diff --git a/packages/stacks-docs-next/.gitignore b/packages/stacks-docs-next/.gitignore
index 785f956d1d..7df20a667c 100644
--- a/packages/stacks-docs-next/.gitignore
+++ b/packages/stacks-docs-next/.gitignore
@@ -22,5 +22,4 @@ Thumbs.db
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
 
-/static/docs
-/static/legacy
\ No newline at end of file
+/static/docs
\ No newline at end of file
diff --git a/packages/stacks-docs-next/CLAUDE.md b/packages/stacks-docs-next/CLAUDE.md
new file mode 100644
index 0000000000..27f3e34416
--- /dev/null
+++ b/packages/stacks-docs-next/CLAUDE.md
@@ -0,0 +1,165 @@
+# stacks-docs-next — Claude Instructions
+
+This is the SvelteKit documentation site for the Stacks v3 design system. Pages are written in mdsvex (`.md` files with Svelte support).
+
+## Converting a component page from legacy stacks-docs
+
+Work from the source in `packages/stacks-docs/product/components/<name>.html` and its companion JSON at `packages/stacks-docs/_data/components/<name>.json`.
+
+### Checklist
+
+1. Create `src/docs/public/system/components/<name>.md`
+2. Write frontmatter (see below)
+3. Write the `<script lang="ts">` block — imports + ClassTableRow data arrays
+4. Convert all tables to `ClassTable`
+5. Convert all examples to `<Example>` with Svelte components where available
+6. Convert all code blocks to fenced HTML (clean up legacy template syntax)
+7. Preserve all prose text exactly — no rewording
+8. Remove the `legacy:` key from the component's entry in `src/structure.yaml`
+9. Ensure the component has an entry in `src/structure.yaml` under the correct section
+
+### Frontmatter
+
+```yaml
+---
+title: "Component Name"
+description: "…"           # from the original page
+figma: "https://…"         # if present
+svelte: "https://…"        # if present
+js: true                   # only if the component has a JavaScript section
+---
+```
+
+### Script block
+
+```svelte
+<script lang="ts">
+    import { ComponentName, SubComponent } from '@stackoverflow/stacks-svelte';
+    import { IconName } from '@stackoverflow/stacks-icons/icons';
+    import ClassTable from '$components/ClassTable.svelte';
+    import Example from '$components/Example.svelte';
+    import type { ClassTableRow } from '$components/ClassTable.svelte';
+
+    const classes: ClassTableRow[] = [ … ];
+    const attributes: ClassTableRow[] = [ … ];  // JS tables, one array per table
+</script>
+```
+
+### ClassTable
+
+Use `ClassTable` for every table — never raw markdown tables.
+
+```svelte
+<!-- Main classes table — usually expandable -->
+<ClassTable {classes} expandable />
+
+<!-- JS section tables — override column headings as appropriate -->
+<ClassTable classes={attributes} headings={{ class: 'Attribute', parent: 'Applies to' }} />
+<ClassTable classes={events}     headings={{ class: 'Event',     parent: 'Applies to' }} />
+<ClassTable classes={helpers}    headings={{ class: 'Function',  parent: 'Applies to' }} />
+```
+
+**ClassTableRow fields:** `class`, `parent`, `modifies`, `output`, `description`, `define`, `responsive`.
+- Only populate fields that are relevant — `ClassTable` auto-hides columns with no data.
+- Use `'N/A'` (string) for explicitly empty parent/modifies — renders as muted text.
+- The `headings` prop renames any column: `headings={{ class: 'Selector', description: 'Notes' }}`.
+
+### Example component
+
+All examples must be wrapped in `<Example>`.
+
+```svelte
+<Example>
+    <!-- single example -->
+    <ComponentName prop="value" />
+</Example>
+
+<!-- Multiple labelled sub-examples in one block -->
+<Example>
+    <div class="d-flex g16 ai-start fw-wrap">
+        <div class="d-flex fd-column g8">
+            <span class="ff-mono mb8">Label</span>
+            <ComponentName />
+        </div>
+        <div class="d-flex fd-column g8">
+            <span class="ff-mono mb8">Another label</span>
+            <ComponentName variant="other" />
+        </div>
+    </div>
+</Example>
+```
+
+Sub-example labels always use `class="ff-mono mb8"`.
+
+### Svelte components vs raw HTML
+
+- **Always prefer** Svelte components from `@stackoverflow/stacks-svelte` when one exists for the use case.
+- **Fall back to raw HTML** only when the component's prop API can't express what the example needs (e.g. `ps-absolute` positioning on a container that the component applies internally).
+- Check `packages/stacks-svelte/src/components/index.ts` for available components.
+- Check story files (`*.stories.svelte`) for usage patterns.
+
+### Code blocks
+
+- Keep all HTML code blocks verbatim from the original source.
+- Replace Razor/C# SVG syntax (`@Svg.IconName.With("class")` or `{% icon "Name", "class" %}`) with `<svg class="…" aria-hidden="true">…</svg>`.
+- Use fenced code blocks with explicit language tags (` ```html `).
+
+### Popover containers for menu/navigation examples
+
+Use `s-popover is-visible ps-relative` as the example container for anything that would appear inside a popover in real use. Standard sizing is `ws2 p8` or `ws3 p8`.
+
+### Removed-in-v3 components
+
+Pages for components removed in Stacks v3 contain only a warning notice:
+
+```md
+---
+title: "Component Name"
+---
+
+<script lang="ts">
+    import { Notice } from '@stackoverflow/stacks-svelte';
+</script>
+
+<Notice variant="warning">
+    <p>This component has been removed in Stacks v3. If using Stacks v2, please refer to the <a href="https://v2.stackoverflow.design/product/develop/using-stacks/">v2 documentation</a> for more information.</p>
+</Notice>
+```
+
+### structure.yaml
+
+Every component page must have an entry in `src/structure.yaml` under the correct section (Components, Forms, etc.) in **alphabetical order**.
+
+After converting a page, remove the `legacy:` key from its entry so the new `.md` file is served:
+
+```yaml
+# Before
+- title: "Navigation"
+  slug: "navigation"
+  legacy: product/components/navigation
+
+# After
+- title: "Navigation"
+  slug: "navigation"
+```
+
+## Available doc components
+
+| Component | Location | Purpose |
+|---|---|---|
+| `ClassTable` | `$components/ClassTable.svelte` | CSS class / JS attribute tables |
+| `ExampleTable` | `$components/ExampleTable.svelte` | Example \| Class \| Description tables |
+| `Example` | `$components/Example.svelte` | Bordered example container |
+| `BannerExample` | `$components/BannerExample.svelte` | Full-width banner examples |
+| `BannerDemo` | `$components/BannerDemo.svelte` | Interactive banner demo |
+| `StacksEditorDemo` | `$components/StacksEditorDemo.svelte` | Stacks editor demo |
+
+## Rehype plugins (automatic — no action needed)
+
+The `svelte.config.js` rehype pipeline automatically:
+- Adds `docs-heading docs-h2/h3/h4` to markdown headings
+- Adds `docs-copy` to `p` and `ol` elements
+- Adds `docs-section` to `<section>` elements (via rehype-sectionize)
+- Adds `docs-link` to `<a>` elements
+- Adds syntax highlighting via `s-code-block` to fenced code blocks
+- Extracts the TOC from headings and exposes it as `metadata.toc`
diff --git a/packages/stacks-docs-next/package.json b/packages/stacks-docs-next/package.json
index 15cedb2235..4a95d63662 100644
--- a/packages/stacks-docs-next/package.json
+++ b/packages/stacks-docs-next/package.json
@@ -4,8 +4,7 @@
     "type": "module",
     "scripts": {
         "dev": "vite dev",
-        "predev": "node scripts/copy-legacy.mjs",
-        "prebuild": "npm run build -w @stackoverflow/stacks && npm run build -w @stackoverflow/stacks-svelte && npm run build -w @stackoverflow/stacks-docs && node scripts/copy-legacy.mjs",
+        "prebuild": "npm run build -w @stackoverflow/stacks && npm run build -w @stackoverflow/stacks-svelte",
         "build": "bash netlify-setup.sh && npm run init-private-content && vite build",
         "preview": "vite preview",
         "prepare": "svelte-kit sync || echo ''",
@@ -28,7 +27,9 @@
         "@docsearch/js": "^4.3.2",
         "@hbsnow/rehype-sectionize": "^1.0.7",
         "@stackoverflow/stacks": "*",
+        "@stackoverflow/stacks-editor": "*",
         "@stackoverflow/stacks-icons": "*",
+        "@stackoverflow/stacks-icons-legacy": "*",
         "@stackoverflow/stacks-svelte": "*",
         "@stefanprobst/rehype-extract-toc": "^3.0.0",
         "better-auth": "^1.4.7",
diff --git a/packages/stacks-docs-next/scripts/copy-legacy.mjs b/packages/stacks-docs-next/scripts/copy-legacy.mjs
deleted file mode 100644
index 1e507c227b..0000000000
--- a/packages/stacks-docs-next/scripts/copy-legacy.mjs
+++ /dev/null
@@ -1,40 +0,0 @@
-// Handles legacy Eleventy site content
-
-import fs from "fs";
-import path from "path";
-
-const site = "../stacks-docs/_site";
-
-if (!fs.existsSync(site)) {
-    console.warn("stacks-docs/_site not found, skipping legacy copy");
-    process.exit(0);
-}
-
-fs.mkdirSync("static/legacy", { recursive: true });
-
-// Copy compiled assets
-fs.cpSync(`${site}/assets`, "static/legacy/assets", { recursive: true });
-
-// Copy fragment HTML files only, preserving directory structure
-fs.cpSync(site, "static/legacy/fragments", {
-    recursive: true,
-    filter: (src) => {
-        const stat = fs.statSync(src);
-        if (stat.isDirectory()) return true;
-        return path.basename(src) === "fragment.html";
-    },
-});
-
-// Copy legacy JS bundle
-const docsJs = "../stacks-docs/assets/dist/docs.js";
-if (fs.existsSync(docsJs)) {
-    fs.copyFileSync(docsJs, "static/legacy/docs.js");
-}
-
-// Copy legacy llms.txt
-const llms = "../stacks-docs/_site/llms.txt";
-if (fs.existsSync(llms)) {
-    fs.copyFileSync(llms, "static/legacy/llms.txt");
-}
-
-console.log("Legacy assets copied successfully");
diff --git a/packages/stacks-docs-next/src/app.css b/packages/stacks-docs-next/src/app.css
index 136ed17898..56bab39a19 100644
--- a/packages/stacks-docs-next/src/app.css
+++ b/packages/stacks-docs-next/src/app.css
@@ -1,5 +1,7 @@
 @import "@stackoverflow/stacks/dist/css/stacks.css";
 
+/* Brand color tokens — used by brand docs components.
+   The utility classes (.bg-brand-*, .fc-brand-*) are already provided by Stacks CSS. */
 :root {
     --brand-color-orange: #ff5e00;
     --brand-color-orange-medium: #6e1527;
@@ -31,83 +33,61 @@
     --brand-color-gray-200: #dee0e3;
 }
 
-/* Add to Stacks classic eventually */
-
-.bg-brand-orange {
-    background: var(--brand-color-orange);
-}
-.fc-brand-orange {
-    color: var(--brand-color-orange) !important;
-}
-.bg-brand-orange-medium {
-    background: var(--brand-color-orange-medium);
-}
-.bg-brand-orange-dark {
-    background: var(--brand-color-orange-dark);
-}
-
-.bg-brand-white {
-    background: var(--brand-color-white);
-}
-.bg-brand-black {
-    background: var(--brand-color-black);
-}
-.bg-brand-off-white {
-    background: var(--brand-color-off-white);
-}
-
-.bg-brand-beige {
-    background: var(--brand-color-beige);
-}
-
-.bg-brand-blue {
-    background: var(--brand-color-blue);
-}
-.bg-brand-blue-light {
-    background: var(--brand-color-blue-light);
-}
-.bg-brand-blue-dark {
-    background: var(--brand-color-blue-dark);
-}
-
-.bg-brand-purple {
-    background: var(--brand-color-purple);
-}
-.bg-brand-purple-dark {
-    background: var(--brand-color-purple-dark);
-}
-
-.bg-brand-pink {
-    background: var(--brand-color-pink);
-}
-.bg-brand-pink-dark {
-    background: var(--brand-color-pink-dark);
-}
-
-.bg-brand-green {
-    background: var(--brand-color-green);
-}
-.bg-brand-green-dark {
-    background: var(--brand-color-green-dark);
-}
-
-.bg-brand-yellow {
-    background: var(--brand-color-yellow);
-}
-.bg-brand-yellow-dark {
-    background: var(--brand-color-yellow-dark);
-}
-
-.bg-brand-gray {
-    background: var(--brand-color-gray);
-}
-.bg-brand-gray-200 {
-    background: var(--brand-color-gray-200);
+/* Custom theme color palette — activates when body has theme-custom + themed classes.
+   Primary: teal (h:170 s:37% l:48%), Secondary: purple (h:260 s:29% l:55%).
+   Matches the custom theme defined in stacks-docs. */
+body.theme-custom.themed {
+    --theme-base-primary-color-h: 170;
+    --theme-base-primary-color-s: 37%;
+    --theme-base-primary-color-l: 48%;
+    --theme-primary-custom-100: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + ((100% - var(--theme-base-primary-color-l)) * .9)));
+    --theme-primary-custom-200: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + ((100% - var(--theme-base-primary-color-l)) * .75)));
+    --theme-primary-custom-300: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + ((100% - var(--theme-base-primary-color-l)) * .5)));
+    --theme-primary-custom-400: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), var(--theme-base-primary-color-l));
+    --theme-primary-custom-500: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + (var(--theme-base-primary-color-l) * -.3)));
+    --theme-primary-custom-600: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + (var(--theme-base-primary-color-l) * -.6)));
+    --theme-primary-custom: var(--theme-primary-custom-400);
+    --theme-base-secondary-color-h: 260;
+    --theme-base-secondary-color-s: 29%;
+    --theme-base-secondary-color-l: 55%;
+    --theme-secondary-custom-100: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + ((100% - var(--theme-base-secondary-color-l)) * .9)));
+    --theme-secondary-custom-200: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + ((100% - var(--theme-base-secondary-color-l)) * .75)));
+    --theme-secondary-custom-300: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + ((100% - var(--theme-base-secondary-color-l)) * .5)));
+    --theme-secondary-custom-400: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), var(--theme-base-secondary-color-l));
+    --theme-secondary-custom-500: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + (var(--theme-base-secondary-color-l) * -.3)));
+    --theme-secondary-custom-600: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + (var(--theme-base-secondary-color-l) * -.6)));
+    --theme-secondary-custom: var(--theme-secondary-custom-400);
+    --theme-secondary-custom-focus-ring: hsla(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), var(--theme-base-secondary-color-l), 0.15);
+    --theme-secondary-custom-translucent: hsla(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), var(--theme-base-secondary-color-l), 0.15);
+    /* Dark mode variants */
+    --theme-dark-primary-color-h: 170;
+    --theme-dark-primary-color-s: 50%;
+    --theme-dark-primary-color-l: 60%;
+    --theme-dark-primary-custom-100: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.6)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.7)));
+    --theme-dark-primary-custom-200: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.4)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.5)));
+    --theme-dark-primary-custom-300: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.3)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.2)));
+    --theme-dark-primary-custom-400: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), var(--theme-dark-primary-color-l));
+    --theme-dark-primary-custom-500: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), calc(var(--theme-dark-primary-color-l) + ((100% - var(--theme-dark-primary-color-l)) * .5)));
+    --theme-dark-primary-custom-600: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), calc(var(--theme-dark-primary-color-l) + ((100% - var(--theme-dark-primary-color-l)) * .8)));
+    --theme-dark-primary-custom: var(--theme-dark-primary-custom-400);
+    --theme-dark-secondary-color-h: 260;
+    --theme-dark-secondary-color-s: 70%;
+    --theme-dark-secondary-color-l: 70%;
+    --theme-dark-secondary-custom-100: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + (var(--theme-dark-secondary-color-s) * -.6)), calc(var(--theme-dark-secondary-color-l) + (var(--theme-dark-secondary-color-l) * -.7)));
+    --theme-dark-secondary-custom-200: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + (var(--theme-dark-secondary-color-s) * -.4)), calc(var(--theme-dark-secondary-color-l) + (var(--theme-dark-secondary-color-l) * -.5)));
+    --theme-dark-secondary-custom-300: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + (var(--theme-dark-secondary-color-s) * -.3)), calc(var(--theme-dark-secondary-color-l) + (var(--theme-dark-secondary-color-l) * -.2)));
+    --theme-dark-secondary-custom-400: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l));
+    --theme-dark-secondary-custom-500: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), calc(var(--theme-dark-secondary-color-l) + ((100% - var(--theme-dark-secondary-color-l)) * .5)));
+    --theme-dark-secondary-custom-600: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), calc(var(--theme-dark-secondary-color-l) + ((100% - var(--theme-dark-secondary-color-l)) * .8)));
+    --theme-dark-secondary-custom: var(--theme-dark-secondary-custom-400);
+    --theme-dark-secondary-custom-focus-ring: hsla(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l), 0.25);
+    --theme-dark-secondary-custom-translucent: hsla(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l), 0.25);
 }
 
 /* Override Stacks defaults */
 html,
 body {
+    --fw-bold: 700;
     --ff-sans:
         "Stack Sans Text", -apple-system, BlinkMacSystemFont,
         "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
@@ -131,10 +111,6 @@ body {
     src: url("/fonts/IBMPlexMono-Regular.woff2") format("woff2");
 }
 
-.ff-stack-sans {
-    font-family: "Stack Sans Text";
-    font-weight: 400;
-}
 .ff-stack-sans-headline,
 .ff-stack-sans-headline-notch {
     font-family: "Stack Sans Headline";
@@ -143,24 +119,9 @@ body {
     font-feature-settings: "ss01" 1 !important;
 }
 
-.fw-extralight {
-    font-weight: 200;
-}
-.fw-light {
-    font-weight: 300;
-}
-.fw-regular {
-    font-weight: 400;
-}
-.fw-medium {
-    font-weight: 500;
-}
-.fw-semibold {
-    font-weight: 600;
-}
-.fw-bold,
-.s-prose strong {
-    font-weight: 700;
+.docs-copy strong {
+    color: var(--black-600);
+    font-weight: var(--fw-bold);
 }
 
 body {
@@ -179,7 +140,7 @@ h5 {
     font-weight: 400;
 }
 h1 {
-    font-size: 72px;
+    font-size: var(--fs-display3);
     line-height: 106%;
     font-weight: 500;
     margin-top: 0;
@@ -188,7 +149,7 @@ h1 {
     font-feature-settings: "ss01" 1;
 }
 main {
-    min-height: calc(100vh - 24px);
+    min-height: calc(100vh - var(--su24));
 }
 main,
 footer {
@@ -202,79 +163,132 @@ footer {
     }
 }
 
-/* Document styles */
-
-.doc h1 a,
-.doc h2 a,
-.doc h3 a,
-.doc h4 a,
-.doc h5 a {
+/* Prose paragraph styling — applied to all p elements by the addDocClasses rehype plugin */
+.docs-copy {
+    color: var(--black-500);
+    font-size: var(--fs-body2);
+    line-height: var(--lh-lg);
+    margin-bottom: var(--su16);
+    margin-top: 0;
+}
+.docs-copy a:not([class]),
+.docs-copy .s-link {
+    text-decoration: underline;
+}
+.docs-copy .docs-link {
     color: inherit;
+}
+.docs-copy code {
+    background-color: var(--black-200);
+    color: var(--black-600);
+    font-size: var(--fs-fine);
+    padding: 0.1875em 0.375em;
+}
+/* Document styles — individual classes applied by the addDocClasses rehype plugin */
+
+/* Links and SVGs inside headings */
+.docs-heading .docs-link,
+.docs-heading .docs-heading-anchor {
+    color: inherit !important;
     text-decoration: none;
 }
-.doc h1 svg,
-.doc h2 svg,
-.doc h3 svg,
-.doc h4 svg,
-.doc h5 svg {
+.docs-heading svg {
     vertical-align: middle;
-    margin-right: 4px;
+    margin-right: var(--su4);
+}
+
+/* Heading flex layout (heading text + anchor icon side-by-side) */
+.docs-heading {
+    display: flex;
+    align-items: flex-end;
+    justify-content: space-between;
+    gap: var(--su8);
+    font-weight: var(--fw-bold);
+}
+
+/* Heading anchor icon appended by rehype-autolink-headings */
+.docs-heading-anchor {
+    flex-shrink: 0;
+    color: var(--black-300);
+    line-height: 1;
+    margin-bottom: var(--su2);
+}
+.docs-heading-anchor:hover {
+    color: var(--black-600);
+}
+
+/* Heading-specific overrides */
+.docs-h2 {
+    font-size: var(--fs-headline1);
+    margin-bottom: var(--su16);
 }
-.doc img,
-.doc iframe {
+.docs-h3 {
+    color: var(--black-500);
+    margin-top: var(--su48);
+}
+.docs-h2 + .docs-section > .docs-h3 {
+    margin-top: var(--su24);
+}
+.docs-h4 {
+    color: var(--black-400);
+    margin-bottom: var(--su4);
+    margin-top: var(--su16);
+}
+
+/* Images and iframes */
+.docs-img,
+.docs-iframe {
     width: 100%;
     height: auto;
     display: block;
 }
-.doc iframe {
+.docs-iframe {
     aspect-ratio: 16 / 9.675;
 }
-.doc .doc__grid {
-    margin: 12px 0;
+
+/* Grid layout helper */
+.docs-grid {
+    margin: var(--su12) 0;
 }
-.doc .doc__grid:not(.doc__grid + .doc__grid):not(:has(+ .doc__grid)) {
-    margin: 32px 0;
+.docs-grid:not(.docs-grid + .docs-grid):not(:has(+ .docs-grid)) {
+    margin: var(--su32) 0;
 }
-.doc section {
+
+/* Sections generated by rehype-sectionize */
+.docs-section {
     border-top: 1px solid var(--black-150);
     position: relative;
-    padding: 20px 0;
-    margin: 20px 0;
-}
-.doc h1 a,
-.doc h2 a,
-.doc h3 a,
-.doc h4 a {
-    color: inherit !important;
+    padding: calc(var(--su24) + var(--sun4)) 0;
+    margin: calc(var(--su24) + var(--sun4)) 0;
 }
-.doc section[data-heading-rank] {
-    margin-top: 32px;
+.docs-section[data-heading-rank] {
+    margin-top: var(--su24);
 }
-.doc section[data-heading-rank="2"] > p {
+.docs-section[data-heading-rank="2"] > .docs-p {
     color: var(--fc-medium);
 }
-.doc section > section {
+.docs-section > .docs-section {
     border-top: 0;
     padding: 0;
     margin: 0;
 }
-.doc p:not(:has(img)),
-.doc li {
-    max-width: 800px;
+
+/* Prose elements */
+.docs-ul,
+.docs-copy ol {
+    margin-bottom: 1.1em;
+    margin-top: 0;
+}
+.docs-li {
+    max-width: var(--su848);
 }
-.doc ul li {
+.docs-ul > .docs-li {
     list-style-type: square;
 }
-.doc nav ul li {
+.docs-nav .docs-li {
     list-style: none;
 }
-.doc h2 {
-    font-size: var(--_pr-h1-fs);
-}
-.doc h4 {
-    color: var(--black-400);
-}
-.doc a {
+.docs-link {
     font-weight: 500;
 }
 
@@ -305,7 +319,7 @@ footer {
     border: var(--su1) solid var(--black-200);
     border-radius: var(--su2);
     font-family: var(--ff-mono);
-    font-size: 0.875em;
+    font-size: var(--fs-fine);
     overflow-wrap: break-word;
     margin: var(--sun1);
     padding: 0.125em 0.1875em 0.0625em;
@@ -340,6 +354,66 @@ footer {
     border-color: var(--black-300);
 }
 
+/* Docs card — used in example containers to simulate a card-like context */
+.docs-card {
+    border: var(--su1) solid var(--black-225);
+    border-radius: var(--su4);
+    padding: var(--su16);
+}
+
+/* Notices in doc content get breathing room below */
+.doc .s-notice {
+    margin-bottom: var(--su16);
+}
+
+/* Paragraphs inside doc notices inherit docs-copy typography */
+.doc .s-notice p {
+    color: inherit;
+    font-size: var(--fs-body2);
+    line-height: var(--lh-lg);
+    margin-bottom: 0;
+    margin-top: 0;
+}
+.doc .s-notice p strong {
+    font-weight: var(--fw-bold);
+}
+
+/* s-prose inside example containers — reset docs-specific font overrides so
+   the prose renders with standard product fonts, not the docs custom typefaces.
+   Covers both <Example> containers and the prose page's custom expandable wrapper. */
+.example-container .s-prose,
+.docs-prose-example .s-prose {
+    --ff-sans: -apple-system, BlinkMacSystemFont,
+        "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
+    --ff-mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono",
+        "Liberation Mono", Menlo, Monaco, Consolas, monospace;
+    font-family: var(--ff-sans);
+    font-weight: initial;
+}
+
+/* The global h1–h5 rule applies "Stack Sans Headline" with higher specificity
+   than the container reset above, so headings need an explicit override. */
+.example-container .s-prose h1,
+.example-container .s-prose h2,
+.example-container .s-prose h3,
+.example-container .s-prose h4,
+.example-container .s-prose h5,
+.example-container .s-prose h6,
+.docs-prose-example .s-prose h1,
+.docs-prose-example .s-prose h2,
+.docs-prose-example .s-prose h3,
+.docs-prose-example .s-prose h4,
+.docs-prose-example .s-prose h5,
+.docs-prose-example .s-prose h6 {
+    font-family: var(--ff-sans);
+}
+
+/* Taller editor demo variant */
+.docs-editor-tall,
+.docs-editor-tall .s-editor-resizable {
+    min-height: var(--su640) !important;
+}
+
 /* Agolia Docsearch */
 
 .DocSearch-Container {
diff --git a/packages/stacks-docs-next/src/components/BannerDemo.svelte b/packages/stacks-docs-next/src/components/BannerDemo.svelte
new file mode 100644
index 0000000000..d68c45a1b4
--- /dev/null
+++ b/packages/stacks-docs-next/src/components/BannerDemo.svelte
@@ -0,0 +1,56 @@
+<script lang="ts">
+    import { Icon, Select, SelectItem, Checkbox } from '@stackoverflow/stacks-svelte';
+    import { IconAlert, IconCross } from '@stackoverflow/stacks-icons/icons';
+
+    const variants = [
+        { value: '',                   label: 'Base' },
+        { value: 's-banner__info',     label: 'Info' },
+        { value: 's-banner__success',  label: 'Success' },
+        { value: 's-banner__warning',  label: 'Warning' },
+        { value: 's-banner__danger',   label: 'Danger' },
+        { value: 's-banner__featured', label: 'Featured' },
+        { value: 's-banner__activity', label: 'Activity' },
+    ] as const;
+
+    let selectedVariant = $state('s-banner__warning');
+    let important = $state(true);
+    let pinned = $state(true);
+    let visible = $state(false);
+
+    const bannerClass = $derived(
+        ['s-banner', selectedVariant, important && 's-banner__important', pinned && 'is-pinned']
+            .filter(Boolean).join(' ')
+    );
+</script>
+
+{#if visible}
+    <aside class={bannerClass} role="alert" aria-hidden="false">
+        <span class="s-banner--icon"><Icon src={IconAlert} /></span>
+        <span><strong>Stacks is currently frozen in read-only mode.</strong> Contact the team to restore access.</span>
+        <div class="s-banner--actions">
+            <button type="button" class="s-link s-banner--dismiss" onclick={() => visible = false}>
+                <Icon src={IconCross} />
+            </button>
+        </div>
+    </aside>
+{/if}
+
+<div class="ba bc-black-225 bar-sm p16 bg-black-100 d-flex ai-center g16 fw-wrap">
+    <Select id="banner-style" label="Style" bind:selected={selectedVariant} labelPlacement="left">
+        {#each variants as v}
+            <SelectItem value={v.value} text={v.label} />
+        {/each}
+    </Select>
+
+    <Checkbox id="banner-important" name="banner-important" label="Important?" bind:checked={important} />
+
+    <Checkbox id="banner-pinned" name="banner-pinned" label="Pinned?" bind:checked={pinned} />
+
+    <button
+        type="button"
+        class="s-btn s-btn__filled ml-auto"
+        onclick={() => visible = true}
+    >
+        Show example
+    </button>
+</div>
diff --git a/packages/stacks-docs-next/src/components/BannerExample.svelte b/packages/stacks-docs-next/src/components/BannerExample.svelte
new file mode 100644
index 0000000000..568c03573f
--- /dev/null
+++ b/packages/stacks-docs-next/src/components/BannerExample.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+    import { Icon } from '@stackoverflow/stacks-svelte';
+    import { IconAlert, IconCross } from '@stackoverflow/stacks-icons/icons';
+
+    type Variant = 'info' | 'success' | 'warning' | 'danger' | 'featured' | 'activity';
+
+    interface Props {
+        variant?: Variant;
+        important?: boolean;
+        class?: string;
+    }
+
+    let { variant, important = false, class: extraClass = '' }: Props = $props();
+
+    const bannerClass = $derived(
+        ['s-banner is-pinned ps-relative', variant && `s-banner__${variant}`, important && 's-banner__important', extraClass]
+            .filter(Boolean).join(' ')
+    );
+</script>
+
+<aside class={bannerClass} role="presentation" aria-hidden="false" style="z-index: 1;">
+    <span class="s-banner--icon"><Icon src={IconAlert} /></span>
+    <span>
+        <strong>Stacks is currently frozen in read-only mode.</strong> Contact the team to restore access.
+    </span>
+    <div class="s-banner--actions">
+        <button type="button" class="s-link s-banner--dismiss"><Icon src={IconCross} /></button>
+    </div>
+</aside>
diff --git a/packages/stacks-docs-next/src/components/ClassTable.svelte b/packages/stacks-docs-next/src/components/ClassTable.svelte
new file mode 100644
index 0000000000..99dc7c5ad3
--- /dev/null
+++ b/packages/stacks-docs-next/src/components/ClassTable.svelte
@@ -0,0 +1,130 @@
+<script lang="ts">
+    export type ClassTableRow = {
+        class: string;
+        /** The parent element this class must be a child of */
+        parent?: string;
+        /** What class this modifies — used on component pages */
+        modifies?: string;
+        /** CSS property output — used on base utility pages */
+        output?: string;
+        /** Human-readable description — used on component pages */
+        description?: string;
+        /** Human-readable definition — used on base utility pages */
+        define?: string;
+        /** Whether the class has a responsive variant */
+        responsive?: boolean;
+    };
+
+    type ColKey = keyof Omit<ClassTableRow, 'class'>;
+
+    interface Props {
+        classes: ClassTableRow[];
+        /**
+         * Show an expand button when the table is tall enough to warrant it.
+         * Defaults to true.
+         */
+        expandable?: boolean;
+        /**
+         * Label for the expand button. Defaults to "Show All Classes".
+         * Override for tables used in non-class contexts.
+         */
+        expandButtonText?: string;
+        /**
+         * Whether to render the column heading row. Defaults to true.
+         * Set to false for tables embedded in contexts that provide their own headings.
+         */
+        showHeadings?: boolean;
+        /**
+         * Override individual column heading labels.
+         * e.g. { class: 'Selector', description: 'Notes' }
+         */
+        headings?: Partial<Record<'class' | ColKey, string>>;
+    }
+
+    let {
+        classes,
+        expandable = false,
+        expandButtonText = 'Show All Classes',
+        showHeadings = true,
+        headings = {},
+    }: Props = $props();
+
+    let expanded = $state(false);
+
+    const defaultLabels: Record<'class' | ColKey, string> = {
+        class: 'Class',
+        parent: 'Parent',
+        modifies: 'Modifies',
+        output: 'Output',
+        description: 'Description',
+        define: 'Definition',
+        responsive: 'Responsive?',
+    };
+
+    function label(col: 'class' | ColKey): string {
+        return headings[col] ?? defaultLabels[col];
+    }
+
+    // Show columns in a fixed order, only those with at least one value.
+    const orderedCols: ColKey[] = ['parent', 'modifies', 'output', 'description', 'define', 'responsive'];
+    const activeCols = $derived(
+        orderedCols.filter(col => classes.some(r => r[col] !== undefined))
+    );
+</script>
+
+<!-- role="region" + aria-label satisfies the a11y requirement for tabindex on a non-interactive element -->
+<div
+    role="region"
+    aria-label={label('class') + ' table'}
+    tabindex="0"
+    class="overflow-x-auto s-anchors s-anchors__underlined {expandable && !expanded ? 'v-truncate-fade' : ''}"
+>
+    <table class="s-table s-table__bx-simple">
+        {#if showHeadings}
+            <thead>
+                <tr>
+                    <th scope="col">{label('class')}</th>
+                    {#each activeCols as col}
+                        <th scope="col" class={col === 'description' || col === 'define' ? 's-table--cell5' : ''}>{label(col)}</th>
+                    {/each}
+                </tr>
+            </thead>
+        {/if}
+        <tbody class="fs-caption">
+            {#each classes as row}
+                <tr>
+                    <th scope="row"><code>{row.class}</code></th>
+                    {#each activeCols as col}
+                        <td class={col === 'output' ? 'ff-mono' : ''}>
+                            {#if col === 'responsive'}
+                                {row.responsive ? '✓' : ''}
+                            {:else}
+                                {@const val = String((row as Record<string, unknown>)[col] ?? '')}
+                                {#if val === 'N/A'}
+                                    <span class="fc-black-350">N/A</span>
+                                {:else if val.startsWith('.')}
+                                    <code>{val}</code>
+                                {:else}
+                                    {val}
+                                {/if}
+                            {/if}
+                        </td>
+                    {/each}
+                </tr>
+            {/each}
+        </tbody>
+    </table>
+</div>
+
+{#if expandable && !expanded}
+    <button
+        type="button"
+        class="s-btn s-btn__tonal s-btn__sm w100 mt2 mb32"
+        aria-expanded="false"
+        onclick={() => expanded = true}
+    >
+        {expandButtonText}
+    </button>
+{:else}
+    <div class="mb32"></div>
+{/if}
diff --git a/packages/stacks-docs-next/src/components/Contents.svelte b/packages/stacks-docs-next/src/components/Contents.svelte
index 3097fed471..0c2c53a0bf 100644
--- a/packages/stacks-docs-next/src/components/Contents.svelte
+++ b/packages/stacks-docs-next/src/components/Contents.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
   import { SvelteMap } from 'svelte/reactivity';
-  import { Icon } from '@stackoverflow/stacks-svelte';
-  import { IconChevron16Down, IconChevron16Up } from '@stackoverflow/stacks-icons'
 
   interface TocItem {
     id: string;
@@ -17,8 +15,6 @@
   let indicatorHeight = $state(0);
   let navElement: HTMLElement | null = null;
   let linkElements: Map<string, HTMLElement> = new SvelteMap();
-  let isOpen = $state(false);
-
   // Flatten toc to get all items including children
   function flattenToc(items: TocItem[]): TocItem[] {
     const result: TocItem[] = [];
@@ -72,43 +68,40 @@
   $effect(() => {
     if (typeof window === 'undefined' || allItems.length === 0) return;
 
-    const observer = new IntersectionObserver(
-      (entries) => {
-        // Find the first intersecting heading
-        for (const entry of entries) {
-          if (entry.isIntersecting) {
-            const id = entry.target.id;
-            if (activeId !== id) {
-              activeId = id;
-              updateIndicatorPosition(id);
-            }
-            break;
-          }
+    // The active item is the last heading that has scrolled past the
+    // top threshold — this is more accurate than IntersectionObserver
+    // which can fire too early when a heading enters the viewport.
+    const OFFSET = 120; // px from the top of the viewport
+
+    function updateActive() {
+      let found: string | null = null;
+
+      for (const item of allItems) {
+        const el = document.getElementById(item.id);
+        if (!el) continue;
+        if (el.getBoundingClientRect().top <= OFFSET) {
+          found = item.id;
+        } else {
+          break; // headings are in DOM order — stop once we pass the threshold
         }
-      },
-      {
-        rootMargin: '-100px 0px -66% 0px',
-        threshold: 0.5
       }
-    );
 
-    // Wait for DOM to be ready
-    const timeoutId = setTimeout(() => {
-      allItems.forEach(item => {
-        const element = document.getElementById(item.id);
-        if (element) observer.observe(element);
-      });
-
-      // Set initial active
-      if (allItems.length > 0 && !activeId) {
-        activeId = allItems[0].id;
-        updateIndicatorPosition(allItems[0].id);
+      const next = found ?? (allItems.length > 0 ? allItems[0].id : null);
+      if (next && next !== activeId) {
+        activeId = next;
+        updateIndicatorPosition(next);
       }
+    }
+
+    // Wait for DOM to be ready then attach scroll listener
+    const timeoutId = setTimeout(() => {
+      updateActive();
+      window.addEventListener('scroll', updateActive, { passive: true });
     }, 50);
 
     return () => {
       clearTimeout(timeoutId);
-      observer.disconnect();
+      window.removeEventListener('scroll', updateActive);
     };
   });
 
@@ -131,19 +124,11 @@
   }
 </script>
 
-<aside class="flex--item3 md:order-first ml32 md:ml0">
+<aside class="fl-shrink0 w25 md:d-none ml32 ff-stack-sans-headline">
   {#if toc.length > 0}
     <div class="ps-sticky t0 py24 mt6 pr24 md:pb0 overflow-auto hmx-screen md:hmx-initial">
-      <button
-        class="d-none md:d-block s-btn s-btn__tonal s-btn__icon w100 mb12 d-flex jc-space-between"
-        onclick={() => isOpen = !isOpen}
-      >
-        <Icon src={isOpen ? IconChevron16Up : IconChevron16Down} />
-        Contents
-      </button>
-
-      <nav bind:this={navElement} class={`ps-relative d-block ${!isOpen ? 'd-block md:d-none' : ''}`}>
-        <h2 class="fs-body2 fw-bold mb12 px6 fc-black-400 d-block sm:d-none">Contents</h2>
+      <nav bind:this={navElement} class="ps-relative">
+        <h2 class="fs-body2 fw-bold mb12 px6 fc-black-400">Contents</h2>
 
         <div
           class="contents-indicator ps-absolute l0 r0 z-base pe-none"
@@ -158,9 +143,8 @@
                 use:registerLink={item.id}
                 class="s-navigation--item fs-caption bar0 ps-relative fw-bold fc-black ai-start"
                 class:is-active={activeId === item.id}
-                onclick={() => isOpen = false}
               >
-                <span class="fl-shrink0 w24 d-flex ai-center fc-orange-400">{(index + 1).toString().padStart(2, "0")}</span>
+                <span class="fl-shrink0 w24 d-flex ai-center fc-theme-primary">{(index + 1).toString().padStart(2, "0")}</span>
                 <span>{item.value}</span>
               </a>
               {#if item.children && item.children.length > 0}
@@ -172,7 +156,6 @@
                         use:registerLink={child.id}
                         class="s-navigation--item fs-caption bar0 ps-relative"
                         class:is-active={activeId === child.id}
-                        onclick={() => isOpen = false}
                       >
                         {child.value}
                       </a>
diff --git a/packages/stacks-docs-next/src/components/Example.svelte b/packages/stacks-docs-next/src/components/Example.svelte
new file mode 100644
index 0000000000..8963a865e2
--- /dev/null
+++ b/packages/stacks-docs-next/src/components/Example.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+    import type { Snippet } from 'svelte';
+
+    interface Props {
+        children: Snippet;
+    }
+
+    let { children }: Props = $props();
+</script>
+
+<div class="ba bc-black-225 bar-sm p16 mb32 overflow-visible example-container">
+    {@render children()}
+</div>
+
+<style>
+    /* Reset to system sans-serif inside examples so rendered components
+       reflect what users see in a product, not the docs' custom font. */
+    .example-container {
+        --ff-sans: -apple-system, BlinkMacSystemFont,
+            "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
+        font-family: var(--ff-sans);
+        font-weight: initial;
+    }
+</style>
diff --git a/packages/stacks-docs-next/src/components/ExampleTable.svelte b/packages/stacks-docs-next/src/components/ExampleTable.svelte
new file mode 100644
index 0000000000..7724686de7
--- /dev/null
+++ b/packages/stacks-docs-next/src/components/ExampleTable.svelte
@@ -0,0 +1,61 @@
+<script lang="ts">
+    import type { Snippet } from 'svelte';
+
+    export type ExampleTableRow = {
+        classes: string[];
+        description: string;
+        [key: string]: unknown;
+    };
+
+    interface Props {
+        rows: ExampleTableRow[];
+        /** Label for the class column. Defaults to "Class". */
+        columnLabel?: string;
+        /** Whether to show the class column. Defaults to true. */
+        showClasses?: boolean;
+        /**
+         * Snippet that receives the row and renders the live example.
+         * e.g. {#snippet example(row)}<Bling type={row.type} />{/snippet}
+         */
+        example: Snippet<[ExampleTableRow]>;
+    }
+
+    let { rows, columnLabel = 'Class', showClasses = true, example }: Props = $props();
+</script>
+
+<div class="overflow-x-auto">
+    <table class="s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                <th scope="col">Example</th>
+                {#if showClasses}
+                    <th scope="col" class="s-table--cell5">{columnLabel}</th>
+                {/if}
+                <th scope="col">Description</th>
+            </tr>
+        </thead>
+        <tbody>
+            {#each rows as row}
+                <tr>
+                    <td class="va-middle pr8">
+                        {@render example(row)}
+                    </td>
+                    {#if showClasses}
+                        <td class="va-middle">
+                            <div class="d-flex g4 fw-wrap">
+                                {#each row.classes as cls}
+                                    {#if cls === 'N/A'}
+                                        <span class="fc-black-350">N/A</span>
+                                    {:else}
+                                        <code>{cls}</code>
+                                    {/if}
+                                {/each}
+                            </div>
+                        </td>
+                    {/if}
+                    <td class="va-middle">{row.description}</td>
+                </tr>
+            {/each}
+        </tbody>
+    </table>
+</div>
diff --git a/packages/stacks-docs-next/src/components/GridColumn.svelte b/packages/stacks-docs-next/src/components/GridColumn.svelte
index f0c5e98118..2a1aa5f66f 100644
--- a/packages/stacks-docs-next/src/components/GridColumn.svelte
+++ b/packages/stacks-docs-next/src/components/GridColumn.svelte
@@ -6,7 +6,7 @@
   getContext('columnCount').update((i: number) => i + 1)
 </script>
 
-<div class={`flex--item ps-relative column ${extraClasses}`} {...rest} class:p24={padding}>
+<div class={`fl-grow1 ps-relative column ${extraClasses}`} {...rest} class:p24={padding}>
   <div class="column__inner h100">
     {@render children()}
   </div>
diff --git a/packages/stacks-docs-next/src/components/Navigation.svelte b/packages/stacks-docs-next/src/components/Navigation.svelte
index 4838d2d8f4..84f1c8cc94 100644
--- a/packages/stacks-docs-next/src/components/Navigation.svelte
+++ b/packages/stacks-docs-next/src/components/Navigation.svelte
@@ -124,7 +124,7 @@
     border-radius: 6px !important;
   }
   .s-navigation--item:hover {
-    background: var(--orange-400) !important;
+    background: var(--theme-primary) !important;
     color: var(--white) !important;
   }
 	.s-navigation--item.is-selected,
diff --git a/packages/stacks-docs-next/src/components/ProseContent.svelte b/packages/stacks-docs-next/src/components/ProseContent.svelte
new file mode 100644
index 0000000000..b886bbf88e
--- /dev/null
+++ b/packages/stacks-docs-next/src/components/ProseContent.svelte
@@ -0,0 +1,75 @@
+<p>Stacks adds a new <code>s-prose</code> class that you can slap on any block of vanilla HTML content and turn it into a beautiful, well-formatted document:</p>
+<pre><code class="language-html">&lt;article class="s-prose"&gt;
+  &lt;h1&gt;Garlic bread with cheese: What the science tells us&lt;/h1&gt;
+  &lt;p&gt;For years parents have espoused the health benefits of eating garlic bread…&lt;/p&gt;
+&lt;/article&gt;</code></pre>
+
+<h2>What to expect from here on out</h2>
+<p>What follows from here is just a bunch of absolute nonsense we've written to dogfood the component itself. It includes every sensible typographic element we could think of, like <strong>bold text</strong>, unordered lists, ordered lists, code blocks, block quotes, <em>and even italics</em>.</p>
+<p>It's important to cover all of these use cases for a few reasons:</p>
+<ol>
+    <li>We want everything to look good out of the box.</li>
+    <li>Really just the first reason, that's the whole point of the plugin.</li>
+    <li>Here's a third pretend reason though a list with three items looks more realistic than a list with two items.</li>
+</ol>
+
+<h3>Typography should be easy</h3>
+<p>So that's a header for you — with any luck if we've done our job correctly that will look pretty reasonable.</p>
+<p>Something a wise person once told me about typography is:</p>
+<blockquote><p>Typography is pretty important if you don't want your stuff to look like trash. Make it good then it won't be bad.</p></blockquote>
+<p>It's probably important that images look okay here by default as well:</p>
+<img src="https://images.unsplash.com/photo-1556740758-90de374c12ad?ixlib=rb-1.2.1&auto=format&fit=crop&w=1000&q=80" alt="two people performing a transaction at a counter on either side of a point of sale system in a trendy salon" />
+<p>Now I'm going to show you an example of an unordered list to make sure that looks good, too:</p>
+<ul>
+    <li>So here is the first item in this list.</li>
+    <li>In this example we're keeping the items short.</li>
+    <li>Later, we'll use longer, more complex list items.</li>
+</ul>
+
+<h2>What if we stack headings?</h2>
+<h3>We should make sure that looks good, too.</h3>
+<p>Sometimes you have headings directly underneath each other. In those cases you often have to undo the top margin on the second heading because it usually looks better for the headings to be closer together than a paragraph followed by a heading should be.</p>
+<h3>When a heading comes after a paragraph…</h3>
+<p>When a heading comes after a paragraph, we need a bit more space, like I already mentioned above. Now let's see what a more complex list would look like.</p>
+<ul>
+    <li>
+        <p><strong>I often do this thing where list items have headings.</strong></p>
+        <p>For some reason I think this looks cool which is unfortunate because it's pretty annoying to get the styles right.</p>
+    </li>
+    <li>
+        <p><strong>Since this is a list, I need at least two items.</strong></p>
+        <p>I explained what I'm doing already in the previous list item, but a list wouldn't be a list if it only had one item.</p>
+    </li>
+</ul>
+
+<h2>Code should look okay by default.</h2>
+<p>Here's what a default <code>tailwind.config.js</code> file looks like at the time of writing:</p>
+<pre><code class="language-js">module.exports = &#123;
+  purge: [],
+  theme: &#123; extend: &#123;&#125; &#125;,
+  variants: &#123;&#125;,
+  plugins: [],
+&#125;</code></pre>
+<p>Hopefully that looks good enough to you.</p>
+
+<h2>There are other elements we need to style</h2>
+<p>I almost forgot to mention links, like <a href="https://stackoverflow.com">Stack Overflow</a>.</p>
+<p>We even included table styles, check it out:</p>
+<div class="s-table-container">
+    <table class="s-table">
+        <thead>
+            <tr><th>Wrestler</th><th>Origin</th><th>Finisher</th></tr>
+        </thead>
+        <tbody>
+            <tr><td>Bret "The Hitman" Hart</td><td>Calgary, AB</td><td>Sharpshooter</td></tr>
+            <tr><td>Stone Cold Steve Austin</td><td>Austin, TX</td><td>Stone Cold Stunner</td></tr>
+            <tr><td>Randy Savage</td><td>Sarasota, FL</td><td>Elbow Drop</td></tr>
+        </tbody>
+    </table>
+</div>
+<p>We also need to make sure inline code looks good, like if I wanted to talk about <code>&lt;span&gt;</code> elements or tell you the good news about <code>@tailwindcss/typography</code>.</p>
+<h3>Sometimes I even use <code>code</code> in headings</h3>
+<p>Even though it's probably a bad idea, and historically I've had a hard time making it look good. This <em>"wrap the code blocks in backticks"</em> approach is the best we've come up with.</p>
+<h3>We haven't used an <code>hr</code> yet</h3>
+<hr />
+<p>We just used one. What do you think? Pretty nice, right?</p>
diff --git a/packages/stacks-docs-next/src/components/ProseContentSandbox.svelte b/packages/stacks-docs-next/src/components/ProseContentSandbox.svelte
new file mode 100644
index 0000000000..8fb26e3ff2
--- /dev/null
+++ b/packages/stacks-docs-next/src/components/ProseContentSandbox.svelte
@@ -0,0 +1,81 @@
+<h1>The Comprehensive Formatting Test</h1>
+
+<h2>Code Formatting</h2>
+<ul>
+    <li>Inline code formatting: <code>System.out.println("Hello World!");</code></li>
+    <li>Block code formatting:</li>
+</ul>
+<pre><code>System.out.println("Hello World!");
+System.out.println("Code Block!");</code></pre>
+<pre><code class="language-html">&lt;div class="s-progress s-progress__stepped"&gt;
+    &lt;div class="s-progress--step is-complete"&gt;
+        &lt;a href="…" class="s-progress--stop"&gt;…&lt;/a&gt;
+        &lt;div class="s-progress--bar"&gt;&lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;</code></pre>
+
+<h2>Headers</h2>
+<h1>H1 Header</h1>
+<h2>H2 Header</h2>
+<h3>H3 Header</h3>
+<h4>H4 Header</h4>
+<h5>H5 Header</h5>
+<h6>H6 Header</h6>
+
+<h2>Emphasis</h2>
+<p>This is <em>italic</em> and this is <strong>bold</strong>. <strong><em>Bold and italic.</em></strong></p>
+
+<h2>Lists</h2>
+<h3>Unordered</h3>
+<ul>
+    <li>Item one</li>
+    <li>Item two
+        <ul>
+            <li>Nested item A</li>
+            <li>Nested item B</li>
+        </ul>
+    </li>
+    <li>Item three</li>
+</ul>
+<h3>Ordered</h3>
+<ol>
+    <li>First item</li>
+    <li>Second item
+        <ol>
+            <li>Nested first</li>
+            <li>Nested second</li>
+        </ol>
+    </li>
+    <li>Third item</li>
+</ol>
+
+<h2>Blockquotes</h2>
+<blockquote>
+    <p>This is a blockquote. It can span multiple lines and should be styled appropriately.</p>
+    <p>It can also have multiple paragraphs.</p>
+</blockquote>
+
+<h2>Links</h2>
+<p>Here's a <a href="https://stackoverflow.com">link to Stack Overflow</a>.</p>
+
+<h2>Images</h2>
+<img src="https://images.unsplash.com/photo-1556740758-90de374c12ad?ixlib=rb-1.2.1&auto=format&fit=crop&w=1000&q=80" alt="Placeholder" />
+
+<h2>Tables</h2>
+<div class="s-table-container">
+    <table class="s-table">
+        <thead><tr><th>Column 1</th><th>Column 2</th><th>Column 3</th></tr></thead>
+        <tbody>
+            <tr><td>Row 1, Col 1</td><td>Row 1, Col 2</td><td>Row 1, Col 3</td></tr>
+            <tr><td>Row 2, Col 1</td><td>Row 2, Col 2</td><td>Row 2, Col 3</td></tr>
+        </tbody>
+    </table>
+</div>
+
+<h2>Horizontal Rules</h2>
+<hr />
+<p>Content after a horizontal rule.</p>
+
+<h2>Inline elements</h2>
+<p>This paragraph contains <strong>bold</strong>, <em>italic</em>, <code>inline code</code>, and a <a href="#">link</a>.</p>
+<p>It can also include <sup>superscript</sup> and <sub>subscript</sub> text.</p>
diff --git a/packages/stacks-docs-next/src/components/StacksEditorDemo.svelte b/packages/stacks-docs-next/src/components/StacksEditorDemo.svelte
new file mode 100644
index 0000000000..7ae818ebaa
--- /dev/null
+++ b/packages/stacks-docs-next/src/components/StacksEditorDemo.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+    import { onMount } from 'svelte';
+
+    interface Props {
+        /** Initial content for the editor (Markdown) */
+        content?: string;
+        /** Options passed directly to StacksEditor */
+        options?: Record<string, unknown>;
+        /** Additional CSS classes for the container */
+        class?: string;
+    }
+
+    let { content = '', options = {}, class: extraClass = '' }: Props = $props();
+
+    let container: HTMLDivElement;
+
+    onMount(async () => {
+        const [{ StacksEditor }] = await Promise.all([
+            import('@stackoverflow/stacks-editor'),
+            import('@stackoverflow/stacks-editor/dist/styles.css'),
+        ]);
+
+        new StacksEditor(container, content, options);
+    });
+</script>
+
+<div bind:this={container} class={extraClass}></div>
diff --git a/packages/stacks-docs-next/src/components/TableSortDemo.svelte b/packages/stacks-docs-next/src/components/TableSortDemo.svelte
new file mode 100644
index 0000000000..d1bb78690c
--- /dev/null
+++ b/packages/stacks-docs-next/src/components/TableSortDemo.svelte
@@ -0,0 +1,68 @@
+<script lang="ts">
+    const svgUp    = `<svg aria-hidden="true" class="svg-icon iconArrowUpSm" width="14" height="14" viewBox="0 0 14 14"><path d="M3 9h8L7 5z"/></svg>`;
+    const svgDown  = `<svg aria-hidden="true" class="svg-icon iconArrowDownSm" width="14" height="14" viewBox="0 0 14 14"><path d="M3 5h8L7 9z"/></svg>`;
+    const svgBoth  = `<svg aria-hidden="true" class="svg-icon iconArrowUpDownSm" width="14" height="14" viewBox="0 0 14 14"><path d="m7 2 4 4H3zm0 10 4-4H3z"/></svg>`;
+
+    const rows = [
+        { season: 'Winter', month: 'December', monthSort: 12, temp: 2  },
+        { season: 'Spring', month: 'March',    monthSort: 3,  temp: 13 },
+        { season: 'Summer', month: 'June',     monthSort: 6,  temp: 25 },
+        { season: 'Fall',   month: 'September',monthSort: 9,  temp: 13 },
+    ];
+
+    let col = $state<number | null>(null);
+    let dir = $state<'asc' | 'desc'>('asc');
+
+    const sorted = $derived.by(() => {
+        if (col === null) return rows;
+        return [...rows].sort((a, b) => {
+            let v: number;
+            if (col === 0)      v = a.season.localeCompare(b.season);
+            else if (col === 1) v = a.monthSort - b.monthSort;
+            else                v = a.temp - b.temp;
+            return dir === 'asc' ? v : -v;
+        });
+    });
+
+    function sort(c: number) {
+        if (col === c) dir = dir === 'asc' ? 'desc' : 'asc';
+        else { col = c; dir = 'asc'; }
+    }
+
+    function icon(c: number) {
+        if (col !== c) return svgBoth;
+        return dir === 'asc' ? svgUp : svgDown;
+    }
+
+    const headers = ['Season', 'Starts in month', 'Typical temperature in °C'];
+</script>
+
+<div class="s-table-container">
+    <table class="s-table s-table__sortable">
+        <thead>
+            <tr>
+                {#each headers as h, c}
+                    <th scope="col" class:is-sorted={col === c} data-s-table-target="column">
+                        <button type="button" onclick={() => sort(c)}>
+                            {h}
+                            {@html icon(c)}
+                        </button>
+                    </th>
+                {/each}
+            </tr>
+        </thead>
+        <tbody>
+            {#each sorted as r}
+                <tr>
+                    <td>{r.season}</td>
+                    <td>{r.month}</td>
+                    <td>{r.temp}</td>
+                </tr>
+            {/each}
+            <tr class="fw-bold">
+                <td colspan="2">Average temperature</td>
+                <td>13</td>
+            </tr>
+        </tbody>
+    </table>
+</div>
diff --git a/packages/stacks-docs-next/src/docs/public/system/base/height.md b/packages/stacks-docs-next/src/docs/public/system/base/height.md
new file mode 100644
index 0000000000..7e7a30b174
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/base/height.md
@@ -0,0 +1,908 @@
+---
+title: "Height"
+description: "Stacks provides atomic sizing classes for heights using pixel, rem, and percentage values. Most height classes are based on a 16px base font size and will scale based on the browser's font size."
+---
+
+<!-- Pixel height (.h) -->
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="pixel-height">Pixel height</h2><a class="s-btn s-btn__clear" href="#pixel-height"><span class="v-visible-sr">Section titled Pixel height</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Pixel height classes allow you to set the height of an element to a specific pixel value.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="pixel-height-classes">Pixel height classes</h3><a class="s-btn s-btn__clear" href="#pixel-height-classes"><span class="v-visible-sr">Section titled Pixel height classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="overflow-x-auto mb32" tabindex="0">
+        <table class="docs-table s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th class="s-table--cell3" scope="col">Class</th>
+                    <th scope="col">Computed value</th>
+                    <th scope="col">rem value</th>
+                    <th class="s-table--cell2 ta-center" scope="col">Responsive?</th>
+                </tr>
+            </thead>
+            <tbody>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.h0</code></th>
+                        <td class="p8">height: 0px;</td>
+                        <td class="p8">0rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.h1</code></th>
+                        <td class="p8">height: 1px;</td>
+                        <td class="p8">0.063rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.h2</code></th>
+                        <td class="p8">height: 2px;</td>
+                        <td class="p8">0.125rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.h4</code></th>
+                        <td class="p8">height: 4px;</td>
+                        <td class="p8">0.25rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.h6</code></th>
+                        <td class="p8">height: 6px;</td>
+                        <td class="p8">0.375rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.h8</code></th>
+                        <td class="p8">height: 8px;</td>
+                        <td class="p8">0.5rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.h12</code></th>
+                        <td class="p8">height: 12px;</td>
+                        <td class="p8">0.75rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.h16</code></th>
+                        <td class="p8">height: 16px;</td>
+                        <td class="p8">1rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.h24</code></th>
+                        <td class="p8">height: 24px;</td>
+                        <td class="p8">1.5rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.h32</code></th>
+                        <td class="p8">height: 32px;</td>
+                        <td class="p8">2rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.h48</code></th>
+                        <td class="p8">height: 48px;</td>
+                        <td class="p8">3rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.h64</code></th>
+                        <td class="p8">height: 64px;</td>
+                        <td class="p8">4rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.h96</code></th>
+                        <td class="p8">height: 96px;</td>
+                        <td class="p8">6rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.h128</code></th>
+                        <td class="p8">height: 128px;</td>
+                        <td class="p8">8rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+            </tbody>
+        </table>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="base-height-examples">Base height examples</h3><a class="s-btn s-btn__clear" href="#base-height-examples"><span class="v-visible-sr">Section titled Base height examples</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"h2"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"h4"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"h6"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"h8"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"h12"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"h16"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"h24"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"h32"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"h48"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"h64"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"h96"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"h128"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example d-flex fd-column g16 fs-caption ff-mono">
+            
+                <div class="d-flex fd-column g4">
+                    <div>.h0</div>
+                    <div class="h0  docs-box p0"></div>
+                </div>
+            
+                <div class="d-flex fd-column g4">
+                    <div>.h1</div>
+                    <div class="h1  docs-box p0"></div>
+                </div>
+            
+                <div class="d-flex fd-column g4">
+                    <div>.h2</div>
+                    <div class="h2  docs-box p0"></div>
+                </div>
+            
+                <div class="d-flex fd-column g4">
+                    <div>.h4</div>
+                    <div class="h4  docs-box p0"></div>
+                </div>
+            
+                <div class="d-flex fd-column g4">
+                    <div>.h6</div>
+                    <div class="h6  docs-box p0"></div>
+                </div>
+            
+                <div class="d-flex fd-column g4">
+                    <div>.h8</div>
+                    <div class="h8  docs-box p0"></div>
+                </div>
+            
+                <div class="d-flex fd-column g4">
+                    <div>.h12</div>
+                    <div class="h12  docs-box p0"></div>
+                </div>
+            
+                <div class="d-flex fd-column g4">
+                    <div>.h16</div>
+                    <div class="h16  docs-box p0"></div>
+                </div>
+            
+                <div class="d-flex fd-column g4">
+                    <div>.h24</div>
+                    <div class="h24  docs-box p0"></div>
+                </div>
+            
+                <div class="d-flex fd-column g4">
+                    <div>.h32</div>
+                    <div class="h32  docs-box p0"></div>
+                </div>
+            
+                <div class="d-flex fd-column g4">
+                    <div>.h48</div>
+                    <div class="h48  docs-box p0"></div>
+                </div>
+            
+                <div class="d-flex fd-column g4">
+                    <div>.h64</div>
+                    <div class="h64  docs-box p0"></div>
+                </div>
+            
+                <div class="d-flex fd-column g4">
+                    <div>.h96</div>
+                    <div class="h96  docs-box p0"></div>
+                </div>
+            
+                <div class="d-flex fd-column g4">
+                    <div>.h128</div>
+                    <div class="h128  docs-box p0"></div>
+                </div>
+            
+        </div>
+    </div>
+</section>
+
+<!-- Sizing units height (.hs) -->
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="sizing-units-height">Sizing units height</h2><a class="s-btn s-btn__clear" href="#sizing-units-height"><span class="v-visible-sr">Section titled Sizing units height</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Sizing units height classes allow you to set the height of an element according to a predefined set of 12 common values in used in Stacks.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="sizing-units-height-classes">Sizing units height classes</h3><a class="s-btn s-btn__clear" href="#sizing-units-height-classes"><span class="v-visible-sr">Section titled Sizing units height classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="overflow-x-auto mb32" tabindex="0">
+        <table class="docs-table s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th class="s-table--cell3" scope="col">Class</th>
+                    <th scope="col">Computed value</th>
+                    <th scope="col">rem value</th>
+                    <th class="s-table--cell2 ta-center" scope="col">Responsive?</th>
+                </tr>
+            </thead>
+            <tbody>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hs1</code></th>
+                        <td class="p8">height: 128px;</td>
+                        <td class="p8">8rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hs2</code></th>
+                        <td class="p8">height: 256px;</td>
+                        <td class="p8">16rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hs3</code></th>
+                        <td class="p8">height: 344px;</td>
+                        <td class="p8">21.5rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hs4</code></th>
+                        <td class="p8">height: 448px;</td>
+                        <td class="p8">28rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hs5</code></th>
+                        <td class="p8">height: 512px;</td>
+                        <td class="p8">32rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hs6</code></th>
+                        <td class="p8">height: 640px;</td>
+                        <td class="p8">40rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hs7</code></th>
+                        <td class="p8">height: 768px;</td>
+                        <td class="p8">48rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hs8</code></th>
+                        <td class="p8">height: 848px;</td>
+                        <td class="p8">53rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hs9</code></th>
+                        <td class="p8">height: 960px;</td>
+                        <td class="p8">60rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hs10</code></th>
+                        <td class="p8">height: 1024px;</td>
+                        <td class="p8">64rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hs11</code></th>
+                        <td class="p8">height: 1120px;</td>
+                        <td class="p8">70rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hs12</code></th>
+                        <td class="p8">height: 1280px;</td>
+                        <td class="p8">80rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+            </tbody>
+        </table>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="sizing-units-height-examples">Sizing units height examples</h3><a class="s-btn s-btn__clear" href="#sizing-units-height-examples"><span class="v-visible-sr">Section titled Sizing units height examples</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"hs1"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"hs2"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"hs3"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"hs4"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"hs5"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"hs6"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"hs7"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"hs8"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"hs9"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"hs10"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"hs11"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"hs12"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example d-flex g4 hmx6 fs-caption ff-mono overflow-auto">
+            <div class="d-flex g6 hs12 w100 overflow-x-auto">
+                
+                    <div class="docs-box px4 hs1 ai-start d-flex fl-shrink0 w48" style="min-width: calc(100% / 12 - 6px);">
+                        <div>.hs1</div>
+                    </div>
+                
+                    <div class="docs-box px4 hs2 ai-start d-flex fl-shrink0 w48" style="min-width: calc(100% / 12 - 6px);">
+                        <div>.hs2</div>
+                    </div>
+                
+                    <div class="docs-box px4 hs3 ai-start d-flex fl-shrink0 w48" style="min-width: calc(100% / 12 - 6px);">
+                        <div>.hs3</div>
+                    </div>
+                
+                    <div class="docs-box px4 hs4 ai-start d-flex fl-shrink0 w48" style="min-width: calc(100% / 12 - 6px);">
+                        <div>.hs4</div>
+                    </div>
+                
+                    <div class="docs-box px4 hs5 ai-start d-flex fl-shrink0 w48" style="min-width: calc(100% / 12 - 6px);">
+                        <div>.hs5</div>
+                    </div>
+                
+                    <div class="docs-box px4 hs6 ai-start d-flex fl-shrink0 w48" style="min-width: calc(100% / 12 - 6px);">
+                        <div>.hs6</div>
+                    </div>
+                
+                    <div class="docs-box px4 hs7 ai-start d-flex fl-shrink0 w48" style="min-width: calc(100% / 12 - 6px);">
+                        <div>.hs7</div>
+                    </div>
+                
+                    <div class="docs-box px4 hs8 ai-start d-flex fl-shrink0 w48" style="min-width: calc(100% / 12 - 6px);">
+                        <div>.hs8</div>
+                    </div>
+                
+                    <div class="docs-box px4 hs9 ai-start d-flex fl-shrink0 w48" style="min-width: calc(100% / 12 - 6px);">
+                        <div>.hs9</div>
+                    </div>
+                
+                    <div class="docs-box px4 hs10 ai-start d-flex fl-shrink0 w48" style="min-width: calc(100% / 12 - 6px);">
+                        <div>.hs10</div>
+                    </div>
+                
+                    <div class="docs-box px4 hs11 ai-start d-flex fl-shrink0 w48" style="min-width: calc(100% / 12 - 6px);">
+                        <div>.hs11</div>
+                    </div>
+                
+                    <div class="docs-box px4 hs12 ai-start d-flex fl-shrink0 w48" style="min-width: calc(100% / 12 - 6px);">
+                        <div>.hs12</div>
+                    </div>
+                
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Fluid height classes (.h) -->
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="fluid-height">Fluid height</h2><a class="s-btn s-btn__clear" href="#fluid-height"><span class="v-visible-sr">Section titled Fluid height</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Fluid height classes allow you to set the height of an element to a percentage of the parent element's height or to the full height of the viewport.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="fluid-height-classes">Fluid height classes</h3><a class="s-btn s-btn__clear" href="#fluid-height-classes"><span class="v-visible-sr">Section titled Fluid height classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="overflow-x-auto mb32" tabindex="0">
+        <table class="docs-table s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th class="s-table--cell3" scope="col">Class</th>
+                    <th scope="col">Value</th>
+                    <th scope="col" class="s-table--cell2 ta-center">Responsive?</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr class="ff-mono fs-caption">
+                    <th scope="row"><code>.h100</code></th>
+                    <td class="p8">height: 100%;</td>
+                    <td class="ta-center">
+                        <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                    </td>
+                </tr>
+                <tr class="ff-mono fs-caption">
+                    <th scope="row"><code>.h-screen</code></th>
+                    <td class="p8">height: 100vh;</td>
+                    <td class="ta-center">
+                        <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                    </td>
+                </tr>
+                <tr class="ff-mono fs-caption">
+                    <th scope="row"><code>.h-auto</code></th>
+                    <td class="p8">height: auto;</td>
+                    <td class="ta-center">
+                        <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="fluid-height-examples">Fluid height examples</h3><a class="s-btn s-btn__clear" href="#fluid-height-examples"><span class="v-visible-sr">Section titled Fluid height examples</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"h100"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example fs-caption ff-mono hmx6 overflow-auto">
+            <div class="d-flex fd-column g4">
+                <div class="d-flex docs-box p0 hs2 fs-caption ff-mono p6">
+                    <div class="h100 docs-box ws2">
+                        .h100
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Min height classes (.hmn) -->
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="min-height">Min height</h2><a class="s-btn s-btn__clear" href="#min-height"><span class="v-visible-sr">Section titled Min height</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Min height classes allow you to set the minimum height of an element.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="min-height-classes">Min height classes</h3><a class="s-btn s-btn__clear" href="#min-height-classes"><span class="v-visible-sr">Section titled Min height classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="overflow-x-auto mb32" tabindex="0">
+        <table class="docs-table s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th class="s-table--cell3" scope="col">Class</th>
+                    <th scope="col">Computed value</th>
+                    <th scope="col">rem value</th>
+                    <th class="s-table--cell2 ta-center" scope="col">Responsive?</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr class="ff-mono fs-caption">
+                    <th scope="row"><code>.hmn0</code></th>
+                    <td class="p8">min-height: 0;</td>
+                    <td class="p8">-</td>
+                    <td class="ta-center">
+                        <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                    </td>
+                </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hmn1</code></th>
+                        <td class="p8">min-height: 128px;</td>
+                        <td class="p8">8rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hmn2</code></th>
+                        <td class="p8">min-height: 256px;</td>
+                        <td class="p8">16rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hmn3</code></th>
+                        <td class="p8">min-height: 344px;</td>
+                        <td class="p8">21.5rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hmn4</code></th>
+                        <td class="p8">min-height: 448px;</td>
+                        <td class="p8">28rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hmn5</code></th>
+                        <td class="p8">min-height: 512px;</td>
+                        <td class="p8">32rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hmn6</code></th>
+                        <td class="p8">min-height: 640px;</td>
+                        <td class="p8">40rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hmn7</code></th>
+                        <td class="p8">min-height: 768px;</td>
+                        <td class="p8">48rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hmn8</code></th>
+                        <td class="p8">min-height: 848px;</td>
+                        <td class="p8">53rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hmn9</code></th>
+                        <td class="p8">min-height: 960px;</td>
+                        <td class="p8">60rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hmn10</code></th>
+                        <td class="p8">min-height: 1024px;</td>
+                        <td class="p8">64rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hmn11</code></th>
+                        <td class="p8">min-height: 1120px;</td>
+                        <td class="p8">70rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hmn12</code></th>
+                        <td class="p8">min-height: 1280px;</td>
+                        <td class="p8">80rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                <tr class="ff-mono fs-caption">
+                    <th scope="row"><code>.hmn100</code></th>
+                    <td class="p8">min-height: 100%;</td>
+                    <td class="p8">-</td>
+                    <td class="ta-center">
+                        <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                    </td>
+                </tr>
+                <tr class="ff-mono fs-caption">
+                    <th scope="row"><code>.hmn-screen</code></th>
+                    <td class="p8">min-height: 100vh;</td>
+                    <td class="p8">-</td>
+                    <td class="ta-center">
+                        <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                    </td>
+                </tr>
+                <tr class="ff-mono fs-caption">
+                    <th scope="row"><code>.hmn-initial</code></th>
+                    <td class="p8">min-height: initial;</td>
+                    <td class="p8">-</td>
+                    <td class="ta-center">
+                        <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</section>
+
+<!-- Max height classes (.hmx) -->
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="max-height">Max height</h2><a class="s-btn s-btn__clear" href="#max-height"><span class="v-visible-sr">Section titled Max height</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Max height classes allow you to set the maximum height of an element.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="max-height-classes">Max height classes</h3><a class="s-btn s-btn__clear" href="#max-height-classes"><span class="v-visible-sr">Section titled Max height classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="overflow-x-auto mb32" tabindex="0">
+        <table class="docs-table s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th class="s-table--cell3" scope="col">Class</th>
+                    <th scope="col">Computed value</th>
+                    <th scope="col">rem value</th>
+                    <th class="s-table--cell2 ta-center" scope="col">Responsive?</th>
+                </tr>
+            </thead>
+            <tbody>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hmx1</code></th>
+                        <td class="p8">max-height: 128px;</td>
+                        <td class="p8">8rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hmx2</code></th>
+                        <td class="p8">max-height: 256px;</td>
+                        <td class="p8">16rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hmx3</code></th>
+                        <td class="p8">max-height: 344px;</td>
+                        <td class="p8">21.5rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hmx4</code></th>
+                        <td class="p8">max-height: 448px;</td>
+                        <td class="p8">28rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hmx5</code></th>
+                        <td class="p8">max-height: 512px;</td>
+                        <td class="p8">32rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hmx6</code></th>
+                        <td class="p8">max-height: 640px;</td>
+                        <td class="p8">40rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hmx7</code></th>
+                        <td class="p8">max-height: 768px;</td>
+                        <td class="p8">48rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hmx8</code></th>
+                        <td class="p8">max-height: 848px;</td>
+                        <td class="p8">53rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hmx9</code></th>
+                        <td class="p8">max-height: 960px;</td>
+                        <td class="p8">60rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hmx10</code></th>
+                        <td class="p8">max-height: 1024px;</td>
+                        <td class="p8">64rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hmx11</code></th>
+                        <td class="p8">max-height: 1120px;</td>
+                        <td class="p8">70rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.hmx12</code></th>
+                        <td class="p8">max-height: 1280px;</td>
+                        <td class="p8">80rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                <tr class="ff-mono fs-caption">
+                    <th scope="row"><code>.hmx100</code></th>
+                    <td class="p8">max-height: 100%;</td>
+                    <td class="p8">-</td>
+                    <td class="ta-center">
+                        <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                    </td>
+                </tr>
+                <tr class="ff-mono fs-caption">
+                    <th scope="row"><code>.hmx-screen</code></th>
+                    <td class="p8">max-height: 100vh;</td>
+                    <td class="p8">-</td>
+                    <td class="ta-center">
+                        <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                    </td>
+                </tr>
+                <tr class="ff-mono fs-caption">
+                    <th scope="row"><code>.hmx-initial</code></th>
+                    <td class="p8">max-height: initial;</td>
+                    <td class="p8">-</td>
+                    <td class="ta-center">
+                        <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</section>
+
+
+            <!-- <div class="d-flex my48 pt24">
+                <div class="mr16">
+                    
+                    <form
+                        id="quick-positive-feedback-height"
+                        class="js-feedback-form v-hidden"
+                        name="quick-positive-feedback-height"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <form
+                        id="quick-negative-feedback-height"
+                        class="js-feedback-form v-hidden"
+                        name="quick-negative-feedback-height"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-positive"
+                        role="tooltip">
+                        <div class="s-popover--content">This page is useful</div>
+                    </div>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-negative"
+                        role="tooltip">
+                        <div class="s-popover--content">This page needs improvement</div>
+                    </div>
+                    <div id="vote-feedback" class="s-vote">
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-positive-feedback-height"
+                            aria-describedby="tooltip-feedback-positive"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUp" aria-hidden="true"><path d="M10 3q.41.02.64.36l6.9 11.5a.75.75 0 1 1-1.28.78L10 5.21l-5.58 9.3h8.04v-.01h1.1l.97 1.5H3.1a.75.75 0 0 1-.65-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUpFill" aria-hidden="true"><path d="M10 3h.1a1 1 0 0 1 .42.21l.12.15 6.9 11.5.05.09v.03l.02.04q.04.12.04.26v.03q0 .13-.07.25v.02l-.03.04a1 1 0 0 1-.2.23l-.06.05-.04.01-.04.03-.04.01a1 1 0 0 1-.27.05H3a.75.75 0 0 1-.55-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="v-visible-sr">upvote</span>
+                        </button>
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-negative-feedback-height"
+                            aria-describedby="tooltip-feedback-negative"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDown" aria-hidden="true"><path d="M10 16a.8.8 0 0 1-.64-.36l-6.9-11.5a.75.75 0 1 1 1.28-.78L10 13.8l5.58-9.3H6.44L5.47 3H16.9a.75.75 0 0 1 .65 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDownFill" aria-hidden="true"><path d="M10 16h-.1l-.1-.02a.8.8 0 0 1-.45-.34l-6.9-11.5-.04-.08-.01-.04L2.39 4a1 1 0 0 1-.04-.26V3.7q0-.14.06-.26l.01-.02.02-.04a1 1 0 0 1 .27-.27l.03-.02.05-.02.04-.02A1 1 0 0 1 3.1 3H17a.75.75 0 0 1 .54 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="v-visible-sr">downvote</span>
+                        </button>
+                    </div>
+                </div>
+
+                <form
+                    class="w100 js-feedback-form"
+                    name="feedback-height"
+                    method="POST"
+                    data-netlify="true"
+                    action="/success">
+                    <fieldset class="d-flex fd-column fl-grow1 g16">
+                        <legend class="fs-title fw-bold">How’d we do?</legend>
+                        <div class="fs-body2">Anonymously upvote, downvote, or send additional feedback below.</div>
+
+                        <textarea
+                            class="s-textarea hmn1"
+                            id="feedback-form"
+                            name="additional-feedback"
+                            placeholder="Tell us how we can improve this page…" required></textarea>
+
+                        <div class="d-flex ai-center fd-row-reverse g8 jc-space-between mln6 sm:d-grid sm:grid__1 sm:ml0">
+                            <button
+                                type="submit"
+                                class="s-btn as-start fl-shrink0">
+                                Send feedback
+                            </button>
+                            <div class="d-flex fw-wrap g8 sm:d-grid sm:grid__1">
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/edit/develop/packages/stacks-docs/./product/base/height.html"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    <svg aria-hidden="true" class="svg-icon iconPencilSm" width="14" height="14"  viewBox="0 0 14 14"><path fill="#F1B600" d="m2 10.12 6.37-6.43 1.88 1.88L3.88 12H2z"/><path fill="#E87C87" d="m11.1 1.71 1.13 1.12c.2.2.2.51 0 .71L11.1 4.7 9.21 2.86l1.17-1.15c.2-.2.51-.2.71 0"/></svg>
+                                    Edit
+                                </a>
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/issues/new/choose"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    File an issue
+                                </a>
+                            </div>
+                        </div>
+                    </fieldset>
+                </form>
+            </div> -->
+
+            <!-- <div class="ta-right">
+                <a href="https://www.netlify.com"><img src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg" alt="Deploys by Netlify" /></a>
+            </div> -->
diff --git a/packages/stacks-docs-next/src/docs/public/system/base/margin.md b/packages/stacks-docs-next/src/docs/public/system/base/margin.md
new file mode 100644
index 0000000000..a7cf34d3e0
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/base/margin.md
@@ -0,0 +1,951 @@
+---
+title: "Margin"
+description: "Stacks provides atomic classes to override margin."
+---
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="base">Base</h2><a class="s-btn s-btn__clear" href="#base"><span class="v-visible-sr">Section titled Base</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Immutable margin utilities are based on our global white space scale. These can dramatically help reduce the size of large stylesheets and allow for greater flexibility and quicker iteration when designing in the browser.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="abbreviations">Abbreviations</h3><a class="s-btn s-btn__clear" href="#abbreviations"><span class="v-visible-sr">Section titled Abbreviations</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="overflow-x-auto mb32" tabindex="0">
+        <table class="docs-table s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th class="s-table--cell2" scope="col">Abbreviation</th>
+                    <th scope="col">Property</th>
+                    <th class="s-table--cell2 ta-center" scope="col">Responsive?</th>
+                </tr>
+            </thead>
+            <tbody>
+                
+                    <tr>
+                        <th class="ff-mono" scope="row">m</th>
+                        <td>margin</td>
+                        <td class="ta-center">
+                            <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                        </td>
+                    </tr>
+                
+                    <tr>
+                        <th class="ff-mono" scope="row">mt</th>
+                        <td>margin-top</td>
+                        <td class="ta-center">
+                            <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                        </td>
+                    </tr>
+                
+                    <tr>
+                        <th class="ff-mono" scope="row">mr</th>
+                        <td>margin-right</td>
+                        <td class="ta-center">
+                            <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                        </td>
+                    </tr>
+                
+                    <tr>
+                        <th class="ff-mono" scope="row">mb</th>
+                        <td>margin-bottom</td>
+                        <td class="ta-center">
+                            <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                        </td>
+                    </tr>
+                
+                    <tr>
+                        <th class="ff-mono" scope="row">ml</th>
+                        <td>margin-left</td>
+                        <td class="ta-center">
+                            <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                        </td>
+                    </tr>
+                
+                    <tr>
+                        <th class="ff-mono" scope="row">mx</th>
+                        <td>margin x-axis</td>
+                        <td class="ta-center">
+                            <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                        </td>
+                    </tr>
+                
+                    <tr>
+                        <th class="ff-mono" scope="row">my</th>
+                        <td>margin y-axis</td>
+                        <td class="ta-center">
+                            <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                        </td>
+                    </tr>
+                
+            </tbody>
+        </table>
+    </div>
+
+<div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="base-examples">Base examples</h3><a class="s-btn s-btn__clear" href="#base-examples"><span class="v-visible-sr">Section titled Base examples</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+
+<div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"mt8 mr4 mb32 ml64"</span>&gt;</span><br>    …<br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div class="docs-box bg-black-100">
+                <div class="docs-box mt8 mr4 mb32 ml64">
+                    Example div with different margins applied
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="base-classes">Base classes</h3><a class="s-btn s-btn__clear" href="#base-classes"><span class="v-visible-sr">Section titled Base classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="overflow-x-auto mb32" tabindex="0">
+        <table class="docs-table s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th scope="col"></th>
+                    
+                        <th scope="col" class="ta-center ff-mono">0</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">1px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">2px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">4px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">6px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">8px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">12px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">16px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">24px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">32px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">48px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">64px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">96px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">128px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">50%</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">100%</th>
+                    
+                </tr>
+            </thead>
+            <tbody>
+                
+                    <tr>
+                        <th scope="row">m</th>
+                        
+                            <td><code>.m0</code></td>
+                        
+                            <td><code>.m1</code></td>
+                        
+                            <td><code>.m2</code></td>
+                        
+                            <td><code>.m4</code></td>
+                        
+                            <td><code>.m6</code></td>
+                        
+                            <td><code>.m8</code></td>
+                        
+                            <td><code>.m12</code></td>
+                        
+                            <td><code>.m16</code></td>
+                        
+                            <td><code>.m24</code></td>
+                        
+                            <td><code>.m32</code></td>
+                        
+                            <td><code>.m48</code></td>
+                        
+                            <td><code>.m64</code></td>
+                        
+                            <td><code>.m96</code></td>
+                        
+                            <td><code>.m128</code></td>
+                        
+                            <td><code>.m50</code></td>
+                        
+                            <td><code>.m100</code></td>
+                        
+                    </tr>
+                
+                    <tr>
+                        <th scope="row">mt</th>
+                        
+                            <td><code>.mt0</code></td>
+                        
+                            <td><code>.mt1</code></td>
+                        
+                            <td><code>.mt2</code></td>
+                        
+                            <td><code>.mt4</code></td>
+                        
+                            <td><code>.mt6</code></td>
+                        
+                            <td><code>.mt8</code></td>
+                        
+                            <td><code>.mt12</code></td>
+                        
+                            <td><code>.mt16</code></td>
+                        
+                            <td><code>.mt24</code></td>
+                        
+                            <td><code>.mt32</code></td>
+                        
+                            <td><code>.mt48</code></td>
+                        
+                            <td><code>.mt64</code></td>
+                        
+                            <td><code>.mt96</code></td>
+                        
+                            <td><code>.mt128</code></td>
+                        
+                            <td><code>.mt50</code></td>
+                        
+                            <td><code>.mt100</code></td>
+                        
+                    </tr>
+                
+                    <tr>
+                        <th scope="row">mr</th>
+                        
+                            <td><code>.mr0</code></td>
+                        
+                            <td><code>.mr1</code></td>
+                        
+                            <td><code>.mr2</code></td>
+                        
+                            <td><code>.mr4</code></td>
+                        
+                            <td><code>.mr6</code></td>
+                        
+                            <td><code>.mr8</code></td>
+                        
+                            <td><code>.mr12</code></td>
+                        
+                            <td><code>.mr16</code></td>
+                        
+                            <td><code>.mr24</code></td>
+                        
+                            <td><code>.mr32</code></td>
+                        
+                            <td><code>.mr48</code></td>
+                        
+                            <td><code>.mr64</code></td>
+                        
+                            <td><code>.mr96</code></td>
+                        
+                            <td><code>.mr128</code></td>
+                        
+                            <td><code>.mr50</code></td>
+                        
+                            <td><code>.mr100</code></td>
+                        
+                    </tr>
+                
+                    <tr>
+                        <th scope="row">mb</th>
+                        
+                            <td><code>.mb0</code></td>
+                        
+                            <td><code>.mb1</code></td>
+                        
+                            <td><code>.mb2</code></td>
+                        
+                            <td><code>.mb4</code></td>
+                        
+                            <td><code>.mb6</code></td>
+                        
+                            <td><code>.mb8</code></td>
+                        
+                            <td><code>.mb12</code></td>
+                        
+                            <td><code>.mb16</code></td>
+                        
+                            <td><code>.mb24</code></td>
+                        
+                            <td><code>.mb32</code></td>
+                        
+                            <td><code>.mb48</code></td>
+                        
+                            <td><code>.mb64</code></td>
+                        
+                            <td><code>.mb96</code></td>
+                        
+                            <td><code>.mb128</code></td>
+                        
+                            <td><code>.mb50</code></td>
+                        
+                            <td><code>.mb100</code></td>
+                        
+                    </tr>
+                
+                    <tr>
+                        <th scope="row">ml</th>
+                        
+                            <td><code>.ml0</code></td>
+                        
+                            <td><code>.ml1</code></td>
+                        
+                            <td><code>.ml2</code></td>
+                        
+                            <td><code>.ml4</code></td>
+                        
+                            <td><code>.ml6</code></td>
+                        
+                            <td><code>.ml8</code></td>
+                        
+                            <td><code>.ml12</code></td>
+                        
+                            <td><code>.ml16</code></td>
+                        
+                            <td><code>.ml24</code></td>
+                        
+                            <td><code>.ml32</code></td>
+                        
+                            <td><code>.ml48</code></td>
+                        
+                            <td><code>.ml64</code></td>
+                        
+                            <td><code>.ml96</code></td>
+                        
+                            <td><code>.ml128</code></td>
+                        
+                            <td><code>.ml50</code></td>
+                        
+                            <td><code>.ml100</code></td>
+                        
+                    </tr>
+                
+                    <tr>
+                        <th scope="row">mx</th>
+                        
+                            <td><code>.mx0</code></td>
+                        
+                            <td><code>.mx1</code></td>
+                        
+                            <td><code>.mx2</code></td>
+                        
+                            <td><code>.mx4</code></td>
+                        
+                            <td><code>.mx6</code></td>
+                        
+                            <td><code>.mx8</code></td>
+                        
+                            <td><code>.mx12</code></td>
+                        
+                            <td><code>.mx16</code></td>
+                        
+                            <td><code>.mx24</code></td>
+                        
+                            <td><code>.mx32</code></td>
+                        
+                            <td><code>.mx48</code></td>
+                        
+                            <td><code>.mx64</code></td>
+                        
+                            <td><code>.mx96</code></td>
+                        
+                            <td><code>.mx128</code></td>
+                        
+                            <td><code>.mx50</code></td>
+                        
+                            <td><code>.mx100</code></td>
+                        
+                    </tr>
+                
+                    <tr>
+                        <th scope="row">my</th>
+                        
+                            <td><code>.my0</code></td>
+                        
+                            <td><code>.my1</code></td>
+                        
+                            <td><code>.my2</code></td>
+                        
+                            <td><code>.my4</code></td>
+                        
+                            <td><code>.my6</code></td>
+                        
+                            <td><code>.my8</code></td>
+                        
+                            <td><code>.my12</code></td>
+                        
+                            <td><code>.my16</code></td>
+                        
+                            <td><code>.my24</code></td>
+                        
+                            <td><code>.my32</code></td>
+                        
+                            <td><code>.my48</code></td>
+                        
+                            <td><code>.my64</code></td>
+                        
+                            <td><code>.my96</code></td>
+                        
+                            <td><code>.my128</code></td>
+                        
+                            <td><code>.my50</code></td>
+                        
+                            <td><code>.my100</code></td>
+                        
+                    </tr>
+                
+            </tbody>
+        </table>
+    </div>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="negative">Negative</h2><a class="s-btn s-btn__clear" href="#negative"><span class="v-visible-sr">Section titled Negative</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Immutable margin utilities are based on our global white space scale. These can dramatically help reduce the size of large stylesheets and allow for greater flexibility and quicker iteration when designing in the browser.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="abbreviations">Abbreviations</h3><a class="s-btn s-btn__clear" href="#abbreviations"><span class="v-visible-sr">Section titled Abbreviations</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="overflow-x-auto mb32" tabindex="0">
+        <table class="docs-table s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th class="s-table--cell2" scope="col">Abbreviation</th>
+                    <th scope="col">Property</th>
+                    <th class="s-table--cell2 ta-center" scope="col">Responsive?</th>
+                </tr>
+            </thead>
+            <tbody>
+                
+                    <tr>
+                        <th class="ff-mono" scope="row">mn</th>
+                        <td>margin</td>
+                        <td class="ta-center">
+                            <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                        </td>
+                    </tr>
+                
+                    <tr>
+                        <th class="ff-mono" scope="row">mtn</th>
+                        <td>margin-top</td>
+                        <td class="ta-center">
+                            <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                        </td>
+                    </tr>
+                
+                    <tr>
+                        <th class="ff-mono" scope="row">mrn</th>
+                        <td>margin-right</td>
+                        <td class="ta-center">
+                            <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                        </td>
+                    </tr>
+                
+                    <tr>
+                        <th class="ff-mono" scope="row">mbn</th>
+                        <td>margin-bottom</td>
+                        <td class="ta-center">
+                            <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                        </td>
+                    </tr>
+                
+                    <tr>
+                        <th class="ff-mono" scope="row">mln</th>
+                        <td>margin-left</td>
+                        <td class="ta-center">
+                            <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                        </td>
+                    </tr>
+                
+                    <tr>
+                        <th class="ff-mono" scope="row">mxn</th>
+                        <td>margin x-axis</td>
+                        <td class="ta-center">
+                            <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                        </td>
+                    </tr>
+                
+                    <tr>
+                        <th class="ff-mono" scope="row">myn</th>
+                        <td>margin y-axis</td>
+                        <td class="ta-center">
+                            <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                        </td>
+                    </tr>
+                
+            </tbody>
+        </table>
+    </div>
+
+<div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="negative-examples">Negative examples</h3><a class="s-btn s-btn__clear" href="#negative-examples"><span class="v-visible-sr">Section titled Negative examples</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+<div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"mtn8 mrn4 mbn32 mln64"</span>&gt;</span><br>    …<br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div class="docs-box bg-black-100 p48">
+                <div class="docs-box mtn8 mrn4 mbn32 mln64">
+                    Example div with different margins applied
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="negative-classes">Negative classes</h3><a class="s-btn s-btn__clear" href="#negative-classes"><span class="v-visible-sr">Section titled Negative classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    
+
+    <div class="overflow-x-auto mb32" tabindex="0">
+        <table class="docs-table s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th scope="col"></th>
+                    
+                        <th scope="col" class="ta-center ff-mono">1px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">2px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">4px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">6px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">8px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">12px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">16px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">24px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">32px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">48px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">64px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">96px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">128px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">50%</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">100%</th>
+                    
+                </tr>
+            </thead>
+            <tbody>
+                
+                    <tr>
+                        <th scope="row">mn</th>
+                        
+                            <td><code>.mn1</code></td>
+                        
+                            <td><code>.mn2</code></td>
+                        
+                            <td><code>.mn4</code></td>
+                        
+                            <td><code>.mn6</code></td>
+                        
+                            <td><code>.mn8</code></td>
+                        
+                            <td><code>.mn12</code></td>
+                        
+                            <td><code>.mn16</code></td>
+                        
+                            <td><code>.mn24</code></td>
+                        
+                            <td><code>.mn32</code></td>
+                        
+                            <td><code>.mn48</code></td>
+                        
+                            <td><code>.mn64</code></td>
+                        
+                            <td><code>.mn96</code></td>
+                        
+                            <td><code>.mn128</code></td>
+                        
+                            <td><code>.mn50</code></td>
+                        
+                            <td><code>.mn100</code></td>
+                        
+                    </tr>
+                
+                    <tr>
+                        <th scope="row">mtn</th>
+                        
+                            <td><code>.mtn1</code></td>
+                        
+                            <td><code>.mtn2</code></td>
+                        
+                            <td><code>.mtn4</code></td>
+                        
+                            <td><code>.mtn6</code></td>
+                        
+                            <td><code>.mtn8</code></td>
+                        
+                            <td><code>.mtn12</code></td>
+                        
+                            <td><code>.mtn16</code></td>
+                        
+                            <td><code>.mtn24</code></td>
+                        
+                            <td><code>.mtn32</code></td>
+                        
+                            <td><code>.mtn48</code></td>
+                        
+                            <td><code>.mtn64</code></td>
+                        
+                            <td><code>.mtn96</code></td>
+                        
+                            <td><code>.mtn128</code></td>
+                        
+                            <td><code>.mtn50</code></td>
+                        
+                            <td><code>.mtn100</code></td>
+                        
+                    </tr>
+                
+                    <tr>
+                        <th scope="row">mrn</th>
+                        
+                            <td><code>.mrn1</code></td>
+                        
+                            <td><code>.mrn2</code></td>
+                        
+                            <td><code>.mrn4</code></td>
+                        
+                            <td><code>.mrn6</code></td>
+                        
+                            <td><code>.mrn8</code></td>
+                        
+                            <td><code>.mrn12</code></td>
+                        
+                            <td><code>.mrn16</code></td>
+                        
+                            <td><code>.mrn24</code></td>
+                        
+                            <td><code>.mrn32</code></td>
+                        
+                            <td><code>.mrn48</code></td>
+                        
+                            <td><code>.mrn64</code></td>
+                        
+                            <td><code>.mrn96</code></td>
+                        
+                            <td><code>.mrn128</code></td>
+                        
+                            <td><code>.mrn50</code></td>
+                        
+                            <td><code>.mrn100</code></td>
+                        
+                    </tr>
+                
+                    <tr>
+                        <th scope="row">mbn</th>
+                        
+                            <td><code>.mbn1</code></td>
+                        
+                            <td><code>.mbn2</code></td>
+                        
+                            <td><code>.mbn4</code></td>
+                        
+                            <td><code>.mbn6</code></td>
+                        
+                            <td><code>.mbn8</code></td>
+                        
+                            <td><code>.mbn12</code></td>
+                        
+                            <td><code>.mbn16</code></td>
+                        
+                            <td><code>.mbn24</code></td>
+                        
+                            <td><code>.mbn32</code></td>
+                        
+                            <td><code>.mbn48</code></td>
+                        
+                            <td><code>.mbn64</code></td>
+                        
+                            <td><code>.mbn96</code></td>
+                        
+                            <td><code>.mbn128</code></td>
+                        
+                            <td><code>.mbn50</code></td>
+                        
+                            <td><code>.mbn100</code></td>
+                        
+                    </tr>
+                
+                    <tr>
+                        <th scope="row">mln</th>
+                        
+                            <td><code>.mln1</code></td>
+                        
+                            <td><code>.mln2</code></td>
+                        
+                            <td><code>.mln4</code></td>
+                        
+                            <td><code>.mln6</code></td>
+                        
+                            <td><code>.mln8</code></td>
+                        
+                            <td><code>.mln12</code></td>
+                        
+                            <td><code>.mln16</code></td>
+                        
+                            <td><code>.mln24</code></td>
+                        
+                            <td><code>.mln32</code></td>
+                        
+                            <td><code>.mln48</code></td>
+                        
+                            <td><code>.mln64</code></td>
+                        
+                            <td><code>.mln96</code></td>
+                        
+                            <td><code>.mln128</code></td>
+                        
+                            <td><code>.mln50</code></td>
+                        
+                            <td><code>.mln100</code></td>
+                        
+                    </tr>
+                
+                    <tr>
+                        <th scope="row">mxn</th>
+                        
+                            <td><code>.mxn1</code></td>
+                        
+                            <td><code>.mxn2</code></td>
+                        
+                            <td><code>.mxn4</code></td>
+                        
+                            <td><code>.mxn6</code></td>
+                        
+                            <td><code>.mxn8</code></td>
+                        
+                            <td><code>.mxn12</code></td>
+                        
+                            <td><code>.mxn16</code></td>
+                        
+                            <td><code>.mxn24</code></td>
+                        
+                            <td><code>.mxn32</code></td>
+                        
+                            <td><code>.mxn48</code></td>
+                        
+                            <td><code>.mxn64</code></td>
+                        
+                            <td><code>.mxn96</code></td>
+                        
+                            <td><code>.mxn128</code></td>
+                        
+                            <td><code>.mxn50</code></td>
+                        
+                            <td><code>.mxn100</code></td>
+                        
+                    </tr>
+                
+                    <tr>
+                        <th scope="row">myn</th>
+                        
+                            <td><code>.myn1</code></td>
+                        
+                            <td><code>.myn2</code></td>
+                        
+                            <td><code>.myn4</code></td>
+                        
+                            <td><code>.myn6</code></td>
+                        
+                            <td><code>.myn8</code></td>
+                        
+                            <td><code>.myn12</code></td>
+                        
+                            <td><code>.myn16</code></td>
+                        
+                            <td><code>.myn24</code></td>
+                        
+                            <td><code>.myn32</code></td>
+                        
+                            <td><code>.myn48</code></td>
+                        
+                            <td><code>.myn64</code></td>
+                        
+                            <td><code>.myn96</code></td>
+                        
+                            <td><code>.myn128</code></td>
+                        
+                            <td><code>.myn50</code></td>
+                        
+                            <td><code>.myn100</code></td>
+                        
+                    </tr>
+                
+            </tbody>
+        </table>
+    </div>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="auto">Auto</h2><a class="s-btn s-btn__clear" href="#auto"><span class="v-visible-sr">Section titled Auto</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Stacks provides additional automatic margin classes. These come in handy when positioning individual flex items within flex layouts, or horizontally centering a block-level element.</p>
+    
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="auto-classes">Auto classes</h3><a class="s-btn s-btn__clear" href="#auto-classes"><span class="v-visible-sr">Section titled Auto classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="overflow-x-auto mb32" tabindex="0">
+        <table class="docs-table s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th scope="col">Class</th>
+                    <th scope="col">Property</th>
+                </tr>
+            </thead>
+            <tbody>
+                
+                    <tr>
+                        <td class="ff-mono">.m-auto</td>
+                        <td>margin</td>
+                    </tr>
+                
+                    <tr>
+                        <td class="ff-mono">.mt-auto</td>
+                        <td>margin-top</td>
+                    </tr>
+                
+                    <tr>
+                        <td class="ff-mono">.mr-auto</td>
+                        <td>margin-right</td>
+                    </tr>
+                
+                    <tr>
+                        <td class="ff-mono">.mb-auto</td>
+                        <td>margin-bottom</td>
+                    </tr>
+                
+                    <tr>
+                        <td class="ff-mono">.ml-auto</td>
+                        <td>margin-left</td>
+                    </tr>
+                
+                    <tr>
+                        <td class="ff-mono">.mx-auto</td>
+                        <td>margin x-axis</td>
+                    </tr>
+                
+                    <tr>
+                        <td class="ff-mono">.my-auto</td>
+                        <td>margin y-axis</td>
+                    </tr>
+                
+            </tbody>
+        </table>
+    </div>
+</section>
+
+
+            <!-- <div class="d-flex my48 pt24">
+                <div class="mr16">
+                    
+                    <form
+                        id="quick-positive-feedback-margin"
+                        class="js-feedback-form v-hidden"
+                        name="quick-positive-feedback-margin"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <form
+                        id="quick-negative-feedback-margin"
+                        class="js-feedback-form v-hidden"
+                        name="quick-negative-feedback-margin"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-positive"
+                        role="tooltip">
+                        <div class="s-popover--content">This page is useful</div>
+                    </div>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-negative"
+                        role="tooltip">
+                        <div class="s-popover--content">This page needs improvement</div>
+                    </div>
+                    <div id="vote-feedback" class="s-vote">
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-positive-feedback-margin"
+                            aria-describedby="tooltip-feedback-positive"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUp" aria-hidden="true"><path d="M10 3q.41.02.64.36l6.9 11.5a.75.75 0 1 1-1.28.78L10 5.21l-5.58 9.3h8.04v-.01h1.1l.97 1.5H3.1a.75.75 0 0 1-.65-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUpFill" aria-hidden="true"><path d="M10 3h.1a1 1 0 0 1 .42.21l.12.15 6.9 11.5.05.09v.03l.02.04q.04.12.04.26v.03q0 .13-.07.25v.02l-.03.04a1 1 0 0 1-.2.23l-.06.05-.04.01-.04.03-.04.01a1 1 0 0 1-.27.05H3a.75.75 0 0 1-.55-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="v-visible-sr">upvote</span>
+                        </button>
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-negative-feedback-margin"
+                            aria-describedby="tooltip-feedback-negative"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDown" aria-hidden="true"><path d="M10 16a.8.8 0 0 1-.64-.36l-6.9-11.5a.75.75 0 1 1 1.28-.78L10 13.8l5.58-9.3H6.44L5.47 3H16.9a.75.75 0 0 1 .65 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDownFill" aria-hidden="true"><path d="M10 16h-.1l-.1-.02a.8.8 0 0 1-.45-.34l-6.9-11.5-.04-.08-.01-.04L2.39 4a1 1 0 0 1-.04-.26V3.7q0-.14.06-.26l.01-.02.02-.04a1 1 0 0 1 .27-.27l.03-.02.05-.02.04-.02A1 1 0 0 1 3.1 3H17a.75.75 0 0 1 .54 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="v-visible-sr">downvote</span>
+                        </button>
+                    </div>
+                </div>
+
+                <form
+                    class="w100 js-feedback-form"
+                    name="feedback-margin"
+                    method="POST"
+                    data-netlify="true"
+                    action="/success">
+                    <fieldset class="d-flex fd-column fl-grow1 g16">
+                        <legend class="fs-title fw-bold">How’d we do?</legend>
+                        <div class="fs-body2">Anonymously upvote, downvote, or send additional feedback below.</div>
+
+                        <textarea
+                            class="s-textarea hmn1"
+                            id="feedback-form"
+                            name="additional-feedback"
+                            placeholder="Tell us how we can improve this page…" required></textarea>
+
+                        <div class="d-flex ai-center fd-row-reverse g8 jc-space-between mln6 sm:d-grid sm:grid__1 sm:ml0">
+                            <button
+                                type="submit"
+                                class="s-btn as-start fl-shrink0">
+                                Send feedback
+                            </button>
+                            <div class="d-flex fw-wrap g8 sm:d-grid sm:grid__1">
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/edit/develop/packages/stacks-docs/./product/base/margin.html"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    <svg aria-hidden="true" class="svg-icon iconPencilSm" width="14" height="14"  viewBox="0 0 14 14"><path fill="#F1B600" d="m2 10.12 6.37-6.43 1.88 1.88L3.88 12H2z"/><path fill="#E87C87" d="m11.1 1.71 1.13 1.12c.2.2.2.51 0 .71L11.1 4.7 9.21 2.86l1.17-1.15c.2-.2.51-.2.71 0"/></svg>
+                                    Edit
+                                </a>
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/issues/new/choose"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    File an issue
+                                </a>
+                            </div>
+                        </div>
+                    </fieldset>
+                </form>
+            </div> -->
+
+            <!-- <div class="ta-right">
+                <a href="https://www.netlify.com"><img src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg" alt="Deploys by Netlify" /></a>
+            </div> -->
diff --git a/packages/stacks-docs-next/src/docs/public/system/base/padding.md b/packages/stacks-docs-next/src/docs/public/system/base/padding.md
new file mode 100644
index 0000000000..6629e935b0
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/base/padding.md
@@ -0,0 +1,815 @@
+---
+title: "Padding"
+description: "Stacks provides atomic classes to override padding."
+---
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="padding">Padding</h2><a class="s-btn s-btn__clear" href="#padding"><span class="v-visible-sr">Section titled Padding</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Immutable padding utilities are based on a global white space scale defined with custom properties. These can dramatically help reduce the size of large stylesheets and allow for greater flexibility and quicker iteration when designing in the browser.</p>
+    <p class="docs-copy">Padding should never be declared outside of these utilities. This is meant to help create consistency and avoid magic numbers. If, for some reason, the default white space scale does not suit your design, customize and extend it before use.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="padding-class-abbreviations">Padding class abbreviations</h3><a class="s-btn s-btn__clear" href="#padding-class-abbreviations"><span class="v-visible-sr">Section titled Padding class abbreviations</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="overflow-x-auto mb32" tabindex="0">
+        <table class="docs-table s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th class="s-table--cell2" scope="col">Abbreviation</th>
+                    <th scope="col">Property</th>
+                    <th class="s-table--cell2 ta-center" scope="col">Responsive?</th>
+                </tr>
+            </thead>
+            <tbody>
+                
+                    <tr>
+                        <th scope="row">p</th>
+                        <td>padding</td>
+                        <td class="ta-center">
+                            
+                                <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                            
+                        </td>
+                    </tr>
+                
+                    <tr>
+                        <th scope="row">pt</th>
+                        <td>padding-top</td>
+                        <td class="ta-center">
+                            
+                                <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                            
+                        </td>
+                    </tr>
+                
+                    <tr>
+                        <th scope="row">pr</th>
+                        <td>padding-right</td>
+                        <td class="ta-center">
+                            
+                                <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                            
+                        </td>
+                    </tr>
+                
+                    <tr>
+                        <th scope="row">pb</th>
+                        <td>padding-bottom</td>
+                        <td class="ta-center">
+                            
+                                <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                            
+                        </td>
+                    </tr>
+                
+                    <tr>
+                        <th scope="row">pl</th>
+                        <td>padding-left</td>
+                        <td class="ta-center">
+                            
+                                <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                            
+                        </td>
+                    </tr>
+                
+                    <tr>
+                        <th scope="row">px</th>
+                        <td>padding x-axis</td>
+                        <td class="ta-center">
+                            
+                                <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                            
+                        </td>
+                    </tr>
+                
+                    <tr>
+                        <th scope="row">py</th>
+                        <td>padding y-axis</td>
+                        <td class="ta-center">
+                            
+                                <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                            
+                        </td>
+                    </tr>
+                
+            </tbody>
+        </table>
+    </div>
+
+<div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="padding-classes">Padding classes</h3><a class="s-btn s-btn__clear" href="#padding-classes"><span class="v-visible-sr">Section titled Padding classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+
+
+<div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"pt4 pr64 pb64 pl64"</span>&gt;</span><br>    …<br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div class="pt4 pr64 pb64 pl64 bg-black-200 p12 ba bc-black-225">
+                Example div with different paddings applied
+            </div>
+        </div>
+    </div>
+    <div class="overflow-x-auto mb32" tabindex="0">
+        <table class="docs-table s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th scope="col"></th>
+                    
+                        <th scope="col" class="ta-center ff-mono">0</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">1px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">2px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">4px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">6px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">8px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">12px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">16px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">24px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">32px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">48px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">64px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">96px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">128px</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">50%</th>
+                    
+                        <th scope="col" class="ta-center ff-mono">100%</th>
+                    
+                </tr>
+            </thead>
+            <tbody>
+                
+                    <tr>
+                        <th scope="row">p</th>
+                        
+                            
+                                <td><code>.p0</code></td>
+                            
+                        
+                            
+                                <td><code>.p1</code></td>
+                            
+                        
+                            
+                                <td><code>.p2</code></td>
+                            
+                        
+                            
+                                <td><code>.p4</code></td>
+                            
+                        
+                            
+                                <td><code>.p6</code></td>
+                            
+                        
+                            
+                                <td><code>.p8</code></td>
+                            
+                        
+                            
+                                <td><code>.p12</code></td>
+                            
+                        
+                            
+                                <td><code>.p16</code></td>
+                            
+                        
+                            
+                                <td><code>.p24</code></td>
+                            
+                        
+                            
+                                <td><code>.p32</code></td>
+                            
+                        
+                            
+                                <td><code>.p48</code></td>
+                            
+                        
+                            
+                                <td><code>.p64</code></td>
+                            
+                        
+                            
+                                <td><code>.p96</code></td>
+                            
+                        
+                            
+                                <td><code>.p128</code></td>
+                            
+                        
+                            
+                                <td><code>.p50</code></td>
+                            
+                        
+                            
+                                <td><code>.p100</code></td>
+                            
+                        
+                    </tr>
+                
+                    <tr>
+                        <th scope="row">pt</th>
+                        
+                            
+                                <td><code>.pt0</code></td>
+                            
+                        
+                            
+                                <td><code>.pt1</code></td>
+                            
+                        
+                            
+                                <td><code>.pt2</code></td>
+                            
+                        
+                            
+                                <td><code>.pt4</code></td>
+                            
+                        
+                            
+                                <td><code>.pt6</code></td>
+                            
+                        
+                            
+                                <td><code>.pt8</code></td>
+                            
+                        
+                            
+                                <td><code>.pt12</code></td>
+                            
+                        
+                            
+                                <td><code>.pt16</code></td>
+                            
+                        
+                            
+                                <td><code>.pt24</code></td>
+                            
+                        
+                            
+                                <td><code>.pt32</code></td>
+                            
+                        
+                            
+                                <td><code>.pt48</code></td>
+                            
+                        
+                            
+                                <td><code>.pt64</code></td>
+                            
+                        
+                            
+                                <td><code>.pt96</code></td>
+                            
+                        
+                            
+                                <td><code>.pt128</code></td>
+                            
+                        
+                            
+                                <td><code>.pt50</code></td>
+                            
+                        
+                            
+                                <td><code>.pt100</code></td>
+                            
+                        
+                    </tr>
+                
+                    <tr>
+                        <th scope="row">pr</th>
+                        
+                            
+                                <td><code>.pr0</code></td>
+                            
+                        
+                            
+                                <td><code>.pr1</code></td>
+                            
+                        
+                            
+                                <td><code>.pr2</code></td>
+                            
+                        
+                            
+                                <td><code>.pr4</code></td>
+                            
+                        
+                            
+                                <td><code>.pr6</code></td>
+                            
+                        
+                            
+                                <td><code>.pr8</code></td>
+                            
+                        
+                            
+                                <td><code>.pr12</code></td>
+                            
+                        
+                            
+                                <td><code>.pr16</code></td>
+                            
+                        
+                            
+                                <td><code>.pr24</code></td>
+                            
+                        
+                            
+                                <td><code>.pr32</code></td>
+                            
+                        
+                            
+                                <td><code>.pr48</code></td>
+                            
+                        
+                            
+                                <td><code>.pr64</code></td>
+                            
+                        
+                            
+                                <td><code>.pr96</code></td>
+                            
+                        
+                            
+                                <td><code>.pr128</code></td>
+                            
+                        
+                            
+                                <td><code>.pr50</code></td>
+                            
+                        
+                            
+                                <td><code>.pr100</code></td>
+                            
+                        
+                    </tr>
+                
+                    <tr>
+                        <th scope="row">pb</th>
+                        
+                            
+                                <td><code>.pb0</code></td>
+                            
+                        
+                            
+                                <td><code>.pb1</code></td>
+                            
+                        
+                            
+                                <td><code>.pb2</code></td>
+                            
+                        
+                            
+                                <td><code>.pb4</code></td>
+                            
+                        
+                            
+                                <td><code>.pb6</code></td>
+                            
+                        
+                            
+                                <td><code>.pb8</code></td>
+                            
+                        
+                            
+                                <td><code>.pb12</code></td>
+                            
+                        
+                            
+                                <td><code>.pb16</code></td>
+                            
+                        
+                            
+                                <td><code>.pb24</code></td>
+                            
+                        
+                            
+                                <td><code>.pb32</code></td>
+                            
+                        
+                            
+                                <td><code>.pb48</code></td>
+                            
+                        
+                            
+                                <td><code>.pb64</code></td>
+                            
+                        
+                            
+                                <td><code>.pb96</code></td>
+                            
+                        
+                            
+                                <td><code>.pb128</code></td>
+                            
+                        
+                            
+                                <td><code>.pb50</code></td>
+                            
+                        
+                            
+                                <td><code>.pb100</code></td>
+                            
+                        
+                    </tr>
+                
+                    <tr>
+                        <th scope="row">pl</th>
+                        
+                            
+                                <td><code>.pl0</code></td>
+                            
+                        
+                            
+                                <td><code>.pl1</code></td>
+                            
+                        
+                            
+                                <td><code>.pl2</code></td>
+                            
+                        
+                            
+                                <td><code>.pl4</code></td>
+                            
+                        
+                            
+                                <td><code>.pl6</code></td>
+                            
+                        
+                            
+                                <td><code>.pl8</code></td>
+                            
+                        
+                            
+                                <td><code>.pl12</code></td>
+                            
+                        
+                            
+                                <td><code>.pl16</code></td>
+                            
+                        
+                            
+                                <td><code>.pl24</code></td>
+                            
+                        
+                            
+                                <td><code>.pl32</code></td>
+                            
+                        
+                            
+                                <td><code>.pl48</code></td>
+                            
+                        
+                            
+                                <td><code>.pl64</code></td>
+                            
+                        
+                            
+                                <td><code>.pl96</code></td>
+                            
+                        
+                            
+                                <td><code>.pl128</code></td>
+                            
+                        
+                            
+                                <td><code>.pl50</code></td>
+                            
+                        
+                            
+                                <td><code>.pl100</code></td>
+                            
+                        
+                    </tr>
+                
+                    <tr>
+                        <th scope="row">px</th>
+                        
+                            
+                                
+                                    <td>-</td>
+                                
+                            
+                        
+                            
+                                
+                                    <td><code>.px1</code></td>
+                                
+                            
+                        
+                            
+                                
+                                    <td><code>.px2</code></td>
+                                
+                            
+                        
+                            
+                                
+                                    <td><code>.px4</code></td>
+                                
+                            
+                        
+                            
+                                
+                                    <td><code>.px6</code></td>
+                                
+                            
+                        
+                            
+                                
+                                    <td><code>.px8</code></td>
+                                
+                            
+                        
+                            
+                                
+                                    <td><code>.px12</code></td>
+                                
+                            
+                        
+                            
+                                
+                                    <td><code>.px16</code></td>
+                                
+                            
+                        
+                            
+                                
+                                    <td><code>.px24</code></td>
+                                
+                            
+                        
+                            
+                                
+                                    <td><code>.px32</code></td>
+                                
+                            
+                        
+                            
+                                
+                                    <td><code>.px48</code></td>
+                                
+                            
+                        
+                            
+                                
+                                    <td><code>.px64</code></td>
+                                
+                            
+                        
+                            
+                                
+                                    <td><code>.px96</code></td>
+                                
+                            
+                        
+                            
+                                
+                                    <td><code>.px128</code></td>
+                                
+                            
+                        
+                            
+                                
+                                    <td>-</td>
+                                
+                            
+                        
+                            
+                                
+                                    <td>-</td>
+                                
+                            
+                        
+                    </tr>
+                
+                    <tr>
+                        <th scope="row">py</th>
+                        
+                            
+                                
+                                    <td>-</td>
+                                
+                            
+                        
+                            
+                                
+                                    <td><code>.py1</code></td>
+                                
+                            
+                        
+                            
+                                
+                                    <td><code>.py2</code></td>
+                                
+                            
+                        
+                            
+                                
+                                    <td><code>.py4</code></td>
+                                
+                            
+                        
+                            
+                                
+                                    <td><code>.py6</code></td>
+                                
+                            
+                        
+                            
+                                
+                                    <td><code>.py8</code></td>
+                                
+                            
+                        
+                            
+                                
+                                    <td><code>.py12</code></td>
+                                
+                            
+                        
+                            
+                                
+                                    <td><code>.py16</code></td>
+                                
+                            
+                        
+                            
+                                
+                                    <td><code>.py24</code></td>
+                                
+                            
+                        
+                            
+                                
+                                    <td><code>.py32</code></td>
+                                
+                            
+                        
+                            
+                                
+                                    <td><code>.py48</code></td>
+                                
+                            
+                        
+                            
+                                
+                                    <td><code>.py64</code></td>
+                                
+                            
+                        
+                            
+                                
+                                    <td><code>.py96</code></td>
+                                
+                            
+                        
+                            
+                                
+                                    <td><code>.py128</code></td>
+                                
+                            
+                        
+                            
+                                
+                                    <td>-</td>
+                                
+                            
+                        
+                            
+                                
+                                    <td>-</td>
+                                
+                            
+                        
+                    </tr>
+                
+            </tbody>
+        </table>
+    </div>
+</section>
+
+
+            <!-- <div class="d-flex my48 pt24">
+                <div class="mr16">
+                    
+                    <form
+                        id="quick-positive-feedback-padding"
+                        class="js-feedback-form v-hidden"
+                        name="quick-positive-feedback-padding"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <form
+                        id="quick-negative-feedback-padding"
+                        class="js-feedback-form v-hidden"
+                        name="quick-negative-feedback-padding"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-positive"
+                        role="tooltip">
+                        <div class="s-popover--content">This page is useful</div>
+                    </div>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-negative"
+                        role="tooltip">
+                        <div class="s-popover--content">This page needs improvement</div>
+                    </div>
+                    <div id="vote-feedback" class="s-vote">
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-positive-feedback-padding"
+                            aria-describedby="tooltip-feedback-positive"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUp" aria-hidden="true"><path d="M10 3q.41.02.64.36l6.9 11.5a.75.75 0 1 1-1.28.78L10 5.21l-5.58 9.3h8.04v-.01h1.1l.97 1.5H3.1a.75.75 0 0 1-.65-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUpFill" aria-hidden="true"><path d="M10 3h.1a1 1 0 0 1 .42.21l.12.15 6.9 11.5.05.09v.03l.02.04q.04.12.04.26v.03q0 .13-.07.25v.02l-.03.04a1 1 0 0 1-.2.23l-.06.05-.04.01-.04.03-.04.01a1 1 0 0 1-.27.05H3a.75.75 0 0 1-.55-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="v-visible-sr">upvote</span>
+                        </button>
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-negative-feedback-padding"
+                            aria-describedby="tooltip-feedback-negative"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDown" aria-hidden="true"><path d="M10 16a.8.8 0 0 1-.64-.36l-6.9-11.5a.75.75 0 1 1 1.28-.78L10 13.8l5.58-9.3H6.44L5.47 3H16.9a.75.75 0 0 1 .65 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDownFill" aria-hidden="true"><path d="M10 16h-.1l-.1-.02a.8.8 0 0 1-.45-.34l-6.9-11.5-.04-.08-.01-.04L2.39 4a1 1 0 0 1-.04-.26V3.7q0-.14.06-.26l.01-.02.02-.04a1 1 0 0 1 .27-.27l.03-.02.05-.02.04-.02A1 1 0 0 1 3.1 3H17a.75.75 0 0 1 .54 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="v-visible-sr">downvote</span>
+                        </button>
+                    </div>
+                </div>
+
+                <form
+                    class="w100 js-feedback-form"
+                    name="feedback-padding"
+                    method="POST"
+                    data-netlify="true"
+                    action="/success">
+                    <fieldset class="d-flex fd-column fl-grow1 g16">
+                        <legend class="fs-title fw-bold">How’d we do?</legend>
+                        <div class="fs-body2">Anonymously upvote, downvote, or send additional feedback below.</div>
+
+                        <textarea
+                            class="s-textarea hmn1"
+                            id="feedback-form"
+                            name="additional-feedback"
+                            placeholder="Tell us how we can improve this page…" required></textarea>
+
+                        <div class="d-flex ai-center fd-row-reverse g8 jc-space-between mln6 sm:d-grid sm:grid__1 sm:ml0">
+                            <button
+                                type="submit"
+                                class="s-btn as-start fl-shrink0">
+                                Send feedback
+                            </button>
+                            <div class="d-flex fw-wrap g8 sm:d-grid sm:grid__1">
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/edit/develop/packages/stacks-docs/./product/base/padding.html"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    <svg aria-hidden="true" class="svg-icon iconPencilSm" width="14" height="14"  viewBox="0 0 14 14"><path fill="#F1B600" d="m2 10.12 6.37-6.43 1.88 1.88L3.88 12H2z"/><path fill="#E87C87" d="m11.1 1.71 1.13 1.12c.2.2.2.51 0 .71L11.1 4.7 9.21 2.86l1.17-1.15c.2-.2.51-.2.71 0"/></svg>
+                                    Edit
+                                </a>
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/issues/new/choose"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    File an issue
+                                </a>
+                            </div>
+                        </div>
+                    </fieldset>
+                </form>
+            </div> -->
+
+            <!-- <div class="ta-right">
+                <a href="https://www.netlify.com"><img src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg" alt="Deploys by Netlify" /></a>
+            </div> -->
diff --git a/packages/stacks-docs-next/src/docs/public/system/base/width.md b/packages/stacks-docs-next/src/docs/public/system/base/width.md
new file mode 100644
index 0000000000..87e8f1b981
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/base/width.md
@@ -0,0 +1,1170 @@
+---
+title: "Width"
+description: "Stacks provides atomic sizing classes for widths using pixel, rem, and percentage values. Most width classes are based on a 16px base font size and will scale based on the browser's font size."
+---
+
+<!-- Pixel width (.w) -->
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="pixel-width">Pixel width</h2><a class="s-btn s-btn__clear" href="#pixel-width"><span class="v-visible-sr">Section titled Pixel width</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Pixel width classes allow you to set the width of an element to a specific pixel value.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="pixel-width-classes">Pixel width classes</h3><a class="s-btn s-btn__clear" href="#pixel-width-classes"><span class="v-visible-sr">Section titled Pixel width classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="overflow-x-auto mb32" tabindex="0">
+        <table class="docs-table s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th class="s-table--cell3" scope="col">Class</th>
+                    <th scope="col">Computed value</th>
+                    <th scope="col">rem value</th>
+                    <th class="s-table--cell2 ta-center" scope="col">Responsive?</th>
+                </tr>
+            </thead>
+            <tbody>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.w0</code></th>
+                        <td class="p8">width: 0px;</td>
+                        <td class="p8">0rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.w1</code></th>
+                        <td class="p8">width: 1px;</td>
+                        <td class="p8">0.063rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.w2</code></th>
+                        <td class="p8">width: 2px;</td>
+                        <td class="p8">0.125rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.w4</code></th>
+                        <td class="p8">width: 4px;</td>
+                        <td class="p8">0.25rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.w6</code></th>
+                        <td class="p8">width: 6px;</td>
+                        <td class="p8">0.375rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.w8</code></th>
+                        <td class="p8">width: 8px;</td>
+                        <td class="p8">0.5rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.w12</code></th>
+                        <td class="p8">width: 12px;</td>
+                        <td class="p8">0.75rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.w16</code></th>
+                        <td class="p8">width: 16px;</td>
+                        <td class="p8">1rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.w24</code></th>
+                        <td class="p8">width: 24px;</td>
+                        <td class="p8">1.5rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.w32</code></th>
+                        <td class="p8">width: 32px;</td>
+                        <td class="p8">2rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.w48</code></th>
+                        <td class="p8">width: 48px;</td>
+                        <td class="p8">3rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.w64</code></th>
+                        <td class="p8">width: 64px;</td>
+                        <td class="p8">4rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.w96</code></th>
+                        <td class="p8">width: 96px;</td>
+                        <td class="p8">6rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.w128</code></th>
+                        <td class="p8">width: 128px;</td>
+                        <td class="p8">8rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+            </tbody>
+        </table>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="pixel-width-examples">Pixel width examples</h3><a class="s-btn s-btn__clear" href="#pixel-width-examples"><span class="v-visible-sr">Section titled Pixel width examples</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"w0"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"w1"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"w2"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"w4"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"w6"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"w8"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"w12"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"w16"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"w24"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"w32"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"w48"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"w64"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"w96"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"w128"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example d-flex g8 fd-column fs-caption ff-mono">
+            
+                <div class="d-grid grid__12 g4">
+                    <div class="grid--col1">.w0</div>
+                    <div class="w0 h24  docs-box p0"></div>
+                </div>
+            
+                <div class="d-grid grid__12 g4">
+                    <div class="grid--col1">.w1</div>
+                    <div class="w1 h24  docs-box p0"></div>
+                </div>
+            
+                <div class="d-grid grid__12 g4">
+                    <div class="grid--col1">.w2</div>
+                    <div class="w2 h24  docs-box p0"></div>
+                </div>
+            
+                <div class="d-grid grid__12 g4">
+                    <div class="grid--col1">.w4</div>
+                    <div class="w4 h24  docs-box p0"></div>
+                </div>
+            
+                <div class="d-grid grid__12 g4">
+                    <div class="grid--col1">.w6</div>
+                    <div class="w6 h24  docs-box p0"></div>
+                </div>
+            
+                <div class="d-grid grid__12 g4">
+                    <div class="grid--col1">.w8</div>
+                    <div class="w8 h24  docs-box p0"></div>
+                </div>
+            
+                <div class="d-grid grid__12 g4">
+                    <div class="grid--col1">.w12</div>
+                    <div class="w12 h24  docs-box p0"></div>
+                </div>
+            
+                <div class="d-grid grid__12 g4">
+                    <div class="grid--col1">.w16</div>
+                    <div class="w16 h24  docs-box p0"></div>
+                </div>
+            
+                <div class="d-grid grid__12 g4">
+                    <div class="grid--col1">.w24</div>
+                    <div class="w24 h24  docs-box p0"></div>
+                </div>
+            
+                <div class="d-grid grid__12 g4">
+                    <div class="grid--col1">.w32</div>
+                    <div class="w32 h24  docs-box p0"></div>
+                </div>
+            
+                <div class="d-grid grid__12 g4">
+                    <div class="grid--col1">.w48</div>
+                    <div class="w48 h24  docs-box p0"></div>
+                </div>
+            
+                <div class="d-grid grid__12 g4">
+                    <div class="grid--col1">.w64</div>
+                    <div class="w64 h24  docs-box p0"></div>
+                </div>
+            
+                <div class="d-grid grid__12 g4">
+                    <div class="grid--col1">.w96</div>
+                    <div class="w96 h24  docs-box p0"></div>
+                </div>
+            
+                <div class="d-grid grid__12 g4">
+                    <div class="grid--col1">.w128</div>
+                    <div class="w128 h24  docs-box p0"></div>
+                </div>
+            
+        </div>
+    </div>
+</section>
+
+<!-- Sizing units width (.ws) -->
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="sizing-units-width">Sizing units width</h2><a class="s-btn s-btn__clear" href="#sizing-units-width"><span class="v-visible-sr">Section titled Sizing units width</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Sizing units width classes allow you to set the width of an element according to a predefined set of 12 common values in used in Stacks.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="sizing-units-width-classes">Sizing units width classes</h3><a class="s-btn s-btn__clear" href="#sizing-units-width-classes"><span class="v-visible-sr">Section titled Sizing units width classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="overflow-x-auto mb32" tabindex="0">
+        <table class="docs-table s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th class="s-table--cell3" scope="col">Class</th>
+                    <th scope="col">Computed value</th>
+                    <th scope="col">rem value</th>
+                    <th class="s-table--cell2 ta-center" scope="col">Responsive?</th>
+                </tr>
+            </thead>
+            <tbody>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.ws1</code></th>
+                        <td class="p8">width: 128px;</td>
+                        <td class="p8">8rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.ws2</code></th>
+                        <td class="p8">width: 256px;</td>
+                        <td class="p8">16rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.ws3</code></th>
+                        <td class="p8">width: 344px;</td>
+                        <td class="p8">21.5rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.ws4</code></th>
+                        <td class="p8">width: 448px;</td>
+                        <td class="p8">28rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.ws5</code></th>
+                        <td class="p8">width: 512px;</td>
+                        <td class="p8">32rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.ws6</code></th>
+                        <td class="p8">width: 640px;</td>
+                        <td class="p8">40rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.ws7</code></th>
+                        <td class="p8">width: 768px;</td>
+                        <td class="p8">48rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.ws8</code></th>
+                        <td class="p8">width: 848px;</td>
+                        <td class="p8">53rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.ws9</code></th>
+                        <td class="p8">width: 960px;</td>
+                        <td class="p8">60rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.ws10</code></th>
+                        <td class="p8">width: 1024px;</td>
+                        <td class="p8">64rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.ws11</code></th>
+                        <td class="p8">width: 1120px;</td>
+                        <td class="p8">70rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.ws12</code></th>
+                        <td class="p8">width: 1280px;</td>
+                        <td class="p8">80rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+            </tbody>
+        </table>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="sizing-units-width-examples">Sizing units width examples</h3><a class="s-btn s-btn__clear" href="#sizing-units-width-examples"><span class="v-visible-sr">Section titled Sizing units width examples</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ws1"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ws2"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ws3"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ws4"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ws5"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ws6"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ws7"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ws8"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ws9"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ws10"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ws11"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ws12"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example d-flex g4 fd-column fs-caption ff-mono overflow-x-auto">
+            
+                <div class="docs-box p0 ws1 ai-center d-flex h48">
+                    <div>.ws1</div>
+                </div>
+            
+                <div class="docs-box p0 ws2 ai-center d-flex h48">
+                    <div>.ws2</div>
+                </div>
+            
+                <div class="docs-box p0 ws3 ai-center d-flex h48">
+                    <div>.ws3</div>
+                </div>
+            
+                <div class="docs-box p0 ws4 ai-center d-flex h48">
+                    <div>.ws4</div>
+                </div>
+            
+                <div class="docs-box p0 ws5 ai-center d-flex h48">
+                    <div>.ws5</div>
+                </div>
+            
+                <div class="docs-box p0 ws6 ai-center d-flex h48">
+                    <div>.ws6</div>
+                </div>
+            
+                <div class="docs-box p0 ws7 ai-center d-flex h48">
+                    <div>.ws7</div>
+                </div>
+            
+                <div class="docs-box p0 ws8 ai-center d-flex h48">
+                    <div>.ws8</div>
+                </div>
+            
+                <div class="docs-box p0 ws9 ai-center d-flex h48">
+                    <div>.ws9</div>
+                </div>
+            
+                <div class="docs-box p0 ws10 ai-center d-flex h48">
+                    <div>.ws10</div>
+                </div>
+            
+                <div class="docs-box p0 ws11 ai-center d-flex h48">
+                    <div>.ws11</div>
+                </div>
+            
+                <div class="docs-box p0 ws12 ai-center d-flex h48">
+                    <div>.ws12</div>
+                </div>
+            
+        </div>
+    </div>
+</section>
+
+<!-- Fluid width classes (.w) -->
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="fluid-width">Fluid width</h2><a class="s-btn s-btn__clear" href="#fluid-width"><span class="v-visible-sr">Section titled Fluid width</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Fluid width classes allow you to set the width of an element to a percentage of the parent element's width or to the full width of the viewport.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="fluid-width-classes">Fluid width classes</h3><a class="s-btn s-btn__clear" href="#fluid-width-classes"><span class="v-visible-sr">Section titled Fluid width classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="overflow-x-auto mb32" tabindex="0">
+        <table class="docs-table s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th class="s-table--cell3" scope="col">Class</th>
+                    <th scope="col">Value</th>
+                    <th class="s-table--cell2 ta-center" scope="col">Responsive?</th>
+                </tr>
+            </thead>
+            <tbody>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.w10</code></th>
+                        <td class="p8">width: 10%</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.w20</code></th>
+                        <td class="p8">width: 20%</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.w25</code></th>
+                        <td class="p8">width: 25%</td>
+                        <td class="ta-center">
+                            
+                                <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.w30</code></th>
+                        <td class="p8">width: 30%</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.w33</code></th>
+                        <td class="p8">width: 33%</td>
+                        <td class="ta-center">
+                            
+                                <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.w40</code></th>
+                        <td class="p8">width: 40%</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.w50</code></th>
+                        <td class="p8">width: 50%</td>
+                        <td class="ta-center">
+                            
+                                <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.w60</code></th>
+                        <td class="p8">width: 60%</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.w66</code></th>
+                        <td class="p8">width: 66%</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.w70</code></th>
+                        <td class="p8">width: 70%</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.w75</code></th>
+                        <td class="p8">width: 75%</td>
+                        <td class="ta-center">
+                            
+                                <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.w80</code></th>
+                        <td class="p8">width: 80%</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.w90</code></th>
+                        <td class="p8">width: 90%</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.w100</code></th>
+                        <td class="p8">width: 100%</td>
+                        <td class="ta-center">
+                            
+                                <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                            
+                        </td>
+                    </tr>
+                
+                <tr class="ff-mono fs-caption">
+                    <th scope="row"><code>.w-screen</code></th>
+                    <td class="p8">width: 100vw;</td>
+                    <td class="ta-center">
+                        <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                    </td>
+                </tr>
+                <tr class="ff-mono fs-caption">
+                    <th scope="row"><code>.w-auto</code></th>
+                    <td class="p8">width: auto;</td>
+                    <td class="ta-center">
+                        <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="fluid-width-examples">Fluid width examples</h3><a class="s-btn s-btn__clear" href="#fluid-width-examples"><span class="v-visible-sr">Section titled Fluid width examples</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"w10"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"w20"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"w25"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"w30"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"w33"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"w40"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"w50"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"w60"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"w66"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"w70"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"w75"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"w80"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"w90"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"w100"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example fs-caption ff-mono">
+            <div class="d-flex fd-column g4">
+                
+                    <div class="docs-box p0 bg-black-100">
+                        <div class="docs-box w10 ai-center py4">
+                            <div>.w10</div>
+                        </div>
+                    </div>
+                
+                    <div class="docs-box p0 bg-black-100">
+                        <div class="docs-box w20 ai-center py4">
+                            <div>.w20</div>
+                        </div>
+                    </div>
+                
+                    <div class="docs-box p0 bg-black-100">
+                        <div class="docs-box w25 ai-center py4">
+                            <div>.w25</div>
+                        </div>
+                    </div>
+                
+                    <div class="docs-box p0 bg-black-100">
+                        <div class="docs-box w30 ai-center py4">
+                            <div>.w30</div>
+                        </div>
+                    </div>
+                
+                    <div class="docs-box p0 bg-black-100">
+                        <div class="docs-box w33 ai-center py4">
+                            <div>.w33</div>
+                        </div>
+                    </div>
+                
+                    <div class="docs-box p0 bg-black-100">
+                        <div class="docs-box w40 ai-center py4">
+                            <div>.w40</div>
+                        </div>
+                    </div>
+                
+                    <div class="docs-box p0 bg-black-100">
+                        <div class="docs-box w50 ai-center py4">
+                            <div>.w50</div>
+                        </div>
+                    </div>
+                
+                    <div class="docs-box p0 bg-black-100">
+                        <div class="docs-box w60 ai-center py4">
+                            <div>.w60</div>
+                        </div>
+                    </div>
+                
+                    <div class="docs-box p0 bg-black-100">
+                        <div class="docs-box w66 ai-center py4">
+                            <div>.w66</div>
+                        </div>
+                    </div>
+                
+                    <div class="docs-box p0 bg-black-100">
+                        <div class="docs-box w70 ai-center py4">
+                            <div>.w70</div>
+                        </div>
+                    </div>
+                
+                    <div class="docs-box p0 bg-black-100">
+                        <div class="docs-box w75 ai-center py4">
+                            <div>.w75</div>
+                        </div>
+                    </div>
+                
+                    <div class="docs-box p0 bg-black-100">
+                        <div class="docs-box w80 ai-center py4">
+                            <div>.w80</div>
+                        </div>
+                    </div>
+                
+                    <div class="docs-box p0 bg-black-100">
+                        <div class="docs-box w90 ai-center py4">
+                            <div>.w90</div>
+                        </div>
+                    </div>
+                
+                    <div class="docs-box p0 bg-black-100">
+                        <div class="docs-box w100 ai-center py4">
+                            <div>.w100</div>
+                        </div>
+                    </div>
+                
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Min width classes (.wmn) -->
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="min-width">Min width</h2><a class="s-btn s-btn__clear" href="#min-width"><span class="v-visible-sr">Section titled Min width</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Min width classes allow you to set the minimum width of an element.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="min-width-classes">Min width classes</h3><a class="s-btn s-btn__clear" href="#min-width-classes"><span class="v-visible-sr">Section titled Min width classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="overflow-x-auto mb32" tabindex="0">
+        <table class="docs-table s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th class="s-table--cell3" scope="col">Class</th>
+                    <th scope="col">Computed value</th>
+                    <th scope="col">rem value</th>
+                    <th class="s-table--cell2 ta-center" scope="col">Responsive?</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr class="ff-mono fs-caption">
+                    <th scope="row"><code>.wmn0</code></th>
+                    <td class="p8">min-width: 0;</td>
+                    <td class="p8">-</td>
+                    <td class="ta-center">
+                        <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                    </td>
+                </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmn1</code></th>
+                        <td class="p8">min-width: 128px;</td>
+                        <td class="p8">8rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmn2</code></th>
+                        <td class="p8">min-width: 256px;</td>
+                        <td class="p8">16rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmn3</code></th>
+                        <td class="p8">min-width: 344px;</td>
+                        <td class="p8">21.5rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmn4</code></th>
+                        <td class="p8">min-width: 448px;</td>
+                        <td class="p8">28rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmn5</code></th>
+                        <td class="p8">min-width: 512px;</td>
+                        <td class="p8">32rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmn6</code></th>
+                        <td class="p8">min-width: 640px;</td>
+                        <td class="p8">40rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmn7</code></th>
+                        <td class="p8">min-width: 768px;</td>
+                        <td class="p8">48rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmn8</code></th>
+                        <td class="p8">min-width: 848px;</td>
+                        <td class="p8">53rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmn9</code></th>
+                        <td class="p8">min-width: 960px;</td>
+                        <td class="p8">60rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmn10</code></th>
+                        <td class="p8">min-width: 1024px;</td>
+                        <td class="p8">64rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmn11</code></th>
+                        <td class="p8">min-width: 1120px;</td>
+                        <td class="p8">70rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmn12</code></th>
+                        <td class="p8">min-width: 1280px;</td>
+                        <td class="p8">80rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+
+                
+                
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmn25</code></th>
+                        <td class="p8">min-width: 25%;</td>
+                        <td class="p8">-</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmn50</code></th>
+                        <td class="p8">min-width: 50%;</td>
+                        <td class="p8">-</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmn75</code></th>
+                        <td class="p8">min-width: 75%;</td>
+                        <td class="p8">-</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmn100</code></th>
+                        <td class="p8">min-width: 100%;</td>
+                        <td class="p8">-</td>
+                        <td class="ta-center">
+                            
+                                <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                            
+                        </td>
+                    </tr>
+                
+                <tr class="ff-mono fs-caption">
+                    <th scope="row"><code>.wmn-screen</code></th>
+                    <td class="p8">min-width: 100vh;</td>
+                    <td class="p8">-</td>
+                    <td class="ta-center">
+                        <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                    </td>
+                </tr>
+                <tr class="ff-mono fs-caption">
+                    <th scope="row"><code>.wmn-initial</code></th>
+                    <td class="p8">min-width: initial;</td>
+                    <td class="p8">-</td>
+                    <td class="ta-center">
+                        <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</section>
+
+<!-- Max width classes (.wmx) -->
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="max-width">Max width</h2><a class="s-btn s-btn__clear" href="#max-width"><span class="v-visible-sr">Section titled Max width</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Max width classes allow you to set the maximum width of an element.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="max-width-classes">Max width classes</h3><a class="s-btn s-btn__clear" href="#max-width-classes"><span class="v-visible-sr">Section titled Max width classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="overflow-x-auto mb32" tabindex="0">
+        <table class="docs-table s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th class="s-table--cell3" scope="col">Class</th>
+                    <th scope="col">Computed value</th>
+                    <th scope="col">rem value</th>
+                    <th class="s-table--cell2 ta-center" scope="col">Responsive?</th>
+                </tr>
+            </thead>
+            <tbody>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmx1</code></th>
+                        <td class="p8">max-width: 128px;</td>
+                        <td class="p8">8rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmx2</code></th>
+                        <td class="p8">max-width: 256px;</td>
+                        <td class="p8">16rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmx3</code></th>
+                        <td class="p8">max-width: 344px;</td>
+                        <td class="p8">21.5rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmx4</code></th>
+                        <td class="p8">max-width: 448px;</td>
+                        <td class="p8">28rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmx5</code></th>
+                        <td class="p8">max-width: 512px;</td>
+                        <td class="p8">32rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmx6</code></th>
+                        <td class="p8">max-width: 640px;</td>
+                        <td class="p8">40rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmx7</code></th>
+                        <td class="p8">max-width: 768px;</td>
+                        <td class="p8">48rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmx8</code></th>
+                        <td class="p8">max-width: 848px;</td>
+                        <td class="p8">53rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmx9</code></th>
+                        <td class="p8">max-width: 960px;</td>
+                        <td class="p8">60rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmx10</code></th>
+                        <td class="p8">max-width: 1024px;</td>
+                        <td class="p8">64rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmx11</code></th>
+                        <td class="p8">max-width: 1120px;</td>
+                        <td class="p8">70rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmx12</code></th>
+                        <td class="p8">max-width: 1280px;</td>
+                        <td class="p8">80rem</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+
+                
+                
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmx25</code></th>
+                        <td class="p8">max-width: 25%;</td>
+                        <td class="p8">-</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmx50</code></th>
+                        <td class="p8">max-width: 50%;</td>
+                        <td class="p8">-</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmx75</code></th>
+                        <td class="p8">max-width: 75%;</td>
+                        <td class="p8">-</td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono fs-caption">
+                        <th scope="row"><code>.wmx100</code></th>
+                        <td class="p8">max-width: 100%;</td>
+                        <td class="p8">-</td>
+                        <td class="ta-center">
+                            
+                                <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                            
+                        </td>
+                    </tr>
+                
+
+                <tr class="ff-mono fs-caption">
+                    <th scope="row"><code>.wmx-screen</code></th>
+                    <td class="p8">max-width: 100vh;</td>
+                    <td class="p8">-</td>
+                    <td class="ta-center">
+                        <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                    </td>
+                </tr>
+                <tr class="ff-mono fs-caption">
+                    <th scope="row"><code>.wmx-initial</code></th>
+                    <td class="p8">max-width: initial;</td>
+                    <td class="p8">-</td>
+                    <td class="ta-center">
+                        <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</section>
+
+            <!-- <div class="d-flex my48 pt24">
+                <div class="mr16">
+                    
+                    <form
+                        id="quick-positive-feedback-width"
+                        class="js-feedback-form v-hidden"
+                        name="quick-positive-feedback-width"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <form
+                        id="quick-negative-feedback-width"
+                        class="js-feedback-form v-hidden"
+                        name="quick-negative-feedback-width"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-positive"
+                        role="tooltip">
+                        <div class="s-popover--content">This page is useful</div>
+                    </div>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-negative"
+                        role="tooltip">
+                        <div class="s-popover--content">This page needs improvement</div>
+                    </div>
+                    <div id="vote-feedback" class="s-vote">
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-positive-feedback-width"
+                            aria-describedby="tooltip-feedback-positive"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUp" aria-hidden="true"><path d="M10 3q.41.02.64.36l6.9 11.5a.75.75 0 1 1-1.28.78L10 5.21l-5.58 9.3h8.04v-.01h1.1l.97 1.5H3.1a.75.75 0 0 1-.65-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUpFill" aria-hidden="true"><path d="M10 3h.1a1 1 0 0 1 .42.21l.12.15 6.9 11.5.05.09v.03l.02.04q.04.12.04.26v.03q0 .13-.07.25v.02l-.03.04a1 1 0 0 1-.2.23l-.06.05-.04.01-.04.03-.04.01a1 1 0 0 1-.27.05H3a.75.75 0 0 1-.55-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="v-visible-sr">upvote</span>
+                        </button>
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-negative-feedback-width"
+                            aria-describedby="tooltip-feedback-negative"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDown" aria-hidden="true"><path d="M10 16a.8.8 0 0 1-.64-.36l-6.9-11.5a.75.75 0 1 1 1.28-.78L10 13.8l5.58-9.3H6.44L5.47 3H16.9a.75.75 0 0 1 .65 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDownFill" aria-hidden="true"><path d="M10 16h-.1l-.1-.02a.8.8 0 0 1-.45-.34l-6.9-11.5-.04-.08-.01-.04L2.39 4a1 1 0 0 1-.04-.26V3.7q0-.14.06-.26l.01-.02.02-.04a1 1 0 0 1 .27-.27l.03-.02.05-.02.04-.02A1 1 0 0 1 3.1 3H17a.75.75 0 0 1 .54 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="v-visible-sr">downvote</span>
+                        </button>
+                    </div>
+                </div>
+
+                <form
+                    class="w100 js-feedback-form"
+                    name="feedback-width"
+                    method="POST"
+                    data-netlify="true"
+                    action="/success">
+                    <fieldset class="d-flex fd-column fl-grow1 g16">
+                        <legend class="fs-title fw-bold">How’d we do?</legend>
+                        <div class="fs-body2">Anonymously upvote, downvote, or send additional feedback below.</div>
+
+                        <textarea
+                            class="s-textarea hmn1"
+                            id="feedback-form"
+                            name="additional-feedback"
+                            placeholder="Tell us how we can improve this page…" required></textarea>
+
+                        <div class="d-flex ai-center fd-row-reverse g8 jc-space-between mln6 sm:d-grid sm:grid__1 sm:ml0">
+                            <button
+                                type="submit"
+                                class="s-btn as-start fl-shrink0">
+                                Send feedback
+                            </button>
+                            <div class="d-flex fw-wrap g8 sm:d-grid sm:grid__1">
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/edit/develop/packages/stacks-docs/./product/base/width.html"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    <svg aria-hidden="true" class="svg-icon iconPencilSm" width="14" height="14"  viewBox="0 0 14 14"><path fill="#F1B600" d="m2 10.12 6.37-6.43 1.88 1.88L3.88 12H2z"/><path fill="#E87C87" d="m11.1 1.71 1.13 1.12c.2.2.2.51 0 .71L11.1 4.7 9.21 2.86l1.17-1.15c.2-.2.51-.2.71 0"/></svg>
+                                    Edit
+                                </a>
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/issues/new/choose"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    File an issue
+                                </a>
+                            </div>
+                        </div>
+                    </fieldset>
+                </form>
+            </div> -->
+
+            <!-- <div class="ta-right">
+                <a href="https://www.netlify.com"><img src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg" alt="Deploys by Netlify" /></a>
+            </div> -->
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/activity-indicator.md b/packages/stacks-docs-next/src/docs/public/system/components/activity-indicator.md
new file mode 100644
index 0000000000..8df09d12b7
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/activity-indicator.md
@@ -0,0 +1,193 @@
+---
+title: "Activity indicator"
+description: "Stacks provides a small jewel for indicating new activity."
+svelte: "https://beta.svelte.stackoverflow.design/?path=/docs/components-activityindicator--docs"
+figma: "https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=610-18796"
+---
+
+<script lang="ts">
+    import { ActivityIndicator, Icon } from '@stackoverflow/stacks-svelte';
+    import { IconNotification } from '@stackoverflow/stacks-icons/icons';
+    import { IconShieldXSm } from '@stackoverflow/stacks-icons-legacy/icons';
+    import ClassTable from '$components/ClassTable.svelte';
+    import Example from '$components/Example.svelte';
+    import type { ClassTableRow } from '$components/ClassTable.svelte';
+
+    const classes: ClassTableRow[] = [
+        {
+            class: '.s-activity-indicator',
+            modifies: 'N/A',
+            description: 'Base activity indicator element with theme-aware coloring',
+        },
+        {
+            class: '.s-activity-indicator__success',
+            modifies: '.s-activity-indicator',
+            description: 'Applies success state styling',
+        },
+        {
+            class: '.s-activity-indicator__warning',
+            modifies: '.s-activity-indicator',
+            description: 'Applies warning state styling',
+        },
+        {
+            class: '.s-activity-indicator__danger',
+            modifies: '.s-activity-indicator',
+            description: 'Applies danger state styling',
+        },
+        {
+            class: '.s-activity-indicator__sm',
+            modifies: '.s-activity-indicator',
+            description: 'Renders the indicator at a smaller size',
+        },
+    ];
+</script>
+
+## Classes
+
+<ClassTable {classes} />
+
+## Examples
+
+### Default
+
+By default, our indicator has no positioning attached to it. Depending on your context, you can modify the activity indicator's positioning using any combination of atomic classes. Since our activity indicator has no inherent semantic meaning, make sure to include [visually-hidden, screenreader-only](/system/base/visibility) text with the `v-visible-sr` class.
+
+```html
+<div class="s-activity-indicator">
+    <div class="v-visible-sr">New activity</div>
+</div>
+
+<div class="s-activity-indicator">
+    …
+    <div class="v-visible-sr">…</div>
+</div>
+
+<div class="s-activity-indicator">
+    …
+    <div class="v-visible-sr">…</div>
+</div>
+
+<div class="s-activity-indicator">
+    …
+    <div class="v-visible-sr">…</div>
+</div>
+
+<div class="s-activity-indicator">
+    …
+</div>
+
+<a href="#" class="s-link s-link__muted">
+    <div class="s-avatar bg-red-400 ps-relative">
+        <div class="s-avatar--indicator s-activity-indicator s-activity-indicator__sm">
+            <div class="v-visible-sr">…</div>
+        </div>
+        <div class="s-avatar--letter">…</div>
+        @Svg.ShieldXSm.With("native s-avatar--badge")
+    </div>
+    <span class="pl4">…</span>
+</a>
+
+<div class="ps-relative">
+    @Svg.Notification
+
+    <div class="s-activity-indicator s-activity-indicator__sm ps-absolute tn4 rn4 ba baw2 bc-white box-content">
+        <div class="v-visible-sr">…</div>
+    </div>
+</div>
+
+<div class="ps-relative">
+    @Svg.Notification
+
+    <div class="ps-absolute ba baw2 bc-white bar-pill lh-xs tn8 rn8">
+        <div class="s-activity-indicator">
+            3 <div class="v-visible-sr">…</div>
+        </div>
+    </div>
+</div>
+```
+
+<Example>
+    <div class="d-flex g24 ai-center fw-wrap">
+        <ActivityIndicator label="New activity" />
+        <ActivityIndicator label="New activity" content={3} />
+        <ActivityIndicator label="New activity" content={12} />
+        <ActivityIndicator label="New activity" content={370} />
+        <ActivityIndicator label="New activity" content="new" />
+
+        <a href="#" class="s-link s-link__muted">
+            <div class="s-avatar bg-red-400 d:bg-red-200 ps-relative">
+                <ActivityIndicator label="New activity" size="sm" class="s-avatar--indicator" />
+                <div class="s-avatar--letter">G</div>
+                <Icon src={IconShieldXSm} class="native s-avatar--badge" />
+            </div>
+            <span class="pl4">Grayson</span>
+        </a>
+
+        <div class="fc-medium ps-relative">
+            <Icon src={IconNotification} />
+            <ActivityIndicator label="New activity" size="sm" class="ps-absolute tn4 rn4 ba baw2 bc-white box-content" />
+        </div>
+
+        <div class="fc-medium ps-relative">
+            <Icon src={IconNotification} />
+            <div class="ps-absolute ba baw2 bc-white bar-pill lh-xs tn8 rn8">
+                <ActivityIndicator label="New activity" content={3} />
+            </div>
+        </div>
+    </div>
+</Example>
+
+### Variations
+
+Stacks also provides alternative styling for success, warning, and danger states.
+
+```html
+<div class="s-activity-indicator s-activity-indicator__success">
+    <div class="v-visible-sr">New activity</div>
+</div>
+<div class="s-activity-indicator s-activity-indicator__warning">
+    <div class="v-visible-sr">New activity</div>
+</div>
+<div class="s-activity-indicator s-activity-indicator__danger">
+    <div class="v-visible-sr">New activity</div>
+</div>
+```
+
+<Example>
+    <div class="d-flex fd-column g24">
+        {#each [
+            { variant: 'success', bg: 'bg-blue-400 d:bg-blue-200' },
+            { variant: 'warning', bg: 'bg-yellow-400 d:bg-yellow-200' },
+            { variant: 'danger',  bg: 'bg-red-400 d:bg-red-200' },
+        ] as { variant, bg }}
+            <div class="d-flex g24 ai-center fw-wrap">
+                <ActivityIndicator label="New activity" {variant} />
+                <ActivityIndicator label="New activity" {variant} content={3} />
+                <ActivityIndicator label="New activity" {variant} content={12} />
+                <ActivityIndicator label="New activity" {variant} content={370} />
+                <ActivityIndicator label="New activity" {variant} content="new" />
+
+                <a href="#" class="s-link s-link__muted">
+                    <div class="s-avatar {bg} ps-relative">
+                        <ActivityIndicator label="New activity" {variant} size="sm" class="s-avatar--indicator" />
+                        <div class="s-avatar--letter">G</div>
+                        <Icon src={IconShieldXSm} class="native s-avatar--badge" />
+                    </div>
+                    <span class="pl4">Grayson</span>
+                </a>
+
+                <div class="fc-medium ps-relative">
+                    <Icon src={IconNotification} />
+                    <ActivityIndicator label="New activity" {variant} size="sm" class="ps-absolute tn4 rn4 ba baw2 bc-white box-content" />
+                </div>
+
+                <div class="fc-medium ps-relative">
+                    <Icon src={IconNotification} />
+                    <div class="ps-absolute ba baw2 bc-white bar-pill lh-xs tn8 rn8">
+                        <ActivityIndicator label="New activity" {variant} content={3} />
+                    </div>
+                </div>
+            </div>
+        {/each}
+    </div>
+</Example>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/avatars.md b/packages/stacks-docs-next/src/docs/public/system/components/avatars.md
new file mode 100644
index 0000000000..0412fbc0f8
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/avatars.md
@@ -0,0 +1,229 @@
+---
+title: "Avatars"
+description: "Avatars are used to quickly identify users or teams."
+svelte: "https://beta.svelte.stackoverflow.design/?path=/docs/components-avatar--docs"
+figma: "https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=610-18797&p=f&t=c9NSyJWdASb80eVC-0"
+---
+
+<script lang="ts">
+    import { Avatar, ActivityIndicator } from '@stackoverflow/stacks-svelte';
+    import ClassTable from '$components/ClassTable.svelte';
+    import Example from '$components/Example.svelte';
+    import type { ClassTableRow } from '$components/ClassTable.svelte';
+
+    const classes: ClassTableRow[] = [
+        { class: '.s-avatar',            parent: 'N/A',       modifies: 'N/A',       description: 'The base avatar at 16px.' },
+        { class: '.s-avatar--image',     parent: '.s-avatar', modifies: 'N/A',       description: 'A child element for displaying a user\'s profile image.' },
+        { class: '.s-avatar--letter',    parent: '.s-avatar', modifies: 'N/A',       description: 'A child element for displaying an abbreviated Team name.' },
+        { class: '.s-avatar--badge',     parent: '.s-avatar', modifies: 'N/A',       description: 'A child element that provides positioning to the shield on Team avatars.' },
+        { class: '.s-avatar--indicator', parent: '.s-avatar', modifies: 'N/A',       description: 'A child element that provides positioning to the activity indicator on user\'s avatars.' },
+        { class: '.s-avatar__24',        parent: 'N/A',       modifies: '.s-avatar', description: 'Adds the proper border radius and scaling at 24px.' },
+        { class: '.s-avatar__32',        parent: 'N/A',       modifies: '.s-avatar', description: 'Adds the proper border radius and scaling at 32px.' },
+        { class: '.s-avatar__48',        parent: 'N/A',       modifies: '.s-avatar', description: 'Adds the proper border radius and scaling at 48px.' },
+        { class: '.s-avatar__64',        parent: 'N/A',       modifies: '.s-avatar', description: 'Adds the proper border radius and scaling at 64px.' },
+        { class: '.s-avatar__96',        parent: 'N/A',       modifies: '.s-avatar', description: 'Adds the proper border radius and scaling at 96px.' },
+        { class: '.s-avatar__128',       parent: 'N/A',       modifies: '.s-avatar', description: 'Adds the proper border radius and scaling at 128px.' },
+    ];
+
+    const sizes = [16, 24, 32, 48, 64, 96, 128] as const;
+</script>
+
+## Classes
+
+<ClassTable {classes} expandable />
+
+## Examples
+
+### Users
+
+Including an image with the class `s-avatar--image` within `s-avatar` will apply the correct size. Remember, you'll want to double the size of the avatar image to account for retina screens.
+
+```html
+<a href="…" class="s-avatar">
+    <img class="s-avatar--image" src="https://picsum.photos/32" />
+</a>
+
+<a href="…" class="s-avatar s-avatar__24">
+    <img class="s-avatar--image" src="https://picsum.photos/48" />
+</a>
+
+<a href="…" class="s-avatar s-avatar__32">
+    <img class="s-avatar--image" src="https://picsum.photos/64" />
+</a>
+
+<a href="…" class="s-avatar s-avatar__48">
+    <img class="s-avatar--image" src="https://picsum.photos/96" />
+</a>
+
+<a href="…" class="s-avatar s-avatar__64">
+    <img class="s-avatar--image" src="https://picsum.photos/128" />
+</a>
+
+<a href="…" class="s-avatar s-avatar__96">
+    <img class="s-avatar--image" src="https://picsum.photos/192" />
+</a>
+
+<a href="…" class="s-avatar s-avatar__128">
+    <img class="s-avatar--image" src="https://picsum.photos/256" />
+</a>
+```
+
+<Example>
+    <table class="s-table s-table__b0 s-table__sm">
+            <thead>
+                <tr>
+                    <th scope="col">Size</th>
+                    <th scope="col">Class</th>
+                    <th scope="col">Example</th>
+                </tr>
+            </thead>
+            <tbody>
+                {#each sizes as size}
+                    <tr>
+                        <td><code>{size}px</code></td>
+                        <td><code>.s-avatar{size > 16 ? `__${size}` : ''}</code></td>
+                        <td>
+                            <Avatar
+                                name="Example user"
+                                src="https://picsum.photos/{size * 2}"
+                                {size}
+                                href="#"
+                            />
+                        </td>
+                    </tr>
+                {/each}
+            </tbody>
+    </table>
+</Example>
+
+### Activity
+
+Avatars can display activity indicators to show activities or status changes. Add the `s-avatar--indicator` class to a child element of `s-avatar` along with `s-activity-indicator` and `s-activity-indicator__sm` classes. The indicator is positioned at the top-right corner of the avatar.
+
+```html
+<a href="…" class="s-avatar">
+    <div class="s-avatar--indicator s-activity-indicator s-activity-indicator__sm s-activity-indicator__success">
+        <div class="v-visible-sr">Online</div>
+    </div>
+    <img class="s-avatar--image" src="https://picsum.photos/32" />
+</a>
+
+<a href="…" class="s-avatar s-avatar__24">
+    <div class="s-avatar--indicator s-activity-indicator s-activity-indicator__sm s-activity-indicator__success">
+        <div class="v-visible-sr">Online</div>
+    </div>
+    <img class="s-avatar--image" src="https://picsum.photos/48" />
+</a>
+```
+
+<Example>
+    <table class="s-table s-table__b0 s-table__sm">
+            <thead>
+                <tr>
+                    <th scope="col">Size</th>
+                    <th scope="col">Class</th>
+                    <th scope="col">Example</th>
+                </tr>
+            </thead>
+            <tbody>
+                {#each [16, 24] as size}
+                    <tr>
+                        <td><code>{size}px</code></td>
+                        <td><code>.s-avatar{size > 16 ? `__${size}` : ''}</code></td>
+                        <td>
+                            <Avatar
+                                name="Example user"
+                                src="https://picsum.photos/{size * 2}"
+                                status="online"
+                                {size}
+                                href="#"
+                            />
+                        </td>
+                    </tr>
+                {/each}
+            </tbody>
+    </table>
+</Example>
+
+### Stack Internal
+
+When displaying a team's identity, we badge the avatar with a shield. We fall back to the first letter of their name and a color we choose at random. As Stack Internal administrators add more data—choosing a color or uploading an avatar—we progressively enhance the avatar.
+
+In this example, from left to right, we have a team name of Hum with no avatar or custom color. In the middle we have a team name of Hum with a custom color. In the last example, we have a team name of Hum with a custom avatar applied.
+
+```html
+<a href="…" class="s-link s-link__muted">
+    <div class="s-avatar">
+        <div class="s-avatar--letter" aria-hidden="true">H</div>
+        @Svg.ShieldXSm.With("native s-avatar--badge")
+    </div>
+    <span class="pl4">Team name</span>
+</a>
+
+<a href="…" class="s-avatar s-avatar__24">
+    <div class="s-avatar--letter" aria-hidden="true">H</div>
+    <span class="v-visible-sr">Hum</span>
+    @Svg.ShieldXSm.With("native s-avatar--badge")
+</a>
+
+<a href="…" class="s-avatar s-avatar__32">
+    <div class="s-avatar--letter" aria-hidden="true">H</div>
+    <span class="v-visible-sr">Hum</span>
+    @Svg.ShieldXSm.With("native s-avatar--badge")
+</a>
+
+<a href="…" class="s-avatar s-avatar__48">
+    <div class="s-avatar--letter" aria-hidden="true">H</div>
+    <span class="v-visible-sr">Hum</span>
+    @Svg.ShieldXSm.With("native s-avatar--badge")
+</a>
+
+<a href="…" class="s-avatar s-avatar__64">
+    <div class="s-avatar--letter" aria-hidden="true">H</div>
+    <span class="v-visible-sr">Hum</span>
+    @Svg.ShieldXSm.With("native s-avatar--badge")
+</a>
+
+<a href="…" class="s-avatar s-avatar__96">
+    <div class="s-avatar--letter" aria-hidden="true">H</div>
+    <span class="v-visible-sr">Hum</span>
+    @Svg.ShieldXSm.With("native s-avatar--badge")
+</a>
+
+<a href="…" class="s-avatar s-avatar__128">
+    <div class="s-avatar--letter" aria-hidden="true">H</div>
+    <span class="v-visible-sr">Hum</span>
+    @Svg.ShieldXSm.With("native s-avatar--badge")
+</a>
+```
+
+<Example>
+    <table class="s-table s-table__b0 s-table__sm">
+            <thead>
+                <tr>
+                    <th scope="col">Size</th>
+                    <th scope="col">Class</th>
+                    <th scope="col">Custom color</th>
+                    <th scope="col">Brand color</th>
+                    <th scope="col">Custom avatar</th>
+                </tr>
+            </thead>
+            <tbody>
+                {#each sizes as size}
+                    <tr>
+                        <td><code>{size}px</code></td>
+                        <td><code>.s-avatar{size > 16 ? `__${size}` : ''}</code></td>
+                        <td>
+                            <Avatar name="Hum" letter="H" badge {size} href="#" class="bg-blue-400" />
+                        </td>
+                        <td>
+                            <Avatar name="Hum" letter="H" badge {size} href="#" class="bg-theme-primary" />
+                        </td>
+                        <td>
+                            <Avatar name="Hum" src="/legacy/assets/img/team-avatar.png" badge {size} href="#" />
+                        </td>
+                    </tr>
+                {/each}
+            </tbody>
+    </table>
+</Example>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/badges.md b/packages/stacks-docs-next/src/docs/public/system/components/badges.md
new file mode 100644
index 0000000000..6327511ce3
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/badges.md
@@ -0,0 +1,366 @@
+---
+title: "Badges"
+description: "Badges are labels used for flags, earned achievements, and number totals."
+svelte: "https://beta.svelte.stackoverflow.design/?path=/docs/components-badge--docs"
+figma: "https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=610-18799&p=f&m=dev"
+---
+
+<script lang="ts">
+    import { Badge } from '@stackoverflow/stacks-svelte';
+    import {
+        IconDocument, IconCompose, IconEye, IconFlag,
+        IconChallenge, IconKey, IconCheck, IconStar,
+        IconNotification, IconVoteUp,
+    } from '@stackoverflow/stacks-icons/icons';
+    import ClassTable from '$components/ClassTable.svelte';
+    import ExampleTable from '$components/ExampleTable.svelte';
+    import Example from '$components/Example.svelte';
+    import type { ClassTableRow } from '$components/ClassTable.svelte';
+    import type { ExampleTableRow } from '$components/ExampleTable.svelte';
+
+    const classes: ClassTableRow[] = [
+        { class: '.s-badge',            modifies: 'N/A',      description: 'Base badge element.' },
+        { class: '.s-badge__gold',      modifies: '.s-badge', description: 'Badge indicating a gold award.' },
+        { class: '.s-badge__silver',    modifies: '.s-badge', description: 'Badge indicating a silver award.' },
+        { class: '.s-badge__bronze',    modifies: '.s-badge', description: 'Badge indicating a bronze award.' },
+        { class: '.s-badge__important', modifies: '.s-badge', description: 'Applies important styling to the badge.' },
+        { class: '.s-badge__squared',   modifies: '.s-badge', description: 'Applies a background color to the badge\'s icon.' },
+        { class: '.s-badge__info',      modifies: '.s-badge', description: 'Badge indicating an info status.' },
+        { class: '.s-badge__warning',   modifies: '.s-badge', description: 'Badge indicating a warning status.' },
+        { class: '.s-badge__danger',    modifies: '.s-badge', description: 'Badge indicating a danger status.' },
+        { class: '.s-badge__critical',  modifies: '.s-badge', description: 'Badge indicating a critical status.' },
+        { class: '.s-badge__tonal',     modifies: '.s-badge', description: 'Badge indicating a tonal status.' },
+        { class: '.s-badge__success',   modifies: '.s-badge', description: 'Badge indicating a success status.' },
+        { class: '.s-badge__featured',  modifies: '.s-badge', description: 'Badge indicating a featured status.' },
+        { class: '.s-badge__sm',        modifies: '.s-badge', description: 'Applies a small size to the badge.' },
+        { class: '.s-badge__lg',        modifies: '.s-badge', description: 'Applies a large size to the badge.' },
+    ];
+
+    const achievementRows: ExampleTableRow[] = [
+        { classes: [], award: 'gold',   text: 'Great Question',    description: 'Gold badge achievement that a user earns within a community.' },
+        { classes: [], award: 'silver', text: 'Favorite Question', description: 'Silver badge achievement that a user earns within a community.' },
+        { classes: [], award: 'bronze', text: 'Altruist',          description: 'Bronze badge achievement that a user earns within a community.' },
+    ];
+
+    const tagRows: ExampleTableRow[] = [
+        { classes: ['.s-badge__gold'],   award: 'gold',   text: 'python',     description: 'Gold badge achievement that a user earns for a specific tag within a community.' },
+        { classes: ['.s-badge__silver'], award: 'silver', text: 'css',        description: 'Silver badge achievement that a user earns for a specific tag within a community.' },
+        { classes: ['.s-badge__bronze'], award: 'bronze', text: 'javascript', description: 'Bronze badge achievement that a user earns for a specific tag within a community.' },
+    ];
+
+    const statesRows: ExampleTableRow[] = [
+        { classes: ['N/A'],              state: undefined,    icon: IconDocument, label: 'Archived', description: "Neutral badge styling. Can be used to indicate an inactive state that requires minimal visual emphasis." },
+        { classes: ['.s-badge__info'],    state: 'info',      icon: IconCompose,  label: 'Draft',    description: 'Info badge styling.' },
+        { classes: ['.s-badge__warning'], state: 'warning',   icon: IconEye,      label: 'Review',   description: 'Warning badge styling.' },
+        { classes: ['.s-badge__danger'],  state: 'danger',    icon: IconFlag,     label: 'Closed',   description: 'Danger badge styling.' },
+        { classes: ['.s-badge__critical'],state: 'critical',  icon: IconChallenge,label: 'Deleted',  description: 'Critical badge styling.' },
+        { classes: ['.s-badge__tonal'],   state: 'tonal',     icon: IconKey,      label: 'Pinned',   description: 'Tonal badge styling.' },
+        { classes: ['.s-badge__success'], state: 'success',   icon: IconCheck,    label: 'Success',  description: 'Success badge styling.' },
+        { classes: ['.s-badge__featured'],state: 'featured',  icon: IconStar,     label: 'New',      description: 'Featured badge styling. Can be used to draw attention to the new features and changes.' },
+    ];
+
+    const squaredRows: ExampleTableRow[] = [
+        { classes: ['.s-badge__squared', '.s-badge__success'], state: 'success', icon: IconCheck,  label: 'Accepted answer', description: 'Success badge styling in squared variant.' },
+        { classes: ['.s-badge__squared', '.s-badge__featured'],state: 'featured',icon: IconVoteUp, label: 'Earn badge',      description: 'Featured badge styling in squared variant.' },
+    ];
+
+    const importantRows: ExampleTableRow[] = [
+        { classes: ['.s-badge__warning', '.s-badge__squared', '.s-badge__important'], state: 'warning',  squared: true,  icon: IconNotification, label: 'Needs attention', description: 'Warning badge styling in squared variant with important styling.' },
+        { classes: ['.s-badge__danger',  '.s-badge__important'],                      state: 'danger',   squared: false, icon: IconVoteUp,       label: 'Ending soon',     description: 'Danger badge styling with important styling.' },
+        { classes: ['.s-badge__critical','.s-badge__important'],                      state: 'critical', squared: false, icon: undefined,        label: 'Spam',            description: 'Critical badge styling with important styling.' },
+        { classes: ['.s-badge__info',    '.s-badge__important'],                      state: 'info',     squared: false, icon: undefined,        label: '+100',            description: 'Info badge styling in small size with important styling.', size: 'sm' },
+    ];
+
+    const userRows: ExampleTableRow[] = [
+        { classes: ['.s-badge__admin'],     userType: 'admin',     label: 'Admin',     description: 'Badge indicating user is an admin.' },
+        { classes: ['.s-badge__moderator'], userType: 'moderator', label: 'Moderator', description: 'Badge indicating user is an moderator.' },
+        { classes: ['.s-badge__staff'],     userType: 'staff',     label: 'Staff',     description: 'Badge indicating user is staff.' },
+        { classes: ['.s-badge__ai'],        userType: 'ai',        label: 'AI',        description: 'Badge indicating content is AI generated.' },
+        { classes: ['.s-badge__bot'],       userType: 'bot',       label: 'Bot',       description: 'Badge indicating user is a bot.' },
+        { classes: ['.s-badge__new'],       userType: 'new',       label: 'New',       description: 'Badge indicating new user.' },
+    ];
+
+    const sizesRows: ExampleTableRow[] = [
+        { classes: ['.s-badge__sm'], size: 'sm',      label: 'Small',   description: 'The badge in small size.' },
+        { classes: ['N/A'],          size: undefined, label: 'Default', description: 'The badge in default size.' },
+        { classes: ['.s-badge__lg'], size: 'lg',      label: 'Large',   description: 'The badge in large size.' },
+    ];
+</script>
+
+## Classes
+
+<ClassTable {classes} expandable />
+
+## Styles
+
+### Default
+
+```html
+<span class="s-badge">
+    default
+</span>
+```
+
+<Example>
+    <Badge text="default" />
+</Example>
+
+### General
+
+A general-purpose badge used for functional information and system-level status updates.
+
+```html
+<span class="s-badge">
+    <span class="s-bling s-bling__filled">
+        <span class="v-visible-sr">Badge</span>
+    </span>
+    general
+</span>
+```
+
+<Example>
+    <Badge text="general" type="general" label="Badge" />
+</Example>
+
+### Reputation
+
+A reputation badge to display a user's total rep count.
+
+```html
+<span class="s-badge">
+    <span class="s-bling s-bling__filled s-bling__rep">
+        <span class="v-visible-sr">Rep badge</span>
+    </span>
+    99 rep
+</span>
+```
+
+<Example>
+    <Badge text="99 rep" type="reputation" label="Rep badge" />
+</Example>
+
+### Activity
+
+An activity badge to signal real-time events and draw attention.
+
+```html
+<span class="s-badge">
+    <span class="s-bling s-bling__filled s-bling__activity">
+        <span class="v-visible-sr">Activity badge</span>
+    </span>
+    new message
+</span>
+```
+
+<Example>
+    <Badge text="new message" type="activity" label="Activity badge" />
+</Example>
+
+### Achievement
+
+Badges that provide information about user achievements.
+
+```html
+<span class="s-badge">
+    <span class="s-bling s-bling__filled s-bling__gold">
+        <span class="v-visible-sr">Gold badge</span>
+    </span>
+    Great Question
+</span>
+<span class="s-badge">
+    <span class="s-bling s-bling__filled s-bling__silver">
+        <span class="v-visible-sr">Silver badge</span>
+    </span>
+    Favorite Question
+</span>
+<span class="s-badge">
+    <span class="s-bling s-bling__filled s-bling__bronze">
+        <span class="v-visible-sr">Bronze badge</span>
+    </span>
+    Altruist
+</span>
+```
+
+<Example>
+    <ExampleTable rows={achievementRows} showClasses={false}>
+        {#snippet example(row)}
+            <Badge text={row.text} type="achievement" award={row.award} label="{row.award} badge" />
+        {/snippet}
+    </ExampleTable>
+</Example>
+
+### Tag
+
+Badges that display achievements a user has earned for their contributions within a specific topic/tag.
+
+```html
+<span class="s-badge s-badge__gold">
+    <span class="s-bling s-bling__gold">
+        <span class="v-visible-sr">Gold tag badge</span>
+    </span>
+    python
+</span>
+<span class="s-badge s-badge__silver">
+    <span class="s-bling s-bling__silver">
+        <span class="v-visible-sr">Silver tag badge</span>
+    </span>
+    css
+</span>
+<span class="s-badge s-badge__bronze">
+    <span class="s-bling s-bling__bronze">
+        <span class="v-visible-sr">Bronze tag badge</span>
+    </span>
+    javascript
+</span>
+```
+
+<Example>
+    <ExampleTable rows={tagRows} columnLabel="Modifier class">
+        {#snippet example(row)}
+            <Badge text={row.text} type="tag" award={row.award} label="{row.award} tag badge" />
+        {/snippet}
+    </ExampleTable>
+</Example>
+
+### States
+
+Use State badges to communicate semantic status or severity, such as success, warning, or danger. These variants apply specific system colors to convey meaning and can be configured with or without icons.
+
+```html
+<span class="s-badge">
+    @Svg.Document
+    Archived
+</span>
+<span class="s-badge s-badge__info">
+    @Svg.Compose
+    Draft
+</span>
+<span class="s-badge s-badge__warning">
+    @Svg.Eye
+    Review
+</span>
+<span class="s-badge s-badge__danger">
+    @Svg.Flag
+    Closed
+</span>
+<span class="s-badge s-badge__critical">
+    @Svg.Challenge
+    Deleted
+</span>
+<span class="s-badge s-badge__tonal">
+    @Svg.Key
+    Pinned
+</span>
+<span class="s-badge s-badge__success">
+    @Svg.Check
+    Success
+</span>
+<span class="s-badge s-badge__featured">
+    @Svg.Star
+    New
+</span>
+```
+
+<Example>
+    <ExampleTable rows={statesRows} columnLabel="Modifier class">
+        {#snippet example(row)}
+            <Badge text={row.label} type="state" state={row.state} icon={row.icon} />
+        {/snippet}
+    </ExampleTable>
+</Example>
+
+### Squared
+
+Use the squared variant sparingly to provide additional emphasis, reserving it primarily for states related to gamification or achievements.
+
+```html
+<span class="s-badge s-badge__squared s-badge__success">
+    @Svg.Check
+    Accepted answer
+</span>
+<span class="s-badge s-badge__squared s-badge__featured">
+    @Svg.VoteUp
+    Earn badge
+</span>
+```
+
+<Example>
+    <ExampleTable rows={squaredRows} columnLabel="Modifier classes">
+        {#snippet example(row)}
+            <Badge text={row.label} type="state" state={row.state} squared icon={row.icon} />
+        {/snippet}
+    </ExampleTable>
+</Example>
+
+### Important
+
+Emboldens the above visual styles by strengthening the background saturation. This should be used for time-sensitive, pressing information that needs to be noticed by the user.
+
+```html
+<span class="s-badge s-badge__warning s-badge__squared s-badge__important">
+    @Svg.Notification
+    Needs attention
+</span>
+<span class="s-badge s-badge__danger s-badge__important">
+    @Svg.VoteUp
+    Ending soon
+</span>
+<span class="s-badge s-badge__critical s-badge__important">
+    Spam
+</span>
+<span class="s-badge s-badge__info s-badge__sm s-badge__important">
+    +100
+</span>
+```
+
+<Example>
+    <ExampleTable rows={importantRows} columnLabel="Modifier classes">
+        {#snippet example(row)}
+            <Badge text={row.label} type="state" state={row.state} important
+                squared={row.squared} icon={row.icon} size={row.size} />
+        {/snippet}
+    </ExampleTable>
+</Example>
+
+### User
+
+```html
+<span class="s-badge s-badge__admin">Admin</span>
+<span class="s-badge s-badge__moderator">Moderator</span>
+<span class="s-badge s-badge__staff">Staff</span>
+<span class="s-badge s-badge__bot">Bot</span>
+<span class="s-badge s-badge__ai">AI</span>
+<span class="s-badge s-badge__new">New</span>
+```
+
+<Example>
+    <ExampleTable rows={userRows} columnLabel="Class">
+        {#snippet example(row)}
+            <Badge text={row.label} type="user" userType={row.userType} />
+        {/snippet}
+    </ExampleTable>
+</Example>
+
+### Sizes
+
+Badges come in three sizes.
+
+```html
+<span class="s-badge s-badge__sm">
+    Small
+</span>
+<span class="s-badge">
+    Default
+</span>
+<span class="s-badge s-badge__lg">
+    Large
+</span>
+```
+
+<Example>
+    <ExampleTable rows={sizesRows} columnLabel="Modifier class">
+        {#snippet example(row)}
+            <Badge text={row.label} size={row.size} />
+        {/snippet}
+    </ExampleTable>
+</Example>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/banners.md b/packages/stacks-docs-next/src/docs/public/system/components/banners.md
new file mode 100644
index 0000000000..b6919c6240
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/banners.md
@@ -0,0 +1,197 @@
+---
+title: "Banners"
+description: "Banners are full-width notices used for system and engagement messaging. They are highly intrusive and should be used only when essential information needs to be conveyed to the user."
+figma: "https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=5982-7648&m=dev"
+---
+
+<script lang="ts">
+    import ClassTable from '$components/ClassTable.svelte';
+    import Example from '$components/Example.svelte';
+    import BannerExample from '$components/BannerExample.svelte';
+    import BannerDemo from '$components/BannerDemo.svelte';
+    import type { ClassTableRow } from '$components/ClassTable.svelte';
+
+    const attributes: ClassTableRow[] = [
+        { class: 'data-controller="s-banner"',             parent: 'Controller element', description: 'Wires up the element to the banner controller. This may be a `.s-banner` element or a wrapper element.' },
+        { class: 'data-s-banner-target="banner"',          parent: '.s-banner element',  description: 'Wires up the element that is to be shown/hidden.' },
+        { class: 'data-s-banner-remove-when-hidden="true"',parent: 'Controller element', description: '(optional) Removes the banner from the DOM entirely when it is hidden.' },
+    ];
+
+    const events: ClassTableRow[] = [
+        { class: 's-banner:show',   parent: 'Banner target', description: 'Fires immediately before showing the banner. Calling `.preventDefault()` cancels the display of the banner.' },
+        { class: 's-banner:shown',  parent: 'Banner target', description: 'Fires after the banner has been visually shown.' },
+        { class: 's-banner:hide',   parent: 'Banner target', description: 'Fires immediately before hiding the banner. Calling `.preventDefault()` cancels the removal of the banner.' },
+        { class: 's-banner:hidden', parent: 'Banner target', description: 'Fires after the banner has been visually hidden.' },
+    ];
+
+    const eventDetails: ClassTableRow[] = [
+        { class: 'dispatcher', parent: 'N/A', description: 'Contains the `Element` that initiated the event. For instance, the button clicked to show, the element clicked outside the banner that caused it to hide, etc.' },
+    ];
+
+    const helpers: ClassTableRow[] = [
+        { class: 'Stacks.showBanner', parent: 'Controller element', description: 'Helper to manually show an s-banner element via external JS.' },
+        { class: 'Stacks.hideBanner', parent: 'Controller element', description: 'Helper to manually hide an s-banner element via external JS.' },
+    ];
+
+    const classes: ClassTableRow[] = [
+        { class: '.s-banner',              parent: 'N/A',        modifies: 'N/A',        description: 'Base banner element.' },
+        { class: '.s-banner--actions',     parent: '.s-banner',  modifies: 'N/A',        description: 'Container styling for banner actions including the dismiss button.' },
+        { class: '.s-banner--dismiss',     parent: '.s-banner',  modifies: 'N/A',        description: 'Applies to child button element within the banner to position it appropriately.' },
+        { class: '.s-banner__important',   parent: 'N/A',        modifies: '.s-banner',  description: 'Applies an important visual style. This should be used for time-sensitive, pressing information that needs to be noticed by the user.' },
+        { class: '.s-banner__info',        parent: 'N/A',        modifies: '.s-banner',  description: 'Applies info (blue) visual styles.' },
+        { class: '.s-banner__success',     parent: 'N/A',        modifies: '.s-banner',  description: 'Applies success (green) visual styles.' },
+        { class: '.s-banner__warning',     parent: 'N/A',        modifies: '.s-banner',  description: 'Applies warning (yellow) visual styles.' },
+        { class: '.s-banner__danger',      parent: 'N/A',        modifies: '.s-banner',  description: 'Applies danger (red) visual styles.' },
+        { class: '.s-banner__featured',    parent: 'N/A',        modifies: '.s-banner',  description: 'Applies featured (purple) visual styles.' },
+        { class: '.s-banner__activity',    parent: 'N/A',        modifies: '.s-banner',  description: 'Applies activity (pink) visual styles.' },
+        { class: '.is-pinned',             parent: 'N/A',        modifies: '.s-banner',  description: 'Pins the banner to the top of the browser window.' },
+    ];
+</script>
+
+## Classes
+
+<ClassTable {classes} expandable />
+
+## Usage guidelines
+
+System banners are used for **system** messaging. They are full-width notices placed in one of two locations:
+
+- **Pinned to the top of the browser window** — Use when the banner relates to the entire website (e.g. the site is in read-only mode). Add `.is-pinned` to pin the banner above all other content including the topbar.
+- **Below the top navigation bar** — The default placement. Use when the banner affects only a particular area of the product (e.g. a subscription is about to expire).
+
+Refer to the [Classes section](#classes) for more information on how to apply the correct styles.
+
+## Examples
+
+<BannerDemo />
+
+### Base
+
+```html
+<div class="s-banner" role="alert" aria-hidden="false">…</div>
+<div class="s-banner s-banner__important" role="alert" aria-hidden="false">…</div>
+```
+
+<Example>
+    <BannerExample />
+    <BannerExample important class="mt8" />
+</Example>
+
+### Info
+
+```html
+<div class="s-banner s-banner__info" role="alert" aria-hidden="false">…</div>
+<div class="s-banner s-banner__info s-banner__important" role="alert" aria-hidden="false">…</div>
+```
+
+<Example>
+    <BannerExample variant="info" />
+    <BannerExample variant="info" important class="mt8" />
+</Example>
+
+### Success
+
+```html
+<div class="s-banner s-banner__success" role="alert" aria-hidden="false">…</div>
+<div class="s-banner s-banner__success s-banner__important" role="alert" aria-hidden="false">…</div>
+```
+
+<Example>
+    <BannerExample variant="success" />
+    <BannerExample variant="success" important class="mt8" />
+</Example>
+
+### Warning
+
+```html
+<div class="s-banner s-banner__warning" role="alert" aria-hidden="false">…</div>
+<div class="s-banner s-banner__warning s-banner__important" role="alert" aria-hidden="false">…</div>
+```
+
+<Example>
+    <BannerExample variant="warning" />
+    <BannerExample variant="warning" important class="mt8" />
+</Example>
+
+### Danger
+
+```html
+<div class="s-banner s-banner__danger" role="alert" aria-hidden="false">…</div>
+<div class="s-banner s-banner__danger s-banner__important" role="alert" aria-hidden="false">…</div>
+```
+
+<Example>
+    <BannerExample variant="danger" />
+    <BannerExample variant="danger" important class="mt8" />
+</Example>
+
+### Featured
+
+```html
+<div class="s-banner s-banner__featured" role="alert" aria-hidden="false">…</div>
+<div class="s-banner s-banner__featured s-banner__important" role="alert" aria-hidden="false">…</div>
+```
+
+<Example>
+    <BannerExample variant="featured" />
+    <BannerExample variant="featured" important class="mt8" />
+</Example>
+
+### Activity
+
+```html
+<div class="s-banner s-banner__activity" role="alert" aria-hidden="false">…</div>
+<div class="s-banner s-banner__activity s-banner__important" role="alert" aria-hidden="false">…</div>
+```
+
+<Example>
+    <BannerExample variant="activity" />
+    <BannerExample variant="activity" important class="mt8" />
+</Example>
+
+## JavaScript
+
+The `.s-banner` component includes a controller to show and hide the banner programitically. While it is optional, at least including the functionality to close the banner is recommended.
+
+### Example
+
+```html
+<div
+    role="alert"
+    id="example-banner"
+    class="s-banner"
+    aria-labelledby="example-message"
+    aria-hidden="true"
+    data-controller="s-banner"
+    data-s-banner-target="banner">
+    Example banner
+</div>
+…
+<button
+    data-toggle="s-banner"
+    data-target="#example-banner">
+    Show banner
+</button>
+```
+
+```javascript
+document.querySelector(".js-banner-toggle").addEventListener("click", function(e) {
+    Stacks.showBanner(document.querySelector("#example-banner"));
+});
+```
+
+### Attributes
+
+<ClassTable classes={attributes} headings={{ class: 'Attribute', parent: 'Applies to' }} />
+
+### Events
+
+<ClassTable classes={events} headings={{ class: 'Event', parent: 'Applies to' }} />
+
+### Event details
+
+<ClassTable classes={eventDetails} headings={{ class: 'event.detail', parent: 'Applicable events' }} />
+
+### Helpers
+
+<ClassTable classes={helpers} headings={{ class: 'Function', parent: 'Applies to' }} />
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/bling.md b/packages/stacks-docs-next/src/docs/public/system/components/bling.md
new file mode 100644
index 0000000000..488f575af6
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/bling.md
@@ -0,0 +1,119 @@
+---
+title: "Bling"
+description: "Bling is used to indicate award type in badges and user cards."
+svelte: "https://beta.svelte.stackoverflow.design/?path=/docs/components-bling--docs"
+figma: "https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=610-18798"
+---
+
+<script lang="ts">
+    import { Bling } from '@stackoverflow/stacks-svelte';
+    import ClassTable from '$components/ClassTable.svelte';
+    import ExampleTable from '$components/ExampleTable.svelte';
+    import Example from '$components/Example.svelte';
+    import type { ClassTableRow } from '$components/ClassTable.svelte';
+    import type { ExampleTableRow } from '$components/ExampleTable.svelte';
+
+    const classes: ClassTableRow[] = [
+        { class: '.s-bling',           modifies: 'N/A',      description: 'Base bling element.' },
+        { class: '.s-bling__gold',     modifies: '.s-bling', description: 'Gold bling element.' },
+        { class: '.s-bling__silver',   modifies: '.s-bling', description: 'Silver bling element.' },
+        { class: '.s-bling__bronze',   modifies: '.s-bling', description: 'Bronze bling element.' },
+        { class: '.s-bling__activity', modifies: '.s-bling', description: 'Activity bling element.' },
+        { class: '.s-bling__filled',   modifies: '.s-bling', description: 'Filled bling element.' },
+        { class: '.s-bling__rep',      modifies: '.s-bling', description: 'Reputation bling element.' },
+        { class: '.s-bling__sm',       modifies: '.s-bling', description: 'Small bling element.' },
+        { class: '.s-bling__lg',       modifies: '.s-bling', description: 'Large bling element.' },
+    ];
+
+    const types: ExampleTableRow[] = [
+        { type: undefined, classes: ['.s-bling'],                           description: 'A general bling shape used for reputation, notifications or other.' },
+        { type: 'gold',    classes: ['.s-bling', '.s-bling__gold'],         description: 'The "gold" award bling shape.' },
+        { type: 'silver',  classes: ['.s-bling', '.s-bling__silver'],       description: 'The "silver" award bling shape.' },
+        { type: 'bronze',  classes: ['.s-bling', '.s-bling__bronze'],       description: 'The "bronze" award bling shape.' },
+    ];
+
+    const filled: ExampleTableRow[] = [
+        { type: undefined,  classes: ['.s-bling', '.s-bling__filled'],                       description: 'A general bling used for information, status, labels or other.' },
+        { type: 'rep',      classes: ['.s-bling', '.s-bling__filled', '.s-bling__rep'],      description: 'A "rep" bling used for general reputation points.' },
+        { type: 'activity', classes: ['.s-bling', '.s-bling__filled', '.s-bling__activity'], description: 'An activity bling to signal real-time events and draw attention.' },
+        { type: 'gold',     classes: ['.s-bling', '.s-bling__filled', '.s-bling__gold'],     description: 'A "gold" award bling.' },
+        { type: 'silver',   classes: ['.s-bling', '.s-bling__filled', '.s-bling__silver'],   description: 'A "silver" award bling.' },
+        { type: 'bronze',   classes: ['.s-bling', '.s-bling__filled', '.s-bling__bronze'],   description: 'A "bronze" award bling.' },
+    ];
+
+    const sizes: ExampleTableRow[] = [
+        { size: 'sm',      classes: ['.s-bling', '.s-bling__filled', '.s-bling__sm'], description: 'A "sm" bling.' },
+        { size: undefined, classes: ['.s-bling', '.s-bling__filled'],                 description: 'A "default" bling.' },
+        { size: 'lg',      classes: ['.s-bling', '.s-bling__filled', '.s-bling__lg'], description: 'A "lg" bling.' },
+    ];
+</script>
+
+## Classes
+
+<ClassTable {classes} expandable />
+
+## Types
+
+Use the clear bling variant only when its associated color is already present in the component, such as within a colored tag badge or alongside a filled element.
+
+```html
+<span class="s-bling">
+    <span class="v-visible-sr">…</span>
+</span>
+<span class="s-bling s-bling__gold">
+    <span class="v-visible-sr">…</span>
+</span>
+<span class="s-bling s-bling__silver">
+    <span class="v-visible-sr">…</span>
+</span>
+<span class="s-bling s-bling__bronze">
+    <span class="v-visible-sr">…</span>
+</span>
+```
+
+<Example>
+    <ExampleTable rows={types}>
+        {#snippet example(row)}
+            <Bling name="{row.type ?? 'default'} bling" type={row.type} />
+        {/snippet}
+    </ExampleTable>
+</Example>
+
+## Filled
+
+Use the filled bling style to represent a specific achievement badge or to display the total count of badges a user has earned.
+
+```html
+<span class="s-bling s-bling__filled">…</span>
+<span class="s-bling s-bling__filled s-bling__rep">…</span>
+<span class="s-bling s-bling__filled s-bling__activity">…</span>
+<span class="s-bling s-bling__filled s-bling__gold">…</span>
+<span class="s-bling s-bling__filled s-bling__silver">…</span>
+<span class="s-bling s-bling__filled s-bling__bronze">…</span>
+```
+
+<Example>
+    <ExampleTable rows={filled}>
+        {#snippet example(row)}
+            <Bling name="{row.type ?? 'default'} bling" type={row.type} filled />
+        {/snippet}
+    </ExampleTable>
+</Example>
+
+## Sizes
+
+A bling component has a default size. To change the bling's size, apply one of the following sizing classes along with the base `.s-bling` class.
+
+```html
+<span class="s-bling s-bling__filled s-bling__sm">…</span>
+<span class="s-bling s-bling__filled">…</span>
+<span class="s-bling s-bling__filled s-bling__lg">…</span>
+```
+
+<Example>
+    <ExampleTable rows={sizes}>
+        {#snippet example(row)}
+            <Bling name="{row.size ?? 'default'} bling" filled size={row.size} />
+        {/snippet}
+    </ExampleTable>
+</Example>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/breadcrumbs.md b/packages/stacks-docs-next/src/docs/public/system/components/breadcrumbs.md
new file mode 100644
index 0000000000..157f4440b5
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/breadcrumbs.md
@@ -0,0 +1,11 @@
+---
+title: "Breadcrumbs"
+---
+
+<script lang="ts">
+    import { Notice } from '@stackoverflow/stacks-svelte';
+</script>
+
+<Notice variant="warning">
+    <p>This component has been removed in Stacks v3. If using Stacks v2, please refer to the <a href="https://v2.stackoverflow.design/product/develop/using-stacks/">v2 documentation</a> for more information.</p>
+</Notice>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/button-groups.md b/packages/stacks-docs-next/src/docs/public/system/components/button-groups.md
new file mode 100644
index 0000000000..feedb0624f
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/button-groups.md
@@ -0,0 +1,11 @@
+---
+title: "Button Groups"
+---
+
+<script lang="ts">
+    import { Notice } from '@stackoverflow/stacks-svelte';
+</script>
+
+<Notice variant="warning">
+    <p>This component has been removed in Stacks v3. If using Stacks v2, please refer to the <a href="https://v2.stackoverflow.design/product/develop/using-stacks/">v2 documentation</a> for more information.</p>
+</Notice>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/buttons/index.md b/packages/stacks-docs-next/src/docs/public/system/components/buttons/index.md
index 0ea20570f7..2d0dfd000d 100644
--- a/packages/stacks-docs-next/src/docs/public/system/components/buttons/index.md
+++ b/packages/stacks-docs-next/src/docs/public/system/components/buttons/index.md
@@ -1,7 +1,7 @@
 ---
 title: Buttons
 svelte: https://beta.svelte.stackoverflow.design/?path=/docs/components-button--docs
-figma: https://svelte.stackoverflow.design/figma/buttons
+figma: "https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=610-18802"
 description: Buttons are user interface elements which allows users to take actions throughout the project. It is important that they have ample click space and help communicate the importance of their actions.
 updated: 2025-12-09
 ---
@@ -24,8 +24,35 @@ updated: 2025-12-09
   import BadgeButtonTable from './BadgeButtonTable.svelte';
   import SizeTable from './SizeTable.svelte';
   import ToggleButtonDemo from './ToggleButtonDemo.svelte';
+  import ClassTable from '$components/ClassTable.svelte';
+  import Example from '$components/Example.svelte';
+  import { Notice } from '@stackoverflow/stacks-svelte';
+  import type { ClassTableRow } from '$components/ClassTable.svelte';
+
+  const classes: ClassTableRow[] = [
+    { class: '.s-btn',           parent: 'N/A',    modifies: 'N/A',    description: 'Base button element.' },
+    { class: '.s-btn--badge',    parent: '.s-btn', modifies: 'N/A',    description: 'Badge container for the button.' },
+    { class: '.s-btn__clear',    parent: 'N/A',    modifies: '.s-btn', description: 'Clear button variant.' },
+    { class: '.s-btn__danger',   parent: 'N/A',    modifies: '.s-btn', description: 'Danger button variant.' },
+    { class: '.s-btn__featured', parent: 'N/A',    modifies: '.s-btn', description: 'Featured button variant.' },
+    { class: '.s-btn__tonal',    parent: 'N/A',    modifies: '.s-btn', description: 'Tonal button variant.' },
+    { class: '.s-btn__dropdown', parent: 'N/A',    modifies: '.s-btn', description: 'Dropdown button variant.' },
+    { class: '.s-btn__icon',     parent: 'N/A',    modifies: '.s-btn', description: 'Icon button variant.' },
+    { class: '.s-btn__link',     parent: 'N/A',    modifies: '.s-btn', description: 'Link button variant.' },
+    { class: '.s-btn__unset',    parent: 'N/A',    modifies: '.s-btn', description: 'Unset button variant.' },
+    { class: '.s-btn__facebook', parent: 'N/A',    modifies: '.s-btn', description: 'Facebook button variant.' },
+    { class: '.s-btn__github',   parent: 'N/A',    modifies: '.s-btn', description: 'GitHub button variant.' },
+    { class: '.s-btn__google',   parent: 'N/A',    modifies: '.s-btn', description: 'Google button variant.' },
+    { class: '.s-btn__xs',       parent: 'N/A',    modifies: '.s-btn', description: 'Extra small button variant.' },
+    { class: '.s-btn__sm',       parent: 'N/A',    modifies: '.s-btn', description: 'Small button variant.' },
+    { class: '.s-btn__lg',       parent: 'N/A',    modifies: '.s-btn', description: 'Large button variant.' },
+  ];
 </script>
 
+## Classes
+
+<ClassTable {classes} expandable />
+
 ## Styles
 
 Stacks provides 3 different button styles:
@@ -46,7 +73,9 @@ Base buttons can gain clear styling with the `.s-btn__clear` class.
 <button class="s-btn s-btn__clear" type="button">…</button>
 ```
 
-<ButtonTable />
+<Example>
+    <ButtonTable />
+</Example>
 
 ### Danger
 
@@ -57,7 +86,9 @@ Danger buttons are a secondary button style, used to visually communicate destru
 <button class="s-btn s-btn__danger s-btn__clear" type="button">…</button>
 ```
 
-<ButtonTable variant="danger" />
+<Example>
+    <ButtonTable variant="danger" />
+</Example>
 
 ### Featured
 
@@ -68,7 +99,9 @@ Featured buttons are a secondary button style, used to visually draw attention t
 <button class="s-btn s-btn__featured s-btn__clear" type="button">…</button>
 ```
 
-<ButtonTable variant="featured" />
+<Example>
+    <ButtonTable variant="featured" />
+</Example>
 
 ### Tonal
 
@@ -79,7 +112,9 @@ Tonal buttons are a secondary button style, a grayscale visual treatment. Used i
 <button class="s-btn s-btn__clear s-btn__tonal" type="button">…</button>
 ```
 
-<ButtonTable variant="tonal" />
+<Example>
+    <ButtonTable variant="tonal" />
+</Example>
 
 ## Anchors
 
@@ -89,7 +124,9 @@ Anchors can be rendered with the `.s-btn` to adopt a button-like visual style fo
 <a href="#" class="s-btn">Ask question</a>
 ```
 
-<AnchorButtonTable variants={ButtonVariants} weights={ButtonWeights} />
+<Example>
+    <AnchorButtonTable variants={ButtonVariants} weights={ButtonWeights} />
+</Example>
 
 ## Loading
 
@@ -99,7 +136,9 @@ Any button can have a loading state applied by adding the `.is-loading` state cl
 <button class="s-btn is-loading" type="button">…</button>
 ```
 
-<LoadingButtonTable variants={ButtonVariants} weights={ButtonWeights} />
+<Example>
+    <LoadingButtonTable variants={ButtonVariants} weights={ButtonWeights} />
+</Example>
 
 ## Dropdowns
 
@@ -109,7 +148,9 @@ Adding the class `.s-btn__dropdown` to any button style will add an appropriatel
 <button class="s-btn s-btn__dropdown" type="button">Dropdown</button>
 ```
 
-<DropdownButtonTable variants={ButtonVariants} weights={ButtonWeights} />
+<Example>
+    <DropdownButtonTable variants={ButtonVariants} weights={ButtonWeights} />
+</Example>
 
 ## Badges
 
@@ -124,13 +165,21 @@ Adding an `.s-btn--badge` to any button will add an appropriately-styled badge.
 </button>
 ```
 
-<BadgeButtonTable variants={ButtonVariants} weights={ButtonWeights} />
+<Example>
+    <BadgeButtonTable variants={ButtonVariants} weights={ButtonWeights} />
+</Example>
 
 ## Sizes
 
 A button's default font-size is determined by the `@body-fs` variable. To change the button's font-size, use the following classes with `.s-btn`:
 
-<SizeTable sizes={ButtonSizes} />
+<Notice variant="warning" role="note" class="mb16">
+    <span><strong>Note:</strong> Avoid using icons within the extra small button size. This variant is designed for tight spaces, and standard icons are too large to fit without breaking the button's height and layout.</span>
+</Notice>
+
+<Example>
+    <SizeTable sizes={ButtonSizes} />
+</Example>
 
 ## Toggle buttons
 
@@ -161,30 +210,126 @@ Stacks provides additional classes for cases that are a bit more rare.
 
 ### Disabled
 
-| Type     | Class                    | Definition                                                  | Example                                                        |
-| -------- | ------------------------ | ----------------------------------------------------------- | -------------------------------------------------------------- |
-| Disabled | `[aria-disabled="true"]` | Adds disabled styling to any element with `.s-btn` applied. | <Button href="#" weight="clear" disabled>Ask question</Button> |
+<Example>
+    <div class="overflow-x-auto">
+        <table class="wmn5 s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th scope="col">Type</th>
+                    <th scope="col" class="s-table--cell4">Attribute</th>
+                    <th scope="col">Definition</th>
+                    <th scope="col" class="ta-center">Example</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <th scope="row" class="va-middle">Disabled</th>
+                    <td class="va-middle"><code>[aria-disabled="true"]</code></td>
+                    <td class="va-middle">Adds disabled styling to any element with <code>.s-btn</code> applied.</td>
+                    <td class="va-middle ta-center px4"><Button href="#" weight="clear" disabled>Ask question</Button></td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</Example>
 
 ### Resets
 
-| Type  | Class           | Definition                                                                                                                                                                                             | Example                                               |
-| ----- | --------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------- |
-| Unset | `.s-btn__unset` | Removes all styling from a button and reverts focus states to browser default.                                                                                                                         | <Button unset class="ws-nowrap">Unset button</Button> |
-| Link  | `.s-btn__link`  | Styles a button element as though it were a link. Instead of transforming an `s-btn` to a link, you most likely want to style a `button` as a [link](/product/components/links/#single-link-examples). | <Button link class="ws-nowrap">Link button</Button>   |
+<Example>
+    <div class="overflow-x-auto">
+        <table class="wmn5 s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th scope="col">Type</th>
+                    <th scope="col" class="s-table--cell4">Class</th>
+                    <th scope="col">Definition</th>
+                    <th scope="col" class="ta-center">Example</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <th scope="row" class="va-middle">Unset</th>
+                    <td class="va-middle"><code>.s-btn__unset</code></td>
+                    <td class="va-middle">Removes all styling from a button and reverts focus states to browser default.</td>
+                    <td class="va-middle ta-center px4"><Button unset class="ws-nowrap">Unset button</Button></td>
+                </tr>
+                <tr>
+                    <th scope="row" class="va-middle">Link</th>
+                    <td class="va-middle"><code>.s-btn__link</code></td>
+                    <td class="va-middle">Styles a button element as though it were a link. Instead of transforming an <code>s-btn</code> to a link, you most likely want to style a <code>button</code> as a <a href="/system/components/links">link</a>.</td>
+                    <td class="va-middle ta-center px4"><Button link class="ws-nowrap">Link button</Button></td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</Example>
 
 ### Icons
 
-| Type | Class          | Definition                                                       | Examples                                                                                                                                                                                                                                                                                                     |
-| ---- | -------------- | ---------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| Icon | `.s-btn__icon` | Adds some margin overrides that apply to an icon within a button | <div class="d-flex ai-center"><button class="s-btn s-btn__danger s-btn__icon ws-nowrap mr8" type="button"><Icon src={IconTrash} /> Delete</button> <button class="s-btn s-btn__icon s-btn__link" type="button" aria-label="up"><Icon src={IconArrowUp} /><span class="v-visible-sr">up</span></button></div> |
+<Example>
+    <div class="overflow-x-auto">
+        <table class="wmn5 s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th scope="col">Type</th>
+                    <th scope="col" class="s-table--cell4">Class</th>
+                    <th scope="col">Definition</th>
+                    <th scope="col" class="ta-center">Examples</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <th scope="row" class="va-middle">Icon</th>
+                    <td class="va-middle"><code>.s-btn__icon</code></td>
+                    <td class="va-middle">Adds some margin overrides that apply to an icon within a button.</td>
+                    <td class="va-middle ta-center px4">
+                        <div class="d-flex ai-center g4">
+                            <button class="s-btn s-btn__danger s-btn__icon ws-nowrap" type="button"><Icon src={IconTrash} /> Delete</button>
+                            <button class="s-btn s-btn__icon s-btn__link" type="button" aria-label="up"><Icon src={IconArrowUp} /><span class="v-visible-sr">up</span></button>
+                        </div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</Example>
 
 ### Social
 
-| Type     | Class              | Definition                                          | Examples                                                                                                                       |
-| -------- | ------------------ | --------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
-| Facebook | `.s-btn__facebook` | Styles a button consistent with Facebook's branding | <button class="s-btn s-btn__icon s-btn__facebook ws-nowrap" type="button"><Icon src={IconServiceFacebook} /> Facebook</button> |
-| Google   | `.s-btn__google`   | Styles a button consistent with Google's branding   | <button class="s-btn s-btn__icon s-btn__google ws-nowrap" type="button"><Icon src={IconServiceGoogle} /> Google</button>       |
-| GitHub   | `.s-btn__github`   | Styles a button consistent with GitHub's branding   | <button class="s-btn s-btn__icon s-btn__github ws-nowrap" type="button"><Icon src={IconServiceGitHub} /> GitHub</button>       |
+<Example>
+    <div class="overflow-x-auto">
+        <table class="wmn5 s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th scope="col">Type</th>
+                    <th scope="col" class="s-table--cell4">Class</th>
+                    <th scope="col">Definition</th>
+                    <th scope="col" class="ta-center">Examples</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <th scope="row" class="va-middle">Facebook</th>
+                    <td class="va-middle"><code>.s-btn__facebook</code></td>
+                    <td class="va-middle">Styles a button consistent with Facebook's branding.</td>
+                    <td class="va-middle ta-center px4"><button class="s-btn s-btn__icon s-btn__facebook ws-nowrap" type="button"><Icon src={IconServiceFacebook} /> Facebook</button></td>
+                </tr>
+                <tr>
+                    <th scope="row" class="va-middle">Google</th>
+                    <td class="va-middle"><code>.s-btn__google</code></td>
+                    <td class="va-middle">Styles a button consistent with Google's branding.</td>
+                    <td class="va-middle ta-center px4"><button class="s-btn s-btn__icon s-btn__google ws-nowrap" type="button"><Icon src={IconServiceGoogle} class="native" /> Google</button></td>
+                </tr>
+                <tr>
+                    <th scope="row" class="va-middle">GitHub</th>
+                    <td class="va-middle"><code>.s-btn__github</code></td>
+                    <td class="va-middle">Styles a button consistent with GitHub's branding.</td>
+                    <td class="va-middle ta-center px4"><button class="s-btn s-btn__icon s-btn__github ws-nowrap" type="button"><Icon src={IconServiceGitHub} /> GitHub</button></td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</Example>
 
 ## Ordering
 
@@ -199,10 +344,12 @@ Most button groups should be ordered from the most important to the least import
 <button class="s-btn s-btn__clear" type="button">Cancel</button>
 ```
 
-<div class="d-flex g4 fw-wrap">
-  <Button>Post answer</Button>
-  <Button weight="clear">Cancel</Button>
-</div>
+<Example>
+    <div class="d-flex g4 fw-wrap">
+        <Button>Post answer</Button>
+        <Button weight="clear">Cancel</Button>
+    </div>
+</Example>
 
 ### Within a column
 
@@ -215,10 +362,12 @@ Sometimes the layout dictates that buttons need to be stacked on top of each oth
 </div>
 ```
 
-<div class="d-flex g4 fd-column wmx2">
-  <Button>Post answer</Button>
-  <Button weight="clear">Cancel</Button>
-</div>
+<Example>
+    <div class="d-flex g4 fd-column wmx2">
+        <Button>Post answer</Button>
+        <Button weight="clear">Cancel</Button>
+    </div>
+</Example>
 
 ### Within a header
 
@@ -239,10 +388,12 @@ Sometimes the best place for a series of actions is in the same area as the titl
 </div>
 ```
 
-<div class="d-flex ai-center sm:fd-column sm:ai-start">
-  <h3 class="mb0 sm:mb16 mr-auto fs-title fw-normal">Write your response</h3>
-  <div class="d-flex g4 sm:fd-row-reverse sm:jc-end">
-    <Button>Cancel</Button>
-    <Button weight="clear">Post answer</Button>
-  </div>
-</div>
+<Example>
+    <div class="d-flex ai-center sm:fd-column sm:ai-start">
+        <h3 class="mb0 sm:mb16 mr-auto fs-title fw-normal">Write your response</h3>
+        <div class="d-flex g4 sm:fd-row-reverse sm:jc-end">
+            <Button>Cancel</Button>
+            <Button weight="clear">Post answer</Button>
+        </div>
+    </div>
+</Example>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/cards.md b/packages/stacks-docs-next/src/docs/public/system/components/cards.md
new file mode 100644
index 0000000000..9358bfe4a1
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/cards.md
@@ -0,0 +1,11 @@
+---
+title: "Cards"
+---
+
+<script lang="ts">
+    import { Notice } from '@stackoverflow/stacks-svelte';
+</script>
+
+<Notice variant="warning">
+    <p>This component has been removed in Stacks v3. If using Stacks v2, please refer to the <a href="https://v2.stackoverflow.design/product/develop/using-stacks/">v2 documentation</a> for more information.</p>
+</Notice>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/code-blocks.md b/packages/stacks-docs-next/src/docs/public/system/components/code-blocks.md
new file mode 100644
index 0000000000..adf06832e7
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/code-blocks.md
@@ -0,0 +1,472 @@
+---
+title: "Code blocks"
+description: "Stacks provides styling for code blocks with syntax highlighting provided by highlight.js. Special care was taken to make sure our light and dark themes felt like Stack Overflow while maintaining near AAA color contrasts and still being distinguishable for those with a color vision deficiency."
+figma: "https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=610-18805"
+---
+
+<script lang="ts">
+    import ClassTable from '$components/ClassTable.svelte';
+    import Example from '$components/Example.svelte';
+    import type { ClassTableRow } from '$components/ClassTable.svelte';
+
+    const classes: ClassTableRow[] = [
+        { class: '.s-code-block',  modifies: 'N/A',           description: 'Base code block style.' },
+        { class: '.linenums',      modifies: '.s-code-block', description: 'Adds a line numbers column to the code block.' },
+        { class: '.linenums:<n>',  modifies: '.s-code-block', description: 'Adds a line numbers column to the code block starting at a number <n>.' },
+    ];
+</script>
+
+## Classes
+
+<ClassTable {classes} />
+
+## Language examples
+
+The following examples are a small subset of the languages that `highlight.js` supports.
+
+### HTML
+
+```html
+<pre class="s-code-block language-html">
+    …
+</pre>
+```
+
+<Example>
+
+```html
+<form class="d-flex gy4 fd-column">
+    <label class="s-label" for="question-title">Question title</label>
+    <div class="d-flex ps-relative">
+        <input class="s-input" type="text" id="question-title" placeholder="e.g. Why doesn't Stack Overflow use a custom web font?"/>
+    </div>
+</form>
+```
+
+</Example>
+
+### JavaScript
+
+```html
+<pre class="s-code-block language-javascript">
+    …
+</pre>
+```
+
+<Example>
+
+```javascript
+import React, { Component } from 'react'
+import { IP } from '../constants/IP'
+import { withAuth0 } from '@auth0/auth0-react';
+
+class AddATournament extends Component {
+    componentDidMount() {
+        this.myNewListOfAllTournamentsWithAuth()
+    }
+}
+
+export default withAuth0(AddATournament);
+```
+
+</Example>
+
+### CSS
+
+```html
+<pre class="s-code-block language-css">
+    …
+</pre>
+```
+
+<Example>
+
+```css
+.s-input,
+.s-textarea {
+    -webkit-appearance: none;
+    width: 100%;
+    margin: 0;
+    padding: 0.6em 0.7em;
+    border: 1px solid var(--bc-darker);
+    border-radius: 3px;
+    background-color: var(--white);
+    color: var(--fc-dark);
+    font-size: 13px;
+    font-family: inherit;
+    line-height: 1.15384615;
+    scrollbar-color: var(--scrollbar) transparent;
+}
+@supports (-webkit-overflow-scrolling: touch) {
+    .s-input,
+    .s-textarea {
+        font-size: 16px;
+        padding: 0.36em 0.55em;
+    }
+    .s-input::-webkit-input-placeholder,
+    .s-textarea::-webkit-input-placeholder {
+        line-height: normal !important;
+    }
+}
+```
+
+</Example>
+
+### Java
+
+```html
+<pre class="s-code-block language-java">
+    …
+</pre>
+```
+
+<Example>
+
+```java
+package l2f.gameserver.model;
+
+public abstract strictfp class L2Char extends L2Object {
+  public static final Short ERROR = 0x0001;
+
+  public void moveTo(int x, int y, int z) {
+    _ai = null;
+    log("Should not be called");
+    if (1 > 5) { // what?
+      return;
+    }
+  }
+}
+```
+
+</Example>
+
+### Ruby
+
+```html
+<pre class="s-code-block language-ruby">
+    …
+</pre>
+```
+
+<Example>
+
+```ruby
+# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
+
+g = Greeter.new("world")
+g.salute
+```
+
+</Example>
+
+### Python
+
+```html
+<pre class="s-code-block language-python">
+    …
+</pre>
+```
+
+<Example>
+
+```python
+def all_indices(value, qlist):
+    indices = []
+    idx = -1
+    while True:
+        try:
+            idx = qlist.index(value, idx+1)
+            indices.append(idx)
+        except ValueError:
+            break
+    return indices
+
+all_indices("foo", ["foo","bar","baz","foo"])
+```
+
+</Example>
+
+### Objective-C
+
+```html
+<pre class="s-code-block language-objectivec">
+    …
+</pre>
+```
+
+<Example>
+
+```objectivec
+#import <UIKit/UIKit.h>
+#import "Dependency.h"
+
+@protocol WorldDataSource
+@optional
+- (NSString*)worldName;
+@required
+- (BOOL)allowsToLive;
+@end
+
+@property (nonatomic, readonly) NSString *title;
+- (IBAction) show;
+@end
+
+- (UITextField *) userName {
+    UITextField *retval = nil;
+    @synchronized(self) {
+        retval = [[userName retain] autorelease];
+    }
+    return retval;
+}
+
+- (void) setUserName:(UITextField *)userName_ {
+    @synchronized(self) {
+      [userName_ retain];
+      [userName release];
+      userName = userName_;
+    }
+}
+```
+
+</Example>
+
+### Swift
+
+```html
+<pre class="s-code-block language-swift">
+    …
+</pre>
+```
+
+<Example>
+
+```swift
+import Foundation
+
+@objc class Person: Entity {
+  var name: String!
+  var age:  Int!
+
+  init(name: String, age: Int) {
+    /* /* ... */ */
+  }
+
+  // Return a descriptive string for this person
+  func description(offset: Int = 0) -> String {
+    return "\(name) is \(age + offset) years old"
+  }
+}
+```
+
+</Example>
+
+### Less
+
+```html
+<pre class="s-code-block language-less">
+    …
+</pre>
+```
+
+<Example>
+
+```less
+@import "fruits";
+
+@rhythm: 1.5em;
+
+@media screen and (min-resolution: 2dppx) {
+    body {font-size: 125%}
+}
+
+section > .foo + #bar:hover [href*="less"] {
+    margin:     @rhythm 0 0 @rhythm;
+    padding:    calc(5% + 20px);
+    background: #f00ba7 url(http://placehold.alpha-centauri/42.png) no-repeat;
+    background-image: linear-gradient(-135deg, wheat, fuchsia) !important ;
+    background-blend-mode: multiply;
+}
+
+@font-face {
+    font-family: /* ? */ 'Omega';
+    src: url('../fonts/omega-webfont.woff?v=2.0.2');
+}
+
+.icon-baz::before {
+    display:     inline-block;
+    font-family: "Omega", Alpha, sans-serif;
+    content:     "\f085";
+    color:       rgba(98, 76 /* or 54 */, 231, .75);
+}
+```
+
+</Example>
+
+### JSON
+
+```html
+<pre class="s-code-block language-json">
+    …
+</pre>
+```
+
+<Example>
+
+```json
+[
+  {
+    "title": "apples",
+    "count": [12000, 20000],
+    "description": {"text": "...", "sensitive": false}
+  },
+  {
+    "title": "oranges",
+    "count": [17500, null],
+    "description": {"text": "...", "sensitive": false}
+  }
+]
+```
+
+</Example>
+
+### C#
+
+```html
+<pre class="s-code-block language-csharp">
+    …
+</pre>
+```
+
+<Example>
+
+```csharp
+using System.IO.Compression;
+
+#pragma warning disable 414, 3021
+
+namespace MyApplication
+{
+    [Obsolete("...")]
+    class Program : IInterface
+    {
+        public static List<int> JustDoIt(int count)
+        {
+            Console.WriteLine($"Hello {Name}!");
+            return new List<int>(new int[] { 1, 2, 3 })
+        }
+    }
+}
+```
+
+</Example>
+
+### SQL
+
+```html
+<pre class="s-code-block language-sql">
+    …
+</pre>
+```
+
+<Example>
+
+```sql
+CREATE TABLE "topic" (
+    "id" serial NOT NULL PRIMARY KEY,
+    "forum_id" integer NOT NULL,
+    "subject" varchar(255) NOT NULL
+);
+ALTER TABLE "topic"
+ADD CONSTRAINT forum_id FOREIGN KEY ("forum_id")
+REFERENCES "forum" ("id");
+
+-- Initials
+insert into "topic" ("forum_id", "subject")
+values (2, 'D''artagnian');
+```
+
+</Example>
+
+### Diff
+
+```html
+<pre class="s-code-block language-diff">
+    …
+</pre>
+```
+
+<Example>
+
+```diff
+Index: languages/ini.js
+===================================================================
+--- languages/ini.js    (revision 199)
++++ languages/ini.js    (revision 200)
+@@ -1,8 +1,7 @@
+ hljs.LANGUAGES.ini =
+ {
+   case_insensitive: true,
+-  defaultMode:
+-  {
++  defaultMode: {
+     contains: ['comment', 'title', 'setting'],
+     illegal: '[^\\s]'
+   },
+
+*** /path/to/original timestamp
+--- /path/to/new      timestamp
+***************
+*** 1,3 ****
+--- 1,9 ----
++ This is an important
++ notice! It should
++ therefore be located at
++ the beginning of this
++ document!
+
+! compress the size of the
+! changes.
+
+  It is important to spell
+```
+
+</Example>
+
+## Line numbers
+
+Add `.linenums` to include line numbers on a code block.
+
+### Default
+
+```html
+<pre class="s-code-block language-html linenums">
+    …
+</pre>
+```
+
+<Example>
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><code class="s-code-block--line-numbers"><div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div></code><span class="hljs-tag">&lt;<span class="hljs-name">form</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-flex g4 fd-column"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"full-name"</span>&gt;</span>Name<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-flex"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-input"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"full-name"</span>/&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">form</span>&gt;</span></code></pre>
+</Example>
+
+### Offset
+
+Append a number preceeded by `:` to `.linenums` to offset the start of the line numbers.
+
+```html
+<pre class="s-code-block language-json linenums:23">
+    …
+</pre>
+```
+
+<Example>
+<pre class="language-json s-code-block" tabindex="0"><code class="language-json s-code-block"><code class="s-code-block--line-numbers"><div>23</div><div>24</div><div>25</div><div>26</div><div>27</div><div>28</div><div>29</div><div>30</div><div>31</div><div>32</div><div>33</div><div>34</div></code>[<br>  &#123;<br>    <span class="hljs-attr">"title"</span>: <span class="hljs-string">"apples"</span>,<br>    <span class="hljs-attr">"count"</span>: [<span class="hljs-number">12000</span>, <span class="hljs-number">20000</span>],<br>    <span class="hljs-attr">"description"</span>: &#123;<span class="hljs-attr">"text"</span>: <span class="hljs-string">"..."</span>, <span class="hljs-attr">"sensitive"</span>: <span class="hljs-literal">false</span>&#125;<br>  &#125;,<br>  &#123;<br>    <span class="hljs-attr">"title"</span>: <span class="hljs-string">"oranges"</span>,<br>    <span class="hljs-attr">"count"</span>: [<span class="hljs-number">17500</span>, <span class="hljs-literal">null</span>],<br>    <span class="hljs-attr">"description"</span>: &#123;<span class="hljs-attr">"text"</span>: <span class="hljs-string">"..."</span>, <span class="hljs-attr">"sensitive"</span>: <span class="hljs-literal">false</span>&#125;<br>  &#125;<br>]</code></pre>
+</Example>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/editor-example-content.ts b/packages/stacks-docs-next/src/docs/public/system/components/editor-example-content.ts
new file mode 100644
index 0000000000..e624664c7a
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/editor-example-content.ts
@@ -0,0 +1 @@
+export const editorExampleContent = "Stacks adds a new `s-prose` class that you can slap on any block of vanilla HTML content and turn it into a beautiful, well-formatted document:\n\n```html\n<article class=\"s-prose\">\n  <h1>Garlic bread with cheese: What the science tells us</h1>\n  <p>\n    For years parents have espoused the health benefits of eating garlic bread with cheese to their\n    children, with the food earning such an iconic status in our culture that kids will often dress\n    up as warm, cheesy loaf for Halloween.\n  </p>\n  <p>\n    But a recent study shows that the celebrated appetizer may be linked to a series of rabies cases\n    springing up around the country.\n  </p>\n  <!-- ... -->\n</article>\n```\n\n## What to expect from here on out\n\nWhat follows from here is just a bunch of absolute nonsense we\u2019ve written to dogfood the component itself. It includes every sensible typographic element we could think of, like **bold text**, unordered lists, ordered lists, code blocks, block quotes, _and even italics_.\n\nIt\u2019s important to cover all of these use cases for a few reasons:\n\n1. We want everything to look good out of the box.\n2. Really just the first reason, that\u2019s the whole point of the plugin.\n3. Here\u2019s a third pretend reason though a list with three items looks more realistic than a list with two items.\n\nNow we\u2019re going to try out another header style.\n\n### Typography should be easy\n\nSo that\u2019s a header for you\u2014with any luck if we\u2019ve done our job correctly that will look pretty reasonable.\n\nSomething a wise person once told me about typography is:\n\n> Typography is pretty important if you don\u2019t want your stuff to look like trash. Make it good then it won\u2019t be bad.\n\nIt\u2019s probably important that images look okay here by default as well:\n\n<img\n  src=\"https://images.unsplash.com/photo-1556740758-90de374c12ad?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=80\"\n  alt=\"two people performing a transaction at a counter on either side of a point of sale system in a trendy salon\"\n/>\n\nNow I\u2019m going to show you an example of an unordered list to make sure that looks good, too:\n\n- So here is the first item in this list.\n- In this example we\u2019re keeping the items short.\n- Later, we\u2019ll use longer, more complex list items.\n\nAnd that\u2019s the end of this section.\n\n## What if we stack headings?\n\n### We should make sure that looks good, too.\n\nSometimes you have headings directly underneath each other. In those cases you often have to undo the top margin on the second heading because it usually looks better for the headings to be closer together than a paragraph followed by a heading should be.\n\n### When a heading comes after a paragraph \u2026\n\nWhen a heading comes after a paragraph, we need a bit more space, like I already mentioned above. Now let\u2019s see what a more complex list would look like.\n\n- **I often do this thing where list items have headings.**\n\n  For some reason I think this looks cool which is unfortunate because it\u2019s pretty annoying to get the styles right.\n\n  I often have two or three paragraphs in these list items, too, so the hard part is getting the spacing between the paragraphs, list item heading, and separate list items to all make sense. Pretty tough honestly, you could make a strong argument that you just shouldn\u2019t write this way.\n\n- **Since this is a list, I need at least two items.**\n\n  I explained what I\u2019m doing already in the previous list item, but a list wouldn\u2019t be a list if it only had one item, and we really want this to look realistic. That\u2019s why I\u2019ve added this second list item so I actually have something to look at when writing the styles.\n\n- **It\u2019s not a bad idea to add a third item either.**\n\n  I think it probably would\u2019ve been fine to just use two items but three is definitely not worse, and since I seem to be having no trouble making up arbitrary things to type, I might as well include it.\n\nAfter this sort of list I usually have a closing statement or paragraph, because it kinda looks weird jumping right to a heading.\n\n## Code should look okay by default.\n\nHere\u2019s what a default `tailwind.config.js` file looks like at the time of writing:\n\n```js\nmodule.exports = {\n  purge: [],\n  theme: {\n    extend: {},\n  },\n  variants: {},\n  plugins: [],\n}\n```\n\nHopefully that looks good enough to you.\n\n### What about nested lists?\n\nNested lists basically always look bad which is why editors like Medium don\u2019t even let you do it, but I guess since some of you goofballs are going to do it we have to carry the burden of at least making it work.\n\n1. **Nested lists are rarely a good idea.**\n   - You might feel like you are being really \u201corganized\u201d or something but you are just creating a gross shape on the screen that is hard to read.\n   - Nested navigation in UIs is a bad idea too, keep things as flat as possible.\n   - Nesting tons of folders in your source code is also not helpful.\n2. **Since we need to have more items, here\u2019s another one.**\n   - I\u2019m not sure if we\u2019ll bother styling more than two levels deep.\n   - Two is already too much, three is guaranteed to be a bad idea.\n   - If you nest four levels deep you belong in prison.\n3. **Two items isn\u2019t really a list, three is good though.**\n   - Again please don\u2019t nest lists if you want people to actually read your content.\n   - Nobody wants to look at this.\n   - I\u2019m upset that we even have to bother styling this.\n\nThe most annoying thing about lists in Markdown is that `<li>` elements aren\u2019t given a child `<p>` tag unless there are multiple paragraphs in the list item. That means I have to worry about styling that annoying situation too.\n\n- **For example, here\u2019s another nested list.**\n\n  But this time with a second paragraph.\n\n  - These list items won\u2019t have `<p>` tags\n  - Because they are only one line each\n\n- **But in this second top-level list item, they will.**\n\n  This is especially annoying because of the spacing on this paragraph.\n\n  - As you can see here, because I\u2019ve added a second line, this list item now has a `<p>` tag.\n\n    This is the second line I\u2019m talking about by the way.\n\n  - Finally here\u2019s another list item so it\u2019s more like a list.\n\n- A closing list item, but with no nested list, because why not?\n\nAnd finally a sentence to close off this section.\n\n## There are other elements we need to style\n\nI almost forgot to mention links, like [Stack Overflow](https://stackoverflow.com).\n\nWe even included table styles, check it out:\n\n<div class=\"s-table-container\">\n  <table class=\"s-table\">\n    <thead>\n      <tr>\n        <th>Wrestler</th>\n        <th>Origin</th>\n        <th>Finisher</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr>\n        <td>Bret \"The Hitman\" Hart</td>\n        <td>Calgary, AB</td>\n        <td>Sharpshooter</td>\n      </tr>\n      <tr>\n        <td>Stone Cold Steve Austin</td>\n        <td>Austin, TX</td>\n        <td>Stone Cold Stunner</td>\n      </tr>\n      <tr>\n        <td>Randy Savage</td>\n        <td>Sarasota, FL</td>\n        <td>Elbow Drop</td>\n      </tr>\n      <tr>\n        <td>Vader</td>\n        <td>Boulder, CO</td>\n        <td>Vader Bomb</td>\n      </tr>\n      <tr>\n        <td>Razor Ramon</td>\n        <td>Chuluota, FL</td>\n        <td>Razor\u2019s Edge</td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n\nWe also need to make sure inline code looks good, like if I wanted to talk about `<span>` elements.\n\n### Sometimes I even use `code` in headings\n\nAnother thing I\u2019ve done in the past is put a `code` tag inside of a link, like if I wanted to tell you about the [`stackexchange/stacks`](https://github.com/stackexchange/stacks) repository.\n\n### We still need to think about stacked headings though.\n\n#### Let\u2019s make sure we don\u2019t screw that up with `h4` elements, either.\n\nPhew, with any luck we have styled the headings above this text and they look pretty good.\n\n##### We should also make sure we're styling `h5` elements as well.\n\nLet\u2019s add a closing paragraph here so things end with a decently sized block of text. I can\u2019t explain why I want things to end that way but I have to assume it\u2019s because I think things will look weird or unbalanced if there is a heading too close to the end of the document.\n\n###### And, finally, an `h6`.\nUltimately, though, we also want to support the `h6` headers.\n\nWhat I\u2019ve written here is probably long enough, but adding this final sentence can\u2019t hurt.";
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/editor.md b/packages/stacks-docs-next/src/docs/public/system/components/editor.md
new file mode 100644
index 0000000000..b6d84ee1f1
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/editor.md
@@ -0,0 +1,99 @@
+---
+title: "Editor"
+description: "The Stacks editor adds \"what you see is what you get\" and Markdown capabilities to textareas. It is available as a separate <a href=\"https://github.com/StackExchange/Stacks-Editor\">Editor</a> repository, but requires Stacks' CSS for styling."
+figma: "https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=610-18806"
+js: true
+---
+
+<script lang="ts">
+    import Example from '$components/Example.svelte';
+    import StacksEditorDemo from '$components/StacksEditorDemo.svelte';
+    import { editorExampleContent } from './editor-example-content';
+</script>
+
+Because of its size, the Stacks editor is bundled independently of Stacks. You can install it a few ways:
+
+## Installation
+
+### NPM
+
+The Stacks Editor is available as an NPM package. To make it available in your node modules, `npm install @stackoverflow/stacks-editor`
+
+### Import via Modules or CommonJS
+
+```javascript
+import { StacksEditor } from "@stackoverflow/stacks-editor";
+// Don't forget to include the styles as well
+import "@stackoverflow/stacks-editor/styles.css";
+
+new StacksEditor(
+    document.querySelector("#editor-container"),
+    "*Hello* World!",
+    {}
+);
+```
+
+### Import via script tag
+
+```html
+<!-- Include the bundled styles -->
+<link rel="stylesheet" src="path/to/node_modules/@stackoverflow/stacks-editor/dist/styles.css"/>
+
+<div id="editor-container"></div>
+
+<!-- highlight.js is not included in the bundle, but is required -->
+<script src="path/to/highlight.pack.js"></script>
+<script src="path/to/node_modules/@stackoverflow/stacks-editor/dist/app.bundle.js"></script>
+<script>
+    new window.stacksEditor.StacksEditor(
+        document.querySelector("#editor-container"),
+        "*Hello* World!",
+        {}
+    );
+</script>
+```
+
+## Configuration
+
+There are several options you can pass to the Stacks Editor.
+
+## Examples
+
+### Empty
+
+```html
+<div id="editor-example-1"></div>
+<script>
+    new window.stacksEditor.StacksEditor(
+        document.querySelector("#editor-example-1"),
+        "",
+        {}
+    );
+</script>
+```
+
+<Example>
+    <StacksEditorDemo />
+</Example>
+
+### Textarea content with tables enabled
+
+```html
+<textarea id="editor-content-2" class="d-none">…</textarea>
+<div id="editor-example-2"></div>
+<script>
+    new window.stacksEditor.StacksEditor(
+        document.querySelector("#editor-example-2"),
+        document.querySelector("#editor-content-2").value,
+        { parserFeatures: { tables: true } }
+    );
+</script>
+```
+
+<Example>
+    <StacksEditorDemo
+        content={editorExampleContent}
+        options={{ parserFeatures: { tables: true } }}
+        class="docs-editor-tall"
+    />
+</Example>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/empty-states.md b/packages/stacks-docs-next/src/docs/public/system/components/empty-states.md
new file mode 100644
index 0000000000..6985623179
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/empty-states.md
@@ -0,0 +1,88 @@
+---
+title: "Empty states"
+description: "Empty states are used when there is no data to show. Ideally they orient the user by providing feedback based on the the user's last interaction or communicate the benefits of a feature. When appropriate, they should explain the next steps the user should take and provide guidance with a clear call-to-action."
+svelte: "https://beta.svelte.stackoverflow.design/?path=/docs/components-emptystate--docs"
+figma: "https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=610-18807&p=f&m=dev"
+---
+
+<script lang="ts">
+    import { EmptyState, Button } from '@stackoverflow/stacks-svelte';
+    import ClassTable from '$components/ClassTable.svelte';
+    import Example from '$components/Example.svelte';
+    import type { ClassTableRow } from '$components/ClassTable.svelte';
+
+    const classes: ClassTableRow[] = [
+        { class: '.s-empty-state', modifies: 'N/A', description: 'Base empty state style.' },
+    ];
+</script>
+
+## Classes
+
+<ClassTable {classes} />
+
+## No data or results
+
+Typical use-case for an empty state is when a feature has no data or a search/filter operation yields no results.
+
+### Actionable
+
+If the user is able to address the situation resulting in an empty state, it is appropriate to include a button for them to do so.
+
+```html
+<div class="s-empty-state wmx4 p48">
+    @Svg.Spot.Empty.With("native")
+    <h4 class="s-empty-state--title">No questions match your result.</h4>
+    <p>Try refining your search term or trying something more general.</p>
+    <button class="s-btn s-btn__tonal">Clear filters</button>
+</div>
+```
+
+<Example>
+    <EmptyState title="No questions match your result." class="wmx4 p48">
+        {#snippet description()}
+            Try refining your search term or trying something more general.
+        {/snippet}
+        {#snippet actions()}
+            <Button variant="tonal">Clear filters</Button>
+        {/snippet}
+    </EmptyState>
+</Example>
+
+### Non-actionable
+
+If the user can't take an action to fix the situation, it's appropriate to set expectations.
+
+```html
+<div class="s-empty-state wmx4 p48">
+    @Svg.Spot.Empty.With("native")
+    <h4 class="s-empty-state--title">User trends not ready</h4>
+    <p>Please check back in a few days.</p>
+</div>
+```
+
+<Example>
+    <EmptyState title="User trends not ready" class="wmx4 p48">
+        {#snippet description()}
+            Please check back in a few days.
+        {/snippet}
+    </EmptyState>
+</Example>
+
+### Minimal
+
+If desired, both the title and call-to-action may be omitted for a minimal look.
+
+```html
+<div class="s-empty-state wmx4 p48">
+    @Svg.Spot.Empty.With("native")
+    <p>There's no data associated with <a href="#" class="s-link s-link__underlined">this account</a>.</p>
+</div>
+```
+
+<Example>
+    <EmptyState class="wmx4 p48">
+        {#snippet description()}
+            There's no data associated with <a href="#" class="s-link s-link__underlined">this account</a>.
+        {/snippet}
+    </EmptyState>
+</Example>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/expandable.md b/packages/stacks-docs-next/src/docs/public/system/components/expandable.md
new file mode 100644
index 0000000000..eefa5bf47c
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/expandable.md
@@ -0,0 +1,11 @@
+---
+title: "Expandable"
+---
+
+<script lang="ts">
+    import { Notice } from '@stackoverflow/stacks-svelte';
+</script>
+
+<Notice variant="warning">
+    <p>This component has been removed in Stacks v3. If using Stacks v2, please refer to the <a href="https://v2.stackoverflow.design/product/develop/using-stacks/">v2 documentation</a> for more information.</p>
+</Notice>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/inputs.md b/packages/stacks-docs-next/src/docs/public/system/components/inputs.md
new file mode 100644
index 0000000000..fb48ae299d
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/inputs.md
@@ -0,0 +1,1042 @@
+---
+title: "Inputs"
+description: "Input elements are used to gather information from users."
+svelte: "https://beta.svelte.stackoverflow.design/?path=/docs/components-textinput--docs"
+figma: "https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=713-24991&amp;p=f&amp;m=dev"
+---
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="classes">Classes</h2><a class="s-btn s-btn__clear" href="#classes"><span class="v-visible-sr">Section titled Classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    
+    
+    
+    
+    
+
+
+    
+
+
+
+
+
+    
+
+
+
+    
+
+
+
+
+    
+
+
+
+    
+
+
+    
+
+
+
+    
+
+
+<div id="docs-table" class="overflow-x-auto s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell4">
+                        Class
+                    </th>
+                
+                
+                
+                    <th scope="col" class="s-table--cell3">
+                        Modifies
+                    </th>
+                
+                
+                    <th scope="col" class="">
+                        Description
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-input</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>Base input style.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-input__creditcard</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-input</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Adds a credit card icon to the input.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-input__search</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-input</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Adds a search icon to the input.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-input__sm</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-input</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Apply a small size.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-input__lg</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-input</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Apply a large size.</td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="base-style">Base style</h2><a class="s-btn s-btn__clear" href="#base-style"><span class="v-visible-sr">Section titled Base style</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Inputs are normally paired with a label, but there are times when they can be used without a label. Placeholder text should primarily be used as a content prompt and only provided when needed.</p>
+
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-comment">&lt;!-- Base --&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"example-item1"</span>&gt;</span>Full name<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-description"</span>&gt;</span>This will be shown only to employers and other Team members.<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-input"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"example-item1"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">"Enter your input here"</span> /&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><br><span class="hljs-comment">&lt;!-- Disabled --&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group is-disabled"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"example-item2"</span>&gt;</span>Display name<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-flex ps-relative"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-input"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"example-item2"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">"Enter your input here"</span> <span class="hljs-attr">disabled</span> /&gt;</span><br>        {% icon "Lock", "s-input-icon fc-black-400" %}<br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><br><span class="hljs-comment">&lt;!-- Readonly --&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group ps-relative is-readonly"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"example-item3"</span>&gt;</span>Legal name<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-flex ps-relative"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-input"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"example-item3"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">"Enter your input here"</span> <span class="hljs-attr">readonly</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"Prefilled readonly input"</span> /&gt;</span><br>        {% icon "Lock", "s-input-icon" %}<br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div class="d-flex gy16 fd-column">
+                <div class="s-form-group">
+                    <label class="s-label" for="example-item1">Full name</label>
+                    <p class="s-description">This will be shown only to employers and other Team members.</p>
+                    <input class="s-input" id="example-item1" type="text" placeholder="Enter your input here">
+                </div>
+                <div class="s-form-group is-disabled">
+                    <label class="s-label" for="example-item2">Display name</label>
+                    <div class="d-flex ps-relative">
+                        <input class="s-input" id="example-item2" type="text" placeholder="Enter your input here" disabled="">
+                        <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLock s-input-icon fc-black-400" aria-hidden="true"><path d="M13.5 5.92a3.5 3.5 0 0 0-7 0V9h7zM3.5 17.5h13v-7h-13zM15 9h3v10H2V9h3V5.66a5 5 0 0 1 5-4.74h.26a5 5 0 0 1 4.73 4.74l.01.26z"></path></svg>
+                    </div>
+                </div>
+                <div class="s-form-group ps-relative is-readonly">
+                    <label class="s-label" for="example-item3">Legal name</label>
+                    <div class="d-flex ps-relative">
+                        <input class="s-input" id="example-item3" type="text" placeholder="Enter your input here" readonly="" value="Prefilled readonly input">
+                        <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLock s-input-icon" aria-hidden="true"><path d="M13.5 5.92a3.5 3.5 0 0 0-7 0V9h7zM3.5 17.5h13v-7h-13zM15 9h3v10H2V9h3V5.66a5 5 0 0 1 5-4.74h.26a5 5 0 0 1 4.73 4.74l.01.26z"></path></svg>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="accessibility">Accessibility</h2><a class="s-btn s-btn__clear" href="#accessibility"><span class="v-visible-sr">Section titled Accessibility</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">The best accessibility is semantic HTML. Most screen readers understand how to parse inputs if they're correctly formatted. When it comes to inputs, there are a few things to keep in mind:</p>
+    <ul class="docs-copy">
+        <li>All inputs should have an <code>id</code> attribute.</li>
+        <li>Be sure to associate the input’s label by using the <code>for</code> attribute. The value here is the input’s <code>id</code>.</li>
+        <li>If you have a group of related inputs, use the <code>fieldset</code> and <code>legend</code> to group them together.</li>
+    </ul>
+    <p class="docs-copy">For more information, please read Gov.UK's article, <a href="https://accessibility.blog.gov.uk/2016/07/22/using-the-fieldset-and-legend-elements/" target="_blank"><em>"Using the fieldset and legend elements"</em></a>.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="required-input-fields">Required input fields</h3><a class="s-btn s-btn__clear" href="#required-input-fields"><span class="v-visible-sr">Section titled Required input fields</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Labels or instructions must be provided when content requires user input. For any input field within a form that is required for successful data submission, provide the asterisk <code>*</code> as a symbol and a legend advising the meaning of the symbol before the first use.</p>
+    <p class="docs-copy">Stacks includes a special <code>.s-required-symbol</code> class to ensure the symbol (asterisk) is clearly visible.</p>
+
+    
+    
+    
+    
+    
+
+
+    
+
+
+
+
+    
+
+
+    
+
+
+
+    
+
+
+
+
+    
+
+
+
+
+    
+
+
+
+    
+
+
+<div id="docs-table" class="overflow-x-auto s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell3">
+                        Class
+                    </th>
+                
+                
+                
+                    <th scope="col" class="s-table--cell4">
+                        Applies
+                    </th>
+                
+                
+                    <th scope="col" class="">
+                        Description
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-required-symbol</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine"><code>abbr</code> element enclosing the asterisk</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Used to style the asterisk indicating that a specific field is required.</td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">abbr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-required-symbol"</span> <span class="hljs-attr">title</span>=<span class="hljs-string">"required"</span>&gt;</span>*<span class="hljs-tag">&lt;/<span class="hljs-name">abbr</span>&gt;</span></code></pre>
+    <p class="docs-copy mt16">Required symbols are not necessary for areas where only a single input field is seen on the page (ex: sign up modals). For more information, see <a href="https://www.w3.org/WAI/WCAG22/Techniques/html/H90" target="_blank">WCAG Technique H90</a>.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="required-input-fields-example">Required input fields example</h3><a class="s-btn s-btn__clear" href="#required-input-fields-example"><span class="v-visible-sr">Section titled Required input fields example</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-flex w100 jc-space-between ai-center"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">h1</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"fs-headline1 fw-normal mb16"</span>&gt;</span><br>        Ask a question<br>    <span class="hljs-tag">&lt;/<span class="hljs-name">h1</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"fs-caption fc-black-400"</span>&gt;</span>Required fields<span class="hljs-tag">&lt;<span class="hljs-name">abbr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-required-symbol"</span> <span class="hljs-attr">title</span>=<span class="hljs-string">"required"</span>&gt;</span>*<span class="hljs-tag">&lt;/<span class="hljs-name">abbr</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">form</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-flex fd-column gy24"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"example-title-required"</span>&gt;</span>Title<span class="hljs-tag">&lt;<span class="hljs-name">abbr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-required-symbol"</span> <span class="hljs-attr">title</span>=<span class="hljs-string">"required"</span>&gt;</span>*<span class="hljs-tag">&lt;/<span class="hljs-name">abbr</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-input"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"example-title-required"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">"Type a title"</span> /&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"example-body-required"</span>&gt;</span>Body<span class="hljs-tag">&lt;<span class="hljs-name">abbr</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-required-symbol"</span> <span class="hljs-attr">title</span>=<span class="hljs-string">"required"</span>&gt;</span>*<span class="hljs-tag">&lt;/<span class="hljs-name">abbr</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">textarea</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-textarea hmn1"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"example-body-required"</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">"Type a question"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"example-ask-members"</span>&gt;</span>Ask team members<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-input"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"example-ask-members"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">"Type a name"</span> /&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">form</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div class="d-flex w100 jc-space-between ai-center">
+                <h1 class="fs-headline1 fw-normal mb16">
+                    Ask a question
+                </h1>
+                <p class="fs-caption fc-black-400">Required fields<abbr class="s-required-symbol" title="required">*</abbr></p>
+            </div>
+            <form class="d-flex fd-column gy24">
+                <div class="s-form-group">
+                    <label class="s-label" for="example-title-required">Title<abbr class="s-required-symbol" title="required">*</abbr></label>
+                    <input class="s-input" id="example-title-required" type="text" placeholder="Type a title">
+                </div>
+                <div class="s-form-group">
+                    <label class="s-label" for="example-body-required">Body<abbr class="s-required-symbol" title="required">*</abbr></label>
+                    <textarea class="s-textarea hmn1" id="example-body-required" placeholder="Type a question"></textarea>
+                </div>
+                <div class="s-form-group">
+                    <label class="s-label" for="example-ask-members">Ask team members</label>
+                    <input class="s-input" id="example-ask-members" type="text" placeholder="Type a name">
+                </div>
+            </form>
+        </div>
+    </div>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="validation-states">Validation states</h2><a class="s-btn s-btn__clear" href="#validation-states"><span class="v-visible-sr">Section titled Validation states</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Validation states provides the user feedback based on their interaction (or lack of interaction) with an input. These styles are applied by applying the appropriate class to the wrapping parent container.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="validation-classes">Validation classes</h3><a class="s-btn s-btn__clear" href="#validation-classes"><span class="v-visible-sr">Section titled Validation classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    
+    
+    
+    
+
+
+    
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+    
+
+
+
+
+    
+
+
+
+
+    
+
+
+
+    
+
+
+<div id="docs-table" class="overflow-x-auto s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell3">
+                        Class
+                    </th>
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Applies to
+                    </th>
+                
+                
+                
+                    <th scope="col" class="">
+                        Description
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.has-warning</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Parent element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>Used to warn users that the value they’ve entered has a potential problem, but it doesn’t block them from proceeding.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.has-error</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Parent element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>Used to alert users that the value they’ve entered is incorrect, not filled in, or has a problem which will block them from proceeding.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.has-success</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Parent element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>Used to notify users that the value they’ve entered is fine or has been submitted successfully.</td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="validation-guidance">Validation guidance</h3><a class="s-btn s-btn__clear" href="#validation-guidance"><span class="v-visible-sr">Section titled Validation guidance</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">
+        In most cases, validation states shouldn’t be shown until after the user has submitted the form. There are certain exceptions where it can be appropriate to show a validation state without form submission—after a sufficient delay. For example, validating the existence of a username can occur after the user has stopped typing, or when they’ve deselected the input.
+    </p>
+    <p class="docs-copy">
+        Once the user is presented validation states, they can be cleared as soon as the user interacts with the form field. For example, the error state for an incorrect password should be cleared as soon as the user focuses the input to re-enter their password.
+    </p>
+    <p class="docs-copy mb32">
+        Similarly to using <code>for</code> with labels, validation messages below inputs should be associated with their respective fields using the <code>aria-describedby</code> attribute for accessible behavior.
+    </p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="validation-examples">Validation examples</h3><a class="s-btn s-btn__clear" href="#validation-examples"><span class="v-visible-sr">Section titled Validation examples</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="d-flex jc-space-between ai-end mb12"><h4 class="fl-grow1 mb0 lh-sm  fs-body3 fc-black-400" id="warning">Warning</h4><a class="s-btn s-btn__clear" href="#warning"><span class="v-visible-sr">Section titled Warning</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group has-warning"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"example-warning"</span>&gt;</span>Username<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-flex ps-relative"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-input"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"example-warning"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">""</span> <span class="hljs-attr">aria-describedby</span>=<span class="hljs-string">"example-warning-desc"</span> /&gt;</span><br>        @Svg.Alert.With("s-input-icon")<br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"example-warning-desc"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-input-message"</span>&gt;</span>Caps lock is on! <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"#"</span>&gt;</span>Having trouble entering your username?<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div>
+                <div class="s-form-group has-warning">
+                    <label class="s-label" for="example-warning">Username</label>
+                    <div class="d-flex ps-relative">
+                        <input class="s-input" id="example-warning" type="text" value="AA" aria-describedby="example-warning-desc">
+                        <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconAlert s-input-icon" aria-hidden="true"><path d="M10 2q.41.01.64.37l8.76 14.58a.75.75 0 0 1-.65 1.14H1.25a.75.75 0 0 1-.65-1.14L9.36 2.37l.05-.09A.8.8 0 0 1 10 2M2.57 16.6h14.86L10 4.2zM11 15.52H9v-2h2zm0-2.97H9v-5.5h2z"></path></svg>
+                    </div>
+                    <p id="example-warning-desc" class="s-input-message">Caps lock is on! <a href="#">Having trouble entering your username?</a></p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h4 class="fl-grow1 mb0 lh-sm  fs-body3 fc-black-400" id="error">Error</h4><a class="s-btn s-btn__clear" href="#error"><span class="v-visible-sr">Section titled Error</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="s-notice s-anchors s-anchors__inherit s-anchors__underlined s-notice__warning mb16"><span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconAlert" aria-hidden="true"><path d="M10 2q.41.01.64.37l8.76 14.58a.75.75 0 0 1-.65 1.14H1.25a.75.75 0 0 1-.65-1.14L9.36 2.37l.05-.09A.8.8 0 0 1 10 2M2.57 16.6h14.86L10 4.2zM11 15.52H9v-2h2zm0-2.97H9v-5.5h2z"></path></svg></span><span>
+        <p class="mb0">In addition to using the "error" state for a field, be sure to use the <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attributev"><code>aria-invalid</code></a> attribute to indicate to assistive technology that respective fields have failed validation.</p>
+    </span></div>
+
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group has-error"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"example-error"</span>&gt;</span>Username<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-flex ps-relative"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-input"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"example-error"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">"e.g. johndoe111"</span> <span class="hljs-attr">aria-describedby</span>=<span class="hljs-string">"example-error-desc"</span> <span class="hljs-attr">aria-invalid</span>=<span class="hljs-string">"true"</span> /&gt;</span><br>        @Svg.AlertFill.With("s-input-icon")<br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"example-error-desc"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-input-message"</span>&gt;</span>You must provide a username. <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"#"</span>&gt;</span>Forgot your username?<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div>
+                <div class="s-form-group has-error">
+                    <label class="s-label" for="example-error">Username</label>
+                    <div class="d-flex ps-relative">
+                        <input class="s-input" id="example-error" type="text" aria-describedby="example-error-desc">
+                        <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconAlertFill s-input-icon" aria-hidden="true"><path d="M10 2q.41.01.64.37l8.76 14.58a.75.75 0 0 1-.65 1.14H1.25a.75.75 0 0 1-.65-1.14L9.36 2.37l.05-.08A.8.8 0 0 1 10 2M9 13.53v2h2v-2zm0-6.47v5.5h2v-5.5z"></path></svg>
+                    </div>
+                    <p id="example-error-desc" class="s-input-message">You must provide a username. <a href="#">Forgot your username?</a></p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h4 class="fl-grow1 mb0 lh-sm  fs-body3 fc-black-400" id="success">Success</h4><a class="s-btn s-btn__clear" href="#success"><span class="v-visible-sr">Section titled Success</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group has-success"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"example-success"</span>&gt;</span>Username<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-flex ps-relative"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-input"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"example-success"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> <span class="hljs-attr">aria-describedby</span>=<span class="hljs-string">"example-success-desc"</span> /&gt;</span><br>        @Svg.Checkmark.With("s-input-icon")<br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"example-success-desc"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-input-message"</span>&gt;</span>That name is available! <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"#"</span>&gt;</span>Why do we require a username?<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div>
+                <div class="s-form-group has-success">
+                    <label class="s-label" for="example-success">Username</label>
+                    <div class="d-flex ps-relative">
+                        <input class="s-input" id="example-success" type="text" value="aaronshekey" aria-describedby="example-success-desc">
+                        <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconCheck s-input-icon" aria-hidden="true"><path d="m18.16 5-.53.53L7.55 15.61l-.53.53-5.03-5.03 1.06-1.06 3.97 3.97 9.55-9.55.53-.53z"></path></svg>
+                    </div>
+                    <p id="example-success-desc" class="s-input-message">That name is available! <a href="#">Why do we require a username?</a></p>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="icons">Icons</h2><a class="s-btn s-btn__clear" href="#icons"><span class="v-visible-sr">Section titled Icons</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="search">Search</h3><a class="s-btn s-btn__clear" href="#search"><span class="v-visible-sr">Section titled Search</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Stacks provides helper classes to consistently style an input used for search. First, wrap your search input in an element with relative positioning. Then, and add <code>s-input__search</code> to the input itself. Finally, be sure to add <code>s-input-icon</code> and <code>s-input-icon__search</code> to the search icon.</p>
+
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ps-relative"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"v-visible-sr"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"example-search"</span>&gt;</span>Search<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-input s-input__search"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"example-search"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">"Search…"</span> /&gt;</span><br>    @Svg.Search.With("s-input-icon s-input-icon__search")<br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div class="ps-relative">
+                <label class="v-visible-sr" for="example-search">Search</label>
+                <input class="s-input s-input__search" id="example-search" type="text" placeholder="Search…">
+                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconSearch s-input-icon s-input-icon__search" aria-hidden="true"><path d="M8.25 1a7.25 7.25 0 0 1 6.67 10.1l-1.17-1.17a5.75 5.75 0 1 0-.94 1.82l1.07 1.07 4.15 4.15-1.06 1.06-4.15-4.15A7.25 7.25 0 1 1 8.25 1"></path></svg>
+            </div>
+        </div>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="credit-card">Credit Card</h3><a class="s-btn s-btn__clear" href="#credit-card"><span class="v-visible-sr">Section titled Credit Card</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ps-relative"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"v-visible-sr"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"example-creditcard"</span>&gt;</span>Credit Card<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-input s-input__creditcard"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"example-creditcard"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> /&gt;</span><br>    @Svg.CreditCard.With("s-input-icon s-input-icon__creditcard")<br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div class="ps-relative">
+                <label class="v-visible-sr" for="example-creditcard">Credit Card</label>
+                <input class="s-input s-input__creditcard" id="example-creditcard" type="text">
+                <svg aria-hidden="true" class="svg-icon iconCreditCard s-input-icon s-input-icon__creditcard" width="18" height="18" viewBox="0 0 18 18"><path d="M3 3h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2m0 6v4h12V9zm0-3h12V5H3z"></path></svg>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="sizes">Sizes</h2><a class="s-btn s-btn__clear" href="#sizes"><span class="v-visible-sr">Section titled Sizes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    
+    
+    
+    
+    
+    
+
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+    
+
+
+
+
+    
+
+
+
+
+
+
+    
+
+
+<div id="input-sizes-table" class="overflow-x-auto s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell3">
+                        Class
+                    </th>
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Name
+                    </th>
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Size
+                    </th>
+                
+                
+                    <th scope="col" class="">
+                        Example
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-input__sm</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Small</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">13px</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td><input type="text" placeholder="e.g. What is Stacks?" class="s-input s-input__sm"></td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Default</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">14px</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td><input type="text" placeholder="e.g. What is Stacks?" class="s-input"></td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-input__lg</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Large</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">18px</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td><input type="text" placeholder="e.g. What is Stacks?" class="s-input s-input__lg"></td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="input-fills">Input fills</h2><a class="s-btn s-btn__clear" href="#input-fills"><span class="v-visible-sr">Section titled Input fills</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Input fills are used to visually connect input text boxes with related content.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="prepended-inputs">Prepended inputs</h3><a class="s-btn s-btn__clear" href="#prepended-inputs"><span class="v-visible-sr">Section titled Prepended inputs</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"website-url"</span>&gt;</span>Website URL<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-flex"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-input-fill order-first"</span>&gt;</span>https://<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-flex fl-grow1 ps-relative"</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-input blr0"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"website-url"</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">"www.stackoverflow.com"</span> /&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div class="s-form-group">
+                <label class="s-label" for="website-url">Website URL</label>
+                <div class="d-flex">
+                    <div class="s-input-fill order-first">https://</div>
+                    <div class="d-flex fl-grow1 ps-relative">
+                        <input class="s-input blr0" type="text" id="website-url" placeholder="www.stackoverflow.com">
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="appended-inputs">Appended inputs</h3><a class="s-btn s-btn__clear" href="#appended-inputs"><span class="v-visible-sr">Section titled Appended inputs</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"min-salary"</span>&gt;</span>Minimum Salary<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-flex"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-flex ai-center order-last s-input-fill"</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-flex gx4 ai-center"</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-checkbox"</span>&gt;</span><br>                    <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"checkbox"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"need-visa"</span> /&gt;</span><br>                    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"need-visa"</span>&gt;</span>Need Visa Sponsorship<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>                <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-flex fl-grow1 ps-relative"</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-input brr0"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"number"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"min-salary"</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">"e.g. 125,000"</span> /&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div class="s-form-group">
+                <label class="s-label" for="min-salary">Minimum Salary</label>
+                <div class="d-flex">
+                    <div class="d-flex ai-center order-last s-input-fill">
+                        <div class="d-flex gx4 ai-center">
+                            <div class="s-checkbox">
+                                <input type="checkbox" id="need-visa">
+                                <label class="s-label" for="need-visa">Need Visa Sponsorship</label>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="d-flex fl-grow1 ps-relative">
+                        <input class="s-input brr0" type="number" id="min-salary" placeholder="e.g. 125,000">
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section class="docs-section">
+
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="nested-inputs">Nested inputs</h2><a class="s-btn s-btn__clear" href="#nested-inputs"><span class="v-visible-sr">Section titled Nested inputs</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">An input can be nested within a container that has the <code>.s-input</code> class applied to display styled elements as if they're within an input.</p>
+
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"tag-selector"</span>&gt;</span>Tags<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-input"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-flex fw-wrap gx8 myn4"</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-tag"</span>&gt;</span><br>                svelte<br>                <span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-tag--dismiss"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"button"</span> <span class="hljs-attr">title</span>=<span class="hljs-string">"Remove tag"</span>&gt;</span><br>                    <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"v-visible-sr"</span>&gt;</span>Dismiss svelte tag<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>                    @Svg.ClearSm<br>                <span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"tag-selector"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-input"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"presentation"</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">"enter up to 5 tags"</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example d-flex fd-column">
+            <div class="s-form-group">
+                <label class="s-label" for="tag-selector">Tags</label>
+                <div class="s-input">
+                    <div class="d-flex fw-wrap gx8 myn4">
+                        <span class="s-tag">
+                            svelte
+                            <button class="s-tag--dismiss" type="button">
+                                <span class="v-visible-sr">Dismiss svelte tag</span>
+                                <svg aria-hidden="true" class="svg-icon iconClearSm" width="14" height="14" viewBox="0 0 14 14"><path d="M12 3.41 10.59 2 7 5.59 3.41 2 2 3.41 5.59 7 2 10.59 3.41 12 7 8.41 10.59 12 12 10.59 8.41 7z"></path></svg>
+                            </button>
+                        </span>
+                    </div>
+                    <input id="tag-selector" class="s-input" type="text" role="presentation" placeholder="enter up to 5 tags">
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+
+            <!-- <div class="d-flex my48 pt24">
+                <div class="mr16">
+                    
+                    <form
+                        id="quick-positive-feedback-inputs"
+                        class="js-feedback-form v-hidden"
+                        name="quick-positive-feedback-inputs"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <form
+                        id="quick-negative-feedback-inputs"
+                        class="js-feedback-form v-hidden"
+                        name="quick-negative-feedback-inputs"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-positive"
+                        role="tooltip">
+                        <div class="s-popover--content">This page is useful</div>
+                    </div>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-negative"
+                        role="tooltip">
+                        <div class="s-popover--content">This page needs improvement</div>
+                    </div>
+                    <div id="vote-feedback" class="s-vote">
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-positive-feedback-inputs"
+                            aria-describedby="tooltip-feedback-positive"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUp" aria-hidden="true"><path d="M10 3q.41.02.64.36l6.9 11.5a.75.75 0 1 1-1.28.78L10 5.21l-5.58 9.3h8.04v-.01h1.1l.97 1.5H3.1a.75.75 0 0 1-.65-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUpFill" aria-hidden="true"><path d="M10 3h.1a1 1 0 0 1 .42.21l.12.15 6.9 11.5.05.09v.03l.02.04q.04.12.04.26v.03q0 .13-.07.25v.02l-.03.04a1 1 0 0 1-.2.23l-.06.05-.04.01-.04.03-.04.01a1 1 0 0 1-.27.05H3a.75.75 0 0 1-.55-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="v-visible-sr">upvote</span>
+                        </button>
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-negative-feedback-inputs"
+                            aria-describedby="tooltip-feedback-negative"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDown" aria-hidden="true"><path d="M10 16a.8.8 0 0 1-.64-.36l-6.9-11.5a.75.75 0 1 1 1.28-.78L10 13.8l5.58-9.3H6.44L5.47 3H16.9a.75.75 0 0 1 .65 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDownFill" aria-hidden="true"><path d="M10 16h-.1l-.1-.02a.8.8 0 0 1-.45-.34l-6.9-11.5-.04-.08-.01-.04L2.39 4a1 1 0 0 1-.04-.26V3.7q0-.14.06-.26l.01-.02.02-.04a1 1 0 0 1 .27-.27l.03-.02.05-.02.04-.02A1 1 0 0 1 3.1 3H17a.75.75 0 0 1 .54 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="v-visible-sr">downvote</span>
+                        </button>
+                    </div>
+                </div>
+
+                <form
+                    class="w100 js-feedback-form"
+                    name="feedback-inputs"
+                    method="POST"
+                    data-netlify="true"
+                    action="/success">
+                    <fieldset class="d-flex fd-column fl-grow1 g16">
+                        <legend class="fs-title fw-bold">How’d we do?</legend>
+                        <div class="fs-body2">Anonymously upvote, downvote, or send additional feedback below.</div>
+
+                        <textarea
+                            class="s-textarea hmn1"
+                            id="feedback-form"
+                            name="additional-feedback"
+                            placeholder="Tell us how we can improve this page…" required></textarea>
+
+                        <div class="d-flex ai-center fd-row-reverse g8 jc-space-between mln6 sm:d-grid sm:grid__1 sm:ml0">
+                            <button
+                                type="submit"
+                                class="s-btn as-start fl-shrink0">
+                                Send feedback
+                            </button>
+                            <div class="d-flex fw-wrap g8 sm:d-grid sm:grid__1">
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/edit/develop/packages/stacks-docs/./product/components/inputs.html"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    <svg aria-hidden="true" class="svg-icon iconPencilSm" width="14" height="14"  viewBox="0 0 14 14"><path fill="#F1B600" d="m2 10.12 6.37-6.43 1.88 1.88L3.88 12H2z"/><path fill="#E87C87" d="m11.1 1.71 1.13 1.12c.2.2.2.51 0 .71L11.1 4.7 9.21 2.86l1.17-1.15c.2-.2.51-.2.71 0"/></svg>
+                                    Edit
+                                </a>
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/issues/new/choose"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    File an issue
+                                </a>
+                            </div>
+                        </div>
+                    </fieldset>
+                </form>
+            </div> -->
+
+            <!-- <div class="ta-right">
+                <a href="https://www.netlify.com"><img src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg" alt="Deploys by Netlify" /></a>
+            </div> -->
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/labels.md b/packages/stacks-docs-next/src/docs/public/system/components/labels.md
new file mode 100644
index 0000000000..04419143e8
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/labels.md
@@ -0,0 +1,564 @@
+---
+title: "Labels"
+description: "Labels are used to describe inputs, select menus, textareas, radio buttons, and checkboxes."
+figma: "https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=713-24991&amp;p=f&amp;m=dev"
+---
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="classes">Classes</h2><a class="s-btn s-btn__clear" href="#classes"><span class="v-visible-sr">Section titled Classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    
+    
+    
+    
+    
+
+
+    
+
+
+
+
+
+    
+
+
+
+    
+
+
+
+
+    
+
+
+
+    
+
+
+    
+
+
+
+    
+
+
+<div id="docs-table" class="overflow-x-auto s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell4">
+                        Class
+                    </th>
+                
+                
+                
+                    <th scope="col" class="s-table--cell3">
+                        Modifies
+                    </th>
+                
+                
+                    <th scope="col" class="">
+                        Description
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-label</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>Base label style.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-label__sm</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-label</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Apply a small size.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-label__lg</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-label</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Apply a large size.</td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+</section>
+
+<section class="docs-section">
+    <p class="docs-copy">Labels inform users what information is being asked of them. They should be written in sentence case.</p>
+    <div class="s-notice s-anchors s-anchors__inherit s-anchors__underlined s-notice__info mb16"><span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconInfo" aria-hidden="true"><path d="M17.33 4.64a9.08 9.08 0 0 1-12.7 12.7l1.08-1.09A7.58 7.58 0 0 0 16.25 5.71zM10 .92c2.47 0 4.7.98 6.34 2.58l-1.06 1.06A7.58 7.58 0 0 0 4.56 15.28L3.5 16.34A9.08 9.08 0 0 1 10 .91"></path><path d="M10.76 15h-2V8h2zm0-8h-2V5h2z"></path></svg></span><span>
+        For usability reasons, if a label is connected with an input, the <code>for="[id]"</code> attribute should be filled in. This attribute references the input’s <code>id="[value]"</code> value. This makes clicking the label automatically focus the proper input.
+    </span></div>
+</section>
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="base-style">Base style</h2><a class="s-btn s-btn__clear" href="#base-style"><span class="v-visible-sr">Section titled Base style</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">form</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"question-title"</span>&gt;</span>Question title<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-flex ps-relative"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-input"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"question-title"</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">"e.g. Why doesn’t Stack Overflow use a custom web font?"</span>/&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">form</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <form class="s-form-group">
+                <label class="s-label" for="question-title">Question title</label>
+                <div class="d-flex ps-relative">
+                    <input class="s-input" type="text" id="question-title" placeholder="e.g. Why doesn’t Stack Overflow use a custom web font?">
+                </div>
+            </form>
+        </div>
+    </div>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="sizes">Sizes</h2><a class="s-btn s-btn__clear" href="#sizes"><span class="v-visible-sr">Section titled Sizes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    
+    
+    
+    
+    
+    
+
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+    
+
+
+
+
+    
+
+
+
+
+
+
+    
+
+
+<div id="label-sizes-table" class="overflow-x-auto s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell3">
+                        Class
+                    </th>
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Name
+                    </th>
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Size
+                    </th>
+                
+                
+                    <th scope="col" class="">
+                        Example
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-label__sm</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Small</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">14px</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td><label class="s-label s-label__sm">Question title</label></td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Default</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">16px</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td><label class="s-label">Question title</label></td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-label__lg</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Large</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">22px</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td><label class="s-label s-label__lg">Question title</label></td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="description-copy">Description copy</h2><a class="s-btn s-btn__clear" href="#description-copy"><span class="v-visible-sr">Section titled Description copy</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">When a label or input needs further explantation, text should be placed directly underneath it.</p>
+
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">form</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"example-item"</span>&gt;</span><br>        Question title<br>    <span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-description"</span>&gt;</span>Clear question titles are more likely to get answered.<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-flex ps-relative"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-input"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"example-item"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">"e.g. Why doesn’t Stack Overflow use a custom web font?"</span> /&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">form</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <form class="s-form-group">
+                <label class="s-label" for="question-title-copy">
+                    Question title
+                </label>
+                <p class="s-description">Clear question titles are more likely to get answered.</p>
+                <div class="d-flex ps-relative">
+                    <input class="s-input" id="question-title-copy" type="text" placeholder="e.g. Why doesn’t Stack Overflow use a custom web font?">
+                </div>
+            </form>
+        </div>
+    </div>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="status">Status</h2><a class="s-btn s-btn__clear" href="#status"><span class="v-visible-sr">Section titled Status</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Use status indicators to append essential context to a label. This pattern supports any of the various badge states available. When using this indicator, display the full word 'Required' rather than an asterisk. Note: If the majority of a form’s inputs are required, prioritize the asterisk pattern outlined in <a href="/product/components/inputs/#accessibility">Input Accessibility</a> instead.</p>
+
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">form</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"question-title-required"</span>&gt;</span>Question title<span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-badge s-badge__danger"</span>&gt;</span>Required<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-flex ps-relative"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-input"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"question-title-required"</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">"e.g. Why doesn’t Stack Overflow use a custom web font?"</span>/&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">form</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <form class="s-form-group">
+                <label class="s-label" for="question-title-required">Question title<span class="s-badge s-badge__danger">Required</span></label>
+                <div class="d-flex ps-relative">
+                    <input class="s-input" type="text" id="question-title-required" placeholder="e.g. Why doesn’t Stack Overflow use a custom web font?">
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">form</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"question-tags"</span>&gt;</span>Question tags<span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-badge"</span>&gt;</span>Optional<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-flex ps-relative"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-input"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"question-tags"</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">"e.g. Why doesn’t Stack Overflow use a custom web font?"</span>/&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">form</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <form class="s-form-group">
+                <label class="s-label" for="question-tags">Question tags<span class="s-badge">Optional</span></label>
+                <div class="d-flex ps-relative">
+                    <input class="s-input" type="text" id="question-tags" placeholder="e.g. Why doesn’t Stack Overflow use a custom web font?">
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">form</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"question-title-new"</span>&gt;</span>What is your favorite animal?<span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-badge s-badge__info"</span>&gt;</span>Saved for later<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-flex ps-relative"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-input"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"question-title-new"</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">"e.g. hedgehog, platypus, sugar glider"</span>/&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">form</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <form class="s-form-group">
+                <label class="s-label" for="question-title-new">What is your favorite animal?<span class="s-badge s-badge__info">Saved for later</span></label>
+                <div class="d-flex ps-relative">
+                    <input class="s-input" type="text" id="question-title-new" placeholder="e.g. hedgehog, platypus, sugar glider">
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">form</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"question-title-beta"</span>&gt;</span>Notify people<span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-badge s-badge__featured"</span>&gt;</span>New feature<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-flex ps-relative"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-input"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"question-title-beta"</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">"e.g. jdoe, bgates, sjobs"</span>/&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">form</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <form class="s-form-group">
+                <label class="s-label" for="question-title-beta">Notify people<span class="s-badge s-badge__featured">New feature</span></label>
+                <div class="d-flex ps-relative">
+                    <input class="s-input" type="text" id="question-title-beta" placeholder="e.g. jdoe, bgates, sjobs">
+                </div>
+            </form>
+        </div>
+    </div>
+</section>
+
+
+            <!-- <div class="d-flex my48 pt24">
+                <div class="mr16">
+                    
+                    <form
+                        id="quick-positive-feedback-labels"
+                        class="js-feedback-form v-hidden"
+                        name="quick-positive-feedback-labels"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <form
+                        id="quick-negative-feedback-labels"
+                        class="js-feedback-form v-hidden"
+                        name="quick-negative-feedback-labels"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-positive"
+                        role="tooltip">
+                        <div class="s-popover--content">This page is useful</div>
+                    </div>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-negative"
+                        role="tooltip">
+                        <div class="s-popover--content">This page needs improvement</div>
+                    </div>
+                    <div id="vote-feedback" class="s-vote">
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-positive-feedback-labels"
+                            aria-describedby="tooltip-feedback-positive"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUp" aria-hidden="true"><path d="M10 3q.41.02.64.36l6.9 11.5a.75.75 0 1 1-1.28.78L10 5.21l-5.58 9.3h8.04v-.01h1.1l.97 1.5H3.1a.75.75 0 0 1-.65-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUpFill" aria-hidden="true"><path d="M10 3h.1a1 1 0 0 1 .42.21l.12.15 6.9 11.5.05.09v.03l.02.04q.04.12.04.26v.03q0 .13-.07.25v.02l-.03.04a1 1 0 0 1-.2.23l-.06.05-.04.01-.04.03-.04.01a1 1 0 0 1-.27.05H3a.75.75 0 0 1-.55-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="v-visible-sr">upvote</span>
+                        </button>
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-negative-feedback-labels"
+                            aria-describedby="tooltip-feedback-negative"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDown" aria-hidden="true"><path d="M10 16a.8.8 0 0 1-.64-.36l-6.9-11.5a.75.75 0 1 1 1.28-.78L10 13.8l5.58-9.3H6.44L5.47 3H16.9a.75.75 0 0 1 .65 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDownFill" aria-hidden="true"><path d="M10 16h-.1l-.1-.02a.8.8 0 0 1-.45-.34l-6.9-11.5-.04-.08-.01-.04L2.39 4a1 1 0 0 1-.04-.26V3.7q0-.14.06-.26l.01-.02.02-.04a1 1 0 0 1 .27-.27l.03-.02.05-.02.04-.02A1 1 0 0 1 3.1 3H17a.75.75 0 0 1 .54 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="v-visible-sr">downvote</span>
+                        </button>
+                    </div>
+                </div>
+
+                <form
+                    class="w100 js-feedback-form"
+                    name="feedback-labels"
+                    method="POST"
+                    data-netlify="true"
+                    action="/success">
+                    <fieldset class="d-flex fd-column fl-grow1 g16">
+                        <legend class="fs-title fw-bold">How’d we do?</legend>
+                        <div class="fs-body2">Anonymously upvote, downvote, or send additional feedback below.</div>
+
+                        <textarea
+                            class="s-textarea hmn1"
+                            id="feedback-form"
+                            name="additional-feedback"
+                            placeholder="Tell us how we can improve this page…" required></textarea>
+
+                        <div class="d-flex ai-center fd-row-reverse g8 jc-space-between mln6 sm:d-grid sm:grid__1 sm:ml0">
+                            <button
+                                type="submit"
+                                class="s-btn as-start fl-shrink0">
+                                Send feedback
+                            </button>
+                            <div class="d-flex fw-wrap g8 sm:d-grid sm:grid__1">
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/edit/develop/packages/stacks-docs/./product/components/labels.html"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    <svg aria-hidden="true" class="svg-icon iconPencilSm" width="14" height="14"  viewBox="0 0 14 14"><path fill="#F1B600" d="m2 10.12 6.37-6.43 1.88 1.88L3.88 12H2z"/><path fill="#E87C87" d="m11.1 1.71 1.13 1.12c.2.2.2.51 0 .71L11.1 4.7 9.21 2.86l1.17-1.15c.2-.2.51-.2.71 0"/></svg>
+                                    Edit
+                                </a>
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/issues/new/choose"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    File an issue
+                                </a>
+                            </div>
+                        </div>
+                    </fieldset>
+                </form>
+            </div> -->
+
+            <!-- <div class="ta-right">
+                <a href="https://www.netlify.com"><img src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg" alt="Deploys by Netlify" /></a>
+            </div> -->
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/link-previews.md b/packages/stacks-docs-next/src/docs/public/system/components/link-previews.md
new file mode 100644
index 0000000000..56b5270dd4
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/link-previews.md
@@ -0,0 +1,11 @@
+---
+title: "Link Previews"
+---
+
+<script lang="ts">
+    import { Notice } from '@stackoverflow/stacks-svelte';
+</script>
+
+<Notice variant="warning">
+    <p>This component has been removed in Stacks v3. If using Stacks v2, please refer to the <a href="https://v2.stackoverflow.design/product/develop/using-stacks/">v2 documentation</a> for more information.</p>
+</Notice>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/links.md b/packages/stacks-docs-next/src/docs/public/system/components/links.md
new file mode 100644
index 0000000000..71b446994d
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/links.md
@@ -0,0 +1,150 @@
+---
+title: "Links"
+description: "Links are lightly styled via the <code>a</code> element by default. In addition, we provide <code>.s-link</code> and its variations. In rare situations, <code>.s-link</code> can be applied to a <code>button</code> while maintaining the look of an anchor."
+svelte: "https://beta.svelte.stackoverflow.design/?path=/docs/components-link--docs"
+---
+
+<script lang="ts">
+    import { Link } from '@stackoverflow/stacks-svelte';
+    import ClassTable from '$components/ClassTable.svelte';
+    import Example from '$components/Example.svelte';
+    import type { ClassTableRow } from '$components/ClassTable.svelte';
+
+    const linkClasses: ClassTableRow[] = [
+        { class: '.s-link',             modifies: 'N/A',       description: 'Base link style that is used almost universally.' },
+        { class: '.s-link__grayscale',  modifies: '.s-link',   description: 'A link style modification with our default text color.' },
+        { class: '.s-link__muted',      modifies: '.s-link',   description: 'Applies a visually muted style to the base style.' },
+        { class: '.s-link__danger',     modifies: '.s-link',   description: 'Applies an important, destructive red to the base style.' },
+        { class: '.s-link__inherit',    modifies: '.s-link',   description: "Applies the parent element's text color." },
+        { class: '.s-link__underlined', modifies: '.s-link',   description: "Adds an underline to the link's text." },
+        { class: '.s-link__dropdown',   modifies: '.s-link',   description: 'Applies a caret for dropdowns and additional interactivity.' },
+    ];
+
+    const anchorClasses: ClassTableRow[] = [
+        { class: '.s-anchors',             modifies: 'N/A',        description: 'A consistent link style is applied to all descendent anchors.' },
+        { class: '.s-anchors__default',    modifies: '.s-anchors', description: "All descendent links receive s-link's default styling." },
+        { class: '.s-anchors__grayscale',  modifies: '.s-anchors', description: 'Applies gray styling to all descendent links.' },
+        { class: '.s-anchors__muted',      modifies: '.s-anchors', description: 'Applies a visually muted style to all descendent links.' },
+        { class: '.s-anchors__danger',     modifies: '.s-anchors', description: 'Applies an important, destructive red to all descendent links.' },
+        { class: '.s-anchors__underlined', modifies: '.s-anchors', description: 'Applies an underline to all descendent links.' },
+        { class: '.s-anchors__inherit',    modifies: '.s-anchors', description: "Applies the parent element's text color to all descendent links." },
+    ];
+</script>
+
+## Links
+
+### Link classes
+
+<ClassTable classes={linkClasses} />
+
+### Single link examples
+
+```html
+<a class="s-link" href="#">Default</a>
+<a class="s-link s-link__grayscale" href="#">Grayscale</a>
+<a class="s-link s-link__muted" href="#">Muted</a>
+<a class="s-link s-link__danger" href="#">Danger</a>
+<a class="s-link s-link__inherit" href="#">Inherit</a>
+<a class="s-link s-link__underlined" href="#">Underlined</a>
+<button class="s-link">Button Link</button>
+<a class="s-link s-link__dropdown" href="#">Links</a>
+```
+
+<Example>
+    <div class="d-flex g8 ai-center fw-wrap">
+        <Link href="#">Default</Link>
+        <Link href="#" variant="grayscale">Grayscale</Link>
+        <Link href="#" variant="muted">Muted</Link>
+        <Link href="#" variant="danger">Danger</Link>
+        <Link href="#" variant="inherit">Inherit</Link>
+        <Link href="#" underlined>Underlined</Link>
+        <Link>Button Link</Link>
+        <Link href="#" dropdown>Links</Link>
+    </div>
+</Example>
+
+### Accessibility
+
+Any link with adjacent static text cannot use color alone to differentiate it as a link. If a link is next to static text and the only visual indication that it's a link is the color of the text, it will require an underline in addition to the color. Reference [WCAG SC 1.4.1](https://www.w3.org/WAI/WCAG22/Techniques/failures/F73) for more details.
+
+## Anchors
+
+### Anchor classes
+
+<ClassTable classes={anchorClasses} />
+
+### Anchor examples
+
+Sometimes you need to give all `<a>` elements inside a container or component the same color, even when it's impractical or even impossible to give each anchor element an `s-link` class (e.g. because the markup is generated from Markdown).
+
+In this case, you can add the `s-anchors` class together with one of the modifiers `s-anchors__default`, `s-anchors__grayscale`, `s-anchors__muted`, `s-anchors__danger`, or `s-anchors__inherit` to the container.
+
+```html
+<div class="s-anchors">…</div>
+<div class="s-anchors s-anchors__grayscale">…</div>
+<div class="s-anchors s-anchors__muted">…</div>
+<div class="s-anchors s-anchors__danger">…</div>
+<div class="s-anchors s-anchors__underlined">…</div>
+<div class="s-anchors s-anchors__inherit">…</div>
+```
+
+<Example>
+    <div class="s-anchors docs-card mb8">
+        There is a <a href="#">default link here</a>, <button class="s-btn s-btn__link">a button</button>, and <a href="https://stackoverflow.com">another one</a>.
+    </div>
+    <div class="s-anchors s-anchors__grayscale docs-card mb8 fc-orange-500">
+        There is a <a href="#">grayscale link here</a>, <button class="s-btn s-btn__link">a button</button>, and <a href="https://stackoverflow.com">another one</a>.
+    </div>
+    <div class="s-anchors s-anchors__muted docs-card mb8">
+        There is a <a href="#">muted link here</a>, <button class="s-btn s-btn__link">a button</button>, and <a href="https://stackoverflow.com">another one</a>.
+    </div>
+    <div class="s-anchors s-anchors__danger docs-card mb8">
+        There is a <a href="#">danger link here</a>, <button class="s-btn s-btn__link">a button</button>, and <a href="https://stackoverflow.com">another one</a>.
+    </div>
+    <div class="s-anchors s-anchors__underlined docs-card mb8">
+        There is a <a href="#">underlined link here</a>, <button class="s-btn s-btn__link">a button</button>, and <a href="https://stackoverflow.com">another one</a>.
+    </div>
+    <div class="s-anchors s-anchors__inherit docs-card mb8 fc-green-400">
+        There is a <a href="#">inherit link here</a>, <button class="s-btn s-btn__link">a button</button>, and <a href="https://stackoverflow.com">another one</a>.
+    </div>
+</Example>
+
+<!-- TODO: .s-anchors classes need to be fixed to apply the appropriate styles when within an .s-prose container -->
+
+One additional level of nesting is supported, but even that should be exceedingly rare. More than that is not supported.
+
+```html
+<div class="s-anchors s-anchors__danger">
+    All <a href="#">links</a> in this <a href="#">outer box</a>
+    are <a href="#">dangerous</a>.
+    <div class="s-anchors s-anchors__default w70 mt8">
+        But all <a href="#">links</a> in this <a href="#">inner box</a>
+        have the <a href="#">default</a> link color.
+    </div>
+</div>
+```
+
+<Example>
+    <div class="s-anchors s-anchors__danger docs-card">
+        All <a href="#">links</a> in this <a href="#">outer box</a> are <a href="#">dangerous</a>.
+        <div class="s-anchors s-anchors__default docs-card w70 mt8">
+            But all <a href="#">links</a> in this <a href="#">inner box</a> have the <a href="#">default</a> link color.
+        </div>
+    </div>
+</Example>
+
+An explicit `s-link` on an anchor overrides any `s-anchors` setting:
+
+```html
+<div class="s-anchors s-anchors__danger">
+    All <a href="#">links</a> in this <a href="#">box</a> are <a href="#">dangerous</a>,
+    except for <a class="s-link">this one</a> which uses the default color, and
+    <a class="s-link s-link__muted">this muted link</a>.
+</div>
+```
+
+<Example>
+    <div class="s-anchors s-anchors__danger docs-card">
+        All <a href="#">links</a> in this <a href="#">box</a> are <a href="#">dangerous</a>, except for <a class="s-link">this one</a> which uses the default color, and <a class="s-link s-link__muted">this muted link</a>.
+    </div>
+</Example>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/loader.md b/packages/stacks-docs-next/src/docs/public/system/components/loader.md
new file mode 100644
index 0000000000..e3bb67ba70
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/loader.md
@@ -0,0 +1,55 @@
+---
+title: "Loader"
+description: "The loader component indicates an active wait state for a page, section, or interactive element."
+svelte: "https://beta.svelte.stackoverflow.design/?path=/docs/components-loader--docs"
+---
+
+<script lang="ts">
+    import { Loader } from '@stackoverflow/stacks-svelte';
+    import ClassTable from '$components/ClassTable.svelte';
+    import ExampleTable from '$components/ExampleTable.svelte';
+    import Example from '$components/Example.svelte';
+    import type { ClassTableRow } from '$components/ClassTable.svelte';
+    import type { ExampleTableRow } from '$components/ExampleTable.svelte';
+
+    const classes: ClassTableRow[] = [
+        { class: '.s-loader',          parent: 'N/A',       modifies: 'N/A',       description: 'Base class for the loader component.' },
+        { class: '.s-loader--sr-text', parent: '.s-loader', modifies: 'N/A',       description: 'Necessary to render the center loader block and renders the accessible text.' },
+        { class: '.s-loader__sm',      parent: 'N/A',       modifies: '.s-loader', description: 'A small variant of the loader component.' },
+        { class: '.s-loader__lg',      parent: 'N/A',       modifies: '.s-loader', description: 'A large variant of the loader component.' },
+    ];
+
+    const sizes: ExampleTableRow[] = [
+        { size: 'sm',      classes: ['.s-loader', '.s-loader__sm'], description: 'A small variant of the loader component.' },
+        { size: undefined, classes: ['.s-loader'],                  description: 'Base class for the loader component.' },
+        { size: 'lg',      classes: ['.s-loader', '.s-loader__lg'], description: 'A large variant of the loader component.' },
+    ];
+</script>
+
+## Classes
+
+<ClassTable {classes} />
+
+## Examples
+
+### Base
+
+The base loader component displays three animated squares.
+
+```html
+<div class="s-loader">
+    <div class="s-loader--sr-text">Loading…</div>
+</div>
+```
+
+<Example>
+    <Loader />
+</Example>
+
+### Sizes
+
+<ExampleTable rows={sizes}>
+    {#snippet example(row)}
+        <Loader size={row.size} />
+    {/snippet}
+</ExampleTable>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/menus.md b/packages/stacks-docs-next/src/docs/public/system/components/menus.md
new file mode 100644
index 0000000000..2449c8a368
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/menus.md
@@ -0,0 +1,270 @@
+---
+title: "Menus"
+description: "A menu offers a contextual list of actions or functions."
+svelte: "https://beta.svelte.stackoverflow.design/?path=/docs/components-menu--docs"
+figma: "https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=610-18810"
+---
+
+<script lang="ts">
+    import { Menu, MenuItem, MenuDivider, MenuTitle, MenuCheckItem } from '@stackoverflow/stacks-svelte';
+    import { IconHome, IconInbox, IconSettings } from '@stackoverflow/stacks-icons/icons';
+    import ClassTable from '$components/ClassTable.svelte';
+    import Example from '$components/Example.svelte';
+    import type { ClassTableRow } from '$components/ClassTable.svelte';
+
+    const classes: ClassTableRow[] = [
+        { class: '.s-menu',                parent: 'N/A',             modifies: 'N/A',              description: 'Base container styling for a menu.' },
+        { class: '.s-menu--divider',       parent: '.s-menu',         modifies: 'N/A',              description: 'Adds a divider line between menu sections.' },
+        { class: '.s-menu--item',          parent: '.s-menu',         modifies: 'N/A',              description: 'Applies link styling to link within a menu. Used for actionable elements.' },
+        { class: '.s-menu--title',         parent: '.s-menu',         modifies: 'N/A',              description: 'Adds appropriate styling for a title within a menu.' },
+        { class: '.s-menu--icon',          parent: '.s-menu--item',   modifies: 'N/A',              description: 'Applies styling to an icon.' },
+        { class: '.s-menu--action',        parent: '.s-menu--item',   modifies: 'N/A',              description: 'Applies link styling to link within a menu. Used for actionable elements.' },
+        { class: '.s-menu--action__danger',parent: 'N/A',             modifies: '.s-menu--action',  description: 'Applies danger styling to a menu link. Used for destructive actions.' },
+    ];
+</script>
+
+## Classes
+
+<ClassTable {classes} />
+
+## Examples
+
+A menu displays a list of choices temporarily, and usually represent tasks or actions. Don't confuse menus for [navigation](/system/components/navigation).
+
+### Basic
+
+At its most basic, a menu is a simple styled list of contextual actions. Because they're contextual, it's strongly recommended that a menu is contained within a [popover](/system/components/popovers) or a [card](/system/components/cards). When placed in various containers, you'll need to either account for the padding on the container, or use negative margins on the menu component itself.
+
+```html
+<div class="s-popover p8">
+    <ul class="s-menu" role="menu">
+        <li class="s-menu--item" role="menuitem">
+            <a class="s-menu--action" href="…">…</a>
+        </li>
+        <li class="s-menu--item" role="menuitem">
+            <button class="s-menu--action">…</button>
+        </li>
+    </ul>
+</div>
+
+<ul class="s-menu" role="menu">
+    <li class="s-menu--item" role="menuitem">
+        <a class="s-menu--action" href="…">…</a>
+    </li>
+</ul>
+```
+
+<Example>
+    <div class="d-flex g16 ai-start fw-wrap">
+        <div class="d-flex fd-column g8">
+            <span class="ff-mono mb8">Within a popover</span>
+            <div class="s-popover is-visible ps-relative ws2 p8">
+                <Menu>
+                    <MenuItem href="#">Share</MenuItem>
+                    <MenuItem href="#">Edit</MenuItem>
+                    <MenuItem href="#">Follow</MenuItem>
+                </Menu>
+            </div>
+        </div>
+        <div class="d-flex fd-column g8">
+            <span class="ff-mono mb8">Within a card</span>
+            <div class="docs-card p8 ws1">
+                <Menu>
+                    <MenuItem href="#">Share</MenuItem>
+                    <MenuItem href="#">Edit</MenuItem>
+                    <MenuItem href="#">Follow</MenuItem>
+                </Menu>
+            </div>
+        </div>
+        <div class="d-flex fd-column g8">
+            <span class="ff-mono mb8">No container</span>
+            <Menu class="ws1">
+                <MenuItem href="#">Share</MenuItem>
+                <MenuItem href="#">Edit</MenuItem>
+                <MenuItem href="#">Follow</MenuItem>
+            </Menu>
+        </div>
+    </div>
+</Example>
+
+### Titles and dividers
+
+You can split up your menu by using either titles, dividers, or some combination of the two. Titles help group similar conceptual actions—in this example, we've grouped all sharing options. We've also split our destructive actions into their own section using a divider.
+
+```html
+<div class="s-popover px0 py4">
+    <ul class="s-menu" role="menu">
+        <li class="s-menu--title" role="separator">…</li>
+        <li class="s-menu--item" role="menuitem">
+            <a class="s-menu--action" href="…">…</a>
+        </li>
+        <li class="s-menu--divider" role="separator"></li>
+        <li class="s-menu--item" role="menuitem">
+            <a class="s-menu--action s-menu--action__danger" href="…">…</a>
+        </li>
+    </ul>
+</div>
+```
+
+<Example>
+    <div class="s-popover is-visible ps-relative ws2 p8">
+        <Menu>
+            <MenuTitle>Share</MenuTitle>
+            <MenuItem href="#">Email</MenuItem>
+            <MenuItem href="#">Facebook</MenuItem>
+            <MenuItem href="#">Twitter</MenuItem>
+            <MenuDivider />
+            <MenuItem href="#" danger>Deactivate</MenuItem>
+            <MenuItem href="#" danger>Delete</MenuItem>
+        </Menu>
+    </div>
+</Example>
+
+### Icons
+
+Icons can be added to menu items to help visually distinguish actions. Include the `s-menu--icon` class on the icon to ensure proper spacing and alignment.
+
+```html
+<ul class="s-menu" role="menu">
+    <li class="s-menu--item" role="menuitem">
+        <a class="s-menu--action" href="#">
+            @Svg.Home.With("s-menu--icon")
+            Home
+        </a>
+    </li>
+    <li class="s-menu--item" role="menuitem">
+        <a class="s-menu--action" href="#">
+            @Svg.Inbox.With("s-menu--icon")
+            Inbox
+        </a>
+    </li>
+    <li class="s-menu--item" role="menuitem">
+        <a class="s-menu--action" href="#">
+            @Svg.Settings.With("s-menu--icon")
+            Settings
+        </a>
+    </li>
+</ul>
+```
+
+<Example>
+    <div class="s-popover is-visible ps-relative ws2 p8">
+        <Menu>
+            <MenuItem href="#" icon={IconHome}>Home</MenuItem>
+            <MenuItem href="#" icon={IconInbox}>Inbox</MenuItem>
+            <MenuItem href="#" icon={IconSettings}>Settings</MenuItem>
+        </Menu>
+    </div>
+</Example>
+
+### Selected states
+
+To create selectable menu items, add `.s-checkbox.s-checkbox__checkmark` or `.s-radio.s-radio__checkmark` to the `.s-menu--action` element and include a radio or checkbox input as a child element. When the input is `:checked`, the corresponding menu item displays a checkmark.
+
+```html
+<fieldset class="s-menu s-form-group">
+    <legend class="s-menu--title">…</legend>
+    <div class="s-menu--item">
+        <label class="s-menu--action s-radio s-radio__checkmark" for="…">
+            <input type="radio" id="…" name="…" value="…">
+            …
+        </label>
+    </div>
+    …
+</fieldset>
+
+<fieldset class="s-menu s-form-group">
+    <legend class="s-menu--title">…</legend>
+    <div class="s-menu--item">
+        <label class="s-menu--action s-checkbox s-checkbox__checkmark" for="…">
+            <input type="checkbox" id="…" name="…" value="…">
+            …
+        </label>
+    </div>
+    …
+</fieldset>
+```
+
+<Example>
+    <div class="d-flex g16 ai-start fw-wrap">
+        <div class="d-flex fd-column g8">
+            <span class="ff-mono mb8">With radio input</span>
+            <div class="s-popover is-visible ps-relative ws2 p8">
+                <Menu type="fieldset">
+                    <MenuTitle type="legend">Select one</MenuTitle>
+                    <MenuCheckItem id="radio-frequent" type="radio" name="sort-radio" label="Frequent" checked />
+                    <MenuCheckItem id="radio-votes"    type="radio" name="sort-radio" label="Votes" />
+                    <MenuCheckItem id="radio-unanswered" type="radio" name="sort-radio" label="Unanswered" />
+                </Menu>
+            </div>
+        </div>
+        <div class="d-flex fd-column g8">
+            <span class="ff-mono mb8">With checkbox input</span>
+            <div class="s-popover is-visible ps-relative ws2 p8">
+                <Menu type="fieldset">
+                    <MenuTitle type="legend">Select multiple</MenuTitle>
+                    <MenuCheckItem id="check-frequent" type="checkbox" name="sort-check" label="Frequent" checked />
+                    <MenuCheckItem id="check-votes"    type="checkbox" name="sort-check" label="Votes" />
+                    <MenuCheckItem id="check-unanswered" type="checkbox" name="sort-check" label="Unanswered" checked />
+                </Menu>
+            </div>
+        </div>
+    </div>
+</Example>
+
+### Radio groups
+
+In the case of user management, it's appropriate to include radio options. In this example, we're setting a user's role. While our examples up to this point have all been simple unordered lists, the `s-menu` component works on any markup including `fieldset`.
+
+```html
+<div class="s-menu" role="menu">
+    <fieldset>
+        <legend class="s-menu--title">…</legend>
+        <label class="s-menu--item s-radio" for="…">
+            <input type="radio" name="…" id="…" role="menuitemradio" checked>
+            <div>
+                <div class="s-label">…</div>
+                <div class="s-description mt2">…</div>
+            </div>
+        </label>
+        <label class="s-menu--item s-radio" for="…">
+            <input type="radio" name="…" id="…" role="menuitemradio">
+            <div>
+                <div class="s-label">…</div>
+                <div class="s-description mt2">…</div>
+            </div>
+        </label>
+    </fieldset>
+</div>
+```
+
+<Example>
+    <div class="s-popover is-visible ps-relative ws3 p8">
+        <div class="s-menu" role="menu">
+            <fieldset>
+                <legend class="s-menu--title">Role</legend>
+                <label class="s-menu--item s-radio" for="role-user">
+                    <input type="radio" name="user-role" id="role-user" role="menuitemradio" checked>
+                    <div>
+                        <div class="s-label">User</div>
+                        <div class="s-description mt2">Can view, ask, answer, and edit questions. Can also vote on and flag content.</div>
+                    </div>
+                </label>
+                <label class="s-menu--item s-radio" for="role-moderator">
+                    <input type="radio" name="user-role" id="role-moderator" role="menuitemradio">
+                    <div>
+                        <div class="s-label">Moderator</div>
+                        <div class="s-description mt2">Everything a user can do, but can also delete and close questions.</div>
+                    </div>
+                </label>
+                <label class="s-menu--item s-radio" for="role-admin">
+                    <input type="radio" name="user-role" id="role-admin" role="menuitemradio">
+                    <div>
+                        <div class="s-label">Admin</div>
+                        <div class="s-description mt2">Everything a moderator can do and can also manage users, permissions, and site settings.</div>
+                    </div>
+                </label>
+            </fieldset>
+        </div>
+    </div>
+</Example>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/modals.md b/packages/stacks-docs-next/src/docs/public/system/components/modals.md
new file mode 100644
index 0000000000..3c3ab40b99
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/modals.md
@@ -0,0 +1,241 @@
+---
+title: "Modals"
+description: "Modals are dialog overlays that prevent the user from interacting with the rest of the website until an action is taken or the dialog is dismissed. Modals are purposefully disruptive and should be used thoughtfully and sparingly."
+svelte: "https://beta.svelte.stackoverflow.design/?path=/docs/components-modal--docs"
+figma: "https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=610-18811&p=f&t=c9NSyJWdASb80eVC-0"
+js: true
+---
+
+<script lang="ts">
+    import { Modal, Button } from '@stackoverflow/stacks-svelte';
+    import ClassTable from '$components/ClassTable.svelte';
+    import Example from '$components/Example.svelte';
+    import type { ClassTableRow } from '$components/ClassTable.svelte';
+
+    const classes: ClassTableRow[] = [
+        { class: '.s-modal',          parent: 'N/A',               modifies: 'N/A',              description: 'Base parent container for modals.' },
+        { class: '.s-modal--dialog',  parent: '.s-modal',          modifies: 'N/A',              description: 'Creates a container that holds the modal dialog with proper padding and shadows.' },
+        { class: '.s-modal--body',    parent: '.s-modal--dialog',  modifies: 'N/A',              description: "Adds proper styling to the modal dialog's body text." },
+        { class: '.s-modal--close',   parent: '.s-modal--dialog',  modifies: 'N/A',              description: 'Used to dismiss a modal.' },
+        { class: '.s-modal--header',  parent: '.s-modal--dialog',  modifies: 'N/A',              description: "Adds proper styling to the modal dialog's header." },
+        { class: '.s-modal--footer',  parent: '.s-modal--dialog',  modifies: 'N/A',              description: 'Adds the desired spacing to the row of button actions.' },
+        { class: '.s-modal__danger',  parent: 'N/A',               modifies: '.s-modal',         description: 'Adds styling for potentially dangerous actions.' },
+        { class: '.s-modal__full',    parent: 'N/A',               modifies: '.s-modal--dialog', description: 'Makes the container take up as much of the screen as possible.' },
+    ];
+
+    const attributes: ClassTableRow[] = [
+        { class: 'data-controller="s-modal"',                parent: 'Controller element',        description: 'Wires up the element to the modal controller. This may be a `.s-modal` element or a wrapper element.' },
+        { class: 'data-s-modal-target="modal"',              parent: '.s-modal element',           description: 'Wires up the element that is to be shown/hidden.' },
+        { class: 'data-s-modal-target="initialFocus"',       parent: 'Any child focusable element',description: 'Designates which element to focus on modal show. If absent, defaults to the first focusable element within the modal.' },
+        { class: 'data-action="s-modal#toggle"',             parent: 'Any child focusable element',description: 'Wires up the element that is to be shown/hidden.' },
+        { class: 'data-action="s-modal#hide"',               parent: 'Any child focusable element',description: 'Wires up the element that is to be shown/hidden.' },
+        { class: 'data-s-modal-return-element="[selector]"', parent: 'Controller element',        description: 'Designates the element to return focus to when the modal is closed. If left unset, focus is not altered on close.' },
+        { class: 'data-s-modal-remove-when-hidden="true"',   parent: 'Controller element',        description: 'Removes the modal from the DOM entirely when it is hidden.' },
+    ];
+
+    const events: ClassTableRow[] = [
+        { class: 's-modal:show',   parent: 'Modal target', description: 'Fires immediately before showing the modal. Calling `.preventDefault()` cancels the display of the modal.' },
+        { class: 's-modal:shown',  parent: 'Modal target', description: 'Fires after the modal has been visually shown.' },
+        { class: 's-modal:hide',   parent: 'Modal target', description: 'Fires immediately before hiding the modal. Calling `.preventDefault()` cancels the removal of the modal.' },
+        { class: 's-modal:hidden', parent: 'Modal target', description: 'Fires after the modal has been visually hidden.' },
+    ];
+
+    const eventDetails: ClassTableRow[] = [
+        { class: 'dispatcher',     parent: 'Modal target', description: 'Contains the `Element` that initiated the event. For instance, the button clicked to show, the element clicked outside the modal that caused it to hide, etc.' },
+        { class: 'returnElement',  parent: 'Modal target', description: 'Contains the `Element` to return focus to on hide. If a value is set to this property inside an event listener, it will be updated on the controller as well.' },
+    ];
+
+    const helpers: ClassTableRow[] = [
+        { class: 'Stacks.showModal', parent: 'Controller element', description: 'Helper to manually show an s-modal element via external JS.' },
+        { class: 'Stacks.hideModal', parent: 'Controller element', description: 'Helper to manually hide an s-modal element via external JS.' },
+    ];
+
+    const accessibility: ClassTableRow[] = [
+        { class: 'aria-describedby="[id]"', parent: 'Modal target', description: "Supply the modal's summary copy id. Assistive technologies use this to associate static text with a widget, element groups, headings, definitions, etc." },
+        { class: 'aria-hidden="[state]"',   parent: 'Modal target', description: 'Informs assistive technologies if they should ignore the element. This should not be confused with the HTML5 `hidden` attribute.' },
+        { class: 'aria-label="[text]"',     parent: 'Modal target', description: 'Labels the element for assistive technologies.' },
+        { class: 'aria-labelledby="[id]"',  parent: 'Modal target', description: "Supply the modal's title id here. Assistive technologies use this to catalog the document objects correctly." },
+        { class: 'role="dialog"',           parent: 'Modal target', description: 'Identifies dialog elements for assistive technologies.' },
+        { class: 'role="document"',         parent: 'Modal target', description: 'Helps assistive technologies to switch their reading mode from the larger document to a focused dialog window.' },
+    ];
+
+    const sizes: ClassTableRow[] = [
+        { class: '.s-modal__full', description: '100% - 48px' },
+    ];
+
+    let showBase   = $state(false);
+    let showDanger = $state(false);
+
+    const lorem = 'Nullam ornare lectus vitae lacinia gravida. Donec pretium dui mauris, quis aliquet ipsum pharetra non. Fusce tincidunt felis dui. Morbi sit amet ipsum nisi.';
+</script>
+
+## Classes
+
+<ClassTable {classes} expandable />
+
+## JavaScript
+
+### Attributes
+
+<ClassTable classes={attributes} headings={{ class: 'Attribute', parent: 'Applies to' }} expandable expandButtonText="Show all attributes" />
+
+### Events
+
+<ClassTable classes={events} headings={{ class: 'Event', parent: 'Applies to' }} />
+
+### Event details
+
+<ClassTable classes={eventDetails} headings={{ class: 'Property', parent: 'Applies to' }} />
+
+### Helpers
+
+<ClassTable classes={helpers} headings={{ class: 'Helper', parent: 'Applies to' }} />
+
+## Accessibility
+
+<ClassTable classes={accessibility} headings={{ class: 'Attribute', parent: 'Applies to' }} />
+
+## Examples
+
+You can wire up a modal along with the corresponding button by wrapping both in a `s-modal` controller and attaching the corresponding `data-*` attributes. Make sure to set `data-s-modal-return-element` if you want your button to refocus on close.
+
+```html
+<div data-controller="s-modal" data-s-modal-return-element="#js-return-focus">
+    <button type="button" id="js-return-focus" data-action="s-modal#show">Show modal</button>
+    <aside class="s-modal" data-s-modal-target="modal" id="modal-base" tabindex="-1" role="dialog" aria-labelledby="modal-title" aria-describedby="modal-description" aria-hidden="true">
+        <div class="s-modal--dialog" role="document">
+            <h1 class="s-modal--header" id="modal-title">…</h1>
+            <p class="s-modal--body" id="modal-description">…</p>
+            <div class="d-flex gx8 s-modal--footer">
+                <button class="s-btn" type="button">…</button>
+                <button class="s-btn s-btn__danger" type="button" data-action="s-modal#hide">…</button>
+            </div>
+            <button class="s-modal--close s-btn s-btn__clear" type="button" aria-label="Close" data-action="s-modal#hide">
+                @Svg.Cross
+            </button>
+        </div>
+    </aside>
+</div>
+```
+
+Alternatively, you can also use the built in helper to display a modal straight from your JS file. This is useful for the times when your modal markup can't live next to your button or if it is generated dynamically (e.g. from an AJAX call).
+
+```html
+<button class="s-btn js-modal-toggle" type="button">Show modal</button>
+<aside class="s-modal" id="modal-base" role="dialog" aria-labelledby="modal-title" aria-describedby="modal-description" aria-hidden="true"
+    data-controller="s-modal" data-s-modal-target="modal">
+    …
+</aside>
+```
+
+```javascript
+document.querySelector(".js-modal-toggle").addEventListener("click", function(e) {
+    Stacks.showModal(document.querySelector("#modal-base"));
+});
+```
+
+<Example>
+    <div class="d-flex g8 fw-wrap">
+        <Button onclick={() => showBase = true}>Launch example modal</Button>
+        <Button variant="danger" onclick={() => showDanger = true}>Launch example modal w/ danger state</Button>
+    </div>
+</Example>
+
+<Modal id="modal-launch-base" visible={showBase} onclose={() => showBase = false}>
+    {#snippet header()}Example title{/snippet}
+    {#snippet body()}{lorem}{/snippet}
+    {#snippet footer()}
+        <Button>Save changes</Button>
+        <Button weight="clear" onclick={() => showBase = false}>Cancel</Button>
+    {/snippet}
+</Modal>
+
+<Modal id="modal-launch-danger" visible={showDanger} state="danger" onclose={() => showDanger = false}>
+    {#snippet header()}Example title{/snippet}
+    {#snippet body()}{lorem}{/snippet}
+    {#snippet footer()}
+        <Button variant="danger">Save changes</Button>
+        <Button weight="clear" onclick={() => showDanger = false}>Cancel</Button>
+    {/snippet}
+</Modal>
+
+### Danger state
+
+Not every modal is sunshine and rainbows. Sometimes there are potentially drastic things that could happen by hitting a confirm button in a modal—such as deleting an account. In moments like this, add the `.s-modal__danger` class to `.s-modal`. Additionally, you should switch the buttons to `.s-btn__danger`, since the main call to action will be destructive.
+
+```html
+<aside class="s-modal s-modal__danger" id="modal-base" tabindex="-1" role="dialog" aria-labelledby="modal-title" aria-describedby="modal-description" aria-hidden="true"
+    data-controller="s-modal" data-s-modal-target="modal">
+    <div class="s-modal--dialog" role="document">
+        <h1 class="s-modal--header" id="modal-title">…</h1>
+        <p class="s-modal--body" id="modal-description">…</p>
+        <div class="d-flex gx8 s-modal--footer">
+            <button class="s-btn s-btn__danger" type="button">…</button>
+            <button class="s-btn s-btn__clear" type="button" data-action="s-modal#hide">…</button>
+        </div>
+        <button class="s-modal--close s-btn s-btn__clear" type="button" aria-label="Close" data-action="s-modal#hide">
+            @Svg.Cross
+        </button>
+    </div>
+</aside>
+```
+
+<div class="ba bc-black-225 bar-sm mb32 overflow-visible">
+    <div class="ps-relative d-flex jc-center hs3">
+        <aside class="s-modal s-modal__danger ps-absolute z-base mn1" role="presentation"
+            aria-labelledby="modal-inline-danger-title"
+            aria-describedby="modal-inline-danger-description"
+            aria-hidden="false">
+            <div class="s-modal--dialog" role="document">
+                <h1 class="s-modal--header" id="modal-inline-danger-title">Example title</h1>
+                <p class="s-modal--body" id="modal-inline-danger-description">{lorem}</p>
+                <div class="d-flex g8 s-modal--footer">
+                    <button class="s-btn s-btn__danger" type="button">Save changes</button>
+                    <button class="s-btn s-btn__clear" type="button">Cancel</button>
+                </div>
+            </div>
+        </aside>
+    </div>
+</div>
+
+### Celebratory
+
+Sometimes it's appropriate to confirm a user's action with some confetti. You can combine our [confetti background utility](/system/base/backgrounds#confetti) with some extra spacing by adding the `s-modal__celebration` modifier.
+
+```html
+<aside class="s-modal s-modal__celebration" id="modal-base" tabindex="-1" role="dialog" aria-labelledby="modal-title" aria-describedby="modal-description" aria-hidden="true" data-controller="s-modal" data-s-modal-target="modal">
+    <div class="s-modal--dialog" role="document">
+        <h1 class="s-modal--header" id="modal-title">…</h1>
+        <p class="s-modal--body" id="modal-description">…</p>
+        <div class="d-flex gx8 s-modal--footer">
+            <button class="s-btn" type="button">…</button>
+        </div>
+        <button class="s-modal--close s-btn s-btn__clear" type="button" aria-label="Close" data-action="s-modal#hide">
+            @Svg.Cross
+        </button>
+    </div>
+</aside>
+```
+
+<div class="ba bc-black-225 bar-sm mb32 overflow-visible">
+    <div class="ps-relative d-flex jc-center hs3">
+        <aside class="s-modal s-modal__celebration ps-absolute z-base mn1" role="presentation"
+            aria-labelledby="modal-inline-celebration-title"
+            aria-describedby="modal-inline-celebration-description"
+            aria-hidden="false">
+            <div class="s-modal--dialog" role="document">
+                <h1 class="s-modal--header" id="modal-inline-celebration-title">Congratulations!</h1>
+                <p class="s-modal--body" id="modal-inline-celebration-description">{lorem}</p>
+                <div class="d-flex g8 s-modal--footer">
+                    <button class="s-btn" type="button">Got it!</button>
+                </div>
+            </div>
+        </aside>
+    </div>
+</div>
+
+## Sizes
+
+Most modal dialogs look good by default, but may need some combination of `.ws[x]` or `.wmx[x]` classes applied to `.s-modal--dialog`. Additionally, the following class is available for modals:
+
+<ClassTable classes={sizes} headings={{ description: 'Value' }} />
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/navigation.md b/packages/stacks-docs-next/src/docs/public/system/components/navigation.md
new file mode 100644
index 0000000000..cd01ba45d3
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/navigation.md
@@ -0,0 +1,414 @@
+---
+title: "Navigation"
+description: "Our navigation component is a collection of buttons that respond gracefully to various window sizes and parent containers."
+svelte: "https://beta.svelte.stackoverflow.design/?path=/docs/components-navigation--docs"
+figma: "https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=610-18812&t=5ggsDIb9OENEwDl0-1"
+js: true
+---
+
+<script lang="ts">
+    import { Navigation, NavigationItem, NavigationGroup, Button, Badge, ActivityIndicator } from '@stackoverflow/stacks-svelte';
+    import {
+        IconQandA, IconQandAFill,
+        IconTagStack, IconTagStackFill,
+        IconUserStack, IconUserStackFill,
+        IconSettings, IconSettingsFill,
+        IconHome, IconHomeFill,
+        IconJobs, IconJobsFill,
+    } from '@stackoverflow/stacks-icons/icons';
+    import ClassTable from '$components/ClassTable.svelte';
+    import Example from '$components/Example.svelte';
+    import type { ClassTableRow } from '$components/ClassTable.svelte';
+
+    const classes: ClassTableRow[] = [
+        { class: '.s-navigation',                  parent: 'N/A',                  modifies: 'N/A',                 description: 'Base parent container for navigation.' },
+        { class: '.s-navigation--item',            parent: '.s-navigation',        modifies: 'N/A',                 description: 'The individual item in a navigation.' },
+        { class: '.s-navigation--avatar',          parent: '.s-navigation--item',  modifies: 'N/A',                 description: 'Applies styling to the avatar of the navigation item.' },
+        { class: '.s-navigation--icon',            parent: '.s-navigation--item',  modifies: 'N/A',                 description: 'Applies styling to the icon of the navigation item.' },
+        { class: '.s-navigation--item-text',       parent: '.s-navigation--item',  modifies: 'N/A',                 description: 'The element meant to contain the text of the navigation item.' },
+        { class: '.s-navigation__scroll',          parent: 'N/A',                  modifies: '.s-navigation',       description: 'When the navigation items overflow the width of the component, enable horizontal scrolling. By default, navigation items will wrap. This should not be applied to vertical navigations.' },
+        { class: '.s-navigation__sm',              parent: 'N/A',                  modifies: '.s-navigation',       description: 'Tightens up the overall spacing and reduces the text size.' },
+        { class: '.s-navigation__vertical',        parent: 'N/A',                  modifies: '.s-navigation',       description: 'Renders the navigation vertically.' },
+        { class: '.s-navigation--item__dropdown',  parent: 'N/A',                  modifies: '.s-navigation--item', description: 'Adds a small caret that indicates a dropdown.' },
+        { class: '.is-selected',                   parent: 'N/A',                  modifies: '.s-navigation--item', description: "Applies to a navigation item that's currently selected / active." },
+    ];
+
+    const layoutShiftAttributes: ClassTableRow[] = [
+        { class: 'data-text="[value]"', parent: '.s-navigation--item-text', description: 'Prevents layout shift when changing selected button. Value should be the text of the navigation item.' },
+    ];
+</script>
+
+## Classes
+
+<ClassTable {classes} expandable />
+
+### Preventing layout shift
+
+Horizontal layout shift may occur when changing which item is selected within the navigation component. We recommend including the `data-text` attribute on the child navigation item text element with the value duplicating the text of the item to prevent the layout shift. See below for examples.
+
+<ClassTable classes={layoutShiftAttributes} headings={{ class: 'Item', parent: 'Applied to' }} />
+
+## Horizontal
+
+Care should be taken to only include at most one primary and one secondary navigation per page. Using multiple navigations with the same style can cause user confusion.
+
+Forcing a navigation to scroll is an established pattern on mobile devices, so it may be appropriate to use it in that context. Wrapping tends to make more sense on larger screens, where the user isn't forced to scroll passed a ton of navigation chrome.
+
+### Horizontal default
+
+Use the default size for primary page-level navigation, typically placed near the top of the page.
+
+```html
+<nav aria-label="…">
+    <ul class="s-navigation">
+        <li>
+            <a href="…" class="s-navigation--item is-selected">
+                <span class="s-navigation--item-text" data-text="…">…</span>
+            </a>
+        </li>
+        <li>
+            <a href="…" class="s-navigation--item">
+                <span class="s-navigation--item-text" data-text="…">…</span>
+            </a>
+        </li>
+    </ul>
+</nav>
+```
+
+<Example>
+    <div class="d-flex fd-column g16">
+        <div class="d-flex fd-column g8">
+            <span class="ff-mono mb8">Full width</span>
+            <Navigation label="horizontal full width navigation">
+                <NavigationItem href="#" text="Product" selected />
+                <NavigationItem href="#" text="Email" />
+                <NavigationItem href="#" text="Content" />
+                <NavigationItem href="#" text="Brand" />
+                <NavigationItem href="#" text="Marketing" />
+            </Navigation>
+        </div>
+        <div class="d-flex fd-column g8">
+            <span class="ff-mono mb8">Wrapped</span>
+            <Navigation label="horizontal wrapped navigation" class="wmx2">
+                <NavigationItem href="#" text="Product" selected />
+                <NavigationItem href="#" text="Email" />
+                <NavigationItem href="#" text="Content" />
+                <NavigationItem href="#" text="Brand" />
+                <NavigationItem href="#" text="Marketing" />
+            </Navigation>
+        </div>
+    </div>
+</Example>
+
+### Icons
+
+Use the icon variant for a prominent, secondary horizontal navigation bar that directs users to main page sections. Limit use to one per page and do not use it for in-page filtering. Icon styles should change with the state of the item (ex: selected items use a fill icon)
+
+```html
+<nav aria-label="…">
+    <ul class="s-navigation">
+        <li>
+            <a href="…" class="s-navigation--item is-selected">
+                <svg class="s-navigation--icon" aria-hidden="true">…</svg>
+                <span class="s-navigation--item-text" data-text="Content">Content</span>
+            </a>
+        </li>
+        <li>
+            <a href="…" class="s-navigation--item">
+                <svg class="s-navigation--icon" aria-hidden="true">…</svg>
+                <span class="s-navigation--item-text" data-text="Topics">Topics</span>
+            </a>
+        </li>
+        <li>
+            <a href="…" class="s-navigation--item">
+                <svg class="s-navigation--icon" aria-hidden="true">…</svg>
+                <span class="s-navigation--item-text" data-text="People">People</span>
+            </a>
+        </li>
+        <li>
+            <a href="…" class="s-navigation--item s-navigation--item__dropdown">
+                <svg class="s-navigation--icon" aria-hidden="true">…</svg>
+                <span class="s-navigation--item-text" data-text="Settings">Settings</span>
+            </a>
+        </li>
+    </ul>
+</nav>
+```
+
+<Example>
+    <div class="d-flex jc-space-between sm:d-block">
+        <Navigation label="horizontal navigation with icons" class="d-inline-block">
+            <NavigationItem href="#" text="Content" icon={IconQandA} iconSelected={IconQandAFill} selected />
+            <NavigationItem href="#" text="Topics" icon={IconTagStack} iconSelected={IconTagStackFill} />
+            <NavigationItem href="#" text="People" icon={IconUserStack} iconSelected={IconUserStackFill} />
+            <NavigationItem href="#" text="Settings" icon={IconSettings} iconSelected={IconSettingsFill}>
+                {#snippet dropdown()}{/snippet}
+            </NavigationItem>
+        </Navigation>
+        <Button variant="tonal" dropdown>Today</Button>
+    </div>
+</Example>
+
+### Scrolling
+
+```html
+<nav aria-label="…">
+    <ul class="s-navigation s-navigation__scroll">
+        <li>
+            <a href="…" class="s-navigation--item is-selected">
+                <span class="s-navigation--item-text" data-text="…">…</span>
+            </a>
+        </li>
+        <li>
+            <a href="…" class="s-navigation--item">
+                <span class="s-navigation--item-text" data-text="…">…</span>
+            </a>
+        </li>
+    </ul>
+</nav>
+```
+
+<Example>
+    <Navigation label="scrolling navigation" overflow="scroll" class="wmx3">
+        <NavigationItem href="#" text="Product" selected />
+        <NavigationItem href="#" text="Email" />
+        <NavigationItem href="#" text="Content" />
+        <NavigationItem href="#" text="Brand" />
+        <NavigationItem href="#" text="Marketing" />
+    </Navigation>
+</Example>
+
+### Dropdown
+
+```html
+<nav aria-label="…">
+    <ul class="s-navigation s-navigation__scroll">
+        <li>
+            <a href="…" class="s-navigation--item is-selected">
+                <span class="s-navigation--item-text" data-text="…">…</span>
+            </a>
+        </li>
+        <li>
+            <a href="…" class="s-navigation--item">
+                <span class="s-navigation--item-text" data-text="…">…</span>
+            </a>
+        </li>
+        <li>
+            <a href="…" class="s-navigation--item s-navigation--item__dropdown">
+                <span class="s-navigation--item-text" data-text="…">…</span>
+            </a>
+        </li>
+    </ul>
+</nav>
+```
+
+<Example>
+    <Navigation label="dropdown navigation" overflow="scroll" class="wmx3">
+        <NavigationItem href="#" text="Product" selected />
+        <NavigationItem href="#" text="Email" />
+        <NavigationItem href="#" text="More">
+            {#snippet dropdown()}{/snippet}
+        </NavigationItem>
+    </Navigation>
+</Example>
+
+### Small
+
+Use the small variant for on-page filtering in space-constrained areas, such as controlling small lists. Avoid using icons on the small variant.
+
+```html
+<nav aria-label="…">
+    <ul class="s-navigation s-navigation__sm">
+        <li>
+            <a href="…" class="s-navigation--item is-selected">
+                <span class="s-navigation--item-text" data-text="…">…</span>
+            </a>
+        </li>
+        <li>
+            <a href="…" class="s-navigation--item">
+                <span class="s-navigation--item-text" data-text="…">…</span>
+            </a>
+        </li>
+    </ul>
+</nav>
+```
+
+<Example>
+    <Navigation label="small navigation" size="sm">
+        <NavigationItem href="#" text="Product" selected />
+        <NavigationItem href="#" text="Email" />
+        <NavigationItem href="#" text="Content" />
+        <NavigationItem href="#" text="Brand" />
+        <NavigationItem href="#" text="Marketing" />
+    </Navigation>
+</Example>
+
+## Vertical
+
+Stacks also provides a vertical variation with support for section headers.
+
+### Vertical default
+
+```html
+<nav aria-label="…">
+    <ul class="s-navigation s-navigation__vertical">
+        <li>
+            <a href="…" class="s-navigation--item is-selected">
+                <span class="s-navigation--item-text" data-text="…">…</span>
+            </a>
+        </li>
+        <li>
+            <a href="…" class="s-navigation--item">
+                <span class="s-navigation--item-text" data-text="…">…</span>
+            </a>
+        </li>
+    </ul>
+</nav>
+```
+
+<Example>
+    <Navigation label="vertical default navigation" orientation="vertical" class="ws2">
+        <NavigationItem href="#" text="Product" selected />
+        <NavigationItem href="#" text="Email" />
+        <NavigationItem href="#" text="Content" />
+        <NavigationItem href="#" text="Brand" />
+        <NavigationItem href="#" text="Marketing" />
+    </Navigation>
+</Example>
+
+### Vertical Icons
+
+Vertical navigation items with icons have a larger padding.
+
+```html
+<nav aria-label="…">
+    <ul class="s-navigation s-navigation__vertical">
+        <li>
+            <a href="…" class="s-navigation--item is-selected">
+                <svg class="s-navigation--icon" aria-hidden="true">…</svg>
+                <span class="s-navigation--item-text" data-text="Home">Home</span>
+            </a>
+        </li>
+        <li>
+            <a href="…" class="s-navigation--item d-flex jc-space-between">
+                <svg class="s-navigation--icon" aria-hidden="true">…</svg>
+                <span class="s-navigation--item-text" data-text="Jobs">Jobs</span>
+                <div class="s-badge s-badge__xs s-badge__featured ml-auto">New</div>
+            </a>
+        </li>
+        <li>
+            <a href="…" class="s-navigation--item d-flex jc-space-between">
+                <svg class="s-navigation--icon" aria-hidden="true">…</svg>
+                <span class="s-navigation--item-text" data-text="Saves">Saves</span>
+                <div class="s-activity-indicator ml-auto">
+                    3 <div class="v-visible-sr">new activities</div>
+                </div>
+            </a>
+        </li>
+        <li>
+            <a href="…" class="s-navigation--item">
+                <svg class="s-navigation--icon" aria-hidden="true">…</svg>
+                <span class="s-navigation--item-text" data-text="Users">Users</span>
+            </a>
+        </li>
+    </ul>
+</nav>
+```
+
+<Example>
+    <Navigation label="vertical navigation with icons" orientation="vertical" class="ws2">
+        <NavigationItem href="#" text="Home" icon={IconHome} iconSelected={IconHomeFill} selected />
+        <NavigationItem href="#" text="Jobs" icon={IconJobs} iconSelected={IconJobsFill}>
+            {#snippet trailing()}
+                <Badge text="New" type="state" state="featured" size="sm" />
+            {/snippet}
+        </NavigationItem>
+        <NavigationItem href="#" text="Saves" icon={IconTagStack} iconSelected={IconTagStackFill}>
+            {#snippet trailing()}
+                <ActivityIndicator label="3 new activities" content="3" />
+            {/snippet}
+        </NavigationItem>
+        <NavigationItem href="#" text="Users" icon={IconUserStack} iconSelected={IconUserStackFill} />
+    </Navigation>
+</Example>
+
+### Avatar
+
+```html
+<nav aria-label="…">
+    <ul class="s-navigation s-navigation__vertical">
+        <li>
+            <a href="…" class="s-navigation--item is-selected">
+                <div class="s-navigation--avatar s-avatar">
+                    <img class="s-avatar--image" src="…" />
+                </div>
+                <span class="s-navigation--item-text" data-text="Humson">Humson</span>
+            </a>
+        </li>
+        <li>
+            <a href="…" class="s-navigation--item">
+                <div class="s-navigation--avatar s-avatar">
+                    <img class="s-avatar--image" src="…" />
+                </div>
+                <span class="s-navigation--item-text" data-text="Samson">Samson</span>
+            </a>
+        </li>
+    </ul>
+</nav>
+```
+
+<Example>
+    <Navigation label="avatar navigation" orientation="vertical" class="ws2">
+        <NavigationItem href="#" text="Humson" avatar="https://picsum.photos/32" selected />
+        <NavigationItem href="#" text="Samson" avatar="https://picsum.photos/32" />
+    </Navigation>
+</Example>
+
+### Titles
+
+```html
+<nav aria-label="…">
+    <ul class="s-navigation s-navigation__vertical">
+        <li>
+            <h4 class="s-navigation--title" id="nav-section1">…</h4>
+            <ul aria-labelledby="nav-section1">
+                <li>
+                    <a href="…" class="s-navigation--item is-selected">
+                        <span class="s-navigation--item-text" data-text="…">…</span>
+                    </a>
+                </li>
+                <li>
+                    <a href="…" class="s-navigation--item">
+                        <span class="s-navigation--item-text" data-text="…">…</span>
+                    </a>
+                </li>
+            </ul>
+        </li>
+        <li>
+            <h4 class="s-navigation--title" id="nav-section2">…</h4>
+            <ul aria-labelledby="nav-section2">
+                <li>
+                    <a href="…" class="s-navigation--item">
+                        <span class="s-navigation--item-text" data-text="…">…</span>
+                    </a>
+                </li>
+            </ul>
+        </li>
+    </ul>
+</nav>
+```
+
+<Example>
+    <Navigation label="titles navigation" orientation="vertical" class="ws2">
+        <NavigationGroup title="Resources">
+            <NavigationItem href="#" text="Icons" selected />
+            <NavigationItem href="#" text="Spot illustrations" />
+        </NavigationGroup>
+        <NavigationGroup title="Base">
+            <NavigationItem href="#" text="Home" icon={IconHome} iconSelected={IconHomeFill} selected />
+            <NavigationItem href="#" text="Jobs" icon={IconJobs} iconSelected={IconJobsFill} />
+            <NavigationItem href="#" text="Saves" icon={IconTagStack} iconSelected={IconTagStackFill} />
+            <NavigationItem href="#" text="Users" icon={IconUserStack} iconSelected={IconUserStackFill} />
+        </NavigationGroup>
+    </Navigation>
+</Example>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/notices.md b/packages/stacks-docs-next/src/docs/public/system/components/notices.md
new file mode 100644
index 0000000000..6f6052c6db
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/notices.md
@@ -0,0 +1,273 @@
+---
+title: "Notices"
+description: "Notices deliver <strong>System</strong> and <strong>Engagement</strong> messaging, informing the user about product or account statuses and related actions."
+svelte: "https://beta.svelte.stackoverflow.design/?path=/docs/components-notice--docs"
+figma: "https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=612-18813&p=f&m=dev"
+js: true
+---
+
+<script lang="ts">
+    import { Notice, NoticeAction, Link, Button } from '@stackoverflow/stacks-svelte';
+    import { IconCross, IconInfo } from '@stackoverflow/stacks-icons/icons';
+    import { Icon } from '@stackoverflow/stacks-svelte';
+    import ClassTable from '$components/ClassTable.svelte';
+    import Example from '$components/Example.svelte';
+    import type { ClassTableRow } from '$components/ClassTable.svelte';
+
+    const classes: ClassTableRow[] = [
+        { class: '.s-notice',            parent: 'N/A',       modifies: 'N/A',       description: 'Base notice parent class. Use inside `.s-toast` when rendered as a toast.' },
+        { class: '.s-notice--actions',   parent: '.s-notice', modifies: 'N/A',       description: 'Container styling for notice actions including the dismiss button.' },
+        { class: '.s-notice--dismiss',   parent: '.s-notice', modifies: 'N/A',       description: 'Applies to child button element within the notice to position it appropriately.' },
+        { class: '.s-notice__activity',  parent: 'N/A',       modifies: '.s-notice', description: 'Applies activity (pink) visual styles.' },
+        { class: '.s-notice__danger',    parent: 'N/A',       modifies: '.s-notice', description: 'Applies danger (red) visual styles.' },
+        { class: '.s-notice__featured',  parent: 'N/A',       modifies: '.s-notice', description: 'Applies featured (purple) visual styles.' },
+        { class: '.s-notice__important', parent: 'N/A',       modifies: '.s-notice', description: 'Applies an important visual style. This should be used for time-sensitive, pressing information that needs to be noticed by the user.' },
+        { class: '.s-notice__info',      parent: 'N/A',       modifies: '.s-notice', description: 'Applies info (blue) visual styles.' },
+        { class: '.s-notice__success',   parent: 'N/A',       modifies: '.s-notice', description: 'Applies success (green) visual styles.' },
+        { class: '.s-notice__warning',   parent: 'N/A',       modifies: '.s-notice', description: 'Applies warning (yellow) visual styles.' },
+        { class: '.s-toast',             parent: 'N/A',       modifies: 'N/A',       description: 'Parent of `.s-notice`. See the Toast section for more information.' },
+    ];
+
+    const accessibility: ClassTableRow[] = [
+        { class: 'aria-labelledby="[id]"', parent: '.s-toast',  description: 'Used to reference the alert message within the dialog. If you are using `.s-toast`, this must be applied.' },
+        { class: 'aria-hidden="[state]"',  parent: '.s-toast',  description: 'Informs assistive technologies if they should ignore the element. When applied to `.s-toast`, Stacks will use this attribute to show or hide the toast.' },
+        { class: 'aria-label="[text]"',    parent: '.s-btn',    description: 'Labels the element for assistive technologies. This should be used on any button that does not contain text content.' },
+        { class: 'role="alert"',           parent: '.s-notice', description: 'A form of live region which contains important, usually time-sensitive, information. Elements with an alert role have an implicit aria-live value of assertive and implicit aria-atomic value of true.' },
+        { class: 'role="alertdialog"',     parent: '.s-toast',  description: 'The wrapping content area of an alert. Elements with the alertdialog role must use the aria-describedby attribute to reference the alert message within the dialog.' },
+        { class: 'role="status"',          parent: '.s-notice', description: 'A form of live region which contains advisory information but is not important enough to justify an alert role. Elements with a status role have an implicit aria-live value of polite and implicit aria-atomic value of true.' },
+    ];
+
+    const toastAttributes: ClassTableRow[] = [
+        { class: 'data-controller="s-toast"',             parent: 'Controller element',        description: 'Wires up the element to the toast controller. This may be a `.s-toast` element or a wrapper element.' },
+        { class: 'data-s-toast-target="toast"',           parent: 'Controller element',        description: 'Wires up the element that is to be shown/hidden.' },
+        { class: 'data-s-toast-target="initialFocus"',    parent: 'Any child focusable element',description: 'Designates which element to focus on toast show. If absent, defaults to the first focusable element within the toast.' },
+        { class: 'data-action="s-toast#toggle"',          parent: 'Toggling element',          description: 'Wires up the element to toggle the visibility of a toast.' },
+        { class: 'data-s-toast-return-element="[selector]"', parent: 'Controller element',     description: '(optional) Designates the element to return focus to when the toast is closed. If left unset, focus is not altered on close.' },
+        { class: 'data-s-toast-remove-when-hidden="true"',parent: 'Controller element',        description: '(optional) Removes the toast from the DOM entirely when it is hidden.' },
+    ];
+
+    const toastEvents: ClassTableRow[] = [
+        { class: 's-toast:show',   parent: 'Toast target', description: 'Fires immediately before showing the toast. Calling `.preventDefault()` cancels the display of the toast.' },
+        { class: 's-toast:shown',  parent: 'Toast target', description: 'Fires after the toast has been visually shown.' },
+        { class: 's-toast:hide',   parent: 'Toast target', description: 'Fires immediately before hiding the toast. Calling `.preventDefault()` cancels the removal of the toast.' },
+        { class: 's-toast:hidden', parent: 'Toast target', description: 'Fires after the toast has been visually hidden.' },
+    ];
+
+    const toastEventDetails: ClassTableRow[] = [
+        { class: 'dispatcher',     parent: 's-toast:*',                  description: 'Contains the Element that initiated the event. For instance, the button clicked to show, the element clicked outside the toast that caused it to hide, etc.' },
+        { class: 'returnElement',  parent: 's-toast:show, s-toast:hide', description: 'Contains the Element to return focus to on hide. If a value is set to this property inside an event listener, it will be updated on the controller as well.' },
+    ];
+
+    const toastHelpers: ClassTableRow[] = [
+        { class: 'Stacks.showToast', parent: 'element', description: 'Helper to manually show an s-toast element via external JS.' },
+        { class: 'Stacks.hideToast', parent: 'element', description: 'Helper to manually hide an s-toast element via external JS.' },
+    ];
+</script>
+
+## Classes
+
+<ClassTable {classes} expandable />
+
+## Accessibility
+
+<ClassTable classes={accessibility} headings={{ class: 'Item', parent: 'Applies to' }} expandable expandButtonText="Show all accessibility items" />
+
+## Examples
+
+### Base
+
+```html
+<div class="s-notice" role="status">
+    <span class="s-notice--icon"><svg aria-hidden="true">…</svg></span>
+    <span>…</span>
+</div>
+<div class="s-notice s-notice__info" role="status">
+    <span class="s-notice--icon"><svg aria-hidden="true">…</svg></span>
+    <span>…</span>
+</div>
+<div class="s-notice s-notice__success" role="status">
+    <span class="s-notice--icon"><svg aria-hidden="true">…</svg></span>
+    <span>… <a href="…">…</a></span>
+</div>
+<div class="s-notice s-notice__warning" role="status">
+    <span class="s-notice--icon"><svg aria-hidden="true">…</svg></span>
+    <span>…</span>
+</div>
+<div class="s-notice s-notice__danger" role="status">
+    <span class="s-notice--icon"><svg aria-hidden="true">…</svg></span>
+    <span>…</span>
+</div>
+<div class="s-notice s-notice__featured" role="status">
+    <span class="s-notice--icon"><svg aria-hidden="true">…</svg></span>
+    <span>…</span>
+</div>
+<div class="s-notice s-notice__activity" role="status">
+    <span class="s-notice--icon"><svg aria-hidden="true">…</svg></span>
+    <span>…</span>
+</div>
+```
+
+<Example>
+    <div class="d-flex g8 fd-column">
+        <Notice role="presentation" class="s-anchors s-anchors__inherit s-anchors__underlined"><span>Default filled message style <code>and some code</code> notice. <a href="#">Link</a></span></Notice>
+        <Notice role="presentation" variant="info" class="s-anchors s-anchors__inherit s-anchors__underlined"><span>Info filled message style <code>and some code</code> notice. <a href="#">Link</a></span></Notice>
+        <Notice role="presentation" variant="success" class="s-anchors s-anchors__inherit s-anchors__underlined"><span>Success filled message style <code>and some code</code> notice. <a href="#">Link</a></span></Notice>
+        <Notice role="presentation" variant="warning" class="s-anchors s-anchors__inherit s-anchors__underlined"><span>Warning filled message style <code>and some code</code> notice. <a href="#">Link</a></span></Notice>
+        <Notice role="presentation" variant="danger" class="s-anchors s-anchors__inherit s-anchors__underlined"><span>Danger filled message style <code>and some code</code> notice. <a href="#">Link</a></span></Notice>
+        <Notice role="presentation" variant="featured" class="s-anchors s-anchors__inherit s-anchors__underlined"><span>Featured filled message style <code>and some code</code> notice. <a href="#">Link</a></span></Notice>
+        <Notice role="presentation" variant="activity" class="s-anchors s-anchors__inherit s-anchors__underlined"><span>Activity filled message style <code>and some code</code> notice. <a href="#">Link</a></span></Notice>
+    </div>
+</Example>
+
+### Important
+
+Used sparingly for when an important notice needs to be noticed
+
+```html
+<div class="s-notice s-notice__important" role="alert">
+    <span class="s-notice--icon"><svg aria-hidden="true">…</svg></span>
+    <span>…</span>
+</div>
+<div class="s-notice s-notice__info s-notice__important" role="alert">
+    <span class="s-notice--icon"><svg aria-hidden="true">…</svg></span>
+    <span>…</span>
+</div>
+<div class="s-notice s-notice__success s-notice__important" role="alert">
+    <span class="s-notice--icon"><svg aria-hidden="true">…</svg></span>
+    <span>… <a href="…">…</a></span>
+</div>
+<div class="s-notice s-notice__warning s-notice__important" role="alert">
+    <span class="s-notice--icon"><svg aria-hidden="true">…</svg></span>
+    <span>…</span>
+</div>
+<div class="s-notice s-notice__danger s-notice__important" role="alert">
+    <span class="s-notice--icon"><svg aria-hidden="true">…</svg></span>
+    <span>…</span>
+</div>
+<div class="s-notice s-notice__featured s-notice__important" role="alert">
+    <span class="s-notice--icon"><svg aria-hidden="true">…</svg></span>
+    <span>…</span>
+</div>
+<div class="s-notice s-notice__activity s-notice__important" role="alert">
+    <span class="s-notice--icon"><svg aria-hidden="true">…</svg></span>
+    <span>…</span>
+</div>
+```
+
+<Example>
+    <div class="d-flex g8 fd-column">
+        <Notice role="presentation" important class="s-anchors s-anchors__inherit s-anchors__underlined"><span>Default filled message style <code>and some code</code> notice. <a href="#">Link</a></span></Notice>
+        <Notice role="presentation" variant="info" important class="s-anchors s-anchors__inherit s-anchors__underlined"><span>Info filled message style <code>and some code</code> notice. <a href="#">Link</a></span></Notice>
+        <Notice role="presentation" variant="success" important class="s-anchors s-anchors__inherit s-anchors__underlined"><span>Success filled message style <code>and some code</code> notice. <a href="#">Link</a></span></Notice>
+        <Notice role="presentation" variant="warning" important class="s-anchors s-anchors__inherit s-anchors__underlined"><span>Warning filled message style <code>and some code</code> notice. <a href="#">Link</a></span></Notice>
+        <Notice role="presentation" variant="danger" important class="s-anchors s-anchors__inherit s-anchors__underlined"><span>Danger filled message style <code>and some code</code> notice. <a href="#">Link</a></span></Notice>
+        <Notice role="presentation" variant="featured" important class="s-anchors s-anchors__inherit s-anchors__underlined"><span>Featured filled message style <code>and some code</code> notice. <a href="#">Link</a></span></Notice>
+        <Notice role="presentation" variant="activity" important class="s-anchors s-anchors__inherit s-anchors__underlined"><span>Activity filled message style <code>and some code</code> notice. <a href="#">Link</a></span></Notice>
+    </div>
+</Example>
+
+### Styling child links
+
+We recommend using [descendent anchor](/product/components/links/#descendent-anchors) classes, typically `.s-anchors.s-anchors__inherit.s-anchors__underlined` for notices containing links generated from markdown when you cannot manually generate the inner html.
+
+```html
+<div class="s-notice s-notice__info" role="presentation">
+    <span>Notice with <a href="#" class="s-link">default link style</a></span>
+</div>
+<div class="s-notice s-notice__info s-anchors s-anchors__inherit s-anchors__underlined" role="presentation">
+    <span>Notice with <a href="#">styled link</a></span>
+</div>
+```
+
+<Example>
+    <div class="d-flex fd-column g8">
+        <div class="d-flex fd-column g8">
+            <span class="ff-mono mb8">Default</span>
+            <Notice role="presentation" variant="info">
+                <span>Notice with <a href="#" class="s-link">default link style</a></span>
+            </Notice>
+        </div>
+        <div class="d-flex fd-column g8">
+            <span class="ff-mono mb8">.s-anchors .s-anchors__inherit .s-anchors__underlined</span>
+            <Notice role="presentation" variant="info" class="s-anchors s-anchors__inherit s-anchors__underlined">
+                <span>Notice with <a href="#">styled link</a></span>
+            </Notice>
+        </div>
+    </div>
+</Example>
+
+## Toast
+
+<Notice variant="warning" role="presentation" class="s-anchors s-anchors__inherit s-anchors__underlined">
+    <p>We are phasing out Toasts due to significant accessibility barriers. Avoid this component for new features. Instead, prioritize integrated alternatives—such as component state changes or inline messages—to provide accessible feedback directly where the user is focused.</p>
+</Notice>
+
+Toasts are floating notices that are aligned to the center top of the page. They disappear after a set time. Visibility is changed with animation by toggling between `aria-hidden="true"` and `aria-hidden="false"`. When including a dismiss button the `.s-notice--dismiss` class should be applied to the button for toast-specific styling.
+
+```html
+<div
+    role="alertdialog"
+    id="example-toast"
+    class="s-toast"
+    aria-hidden="true"
+    aria-labelledby="toast-message"
+    data-controller="s-toast"
+    data-s-toast-target="toast"
+    data-s-toast-return-element=".js-example-toast-open[data-target='#example-toast']">
+    <aside class="s-notice d-flex wmn4">
+        <span class="s-notice--icon"><svg aria-hidden="true">…</svg></span>
+        <span>Toast notice message with an undo button</span>
+        <div class="s-notice--actions">
+            <button type="button" class="s-link s-link__underlined">Undo</button>
+            <button type="button" class="s-link s-notice--dismiss js-toast-close" aria-label="Dismiss">
+                <svg aria-hidden="true">…</svg>
+            </button>
+        </div>
+    </aside>
+</div>
+```
+
+<Example>
+    <div class="ps-relative d-flex gy8 fd-column jc-center">
+        <div class="s-toast ps-static" aria-hidden="false" role="presentation">
+            <div class="s-notice d-flex wmn4">
+                <span class="s-notice--icon"><Icon src={IconInfo} /></span>
+                <span>Default toast with an undo button.</span>
+                <div class="s-notice--actions">
+                    <button type="button" class="s-link s-link__underlined">Undo</button>
+                    <button type="button" class="s-link s-notice--dismiss" aria-label="Dismiss"><Icon src={IconCross} /></button>
+                </div>
+            </div>
+        </div>
+        <div class="s-toast ps-static" aria-hidden="false" role="presentation">
+            <div class="s-notice s-notice__info d-flex wmn4">
+                <span class="s-notice--icon"><Icon src={IconInfo} /></span>
+                <span>Info toast with an undo button.</span>
+                <div class="s-notice--actions">
+                    <button type="button" class="s-link s-link__underlined">Undo</button>
+                    <button type="button" class="s-link s-notice--dismiss" aria-label="Dismiss"><Icon src={IconCross} /></button>
+                </div>
+            </div>
+        </div>
+    </div>
+</Example>
+
+### JavaScript
+
+#### Attributes
+
+<ClassTable classes={toastAttributes} headings={{ class: 'Attribute', parent: 'Applies to' }} />
+
+#### Events
+
+<ClassTable classes={toastEvents} headings={{ class: 'Event', parent: 'Applies to' }} />
+
+#### Event details
+
+<ClassTable classes={toastEventDetails} headings={{ class: 'event.detail', parent: 'Applicable events' }} />
+
+#### Helpers
+
+The following helpers are available to manually show and hide a toast notice.
+
+<ClassTable classes={toastHelpers} headings={{ class: 'Function', parent: 'Parameters' }} />
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/page-titles.md b/packages/stacks-docs-next/src/docs/public/system/components/page-titles.md
new file mode 100644
index 0000000000..19312e25a2
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/page-titles.md
@@ -0,0 +1,11 @@
+---
+title: "Page Titles"
+---
+
+<script lang="ts">
+    import { Notice } from '@stackoverflow/stacks-svelte';
+</script>
+
+<Notice variant="warning">
+    <p>This component has been removed in Stacks v3. If using Stacks v2, please refer to the <a href="https://v2.stackoverflow.design/product/develop/using-stacks/">v2 documentation</a> for more information.</p>
+</Notice>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/pagination.md b/packages/stacks-docs-next/src/docs/public/system/components/pagination.md
new file mode 100644
index 0000000000..ec2fd0c835
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/pagination.md
@@ -0,0 +1,77 @@
+---
+title: "Pagination"
+description: "Pagination splits content into pages, as seen on questions, tags, users, and jobs listings."
+svelte: "https://beta.svelte.stackoverflow.design/?path=/docs/components-paginationcontroller--docs"
+figma: "https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=1189-2035&t=JFrmhokx3ZOeRP9b-0"
+---
+
+<script lang="ts">
+    import { PaginationController } from '@stackoverflow/stacks-svelte';
+    import ClassTable from '$components/ClassTable.svelte';
+    import Example from '$components/Example.svelte';
+    import type { ClassTableRow } from '$components/ClassTable.svelte';
+
+    const classes: ClassTableRow[] = [
+        { class: '.s-pagination',              parent: 'N/A',                  modifies: 'N/A',                       description: 'Base pagination style.' },
+        { class: '.s-pagination--item',        parent: '.s-pagination',        modifies: 'N/A',                       description: "A child element that's used as a link and labeled with the page number." },
+        { class: '.s-pagination--item__clear', parent: 'N/A',                  modifies: '.s-pagination--item',       description: 'Clears the background and removes any interactivity. Used for ellipses and descriptions.' },
+        { class: '.s-pagination--item__nav',   parent: 'N/A',                  modifies: '.s-pagination--item',       description: 'Styles the Next or Previous button with a circular background and fixed dimensions. Typically used with an icon to indicate navigation to the next page.' },
+        { class: '.is-selected',               parent: 'N/A',                  modifies: '.s-pagination--item',       description: 'Active state that\'s applied to the current page.' },
+    ];
+</script>
+
+## Classes
+
+<ClassTable {classes} />
+
+## Example
+
+```html
+<nav class="s-pagination" aria-label="pagination">
+    <ul>
+        <li>
+            <a class="s-pagination--item s-pagination--item__nav" href="#">
+                <svg aria-hidden="true">…</svg>
+                <span class="v-visible-sr">previous page</span>
+            </a>
+        </li>
+        <li>
+            <a class="s-pagination--item is-selected" href="…" aria-current="page">
+                <span class="v-visible-sr">page</span>
+                1
+            </a>
+        </li>
+        <li>
+            <a class="s-pagination--item" href="…">
+                <span class="v-visible-sr">page</span>
+                2
+            </a>
+        </li>
+        <li>
+            <span class="s-pagination--item s-pagination--item__clear">…</span>
+        </li>
+        <li>
+            <a class="s-pagination--item" href="…">
+                <span class="v-visible-sr">page</span>
+                122386
+            </a>
+        </li>
+        <li>
+            <a class="s-pagination--item s-pagination--item__nav" href="…">
+                <svg aria-hidden="true">…</svg>
+                <span class="v-visible-sr">next page</span>
+            </a>
+        </li>
+    </ul>
+</nav>
+```
+
+<Example>
+    <div class="overflow-x-auto mln24">
+        <PaginationController
+            page={2}
+            totalPages={122386}
+            urlGenerator={(p) => '#'}
+        />
+    </div>
+</Example>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/popovers.md b/packages/stacks-docs-next/src/docs/public/system/components/popovers.md
new file mode 100644
index 0000000000..67f90f844c
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/popovers.md
@@ -0,0 +1,451 @@
+---
+title: "Popovers"
+description: "Popovers are small content containers that provide a contextual overlay. They can be used as in-context feature explanations, dropdowns, or tooltips."
+svelte: "https://beta.svelte.stackoverflow.design/?path=/docs/components-popover--docs"
+figma: "https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=1617-27089&t=W4QmlFOpYoEpInDB-0"
+js: true
+---
+
+<script lang="ts">
+    import { Popover, PopoverReference, PopoverContent, PopoverCloseButton, Button, Notice, EmptyState } from '@stackoverflow/stacks-svelte';
+    import { Icon } from '@stackoverflow/stacks-svelte';
+    import { IconInfo } from '@stackoverflow/stacks-icons/icons';
+    import ClassTable from '$components/ClassTable.svelte';
+    import Example from '$components/Example.svelte';
+    import type { ClassTableRow } from '$components/ClassTable.svelte';
+
+    const classes: ClassTableRow[] = [
+        { class: '.s-popover',           parent: 'N/A',       modifies: 'N/A',       description: 'Base parent container for popovers.' },
+        { class: '.s-popover--close',    parent: '.s-popover', modifies: 'N/A',       description: 'Used to dismiss a popover.' },
+        { class: '.s-popover--content',  parent: '.s-popover', modifies: 'N/A',       description: 'Wrapper around the popover content to apply appropriate overflow styles.' },
+        { class: '.s-popover__tooltip',  parent: 'N/A',        modifies: '.s-popover', description: 'Removes minimum size constraints to support shorter tooltip text.' },
+        { class: '.is-visible',          parent: 'N/A',        modifies: '.s-popover', description: 'This class toggles the popover visibility.' },
+    ];
+
+    const interactiveAttributes: ClassTableRow[] = [
+        { class: 'id="{POPOVER_ID}"',                              parent: '.s-popover',          description: 'A unique id that the popover\'s toggling element can target. Matches the value of `[aria-controls]` on the toggling element.' },
+        { class: 'data-controller="s-popover"',                    parent: 'Controller element',  description: 'Wires up the element to the popover controller. This may be a toggling element or a wrapper element.' },
+        { class: 'data-s-popover-reference-selector="[selector]"', parent: 'Controller element',  description: '(optional) Designates the element to use as the popover reference. If left unset, defaults to the controller element.' },
+        { class: 'aria-controls="{POPOVER_ID}"',                   parent: 'Reference element',   description: 'Associates the element to the desired popover element.' },
+        { class: 'data-action="s-popover#toggle"',                 parent: 'Toggling element',    description: 'Wires up the element to toggle the visibility of a generic popover.' },
+        { class: 'data-s-popover-toggle-class="[class list]"',     parent: 'Controller element',  description: 'Adds an optional space-delineated list of classes to be toggled on the originating element when the popover is shown or hidden.' },
+        { class: 'data-s-popover-placement="[placement]"',         parent: 'Controller element',  description: 'Dictates where to place the popover in relation to the reference element. Defaults to `bottom`. Accepted placements are `auto`, `top`, `right`, `bottom`, `left`, each with optional `-start` and `-end` variations.' },
+        { class: 'data-s-popover-auto-show="[true|false]"',        parent: 'Controller element',  description: '(optional) If `true`, the popover will appear immediately when the Stacks controller is first connected. Use this instead of `.is-visible` to prevent the popover from appearing before it has been correctly positioned.' },
+        { class: 'data-s-popover-hide-on-outside-click="[value]"', parent: 'Controller element',  description: '(optional) Default: `always`. Values: `always` — hides on outside clicks; `if-in-viewport` — only hides if the popover is in the viewport; `never` — does not hide on outside clicks; `after-dismissal` — does not hide on outside clicks unless it has been dismissed at least once.' },
+    ];
+
+    const interactiveEvents: ClassTableRow[] = [
+        { class: 's-popover:show',   description: 'Fires immediately before showing and positioning the popover. Can be used to create or initialize the popover element. Calling `.preventDefault()` cancels the display.' },
+        { class: 's-popover:shown',  description: 'Fires immediately after showing the popover.' },
+        { class: 's-popover:hide',   description: 'Fires immediately before hiding the popover. Calling `.preventDefault()` prevents the removal of the popover.' },
+        { class: 's-popover:hidden', description: 'Fires immediately after hiding the popover.' },
+    ];
+
+    const dispatchedEvents: ClassTableRow[] = [
+        { class: 'dispatcher', parent: 's-popover:*', description: 'Contains the `Element` that initiated the event. For instance, the button clicked to show, the element clicked outside the popover that caused it to hide, etc.' },
+    ];
+
+    const tooltipAttributes: ClassTableRow[] = [
+        { class: 'id="{POPOVER_ID}"',                            parent: '.s-popover',         description: 'A unique id that the popover\'s toggling element can target. Matches the value of `[aria-describedby]` on the toggling element.' },
+        { class: 'data-controller="s-tooltip"',                  parent: 'Controller element', description: 'Wires up the element to the tooltip controller.' },
+        { class: 'data-s-tooltip-reference-selector="[selector]"', parent: 'Controller element', description: '(optional) Designates the element to use as the tooltip reference. If left unset, defaults to the controller element.' },
+        { class: 'aria-describedby="{POPOVER_ID}"',              parent: 'Reference element',  description: 'Associates the element to the desired popover element.' },
+        { class: 'title="{TITLE}"',                              parent: 'Controller element', description: 'If `aria-describedby` is not present or valid, and the title attribute exists, the title will be removed from the element and used to create a popover immediately after the element. All content will be escaped and inserted as text.' },
+        { class: 'data-s-tooltip-html-title="{TITLE}"',          parent: 'Controller element', description: 'Acts the same as the `title` attribute, but inserts the raw text directly as HTML. If both exist on the element, this attribute takes precedence.' },
+        { class: 'data-s-tooltip-placement="[placement]"',       parent: 'Controller element', description: 'Dictates where to place the tooltip in relation to the reference element. Defaults to `bottom`. Accepted placements are `auto`, `top`, `right`, `bottom`, `left`, each with optional `-start` and `-end` variations.' },
+    ];
+
+    const tooltipEvents: ClassTableRow[] = [
+        { class: 's-tooltip:show',   parent: 'Controller element', description: 'Fires immediately before showing and positioning the tooltip. Calling `.preventDefault()` cancels the display.' },
+        { class: 's-tooltip:shown',  parent: 'Controller element', description: 'Fires immediately after showing the tooltip.' },
+        { class: 's-tooltip:hide',   parent: 'Controller element', description: 'Fires immediately before hiding the tooltip. Calling `.preventDefault()` prevents the removal of the tooltip.' },
+        { class: 's-tooltip:hidden', parent: 'Controller element', description: 'Fires immediately after hiding the tooltip.' },
+    ];
+
+    const tooltipDispatchedEvents: ClassTableRow[] = [
+        { class: 'dispatcher', parent: 's-tooltip:*', description: 'Contains the `Element` that initiated the event. For instance, the element hovered over to show, etc.' },
+    ];
+</script>
+
+## Classes
+
+<ClassTable {classes} />
+
+## Interactive popovers
+
+Stacks provides a Stimulus controller that allows you to interactively display a popover from a source element. Positioning direction are managed for you by [Popper.js](https://popper.js.org), a powerful popover positioning library we've added as a dependency. These popovers are automatically hidden when user click outside the popover or tap the `Esc` key.
+
+### Interactive Attributes
+
+<ClassTable classes={interactiveAttributes} headings={{ class: 'Attribute', parent: 'Applied to' }} expandable expandButtonText="Show all interactive attributes" />
+
+### Interactive Events
+
+<ClassTable classes={interactiveEvents} headings={{ class: 'Event' }} />
+
+### Dispatched Events
+
+<ClassTable classes={dispatchedEvents} headings={{ class: 'Event', parent: 'Element' }} />
+
+## Examples
+
+<Example>
+    <div class="d-flex ai-center g8 fw-wrap">
+        <Popover id="popover-form-example" placement="bottom-start">
+            <PopoverReference>
+                <Button>Show example popover</Button>
+            </PopoverReference>
+            <PopoverContent class="ws2">
+                <form class="d-flex fd-column g8">
+                    <div class="d-flex gy4 fd-column">
+                        <label class="s-label" for="example-username">Username</label>
+                        <input class="s-input" id="example-username" type="text" />
+                    </div>
+                    <div class="d-flex gy4 fd-column">
+                        <label class="s-label" for="example-password">Password</label>
+                        <input class="s-input" id="example-password" type="password" />
+                    </div>
+                    <button type="button" class="s-btn w100">Sign in</button>
+                    <a href="#" class="s-btn s-btn__tonal w100">Create an account</a>
+                </form>
+            </PopoverContent>
+        </Popover>
+
+        <Popover id="popover-empty-example" placement="bottom">
+            <PopoverReference>
+                <Button dropdown>Show example popover</Button>
+            </PopoverReference>
+            <PopoverContent>
+                <EmptyState class="wmx2">
+                    {#snippet description()}
+                        There's no data associated with your account yet. Please check back tomorrow.
+                    {/snippet}
+                    {#snippet actions()}
+                        <Button variant="tonal">Link an account</Button>
+                    {/snippet}
+                </EmptyState>
+            </PopoverContent>
+        </Popover>
+
+        <Popover id="popover-info-example" placement="top">
+            <PopoverReference>
+                <button class="s-btn s-btn__tonal p4" type="button">
+                    <Icon src={IconInfo} />
+                    <span class="v-visible-sr">info</span>
+                </button>
+            </PopoverReference>
+            <PopoverContent>
+                <p>We know you hate spam, and we do too. That's why we make it easy for you to update your email preferences or unsubscribe at anytime.</p>
+                <p class="mb0">We never share your email address with third parties for marketing purposes.</p>
+            </PopoverContent>
+        </Popover>
+    </div>
+</Example>
+
+### Default interactivity
+
+To enable interactive popovers, you will need to add the above attributes to the popover's originating button. Custom positioning can be specified using the `data-s-popover-placement`. In the following example, we've chosen `bottom-start`. No positioning classes need to be added to your markup, only the data attributes.
+
+To promote being able to tab to an open popover, it's best to place the popover immediately after the toggling button in the markup as siblings.
+
+```html
+<button class="s-btn s-btn__dropdown" role="button"
+        aria-controls="popover-example"
+        aria-expanded="false"
+        data-controller="s-popover"
+        data-action="s-popover#toggle"
+        data-s-popover-placement="bottom-start"
+        data-s-popover-toggle-class="is-selected">
+    …
+</button>
+<div class="s-popover"
+    id="popover-example"
+    role="menu">
+    <div class="s-popover--content">
+        …
+    </div>
+</div>
+```
+
+<Example>
+    <Popover id="popover-default-example" placement="bottom-start">
+        <PopoverReference>
+            <Button dropdown>Popover button</Button>
+        </PopoverReference>
+        <PopoverContent>
+            Example popover content
+        </PopoverContent>
+    </Popover>
+</Example>
+
+### Dismissible
+
+In the case of new feature callouts, it may be appropriate to include an explicit dismiss button. You can add one using the styling provided by `.s-popover--close`.
+
+In order for to close the popover with an explicit close button, you'll need to add the controller to a parent as illustrated in the following example code:
+
+```html
+<div class="…"
+    data-controller="s-popover"
+    data-s-popover-reference-selector="#reference-element">
+
+    <button id="reference-element" class="s-btn s-btn__dropdown"
+            aria-controls="popover-example"
+            aria-expanded="true"
+            data-action="s-popover#toggle">
+        …
+    </button>
+
+    <div id="popover-example" class="s-popover is-visible" role="menu">
+        <button class="s-popover--close s-btn s-btn__tonal" aria-label="Close"
+            data-action="s-popover#toggle">
+            <svg aria-hidden="true">…</svg>
+        </button>
+        <div class="s-popover--content">
+            …
+        </div>
+    </div>
+</div>
+```
+
+<Example>
+    <Popover id="popover-dismissible-example" placement="bottom-start">
+        <PopoverReference>
+            <Button dropdown>Show dismissible popover</Button>
+        </PopoverReference>
+        <PopoverContent>
+            <PopoverCloseButton />
+            <p class="mb0">Dismissible persistent popover presented with a close button</p>
+        </PopoverContent>
+    </Popover>
+</Example>
+
+### JavaScript interaction
+
+There may be cases where you need to show or hide a popover via JavaScript. For example, if you need to show a popover at a specific time or if you need to hide a popover from an event outside of the controller, Stacks provides convenience methods to achieve this.
+
+```javascript
+Stacks.application.register("section", class extends Stacks.StacksController {
+    static targets = ["help"];
+
+    showHelp(event) {
+        Stacks.showPopover(this.helpTarget);
+        event.stopPropagation();
+    }
+    hideHelp(event) {
+        Stacks.hidePopover(this.helpTarget);
+    }
+});
+```
+
+<Example>
+    <div>
+        <div class="d-flex ai-center jc-space-between mb16">
+            <h1 class="fs-headline1 mb0" role="presentation">Lorem ipsum</h1>
+            <Popover id="popover-js-example" placement="left">
+                <PopoverReference>
+                    <button type="button" class="s-btn s-btn__tonal p0">
+                        <Icon src={IconInfo} />
+                        <span class="v-visible-sr">help</span>
+                    </button>
+                </PopoverReference>
+                <PopoverContent>
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+                </PopoverContent>
+            </Popover>
+        </div>
+        <p class="fc-light">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et metus molestie nulla luctus sodales ac luctus justo. Aenean iaculis ac ante sit amet aliquam. Duis dolor velit, imperdiet sed mauris eu, sollicitudin egestas nisl.</p>
+    </div>
+</Example>
+
+### JavaScript configuration (popovers)
+
+Situations may also arise where popovers need to be attached to an element after the document is rendered. For example, a button could have a contextual menu that is too expensive to serve up on every page load.
+
+Popovers can be attached to an element after the fact using `Stacks.attachPopover`.
+
+This method takes three parameters, the element to attach the popover to, the popover either as an element or an HTML string, and optional options for displaying the popover.
+
+```javascript
+Stacks.application.register("actions", class extends Stacks.StacksController {
+
+    var loaded = false;
+
+    async load() {
+        if (this.loaded) { return; }
+        Stacks.attachPopover(this.element,
+                             await fetch(`/posts/{postId}/actions`),
+                             { autoShow: true, toggleOnClick: true });
+        this.loaded = true;
+    }
+});
+```
+
+## Tooltips
+
+When a popover is intended only for display as an on-hover tooltip and contains no interactive text, the `s-tooltip` controller can be used in place of `s-popover`. This is a separate controller that can be used alongside `s-popover` on a single target element.
+
+### Tooltip hover attributes
+
+<ClassTable classes={tooltipAttributes} headings={{ class: 'Attribute', parent: 'Applied to' }} expandable expandButtonText="Show all tooltip hover attributes" />
+
+### Tooltip hover events
+
+<ClassTable classes={tooltipEvents} headings={{ class: 'Event', parent: 'Element' }} expandable expandButtonText="Show all tooltip hover events" />
+
+### Tooltip dispatched events
+
+<ClassTable classes={tooltipDispatchedEvents} headings={{ class: 'Event', parent: 'Element' }} />
+
+## Tooltip examples
+
+If the user doesn't need to interact with the _contents_ of the popover, it may be appropriate to only show it on hover. This will make popovers feel like a tooltip. To do so, we provide an alternative controller, `s-tooltip`, that shows the tooltip only on hover.
+
+### Title attribute
+
+In the simple case where no markup is needed in the tooltip, the popover element can be omitted and automatically generated using the `title` attribute.
+
+```html
+<button class="s-btn" role="button"
+        title="…"
+        data-controller="s-tooltip"
+        data-s-tooltip-placement="bottom-start">
+    …
+</button>
+```
+
+<Example>
+    <Popover id="popover-tooltip-title-example" placement="bottom-start" tooltip>
+        <PopoverReference>
+            <Button>Hover tooltip popover</Button>
+        </PopoverReference>
+        <PopoverContent>
+            This popover shows content from the title attribute.
+        </PopoverContent>
+    </Popover>
+</Example>
+
+### JavaScript configuration (tooltips)
+
+In cases where the tooltip needs to display simple text or HTML, the popover can be configured using JavaScript. Plain text tooltips will render characters like &lt;, &gt;, and &amp; as is. HTML tooltips will render the HTML as expected.
+
+```javascript
+Stacks.setTooltipText(el,
+    "Plain text tooltip",
+    {
+        placement: "top-start"
+    });
+
+Stacks.setTooltipHtml(el,
+    "Tooltip <i>with</i> HTML",
+    {
+        placement: "top-end"
+    });
+```
+
+### Rich tooltips
+
+When a rich tooltip is required, a popover element can be configured in much the same way as an `s-popover` controller, with the most notable difference being the use of `aria-describedby` instead of `aria-controls`.
+
+```html
+<button
+    class="s-btn"
+    role="button"
+    aria-describedby="tooltip-example"
+    aria-expanded="false"
+    data-controller="s-tooltip">
+    …
+</button>
+<div
+    class="s-popover s-popover__tooltip"
+    id="tooltip-example"
+    role="tooltip">
+    <div class="s-popover--content">
+        …
+    </div>
+</div>
+```
+
+<Example>
+    <Popover id="popover-rich-tooltip-example" tooltip>
+        <PopoverReference>
+            <Button>Hover tooltip popover</Button>
+        </PopoverReference>
+        <PopoverContent>
+            <div class="s-empty-state wmx2">
+                <p class="mb0">There's no data associated with your account yet. Please visit our <a href="#" class="s-link">help page</a> for more information.</p>
+            </div>
+        </PopoverContent>
+    </Popover>
+</Example>
+
+### Tooltips and interactive popovers
+
+Hover tooltips can be used alongside interactive popovers. Tooltips will not appear when the interactive popover is visible.
+
+```html
+<button class="s-btn s-btn__dropdown" role="button"
+        aria-controls="popover-example"
+        aria-expanded="false"
+        data-controller="s-popover s-tooltip"
+        data-action="s-popover#toggle"
+        data-s-popover-placement="bottom-start"
+        data-s-popover-toggle-class="is-selected"
+        title="…"
+        data-s-tooltip-placement="top-start">
+    …
+</button>
+<div class="s-popover"
+       id="popover-example"
+       role="menu">
+    <div class="s-popover--content">
+        …
+    </div>
+</div>
+```
+
+<Example>
+    <Popover id="popover-tooltip-combined-click" placement="bottom-start">
+        <PopoverReference>
+            <button id="combined-trigger" class="s-btn s-btn__dropdown">Popover button with tooltip hover</button>
+        </PopoverReference>
+        <PopoverContent>
+            <div class="tt-uppercase fs-fine fc-light">Saved filters</div>
+            <div class="fc-black-350 fs-caption ta-center p16">
+                Save custom sorting &amp; filtering for easy access.
+            </div>
+        </PopoverContent>
+    </Popover>
+    <Popover id="popover-tooltip-combined-hover" tooltip placement="top-start">
+        <PopoverReference elementId="combined-trigger" />
+        <PopoverContent>View your saved filters</PopoverContent>
+    </Popover>
+</Example>
+
+## Manual placement
+
+<Notice variant="warning" class="s-anchors s-anchors__inherit s-anchors__underlined" role="presentation">
+    <p>Our Stimulus popover controller handles the positioning of popovers for you. Popovers <em>can</em> be positioned manually for various legacy reasons, but we recommend using the <code>s-popover</code> controller's <code>placement</code> property instead.</p>
+</Notice>
+
+### Manual examples
+
+Popovers can also be positioned manually if you aren't using the built-in JavaScript interactivity. Practically, this might look like adding something like `t8 l8` to `.s-popover`.
+
+By default, popovers are hidden and positioned absolutely. Adding the class `.is-visible` will show the popover.
+
+```html
+<div class="s-popover">
+    <div class="s-popover--content">
+        …
+    </div>
+</div>
+```
+
+<Example>
+    <div class="s-popover ps-relative is-visible">
+        <div class="s-popover--content">
+            <p class="mb0">Example popover with manual placement</p>
+        </div>
+    </div>
+</Example>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/post-summary.md b/packages/stacks-docs-next/src/docs/public/system/components/post-summary.md
new file mode 100644
index 0000000000..ee4d86bd47
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/post-summary.md
@@ -0,0 +1,441 @@
+---
+title: "Post summary"
+description: "The post summary component summarizes various content and associated meta data into a highly configurable component."
+svelte: "https://beta.svelte.stackoverflow.design/?path=/docs/components-postsummary--docs"
+---
+
+<script lang="ts">
+    import { PostSummary, PostSummaryAnswer, Tag } from '@stackoverflow/stacks-svelte';
+    import ClassTable from '$components/ClassTable.svelte';
+    import Example from '$components/Example.svelte';
+    import type { ClassTableRow } from '$components/ClassTable.svelte';
+
+    const classes: ClassTableRow[] = [
+        { class: '.s-post-summary',                  parent: 'N/A',                       modifies: 'N/A',                        description: 'Base parent container for a post summary.' },
+        { class: '.s-post-summary--answers',         parent: '.s-post-summary',           modifies: 'N/A',                        description: 'Container for the post summary answers.' },
+        { class: '.s-post-summary--content',         parent: '.s-post-summary',           modifies: 'N/A',                        description: 'Container for the post summary content.' },
+        { class: '.s-post-summary--stats',           parent: '.s-post-summary',           modifies: 'N/A',                        description: 'Container for the post summary stats.' },
+        { class: '.s-post-summary--tags',            parent: '.s-post-summary',           modifies: 'N/A',                        description: 'Container for the post summary tags.' },
+        { class: '.s-post-summary--title',           parent: '.s-post-summary',           modifies: 'N/A',                        description: 'Container for the post summary title.' },
+        { class: '.s-post-summary--answer',          parent: '.s-post-summary--answers',  modifies: 'N/A',                        description: 'Container for a post summary answer.' },
+        { class: '.s-post-summary--content-meta',    parent: '.s-post-summary--content',  modifies: 'N/A',                        description: 'A container for post meta data, things like tags and user cards.' },
+        { class: '.s-post-summary--content-type',    parent: '.s-post-summary--content',  modifies: 'N/A',                        description: 'Container for the post summary content type.' },
+        { class: '.s-post-summary--excerpt',         parent: '.s-post-summary--content',  modifies: 'N/A',                        description: 'Container for the post summary excerpt.' },
+        { class: '.s-post-summary--stats-answers',   parent: '.s-post-summary--stats',    modifies: 'N/A',                        description: 'Container for the post summary answers stat.' },
+        { class: '.s-post-summary--stats-bounty',    parent: '.s-post-summary--stats',    modifies: 'N/A',                        description: 'Container for the post summary bounty stat.' },
+        { class: '.s-post-summary--stats-item',      parent: '.s-post-summary--stats',    modifies: 'N/A',                        description: 'A generic container for views, comments, read time, and other meta data which prepends a separator icon.' },
+        { class: '.s-post-summary--stats-votes',     parent: '.s-post-summary--stats',    modifies: 'N/A',                        description: 'Container for the post summary votes stat.' },
+        { class: '.s-post-summary--title-link',      parent: '.s-post-summary--title',    modifies: 'N/A',                        description: 'Link styling for the post summary title.' },
+        { class: '.s-post-summary--title-icon',      parent: '.s-post-summary--title',    modifies: 'N/A',                        description: 'Icon styling for the post summary title.' },
+        { class: '.s-post-summary--sm-hide',         parent: 'N/A',                       modifies: '.s-post-summary > *',        description: 'Hides the element on small screens.' },
+        { class: '.s-post-summary--sm-show',         parent: 'N/A',                       modifies: '.s-post-summary > *',        description: 'Shows the element on small screens.' },
+        { class: '.s-post-summary__answered',        parent: 'N/A',                       modifies: '.s-post-summary',            description: 'Adds the styling necessary for a question with an accepted answer.' },
+        { class: '.s-post-summary__deleted',         parent: 'N/A',                       modifies: '.s-post-summary',            description: 'Adds the styling necessary for a deleted post.' },
+        { class: '.s-post-summary--answer__accepted',parent: 'N/A',                       modifies: '.s-post-summary--answer',    description: 'Adds the styling necessary for an accepted answer.' },
+    ];
+
+    const excerpt = 'I have built a Retrieval-Augmented Generation (RAG) system using LangChain, a vector database, and an open-source LLM. While it works reasonably well, the model often hallucinates answers or cites sources that are only tangentially related to the user\'s query. My chunking strategy is set to a chunk size of 1000 tokens, which seems to be the sweet spot for the model.';
+    const title = 'How to reduce hallucinations and improve source relevance in a RAG pipeline?';
+    const base = {
+        href: '#',
+        title,
+        excerpt,
+        readableTimestamp: 'asked 2 hours ago',
+        utcTimestamp: '2026-01-09T12:15:39Z',
+        userAvatar: 'https://picsum.photos/32',
+        userName: 'SofiaAlc',
+        userProfileUrl: '#',
+        userReputation: 1,
+        votes: 24,
+        answers: 1,
+        views: 98,
+    };
+    const answerBase = {
+        href: '#',
+        excerpt,
+        readableTimestamp: 'answered 1 hour ago',
+        utcTimestamp: '2026-01-09T13:15:39Z',
+        userAvatar: 'https://picsum.photos/33',
+        userName: 'SofiaAlc',
+        userProfileUrl: '#',
+        userReputation: 1,
+        votes: 12,
+    };
+
+    const excerptSizeLabels: Record<number, string> = {
+        0: 'No excerpt',
+        1: 'Small (1 line)',
+        2: 'Medium (2 lines)',
+        3: 'Large (3 lines)',
+    };
+
+    const stateItems = [
+        { state: 'draft'    as const },
+        { state: 'review'   as const },
+        { state: 'closed'   as const },
+        { state: 'archived' as const },
+        { state: 'pinned'   as const },
+    ];
+    const contentTypeItems = [
+        { name: 'announcement'    as const, url: '#' },
+        { name: 'how-to-guide'    as const, url: '#' },
+        { name: 'knowledge-article' as const, url: '#' },
+        { name: 'policy'          as const, url: '#' },
+    ];
+</script>
+
+## Classes
+
+<ClassTable {classes} expandable />
+
+## Examples
+
+### Base
+
+Use the post summary component to provide a concise summary of a question, article, or other content.
+
+```html
+<div class="s-post-summary">
+    <div class="s-post-summary--stats s-post-summary--sm-hide">
+        <div class="s-post-summary--stats-votes">…</div>
+        <div class="s-post-summary--stats-answers">…</div>
+    </div>
+    <div class="s-post-summary--content">
+        <div class="s-post-summary--content-meta">
+            <div class="s-user-card s-user-card__sm">…</div>
+            <div class="s-post-summary--stats s-post-summary--sm-show">…</div>
+            <div class="s-post-summary--stats-item">… views</div>
+        </div>
+        <div class="s-post-summary--title">
+            <a class="s-post-summary--title-link" href="…">…</a>
+        </div>
+        <p class="s-post-summary--excerpt v-truncate3">…</p>
+        <div class="s-post-summary--tags">
+            <a class="s-tag" href="…">…</a>
+        </div>
+    </div>
+</div>
+```
+
+<Example>
+    <PostSummary {...base}>
+        {#snippet tags()}
+            <Tag href="#">retrieval-augmented-generation</Tag>
+            <Tag href="#">langchain</Tag>
+            <Tag href="#">llm</Tag>
+            <Tag href="#">vector-database</Tag>
+        {/snippet}
+    </PostSummary>
+</Example>
+
+### Answered
+
+Add the `.s-post-summary__answered` modifier class to indicate that the post has an accepted answer.
+
+```html
+<div class="s-post-summary s-post-summary__answered">
+    …
+</div>
+```
+
+<Example>
+    <PostSummary {...base} acceptedAnswer>
+        {#snippet tags()}
+            <Tag href="#">retrieval-augmented-generation</Tag>
+            <Tag href="#">langchain</Tag>
+            <Tag href="#">llm</Tag>
+            <Tag href="#">vector-database</Tag>
+        {/snippet}
+    </PostSummary>
+</Example>
+
+### Bountied
+
+Include the `.s-post-summary--stats-bounty` element to indicate that the post has a bounty.
+
+```html
+<div class="s-post-summary">
+    <div class="s-post-summary--stats s-post-summary--sm-hide">
+        <div class="s-post-summary--stats-votes">…</div>
+        <div class="s-post-summary--stats-answers">…</div>
+        <div class="s-post-summary--stats-bounty">
+            +50 <span class="v-visible-sr">bounty</span>
+        </div>
+    </div>
+    …
+</div>
+```
+
+<Example>
+    <PostSummary {...base} bounty={50}>
+        {#snippet tags()}
+            <Tag href="#">retrieval-augmented-generation</Tag>
+            <Tag href="#">langchain</Tag>
+            <Tag href="#">llm</Tag>
+            <Tag href="#">vector-database</Tag>
+        {/snippet}
+    </PostSummary>
+</Example>
+
+### Ignored
+
+Including an ignored tag will automatically apply custom ignored styling to the post summary.
+
+```html
+<div class="s-post-summary">
+    …
+    <div class="s-post-summary--tags">
+        <a class="s-tag s-tag__ignored" href="…">…</a>
+        …
+    </div>
+</div>
+```
+
+<Example>
+    <PostSummary {...base} acceptedAnswer bounty={50}>
+        {#snippet tags()}
+            <Tag href="#" ignored>retrieval-augmented-generation</Tag>
+            <Tag href="#">langchain</Tag>
+            <Tag href="#">llm</Tag>
+            <Tag href="#">vector-database</Tag>
+            <Tag href="#">ai</Tag>
+        {/snippet}
+    </PostSummary>
+</Example>
+
+### Watched
+
+Including a watched tag will automatically apply custom watched styling to the post summary.
+
+```html
+<div class="s-post-summary">
+    …
+    <div class="s-post-summary--tags">
+        <a class="s-tag s-tag__watched" href="…">…</a>
+        …
+    </div>
+</div>
+```
+
+<Example>
+    <PostSummary {...base} acceptedAnswer>
+        {#snippet tags()}
+            <Tag href="#" watched>retrieval-augmented-generation</Tag>
+            <Tag href="#">langchain</Tag>
+            <Tag href="#">llm</Tag>
+            <Tag href="#">vector-database</Tag>
+            <Tag href="#">ai</Tag>
+        {/snippet}
+    </PostSummary>
+</Example>
+
+### Deleted
+
+Include the `.s-post-summary__deleted` modifier class applies custom deleted styling to the post summary.
+
+```html
+<div class="s-post-summary s-post-summary__deleted">
+    …
+</div>
+```
+
+<Example>
+    <PostSummary {...base} acceptedAnswer state="deleted">
+        {#snippet tags()}
+            <Tag href="#">retrieval-augmented-generation</Tag>
+            <Tag href="#">langchain</Tag>
+            <Tag href="#">llm</Tag>
+            <Tag href="#">vector-database</Tag>
+        {/snippet}
+    </PostSummary>
+</Example>
+
+### State badges
+
+Include the appropriate state badge to indicate the current state of the post.
+
+```html
+<!-- Draft -->
+<div class="s-post-summary">
+    <div class="s-post-summary--content">
+        <div class="s-post-summary--sm-show">
+            <span class="s-badge s-badge__sm s-badge__info">Draft</span>
+        </div>
+        <div class="s-post-summary--content-meta">
+            …
+            <span class="s-badge s-badge__info ml-auto s-post-summary--sm-hide">Draft</span>
+        </div>
+        …
+    </div>
+</div>
+```
+
+<Example>
+    <div class="d-flex fd-column g32">
+        {#each stateItems as item}
+            <PostSummary {...base} state={item.state}>
+                {#snippet tags()}
+                    <Tag href="#">retrieval-augmented-generation</Tag>
+                    <Tag href="#">langchain</Tag>
+                    <Tag href="#">llm</Tag>
+                    <Tag href="#">vector-database</Tag>
+                {/snippet}
+            </PostSummary>
+        {/each}
+    </div>
+</Example>
+
+### Content types
+
+Include the appropriate content type badge to indicate the type of content the post represents.
+
+```html
+<!-- Announcement -->
+<div class="s-post-summary">
+    …
+    <div class="s-post-summary--content">
+        …
+        <div class="s-post-summary--tags">
+            <a class="s-post-summary--content-type" href="#">Announcement</a>
+            …
+        </div>
+    </div>
+</div>
+```
+
+<Example>
+    <div class="d-flex fd-column g32">
+        {#each contentTypeItems as ct}
+            <PostSummary {...base} contentType={ct}>
+                {#snippet tags()}
+                    <Tag href="#">retrieval-augmented-generation</Tag>
+                    <Tag href="#">langchain</Tag>
+                {/snippet}
+            </PostSummary>
+        {/each}
+    </div>
+</Example>
+
+### Excerpt sizes
+
+Post summaries can be shown without an excerpt or with an excerpt with one, two, or three lines of text. Exclude the excerpt container to hide the excerpt or apply the appropriate truncation class to the excerpt container. See also [Truncation](/system/base/truncation/).
+
+#### Classes
+
+| Class | Description |
+|---|---|
+| `.v-truncate1` | Truncates the excerpt to 1 line of text. |
+| `.v-truncate2` | Truncates the excerpt to 2 lines of text. |
+| `.v-truncate3` | Truncates the excerpt to 3 lines of text. |
+
+#### Examples
+
+```html
+<!-- No excerpt -->
+<div class="s-post-summary">…</div>
+
+<!-- 1-line excerpt -->
+<div class="s-post-summary">
+    …
+    <p class="s-post-summary--excerpt v-truncate1">…</p>
+    …
+</div>
+
+<!-- 2-line excerpt -->
+<div class="s-post-summary">
+    …
+    <p class="s-post-summary--excerpt v-truncate2">…</p>
+    …
+</div>
+
+<!-- 3-line excerpt -->
+<div class="s-post-summary">
+    …
+    <p class="s-post-summary--excerpt v-truncate3">…</p>
+    …
+</div>
+```
+
+<Example>
+    <div class="d-flex fd-column g32">
+        {#each [0, 1, 2, 3] as lines}
+            <div class="d-flex fd-column g8">
+                <span class="ff-mono mb8">{excerptSizeLabels[lines]}</span>
+                <PostSummary {...base} excerptLines={lines}>
+                    {#snippet tags()}
+                        <Tag href="#">retrieval-augmented-generation</Tag>
+                        <Tag href="#">langchain</Tag>
+                        <Tag href="#">llm</Tag>
+                        <Tag href="#">vector-database</Tag>
+                    {/snippet}
+                </PostSummary>
+            </div>
+        {/each}
+    </div>
+</Example>
+
+### Small container
+
+Post summaries adapt to their container size. When shown with a container smaller than 448px, the post summary renders with a compact layout.
+
+```html
+<div class="s-post-summary">…</div>
+```
+
+<Example>
+    <div class="d-flex fd-column g32 wmx3">
+        <PostSummary {...base} excerptLines={2}>
+            {#snippet tags()}
+                <Tag href="#">retrieval-augmented-generation</Tag>
+                <Tag href="#">langchain</Tag>
+            {/snippet}
+        </PostSummary>
+        <PostSummary {...base} acceptedAnswer excerptLines={2}>
+            {#snippet tags()}
+                <Tag href="#">retrieval-augmented-generation</Tag>
+                <Tag href="#">langchain</Tag>
+            {/snippet}
+        </PostSummary>
+        <PostSummary {...base} bounty={50} excerptLines={2}>
+            {#snippet tags()}
+                <Tag href="#">retrieval-augmented-generation</Tag>
+                <Tag href="#">langchain</Tag>
+            {/snippet}
+        </PostSummary>
+    </div>
+</Example>
+
+### Answers
+
+Answers to a question can be shown in a post summary. Include the `.s-post-summary--answers` container to show the answers.
+
+For accepted answers, add the `.s-post-summary--answer__accepted` modifier class and display the `Accepted answer` text and icon as shown in the example below.
+
+```html
+<div class="s-post-summary">
+    …
+    <div class="s-post-summary--answers">
+        <div class="s-post-summary--answer s-post-summary--answer__accepted">
+            …
+        </div>
+        <div class="s-post-summary--answer">
+            …
+        </div>
+    </div>
+</div>
+```
+
+<Example>
+    <PostSummary {...base} acceptedAnswer answers={2}>
+        {#snippet tags()}
+            <Tag href="#">retrieval-augmented-generation</Tag>
+            <Tag href="#">langchain</Tag>
+            <Tag href="#">llm</Tag>
+            <Tag href="#">vector-database</Tag>
+        {/snippet}
+        {#snippet answerPreviews()}
+            <PostSummaryAnswer {...answerBase} accepted votes={18} />
+            <PostSummaryAnswer {...answerBase} votes={5} />
+        {/snippet}
+    </PostSummary>
+</Example>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/progress-bars.md b/packages/stacks-docs-next/src/docs/public/system/components/progress-bars.md
new file mode 100644
index 0000000000..265efc02e7
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/progress-bars.md
@@ -0,0 +1,11 @@
+---
+title: "Progress Bars"
+---
+
+<script lang="ts">
+    import { Notice } from '@stackoverflow/stacks-svelte';
+</script>
+
+<Notice variant="warning">
+    <p>This component has been removed in Stacks v3. If using Stacks v2, please refer to the <a href="https://v2.stackoverflow.design/product/develop/using-stacks/">v2 documentation</a> for more information.</p>
+</Notice>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/prose.md b/packages/stacks-docs-next/src/docs/public/system/components/prose.md
new file mode 100644
index 0000000000..f9315d21ae
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/prose.md
@@ -0,0 +1,117 @@
+---
+title: "Prose"
+description: "The prose component provides proper styling for rendered Markdown."
+---
+
+<script lang="ts">
+    import { Button } from '@stackoverflow/stacks-svelte';
+    import ClassTable from '$components/ClassTable.svelte';
+    import ProseContent from '$components/ProseContent.svelte';
+    import ProseContentSandbox from '$components/ProseContentSandbox.svelte';
+    import type { ClassTableRow } from '$components/ClassTable.svelte';
+
+    const classes: ClassTableRow[] = [
+        { class: '.s-prose',     parent: 'N/A', modifies: 'N/A',      description: 'Adds proper styling for rendered Markdown.' },
+        { class: '.s-prose__sm', parent: 'N/A', modifies: '.s-prose', description: 'Decreases the base font size and line height.' },
+    ];
+
+    let minimalExpanded = $state(false);
+    let fullExpanded    = $state(false);
+    let smallExpanded   = $state(false);
+</script>
+
+## Parameters
+
+<ClassTable {classes} />
+
+## Examples
+
+### Minimal
+
+We modified this test document from the folks at [Tailwind](https://github.com/tailwindcss/typography/blob/master/README.md) to demonstrate and explain our design choices.
+
+<div class="docs-prose-example d-flex fd-column ba bc-black-200 bar-sm mb32">
+    <div class="ps-sticky bg-white z-popover py8 t0 bb bc-black-200">
+        <div class="px16">
+            <Button
+                variant="tonal"
+                aria-expanded={minimalExpanded}
+                aria-controls="prose-example-minimal"
+                onclick={() => minimalExpanded = !minimalExpanded}
+            >{minimalExpanded ? 'Collapse example' : 'Expand example'}</Button>
+        </div>
+    </div>
+    <div class="px16 py8">
+        <pre class="s-code-block" tabindex="0"><code class="s-code-block language-html">&lt;div class="s-prose"&gt;
+    …
+&lt;/div&gt;</code></pre>
+    </div>
+    <div
+        id="prose-example-minimal"
+        class="px16 overflow-y-auto"
+        class:hmx4={!minimalExpanded}
+    >
+        <div class="s-prose" role="presentation">
+            <ProseContent />
+        </div>
+    </div>
+</div>
+
+### Full Markdown spec
+
+This example includes the full kitchen-sink collection of everything the Markdown spec includes.
+
+<div class="docs-prose-example d-flex fd-column ba bc-black-200 bar-sm mb32">
+    <div class="ps-sticky bg-white z-popover py8 t0 bb bc-black-200">
+        <div class="px16">
+            <Button
+                variant="tonal"
+                aria-expanded={fullExpanded}
+                aria-controls="prose-example-full"
+                onclick={() => fullExpanded = !fullExpanded}
+            >{fullExpanded ? 'Collapse example' : 'Expand example'}</Button>
+        </div>
+    </div>
+    <div
+        id="prose-example-full"
+        class="px16 overflow-y-auto"
+        class:hmx4={!fullExpanded}
+    >
+        <div class="s-prose" role="presentation">
+            <ProseContentSandbox />
+        </div>
+    </div>
+</div>
+
+## Sizing
+
+### Small
+
+In ancillary content like comments or side-discussions, it may be appropriate to add the small variation.
+
+<div class="docs-prose-example d-flex fd-column ba bc-black-200 bar-sm mb32">
+    <div class="ps-sticky bg-white z-popover py8 t0 bb bc-black-200">
+        <div class="px16">
+            <Button
+                variant="tonal"
+                aria-expanded={smallExpanded}
+                aria-controls="prose-example-small"
+                onclick={() => smallExpanded = !smallExpanded}
+            >{smallExpanded ? 'Collapse example' : 'Expand example'}</Button>
+        </div>
+    </div>
+    <div class="px16 py8">
+        <pre class="s-code-block" tabindex="0"><code class="s-code-block language-html">&lt;div class="s-prose s-prose__sm"&gt;
+    …
+&lt;/div&gt;</code></pre>
+    </div>
+    <div
+        id="prose-example-small"
+        class="px16 overflow-y-auto"
+        class:hmx4={!smallExpanded}
+    >
+        <div class="s-prose s-prose__sm" role="presentation">
+            <ProseContent />
+        </div>
+    </div>
+</div>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/radio.md b/packages/stacks-docs-next/src/docs/public/system/components/radio.md
new file mode 100644
index 0000000000..7367726a51
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/radio.md
@@ -0,0 +1,825 @@
+---
+title: "Radio"
+description: "Checkable inputs that visually allow for single selection from multiple options."
+svelte: "https://beta.svelte.stackoverflow.design/?path=/docs/components-radiogroup--docs"
+figma: "https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=720-2910&amp;p=f&amp;m=dev"
+---
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="classes">Classes</h2><a class="s-btn s-btn__clear" href="#classes"><span class="v-visible-sr">Section titled Classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    
+    
+    
+    
+
+
+    
+
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+
+
+    
+
+
+
+    
+
+
+    
+
+
+
+    
+
+
+<div id="docs-table" class="overflow-x-auto s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell4">
+                        Class
+                    </th>
+                
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Modifies
+                    </th>
+                
+                
+                    <th scope="col" class="">
+                        Description
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-radio</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>Base radio style.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-radio__checkmark</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-radio</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Checkmark style.</td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="base">Base</h2><a class="s-btn s-btn__clear" href="#base"><span class="v-visible-sr">Section titled Base</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Use the <code>.s-radio</code> to wrap <code>input[type="radio"]</code> elements to apply radio styles.</p>
+
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-radio"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"radio"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"example-name"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"example-item"</span> /&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"example-item"</span>&gt;</span>Check Label<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div class="overflow-x-auto" tabindex="0">
+                <table class="docs-table s-table s-table__bx-simple">
+                    <thead>
+                        <tr>
+                            <th scope="col">Example</th>
+                            <th scope="col">Description</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        
+                            
+                            
+                            <tr>
+                                <td class="va-middle pr8">
+                                    <div class="s-radio">
+                                        <input type="radio" name="radio-group" id="radio-unchecked">
+                                        <label class="s-label" for="radio-unchecked">Radio label</label>
+                                    </div>
+                                </td>
+                                <td class="va-middle">Unchecked radio.</td>
+                            </tr>
+                        
+                            
+                            
+                            <tr>
+                                <td class="va-middle pr8">
+                                    <div class="s-radio">
+                                        <input type="radio" name="radio-group" id="radio-disabled-unchecked" disabled="">
+                                        <label class="s-label" for="radio-disabled-unchecked">Radio label</label>
+                                    </div>
+                                </td>
+                                <td class="va-middle">Disabled unchecked radio.</td>
+                            </tr>
+                        
+                            
+                            
+                            <tr>
+                                <td class="va-middle pr8">
+                                    <div class="s-radio">
+                                        <input type="radio" name="radio-group" id="radio-checked" checked="">
+                                        <label class="s-label" for="radio-checked">Radio label</label>
+                                    </div>
+                                </td>
+                                <td class="va-middle">Checked radio.</td>
+                            </tr>
+                        
+                            
+                            
+                                
+                            
+                            <tr>
+                                <td class="va-middle pr8">
+                                    <div class="s-radio">
+                                        <input type="radio" name="radio-group-disabled-checked" id="radio-disabled-checked" checked="" disabled="">
+                                        <label class="s-label" for="radio-disabled-checked">Radio label</label>
+                                    </div>
+                                </td>
+                                <td class="va-middle">Disabled checked radio.</td>
+                            </tr>
+                        
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="checkmark">Checkmark</h3><a class="s-btn s-btn__clear" href="#checkmark"><span class="v-visible-sr">Section titled Checkmark</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">The checkmark style is an alternative to the base radio style. To use the checkmark style, wrap your input and label in a container with the <code>.s-radio__checkmark</code> class.</p>
+
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-radio s-radio__checkmark"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"example-item"</span>&gt;</span><br>    Checkmark Label<br>    <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"radio"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"example-name"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"example-item"</span> /&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div class="overflow-x-auto" tabindex="0">
+                <table class="docs-table s-table s-table__bx-simple">
+                    <thead>
+                        <tr>
+                            <th scope="col" class="s-table--cell3">Example</th>
+                            <th scope="col">Class</th>
+                            <th scope="col">Description</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        
+                            
+                            
+
+                            <tr>
+                                <td class="va-middle pr8">
+                                    <label class="s-radio s-radio__checkmark" for="checkmark-checkbox-unchecked">
+                                        Checkmark label
+                                        <input type="radio" name="checkmark-radio-group" id="checkmark-checkbox-unchecked">
+                                    </label>
+                                </td>
+                                <td class="va-middle">
+                                    <code>.s-radio__checkmark</code>
+                                </td>
+                                <td class="va-middle">Unchecked checkmark with a radio element.</td>
+                            </tr>
+                        
+                            
+                            
+
+                            <tr>
+                                <td class="va-middle pr8">
+                                    <label class="s-radio s-radio__checkmark" for="checkmark-checkbox-disabled-unchecked">
+                                        Checkmark label
+                                        <input type="radio" name="checkmark-radio-group" id="checkmark-checkbox-disabled-unchecked" disabled="">
+                                    </label>
+                                </td>
+                                <td class="va-middle">
+                                    <code>.s-radio__checkmark</code>
+                                </td>
+                                <td class="va-middle">Disabled unchecked checkmark with a radio element.</td>
+                            </tr>
+                        
+                            
+                            
+
+                            <tr>
+                                <td class="va-middle pr8">
+                                    <label class="s-radio s-radio__checkmark" for="checkmark-checkbox-checked">
+                                        Checkmark label
+                                        <input type="radio" name="checkmark-radio-group" id="checkmark-checkbox-checked" checked="">
+                                    </label>
+                                </td>
+                                <td class="va-middle">
+                                    <code>.s-radio__checkmark</code>
+                                </td>
+                                <td class="va-middle">Checked checkmark with a radio element.</td>
+                            </tr>
+                        
+                            
+                            
+                                
+                            
+
+                            <tr>
+                                <td class="va-middle pr8">
+                                    <label class="s-radio s-radio__checkmark" for="checkmark-checkbox-disabled-checked">
+                                        Checkmark label
+                                        <input type="radio" name="checkmark-radio-group-disabled-checked" id="checkmark-checkbox-disabled-checked" checked="" disabled="">
+                                    </label>
+                                </td>
+                                <td class="va-middle">
+                                    <code>.s-radio__checkmark</code>
+                                </td>
+                                <td class="va-middle">Disabled checked checkmark with a radio element.</td>
+                            </tr>
+                        
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="accessibility">Accessibility</h2><a class="s-btn s-btn__clear" href="#accessibility"><span class="v-visible-sr">Section titled Accessibility</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">The best accessibility is semantic HTML. Most screen readers understand how to parse inputs if they're correctly formatted. When it comes to radios, there are a few things to keep in mind:</p>
+    <ul class="docs-copy">
+        <li>All inputs should have an <code>id</code> attribute.</li>
+        <li>Be sure to associate the radio label by using the <code>for</code> attribute. The value here is the input's <code>id</code>.</li>
+        <li>If you have a group of related radios, use the <code>fieldset</code> and <code>legend</code> to group them together.</li>
+    </ul>
+    <p class="docs-copy">For more information, please read Gov.UK's article, <a href="https://accessibility.blog.gov.uk/2016/07/22/using-the-fieldset-and-legend-elements/" target="_blank"><em>"Using the fieldset and legend elements"</em></a>.</p>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="radio-group">Radio group</h2><a class="s-btn s-btn__clear" href="#radio-group"><span class="v-visible-sr">Section titled Radio group</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="vertical-group">Vertical group</h3><a class="s-btn s-btn__clear" href="#vertical-group"><span class="v-visible-sr">Section titled Vertical group</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">fieldset</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">legend</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">legend</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-radio"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"radio"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"vert-radio"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"vert-radio-1"</span> /&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"vert-radio-1"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-radio"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"radio"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"vert-radio"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"vert-radio-2"</span> /&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"vert-radio-2"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-radio"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"radio"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"vert-radio"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"vert-radio-3"</span> /&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"vert-radio-3"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">fieldset</span>&gt;</span><br><br><span class="hljs-comment">&lt;!-- Checkmark w/ radio using .s-menu for additional styling --&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">fieldset</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-menu s-form-group"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">legend</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-menu--title"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">legend</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-menu--item"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-menu--action s-radio s-radio__checkmark"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"vert-checkmark-1"</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"radio"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"vert-checkmark"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"vert-checkmark-1"</span> /&gt;</span><br>            …<br>        <span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-menu--item"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-menu--action s-radio s-radio__checkmark"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"vert-checkmark-2"</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"radio"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"vert-checkmark"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"vert-checkmark-2"</span> /&gt;</span><br>            …<br>        <span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-menu--item"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-menu--action s-radio s-radio__checkmark"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"vert-checkmark-3"</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"radio"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"vert-checkmark"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"vert-checkmark-3"</span> /&gt;</span><br>            …<br>        <span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">fieldset</span>&gt;</span></code></pre>
+        <div class="docs-preview--example d-flex g24 fd-column">
+            <fieldset class="s-form-group">
+                <legend class="s-label">Which types of fruit do you like?</legend>
+                
+                    <div class="s-radio">
+                        <input type="radio" name="vert-radio" id="vert-radio-Apples" checked="">
+                        <label class="s-label" for="vert-radio-Apples">Apples</label>
+                    </div>
+                
+                    <div class="s-radio">
+                        <input type="radio" name="vert-radio" id="vert-radio-Oranges">
+                        <label class="s-label" for="vert-radio-Oranges">Oranges</label>
+                    </div>
+                
+                    <div class="s-radio">
+                        <input type="radio" name="vert-radio" id="vert-radio-Bananas">
+                        <label class="s-label" for="vert-radio-Bananas">Bananas</label>
+                    </div>
+                
+            </fieldset>
+
+            <div class="s-popover is-visible ps-relative ws2 p8">
+                <fieldset class="s-menu s-form-group">
+                    <legend class="s-menu--title">Pick a fruit</legend>
+                    
+                        <div class="s-menu--item">
+                            <label class="s-menu--action s-radio s-radio__checkmark" for="vert-checkmark-Apples">
+                                <input type="radio" name="vert-checkmark" id="vert-checkmark-Apples" checked="">
+                                Apples
+                            </label>
+                        </div>
+                    
+                        <div class="s-menu--item">
+                            <label class="s-menu--action s-radio s-radio__checkmark" for="vert-checkmark-Oranges">
+                                <input type="radio" name="vert-checkmark" id="vert-checkmark-Oranges">
+                                Oranges
+                            </label>
+                        </div>
+                    
+                        <div class="s-menu--item">
+                            <label class="s-menu--action s-radio s-radio__checkmark" for="vert-checkmark-Bananas">
+                                <input type="radio" name="vert-checkmark" id="vert-checkmark-Bananas">
+                                Bananas
+                            </label>
+                        </div>
+                    
+                </fieldset>
+            </div>
+        </div>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="horizontal-group">Horizontal group</h3><a class="s-btn s-btn__clear" href="#horizontal-group"><span class="v-visible-sr">Section titled Horizontal group</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">fieldset</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group s-form-group__horizontal"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">legend</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">legend</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-radio"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"radio"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"hori-radio"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"hori-radio-1"</span> /&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"hori-radio-1"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-radio"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"radio"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"hori-radio"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"hori-radio-2"</span> /&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"hori-radio-2"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-radio"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"radio"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"hori-radio"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"hori-radio-3"</span> /&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"hori-radio-3"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">fieldset</span>&gt;</span></code></pre>
+        <div class="docs-preview--example d-flex g24 fd-column">
+            <fieldset class="s-form-group s-form-group__horizontal">
+                <legend class="s-label">Which types of fruit do you like?</legend>
+                
+                    <div class="s-radio">
+                        <input type="radio" name="hori-radio" id="hori-radio-Apples" checked="">
+                        <label class="s-label" for="hori-radio-Apples">Apples</label>
+                    </div>
+                
+                    <div class="s-radio">
+                        <input type="radio" name="hori-radio" id="hori-radio-Oranges">
+                        <label class="s-label" for="hori-radio-Oranges">Oranges</label>
+                    </div>
+                
+                    <div class="s-radio">
+                        <input type="radio" name="hori-radio" id="hori-radio-Bananas">
+                        <label class="s-label" for="hori-radio-Bananas">Bananas</label>
+                    </div>
+                
+            </fieldset>
+        </div>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="with-description-copy">With description copy</h3><a class="s-btn s-btn__clear" href="#with-description-copy"><span class="v-visible-sr">Section titled With description copy</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">fieldset</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">legend</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">legend</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-radio"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"radio"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"desc-radio"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"desc-radio-1"</span> /&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"desc-radio-1"</span>&gt;</span><br>            …<br>            <span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-description"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    …<br><span class="hljs-tag">&lt;/<span class="hljs-name">fieldset</span>&gt;</span><br><br><span class="hljs-comment">&lt;!-- Checkmark w/ radio using .s-menu for additional styling --&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">fieldset</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-menu s-form-group"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">legend</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-menu--title"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">legend</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-menu--item"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-menu--action s-radio s-radio__checkmark"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"desc-checkmark-1"</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"radio"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"desc-checkmark"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"desc-checkmark-1"</span> /&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">div</span>&gt;</span><br>                …<br>                <span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-description"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    …<br><span class="hljs-tag">&lt;/<span class="hljs-name">fieldset</span>&gt;</span></code></pre>
+        <div class="docs-preview--example d-flex g24 fd-column">
+            <fieldset class="s-form-group">
+                <legend class="s-label">Which types of fruit do you like?</legend>
+                
+                    <div class="s-radio">
+                        <input type="radio" name="desc-radio" id="desc-radio-Apples" checked="">
+                        <label class="s-label" for="desc-radio-Apples">
+                            Apples
+                            <p class="s-description">Fresh red apples.</p>
+                        </label>
+                    </div>
+                
+                    <div class="s-radio">
+                        <input type="radio" name="desc-radio" id="desc-radio-Oranges">
+                        <label class="s-label" for="desc-radio-Oranges">
+                            Oranges
+                            <p class="s-description">Juicy and sweet oranges.</p>
+                        </label>
+                    </div>
+                
+                    <div class="s-radio">
+                        <input type="radio" name="desc-radio" id="desc-radio-Bananas">
+                        <label class="s-label" for="desc-radio-Bananas">
+                            Bananas
+                            <p class="s-description">Ripe yellow bananas.</p>
+                        </label>
+                    </div>
+                
+            </fieldset>
+
+            <!-- Checkmark w/ radio using .s-menu for additional styling -->
+            <div class="s-popover is-visible ps-relative ws2 p8">
+                <fieldset class="s-menu s-form-group">
+                    <legend class="s-menu--title">Pick a fruit</legend>
+                    
+                        <div class="s-menu--item">
+                            <label class="s-menu--action s-radio s-radio__checkmark" for="desc-checkmark-Apples">
+                                <input type="radio" name="desc-checkmark" id="desc-checkmark-Apples" checked="">
+                                <div>
+                                    Apples
+                                    <p class="s-description">Fresh red apples.</p>
+                                </div>
+                            </label>
+                        </div>
+                    
+                        <div class="s-menu--item">
+                            <label class="s-menu--action s-radio s-radio__checkmark" for="desc-checkmark-Oranges">
+                                <input type="radio" name="desc-checkmark" id="desc-checkmark-Oranges">
+                                <div>
+                                    Oranges
+                                    <p class="s-description">Juicy and sweet oranges.</p>
+                                </div>
+                            </label>
+                        </div>
+                    
+                        <div class="s-menu--item">
+                            <label class="s-menu--action s-radio s-radio__checkmark" for="desc-checkmark-Bananas">
+                                <input type="radio" name="desc-checkmark" id="desc-checkmark-Bananas">
+                                <div>
+                                    Bananas
+                                    <p class="s-description">Ripe yellow bananas.</p>
+                                </div>
+                            </label>
+                        </div>
+                    
+                </fieldset>
+            </div>
+        </div>
+    </div>
+
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="validation-states">Validation states</h2><a class="s-btn s-btn__clear" href="#validation-states"><span class="v-visible-sr">Section titled Validation states</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Radios use the same validation states as <a href="/product/components/inputs">inputs</a>.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="validation-classes">Validation classes</h3><a class="s-btn s-btn__clear" href="#validation-classes"><span class="v-visible-sr">Section titled Validation classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    
+    
+    
+    
+
+
+    
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+    
+
+
+
+
+    
+
+
+
+
+    
+
+
+
+    
+
+
+<div id="docs-table" class="overflow-x-auto s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell3">
+                        Class
+                    </th>
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Applies to
+                    </th>
+                
+                
+                
+                    <th scope="col" class="">
+                        Description
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.has-warning</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Parent element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>Used to warn users that the value they’ve entered has a potential problem, but it doesn’t block them from proceeding.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.has-error</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Parent element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>Used to alert users that the value they’ve entered is incorrect, not filled in, or has a problem which will block them from proceeding.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.has-success</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Parent element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>Used to notify users that the value they’ve entered is fine or has been submitted successfully.</td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="validation-examples">Validation examples</h3><a class="s-btn s-btn__clear" href="#validation-examples"><span class="v-visible-sr">Section titled Validation examples</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-comment">&lt;!-- Radio w/ error --&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-radio has-error"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"radio"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"error-radio"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"error-radio-1"</span> /&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"error-radio-1"</span>&gt;</span><br>        …<br>        <span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-description"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><br><span class="hljs-comment">&lt;!-- Checkmark w/ success --&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-radio s-radio__checkmark has-success"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"success-checkmark-1"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"radio"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"success-checkmark"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"success-checkmark-1"</span> /&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span>&gt;</span><br>        …<br>        <span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-description"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span></code></pre>
+        <div class="docs-preview--example d-flex g24 fd-column">
+            <fieldset class="s-form-group">
+                <legend class="s-label">Which types of fruit do you like?</legend>
+                
+                    <div class="s-radio has-warning">
+                        <input type="radio" name="state-radio" id="state-radio-Apples" checked="">
+                        <label class="s-label" for="state-radio-Apples">
+                            Apples
+                            <p class="s-description">Fresh red apples.</p>
+                        </label>
+                    </div>
+                
+                    <div class="s-radio has-error">
+                        <input type="radio" name="state-radio" id="state-radio-Oranges">
+                        <label class="s-label" for="state-radio-Oranges">
+                            Oranges
+                            <p class="s-description">Juicy and sweet oranges.</p>
+                        </label>
+                    </div>
+                
+                    <div class="s-radio has-success">
+                        <input type="radio" name="state-radio" id="state-radio-Bananas">
+                        <label class="s-label" for="state-radio-Bananas">
+                            Bananas
+                            <p class="s-description">Ripe yellow bananas.</p>
+                        </label>
+                    </div>
+                
+            </fieldset>
+
+            <!-- Checkmark w/ radio using .s-menu for additional styling -->
+            <div class="s-popover is-visible ps-relative ws2 p8">
+                <fieldset class="s-menu s-form-group">
+                    <legend class="s-menu--title">Pick a fruit</legend>
+                    
+                        <div class="s-menu--item">
+                            <label class="s-menu--action s-radio s-radio__checkmark has-warning" for="state-checkmark-Apples">
+                                <input type="radio" name="state-checkmark" id="state-checkmark-Apples" checked="">
+                                <div>
+                                    Apples
+                                    <p class="s-description">Fresh red apples.</p>
+                                </div>
+                            </label>
+                        </div>
+                    
+                        <div class="s-menu--item">
+                            <label class="s-menu--action s-radio s-radio__checkmark has-error" for="state-checkmark-Oranges">
+                                <input type="radio" name="state-checkmark" id="state-checkmark-Oranges">
+                                <div>
+                                    Oranges
+                                    <p class="s-description">Juicy and sweet oranges.</p>
+                                </div>
+                            </label>
+                        </div>
+                    
+                        <div class="s-menu--item">
+                            <label class="s-menu--action s-radio s-radio__checkmark has-success" for="state-checkmark-Bananas">
+                                <input type="radio" name="state-checkmark" id="state-checkmark-Bananas">
+                                <div>
+                                    Bananas
+                                    <p class="s-description">Ripe yellow bananas.</p>
+                                </div>
+                            </label>
+                        </div>
+                    
+                </fieldset>
+            </div>
+        </div>
+    </div>
+</section>
+
+
+            <!-- <div class="d-flex my48 pt24">
+                <div class="mr16">
+                    
+                    <form
+                        id="quick-positive-feedback-radio"
+                        class="js-feedback-form v-hidden"
+                        name="quick-positive-feedback-radio"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <form
+                        id="quick-negative-feedback-radio"
+                        class="js-feedback-form v-hidden"
+                        name="quick-negative-feedback-radio"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-positive"
+                        role="tooltip">
+                        <div class="s-popover--content">This page is useful</div>
+                    </div>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-negative"
+                        role="tooltip">
+                        <div class="s-popover--content">This page needs improvement</div>
+                    </div>
+                    <div id="vote-feedback" class="s-vote">
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-positive-feedback-radio"
+                            aria-describedby="tooltip-feedback-positive"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUp" aria-hidden="true"><path d="M10 3q.41.02.64.36l6.9 11.5a.75.75 0 1 1-1.28.78L10 5.21l-5.58 9.3h8.04v-.01h1.1l.97 1.5H3.1a.75.75 0 0 1-.65-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUpFill" aria-hidden="true"><path d="M10 3h.1a1 1 0 0 1 .42.21l.12.15 6.9 11.5.05.09v.03l.02.04q.04.12.04.26v.03q0 .13-.07.25v.02l-.03.04a1 1 0 0 1-.2.23l-.06.05-.04.01-.04.03-.04.01a1 1 0 0 1-.27.05H3a.75.75 0 0 1-.55-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="v-visible-sr">upvote</span>
+                        </button>
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-negative-feedback-radio"
+                            aria-describedby="tooltip-feedback-negative"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDown" aria-hidden="true"><path d="M10 16a.8.8 0 0 1-.64-.36l-6.9-11.5a.75.75 0 1 1 1.28-.78L10 13.8l5.58-9.3H6.44L5.47 3H16.9a.75.75 0 0 1 .65 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDownFill" aria-hidden="true"><path d="M10 16h-.1l-.1-.02a.8.8 0 0 1-.45-.34l-6.9-11.5-.04-.08-.01-.04L2.39 4a1 1 0 0 1-.04-.26V3.7q0-.14.06-.26l.01-.02.02-.04a1 1 0 0 1 .27-.27l.03-.02.05-.02.04-.02A1 1 0 0 1 3.1 3H17a.75.75 0 0 1 .54 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="v-visible-sr">downvote</span>
+                        </button>
+                    </div>
+                </div>
+
+                <form
+                    class="w100 js-feedback-form"
+                    name="feedback-radio"
+                    method="POST"
+                    data-netlify="true"
+                    action="/success">
+                    <fieldset class="d-flex fd-column fl-grow1 g16">
+                        <legend class="fs-title fw-bold">How’d we do?</legend>
+                        <div class="fs-body2">Anonymously upvote, downvote, or send additional feedback below.</div>
+
+                        <textarea
+                            class="s-textarea hmn1"
+                            id="feedback-form"
+                            name="additional-feedback"
+                            placeholder="Tell us how we can improve this page…" required></textarea>
+
+                        <div class="d-flex ai-center fd-row-reverse g8 jc-space-between mln6 sm:d-grid sm:grid__1 sm:ml0">
+                            <button
+                                type="submit"
+                                class="s-btn as-start fl-shrink0">
+                                Send feedback
+                            </button>
+                            <div class="d-flex fw-wrap g8 sm:d-grid sm:grid__1">
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/edit/develop/packages/stacks-docs/./product/components/radio.html"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    <svg aria-hidden="true" class="svg-icon iconPencilSm" width="14" height="14"  viewBox="0 0 14 14"><path fill="#F1B600" d="m2 10.12 6.37-6.43 1.88 1.88L3.88 12H2z"/><path fill="#E87C87" d="m11.1 1.71 1.13 1.12c.2.2.2.51 0 .71L11.1 4.7 9.21 2.86l1.17-1.15c.2-.2.51-.2.71 0"/></svg>
+                                    Edit
+                                </a>
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/issues/new/choose"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    File an issue
+                                </a>
+                            </div>
+                        </div>
+                    </fieldset>
+                </form>
+            </div> -->
+
+            <!-- <div class="ta-right">
+                <a href="https://www.netlify.com"><img src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg" alt="Deploys by Netlify" /></a>
+            </div> -->
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/select.md b/packages/stacks-docs-next/src/docs/public/system/components/select.md
new file mode 100644
index 0000000000..e25fdbaecd
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/select.md
@@ -0,0 +1,836 @@
+---
+title: "Select"
+description: "A selectable menu list from which a user can make a single selection. Typically they are used when there are more than four possible options. The custom select menu styling is achieved by wrapping the <code>select</code> tag within the <code>.s-select</code> class."
+svelte: "https://beta.svelte.stackoverflow.design/?path=/docs/components-select--docs"
+figma: "https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=4537-50988"
+---
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="classes">Classes</h2><a class="s-btn s-btn__clear" href="#classes"><span class="v-visible-sr">Section titled Classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    
+    
+    
+    
+    
+
+
+    
+
+
+
+
+
+    
+
+
+
+    
+
+
+
+
+    
+
+
+
+    
+
+
+    
+
+
+
+    
+
+
+<div id="docs-table" class="overflow-x-auto s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell4">
+                        Class
+                    </th>
+                
+                
+                
+                    <th scope="col" class="s-table--cell3">
+                        Modifies
+                    </th>
+                
+                
+                    <th scope="col" class="">
+                        Description
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-select</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>Base select style.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-select__sm</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-select</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Apply a small size.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-select__lg</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-select</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Apply a large size.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.has-error</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-select</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Apply an error state.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.has-success</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-select</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Apply a success state.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.has-warning</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-select</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Apply a warning state.</td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="base-style">Base style</h2><a class="s-btn s-btn__clear" href="#base-style"><span class="v-visible-sr">Section titled Base style</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"select-menu"</span>&gt;</span><br>        How will you be traveling?<br>        <span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"mt2 s-description"</span>&gt;</span>Select the transportation method you will be using to come to the event.<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-select"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">select</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"select-menu"</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">""</span> <span class="hljs-attr">selected</span>&gt;</span>Please select one…<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"walk"</span>&gt;</span>Walk<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"bike"</span>&gt;</span>Bicycle<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"car"</span>&gt;</span>Automobile<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"rail"</span>&gt;</span>Train<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"fly"</span>&gt;</span>Plane<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">select</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group is-disabled"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"select-menu-disabled"</span>&gt;</span>Where are you staying?<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-select"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">select</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"select-menu-disabled"</span> <span class="hljs-attr">disabled</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">""</span> <span class="hljs-attr">selected</span>&gt;</span>Please select one…<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"bronx"</span>&gt;</span>Bronx<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"brooklyn"</span>&gt;</span>Brooklyn<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"manhattan"</span>&gt;</span>Manhattan<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"queens"</span>&gt;</span>Queens<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"staten-island"</span>&gt;</span>Staten Island<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">select</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div class="d-flex gy16 fd-column">
+                <div>
+                    <div class="s-form-group">
+                        <label class="s-label" for="select-menu">
+                            How will you be traveling?
+                            <p class="mt2 s-description">Select the transportation method you will be using to come to the event.</p>
+                        </label>
+                        <div class="s-select">
+                            <select id="select-menu">
+                                <option value="" selected="">Please select one…</option>
+                                <option value="walk">Walk</option>
+                                <option value="bike">Bicycle</option>
+                                <option value="car">Automobile</option>
+                                <option value="rail">Train</option>
+                                <option value="fly">Plane</option>
+                            </select>
+                        </div>
+                    </div>
+                </div>
+                <div>
+                    <div class="s-form-group is-disabled">
+                        <label class="s-label" for="select-menu-disabled">Where are you staying?</label>
+                        <div class="s-select">
+                            <select id="select-menu-disabled" disabled="">
+                                <option value="" selected="">Please select one…</option>
+                                <option value="bronx">Bronx</option>
+                                <option value="brooklyn">Brooklyn</option>
+                                <option value="manhattan">Manhattan</option>
+                                <option value="queens">Queens</option>
+                                <option value="staten-island">Staten Island</option>
+                            </select>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section id="inputs" class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="validation-states">Validation states</h2><a class="s-btn s-btn__clear" href="#validation-states"><span class="v-visible-sr">Section titled Validation states</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Validation states provides the user feedback based on their interaction (or lack of interaction) with a select menu. These styles are applied by applying the appropriate class to the wrapping parent container.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="validation-classes">Validation classes</h3><a class="s-btn s-btn__clear" href="#validation-classes"><span class="v-visible-sr">Section titled Validation classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    
+    
+    
+    
+
+
+    
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+    
+
+
+
+
+    
+
+
+
+
+    
+
+
+
+    
+
+
+<div id="docs-table" class="overflow-x-auto s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell3">
+                        Class
+                    </th>
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Applies to
+                    </th>
+                
+                
+                
+                    <th scope="col" class="">
+                        Description
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.has-warning</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Parent element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>Used to warn users that the value they’ve entered has a potential problem, but it doesn’t block them from proceeding.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.has-error</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Parent element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>Used to alert users that the value they’ve entered is incorrect, not filled in, or has a problem which will block them from proceeding.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.has-success</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Parent element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>Used to notify users that the value they’ve entered is fine or has been submitted successfully.</td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="validation-examples">Validation examples</h3><a class="s-btn s-btn__clear" href="#validation-examples"><span class="v-visible-sr">Section titled Validation examples</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="d-flex jc-space-between ai-end mb12"><h4 class="fl-grow1 mb0 lh-sm  fs-body3 fc-black-400" id="warning">Warning</h4><a class="s-btn s-btn__clear" href="#warning"><span class="v-visible-sr">Section titled Warning</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group has-warning"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"select-menu"</span>&gt;</span><br>        How will you be traveling?<br>        <span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"mt2 s-description"</span>&gt;</span>Select the transportation method you will be using to come to the event.<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-select"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">select</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"select-menu"</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">""</span> <span class="hljs-attr">selected</span>&gt;</span>Please select one…<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"walk"</span>&gt;</span>Walk<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"bike"</span>&gt;</span>Bicycle<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"car"</span>&gt;</span>Automobile<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"rail"</span>&gt;</span>Train<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"fly"</span>&gt;</span>Plane<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">select</span>&gt;</span><br>        @Svg.Alert.With("s-input-icon")<br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div class="s-form-group has-warning">
+                <label class="s-label" for="select-menu-warning">
+                    How will you be traveling?
+                    <p class="mt2 s-description">Select the transportation method you will be using to come to the event.</p>
+                </label>
+                <div class="s-select">
+                    <select id="select-menu-warning">
+                        <option value="" selected="">Please select one…</option>
+                        <option value="walk">Walk</option>
+                        <option value="bike">Bicycle</option>
+                        <option value="car">Automobile</option>
+                        <option value="rail">Train</option>
+                        <option value="fly">Plane</option>
+                    </select>
+                    <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconAlert s-input-icon" aria-hidden="true"><path d="M10 2q.41.01.64.37l8.76 14.58a.75.75 0 0 1-.65 1.14H1.25a.75.75 0 0 1-.65-1.14L9.36 2.37l.05-.09A.8.8 0 0 1 10 2M2.57 16.6h14.86L10 4.2zM11 15.52H9v-2h2zm0-2.97H9v-5.5h2z"></path></svg>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h4 class="fl-grow1 mb0 lh-sm  fs-body3 fc-black-400" id="error">Error</h4><a class="s-btn s-btn__clear" href="#error"><span class="v-visible-sr">Section titled Error</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group has-error"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"select-menu"</span>&gt;</span><br>        How will you be traveling?<br>        <span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"mt2 s-description"</span>&gt;</span>Select the transportation method you will be using to come to the event.<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-select"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">select</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"select-menu"</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">""</span> <span class="hljs-attr">selected</span>&gt;</span>Please select one…<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"walk"</span>&gt;</span>Walk<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"bike"</span>&gt;</span>Bicycle<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"car"</span>&gt;</span>Automobile<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"rail"</span>&gt;</span>Train<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"fly"</span>&gt;</span>Plane<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">select</span>&gt;</span><br>        @Svg.AlertFill.With("s-input-icon")<br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div class="s-form-group has-error">
+                <label class="s-label" for="select-menu-error">
+                    How will you be traveling?
+                    <p class="mt2 s-description">Select the transportation method you will be using to come to the event.</p>
+                </label>
+                <div class="s-select">
+                    <select id="select-menu-error">
+                        <option value="" selected="">Please select one…</option>
+                        <option value="walk">Walk</option>
+                        <option value="bike">Bicycle</option>
+                        <option value="car">Automobile</option>
+                        <option value="rail">Train</option>
+                        <option value="fly">Plane</option>
+                    </select>
+                    <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconAlertFill s-input-icon" aria-hidden="true"><path d="M10 2q.41.01.64.37l8.76 14.58a.75.75 0 0 1-.65 1.14H1.25a.75.75 0 0 1-.65-1.14L9.36 2.37l.05-.08A.8.8 0 0 1 10 2M9 13.53v2h2v-2zm0-6.47v5.5h2v-5.5z"></path></svg>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h4 class="fl-grow1 mb0 lh-sm  fs-body3 fc-black-400" id="success">Success</h4><a class="s-btn s-btn__clear" href="#success"><span class="v-visible-sr">Section titled Success</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group has-success"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"select-menu"</span>&gt;</span><br>        How will you be traveling?<br>        <span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"mt2 s-description"</span>&gt;</span>Select the transportation method you will be using to come to the event.<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-select"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">select</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"select-menu"</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">""</span> <span class="hljs-attr">selected</span>&gt;</span>Please select one…<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"walk"</span>&gt;</span>Walk<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"bike"</span>&gt;</span>Bicycle<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"car"</span>&gt;</span>Automobile<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"rail"</span>&gt;</span>Train<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"fly"</span>&gt;</span>Plane<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">select</span>&gt;</span><br>        @Svg.Check.With("s-input-icon")<br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div class="s-form-group has-success">
+                <label class="s-label" for="select-menu-success">
+                    How will you be traveling?
+                    <p class="mt2 s-description">Select the transportation method you will be using to come to the event.</p>
+                </label>
+                <div class="s-select">
+                    <select id="select-menu-success">
+                        <option value="" selected="">Please select one…</option>
+                        <option value="walk">Walk</option>
+                        <option value="bike">Bicycle</option>
+                        <option value="car">Automobile</option>
+                        <option value="rail">Train</option>
+                        <option value="fly">Plane</option>
+                    </select>
+                    <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconCheck s-input-icon" aria-hidden="true"><path d="m18.16 5-.53.53L7.55 15.61l-.53.53-5.03-5.03 1.06-1.06 3.97 3.97 9.55-9.55.53-.53z"></path></svg>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="sizes">Sizes</h2><a class="s-btn s-btn__clear" href="#sizes"><span class="v-visible-sr">Section titled Sizes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    
+    
+    
+    
+    
+    
+
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+    
+
+
+
+
+    
+
+
+
+
+
+
+    
+
+
+<div id="select-sizes-table" class="overflow-x-auto s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell3">
+                        Class
+                    </th>
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Name
+                    </th>
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Size
+                    </th>
+                
+                
+                    <th scope="col" class="">
+                        Example
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-select__sm</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Small</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">13px</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td><div class="s-select s-select__sm"><select><option>1 Example</option><option>2 Options</option></select></div></td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Default</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">14px</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td><div class="s-select"><select><option>1 Example</option><option>2 Options</option></select></div></td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-select__lg</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Large</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">18px</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td><div class="s-select s-select__lg"><select><option>1 Example</option><option>2 Options</option></select></div></td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+</section>
+
+
+            <!-- <div class="d-flex my48 pt24">
+                <div class="mr16">
+                    
+                    <form
+                        id="quick-positive-feedback-select"
+                        class="js-feedback-form v-hidden"
+                        name="quick-positive-feedback-select"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <form
+                        id="quick-negative-feedback-select"
+                        class="js-feedback-form v-hidden"
+                        name="quick-negative-feedback-select"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-positive"
+                        role="tooltip">
+                        <div class="s-popover--content">This page is useful</div>
+                    </div>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-negative"
+                        role="tooltip">
+                        <div class="s-popover--content">This page needs improvement</div>
+                    </div>
+                    <div id="vote-feedback" class="s-vote">
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-positive-feedback-select"
+                            aria-describedby="tooltip-feedback-positive"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUp" aria-hidden="true"><path d="M10 3q.41.02.64.36l6.9 11.5a.75.75 0 1 1-1.28.78L10 5.21l-5.58 9.3h8.04v-.01h1.1l.97 1.5H3.1a.75.75 0 0 1-.65-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUpFill" aria-hidden="true"><path d="M10 3h.1a1 1 0 0 1 .42.21l.12.15 6.9 11.5.05.09v.03l.02.04q.04.12.04.26v.03q0 .13-.07.25v.02l-.03.04a1 1 0 0 1-.2.23l-.06.05-.04.01-.04.03-.04.01a1 1 0 0 1-.27.05H3a.75.75 0 0 1-.55-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="v-visible-sr">upvote</span>
+                        </button>
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-negative-feedback-select"
+                            aria-describedby="tooltip-feedback-negative"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDown" aria-hidden="true"><path d="M10 16a.8.8 0 0 1-.64-.36l-6.9-11.5a.75.75 0 1 1 1.28-.78L10 13.8l5.58-9.3H6.44L5.47 3H16.9a.75.75 0 0 1 .65 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDownFill" aria-hidden="true"><path d="M10 16h-.1l-.1-.02a.8.8 0 0 1-.45-.34l-6.9-11.5-.04-.08-.01-.04L2.39 4a1 1 0 0 1-.04-.26V3.7q0-.14.06-.26l.01-.02.02-.04a1 1 0 0 1 .27-.27l.03-.02.05-.02.04-.02A1 1 0 0 1 3.1 3H17a.75.75 0 0 1 .54 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="v-visible-sr">downvote</span>
+                        </button>
+                    </div>
+                </div>
+
+                <form
+                    class="w100 js-feedback-form"
+                    name="feedback-select"
+                    method="POST"
+                    data-netlify="true"
+                    action="/success">
+                    <fieldset class="d-flex fd-column fl-grow1 g16">
+                        <legend class="fs-title fw-bold">How’d we do?</legend>
+                        <div class="fs-body2">Anonymously upvote, downvote, or send additional feedback below.</div>
+
+                        <textarea
+                            class="s-textarea hmn1"
+                            id="feedback-form"
+                            name="additional-feedback"
+                            placeholder="Tell us how we can improve this page…" required></textarea>
+
+                        <div class="d-flex ai-center fd-row-reverse g8 jc-space-between mln6 sm:d-grid sm:grid__1 sm:ml0">
+                            <button
+                                type="submit"
+                                class="s-btn as-start fl-shrink0">
+                                Send feedback
+                            </button>
+                            <div class="d-flex fw-wrap g8 sm:d-grid sm:grid__1">
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/edit/develop/packages/stacks-docs/./product/components/select.html"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    <svg aria-hidden="true" class="svg-icon iconPencilSm" width="14" height="14"  viewBox="0 0 14 14"><path fill="#F1B600" d="m2 10.12 6.37-6.43 1.88 1.88L3.88 12H2z"/><path fill="#E87C87" d="m11.1 1.71 1.13 1.12c.2.2.2.51 0 .71L11.1 4.7 9.21 2.86l1.17-1.15c.2-.2.51-.2.71 0"/></svg>
+                                    Edit
+                                </a>
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/issues/new/choose"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    File an issue
+                                </a>
+                            </div>
+                        </div>
+                    </fieldset>
+                </form>
+            </div> -->
+
+            <!-- <div class="ta-right">
+                <a href="https://www.netlify.com"><img src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg" alt="Deploys by Netlify" /></a>
+            </div> -->
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/sidebar-widgets.md b/packages/stacks-docs-next/src/docs/public/system/components/sidebar-widgets.md
new file mode 100644
index 0000000000..db416908b7
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/sidebar-widgets.md
@@ -0,0 +1,70 @@
+---
+title: "Sidebar widgets"
+description: "Sidebar widgets are flexible containers that provide a lot of patterns that are helpful in a variety of sidebar uses."
+---
+
+<script lang="ts">
+    import { Notice, Icon } from '@stackoverflow/stacks-svelte';
+    import { IconAward, IconPlus } from '@stackoverflow/stacks-icons/icons';
+    import ClassTable from '$components/ClassTable.svelte';
+    import Example from '$components/Example.svelte';
+    import type { ClassTableRow } from '$components/ClassTable.svelte';
+
+    const classes: ClassTableRow[] = [
+        { class: '.s-sidebarwidget',          parent: 'N/A',                  modifies: 'N/A', description: 'Base sidebar widget style.' },
+        { class: '.s-sidebarwidget--content', parent: '.s-sidebarwidget',     modifies: 'N/A', description: 'Container for the sidebar widget content.' },
+        { class: '.s-sidebarwidget--header',  parent: '.s-sidebarwidget',     modifies: 'N/A', description: 'Container for the sidebar widget header.' },
+        { class: '.s-sidebarwidget--footer',  parent: '.s-sidebarwidget',     modifies: 'N/A', description: 'Container for the sidebar widget footer.' },
+    ];
+</script>
+
+## Classes
+
+<ClassTable {classes} />
+
+## Basic style
+
+In its simplest form, `.s-sidebarwidget` is comprised of a `.s-sidebarwidget--content` section and optional `.s-sidebarwidget--header` and `.s-sidebarwidget--footer` sections. Together these classes create a widget with appropriate inner spacing for you to put whatever you want into it.
+
+<Notice variant="info" role="presentation" class="s-anchors s-anchors__inherit s-anchors__underlined">
+    <p>By default the content is a flex container. If you require <code>display: block</code> instead, add the <code>d-block</code> class.</p>
+</Notice>
+
+<Notice variant="warning" role="presentation" class="s-anchors s-anchors__inherit s-anchors__underlined">
+    <p>The examples of <code>s-sidebarwidget--header</code> are shown with <code>h2</code> elements, but the appropriate heading level may differ depending on context. Please use the appropriate heading level for your context to ensure heading levels only increase by 1.</p>
+</Notice>
+
+```html
+<div class="s-sidebarwidget">
+    <div class="s-sidebarwidget--header">
+        <h2>…</h2>
+        <a class="s-btn s-btn__xs s-btn__clear s-sidebarwidget--action">…</a>
+    </div>
+    <div class="s-sidebarwidget--content">
+        …
+        <button class="s-btn s-btn__tonal s-sidebarwidget--action">…</button>
+    </div>
+    <div class="s-sidebarwidget--footer">
+        <button class="s-btn s-btn__tonal s-sidebarwidget--action">…</button>
+    </div>
+</div>
+```
+
+<Example>
+    <div class="s-sidebarwidget wmx3 mx-auto">
+        <div class="s-sidebarwidget--header">
+            <div class="mr8"><Icon src={IconAward} /></div>
+            <h2>Community Achievements</h2>
+            <a href="#" class="s-btn s-btn__xs s-btn__clear s-sidebarwidget--action">
+                <Icon src={IconPlus} class="mr4" />Track
+            </a>
+        </div>
+        <div class="s-sidebarwidget--content">
+            <span>You've earned 3 new badges this week! Keep contributing to unlock more achievements and privileges within the community.</span>
+            <button class="s-btn s-btn__tonal s-sidebarwidget--action">View all badges</button>
+        </div>
+        <div class="s-sidebarwidget--footer">
+            <button class="s-btn s-btn__tonal s-sidebarwidget--action">See your progress</button>
+        </div>
+    </div>
+</Example>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/tables.md b/packages/stacks-docs-next/src/docs/public/system/components/tables.md
new file mode 100644
index 0000000000..f31ff061db
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/tables.md
@@ -0,0 +1,880 @@
+---
+title: "Tables"
+description: "Tables are used to list all information from a data set. The base style establishes preferred padding, font-size, and font-weight treatments. To enhance or customize the look of the table, apply any additional classes listed below."
+js: true
+---
+
+<script lang="ts">
+    import ClassTable from '$components/ClassTable.svelte';
+    import Example from '$components/Example.svelte';
+    import TableSortDemo from '$components/TableSortDemo.svelte';
+    import type { ClassTableRow } from '$components/ClassTable.svelte';
+
+    const classes: ClassTableRow[] = [
+        { class: '.s-table-container',  parent: 'N/A',                   modifies: 'N/A',         description: 'Container for the table.' },
+        { class: '.s-table',            parent: '.s-table-container',    modifies: 'N/A',         description: 'Base table style.' },
+        { class: '.s-table--cell:n',    parent: '.s-table > tr > td',    modifies: 'N/A',         description: 'Table cell width in 12 evenly divided columns. Replace `:n` with the number of columns the cell should span.' },
+        { class: '.s-table__b0',        parent: 'N/A',                   modifies: '.s-table',    description: 'Removes all table cell borders.' },
+        { class: '.s-table__bx',        parent: 'N/A',                   modifies: '.s-table',    description: 'Shows only horizontal table cell borders. Good for tables with lots of data that can be sorted and filtered.' },
+        { class: '.s-table__bx-simple', parent: 'N/A',                   modifies: '.s-table',    description: 'Removes most of the default borders and backgrounds. Good for tables without much data that don\'t need to be sorted or filtered.' },
+        { class: '.s-table__sortable',  parent: 'N/A',                   modifies: '.s-table',    description: 'Applies styling to imply the table is sortable.' },
+        { class: '.s-table__stripes',   parent: 'N/A',                   modifies: '.s-table',    description: 'Apply zebra striping to the table.' },
+        { class: '.s-table__sm',        parent: 'N/A',                   modifies: '.s-table',    description: 'Apply a condensed sizing to the table.' },
+        { class: '.s-table__lg',        parent: 'N/A',                   modifies: '.s-table',    description: 'Apply a large sizing to the table.' },
+    ];
+
+    const widths: ClassTableRow[] = [
+        { class: '.s-table--cell1',  output: '8.3333333%'   },
+        { class: '.s-table--cell2',  output: '16.6666667%'  },
+        { class: '.s-table--cell3',  output: '25%'          },
+        { class: '.s-table--cell4',  output: '33.3333333%'  },
+        { class: '.s-table--cell5',  output: '41.6666667%'  },
+        { class: '.s-table--cell6',  output: '50%'          },
+        { class: '.s-table--cell7',  output: '58.3333333%'  },
+        { class: '.s-table--cell8',  output: '66.6666667%'  },
+        { class: '.s-table--cell9',  output: '75%'          },
+        { class: '.s-table--cell10', output: '83.3333333%'  },
+        { class: '.s-table--cell11', output: '91.6666667%'  },
+        { class: '.s-table--cell12', output: '100%'         },
+    ];
+
+    const dataAttributes: ClassTableRow[] = [
+        { class: 'data-controller="s-table"',       parent: 'table', description: 'Wires up the table to the JS controller.' },
+        { class: 'data-s-table-target="column"',    parent: 'th',    description: 'Marks this as a sortable column for the purpose of modifying arrow icons.' },
+        { class: 'data-action="click-&gt;s-table#sort"', parent: 'button', description: 'Causes a click on the header cell to sort by this column.' },
+        { class: 'data-s-table-sort-to="top"',      parent: 'tr',    description: 'Forces the sorting of a row to the top.' },
+        { class: 'data-s-table-sort-to="bottom"',   parent: 'tr',    description: 'Forces the sorting of a row to the bottom.' },
+        { class: 'data-s-table-sort-val="[x]"',     parent: 'td',    description: 'Optionally use a custom value for sorting instead of the cell\'s text content.' },
+    ];
+
+    const atomic: ClassTableRow[] = [
+        { class: '.tl-auto',  output: 'table-layout: auto;'  },
+        { class: '.tl-fixed', output: 'table-layout: fixed;' },
+    ];
+</script>
+
+## Classes
+
+<ClassTable {classes} />
+
+## Default style
+
+Tables should be wrapped in a container, `.s-table-container`. This provides horizontal scrolling when necessary in the smallest breakpoints. The default table style is a bordered cell layout with a stylized header row.
+
+```html
+<div class="s-table-container">
+    <table class="s-table">
+        <thead>
+            <tr>
+                <th scope="col"></th>
+                <th scope="col"></th>
+                <th scope="col"></th>
+                <th scope="col"></th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr>
+                <th scope="row"></th>
+                <td></td>
+                <td></td>
+                <td></td>
+            </tr>
+        </tbody>
+    </table>
+</div>
+```
+
+<Example>
+    <div class="s-table-container">
+        <table class="s-table">
+            <thead>
+                <tr>
+                    <th scope="col">Name</th>
+                    <th scope="col">Username</th>
+                    <th scope="col">Joined</th>
+                    <th scope="col">Last seen</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <th><a>Aaron Shekey</a></th>
+                    <td>aaronshekey</td>
+                    <td>Dec 1 '17 at 20:24</td>
+                    <td>just now</td>
+                </tr>
+                <tr>
+                    <th><a>Joshua Hynes</a></th>
+                    <td>joshuahynes</td>
+                    <td>Feb 12 at 18:47</td>
+                    <td>Aug 10 at 14:57</td>
+                </tr>
+                <tr>
+                    <th><a>Piper Lawson</a></th>
+                    <td>piperlawson</td>
+                    <td>Jul 5 at 14:32</td>
+                    <td>Aug 14 at 12:41</td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</Example>
+
+## Borders & backgrounds
+
+By default, tables are outlined, have borders on all cells, and have a styled header. Depending on the size and complexity of a table, these can all be configured.
+
+### Horizontal borders
+
+Shows only horizontal table cell borders. Good for tables with lots of data that can be sorted and filtered.
+
+```html
+<div class="s-table-container">
+    <table class="s-table s-table__bx">
+        …
+    </table>
+</div>
+```
+
+<Example>
+    <div class="s-table-container">
+        <table class="s-table s-table__bx">
+            <thead>
+                <tr>
+                    <th scope="col"></th>
+                    <th scope="col">First name</th>
+                    <th scope="col">Last name</th>
+                    <th scope="col">Username</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr><th scope="row">1</th><td>Aaron</td><td>S.</td><td>@aarons</td></tr>
+                <tr><th scope="row">2</th><td>Joshua</td><td>H.</td><td>@joshuah</td></tr>
+                <tr><th scope="row">3</th><td>Paweł</td><td>L.</td><td>@pawełl</td></tr>
+                <tr><th scope="row">4</th><td>Ted</td><td>G.</td><td>@so-ted</td></tr>
+            </tbody>
+        </table>
+    </div>
+</Example>
+
+### Simple borders
+
+Removes most of the default borders and backgrounds. Good for tables without much data that don't need to be sorted or filtered.
+
+```html
+<div class="s-table-container">
+    <table class="s-table s-table__bx-simple">
+        …
+    </table>
+</div>
+```
+
+<Example>
+    <div class="s-table-container">
+        <table class="s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th scope="col"></th>
+                    <th scope="col">First name</th>
+                    <th scope="col">Last name</th>
+                    <th scope="col">Username</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr><th scope="row">1</th><td>Aaron</td><td>S.</td><td>@aarons</td></tr>
+                <tr><th scope="row">2</th><td>Joshua</td><td>H.</td><td>@joshuah</td></tr>
+                <tr><th scope="row">3</th><td>Paweł</td><td>L.</td><td>@pawełl</td></tr>
+                <tr><th scope="row">4</th><td>Ted</td><td>G.</td><td>@so-ted</td></tr>
+            </tbody>
+        </table>
+    </div>
+</Example>
+
+### No borders
+
+Removes all table cell borders.
+
+```html
+<div class="s-table-container">
+    <table class="s-table s-table__b0">
+        …
+    </table>
+</div>
+```
+
+<Example>
+    <div class="s-table-container">
+        <table class="s-table s-table__b0">
+            <thead>
+                <tr>
+                    <th scope="col"></th>
+                    <th scope="col">First name</th>
+                    <th scope="col">Last name</th>
+                    <th scope="col">Username</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr><th scope="row">1</th><td>Aaron</td><td>S.</td><td>@aarons</td></tr>
+                <tr><th scope="row">2</th><td>Joshua</td><td>H.</td><td>@joshuah</td></tr>
+                <tr><th scope="row">3</th><td>Paweł</td><td>L.</td><td>@pawełl</td></tr>
+                <tr><th scope="row">4</th><td>Ted</td><td>G.</td><td>@so-ted</td></tr>
+            </tbody>
+        </table>
+    </div>
+</Example>
+
+### Zebra striping
+
+When tables have a lot of information, you can help users group information and isolate data by adding zebra striping.
+
+```html
+<div class="s-table-container">
+    <table class="s-table s-table__stripes">
+        …
+    </table>
+</div>
+```
+
+<Example>
+    <div class="s-table-container">
+        <table class="s-table s-table__stripes">
+            <thead>
+                <tr>
+                    <th scope="col"></th>
+                    <th scope="col">First Name</th>
+                    <th scope="col">Last Name</th>
+                    <th scope="col">Username</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr><th scope="row">1</th><td>Aaron</td><td>S.</td><td>@aarons</td></tr>
+                <tr><th scope="row">2</th><td>Joshua</td><td>H.</td><td>@joshuah</td></tr>
+                <tr><th scope="row">3</th><td>Paweł</td><td>L.</td><td>@pawełl</td></tr>
+                <tr><th scope="row">4</th><td>Ted</td><td>G.</td><td>@so-ted</td></tr>
+            </tbody>
+        </table>
+    </div>
+</Example>
+
+## Spacing
+
+A table's padding can be changed to be more or less condensed.
+
+### Small
+
+```html
+<div class="s-table-container">
+    <table class="s-table s-table__sm">
+        …
+    </table>
+</div>
+```
+
+<Example>
+    <div class="s-table-container">
+        <table class="s-table s-table__sm">
+            <thead>
+                <tr>
+                    <th scope="col"></th>
+                    <th scope="col">First Name</th>
+                    <th scope="col">Last Name</th>
+                    <th scope="col">Username</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr><th scope="row">1</th><td>Aaron</td><td>S.</td><td>@aarons</td></tr>
+                <tr><th scope="row">2</th><td>Joshua</td><td>H.</td><td>@joshuah</td></tr>
+            </tbody>
+        </table>
+    </div>
+</Example>
+
+### Default
+
+```html
+<div class="s-table-container">
+    <table class="s-table">
+        …
+    </table>
+</div>
+```
+
+<Example>
+    <div class="s-table-container">
+        <table class="s-table">
+            <thead>
+                <tr>
+                    <th scope="col"></th>
+                    <th scope="col">First Name</th>
+                    <th scope="col">Last Name</th>
+                    <th scope="col">Username</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr><th scope="row">1</th><td>Paweł</td><td>L.</td><td>@pawełl</td></tr>
+                <tr><th scope="row">2</th><td>Ted</td><td>G.</td><td>@so-ted</td></tr>
+            </tbody>
+        </table>
+    </div>
+</Example>
+
+### Large
+
+```html
+<div class="s-table-container">
+    <table class="s-table s-table__lg">
+        …
+    </table>
+</div>
+```
+
+<Example>
+    <div class="s-table-container">
+        <table class="s-table s-table__lg">
+            <thead>
+                <tr>
+                    <th scope="col"></th>
+                    <th scope="col">First Name</th>
+                    <th scope="col">Last Name</th>
+                    <th scope="col">Username</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr><th scope="row">1</th><td>Aaron</td><td>S.</td><td>@aarons</td></tr>
+                <tr><th scope="row">2</th><td>Joshua</td><td>H.</td><td>@joshuah</td></tr>
+            </tbody>
+        </table>
+    </div>
+</Example>
+
+## Cell widths
+
+Table columns will size themselves based on their content. To set a specific width, you can use one of the following table cell classes to specify the width for any column.
+
+### Classes
+
+<ClassTable classes={widths} headings={{ output: 'Width' }} />
+
+### Examples
+
+```html
+// Example 1
+<div class="s-table-container">
+    <table class="s-table">
+        <tr>
+            <td class="s-table--cell2">…</td>
+            <td>…</td>
+        </tr>
+    </table>
+</div>
+// Example 2
+<div class="s-table-container">
+    <table class="s-table">
+        <tr>
+            <td class="s-table--cell3">…</td>
+            <td class="s-table--cell6">…</td>
+            <td>…</td>
+            <td>…</td>
+            <td>…</td>
+        </tr>
+    </table>
+</div>
+// Example 3
+<div class="s-table-container">
+    <table class="s-table">
+        <tr>
+            <td class="s-table--cell4">…</td>
+            <td>…</td>
+            <td>…</td>
+            <td>…</td>
+            <td>…</td>
+            <td class="s-table--cell2">…</td>
+        </tr>
+    </table>
+</div>
+```
+
+<Example>
+    <div class="ff-mono">
+        <div class="s-table-container mb16">
+            <table class="s-table ta-center">
+                <tbody>
+                    <tr>
+                        <td class="docs-box s-table--cell2"><strong>.s-table--cell2</strong></td>
+                        <td class="docs-box"><em class="fc-light">No Class</em></td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+        <div class="s-table-container mb16">
+            <table class="s-table ta-center">
+                <tbody>
+                    <tr>
+                        <td class="docs-box s-table--cell3"><strong>.s-table--cell3</strong></td>
+                        <td class="docs-box s-table--cell6"><strong>.s-table--cell6</strong></td>
+                        <td class="docs-box"><em class="fc-light">No Class</em></td>
+                        <td class="docs-box"><em class="fc-light">No Class</em></td>
+                        <td class="docs-box"><em class="fc-light">No Class</em></td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+        <div class="s-table-container">
+            <table class="s-table ta-center">
+                <tbody>
+                    <tr>
+                        <td class="docs-box s-table--cell4"><strong>.s-table--cell4</strong></td>
+                        <td class="docs-box"><em class="fc-light">No Class</em></td>
+                        <td class="docs-box"><em class="fc-light">No Class</em></td>
+                        <td class="docs-box"><em class="fc-light">No Class</em></td>
+                        <td class="docs-box"><em class="fc-light">No Class</em></td>
+                        <td class="docs-box s-table--cell2"><strong>.s-table--cell2</strong></td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</Example>
+
+## Alignment
+
+### Vertical alignment
+
+The default vertical alignment is `middle`. You change a table's or a specific cell's vertical alignment by using the [Vertical Alignment atomic classes](/system/base/vertical-alignment#classes).
+
+```html
+<div class="s-table-container">
+    <table class="s-table">
+        <tbody>
+            <tr>
+                <td class="va-top">…</td>
+                <td class="va-middle">…</td>
+                <td class="va-bottom">…</td>
+            </tr>
+        </tbody>
+    </table>
+</div>
+<div class="s-table-container">
+    <table class="s-table va-bottom">
+        <tbody>
+            <tr>
+                <td>…</td>
+                <td>…</td>
+                <td>…</td>
+            </tr>
+        </tbody>
+    </table>
+</div>
+```
+
+<Example>
+    <div class="ff-mono">
+        <div class="s-table-container">
+            <table class="s-table mb16">
+                <tbody>
+                    <tr>
+                        <td class="docs-box va-top hs1">.va-top</td>
+                        <td class="docs-box va-middle">.va-middle</td>
+                        <td class="docs-box va-bottom">.va-bottom</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+        <div class="s-table-container">
+            <table class="s-table va-bottom">
+                <tbody>
+                    <tr>
+                        <td class="docs-box hs1">.s-table.va-bottom</td>
+                        <td class="docs-box">.s-table.va-bottom</td>
+                        <td class="docs-box">.s-table.va-bottom</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</Example>
+
+### Text alignment
+
+Text alignment can be changed at a table or cell level by using [atomic text alignment classes](/system/foundation/typography#layout-classes). Columns containing copy should be left-aligned. Columns containing numbers should be right-aligned.
+
+```html
+<div class="s-table-container">
+    <table class="s-table">
+        <tbody>
+            <tr>
+                <td class="ta-left">…</td>
+                <td class="ta-center">…</td>
+                <td class="ta-right">…</td>
+            </tr>
+        </tbody>
+    </table>
+</div>
+<div class="s-table-container">
+    <table class="s-table ta-right">
+        <tbody>
+            <tr>
+                <td>…</td>
+                <td>…</td>
+                <td>…</td>
+            </tr>
+        </tbody>
+    </table>
+</div>
+```
+
+<Example>
+    <div class="ff-mono">
+        <div class="s-table-container">
+            <table class="s-table mb16">
+                <tbody>
+                    <tr>
+                        <td class="docs-box ta-left hs1">.ta-left</td>
+                        <td class="docs-box ta-center">.ta-center</td>
+                        <td class="docs-box ta-right">.ta-right</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+        <div class="s-table-container">
+            <table class="s-table ta-right">
+                <tbody>
+                    <tr>
+                        <td class="docs-box hs1">.s-table.ta-right</td>
+                        <td class="docs-box">.s-table.ta-right</td>
+                        <td class="docs-box">.s-table.ta-right</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</Example>
+
+## Sortable tables
+
+To indicate that the user can sort a table by different columns, add the `s-table__sortable` class to the table.
+
+The `<th>` cells should include arrows to indicate sortability or the currently applied sorting. In addition, the column that is currently sorted should be indicated with the `is-sorted` class on its `<th>`.
+
+```html
+<div class="s-table-container">
+    <table class="s-table s-table__sortable">
+        <thead>
+            <tr>
+                <th scope="col" class="is-sorted">
+                    <button type="button">Listing <svg class="svg-icon">…</svg></button>
+                </th>
+                <th scope="col">
+                    <button type="button">Status <svg class="svg-icon">…</svg></button>
+                </th>
+                …
+            </tr>
+        </thead>
+        <tbody>…</tbody>
+    </table>
+</div>
+```
+
+<Example>
+    <div class="s-table-container">
+        <table class="s-table s-table__sortable">
+            <thead>
+                <tr>
+                    <th scope="col" class="is-sorted">
+                        <a href="#">Listing <svg aria-hidden="true" class="svg-icon iconArrowDownSm" width="14" height="14" viewBox="0 0 14 14"><path d="M3 5h8L7 9z"/></svg></a>
+                    </th>
+                    <th scope="col">
+                        <a href="#">Status <svg aria-hidden="true" class="svg-icon iconArrowUpDownSm" width="14" height="14" viewBox="0 0 14 14"><path d="m7 2 4 4H3zm0 10 4-4H3z"/></svg></a>
+                    </th>
+                    <th scope="col">
+                        <button type="button">Owner <svg aria-hidden="true" class="svg-icon iconArrowUpDownSm" width="14" height="14" viewBox="0 0 14 14"><path d="m7 2 4 4H3zm0 10 4-4H3z"/></svg></button>
+                    </th>
+                    <th scope="col" class="ta-right">
+                        <button type="button">Views <svg aria-hidden="true" class="svg-icon iconArrowUpDownSm" width="14" height="14" viewBox="0 0 14 14"><path d="m7 2 4 4H3zm0 10 4-4H3z"/></svg></button>
+                    </th>
+                    <th scope="col" class="ta-right">
+                        <button type="button">Applies <svg aria-hidden="true" class="svg-icon iconArrowUpDownSm" width="14" height="14" viewBox="0 0 14 14"><path d="m7 2 4 4H3zm0 10 4-4H3z"/></svg></button>
+                    </th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td><a>Site Reliability Engineer, Generalist</a><br><span class="fs-caption">Sydney, Australia</span></td>
+                    <td>Running</td>
+                    <td>Sansa Stark</td>
+                    <td class="ta-right">502</td>
+                    <td class="ta-right">13</td>
+                </tr>
+                <tr>
+                    <td><a>Senior Product Designer</a><br><span class="fs-caption">New York, NY, USA</span></td>
+                    <td>Running</td>
+                    <td>Robert Baratheon</td>
+                    <td class="ta-right">900</td>
+                    <td class="ta-right">15</td>
+                </tr>
+                <tr>
+                    <td><a>Product Manager, Developer Products</a><br><span class="fs-caption">London, England</span></td>
+                    <td>Running</td>
+                    <td>Sansa Stark</td>
+                    <td class="ta-right">3</td>
+                    <td class="ta-right">1</td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</Example>
+
+### JavaScript sorting
+
+Stacks provides built-in functionality for letting the user sort a table by the values in a column through clicking the column header. This requires the complete data to already exist in the table (e.g. it is not going to work if the table is paged and requires a call to the server to update data on sorting). See the [JavaScript introduction](/system/develop/javascript) for general information about JS in Stacks.
+
+To make your table user-sortable, do the following:
+
+1. Style the table as sortable as explained in the section above.
+2. Set `data-controller="s-table"` on the `<table>` element.
+3. Set `data-s-table-target="column"` and `data-action="click-&gt;s-table#sort"` on each of the `<th>` elements that control sorting.
+4. Add the three icons for showing _ascending sort_, _descending sort_, and _unsorted_ to each of these header cells, hiding the first two with a `d-none` class. Add the `js-sorting-indicator` class to each of the icons, and add `js-sorting-indicator-asc`, `js-sorting-indicator-desc`, and `js-sorting-indicator-none` to the appropriate icon.
+
+**Note:** Using `js-…` classes is not really the optimal way of doing this, and will probably be replaced with something better eventually. When that happens, the `js-…` mechanism will be deprecated but continue to be supported for a while, so you have ample time to update things.
+
+By default, the data is sorted by the content of the cell. If you need to use a different value, for example because your cell contains a human-readable date, add a `data-s-table-sort-val` attribute to the cell.
+
+If a column contains any data that is not an integer, the data will be sorted lexicographically. Otherwise it will be sorted numerically, with empty cells being considered the lowest number.
+
+If the table contains rows that should not be sorted, but rather always be at the top or always be at the bottom, add `data-s-table-sort-to="top"` or `data-s-table-sort-to="bottom"` to the `<tr>` element.
+
+### JavaScript data attributes
+
+<ClassTable classes={dataAttributes} headings={{ class: 'Attribute', parent: 'Applies to' }} />
+
+### JavaScript example
+
+```html
+<div class="s-table-container">
+    <table class="s-table s-table__sortable" data-controller="s-table">
+        <thead>
+            <tr>
+                <th scope="col" data-s-table-target="column">
+                    <button data-action="click-&gt;s-table#sort">
+                        Season
+                        <svg class="js-sorting-indicator js-sorting-indicator-asc d-none">…</svg>
+                        <svg class="js-sorting-indicator js-sorting-indicator-desc d-none">…</svg>
+                        <svg class="js-sorting-indicator js-sorting-indicator-none">…</svg>
+                    </button>
+                </th>
+                …
+            </tr>
+        </thead>
+        <tbody>
+            <tr><td>Winter</td><td data-s-table-sort-val="12">December</td><td>2</td></tr>
+            <tr><td>Spring</td><td data-s-table-sort-val="3">March</td><td>13</td></tr>
+            <tr><td>Summer</td><td data-s-table-sort-val="6">June</td><td>25</td></tr>
+            <tr><td>Fall</td><td data-s-table-sort-val="9">September</td><td>13</td></tr>
+            <tr data-s-table-sort-to="bottom" class="fw-bold">
+                <td colspan="2">Average temperature</td>
+                <td>13</td>
+            </tr>
+        </tbody>
+    </table>
+</div>
+```
+
+<Example>
+    <TableSortDemo />
+</Example>
+
+## Bulk actions
+
+Generally for a checkbox input that's placed first in the table row for bulk actions.
+
+```html
+<div class="s-table-container">
+    <table class="s-table">
+        <thead>
+            <tr>
+                <th scope="col" class="s-table--bulk">
+                    <label class="v-visible-sr" for="example-checkbox-1">bulk checkbox</label>
+                    <div class="s-checkbox"><input type="checkbox" id="example-checkbox-1"></div>
+                </th>
+                <th scope="col">…</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr>
+                <td class="s-table--bulk">
+                    <label class="v-visible-sr" for="example-checkbox-2">bulk checkbox</label>
+                    <div class="s-checkbox"><input type="checkbox" id="example-checkbox-2"></div>
+                </td>
+                <td>…</td>
+            </tr>
+        </tbody>
+    </table>
+</div>
+```
+
+<Example>
+    <div class="s-table-container">
+        <table class="s-table">
+            <thead>
+                <tr>
+                    <th scope="col" class="s-table--bulk">
+                        <label class="v-visible-sr" for="bulk-checkbox-1">bulk checkbox</label>
+                        <div class="s-checkbox"><input type="checkbox" id="bulk-checkbox-1"></div>
+                    </th>
+                    <th scope="col">Display Name</th>
+                    <th scope="col">Full Name</th>
+                    <th scope="col">Email</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td class="s-table--bulk">
+                        <label class="v-visible-sr" for="bulk-checkbox-2">bulk checkbox</label>
+                        <div class="s-checkbox"><input type="checkbox" id="bulk-checkbox-2"></div>
+                    </td>
+                    <td><a>SansaStark</a></td>
+                    <td>Sansa Stark</td>
+                    <td>sstark@company.com</td>
+                </tr>
+                <tr>
+                    <td class="s-table--bulk">
+                        <label class="v-visible-sr" for="bulk-checkbox-3">bulk checkbox</label>
+                        <div class="s-checkbox"><input type="checkbox" id="bulk-checkbox-3"></div>
+                    </td>
+                    <td><a>RobertBaratheon</a></td>
+                    <td>Robert Baratheon</td>
+                    <td>rbaratheon@company.com</td>
+                </tr>
+                <tr>
+                    <td class="s-table--bulk">
+                        <label class="v-visible-sr" for="bulk-checkbox-4">bulk checkbox</label>
+                        <div class="s-checkbox"><input type="checkbox" id="bulk-checkbox-4"></div>
+                    </td>
+                    <td><a>Test Developer To Be Is Not A Developer Yet</a></td>
+                    <td>Test Developer To Be Is Not A Developer Yet</td>
+                    <td>testdevelopertobeisnotadevyet@team-mgmt.dev.company.com</td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</Example>
+
+## Totals row
+
+Used mainly with data tables, the totals row increases the font-size for all cells within a row.
+
+```html
+<div class="s-table-container">
+    <table class="s-table ta-right">
+        …
+        <tfoot class="s-table--totals">
+            …
+        </tfoot>
+    </table>
+</div>
+```
+
+<Example>
+    <div class="s-table-container">
+        <table class="s-table ta-right">
+            <thead>
+                <tr>
+                    <th scope="col" class="ta-left">Listing</th>
+                    <th scope="col" class="s-table--cell2">Views</th>
+                    <th scope="col" class="s-table--cell2">Apps</th>
+                    <th scope="col" class="s-table--cell2">App CTR</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td class="ta-left"><a>Site Reliability Engineer, Generalist</a></td>
+                    <td>6,871</td><td>187</td><td>5.02%</td>
+                </tr>
+                <tr>
+                    <td class="ta-left"><a>Senior Product Designer</a></td>
+                    <td>2,242</td><td>196</td><td>16.46%</td>
+                </tr>
+                <tr>
+                    <td class="ta-left"><a>Product Manager, Developer Products</a></td>
+                    <td>3,469</td><td>229</td><td>14.9%</td>
+                </tr>
+            </tbody>
+            <tfoot class="s-table--totals">
+                <tr>
+                    <th scope="row" class="ta-left">Totals</th>
+                    <td>12,582</td><td>612</td><td>14.65%</td>
+                </tr>
+            </tfoot>
+        </table>
+    </div>
+</Example>
+
+## Inactive rows
+
+For tables that include inactive or disabled rows, such as inactive users or teams, `.is-disabled` can be applied to any `<tr>`. Additionally, `.is-enabled` can be applied to any `<th>` or `<td>` that you'd like to ignore the parent disabled styling (such as a persistent link to reactivate a disabled account).
+
+```html
+<div class="s-table-container">
+    <table class="s-table">
+        <tbody>
+            <tr class="is-disabled">
+                <td>…</td>
+                <td>…</td>
+                <td class="is-enabled"><a>Add</a></td>
+            </tr>
+        </tbody>
+    </table>
+</div>
+```
+
+<Example>
+    <div class="s-table-container">
+        <table class="s-table s-table__bx">
+            <thead>
+                <tr>
+                    <th scope="col" class="ta-left">Name</th>
+                    <th scope="col">Email</th>
+                    <th scope="col">Last seen</th>
+                    <th scope="col"></th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <th><a>Aaron Shekey</a></th>
+                    <td>emailaddress@website.com</td>
+                    <td>just now</td>
+                    <td class="ta-right"><a class="fc-red-400">Remove</a></td>
+                </tr>
+                <tr class="is-disabled">
+                    <th>Joshua Hynes</th>
+                    <td>emailaddress@website.com</td>
+                    <td>Sep 28 '18</td>
+                    <td class="ta-right is-enabled"><a>Add</a></td>
+                </tr>
+                <tr class="is-disabled">
+                    <th>Paweł Ludwiczak</th>
+                    <td>emailaddress@website.com</td>
+                    <td>Apr 17 '19</td>
+                    <td class="ta-right is-enabled"><a>Add</a></td>
+                </tr>
+                <tr>
+                    <th><a>Piper Lawson</a></th>
+                    <td>emailaddress@website.com</td>
+                    <td>Yesterday</td>
+                    <td class="ta-right"><a class="fc-red-400">Remove</a></td>
+                </tr>
+                <tr>
+                    <th><a>Ted Goas</a></th>
+                    <td>emailaddress@website.com</td>
+                    <td>5min ago</td>
+                    <td class="ta-right"><a class="fc-red-400">Remove</a></td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</Example>
+
+## Atomic classes
+
+Further control of table behavior is possible with atomic classes. For example, you can make non-table markup display as a table layout by pairing `.d-table`, `.d-table-cell` and `.tl-fixed`.
+
+<ClassTable classes={atomic} headings={{ output: 'Output' }} />
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/tags.md b/packages/stacks-docs-next/src/docs/public/system/components/tags.md
new file mode 100644
index 0000000000..9d39af18a4
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/tags.md
@@ -0,0 +1,138 @@
+---
+title: "Tags"
+description: "Tags are an interactive, community-generated keyword that allow communities to label, organize, and discover related content. Tags are maintained by their respective communities."
+svelte: "https://beta.svelte.stackoverflow.design/?path=/docs/components-tag--docs"
+figma: "https://svelte.stackoverflow.design/figma/tags"
+---
+
+<script lang="ts">
+    import { Tag } from '@stackoverflow/stacks-svelte';
+    import ClassTable from '$components/ClassTable.svelte';
+    import ExampleTable from '$components/ExampleTable.svelte';
+    import Example from '$components/Example.svelte';
+    import type { ClassTableRow } from '$components/ClassTable.svelte';
+    import type { ExampleTableRow } from '$components/ExampleTable.svelte';
+
+    const sizesRows: ExampleTableRow[] = [
+        { classes: ['.s-tag__sm'], size: 'sm',      label: 'css', description: 'Apply a small size to the tag.' },
+        { classes: ['N/A'],        size: undefined,  label: 'css', description: 'The default tag size.' },
+        { classes: ['.s-tag__lg'], size: 'lg',       label: 'css', description: 'Apply a large size to the tag.' },
+    ];
+
+    const classes: ClassTableRow[] = [
+        { class: '.s-tag',             parent: 'N/A',    modifies: 'N/A',    description: 'Base tag style that is used almost universally.' },
+        { class: '.s-tag--dismiss',    parent: '.s-tag', modifies: 'N/A',    description: 'For a clear or dismiss action icon. When using this element, it should be rendered as a `button` containing the icon and the parent `.s-tag` should be rendered as a `span` element.' },
+        { class: '.s-tag--sponsor',    parent: '.s-tag', modifies: 'N/A',    description: "Correctly positions a tag's sponsor logo." },
+        { class: '.s-tag__moderator',  parent: 'N/A',    modifies: '.s-tag', description: 'Exclusively used within Meta communities by moderators (and employees) to assign unique statuses to questions.' },
+        { class: '.s-tag__required',   parent: 'N/A',    modifies: '.s-tag', description: 'Exclusively used within Meta communities to denote the post type. One of these tags are required on all Meta posts.' },
+        { class: '.s-tag__ignored',    parent: 'N/A',    modifies: '.s-tag', description: 'Prepends an icon to indicate the tag is ignored.' },
+        { class: '.s-tag__watched',    parent: 'N/A',    modifies: '.s-tag', description: 'Prepends an icon to indicate the tag is watched.' },
+        { class: '.s-tag__sm',         parent: 'N/A',    modifies: '.s-tag', description: 'Apply a small size to the tag.' },
+        { class: '.s-tag__lg',         parent: 'N/A',    modifies: '.s-tag', description: 'Apply a large size to the tag.' },
+    ];
+</script>
+
+## Classes
+
+<ClassTable {classes} />
+
+## Accessibility
+
+Tags should be focusable and navigable with the keyboard. The various tag states (Required, Moderator, Watched, Ignored) are visually distinct but do not include any text indicators for screen readers. For that reason it is recommended to provide additional context using hidden text elements with the `v-visible-sr` class.
+
+## Examples
+
+### Default tag
+
+```html
+<a class="s-tag" href="#">…</a>
+<span class="s-tag">… <button class="s-tag--dismiss"><span class="v-visible-sr">Dismiss … tag</span>…</button></span>
+<a class="s-tag" href="…"><img class="s-tag--sponsor" src="…"> … <div class="v-visible-sr">Sponsored tag</div></a>
+<span class="s-tag">
+    <a href="…">…</a>
+    <button class="s-tag--dismiss"><span class="v-visible-sr">Dismiss … tag</span>…</button>
+</span>
+```
+
+<Example>
+    <div class="d-flex g4 fw-wrap">
+        <Tag href="#">jquery</Tag>
+        <Tag dismissable>javascript</Tag>
+        <Tag href="#">
+            {#snippet sponsor()}
+                <img src="https://i.stack.imgur.com/tKsDb.png" width="16" height="18" alt="Google Android" />
+            {/snippet}
+            android
+            <div class="v-visible-sr">Sponsored tag</div>
+        </Tag>
+        <Tag href="#" dismissable>javascript</Tag>
+    </div>
+</Example>
+
+### Moderator
+
+```html
+<a class="s-tag s-tag__moderator" href="#">status-completed <div class="v-visible-sr">Moderator tag</div></a>
+<span class="s-tag s-tag__moderator">status-bydesign <div class="v-visible-sr">Moderator tag</div><button class="s-tag--dismiss">…</button></span>
+<a class="s-tag s-tag__moderator" href="#">status-planned <div class="v-visible-sr">Moderator tag</div></a>
+```
+
+<Example>
+    <div class="d-flex g4 fw-wrap">
+        <Tag href="#" variant="moderator">status-completed <div class="v-visible-sr">Moderator tag</div></Tag>
+        <Tag variant="moderator" dismissable>status-bydesign <div class="v-visible-sr">Moderator tag</div></Tag>
+        <Tag href="#" variant="moderator">status-planned <div class="v-visible-sr">Moderator tag</div></Tag>
+    </div>
+</Example>
+
+### Required
+
+```html
+<a class="s-tag s-tag__required" href="#">discussion <div class="v-visible-sr">Required tag</div></a>
+<span class="s-tag s-tag__required">feature-request <div class="v-visible-sr">Required tag</div><button class="s-tag--dismiss">…</button></span>
+<a class="s-tag s-tag__required" href="#">bug <div class="v-visible-sr">Required tag</div></a>
+```
+
+<Example>
+    <div class="d-flex g4 fw-wrap">
+        <Tag href="#" variant="required">discussion <div class="v-visible-sr">Required tag</div></Tag>
+        <Tag variant="required" dismissable>feature-request <div class="v-visible-sr">Required tag</div></Tag>
+        <Tag href="#" variant="required">bug <div class="v-visible-sr">Required tag</div></Tag>
+    </div>
+</Example>
+
+### Watched
+
+```html
+<a class="s-tag s-tag__watched" href="#">asp-net <div class="v-visible-sr">Watched tag</div></a>
+```
+
+<Example>
+    <Tag href="#" watched>asp-net <div class="v-visible-sr">Watched tag</div></Tag>
+</Example>
+
+### Ignored
+
+```html
+<a class="s-tag s-tag__ignored" href="#">netscape <div class="v-visible-sr">Ignored tag</div></a>
+```
+
+<Example>
+    <Tag href="#" ignored>netscape <div class="v-visible-sr">Ignored tag</div></Tag>
+</Example>
+
+## Sizes
+
+```html
+<a class="s-tag s-tag__sm" href="#">css</a>
+<a class="s-tag" href="#">css</a>
+<a class="s-tag s-tag__lg" href="#">css</a>
+```
+
+<Example>
+    <ExampleTable rows={sizesRows} columnLabel="Modifier class">
+        {#snippet example(row)}
+            <Tag href="#" size={row.size}>{row.label}</Tag>
+        {/snippet}
+    </ExampleTable>
+</Example>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/textarea.md b/packages/stacks-docs-next/src/docs/public/system/components/textarea.md
new file mode 100644
index 0000000000..c813421c36
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/textarea.md
@@ -0,0 +1,707 @@
+---
+title: "Textarea"
+description: "Multi-line inputs used by users to enter longer text portions."
+svelte: "https://beta.svelte.stackoverflow.design/?path=/docs/components-textarea--docs"
+figma: "https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=4537-49735&amp;m=dev"
+---
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="classes">Classes</h2><a class="s-btn s-btn__clear" href="#classes"><span class="v-visible-sr">Section titled Classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    
+    
+    
+    
+    
+
+
+    
+
+
+
+
+
+    
+
+
+
+    
+
+
+
+
+    
+
+
+
+    
+
+
+    
+
+
+
+    
+
+
+<div id="docs-table" class="overflow-x-auto s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell4">
+                        Class
+                    </th>
+                
+                
+                
+                    <th scope="col" class="s-table--cell3">
+                        Modifies
+                    </th>
+                
+                
+                    <th scope="col" class="">
+                        Description
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-textarea</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>Base textarea style.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-textarea__sm</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-textarea</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Apply a small size.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-textarea__lg</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-textarea</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Apply a large size.</td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="base-style">Base style</h2><a class="s-btn s-btn__clear" href="#base-style"><span class="v-visible-sr">Section titled Base style</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-flex fd-column gy4"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"example-item"</span>&gt;</span>Question body<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-flex ps-relative"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">textarea</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-textarea w100"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"example-item"</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">"…"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div class="s-form-group">
+                <label class="s-label" for="example-item7">Question body</label>
+                <div class="d-flex ps-relative">
+                    <textarea class="s-textarea ps-relative w100" id="example-item7" placeholder="e.g. The Stack Overflow glyph used to have 6 bars, but now…"></textarea>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="accessibility">Accessibility</h2><a class="s-btn s-btn__clear" href="#accessibility"><span class="v-visible-sr">Section titled Accessibility</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">
+        It is recommended to follow the same accessibility guidance as the <a href="/product/components/inputs/#accessibility">Input component</a>. 
+        Including marking Textarea's as <b>required</b> via the <code>.s-required-symbol</code> class.
+    </p>
+</section>
+
+<section id="states" class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="validation-states">Validation states</h2><a class="s-btn s-btn__clear" href="#validation-states"><span class="v-visible-sr">Section titled Validation states</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Validation states provides the user feedback based on their interaction (or lack of interaction) with a textarea. These styles are applied by applying the appropriate class to the wrapping parent container.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="validation-classes">Validation classes</h3><a class="s-btn s-btn__clear" href="#validation-classes"><span class="v-visible-sr">Section titled Validation classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    
+    
+    
+    
+
+
+    
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+    
+
+
+
+
+    
+
+
+
+
+    
+
+
+
+    
+
+
+<div id="docs-table" class="overflow-x-auto s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell3">
+                        Class
+                    </th>
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Applies to
+                    </th>
+                
+                
+                
+                    <th scope="col" class="">
+                        Description
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.has-warning</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Parent element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>Used to warn users that the value they’ve entered has a potential problem, but it doesn’t block them from proceeding.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.has-error</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Parent element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>Used to alert users that the value they’ve entered is incorrect, not filled in, or has a problem which will block them from proceeding.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.has-success</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Parent element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>Used to notify users that the value they’ve entered is fine or has been submitted successfully.</td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="validation-examples">Validation examples</h3><a class="s-btn s-btn__clear" href="#validation-examples"><span class="v-visible-sr">Section titled Validation examples</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="d-flex jc-space-between ai-end mb12"><h4 class="fl-grow1 mb0 lh-sm  fs-body3 fc-black-400" id="warning">Warning</h4><a class="s-btn s-btn__clear" href="#warning"><span class="v-visible-sr">Section titled Warning</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group has-warning"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"example-warning"</span>&gt;</span>Description<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-flex ps-relative"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">textarea</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-textarea w100"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"example-warning"</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">"Please describe your problem"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span><br>        @Svg.Alert.With("s-input-icon")<br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-input-message"</span>&gt;</span>Consider entering a description to help us better help you.<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div class="s-form-group has-warning">
+                <label class="s-label" for="example-warning">Description</label>
+                <div class="d-flex ps-relative">
+                    <textarea class="s-textarea w100" id="example-warning" placeholder="Please describe your problem"></textarea>
+                    <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconAlert s-input-icon" aria-hidden="true"><path d="M10 2q.41.01.64.37l8.76 14.58a.75.75 0 0 1-.65 1.14H1.25a.75.75 0 0 1-.65-1.14L9.36 2.37l.05-.09A.8.8 0 0 1 10 2M2.57 16.6h14.86L10 4.2zM11 15.52H9v-2h2zm0-2.97H9v-5.5h2z"></path></svg>
+                </div>
+                <p class="s-input-message">Consider entering a description to help us better help you.</p>
+            </div>
+        </div>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h4 class="fl-grow1 mb0 lh-sm  fs-body3 fc-black-400" id="error">Error</h4><a class="s-btn s-btn__clear" href="#error"><span class="v-visible-sr">Section titled Error</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group has-error"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"example-success"</span>&gt;</span>Description<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-flex ps-relative"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">textarea</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-textarea w100"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"example-success"</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">"Please describe your problem"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span><br>        @Svg.AlertCircle.With("s-input-icon")<br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-input-message"</span>&gt;</span>A description must be provided.<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div class="s-form-group has-error">
+                <label class="s-label" for="example-success1">Description</label>
+                <div class="d-flex ps-relative">
+                    <textarea class="s-textarea w100" id="example-success1" placeholder="Please describe your problem"></textarea>
+                    <svg aria-hidden="true" class="svg-icon iconAlertCircle s-input-icon" width="18" height="18" viewBox="0 0 18 18"><path d="M9 17c-4.36 0-8-3.64-8-8s3.64-8 8-8 8 3.64 8 8-3.64 8-8 8M8 4v6h2V4zm0 8v2h2v-2z"></path></svg>
+                </div>
+                <p class="s-input-message">A description must be provided.</p>
+            </div>
+        </div>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h4 class="fl-grow1 mb0 lh-sm  fs-body3 fc-black-400" id="success">Success</h4><a class="s-btn s-btn__clear" href="#success"><span class="v-visible-sr">Section titled Success</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group has-success"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"example-success"</span>&gt;</span>Description<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-flex ps-relative"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">textarea</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-textarea w100"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"example-success"</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">"Please describe your problem"</span>&gt;</span>How do you know your company is ready for a design system? How do you implement one without too many pain points? How do you efficiently maintain one once it’s built?<span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span><br>        @Svg.Checkmark.With("s-input-icon")<br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-input-message"</span>&gt;</span>Thanks for providing a description.<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div class="s-form-group has-success">
+                <label class="s-label" for="example-success2">Description</label>
+                <div class="d-flex ps-relative">
+                    <textarea class="s-textarea w100" id="example-success2" placeholder="Please describe your problem">How do you know your company is ready for a design system? How do you implement one without too many pain points? How do you efficiently maintain one once it’s built?</textarea>
+                    <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconCheck s-input-icon" aria-hidden="true"><path d="m18.16 5-.53.53L7.55 15.61l-.53.53-5.03-5.03 1.06-1.06 3.97 3.97 9.55-9.55.53-.53z"></path></svg>
+                </div>
+                <p class="s-input-message">Thanks for providing a description.</p>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="sizes">Sizes</h2><a class="s-btn s-btn__clear" href="#sizes"><span class="v-visible-sr">Section titled Sizes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    
+    
+    
+    
+    
+    
+
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+    
+
+
+
+
+    
+
+
+
+
+
+
+    
+
+
+<div id="textarea-sizes-table" class="overflow-x-auto s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell3">
+                        Class
+                    </th>
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Name
+                    </th>
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Size
+                    </th>
+                
+                
+                    <th scope="col" class="">
+                        Example
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-textarea__sm</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Small</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">13px</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td><textarea placeholder="e.g. What is Stacks?" class="s-textarea s-textarea__sm"></textarea></td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Default</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">14px</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td><textarea placeholder="e.g. What is Stacks?" class="s-textarea"></textarea></td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-textarea__lg</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Large</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">18px</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td><textarea placeholder="e.g. What is Stacks?" class="s-textarea s-textarea__lg"></textarea></td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+</section>
+
+
+            <!-- <div class="d-flex my48 pt24">
+                <div class="mr16">
+                    
+                    <form
+                        id="quick-positive-feedback-textarea"
+                        class="js-feedback-form v-hidden"
+                        name="quick-positive-feedback-textarea"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <form
+                        id="quick-negative-feedback-textarea"
+                        class="js-feedback-form v-hidden"
+                        name="quick-negative-feedback-textarea"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-positive"
+                        role="tooltip">
+                        <div class="s-popover--content">This page is useful</div>
+                    </div>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-negative"
+                        role="tooltip">
+                        <div class="s-popover--content">This page needs improvement</div>
+                    </div>
+                    <div id="vote-feedback" class="s-vote">
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-positive-feedback-textarea"
+                            aria-describedby="tooltip-feedback-positive"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUp" aria-hidden="true"><path d="M10 3q.41.02.64.36l6.9 11.5a.75.75 0 1 1-1.28.78L10 5.21l-5.58 9.3h8.04v-.01h1.1l.97 1.5H3.1a.75.75 0 0 1-.65-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUpFill" aria-hidden="true"><path d="M10 3h.1a1 1 0 0 1 .42.21l.12.15 6.9 11.5.05.09v.03l.02.04q.04.12.04.26v.03q0 .13-.07.25v.02l-.03.04a1 1 0 0 1-.2.23l-.06.05-.04.01-.04.03-.04.01a1 1 0 0 1-.27.05H3a.75.75 0 0 1-.55-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="v-visible-sr">upvote</span>
+                        </button>
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-negative-feedback-textarea"
+                            aria-describedby="tooltip-feedback-negative"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDown" aria-hidden="true"><path d="M10 16a.8.8 0 0 1-.64-.36l-6.9-11.5a.75.75 0 1 1 1.28-.78L10 13.8l5.58-9.3H6.44L5.47 3H16.9a.75.75 0 0 1 .65 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDownFill" aria-hidden="true"><path d="M10 16h-.1l-.1-.02a.8.8 0 0 1-.45-.34l-6.9-11.5-.04-.08-.01-.04L2.39 4a1 1 0 0 1-.04-.26V3.7q0-.14.06-.26l.01-.02.02-.04a1 1 0 0 1 .27-.27l.03-.02.05-.02.04-.02A1 1 0 0 1 3.1 3H17a.75.75 0 0 1 .54 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="v-visible-sr">downvote</span>
+                        </button>
+                    </div>
+                </div>
+
+                <form
+                    class="w100 js-feedback-form"
+                    name="feedback-textarea"
+                    method="POST"
+                    data-netlify="true"
+                    action="/success">
+                    <fieldset class="d-flex fd-column fl-grow1 g16">
+                        <legend class="fs-title fw-bold">How’d we do?</legend>
+                        <div class="fs-body2">Anonymously upvote, downvote, or send additional feedback below.</div>
+
+                        <textarea
+                            class="s-textarea hmn1"
+                            id="feedback-form"
+                            name="additional-feedback"
+                            placeholder="Tell us how we can improve this page…" required></textarea>
+
+                        <div class="d-flex ai-center fd-row-reverse g8 jc-space-between mln6 sm:d-grid sm:grid__1 sm:ml0">
+                            <button
+                                type="submit"
+                                class="s-btn as-start fl-shrink0">
+                                Send feedback
+                            </button>
+                            <div class="d-flex fw-wrap g8 sm:d-grid sm:grid__1">
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/edit/develop/packages/stacks-docs/./product/components/textarea.html"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    <svg aria-hidden="true" class="svg-icon iconPencilSm" width="14" height="14"  viewBox="0 0 14 14"><path fill="#F1B600" d="m2 10.12 6.37-6.43 1.88 1.88L3.88 12H2z"/><path fill="#E87C87" d="m11.1 1.71 1.13 1.12c.2.2.2.51 0 .71L11.1 4.7 9.21 2.86l1.17-1.15c.2-.2.51-.2.71 0"/></svg>
+                                    Edit
+                                </a>
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/issues/new/choose"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    File an issue
+                                </a>
+                            </div>
+                        </div>
+                    </fieldset>
+                </form>
+            </div> -->
+
+            <!-- <div class="ta-right">
+                <a href="https://www.netlify.com"><img src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg" alt="Deploys by Netlify" /></a>
+            </div> -->
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/toggle-switch.md b/packages/stacks-docs-next/src/docs/public/system/components/toggle-switch.md
new file mode 100644
index 0000000000..1e3cffadae
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/toggle-switch.md
@@ -0,0 +1,120 @@
+---
+title: "Toggle switch"
+description: "A toggle is used to quickly switch between two or more possible states. They are most commonly used for simple \"on/off\" switches."
+figma: "https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=1943-848"
+---
+
+<script lang="ts">
+    import { Icon } from '@stackoverflow/stacks-svelte';
+    import {
+        IconAssistant, IconSearch,
+        IconCodeDocument, IconDocument, IconComposeDocument,
+    } from '@stackoverflow/stacks-icons/icons';
+    import ClassTable from '$components/ClassTable.svelte';
+    import Example from '$components/Example.svelte';
+    import type { ClassTableRow } from '$components/ClassTable.svelte';
+
+    const classes: ClassTableRow[] = [
+        { class: '.s-toggle-switch',            parent: 'N/A', modifies: 'N/A',                description: 'Base toggle switch style.' },
+        { class: '.s-toggle-switch__multiple',  parent: 'N/A', modifies: '.s-toggle-switch',   description: 'Used to style toggle switches with three or more options.' },
+    ];
+</script>
+
+## Classes
+
+<ClassTable {classes} />
+
+## Styles
+
+### Basic toggle
+
+Toggle switches take up less space than an "on/off" radio button group and communicate their intended purpose more clearly than a checkbox that toggles functionality. They also provide consistency between desktop and mobile experiences.
+
+```html
+<div class="d-flex ai-center g8">
+    <label class="s-label" for="toggle-example-default">…</label>
+    <input class="s-toggle-switch" id="toggle-example-default" type="checkbox">
+</div>
+<div class="d-flex ai-center g8">
+    <label class="s-label" for="toggle-example-checked">…</label>
+    <input class="s-toggle-switch" id="toggle-example-checked" type="checkbox" checked>
+</div>
+<div class="d-flex ai-center g8">
+    <label class="s-label" for="toggle-example-disabled">…</label>
+    <input class="s-toggle-switch" id="toggle-example-disabled" type="checkbox" disabled>
+</div>
+<div class="d-flex ai-center g8">
+    <label class="s-label" for="toggle-example-checked-disabled">…</label>
+    <input class="s-toggle-switch" id="toggle-example-checked-disabled" type="checkbox" disabled checked>
+</div>
+```
+
+<Example>
+    <div class="d-flex fw-wrap g16">
+        <div class="d-flex ai-center g8">
+            <label class="s-label" for="toggle-example-default">Default</label>
+            <input class="s-toggle-switch" id="toggle-example-default" type="checkbox" />
+        </div>
+        <div class="d-flex ai-center g8">
+            <label class="s-label" for="toggle-example-checked">Checked</label>
+            <input class="s-toggle-switch" id="toggle-example-checked" type="checkbox" checked />
+        </div>
+        <div class="d-flex ai-center g8">
+            <label class="s-label" for="toggle-example-disabled">Disabled</label>
+            <input class="s-toggle-switch" id="toggle-example-disabled" type="checkbox" disabled />
+        </div>
+        <div class="d-flex ai-center g8">
+            <label class="s-label" for="toggle-example-checked-disabled">Checked and disabled</label>
+            <input class="s-toggle-switch" id="toggle-example-checked-disabled" type="checkbox" disabled checked />
+        </div>
+    </div>
+</Example>
+
+### Two or more options with icons
+
+Toggles switches can be extended to choose between two or more states where each state is represented by an icon. Using the `__multiple` toggle instead of a radio group and making sure labels follow their inputs in this case is important.
+
+```html
+<fieldset>
+    <div class="d-flex ai-center g8">
+        <legend class="s-label c-default">…</legend>
+        <div class="s-toggle-switch s-toggle-switch__multiple">
+            <input type="radio" name="group1" id="input-1" checked value="value1">
+            <label for="input-1" aria-label="First value" title="First value">…</label>
+            <input type="radio" name="group1" id="input-2" value="value2">
+            <label for="input-2" aria-label="Second value" title="Second value">…</label>
+            <input type="radio" name="group1" id="input-3" value="value3">
+            <label for="input-3" aria-label="Third value" title="Third value">…</label>
+        </div>
+    </div>
+</fieldset>
+```
+
+<Example>
+    <div class="d-flex fd-column g24">
+        <fieldset>
+            <div class="d-flex ai-center g8">
+                <legend class="c-default s-label">Search Style</legend>
+                <div class="s-toggle-switch s-toggle-switch__multiple">
+                    <input type="radio" name="example1" id="toggle-assistant" checked value="ai" />
+                    <label for="toggle-assistant" aria-label="AI Search" title="AI Search"><Icon src={IconAssistant} /></label>
+                    <input type="radio" name="example1" id="toggle-search" value="lexical" />
+                    <label for="toggle-search" aria-label="Lexical Search" title="Lexical Search"><Icon src={IconSearch} /></label>
+                </div>
+            </div>
+        </fieldset>
+        <fieldset>
+            <div class="d-flex ai-center g8">
+                <legend class="c-default s-label">Export Type</legend>
+                <div class="s-toggle-switch s-toggle-switch__multiple">
+                    <input type="radio" name="example2" id="toggle-xml" value="xml" />
+                    <label for="toggle-xml" aria-label="XML" title="XML"><Icon src={IconCodeDocument} /></label>
+                    <input type="radio" name="example2" id="toggle-pdf" checked value="pdf" />
+                    <label for="toggle-pdf" aria-label="PDF" title="PDF"><Icon src={IconDocument} /></label>
+                    <input type="radio" name="example2" id="toggle-json" value="json" />
+                    <label for="toggle-json" aria-label="JSON" title="JSON"><Icon src={IconComposeDocument} /></label>
+                </div>
+            </div>
+        </fieldset>
+    </div>
+</Example>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/topbar.md b/packages/stacks-docs-next/src/docs/public/system/components/topbar.md
new file mode 100644
index 0000000000..c4dd972ba6
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/topbar.md
@@ -0,0 +1,11 @@
+---
+title: "Topbar"
+---
+
+<script lang="ts">
+    import { Notice } from '@stackoverflow/stacks-svelte';
+</script>
+
+<Notice variant="warning">
+    <p>This component has been removed in Stacks v3. If using Stacks v2, please refer to the <a href="https://v2.stackoverflow.design/product/develop/using-stacks/">v2 documentation</a> for more information.</p>
+</Notice>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/uploader.md b/packages/stacks-docs-next/src/docs/public/system/components/uploader.md
new file mode 100644
index 0000000000..21e9bbfd9d
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/uploader.md
@@ -0,0 +1,11 @@
+---
+title: "Uploader"
+---
+
+<script lang="ts">
+    import { Notice } from '@stackoverflow/stacks-svelte';
+</script>
+
+<Notice variant="warning">
+    <p>This component has been removed in Stacks v3. If using Stacks v2, please refer to the <a href="https://v2.stackoverflow.design/product/develop/using-stacks/">v2 documentation</a> for more information.</p>
+</Notice>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/user-cards.md b/packages/stacks-docs-next/src/docs/public/system/components/user-cards.md
new file mode 100644
index 0000000000..f766ca1674
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/user-cards.md
@@ -0,0 +1,1138 @@
+---
+title: "User cards"
+description: "User cards are a combination of a user and metadata about the user or post"
+svelte: "https://beta.svelte.stackoverflow.design/?path=/docs/components-usercard--docs"
+---
+
+<script lang="ts">
+    import { Notice } from '@stackoverflow/stacks-svelte';
+    import ClassTable from '$components/ClassTable.svelte';
+    import Example from '$components/Example.svelte';
+    import type { ClassTableRow } from '$components/ClassTable.svelte';
+
+    const classes: ClassTableRow[] = [
+        { class: '.s-user-card',                               parent: 'N/A', modifies: 'N/A',                       description: 'Base user card container that applies the basic style.' },
+        { class: '.s-user-card--column',                       parent: '.s-user-card',                               description: 'A container for column elements.' },
+        { class: '.s-user-card--row',                          parent: '.s-user-card',                               description: 'A container for row elements.' },
+        { class: '.s-user-card--group',                        parent: '.s-user-card',                               description: 'A container for group elements.' },
+        { class: '.s-user-card--bio',                          parent: 'N/A', modifies: 'N/A',                       description: "Container for the user's bio." },
+        { class: '.s-user-card--recognition',                  parent: 'N/A', modifies: 'N/A',                       description: 'Container for recognition by a collective.' },
+        { class: '.s-user-card--rep',                          parent: 'N/A', modifies: 'N/A',                       description: "Container for the user's reputation." },
+        { class: '.s-user-card--time',                         parent: 'N/A', modifies: 'N/A',                       description: "Container for the user's timestamp." },
+        { class: '.s-user-card--username',                     parent: 'N/A', modifies: 'N/A',                       description: "Container for the user's username." },
+        { class: '.s-user-card--group__split',                 parent: 'N/A', modifies: '.s-user-card--group',       description: 'Inserts a separator between each element.' },
+        { class: '.s-user-card__sm',                           parent: 'N/A', modifies: '.s-user-card',              description: 'Use the small variant for space-constrained areas, such as post summaries, or to establish visual hierarchy for secondary content like comments and replies.' },
+        { class: '.s-user-card__lg',                           parent: 'N/A', modifies: '.s-user-card',              description: 'Use the large variant when space permits and more detailed information is desired.' },
+        { class: '.s-user-card--username__op',                 parent: 'N/A', modifies: '.s-user-card--username',    description: 'Identifies the author of the primary post when they appear in secondary contexts, like comment threads.' },
+        { class: '.s-user-card__deleted',                      parent: 'N/A', modifies: '.s-user-card',              description: "When a user is deleted, we still need to show their name, but we strip the metadata." },
+        { class: '.s-user-card--recognition-additional-bling', parent: 'N/A', modifies: 'N/A',                       description: 'This label appears within a Collective question post to signal that they are a Recognized Member.' },
+    ];
+
+    const sizes: ClassTableRow[] = [
+        { class: '.s-user-card__sm', parent: 'small', description: 'Use the small variant for space-constrained areas, such as post summaries, or to establish visual hierarchy for secondary content like comments and replies.' },
+        { class: 'N/A',              parent: 'N/A',   description: 'Use the default variant when the user needs a more primary focus of the content. This style features a larger avatar to establish top-level hierarchy like question and answer authors.' },
+        { class: '.s-user-card__lg', parent: 'large', description: 'Use the large variant when space permits and more detailed information is desired.' },
+    ];
+
+    const states: ClassTableRow[] = [
+        { class: '.s-user-card--username__op', parent: 'Original Poster',  description: 'This label identifies the author of the primary post (such as the Question asker) when they appear in secondary contexts, like comment threads.' },
+        { class: 'N/A',                        parent: 'New Contributor',  description: 'This label appears on a user\'s first-ever question or answer to signal that they are new to the platform.' },
+        { class: '.s-user-card__deleted',      parent: 'Deleted user',     description: 'When a user is deleted, we still need to show their name, but we strip the meta data.' },
+    ];
+
+    const additionalBling: ClassTableRow[] = [
+        { class: '.s-user-card--recognition-additional-bling', parent: 'Recognized Member', description: 'This label appears within a Collective question post to signal that they are a Recognized Member.' },
+        { class: 'N/A',                                        parent: 'Awarded',           description: 'This icon appears next to a user when they are within the top 3 positions of a Collective\'s leaderboard.' },
+    ];
+
+    const svgStarVerifiedSm = `<svg aria-hidden="true" class="svg-icon iconStarVerifiedSm" width="14" height="14" viewBox="0 0 14 14"><path d="M7.7.72c-.4-.3-.94-.3-1.34 0l-1.26.92q-.23.17-.5.2l-1.54.25c-.49.07-.87.45-.95.94l-.23 1.55q-.05.27-.2.5L.74 6.32c-.3.4-.3.94 0 1.34l.92 1.26q.17.21.2.5l.24 1.54c.08.49.46.87.95.94l1.54.24q.27.05.5.2l1.26.93c.4.3.94.3 1.34 0l1.26-.92q.21-.16.5-.21l1.54-.24c.48-.07.87-.45.94-.94l.24-1.55q.05-.27.2-.5l.93-1.25c.3-.4.3-.94 0-1.34l-.93-1.26q-.15-.21-.2-.5l-.24-1.54A1.1 1.1 0 0 0 11 2.1l-1.55-.24q-.27-.05-.5-.2zm-.4 1.72.9 2.5q.07.17.27.2l2.65.08c.28 0 .4.36.17.53L9.21 7.38a.3.3 0 0 0-.1.32l.74 2.54a.3.3 0 0 1-.46.33L7.19 9.1a.3.3 0 0 0-.33 0l-2.19 1.48a.3.3 0 0 1-.46-.33l.74-2.54a.3.3 0 0 0-.1-.32l-2.1-1.63a.3.3 0 0 1 .18-.53l2.65-.09a.3.3 0 0 0 .27-.2l.9-2.49a.3.3 0 0 1 .56 0"/></svg>`;
+    const svgAchievementsSm = `<svg aria-hidden="true" class="svg-icon iconAchievementsSm" width="14" height="14" viewBox="0 0 14 14"><path d="M11 2V1H3v1H0v3c0 1.6 1.4 3 3 3 0 0 .5 2 3 2v1H4s-1 1.5-1 2h8c0-.4-1-2-1-2H8v-1c2.5 0 3-2 3-2 1.6-.2 3-1.4 3-3V2zM3 6c-.5 0-1-.5-1-1V4h1zm9-1c0 .5-.5 1-1 1V4h1zM7 7a2 2 0 1 1 0-4 2 2 0 0 1 0 4"/></svg>`;
+</script>
+
+## Classes
+
+<ClassTable {classes} expandable />
+
+## Examples
+
+### Default
+
+The base style is the standard variant used to connect a user to their content, appearing most frequently in post-summary lists and on question pages. This view is flexible, allowing various metadata fields to be shown or hidden as needed.
+
+<Notice variant="info">
+    <p><strong>Note on timestamps:</strong> Hovering over the timestamp displays a popover with precise dates and a link to the post's /timeline. For authors, this shows the post creation date; for editors, it shows the last modification date.</p>
+</Notice>
+
+```html
+<div class="s-user-card">
+    <a class="s-user-card--group" href="…">
+        <!-- Note: Default variant includes avatar size modifier (s-avatar__24) -->
+        <span class="s-avatar s-avatar__24">
+            <img class="s-avatar--image" alt="…" src="…" />
+        </span>
+        <span class="s-user-card--username">…</span>
+    </a>
+    <ul class="s-user-card--group">
+        <li class="s-user-card--rep">
+            <span class="s-bling s-bling__sm">
+                <span class="v-visible-sr">reputation bling</span>
+            </span>
+            …
+        </li>
+        <li>
+            <span class="s-bling s-bling__gold s-bling__sm">
+                <span class="v-visible-sr">gold bling</span>
+            </span>
+            …
+        </li>
+        <li>
+            <span class="s-bling s-bling__silver s-bling__sm">
+                <span class="v-visible-sr">silver bling</span>
+            </span>
+            …
+        </li>
+        <li>
+            <span class="s-bling s-bling__bronze s-bling__sm">
+                <span class="v-visible-sr">bronze bling</span>
+            </span>
+            …
+        </li>
+    </ul>
+    <a class="s-user-card--time" href="…" title="2026-01-09 12:15:39Z" data-controller="s-tooltip">
+        <time>…</time>
+    </a>
+</div>
+```
+
+<Example>
+    <div class="d-flex fd-column g8">
+        <div class="s-user-card">
+            <a class="s-user-card--group" href="#">
+                <span class="s-avatar s-avatar__24">
+                    <img class="s-avatar--image" alt="demo avatar" src="/legacy/assets/img/avatar-disgusted-24.svg" />
+                </span>
+                <span class="s-user-card--username">SofiaAlc</span>
+            </a>
+            <a class="s-user-card--time" href="#" title="2026-01-09 12:15:39Z" data-controller="s-tooltip">
+                <time>asked 2 hr ago</time>
+            </a>
+        </div>
+        <div class="s-user-card">
+            <a class="s-user-card--group" href="#">
+                <span class="s-avatar s-avatar__24">
+                    <img class="s-avatar--image" alt="demo avatar" src="/legacy/assets/img/avatar-disgusted-24.svg" />
+                </span>
+                <span class="s-user-card--username">SofiaAlc</span>
+            </a>
+            <ul class="s-user-card--group">
+                <li class="s-user-card--rep">
+                    <span class="s-bling s-bling__sm"><span class="v-visible-sr">reputation bling</span></span>
+                    1,775
+                </li>
+            </ul>
+            <a class="s-user-card--time" href="#" title="2026-01-09 12:15:39Z" data-controller="s-tooltip">
+                <time>asked 2 hr ago</time>
+            </a>
+        </div>
+        <div class="s-user-card">
+            <a class="s-user-card--group" href="#">
+                <span class="s-avatar s-avatar__24">
+                    <img class="s-avatar--image" alt="demo avatar" src="/legacy/assets/img/avatar-disgusted-24.svg" />
+                </span>
+                <span class="s-user-card--username">SofiaAlc</span>
+            </a>
+            <ul class="s-user-card--group">
+                <li class="s-user-card--rep">
+                    <span class="s-bling s-bling__sm"><span class="v-visible-sr">reputation bling</span></span>
+                    1,775
+                </li>
+                <li><span class="s-bling s-bling__gold s-bling__sm"><span class="v-visible-sr">gold bling</span></span></li>
+                <li><span class="s-bling s-bling__silver s-bling__sm"><span class="v-visible-sr">silver bling</span></span></li>
+                <li><span class="s-bling s-bling__bronze s-bling__sm"><span class="v-visible-sr">bronze bling</span></span></li>
+            </ul>
+            <a class="s-user-card--time" href="#" title="2026-01-09 12:15:39Z" data-controller="s-tooltip">
+                <time>asked 2 hr ago</time>
+            </a>
+        </div>
+        <div class="s-user-card">
+            <a class="s-user-card--group" href="#">
+                <span class="s-avatar s-avatar__24">
+                    <img class="s-avatar--image" alt="demo avatar" src="/legacy/assets/img/avatar-disgusted-24.svg" />
+                </span>
+                <span class="s-user-card--username">SofiaAlc</span>
+            </a>
+            <ul class="s-user-card--group">
+                <li class="s-user-card--rep">
+                    <span class="s-bling s-bling__sm"><span class="v-visible-sr">reputation bling</span></span>
+                    1,775
+                </li>
+                <li>
+                    <span class="s-bling s-bling__gold s-bling__sm"><span class="v-visible-sr">gold bling</span></span>
+                    8
+                </li>
+                <li>
+                    <span class="s-bling s-bling__silver s-bling__sm"><span class="v-visible-sr">silver bling</span></span>
+                    12
+                </li>
+                <li>
+                    <span class="s-bling s-bling__bronze s-bling__sm"><span class="v-visible-sr">bronze bling</span></span>
+                    4
+                </li>
+            </ul>
+            <a class="s-user-card--time" href="#" title="2026-01-09 12:15:39Z" data-controller="s-tooltip">
+                <time>asked 2 hr ago</time>
+            </a>
+        </div>
+    </div>
+</Example>
+
+### With badges
+
+Adds the [User badge](/system/components/badges#user) indicator to the usercard. Use this to signify the official role, status, or origin of the account (such as Moderator, Staff, or Bot) directly alongside the user's name.
+
+```html
+<div class="s-user-card">
+    <a class="s-user-card--group" href="…">
+        <span class="s-avatar s-avatar__24">
+            <img class="s-avatar--image" alt="…" src="…" />
+        </span>
+        <span class="s-user-card--username">…</span>
+    </a>
+    <div class="s-user-card--group">
+        <span class="s-badge s-badge__sm">…</span>
+    </div>
+    <ul class="s-user-card--group">
+        <li class="s-user-card--rep">
+            <span class="s-bling s-bling__sm">
+                <span class="v-visible-sr">reputation bling</span>
+            </span>
+            …
+        </li>
+        …
+    </ul>
+    <a class="s-user-card--time" href="…" title="2026-01-09 12:15:39Z" data-controller="s-tooltip">
+        <time>…</time>
+    </a>
+</div>
+```
+
+<Example>
+    <div class="d-flex fd-column g8">
+        <div class="s-user-card">
+            <a class="s-user-card--group" href="#">
+                <span class="s-avatar s-avatar__24">
+                    <img class="s-avatar--image" alt="demo avatar" src="/legacy/assets/img/avatar-disgusted-24.svg" />
+                </span>
+                <span class="s-user-card--username">Community</span>
+            </a>
+            <div class="s-user-card--group">
+                <span class="s-badge s-badge__sm s-badge__bot">Bot</span>
+            </div>
+            <a class="s-user-card--time" href="#" title="2026-01-09 12:15:39Z" data-controller="s-tooltip">
+                <time>asked 2 hr ago</time>
+            </a>
+        </div>
+        <div class="s-user-card">
+            <a class="s-user-card--group" href="#">
+                <span class="s-avatar s-avatar__24">
+                    <img class="s-avatar--image" alt="demo avatar" src="/legacy/assets/img/avatar-disgusted-24.svg" />
+                </span>
+                <span class="s-user-card--username">SofiaAlc</span>
+            </a>
+            <div class="s-user-card--group">
+                <span class="s-badge s-badge__sm s-badge__moderator">Mod</span>
+            </div>
+            <a class="s-user-card--time" href="#" title="2026-01-09 12:15:39Z" data-controller="s-tooltip">
+                <time>asked 2 hr ago</time>
+            </a>
+        </div>
+        <div class="s-user-card">
+            <a class="s-user-card--group" href="#">
+                <span class="s-avatar s-avatar__24">
+                    <img class="s-avatar--image" alt="demo avatar" src="/legacy/assets/img/avatar-disgusted-24.svg" />
+                </span>
+                <span class="s-user-card--username">SofiaAlc</span>
+            </a>
+            <div class="s-user-card--group">
+                <span class="s-badge s-badge__sm s-badge__staff">Staff</span>
+                <span class="s-badge s-badge__sm s-badge__moderator">Mod</span>
+            </div>
+            <a class="s-user-card--time" href="#" title="2026-01-09 12:15:39Z" data-controller="s-tooltip">
+                <time>asked 2 hr ago</time>
+            </a>
+        </div>
+        <div class="s-user-card">
+            <a class="s-user-card--group" href="#">
+                <span class="s-avatar s-avatar__24">
+                    <img class="s-avatar--image" alt="demo avatar" src="/legacy/assets/img/avatar-disgusted-24.svg" />
+                </span>
+                <span class="s-user-card--username">SofiaAlc</span>
+            </a>
+            <div class="s-user-card--group">
+                <span class="s-badge s-badge__sm s-badge__moderator">Mod</span>
+            </div>
+            <ul class="s-user-card--group">
+                <li class="s-user-card--rep">
+                    <span class="s-bling s-bling__sm"><span class="v-visible-sr">reputation bling</span></span>
+                    1,775
+                </li>
+                <li><span class="s-bling s-bling__gold s-bling__sm"><span class="v-visible-sr">gold bling</span></span></li>
+                <li><span class="s-bling s-bling__silver s-bling__sm"><span class="v-visible-sr">silver bling</span></span></li>
+                <li><span class="s-bling s-bling__bronze s-bling__sm"><span class="v-visible-sr">bronze bling</span></span></li>
+            </ul>
+            <a class="s-user-card--time" href="#" title="2026-01-09 12:15:39Z" data-controller="s-tooltip">
+                <time>asked 2 hr ago</time>
+            </a>
+        </div>
+        <div class="s-user-card">
+            <a class="s-user-card--group" href="#">
+                <span class="s-avatar s-avatar__24">
+                    <img class="s-avatar--image" alt="demo avatar" src="/legacy/assets/img/avatar-disgusted-24.svg" />
+                </span>
+                <span class="s-user-card--username">SofiaAlc</span>
+            </a>
+            <div class="s-user-card--group">
+                <span class="s-badge s-badge__sm s-badge__staff">Staff</span>
+                <span class="s-badge s-badge__sm s-badge__moderator">Mod</span>
+            </div>
+            <ul class="s-user-card--group">
+                <li class="s-user-card--rep">
+                    <span class="s-bling s-bling__sm"><span class="v-visible-sr">reputation bling</span></span>
+                    1,775
+                </li>
+                <li>
+                    <span class="s-bling s-bling__gold s-bling__sm"><span class="v-visible-sr">gold bling</span></span>
+                    8
+                </li>
+                <li>
+                    <span class="s-bling s-bling__silver s-bling__sm"><span class="v-visible-sr">silver bling</span></span>
+                    12
+                </li>
+                <li>
+                    <span class="s-bling s-bling__bronze s-bling__sm"><span class="v-visible-sr">bronze bling</span></span>
+                    4
+                </li>
+            </ul>
+            <a class="s-user-card--time" href="#" title="2026-01-09 12:15:39Z" data-controller="s-tooltip">
+                <time>asked 2 hr ago</time>
+            </a>
+        </div>
+    </div>
+</Example>
+
+### Sizes
+
+<ClassTable classes={sizes} headings={{ parent: 'Size' }} />
+
+#### Small
+
+Use the small variant for space-constrained areas, such as post summaries, or to establish visual hierarchy for secondary content like comments and replies. Note that the small variant does not include an avatar size modifier.
+
+```html
+<div class="s-user-card s-user-card__sm">
+    <a class="s-user-card--group" href="…">
+        <!-- Note: Small variant does not include avatar size modifier -->
+        <span class="s-avatar">
+            <img class="s-avatar--image" alt="…" src="…" />
+        </span>
+        <span class="s-user-card--username">…</span>
+    </a>
+    <ul class="s-user-card--group">
+        <li class="s-user-card--rep">
+            <span class="s-bling s-bling__sm">
+                <span class="v-visible-sr">reputation bling</span>
+            </span>
+            …
+        </li>
+        …
+    </ul>
+    <a class="s-user-card--time" href="…" title="2026-01-09 12:15:39Z" data-controller="s-tooltip">
+        <time>…</time>
+    </a>
+</div>
+```
+
+<Example>
+    <div class="d-flex fd-column g8">
+        <div class="s-user-card s-user-card__sm">
+            <a class="s-user-card--group" href="#">
+                <span class="s-avatar">
+                    <img class="s-avatar--image" alt="demo avatar" src="/legacy/assets/img/avatar-disgusted-16.svg" />
+                </span>
+                <span class="s-user-card--username">SofiaAlc</span>
+            </a>
+            <a class="s-user-card--time" href="#" title="2026-01-09 12:15:39Z" data-controller="s-tooltip">
+                <time>asked 2 hr ago</time>
+            </a>
+        </div>
+        <div class="s-user-card s-user-card__sm">
+            <a class="s-user-card--group" href="#">
+                <span class="s-avatar">
+                    <img class="s-avatar--image" alt="demo avatar" src="/legacy/assets/img/avatar-disgusted-16.svg" />
+                </span>
+                <span class="s-user-card--username">SofiaAlc</span>
+            </a>
+            <ul class="s-user-card--group">
+                <li class="s-user-card--rep">
+                    <span class="s-bling s-bling__sm"><span class="v-visible-sr">reputation bling</span></span>
+                    1,775
+                </li>
+                <li>
+                    <span class="s-bling s-bling__gold s-bling__sm"><span class="v-visible-sr">gold bling</span></span>
+                    8
+                </li>
+                <li>
+                    <span class="s-bling s-bling__silver s-bling__sm"><span class="v-visible-sr">silver bling</span></span>
+                    12
+                </li>
+                <li>
+                    <span class="s-bling s-bling__bronze s-bling__sm"><span class="v-visible-sr">bronze bling</span></span>
+                    4
+                </li>
+            </ul>
+            <a class="s-user-card--time" href="#" title="2026-01-09 12:15:39Z" data-controller="s-tooltip">
+                <time>asked 2 hr ago</time>
+            </a>
+        </div>
+        <div class="s-user-card s-user-card__sm">
+            <a class="s-user-card--group" href="#">
+                <span class="s-avatar">
+                    <img class="s-avatar--image" alt="demo avatar" src="/legacy/assets/img/avatar-disgusted-16.svg" />
+                </span>
+                <span class="s-user-card--username">SofiaAlc</span>
+            </a>
+            <div class="s-user-card--group">
+                <span class="s-badge s-badge__sm s-badge__moderator">Mod</span>
+            </div>
+            <a class="s-user-card--time" href="#" title="2026-01-09 12:15:39Z" data-controller="s-tooltip">
+                <time>asked 2 hr ago</time>
+            </a>
+        </div>
+    </div>
+</Example>
+
+#### Large
+
+Use the large variant when space permits and more detailed information is desired. The large variant uses a different structural layout with `s-user-card--row` and `s-user-card--column` to accommodate an expanded avatar and additional profile details.
+
+```html
+<div class="s-user-card s-user-card__lg">
+    <div class="s-user-card--row">
+        <a class="s-avatar s-avatar__48" href="…">
+            <img class="s-avatar--image" alt="…" src="…" />
+        </a>
+        <div class="s-user-card--column">
+            <div class="s-user-card--row">
+                <a class="s-user-card--username" href="…">…</a>
+                <div class="s-user-card--group">
+                    <span class="s-badge s-badge__moderator s-badge__sm">…</span>
+                </div>
+            </div>
+            <ul class="s-user-card--group">
+                <li class="s-user-card--rep">
+                    <span class="s-bling s-bling__sm">
+                        <span class="v-visible-sr">reputation bling</span>
+                    </span>
+                    …
+                </li>
+                …
+            </ul>
+        </div>
+    </div>
+    <div class="s-user-card--column">
+        <div class="s-user-card--row s-user-card--recognition">
+            <!-- StarVerifiedSm icon -->
+            <span>…</span>
+        </div>
+        <ul class="s-user-card--group s-user-card--group__split">
+            <li>…</li>
+            <li>…</li>
+        </ul>
+        <div class="s-user-card--bio">…</div>
+    </div>
+</div>
+```
+
+<Example>
+    <div class="d-flex g32 fw-wrap">
+        <div class="s-user-card s-user-card__lg wmx3">
+            <div class="s-user-card--row">
+                <a class="s-avatar s-avatar__48" href="#">
+                    <img class="s-avatar--image" alt="demo avatar" src="/legacy/assets/img/avatar-disgusted-48.svg" />
+                </a>
+                <div class="s-user-card--column">
+                    <div class="s-user-card--row">
+                        <a class="s-user-card--username" href="#">SofiaAlc</a>
+                        <div class="s-user-card--group">
+                            <span class="s-badge s-badge__sm s-badge__moderator">Mod</span>
+                        </div>
+                    </div>
+                    <ul class="s-user-card--group">
+                        <li class="s-user-card--rep">
+                            <span class="s-bling s-bling__sm"><span class="v-visible-sr">reputation bling</span></span>
+                            1,775
+                        </li>
+                        <li>
+                            <span class="s-bling s-bling__gold s-bling__sm"><span class="v-visible-sr">gold bling</span></span>
+                            8
+                        </li>
+                        <li>
+                            <span class="s-bling s-bling__silver s-bling__sm"><span class="v-visible-sr">silver bling</span></span>
+                            12
+                        </li>
+                        <li>
+                            <span class="s-bling s-bling__bronze s-bling__sm"><span class="v-visible-sr">bronze bling</span></span>
+                            4
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="s-user-card--column">
+                <div class="s-user-card--row s-user-card--recognition">
+                    {@html svgStarVerifiedSm}
+                    <span>Recognized by <a href="#">AudioBubble</a></span>
+                </div>
+                <ul class="s-user-card--group s-user-card--group__split">
+                    <li>Senior Product Designer</li>
+                    <li>Vancouver, Canada</li>
+                </ul>
+                <div class="s-user-card--bio">Developer who believes in clean code, clear coffee, and the occasional snake pun. Automating the boring stuff one script at a time.</div>
+            </div>
+        </div>
+        <div class="s-user-card s-user-card__lg wmx3">
+            <div class="s-user-card--row">
+                <a class="s-avatar s-avatar__48" href="#">
+                    <img class="s-avatar--image" alt="demo avatar" src="/legacy/assets/img/avatar-disgusted-48.svg" />
+                </a>
+                <div class="s-user-card--column">
+                    <div class="s-user-card--row">
+                        <a class="s-user-card--username" href="#">SofiaAlc</a>
+                    </div>
+                    <ul class="s-user-card--group">
+                        <li class="s-user-card--rep">
+                            <span class="s-bling s-bling__sm"><span class="v-visible-sr">reputation bling</span></span>
+                            1
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="s-user-card--column">
+                <ul class="s-user-card--group s-user-card--group__split">
+                    <li>Vancouver, Canada</li>
+                </ul>
+                <div class="s-user-card--bio">Developer who believes in clean code, clear coffee, and the occasional snake pun. Automating the boring stuff one script at a time.</div>
+            </div>
+        </div>
+        <div class="s-user-card s-user-card__lg wmx3">
+            <div class="s-user-card--row">
+                <a class="s-avatar s-avatar__48" href="#">
+                    <img class="s-avatar--image" alt="demo avatar" src="/legacy/assets/img/avatar-disgusted-48.svg" />
+                </a>
+                <div class="s-user-card--column">
+                    <div class="s-user-card--row">
+                        <a class="s-user-card--username" href="#">SofiaAlc</a>
+                    </div>
+                    <ul class="s-user-card--group">
+                        <li class="s-user-card--rep">
+                            <span class="s-bling s-bling__sm"><span class="v-visible-sr">reputation bling</span></span>
+                            1
+                        </li>
+                        <li>
+                            <span class="s-bling s-bling__gold s-bling__sm"><span class="v-visible-sr">gold bling</span></span>
+                            8
+                        </li>
+                        <li>
+                            <span class="s-bling s-bling__silver s-bling__sm"><span class="v-visible-sr">silver bling</span></span>
+                            12
+                        </li>
+                        <li>
+                            <span class="s-bling s-bling__bronze s-bling__sm"><span class="v-visible-sr">bronze bling</span></span>
+                            4
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+</Example>
+
+### States
+
+<ClassTable classes={states} headings={{ parent: 'State' }} />
+
+#### Original Poster
+
+This label identifies the author of the primary post (such as the Question asker) when they appear in secondary contexts, like comment threads.
+
+```html
+<div class="s-user-card">
+    <a class="s-user-card--group" href="…">
+        <span class="s-avatar s-avatar__24">
+            <img class="s-avatar--image" alt="…" src="…" />
+        </span>
+        <span class="s-user-card--username s-user-card--username__op" data-s-tooltip-html-title="<a href='…' class='s-link s-link__underlined'>…</a> is the original poster" data-controller="s-tooltip">…</span>
+    </a>
+    <ul class="s-user-card--group">…</ul>
+    <a class="s-user-card--time" href="…" title="Show activity on this post" data-controller="s-tooltip">
+        <time>…</time>
+    </a>
+</div>
+```
+
+<Example>
+    <div class="d-flex fd-column g8">
+        <div class="s-user-card s-user-card__sm">
+            <a class="s-user-card--group" href="#">
+                <span class="s-avatar">
+                    <img class="s-avatar--image" alt="demo avatar" src="/legacy/assets/img/avatar-disgusted-16.svg" />
+                </span>
+                <span class="s-user-card--username s-user-card--username__op" data-s-tooltip-html-title="<a href='#' class='s-link s-link__underlined'>SofiaAlc</a> is the original poster" data-controller="s-tooltip">SofiaAlc</span>
+            </a>
+            <ul class="s-user-card--group">
+                <li class="s-user-card--rep">
+                    <span class="s-bling s-bling__sm"><span class="v-visible-sr">reputation bling</span></span>
+                    1,775
+                </li>
+                <li>
+                    <span class="s-bling s-bling__gold s-bling__sm"><span class="v-visible-sr">gold bling</span></span>
+                    8
+                </li>
+                <li>
+                    <span class="s-bling s-bling__silver s-bling__sm"><span class="v-visible-sr">silver bling</span></span>
+                    12
+                </li>
+                <li>
+                    <span class="s-bling s-bling__bronze s-bling__sm"><span class="v-visible-sr">bronze bling</span></span>
+                    4
+                </li>
+            </ul>
+            <a class="s-user-card--time" href="#" title="Show activity on this post" data-controller="s-tooltip">
+                <time>asked 2 hr ago</time>
+            </a>
+        </div>
+        <div class="s-user-card">
+            <a class="s-user-card--group" href="#">
+                <span class="s-avatar s-avatar__24">
+                    <img class="s-avatar--image" alt="demo avatar" src="/legacy/assets/img/avatar-disgusted-24.svg" />
+                </span>
+                <span class="s-user-card--username s-user-card--username__op" data-s-tooltip-html-title="<a href='#' class='s-link s-link__underlined'>SofiaAlc</a> is the original poster" data-controller="s-tooltip">SofiaAlc</span>
+            </a>
+            <ul class="s-user-card--group">
+                <li class="s-user-card--rep">
+                    <span class="s-bling s-bling__sm"><span class="v-visible-sr">reputation bling</span></span>
+                    1,775
+                </li>
+                <li>
+                    <span class="s-bling s-bling__gold s-bling__sm"><span class="v-visible-sr">gold bling</span></span>
+                    8
+                </li>
+                <li>
+                    <span class="s-bling s-bling__silver s-bling__sm"><span class="v-visible-sr">silver bling</span></span>
+                    12
+                </li>
+                <li>
+                    <span class="s-bling s-bling__bronze s-bling__sm"><span class="v-visible-sr">bronze bling</span></span>
+                    4
+                </li>
+            </ul>
+            <a class="s-user-card--time" href="#" title="Show activity on this post" data-controller="s-tooltip">
+                <time>asked 2 hr ago</time>
+            </a>
+        </div>
+        <div class="s-user-card">
+            <a class="s-user-card--group" href="#">
+                <span class="s-avatar s-avatar__24">
+                    <img class="s-avatar--image" alt="demo avatar" src="/legacy/assets/img/avatar-disgusted-24.svg" />
+                </span>
+                <span class="s-user-card--username s-user-card--username__op" data-s-tooltip-html-title="<a href='#' class='s-link s-link__underlined'>SofiaAlc</a> is the original poster" data-controller="s-tooltip">SofiaAlc</span>
+            </a>
+            <div class="s-user-card--group">
+                <span class="s-badge s-badge__sm s-badge__moderator">Mod</span>
+            </div>
+            <ul class="s-user-card--group">
+                <li class="s-user-card--rep">
+                    <span class="s-bling s-bling__sm"><span class="v-visible-sr">reputation bling</span></span>
+                    1,775
+                </li>
+                <li>
+                    <span class="s-bling s-bling__gold s-bling__sm"><span class="v-visible-sr">gold bling</span></span>
+                    8
+                </li>
+                <li>
+                    <span class="s-bling s-bling__silver s-bling__sm"><span class="v-visible-sr">silver bling</span></span>
+                    12
+                </li>
+                <li>
+                    <span class="s-bling s-bling__bronze s-bling__sm"><span class="v-visible-sr">bronze bling</span></span>
+                    4
+                </li>
+            </ul>
+        </div>
+    </div>
+</Example>
+
+#### New Contributor
+
+This label appears on a user's first-ever question or answer to signal that they are new to the platform.
+
+```html
+<div class="s-user-card">
+    <a class="s-user-card--group" href="…">
+        <span class="s-avatar s-avatar__24">
+            <img class="s-avatar--image" alt="…" src="…" />
+        </span>
+        <span class="s-user-card--username s-user-card--new-contributor">…</span>
+    </a>
+    <div class="s-user-card--group">
+        <span class="s-badge s-badge__sm s-badge__new" data-s-tooltip-html-title="<a href='…' class='s-link s-link__underlined'>…</a> is a new contributor to this site. Take care in asking for clarification, commenting, and answering. <a href='…' class='s-link s-link__underlined'>Check out our Code of Conduct</a>" data-controller="s-tooltip">New</span>
+    </div>
+    <ul class="s-user-card--group">…</ul>
+    <a class="s-user-card--time" href="…" title="Show activity on this post" data-controller="s-tooltip">
+        <time>…</time>
+    </a>
+</div>
+```
+
+<Example>
+    <div class="d-flex fd-column g8">
+        <div class="s-user-card s-user-card__sm">
+            <a class="s-user-card--group" href="#">
+                <span class="s-avatar">
+                    <img class="s-avatar--image" alt="demo avatar" src="/legacy/assets/img/avatar-disgusted-16.svg" />
+                </span>
+                <span class="s-user-card--username s-user-card--new-contributor">SofiaAlc</span>
+            </a>
+            <div class="s-user-card--group">
+                <span class="s-badge s-badge__sm s-badge__new" data-s-tooltip-html-title="<a href='#' class='s-link s-link__underlined'>SofiaAlc</a> is a new contributor to this site. Take care in asking for clarification, commenting, and answering. <a href='#' class='s-link s-link__underlined'>Check out our Code of Conduct</a>" data-controller="s-tooltip">New</span>
+            </div>
+            <ul class="s-user-card--group">
+                <li class="s-user-card--rep">
+                    <span class="s-bling s-bling__sm"><span class="v-visible-sr">reputation bling</span></span>
+                    1,775
+                </li>
+                <li>
+                    <span class="s-bling s-bling__gold s-bling__sm"><span class="v-visible-sr">gold bling</span></span>
+                    8
+                </li>
+                <li>
+                    <span class="s-bling s-bling__silver s-bling__sm"><span class="v-visible-sr">silver bling</span></span>
+                    12
+                </li>
+                <li>
+                    <span class="s-bling s-bling__bronze s-bling__sm"><span class="v-visible-sr">bronze bling</span></span>
+                    4
+                </li>
+            </ul>
+            <a class="s-user-card--time" href="#" title="Show activity on this post" data-controller="s-tooltip">
+                <time>asked 2 hr ago</time>
+            </a>
+        </div>
+        <div class="s-user-card">
+            <a class="s-user-card--group" href="#">
+                <span class="s-avatar s-avatar__24">
+                    <img class="s-avatar--image" alt="demo avatar" src="/legacy/assets/img/avatar-disgusted-24.svg" />
+                </span>
+                <span class="s-user-card--username s-user-card--new-contributor">SofiaAlc</span>
+            </a>
+            <div class="s-user-card--group">
+                <span class="s-badge s-badge__sm s-badge__new" data-s-tooltip-html-title="<a href='#' class='s-link s-link__underlined'>SofiaAlc</a> is a new contributor to this site. Take care in asking for clarification, commenting, and answering. <a href='#' class='s-link s-link__underlined'>Check out our Code of Conduct</a>" data-controller="s-tooltip">New</span>
+            </div>
+            <ul class="s-user-card--group">
+                <li class="s-user-card--rep">
+                    <span class="s-bling s-bling__sm"><span class="v-visible-sr">reputation bling</span></span>
+                    1,775
+                </li>
+                <li>
+                    <span class="s-bling s-bling__gold s-bling__sm"><span class="v-visible-sr">gold bling</span></span>
+                    8
+                </li>
+                <li>
+                    <span class="s-bling s-bling__silver s-bling__sm"><span class="v-visible-sr">silver bling</span></span>
+                    12
+                </li>
+                <li>
+                    <span class="s-bling s-bling__bronze s-bling__sm"><span class="v-visible-sr">bronze bling</span></span>
+                    4
+                </li>
+            </ul>
+            <a class="s-user-card--time" href="#" title="Show activity on this post" data-controller="s-tooltip">
+                <time>asked 2 hr ago</time>
+            </a>
+        </div>
+        <div class="s-user-card">
+            <a class="s-user-card--group" href="#">
+                <span class="s-avatar s-avatar__24">
+                    <img class="s-avatar--image" alt="demo avatar" src="/legacy/assets/img/avatar-disgusted-24.svg" />
+                </span>
+                <span class="s-user-card--username s-user-card--new-contributor">SofiaAlc</span>
+            </a>
+            <div class="s-user-card--group">
+                <span class="s-badge s-badge__sm s-badge__new" data-s-tooltip-html-title="<a href='#' class='s-link s-link__underlined'>SofiaAlc</a> is a new contributor to this site. Take care in asking for clarification, commenting, and answering. <a href='#' class='s-link s-link__underlined'>Check out our Code of Conduct</a>" data-controller="s-tooltip">New</span>
+                <span class="s-badge s-badge__sm s-badge__staff">Staff</span>
+            </div>
+            <ul class="s-user-card--group">
+                <li class="s-user-card--rep">
+                    <span class="s-bling s-bling__sm"><span class="v-visible-sr">reputation bling</span></span>
+                    1,775
+                </li>
+                <li>
+                    <span class="s-bling s-bling__gold s-bling__sm"><span class="v-visible-sr">gold bling</span></span>
+                    8
+                </li>
+                <li>
+                    <span class="s-bling s-bling__silver s-bling__sm"><span class="v-visible-sr">silver bling</span></span>
+                    12
+                </li>
+                <li>
+                    <span class="s-bling s-bling__bronze s-bling__sm"><span class="v-visible-sr">bronze bling</span></span>
+                    4
+                </li>
+            </ul>
+            <a class="s-user-card--time" href="#" title="Show activity on this post" data-controller="s-tooltip">
+                <time>asked 2 hr ago</time>
+            </a>
+        </div>
+    </div>
+</Example>
+
+#### Deleted user
+
+When a user is deleted, we still need to show their name, but we strip the metadata.
+
+```html
+<div class="s-user-card s-user-card__deleted">
+    <div class="s-user-card--group">
+        <img alt="…" src="…" />
+        <span class="s-user-card--username">…</span>
+    </div>
+    <a class="s-user-card--time" href="…" title="Show activity on this post" data-controller="s-tooltip">
+        <time>…</time>
+    </a>
+</div>
+```
+
+<Example>
+    <div class="d-flex fd-column g8">
+        <div class="s-user-card s-user-card__deleted s-user-card__sm">
+            <div class="s-user-card--group">
+                <img alt="deleted user avatar" src="/legacy/assets/img/avatar-deleted-16.svg" />
+                <span class="s-user-card--username">SofiaAlc</span>
+            </div>
+            <a class="s-user-card--time" href="#" title="Show activity on this post" data-controller="s-tooltip">
+                <time>asked 2 hr ago</time>
+            </a>
+        </div>
+        <div class="s-user-card s-user-card__deleted">
+            <div class="s-user-card--group">
+                <img alt="deleted user avatar" src="/legacy/assets/img/avatar-deleted-24.svg" />
+                <span class="s-user-card--username">SofiaAlc</span>
+            </div>
+            <a class="s-user-card--time" href="#" title="Show activity on this post" data-controller="s-tooltip">
+                <time>asked 2 hr ago</time>
+            </a>
+        </div>
+    </div>
+</Example>
+
+### Additional bling
+
+Use to display a specialized icon alongside the username, highlighting unique achievements. This style is additive and can be combined with any of the usercard variants listed above.
+
+<ClassTable classes={additionalBling} headings={{ parent: 'Name' }} />
+
+#### Recognized Member
+
+```html
+<!-- Small variant -->
+<div class="s-user-card s-user-card__sm">
+    <a class="s-user-card--group" href="…">
+        <span class="s-avatar">
+            <img class="s-avatar--image" alt="…" src="…" />
+        </span>
+        <span class="s-user-card--username">…</span>
+    </a>
+    <a href="…" class="s-user-card--group s-user-card--recognition" title="…" aria-label="…" data-controller="s-tooltip">
+        <!-- StarVerifiedSm icon -->
+    </a>
+    <ul class="s-user-card--group">…</ul>
+    <a class="s-user-card--time" href="…" title="Show activity on this post" data-controller="s-tooltip">
+        <time>…</time>
+    </a>
+</div>
+
+<!-- Default variant -->
+<div class="s-user-card">
+    <div class="s-user-card--column">
+        <div class="s-user-card--row">
+            <a class="s-avatar s-avatar__24" href="…">
+                <img class="s-avatar--image" alt="…" src="…" />
+            </a>
+            <a class="s-user-card--group" href="…">
+                <span class="s-user-card--username">…</span>
+            </a>
+            <ul class="s-user-card--group">…</ul>
+            <a class="s-user-card--time" href="…" title="Show activity on this post" data-controller="s-tooltip">
+                <time>…</time>
+            </a>
+        </div>
+        <div class="s-user-card--row">
+            <div class="s-user-card--row s-user-card--recognition">
+                <!-- StarVerifiedSm icon -->
+                <span>Recognized by <a href="…">…</a></span>
+            </div>
+        </div>
+    </div>
+</div>
+```
+
+<Example>
+    <div class="d-flex fd-column g8">
+        <div class="s-user-card s-user-card__sm">
+            <a class="s-user-card--group" href="#">
+                <span class="s-avatar">
+                    <img class="s-avatar--image" alt="demo avatar" src="/legacy/assets/img/avatar-disgusted-16.svg" />
+                </span>
+                <span class="s-user-card--username">SofiaAlc</span>
+            </a>
+            <a href="#" class="s-user-card--group s-user-card--recognition" title="Recognized by AudioBubble" aria-label="Recognized by AudioBubble" data-controller="s-tooltip">
+                {@html svgStarVerifiedSm}
+            </a>
+            <ul class="s-user-card--group">
+                <li class="s-user-card--rep">
+                    <span class="s-bling s-bling__sm"><span class="v-visible-sr">reputation bling</span></span>
+                    1,775
+                </li>
+                <li>
+                    <span class="s-bling s-bling__gold s-bling__sm"><span class="v-visible-sr">gold bling</span></span>
+                    8
+                </li>
+                <li>
+                    <span class="s-bling s-bling__silver s-bling__sm"><span class="v-visible-sr">silver bling</span></span>
+                    12
+                </li>
+                <li>
+                    <span class="s-bling s-bling__bronze s-bling__sm"><span class="v-visible-sr">bronze bling</span></span>
+                    4
+                </li>
+            </ul>
+            <a class="s-user-card--time" href="#" title="Show activity on this post" data-controller="s-tooltip">
+                <time>asked 2 hr ago</time>
+            </a>
+        </div>
+        <div class="s-user-card s-user-card__sm">
+            <a class="s-user-card--group" href="#">
+                <span class="s-avatar">
+                    <img class="s-avatar--image" alt="demo avatar" src="/legacy/assets/img/avatar-disgusted-16.svg" />
+                </span>
+                <span class="s-user-card--username">SofiaAlc</span>
+            </a>
+            <div class="s-user-card--group">
+                <span class="s-badge s-badge__sm s-badge__staff">Staff</span>
+            </div>
+            <a href="#" class="s-user-card--group s-user-card--recognition" title="Recognized by AudioBubble" aria-label="Recognized by AudioBubble" data-controller="s-tooltip">
+                {@html svgStarVerifiedSm}
+            </a>
+            <ul class="s-user-card--group">
+                <li class="s-user-card--rep">
+                    <span class="s-bling s-bling__sm"><span class="v-visible-sr">reputation bling</span></span>
+                    1,775
+                </li>
+                <li>
+                    <span class="s-bling s-bling__gold s-bling__sm"><span class="v-visible-sr">gold bling</span></span>
+                    8
+                </li>
+                <li>
+                    <span class="s-bling s-bling__silver s-bling__sm"><span class="v-visible-sr">silver bling</span></span>
+                    12
+                </li>
+                <li>
+                    <span class="s-bling s-bling__bronze s-bling__sm"><span class="v-visible-sr">bronze bling</span></span>
+                    4
+                </li>
+            </ul>
+            <a class="s-user-card--time" href="#" title="Show activity on this post" data-controller="s-tooltip">
+                <time>asked 2 hr ago</time>
+            </a>
+        </div>
+        <div class="s-user-card">
+            <div class="s-user-card--column">
+                <div class="s-user-card--row">
+                    <a class="s-avatar s-avatar__24" href="#">
+                        <img class="s-avatar--image" alt="demo avatar" src="/legacy/assets/img/avatar-disgusted-24.svg" />
+                    </a>
+                    <a class="s-user-card--group" href="#">
+                        <span class="s-user-card--username">SofiaAlc</span>
+                    </a>
+                    <ul class="s-user-card--group">
+                        <li class="s-user-card--rep">
+                            <span class="s-bling s-bling__sm"><span class="v-visible-sr">reputation bling</span></span>
+                            1,775
+                        </li>
+                        <li>
+                            <span class="s-bling s-bling__gold s-bling__sm"><span class="v-visible-sr">gold bling</span></span>
+                            8
+                        </li>
+                        <li>
+                            <span class="s-bling s-bling__silver s-bling__sm"><span class="v-visible-sr">silver bling</span></span>
+                            12
+                        </li>
+                        <li>
+                            <span class="s-bling s-bling__bronze s-bling__sm"><span class="v-visible-sr">bronze bling</span></span>
+                            4
+                        </li>
+                    </ul>
+                    <a class="s-user-card--time" href="#" title="Show activity on this post" data-controller="s-tooltip">
+                        <time>asked 2 hr ago</time>
+                    </a>
+                </div>
+                <div class="s-user-card--row">
+                    <div class="s-user-card--row s-user-card--recognition">
+                        {@html svgStarVerifiedSm}
+                        <span>Recognized by <a href="#">AudioBubble</a></span>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="s-user-card">
+            <div class="s-user-card--column">
+                <div class="s-user-card--row">
+                    <a class="s-avatar s-avatar__24" href="#">
+                        <img class="s-avatar--image" alt="demo avatar" src="/legacy/assets/img/avatar-disgusted-24.svg" />
+                    </a>
+                    <a class="s-user-card--group" href="#">
+                        <span class="s-user-card--username">SofiaAlc</span>
+                    </a>
+                    <div class="s-user-card--group">
+                        <span class="s-badge s-badge__sm s-badge__staff">Staff</span>
+                    </div>
+                    <ul class="s-user-card--group">
+                        <li class="s-user-card--rep">
+                            <span class="s-bling s-bling__sm"><span class="v-visible-sr">reputation bling</span></span>
+                            1,775
+                        </li>
+                        <li>
+                            <span class="s-bling s-bling__gold s-bling__sm"><span class="v-visible-sr">gold bling</span></span>
+                            8
+                        </li>
+                        <li>
+                            <span class="s-bling s-bling__silver s-bling__sm"><span class="v-visible-sr">silver bling</span></span>
+                            12
+                        </li>
+                        <li>
+                            <span class="s-bling s-bling__bronze s-bling__sm"><span class="v-visible-sr">bronze bling</span></span>
+                            4
+                        </li>
+                    </ul>
+                    <a class="s-user-card--time" href="#" title="Show activity on this post" data-controller="s-tooltip">
+                        <time>asked 2 hr ago</time>
+                    </a>
+                </div>
+                <div class="s-user-card--row">
+                    <div class="s-user-card--row s-user-card--recognition">
+                        {@html svgStarVerifiedSm}
+                        <span>Recognized by <a href="#">AudioBubble</a></span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</Example>
+
+#### Awarded
+
+This icon appears next to a user when they are within the top 3 positions of a Collective's leaderboard.
+
+```html
+<div class="s-user-card s-user-card__sm">
+    <a class="s-user-card--group" href="…">
+        <span class="s-avatar">
+            <img class="s-avatar--image" alt="…" src="…" />
+        </span>
+        <span class="s-user-card--username">…</span>
+    </a>
+    <a class="s-user-card--group fc-orange-400" href="…" title="…" aria-label="…" data-controller="s-tooltip">
+        <!-- AchievementsSm icon -->
+    </a>
+    <ul class="s-user-card--group">…</ul>
+    <a class="s-user-card--time" href="…" title="Show activity on this post" data-controller="s-tooltip">
+        <time>…</time>
+    </a>
+</div>
+```
+
+<Example>
+    <div class="d-flex fd-column g8">
+        <div class="s-user-card s-user-card__sm">
+            <a class="s-user-card--group" href="#">
+                <span class="s-avatar">
+                    <img class="s-avatar--image" alt="demo avatar" src="/legacy/assets/img/avatar-disgusted-16.svg" />
+                </span>
+                <span class="s-user-card--username">SofiaAlc</span>
+            </a>
+            <a class="s-user-card--group fc-orange-400" href="#" title="This user is ranked #1 on the weekly R Language leaderboard." aria-label="This user is ranked #1 on the weekly R Language leaderboard." data-controller="s-tooltip">
+                {@html svgAchievementsSm}
+            </a>
+            <a class="s-user-card--time" href="#" title="Show activity on this post" data-controller="s-tooltip">
+                <time>asked 2 hr ago</time>
+            </a>
+        </div>
+        <div class="s-user-card">
+            <a class="s-user-card--group" href="#">
+                <span class="s-avatar s-avatar__24">
+                    <img class="s-avatar--image" alt="demo avatar" src="/legacy/assets/img/avatar-disgusted-24.svg" />
+                </span>
+                <span class="s-user-card--username">SofiaAlc</span>
+            </a>
+            <a class="s-user-card--group fc-yellow-400" href="#" title="This user is ranked #2 on the weekly R Language leaderboard." aria-label="This user is ranked #2 on the weekly R Language leaderboard." data-controller="s-tooltip">
+                {@html svgAchievementsSm}
+            </a>
+            <ul class="s-user-card--group">
+                <li class="s-user-card--rep">
+                    <span class="s-bling s-bling__sm"><span class="v-visible-sr">reputation bling</span></span>
+                    1,775
+                </li>
+                <li><span class="s-bling s-bling__gold s-bling__sm"><span class="v-visible-sr">gold bling</span></span></li>
+                <li><span class="s-bling s-bling__silver s-bling__sm"><span class="v-visible-sr">silver bling</span></span></li>
+                <li><span class="s-bling s-bling__bronze s-bling__sm"><span class="v-visible-sr">bronze bling</span></span></li>
+            </ul>
+            <a class="s-user-card--time" href="#" title="Show activity on this post" data-controller="s-tooltip">
+                <time>asked 2 hr ago</time>
+            </a>
+        </div>
+        <div class="s-user-card">
+            <a class="s-user-card--group" href="#">
+                <span class="s-avatar s-avatar__24">
+                    <img class="s-avatar--image" alt="demo avatar" src="/legacy/assets/img/avatar-disgusted-24.svg" />
+                </span>
+                <span class="s-user-card--username">SofiaAlc</span>
+            </a>
+            <div class="s-user-card--group">
+                <span class="s-badge s-badge__sm s-badge__moderator">Mod</span>
+            </div>
+            <a class="s-user-card--group fc-blue-400" href="#" title="This user is ranked #3 on the weekly R Language leaderboard." aria-label="This user is ranked #3 on the weekly R Language leaderboard." data-controller="s-tooltip">
+                {@html svgAchievementsSm}
+            </a>
+            <ul class="s-user-card--group">
+                <li class="s-user-card--rep">
+                    <span class="s-bling s-bling__sm"><span class="v-visible-sr">reputation bling</span></span>
+                    1,775
+                </li>
+                <li>
+                    <span class="s-bling s-bling__gold s-bling__sm"><span class="v-visible-sr">gold bling</span></span>
+                    8
+                </li>
+                <li>
+                    <span class="s-bling s-bling__silver s-bling__sm"><span class="v-visible-sr">silver bling</span></span>
+                    12
+                </li>
+                <li>
+                    <span class="s-bling s-bling__bronze s-bling__sm"><span class="v-visible-sr">bronze bling</span></span>
+                    4
+                </li>
+            </ul>
+            <a class="s-user-card--time" href="#" title="Show activity on this post" data-controller="s-tooltip">
+                <time>asked 2 hr ago</time>
+            </a>
+        </div>
+    </div>
+</Example>
diff --git a/packages/stacks-docs-next/src/docs/public/system/components/vote.md b/packages/stacks-docs-next/src/docs/public/system/components/vote.md
new file mode 100644
index 0000000000..c3029cf4f8
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/components/vote.md
@@ -0,0 +1,274 @@
+---
+title: "Vote"
+description: "The vote component allows users to vote on the quality of content by casting an upvote or downvote."
+svelte: "https://beta.svelte.stackoverflow.design/?path=/docs/components-vote--docs"
+figma: "https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=617-18830&p=f&t=u4su1MPgebbjmcfI-0"
+---
+
+<script lang="ts">
+    import { Icon } from '@stackoverflow/stacks-svelte';
+    import {
+        IconVote16Up, IconVote16Down,
+        IconVote16UpFill, IconVote16DownFill,
+    } from '@stackoverflow/stacks-icons/icons';
+    import ClassTable from '$components/ClassTable.svelte';
+    import Example from '$components/Example.svelte';
+    import type { ClassTableRow } from '$components/ClassTable.svelte';
+
+    const classes: ClassTableRow[] = [
+        { class: '.s-vote',              parent: 'N/A',            modifies: 'N/A',   description: 'Base vote component.' },
+        { class: '.s-vote--btn',         parent: '.s-vote',                           description: 'Vote button.' },
+        { class: '.s-vote--votes',       parent: '.s-vote',                           description: 'Container for vote counts.' },
+        { class: '.s-vote--downvotes',   parent: '.s-vote--votes',                    description: 'Downvote count.' },
+        { class: '.s-vote--total',       parent: '.s-vote--votes',                    description: 'Total vote count.' },
+        { class: '.s-vote--upvotes',     parent: '.s-vote--votes',                    description: 'Upvote count.' },
+        { class: '.s-vote__expanded',    parent: 'N/A', modifies: '.s-vote',          description: 'Expanded vote style that shows upvote and downvote counts separately.' },
+        { class: '.s-vote__horizontal',  parent: 'N/A', modifies: '.s-vote',          description: 'Horizontal vote style that arranges buttons and counts in a row. This layout does not officially support downvoting or expanded vote count.' },
+    ];
+</script>
+
+## Classes
+
+<ClassTable {classes} />
+
+## Examples
+
+### Base
+
+The base vote component includes an upvote button, a downvote button, and a vote count. When the vote count is zero and the current user has not voted, it should display `Vote` in place of a number. Otherwise, show the vote count and truncate large numbers (e.g., 1.2k).
+
+```html
+<div class="s-vote">
+    <button class="s-vote--btn">
+        <!-- Vote16Up icon -->
+        <span class="v-visible-sr">upvote</span>
+    </button>
+    <span class="s-vote--votes">
+        <span class="s-vote--total">12</span>
+    </span>
+    <button class="s-vote--btn">
+        <!-- Vote16Down icon -->
+        <span class="v-visible-sr">downvote</span>
+    </button>
+</div>
+```
+
+<Example>
+    <div class="d-flex ai-start fw-wrap g64">
+        <div class="d-flex fd-column ai-center g16">
+            <span class="ff-mono">Base</span>
+            <div class="s-vote">
+                <button class="s-vote--btn">
+                    <Icon src={IconVote16Up} /><span class="v-visible-sr">upvote</span>
+                </button>
+                <span class="s-vote--votes">
+                    <span class="s-vote--total">12</span>
+                </span>
+                <button class="s-vote--btn">
+                    <Icon src={IconVote16Down} /><span class="v-visible-sr">downvote</span>
+                </button>
+            </div>
+        </div>
+        <div class="d-flex fd-column ai-center g16">
+            <span class="ff-mono">0 vote count</span>
+            <div class="s-vote">
+                <button class="s-vote--btn">
+                    <Icon src={IconVote16Up} /><span class="v-visible-sr">upvote</span>
+                </button>
+                <span class="s-vote--votes">
+                    <span class="s-vote--total">Vote</span>
+                </span>
+                <button class="s-vote--btn">
+                    <Icon src={IconVote16Down} /><span class="v-visible-sr">downvote</span>
+                </button>
+            </div>
+        </div>
+        <div class="d-flex fd-column ai-center g16">
+            <span class="ff-mono">≥ 1,000 votes</span>
+            <div class="s-vote">
+                <button class="s-vote--btn">
+                    <Icon src={IconVote16Up} /><span class="v-visible-sr">upvote</span>
+                </button>
+                <span class="s-vote--votes">
+                    <span class="s-vote--total">27.5K</span>
+                </span>
+                <button class="s-vote--btn">
+                    <Icon src={IconVote16Down} /><span class="v-visible-sr">downvote</span>
+                </button>
+            </div>
+        </div>
+    </div>
+</Example>
+
+### Expanded
+
+Include the `.s-vote__expanded` modifier to show upvote and downvote counts instead of the total vote count. This modifier hides `.s-vote--total` and shows `.s-vote--upvotes` and `.s-vote--downvotes` instead.
+
+```html
+<div class="s-vote s-vote__expanded">
+    <button class="s-vote--btn">
+        <!-- Vote16Up icon -->
+        <span class="v-visible-sr">upvote</span>
+    </button>
+    <span class="s-vote--votes">
+        <span class="s-vote--upvotes">+12</span>
+        <span class="s-vote--total">20</span>
+        <span class="s-vote--downvotes">-8</span>
+    </span>
+    <button class="s-vote--btn">
+        <!-- Vote16Down icon -->
+        <span class="v-visible-sr">downvote</span>
+    </button>
+</div>
+```
+
+<Example>
+    <div class="s-vote s-vote__expanded">
+        <button class="s-vote--btn">
+            <Icon src={IconVote16Up} /><span class="v-visible-sr">upvote</span>
+        </button>
+        <span class="s-vote--votes">
+            <span class="s-vote--upvotes">+12</span>
+            <span class="s-vote--total">20</span>
+            <span class="s-vote--downvotes">-8</span>
+        </span>
+        <button class="s-vote--btn">
+            <Icon src={IconVote16Down} /><span class="v-visible-sr">downvote</span>
+        </button>
+    </div>
+</Example>
+
+### Horizontal
+
+Apply the `.s-vote__horizontal` modifier to arrange the vote buttons and counts in a horizontal layout. This layout does not officially support expanded vote count. This configuration is best suited for scenarios such as comment voting, where a more compact design is preferred.
+
+```html
+<!-- Upvote only — count inside button -->
+<div class="s-vote s-vote__horizontal">
+    <button class="s-vote--btn">
+        <!-- Vote16Up icon -->
+        <span class="v-visible-sr">upvote</span>
+        <span class="s-vote--votes">
+            <span class="s-vote--total">5</span>
+        </span>
+    </button>
+</div>
+
+<!-- With downvote — count between buttons -->
+<div class="s-vote s-vote__horizontal">
+    <button class="s-vote--btn">
+        <!-- Vote16Up icon -->
+        <span class="v-visible-sr">upvote</span>
+    </button>
+    <span class="s-vote--votes">
+        <span class="s-vote--total">10</span>
+    </span>
+    <button class="s-vote--btn">
+        <!-- Vote16Down icon -->
+        <span class="v-visible-sr">downvote</span>
+    </button>
+</div>
+```
+
+<Example>
+    <div class="d-flex ai-start fw-wrap g16">
+        <div class="s-vote s-vote__horizontal">
+            <button class="s-vote--btn">
+                <Icon src={IconVote16Up} /><span class="v-visible-sr">upvote</span>
+                <span class="s-vote--votes">
+                    <span class="s-vote--total">5</span>
+                </span>
+            </button>
+        </div>
+        <div class="s-vote s-vote__horizontal">
+            <button class="s-vote--btn">
+                <Icon src={IconVote16Up} /><span class="v-visible-sr">upvote</span>
+            </button>
+            <span class="s-vote--votes">
+                <span class="s-vote--total">10</span>
+            </span>
+            <button class="s-vote--btn">
+                <Icon src={IconVote16Down} /><span class="v-visible-sr">downvote</span>
+            </button>
+        </div>
+    </div>
+</Example>
+
+### Voted
+
+Use filled vote icons to indicate when the current user has upvoted or downvoted the content.
+
+```html
+<!-- Upvoted -->
+<div class="s-vote">
+    <button class="s-vote--btn">
+        <!-- Vote16UpFill icon -->
+        <span class="v-visible-sr">upvoted</span>
+    </button>
+    <span class="s-vote--votes">
+        <span class="s-vote--total">12</span>
+    </span>
+    <button class="s-vote--btn">
+        <!-- Vote16Down icon -->
+        <span class="v-visible-sr">downvote</span>
+    </button>
+</div>
+```
+
+<Example>
+    <div class="d-flex ai-start fw-wrap g64">
+        <div class="d-flex fd-column ai-center g16">
+            <span class="ff-mono">Upvoted</span>
+            <div class="s-vote">
+                <button class="s-vote--btn">
+                    <Icon src={IconVote16UpFill} /><span class="v-visible-sr">upvoted</span>
+                </button>
+                <span class="s-vote--votes">
+                    <span class="s-vote--total">27.5K</span>
+                </span>
+                <button class="s-vote--btn">
+                    <Icon src={IconVote16Down} /><span class="v-visible-sr">downvote</span>
+                </button>
+            </div>
+        </div>
+        <div class="d-flex fd-column ai-center g16">
+            <span class="ff-mono">Downvoted</span>
+            <div class="s-vote">
+                <button class="s-vote--btn">
+                    <Icon src={IconVote16Up} /><span class="v-visible-sr">upvote</span>
+                </button>
+                <span class="s-vote--votes">
+                    <span class="s-vote--total">11</span>
+                </span>
+                <button class="s-vote--btn">
+                    <Icon src={IconVote16DownFill} /><span class="v-visible-sr">downvoted</span>
+                </button>
+            </div>
+        </div>
+        <div class="d-flex fd-column ai-center g16">
+            <span class="ff-mono">Horizontal upvoted</span>
+            <div class="s-vote s-vote__horizontal">
+                <button class="s-vote--btn">
+                    <Icon src={IconVote16UpFill} /><span class="v-visible-sr">upvoted</span>
+                </button>
+                <span class="s-vote--votes">
+                    <span class="s-vote--total">6</span>
+                </span>
+            </div>
+        </div>
+        <div class="d-flex fd-column ai-center g16">
+            <span class="ff-mono">Horizontal downvoted</span>
+            <div class="s-vote s-vote__horizontal">
+                <button class="s-vote--btn">
+                    <Icon src={IconVote16Up} /><span class="v-visible-sr">upvote</span>
+                </button>
+                <span class="s-vote--votes">
+                    <span class="s-vote--total">4</span>
+                </span>
+                <button class="s-vote--btn">
+                    <Icon src={IconVote16DownFill} /><span class="v-visible-sr">downvoted</span>
+                </button>
+            </div>
+        </div>
+    </div>
+</Example>
diff --git a/packages/stacks-docs-next/src/docs/public/system/foundation/accessibility.md b/packages/stacks-docs-next/src/docs/public/system/foundation/accessibility.md
new file mode 100644
index 0000000000..e99808228c
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/foundation/accessibility.md
@@ -0,0 +1,1009 @@
+---
+title: "Accessibility"
+description: "A non-comprehensive guide to accessibility best practices when using Stacks."
+---
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="target">Target</h2><a class="s-btn s-btn__clear" href="#target"><span class="v-visible-sr">Section titled Target</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <p class="docs-copy">All Stack Overflow product UIs must conform to the AA conformance level of the Web Content Accessibility Guidelines (WCAG) 2.2 with a few exceptions around color contrast documented below.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="high-contrast-modes">High contrast modes</h3><a class="s-btn s-btn__clear" href="#high-contrast-modes"><span class="v-visible-sr">Section titled High contrast modes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <p class="docs-copy">When high contrast mode is enabled, Stack Overflow product UIs must meet or exceed the <a href="https://www.w3.org/TR/WCAG22/#contrast-enhanced">Success Criterion 1.4.6 Contrast (Enhanced)</a> of the <a href="https://www.w3.org/TR/WCAG22/">Web Content Accessibility Guidelines (WCAG) 2.2</a> and should conform to the remaining <a href="https://www.w3.org/TR/WCAG22/#cc1">AAA conformance level rules</a> when reasonably achievable. This only applies to the subset of Stack Overflow products that provide high contrast modes. <strong>Note: not all Stack Overflow products are expected to support high contrast modes</strong>.</p>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="visual-accessibility">Visual accessibility</h2><a class="s-btn s-btn__clear" href="#visual-accessibility"><span class="v-visible-sr">Section titled Visual accessibility</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <p class="docs-copy">Stack Overflow product UIs MUST conform to a custom conformance level of the Accessible Perceptual Contrast Algorithm (APCA). This custom conformance level replaces the <a href="https://www.w3.org/TR/WCAG22/#cc1">AA conformance level</a> of the <a href="https://www.w3.org/TR/WCAG22/">Web Content Accessibility Guidelines (WCAG) 2.2</a> for color contrast.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="color-&amp;-contrast">Color &amp; contrast</h3><a class="s-btn s-btn__clear" href="#color-&amp;-contrast"><span class="v-visible-sr">Section titled Color &amp; contrast</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <p class="docs-copy">Stacks aims to equip you with an accessible color palette and has been tested against WCAG AA, WCAG AAA and the newer APCA color standards. Most of our color combinations meet WCAG AA and APCA levels defined below. We also offer high contrast mode which offers a greater level of contrast.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h4 class="fl-grow1 mb0 lh-sm  fs-body3 fc-black-400" id="contrast-ratios">Contrast ratios</h4><a class="s-btn s-btn__clear" href="#contrast-ratios"><span class="v-visible-sr">Section titled Contrast ratios</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <p class="docs-copy">Contrast is the difference in luminance or color between any two elements. All visual readers require ample luminance contrast for fluent readability. Stack Overflow products must conform to a custom conformance level of the Accessible Perceptual Contrast Algorithm (APCA). Based on our custom conformance level, all text must have a Lightness contrast (Lc) value of 60, body copy must have a Lc value of 75, icons must have a Lc value of 45, and placeholder and disabled text must have a Lc of 30. These numbers will be negative when calculating for dark mode.</p>
+
+    
+
+    
+
+    
+
+<div class="d-grid grid__2 sm:grid__1 g32 my16">
+  
+  
+      
+      
+      <div class="bg-black-100 bar-md overflow-hidden w100">
+          <div class="d-flex fd-column ai-center g16 p24">
+            
+        <button class="s-btn" role="presentation">Button</button>
+        <div class="bar-pill ta-center px8 py2 bg-green-400 fc-white">Robots</div>
+    
+          </div>
+          <div class="bg-green-100 d-flex fd-column fs-body2 g16 h100 p24">
+              <div class="d-flex ai-center g8 fs-subheading fw-bold">
+                  
+                      <svg aria-hidden="true" class="svg-icon iconCheckmarkSm fc-green-500" width="14" height="14" viewBox="0 0 14 14"><path d="M13 3.41 11.59 2 5 8.59 2.41 6 1 7.41l4 4z"></path></svg> Do
+                  
+              </div>
+              Use luminance contrast that meets our standards as defined above.
+          </div>
+      </div>
+  
+      
+      
+          
+      
+      <div class="bg-black-100 bar-md overflow-hidden w100">
+          <div class="d-flex fd-column ai-center g16 p24">
+            
+        <button class="s-btn bg-theme-secondary-200" role="presentation">Button</button>
+        <div class="bar-pill ta-center px8 py2 bg-green-400 fc-green-300">Robots</div>
+    
+          </div>
+          <div class="bg-red-100 d-flex fd-column fs-body2 g16 h100 p24">
+              <div class="d-flex ai-center g8 fs-subheading fw-bold">
+                  
+                      <svg aria-hidden="true" class="svg-icon iconClearSm fc-red-500" width="14" height="14" viewBox="0 0 14 14"><path d="M12 3.41 10.59 2 7 5.59 3.41 2 2 3.41 5.59 7 2 10.59 3.41 12 7 8.41 10.59 12 12 10.59 8.41 7z"></path></svg> Don't
+                  
+              </div>
+              Use low luminance contrast that fail our standards.
+          </div>
+      </div>
+  
+</div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h4 class="fl-grow1 mb0 lh-sm  fs-body3 fc-black-400" id="visual-cues">Visual cues</h4><a class="s-btn s-btn__clear" href="#visual-cues"><span class="v-visible-sr">Section titled Visual cues</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <p class="docs-copy">Visual readers with color vision deficiency (CVD) have problems differentiating some hues and therefore these users need help discerning differences between items. This means that color (hue) should never be the sole means of communicating information and should always be paired with a non-color dependent indicator to accommodate all visual users.</p>
+
+    
+
+    
+
+    
+
+<div class="d-grid grid__2 sm:grid__1 g32 my16">
+  
+  
+      
+      
+      <div class="bg-black-100 bar-md overflow-hidden w100">
+          <div class="d-flex fd-column ai-center g16 p24">
+            
+        <div class="d-flex ps-relative w100 has-error">
+            <input class="s-input" type="text" placeholder="placeholder" role="presentation">
+            <svg aria-hidden="true" class="svg-icon iconAlertCircle s-input-icon" width="18" height="18" viewBox="0 0 18 18"><path d="M9 17c-4.36 0-8-3.64-8-8s3.64-8 8-8 8 3.64 8 8-3.64 8-8 8M8 4v6h2V4zm0 8v2h2v-2z"></path></svg>
+        </div>
+    
+          </div>
+          <div class="bg-green-100 d-flex fd-column fs-body2 g16 h100 p24">
+              <div class="d-flex ai-center g8 fs-subheading fw-bold">
+                  
+                      <svg aria-hidden="true" class="svg-icon iconCheckmarkSm fc-green-500" width="14" height="14" viewBox="0 0 14 14"><path d="M13 3.41 11.59 2 5 8.59 2.41 6 1 7.41l4 4z"></path></svg> Do
+                  
+              </div>
+              Use an icon alongside color to convey meaning.
+          </div>
+      </div>
+  
+      
+      
+          
+      
+      <div class="bg-black-100 bar-md overflow-hidden w100">
+          <div class="d-flex fd-column ai-center g16 p24">
+            
+        <div class="d-flex ps-relative w100 has-error">
+            <input class="s-input" type="text" placeholder="placeholder" role="presentation">
+        </div>
+    
+          </div>
+          <div class="bg-red-100 d-flex fd-column fs-body2 g16 h100 p24">
+              <div class="d-flex ai-center g8 fs-subheading fw-bold">
+                  
+                      <svg aria-hidden="true" class="svg-icon iconClearSm fc-red-500" width="14" height="14" viewBox="0 0 14 14"><path d="M12 3.41 10.59 2 7 5.59 3.41 2 2 3.41 5.59 7 2 10.59 3.41 12 7 8.41 10.59 12 12 10.59 8.41 7z"></path></svg> Don't
+                  
+              </div>
+              Use color alone to convey meaning.
+          </div>
+      </div>
+  
+</div>
+
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="focus-states">Focus states</h2><a class="s-btn s-btn__clear" href="#focus-states"><span class="v-visible-sr">Section titled Focus states</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <p class="docs-copy">Some people navigate through a website by using a keyboard or other device (instead of a mouse). A focus state should clearly let users know which item they’re on and is ready to interact with. Stack’s has taken a hybrid approach in using both the browser’s default styles (smaller interactive components like text links) and a custom focus ring.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="foundation-for-custom-approach">Foundation for custom approach</h3><a class="s-btn s-btn__clear" href="#foundation-for-custom-approach"><span class="v-visible-sr">Section titled Foundation for custom approach</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <p class="docs-copy">
+        The custom approach adds two different outline rings on the inside of the component. The outer ring color uses <code>secondary-theme-400</code>
+        
+
+
+
+<span class="bg-theme-secondary-400 h16 w16 d-inline-block bar-md mbn2">
+  <span class="v-visible-sr">theme-secondary-400</span>
+</span>
+
+        (matching the primary button color) and the inner ring color uses <code>white</code>
+        
+
+
+
+<span class="bg-white h16 w16 d-inline-block bar-md ba bc-black-200 bs-sm mbn2">
+  <span class="v-visible-sr">white</span>
+</span>
+ (matching the background).
+    </p>
+
+    <div class="d-grid fw-wrap gx24 gy64 jc-space-evenly bg-black-100 bar-md mb16 mt32 py32 px8 grid__2 mb32">
+        
+            <div class="ta-center">
+                <button class="s-btn s-btn__dropdown s-btn__icon " role="presentation">
+                    <svg aria-hidden="true" class="svg-icon iconPencil" width="18" height="18" viewBox="0 0 18 18"><path fill="#F1B600" d="m2 13.13 8.5-8.5 2.88 2.88-8.5 8.5H2z"></path><path fill="#E87C87" d="m13.68 2.15 2.17 2.17c.2.2.2.51 0 .71L14.5 6.39l-2.88-2.88 1.35-1.36c.2-.2.51-.2.71 0"></path></svg> Button
+                </button>
+                
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="" role="presentation">
+    
+    <div class="bl bc-black-250 h16 mb2"></div>
+    <div class="ta-center w100">Default</div>
+</div>
+
+            </div>
+        
+            <div class="ta-center">
+                <button class="s-btn s-btn__dropdown s-btn__icon focus-inset-bordered" role="presentation">
+                    <svg aria-hidden="true" class="svg-icon iconPencil" width="18" height="18" viewBox="0 0 18 18"><path fill="#F1B600" d="m2 13.13 8.5-8.5 2.88 2.88-8.5 8.5H2z"></path><path fill="#E87C87" d="m13.68 2.15 2.17 2.17c.2.2.2.51 0 .71L14.5 6.39l-2.88-2.88 1.35-1.36c.2-.2.51-.2.71 0"></path></svg> Button
+                </button>
+                
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="" role="presentation">
+    
+    <div class="bl bc-black-250 h16 mb2"></div>
+    <div class="ta-center w100">Focus</div>
+</div>
+
+            </div>
+        
+    </div>
+
+    <p class="docs-copy">
+        The outer ring color will always display as the theme color even when applied to a <code>muted</code> or <code>danger</code> styled button. This ensures the focus ring maintains a 3:1 color contrast ratio for any adjacent colors (WCAG level AA) within any theme (assuming the <code>secondary-theme</code> color
+        
+
+
+
+<span class="bg-theme-secondary-400 h16 w16 d-inline-block bar-md mbn2">
+  <span class="v-visible-sr">theme-secondary-400</span>
+</span>
+
+        already passes the 3:1 contrast ratio).
+    </p>
+
+    <div class="d-grid fw-wrap gx24 gy64 jc-space-evenly bg-black-100 bar-md mb16 mt32 py32 px8 grid__4 md:grid__2">
+        
+            <div class="ta-center">
+                <button class="s-btn s-btn__dropdown s-btn__icon s-btn__tonal" role="presentation">
+                    <svg aria-hidden="true" class="svg-icon iconPencil" width="18" height="18" viewBox="0 0 18 18"><path fill="#F1B600" d="m2 13.13 8.5-8.5 2.88 2.88-8.5 8.5H2z"></path><path fill="#E87C87" d="m13.68 2.15 2.17 2.17c.2.2.2.51 0 .71L14.5 6.39l-2.88-2.88 1.35-1.36c.2-.2.51-.2.71 0"></path></svg>
+                    Button
+                </button>
+                
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="" role="presentation">
+    
+    <div class="bl bc-black-250 h16 mb2"></div>
+    <div class="ta-center w100">Tonal default</div>
+</div>
+
+            </div>
+        
+            <div class="ta-center">
+                <button class="s-btn s-btn__dropdown s-btn__icon s-btn__tonal focus-inset-bordered" role="presentation">
+                    <svg aria-hidden="true" class="svg-icon iconPencil" width="18" height="18" viewBox="0 0 18 18"><path fill="#F1B600" d="m2 13.13 8.5-8.5 2.88 2.88-8.5 8.5H2z"></path><path fill="#E87C87" d="m13.68 2.15 2.17 2.17c.2.2.2.51 0 .71L14.5 6.39l-2.88-2.88 1.35-1.36c.2-.2.51-.2.71 0"></path></svg>
+                    Button
+                </button>
+                
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="" role="presentation">
+    
+    <div class="bl bc-black-250 h16 mb2"></div>
+    <div class="ta-center w100">Tonal focus</div>
+</div>
+
+            </div>
+        
+            <div class="ta-center">
+                <button class="s-btn s-btn__dropdown s-btn__icon s-btn__danger" role="presentation">
+                    <svg aria-hidden="true" class="svg-icon iconPencil" width="18" height="18" viewBox="0 0 18 18"><path fill="#F1B600" d="m2 13.13 8.5-8.5 2.88 2.88-8.5 8.5H2z"></path><path fill="#E87C87" d="m13.68 2.15 2.17 2.17c.2.2.2.51 0 .71L14.5 6.39l-2.88-2.88 1.35-1.36c.2-.2.51-.2.71 0"></path></svg>
+                    Button
+                </button>
+                
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="" role="presentation">
+    
+    <div class="bl bc-black-250 h16 mb2"></div>
+    <div class="ta-center w100">Danger default</div>
+</div>
+
+            </div>
+        
+            <div class="ta-center">
+                <button class="s-btn s-btn__dropdown s-btn__icon s-btn__danger focus-inset-bordered" role="presentation">
+                    <svg aria-hidden="true" class="svg-icon iconPencil" width="18" height="18" viewBox="0 0 18 18"><path fill="#F1B600" d="m2 13.13 8.5-8.5 2.88 2.88-8.5 8.5H2z"></path><path fill="#E87C87" d="m13.68 2.15 2.17 2.17c.2.2.2.51 0 .71L14.5 6.39l-2.88-2.88 1.35-1.36c.2-.2.51-.2.71 0"></path></svg>
+                    Button
+                </button>
+                
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="" role="presentation">
+    
+    <div class="bl bc-black-250 h16 mb2"></div>
+    <div class="ta-center w100">Danger focus</div>
+</div>
+
+            </div>
+        
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="meeting-level-aaa">Meeting level AAA</h3><a class="s-btn s-btn__clear" href="#meeting-level-aaa"><span class="v-visible-sr">Section titled Meeting level AAA</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <p class="docs-copy">Both focus rings are always 2px thick. This allows the focus state to meet <a href="https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance.html">WCAG 2.4.13 Focus Appearance (AAA)</a> standards for High Contrast mode. Whenever possible, the rings should be added to the inside of the component so we can better ensure that the rings don't get accidentally cut off by the surrounding layout (which helps us to meet <a href="https://www.w3.org/WAI/WCAG22/Understanding/focus-not-obscured-minimum.html">WCAG 2.4.11 Focus Not Obscured AA</a>). However, this does result in a padding reduction within the element, surrounding the text. When choosing to set the focus rings on the inside (inset), the component must have at least 4px of padding at the smallest size. This has been applied to buttons, navigation, and pagination.</p>
+
+    <p class="docs-copy">When the padding amount is not sufficient enough to support a double ring on the inside of the component, the rings are placed on the outside. The components included are tags, toggles, form elements (input fields, selects, radio/checkboxes…), block links and the editor.</p>
+
+
+    <div class="d-grid fw-wrap gx24 gy64 jc-space-evenly bg-black-100 bar-md mb16 mt32 py32 px8 grid__4 md:grid__2">
+        
+            <div class="ta-center">
+                
+                    <span class="s-tag " role="presentation">javascript</span>
+                
+
+                
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="" role="presentation">
+    
+    <div class="bl bc-black-250 h16 mb2"></div>
+    <div class="ta-center w100">Tag default</div>
+</div>
+
+            </div>
+        
+            <div class="ta-center">
+                
+                    <span class="s-tag focus-bordered" role="presentation">javascript</span>
+                
+
+                
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="" role="presentation">
+    
+    <div class="bl bc-black-250 h16 mb2"></div>
+    <div class="ta-center w100">Tag focus</div>
+</div>
+
+            </div>
+        
+            <div class="ta-center">
+                
+                    <input class="s-toggle-switch " type="checkbox" role="presentation">
+                
+
+                
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="" role="presentation">
+    
+    <div class="bl bc-black-250 h16 mb2"></div>
+    <div class="ta-center w100">Toggle default</div>
+</div>
+
+            </div>
+        
+            <div class="ta-center">
+                
+                    <input class="s-toggle-switch focus" type="checkbox" role="presentation">
+                
+
+                
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="" role="presentation">
+    
+    <div class="bl bc-black-250 h16 mb2"></div>
+    <div class="ta-center w100">Toggle focused</div>
+</div>
+
+            </div>
+        
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="consistent-style-patterns">Consistent style patterns</h3><a class="s-btn s-btn__clear" href="#consistent-style-patterns"><span class="v-visible-sr">Section titled Consistent style patterns</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="d-flex jc-space-between ai-end mb12"><h4 class="fl-grow1 mb0 lh-sm  fs-body3 fc-black-400" id="filled">Filled</h4><a class="s-btn s-btn__clear" href="#filled"><span class="v-visible-sr">Section titled Filled</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <p class="docs-copy">Any component that already has an existing background color that fills the shape will maintain its original fill color.</p>
+
+    <div class="d-grid fw-wrap gx24 gy64 jc-space-evenly bg-black-100 bar-md mb16 mt32 py32 px8 grid__4 md:grid__2">
+        
+            <div class="ta-center">
+                
+                    <div class="d-flex ai-center jc-center h32">
+                        <ul class="s-navigation" role="presentation">
+                            <li class="m-auto">
+                                <a href="#" class="s-navigation--item is-selected ">
+                                    <span class="s-navigation--item-text" data-text="Product">Product</span>
+                                </a>
+                            </li>
+                        </ul>
+                    </div>
+                
+
+                
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="" role="presentation">
+    
+    <div class="bl bc-black-250 h16 mb2"></div>
+    <div class="ta-center w100">Navigation active default</div>
+</div>
+
+            </div>
+        
+            <div class="ta-center">
+                
+                    <div class="d-flex ai-center jc-center h32">
+                        <ul class="s-navigation" role="presentation">
+                            <li class="m-auto">
+                                <a href="#" class="s-navigation--item is-selected focus-inset">
+                                    <span class="s-navigation--item-text" data-text="Product">Product</span>
+                                </a>
+                            </li>
+                        </ul>
+                    </div>
+                
+
+                
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="" role="presentation">
+    
+    <div class="bl bc-black-250 h16 mb2"></div>
+    <div class="ta-center w100">Navigation active focus</div>
+</div>
+
+            </div>
+        
+            <div class="ta-center">
+                
+                    
+                    <div class="d-flex ai-center jc-center h32">
+                        <div class="d-flex jc-space-around">
+                            <div class="s-toggle-switch s-toggle-switch__multiple">
+                                <input type="radio" name="toggle-(multi)-default" id="toggle-(multi)-default-four" checked="">
+                                <label for="four" class="s-toggle-switch--label-off ">Off</label>
+                                <input type="radio" name="toggle-(multi)-default" id="toggle-(multi)-default-one">
+                                <label for="one">Weekly</label>
+                            </div>
+                        </div>
+                    </div>
+                
+
+                
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="" role="presentation">
+    
+    <div class="bl bc-black-250 h16 mb2"></div>
+    <div class="ta-center w100">Toggle (multi) default</div>
+</div>
+
+            </div>
+        
+            <div class="ta-center">
+                
+                    
+                    <div class="d-flex ai-center jc-center h32">
+                        <div class="d-flex jc-space-around">
+                            <div class="s-toggle-switch s-toggle-switch__multiple">
+                                <input type="radio" name="toggle-(multi)-focused" id="toggle-(multi)-focused-four" checked="">
+                                <label for="four" class="s-toggle-switch--label-off focus-inset">Off</label>
+                                <input type="radio" name="toggle-(multi)-focused" id="toggle-(multi)-focused-one">
+                                <label for="one">Weekly</label>
+                            </div>
+                        </div>
+                    </div>
+                
+
+                
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="" role="presentation">
+    
+    <div class="bl bc-black-250 h16 mb2"></div>
+    <div class="ta-center w100">Toggle (multi) focused</div>
+</div>
+
+            </div>
+        
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h4 class="fl-grow1 mb0 lh-sm  fs-body3 fc-black-400" id="bordered">Bordered</h4><a class="s-btn s-btn__clear" href="#bordered"><span class="v-visible-sr">Section titled Bordered</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <p class="docs-copy">For components that have an existing border around the component when not in focus, a background fill color is added in addition to the focus rings. This ensures there’s a strong enough visual difference between the non-focus and focus state. These patterns are maintained across all components for consistency.</p>
+
+    <div class="d-grid fw-wrap gx24 gy64 jc-space-evenly bg-black-100 bar-md mb16 mt32 py32 px8 grid__4 md:grid__2">
+        
+            <div class="ta-center">
+                <div class="s-pagination">
+                    <span class="s-pagination--item m-auto " role="presentation">
+                        <span class="v-visible-sr">page</span>
+                        2
+                    </span>
+                </div>
+
+                
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="" role="presentation">
+    
+    <div class="bl bc-black-250 h16 mb2"></div>
+    <div class="ta-center w100">Pagination default</div>
+</div>
+
+            </div>
+        
+            <div class="ta-center">
+                <div class="s-pagination">
+                    <span class="s-pagination--item m-auto focus-inset-bordered" role="presentation">
+                        <span class="v-visible-sr">page</span>
+                        2
+                    </span>
+                </div>
+
+                
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="" role="presentation">
+    
+    <div class="bl bc-black-250 h16 mb2"></div>
+    <div class="ta-center w100">Pagination focus</div>
+</div>
+
+            </div>
+        
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h4 class="fl-grow1 mb0 lh-sm  fs-body3 fc-black-400" id="floating">Floating</h4><a class="s-btn s-btn__clear" href="#floating"><span class="v-visible-sr">Section titled Floating</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <p class="docs-copy">Components without an existing fill or border will only display the double rings on focus. Since the inner ring matches the background color in most cases, this will visually appear like a single ring around the perimeter of the component.</p>
+
+    <div class="d-grid fw-wrap gx24 gy64 jc-space-evenly bg-black-100 bar-md mb16 mt32 py32 px8 grid__4 md:grid__2">
+        
+            <div class="ta-center">
+                
+                    <div class="d-flex ai-center jc-center h32">
+                        
+                            <button class="s-btn s-btn__clear bar0 p1 s-btn__dropdown pr12" role="presentation">
+                                <svg aria-hidden="true" class="svg-icon iconHeader" width="18" height="18" viewBox="0 0 18 18"><path d="M13.62 10.08 12.1 4.66h-.06l-1.5 5.42zM5.7 11.13 4.53 7.02h-.08l-1.13 4.11zM17.31 15h-2.25l-.95-3.25h-4.07L9.09 15H6.84l-.69-2.33H2.87L2.17 15H0l3.3-9.59h2.5l2.17 6.34L10.86 3h2.52l3.94 12z"></path></svg>
+                                <span class="v-visible-sr">[object Object]</span>
+                            </button>
+                        
+                            <button class="s-btn s-btn__clear bar0 p1 " role="presentation">
+                                <svg aria-hidden="true" class="svg-icon iconBold" width="18" height="18" viewBox="0 0 18 18"><path d="M13 6c0-1.5-1.57-3-3.5-3H4v12h6.25c1.79 0 3.25-1.71 3.25-3.5 0-1.3-.9-2.48-2-3 .83-.58 1.5-1 1.5-2.5M6.5 5H9a1.5 1.5 0 0 1 0 3H6.5zm3 8h-3v-3h3a1.5 1.5 0 1 1 0 3"></path></svg>
+                                <span class="v-visible-sr">[object Object]</span>
+                            </button>
+                        
+                            <button class="s-btn s-btn__clear bar0 p1 " role="presentation">
+                                <svg aria-hidden="true" class="svg-icon iconItalic" width="18" height="18" viewBox="0 0 18 18"><path d="M7 3v2h2.58l-3.66 8H3v2h8v-2H8.42l3.66-8H15V3z"></path></svg>
+                                <span class="v-visible-sr">[object Object]</span>
+                            </button>
+                        
+                            <button class="s-btn s-btn__clear bar0 p1 " role="presentation">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconCode" aria-hidden="true"><path d="M12.8 3.56 8.63 16.89l-1.43-.45 4.17-13.33zM5.53 7.2 2.73 10l2.8 2.8-1.06 1.06-3.33-3.33a.75.75 0 0 1 0-1.06l3.33-3.33zm13.33 2.27c.3.3.3.77 0 1.06l-3.33 3.33-1.06-1.06 2.8-2.8-2.8-2.8 1.06-1.06z"></path></svg>
+                                <span class="v-visible-sr">[object Object]</span>
+                            </button>
+                        
+                            <button class="s-btn s-btn__clear bar0 p1 " role="presentation">
+                                <svg aria-hidden="true" class="svg-icon iconStrikethrough" width="18" height="18" viewBox="0 0 18 18"><path d="M11.96 6.2a4 4 0 0 0-1.19-.7q-.44-.2-.96-.34a4 4 0 0 0-1.05-.13q-.96 0-1.43.35t-.47.99q0 .36.17.62l.01.01H4.5v-.26q0-.9.33-1.61.33-.7.92-1.18.6-.46 1.4-.7a6.4 6.4 0 0 1 4 .15q1.05.4 1.84.92zM3 8v2h5.02l1.1.32q.58.17.98.37t.62.47a1 1 0 0 1 .22.65q0 1.23-1.91 1.22-.69 0-1.34-.16a8 8 0 0 1-2.13-.9 4 4 0 0 1-.54-.4l-1.02 2q1.04.74 2.35 1.14 1.3.4 2.64.4.88 0 1.66-.18.8-.2 1.4-.62.63-.41.98-1.1.37-.68.37-1.63a3 3 0 0 0-.38-1.58H15V8z"></path></svg>
+                                <span class="v-visible-sr">[object Object]</span>
+                            </button>
+                        
+                    </div>
+                
+
+                
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="" role="presentation">
+    
+    <div class="bl bc-black-250 h16 mb2"></div>
+    <div class="ta-center w100">Editor icon default</div>
+</div>
+
+            </div>
+        
+            <div class="ta-center">
+                
+                    <div class="d-flex ai-center jc-center h32">
+                        
+                            <button class="s-btn s-btn__clear bar0 p1 s-btn__dropdown pr12" role="presentation">
+                                <svg aria-hidden="true" class="svg-icon iconHeader" width="18" height="18" viewBox="0 0 18 18"><path d="M13.62 10.08 12.1 4.66h-.06l-1.5 5.42zM5.7 11.13 4.53 7.02h-.08l-1.13 4.11zM17.31 15h-2.25l-.95-3.25h-4.07L9.09 15H6.84l-.69-2.33H2.87L2.17 15H0l3.3-9.59h2.5l2.17 6.34L10.86 3h2.52l3.94 12z"></path></svg>
+                                <span class="v-visible-sr">[object Object]</span>
+                            </button>
+                        
+                            <button class="s-btn s-btn__clear bar0 p1 focus-bordered fc-black" role="presentation">
+                                <svg aria-hidden="true" class="svg-icon iconBold" width="18" height="18" viewBox="0 0 18 18"><path d="M13 6c0-1.5-1.57-3-3.5-3H4v12h6.25c1.79 0 3.25-1.71 3.25-3.5 0-1.3-.9-2.48-2-3 .83-.58 1.5-1 1.5-2.5M6.5 5H9a1.5 1.5 0 0 1 0 3H6.5zm3 8h-3v-3h3a1.5 1.5 0 1 1 0 3"></path></svg>
+                                <span class="v-visible-sr">[object Object]</span>
+                            </button>
+                        
+                            <button class="s-btn s-btn__clear bar0 p1 " role="presentation">
+                                <svg aria-hidden="true" class="svg-icon iconItalic" width="18" height="18" viewBox="0 0 18 18"><path d="M7 3v2h2.58l-3.66 8H3v2h8v-2H8.42l3.66-8H15V3z"></path></svg>
+                                <span class="v-visible-sr">[object Object]</span>
+                            </button>
+                        
+                            <button class="s-btn s-btn__clear bar0 p1 " role="presentation">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconCode" aria-hidden="true"><path d="M12.8 3.56 8.63 16.89l-1.43-.45 4.17-13.33zM5.53 7.2 2.73 10l2.8 2.8-1.06 1.06-3.33-3.33a.75.75 0 0 1 0-1.06l3.33-3.33zm13.33 2.27c.3.3.3.77 0 1.06l-3.33 3.33-1.06-1.06 2.8-2.8-2.8-2.8 1.06-1.06z"></path></svg>
+                                <span class="v-visible-sr">[object Object]</span>
+                            </button>
+                        
+                            <button class="s-btn s-btn__clear bar0 p1 " role="presentation">
+                                <svg aria-hidden="true" class="svg-icon iconStrikethrough" width="18" height="18" viewBox="0 0 18 18"><path d="M11.96 6.2a4 4 0 0 0-1.19-.7q-.44-.2-.96-.34a4 4 0 0 0-1.05-.13q-.96 0-1.43.35t-.47.99q0 .36.17.62l.01.01H4.5v-.26q0-.9.33-1.61.33-.7.92-1.18.6-.46 1.4-.7a6.4 6.4 0 0 1 4 .15q1.05.4 1.84.92zM3 8v2h5.02l1.1.32q.58.17.98.37t.62.47a1 1 0 0 1 .22.65q0 1.23-1.91 1.22-.69 0-1.34-.16a8 8 0 0 1-2.13-.9 4 4 0 0 1-.54-.4l-1.02 2q1.04.74 2.35 1.14 1.3.4 2.64.4.88 0 1.66-.18.8-.2 1.4-.62.63-.41.98-1.1.37-.68.37-1.63a3 3 0 0 0-.38-1.58H15V8z"></path></svg>
+                                <span class="v-visible-sr">[object Object]</span>
+                            </button>
+                        
+                    </div>
+                
+
+                
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="" role="presentation">
+    
+    <div class="bl bc-black-250 h16 mb2"></div>
+    <div class="ta-center w100">Editor icon focus</div>
+</div>
+
+            </div>
+        
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h4 class="fl-grow1 mb0 lh-sm  fs-body3 fc-black-400" id="exceptions">Exceptions</h4><a class="s-btn s-btn__clear" href="#exceptions"><span class="v-visible-sr">Section titled Exceptions</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <p class="docs-copy">The exceptions to this pattern are the <code>Clear</code> button variations. All buttons display a background fill layer when in focus. <code>Clear</code>, <code>Outline</code> and <code>Filled</code> styles will all look the same when in focus. The fill color was chosen to match the existing <code>Filled</code> style.</p>
+
+    <div class="d-grid fw-wrap gx24 gy64 jc-space-evenly bg-black-100 bar-md mb16 mt32 py32 px8 grid__4 md:grid__2">
+        
+            <div class="ta-center">
+                
+                    <button class="s-btn s-btn__dropdown s-btn__icon " role="presentation">
+                        <svg aria-hidden="true" class="svg-icon iconPencil" width="18" height="18" viewBox="0 0 18 18"><path fill="#F1B600" d="m2 13.13 8.5-8.5 2.88 2.88-8.5 8.5H2z"></path><path fill="#E87C87" d="m13.68 2.15 2.17 2.17c.2.2.2.51 0 .71L14.5 6.39l-2.88-2.88 1.35-1.36c.2-.2.51-.2.71 0"></path></svg> Button
+                    </button>
+                
+
+                
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="" role="presentation">
+    
+    <div class="bl bc-black-250 h16 mb2"></div>
+    <div class="ta-center w100">Clear default</div>
+</div>
+
+            </div>
+        
+            <div class="ta-center">
+                
+                    <button class="s-btn s-btn__dropdown s-btn__icon focus-inset-bordered" role="presentation">
+                        <svg aria-hidden="true" class="svg-icon iconPencil" width="18" height="18" viewBox="0 0 18 18"><path fill="#F1B600" d="m2 13.13 8.5-8.5 2.88 2.88-8.5 8.5H2z"></path><path fill="#E87C87" d="m13.68 2.15 2.17 2.17c.2.2.2.51 0 .71L14.5 6.39l-2.88-2.88 1.35-1.36c.2-.2.51-.2.71 0"></path></svg> Button
+                    </button>
+                
+
+                
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="" role="presentation">
+    
+    <div class="bl bc-black-250 h16 mb2"></div>
+    <div class="ta-center w100">Clear focus</div>
+</div>
+
+            </div>
+        
+            <div class="ta-center">
+                
+                    <button class="s-btn s-btn__dropdown s-btn__icon s-btn__tonal" role="presentation">
+                        <svg aria-hidden="true" class="svg-icon iconPencil" width="18" height="18" viewBox="0 0 18 18"><path fill="#F1B600" d="m2 13.13 8.5-8.5 2.88 2.88-8.5 8.5H2z"></path><path fill="#E87C87" d="m13.68 2.15 2.17 2.17c.2.2.2.51 0 .71L14.5 6.39l-2.88-2.88 1.35-1.36c.2-.2.51-.2.71 0"></path></svg> Button
+                    </button>
+                
+
+                
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="" role="presentation">
+    
+    <div class="bl bc-black-250 h16 mb2"></div>
+    <div class="ta-center w100">Tonal default</div>
+</div>
+
+            </div>
+        
+            <div class="ta-center">
+                
+                    <button class="s-btn s-btn__dropdown s-btn__icon s-btn__tonal focus-inset-bordered" role="presentation">
+                        <svg aria-hidden="true" class="svg-icon iconPencil" width="18" height="18" viewBox="0 0 18 18"><path fill="#F1B600" d="m2 13.13 8.5-8.5 2.88 2.88-8.5 8.5H2z"></path><path fill="#E87C87" d="m13.68 2.15 2.17 2.17c.2.2.2.51 0 .71L14.5 6.39l-2.88-2.88 1.35-1.36c.2-.2.51-.2.71 0"></path></svg> Button
+                    </button>
+                
+
+                
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="" role="presentation">
+    
+    <div class="bl bc-black-250 h16 mb2"></div>
+    <div class="ta-center w100">Tonal default focus</div>
+</div>
+
+            </div>
+        
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="browser-default">Browser default</h3><a class="s-btn s-btn__clear" href="#browser-default"><span class="v-visible-sr">Section titled Browser default</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <p class="docs-copy">Some focusable elements and Stacks components currently do not include custom focus styling. These elements will instead render the browser-default focus indicators.</p>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="viewport-size">Viewport size</h2><a class="s-btn s-btn__clear" href="#viewport-size"><span class="v-visible-sr">Section titled Viewport size</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <p class="docs-copy">
+        All Stack Overflow products must conform to the <a class="s-link" href="https://www.w3.org/WAI/WCAG22/Understanding/reflow.html">WCAG 2.2 <abbr title="Success Criteria">SC</abbr> 1.4.10: Reflow</a>. This requires that our product UIs support viewports as small as <b>320px x 256px</b> without requiring the user scrolling in multiple dimensions (unless an element requires it for usage or meaning). Very few users will ever use a viewport this small, but it's important to support it so users can zoom in up to 400% and still have a usable experience. At 400% zoom, a 320x256 viewport translates to 1280x1024, which is a common resolution for many users. Supporting this small viewport size ensures that users with low vision can still use our products effectively.
+    </p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="exceptions">Exceptions</h3><a class="s-btn s-btn__clear" href="#exceptions"><span class="v-visible-sr">Section titled Exceptions</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">
+        There are some exceptions to this rule. Some elements such as tables and videos may require horizontal scrolling on small viewports. In these cases, it's acceptable to require scrolling in two dimensions. See the <a class="s-link" href="https://www.w3.org/WAI/WCAG22/Understanding/reflow.html#content-exceptions-for-reflow">WCAG 2.2 documentation on Reflow</a> for detailed guidance.
+    </p>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="landmarks">Landmarks</h2><a class="s-btn s-btn__clear" href="#landmarks"><span class="v-visible-sr">Section titled Landmarks</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <p class="docs-copy">
+        <a class="s-link" href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/landmark_role">ARIA landmarks</a> should be used across Stack Overflow product pages to provide clear navigation structures for users relying on assistive technologies.
+        Landmarks are inserted into the page explictly using the <code>role</code> attribute on an element (e.g. <code>role="search"</code>, etc...) or by leveraging semantic HTML (e.g. an <code>header</code> element is given automatically the <code>banner</code> landmark).<br>
+        Using semantic HTML elements should be preferred over using the <code>role</code> attribute whenever possible.
+    </p>
+    <p class="docs-copy">For a comprehensive guide on using ARIA landmark roles refer to:</p>
+    <ul class="docs-copy">
+       <li><a class="s-link" href="https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA11">WCAG ARIA11 Technique</a></li>
+       <li><a class="s-link" href="https://developer.mozilla.org/en-US/blog/aria-accessibility-html-landmark-roles">Using HTML landmark roles to improve accessibility</a></li>
+       <li><a class="s-link" href="https://matatk.agrip.org.uk/landmarks">Landmarks Browser Extension</a></li>
+    </ul>
+</section>
+
+
+            <!-- <div class="d-flex my48 pt24">
+                <div class="mr16">
+                    
+                    <form
+                        id="quick-positive-feedback-accessibility"
+                        class="js-feedback-form v-hidden"
+                        name="quick-positive-feedback-accessibility"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <form
+                        id="quick-negative-feedback-accessibility"
+                        class="js-feedback-form v-hidden"
+                        name="quick-negative-feedback-accessibility"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-positive"
+                        role="tooltip">
+                        <div class="s-popover--content">This page is useful</div>
+                    </div>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-negative"
+                        role="tooltip">
+                        <div class="s-popover--content">This page needs improvement</div>
+                    </div>
+                    <div id="vote-feedback" class="s-vote">
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-positive-feedback-accessibility"
+                            aria-describedby="tooltip-feedback-positive"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUp" aria-hidden="true"><path d="M10 3q.41.02.64.36l6.9 11.5a.75.75 0 1 1-1.28.78L10 5.21l-5.58 9.3h8.04v-.01h1.1l.97 1.5H3.1a.75.75 0 0 1-.65-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUpFill" aria-hidden="true"><path d="M10 3h.1a1 1 0 0 1 .42.21l.12.15 6.9 11.5.05.09v.03l.02.04q.04.12.04.26v.03q0 .13-.07.25v.02l-.03.04a1 1 0 0 1-.2.23l-.06.05-.04.01-.04.03-.04.01a1 1 0 0 1-.27.05H3a.75.75 0 0 1-.55-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="v-visible-sr">upvote</span>
+                        </button>
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-negative-feedback-accessibility"
+                            aria-describedby="tooltip-feedback-negative"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDown" aria-hidden="true"><path d="M10 16a.8.8 0 0 1-.64-.36l-6.9-11.5a.75.75 0 1 1 1.28-.78L10 13.8l5.58-9.3H6.44L5.47 3H16.9a.75.75 0 0 1 .65 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDownFill" aria-hidden="true"><path d="M10 16h-.1l-.1-.02a.8.8 0 0 1-.45-.34l-6.9-11.5-.04-.08-.01-.04L2.39 4a1 1 0 0 1-.04-.26V3.7q0-.14.06-.26l.01-.02.02-.04a1 1 0 0 1 .27-.27l.03-.02.05-.02.04-.02A1 1 0 0 1 3.1 3H17a.75.75 0 0 1 .54 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="v-visible-sr">downvote</span>
+                        </button>
+                    </div>
+                </div>
+
+                <form
+                    class="w100 js-feedback-form"
+                    name="feedback-accessibility"
+                    method="POST"
+                    data-netlify="true"
+                    action="/success">
+                    <fieldset class="d-flex fd-column fl-grow1 g16">
+                        <legend class="fs-title fw-bold">How’d we do?</legend>
+                        <div class="fs-body2">Anonymously upvote, downvote, or send additional feedback below.</div>
+
+                        <textarea
+                            class="s-textarea hmn1"
+                            id="feedback-form"
+                            name="additional-feedback"
+                            placeholder="Tell us how we can improve this page…" required></textarea>
+
+                        <div class="d-flex ai-center fd-row-reverse g8 jc-space-between mln6 sm:d-grid sm:grid__1 sm:ml0">
+                            <button
+                                type="submit"
+                                class="s-btn as-start fl-shrink0">
+                                Send feedback
+                            </button>
+                            <div class="d-flex fw-wrap g8 sm:d-grid sm:grid__1">
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/edit/develop/packages/stacks-docs/./product/foundation/accessibility.html"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    <svg aria-hidden="true" class="svg-icon iconPencilSm" width="14" height="14"  viewBox="0 0 14 14"><path fill="#F1B600" d="m2 10.12 6.37-6.43 1.88 1.88L3.88 12H2z"/><path fill="#E87C87" d="m11.1 1.71 1.13 1.12c.2.2.2.51 0 .71L11.1 4.7 9.21 2.86l1.17-1.15c.2-.2.51-.2.71 0"/></svg>
+                                    Edit
+                                </a>
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/issues/new/choose"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    File an issue
+                                </a>
+                            </div>
+                        </div>
+                    </fieldset>
+                </form>
+            </div> -->
+
+            <!-- <div class="ta-right">
+                <a href="https://www.netlify.com"><img src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg" alt="Deploys by Netlify" /></a>
+            </div> -->
diff --git a/packages/stacks-docs-next/src/docs/public/system/foundation/color-fundamentals.md b/packages/stacks-docs-next/src/docs/public/system/foundation/color-fundamentals.md
new file mode 100644
index 0000000000..fed6f42b65
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/foundation/color-fundamentals.md
@@ -0,0 +1,3953 @@
+---
+title: "Color fundamentals"
+description: "Color is used distinguish our brand, convey meaning, and invoke emotions. A color palette ensures a familiar and consistent experience across our products."
+figma: "https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=34-14788"
+---
+
+<div class="lg:pr24 sm:pr0">
+    <section class="docs-section">
+        <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="palette">Palette</h2><a class="s-btn s-btn__clear" href="#palette"><span class="v-visible-sr">Section titled Palette</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="neutral-colors">Neutral colors</h3><a class="s-btn s-btn__clear" href="#neutral-colors"><span class="v-visible-sr">Section titled Neutral colors</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        <p class="docs-copy">
+            The neutral palette consists of black, white, and grays. The neutral palette is dominant in our UI, using subtle shifts in value to create hierarchy and organize content.
+        </p>
+        
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+    <div class="d-flex overflow-hidden bar-md">
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-050 fc-medium fs-body2 box-content w100 h128 pt24 pb32" style="">
+              <span class="v-visible-sr">black-050</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-100 fc-medium fs-body2 box-content w100 h128 pt24 pb32" style="">
+              <span class="v-visible-sr">black-100</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-150 fc-medium fs-body2 box-content w100 h128 pt24 pb32" style="">
+              <span class="v-visible-sr">black-150</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-200 fc-medium fs-body2 box-content w100 h128 pt24 pb32" style="">
+              <span class="v-visible-sr">black-200</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-225 fc-medium fs-body2 box-content w100 h128 pt24 pb32" style="">
+              <span class="v-visible-sr">black-225</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-250 fc-medium fs-body2 box-content w100 h128 pt24 pb32" style="">
+              <span class="v-visible-sr">black-250</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-300 fc-medium fs-body2 box-content w100 h128 pt24 pb32" style="">
+              <span class="v-visible-sr">black-300</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-350 fc-medium fs-body2 box-content w100 h128 pt24 pb32" style="">
+              <span class="v-visible-sr">black-350</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-black-400 fc-white fs-body2 box-content w100 h128 pt24 pb32" style="">
+              <span class="v-visible-sr">black-400</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-black-500 fc-white fs-body2 box-content w100 h128 pt24 pb32" style="">
+              <span class="v-visible-sr">black-500</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-black-600 fc-white fs-body2 box-content w100 h128 pt24 pb32" style="">
+              <span class="v-visible-sr">black-600</span>
+              
+          </div>
+        
+      
+        
+      
+    </div>
+  
+
+  
+
+    </section>
+
+    <section class="docs-section">
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="saturated-colors">Saturated colors</h3><a class="s-btn s-btn__clear" href="#saturated-colors"><span class="v-visible-sr">Section titled Saturated colors</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        <p class="docs-copy">
+            Stacks uses 5 colors with 6 stops per color. Colors are used sparingly and intentionally to convey meaning, draw attention to UI, or create associations.
+        </p>
+        <div class="d-flex sm:fd-column bar-md overflow-hidden">
+            
+            
+                
+                
+                <div class="bg-black-100 overflow-hidden p64 sm:p48 w100 theme-light__forced">
+                    <div class="bar-md overflow-hidden">
+                        
+                            
+                        
+                            
+                        
+                            
+                                
+  
+
+  
+
+  
+    <div class="d-flex overflow-hidden fd-row-reverse">
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-orange-100 fc-medium fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">orange-100</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-orange-200 fc-medium fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">orange-200</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-orange-300 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">orange-300</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-orange-400 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">orange-400</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-orange-500 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">orange-500</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-orange-600 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">orange-600</span>
+              
+          </div>
+        
+      
+    </div>
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+                            
+                        
+                            
+                                
+  
+
+  
+
+  
+
+  
+    <div class="d-flex overflow-hidden fd-row-reverse">
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-blue-100 fc-medium fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">blue-100</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-blue-200 fc-medium fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">blue-200</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-blue-300 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">blue-300</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-blue-400 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">blue-400</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-blue-500 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">blue-500</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-blue-600 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">blue-600</span>
+              
+          </div>
+        
+      
+    </div>
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+                            
+                        
+                            
+                                
+  
+
+  
+
+  
+
+  
+
+  
+    <div class="d-flex overflow-hidden fd-row-reverse">
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-green-100 fc-medium fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">green-100</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-green-200 fc-medium fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">green-200</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-green-300 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">green-300</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-green-400 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">green-400</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-green-500 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">green-500</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-green-600 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">green-600</span>
+              
+          </div>
+        
+      
+    </div>
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+                            
+                        
+                            
+                                
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+    <div class="d-flex overflow-hidden fd-row-reverse">
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-red-100 fc-medium fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">red-100</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-red-200 fc-medium fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">red-200</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-red-300 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">red-300</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-red-400 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">red-400</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-red-500 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">red-500</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-red-600 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">red-600</span>
+              
+          </div>
+        
+      
+    </div>
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+                            
+                        
+                            
+                                
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+    <div class="d-flex overflow-hidden fd-row-reverse">
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-yellow-100 fc-medium fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">yellow-100</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-yellow-200 fc-medium fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">yellow-200</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-yellow-300 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">yellow-300</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-yellow-400 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">yellow-400</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-yellow-500 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">yellow-500</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-yellow-600 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">yellow-600</span>
+              
+          </div>
+        
+      
+    </div>
+  
+
+  
+
+  
+
+  
+
+  
+
+                            
+                        
+                            
+                                
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+    <div class="d-flex overflow-hidden fd-row-reverse">
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-purple-100 fc-medium fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">purple-100</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-purple-200 fc-medium fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">purple-200</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-purple-300 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">purple-300</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-purple-400 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">purple-400</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-purple-500 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">purple-500</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-purple-600 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">purple-600</span>
+              
+          </div>
+        
+      
+    </div>
+  
+
+  
+
+  
+
+  
+
+                            
+                        
+                            
+                                
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+    <div class="d-flex overflow-hidden fd-row-reverse">
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-pink-100 fc-medium fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">pink-100</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-pink-200 fc-medium fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">pink-200</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-pink-300 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">pink-300</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-pink-400 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">pink-400</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-pink-500 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">pink-500</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-pink-600 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">pink-600</span>
+              
+          </div>
+        
+      
+    </div>
+  
+
+  
+
+  
+
+                            
+                        
+                            
+                        
+                            
+                        
+                    </div>
+                </div>
+            
+                
+                
+                    
+                
+                <div class="bg-white overflow-hidden p64 sm:p48 w100 theme-dark__forced">
+                    <div class="bar-md overflow-hidden">
+                        
+                            
+                        
+                            
+                        
+                            
+                                
+  
+
+  
+
+  
+    <div class="d-flex overflow-hidden fd-row-reverse">
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-orange-100 fc-medium fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">orange-100</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-orange-200 fc-medium fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">orange-200</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-orange-300 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">orange-300</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-orange-400 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">orange-400</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-orange-500 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">orange-500</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-orange-600 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">orange-600</span>
+              
+          </div>
+        
+      
+    </div>
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+                            
+                        
+                            
+                                
+  
+
+  
+
+  
+
+  
+    <div class="d-flex overflow-hidden fd-row-reverse">
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-blue-100 fc-medium fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">blue-100</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-blue-200 fc-medium fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">blue-200</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-blue-300 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">blue-300</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-blue-400 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">blue-400</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-blue-500 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">blue-500</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-blue-600 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">blue-600</span>
+              
+          </div>
+        
+      
+    </div>
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+                            
+                        
+                            
+                                
+  
+
+  
+
+  
+
+  
+
+  
+    <div class="d-flex overflow-hidden fd-row-reverse">
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-green-100 fc-medium fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">green-100</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-green-200 fc-medium fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">green-200</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-green-300 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">green-300</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-green-400 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">green-400</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-green-500 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">green-500</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-green-600 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">green-600</span>
+              
+          </div>
+        
+      
+    </div>
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+                            
+                        
+                            
+                                
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+    <div class="d-flex overflow-hidden fd-row-reverse">
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-red-100 fc-medium fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">red-100</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-red-200 fc-medium fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">red-200</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-red-300 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">red-300</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-red-400 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">red-400</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-red-500 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">red-500</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-red-600 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">red-600</span>
+              
+          </div>
+        
+      
+    </div>
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+                            
+                        
+                            
+                                
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+    <div class="d-flex overflow-hidden fd-row-reverse">
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-yellow-100 fc-medium fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">yellow-100</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-yellow-200 fc-medium fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">yellow-200</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-yellow-300 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">yellow-300</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-yellow-400 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">yellow-400</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-yellow-500 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">yellow-500</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-yellow-600 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">yellow-600</span>
+              
+          </div>
+        
+      
+    </div>
+  
+
+  
+
+  
+
+  
+
+  
+
+                            
+                        
+                            
+                                
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+    <div class="d-flex overflow-hidden fd-row-reverse">
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-purple-100 fc-medium fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">purple-100</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-purple-200 fc-medium fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">purple-200</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-purple-300 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">purple-300</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-purple-400 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">purple-400</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-purple-500 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">purple-500</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-purple-600 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">purple-600</span>
+              
+          </div>
+        
+      
+    </div>
+  
+
+  
+
+  
+
+  
+
+                            
+                        
+                            
+                                
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+    <div class="d-flex overflow-hidden fd-row-reverse">
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-pink-100 fc-medium fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">pink-100</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-pink-200 fc-medium fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">pink-200</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-pink-300 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">pink-300</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-pink-400 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">pink-400</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-pink-500 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">pink-500</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-pink-600 fc-white fs-body2 box-content w100 h-auto" style="aspect-ratio: 1/1">
+              <span class="v-visible-sr">pink-600</span>
+              
+          </div>
+        
+      
+    </div>
+  
+
+  
+
+  
+
+                            
+                        
+                            
+                        
+                            
+                        
+                    </div>
+                </div>
+            
+        </div>
+    </section>
+
+    <section class="docs-section">
+        <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="usage">Usage</h2><a class="s-btn s-btn__clear" href="#usage"><span class="v-visible-sr">Section titled Usage</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="color-roles">Color roles</h3><a class="s-btn s-btn__clear" href="#color-roles"><span class="v-visible-sr">Section titled Color roles</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        <p class="docs-copy">
+            Color roles describe the intention behind the color.
+        </p>
+        
+            
+                <div class="overflow-x-auto mb48" tabindex="0">
+                    <table class="docs-table s-table s-table__bx-simple s-table__condensed va-middle fs-caption">
+                        <thead>
+                            <tr>
+                                <th scope="col" width="36px">Role</th>
+                                <th scope="col" width="36px"></th>
+                                <th scope="col">Description</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            
+                                <tr class="fs-body1">
+                                    <th scope="row">
+                                        
+
+
+  
+
+
+<span class="bg-black-400 h32 w32 d-inline-block bar-md ">
+  <span class="v-visible-sr">black-400</span>
+</span>
+
+                                    </th>
+                                    <td>
+                                        Neutral
+                                    </td>
+                                    <td>
+                                        Use for text and secondary UI elements, such as buttons
+                                    </td>
+                                </tr>
+                            
+                                <tr class="fs-body1">
+                                    <th scope="row">
+                                        
+
+
+  
+
+
+<span class="bg-theme-secondary h32 w32 d-inline-block bar-md ">
+  <span class="v-visible-sr">theme-secondary</span>
+</span>
+
+                                    </th>
+                                    <td>
+                                        Primary
+                                    </td>
+                                    <td>
+                                        Use for primary actions
+                                    </td>
+                                </tr>
+                            
+                                <tr class="fs-body1">
+                                    <th scope="row">
+                                        
+
+
+  
+
+
+<span class="bg-theme-primary h32 w32 d-inline-block bar-md ">
+  <span class="v-visible-sr">theme-primary</span>
+</span>
+
+                                    </th>
+                                    <td>
+                                        Accent
+                                    </td>
+                                    <td>
+                                        Use for UI that either relates to the brand or doesn’t have a specific meaning tied to it.
+                                    </td>
+                                </tr>
+                            
+                                <tr class="fs-body1">
+                                    <th scope="row">
+                                        
+
+
+  
+
+
+<span class="bg-blue-400 h32 w32 d-inline-block bar-md ">
+  <span class="v-visible-sr">blue-400</span>
+</span>
+
+                                    </th>
+                                    <td>
+                                        Information
+                                    </td>
+                                    <td>
+                                        Use for UI to communicate information that you’d like the user to be aware of
+                                    </td>
+                                </tr>
+                            
+                                <tr class="fs-body1">
+                                    <th scope="row">
+                                        
+
+
+  
+
+
+<span class="bg-success h32 w32 d-inline-block bar-md ">
+  <span class="v-visible-sr">success</span>
+</span>
+
+                                    </th>
+                                    <td>
+                                        Success
+                                    </td>
+                                    <td>
+                                        Use for UI to communicate a successful action has taken place
+                                    </td>
+                                </tr>
+                            
+                                <tr class="fs-body1">
+                                    <th scope="row">
+                                        
+
+
+  
+
+
+<span class="bg-warning h32 w32 d-inline-block bar-md ">
+  <span class="v-visible-sr">warning</span>
+</span>
+
+                                    </th>
+                                    <td>
+                                        Warning
+                                    </td>
+                                    <td>
+                                        Use for UI that communicates a user should proceed with caution
+                                    </td>
+                                </tr>
+                            
+                                <tr class="fs-body1">
+                                    <th scope="row">
+                                        
+
+
+  
+
+
+<span class="bg-danger h32 w32 d-inline-block bar-md ">
+  <span class="v-visible-sr">danger</span>
+</span>
+
+                                    </th>
+                                    <td>
+                                        Danger
+                                    </td>
+                                    <td>
+                                        Use for UI that communicates the user has encountered danger or an error
+                                    </td>
+                                </tr>
+                            
+                                <tr class="fs-body1">
+                                    <th scope="row">
+                                        
+
+
+  
+
+
+<span class="bg-purple-400 h32 w32 d-inline-block bar-md ">
+  <span class="v-visible-sr">purple-400</span>
+</span>
+
+                                    </th>
+                                    <td>
+                                        Discovery
+                                    </td>
+                                    <td>
+                                        Use for UI that depicts something new, such as onboarding or a new feature 
+                                    </td>
+                                </tr>
+                            
+                        </tbody>
+                    </table>
+                </div>
+            
+        
+    </section>
+
+    <section class="docs-section">
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="backgrounds">Backgrounds</h3><a class="s-btn s-btn__clear" href="#backgrounds"><span class="v-visible-sr">Section titled Backgrounds</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        <div class="d-flex fd-column bg-black-100 bar-md p32">
+            
+
+
+
+
+
+
+  
+
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mb8 fd-column-reverse sm:d-none" style="margin-left: calc((1.5/11) * 100%)" role="presentation">
+    
+    <div class="bl bc-black-250 h12 mb2"></div>
+    <div class="ta-center w100">Default background color</div>
+</div>
+
+            
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+    <div class="d-flex overflow-hidden bar-md sm:fd-column">
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-050 fc-medium fs-body2 box-content w100 h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-050</span>
+              
+                  <div class="mr16 md:mr0 sm:mr16">50</div>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-100 fc-medium fs-body2 box-content w100 h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-100</span>
+              
+                  <div class="mr16 md:mr0 sm:mr16">100</div>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-150 fc-medium fs-body2 box-content w100 h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-150</span>
+              
+                  <div class="mr16 md:mr0 sm:mr16">150</div>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-200 fc-medium fs-body2 box-content w100 h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-200</span>
+              
+                  <div class="mr16 md:mr0 sm:mr16">200</div>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-225 fc-medium fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-225</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-250 fc-medium fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-250</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-300 fc-medium fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-300</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-350 fc-medium fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-350</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-black-400 fc-white fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-400</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-black-500 fc-white fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-500</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-black-600 fc-white fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-600</span>
+              
+          </div>
+        
+      
+        
+      
+    </div>
+  
+
+  
+
+            
+
+
+
+
+
+
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column sm:d-none" style="width: calc((4/11) * 100%)" role="presentation">
+    
+        <div class="ba btw0 bc-black-250 h12 w100"></div>
+    
+    <div class="bl bc-black-250 h12 mb2"></div>
+    <div class="ta-center w100">Background layers</div>
+</div>
+
+        </div>
+        <p class="docs-copy">
+            Stops 50 through 200 are used for background layers
+        </p>
+    </section>
+
+    <section class="docs-section">
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="borders">Borders</h3><a class="s-btn s-btn__clear" href="#borders"><span class="v-visible-sr">Section titled Borders</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        <div class="d-flex fd-column bg-black-100 bar-md p32">
+            
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+    <div class="d-flex overflow-hidden bar-md sm:fd-column">
+      
+        
+          
+          
+          
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-050 fc-medium fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-050</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-100 fc-medium fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-100</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-150 fc-medium fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-150</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-200 fc-medium fs-body2 box-content w100 h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-200</span>
+              
+                  <div class="mr16 md:mr0 sm:mr16">200</div>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-225 fc-medium fs-body2 box-content w100 h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-225</span>
+              
+                  <div class="mr16 md:mr0 sm:mr16">225</div>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-250 fc-medium fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-250</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-300 fc-medium fs-body2 box-content w100 h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-300</span>
+              
+                  <div class="mr16 md:mr0 sm:mr16">300</div>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-350 fc-medium fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-350</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-black-400 fc-white fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-400</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-black-500 fc-white fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-500</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-black-600 fc-white fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-600</span>
+              
+          </div>
+        
+      
+        
+      
+    </div>
+  
+
+  
+
+            <div class="d-flex w100">
+                
+
+
+
+
+
+
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column sm:d-none" style="margin-left: calc((3/11) * 100%); width: calc((2/11) * 100%)" role="presentation">
+    
+        <div class="ba btw0 bc-black-250 h12 w100"></div>
+    
+    <div class="bl bc-black-250 h12 mb2"></div>
+    <div class="ta-center w100">Decorative borders</div>
+</div>
+
+                
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column sm:d-none" style="margin-left: calc((1/11) * 100%); min-width: calc((1/11) * 100%)" role="presentation">
+    
+    <div class="bl bc-black-250 h24 mb2"></div>
+    <div class="ta-center w100">Input borders</div>
+</div>
+
+            </div>
+        </div>
+        <p class="docs-copy">
+            Stops 200 and 225 are used for decorative borders and dividers throughout our UI. The 250 stop is used for input borders such as text field or secondary button.
+        </p>
+    </section>
+
+    <section class="docs-section">
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="text">Text</h3><a class="s-btn s-btn__clear" href="#text"><span class="v-visible-sr">Section titled Text</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        <div class="d-flex fd-column bg-black-100 bar-md p32">
+            
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+    <div class="d-flex overflow-hidden bar-md sm:fd-column">
+      
+        
+          
+          
+          
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-050 fc-medium fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-050</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-100 fc-medium fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-100</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-150 fc-medium fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-150</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-200 fc-medium fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-200</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-225 fc-medium fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-225</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-250 fc-medium fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-250</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-300 fc-medium fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-300</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-350 fc-medium fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-350</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-black-400 fc-white fs-body2 box-content w100 h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-400</span>
+              
+                  <div class="mr16 md:mr0 sm:mr16">400</div>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-black-500 fc-white fs-body2 box-content w100 h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-500</span>
+              
+                  <div class="mr16 md:mr0 sm:mr16">500</div>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-black-600 fc-white fs-body2 box-content w100 h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-600</span>
+              
+                  <div class="mr16 md:mr0 sm:mr16">600</div>
+              
+          </div>
+        
+      
+        
+      
+    </div>
+  
+
+  
+
+            <div class="d-flex w100">
+                
+
+
+
+
+
+
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column sm:d-none" style="margin-left: calc((8/11) * 100%); width: calc((2/11) * 100%)" role="presentation">
+    
+        <div class="ba btw0 bc-black-250 h12 w100"></div>
+    
+    <div class="bl bc-black-250 h12 mb2"></div>
+    <div class="ta-center w100">Text</div>
+</div>
+
+                
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column sm:d-none fl-shrink1" style="min-width: calc((1/11) * 100%)" role="presentation">
+    
+    <div class="bl bc-black-250 h24 mb2"></div>
+    <div class="ta-center w100">Heading</div>
+</div>
+
+            </div>
+        </div>
+        <p class="docs-copy">
+            Stops 500 and 600 can be used for text. Neutrals, blue, red, and green can also be used at 400 and will meet APCA contrast minimums within these shades. Orange and yellow should not be used at 400 because it does not meet our contrast standards.
+        </p>
+    </section>
+
+    <section class="docs-section">
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="icons-and-illustrations">Icons and illustrations</h3><a class="s-btn s-btn__clear" href="#icons-and-illustrations"><span class="v-visible-sr">Section titled Icons and illustrations</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        <div class="d-flex fd-column bg-black-100 bar-md p32">
+            
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+    <div class="d-flex overflow-hidden bar-md sm:fd-column">
+      
+        
+          
+          
+          
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-050 fc-medium fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-050</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-100 fc-medium fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-100</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-150 fc-medium fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-150</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-200 fc-medium fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-200</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-225 fc-medium fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-225</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-250 fc-medium fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-250</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-300 fc-medium fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-300</span>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+
+          <div class="d-flex ai-end jc-end bg-black-350 fc-medium fs-body2 box-content w100 h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-350</span>
+              
+                  <div class="mr16 md:mr0 sm:mr16">350</div>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-black-400 fc-white fs-body2 box-content w100 h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-400</span>
+              
+                  <div class="mr16 md:mr0 sm:mr16">400</div>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+            
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-black-500 fc-white fs-body2 box-content w100 h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-500</span>
+              
+                  <div class="mr16 md:mr0 sm:mr16">500</div>
+              
+          </div>
+        
+      
+        
+          
+          
+          
+          
+          
+          
+              
+          
+
+          <div class="d-flex ai-end jc-end bg-black-600 fc-white fs-body2 box-content w100 sm:d-none h64 sm:h32 p8" style="">
+              <span class="v-visible-sr">black-600</span>
+              
+          </div>
+        
+      
+        
+      
+    </div>
+  
+
+  
+
+            <div class="d-flex w100">
+                
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column sm:d-none" style="margin-left: calc((7/11) * 100%); min-width: calc((1/11) * 100%)" role="presentation">
+    
+    <div class="bl bc-black-250 h24 mb2"></div>
+    <div class="ta-center w100">Illustrations</div>
+</div>
+
+                
+
+
+
+
+
+
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column sm:d-none" style="width: calc((2/11) * 100%)" role="presentation">
+    
+        <div class="ba btw0 bc-black-250 h12 w100"></div>
+    
+    <div class="bl bc-black-250 h12 mb2"></div>
+    <div class="ta-center w100">Icons</div>
+</div>
+
+            </div>
+        </div>
+        <p class="docs-copy">
+            Stops 400 and 500 are for icons, while 350 should be used for more detailed illustrations.
+        </p>
+    </section>
+
+    <section class="docs-section">
+        <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="layering">Layering</h2><a class="s-btn s-btn__clear" href="#layering"><span class="v-visible-sr">Section titled Layering</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        <p class="docs-copy">
+            Colors in the neutral palette are layered on top of each other to foster a sense of hierarchy and create associations.
+        </p>
+        <div class="d-grid grid__2 sm:fd-column">
+            
+            
+                
+                
+                
+                
+                <div class="theme-light__forced bg-black-100 blr-md ba bc-black-200 fc-dark fs-body2 p48 md:p16 w100">
+                    <div>Body background</div>
+                    <div class="bg-black-050 ba bc-black-200 bar-md p48 md:p16 mt8">
+                        <div>Content</div>
+                        <div class="bg-black-100 ba bc-black-200 bar-md p48 pb96 lg:p32 md:p16 mt8">
+                            <div>Component</div>
+                        </div>
+                    </div>
+                </div>
+            
+                
+                
+                
+                    
+                    
+                
+                
+                <div class="theme-dark__forced bg-white brr-md ba bc-black-200 fc-dark fs-body2 p48 md:p16 w100">
+                    <div>Body background</div>
+                    <div class="bg-black-050 ba bc-black-200 bar-md p48 md:p16 mt8">
+                        <div>Content</div>
+                        <div class="bg-black-100 ba bc-black-200 bar-md p48 pb96 lg:p32 md:p16 mt8">
+                            <div>Component</div>
+                        </div>
+                    </div>
+                </div>
+            
+        </div>
+    </section>
+
+    <section class="docs-section">
+        <div class="overflow-x-auto mb48" tabindex="0">
+            <table class="docs-table s-table s-table__bx-simple s-table__condensed va-middle fs-caption">
+                <thead>
+                    <tr>
+                        <th scope="col" class="">Background layer</th>
+                        <th scope="col">Light mode</th>
+                        <th scope="col">Dark mode</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    
+                    
+                    
+                        <tr class="fs-body1 s-table--cell3">
+                            <th scope="row">Body background</th>
+                            <td class="s-table--cell5">
+                                
+                                    <div class="d-flex md:fd-column g16">
+                                        <div class="d-flex ai-center g12">
+                                            
+
+
+  
+
+
+<span class="bg-black-100 h32 w32 d-inline-block bar-md theme-light__forced ba bc-black-200">
+  <span class="v-visible-sr">black-100</span>
+</span>
+
+                                            black-100 (Teams)
+                                        </div>
+                                        <div class="d-flex ai-center g12">
+                                            
+
+
+  
+
+
+<span class="bg-black-050 h32 w32 d-inline-block bar-md theme-light__forced ba bc-black-200">
+  <span class="v-visible-sr">black-050</span>
+</span>
+
+                                            black-100 (SO)
+                                        </div>
+                                    </div>
+                                
+                            </td>
+                            <td class="s-table--cell5">
+                                <div class="d-flex ai-center g12">
+                                    
+                                    
+
+
+  
+
+
+<span class="bg-white h32 w32 d-inline-block bar-md theme-dark__forced ba bc-black-200">
+  <span class="v-visible-sr">white</span>
+</span>
+
+                                    white
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        <tr class="fs-body1 s-table--cell3">
+                            <th scope="row">Content</th>
+                            <td class="s-table--cell5">
+                                
+                                    <div class="d-flex ai-center g12">
+                                        
+
+
+  
+
+
+<span class="bg-black-050 h32 w32 d-inline-block bar-md theme-light__forced ba bc-black-200">
+  <span class="v-visible-sr">black-050</span>
+</span>
+
+                                        black-050
+                                    </div>
+                                
+                            </td>
+                            <td class="s-table--cell5">
+                                <div class="d-flex ai-center g12">
+                                    
+                                    
+
+
+  
+
+
+<span class="bg-black-050 h32 w32 d-inline-block bar-md theme-dark__forced ba bc-black-200">
+  <span class="v-visible-sr">black-050</span>
+</span>
+
+                                    black-050
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        <tr class="fs-body1 s-table--cell3">
+                            <th scope="row">Component</th>
+                            <td class="s-table--cell5">
+                                
+                                    <div class="d-flex ai-center g12">
+                                        
+
+
+  
+
+
+<span class="bg-black-100 h32 w32 d-inline-block bar-md theme-light__forced ba bc-black-200">
+  <span class="v-visible-sr">black-100</span>
+</span>
+
+                                        black-100
+                                    </div>
+                                
+                            </td>
+                            <td class="s-table--cell5">
+                                <div class="d-flex ai-center g12">
+                                    
+                                    
+
+
+  
+
+
+<span class="bg-black-100 h32 w32 d-inline-block bar-md theme-dark__forced ba bc-black-200">
+  <span class="v-visible-sr">black-100</span>
+</span>
+
+                                    black-100
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        <tr class="fs-body1 s-table--cell3">
+                            <th scope="row">Component alt</th>
+                            <td class="s-table--cell5">
+                                
+                                    <div class="d-flex ai-center g12">
+                                        
+
+
+  
+
+
+<span class="bg-black-150 h32 w32 d-inline-block bar-md theme-light__forced ba bc-black-200">
+  <span class="v-visible-sr">black-150</span>
+</span>
+
+                                        black-150
+                                    </div>
+                                
+                            </td>
+                            <td class="s-table--cell5">
+                                <div class="d-flex ai-center g12">
+                                    
+                                    
+
+
+  
+
+
+<span class="bg-black-150 h32 w32 d-inline-block bar-md theme-dark__forced ba bc-black-200">
+  <span class="v-visible-sr">black-150</span>
+</span>
+
+                                    black-150
+                                </div>
+                            </td>
+                        </tr>
+                    
+                </tbody>
+            </table>
+        </div>
+    </section>
+
+    <section class="docs-section">
+        <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="emphasis-levels">Emphasis levels</h2><a class="s-btn s-btn__clear" href="#emphasis-levels"><span class="v-visible-sr">Section titled Emphasis levels</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        <p class="docs-copy">
+            Emphasis determines the amount of contrast a color has against the default surface. Emphasis has a range from subtle to bold. Bold emphasis has more contrast against the background, which adds more attention than using UI with the subtle or default emphasis level.
+        </p>
+        <div class="d-flex fd-column g16">
+            <div class="d-grid grid__3 md:grid__2 sm:grid__1 md:fd-column gx16 gy32 jc-space-between bg-black-100 bar-md p32">
+                
+                    <div>
+                        <div class="d-grid grid__3 g12 fs-caption">
+                            
+                                <div class="bg-black-500 fc-white bar-pill ta-center px8 py2">Robots</div>
+                            
+                                <div class="bg-orange-400 fc-white bar-pill ta-center px8 py2">Robots</div>
+                            
+                                <div class="bg-blue-400 fc-white bar-pill ta-center px8 py2">Robots</div>
+                            
+                                <div class="bg-green-400 fc-white bar-pill ta-center px8 py2">Robots</div>
+                            
+                                <div class="bg-red-400 fc-white bar-pill ta-center px8 py2">Robots</div>
+                            
+                                <div class="bg-yellow-400 fc-black bar-pill ta-center px8 py2">Robots</div>
+                            
+                        </div>
+                        
+
+
+
+
+
+
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column " style="" role="presentation">
+    
+        <div class="ba btw0 bc-black-250 h12 w100"></div>
+    
+    <div class="bl bc-black-250 h12 mb2"></div>
+    <div class="ta-center w100">Bold</div>
+</div>
+
+                    </div>
+                
+                    <div>
+                        <div class="d-grid grid__3 g12 fs-caption">
+                            
+                                <div class="bg-black-200 fc-black-600 bar-pill ta-center px8 py2">Robots</div>
+                            
+                                <div class="bg-orange-200 fc-orange-600 bar-pill ta-center px8 py2">Robots</div>
+                            
+                                <div class="bg-blue-200 fc-blue-600 bar-pill ta-center px8 py2">Robots</div>
+                            
+                                <div class="bg-green-200 fc-green-600 bar-pill ta-center px8 py2">Robots</div>
+                            
+                                <div class="bg-red-200 fc-red-600 bar-pill ta-center px8 py2">Robots</div>
+                            
+                                <div class="bg-yellow-200 fc-yellow-600 bar-pill ta-center px8 py2">Robots</div>
+                            
+                        </div>
+                        
+
+
+
+
+
+
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column " style="" role="presentation">
+    
+        <div class="ba btw0 bc-black-250 h12 w100"></div>
+    
+    <div class="bl bc-black-250 h12 mb2"></div>
+    <div class="ta-center w100">Default</div>
+</div>
+
+                    </div>
+                
+                    <div>
+                        <div class="d-grid grid__3 g12 fs-caption">
+                            
+                                <div class="bg-black-150 fc-black-500 bar-pill ta-center px8 py2">Robots</div>
+                            
+                                <div class="bg-orange-100 fc-orange-500 bar-pill ta-center px8 py2">Robots</div>
+                            
+                                <div class="bg-blue-100 fc-blue-500 bar-pill ta-center px8 py2">Robots</div>
+                            
+                                <div class="bg-green-100 fc-green-500 bar-pill ta-center px8 py2">Robots</div>
+                            
+                                <div class="bg-red-100 fc-red-500 bar-pill ta-center px8 py2">Robots</div>
+                            
+                                <div class="bg-yellow-100 fc-yellow-500 bar-pill ta-center px8 py2">Robots</div>
+                            
+                        </div>
+                        
+
+
+
+
+
+
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column " style="" role="presentation">
+    
+        <div class="ba btw0 bc-black-250 h12 w100"></div>
+    
+    <div class="bl bc-black-250 h12 mb2"></div>
+    <div class="ta-center w100">Subtle</div>
+</div>
+
+                    </div>
+                
+            </div>
+            <div class="d-grid grid__3 gx16 gy32 jc-space-between bg-black-100 bar-md p32">
+                
+                    <div class="ta-center">
+                        <div class="fs-title fc-black">Text</div>
+                        
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="margin-left: 50%;" role="presentation">
+    
+    <div class="bl bc-black-250 h24 mb2"></div>
+    <div class="ta-center w100">Bold</div>
+</div>
+
+                    </div>
+                
+                    <div class="ta-center">
+                        <div class="fs-title fc-black-500">Text</div>
+                        
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="margin-left: 50%;" role="presentation">
+    
+    <div class="bl bc-black-250 h24 mb2"></div>
+    <div class="ta-center w100">Default</div>
+</div>
+
+                    </div>
+                
+                    <div class="ta-center">
+                        <div class="fs-title fc-black-400">Text</div>
+                        
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="margin-left: 50%;" role="presentation">
+    
+    <div class="bl bc-black-250 h24 mb2"></div>
+    <div class="ta-center w100">Subtle</div>
+</div>
+
+                    </div>
+                
+            </div>
+        </div>
+    </section>
+
+    <section class="docs-section">
+        <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="interaction-states">Interaction states</h2><a class="s-btn s-btn__clear" href="#interaction-states"><span class="v-visible-sr">Section titled Interaction states</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        <p class="docs-copy">
+            In Stacks, a component will get darker (or lighter in dark mode) as they interact with it. These progresses happen by adding 100 to the color before the interaction happens. Example: Blue-400 on hover becomes Blue-500. For a disabled button state, subtract 100 from the default color.
+        </p>
+        <div class="d-flex js-space-between gx16 gy32 bg-black-100 bar-md p32">
+            
+                <div class="ta-center w100">
+                    <button class="s-btn " role="presentation" style="">Button</button>
+                    
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="margin-left: 50%;" role="presentation">
+    
+    <div class="bl bc-black-250 h24 mb2"></div>
+    <div class="ta-center w100">Default</div>
+</div>
+
+                </div>
+            
+                <div class="ta-center w100">
+                    <button class="s-btn " role="presentation" style="--_bu-bg: var(--theme-secondary-500)">Button</button>
+                    
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="margin-left: 50%;" role="presentation">
+    
+    <div class="bl bc-black-250 h24 mb2"></div>
+    <div class="ta-center w100">Hover</div>
+</div>
+
+                </div>
+            
+                <div class="ta-center w100">
+                    <button class="s-btn is-selected" role="presentation" style="">Button</button>
+                    
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="margin-left: 50%;" role="presentation">
+    
+    <div class="bl bc-black-250 h24 mb2"></div>
+    <div class="ta-center w100">Selected</div>
+</div>
+
+                </div>
+            
+                <div class="ta-center w100">
+                    <button class="s-btn " disabled="" role="presentation" style="">Button</button>
+                    
+
+
+
+
+
+
+
+  
+
+
+<div class="d-flex ai-center fc-light fs-caption fs-italic overflow-visible  mt8 fd-column mx-auto" style="margin-left: 50%;" role="presentation">
+    
+    <div class="bl bc-black-250 h24 mb2"></div>
+    <div class="ta-center w100">Disabled</div>
+</div>
+
+                </div>
+            
+        </div>
+    </section>
+
+    <section class="docs-section">
+        <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="light,-dark,-and-high-contrast-modes">Light, dark, and high contrast modes</h2><a class="s-btn s-btn__clear" href="#light,-dark,-and-high-contrast-modes"><span class="v-visible-sr">Section titled Light, dark, and high contrast modes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        <p class="docs-copy">Stacks supports light, dark, and high contrast modes. By using Stacks, you will get each of these modes for free. By using a Stacks component, an atomic color class, or CSS variable directly, your theme will switch appropriately based on the following methods: </p>
+        <ol class="docs-copy">
+            <li>You can apply <code>.theme-system</code> to the <code>body</code> element. This will change colors based on the <code>prefers-color-scheme</code> media query, which is ultimately powered by the user’s system or browser settings. This can be preferable for folks who have their system turn to dark mode based on ambient light or time of day.</li>
+            <li>Alternatively, you can set a dark mode that is not system dependent by attaching <code>.theme-dark</code> to the <code>body</code> element.</li>
+            <li>Adding <code>.theme-highcontrast</code> to the <code>body</code> element will boost colors to WCAG Level AAA contrast ratios in as many places as possible. This mode stacks on top of both light and dark modes. The only exception is branded themed colors remain untouched by high contrast mode.</li>
+        </ol>
+        <p class="docs-copy">There are also <a class="s-link" href="/product/develop/conditional-classes#dark-mode">conditional classes</a> that can be applied to override assumed dark mode colors, force light mode, or to force dark mode. Forcing modes can be good for previews in admin-only situations.</p>
+    </section>
+</div>
+
+
+            <!-- <div class="d-flex my48 pt24">
+                <div class="mr16">
+                    
+                    <form
+                        id="quick-positive-feedback-color-fundamentals"
+                        class="js-feedback-form v-hidden"
+                        name="quick-positive-feedback-color-fundamentals"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <form
+                        id="quick-negative-feedback-color-fundamentals"
+                        class="js-feedback-form v-hidden"
+                        name="quick-negative-feedback-color-fundamentals"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-positive"
+                        role="tooltip">
+                        <div class="s-popover--content">This page is useful</div>
+                    </div>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-negative"
+                        role="tooltip">
+                        <div class="s-popover--content">This page needs improvement</div>
+                    </div>
+                    <div id="vote-feedback" class="s-vote">
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-positive-feedback-color-fundamentals"
+                            aria-describedby="tooltip-feedback-positive"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUp" aria-hidden="true"><path d="M10 3q.41.02.64.36l6.9 11.5a.75.75 0 1 1-1.28.78L10 5.21l-5.58 9.3h8.04v-.01h1.1l.97 1.5H3.1a.75.75 0 0 1-.65-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUpFill" aria-hidden="true"><path d="M10 3h.1a1 1 0 0 1 .42.21l.12.15 6.9 11.5.05.09v.03l.02.04q.04.12.04.26v.03q0 .13-.07.25v.02l-.03.04a1 1 0 0 1-.2.23l-.06.05-.04.01-.04.03-.04.01a1 1 0 0 1-.27.05H3a.75.75 0 0 1-.55-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="v-visible-sr">upvote</span>
+                        </button>
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-negative-feedback-color-fundamentals"
+                            aria-describedby="tooltip-feedback-negative"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDown" aria-hidden="true"><path d="M10 16a.8.8 0 0 1-.64-.36l-6.9-11.5a.75.75 0 1 1 1.28-.78L10 13.8l5.58-9.3H6.44L5.47 3H16.9a.75.75 0 0 1 .65 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDownFill" aria-hidden="true"><path d="M10 16h-.1l-.1-.02a.8.8 0 0 1-.45-.34l-6.9-11.5-.04-.08-.01-.04L2.39 4a1 1 0 0 1-.04-.26V3.7q0-.14.06-.26l.01-.02.02-.04a1 1 0 0 1 .27-.27l.03-.02.05-.02.04-.02A1 1 0 0 1 3.1 3H17a.75.75 0 0 1 .54 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="v-visible-sr">downvote</span>
+                        </button>
+                    </div>
+                </div>
+
+                <form
+                    class="w100 js-feedback-form"
+                    name="feedback-color-fundamentals"
+                    method="POST"
+                    data-netlify="true"
+                    action="/success">
+                    <fieldset class="d-flex fd-column fl-grow1 g16">
+                        <legend class="fs-title fw-bold">How’d we do?</legend>
+                        <div class="fs-body2">Anonymously upvote, downvote, or send additional feedback below.</div>
+
+                        <textarea
+                            class="s-textarea hmn1"
+                            id="feedback-form"
+                            name="additional-feedback"
+                            placeholder="Tell us how we can improve this page…" required></textarea>
+
+                        <div class="d-flex ai-center fd-row-reverse g8 jc-space-between mln6 sm:d-grid sm:grid__1 sm:ml0">
+                            <button
+                                type="submit"
+                                class="s-btn as-start fl-shrink0">
+                                Send feedback
+                            </button>
+                            <div class="d-flex fw-wrap g8 sm:d-grid sm:grid__1">
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/edit/develop/packages/stacks-docs/./product/foundation/color-fundamentals.html"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    <svg aria-hidden="true" class="svg-icon iconPencilSm" width="14" height="14"  viewBox="0 0 14 14"><path fill="#F1B600" d="m2 10.12 6.37-6.43 1.88 1.88L3.88 12H2z"/><path fill="#E87C87" d="m11.1 1.71 1.13 1.12c.2.2.2.51 0 .71L11.1 4.7 9.21 2.86l1.17-1.15c.2-.2.51-.2.71 0"/></svg>
+                                    Edit
+                                </a>
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/issues/new/choose"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    File an issue
+                                </a>
+                            </div>
+                        </div>
+                    </fieldset>
+                </form>
+            </div> -->
+
+            <!-- <div class="ta-right">
+                <a href="https://www.netlify.com"><img src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg" alt="Deploys by Netlify" /></a>
+            </div> -->
diff --git a/packages/stacks-docs-next/src/docs/public/system/foundation/colors.md b/packages/stacks-docs-next/src/docs/public/system/foundation/colors.md
new file mode 100644
index 0000000000..3b7282c9fa
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/foundation/colors.md
@@ -0,0 +1,4576 @@
+---
+title: "Color palette"
+description: "To avoid specifying color values by hand, we’ve included a robust set of color variables. For maintainability, please use these instead of hardcoding color values."
+figma: "https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=651-4397&amp;t=UGqQCKW9BZQqF65O-1"
+---
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="stops">Stops</h2><a class="s-btn s-btn__clear" href="#stops"><span class="v-visible-sr">Section titled Stops</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <div class="d-grid g24 mt16 mb32" style="grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));">
+        
+            
+            
+                <div>
+                    <h3 class="mb8 fs-body2">Theme primary</h3>
+                    <div class="ba bc-theme primary-400 overflow-hidden">
+                        
+                            
+                            
+                            
+
+                            
+
+                            
+
+                            
+                            
+
+                            <div class="p12 bg-theme-primary fc-theme-primary-100">
+                                theme-primary
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                    
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+
+                            <div class="p12 bg-theme-primary-100 fc-theme-primary-400">
+                                theme-primary-100
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                    
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+
+                            <div class="p12 bg-theme-primary-200 fc-theme-primary-500">
+                                theme-primary-200
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-theme-primary-300 fc-white">
+                                theme-primary-300
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-theme-primary-400 fc-white">
+                                theme-primary-400
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-theme-primary-500 fc-white">
+                                theme-primary-500
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-theme-primary-600 fc-white">
+                                theme-primary-600
+                            </div>
+                        
+                    </div>
+                </div>
+            
+        
+            
+            
+                <div>
+                    <h3 class="mb8 fs-body2">Theme secondary</h3>
+                    <div class="ba bc-theme secondary-400 overflow-hidden">
+                        
+                            
+                            
+                            
+
+                            
+
+                            
+
+                            
+                            
+
+                            <div class="p12 bg-theme-secondary fc-theme-secondary-100">
+                                theme-secondary
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                    
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+
+                            <div class="p12 bg-theme-secondary-100 fc-theme-secondary-400">
+                                theme-secondary-100
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                    
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+
+                            <div class="p12 bg-theme-secondary-200 fc-theme-secondary-500">
+                                theme-secondary-200
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-theme-secondary-300 fc-white">
+                                theme-secondary-300
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-theme-secondary-400 fc-white">
+                                theme-secondary-400
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-theme-secondary-500 fc-white">
+                                theme-secondary-500
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-theme-secondary-600 fc-white">
+                                theme-secondary-600
+                            </div>
+                        
+                    </div>
+                </div>
+            
+        
+            
+            
+                <div>
+                    <h3 class="mb8 fs-body2">Orange</h3>
+                    <div class="ba bc-orange-400 overflow-hidden">
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                    
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+
+                            <div class="p12 bg-orange-100 fc-orange-400">
+                                orange-100
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                    
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+
+                            <div class="p12 bg-orange-200 fc-orange-500">
+                                orange-200
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-orange-300 fc-white">
+                                orange-300
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-orange-400 fc-white">
+                                orange-400
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-orange-500 fc-white">
+                                orange-500
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-orange-600 fc-white">
+                                orange-600
+                            </div>
+                        
+                    </div>
+                </div>
+            
+        
+            
+            
+                <div>
+                    <h3 class="mb8 fs-body2">Blue</h3>
+                    <div class="ba bc-blue-400 overflow-hidden">
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                    
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+
+                            <div class="p12 bg-blue-100 fc-blue-400">
+                                blue-100
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                    
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+
+                            <div class="p12 bg-blue-200 fc-blue-500">
+                                blue-200
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-blue-300 fc-white">
+                                blue-300
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-blue-400 fc-white">
+                                blue-400
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-blue-500 fc-white">
+                                blue-500
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-blue-600 fc-white">
+                                blue-600
+                            </div>
+                        
+                    </div>
+                </div>
+            
+        
+            
+            
+                <div>
+                    <h3 class="mb8 fs-body2">Green</h3>
+                    <div class="ba bc-green-400 overflow-hidden">
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                    
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+
+                            <div class="p12 bg-green-100 fc-green-400">
+                                green-100
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                    
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+
+                            <div class="p12 bg-green-200 fc-green-500">
+                                green-200
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-green-300 fc-white">
+                                green-300
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-green-400 fc-white">
+                                green-400
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-green-500 fc-white">
+                                green-500
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-green-600 fc-white">
+                                green-600
+                            </div>
+                        
+                    </div>
+                </div>
+            
+        
+            
+            
+                <div>
+                    <h3 class="mb8 fs-body2">Red</h3>
+                    <div class="ba bc-red-400 overflow-hidden">
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                    
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+
+                            <div class="p12 bg-red-100 fc-red-400">
+                                red-100
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                    
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+
+                            <div class="p12 bg-red-200 fc-red-500">
+                                red-200
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-red-300 fc-white">
+                                red-300
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-red-400 fc-white">
+                                red-400
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-red-500 fc-white">
+                                red-500
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-red-600 fc-white">
+                                red-600
+                            </div>
+                        
+                    </div>
+                </div>
+            
+        
+            
+            
+                <div>
+                    <h3 class="mb8 fs-body2">Yellow</h3>
+                    <div class="ba bc-yellow-400 overflow-hidden">
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                    
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+
+                            <div class="p12 bg-yellow-100 fc-yellow-400">
+                                yellow-100
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                    
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+
+                            <div class="p12 bg-yellow-200 fc-yellow-500">
+                                yellow-200
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-yellow-300 fc-white">
+                                yellow-300
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-yellow-400 fc-white">
+                                yellow-400
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-yellow-500 fc-white">
+                                yellow-500
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-yellow-600 fc-white">
+                                yellow-600
+                            </div>
+                        
+                    </div>
+                </div>
+            
+        
+            
+            
+                <div>
+                    <h3 class="mb8 fs-body2">Purple</h3>
+                    <div class="ba bc-purple-400 overflow-hidden">
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                    
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+
+                            <div class="p12 bg-purple-100 fc-purple-400">
+                                purple-100
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                    
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+
+                            <div class="p12 bg-purple-200 fc-purple-500">
+                                purple-200
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-purple-300 fc-white">
+                                purple-300
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-purple-400 fc-white">
+                                purple-400
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-purple-500 fc-white">
+                                purple-500
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-purple-600 fc-white">
+                                purple-600
+                            </div>
+                        
+                    </div>
+                </div>
+            
+        
+            
+            
+                <div>
+                    <h3 class="mb8 fs-body2">Pink</h3>
+                    <div class="ba bc-pink-400 overflow-hidden">
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                    
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+
+                            <div class="p12 bg-pink-100 fc-pink-400">
+                                pink-100
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                    
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+
+                            <div class="p12 bg-pink-200 fc-pink-500">
+                                pink-200
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-pink-300 fc-white">
+                                pink-300
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-pink-400 fc-white">
+                                pink-400
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-pink-500 fc-white">
+                                pink-500
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-pink-600 fc-white">
+                                pink-600
+                            </div>
+                        
+                    </div>
+                </div>
+            
+        
+            
+            
+                <div>
+                    <h3 class="mb8 fs-body2">Black</h3>
+                    <div class="ba bc-black-400 overflow-hidden">
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                    
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+
+                            <div class="p12 bg-black-050 fc-black-400">
+                                black-050
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                    
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+
+                            <div class="p12 bg-black-100 fc-black-400">
+                                black-100
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                    
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+
+                            <div class="p12 bg-black-150 fc-black-500">
+                                black-150
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                    
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+
+                            <div class="p12 bg-black-200 fc-black-500">
+                                black-200
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                                    
+                                
+                            
+
+                            
+
+                            
+                            
+
+                            <div class="p12 bg-black-225 fc-black-600">
+                                black-225
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                                    
+                                
+                            
+
+                            
+
+                            
+                            
+
+                            <div class="p12 bg-black-250 fc-black-600">
+                                black-250
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-black-300 fc-white">
+                                black-300
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-black-350 fc-white">
+                                black-350
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-black-400 fc-white">
+                                black-400
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-black-500 fc-white">
+                                black-500
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+                                
+                                
+                                
+
+                                
+                                
+                                
+                            
+
+                            
+
+                            
+                            
+                                
+                            
+
+                            <div class="p12 bg-black-600 fc-white">
+                                black-600
+                            </div>
+                        
+                            
+                            
+                            
+
+                            
+
+                            
+
+                            
+                            
+
+                            <div class="p12 bg-black fc-black-100">
+                                black
+                            </div>
+                        
+                    </div>
+                </div>
+            
+        
+            
+            
+                <div>
+                    <h3 class="mb8 fs-body2">White</h3>
+                    <div class="ba bc-white-400 overflow-hidden">
+                        
+                            
+                            
+                            
+
+                            
+
+                            
+
+                            
+                                
+                            
+                            
+
+                            <div class="p12 bg-white fc-black">
+                                white
+                            </div>
+                        
+                    </div>
+                </div>
+            
+        
+    </div>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="brand">Brand</h2><a class="s-btn s-btn__clear" href="#brand"><span class="v-visible-sr">Section titled Brand</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <p class="docs-copy">
+        </p><div class="s-notice s-anchors s-anchors__inherit s-anchors__underlined s-notice__warning mb16"><span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconAlert" aria-hidden="true"><path d="M10 2q.41.01.64.37l8.76 14.58a.75.75 0 0 1-.65 1.14H1.25a.75.75 0 0 1-.65-1.14L9.36 2.37l.05-.09A.8.8 0 0 1 10 2M2.57 16.6h14.86L10 4.2zM11 15.52H9v-2h2zm0-2.97H9v-5.5h2z"></path></svg></span><span>
+            Please see <a href="https://alpha.stackoverflow.design/brand/color">the brand guidlines for color use</a>, these should not be used without prior direction from the brand team.
+        </span></div>
+    <p></p>
+
+    <div class="d-grid g24 mt16 mb32" style="grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));">
+        
+            
+            <div>
+                <div class="ba bc-black-400 overflow-hidden theme-light__forced">
+                    
+                        
+
+                        
+
+                        
+                        
+
+                        <div class="p12 fc-black bg-brand">
+                            brand
+                        </div>
+                    
+                        
+
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+
+                        <div class="p12 fc-white bg-brand-black">
+                            brand-black
+                        </div>
+                    
+                        
+
+                        
+                            
+                        
+
+                        
+                        
+
+                        <div class="p12 fc-black bg-brand-off-white">
+                            brand-off-white
+                        </div>
+                    
+                        
+
+                        
+                            
+                        
+
+                        
+                        
+
+                        <div class="p12 fc-black bg-brand-blue-light">
+                            brand-blue-light
+                        </div>
+                    
+                        
+
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+
+                        <div class="p12 fc-white bg-brand-blue">
+                            brand-blue
+                        </div>
+                    
+                        
+
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+
+                        <div class="p12 fc-white bg-brand-blue-dark">
+                            brand-blue-dark
+                        </div>
+                    
+                        
+
+                        
+                            
+                        
+
+                        
+                        
+
+                        <div class="p12 fc-black bg-brand-brown-light">
+                            brand-brown-light
+                        </div>
+                    
+                        
+
+                        
+                            
+                        
+
+                        
+                        
+
+                        <div class="p12 fc-black bg-brand-green">
+                            brand-green
+                        </div>
+                    
+                        
+
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+
+                        <div class="p12 fc-white bg-brand-green-dark">
+                            brand-green-dark
+                        </div>
+                    
+                        
+
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+
+                        <div class="p12 fc-white bg-brand-orange-medium">
+                            brand-orange-medium
+                        </div>
+                    
+                        
+
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+
+                        <div class="p12 fc-white bg-brand-orange-dark">
+                            brand-orange-dark
+                        </div>
+                    
+                        
+
+                        
+                            
+                        
+
+                        
+                        
+
+                        <div class="p12 fc-black bg-brand-pink">
+                            brand-pink
+                        </div>
+                    
+                        
+
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+
+                        <div class="p12 fc-white bg-brand-pink-dark">
+                            brand-pink-dark
+                        </div>
+                    
+                        
+
+                        
+                            
+                        
+
+                        
+                        
+
+                        <div class="p12 fc-black bg-brand-purple">
+                            brand-purple
+                        </div>
+                    
+                        
+
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+
+                        <div class="p12 fc-white bg-brand-purple-dark">
+                            brand-purple-dark
+                        </div>
+                    
+                        
+
+                        
+                            
+                        
+
+                        
+                        
+
+                        <div class="p12 fc-black bg-brand-yellow">
+                            brand-yellow
+                        </div>
+                    
+                        
+
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+
+                        <div class="p12 fc-white bg-brand-yellow-dark">
+                            brand-yellow-dark
+                        </div>
+                    
+                </div>
+            </div>
+        
+    </div>
+</section>
+
+<section class="stacks-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="classes">Classes</h2><a class="s-btn s-btn__clear" href="#classes"><span class="v-visible-sr">Section titled Classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <p class="docs-copy">
+        Each color stop is available as an atomic text, background, and border class. Using these atomic classes means your view will respond to dark mode appropriately. These colors are available <a href="/product/develop/conditional-classes#hover">conditionally</a>.
+    </p>
+
+    
+        
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="theme-primary">Theme primary</h3><a class="s-btn s-btn__clear" href="#theme-primary"><span class="v-visible-sr">Section titled Theme primary</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        
+        
+
+        <div class="overflow-x-auto mb48" tabindex="0">
+            <table class="docs-table s-table s-table__bx-simple s-table__condensed va-middle fs-caption">
+                <thead>
+                    <tr>
+                        <th scope="col">Text</th>
+                        <th scope="col">Background</th>
+                        <th scope="col">Border</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    
+                        
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-theme-primary">
+                                <div class="fc-theme-primary d-inline-block p6 ws-nowrap bg-white">.fc-theme-primary</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-theme-primary d-inline-block fc-white p6 ws-nowrap fc-white">.bg-theme-primary</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-theme-primary ba d-inline-block p6">.bc-theme-primary</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-theme-primary-100">
+                                <div class="fc-theme-primary-100 d-inline-block p6 ws-nowrap bg-theme-primary-500">.fc-theme-primary-100</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-theme-primary-100 d-inline-block fc-white p6 ws-nowrap fc-black">.bg-theme-primary-100</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-theme-primary-500 fc-white">
+                                    <div class="bc-theme-primary-100 ba d-inline-block p6">.bc-theme-primary-100</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-theme-primary-200">
+                                <div class="fc-theme-primary-200 d-inline-block p6 ws-nowrap bg-theme-primary-500">.fc-theme-primary-200</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-theme-primary-200 d-inline-block fc-white p6 ws-nowrap fc-black">.bg-theme-primary-200</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-theme-primary-500 fc-white">
+                                    <div class="bc-theme-primary-200 ba d-inline-block p6">.bc-theme-primary-200</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-theme-primary-300">
+                                <div class="fc-theme-primary-300 d-inline-block p6 ws-nowrap bg-white">.fc-theme-primary-300</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-theme-primary-300 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-theme-primary-300</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-theme-primary-300 ba d-inline-block p6">.bc-theme-primary-300</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-theme-primary-400">
+                                <div class="fc-theme-primary-400 d-inline-block p6 ws-nowrap bg-white">.fc-theme-primary-400</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-theme-primary-400 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-theme-primary-400</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-theme-primary-400 ba d-inline-block p6">.bc-theme-primary-400</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-theme-primary-500">
+                                <div class="fc-theme-primary-500 d-inline-block p6 ws-nowrap bg-white">.fc-theme-primary-500</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-theme-primary-500 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-theme-primary-500</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-theme-primary-500 ba d-inline-block p6">.bc-theme-primary-500</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-theme-primary-600">
+                                <div class="fc-theme-primary-600 d-inline-block p6 ws-nowrap bg-white">.fc-theme-primary-600</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-theme-primary-600 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-theme-primary-600</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-theme-primary-600 ba d-inline-block p6">.bc-theme-primary-600</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                </tbody>
+            </table>
+        </div>
+    
+        
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="theme-secondary">Theme secondary</h3><a class="s-btn s-btn__clear" href="#theme-secondary"><span class="v-visible-sr">Section titled Theme secondary</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        
+        
+
+        <div class="overflow-x-auto mb48" tabindex="0">
+            <table class="docs-table s-table s-table__bx-simple s-table__condensed va-middle fs-caption">
+                <thead>
+                    <tr>
+                        <th scope="col">Text</th>
+                        <th scope="col">Background</th>
+                        <th scope="col">Border</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    
+                        
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-theme-secondary">
+                                <div class="fc-theme-secondary d-inline-block p6 ws-nowrap bg-white">.fc-theme-secondary</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-theme-secondary d-inline-block fc-white p6 ws-nowrap fc-white">.bg-theme-secondary</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-theme-secondary ba d-inline-block p6">.bc-theme-secondary</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-theme-secondary-100">
+                                <div class="fc-theme-secondary-100 d-inline-block p6 ws-nowrap bg-theme-secondary-500">.fc-theme-secondary-100</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-theme-secondary-100 d-inline-block fc-white p6 ws-nowrap fc-black">.bg-theme-secondary-100</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-theme-secondary-500 fc-white">
+                                    <div class="bc-theme-secondary-100 ba d-inline-block p6">.bc-theme-secondary-100</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-theme-secondary-200">
+                                <div class="fc-theme-secondary-200 d-inline-block p6 ws-nowrap bg-theme-secondary-500">.fc-theme-secondary-200</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-theme-secondary-200 d-inline-block fc-white p6 ws-nowrap fc-black">.bg-theme-secondary-200</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-theme-secondary-500 fc-white">
+                                    <div class="bc-theme-secondary-200 ba d-inline-block p6">.bc-theme-secondary-200</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-theme-secondary-300">
+                                <div class="fc-theme-secondary-300 d-inline-block p6 ws-nowrap bg-white">.fc-theme-secondary-300</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-theme-secondary-300 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-theme-secondary-300</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-theme-secondary-300 ba d-inline-block p6">.bc-theme-secondary-300</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-theme-secondary-400">
+                                <div class="fc-theme-secondary-400 d-inline-block p6 ws-nowrap bg-white">.fc-theme-secondary-400</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-theme-secondary-400 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-theme-secondary-400</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-theme-secondary-400 ba d-inline-block p6">.bc-theme-secondary-400</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-theme-secondary-500">
+                                <div class="fc-theme-secondary-500 d-inline-block p6 ws-nowrap bg-white">.fc-theme-secondary-500</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-theme-secondary-500 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-theme-secondary-500</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-theme-secondary-500 ba d-inline-block p6">.bc-theme-secondary-500</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-theme-secondary-600">
+                                <div class="fc-theme-secondary-600 d-inline-block p6 ws-nowrap bg-white">.fc-theme-secondary-600</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-theme-secondary-600 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-theme-secondary-600</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-theme-secondary-600 ba d-inline-block p6">.bc-theme-secondary-600</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                </tbody>
+            </table>
+        </div>
+    
+        
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="orange">Orange</h3><a class="s-btn s-btn__clear" href="#orange"><span class="v-visible-sr">Section titled Orange</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        
+        
+
+        <div class="overflow-x-auto mb48" tabindex="0">
+            <table class="docs-table s-table s-table__bx-simple s-table__condensed va-middle fs-caption">
+                <thead>
+                    <tr>
+                        <th scope="col">Text</th>
+                        <th scope="col">Background</th>
+                        <th scope="col">Border</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-orange-100">
+                                <div class="fc-orange-100 d-inline-block p6 ws-nowrap bg-orange-500">.fc-orange-100</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-orange-100 d-inline-block fc-white p6 ws-nowrap fc-black">.bg-orange-100</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-orange-500 fc-white">
+                                    <div class="bc-orange-100 ba d-inline-block p6">.bc-orange-100</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-orange-200">
+                                <div class="fc-orange-200 d-inline-block p6 ws-nowrap bg-orange-500">.fc-orange-200</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-orange-200 d-inline-block fc-white p6 ws-nowrap fc-black">.bg-orange-200</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-orange-500 fc-white">
+                                    <div class="bc-orange-200 ba d-inline-block p6">.bc-orange-200</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-orange-300">
+                                <div class="fc-orange-300 d-inline-block p6 ws-nowrap bg-white">.fc-orange-300</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-orange-300 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-orange-300</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-orange-300 ba d-inline-block p6">.bc-orange-300</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-orange-400">
+                                <div class="fc-orange-400 d-inline-block p6 ws-nowrap bg-white">.fc-orange-400</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-orange-400 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-orange-400</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-orange-400 ba d-inline-block p6">.bc-orange-400</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-orange-500">
+                                <div class="fc-orange-500 d-inline-block p6 ws-nowrap bg-white">.fc-orange-500</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-orange-500 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-orange-500</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-orange-500 ba d-inline-block p6">.bc-orange-500</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-orange-600">
+                                <div class="fc-orange-600 d-inline-block p6 ws-nowrap bg-white">.fc-orange-600</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-orange-600 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-orange-600</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-orange-600 ba d-inline-block p6">.bc-orange-600</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                </tbody>
+            </table>
+        </div>
+    
+        
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="blue">Blue</h3><a class="s-btn s-btn__clear" href="#blue"><span class="v-visible-sr">Section titled Blue</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        
+        
+
+        <div class="overflow-x-auto mb48" tabindex="0">
+            <table class="docs-table s-table s-table__bx-simple s-table__condensed va-middle fs-caption">
+                <thead>
+                    <tr>
+                        <th scope="col">Text</th>
+                        <th scope="col">Background</th>
+                        <th scope="col">Border</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-blue-100">
+                                <div class="fc-blue-100 d-inline-block p6 ws-nowrap bg-blue-500">.fc-blue-100</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-blue-100 d-inline-block fc-white p6 ws-nowrap fc-black">.bg-blue-100</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-blue-500 fc-white">
+                                    <div class="bc-blue-100 ba d-inline-block p6">.bc-blue-100</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-blue-200">
+                                <div class="fc-blue-200 d-inline-block p6 ws-nowrap bg-blue-500">.fc-blue-200</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-blue-200 d-inline-block fc-white p6 ws-nowrap fc-black">.bg-blue-200</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-blue-500 fc-white">
+                                    <div class="bc-blue-200 ba d-inline-block p6">.bc-blue-200</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-blue-300">
+                                <div class="fc-blue-300 d-inline-block p6 ws-nowrap bg-white">.fc-blue-300</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-blue-300 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-blue-300</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-blue-300 ba d-inline-block p6">.bc-blue-300</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-blue-400">
+                                <div class="fc-blue-400 d-inline-block p6 ws-nowrap bg-white">.fc-blue-400</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-blue-400 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-blue-400</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-blue-400 ba d-inline-block p6">.bc-blue-400</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-blue-500">
+                                <div class="fc-blue-500 d-inline-block p6 ws-nowrap bg-white">.fc-blue-500</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-blue-500 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-blue-500</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-blue-500 ba d-inline-block p6">.bc-blue-500</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-blue-600">
+                                <div class="fc-blue-600 d-inline-block p6 ws-nowrap bg-white">.fc-blue-600</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-blue-600 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-blue-600</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-blue-600 ba d-inline-block p6">.bc-blue-600</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                </tbody>
+            </table>
+        </div>
+    
+        
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="green">Green</h3><a class="s-btn s-btn__clear" href="#green"><span class="v-visible-sr">Section titled Green</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        
+        
+
+        <div class="overflow-x-auto mb48" tabindex="0">
+            <table class="docs-table s-table s-table__bx-simple s-table__condensed va-middle fs-caption">
+                <thead>
+                    <tr>
+                        <th scope="col">Text</th>
+                        <th scope="col">Background</th>
+                        <th scope="col">Border</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-green-100">
+                                <div class="fc-green-100 d-inline-block p6 ws-nowrap bg-green-500">.fc-green-100</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-green-100 d-inline-block fc-white p6 ws-nowrap fc-black">.bg-green-100</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-green-500 fc-white">
+                                    <div class="bc-green-100 ba d-inline-block p6">.bc-green-100</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-green-200">
+                                <div class="fc-green-200 d-inline-block p6 ws-nowrap bg-green-500">.fc-green-200</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-green-200 d-inline-block fc-white p6 ws-nowrap fc-black">.bg-green-200</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-green-500 fc-white">
+                                    <div class="bc-green-200 ba d-inline-block p6">.bc-green-200</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-green-300">
+                                <div class="fc-green-300 d-inline-block p6 ws-nowrap bg-white">.fc-green-300</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-green-300 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-green-300</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-green-300 ba d-inline-block p6">.bc-green-300</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-green-400">
+                                <div class="fc-green-400 d-inline-block p6 ws-nowrap bg-white">.fc-green-400</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-green-400 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-green-400</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-green-400 ba d-inline-block p6">.bc-green-400</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-green-500">
+                                <div class="fc-green-500 d-inline-block p6 ws-nowrap bg-white">.fc-green-500</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-green-500 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-green-500</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-green-500 ba d-inline-block p6">.bc-green-500</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-green-600">
+                                <div class="fc-green-600 d-inline-block p6 ws-nowrap bg-white">.fc-green-600</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-green-600 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-green-600</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-green-600 ba d-inline-block p6">.bc-green-600</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                </tbody>
+            </table>
+        </div>
+    
+        
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="red">Red</h3><a class="s-btn s-btn__clear" href="#red"><span class="v-visible-sr">Section titled Red</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        
+        
+
+        <div class="overflow-x-auto mb48" tabindex="0">
+            <table class="docs-table s-table s-table__bx-simple s-table__condensed va-middle fs-caption">
+                <thead>
+                    <tr>
+                        <th scope="col">Text</th>
+                        <th scope="col">Background</th>
+                        <th scope="col">Border</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-red-100">
+                                <div class="fc-red-100 d-inline-block p6 ws-nowrap bg-red-500">.fc-red-100</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-red-100 d-inline-block fc-white p6 ws-nowrap fc-black">.bg-red-100</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-red-500 fc-white">
+                                    <div class="bc-red-100 ba d-inline-block p6">.bc-red-100</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-red-200">
+                                <div class="fc-red-200 d-inline-block p6 ws-nowrap bg-red-500">.fc-red-200</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-red-200 d-inline-block fc-white p6 ws-nowrap fc-black">.bg-red-200</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-red-500 fc-white">
+                                    <div class="bc-red-200 ba d-inline-block p6">.bc-red-200</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-red-300">
+                                <div class="fc-red-300 d-inline-block p6 ws-nowrap bg-white">.fc-red-300</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-red-300 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-red-300</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-red-300 ba d-inline-block p6">.bc-red-300</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-red-400">
+                                <div class="fc-red-400 d-inline-block p6 ws-nowrap bg-white">.fc-red-400</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-red-400 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-red-400</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-red-400 ba d-inline-block p6">.bc-red-400</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-red-500">
+                                <div class="fc-red-500 d-inline-block p6 ws-nowrap bg-white">.fc-red-500</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-red-500 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-red-500</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-red-500 ba d-inline-block p6">.bc-red-500</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-red-600">
+                                <div class="fc-red-600 d-inline-block p6 ws-nowrap bg-white">.fc-red-600</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-red-600 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-red-600</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-red-600 ba d-inline-block p6">.bc-red-600</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                </tbody>
+            </table>
+        </div>
+    
+        
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="yellow">Yellow</h3><a class="s-btn s-btn__clear" href="#yellow"><span class="v-visible-sr">Section titled Yellow</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        
+        
+
+        <div class="overflow-x-auto mb48" tabindex="0">
+            <table class="docs-table s-table s-table__bx-simple s-table__condensed va-middle fs-caption">
+                <thead>
+                    <tr>
+                        <th scope="col">Text</th>
+                        <th scope="col">Background</th>
+                        <th scope="col">Border</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-yellow-100">
+                                <div class="fc-yellow-100 d-inline-block p6 ws-nowrap bg-yellow-600">.fc-yellow-100</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-yellow-100 d-inline-block fc-white p6 ws-nowrap fc-black">.bg-yellow-100</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-yellow-600 fc-white">
+                                    <div class="bc-yellow-100 ba d-inline-block p6">.bc-yellow-100</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-yellow-200">
+                                <div class="fc-yellow-200 d-inline-block p6 ws-nowrap bg-yellow-600">.fc-yellow-200</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-yellow-200 d-inline-block fc-white p6 ws-nowrap fc-black">.bg-yellow-200</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-yellow-600 fc-white">
+                                    <div class="bc-yellow-200 ba d-inline-block p6">.bc-yellow-200</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-yellow-300">
+                                <div class="fc-yellow-300 d-inline-block p6 ws-nowrap bg-white">.fc-yellow-300</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-yellow-300 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-yellow-300</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-yellow-300 ba d-inline-block p6">.bc-yellow-300</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-yellow-400">
+                                <div class="fc-yellow-400 d-inline-block p6 ws-nowrap bg-white">.fc-yellow-400</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-yellow-400 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-yellow-400</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-yellow-400 ba d-inline-block p6">.bc-yellow-400</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-yellow-500">
+                                <div class="fc-yellow-500 d-inline-block p6 ws-nowrap bg-white">.fc-yellow-500</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-yellow-500 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-yellow-500</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-yellow-500 ba d-inline-block p6">.bc-yellow-500</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-yellow-600">
+                                <div class="fc-yellow-600 d-inline-block p6 ws-nowrap bg-white">.fc-yellow-600</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-yellow-600 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-yellow-600</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-yellow-600 ba d-inline-block p6">.bc-yellow-600</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                </tbody>
+            </table>
+        </div>
+    
+        
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="purple">Purple</h3><a class="s-btn s-btn__clear" href="#purple"><span class="v-visible-sr">Section titled Purple</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        
+        
+
+        <div class="overflow-x-auto mb48" tabindex="0">
+            <table class="docs-table s-table s-table__bx-simple s-table__condensed va-middle fs-caption">
+                <thead>
+                    <tr>
+                        <th scope="col">Text</th>
+                        <th scope="col">Background</th>
+                        <th scope="col">Border</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-purple-100">
+                                <div class="fc-purple-100 d-inline-block p6 ws-nowrap bg-purple-600">.fc-purple-100</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-purple-100 d-inline-block fc-white p6 ws-nowrap fc-black">.bg-purple-100</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-purple-600 fc-white">
+                                    <div class="bc-purple-100 ba d-inline-block p6">.bc-purple-100</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-purple-200">
+                                <div class="fc-purple-200 d-inline-block p6 ws-nowrap bg-purple-600">.fc-purple-200</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-purple-200 d-inline-block fc-white p6 ws-nowrap fc-black">.bg-purple-200</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-purple-600 fc-white">
+                                    <div class="bc-purple-200 ba d-inline-block p6">.bc-purple-200</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-purple-300">
+                                <div class="fc-purple-300 d-inline-block p6 ws-nowrap bg-white">.fc-purple-300</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-purple-300 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-purple-300</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-purple-300 ba d-inline-block p6">.bc-purple-300</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-purple-400">
+                                <div class="fc-purple-400 d-inline-block p6 ws-nowrap bg-white">.fc-purple-400</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-purple-400 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-purple-400</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-purple-400 ba d-inline-block p6">.bc-purple-400</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-purple-500">
+                                <div class="fc-purple-500 d-inline-block p6 ws-nowrap bg-white">.fc-purple-500</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-purple-500 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-purple-500</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-purple-500 ba d-inline-block p6">.bc-purple-500</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-purple-600">
+                                <div class="fc-purple-600 d-inline-block p6 ws-nowrap bg-white">.fc-purple-600</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-purple-600 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-purple-600</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-purple-600 ba d-inline-block p6">.bc-purple-600</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                </tbody>
+            </table>
+        </div>
+    
+        
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="pink">Pink</h3><a class="s-btn s-btn__clear" href="#pink"><span class="v-visible-sr">Section titled Pink</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        
+        
+
+        <div class="overflow-x-auto mb48" tabindex="0">
+            <table class="docs-table s-table s-table__bx-simple s-table__condensed va-middle fs-caption">
+                <thead>
+                    <tr>
+                        <th scope="col">Text</th>
+                        <th scope="col">Background</th>
+                        <th scope="col">Border</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-pink-100">
+                                <div class="fc-pink-100 d-inline-block p6 ws-nowrap bg-pink-600">.fc-pink-100</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-pink-100 d-inline-block fc-white p6 ws-nowrap fc-black">.bg-pink-100</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-pink-600 fc-white">
+                                    <div class="bc-pink-100 ba d-inline-block p6">.bc-pink-100</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-pink-200">
+                                <div class="fc-pink-200 d-inline-block p6 ws-nowrap bg-pink-600">.fc-pink-200</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-pink-200 d-inline-block fc-white p6 ws-nowrap fc-black">.bg-pink-200</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-pink-600 fc-white">
+                                    <div class="bc-pink-200 ba d-inline-block p6">.bc-pink-200</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-pink-300">
+                                <div class="fc-pink-300 d-inline-block p6 ws-nowrap bg-white">.fc-pink-300</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-pink-300 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-pink-300</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-pink-300 ba d-inline-block p6">.bc-pink-300</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-pink-400">
+                                <div class="fc-pink-400 d-inline-block p6 ws-nowrap bg-white">.fc-pink-400</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-pink-400 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-pink-400</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-pink-400 ba d-inline-block p6">.bc-pink-400</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-pink-500">
+                                <div class="fc-pink-500 d-inline-block p6 ws-nowrap bg-white">.fc-pink-500</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-pink-500 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-pink-500</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-pink-500 ba d-inline-block p6">.bc-pink-500</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-pink-600">
+                                <div class="fc-pink-600 d-inline-block p6 ws-nowrap bg-white">.fc-pink-600</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-pink-600 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-pink-600</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-pink-600 ba d-inline-block p6">.bc-pink-600</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                </tbody>
+            </table>
+        </div>
+    
+        
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="black">Black</h3><a class="s-btn s-btn__clear" href="#black"><span class="v-visible-sr">Section titled Black</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        
+        
+
+        <div class="overflow-x-auto mb48" tabindex="0">
+            <table class="docs-table s-table s-table__bx-simple s-table__condensed va-middle fs-caption">
+                <thead>
+                    <tr>
+                        <th scope="col">Text</th>
+                        <th scope="col">Background</th>
+                        <th scope="col">Border</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-black-050">
+                                <div class="fc-black-050 d-inline-block p6 ws-nowrap bg-black-600">.fc-black-050</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-black-050 d-inline-block fc-white p6 ws-nowrap fc-black">.bg-black-050</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-black-600 fc-white">
+                                    <div class="bc-black-050 ba d-inline-block p6">.bc-black-050</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-black-100">
+                                <div class="fc-black-100 d-inline-block p6 ws-nowrap bg-black-600">.fc-black-100</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-black-100 d-inline-block fc-white p6 ws-nowrap fc-black">.bg-black-100</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-black-600 fc-white">
+                                    <div class="bc-black-100 ba d-inline-block p6">.bc-black-100</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-black-150">
+                                <div class="fc-black-150 d-inline-block p6 ws-nowrap bg-black-600">.fc-black-150</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-black-150 d-inline-block fc-white p6 ws-nowrap fc-black">.bg-black-150</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-black-600 fc-white">
+                                    <div class="bc-black-150 ba d-inline-block p6">.bc-black-150</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-black-200">
+                                <div class="fc-black-200 d-inline-block p6 ws-nowrap bg-black-600">.fc-black-200</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-black-200 d-inline-block fc-white p6 ws-nowrap fc-black">.bg-black-200</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-black-600 fc-white">
+                                    <div class="bc-black-200 ba d-inline-block p6">.bc-black-200</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-black-225">
+                                <div class="fc-black-225 d-inline-block p6 ws-nowrap bg-black-600">.fc-black-225</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-black-225 d-inline-block fc-white p6 ws-nowrap fc-black">.bg-black-225</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-black-600 fc-white">
+                                    <div class="bc-black-225 ba d-inline-block p6">.bc-black-225</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-black-250">
+                                <div class="fc-black-250 d-inline-block p6 ws-nowrap bg-black-600">.fc-black-250</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-black-250 d-inline-block fc-white p6 ws-nowrap fc-black">.bg-black-250</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-black-600 fc-white">
+                                    <div class="bc-black-250 ba d-inline-block p6">.bc-black-250</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-black-300">
+                                <div class="fc-black-300 d-inline-block p6 ws-nowrap bg-black-600">.fc-black-300</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-black-300 d-inline-block fc-white p6 ws-nowrap fc-black">.bg-black-300</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-black-600 fc-white">
+                                    <div class="bc-black-300 ba d-inline-block p6">.bc-black-300</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-black-350">
+                                <div class="fc-black-350 d-inline-block p6 ws-nowrap bg-black-600">.fc-black-350</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-black-350 d-inline-block fc-white p6 ws-nowrap fc-black">.bg-black-350</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-black-600 fc-white">
+                                    <div class="bc-black-350 ba d-inline-block p6">.bc-black-350</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-black-400">
+                                <div class="fc-black-400 d-inline-block p6 ws-nowrap bg-white">.fc-black-400</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-black-400 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-black-400</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-black-400 ba d-inline-block p6">.bc-black-400</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-black-500">
+                                <div class="fc-black-500 d-inline-block p6 ws-nowrap bg-white">.fc-black-500</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-black-500 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-black-500</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-black-500 ba d-inline-block p6">.bc-black-500</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+                            
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-black-600">
+                                <div class="fc-black-600 d-inline-block p6 ws-nowrap bg-white">.fc-black-600</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-black-600 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-black-600</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-black-600 ba d-inline-block p6">.bc-black-600</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                        
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+                            
+                            
+                            
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-black-600">
+                                <div class="fc-black-600 d-inline-block p6 ws-nowrap bg-white">.fc-black-600</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-black-600 d-inline-block fc-white p6 ws-nowrap fc-white">.bg-black-600</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-white fc-black">
+                                    <div class="bc-black-600 ba d-inline-block p6">.bc-black-600</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                </tbody>
+            </table>
+        </div>
+    
+        
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="white">White</h3><a class="s-btn s-btn__clear" href="#white"><span class="v-visible-sr">Section titled White</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        
+        
+
+        <div class="overflow-x-auto mb48" tabindex="0">
+            <table class="docs-table s-table s-table__bx-simple s-table__condensed va-middle fs-caption">
+                <thead>
+                    <tr>
+                        <th scope="col">Text</th>
+                        <th scope="col">Background</th>
+                        <th scope="col">Border</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    
+                        
+                        
+
+                        
+                        
+                            
+                        
+                        
+                        
+
+                        
+
+                        <tr class="ff-mono">
+                            <td class="fc-white">
+                                <div class="fc-white d-inline-block p6 ws-nowrap bg-black-600">.fc-white</div>
+                            </td>
+                            <td class="p8">
+                                <div class="bc-inherit bg-white d-inline-block fc-white p6 ws-nowrap fc-black">.bg-white</div>
+                            </td>
+                            <td class="p8">
+                                <div class="d-inline-block p6 bg-black-600 fc-white">
+                                    <div class="bc-white ba d-inline-block p6">.bc-white</div>
+                                </div>
+                            </td>
+                        </tr>
+                    
+                </tbody>
+            </table>
+        </div>
+    
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="aliases">Aliases</h2><a class="s-btn s-btn__clear" href="#aliases"><span class="v-visible-sr">Section titled Aliases</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="body-text">Body text</h3><a class="s-btn s-btn__clear" href="#body-text"><span class="v-visible-sr">Section titled Body text</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"fc-light"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"fc-medium"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"fc-dark"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span></code></pre>
+    </div>
+    
+    <div class="overflow-x-auto mb48" tabindex="0">
+        <table class="docs-table s-table s-table__bx-simple s-table__condensed va-middle fs-caption">
+            <thead>
+                <tr>
+                    <th scope="col" class="s-table--cell3">Text classes</th>
+                    <th scope="col" class="s-table--cell3">Example</th>
+                </tr>
+            </thead>
+            <tbody>
+                
+                    <tr class="ff-mono">
+                        <td class="ws-nowrap">.fc-light</td>
+                        <td class="p8 fc-light">
+                            <p>This is example light text.</p>
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono">
+                        <td class="ws-nowrap">.fc-medium</td>
+                        <td class="p8 fc-medium">
+                            <p>This is example medium text.</p>
+                        </td>
+                    </tr>
+                
+                    <tr class="ff-mono">
+                        <td class="ws-nowrap">.fc-dark</td>
+                        <td class="p8 fc-dark">
+                            <p>This is example dark text.</p>
+                        </td>
+                    </tr>
+                
+            </tbody>
+        </table>
+    </div>
+
+    
+
+    
+    
+        
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="danger">Danger</h3><a class="s-btn s-btn__clear" href="#danger"><span class="v-visible-sr">Section titled Danger</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        <div class="overflow-x-auto mb48" tabindex="0">
+            <table class="docs-table s-table s-table__bx-simple s-table__condensed va-middle fs-caption">
+                <thead>
+                    <tr>
+                        <th scope="col" class="s-table--cell3">Text classes</th>
+                        <th scope="col" class="s-table--cell3">Background classes</th>
+                        <th scope="col">Border Classes</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr class="ff-mono">
+                        <td class="fc-danger">.fc-danger</td>
+                        <td class="p8">
+                            <div class="bg-danger d-inline-block fc-white p8 ws-nowrap">.bg-danger</div>
+                        </td>
+                        <td class="p8">
+                            <div class="bc-danger ba d-inline-block p8">.bc-danger</div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    
+        
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="error">Error</h3><a class="s-btn s-btn__clear" href="#error"><span class="v-visible-sr">Section titled Error</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        <div class="overflow-x-auto mb48" tabindex="0">
+            <table class="docs-table s-table s-table__bx-simple s-table__condensed va-middle fs-caption">
+                <thead>
+                    <tr>
+                        <th scope="col" class="s-table--cell3">Text classes</th>
+                        <th scope="col" class="s-table--cell3">Background classes</th>
+                        <th scope="col">Border Classes</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr class="ff-mono">
+                        <td class="fc-error">.fc-error</td>
+                        <td class="p8">
+                            <div class="bg-error d-inline-block fc-white p8 ws-nowrap">.bg-error</div>
+                        </td>
+                        <td class="p8">
+                            <div class="bc-error ba d-inline-block p8">.bc-error</div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    
+        
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="warning">Warning</h3><a class="s-btn s-btn__clear" href="#warning"><span class="v-visible-sr">Section titled Warning</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        <div class="overflow-x-auto mb48" tabindex="0">
+            <table class="docs-table s-table s-table__bx-simple s-table__condensed va-middle fs-caption">
+                <thead>
+                    <tr>
+                        <th scope="col" class="s-table--cell3">Text classes</th>
+                        <th scope="col" class="s-table--cell3">Background classes</th>
+                        <th scope="col">Border Classes</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr class="ff-mono">
+                        <td class="fc-warning">.fc-warning</td>
+                        <td class="p8">
+                            <div class="bg-warning d-inline-block fc-white p8 ws-nowrap">.bg-warning</div>
+                        </td>
+                        <td class="p8">
+                            <div class="bc-warning ba d-inline-block p8">.bc-warning</div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    
+        
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="success">Success</h3><a class="s-btn s-btn__clear" href="#success"><span class="v-visible-sr">Section titled Success</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        <div class="overflow-x-auto mb48" tabindex="0">
+            <table class="docs-table s-table s-table__bx-simple s-table__condensed va-middle fs-caption">
+                <thead>
+                    <tr>
+                        <th scope="col" class="s-table--cell3">Text classes</th>
+                        <th scope="col" class="s-table--cell3">Background classes</th>
+                        <th scope="col">Border Classes</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr class="ff-mono">
+                        <td class="fc-success">.fc-success</td>
+                        <td class="p8">
+                            <div class="bg-success d-inline-block fc-white p8 ws-nowrap">.bg-success</div>
+                        </td>
+                        <td class="p8">
+                            <div class="bc-success ba d-inline-block p8">.bc-success</div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    
+</section>
+
+
+            <!-- <div class="d-flex my48 pt24">
+                <div class="mr16">
+                    
+                    <form
+                        id="quick-positive-feedback-colors"
+                        class="js-feedback-form v-hidden"
+                        name="quick-positive-feedback-colors"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <form
+                        id="quick-negative-feedback-colors"
+                        class="js-feedback-form v-hidden"
+                        name="quick-negative-feedback-colors"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-positive"
+                        role="tooltip">
+                        <div class="s-popover--content">This page is useful</div>
+                    </div>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-negative"
+                        role="tooltip">
+                        <div class="s-popover--content">This page needs improvement</div>
+                    </div>
+                    <div id="vote-feedback" class="s-vote">
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-positive-feedback-colors"
+                            aria-describedby="tooltip-feedback-positive"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUp" aria-hidden="true"><path d="M10 3q.41.02.64.36l6.9 11.5a.75.75 0 1 1-1.28.78L10 5.21l-5.58 9.3h8.04v-.01h1.1l.97 1.5H3.1a.75.75 0 0 1-.65-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUpFill" aria-hidden="true"><path d="M10 3h.1a1 1 0 0 1 .42.21l.12.15 6.9 11.5.05.09v.03l.02.04q.04.12.04.26v.03q0 .13-.07.25v.02l-.03.04a1 1 0 0 1-.2.23l-.06.05-.04.01-.04.03-.04.01a1 1 0 0 1-.27.05H3a.75.75 0 0 1-.55-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="v-visible-sr">upvote</span>
+                        </button>
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-negative-feedback-colors"
+                            aria-describedby="tooltip-feedback-negative"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDown" aria-hidden="true"><path d="M10 16a.8.8 0 0 1-.64-.36l-6.9-11.5a.75.75 0 1 1 1.28-.78L10 13.8l5.58-9.3H6.44L5.47 3H16.9a.75.75 0 0 1 .65 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDownFill" aria-hidden="true"><path d="M10 16h-.1l-.1-.02a.8.8 0 0 1-.45-.34l-6.9-11.5-.04-.08-.01-.04L2.39 4a1 1 0 0 1-.04-.26V3.7q0-.14.06-.26l.01-.02.02-.04a1 1 0 0 1 .27-.27l.03-.02.05-.02.04-.02A1 1 0 0 1 3.1 3H17a.75.75 0 0 1 .54 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="v-visible-sr">downvote</span>
+                        </button>
+                    </div>
+                </div>
+
+                <form
+                    class="w100 js-feedback-form"
+                    name="feedback-colors"
+                    method="POST"
+                    data-netlify="true"
+                    action="/success">
+                    <fieldset class="d-flex fd-column fl-grow1 g16">
+                        <legend class="fs-title fw-bold">How’d we do?</legend>
+                        <div class="fs-body2">Anonymously upvote, downvote, or send additional feedback below.</div>
+
+                        <textarea
+                            class="s-textarea hmn1"
+                            id="feedback-form"
+                            name="additional-feedback"
+                            placeholder="Tell us how we can improve this page…" required></textarea>
+
+                        <div class="d-flex ai-center fd-row-reverse g8 jc-space-between mln6 sm:d-grid sm:grid__1 sm:ml0">
+                            <button
+                                type="submit"
+                                class="s-btn as-start fl-shrink0">
+                                Send feedback
+                            </button>
+                            <div class="d-flex fw-wrap g8 sm:d-grid sm:grid__1">
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/edit/develop/packages/stacks-docs/./product/foundation/colors.html"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    <svg aria-hidden="true" class="svg-icon iconPencilSm" width="14" height="14"  viewBox="0 0 14 14"><path fill="#F1B600" d="m2 10.12 6.37-6.43 1.88 1.88L3.88 12H2z"/><path fill="#E87C87" d="m11.1 1.71 1.13 1.12c.2.2.2.51 0 .71L11.1 4.7 9.21 2.86l1.17-1.15c.2-.2.51-.2.71 0"/></svg>
+                                    Edit
+                                </a>
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/issues/new/choose"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    File an issue
+                                </a>
+                            </div>
+                        </div>
+                    </fieldset>
+                </form>
+            </div> -->
+
+            <!-- <div class="ta-right">
+                <a href="https://www.netlify.com"><img src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg" alt="Deploys by Netlify" /></a>
+            </div> -->
diff --git a/packages/stacks-docs-next/src/docs/public/system/foundation/typography.md b/packages/stacks-docs-next/src/docs/public/system/foundation/typography.md
new file mode 100644
index 0000000000..7468cc2620
--- /dev/null
+++ b/packages/stacks-docs-next/src/docs/public/system/foundation/typography.md
@@ -0,0 +1,742 @@
+---
+title: "Typography"
+description: "Stacks provides atomic classes to override default styling of typography. Change typographic weights, styles, and alignment with these atomic styles."
+figma: "https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=50-9087"
+---
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="basic">Basic</h2><a class="s-btn s-btn__clear" href="#basic"><span class="v-visible-sr">Section titled Basic</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">These styles should only be used as overrides. They shouldn’t replace standard semantic uses of <code>strong</code> or <code>em</code> tags.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="basic-classes">Basic classes</h3><a class="s-btn s-btn__clear" href="#basic-classes"><span class="v-visible-sr">Section titled Basic classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="overflow-x-auto mb32" tabindex="0">
+        <table class="docs-table s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th class="s-table--cell2" scope="col">Class</th>
+                    <th class="s-table--cell3" scope="col">Output</th>
+                    <th scope="col">Definition</th>
+                </tr>
+            </thead>
+            <tbody>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.fw-normal</code></th>
+                        <td><code>font-weight: 400;</code></td>
+                        <td><p class="mt0">Normal font weight. Maps to 400.</p></td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.fw-medium</code></th>
+                        <td><code>font-weight: 500;</code></td>
+                        <td><p class="mt0">Medium font weight. Maps to 500.</p></td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.fw-bold</code></th>
+                        <td><code>font-weight: 600;</code></td>
+                        <td><p class="mt0">Bold font weight. Maps to 600.</p></td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.fs-normal</code></th>
+                        <td><code>font-style: normal;</code></td>
+                        <td><p class="mt0">Selects the normal font within the font-family.</p></td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.fs-italic</code></th>
+                        <td><code>font-style: italic;</code></td>
+                        <td><p class="mt0">Selects the italic font within the font-family.</p></td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.tt-capitalize</code></th>
+                        <td><code>text-transform: capitalize;</code></td>
+                        <td><p class="mt0">The first character in each word is capitalized regardless of markup.</p></td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.tt-lowercase</code></th>
+                        <td><code>text-transform: lowercase;</code></td>
+                        <td><p class="mt0">All characters are lowercase regardless of markup.</p></td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.tt-uppercase</code></th>
+                        <td><code>text-transform: uppercase;</code></td>
+                        <td><p class="mt0">All characters are uppercase regardless of markup.</p></td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.tt-none</code></th>
+                        <td><code>text-transform: none;</code></td>
+                        <td><p class="mt0">Characters in a string remain unchanged.</p></td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.tt-unset</code></th>
+                        <td><code>text-transform: unset;</code></td>
+                        <td><p class="mt0">Text-transform is unset entirely.</p></td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.td-underline</code></th>
+                        <td><code>text-decoration: underline;</code></td>
+                        <td><p class="mt0">Text renders with an underline.</p></td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.td-none</code></th>
+                        <td><code>text-decoration: none;</code></td>
+                        <td><p class="mt0">Text renders without an underline.</p></td>
+                    </tr>
+                
+            </tbody>
+        </table>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="basic-examples">Basic examples</h3><a class="s-btn s-btn__clear" href="#basic-examples"><span class="v-visible-sr">Section titled Basic examples</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"fw-normal"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"fw-bold"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"fs-normal"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"fs-italic"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"fs-unset"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"tt-capitalize"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"tt-lowercase"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"tt-uppercase"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"tt-none"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"tt-unset"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><br><span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"td-underline"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"td-none"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div class="d-flex fd-column gy16">
+                <div><strong>Font Weight:</strong> Normal</div>
+                <div><strong>Font Weight:</strong> <span class="fw-bold">Bold</span></div>
+                <div><strong>Font Style:</strong> <span class="fs-normal">Normal</span></div>
+                <div><strong>Font Style:</strong> <span class="fs-italic">Italic</span></div>
+                <div class="mb32"><strong>Font Style:</strong> <span class="fs-unset">Unset</span></div>
+                <div><strong>Text Transform:</strong> <span class="tt-capitalize">Capitalize</span></div>
+                <div><strong>Text Transform:</strong> <span class="tt-lowercase">Lowercase</span></div>
+                <div><strong>Text Transform:</strong> <span class="tt-uppercase">Uppercase</span></div>
+                <div><strong>Text Transform:</strong> <span class="tt-none">None</span></div>
+                <div class="mb32"><strong>Text Transform:</strong> <span class="tt-unset">Unset</span></div>
+                <div><strong>Text Decoration:</strong> <a><span class="td-underline">Underline</span></a></div>
+                <div><strong>Text Decoration:</strong> <a><span class="td-none">None</span></a></div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section id="typography-layout" class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="layout">Layout</h2><a class="s-btn s-btn__clear" href="#layout"><span class="v-visible-sr">Section titled Layout</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="layout-classes">Layout classes</h3><a class="s-btn s-btn__clear" href="#layout-classes"><span class="v-visible-sr">Section titled Layout classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="overflow-x-auto mb32" tabindex="0">
+        <table class="docs-table s-table s-table__bx-simple va-middle">
+            <thead>
+                <tr>
+                    <th class="s-table--cell2" scope="col">Class</th>
+                    <th class="s-table--cell3" scope="col">Output</th>
+                    <th scope="col">Definition</th>
+                    <th class="s-table--cell2 ta-center" scope="col"><a class="s-link s-link__inherit" href="/product/develop/conditional-classes#responsive">Responsive?</a></th>
+                </tr>
+            </thead>
+            <tbody>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.ta-left</code></th>
+                        <td><code>text-align: left;</code></td>
+                        <td><p class="m0">Inline contents are aligned to the left edge.</p></td>
+                        <td class="ta-center">
+                            
+                                <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.ta-center</code></th>
+                        <td><code>text-align: center;</code></td>
+                        <td><p class="m0">Inline contents are aligned to the center.</p></td>
+                        <td class="ta-center">
+                            
+                                <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.ta-right</code></th>
+                        <td><code>text-align: right;</code></td>
+                        <td><p class="m0">Inline contents are aligned to the right edge.</p></td>
+                        <td class="ta-center">
+                            
+                                <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5z"></path></svg>
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.ta-justify</code></th>
+                        <td><code>text-align: justify;</code></td>
+                        <td><p class="m0">Inline contents are justified. Text should be spaced to line up its left and right edges to the left and right edges, except for the last line.</p></td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.ws-normal</code></th>
+                        <td><code>white-space: normal;</code></td>
+                        <td><p class="m0">Lines are broken as necessary to fill the parent.</p></td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.ws-nowrap</code></th>
+                        <td><code>white-space: nowrap;</code></td>
+                        <td><p class="m0">Text wrapping is disabled.</p></td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.ws-pre</code></th>
+                        <td><code>white-space: pre;</code></td>
+                        <td><p class="m0">Whitespace is preserved but text won’t wrap.</p></td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.ws-pre-wrap</code></th>
+                        <td><code>white-space: pre-wrap;</code></td>
+                        <td><p class="m0">Whitespace is preserved but text will wrap. New lines are preserved.</p></td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.ws-pre-line</code></th>
+                        <td><code>white-space: pre-line;</code></td>
+                        <td><p class="m0">Whitespace is preserved but text will wrap. New lines are collapsed.</p></td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.ow-normal</code></th>
+                        <td><code>word-break: normal;</code></td>
+                        <td><p class="m0">Restores overflow wrapping behavior.</p></td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.ow-anywhere</code></th>
+                        <td><code>overflow-wrap: anywhere;</code></td>
+                        <td><p class="m0">Breaks a string of characters at any point when no other acceptable break points are available and does not hyphenate the break.</p></td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.ow-break-word</code></th>
+                        <td><code>overflow-wrap: break-word;</code></td>
+                        <td><p class="m0">Breaks a word to a new line only if the entire word cannot be placed on its own line without overflowing.</p></td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.ow-inherit</code></th>
+                        <td><code>overflow-wrap: inherit;</code></td>
+                        <td><p class="m0">Inherits the parent value.</p></td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.ow-intial</code></th>
+                        <td><code>overflow-wrap: intial;</code></td>
+                        <td><p class="m0">Restores the value to the initial value set on the body.</p></td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.ow-unset</code></th>
+                        <td><code>overflow-wrap: unset;</code></td>
+                        <td><p class="m0">Unsets any inherited behavior. Does not work in IE.</p></td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.break-word</code></th>
+                        <td><code>word-break: break-word; overflow-wrap: break-word; hyphens: auto;</code></td>
+                        <td><p class="m0">A utility class combining all word-break strategies when you absolutely must break a word.</p></td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.wb-normal</code></th>
+                        <td><code>word-break: normal;</code></td>
+                        <td><p class="m0">Restores word break behavior.</p></td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.wb-break-all</code></th>
+                        <td><code>word-break: break-all;</code></td>
+                        <td><p class="m0">To prevent copy from overflowing its box, breaks should occur between any two characters (excluding Chinese, Japanese, and Korean text)</p></td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.wb-keep-all</code></th>
+                        <td><code>word-break: keep-all;</code></td>
+                        <td><p class="m0">Removes word breaks for Chinese, Japanese, and Korean text. All other text behavior is the same as normal.</p></td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.wb-inherit</code></th>
+                        <td><code>word-break: inherit;</code></td>
+                        <td><p class="m0">Inherits the parent value.</p></td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.wb-intial</code></th>
+                        <td><code>word-break: intial;</code></td>
+                        <td><p class="m0">Restores the value to the initial value set on the body.</p></td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+                    <tr class="fs-caption">
+                        <th scope="row"><code>.wb-unset</code></th>
+                        <td><code>word-break: unset;</code></td>
+                        <td><p class="m0">Unsets any inherited behavior.</p></td>
+                        <td class="ta-center">
+                            
+                        </td>
+                    </tr>
+                
+            </tbody>
+        </table>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="layout-examples">Layout examples</h3><a class="s-btn s-btn__clear" href="#layout-examples"><span class="v-visible-sr">Section titled Layout examples</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ta-left"</span>&gt;</span>Text align: Left<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ta-center"</span>&gt;</span>Text align: Center<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ta-right"</span>&gt;</span>Text align: Right<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ta-justify"</span>&gt;</span>Justify: …<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ta-unset"</span>&gt;</span>Text align: Unset<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ws-normal"</span>&gt;</span>White-space: Normal<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ws-nowrap"</span>&gt;</span>White-space: Nowrap<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ws-pre"</span>&gt;</span>White-space: Pre<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ws-pre-wrap"</span>&gt;</span>White-space: Pre-wrap<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ws-pre-line"</span>&gt;</span>White-space: Pre-line<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ws-unset"</span>&gt;</span>White-space: Unset<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"break-word"</span>&gt;</span>Break word<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"truncate"</span>&gt;</span>Truncate: …<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <p class="ta-left"><strong>Text Align:</strong> Left</p>
+            <p class="ta-center"><strong>Text Align:</strong> Center</p>
+            <p class="ta-right"><strong>Text Align:</strong> Right</p>
+            <p class="ta-justify"><strong>Text Align:</strong> Justify — Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+            <p class="ta-unset mb32"><strong>Text Align:</strong> Unset</p>
+            <p class="ws-normal"><strong>White-space:</strong> Normal</p>
+            <p class="ws-nowrap"><strong>White-space:</strong> Nowrap</p>
+            <p class="ws-pre"><strong>White-space:</strong> Pre</p>
+            <p class="ws-pre-wrap"><strong>White-space:</strong> Pre-wrap</p>
+            <p class="ws-pre-line"><strong>White-space:</strong> Pre-line</p>
+            <p class="ws-unset mb32"><strong>White-space:</strong> Unset</p>
+            <p class="break-word mb32"><strong>Break word:</strong> MethionylglutaminylarginylhionylglutaminylargintyrosylglutamylmethionylglutaminylarginyltyrlarginyltyrosylglutamylMethionylglutaminylarginyltyrosylglutamylnyltyrosylserinemethionylglutaminylargiglutamylmethionyosylglutamylmethionylglutaminylglutaminylarginyltyrosylglutamylmethionylglutaminylarginyltyrosylglutamylmetyltyrosylglutamylserine</p>
+        </div>
+    </div>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="fonts">Fonts</h2><a class="s-btn s-btn__clear" href="#fonts"><span class="v-visible-sr">Section titled Fonts</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ff-sans"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ff-serif"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ff-mono"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"ff-inherit"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span></code></pre>
+        <div class="docs-preview--example d-flex fd-column gy16 my0 fs-subheading">
+            <div>
+                <p class="ff-sans mb0">Sans Serif</p>
+                <p class="ff-mono fs-caption fc-light">-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"</p>
+            </div>
+            <div>
+                <p class="ff-serif mb0">Serif</p>
+                <p class="ff-mono fs-caption fc-light">Georgia, Cambria, "Times New Roman", Times, serif</p>
+            </div>
+            <div>
+                <p class="ff-mono mb0">Monospace</p>
+                <p class="ff-mono fs-caption fc-light mb0">"SF Mono", SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace</p>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="sizes">Sizes</h2><a class="s-btn s-btn__clear" href="#sizes"><span class="v-visible-sr">Section titled Sizes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">
+        Fonts larger than <code>.fs-body1</code> are reduced in size at the smallest responsive breakpoint. <code>.fs-body1</code> or smaller remain fixed at their initial pixel values.
+    </p>
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="size-classes">Size classes</h3><a class="s-btn s-btn__clear" href="#size-classes"><span class="v-visible-sr">Section titled Size classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="overflow-x-auto mb32" tabindex="0">
+        <table class="docs-table s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th scope="col">Class</th>
+                    <th scope="col">Size</th>
+                    <th scope="col">Line Height</th>
+                    <th scope="col">Responsive Size</th>
+                </tr>
+            </thead>
+            <tbody>
+                
+                    <tr>
+                        <th scope="row"><code>.fs-fine</code></th>
+                        <td><code>12px</code></td>
+                        <td><code>1.36</code></td>
+                        <td><code>12px</code></td>
+                    </tr>
+                
+                    <tr>
+                        <th scope="row"><code>.fs-caption</code></th>
+                        <td><code>13px</code></td>
+                        <td><code>1.40</code></td>
+                        <td><code>13px</code></td>
+                    </tr>
+                
+                    <tr>
+                        <th scope="row"><code>.fs-body1</code></th>
+                        <td><code>14px</code></td>
+                        <td><code>1.40</code></td>
+                        <td><code>14px</code></td>
+                    </tr>
+                
+                    <tr>
+                        <th scope="row"><code>.fs-body2</code></th>
+                        <td><code>16px</code></td>
+                        <td><code>1.40</code></td>
+                        <td><code>15px</code></td>
+                    </tr>
+                
+                    <tr>
+                        <th scope="row"><code>.fs-body3</code></th>
+                        <td><code>18px</code></td>
+                        <td><code>1.40</code></td>
+                        <td><code>16px</code></td>
+                    </tr>
+                
+                    <tr>
+                        <th scope="row"><code>.fs-subheading</code></th>
+                        <td><code>20px</code></td>
+                        <td><code>1.40</code></td>
+                        <td><code>18px</code></td>
+                    </tr>
+                
+                    <tr>
+                        <th scope="row"><code>.fs-title</code></th>
+                        <td><code>22px</code></td>
+                        <td><code>1.40</code></td>
+                        <td><code>20px</code></td>
+                    </tr>
+                
+                    <tr>
+                        <th scope="row"><code>.fs-headline1</code></th>
+                        <td><code>28px</code></td>
+                        <td><code>1.40</code></td>
+                        <td><code>23px</code></td>
+                    </tr>
+                
+                    <tr>
+                        <th scope="row"><code>.fs-headline2</code></th>
+                        <td><code>36px</code></td>
+                        <td><code>1.40</code></td>
+                        <td><code>26px</code></td>
+                    </tr>
+                
+                    <tr>
+                        <th scope="row"><code>.fs-display1</code></th>
+                        <td><code>46px</code></td>
+                        <td><code>1.34</code></td>
+                        <td><code>29px</code></td>
+                    </tr>
+                
+                    <tr>
+                        <th scope="row"><code>.fs-display2</code></th>
+                        <td><code>58px</code></td>
+                        <td><code>1.28</code></td>
+                        <td><code>34px</code></td>
+                    </tr>
+                
+                    <tr>
+                        <th scope="row"><code>.fs-display3</code></th>
+                        <td><code>72px</code></td>
+                        <td><code>1.20</code></td>
+                        <td><code>37px</code></td>
+                    </tr>
+                
+                    <tr>
+                        <th scope="row"><code>.fs-display4</code></th>
+                        <td><code>100px</code></td>
+                        <td><code>1.18</code></td>
+                        <td><code>43px</code></td>
+                    </tr>
+                
+            </tbody>
+        </table>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="size-examples">Size examples</h3><a class="s-btn s-btn__clear" href="#size-examples"><span class="v-visible-sr">Section titled Size examples</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"fs-fine"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"fs-caption"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"fs-body1"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"fs-body2"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"fs-body3"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"fs-subheading"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"fs-title"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"fs-headline1"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"fs-headline2"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"fs-display1"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"fs-display2"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"fs-display3"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"fs-display4"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span></code></pre>
+        <div class="docs-preview--example d-flex fd-column g24 my0">
+            
+                <div class="d-flex fd-column">
+                    <div class="fc-black-400 fs-caption fw-bold">Fine</div>
+                    <div class="fs-fine">
+                        <span class="v-truncate2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span>
+                    </div>
+                </div>
+            
+                <div class="d-flex fd-column">
+                    <div class="fc-black-400 fs-caption fw-bold">Caption</div>
+                    <div class="fs-caption">
+                        <span class="v-truncate2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span>
+                    </div>
+                </div>
+            
+                <div class="d-flex fd-column">
+                    <div class="fc-black-400 fs-caption fw-bold">Body 1</div>
+                    <div class="fs-body1">
+                        <span class="v-truncate2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span>
+                    </div>
+                </div>
+            
+                <div class="d-flex fd-column">
+                    <div class="fc-black-400 fs-caption fw-bold">Body 2</div>
+                    <div class="fs-body2">
+                        <span class="v-truncate2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span>
+                    </div>
+                </div>
+            
+                <div class="d-flex fd-column">
+                    <div class="fc-black-400 fs-caption fw-bold">Body 3</div>
+                    <div class="fs-body3">
+                        <span class="v-truncate2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span>
+                    </div>
+                </div>
+            
+                <div class="d-flex fd-column">
+                    <div class="fc-black-400 fs-caption fw-bold">Subheading</div>
+                    <div class="fs-subheading">
+                        <span class="v-truncate2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span>
+                    </div>
+                </div>
+            
+                <div class="d-flex fd-column">
+                    <div class="fc-black-400 fs-caption fw-bold">Title</div>
+                    <div class="fs-title">
+                        <span class="v-truncate2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span>
+                    </div>
+                </div>
+            
+                <div class="d-flex fd-column">
+                    <div class="fc-black-400 fs-caption fw-bold">Headline 1</div>
+                    <div class="fs-headline1">
+                        <span class="v-truncate2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span>
+                    </div>
+                </div>
+            
+                <div class="d-flex fd-column">
+                    <div class="fc-black-400 fs-caption fw-bold">Headline 2</div>
+                    <div class="fs-headline2">
+                        <span class="v-truncate2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span>
+                    </div>
+                </div>
+            
+                <div class="d-flex fd-column">
+                    <div class="fc-black-400 fs-caption fw-bold">Display 1</div>
+                    <div class="fs-display1">
+                        <span class="v-truncate2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span>
+                    </div>
+                </div>
+            
+                <div class="d-flex fd-column">
+                    <div class="fc-black-400 fs-caption fw-bold">Display 2</div>
+                    <div class="fs-display2">
+                        <span class="v-truncate2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span>
+                    </div>
+                </div>
+            
+                <div class="d-flex fd-column">
+                    <div class="fc-black-400 fs-caption fw-bold">Display 3</div>
+                    <div class="fs-display3">
+                        <span class="v-truncate2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span>
+                    </div>
+                </div>
+            
+                <div class="d-flex fd-column">
+                    <div class="fc-black-400 fs-caption fw-bold">Display 4</div>
+                    <div class="fs-display4">
+                        <span class="v-truncate2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span>
+                    </div>
+                </div>
+            
+        </div>
+    </div>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="line-height">Line height</h2><a class="s-btn s-btn__clear" href="#line-height"><span class="v-visible-sr">Section titled Line height</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"lh-xs"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"lh-sm"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"lh-md"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"lh-lg"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"lh-xl"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"lh-xxl"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"lh-unset"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <p class="lh-xs"><strong>Line Height XS:</strong> This sets the <code>line-height</code> value to <code>1</code>. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+            <p class="lh-sm"><strong>Line Height SM:</strong> This sets the <code>line-height</code> value to <code>1.15</code>. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+            <p class="lh-md"><strong>Line Height MD:</strong> This sets the <code>line-height</code> value to <code>1.3</code>. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+            <p class="lh-lg"><strong>Line Height LG:</strong> This sets the <code>line-height</code> value to <code>1.6</code>. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+            <p class="lh-xl"><strong>Line Height XL:</strong> This sets the <code>line-height</code> value to <code>1.92</code>. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+            <p class="lh-xxl"><strong>Line Height XXL:</strong> This sets the <code>line-height</code> value to <code>2</code>. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+            <p class="lh-unset"><strong>Line Height Unset:</strong> This sets the <code>line-height</code> value to <code>initial</code>. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+        </div>
+    </div>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="hyphenation">Hyphenation</h2><a class="s-btn s-btn__clear" href="#hyphenation"><span class="v-visible-sr">Section titled Hyphenation</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Our hyphenation classes determine when text that wraps across multiple lines is hyphenated. You can prevent hyphenation entirely, or allow the browser to automatically hypenate.</p>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"hyphens-none"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"hyphens-auto"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span></code></pre>
+        <div class="docs-preview--example d-flex">
+            <div class="docs-box hyphens-none ow-break-word w96 mr16">
+                This text will not be hyphenated when large words break—longer words are broken by <code class="bg-black-250">.ow-break-word</code>.
+            </div>
+            <div class="docs-box hyphens-auto w96">
+                This text will be hyphenated when large words break. <code class="bg-black-250">.ow-break-word</code> shouldn’t be necessary since breaks are implied by hyphenation rules.
+            </div>
+        </div>
+    </div>
+</section>
+
+
+            <!-- <div class="d-flex my48 pt24">
+                <div class="mr16">
+                    
+                    <form
+                        id="quick-positive-feedback-typography"
+                        class="js-feedback-form v-hidden"
+                        name="quick-positive-feedback-typography"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <form
+                        id="quick-negative-feedback-typography"
+                        class="js-feedback-form v-hidden"
+                        name="quick-negative-feedback-typography"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-positive"
+                        role="tooltip">
+                        <div class="s-popover--content">This page is useful</div>
+                    </div>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-negative"
+                        role="tooltip">
+                        <div class="s-popover--content">This page needs improvement</div>
+                    </div>
+                    <div id="vote-feedback" class="s-vote">
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-positive-feedback-typography"
+                            aria-describedby="tooltip-feedback-positive"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUp" aria-hidden="true"><path d="M10 3q.41.02.64.36l6.9 11.5a.75.75 0 1 1-1.28.78L10 5.21l-5.58 9.3h8.04v-.01h1.1l.97 1.5H3.1a.75.75 0 0 1-.65-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUpFill" aria-hidden="true"><path d="M10 3h.1a1 1 0 0 1 .42.21l.12.15 6.9 11.5.05.09v.03l.02.04q.04.12.04.26v.03q0 .13-.07.25v.02l-.03.04a1 1 0 0 1-.2.23l-.06.05-.04.01-.04.03-.04.01a1 1 0 0 1-.27.05H3a.75.75 0 0 1-.55-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="v-visible-sr">upvote</span>
+                        </button>
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-negative-feedback-typography"
+                            aria-describedby="tooltip-feedback-negative"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDown" aria-hidden="true"><path d="M10 16a.8.8 0 0 1-.64-.36l-6.9-11.5a.75.75 0 1 1 1.28-.78L10 13.8l5.58-9.3H6.44L5.47 3H16.9a.75.75 0 0 1 .65 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDownFill" aria-hidden="true"><path d="M10 16h-.1l-.1-.02a.8.8 0 0 1-.45-.34l-6.9-11.5-.04-.08-.01-.04L2.39 4a1 1 0 0 1-.04-.26V3.7q0-.14.06-.26l.01-.02.02-.04a1 1 0 0 1 .27-.27l.03-.02.05-.02.04-.02A1 1 0 0 1 3.1 3H17a.75.75 0 0 1 .54 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="v-visible-sr">downvote</span>
+                        </button>
+                    </div>
+                </div>
+
+                <form
+                    class="w100 js-feedback-form"
+                    name="feedback-typography"
+                    method="POST"
+                    data-netlify="true"
+                    action="/success">
+                    <fieldset class="d-flex fd-column fl-grow1 g16">
+                        <legend class="fs-title fw-bold">How’d we do?</legend>
+                        <div class="fs-body2">Anonymously upvote, downvote, or send additional feedback below.</div>
+
+                        <textarea
+                            class="s-textarea hmn1"
+                            id="feedback-form"
+                            name="additional-feedback"
+                            placeholder="Tell us how we can improve this page…" required></textarea>
+
+                        <div class="d-flex ai-center fd-row-reverse g8 jc-space-between mln6 sm:d-grid sm:grid__1 sm:ml0">
+                            <button
+                                type="submit"
+                                class="s-btn as-start fl-shrink0">
+                                Send feedback
+                            </button>
+                            <div class="d-flex fw-wrap g8 sm:d-grid sm:grid__1">
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/edit/develop/packages/stacks-docs/./product/foundation/typography.html"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    <svg aria-hidden="true" class="svg-icon iconPencilSm" width="14" height="14"  viewBox="0 0 14 14"><path fill="#F1B600" d="m2 10.12 6.37-6.43 1.88 1.88L3.88 12H2z"/><path fill="#E87C87" d="m11.1 1.71 1.13 1.12c.2.2.2.51 0 .71L11.1 4.7 9.21 2.86l1.17-1.15c.2-.2.51-.2.71 0"/></svg>
+                                    Edit
+                                </a>
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/issues/new/choose"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    File an issue
+                                </a>
+                            </div>
+                        </div>
+                    </fieldset>
+                </form>
+            </div> -->
+
+            <!-- <div class="ta-right">
+                <a href="https://www.netlify.com"><img src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg" alt="Deploys by Netlify" /></a>
+            </div> -->
diff --git a/packages/stacks-docs-next/src/routes/+layout.svelte b/packages/stacks-docs-next/src/routes/+layout.svelte
index 3e6e67f9ce..29e853b971 100644
--- a/packages/stacks-docs-next/src/routes/+layout.svelte
+++ b/packages/stacks-docs-next/src/routes/+layout.svelte
@@ -25,9 +25,9 @@
 	<link rel="icon" href={Favicon} />
 </svelte:head>
 
-<header class="d-flex fd-column w20 sm:w100 hmx100 h-screen sm:h-auto overflow-auto ps-fixed z-nav sm:ps-static">
-	<div class="d-flex ai-center bg-black-100 pt16 px24 sm:pr6 sm:pb12 sm:pt12">
-		<a href={resolve('/')} title="Home" class="fc-brand-orange mr-auto">
+<header class="d-flex fd-column w20 sm:w100 hmx100 h-screen sm:h-auto overflow-auto ps-fixed z-nav sm:ps-static ff-stack-sans-headline">
+	<div class="d-flex ai-center bg-black-100 pt32 px24 sm:pr6 sm:pb12 sm:pt12">
+		<a href={resolve('/')} title="Home" class="fc-brand mr-auto">
 			<Icon src={IconLogo} />
 		</a>
 
@@ -38,19 +38,19 @@
 		</Button>
 	</div>
 
-	<div class={`d-flex fd-column h100 ${mobileMenu ? '' : 'sm:d-none'}`}>
+	<div class={`d-flex fd-column h100 pt16 ${mobileMenu ? '' : 'sm:d-none'}`}>
 		<Navigation
 			navigation={data.structure?.navigation}
 		/>
 
 		<div class="d-flex pt12 pb12 px12 mt-auto">
-			<div class="flex--item6 mr4 sm:mr0">
+			<div class="w50 mr4 sm:mr0">
 				<Button target="_blank" href="https://github.com/StackExchange/Stacks/" class="w100" weight="clear">
 					<Icon src={IconServiceGitHub} />
 					GitHub
 				</Button>
 			</div>
-			<div class="flex--item6 ml4 sm:ml0">
+			<div class="w50 ml4 sm:ml0">
 				<ThemeToggle />
 			</div>
 		</div>
@@ -62,9 +62,11 @@
 		This is a brand focused preview – for developer reference please see <a href="https://stackoverflow.design" class="s-link fc-white s-link__underlined">the current docs</a> or <a href="https://beta.stackoverflow.design" class="s-link fc-white s-link__underlined">the beta release</a>.
 	</div> -->
 
-	<div class="my-auto">
+	<div class="fl-grow1">
 		{#if data.needsAuth}
-			<Login returnUrl={page.url.pathname} />
+			<div class="my-auto">
+				<Login returnUrl={page.url.pathname} />
+			</div>
 		{:else}
 			{@render children?.()}
 		{/if}
diff --git a/packages/stacks-docs-next/src/routes/+page.svelte b/packages/stacks-docs-next/src/routes/+page.svelte
index 9edabe05c8..219770b058 100644
--- a/packages/stacks-docs-next/src/routes/+page.svelte
+++ b/packages/stacks-docs-next/src/routes/+page.svelte
@@ -37,9 +37,9 @@
 </svelte:head>
 
 <div class="page p32 sm:p24">
-  <div class="d-flex gs4 ai-center">
-    <span class="flex--item s-badge fc-purple-500 bg-purple-100">v{__APP_VERSION__}</span>
-    <a href="https://beta.svelte.stackoverflow.design/" class="flex--item s-badge">
+  <div class="d-flex g4 ai-center">
+    <span class="s-badge fc-purple-500 bg-purple-100">v{__APP_VERSION__}</span>
+    <a href="https://beta.svelte.stackoverflow.design/" class="s-badge">
       <Icon src={IconServiceSvelte} class="native" />
       v{__SVELTE_VERSION__}
     </a>
diff --git a/packages/stacks-docs-next/src/routes/[category]/[[section]]/[subsection]/+page.server.ts b/packages/stacks-docs-next/src/routes/[category]/[[section]]/[subsection]/+page.server.ts
index 45d4bd9ae4..0d9fae5e1f 100644
--- a/packages/stacks-docs-next/src/routes/[category]/[[section]]/[subsection]/+page.server.ts
+++ b/packages/stacks-docs-next/src/routes/[category]/[[section]]/[subsection]/+page.server.ts
@@ -10,6 +10,80 @@ const turndownService = new TurndownService({
 
 const mdFiles = import.meta.glob("$docs/**/*.md");
 
+type LegacyMetadata = {
+    description?: string;
+    svelte?: string;
+    figma?: string;
+};
+
+/**
+ * Extracts description and action links from the legacy fragment's page-header
+ * div (`d-flex ai-start jc-space-between`) and returns both the extracted
+ * metadata and the fragment HTML with that header div removed.
+ *
+ * Legacy fragments were built against the old docs template which rendered its
+ * own page header. The new template provides the header, so the fragment's
+ * header section would otherwise duplicate the description and action buttons.
+ */
+function extractLegacyHeader(html: string): LegacyMetadata & { strippedHtml: string } {
+    const HEADER_OPEN = '<div class="d-flex ai-start jc-space-between">';
+    const headerStart = html.indexOf(HEADER_OPEN);
+    if (headerStart === -1) return { strippedHtml: html };
+
+    // Find the matching closing </div> by tracking nesting depth.
+    let depth = 0;
+    let i = headerStart;
+    let headerEnd = -1;
+
+    while (i < html.length) {
+        if (html.slice(i, i + 4) === "<div") {
+            depth++;
+        } else if (html.slice(i, i + 6) === "</div>") {
+            depth--;
+            if (depth === 0) {
+                headerEnd = i + 6;
+                break;
+            }
+        }
+        i++;
+    }
+
+    if (headerEnd === -1) return { strippedHtml: html };
+
+    const headerHtml = html.slice(headerStart, headerEnd);
+
+    const descMatch = headerHtml.match(/<p[^>]*docs-copy[^>]*>([\s\S]*?)<\/p>/);
+    const description = descMatch ? descMatch[1].trim() : undefined;
+
+    // Match each badge <a> element individually to extract href and label.
+    // URL-domain matching is unreliable (some Figma links are on svelte.stackoverflow.design).
+    let svelte: string | undefined;
+    let figma: string | undefined;
+    const badgeRe = /<a\s[^>]*href="([^"]+)"[^>]*>([\s\S]*?)<\/a>/gi;
+    let badgeMatch;
+    while ((badgeMatch = badgeRe.exec(headerHtml)) !== null) {
+        const [, url, content] = badgeMatch;
+        if (/<\/svg>\s*Svelte/i.test(content)) svelte = url;
+        // Only accept proper figma.com URLs; legacy fragments have some badges
+        // using svelte.stackoverflow.design/figma/* aliases instead.
+        else if (/<\/svg>\s*Figma/i.test(content) && url.includes("figma.com")) figma = url;
+    }
+
+    let strippedHtml = html.slice(0, headerStart) + html.slice(headerEnd);
+
+    // Some fragments built from the old template rendered the description twice:
+    // once inside the header div and once as a standalone paragraph immediately
+    // after it. Strip that second occurrence if present.
+    if (description) {
+        strippedHtml = strippedHtml.replace(
+            `<p class="docs-copy fc-black-500 fs-title mb0">${description}</p>`,
+            ""
+        );
+    }
+
+    return { description, svelte, figma, strippedHtml };
+}
+
 export const load: PageServerLoad = async (event) => {
     // SECURITY: Check auth first - don't load any content if unauthorized
     const parent = await event.parent();
@@ -45,14 +119,17 @@ export const load: PageServerLoad = async (event) => {
     if (parent.active?.legacy) {
         const response = await event.fetch(`/legacy/fragments/${parent.active.legacy}/fragment.html`);
         if (response.ok) {
-            const html = (await response.text())
+            const rawHtml = (await response.text())
                 .replace(/="\/assets\//g, '="/legacy/assets/');
+            const { description, svelte, figma, strippedHtml } = extractLegacyHeader(rawHtml);
             return {
                 source: "legacy" as const,
                 filename: null,
-                metadata: null,
+                metadata: (description || svelte || figma)
+                    ? { description, svelte, figma }
+                    : null,
                 markdown: null,
-                html,
+                html: strippedHtml,
             };
         }
     }
diff --git a/packages/stacks-docs-next/src/routes/[category]/[[section]]/[subsection]/+page.svelte b/packages/stacks-docs-next/src/routes/[category]/[[section]]/[subsection]/+page.svelte
index 125672a7de..3c42405f4a 100644
--- a/packages/stacks-docs-next/src/routes/[category]/[[section]]/[subsection]/+page.svelte
+++ b/packages/stacks-docs-next/src/routes/[category]/[[section]]/[subsection]/+page.svelte
@@ -1,31 +1,29 @@
 <script lang="ts">
-  import { IconServiceGitHub, IconServiceFigma, IconServiceSvelte, IconCheckFillCircle, IconStackCards } from '@stackoverflow/stacks-icons/icons';
-  import { Icon, Button } from '@stackoverflow/stacks-svelte';
+  import { IconServiceGitHub, IconServiceFigma, IconServiceSvelte, IconCheckFillCircle, IconLink, IconCodeBox } from '@stackoverflow/stacks-icons/icons';
+  import { Icon, Button, Link } from '@stackoverflow/stacks-svelte';
   import { resolve } from '$app/paths';
+  import { page } from '$app/state';
 
-  import { copyToClipboard } from '$src/lib/copyToClipboard';
   import Contents from '$components/Contents.svelte';
 
   let { data } = $props();
-  let copiedMd = $state(false);
-  
+  let copied = $state(false);
+
   const toc = $derived(data?.metadata?.toc || []);
 
-  const lastUpdated = $derived(new Date(data?.metadata?.updated).toLocaleDateString('en-US', { 
-    year: 'numeric', 
-    month: 'long', 
-    day: 'numeric' 
+  const lastUpdated = $derived(new Date(data?.metadata?.updated).toLocaleDateString('en-US', {
+    year: 'numeric',
+    month: 'long',
+    day: 'numeric'
   }));
 
   const pageTitle = $derived(data.active.title ? `${data.active.title} - Stack Overflow Design System` : 'Stack Overflow Design System');
   const pageDescription = $derived(data?.metadata?.description || `Documentation for ${data.active.title} in the Stack Overflow Design System`);
-  
-  function copySuccess() {
-    copiedMd = true
-   
-    setTimeout(() => {
-      copiedMd = false;
-    }, 2000);
+
+  async function copyPageUrl() {
+    await navigator.clipboard.writeText(page.url.href);
+    copied = true;
+    setTimeout(() => { copied = false; }, 2000);
   }
 </script>
 
@@ -37,65 +35,72 @@
   {/if}
 </svelte:head>
 
-<svelte:window on:copysuccess={copySuccess} />
 
 {#if data?.active?.image}
   <img class="w100 h-auto" width="1030" height="540" alt="" src={data.active.image} />
 {/if}
 
-<article class="d-flex md:fd-column mx-auto pl32 md:pr32 sm:pl24 sm:pr24">
-  <div class="doc flex--item9 wmn1 s-prose fs-body2 pt24">
-    <div class="d-flex gs4 ai-center {data?.active?.image ? 'mb128' : 'mb24'}">
-      <nav class="flex--item fs-body2 mr-auto" aria-label="breadcrumb">
+<article class="d-flex md:fd-column mx-auto w100 pl32 md:pr32 sm:pl24 sm:pr24">
+  <div class="doc fl-grow1 wmn0 wmx9 fs-body2 pt24">
+    <div class="d-flex g4 ai-center {data?.active?.image ? 'mb128' : 'mb24'}">
+      <nav class="d-flex ai-center g6 fs-body2 mr-auto" aria-label="breadcrumb">
         {#each data.breadcrumb as crumb, index (crumb.path)}
-          <a href={resolve(crumb.path)} class="pr6 s-link">{crumb.label}</a>{#if index !== data.breadcrumb.length - 1}<span class="fc-black-300 mr6">/</span>{/if}
+          {#if index !== 0}<span class="fc-black-300">/</span>{/if}
+          <a href={resolve(crumb.path)} class="s-link fw-bold">{crumb.label}</a>
         {/each}
+        <Button title="Copy link to this page" link icon class="d-inline-flex fc-black-400 h:fc-black-600 ml4" onclick={copyPageUrl}>
+          {#if copied}
+            <Icon src={IconCheckFillCircle} class="fc-green-400 w16 h16" />
+          {:else}
+            <Icon src={IconLink} class="w16 h16" />
+          {/if}
+        </Button>
       </nav>
 
-      <button type="button" title="Copy to Markdown" class="s-btn s-btn__sm s-btn__clear s-btn__icon" use:copyToClipboard={data.markdown}>
-        {#if copiedMd}
-          <Icon src={IconCheckFillCircle} class="fc-green-400" />
-          <span class="sm:d-none">Copied!</span>
-        {:else}
-          <Icon src={IconStackCards} />
-          <span class="sm:d-none">Copy</span>
+      <div class="d-flex ai-center g16 fs-caption">
+        {#if data.filename}
+          <Link title="Edit on GitHub" href={`https://github.com/StackExchange/Stacks/edit/main/packages/stacks-docs-next${data.filename}`}>
+            <Icon src={IconServiceGitHub} />
+            <span class="sm:d-none">Edit</span>
+          </Link>
         {/if}
-      </button>
 
-      {#if data.filename}
-        <Button title="Edit on GitHub" size="sm" weight="clear" href={`https://github.com/StackExchange/Stacks/edit/main/packages/stacks-docs-next${data.filename}`} class="flex--item">
-          <Icon src={IconServiceGitHub} />
-          <span class="sm:d-none">Edit</span>
-        </Button>
-      {/if}
+        {#if data?.metadata?.js}
+          <Link href="#javascript">
+            <Icon src={IconCodeBox} class="fc-green-400" />
+            <span class="sm:d-none">JavaScript</span>
+          </Link>
+        {/if}
 
-      {#if data?.metadata?.figma}
-        <Button title="Open in Figma" size="sm" weight="clear" icon href={data?.metadata?.figma} class="flex--item">
-          <Icon src={IconServiceFigma} class="native" />
-          <span class="sm:d-none">Figma</span>
-        </Button>
-      {/if}
-      {#if data?.metadata?.svelte}
-        <Button title="Svelte component docs" size="sm" weight="clear" icon href={data?.metadata?.svelte} class="flex--item">
-          <Icon src={IconServiceSvelte} class="native" />
-          <span class="sm:d-none">Svelte</span>
-        </Button>
-      {/if}
+        {#if data?.metadata?.figma}
+          <Link title="Open in Figma" href={data?.metadata?.figma}>
+            <Icon src={IconServiceFigma} class="native" />
+            <span class="sm:d-none">Figma</span>
+          </Link>
+        {/if}
+
+        {#if data?.metadata?.svelte}
+          <Link title="Svelte component docs" href={data?.metadata?.svelte}>
+            <Icon src={IconServiceSvelte} class="native" />
+            <span class="sm:d-none">Svelte</span>
+          </Link>
+        {/if}
+      </div>
     </div>  
 
     <header>
-      {#if data?.metadata?.updated}
+      {#if data?.metadata?.updated && page.params.category !== 'system'}
         <time datetime={data?.metadata?.updated} class="d-block mb24 fs-body1 fc-black-400">
           Last updated: <strong>{lastUpdated}</strong>
         </time>
       {/if}
 
-      <h1 class="fs-display2 ff-stack-sans-headline-notch mb32">
+      <h1 class="fs-display2 ff-stack-sans-headline-notch fw-bold">
         {data.active.title}
       </h1>
 
       {#if data?.metadata?.description}
-        <p class="fc-dark fs-body3 mtn16 wmx5">
+        <p class="docs-copy fc-black-500 fs-title mtn16">
           <!-- eslint-disable-next-line svelte/no-at-html-tags -->
           {@html data.metadata.description}
         </p>
diff --git a/packages/stacks-docs-next/src/routes/resources/icons/+page.svelte b/packages/stacks-docs-next/src/routes/resources/icons/+page.svelte
index 1a68419c21..dc2044227c 100644
--- a/packages/stacks-docs-next/src/routes/resources/icons/+page.svelte
+++ b/packages/stacks-docs-next/src/routes/resources/icons/+page.svelte
@@ -112,7 +112,7 @@
           {#each entries as entry (entry.name)}
             {@const def = getDefaultVariant(entry)}
             <button
-              class="flex--item c-pointer h:bg-black-100 s-btn s-btn__unset p12 d-flex fd-column h100 {selected?.name === entry.name ? 'bg-blue-100' : ''}"
+              class="c-pointer h:bg-black-100 s-btn s-btn__unset p12 d-flex fd-column h100 {selected?.name === entry.name ? 'bg-blue-100' : ''}"
               onclick={() => selectEntry(entry)}
             >
               <div class="d-flex ai-center jc-center my-auto h100">
@@ -160,7 +160,7 @@
           {/if}
         </button>
 
-        <Button title="Open in Figma" size="sm" weight="clear" icon href={selectedVariant.figmaUrl} class="flex--item px4">
+        <Button title="Open in Figma" size="sm" weight="clear" icon href={selectedVariant.figmaUrl} class="px4">
           <Icon src={IconServiceFigma} class="native" />
         </Button>
       </div>
diff --git a/packages/stacks-docs-next/src/structure.yaml b/packages/stacks-docs-next/src/structure.yaml
index 791207521d..2dca610a11 100644
--- a/packages/stacks-docs-next/src/structure.yaml
+++ b/packages/stacks-docs-next/src/structure.yaml
@@ -69,19 +69,15 @@ navigation:
             items:
                 - title: "Using Stacks"
                   slug: "using-stacks"
-                  legacy: product/develop/using-stacks
 
                 - title: "Building Stacks"
                   slug: "building"
-                  legacy: product/develop/building
 
                 - title: "Conditional classes"
                   slug: "conditional-classes"
-                  legacy: product/develop/conditional-classes
 
                 - title: "JavaScript"
                   slug: "javascript"
-                  legacy: product/develop/javascript
 
           - title: "Accessibility"
             slug: "accessibility"
@@ -99,11 +95,9 @@ navigation:
             items:
                 - title: "Color fundamentals"
                   slug: "color-fundamentals"
-                  legacy: product/foundation/color-fundamentals
 
                 - title: "Color palette"
                   slug: "colors"
-                  legacy: product/foundation/colors
 
                 - title: "Theming"
                   slug: "theming"
@@ -111,7 +105,6 @@ navigation:
 
                 - title: "Typography"
                   slug: "typography"
-                  legacy: product/foundation/typography
 
           - title: "Base"
             slug: "base"
@@ -119,115 +112,87 @@ navigation:
             items:
                 - title: "Backgrounds"
                   slug: "backgrounds"
-                  legacy: product/base/backgrounds
 
                 - title: "Borders"
                   slug: "borders"
-                  legacy: product/base/borders
 
                 - title: "Border radius"
                   slug: "border-radius"
-                  legacy: product/base/border-radius
 
                 - title: "Box shadow"
                   slug: "box-shadow"
-                  legacy: product/base/box-shadow
 
                 - title: "Box sizing"
                   slug: "box-sizing"
-                  legacy: product/base/box-sizing
 
                 - title: "Current color"
                   slug: "current-color"
-                  legacy: product/base/current-color
 
                 - title: "Cursors"
                   slug: "cursors"
-                  legacy: product/base/cursors
 
                 - title: "Display"
                   slug: "display"
-                  legacy: product/base/display
 
                 - title: "Flex"
                   slug: "flex"
-                  legacy: product/base/flex
 
                 - title: "Floats"
                   slug: "floats"
-                  legacy: product/base/floats
 
                 - title: "Gap"
                   slug: "gap"
-                  legacy: product/base/gap
 
                 - title: "Grid"
                   slug: "grid"
-                  legacy: product/base/grid
 
                 - title: "Height"
                   slug: "height"
-                  legacy: product/base/height
 
                 - title: "Interactivity"
                   slug: "interactivity"
-                  legacy: product/base/interactivity
 
                 - title: "Lists"
                   slug: "lists"
-                  legacy: product/base/lists
 
                 - title: "Margin"
                   slug: "margin"
-                  legacy: product/base/margin
 
                 - title: "Object fit"
                   slug: "object-fit"
-                  legacy: product/base/object-fit
 
                 - title: "Opacity"
                   slug: "opacity"
-                  legacy: product/base/opacity
 
                 - title: "Outline"
                   slug: "outline"
-                  legacy: product/base/outline
 
                 - title: "Overflow"
                   slug: "overflow"
-                  legacy: product/base/overflow
 
                 - title: "Padding"
                   slug: "padding"
-                  legacy: product/base/padding
 
                 - title: "Positioning"
                   slug: "position"
-                  legacy: product/base/position
 
                 - title: "Transitions"
                   slug: "transitions"
-                  legacy: product/base/transitions
 
                 - title: "Truncation"
                   slug: "truncation"
-                  legacy: product/base/truncation
 
                 - title: "Vertical alignment"
                   slug: "vertical-alignment"
-                  legacy: product/base/vertical-alignment
 
                 - title: "Visibility"
                   slug: "visibility"
-                  legacy: product/base/visibility
 
                 - title: "Width"
                   slug: "width"
-                  legacy: product/base/width
 
                 - title: "Z-index"
                   slug: "z-index"
-                  legacy: product/base/z-index
 
           - title: "Forms"
             slug: "forms"
@@ -239,23 +204,18 @@ navigation:
 
                 - title: "Inputs"
                   slug: "inputs"
-                  legacy: product/components/inputs
 
                 - title: "Labels"
                   slug: "labels"
-                  legacy: product/components/labels
 
                 - title: "Radio"
                   slug: "radio"
-                  legacy: product/components/radio
 
                 - title: "Select"
                   slug: "select"
-                  legacy: product/components/select
 
                 - title: "Textarea"
                   slug: "textarea"
-                  legacy: product/components/textarea
 
           - title: "Components"
             slug: "components"
@@ -263,103 +223,105 @@ navigation:
             items:
                 - title: "Activity indicator"
                   slug: "activity-indicator"
-                  legacy: product/components/activity-indicator
 
                 - title: "Avatars"
                   slug: "avatars"
-                  legacy: product/components/avatars
 
                 - title: "Badges"
                   slug: "badges"
-                  legacy: product/components/badges
 
                 - title: "Banners"
                   slug: "banners"
-                  legacy: product/components/banners
 
                 - title: "Bling"
                   slug: "bling"
-                  legacy: product/components/bling
+
+                - title: "Breadcrumbs"
+                  slug: "breadcrumbs"
+
+                - title: "Button Groups"
+                  slug: "button-groups"
 
                 - title: "Buttons"
                   slug: "buttons"
-                  legacy: product/components/buttons
+
+                - title: "Cards"
+                  slug: "cards"
 
                 - title: "Code blocks"
                   slug: "code-blocks"
-                  legacy: product/components/code-blocks
 
                 - title: "Editor"
                   slug: "editor"
-                  legacy: product/components/editor
 
                 - title: "Empty states"
                   slug: "empty-states"
-                  legacy: product/components/empty-states
+
+                - title: "Expandable"
+                  slug: "expandable"
+
+                - title: "Link Previews"
+                  slug: "link-previews"
 
                 - title: "Links"
                   slug: "links"
-                  legacy: product/components/links
 
                 - title: "Loader"
                   slug: "loader"
-                  legacy: product/components/loader
 
                 - title: "Menus"
                   slug: "menus"
-                  legacy: product/components/menus
 
                 - title: "Modals"
                   slug: "modals"
-                  legacy: product/components/modals
 
                 - title: "Navigation"
                   slug: "navigation"
-                  legacy: product/components/navigation
 
                 - title: "Notices"
                   slug: "notices"
-                  legacy: product/components/notices
+
+                - title: "Page Titles"
+                  slug: "page-titles"
 
                 - title: "Pagination"
                   slug: "pagination"
-                  legacy: product/components/pagination
 
                 - title: "Popovers"
                   slug: "popovers"
-                  legacy: product/components/popovers
 
                 - title: "Post summary"
                   slug: "post-summary"
-                  legacy: product/components/post-summary
+
+                - title: "Progress Bars"
+                  slug: "progress-bars"
 
                 - title: "Prose"
                   slug: "prose"
-                  legacy: product/components/prose
 
                 - title: "Sidebar widgets"
                   slug: "sidebar-widgets"
-                  legacy: product/components/sidebar-widgets
 
                 - title: "Tables"
                   slug: "tables"
-                  legacy: product/components/tables
 
                 - title: "Tags"
                   slug: "tags"
-                  legacy: product/components/tags
 
                 - title: "Toggle switch"
                   slug: "toggle-switch"
-                  legacy: product/components/toggle-switch
+
+                - title: "Topbar"
+                  slug: "topbar"
+
+                - title: "Uploader"
+                  slug: "uploader"
 
                 - title: "User cards"
                   slug: "user-cards"
-                  legacy: product/components/user-cards
 
                 - title: "Vote"
                   slug: "vote"
-                  legacy: product/components/vote
 
     # - title: "Email"
     #   slug: "email"
diff --git a/packages/stacks-docs-next/static/legacy/assets/img/avatar-deleted-16.svg b/packages/stacks-docs-next/static/legacy/assets/img/avatar-deleted-16.svg
new file mode 100644
index 0000000000..50af19a20b
--- /dev/null
+++ b/packages/stacks-docs-next/static/legacy/assets/img/avatar-deleted-16.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<path d="M0 0H16V16H0V0Z" fill="url(#pattern0_8825_534)"/>
+<defs>
+<pattern id="pattern0_8825_534" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_8825_534" transform="scale(0.0138889)"/>
+</pattern>
+<image id="image0_8825_534" width="72" height="72" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKZSURBVHgB7dxBbtpAFAbg92wv6I4jtDfIEWAT0UVbo4rQrBpOEOUEVU8Q9QRxV22gEo66oav6CO0NOALLLIJfPJEtHOTxMyZYIfyflMVocGx+yR4znmf+OQmFVqJPA79LBX5Mph0m/ksWyXZs60v2YbbrFPWJI6PTj/2gcJ/j6RkzX1Ex67Gm+xRbn5B0Twf9iCocq0NQCgEpvOQvyhrJKfTP9kHXo0V8t/rsRlj+k1jOwJjmts0chxYixfssO9ZUZOtwhRa2vtJjBQAA2Cts7pCzhhn+Tk762vD5oo3H06MlUztre/mfDzE/3Dt06YDFzJeMnxrVISAFAlIgIAUCUiAggJ2qPTN0/Nb3HVm2aUuz2e+grL/Xe3dGW3Pns1kYUQ0e1cSyPI8tE/EbCso6k31c0ZaYlhFRvdlQXKQVCEiBgBRe+qDsgXlSMBx8uKiy4auW27+9pa0v0hqH3DfUoOvJzWXyYPEoa5uLdCdrJB1UVRiG5tHJgnYsGX3m1KA0nE7WximmQEAKBKRAQAoEpPBEZJQ1HNn9qPTcyZ18JZe+EwAAwN5js9R21aK5bXnsobj+NfXjOL944fE65IhqTk2+FCJ8zoxf85UhIAUCUiAgBQJSVC5F2ITv++0mJvTzWi1apPPk21krRdhJUcJx732QDJifqUFMTvBndjOiJ4ZTTIGAFAhIUXt1RxmH4iC5KkTUKJ4TwLPDVaueDwWqnjeEgBQISIGAFAhIgYAUnnnRR9ZwsXiBHJGLfEkmAADA/uKqpQjmjQSm6N72j8pmAdaX9z86gFi+DYf9sKgvfW/al8LtlLKJ/PdaZ4Zy2xsmapcimHsDrlkftr68Py/2ShZMCr0mtrwcTi+b6Ng6yu5zUIqwIQSkuAe53NsA2WVtFwAAAABJRU5ErkJggg=="/>
+</defs>
+</svg>
diff --git a/packages/stacks-docs-next/static/legacy/assets/img/avatar-deleted-24.svg b/packages/stacks-docs-next/static/legacy/assets/img/avatar-deleted-24.svg
new file mode 100644
index 0000000000..dbc782c3ca
--- /dev/null
+++ b/packages/stacks-docs-next/static/legacy/assets/img/avatar-deleted-24.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<path d="M0 0H24V24H0V0Z" fill="url(#pattern0_8825_715)"/>
+<defs>
+<pattern id="pattern0_8825_715" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_8825_715" transform="scale(0.0138889)"/>
+</pattern>
+<image id="image0_8825_715" width="72" height="72" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKZSURBVHgB7dxBbtpAFAbg92wv6I4jtDfIEWAT0UVbo4rQrBpOEOUEVU8Q9QRxV22gEo66oav6CO0NOALLLIJfPJEtHOTxMyZYIfyflMVocGx+yR4znmf+OQmFVqJPA79LBX5Mph0m/ksWyXZs60v2YbbrFPWJI6PTj/2gcJ/j6RkzX1Ex67Gm+xRbn5B0Twf9iCocq0NQCgEpvOQvyhrJKfTP9kHXo0V8t/rsRlj+k1jOwJjmts0chxYixfssO9ZUZOtwhRa2vtJjBQAA2Cts7pCzhhn+Tk762vD5oo3H06MlUztre/mfDzE/3Dt06YDFzJeMnxrVISAFAlIgIAUCUiAggJ2qPTN0/Nb3HVm2aUuz2e+grL/Xe3dGW3Pns1kYUQ0e1cSyPI8tE/EbCso6k31c0ZaYlhFRvdlQXKQVCEiBgBRe+qDsgXlSMBx8uKiy4auW27+9pa0v0hqH3DfUoOvJzWXyYPEoa5uLdCdrJB1UVRiG5tHJgnYsGX3m1KA0nE7WximmQEAKBKRAQAoEpPBEZJQ1HNn9qPTcyZ18JZe+EwAAwN5js9R21aK5bXnsobj+NfXjOL944fE65IhqTk2+FCJ8zoxf85UhIAUCUiAgBQJSVC5F2ITv++0mJvTzWi1apPPk21krRdhJUcJx732QDJifqUFMTvBndjOiJ4ZTTIGAFAhIUXt1RxmH4iC5KkTUKJ4TwLPDVaueDwWqnjeEgBQISIGAFAhIgYAUnnnRR9ZwsXiBHJGLfEkmAADA/uKqpQjmjQSm6N72j8pmAdaX9z86gFi+DYf9sKgvfW/al8LtlLKJ/PdaZ4Zy2xsmapcimHsDrlkftr68Py/2ShZMCr0mtrwcTi+b6Ng6yu5zUIqwIQSkuAe53NsA2WVtFwAAAABJRU5ErkJggg=="/>
+</defs>
+</svg>
diff --git a/packages/stacks-docs-next/static/legacy/assets/img/avatar-disgusted-16.svg b/packages/stacks-docs-next/static/legacy/assets/img/avatar-disgusted-16.svg
new file mode 100644
index 0000000000..0a970dde6b
--- /dev/null
+++ b/packages/stacks-docs-next/static/legacy/assets/img/avatar-disgusted-16.svg
@@ -0,0 +1,8 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="16" height="16.0004" fill="#FF5E00"/>
+<rect width="3.61345" height="4.00761" transform="translate(3.59778 4.12427)" fill="white"/>
+<path d="M6.326 4.12427H4.43262V5.91318H6.326V4.12427Z" fill="#31070F"/>
+<rect width="3.61345" height="4.00761" transform="translate(8.90759 4.12427)" fill="#EEEEEE"/>
+<path d="M11.6358 4.12427H9.74243V5.91318H11.6358V4.12427Z" fill="#31070F"/>
+<path d="M10.4101 11.3256L5.95195 12.4458L5.70874 11.478L10.1669 10.3579L10.4101 11.3256Z" fill="#31070F"/>
+</svg>
diff --git a/packages/stacks-docs-next/static/legacy/assets/img/avatar-disgusted-24.svg b/packages/stacks-docs-next/static/legacy/assets/img/avatar-disgusted-24.svg
new file mode 100644
index 0000000000..14c079b146
--- /dev/null
+++ b/packages/stacks-docs-next/static/legacy/assets/img/avatar-disgusted-24.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="24" height="24.0006" fill="#FF5E00"/>
+<rect width="5.42018" height="6.01141" transform="translate(5.39673 6.18628)" fill="#EEEEEE"/>
+<path d="M9.489 6.18628H6.64893V8.86966H9.489V6.18628Z" fill="#31070F"/>
+<rect width="5.42018" height="6.01141" transform="translate(13.3613 6.18628)" fill="#EEEEEE"/>
+<path d="M17.4536 6.18628H14.6135V8.86966H17.4536V6.18628Z" fill="#31070F"/>
+<path d="M15.6151 16.9882L8.92792 18.6686L8.56311 17.2169L15.2503 15.5367L15.6151 16.9882Z" fill="#31070F"/>
+</svg>
diff --git a/packages/stacks-docs-next/static/legacy/assets/img/avatar-disgusted-48.svg b/packages/stacks-docs-next/static/legacy/assets/img/avatar-disgusted-48.svg
new file mode 100644
index 0000000000..071bed4aa0
--- /dev/null
+++ b/packages/stacks-docs-next/static/legacy/assets/img/avatar-disgusted-48.svg
@@ -0,0 +1,8 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48.0012" fill="#FF5E00"/>
+<rect width="10.8404" height="12.0228" transform="translate(10.7936 12.3724)" fill="#EEEEEE"/>
+<path d="M18.9781 12.3723H13.298V17.7391H18.9781V12.3723Z" fill="#31070F"/>
+<rect width="10.8404" height="12.0228" transform="translate(26.7227 12.3723)" fill="#EEEEEE"/>
+<path d="M34.9072 12.3722H29.2271V17.7389H34.9072V12.3722Z" fill="#31070F"/>
+<path d="M31.2304 33.9766L17.856 37.3373L17.1263 34.4339L30.5008 31.0736L31.2304 33.9766Z" fill="#31070F"/>
+</svg>
diff --git a/packages/stacks-docs-next/static/legacy/assets/img/figure-preview-text.png b/packages/stacks-docs-next/static/legacy/assets/img/figure-preview-text.png
new file mode 100644
index 0000000000..f9da1a72a7
Binary files /dev/null and b/packages/stacks-docs-next/static/legacy/assets/img/figure-preview-text.png differ
diff --git a/packages/stacks-docs-next/static/legacy/assets/img/preview-long-transactional.svg b/packages/stacks-docs-next/static/legacy/assets/img/preview-long-transactional.svg
new file mode 100644
index 0000000000..848c1db52e
--- /dev/null
+++ b/packages/stacks-docs-next/static/legacy/assets/img/preview-long-transactional.svg
@@ -0,0 +1 @@
+<svg width="279" height="182" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill="#F3F3F5" fill-rule="nonzero" d="M0 0h279v181.96H0z"/><rect fill="#858C93" fill-rule="nonzero" x="32" y="12" width="63" height="6" rx="2.5"/><path fill="#BCBBBB" fill-rule="nonzero" d="M24 20v-5h2v7H12v-7h2v5z"/><path d="M15 19v-2h8v2h-8zm7.09-14.28l4.5 6.06-1.2.9-4.51-6.06 1.21-.9zM18.34 8.3l.97-1.16 5.8 4.83-.96 1.16-5.8-4.83zm-1.9 3.36l.64-1.37 6.85 3.19-.63 1.37-6.85-3.2zm-1.04 3.73l.38-1.67 7.42 1.48-.22 1.46-7.58-1.27z" fill="#F48024"/><path d="M9 29h261a3 3 0 0 1 3 3v140a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3V32a3 3 0 0 1 3-3z" fill="#FFF" fill-rule="nonzero"/><rect fill="#E1ECF4" fill-rule="nonzero" x="76" y="158" width="36" height="12" rx="2"/><rect fill="#E1ECF4" fill-rule="nonzero" x="35" y="158" width="36" height="12" rx="2"/><path d="M190.5 149h29a2.5 2.5 0 1 1 0 5h-29a2.5 2.5 0 1 1 0-5zM173.5 149h7a2.5 2.5 0 1 1 0 5h-7a2.5 2.5 0 1 1 0-5zM129.5 149h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 1 1 0-5zM108.5 149h12a2.5 2.5 0 1 1 0 5h-12a2.5 2.5 0 1 1 0-5zM37.5 149h61a2.5 2.5 0 1 1 0 5h-61a2.5 2.5 0 1 1 0-5z" fill="#C9CBCF" fill-rule="nonzero"/><path d="M40 135h104a5 5 0 1 1 0 10H40a5 5 0 1 1 0-10z" fill="#0095FF" fill-rule="nonzero"/><g fill-rule="nonzero"><path fill="#C1BEBC" d="M27.24 148.87v-4.3h1.43v5.73h-12.9v-5.73h1.43v4.3z"/><path d="M18.64 147.76h7.16v-1.43h-7.16v1.43zm6.25-12.9l-1.13.84 4.2 5.65 1.13-.84-4.2-5.65zm-3.49 3.33l5.4 4.5.9-1.08-5.4-4.5-.9 1.08zm-1.76 3.13l6.37 2.97.6-1.28-6.38-2.97-.6 1.28zm-.91 3.3l7.1 1.2.1-1.2-6.92-1.38-.28 1.37z" fill="#F48024"/></g><path fill="#EFF0F1" fill-rule="nonzero" d="M6 122h267v7H6z"/><rect fill="#0095FF" fill-rule="nonzero" x="16" y="96" width="61" height="17" rx="2"/><rect fill="#C9CBCF" fill-rule="nonzero" x="69" y="83" width="33" height="5" rx="2.5"/><rect fill="#C9CBCF" fill-rule="nonzero" x="42" y="83" width="22" height="5" rx="2"/><rect fill="#C9CBCF" fill-rule="nonzero" x="172" y="83" width="12" height="5" rx="2.5"/><rect fill="#C9CBCF" fill-rule="nonzero" x="129" y="83" width="39" height="5" rx="2.5"/><rect fill="#C9CBCF" fill-rule="nonzero" x="107" y="83" width="17" height="5" rx="2.5"/><rect fill="#C9CBCF" fill-rule="nonzero" x="16" y="83" width="22" height="5" rx="2.5"/><path d="M171.5 71h29a2.5 2.5 0 1 1 0 5h-29a2.5 2.5 0 1 1 0-5zM154.5 71h7a2.5 2.5 0 1 1 0 5h-7a2.5 2.5 0 1 1 0-5zM110.5 71h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 1 1 0-5zM88.5 71h12a2.5 2.5 0 1 1 0 5h-12a2.5 2.5 0 1 1 0-5zM18.5 71h61a2.5 2.5 0 1 1 0 5h-61a2.5 2.5 0 1 1 0-5z" fill="#C9CBCF" fill-rule="nonzero"/><path fill="#FFF" fill-rule="nonzero" d="M224.57 78.37h25.51V52.93h-25.5z"/><path d="M249.92 52.78h-25.51v25.74H250.24V52.78h-.32zm-25.19.31h25.2v25.12h-25.2V53.09z" fill="#1060E1" fill-rule="nonzero"/><path fill="#FFB935" fill-rule="nonzero" d="M228.02 61.77h19.8v-5.4h-19.8z"/><path stroke="#F48024" d="M227.28 60.99h19.8v-5.4h-19.8zM229.62 65.86h15.56m-15.56 1.24h15.56m-12.7 1.44h9.81m-12.67 3.92h15.56m-15.56 1.24h15.56m-12.7 1.45h9.81m-11.77-11.03l14.12-.6"/><path fill="#FFF" fill-rule="nonzero" d="M250.69 77.33l-.16-.15v-1.75l.16-.16h4.74l.15.16v1.75l-.15.15z"/><path d="M255.43 75.11h-4.74l-.32.32v1.75l.32.31h4.74l.31-.31v-1.75l-.31-.32zm-4.74 2.07h4.74v-1.75h-4.74v1.75z" fill="#1060E1" fill-rule="nonzero"/><path d="M251.3 43.88l-.31.32v31.07l.31.31h3.52l.31-.31V44.2l-.32-.32h-3.5zm0 .32h3.51v31.07h-3.5V44.2z" fill="#1060E1" fill-rule="nonzero"/><g stroke-linejoin="bevel" stroke="#1060E1"><path stroke-linecap="square" d="M258.32 49.05V47.3h-20.85v1.84h20.85"/><path d="M258.32 47.45l-3.4-3.4m-3.62 0l-13.83 3.4" stroke-linecap="round"/></g><path d="M240.95 49.24v11.78" stroke="#1060E1" stroke-linecap="square" stroke-linejoin="bevel"/><path fill="#FFF" fill-rule="nonzero" d="M240.51 62.7l-.15-.11-.22-.88.15-.2h1.31l.16.2-.22.88-.15.12z"/><path d="M241.6 62zm0-.64h-1.3l-.32.4.22.87.31.24h.88l.3-.25.22-.87-.3-.4zm0 .31l-.21.88h-.88l-.22-.88h1.31zm0 0z" fill="#1060E1" fill-rule="nonzero"/><path d="M240.95 63.64l-.19.12a.3.3 0 0 1-.47-.25c0-.17.14-.3.3-.3h.14c.12 0 .22-.1.22-.23v-.43" stroke="#1060E1" stroke-linecap="square" stroke-linejoin="bevel"/><path d="M249.1 78.36l-.15-.16v-.45c0-.32.26-.58.57-.58h7.07c.32 0 .57.26.57.58v.45l-.16.16h-7.9z" fill="#FFF" fill-rule="nonzero"/><g fill="#1060E1" fill-rule="nonzero"><path d="M256.59 77.01h-7.07c-.4 0-.73.33-.73.74v.45l.32.32h7.9l.31-.32v-.45c0-.4-.33-.74-.73-.74zm0 .32c.23 0 .41.19.41.42v.45h-7.9v-.45c0-.23.2-.42.42-.42h7.07zm-3.71-5.64l-1.73 1.73v.45l1.72 1.72h.45l1.72-1.72v-.45l-1.71-1.73h-.45zm.22.23l1.72 1.72-1.73 1.73-1.72-1.73 1.73-1.72z"/><path d="M252.88 68.25l-1.73 1.72v.45l1.72 1.72h.45l1.72-1.72v-.45l-1.71-1.72h-.45zm.22.22l1.72 1.73-1.73 1.72-1.72-1.72 1.73-1.73z"/><path d="M252.87 64.8l-1.72 1.72v.45l1.71 1.73h.45l1.73-1.73v-.45l-1.72-1.72h-.45zm.23.23l1.72 1.72-1.73 1.72-1.72-1.72 1.73-1.72z"/><path d="M252.87 61.35l-1.72 1.73v.45l1.72 1.72h.45l1.72-1.72v-.45l-1.72-1.73h-.45zm.23.23l1.72 1.72-1.73 1.72-1.72-1.72 1.73-1.72z"/><path d="M252.87 57.9l-1.72 1.73v.45l1.72 1.72h.44l1.73-1.72v-.45l-1.72-1.72h-.45zm.23.23l1.72 1.72-1.73 1.73-1.72-1.73 1.73-1.72z"/><path d="M252.87 54.46l-1.72 1.72v.45l1.71 1.73h.45l1.73-1.73v-.45l-1.72-1.72h-.45zm.23.22l1.72 1.73-1.73 1.72-1.72-1.72 1.73-1.73z"/><path d="M252.87 51l-1.72 1.73v.45l1.72 1.73h.45l1.72-1.73v-.45l-1.72-1.72h-.45zm.23.23l1.72 1.73-1.73 1.72-1.72-1.72 1.73-1.73z"/><path d="M252.88 47.56l-1.73 1.73v.44l1.72 1.73h.45l1.72-1.73v-.44l-1.71-1.73h-.45zm.22.23l1.72 1.72-1.73 1.72-1.72-1.72 1.73-1.72z"/><path d="M253.1 44.05a.32.32 0 0 0-.23.1l-1.72 1.72a.32.32 0 0 0 0 .45l1.71 1.72a.32.32 0 0 0 .45 0l1.73-1.72a.32.32 0 0 0 0-.45l-1.72-1.72a.32.32 0 0 0-.22-.1zm0 .32l1.72 1.73-1.73 1.72-1.72-1.72 1.73-1.73z"/></g><path stroke="#1060E1" stroke-linecap="square" stroke-linejoin="bevel" d="M251.25 49.03l-1.72-1.72-1.72 1.72"/><path stroke="#1060E1" stroke-linecap="round" stroke-linejoin="bevel" d="M258.32 49.15l-1.75-1.84-1.72 1.72"/><path stroke="#1060E1" stroke-linecap="square" stroke-linejoin="bevel" d="M247.81 49.03l-1.72-1.72-1.72 1.72M244.37 49.03l-1.72-1.72-1.73 1.72"/><path stroke="#1060E1" stroke-linecap="round" stroke-linejoin="bevel" d="M240.92 49.03l-1.71-1.72-1.73 1.72M240.98 49.15a1.76 1.76 0 0 1-3.51 0"/><path d="M21 52h104a5 5 0 1 1 0 10H21a5 5 0 0 1 0-10z" fill="#858C93" fill-rule="nonzero"/><path d="M18 37h7a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7c0-1.1.9-2 2-2z" fill="#EA4F4F" fill-rule="nonzero"/><rect fill="#858C93" fill-rule="nonzero" x="32" y="40" width="36" height="5" rx="2.5"/></g></svg>
\ No newline at end of file
diff --git a/packages/stacks-docs-next/static/legacy/assets/img/preview-promotional.svg b/packages/stacks-docs-next/static/legacy/assets/img/preview-promotional.svg
new file mode 100644
index 0000000000..69b8c5ebb2
--- /dev/null
+++ b/packages/stacks-docs-next/static/legacy/assets/img/preview-promotional.svg
@@ -0,0 +1 @@
+<svg width="279" height="182" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill="#F3F3F5" fill-rule="nonzero" d="M0 0h279v181.96H0z"/><path d="M9 30h261a3 3 0 0 1 3 3v140a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3V33a3 3 0 0 1 3-3z" fill="#FFF" fill-rule="nonzero"/><path d="M120.5 159h28a2.5 2.5 0 1 1 0 5h-28a2.5 2.5 0 1 1 0-5zM94.5 159h17a2.5 2.5 0 1 1 0 5h-17a2.5 2.5 0 1 1 0-5z" fill="#C9CBCF" fill-rule="nonzero"/><rect fill="#C9CBCF" fill-rule="nonzero" x="221.99" y="158.91" width="12.13" height="4.85" rx="2.43"/><path d="M178.5 159h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 1 1 0-5zM157.5 159h12a2.5 2.5 0 1 1 0 5h-12a2.5 2.5 0 1 1 0-5zM68.5 159h17a2.5 2.5 0 1 1 0 5h-17a2.5 2.5 0 1 1 0-5zM220.5 147h29a2.5 2.5 0 1 1 0 5h-29a2.5 2.5 0 1 1 0-5zM203.5 147h7a2.5 2.5 0 1 1 0 5h-7a2.5 2.5 0 1 1 0-5zM159.5 147h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 1 1 0-5zM138.5 147h12a2.5 2.5 0 1 1 0 5h-12a2.5 2.5 0 1 1 0-5zM68.5 147h61a2.5 2.5 0 1 1 0 5h-61a2.5 2.5 0 1 1 0-5z" fill="#C9CBCF" fill-rule="nonzero"/><rect fill="#858C93" fill-rule="nonzero" x="66" y="129" width="114" height="10" rx="5"/><path fill="#FFF" fill-rule="nonzero" d="M15.93 163.07h25.5v-25.44h-25.5z"/><path d="M41.28 137.48H15.77v25.74H41.6v-25.74h-.32zm-25.2.31h25.2v25.12H16.09v-25.12z" fill="#1060E1" fill-rule="nonzero"/><path fill="#FFB935" fill-rule="nonzero" d="M19.37 146.47h19.8v-5.4h-19.8z"/><path stroke="#F48024" d="M18.64 145.69h19.79v-5.4h-19.8zM20.97 150.56h15.57m-15.57 1.24h15.57m-12.7 1.44h9.8m-12.67 3.92h15.57m-15.57 1.24h15.57m-12.7 1.45h9.8m-11.76-11.03l14.12-.6"/><path fill="#FFF" fill-rule="nonzero" d="M42.04 162.03l-.16-.15v-1.75l.16-.16h4.74l.16.16v1.75l-.16.15z"/><path d="M46.78 159.81h-4.74l-.31.32v1.75l.31.31h4.74l.32-.31v-1.75l-.32-.32zm-4.74 2.07h4.74v-1.75h-4.74v1.75z" fill="#1060E1" fill-rule="nonzero"/><path d="M42.66 128.58l-.32.32v31.07l.32.31h3.51l.32-.31V128.9l-.32-.32h-3.5zm0 .32h3.51v31.07h-3.5V128.9z" fill="#1060E1" fill-rule="nonzero"/><path stroke="#1060E1" stroke-linecap="square" stroke-linejoin="bevel" d="M49.68 133.75V132H28.83v1.84h20.85"/><path d="M49.68 132.15l-3.4-3.4m-3.62 0l-13.83 3.4" stroke="#1060E1" stroke-linecap="round" stroke-linejoin="bevel"/><path d="M32.3 133.94v11.78" stroke="#1060E1" stroke-linecap="square" stroke-linejoin="bevel"/><path fill="#FFF" fill-rule="nonzero" d="M31.87 147.4l-.15-.11-.22-.88.15-.2h1.3l.16.2-.21.88-.16.12z"/><path d="M32.96 146.7zm0-.64h-1.31l-.3.4.21.87.3.24h.88l.31-.25.22-.87-.31-.4zm0 .31l-.22.88h-.87l-.22-.88h1.3zm0 0z" fill="#1060E1" fill-rule="nonzero"/><path d="M32.3 148.34l-.18.12a.3.3 0 0 1-.47-.25c0-.17.13-.3.3-.3h.13c.13 0 .22-.1.22-.23v-.43" stroke="#1060E1" stroke-linecap="square" stroke-linejoin="bevel"/><path d="M40.46 163.06l-.15-.16v-.45c0-.32.25-.58.57-.58h7.07c.31 0 .57.26.57.58v.45l-.16.16h-7.9z" fill="#FFF" fill-rule="nonzero"/><path d="M47.95 161.71h-7.07c-.4 0-.73.33-.73.74v.45l.31.32h7.9l.32-.32v-.45c0-.4-.33-.74-.73-.74zm0 .32c.22 0 .41.19.41.42v.45h-7.9v-.45c0-.23.19-.42.42-.42h7.07zm-3.72-5.64l-1.72 1.73v.45l1.71 1.72h.45l1.73-1.72v-.45l-1.72-1.73h-.45zm.23.23l1.71 1.72-1.72 1.73-1.72-1.73 1.73-1.72z" fill="#1060E1" fill-rule="nonzero"/><path d="M44.23 152.95l-1.72 1.72v.45l1.71 1.72h.45l1.73-1.72v-.45l-1.72-1.72h-.45zm.23.22l1.71 1.73-1.72 1.72-1.72-1.72 1.73-1.73z" fill="#1060E1" fill-rule="nonzero"/><path d="M44.23 149.5l-1.72 1.72v.45l1.71 1.73h.45l1.73-1.73v-.45l-1.72-1.72h-.45zm.22.23l1.72 1.72-1.73 1.72-1.71-1.72 1.72-1.72z" fill="#1060E1" fill-rule="nonzero"/><path d="M44.23 146.05l-1.72 1.73v.45l1.71 1.72h.45l1.73-1.72v-.45l-1.72-1.73h-.45zm.22.23l1.72 1.72-1.72 1.72-1.72-1.72 1.72-1.72z" fill="#1060E1" fill-rule="nonzero"/><path d="M44.23 142.6l-1.73 1.73v.45l1.72 1.72h.45l1.73-1.72v-.45l-1.72-1.72h-.45zm.23.23l1.71 1.72-1.72 1.73-1.72-1.73 1.73-1.72z" fill="#1060E1" fill-rule="nonzero"/><path d="M44.23 139.16l-1.72 1.72v.45l1.71 1.73h.45l1.73-1.73v-.45l-1.72-1.72h-.45zm.22.22l1.72 1.73-1.73 1.72-1.71-1.72 1.72-1.73z" fill="#1060E1" fill-rule="nonzero"/><path d="M44.23 135.7l-1.72 1.73v.45l1.71 1.73h.45l1.73-1.73v-.45l-1.72-1.72h-.45zm.22.23l1.72 1.73-1.72 1.72-1.72-1.72 1.72-1.73z" fill="#1060E1" fill-rule="nonzero"/><path d="M44.23 132.26L42.51 134v.44l1.71 1.73h.45l1.73-1.73V134l-1.72-1.73h-.45zm.23.23l1.71 1.72-1.72 1.72-1.72-1.72 1.73-1.72z" fill="#1060E1" fill-rule="nonzero"/><path d="M44.45 128.75a.32.32 0 0 0-.22.1l-1.72 1.72a.32.32 0 0 0 0 .45l1.71 1.72c.06.06.14.1.22.1.09 0 .17-.04.23-.1l1.73-1.72a.32.32 0 0 0 0-.45l-1.72-1.72a.32.32 0 0 0-.23-.1zm0 .32l1.72 1.73-1.73 1.72-1.71-1.72 1.72-1.73z" fill="#1060E1" fill-rule="nonzero"/><path stroke="#1060E1" stroke-linecap="square" stroke-linejoin="bevel" d="M42.61 133.73l-1.72-1.72-1.72 1.72"/><path stroke="#1060E1" stroke-linecap="round" stroke-linejoin="bevel" d="M49.68 133.85l-1.76-1.84-1.72 1.72"/><path stroke="#1060E1" stroke-linecap="square" stroke-linejoin="bevel" d="M39.17 133.73l-1.72-1.72-1.73 1.72M35.72 133.73l-1.71-1.72-1.73 1.72"/><path stroke="#1060E1" stroke-linecap="round" stroke-linejoin="bevel" d="M32.28 133.73l-1.72-1.72-1.72 1.72M32.34 133.85a1.76 1.76 0 0 1-3.51 0"/><path d="M10 30h259c2.37 0 4 1.63 4 4v81H6V34c0-2.37 1.63-4 4-4z" fill="#362858" fill-rule="nonzero"/><path fill="#CA7929" fill-rule="nonzero" d="M227.75 89.31v7.73h1.52v-7.73"/><path fill="#CA7929" fill-rule="nonzero" d="M228.36 67.65l-.76.3 6.52 20.6h-11.53l6.52-20.6-.75-.3-.76.3.76-.3-.76-.15-7.13 22.57h15.77l-7.88-24.85-.76 2.28z"/><path fill="#CA7929" fill-rule="nonzero" d="M225.63 74.62l4.85 15.45 2.88-9.09-1.52-.45-1.36 4.54-3.49-10.9z"/><path fill="#CA7929" fill-rule="nonzero" d="M223.5 81.13l2.88 8.94 4.86-15.45-1.52-.46-3.34 10.91-1.51-4.4zM185.9 89.31v7.73h1.52v-7.73"/><path fill="#CA7929" fill-rule="nonzero" d="M186.5 60.07l-.75.3 8.94 28.19h-16.52l9.1-28.18-.76-.3-.76.3.76-.3-.76-.16-9.56 30.15h20.47L186.51 57.5l-.76 2.42z"/><path fill="#CA7929" fill-rule="nonzero" d="M182.87 69.47l6.36 20 3.64-11.52-1.51-.45-2.13 6.81-4.85-15.3z"/><path fill="#CA7929" fill-rule="nonzero" d="M180.14 78.1l3.64 11.37 6.21-20-1.51-.46-4.7 15.3-2.28-6.66zM208.04 89.31v7.73h1.51v-7.73"/><path fill="#CA7929" fill-rule="nonzero" d="M208.64 47.95l-.75.15 8.94 40.46H200.3l9.1-40.46-.76-.15-.75.15.75-.15-.75-.15-9.56 42.27h20.47l-10.16-45.6-.75 3.33z"/><path fill="#CA7929" fill-rule="nonzero" d="M203.94 65.98l7.43 23.33 4.25-12.87-1.52-.46-2.73 8.49-6.06-18.94z"/><path fill="#CA7929" fill-rule="nonzero" d="M201.67 75.98l4.24 13.33 7.43-23.33-1.51-.45-5.92 18.78-2.88-8.78zM164 100h90c.7 0 1-.2 1 0 0-.8-.3-1-1-1h-90c-.7 0-1 .2-1 1 0-.2.3 0 1 0z"/><rect fill="#FFF" fill-rule="nonzero" opacity=".33" x="16" y="87" width="61" height="17" rx="2"/><rect fill="#FFF" fill-rule="nonzero" x="109" y="63" width="39" height="5" rx="2.5"/><rect fill="#FFF" fill-rule="nonzero" x="87" y="63" width="17" height="5" rx="2.5"/><rect fill="#FFF" fill-rule="nonzero" x="16" y="63" width="66" height="5" rx="2.5"/><rect fill="#FFF" fill-rule="nonzero" x="94" y="73" width="30" height="5" rx="2.5"/><rect fill="#FFF" fill-rule="nonzero" x="67" y="73" width="22" height="5" rx="2.5"/><rect fill="#FFF" fill-rule="nonzero" x="16" y="73" width="46" height="5" rx="2.5"/><path d="M21 41h105a5 5 0 1 1 0 10H21a5 5 0 0 1 0-10z" fill="#FFF" fill-rule="nonzero"/><rect fill="#858C93" fill-rule="nonzero" x="32" y="12" width="63" height="6" rx="2.5"/><path fill="#BCBBBB" fill-rule="nonzero" d="M24 20v-5h2v7H12v-7h2v5z"/><path d="M15 19v-2h8v2h-8zm7.09-14.28l4.5 6.06-1.2.9-4.51-6.06 1.21-.9zM18.34 8.3l.97-1.16 5.8 4.83-.96 1.16-5.8-4.83zm-1.9 3.36l.64-1.37 6.85 3.19-.63 1.37-6.85-3.2zm-1.04 3.73l.38-1.67 7.42 1.48-.22 1.46-7.58-1.27z" fill="#F48024"/></g></svg>
\ No newline at end of file
diff --git a/packages/stacks-docs-next/static/legacy/assets/img/preview-short-transactional.svg b/packages/stacks-docs-next/static/legacy/assets/img/preview-short-transactional.svg
new file mode 100644
index 0000000000..c64f26728e
--- /dev/null
+++ b/packages/stacks-docs-next/static/legacy/assets/img/preview-short-transactional.svg
@@ -0,0 +1 @@
+<svg width="279" height="182" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill="#F3F3F5" fill-rule="nonzero" d="M0 0h279v181.96H0z"/><path d="M9 30h261a3 3 0 0 1 3 3v140a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3V33a3 3 0 0 1 3-3z" fill="#FFF" fill-rule="nonzero"/><rect fill="#0095FF" fill-rule="nonzero" x="16" y="150" width="61" height="17" rx="2"/><path fill="#FFF" fill-rule="nonzero" d="M15.77 143.14h3.64v1.21h-3.64z"/><rect fill="#C9CBCF" fill-rule="nonzero" x="25" y="131" width="33" height="5" rx="2.5"/><rect fill="#C9CBCF" fill-rule="nonzero" x="63" y="131" width="17" height="5" rx="2.5"/><rect fill="#C9CBCF" fill-rule="nonzero" x="42" y="119" width="39" height="5" rx="2.5"/><rect fill="#C9CBCF" fill-rule="nonzero" x="86" y="119" width="36" height="5" rx="2.5"/><rect fill="#C9CBCF" fill-rule="nonzero" x="25" y="119" width="12" height="5" rx="2.5"/><circle fill="#6C737A" cx="18.5" cy="121.5" r="2.5"/><circle fill="#6C737A" cx="18.5" cy="133.5" r="2.5"/><path fill="#FFF" fill-rule="nonzero" d="M15.77 110.39h3.64v1.21h-3.64z"/><rect fill="#C9CBCF" fill-rule="nonzero" x="86" y="98" width="33" height="5" rx="2.5"/><rect fill="#C9CBCF" fill-rule="nonzero" x="146" y="98" width="36" height="5" rx="2.5"/><rect fill="#C9CBCF" fill-rule="nonzero" x="187" y="98" width="12" height="5" rx="2.5"/><rect fill="#C9CBCF" fill-rule="nonzero" x="43" y="98" width="39" height="5" rx="2.5"/><rect fill="#C9CBCF" fill-rule="nonzero" x="124" y="98" width="17" height="5" rx="2.5"/><rect fill="#C9CBCF" fill-rule="nonzero" x="16" y="98" width="22" height="5" rx="2.5"/><rect fill="#C9CBCF" fill-rule="nonzero" x="69" y="86" width="33" height="5" rx="2.5"/><rect fill="#C9CBCF" fill-rule="nonzero" x="43" y="86" width="22" height="5" rx="2.5"/><rect fill="#C9CBCF" fill-rule="nonzero" x="209" y="86" width="36" height="5" rx="2.5"/><rect fill="#C9CBCF" fill-rule="nonzero" x="189" y="86" width="15" height="5" rx="2.5"/><rect fill="#C9CBCF" fill-rule="nonzero" x="172" y="86" width="12" height="5" rx="2.5"/><rect fill="#C9CBCF" fill-rule="nonzero" x="129" y="86" width="39" height="5" rx="2.5"/><rect fill="#C9CBCF" fill-rule="nonzero" x="107" y="86" width="17" height="5" rx="2.5"/><rect fill="#C9CBCF" fill-rule="nonzero" x="16" y="86" width="22" height="5" rx="2.5"/><rect fill="#C9CBCF" fill-rule="nonzero" x="195" y="74" width="33" height="5" rx="2.5"/><rect fill="#C9CBCF" fill-rule="nonzero" x="169" y="74" width="22" height="5" rx="2.5"/><rect fill="#C9CBCF" fill-rule="nonzero" x="152" y="74" width="12" height="5" rx="2.5"/><rect fill="#C9CBCF" fill-rule="nonzero" x="108" y="74" width="39" height="5" rx="2.5"/><rect fill="#C9CBCF" fill-rule="nonzero" x="86" y="74" width="17" height="5" rx="2.5"/><rect fill="#C9CBCF" fill-rule="nonzero" x="16" y="74" width="65" height="5" rx="2.5"/><path d="M21 54h104a5 5 0 1 1 0 10H21a5 5 0 0 1 0-10z" fill="#858C93" fill-rule="nonzero"/><path d="M18 38h7a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7c0-1.1.9-2 2-2z" fill="#EA4F4F" fill-rule="nonzero"/><rect fill="#858C93" fill-rule="nonzero" x="32" y="41" width="36" height="5" rx="2.5"/><rect fill="#858C93" fill-rule="nonzero" x="32" y="12" width="63" height="6" rx="2.5"/><path fill="#BCBBBB" fill-rule="nonzero" d="M24 20v-5h2v7H12v-7h2v5z"/><path d="M15 19v-2h8v2h-8zm7.09-14.28l4.5 6.06-1.2.9-4.51-6.06 1.21-.9zM18.34 8.3l.97-1.16 5.8 4.83-.96 1.16-5.8-4.83zm-1.9 3.36l.64-1.37 6.85 3.19-.63 1.37-6.85-3.2zm-1.04 3.73l.38-1.67 7.42 1.48-.22 1.46-7.58-1.27z" fill="#F48024"/></g></svg>
\ No newline at end of file
diff --git a/packages/stacks-docs-next/static/legacy/assets/img/team-avatar.png b/packages/stacks-docs-next/static/legacy/assets/img/team-avatar.png
new file mode 100644
index 0000000000..55e774a8e0
Binary files /dev/null and b/packages/stacks-docs-next/static/legacy/assets/img/team-avatar.png differ
diff --git a/packages/stacks-docs-next/static/legacy/docs.js b/packages/stacks-docs-next/static/legacy/docs.js
new file mode 100644
index 0000000000..113d456e33
--- /dev/null
+++ b/packages/stacks-docs-next/static/legacy/docs.js
@@ -0,0 +1,29113 @@
+/******/ (() => { // webpackBootstrap
+/******/ 	var __webpack_modules__ = ({
+
+/***/ "../../node_modules/@hotwired/stimulus/dist/stimulus.js"
+/*!**************************************************************!*\
+  !*** ../../node_modules/@hotwired/stimulus/dist/stimulus.js ***!
+  \**************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Application: () => (/* binding */ Application),
+/* harmony export */   AttributeObserver: () => (/* binding */ AttributeObserver),
+/* harmony export */   Context: () => (/* binding */ Context),
+/* harmony export */   Controller: () => (/* binding */ Controller),
+/* harmony export */   ElementObserver: () => (/* binding */ ElementObserver),
+/* harmony export */   IndexedMultimap: () => (/* binding */ IndexedMultimap),
+/* harmony export */   Multimap: () => (/* binding */ Multimap),
+/* harmony export */   SelectorObserver: () => (/* binding */ SelectorObserver),
+/* harmony export */   StringMapObserver: () => (/* binding */ StringMapObserver),
+/* harmony export */   TokenListObserver: () => (/* binding */ TokenListObserver),
+/* harmony export */   ValueListObserver: () => (/* binding */ ValueListObserver),
+/* harmony export */   add: () => (/* binding */ add),
+/* harmony export */   defaultSchema: () => (/* binding */ defaultSchema),
+/* harmony export */   del: () => (/* binding */ del),
+/* harmony export */   fetch: () => (/* binding */ fetch),
+/* harmony export */   prune: () => (/* binding */ prune)
+/* harmony export */ });
+/*
+Stimulus 3.2.1
+Copyright © 2023 Basecamp, LLC
+ */
+class EventListener {
+    constructor(eventTarget, eventName, eventOptions) {
+        this.eventTarget = eventTarget;
+        this.eventName = eventName;
+        this.eventOptions = eventOptions;
+        this.unorderedBindings = new Set();
+    }
+    connect() {
+        this.eventTarget.addEventListener(this.eventName, this, this.eventOptions);
+    }
+    disconnect() {
+        this.eventTarget.removeEventListener(this.eventName, this, this.eventOptions);
+    }
+    bindingConnected(binding) {
+        this.unorderedBindings.add(binding);
+    }
+    bindingDisconnected(binding) {
+        this.unorderedBindings.delete(binding);
+    }
+    handleEvent(event) {
+        const extendedEvent = extendEvent(event);
+        for (const binding of this.bindings) {
+            if (extendedEvent.immediatePropagationStopped) {
+                break;
+            }
+            else {
+                binding.handleEvent(extendedEvent);
+            }
+        }
+    }
+    hasBindings() {
+        return this.unorderedBindings.size > 0;
+    }
+    get bindings() {
+        return Array.from(this.unorderedBindings).sort((left, right) => {
+            const leftIndex = left.index, rightIndex = right.index;
+            return leftIndex < rightIndex ? -1 : leftIndex > rightIndex ? 1 : 0;
+        });
+    }
+}
+function extendEvent(event) {
+    if ("immediatePropagationStopped" in event) {
+        return event;
+    }
+    else {
+        const { stopImmediatePropagation } = event;
+        return Object.assign(event, {
+            immediatePropagationStopped: false,
+            stopImmediatePropagation() {
+                this.immediatePropagationStopped = true;
+                stopImmediatePropagation.call(this);
+            },
+        });
+    }
+}
+
+class Dispatcher {
+    constructor(application) {
+        this.application = application;
+        this.eventListenerMaps = new Map();
+        this.started = false;
+    }
+    start() {
+        if (!this.started) {
+            this.started = true;
+            this.eventListeners.forEach((eventListener) => eventListener.connect());
+        }
+    }
+    stop() {
+        if (this.started) {
+            this.started = false;
+            this.eventListeners.forEach((eventListener) => eventListener.disconnect());
+        }
+    }
+    get eventListeners() {
+        return Array.from(this.eventListenerMaps.values()).reduce((listeners, map) => listeners.concat(Array.from(map.values())), []);
+    }
+    bindingConnected(binding) {
+        this.fetchEventListenerForBinding(binding).bindingConnected(binding);
+    }
+    bindingDisconnected(binding, clearEventListeners = false) {
+        this.fetchEventListenerForBinding(binding).bindingDisconnected(binding);
+        if (clearEventListeners)
+            this.clearEventListenersForBinding(binding);
+    }
+    handleError(error, message, detail = {}) {
+        this.application.handleError(error, `Error ${message}`, detail);
+    }
+    clearEventListenersForBinding(binding) {
+        const eventListener = this.fetchEventListenerForBinding(binding);
+        if (!eventListener.hasBindings()) {
+            eventListener.disconnect();
+            this.removeMappedEventListenerFor(binding);
+        }
+    }
+    removeMappedEventListenerFor(binding) {
+        const { eventTarget, eventName, eventOptions } = binding;
+        const eventListenerMap = this.fetchEventListenerMapForEventTarget(eventTarget);
+        const cacheKey = this.cacheKey(eventName, eventOptions);
+        eventListenerMap.delete(cacheKey);
+        if (eventListenerMap.size == 0)
+            this.eventListenerMaps.delete(eventTarget);
+    }
+    fetchEventListenerForBinding(binding) {
+        const { eventTarget, eventName, eventOptions } = binding;
+        return this.fetchEventListener(eventTarget, eventName, eventOptions);
+    }
+    fetchEventListener(eventTarget, eventName, eventOptions) {
+        const eventListenerMap = this.fetchEventListenerMapForEventTarget(eventTarget);
+        const cacheKey = this.cacheKey(eventName, eventOptions);
+        let eventListener = eventListenerMap.get(cacheKey);
+        if (!eventListener) {
+            eventListener = this.createEventListener(eventTarget, eventName, eventOptions);
+            eventListenerMap.set(cacheKey, eventListener);
+        }
+        return eventListener;
+    }
+    createEventListener(eventTarget, eventName, eventOptions) {
+        const eventListener = new EventListener(eventTarget, eventName, eventOptions);
+        if (this.started) {
+            eventListener.connect();
+        }
+        return eventListener;
+    }
+    fetchEventListenerMapForEventTarget(eventTarget) {
+        let eventListenerMap = this.eventListenerMaps.get(eventTarget);
+        if (!eventListenerMap) {
+            eventListenerMap = new Map();
+            this.eventListenerMaps.set(eventTarget, eventListenerMap);
+        }
+        return eventListenerMap;
+    }
+    cacheKey(eventName, eventOptions) {
+        const parts = [eventName];
+        Object.keys(eventOptions)
+            .sort()
+            .forEach((key) => {
+            parts.push(`${eventOptions[key] ? "" : "!"}${key}`);
+        });
+        return parts.join(":");
+    }
+}
+
+const defaultActionDescriptorFilters = {
+    stop({ event, value }) {
+        if (value)
+            event.stopPropagation();
+        return true;
+    },
+    prevent({ event, value }) {
+        if (value)
+            event.preventDefault();
+        return true;
+    },
+    self({ event, value, element }) {
+        if (value) {
+            return element === event.target;
+        }
+        else {
+            return true;
+        }
+    },
+};
+const descriptorPattern = /^(?:(?:([^.]+?)\+)?(.+?)(?:\.(.+?))?(?:@(window|document))?->)?(.+?)(?:#([^:]+?))(?::(.+))?$/;
+function parseActionDescriptorString(descriptorString) {
+    const source = descriptorString.trim();
+    const matches = source.match(descriptorPattern) || [];
+    let eventName = matches[2];
+    let keyFilter = matches[3];
+    if (keyFilter && !["keydown", "keyup", "keypress"].includes(eventName)) {
+        eventName += `.${keyFilter}`;
+        keyFilter = "";
+    }
+    return {
+        eventTarget: parseEventTarget(matches[4]),
+        eventName,
+        eventOptions: matches[7] ? parseEventOptions(matches[7]) : {},
+        identifier: matches[5],
+        methodName: matches[6],
+        keyFilter: matches[1] || keyFilter,
+    };
+}
+function parseEventTarget(eventTargetName) {
+    if (eventTargetName == "window") {
+        return window;
+    }
+    else if (eventTargetName == "document") {
+        return document;
+    }
+}
+function parseEventOptions(eventOptions) {
+    return eventOptions
+        .split(":")
+        .reduce((options, token) => Object.assign(options, { [token.replace(/^!/, "")]: !/^!/.test(token) }), {});
+}
+function stringifyEventTarget(eventTarget) {
+    if (eventTarget == window) {
+        return "window";
+    }
+    else if (eventTarget == document) {
+        return "document";
+    }
+}
+
+function camelize(value) {
+    return value.replace(/(?:[_-])([a-z0-9])/g, (_, char) => char.toUpperCase());
+}
+function namespaceCamelize(value) {
+    return camelize(value.replace(/--/g, "-").replace(/__/g, "_"));
+}
+function capitalize(value) {
+    return value.charAt(0).toUpperCase() + value.slice(1);
+}
+function dasherize(value) {
+    return value.replace(/([A-Z])/g, (_, char) => `-${char.toLowerCase()}`);
+}
+function tokenize(value) {
+    return value.match(/[^\s]+/g) || [];
+}
+
+function isSomething(object) {
+    return object !== null && object !== undefined;
+}
+function hasProperty(object, property) {
+    return Object.prototype.hasOwnProperty.call(object, property);
+}
+
+const allModifiers = ["meta", "ctrl", "alt", "shift"];
+class Action {
+    constructor(element, index, descriptor, schema) {
+        this.element = element;
+        this.index = index;
+        this.eventTarget = descriptor.eventTarget || element;
+        this.eventName = descriptor.eventName || getDefaultEventNameForElement(element) || error("missing event name");
+        this.eventOptions = descriptor.eventOptions || {};
+        this.identifier = descriptor.identifier || error("missing identifier");
+        this.methodName = descriptor.methodName || error("missing method name");
+        this.keyFilter = descriptor.keyFilter || "";
+        this.schema = schema;
+    }
+    static forToken(token, schema) {
+        return new this(token.element, token.index, parseActionDescriptorString(token.content), schema);
+    }
+    toString() {
+        const eventFilter = this.keyFilter ? `.${this.keyFilter}` : "";
+        const eventTarget = this.eventTargetName ? `@${this.eventTargetName}` : "";
+        return `${this.eventName}${eventFilter}${eventTarget}->${this.identifier}#${this.methodName}`;
+    }
+    shouldIgnoreKeyboardEvent(event) {
+        if (!this.keyFilter) {
+            return false;
+        }
+        const filters = this.keyFilter.split("+");
+        if (this.keyFilterDissatisfied(event, filters)) {
+            return true;
+        }
+        const standardFilter = filters.filter((key) => !allModifiers.includes(key))[0];
+        if (!standardFilter) {
+            return false;
+        }
+        if (!hasProperty(this.keyMappings, standardFilter)) {
+            error(`contains unknown key filter: ${this.keyFilter}`);
+        }
+        return this.keyMappings[standardFilter].toLowerCase() !== event.key.toLowerCase();
+    }
+    shouldIgnoreMouseEvent(event) {
+        if (!this.keyFilter) {
+            return false;
+        }
+        const filters = [this.keyFilter];
+        if (this.keyFilterDissatisfied(event, filters)) {
+            return true;
+        }
+        return false;
+    }
+    get params() {
+        const params = {};
+        const pattern = new RegExp(`^data-${this.identifier}-(.+)-param$`, "i");
+        for (const { name, value } of Array.from(this.element.attributes)) {
+            const match = name.match(pattern);
+            const key = match && match[1];
+            if (key) {
+                params[camelize(key)] = typecast(value);
+            }
+        }
+        return params;
+    }
+    get eventTargetName() {
+        return stringifyEventTarget(this.eventTarget);
+    }
+    get keyMappings() {
+        return this.schema.keyMappings;
+    }
+    keyFilterDissatisfied(event, filters) {
+        const [meta, ctrl, alt, shift] = allModifiers.map((modifier) => filters.includes(modifier));
+        return event.metaKey !== meta || event.ctrlKey !== ctrl || event.altKey !== alt || event.shiftKey !== shift;
+    }
+}
+const defaultEventNames = {
+    a: () => "click",
+    button: () => "click",
+    form: () => "submit",
+    details: () => "toggle",
+    input: (e) => (e.getAttribute("type") == "submit" ? "click" : "input"),
+    select: () => "change",
+    textarea: () => "input",
+};
+function getDefaultEventNameForElement(element) {
+    const tagName = element.tagName.toLowerCase();
+    if (tagName in defaultEventNames) {
+        return defaultEventNames[tagName](element);
+    }
+}
+function error(message) {
+    throw new Error(message);
+}
+function typecast(value) {
+    try {
+        return JSON.parse(value);
+    }
+    catch (o_O) {
+        return value;
+    }
+}
+
+class Binding {
+    constructor(context, action) {
+        this.context = context;
+        this.action = action;
+    }
+    get index() {
+        return this.action.index;
+    }
+    get eventTarget() {
+        return this.action.eventTarget;
+    }
+    get eventOptions() {
+        return this.action.eventOptions;
+    }
+    get identifier() {
+        return this.context.identifier;
+    }
+    handleEvent(event) {
+        const actionEvent = this.prepareActionEvent(event);
+        if (this.willBeInvokedByEvent(event) && this.applyEventModifiers(actionEvent)) {
+            this.invokeWithEvent(actionEvent);
+        }
+    }
+    get eventName() {
+        return this.action.eventName;
+    }
+    get method() {
+        const method = this.controller[this.methodName];
+        if (typeof method == "function") {
+            return method;
+        }
+        throw new Error(`Action "${this.action}" references undefined method "${this.methodName}"`);
+    }
+    applyEventModifiers(event) {
+        const { element } = this.action;
+        const { actionDescriptorFilters } = this.context.application;
+        const { controller } = this.context;
+        let passes = true;
+        for (const [name, value] of Object.entries(this.eventOptions)) {
+            if (name in actionDescriptorFilters) {
+                const filter = actionDescriptorFilters[name];
+                passes = passes && filter({ name, value, event, element, controller });
+            }
+            else {
+                continue;
+            }
+        }
+        return passes;
+    }
+    prepareActionEvent(event) {
+        return Object.assign(event, { params: this.action.params });
+    }
+    invokeWithEvent(event) {
+        const { target, currentTarget } = event;
+        try {
+            this.method.call(this.controller, event);
+            this.context.logDebugActivity(this.methodName, { event, target, currentTarget, action: this.methodName });
+        }
+        catch (error) {
+            const { identifier, controller, element, index } = this;
+            const detail = { identifier, controller, element, index, event };
+            this.context.handleError(error, `invoking action "${this.action}"`, detail);
+        }
+    }
+    willBeInvokedByEvent(event) {
+        const eventTarget = event.target;
+        if (event instanceof KeyboardEvent && this.action.shouldIgnoreKeyboardEvent(event)) {
+            return false;
+        }
+        if (event instanceof MouseEvent && this.action.shouldIgnoreMouseEvent(event)) {
+            return false;
+        }
+        if (this.element === eventTarget) {
+            return true;
+        }
+        else if (eventTarget instanceof Element && this.element.contains(eventTarget)) {
+            return this.scope.containsElement(eventTarget);
+        }
+        else {
+            return this.scope.containsElement(this.action.element);
+        }
+    }
+    get controller() {
+        return this.context.controller;
+    }
+    get methodName() {
+        return this.action.methodName;
+    }
+    get element() {
+        return this.scope.element;
+    }
+    get scope() {
+        return this.context.scope;
+    }
+}
+
+class ElementObserver {
+    constructor(element, delegate) {
+        this.mutationObserverInit = { attributes: true, childList: true, subtree: true };
+        this.element = element;
+        this.started = false;
+        this.delegate = delegate;
+        this.elements = new Set();
+        this.mutationObserver = new MutationObserver((mutations) => this.processMutations(mutations));
+    }
+    start() {
+        if (!this.started) {
+            this.started = true;
+            this.mutationObserver.observe(this.element, this.mutationObserverInit);
+            this.refresh();
+        }
+    }
+    pause(callback) {
+        if (this.started) {
+            this.mutationObserver.disconnect();
+            this.started = false;
+        }
+        callback();
+        if (!this.started) {
+            this.mutationObserver.observe(this.element, this.mutationObserverInit);
+            this.started = true;
+        }
+    }
+    stop() {
+        if (this.started) {
+            this.mutationObserver.takeRecords();
+            this.mutationObserver.disconnect();
+            this.started = false;
+        }
+    }
+    refresh() {
+        if (this.started) {
+            const matches = new Set(this.matchElementsInTree());
+            for (const element of Array.from(this.elements)) {
+                if (!matches.has(element)) {
+                    this.removeElement(element);
+                }
+            }
+            for (const element of Array.from(matches)) {
+                this.addElement(element);
+            }
+        }
+    }
+    processMutations(mutations) {
+        if (this.started) {
+            for (const mutation of mutations) {
+                this.processMutation(mutation);
+            }
+        }
+    }
+    processMutation(mutation) {
+        if (mutation.type == "attributes") {
+            this.processAttributeChange(mutation.target, mutation.attributeName);
+        }
+        else if (mutation.type == "childList") {
+            this.processRemovedNodes(mutation.removedNodes);
+            this.processAddedNodes(mutation.addedNodes);
+        }
+    }
+    processAttributeChange(element, attributeName) {
+        if (this.elements.has(element)) {
+            if (this.delegate.elementAttributeChanged && this.matchElement(element)) {
+                this.delegate.elementAttributeChanged(element, attributeName);
+            }
+            else {
+                this.removeElement(element);
+            }
+        }
+        else if (this.matchElement(element)) {
+            this.addElement(element);
+        }
+    }
+    processRemovedNodes(nodes) {
+        for (const node of Array.from(nodes)) {
+            const element = this.elementFromNode(node);
+            if (element) {
+                this.processTree(element, this.removeElement);
+            }
+        }
+    }
+    processAddedNodes(nodes) {
+        for (const node of Array.from(nodes)) {
+            const element = this.elementFromNode(node);
+            if (element && this.elementIsActive(element)) {
+                this.processTree(element, this.addElement);
+            }
+        }
+    }
+    matchElement(element) {
+        return this.delegate.matchElement(element);
+    }
+    matchElementsInTree(tree = this.element) {
+        return this.delegate.matchElementsInTree(tree);
+    }
+    processTree(tree, processor) {
+        for (const element of this.matchElementsInTree(tree)) {
+            processor.call(this, element);
+        }
+    }
+    elementFromNode(node) {
+        if (node.nodeType == Node.ELEMENT_NODE) {
+            return node;
+        }
+    }
+    elementIsActive(element) {
+        if (element.isConnected != this.element.isConnected) {
+            return false;
+        }
+        else {
+            return this.element.contains(element);
+        }
+    }
+    addElement(element) {
+        if (!this.elements.has(element)) {
+            if (this.elementIsActive(element)) {
+                this.elements.add(element);
+                if (this.delegate.elementMatched) {
+                    this.delegate.elementMatched(element);
+                }
+            }
+        }
+    }
+    removeElement(element) {
+        if (this.elements.has(element)) {
+            this.elements.delete(element);
+            if (this.delegate.elementUnmatched) {
+                this.delegate.elementUnmatched(element);
+            }
+        }
+    }
+}
+
+class AttributeObserver {
+    constructor(element, attributeName, delegate) {
+        this.attributeName = attributeName;
+        this.delegate = delegate;
+        this.elementObserver = new ElementObserver(element, this);
+    }
+    get element() {
+        return this.elementObserver.element;
+    }
+    get selector() {
+        return `[${this.attributeName}]`;
+    }
+    start() {
+        this.elementObserver.start();
+    }
+    pause(callback) {
+        this.elementObserver.pause(callback);
+    }
+    stop() {
+        this.elementObserver.stop();
+    }
+    refresh() {
+        this.elementObserver.refresh();
+    }
+    get started() {
+        return this.elementObserver.started;
+    }
+    matchElement(element) {
+        return element.hasAttribute(this.attributeName);
+    }
+    matchElementsInTree(tree) {
+        const match = this.matchElement(tree) ? [tree] : [];
+        const matches = Array.from(tree.querySelectorAll(this.selector));
+        return match.concat(matches);
+    }
+    elementMatched(element) {
+        if (this.delegate.elementMatchedAttribute) {
+            this.delegate.elementMatchedAttribute(element, this.attributeName);
+        }
+    }
+    elementUnmatched(element) {
+        if (this.delegate.elementUnmatchedAttribute) {
+            this.delegate.elementUnmatchedAttribute(element, this.attributeName);
+        }
+    }
+    elementAttributeChanged(element, attributeName) {
+        if (this.delegate.elementAttributeValueChanged && this.attributeName == attributeName) {
+            this.delegate.elementAttributeValueChanged(element, attributeName);
+        }
+    }
+}
+
+function add(map, key, value) {
+    fetch(map, key).add(value);
+}
+function del(map, key, value) {
+    fetch(map, key).delete(value);
+    prune(map, key);
+}
+function fetch(map, key) {
+    let values = map.get(key);
+    if (!values) {
+        values = new Set();
+        map.set(key, values);
+    }
+    return values;
+}
+function prune(map, key) {
+    const values = map.get(key);
+    if (values != null && values.size == 0) {
+        map.delete(key);
+    }
+}
+
+class Multimap {
+    constructor() {
+        this.valuesByKey = new Map();
+    }
+    get keys() {
+        return Array.from(this.valuesByKey.keys());
+    }
+    get values() {
+        const sets = Array.from(this.valuesByKey.values());
+        return sets.reduce((values, set) => values.concat(Array.from(set)), []);
+    }
+    get size() {
+        const sets = Array.from(this.valuesByKey.values());
+        return sets.reduce((size, set) => size + set.size, 0);
+    }
+    add(key, value) {
+        add(this.valuesByKey, key, value);
+    }
+    delete(key, value) {
+        del(this.valuesByKey, key, value);
+    }
+    has(key, value) {
+        const values = this.valuesByKey.get(key);
+        return values != null && values.has(value);
+    }
+    hasKey(key) {
+        return this.valuesByKey.has(key);
+    }
+    hasValue(value) {
+        const sets = Array.from(this.valuesByKey.values());
+        return sets.some((set) => set.has(value));
+    }
+    getValuesForKey(key) {
+        const values = this.valuesByKey.get(key);
+        return values ? Array.from(values) : [];
+    }
+    getKeysForValue(value) {
+        return Array.from(this.valuesByKey)
+            .filter(([_key, values]) => values.has(value))
+            .map(([key, _values]) => key);
+    }
+}
+
+class IndexedMultimap extends Multimap {
+    constructor() {
+        super();
+        this.keysByValue = new Map();
+    }
+    get values() {
+        return Array.from(this.keysByValue.keys());
+    }
+    add(key, value) {
+        super.add(key, value);
+        add(this.keysByValue, value, key);
+    }
+    delete(key, value) {
+        super.delete(key, value);
+        del(this.keysByValue, value, key);
+    }
+    hasValue(value) {
+        return this.keysByValue.has(value);
+    }
+    getKeysForValue(value) {
+        const set = this.keysByValue.get(value);
+        return set ? Array.from(set) : [];
+    }
+}
+
+class SelectorObserver {
+    constructor(element, selector, delegate, details) {
+        this._selector = selector;
+        this.details = details;
+        this.elementObserver = new ElementObserver(element, this);
+        this.delegate = delegate;
+        this.matchesByElement = new Multimap();
+    }
+    get started() {
+        return this.elementObserver.started;
+    }
+    get selector() {
+        return this._selector;
+    }
+    set selector(selector) {
+        this._selector = selector;
+        this.refresh();
+    }
+    start() {
+        this.elementObserver.start();
+    }
+    pause(callback) {
+        this.elementObserver.pause(callback);
+    }
+    stop() {
+        this.elementObserver.stop();
+    }
+    refresh() {
+        this.elementObserver.refresh();
+    }
+    get element() {
+        return this.elementObserver.element;
+    }
+    matchElement(element) {
+        const { selector } = this;
+        if (selector) {
+            const matches = element.matches(selector);
+            if (this.delegate.selectorMatchElement) {
+                return matches && this.delegate.selectorMatchElement(element, this.details);
+            }
+            return matches;
+        }
+        else {
+            return false;
+        }
+    }
+    matchElementsInTree(tree) {
+        const { selector } = this;
+        if (selector) {
+            const match = this.matchElement(tree) ? [tree] : [];
+            const matches = Array.from(tree.querySelectorAll(selector)).filter((match) => this.matchElement(match));
+            return match.concat(matches);
+        }
+        else {
+            return [];
+        }
+    }
+    elementMatched(element) {
+        const { selector } = this;
+        if (selector) {
+            this.selectorMatched(element, selector);
+        }
+    }
+    elementUnmatched(element) {
+        const selectors = this.matchesByElement.getKeysForValue(element);
+        for (const selector of selectors) {
+            this.selectorUnmatched(element, selector);
+        }
+    }
+    elementAttributeChanged(element, _attributeName) {
+        const { selector } = this;
+        if (selector) {
+            const matches = this.matchElement(element);
+            const matchedBefore = this.matchesByElement.has(selector, element);
+            if (matches && !matchedBefore) {
+                this.selectorMatched(element, selector);
+            }
+            else if (!matches && matchedBefore) {
+                this.selectorUnmatched(element, selector);
+            }
+        }
+    }
+    selectorMatched(element, selector) {
+        this.delegate.selectorMatched(element, selector, this.details);
+        this.matchesByElement.add(selector, element);
+    }
+    selectorUnmatched(element, selector) {
+        this.delegate.selectorUnmatched(element, selector, this.details);
+        this.matchesByElement.delete(selector, element);
+    }
+}
+
+class StringMapObserver {
+    constructor(element, delegate) {
+        this.element = element;
+        this.delegate = delegate;
+        this.started = false;
+        this.stringMap = new Map();
+        this.mutationObserver = new MutationObserver((mutations) => this.processMutations(mutations));
+    }
+    start() {
+        if (!this.started) {
+            this.started = true;
+            this.mutationObserver.observe(this.element, { attributes: true, attributeOldValue: true });
+            this.refresh();
+        }
+    }
+    stop() {
+        if (this.started) {
+            this.mutationObserver.takeRecords();
+            this.mutationObserver.disconnect();
+            this.started = false;
+        }
+    }
+    refresh() {
+        if (this.started) {
+            for (const attributeName of this.knownAttributeNames) {
+                this.refreshAttribute(attributeName, null);
+            }
+        }
+    }
+    processMutations(mutations) {
+        if (this.started) {
+            for (const mutation of mutations) {
+                this.processMutation(mutation);
+            }
+        }
+    }
+    processMutation(mutation) {
+        const attributeName = mutation.attributeName;
+        if (attributeName) {
+            this.refreshAttribute(attributeName, mutation.oldValue);
+        }
+    }
+    refreshAttribute(attributeName, oldValue) {
+        const key = this.delegate.getStringMapKeyForAttribute(attributeName);
+        if (key != null) {
+            if (!this.stringMap.has(attributeName)) {
+                this.stringMapKeyAdded(key, attributeName);
+            }
+            const value = this.element.getAttribute(attributeName);
+            if (this.stringMap.get(attributeName) != value) {
+                this.stringMapValueChanged(value, key, oldValue);
+            }
+            if (value == null) {
+                const oldValue = this.stringMap.get(attributeName);
+                this.stringMap.delete(attributeName);
+                if (oldValue)
+                    this.stringMapKeyRemoved(key, attributeName, oldValue);
+            }
+            else {
+                this.stringMap.set(attributeName, value);
+            }
+        }
+    }
+    stringMapKeyAdded(key, attributeName) {
+        if (this.delegate.stringMapKeyAdded) {
+            this.delegate.stringMapKeyAdded(key, attributeName);
+        }
+    }
+    stringMapValueChanged(value, key, oldValue) {
+        if (this.delegate.stringMapValueChanged) {
+            this.delegate.stringMapValueChanged(value, key, oldValue);
+        }
+    }
+    stringMapKeyRemoved(key, attributeName, oldValue) {
+        if (this.delegate.stringMapKeyRemoved) {
+            this.delegate.stringMapKeyRemoved(key, attributeName, oldValue);
+        }
+    }
+    get knownAttributeNames() {
+        return Array.from(new Set(this.currentAttributeNames.concat(this.recordedAttributeNames)));
+    }
+    get currentAttributeNames() {
+        return Array.from(this.element.attributes).map((attribute) => attribute.name);
+    }
+    get recordedAttributeNames() {
+        return Array.from(this.stringMap.keys());
+    }
+}
+
+class TokenListObserver {
+    constructor(element, attributeName, delegate) {
+        this.attributeObserver = new AttributeObserver(element, attributeName, this);
+        this.delegate = delegate;
+        this.tokensByElement = new Multimap();
+    }
+    get started() {
+        return this.attributeObserver.started;
+    }
+    start() {
+        this.attributeObserver.start();
+    }
+    pause(callback) {
+        this.attributeObserver.pause(callback);
+    }
+    stop() {
+        this.attributeObserver.stop();
+    }
+    refresh() {
+        this.attributeObserver.refresh();
+    }
+    get element() {
+        return this.attributeObserver.element;
+    }
+    get attributeName() {
+        return this.attributeObserver.attributeName;
+    }
+    elementMatchedAttribute(element) {
+        this.tokensMatched(this.readTokensForElement(element));
+    }
+    elementAttributeValueChanged(element) {
+        const [unmatchedTokens, matchedTokens] = this.refreshTokensForElement(element);
+        this.tokensUnmatched(unmatchedTokens);
+        this.tokensMatched(matchedTokens);
+    }
+    elementUnmatchedAttribute(element) {
+        this.tokensUnmatched(this.tokensByElement.getValuesForKey(element));
+    }
+    tokensMatched(tokens) {
+        tokens.forEach((token) => this.tokenMatched(token));
+    }
+    tokensUnmatched(tokens) {
+        tokens.forEach((token) => this.tokenUnmatched(token));
+    }
+    tokenMatched(token) {
+        this.delegate.tokenMatched(token);
+        this.tokensByElement.add(token.element, token);
+    }
+    tokenUnmatched(token) {
+        this.delegate.tokenUnmatched(token);
+        this.tokensByElement.delete(token.element, token);
+    }
+    refreshTokensForElement(element) {
+        const previousTokens = this.tokensByElement.getValuesForKey(element);
+        const currentTokens = this.readTokensForElement(element);
+        const firstDifferingIndex = zip(previousTokens, currentTokens).findIndex(([previousToken, currentToken]) => !tokensAreEqual(previousToken, currentToken));
+        if (firstDifferingIndex == -1) {
+            return [[], []];
+        }
+        else {
+            return [previousTokens.slice(firstDifferingIndex), currentTokens.slice(firstDifferingIndex)];
+        }
+    }
+    readTokensForElement(element) {
+        const attributeName = this.attributeName;
+        const tokenString = element.getAttribute(attributeName) || "";
+        return parseTokenString(tokenString, element, attributeName);
+    }
+}
+function parseTokenString(tokenString, element, attributeName) {
+    return tokenString
+        .trim()
+        .split(/\s+/)
+        .filter((content) => content.length)
+        .map((content, index) => ({ element, attributeName, content, index }));
+}
+function zip(left, right) {
+    const length = Math.max(left.length, right.length);
+    return Array.from({ length }, (_, index) => [left[index], right[index]]);
+}
+function tokensAreEqual(left, right) {
+    return left && right && left.index == right.index && left.content == right.content;
+}
+
+class ValueListObserver {
+    constructor(element, attributeName, delegate) {
+        this.tokenListObserver = new TokenListObserver(element, attributeName, this);
+        this.delegate = delegate;
+        this.parseResultsByToken = new WeakMap();
+        this.valuesByTokenByElement = new WeakMap();
+    }
+    get started() {
+        return this.tokenListObserver.started;
+    }
+    start() {
+        this.tokenListObserver.start();
+    }
+    stop() {
+        this.tokenListObserver.stop();
+    }
+    refresh() {
+        this.tokenListObserver.refresh();
+    }
+    get element() {
+        return this.tokenListObserver.element;
+    }
+    get attributeName() {
+        return this.tokenListObserver.attributeName;
+    }
+    tokenMatched(token) {
+        const { element } = token;
+        const { value } = this.fetchParseResultForToken(token);
+        if (value) {
+            this.fetchValuesByTokenForElement(element).set(token, value);
+            this.delegate.elementMatchedValue(element, value);
+        }
+    }
+    tokenUnmatched(token) {
+        const { element } = token;
+        const { value } = this.fetchParseResultForToken(token);
+        if (value) {
+            this.fetchValuesByTokenForElement(element).delete(token);
+            this.delegate.elementUnmatchedValue(element, value);
+        }
+    }
+    fetchParseResultForToken(token) {
+        let parseResult = this.parseResultsByToken.get(token);
+        if (!parseResult) {
+            parseResult = this.parseToken(token);
+            this.parseResultsByToken.set(token, parseResult);
+        }
+        return parseResult;
+    }
+    fetchValuesByTokenForElement(element) {
+        let valuesByToken = this.valuesByTokenByElement.get(element);
+        if (!valuesByToken) {
+            valuesByToken = new Map();
+            this.valuesByTokenByElement.set(element, valuesByToken);
+        }
+        return valuesByToken;
+    }
+    parseToken(token) {
+        try {
+            const value = this.delegate.parseValueForToken(token);
+            return { value };
+        }
+        catch (error) {
+            return { error };
+        }
+    }
+}
+
+class BindingObserver {
+    constructor(context, delegate) {
+        this.context = context;
+        this.delegate = delegate;
+        this.bindingsByAction = new Map();
+    }
+    start() {
+        if (!this.valueListObserver) {
+            this.valueListObserver = new ValueListObserver(this.element, this.actionAttribute, this);
+            this.valueListObserver.start();
+        }
+    }
+    stop() {
+        if (this.valueListObserver) {
+            this.valueListObserver.stop();
+            delete this.valueListObserver;
+            this.disconnectAllActions();
+        }
+    }
+    get element() {
+        return this.context.element;
+    }
+    get identifier() {
+        return this.context.identifier;
+    }
+    get actionAttribute() {
+        return this.schema.actionAttribute;
+    }
+    get schema() {
+        return this.context.schema;
+    }
+    get bindings() {
+        return Array.from(this.bindingsByAction.values());
+    }
+    connectAction(action) {
+        const binding = new Binding(this.context, action);
+        this.bindingsByAction.set(action, binding);
+        this.delegate.bindingConnected(binding);
+    }
+    disconnectAction(action) {
+        const binding = this.bindingsByAction.get(action);
+        if (binding) {
+            this.bindingsByAction.delete(action);
+            this.delegate.bindingDisconnected(binding);
+        }
+    }
+    disconnectAllActions() {
+        this.bindings.forEach((binding) => this.delegate.bindingDisconnected(binding, true));
+        this.bindingsByAction.clear();
+    }
+    parseValueForToken(token) {
+        const action = Action.forToken(token, this.schema);
+        if (action.identifier == this.identifier) {
+            return action;
+        }
+    }
+    elementMatchedValue(element, action) {
+        this.connectAction(action);
+    }
+    elementUnmatchedValue(element, action) {
+        this.disconnectAction(action);
+    }
+}
+
+class ValueObserver {
+    constructor(context, receiver) {
+        this.context = context;
+        this.receiver = receiver;
+        this.stringMapObserver = new StringMapObserver(this.element, this);
+        this.valueDescriptorMap = this.controller.valueDescriptorMap;
+    }
+    start() {
+        this.stringMapObserver.start();
+        this.invokeChangedCallbacksForDefaultValues();
+    }
+    stop() {
+        this.stringMapObserver.stop();
+    }
+    get element() {
+        return this.context.element;
+    }
+    get controller() {
+        return this.context.controller;
+    }
+    getStringMapKeyForAttribute(attributeName) {
+        if (attributeName in this.valueDescriptorMap) {
+            return this.valueDescriptorMap[attributeName].name;
+        }
+    }
+    stringMapKeyAdded(key, attributeName) {
+        const descriptor = this.valueDescriptorMap[attributeName];
+        if (!this.hasValue(key)) {
+            this.invokeChangedCallback(key, descriptor.writer(this.receiver[key]), descriptor.writer(descriptor.defaultValue));
+        }
+    }
+    stringMapValueChanged(value, name, oldValue) {
+        const descriptor = this.valueDescriptorNameMap[name];
+        if (value === null)
+            return;
+        if (oldValue === null) {
+            oldValue = descriptor.writer(descriptor.defaultValue);
+        }
+        this.invokeChangedCallback(name, value, oldValue);
+    }
+    stringMapKeyRemoved(key, attributeName, oldValue) {
+        const descriptor = this.valueDescriptorNameMap[key];
+        if (this.hasValue(key)) {
+            this.invokeChangedCallback(key, descriptor.writer(this.receiver[key]), oldValue);
+        }
+        else {
+            this.invokeChangedCallback(key, descriptor.writer(descriptor.defaultValue), oldValue);
+        }
+    }
+    invokeChangedCallbacksForDefaultValues() {
+        for (const { key, name, defaultValue, writer } of this.valueDescriptors) {
+            if (defaultValue != undefined && !this.controller.data.has(key)) {
+                this.invokeChangedCallback(name, writer(defaultValue), undefined);
+            }
+        }
+    }
+    invokeChangedCallback(name, rawValue, rawOldValue) {
+        const changedMethodName = `${name}Changed`;
+        const changedMethod = this.receiver[changedMethodName];
+        if (typeof changedMethod == "function") {
+            const descriptor = this.valueDescriptorNameMap[name];
+            try {
+                const value = descriptor.reader(rawValue);
+                let oldValue = rawOldValue;
+                if (rawOldValue) {
+                    oldValue = descriptor.reader(rawOldValue);
+                }
+                changedMethod.call(this.receiver, value, oldValue);
+            }
+            catch (error) {
+                if (error instanceof TypeError) {
+                    error.message = `Stimulus Value "${this.context.identifier}.${descriptor.name}" - ${error.message}`;
+                }
+                throw error;
+            }
+        }
+    }
+    get valueDescriptors() {
+        const { valueDescriptorMap } = this;
+        return Object.keys(valueDescriptorMap).map((key) => valueDescriptorMap[key]);
+    }
+    get valueDescriptorNameMap() {
+        const descriptors = {};
+        Object.keys(this.valueDescriptorMap).forEach((key) => {
+            const descriptor = this.valueDescriptorMap[key];
+            descriptors[descriptor.name] = descriptor;
+        });
+        return descriptors;
+    }
+    hasValue(attributeName) {
+        const descriptor = this.valueDescriptorNameMap[attributeName];
+        const hasMethodName = `has${capitalize(descriptor.name)}`;
+        return this.receiver[hasMethodName];
+    }
+}
+
+class TargetObserver {
+    constructor(context, delegate) {
+        this.context = context;
+        this.delegate = delegate;
+        this.targetsByName = new Multimap();
+    }
+    start() {
+        if (!this.tokenListObserver) {
+            this.tokenListObserver = new TokenListObserver(this.element, this.attributeName, this);
+            this.tokenListObserver.start();
+        }
+    }
+    stop() {
+        if (this.tokenListObserver) {
+            this.disconnectAllTargets();
+            this.tokenListObserver.stop();
+            delete this.tokenListObserver;
+        }
+    }
+    tokenMatched({ element, content: name }) {
+        if (this.scope.containsElement(element)) {
+            this.connectTarget(element, name);
+        }
+    }
+    tokenUnmatched({ element, content: name }) {
+        this.disconnectTarget(element, name);
+    }
+    connectTarget(element, name) {
+        var _a;
+        if (!this.targetsByName.has(name, element)) {
+            this.targetsByName.add(name, element);
+            (_a = this.tokenListObserver) === null || _a === void 0 ? void 0 : _a.pause(() => this.delegate.targetConnected(element, name));
+        }
+    }
+    disconnectTarget(element, name) {
+        var _a;
+        if (this.targetsByName.has(name, element)) {
+            this.targetsByName.delete(name, element);
+            (_a = this.tokenListObserver) === null || _a === void 0 ? void 0 : _a.pause(() => this.delegate.targetDisconnected(element, name));
+        }
+    }
+    disconnectAllTargets() {
+        for (const name of this.targetsByName.keys) {
+            for (const element of this.targetsByName.getValuesForKey(name)) {
+                this.disconnectTarget(element, name);
+            }
+        }
+    }
+    get attributeName() {
+        return `data-${this.context.identifier}-target`;
+    }
+    get element() {
+        return this.context.element;
+    }
+    get scope() {
+        return this.context.scope;
+    }
+}
+
+function readInheritableStaticArrayValues(constructor, propertyName) {
+    const ancestors = getAncestorsForConstructor(constructor);
+    return Array.from(ancestors.reduce((values, constructor) => {
+        getOwnStaticArrayValues(constructor, propertyName).forEach((name) => values.add(name));
+        return values;
+    }, new Set()));
+}
+function readInheritableStaticObjectPairs(constructor, propertyName) {
+    const ancestors = getAncestorsForConstructor(constructor);
+    return ancestors.reduce((pairs, constructor) => {
+        pairs.push(...getOwnStaticObjectPairs(constructor, propertyName));
+        return pairs;
+    }, []);
+}
+function getAncestorsForConstructor(constructor) {
+    const ancestors = [];
+    while (constructor) {
+        ancestors.push(constructor);
+        constructor = Object.getPrototypeOf(constructor);
+    }
+    return ancestors.reverse();
+}
+function getOwnStaticArrayValues(constructor, propertyName) {
+    const definition = constructor[propertyName];
+    return Array.isArray(definition) ? definition : [];
+}
+function getOwnStaticObjectPairs(constructor, propertyName) {
+    const definition = constructor[propertyName];
+    return definition ? Object.keys(definition).map((key) => [key, definition[key]]) : [];
+}
+
+class OutletObserver {
+    constructor(context, delegate) {
+        this.started = false;
+        this.context = context;
+        this.delegate = delegate;
+        this.outletsByName = new Multimap();
+        this.outletElementsByName = new Multimap();
+        this.selectorObserverMap = new Map();
+        this.attributeObserverMap = new Map();
+    }
+    start() {
+        if (!this.started) {
+            this.outletDefinitions.forEach((outletName) => {
+                this.setupSelectorObserverForOutlet(outletName);
+                this.setupAttributeObserverForOutlet(outletName);
+            });
+            this.started = true;
+            this.dependentContexts.forEach((context) => context.refresh());
+        }
+    }
+    refresh() {
+        this.selectorObserverMap.forEach((observer) => observer.refresh());
+        this.attributeObserverMap.forEach((observer) => observer.refresh());
+    }
+    stop() {
+        if (this.started) {
+            this.started = false;
+            this.disconnectAllOutlets();
+            this.stopSelectorObservers();
+            this.stopAttributeObservers();
+        }
+    }
+    stopSelectorObservers() {
+        if (this.selectorObserverMap.size > 0) {
+            this.selectorObserverMap.forEach((observer) => observer.stop());
+            this.selectorObserverMap.clear();
+        }
+    }
+    stopAttributeObservers() {
+        if (this.attributeObserverMap.size > 0) {
+            this.attributeObserverMap.forEach((observer) => observer.stop());
+            this.attributeObserverMap.clear();
+        }
+    }
+    selectorMatched(element, _selector, { outletName }) {
+        const outlet = this.getOutlet(element, outletName);
+        if (outlet) {
+            this.connectOutlet(outlet, element, outletName);
+        }
+    }
+    selectorUnmatched(element, _selector, { outletName }) {
+        const outlet = this.getOutletFromMap(element, outletName);
+        if (outlet) {
+            this.disconnectOutlet(outlet, element, outletName);
+        }
+    }
+    selectorMatchElement(element, { outletName }) {
+        const selector = this.selector(outletName);
+        const hasOutlet = this.hasOutlet(element, outletName);
+        const hasOutletController = element.matches(`[${this.schema.controllerAttribute}~=${outletName}]`);
+        if (selector) {
+            return hasOutlet && hasOutletController && element.matches(selector);
+        }
+        else {
+            return false;
+        }
+    }
+    elementMatchedAttribute(_element, attributeName) {
+        const outletName = this.getOutletNameFromOutletAttributeName(attributeName);
+        if (outletName) {
+            this.updateSelectorObserverForOutlet(outletName);
+        }
+    }
+    elementAttributeValueChanged(_element, attributeName) {
+        const outletName = this.getOutletNameFromOutletAttributeName(attributeName);
+        if (outletName) {
+            this.updateSelectorObserverForOutlet(outletName);
+        }
+    }
+    elementUnmatchedAttribute(_element, attributeName) {
+        const outletName = this.getOutletNameFromOutletAttributeName(attributeName);
+        if (outletName) {
+            this.updateSelectorObserverForOutlet(outletName);
+        }
+    }
+    connectOutlet(outlet, element, outletName) {
+        var _a;
+        if (!this.outletElementsByName.has(outletName, element)) {
+            this.outletsByName.add(outletName, outlet);
+            this.outletElementsByName.add(outletName, element);
+            (_a = this.selectorObserverMap.get(outletName)) === null || _a === void 0 ? void 0 : _a.pause(() => this.delegate.outletConnected(outlet, element, outletName));
+        }
+    }
+    disconnectOutlet(outlet, element, outletName) {
+        var _a;
+        if (this.outletElementsByName.has(outletName, element)) {
+            this.outletsByName.delete(outletName, outlet);
+            this.outletElementsByName.delete(outletName, element);
+            (_a = this.selectorObserverMap
+                .get(outletName)) === null || _a === void 0 ? void 0 : _a.pause(() => this.delegate.outletDisconnected(outlet, element, outletName));
+        }
+    }
+    disconnectAllOutlets() {
+        for (const outletName of this.outletElementsByName.keys) {
+            for (const element of this.outletElementsByName.getValuesForKey(outletName)) {
+                for (const outlet of this.outletsByName.getValuesForKey(outletName)) {
+                    this.disconnectOutlet(outlet, element, outletName);
+                }
+            }
+        }
+    }
+    updateSelectorObserverForOutlet(outletName) {
+        const observer = this.selectorObserverMap.get(outletName);
+        if (observer) {
+            observer.selector = this.selector(outletName);
+        }
+    }
+    setupSelectorObserverForOutlet(outletName) {
+        const selector = this.selector(outletName);
+        const selectorObserver = new SelectorObserver(document.body, selector, this, { outletName });
+        this.selectorObserverMap.set(outletName, selectorObserver);
+        selectorObserver.start();
+    }
+    setupAttributeObserverForOutlet(outletName) {
+        const attributeName = this.attributeNameForOutletName(outletName);
+        const attributeObserver = new AttributeObserver(this.scope.element, attributeName, this);
+        this.attributeObserverMap.set(outletName, attributeObserver);
+        attributeObserver.start();
+    }
+    selector(outletName) {
+        return this.scope.outlets.getSelectorForOutletName(outletName);
+    }
+    attributeNameForOutletName(outletName) {
+        return this.scope.schema.outletAttributeForScope(this.identifier, outletName);
+    }
+    getOutletNameFromOutletAttributeName(attributeName) {
+        return this.outletDefinitions.find((outletName) => this.attributeNameForOutletName(outletName) === attributeName);
+    }
+    get outletDependencies() {
+        const dependencies = new Multimap();
+        this.router.modules.forEach((module) => {
+            const constructor = module.definition.controllerConstructor;
+            const outlets = readInheritableStaticArrayValues(constructor, "outlets");
+            outlets.forEach((outlet) => dependencies.add(outlet, module.identifier));
+        });
+        return dependencies;
+    }
+    get outletDefinitions() {
+        return this.outletDependencies.getKeysForValue(this.identifier);
+    }
+    get dependentControllerIdentifiers() {
+        return this.outletDependencies.getValuesForKey(this.identifier);
+    }
+    get dependentContexts() {
+        const identifiers = this.dependentControllerIdentifiers;
+        return this.router.contexts.filter((context) => identifiers.includes(context.identifier));
+    }
+    hasOutlet(element, outletName) {
+        return !!this.getOutlet(element, outletName) || !!this.getOutletFromMap(element, outletName);
+    }
+    getOutlet(element, outletName) {
+        return this.application.getControllerForElementAndIdentifier(element, outletName);
+    }
+    getOutletFromMap(element, outletName) {
+        return this.outletsByName.getValuesForKey(outletName).find((outlet) => outlet.element === element);
+    }
+    get scope() {
+        return this.context.scope;
+    }
+    get schema() {
+        return this.context.schema;
+    }
+    get identifier() {
+        return this.context.identifier;
+    }
+    get application() {
+        return this.context.application;
+    }
+    get router() {
+        return this.application.router;
+    }
+}
+
+class Context {
+    constructor(module, scope) {
+        this.logDebugActivity = (functionName, detail = {}) => {
+            const { identifier, controller, element } = this;
+            detail = Object.assign({ identifier, controller, element }, detail);
+            this.application.logDebugActivity(this.identifier, functionName, detail);
+        };
+        this.module = module;
+        this.scope = scope;
+        this.controller = new module.controllerConstructor(this);
+        this.bindingObserver = new BindingObserver(this, this.dispatcher);
+        this.valueObserver = new ValueObserver(this, this.controller);
+        this.targetObserver = new TargetObserver(this, this);
+        this.outletObserver = new OutletObserver(this, this);
+        try {
+            this.controller.initialize();
+            this.logDebugActivity("initialize");
+        }
+        catch (error) {
+            this.handleError(error, "initializing controller");
+        }
+    }
+    connect() {
+        this.bindingObserver.start();
+        this.valueObserver.start();
+        this.targetObserver.start();
+        this.outletObserver.start();
+        try {
+            this.controller.connect();
+            this.logDebugActivity("connect");
+        }
+        catch (error) {
+            this.handleError(error, "connecting controller");
+        }
+    }
+    refresh() {
+        this.outletObserver.refresh();
+    }
+    disconnect() {
+        try {
+            this.controller.disconnect();
+            this.logDebugActivity("disconnect");
+        }
+        catch (error) {
+            this.handleError(error, "disconnecting controller");
+        }
+        this.outletObserver.stop();
+        this.targetObserver.stop();
+        this.valueObserver.stop();
+        this.bindingObserver.stop();
+    }
+    get application() {
+        return this.module.application;
+    }
+    get identifier() {
+        return this.module.identifier;
+    }
+    get schema() {
+        return this.application.schema;
+    }
+    get dispatcher() {
+        return this.application.dispatcher;
+    }
+    get element() {
+        return this.scope.element;
+    }
+    get parentElement() {
+        return this.element.parentElement;
+    }
+    handleError(error, message, detail = {}) {
+        const { identifier, controller, element } = this;
+        detail = Object.assign({ identifier, controller, element }, detail);
+        this.application.handleError(error, `Error ${message}`, detail);
+    }
+    targetConnected(element, name) {
+        this.invokeControllerMethod(`${name}TargetConnected`, element);
+    }
+    targetDisconnected(element, name) {
+        this.invokeControllerMethod(`${name}TargetDisconnected`, element);
+    }
+    outletConnected(outlet, element, name) {
+        this.invokeControllerMethod(`${namespaceCamelize(name)}OutletConnected`, outlet, element);
+    }
+    outletDisconnected(outlet, element, name) {
+        this.invokeControllerMethod(`${namespaceCamelize(name)}OutletDisconnected`, outlet, element);
+    }
+    invokeControllerMethod(methodName, ...args) {
+        const controller = this.controller;
+        if (typeof controller[methodName] == "function") {
+            controller[methodName](...args);
+        }
+    }
+}
+
+function bless(constructor) {
+    return shadow(constructor, getBlessedProperties(constructor));
+}
+function shadow(constructor, properties) {
+    const shadowConstructor = extend(constructor);
+    const shadowProperties = getShadowProperties(constructor.prototype, properties);
+    Object.defineProperties(shadowConstructor.prototype, shadowProperties);
+    return shadowConstructor;
+}
+function getBlessedProperties(constructor) {
+    const blessings = readInheritableStaticArrayValues(constructor, "blessings");
+    return blessings.reduce((blessedProperties, blessing) => {
+        const properties = blessing(constructor);
+        for (const key in properties) {
+            const descriptor = blessedProperties[key] || {};
+            blessedProperties[key] = Object.assign(descriptor, properties[key]);
+        }
+        return blessedProperties;
+    }, {});
+}
+function getShadowProperties(prototype, properties) {
+    return getOwnKeys(properties).reduce((shadowProperties, key) => {
+        const descriptor = getShadowedDescriptor(prototype, properties, key);
+        if (descriptor) {
+            Object.assign(shadowProperties, { [key]: descriptor });
+        }
+        return shadowProperties;
+    }, {});
+}
+function getShadowedDescriptor(prototype, properties, key) {
+    const shadowingDescriptor = Object.getOwnPropertyDescriptor(prototype, key);
+    const shadowedByValue = shadowingDescriptor && "value" in shadowingDescriptor;
+    if (!shadowedByValue) {
+        const descriptor = Object.getOwnPropertyDescriptor(properties, key).value;
+        if (shadowingDescriptor) {
+            descriptor.get = shadowingDescriptor.get || descriptor.get;
+            descriptor.set = shadowingDescriptor.set || descriptor.set;
+        }
+        return descriptor;
+    }
+}
+const getOwnKeys = (() => {
+    if (typeof Object.getOwnPropertySymbols == "function") {
+        return (object) => [...Object.getOwnPropertyNames(object), ...Object.getOwnPropertySymbols(object)];
+    }
+    else {
+        return Object.getOwnPropertyNames;
+    }
+})();
+const extend = (() => {
+    function extendWithReflect(constructor) {
+        function extended() {
+            return Reflect.construct(constructor, arguments, new.target);
+        }
+        extended.prototype = Object.create(constructor.prototype, {
+            constructor: { value: extended },
+        });
+        Reflect.setPrototypeOf(extended, constructor);
+        return extended;
+    }
+    function testReflectExtension() {
+        const a = function () {
+            this.a.call(this);
+        };
+        const b = extendWithReflect(a);
+        b.prototype.a = function () { };
+        return new b();
+    }
+    try {
+        testReflectExtension();
+        return extendWithReflect;
+    }
+    catch (error) {
+        return (constructor) => class extended extends constructor {
+        };
+    }
+})();
+
+function blessDefinition(definition) {
+    return {
+        identifier: definition.identifier,
+        controllerConstructor: bless(definition.controllerConstructor),
+    };
+}
+
+class Module {
+    constructor(application, definition) {
+        this.application = application;
+        this.definition = blessDefinition(definition);
+        this.contextsByScope = new WeakMap();
+        this.connectedContexts = new Set();
+    }
+    get identifier() {
+        return this.definition.identifier;
+    }
+    get controllerConstructor() {
+        return this.definition.controllerConstructor;
+    }
+    get contexts() {
+        return Array.from(this.connectedContexts);
+    }
+    connectContextForScope(scope) {
+        const context = this.fetchContextForScope(scope);
+        this.connectedContexts.add(context);
+        context.connect();
+    }
+    disconnectContextForScope(scope) {
+        const context = this.contextsByScope.get(scope);
+        if (context) {
+            this.connectedContexts.delete(context);
+            context.disconnect();
+        }
+    }
+    fetchContextForScope(scope) {
+        let context = this.contextsByScope.get(scope);
+        if (!context) {
+            context = new Context(this, scope);
+            this.contextsByScope.set(scope, context);
+        }
+        return context;
+    }
+}
+
+class ClassMap {
+    constructor(scope) {
+        this.scope = scope;
+    }
+    has(name) {
+        return this.data.has(this.getDataKey(name));
+    }
+    get(name) {
+        return this.getAll(name)[0];
+    }
+    getAll(name) {
+        const tokenString = this.data.get(this.getDataKey(name)) || "";
+        return tokenize(tokenString);
+    }
+    getAttributeName(name) {
+        return this.data.getAttributeNameForKey(this.getDataKey(name));
+    }
+    getDataKey(name) {
+        return `${name}-class`;
+    }
+    get data() {
+        return this.scope.data;
+    }
+}
+
+class DataMap {
+    constructor(scope) {
+        this.scope = scope;
+    }
+    get element() {
+        return this.scope.element;
+    }
+    get identifier() {
+        return this.scope.identifier;
+    }
+    get(key) {
+        const name = this.getAttributeNameForKey(key);
+        return this.element.getAttribute(name);
+    }
+    set(key, value) {
+        const name = this.getAttributeNameForKey(key);
+        this.element.setAttribute(name, value);
+        return this.get(key);
+    }
+    has(key) {
+        const name = this.getAttributeNameForKey(key);
+        return this.element.hasAttribute(name);
+    }
+    delete(key) {
+        if (this.has(key)) {
+            const name = this.getAttributeNameForKey(key);
+            this.element.removeAttribute(name);
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    getAttributeNameForKey(key) {
+        return `data-${this.identifier}-${dasherize(key)}`;
+    }
+}
+
+class Guide {
+    constructor(logger) {
+        this.warnedKeysByObject = new WeakMap();
+        this.logger = logger;
+    }
+    warn(object, key, message) {
+        let warnedKeys = this.warnedKeysByObject.get(object);
+        if (!warnedKeys) {
+            warnedKeys = new Set();
+            this.warnedKeysByObject.set(object, warnedKeys);
+        }
+        if (!warnedKeys.has(key)) {
+            warnedKeys.add(key);
+            this.logger.warn(message, object);
+        }
+    }
+}
+
+function attributeValueContainsToken(attributeName, token) {
+    return `[${attributeName}~="${token}"]`;
+}
+
+class TargetSet {
+    constructor(scope) {
+        this.scope = scope;
+    }
+    get element() {
+        return this.scope.element;
+    }
+    get identifier() {
+        return this.scope.identifier;
+    }
+    get schema() {
+        return this.scope.schema;
+    }
+    has(targetName) {
+        return this.find(targetName) != null;
+    }
+    find(...targetNames) {
+        return targetNames.reduce((target, targetName) => target || this.findTarget(targetName) || this.findLegacyTarget(targetName), undefined);
+    }
+    findAll(...targetNames) {
+        return targetNames.reduce((targets, targetName) => [
+            ...targets,
+            ...this.findAllTargets(targetName),
+            ...this.findAllLegacyTargets(targetName),
+        ], []);
+    }
+    findTarget(targetName) {
+        const selector = this.getSelectorForTargetName(targetName);
+        return this.scope.findElement(selector);
+    }
+    findAllTargets(targetName) {
+        const selector = this.getSelectorForTargetName(targetName);
+        return this.scope.findAllElements(selector);
+    }
+    getSelectorForTargetName(targetName) {
+        const attributeName = this.schema.targetAttributeForScope(this.identifier);
+        return attributeValueContainsToken(attributeName, targetName);
+    }
+    findLegacyTarget(targetName) {
+        const selector = this.getLegacySelectorForTargetName(targetName);
+        return this.deprecate(this.scope.findElement(selector), targetName);
+    }
+    findAllLegacyTargets(targetName) {
+        const selector = this.getLegacySelectorForTargetName(targetName);
+        return this.scope.findAllElements(selector).map((element) => this.deprecate(element, targetName));
+    }
+    getLegacySelectorForTargetName(targetName) {
+        const targetDescriptor = `${this.identifier}.${targetName}`;
+        return attributeValueContainsToken(this.schema.targetAttribute, targetDescriptor);
+    }
+    deprecate(element, targetName) {
+        if (element) {
+            const { identifier } = this;
+            const attributeName = this.schema.targetAttribute;
+            const revisedAttributeName = this.schema.targetAttributeForScope(identifier);
+            this.guide.warn(element, `target:${targetName}`, `Please replace ${attributeName}="${identifier}.${targetName}" with ${revisedAttributeName}="${targetName}". ` +
+                `The ${attributeName} attribute is deprecated and will be removed in a future version of Stimulus.`);
+        }
+        return element;
+    }
+    get guide() {
+        return this.scope.guide;
+    }
+}
+
+class OutletSet {
+    constructor(scope, controllerElement) {
+        this.scope = scope;
+        this.controllerElement = controllerElement;
+    }
+    get element() {
+        return this.scope.element;
+    }
+    get identifier() {
+        return this.scope.identifier;
+    }
+    get schema() {
+        return this.scope.schema;
+    }
+    has(outletName) {
+        return this.find(outletName) != null;
+    }
+    find(...outletNames) {
+        return outletNames.reduce((outlet, outletName) => outlet || this.findOutlet(outletName), undefined);
+    }
+    findAll(...outletNames) {
+        return outletNames.reduce((outlets, outletName) => [...outlets, ...this.findAllOutlets(outletName)], []);
+    }
+    getSelectorForOutletName(outletName) {
+        const attributeName = this.schema.outletAttributeForScope(this.identifier, outletName);
+        return this.controllerElement.getAttribute(attributeName);
+    }
+    findOutlet(outletName) {
+        const selector = this.getSelectorForOutletName(outletName);
+        if (selector)
+            return this.findElement(selector, outletName);
+    }
+    findAllOutlets(outletName) {
+        const selector = this.getSelectorForOutletName(outletName);
+        return selector ? this.findAllElements(selector, outletName) : [];
+    }
+    findElement(selector, outletName) {
+        const elements = this.scope.queryElements(selector);
+        return elements.filter((element) => this.matchesElement(element, selector, outletName))[0];
+    }
+    findAllElements(selector, outletName) {
+        const elements = this.scope.queryElements(selector);
+        return elements.filter((element) => this.matchesElement(element, selector, outletName));
+    }
+    matchesElement(element, selector, outletName) {
+        const controllerAttribute = element.getAttribute(this.scope.schema.controllerAttribute) || "";
+        return element.matches(selector) && controllerAttribute.split(" ").includes(outletName);
+    }
+}
+
+class Scope {
+    constructor(schema, element, identifier, logger) {
+        this.targets = new TargetSet(this);
+        this.classes = new ClassMap(this);
+        this.data = new DataMap(this);
+        this.containsElement = (element) => {
+            return element.closest(this.controllerSelector) === this.element;
+        };
+        this.schema = schema;
+        this.element = element;
+        this.identifier = identifier;
+        this.guide = new Guide(logger);
+        this.outlets = new OutletSet(this.documentScope, element);
+    }
+    findElement(selector) {
+        return this.element.matches(selector) ? this.element : this.queryElements(selector).find(this.containsElement);
+    }
+    findAllElements(selector) {
+        return [
+            ...(this.element.matches(selector) ? [this.element] : []),
+            ...this.queryElements(selector).filter(this.containsElement),
+        ];
+    }
+    queryElements(selector) {
+        return Array.from(this.element.querySelectorAll(selector));
+    }
+    get controllerSelector() {
+        return attributeValueContainsToken(this.schema.controllerAttribute, this.identifier);
+    }
+    get isDocumentScope() {
+        return this.element === document.documentElement;
+    }
+    get documentScope() {
+        return this.isDocumentScope
+            ? this
+            : new Scope(this.schema, document.documentElement, this.identifier, this.guide.logger);
+    }
+}
+
+class ScopeObserver {
+    constructor(element, schema, delegate) {
+        this.element = element;
+        this.schema = schema;
+        this.delegate = delegate;
+        this.valueListObserver = new ValueListObserver(this.element, this.controllerAttribute, this);
+        this.scopesByIdentifierByElement = new WeakMap();
+        this.scopeReferenceCounts = new WeakMap();
+    }
+    start() {
+        this.valueListObserver.start();
+    }
+    stop() {
+        this.valueListObserver.stop();
+    }
+    get controllerAttribute() {
+        return this.schema.controllerAttribute;
+    }
+    parseValueForToken(token) {
+        const { element, content: identifier } = token;
+        return this.parseValueForElementAndIdentifier(element, identifier);
+    }
+    parseValueForElementAndIdentifier(element, identifier) {
+        const scopesByIdentifier = this.fetchScopesByIdentifierForElement(element);
+        let scope = scopesByIdentifier.get(identifier);
+        if (!scope) {
+            scope = this.delegate.createScopeForElementAndIdentifier(element, identifier);
+            scopesByIdentifier.set(identifier, scope);
+        }
+        return scope;
+    }
+    elementMatchedValue(element, value) {
+        const referenceCount = (this.scopeReferenceCounts.get(value) || 0) + 1;
+        this.scopeReferenceCounts.set(value, referenceCount);
+        if (referenceCount == 1) {
+            this.delegate.scopeConnected(value);
+        }
+    }
+    elementUnmatchedValue(element, value) {
+        const referenceCount = this.scopeReferenceCounts.get(value);
+        if (referenceCount) {
+            this.scopeReferenceCounts.set(value, referenceCount - 1);
+            if (referenceCount == 1) {
+                this.delegate.scopeDisconnected(value);
+            }
+        }
+    }
+    fetchScopesByIdentifierForElement(element) {
+        let scopesByIdentifier = this.scopesByIdentifierByElement.get(element);
+        if (!scopesByIdentifier) {
+            scopesByIdentifier = new Map();
+            this.scopesByIdentifierByElement.set(element, scopesByIdentifier);
+        }
+        return scopesByIdentifier;
+    }
+}
+
+class Router {
+    constructor(application) {
+        this.application = application;
+        this.scopeObserver = new ScopeObserver(this.element, this.schema, this);
+        this.scopesByIdentifier = new Multimap();
+        this.modulesByIdentifier = new Map();
+    }
+    get element() {
+        return this.application.element;
+    }
+    get schema() {
+        return this.application.schema;
+    }
+    get logger() {
+        return this.application.logger;
+    }
+    get controllerAttribute() {
+        return this.schema.controllerAttribute;
+    }
+    get modules() {
+        return Array.from(this.modulesByIdentifier.values());
+    }
+    get contexts() {
+        return this.modules.reduce((contexts, module) => contexts.concat(module.contexts), []);
+    }
+    start() {
+        this.scopeObserver.start();
+    }
+    stop() {
+        this.scopeObserver.stop();
+    }
+    loadDefinition(definition) {
+        this.unloadIdentifier(definition.identifier);
+        const module = new Module(this.application, definition);
+        this.connectModule(module);
+        const afterLoad = definition.controllerConstructor.afterLoad;
+        if (afterLoad) {
+            afterLoad.call(definition.controllerConstructor, definition.identifier, this.application);
+        }
+    }
+    unloadIdentifier(identifier) {
+        const module = this.modulesByIdentifier.get(identifier);
+        if (module) {
+            this.disconnectModule(module);
+        }
+    }
+    getContextForElementAndIdentifier(element, identifier) {
+        const module = this.modulesByIdentifier.get(identifier);
+        if (module) {
+            return module.contexts.find((context) => context.element == element);
+        }
+    }
+    proposeToConnectScopeForElementAndIdentifier(element, identifier) {
+        const scope = this.scopeObserver.parseValueForElementAndIdentifier(element, identifier);
+        if (scope) {
+            this.scopeObserver.elementMatchedValue(scope.element, scope);
+        }
+        else {
+            console.error(`Couldn't find or create scope for identifier: "${identifier}" and element:`, element);
+        }
+    }
+    handleError(error, message, detail) {
+        this.application.handleError(error, message, detail);
+    }
+    createScopeForElementAndIdentifier(element, identifier) {
+        return new Scope(this.schema, element, identifier, this.logger);
+    }
+    scopeConnected(scope) {
+        this.scopesByIdentifier.add(scope.identifier, scope);
+        const module = this.modulesByIdentifier.get(scope.identifier);
+        if (module) {
+            module.connectContextForScope(scope);
+        }
+    }
+    scopeDisconnected(scope) {
+        this.scopesByIdentifier.delete(scope.identifier, scope);
+        const module = this.modulesByIdentifier.get(scope.identifier);
+        if (module) {
+            module.disconnectContextForScope(scope);
+        }
+    }
+    connectModule(module) {
+        this.modulesByIdentifier.set(module.identifier, module);
+        const scopes = this.scopesByIdentifier.getValuesForKey(module.identifier);
+        scopes.forEach((scope) => module.connectContextForScope(scope));
+    }
+    disconnectModule(module) {
+        this.modulesByIdentifier.delete(module.identifier);
+        const scopes = this.scopesByIdentifier.getValuesForKey(module.identifier);
+        scopes.forEach((scope) => module.disconnectContextForScope(scope));
+    }
+}
+
+const defaultSchema = {
+    controllerAttribute: "data-controller",
+    actionAttribute: "data-action",
+    targetAttribute: "data-target",
+    targetAttributeForScope: (identifier) => `data-${identifier}-target`,
+    outletAttributeForScope: (identifier, outlet) => `data-${identifier}-${outlet}-outlet`,
+    keyMappings: Object.assign(Object.assign({ enter: "Enter", tab: "Tab", esc: "Escape", space: " ", up: "ArrowUp", down: "ArrowDown", left: "ArrowLeft", right: "ArrowRight", home: "Home", end: "End", page_up: "PageUp", page_down: "PageDown" }, objectFromEntries("abcdefghijklmnopqrstuvwxyz".split("").map((c) => [c, c]))), objectFromEntries("0123456789".split("").map((n) => [n, n]))),
+};
+function objectFromEntries(array) {
+    return array.reduce((memo, [k, v]) => (Object.assign(Object.assign({}, memo), { [k]: v })), {});
+}
+
+class Application {
+    constructor(element = document.documentElement, schema = defaultSchema) {
+        this.logger = console;
+        this.debug = false;
+        this.logDebugActivity = (identifier, functionName, detail = {}) => {
+            if (this.debug) {
+                this.logFormattedMessage(identifier, functionName, detail);
+            }
+        };
+        this.element = element;
+        this.schema = schema;
+        this.dispatcher = new Dispatcher(this);
+        this.router = new Router(this);
+        this.actionDescriptorFilters = Object.assign({}, defaultActionDescriptorFilters);
+    }
+    static start(element, schema) {
+        const application = new this(element, schema);
+        application.start();
+        return application;
+    }
+    async start() {
+        await domReady();
+        this.logDebugActivity("application", "starting");
+        this.dispatcher.start();
+        this.router.start();
+        this.logDebugActivity("application", "start");
+    }
+    stop() {
+        this.logDebugActivity("application", "stopping");
+        this.dispatcher.stop();
+        this.router.stop();
+        this.logDebugActivity("application", "stop");
+    }
+    register(identifier, controllerConstructor) {
+        this.load({ identifier, controllerConstructor });
+    }
+    registerActionOption(name, filter) {
+        this.actionDescriptorFilters[name] = filter;
+    }
+    load(head, ...rest) {
+        const definitions = Array.isArray(head) ? head : [head, ...rest];
+        definitions.forEach((definition) => {
+            if (definition.controllerConstructor.shouldLoad) {
+                this.router.loadDefinition(definition);
+            }
+        });
+    }
+    unload(head, ...rest) {
+        const identifiers = Array.isArray(head) ? head : [head, ...rest];
+        identifiers.forEach((identifier) => this.router.unloadIdentifier(identifier));
+    }
+    get controllers() {
+        return this.router.contexts.map((context) => context.controller);
+    }
+    getControllerForElementAndIdentifier(element, identifier) {
+        const context = this.router.getContextForElementAndIdentifier(element, identifier);
+        return context ? context.controller : null;
+    }
+    handleError(error, message, detail) {
+        var _a;
+        this.logger.error(`%s\n\n%o\n\n%o`, message, error, detail);
+        (_a = window.onerror) === null || _a === void 0 ? void 0 : _a.call(window, message, "", 0, 0, error);
+    }
+    logFormattedMessage(identifier, functionName, detail = {}) {
+        detail = Object.assign({ application: this }, detail);
+        this.logger.groupCollapsed(`${identifier} #${functionName}`);
+        this.logger.log("details:", Object.assign({}, detail));
+        this.logger.groupEnd();
+    }
+}
+function domReady() {
+    return new Promise((resolve) => {
+        if (document.readyState == "loading") {
+            document.addEventListener("DOMContentLoaded", () => resolve());
+        }
+        else {
+            resolve();
+        }
+    });
+}
+
+function ClassPropertiesBlessing(constructor) {
+    const classes = readInheritableStaticArrayValues(constructor, "classes");
+    return classes.reduce((properties, classDefinition) => {
+        return Object.assign(properties, propertiesForClassDefinition(classDefinition));
+    }, {});
+}
+function propertiesForClassDefinition(key) {
+    return {
+        [`${key}Class`]: {
+            get() {
+                const { classes } = this;
+                if (classes.has(key)) {
+                    return classes.get(key);
+                }
+                else {
+                    const attribute = classes.getAttributeName(key);
+                    throw new Error(`Missing attribute "${attribute}"`);
+                }
+            },
+        },
+        [`${key}Classes`]: {
+            get() {
+                return this.classes.getAll(key);
+            },
+        },
+        [`has${capitalize(key)}Class`]: {
+            get() {
+                return this.classes.has(key);
+            },
+        },
+    };
+}
+
+function OutletPropertiesBlessing(constructor) {
+    const outlets = readInheritableStaticArrayValues(constructor, "outlets");
+    return outlets.reduce((properties, outletDefinition) => {
+        return Object.assign(properties, propertiesForOutletDefinition(outletDefinition));
+    }, {});
+}
+function getOutletController(controller, element, identifier) {
+    return controller.application.getControllerForElementAndIdentifier(element, identifier);
+}
+function getControllerAndEnsureConnectedScope(controller, element, outletName) {
+    let outletController = getOutletController(controller, element, outletName);
+    if (outletController)
+        return outletController;
+    controller.application.router.proposeToConnectScopeForElementAndIdentifier(element, outletName);
+    outletController = getOutletController(controller, element, outletName);
+    if (outletController)
+        return outletController;
+}
+function propertiesForOutletDefinition(name) {
+    const camelizedName = namespaceCamelize(name);
+    return {
+        [`${camelizedName}Outlet`]: {
+            get() {
+                const outletElement = this.outlets.find(name);
+                const selector = this.outlets.getSelectorForOutletName(name);
+                if (outletElement) {
+                    const outletController = getControllerAndEnsureConnectedScope(this, outletElement, name);
+                    if (outletController)
+                        return outletController;
+                    throw new Error(`The provided outlet element is missing an outlet controller "${name}" instance for host controller "${this.identifier}"`);
+                }
+                throw new Error(`Missing outlet element "${name}" for host controller "${this.identifier}". Stimulus couldn't find a matching outlet element using selector "${selector}".`);
+            },
+        },
+        [`${camelizedName}Outlets`]: {
+            get() {
+                const outlets = this.outlets.findAll(name);
+                if (outlets.length > 0) {
+                    return outlets
+                        .map((outletElement) => {
+                        const outletController = getControllerAndEnsureConnectedScope(this, outletElement, name);
+                        if (outletController)
+                            return outletController;
+                        console.warn(`The provided outlet element is missing an outlet controller "${name}" instance for host controller "${this.identifier}"`, outletElement);
+                    })
+                        .filter((controller) => controller);
+                }
+                return [];
+            },
+        },
+        [`${camelizedName}OutletElement`]: {
+            get() {
+                const outletElement = this.outlets.find(name);
+                const selector = this.outlets.getSelectorForOutletName(name);
+                if (outletElement) {
+                    return outletElement;
+                }
+                else {
+                    throw new Error(`Missing outlet element "${name}" for host controller "${this.identifier}". Stimulus couldn't find a matching outlet element using selector "${selector}".`);
+                }
+            },
+        },
+        [`${camelizedName}OutletElements`]: {
+            get() {
+                return this.outlets.findAll(name);
+            },
+        },
+        [`has${capitalize(camelizedName)}Outlet`]: {
+            get() {
+                return this.outlets.has(name);
+            },
+        },
+    };
+}
+
+function TargetPropertiesBlessing(constructor) {
+    const targets = readInheritableStaticArrayValues(constructor, "targets");
+    return targets.reduce((properties, targetDefinition) => {
+        return Object.assign(properties, propertiesForTargetDefinition(targetDefinition));
+    }, {});
+}
+function propertiesForTargetDefinition(name) {
+    return {
+        [`${name}Target`]: {
+            get() {
+                const target = this.targets.find(name);
+                if (target) {
+                    return target;
+                }
+                else {
+                    throw new Error(`Missing target element "${name}" for "${this.identifier}" controller`);
+                }
+            },
+        },
+        [`${name}Targets`]: {
+            get() {
+                return this.targets.findAll(name);
+            },
+        },
+        [`has${capitalize(name)}Target`]: {
+            get() {
+                return this.targets.has(name);
+            },
+        },
+    };
+}
+
+function ValuePropertiesBlessing(constructor) {
+    const valueDefinitionPairs = readInheritableStaticObjectPairs(constructor, "values");
+    const propertyDescriptorMap = {
+        valueDescriptorMap: {
+            get() {
+                return valueDefinitionPairs.reduce((result, valueDefinitionPair) => {
+                    const valueDescriptor = parseValueDefinitionPair(valueDefinitionPair, this.identifier);
+                    const attributeName = this.data.getAttributeNameForKey(valueDescriptor.key);
+                    return Object.assign(result, { [attributeName]: valueDescriptor });
+                }, {});
+            },
+        },
+    };
+    return valueDefinitionPairs.reduce((properties, valueDefinitionPair) => {
+        return Object.assign(properties, propertiesForValueDefinitionPair(valueDefinitionPair));
+    }, propertyDescriptorMap);
+}
+function propertiesForValueDefinitionPair(valueDefinitionPair, controller) {
+    const definition = parseValueDefinitionPair(valueDefinitionPair, controller);
+    const { key, name, reader: read, writer: write } = definition;
+    return {
+        [name]: {
+            get() {
+                const value = this.data.get(key);
+                if (value !== null) {
+                    return read(value);
+                }
+                else {
+                    return definition.defaultValue;
+                }
+            },
+            set(value) {
+                if (value === undefined) {
+                    this.data.delete(key);
+                }
+                else {
+                    this.data.set(key, write(value));
+                }
+            },
+        },
+        [`has${capitalize(name)}`]: {
+            get() {
+                return this.data.has(key) || definition.hasCustomDefaultValue;
+            },
+        },
+    };
+}
+function parseValueDefinitionPair([token, typeDefinition], controller) {
+    return valueDescriptorForTokenAndTypeDefinition({
+        controller,
+        token,
+        typeDefinition,
+    });
+}
+function parseValueTypeConstant(constant) {
+    switch (constant) {
+        case Array:
+            return "array";
+        case Boolean:
+            return "boolean";
+        case Number:
+            return "number";
+        case Object:
+            return "object";
+        case String:
+            return "string";
+    }
+}
+function parseValueTypeDefault(defaultValue) {
+    switch (typeof defaultValue) {
+        case "boolean":
+            return "boolean";
+        case "number":
+            return "number";
+        case "string":
+            return "string";
+    }
+    if (Array.isArray(defaultValue))
+        return "array";
+    if (Object.prototype.toString.call(defaultValue) === "[object Object]")
+        return "object";
+}
+function parseValueTypeObject(payload) {
+    const { controller, token, typeObject } = payload;
+    const hasType = isSomething(typeObject.type);
+    const hasDefault = isSomething(typeObject.default);
+    const fullObject = hasType && hasDefault;
+    const onlyType = hasType && !hasDefault;
+    const onlyDefault = !hasType && hasDefault;
+    const typeFromObject = parseValueTypeConstant(typeObject.type);
+    const typeFromDefaultValue = parseValueTypeDefault(payload.typeObject.default);
+    if (onlyType)
+        return typeFromObject;
+    if (onlyDefault)
+        return typeFromDefaultValue;
+    if (typeFromObject !== typeFromDefaultValue) {
+        const propertyPath = controller ? `${controller}.${token}` : token;
+        throw new Error(`The specified default value for the Stimulus Value "${propertyPath}" must match the defined type "${typeFromObject}". The provided default value of "${typeObject.default}" is of type "${typeFromDefaultValue}".`);
+    }
+    if (fullObject)
+        return typeFromObject;
+}
+function parseValueTypeDefinition(payload) {
+    const { controller, token, typeDefinition } = payload;
+    const typeObject = { controller, token, typeObject: typeDefinition };
+    const typeFromObject = parseValueTypeObject(typeObject);
+    const typeFromDefaultValue = parseValueTypeDefault(typeDefinition);
+    const typeFromConstant = parseValueTypeConstant(typeDefinition);
+    const type = typeFromObject || typeFromDefaultValue || typeFromConstant;
+    if (type)
+        return type;
+    const propertyPath = controller ? `${controller}.${typeDefinition}` : token;
+    throw new Error(`Unknown value type "${propertyPath}" for "${token}" value`);
+}
+function defaultValueForDefinition(typeDefinition) {
+    const constant = parseValueTypeConstant(typeDefinition);
+    if (constant)
+        return defaultValuesByType[constant];
+    const hasDefault = hasProperty(typeDefinition, "default");
+    const hasType = hasProperty(typeDefinition, "type");
+    const typeObject = typeDefinition;
+    if (hasDefault)
+        return typeObject.default;
+    if (hasType) {
+        const { type } = typeObject;
+        const constantFromType = parseValueTypeConstant(type);
+        if (constantFromType)
+            return defaultValuesByType[constantFromType];
+    }
+    return typeDefinition;
+}
+function valueDescriptorForTokenAndTypeDefinition(payload) {
+    const { token, typeDefinition } = payload;
+    const key = `${dasherize(token)}-value`;
+    const type = parseValueTypeDefinition(payload);
+    return {
+        type,
+        key,
+        name: camelize(key),
+        get defaultValue() {
+            return defaultValueForDefinition(typeDefinition);
+        },
+        get hasCustomDefaultValue() {
+            return parseValueTypeDefault(typeDefinition) !== undefined;
+        },
+        reader: readers[type],
+        writer: writers[type] || writers.default,
+    };
+}
+const defaultValuesByType = {
+    get array() {
+        return [];
+    },
+    boolean: false,
+    number: 0,
+    get object() {
+        return {};
+    },
+    string: "",
+};
+const readers = {
+    array(value) {
+        const array = JSON.parse(value);
+        if (!Array.isArray(array)) {
+            throw new TypeError(`expected value of type "array" but instead got value "${value}" of type "${parseValueTypeDefault(array)}"`);
+        }
+        return array;
+    },
+    boolean(value) {
+        return !(value == "0" || String(value).toLowerCase() == "false");
+    },
+    number(value) {
+        return Number(value.replace(/_/g, ""));
+    },
+    object(value) {
+        const object = JSON.parse(value);
+        if (object === null || typeof object != "object" || Array.isArray(object)) {
+            throw new TypeError(`expected value of type "object" but instead got value "${value}" of type "${parseValueTypeDefault(object)}"`);
+        }
+        return object;
+    },
+    string(value) {
+        return value;
+    },
+};
+const writers = {
+    default: writeString,
+    array: writeJSON,
+    object: writeJSON,
+};
+function writeJSON(value) {
+    return JSON.stringify(value);
+}
+function writeString(value) {
+    return `${value}`;
+}
+
+class Controller {
+    constructor(context) {
+        this.context = context;
+    }
+    static get shouldLoad() {
+        return true;
+    }
+    static afterLoad(_identifier, _application) {
+        return;
+    }
+    get application() {
+        return this.context.application;
+    }
+    get scope() {
+        return this.context.scope;
+    }
+    get element() {
+        return this.scope.element;
+    }
+    get identifier() {
+        return this.scope.identifier;
+    }
+    get targets() {
+        return this.scope.targets;
+    }
+    get outlets() {
+        return this.scope.outlets;
+    }
+    get classes() {
+        return this.scope.classes;
+    }
+    get data() {
+        return this.scope.data;
+    }
+    initialize() {
+    }
+    connect() {
+    }
+    disconnect() {
+    }
+    dispatch(eventName, { target = this.element, detail = {}, prefix = this.identifier, bubbles = true, cancelable = true, } = {}) {
+        const type = prefix ? `${prefix}:${eventName}` : eventName;
+        const event = new CustomEvent(type, { detail, bubbles, cancelable });
+        target.dispatchEvent(event);
+        return event;
+    }
+}
+Controller.blessings = [
+    ClassPropertiesBlessing,
+    TargetPropertiesBlessing,
+    ValuePropertiesBlessing,
+    OutletPropertiesBlessing,
+];
+Controller.targets = [];
+Controller.outlets = [];
+Controller.values = {};
+
+
+
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/createPopper.js"
+/*!*************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/createPopper.js ***!
+  \*************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   createPopper: () => (/* binding */ createPopper),
+/* harmony export */   detectOverflow: () => (/* reexport safe */ _utils_detectOverflow_js__WEBPACK_IMPORTED_MODULE_7__["default"]),
+/* harmony export */   popperGenerator: () => (/* binding */ popperGenerator)
+/* harmony export */ });
+/* harmony import */ var _dom_utils_getCompositeRect_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./dom-utils/getCompositeRect.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getCompositeRect.js");
+/* harmony import */ var _dom_utils_getLayoutRect_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./dom-utils/getLayoutRect.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getLayoutRect.js");
+/* harmony import */ var _dom_utils_listScrollParents_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./dom-utils/listScrollParents.js */ "../../node_modules/@popperjs/core/lib/dom-utils/listScrollParents.js");
+/* harmony import */ var _dom_utils_getOffsetParent_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./dom-utils/getOffsetParent.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js");
+/* harmony import */ var _utils_orderModifiers_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/orderModifiers.js */ "../../node_modules/@popperjs/core/lib/utils/orderModifiers.js");
+/* harmony import */ var _utils_debounce_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/debounce.js */ "../../node_modules/@popperjs/core/lib/utils/debounce.js");
+/* harmony import */ var _utils_mergeByName_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/mergeByName.js */ "../../node_modules/@popperjs/core/lib/utils/mergeByName.js");
+/* harmony import */ var _utils_detectOverflow_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils/detectOverflow.js */ "../../node_modules/@popperjs/core/lib/utils/detectOverflow.js");
+/* harmony import */ var _dom_utils_instanceOf_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./dom-utils/instanceOf.js */ "../../node_modules/@popperjs/core/lib/dom-utils/instanceOf.js");
+
+
+
+
+
+
+
+
+
+var DEFAULT_OPTIONS = {
+  placement: 'bottom',
+  modifiers: [],
+  strategy: 'absolute'
+};
+
+function areValidElements() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+
+  return !args.some(function (element) {
+    return !(element && typeof element.getBoundingClientRect === 'function');
+  });
+}
+
+function popperGenerator(generatorOptions) {
+  if (generatorOptions === void 0) {
+    generatorOptions = {};
+  }
+
+  var _generatorOptions = generatorOptions,
+      _generatorOptions$def = _generatorOptions.defaultModifiers,
+      defaultModifiers = _generatorOptions$def === void 0 ? [] : _generatorOptions$def,
+      _generatorOptions$def2 = _generatorOptions.defaultOptions,
+      defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;
+  return function createPopper(reference, popper, options) {
+    if (options === void 0) {
+      options = defaultOptions;
+    }
+
+    var state = {
+      placement: 'bottom',
+      orderedModifiers: [],
+      options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions),
+      modifiersData: {},
+      elements: {
+        reference: reference,
+        popper: popper
+      },
+      attributes: {},
+      styles: {}
+    };
+    var effectCleanupFns = [];
+    var isDestroyed = false;
+    var instance = {
+      state: state,
+      setOptions: function setOptions(setOptionsAction) {
+        var options = typeof setOptionsAction === 'function' ? setOptionsAction(state.options) : setOptionsAction;
+        cleanupModifierEffects();
+        state.options = Object.assign({}, defaultOptions, state.options, options);
+        state.scrollParents = {
+          reference: (0,_dom_utils_instanceOf_js__WEBPACK_IMPORTED_MODULE_8__.isElement)(reference) ? (0,_dom_utils_listScrollParents_js__WEBPACK_IMPORTED_MODULE_2__["default"])(reference) : reference.contextElement ? (0,_dom_utils_listScrollParents_js__WEBPACK_IMPORTED_MODULE_2__["default"])(reference.contextElement) : [],
+          popper: (0,_dom_utils_listScrollParents_js__WEBPACK_IMPORTED_MODULE_2__["default"])(popper)
+        }; // Orders the modifiers based on their dependencies and `phase`
+        // properties
+
+        var orderedModifiers = (0,_utils_orderModifiers_js__WEBPACK_IMPORTED_MODULE_4__["default"])((0,_utils_mergeByName_js__WEBPACK_IMPORTED_MODULE_6__["default"])([].concat(defaultModifiers, state.options.modifiers))); // Strip out disabled modifiers
+
+        state.orderedModifiers = orderedModifiers.filter(function (m) {
+          return m.enabled;
+        });
+        runModifierEffects();
+        return instance.update();
+      },
+      // Sync update – it will always be executed, even if not necessary. This
+      // is useful for low frequency updates where sync behavior simplifies the
+      // logic.
+      // For high frequency updates (e.g. `resize` and `scroll` events), always
+      // prefer the async Popper#update method
+      forceUpdate: function forceUpdate() {
+        if (isDestroyed) {
+          return;
+        }
+
+        var _state$elements = state.elements,
+            reference = _state$elements.reference,
+            popper = _state$elements.popper; // Don't proceed if `reference` or `popper` are not valid elements
+        // anymore
+
+        if (!areValidElements(reference, popper)) {
+          return;
+        } // Store the reference and popper rects to be read by modifiers
+
+
+        state.rects = {
+          reference: (0,_dom_utils_getCompositeRect_js__WEBPACK_IMPORTED_MODULE_0__["default"])(reference, (0,_dom_utils_getOffsetParent_js__WEBPACK_IMPORTED_MODULE_3__["default"])(popper), state.options.strategy === 'fixed'),
+          popper: (0,_dom_utils_getLayoutRect_js__WEBPACK_IMPORTED_MODULE_1__["default"])(popper)
+        }; // Modifiers have the ability to reset the current update cycle. The
+        // most common use case for this is the `flip` modifier changing the
+        // placement, which then needs to re-run all the modifiers, because the
+        // logic was previously ran for the previous placement and is therefore
+        // stale/incorrect
+
+        state.reset = false;
+        state.placement = state.options.placement; // On each update cycle, the `modifiersData` property for each modifier
+        // is filled with the initial data specified by the modifier. This means
+        // it doesn't persist and is fresh on each update.
+        // To ensure persistent data, use `${name}#persistent`
+
+        state.orderedModifiers.forEach(function (modifier) {
+          return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);
+        });
+
+        for (var index = 0; index < state.orderedModifiers.length; index++) {
+          if (state.reset === true) {
+            state.reset = false;
+            index = -1;
+            continue;
+          }
+
+          var _state$orderedModifie = state.orderedModifiers[index],
+              fn = _state$orderedModifie.fn,
+              _state$orderedModifie2 = _state$orderedModifie.options,
+              _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2,
+              name = _state$orderedModifie.name;
+
+          if (typeof fn === 'function') {
+            state = fn({
+              state: state,
+              options: _options,
+              name: name,
+              instance: instance
+            }) || state;
+          }
+        }
+      },
+      // Async and optimistically optimized update – it will not be executed if
+      // not necessary (debounced to run at most once-per-tick)
+      update: (0,_utils_debounce_js__WEBPACK_IMPORTED_MODULE_5__["default"])(function () {
+        return new Promise(function (resolve) {
+          instance.forceUpdate();
+          resolve(state);
+        });
+      }),
+      destroy: function destroy() {
+        cleanupModifierEffects();
+        isDestroyed = true;
+      }
+    };
+
+    if (!areValidElements(reference, popper)) {
+      return instance;
+    }
+
+    instance.setOptions(options).then(function (state) {
+      if (!isDestroyed && options.onFirstUpdate) {
+        options.onFirstUpdate(state);
+      }
+    }); // Modifiers have the ability to execute arbitrary code before the first
+    // update cycle runs. They will be executed in the same order as the update
+    // cycle. This is useful when a modifier adds some persistent data that
+    // other modifiers need to use, but the modifier is run after the dependent
+    // one.
+
+    function runModifierEffects() {
+      state.orderedModifiers.forEach(function (_ref) {
+        var name = _ref.name,
+            _ref$options = _ref.options,
+            options = _ref$options === void 0 ? {} : _ref$options,
+            effect = _ref.effect;
+
+        if (typeof effect === 'function') {
+          var cleanupFn = effect({
+            state: state,
+            name: name,
+            instance: instance,
+            options: options
+          });
+
+          var noopFn = function noopFn() {};
+
+          effectCleanupFns.push(cleanupFn || noopFn);
+        }
+      });
+    }
+
+    function cleanupModifierEffects() {
+      effectCleanupFns.forEach(function (fn) {
+        return fn();
+      });
+      effectCleanupFns = [];
+    }
+
+    return instance;
+  };
+}
+var createPopper = /*#__PURE__*/popperGenerator(); // eslint-disable-next-line import/no-unused-modules
+
+
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/dom-utils/contains.js"
+/*!*******************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/dom-utils/contains.js ***!
+  \*******************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ contains)
+/* harmony export */ });
+/* harmony import */ var _instanceOf_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./instanceOf.js */ "../../node_modules/@popperjs/core/lib/dom-utils/instanceOf.js");
+
+function contains(parent, child) {
+  var rootNode = child.getRootNode && child.getRootNode(); // First, attempt with faster native method
+
+  if (parent.contains(child)) {
+    return true;
+  } // then fallback to custom implementation with Shadow DOM support
+  else if (rootNode && (0,_instanceOf_js__WEBPACK_IMPORTED_MODULE_0__.isShadowRoot)(rootNode)) {
+      var next = child;
+
+      do {
+        if (next && parent.isSameNode(next)) {
+          return true;
+        } // $FlowFixMe[prop-missing]: need a better way to handle this...
+
+
+        next = next.parentNode || next.host;
+      } while (next);
+    } // Give up, the result is false
+
+
+  return false;
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js"
+/*!********************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js ***!
+  \********************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ getBoundingClientRect)
+/* harmony export */ });
+/* harmony import */ var _instanceOf_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./instanceOf.js */ "../../node_modules/@popperjs/core/lib/dom-utils/instanceOf.js");
+/* harmony import */ var _utils_math_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/math.js */ "../../node_modules/@popperjs/core/lib/utils/math.js");
+/* harmony import */ var _getWindow_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./getWindow.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getWindow.js");
+/* harmony import */ var _isLayoutViewport_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./isLayoutViewport.js */ "../../node_modules/@popperjs/core/lib/dom-utils/isLayoutViewport.js");
+
+
+
+
+function getBoundingClientRect(element, includeScale, isFixedStrategy) {
+  if (includeScale === void 0) {
+    includeScale = false;
+  }
+
+  if (isFixedStrategy === void 0) {
+    isFixedStrategy = false;
+  }
+
+  var clientRect = element.getBoundingClientRect();
+  var scaleX = 1;
+  var scaleY = 1;
+
+  if (includeScale && (0,_instanceOf_js__WEBPACK_IMPORTED_MODULE_0__.isHTMLElement)(element)) {
+    scaleX = element.offsetWidth > 0 ? (0,_utils_math_js__WEBPACK_IMPORTED_MODULE_1__.round)(clientRect.width) / element.offsetWidth || 1 : 1;
+    scaleY = element.offsetHeight > 0 ? (0,_utils_math_js__WEBPACK_IMPORTED_MODULE_1__.round)(clientRect.height) / element.offsetHeight || 1 : 1;
+  }
+
+  var _ref = (0,_instanceOf_js__WEBPACK_IMPORTED_MODULE_0__.isElement)(element) ? (0,_getWindow_js__WEBPACK_IMPORTED_MODULE_2__["default"])(element) : window,
+      visualViewport = _ref.visualViewport;
+
+  var addVisualOffsets = !(0,_isLayoutViewport_js__WEBPACK_IMPORTED_MODULE_3__["default"])() && isFixedStrategy;
+  var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;
+  var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;
+  var width = clientRect.width / scaleX;
+  var height = clientRect.height / scaleY;
+  return {
+    width: width,
+    height: height,
+    top: y,
+    right: x + width,
+    bottom: y + height,
+    left: x,
+    x: x,
+    y: y
+  };
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js"
+/*!**************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js ***!
+  \**************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ getClippingRect)
+/* harmony export */ });
+/* harmony import */ var _enums_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../enums.js */ "../../node_modules/@popperjs/core/lib/enums.js");
+/* harmony import */ var _getViewportRect_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getViewportRect.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getViewportRect.js");
+/* harmony import */ var _getDocumentRect_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./getDocumentRect.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getDocumentRect.js");
+/* harmony import */ var _listScrollParents_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./listScrollParents.js */ "../../node_modules/@popperjs/core/lib/dom-utils/listScrollParents.js");
+/* harmony import */ var _getOffsetParent_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./getOffsetParent.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js");
+/* harmony import */ var _getDocumentElement_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./getDocumentElement.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getDocumentElement.js");
+/* harmony import */ var _getComputedStyle_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./getComputedStyle.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getComputedStyle.js");
+/* harmony import */ var _instanceOf_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./instanceOf.js */ "../../node_modules/@popperjs/core/lib/dom-utils/instanceOf.js");
+/* harmony import */ var _getBoundingClientRect_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./getBoundingClientRect.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js");
+/* harmony import */ var _getParentNode_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./getParentNode.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getParentNode.js");
+/* harmony import */ var _contains_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./contains.js */ "../../node_modules/@popperjs/core/lib/dom-utils/contains.js");
+/* harmony import */ var _getNodeName_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./getNodeName.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getNodeName.js");
+/* harmony import */ var _utils_rectToClientRect_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../utils/rectToClientRect.js */ "../../node_modules/@popperjs/core/lib/utils/rectToClientRect.js");
+/* harmony import */ var _utils_math_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../utils/math.js */ "../../node_modules/@popperjs/core/lib/utils/math.js");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function getInnerBoundingClientRect(element, strategy) {
+  var rect = (0,_getBoundingClientRect_js__WEBPACK_IMPORTED_MODULE_8__["default"])(element, false, strategy === 'fixed');
+  rect.top = rect.top + element.clientTop;
+  rect.left = rect.left + element.clientLeft;
+  rect.bottom = rect.top + element.clientHeight;
+  rect.right = rect.left + element.clientWidth;
+  rect.width = element.clientWidth;
+  rect.height = element.clientHeight;
+  rect.x = rect.left;
+  rect.y = rect.top;
+  return rect;
+}
+
+function getClientRectFromMixedType(element, clippingParent, strategy) {
+  return clippingParent === _enums_js__WEBPACK_IMPORTED_MODULE_0__.viewport ? (0,_utils_rectToClientRect_js__WEBPACK_IMPORTED_MODULE_12__["default"])((0,_getViewportRect_js__WEBPACK_IMPORTED_MODULE_1__["default"])(element, strategy)) : (0,_instanceOf_js__WEBPACK_IMPORTED_MODULE_7__.isElement)(clippingParent) ? getInnerBoundingClientRect(clippingParent, strategy) : (0,_utils_rectToClientRect_js__WEBPACK_IMPORTED_MODULE_12__["default"])((0,_getDocumentRect_js__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_getDocumentElement_js__WEBPACK_IMPORTED_MODULE_5__["default"])(element)));
+} // A "clipping parent" is an overflowable container with the characteristic of
+// clipping (or hiding) overflowing elements with a position different from
+// `initial`
+
+
+function getClippingParents(element) {
+  var clippingParents = (0,_listScrollParents_js__WEBPACK_IMPORTED_MODULE_3__["default"])((0,_getParentNode_js__WEBPACK_IMPORTED_MODULE_9__["default"])(element));
+  var canEscapeClipping = ['absolute', 'fixed'].indexOf((0,_getComputedStyle_js__WEBPACK_IMPORTED_MODULE_6__["default"])(element).position) >= 0;
+  var clipperElement = canEscapeClipping && (0,_instanceOf_js__WEBPACK_IMPORTED_MODULE_7__.isHTMLElement)(element) ? (0,_getOffsetParent_js__WEBPACK_IMPORTED_MODULE_4__["default"])(element) : element;
+
+  if (!(0,_instanceOf_js__WEBPACK_IMPORTED_MODULE_7__.isElement)(clipperElement)) {
+    return [];
+  } // $FlowFixMe[incompatible-return]: https://github.com/facebook/flow/issues/1414
+
+
+  return clippingParents.filter(function (clippingParent) {
+    return (0,_instanceOf_js__WEBPACK_IMPORTED_MODULE_7__.isElement)(clippingParent) && (0,_contains_js__WEBPACK_IMPORTED_MODULE_10__["default"])(clippingParent, clipperElement) && (0,_getNodeName_js__WEBPACK_IMPORTED_MODULE_11__["default"])(clippingParent) !== 'body';
+  });
+} // Gets the maximum area that the element is visible in due to any number of
+// clipping parents
+
+
+function getClippingRect(element, boundary, rootBoundary, strategy) {
+  var mainClippingParents = boundary === 'clippingParents' ? getClippingParents(element) : [].concat(boundary);
+  var clippingParents = [].concat(mainClippingParents, [rootBoundary]);
+  var firstClippingParent = clippingParents[0];
+  var clippingRect = clippingParents.reduce(function (accRect, clippingParent) {
+    var rect = getClientRectFromMixedType(element, clippingParent, strategy);
+    accRect.top = (0,_utils_math_js__WEBPACK_IMPORTED_MODULE_13__.max)(rect.top, accRect.top);
+    accRect.right = (0,_utils_math_js__WEBPACK_IMPORTED_MODULE_13__.min)(rect.right, accRect.right);
+    accRect.bottom = (0,_utils_math_js__WEBPACK_IMPORTED_MODULE_13__.min)(rect.bottom, accRect.bottom);
+    accRect.left = (0,_utils_math_js__WEBPACK_IMPORTED_MODULE_13__.max)(rect.left, accRect.left);
+    return accRect;
+  }, getClientRectFromMixedType(element, firstClippingParent, strategy));
+  clippingRect.width = clippingRect.right - clippingRect.left;
+  clippingRect.height = clippingRect.bottom - clippingRect.top;
+  clippingRect.x = clippingRect.left;
+  clippingRect.y = clippingRect.top;
+  return clippingRect;
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/dom-utils/getCompositeRect.js"
+/*!***************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/dom-utils/getCompositeRect.js ***!
+  \***************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ getCompositeRect)
+/* harmony export */ });
+/* harmony import */ var _getBoundingClientRect_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getBoundingClientRect.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js");
+/* harmony import */ var _getNodeScroll_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getNodeScroll.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getNodeScroll.js");
+/* harmony import */ var _getNodeName_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./getNodeName.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getNodeName.js");
+/* harmony import */ var _instanceOf_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./instanceOf.js */ "../../node_modules/@popperjs/core/lib/dom-utils/instanceOf.js");
+/* harmony import */ var _getWindowScrollBarX_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./getWindowScrollBarX.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getWindowScrollBarX.js");
+/* harmony import */ var _getDocumentElement_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./getDocumentElement.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getDocumentElement.js");
+/* harmony import */ var _isScrollParent_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./isScrollParent.js */ "../../node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js");
+/* harmony import */ var _utils_math_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils/math.js */ "../../node_modules/@popperjs/core/lib/utils/math.js");
+
+
+
+
+
+
+
+
+
+function isElementScaled(element) {
+  var rect = element.getBoundingClientRect();
+  var scaleX = (0,_utils_math_js__WEBPACK_IMPORTED_MODULE_7__.round)(rect.width) / element.offsetWidth || 1;
+  var scaleY = (0,_utils_math_js__WEBPACK_IMPORTED_MODULE_7__.round)(rect.height) / element.offsetHeight || 1;
+  return scaleX !== 1 || scaleY !== 1;
+} // Returns the composite rect of an element relative to its offsetParent.
+// Composite means it takes into account transforms as well as layout.
+
+
+function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
+  if (isFixed === void 0) {
+    isFixed = false;
+  }
+
+  var isOffsetParentAnElement = (0,_instanceOf_js__WEBPACK_IMPORTED_MODULE_3__.isHTMLElement)(offsetParent);
+  var offsetParentIsScaled = (0,_instanceOf_js__WEBPACK_IMPORTED_MODULE_3__.isHTMLElement)(offsetParent) && isElementScaled(offsetParent);
+  var documentElement = (0,_getDocumentElement_js__WEBPACK_IMPORTED_MODULE_5__["default"])(offsetParent);
+  var rect = (0,_getBoundingClientRect_js__WEBPACK_IMPORTED_MODULE_0__["default"])(elementOrVirtualElement, offsetParentIsScaled, isFixed);
+  var scroll = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  var offsets = {
+    x: 0,
+    y: 0
+  };
+
+  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
+    if ((0,_getNodeName_js__WEBPACK_IMPORTED_MODULE_2__["default"])(offsetParent) !== 'body' || // https://github.com/popperjs/popper-core/issues/1078
+    (0,_isScrollParent_js__WEBPACK_IMPORTED_MODULE_6__["default"])(documentElement)) {
+      scroll = (0,_getNodeScroll_js__WEBPACK_IMPORTED_MODULE_1__["default"])(offsetParent);
+    }
+
+    if ((0,_instanceOf_js__WEBPACK_IMPORTED_MODULE_3__.isHTMLElement)(offsetParent)) {
+      offsets = (0,_getBoundingClientRect_js__WEBPACK_IMPORTED_MODULE_0__["default"])(offsetParent, true);
+      offsets.x += offsetParent.clientLeft;
+      offsets.y += offsetParent.clientTop;
+    } else if (documentElement) {
+      offsets.x = (0,_getWindowScrollBarX_js__WEBPACK_IMPORTED_MODULE_4__["default"])(documentElement);
+    }
+  }
+
+  return {
+    x: rect.left + scroll.scrollLeft - offsets.x,
+    y: rect.top + scroll.scrollTop - offsets.y,
+    width: rect.width,
+    height: rect.height
+  };
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/dom-utils/getComputedStyle.js"
+/*!***************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/dom-utils/getComputedStyle.js ***!
+  \***************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ getComputedStyle)
+/* harmony export */ });
+/* harmony import */ var _getWindow_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getWindow.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getWindow.js");
+
+function getComputedStyle(element) {
+  return (0,_getWindow_js__WEBPACK_IMPORTED_MODULE_0__["default"])(element).getComputedStyle(element);
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/dom-utils/getDocumentElement.js"
+/*!*****************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/dom-utils/getDocumentElement.js ***!
+  \*****************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ getDocumentElement)
+/* harmony export */ });
+/* harmony import */ var _instanceOf_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./instanceOf.js */ "../../node_modules/@popperjs/core/lib/dom-utils/instanceOf.js");
+
+function getDocumentElement(element) {
+  // $FlowFixMe[incompatible-return]: assume body is always available
+  return (((0,_instanceOf_js__WEBPACK_IMPORTED_MODULE_0__.isElement)(element) ? element.ownerDocument : // $FlowFixMe[prop-missing]
+  element.document) || window.document).documentElement;
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/dom-utils/getDocumentRect.js"
+/*!**************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/dom-utils/getDocumentRect.js ***!
+  \**************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ getDocumentRect)
+/* harmony export */ });
+/* harmony import */ var _getDocumentElement_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getDocumentElement.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getDocumentElement.js");
+/* harmony import */ var _getComputedStyle_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getComputedStyle.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getComputedStyle.js");
+/* harmony import */ var _getWindowScrollBarX_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./getWindowScrollBarX.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getWindowScrollBarX.js");
+/* harmony import */ var _getWindowScroll_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./getWindowScroll.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getWindowScroll.js");
+/* harmony import */ var _utils_math_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/math.js */ "../../node_modules/@popperjs/core/lib/utils/math.js");
+
+
+
+
+ // Gets the entire size of the scrollable document area, even extending outside
+// of the `<html>` and `<body>` rect bounds if horizontally scrollable
+
+function getDocumentRect(element) {
+  var _element$ownerDocumen;
+
+  var html = (0,_getDocumentElement_js__WEBPACK_IMPORTED_MODULE_0__["default"])(element);
+  var winScroll = (0,_getWindowScroll_js__WEBPACK_IMPORTED_MODULE_3__["default"])(element);
+  var body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body;
+  var width = (0,_utils_math_js__WEBPACK_IMPORTED_MODULE_4__.max)(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);
+  var height = (0,_utils_math_js__WEBPACK_IMPORTED_MODULE_4__.max)(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
+  var x = -winScroll.scrollLeft + (0,_getWindowScrollBarX_js__WEBPACK_IMPORTED_MODULE_2__["default"])(element);
+  var y = -winScroll.scrollTop;
+
+  if ((0,_getComputedStyle_js__WEBPACK_IMPORTED_MODULE_1__["default"])(body || html).direction === 'rtl') {
+    x += (0,_utils_math_js__WEBPACK_IMPORTED_MODULE_4__.max)(html.clientWidth, body ? body.clientWidth : 0) - width;
+  }
+
+  return {
+    width: width,
+    height: height,
+    x: x,
+    y: y
+  };
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/dom-utils/getHTMLElementScroll.js"
+/*!*******************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/dom-utils/getHTMLElementScroll.js ***!
+  \*******************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ getHTMLElementScroll)
+/* harmony export */ });
+function getHTMLElementScroll(element) {
+  return {
+    scrollLeft: element.scrollLeft,
+    scrollTop: element.scrollTop
+  };
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/dom-utils/getLayoutRect.js"
+/*!************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/dom-utils/getLayoutRect.js ***!
+  \************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ getLayoutRect)
+/* harmony export */ });
+/* harmony import */ var _getBoundingClientRect_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getBoundingClientRect.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js");
+ // Returns the layout rect of an element relative to its offsetParent. Layout
+// means it doesn't take into account transforms.
+
+function getLayoutRect(element) {
+  var clientRect = (0,_getBoundingClientRect_js__WEBPACK_IMPORTED_MODULE_0__["default"])(element); // Use the clientRect sizes if it's not been transformed.
+  // Fixes https://github.com/popperjs/popper-core/issues/1223
+
+  var width = element.offsetWidth;
+  var height = element.offsetHeight;
+
+  if (Math.abs(clientRect.width - width) <= 1) {
+    width = clientRect.width;
+  }
+
+  if (Math.abs(clientRect.height - height) <= 1) {
+    height = clientRect.height;
+  }
+
+  return {
+    x: element.offsetLeft,
+    y: element.offsetTop,
+    width: width,
+    height: height
+  };
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/dom-utils/getNodeName.js"
+/*!**********************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/dom-utils/getNodeName.js ***!
+  \**********************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ getNodeName)
+/* harmony export */ });
+function getNodeName(element) {
+  return element ? (element.nodeName || '').toLowerCase() : null;
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/dom-utils/getNodeScroll.js"
+/*!************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/dom-utils/getNodeScroll.js ***!
+  \************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ getNodeScroll)
+/* harmony export */ });
+/* harmony import */ var _getWindowScroll_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getWindowScroll.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getWindowScroll.js");
+/* harmony import */ var _getWindow_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getWindow.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getWindow.js");
+/* harmony import */ var _instanceOf_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./instanceOf.js */ "../../node_modules/@popperjs/core/lib/dom-utils/instanceOf.js");
+/* harmony import */ var _getHTMLElementScroll_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./getHTMLElementScroll.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getHTMLElementScroll.js");
+
+
+
+
+function getNodeScroll(node) {
+  if (node === (0,_getWindow_js__WEBPACK_IMPORTED_MODULE_1__["default"])(node) || !(0,_instanceOf_js__WEBPACK_IMPORTED_MODULE_2__.isHTMLElement)(node)) {
+    return (0,_getWindowScroll_js__WEBPACK_IMPORTED_MODULE_0__["default"])(node);
+  } else {
+    return (0,_getHTMLElementScroll_js__WEBPACK_IMPORTED_MODULE_3__["default"])(node);
+  }
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js"
+/*!**************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js ***!
+  \**************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ getOffsetParent)
+/* harmony export */ });
+/* harmony import */ var _getWindow_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getWindow.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getWindow.js");
+/* harmony import */ var _getNodeName_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getNodeName.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getNodeName.js");
+/* harmony import */ var _getComputedStyle_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./getComputedStyle.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getComputedStyle.js");
+/* harmony import */ var _instanceOf_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./instanceOf.js */ "../../node_modules/@popperjs/core/lib/dom-utils/instanceOf.js");
+/* harmony import */ var _isTableElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./isTableElement.js */ "../../node_modules/@popperjs/core/lib/dom-utils/isTableElement.js");
+/* harmony import */ var _getParentNode_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./getParentNode.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getParentNode.js");
+/* harmony import */ var _utils_userAgent_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/userAgent.js */ "../../node_modules/@popperjs/core/lib/utils/userAgent.js");
+
+
+
+
+
+
+
+
+function getTrueOffsetParent(element) {
+  if (!(0,_instanceOf_js__WEBPACK_IMPORTED_MODULE_3__.isHTMLElement)(element) || // https://github.com/popperjs/popper-core/issues/837
+  (0,_getComputedStyle_js__WEBPACK_IMPORTED_MODULE_2__["default"])(element).position === 'fixed') {
+    return null;
+  }
+
+  return element.offsetParent;
+} // `.offsetParent` reports `null` for fixed elements, while absolute elements
+// return the containing block
+
+
+function getContainingBlock(element) {
+  var isFirefox = /firefox/i.test((0,_utils_userAgent_js__WEBPACK_IMPORTED_MODULE_6__["default"])());
+  var isIE = /Trident/i.test((0,_utils_userAgent_js__WEBPACK_IMPORTED_MODULE_6__["default"])());
+
+  if (isIE && (0,_instanceOf_js__WEBPACK_IMPORTED_MODULE_3__.isHTMLElement)(element)) {
+    // In IE 9, 10 and 11 fixed elements containing block is always established by the viewport
+    var elementCss = (0,_getComputedStyle_js__WEBPACK_IMPORTED_MODULE_2__["default"])(element);
+
+    if (elementCss.position === 'fixed') {
+      return null;
+    }
+  }
+
+  var currentNode = (0,_getParentNode_js__WEBPACK_IMPORTED_MODULE_5__["default"])(element);
+
+  if ((0,_instanceOf_js__WEBPACK_IMPORTED_MODULE_3__.isShadowRoot)(currentNode)) {
+    currentNode = currentNode.host;
+  }
+
+  while ((0,_instanceOf_js__WEBPACK_IMPORTED_MODULE_3__.isHTMLElement)(currentNode) && ['html', 'body'].indexOf((0,_getNodeName_js__WEBPACK_IMPORTED_MODULE_1__["default"])(currentNode)) < 0) {
+    var css = (0,_getComputedStyle_js__WEBPACK_IMPORTED_MODULE_2__["default"])(currentNode); // This is non-exhaustive but covers the most common CSS properties that
+    // create a containing block.
+    // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
+
+    if (css.transform !== 'none' || css.perspective !== 'none' || css.contain === 'paint' || ['transform', 'perspective'].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === 'filter' || isFirefox && css.filter && css.filter !== 'none') {
+      return currentNode;
+    } else {
+      currentNode = currentNode.parentNode;
+    }
+  }
+
+  return null;
+} // Gets the closest ancestor positioned element. Handles some edge cases,
+// such as table ancestors and cross browser bugs.
+
+
+function getOffsetParent(element) {
+  var window = (0,_getWindow_js__WEBPACK_IMPORTED_MODULE_0__["default"])(element);
+  var offsetParent = getTrueOffsetParent(element);
+
+  while (offsetParent && (0,_isTableElement_js__WEBPACK_IMPORTED_MODULE_4__["default"])(offsetParent) && (0,_getComputedStyle_js__WEBPACK_IMPORTED_MODULE_2__["default"])(offsetParent).position === 'static') {
+    offsetParent = getTrueOffsetParent(offsetParent);
+  }
+
+  if (offsetParent && ((0,_getNodeName_js__WEBPACK_IMPORTED_MODULE_1__["default"])(offsetParent) === 'html' || (0,_getNodeName_js__WEBPACK_IMPORTED_MODULE_1__["default"])(offsetParent) === 'body' && (0,_getComputedStyle_js__WEBPACK_IMPORTED_MODULE_2__["default"])(offsetParent).position === 'static')) {
+    return window;
+  }
+
+  return offsetParent || getContainingBlock(element) || window;
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/dom-utils/getParentNode.js"
+/*!************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/dom-utils/getParentNode.js ***!
+  \************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ getParentNode)
+/* harmony export */ });
+/* harmony import */ var _getNodeName_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getNodeName.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getNodeName.js");
+/* harmony import */ var _getDocumentElement_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getDocumentElement.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getDocumentElement.js");
+/* harmony import */ var _instanceOf_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./instanceOf.js */ "../../node_modules/@popperjs/core/lib/dom-utils/instanceOf.js");
+
+
+
+function getParentNode(element) {
+  if ((0,_getNodeName_js__WEBPACK_IMPORTED_MODULE_0__["default"])(element) === 'html') {
+    return element;
+  }
+
+  return (// this is a quicker (but less type safe) way to save quite some bytes from the bundle
+    // $FlowFixMe[incompatible-return]
+    // $FlowFixMe[prop-missing]
+    element.assignedSlot || // step into the shadow DOM of the parent of a slotted node
+    element.parentNode || ( // DOM Element detected
+    (0,_instanceOf_js__WEBPACK_IMPORTED_MODULE_2__.isShadowRoot)(element) ? element.host : null) || // ShadowRoot detected
+    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
+    (0,_getDocumentElement_js__WEBPACK_IMPORTED_MODULE_1__["default"])(element) // fallback
+
+  );
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/dom-utils/getScrollParent.js"
+/*!**************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/dom-utils/getScrollParent.js ***!
+  \**************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ getScrollParent)
+/* harmony export */ });
+/* harmony import */ var _getParentNode_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getParentNode.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getParentNode.js");
+/* harmony import */ var _isScrollParent_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./isScrollParent.js */ "../../node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js");
+/* harmony import */ var _getNodeName_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./getNodeName.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getNodeName.js");
+/* harmony import */ var _instanceOf_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./instanceOf.js */ "../../node_modules/@popperjs/core/lib/dom-utils/instanceOf.js");
+
+
+
+
+function getScrollParent(node) {
+  if (['html', 'body', '#document'].indexOf((0,_getNodeName_js__WEBPACK_IMPORTED_MODULE_2__["default"])(node)) >= 0) {
+    // $FlowFixMe[incompatible-return]: assume body is always available
+    return node.ownerDocument.body;
+  }
+
+  if ((0,_instanceOf_js__WEBPACK_IMPORTED_MODULE_3__.isHTMLElement)(node) && (0,_isScrollParent_js__WEBPACK_IMPORTED_MODULE_1__["default"])(node)) {
+    return node;
+  }
+
+  return getScrollParent((0,_getParentNode_js__WEBPACK_IMPORTED_MODULE_0__["default"])(node));
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/dom-utils/getViewportRect.js"
+/*!**************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/dom-utils/getViewportRect.js ***!
+  \**************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ getViewportRect)
+/* harmony export */ });
+/* harmony import */ var _getWindow_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getWindow.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getWindow.js");
+/* harmony import */ var _getDocumentElement_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getDocumentElement.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getDocumentElement.js");
+/* harmony import */ var _getWindowScrollBarX_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./getWindowScrollBarX.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getWindowScrollBarX.js");
+/* harmony import */ var _isLayoutViewport_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./isLayoutViewport.js */ "../../node_modules/@popperjs/core/lib/dom-utils/isLayoutViewport.js");
+
+
+
+
+function getViewportRect(element, strategy) {
+  var win = (0,_getWindow_js__WEBPACK_IMPORTED_MODULE_0__["default"])(element);
+  var html = (0,_getDocumentElement_js__WEBPACK_IMPORTED_MODULE_1__["default"])(element);
+  var visualViewport = win.visualViewport;
+  var width = html.clientWidth;
+  var height = html.clientHeight;
+  var x = 0;
+  var y = 0;
+
+  if (visualViewport) {
+    width = visualViewport.width;
+    height = visualViewport.height;
+    var layoutViewport = (0,_isLayoutViewport_js__WEBPACK_IMPORTED_MODULE_3__["default"])();
+
+    if (layoutViewport || !layoutViewport && strategy === 'fixed') {
+      x = visualViewport.offsetLeft;
+      y = visualViewport.offsetTop;
+    }
+  }
+
+  return {
+    width: width,
+    height: height,
+    x: x + (0,_getWindowScrollBarX_js__WEBPACK_IMPORTED_MODULE_2__["default"])(element),
+    y: y
+  };
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/dom-utils/getWindow.js"
+/*!********************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/dom-utils/getWindow.js ***!
+  \********************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ getWindow)
+/* harmony export */ });
+function getWindow(node) {
+  if (node == null) {
+    return window;
+  }
+
+  if (node.toString() !== '[object Window]') {
+    var ownerDocument = node.ownerDocument;
+    return ownerDocument ? ownerDocument.defaultView || window : window;
+  }
+
+  return node;
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/dom-utils/getWindowScroll.js"
+/*!**************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/dom-utils/getWindowScroll.js ***!
+  \**************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ getWindowScroll)
+/* harmony export */ });
+/* harmony import */ var _getWindow_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getWindow.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getWindow.js");
+
+function getWindowScroll(node) {
+  var win = (0,_getWindow_js__WEBPACK_IMPORTED_MODULE_0__["default"])(node);
+  var scrollLeft = win.pageXOffset;
+  var scrollTop = win.pageYOffset;
+  return {
+    scrollLeft: scrollLeft,
+    scrollTop: scrollTop
+  };
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/dom-utils/getWindowScrollBarX.js"
+/*!******************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/dom-utils/getWindowScrollBarX.js ***!
+  \******************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ getWindowScrollBarX)
+/* harmony export */ });
+/* harmony import */ var _getBoundingClientRect_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getBoundingClientRect.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js");
+/* harmony import */ var _getDocumentElement_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getDocumentElement.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getDocumentElement.js");
+/* harmony import */ var _getWindowScroll_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./getWindowScroll.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getWindowScroll.js");
+
+
+
+function getWindowScrollBarX(element) {
+  // If <html> has a CSS width greater than the viewport, then this will be
+  // incorrect for RTL.
+  // Popper 1 is broken in this case and never had a bug report so let's assume
+  // it's not an issue. I don't think anyone ever specifies width on <html>
+  // anyway.
+  // Browsers where the left scrollbar doesn't cause an issue report `0` for
+  // this (e.g. Edge 2019, IE11, Safari)
+  return (0,_getBoundingClientRect_js__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_getDocumentElement_js__WEBPACK_IMPORTED_MODULE_1__["default"])(element)).left + (0,_getWindowScroll_js__WEBPACK_IMPORTED_MODULE_2__["default"])(element).scrollLeft;
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/dom-utils/instanceOf.js"
+/*!*********************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/dom-utils/instanceOf.js ***!
+  \*********************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   isElement: () => (/* binding */ isElement),
+/* harmony export */   isHTMLElement: () => (/* binding */ isHTMLElement),
+/* harmony export */   isShadowRoot: () => (/* binding */ isShadowRoot)
+/* harmony export */ });
+/* harmony import */ var _getWindow_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getWindow.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getWindow.js");
+
+
+function isElement(node) {
+  var OwnElement = (0,_getWindow_js__WEBPACK_IMPORTED_MODULE_0__["default"])(node).Element;
+  return node instanceof OwnElement || node instanceof Element;
+}
+
+function isHTMLElement(node) {
+  var OwnElement = (0,_getWindow_js__WEBPACK_IMPORTED_MODULE_0__["default"])(node).HTMLElement;
+  return node instanceof OwnElement || node instanceof HTMLElement;
+}
+
+function isShadowRoot(node) {
+  // IE 11 has no ShadowRoot
+  if (typeof ShadowRoot === 'undefined') {
+    return false;
+  }
+
+  var OwnElement = (0,_getWindow_js__WEBPACK_IMPORTED_MODULE_0__["default"])(node).ShadowRoot;
+  return node instanceof OwnElement || node instanceof ShadowRoot;
+}
+
+
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/dom-utils/isLayoutViewport.js"
+/*!***************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/dom-utils/isLayoutViewport.js ***!
+  \***************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ isLayoutViewport)
+/* harmony export */ });
+/* harmony import */ var _utils_userAgent_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/userAgent.js */ "../../node_modules/@popperjs/core/lib/utils/userAgent.js");
+
+function isLayoutViewport() {
+  return !/^((?!chrome|android).)*safari/i.test((0,_utils_userAgent_js__WEBPACK_IMPORTED_MODULE_0__["default"])());
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js"
+/*!*************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js ***!
+  \*************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ isScrollParent)
+/* harmony export */ });
+/* harmony import */ var _getComputedStyle_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getComputedStyle.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getComputedStyle.js");
+
+function isScrollParent(element) {
+  // Firefox wants us to check `-x` and `-y` variations as well
+  var _getComputedStyle = (0,_getComputedStyle_js__WEBPACK_IMPORTED_MODULE_0__["default"])(element),
+      overflow = _getComputedStyle.overflow,
+      overflowX = _getComputedStyle.overflowX,
+      overflowY = _getComputedStyle.overflowY;
+
+  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/dom-utils/isTableElement.js"
+/*!*************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/dom-utils/isTableElement.js ***!
+  \*************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ isTableElement)
+/* harmony export */ });
+/* harmony import */ var _getNodeName_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getNodeName.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getNodeName.js");
+
+function isTableElement(element) {
+  return ['table', 'td', 'th'].indexOf((0,_getNodeName_js__WEBPACK_IMPORTED_MODULE_0__["default"])(element)) >= 0;
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/dom-utils/listScrollParents.js"
+/*!****************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/dom-utils/listScrollParents.js ***!
+  \****************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ listScrollParents)
+/* harmony export */ });
+/* harmony import */ var _getScrollParent_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getScrollParent.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getScrollParent.js");
+/* harmony import */ var _getParentNode_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getParentNode.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getParentNode.js");
+/* harmony import */ var _getWindow_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./getWindow.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getWindow.js");
+/* harmony import */ var _isScrollParent_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./isScrollParent.js */ "../../node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js");
+
+
+
+
+/*
+given a DOM element, return the list of all scroll parents, up the list of ancesors
+until we get to the top window object. This list is what we attach scroll listeners
+to, because if any of these parent elements scroll, we'll need to re-calculate the
+reference element's position.
+*/
+
+function listScrollParents(element, list) {
+  var _element$ownerDocumen;
+
+  if (list === void 0) {
+    list = [];
+  }
+
+  var scrollParent = (0,_getScrollParent_js__WEBPACK_IMPORTED_MODULE_0__["default"])(element);
+  var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);
+  var win = (0,_getWindow_js__WEBPACK_IMPORTED_MODULE_2__["default"])(scrollParent);
+  var target = isBody ? [win].concat(win.visualViewport || [], (0,_isScrollParent_js__WEBPACK_IMPORTED_MODULE_3__["default"])(scrollParent) ? scrollParent : []) : scrollParent;
+  var updatedList = list.concat(target);
+  return isBody ? updatedList : // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
+  updatedList.concat(listScrollParents((0,_getParentNode_js__WEBPACK_IMPORTED_MODULE_1__["default"])(target)));
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/enums.js"
+/*!******************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/enums.js ***!
+  \******************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   afterMain: () => (/* binding */ afterMain),
+/* harmony export */   afterRead: () => (/* binding */ afterRead),
+/* harmony export */   afterWrite: () => (/* binding */ afterWrite),
+/* harmony export */   auto: () => (/* binding */ auto),
+/* harmony export */   basePlacements: () => (/* binding */ basePlacements),
+/* harmony export */   beforeMain: () => (/* binding */ beforeMain),
+/* harmony export */   beforeRead: () => (/* binding */ beforeRead),
+/* harmony export */   beforeWrite: () => (/* binding */ beforeWrite),
+/* harmony export */   bottom: () => (/* binding */ bottom),
+/* harmony export */   clippingParents: () => (/* binding */ clippingParents),
+/* harmony export */   end: () => (/* binding */ end),
+/* harmony export */   left: () => (/* binding */ left),
+/* harmony export */   main: () => (/* binding */ main),
+/* harmony export */   modifierPhases: () => (/* binding */ modifierPhases),
+/* harmony export */   placements: () => (/* binding */ placements),
+/* harmony export */   popper: () => (/* binding */ popper),
+/* harmony export */   read: () => (/* binding */ read),
+/* harmony export */   reference: () => (/* binding */ reference),
+/* harmony export */   right: () => (/* binding */ right),
+/* harmony export */   start: () => (/* binding */ start),
+/* harmony export */   top: () => (/* binding */ top),
+/* harmony export */   variationPlacements: () => (/* binding */ variationPlacements),
+/* harmony export */   viewport: () => (/* binding */ viewport),
+/* harmony export */   write: () => (/* binding */ write)
+/* harmony export */ });
+var top = 'top';
+var bottom = 'bottom';
+var right = 'right';
+var left = 'left';
+var auto = 'auto';
+var basePlacements = [top, bottom, right, left];
+var start = 'start';
+var end = 'end';
+var clippingParents = 'clippingParents';
+var viewport = 'viewport';
+var popper = 'popper';
+var reference = 'reference';
+var variationPlacements = /*#__PURE__*/basePlacements.reduce(function (acc, placement) {
+  return acc.concat([placement + "-" + start, placement + "-" + end]);
+}, []);
+var placements = /*#__PURE__*/[].concat(basePlacements, [auto]).reduce(function (acc, placement) {
+  return acc.concat([placement, placement + "-" + start, placement + "-" + end]);
+}, []); // modifiers that need to read the DOM
+
+var beforeRead = 'beforeRead';
+var read = 'read';
+var afterRead = 'afterRead'; // pure-logic modifiers
+
+var beforeMain = 'beforeMain';
+var main = 'main';
+var afterMain = 'afterMain'; // modifier with the purpose to write to the DOM (or write into a framework state)
+
+var beforeWrite = 'beforeWrite';
+var write = 'write';
+var afterWrite = 'afterWrite';
+var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/modifiers/applyStyles.js"
+/*!**********************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/modifiers/applyStyles.js ***!
+  \**********************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _dom_utils_getNodeName_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../dom-utils/getNodeName.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getNodeName.js");
+/* harmony import */ var _dom_utils_instanceOf_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../dom-utils/instanceOf.js */ "../../node_modules/@popperjs/core/lib/dom-utils/instanceOf.js");
+
+ // This modifier takes the styles prepared by the `computeStyles` modifier
+// and applies them to the HTMLElements such as popper and arrow
+
+function applyStyles(_ref) {
+  var state = _ref.state;
+  Object.keys(state.elements).forEach(function (name) {
+    var style = state.styles[name] || {};
+    var attributes = state.attributes[name] || {};
+    var element = state.elements[name]; // arrow is optional + virtual elements
+
+    if (!(0,_dom_utils_instanceOf_js__WEBPACK_IMPORTED_MODULE_1__.isHTMLElement)(element) || !(0,_dom_utils_getNodeName_js__WEBPACK_IMPORTED_MODULE_0__["default"])(element)) {
+      return;
+    } // Flow doesn't support to extend this property, but it's the most
+    // effective way to apply styles to an HTMLElement
+    // $FlowFixMe[cannot-write]
+
+
+    Object.assign(element.style, style);
+    Object.keys(attributes).forEach(function (name) {
+      var value = attributes[name];
+
+      if (value === false) {
+        element.removeAttribute(name);
+      } else {
+        element.setAttribute(name, value === true ? '' : value);
+      }
+    });
+  });
+}
+
+function effect(_ref2) {
+  var state = _ref2.state;
+  var initialStyles = {
+    popper: {
+      position: state.options.strategy,
+      left: '0',
+      top: '0',
+      margin: '0'
+    },
+    arrow: {
+      position: 'absolute'
+    },
+    reference: {}
+  };
+  Object.assign(state.elements.popper.style, initialStyles.popper);
+  state.styles = initialStyles;
+
+  if (state.elements.arrow) {
+    Object.assign(state.elements.arrow.style, initialStyles.arrow);
+  }
+
+  return function () {
+    Object.keys(state.elements).forEach(function (name) {
+      var element = state.elements[name];
+      var attributes = state.attributes[name] || {};
+      var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]); // Set all values to an empty string to unset them
+
+      var style = styleProperties.reduce(function (style, property) {
+        style[property] = '';
+        return style;
+      }, {}); // arrow is optional + virtual elements
+
+      if (!(0,_dom_utils_instanceOf_js__WEBPACK_IMPORTED_MODULE_1__.isHTMLElement)(element) || !(0,_dom_utils_getNodeName_js__WEBPACK_IMPORTED_MODULE_0__["default"])(element)) {
+        return;
+      }
+
+      Object.assign(element.style, style);
+      Object.keys(attributes).forEach(function (attribute) {
+        element.removeAttribute(attribute);
+      });
+    });
+  };
+} // eslint-disable-next-line import/no-unused-modules
+
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  name: 'applyStyles',
+  enabled: true,
+  phase: 'write',
+  fn: applyStyles,
+  effect: effect,
+  requires: ['computeStyles']
+});
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/modifiers/arrow.js"
+/*!****************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/modifiers/arrow.js ***!
+  \****************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _utils_getBasePlacement_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/getBasePlacement.js */ "../../node_modules/@popperjs/core/lib/utils/getBasePlacement.js");
+/* harmony import */ var _dom_utils_getLayoutRect_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../dom-utils/getLayoutRect.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getLayoutRect.js");
+/* harmony import */ var _dom_utils_contains_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../dom-utils/contains.js */ "../../node_modules/@popperjs/core/lib/dom-utils/contains.js");
+/* harmony import */ var _dom_utils_getOffsetParent_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../dom-utils/getOffsetParent.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js");
+/* harmony import */ var _utils_getMainAxisFromPlacement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/getMainAxisFromPlacement.js */ "../../node_modules/@popperjs/core/lib/utils/getMainAxisFromPlacement.js");
+/* harmony import */ var _utils_within_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/within.js */ "../../node_modules/@popperjs/core/lib/utils/within.js");
+/* harmony import */ var _utils_mergePaddingObject_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/mergePaddingObject.js */ "../../node_modules/@popperjs/core/lib/utils/mergePaddingObject.js");
+/* harmony import */ var _utils_expandToHashMap_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils/expandToHashMap.js */ "../../node_modules/@popperjs/core/lib/utils/expandToHashMap.js");
+/* harmony import */ var _enums_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../enums.js */ "../../node_modules/@popperjs/core/lib/enums.js");
+
+
+
+
+
+
+
+
+ // eslint-disable-next-line import/no-unused-modules
+
+var toPaddingObject = function toPaddingObject(padding, state) {
+  padding = typeof padding === 'function' ? padding(Object.assign({}, state.rects, {
+    placement: state.placement
+  })) : padding;
+  return (0,_utils_mergePaddingObject_js__WEBPACK_IMPORTED_MODULE_6__["default"])(typeof padding !== 'number' ? padding : (0,_utils_expandToHashMap_js__WEBPACK_IMPORTED_MODULE_7__["default"])(padding, _enums_js__WEBPACK_IMPORTED_MODULE_8__.basePlacements));
+};
+
+function arrow(_ref) {
+  var _state$modifiersData$;
+
+  var state = _ref.state,
+      name = _ref.name,
+      options = _ref.options;
+  var arrowElement = state.elements.arrow;
+  var popperOffsets = state.modifiersData.popperOffsets;
+  var basePlacement = (0,_utils_getBasePlacement_js__WEBPACK_IMPORTED_MODULE_0__["default"])(state.placement);
+  var axis = (0,_utils_getMainAxisFromPlacement_js__WEBPACK_IMPORTED_MODULE_4__["default"])(basePlacement);
+  var isVertical = [_enums_js__WEBPACK_IMPORTED_MODULE_8__.left, _enums_js__WEBPACK_IMPORTED_MODULE_8__.right].indexOf(basePlacement) >= 0;
+  var len = isVertical ? 'height' : 'width';
+
+  if (!arrowElement || !popperOffsets) {
+    return;
+  }
+
+  var paddingObject = toPaddingObject(options.padding, state);
+  var arrowRect = (0,_dom_utils_getLayoutRect_js__WEBPACK_IMPORTED_MODULE_1__["default"])(arrowElement);
+  var minProp = axis === 'y' ? _enums_js__WEBPACK_IMPORTED_MODULE_8__.top : _enums_js__WEBPACK_IMPORTED_MODULE_8__.left;
+  var maxProp = axis === 'y' ? _enums_js__WEBPACK_IMPORTED_MODULE_8__.bottom : _enums_js__WEBPACK_IMPORTED_MODULE_8__.right;
+  var endDiff = state.rects.reference[len] + state.rects.reference[axis] - popperOffsets[axis] - state.rects.popper[len];
+  var startDiff = popperOffsets[axis] - state.rects.reference[axis];
+  var arrowOffsetParent = (0,_dom_utils_getOffsetParent_js__WEBPACK_IMPORTED_MODULE_3__["default"])(arrowElement);
+  var clientSize = arrowOffsetParent ? axis === 'y' ? arrowOffsetParent.clientHeight || 0 : arrowOffsetParent.clientWidth || 0 : 0;
+  var centerToReference = endDiff / 2 - startDiff / 2; // Make sure the arrow doesn't overflow the popper if the center point is
+  // outside of the popper bounds
+
+  var min = paddingObject[minProp];
+  var max = clientSize - arrowRect[len] - paddingObject[maxProp];
+  var center = clientSize / 2 - arrowRect[len] / 2 + centerToReference;
+  var offset = (0,_utils_within_js__WEBPACK_IMPORTED_MODULE_5__.within)(min, center, max); // Prevents breaking syntax highlighting...
+
+  var axisProp = axis;
+  state.modifiersData[name] = (_state$modifiersData$ = {}, _state$modifiersData$[axisProp] = offset, _state$modifiersData$.centerOffset = offset - center, _state$modifiersData$);
+}
+
+function effect(_ref2) {
+  var state = _ref2.state,
+      options = _ref2.options;
+  var _options$element = options.element,
+      arrowElement = _options$element === void 0 ? '[data-popper-arrow]' : _options$element;
+
+  if (arrowElement == null) {
+    return;
+  } // CSS selector
+
+
+  if (typeof arrowElement === 'string') {
+    arrowElement = state.elements.popper.querySelector(arrowElement);
+
+    if (!arrowElement) {
+      return;
+    }
+  }
+
+  if (!(0,_dom_utils_contains_js__WEBPACK_IMPORTED_MODULE_2__["default"])(state.elements.popper, arrowElement)) {
+    return;
+  }
+
+  state.elements.arrow = arrowElement;
+} // eslint-disable-next-line import/no-unused-modules
+
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  name: 'arrow',
+  enabled: true,
+  phase: 'main',
+  fn: arrow,
+  effect: effect,
+  requires: ['popperOffsets'],
+  requiresIfExists: ['preventOverflow']
+});
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/modifiers/computeStyles.js"
+/*!************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/modifiers/computeStyles.js ***!
+  \************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
+/* harmony export */   mapToStyles: () => (/* binding */ mapToStyles)
+/* harmony export */ });
+/* harmony import */ var _enums_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../enums.js */ "../../node_modules/@popperjs/core/lib/enums.js");
+/* harmony import */ var _dom_utils_getOffsetParent_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../dom-utils/getOffsetParent.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js");
+/* harmony import */ var _dom_utils_getWindow_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../dom-utils/getWindow.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getWindow.js");
+/* harmony import */ var _dom_utils_getDocumentElement_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../dom-utils/getDocumentElement.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getDocumentElement.js");
+/* harmony import */ var _dom_utils_getComputedStyle_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../dom-utils/getComputedStyle.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getComputedStyle.js");
+/* harmony import */ var _utils_getBasePlacement_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/getBasePlacement.js */ "../../node_modules/@popperjs/core/lib/utils/getBasePlacement.js");
+/* harmony import */ var _utils_getVariation_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/getVariation.js */ "../../node_modules/@popperjs/core/lib/utils/getVariation.js");
+/* harmony import */ var _utils_math_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils/math.js */ "../../node_modules/@popperjs/core/lib/utils/math.js");
+
+
+
+
+
+
+
+ // eslint-disable-next-line import/no-unused-modules
+
+var unsetSides = {
+  top: 'auto',
+  right: 'auto',
+  bottom: 'auto',
+  left: 'auto'
+}; // Round the offsets to the nearest suitable subpixel based on the DPR.
+// Zooming can change the DPR, but it seems to report a value that will
+// cleanly divide the values into the appropriate subpixels.
+
+function roundOffsetsByDPR(_ref, win) {
+  var x = _ref.x,
+      y = _ref.y;
+  var dpr = win.devicePixelRatio || 1;
+  return {
+    x: (0,_utils_math_js__WEBPACK_IMPORTED_MODULE_7__.round)(x * dpr) / dpr || 0,
+    y: (0,_utils_math_js__WEBPACK_IMPORTED_MODULE_7__.round)(y * dpr) / dpr || 0
+  };
+}
+
+function mapToStyles(_ref2) {
+  var _Object$assign2;
+
+  var popper = _ref2.popper,
+      popperRect = _ref2.popperRect,
+      placement = _ref2.placement,
+      variation = _ref2.variation,
+      offsets = _ref2.offsets,
+      position = _ref2.position,
+      gpuAcceleration = _ref2.gpuAcceleration,
+      adaptive = _ref2.adaptive,
+      roundOffsets = _ref2.roundOffsets,
+      isFixed = _ref2.isFixed;
+  var _offsets$x = offsets.x,
+      x = _offsets$x === void 0 ? 0 : _offsets$x,
+      _offsets$y = offsets.y,
+      y = _offsets$y === void 0 ? 0 : _offsets$y;
+
+  var _ref3 = typeof roundOffsets === 'function' ? roundOffsets({
+    x: x,
+    y: y
+  }) : {
+    x: x,
+    y: y
+  };
+
+  x = _ref3.x;
+  y = _ref3.y;
+  var hasX = offsets.hasOwnProperty('x');
+  var hasY = offsets.hasOwnProperty('y');
+  var sideX = _enums_js__WEBPACK_IMPORTED_MODULE_0__.left;
+  var sideY = _enums_js__WEBPACK_IMPORTED_MODULE_0__.top;
+  var win = window;
+
+  if (adaptive) {
+    var offsetParent = (0,_dom_utils_getOffsetParent_js__WEBPACK_IMPORTED_MODULE_1__["default"])(popper);
+    var heightProp = 'clientHeight';
+    var widthProp = 'clientWidth';
+
+    if (offsetParent === (0,_dom_utils_getWindow_js__WEBPACK_IMPORTED_MODULE_2__["default"])(popper)) {
+      offsetParent = (0,_dom_utils_getDocumentElement_js__WEBPACK_IMPORTED_MODULE_3__["default"])(popper);
+
+      if ((0,_dom_utils_getComputedStyle_js__WEBPACK_IMPORTED_MODULE_4__["default"])(offsetParent).position !== 'static' && position === 'absolute') {
+        heightProp = 'scrollHeight';
+        widthProp = 'scrollWidth';
+      }
+    } // $FlowFixMe[incompatible-cast]: force type refinement, we compare offsetParent with window above, but Flow doesn't detect it
+
+
+    offsetParent = offsetParent;
+
+    if (placement === _enums_js__WEBPACK_IMPORTED_MODULE_0__.top || (placement === _enums_js__WEBPACK_IMPORTED_MODULE_0__.left || placement === _enums_js__WEBPACK_IMPORTED_MODULE_0__.right) && variation === _enums_js__WEBPACK_IMPORTED_MODULE_0__.end) {
+      sideY = _enums_js__WEBPACK_IMPORTED_MODULE_0__.bottom;
+      var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height : // $FlowFixMe[prop-missing]
+      offsetParent[heightProp];
+      y -= offsetY - popperRect.height;
+      y *= gpuAcceleration ? 1 : -1;
+    }
+
+    if (placement === _enums_js__WEBPACK_IMPORTED_MODULE_0__.left || (placement === _enums_js__WEBPACK_IMPORTED_MODULE_0__.top || placement === _enums_js__WEBPACK_IMPORTED_MODULE_0__.bottom) && variation === _enums_js__WEBPACK_IMPORTED_MODULE_0__.end) {
+      sideX = _enums_js__WEBPACK_IMPORTED_MODULE_0__.right;
+      var offsetX = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.width : // $FlowFixMe[prop-missing]
+      offsetParent[widthProp];
+      x -= offsetX - popperRect.width;
+      x *= gpuAcceleration ? 1 : -1;
+    }
+  }
+
+  var commonStyles = Object.assign({
+    position: position
+  }, adaptive && unsetSides);
+
+  var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
+    x: x,
+    y: y
+  }, (0,_dom_utils_getWindow_js__WEBPACK_IMPORTED_MODULE_2__["default"])(popper)) : {
+    x: x,
+    y: y
+  };
+
+  x = _ref4.x;
+  y = _ref4.y;
+
+  if (gpuAcceleration) {
+    var _Object$assign;
+
+    return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign));
+  }
+
+  return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : '', _Object$assign2[sideX] = hasX ? x + "px" : '', _Object$assign2.transform = '', _Object$assign2));
+}
+
+function computeStyles(_ref5) {
+  var state = _ref5.state,
+      options = _ref5.options;
+  var _options$gpuAccelerat = options.gpuAcceleration,
+      gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat,
+      _options$adaptive = options.adaptive,
+      adaptive = _options$adaptive === void 0 ? true : _options$adaptive,
+      _options$roundOffsets = options.roundOffsets,
+      roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
+  var commonStyles = {
+    placement: (0,_utils_getBasePlacement_js__WEBPACK_IMPORTED_MODULE_5__["default"])(state.placement),
+    variation: (0,_utils_getVariation_js__WEBPACK_IMPORTED_MODULE_6__["default"])(state.placement),
+    popper: state.elements.popper,
+    popperRect: state.rects.popper,
+    gpuAcceleration: gpuAcceleration,
+    isFixed: state.options.strategy === 'fixed'
+  };
+
+  if (state.modifiersData.popperOffsets != null) {
+    state.styles.popper = Object.assign({}, state.styles.popper, mapToStyles(Object.assign({}, commonStyles, {
+      offsets: state.modifiersData.popperOffsets,
+      position: state.options.strategy,
+      adaptive: adaptive,
+      roundOffsets: roundOffsets
+    })));
+  }
+
+  if (state.modifiersData.arrow != null) {
+    state.styles.arrow = Object.assign({}, state.styles.arrow, mapToStyles(Object.assign({}, commonStyles, {
+      offsets: state.modifiersData.arrow,
+      position: 'absolute',
+      adaptive: false,
+      roundOffsets: roundOffsets
+    })));
+  }
+
+  state.attributes.popper = Object.assign({}, state.attributes.popper, {
+    'data-popper-placement': state.placement
+  });
+} // eslint-disable-next-line import/no-unused-modules
+
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  name: 'computeStyles',
+  enabled: true,
+  phase: 'beforeWrite',
+  fn: computeStyles,
+  data: {}
+});
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/modifiers/eventListeners.js"
+/*!*************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/modifiers/eventListeners.js ***!
+  \*************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _dom_utils_getWindow_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../dom-utils/getWindow.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getWindow.js");
+ // eslint-disable-next-line import/no-unused-modules
+
+var passive = {
+  passive: true
+};
+
+function effect(_ref) {
+  var state = _ref.state,
+      instance = _ref.instance,
+      options = _ref.options;
+  var _options$scroll = options.scroll,
+      scroll = _options$scroll === void 0 ? true : _options$scroll,
+      _options$resize = options.resize,
+      resize = _options$resize === void 0 ? true : _options$resize;
+  var window = (0,_dom_utils_getWindow_js__WEBPACK_IMPORTED_MODULE_0__["default"])(state.elements.popper);
+  var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper);
+
+  if (scroll) {
+    scrollParents.forEach(function (scrollParent) {
+      scrollParent.addEventListener('scroll', instance.update, passive);
+    });
+  }
+
+  if (resize) {
+    window.addEventListener('resize', instance.update, passive);
+  }
+
+  return function () {
+    if (scroll) {
+      scrollParents.forEach(function (scrollParent) {
+        scrollParent.removeEventListener('scroll', instance.update, passive);
+      });
+    }
+
+    if (resize) {
+      window.removeEventListener('resize', instance.update, passive);
+    }
+  };
+} // eslint-disable-next-line import/no-unused-modules
+
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  name: 'eventListeners',
+  enabled: true,
+  phase: 'write',
+  fn: function fn() {},
+  effect: effect,
+  data: {}
+});
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/modifiers/flip.js"
+/*!***************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/modifiers/flip.js ***!
+  \***************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _utils_getOppositePlacement_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/getOppositePlacement.js */ "../../node_modules/@popperjs/core/lib/utils/getOppositePlacement.js");
+/* harmony import */ var _utils_getBasePlacement_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/getBasePlacement.js */ "../../node_modules/@popperjs/core/lib/utils/getBasePlacement.js");
+/* harmony import */ var _utils_getOppositeVariationPlacement_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/getOppositeVariationPlacement.js */ "../../node_modules/@popperjs/core/lib/utils/getOppositeVariationPlacement.js");
+/* harmony import */ var _utils_detectOverflow_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/detectOverflow.js */ "../../node_modules/@popperjs/core/lib/utils/detectOverflow.js");
+/* harmony import */ var _utils_computeAutoPlacement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/computeAutoPlacement.js */ "../../node_modules/@popperjs/core/lib/utils/computeAutoPlacement.js");
+/* harmony import */ var _enums_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../enums.js */ "../../node_modules/@popperjs/core/lib/enums.js");
+/* harmony import */ var _utils_getVariation_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/getVariation.js */ "../../node_modules/@popperjs/core/lib/utils/getVariation.js");
+
+
+
+
+
+
+ // eslint-disable-next-line import/no-unused-modules
+
+function getExpandedFallbackPlacements(placement) {
+  if ((0,_utils_getBasePlacement_js__WEBPACK_IMPORTED_MODULE_1__["default"])(placement) === _enums_js__WEBPACK_IMPORTED_MODULE_5__.auto) {
+    return [];
+  }
+
+  var oppositePlacement = (0,_utils_getOppositePlacement_js__WEBPACK_IMPORTED_MODULE_0__["default"])(placement);
+  return [(0,_utils_getOppositeVariationPlacement_js__WEBPACK_IMPORTED_MODULE_2__["default"])(placement), oppositePlacement, (0,_utils_getOppositeVariationPlacement_js__WEBPACK_IMPORTED_MODULE_2__["default"])(oppositePlacement)];
+}
+
+function flip(_ref) {
+  var state = _ref.state,
+      options = _ref.options,
+      name = _ref.name;
+
+  if (state.modifiersData[name]._skip) {
+    return;
+  }
+
+  var _options$mainAxis = options.mainAxis,
+      checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,
+      _options$altAxis = options.altAxis,
+      checkAltAxis = _options$altAxis === void 0 ? true : _options$altAxis,
+      specifiedFallbackPlacements = options.fallbackPlacements,
+      padding = options.padding,
+      boundary = options.boundary,
+      rootBoundary = options.rootBoundary,
+      altBoundary = options.altBoundary,
+      _options$flipVariatio = options.flipVariations,
+      flipVariations = _options$flipVariatio === void 0 ? true : _options$flipVariatio,
+      allowedAutoPlacements = options.allowedAutoPlacements;
+  var preferredPlacement = state.options.placement;
+  var basePlacement = (0,_utils_getBasePlacement_js__WEBPACK_IMPORTED_MODULE_1__["default"])(preferredPlacement);
+  var isBasePlacement = basePlacement === preferredPlacement;
+  var fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipVariations ? [(0,_utils_getOppositePlacement_js__WEBPACK_IMPORTED_MODULE_0__["default"])(preferredPlacement)] : getExpandedFallbackPlacements(preferredPlacement));
+  var placements = [preferredPlacement].concat(fallbackPlacements).reduce(function (acc, placement) {
+    return acc.concat((0,_utils_getBasePlacement_js__WEBPACK_IMPORTED_MODULE_1__["default"])(placement) === _enums_js__WEBPACK_IMPORTED_MODULE_5__.auto ? (0,_utils_computeAutoPlacement_js__WEBPACK_IMPORTED_MODULE_4__["default"])(state, {
+      placement: placement,
+      boundary: boundary,
+      rootBoundary: rootBoundary,
+      padding: padding,
+      flipVariations: flipVariations,
+      allowedAutoPlacements: allowedAutoPlacements
+    }) : placement);
+  }, []);
+  var referenceRect = state.rects.reference;
+  var popperRect = state.rects.popper;
+  var checksMap = new Map();
+  var makeFallbackChecks = true;
+  var firstFittingPlacement = placements[0];
+
+  for (var i = 0; i < placements.length; i++) {
+    var placement = placements[i];
+
+    var _basePlacement = (0,_utils_getBasePlacement_js__WEBPACK_IMPORTED_MODULE_1__["default"])(placement);
+
+    var isStartVariation = (0,_utils_getVariation_js__WEBPACK_IMPORTED_MODULE_6__["default"])(placement) === _enums_js__WEBPACK_IMPORTED_MODULE_5__.start;
+    var isVertical = [_enums_js__WEBPACK_IMPORTED_MODULE_5__.top, _enums_js__WEBPACK_IMPORTED_MODULE_5__.bottom].indexOf(_basePlacement) >= 0;
+    var len = isVertical ? 'width' : 'height';
+    var overflow = (0,_utils_detectOverflow_js__WEBPACK_IMPORTED_MODULE_3__["default"])(state, {
+      placement: placement,
+      boundary: boundary,
+      rootBoundary: rootBoundary,
+      altBoundary: altBoundary,
+      padding: padding
+    });
+    var mainVariationSide = isVertical ? isStartVariation ? _enums_js__WEBPACK_IMPORTED_MODULE_5__.right : _enums_js__WEBPACK_IMPORTED_MODULE_5__.left : isStartVariation ? _enums_js__WEBPACK_IMPORTED_MODULE_5__.bottom : _enums_js__WEBPACK_IMPORTED_MODULE_5__.top;
+
+    if (referenceRect[len] > popperRect[len]) {
+      mainVariationSide = (0,_utils_getOppositePlacement_js__WEBPACK_IMPORTED_MODULE_0__["default"])(mainVariationSide);
+    }
+
+    var altVariationSide = (0,_utils_getOppositePlacement_js__WEBPACK_IMPORTED_MODULE_0__["default"])(mainVariationSide);
+    var checks = [];
+
+    if (checkMainAxis) {
+      checks.push(overflow[_basePlacement] <= 0);
+    }
+
+    if (checkAltAxis) {
+      checks.push(overflow[mainVariationSide] <= 0, overflow[altVariationSide] <= 0);
+    }
+
+    if (checks.every(function (check) {
+      return check;
+    })) {
+      firstFittingPlacement = placement;
+      makeFallbackChecks = false;
+      break;
+    }
+
+    checksMap.set(placement, checks);
+  }
+
+  if (makeFallbackChecks) {
+    // `2` may be desired in some cases – research later
+    var numberOfChecks = flipVariations ? 3 : 1;
+
+    var _loop = function _loop(_i) {
+      var fittingPlacement = placements.find(function (placement) {
+        var checks = checksMap.get(placement);
+
+        if (checks) {
+          return checks.slice(0, _i).every(function (check) {
+            return check;
+          });
+        }
+      });
+
+      if (fittingPlacement) {
+        firstFittingPlacement = fittingPlacement;
+        return "break";
+      }
+    };
+
+    for (var _i = numberOfChecks; _i > 0; _i--) {
+      var _ret = _loop(_i);
+
+      if (_ret === "break") break;
+    }
+  }
+
+  if (state.placement !== firstFittingPlacement) {
+    state.modifiersData[name]._skip = true;
+    state.placement = firstFittingPlacement;
+    state.reset = true;
+  }
+} // eslint-disable-next-line import/no-unused-modules
+
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  name: 'flip',
+  enabled: true,
+  phase: 'main',
+  fn: flip,
+  requiresIfExists: ['offset'],
+  data: {
+    _skip: false
+  }
+});
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/modifiers/hide.js"
+/*!***************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/modifiers/hide.js ***!
+  \***************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _enums_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../enums.js */ "../../node_modules/@popperjs/core/lib/enums.js");
+/* harmony import */ var _utils_detectOverflow_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/detectOverflow.js */ "../../node_modules/@popperjs/core/lib/utils/detectOverflow.js");
+
+
+
+function getSideOffsets(overflow, rect, preventedOffsets) {
+  if (preventedOffsets === void 0) {
+    preventedOffsets = {
+      x: 0,
+      y: 0
+    };
+  }
+
+  return {
+    top: overflow.top - rect.height - preventedOffsets.y,
+    right: overflow.right - rect.width + preventedOffsets.x,
+    bottom: overflow.bottom - rect.height + preventedOffsets.y,
+    left: overflow.left - rect.width - preventedOffsets.x
+  };
+}
+
+function isAnySideFullyClipped(overflow) {
+  return [_enums_js__WEBPACK_IMPORTED_MODULE_0__.top, _enums_js__WEBPACK_IMPORTED_MODULE_0__.right, _enums_js__WEBPACK_IMPORTED_MODULE_0__.bottom, _enums_js__WEBPACK_IMPORTED_MODULE_0__.left].some(function (side) {
+    return overflow[side] >= 0;
+  });
+}
+
+function hide(_ref) {
+  var state = _ref.state,
+      name = _ref.name;
+  var referenceRect = state.rects.reference;
+  var popperRect = state.rects.popper;
+  var preventedOffsets = state.modifiersData.preventOverflow;
+  var referenceOverflow = (0,_utils_detectOverflow_js__WEBPACK_IMPORTED_MODULE_1__["default"])(state, {
+    elementContext: 'reference'
+  });
+  var popperAltOverflow = (0,_utils_detectOverflow_js__WEBPACK_IMPORTED_MODULE_1__["default"])(state, {
+    altBoundary: true
+  });
+  var referenceClippingOffsets = getSideOffsets(referenceOverflow, referenceRect);
+  var popperEscapeOffsets = getSideOffsets(popperAltOverflow, popperRect, preventedOffsets);
+  var isReferenceHidden = isAnySideFullyClipped(referenceClippingOffsets);
+  var hasPopperEscaped = isAnySideFullyClipped(popperEscapeOffsets);
+  state.modifiersData[name] = {
+    referenceClippingOffsets: referenceClippingOffsets,
+    popperEscapeOffsets: popperEscapeOffsets,
+    isReferenceHidden: isReferenceHidden,
+    hasPopperEscaped: hasPopperEscaped
+  };
+  state.attributes.popper = Object.assign({}, state.attributes.popper, {
+    'data-popper-reference-hidden': isReferenceHidden,
+    'data-popper-escaped': hasPopperEscaped
+  });
+} // eslint-disable-next-line import/no-unused-modules
+
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  name: 'hide',
+  enabled: true,
+  phase: 'main',
+  requiresIfExists: ['preventOverflow'],
+  fn: hide
+});
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/modifiers/index.js"
+/*!****************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/modifiers/index.js ***!
+  \****************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   applyStyles: () => (/* reexport safe */ _applyStyles_js__WEBPACK_IMPORTED_MODULE_0__["default"]),
+/* harmony export */   arrow: () => (/* reexport safe */ _arrow_js__WEBPACK_IMPORTED_MODULE_1__["default"]),
+/* harmony export */   computeStyles: () => (/* reexport safe */ _computeStyles_js__WEBPACK_IMPORTED_MODULE_2__["default"]),
+/* harmony export */   eventListeners: () => (/* reexport safe */ _eventListeners_js__WEBPACK_IMPORTED_MODULE_3__["default"]),
+/* harmony export */   flip: () => (/* reexport safe */ _flip_js__WEBPACK_IMPORTED_MODULE_4__["default"]),
+/* harmony export */   hide: () => (/* reexport safe */ _hide_js__WEBPACK_IMPORTED_MODULE_5__["default"]),
+/* harmony export */   offset: () => (/* reexport safe */ _offset_js__WEBPACK_IMPORTED_MODULE_6__["default"]),
+/* harmony export */   popperOffsets: () => (/* reexport safe */ _popperOffsets_js__WEBPACK_IMPORTED_MODULE_7__["default"]),
+/* harmony export */   preventOverflow: () => (/* reexport safe */ _preventOverflow_js__WEBPACK_IMPORTED_MODULE_8__["default"])
+/* harmony export */ });
+/* harmony import */ var _applyStyles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./applyStyles.js */ "../../node_modules/@popperjs/core/lib/modifiers/applyStyles.js");
+/* harmony import */ var _arrow_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./arrow.js */ "../../node_modules/@popperjs/core/lib/modifiers/arrow.js");
+/* harmony import */ var _computeStyles_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./computeStyles.js */ "../../node_modules/@popperjs/core/lib/modifiers/computeStyles.js");
+/* harmony import */ var _eventListeners_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./eventListeners.js */ "../../node_modules/@popperjs/core/lib/modifiers/eventListeners.js");
+/* harmony import */ var _flip_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./flip.js */ "../../node_modules/@popperjs/core/lib/modifiers/flip.js");
+/* harmony import */ var _hide_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./hide.js */ "../../node_modules/@popperjs/core/lib/modifiers/hide.js");
+/* harmony import */ var _offset_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./offset.js */ "../../node_modules/@popperjs/core/lib/modifiers/offset.js");
+/* harmony import */ var _popperOffsets_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./popperOffsets.js */ "../../node_modules/@popperjs/core/lib/modifiers/popperOffsets.js");
+/* harmony import */ var _preventOverflow_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./preventOverflow.js */ "../../node_modules/@popperjs/core/lib/modifiers/preventOverflow.js");
+
+
+
+
+
+
+
+
+
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/modifiers/offset.js"
+/*!*****************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/modifiers/offset.js ***!
+  \*****************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
+/* harmony export */   distanceAndSkiddingToXY: () => (/* binding */ distanceAndSkiddingToXY)
+/* harmony export */ });
+/* harmony import */ var _utils_getBasePlacement_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/getBasePlacement.js */ "../../node_modules/@popperjs/core/lib/utils/getBasePlacement.js");
+/* harmony import */ var _enums_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../enums.js */ "../../node_modules/@popperjs/core/lib/enums.js");
+
+ // eslint-disable-next-line import/no-unused-modules
+
+function distanceAndSkiddingToXY(placement, rects, offset) {
+  var basePlacement = (0,_utils_getBasePlacement_js__WEBPACK_IMPORTED_MODULE_0__["default"])(placement);
+  var invertDistance = [_enums_js__WEBPACK_IMPORTED_MODULE_1__.left, _enums_js__WEBPACK_IMPORTED_MODULE_1__.top].indexOf(basePlacement) >= 0 ? -1 : 1;
+
+  var _ref = typeof offset === 'function' ? offset(Object.assign({}, rects, {
+    placement: placement
+  })) : offset,
+      skidding = _ref[0],
+      distance = _ref[1];
+
+  skidding = skidding || 0;
+  distance = (distance || 0) * invertDistance;
+  return [_enums_js__WEBPACK_IMPORTED_MODULE_1__.left, _enums_js__WEBPACK_IMPORTED_MODULE_1__.right].indexOf(basePlacement) >= 0 ? {
+    x: distance,
+    y: skidding
+  } : {
+    x: skidding,
+    y: distance
+  };
+}
+
+function offset(_ref2) {
+  var state = _ref2.state,
+      options = _ref2.options,
+      name = _ref2.name;
+  var _options$offset = options.offset,
+      offset = _options$offset === void 0 ? [0, 0] : _options$offset;
+  var data = _enums_js__WEBPACK_IMPORTED_MODULE_1__.placements.reduce(function (acc, placement) {
+    acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset);
+    return acc;
+  }, {});
+  var _data$state$placement = data[state.placement],
+      x = _data$state$placement.x,
+      y = _data$state$placement.y;
+
+  if (state.modifiersData.popperOffsets != null) {
+    state.modifiersData.popperOffsets.x += x;
+    state.modifiersData.popperOffsets.y += y;
+  }
+
+  state.modifiersData[name] = data;
+} // eslint-disable-next-line import/no-unused-modules
+
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  name: 'offset',
+  enabled: true,
+  phase: 'main',
+  requires: ['popperOffsets'],
+  fn: offset
+});
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/modifiers/popperOffsets.js"
+/*!************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/modifiers/popperOffsets.js ***!
+  \************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _utils_computeOffsets_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/computeOffsets.js */ "../../node_modules/@popperjs/core/lib/utils/computeOffsets.js");
+
+
+function popperOffsets(_ref) {
+  var state = _ref.state,
+      name = _ref.name;
+  // Offsets are the actual position the popper needs to have to be
+  // properly positioned near its reference element
+  // This is the most basic placement, and will be adjusted by
+  // the modifiers in the next step
+  state.modifiersData[name] = (0,_utils_computeOffsets_js__WEBPACK_IMPORTED_MODULE_0__["default"])({
+    reference: state.rects.reference,
+    element: state.rects.popper,
+    strategy: 'absolute',
+    placement: state.placement
+  });
+} // eslint-disable-next-line import/no-unused-modules
+
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  name: 'popperOffsets',
+  enabled: true,
+  phase: 'read',
+  fn: popperOffsets,
+  data: {}
+});
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
+/*!**************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/modifiers/preventOverflow.js ***!
+  \**************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _enums_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../enums.js */ "../../node_modules/@popperjs/core/lib/enums.js");
+/* harmony import */ var _utils_getBasePlacement_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/getBasePlacement.js */ "../../node_modules/@popperjs/core/lib/utils/getBasePlacement.js");
+/* harmony import */ var _utils_getMainAxisFromPlacement_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/getMainAxisFromPlacement.js */ "../../node_modules/@popperjs/core/lib/utils/getMainAxisFromPlacement.js");
+/* harmony import */ var _utils_getAltAxis_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/getAltAxis.js */ "../../node_modules/@popperjs/core/lib/utils/getAltAxis.js");
+/* harmony import */ var _utils_within_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/within.js */ "../../node_modules/@popperjs/core/lib/utils/within.js");
+/* harmony import */ var _dom_utils_getLayoutRect_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../dom-utils/getLayoutRect.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getLayoutRect.js");
+/* harmony import */ var _dom_utils_getOffsetParent_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../dom-utils/getOffsetParent.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js");
+/* harmony import */ var _utils_detectOverflow_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils/detectOverflow.js */ "../../node_modules/@popperjs/core/lib/utils/detectOverflow.js");
+/* harmony import */ var _utils_getVariation_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils/getVariation.js */ "../../node_modules/@popperjs/core/lib/utils/getVariation.js");
+/* harmony import */ var _utils_getFreshSideObject_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils/getFreshSideObject.js */ "../../node_modules/@popperjs/core/lib/utils/getFreshSideObject.js");
+/* harmony import */ var _utils_math_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../utils/math.js */ "../../node_modules/@popperjs/core/lib/utils/math.js");
+
+
+
+
+
+
+
+
+
+
+
+
+function preventOverflow(_ref) {
+  var state = _ref.state,
+      options = _ref.options,
+      name = _ref.name;
+  var _options$mainAxis = options.mainAxis,
+      checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,
+      _options$altAxis = options.altAxis,
+      checkAltAxis = _options$altAxis === void 0 ? false : _options$altAxis,
+      boundary = options.boundary,
+      rootBoundary = options.rootBoundary,
+      altBoundary = options.altBoundary,
+      padding = options.padding,
+      _options$tether = options.tether,
+      tether = _options$tether === void 0 ? true : _options$tether,
+      _options$tetherOffset = options.tetherOffset,
+      tetherOffset = _options$tetherOffset === void 0 ? 0 : _options$tetherOffset;
+  var overflow = (0,_utils_detectOverflow_js__WEBPACK_IMPORTED_MODULE_7__["default"])(state, {
+    boundary: boundary,
+    rootBoundary: rootBoundary,
+    padding: padding,
+    altBoundary: altBoundary
+  });
+  var basePlacement = (0,_utils_getBasePlacement_js__WEBPACK_IMPORTED_MODULE_1__["default"])(state.placement);
+  var variation = (0,_utils_getVariation_js__WEBPACK_IMPORTED_MODULE_8__["default"])(state.placement);
+  var isBasePlacement = !variation;
+  var mainAxis = (0,_utils_getMainAxisFromPlacement_js__WEBPACK_IMPORTED_MODULE_2__["default"])(basePlacement);
+  var altAxis = (0,_utils_getAltAxis_js__WEBPACK_IMPORTED_MODULE_3__["default"])(mainAxis);
+  var popperOffsets = state.modifiersData.popperOffsets;
+  var referenceRect = state.rects.reference;
+  var popperRect = state.rects.popper;
+  var tetherOffsetValue = typeof tetherOffset === 'function' ? tetherOffset(Object.assign({}, state.rects, {
+    placement: state.placement
+  })) : tetherOffset;
+  var normalizedTetherOffsetValue = typeof tetherOffsetValue === 'number' ? {
+    mainAxis: tetherOffsetValue,
+    altAxis: tetherOffsetValue
+  } : Object.assign({
+    mainAxis: 0,
+    altAxis: 0
+  }, tetherOffsetValue);
+  var offsetModifierState = state.modifiersData.offset ? state.modifiersData.offset[state.placement] : null;
+  var data = {
+    x: 0,
+    y: 0
+  };
+
+  if (!popperOffsets) {
+    return;
+  }
+
+  if (checkMainAxis) {
+    var _offsetModifierState$;
+
+    var mainSide = mainAxis === 'y' ? _enums_js__WEBPACK_IMPORTED_MODULE_0__.top : _enums_js__WEBPACK_IMPORTED_MODULE_0__.left;
+    var altSide = mainAxis === 'y' ? _enums_js__WEBPACK_IMPORTED_MODULE_0__.bottom : _enums_js__WEBPACK_IMPORTED_MODULE_0__.right;
+    var len = mainAxis === 'y' ? 'height' : 'width';
+    var offset = popperOffsets[mainAxis];
+    var min = offset + overflow[mainSide];
+    var max = offset - overflow[altSide];
+    var additive = tether ? -popperRect[len] / 2 : 0;
+    var minLen = variation === _enums_js__WEBPACK_IMPORTED_MODULE_0__.start ? referenceRect[len] : popperRect[len];
+    var maxLen = variation === _enums_js__WEBPACK_IMPORTED_MODULE_0__.start ? -popperRect[len] : -referenceRect[len]; // We need to include the arrow in the calculation so the arrow doesn't go
+    // outside the reference bounds
+
+    var arrowElement = state.elements.arrow;
+    var arrowRect = tether && arrowElement ? (0,_dom_utils_getLayoutRect_js__WEBPACK_IMPORTED_MODULE_5__["default"])(arrowElement) : {
+      width: 0,
+      height: 0
+    };
+    var arrowPaddingObject = state.modifiersData['arrow#persistent'] ? state.modifiersData['arrow#persistent'].padding : (0,_utils_getFreshSideObject_js__WEBPACK_IMPORTED_MODULE_9__["default"])();
+    var arrowPaddingMin = arrowPaddingObject[mainSide];
+    var arrowPaddingMax = arrowPaddingObject[altSide]; // If the reference length is smaller than the arrow length, we don't want
+    // to include its full size in the calculation. If the reference is small
+    // and near the edge of a boundary, the popper can overflow even if the
+    // reference is not overflowing as well (e.g. virtual elements with no
+    // width or height)
+
+    var arrowLen = (0,_utils_within_js__WEBPACK_IMPORTED_MODULE_4__.within)(0, referenceRect[len], arrowRect[len]);
+    var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis : minLen - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis;
+    var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis : maxLen + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis;
+    var arrowOffsetParent = state.elements.arrow && (0,_dom_utils_getOffsetParent_js__WEBPACK_IMPORTED_MODULE_6__["default"])(state.elements.arrow);
+    var clientOffset = arrowOffsetParent ? mainAxis === 'y' ? arrowOffsetParent.clientTop || 0 : arrowOffsetParent.clientLeft || 0 : 0;
+    var offsetModifierValue = (_offsetModifierState$ = offsetModifierState == null ? void 0 : offsetModifierState[mainAxis]) != null ? _offsetModifierState$ : 0;
+    var tetherMin = offset + minOffset - offsetModifierValue - clientOffset;
+    var tetherMax = offset + maxOffset - offsetModifierValue;
+    var preventedOffset = (0,_utils_within_js__WEBPACK_IMPORTED_MODULE_4__.within)(tether ? (0,_utils_math_js__WEBPACK_IMPORTED_MODULE_10__.min)(min, tetherMin) : min, offset, tether ? (0,_utils_math_js__WEBPACK_IMPORTED_MODULE_10__.max)(max, tetherMax) : max);
+    popperOffsets[mainAxis] = preventedOffset;
+    data[mainAxis] = preventedOffset - offset;
+  }
+
+  if (checkAltAxis) {
+    var _offsetModifierState$2;
+
+    var _mainSide = mainAxis === 'x' ? _enums_js__WEBPACK_IMPORTED_MODULE_0__.top : _enums_js__WEBPACK_IMPORTED_MODULE_0__.left;
+
+    var _altSide = mainAxis === 'x' ? _enums_js__WEBPACK_IMPORTED_MODULE_0__.bottom : _enums_js__WEBPACK_IMPORTED_MODULE_0__.right;
+
+    var _offset = popperOffsets[altAxis];
+
+    var _len = altAxis === 'y' ? 'height' : 'width';
+
+    var _min = _offset + overflow[_mainSide];
+
+    var _max = _offset - overflow[_altSide];
+
+    var isOriginSide = [_enums_js__WEBPACK_IMPORTED_MODULE_0__.top, _enums_js__WEBPACK_IMPORTED_MODULE_0__.left].indexOf(basePlacement) !== -1;
+
+    var _offsetModifierValue = (_offsetModifierState$2 = offsetModifierState == null ? void 0 : offsetModifierState[altAxis]) != null ? _offsetModifierState$2 : 0;
+
+    var _tetherMin = isOriginSide ? _min : _offset - referenceRect[_len] - popperRect[_len] - _offsetModifierValue + normalizedTetherOffsetValue.altAxis;
+
+    var _tetherMax = isOriginSide ? _offset + referenceRect[_len] + popperRect[_len] - _offsetModifierValue - normalizedTetherOffsetValue.altAxis : _max;
+
+    var _preventedOffset = tether && isOriginSide ? (0,_utils_within_js__WEBPACK_IMPORTED_MODULE_4__.withinMaxClamp)(_tetherMin, _offset, _tetherMax) : (0,_utils_within_js__WEBPACK_IMPORTED_MODULE_4__.within)(tether ? _tetherMin : _min, _offset, tether ? _tetherMax : _max);
+
+    popperOffsets[altAxis] = _preventedOffset;
+    data[altAxis] = _preventedOffset - _offset;
+  }
+
+  state.modifiersData[name] = data;
+} // eslint-disable-next-line import/no-unused-modules
+
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  name: 'preventOverflow',
+  enabled: true,
+  phase: 'main',
+  fn: preventOverflow,
+  requiresIfExists: ['offset']
+});
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/popper-lite.js"
+/*!************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/popper-lite.js ***!
+  \************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   createPopper: () => (/* binding */ createPopper),
+/* harmony export */   defaultModifiers: () => (/* binding */ defaultModifiers),
+/* harmony export */   detectOverflow: () => (/* reexport safe */ _createPopper_js__WEBPACK_IMPORTED_MODULE_1__["default"]),
+/* harmony export */   popperGenerator: () => (/* reexport safe */ _createPopper_js__WEBPACK_IMPORTED_MODULE_0__.popperGenerator)
+/* harmony export */ });
+/* harmony import */ var _createPopper_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./createPopper.js */ "../../node_modules/@popperjs/core/lib/createPopper.js");
+/* harmony import */ var _createPopper_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./createPopper.js */ "../../node_modules/@popperjs/core/lib/utils/detectOverflow.js");
+/* harmony import */ var _modifiers_eventListeners_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./modifiers/eventListeners.js */ "../../node_modules/@popperjs/core/lib/modifiers/eventListeners.js");
+/* harmony import */ var _modifiers_popperOffsets_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./modifiers/popperOffsets.js */ "../../node_modules/@popperjs/core/lib/modifiers/popperOffsets.js");
+/* harmony import */ var _modifiers_computeStyles_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./modifiers/computeStyles.js */ "../../node_modules/@popperjs/core/lib/modifiers/computeStyles.js");
+/* harmony import */ var _modifiers_applyStyles_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./modifiers/applyStyles.js */ "../../node_modules/@popperjs/core/lib/modifiers/applyStyles.js");
+
+
+
+
+
+var defaultModifiers = [_modifiers_eventListeners_js__WEBPACK_IMPORTED_MODULE_2__["default"], _modifiers_popperOffsets_js__WEBPACK_IMPORTED_MODULE_3__["default"], _modifiers_computeStyles_js__WEBPACK_IMPORTED_MODULE_4__["default"], _modifiers_applyStyles_js__WEBPACK_IMPORTED_MODULE_5__["default"]];
+var createPopper = /*#__PURE__*/(0,_createPopper_js__WEBPACK_IMPORTED_MODULE_0__.popperGenerator)({
+  defaultModifiers: defaultModifiers
+}); // eslint-disable-next-line import/no-unused-modules
+
+
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/popper.js"
+/*!*******************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/popper.js ***!
+  \*******************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   applyStyles: () => (/* reexport safe */ _modifiers_index_js__WEBPACK_IMPORTED_MODULE_12__.applyStyles),
+/* harmony export */   arrow: () => (/* reexport safe */ _modifiers_index_js__WEBPACK_IMPORTED_MODULE_12__.arrow),
+/* harmony export */   computeStyles: () => (/* reexport safe */ _modifiers_index_js__WEBPACK_IMPORTED_MODULE_12__.computeStyles),
+/* harmony export */   createPopper: () => (/* binding */ createPopper),
+/* harmony export */   createPopperLite: () => (/* reexport safe */ _popper_lite_js__WEBPACK_IMPORTED_MODULE_11__.createPopper),
+/* harmony export */   defaultModifiers: () => (/* binding */ defaultModifiers),
+/* harmony export */   detectOverflow: () => (/* reexport safe */ _createPopper_js__WEBPACK_IMPORTED_MODULE_1__["default"]),
+/* harmony export */   eventListeners: () => (/* reexport safe */ _modifiers_index_js__WEBPACK_IMPORTED_MODULE_12__.eventListeners),
+/* harmony export */   flip: () => (/* reexport safe */ _modifiers_index_js__WEBPACK_IMPORTED_MODULE_12__.flip),
+/* harmony export */   hide: () => (/* reexport safe */ _modifiers_index_js__WEBPACK_IMPORTED_MODULE_12__.hide),
+/* harmony export */   offset: () => (/* reexport safe */ _modifiers_index_js__WEBPACK_IMPORTED_MODULE_12__.offset),
+/* harmony export */   popperGenerator: () => (/* reexport safe */ _createPopper_js__WEBPACK_IMPORTED_MODULE_0__.popperGenerator),
+/* harmony export */   popperOffsets: () => (/* reexport safe */ _modifiers_index_js__WEBPACK_IMPORTED_MODULE_12__.popperOffsets),
+/* harmony export */   preventOverflow: () => (/* reexport safe */ _modifiers_index_js__WEBPACK_IMPORTED_MODULE_12__.preventOverflow)
+/* harmony export */ });
+/* harmony import */ var _createPopper_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./createPopper.js */ "../../node_modules/@popperjs/core/lib/createPopper.js");
+/* harmony import */ var _createPopper_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./createPopper.js */ "../../node_modules/@popperjs/core/lib/utils/detectOverflow.js");
+/* harmony import */ var _modifiers_eventListeners_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./modifiers/eventListeners.js */ "../../node_modules/@popperjs/core/lib/modifiers/eventListeners.js");
+/* harmony import */ var _modifiers_popperOffsets_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./modifiers/popperOffsets.js */ "../../node_modules/@popperjs/core/lib/modifiers/popperOffsets.js");
+/* harmony import */ var _modifiers_computeStyles_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./modifiers/computeStyles.js */ "../../node_modules/@popperjs/core/lib/modifiers/computeStyles.js");
+/* harmony import */ var _modifiers_applyStyles_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./modifiers/applyStyles.js */ "../../node_modules/@popperjs/core/lib/modifiers/applyStyles.js");
+/* harmony import */ var _modifiers_offset_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./modifiers/offset.js */ "../../node_modules/@popperjs/core/lib/modifiers/offset.js");
+/* harmony import */ var _modifiers_flip_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./modifiers/flip.js */ "../../node_modules/@popperjs/core/lib/modifiers/flip.js");
+/* harmony import */ var _modifiers_preventOverflow_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./modifiers/preventOverflow.js */ "../../node_modules/@popperjs/core/lib/modifiers/preventOverflow.js");
+/* harmony import */ var _modifiers_arrow_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./modifiers/arrow.js */ "../../node_modules/@popperjs/core/lib/modifiers/arrow.js");
+/* harmony import */ var _modifiers_hide_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./modifiers/hide.js */ "../../node_modules/@popperjs/core/lib/modifiers/hide.js");
+/* harmony import */ var _popper_lite_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./popper-lite.js */ "../../node_modules/@popperjs/core/lib/popper-lite.js");
+/* harmony import */ var _modifiers_index_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./modifiers/index.js */ "../../node_modules/@popperjs/core/lib/modifiers/index.js");
+
+
+
+
+
+
+
+
+
+
+var defaultModifiers = [_modifiers_eventListeners_js__WEBPACK_IMPORTED_MODULE_2__["default"], _modifiers_popperOffsets_js__WEBPACK_IMPORTED_MODULE_3__["default"], _modifiers_computeStyles_js__WEBPACK_IMPORTED_MODULE_4__["default"], _modifiers_applyStyles_js__WEBPACK_IMPORTED_MODULE_5__["default"], _modifiers_offset_js__WEBPACK_IMPORTED_MODULE_6__["default"], _modifiers_flip_js__WEBPACK_IMPORTED_MODULE_7__["default"], _modifiers_preventOverflow_js__WEBPACK_IMPORTED_MODULE_8__["default"], _modifiers_arrow_js__WEBPACK_IMPORTED_MODULE_9__["default"], _modifiers_hide_js__WEBPACK_IMPORTED_MODULE_10__["default"]];
+var createPopper = /*#__PURE__*/(0,_createPopper_js__WEBPACK_IMPORTED_MODULE_0__.popperGenerator)({
+  defaultModifiers: defaultModifiers
+}); // eslint-disable-next-line import/no-unused-modules
+
+ // eslint-disable-next-line import/no-unused-modules
+
+ // eslint-disable-next-line import/no-unused-modules
+
+
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/utils/computeAutoPlacement.js"
+/*!***************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/utils/computeAutoPlacement.js ***!
+  \***************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ computeAutoPlacement)
+/* harmony export */ });
+/* harmony import */ var _getVariation_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getVariation.js */ "../../node_modules/@popperjs/core/lib/utils/getVariation.js");
+/* harmony import */ var _enums_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../enums.js */ "../../node_modules/@popperjs/core/lib/enums.js");
+/* harmony import */ var _detectOverflow_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./detectOverflow.js */ "../../node_modules/@popperjs/core/lib/utils/detectOverflow.js");
+/* harmony import */ var _getBasePlacement_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./getBasePlacement.js */ "../../node_modules/@popperjs/core/lib/utils/getBasePlacement.js");
+
+
+
+
+function computeAutoPlacement(state, options) {
+  if (options === void 0) {
+    options = {};
+  }
+
+  var _options = options,
+      placement = _options.placement,
+      boundary = _options.boundary,
+      rootBoundary = _options.rootBoundary,
+      padding = _options.padding,
+      flipVariations = _options.flipVariations,
+      _options$allowedAutoP = _options.allowedAutoPlacements,
+      allowedAutoPlacements = _options$allowedAutoP === void 0 ? _enums_js__WEBPACK_IMPORTED_MODULE_1__.placements : _options$allowedAutoP;
+  var variation = (0,_getVariation_js__WEBPACK_IMPORTED_MODULE_0__["default"])(placement);
+  var placements = variation ? flipVariations ? _enums_js__WEBPACK_IMPORTED_MODULE_1__.variationPlacements : _enums_js__WEBPACK_IMPORTED_MODULE_1__.variationPlacements.filter(function (placement) {
+    return (0,_getVariation_js__WEBPACK_IMPORTED_MODULE_0__["default"])(placement) === variation;
+  }) : _enums_js__WEBPACK_IMPORTED_MODULE_1__.basePlacements;
+  var allowedPlacements = placements.filter(function (placement) {
+    return allowedAutoPlacements.indexOf(placement) >= 0;
+  });
+
+  if (allowedPlacements.length === 0) {
+    allowedPlacements = placements;
+  } // $FlowFixMe[incompatible-type]: Flow seems to have problems with two array unions...
+
+
+  var overflows = allowedPlacements.reduce(function (acc, placement) {
+    acc[placement] = (0,_detectOverflow_js__WEBPACK_IMPORTED_MODULE_2__["default"])(state, {
+      placement: placement,
+      boundary: boundary,
+      rootBoundary: rootBoundary,
+      padding: padding
+    })[(0,_getBasePlacement_js__WEBPACK_IMPORTED_MODULE_3__["default"])(placement)];
+    return acc;
+  }, {});
+  return Object.keys(overflows).sort(function (a, b) {
+    return overflows[a] - overflows[b];
+  });
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/utils/computeOffsets.js"
+/*!*********************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/utils/computeOffsets.js ***!
+  \*********************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ computeOffsets)
+/* harmony export */ });
+/* harmony import */ var _getBasePlacement_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getBasePlacement.js */ "../../node_modules/@popperjs/core/lib/utils/getBasePlacement.js");
+/* harmony import */ var _getVariation_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getVariation.js */ "../../node_modules/@popperjs/core/lib/utils/getVariation.js");
+/* harmony import */ var _getMainAxisFromPlacement_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./getMainAxisFromPlacement.js */ "../../node_modules/@popperjs/core/lib/utils/getMainAxisFromPlacement.js");
+/* harmony import */ var _enums_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../enums.js */ "../../node_modules/@popperjs/core/lib/enums.js");
+
+
+
+
+function computeOffsets(_ref) {
+  var reference = _ref.reference,
+      element = _ref.element,
+      placement = _ref.placement;
+  var basePlacement = placement ? (0,_getBasePlacement_js__WEBPACK_IMPORTED_MODULE_0__["default"])(placement) : null;
+  var variation = placement ? (0,_getVariation_js__WEBPACK_IMPORTED_MODULE_1__["default"])(placement) : null;
+  var commonX = reference.x + reference.width / 2 - element.width / 2;
+  var commonY = reference.y + reference.height / 2 - element.height / 2;
+  var offsets;
+
+  switch (basePlacement) {
+    case _enums_js__WEBPACK_IMPORTED_MODULE_3__.top:
+      offsets = {
+        x: commonX,
+        y: reference.y - element.height
+      };
+      break;
+
+    case _enums_js__WEBPACK_IMPORTED_MODULE_3__.bottom:
+      offsets = {
+        x: commonX,
+        y: reference.y + reference.height
+      };
+      break;
+
+    case _enums_js__WEBPACK_IMPORTED_MODULE_3__.right:
+      offsets = {
+        x: reference.x + reference.width,
+        y: commonY
+      };
+      break;
+
+    case _enums_js__WEBPACK_IMPORTED_MODULE_3__.left:
+      offsets = {
+        x: reference.x - element.width,
+        y: commonY
+      };
+      break;
+
+    default:
+      offsets = {
+        x: reference.x,
+        y: reference.y
+      };
+  }
+
+  var mainAxis = basePlacement ? (0,_getMainAxisFromPlacement_js__WEBPACK_IMPORTED_MODULE_2__["default"])(basePlacement) : null;
+
+  if (mainAxis != null) {
+    var len = mainAxis === 'y' ? 'height' : 'width';
+
+    switch (variation) {
+      case _enums_js__WEBPACK_IMPORTED_MODULE_3__.start:
+        offsets[mainAxis] = offsets[mainAxis] - (reference[len] / 2 - element[len] / 2);
+        break;
+
+      case _enums_js__WEBPACK_IMPORTED_MODULE_3__.end:
+        offsets[mainAxis] = offsets[mainAxis] + (reference[len] / 2 - element[len] / 2);
+        break;
+
+      default:
+    }
+  }
+
+  return offsets;
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/utils/debounce.js"
+/*!***************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/utils/debounce.js ***!
+  \***************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ debounce)
+/* harmony export */ });
+function debounce(fn) {
+  var pending;
+  return function () {
+    if (!pending) {
+      pending = new Promise(function (resolve) {
+        Promise.resolve().then(function () {
+          pending = undefined;
+          resolve(fn());
+        });
+      });
+    }
+
+    return pending;
+  };
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/utils/detectOverflow.js"
+/*!*********************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/utils/detectOverflow.js ***!
+  \*********************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ detectOverflow)
+/* harmony export */ });
+/* harmony import */ var _dom_utils_getClippingRect_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../dom-utils/getClippingRect.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js");
+/* harmony import */ var _dom_utils_getDocumentElement_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../dom-utils/getDocumentElement.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getDocumentElement.js");
+/* harmony import */ var _dom_utils_getBoundingClientRect_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../dom-utils/getBoundingClientRect.js */ "../../node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js");
+/* harmony import */ var _computeOffsets_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./computeOffsets.js */ "../../node_modules/@popperjs/core/lib/utils/computeOffsets.js");
+/* harmony import */ var _rectToClientRect_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./rectToClientRect.js */ "../../node_modules/@popperjs/core/lib/utils/rectToClientRect.js");
+/* harmony import */ var _enums_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../enums.js */ "../../node_modules/@popperjs/core/lib/enums.js");
+/* harmony import */ var _dom_utils_instanceOf_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../dom-utils/instanceOf.js */ "../../node_modules/@popperjs/core/lib/dom-utils/instanceOf.js");
+/* harmony import */ var _mergePaddingObject_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./mergePaddingObject.js */ "../../node_modules/@popperjs/core/lib/utils/mergePaddingObject.js");
+/* harmony import */ var _expandToHashMap_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./expandToHashMap.js */ "../../node_modules/@popperjs/core/lib/utils/expandToHashMap.js");
+
+
+
+
+
+
+
+
+ // eslint-disable-next-line import/no-unused-modules
+
+function detectOverflow(state, options) {
+  if (options === void 0) {
+    options = {};
+  }
+
+  var _options = options,
+      _options$placement = _options.placement,
+      placement = _options$placement === void 0 ? state.placement : _options$placement,
+      _options$strategy = _options.strategy,
+      strategy = _options$strategy === void 0 ? state.strategy : _options$strategy,
+      _options$boundary = _options.boundary,
+      boundary = _options$boundary === void 0 ? _enums_js__WEBPACK_IMPORTED_MODULE_5__.clippingParents : _options$boundary,
+      _options$rootBoundary = _options.rootBoundary,
+      rootBoundary = _options$rootBoundary === void 0 ? _enums_js__WEBPACK_IMPORTED_MODULE_5__.viewport : _options$rootBoundary,
+      _options$elementConte = _options.elementContext,
+      elementContext = _options$elementConte === void 0 ? _enums_js__WEBPACK_IMPORTED_MODULE_5__.popper : _options$elementConte,
+      _options$altBoundary = _options.altBoundary,
+      altBoundary = _options$altBoundary === void 0 ? false : _options$altBoundary,
+      _options$padding = _options.padding,
+      padding = _options$padding === void 0 ? 0 : _options$padding;
+  var paddingObject = (0,_mergePaddingObject_js__WEBPACK_IMPORTED_MODULE_7__["default"])(typeof padding !== 'number' ? padding : (0,_expandToHashMap_js__WEBPACK_IMPORTED_MODULE_8__["default"])(padding, _enums_js__WEBPACK_IMPORTED_MODULE_5__.basePlacements));
+  var altContext = elementContext === _enums_js__WEBPACK_IMPORTED_MODULE_5__.popper ? _enums_js__WEBPACK_IMPORTED_MODULE_5__.reference : _enums_js__WEBPACK_IMPORTED_MODULE_5__.popper;
+  var popperRect = state.rects.popper;
+  var element = state.elements[altBoundary ? altContext : elementContext];
+  var clippingClientRect = (0,_dom_utils_getClippingRect_js__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_dom_utils_instanceOf_js__WEBPACK_IMPORTED_MODULE_6__.isElement)(element) ? element : element.contextElement || (0,_dom_utils_getDocumentElement_js__WEBPACK_IMPORTED_MODULE_1__["default"])(state.elements.popper), boundary, rootBoundary, strategy);
+  var referenceClientRect = (0,_dom_utils_getBoundingClientRect_js__WEBPACK_IMPORTED_MODULE_2__["default"])(state.elements.reference);
+  var popperOffsets = (0,_computeOffsets_js__WEBPACK_IMPORTED_MODULE_3__["default"])({
+    reference: referenceClientRect,
+    element: popperRect,
+    strategy: 'absolute',
+    placement: placement
+  });
+  var popperClientRect = (0,_rectToClientRect_js__WEBPACK_IMPORTED_MODULE_4__["default"])(Object.assign({}, popperRect, popperOffsets));
+  var elementClientRect = elementContext === _enums_js__WEBPACK_IMPORTED_MODULE_5__.popper ? popperClientRect : referenceClientRect; // positive = overflowing the clipping rect
+  // 0 or negative = within the clipping rect
+
+  var overflowOffsets = {
+    top: clippingClientRect.top - elementClientRect.top + paddingObject.top,
+    bottom: elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom,
+    left: clippingClientRect.left - elementClientRect.left + paddingObject.left,
+    right: elementClientRect.right - clippingClientRect.right + paddingObject.right
+  };
+  var offsetData = state.modifiersData.offset; // Offsets can be applied only to the popper element
+
+  if (elementContext === _enums_js__WEBPACK_IMPORTED_MODULE_5__.popper && offsetData) {
+    var offset = offsetData[placement];
+    Object.keys(overflowOffsets).forEach(function (key) {
+      var multiply = [_enums_js__WEBPACK_IMPORTED_MODULE_5__.right, _enums_js__WEBPACK_IMPORTED_MODULE_5__.bottom].indexOf(key) >= 0 ? 1 : -1;
+      var axis = [_enums_js__WEBPACK_IMPORTED_MODULE_5__.top, _enums_js__WEBPACK_IMPORTED_MODULE_5__.bottom].indexOf(key) >= 0 ? 'y' : 'x';
+      overflowOffsets[key] += offset[axis] * multiply;
+    });
+  }
+
+  return overflowOffsets;
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/utils/expandToHashMap.js"
+/*!**********************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/utils/expandToHashMap.js ***!
+  \**********************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ expandToHashMap)
+/* harmony export */ });
+function expandToHashMap(value, keys) {
+  return keys.reduce(function (hashMap, key) {
+    hashMap[key] = value;
+    return hashMap;
+  }, {});
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/utils/getAltAxis.js"
+/*!*****************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/utils/getAltAxis.js ***!
+  \*****************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ getAltAxis)
+/* harmony export */ });
+function getAltAxis(axis) {
+  return axis === 'x' ? 'y' : 'x';
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/utils/getBasePlacement.js"
+/*!***********************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/utils/getBasePlacement.js ***!
+  \***********************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ getBasePlacement)
+/* harmony export */ });
+
+function getBasePlacement(placement) {
+  return placement.split('-')[0];
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/utils/getFreshSideObject.js"
+/*!*************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/utils/getFreshSideObject.js ***!
+  \*************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ getFreshSideObject)
+/* harmony export */ });
+function getFreshSideObject() {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  };
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/utils/getMainAxisFromPlacement.js"
+/*!*******************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/utils/getMainAxisFromPlacement.js ***!
+  \*******************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ getMainAxisFromPlacement)
+/* harmony export */ });
+function getMainAxisFromPlacement(placement) {
+  return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y';
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/utils/getOppositePlacement.js"
+/*!***************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/utils/getOppositePlacement.js ***!
+  \***************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ getOppositePlacement)
+/* harmony export */ });
+var hash = {
+  left: 'right',
+  right: 'left',
+  bottom: 'top',
+  top: 'bottom'
+};
+function getOppositePlacement(placement) {
+  return placement.replace(/left|right|bottom|top/g, function (matched) {
+    return hash[matched];
+  });
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/utils/getOppositeVariationPlacement.js"
+/*!************************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/utils/getOppositeVariationPlacement.js ***!
+  \************************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ getOppositeVariationPlacement)
+/* harmony export */ });
+var hash = {
+  start: 'end',
+  end: 'start'
+};
+function getOppositeVariationPlacement(placement) {
+  return placement.replace(/start|end/g, function (matched) {
+    return hash[matched];
+  });
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/utils/getVariation.js"
+/*!*******************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/utils/getVariation.js ***!
+  \*******************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ getVariation)
+/* harmony export */ });
+function getVariation(placement) {
+  return placement.split('-')[1];
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/utils/math.js"
+/*!***********************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/utils/math.js ***!
+  \***********************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   max: () => (/* binding */ max),
+/* harmony export */   min: () => (/* binding */ min),
+/* harmony export */   round: () => (/* binding */ round)
+/* harmony export */ });
+var max = Math.max;
+var min = Math.min;
+var round = Math.round;
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/utils/mergeByName.js"
+/*!******************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/utils/mergeByName.js ***!
+  \******************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ mergeByName)
+/* harmony export */ });
+function mergeByName(modifiers) {
+  var merged = modifiers.reduce(function (merged, current) {
+    var existing = merged[current.name];
+    merged[current.name] = existing ? Object.assign({}, existing, current, {
+      options: Object.assign({}, existing.options, current.options),
+      data: Object.assign({}, existing.data, current.data)
+    }) : current;
+    return merged;
+  }, {}); // IE11 does not support Object.values
+
+  return Object.keys(merged).map(function (key) {
+    return merged[key];
+  });
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/utils/mergePaddingObject.js"
+/*!*************************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/utils/mergePaddingObject.js ***!
+  \*************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ mergePaddingObject)
+/* harmony export */ });
+/* harmony import */ var _getFreshSideObject_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getFreshSideObject.js */ "../../node_modules/@popperjs/core/lib/utils/getFreshSideObject.js");
+
+function mergePaddingObject(paddingObject) {
+  return Object.assign({}, (0,_getFreshSideObject_js__WEBPACK_IMPORTED_MODULE_0__["default"])(), paddingObject);
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/utils/orderModifiers.js"
+/*!*********************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/utils/orderModifiers.js ***!
+  \*********************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ orderModifiers)
+/* harmony export */ });
+/* harmony import */ var _enums_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../enums.js */ "../../node_modules/@popperjs/core/lib/enums.js");
+ // source: https://stackoverflow.com/questions/49875255
+
+function order(modifiers) {
+  var map = new Map();
+  var visited = new Set();
+  var result = [];
+  modifiers.forEach(function (modifier) {
+    map.set(modifier.name, modifier);
+  }); // On visiting object, check for its dependencies and visit them recursively
+
+  function sort(modifier) {
+    visited.add(modifier.name);
+    var requires = [].concat(modifier.requires || [], modifier.requiresIfExists || []);
+    requires.forEach(function (dep) {
+      if (!visited.has(dep)) {
+        var depModifier = map.get(dep);
+
+        if (depModifier) {
+          sort(depModifier);
+        }
+      }
+    });
+    result.push(modifier);
+  }
+
+  modifiers.forEach(function (modifier) {
+    if (!visited.has(modifier.name)) {
+      // check for visited object
+      sort(modifier);
+    }
+  });
+  return result;
+}
+
+function orderModifiers(modifiers) {
+  // order based on dependencies
+  var orderedModifiers = order(modifiers); // order based on phase
+
+  return _enums_js__WEBPACK_IMPORTED_MODULE_0__.modifierPhases.reduce(function (acc, phase) {
+    return acc.concat(orderedModifiers.filter(function (modifier) {
+      return modifier.phase === phase;
+    }));
+  }, []);
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/utils/rectToClientRect.js"
+/*!***********************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/utils/rectToClientRect.js ***!
+  \***********************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ rectToClientRect)
+/* harmony export */ });
+function rectToClientRect(rect) {
+  return Object.assign({}, rect, {
+    left: rect.x,
+    top: rect.y,
+    right: rect.x + rect.width,
+    bottom: rect.y + rect.height
+  });
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/utils/userAgent.js"
+/*!****************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/utils/userAgent.js ***!
+  \****************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ getUAString)
+/* harmony export */ });
+function getUAString() {
+  var uaData = navigator.userAgentData;
+
+  if (uaData != null && uaData.brands && Array.isArray(uaData.brands)) {
+    return uaData.brands.map(function (item) {
+      return item.brand + "/" + item.version;
+    }).join(' ');
+  }
+
+  return navigator.userAgent;
+}
+
+/***/ },
+
+/***/ "../../node_modules/@popperjs/core/lib/utils/within.js"
+/*!*************************************************************!*\
+  !*** ../../node_modules/@popperjs/core/lib/utils/within.js ***!
+  \*************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   within: () => (/* binding */ within),
+/* harmony export */   withinMaxClamp: () => (/* binding */ withinMaxClamp)
+/* harmony export */ });
+/* harmony import */ var _math_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./math.js */ "../../node_modules/@popperjs/core/lib/utils/math.js");
+
+function within(min, value, max) {
+  return (0,_math_js__WEBPACK_IMPORTED_MODULE_0__.max)(min, (0,_math_js__WEBPACK_IMPORTED_MODULE_0__.min)(value, max));
+}
+function withinMaxClamp(min, value, max) {
+  var v = within(min, value, max);
+  return v > max ? max : v;
+}
+
+/***/ },
+
+/***/ "../../node_modules/algoliasearch/node_modules/debug/src/browser.js"
+/*!**************************************************************************!*\
+  !*** ../../node_modules/algoliasearch/node_modules/debug/src/browser.js ***!
+  \**************************************************************************/
+(module, exports, __webpack_require__) {
+
+/**
+ * This is the web browser implementation of `debug()`.
+ *
+ * Expose `debug()` as the module.
+ */
+
+exports = module.exports = __webpack_require__(/*! ./debug */ "../../node_modules/algoliasearch/node_modules/debug/src/debug.js");
+exports.log = log;
+exports.formatArgs = formatArgs;
+exports.save = save;
+exports.load = load;
+exports.useColors = useColors;
+exports.storage = 'undefined' != typeof chrome
+               && 'undefined' != typeof chrome.storage
+                  ? chrome.storage.local
+                  : localstorage();
+
+/**
+ * Colors.
+ */
+
+exports.colors = [
+  'lightseagreen',
+  'forestgreen',
+  'goldenrod',
+  'dodgerblue',
+  'darkorchid',
+  'crimson'
+];
+
+/**
+ * Currently only WebKit-based Web Inspectors, Firefox >= v31,
+ * and the Firebug extension (any Firefox version) are known
+ * to support "%c" CSS customizations.
+ *
+ * TODO: add a `localStorage` variable to explicitly enable/disable colors
+ */
+
+function useColors() {
+  // NB: In an Electron preload script, document will be defined but not fully
+  // initialized. Since we know we're in Chrome, we'll just detect this case
+  // explicitly
+  if (typeof window !== 'undefined' && window.process && window.process.type === 'renderer') {
+    return true;
+  }
+
+  // is webkit? http://stackoverflow.com/a/16459606/376773
+  // document is undefined in react-native: https://github.com/facebook/react-native/pull/1632
+  return (typeof document !== 'undefined' && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance) ||
+    // is firebug? http://stackoverflow.com/a/398120/376773
+    (typeof window !== 'undefined' && window.console && (window.console.firebug || (window.console.exception && window.console.table))) ||
+    // is firefox >= v31?
+    // https://developer.mozilla.org/en-US/docs/Tools/Web_Console#Styling_messages
+    (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/) && parseInt(RegExp.$1, 10) >= 31) ||
+    // double check webkit in userAgent just in case we are in a worker
+    (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/));
+}
+
+/**
+ * Map %j to `JSON.stringify()`, since no Web Inspectors do that by default.
+ */
+
+exports.formatters.j = function(v) {
+  try {
+    return JSON.stringify(v);
+  } catch (err) {
+    return '[UnexpectedJSONParseError]: ' + err.message;
+  }
+};
+
+
+/**
+ * Colorize log arguments if enabled.
+ *
+ * @api public
+ */
+
+function formatArgs(args) {
+  var useColors = this.useColors;
+
+  args[0] = (useColors ? '%c' : '')
+    + this.namespace
+    + (useColors ? ' %c' : ' ')
+    + args[0]
+    + (useColors ? '%c ' : ' ')
+    + '+' + exports.humanize(this.diff);
+
+  if (!useColors) return;
+
+  var c = 'color: ' + this.color;
+  args.splice(1, 0, c, 'color: inherit')
+
+  // the final "%c" is somewhat tricky, because there could be other
+  // arguments passed either before or after the %c, so we need to
+  // figure out the correct index to insert the CSS into
+  var index = 0;
+  var lastC = 0;
+  args[0].replace(/%[a-zA-Z%]/g, function(match) {
+    if ('%%' === match) return;
+    index++;
+    if ('%c' === match) {
+      // we only are interested in the *last* %c
+      // (the user may have provided their own)
+      lastC = index;
+    }
+  });
+
+  args.splice(lastC, 0, c);
+}
+
+/**
+ * Invokes `console.log()` when available.
+ * No-op when `console.log` is not a "function".
+ *
+ * @api public
+ */
+
+function log() {
+  // this hackery is required for IE8/9, where
+  // the `console.log` function doesn't have 'apply'
+  return 'object' === typeof console
+    && console.log
+    && Function.prototype.apply.call(console.log, console, arguments);
+}
+
+/**
+ * Save `namespaces`.
+ *
+ * @param {String} namespaces
+ * @api private
+ */
+
+function save(namespaces) {
+  try {
+    if (null == namespaces) {
+      exports.storage.removeItem('debug');
+    } else {
+      exports.storage.debug = namespaces;
+    }
+  } catch(e) {}
+}
+
+/**
+ * Load `namespaces`.
+ *
+ * @return {String} returns the previously persisted debug modes
+ * @api private
+ */
+
+function load() {
+  var r;
+  try {
+    r = exports.storage.debug;
+  } catch(e) {}
+
+  // If debug isn't set in LS, and we're in Electron, try to load $DEBUG
+  if (!r && typeof process !== 'undefined' && 'env' in process) {
+    r = process.env.DEBUG;
+  }
+
+  return r;
+}
+
+/**
+ * Enable namespaces listed in `localStorage.debug` initially.
+ */
+
+exports.enable(load());
+
+/**
+ * Localstorage attempts to return the localstorage.
+ *
+ * This is necessary because safari throws
+ * when a user disables cookies/localstorage
+ * and you attempt to access it.
+ *
+ * @return {LocalStorage}
+ * @api private
+ */
+
+function localstorage() {
+  try {
+    return window.localStorage;
+  } catch (e) {}
+}
+
+
+/***/ },
+
+/***/ "../../node_modules/algoliasearch/node_modules/debug/src/debug.js"
+/*!************************************************************************!*\
+  !*** ../../node_modules/algoliasearch/node_modules/debug/src/debug.js ***!
+  \************************************************************************/
+(module, exports, __webpack_require__) {
+
+
+/**
+ * This is the common logic for both the Node.js and web browser
+ * implementations of `debug()`.
+ *
+ * Expose `debug()` as the module.
+ */
+
+exports = module.exports = createDebug.debug = createDebug['default'] = createDebug;
+exports.coerce = coerce;
+exports.disable = disable;
+exports.enable = enable;
+exports.enabled = enabled;
+exports.humanize = __webpack_require__(/*! ms */ "../../node_modules/algoliasearch/node_modules/ms/index.js");
+
+/**
+ * The currently active debug mode names, and names to skip.
+ */
+
+exports.names = [];
+exports.skips = [];
+
+/**
+ * Map of special "%n" handling functions, for the debug "format" argument.
+ *
+ * Valid key names are a single, lower or upper-case letter, i.e. "n" and "N".
+ */
+
+exports.formatters = {};
+
+/**
+ * Previous log timestamp.
+ */
+
+var prevTime;
+
+/**
+ * Select a color.
+ * @param {String} namespace
+ * @return {Number}
+ * @api private
+ */
+
+function selectColor(namespace) {
+  var hash = 0, i;
+
+  for (i in namespace) {
+    hash  = ((hash << 5) - hash) + namespace.charCodeAt(i);
+    hash |= 0; // Convert to 32bit integer
+  }
+
+  return exports.colors[Math.abs(hash) % exports.colors.length];
+}
+
+/**
+ * Create a debugger with the given `namespace`.
+ *
+ * @param {String} namespace
+ * @return {Function}
+ * @api public
+ */
+
+function createDebug(namespace) {
+
+  function debug() {
+    // disabled?
+    if (!debug.enabled) return;
+
+    var self = debug;
+
+    // set `diff` timestamp
+    var curr = +new Date();
+    var ms = curr - (prevTime || curr);
+    self.diff = ms;
+    self.prev = prevTime;
+    self.curr = curr;
+    prevTime = curr;
+
+    // turn the `arguments` into a proper Array
+    var args = new Array(arguments.length);
+    for (var i = 0; i < args.length; i++) {
+      args[i] = arguments[i];
+    }
+
+    args[0] = exports.coerce(args[0]);
+
+    if ('string' !== typeof args[0]) {
+      // anything else let's inspect with %O
+      args.unshift('%O');
+    }
+
+    // apply any `formatters` transformations
+    var index = 0;
+    args[0] = args[0].replace(/%([a-zA-Z%])/g, function(match, format) {
+      // if we encounter an escaped % then don't increase the array index
+      if (match === '%%') return match;
+      index++;
+      var formatter = exports.formatters[format];
+      if ('function' === typeof formatter) {
+        var val = args[index];
+        match = formatter.call(self, val);
+
+        // now we need to remove `args[index]` since it's inlined in the `format`
+        args.splice(index, 1);
+        index--;
+      }
+      return match;
+    });
+
+    // apply env-specific formatting (colors, etc.)
+    exports.formatArgs.call(self, args);
+
+    var logFn = debug.log || exports.log || console.log.bind(console);
+    logFn.apply(self, args);
+  }
+
+  debug.namespace = namespace;
+  debug.enabled = exports.enabled(namespace);
+  debug.useColors = exports.useColors();
+  debug.color = selectColor(namespace);
+
+  // env-specific initialization logic for debug instances
+  if ('function' === typeof exports.init) {
+    exports.init(debug);
+  }
+
+  return debug;
+}
+
+/**
+ * Enables a debug mode by namespaces. This can include modes
+ * separated by a colon and wildcards.
+ *
+ * @param {String} namespaces
+ * @api public
+ */
+
+function enable(namespaces) {
+  exports.save(namespaces);
+
+  exports.names = [];
+  exports.skips = [];
+
+  var split = (typeof namespaces === 'string' ? namespaces : '').split(/[\s,]+/);
+  var len = split.length;
+
+  for (var i = 0; i < len; i++) {
+    if (!split[i]) continue; // ignore empty strings
+    namespaces = split[i].replace(/\*/g, '.*?');
+    if (namespaces[0] === '-') {
+      exports.skips.push(new RegExp('^' + namespaces.substr(1) + '$'));
+    } else {
+      exports.names.push(new RegExp('^' + namespaces + '$'));
+    }
+  }
+}
+
+/**
+ * Disable debug output.
+ *
+ * @api public
+ */
+
+function disable() {
+  exports.enable('');
+}
+
+/**
+ * Returns true if the given mode name is enabled, false otherwise.
+ *
+ * @param {String} name
+ * @return {Boolean}
+ * @api public
+ */
+
+function enabled(name) {
+  var i, len;
+  for (i = 0, len = exports.skips.length; i < len; i++) {
+    if (exports.skips[i].test(name)) {
+      return false;
+    }
+  }
+  for (i = 0, len = exports.names.length; i < len; i++) {
+    if (exports.names[i].test(name)) {
+      return true;
+    }
+  }
+  return false;
+}
+
+/**
+ * Coerce `val`.
+ *
+ * @param {Mixed} val
+ * @return {Mixed}
+ * @api private
+ */
+
+function coerce(val) {
+  if (val instanceof Error) return val.stack || val.message;
+  return val;
+}
+
+
+/***/ },
+
+/***/ "../../node_modules/algoliasearch/node_modules/ms/index.js"
+/*!*****************************************************************!*\
+  !*** ../../node_modules/algoliasearch/node_modules/ms/index.js ***!
+  \*****************************************************************/
+(module) {
+
+/**
+ * Helpers.
+ */
+
+var s = 1000;
+var m = s * 60;
+var h = m * 60;
+var d = h * 24;
+var y = d * 365.25;
+
+/**
+ * Parse or format the given `val`.
+ *
+ * Options:
+ *
+ *  - `long` verbose formatting [false]
+ *
+ * @param {String|Number} val
+ * @param {Object} [options]
+ * @throws {Error} throw an error if val is not a non-empty string or a number
+ * @return {String|Number}
+ * @api public
+ */
+
+module.exports = function(val, options) {
+  options = options || {};
+  var type = typeof val;
+  if (type === 'string' && val.length > 0) {
+    return parse(val);
+  } else if (type === 'number' && isNaN(val) === false) {
+    return options.long ? fmtLong(val) : fmtShort(val);
+  }
+  throw new Error(
+    'val is not a non-empty string or a valid number. val=' +
+      JSON.stringify(val)
+  );
+};
+
+/**
+ * Parse the given `str` and return milliseconds.
+ *
+ * @param {String} str
+ * @return {Number}
+ * @api private
+ */
+
+function parse(str) {
+  str = String(str);
+  if (str.length > 100) {
+    return;
+  }
+  var match = /^((?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(
+    str
+  );
+  if (!match) {
+    return;
+  }
+  var n = parseFloat(match[1]);
+  var type = (match[2] || 'ms').toLowerCase();
+  switch (type) {
+    case 'years':
+    case 'year':
+    case 'yrs':
+    case 'yr':
+    case 'y':
+      return n * y;
+    case 'days':
+    case 'day':
+    case 'd':
+      return n * d;
+    case 'hours':
+    case 'hour':
+    case 'hrs':
+    case 'hr':
+    case 'h':
+      return n * h;
+    case 'minutes':
+    case 'minute':
+    case 'mins':
+    case 'min':
+    case 'm':
+      return n * m;
+    case 'seconds':
+    case 'second':
+    case 'secs':
+    case 'sec':
+    case 's':
+      return n * s;
+    case 'milliseconds':
+    case 'millisecond':
+    case 'msecs':
+    case 'msec':
+    case 'ms':
+      return n;
+    default:
+      return undefined;
+  }
+}
+
+/**
+ * Short format for `ms`.
+ *
+ * @param {Number} ms
+ * @return {String}
+ * @api private
+ */
+
+function fmtShort(ms) {
+  if (ms >= d) {
+    return Math.round(ms / d) + 'd';
+  }
+  if (ms >= h) {
+    return Math.round(ms / h) + 'h';
+  }
+  if (ms >= m) {
+    return Math.round(ms / m) + 'm';
+  }
+  if (ms >= s) {
+    return Math.round(ms / s) + 's';
+  }
+  return ms + 'ms';
+}
+
+/**
+ * Long format for `ms`.
+ *
+ * @param {Number} ms
+ * @return {String}
+ * @api private
+ */
+
+function fmtLong(ms) {
+  return plural(ms, d, 'day') ||
+    plural(ms, h, 'hour') ||
+    plural(ms, m, 'minute') ||
+    plural(ms, s, 'second') ||
+    ms + ' ms';
+}
+
+/**
+ * Pluralization helper.
+ */
+
+function plural(ms, n, name) {
+  if (ms < n) {
+    return;
+  }
+  if (ms < n * 1.5) {
+    return Math.floor(ms / n) + ' ' + name;
+  }
+  return Math.ceil(ms / n) + ' ' + name + 's';
+}
+
+
+/***/ },
+
+/***/ "../../node_modules/algoliasearch/src/AlgoliaSearchCore.js"
+/*!*****************************************************************!*\
+  !*** ../../node_modules/algoliasearch/src/AlgoliaSearchCore.js ***!
+  \*****************************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+module.exports = AlgoliaSearchCore;
+
+var errors = __webpack_require__(/*! ./errors */ "../../node_modules/algoliasearch/src/errors.js");
+var exitPromise = __webpack_require__(/*! ./exitPromise.js */ "../../node_modules/algoliasearch/src/exitPromise.js");
+var IndexCore = __webpack_require__(/*! ./IndexCore.js */ "../../node_modules/algoliasearch/src/IndexCore.js");
+var store = __webpack_require__(/*! ./store.js */ "../../node_modules/algoliasearch/src/store.js");
+
+// We will always put the API KEY in the JSON body in case of too long API KEY,
+// to avoid query string being too long and failing in various conditions (our server limit, browser limit,
+// proxies limit)
+var MAX_API_KEY_LENGTH = 500;
+var RESET_APP_DATA_TIMER =
+  process.env.RESET_APP_DATA_TIMER && parseInt(process.env.RESET_APP_DATA_TIMER, 10) ||
+  60 * 2 * 1000; // after 2 minutes reset to first host
+
+/*
+ * Algolia Search library initialization
+ * https://www.algolia.com/
+ *
+ * @param {string} applicationID - Your applicationID, found in your dashboard
+ * @param {string} apiKey - Your API key, found in your dashboard
+ * @param {Object} [opts]
+ * @param {number} [opts.timeout=2000] - The request timeout set in milliseconds,
+ * another request will be issued after this timeout
+ * @param {string} [opts.protocol='https:'] - The protocol used to query Algolia Search API.
+ *                                        Set to 'http:' to force using http.
+ * @param {Object|Array} [opts.hosts={
+ *           read: [this.applicationID + '-dsn.algolia.net'].concat([
+ *             this.applicationID + '-1.algolianet.com',
+ *             this.applicationID + '-2.algolianet.com',
+ *             this.applicationID + '-3.algolianet.com']
+ *           ]),
+ *           write: [this.applicationID + '.algolia.net'].concat([
+ *             this.applicationID + '-1.algolianet.com',
+ *             this.applicationID + '-2.algolianet.com',
+ *             this.applicationID + '-3.algolianet.com']
+ *           ]) - The hosts to use for Algolia Search API.
+ *           If you provide them, you will less benefit from our HA implementation
+ */
+function AlgoliaSearchCore(applicationID, apiKey, opts) {
+  var debug = __webpack_require__(/*! debug */ "../../node_modules/algoliasearch/node_modules/debug/src/browser.js")('algoliasearch');
+
+  var clone = __webpack_require__(/*! ./clone.js */ "../../node_modules/algoliasearch/src/clone.js");
+  var isArray = __webpack_require__(/*! isarray */ "../../node_modules/isarray/index.js");
+  var map = __webpack_require__(/*! ./map.js */ "../../node_modules/algoliasearch/src/map.js");
+
+  var usage = 'Usage: algoliasearch(applicationID, apiKey, opts)';
+
+  if (opts._allowEmptyCredentials !== true && !applicationID) {
+    throw new errors.AlgoliaSearchError('Please provide an application ID. ' + usage);
+  }
+
+  if (opts._allowEmptyCredentials !== true && !apiKey) {
+    throw new errors.AlgoliaSearchError('Please provide an API key. ' + usage);
+  }
+
+  this.applicationID = applicationID;
+  this.apiKey = apiKey;
+
+  this.hosts = {
+    read: [],
+    write: []
+  };
+
+  opts = opts || {};
+
+  this._timeouts = opts.timeouts || {
+    connect: 1 * 1000, // 500ms connect is GPRS latency
+    read: 2 * 1000,
+    write: 30 * 1000
+  };
+
+  // backward compat, if opts.timeout is passed, we use it to configure all timeouts like before
+  if (opts.timeout) {
+    this._timeouts.connect = this._timeouts.read = this._timeouts.write = opts.timeout;
+  }
+
+  var protocol = opts.protocol || 'https:';
+  // while we advocate for colon-at-the-end values: 'http:' for `opts.protocol`
+  // we also accept `http` and `https`. It's a common error.
+  if (!/:$/.test(protocol)) {
+    protocol = protocol + ':';
+  }
+
+  if (protocol !== 'http:' && protocol !== 'https:') {
+    throw new errors.AlgoliaSearchError('protocol must be `http:` or `https:` (was `' + opts.protocol + '`)');
+  }
+
+  this._checkAppIdData();
+
+  if (!opts.hosts) {
+    var defaultHosts = map(this._shuffleResult, function(hostNumber) {
+      return applicationID + '-' + hostNumber + '.algolianet.com';
+    });
+
+    // no hosts given, compute defaults
+    var mainSuffix = (opts.dsn === false ? '' : '-dsn') + '.algolia.net';
+    this.hosts.read = [this.applicationID + mainSuffix].concat(defaultHosts);
+    this.hosts.write = [this.applicationID + '.algolia.net'].concat(defaultHosts);
+  } else if (isArray(opts.hosts)) {
+    // when passing custom hosts, we need to have a different host index if the number
+    // of write/read hosts are different.
+    this.hosts.read = clone(opts.hosts);
+    this.hosts.write = clone(opts.hosts);
+  } else {
+    this.hosts.read = clone(opts.hosts.read);
+    this.hosts.write = clone(opts.hosts.write);
+  }
+
+  // add protocol and lowercase hosts
+  this.hosts.read = map(this.hosts.read, prepareHost(protocol));
+  this.hosts.write = map(this.hosts.write, prepareHost(protocol));
+
+  this.extraHeaders = {};
+
+  // In some situations you might want to warm the cache
+  this.cache = opts._cache || {};
+
+  this._ua = opts._ua;
+  this._useCache = opts._useCache === undefined || opts._cache ? true : opts._useCache;
+  this._useRequestCache = this._useCache && opts._useRequestCache;
+  this._useFallback = opts.useFallback === undefined ? true : opts.useFallback;
+
+  this._setTimeout = opts._setTimeout;
+
+  debug('init done, %j', this);
+}
+
+/*
+ * Get the index object initialized
+ *
+ * @param indexName the name of index
+ * @param callback the result callback with one argument (the Index instance)
+ */
+AlgoliaSearchCore.prototype.initIndex = function(indexName) {
+  return new IndexCore(this, indexName);
+};
+
+/**
+* Add an extra field to the HTTP request
+*
+* @param name the header field name
+* @param value the header field value
+*/
+AlgoliaSearchCore.prototype.setExtraHeader = function(name, value) {
+  this.extraHeaders[name.toLowerCase()] = value;
+};
+
+/**
+* Get the value of an extra HTTP header
+*
+* @param name the header field name
+*/
+AlgoliaSearchCore.prototype.getExtraHeader = function(name) {
+  return this.extraHeaders[name.toLowerCase()];
+};
+
+/**
+* Remove an extra field from the HTTP request
+*
+* @param name the header field name
+*/
+AlgoliaSearchCore.prototype.unsetExtraHeader = function(name) {
+  delete this.extraHeaders[name.toLowerCase()];
+};
+
+/**
+* Augment sent x-algolia-agent with more data, each agent part
+* is automatically separated from the others by a semicolon;
+*
+* @param algoliaAgent the agent to add
+*/
+AlgoliaSearchCore.prototype.addAlgoliaAgent = function(algoliaAgent) {
+  var algoliaAgentWithDelimiter = '; ' + algoliaAgent;
+
+  if (this._ua.indexOf(algoliaAgentWithDelimiter) === -1) {
+    this._ua += algoliaAgentWithDelimiter;
+  }
+};
+
+/*
+ * Wrapper that try all hosts to maximize the quality of service
+ */
+AlgoliaSearchCore.prototype._jsonRequest = function(initialOpts) {
+  this._checkAppIdData();
+
+  var requestDebug = __webpack_require__(/*! debug */ "../../node_modules/algoliasearch/node_modules/debug/src/browser.js")('algoliasearch:' + initialOpts.url);
+
+
+  var body;
+  var cacheID;
+  var additionalUA = initialOpts.additionalUA || '';
+  var cache = initialOpts.cache;
+  var client = this;
+  var tries = 0;
+  var usingFallback = false;
+  var hasFallback = client._useFallback && client._request.fallback && initialOpts.fallback;
+  var headers;
+
+  if (
+    this.apiKey.length > MAX_API_KEY_LENGTH &&
+    initialOpts.body !== undefined &&
+    (initialOpts.body.params !== undefined || // index.search()
+    initialOpts.body.requests !== undefined) // client.search()
+  ) {
+    initialOpts.body.apiKey = this.apiKey;
+    headers = this._computeRequestHeaders({
+      additionalUA: additionalUA,
+      withApiKey: false,
+      headers: initialOpts.headers
+    });
+  } else {
+    headers = this._computeRequestHeaders({
+      additionalUA: additionalUA,
+      headers: initialOpts.headers
+    });
+  }
+
+  if (initialOpts.body !== undefined) {
+    body = safeJSONStringify(initialOpts.body);
+  }
+
+  requestDebug('request start');
+  var debugData = [];
+
+
+  function doRequest(requester, reqOpts) {
+    client._checkAppIdData();
+
+    var startTime = new Date();
+
+    if (client._useCache && !client._useRequestCache) {
+      cacheID = initialOpts.url;
+    }
+
+    // as we sometime use POST requests to pass parameters (like query='aa'),
+    // the cacheID must also include the body to be different between calls
+    if (client._useCache && !client._useRequestCache && body) {
+      cacheID += '_body_' + reqOpts.body;
+    }
+
+    // handle cache existence
+    if (isCacheValidWithCurrentID(!client._useRequestCache, cache, cacheID)) {
+      requestDebug('serving response from cache');
+
+      var responseText = cache[cacheID];
+
+      // Cache response must match the type of the original one
+      return client._promise.resolve({
+        body: JSON.parse(responseText),
+        responseText: responseText
+      });
+    }
+
+    // if we reached max tries
+    if (tries >= client.hosts[initialOpts.hostType].length) {
+      if (!hasFallback || usingFallback) {
+        requestDebug('could not get any response');
+        // then stop
+        return client._promise.reject(new errors.AlgoliaSearchError(
+          'Cannot connect to the AlgoliaSearch API.' +
+          ' Send an email to support@algolia.com to report and resolve the issue.' +
+          ' Application id was: ' + client.applicationID, {debugData: debugData}
+        ));
+      }
+
+      requestDebug('switching to fallback');
+
+      // let's try the fallback starting from here
+      tries = 0;
+
+      // method, url and body are fallback dependent
+      reqOpts.method = initialOpts.fallback.method;
+      reqOpts.url = initialOpts.fallback.url;
+      reqOpts.jsonBody = initialOpts.fallback.body;
+      if (reqOpts.jsonBody) {
+        reqOpts.body = safeJSONStringify(reqOpts.jsonBody);
+      }
+      // re-compute headers, they could be omitting the API KEY
+      headers = client._computeRequestHeaders({
+        additionalUA: additionalUA,
+        headers: initialOpts.headers
+      });
+
+      reqOpts.timeouts = client._getTimeoutsForRequest(initialOpts.hostType);
+      client._setHostIndexByType(0, initialOpts.hostType);
+      usingFallback = true; // the current request is now using fallback
+      return doRequest(client._request.fallback, reqOpts);
+    }
+
+    var currentHost = client._getHostByType(initialOpts.hostType);
+
+    var url = currentHost + reqOpts.url;
+    var options = {
+      body: reqOpts.body,
+      jsonBody: reqOpts.jsonBody,
+      method: reqOpts.method,
+      headers: headers,
+      timeouts: reqOpts.timeouts,
+      debug: requestDebug,
+      forceAuthHeaders: reqOpts.forceAuthHeaders
+    };
+
+    requestDebug('method: %s, url: %s, headers: %j, timeouts: %d',
+      options.method, url, options.headers, options.timeouts);
+
+    if (requester === client._request.fallback) {
+      requestDebug('using fallback');
+    }
+
+    // `requester` is any of this._request or this._request.fallback
+    // thus it needs to be called using the client as context
+    return requester.call(client, url, options).then(success, tryFallback);
+
+    function success(httpResponse) {
+      // compute the status of the response,
+      //
+      // When in browser mode, using XDR or JSONP, we have no statusCode available
+      // So we rely on our API response `status` property.
+      // But `waitTask` can set a `status` property which is not the statusCode (it's the task status)
+      // So we check if there's a `message` along `status` and it means it's an error
+      //
+      // That's the only case where we have a response.status that's not the http statusCode
+      var status = httpResponse && httpResponse.body && httpResponse.body.message && httpResponse.body.status ||
+
+        // this is important to check the request statusCode AFTER the body eventual
+        // statusCode because some implementations (jQuery XDomainRequest transport) may
+        // send statusCode 200 while we had an error
+        httpResponse.statusCode ||
+
+        // When in browser mode, using XDR or JSONP
+        // we default to success when no error (no response.status && response.message)
+        // If there was a JSON.parse() error then body is null and it fails
+        httpResponse && httpResponse.body && 200;
+
+      requestDebug('received response: statusCode: %s, computed statusCode: %d, headers: %j',
+        httpResponse.statusCode, status, httpResponse.headers);
+
+      var httpResponseOk = Math.floor(status / 100) === 2;
+
+      var endTime = new Date();
+      debugData.push({
+        currentHost: currentHost,
+        headers: removeCredentials(headers),
+        content: body || null,
+        contentLength: body !== undefined ? body.length : null,
+        method: reqOpts.method,
+        timeouts: reqOpts.timeouts,
+        url: reqOpts.url,
+        startTime: startTime,
+        endTime: endTime,
+        duration: endTime - startTime,
+        statusCode: status
+      });
+
+      if (httpResponseOk) {
+        if (client._useCache && !client._useRequestCache && cache) {
+          cache[cacheID] = httpResponse.responseText;
+        }
+
+        return {
+          responseText: httpResponse.responseText,
+          body: httpResponse.body
+        };
+      }
+
+      var shouldRetry = Math.floor(status / 100) !== 4;
+
+      if (shouldRetry) {
+        tries += 1;
+        return retryRequest();
+      }
+
+      requestDebug('unrecoverable error');
+
+      // no success and no retry => fail
+      var unrecoverableError = new errors.AlgoliaSearchError(
+        httpResponse.body && httpResponse.body.message, {debugData: debugData, statusCode: status}
+      );
+
+      return client._promise.reject(unrecoverableError);
+    }
+
+    function tryFallback(err) {
+      // error cases:
+      //  While not in fallback mode:
+      //    - CORS not supported
+      //    - network error
+      //  While in fallback mode:
+      //    - timeout
+      //    - network error
+      //    - badly formatted JSONP (script loaded, did not call our callback)
+      //  In both cases:
+      //    - uncaught exception occurs (TypeError)
+      requestDebug('error: %s, stack: %s', err.message, err.stack);
+
+      var endTime = new Date();
+      debugData.push({
+        currentHost: currentHost,
+        headers: removeCredentials(headers),
+        content: body || null,
+        contentLength: body !== undefined ? body.length : null,
+        method: reqOpts.method,
+        timeouts: reqOpts.timeouts,
+        url: reqOpts.url,
+        startTime: startTime,
+        endTime: endTime,
+        duration: endTime - startTime
+      });
+
+      if (!(err instanceof errors.AlgoliaSearchError)) {
+        err = new errors.Unknown(err && err.message, err);
+      }
+
+      tries += 1;
+
+      // stop the request implementation when:
+      if (
+        // we did not generate this error,
+        // it comes from a throw in some other piece of code
+        err instanceof errors.Unknown ||
+
+        // server sent unparsable JSON
+        err instanceof errors.UnparsableJSON ||
+
+        // max tries and already using fallback or no fallback
+        tries >= client.hosts[initialOpts.hostType].length &&
+        (usingFallback || !hasFallback)) {
+        // stop request implementation for this command
+        err.debugData = debugData;
+        return client._promise.reject(err);
+      }
+
+      // When a timeout occurred, retry by raising timeout
+      if (err instanceof errors.RequestTimeout) {
+        return retryRequestWithHigherTimeout();
+      }
+
+      return retryRequest();
+    }
+
+    function retryRequest() {
+      requestDebug('retrying request');
+      client._incrementHostIndex(initialOpts.hostType);
+      return doRequest(requester, reqOpts);
+    }
+
+    function retryRequestWithHigherTimeout() {
+      requestDebug('retrying request with higher timeout');
+      client._incrementHostIndex(initialOpts.hostType);
+      client._incrementTimeoutMultipler();
+      reqOpts.timeouts = client._getTimeoutsForRequest(initialOpts.hostType);
+      return doRequest(requester, reqOpts);
+    }
+  }
+
+  function isCacheValidWithCurrentID(
+    useRequestCache,
+    currentCache,
+    currentCacheID
+  ) {
+    return (
+      client._useCache &&
+      useRequestCache &&
+      currentCache &&
+      currentCache[currentCacheID] !== undefined
+    );
+  }
+
+
+  function interopCallbackReturn(request, callback) {
+    if (isCacheValidWithCurrentID(client._useRequestCache, cache, cacheID)) {
+      request.catch(function() {
+        // Release the cache on error
+        delete cache[cacheID];
+      });
+    }
+
+    if (typeof initialOpts.callback === 'function') {
+      // either we have a callback
+      request.then(function okCb(content) {
+        exitPromise(function() {
+          initialOpts.callback(null, callback(content));
+        }, client._setTimeout || setTimeout);
+      }, function nookCb(err) {
+        exitPromise(function() {
+          initialOpts.callback(err);
+        }, client._setTimeout || setTimeout);
+      });
+    } else {
+      // either we are using promises
+      return request.then(callback);
+    }
+  }
+
+  if (client._useCache && client._useRequestCache) {
+    cacheID = initialOpts.url;
+  }
+
+  // as we sometime use POST requests to pass parameters (like query='aa'),
+  // the cacheID must also include the body to be different between calls
+  if (client._useCache && client._useRequestCache && body) {
+    cacheID += '_body_' + body;
+  }
+
+  if (isCacheValidWithCurrentID(client._useRequestCache, cache, cacheID)) {
+    requestDebug('serving request from cache');
+
+    var maybePromiseForCache = cache[cacheID];
+
+    // In case the cache is warmup with value that is not a promise
+    var promiseForCache = typeof maybePromiseForCache.then !== 'function'
+      ? client._promise.resolve({responseText: maybePromiseForCache})
+      : maybePromiseForCache;
+
+    return interopCallbackReturn(promiseForCache, function(content) {
+      // In case of the cache request, return the original value
+      return JSON.parse(content.responseText);
+    });
+  }
+
+  var request = doRequest(
+    client._request, {
+      url: initialOpts.url,
+      method: initialOpts.method,
+      body: body,
+      jsonBody: initialOpts.body,
+      timeouts: client._getTimeoutsForRequest(initialOpts.hostType),
+      forceAuthHeaders: initialOpts.forceAuthHeaders
+    }
+  );
+
+  if (client._useCache && client._useRequestCache && cache) {
+    cache[cacheID] = request;
+  }
+
+  return interopCallbackReturn(request, function(content) {
+    // In case of the first request, return the JSON value
+    return content.body;
+  });
+};
+
+/*
+* Transform search param object in query string
+* @param {object} args arguments to add to the current query string
+* @param {string} params current query string
+* @return {string} the final query string
+*/
+AlgoliaSearchCore.prototype._getSearchParams = function(args, params) {
+  if (args === undefined || args === null) {
+    return params;
+  }
+  for (var key in args) {
+    if (key !== null && args[key] !== undefined && args.hasOwnProperty(key)) {
+      params += params === '' ? '' : '&';
+      params += key + '=' + encodeURIComponent(Object.prototype.toString.call(args[key]) === '[object Array]' ? safeJSONStringify(args[key]) : args[key]);
+    }
+  }
+  return params;
+};
+
+/**
+ * Compute the headers for a request
+ *
+ * @param [string] options.additionalUA semi-colon separated string with other user agents to add
+ * @param [boolean=true] options.withApiKey Send the api key as a header
+ * @param [Object] options.headers Extra headers to send
+ */
+AlgoliaSearchCore.prototype._computeRequestHeaders = function(options) {
+  var forEach = __webpack_require__(/*! foreach */ "../../node_modules/foreach/index.js");
+
+  var ua = options.additionalUA ?
+    this._ua + '; ' + options.additionalUA :
+    this._ua;
+
+  var requestHeaders = {
+    'x-algolia-agent': ua,
+    'x-algolia-application-id': this.applicationID
+  };
+
+  // browser will inline headers in the url, node.js will use http headers
+  // but in some situations, the API KEY will be too long (big secured API keys)
+  // so if the request is a POST and the KEY is very long, we will be asked to not put
+  // it into headers but in the JSON body
+  if (options.withApiKey !== false) {
+    requestHeaders['x-algolia-api-key'] = this.apiKey;
+  }
+
+  if (this.userToken) {
+    requestHeaders['x-algolia-usertoken'] = this.userToken;
+  }
+
+  if (this.securityTags) {
+    requestHeaders['x-algolia-tagfilters'] = this.securityTags;
+  }
+
+  forEach(this.extraHeaders, function addToRequestHeaders(value, key) {
+    requestHeaders[key] = value;
+  });
+
+  if (options.headers) {
+    forEach(options.headers, function addToRequestHeaders(value, key) {
+      requestHeaders[key] = value;
+    });
+  }
+
+  return requestHeaders;
+};
+
+/**
+ * Search through multiple indices at the same time
+ * @param  {Object[]}   queries  An array of queries you want to run.
+ * @param {string} queries[].indexName The index name you want to target
+ * @param {string} [queries[].query] The query to issue on this index. Can also be passed into `params`
+ * @param {Object} queries[].params Any search param like hitsPerPage, ..
+ * @param  {Function} callback Callback to be called
+ * @return {Promise|undefined} Returns a promise if no callback given
+ */
+AlgoliaSearchCore.prototype.search = function(queries, opts, callback) {
+  var isArray = __webpack_require__(/*! isarray */ "../../node_modules/isarray/index.js");
+  var map = __webpack_require__(/*! ./map.js */ "../../node_modules/algoliasearch/src/map.js");
+
+  var usage = 'Usage: client.search(arrayOfQueries[, callback])';
+
+  if (!isArray(queries)) {
+    throw new Error(usage);
+  }
+
+  if (typeof opts === 'function') {
+    callback = opts;
+    opts = {};
+  } else if (opts === undefined) {
+    opts = {};
+  }
+
+  var client = this;
+
+  var postObj = {
+    requests: map(queries, function prepareRequest(query) {
+      var params = '';
+
+      // allow query.query
+      // so we are mimicing the index.search(query, params) method
+      // {indexName:, query:, params:}
+      if (query.query !== undefined) {
+        params += 'query=' + encodeURIComponent(query.query);
+      }
+
+      return {
+        indexName: query.indexName,
+        params: client._getSearchParams(query.params, params)
+      };
+    })
+  };
+
+  var JSONPParams = map(postObj.requests, function prepareJSONPParams(request, requestId) {
+    return requestId + '=' +
+      encodeURIComponent(
+        '/1/indexes/' + encodeURIComponent(request.indexName) + '?' +
+        request.params
+      );
+  }).join('&');
+
+  var url = '/1/indexes/*/queries';
+
+  if (opts.strategy !== undefined) {
+    postObj.strategy = opts.strategy;
+  }
+
+  return this._jsonRequest({
+    cache: this.cache,
+    method: 'POST',
+    url: url,
+    body: postObj,
+    hostType: 'read',
+    fallback: {
+      method: 'GET',
+      url: '/1/indexes/*',
+      body: {
+        params: JSONPParams
+      }
+    },
+    callback: callback
+  });
+};
+
+/**
+* Search for facet values
+* https://www.algolia.com/doc/rest-api/search#search-for-facet-values
+* This is the top-level API for SFFV.
+*
+* @param {object[]} queries An array of queries to run.
+* @param {string} queries[].indexName Index name, name of the index to search.
+* @param {object} queries[].params Query parameters.
+* @param {string} queries[].params.facetName Facet name, name of the attribute to search for values in.
+* Must be declared as a facet
+* @param {string} queries[].params.facetQuery Query for the facet search
+* @param {string} [queries[].params.*] Any search parameter of Algolia,
+* see https://www.algolia.com/doc/api-client/javascript/search#search-parameters
+* Pagination is not supported. The page and hitsPerPage parameters will be ignored.
+*/
+AlgoliaSearchCore.prototype.searchForFacetValues = function(queries) {
+  var isArray = __webpack_require__(/*! isarray */ "../../node_modules/isarray/index.js");
+  var map = __webpack_require__(/*! ./map.js */ "../../node_modules/algoliasearch/src/map.js");
+
+  var usage = 'Usage: client.searchForFacetValues([{indexName, params: {facetName, facetQuery, ...params}}, ...queries])'; // eslint-disable-line max-len
+
+  if (!isArray(queries)) {
+    throw new Error(usage);
+  }
+
+  var client = this;
+
+  return client._promise.all(map(queries, function performQuery(query) {
+    if (
+      !query ||
+      query.indexName === undefined ||
+      query.params.facetName === undefined ||
+      query.params.facetQuery === undefined
+    ) {
+      throw new Error(usage);
+    }
+
+    var clone = __webpack_require__(/*! ./clone.js */ "../../node_modules/algoliasearch/src/clone.js");
+    var omit = __webpack_require__(/*! ./omit.js */ "../../node_modules/algoliasearch/src/omit.js");
+
+    var indexName = query.indexName;
+    var params = query.params;
+
+    var facetName = params.facetName;
+    var filteredParams = omit(clone(params), function(keyName) {
+      return keyName === 'facetName';
+    });
+    var searchParameters = client._getSearchParams(filteredParams, '');
+
+    return client._jsonRequest({
+      cache: client.cache,
+      method: 'POST',
+      url:
+        '/1/indexes/' +
+        encodeURIComponent(indexName) +
+        '/facets/' +
+        encodeURIComponent(facetName) +
+        '/query',
+      hostType: 'read',
+      body: {params: searchParameters}
+    });
+  }));
+};
+
+/**
+ * Set the extra security tagFilters header
+ * @param {string|array} tags The list of tags defining the current security filters
+ */
+AlgoliaSearchCore.prototype.setSecurityTags = function(tags) {
+  if (Object.prototype.toString.call(tags) === '[object Array]') {
+    var strTags = [];
+    for (var i = 0; i < tags.length; ++i) {
+      if (Object.prototype.toString.call(tags[i]) === '[object Array]') {
+        var oredTags = [];
+        for (var j = 0; j < tags[i].length; ++j) {
+          oredTags.push(tags[i][j]);
+        }
+        strTags.push('(' + oredTags.join(',') + ')');
+      } else {
+        strTags.push(tags[i]);
+      }
+    }
+    tags = strTags.join(',');
+  }
+
+  this.securityTags = tags;
+};
+
+/**
+ * Set the extra user token header
+ * @param {string} userToken The token identifying a uniq user (used to apply rate limits)
+ */
+AlgoliaSearchCore.prototype.setUserToken = function(userToken) {
+  this.userToken = userToken;
+};
+
+/**
+ * Clear all queries in client's cache
+ * @return undefined
+ */
+AlgoliaSearchCore.prototype.clearCache = function() {
+  this.cache = {};
+};
+
+/**
+* Set the number of milliseconds a request can take before automatically being terminated.
+* @deprecated
+* @param {Number} milliseconds
+*/
+AlgoliaSearchCore.prototype.setRequestTimeout = function(milliseconds) {
+  if (milliseconds) {
+    this._timeouts.connect = this._timeouts.read = this._timeouts.write = milliseconds;
+  }
+};
+
+/**
+* Set the three different (connect, read, write) timeouts to be used when requesting
+* @param {Object} timeouts
+*/
+AlgoliaSearchCore.prototype.setTimeouts = function(timeouts) {
+  this._timeouts = timeouts;
+};
+
+/**
+* Get the three different (connect, read, write) timeouts to be used when requesting
+* @param {Object} timeouts
+*/
+AlgoliaSearchCore.prototype.getTimeouts = function() {
+  return this._timeouts;
+};
+
+AlgoliaSearchCore.prototype._getAppIdData = function() {
+  var data = store.get(this.applicationID);
+  if (data !== null) this._cacheAppIdData(data);
+  return data;
+};
+
+AlgoliaSearchCore.prototype._setAppIdData = function(data) {
+  data.lastChange = (new Date()).getTime();
+  this._cacheAppIdData(data);
+  return store.set(this.applicationID, data);
+};
+
+AlgoliaSearchCore.prototype._checkAppIdData = function() {
+  var data = this._getAppIdData();
+  var now = (new Date()).getTime();
+  if (data === null || now - data.lastChange > RESET_APP_DATA_TIMER) {
+    return this._resetInitialAppIdData(data);
+  }
+
+  return data;
+};
+
+AlgoliaSearchCore.prototype._resetInitialAppIdData = function(data) {
+  var newData = data || {};
+  newData.hostIndexes = {read: 0, write: 0};
+  newData.timeoutMultiplier = 1;
+  newData.shuffleResult = newData.shuffleResult || shuffle([1, 2, 3]);
+  return this._setAppIdData(newData);
+};
+
+AlgoliaSearchCore.prototype._cacheAppIdData = function(data) {
+  this._hostIndexes = data.hostIndexes;
+  this._timeoutMultiplier = data.timeoutMultiplier;
+  this._shuffleResult = data.shuffleResult;
+};
+
+AlgoliaSearchCore.prototype._partialAppIdDataUpdate = function(newData) {
+  var foreach = __webpack_require__(/*! foreach */ "../../node_modules/foreach/index.js");
+  var currentData = this._getAppIdData();
+  foreach(newData, function(value, key) {
+    currentData[key] = value;
+  });
+
+  return this._setAppIdData(currentData);
+};
+
+AlgoliaSearchCore.prototype._getHostByType = function(hostType) {
+  return this.hosts[hostType][this._getHostIndexByType(hostType)];
+};
+
+AlgoliaSearchCore.prototype._getTimeoutMultiplier = function() {
+  return this._timeoutMultiplier;
+};
+
+AlgoliaSearchCore.prototype._getHostIndexByType = function(hostType) {
+  return this._hostIndexes[hostType];
+};
+
+AlgoliaSearchCore.prototype._setHostIndexByType = function(hostIndex, hostType) {
+  var clone = __webpack_require__(/*! ./clone */ "../../node_modules/algoliasearch/src/clone.js");
+  var newHostIndexes = clone(this._hostIndexes);
+  newHostIndexes[hostType] = hostIndex;
+  this._partialAppIdDataUpdate({hostIndexes: newHostIndexes});
+  return hostIndex;
+};
+
+AlgoliaSearchCore.prototype._incrementHostIndex = function(hostType) {
+  return this._setHostIndexByType(
+    (this._getHostIndexByType(hostType) + 1) % this.hosts[hostType].length, hostType
+  );
+};
+
+AlgoliaSearchCore.prototype._incrementTimeoutMultipler = function() {
+  var timeoutMultiplier = Math.max(this._timeoutMultiplier + 1, 4);
+  return this._partialAppIdDataUpdate({timeoutMultiplier: timeoutMultiplier});
+};
+
+AlgoliaSearchCore.prototype._getTimeoutsForRequest = function(hostType) {
+  return {
+    connect: this._timeouts.connect * this._timeoutMultiplier,
+    complete: this._timeouts[hostType] * this._timeoutMultiplier
+  };
+};
+
+function prepareHost(protocol) {
+  return function prepare(host) {
+    return protocol + '//' + host.toLowerCase();
+  };
+}
+
+// Prototype.js < 1.7, a widely used library, defines a weird
+// Array.prototype.toJSON function that will fail to stringify our content
+// appropriately
+// refs:
+//   - https://groups.google.com/forum/#!topic/prototype-core/E-SAVvV_V9Q
+//   - https://github.com/sstephenson/prototype/commit/038a2985a70593c1a86c230fadbdfe2e4898a48c
+//   - http://stackoverflow.com/a/3148441/147079
+function safeJSONStringify(obj) {
+  /* eslint no-extend-native:0 */
+
+  if (Array.prototype.toJSON === undefined) {
+    return JSON.stringify(obj);
+  }
+
+  var toJSON = Array.prototype.toJSON;
+  delete Array.prototype.toJSON;
+  var out = JSON.stringify(obj);
+  Array.prototype.toJSON = toJSON;
+
+  return out;
+}
+
+function shuffle(array) {
+  var currentIndex = array.length;
+  var temporaryValue;
+  var randomIndex;
+
+  // While there remain elements to shuffle...
+  while (currentIndex !== 0) {
+    // Pick a remaining element...
+    randomIndex = Math.floor(Math.random() * currentIndex);
+    currentIndex -= 1;
+
+    // And swap it with the current element.
+    temporaryValue = array[currentIndex];
+    array[currentIndex] = array[randomIndex];
+    array[randomIndex] = temporaryValue;
+  }
+
+  return array;
+}
+
+function removeCredentials(headers) {
+  var newHeaders = {};
+
+  for (var headerName in headers) {
+    if (Object.prototype.hasOwnProperty.call(headers, headerName)) {
+      var value;
+
+      if (headerName === 'x-algolia-api-key' || headerName === 'x-algolia-application-id') {
+        value = '**hidden for security purposes**';
+      } else {
+        value = headers[headerName];
+      }
+
+      newHeaders[headerName] = value;
+    }
+  }
+
+  return newHeaders;
+}
+
+
+/***/ },
+
+/***/ "../../node_modules/algoliasearch/src/IndexCore.js"
+/*!*********************************************************!*\
+  !*** ../../node_modules/algoliasearch/src/IndexCore.js ***!
+  \*********************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+var buildSearchMethod = __webpack_require__(/*! ./buildSearchMethod.js */ "../../node_modules/algoliasearch/src/buildSearchMethod.js");
+var deprecate = __webpack_require__(/*! ./deprecate.js */ "../../node_modules/algoliasearch/src/deprecate.js");
+var deprecatedMessage = __webpack_require__(/*! ./deprecatedMessage.js */ "../../node_modules/algoliasearch/src/deprecatedMessage.js");
+
+module.exports = IndexCore;
+
+/*
+* Index class constructor.
+* You should not use this method directly but use initIndex() function
+*/
+function IndexCore(algoliasearch, indexName) {
+  this.indexName = indexName;
+  this.as = algoliasearch;
+  this.typeAheadArgs = null;
+  this.typeAheadValueOption = null;
+
+  // make sure every index instance has it's own cache
+  this.cache = {};
+}
+
+/*
+* Clear all queries in cache
+*/
+IndexCore.prototype.clearCache = function() {
+  this.cache = {};
+};
+
+/*
+* Search inside the index using XMLHttpRequest request (Using a POST query to
+* minimize number of OPTIONS queries: Cross-Origin Resource Sharing).
+*
+* @param {string} [query] the full text query
+* @param {object} [args] (optional) if set, contains an object with query parameters:
+* - page: (integer) Pagination parameter used to select the page to retrieve.
+*                   Page is zero-based and defaults to 0. Thus,
+*                   to retrieve the 10th page you need to set page=9
+* - hitsPerPage: (integer) Pagination parameter used to select the number of hits per page. Defaults to 20.
+* - attributesToRetrieve: a string that contains the list of object attributes
+* you want to retrieve (let you minimize the answer size).
+*   Attributes are separated with a comma (for example "name,address").
+*   You can also use an array (for example ["name","address"]).
+*   By default, all attributes are retrieved. You can also use '*' to retrieve all
+*   values when an attributesToRetrieve setting is specified for your index.
+* - attributesToHighlight: a string that contains the list of attributes you
+*   want to highlight according to the query.
+*   Attributes are separated by a comma. You can also use an array (for example ["name","address"]).
+*   If an attribute has no match for the query, the raw value is returned.
+*   By default all indexed text attributes are highlighted.
+*   You can use `*` if you want to highlight all textual attributes.
+*   Numerical attributes are not highlighted.
+*   A matchLevel is returned for each highlighted attribute and can contain:
+*      - full: if all the query terms were found in the attribute,
+*      - partial: if only some of the query terms were found,
+*      - none: if none of the query terms were found.
+* - attributesToSnippet: a string that contains the list of attributes to snippet alongside
+* the number of words to return (syntax is `attributeName:nbWords`).
+*    Attributes are separated by a comma (Example: attributesToSnippet=name:10,content:10).
+*    You can also use an array (Example: attributesToSnippet: ['name:10','content:10']).
+*    By default no snippet is computed.
+* - minWordSizefor1Typo: the minimum number of characters in a query word to accept one typo in this word.
+* Defaults to 3.
+* - minWordSizefor2Typos: the minimum number of characters in a query word
+* to accept two typos in this word. Defaults to 7.
+* - getRankingInfo: if set to 1, the result hits will contain ranking
+* information in _rankingInfo attribute.
+* - aroundLatLng: search for entries around a given
+* latitude/longitude (specified as two floats separated by a comma).
+*   For example aroundLatLng=47.316669,5.016670).
+*   You can specify the maximum distance in meters with the aroundRadius parameter (in meters)
+*   and the precision for ranking with aroundPrecision
+*   (for example if you set aroundPrecision=100, two objects that are distant of
+*   less than 100m will be considered as identical for "geo" ranking parameter).
+*   At indexing, you should specify geoloc of an object with the _geoloc attribute
+*   (in the form {"_geoloc":{"lat":48.853409, "lng":2.348800}})
+* - insideBoundingBox: search entries inside a given area defined by the two extreme points
+* of a rectangle (defined by 4 floats: p1Lat,p1Lng,p2Lat,p2Lng).
+*   For example insideBoundingBox=47.3165,4.9665,47.3424,5.0201).
+*   At indexing, you should specify geoloc of an object with the _geoloc attribute
+*   (in the form {"_geoloc":{"lat":48.853409, "lng":2.348800}})
+* - numericFilters: a string that contains the list of numeric filters you want to
+* apply separated by a comma.
+*   The syntax of one filter is `attributeName` followed by `operand` followed by `value`.
+*   Supported operands are `<`, `<=`, `=`, `>` and `>=`.
+*   You can have multiple conditions on one attribute like for example numericFilters=price>100,price<1000.
+*   You can also use an array (for example numericFilters: ["price>100","price<1000"]).
+* - tagFilters: filter the query by a set of tags. You can AND tags by separating them by commas.
+*   To OR tags, you must add parentheses. For example, tags=tag1,(tag2,tag3) means tag1 AND (tag2 OR tag3).
+*   You can also use an array, for example tagFilters: ["tag1",["tag2","tag3"]]
+*   means tag1 AND (tag2 OR tag3).
+*   At indexing, tags should be added in the _tags** attribute
+*   of objects (for example {"_tags":["tag1","tag2"]}).
+* - facetFilters: filter the query by a list of facets.
+*   Facets are separated by commas and each facet is encoded as `attributeName:value`.
+*   For example: `facetFilters=category:Book,author:John%20Doe`.
+*   You can also use an array (for example `["category:Book","author:John%20Doe"]`).
+* - facets: List of object attributes that you want to use for faceting.
+*   Comma separated list: `"category,author"` or array `['category','author']`
+*   Only attributes that have been added in **attributesForFaceting** index setting
+*   can be used in this parameter.
+*   You can also use `*` to perform faceting on all attributes specified in **attributesForFaceting**.
+* - queryType: select how the query words are interpreted, it can be one of the following value:
+*    - prefixAll: all query words are interpreted as prefixes,
+*    - prefixLast: only the last word is interpreted as a prefix (default behavior),
+*    - prefixNone: no query word is interpreted as a prefix. This option is not recommended.
+* - optionalWords: a string that contains the list of words that should
+* be considered as optional when found in the query.
+*   Comma separated and array are accepted.
+* - distinct: If set to 1, enable the distinct feature (disabled by default)
+* if the attributeForDistinct index setting is set.
+*   This feature is similar to the SQL "distinct" keyword: when enabled
+*   in a query with the distinct=1 parameter,
+*   all hits containing a duplicate value for the attributeForDistinct attribute are removed from results.
+*   For example, if the chosen attribute is show_name and several hits have
+*   the same value for show_name, then only the best
+*   one is kept and others are removed.
+* - restrictSearchableAttributes: List of attributes you want to use for
+* textual search (must be a subset of the attributesToIndex index setting)
+* either comma separated or as an array
+* @param {function} [callback] the result callback called with two arguments:
+*  error: null or Error('message'). If false, the content contains the error.
+*  content: the server answer that contains the list of results.
+*/
+IndexCore.prototype.search = buildSearchMethod('query');
+
+/*
+* -- BETA --
+* Search a record similar to the query inside the index using XMLHttpRequest request (Using a POST query to
+* minimize number of OPTIONS queries: Cross-Origin Resource Sharing).
+*
+* @param {string} [query] the similar query
+* @param {object} [args] (optional) if set, contains an object with query parameters.
+*   All search parameters are supported (see search function), restrictSearchableAttributes and facetFilters
+*   are the two most useful to restrict the similar results and get more relevant content
+*/
+IndexCore.prototype.similarSearch = deprecate(
+  buildSearchMethod('similarQuery'),
+  deprecatedMessage(
+    'index.similarSearch(query[, callback])',
+    'index.search({ similarQuery: query }[, callback])'
+  )
+);
+
+/*
+* Browse index content. The response content will have a `cursor` property that you can use
+* to browse subsequent pages for this query. Use `index.browseFrom(cursor)` when you want.
+*
+* @param {string} query - The full text query
+* @param {Object} [queryParameters] - Any search query parameter
+* @param {Function} [callback] - The result callback called with two arguments
+*   error: null or Error('message')
+*   content: the server answer with the browse result
+* @return {Promise|undefined} Returns a promise if no callback given
+* @example
+* index.browse('cool songs', {
+*   tagFilters: 'public,comments',
+*   hitsPerPage: 500
+* }, callback);
+* @see {@link https://www.algolia.com/doc/rest_api#Browse|Algolia REST API Documentation}
+*/
+IndexCore.prototype.browse = function(query, queryParameters, callback) {
+  var merge = __webpack_require__(/*! ./merge.js */ "../../node_modules/algoliasearch/src/merge.js");
+
+  var indexObj = this;
+
+  var page;
+  var hitsPerPage;
+
+  // we check variadic calls that are not the one defined
+  // .browse()/.browse(fn)
+  // => page = 0
+  if (arguments.length === 0 || arguments.length === 1 && typeof arguments[0] === 'function') {
+    page = 0;
+    callback = arguments[0];
+    query = undefined;
+  } else if (typeof arguments[0] === 'number') {
+    // .browse(2)/.browse(2, 10)/.browse(2, fn)/.browse(2, 10, fn)
+    page = arguments[0];
+    if (typeof arguments[1] === 'number') {
+      hitsPerPage = arguments[1];
+    } else if (typeof arguments[1] === 'function') {
+      callback = arguments[1];
+      hitsPerPage = undefined;
+    }
+    query = undefined;
+    queryParameters = undefined;
+  } else if (typeof arguments[0] === 'object') {
+    // .browse(queryParameters)/.browse(queryParameters, cb)
+    if (typeof arguments[1] === 'function') {
+      callback = arguments[1];
+    }
+    queryParameters = arguments[0];
+    query = undefined;
+  } else if (typeof arguments[0] === 'string' && typeof arguments[1] === 'function') {
+    // .browse(query, cb)
+    callback = arguments[1];
+    queryParameters = undefined;
+  }
+
+  // otherwise it's a .browse(query)/.browse(query, queryParameters)/.browse(query, queryParameters, cb)
+
+  // get search query parameters combining various possible calls
+  // to .browse();
+  queryParameters = merge({}, queryParameters || {}, {
+    page: page,
+    hitsPerPage: hitsPerPage,
+    query: query
+  });
+
+  var params = this.as._getSearchParams(queryParameters, '');
+
+  return this.as._jsonRequest({
+    method: 'POST',
+    url: '/1/indexes/' + encodeURIComponent(indexObj.indexName) + '/browse',
+    body: {params: params},
+    hostType: 'read',
+    callback: callback
+  });
+};
+
+/*
+* Continue browsing from a previous position (cursor), obtained via a call to `.browse()`.
+*
+* @param {string} query - The full text query
+* @param {Object} [queryParameters] - Any search query parameter
+* @param {Function} [callback] - The result callback called with two arguments
+*   error: null or Error('message')
+*   content: the server answer with the browse result
+* @return {Promise|undefined} Returns a promise if no callback given
+* @example
+* index.browseFrom('14lkfsakl32', callback);
+* @see {@link https://www.algolia.com/doc/rest_api#Browse|Algolia REST API Documentation}
+*/
+IndexCore.prototype.browseFrom = function(cursor, callback) {
+  return this.as._jsonRequest({
+    method: 'POST',
+    url: '/1/indexes/' + encodeURIComponent(this.indexName) + '/browse',
+    body: {cursor: cursor},
+    hostType: 'read',
+    callback: callback
+  });
+};
+
+/*
+* Search for facet values
+* https://www.algolia.com/doc/rest-api/search#search-for-facet-values
+*
+* @param {string} params.facetName Facet name, name of the attribute to search for values in.
+* Must be declared as a facet
+* @param {string} params.facetQuery Query for the facet search
+* @param {string} [params.*] Any search parameter of Algolia,
+* see https://www.algolia.com/doc/api-client/javascript/search#search-parameters
+* Pagination is not supported. The page and hitsPerPage parameters will be ignored.
+* @param callback (optional)
+*/
+IndexCore.prototype.searchForFacetValues = function(params, callback) {
+  var clone = __webpack_require__(/*! ./clone.js */ "../../node_modules/algoliasearch/src/clone.js");
+  var omit = __webpack_require__(/*! ./omit.js */ "../../node_modules/algoliasearch/src/omit.js");
+  var usage = 'Usage: index.searchForFacetValues({facetName, facetQuery, ...params}[, callback])';
+
+  if (params.facetName === undefined || params.facetQuery === undefined) {
+    throw new Error(usage);
+  }
+
+  var facetName = params.facetName;
+  var filteredParams = omit(clone(params), function(keyName) {
+    return keyName === 'facetName';
+  });
+  var searchParameters = this.as._getSearchParams(filteredParams, '');
+
+  return this.as._jsonRequest({
+    method: 'POST',
+    url: '/1/indexes/' +
+      encodeURIComponent(this.indexName) + '/facets/' + encodeURIComponent(facetName) + '/query',
+    hostType: 'read',
+    body: {params: searchParameters},
+    callback: callback
+  });
+};
+
+IndexCore.prototype.searchFacet = deprecate(function(params, callback) {
+  return this.searchForFacetValues(params, callback);
+}, deprecatedMessage(
+  'index.searchFacet(params[, callback])',
+  'index.searchForFacetValues(params[, callback])'
+));
+
+IndexCore.prototype._search = function(params, url, callback, additionalUA) {
+  return this.as._jsonRequest({
+    cache: this.cache,
+    method: 'POST',
+    url: url || '/1/indexes/' + encodeURIComponent(this.indexName) + '/query',
+    body: {params: params},
+    hostType: 'read',
+    fallback: {
+      method: 'GET',
+      url: '/1/indexes/' + encodeURIComponent(this.indexName),
+      body: {params: params}
+    },
+    callback: callback,
+    additionalUA: additionalUA
+  });
+};
+
+/*
+* Get an object from this index
+*
+* @param objectID the unique identifier of the object to retrieve
+* @param attrs (optional) if set, contains the array of attribute names to retrieve
+* @param callback (optional) the result callback called with two arguments
+*  error: null or Error('message')
+*  content: the object to retrieve or the error message if a failure occurred
+*/
+IndexCore.prototype.getObject = function(objectID, attrs, callback) {
+  var indexObj = this;
+
+  if (arguments.length === 1 || typeof attrs === 'function') {
+    callback = attrs;
+    attrs = undefined;
+  }
+
+  var params = '';
+  if (attrs !== undefined) {
+    params = '?attributes=';
+    for (var i = 0; i < attrs.length; ++i) {
+      if (i !== 0) {
+        params += ',';
+      }
+      params += attrs[i];
+    }
+  }
+
+  return this.as._jsonRequest({
+    method: 'GET',
+    url: '/1/indexes/' + encodeURIComponent(indexObj.indexName) + '/' + encodeURIComponent(objectID) + params,
+    hostType: 'read',
+    callback: callback
+  });
+};
+
+/*
+* Get several objects from this index
+*
+* @param objectIDs the array of unique identifier of objects to retrieve
+*/
+IndexCore.prototype.getObjects = function(objectIDs, attributesToRetrieve, callback) {
+  var isArray = __webpack_require__(/*! isarray */ "../../node_modules/isarray/index.js");
+  var map = __webpack_require__(/*! ./map.js */ "../../node_modules/algoliasearch/src/map.js");
+
+  var usage = 'Usage: index.getObjects(arrayOfObjectIDs[, callback])';
+
+  if (!isArray(objectIDs)) {
+    throw new Error(usage);
+  }
+
+  var indexObj = this;
+
+  if (arguments.length === 1 || typeof attributesToRetrieve === 'function') {
+    callback = attributesToRetrieve;
+    attributesToRetrieve = undefined;
+  }
+
+  var body = {
+    requests: map(objectIDs, function prepareRequest(objectID) {
+      var request = {
+        indexName: indexObj.indexName,
+        objectID: objectID
+      };
+
+      if (attributesToRetrieve) {
+        request.attributesToRetrieve = attributesToRetrieve.join(',');
+      }
+
+      return request;
+    })
+  };
+
+  return this.as._jsonRequest({
+    method: 'POST',
+    url: '/1/indexes/*/objects',
+    hostType: 'read',
+    body: body,
+    callback: callback
+  });
+};
+
+IndexCore.prototype.as = null;
+IndexCore.prototype.indexName = null;
+IndexCore.prototype.typeAheadArgs = null;
+IndexCore.prototype.typeAheadValueOption = null;
+
+
+/***/ },
+
+/***/ "../../node_modules/algoliasearch/src/browser/builds/algoliasearchLite.js"
+/*!********************************************************************************!*\
+  !*** ../../node_modules/algoliasearch/src/browser/builds/algoliasearchLite.js ***!
+  \********************************************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+
+var AlgoliaSearchCore = __webpack_require__(/*! ../../AlgoliaSearchCore.js */ "../../node_modules/algoliasearch/src/AlgoliaSearchCore.js");
+var createAlgoliasearch = __webpack_require__(/*! ../createAlgoliasearch.js */ "../../node_modules/algoliasearch/src/browser/createAlgoliasearch.js");
+
+module.exports = createAlgoliasearch(AlgoliaSearchCore, 'Browser (lite)');
+
+
+/***/ },
+
+/***/ "../../node_modules/algoliasearch/src/browser/createAlgoliasearch.js"
+/*!***************************************************************************!*\
+  !*** ../../node_modules/algoliasearch/src/browser/createAlgoliasearch.js ***!
+  \***************************************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+
+var global = __webpack_require__(/*! global */ "../../node_modules/global/window.js");
+var Promise = global.Promise || (__webpack_require__(/*! es6-promise */ "../../node_modules/es6-promise/dist/es6-promise.js").Promise);
+
+// This is the standalone browser build entry point
+// Browser implementation of the Algolia Search JavaScript client,
+// using XMLHttpRequest, XDomainRequest and JSONP as fallback
+module.exports = function createAlgoliasearch(AlgoliaSearch, uaSuffix) {
+  var inherits = __webpack_require__(/*! inherits */ "../../node_modules/inherits/inherits_browser.js");
+  var errors = __webpack_require__(/*! ../errors */ "../../node_modules/algoliasearch/src/errors.js");
+  var inlineHeaders = __webpack_require__(/*! ./inline-headers */ "../../node_modules/algoliasearch/src/browser/inline-headers.js");
+  var jsonpRequest = __webpack_require__(/*! ./jsonp-request */ "../../node_modules/algoliasearch/src/browser/jsonp-request.js");
+  var places = __webpack_require__(/*! ../places.js */ "../../node_modules/algoliasearch/src/places.js");
+  uaSuffix = uaSuffix || '';
+
+  if (false) // removed by dead control flow
+{}
+
+  function algoliasearch(applicationID, apiKey, opts) {
+    var cloneDeep = __webpack_require__(/*! ../clone.js */ "../../node_modules/algoliasearch/src/clone.js");
+
+    opts = cloneDeep(opts || {});
+
+    opts._ua = opts._ua || algoliasearch.ua;
+
+    return new AlgoliaSearchBrowser(applicationID, apiKey, opts);
+  }
+
+  algoliasearch.version = __webpack_require__(/*! ../version.js */ "../../node_modules/algoliasearch/src/version.js");
+
+  algoliasearch.ua =
+    'Algolia for JavaScript (' + algoliasearch.version + '); ' + uaSuffix;
+
+  algoliasearch.initPlaces = places(algoliasearch);
+
+  // we expose into window no matter how we are used, this will allow
+  // us to easily debug any website running algolia
+  global.__algolia = {
+    debug: __webpack_require__(/*! debug */ "../../node_modules/algoliasearch/node_modules/debug/src/browser.js"),
+    algoliasearch: algoliasearch
+  };
+
+  var support = {
+    hasXMLHttpRequest: 'XMLHttpRequest' in global,
+    hasXDomainRequest: 'XDomainRequest' in global
+  };
+
+  if (support.hasXMLHttpRequest) {
+    support.cors = 'withCredentials' in new XMLHttpRequest();
+  }
+
+  function AlgoliaSearchBrowser() {
+    // call AlgoliaSearch constructor
+    AlgoliaSearch.apply(this, arguments);
+  }
+
+  inherits(AlgoliaSearchBrowser, AlgoliaSearch);
+
+  AlgoliaSearchBrowser.prototype._request = function request(url, opts) {
+    return new Promise(function wrapRequest(resolve, reject) {
+      // no cors or XDomainRequest, no request
+      if (!support.cors && !support.hasXDomainRequest) {
+        // very old browser, not supported
+        reject(new errors.Network('CORS not supported'));
+        return;
+      }
+
+      url = inlineHeaders(url, opts.headers);
+
+      var body = opts.body;
+      var req = support.cors ? new XMLHttpRequest() : new XDomainRequest();
+      var reqTimeout;
+      var timedOut;
+      var connected = false;
+
+      reqTimeout = setTimeout(onTimeout, opts.timeouts.connect);
+      // we set an empty onprogress listener
+      // so that XDomainRequest on IE9 is not aborted
+      // refs:
+      //  - https://github.com/algolia/algoliasearch-client-js/issues/76
+      //  - https://social.msdn.microsoft.com/Forums/ie/en-US/30ef3add-767c-4436-b8a9-f1ca19b4812e/ie9-rtm-xdomainrequest-issued-requests-may-abort-if-all-event-handlers-not-specified?forum=iewebdevelopment
+      req.onprogress = onProgress;
+      if ('onreadystatechange' in req) req.onreadystatechange = onReadyStateChange;
+      req.onload = onLoad;
+      req.onerror = onError;
+
+      // do not rely on default XHR async flag, as some analytics code like hotjar
+      // breaks it and set it to false by default
+      if (req instanceof XMLHttpRequest) {
+        req.open(opts.method, url, true);
+
+        // The Analytics API never accepts Auth headers as query string
+        // this option exists specifically for them.
+        if (opts.forceAuthHeaders) {
+          req.setRequestHeader(
+            'x-algolia-application-id',
+            opts.headers['x-algolia-application-id']
+          );
+          req.setRequestHeader(
+            'x-algolia-api-key',
+            opts.headers['x-algolia-api-key']
+          );
+        }
+      } else {
+        req.open(opts.method, url);
+      }
+
+      // headers are meant to be sent after open
+      if (support.cors) {
+        if (body) {
+          if (opts.method === 'POST') {
+            // https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS#Simple_requests
+            req.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
+          } else {
+            req.setRequestHeader('content-type', 'application/json');
+          }
+        }
+        req.setRequestHeader('accept', 'application/json');
+      }
+
+      if (body) {
+        req.send(body);
+      } else {
+        req.send();
+      }
+
+      // event object not received in IE8, at least
+      // but we do not use it, still important to note
+      function onLoad(/* event */) {
+        // When browser does not supports req.timeout, we can
+        // have both a load and timeout event, since handled by a dumb setTimeout
+        if (timedOut) {
+          return;
+        }
+
+        clearTimeout(reqTimeout);
+
+        var out;
+
+        try {
+          out = {
+            body: JSON.parse(req.responseText),
+            responseText: req.responseText,
+            statusCode: req.status,
+            // XDomainRequest does not have any response headers
+            headers: req.getAllResponseHeaders && req.getAllResponseHeaders() || {}
+          };
+        } catch (e) {
+          out = new errors.UnparsableJSON({
+            more: req.responseText
+          });
+        }
+
+        if (out instanceof errors.UnparsableJSON) {
+          reject(out);
+        } else {
+          resolve(out);
+        }
+      }
+
+      function onError(event) {
+        if (timedOut) {
+          return;
+        }
+
+        clearTimeout(reqTimeout);
+
+        // error event is trigerred both with XDR/XHR on:
+        //   - DNS error
+        //   - unallowed cross domain request
+        reject(
+          new errors.Network({
+            more: event
+          })
+        );
+      }
+
+      function onTimeout() {
+        timedOut = true;
+        req.abort();
+
+        reject(new errors.RequestTimeout());
+      }
+
+      function onConnect() {
+        connected = true;
+        clearTimeout(reqTimeout);
+        reqTimeout = setTimeout(onTimeout, opts.timeouts.complete);
+      }
+
+      function onProgress() {
+        if (!connected) onConnect();
+      }
+
+      function onReadyStateChange() {
+        if (!connected && req.readyState > 1) onConnect();
+      }
+    });
+  };
+
+  AlgoliaSearchBrowser.prototype._request.fallback = function requestFallback(url, opts) {
+    url = inlineHeaders(url, opts.headers);
+
+    return new Promise(function wrapJsonpRequest(resolve, reject) {
+      jsonpRequest(url, opts, function jsonpRequestDone(err, content) {
+        if (err) {
+          reject(err);
+          return;
+        }
+
+        resolve(content);
+      });
+    });
+  };
+
+  AlgoliaSearchBrowser.prototype._promise = {
+    reject: function rejectPromise(val) {
+      return Promise.reject(val);
+    },
+    resolve: function resolvePromise(val) {
+      return Promise.resolve(val);
+    },
+    delay: function delayPromise(ms) {
+      return new Promise(function resolveOnTimeout(resolve/* , reject*/) {
+        setTimeout(resolve, ms);
+      });
+    },
+    all: function all(promises) {
+      return Promise.all(promises);
+    }
+  };
+
+  return algoliasearch;
+};
+
+
+/***/ },
+
+/***/ "../../node_modules/algoliasearch/src/browser/inline-headers.js"
+/*!**********************************************************************!*\
+  !*** ../../node_modules/algoliasearch/src/browser/inline-headers.js ***!
+  \**********************************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+
+module.exports = inlineHeaders;
+
+var encode = __webpack_require__(/*! querystring-es3/encode */ "../../node_modules/querystring-es3/encode.js");
+
+function inlineHeaders(url, headers) {
+  if (/\?/.test(url)) {
+    url += '&';
+  } else {
+    url += '?';
+  }
+
+  return url + encode(headers);
+}
+
+
+/***/ },
+
+/***/ "../../node_modules/algoliasearch/src/browser/jsonp-request.js"
+/*!*********************************************************************!*\
+  !*** ../../node_modules/algoliasearch/src/browser/jsonp-request.js ***!
+  \*********************************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+
+module.exports = jsonpRequest;
+
+var errors = __webpack_require__(/*! ../errors */ "../../node_modules/algoliasearch/src/errors.js");
+
+var JSONPCounter = 0;
+
+function jsonpRequest(url, opts, cb) {
+  if (opts.method !== 'GET') {
+    cb(new Error('Method ' + opts.method + ' ' + url + ' is not supported by JSONP.'));
+    return;
+  }
+
+  opts.debug('JSONP: start');
+
+  var cbCalled = false;
+  var timedOut = false;
+
+  JSONPCounter += 1;
+  var head = document.getElementsByTagName('head')[0];
+  var script = document.createElement('script');
+  var cbName = 'algoliaJSONP_' + JSONPCounter;
+  var done = false;
+
+  window[cbName] = function(data) {
+    removeGlobals();
+
+    if (timedOut) {
+      opts.debug('JSONP: Late answer, ignoring');
+      return;
+    }
+
+    cbCalled = true;
+
+    clean();
+
+    cb(null, {
+      body: data,
+      responseText: JSON.stringify(data)/* ,
+      // We do not send the statusCode, there's no statusCode in JSONP, it will be
+      // computed using data.status && data.message like with XDR
+      statusCode*/
+    });
+  };
+
+  // add callback by hand
+  url += '&callback=' + cbName;
+
+  // add body params manually
+  if (opts.jsonBody && opts.jsonBody.params) {
+    url += '&' + opts.jsonBody.params;
+  }
+
+  var ontimeout = setTimeout(timeout, opts.timeouts.complete);
+
+  // script onreadystatechange needed only for
+  // <= IE8
+  // https://github.com/angular/angular.js/issues/4523
+  script.onreadystatechange = readystatechange;
+  script.onload = success;
+  script.onerror = error;
+
+  script.async = true;
+  script.defer = true;
+  script.src = url;
+  head.appendChild(script);
+
+  function success() {
+    opts.debug('JSONP: success');
+
+    if (done || timedOut) {
+      return;
+    }
+
+    done = true;
+
+    // script loaded but did not call the fn => script loading error
+    if (!cbCalled) {
+      opts.debug('JSONP: Fail. Script loaded but did not call the callback');
+      clean();
+      cb(new errors.JSONPScriptFail());
+    }
+  }
+
+  function readystatechange() {
+    if (this.readyState === 'loaded' || this.readyState === 'complete') {
+      success();
+    }
+  }
+
+  function clean() {
+    clearTimeout(ontimeout);
+    script.onload = null;
+    script.onreadystatechange = null;
+    script.onerror = null;
+    head.removeChild(script);
+  }
+
+  function removeGlobals() {
+    try {
+      delete window[cbName];
+      delete window[cbName + '_loaded'];
+    } catch (e) {
+      window[cbName] = window[cbName + '_loaded'] = undefined;
+    }
+  }
+
+  function timeout() {
+    opts.debug('JSONP: Script timeout');
+    timedOut = true;
+    clean();
+    cb(new errors.RequestTimeout());
+  }
+
+  function error() {
+    opts.debug('JSONP: Script error');
+
+    if (done || timedOut) {
+      return;
+    }
+
+    clean();
+    cb(new errors.JSONPScriptError());
+  }
+}
+
+
+/***/ },
+
+/***/ "../../node_modules/algoliasearch/src/buildSearchMethod.js"
+/*!*****************************************************************!*\
+  !*** ../../node_modules/algoliasearch/src/buildSearchMethod.js ***!
+  \*****************************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+module.exports = buildSearchMethod;
+
+var errors = __webpack_require__(/*! ./errors.js */ "../../node_modules/algoliasearch/src/errors.js");
+
+/**
+ * Creates a search method to be used in clients
+ * @param {string} queryParam the name of the attribute used for the query
+ * @param {string} url the url
+ * @return {function} the search method
+ */
+function buildSearchMethod(queryParam, url) {
+  /**
+   * The search method. Prepares the data and send the query to Algolia.
+   * @param {string} query the string used for query search
+   * @param {object} args additional parameters to send with the search
+   * @param {function} [callback] the callback to be called with the client gets the answer
+   * @return {undefined|Promise} If the callback is not provided then this methods returns a Promise
+   */
+  return function search(query, args, callback) {
+    // warn V2 users on how to search
+    if (typeof query === 'function' && typeof args === 'object' ||
+      typeof callback === 'object') {
+      // .search(query, params, cb)
+      // .search(cb, params)
+      throw new errors.AlgoliaSearchError('index.search usage is index.search(query, params, cb)');
+    }
+
+    // Normalizing the function signature
+    if (arguments.length === 0 || typeof query === 'function') {
+      // Usage : .search(), .search(cb)
+      callback = query;
+      query = '';
+    } else if (arguments.length === 1 || typeof args === 'function') {
+      // Usage : .search(query/args), .search(query, cb)
+      callback = args;
+      args = undefined;
+    }
+    // At this point we have 3 arguments with values
+
+    // Usage : .search(args) // careful: typeof null === 'object'
+    if (typeof query === 'object' && query !== null) {
+      args = query;
+      query = undefined;
+    } else if (query === undefined || query === null) { // .search(undefined/null)
+      query = '';
+    }
+
+    var params = '';
+
+    if (query !== undefined) {
+      params += queryParam + '=' + encodeURIComponent(query);
+    }
+
+    var additionalUA;
+    if (args !== undefined) {
+      if (args.additionalUA) {
+        additionalUA = args.additionalUA;
+        delete args.additionalUA;
+      }
+      // `_getSearchParams` will augment params, do not be fooled by the = versus += from previous if
+      params = this.as._getSearchParams(args, params);
+    }
+
+
+    return this._search(params, url, callback, additionalUA);
+  };
+}
+
+
+/***/ },
+
+/***/ "../../node_modules/algoliasearch/src/clone.js"
+/*!*****************************************************!*\
+  !*** ../../node_modules/algoliasearch/src/clone.js ***!
+  \*****************************************************/
+(module) {
+
+module.exports = function clone(obj) {
+  return JSON.parse(JSON.stringify(obj));
+};
+
+
+/***/ },
+
+/***/ "../../node_modules/algoliasearch/src/deprecate.js"
+/*!*********************************************************!*\
+  !*** ../../node_modules/algoliasearch/src/deprecate.js ***!
+  \*********************************************************/
+(module) {
+
+module.exports = function deprecate(fn, message) {
+  var warned = false;
+
+  function deprecated() {
+    if (!warned) {
+      /* eslint no-console:0 */
+      console.warn(message);
+      warned = true;
+    }
+
+    return fn.apply(this, arguments);
+  }
+
+  return deprecated;
+};
+
+
+/***/ },
+
+/***/ "../../node_modules/algoliasearch/src/deprecatedMessage.js"
+/*!*****************************************************************!*\
+  !*** ../../node_modules/algoliasearch/src/deprecatedMessage.js ***!
+  \*****************************************************************/
+(module) {
+
+module.exports = function deprecatedMessage(previousUsage, newUsage) {
+  var githubAnchorLink = previousUsage.toLowerCase()
+    .replace(/[\.\(\)]/g, '');
+
+  return 'algoliasearch: `' + previousUsage + '` was replaced by `' + newUsage +
+    '`. Please see https://github.com/algolia/algoliasearch-client-javascript/wiki/Deprecated#' + githubAnchorLink;
+};
+
+
+/***/ },
+
+/***/ "../../node_modules/algoliasearch/src/errors.js"
+/*!******************************************************!*\
+  !*** ../../node_modules/algoliasearch/src/errors.js ***!
+  \******************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+
+// This file hosts our error definitions
+// We use custom error "types" so that we can act on them when we need it
+// e.g.: if error instanceof errors.UnparsableJSON then..
+
+var inherits = __webpack_require__(/*! inherits */ "../../node_modules/inherits/inherits_browser.js");
+
+function AlgoliaSearchError(message, extraProperties) {
+  var forEach = __webpack_require__(/*! foreach */ "../../node_modules/foreach/index.js");
+
+  var error = this;
+
+  // try to get a stacktrace
+  if (typeof Error.captureStackTrace === 'function') {
+    Error.captureStackTrace(this, this.constructor);
+  } else {
+    error.stack = (new Error()).stack || 'Cannot get a stacktrace, browser is too old';
+  }
+
+  this.name = 'AlgoliaSearchError';
+  this.message = message || 'Unknown error';
+
+  if (extraProperties) {
+    forEach(extraProperties, function addToErrorObject(value, key) {
+      error[key] = value;
+    });
+  }
+}
+
+inherits(AlgoliaSearchError, Error);
+
+function createCustomError(name, message) {
+  function AlgoliaSearchCustomError() {
+    var args = Array.prototype.slice.call(arguments, 0);
+
+    // custom message not set, use default
+    if (typeof args[0] !== 'string') {
+      args.unshift(message);
+    }
+
+    AlgoliaSearchError.apply(this, args);
+    this.name = 'AlgoliaSearch' + name + 'Error';
+  }
+
+  inherits(AlgoliaSearchCustomError, AlgoliaSearchError);
+
+  return AlgoliaSearchCustomError;
+}
+
+// late exports to let various fn defs and inherits take place
+module.exports = {
+  AlgoliaSearchError: AlgoliaSearchError,
+  UnparsableJSON: createCustomError(
+    'UnparsableJSON',
+    'Could not parse the incoming response as JSON, see err.more for details'
+  ),
+  RequestTimeout: createCustomError(
+    'RequestTimeout',
+    'Request timed out before getting a response'
+  ),
+  Network: createCustomError(
+    'Network',
+    'Network issue, see err.more for details'
+  ),
+  JSONPScriptFail: createCustomError(
+    'JSONPScriptFail',
+    '<script> was loaded but did not call our provided callback'
+  ),
+  ValidUntilNotFound: createCustomError(
+    'ValidUntilNotFound',
+    'The SecuredAPIKey does not have a validUntil parameter.'
+  ),
+  JSONPScriptError: createCustomError(
+    'JSONPScriptError',
+    '<script> unable to load due to an `error` event on it'
+  ),
+  ObjectNotFound: createCustomError(
+    'ObjectNotFound',
+    'Object not found'
+  ),
+  Unknown: createCustomError(
+    'Unknown',
+    'Unknown error occured'
+  )
+};
+
+
+/***/ },
+
+/***/ "../../node_modules/algoliasearch/src/exitPromise.js"
+/*!***********************************************************!*\
+  !*** ../../node_modules/algoliasearch/src/exitPromise.js ***!
+  \***********************************************************/
+(module) {
+
+// Parse cloud does not supports setTimeout
+// We do not store a setTimeout reference in the client everytime
+// We only fallback to a fake setTimeout when not available
+// setTimeout cannot be override globally sadly
+module.exports = function exitPromise(fn, _setTimeout) {
+  _setTimeout(fn, 0);
+};
+
+
+/***/ },
+
+/***/ "../../node_modules/algoliasearch/src/map.js"
+/*!***************************************************!*\
+  !*** ../../node_modules/algoliasearch/src/map.js ***!
+  \***************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+var foreach = __webpack_require__(/*! foreach */ "../../node_modules/foreach/index.js");
+
+module.exports = function map(arr, fn) {
+  var newArr = [];
+  foreach(arr, function(item, itemIndex) {
+    newArr.push(fn(item, itemIndex, arr));
+  });
+  return newArr;
+};
+
+
+/***/ },
+
+/***/ "../../node_modules/algoliasearch/src/merge.js"
+/*!*****************************************************!*\
+  !*** ../../node_modules/algoliasearch/src/merge.js ***!
+  \*****************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+var foreach = __webpack_require__(/*! foreach */ "../../node_modules/foreach/index.js");
+
+module.exports = function merge(destination/* , sources */) {
+  var sources = Array.prototype.slice.call(arguments);
+
+  foreach(sources, function(source) {
+    for (var keyName in source) {
+      if (source.hasOwnProperty(keyName)) {
+        if (typeof destination[keyName] === 'object' && typeof source[keyName] === 'object') {
+          destination[keyName] = merge({}, destination[keyName], source[keyName]);
+        } else if (source[keyName] !== undefined) {
+          destination[keyName] = source[keyName];
+        }
+      }
+    }
+  });
+
+  return destination;
+};
+
+
+/***/ },
+
+/***/ "../../node_modules/algoliasearch/src/omit.js"
+/*!****************************************************!*\
+  !*** ../../node_modules/algoliasearch/src/omit.js ***!
+  \****************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+module.exports = function omit(obj, test) {
+  var keys = __webpack_require__(/*! object-keys */ "../../node_modules/object-keys/index.js");
+  var foreach = __webpack_require__(/*! foreach */ "../../node_modules/foreach/index.js");
+
+  var filtered = {};
+
+  foreach(keys(obj), function doFilter(keyName) {
+    if (test(keyName) !== true) {
+      filtered[keyName] = obj[keyName];
+    }
+  });
+
+  return filtered;
+};
+
+
+/***/ },
+
+/***/ "../../node_modules/algoliasearch/src/places.js"
+/*!******************************************************!*\
+  !*** ../../node_modules/algoliasearch/src/places.js ***!
+  \******************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+module.exports = createPlacesClient;
+
+var qs3 = __webpack_require__(/*! querystring-es3 */ "../../node_modules/querystring-es3/index.js");
+var buildSearchMethod = __webpack_require__(/*! ./buildSearchMethod.js */ "../../node_modules/algoliasearch/src/buildSearchMethod.js");
+
+function createPlacesClient(algoliasearch) {
+  return function places(appID, apiKey, opts) {
+    var cloneDeep = __webpack_require__(/*! ./clone.js */ "../../node_modules/algoliasearch/src/clone.js");
+
+    opts = opts && cloneDeep(opts) || {};
+    opts.hosts = opts.hosts || [
+      'places-dsn.algolia.net',
+      'places-1.algolianet.com',
+      'places-2.algolianet.com',
+      'places-3.algolianet.com'
+    ];
+
+    // allow initPlaces() no arguments => community rate limited
+    if (arguments.length === 0 || typeof appID === 'object' || appID === undefined) {
+      appID = '';
+      apiKey = '';
+      opts._allowEmptyCredentials = true;
+    }
+
+    var client = algoliasearch(appID, apiKey, opts);
+    var index = client.initIndex('places');
+    index.search = buildSearchMethod('query', '/1/places/query');
+    index.reverse = function(options, callback) {
+      var encoded = qs3.encode(options);
+
+      return this.as._jsonRequest({
+        method: 'GET',
+        url: '/1/places/reverse?' + encoded,
+        hostType: 'read',
+        callback: callback
+      });
+    };
+
+    index.getObject = function(objectID, callback) {
+      return this.as._jsonRequest({
+        method: 'GET',
+        url: '/1/places/' + encodeURIComponent(objectID),
+        hostType: 'read',
+        callback: callback
+      });
+    };
+    return index;
+  };
+}
+
+
+/***/ },
+
+/***/ "../../node_modules/algoliasearch/src/store.js"
+/*!*****************************************************!*\
+  !*** ../../node_modules/algoliasearch/src/store.js ***!
+  \*****************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+var debug = __webpack_require__(/*! debug */ "../../node_modules/algoliasearch/node_modules/debug/src/browser.js")('algoliasearch:src/hostIndexState.js');
+var localStorageNamespace = 'algoliasearch-client-js';
+
+var store;
+var moduleStore = {
+  state: {},
+  set: function(key, data) {
+    this.state[key] = data;
+    return this.state[key];
+  },
+  get: function(key) {
+    return this.state[key] || null;
+  }
+};
+
+var localStorageStore = {
+  set: function(key, data) {
+    moduleStore.set(key, data); // always replicate localStorageStore to moduleStore in case of failure
+
+    try {
+      var namespace = JSON.parse(globalThis.localStorage[localStorageNamespace]);
+      namespace[key] = data;
+      globalThis.localStorage[localStorageNamespace] = JSON.stringify(namespace);
+      return namespace[key];
+    } catch (e) {
+      return localStorageFailure(key, e);
+    }
+  },
+  get: function(key) {
+    try {
+      return JSON.parse(globalThis.localStorage[localStorageNamespace])[key] || null;
+    } catch (e) {
+      return localStorageFailure(key, e);
+    }
+  }
+};
+
+function localStorageFailure(key, e) {
+  debug('localStorage failed with', e);
+  cleanup();
+  store = moduleStore;
+  return store.get(key);
+}
+
+store = supportsLocalStorage() ? localStorageStore : moduleStore;
+
+module.exports = {
+  get: getOrSet,
+  set: getOrSet,
+  supportsLocalStorage: supportsLocalStorage
+};
+
+function getOrSet(key, data) {
+  if (arguments.length === 1) {
+    return store.get(key);
+  }
+
+  return store.set(key, data);
+}
+
+function supportsLocalStorage() {
+  try {
+    if ('localStorage' in globalThis &&
+      globalThis.localStorage !== null) {
+      if (!globalThis.localStorage[localStorageNamespace]) {
+        // actual creation of the namespace
+        globalThis.localStorage.setItem(localStorageNamespace, JSON.stringify({}));
+      }
+      return true;
+    }
+
+    return false;
+  } catch (_) {
+    return false;
+  }
+}
+
+// In case of any error on localStorage, we clean our own namespace, this should handle
+// quota errors when a lot of keys + data are used
+function cleanup() {
+  try {
+    globalThis.localStorage.removeItem(localStorageNamespace);
+  } catch (_) {
+    // nothing to do
+  }
+}
+
+
+/***/ },
+
+/***/ "../../node_modules/algoliasearch/src/version.js"
+/*!*******************************************************!*\
+  !*** ../../node_modules/algoliasearch/src/version.js ***!
+  \*******************************************************/
+(module) {
+
+"use strict";
+
+
+module.exports = '3.35.1';
+
+
+/***/ },
+
+/***/ "../../node_modules/autocomplete.js/index.js"
+/*!***************************************************!*\
+  !*** ../../node_modules/autocomplete.js/index.js ***!
+  \***************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+
+module.exports = __webpack_require__(/*! ./src/standalone/ */ "../../node_modules/autocomplete.js/src/standalone/index.js");
+
+
+/***/ },
+
+/***/ "../../node_modules/autocomplete.js/src/autocomplete/css.js"
+/*!******************************************************************!*\
+  !*** ../../node_modules/autocomplete.js/src/autocomplete/css.js ***!
+  \******************************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+
+var _ = __webpack_require__(/*! ../common/utils.js */ "../../node_modules/autocomplete.js/src/common/utils.js");
+
+var css = {
+  wrapper: {
+    position: 'relative',
+    display: 'inline-block'
+  },
+  hint: {
+    position: 'absolute',
+    top: '0',
+    left: '0',
+    borderColor: 'transparent',
+    boxShadow: 'none',
+    // #741: fix hint opacity issue on iOS
+    opacity: '1'
+  },
+  input: {
+    position: 'relative',
+    verticalAlign: 'top',
+    backgroundColor: 'transparent'
+  },
+  inputWithNoHint: {
+    position: 'relative',
+    verticalAlign: 'top'
+  },
+  dropdown: {
+    position: 'absolute',
+    top: '100%',
+    left: '0',
+    zIndex: '100',
+    display: 'none'
+  },
+  suggestions: {
+    display: 'block'
+  },
+  suggestion: {
+    whiteSpace: 'nowrap',
+    cursor: 'pointer'
+  },
+  suggestionChild: {
+    whiteSpace: 'normal'
+  },
+  ltr: {
+    left: '0',
+    right: 'auto'
+  },
+  rtl: {
+    left: 'auto',
+    right: '0'
+  },
+  defaultClasses: {
+    root: 'algolia-autocomplete',
+    prefix: 'aa',
+    noPrefix: false,
+    dropdownMenu: 'dropdown-menu',
+    input: 'input',
+    hint: 'hint',
+    suggestions: 'suggestions',
+    suggestion: 'suggestion',
+    cursor: 'cursor',
+    dataset: 'dataset',
+    empty: 'empty'
+  },
+  // will be merged with the default ones if appendTo is used
+  appendTo: {
+    wrapper: {
+      position: 'absolute',
+      zIndex: '100',
+      display: 'none'
+    },
+    input: {},
+    inputWithNoHint: {},
+    dropdown: {
+      display: 'block'
+    }
+  }
+};
+
+// ie specific styling
+if (_.isMsie()) {
+  // ie6-8 (and 9?) doesn't fire hover and click events for elements with
+  // transparent backgrounds, for a workaround, use 1x1 transparent gif
+  _.mixin(css.input, {
+    backgroundImage: 'url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)'
+  });
+}
+
+// ie7 and under specific styling
+if (_.isMsie() && _.isMsie() <= 7) {
+  // if someone can tell me why this is necessary to align
+  // the hint with the query in ie7, i'll send you $5 - @JakeHarding
+  _.mixin(css.input, {marginTop: '-1px'});
+}
+
+module.exports = css;
+
+
+/***/ },
+
+/***/ "../../node_modules/autocomplete.js/src/autocomplete/dataset.js"
+/*!**********************************************************************!*\
+  !*** ../../node_modules/autocomplete.js/src/autocomplete/dataset.js ***!
+  \**********************************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+
+var datasetKey = 'aaDataset';
+var valueKey = 'aaValue';
+var datumKey = 'aaDatum';
+
+var _ = __webpack_require__(/*! ../common/utils.js */ "../../node_modules/autocomplete.js/src/common/utils.js");
+var DOM = __webpack_require__(/*! ../common/dom.js */ "../../node_modules/autocomplete.js/src/common/dom.js");
+var html = __webpack_require__(/*! ./html.js */ "../../node_modules/autocomplete.js/src/autocomplete/html.js");
+var css = __webpack_require__(/*! ./css.js */ "../../node_modules/autocomplete.js/src/autocomplete/css.js");
+var EventEmitter = __webpack_require__(/*! ./event_emitter.js */ "../../node_modules/autocomplete.js/src/autocomplete/event_emitter.js");
+
+// constructor
+// -----------
+
+function Dataset(o) {
+  o = o || {};
+  o.templates = o.templates || {};
+
+  if (!o.source) {
+    _.error('missing source');
+  }
+
+  if (o.name && !isValidName(o.name)) {
+    _.error('invalid dataset name: ' + o.name);
+  }
+
+  // tracks the last query the dataset was updated for
+  this.query = null;
+  this._isEmpty = true;
+
+  this.highlight = !!o.highlight;
+  this.name = typeof o.name === 'undefined' || o.name === null ? _.getUniqueId() : o.name;
+
+  this.source = o.source;
+  this.displayFn = getDisplayFn(o.display || o.displayKey);
+
+  this.debounce = o.debounce;
+
+  this.cache = o.cache !== false;
+
+  this.templates = getTemplates(o.templates, this.displayFn);
+
+  this.css = _.mixin({}, css, o.appendTo ? css.appendTo : {});
+  this.cssClasses = o.cssClasses = _.mixin({}, css.defaultClasses, o.cssClasses || {});
+  this.cssClasses.prefix =
+    o.cssClasses.formattedPrefix || _.formatPrefix(this.cssClasses.prefix, this.cssClasses.noPrefix);
+
+  var clazz = _.className(this.cssClasses.prefix, this.cssClasses.dataset);
+  this.$el = o.$menu && o.$menu.find(clazz + '-' + this.name).length > 0 ?
+    DOM.element(o.$menu.find(clazz + '-' + this.name)[0]) :
+    DOM.element(
+      html.dataset.replace('%CLASS%', this.name)
+        .replace('%PREFIX%', this.cssClasses.prefix)
+        .replace('%DATASET%', this.cssClasses.dataset)
+    );
+
+  this.$menu = o.$menu;
+  this.clearCachedSuggestions();
+}
+
+// static methods
+// --------------
+
+Dataset.extractDatasetName = function extractDatasetName(el) {
+  return DOM.element(el).data(datasetKey);
+};
+
+Dataset.extractValue = function extractValue(el) {
+  return DOM.element(el).data(valueKey);
+};
+
+Dataset.extractDatum = function extractDatum(el) {
+  var datum = DOM.element(el).data(datumKey);
+  if (typeof datum === 'string') {
+    // Zepto has an automatic deserialization of the
+    // JSON encoded data attribute
+    datum = JSON.parse(datum);
+  }
+  return datum;
+};
+
+// instance methods
+// ----------------
+
+_.mixin(Dataset.prototype, EventEmitter, {
+
+  // ### private
+
+  _render: function render(query, suggestions) {
+    if (!this.$el) {
+      return;
+    }
+    var that = this;
+
+    var hasSuggestions;
+    var renderArgs = [].slice.call(arguments, 2);
+    this.$el.empty();
+
+    hasSuggestions = suggestions && suggestions.length;
+    this._isEmpty = !hasSuggestions;
+
+    if (!hasSuggestions && this.templates.empty) {
+      this.$el
+        .html(getEmptyHtml.apply(this, renderArgs))
+        .prepend(that.templates.header ? getHeaderHtml.apply(this, renderArgs) : null)
+        .append(that.templates.footer ? getFooterHtml.apply(this, renderArgs) : null);
+    } else if (hasSuggestions) {
+      this.$el
+        .html(getSuggestionsHtml.apply(this, renderArgs))
+        .prepend(that.templates.header ? getHeaderHtml.apply(this, renderArgs) : null)
+        .append(that.templates.footer ? getFooterHtml.apply(this, renderArgs) : null);
+    } else if (suggestions && !Array.isArray(suggestions)) {
+      throw new TypeError('suggestions must be an array');
+    }
+
+    if (this.$menu) {
+      this.$menu.addClass(
+        this.cssClasses.prefix + (hasSuggestions ? 'with' : 'without') + '-' + this.name
+      ).removeClass(
+        this.cssClasses.prefix + (hasSuggestions ? 'without' : 'with') + '-' + this.name
+      );
+    }
+
+    this.trigger('rendered', query);
+
+    function getEmptyHtml() {
+      var args = [].slice.call(arguments, 0);
+      args = [{query: query, isEmpty: true}].concat(args);
+      return that.templates.empty.apply(this, args);
+    }
+
+    function getSuggestionsHtml() {
+      var args = [].slice.call(arguments, 0);
+      var $suggestions;
+      var nodes;
+      var self = this;
+
+      var suggestionsHtml = html.suggestions.
+        replace('%PREFIX%', this.cssClasses.prefix).
+        replace('%SUGGESTIONS%', this.cssClasses.suggestions);
+      $suggestions = DOM
+        .element(suggestionsHtml)
+        .css(this.css.suggestions);
+
+      // jQuery#append doesn't support arrays as the first argument
+      // until version 1.8, see http://bugs.jquery.com/ticket/11231
+      nodes = _.map(suggestions, getSuggestionNode);
+      $suggestions.append.apply($suggestions, nodes);
+
+      return $suggestions;
+
+      function getSuggestionNode(suggestion) {
+        var $el;
+
+        var suggestionHtml = html.suggestion.
+          replace('%PREFIX%', self.cssClasses.prefix).
+          replace('%SUGGESTION%', self.cssClasses.suggestion);
+        $el = DOM.element(suggestionHtml)
+          .attr({
+            role: 'option',
+            id: ['option', Math.floor(Math.random() * 100000000)].join('-')
+          })
+          .append(that.templates.suggestion.apply(this, [suggestion].concat(args)));
+
+        $el.data(datasetKey, that.name);
+        $el.data(valueKey, that.displayFn(suggestion) || undefined); // this led to undefined return value
+        $el.data(datumKey, JSON.stringify(suggestion));
+        $el.children().each(function() { DOM.element(this).css(self.css.suggestionChild); });
+
+        return $el;
+      }
+    }
+
+    function getHeaderHtml() {
+      var args = [].slice.call(arguments, 0);
+      args = [{query: query, isEmpty: !hasSuggestions}].concat(args);
+      return that.templates.header.apply(this, args);
+    }
+
+    function getFooterHtml() {
+      var args = [].slice.call(arguments, 0);
+      args = [{query: query, isEmpty: !hasSuggestions}].concat(args);
+      return that.templates.footer.apply(this, args);
+    }
+  },
+
+  // ### public
+
+  getRoot: function getRoot() {
+    return this.$el;
+  },
+
+  update: function update(query) {
+    function handleSuggestions(suggestions) {
+      // if the update has been canceled or if the query has changed
+      // do not render the suggestions as they've become outdated
+      if (!this.canceled && query === this.query) {
+        // concat all the other arguments that could have been passed
+        // to the render function, and forward them to _render
+        var extraArgs = [].slice.call(arguments, 1);
+        this.cacheSuggestions(query, suggestions, extraArgs);
+        this._render.apply(this, [query, suggestions].concat(extraArgs));
+      }
+    }
+
+    this.query = query;
+    this.canceled = false;
+
+    if (this.shouldFetchFromCache(query)) {
+      handleSuggestions.apply(this, [this.cachedSuggestions].concat(this.cachedRenderExtraArgs));
+    } else {
+      var that = this;
+      var execSource = function() {
+        // When the call is debounced the condition avoid to do a useless
+        // request with the last character when the input has been cleared
+        if (!that.canceled) {
+          that.source(query, handleSuggestions.bind(that));
+        }
+      };
+
+      if (this.debounce) {
+        var later = function() {
+          that.debounceTimeout = null;
+          execSource();
+        };
+        clearTimeout(this.debounceTimeout);
+        this.debounceTimeout = setTimeout(later, this.debounce);
+      } else {
+        execSource();
+      }
+    }
+  },
+
+  cacheSuggestions: function cacheSuggestions(query, suggestions, extraArgs) {
+    this.cachedQuery = query;
+    this.cachedSuggestions = suggestions;
+    this.cachedRenderExtraArgs = extraArgs;
+  },
+
+  shouldFetchFromCache: function shouldFetchFromCache(query) {
+    return this.cache &&
+      this.cachedQuery === query &&
+      this.cachedSuggestions &&
+      this.cachedSuggestions.length;
+  },
+
+  clearCachedSuggestions: function clearCachedSuggestions() {
+    delete this.cachedQuery;
+    delete this.cachedSuggestions;
+    delete this.cachedRenderExtraArgs;
+  },
+
+  cancel: function cancel() {
+    this.canceled = true;
+  },
+
+  clear: function clear() {
+    this.cancel();
+    this.$el.empty();
+    this.trigger('rendered', '');
+  },
+
+  isEmpty: function isEmpty() {
+    return this._isEmpty;
+  },
+
+  destroy: function destroy() {
+    this.clearCachedSuggestions();
+    this.$el = null;
+  }
+});
+
+// helper functions
+// ----------------
+
+function getDisplayFn(display) {
+  display = display || 'value';
+
+  return _.isFunction(display) ? display : displayFn;
+
+  function displayFn(obj) {
+    return obj[display];
+  }
+}
+
+function getTemplates(templates, displayFn) {
+  return {
+    empty: templates.empty && _.templatify(templates.empty),
+    header: templates.header && _.templatify(templates.header),
+    footer: templates.footer && _.templatify(templates.footer),
+    suggestion: templates.suggestion || suggestionTemplate
+  };
+
+  function suggestionTemplate(context) {
+    return '<p>' + displayFn(context) + '</p>';
+  }
+}
+
+function isValidName(str) {
+  // dashes, underscores, letters, and numbers
+  return (/^[_a-zA-Z0-9-]+$/).test(str);
+}
+
+module.exports = Dataset;
+
+
+/***/ },
+
+/***/ "../../node_modules/autocomplete.js/src/autocomplete/dropdown.js"
+/*!***********************************************************************!*\
+  !*** ../../node_modules/autocomplete.js/src/autocomplete/dropdown.js ***!
+  \***********************************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+
+var _ = __webpack_require__(/*! ../common/utils.js */ "../../node_modules/autocomplete.js/src/common/utils.js");
+var DOM = __webpack_require__(/*! ../common/dom.js */ "../../node_modules/autocomplete.js/src/common/dom.js");
+var EventEmitter = __webpack_require__(/*! ./event_emitter.js */ "../../node_modules/autocomplete.js/src/autocomplete/event_emitter.js");
+var Dataset = __webpack_require__(/*! ./dataset.js */ "../../node_modules/autocomplete.js/src/autocomplete/dataset.js");
+var css = __webpack_require__(/*! ./css.js */ "../../node_modules/autocomplete.js/src/autocomplete/css.js");
+
+// constructor
+// -----------
+
+function Dropdown(o) {
+  var that = this;
+  var onSuggestionClick;
+  var onSuggestionMouseEnter;
+  var onSuggestionMouseLeave;
+
+  o = o || {};
+
+  if (!o.menu) {
+    _.error('menu is required');
+  }
+
+  if (!_.isArray(o.datasets) && !_.isObject(o.datasets)) {
+    _.error('1 or more datasets required');
+  }
+  if (!o.datasets) {
+    _.error('datasets is required');
+  }
+
+  this.isOpen = false;
+  this.isEmpty = true;
+  this.minLength = o.minLength || 0;
+  this.templates = {};
+  this.appendTo = o.appendTo || false;
+  this.css = _.mixin({}, css, o.appendTo ? css.appendTo : {});
+  this.cssClasses = o.cssClasses = _.mixin({}, css.defaultClasses, o.cssClasses || {});
+  this.cssClasses.prefix =
+    o.cssClasses.formattedPrefix || _.formatPrefix(this.cssClasses.prefix, this.cssClasses.noPrefix);
+
+  // bound functions
+  onSuggestionClick = _.bind(this._onSuggestionClick, this);
+  onSuggestionMouseEnter = _.bind(this._onSuggestionMouseEnter, this);
+  onSuggestionMouseLeave = _.bind(this._onSuggestionMouseLeave, this);
+
+  var cssClass = _.className(this.cssClasses.prefix, this.cssClasses.suggestion);
+  this.$menu = DOM.element(o.menu)
+    .on('mouseenter.aa', cssClass, onSuggestionMouseEnter)
+    .on('mouseleave.aa', cssClass, onSuggestionMouseLeave)
+    .on('click.aa', cssClass, onSuggestionClick);
+
+  this.$container = o.appendTo ? o.wrapper : this.$menu;
+
+  if (o.templates && o.templates.header) {
+    this.templates.header = _.templatify(o.templates.header);
+    this.$menu.prepend(this.templates.header());
+  }
+
+  if (o.templates && o.templates.empty) {
+    this.templates.empty = _.templatify(o.templates.empty);
+    this.$empty = DOM.element('<div class="' +
+      _.className(this.cssClasses.prefix, this.cssClasses.empty, true) + '">' +
+      '</div>');
+    this.$menu.append(this.$empty);
+    this.$empty.hide();
+  }
+
+  this.datasets = _.map(o.datasets, function(oDataset) {
+    return initializeDataset(that.$menu, oDataset, o.cssClasses);
+  });
+  _.each(this.datasets, function(dataset) {
+    var root = dataset.getRoot();
+    if (root && root.parent().length === 0) {
+      that.$menu.append(root);
+    }
+    dataset.onSync('rendered', that._onRendered, that);
+  });
+
+  if (o.templates && o.templates.footer) {
+    this.templates.footer = _.templatify(o.templates.footer);
+    this.$menu.append(this.templates.footer());
+  }
+
+  var self = this;
+  DOM.element(window).resize(function() {
+    self._redraw();
+  });
+}
+
+// instance methods
+// ----------------
+
+_.mixin(Dropdown.prototype, EventEmitter, {
+
+  // ### private
+
+  _onSuggestionClick: function onSuggestionClick($e) {
+    this.trigger('suggestionClicked', DOM.element($e.currentTarget));
+  },
+
+  _onSuggestionMouseEnter: function onSuggestionMouseEnter($e) {
+    var elt = DOM.element($e.currentTarget);
+    if (elt.hasClass(_.className(this.cssClasses.prefix, this.cssClasses.cursor, true))) {
+      // we're already on the cursor
+      // => we're probably entering it again after leaving it for a nested div
+      return;
+    }
+    this._removeCursor();
+
+    // Fixes iOS double tap behaviour, by modifying the DOM right before the
+    // native href clicks happens, iOS will requires another tap to follow
+    // a suggestion that has an <a href> element inside
+    // https://www.google.com/search?q=ios+double+tap+bug+href
+    var suggestion = this;
+    setTimeout(function() {
+      // this exact line, when inside the main loop, will trigger a double tap bug
+      // on iOS devices
+      suggestion._setCursor(elt, false);
+    }, 0);
+  },
+
+  _onSuggestionMouseLeave: function onSuggestionMouseLeave($e) {
+    // $e.relatedTarget is the `EventTarget` the pointing device entered to
+    if ($e.relatedTarget) {
+      var elt = DOM.element($e.relatedTarget);
+      if (elt.closest('.' + _.className(this.cssClasses.prefix, this.cssClasses.cursor, true)).length > 0) {
+        // our father is a cursor
+        // => it means we're just leaving the suggestion for a nested div
+        return;
+      }
+    }
+    this._removeCursor();
+    this.trigger('cursorRemoved');
+  },
+
+  _onRendered: function onRendered(e, query) {
+    this.isEmpty = _.every(this.datasets, isDatasetEmpty);
+
+    if (this.isEmpty) {
+      if (query.length >= this.minLength) {
+        this.trigger('empty');
+      }
+
+      if (this.$empty) {
+        if (query.length < this.minLength) {
+          this._hide();
+        } else {
+          var html = this.templates.empty({
+            query: this.datasets[0] && this.datasets[0].query
+          });
+          this.$empty.html(html);
+          this.$empty.show();
+          this._show();
+        }
+      } else if (_.any(this.datasets, hasEmptyTemplate)) {
+        if (query.length < this.minLength) {
+          this._hide();
+        } else {
+          this._show();
+        }
+      } else {
+        this._hide();
+      }
+    } else if (this.isOpen) {
+      if (this.$empty) {
+        this.$empty.empty();
+        this.$empty.hide();
+      }
+
+      if (query.length >= this.minLength) {
+        this._show();
+      } else {
+        this._hide();
+      }
+    }
+
+    this.trigger('datasetRendered');
+
+    function isDatasetEmpty(dataset) {
+      return dataset.isEmpty();
+    }
+
+    function hasEmptyTemplate(dataset) {
+      return dataset.templates && dataset.templates.empty;
+    }
+  },
+
+  _hide: function() {
+    this.$container.hide();
+  },
+
+  _show: function() {
+    // can't use jQuery#show because $menu is a span element we want
+    // display: block; not dislay: inline;
+    this.$container.css('display', 'block');
+
+    this._redraw();
+
+    this.trigger('shown');
+  },
+
+  _redraw: function redraw() {
+    if (!this.isOpen || !this.appendTo) return;
+
+    this.trigger('redrawn');
+  },
+
+  _getSuggestions: function getSuggestions() {
+    return this.$menu.find(_.className(this.cssClasses.prefix, this.cssClasses.suggestion));
+  },
+
+  _getCursor: function getCursor() {
+    return this.$menu.find(_.className(this.cssClasses.prefix, this.cssClasses.cursor)).first();
+  },
+
+  _setCursor: function setCursor($el, updateInput) {
+    $el.first()
+      .addClass(_.className(this.cssClasses.prefix, this.cssClasses.cursor, true))
+      .attr('aria-selected', 'true');
+    this.trigger('cursorMoved', updateInput);
+  },
+
+  _removeCursor: function removeCursor() {
+    this._getCursor()
+      .removeClass(_.className(this.cssClasses.prefix, this.cssClasses.cursor, true))
+      .removeAttr('aria-selected');
+  },
+
+  _moveCursor: function moveCursor(increment) {
+    var $suggestions;
+    var $oldCursor;
+    var newCursorIndex;
+    var $newCursor;
+
+    if (!this.isOpen) {
+      return;
+    }
+
+    $oldCursor = this._getCursor();
+    $suggestions = this._getSuggestions();
+
+    this._removeCursor();
+
+    // shifting before and after modulo to deal with -1 index
+    newCursorIndex = $suggestions.index($oldCursor) + increment;
+    newCursorIndex = (newCursorIndex + 1) % ($suggestions.length + 1) - 1;
+
+    if (newCursorIndex === -1) {
+      this.trigger('cursorRemoved');
+
+      return;
+    } else if (newCursorIndex < -1) {
+      newCursorIndex = $suggestions.length - 1;
+    }
+
+    this._setCursor($newCursor = $suggestions.eq(newCursorIndex), true);
+
+    // in the case of scrollable overflow
+    // make sure the cursor is visible in the menu
+    this._ensureVisible($newCursor);
+  },
+
+  _ensureVisible: function ensureVisible($el) {
+    var elTop;
+    var elBottom;
+    var menuScrollTop;
+    var menuHeight;
+
+    elTop = $el.position().top;
+    elBottom = elTop + $el.height() +
+      parseInt($el.css('margin-top'), 10) +
+      parseInt($el.css('margin-bottom'), 10);
+    menuScrollTop = this.$menu.scrollTop();
+    menuHeight = this.$menu.height() +
+      parseInt(this.$menu.css('padding-top'), 10) +
+      parseInt(this.$menu.css('padding-bottom'), 10);
+
+    if (elTop < 0) {
+      this.$menu.scrollTop(menuScrollTop + elTop);
+    } else if (menuHeight < elBottom) {
+      this.$menu.scrollTop(menuScrollTop + (elBottom - menuHeight));
+    }
+  },
+
+  // ### public
+
+  close: function close() {
+    if (this.isOpen) {
+      this.isOpen = false;
+
+      this._removeCursor();
+      this._hide();
+
+      this.trigger('closed');
+    }
+  },
+
+  open: function open() {
+    if (!this.isOpen) {
+      this.isOpen = true;
+
+      if (!this.isEmpty) {
+        this._show();
+      }
+
+      this.trigger('opened');
+    }
+  },
+
+  setLanguageDirection: function setLanguageDirection(dir) {
+    this.$menu.css(dir === 'ltr' ? this.css.ltr : this.css.rtl);
+  },
+
+  moveCursorUp: function moveCursorUp() {
+    this._moveCursor(-1);
+  },
+
+  moveCursorDown: function moveCursorDown() {
+    this._moveCursor(+1);
+  },
+
+  getDatumForSuggestion: function getDatumForSuggestion($el) {
+    var datum = null;
+
+    if ($el.length) {
+      datum = {
+        raw: Dataset.extractDatum($el),
+        value: Dataset.extractValue($el),
+        datasetName: Dataset.extractDatasetName($el)
+      };
+    }
+
+    return datum;
+  },
+
+  getCurrentCursor: function getCurrentCursor() {
+    return this._getCursor().first();
+  },
+
+  getDatumForCursor: function getDatumForCursor() {
+    return this.getDatumForSuggestion(this._getCursor().first());
+  },
+
+  getDatumForTopSuggestion: function getDatumForTopSuggestion() {
+    return this.getDatumForSuggestion(this._getSuggestions().first());
+  },
+
+  cursorTopSuggestion: function cursorTopSuggestion() {
+    this._setCursor(this._getSuggestions().first(), false);
+  },
+
+  update: function update(query) {
+    _.each(this.datasets, updateDataset);
+
+    function updateDataset(dataset) {
+      dataset.update(query);
+    }
+  },
+
+  empty: function empty() {
+    _.each(this.datasets, clearDataset);
+    this.isEmpty = true;
+
+    function clearDataset(dataset) {
+      dataset.clear();
+    }
+  },
+
+  isVisible: function isVisible() {
+    return this.isOpen && !this.isEmpty;
+  },
+
+  destroy: function destroy() {
+    this.$menu.off('.aa');
+
+    this.$menu = null;
+
+    _.each(this.datasets, destroyDataset);
+
+    function destroyDataset(dataset) {
+      dataset.destroy();
+    }
+  }
+});
+
+// helper functions
+// ----------------
+Dropdown.Dataset = Dataset;
+
+function initializeDataset($menu, oDataset, cssClasses) {
+  return new Dropdown.Dataset(_.mixin({$menu: $menu, cssClasses: cssClasses}, oDataset));
+}
+
+module.exports = Dropdown;
+
+
+/***/ },
+
+/***/ "../../node_modules/autocomplete.js/src/autocomplete/event_bus.js"
+/*!************************************************************************!*\
+  !*** ../../node_modules/autocomplete.js/src/autocomplete/event_bus.js ***!
+  \************************************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+
+var namespace = 'autocomplete:';
+
+var _ = __webpack_require__(/*! ../common/utils.js */ "../../node_modules/autocomplete.js/src/common/utils.js");
+var DOM = __webpack_require__(/*! ../common/dom.js */ "../../node_modules/autocomplete.js/src/common/dom.js");
+
+// constructor
+// -----------
+
+function EventBus(o) {
+  if (!o || !o.el) {
+    _.error('EventBus initialized without el');
+  }
+
+  this.$el = DOM.element(o.el);
+}
+
+// instance methods
+// ----------------
+
+_.mixin(EventBus.prototype, {
+
+  // ### public
+
+  trigger: function(type, suggestion, dataset, context) {
+    var event = _.Event(namespace + type);
+    this.$el.trigger(event, [suggestion, dataset, context]);
+    return event;
+  }
+});
+
+module.exports = EventBus;
+
+
+/***/ },
+
+/***/ "../../node_modules/autocomplete.js/src/autocomplete/event_emitter.js"
+/*!****************************************************************************!*\
+  !*** ../../node_modules/autocomplete.js/src/autocomplete/event_emitter.js ***!
+  \****************************************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+
+var immediate = __webpack_require__(/*! immediate */ "../../node_modules/immediate/lib/index.js");
+var splitter = /\s+/;
+
+module.exports = {
+  onSync: onSync,
+  onAsync: onAsync,
+  off: off,
+  trigger: trigger
+};
+
+function on(method, types, cb, context) {
+  var type;
+
+  if (!cb) {
+    return this;
+  }
+
+  types = types.split(splitter);
+  cb = context ? bindContext(cb, context) : cb;
+
+  this._callbacks = this._callbacks || {};
+
+  while (type = types.shift()) {
+    this._callbacks[type] = this._callbacks[type] || {sync: [], async: []};
+    this._callbacks[type][method].push(cb);
+  }
+
+  return this;
+}
+
+function onAsync(types, cb, context) {
+  return on.call(this, 'async', types, cb, context);
+}
+
+function onSync(types, cb, context) {
+  return on.call(this, 'sync', types, cb, context);
+}
+
+function off(types) {
+  var type;
+
+  if (!this._callbacks) {
+    return this;
+  }
+
+  types = types.split(splitter);
+
+  while (type = types.shift()) {
+    delete this._callbacks[type];
+  }
+
+  return this;
+}
+
+function trigger(types) {
+  var type;
+  var callbacks;
+  var args;
+  var syncFlush;
+  var asyncFlush;
+
+  if (!this._callbacks) {
+    return this;
+  }
+
+  types = types.split(splitter);
+  args = [].slice.call(arguments, 1);
+
+  while ((type = types.shift()) && (callbacks = this._callbacks[type])) { // eslint-disable-line
+    syncFlush = getFlush(callbacks.sync, this, [type].concat(args));
+    asyncFlush = getFlush(callbacks.async, this, [type].concat(args));
+
+    if (syncFlush()) {
+      immediate(asyncFlush);
+    }
+  }
+
+  return this;
+}
+
+function getFlush(callbacks, context, args) {
+  return flush;
+
+  function flush() {
+    var cancelled;
+
+    for (var i = 0, len = callbacks.length; !cancelled && i < len; i += 1) {
+      // only cancel if the callback explicitly returns false
+      cancelled = callbacks[i].apply(context, args) === false;
+    }
+
+    return !cancelled;
+  }
+}
+
+function bindContext(fn, context) {
+  return fn.bind ?
+    fn.bind(context) :
+    function() { fn.apply(context, [].slice.call(arguments, 0)); };
+}
+
+
+/***/ },
+
+/***/ "../../node_modules/autocomplete.js/src/autocomplete/html.js"
+/*!*******************************************************************!*\
+  !*** ../../node_modules/autocomplete.js/src/autocomplete/html.js ***!
+  \*******************************************************************/
+(module) {
+
+"use strict";
+
+
+module.exports = {
+  wrapper: '<span class="%ROOT%"></span>',
+  dropdown: '<span class="%PREFIX%%DROPDOWN_MENU%"></span>',
+  dataset: '<div class="%PREFIX%%DATASET%-%CLASS%"></div>',
+  suggestions: '<span class="%PREFIX%%SUGGESTIONS%"></span>',
+  suggestion: '<div class="%PREFIX%%SUGGESTION%"></div>'
+};
+
+
+/***/ },
+
+/***/ "../../node_modules/autocomplete.js/src/autocomplete/input.js"
+/*!********************************************************************!*\
+  !*** ../../node_modules/autocomplete.js/src/autocomplete/input.js ***!
+  \********************************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+
+var specialKeyCodeMap;
+
+specialKeyCodeMap = {
+  9: 'tab',
+  27: 'esc',
+  37: 'left',
+  39: 'right',
+  13: 'enter',
+  38: 'up',
+  40: 'down'
+};
+
+var _ = __webpack_require__(/*! ../common/utils.js */ "../../node_modules/autocomplete.js/src/common/utils.js");
+var DOM = __webpack_require__(/*! ../common/dom.js */ "../../node_modules/autocomplete.js/src/common/dom.js");
+var EventEmitter = __webpack_require__(/*! ./event_emitter.js */ "../../node_modules/autocomplete.js/src/autocomplete/event_emitter.js");
+
+// constructor
+// -----------
+
+function Input(o) {
+  var that = this;
+  var onBlur;
+  var onFocus;
+  var onKeydown;
+  var onInput;
+
+  o = o || {};
+
+  if (!o.input) {
+    _.error('input is missing');
+  }
+
+  // bound functions
+  onBlur = _.bind(this._onBlur, this);
+  onFocus = _.bind(this._onFocus, this);
+  onKeydown = _.bind(this._onKeydown, this);
+  onInput = _.bind(this._onInput, this);
+
+  this.$hint = DOM.element(o.hint);
+  this.$input = DOM.element(o.input)
+    .on('blur.aa', onBlur)
+    .on('focus.aa', onFocus)
+    .on('keydown.aa', onKeydown);
+
+  // if no hint, noop all the hint related functions
+  if (this.$hint.length === 0) {
+    this.setHint = this.getHint = this.clearHint = this.clearHintIfInvalid = _.noop;
+  }
+
+  // ie7 and ie8 don't support the input event
+  // ie9 doesn't fire the input event when characters are removed
+  // not sure if ie10 is compatible
+  if (!_.isMsie()) {
+    this.$input.on('input.aa', onInput);
+  } else {
+    this.$input.on('keydown.aa keypress.aa cut.aa paste.aa', function($e) {
+      // if a special key triggered this, ignore it
+      if (specialKeyCodeMap[$e.which || $e.keyCode]) {
+        return;
+      }
+
+      // give the browser a chance to update the value of the input
+      // before checking to see if the query changed
+      _.defer(_.bind(that._onInput, that, $e));
+    });
+  }
+
+  // the query defaults to whatever the value of the input is
+  // on initialization, it'll most likely be an empty string
+  this.query = this.$input.val();
+
+  // helps with calculating the width of the input's value
+  this.$overflowHelper = buildOverflowHelper(this.$input);
+}
+
+// static methods
+// --------------
+
+Input.normalizeQuery = function(str) {
+  // strips leading whitespace and condenses all whitespace
+  return (str || '').replace(/^\s*/g, '').replace(/\s{2,}/g, ' ');
+};
+
+// instance methods
+// ----------------
+
+_.mixin(Input.prototype, EventEmitter, {
+
+  // ### private
+
+  _onBlur: function onBlur() {
+    this.resetInputValue();
+    this.$input.removeAttr('aria-activedescendant');
+    this.trigger('blurred');
+  },
+
+  _onFocus: function onFocus() {
+    this.trigger('focused');
+  },
+
+  _onKeydown: function onKeydown($e) {
+    // which is normalized and consistent (but not for ie)
+    var keyName = specialKeyCodeMap[$e.which || $e.keyCode];
+
+    this._managePreventDefault(keyName, $e);
+    if (keyName && this._shouldTrigger(keyName, $e)) {
+      this.trigger(keyName + 'Keyed', $e);
+    }
+  },
+
+  _onInput: function onInput() {
+    this._checkInputValue();
+  },
+
+  _managePreventDefault: function managePreventDefault(keyName, $e) {
+    var preventDefault;
+    var hintValue;
+    var inputValue;
+
+    switch (keyName) {
+    case 'tab':
+      hintValue = this.getHint();
+      inputValue = this.getInputValue();
+
+      preventDefault = hintValue &&
+        hintValue !== inputValue &&
+        !withModifier($e);
+      break;
+
+    case 'up':
+    case 'down':
+      preventDefault = !withModifier($e);
+      break;
+
+    default:
+      preventDefault = false;
+    }
+
+    if (preventDefault) {
+      $e.preventDefault();
+    }
+  },
+
+  _shouldTrigger: function shouldTrigger(keyName, $e) {
+    var trigger;
+
+    switch (keyName) {
+    case 'tab':
+      trigger = !withModifier($e);
+      break;
+
+    default:
+      trigger = true;
+    }
+
+    return trigger;
+  },
+
+  _checkInputValue: function checkInputValue() {
+    var inputValue;
+    var areEquivalent;
+    var hasDifferentWhitespace;
+
+    inputValue = this.getInputValue();
+    areEquivalent = areQueriesEquivalent(inputValue, this.query);
+    hasDifferentWhitespace = areEquivalent && this.query ?
+      this.query.length !== inputValue.length : false;
+
+    this.query = inputValue;
+
+    if (!areEquivalent) {
+      this.trigger('queryChanged', this.query);
+    } else if (hasDifferentWhitespace) {
+      this.trigger('whitespaceChanged', this.query);
+    }
+  },
+
+  // ### public
+
+  focus: function focus() {
+    this.$input.focus();
+  },
+
+  blur: function blur() {
+    this.$input.blur();
+  },
+
+  getQuery: function getQuery() {
+    return this.query;
+  },
+
+  setQuery: function setQuery(query) {
+    this.query = query;
+  },
+
+  getInputValue: function getInputValue() {
+    return this.$input.val();
+  },
+
+  setInputValue: function setInputValue(value, silent) {
+    if (typeof value === 'undefined') {
+      value = this.query;
+    }
+    this.$input.val(value);
+
+    // silent prevents any additional events from being triggered
+    if (silent) {
+      this.clearHint();
+    } else {
+      this._checkInputValue();
+    }
+  },
+
+  expand: function expand() {
+    this.$input.attr('aria-expanded', 'true');
+  },
+
+  collapse: function collapse() {
+    this.$input.attr('aria-expanded', 'false');
+  },
+
+  setActiveDescendant: function setActiveDescendant(activedescendantId) {
+    this.$input.attr('aria-activedescendant', activedescendantId);
+  },
+
+  removeActiveDescendant: function removeActiveDescendant() {
+    this.$input.removeAttr('aria-activedescendant');
+  },
+
+  resetInputValue: function resetInputValue() {
+    this.setInputValue(this.query, true);
+  },
+
+  getHint: function getHint() {
+    return this.$hint.val();
+  },
+
+  setHint: function setHint(value) {
+    this.$hint.val(value);
+  },
+
+  clearHint: function clearHint() {
+    this.setHint('');
+  },
+
+  clearHintIfInvalid: function clearHintIfInvalid() {
+    var val;
+    var hint;
+    var valIsPrefixOfHint;
+    var isValid;
+
+    val = this.getInputValue();
+    hint = this.getHint();
+    valIsPrefixOfHint = val !== hint && hint.indexOf(val) === 0;
+    isValid = val !== '' && valIsPrefixOfHint && !this.hasOverflow();
+
+    if (!isValid) {
+      this.clearHint();
+    }
+  },
+
+  getLanguageDirection: function getLanguageDirection() {
+    return (this.$input.css('direction') || 'ltr').toLowerCase();
+  },
+
+  hasOverflow: function hasOverflow() {
+    // 2 is arbitrary, just picking a small number to handle edge cases
+    var constraint = this.$input.width() - 2;
+
+    this.$overflowHelper.text(this.getInputValue());
+
+    return this.$overflowHelper.width() >= constraint;
+  },
+
+  isCursorAtEnd: function() {
+    var valueLength;
+    var selectionStart;
+    var range;
+
+    valueLength = this.$input.val().length;
+    selectionStart = this.$input[0].selectionStart;
+
+    if (_.isNumber(selectionStart)) {
+      return selectionStart === valueLength;
+    } else if (document.selection) {
+      // NOTE: this won't work unless the input has focus, the good news
+      // is this code should only get called when the input has focus
+      range = document.selection.createRange();
+      range.moveStart('character', -valueLength);
+
+      return valueLength === range.text.length;
+    }
+
+    return true;
+  },
+
+  destroy: function destroy() {
+    this.$hint.off('.aa');
+    this.$input.off('.aa');
+
+    this.$hint = this.$input = this.$overflowHelper = null;
+  }
+});
+
+// helper functions
+// ----------------
+
+function buildOverflowHelper($input) {
+  return DOM.element('<pre aria-hidden="true"></pre>')
+    .css({
+      // position helper off-screen
+      position: 'absolute',
+      visibility: 'hidden',
+      // avoid line breaks and whitespace collapsing
+      whiteSpace: 'pre',
+      // use same font css as input to calculate accurate width
+      fontFamily: $input.css('font-family'),
+      fontSize: $input.css('font-size'),
+      fontStyle: $input.css('font-style'),
+      fontVariant: $input.css('font-variant'),
+      fontWeight: $input.css('font-weight'),
+      wordSpacing: $input.css('word-spacing'),
+      letterSpacing: $input.css('letter-spacing'),
+      textIndent: $input.css('text-indent'),
+      textRendering: $input.css('text-rendering'),
+      textTransform: $input.css('text-transform')
+    })
+    .insertAfter($input);
+}
+
+function areQueriesEquivalent(a, b) {
+  return Input.normalizeQuery(a) === Input.normalizeQuery(b);
+}
+
+function withModifier($e) {
+  return $e.altKey || $e.ctrlKey || $e.metaKey || $e.shiftKey;
+}
+
+module.exports = Input;
+
+
+/***/ },
+
+/***/ "../../node_modules/autocomplete.js/src/autocomplete/typeahead.js"
+/*!************************************************************************!*\
+  !*** ../../node_modules/autocomplete.js/src/autocomplete/typeahead.js ***!
+  \************************************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+
+var attrsKey = 'aaAttrs';
+
+var _ = __webpack_require__(/*! ../common/utils.js */ "../../node_modules/autocomplete.js/src/common/utils.js");
+var DOM = __webpack_require__(/*! ../common/dom.js */ "../../node_modules/autocomplete.js/src/common/dom.js");
+var EventBus = __webpack_require__(/*! ./event_bus.js */ "../../node_modules/autocomplete.js/src/autocomplete/event_bus.js");
+var Input = __webpack_require__(/*! ./input.js */ "../../node_modules/autocomplete.js/src/autocomplete/input.js");
+var Dropdown = __webpack_require__(/*! ./dropdown.js */ "../../node_modules/autocomplete.js/src/autocomplete/dropdown.js");
+var html = __webpack_require__(/*! ./html.js */ "../../node_modules/autocomplete.js/src/autocomplete/html.js");
+var css = __webpack_require__(/*! ./css.js */ "../../node_modules/autocomplete.js/src/autocomplete/css.js");
+
+// constructor
+// -----------
+
+// THOUGHT: what if datasets could dynamically be added/removed?
+function Typeahead(o) {
+  var $menu;
+  var $hint;
+
+  o = o || {};
+
+  if (!o.input) {
+    _.error('missing input');
+  }
+
+  this.isActivated = false;
+  this.debug = !!o.debug;
+  this.autoselect = !!o.autoselect;
+  this.autoselectOnBlur = !!o.autoselectOnBlur;
+  this.openOnFocus = !!o.openOnFocus;
+  this.minLength = _.isNumber(o.minLength) ? o.minLength : 1;
+  this.autoWidth = (o.autoWidth === undefined) ? true : !!o.autoWidth;
+  this.clearOnSelected = !!o.clearOnSelected;
+  this.tabAutocomplete = (o.tabAutocomplete === undefined) ? true : !!o.tabAutocomplete;
+
+  o.hint = !!o.hint;
+
+  if (o.hint && o.appendTo) {
+    throw new Error('[autocomplete.js] hint and appendTo options can\'t be used at the same time');
+  }
+
+  this.css = o.css = _.mixin({}, css, o.appendTo ? css.appendTo : {});
+  this.cssClasses = o.cssClasses = _.mixin({}, css.defaultClasses, o.cssClasses || {});
+  this.cssClasses.prefix =
+    o.cssClasses.formattedPrefix = _.formatPrefix(this.cssClasses.prefix, this.cssClasses.noPrefix);
+  this.listboxId = o.listboxId = [this.cssClasses.root, 'listbox', _.getUniqueId()].join('-');
+
+  var domElts = buildDom(o);
+
+  this.$node = domElts.wrapper;
+  var $input = this.$input = domElts.input;
+  $menu = domElts.menu;
+  $hint = domElts.hint;
+
+  if (o.dropdownMenuContainer) {
+    DOM.element(o.dropdownMenuContainer)
+      .css('position', 'relative') // ensure the container has a relative position
+      .append($menu.css('top', '0')); // override the top: 100%
+  }
+
+  // #705: if there's scrollable overflow, ie doesn't support
+  // blur cancellations when the scrollbar is clicked
+  //
+  // #351: preventDefault won't cancel blurs in ie <= 8
+  $input.on('blur.aa', function($e) {
+    var active = document.activeElement;
+    if (_.isMsie() && ($menu[0] === active || $menu[0].contains(active))) {
+      $e.preventDefault();
+      // stop immediate in order to prevent Input#_onBlur from
+      // getting exectued
+      $e.stopImmediatePropagation();
+      _.defer(function() { $input.focus(); });
+    }
+  });
+
+  // #351: prevents input blur due to clicks within dropdown menu
+  $menu.on('mousedown.aa', function($e) { $e.preventDefault(); });
+
+  this.eventBus = o.eventBus || new EventBus({el: $input});
+
+  this.dropdown = new Typeahead.Dropdown({
+    appendTo: o.appendTo,
+    wrapper: this.$node,
+    menu: $menu,
+    datasets: o.datasets,
+    templates: o.templates,
+    cssClasses: o.cssClasses,
+    minLength: this.minLength
+  })
+    .onSync('suggestionClicked', this._onSuggestionClicked, this)
+    .onSync('cursorMoved', this._onCursorMoved, this)
+    .onSync('cursorRemoved', this._onCursorRemoved, this)
+    .onSync('opened', this._onOpened, this)
+    .onSync('closed', this._onClosed, this)
+    .onSync('shown', this._onShown, this)
+    .onSync('empty', this._onEmpty, this)
+    .onSync('redrawn', this._onRedrawn, this)
+    .onAsync('datasetRendered', this._onDatasetRendered, this);
+
+  this.input = new Typeahead.Input({input: $input, hint: $hint})
+    .onSync('focused', this._onFocused, this)
+    .onSync('blurred', this._onBlurred, this)
+    .onSync('enterKeyed', this._onEnterKeyed, this)
+    .onSync('tabKeyed', this._onTabKeyed, this)
+    .onSync('escKeyed', this._onEscKeyed, this)
+    .onSync('upKeyed', this._onUpKeyed, this)
+    .onSync('downKeyed', this._onDownKeyed, this)
+    .onSync('leftKeyed', this._onLeftKeyed, this)
+    .onSync('rightKeyed', this._onRightKeyed, this)
+    .onSync('queryChanged', this._onQueryChanged, this)
+    .onSync('whitespaceChanged', this._onWhitespaceChanged, this);
+
+  this._bindKeyboardShortcuts(o);
+
+  this._setLanguageDirection();
+}
+
+// instance methods
+// ----------------
+
+_.mixin(Typeahead.prototype, {
+  // ### private
+
+  _bindKeyboardShortcuts: function(options) {
+    if (!options.keyboardShortcuts) {
+      return;
+    }
+    var $input = this.$input;
+    var keyboardShortcuts = [];
+    _.each(options.keyboardShortcuts, function(key) {
+      if (typeof key === 'string') {
+        key = key.toUpperCase().charCodeAt(0);
+      }
+      keyboardShortcuts.push(key);
+    });
+    DOM.element(document).keydown(function(event) {
+      var elt = (event.target || event.srcElement);
+      var tagName = elt.tagName;
+      if (elt.isContentEditable || tagName === 'INPUT' || tagName === 'SELECT' || tagName === 'TEXTAREA') {
+        // already in an input
+        return;
+      }
+
+      var which = event.which || event.keyCode;
+      if (keyboardShortcuts.indexOf(which) === -1) {
+        // not the right shortcut
+        return;
+      }
+
+      $input.focus();
+      event.stopPropagation();
+      event.preventDefault();
+    });
+  },
+
+  _onSuggestionClicked: function onSuggestionClicked(type, $el) {
+    var datum;
+    var context = {selectionMethod: 'click'};
+
+    if (datum = this.dropdown.getDatumForSuggestion($el)) {
+      this._select(datum, context);
+    }
+  },
+
+  _onCursorMoved: function onCursorMoved(event, updateInput) {
+    var datum = this.dropdown.getDatumForCursor();
+    var currentCursorId = this.dropdown.getCurrentCursor().attr('id');
+    this.input.setActiveDescendant(currentCursorId);
+
+    if (datum) {
+      if (updateInput) {
+        this.input.setInputValue(datum.value, true);
+      }
+
+      this.eventBus.trigger('cursorchanged', datum.raw, datum.datasetName);
+    }
+  },
+
+  _onCursorRemoved: function onCursorRemoved() {
+    this.input.resetInputValue();
+    this._updateHint();
+    this.eventBus.trigger('cursorremoved');
+  },
+
+  _onDatasetRendered: function onDatasetRendered() {
+    this._updateHint();
+
+    this.eventBus.trigger('updated');
+  },
+
+  _onOpened: function onOpened() {
+    this._updateHint();
+    this.input.expand();
+
+    this.eventBus.trigger('opened');
+  },
+
+  _onEmpty: function onEmpty() {
+    this.eventBus.trigger('empty');
+  },
+
+  _onRedrawn: function onRedrawn() {
+    this.$node.css('top', 0 + 'px');
+    this.$node.css('left', 0 + 'px');
+
+    var inputRect = this.$input[0].getBoundingClientRect();
+
+    if (this.autoWidth) {
+      this.$node.css('width', inputRect.width + 'px');
+    }
+
+    var wrapperRect = this.$node[0].getBoundingClientRect();
+
+    var top = inputRect.bottom - wrapperRect.top;
+    this.$node.css('top', top + 'px');
+    var left = inputRect.left - wrapperRect.left;
+    this.$node.css('left', left + 'px');
+
+    this.eventBus.trigger('redrawn');
+  },
+
+  _onShown: function onShown() {
+    this.eventBus.trigger('shown');
+    if (this.autoselect) {
+      this.dropdown.cursorTopSuggestion();
+    }
+  },
+
+  _onClosed: function onClosed() {
+    this.input.clearHint();
+    this.input.removeActiveDescendant();
+    this.input.collapse();
+
+    this.eventBus.trigger('closed');
+  },
+
+  _onFocused: function onFocused() {
+    this.isActivated = true;
+
+    if (this.openOnFocus) {
+      var query = this.input.getQuery();
+      if (query.length >= this.minLength) {
+        this.dropdown.update(query);
+      } else {
+        this.dropdown.empty();
+      }
+
+      this.dropdown.open();
+    }
+  },
+
+  _onBlurred: function onBlurred() {
+    var cursorDatum;
+    var topSuggestionDatum;
+
+    cursorDatum = this.dropdown.getDatumForCursor();
+    topSuggestionDatum = this.dropdown.getDatumForTopSuggestion();
+    var context = {selectionMethod: 'blur'};
+
+    if (!this.debug) {
+      if (this.autoselectOnBlur && cursorDatum) {
+        this._select(cursorDatum, context);
+      } else if (this.autoselectOnBlur && topSuggestionDatum) {
+        this._select(topSuggestionDatum, context);
+      } else {
+        this.isActivated = false;
+        this.dropdown.empty();
+        this.dropdown.close();
+      }
+    }
+  },
+
+  _onEnterKeyed: function onEnterKeyed(type, $e) {
+    var cursorDatum;
+    var topSuggestionDatum;
+
+    cursorDatum = this.dropdown.getDatumForCursor();
+    topSuggestionDatum = this.dropdown.getDatumForTopSuggestion();
+    var context = {selectionMethod: 'enterKey'};
+
+    if (cursorDatum) {
+      this._select(cursorDatum, context);
+      $e.preventDefault();
+    } else if (this.autoselect && topSuggestionDatum) {
+      this._select(topSuggestionDatum, context);
+      $e.preventDefault();
+    }
+  },
+
+  _onTabKeyed: function onTabKeyed(type, $e) {
+    if (!this.tabAutocomplete) {
+      // Closing the dropdown enables further tabbing
+      this.dropdown.close();
+      return;
+    }
+
+    var datum;
+    var context = {selectionMethod: 'tabKey'};
+
+    if (datum = this.dropdown.getDatumForCursor()) {
+      this._select(datum, context);
+      $e.preventDefault();
+    } else {
+      this._autocomplete(true);
+    }
+  },
+
+  _onEscKeyed: function onEscKeyed() {
+    this.dropdown.close();
+    this.input.resetInputValue();
+  },
+
+  _onUpKeyed: function onUpKeyed() {
+    var query = this.input.getQuery();
+
+    if (this.dropdown.isEmpty && query.length >= this.minLength) {
+      this.dropdown.update(query);
+    } else {
+      this.dropdown.moveCursorUp();
+    }
+
+    this.dropdown.open();
+  },
+
+  _onDownKeyed: function onDownKeyed() {
+    var query = this.input.getQuery();
+
+    if (this.dropdown.isEmpty && query.length >= this.minLength) {
+      this.dropdown.update(query);
+    } else {
+      this.dropdown.moveCursorDown();
+    }
+
+    this.dropdown.open();
+  },
+
+  _onLeftKeyed: function onLeftKeyed() {
+    if (this.dir === 'rtl') {
+      this._autocomplete();
+    }
+  },
+
+  _onRightKeyed: function onRightKeyed() {
+    if (this.dir === 'ltr') {
+      this._autocomplete();
+    }
+  },
+
+  _onQueryChanged: function onQueryChanged(e, query) {
+    this.input.clearHintIfInvalid();
+
+    if (query.length >= this.minLength) {
+      this.dropdown.update(query);
+    } else {
+      this.dropdown.empty();
+    }
+
+    this.dropdown.open();
+    this._setLanguageDirection();
+  },
+
+  _onWhitespaceChanged: function onWhitespaceChanged() {
+    this._updateHint();
+    this.dropdown.open();
+  },
+
+  _setLanguageDirection: function setLanguageDirection() {
+    var dir = this.input.getLanguageDirection();
+
+    if (this.dir !== dir) {
+      this.dir = dir;
+      this.$node.css('direction', dir);
+      this.dropdown.setLanguageDirection(dir);
+    }
+  },
+
+  _updateHint: function updateHint() {
+    var datum;
+    var val;
+    var query;
+    var escapedQuery;
+    var frontMatchRegEx;
+    var match;
+
+    datum = this.dropdown.getDatumForTopSuggestion();
+
+    if (datum && this.dropdown.isVisible() && !this.input.hasOverflow()) {
+      val = this.input.getInputValue();
+      query = Input.normalizeQuery(val);
+      escapedQuery = _.escapeRegExChars(query);
+
+      // match input value, then capture trailing text
+      frontMatchRegEx = new RegExp('^(?:' + escapedQuery + ')(.+$)', 'i');
+      match = frontMatchRegEx.exec(datum.value);
+
+      // clear hint if there's no trailing text
+      if (match) {
+        this.input.setHint(val + match[1]);
+      } else {
+        this.input.clearHint();
+      }
+    } else {
+      this.input.clearHint();
+    }
+  },
+
+  _autocomplete: function autocomplete(laxCursor) {
+    var hint;
+    var query;
+    var isCursorAtEnd;
+    var datum;
+
+    hint = this.input.getHint();
+    query = this.input.getQuery();
+    isCursorAtEnd = laxCursor || this.input.isCursorAtEnd();
+
+    if (hint && query !== hint && isCursorAtEnd) {
+      datum = this.dropdown.getDatumForTopSuggestion();
+      if (datum) {
+        this.input.setInputValue(datum.value);
+      }
+
+      this.eventBus.trigger('autocompleted', datum.raw, datum.datasetName);
+    }
+  },
+
+  _select: function select(datum, context) {
+    if (typeof datum.value !== 'undefined') {
+      this.input.setQuery(datum.value);
+    }
+    if (this.clearOnSelected) {
+      this.setVal('');
+    } else {
+      this.input.setInputValue(datum.value, true);
+    }
+
+    this._setLanguageDirection();
+
+    var event = this.eventBus.trigger('selected', datum.raw, datum.datasetName, context);
+    if (event.isDefaultPrevented() === false) {
+      this.dropdown.close();
+
+      // #118: allow click event to bubble up to the body before removing
+      // the suggestions otherwise we break event delegation
+      _.defer(_.bind(this.dropdown.empty, this.dropdown));
+    }
+  },
+
+  // ### public
+
+  open: function open() {
+    // if the menu is not activated yet, we need to update
+    // the underlying dropdown menu to trigger the search
+    // otherwise we're not gonna see anything
+    if (!this.isActivated) {
+      var query = this.input.getInputValue();
+      if (query.length >= this.minLength) {
+        this.dropdown.update(query);
+      } else {
+        this.dropdown.empty();
+      }
+    }
+    this.dropdown.open();
+  },
+
+  close: function close() {
+    this.dropdown.close();
+  },
+
+  setVal: function setVal(val) {
+    // expect val to be a string, so be safe, and coerce
+    val = _.toStr(val);
+
+    if (this.isActivated) {
+      this.input.setInputValue(val);
+    } else {
+      this.input.setQuery(val);
+      this.input.setInputValue(val, true);
+    }
+
+    this._setLanguageDirection();
+  },
+
+  getVal: function getVal() {
+    return this.input.getQuery();
+  },
+
+  destroy: function destroy() {
+    this.input.destroy();
+    this.dropdown.destroy();
+
+    destroyDomStructure(this.$node, this.cssClasses);
+
+    this.$node = null;
+  },
+
+  getWrapper: function getWrapper() {
+    return this.dropdown.$container[0];
+  }
+});
+
+function buildDom(options) {
+  var $input;
+  var $wrapper;
+  var $dropdown;
+  var $hint;
+
+  $input = DOM.element(options.input);
+  $wrapper = DOM
+    .element(html.wrapper.replace('%ROOT%', options.cssClasses.root))
+    .css(options.css.wrapper);
+
+  // override the display property with the table-cell value
+  // if the parent element is a table and the original input was a block
+  //  -> https://github.com/algolia/autocomplete.js/issues/16
+  if (!options.appendTo && $input.css('display') === 'block' && $input.parent().css('display') === 'table') {
+    $wrapper.css('display', 'table-cell');
+  }
+  var dropdownHtml = html.dropdown.
+    replace('%PREFIX%', options.cssClasses.prefix).
+    replace('%DROPDOWN_MENU%', options.cssClasses.dropdownMenu);
+  $dropdown = DOM.element(dropdownHtml)
+    .css(options.css.dropdown)
+    .attr({
+      role: 'listbox',
+      id: options.listboxId
+    });
+  if (options.templates && options.templates.dropdownMenu) {
+    $dropdown.html(_.templatify(options.templates.dropdownMenu)());
+  }
+  $hint = $input.clone().css(options.css.hint).css(getBackgroundStyles($input));
+
+  $hint
+    .val('')
+    .addClass(_.className(options.cssClasses.prefix, options.cssClasses.hint, true))
+    .removeAttr('id name placeholder required')
+    .prop('readonly', true)
+    .attr({
+      'aria-hidden': 'true',
+      autocomplete: 'off',
+      spellcheck: 'false',
+      tabindex: -1
+    });
+  if ($hint.removeData) {
+    $hint.removeData();
+  }
+
+  // store the original values of the attrs that get modified
+  // so modifications can be reverted on destroy
+  $input.data(attrsKey, {
+    'aria-autocomplete': $input.attr('aria-autocomplete'),
+    'aria-expanded': $input.attr('aria-expanded'),
+    'aria-owns': $input.attr('aria-owns'),
+    autocomplete: $input.attr('autocomplete'),
+    dir: $input.attr('dir'),
+    role: $input.attr('role'),
+    spellcheck: $input.attr('spellcheck'),
+    style: $input.attr('style'),
+    type: $input.attr('type')
+  });
+
+  $input
+    .addClass(_.className(options.cssClasses.prefix, options.cssClasses.input, true))
+    .attr({
+      autocomplete: 'off',
+      spellcheck: false,
+
+      // Accessibility features
+      // Give the field a presentation of a "select".
+      // Combobox is the combined presentation of a single line textfield
+      // with a listbox popup.
+      // https://www.w3.org/WAI/PF/aria/roles#combobox
+      role: 'combobox',
+      // Let the screen reader know the field has an autocomplete
+      // feature to it.
+      'aria-autocomplete': (options.datasets &&
+        options.datasets[0] && options.datasets[0].displayKey ? 'both' : 'list'),
+      // Indicates whether the dropdown it controls is currently expanded or collapsed
+      'aria-expanded': 'false',
+      'aria-label': options.ariaLabel,
+      // Explicitly point to the listbox,
+      // which is a list of suggestions (aka options)
+      'aria-owns': options.listboxId
+    })
+    .css(options.hint ? options.css.input : options.css.inputWithNoHint);
+
+  // ie7 does not like it when dir is set to auto
+  try {
+    if (!$input.attr('dir')) {
+      $input.attr('dir', 'auto');
+    }
+  } catch (e) {
+    // ignore
+  }
+
+  $wrapper = options.appendTo
+    ? $wrapper.appendTo(DOM.element(options.appendTo).eq(0)).eq(0)
+    : $input.wrap($wrapper).parent();
+
+  $wrapper
+    .prepend(options.hint ? $hint : null)
+    .append($dropdown);
+
+  return {
+    wrapper: $wrapper,
+    input: $input,
+    hint: $hint,
+    menu: $dropdown
+  };
+}
+
+function getBackgroundStyles($el) {
+  return {
+    backgroundAttachment: $el.css('background-attachment'),
+    backgroundClip: $el.css('background-clip'),
+    backgroundColor: $el.css('background-color'),
+    backgroundImage: $el.css('background-image'),
+    backgroundOrigin: $el.css('background-origin'),
+    backgroundPosition: $el.css('background-position'),
+    backgroundRepeat: $el.css('background-repeat'),
+    backgroundSize: $el.css('background-size')
+  };
+}
+
+function destroyDomStructure($node, cssClasses) {
+  var $input = $node.find(_.className(cssClasses.prefix, cssClasses.input));
+
+  // need to remove attrs that weren't previously defined and
+  // revert attrs that originally had a value
+  _.each($input.data(attrsKey), function(val, key) {
+    if (val === undefined) {
+      $input.removeAttr(key);
+    } else {
+      $input.attr(key, val);
+    }
+  });
+
+  $input
+    .detach()
+    .removeClass(_.className(cssClasses.prefix, cssClasses.input, true))
+    .insertAfter($node);
+  if ($input.removeData) {
+    $input.removeData(attrsKey);
+  }
+
+  $node.remove();
+}
+
+Typeahead.Dropdown = Dropdown;
+Typeahead.Input = Input;
+Typeahead.sources = __webpack_require__(/*! ../sources/index.js */ "../../node_modules/autocomplete.js/src/sources/index.js");
+
+module.exports = Typeahead;
+
+
+/***/ },
+
+/***/ "../../node_modules/autocomplete.js/src/common/dom.js"
+/*!************************************************************!*\
+  !*** ../../node_modules/autocomplete.js/src/common/dom.js ***!
+  \************************************************************/
+(module) {
+
+"use strict";
+
+
+module.exports = {
+  element: null
+};
+
+
+/***/ },
+
+/***/ "../../node_modules/autocomplete.js/src/common/parseAlgoliaClientVersion.js"
+/*!**********************************************************************************!*\
+  !*** ../../node_modules/autocomplete.js/src/common/parseAlgoliaClientVersion.js ***!
+  \**********************************************************************************/
+(module) {
+
+"use strict";
+
+module.exports = function parseAlgoliaClientVersion(agent) {
+  var parsed = agent.match(/Algolia for vanilla JavaScript (\d+\.)(\d+\.)(\d+)/);
+  if (parsed) return [parsed[1], parsed[2], parsed[3]];
+  return undefined;
+};
+
+
+/***/ },
+
+/***/ "../../node_modules/autocomplete.js/src/common/utils.js"
+/*!**************************************************************!*\
+  !*** ../../node_modules/autocomplete.js/src/common/utils.js ***!
+  \**************************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+
+var DOM = __webpack_require__(/*! ./dom.js */ "../../node_modules/autocomplete.js/src/common/dom.js");
+
+function escapeRegExp(str) {
+  return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
+}
+
+module.exports = {
+  // those methods are implemented differently
+  // depending on which build it is, using
+  // $... or angular... or Zepto... or require(...)
+  isArray: null,
+  isFunction: null,
+  isObject: null,
+  bind: null,
+  each: null,
+  map: null,
+  mixin: null,
+
+  isMsie: function(agentString) {
+    if (agentString === undefined) { agentString = navigator.userAgent; }
+    // from https://github.com/ded/bowser/blob/master/bowser.js
+    if ((/(msie|trident)/i).test(agentString)) {
+      var match = agentString.match(/(msie |rv:)(\d+(.\d+)?)/i);
+      if (match) { return match[2]; }
+    }
+    return false;
+  },
+
+  // http://stackoverflow.com/a/6969486
+  escapeRegExChars: function(str) {
+    return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
+  },
+
+  isNumber: function(obj) { return typeof obj === 'number'; },
+
+  toStr: function toStr(s) {
+    return s === undefined || s === null ? '' : s + '';
+  },
+
+  cloneDeep: function cloneDeep(obj) {
+    var clone = this.mixin({}, obj);
+    var self = this;
+    this.each(clone, function(value, key) {
+      if (value) {
+        if (self.isArray(value)) {
+          clone[key] = [].concat(value);
+        } else if (self.isObject(value)) {
+          clone[key] = self.cloneDeep(value);
+        }
+      }
+    });
+    return clone;
+  },
+
+  error: function(msg) {
+    throw new Error(msg);
+  },
+
+  every: function(obj, test) {
+    var result = true;
+    if (!obj) {
+      return result;
+    }
+    this.each(obj, function(val, key) {
+      if (result) {
+        result = test.call(null, val, key, obj) && result;
+      }
+    });
+    return !!result;
+  },
+
+  any: function(obj, test) {
+    var found = false;
+    if (!obj) {
+      return found;
+    }
+    this.each(obj, function(val, key) {
+      if (test.call(null, val, key, obj)) {
+        found = true;
+        return false;
+      }
+    });
+    return found;
+  },
+
+  getUniqueId: (function() {
+    var counter = 0;
+    return function() { return counter++; };
+  })(),
+
+  templatify: function templatify(obj) {
+    if (this.isFunction(obj)) {
+      return obj;
+    }
+    var $template = DOM.element(obj);
+    if ($template.prop('tagName') === 'SCRIPT') {
+      return function template() { return $template.text(); };
+    }
+    return function template() { return String(obj); };
+  },
+
+  defer: function(fn) { setTimeout(fn, 0); },
+
+  noop: function() {},
+
+  formatPrefix: function(prefix, noPrefix) {
+    return noPrefix ? '' : prefix + '-';
+  },
+
+  className: function(prefix, clazz, skipDot) {
+    return (skipDot ? '' : '.') + prefix + clazz;
+  },
+
+  escapeHighlightedString: function(str, highlightPreTag, highlightPostTag) {
+    highlightPreTag = highlightPreTag || '<em>';
+    var pre = document.createElement('div');
+    pre.appendChild(document.createTextNode(highlightPreTag));
+
+    highlightPostTag = highlightPostTag || '</em>';
+    var post = document.createElement('div');
+    post.appendChild(document.createTextNode(highlightPostTag));
+
+    var div = document.createElement('div');
+    div.appendChild(document.createTextNode(str));
+    return div.innerHTML
+      .replace(RegExp(escapeRegExp(pre.innerHTML), 'g'), highlightPreTag)
+      .replace(RegExp(escapeRegExp(post.innerHTML), 'g'), highlightPostTag);
+  }
+};
+
+
+/***/ },
+
+/***/ "../../node_modules/autocomplete.js/src/sources/hits.js"
+/*!**************************************************************!*\
+  !*** ../../node_modules/autocomplete.js/src/sources/hits.js ***!
+  \**************************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+
+var _ = __webpack_require__(/*! ../common/utils.js */ "../../node_modules/autocomplete.js/src/common/utils.js");
+var version = __webpack_require__(/*! ../../version.js */ "../../node_modules/autocomplete.js/version.js");
+var parseAlgoliaClientVersion = __webpack_require__(/*! ../common/parseAlgoliaClientVersion.js */ "../../node_modules/autocomplete.js/src/common/parseAlgoliaClientVersion.js");
+
+module.exports = function search(index, params) {
+  var algoliaVersion = parseAlgoliaClientVersion(index.as._ua);
+  if (algoliaVersion && algoliaVersion[0] >= 3 && algoliaVersion[1] > 20) {
+    params = params || {};
+    params.additionalUA = 'autocomplete.js ' + version;
+  }
+  return sourceFn;
+
+  function sourceFn(query, cb) {
+    index.search(query, params, function(error, content) {
+      if (error) {
+        _.error(error.message);
+        return;
+      }
+      cb(content.hits, content);
+    });
+  }
+};
+
+
+/***/ },
+
+/***/ "../../node_modules/autocomplete.js/src/sources/index.js"
+/*!***************************************************************!*\
+  !*** ../../node_modules/autocomplete.js/src/sources/index.js ***!
+  \***************************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+
+module.exports = {
+  hits: __webpack_require__(/*! ./hits.js */ "../../node_modules/autocomplete.js/src/sources/hits.js"),
+  popularIn: __webpack_require__(/*! ./popularIn.js */ "../../node_modules/autocomplete.js/src/sources/popularIn.js")
+};
+
+
+/***/ },
+
+/***/ "../../node_modules/autocomplete.js/src/sources/popularIn.js"
+/*!*******************************************************************!*\
+  !*** ../../node_modules/autocomplete.js/src/sources/popularIn.js ***!
+  \*******************************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+
+var _ = __webpack_require__(/*! ../common/utils.js */ "../../node_modules/autocomplete.js/src/common/utils.js");
+var version = __webpack_require__(/*! ../../version.js */ "../../node_modules/autocomplete.js/version.js");
+var parseAlgoliaClientVersion = __webpack_require__(/*! ../common/parseAlgoliaClientVersion.js */ "../../node_modules/autocomplete.js/src/common/parseAlgoliaClientVersion.js");
+
+module.exports = function popularIn(index, params, details, options) {
+  var algoliaVersion = parseAlgoliaClientVersion(index.as._ua);
+  if (algoliaVersion && algoliaVersion[0] >= 3 && algoliaVersion[1] > 20) {
+    params = params || {};
+    params.additionalUA = 'autocomplete.js ' + version;
+  }
+  if (!details.source) {
+    return _.error("Missing 'source' key");
+  }
+  var source = _.isFunction(details.source) ? details.source : function(hit) { return hit[details.source]; };
+
+  if (!details.index) {
+    return _.error("Missing 'index' key");
+  }
+  var detailsIndex = details.index;
+
+  options = options || {};
+
+  return sourceFn;
+
+  function sourceFn(query, cb) {
+    index.search(query, params, function(error, content) {
+      if (error) {
+        _.error(error.message);
+        return;
+      }
+
+      if (content.hits.length > 0) {
+        var first = content.hits[0];
+
+        var detailsParams = _.mixin({hitsPerPage: 0}, details);
+        delete detailsParams.source; // not a query parameter
+        delete detailsParams.index; // not a query parameter
+
+        var detailsAlgoliaVersion = parseAlgoliaClientVersion(detailsIndex.as._ua);
+        if (detailsAlgoliaVersion && detailsAlgoliaVersion[0] >= 3 && detailsAlgoliaVersion[1] > 20) {
+          params.additionalUA = 'autocomplete.js ' + version;
+        }
+
+        detailsIndex.search(source(first), detailsParams, function(error2, content2) {
+          if (error2) {
+            _.error(error2.message);
+            return;
+          }
+
+          var suggestions = [];
+
+          // add the 'all department' entry before others
+          if (options.includeAll) {
+            var label = options.allTitle || 'All departments';
+            suggestions.push(_.mixin({
+              facet: {value: label, count: content2.nbHits}
+            }, _.cloneDeep(first)));
+          }
+
+          // enrich the first hit iterating over the facets
+          _.each(content2.facets, function(values, facet) {
+            _.each(values, function(count, value) {
+              suggestions.push(_.mixin({
+                facet: {facet: facet, value: value, count: count}
+              }, _.cloneDeep(first)));
+            });
+          });
+
+          // append all other hits
+          for (var i = 1; i < content.hits.length; ++i) {
+            suggestions.push(content.hits[i]);
+          }
+
+          cb(suggestions, content);
+        });
+
+        return;
+      }
+
+      cb([]);
+    });
+  }
+};
+
+
+/***/ },
+
+/***/ "../../node_modules/autocomplete.js/src/standalone/index.js"
+/*!******************************************************************!*\
+  !*** ../../node_modules/autocomplete.js/src/standalone/index.js ***!
+  \******************************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+
+// this will inject Zepto in window, unfortunately no easy commonJS zepto build
+var zepto = __webpack_require__(/*! ../../zepto.js */ "../../node_modules/autocomplete.js/zepto.js");
+
+// setup DOM element
+var DOM = __webpack_require__(/*! ../common/dom.js */ "../../node_modules/autocomplete.js/src/common/dom.js");
+DOM.element = zepto;
+
+// setup utils functions
+var _ = __webpack_require__(/*! ../common/utils.js */ "../../node_modules/autocomplete.js/src/common/utils.js");
+_.isArray = zepto.isArray;
+_.isFunction = zepto.isFunction;
+_.isObject = zepto.isPlainObject;
+_.bind = zepto.proxy;
+_.each = function(collection, cb) {
+  // stupid argument order for jQuery.each
+  zepto.each(collection, reverseArgs);
+  function reverseArgs(index, value) {
+    return cb(value, index);
+  }
+};
+_.map = zepto.map;
+_.mixin = zepto.extend;
+_.Event = zepto.Event;
+
+var typeaheadKey = 'aaAutocomplete';
+var Typeahead = __webpack_require__(/*! ../autocomplete/typeahead.js */ "../../node_modules/autocomplete.js/src/autocomplete/typeahead.js");
+var EventBus = __webpack_require__(/*! ../autocomplete/event_bus.js */ "../../node_modules/autocomplete.js/src/autocomplete/event_bus.js");
+
+function autocomplete(selector, options, datasets, typeaheadObject) {
+  datasets = _.isArray(datasets) ? datasets : [].slice.call(arguments, 2);
+
+  var inputs = zepto(selector).each(function(i, input) {
+    var $input = zepto(input);
+    var eventBus = new EventBus({el: $input});
+    var typeahead = typeaheadObject || new Typeahead({
+      input: $input,
+      eventBus: eventBus,
+      dropdownMenuContainer: options.dropdownMenuContainer,
+      hint: options.hint === undefined ? true : !!options.hint,
+      minLength: options.minLength,
+      autoselect: options.autoselect,
+      autoselectOnBlur: options.autoselectOnBlur,
+      tabAutocomplete: options.tabAutocomplete,
+      openOnFocus: options.openOnFocus,
+      templates: options.templates,
+      debug: options.debug,
+      clearOnSelected: options.clearOnSelected,
+      cssClasses: options.cssClasses,
+      datasets: datasets,
+      keyboardShortcuts: options.keyboardShortcuts,
+      appendTo: options.appendTo,
+      autoWidth: options.autoWidth,
+      ariaLabel: options.ariaLabel || input.getAttribute('aria-label')
+    });
+    $input.data(typeaheadKey, typeahead);
+  });
+
+  // expose all methods in the `autocomplete` attribute
+  inputs.autocomplete = {};
+  _.each(['open', 'close', 'getVal', 'setVal', 'destroy', 'getWrapper'], function(method) {
+    inputs.autocomplete[method] = function() {
+      var methodArguments = arguments;
+      var result;
+      inputs.each(function(j, input) {
+        var typeahead = zepto(input).data(typeaheadKey);
+        result = typeahead[method].apply(typeahead, methodArguments);
+      });
+      return result;
+    };
+  });
+
+  return inputs;
+}
+
+autocomplete.sources = Typeahead.sources;
+autocomplete.escapeHighlightedString = _.escapeHighlightedString;
+
+var wasAutocompleteSet = 'autocomplete' in window;
+var oldAutocomplete = window.autocomplete;
+autocomplete.noConflict = function noConflict() {
+  if (wasAutocompleteSet) {
+    window.autocomplete = oldAutocomplete;
+  } else {
+    delete window.autocomplete;
+  }
+  return autocomplete;
+};
+
+module.exports = autocomplete;
+
+
+/***/ },
+
+/***/ "../../node_modules/autocomplete.js/version.js"
+/*!*****************************************************!*\
+  !*** ../../node_modules/autocomplete.js/version.js ***!
+  \*****************************************************/
+(module) {
+
+module.exports = "0.36.0";
+
+
+/***/ },
+
+/***/ "../../node_modules/autocomplete.js/zepto.js"
+/*!***************************************************!*\
+  !*** ../../node_modules/autocomplete.js/zepto.js ***!
+  \***************************************************/
+(module) {
+
+/* istanbul ignore next */
+/* Zepto v1.2.0 - zepto event assets data - zeptojs.com/license */
+(function(global, factory) {
+  module.exports = factory(global);
+}(/* this ##### UPDATED: here we want to use window/global instead of this which is the current file context ##### */ window, function(window) {
+  var Zepto = (function() {
+  var undefined, key, $, classList, emptyArray = [], concat = emptyArray.concat, filter = emptyArray.filter, slice = emptyArray.slice,
+    document = window.document,
+    elementDisplay = {}, classCache = {},
+    cssNumber = { 'column-count': 1, 'columns': 1, 'font-weight': 1, 'line-height': 1,'opacity': 1, 'z-index': 1, 'zoom': 1 },
+    fragmentRE = /^\s*<(\w+|!)[^>]*>/,
+    singleTagRE = /^<(\w+)\s*\/?>(?:<\/\1>|)$/,
+    tagExpanderRE = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,
+    rootNodeRE = /^(?:body|html)$/i,
+    capitalRE = /([A-Z])/g,
+
+    // special attributes that should be get/set via method calls
+    methodAttributes = ['val', 'css', 'html', 'text', 'data', 'width', 'height', 'offset'],
+
+    adjacencyOperators = [ 'after', 'prepend', 'before', 'append' ],
+    table = document.createElement('table'),
+    tableRow = document.createElement('tr'),
+    containers = {
+      'tr': document.createElement('tbody'),
+      'tbody': table, 'thead': table, 'tfoot': table,
+      'td': tableRow, 'th': tableRow,
+      '*': document.createElement('div')
+    },
+    readyRE = /complete|loaded|interactive/,
+    simpleSelectorRE = /^[\w-]*$/,
+    class2type = {},
+    toString = class2type.toString,
+    zepto = {},
+    camelize, uniq,
+    tempParent = document.createElement('div'),
+    propMap = {
+      'tabindex': 'tabIndex',
+      'readonly': 'readOnly',
+      'for': 'htmlFor',
+      'class': 'className',
+      'maxlength': 'maxLength',
+      'cellspacing': 'cellSpacing',
+      'cellpadding': 'cellPadding',
+      'rowspan': 'rowSpan',
+      'colspan': 'colSpan',
+      'usemap': 'useMap',
+      'frameborder': 'frameBorder',
+      'contenteditable': 'contentEditable'
+    },
+    isArray = Array.isArray ||
+      function(object){ return object instanceof Array }
+
+  zepto.matches = function(element, selector) {
+    if (!selector || !element || element.nodeType !== 1) return false
+    var matchesSelector = element.matches || element.webkitMatchesSelector ||
+                          element.mozMatchesSelector || element.oMatchesSelector ||
+                          element.matchesSelector
+    if (matchesSelector) return matchesSelector.call(element, selector)
+    // fall back to performing a selector:
+    var match, parent = element.parentNode, temp = !parent
+    if (temp) (parent = tempParent).appendChild(element)
+    match = ~zepto.qsa(parent, selector).indexOf(element)
+    temp && tempParent.removeChild(element)
+    return match
+  }
+
+  function type(obj) {
+    return obj == null ? String(obj) :
+      class2type[toString.call(obj)] || "object"
+  }
+
+  function isFunction(value) { return type(value) == "function" }
+  function isWindow(obj)     { return obj != null && obj == obj.window }
+  function isDocument(obj)   { return obj != null && obj.nodeType == obj.DOCUMENT_NODE }
+  function isObject(obj)     { return type(obj) == "object" }
+  function isPlainObject(obj) {
+    return isObject(obj) && !isWindow(obj) && Object.getPrototypeOf(obj) == Object.prototype
+  }
+
+  function likeArray(obj) {
+    var length = !!obj && 'length' in obj && obj.length,
+      type = $.type(obj)
+
+    return 'function' != type && !isWindow(obj) && (
+      'array' == type || length === 0 ||
+        (typeof length == 'number' && length > 0 && (length - 1) in obj)
+    )
+  }
+
+  function compact(array) { return filter.call(array, function(item){ return item != null }) }
+  function flatten(array) { return array.length > 0 ? $.fn.concat.apply([], array) : array }
+  camelize = function(str){ return str.replace(/-+(.)?/g, function(match, chr){ return chr ? chr.toUpperCase() : '' }) }
+  function dasherize(str) {
+    return str.replace(/::/g, '/')
+           .replace(/([A-Z]+)([A-Z][a-z])/g, '$1_$2')
+           .replace(/([a-z\d])([A-Z])/g, '$1_$2')
+           .replace(/_/g, '-')
+           .toLowerCase()
+  }
+  uniq = function(array){ return filter.call(array, function(item, idx){ return array.indexOf(item) == idx }) }
+
+  function classRE(name) {
+    return name in classCache ?
+      classCache[name] : (classCache[name] = new RegExp('(^|\\s)' + name + '(\\s|$)'))
+  }
+
+  function maybeAddPx(name, value) {
+    return (typeof value == "number" && !cssNumber[dasherize(name)]) ? value + "px" : value
+  }
+
+  function defaultDisplay(nodeName) {
+    var element, display
+    if (!elementDisplay[nodeName]) {
+      element = document.createElement(nodeName)
+      document.body.appendChild(element)
+      display = getComputedStyle(element, '').getPropertyValue("display")
+      element.parentNode.removeChild(element)
+      display == "none" && (display = "block")
+      elementDisplay[nodeName] = display
+    }
+    return elementDisplay[nodeName]
+  }
+
+  function children(element) {
+    return 'children' in element ?
+      slice.call(element.children) :
+      $.map(element.childNodes, function(node){ if (node.nodeType == 1) return node })
+  }
+
+  function Z(dom, selector) {
+    var i, len = dom ? dom.length : 0
+    for (i = 0; i < len; i++) this[i] = dom[i]
+    this.length = len
+    this.selector = selector || ''
+  }
+
+  // `$.zepto.fragment` takes a html string and an optional tag name
+  // to generate DOM nodes from the given html string.
+  // The generated DOM nodes are returned as an array.
+  // This function can be overridden in plugins for example to make
+  // it compatible with browsers that don't support the DOM fully.
+  zepto.fragment = function(html, name, properties) {
+    var dom, nodes, container
+
+    // A special case optimization for a single tag
+    if (singleTagRE.test(html)) dom = $(document.createElement(RegExp.$1))
+
+    if (!dom) {
+      if (html.replace) html = html.replace(tagExpanderRE, "<$1></$2>")
+      if (name === undefined) name = fragmentRE.test(html) && RegExp.$1
+      if (!(name in containers)) name = '*'
+
+      container = containers[name]
+      container.innerHTML = '' + html
+      dom = $.each(slice.call(container.childNodes), function(){
+        container.removeChild(this)
+      })
+    }
+
+    if (isPlainObject(properties)) {
+      nodes = $(dom)
+      $.each(properties, function(key, value) {
+        if (methodAttributes.indexOf(key) > -1) nodes[key](value)
+        else nodes.attr(key, value)
+      })
+    }
+
+    return dom
+  }
+
+  // `$.zepto.Z` swaps out the prototype of the given `dom` array
+  // of nodes with `$.fn` and thus supplying all the Zepto functions
+  // to the array. This method can be overridden in plugins.
+  zepto.Z = function(dom, selector) {
+    return new Z(dom, selector)
+  }
+
+  // `$.zepto.isZ` should return `true` if the given object is a Zepto
+  // collection. This method can be overridden in plugins.
+  zepto.isZ = function(object) {
+    return object instanceof zepto.Z
+  }
+
+  // `$.zepto.init` is Zepto's counterpart to jQuery's `$.fn.init` and
+  // takes a CSS selector and an optional context (and handles various
+  // special cases).
+  // This method can be overridden in plugins.
+  zepto.init = function(selector, context) {
+    var dom
+    // If nothing given, return an empty Zepto collection
+    if (!selector) return zepto.Z()
+    // Optimize for string selectors
+    else if (typeof selector == 'string') {
+      selector = selector.trim()
+      // If it's a html fragment, create nodes from it
+      // Note: In both Chrome 21 and Firefox 15, DOM error 12
+      // is thrown if the fragment doesn't begin with <
+      if (selector[0] == '<' && fragmentRE.test(selector))
+        dom = zepto.fragment(selector, RegExp.$1, context), selector = null
+      // If there's a context, create a collection on that context first, and select
+      // nodes from there
+      else if (context !== undefined) return $(context).find(selector)
+      // If it's a CSS selector, use it to select nodes.
+      else dom = zepto.qsa(document, selector)
+    }
+    // If a function is given, call it when the DOM is ready
+    else if (isFunction(selector)) return $(document).ready(selector)
+    // If a Zepto collection is given, just return it
+    else if (zepto.isZ(selector)) return selector
+    else {
+      // normalize array if an array of nodes is given
+      if (isArray(selector)) dom = compact(selector)
+      // Wrap DOM nodes.
+      else if (isObject(selector))
+        dom = [selector], selector = null
+      // If it's a html fragment, create nodes from it
+      else if (fragmentRE.test(selector))
+        dom = zepto.fragment(selector.trim(), RegExp.$1, context), selector = null
+      // If there's a context, create a collection on that context first, and select
+      // nodes from there
+      else if (context !== undefined) return $(context).find(selector)
+      // And last but no least, if it's a CSS selector, use it to select nodes.
+      else dom = zepto.qsa(document, selector)
+    }
+    // create a new Zepto collection from the nodes found
+    return zepto.Z(dom, selector)
+  }
+
+  // `$` will be the base `Zepto` object. When calling this
+  // function just call `$.zepto.init, which makes the implementation
+  // details of selecting nodes and creating Zepto collections
+  // patchable in plugins.
+  $ = function(selector, context){
+    return zepto.init(selector, context)
+  }
+
+  function extend(target, source, deep) {
+    for (key in source)
+      if (deep && (isPlainObject(source[key]) || isArray(source[key]))) {
+        if (isPlainObject(source[key]) && !isPlainObject(target[key]))
+          target[key] = {}
+        if (isArray(source[key]) && !isArray(target[key]))
+          target[key] = []
+        extend(target[key], source[key], deep)
+      }
+      else if (source[key] !== undefined) target[key] = source[key]
+  }
+
+  // Copy all but undefined properties from one or more
+  // objects to the `target` object.
+  $.extend = function(target){
+    var deep, args = slice.call(arguments, 1)
+    if (typeof target == 'boolean') {
+      deep = target
+      target = args.shift()
+    }
+    args.forEach(function(arg){ extend(target, arg, deep) })
+    return target
+  }
+
+  // `$.zepto.qsa` is Zepto's CSS selector implementation which
+  // uses `document.querySelectorAll` and optimizes for some special cases, like `#id`.
+  // This method can be overridden in plugins.
+  zepto.qsa = function(element, selector){
+    var found,
+        maybeID = selector[0] == '#',
+        maybeClass = !maybeID && selector[0] == '.',
+        nameOnly = maybeID || maybeClass ? selector.slice(1) : selector, // Ensure that a 1 char tag name still gets checked
+        isSimple = simpleSelectorRE.test(nameOnly)
+    return (element.getElementById && isSimple && maybeID) ? // Safari DocumentFragment doesn't have getElementById
+      ( (found = element.getElementById(nameOnly)) ? [found] : [] ) :
+      (element.nodeType !== 1 && element.nodeType !== 9 && element.nodeType !== 11) ? [] :
+      slice.call(
+        isSimple && !maybeID && element.getElementsByClassName ? // DocumentFragment doesn't have getElementsByClassName/TagName
+          maybeClass ? element.getElementsByClassName(nameOnly) : // If it's simple, it could be a class
+          element.getElementsByTagName(selector) : // Or a tag
+          element.querySelectorAll(selector) // Or it's not simple, and we need to query all
+      )
+  }
+
+  function filtered(nodes, selector) {
+    return selector == null ? $(nodes) : $(nodes).filter(selector)
+  }
+
+  $.contains = document.documentElement.contains ?
+    function(parent, node) {
+      return parent !== node && parent.contains(node)
+    } :
+    function(parent, node) {
+      while (node && (node = node.parentNode))
+        if (node === parent) return true
+      return false
+    }
+
+  function funcArg(context, arg, idx, payload) {
+    return isFunction(arg) ? arg.call(context, idx, payload) : arg
+  }
+
+  function setAttribute(node, name, value) {
+    value == null ? node.removeAttribute(name) : node.setAttribute(name, value)
+  }
+
+  // access className property while respecting SVGAnimatedString
+  function className(node, value){
+    var klass = node.className || '',
+        svg   = klass && klass.baseVal !== undefined
+
+    if (value === undefined) return svg ? klass.baseVal : klass
+    svg ? (klass.baseVal = value) : (node.className = value)
+  }
+
+  // "true"  => true
+  // "false" => false
+  // "null"  => null
+  // "42"    => 42
+  // "42.5"  => 42.5
+  // "08"    => "08"
+  // JSON    => parse if valid
+  // String  => self
+  function deserializeValue(value) {
+    try {
+      return value ?
+        value == "true" ||
+        ( value == "false" ? false :
+          value == "null" ? null :
+          +value + "" == value ? +value :
+          /^[\[\{]/.test(value) ? $.parseJSON(value) :
+          value )
+        : value
+    } catch(e) {
+      return value
+    }
+  }
+
+  $.type = type
+  $.isFunction = isFunction
+  $.isWindow = isWindow
+  $.isArray = isArray
+  $.isPlainObject = isPlainObject
+
+  $.isEmptyObject = function(obj) {
+    var name
+    for (name in obj) return false
+    return true
+  }
+
+  $.isNumeric = function(val) {
+    var num = Number(val), type = typeof val
+    return val != null && type != 'boolean' &&
+      (type != 'string' || val.length) &&
+      !isNaN(num) && isFinite(num) || false
+  }
+
+  $.inArray = function(elem, array, i){
+    return emptyArray.indexOf.call(array, elem, i)
+  }
+
+  $.camelCase = camelize
+  $.trim = function(str) {
+    return str == null ? "" : String.prototype.trim.call(str)
+  }
+
+  // plugin compatibility
+  $.uuid = 0
+  $.support = { }
+  $.expr = { }
+  $.noop = function() {}
+
+  $.map = function(elements, callback){
+    var value, values = [], i, key
+    if (likeArray(elements))
+      for (i = 0; i < elements.length; i++) {
+        value = callback(elements[i], i)
+        if (value != null) values.push(value)
+      }
+    else
+      for (key in elements) {
+        value = callback(elements[key], key)
+        if (value != null) values.push(value)
+      }
+    return flatten(values)
+  }
+
+  $.each = function(elements, callback){
+    var i, key
+    if (likeArray(elements)) {
+      for (i = 0; i < elements.length; i++)
+        if (callback.call(elements[i], i, elements[i]) === false) return elements
+    } else {
+      for (key in elements)
+        if (callback.call(elements[key], key, elements[key]) === false) return elements
+    }
+
+    return elements
+  }
+
+  $.grep = function(elements, callback){
+    return filter.call(elements, callback)
+  }
+
+  if (window.JSON) $.parseJSON = JSON.parse
+
+  // Populate the class2type map
+  $.each("Boolean Number String Function Array Date RegExp Object Error".split(" "), function(i, name) {
+    class2type[ "[object " + name + "]" ] = name.toLowerCase()
+  })
+
+  // Define methods that will be available on all
+  // Zepto collections
+  $.fn = {
+    constructor: zepto.Z,
+    length: 0,
+
+    // Because a collection acts like an array
+    // copy over these useful array functions.
+    forEach: emptyArray.forEach,
+    reduce: emptyArray.reduce,
+    push: emptyArray.push,
+    sort: emptyArray.sort,
+    splice: emptyArray.splice,
+    indexOf: emptyArray.indexOf,
+    concat: function(){
+      var i, value, args = []
+      for (i = 0; i < arguments.length; i++) {
+        value = arguments[i]
+        args[i] = zepto.isZ(value) ? value.toArray() : value
+      }
+      return concat.apply(zepto.isZ(this) ? this.toArray() : this, args)
+    },
+
+    // `map` and `slice` in the jQuery API work differently
+    // from their array counterparts
+    map: function(fn){
+      return $($.map(this, function(el, i){ return fn.call(el, i, el) }))
+    },
+    slice: function(){
+      return $(slice.apply(this, arguments))
+    },
+
+    ready: function(callback){
+      // need to check if document.body exists for IE as that browser reports
+      // document ready when it hasn't yet created the body element
+      if (readyRE.test(document.readyState) && document.body) callback($)
+      else document.addEventListener('DOMContentLoaded', function(){ callback($) }, false)
+      return this
+    },
+    get: function(idx){
+      return idx === undefined ? slice.call(this) : this[idx >= 0 ? idx : idx + this.length]
+    },
+    toArray: function(){ return this.get() },
+    size: function(){
+      return this.length
+    },
+    remove: function(){
+      return this.each(function(){
+        if (this.parentNode != null)
+          this.parentNode.removeChild(this)
+      })
+    },
+    each: function(callback){
+      emptyArray.every.call(this, function(el, idx){
+        return callback.call(el, idx, el) !== false
+      })
+      return this
+    },
+    filter: function(selector){
+      if (isFunction(selector)) return this.not(this.not(selector))
+      return $(filter.call(this, function(element){
+        return zepto.matches(element, selector)
+      }))
+    },
+    add: function(selector,context){
+      return $(uniq(this.concat($(selector,context))))
+    },
+    is: function(selector){
+      return this.length > 0 && zepto.matches(this[0], selector)
+    },
+    not: function(selector){
+      var nodes=[]
+      if (isFunction(selector) && selector.call !== undefined)
+        this.each(function(idx){
+          if (!selector.call(this,idx)) nodes.push(this)
+        })
+      else {
+        var excludes = typeof selector == 'string' ? this.filter(selector) :
+          (likeArray(selector) && isFunction(selector.item)) ? slice.call(selector) : $(selector)
+        this.forEach(function(el){
+          if (excludes.indexOf(el) < 0) nodes.push(el)
+        })
+      }
+      return $(nodes)
+    },
+    has: function(selector){
+      return this.filter(function(){
+        return isObject(selector) ?
+          $.contains(this, selector) :
+          $(this).find(selector).size()
+      })
+    },
+    eq: function(idx){
+      return idx === -1 ? this.slice(idx) : this.slice(idx, + idx + 1)
+    },
+    first: function(){
+      var el = this[0]
+      return el && !isObject(el) ? el : $(el)
+    },
+    last: function(){
+      var el = this[this.length - 1]
+      return el && !isObject(el) ? el : $(el)
+    },
+    find: function(selector){
+      var result, $this = this
+      if (!selector) result = $()
+      else if (typeof selector == 'object')
+        result = $(selector).filter(function(){
+          var node = this
+          return emptyArray.some.call($this, function(parent){
+            return $.contains(parent, node)
+          })
+        })
+      else if (this.length == 1) result = $(zepto.qsa(this[0], selector))
+      else result = this.map(function(){ return zepto.qsa(this, selector) })
+      return result
+    },
+    closest: function(selector, context){
+      var nodes = [], collection = typeof selector == 'object' && $(selector)
+      this.each(function(_, node){
+        while (node && !(collection ? collection.indexOf(node) >= 0 : zepto.matches(node, selector)))
+          node = node !== context && !isDocument(node) && node.parentNode
+        if (node && nodes.indexOf(node) < 0) nodes.push(node)
+      })
+      return $(nodes)
+    },
+    parents: function(selector){
+      var ancestors = [], nodes = this
+      while (nodes.length > 0)
+        nodes = $.map(nodes, function(node){
+          if ((node = node.parentNode) && !isDocument(node) && ancestors.indexOf(node) < 0) {
+            ancestors.push(node)
+            return node
+          }
+        })
+      return filtered(ancestors, selector)
+    },
+    parent: function(selector){
+      return filtered(uniq(this.pluck('parentNode')), selector)
+    },
+    children: function(selector){
+      return filtered(this.map(function(){ return children(this) }), selector)
+    },
+    contents: function() {
+      return this.map(function() { return this.contentDocument || slice.call(this.childNodes) })
+    },
+    siblings: function(selector){
+      return filtered(this.map(function(i, el){
+        return filter.call(children(el.parentNode), function(child){ return child!==el })
+      }), selector)
+    },
+    empty: function(){
+      return this.each(function(){ this.innerHTML = '' })
+    },
+    // `pluck` is borrowed from Prototype.js
+    pluck: function(property){
+      return $.map(this, function(el){ return el[property] })
+    },
+    show: function(){
+      return this.each(function(){
+        this.style.display == "none" && (this.style.display = '')
+        if (getComputedStyle(this, '').getPropertyValue("display") == "none")
+          this.style.display = defaultDisplay(this.nodeName)
+      })
+    },
+    replaceWith: function(newContent){
+      return this.before(newContent).remove()
+    },
+    wrap: function(structure){
+      var func = isFunction(structure)
+      if (this[0] && !func)
+        var dom   = $(structure).get(0),
+            clone = dom.parentNode || this.length > 1
+
+      return this.each(function(index){
+        $(this).wrapAll(
+          func ? structure.call(this, index) :
+            clone ? dom.cloneNode(true) : dom
+        )
+      })
+    },
+    wrapAll: function(structure){
+      if (this[0]) {
+        $(this[0]).before(structure = $(structure))
+        var children
+        // drill down to the inmost element
+        while ((children = structure.children()).length) structure = children.first()
+        $(structure).append(this)
+      }
+      return this
+    },
+    wrapInner: function(structure){
+      var func = isFunction(structure)
+      return this.each(function(index){
+        var self = $(this), contents = self.contents(),
+            dom  = func ? structure.call(this, index) : structure
+        contents.length ? contents.wrapAll(dom) : self.append(dom)
+      })
+    },
+    unwrap: function(){
+      this.parent().each(function(){
+        $(this).replaceWith($(this).children())
+      })
+      return this
+    },
+    clone: function(){
+      return this.map(function(){ return this.cloneNode(true) })
+    },
+    hide: function(){
+      return this.css("display", "none")
+    },
+    toggle: function(setting){
+      return this.each(function(){
+        var el = $(this)
+        ;(setting === undefined ? el.css("display") == "none" : setting) ? el.show() : el.hide()
+      })
+    },
+    prev: function(selector){ return $(this.pluck('previousElementSibling')).filter(selector || '*') },
+    next: function(selector){ return $(this.pluck('nextElementSibling')).filter(selector || '*') },
+    html: function(html){
+      return 0 in arguments ?
+        this.each(function(idx){
+          var originHtml = this.innerHTML
+          $(this).empty().append( funcArg(this, html, idx, originHtml) )
+        }) :
+        (0 in this ? this[0].innerHTML : null)
+    },
+    text: function(text){
+      return 0 in arguments ?
+        this.each(function(idx){
+          var newText = funcArg(this, text, idx, this.textContent)
+          this.textContent = newText == null ? '' : ''+newText
+        }) :
+        (0 in this ? this.pluck('textContent').join("") : null)
+    },
+    attr: function(name, value){
+      var result
+      return (typeof name == 'string' && !(1 in arguments)) ?
+        (0 in this && this[0].nodeType == 1 && (result = this[0].getAttribute(name)) != null ? result : undefined) :
+        this.each(function(idx){
+          if (this.nodeType !== 1) return
+          if (isObject(name)) for (key in name) setAttribute(this, key, name[key])
+          else setAttribute(this, name, funcArg(this, value, idx, this.getAttribute(name)))
+        })
+    },
+    removeAttr: function(name){
+      return this.each(function(){ this.nodeType === 1 && name.split(' ').forEach(function(attribute){
+        setAttribute(this, attribute)
+      }, this)})
+    },
+    prop: function(name, value){
+      name = propMap[name] || name
+      return (1 in arguments) ?
+        this.each(function(idx){
+          this[name] = funcArg(this, value, idx, this[name])
+        }) :
+        (this[0] && this[0][name])
+    },
+    removeProp: function(name){
+      name = propMap[name] || name
+      return this.each(function(){ delete this[name] })
+    },
+    data: function(name, value){
+      var attrName = 'data-' + name.replace(capitalRE, '-$1').toLowerCase()
+
+      var data = (1 in arguments) ?
+        this.attr(attrName, value) :
+        this.attr(attrName)
+
+      return data !== null ? deserializeValue(data) : undefined
+    },
+    val: function(value){
+      if (0 in arguments) {
+        if (value == null) value = ""
+        return this.each(function(idx){
+          this.value = funcArg(this, value, idx, this.value)
+        })
+      } else {
+        return this[0] && (this[0].multiple ?
+           $(this[0]).find('option').filter(function(){ return this.selected }).pluck('value') :
+           this[0].value)
+      }
+    },
+    offset: function(coordinates){
+      if (coordinates) return this.each(function(index){
+        var $this = $(this),
+            coords = funcArg(this, coordinates, index, $this.offset()),
+            parentOffset = $this.offsetParent().offset(),
+            props = {
+              top:  coords.top  - parentOffset.top,
+              left: coords.left - parentOffset.left
+            }
+
+        if ($this.css('position') == 'static') props['position'] = 'relative'
+        $this.css(props)
+      })
+      if (!this.length) return null
+      if (document.documentElement !== this[0] && !$.contains(document.documentElement, this[0]))
+        return {top: 0, left: 0}
+      var obj = this[0].getBoundingClientRect()
+      return {
+        left: obj.left + window.pageXOffset,
+        top: obj.top + window.pageYOffset,
+        width: Math.round(obj.width),
+        height: Math.round(obj.height)
+      }
+    },
+    css: function(property, value){
+      if (arguments.length < 2) {
+        var element = this[0]
+        if (typeof property == 'string') {
+          if (!element) return
+          return element.style[camelize(property)] || getComputedStyle(element, '').getPropertyValue(property)
+        } else if (isArray(property)) {
+          if (!element) return
+          var props = {}
+          var computedStyle = getComputedStyle(element, '')
+          $.each(property, function(_, prop){
+            props[prop] = (element.style[camelize(prop)] || computedStyle.getPropertyValue(prop))
+          })
+          return props
+        }
+      }
+
+      var css = ''
+      if (type(property) == 'string') {
+        if (!value && value !== 0)
+          this.each(function(){ this.style.removeProperty(dasherize(property)) })
+        else
+          css = dasherize(property) + ":" + maybeAddPx(property, value)
+      } else {
+        for (key in property)
+          if (!property[key] && property[key] !== 0)
+            this.each(function(){ this.style.removeProperty(dasherize(key)) })
+          else
+            css += dasherize(key) + ':' + maybeAddPx(key, property[key]) + ';'
+      }
+
+      return this.each(function(){ this.style.cssText += ';' + css })
+    },
+    index: function(element){
+      return element ? this.indexOf($(element)[0]) : this.parent().children().indexOf(this[0])
+    },
+    hasClass: function(name){
+      if (!name) return false
+      return emptyArray.some.call(this, function(el){
+        return this.test(className(el))
+      }, classRE(name))
+    },
+    addClass: function(name){
+      if (!name) return this
+      return this.each(function(idx){
+        if (!('className' in this)) return
+        classList = []
+        var cls = className(this), newName = funcArg(this, name, idx, cls)
+        newName.split(/\s+/g).forEach(function(klass){
+          if (!$(this).hasClass(klass)) classList.push(klass)
+        }, this)
+        classList.length && className(this, cls + (cls ? " " : "") + classList.join(" "))
+      })
+    },
+    removeClass: function(name){
+      return this.each(function(idx){
+        if (!('className' in this)) return
+        if (name === undefined) return className(this, '')
+        classList = className(this)
+        funcArg(this, name, idx, classList).split(/\s+/g).forEach(function(klass){
+          classList = classList.replace(classRE(klass), " ")
+        })
+        className(this, classList.trim())
+      })
+    },
+    toggleClass: function(name, when){
+      if (!name) return this
+      return this.each(function(idx){
+        var $this = $(this), names = funcArg(this, name, idx, className(this))
+        names.split(/\s+/g).forEach(function(klass){
+          (when === undefined ? !$this.hasClass(klass) : when) ?
+            $this.addClass(klass) : $this.removeClass(klass)
+        })
+      })
+    },
+    scrollTop: function(value){
+      if (!this.length) return
+      var hasScrollTop = 'scrollTop' in this[0]
+      if (value === undefined) return hasScrollTop ? this[0].scrollTop : this[0].pageYOffset
+      return this.each(hasScrollTop ?
+        function(){ this.scrollTop = value } :
+        function(){ this.scrollTo(this.scrollX, value) })
+    },
+    scrollLeft: function(value){
+      if (!this.length) return
+      var hasScrollLeft = 'scrollLeft' in this[0]
+      if (value === undefined) return hasScrollLeft ? this[0].scrollLeft : this[0].pageXOffset
+      return this.each(hasScrollLeft ?
+        function(){ this.scrollLeft = value } :
+        function(){ this.scrollTo(value, this.scrollY) })
+    },
+    position: function() {
+      if (!this.length) return
+
+      var elem = this[0],
+        // Get *real* offsetParent
+        offsetParent = this.offsetParent(),
+        // Get correct offsets
+        offset       = this.offset(),
+        parentOffset = rootNodeRE.test(offsetParent[0].nodeName) ? { top: 0, left: 0 } : offsetParent.offset()
+
+      // Subtract element margins
+      // note: when an element has margin: auto the offsetLeft and marginLeft
+      // are the same in Safari causing offset.left to incorrectly be 0
+      offset.top  -= parseFloat( $(elem).css('margin-top') ) || 0
+      offset.left -= parseFloat( $(elem).css('margin-left') ) || 0
+
+      // Add offsetParent borders
+      parentOffset.top  += parseFloat( $(offsetParent[0]).css('border-top-width') ) || 0
+      parentOffset.left += parseFloat( $(offsetParent[0]).css('border-left-width') ) || 0
+
+      // Subtract the two offsets
+      return {
+        top:  offset.top  - parentOffset.top,
+        left: offset.left - parentOffset.left
+      }
+    },
+    offsetParent: function() {
+      return this.map(function(){
+        var parent = this.offsetParent || document.body
+        while (parent && !rootNodeRE.test(parent.nodeName) && $(parent).css("position") == "static")
+          parent = parent.offsetParent
+        return parent
+      })
+    }
+  }
+
+  // for now
+  $.fn.detach = $.fn.remove
+
+  // Generate the `width` and `height` functions
+  ;['width', 'height'].forEach(function(dimension){
+    var dimensionProperty =
+      dimension.replace(/./, function(m){ return m[0].toUpperCase() })
+
+    $.fn[dimension] = function(value){
+      var offset, el = this[0]
+      if (value === undefined) return isWindow(el) ? el['inner' + dimensionProperty] :
+        isDocument(el) ? el.documentElement['scroll' + dimensionProperty] :
+        (offset = this.offset()) && offset[dimension]
+      else return this.each(function(idx){
+        el = $(this)
+        el.css(dimension, funcArg(this, value, idx, el[dimension]()))
+      })
+    }
+  })
+
+  function traverseNode(node, fun) {
+    fun(node)
+    for (var i = 0, len = node.childNodes.length; i < len; i++)
+      traverseNode(node.childNodes[i], fun)
+  }
+
+  // Generate the `after`, `prepend`, `before`, `append`,
+  // `insertAfter`, `insertBefore`, `appendTo`, and `prependTo` methods.
+  adjacencyOperators.forEach(function(operator, operatorIndex) {
+    var inside = operatorIndex % 2 //=> prepend, append
+
+    $.fn[operator] = function(){
+      // arguments can be nodes, arrays of nodes, Zepto objects and HTML strings
+      var argType, nodes = $.map(arguments, function(arg) {
+            var arr = []
+            argType = type(arg)
+            if (argType == "array") {
+              arg.forEach(function(el) {
+                if (el.nodeType !== undefined) return arr.push(el)
+                else if ($.zepto.isZ(el)) return arr = arr.concat(el.get())
+                arr = arr.concat(zepto.fragment(el))
+              })
+              return arr
+            }
+            return argType == "object" || arg == null ?
+              arg : zepto.fragment(arg)
+          }),
+          parent, copyByClone = this.length > 1
+      if (nodes.length < 1) return this
+
+      return this.each(function(_, target){
+        parent = inside ? target : target.parentNode
+
+        // convert all methods to a "before" operation
+        target = operatorIndex == 0 ? target.nextSibling :
+                 operatorIndex == 1 ? target.firstChild :
+                 operatorIndex == 2 ? target :
+                 null
+
+        var parentInDocument = $.contains(document.documentElement, parent)
+
+        nodes.forEach(function(node){
+          if (copyByClone) node = node.cloneNode(true)
+          else if (!parent) return $(node).remove()
+
+          parent.insertBefore(node, target)
+          if (parentInDocument) traverseNode(node, function(el){
+            if (el.nodeName != null && el.nodeName.toUpperCase() === 'SCRIPT' &&
+               (!el.type || el.type === 'text/javascript') && !el.src){
+              var target = el.ownerDocument ? el.ownerDocument.defaultView : window
+              target['eval'].call(target, el.innerHTML)
+            }
+          })
+        })
+      })
+    }
+
+    // after    => insertAfter
+    // prepend  => prependTo
+    // before   => insertBefore
+    // append   => appendTo
+    $.fn[inside ? operator+'To' : 'insert'+(operatorIndex ? 'Before' : 'After')] = function(html){
+      $(html)[operator](this)
+      return this
+    }
+  })
+
+  zepto.Z.prototype = Z.prototype = $.fn
+
+  // Export internal API functions in the `$.zepto` namespace
+  zepto.uniq = uniq
+  zepto.deserializeValue = deserializeValue
+  $.zepto = zepto
+
+  return $
+})()
+
+;(function($){
+  var _zid = 1, undefined,
+      slice = Array.prototype.slice,
+      isFunction = $.isFunction,
+      isString = function(obj){ return typeof obj == 'string' },
+      handlers = {},
+      specialEvents={},
+      focusinSupported = 'onfocusin' in window,
+      focus = { focus: 'focusin', blur: 'focusout' },
+      hover = { mouseenter: 'mouseover', mouseleave: 'mouseout' }
+
+  specialEvents.click = specialEvents.mousedown = specialEvents.mouseup = specialEvents.mousemove = 'MouseEvents'
+
+  function zid(element) {
+    return element._zid || (element._zid = _zid++)
+  }
+  function findHandlers(element, event, fn, selector) {
+    event = parse(event)
+    if (event.ns) var matcher = matcherFor(event.ns)
+    return (handlers[zid(element)] || []).filter(function(handler) {
+      return handler
+        && (!event.e  || handler.e == event.e)
+        && (!event.ns || matcher.test(handler.ns))
+        && (!fn       || zid(handler.fn) === zid(fn))
+        && (!selector || handler.sel == selector)
+    })
+  }
+  function parse(event) {
+    var parts = ('' + event).split('.')
+    return {e: parts[0], ns: parts.slice(1).sort().join(' ')}
+  }
+  function matcherFor(ns) {
+    return new RegExp('(?:^| )' + ns.replace(' ', ' .* ?') + '(?: |$)')
+  }
+
+  function eventCapture(handler, captureSetting) {
+    return handler.del &&
+      (!focusinSupported && (handler.e in focus)) ||
+      !!captureSetting
+  }
+
+  function realEvent(type) {
+    return hover[type] || (focusinSupported && focus[type]) || type
+  }
+
+  function add(element, events, fn, data, selector, delegator, capture){
+    var id = zid(element), set = (handlers[id] || (handlers[id] = []))
+    events.split(/\s/).forEach(function(event){
+      if (event == 'ready') return $(document).ready(fn)
+      var handler   = parse(event)
+      handler.fn    = fn
+      handler.sel   = selector
+      // emulate mouseenter, mouseleave
+      if (handler.e in hover) fn = function(e){
+        var related = e.relatedTarget
+        if (!related || (related !== this && !$.contains(this, related)))
+          return handler.fn.apply(this, arguments)
+      }
+      handler.del   = delegator
+      var callback  = delegator || fn
+      handler.proxy = function(e){
+        e = compatible(e)
+        if (e.isImmediatePropagationStopped()) return
+        try {
+          var dataPropDescriptor = Object.getOwnPropertyDescriptor(e, 'data')
+          if (!dataPropDescriptor || dataPropDescriptor.writable)
+            e.data = data
+        } catch (e) {} // when using strict mode dataPropDescriptor will be undefined when e is InputEvent (even though data property exists). So we surround with try/catch
+        var result = callback.apply(element, e._args == undefined ? [e] : [e].concat(e._args))
+        if (result === false) e.preventDefault(), e.stopPropagation()
+        return result
+      }
+      handler.i = set.length
+      set.push(handler)
+      if ('addEventListener' in element)
+        element.addEventListener(realEvent(handler.e), handler.proxy, eventCapture(handler, capture))
+    })
+  }
+  function remove(element, events, fn, selector, capture){
+    var id = zid(element)
+    ;(events || '').split(/\s/).forEach(function(event){
+      findHandlers(element, event, fn, selector).forEach(function(handler){
+        delete handlers[id][handler.i]
+      if ('removeEventListener' in element)
+        element.removeEventListener(realEvent(handler.e), handler.proxy, eventCapture(handler, capture))
+      })
+    })
+  }
+
+  $.event = { add: add, remove: remove }
+
+  $.proxy = function(fn, context) {
+    var args = (2 in arguments) && slice.call(arguments, 2)
+    if (isFunction(fn)) {
+      var proxyFn = function(){ return fn.apply(context, args ? args.concat(slice.call(arguments)) : arguments) }
+      proxyFn._zid = zid(fn)
+      return proxyFn
+    } else if (isString(context)) {
+      if (args) {
+        args.unshift(fn[context], fn)
+        return $.proxy.apply(null, args)
+      } else {
+        return $.proxy(fn[context], fn)
+      }
+    } else {
+      throw new TypeError("expected function")
+    }
+  }
+
+  $.fn.bind = function(event, data, callback){
+    return this.on(event, data, callback)
+  }
+  $.fn.unbind = function(event, callback){
+    return this.off(event, callback)
+  }
+  $.fn.one = function(event, selector, data, callback){
+    return this.on(event, selector, data, callback, 1)
+  }
+
+  var returnTrue = function(){return true},
+      returnFalse = function(){return false},
+      ignoreProperties = /^([A-Z]|returnValue$|layer[XY]$|webkitMovement[XY]$)/,
+      eventMethods = {
+        preventDefault: 'isDefaultPrevented',
+        stopImmediatePropagation: 'isImmediatePropagationStopped',
+        stopPropagation: 'isPropagationStopped'
+      }
+
+  function compatible(event, source) {
+    if (source || !event.isDefaultPrevented) {
+      source || (source = event)
+
+      $.each(eventMethods, function(name, predicate) {
+        var sourceMethod = source[name]
+        event[name] = function(){
+          this[predicate] = returnTrue
+          return sourceMethod && sourceMethod.apply(source, arguments)
+        }
+        event[predicate] = returnFalse
+      })
+
+      event.timeStamp || (event.timeStamp = Date.now())
+
+      if (source.defaultPrevented !== undefined ? source.defaultPrevented :
+          'returnValue' in source ? source.returnValue === false :
+          source.getPreventDefault && source.getPreventDefault())
+        event.isDefaultPrevented = returnTrue
+    }
+    return event
+  }
+
+  function createProxy(event) {
+    var key, proxy = { originalEvent: event }
+    for (key in event)
+      if (!ignoreProperties.test(key) && event[key] !== undefined) proxy[key] = event[key]
+
+    return compatible(proxy, event)
+  }
+
+  $.fn.delegate = function(selector, event, callback){
+    return this.on(event, selector, callback)
+  }
+  $.fn.undelegate = function(selector, event, callback){
+    return this.off(event, selector, callback)
+  }
+
+  $.fn.live = function(event, callback){
+    $(document.body).delegate(this.selector, event, callback)
+    return this
+  }
+  $.fn.die = function(event, callback){
+    $(document.body).undelegate(this.selector, event, callback)
+    return this
+  }
+
+  $.fn.on = function(event, selector, data, callback, one){
+    var autoRemove, delegator, $this = this
+    if (event && !isString(event)) {
+      $.each(event, function(type, fn){
+        $this.on(type, selector, data, fn, one)
+      })
+      return $this
+    }
+
+    if (!isString(selector) && !isFunction(callback) && callback !== false)
+      callback = data, data = selector, selector = undefined
+    if (callback === undefined || data === false)
+      callback = data, data = undefined
+
+    if (callback === false) callback = returnFalse
+
+    return $this.each(function(_, element){
+      if (one) autoRemove = function(e){
+        remove(element, e.type, callback)
+        return callback.apply(this, arguments)
+      }
+
+      if (selector) delegator = function(e){
+        var evt, match = $(e.target).closest(selector, element).get(0)
+        if (match && match !== element) {
+          evt = $.extend(createProxy(e), {currentTarget: match, liveFired: element})
+          return (autoRemove || callback).apply(match, [evt].concat(slice.call(arguments, 1)))
+        }
+      }
+
+      add(element, event, callback, data, selector, delegator || autoRemove)
+    })
+  }
+  $.fn.off = function(event, selector, callback){
+    var $this = this
+    if (event && !isString(event)) {
+      $.each(event, function(type, fn){
+        $this.off(type, selector, fn)
+      })
+      return $this
+    }
+
+    if (!isString(selector) && !isFunction(callback) && callback !== false)
+      callback = selector, selector = undefined
+
+    if (callback === false) callback = returnFalse
+
+    return $this.each(function(){
+      remove(this, event, callback, selector)
+    })
+  }
+
+  $.fn.trigger = function(event, args){
+    event = (isString(event) || $.isPlainObject(event)) ? $.Event(event) : compatible(event)
+    event._args = args
+    return this.each(function(){
+      // handle focus(), blur() by calling them directly
+      if (event.type in focus && typeof this[event.type] == "function") this[event.type]()
+      // items in the collection might not be DOM elements
+      else if ('dispatchEvent' in this) this.dispatchEvent(event)
+      else $(this).triggerHandler(event, args)
+    })
+  }
+
+  // triggers event handlers on current element just as if an event occurred,
+  // doesn't trigger an actual event, doesn't bubble
+  $.fn.triggerHandler = function(event, args){
+    var e, result
+    this.each(function(i, element){
+      e = createProxy(isString(event) ? $.Event(event) : event)
+      e._args = args
+      e.target = element
+      $.each(findHandlers(element, event.type || event), function(i, handler){
+        result = handler.proxy(e)
+        if (e.isImmediatePropagationStopped()) return false
+      })
+    })
+    return result
+  }
+
+  // shortcut methods for `.bind(event, fn)` for each event type
+  ;('focusin focusout focus blur load resize scroll unload click dblclick '+
+  'mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave '+
+  'change select keydown keypress keyup error').split(' ').forEach(function(event) {
+    $.fn[event] = function(callback) {
+      return (0 in arguments) ?
+        this.bind(event, callback) :
+        this.trigger(event)
+    }
+  })
+
+  $.Event = function(type, props) {
+    if (!isString(type)) props = type, type = props.type
+    var event = document.createEvent(specialEvents[type] || 'Events'), bubbles = true
+    if (props) for (var name in props) (name == 'bubbles') ? (bubbles = !!props[name]) : (event[name] = props[name])
+    event.initEvent(type, bubbles, true)
+    return compatible(event)
+  }
+
+})(Zepto)
+
+;(function($){
+  var cache = [], timeout
+
+  $.fn.remove = function(){
+    return this.each(function(){
+      if(this.parentNode){
+        if(this.tagName === 'IMG'){
+          cache.push(this)
+          this.src = 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='
+          if (timeout) clearTimeout(timeout)
+          timeout = setTimeout(function(){ cache = [] }, 60000)
+        }
+        this.parentNode.removeChild(this)
+      }
+    })
+  }
+})(Zepto)
+
+;(function($){
+  var data = {}, dataAttr = $.fn.data, camelize = $.camelCase,
+    exp = $.expando = 'Zepto' + (+new Date()), emptyArray = []
+
+  // Get value from node:
+  // 1. first try key as given,
+  // 2. then try camelized key,
+  // 3. fall back to reading "data-*" attribute.
+  function getData(node, name) {
+    var id = node[exp], store = id && data[id]
+    if (name === undefined) return store || setData(node)
+    else {
+      if (store) {
+        if (name in store) return store[name]
+        var camelName = camelize(name)
+        if (camelName in store) return store[camelName]
+      }
+      return dataAttr.call($(node), name)
+    }
+  }
+
+  // Store value under camelized key on node
+  function setData(node, name, value) {
+    var id = node[exp] || (node[exp] = ++$.uuid),
+      store = data[id] || (data[id] = attributeData(node))
+    if (name !== undefined) store[camelize(name)] = value
+    return store
+  }
+
+  // Read all "data-*" attributes from a node
+  function attributeData(node) {
+    var store = {}
+    $.each(node.attributes || emptyArray, function(i, attr){
+      if (attr.name.indexOf('data-') == 0)
+        store[camelize(attr.name.replace('data-', ''))] =
+          $.zepto.deserializeValue(attr.value)
+    })
+    return store
+  }
+
+  $.fn.data = function(name, value) {
+    return value === undefined ?
+      // set multiple values via object
+      $.isPlainObject(name) ?
+        this.each(function(i, node){
+          $.each(name, function(key, value){ setData(node, key, value) })
+        }) :
+        // get value from first element
+        (0 in this ? getData(this[0], name) : undefined) :
+      // set value on all elements
+      this.each(function(){ setData(this, name, value) })
+  }
+
+  $.data = function(elem, name, value) {
+    return $(elem).data(name, value)
+  }
+
+  $.hasData = function(elem) {
+    var id = elem[exp], store = id && data[id]
+    return store ? !$.isEmptyObject(store) : false
+  }
+
+  $.fn.removeData = function(names) {
+    if (typeof names == 'string') names = names.split(/\s+/)
+    return this.each(function(){
+      var id = this[exp], store = id && data[id]
+      if (store) $.each(names || store, function(key){
+        delete store[names ? camelize(this) : key]
+      })
+    })
+  }
+
+  // Generate extended `remove` and `empty` functions
+  ;['remove', 'empty'].forEach(function(methodName){
+    var origFn = $.fn[methodName]
+    $.fn[methodName] = function() {
+      var elements = this.find('*')
+      if (methodName === 'remove') elements = elements.add(this)
+      elements.removeData()
+      return origFn.call(this)
+    }
+  })
+})(Zepto)
+  return Zepto
+}))
+
+
+/***/ },
+
+/***/ "../../node_modules/docsearch.js/dist/npm/index.js"
+/*!*********************************************************!*\
+  !*** ../../node_modules/docsearch.js/dist/npm/index.js ***!
+  \*********************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+
+var _main = __webpack_require__(/*! ./src/lib/main */ "../../node_modules/docsearch.js/dist/npm/src/lib/main.js");
+
+var _main2 = _interopRequireDefault(_main);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+module.exports = _main2.default; /* eslint-disable import/no-commonjs */
+
+
+/***/ },
+
+/***/ "../../node_modules/docsearch.js/dist/npm/src/lib/DocSearch.js"
+/*!*********************************************************************!*\
+  !*** ../../node_modules/docsearch.js/dist/npm/src/lib/DocSearch.js ***!
+  \*********************************************************************/
+(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _hogan = __webpack_require__(/*! hogan.js */ "../../node_modules/hogan.js/lib/hogan.js");
+
+var _hogan2 = _interopRequireDefault(_hogan);
+
+var _lite = __webpack_require__(/*! algoliasearch/lite */ "../../node_modules/algoliasearch/src/browser/builds/algoliasearchLite.js");
+
+var _lite2 = _interopRequireDefault(_lite);
+
+var _autocomplete = __webpack_require__(/*! autocomplete.js */ "../../node_modules/autocomplete.js/index.js");
+
+var _autocomplete2 = _interopRequireDefault(_autocomplete);
+
+var _templates = __webpack_require__(/*! ./templates */ "../../node_modules/docsearch.js/dist/npm/src/lib/templates.js");
+
+var _templates2 = _interopRequireDefault(_templates);
+
+var _utils = __webpack_require__(/*! ./utils */ "../../node_modules/docsearch.js/dist/npm/src/lib/utils.js");
+
+var _utils2 = _interopRequireDefault(_utils);
+
+var _version = __webpack_require__(/*! ./version */ "../../node_modules/docsearch.js/dist/npm/src/lib/version.js");
+
+var _version2 = _interopRequireDefault(_version);
+
+var _zepto = __webpack_require__(/*! ./zepto */ "../../node_modules/docsearch.js/dist/npm/src/lib/zepto.js");
+
+var _zepto2 = _interopRequireDefault(_zepto);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+/**
+ * Adds an autocomplete dropdown to an input field
+ * @function DocSearch
+ * @param  {string} options.apiKey         Read-only API key
+ * @param  {string} options.indexName      Name of the index to target
+ * @param  {string} options.inputSelector  CSS selector that targets the input
+ * @param  {string} [options.appId]  Lets you override the applicationId used.
+ * If using the default Algolia Crawler, you should not have to change this
+ * value.
+ * @param  {Object} [options.algoliaOptions] Options to pass the underlying Algolia client
+ * @param  {Object} [options.autocompleteOptions] Options to pass to the underlying autocomplete instance
+ * @return {Object}
+ */
+var usage = 'Usage:\n  documentationSearch({\n  apiKey,\n  indexName,\n  inputSelector,\n  [ appId ],\n  [ algoliaOptions.{hitsPerPage} ]\n  [ autocompleteOptions.{hint,debug} ]\n})';
+
+var DocSearch = function () {
+  function DocSearch(_ref) {
+    var apiKey = _ref.apiKey,
+        indexName = _ref.indexName,
+        inputSelector = _ref.inputSelector,
+        _ref$appId = _ref.appId,
+        appId = _ref$appId === undefined ? 'BH4D9OD16A' : _ref$appId,
+        _ref$debug = _ref.debug,
+        debug = _ref$debug === undefined ? false : _ref$debug,
+        _ref$algoliaOptions = _ref.algoliaOptions,
+        algoliaOptions = _ref$algoliaOptions === undefined ? {} : _ref$algoliaOptions,
+        _ref$queryDataCallbac = _ref.queryDataCallback,
+        queryDataCallback = _ref$queryDataCallbac === undefined ? null : _ref$queryDataCallbac,
+        _ref$autocompleteOpti = _ref.autocompleteOptions,
+        autocompleteOptions = _ref$autocompleteOpti === undefined ? {
+      debug: false,
+      hint: false,
+      autoselect: true
+    } : _ref$autocompleteOpti,
+        _ref$transformData = _ref.transformData,
+        transformData = _ref$transformData === undefined ? false : _ref$transformData,
+        _ref$queryHook = _ref.queryHook,
+        queryHook = _ref$queryHook === undefined ? false : _ref$queryHook,
+        _ref$handleSelected = _ref.handleSelected,
+        handleSelected = _ref$handleSelected === undefined ? false : _ref$handleSelected,
+        _ref$enhancedSearchIn = _ref.enhancedSearchInput,
+        enhancedSearchInput = _ref$enhancedSearchIn === undefined ? false : _ref$enhancedSearchIn,
+        _ref$layout = _ref.layout,
+        layout = _ref$layout === undefined ? 'collumns' : _ref$layout;
+
+    _classCallCheck(this, DocSearch);
+
+    DocSearch.checkArguments({
+      apiKey: apiKey,
+      indexName: indexName,
+      inputSelector: inputSelector,
+      debug: debug,
+      algoliaOptions: algoliaOptions,
+      queryDataCallback: queryDataCallback,
+      autocompleteOptions: autocompleteOptions,
+      transformData: transformData,
+      queryHook: queryHook,
+      handleSelected: handleSelected,
+      enhancedSearchInput: enhancedSearchInput,
+      layout: layout
+    });
+
+    this.apiKey = apiKey;
+    this.appId = appId;
+    this.indexName = indexName;
+    this.input = DocSearch.getInputFromSelector(inputSelector);
+    this.algoliaOptions = _extends({ hitsPerPage: 5 }, algoliaOptions);
+    this.queryDataCallback = queryDataCallback || null;
+    var autocompleteOptionsDebug = autocompleteOptions && autocompleteOptions.debug ? autocompleteOptions.debug : false;
+    // eslint-disable-next-line no-param-reassign
+    autocompleteOptions.debug = debug || autocompleteOptionsDebug;
+    this.autocompleteOptions = autocompleteOptions;
+    this.autocompleteOptions.cssClasses = this.autocompleteOptions.cssClasses || {};
+    this.autocompleteOptions.cssClasses.prefix = this.autocompleteOptions.cssClasses.prefix || 'ds';
+    var inputAriaLabel = this.input && typeof this.input.attr === 'function' && this.input.attr('aria-label');
+    this.autocompleteOptions.ariaLabel = this.autocompleteOptions.ariaLabel || inputAriaLabel || "search input";
+
+    this.isSimpleLayout = layout === 'simple';
+
+    this.client = (0, _lite2.default)(this.appId, this.apiKey);
+    this.client.addAlgoliaAgent('docsearch.js ' + _version2.default);
+
+    if (enhancedSearchInput) {
+      this.input = DocSearch.injectSearchBox(this.input);
+    }
+
+    this.autocomplete = (0, _autocomplete2.default)(this.input, autocompleteOptions, [{
+      source: this.getAutocompleteSource(transformData, queryHook),
+      templates: {
+        suggestion: DocSearch.getSuggestionTemplate(this.isSimpleLayout),
+        footer: _templates2.default.footer,
+        empty: DocSearch.getEmptyTemplate()
+      }
+    }]);
+
+    var customHandleSelected = handleSelected;
+    this.handleSelected = customHandleSelected || this.handleSelected;
+
+    // We prevent default link clicking if a custom handleSelected is defined
+    if (customHandleSelected) {
+      (0, _zepto2.default)('.algolia-autocomplete').on('click', '.ds-suggestions a', function (event) {
+        event.preventDefault();
+      });
+    }
+
+    this.autocomplete.on('autocomplete:selected', this.handleSelected.bind(null, this.autocomplete.autocomplete));
+
+    this.autocomplete.on('autocomplete:shown', this.handleShown.bind(null, this.input));
+
+    if (enhancedSearchInput) {
+      DocSearch.bindSearchBoxEvent();
+    }
+  }
+
+  /**
+   * Checks that the passed arguments are valid. Will throw errors otherwise
+   * @function checkArguments
+   * @param  {object} args Arguments as an option object
+   * @returns {void}
+   */
+
+
+  _createClass(DocSearch, [{
+    key: 'getAutocompleteSource',
+
+
+    /**
+     * Returns the `source` method to be passed to autocomplete.js. It will query
+     * the Algolia index and call the callbacks with the formatted hits.
+     * @function getAutocompleteSource
+     * @param  {function} transformData An optional function to transform the hits
+     * @param {function} queryHook An optional function to transform the query
+     * @returns {function} Method to be passed as the `source` option of
+     * autocomplete
+     */
+    value: function getAutocompleteSource(transformData, queryHook) {
+      var _this = this;
+
+      return function (query, callback) {
+        if (queryHook) {
+          // eslint-disable-next-line no-param-reassign
+          query = queryHook(query) || query;
+        }
+
+        _this.client.search([{
+          indexName: _this.indexName,
+          query: query,
+          params: _this.algoliaOptions
+        }]).then(function (data) {
+          if (_this.queryDataCallback && typeof _this.queryDataCallback == "function") {
+            _this.queryDataCallback(data);
+          }
+          var hits = data.results[0].hits;
+          if (transformData) {
+            hits = transformData(hits) || hits;
+          }
+          callback(DocSearch.formatHits(hits));
+        });
+      };
+    }
+
+    // Given a list of hits returned by the API, will reformat them to be used in
+    // a Hogan template
+
+  }, {
+    key: 'handleSelected',
+    value: function handleSelected(input, event, suggestion, datasetNumber) {
+      var context = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
+
+      // Do nothing if click on the suggestion, as it's already a <a href>, the
+      // browser will take care of it. This allow Ctrl-Clicking on results and not
+      // having the main window being redirected as well
+      if (context.selectionMethod === 'click') {
+        return;
+      }
+
+      input.setVal('');
+      window.location.assign(suggestion.url);
+    }
+  }, {
+    key: 'handleShown',
+    value: function handleShown(input) {
+      var middleOfInput = input.offset().left + input.width() / 2;
+      var middleOfWindow = (0, _zepto2.default)(document).width() / 2;
+
+      if (isNaN(middleOfWindow)) {
+        middleOfWindow = 900;
+      }
+
+      var alignClass = middleOfInput - middleOfWindow >= 0 ? 'algolia-autocomplete-right' : 'algolia-autocomplete-left';
+      var otherAlignClass = middleOfInput - middleOfWindow < 0 ? 'algolia-autocomplete-right' : 'algolia-autocomplete-left';
+      var autocompleteWrapper = (0, _zepto2.default)('.algolia-autocomplete');
+      if (!autocompleteWrapper.hasClass(alignClass)) {
+        autocompleteWrapper.addClass(alignClass);
+      }
+
+      if (autocompleteWrapper.hasClass(otherAlignClass)) {
+        autocompleteWrapper.removeClass(otherAlignClass);
+      }
+    }
+  }], [{
+    key: 'checkArguments',
+    value: function checkArguments(args) {
+      if (!args.apiKey || !args.indexName) {
+        throw new Error(usage);
+      }
+
+      if (typeof args.inputSelector !== 'string') {
+        throw new Error('Error: inputSelector:' + args.inputSelector + '  must be a string. Each selector must match only one element and separated by \',\'');
+      }
+
+      if (!DocSearch.getInputFromSelector(args.inputSelector)) {
+        throw new Error('Error: No input element in the page matches ' + args.inputSelector);
+      }
+    }
+  }, {
+    key: 'injectSearchBox',
+    value: function injectSearchBox(input) {
+      input.before(_templates2.default.searchBox);
+      var newInput = input.prev().prev().find('input');
+      input.remove();
+      return newInput;
+    }
+  }, {
+    key: 'bindSearchBoxEvent',
+    value: function bindSearchBoxEvent() {
+      (0, _zepto2.default)('.searchbox [type="reset"]').on('click', function () {
+        (0, _zepto2.default)('input#docsearch').focus();
+        (0, _zepto2.default)(this).addClass('hide');
+        _autocomplete2.default.autocomplete.setVal('');
+      });
+
+      (0, _zepto2.default)('input#docsearch').on('keyup', function () {
+        var searchbox = document.querySelector('input#docsearch');
+        var reset = document.querySelector('.searchbox [type="reset"]');
+        reset.className = 'searchbox__reset';
+        if (searchbox.value.length === 0) {
+          reset.className += ' hide';
+        }
+      });
+    }
+
+    /**
+     * Returns the matching input from a CSS selector, null if none matches
+     * @function getInputFromSelector
+     * @param  {string} selector CSS selector that matches the search
+     * input of the page
+     * @returns {void}
+     */
+
+  }, {
+    key: 'getInputFromSelector',
+    value: function getInputFromSelector(selector) {
+      var input = (0, _zepto2.default)(selector).filter('input');
+      return input.length ? (0, _zepto2.default)(input[0]) : null;
+    }
+  }, {
+    key: 'formatHits',
+    value: function formatHits(receivedHits) {
+      var clonedHits = _utils2.default.deepClone(receivedHits);
+      var hits = clonedHits.map(function (hit) {
+        if (hit._highlightResult) {
+          // eslint-disable-next-line no-param-reassign
+          hit._highlightResult = _utils2.default.mergeKeyWithParent(hit._highlightResult, 'hierarchy');
+        }
+        return _utils2.default.mergeKeyWithParent(hit, 'hierarchy');
+      });
+
+      // Group hits by category / subcategory
+      var groupedHits = _utils2.default.groupBy(hits, 'lvl0');
+      _zepto2.default.each(groupedHits, function (level, collection) {
+        var groupedHitsByLvl1 = _utils2.default.groupBy(collection, 'lvl1');
+        var flattenedHits = _utils2.default.flattenAndFlagFirst(groupedHitsByLvl1, 'isSubCategoryHeader');
+        groupedHits[level] = flattenedHits;
+      });
+      groupedHits = _utils2.default.flattenAndFlagFirst(groupedHits, 'isCategoryHeader');
+
+      // Translate hits into smaller objects to be send to the template
+      return groupedHits.map(function (hit) {
+        var url = DocSearch.formatURL(hit);
+        var category = _utils2.default.getHighlightedValue(hit, 'lvl0');
+        var subcategory = _utils2.default.getHighlightedValue(hit, 'lvl1') || category;
+        var displayTitle = _utils2.default.compact([_utils2.default.getHighlightedValue(hit, 'lvl2') || subcategory, _utils2.default.getHighlightedValue(hit, 'lvl3'), _utils2.default.getHighlightedValue(hit, 'lvl4'), _utils2.default.getHighlightedValue(hit, 'lvl5'), _utils2.default.getHighlightedValue(hit, 'lvl6')]).join('<span class="aa-suggestion-title-separator" aria-hidden="true"> › </span>');
+        var text = _utils2.default.getSnippetedValue(hit, 'content');
+        var isTextOrSubcategoryNonEmpty = subcategory && subcategory !== '' || displayTitle && displayTitle !== '';
+        var isLvl1EmptyOrDuplicate = !subcategory || subcategory === '' || subcategory === category;
+        var isLvl2 = displayTitle && displayTitle !== '' && displayTitle !== subcategory;
+        var isLvl1 = !isLvl2 && subcategory && subcategory !== '' && subcategory !== category;
+        var isLvl0 = !isLvl1 && !isLvl2;
+
+        return {
+          isLvl0: isLvl0,
+          isLvl1: isLvl1,
+          isLvl2: isLvl2,
+          isLvl1EmptyOrDuplicate: isLvl1EmptyOrDuplicate,
+          isCategoryHeader: hit.isCategoryHeader,
+          isSubCategoryHeader: hit.isSubCategoryHeader,
+          isTextOrSubcategoryNonEmpty: isTextOrSubcategoryNonEmpty,
+          category: category,
+          subcategory: subcategory,
+          title: displayTitle,
+          text: text,
+          url: url
+        };
+      });
+    }
+  }, {
+    key: 'formatURL',
+    value: function formatURL(hit) {
+      var url = hit.url,
+          anchor = hit.anchor;
+
+      if (url) {
+        var containsAnchor = url.indexOf('#') !== -1;
+        if (containsAnchor) return url;else if (anchor) return hit.url + '#' + hit.anchor;
+        return url;
+      } else if (anchor) return '#' + hit.anchor;
+      /* eslint-disable */
+      console.warn('no anchor nor url for : ', JSON.stringify(hit));
+      /* eslint-enable */
+      return null;
+    }
+  }, {
+    key: 'getEmptyTemplate',
+    value: function getEmptyTemplate() {
+      return function (args) {
+        return _hogan2.default.compile(_templates2.default.empty).render(args);
+      };
+    }
+  }, {
+    key: 'getSuggestionTemplate',
+    value: function getSuggestionTemplate(isSimpleLayout) {
+      var stringTemplate = isSimpleLayout ? _templates2.default.suggestionSimple : _templates2.default.suggestion;
+      var template = _hogan2.default.compile(stringTemplate);
+      return function (suggestion) {
+        return template.render(suggestion);
+      };
+    }
+  }]);
+
+  return DocSearch;
+}();
+
+exports["default"] = DocSearch;
+
+/***/ },
+
+/***/ "../../node_modules/docsearch.js/dist/npm/src/lib/main.js"
+/*!****************************************************************!*\
+  !*** ../../node_modules/docsearch.js/dist/npm/src/lib/main.js ***!
+  \****************************************************************/
+(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+
+var _toFactory = __webpack_require__(/*! to-factory */ "../../node_modules/to-factory/to-factory.js");
+
+var _toFactory2 = _interopRequireDefault(_toFactory);
+
+var _DocSearch = __webpack_require__(/*! ./DocSearch */ "../../node_modules/docsearch.js/dist/npm/src/lib/DocSearch.js");
+
+var _DocSearch2 = _interopRequireDefault(_DocSearch);
+
+var _version = __webpack_require__(/*! ./version */ "../../node_modules/docsearch.js/dist/npm/src/lib/version.js");
+
+var _version2 = _interopRequireDefault(_version);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var docsearch = (0, _toFactory2.default)(_DocSearch2.default);
+docsearch.version = _version2.default;
+
+exports["default"] = docsearch;
+
+/***/ },
+
+/***/ "../../node_modules/docsearch.js/dist/npm/src/lib/templates.js"
+/*!*********************************************************************!*\
+  !*** ../../node_modules/docsearch.js/dist/npm/src/lib/templates.js ***!
+  \*********************************************************************/
+(__unused_webpack_module, exports) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+var prefix = 'algolia-docsearch';
+var suggestionPrefix = prefix + '-suggestion';
+var footerPrefix = prefix + '-footer';
+
+/* eslint-disable max-len */
+
+var templates = {
+  suggestion: '\n  <a class="' + suggestionPrefix + '\n    {{#isCategoryHeader}}' + suggestionPrefix + '__main{{/isCategoryHeader}}\n    {{#isSubCategoryHeader}}' + suggestionPrefix + '__secondary{{/isSubCategoryHeader}}\n    "\n    aria-label="Link to the result"\n    href="{{{url}}}"\n    >\n    <div class="' + suggestionPrefix + '--category-header">\n        <span class="' + suggestionPrefix + '--category-header-lvl0">{{{category}}}</span>\n    </div>\n    <div class="' + suggestionPrefix + '--wrapper">\n      <div class="' + suggestionPrefix + '--subcategory-column">\n        <span class="' + suggestionPrefix + '--subcategory-column-text">{{{subcategory}}}</span>\n      </div>\n      {{#isTextOrSubcategoryNonEmpty}}\n      <div class="' + suggestionPrefix + '--content">\n        <div class="' + suggestionPrefix + '--subcategory-inline">{{{subcategory}}}</div>\n        <div class="' + suggestionPrefix + '--title">{{{title}}}</div>\n        {{#text}}<div class="' + suggestionPrefix + '--text">{{{text}}}</div>{{/text}}\n      </div>\n      {{/isTextOrSubcategoryNonEmpty}}\n    </div>\n  </a>\n  ',
+  suggestionSimple: '\n  <div class="' + suggestionPrefix + '\n    {{#isCategoryHeader}}' + suggestionPrefix + '__main{{/isCategoryHeader}}\n    {{#isSubCategoryHeader}}' + suggestionPrefix + '__secondary{{/isSubCategoryHeader}}\n    suggestion-layout-simple\n  ">\n    <div class="' + suggestionPrefix + '--category-header">\n        {{^isLvl0}}\n        <span class="' + suggestionPrefix + '--category-header-lvl0 ' + suggestionPrefix + '--category-header-item">{{{category}}}</span>\n          {{^isLvl1}}\n          {{^isLvl1EmptyOrDuplicate}}\n          <span class="' + suggestionPrefix + '--category-header-lvl1 ' + suggestionPrefix + '--category-header-item">\n              {{{subcategory}}}\n          </span>\n          {{/isLvl1EmptyOrDuplicate}}\n          {{/isLvl1}}\n        {{/isLvl0}}\n        <div class="' + suggestionPrefix + '--title ' + suggestionPrefix + '--category-header-item">\n            {{#isLvl2}}\n                {{{title}}}\n            {{/isLvl2}}\n            {{#isLvl1}}\n                {{{subcategory}}}\n            {{/isLvl1}}\n            {{#isLvl0}}\n                {{{category}}}\n            {{/isLvl0}}\n        </div>\n    </div>\n    <div class="' + suggestionPrefix + '--wrapper">\n      {{#text}}\n      <div class="' + suggestionPrefix + '--content">\n        <div class="' + suggestionPrefix + '--text">{{{text}}}</div>\n      </div>\n      {{/text}}\n    </div>\n  </div>\n  ',
+  footer: '\n    <div class="' + footerPrefix + '">\n      Search by <a class="' + footerPrefix + '--logo" href="https://www.algolia.com/docsearch">Algolia</a>\n    </div>\n  ',
+  empty: '\n  <div class="' + suggestionPrefix + '">\n    <div class="' + suggestionPrefix + '--wrapper">\n        <div class="' + suggestionPrefix + '--content ' + suggestionPrefix + '--no-results">\n            <div class="' + suggestionPrefix + '--title">\n                <div class="' + suggestionPrefix + '--text">\n                    No results found for query <b>"{{query}}"</b>\n                </div>\n            </div>\n        </div>\n    </div>\n  </div>\n  ',
+  searchBox: '\n  <form novalidate="novalidate" onsubmit="return false;" class="searchbox">\n    <div role="search" class="searchbox__wrapper">\n      <input id="docsearch" type="search" name="search" placeholder="Search the docs" autocomplete="off" required="required" class="searchbox__input"/>\n      <button type="submit" title="Submit your search query." class="searchbox__submit" >\n        <svg width=12 height=12 role="img" aria-label="Search">\n          <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#sbx-icon-search-13"></use>\n        </svg>\n      </button>\n      <button type="reset" title="Clear the search query." class="searchbox__reset hide">\n        <svg width=12 height=12 role="img" aria-label="Reset">\n          <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#sbx-icon-clear-3"></use>\n        </svg>\n      </button>\n    </div>\n</form>\n\n<div class="svg-icons" style="height: 0; width: 0; position: absolute; visibility: hidden">\n  <svg xmlns="http://www.w3.org/2000/svg">\n    <symbol id="sbx-icon-clear-3" viewBox="0 0 40 40"><path d="M16.228 20L1.886 5.657 0 3.772 3.772 0l1.885 1.886L20 16.228 34.343 1.886 36.228 0 40 3.772l-1.886 1.885L23.772 20l14.342 14.343L40 36.228 36.228 40l-1.885-1.886L20 23.772 5.657 38.114 3.772 40 0 36.228l1.886-1.885L16.228 20z" fill-rule="evenodd"></symbol>\n    <symbol id="sbx-icon-search-13" viewBox="0 0 40 40"><path d="M26.806 29.012a16.312 16.312 0 0 1-10.427 3.746C7.332 32.758 0 25.425 0 16.378 0 7.334 7.333 0 16.38 0c9.045 0 16.378 7.333 16.378 16.38 0 3.96-1.406 7.593-3.746 10.426L39.547 37.34c.607.608.61 1.59-.004 2.203a1.56 1.56 0 0 1-2.202.004L26.807 29.012zm-10.427.627c7.322 0 13.26-5.938 13.26-13.26 0-7.324-5.938-13.26-13.26-13.26-7.324 0-13.26 5.936-13.26 13.26 0 7.322 5.936 13.26 13.26 13.26z" fill-rule="evenodd"></symbol>\n  </svg>\n</div>\n  '
+};
+
+exports["default"] = templates;
+
+/***/ },
+
+/***/ "../../node_modules/docsearch.js/dist/npm/src/lib/utils.js"
+/*!*****************************************************************!*\
+  !*** ../../node_modules/docsearch.js/dist/npm/src/lib/utils.js ***!
+  \*****************************************************************/
+(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+var _zepto = __webpack_require__(/*! ./zepto */ "../../node_modules/docsearch.js/dist/npm/src/lib/zepto.js");
+
+var _zepto2 = _interopRequireDefault(_zepto);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var utils = {
+  /*
+  * Move the content of an object key one level higher.
+  * eg.
+  * {
+  *   name: 'My name',
+  *   hierarchy: {
+  *     lvl0: 'Foo',
+  *     lvl1: 'Bar'
+  *   }
+  * }
+  * Will be converted to
+  * {
+  *   name: 'My name',
+  *   lvl0: 'Foo',
+  *   lvl1: 'Bar'
+  * }
+  * @param {Object} object Main object
+  * @param {String} property Main object key to move up
+  * @return {Object}
+  * @throws Error when key is not an attribute of Object or is not an object itself
+  */
+  mergeKeyWithParent: function mergeKeyWithParent(object, property) {
+    if (object[property] === undefined) {
+      return object;
+    }
+    if (_typeof(object[property]) !== 'object') {
+      return object;
+    }
+    var newObject = _zepto2.default.extend({}, object, object[property]);
+    delete newObject[property];
+    return newObject;
+  },
+
+  /*
+  * Group all objects of a collection by the value of the specified attribute
+  * If the attribute is a string, use the lowercase form.
+  *
+  * eg.
+  * groupBy([
+  *   {name: 'Tim', category: 'dev'},
+  *   {name: 'Vincent', category: 'dev'},
+  *   {name: 'Ben', category: 'sales'},
+  *   {name: 'Jeremy', category: 'sales'},
+  *   {name: 'AlexS', category: 'dev'},
+  *   {name: 'AlexK', category: 'sales'}
+  * ], 'category');
+  * =>
+  * {
+  *   'devs': [
+  *     {name: 'Tim', category: 'dev'},
+  *     {name: 'Vincent', category: 'dev'},
+  *     {name: 'AlexS', category: 'dev'}
+  *   ],
+  *   'sales': [
+  *     {name: 'Ben', category: 'sales'},
+  *     {name: 'Jeremy', category: 'sales'},
+  *     {name: 'AlexK', category: 'sales'}
+  *   ]
+  * }
+  * @param {array} collection Array of objects to group
+  * @param {String} property The attribute on which apply the grouping
+  * @return {array}
+  * @throws Error when one of the element does not have the specified property
+  */
+  groupBy: function groupBy(collection, property) {
+    var newCollection = {};
+    _zepto2.default.each(collection, function (index, item) {
+      if (item[property] === undefined) {
+        throw new Error('[groupBy]: Object has no key ' + property);
+      }
+      var key = item[property];
+      if (typeof key === 'string') {
+        key = key.toLowerCase();
+      }
+      // fix #171 the given data type of docsearch hits might be conflict with the properties of the native Object,
+      // such as the constructor, so we need to do this check.
+      if (!Object.prototype.hasOwnProperty.call(newCollection, key)) {
+        newCollection[key] = [];
+      }
+      newCollection[key].push(item);
+    });
+    return newCollection;
+  },
+
+  /*
+  * Return an array of all the values of the specified object
+  * eg.
+  * values({
+  *   foo: 42,
+  *   bar: true,
+  *   baz: 'yep'
+  * })
+  * =>
+  * [42, true, yep]
+  * @param {object} object Object to extract values from
+  * @return {array}
+  */
+  values: function values(object) {
+    return Object.keys(object).map(function (key) {
+      return object[key];
+    });
+  },
+
+  /*
+  * Flattens an array
+  * eg.
+  * flatten([1, 2, [3, 4], [5, 6]])
+  * =>
+  * [1, 2, 3, 4, 5, 6]
+  * @param {array} array Array to flatten
+  * @return {array}
+  */
+  flatten: function flatten(array) {
+    var results = [];
+    array.forEach(function (value) {
+      if (!Array.isArray(value)) {
+        results.push(value);
+        return;
+      }
+      value.forEach(function (subvalue) {
+        results.push(subvalue);
+      });
+    });
+    return results;
+  },
+
+  /*
+  * Flatten all values of an object into an array, marking each first element of
+  * each group with a specific flag
+  * eg.
+  * flattenAndFlagFirst({
+  *   'devs': [
+  *     {name: 'Tim', category: 'dev'},
+  *     {name: 'Vincent', category: 'dev'},
+  *     {name: 'AlexS', category: 'dev'}
+  *   ],
+  *   'sales': [
+  *     {name: 'Ben', category: 'sales'},
+  *     {name: 'Jeremy', category: 'sales'},
+  *     {name: 'AlexK', category: 'sales'}
+  *   ]
+  * , 'isTop');
+  * =>
+  * [
+  *     {name: 'Tim', category: 'dev', isTop: true},
+  *     {name: 'Vincent', category: 'dev', isTop: false},
+  *     {name: 'AlexS', category: 'dev', isTop: false},
+  *     {name: 'Ben', category: 'sales', isTop: true},
+  *     {name: 'Jeremy', category: 'sales', isTop: false},
+  *     {name: 'AlexK', category: 'sales', isTop: false}
+  * ]
+  * @param {object} object Object to flatten
+  * @param {string} flag Flag to set to true on first element of each group
+  * @return {array}
+  */
+  flattenAndFlagFirst: function flattenAndFlagFirst(object, flag) {
+    var values = this.values(object).map(function (collection) {
+      return collection.map(function (item, index) {
+        // eslint-disable-next-line no-param-reassign
+        item[flag] = index === 0;
+        return item;
+      });
+    });
+    return this.flatten(values);
+  },
+
+  /*
+  * Removes all empty strings, null, false and undefined elements array
+  * eg.
+  * compact([42, false, null, undefined, '', [], 'foo']);
+  * =>
+  * [42, [], 'foo']
+  * @param {array} array Array to compact
+  * @return {array}
+  */
+  compact: function compact(array) {
+    var results = [];
+    array.forEach(function (value) {
+      if (!value) {
+        return;
+      }
+      results.push(value);
+    });
+    return results;
+  },
+
+  /*
+   * Returns the highlighted value of the specified key in the specified object.
+   * If no highlighted value is available, will return the key value directly
+   * eg.
+   * getHighlightedValue({
+   *    _highlightResult: {
+   *      text: {
+   *        value: '<mark>foo</mark>'
+   *      }
+   *    },
+   *    text: 'foo'
+   * }, 'text');
+   * =>
+   * '<mark>foo</mark>'
+   * @param {object} object Hit object returned by the Algolia API
+   * @param {string} property Object key to look for
+   * @return {string}
+   **/
+  getHighlightedValue: function getHighlightedValue(object, property) {
+    if (object._highlightResult && object._highlightResult.hierarchy_camel && object._highlightResult.hierarchy_camel[property] && object._highlightResult.hierarchy_camel[property].matchLevel && object._highlightResult.hierarchy_camel[property].matchLevel !== 'none' && object._highlightResult.hierarchy_camel[property].value) {
+      return object._highlightResult.hierarchy_camel[property].value;
+    }
+    if (object._highlightResult && object._highlightResult && object._highlightResult[property] && object._highlightResult[property].value) {
+      return object._highlightResult[property].value;
+    }
+    return object[property];
+  },
+
+  /*
+   * Returns the snippeted value of the specified key in the specified object.
+   * If no highlighted value is available, will return the key value directly.
+   * Will add starting and ending ellipsis (…) if we detect that a sentence is
+   * incomplete
+   * eg.
+   * getSnippetedValue({
+   *    _snippetResult: {
+   *      text: {
+   *        value: '<mark>This is an unfinished sentence</mark>'
+   *      }
+   *    },
+   *    text: 'This is an unfinished sentence'
+   * }, 'text');
+   * =>
+   * '<mark>This is an unfinished sentence</mark>…'
+   * @param {object} object Hit object returned by the Algolia API
+   * @param {string} property Object key to look for
+   * @return {string}
+   **/
+  getSnippetedValue: function getSnippetedValue(object, property) {
+    if (!object._snippetResult || !object._snippetResult[property] || !object._snippetResult[property].value) {
+      return object[property];
+    }
+    var snippet = object._snippetResult[property].value;
+
+    if (snippet[0] !== snippet[0].toUpperCase()) {
+      snippet = '\u2026' + snippet;
+    }
+    if (['.', '!', '?'].indexOf(snippet[snippet.length - 1]) === -1) {
+      snippet = snippet + '\u2026';
+    }
+    return snippet;
+  },
+
+  /*
+  * Deep clone an object.
+  * Note: This will not clone functions and dates
+  * @param {object} object Object to clone
+  * @return {object}
+  */
+  deepClone: function deepClone(object) {
+    return JSON.parse(JSON.stringify(object));
+  }
+};
+
+exports["default"] = utils;
+
+/***/ },
+
+/***/ "../../node_modules/docsearch.js/dist/npm/src/lib/version.js"
+/*!*******************************************************************!*\
+  !*** ../../node_modules/docsearch.js/dist/npm/src/lib/version.js ***!
+  \*******************************************************************/
+(__unused_webpack_module, exports) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports["default"] = '2.6.3';
+
+/***/ },
+
+/***/ "../../node_modules/docsearch.js/dist/npm/src/lib/zepto.js"
+/*!*****************************************************************!*\
+  !*** ../../node_modules/docsearch.js/dist/npm/src/lib/zepto.js ***!
+  \*****************************************************************/
+(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+
+var _zepto = __webpack_require__(/*! autocomplete.js/zepto */ "../../node_modules/autocomplete.js/zepto.js");
+
+var _zepto2 = _interopRequireDefault(_zepto);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports["default"] = _zepto2.default;
+
+/***/ },
+
+/***/ "../../node_modules/es6-promise/dist/es6-promise.js"
+/*!**********************************************************!*\
+  !*** ../../node_modules/es6-promise/dist/es6-promise.js ***!
+  \**********************************************************/
+(module) {
+
+/*!
+ * @overview es6-promise - a tiny implementation of Promises/A+.
+ * @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald)
+ * @license   Licensed under MIT license
+ *            See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE
+ * @version   v4.2.8+1e68dce6
+ */
+
+(function (global, factory) {
+	 true ? module.exports = factory() :
+	0;
+}(this, (function () { 'use strict';
+
+function objectOrFunction(x) {
+  var type = typeof x;
+  return x !== null && (type === 'object' || type === 'function');
+}
+
+function isFunction(x) {
+  return typeof x === 'function';
+}
+
+
+
+var _isArray = void 0;
+if (Array.isArray) {
+  _isArray = Array.isArray;
+} else {
+  _isArray = function (x) {
+    return Object.prototype.toString.call(x) === '[object Array]';
+  };
+}
+
+var isArray = _isArray;
+
+var len = 0;
+var vertxNext = void 0;
+var customSchedulerFn = void 0;
+
+var asap = function asap(callback, arg) {
+  queue[len] = callback;
+  queue[len + 1] = arg;
+  len += 2;
+  if (len === 2) {
+    // If len is 2, that means that we need to schedule an async flush.
+    // If additional callbacks are queued before the queue is flushed, they
+    // will be processed by this flush that we are scheduling.
+    if (customSchedulerFn) {
+      customSchedulerFn(flush);
+    } else {
+      scheduleFlush();
+    }
+  }
+};
+
+function setScheduler(scheduleFn) {
+  customSchedulerFn = scheduleFn;
+}
+
+function setAsap(asapFn) {
+  asap = asapFn;
+}
+
+var browserWindow = typeof window !== 'undefined' ? window : undefined;
+var browserGlobal = browserWindow || {};
+var BrowserMutationObserver = browserGlobal.MutationObserver || browserGlobal.WebKitMutationObserver;
+var isNode = typeof self === 'undefined' && typeof process !== 'undefined' && {}.toString.call(process) === '[object process]';
+
+// test for web worker but not in IE10
+var isWorker = typeof Uint8ClampedArray !== 'undefined' && typeof importScripts !== 'undefined' && typeof MessageChannel !== 'undefined';
+
+// node
+function useNextTick() {
+  // node version 0.10.x displays a deprecation warning when nextTick is used recursively
+  // see https://github.com/cujojs/when/issues/410 for details
+  return function () {
+    return process.nextTick(flush);
+  };
+}
+
+// vertx
+function useVertxTimer() {
+  if (typeof vertxNext !== 'undefined') {
+    return function () {
+      vertxNext(flush);
+    };
+  }
+
+  return useSetTimeout();
+}
+
+function useMutationObserver() {
+  var iterations = 0;
+  var observer = new BrowserMutationObserver(flush);
+  var node = document.createTextNode('');
+  observer.observe(node, { characterData: true });
+
+  return function () {
+    node.data = iterations = ++iterations % 2;
+  };
+}
+
+// web worker
+function useMessageChannel() {
+  var channel = new MessageChannel();
+  channel.port1.onmessage = flush;
+  return function () {
+    return channel.port2.postMessage(0);
+  };
+}
+
+function useSetTimeout() {
+  // Store setTimeout reference so es6-promise will be unaffected by
+  // other code modifying setTimeout (like sinon.useFakeTimers())
+  var globalSetTimeout = setTimeout;
+  return function () {
+    return globalSetTimeout(flush, 1);
+  };
+}
+
+var queue = new Array(1000);
+function flush() {
+  for (var i = 0; i < len; i += 2) {
+    var callback = queue[i];
+    var arg = queue[i + 1];
+
+    callback(arg);
+
+    queue[i] = undefined;
+    queue[i + 1] = undefined;
+  }
+
+  len = 0;
+}
+
+function attemptVertx() {
+  try {
+    var vertx = Function('return this')().require('vertx');
+    vertxNext = vertx.runOnLoop || vertx.runOnContext;
+    return useVertxTimer();
+  } catch (e) {
+    return useSetTimeout();
+  }
+}
+
+var scheduleFlush = void 0;
+// Decide what async method to use to triggering processing of queued callbacks:
+if (isNode) {
+  scheduleFlush = useNextTick();
+} else if (BrowserMutationObserver) {
+  scheduleFlush = useMutationObserver();
+} else if (isWorker) {
+  scheduleFlush = useMessageChannel();
+} else if (browserWindow === undefined && "function" === 'function') {
+  scheduleFlush = attemptVertx();
+} else {
+  scheduleFlush = useSetTimeout();
+}
+
+function then(onFulfillment, onRejection) {
+  var parent = this;
+
+  var child = new this.constructor(noop);
+
+  if (child[PROMISE_ID] === undefined) {
+    makePromise(child);
+  }
+
+  var _state = parent._state;
+
+
+  if (_state) {
+    var callback = arguments[_state - 1];
+    asap(function () {
+      return invokeCallback(_state, child, callback, parent._result);
+    });
+  } else {
+    subscribe(parent, child, onFulfillment, onRejection);
+  }
+
+  return child;
+}
+
+/**
+  `Promise.resolve` returns a promise that will become resolved with the
+  passed `value`. It is shorthand for the following:
+
+  ```javascript
+  let promise = new Promise(function(resolve, reject){
+    resolve(1);
+  });
+
+  promise.then(function(value){
+    // value === 1
+  });
+  ```
+
+  Instead of writing the above, your code now simply becomes the following:
+
+  ```javascript
+  let promise = Promise.resolve(1);
+
+  promise.then(function(value){
+    // value === 1
+  });
+  ```
+
+  @method resolve
+  @static
+  @param {Any} value value that the returned promise will be resolved with
+  Useful for tooling.
+  @return {Promise} a promise that will become fulfilled with the given
+  `value`
+*/
+function resolve$1(object) {
+  /*jshint validthis:true */
+  var Constructor = this;
+
+  if (object && typeof object === 'object' && object.constructor === Constructor) {
+    return object;
+  }
+
+  var promise = new Constructor(noop);
+  resolve(promise, object);
+  return promise;
+}
+
+var PROMISE_ID = Math.random().toString(36).substring(2);
+
+function noop() {}
+
+var PENDING = void 0;
+var FULFILLED = 1;
+var REJECTED = 2;
+
+function selfFulfillment() {
+  return new TypeError("You cannot resolve a promise with itself");
+}
+
+function cannotReturnOwn() {
+  return new TypeError('A promises callback cannot return that same promise.');
+}
+
+function tryThen(then$$1, value, fulfillmentHandler, rejectionHandler) {
+  try {
+    then$$1.call(value, fulfillmentHandler, rejectionHandler);
+  } catch (e) {
+    return e;
+  }
+}
+
+function handleForeignThenable(promise, thenable, then$$1) {
+  asap(function (promise) {
+    var sealed = false;
+    var error = tryThen(then$$1, thenable, function (value) {
+      if (sealed) {
+        return;
+      }
+      sealed = true;
+      if (thenable !== value) {
+        resolve(promise, value);
+      } else {
+        fulfill(promise, value);
+      }
+    }, function (reason) {
+      if (sealed) {
+        return;
+      }
+      sealed = true;
+
+      reject(promise, reason);
+    }, 'Settle: ' + (promise._label || ' unknown promise'));
+
+    if (!sealed && error) {
+      sealed = true;
+      reject(promise, error);
+    }
+  }, promise);
+}
+
+function handleOwnThenable(promise, thenable) {
+  if (thenable._state === FULFILLED) {
+    fulfill(promise, thenable._result);
+  } else if (thenable._state === REJECTED) {
+    reject(promise, thenable._result);
+  } else {
+    subscribe(thenable, undefined, function (value) {
+      return resolve(promise, value);
+    }, function (reason) {
+      return reject(promise, reason);
+    });
+  }
+}
+
+function handleMaybeThenable(promise, maybeThenable, then$$1) {
+  if (maybeThenable.constructor === promise.constructor && then$$1 === then && maybeThenable.constructor.resolve === resolve$1) {
+    handleOwnThenable(promise, maybeThenable);
+  } else {
+    if (then$$1 === undefined) {
+      fulfill(promise, maybeThenable);
+    } else if (isFunction(then$$1)) {
+      handleForeignThenable(promise, maybeThenable, then$$1);
+    } else {
+      fulfill(promise, maybeThenable);
+    }
+  }
+}
+
+function resolve(promise, value) {
+  if (promise === value) {
+    reject(promise, selfFulfillment());
+  } else if (objectOrFunction(value)) {
+    var then$$1 = void 0;
+    try {
+      then$$1 = value.then;
+    } catch (error) {
+      reject(promise, error);
+      return;
+    }
+    handleMaybeThenable(promise, value, then$$1);
+  } else {
+    fulfill(promise, value);
+  }
+}
+
+function publishRejection(promise) {
+  if (promise._onerror) {
+    promise._onerror(promise._result);
+  }
+
+  publish(promise);
+}
+
+function fulfill(promise, value) {
+  if (promise._state !== PENDING) {
+    return;
+  }
+
+  promise._result = value;
+  promise._state = FULFILLED;
+
+  if (promise._subscribers.length !== 0) {
+    asap(publish, promise);
+  }
+}
+
+function reject(promise, reason) {
+  if (promise._state !== PENDING) {
+    return;
+  }
+  promise._state = REJECTED;
+  promise._result = reason;
+
+  asap(publishRejection, promise);
+}
+
+function subscribe(parent, child, onFulfillment, onRejection) {
+  var _subscribers = parent._subscribers;
+  var length = _subscribers.length;
+
+
+  parent._onerror = null;
+
+  _subscribers[length] = child;
+  _subscribers[length + FULFILLED] = onFulfillment;
+  _subscribers[length + REJECTED] = onRejection;
+
+  if (length === 0 && parent._state) {
+    asap(publish, parent);
+  }
+}
+
+function publish(promise) {
+  var subscribers = promise._subscribers;
+  var settled = promise._state;
+
+  if (subscribers.length === 0) {
+    return;
+  }
+
+  var child = void 0,
+      callback = void 0,
+      detail = promise._result;
+
+  for (var i = 0; i < subscribers.length; i += 3) {
+    child = subscribers[i];
+    callback = subscribers[i + settled];
+
+    if (child) {
+      invokeCallback(settled, child, callback, detail);
+    } else {
+      callback(detail);
+    }
+  }
+
+  promise._subscribers.length = 0;
+}
+
+function invokeCallback(settled, promise, callback, detail) {
+  var hasCallback = isFunction(callback),
+      value = void 0,
+      error = void 0,
+      succeeded = true;
+
+  if (hasCallback) {
+    try {
+      value = callback(detail);
+    } catch (e) {
+      succeeded = false;
+      error = e;
+    }
+
+    if (promise === value) {
+      reject(promise, cannotReturnOwn());
+      return;
+    }
+  } else {
+    value = detail;
+  }
+
+  if (promise._state !== PENDING) {
+    // noop
+  } else if (hasCallback && succeeded) {
+    resolve(promise, value);
+  } else if (succeeded === false) {
+    reject(promise, error);
+  } else if (settled === FULFILLED) {
+    fulfill(promise, value);
+  } else if (settled === REJECTED) {
+    reject(promise, value);
+  }
+}
+
+function initializePromise(promise, resolver) {
+  try {
+    resolver(function resolvePromise(value) {
+      resolve(promise, value);
+    }, function rejectPromise(reason) {
+      reject(promise, reason);
+    });
+  } catch (e) {
+    reject(promise, e);
+  }
+}
+
+var id = 0;
+function nextId() {
+  return id++;
+}
+
+function makePromise(promise) {
+  promise[PROMISE_ID] = id++;
+  promise._state = undefined;
+  promise._result = undefined;
+  promise._subscribers = [];
+}
+
+function validationError() {
+  return new Error('Array Methods must be provided an Array');
+}
+
+var Enumerator = function () {
+  function Enumerator(Constructor, input) {
+    this._instanceConstructor = Constructor;
+    this.promise = new Constructor(noop);
+
+    if (!this.promise[PROMISE_ID]) {
+      makePromise(this.promise);
+    }
+
+    if (isArray(input)) {
+      this.length = input.length;
+      this._remaining = input.length;
+
+      this._result = new Array(this.length);
+
+      if (this.length === 0) {
+        fulfill(this.promise, this._result);
+      } else {
+        this.length = this.length || 0;
+        this._enumerate(input);
+        if (this._remaining === 0) {
+          fulfill(this.promise, this._result);
+        }
+      }
+    } else {
+      reject(this.promise, validationError());
+    }
+  }
+
+  Enumerator.prototype._enumerate = function _enumerate(input) {
+    for (var i = 0; this._state === PENDING && i < input.length; i++) {
+      this._eachEntry(input[i], i);
+    }
+  };
+
+  Enumerator.prototype._eachEntry = function _eachEntry(entry, i) {
+    var c = this._instanceConstructor;
+    var resolve$$1 = c.resolve;
+
+
+    if (resolve$$1 === resolve$1) {
+      var _then = void 0;
+      var error = void 0;
+      var didError = false;
+      try {
+        _then = entry.then;
+      } catch (e) {
+        didError = true;
+        error = e;
+      }
+
+      if (_then === then && entry._state !== PENDING) {
+        this._settledAt(entry._state, i, entry._result);
+      } else if (typeof _then !== 'function') {
+        this._remaining--;
+        this._result[i] = entry;
+      } else if (c === Promise$1) {
+        var promise = new c(noop);
+        if (didError) {
+          reject(promise, error);
+        } else {
+          handleMaybeThenable(promise, entry, _then);
+        }
+        this._willSettleAt(promise, i);
+      } else {
+        this._willSettleAt(new c(function (resolve$$1) {
+          return resolve$$1(entry);
+        }), i);
+      }
+    } else {
+      this._willSettleAt(resolve$$1(entry), i);
+    }
+  };
+
+  Enumerator.prototype._settledAt = function _settledAt(state, i, value) {
+    var promise = this.promise;
+
+
+    if (promise._state === PENDING) {
+      this._remaining--;
+
+      if (state === REJECTED) {
+        reject(promise, value);
+      } else {
+        this._result[i] = value;
+      }
+    }
+
+    if (this._remaining === 0) {
+      fulfill(promise, this._result);
+    }
+  };
+
+  Enumerator.prototype._willSettleAt = function _willSettleAt(promise, i) {
+    var enumerator = this;
+
+    subscribe(promise, undefined, function (value) {
+      return enumerator._settledAt(FULFILLED, i, value);
+    }, function (reason) {
+      return enumerator._settledAt(REJECTED, i, reason);
+    });
+  };
+
+  return Enumerator;
+}();
+
+/**
+  `Promise.all` accepts an array of promises, and returns a new promise which
+  is fulfilled with an array of fulfillment values for the passed promises, or
+  rejected with the reason of the first passed promise to be rejected. It casts all
+  elements of the passed iterable to promises as it runs this algorithm.
+
+  Example:
+
+  ```javascript
+  let promise1 = resolve(1);
+  let promise2 = resolve(2);
+  let promise3 = resolve(3);
+  let promises = [ promise1, promise2, promise3 ];
+
+  Promise.all(promises).then(function(array){
+    // The array here would be [ 1, 2, 3 ];
+  });
+  ```
+
+  If any of the `promises` given to `all` are rejected, the first promise
+  that is rejected will be given as an argument to the returned promises's
+  rejection handler. For example:
+
+  Example:
+
+  ```javascript
+  let promise1 = resolve(1);
+  let promise2 = reject(new Error("2"));
+  let promise3 = reject(new Error("3"));
+  let promises = [ promise1, promise2, promise3 ];
+
+  Promise.all(promises).then(function(array){
+    // Code here never runs because there are rejected promises!
+  }, function(error) {
+    // error.message === "2"
+  });
+  ```
+
+  @method all
+  @static
+  @param {Array} entries array of promises
+  @param {String} label optional string for labeling the promise.
+  Useful for tooling.
+  @return {Promise} promise that is fulfilled when all `promises` have been
+  fulfilled, or rejected if any of them become rejected.
+  @static
+*/
+function all(entries) {
+  return new Enumerator(this, entries).promise;
+}
+
+/**
+  `Promise.race` returns a new promise which is settled in the same way as the
+  first passed promise to settle.
+
+  Example:
+
+  ```javascript
+  let promise1 = new Promise(function(resolve, reject){
+    setTimeout(function(){
+      resolve('promise 1');
+    }, 200);
+  });
+
+  let promise2 = new Promise(function(resolve, reject){
+    setTimeout(function(){
+      resolve('promise 2');
+    }, 100);
+  });
+
+  Promise.race([promise1, promise2]).then(function(result){
+    // result === 'promise 2' because it was resolved before promise1
+    // was resolved.
+  });
+  ```
+
+  `Promise.race` is deterministic in that only the state of the first
+  settled promise matters. For example, even if other promises given to the
+  `promises` array argument are resolved, but the first settled promise has
+  become rejected before the other promises became fulfilled, the returned
+  promise will become rejected:
+
+  ```javascript
+  let promise1 = new Promise(function(resolve, reject){
+    setTimeout(function(){
+      resolve('promise 1');
+    }, 200);
+  });
+
+  let promise2 = new Promise(function(resolve, reject){
+    setTimeout(function(){
+      reject(new Error('promise 2'));
+    }, 100);
+  });
+
+  Promise.race([promise1, promise2]).then(function(result){
+    // Code here never runs
+  }, function(reason){
+    // reason.message === 'promise 2' because promise 2 became rejected before
+    // promise 1 became fulfilled
+  });
+  ```
+
+  An example real-world use case is implementing timeouts:
+
+  ```javascript
+  Promise.race([ajax('foo.json'), timeout(5000)])
+  ```
+
+  @method race
+  @static
+  @param {Array} promises array of promises to observe
+  Useful for tooling.
+  @return {Promise} a promise which settles in the same way as the first passed
+  promise to settle.
+*/
+function race(entries) {
+  /*jshint validthis:true */
+  var Constructor = this;
+
+  if (!isArray(entries)) {
+    return new Constructor(function (_, reject) {
+      return reject(new TypeError('You must pass an array to race.'));
+    });
+  } else {
+    return new Constructor(function (resolve, reject) {
+      var length = entries.length;
+      for (var i = 0; i < length; i++) {
+        Constructor.resolve(entries[i]).then(resolve, reject);
+      }
+    });
+  }
+}
+
+/**
+  `Promise.reject` returns a promise rejected with the passed `reason`.
+  It is shorthand for the following:
+
+  ```javascript
+  let promise = new Promise(function(resolve, reject){
+    reject(new Error('WHOOPS'));
+  });
+
+  promise.then(function(value){
+    // Code here doesn't run because the promise is rejected!
+  }, function(reason){
+    // reason.message === 'WHOOPS'
+  });
+  ```
+
+  Instead of writing the above, your code now simply becomes the following:
+
+  ```javascript
+  let promise = Promise.reject(new Error('WHOOPS'));
+
+  promise.then(function(value){
+    // Code here doesn't run because the promise is rejected!
+  }, function(reason){
+    // reason.message === 'WHOOPS'
+  });
+  ```
+
+  @method reject
+  @static
+  @param {Any} reason value that the returned promise will be rejected with.
+  Useful for tooling.
+  @return {Promise} a promise rejected with the given `reason`.
+*/
+function reject$1(reason) {
+  /*jshint validthis:true */
+  var Constructor = this;
+  var promise = new Constructor(noop);
+  reject(promise, reason);
+  return promise;
+}
+
+function needsResolver() {
+  throw new TypeError('You must pass a resolver function as the first argument to the promise constructor');
+}
+
+function needsNew() {
+  throw new TypeError("Failed to construct 'Promise': Please use the 'new' operator, this object constructor cannot be called as a function.");
+}
+
+/**
+  Promise objects represent the eventual result of an asynchronous operation. The
+  primary way of interacting with a promise is through its `then` method, which
+  registers callbacks to receive either a promise's eventual value or the reason
+  why the promise cannot be fulfilled.
+
+  Terminology
+  -----------
+
+  - `promise` is an object or function with a `then` method whose behavior conforms to this specification.
+  - `thenable` is an object or function that defines a `then` method.
+  - `value` is any legal JavaScript value (including undefined, a thenable, or a promise).
+  - `exception` is a value that is thrown using the throw statement.
+  - `reason` is a value that indicates why a promise was rejected.
+  - `settled` the final resting state of a promise, fulfilled or rejected.
+
+  A promise can be in one of three states: pending, fulfilled, or rejected.
+
+  Promises that are fulfilled have a fulfillment value and are in the fulfilled
+  state.  Promises that are rejected have a rejection reason and are in the
+  rejected state.  A fulfillment value is never a thenable.
+
+  Promises can also be said to *resolve* a value.  If this value is also a
+  promise, then the original promise's settled state will match the value's
+  settled state.  So a promise that *resolves* a promise that rejects will
+  itself reject, and a promise that *resolves* a promise that fulfills will
+  itself fulfill.
+
+
+  Basic Usage:
+  ------------
+
+  ```js
+  let promise = new Promise(function(resolve, reject) {
+    // on success
+    resolve(value);
+
+    // on failure
+    reject(reason);
+  });
+
+  promise.then(function(value) {
+    // on fulfillment
+  }, function(reason) {
+    // on rejection
+  });
+  ```
+
+  Advanced Usage:
+  ---------------
+
+  Promises shine when abstracting away asynchronous interactions such as
+  `XMLHttpRequest`s.
+
+  ```js
+  function getJSON(url) {
+    return new Promise(function(resolve, reject){
+      let xhr = new XMLHttpRequest();
+
+      xhr.open('GET', url);
+      xhr.onreadystatechange = handler;
+      xhr.responseType = 'json';
+      xhr.setRequestHeader('Accept', 'application/json');
+      xhr.send();
+
+      function handler() {
+        if (this.readyState === this.DONE) {
+          if (this.status === 200) {
+            resolve(this.response);
+          } else {
+            reject(new Error('getJSON: `' + url + '` failed with status: [' + this.status + ']'));
+          }
+        }
+      };
+    });
+  }
+
+  getJSON('/posts.json').then(function(json) {
+    // on fulfillment
+  }, function(reason) {
+    // on rejection
+  });
+  ```
+
+  Unlike callbacks, promises are great composable primitives.
+
+  ```js
+  Promise.all([
+    getJSON('/posts'),
+    getJSON('/comments')
+  ]).then(function(values){
+    values[0] // => postsJSON
+    values[1] // => commentsJSON
+
+    return values;
+  });
+  ```
+
+  @class Promise
+  @param {Function} resolver
+  Useful for tooling.
+  @constructor
+*/
+
+var Promise$1 = function () {
+  function Promise(resolver) {
+    this[PROMISE_ID] = nextId();
+    this._result = this._state = undefined;
+    this._subscribers = [];
+
+    if (noop !== resolver) {
+      typeof resolver !== 'function' && needsResolver();
+      this instanceof Promise ? initializePromise(this, resolver) : needsNew();
+    }
+  }
+
+  /**
+  The primary way of interacting with a promise is through its `then` method,
+  which registers callbacks to receive either a promise's eventual value or the
+  reason why the promise cannot be fulfilled.
+   ```js
+  findUser().then(function(user){
+    // user is available
+  }, function(reason){
+    // user is unavailable, and you are given the reason why
+  });
+  ```
+   Chaining
+  --------
+   The return value of `then` is itself a promise.  This second, 'downstream'
+  promise is resolved with the return value of the first promise's fulfillment
+  or rejection handler, or rejected if the handler throws an exception.
+   ```js
+  findUser().then(function (user) {
+    return user.name;
+  }, function (reason) {
+    return 'default name';
+  }).then(function (userName) {
+    // If `findUser` fulfilled, `userName` will be the user's name, otherwise it
+    // will be `'default name'`
+  });
+   findUser().then(function (user) {
+    throw new Error('Found user, but still unhappy');
+  }, function (reason) {
+    throw new Error('`findUser` rejected and we're unhappy');
+  }).then(function (value) {
+    // never reached
+  }, function (reason) {
+    // if `findUser` fulfilled, `reason` will be 'Found user, but still unhappy'.
+    // If `findUser` rejected, `reason` will be '`findUser` rejected and we're unhappy'.
+  });
+  ```
+  If the downstream promise does not specify a rejection handler, rejection reasons will be propagated further downstream.
+   ```js
+  findUser().then(function (user) {
+    throw new PedagogicalException('Upstream error');
+  }).then(function (value) {
+    // never reached
+  }).then(function (value) {
+    // never reached
+  }, function (reason) {
+    // The `PedgagocialException` is propagated all the way down to here
+  });
+  ```
+   Assimilation
+  ------------
+   Sometimes the value you want to propagate to a downstream promise can only be
+  retrieved asynchronously. This can be achieved by returning a promise in the
+  fulfillment or rejection handler. The downstream promise will then be pending
+  until the returned promise is settled. This is called *assimilation*.
+   ```js
+  findUser().then(function (user) {
+    return findCommentsByAuthor(user);
+  }).then(function (comments) {
+    // The user's comments are now available
+  });
+  ```
+   If the assimliated promise rejects, then the downstream promise will also reject.
+   ```js
+  findUser().then(function (user) {
+    return findCommentsByAuthor(user);
+  }).then(function (comments) {
+    // If `findCommentsByAuthor` fulfills, we'll have the value here
+  }, function (reason) {
+    // If `findCommentsByAuthor` rejects, we'll have the reason here
+  });
+  ```
+   Simple Example
+  --------------
+   Synchronous Example
+   ```javascript
+  let result;
+   try {
+    result = findResult();
+    // success
+  } catch(reason) {
+    // failure
+  }
+  ```
+   Errback Example
+   ```js
+  findResult(function(result, err){
+    if (err) {
+      // failure
+    } else {
+      // success
+    }
+  });
+  ```
+   Promise Example;
+   ```javascript
+  findResult().then(function(result){
+    // success
+  }, function(reason){
+    // failure
+  });
+  ```
+   Advanced Example
+  --------------
+   Synchronous Example
+   ```javascript
+  let author, books;
+   try {
+    author = findAuthor();
+    books  = findBooksByAuthor(author);
+    // success
+  } catch(reason) {
+    // failure
+  }
+  ```
+   Errback Example
+   ```js
+   function foundBooks(books) {
+   }
+   function failure(reason) {
+   }
+   findAuthor(function(author, err){
+    if (err) {
+      failure(err);
+      // failure
+    } else {
+      try {
+        findBoooksByAuthor(author, function(books, err) {
+          if (err) {
+            failure(err);
+          } else {
+            try {
+              foundBooks(books);
+            } catch(reason) {
+              failure(reason);
+            }
+          }
+        });
+      } catch(error) {
+        failure(err);
+      }
+      // success
+    }
+  });
+  ```
+   Promise Example;
+   ```javascript
+  findAuthor().
+    then(findBooksByAuthor).
+    then(function(books){
+      // found books
+  }).catch(function(reason){
+    // something went wrong
+  });
+  ```
+   @method then
+  @param {Function} onFulfilled
+  @param {Function} onRejected
+  Useful for tooling.
+  @return {Promise}
+  */
+
+  /**
+  `catch` is simply sugar for `then(undefined, onRejection)` which makes it the same
+  as the catch block of a try/catch statement.
+  ```js
+  function findAuthor(){
+  throw new Error('couldn't find that author');
+  }
+  // synchronous
+  try {
+  findAuthor();
+  } catch(reason) {
+  // something went wrong
+  }
+  // async with promises
+  findAuthor().catch(function(reason){
+  // something went wrong
+  });
+  ```
+  @method catch
+  @param {Function} onRejection
+  Useful for tooling.
+  @return {Promise}
+  */
+
+
+  Promise.prototype.catch = function _catch(onRejection) {
+    return this.then(null, onRejection);
+  };
+
+  /**
+    `finally` will be invoked regardless of the promise's fate just as native
+    try/catch/finally behaves
+  
+    Synchronous example:
+  
+    ```js
+    findAuthor() {
+      if (Math.random() > 0.5) {
+        throw new Error();
+      }
+      return new Author();
+    }
+  
+    try {
+      return findAuthor(); // succeed or fail
+    } catch(error) {
+      return findOtherAuther();
+    } finally {
+      // always runs
+      // doesn't affect the return value
+    }
+    ```
+  
+    Asynchronous example:
+  
+    ```js
+    findAuthor().catch(function(reason){
+      return findOtherAuther();
+    }).finally(function(){
+      // author was either found, or not
+    });
+    ```
+  
+    @method finally
+    @param {Function} callback
+    @return {Promise}
+  */
+
+
+  Promise.prototype.finally = function _finally(callback) {
+    var promise = this;
+    var constructor = promise.constructor;
+
+    if (isFunction(callback)) {
+      return promise.then(function (value) {
+        return constructor.resolve(callback()).then(function () {
+          return value;
+        });
+      }, function (reason) {
+        return constructor.resolve(callback()).then(function () {
+          throw reason;
+        });
+      });
+    }
+
+    return promise.then(callback, callback);
+  };
+
+  return Promise;
+}();
+
+Promise$1.prototype.then = then;
+Promise$1.all = all;
+Promise$1.race = race;
+Promise$1.resolve = resolve$1;
+Promise$1.reject = reject$1;
+Promise$1._setScheduler = setScheduler;
+Promise$1._setAsap = setAsap;
+Promise$1._asap = asap;
+
+/*global self*/
+function polyfill() {
+  var local = void 0;
+
+  if (typeof globalThis !== 'undefined') {
+    local = globalThis;
+  } else if (typeof self !== 'undefined') {
+    local = self;
+  } else {
+    try {
+      local = Function('return this')();
+    } catch (e) {
+      throw new Error('polyfill failed because global object is unavailable in this environment');
+    }
+  }
+
+  var P = local.Promise;
+
+  if (P) {
+    var promiseToString = null;
+    try {
+      promiseToString = Object.prototype.toString.call(P.resolve());
+    } catch (e) {
+      // silently ignored
+    }
+
+    if (promiseToString === '[object Promise]' && !P.cast) {
+      return;
+    }
+  }
+
+  local.Promise = Promise$1;
+}
+
+// Strange compat..
+Promise$1.polyfill = polyfill;
+Promise$1.Promise = Promise$1;
+
+return Promise$1;
+
+})));
+
+
+
+//# sourceMappingURL=es6-promise.map
+
+
+/***/ },
+
+/***/ "../../node_modules/foreach/index.js"
+/*!*******************************************!*\
+  !*** ../../node_modules/foreach/index.js ***!
+  \*******************************************/
+(module) {
+
+
+var hasOwn = Object.prototype.hasOwnProperty;
+var toString = Object.prototype.toString;
+
+module.exports = function forEach (obj, fn, ctx) {
+    if (toString.call(fn) !== '[object Function]') {
+        throw new TypeError('iterator must be a function');
+    }
+    var l = obj.length;
+    if (l === +l) {
+        for (var i = 0; i < l; i++) {
+            fn.call(ctx, obj[i], i, obj);
+        }
+    } else {
+        for (var k in obj) {
+            if (hasOwn.call(obj, k)) {
+                fn.call(ctx, obj[k], k, obj);
+            }
+        }
+    }
+};
+
+
+
+/***/ },
+
+/***/ "../../node_modules/global/window.js"
+/*!*******************************************!*\
+  !*** ../../node_modules/global/window.js ***!
+  \*******************************************/
+(module) {
+
+var win;
+
+if (typeof window !== "undefined") {
+    win = window;
+} else if (typeof globalThis !== "undefined") {
+    win = globalThis;
+} else if (typeof self !== "undefined"){
+    win = self;
+} else {
+    win = {};
+}
+
+module.exports = win;
+
+
+/***/ },
+
+/***/ "../../node_modules/hogan.js/lib/compiler.js"
+/*!***************************************************!*\
+  !*** ../../node_modules/hogan.js/lib/compiler.js ***!
+  \***************************************************/
+(__unused_webpack_module, exports) {
+
+/*
+ *  Copyright 2011 Twitter, Inc.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+(function (Hogan) {
+  // Setup regex  assignments
+  // remove whitespace according to Mustache spec
+  var rIsWhitespace = /\S/,
+      rQuot = /\"/g,
+      rNewline =  /\n/g,
+      rCr = /\r/g,
+      rSlash = /\\/g,
+      rLineSep = /\u2028/,
+      rParagraphSep = /\u2029/;
+
+  Hogan.tags = {
+    '#': 1, '^': 2, '<': 3, '$': 4,
+    '/': 5, '!': 6, '>': 7, '=': 8, '_v': 9,
+    '{': 10, '&': 11, '_t': 12
+  };
+
+  Hogan.scan = function scan(text, delimiters) {
+    var len = text.length,
+        IN_TEXT = 0,
+        IN_TAG_TYPE = 1,
+        IN_TAG = 2,
+        state = IN_TEXT,
+        tagType = null,
+        tag = null,
+        buf = '',
+        tokens = [],
+        seenTag = false,
+        i = 0,
+        lineStart = 0,
+        otag = '{{',
+        ctag = '}}';
+
+    function addBuf() {
+      if (buf.length > 0) {
+        tokens.push({tag: '_t', text: new String(buf)});
+        buf = '';
+      }
+    }
+
+    function lineIsWhitespace() {
+      var isAllWhitespace = true;
+      for (var j = lineStart; j < tokens.length; j++) {
+        isAllWhitespace =
+          (Hogan.tags[tokens[j].tag] < Hogan.tags['_v']) ||
+          (tokens[j].tag == '_t' && tokens[j].text.match(rIsWhitespace) === null);
+        if (!isAllWhitespace) {
+          return false;
+        }
+      }
+
+      return isAllWhitespace;
+    }
+
+    function filterLine(haveSeenTag, noNewLine) {
+      addBuf();
+
+      if (haveSeenTag && lineIsWhitespace()) {
+        for (var j = lineStart, next; j < tokens.length; j++) {
+          if (tokens[j].text) {
+            if ((next = tokens[j+1]) && next.tag == '>') {
+              // set indent to token value
+              next.indent = tokens[j].text.toString()
+            }
+            tokens.splice(j, 1);
+          }
+        }
+      } else if (!noNewLine) {
+        tokens.push({tag:'\n'});
+      }
+
+      seenTag = false;
+      lineStart = tokens.length;
+    }
+
+    function changeDelimiters(text, index) {
+      var close = '=' + ctag,
+          closeIndex = text.indexOf(close, index),
+          delimiters = trim(
+            text.substring(text.indexOf('=', index) + 1, closeIndex)
+          ).split(' ');
+
+      otag = delimiters[0];
+      ctag = delimiters[delimiters.length - 1];
+
+      return closeIndex + close.length - 1;
+    }
+
+    if (delimiters) {
+      delimiters = delimiters.split(' ');
+      otag = delimiters[0];
+      ctag = delimiters[1];
+    }
+
+    for (i = 0; i < len; i++) {
+      if (state == IN_TEXT) {
+        if (tagChange(otag, text, i)) {
+          --i;
+          addBuf();
+          state = IN_TAG_TYPE;
+        } else {
+          if (text.charAt(i) == '\n') {
+            filterLine(seenTag);
+          } else {
+            buf += text.charAt(i);
+          }
+        }
+      } else if (state == IN_TAG_TYPE) {
+        i += otag.length - 1;
+        tag = Hogan.tags[text.charAt(i + 1)];
+        tagType = tag ? text.charAt(i + 1) : '_v';
+        if (tagType == '=') {
+          i = changeDelimiters(text, i);
+          state = IN_TEXT;
+        } else {
+          if (tag) {
+            i++;
+          }
+          state = IN_TAG;
+        }
+        seenTag = i;
+      } else {
+        if (tagChange(ctag, text, i)) {
+          tokens.push({tag: tagType, n: trim(buf), otag: otag, ctag: ctag,
+                       i: (tagType == '/') ? seenTag - otag.length : i + ctag.length});
+          buf = '';
+          i += ctag.length - 1;
+          state = IN_TEXT;
+          if (tagType == '{') {
+            if (ctag == '}}') {
+              i++;
+            } else {
+              cleanTripleStache(tokens[tokens.length - 1]);
+            }
+          }
+        } else {
+          buf += text.charAt(i);
+        }
+      }
+    }
+
+    filterLine(seenTag, true);
+
+    return tokens;
+  }
+
+  function cleanTripleStache(token) {
+    if (token.n.substr(token.n.length - 1) === '}') {
+      token.n = token.n.substring(0, token.n.length - 1);
+    }
+  }
+
+  function trim(s) {
+    if (s.trim) {
+      return s.trim();
+    }
+
+    return s.replace(/^\s*|\s*$/g, '');
+  }
+
+  function tagChange(tag, text, index) {
+    if (text.charAt(index) != tag.charAt(0)) {
+      return false;
+    }
+
+    for (var i = 1, l = tag.length; i < l; i++) {
+      if (text.charAt(index + i) != tag.charAt(i)) {
+        return false;
+      }
+    }
+
+    return true;
+  }
+
+  // the tags allowed inside super templates
+  var allowedInSuper = {'_t': true, '\n': true, '$': true, '/': true};
+
+  function buildTree(tokens, kind, stack, customTags) {
+    var instructions = [],
+        opener = null,
+        tail = null,
+        token = null;
+
+    tail = stack[stack.length - 1];
+
+    while (tokens.length > 0) {
+      token = tokens.shift();
+
+      if (tail && tail.tag == '<' && !(token.tag in allowedInSuper)) {
+        throw new Error('Illegal content in < super tag.');
+      }
+
+      if (Hogan.tags[token.tag] <= Hogan.tags['$'] || isOpener(token, customTags)) {
+        stack.push(token);
+        token.nodes = buildTree(tokens, token.tag, stack, customTags);
+      } else if (token.tag == '/') {
+        if (stack.length === 0) {
+          throw new Error('Closing tag without opener: /' + token.n);
+        }
+        opener = stack.pop();
+        if (token.n != opener.n && !isCloser(token.n, opener.n, customTags)) {
+          throw new Error('Nesting error: ' + opener.n + ' vs. ' + token.n);
+        }
+        opener.end = token.i;
+        return instructions;
+      } else if (token.tag == '\n') {
+        token.last = (tokens.length == 0) || (tokens[0].tag == '\n');
+      }
+
+      instructions.push(token);
+    }
+
+    if (stack.length > 0) {
+      throw new Error('missing closing tag: ' + stack.pop().n);
+    }
+
+    return instructions;
+  }
+
+  function isOpener(token, tags) {
+    for (var i = 0, l = tags.length; i < l; i++) {
+      if (tags[i].o == token.n) {
+        token.tag = '#';
+        return true;
+      }
+    }
+  }
+
+  function isCloser(close, open, tags) {
+    for (var i = 0, l = tags.length; i < l; i++) {
+      if (tags[i].c == close && tags[i].o == open) {
+        return true;
+      }
+    }
+  }
+
+  function stringifySubstitutions(obj) {
+    var items = [];
+    for (var key in obj) {
+      items.push('"' + esc(key) + '": function(c,p,t,i) {' + obj[key] + '}');
+    }
+    return "{ " + items.join(",") + " }";
+  }
+
+  function stringifyPartials(codeObj) {
+    var partials = [];
+    for (var key in codeObj.partials) {
+      partials.push('"' + esc(key) + '":{name:"' + esc(codeObj.partials[key].name) + '", ' + stringifyPartials(codeObj.partials[key]) + "}");
+    }
+    return "partials: {" + partials.join(",") + "}, subs: " + stringifySubstitutions(codeObj.subs);
+  }
+
+  Hogan.stringify = function(codeObj, text, options) {
+    return "{code: function (c,p,i) { " + Hogan.wrapMain(codeObj.code) + " }," + stringifyPartials(codeObj) +  "}";
+  }
+
+  var serialNo = 0;
+  Hogan.generate = function(tree, text, options) {
+    serialNo = 0;
+    var context = { code: '', subs: {}, partials: {} };
+    Hogan.walk(tree, context);
+
+    if (options.asString) {
+      return this.stringify(context, text, options);
+    }
+
+    return this.makeTemplate(context, text, options);
+  }
+
+  Hogan.wrapMain = function(code) {
+    return 'var t=this;t.b(i=i||"");' + code + 'return t.fl();';
+  }
+
+  Hogan.template = Hogan.Template;
+
+  Hogan.makeTemplate = function(codeObj, text, options) {
+    var template = this.makePartials(codeObj);
+    template.code = new Function('c', 'p', 'i', this.wrapMain(codeObj.code));
+    return new this.template(template, text, this, options);
+  }
+
+  Hogan.makePartials = function(codeObj) {
+    var key, template = {subs: {}, partials: codeObj.partials, name: codeObj.name};
+    for (key in template.partials) {
+      template.partials[key] = this.makePartials(template.partials[key]);
+    }
+    for (key in codeObj.subs) {
+      template.subs[key] = new Function('c', 'p', 't', 'i', codeObj.subs[key]);
+    }
+    return template;
+  }
+
+  function esc(s) {
+    return s.replace(rSlash, '\\\\')
+            .replace(rQuot, '\\\"')
+            .replace(rNewline, '\\n')
+            .replace(rCr, '\\r')
+            .replace(rLineSep, '\\u2028')
+            .replace(rParagraphSep, '\\u2029');
+  }
+
+  function chooseMethod(s) {
+    return (~s.indexOf('.')) ? 'd' : 'f';
+  }
+
+  function createPartial(node, context) {
+    var prefix = "<" + (context.prefix || "");
+    var sym = prefix + node.n + serialNo++;
+    context.partials[sym] = {name: node.n, partials: {}};
+    context.code += 't.b(t.rp("' +  esc(sym) + '",c,p,"' + (node.indent || '') + '"));';
+    return sym;
+  }
+
+  Hogan.codegen = {
+    '#': function(node, context) {
+      context.code += 'if(t.s(t.' + chooseMethod(node.n) + '("' + esc(node.n) + '",c,p,1),' +
+                      'c,p,0,' + node.i + ',' + node.end + ',"' + node.otag + " " + node.ctag + '")){' +
+                      't.rs(c,p,' + 'function(c,p,t){';
+      Hogan.walk(node.nodes, context);
+      context.code += '});c.pop();}';
+    },
+
+    '^': function(node, context) {
+      context.code += 'if(!t.s(t.' + chooseMethod(node.n) + '("' + esc(node.n) + '",c,p,1),c,p,1,0,0,"")){';
+      Hogan.walk(node.nodes, context);
+      context.code += '};';
+    },
+
+    '>': createPartial,
+    '<': function(node, context) {
+      var ctx = {partials: {}, code: '', subs: {}, inPartial: true};
+      Hogan.walk(node.nodes, ctx);
+      var template = context.partials[createPartial(node, context)];
+      template.subs = ctx.subs;
+      template.partials = ctx.partials;
+    },
+
+    '$': function(node, context) {
+      var ctx = {subs: {}, code: '', partials: context.partials, prefix: node.n};
+      Hogan.walk(node.nodes, ctx);
+      context.subs[node.n] = ctx.code;
+      if (!context.inPartial) {
+        context.code += 't.sub("' + esc(node.n) + '",c,p,i);';
+      }
+    },
+
+    '\n': function(node, context) {
+      context.code += write('"\\n"' + (node.last ? '' : ' + i'));
+    },
+
+    '_v': function(node, context) {
+      context.code += 't.b(t.v(t.' + chooseMethod(node.n) + '("' + esc(node.n) + '",c,p,0)));';
+    },
+
+    '_t': function(node, context) {
+      context.code += write('"' + esc(node.text) + '"');
+    },
+
+    '{': tripleStache,
+
+    '&': tripleStache
+  }
+
+  function tripleStache(node, context) {
+    context.code += 't.b(t.t(t.' + chooseMethod(node.n) + '("' + esc(node.n) + '",c,p,0)));';
+  }
+
+  function write(s) {
+    return 't.b(' + s + ');';
+  }
+
+  Hogan.walk = function(nodelist, context) {
+    var func;
+    for (var i = 0, l = nodelist.length; i < l; i++) {
+      func = Hogan.codegen[nodelist[i].tag];
+      func && func(nodelist[i], context);
+    }
+    return context;
+  }
+
+  Hogan.parse = function(tokens, text, options) {
+    options = options || {};
+    return buildTree(tokens, '', [], options.sectionTags || []);
+  }
+
+  Hogan.cache = {};
+
+  Hogan.cacheKey = function(text, options) {
+    return [text, !!options.asString, !!options.disableLambda, options.delimiters, !!options.modelGet].join('||');
+  }
+
+  Hogan.compile = function(text, options) {
+    options = options || {};
+    var key = Hogan.cacheKey(text, options);
+    var template = this.cache[key];
+
+    if (template) {
+      var partials = template.partials;
+      for (var name in partials) {
+        delete partials[name].instance;
+      }
+      return template;
+    }
+
+    template = this.generate(this.parse(this.scan(text, options.delimiters), text, options), text, options);
+    return this.cache[key] = template;
+  }
+})( true ? exports : 0);
+
+
+/***/ },
+
+/***/ "../../node_modules/hogan.js/lib/hogan.js"
+/*!************************************************!*\
+  !*** ../../node_modules/hogan.js/lib/hogan.js ***!
+  \************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+/*
+ *  Copyright 2011 Twitter, Inc.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+// This file is for use with Node.js. See dist/ for browser files.
+
+var Hogan = __webpack_require__(/*! ./compiler */ "../../node_modules/hogan.js/lib/compiler.js");
+Hogan.Template = (__webpack_require__(/*! ./template */ "../../node_modules/hogan.js/lib/template.js").Template);
+Hogan.template = Hogan.Template;
+module.exports = Hogan;
+
+
+/***/ },
+
+/***/ "../../node_modules/hogan.js/lib/template.js"
+/*!***************************************************!*\
+  !*** ../../node_modules/hogan.js/lib/template.js ***!
+  \***************************************************/
+(__unused_webpack_module, exports) {
+
+/*
+ *  Copyright 2011 Twitter, Inc.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+var Hogan = {};
+
+(function (Hogan) {
+  Hogan.Template = function (codeObj, text, compiler, options) {
+    codeObj = codeObj || {};
+    this.r = codeObj.code || this.r;
+    this.c = compiler;
+    this.options = options || {};
+    this.text = text || '';
+    this.partials = codeObj.partials || {};
+    this.subs = codeObj.subs || {};
+    this.buf = '';
+  }
+
+  Hogan.Template.prototype = {
+    // render: replaced by generated code.
+    r: function (context, partials, indent) { return ''; },
+
+    // variable escaping
+    v: hoganEscape,
+
+    // triple stache
+    t: coerceToString,
+
+    render: function render(context, partials, indent) {
+      return this.ri([context], partials || {}, indent);
+    },
+
+    // render internal -- a hook for overrides that catches partials too
+    ri: function (context, partials, indent) {
+      return this.r(context, partials, indent);
+    },
+
+    // ensurePartial
+    ep: function(symbol, partials) {
+      var partial = this.partials[symbol];
+
+      // check to see that if we've instantiated this partial before
+      var template = partials[partial.name];
+      if (partial.instance && partial.base == template) {
+        return partial.instance;
+      }
+
+      if (typeof template == 'string') {
+        if (!this.c) {
+          throw new Error("No compiler available.");
+        }
+        template = this.c.compile(template, this.options);
+      }
+
+      if (!template) {
+        return null;
+      }
+
+      // We use this to check whether the partials dictionary has changed
+      this.partials[symbol].base = template;
+
+      if (partial.subs) {
+        // Make sure we consider parent template now
+        if (!partials.stackText) partials.stackText = {};
+        for (key in partial.subs) {
+          if (!partials.stackText[key]) {
+            partials.stackText[key] = (this.activeSub !== undefined && partials.stackText[this.activeSub]) ? partials.stackText[this.activeSub] : this.text;
+          }
+        }
+        template = createSpecializedPartial(template, partial.subs, partial.partials,
+          this.stackSubs, this.stackPartials, partials.stackText);
+      }
+      this.partials[symbol].instance = template;
+
+      return template;
+    },
+
+    // tries to find a partial in the current scope and render it
+    rp: function(symbol, context, partials, indent) {
+      var partial = this.ep(symbol, partials);
+      if (!partial) {
+        return '';
+      }
+
+      return partial.ri(context, partials, indent);
+    },
+
+    // render a section
+    rs: function(context, partials, section) {
+      var tail = context[context.length - 1];
+
+      if (!isArray(tail)) {
+        section(context, partials, this);
+        return;
+      }
+
+      for (var i = 0; i < tail.length; i++) {
+        context.push(tail[i]);
+        section(context, partials, this);
+        context.pop();
+      }
+    },
+
+    // maybe start a section
+    s: function(val, ctx, partials, inverted, start, end, tags) {
+      var pass;
+
+      if (isArray(val) && val.length === 0) {
+        return false;
+      }
+
+      if (typeof val == 'function') {
+        val = this.ms(val, ctx, partials, inverted, start, end, tags);
+      }
+
+      pass = !!val;
+
+      if (!inverted && pass && ctx) {
+        ctx.push((typeof val == 'object') ? val : ctx[ctx.length - 1]);
+      }
+
+      return pass;
+    },
+
+    // find values with dotted names
+    d: function(key, ctx, partials, returnFound) {
+      var found,
+          names = key.split('.'),
+          val = this.f(names[0], ctx, partials, returnFound),
+          doModelGet = this.options.modelGet,
+          cx = null;
+
+      if (key === '.' && isArray(ctx[ctx.length - 2])) {
+        val = ctx[ctx.length - 1];
+      } else {
+        for (var i = 1; i < names.length; i++) {
+          found = findInScope(names[i], val, doModelGet);
+          if (found !== undefined) {
+            cx = val;
+            val = found;
+          } else {
+            val = '';
+          }
+        }
+      }
+
+      if (returnFound && !val) {
+        return false;
+      }
+
+      if (!returnFound && typeof val == 'function') {
+        ctx.push(cx);
+        val = this.mv(val, ctx, partials);
+        ctx.pop();
+      }
+
+      return val;
+    },
+
+    // find values with normal names
+    f: function(key, ctx, partials, returnFound) {
+      var val = false,
+          v = null,
+          found = false,
+          doModelGet = this.options.modelGet;
+
+      for (var i = ctx.length - 1; i >= 0; i--) {
+        v = ctx[i];
+        val = findInScope(key, v, doModelGet);
+        if (val !== undefined) {
+          found = true;
+          break;
+        }
+      }
+
+      if (!found) {
+        return (returnFound) ? false : "";
+      }
+
+      if (!returnFound && typeof val == 'function') {
+        val = this.mv(val, ctx, partials);
+      }
+
+      return val;
+    },
+
+    // higher order templates
+    ls: function(func, cx, partials, text, tags) {
+      var oldTags = this.options.delimiters;
+
+      this.options.delimiters = tags;
+      this.b(this.ct(coerceToString(func.call(cx, text)), cx, partials));
+      this.options.delimiters = oldTags;
+
+      return false;
+    },
+
+    // compile text
+    ct: function(text, cx, partials) {
+      if (this.options.disableLambda) {
+        throw new Error('Lambda features disabled.');
+      }
+      return this.c.compile(text, this.options).render(cx, partials);
+    },
+
+    // template result buffering
+    b: function(s) { this.buf += s; },
+
+    fl: function() { var r = this.buf; this.buf = ''; return r; },
+
+    // method replace section
+    ms: function(func, ctx, partials, inverted, start, end, tags) {
+      var textSource,
+          cx = ctx[ctx.length - 1],
+          result = func.call(cx);
+
+      if (typeof result == 'function') {
+        if (inverted) {
+          return true;
+        } else {
+          textSource = (this.activeSub && this.subsText && this.subsText[this.activeSub]) ? this.subsText[this.activeSub] : this.text;
+          return this.ls(result, cx, partials, textSource.substring(start, end), tags);
+        }
+      }
+
+      return result;
+    },
+
+    // method replace variable
+    mv: function(func, ctx, partials) {
+      var cx = ctx[ctx.length - 1];
+      var result = func.call(cx);
+
+      if (typeof result == 'function') {
+        return this.ct(coerceToString(result.call(cx)), cx, partials);
+      }
+
+      return result;
+    },
+
+    sub: function(name, context, partials, indent) {
+      var f = this.subs[name];
+      if (f) {
+        this.activeSub = name;
+        f(context, partials, this, indent);
+        this.activeSub = false;
+      }
+    }
+
+  };
+
+  //Find a key in an object
+  function findInScope(key, scope, doModelGet) {
+    var val;
+
+    if (scope && typeof scope == 'object') {
+
+      if (scope[key] !== undefined) {
+        val = scope[key];
+
+      // try lookup with get for backbone or similar model data
+      } else if (doModelGet && scope.get && typeof scope.get == 'function') {
+        val = scope.get(key);
+      }
+    }
+
+    return val;
+  }
+
+  function createSpecializedPartial(instance, subs, partials, stackSubs, stackPartials, stackText) {
+    function PartialTemplate() {};
+    PartialTemplate.prototype = instance;
+    function Substitutions() {};
+    Substitutions.prototype = instance.subs;
+    var key;
+    var partial = new PartialTemplate();
+    partial.subs = new Substitutions();
+    partial.subsText = {};  //hehe. substext.
+    partial.buf = '';
+
+    stackSubs = stackSubs || {};
+    partial.stackSubs = stackSubs;
+    partial.subsText = stackText;
+    for (key in subs) {
+      if (!stackSubs[key]) stackSubs[key] = subs[key];
+    }
+    for (key in stackSubs) {
+      partial.subs[key] = stackSubs[key];
+    }
+
+    stackPartials = stackPartials || {};
+    partial.stackPartials = stackPartials;
+    for (key in partials) {
+      if (!stackPartials[key]) stackPartials[key] = partials[key];
+    }
+    for (key in stackPartials) {
+      partial.partials[key] = stackPartials[key];
+    }
+
+    return partial;
+  }
+
+  var rAmp = /&/g,
+      rLt = /</g,
+      rGt = />/g,
+      rApos = /\'/g,
+      rQuot = /\"/g,
+      hChars = /[&<>\"\']/;
+
+  function coerceToString(val) {
+    return String((val === null || val === undefined) ? '' : val);
+  }
+
+  function hoganEscape(str) {
+    str = coerceToString(str);
+    return hChars.test(str) ?
+      str
+        .replace(rAmp, '&amp;')
+        .replace(rLt, '&lt;')
+        .replace(rGt, '&gt;')
+        .replace(rApos, '&#39;')
+        .replace(rQuot, '&quot;') :
+      str;
+  }
+
+  var isArray = Array.isArray || function(a) {
+    return Object.prototype.toString.call(a) === '[object Array]';
+  };
+
+})( true ? exports : 0);
+
+
+/***/ },
+
+/***/ "../../node_modules/immediate/lib/index.js"
+/*!*************************************************!*\
+  !*** ../../node_modules/immediate/lib/index.js ***!
+  \*************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var types = [
+  __webpack_require__(/*! ./nextTick */ "?8a48"),
+  __webpack_require__(/*! ./queueMicrotask */ "../../node_modules/immediate/lib/queueMicrotask.js"),
+  __webpack_require__(/*! ./mutation.js */ "../../node_modules/immediate/lib/mutation.js"),
+  __webpack_require__(/*! ./messageChannel */ "../../node_modules/immediate/lib/messageChannel.js"),
+  __webpack_require__(/*! ./stateChange */ "../../node_modules/immediate/lib/stateChange.js"),
+  __webpack_require__(/*! ./timeout */ "../../node_modules/immediate/lib/timeout.js")
+];
+var draining;
+var currentQueue;
+var queueIndex = -1;
+var queue = [];
+var scheduled = false;
+function cleanUpNextTick() {
+  if (!draining || !currentQueue) {
+    return;
+  }
+  draining = false;
+  if (currentQueue.length) {
+    queue = currentQueue.concat(queue);
+  } else {
+    queueIndex = -1;
+  }
+  if (queue.length) {
+    nextTick();
+  }
+}
+
+//named nextTick for less confusing stack traces
+function nextTick() {
+  if (draining) {
+    return;
+  }
+  scheduled = false;
+  draining = true;
+  var len = queue.length;
+  var timeout = setTimeout(cleanUpNextTick);
+  while (len) {
+    currentQueue = queue;
+    queue = [];
+    while (currentQueue && ++queueIndex < len) {
+      currentQueue[queueIndex].run();
+    }
+    queueIndex = -1;
+    len = queue.length;
+  }
+  currentQueue = null;
+  queueIndex = -1;
+  draining = false;
+  clearTimeout(timeout);
+}
+var scheduleDrain;
+var i = -1;
+var len = types.length;
+while (++i < len) {
+  if (types[i] && types[i].test && types[i].test()) {
+    scheduleDrain = types[i].install(nextTick);
+    break;
+  }
+}
+// v8 likes predictible objects
+function Item(fun, array) {
+  this.fun = fun;
+  this.array = array;
+}
+Item.prototype.run = function () {
+  var fun = this.fun;
+  var array = this.array;
+  switch (array.length) {
+  case 0:
+    return fun();
+  case 1:
+    return fun(array[0]);
+  case 2:
+    return fun(array[0], array[1]);
+  case 3:
+    return fun(array[0], array[1], array[2]);
+  default:
+    return fun.apply(null, array);
+  }
+
+};
+module.exports = immediate;
+function immediate(task) {
+  var args = new Array(arguments.length - 1);
+  if (arguments.length > 1) {
+    for (var i = 1; i < arguments.length; i++) {
+      args[i - 1] = arguments[i];
+    }
+  }
+  queue.push(new Item(task, args));
+  if (!scheduled && !draining) {
+    scheduled = true;
+    scheduleDrain();
+  }
+}
+
+
+/***/ },
+
+/***/ "../../node_modules/immediate/lib/messageChannel.js"
+/*!**********************************************************!*\
+  !*** ../../node_modules/immediate/lib/messageChannel.js ***!
+  \**********************************************************/
+(__unused_webpack_module, exports) {
+
+"use strict";
+
+
+exports.test = function () {
+  if (globalThis.setImmediate) {
+    // we can only get here in IE10
+    // which doesn't handel postMessage well
+    return false;
+  }
+  return typeof globalThis.MessageChannel !== 'undefined';
+};
+
+exports.install = function (func) {
+  var channel = new globalThis.MessageChannel();
+  channel.port1.onmessage = func;
+  return function () {
+    channel.port2.postMessage(0);
+  };
+};
+
+/***/ },
+
+/***/ "../../node_modules/immediate/lib/mutation.js"
+/*!****************************************************!*\
+  !*** ../../node_modules/immediate/lib/mutation.js ***!
+  \****************************************************/
+(__unused_webpack_module, exports) {
+
+"use strict";
+
+//based off rsvp https://github.com/tildeio/rsvp.js
+//license https://github.com/tildeio/rsvp.js/blob/master/LICENSE
+//https://github.com/tildeio/rsvp.js/blob/master/lib/rsvp/asap.js
+
+var Mutation = globalThis.MutationObserver || globalThis.WebKitMutationObserver;
+
+exports.test = function () {
+  return Mutation;
+};
+
+exports.install = function (handle) {
+  var called = 0;
+  var observer = new Mutation(handle);
+  var element = globalThis.document.createTextNode('');
+  observer.observe(element, {
+    characterData: true
+  });
+  return function () {
+    element.data = (called = ++called % 2);
+  };
+};
+
+/***/ },
+
+/***/ "../../node_modules/immediate/lib/queueMicrotask.js"
+/*!**********************************************************!*\
+  !*** ../../node_modules/immediate/lib/queueMicrotask.js ***!
+  \**********************************************************/
+(__unused_webpack_module, exports) {
+
+"use strict";
+
+exports.test = function () {
+  return typeof globalThis.queueMicrotask === 'function';
+};
+
+exports.install = function (func) {
+  return function () {
+    globalThis.queueMicrotask(func);
+  };
+};
+
+
+/***/ },
+
+/***/ "../../node_modules/immediate/lib/stateChange.js"
+/*!*******************************************************!*\
+  !*** ../../node_modules/immediate/lib/stateChange.js ***!
+  \*******************************************************/
+(__unused_webpack_module, exports) {
+
+"use strict";
+
+
+exports.test = function () {
+  return 'document' in globalThis && 'onreadystatechange' in globalThis.document.createElement('script');
+};
+
+exports.install = function (handle) {
+  return function () {
+
+    // Create a <script> element; its readystatechange event will be fired asynchronously once it is inserted
+    // into the document. Do so, thus queuing up the task. Remember to clean up once it's been called.
+    var scriptEl = globalThis.document.createElement('script');
+    scriptEl.onreadystatechange = function () {
+      handle();
+
+      scriptEl.onreadystatechange = null;
+      scriptEl.parentNode.removeChild(scriptEl);
+      scriptEl = null;
+    };
+    globalThis.document.documentElement.appendChild(scriptEl);
+
+    return handle;
+  };
+};
+
+/***/ },
+
+/***/ "../../node_modules/immediate/lib/timeout.js"
+/*!***************************************************!*\
+  !*** ../../node_modules/immediate/lib/timeout.js ***!
+  \***************************************************/
+(__unused_webpack_module, exports) {
+
+"use strict";
+
+exports.test = function () {
+  return true;
+};
+
+exports.install = function (t) {
+  return function () {
+    setTimeout(t, 0);
+  };
+};
+
+/***/ },
+
+/***/ "../../node_modules/inherits/inherits_browser.js"
+/*!*******************************************************!*\
+  !*** ../../node_modules/inherits/inherits_browser.js ***!
+  \*******************************************************/
+(module) {
+
+if (typeof Object.create === 'function') {
+  // implementation from standard node.js 'util' module
+  module.exports = function inherits(ctor, superCtor) {
+    if (superCtor) {
+      ctor.super_ = superCtor
+      ctor.prototype = Object.create(superCtor.prototype, {
+        constructor: {
+          value: ctor,
+          enumerable: false,
+          writable: true,
+          configurable: true
+        }
+      })
+    }
+  };
+} else {
+  // old school shim for old browsers
+  module.exports = function inherits(ctor, superCtor) {
+    if (superCtor) {
+      ctor.super_ = superCtor
+      var TempCtor = function () {}
+      TempCtor.prototype = superCtor.prototype
+      ctor.prototype = new TempCtor()
+      ctor.prototype.constructor = ctor
+    }
+  }
+}
+
+
+/***/ },
+
+/***/ "../../node_modules/isarray/index.js"
+/*!*******************************************!*\
+  !*** ../../node_modules/isarray/index.js ***!
+  \*******************************************/
+(module) {
+
+var toString = {}.toString;
+
+module.exports = Array.isArray || function (arr) {
+  return toString.call(arr) == '[object Array]';
+};
+
+
+/***/ },
+
+/***/ "../../node_modules/jquery/dist/jquery.js"
+/*!************************************************!*\
+  !*** ../../node_modules/jquery/dist/jquery.js ***!
+  \************************************************/
+(module, exports) {
+
+var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
+ * jQuery JavaScript Library v3.7.1
+ * https://jquery.com/
+ *
+ * Copyright OpenJS Foundation and other contributors
+ * Released under the MIT license
+ * https://jquery.org/license
+ *
+ * Date: 2023-08-28T13:37Z
+ */
+( function( global, factory ) {
+
+	"use strict";
+
+	if (  true && typeof module.exports === "object" ) {
+
+		// For CommonJS and CommonJS-like environments where a proper `window`
+		// is present, execute the factory and get jQuery.
+		// For environments that do not have a `window` with a `document`
+		// (such as Node.js), expose a factory as module.exports.
+		// This accentuates the need for the creation of a real `window`.
+		// e.g. var jQuery = require("jquery")(window);
+		// See ticket trac-14549 for more info.
+		module.exports = global.document ?
+			factory( global, true ) :
+			function( w ) {
+				if ( !w.document ) {
+					throw new Error( "jQuery requires a window with a document" );
+				}
+				return factory( w );
+			};
+	} else {
+		factory( global );
+	}
+
+// Pass this if window is not defined yet
+} )( typeof window !== "undefined" ? window : this, function( window, noGlobal ) {
+
+// Edge <= 12 - 13+, Firefox <=18 - 45+, IE 10 - 11, Safari 5.1 - 9+, iOS 6 - 9.1
+// throw exceptions when non-strict code (e.g., ASP.NET 4.5) accesses strict mode
+// arguments.callee.caller (trac-13335). But as of jQuery 3.0 (2016), strict mode should be common
+// enough that all such attempts are guarded in a try block.
+"use strict";
+
+var arr = [];
+
+var getProto = Object.getPrototypeOf;
+
+var slice = arr.slice;
+
+var flat = arr.flat ? function( array ) {
+	return arr.flat.call( array );
+} : function( array ) {
+	return arr.concat.apply( [], array );
+};
+
+
+var push = arr.push;
+
+var indexOf = arr.indexOf;
+
+var class2type = {};
+
+var toString = class2type.toString;
+
+var hasOwn = class2type.hasOwnProperty;
+
+var fnToString = hasOwn.toString;
+
+var ObjectFunctionString = fnToString.call( Object );
+
+var support = {};
+
+var isFunction = function isFunction( obj ) {
+
+		// Support: Chrome <=57, Firefox <=52
+		// In some browsers, typeof returns "function" for HTML <object> elements
+		// (i.e., `typeof document.createElement( "object" ) === "function"`).
+		// We don't want to classify *any* DOM node as a function.
+		// Support: QtWeb <=3.8.5, WebKit <=534.34, wkhtmltopdf tool <=0.12.5
+		// Plus for old WebKit, typeof returns "function" for HTML collections
+		// (e.g., `typeof document.getElementsByTagName("div") === "function"`). (gh-4756)
+		return typeof obj === "function" && typeof obj.nodeType !== "number" &&
+			typeof obj.item !== "function";
+	};
+
+
+var isWindow = function isWindow( obj ) {
+		return obj != null && obj === obj.window;
+	};
+
+
+var document = window.document;
+
+
+
+	var preservedScriptAttributes = {
+		type: true,
+		src: true,
+		nonce: true,
+		noModule: true
+	};
+
+	function DOMEval( code, node, doc ) {
+		doc = doc || document;
+
+		var i, val,
+			script = doc.createElement( "script" );
+
+		script.text = code;
+		if ( node ) {
+			for ( i in preservedScriptAttributes ) {
+
+				// Support: Firefox 64+, Edge 18+
+				// Some browsers don't support the "nonce" property on scripts.
+				// On the other hand, just using `getAttribute` is not enough as
+				// the `nonce` attribute is reset to an empty string whenever it
+				// becomes browsing-context connected.
+				// See https://github.com/whatwg/html/issues/2369
+				// See https://html.spec.whatwg.org/#nonce-attributes
+				// The `node.getAttribute` check was added for the sake of
+				// `jQuery.globalEval` so that it can fake a nonce-containing node
+				// via an object.
+				val = node[ i ] || node.getAttribute && node.getAttribute( i );
+				if ( val ) {
+					script.setAttribute( i, val );
+				}
+			}
+		}
+		doc.head.appendChild( script ).parentNode.removeChild( script );
+	}
+
+
+function toType( obj ) {
+	if ( obj == null ) {
+		return obj + "";
+	}
+
+	// Support: Android <=2.3 only (functionish RegExp)
+	return typeof obj === "object" || typeof obj === "function" ?
+		class2type[ toString.call( obj ) ] || "object" :
+		typeof obj;
+}
+/* global Symbol */
+// Defining this global in .eslintrc.json would create a danger of using the global
+// unguarded in another place, it seems safer to define global only for this module
+
+
+
+var version = "3.7.1",
+
+	rhtmlSuffix = /HTML$/i,
+
+	// Define a local copy of jQuery
+	jQuery = function( selector, context ) {
+
+		// The jQuery object is actually just the init constructor 'enhanced'
+		// Need init if jQuery is called (just allow error to be thrown if not included)
+		return new jQuery.fn.init( selector, context );
+	};
+
+jQuery.fn = jQuery.prototype = {
+
+	// The current version of jQuery being used
+	jquery: version,
+
+	constructor: jQuery,
+
+	// The default length of a jQuery object is 0
+	length: 0,
+
+	toArray: function() {
+		return slice.call( this );
+	},
+
+	// Get the Nth element in the matched element set OR
+	// Get the whole matched element set as a clean array
+	get: function( num ) {
+
+		// Return all the elements in a clean array
+		if ( num == null ) {
+			return slice.call( this );
+		}
+
+		// Return just the one element from the set
+		return num < 0 ? this[ num + this.length ] : this[ num ];
+	},
+
+	// Take an array of elements and push it onto the stack
+	// (returning the new matched element set)
+	pushStack: function( elems ) {
+
+		// Build a new jQuery matched element set
+		var ret = jQuery.merge( this.constructor(), elems );
+
+		// Add the old object onto the stack (as a reference)
+		ret.prevObject = this;
+
+		// Return the newly-formed element set
+		return ret;
+	},
+
+	// Execute a callback for every element in the matched set.
+	each: function( callback ) {
+		return jQuery.each( this, callback );
+	},
+
+	map: function( callback ) {
+		return this.pushStack( jQuery.map( this, function( elem, i ) {
+			return callback.call( elem, i, elem );
+		} ) );
+	},
+
+	slice: function() {
+		return this.pushStack( slice.apply( this, arguments ) );
+	},
+
+	first: function() {
+		return this.eq( 0 );
+	},
+
+	last: function() {
+		return this.eq( -1 );
+	},
+
+	even: function() {
+		return this.pushStack( jQuery.grep( this, function( _elem, i ) {
+			return ( i + 1 ) % 2;
+		} ) );
+	},
+
+	odd: function() {
+		return this.pushStack( jQuery.grep( this, function( _elem, i ) {
+			return i % 2;
+		} ) );
+	},
+
+	eq: function( i ) {
+		var len = this.length,
+			j = +i + ( i < 0 ? len : 0 );
+		return this.pushStack( j >= 0 && j < len ? [ this[ j ] ] : [] );
+	},
+
+	end: function() {
+		return this.prevObject || this.constructor();
+	},
+
+	// For internal use only.
+	// Behaves like an Array's method, not like a jQuery method.
+	push: push,
+	sort: arr.sort,
+	splice: arr.splice
+};
+
+jQuery.extend = jQuery.fn.extend = function() {
+	var options, name, src, copy, copyIsArray, clone,
+		target = arguments[ 0 ] || {},
+		i = 1,
+		length = arguments.length,
+		deep = false;
+
+	// Handle a deep copy situation
+	if ( typeof target === "boolean" ) {
+		deep = target;
+
+		// Skip the boolean and the target
+		target = arguments[ i ] || {};
+		i++;
+	}
+
+	// Handle case when target is a string or something (possible in deep copy)
+	if ( typeof target !== "object" && !isFunction( target ) ) {
+		target = {};
+	}
+
+	// Extend jQuery itself if only one argument is passed
+	if ( i === length ) {
+		target = this;
+		i--;
+	}
+
+	for ( ; i < length; i++ ) {
+
+		// Only deal with non-null/undefined values
+		if ( ( options = arguments[ i ] ) != null ) {
+
+			// Extend the base object
+			for ( name in options ) {
+				copy = options[ name ];
+
+				// Prevent Object.prototype pollution
+				// Prevent never-ending loop
+				if ( name === "__proto__" || target === copy ) {
+					continue;
+				}
+
+				// Recurse if we're merging plain objects or arrays
+				if ( deep && copy && ( jQuery.isPlainObject( copy ) ||
+					( copyIsArray = Array.isArray( copy ) ) ) ) {
+					src = target[ name ];
+
+					// Ensure proper type for the source value
+					if ( copyIsArray && !Array.isArray( src ) ) {
+						clone = [];
+					} else if ( !copyIsArray && !jQuery.isPlainObject( src ) ) {
+						clone = {};
+					} else {
+						clone = src;
+					}
+					copyIsArray = false;
+
+					// Never move original objects, clone them
+					target[ name ] = jQuery.extend( deep, clone, copy );
+
+				// Don't bring in undefined values
+				} else if ( copy !== undefined ) {
+					target[ name ] = copy;
+				}
+			}
+		}
+	}
+
+	// Return the modified object
+	return target;
+};
+
+jQuery.extend( {
+
+	// Unique for each copy of jQuery on the page
+	expando: "jQuery" + ( version + Math.random() ).replace( /\D/g, "" ),
+
+	// Assume jQuery is ready without the ready module
+	isReady: true,
+
+	error: function( msg ) {
+		throw new Error( msg );
+	},
+
+	noop: function() {},
+
+	isPlainObject: function( obj ) {
+		var proto, Ctor;
+
+		// Detect obvious negatives
+		// Use toString instead of jQuery.type to catch host objects
+		if ( !obj || toString.call( obj ) !== "[object Object]" ) {
+			return false;
+		}
+
+		proto = getProto( obj );
+
+		// Objects with no prototype (e.g., `Object.create( null )`) are plain
+		if ( !proto ) {
+			return true;
+		}
+
+		// Objects with prototype are plain iff they were constructed by a global Object function
+		Ctor = hasOwn.call( proto, "constructor" ) && proto.constructor;
+		return typeof Ctor === "function" && fnToString.call( Ctor ) === ObjectFunctionString;
+	},
+
+	isEmptyObject: function( obj ) {
+		var name;
+
+		for ( name in obj ) {
+			return false;
+		}
+		return true;
+	},
+
+	// Evaluates a script in a provided context; falls back to the global one
+	// if not specified.
+	globalEval: function( code, options, doc ) {
+		DOMEval( code, { nonce: options && options.nonce }, doc );
+	},
+
+	each: function( obj, callback ) {
+		var length, i = 0;
+
+		if ( isArrayLike( obj ) ) {
+			length = obj.length;
+			for ( ; i < length; i++ ) {
+				if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) {
+					break;
+				}
+			}
+		} else {
+			for ( i in obj ) {
+				if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) {
+					break;
+				}
+			}
+		}
+
+		return obj;
+	},
+
+
+	// Retrieve the text value of an array of DOM nodes
+	text: function( elem ) {
+		var node,
+			ret = "",
+			i = 0,
+			nodeType = elem.nodeType;
+
+		if ( !nodeType ) {
+
+			// If no nodeType, this is expected to be an array
+			while ( ( node = elem[ i++ ] ) ) {
+
+				// Do not traverse comment nodes
+				ret += jQuery.text( node );
+			}
+		}
+		if ( nodeType === 1 || nodeType === 11 ) {
+			return elem.textContent;
+		}
+		if ( nodeType === 9 ) {
+			return elem.documentElement.textContent;
+		}
+		if ( nodeType === 3 || nodeType === 4 ) {
+			return elem.nodeValue;
+		}
+
+		// Do not include comment or processing instruction nodes
+
+		return ret;
+	},
+
+	// results is for internal usage only
+	makeArray: function( arr, results ) {
+		var ret = results || [];
+
+		if ( arr != null ) {
+			if ( isArrayLike( Object( arr ) ) ) {
+				jQuery.merge( ret,
+					typeof arr === "string" ?
+						[ arr ] : arr
+				);
+			} else {
+				push.call( ret, arr );
+			}
+		}
+
+		return ret;
+	},
+
+	inArray: function( elem, arr, i ) {
+		return arr == null ? -1 : indexOf.call( arr, elem, i );
+	},
+
+	isXMLDoc: function( elem ) {
+		var namespace = elem && elem.namespaceURI,
+			docElem = elem && ( elem.ownerDocument || elem ).documentElement;
+
+		// Assume HTML when documentElement doesn't yet exist, such as inside
+		// document fragments.
+		return !rhtmlSuffix.test( namespace || docElem && docElem.nodeName || "HTML" );
+	},
+
+	// Support: Android <=4.0 only, PhantomJS 1 only
+	// push.apply(_, arraylike) throws on ancient WebKit
+	merge: function( first, second ) {
+		var len = +second.length,
+			j = 0,
+			i = first.length;
+
+		for ( ; j < len; j++ ) {
+			first[ i++ ] = second[ j ];
+		}
+
+		first.length = i;
+
+		return first;
+	},
+
+	grep: function( elems, callback, invert ) {
+		var callbackInverse,
+			matches = [],
+			i = 0,
+			length = elems.length,
+			callbackExpect = !invert;
+
+		// Go through the array, only saving the items
+		// that pass the validator function
+		for ( ; i < length; i++ ) {
+			callbackInverse = !callback( elems[ i ], i );
+			if ( callbackInverse !== callbackExpect ) {
+				matches.push( elems[ i ] );
+			}
+		}
+
+		return matches;
+	},
+
+	// arg is for internal usage only
+	map: function( elems, callback, arg ) {
+		var length, value,
+			i = 0,
+			ret = [];
+
+		// Go through the array, translating each of the items to their new values
+		if ( isArrayLike( elems ) ) {
+			length = elems.length;
+			for ( ; i < length; i++ ) {
+				value = callback( elems[ i ], i, arg );
+
+				if ( value != null ) {
+					ret.push( value );
+				}
+			}
+
+		// Go through every key on the object,
+		} else {
+			for ( i in elems ) {
+				value = callback( elems[ i ], i, arg );
+
+				if ( value != null ) {
+					ret.push( value );
+				}
+			}
+		}
+
+		// Flatten any nested arrays
+		return flat( ret );
+	},
+
+	// A global GUID counter for objects
+	guid: 1,
+
+	// jQuery.support is not used in Core but other projects attach their
+	// properties to it so it needs to exist.
+	support: support
+} );
+
+if ( typeof Symbol === "function" ) {
+	jQuery.fn[ Symbol.iterator ] = arr[ Symbol.iterator ];
+}
+
+// Populate the class2type map
+jQuery.each( "Boolean Number String Function Array Date RegExp Object Error Symbol".split( " " ),
+	function( _i, name ) {
+		class2type[ "[object " + name + "]" ] = name.toLowerCase();
+	} );
+
+function isArrayLike( obj ) {
+
+	// Support: real iOS 8.2 only (not reproducible in simulator)
+	// `in` check used to prevent JIT error (gh-2145)
+	// hasOwn isn't used here due to false negatives
+	// regarding Nodelist length in IE
+	var length = !!obj && "length" in obj && obj.length,
+		type = toType( obj );
+
+	if ( isFunction( obj ) || isWindow( obj ) ) {
+		return false;
+	}
+
+	return type === "array" || length === 0 ||
+		typeof length === "number" && length > 0 && ( length - 1 ) in obj;
+}
+
+
+function nodeName( elem, name ) {
+
+	return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase();
+
+}
+var pop = arr.pop;
+
+
+var sort = arr.sort;
+
+
+var splice = arr.splice;
+
+
+var whitespace = "[\\x20\\t\\r\\n\\f]";
+
+
+var rtrimCSS = new RegExp(
+	"^" + whitespace + "+|((?:^|[^\\\\])(?:\\\\.)*)" + whitespace + "+$",
+	"g"
+);
+
+
+
+
+// Note: an element does not contain itself
+jQuery.contains = function( a, b ) {
+	var bup = b && b.parentNode;
+
+	return a === bup || !!( bup && bup.nodeType === 1 && (
+
+		// Support: IE 9 - 11+
+		// IE doesn't have `contains` on SVG.
+		a.contains ?
+			a.contains( bup ) :
+			a.compareDocumentPosition && a.compareDocumentPosition( bup ) & 16
+	) );
+};
+
+
+
+
+// CSS string/identifier serialization
+// https://drafts.csswg.org/cssom/#common-serializing-idioms
+var rcssescape = /([\0-\x1f\x7f]|^-?\d)|^-$|[^\x80-\uFFFF\w-]/g;
+
+function fcssescape( ch, asCodePoint ) {
+	if ( asCodePoint ) {
+
+		// U+0000 NULL becomes U+FFFD REPLACEMENT CHARACTER
+		if ( ch === "\0" ) {
+			return "\uFFFD";
+		}
+
+		// Control characters and (dependent upon position) numbers get escaped as code points
+		return ch.slice( 0, -1 ) + "\\" + ch.charCodeAt( ch.length - 1 ).toString( 16 ) + " ";
+	}
+
+	// Other potentially-special ASCII characters get backslash-escaped
+	return "\\" + ch;
+}
+
+jQuery.escapeSelector = function( sel ) {
+	return ( sel + "" ).replace( rcssescape, fcssescape );
+};
+
+
+
+
+var preferredDoc = document,
+	pushNative = push;
+
+( function() {
+
+var i,
+	Expr,
+	outermostContext,
+	sortInput,
+	hasDuplicate,
+	push = pushNative,
+
+	// Local document vars
+	document,
+	documentElement,
+	documentIsHTML,
+	rbuggyQSA,
+	matches,
+
+	// Instance-specific data
+	expando = jQuery.expando,
+	dirruns = 0,
+	done = 0,
+	classCache = createCache(),
+	tokenCache = createCache(),
+	compilerCache = createCache(),
+	nonnativeSelectorCache = createCache(),
+	sortOrder = function( a, b ) {
+		if ( a === b ) {
+			hasDuplicate = true;
+		}
+		return 0;
+	},
+
+	booleans = "checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|" +
+		"loop|multiple|open|readonly|required|scoped",
+
+	// Regular expressions
+
+	// https://www.w3.org/TR/css-syntax-3/#ident-token-diagram
+	identifier = "(?:\\\\[\\da-fA-F]{1,6}" + whitespace +
+		"?|\\\\[^\\r\\n\\f]|[\\w-]|[^\0-\\x7f])+",
+
+	// Attribute selectors: https://www.w3.org/TR/selectors/#attribute-selectors
+	attributes = "\\[" + whitespace + "*(" + identifier + ")(?:" + whitespace +
+
+		// Operator (capture 2)
+		"*([*^$|!~]?=)" + whitespace +
+
+		// "Attribute values must be CSS identifiers [capture 5] or strings [capture 3 or capture 4]"
+		"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|(" + identifier + "))|)" +
+		whitespace + "*\\]",
+
+	pseudos = ":(" + identifier + ")(?:\\((" +
+
+		// To reduce the number of selectors needing tokenize in the preFilter, prefer arguments:
+		// 1. quoted (capture 3; capture 4 or capture 5)
+		"('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|" +
+
+		// 2. simple (capture 6)
+		"((?:\\\\.|[^\\\\()[\\]]|" + attributes + ")*)|" +
+
+		// 3. anything else (capture 2)
+		".*" +
+		")\\)|)",
+
+	// Leading and non-escaped trailing whitespace, capturing some non-whitespace characters preceding the latter
+	rwhitespace = new RegExp( whitespace + "+", "g" ),
+
+	rcomma = new RegExp( "^" + whitespace + "*," + whitespace + "*" ),
+	rleadingCombinator = new RegExp( "^" + whitespace + "*([>+~]|" + whitespace + ")" +
+		whitespace + "*" ),
+	rdescend = new RegExp( whitespace + "|>" ),
+
+	rpseudo = new RegExp( pseudos ),
+	ridentifier = new RegExp( "^" + identifier + "$" ),
+
+	matchExpr = {
+		ID: new RegExp( "^#(" + identifier + ")" ),
+		CLASS: new RegExp( "^\\.(" + identifier + ")" ),
+		TAG: new RegExp( "^(" + identifier + "|[*])" ),
+		ATTR: new RegExp( "^" + attributes ),
+		PSEUDO: new RegExp( "^" + pseudos ),
+		CHILD: new RegExp(
+			"^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" +
+				whitespace + "*(even|odd|(([+-]|)(\\d*)n|)" + whitespace + "*(?:([+-]|)" +
+				whitespace + "*(\\d+)|))" + whitespace + "*\\)|)", "i" ),
+		bool: new RegExp( "^(?:" + booleans + ")$", "i" ),
+
+		// For use in libraries implementing .is()
+		// We use this for POS matching in `select`
+		needsContext: new RegExp( "^" + whitespace +
+			"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" + whitespace +
+			"*((?:-\\d)?\\d*)" + whitespace + "*\\)|)(?=[^-]|$)", "i" )
+	},
+
+	rinputs = /^(?:input|select|textarea|button)$/i,
+	rheader = /^h\d$/i,
+
+	// Easily-parseable/retrievable ID or TAG or CLASS selectors
+	rquickExpr = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,
+
+	rsibling = /[+~]/,
+
+	// CSS escapes
+	// https://www.w3.org/TR/CSS21/syndata.html#escaped-characters
+	runescape = new RegExp( "\\\\[\\da-fA-F]{1,6}" + whitespace +
+		"?|\\\\([^\\r\\n\\f])", "g" ),
+	funescape = function( escape, nonHex ) {
+		var high = "0x" + escape.slice( 1 ) - 0x10000;
+
+		if ( nonHex ) {
+
+			// Strip the backslash prefix from a non-hex escape sequence
+			return nonHex;
+		}
+
+		// Replace a hexadecimal escape sequence with the encoded Unicode code point
+		// Support: IE <=11+
+		// For values outside the Basic Multilingual Plane (BMP), manually construct a
+		// surrogate pair
+		return high < 0 ?
+			String.fromCharCode( high + 0x10000 ) :
+			String.fromCharCode( high >> 10 | 0xD800, high & 0x3FF | 0xDC00 );
+	},
+
+	// Used for iframes; see `setDocument`.
+	// Support: IE 9 - 11+, Edge 12 - 18+
+	// Removing the function wrapper causes a "Permission Denied"
+	// error in IE/Edge.
+	unloadHandler = function() {
+		setDocument();
+	},
+
+	inDisabledFieldset = addCombinator(
+		function( elem ) {
+			return elem.disabled === true && nodeName( elem, "fieldset" );
+		},
+		{ dir: "parentNode", next: "legend" }
+	);
+
+// Support: IE <=9 only
+// Accessing document.activeElement can throw unexpectedly
+// https://bugs.jquery.com/ticket/13393
+function safeActiveElement() {
+	try {
+		return document.activeElement;
+	} catch ( err ) { }
+}
+
+// Optimize for push.apply( _, NodeList )
+try {
+	push.apply(
+		( arr = slice.call( preferredDoc.childNodes ) ),
+		preferredDoc.childNodes
+	);
+
+	// Support: Android <=4.0
+	// Detect silently failing push.apply
+	// eslint-disable-next-line no-unused-expressions
+	arr[ preferredDoc.childNodes.length ].nodeType;
+} catch ( e ) {
+	push = {
+		apply: function( target, els ) {
+			pushNative.apply( target, slice.call( els ) );
+		},
+		call: function( target ) {
+			pushNative.apply( target, slice.call( arguments, 1 ) );
+		}
+	};
+}
+
+function find( selector, context, results, seed ) {
+	var m, i, elem, nid, match, groups, newSelector,
+		newContext = context && context.ownerDocument,
+
+		// nodeType defaults to 9, since context defaults to document
+		nodeType = context ? context.nodeType : 9;
+
+	results = results || [];
+
+	// Return early from calls with invalid selector or context
+	if ( typeof selector !== "string" || !selector ||
+		nodeType !== 1 && nodeType !== 9 && nodeType !== 11 ) {
+
+		return results;
+	}
+
+	// Try to shortcut find operations (as opposed to filters) in HTML documents
+	if ( !seed ) {
+		setDocument( context );
+		context = context || document;
+
+		if ( documentIsHTML ) {
+
+			// If the selector is sufficiently simple, try using a "get*By*" DOM method
+			// (excepting DocumentFragment context, where the methods don't exist)
+			if ( nodeType !== 11 && ( match = rquickExpr.exec( selector ) ) ) {
+
+				// ID selector
+				if ( ( m = match[ 1 ] ) ) {
+
+					// Document context
+					if ( nodeType === 9 ) {
+						if ( ( elem = context.getElementById( m ) ) ) {
+
+							// Support: IE 9 only
+							// getElementById can match elements by name instead of ID
+							if ( elem.id === m ) {
+								push.call( results, elem );
+								return results;
+							}
+						} else {
+							return results;
+						}
+
+					// Element context
+					} else {
+
+						// Support: IE 9 only
+						// getElementById can match elements by name instead of ID
+						if ( newContext && ( elem = newContext.getElementById( m ) ) &&
+							find.contains( context, elem ) &&
+							elem.id === m ) {
+
+							push.call( results, elem );
+							return results;
+						}
+					}
+
+				// Type selector
+				} else if ( match[ 2 ] ) {
+					push.apply( results, context.getElementsByTagName( selector ) );
+					return results;
+
+				// Class selector
+				} else if ( ( m = match[ 3 ] ) && context.getElementsByClassName ) {
+					push.apply( results, context.getElementsByClassName( m ) );
+					return results;
+				}
+			}
+
+			// Take advantage of querySelectorAll
+			if ( !nonnativeSelectorCache[ selector + " " ] &&
+				( !rbuggyQSA || !rbuggyQSA.test( selector ) ) ) {
+
+				newSelector = selector;
+				newContext = context;
+
+				// qSA considers elements outside a scoping root when evaluating child or
+				// descendant combinators, which is not what we want.
+				// In such cases, we work around the behavior by prefixing every selector in the
+				// list with an ID selector referencing the scope context.
+				// The technique has to be used as well when a leading combinator is used
+				// as such selectors are not recognized by querySelectorAll.
+				// Thanks to Andrew Dupont for this technique.
+				if ( nodeType === 1 &&
+					( rdescend.test( selector ) || rleadingCombinator.test( selector ) ) ) {
+
+					// Expand context for sibling selectors
+					newContext = rsibling.test( selector ) && testContext( context.parentNode ) ||
+						context;
+
+					// We can use :scope instead of the ID hack if the browser
+					// supports it & if we're not changing the context.
+					// Support: IE 11+, Edge 17 - 18+
+					// IE/Edge sometimes throw a "Permission denied" error when
+					// strict-comparing two documents; shallow comparisons work.
+					// eslint-disable-next-line eqeqeq
+					if ( newContext != context || !support.scope ) {
+
+						// Capture the context ID, setting it first if necessary
+						if ( ( nid = context.getAttribute( "id" ) ) ) {
+							nid = jQuery.escapeSelector( nid );
+						} else {
+							context.setAttribute( "id", ( nid = expando ) );
+						}
+					}
+
+					// Prefix every selector in the list
+					groups = tokenize( selector );
+					i = groups.length;
+					while ( i-- ) {
+						groups[ i ] = ( nid ? "#" + nid : ":scope" ) + " " +
+							toSelector( groups[ i ] );
+					}
+					newSelector = groups.join( "," );
+				}
+
+				try {
+					push.apply( results,
+						newContext.querySelectorAll( newSelector )
+					);
+					return results;
+				} catch ( qsaError ) {
+					nonnativeSelectorCache( selector, true );
+				} finally {
+					if ( nid === expando ) {
+						context.removeAttribute( "id" );
+					}
+				}
+			}
+		}
+	}
+
+	// All others
+	return select( selector.replace( rtrimCSS, "$1" ), context, results, seed );
+}
+
+/**
+ * Create key-value caches of limited size
+ * @returns {function(string, object)} Returns the Object data after storing it on itself with
+ *	property name the (space-suffixed) string and (if the cache is larger than Expr.cacheLength)
+ *	deleting the oldest entry
+ */
+function createCache() {
+	var keys = [];
+
+	function cache( key, value ) {
+
+		// Use (key + " ") to avoid collision with native prototype properties
+		// (see https://github.com/jquery/sizzle/issues/157)
+		if ( keys.push( key + " " ) > Expr.cacheLength ) {
+
+			// Only keep the most recent entries
+			delete cache[ keys.shift() ];
+		}
+		return ( cache[ key + " " ] = value );
+	}
+	return cache;
+}
+
+/**
+ * Mark a function for special use by jQuery selector module
+ * @param {Function} fn The function to mark
+ */
+function markFunction( fn ) {
+	fn[ expando ] = true;
+	return fn;
+}
+
+/**
+ * Support testing using an element
+ * @param {Function} fn Passed the created element and returns a boolean result
+ */
+function assert( fn ) {
+	var el = document.createElement( "fieldset" );
+
+	try {
+		return !!fn( el );
+	} catch ( e ) {
+		return false;
+	} finally {
+
+		// Remove from its parent by default
+		if ( el.parentNode ) {
+			el.parentNode.removeChild( el );
+		}
+
+		// release memory in IE
+		el = null;
+	}
+}
+
+/**
+ * Returns a function to use in pseudos for input types
+ * @param {String} type
+ */
+function createInputPseudo( type ) {
+	return function( elem ) {
+		return nodeName( elem, "input" ) && elem.type === type;
+	};
+}
+
+/**
+ * Returns a function to use in pseudos for buttons
+ * @param {String} type
+ */
+function createButtonPseudo( type ) {
+	return function( elem ) {
+		return ( nodeName( elem, "input" ) || nodeName( elem, "button" ) ) &&
+			elem.type === type;
+	};
+}
+
+/**
+ * Returns a function to use in pseudos for :enabled/:disabled
+ * @param {Boolean} disabled true for :disabled; false for :enabled
+ */
+function createDisabledPseudo( disabled ) {
+
+	// Known :disabled false positives: fieldset[disabled] > legend:nth-of-type(n+2) :can-disable
+	return function( elem ) {
+
+		// Only certain elements can match :enabled or :disabled
+		// https://html.spec.whatwg.org/multipage/scripting.html#selector-enabled
+		// https://html.spec.whatwg.org/multipage/scripting.html#selector-disabled
+		if ( "form" in elem ) {
+
+			// Check for inherited disabledness on relevant non-disabled elements:
+			// * listed form-associated elements in a disabled fieldset
+			//   https://html.spec.whatwg.org/multipage/forms.html#category-listed
+			//   https://html.spec.whatwg.org/multipage/forms.html#concept-fe-disabled
+			// * option elements in a disabled optgroup
+			//   https://html.spec.whatwg.org/multipage/forms.html#concept-option-disabled
+			// All such elements have a "form" property.
+			if ( elem.parentNode && elem.disabled === false ) {
+
+				// Option elements defer to a parent optgroup if present
+				if ( "label" in elem ) {
+					if ( "label" in elem.parentNode ) {
+						return elem.parentNode.disabled === disabled;
+					} else {
+						return elem.disabled === disabled;
+					}
+				}
+
+				// Support: IE 6 - 11+
+				// Use the isDisabled shortcut property to check for disabled fieldset ancestors
+				return elem.isDisabled === disabled ||
+
+					// Where there is no isDisabled, check manually
+					elem.isDisabled !== !disabled &&
+						inDisabledFieldset( elem ) === disabled;
+			}
+
+			return elem.disabled === disabled;
+
+		// Try to winnow out elements that can't be disabled before trusting the disabled property.
+		// Some victims get caught in our net (label, legend, menu, track), but it shouldn't
+		// even exist on them, let alone have a boolean value.
+		} else if ( "label" in elem ) {
+			return elem.disabled === disabled;
+		}
+
+		// Remaining elements are neither :enabled nor :disabled
+		return false;
+	};
+}
+
+/**
+ * Returns a function to use in pseudos for positionals
+ * @param {Function} fn
+ */
+function createPositionalPseudo( fn ) {
+	return markFunction( function( argument ) {
+		argument = +argument;
+		return markFunction( function( seed, matches ) {
+			var j,
+				matchIndexes = fn( [], seed.length, argument ),
+				i = matchIndexes.length;
+
+			// Match elements found at the specified indexes
+			while ( i-- ) {
+				if ( seed[ ( j = matchIndexes[ i ] ) ] ) {
+					seed[ j ] = !( matches[ j ] = seed[ j ] );
+				}
+			}
+		} );
+	} );
+}
+
+/**
+ * Checks a node for validity as a jQuery selector context
+ * @param {Element|Object=} context
+ * @returns {Element|Object|Boolean} The input node if acceptable, otherwise a falsy value
+ */
+function testContext( context ) {
+	return context && typeof context.getElementsByTagName !== "undefined" && context;
+}
+
+/**
+ * Sets document-related variables once based on the current document
+ * @param {Element|Object} [node] An element or document object to use to set the document
+ * @returns {Object} Returns the current document
+ */
+function setDocument( node ) {
+	var subWindow,
+		doc = node ? node.ownerDocument || node : preferredDoc;
+
+	// Return early if doc is invalid or already selected
+	// Support: IE 11+, Edge 17 - 18+
+	// IE/Edge sometimes throw a "Permission denied" error when strict-comparing
+	// two documents; shallow comparisons work.
+	// eslint-disable-next-line eqeqeq
+	if ( doc == document || doc.nodeType !== 9 || !doc.documentElement ) {
+		return document;
+	}
+
+	// Update global variables
+	document = doc;
+	documentElement = document.documentElement;
+	documentIsHTML = !jQuery.isXMLDoc( document );
+
+	// Support: iOS 7 only, IE 9 - 11+
+	// Older browsers didn't support unprefixed `matches`.
+	matches = documentElement.matches ||
+		documentElement.webkitMatchesSelector ||
+		documentElement.msMatchesSelector;
+
+	// Support: IE 9 - 11+, Edge 12 - 18+
+	// Accessing iframe documents after unload throws "permission denied" errors
+	// (see trac-13936).
+	// Limit the fix to IE & Edge Legacy; despite Edge 15+ implementing `matches`,
+	// all IE 9+ and Edge Legacy versions implement `msMatchesSelector` as well.
+	if ( documentElement.msMatchesSelector &&
+
+		// Support: IE 11+, Edge 17 - 18+
+		// IE/Edge sometimes throw a "Permission denied" error when strict-comparing
+		// two documents; shallow comparisons work.
+		// eslint-disable-next-line eqeqeq
+		preferredDoc != document &&
+		( subWindow = document.defaultView ) && subWindow.top !== subWindow ) {
+
+		// Support: IE 9 - 11+, Edge 12 - 18+
+		subWindow.addEventListener( "unload", unloadHandler );
+	}
+
+	// Support: IE <10
+	// Check if getElementById returns elements by name
+	// The broken getElementById methods don't pick up programmatically-set names,
+	// so use a roundabout getElementsByName test
+	support.getById = assert( function( el ) {
+		documentElement.appendChild( el ).id = jQuery.expando;
+		return !document.getElementsByName ||
+			!document.getElementsByName( jQuery.expando ).length;
+	} );
+
+	// Support: IE 9 only
+	// Check to see if it's possible to do matchesSelector
+	// on a disconnected node.
+	support.disconnectedMatch = assert( function( el ) {
+		return matches.call( el, "*" );
+	} );
+
+	// Support: IE 9 - 11+, Edge 12 - 18+
+	// IE/Edge don't support the :scope pseudo-class.
+	support.scope = assert( function() {
+		return document.querySelectorAll( ":scope" );
+	} );
+
+	// Support: Chrome 105 - 111 only, Safari 15.4 - 16.3 only
+	// Make sure the `:has()` argument is parsed unforgivingly.
+	// We include `*` in the test to detect buggy implementations that are
+	// _selectively_ forgiving (specifically when the list includes at least
+	// one valid selector).
+	// Note that we treat complete lack of support for `:has()` as if it were
+	// spec-compliant support, which is fine because use of `:has()` in such
+	// environments will fail in the qSA path and fall back to jQuery traversal
+	// anyway.
+	support.cssHas = assert( function() {
+		try {
+			document.querySelector( ":has(*,:jqfake)" );
+			return false;
+		} catch ( e ) {
+			return true;
+		}
+	} );
+
+	// ID filter and find
+	if ( support.getById ) {
+		Expr.filter.ID = function( id ) {
+			var attrId = id.replace( runescape, funescape );
+			return function( elem ) {
+				return elem.getAttribute( "id" ) === attrId;
+			};
+		};
+		Expr.find.ID = function( id, context ) {
+			if ( typeof context.getElementById !== "undefined" && documentIsHTML ) {
+				var elem = context.getElementById( id );
+				return elem ? [ elem ] : [];
+			}
+		};
+	} else {
+		Expr.filter.ID =  function( id ) {
+			var attrId = id.replace( runescape, funescape );
+			return function( elem ) {
+				var node = typeof elem.getAttributeNode !== "undefined" &&
+					elem.getAttributeNode( "id" );
+				return node && node.value === attrId;
+			};
+		};
+
+		// Support: IE 6 - 7 only
+		// getElementById is not reliable as a find shortcut
+		Expr.find.ID = function( id, context ) {
+			if ( typeof context.getElementById !== "undefined" && documentIsHTML ) {
+				var node, i, elems,
+					elem = context.getElementById( id );
+
+				if ( elem ) {
+
+					// Verify the id attribute
+					node = elem.getAttributeNode( "id" );
+					if ( node && node.value === id ) {
+						return [ elem ];
+					}
+
+					// Fall back on getElementsByName
+					elems = context.getElementsByName( id );
+					i = 0;
+					while ( ( elem = elems[ i++ ] ) ) {
+						node = elem.getAttributeNode( "id" );
+						if ( node && node.value === id ) {
+							return [ elem ];
+						}
+					}
+				}
+
+				return [];
+			}
+		};
+	}
+
+	// Tag
+	Expr.find.TAG = function( tag, context ) {
+		if ( typeof context.getElementsByTagName !== "undefined" ) {
+			return context.getElementsByTagName( tag );
+
+		// DocumentFragment nodes don't have gEBTN
+		} else {
+			return context.querySelectorAll( tag );
+		}
+	};
+
+	// Class
+	Expr.find.CLASS = function( className, context ) {
+		if ( typeof context.getElementsByClassName !== "undefined" && documentIsHTML ) {
+			return context.getElementsByClassName( className );
+		}
+	};
+
+	/* QSA/matchesSelector
+	---------------------------------------------------------------------- */
+
+	// QSA and matchesSelector support
+
+	rbuggyQSA = [];
+
+	// Build QSA regex
+	// Regex strategy adopted from Diego Perini
+	assert( function( el ) {
+
+		var input;
+
+		documentElement.appendChild( el ).innerHTML =
+			"<a id='" + expando + "' href='' disabled='disabled'></a>" +
+			"<select id='" + expando + "-\r\\' disabled='disabled'>" +
+			"<option selected=''></option></select>";
+
+		// Support: iOS <=7 - 8 only
+		// Boolean attributes and "value" are not treated correctly in some XML documents
+		if ( !el.querySelectorAll( "[selected]" ).length ) {
+			rbuggyQSA.push( "\\[" + whitespace + "*(?:value|" + booleans + ")" );
+		}
+
+		// Support: iOS <=7 - 8 only
+		if ( !el.querySelectorAll( "[id~=" + expando + "-]" ).length ) {
+			rbuggyQSA.push( "~=" );
+		}
+
+		// Support: iOS 8 only
+		// https://bugs.webkit.org/show_bug.cgi?id=136851
+		// In-page `selector#id sibling-combinator selector` fails
+		if ( !el.querySelectorAll( "a#" + expando + "+*" ).length ) {
+			rbuggyQSA.push( ".#.+[+~]" );
+		}
+
+		// Support: Chrome <=105+, Firefox <=104+, Safari <=15.4+
+		// In some of the document kinds, these selectors wouldn't work natively.
+		// This is probably OK but for backwards compatibility we want to maintain
+		// handling them through jQuery traversal in jQuery 3.x.
+		if ( !el.querySelectorAll( ":checked" ).length ) {
+			rbuggyQSA.push( ":checked" );
+		}
+
+		// Support: Windows 8 Native Apps
+		// The type and name attributes are restricted during .innerHTML assignment
+		input = document.createElement( "input" );
+		input.setAttribute( "type", "hidden" );
+		el.appendChild( input ).setAttribute( "name", "D" );
+
+		// Support: IE 9 - 11+
+		// IE's :disabled selector does not pick up the children of disabled fieldsets
+		// Support: Chrome <=105+, Firefox <=104+, Safari <=15.4+
+		// In some of the document kinds, these selectors wouldn't work natively.
+		// This is probably OK but for backwards compatibility we want to maintain
+		// handling them through jQuery traversal in jQuery 3.x.
+		documentElement.appendChild( el ).disabled = true;
+		if ( el.querySelectorAll( ":disabled" ).length !== 2 ) {
+			rbuggyQSA.push( ":enabled", ":disabled" );
+		}
+
+		// Support: IE 11+, Edge 15 - 18+
+		// IE 11/Edge don't find elements on a `[name='']` query in some cases.
+		// Adding a temporary attribute to the document before the selection works
+		// around the issue.
+		// Interestingly, IE 10 & older don't seem to have the issue.
+		input = document.createElement( "input" );
+		input.setAttribute( "name", "" );
+		el.appendChild( input );
+		if ( !el.querySelectorAll( "[name='']" ).length ) {
+			rbuggyQSA.push( "\\[" + whitespace + "*name" + whitespace + "*=" +
+				whitespace + "*(?:''|\"\")" );
+		}
+	} );
+
+	if ( !support.cssHas ) {
+
+		// Support: Chrome 105 - 110+, Safari 15.4 - 16.3+
+		// Our regular `try-catch` mechanism fails to detect natively-unsupported
+		// pseudo-classes inside `:has()` (such as `:has(:contains("Foo"))`)
+		// in browsers that parse the `:has()` argument as a forgiving selector list.
+		// https://drafts.csswg.org/selectors/#relational now requires the argument
+		// to be parsed unforgivingly, but browsers have not yet fully adjusted.
+		rbuggyQSA.push( ":has" );
+	}
+
+	rbuggyQSA = rbuggyQSA.length && new RegExp( rbuggyQSA.join( "|" ) );
+
+	/* Sorting
+	---------------------------------------------------------------------- */
+
+	// Document order sorting
+	sortOrder = function( a, b ) {
+
+		// Flag for duplicate removal
+		if ( a === b ) {
+			hasDuplicate = true;
+			return 0;
+		}
+
+		// Sort on method existence if only one input has compareDocumentPosition
+		var compare = !a.compareDocumentPosition - !b.compareDocumentPosition;
+		if ( compare ) {
+			return compare;
+		}
+
+		// Calculate position if both inputs belong to the same document
+		// Support: IE 11+, Edge 17 - 18+
+		// IE/Edge sometimes throw a "Permission denied" error when strict-comparing
+		// two documents; shallow comparisons work.
+		// eslint-disable-next-line eqeqeq
+		compare = ( a.ownerDocument || a ) == ( b.ownerDocument || b ) ?
+			a.compareDocumentPosition( b ) :
+
+			// Otherwise we know they are disconnected
+			1;
+
+		// Disconnected nodes
+		if ( compare & 1 ||
+			( !support.sortDetached && b.compareDocumentPosition( a ) === compare ) ) {
+
+			// Choose the first element that is related to our preferred document
+			// Support: IE 11+, Edge 17 - 18+
+			// IE/Edge sometimes throw a "Permission denied" error when strict-comparing
+			// two documents; shallow comparisons work.
+			// eslint-disable-next-line eqeqeq
+			if ( a === document || a.ownerDocument == preferredDoc &&
+				find.contains( preferredDoc, a ) ) {
+				return -1;
+			}
+
+			// Support: IE 11+, Edge 17 - 18+
+			// IE/Edge sometimes throw a "Permission denied" error when strict-comparing
+			// two documents; shallow comparisons work.
+			// eslint-disable-next-line eqeqeq
+			if ( b === document || b.ownerDocument == preferredDoc &&
+				find.contains( preferredDoc, b ) ) {
+				return 1;
+			}
+
+			// Maintain original order
+			return sortInput ?
+				( indexOf.call( sortInput, a ) - indexOf.call( sortInput, b ) ) :
+				0;
+		}
+
+		return compare & 4 ? -1 : 1;
+	};
+
+	return document;
+}
+
+find.matches = function( expr, elements ) {
+	return find( expr, null, null, elements );
+};
+
+find.matchesSelector = function( elem, expr ) {
+	setDocument( elem );
+
+	if ( documentIsHTML &&
+		!nonnativeSelectorCache[ expr + " " ] &&
+		( !rbuggyQSA || !rbuggyQSA.test( expr ) ) ) {
+
+		try {
+			var ret = matches.call( elem, expr );
+
+			// IE 9's matchesSelector returns false on disconnected nodes
+			if ( ret || support.disconnectedMatch ||
+
+					// As well, disconnected nodes are said to be in a document
+					// fragment in IE 9
+					elem.document && elem.document.nodeType !== 11 ) {
+				return ret;
+			}
+		} catch ( e ) {
+			nonnativeSelectorCache( expr, true );
+		}
+	}
+
+	return find( expr, document, null, [ elem ] ).length > 0;
+};
+
+find.contains = function( context, elem ) {
+
+	// Set document vars if needed
+	// Support: IE 11+, Edge 17 - 18+
+	// IE/Edge sometimes throw a "Permission denied" error when strict-comparing
+	// two documents; shallow comparisons work.
+	// eslint-disable-next-line eqeqeq
+	if ( ( context.ownerDocument || context ) != document ) {
+		setDocument( context );
+	}
+	return jQuery.contains( context, elem );
+};
+
+
+find.attr = function( elem, name ) {
+
+	// Set document vars if needed
+	// Support: IE 11+, Edge 17 - 18+
+	// IE/Edge sometimes throw a "Permission denied" error when strict-comparing
+	// two documents; shallow comparisons work.
+	// eslint-disable-next-line eqeqeq
+	if ( ( elem.ownerDocument || elem ) != document ) {
+		setDocument( elem );
+	}
+
+	var fn = Expr.attrHandle[ name.toLowerCase() ],
+
+		// Don't get fooled by Object.prototype properties (see trac-13807)
+		val = fn && hasOwn.call( Expr.attrHandle, name.toLowerCase() ) ?
+			fn( elem, name, !documentIsHTML ) :
+			undefined;
+
+	if ( val !== undefined ) {
+		return val;
+	}
+
+	return elem.getAttribute( name );
+};
+
+find.error = function( msg ) {
+	throw new Error( "Syntax error, unrecognized expression: " + msg );
+};
+
+/**
+ * Document sorting and removing duplicates
+ * @param {ArrayLike} results
+ */
+jQuery.uniqueSort = function( results ) {
+	var elem,
+		duplicates = [],
+		j = 0,
+		i = 0;
+
+	// Unless we *know* we can detect duplicates, assume their presence
+	//
+	// Support: Android <=4.0+
+	// Testing for detecting duplicates is unpredictable so instead assume we can't
+	// depend on duplicate detection in all browsers without a stable sort.
+	hasDuplicate = !support.sortStable;
+	sortInput = !support.sortStable && slice.call( results, 0 );
+	sort.call( results, sortOrder );
+
+	if ( hasDuplicate ) {
+		while ( ( elem = results[ i++ ] ) ) {
+			if ( elem === results[ i ] ) {
+				j = duplicates.push( i );
+			}
+		}
+		while ( j-- ) {
+			splice.call( results, duplicates[ j ], 1 );
+		}
+	}
+
+	// Clear input after sorting to release objects
+	// See https://github.com/jquery/sizzle/pull/225
+	sortInput = null;
+
+	return results;
+};
+
+jQuery.fn.uniqueSort = function() {
+	return this.pushStack( jQuery.uniqueSort( slice.apply( this ) ) );
+};
+
+Expr = jQuery.expr = {
+
+	// Can be adjusted by the user
+	cacheLength: 50,
+
+	createPseudo: markFunction,
+
+	match: matchExpr,
+
+	attrHandle: {},
+
+	find: {},
+
+	relative: {
+		">": { dir: "parentNode", first: true },
+		" ": { dir: "parentNode" },
+		"+": { dir: "previousSibling", first: true },
+		"~": { dir: "previousSibling" }
+	},
+
+	preFilter: {
+		ATTR: function( match ) {
+			match[ 1 ] = match[ 1 ].replace( runescape, funescape );
+
+			// Move the given value to match[3] whether quoted or unquoted
+			match[ 3 ] = ( match[ 3 ] || match[ 4 ] || match[ 5 ] || "" )
+				.replace( runescape, funescape );
+
+			if ( match[ 2 ] === "~=" ) {
+				match[ 3 ] = " " + match[ 3 ] + " ";
+			}
+
+			return match.slice( 0, 4 );
+		},
+
+		CHILD: function( match ) {
+
+			/* matches from matchExpr["CHILD"]
+				1 type (only|nth|...)
+				2 what (child|of-type)
+				3 argument (even|odd|\d*|\d*n([+-]\d+)?|...)
+				4 xn-component of xn+y argument ([+-]?\d*n|)
+				5 sign of xn-component
+				6 x of xn-component
+				7 sign of y-component
+				8 y of y-component
+			*/
+			match[ 1 ] = match[ 1 ].toLowerCase();
+
+			if ( match[ 1 ].slice( 0, 3 ) === "nth" ) {
+
+				// nth-* requires argument
+				if ( !match[ 3 ] ) {
+					find.error( match[ 0 ] );
+				}
+
+				// numeric x and y parameters for Expr.filter.CHILD
+				// remember that false/true cast respectively to 0/1
+				match[ 4 ] = +( match[ 4 ] ?
+					match[ 5 ] + ( match[ 6 ] || 1 ) :
+					2 * ( match[ 3 ] === "even" || match[ 3 ] === "odd" )
+				);
+				match[ 5 ] = +( ( match[ 7 ] + match[ 8 ] ) || match[ 3 ] === "odd" );
+
+			// other types prohibit arguments
+			} else if ( match[ 3 ] ) {
+				find.error( match[ 0 ] );
+			}
+
+			return match;
+		},
+
+		PSEUDO: function( match ) {
+			var excess,
+				unquoted = !match[ 6 ] && match[ 2 ];
+
+			if ( matchExpr.CHILD.test( match[ 0 ] ) ) {
+				return null;
+			}
+
+			// Accept quoted arguments as-is
+			if ( match[ 3 ] ) {
+				match[ 2 ] = match[ 4 ] || match[ 5 ] || "";
+
+			// Strip excess characters from unquoted arguments
+			} else if ( unquoted && rpseudo.test( unquoted ) &&
+
+				// Get excess from tokenize (recursively)
+				( excess = tokenize( unquoted, true ) ) &&
+
+				// advance to the next closing parenthesis
+				( excess = unquoted.indexOf( ")", unquoted.length - excess ) - unquoted.length ) ) {
+
+				// excess is a negative index
+				match[ 0 ] = match[ 0 ].slice( 0, excess );
+				match[ 2 ] = unquoted.slice( 0, excess );
+			}
+
+			// Return only captures needed by the pseudo filter method (type and argument)
+			return match.slice( 0, 3 );
+		}
+	},
+
+	filter: {
+
+		TAG: function( nodeNameSelector ) {
+			var expectedNodeName = nodeNameSelector.replace( runescape, funescape ).toLowerCase();
+			return nodeNameSelector === "*" ?
+				function() {
+					return true;
+				} :
+				function( elem ) {
+					return nodeName( elem, expectedNodeName );
+				};
+		},
+
+		CLASS: function( className ) {
+			var pattern = classCache[ className + " " ];
+
+			return pattern ||
+				( pattern = new RegExp( "(^|" + whitespace + ")" + className +
+					"(" + whitespace + "|$)" ) ) &&
+				classCache( className, function( elem ) {
+					return pattern.test(
+						typeof elem.className === "string" && elem.className ||
+							typeof elem.getAttribute !== "undefined" &&
+								elem.getAttribute( "class" ) ||
+							""
+					);
+				} );
+		},
+
+		ATTR: function( name, operator, check ) {
+			return function( elem ) {
+				var result = find.attr( elem, name );
+
+				if ( result == null ) {
+					return operator === "!=";
+				}
+				if ( !operator ) {
+					return true;
+				}
+
+				result += "";
+
+				if ( operator === "=" ) {
+					return result === check;
+				}
+				if ( operator === "!=" ) {
+					return result !== check;
+				}
+				if ( operator === "^=" ) {
+					return check && result.indexOf( check ) === 0;
+				}
+				if ( operator === "*=" ) {
+					return check && result.indexOf( check ) > -1;
+				}
+				if ( operator === "$=" ) {
+					return check && result.slice( -check.length ) === check;
+				}
+				if ( operator === "~=" ) {
+					return ( " " + result.replace( rwhitespace, " " ) + " " )
+						.indexOf( check ) > -1;
+				}
+				if ( operator === "|=" ) {
+					return result === check || result.slice( 0, check.length + 1 ) === check + "-";
+				}
+
+				return false;
+			};
+		},
+
+		CHILD: function( type, what, _argument, first, last ) {
+			var simple = type.slice( 0, 3 ) !== "nth",
+				forward = type.slice( -4 ) !== "last",
+				ofType = what === "of-type";
+
+			return first === 1 && last === 0 ?
+
+				// Shortcut for :nth-*(n)
+				function( elem ) {
+					return !!elem.parentNode;
+				} :
+
+				function( elem, _context, xml ) {
+					var cache, outerCache, node, nodeIndex, start,
+						dir = simple !== forward ? "nextSibling" : "previousSibling",
+						parent = elem.parentNode,
+						name = ofType && elem.nodeName.toLowerCase(),
+						useCache = !xml && !ofType,
+						diff = false;
+
+					if ( parent ) {
+
+						// :(first|last|only)-(child|of-type)
+						if ( simple ) {
+							while ( dir ) {
+								node = elem;
+								while ( ( node = node[ dir ] ) ) {
+									if ( ofType ?
+										nodeName( node, name ) :
+										node.nodeType === 1 ) {
+
+										return false;
+									}
+								}
+
+								// Reverse direction for :only-* (if we haven't yet done so)
+								start = dir = type === "only" && !start && "nextSibling";
+							}
+							return true;
+						}
+
+						start = [ forward ? parent.firstChild : parent.lastChild ];
+
+						// non-xml :nth-child(...) stores cache data on `parent`
+						if ( forward && useCache ) {
+
+							// Seek `elem` from a previously-cached index
+							outerCache = parent[ expando ] || ( parent[ expando ] = {} );
+							cache = outerCache[ type ] || [];
+							nodeIndex = cache[ 0 ] === dirruns && cache[ 1 ];
+							diff = nodeIndex && cache[ 2 ];
+							node = nodeIndex && parent.childNodes[ nodeIndex ];
+
+							while ( ( node = ++nodeIndex && node && node[ dir ] ||
+
+								// Fallback to seeking `elem` from the start
+								( diff = nodeIndex = 0 ) || start.pop() ) ) {
+
+								// When found, cache indexes on `parent` and break
+								if ( node.nodeType === 1 && ++diff && node === elem ) {
+									outerCache[ type ] = [ dirruns, nodeIndex, diff ];
+									break;
+								}
+							}
+
+						} else {
+
+							// Use previously-cached element index if available
+							if ( useCache ) {
+								outerCache = elem[ expando ] || ( elem[ expando ] = {} );
+								cache = outerCache[ type ] || [];
+								nodeIndex = cache[ 0 ] === dirruns && cache[ 1 ];
+								diff = nodeIndex;
+							}
+
+							// xml :nth-child(...)
+							// or :nth-last-child(...) or :nth(-last)?-of-type(...)
+							if ( diff === false ) {
+
+								// Use the same loop as above to seek `elem` from the start
+								while ( ( node = ++nodeIndex && node && node[ dir ] ||
+									( diff = nodeIndex = 0 ) || start.pop() ) ) {
+
+									if ( ( ofType ?
+										nodeName( node, name ) :
+										node.nodeType === 1 ) &&
+										++diff ) {
+
+										// Cache the index of each encountered element
+										if ( useCache ) {
+											outerCache = node[ expando ] ||
+												( node[ expando ] = {} );
+											outerCache[ type ] = [ dirruns, diff ];
+										}
+
+										if ( node === elem ) {
+											break;
+										}
+									}
+								}
+							}
+						}
+
+						// Incorporate the offset, then check against cycle size
+						diff -= last;
+						return diff === first || ( diff % first === 0 && diff / first >= 0 );
+					}
+				};
+		},
+
+		PSEUDO: function( pseudo, argument ) {
+
+			// pseudo-class names are case-insensitive
+			// https://www.w3.org/TR/selectors/#pseudo-classes
+			// Prioritize by case sensitivity in case custom pseudos are added with uppercase letters
+			// Remember that setFilters inherits from pseudos
+			var args,
+				fn = Expr.pseudos[ pseudo ] || Expr.setFilters[ pseudo.toLowerCase() ] ||
+					find.error( "unsupported pseudo: " + pseudo );
+
+			// The user may use createPseudo to indicate that
+			// arguments are needed to create the filter function
+			// just as jQuery does
+			if ( fn[ expando ] ) {
+				return fn( argument );
+			}
+
+			// But maintain support for old signatures
+			if ( fn.length > 1 ) {
+				args = [ pseudo, pseudo, "", argument ];
+				return Expr.setFilters.hasOwnProperty( pseudo.toLowerCase() ) ?
+					markFunction( function( seed, matches ) {
+						var idx,
+							matched = fn( seed, argument ),
+							i = matched.length;
+						while ( i-- ) {
+							idx = indexOf.call( seed, matched[ i ] );
+							seed[ idx ] = !( matches[ idx ] = matched[ i ] );
+						}
+					} ) :
+					function( elem ) {
+						return fn( elem, 0, args );
+					};
+			}
+
+			return fn;
+		}
+	},
+
+	pseudos: {
+
+		// Potentially complex pseudos
+		not: markFunction( function( selector ) {
+
+			// Trim the selector passed to compile
+			// to avoid treating leading and trailing
+			// spaces as combinators
+			var input = [],
+				results = [],
+				matcher = compile( selector.replace( rtrimCSS, "$1" ) );
+
+			return matcher[ expando ] ?
+				markFunction( function( seed, matches, _context, xml ) {
+					var elem,
+						unmatched = matcher( seed, null, xml, [] ),
+						i = seed.length;
+
+					// Match elements unmatched by `matcher`
+					while ( i-- ) {
+						if ( ( elem = unmatched[ i ] ) ) {
+							seed[ i ] = !( matches[ i ] = elem );
+						}
+					}
+				} ) :
+				function( elem, _context, xml ) {
+					input[ 0 ] = elem;
+					matcher( input, null, xml, results );
+
+					// Don't keep the element
+					// (see https://github.com/jquery/sizzle/issues/299)
+					input[ 0 ] = null;
+					return !results.pop();
+				};
+		} ),
+
+		has: markFunction( function( selector ) {
+			return function( elem ) {
+				return find( selector, elem ).length > 0;
+			};
+		} ),
+
+		contains: markFunction( function( text ) {
+			text = text.replace( runescape, funescape );
+			return function( elem ) {
+				return ( elem.textContent || jQuery.text( elem ) ).indexOf( text ) > -1;
+			};
+		} ),
+
+		// "Whether an element is represented by a :lang() selector
+		// is based solely on the element's language value
+		// being equal to the identifier C,
+		// or beginning with the identifier C immediately followed by "-".
+		// The matching of C against the element's language value is performed case-insensitively.
+		// The identifier C does not have to be a valid language name."
+		// https://www.w3.org/TR/selectors/#lang-pseudo
+		lang: markFunction( function( lang ) {
+
+			// lang value must be a valid identifier
+			if ( !ridentifier.test( lang || "" ) ) {
+				find.error( "unsupported lang: " + lang );
+			}
+			lang = lang.replace( runescape, funescape ).toLowerCase();
+			return function( elem ) {
+				var elemLang;
+				do {
+					if ( ( elemLang = documentIsHTML ?
+						elem.lang :
+						elem.getAttribute( "xml:lang" ) || elem.getAttribute( "lang" ) ) ) {
+
+						elemLang = elemLang.toLowerCase();
+						return elemLang === lang || elemLang.indexOf( lang + "-" ) === 0;
+					}
+				} while ( ( elem = elem.parentNode ) && elem.nodeType === 1 );
+				return false;
+			};
+		} ),
+
+		// Miscellaneous
+		target: function( elem ) {
+			var hash = window.location && window.location.hash;
+			return hash && hash.slice( 1 ) === elem.id;
+		},
+
+		root: function( elem ) {
+			return elem === documentElement;
+		},
+
+		focus: function( elem ) {
+			return elem === safeActiveElement() &&
+				document.hasFocus() &&
+				!!( elem.type || elem.href || ~elem.tabIndex );
+		},
+
+		// Boolean properties
+		enabled: createDisabledPseudo( false ),
+		disabled: createDisabledPseudo( true ),
+
+		checked: function( elem ) {
+
+			// In CSS3, :checked should return both checked and selected elements
+			// https://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
+			return ( nodeName( elem, "input" ) && !!elem.checked ) ||
+				( nodeName( elem, "option" ) && !!elem.selected );
+		},
+
+		selected: function( elem ) {
+
+			// Support: IE <=11+
+			// Accessing the selectedIndex property
+			// forces the browser to treat the default option as
+			// selected when in an optgroup.
+			if ( elem.parentNode ) {
+				// eslint-disable-next-line no-unused-expressions
+				elem.parentNode.selectedIndex;
+			}
+
+			return elem.selected === true;
+		},
+
+		// Contents
+		empty: function( elem ) {
+
+			// https://www.w3.org/TR/selectors/#empty-pseudo
+			// :empty is negated by element (1) or content nodes (text: 3; cdata: 4; entity ref: 5),
+			//   but not by others (comment: 8; processing instruction: 7; etc.)
+			// nodeType < 6 works because attributes (2) do not appear as children
+			for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) {
+				if ( elem.nodeType < 6 ) {
+					return false;
+				}
+			}
+			return true;
+		},
+
+		parent: function( elem ) {
+			return !Expr.pseudos.empty( elem );
+		},
+
+		// Element/input types
+		header: function( elem ) {
+			return rheader.test( elem.nodeName );
+		},
+
+		input: function( elem ) {
+			return rinputs.test( elem.nodeName );
+		},
+
+		button: function( elem ) {
+			return nodeName( elem, "input" ) && elem.type === "button" ||
+				nodeName( elem, "button" );
+		},
+
+		text: function( elem ) {
+			var attr;
+			return nodeName( elem, "input" ) && elem.type === "text" &&
+
+				// Support: IE <10 only
+				// New HTML5 attribute values (e.g., "search") appear
+				// with elem.type === "text"
+				( ( attr = elem.getAttribute( "type" ) ) == null ||
+					attr.toLowerCase() === "text" );
+		},
+
+		// Position-in-collection
+		first: createPositionalPseudo( function() {
+			return [ 0 ];
+		} ),
+
+		last: createPositionalPseudo( function( _matchIndexes, length ) {
+			return [ length - 1 ];
+		} ),
+
+		eq: createPositionalPseudo( function( _matchIndexes, length, argument ) {
+			return [ argument < 0 ? argument + length : argument ];
+		} ),
+
+		even: createPositionalPseudo( function( matchIndexes, length ) {
+			var i = 0;
+			for ( ; i < length; i += 2 ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		} ),
+
+		odd: createPositionalPseudo( function( matchIndexes, length ) {
+			var i = 1;
+			for ( ; i < length; i += 2 ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		} ),
+
+		lt: createPositionalPseudo( function( matchIndexes, length, argument ) {
+			var i;
+
+			if ( argument < 0 ) {
+				i = argument + length;
+			} else if ( argument > length ) {
+				i = length;
+			} else {
+				i = argument;
+			}
+
+			for ( ; --i >= 0; ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		} ),
+
+		gt: createPositionalPseudo( function( matchIndexes, length, argument ) {
+			var i = argument < 0 ? argument + length : argument;
+			for ( ; ++i < length; ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		} )
+	}
+};
+
+Expr.pseudos.nth = Expr.pseudos.eq;
+
+// Add button/input type pseudos
+for ( i in { radio: true, checkbox: true, file: true, password: true, image: true } ) {
+	Expr.pseudos[ i ] = createInputPseudo( i );
+}
+for ( i in { submit: true, reset: true } ) {
+	Expr.pseudos[ i ] = createButtonPseudo( i );
+}
+
+// Easy API for creating new setFilters
+function setFilters() {}
+setFilters.prototype = Expr.filters = Expr.pseudos;
+Expr.setFilters = new setFilters();
+
+function tokenize( selector, parseOnly ) {
+	var matched, match, tokens, type,
+		soFar, groups, preFilters,
+		cached = tokenCache[ selector + " " ];
+
+	if ( cached ) {
+		return parseOnly ? 0 : cached.slice( 0 );
+	}
+
+	soFar = selector;
+	groups = [];
+	preFilters = Expr.preFilter;
+
+	while ( soFar ) {
+
+		// Comma and first run
+		if ( !matched || ( match = rcomma.exec( soFar ) ) ) {
+			if ( match ) {
+
+				// Don't consume trailing commas as valid
+				soFar = soFar.slice( match[ 0 ].length ) || soFar;
+			}
+			groups.push( ( tokens = [] ) );
+		}
+
+		matched = false;
+
+		// Combinators
+		if ( ( match = rleadingCombinator.exec( soFar ) ) ) {
+			matched = match.shift();
+			tokens.push( {
+				value: matched,
+
+				// Cast descendant combinators to space
+				type: match[ 0 ].replace( rtrimCSS, " " )
+			} );
+			soFar = soFar.slice( matched.length );
+		}
+
+		// Filters
+		for ( type in Expr.filter ) {
+			if ( ( match = matchExpr[ type ].exec( soFar ) ) && ( !preFilters[ type ] ||
+				( match = preFilters[ type ]( match ) ) ) ) {
+				matched = match.shift();
+				tokens.push( {
+					value: matched,
+					type: type,
+					matches: match
+				} );
+				soFar = soFar.slice( matched.length );
+			}
+		}
+
+		if ( !matched ) {
+			break;
+		}
+	}
+
+	// Return the length of the invalid excess
+	// if we're just parsing
+	// Otherwise, throw an error or return tokens
+	if ( parseOnly ) {
+		return soFar.length;
+	}
+
+	return soFar ?
+		find.error( selector ) :
+
+		// Cache the tokens
+		tokenCache( selector, groups ).slice( 0 );
+}
+
+function toSelector( tokens ) {
+	var i = 0,
+		len = tokens.length,
+		selector = "";
+	for ( ; i < len; i++ ) {
+		selector += tokens[ i ].value;
+	}
+	return selector;
+}
+
+function addCombinator( matcher, combinator, base ) {
+	var dir = combinator.dir,
+		skip = combinator.next,
+		key = skip || dir,
+		checkNonElements = base && key === "parentNode",
+		doneName = done++;
+
+	return combinator.first ?
+
+		// Check against closest ancestor/preceding element
+		function( elem, context, xml ) {
+			while ( ( elem = elem[ dir ] ) ) {
+				if ( elem.nodeType === 1 || checkNonElements ) {
+					return matcher( elem, context, xml );
+				}
+			}
+			return false;
+		} :
+
+		// Check against all ancestor/preceding elements
+		function( elem, context, xml ) {
+			var oldCache, outerCache,
+				newCache = [ dirruns, doneName ];
+
+			// We can't set arbitrary data on XML nodes, so they don't benefit from combinator caching
+			if ( xml ) {
+				while ( ( elem = elem[ dir ] ) ) {
+					if ( elem.nodeType === 1 || checkNonElements ) {
+						if ( matcher( elem, context, xml ) ) {
+							return true;
+						}
+					}
+				}
+			} else {
+				while ( ( elem = elem[ dir ] ) ) {
+					if ( elem.nodeType === 1 || checkNonElements ) {
+						outerCache = elem[ expando ] || ( elem[ expando ] = {} );
+
+						if ( skip && nodeName( elem, skip ) ) {
+							elem = elem[ dir ] || elem;
+						} else if ( ( oldCache = outerCache[ key ] ) &&
+							oldCache[ 0 ] === dirruns && oldCache[ 1 ] === doneName ) {
+
+							// Assign to newCache so results back-propagate to previous elements
+							return ( newCache[ 2 ] = oldCache[ 2 ] );
+						} else {
+
+							// Reuse newcache so results back-propagate to previous elements
+							outerCache[ key ] = newCache;
+
+							// A match means we're done; a fail means we have to keep checking
+							if ( ( newCache[ 2 ] = matcher( elem, context, xml ) ) ) {
+								return true;
+							}
+						}
+					}
+				}
+			}
+			return false;
+		};
+}
+
+function elementMatcher( matchers ) {
+	return matchers.length > 1 ?
+		function( elem, context, xml ) {
+			var i = matchers.length;
+			while ( i-- ) {
+				if ( !matchers[ i ]( elem, context, xml ) ) {
+					return false;
+				}
+			}
+			return true;
+		} :
+		matchers[ 0 ];
+}
+
+function multipleContexts( selector, contexts, results ) {
+	var i = 0,
+		len = contexts.length;
+	for ( ; i < len; i++ ) {
+		find( selector, contexts[ i ], results );
+	}
+	return results;
+}
+
+function condense( unmatched, map, filter, context, xml ) {
+	var elem,
+		newUnmatched = [],
+		i = 0,
+		len = unmatched.length,
+		mapped = map != null;
+
+	for ( ; i < len; i++ ) {
+		if ( ( elem = unmatched[ i ] ) ) {
+			if ( !filter || filter( elem, context, xml ) ) {
+				newUnmatched.push( elem );
+				if ( mapped ) {
+					map.push( i );
+				}
+			}
+		}
+	}
+
+	return newUnmatched;
+}
+
+function setMatcher( preFilter, selector, matcher, postFilter, postFinder, postSelector ) {
+	if ( postFilter && !postFilter[ expando ] ) {
+		postFilter = setMatcher( postFilter );
+	}
+	if ( postFinder && !postFinder[ expando ] ) {
+		postFinder = setMatcher( postFinder, postSelector );
+	}
+	return markFunction( function( seed, results, context, xml ) {
+		var temp, i, elem, matcherOut,
+			preMap = [],
+			postMap = [],
+			preexisting = results.length,
+
+			// Get initial elements from seed or context
+			elems = seed ||
+				multipleContexts( selector || "*",
+					context.nodeType ? [ context ] : context, [] ),
+
+			// Prefilter to get matcher input, preserving a map for seed-results synchronization
+			matcherIn = preFilter && ( seed || !selector ) ?
+				condense( elems, preMap, preFilter, context, xml ) :
+				elems;
+
+		if ( matcher ) {
+
+			// If we have a postFinder, or filtered seed, or non-seed postFilter
+			// or preexisting results,
+			matcherOut = postFinder || ( seed ? preFilter : preexisting || postFilter ) ?
+
+				// ...intermediate processing is necessary
+				[] :
+
+				// ...otherwise use results directly
+				results;
+
+			// Find primary matches
+			matcher( matcherIn, matcherOut, context, xml );
+		} else {
+			matcherOut = matcherIn;
+		}
+
+		// Apply postFilter
+		if ( postFilter ) {
+			temp = condense( matcherOut, postMap );
+			postFilter( temp, [], context, xml );
+
+			// Un-match failing elements by moving them back to matcherIn
+			i = temp.length;
+			while ( i-- ) {
+				if ( ( elem = temp[ i ] ) ) {
+					matcherOut[ postMap[ i ] ] = !( matcherIn[ postMap[ i ] ] = elem );
+				}
+			}
+		}
+
+		if ( seed ) {
+			if ( postFinder || preFilter ) {
+				if ( postFinder ) {
+
+					// Get the final matcherOut by condensing this intermediate into postFinder contexts
+					temp = [];
+					i = matcherOut.length;
+					while ( i-- ) {
+						if ( ( elem = matcherOut[ i ] ) ) {
+
+							// Restore matcherIn since elem is not yet a final match
+							temp.push( ( matcherIn[ i ] = elem ) );
+						}
+					}
+					postFinder( null, ( matcherOut = [] ), temp, xml );
+				}
+
+				// Move matched elements from seed to results to keep them synchronized
+				i = matcherOut.length;
+				while ( i-- ) {
+					if ( ( elem = matcherOut[ i ] ) &&
+						( temp = postFinder ? indexOf.call( seed, elem ) : preMap[ i ] ) > -1 ) {
+
+						seed[ temp ] = !( results[ temp ] = elem );
+					}
+				}
+			}
+
+		// Add elements to results, through postFinder if defined
+		} else {
+			matcherOut = condense(
+				matcherOut === results ?
+					matcherOut.splice( preexisting, matcherOut.length ) :
+					matcherOut
+			);
+			if ( postFinder ) {
+				postFinder( null, results, matcherOut, xml );
+			} else {
+				push.apply( results, matcherOut );
+			}
+		}
+	} );
+}
+
+function matcherFromTokens( tokens ) {
+	var checkContext, matcher, j,
+		len = tokens.length,
+		leadingRelative = Expr.relative[ tokens[ 0 ].type ],
+		implicitRelative = leadingRelative || Expr.relative[ " " ],
+		i = leadingRelative ? 1 : 0,
+
+		// The foundational matcher ensures that elements are reachable from top-level context(s)
+		matchContext = addCombinator( function( elem ) {
+			return elem === checkContext;
+		}, implicitRelative, true ),
+		matchAnyContext = addCombinator( function( elem ) {
+			return indexOf.call( checkContext, elem ) > -1;
+		}, implicitRelative, true ),
+		matchers = [ function( elem, context, xml ) {
+
+			// Support: IE 11+, Edge 17 - 18+
+			// IE/Edge sometimes throw a "Permission denied" error when strict-comparing
+			// two documents; shallow comparisons work.
+			// eslint-disable-next-line eqeqeq
+			var ret = ( !leadingRelative && ( xml || context != outermostContext ) ) || (
+				( checkContext = context ).nodeType ?
+					matchContext( elem, context, xml ) :
+					matchAnyContext( elem, context, xml ) );
+
+			// Avoid hanging onto element
+			// (see https://github.com/jquery/sizzle/issues/299)
+			checkContext = null;
+			return ret;
+		} ];
+
+	for ( ; i < len; i++ ) {
+		if ( ( matcher = Expr.relative[ tokens[ i ].type ] ) ) {
+			matchers = [ addCombinator( elementMatcher( matchers ), matcher ) ];
+		} else {
+			matcher = Expr.filter[ tokens[ i ].type ].apply( null, tokens[ i ].matches );
+
+			// Return special upon seeing a positional matcher
+			if ( matcher[ expando ] ) {
+
+				// Find the next relative operator (if any) for proper handling
+				j = ++i;
+				for ( ; j < len; j++ ) {
+					if ( Expr.relative[ tokens[ j ].type ] ) {
+						break;
+					}
+				}
+				return setMatcher(
+					i > 1 && elementMatcher( matchers ),
+					i > 1 && toSelector(
+
+						// If the preceding token was a descendant combinator, insert an implicit any-element `*`
+						tokens.slice( 0, i - 1 )
+							.concat( { value: tokens[ i - 2 ].type === " " ? "*" : "" } )
+					).replace( rtrimCSS, "$1" ),
+					matcher,
+					i < j && matcherFromTokens( tokens.slice( i, j ) ),
+					j < len && matcherFromTokens( ( tokens = tokens.slice( j ) ) ),
+					j < len && toSelector( tokens )
+				);
+			}
+			matchers.push( matcher );
+		}
+	}
+
+	return elementMatcher( matchers );
+}
+
+function matcherFromGroupMatchers( elementMatchers, setMatchers ) {
+	var bySet = setMatchers.length > 0,
+		byElement = elementMatchers.length > 0,
+		superMatcher = function( seed, context, xml, results, outermost ) {
+			var elem, j, matcher,
+				matchedCount = 0,
+				i = "0",
+				unmatched = seed && [],
+				setMatched = [],
+				contextBackup = outermostContext,
+
+				// We must always have either seed elements or outermost context
+				elems = seed || byElement && Expr.find.TAG( "*", outermost ),
+
+				// Use integer dirruns iff this is the outermost matcher
+				dirrunsUnique = ( dirruns += contextBackup == null ? 1 : Math.random() || 0.1 ),
+				len = elems.length;
+
+			if ( outermost ) {
+
+				// Support: IE 11+, Edge 17 - 18+
+				// IE/Edge sometimes throw a "Permission denied" error when strict-comparing
+				// two documents; shallow comparisons work.
+				// eslint-disable-next-line eqeqeq
+				outermostContext = context == document || context || outermost;
+			}
+
+			// Add elements passing elementMatchers directly to results
+			// Support: iOS <=7 - 9 only
+			// Tolerate NodeList properties (IE: "length"; Safari: <number>) matching
+			// elements by id. (see trac-14142)
+			for ( ; i !== len && ( elem = elems[ i ] ) != null; i++ ) {
+				if ( byElement && elem ) {
+					j = 0;
+
+					// Support: IE 11+, Edge 17 - 18+
+					// IE/Edge sometimes throw a "Permission denied" error when strict-comparing
+					// two documents; shallow comparisons work.
+					// eslint-disable-next-line eqeqeq
+					if ( !context && elem.ownerDocument != document ) {
+						setDocument( elem );
+						xml = !documentIsHTML;
+					}
+					while ( ( matcher = elementMatchers[ j++ ] ) ) {
+						if ( matcher( elem, context || document, xml ) ) {
+							push.call( results, elem );
+							break;
+						}
+					}
+					if ( outermost ) {
+						dirruns = dirrunsUnique;
+					}
+				}
+
+				// Track unmatched elements for set filters
+				if ( bySet ) {
+
+					// They will have gone through all possible matchers
+					if ( ( elem = !matcher && elem ) ) {
+						matchedCount--;
+					}
+
+					// Lengthen the array for every element, matched or not
+					if ( seed ) {
+						unmatched.push( elem );
+					}
+				}
+			}
+
+			// `i` is now the count of elements visited above, and adding it to `matchedCount`
+			// makes the latter nonnegative.
+			matchedCount += i;
+
+			// Apply set filters to unmatched elements
+			// NOTE: This can be skipped if there are no unmatched elements (i.e., `matchedCount`
+			// equals `i`), unless we didn't visit _any_ elements in the above loop because we have
+			// no element matchers and no seed.
+			// Incrementing an initially-string "0" `i` allows `i` to remain a string only in that
+			// case, which will result in a "00" `matchedCount` that differs from `i` but is also
+			// numerically zero.
+			if ( bySet && i !== matchedCount ) {
+				j = 0;
+				while ( ( matcher = setMatchers[ j++ ] ) ) {
+					matcher( unmatched, setMatched, context, xml );
+				}
+
+				if ( seed ) {
+
+					// Reintegrate element matches to eliminate the need for sorting
+					if ( matchedCount > 0 ) {
+						while ( i-- ) {
+							if ( !( unmatched[ i ] || setMatched[ i ] ) ) {
+								setMatched[ i ] = pop.call( results );
+							}
+						}
+					}
+
+					// Discard index placeholder values to get only actual matches
+					setMatched = condense( setMatched );
+				}
+
+				// Add matches to results
+				push.apply( results, setMatched );
+
+				// Seedless set matches succeeding multiple successful matchers stipulate sorting
+				if ( outermost && !seed && setMatched.length > 0 &&
+					( matchedCount + setMatchers.length ) > 1 ) {
+
+					jQuery.uniqueSort( results );
+				}
+			}
+
+			// Override manipulation of globals by nested matchers
+			if ( outermost ) {
+				dirruns = dirrunsUnique;
+				outermostContext = contextBackup;
+			}
+
+			return unmatched;
+		};
+
+	return bySet ?
+		markFunction( superMatcher ) :
+		superMatcher;
+}
+
+function compile( selector, match /* Internal Use Only */ ) {
+	var i,
+		setMatchers = [],
+		elementMatchers = [],
+		cached = compilerCache[ selector + " " ];
+
+	if ( !cached ) {
+
+		// Generate a function of recursive functions that can be used to check each element
+		if ( !match ) {
+			match = tokenize( selector );
+		}
+		i = match.length;
+		while ( i-- ) {
+			cached = matcherFromTokens( match[ i ] );
+			if ( cached[ expando ] ) {
+				setMatchers.push( cached );
+			} else {
+				elementMatchers.push( cached );
+			}
+		}
+
+		// Cache the compiled function
+		cached = compilerCache( selector,
+			matcherFromGroupMatchers( elementMatchers, setMatchers ) );
+
+		// Save selector and tokenization
+		cached.selector = selector;
+	}
+	return cached;
+}
+
+/**
+ * A low-level selection function that works with jQuery's compiled
+ *  selector functions
+ * @param {String|Function} selector A selector or a pre-compiled
+ *  selector function built with jQuery selector compile
+ * @param {Element} context
+ * @param {Array} [results]
+ * @param {Array} [seed] A set of elements to match against
+ */
+function select( selector, context, results, seed ) {
+	var i, tokens, token, type, find,
+		compiled = typeof selector === "function" && selector,
+		match = !seed && tokenize( ( selector = compiled.selector || selector ) );
+
+	results = results || [];
+
+	// Try to minimize operations if there is only one selector in the list and no seed
+	// (the latter of which guarantees us context)
+	if ( match.length === 1 ) {
+
+		// Reduce context if the leading compound selector is an ID
+		tokens = match[ 0 ] = match[ 0 ].slice( 0 );
+		if ( tokens.length > 2 && ( token = tokens[ 0 ] ).type === "ID" &&
+				context.nodeType === 9 && documentIsHTML && Expr.relative[ tokens[ 1 ].type ] ) {
+
+			context = ( Expr.find.ID(
+				token.matches[ 0 ].replace( runescape, funescape ),
+				context
+			) || [] )[ 0 ];
+			if ( !context ) {
+				return results;
+
+			// Precompiled matchers will still verify ancestry, so step up a level
+			} else if ( compiled ) {
+				context = context.parentNode;
+			}
+
+			selector = selector.slice( tokens.shift().value.length );
+		}
+
+		// Fetch a seed set for right-to-left matching
+		i = matchExpr.needsContext.test( selector ) ? 0 : tokens.length;
+		while ( i-- ) {
+			token = tokens[ i ];
+
+			// Abort if we hit a combinator
+			if ( Expr.relative[ ( type = token.type ) ] ) {
+				break;
+			}
+			if ( ( find = Expr.find[ type ] ) ) {
+
+				// Search, expanding context for leading sibling combinators
+				if ( ( seed = find(
+					token.matches[ 0 ].replace( runescape, funescape ),
+					rsibling.test( tokens[ 0 ].type ) &&
+						testContext( context.parentNode ) || context
+				) ) ) {
+
+					// If seed is empty or no tokens remain, we can return early
+					tokens.splice( i, 1 );
+					selector = seed.length && toSelector( tokens );
+					if ( !selector ) {
+						push.apply( results, seed );
+						return results;
+					}
+
+					break;
+				}
+			}
+		}
+	}
+
+	// Compile and execute a filtering function if one is not provided
+	// Provide `match` to avoid retokenization if we modified the selector above
+	( compiled || compile( selector, match ) )(
+		seed,
+		context,
+		!documentIsHTML,
+		results,
+		!context || rsibling.test( selector ) && testContext( context.parentNode ) || context
+	);
+	return results;
+}
+
+// One-time assignments
+
+// Support: Android <=4.0 - 4.1+
+// Sort stability
+support.sortStable = expando.split( "" ).sort( sortOrder ).join( "" ) === expando;
+
+// Initialize against the default document
+setDocument();
+
+// Support: Android <=4.0 - 4.1+
+// Detached nodes confoundingly follow *each other*
+support.sortDetached = assert( function( el ) {
+
+	// Should return 1, but returns 4 (following)
+	return el.compareDocumentPosition( document.createElement( "fieldset" ) ) & 1;
+} );
+
+jQuery.find = find;
+
+// Deprecated
+jQuery.expr[ ":" ] = jQuery.expr.pseudos;
+jQuery.unique = jQuery.uniqueSort;
+
+// These have always been private, but they used to be documented as part of
+// Sizzle so let's maintain them for now for backwards compatibility purposes.
+find.compile = compile;
+find.select = select;
+find.setDocument = setDocument;
+find.tokenize = tokenize;
+
+find.escape = jQuery.escapeSelector;
+find.getText = jQuery.text;
+find.isXML = jQuery.isXMLDoc;
+find.selectors = jQuery.expr;
+find.support = jQuery.support;
+find.uniqueSort = jQuery.uniqueSort;
+
+	/* eslint-enable */
+
+} )();
+
+
+var dir = function( elem, dir, until ) {
+	var matched = [],
+		truncate = until !== undefined;
+
+	while ( ( elem = elem[ dir ] ) && elem.nodeType !== 9 ) {
+		if ( elem.nodeType === 1 ) {
+			if ( truncate && jQuery( elem ).is( until ) ) {
+				break;
+			}
+			matched.push( elem );
+		}
+	}
+	return matched;
+};
+
+
+var siblings = function( n, elem ) {
+	var matched = [];
+
+	for ( ; n; n = n.nextSibling ) {
+		if ( n.nodeType === 1 && n !== elem ) {
+			matched.push( n );
+		}
+	}
+
+	return matched;
+};
+
+
+var rneedsContext = jQuery.expr.match.needsContext;
+
+var rsingleTag = ( /^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i );
+
+
+
+// Implement the identical functionality for filter and not
+function winnow( elements, qualifier, not ) {
+	if ( isFunction( qualifier ) ) {
+		return jQuery.grep( elements, function( elem, i ) {
+			return !!qualifier.call( elem, i, elem ) !== not;
+		} );
+	}
+
+	// Single element
+	if ( qualifier.nodeType ) {
+		return jQuery.grep( elements, function( elem ) {
+			return ( elem === qualifier ) !== not;
+		} );
+	}
+
+	// Arraylike of elements (jQuery, arguments, Array)
+	if ( typeof qualifier !== "string" ) {
+		return jQuery.grep( elements, function( elem ) {
+			return ( indexOf.call( qualifier, elem ) > -1 ) !== not;
+		} );
+	}
+
+	// Filtered directly for both simple and complex selectors
+	return jQuery.filter( qualifier, elements, not );
+}
+
+jQuery.filter = function( expr, elems, not ) {
+	var elem = elems[ 0 ];
+
+	if ( not ) {
+		expr = ":not(" + expr + ")";
+	}
+
+	if ( elems.length === 1 && elem.nodeType === 1 ) {
+		return jQuery.find.matchesSelector( elem, expr ) ? [ elem ] : [];
+	}
+
+	return jQuery.find.matches( expr, jQuery.grep( elems, function( elem ) {
+		return elem.nodeType === 1;
+	} ) );
+};
+
+jQuery.fn.extend( {
+	find: function( selector ) {
+		var i, ret,
+			len = this.length,
+			self = this;
+
+		if ( typeof selector !== "string" ) {
+			return this.pushStack( jQuery( selector ).filter( function() {
+				for ( i = 0; i < len; i++ ) {
+					if ( jQuery.contains( self[ i ], this ) ) {
+						return true;
+					}
+				}
+			} ) );
+		}
+
+		ret = this.pushStack( [] );
+
+		for ( i = 0; i < len; i++ ) {
+			jQuery.find( selector, self[ i ], ret );
+		}
+
+		return len > 1 ? jQuery.uniqueSort( ret ) : ret;
+	},
+	filter: function( selector ) {
+		return this.pushStack( winnow( this, selector || [], false ) );
+	},
+	not: function( selector ) {
+		return this.pushStack( winnow( this, selector || [], true ) );
+	},
+	is: function( selector ) {
+		return !!winnow(
+			this,
+
+			// If this is a positional/relative selector, check membership in the returned set
+			// so $("p:first").is("p:last") won't return true for a doc with two "p".
+			typeof selector === "string" && rneedsContext.test( selector ) ?
+				jQuery( selector ) :
+				selector || [],
+			false
+		).length;
+	}
+} );
+
+
+// Initialize a jQuery object
+
+
+// A central reference to the root jQuery(document)
+var rootjQuery,
+
+	// A simple way to check for HTML strings
+	// Prioritize #id over <tag> to avoid XSS via location.hash (trac-9521)
+	// Strict HTML recognition (trac-11290: must start with <)
+	// Shortcut simple #id case for speed
+	rquickExpr = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/,
+
+	init = jQuery.fn.init = function( selector, context, root ) {
+		var match, elem;
+
+		// HANDLE: $(""), $(null), $(undefined), $(false)
+		if ( !selector ) {
+			return this;
+		}
+
+		// Method init() accepts an alternate rootjQuery
+		// so migrate can support jQuery.sub (gh-2101)
+		root = root || rootjQuery;
+
+		// Handle HTML strings
+		if ( typeof selector === "string" ) {
+			if ( selector[ 0 ] === "<" &&
+				selector[ selector.length - 1 ] === ">" &&
+				selector.length >= 3 ) {
+
+				// Assume that strings that start and end with <> are HTML and skip the regex check
+				match = [ null, selector, null ];
+
+			} else {
+				match = rquickExpr.exec( selector );
+			}
+
+			// Match html or make sure no context is specified for #id
+			if ( match && ( match[ 1 ] || !context ) ) {
+
+				// HANDLE: $(html) -> $(array)
+				if ( match[ 1 ] ) {
+					context = context instanceof jQuery ? context[ 0 ] : context;
+
+					// Option to run scripts is true for back-compat
+					// Intentionally let the error be thrown if parseHTML is not present
+					jQuery.merge( this, jQuery.parseHTML(
+						match[ 1 ],
+						context && context.nodeType ? context.ownerDocument || context : document,
+						true
+					) );
+
+					// HANDLE: $(html, props)
+					if ( rsingleTag.test( match[ 1 ] ) && jQuery.isPlainObject( context ) ) {
+						for ( match in context ) {
+
+							// Properties of context are called as methods if possible
+							if ( isFunction( this[ match ] ) ) {
+								this[ match ]( context[ match ] );
+
+							// ...and otherwise set as attributes
+							} else {
+								this.attr( match, context[ match ] );
+							}
+						}
+					}
+
+					return this;
+
+				// HANDLE: $(#id)
+				} else {
+					elem = document.getElementById( match[ 2 ] );
+
+					if ( elem ) {
+
+						// Inject the element directly into the jQuery object
+						this[ 0 ] = elem;
+						this.length = 1;
+					}
+					return this;
+				}
+
+			// HANDLE: $(expr, $(...))
+			} else if ( !context || context.jquery ) {
+				return ( context || root ).find( selector );
+
+			// HANDLE: $(expr, context)
+			// (which is just equivalent to: $(context).find(expr)
+			} else {
+				return this.constructor( context ).find( selector );
+			}
+
+		// HANDLE: $(DOMElement)
+		} else if ( selector.nodeType ) {
+			this[ 0 ] = selector;
+			this.length = 1;
+			return this;
+
+		// HANDLE: $(function)
+		// Shortcut for document ready
+		} else if ( isFunction( selector ) ) {
+			return root.ready !== undefined ?
+				root.ready( selector ) :
+
+				// Execute immediately if ready is not present
+				selector( jQuery );
+		}
+
+		return jQuery.makeArray( selector, this );
+	};
+
+// Give the init function the jQuery prototype for later instantiation
+init.prototype = jQuery.fn;
+
+// Initialize central reference
+rootjQuery = jQuery( document );
+
+
+var rparentsprev = /^(?:parents|prev(?:Until|All))/,
+
+	// Methods guaranteed to produce a unique set when starting from a unique set
+	guaranteedUnique = {
+		children: true,
+		contents: true,
+		next: true,
+		prev: true
+	};
+
+jQuery.fn.extend( {
+	has: function( target ) {
+		var targets = jQuery( target, this ),
+			l = targets.length;
+
+		return this.filter( function() {
+			var i = 0;
+			for ( ; i < l; i++ ) {
+				if ( jQuery.contains( this, targets[ i ] ) ) {
+					return true;
+				}
+			}
+		} );
+	},
+
+	closest: function( selectors, context ) {
+		var cur,
+			i = 0,
+			l = this.length,
+			matched = [],
+			targets = typeof selectors !== "string" && jQuery( selectors );
+
+		// Positional selectors never match, since there's no _selection_ context
+		if ( !rneedsContext.test( selectors ) ) {
+			for ( ; i < l; i++ ) {
+				for ( cur = this[ i ]; cur && cur !== context; cur = cur.parentNode ) {
+
+					// Always skip document fragments
+					if ( cur.nodeType < 11 && ( targets ?
+						targets.index( cur ) > -1 :
+
+						// Don't pass non-elements to jQuery#find
+						cur.nodeType === 1 &&
+							jQuery.find.matchesSelector( cur, selectors ) ) ) {
+
+						matched.push( cur );
+						break;
+					}
+				}
+			}
+		}
+
+		return this.pushStack( matched.length > 1 ? jQuery.uniqueSort( matched ) : matched );
+	},
+
+	// Determine the position of an element within the set
+	index: function( elem ) {
+
+		// No argument, return index in parent
+		if ( !elem ) {
+			return ( this[ 0 ] && this[ 0 ].parentNode ) ? this.first().prevAll().length : -1;
+		}
+
+		// Index in selector
+		if ( typeof elem === "string" ) {
+			return indexOf.call( jQuery( elem ), this[ 0 ] );
+		}
+
+		// Locate the position of the desired element
+		return indexOf.call( this,
+
+			// If it receives a jQuery object, the first element is used
+			elem.jquery ? elem[ 0 ] : elem
+		);
+	},
+
+	add: function( selector, context ) {
+		return this.pushStack(
+			jQuery.uniqueSort(
+				jQuery.merge( this.get(), jQuery( selector, context ) )
+			)
+		);
+	},
+
+	addBack: function( selector ) {
+		return this.add( selector == null ?
+			this.prevObject : this.prevObject.filter( selector )
+		);
+	}
+} );
+
+function sibling( cur, dir ) {
+	while ( ( cur = cur[ dir ] ) && cur.nodeType !== 1 ) {}
+	return cur;
+}
+
+jQuery.each( {
+	parent: function( elem ) {
+		var parent = elem.parentNode;
+		return parent && parent.nodeType !== 11 ? parent : null;
+	},
+	parents: function( elem ) {
+		return dir( elem, "parentNode" );
+	},
+	parentsUntil: function( elem, _i, until ) {
+		return dir( elem, "parentNode", until );
+	},
+	next: function( elem ) {
+		return sibling( elem, "nextSibling" );
+	},
+	prev: function( elem ) {
+		return sibling( elem, "previousSibling" );
+	},
+	nextAll: function( elem ) {
+		return dir( elem, "nextSibling" );
+	},
+	prevAll: function( elem ) {
+		return dir( elem, "previousSibling" );
+	},
+	nextUntil: function( elem, _i, until ) {
+		return dir( elem, "nextSibling", until );
+	},
+	prevUntil: function( elem, _i, until ) {
+		return dir( elem, "previousSibling", until );
+	},
+	siblings: function( elem ) {
+		return siblings( ( elem.parentNode || {} ).firstChild, elem );
+	},
+	children: function( elem ) {
+		return siblings( elem.firstChild );
+	},
+	contents: function( elem ) {
+		if ( elem.contentDocument != null &&
+
+			// Support: IE 11+
+			// <object> elements with no `data` attribute has an object
+			// `contentDocument` with a `null` prototype.
+			getProto( elem.contentDocument ) ) {
+
+			return elem.contentDocument;
+		}
+
+		// Support: IE 9 - 11 only, iOS 7 only, Android Browser <=4.3 only
+		// Treat the template element as a regular one in browsers that
+		// don't support it.
+		if ( nodeName( elem, "template" ) ) {
+			elem = elem.content || elem;
+		}
+
+		return jQuery.merge( [], elem.childNodes );
+	}
+}, function( name, fn ) {
+	jQuery.fn[ name ] = function( until, selector ) {
+		var matched = jQuery.map( this, fn, until );
+
+		if ( name.slice( -5 ) !== "Until" ) {
+			selector = until;
+		}
+
+		if ( selector && typeof selector === "string" ) {
+			matched = jQuery.filter( selector, matched );
+		}
+
+		if ( this.length > 1 ) {
+
+			// Remove duplicates
+			if ( !guaranteedUnique[ name ] ) {
+				jQuery.uniqueSort( matched );
+			}
+
+			// Reverse order for parents* and prev-derivatives
+			if ( rparentsprev.test( name ) ) {
+				matched.reverse();
+			}
+		}
+
+		return this.pushStack( matched );
+	};
+} );
+var rnothtmlwhite = ( /[^\x20\t\r\n\f]+/g );
+
+
+
+// Convert String-formatted options into Object-formatted ones
+function createOptions( options ) {
+	var object = {};
+	jQuery.each( options.match( rnothtmlwhite ) || [], function( _, flag ) {
+		object[ flag ] = true;
+	} );
+	return object;
+}
+
+/*
+ * Create a callback list using the following parameters:
+ *
+ *	options: an optional list of space-separated options that will change how
+ *			the callback list behaves or a more traditional option object
+ *
+ * By default a callback list will act like an event callback list and can be
+ * "fired" multiple times.
+ *
+ * Possible options:
+ *
+ *	once:			will ensure the callback list can only be fired once (like a Deferred)
+ *
+ *	memory:			will keep track of previous values and will call any callback added
+ *					after the list has been fired right away with the latest "memorized"
+ *					values (like a Deferred)
+ *
+ *	unique:			will ensure a callback can only be added once (no duplicate in the list)
+ *
+ *	stopOnFalse:	interrupt callings when a callback returns false
+ *
+ */
+jQuery.Callbacks = function( options ) {
+
+	// Convert options from String-formatted to Object-formatted if needed
+	// (we check in cache first)
+	options = typeof options === "string" ?
+		createOptions( options ) :
+		jQuery.extend( {}, options );
+
+	var // Flag to know if list is currently firing
+		firing,
+
+		// Last fire value for non-forgettable lists
+		memory,
+
+		// Flag to know if list was already fired
+		fired,
+
+		// Flag to prevent firing
+		locked,
+
+		// Actual callback list
+		list = [],
+
+		// Queue of execution data for repeatable lists
+		queue = [],
+
+		// Index of currently firing callback (modified by add/remove as needed)
+		firingIndex = -1,
+
+		// Fire callbacks
+		fire = function() {
+
+			// Enforce single-firing
+			locked = locked || options.once;
+
+			// Execute callbacks for all pending executions,
+			// respecting firingIndex overrides and runtime changes
+			fired = firing = true;
+			for ( ; queue.length; firingIndex = -1 ) {
+				memory = queue.shift();
+				while ( ++firingIndex < list.length ) {
+
+					// Run callback and check for early termination
+					if ( list[ firingIndex ].apply( memory[ 0 ], memory[ 1 ] ) === false &&
+						options.stopOnFalse ) {
+
+						// Jump to end and forget the data so .add doesn't re-fire
+						firingIndex = list.length;
+						memory = false;
+					}
+				}
+			}
+
+			// Forget the data if we're done with it
+			if ( !options.memory ) {
+				memory = false;
+			}
+
+			firing = false;
+
+			// Clean up if we're done firing for good
+			if ( locked ) {
+
+				// Keep an empty list if we have data for future add calls
+				if ( memory ) {
+					list = [];
+
+				// Otherwise, this object is spent
+				} else {
+					list = "";
+				}
+			}
+		},
+
+		// Actual Callbacks object
+		self = {
+
+			// Add a callback or a collection of callbacks to the list
+			add: function() {
+				if ( list ) {
+
+					// If we have memory from a past run, we should fire after adding
+					if ( memory && !firing ) {
+						firingIndex = list.length - 1;
+						queue.push( memory );
+					}
+
+					( function add( args ) {
+						jQuery.each( args, function( _, arg ) {
+							if ( isFunction( arg ) ) {
+								if ( !options.unique || !self.has( arg ) ) {
+									list.push( arg );
+								}
+							} else if ( arg && arg.length && toType( arg ) !== "string" ) {
+
+								// Inspect recursively
+								add( arg );
+							}
+						} );
+					} )( arguments );
+
+					if ( memory && !firing ) {
+						fire();
+					}
+				}
+				return this;
+			},
+
+			// Remove a callback from the list
+			remove: function() {
+				jQuery.each( arguments, function( _, arg ) {
+					var index;
+					while ( ( index = jQuery.inArray( arg, list, index ) ) > -1 ) {
+						list.splice( index, 1 );
+
+						// Handle firing indexes
+						if ( index <= firingIndex ) {
+							firingIndex--;
+						}
+					}
+				} );
+				return this;
+			},
+
+			// Check if a given callback is in the list.
+			// If no argument is given, return whether or not list has callbacks attached.
+			has: function( fn ) {
+				return fn ?
+					jQuery.inArray( fn, list ) > -1 :
+					list.length > 0;
+			},
+
+			// Remove all callbacks from the list
+			empty: function() {
+				if ( list ) {
+					list = [];
+				}
+				return this;
+			},
+
+			// Disable .fire and .add
+			// Abort any current/pending executions
+			// Clear all callbacks and values
+			disable: function() {
+				locked = queue = [];
+				list = memory = "";
+				return this;
+			},
+			disabled: function() {
+				return !list;
+			},
+
+			// Disable .fire
+			// Also disable .add unless we have memory (since it would have no effect)
+			// Abort any pending executions
+			lock: function() {
+				locked = queue = [];
+				if ( !memory && !firing ) {
+					list = memory = "";
+				}
+				return this;
+			},
+			locked: function() {
+				return !!locked;
+			},
+
+			// Call all callbacks with the given context and arguments
+			fireWith: function( context, args ) {
+				if ( !locked ) {
+					args = args || [];
+					args = [ context, args.slice ? args.slice() : args ];
+					queue.push( args );
+					if ( !firing ) {
+						fire();
+					}
+				}
+				return this;
+			},
+
+			// Call all the callbacks with the given arguments
+			fire: function() {
+				self.fireWith( this, arguments );
+				return this;
+			},
+
+			// To know if the callbacks have already been called at least once
+			fired: function() {
+				return !!fired;
+			}
+		};
+
+	return self;
+};
+
+
+function Identity( v ) {
+	return v;
+}
+function Thrower( ex ) {
+	throw ex;
+}
+
+function adoptValue( value, resolve, reject, noValue ) {
+	var method;
+
+	try {
+
+		// Check for promise aspect first to privilege synchronous behavior
+		if ( value && isFunction( ( method = value.promise ) ) ) {
+			method.call( value ).done( resolve ).fail( reject );
+
+		// Other thenables
+		} else if ( value && isFunction( ( method = value.then ) ) ) {
+			method.call( value, resolve, reject );
+
+		// Other non-thenables
+		} else {
+
+			// Control `resolve` arguments by letting Array#slice cast boolean `noValue` to integer:
+			// * false: [ value ].slice( 0 ) => resolve( value )
+			// * true: [ value ].slice( 1 ) => resolve()
+			resolve.apply( undefined, [ value ].slice( noValue ) );
+		}
+
+	// For Promises/A+, convert exceptions into rejections
+	// Since jQuery.when doesn't unwrap thenables, we can skip the extra checks appearing in
+	// Deferred#then to conditionally suppress rejection.
+	} catch ( value ) {
+
+		// Support: Android 4.0 only
+		// Strict mode functions invoked without .call/.apply get global-object context
+		reject.apply( undefined, [ value ] );
+	}
+}
+
+jQuery.extend( {
+
+	Deferred: function( func ) {
+		var tuples = [
+
+				// action, add listener, callbacks,
+				// ... .then handlers, argument index, [final state]
+				[ "notify", "progress", jQuery.Callbacks( "memory" ),
+					jQuery.Callbacks( "memory" ), 2 ],
+				[ "resolve", "done", jQuery.Callbacks( "once memory" ),
+					jQuery.Callbacks( "once memory" ), 0, "resolved" ],
+				[ "reject", "fail", jQuery.Callbacks( "once memory" ),
+					jQuery.Callbacks( "once memory" ), 1, "rejected" ]
+			],
+			state = "pending",
+			promise = {
+				state: function() {
+					return state;
+				},
+				always: function() {
+					deferred.done( arguments ).fail( arguments );
+					return this;
+				},
+				"catch": function( fn ) {
+					return promise.then( null, fn );
+				},
+
+				// Keep pipe for back-compat
+				pipe: function( /* fnDone, fnFail, fnProgress */ ) {
+					var fns = arguments;
+
+					return jQuery.Deferred( function( newDefer ) {
+						jQuery.each( tuples, function( _i, tuple ) {
+
+							// Map tuples (progress, done, fail) to arguments (done, fail, progress)
+							var fn = isFunction( fns[ tuple[ 4 ] ] ) && fns[ tuple[ 4 ] ];
+
+							// deferred.progress(function() { bind to newDefer or newDefer.notify })
+							// deferred.done(function() { bind to newDefer or newDefer.resolve })
+							// deferred.fail(function() { bind to newDefer or newDefer.reject })
+							deferred[ tuple[ 1 ] ]( function() {
+								var returned = fn && fn.apply( this, arguments );
+								if ( returned && isFunction( returned.promise ) ) {
+									returned.promise()
+										.progress( newDefer.notify )
+										.done( newDefer.resolve )
+										.fail( newDefer.reject );
+								} else {
+									newDefer[ tuple[ 0 ] + "With" ](
+										this,
+										fn ? [ returned ] : arguments
+									);
+								}
+							} );
+						} );
+						fns = null;
+					} ).promise();
+				},
+				then: function( onFulfilled, onRejected, onProgress ) {
+					var maxDepth = 0;
+					function resolve( depth, deferred, handler, special ) {
+						return function() {
+							var that = this,
+								args = arguments,
+								mightThrow = function() {
+									var returned, then;
+
+									// Support: Promises/A+ section 2.3.3.3.3
+									// https://promisesaplus.com/#point-59
+									// Ignore double-resolution attempts
+									if ( depth < maxDepth ) {
+										return;
+									}
+
+									returned = handler.apply( that, args );
+
+									// Support: Promises/A+ section 2.3.1
+									// https://promisesaplus.com/#point-48
+									if ( returned === deferred.promise() ) {
+										throw new TypeError( "Thenable self-resolution" );
+									}
+
+									// Support: Promises/A+ sections 2.3.3.1, 3.5
+									// https://promisesaplus.com/#point-54
+									// https://promisesaplus.com/#point-75
+									// Retrieve `then` only once
+									then = returned &&
+
+										// Support: Promises/A+ section 2.3.4
+										// https://promisesaplus.com/#point-64
+										// Only check objects and functions for thenability
+										( typeof returned === "object" ||
+											typeof returned === "function" ) &&
+										returned.then;
+
+									// Handle a returned thenable
+									if ( isFunction( then ) ) {
+
+										// Special processors (notify) just wait for resolution
+										if ( special ) {
+											then.call(
+												returned,
+												resolve( maxDepth, deferred, Identity, special ),
+												resolve( maxDepth, deferred, Thrower, special )
+											);
+
+										// Normal processors (resolve) also hook into progress
+										} else {
+
+											// ...and disregard older resolution values
+											maxDepth++;
+
+											then.call(
+												returned,
+												resolve( maxDepth, deferred, Identity, special ),
+												resolve( maxDepth, deferred, Thrower, special ),
+												resolve( maxDepth, deferred, Identity,
+													deferred.notifyWith )
+											);
+										}
+
+									// Handle all other returned values
+									} else {
+
+										// Only substitute handlers pass on context
+										// and multiple values (non-spec behavior)
+										if ( handler !== Identity ) {
+											that = undefined;
+											args = [ returned ];
+										}
+
+										// Process the value(s)
+										// Default process is resolve
+										( special || deferred.resolveWith )( that, args );
+									}
+								},
+
+								// Only normal processors (resolve) catch and reject exceptions
+								process = special ?
+									mightThrow :
+									function() {
+										try {
+											mightThrow();
+										} catch ( e ) {
+
+											if ( jQuery.Deferred.exceptionHook ) {
+												jQuery.Deferred.exceptionHook( e,
+													process.error );
+											}
+
+											// Support: Promises/A+ section 2.3.3.3.4.1
+											// https://promisesaplus.com/#point-61
+											// Ignore post-resolution exceptions
+											if ( depth + 1 >= maxDepth ) {
+
+												// Only substitute handlers pass on context
+												// and multiple values (non-spec behavior)
+												if ( handler !== Thrower ) {
+													that = undefined;
+													args = [ e ];
+												}
+
+												deferred.rejectWith( that, args );
+											}
+										}
+									};
+
+							// Support: Promises/A+ section 2.3.3.3.1
+							// https://promisesaplus.com/#point-57
+							// Re-resolve promises immediately to dodge false rejection from
+							// subsequent errors
+							if ( depth ) {
+								process();
+							} else {
+
+								// Call an optional hook to record the error, in case of exception
+								// since it's otherwise lost when execution goes async
+								if ( jQuery.Deferred.getErrorHook ) {
+									process.error = jQuery.Deferred.getErrorHook();
+
+								// The deprecated alias of the above. While the name suggests
+								// returning the stack, not an error instance, jQuery just passes
+								// it directly to `console.warn` so both will work; an instance
+								// just better cooperates with source maps.
+								} else if ( jQuery.Deferred.getStackHook ) {
+									process.error = jQuery.Deferred.getStackHook();
+								}
+								window.setTimeout( process );
+							}
+						};
+					}
+
+					return jQuery.Deferred( function( newDefer ) {
+
+						// progress_handlers.add( ... )
+						tuples[ 0 ][ 3 ].add(
+							resolve(
+								0,
+								newDefer,
+								isFunction( onProgress ) ?
+									onProgress :
+									Identity,
+								newDefer.notifyWith
+							)
+						);
+
+						// fulfilled_handlers.add( ... )
+						tuples[ 1 ][ 3 ].add(
+							resolve(
+								0,
+								newDefer,
+								isFunction( onFulfilled ) ?
+									onFulfilled :
+									Identity
+							)
+						);
+
+						// rejected_handlers.add( ... )
+						tuples[ 2 ][ 3 ].add(
+							resolve(
+								0,
+								newDefer,
+								isFunction( onRejected ) ?
+									onRejected :
+									Thrower
+							)
+						);
+					} ).promise();
+				},
+
+				// Get a promise for this deferred
+				// If obj is provided, the promise aspect is added to the object
+				promise: function( obj ) {
+					return obj != null ? jQuery.extend( obj, promise ) : promise;
+				}
+			},
+			deferred = {};
+
+		// Add list-specific methods
+		jQuery.each( tuples, function( i, tuple ) {
+			var list = tuple[ 2 ],
+				stateString = tuple[ 5 ];
+
+			// promise.progress = list.add
+			// promise.done = list.add
+			// promise.fail = list.add
+			promise[ tuple[ 1 ] ] = list.add;
+
+			// Handle state
+			if ( stateString ) {
+				list.add(
+					function() {
+
+						// state = "resolved" (i.e., fulfilled)
+						// state = "rejected"
+						state = stateString;
+					},
+
+					// rejected_callbacks.disable
+					// fulfilled_callbacks.disable
+					tuples[ 3 - i ][ 2 ].disable,
+
+					// rejected_handlers.disable
+					// fulfilled_handlers.disable
+					tuples[ 3 - i ][ 3 ].disable,
+
+					// progress_callbacks.lock
+					tuples[ 0 ][ 2 ].lock,
+
+					// progress_handlers.lock
+					tuples[ 0 ][ 3 ].lock
+				);
+			}
+
+			// progress_handlers.fire
+			// fulfilled_handlers.fire
+			// rejected_handlers.fire
+			list.add( tuple[ 3 ].fire );
+
+			// deferred.notify = function() { deferred.notifyWith(...) }
+			// deferred.resolve = function() { deferred.resolveWith(...) }
+			// deferred.reject = function() { deferred.rejectWith(...) }
+			deferred[ tuple[ 0 ] ] = function() {
+				deferred[ tuple[ 0 ] + "With" ]( this === deferred ? undefined : this, arguments );
+				return this;
+			};
+
+			// deferred.notifyWith = list.fireWith
+			// deferred.resolveWith = list.fireWith
+			// deferred.rejectWith = list.fireWith
+			deferred[ tuple[ 0 ] + "With" ] = list.fireWith;
+		} );
+
+		// Make the deferred a promise
+		promise.promise( deferred );
+
+		// Call given func if any
+		if ( func ) {
+			func.call( deferred, deferred );
+		}
+
+		// All done!
+		return deferred;
+	},
+
+	// Deferred helper
+	when: function( singleValue ) {
+		var
+
+			// count of uncompleted subordinates
+			remaining = arguments.length,
+
+			// count of unprocessed arguments
+			i = remaining,
+
+			// subordinate fulfillment data
+			resolveContexts = Array( i ),
+			resolveValues = slice.call( arguments ),
+
+			// the primary Deferred
+			primary = jQuery.Deferred(),
+
+			// subordinate callback factory
+			updateFunc = function( i ) {
+				return function( value ) {
+					resolveContexts[ i ] = this;
+					resolveValues[ i ] = arguments.length > 1 ? slice.call( arguments ) : value;
+					if ( !( --remaining ) ) {
+						primary.resolveWith( resolveContexts, resolveValues );
+					}
+				};
+			};
+
+		// Single- and empty arguments are adopted like Promise.resolve
+		if ( remaining <= 1 ) {
+			adoptValue( singleValue, primary.done( updateFunc( i ) ).resolve, primary.reject,
+				!remaining );
+
+			// Use .then() to unwrap secondary thenables (cf. gh-3000)
+			if ( primary.state() === "pending" ||
+				isFunction( resolveValues[ i ] && resolveValues[ i ].then ) ) {
+
+				return primary.then();
+			}
+		}
+
+		// Multiple arguments are aggregated like Promise.all array elements
+		while ( i-- ) {
+			adoptValue( resolveValues[ i ], updateFunc( i ), primary.reject );
+		}
+
+		return primary.promise();
+	}
+} );
+
+
+// These usually indicate a programmer mistake during development,
+// warn about them ASAP rather than swallowing them by default.
+var rerrorNames = /^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;
+
+// If `jQuery.Deferred.getErrorHook` is defined, `asyncError` is an error
+// captured before the async barrier to get the original error cause
+// which may otherwise be hidden.
+jQuery.Deferred.exceptionHook = function( error, asyncError ) {
+
+	// Support: IE 8 - 9 only
+	// Console exists when dev tools are open, which can happen at any time
+	if ( window.console && window.console.warn && error && rerrorNames.test( error.name ) ) {
+		window.console.warn( "jQuery.Deferred exception: " + error.message,
+			error.stack, asyncError );
+	}
+};
+
+
+
+
+jQuery.readyException = function( error ) {
+	window.setTimeout( function() {
+		throw error;
+	} );
+};
+
+
+
+
+// The deferred used on DOM ready
+var readyList = jQuery.Deferred();
+
+jQuery.fn.ready = function( fn ) {
+
+	readyList
+		.then( fn )
+
+		// Wrap jQuery.readyException in a function so that the lookup
+		// happens at the time of error handling instead of callback
+		// registration.
+		.catch( function( error ) {
+			jQuery.readyException( error );
+		} );
+
+	return this;
+};
+
+jQuery.extend( {
+
+	// Is the DOM ready to be used? Set to true once it occurs.
+	isReady: false,
+
+	// A counter to track how many items to wait for before
+	// the ready event fires. See trac-6781
+	readyWait: 1,
+
+	// Handle when the DOM is ready
+	ready: function( wait ) {
+
+		// Abort if there are pending holds or we're already ready
+		if ( wait === true ? --jQuery.readyWait : jQuery.isReady ) {
+			return;
+		}
+
+		// Remember that the DOM is ready
+		jQuery.isReady = true;
+
+		// If a normal DOM Ready event fired, decrement, and wait if need be
+		if ( wait !== true && --jQuery.readyWait > 0 ) {
+			return;
+		}
+
+		// If there are functions bound, to execute
+		readyList.resolveWith( document, [ jQuery ] );
+	}
+} );
+
+jQuery.ready.then = readyList.then;
+
+// The ready event handler and self cleanup method
+function completed() {
+	document.removeEventListener( "DOMContentLoaded", completed );
+	window.removeEventListener( "load", completed );
+	jQuery.ready();
+}
+
+// Catch cases where $(document).ready() is called
+// after the browser event has already occurred.
+// Support: IE <=9 - 10 only
+// Older IE sometimes signals "interactive" too soon
+if ( document.readyState === "complete" ||
+	( document.readyState !== "loading" && !document.documentElement.doScroll ) ) {
+
+	// Handle it asynchronously to allow scripts the opportunity to delay ready
+	window.setTimeout( jQuery.ready );
+
+} else {
+
+	// Use the handy event callback
+	document.addEventListener( "DOMContentLoaded", completed );
+
+	// A fallback to window.onload, that will always work
+	window.addEventListener( "load", completed );
+}
+
+
+
+
+// Multifunctional method to get and set values of a collection
+// The value/s can optionally be executed if it's a function
+var access = function( elems, fn, key, value, chainable, emptyGet, raw ) {
+	var i = 0,
+		len = elems.length,
+		bulk = key == null;
+
+	// Sets many values
+	if ( toType( key ) === "object" ) {
+		chainable = true;
+		for ( i in key ) {
+			access( elems, fn, i, key[ i ], true, emptyGet, raw );
+		}
+
+	// Sets one value
+	} else if ( value !== undefined ) {
+		chainable = true;
+
+		if ( !isFunction( value ) ) {
+			raw = true;
+		}
+
+		if ( bulk ) {
+
+			// Bulk operations run against the entire set
+			if ( raw ) {
+				fn.call( elems, value );
+				fn = null;
+
+			// ...except when executing function values
+			} else {
+				bulk = fn;
+				fn = function( elem, _key, value ) {
+					return bulk.call( jQuery( elem ), value );
+				};
+			}
+		}
+
+		if ( fn ) {
+			for ( ; i < len; i++ ) {
+				fn(
+					elems[ i ], key, raw ?
+						value :
+						value.call( elems[ i ], i, fn( elems[ i ], key ) )
+				);
+			}
+		}
+	}
+
+	if ( chainable ) {
+		return elems;
+	}
+
+	// Gets
+	if ( bulk ) {
+		return fn.call( elems );
+	}
+
+	return len ? fn( elems[ 0 ], key ) : emptyGet;
+};
+
+
+// Matches dashed string for camelizing
+var rmsPrefix = /^-ms-/,
+	rdashAlpha = /-([a-z])/g;
+
+// Used by camelCase as callback to replace()
+function fcamelCase( _all, letter ) {
+	return letter.toUpperCase();
+}
+
+// Convert dashed to camelCase; used by the css and data modules
+// Support: IE <=9 - 11, Edge 12 - 15
+// Microsoft forgot to hump their vendor prefix (trac-9572)
+function camelCase( string ) {
+	return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase );
+}
+var acceptData = function( owner ) {
+
+	// Accepts only:
+	//  - Node
+	//    - Node.ELEMENT_NODE
+	//    - Node.DOCUMENT_NODE
+	//  - Object
+	//    - Any
+	return owner.nodeType === 1 || owner.nodeType === 9 || !( +owner.nodeType );
+};
+
+
+
+
+function Data() {
+	this.expando = jQuery.expando + Data.uid++;
+}
+
+Data.uid = 1;
+
+Data.prototype = {
+
+	cache: function( owner ) {
+
+		// Check if the owner object already has a cache
+		var value = owner[ this.expando ];
+
+		// If not, create one
+		if ( !value ) {
+			value = {};
+
+			// We can accept data for non-element nodes in modern browsers,
+			// but we should not, see trac-8335.
+			// Always return an empty object.
+			if ( acceptData( owner ) ) {
+
+				// If it is a node unlikely to be stringify-ed or looped over
+				// use plain assignment
+				if ( owner.nodeType ) {
+					owner[ this.expando ] = value;
+
+				// Otherwise secure it in a non-enumerable property
+				// configurable must be true to allow the property to be
+				// deleted when data is removed
+				} else {
+					Object.defineProperty( owner, this.expando, {
+						value: value,
+						configurable: true
+					} );
+				}
+			}
+		}
+
+		return value;
+	},
+	set: function( owner, data, value ) {
+		var prop,
+			cache = this.cache( owner );
+
+		// Handle: [ owner, key, value ] args
+		// Always use camelCase key (gh-2257)
+		if ( typeof data === "string" ) {
+			cache[ camelCase( data ) ] = value;
+
+		// Handle: [ owner, { properties } ] args
+		} else {
+
+			// Copy the properties one-by-one to the cache object
+			for ( prop in data ) {
+				cache[ camelCase( prop ) ] = data[ prop ];
+			}
+		}
+		return cache;
+	},
+	get: function( owner, key ) {
+		return key === undefined ?
+			this.cache( owner ) :
+
+			// Always use camelCase key (gh-2257)
+			owner[ this.expando ] && owner[ this.expando ][ camelCase( key ) ];
+	},
+	access: function( owner, key, value ) {
+
+		// In cases where either:
+		//
+		//   1. No key was specified
+		//   2. A string key was specified, but no value provided
+		//
+		// Take the "read" path and allow the get method to determine
+		// which value to return, respectively either:
+		//
+		//   1. The entire cache object
+		//   2. The data stored at the key
+		//
+		if ( key === undefined ||
+				( ( key && typeof key === "string" ) && value === undefined ) ) {
+
+			return this.get( owner, key );
+		}
+
+		// When the key is not a string, or both a key and value
+		// are specified, set or extend (existing objects) with either:
+		//
+		//   1. An object of properties
+		//   2. A key and value
+		//
+		this.set( owner, key, value );
+
+		// Since the "set" path can have two possible entry points
+		// return the expected data based on which path was taken[*]
+		return value !== undefined ? value : key;
+	},
+	remove: function( owner, key ) {
+		var i,
+			cache = owner[ this.expando ];
+
+		if ( cache === undefined ) {
+			return;
+		}
+
+		if ( key !== undefined ) {
+
+			// Support array or space separated string of keys
+			if ( Array.isArray( key ) ) {
+
+				// If key is an array of keys...
+				// We always set camelCase keys, so remove that.
+				key = key.map( camelCase );
+			} else {
+				key = camelCase( key );
+
+				// If a key with the spaces exists, use it.
+				// Otherwise, create an array by matching non-whitespace
+				key = key in cache ?
+					[ key ] :
+					( key.match( rnothtmlwhite ) || [] );
+			}
+
+			i = key.length;
+
+			while ( i-- ) {
+				delete cache[ key[ i ] ];
+			}
+		}
+
+		// Remove the expando if there's no more data
+		if ( key === undefined || jQuery.isEmptyObject( cache ) ) {
+
+			// Support: Chrome <=35 - 45
+			// Webkit & Blink performance suffers when deleting properties
+			// from DOM nodes, so set to undefined instead
+			// https://bugs.chromium.org/p/chromium/issues/detail?id=378607 (bug restricted)
+			if ( owner.nodeType ) {
+				owner[ this.expando ] = undefined;
+			} else {
+				delete owner[ this.expando ];
+			}
+		}
+	},
+	hasData: function( owner ) {
+		var cache = owner[ this.expando ];
+		return cache !== undefined && !jQuery.isEmptyObject( cache );
+	}
+};
+var dataPriv = new Data();
+
+var dataUser = new Data();
+
+
+
+//	Implementation Summary
+//
+//	1. Enforce API surface and semantic compatibility with 1.9.x branch
+//	2. Improve the module's maintainability by reducing the storage
+//		paths to a single mechanism.
+//	3. Use the same single mechanism to support "private" and "user" data.
+//	4. _Never_ expose "private" data to user code (TODO: Drop _data, _removeData)
+//	5. Avoid exposing implementation details on user objects (eg. expando properties)
+//	6. Provide a clear path for implementation upgrade to WeakMap in 2014
+
+var rbrace = /^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,
+	rmultiDash = /[A-Z]/g;
+
+function getData( data ) {
+	if ( data === "true" ) {
+		return true;
+	}
+
+	if ( data === "false" ) {
+		return false;
+	}
+
+	if ( data === "null" ) {
+		return null;
+	}
+
+	// Only convert to a number if it doesn't change the string
+	if ( data === +data + "" ) {
+		return +data;
+	}
+
+	if ( rbrace.test( data ) ) {
+		return JSON.parse( data );
+	}
+
+	return data;
+}
+
+function dataAttr( elem, key, data ) {
+	var name;
+
+	// If nothing was found internally, try to fetch any
+	// data from the HTML5 data-* attribute
+	if ( data === undefined && elem.nodeType === 1 ) {
+		name = "data-" + key.replace( rmultiDash, "-$&" ).toLowerCase();
+		data = elem.getAttribute( name );
+
+		if ( typeof data === "string" ) {
+			try {
+				data = getData( data );
+			} catch ( e ) {}
+
+			// Make sure we set the data so it isn't changed later
+			dataUser.set( elem, key, data );
+		} else {
+			data = undefined;
+		}
+	}
+	return data;
+}
+
+jQuery.extend( {
+	hasData: function( elem ) {
+		return dataUser.hasData( elem ) || dataPriv.hasData( elem );
+	},
+
+	data: function( elem, name, data ) {
+		return dataUser.access( elem, name, data );
+	},
+
+	removeData: function( elem, name ) {
+		dataUser.remove( elem, name );
+	},
+
+	// TODO: Now that all calls to _data and _removeData have been replaced
+	// with direct calls to dataPriv methods, these can be deprecated.
+	_data: function( elem, name, data ) {
+		return dataPriv.access( elem, name, data );
+	},
+
+	_removeData: function( elem, name ) {
+		dataPriv.remove( elem, name );
+	}
+} );
+
+jQuery.fn.extend( {
+	data: function( key, value ) {
+		var i, name, data,
+			elem = this[ 0 ],
+			attrs = elem && elem.attributes;
+
+		// Gets all values
+		if ( key === undefined ) {
+			if ( this.length ) {
+				data = dataUser.get( elem );
+
+				if ( elem.nodeType === 1 && !dataPriv.get( elem, "hasDataAttrs" ) ) {
+					i = attrs.length;
+					while ( i-- ) {
+
+						// Support: IE 11 only
+						// The attrs elements can be null (trac-14894)
+						if ( attrs[ i ] ) {
+							name = attrs[ i ].name;
+							if ( name.indexOf( "data-" ) === 0 ) {
+								name = camelCase( name.slice( 5 ) );
+								dataAttr( elem, name, data[ name ] );
+							}
+						}
+					}
+					dataPriv.set( elem, "hasDataAttrs", true );
+				}
+			}
+
+			return data;
+		}
+
+		// Sets multiple values
+		if ( typeof key === "object" ) {
+			return this.each( function() {
+				dataUser.set( this, key );
+			} );
+		}
+
+		return access( this, function( value ) {
+			var data;
+
+			// The calling jQuery object (element matches) is not empty
+			// (and therefore has an element appears at this[ 0 ]) and the
+			// `value` parameter was not undefined. An empty jQuery object
+			// will result in `undefined` for elem = this[ 0 ] which will
+			// throw an exception if an attempt to read a data cache is made.
+			if ( elem && value === undefined ) {
+
+				// Attempt to get data from the cache
+				// The key will always be camelCased in Data
+				data = dataUser.get( elem, key );
+				if ( data !== undefined ) {
+					return data;
+				}
+
+				// Attempt to "discover" the data in
+				// HTML5 custom data-* attrs
+				data = dataAttr( elem, key );
+				if ( data !== undefined ) {
+					return data;
+				}
+
+				// We tried really hard, but the data doesn't exist.
+				return;
+			}
+
+			// Set the data...
+			this.each( function() {
+
+				// We always store the camelCased key
+				dataUser.set( this, key, value );
+			} );
+		}, null, value, arguments.length > 1, null, true );
+	},
+
+	removeData: function( key ) {
+		return this.each( function() {
+			dataUser.remove( this, key );
+		} );
+	}
+} );
+
+
+jQuery.extend( {
+	queue: function( elem, type, data ) {
+		var queue;
+
+		if ( elem ) {
+			type = ( type || "fx" ) + "queue";
+			queue = dataPriv.get( elem, type );
+
+			// Speed up dequeue by getting out quickly if this is just a lookup
+			if ( data ) {
+				if ( !queue || Array.isArray( data ) ) {
+					queue = dataPriv.access( elem, type, jQuery.makeArray( data ) );
+				} else {
+					queue.push( data );
+				}
+			}
+			return queue || [];
+		}
+	},
+
+	dequeue: function( elem, type ) {
+		type = type || "fx";
+
+		var queue = jQuery.queue( elem, type ),
+			startLength = queue.length,
+			fn = queue.shift(),
+			hooks = jQuery._queueHooks( elem, type ),
+			next = function() {
+				jQuery.dequeue( elem, type );
+			};
+
+		// If the fx queue is dequeued, always remove the progress sentinel
+		if ( fn === "inprogress" ) {
+			fn = queue.shift();
+			startLength--;
+		}
+
+		if ( fn ) {
+
+			// Add a progress sentinel to prevent the fx queue from being
+			// automatically dequeued
+			if ( type === "fx" ) {
+				queue.unshift( "inprogress" );
+			}
+
+			// Clear up the last queue stop function
+			delete hooks.stop;
+			fn.call( elem, next, hooks );
+		}
+
+		if ( !startLength && hooks ) {
+			hooks.empty.fire();
+		}
+	},
+
+	// Not public - generate a queueHooks object, or return the current one
+	_queueHooks: function( elem, type ) {
+		var key = type + "queueHooks";
+		return dataPriv.get( elem, key ) || dataPriv.access( elem, key, {
+			empty: jQuery.Callbacks( "once memory" ).add( function() {
+				dataPriv.remove( elem, [ type + "queue", key ] );
+			} )
+		} );
+	}
+} );
+
+jQuery.fn.extend( {
+	queue: function( type, data ) {
+		var setter = 2;
+
+		if ( typeof type !== "string" ) {
+			data = type;
+			type = "fx";
+			setter--;
+		}
+
+		if ( arguments.length < setter ) {
+			return jQuery.queue( this[ 0 ], type );
+		}
+
+		return data === undefined ?
+			this :
+			this.each( function() {
+				var queue = jQuery.queue( this, type, data );
+
+				// Ensure a hooks for this queue
+				jQuery._queueHooks( this, type );
+
+				if ( type === "fx" && queue[ 0 ] !== "inprogress" ) {
+					jQuery.dequeue( this, type );
+				}
+			} );
+	},
+	dequeue: function( type ) {
+		return this.each( function() {
+			jQuery.dequeue( this, type );
+		} );
+	},
+	clearQueue: function( type ) {
+		return this.queue( type || "fx", [] );
+	},
+
+	// Get a promise resolved when queues of a certain type
+	// are emptied (fx is the type by default)
+	promise: function( type, obj ) {
+		var tmp,
+			count = 1,
+			defer = jQuery.Deferred(),
+			elements = this,
+			i = this.length,
+			resolve = function() {
+				if ( !( --count ) ) {
+					defer.resolveWith( elements, [ elements ] );
+				}
+			};
+
+		if ( typeof type !== "string" ) {
+			obj = type;
+			type = undefined;
+		}
+		type = type || "fx";
+
+		while ( i-- ) {
+			tmp = dataPriv.get( elements[ i ], type + "queueHooks" );
+			if ( tmp && tmp.empty ) {
+				count++;
+				tmp.empty.add( resolve );
+			}
+		}
+		resolve();
+		return defer.promise( obj );
+	}
+} );
+var pnum = ( /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/ ).source;
+
+var rcssNum = new RegExp( "^(?:([+-])=|)(" + pnum + ")([a-z%]*)$", "i" );
+
+
+var cssExpand = [ "Top", "Right", "Bottom", "Left" ];
+
+var documentElement = document.documentElement;
+
+
+
+	var isAttached = function( elem ) {
+			return jQuery.contains( elem.ownerDocument, elem );
+		},
+		composed = { composed: true };
+
+	// Support: IE 9 - 11+, Edge 12 - 18+, iOS 10.0 - 10.2 only
+	// Check attachment across shadow DOM boundaries when possible (gh-3504)
+	// Support: iOS 10.0-10.2 only
+	// Early iOS 10 versions support `attachShadow` but not `getRootNode`,
+	// leading to errors. We need to check for `getRootNode`.
+	if ( documentElement.getRootNode ) {
+		isAttached = function( elem ) {
+			return jQuery.contains( elem.ownerDocument, elem ) ||
+				elem.getRootNode( composed ) === elem.ownerDocument;
+		};
+	}
+var isHiddenWithinTree = function( elem, el ) {
+
+		// isHiddenWithinTree might be called from jQuery#filter function;
+		// in that case, element will be second argument
+		elem = el || elem;
+
+		// Inline style trumps all
+		return elem.style.display === "none" ||
+			elem.style.display === "" &&
+
+			// Otherwise, check computed style
+			// Support: Firefox <=43 - 45
+			// Disconnected elements can have computed display: none, so first confirm that elem is
+			// in the document.
+			isAttached( elem ) &&
+
+			jQuery.css( elem, "display" ) === "none";
+	};
+
+
+
+function adjustCSS( elem, prop, valueParts, tween ) {
+	var adjusted, scale,
+		maxIterations = 20,
+		currentValue = tween ?
+			function() {
+				return tween.cur();
+			} :
+			function() {
+				return jQuery.css( elem, prop, "" );
+			},
+		initial = currentValue(),
+		unit = valueParts && valueParts[ 3 ] || ( jQuery.cssNumber[ prop ] ? "" : "px" ),
+
+		// Starting value computation is required for potential unit mismatches
+		initialInUnit = elem.nodeType &&
+			( jQuery.cssNumber[ prop ] || unit !== "px" && +initial ) &&
+			rcssNum.exec( jQuery.css( elem, prop ) );
+
+	if ( initialInUnit && initialInUnit[ 3 ] !== unit ) {
+
+		// Support: Firefox <=54
+		// Halve the iteration target value to prevent interference from CSS upper bounds (gh-2144)
+		initial = initial / 2;
+
+		// Trust units reported by jQuery.css
+		unit = unit || initialInUnit[ 3 ];
+
+		// Iteratively approximate from a nonzero starting point
+		initialInUnit = +initial || 1;
+
+		while ( maxIterations-- ) {
+
+			// Evaluate and update our best guess (doubling guesses that zero out).
+			// Finish if the scale equals or crosses 1 (making the old*new product non-positive).
+			jQuery.style( elem, prop, initialInUnit + unit );
+			if ( ( 1 - scale ) * ( 1 - ( scale = currentValue() / initial || 0.5 ) ) <= 0 ) {
+				maxIterations = 0;
+			}
+			initialInUnit = initialInUnit / scale;
+
+		}
+
+		initialInUnit = initialInUnit * 2;
+		jQuery.style( elem, prop, initialInUnit + unit );
+
+		// Make sure we update the tween properties later on
+		valueParts = valueParts || [];
+	}
+
+	if ( valueParts ) {
+		initialInUnit = +initialInUnit || +initial || 0;
+
+		// Apply relative offset (+=/-=) if specified
+		adjusted = valueParts[ 1 ] ?
+			initialInUnit + ( valueParts[ 1 ] + 1 ) * valueParts[ 2 ] :
+			+valueParts[ 2 ];
+		if ( tween ) {
+			tween.unit = unit;
+			tween.start = initialInUnit;
+			tween.end = adjusted;
+		}
+	}
+	return adjusted;
+}
+
+
+var defaultDisplayMap = {};
+
+function getDefaultDisplay( elem ) {
+	var temp,
+		doc = elem.ownerDocument,
+		nodeName = elem.nodeName,
+		display = defaultDisplayMap[ nodeName ];
+
+	if ( display ) {
+		return display;
+	}
+
+	temp = doc.body.appendChild( doc.createElement( nodeName ) );
+	display = jQuery.css( temp, "display" );
+
+	temp.parentNode.removeChild( temp );
+
+	if ( display === "none" ) {
+		display = "block";
+	}
+	defaultDisplayMap[ nodeName ] = display;
+
+	return display;
+}
+
+function showHide( elements, show ) {
+	var display, elem,
+		values = [],
+		index = 0,
+		length = elements.length;
+
+	// Determine new display value for elements that need to change
+	for ( ; index < length; index++ ) {
+		elem = elements[ index ];
+		if ( !elem.style ) {
+			continue;
+		}
+
+		display = elem.style.display;
+		if ( show ) {
+
+			// Since we force visibility upon cascade-hidden elements, an immediate (and slow)
+			// check is required in this first loop unless we have a nonempty display value (either
+			// inline or about-to-be-restored)
+			if ( display === "none" ) {
+				values[ index ] = dataPriv.get( elem, "display" ) || null;
+				if ( !values[ index ] ) {
+					elem.style.display = "";
+				}
+			}
+			if ( elem.style.display === "" && isHiddenWithinTree( elem ) ) {
+				values[ index ] = getDefaultDisplay( elem );
+			}
+		} else {
+			if ( display !== "none" ) {
+				values[ index ] = "none";
+
+				// Remember what we're overwriting
+				dataPriv.set( elem, "display", display );
+			}
+		}
+	}
+
+	// Set the display of the elements in a second loop to avoid constant reflow
+	for ( index = 0; index < length; index++ ) {
+		if ( values[ index ] != null ) {
+			elements[ index ].style.display = values[ index ];
+		}
+	}
+
+	return elements;
+}
+
+jQuery.fn.extend( {
+	show: function() {
+		return showHide( this, true );
+	},
+	hide: function() {
+		return showHide( this );
+	},
+	toggle: function( state ) {
+		if ( typeof state === "boolean" ) {
+			return state ? this.show() : this.hide();
+		}
+
+		return this.each( function() {
+			if ( isHiddenWithinTree( this ) ) {
+				jQuery( this ).show();
+			} else {
+				jQuery( this ).hide();
+			}
+		} );
+	}
+} );
+var rcheckableType = ( /^(?:checkbox|radio)$/i );
+
+var rtagName = ( /<([a-z][^\/\0>\x20\t\r\n\f]*)/i );
+
+var rscriptType = ( /^$|^module$|\/(?:java|ecma)script/i );
+
+
+
+( function() {
+	var fragment = document.createDocumentFragment(),
+		div = fragment.appendChild( document.createElement( "div" ) ),
+		input = document.createElement( "input" );
+
+	// Support: Android 4.0 - 4.3 only
+	// Check state lost if the name is set (trac-11217)
+	// Support: Windows Web Apps (WWA)
+	// `name` and `type` must use .setAttribute for WWA (trac-14901)
+	input.setAttribute( "type", "radio" );
+	input.setAttribute( "checked", "checked" );
+	input.setAttribute( "name", "t" );
+
+	div.appendChild( input );
+
+	// Support: Android <=4.1 only
+	// Older WebKit doesn't clone checked state correctly in fragments
+	support.checkClone = div.cloneNode( true ).cloneNode( true ).lastChild.checked;
+
+	// Support: IE <=11 only
+	// Make sure textarea (and checkbox) defaultValue is properly cloned
+	div.innerHTML = "<textarea>x</textarea>";
+	support.noCloneChecked = !!div.cloneNode( true ).lastChild.defaultValue;
+
+	// Support: IE <=9 only
+	// IE <=9 replaces <option> tags with their contents when inserted outside of
+	// the select element.
+	div.innerHTML = "<option></option>";
+	support.option = !!div.lastChild;
+} )();
+
+
+// We have to close these tags to support XHTML (trac-13200)
+var wrapMap = {
+
+	// XHTML parsers do not magically insert elements in the
+	// same way that tag soup parsers do. So we cannot shorten
+	// this by omitting <tbody> or other required elements.
+	thead: [ 1, "<table>", "</table>" ],
+	col: [ 2, "<table><colgroup>", "</colgroup></table>" ],
+	tr: [ 2, "<table><tbody>", "</tbody></table>" ],
+	td: [ 3, "<table><tbody><tr>", "</tr></tbody></table>" ],
+
+	_default: [ 0, "", "" ]
+};
+
+wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;
+wrapMap.th = wrapMap.td;
+
+// Support: IE <=9 only
+if ( !support.option ) {
+	wrapMap.optgroup = wrapMap.option = [ 1, "<select multiple='multiple'>", "</select>" ];
+}
+
+
+function getAll( context, tag ) {
+
+	// Support: IE <=9 - 11 only
+	// Use typeof to avoid zero-argument method invocation on host objects (trac-15151)
+	var ret;
+
+	if ( typeof context.getElementsByTagName !== "undefined" ) {
+		ret = context.getElementsByTagName( tag || "*" );
+
+	} else if ( typeof context.querySelectorAll !== "undefined" ) {
+		ret = context.querySelectorAll( tag || "*" );
+
+	} else {
+		ret = [];
+	}
+
+	if ( tag === undefined || tag && nodeName( context, tag ) ) {
+		return jQuery.merge( [ context ], ret );
+	}
+
+	return ret;
+}
+
+
+// Mark scripts as having already been evaluated
+function setGlobalEval( elems, refElements ) {
+	var i = 0,
+		l = elems.length;
+
+	for ( ; i < l; i++ ) {
+		dataPriv.set(
+			elems[ i ],
+			"globalEval",
+			!refElements || dataPriv.get( refElements[ i ], "globalEval" )
+		);
+	}
+}
+
+
+var rhtml = /<|&#?\w+;/;
+
+function buildFragment( elems, context, scripts, selection, ignored ) {
+	var elem, tmp, tag, wrap, attached, j,
+		fragment = context.createDocumentFragment(),
+		nodes = [],
+		i = 0,
+		l = elems.length;
+
+	for ( ; i < l; i++ ) {
+		elem = elems[ i ];
+
+		if ( elem || elem === 0 ) {
+
+			// Add nodes directly
+			if ( toType( elem ) === "object" ) {
+
+				// Support: Android <=4.0 only, PhantomJS 1 only
+				// push.apply(_, arraylike) throws on ancient WebKit
+				jQuery.merge( nodes, elem.nodeType ? [ elem ] : elem );
+
+			// Convert non-html into a text node
+			} else if ( !rhtml.test( elem ) ) {
+				nodes.push( context.createTextNode( elem ) );
+
+			// Convert html into DOM nodes
+			} else {
+				tmp = tmp || fragment.appendChild( context.createElement( "div" ) );
+
+				// Deserialize a standard representation
+				tag = ( rtagName.exec( elem ) || [ "", "" ] )[ 1 ].toLowerCase();
+				wrap = wrapMap[ tag ] || wrapMap._default;
+				tmp.innerHTML = wrap[ 1 ] + jQuery.htmlPrefilter( elem ) + wrap[ 2 ];
+
+				// Descend through wrappers to the right content
+				j = wrap[ 0 ];
+				while ( j-- ) {
+					tmp = tmp.lastChild;
+				}
+
+				// Support: Android <=4.0 only, PhantomJS 1 only
+				// push.apply(_, arraylike) throws on ancient WebKit
+				jQuery.merge( nodes, tmp.childNodes );
+
+				// Remember the top-level container
+				tmp = fragment.firstChild;
+
+				// Ensure the created nodes are orphaned (trac-12392)
+				tmp.textContent = "";
+			}
+		}
+	}
+
+	// Remove wrapper from fragment
+	fragment.textContent = "";
+
+	i = 0;
+	while ( ( elem = nodes[ i++ ] ) ) {
+
+		// Skip elements already in the context collection (trac-4087)
+		if ( selection && jQuery.inArray( elem, selection ) > -1 ) {
+			if ( ignored ) {
+				ignored.push( elem );
+			}
+			continue;
+		}
+
+		attached = isAttached( elem );
+
+		// Append to fragment
+		tmp = getAll( fragment.appendChild( elem ), "script" );
+
+		// Preserve script evaluation history
+		if ( attached ) {
+			setGlobalEval( tmp );
+		}
+
+		// Capture executables
+		if ( scripts ) {
+			j = 0;
+			while ( ( elem = tmp[ j++ ] ) ) {
+				if ( rscriptType.test( elem.type || "" ) ) {
+					scripts.push( elem );
+				}
+			}
+		}
+	}
+
+	return fragment;
+}
+
+
+var rtypenamespace = /^([^.]*)(?:\.(.+)|)/;
+
+function returnTrue() {
+	return true;
+}
+
+function returnFalse() {
+	return false;
+}
+
+function on( elem, types, selector, data, fn, one ) {
+	var origFn, type;
+
+	// Types can be a map of types/handlers
+	if ( typeof types === "object" ) {
+
+		// ( types-Object, selector, data )
+		if ( typeof selector !== "string" ) {
+
+			// ( types-Object, data )
+			data = data || selector;
+			selector = undefined;
+		}
+		for ( type in types ) {
+			on( elem, type, selector, data, types[ type ], one );
+		}
+		return elem;
+	}
+
+	if ( data == null && fn == null ) {
+
+		// ( types, fn )
+		fn = selector;
+		data = selector = undefined;
+	} else if ( fn == null ) {
+		if ( typeof selector === "string" ) {
+
+			// ( types, selector, fn )
+			fn = data;
+			data = undefined;
+		} else {
+
+			// ( types, data, fn )
+			fn = data;
+			data = selector;
+			selector = undefined;
+		}
+	}
+	if ( fn === false ) {
+		fn = returnFalse;
+	} else if ( !fn ) {
+		return elem;
+	}
+
+	if ( one === 1 ) {
+		origFn = fn;
+		fn = function( event ) {
+
+			// Can use an empty set, since event contains the info
+			jQuery().off( event );
+			return origFn.apply( this, arguments );
+		};
+
+		// Use same guid so caller can remove using origFn
+		fn.guid = origFn.guid || ( origFn.guid = jQuery.guid++ );
+	}
+	return elem.each( function() {
+		jQuery.event.add( this, types, fn, data, selector );
+	} );
+}
+
+/*
+ * Helper functions for managing events -- not part of the public interface.
+ * Props to Dean Edwards' addEvent library for many of the ideas.
+ */
+jQuery.event = {
+
+	global: {},
+
+	add: function( elem, types, handler, data, selector ) {
+
+		var handleObjIn, eventHandle, tmp,
+			events, t, handleObj,
+			special, handlers, type, namespaces, origType,
+			elemData = dataPriv.get( elem );
+
+		// Only attach events to objects that accept data
+		if ( !acceptData( elem ) ) {
+			return;
+		}
+
+		// Caller can pass in an object of custom data in lieu of the handler
+		if ( handler.handler ) {
+			handleObjIn = handler;
+			handler = handleObjIn.handler;
+			selector = handleObjIn.selector;
+		}
+
+		// Ensure that invalid selectors throw exceptions at attach time
+		// Evaluate against documentElement in case elem is a non-element node (e.g., document)
+		if ( selector ) {
+			jQuery.find.matchesSelector( documentElement, selector );
+		}
+
+		// Make sure that the handler has a unique ID, used to find/remove it later
+		if ( !handler.guid ) {
+			handler.guid = jQuery.guid++;
+		}
+
+		// Init the element's event structure and main handler, if this is the first
+		if ( !( events = elemData.events ) ) {
+			events = elemData.events = Object.create( null );
+		}
+		if ( !( eventHandle = elemData.handle ) ) {
+			eventHandle = elemData.handle = function( e ) {
+
+				// Discard the second event of a jQuery.event.trigger() and
+				// when an event is called after a page has unloaded
+				return typeof jQuery !== "undefined" && jQuery.event.triggered !== e.type ?
+					jQuery.event.dispatch.apply( elem, arguments ) : undefined;
+			};
+		}
+
+		// Handle multiple events separated by a space
+		types = ( types || "" ).match( rnothtmlwhite ) || [ "" ];
+		t = types.length;
+		while ( t-- ) {
+			tmp = rtypenamespace.exec( types[ t ] ) || [];
+			type = origType = tmp[ 1 ];
+			namespaces = ( tmp[ 2 ] || "" ).split( "." ).sort();
+
+			// There *must* be a type, no attaching namespace-only handlers
+			if ( !type ) {
+				continue;
+			}
+
+			// If event changes its type, use the special event handlers for the changed type
+			special = jQuery.event.special[ type ] || {};
+
+			// If selector defined, determine special event api type, otherwise given type
+			type = ( selector ? special.delegateType : special.bindType ) || type;
+
+			// Update special based on newly reset type
+			special = jQuery.event.special[ type ] || {};
+
+			// handleObj is passed to all event handlers
+			handleObj = jQuery.extend( {
+				type: type,
+				origType: origType,
+				data: data,
+				handler: handler,
+				guid: handler.guid,
+				selector: selector,
+				needsContext: selector && jQuery.expr.match.needsContext.test( selector ),
+				namespace: namespaces.join( "." )
+			}, handleObjIn );
+
+			// Init the event handler queue if we're the first
+			if ( !( handlers = events[ type ] ) ) {
+				handlers = events[ type ] = [];
+				handlers.delegateCount = 0;
+
+				// Only use addEventListener if the special events handler returns false
+				if ( !special.setup ||
+					special.setup.call( elem, data, namespaces, eventHandle ) === false ) {
+
+					if ( elem.addEventListener ) {
+						elem.addEventListener( type, eventHandle );
+					}
+				}
+			}
+
+			if ( special.add ) {
+				special.add.call( elem, handleObj );
+
+				if ( !handleObj.handler.guid ) {
+					handleObj.handler.guid = handler.guid;
+				}
+			}
+
+			// Add to the element's handler list, delegates in front
+			if ( selector ) {
+				handlers.splice( handlers.delegateCount++, 0, handleObj );
+			} else {
+				handlers.push( handleObj );
+			}
+
+			// Keep track of which events have ever been used, for event optimization
+			jQuery.event.global[ type ] = true;
+		}
+
+	},
+
+	// Detach an event or set of events from an element
+	remove: function( elem, types, handler, selector, mappedTypes ) {
+
+		var j, origCount, tmp,
+			events, t, handleObj,
+			special, handlers, type, namespaces, origType,
+			elemData = dataPriv.hasData( elem ) && dataPriv.get( elem );
+
+		if ( !elemData || !( events = elemData.events ) ) {
+			return;
+		}
+
+		// Once for each type.namespace in types; type may be omitted
+		types = ( types || "" ).match( rnothtmlwhite ) || [ "" ];
+		t = types.length;
+		while ( t-- ) {
+			tmp = rtypenamespace.exec( types[ t ] ) || [];
+			type = origType = tmp[ 1 ];
+			namespaces = ( tmp[ 2 ] || "" ).split( "." ).sort();
+
+			// Unbind all events (on this namespace, if provided) for the element
+			if ( !type ) {
+				for ( type in events ) {
+					jQuery.event.remove( elem, type + types[ t ], handler, selector, true );
+				}
+				continue;
+			}
+
+			special = jQuery.event.special[ type ] || {};
+			type = ( selector ? special.delegateType : special.bindType ) || type;
+			handlers = events[ type ] || [];
+			tmp = tmp[ 2 ] &&
+				new RegExp( "(^|\\.)" + namespaces.join( "\\.(?:.*\\.|)" ) + "(\\.|$)" );
+
+			// Remove matching events
+			origCount = j = handlers.length;
+			while ( j-- ) {
+				handleObj = handlers[ j ];
+
+				if ( ( mappedTypes || origType === handleObj.origType ) &&
+					( !handler || handler.guid === handleObj.guid ) &&
+					( !tmp || tmp.test( handleObj.namespace ) ) &&
+					( !selector || selector === handleObj.selector ||
+						selector === "**" && handleObj.selector ) ) {
+					handlers.splice( j, 1 );
+
+					if ( handleObj.selector ) {
+						handlers.delegateCount--;
+					}
+					if ( special.remove ) {
+						special.remove.call( elem, handleObj );
+					}
+				}
+			}
+
+			// Remove generic event handler if we removed something and no more handlers exist
+			// (avoids potential for endless recursion during removal of special event handlers)
+			if ( origCount && !handlers.length ) {
+				if ( !special.teardown ||
+					special.teardown.call( elem, namespaces, elemData.handle ) === false ) {
+
+					jQuery.removeEvent( elem, type, elemData.handle );
+				}
+
+				delete events[ type ];
+			}
+		}
+
+		// Remove data and the expando if it's no longer used
+		if ( jQuery.isEmptyObject( events ) ) {
+			dataPriv.remove( elem, "handle events" );
+		}
+	},
+
+	dispatch: function( nativeEvent ) {
+
+		var i, j, ret, matched, handleObj, handlerQueue,
+			args = new Array( arguments.length ),
+
+			// Make a writable jQuery.Event from the native event object
+			event = jQuery.event.fix( nativeEvent ),
+
+			handlers = (
+				dataPriv.get( this, "events" ) || Object.create( null )
+			)[ event.type ] || [],
+			special = jQuery.event.special[ event.type ] || {};
+
+		// Use the fix-ed jQuery.Event rather than the (read-only) native event
+		args[ 0 ] = event;
+
+		for ( i = 1; i < arguments.length; i++ ) {
+			args[ i ] = arguments[ i ];
+		}
+
+		event.delegateTarget = this;
+
+		// Call the preDispatch hook for the mapped type, and let it bail if desired
+		if ( special.preDispatch && special.preDispatch.call( this, event ) === false ) {
+			return;
+		}
+
+		// Determine handlers
+		handlerQueue = jQuery.event.handlers.call( this, event, handlers );
+
+		// Run delegates first; they may want to stop propagation beneath us
+		i = 0;
+		while ( ( matched = handlerQueue[ i++ ] ) && !event.isPropagationStopped() ) {
+			event.currentTarget = matched.elem;
+
+			j = 0;
+			while ( ( handleObj = matched.handlers[ j++ ] ) &&
+				!event.isImmediatePropagationStopped() ) {
+
+				// If the event is namespaced, then each handler is only invoked if it is
+				// specially universal or its namespaces are a superset of the event's.
+				if ( !event.rnamespace || handleObj.namespace === false ||
+					event.rnamespace.test( handleObj.namespace ) ) {
+
+					event.handleObj = handleObj;
+					event.data = handleObj.data;
+
+					ret = ( ( jQuery.event.special[ handleObj.origType ] || {} ).handle ||
+						handleObj.handler ).apply( matched.elem, args );
+
+					if ( ret !== undefined ) {
+						if ( ( event.result = ret ) === false ) {
+							event.preventDefault();
+							event.stopPropagation();
+						}
+					}
+				}
+			}
+		}
+
+		// Call the postDispatch hook for the mapped type
+		if ( special.postDispatch ) {
+			special.postDispatch.call( this, event );
+		}
+
+		return event.result;
+	},
+
+	handlers: function( event, handlers ) {
+		var i, handleObj, sel, matchedHandlers, matchedSelectors,
+			handlerQueue = [],
+			delegateCount = handlers.delegateCount,
+			cur = event.target;
+
+		// Find delegate handlers
+		if ( delegateCount &&
+
+			// Support: IE <=9
+			// Black-hole SVG <use> instance trees (trac-13180)
+			cur.nodeType &&
+
+			// Support: Firefox <=42
+			// Suppress spec-violating clicks indicating a non-primary pointer button (trac-3861)
+			// https://www.w3.org/TR/DOM-Level-3-Events/#event-type-click
+			// Support: IE 11 only
+			// ...but not arrow key "clicks" of radio inputs, which can have `button` -1 (gh-2343)
+			!( event.type === "click" && event.button >= 1 ) ) {
+
+			for ( ; cur !== this; cur = cur.parentNode || this ) {
+
+				// Don't check non-elements (trac-13208)
+				// Don't process clicks on disabled elements (trac-6911, trac-8165, trac-11382, trac-11764)
+				if ( cur.nodeType === 1 && !( event.type === "click" && cur.disabled === true ) ) {
+					matchedHandlers = [];
+					matchedSelectors = {};
+					for ( i = 0; i < delegateCount; i++ ) {
+						handleObj = handlers[ i ];
+
+						// Don't conflict with Object.prototype properties (trac-13203)
+						sel = handleObj.selector + " ";
+
+						if ( matchedSelectors[ sel ] === undefined ) {
+							matchedSelectors[ sel ] = handleObj.needsContext ?
+								jQuery( sel, this ).index( cur ) > -1 :
+								jQuery.find( sel, this, null, [ cur ] ).length;
+						}
+						if ( matchedSelectors[ sel ] ) {
+							matchedHandlers.push( handleObj );
+						}
+					}
+					if ( matchedHandlers.length ) {
+						handlerQueue.push( { elem: cur, handlers: matchedHandlers } );
+					}
+				}
+			}
+		}
+
+		// Add the remaining (directly-bound) handlers
+		cur = this;
+		if ( delegateCount < handlers.length ) {
+			handlerQueue.push( { elem: cur, handlers: handlers.slice( delegateCount ) } );
+		}
+
+		return handlerQueue;
+	},
+
+	addProp: function( name, hook ) {
+		Object.defineProperty( jQuery.Event.prototype, name, {
+			enumerable: true,
+			configurable: true,
+
+			get: isFunction( hook ) ?
+				function() {
+					if ( this.originalEvent ) {
+						return hook( this.originalEvent );
+					}
+				} :
+				function() {
+					if ( this.originalEvent ) {
+						return this.originalEvent[ name ];
+					}
+				},
+
+			set: function( value ) {
+				Object.defineProperty( this, name, {
+					enumerable: true,
+					configurable: true,
+					writable: true,
+					value: value
+				} );
+			}
+		} );
+	},
+
+	fix: function( originalEvent ) {
+		return originalEvent[ jQuery.expando ] ?
+			originalEvent :
+			new jQuery.Event( originalEvent );
+	},
+
+	special: {
+		load: {
+
+			// Prevent triggered image.load events from bubbling to window.load
+			noBubble: true
+		},
+		click: {
+
+			// Utilize native event to ensure correct state for checkable inputs
+			setup: function( data ) {
+
+				// For mutual compressibility with _default, replace `this` access with a local var.
+				// `|| data` is dead code meant only to preserve the variable through minification.
+				var el = this || data;
+
+				// Claim the first handler
+				if ( rcheckableType.test( el.type ) &&
+					el.click && nodeName( el, "input" ) ) {
+
+					// dataPriv.set( el, "click", ... )
+					leverageNative( el, "click", true );
+				}
+
+				// Return false to allow normal processing in the caller
+				return false;
+			},
+			trigger: function( data ) {
+
+				// For mutual compressibility with _default, replace `this` access with a local var.
+				// `|| data` is dead code meant only to preserve the variable through minification.
+				var el = this || data;
+
+				// Force setup before triggering a click
+				if ( rcheckableType.test( el.type ) &&
+					el.click && nodeName( el, "input" ) ) {
+
+					leverageNative( el, "click" );
+				}
+
+				// Return non-false to allow normal event-path propagation
+				return true;
+			},
+
+			// For cross-browser consistency, suppress native .click() on links
+			// Also prevent it if we're currently inside a leveraged native-event stack
+			_default: function( event ) {
+				var target = event.target;
+				return rcheckableType.test( target.type ) &&
+					target.click && nodeName( target, "input" ) &&
+					dataPriv.get( target, "click" ) ||
+					nodeName( target, "a" );
+			}
+		},
+
+		beforeunload: {
+			postDispatch: function( event ) {
+
+				// Support: Firefox 20+
+				// Firefox doesn't alert if the returnValue field is not set.
+				if ( event.result !== undefined && event.originalEvent ) {
+					event.originalEvent.returnValue = event.result;
+				}
+			}
+		}
+	}
+};
+
+// Ensure the presence of an event listener that handles manually-triggered
+// synthetic events by interrupting progress until reinvoked in response to
+// *native* events that it fires directly, ensuring that state changes have
+// already occurred before other listeners are invoked.
+function leverageNative( el, type, isSetup ) {
+
+	// Missing `isSetup` indicates a trigger call, which must force setup through jQuery.event.add
+	if ( !isSetup ) {
+		if ( dataPriv.get( el, type ) === undefined ) {
+			jQuery.event.add( el, type, returnTrue );
+		}
+		return;
+	}
+
+	// Register the controller as a special universal handler for all event namespaces
+	dataPriv.set( el, type, false );
+	jQuery.event.add( el, type, {
+		namespace: false,
+		handler: function( event ) {
+			var result,
+				saved = dataPriv.get( this, type );
+
+			if ( ( event.isTrigger & 1 ) && this[ type ] ) {
+
+				// Interrupt processing of the outer synthetic .trigger()ed event
+				if ( !saved ) {
+
+					// Store arguments for use when handling the inner native event
+					// There will always be at least one argument (an event object), so this array
+					// will not be confused with a leftover capture object.
+					saved = slice.call( arguments );
+					dataPriv.set( this, type, saved );
+
+					// Trigger the native event and capture its result
+					this[ type ]();
+					result = dataPriv.get( this, type );
+					dataPriv.set( this, type, false );
+
+					if ( saved !== result ) {
+
+						// Cancel the outer synthetic event
+						event.stopImmediatePropagation();
+						event.preventDefault();
+
+						return result;
+					}
+
+				// If this is an inner synthetic event for an event with a bubbling surrogate
+				// (focus or blur), assume that the surrogate already propagated from triggering
+				// the native event and prevent that from happening again here.
+				// This technically gets the ordering wrong w.r.t. to `.trigger()` (in which the
+				// bubbling surrogate propagates *after* the non-bubbling base), but that seems
+				// less bad than duplication.
+				} else if ( ( jQuery.event.special[ type ] || {} ).delegateType ) {
+					event.stopPropagation();
+				}
+
+			// If this is a native event triggered above, everything is now in order
+			// Fire an inner synthetic event with the original arguments
+			} else if ( saved ) {
+
+				// ...and capture the result
+				dataPriv.set( this, type, jQuery.event.trigger(
+					saved[ 0 ],
+					saved.slice( 1 ),
+					this
+				) );
+
+				// Abort handling of the native event by all jQuery handlers while allowing
+				// native handlers on the same element to run. On target, this is achieved
+				// by stopping immediate propagation just on the jQuery event. However,
+				// the native event is re-wrapped by a jQuery one on each level of the
+				// propagation so the only way to stop it for jQuery is to stop it for
+				// everyone via native `stopPropagation()`. This is not a problem for
+				// focus/blur which don't bubble, but it does also stop click on checkboxes
+				// and radios. We accept this limitation.
+				event.stopPropagation();
+				event.isImmediatePropagationStopped = returnTrue;
+			}
+		}
+	} );
+}
+
+jQuery.removeEvent = function( elem, type, handle ) {
+
+	// This "if" is needed for plain objects
+	if ( elem.removeEventListener ) {
+		elem.removeEventListener( type, handle );
+	}
+};
+
+jQuery.Event = function( src, props ) {
+
+	// Allow instantiation without the 'new' keyword
+	if ( !( this instanceof jQuery.Event ) ) {
+		return new jQuery.Event( src, props );
+	}
+
+	// Event object
+	if ( src && src.type ) {
+		this.originalEvent = src;
+		this.type = src.type;
+
+		// Events bubbling up the document may have been marked as prevented
+		// by a handler lower down the tree; reflect the correct value.
+		this.isDefaultPrevented = src.defaultPrevented ||
+				src.defaultPrevented === undefined &&
+
+				// Support: Android <=2.3 only
+				src.returnValue === false ?
+			returnTrue :
+			returnFalse;
+
+		// Create target properties
+		// Support: Safari <=6 - 7 only
+		// Target should not be a text node (trac-504, trac-13143)
+		this.target = ( src.target && src.target.nodeType === 3 ) ?
+			src.target.parentNode :
+			src.target;
+
+		this.currentTarget = src.currentTarget;
+		this.relatedTarget = src.relatedTarget;
+
+	// Event type
+	} else {
+		this.type = src;
+	}
+
+	// Put explicitly provided properties onto the event object
+	if ( props ) {
+		jQuery.extend( this, props );
+	}
+
+	// Create a timestamp if incoming event doesn't have one
+	this.timeStamp = src && src.timeStamp || Date.now();
+
+	// Mark it as fixed
+	this[ jQuery.expando ] = true;
+};
+
+// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding
+// https://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html
+jQuery.Event.prototype = {
+	constructor: jQuery.Event,
+	isDefaultPrevented: returnFalse,
+	isPropagationStopped: returnFalse,
+	isImmediatePropagationStopped: returnFalse,
+	isSimulated: false,
+
+	preventDefault: function() {
+		var e = this.originalEvent;
+
+		this.isDefaultPrevented = returnTrue;
+
+		if ( e && !this.isSimulated ) {
+			e.preventDefault();
+		}
+	},
+	stopPropagation: function() {
+		var e = this.originalEvent;
+
+		this.isPropagationStopped = returnTrue;
+
+		if ( e && !this.isSimulated ) {
+			e.stopPropagation();
+		}
+	},
+	stopImmediatePropagation: function() {
+		var e = this.originalEvent;
+
+		this.isImmediatePropagationStopped = returnTrue;
+
+		if ( e && !this.isSimulated ) {
+			e.stopImmediatePropagation();
+		}
+
+		this.stopPropagation();
+	}
+};
+
+// Includes all common event props including KeyEvent and MouseEvent specific props
+jQuery.each( {
+	altKey: true,
+	bubbles: true,
+	cancelable: true,
+	changedTouches: true,
+	ctrlKey: true,
+	detail: true,
+	eventPhase: true,
+	metaKey: true,
+	pageX: true,
+	pageY: true,
+	shiftKey: true,
+	view: true,
+	"char": true,
+	code: true,
+	charCode: true,
+	key: true,
+	keyCode: true,
+	button: true,
+	buttons: true,
+	clientX: true,
+	clientY: true,
+	offsetX: true,
+	offsetY: true,
+	pointerId: true,
+	pointerType: true,
+	screenX: true,
+	screenY: true,
+	targetTouches: true,
+	toElement: true,
+	touches: true,
+	which: true
+}, jQuery.event.addProp );
+
+jQuery.each( { focus: "focusin", blur: "focusout" }, function( type, delegateType ) {
+
+	function focusMappedHandler( nativeEvent ) {
+		if ( document.documentMode ) {
+
+			// Support: IE 11+
+			// Attach a single focusin/focusout handler on the document while someone wants
+			// focus/blur. This is because the former are synchronous in IE while the latter
+			// are async. In other browsers, all those handlers are invoked synchronously.
+
+			// `handle` from private data would already wrap the event, but we need
+			// to change the `type` here.
+			var handle = dataPriv.get( this, "handle" ),
+				event = jQuery.event.fix( nativeEvent );
+			event.type = nativeEvent.type === "focusin" ? "focus" : "blur";
+			event.isSimulated = true;
+
+			// First, handle focusin/focusout
+			handle( nativeEvent );
+
+			// ...then, handle focus/blur
+			//
+			// focus/blur don't bubble while focusin/focusout do; simulate the former by only
+			// invoking the handler at the lower level.
+			if ( event.target === event.currentTarget ) {
+
+				// The setup part calls `leverageNative`, which, in turn, calls
+				// `jQuery.event.add`, so event handle will already have been set
+				// by this point.
+				handle( event );
+			}
+		} else {
+
+			// For non-IE browsers, attach a single capturing handler on the document
+			// while someone wants focusin/focusout.
+			jQuery.event.simulate( delegateType, nativeEvent.target,
+				jQuery.event.fix( nativeEvent ) );
+		}
+	}
+
+	jQuery.event.special[ type ] = {
+
+		// Utilize native event if possible so blur/focus sequence is correct
+		setup: function() {
+
+			var attaches;
+
+			// Claim the first handler
+			// dataPriv.set( this, "focus", ... )
+			// dataPriv.set( this, "blur", ... )
+			leverageNative( this, type, true );
+
+			if ( document.documentMode ) {
+
+				// Support: IE 9 - 11+
+				// We use the same native handler for focusin & focus (and focusout & blur)
+				// so we need to coordinate setup & teardown parts between those events.
+				// Use `delegateType` as the key as `type` is already used by `leverageNative`.
+				attaches = dataPriv.get( this, delegateType );
+				if ( !attaches ) {
+					this.addEventListener( delegateType, focusMappedHandler );
+				}
+				dataPriv.set( this, delegateType, ( attaches || 0 ) + 1 );
+			} else {
+
+				// Return false to allow normal processing in the caller
+				return false;
+			}
+		},
+		trigger: function() {
+
+			// Force setup before trigger
+			leverageNative( this, type );
+
+			// Return non-false to allow normal event-path propagation
+			return true;
+		},
+
+		teardown: function() {
+			var attaches;
+
+			if ( document.documentMode ) {
+				attaches = dataPriv.get( this, delegateType ) - 1;
+				if ( !attaches ) {
+					this.removeEventListener( delegateType, focusMappedHandler );
+					dataPriv.remove( this, delegateType );
+				} else {
+					dataPriv.set( this, delegateType, attaches );
+				}
+			} else {
+
+				// Return false to indicate standard teardown should be applied
+				return false;
+			}
+		},
+
+		// Suppress native focus or blur if we're currently inside
+		// a leveraged native-event stack
+		_default: function( event ) {
+			return dataPriv.get( event.target, type );
+		},
+
+		delegateType: delegateType
+	};
+
+	// Support: Firefox <=44
+	// Firefox doesn't have focus(in | out) events
+	// Related ticket - https://bugzilla.mozilla.org/show_bug.cgi?id=687787
+	//
+	// Support: Chrome <=48 - 49, Safari <=9.0 - 9.1
+	// focus(in | out) events fire after focus & blur events,
+	// which is spec violation - http://www.w3.org/TR/DOM-Level-3-Events/#events-focusevent-event-order
+	// Related ticket - https://bugs.chromium.org/p/chromium/issues/detail?id=449857
+	//
+	// Support: IE 9 - 11+
+	// To preserve relative focusin/focus & focusout/blur event order guaranteed on the 3.x branch,
+	// attach a single handler for both events in IE.
+	jQuery.event.special[ delegateType ] = {
+		setup: function() {
+
+			// Handle: regular nodes (via `this.ownerDocument`), window
+			// (via `this.document`) & document (via `this`).
+			var doc = this.ownerDocument || this.document || this,
+				dataHolder = document.documentMode ? this : doc,
+				attaches = dataPriv.get( dataHolder, delegateType );
+
+			// Support: IE 9 - 11+
+			// We use the same native handler for focusin & focus (and focusout & blur)
+			// so we need to coordinate setup & teardown parts between those events.
+			// Use `delegateType` as the key as `type` is already used by `leverageNative`.
+			if ( !attaches ) {
+				if ( document.documentMode ) {
+					this.addEventListener( delegateType, focusMappedHandler );
+				} else {
+					doc.addEventListener( type, focusMappedHandler, true );
+				}
+			}
+			dataPriv.set( dataHolder, delegateType, ( attaches || 0 ) + 1 );
+		},
+		teardown: function() {
+			var doc = this.ownerDocument || this.document || this,
+				dataHolder = document.documentMode ? this : doc,
+				attaches = dataPriv.get( dataHolder, delegateType ) - 1;
+
+			if ( !attaches ) {
+				if ( document.documentMode ) {
+					this.removeEventListener( delegateType, focusMappedHandler );
+				} else {
+					doc.removeEventListener( type, focusMappedHandler, true );
+				}
+				dataPriv.remove( dataHolder, delegateType );
+			} else {
+				dataPriv.set( dataHolder, delegateType, attaches );
+			}
+		}
+	};
+} );
+
+// Create mouseenter/leave events using mouseover/out and event-time checks
+// so that event delegation works in jQuery.
+// Do the same for pointerenter/pointerleave and pointerover/pointerout
+//
+// Support: Safari 7 only
+// Safari sends mouseenter too often; see:
+// https://bugs.chromium.org/p/chromium/issues/detail?id=470258
+// for the description of the bug (it existed in older Chrome versions as well).
+jQuery.each( {
+	mouseenter: "mouseover",
+	mouseleave: "mouseout",
+	pointerenter: "pointerover",
+	pointerleave: "pointerout"
+}, function( orig, fix ) {
+	jQuery.event.special[ orig ] = {
+		delegateType: fix,
+		bindType: fix,
+
+		handle: function( event ) {
+			var ret,
+				target = this,
+				related = event.relatedTarget,
+				handleObj = event.handleObj;
+
+			// For mouseenter/leave call the handler if related is outside the target.
+			// NB: No relatedTarget if the mouse left/entered the browser window
+			if ( !related || ( related !== target && !jQuery.contains( target, related ) ) ) {
+				event.type = handleObj.origType;
+				ret = handleObj.handler.apply( this, arguments );
+				event.type = fix;
+			}
+			return ret;
+		}
+	};
+} );
+
+jQuery.fn.extend( {
+
+	on: function( types, selector, data, fn ) {
+		return on( this, types, selector, data, fn );
+	},
+	one: function( types, selector, data, fn ) {
+		return on( this, types, selector, data, fn, 1 );
+	},
+	off: function( types, selector, fn ) {
+		var handleObj, type;
+		if ( types && types.preventDefault && types.handleObj ) {
+
+			// ( event )  dispatched jQuery.Event
+			handleObj = types.handleObj;
+			jQuery( types.delegateTarget ).off(
+				handleObj.namespace ?
+					handleObj.origType + "." + handleObj.namespace :
+					handleObj.origType,
+				handleObj.selector,
+				handleObj.handler
+			);
+			return this;
+		}
+		if ( typeof types === "object" ) {
+
+			// ( types-object [, selector] )
+			for ( type in types ) {
+				this.off( type, selector, types[ type ] );
+			}
+			return this;
+		}
+		if ( selector === false || typeof selector === "function" ) {
+
+			// ( types [, fn] )
+			fn = selector;
+			selector = undefined;
+		}
+		if ( fn === false ) {
+			fn = returnFalse;
+		}
+		return this.each( function() {
+			jQuery.event.remove( this, types, fn, selector );
+		} );
+	}
+} );
+
+
+var
+
+	// Support: IE <=10 - 11, Edge 12 - 13 only
+	// In IE/Edge using regex groups here causes severe slowdowns.
+	// See https://connect.microsoft.com/IE/feedback/details/1736512/
+	rnoInnerhtml = /<script|<style|<link/i,
+
+	// checked="checked" or checked
+	rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i,
+
+	rcleanScript = /^\s*<!\[CDATA\[|\]\]>\s*$/g;
+
+// Prefer a tbody over its parent table for containing new rows
+function manipulationTarget( elem, content ) {
+	if ( nodeName( elem, "table" ) &&
+		nodeName( content.nodeType !== 11 ? content : content.firstChild, "tr" ) ) {
+
+		return jQuery( elem ).children( "tbody" )[ 0 ] || elem;
+	}
+
+	return elem;
+}
+
+// Replace/restore the type attribute of script elements for safe DOM manipulation
+function disableScript( elem ) {
+	elem.type = ( elem.getAttribute( "type" ) !== null ) + "/" + elem.type;
+	return elem;
+}
+function restoreScript( elem ) {
+	if ( ( elem.type || "" ).slice( 0, 5 ) === "true/" ) {
+		elem.type = elem.type.slice( 5 );
+	} else {
+		elem.removeAttribute( "type" );
+	}
+
+	return elem;
+}
+
+function cloneCopyEvent( src, dest ) {
+	var i, l, type, pdataOld, udataOld, udataCur, events;
+
+	if ( dest.nodeType !== 1 ) {
+		return;
+	}
+
+	// 1. Copy private data: events, handlers, etc.
+	if ( dataPriv.hasData( src ) ) {
+		pdataOld = dataPriv.get( src );
+		events = pdataOld.events;
+
+		if ( events ) {
+			dataPriv.remove( dest, "handle events" );
+
+			for ( type in events ) {
+				for ( i = 0, l = events[ type ].length; i < l; i++ ) {
+					jQuery.event.add( dest, type, events[ type ][ i ] );
+				}
+			}
+		}
+	}
+
+	// 2. Copy user data
+	if ( dataUser.hasData( src ) ) {
+		udataOld = dataUser.access( src );
+		udataCur = jQuery.extend( {}, udataOld );
+
+		dataUser.set( dest, udataCur );
+	}
+}
+
+// Fix IE bugs, see support tests
+function fixInput( src, dest ) {
+	var nodeName = dest.nodeName.toLowerCase();
+
+	// Fails to persist the checked state of a cloned checkbox or radio button.
+	if ( nodeName === "input" && rcheckableType.test( src.type ) ) {
+		dest.checked = src.checked;
+
+	// Fails to return the selected option to the default selected state when cloning options
+	} else if ( nodeName === "input" || nodeName === "textarea" ) {
+		dest.defaultValue = src.defaultValue;
+	}
+}
+
+function domManip( collection, args, callback, ignored ) {
+
+	// Flatten any nested arrays
+	args = flat( args );
+
+	var fragment, first, scripts, hasScripts, node, doc,
+		i = 0,
+		l = collection.length,
+		iNoClone = l - 1,
+		value = args[ 0 ],
+		valueIsFunction = isFunction( value );
+
+	// We can't cloneNode fragments that contain checked, in WebKit
+	if ( valueIsFunction ||
+			( l > 1 && typeof value === "string" &&
+				!support.checkClone && rchecked.test( value ) ) ) {
+		return collection.each( function( index ) {
+			var self = collection.eq( index );
+			if ( valueIsFunction ) {
+				args[ 0 ] = value.call( this, index, self.html() );
+			}
+			domManip( self, args, callback, ignored );
+		} );
+	}
+
+	if ( l ) {
+		fragment = buildFragment( args, collection[ 0 ].ownerDocument, false, collection, ignored );
+		first = fragment.firstChild;
+
+		if ( fragment.childNodes.length === 1 ) {
+			fragment = first;
+		}
+
+		// Require either new content or an interest in ignored elements to invoke the callback
+		if ( first || ignored ) {
+			scripts = jQuery.map( getAll( fragment, "script" ), disableScript );
+			hasScripts = scripts.length;
+
+			// Use the original fragment for the last item
+			// instead of the first because it can end up
+			// being emptied incorrectly in certain situations (trac-8070).
+			for ( ; i < l; i++ ) {
+				node = fragment;
+
+				if ( i !== iNoClone ) {
+					node = jQuery.clone( node, true, true );
+
+					// Keep references to cloned scripts for later restoration
+					if ( hasScripts ) {
+
+						// Support: Android <=4.0 only, PhantomJS 1 only
+						// push.apply(_, arraylike) throws on ancient WebKit
+						jQuery.merge( scripts, getAll( node, "script" ) );
+					}
+				}
+
+				callback.call( collection[ i ], node, i );
+			}
+
+			if ( hasScripts ) {
+				doc = scripts[ scripts.length - 1 ].ownerDocument;
+
+				// Re-enable scripts
+				jQuery.map( scripts, restoreScript );
+
+				// Evaluate executable scripts on first document insertion
+				for ( i = 0; i < hasScripts; i++ ) {
+					node = scripts[ i ];
+					if ( rscriptType.test( node.type || "" ) &&
+						!dataPriv.access( node, "globalEval" ) &&
+						jQuery.contains( doc, node ) ) {
+
+						if ( node.src && ( node.type || "" ).toLowerCase()  !== "module" ) {
+
+							// Optional AJAX dependency, but won't run scripts if not present
+							if ( jQuery._evalUrl && !node.noModule ) {
+								jQuery._evalUrl( node.src, {
+									nonce: node.nonce || node.getAttribute( "nonce" )
+								}, doc );
+							}
+						} else {
+
+							// Unwrap a CDATA section containing script contents. This shouldn't be
+							// needed as in XML documents they're already not visible when
+							// inspecting element contents and in HTML documents they have no
+							// meaning but we're preserving that logic for backwards compatibility.
+							// This will be removed completely in 4.0. See gh-4904.
+							DOMEval( node.textContent.replace( rcleanScript, "" ), node, doc );
+						}
+					}
+				}
+			}
+		}
+	}
+
+	return collection;
+}
+
+function remove( elem, selector, keepData ) {
+	var node,
+		nodes = selector ? jQuery.filter( selector, elem ) : elem,
+		i = 0;
+
+	for ( ; ( node = nodes[ i ] ) != null; i++ ) {
+		if ( !keepData && node.nodeType === 1 ) {
+			jQuery.cleanData( getAll( node ) );
+		}
+
+		if ( node.parentNode ) {
+			if ( keepData && isAttached( node ) ) {
+				setGlobalEval( getAll( node, "script" ) );
+			}
+			node.parentNode.removeChild( node );
+		}
+	}
+
+	return elem;
+}
+
+jQuery.extend( {
+	htmlPrefilter: function( html ) {
+		return html;
+	},
+
+	clone: function( elem, dataAndEvents, deepDataAndEvents ) {
+		var i, l, srcElements, destElements,
+			clone = elem.cloneNode( true ),
+			inPage = isAttached( elem );
+
+		// Fix IE cloning issues
+		if ( !support.noCloneChecked && ( elem.nodeType === 1 || elem.nodeType === 11 ) &&
+				!jQuery.isXMLDoc( elem ) ) {
+
+			// We eschew jQuery#find here for performance reasons:
+			// https://jsperf.com/getall-vs-sizzle/2
+			destElements = getAll( clone );
+			srcElements = getAll( elem );
+
+			for ( i = 0, l = srcElements.length; i < l; i++ ) {
+				fixInput( srcElements[ i ], destElements[ i ] );
+			}
+		}
+
+		// Copy the events from the original to the clone
+		if ( dataAndEvents ) {
+			if ( deepDataAndEvents ) {
+				srcElements = srcElements || getAll( elem );
+				destElements = destElements || getAll( clone );
+
+				for ( i = 0, l = srcElements.length; i < l; i++ ) {
+					cloneCopyEvent( srcElements[ i ], destElements[ i ] );
+				}
+			} else {
+				cloneCopyEvent( elem, clone );
+			}
+		}
+
+		// Preserve script evaluation history
+		destElements = getAll( clone, "script" );
+		if ( destElements.length > 0 ) {
+			setGlobalEval( destElements, !inPage && getAll( elem, "script" ) );
+		}
+
+		// Return the cloned set
+		return clone;
+	},
+
+	cleanData: function( elems ) {
+		var data, elem, type,
+			special = jQuery.event.special,
+			i = 0;
+
+		for ( ; ( elem = elems[ i ] ) !== undefined; i++ ) {
+			if ( acceptData( elem ) ) {
+				if ( ( data = elem[ dataPriv.expando ] ) ) {
+					if ( data.events ) {
+						for ( type in data.events ) {
+							if ( special[ type ] ) {
+								jQuery.event.remove( elem, type );
+
+							// This is a shortcut to avoid jQuery.event.remove's overhead
+							} else {
+								jQuery.removeEvent( elem, type, data.handle );
+							}
+						}
+					}
+
+					// Support: Chrome <=35 - 45+
+					// Assign undefined instead of using delete, see Data#remove
+					elem[ dataPriv.expando ] = undefined;
+				}
+				if ( elem[ dataUser.expando ] ) {
+
+					// Support: Chrome <=35 - 45+
+					// Assign undefined instead of using delete, see Data#remove
+					elem[ dataUser.expando ] = undefined;
+				}
+			}
+		}
+	}
+} );
+
+jQuery.fn.extend( {
+	detach: function( selector ) {
+		return remove( this, selector, true );
+	},
+
+	remove: function( selector ) {
+		return remove( this, selector );
+	},
+
+	text: function( value ) {
+		return access( this, function( value ) {
+			return value === undefined ?
+				jQuery.text( this ) :
+				this.empty().each( function() {
+					if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
+						this.textContent = value;
+					}
+				} );
+		}, null, value, arguments.length );
+	},
+
+	append: function() {
+		return domManip( this, arguments, function( elem ) {
+			if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
+				var target = manipulationTarget( this, elem );
+				target.appendChild( elem );
+			}
+		} );
+	},
+
+	prepend: function() {
+		return domManip( this, arguments, function( elem ) {
+			if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
+				var target = manipulationTarget( this, elem );
+				target.insertBefore( elem, target.firstChild );
+			}
+		} );
+	},
+
+	before: function() {
+		return domManip( this, arguments, function( elem ) {
+			if ( this.parentNode ) {
+				this.parentNode.insertBefore( elem, this );
+			}
+		} );
+	},
+
+	after: function() {
+		return domManip( this, arguments, function( elem ) {
+			if ( this.parentNode ) {
+				this.parentNode.insertBefore( elem, this.nextSibling );
+			}
+		} );
+	},
+
+	empty: function() {
+		var elem,
+			i = 0;
+
+		for ( ; ( elem = this[ i ] ) != null; i++ ) {
+			if ( elem.nodeType === 1 ) {
+
+				// Prevent memory leaks
+				jQuery.cleanData( getAll( elem, false ) );
+
+				// Remove any remaining nodes
+				elem.textContent = "";
+			}
+		}
+
+		return this;
+	},
+
+	clone: function( dataAndEvents, deepDataAndEvents ) {
+		dataAndEvents = dataAndEvents == null ? false : dataAndEvents;
+		deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents;
+
+		return this.map( function() {
+			return jQuery.clone( this, dataAndEvents, deepDataAndEvents );
+		} );
+	},
+
+	html: function( value ) {
+		return access( this, function( value ) {
+			var elem = this[ 0 ] || {},
+				i = 0,
+				l = this.length;
+
+			if ( value === undefined && elem.nodeType === 1 ) {
+				return elem.innerHTML;
+			}
+
+			// See if we can take a shortcut and just use innerHTML
+			if ( typeof value === "string" && !rnoInnerhtml.test( value ) &&
+				!wrapMap[ ( rtagName.exec( value ) || [ "", "" ] )[ 1 ].toLowerCase() ] ) {
+
+				value = jQuery.htmlPrefilter( value );
+
+				try {
+					for ( ; i < l; i++ ) {
+						elem = this[ i ] || {};
+
+						// Remove element nodes and prevent memory leaks
+						if ( elem.nodeType === 1 ) {
+							jQuery.cleanData( getAll( elem, false ) );
+							elem.innerHTML = value;
+						}
+					}
+
+					elem = 0;
+
+				// If using innerHTML throws an exception, use the fallback method
+				} catch ( e ) {}
+			}
+
+			if ( elem ) {
+				this.empty().append( value );
+			}
+		}, null, value, arguments.length );
+	},
+
+	replaceWith: function() {
+		var ignored = [];
+
+		// Make the changes, replacing each non-ignored context element with the new content
+		return domManip( this, arguments, function( elem ) {
+			var parent = this.parentNode;
+
+			if ( jQuery.inArray( this, ignored ) < 0 ) {
+				jQuery.cleanData( getAll( this ) );
+				if ( parent ) {
+					parent.replaceChild( elem, this );
+				}
+			}
+
+		// Force callback invocation
+		}, ignored );
+	}
+} );
+
+jQuery.each( {
+	appendTo: "append",
+	prependTo: "prepend",
+	insertBefore: "before",
+	insertAfter: "after",
+	replaceAll: "replaceWith"
+}, function( name, original ) {
+	jQuery.fn[ name ] = function( selector ) {
+		var elems,
+			ret = [],
+			insert = jQuery( selector ),
+			last = insert.length - 1,
+			i = 0;
+
+		for ( ; i <= last; i++ ) {
+			elems = i === last ? this : this.clone( true );
+			jQuery( insert[ i ] )[ original ]( elems );
+
+			// Support: Android <=4.0 only, PhantomJS 1 only
+			// .get() because push.apply(_, arraylike) throws on ancient WebKit
+			push.apply( ret, elems.get() );
+		}
+
+		return this.pushStack( ret );
+	};
+} );
+var rnumnonpx = new RegExp( "^(" + pnum + ")(?!px)[a-z%]+$", "i" );
+
+var rcustomProp = /^--/;
+
+
+var getStyles = function( elem ) {
+
+		// Support: IE <=11 only, Firefox <=30 (trac-15098, trac-14150)
+		// IE throws on elements created in popups
+		// FF meanwhile throws on frame elements through "defaultView.getComputedStyle"
+		var view = elem.ownerDocument.defaultView;
+
+		if ( !view || !view.opener ) {
+			view = window;
+		}
+
+		return view.getComputedStyle( elem );
+	};
+
+var swap = function( elem, options, callback ) {
+	var ret, name,
+		old = {};
+
+	// Remember the old values, and insert the new ones
+	for ( name in options ) {
+		old[ name ] = elem.style[ name ];
+		elem.style[ name ] = options[ name ];
+	}
+
+	ret = callback.call( elem );
+
+	// Revert the old values
+	for ( name in options ) {
+		elem.style[ name ] = old[ name ];
+	}
+
+	return ret;
+};
+
+
+var rboxStyle = new RegExp( cssExpand.join( "|" ), "i" );
+
+
+
+( function() {
+
+	// Executing both pixelPosition & boxSizingReliable tests require only one layout
+	// so they're executed at the same time to save the second computation.
+	function computeStyleTests() {
+
+		// This is a singleton, we need to execute it only once
+		if ( !div ) {
+			return;
+		}
+
+		container.style.cssText = "position:absolute;left:-11111px;width:60px;" +
+			"margin-top:1px;padding:0;border:0";
+		div.style.cssText =
+			"position:relative;display:block;box-sizing:border-box;overflow:scroll;" +
+			"margin:auto;border:1px;padding:1px;" +
+			"width:60%;top:1%";
+		documentElement.appendChild( container ).appendChild( div );
+
+		var divStyle = window.getComputedStyle( div );
+		pixelPositionVal = divStyle.top !== "1%";
+
+		// Support: Android 4.0 - 4.3 only, Firefox <=3 - 44
+		reliableMarginLeftVal = roundPixelMeasures( divStyle.marginLeft ) === 12;
+
+		// Support: Android 4.0 - 4.3 only, Safari <=9.1 - 10.1, iOS <=7.0 - 9.3
+		// Some styles come back with percentage values, even though they shouldn't
+		div.style.right = "60%";
+		pixelBoxStylesVal = roundPixelMeasures( divStyle.right ) === 36;
+
+		// Support: IE 9 - 11 only
+		// Detect misreporting of content dimensions for box-sizing:border-box elements
+		boxSizingReliableVal = roundPixelMeasures( divStyle.width ) === 36;
+
+		// Support: IE 9 only
+		// Detect overflow:scroll screwiness (gh-3699)
+		// Support: Chrome <=64
+		// Don't get tricked when zoom affects offsetWidth (gh-4029)
+		div.style.position = "absolute";
+		scrollboxSizeVal = roundPixelMeasures( div.offsetWidth / 3 ) === 12;
+
+		documentElement.removeChild( container );
+
+		// Nullify the div so it wouldn't be stored in the memory and
+		// it will also be a sign that checks already performed
+		div = null;
+	}
+
+	function roundPixelMeasures( measure ) {
+		return Math.round( parseFloat( measure ) );
+	}
+
+	var pixelPositionVal, boxSizingReliableVal, scrollboxSizeVal, pixelBoxStylesVal,
+		reliableTrDimensionsVal, reliableMarginLeftVal,
+		container = document.createElement( "div" ),
+		div = document.createElement( "div" );
+
+	// Finish early in limited (non-browser) environments
+	if ( !div.style ) {
+		return;
+	}
+
+	// Support: IE <=9 - 11 only
+	// Style of cloned element affects source element cloned (trac-8908)
+	div.style.backgroundClip = "content-box";
+	div.cloneNode( true ).style.backgroundClip = "";
+	support.clearCloneStyle = div.style.backgroundClip === "content-box";
+
+	jQuery.extend( support, {
+		boxSizingReliable: function() {
+			computeStyleTests();
+			return boxSizingReliableVal;
+		},
+		pixelBoxStyles: function() {
+			computeStyleTests();
+			return pixelBoxStylesVal;
+		},
+		pixelPosition: function() {
+			computeStyleTests();
+			return pixelPositionVal;
+		},
+		reliableMarginLeft: function() {
+			computeStyleTests();
+			return reliableMarginLeftVal;
+		},
+		scrollboxSize: function() {
+			computeStyleTests();
+			return scrollboxSizeVal;
+		},
+
+		// Support: IE 9 - 11+, Edge 15 - 18+
+		// IE/Edge misreport `getComputedStyle` of table rows with width/height
+		// set in CSS while `offset*` properties report correct values.
+		// Behavior in IE 9 is more subtle than in newer versions & it passes
+		// some versions of this test; make sure not to make it pass there!
+		//
+		// Support: Firefox 70+
+		// Only Firefox includes border widths
+		// in computed dimensions. (gh-4529)
+		reliableTrDimensions: function() {
+			var table, tr, trChild, trStyle;
+			if ( reliableTrDimensionsVal == null ) {
+				table = document.createElement( "table" );
+				tr = document.createElement( "tr" );
+				trChild = document.createElement( "div" );
+
+				table.style.cssText = "position:absolute;left:-11111px;border-collapse:separate";
+				tr.style.cssText = "box-sizing:content-box;border:1px solid";
+
+				// Support: Chrome 86+
+				// Height set through cssText does not get applied.
+				// Computed height then comes back as 0.
+				tr.style.height = "1px";
+				trChild.style.height = "9px";
+
+				// Support: Android 8 Chrome 86+
+				// In our bodyBackground.html iframe,
+				// display for all div elements is set to "inline",
+				// which causes a problem only in Android 8 Chrome 86.
+				// Ensuring the div is `display: block`
+				// gets around this issue.
+				trChild.style.display = "block";
+
+				documentElement
+					.appendChild( table )
+					.appendChild( tr )
+					.appendChild( trChild );
+
+				trStyle = window.getComputedStyle( tr );
+				reliableTrDimensionsVal = ( parseInt( trStyle.height, 10 ) +
+					parseInt( trStyle.borderTopWidth, 10 ) +
+					parseInt( trStyle.borderBottomWidth, 10 ) ) === tr.offsetHeight;
+
+				documentElement.removeChild( table );
+			}
+			return reliableTrDimensionsVal;
+		}
+	} );
+} )();
+
+
+function curCSS( elem, name, computed ) {
+	var width, minWidth, maxWidth, ret,
+		isCustomProp = rcustomProp.test( name ),
+
+		// Support: Firefox 51+
+		// Retrieving style before computed somehow
+		// fixes an issue with getting wrong values
+		// on detached elements
+		style = elem.style;
+
+	computed = computed || getStyles( elem );
+
+	// getPropertyValue is needed for:
+	//   .css('filter') (IE 9 only, trac-12537)
+	//   .css('--customProperty) (gh-3144)
+	if ( computed ) {
+
+		// Support: IE <=9 - 11+
+		// IE only supports `"float"` in `getPropertyValue`; in computed styles
+		// it's only available as `"cssFloat"`. We no longer modify properties
+		// sent to `.css()` apart from camelCasing, so we need to check both.
+		// Normally, this would create difference in behavior: if
+		// `getPropertyValue` returns an empty string, the value returned
+		// by `.css()` would be `undefined`. This is usually the case for
+		// disconnected elements. However, in IE even disconnected elements
+		// with no styles return `"none"` for `getPropertyValue( "float" )`
+		ret = computed.getPropertyValue( name ) || computed[ name ];
+
+		if ( isCustomProp && ret ) {
+
+			// Support: Firefox 105+, Chrome <=105+
+			// Spec requires trimming whitespace for custom properties (gh-4926).
+			// Firefox only trims leading whitespace. Chrome just collapses
+			// both leading & trailing whitespace to a single space.
+			//
+			// Fall back to `undefined` if empty string returned.
+			// This collapses a missing definition with property defined
+			// and set to an empty string but there's no standard API
+			// allowing us to differentiate them without a performance penalty
+			// and returning `undefined` aligns with older jQuery.
+			//
+			// rtrimCSS treats U+000D CARRIAGE RETURN and U+000C FORM FEED
+			// as whitespace while CSS does not, but this is not a problem
+			// because CSS preprocessing replaces them with U+000A LINE FEED
+			// (which *is* CSS whitespace)
+			// https://www.w3.org/TR/css-syntax-3/#input-preprocessing
+			ret = ret.replace( rtrimCSS, "$1" ) || undefined;
+		}
+
+		if ( ret === "" && !isAttached( elem ) ) {
+			ret = jQuery.style( elem, name );
+		}
+
+		// A tribute to the "awesome hack by Dean Edwards"
+		// Android Browser returns percentage for some values,
+		// but width seems to be reliably pixels.
+		// This is against the CSSOM draft spec:
+		// https://drafts.csswg.org/cssom/#resolved-values
+		if ( !support.pixelBoxStyles() && rnumnonpx.test( ret ) && rboxStyle.test( name ) ) {
+
+			// Remember the original values
+			width = style.width;
+			minWidth = style.minWidth;
+			maxWidth = style.maxWidth;
+
+			// Put in the new values to get a computed value out
+			style.minWidth = style.maxWidth = style.width = ret;
+			ret = computed.width;
+
+			// Revert the changed values
+			style.width = width;
+			style.minWidth = minWidth;
+			style.maxWidth = maxWidth;
+		}
+	}
+
+	return ret !== undefined ?
+
+		// Support: IE <=9 - 11 only
+		// IE returns zIndex value as an integer.
+		ret + "" :
+		ret;
+}
+
+
+function addGetHookIf( conditionFn, hookFn ) {
+
+	// Define the hook, we'll check on the first run if it's really needed.
+	return {
+		get: function() {
+			if ( conditionFn() ) {
+
+				// Hook not needed (or it's not possible to use it due
+				// to missing dependency), remove it.
+				delete this.get;
+				return;
+			}
+
+			// Hook needed; redefine it so that the support test is not executed again.
+			return ( this.get = hookFn ).apply( this, arguments );
+		}
+	};
+}
+
+
+var cssPrefixes = [ "Webkit", "Moz", "ms" ],
+	emptyStyle = document.createElement( "div" ).style,
+	vendorProps = {};
+
+// Return a vendor-prefixed property or undefined
+function vendorPropName( name ) {
+
+	// Check for vendor prefixed names
+	var capName = name[ 0 ].toUpperCase() + name.slice( 1 ),
+		i = cssPrefixes.length;
+
+	while ( i-- ) {
+		name = cssPrefixes[ i ] + capName;
+		if ( name in emptyStyle ) {
+			return name;
+		}
+	}
+}
+
+// Return a potentially-mapped jQuery.cssProps or vendor prefixed property
+function finalPropName( name ) {
+	var final = jQuery.cssProps[ name ] || vendorProps[ name ];
+
+	if ( final ) {
+		return final;
+	}
+	if ( name in emptyStyle ) {
+		return name;
+	}
+	return vendorProps[ name ] = vendorPropName( name ) || name;
+}
+
+
+var
+
+	// Swappable if display is none or starts with table
+	// except "table", "table-cell", or "table-caption"
+	// See here for display values: https://developer.mozilla.org/en-US/docs/CSS/display
+	rdisplayswap = /^(none|table(?!-c[ea]).+)/,
+	cssShow = { position: "absolute", visibility: "hidden", display: "block" },
+	cssNormalTransform = {
+		letterSpacing: "0",
+		fontWeight: "400"
+	};
+
+function setPositiveNumber( _elem, value, subtract ) {
+
+	// Any relative (+/-) values have already been
+	// normalized at this point
+	var matches = rcssNum.exec( value );
+	return matches ?
+
+		// Guard against undefined "subtract", e.g., when used as in cssHooks
+		Math.max( 0, matches[ 2 ] - ( subtract || 0 ) ) + ( matches[ 3 ] || "px" ) :
+		value;
+}
+
+function boxModelAdjustment( elem, dimension, box, isBorderBox, styles, computedVal ) {
+	var i = dimension === "width" ? 1 : 0,
+		extra = 0,
+		delta = 0,
+		marginDelta = 0;
+
+	// Adjustment may not be necessary
+	if ( box === ( isBorderBox ? "border" : "content" ) ) {
+		return 0;
+	}
+
+	for ( ; i < 4; i += 2 ) {
+
+		// Both box models exclude margin
+		// Count margin delta separately to only add it after scroll gutter adjustment.
+		// This is needed to make negative margins work with `outerHeight( true )` (gh-3982).
+		if ( box === "margin" ) {
+			marginDelta += jQuery.css( elem, box + cssExpand[ i ], true, styles );
+		}
+
+		// If we get here with a content-box, we're seeking "padding" or "border" or "margin"
+		if ( !isBorderBox ) {
+
+			// Add padding
+			delta += jQuery.css( elem, "padding" + cssExpand[ i ], true, styles );
+
+			// For "border" or "margin", add border
+			if ( box !== "padding" ) {
+				delta += jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles );
+
+			// But still keep track of it otherwise
+			} else {
+				extra += jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles );
+			}
+
+		// If we get here with a border-box (content + padding + border), we're seeking "content" or
+		// "padding" or "margin"
+		} else {
+
+			// For "content", subtract padding
+			if ( box === "content" ) {
+				delta -= jQuery.css( elem, "padding" + cssExpand[ i ], true, styles );
+			}
+
+			// For "content" or "padding", subtract border
+			if ( box !== "margin" ) {
+				delta -= jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles );
+			}
+		}
+	}
+
+	// Account for positive content-box scroll gutter when requested by providing computedVal
+	if ( !isBorderBox && computedVal >= 0 ) {
+
+		// offsetWidth/offsetHeight is a rounded sum of content, padding, scroll gutter, and border
+		// Assuming integer scroll gutter, subtract the rest and round down
+		delta += Math.max( 0, Math.ceil(
+			elem[ "offset" + dimension[ 0 ].toUpperCase() + dimension.slice( 1 ) ] -
+			computedVal -
+			delta -
+			extra -
+			0.5
+
+		// If offsetWidth/offsetHeight is unknown, then we can't determine content-box scroll gutter
+		// Use an explicit zero to avoid NaN (gh-3964)
+		) ) || 0;
+	}
+
+	return delta + marginDelta;
+}
+
+function getWidthOrHeight( elem, dimension, extra ) {
+
+	// Start with computed style
+	var styles = getStyles( elem ),
+
+		// To avoid forcing a reflow, only fetch boxSizing if we need it (gh-4322).
+		// Fake content-box until we know it's needed to know the true value.
+		boxSizingNeeded = !support.boxSizingReliable() || extra,
+		isBorderBox = boxSizingNeeded &&
+			jQuery.css( elem, "boxSizing", false, styles ) === "border-box",
+		valueIsBorderBox = isBorderBox,
+
+		val = curCSS( elem, dimension, styles ),
+		offsetProp = "offset" + dimension[ 0 ].toUpperCase() + dimension.slice( 1 );
+
+	// Support: Firefox <=54
+	// Return a confounding non-pixel value or feign ignorance, as appropriate.
+	if ( rnumnonpx.test( val ) ) {
+		if ( !extra ) {
+			return val;
+		}
+		val = "auto";
+	}
+
+
+	// Support: IE 9 - 11 only
+	// Use offsetWidth/offsetHeight for when box sizing is unreliable.
+	// In those cases, the computed value can be trusted to be border-box.
+	if ( ( !support.boxSizingReliable() && isBorderBox ||
+
+		// Support: IE 10 - 11+, Edge 15 - 18+
+		// IE/Edge misreport `getComputedStyle` of table rows with width/height
+		// set in CSS while `offset*` properties report correct values.
+		// Interestingly, in some cases IE 9 doesn't suffer from this issue.
+		!support.reliableTrDimensions() && nodeName( elem, "tr" ) ||
+
+		// Fall back to offsetWidth/offsetHeight when value is "auto"
+		// This happens for inline elements with no explicit setting (gh-3571)
+		val === "auto" ||
+
+		// Support: Android <=4.1 - 4.3 only
+		// Also use offsetWidth/offsetHeight for misreported inline dimensions (gh-3602)
+		!parseFloat( val ) && jQuery.css( elem, "display", false, styles ) === "inline" ) &&
+
+		// Make sure the element is visible & connected
+		elem.getClientRects().length ) {
+
+		isBorderBox = jQuery.css( elem, "boxSizing", false, styles ) === "border-box";
+
+		// Where available, offsetWidth/offsetHeight approximate border box dimensions.
+		// Where not available (e.g., SVG), assume unreliable box-sizing and interpret the
+		// retrieved value as a content box dimension.
+		valueIsBorderBox = offsetProp in elem;
+		if ( valueIsBorderBox ) {
+			val = elem[ offsetProp ];
+		}
+	}
+
+	// Normalize "" and auto
+	val = parseFloat( val ) || 0;
+
+	// Adjust for the element's box model
+	return ( val +
+		boxModelAdjustment(
+			elem,
+			dimension,
+			extra || ( isBorderBox ? "border" : "content" ),
+			valueIsBorderBox,
+			styles,
+
+			// Provide the current computed size to request scroll gutter calculation (gh-3589)
+			val
+		)
+	) + "px";
+}
+
+jQuery.extend( {
+
+	// Add in style property hooks for overriding the default
+	// behavior of getting and setting a style property
+	cssHooks: {
+		opacity: {
+			get: function( elem, computed ) {
+				if ( computed ) {
+
+					// We should always get a number back from opacity
+					var ret = curCSS( elem, "opacity" );
+					return ret === "" ? "1" : ret;
+				}
+			}
+		}
+	},
+
+	// Don't automatically add "px" to these possibly-unitless properties
+	cssNumber: {
+		animationIterationCount: true,
+		aspectRatio: true,
+		borderImageSlice: true,
+		columnCount: true,
+		flexGrow: true,
+		flexShrink: true,
+		fontWeight: true,
+		gridArea: true,
+		gridColumn: true,
+		gridColumnEnd: true,
+		gridColumnStart: true,
+		gridRow: true,
+		gridRowEnd: true,
+		gridRowStart: true,
+		lineHeight: true,
+		opacity: true,
+		order: true,
+		orphans: true,
+		scale: true,
+		widows: true,
+		zIndex: true,
+		zoom: true,
+
+		// SVG-related
+		fillOpacity: true,
+		floodOpacity: true,
+		stopOpacity: true,
+		strokeMiterlimit: true,
+		strokeOpacity: true
+	},
+
+	// Add in properties whose names you wish to fix before
+	// setting or getting the value
+	cssProps: {},
+
+	// Get and set the style property on a DOM Node
+	style: function( elem, name, value, extra ) {
+
+		// Don't set styles on text and comment nodes
+		if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) {
+			return;
+		}
+
+		// Make sure that we're working with the right name
+		var ret, type, hooks,
+			origName = camelCase( name ),
+			isCustomProp = rcustomProp.test( name ),
+			style = elem.style;
+
+		// Make sure that we're working with the right name. We don't
+		// want to query the value if it is a CSS custom property
+		// since they are user-defined.
+		if ( !isCustomProp ) {
+			name = finalPropName( origName );
+		}
+
+		// Gets hook for the prefixed version, then unprefixed version
+		hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ];
+
+		// Check if we're setting a value
+		if ( value !== undefined ) {
+			type = typeof value;
+
+			// Convert "+=" or "-=" to relative numbers (trac-7345)
+			if ( type === "string" && ( ret = rcssNum.exec( value ) ) && ret[ 1 ] ) {
+				value = adjustCSS( elem, name, ret );
+
+				// Fixes bug trac-9237
+				type = "number";
+			}
+
+			// Make sure that null and NaN values aren't set (trac-7116)
+			if ( value == null || value !== value ) {
+				return;
+			}
+
+			// If a number was passed in, add the unit (except for certain CSS properties)
+			// The isCustomProp check can be removed in jQuery 4.0 when we only auto-append
+			// "px" to a few hardcoded values.
+			if ( type === "number" && !isCustomProp ) {
+				value += ret && ret[ 3 ] || ( jQuery.cssNumber[ origName ] ? "" : "px" );
+			}
+
+			// background-* props affect original clone's values
+			if ( !support.clearCloneStyle && value === "" && name.indexOf( "background" ) === 0 ) {
+				style[ name ] = "inherit";
+			}
+
+			// If a hook was provided, use that value, otherwise just set the specified value
+			if ( !hooks || !( "set" in hooks ) ||
+				( value = hooks.set( elem, value, extra ) ) !== undefined ) {
+
+				if ( isCustomProp ) {
+					style.setProperty( name, value );
+				} else {
+					style[ name ] = value;
+				}
+			}
+
+		} else {
+
+			// If a hook was provided get the non-computed value from there
+			if ( hooks && "get" in hooks &&
+				( ret = hooks.get( elem, false, extra ) ) !== undefined ) {
+
+				return ret;
+			}
+
+			// Otherwise just get the value from the style object
+			return style[ name ];
+		}
+	},
+
+	css: function( elem, name, extra, styles ) {
+		var val, num, hooks,
+			origName = camelCase( name ),
+			isCustomProp = rcustomProp.test( name );
+
+		// Make sure that we're working with the right name. We don't
+		// want to modify the value if it is a CSS custom property
+		// since they are user-defined.
+		if ( !isCustomProp ) {
+			name = finalPropName( origName );
+		}
+
+		// Try prefixed name followed by the unprefixed name
+		hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ];
+
+		// If a hook was provided get the computed value from there
+		if ( hooks && "get" in hooks ) {
+			val = hooks.get( elem, true, extra );
+		}
+
+		// Otherwise, if a way to get the computed value exists, use that
+		if ( val === undefined ) {
+			val = curCSS( elem, name, styles );
+		}
+
+		// Convert "normal" to computed value
+		if ( val === "normal" && name in cssNormalTransform ) {
+			val = cssNormalTransform[ name ];
+		}
+
+		// Make numeric if forced or a qualifier was provided and val looks numeric
+		if ( extra === "" || extra ) {
+			num = parseFloat( val );
+			return extra === true || isFinite( num ) ? num || 0 : val;
+		}
+
+		return val;
+	}
+} );
+
+jQuery.each( [ "height", "width" ], function( _i, dimension ) {
+	jQuery.cssHooks[ dimension ] = {
+		get: function( elem, computed, extra ) {
+			if ( computed ) {
+
+				// Certain elements can have dimension info if we invisibly show them
+				// but it must have a current display style that would benefit
+				return rdisplayswap.test( jQuery.css( elem, "display" ) ) &&
+
+					// Support: Safari 8+
+					// Table columns in Safari have non-zero offsetWidth & zero
+					// getBoundingClientRect().width unless display is changed.
+					// Support: IE <=11 only
+					// Running getBoundingClientRect on a disconnected node
+					// in IE throws an error.
+					( !elem.getClientRects().length || !elem.getBoundingClientRect().width ) ?
+					swap( elem, cssShow, function() {
+						return getWidthOrHeight( elem, dimension, extra );
+					} ) :
+					getWidthOrHeight( elem, dimension, extra );
+			}
+		},
+
+		set: function( elem, value, extra ) {
+			var matches,
+				styles = getStyles( elem ),
+
+				// Only read styles.position if the test has a chance to fail
+				// to avoid forcing a reflow.
+				scrollboxSizeBuggy = !support.scrollboxSize() &&
+					styles.position === "absolute",
+
+				// To avoid forcing a reflow, only fetch boxSizing if we need it (gh-3991)
+				boxSizingNeeded = scrollboxSizeBuggy || extra,
+				isBorderBox = boxSizingNeeded &&
+					jQuery.css( elem, "boxSizing", false, styles ) === "border-box",
+				subtract = extra ?
+					boxModelAdjustment(
+						elem,
+						dimension,
+						extra,
+						isBorderBox,
+						styles
+					) :
+					0;
+
+			// Account for unreliable border-box dimensions by comparing offset* to computed and
+			// faking a content-box to get border and padding (gh-3699)
+			if ( isBorderBox && scrollboxSizeBuggy ) {
+				subtract -= Math.ceil(
+					elem[ "offset" + dimension[ 0 ].toUpperCase() + dimension.slice( 1 ) ] -
+					parseFloat( styles[ dimension ] ) -
+					boxModelAdjustment( elem, dimension, "border", false, styles ) -
+					0.5
+				);
+			}
+
+			// Convert to pixels if value adjustment is needed
+			if ( subtract && ( matches = rcssNum.exec( value ) ) &&
+				( matches[ 3 ] || "px" ) !== "px" ) {
+
+				elem.style[ dimension ] = value;
+				value = jQuery.css( elem, dimension );
+			}
+
+			return setPositiveNumber( elem, value, subtract );
+		}
+	};
+} );
+
+jQuery.cssHooks.marginLeft = addGetHookIf( support.reliableMarginLeft,
+	function( elem, computed ) {
+		if ( computed ) {
+			return ( parseFloat( curCSS( elem, "marginLeft" ) ) ||
+				elem.getBoundingClientRect().left -
+					swap( elem, { marginLeft: 0 }, function() {
+						return elem.getBoundingClientRect().left;
+					} )
+			) + "px";
+		}
+	}
+);
+
+// These hooks are used by animate to expand properties
+jQuery.each( {
+	margin: "",
+	padding: "",
+	border: "Width"
+}, function( prefix, suffix ) {
+	jQuery.cssHooks[ prefix + suffix ] = {
+		expand: function( value ) {
+			var i = 0,
+				expanded = {},
+
+				// Assumes a single number if not a string
+				parts = typeof value === "string" ? value.split( " " ) : [ value ];
+
+			for ( ; i < 4; i++ ) {
+				expanded[ prefix + cssExpand[ i ] + suffix ] =
+					parts[ i ] || parts[ i - 2 ] || parts[ 0 ];
+			}
+
+			return expanded;
+		}
+	};
+
+	if ( prefix !== "margin" ) {
+		jQuery.cssHooks[ prefix + suffix ].set = setPositiveNumber;
+	}
+} );
+
+jQuery.fn.extend( {
+	css: function( name, value ) {
+		return access( this, function( elem, name, value ) {
+			var styles, len,
+				map = {},
+				i = 0;
+
+			if ( Array.isArray( name ) ) {
+				styles = getStyles( elem );
+				len = name.length;
+
+				for ( ; i < len; i++ ) {
+					map[ name[ i ] ] = jQuery.css( elem, name[ i ], false, styles );
+				}
+
+				return map;
+			}
+
+			return value !== undefined ?
+				jQuery.style( elem, name, value ) :
+				jQuery.css( elem, name );
+		}, name, value, arguments.length > 1 );
+	}
+} );
+
+
+function Tween( elem, options, prop, end, easing ) {
+	return new Tween.prototype.init( elem, options, prop, end, easing );
+}
+jQuery.Tween = Tween;
+
+Tween.prototype = {
+	constructor: Tween,
+	init: function( elem, options, prop, end, easing, unit ) {
+		this.elem = elem;
+		this.prop = prop;
+		this.easing = easing || jQuery.easing._default;
+		this.options = options;
+		this.start = this.now = this.cur();
+		this.end = end;
+		this.unit = unit || ( jQuery.cssNumber[ prop ] ? "" : "px" );
+	},
+	cur: function() {
+		var hooks = Tween.propHooks[ this.prop ];
+
+		return hooks && hooks.get ?
+			hooks.get( this ) :
+			Tween.propHooks._default.get( this );
+	},
+	run: function( percent ) {
+		var eased,
+			hooks = Tween.propHooks[ this.prop ];
+
+		if ( this.options.duration ) {
+			this.pos = eased = jQuery.easing[ this.easing ](
+				percent, this.options.duration * percent, 0, 1, this.options.duration
+			);
+		} else {
+			this.pos = eased = percent;
+		}
+		this.now = ( this.end - this.start ) * eased + this.start;
+
+		if ( this.options.step ) {
+			this.options.step.call( this.elem, this.now, this );
+		}
+
+		if ( hooks && hooks.set ) {
+			hooks.set( this );
+		} else {
+			Tween.propHooks._default.set( this );
+		}
+		return this;
+	}
+};
+
+Tween.prototype.init.prototype = Tween.prototype;
+
+Tween.propHooks = {
+	_default: {
+		get: function( tween ) {
+			var result;
+
+			// Use a property on the element directly when it is not a DOM element,
+			// or when there is no matching style property that exists.
+			if ( tween.elem.nodeType !== 1 ||
+				tween.elem[ tween.prop ] != null && tween.elem.style[ tween.prop ] == null ) {
+				return tween.elem[ tween.prop ];
+			}
+
+			// Passing an empty string as a 3rd parameter to .css will automatically
+			// attempt a parseFloat and fallback to a string if the parse fails.
+			// Simple values such as "10px" are parsed to Float;
+			// complex values such as "rotate(1rad)" are returned as-is.
+			result = jQuery.css( tween.elem, tween.prop, "" );
+
+			// Empty strings, null, undefined and "auto" are converted to 0.
+			return !result || result === "auto" ? 0 : result;
+		},
+		set: function( tween ) {
+
+			// Use step hook for back compat.
+			// Use cssHook if its there.
+			// Use .style if available and use plain properties where available.
+			if ( jQuery.fx.step[ tween.prop ] ) {
+				jQuery.fx.step[ tween.prop ]( tween );
+			} else if ( tween.elem.nodeType === 1 && (
+				jQuery.cssHooks[ tween.prop ] ||
+					tween.elem.style[ finalPropName( tween.prop ) ] != null ) ) {
+				jQuery.style( tween.elem, tween.prop, tween.now + tween.unit );
+			} else {
+				tween.elem[ tween.prop ] = tween.now;
+			}
+		}
+	}
+};
+
+// Support: IE <=9 only
+// Panic based approach to setting things on disconnected nodes
+Tween.propHooks.scrollTop = Tween.propHooks.scrollLeft = {
+	set: function( tween ) {
+		if ( tween.elem.nodeType && tween.elem.parentNode ) {
+			tween.elem[ tween.prop ] = tween.now;
+		}
+	}
+};
+
+jQuery.easing = {
+	linear: function( p ) {
+		return p;
+	},
+	swing: function( p ) {
+		return 0.5 - Math.cos( p * Math.PI ) / 2;
+	},
+	_default: "swing"
+};
+
+jQuery.fx = Tween.prototype.init;
+
+// Back compat <1.8 extension point
+jQuery.fx.step = {};
+
+
+
+
+var
+	fxNow, inProgress,
+	rfxtypes = /^(?:toggle|show|hide)$/,
+	rrun = /queueHooks$/;
+
+function schedule() {
+	if ( inProgress ) {
+		if ( document.hidden === false && window.requestAnimationFrame ) {
+			window.requestAnimationFrame( schedule );
+		} else {
+			window.setTimeout( schedule, jQuery.fx.interval );
+		}
+
+		jQuery.fx.tick();
+	}
+}
+
+// Animations created synchronously will run synchronously
+function createFxNow() {
+	window.setTimeout( function() {
+		fxNow = undefined;
+	} );
+	return ( fxNow = Date.now() );
+}
+
+// Generate parameters to create a standard animation
+function genFx( type, includeWidth ) {
+	var which,
+		i = 0,
+		attrs = { height: type };
+
+	// If we include width, step value is 1 to do all cssExpand values,
+	// otherwise step value is 2 to skip over Left and Right
+	includeWidth = includeWidth ? 1 : 0;
+	for ( ; i < 4; i += 2 - includeWidth ) {
+		which = cssExpand[ i ];
+		attrs[ "margin" + which ] = attrs[ "padding" + which ] = type;
+	}
+
+	if ( includeWidth ) {
+		attrs.opacity = attrs.width = type;
+	}
+
+	return attrs;
+}
+
+function createTween( value, prop, animation ) {
+	var tween,
+		collection = ( Animation.tweeners[ prop ] || [] ).concat( Animation.tweeners[ "*" ] ),
+		index = 0,
+		length = collection.length;
+	for ( ; index < length; index++ ) {
+		if ( ( tween = collection[ index ].call( animation, prop, value ) ) ) {
+
+			// We're done with this property
+			return tween;
+		}
+	}
+}
+
+function defaultPrefilter( elem, props, opts ) {
+	var prop, value, toggle, hooks, oldfire, propTween, restoreDisplay, display,
+		isBox = "width" in props || "height" in props,
+		anim = this,
+		orig = {},
+		style = elem.style,
+		hidden = elem.nodeType && isHiddenWithinTree( elem ),
+		dataShow = dataPriv.get( elem, "fxshow" );
+
+	// Queue-skipping animations hijack the fx hooks
+	if ( !opts.queue ) {
+		hooks = jQuery._queueHooks( elem, "fx" );
+		if ( hooks.unqueued == null ) {
+			hooks.unqueued = 0;
+			oldfire = hooks.empty.fire;
+			hooks.empty.fire = function() {
+				if ( !hooks.unqueued ) {
+					oldfire();
+				}
+			};
+		}
+		hooks.unqueued++;
+
+		anim.always( function() {
+
+			// Ensure the complete handler is called before this completes
+			anim.always( function() {
+				hooks.unqueued--;
+				if ( !jQuery.queue( elem, "fx" ).length ) {
+					hooks.empty.fire();
+				}
+			} );
+		} );
+	}
+
+	// Detect show/hide animations
+	for ( prop in props ) {
+		value = props[ prop ];
+		if ( rfxtypes.test( value ) ) {
+			delete props[ prop ];
+			toggle = toggle || value === "toggle";
+			if ( value === ( hidden ? "hide" : "show" ) ) {
+
+				// Pretend to be hidden if this is a "show" and
+				// there is still data from a stopped show/hide
+				if ( value === "show" && dataShow && dataShow[ prop ] !== undefined ) {
+					hidden = true;
+
+				// Ignore all other no-op show/hide data
+				} else {
+					continue;
+				}
+			}
+			orig[ prop ] = dataShow && dataShow[ prop ] || jQuery.style( elem, prop );
+		}
+	}
+
+	// Bail out if this is a no-op like .hide().hide()
+	propTween = !jQuery.isEmptyObject( props );
+	if ( !propTween && jQuery.isEmptyObject( orig ) ) {
+		return;
+	}
+
+	// Restrict "overflow" and "display" styles during box animations
+	if ( isBox && elem.nodeType === 1 ) {
+
+		// Support: IE <=9 - 11, Edge 12 - 15
+		// Record all 3 overflow attributes because IE does not infer the shorthand
+		// from identically-valued overflowX and overflowY and Edge just mirrors
+		// the overflowX value there.
+		opts.overflow = [ style.overflow, style.overflowX, style.overflowY ];
+
+		// Identify a display type, preferring old show/hide data over the CSS cascade
+		restoreDisplay = dataShow && dataShow.display;
+		if ( restoreDisplay == null ) {
+			restoreDisplay = dataPriv.get( elem, "display" );
+		}
+		display = jQuery.css( elem, "display" );
+		if ( display === "none" ) {
+			if ( restoreDisplay ) {
+				display = restoreDisplay;
+			} else {
+
+				// Get nonempty value(s) by temporarily forcing visibility
+				showHide( [ elem ], true );
+				restoreDisplay = elem.style.display || restoreDisplay;
+				display = jQuery.css( elem, "display" );
+				showHide( [ elem ] );
+			}
+		}
+
+		// Animate inline elements as inline-block
+		if ( display === "inline" || display === "inline-block" && restoreDisplay != null ) {
+			if ( jQuery.css( elem, "float" ) === "none" ) {
+
+				// Restore the original display value at the end of pure show/hide animations
+				if ( !propTween ) {
+					anim.done( function() {
+						style.display = restoreDisplay;
+					} );
+					if ( restoreDisplay == null ) {
+						display = style.display;
+						restoreDisplay = display === "none" ? "" : display;
+					}
+				}
+				style.display = "inline-block";
+			}
+		}
+	}
+
+	if ( opts.overflow ) {
+		style.overflow = "hidden";
+		anim.always( function() {
+			style.overflow = opts.overflow[ 0 ];
+			style.overflowX = opts.overflow[ 1 ];
+			style.overflowY = opts.overflow[ 2 ];
+		} );
+	}
+
+	// Implement show/hide animations
+	propTween = false;
+	for ( prop in orig ) {
+
+		// General show/hide setup for this element animation
+		if ( !propTween ) {
+			if ( dataShow ) {
+				if ( "hidden" in dataShow ) {
+					hidden = dataShow.hidden;
+				}
+			} else {
+				dataShow = dataPriv.access( elem, "fxshow", { display: restoreDisplay } );
+			}
+
+			// Store hidden/visible for toggle so `.stop().toggle()` "reverses"
+			if ( toggle ) {
+				dataShow.hidden = !hidden;
+			}
+
+			// Show elements before animating them
+			if ( hidden ) {
+				showHide( [ elem ], true );
+			}
+
+			/* eslint-disable no-loop-func */
+
+			anim.done( function() {
+
+				/* eslint-enable no-loop-func */
+
+				// The final step of a "hide" animation is actually hiding the element
+				if ( !hidden ) {
+					showHide( [ elem ] );
+				}
+				dataPriv.remove( elem, "fxshow" );
+				for ( prop in orig ) {
+					jQuery.style( elem, prop, orig[ prop ] );
+				}
+			} );
+		}
+
+		// Per-property setup
+		propTween = createTween( hidden ? dataShow[ prop ] : 0, prop, anim );
+		if ( !( prop in dataShow ) ) {
+			dataShow[ prop ] = propTween.start;
+			if ( hidden ) {
+				propTween.end = propTween.start;
+				propTween.start = 0;
+			}
+		}
+	}
+}
+
+function propFilter( props, specialEasing ) {
+	var index, name, easing, value, hooks;
+
+	// camelCase, specialEasing and expand cssHook pass
+	for ( index in props ) {
+		name = camelCase( index );
+		easing = specialEasing[ name ];
+		value = props[ index ];
+		if ( Array.isArray( value ) ) {
+			easing = value[ 1 ];
+			value = props[ index ] = value[ 0 ];
+		}
+
+		if ( index !== name ) {
+			props[ name ] = value;
+			delete props[ index ];
+		}
+
+		hooks = jQuery.cssHooks[ name ];
+		if ( hooks && "expand" in hooks ) {
+			value = hooks.expand( value );
+			delete props[ name ];
+
+			// Not quite $.extend, this won't overwrite existing keys.
+			// Reusing 'index' because we have the correct "name"
+			for ( index in value ) {
+				if ( !( index in props ) ) {
+					props[ index ] = value[ index ];
+					specialEasing[ index ] = easing;
+				}
+			}
+		} else {
+			specialEasing[ name ] = easing;
+		}
+	}
+}
+
+function Animation( elem, properties, options ) {
+	var result,
+		stopped,
+		index = 0,
+		length = Animation.prefilters.length,
+		deferred = jQuery.Deferred().always( function() {
+
+			// Don't match elem in the :animated selector
+			delete tick.elem;
+		} ),
+		tick = function() {
+			if ( stopped ) {
+				return false;
+			}
+			var currentTime = fxNow || createFxNow(),
+				remaining = Math.max( 0, animation.startTime + animation.duration - currentTime ),
+
+				// Support: Android 2.3 only
+				// Archaic crash bug won't allow us to use `1 - ( 0.5 || 0 )` (trac-12497)
+				temp = remaining / animation.duration || 0,
+				percent = 1 - temp,
+				index = 0,
+				length = animation.tweens.length;
+
+			for ( ; index < length; index++ ) {
+				animation.tweens[ index ].run( percent );
+			}
+
+			deferred.notifyWith( elem, [ animation, percent, remaining ] );
+
+			// If there's more to do, yield
+			if ( percent < 1 && length ) {
+				return remaining;
+			}
+
+			// If this was an empty animation, synthesize a final progress notification
+			if ( !length ) {
+				deferred.notifyWith( elem, [ animation, 1, 0 ] );
+			}
+
+			// Resolve the animation and report its conclusion
+			deferred.resolveWith( elem, [ animation ] );
+			return false;
+		},
+		animation = deferred.promise( {
+			elem: elem,
+			props: jQuery.extend( {}, properties ),
+			opts: jQuery.extend( true, {
+				specialEasing: {},
+				easing: jQuery.easing._default
+			}, options ),
+			originalProperties: properties,
+			originalOptions: options,
+			startTime: fxNow || createFxNow(),
+			duration: options.duration,
+			tweens: [],
+			createTween: function( prop, end ) {
+				var tween = jQuery.Tween( elem, animation.opts, prop, end,
+					animation.opts.specialEasing[ prop ] || animation.opts.easing );
+				animation.tweens.push( tween );
+				return tween;
+			},
+			stop: function( gotoEnd ) {
+				var index = 0,
+
+					// If we are going to the end, we want to run all the tweens
+					// otherwise we skip this part
+					length = gotoEnd ? animation.tweens.length : 0;
+				if ( stopped ) {
+					return this;
+				}
+				stopped = true;
+				for ( ; index < length; index++ ) {
+					animation.tweens[ index ].run( 1 );
+				}
+
+				// Resolve when we played the last frame; otherwise, reject
+				if ( gotoEnd ) {
+					deferred.notifyWith( elem, [ animation, 1, 0 ] );
+					deferred.resolveWith( elem, [ animation, gotoEnd ] );
+				} else {
+					deferred.rejectWith( elem, [ animation, gotoEnd ] );
+				}
+				return this;
+			}
+		} ),
+		props = animation.props;
+
+	propFilter( props, animation.opts.specialEasing );
+
+	for ( ; index < length; index++ ) {
+		result = Animation.prefilters[ index ].call( animation, elem, props, animation.opts );
+		if ( result ) {
+			if ( isFunction( result.stop ) ) {
+				jQuery._queueHooks( animation.elem, animation.opts.queue ).stop =
+					result.stop.bind( result );
+			}
+			return result;
+		}
+	}
+
+	jQuery.map( props, createTween, animation );
+
+	if ( isFunction( animation.opts.start ) ) {
+		animation.opts.start.call( elem, animation );
+	}
+
+	// Attach callbacks from options
+	animation
+		.progress( animation.opts.progress )
+		.done( animation.opts.done, animation.opts.complete )
+		.fail( animation.opts.fail )
+		.always( animation.opts.always );
+
+	jQuery.fx.timer(
+		jQuery.extend( tick, {
+			elem: elem,
+			anim: animation,
+			queue: animation.opts.queue
+		} )
+	);
+
+	return animation;
+}
+
+jQuery.Animation = jQuery.extend( Animation, {
+
+	tweeners: {
+		"*": [ function( prop, value ) {
+			var tween = this.createTween( prop, value );
+			adjustCSS( tween.elem, prop, rcssNum.exec( value ), tween );
+			return tween;
+		} ]
+	},
+
+	tweener: function( props, callback ) {
+		if ( isFunction( props ) ) {
+			callback = props;
+			props = [ "*" ];
+		} else {
+			props = props.match( rnothtmlwhite );
+		}
+
+		var prop,
+			index = 0,
+			length = props.length;
+
+		for ( ; index < length; index++ ) {
+			prop = props[ index ];
+			Animation.tweeners[ prop ] = Animation.tweeners[ prop ] || [];
+			Animation.tweeners[ prop ].unshift( callback );
+		}
+	},
+
+	prefilters: [ defaultPrefilter ],
+
+	prefilter: function( callback, prepend ) {
+		if ( prepend ) {
+			Animation.prefilters.unshift( callback );
+		} else {
+			Animation.prefilters.push( callback );
+		}
+	}
+} );
+
+jQuery.speed = function( speed, easing, fn ) {
+	var opt = speed && typeof speed === "object" ? jQuery.extend( {}, speed ) : {
+		complete: fn || !fn && easing ||
+			isFunction( speed ) && speed,
+		duration: speed,
+		easing: fn && easing || easing && !isFunction( easing ) && easing
+	};
+
+	// Go to the end state if fx are off
+	if ( jQuery.fx.off ) {
+		opt.duration = 0;
+
+	} else {
+		if ( typeof opt.duration !== "number" ) {
+			if ( opt.duration in jQuery.fx.speeds ) {
+				opt.duration = jQuery.fx.speeds[ opt.duration ];
+
+			} else {
+				opt.duration = jQuery.fx.speeds._default;
+			}
+		}
+	}
+
+	// Normalize opt.queue - true/undefined/null -> "fx"
+	if ( opt.queue == null || opt.queue === true ) {
+		opt.queue = "fx";
+	}
+
+	// Queueing
+	opt.old = opt.complete;
+
+	opt.complete = function() {
+		if ( isFunction( opt.old ) ) {
+			opt.old.call( this );
+		}
+
+		if ( opt.queue ) {
+			jQuery.dequeue( this, opt.queue );
+		}
+	};
+
+	return opt;
+};
+
+jQuery.fn.extend( {
+	fadeTo: function( speed, to, easing, callback ) {
+
+		// Show any hidden elements after setting opacity to 0
+		return this.filter( isHiddenWithinTree ).css( "opacity", 0 ).show()
+
+			// Animate to the value specified
+			.end().animate( { opacity: to }, speed, easing, callback );
+	},
+	animate: function( prop, speed, easing, callback ) {
+		var empty = jQuery.isEmptyObject( prop ),
+			optall = jQuery.speed( speed, easing, callback ),
+			doAnimation = function() {
+
+				// Operate on a copy of prop so per-property easing won't be lost
+				var anim = Animation( this, jQuery.extend( {}, prop ), optall );
+
+				// Empty animations, or finishing resolves immediately
+				if ( empty || dataPriv.get( this, "finish" ) ) {
+					anim.stop( true );
+				}
+			};
+
+		doAnimation.finish = doAnimation;
+
+		return empty || optall.queue === false ?
+			this.each( doAnimation ) :
+			this.queue( optall.queue, doAnimation );
+	},
+	stop: function( type, clearQueue, gotoEnd ) {
+		var stopQueue = function( hooks ) {
+			var stop = hooks.stop;
+			delete hooks.stop;
+			stop( gotoEnd );
+		};
+
+		if ( typeof type !== "string" ) {
+			gotoEnd = clearQueue;
+			clearQueue = type;
+			type = undefined;
+		}
+		if ( clearQueue ) {
+			this.queue( type || "fx", [] );
+		}
+
+		return this.each( function() {
+			var dequeue = true,
+				index = type != null && type + "queueHooks",
+				timers = jQuery.timers,
+				data = dataPriv.get( this );
+
+			if ( index ) {
+				if ( data[ index ] && data[ index ].stop ) {
+					stopQueue( data[ index ] );
+				}
+			} else {
+				for ( index in data ) {
+					if ( data[ index ] && data[ index ].stop && rrun.test( index ) ) {
+						stopQueue( data[ index ] );
+					}
+				}
+			}
+
+			for ( index = timers.length; index--; ) {
+				if ( timers[ index ].elem === this &&
+					( type == null || timers[ index ].queue === type ) ) {
+
+					timers[ index ].anim.stop( gotoEnd );
+					dequeue = false;
+					timers.splice( index, 1 );
+				}
+			}
+
+			// Start the next in the queue if the last step wasn't forced.
+			// Timers currently will call their complete callbacks, which
+			// will dequeue but only if they were gotoEnd.
+			if ( dequeue || !gotoEnd ) {
+				jQuery.dequeue( this, type );
+			}
+		} );
+	},
+	finish: function( type ) {
+		if ( type !== false ) {
+			type = type || "fx";
+		}
+		return this.each( function() {
+			var index,
+				data = dataPriv.get( this ),
+				queue = data[ type + "queue" ],
+				hooks = data[ type + "queueHooks" ],
+				timers = jQuery.timers,
+				length = queue ? queue.length : 0;
+
+			// Enable finishing flag on private data
+			data.finish = true;
+
+			// Empty the queue first
+			jQuery.queue( this, type, [] );
+
+			if ( hooks && hooks.stop ) {
+				hooks.stop.call( this, true );
+			}
+
+			// Look for any active animations, and finish them
+			for ( index = timers.length; index--; ) {
+				if ( timers[ index ].elem === this && timers[ index ].queue === type ) {
+					timers[ index ].anim.stop( true );
+					timers.splice( index, 1 );
+				}
+			}
+
+			// Look for any animations in the old queue and finish them
+			for ( index = 0; index < length; index++ ) {
+				if ( queue[ index ] && queue[ index ].finish ) {
+					queue[ index ].finish.call( this );
+				}
+			}
+
+			// Turn off finishing flag
+			delete data.finish;
+		} );
+	}
+} );
+
+jQuery.each( [ "toggle", "show", "hide" ], function( _i, name ) {
+	var cssFn = jQuery.fn[ name ];
+	jQuery.fn[ name ] = function( speed, easing, callback ) {
+		return speed == null || typeof speed === "boolean" ?
+			cssFn.apply( this, arguments ) :
+			this.animate( genFx( name, true ), speed, easing, callback );
+	};
+} );
+
+// Generate shortcuts for custom animations
+jQuery.each( {
+	slideDown: genFx( "show" ),
+	slideUp: genFx( "hide" ),
+	slideToggle: genFx( "toggle" ),
+	fadeIn: { opacity: "show" },
+	fadeOut: { opacity: "hide" },
+	fadeToggle: { opacity: "toggle" }
+}, function( name, props ) {
+	jQuery.fn[ name ] = function( speed, easing, callback ) {
+		return this.animate( props, speed, easing, callback );
+	};
+} );
+
+jQuery.timers = [];
+jQuery.fx.tick = function() {
+	var timer,
+		i = 0,
+		timers = jQuery.timers;
+
+	fxNow = Date.now();
+
+	for ( ; i < timers.length; i++ ) {
+		timer = timers[ i ];
+
+		// Run the timer and safely remove it when done (allowing for external removal)
+		if ( !timer() && timers[ i ] === timer ) {
+			timers.splice( i--, 1 );
+		}
+	}
+
+	if ( !timers.length ) {
+		jQuery.fx.stop();
+	}
+	fxNow = undefined;
+};
+
+jQuery.fx.timer = function( timer ) {
+	jQuery.timers.push( timer );
+	jQuery.fx.start();
+};
+
+jQuery.fx.interval = 13;
+jQuery.fx.start = function() {
+	if ( inProgress ) {
+		return;
+	}
+
+	inProgress = true;
+	schedule();
+};
+
+jQuery.fx.stop = function() {
+	inProgress = null;
+};
+
+jQuery.fx.speeds = {
+	slow: 600,
+	fast: 200,
+
+	// Default speed
+	_default: 400
+};
+
+
+// Based off of the plugin by Clint Helfers, with permission.
+jQuery.fn.delay = function( time, type ) {
+	time = jQuery.fx ? jQuery.fx.speeds[ time ] || time : time;
+	type = type || "fx";
+
+	return this.queue( type, function( next, hooks ) {
+		var timeout = window.setTimeout( next, time );
+		hooks.stop = function() {
+			window.clearTimeout( timeout );
+		};
+	} );
+};
+
+
+( function() {
+	var input = document.createElement( "input" ),
+		select = document.createElement( "select" ),
+		opt = select.appendChild( document.createElement( "option" ) );
+
+	input.type = "checkbox";
+
+	// Support: Android <=4.3 only
+	// Default value for a checkbox should be "on"
+	support.checkOn = input.value !== "";
+
+	// Support: IE <=11 only
+	// Must access selectedIndex to make default options select
+	support.optSelected = opt.selected;
+
+	// Support: IE <=11 only
+	// An input loses its value after becoming a radio
+	input = document.createElement( "input" );
+	input.value = "t";
+	input.type = "radio";
+	support.radioValue = input.value === "t";
+} )();
+
+
+var boolHook,
+	attrHandle = jQuery.expr.attrHandle;
+
+jQuery.fn.extend( {
+	attr: function( name, value ) {
+		return access( this, jQuery.attr, name, value, arguments.length > 1 );
+	},
+
+	removeAttr: function( name ) {
+		return this.each( function() {
+			jQuery.removeAttr( this, name );
+		} );
+	}
+} );
+
+jQuery.extend( {
+	attr: function( elem, name, value ) {
+		var ret, hooks,
+			nType = elem.nodeType;
+
+		// Don't get/set attributes on text, comment and attribute nodes
+		if ( nType === 3 || nType === 8 || nType === 2 ) {
+			return;
+		}
+
+		// Fallback to prop when attributes are not supported
+		if ( typeof elem.getAttribute === "undefined" ) {
+			return jQuery.prop( elem, name, value );
+		}
+
+		// Attribute hooks are determined by the lowercase version
+		// Grab necessary hook if one is defined
+		if ( nType !== 1 || !jQuery.isXMLDoc( elem ) ) {
+			hooks = jQuery.attrHooks[ name.toLowerCase() ] ||
+				( jQuery.expr.match.bool.test( name ) ? boolHook : undefined );
+		}
+
+		if ( value !== undefined ) {
+			if ( value === null ) {
+				jQuery.removeAttr( elem, name );
+				return;
+			}
+
+			if ( hooks && "set" in hooks &&
+				( ret = hooks.set( elem, value, name ) ) !== undefined ) {
+				return ret;
+			}
+
+			elem.setAttribute( name, value + "" );
+			return value;
+		}
+
+		if ( hooks && "get" in hooks && ( ret = hooks.get( elem, name ) ) !== null ) {
+			return ret;
+		}
+
+		ret = jQuery.find.attr( elem, name );
+
+		// Non-existent attributes return null, we normalize to undefined
+		return ret == null ? undefined : ret;
+	},
+
+	attrHooks: {
+		type: {
+			set: function( elem, value ) {
+				if ( !support.radioValue && value === "radio" &&
+					nodeName( elem, "input" ) ) {
+					var val = elem.value;
+					elem.setAttribute( "type", value );
+					if ( val ) {
+						elem.value = val;
+					}
+					return value;
+				}
+			}
+		}
+	},
+
+	removeAttr: function( elem, value ) {
+		var name,
+			i = 0,
+
+			// Attribute names can contain non-HTML whitespace characters
+			// https://html.spec.whatwg.org/multipage/syntax.html#attributes-2
+			attrNames = value && value.match( rnothtmlwhite );
+
+		if ( attrNames && elem.nodeType === 1 ) {
+			while ( ( name = attrNames[ i++ ] ) ) {
+				elem.removeAttribute( name );
+			}
+		}
+	}
+} );
+
+// Hooks for boolean attributes
+boolHook = {
+	set: function( elem, value, name ) {
+		if ( value === false ) {
+
+			// Remove boolean attributes when set to false
+			jQuery.removeAttr( elem, name );
+		} else {
+			elem.setAttribute( name, name );
+		}
+		return name;
+	}
+};
+
+jQuery.each( jQuery.expr.match.bool.source.match( /\w+/g ), function( _i, name ) {
+	var getter = attrHandle[ name ] || jQuery.find.attr;
+
+	attrHandle[ name ] = function( elem, name, isXML ) {
+		var ret, handle,
+			lowercaseName = name.toLowerCase();
+
+		if ( !isXML ) {
+
+			// Avoid an infinite loop by temporarily removing this function from the getter
+			handle = attrHandle[ lowercaseName ];
+			attrHandle[ lowercaseName ] = ret;
+			ret = getter( elem, name, isXML ) != null ?
+				lowercaseName :
+				null;
+			attrHandle[ lowercaseName ] = handle;
+		}
+		return ret;
+	};
+} );
+
+
+
+
+var rfocusable = /^(?:input|select|textarea|button)$/i,
+	rclickable = /^(?:a|area)$/i;
+
+jQuery.fn.extend( {
+	prop: function( name, value ) {
+		return access( this, jQuery.prop, name, value, arguments.length > 1 );
+	},
+
+	removeProp: function( name ) {
+		return this.each( function() {
+			delete this[ jQuery.propFix[ name ] || name ];
+		} );
+	}
+} );
+
+jQuery.extend( {
+	prop: function( elem, name, value ) {
+		var ret, hooks,
+			nType = elem.nodeType;
+
+		// Don't get/set properties on text, comment and attribute nodes
+		if ( nType === 3 || nType === 8 || nType === 2 ) {
+			return;
+		}
+
+		if ( nType !== 1 || !jQuery.isXMLDoc( elem ) ) {
+
+			// Fix name and attach hooks
+			name = jQuery.propFix[ name ] || name;
+			hooks = jQuery.propHooks[ name ];
+		}
+
+		if ( value !== undefined ) {
+			if ( hooks && "set" in hooks &&
+				( ret = hooks.set( elem, value, name ) ) !== undefined ) {
+				return ret;
+			}
+
+			return ( elem[ name ] = value );
+		}
+
+		if ( hooks && "get" in hooks && ( ret = hooks.get( elem, name ) ) !== null ) {
+			return ret;
+		}
+
+		return elem[ name ];
+	},
+
+	propHooks: {
+		tabIndex: {
+			get: function( elem ) {
+
+				// Support: IE <=9 - 11 only
+				// elem.tabIndex doesn't always return the
+				// correct value when it hasn't been explicitly set
+				// Use proper attribute retrieval (trac-12072)
+				var tabindex = jQuery.find.attr( elem, "tabindex" );
+
+				if ( tabindex ) {
+					return parseInt( tabindex, 10 );
+				}
+
+				if (
+					rfocusable.test( elem.nodeName ) ||
+					rclickable.test( elem.nodeName ) &&
+					elem.href
+				) {
+					return 0;
+				}
+
+				return -1;
+			}
+		}
+	},
+
+	propFix: {
+		"for": "htmlFor",
+		"class": "className"
+	}
+} );
+
+// Support: IE <=11 only
+// Accessing the selectedIndex property
+// forces the browser to respect setting selected
+// on the option
+// The getter ensures a default option is selected
+// when in an optgroup
+// eslint rule "no-unused-expressions" is disabled for this code
+// since it considers such accessions noop
+if ( !support.optSelected ) {
+	jQuery.propHooks.selected = {
+		get: function( elem ) {
+
+			/* eslint no-unused-expressions: "off" */
+
+			var parent = elem.parentNode;
+			if ( parent && parent.parentNode ) {
+				parent.parentNode.selectedIndex;
+			}
+			return null;
+		},
+		set: function( elem ) {
+
+			/* eslint no-unused-expressions: "off" */
+
+			var parent = elem.parentNode;
+			if ( parent ) {
+				parent.selectedIndex;
+
+				if ( parent.parentNode ) {
+					parent.parentNode.selectedIndex;
+				}
+			}
+		}
+	};
+}
+
+jQuery.each( [
+	"tabIndex",
+	"readOnly",
+	"maxLength",
+	"cellSpacing",
+	"cellPadding",
+	"rowSpan",
+	"colSpan",
+	"useMap",
+	"frameBorder",
+	"contentEditable"
+], function() {
+	jQuery.propFix[ this.toLowerCase() ] = this;
+} );
+
+
+
+
+	// Strip and collapse whitespace according to HTML spec
+	// https://infra.spec.whatwg.org/#strip-and-collapse-ascii-whitespace
+	function stripAndCollapse( value ) {
+		var tokens = value.match( rnothtmlwhite ) || [];
+		return tokens.join( " " );
+	}
+
+
+function getClass( elem ) {
+	return elem.getAttribute && elem.getAttribute( "class" ) || "";
+}
+
+function classesToArray( value ) {
+	if ( Array.isArray( value ) ) {
+		return value;
+	}
+	if ( typeof value === "string" ) {
+		return value.match( rnothtmlwhite ) || [];
+	}
+	return [];
+}
+
+jQuery.fn.extend( {
+	addClass: function( value ) {
+		var classNames, cur, curValue, className, i, finalValue;
+
+		if ( isFunction( value ) ) {
+			return this.each( function( j ) {
+				jQuery( this ).addClass( value.call( this, j, getClass( this ) ) );
+			} );
+		}
+
+		classNames = classesToArray( value );
+
+		if ( classNames.length ) {
+			return this.each( function() {
+				curValue = getClass( this );
+				cur = this.nodeType === 1 && ( " " + stripAndCollapse( curValue ) + " " );
+
+				if ( cur ) {
+					for ( i = 0; i < classNames.length; i++ ) {
+						className = classNames[ i ];
+						if ( cur.indexOf( " " + className + " " ) < 0 ) {
+							cur += className + " ";
+						}
+					}
+
+					// Only assign if different to avoid unneeded rendering.
+					finalValue = stripAndCollapse( cur );
+					if ( curValue !== finalValue ) {
+						this.setAttribute( "class", finalValue );
+					}
+				}
+			} );
+		}
+
+		return this;
+	},
+
+	removeClass: function( value ) {
+		var classNames, cur, curValue, className, i, finalValue;
+
+		if ( isFunction( value ) ) {
+			return this.each( function( j ) {
+				jQuery( this ).removeClass( value.call( this, j, getClass( this ) ) );
+			} );
+		}
+
+		if ( !arguments.length ) {
+			return this.attr( "class", "" );
+		}
+
+		classNames = classesToArray( value );
+
+		if ( classNames.length ) {
+			return this.each( function() {
+				curValue = getClass( this );
+
+				// This expression is here for better compressibility (see addClass)
+				cur = this.nodeType === 1 && ( " " + stripAndCollapse( curValue ) + " " );
+
+				if ( cur ) {
+					for ( i = 0; i < classNames.length; i++ ) {
+						className = classNames[ i ];
+
+						// Remove *all* instances
+						while ( cur.indexOf( " " + className + " " ) > -1 ) {
+							cur = cur.replace( " " + className + " ", " " );
+						}
+					}
+
+					// Only assign if different to avoid unneeded rendering.
+					finalValue = stripAndCollapse( cur );
+					if ( curValue !== finalValue ) {
+						this.setAttribute( "class", finalValue );
+					}
+				}
+			} );
+		}
+
+		return this;
+	},
+
+	toggleClass: function( value, stateVal ) {
+		var classNames, className, i, self,
+			type = typeof value,
+			isValidValue = type === "string" || Array.isArray( value );
+
+		if ( isFunction( value ) ) {
+			return this.each( function( i ) {
+				jQuery( this ).toggleClass(
+					value.call( this, i, getClass( this ), stateVal ),
+					stateVal
+				);
+			} );
+		}
+
+		if ( typeof stateVal === "boolean" && isValidValue ) {
+			return stateVal ? this.addClass( value ) : this.removeClass( value );
+		}
+
+		classNames = classesToArray( value );
+
+		return this.each( function() {
+			if ( isValidValue ) {
+
+				// Toggle individual class names
+				self = jQuery( this );
+
+				for ( i = 0; i < classNames.length; i++ ) {
+					className = classNames[ i ];
+
+					// Check each className given, space separated list
+					if ( self.hasClass( className ) ) {
+						self.removeClass( className );
+					} else {
+						self.addClass( className );
+					}
+				}
+
+			// Toggle whole class name
+			} else if ( value === undefined || type === "boolean" ) {
+				className = getClass( this );
+				if ( className ) {
+
+					// Store className if set
+					dataPriv.set( this, "__className__", className );
+				}
+
+				// If the element has a class name or if we're passed `false`,
+				// then remove the whole classname (if there was one, the above saved it).
+				// Otherwise bring back whatever was previously saved (if anything),
+				// falling back to the empty string if nothing was stored.
+				if ( this.setAttribute ) {
+					this.setAttribute( "class",
+						className || value === false ?
+							"" :
+							dataPriv.get( this, "__className__" ) || ""
+					);
+				}
+			}
+		} );
+	},
+
+	hasClass: function( selector ) {
+		var className, elem,
+			i = 0;
+
+		className = " " + selector + " ";
+		while ( ( elem = this[ i++ ] ) ) {
+			if ( elem.nodeType === 1 &&
+				( " " + stripAndCollapse( getClass( elem ) ) + " " ).indexOf( className ) > -1 ) {
+				return true;
+			}
+		}
+
+		return false;
+	}
+} );
+
+
+
+
+var rreturn = /\r/g;
+
+jQuery.fn.extend( {
+	val: function( value ) {
+		var hooks, ret, valueIsFunction,
+			elem = this[ 0 ];
+
+		if ( !arguments.length ) {
+			if ( elem ) {
+				hooks = jQuery.valHooks[ elem.type ] ||
+					jQuery.valHooks[ elem.nodeName.toLowerCase() ];
+
+				if ( hooks &&
+					"get" in hooks &&
+					( ret = hooks.get( elem, "value" ) ) !== undefined
+				) {
+					return ret;
+				}
+
+				ret = elem.value;
+
+				// Handle most common string cases
+				if ( typeof ret === "string" ) {
+					return ret.replace( rreturn, "" );
+				}
+
+				// Handle cases where value is null/undef or number
+				return ret == null ? "" : ret;
+			}
+
+			return;
+		}
+
+		valueIsFunction = isFunction( value );
+
+		return this.each( function( i ) {
+			var val;
+
+			if ( this.nodeType !== 1 ) {
+				return;
+			}
+
+			if ( valueIsFunction ) {
+				val = value.call( this, i, jQuery( this ).val() );
+			} else {
+				val = value;
+			}
+
+			// Treat null/undefined as ""; convert numbers to string
+			if ( val == null ) {
+				val = "";
+
+			} else if ( typeof val === "number" ) {
+				val += "";
+
+			} else if ( Array.isArray( val ) ) {
+				val = jQuery.map( val, function( value ) {
+					return value == null ? "" : value + "";
+				} );
+			}
+
+			hooks = jQuery.valHooks[ this.type ] || jQuery.valHooks[ this.nodeName.toLowerCase() ];
+
+			// If set returns undefined, fall back to normal setting
+			if ( !hooks || !( "set" in hooks ) || hooks.set( this, val, "value" ) === undefined ) {
+				this.value = val;
+			}
+		} );
+	}
+} );
+
+jQuery.extend( {
+	valHooks: {
+		option: {
+			get: function( elem ) {
+
+				var val = jQuery.find.attr( elem, "value" );
+				return val != null ?
+					val :
+
+					// Support: IE <=10 - 11 only
+					// option.text throws exceptions (trac-14686, trac-14858)
+					// Strip and collapse whitespace
+					// https://html.spec.whatwg.org/#strip-and-collapse-whitespace
+					stripAndCollapse( jQuery.text( elem ) );
+			}
+		},
+		select: {
+			get: function( elem ) {
+				var value, option, i,
+					options = elem.options,
+					index = elem.selectedIndex,
+					one = elem.type === "select-one",
+					values = one ? null : [],
+					max = one ? index + 1 : options.length;
+
+				if ( index < 0 ) {
+					i = max;
+
+				} else {
+					i = one ? index : 0;
+				}
+
+				// Loop through all the selected options
+				for ( ; i < max; i++ ) {
+					option = options[ i ];
+
+					// Support: IE <=9 only
+					// IE8-9 doesn't update selected after form reset (trac-2551)
+					if ( ( option.selected || i === index ) &&
+
+							// Don't return options that are disabled or in a disabled optgroup
+							!option.disabled &&
+							( !option.parentNode.disabled ||
+								!nodeName( option.parentNode, "optgroup" ) ) ) {
+
+						// Get the specific value for the option
+						value = jQuery( option ).val();
+
+						// We don't need an array for one selects
+						if ( one ) {
+							return value;
+						}
+
+						// Multi-Selects return an array
+						values.push( value );
+					}
+				}
+
+				return values;
+			},
+
+			set: function( elem, value ) {
+				var optionSet, option,
+					options = elem.options,
+					values = jQuery.makeArray( value ),
+					i = options.length;
+
+				while ( i-- ) {
+					option = options[ i ];
+
+					/* eslint-disable no-cond-assign */
+
+					if ( option.selected =
+						jQuery.inArray( jQuery.valHooks.option.get( option ), values ) > -1
+					) {
+						optionSet = true;
+					}
+
+					/* eslint-enable no-cond-assign */
+				}
+
+				// Force browsers to behave consistently when non-matching value is set
+				if ( !optionSet ) {
+					elem.selectedIndex = -1;
+				}
+				return values;
+			}
+		}
+	}
+} );
+
+// Radios and checkboxes getter/setter
+jQuery.each( [ "radio", "checkbox" ], function() {
+	jQuery.valHooks[ this ] = {
+		set: function( elem, value ) {
+			if ( Array.isArray( value ) ) {
+				return ( elem.checked = jQuery.inArray( jQuery( elem ).val(), value ) > -1 );
+			}
+		}
+	};
+	if ( !support.checkOn ) {
+		jQuery.valHooks[ this ].get = function( elem ) {
+			return elem.getAttribute( "value" ) === null ? "on" : elem.value;
+		};
+	}
+} );
+
+
+
+
+// Return jQuery for attributes-only inclusion
+var location = window.location;
+
+var nonce = { guid: Date.now() };
+
+var rquery = ( /\?/ );
+
+
+
+// Cross-browser xml parsing
+jQuery.parseXML = function( data ) {
+	var xml, parserErrorElem;
+	if ( !data || typeof data !== "string" ) {
+		return null;
+	}
+
+	// Support: IE 9 - 11 only
+	// IE throws on parseFromString with invalid input.
+	try {
+		xml = ( new window.DOMParser() ).parseFromString( data, "text/xml" );
+	} catch ( e ) {}
+
+	parserErrorElem = xml && xml.getElementsByTagName( "parsererror" )[ 0 ];
+	if ( !xml || parserErrorElem ) {
+		jQuery.error( "Invalid XML: " + (
+			parserErrorElem ?
+				jQuery.map( parserErrorElem.childNodes, function( el ) {
+					return el.textContent;
+				} ).join( "\n" ) :
+				data
+		) );
+	}
+	return xml;
+};
+
+
+var rfocusMorph = /^(?:focusinfocus|focusoutblur)$/,
+	stopPropagationCallback = function( e ) {
+		e.stopPropagation();
+	};
+
+jQuery.extend( jQuery.event, {
+
+	trigger: function( event, data, elem, onlyHandlers ) {
+
+		var i, cur, tmp, bubbleType, ontype, handle, special, lastElement,
+			eventPath = [ elem || document ],
+			type = hasOwn.call( event, "type" ) ? event.type : event,
+			namespaces = hasOwn.call( event, "namespace" ) ? event.namespace.split( "." ) : [];
+
+		cur = lastElement = tmp = elem = elem || document;
+
+		// Don't do events on text and comment nodes
+		if ( elem.nodeType === 3 || elem.nodeType === 8 ) {
+			return;
+		}
+
+		// focus/blur morphs to focusin/out; ensure we're not firing them right now
+		if ( rfocusMorph.test( type + jQuery.event.triggered ) ) {
+			return;
+		}
+
+		if ( type.indexOf( "." ) > -1 ) {
+
+			// Namespaced trigger; create a regexp to match event type in handle()
+			namespaces = type.split( "." );
+			type = namespaces.shift();
+			namespaces.sort();
+		}
+		ontype = type.indexOf( ":" ) < 0 && "on" + type;
+
+		// Caller can pass in a jQuery.Event object, Object, or just an event type string
+		event = event[ jQuery.expando ] ?
+			event :
+			new jQuery.Event( type, typeof event === "object" && event );
+
+		// Trigger bitmask: & 1 for native handlers; & 2 for jQuery (always true)
+		event.isTrigger = onlyHandlers ? 2 : 3;
+		event.namespace = namespaces.join( "." );
+		event.rnamespace = event.namespace ?
+			new RegExp( "(^|\\.)" + namespaces.join( "\\.(?:.*\\.|)" ) + "(\\.|$)" ) :
+			null;
+
+		// Clean up the event in case it is being reused
+		event.result = undefined;
+		if ( !event.target ) {
+			event.target = elem;
+		}
+
+		// Clone any incoming data and prepend the event, creating the handler arg list
+		data = data == null ?
+			[ event ] :
+			jQuery.makeArray( data, [ event ] );
+
+		// Allow special events to draw outside the lines
+		special = jQuery.event.special[ type ] || {};
+		if ( !onlyHandlers && special.trigger && special.trigger.apply( elem, data ) === false ) {
+			return;
+		}
+
+		// Determine event propagation path in advance, per W3C events spec (trac-9951)
+		// Bubble up to document, then to window; watch for a global ownerDocument var (trac-9724)
+		if ( !onlyHandlers && !special.noBubble && !isWindow( elem ) ) {
+
+			bubbleType = special.delegateType || type;
+			if ( !rfocusMorph.test( bubbleType + type ) ) {
+				cur = cur.parentNode;
+			}
+			for ( ; cur; cur = cur.parentNode ) {
+				eventPath.push( cur );
+				tmp = cur;
+			}
+
+			// Only add window if we got to document (e.g., not plain obj or detached DOM)
+			if ( tmp === ( elem.ownerDocument || document ) ) {
+				eventPath.push( tmp.defaultView || tmp.parentWindow || window );
+			}
+		}
+
+		// Fire handlers on the event path
+		i = 0;
+		while ( ( cur = eventPath[ i++ ] ) && !event.isPropagationStopped() ) {
+			lastElement = cur;
+			event.type = i > 1 ?
+				bubbleType :
+				special.bindType || type;
+
+			// jQuery handler
+			handle = ( dataPriv.get( cur, "events" ) || Object.create( null ) )[ event.type ] &&
+				dataPriv.get( cur, "handle" );
+			if ( handle ) {
+				handle.apply( cur, data );
+			}
+
+			// Native handler
+			handle = ontype && cur[ ontype ];
+			if ( handle && handle.apply && acceptData( cur ) ) {
+				event.result = handle.apply( cur, data );
+				if ( event.result === false ) {
+					event.preventDefault();
+				}
+			}
+		}
+		event.type = type;
+
+		// If nobody prevented the default action, do it now
+		if ( !onlyHandlers && !event.isDefaultPrevented() ) {
+
+			if ( ( !special._default ||
+				special._default.apply( eventPath.pop(), data ) === false ) &&
+				acceptData( elem ) ) {
+
+				// Call a native DOM method on the target with the same name as the event.
+				// Don't do default actions on window, that's where global variables be (trac-6170)
+				if ( ontype && isFunction( elem[ type ] ) && !isWindow( elem ) ) {
+
+					// Don't re-trigger an onFOO event when we call its FOO() method
+					tmp = elem[ ontype ];
+
+					if ( tmp ) {
+						elem[ ontype ] = null;
+					}
+
+					// Prevent re-triggering of the same event, since we already bubbled it above
+					jQuery.event.triggered = type;
+
+					if ( event.isPropagationStopped() ) {
+						lastElement.addEventListener( type, stopPropagationCallback );
+					}
+
+					elem[ type ]();
+
+					if ( event.isPropagationStopped() ) {
+						lastElement.removeEventListener( type, stopPropagationCallback );
+					}
+
+					jQuery.event.triggered = undefined;
+
+					if ( tmp ) {
+						elem[ ontype ] = tmp;
+					}
+				}
+			}
+		}
+
+		return event.result;
+	},
+
+	// Piggyback on a donor event to simulate a different one
+	// Used only for `focus(in | out)` events
+	simulate: function( type, elem, event ) {
+		var e = jQuery.extend(
+			new jQuery.Event(),
+			event,
+			{
+				type: type,
+				isSimulated: true
+			}
+		);
+
+		jQuery.event.trigger( e, null, elem );
+	}
+
+} );
+
+jQuery.fn.extend( {
+
+	trigger: function( type, data ) {
+		return this.each( function() {
+			jQuery.event.trigger( type, data, this );
+		} );
+	},
+	triggerHandler: function( type, data ) {
+		var elem = this[ 0 ];
+		if ( elem ) {
+			return jQuery.event.trigger( type, data, elem, true );
+		}
+	}
+} );
+
+
+var
+	rbracket = /\[\]$/,
+	rCRLF = /\r?\n/g,
+	rsubmitterTypes = /^(?:submit|button|image|reset|file)$/i,
+	rsubmittable = /^(?:input|select|textarea|keygen)/i;
+
+function buildParams( prefix, obj, traditional, add ) {
+	var name;
+
+	if ( Array.isArray( obj ) ) {
+
+		// Serialize array item.
+		jQuery.each( obj, function( i, v ) {
+			if ( traditional || rbracket.test( prefix ) ) {
+
+				// Treat each array item as a scalar.
+				add( prefix, v );
+
+			} else {
+
+				// Item is non-scalar (array or object), encode its numeric index.
+				buildParams(
+					prefix + "[" + ( typeof v === "object" && v != null ? i : "" ) + "]",
+					v,
+					traditional,
+					add
+				);
+			}
+		} );
+
+	} else if ( !traditional && toType( obj ) === "object" ) {
+
+		// Serialize object item.
+		for ( name in obj ) {
+			buildParams( prefix + "[" + name + "]", obj[ name ], traditional, add );
+		}
+
+	} else {
+
+		// Serialize scalar item.
+		add( prefix, obj );
+	}
+}
+
+// Serialize an array of form elements or a set of
+// key/values into a query string
+jQuery.param = function( a, traditional ) {
+	var prefix,
+		s = [],
+		add = function( key, valueOrFunction ) {
+
+			// If value is a function, invoke it and use its return value
+			var value = isFunction( valueOrFunction ) ?
+				valueOrFunction() :
+				valueOrFunction;
+
+			s[ s.length ] = encodeURIComponent( key ) + "=" +
+				encodeURIComponent( value == null ? "" : value );
+		};
+
+	if ( a == null ) {
+		return "";
+	}
+
+	// If an array was passed in, assume that it is an array of form elements.
+	if ( Array.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) {
+
+		// Serialize the form elements
+		jQuery.each( a, function() {
+			add( this.name, this.value );
+		} );
+
+	} else {
+
+		// If traditional, encode the "old" way (the way 1.3.2 or older
+		// did it), otherwise encode params recursively.
+		for ( prefix in a ) {
+			buildParams( prefix, a[ prefix ], traditional, add );
+		}
+	}
+
+	// Return the resulting serialization
+	return s.join( "&" );
+};
+
+jQuery.fn.extend( {
+	serialize: function() {
+		return jQuery.param( this.serializeArray() );
+	},
+	serializeArray: function() {
+		return this.map( function() {
+
+			// Can add propHook for "elements" to filter or add form elements
+			var elements = jQuery.prop( this, "elements" );
+			return elements ? jQuery.makeArray( elements ) : this;
+		} ).filter( function() {
+			var type = this.type;
+
+			// Use .is( ":disabled" ) so that fieldset[disabled] works
+			return this.name && !jQuery( this ).is( ":disabled" ) &&
+				rsubmittable.test( this.nodeName ) && !rsubmitterTypes.test( type ) &&
+				( this.checked || !rcheckableType.test( type ) );
+		} ).map( function( _i, elem ) {
+			var val = jQuery( this ).val();
+
+			if ( val == null ) {
+				return null;
+			}
+
+			if ( Array.isArray( val ) ) {
+				return jQuery.map( val, function( val ) {
+					return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
+				} );
+			}
+
+			return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
+		} ).get();
+	}
+} );
+
+
+var
+	r20 = /%20/g,
+	rhash = /#.*$/,
+	rantiCache = /([?&])_=[^&]*/,
+	rheaders = /^(.*?):[ \t]*([^\r\n]*)$/mg,
+
+	// trac-7653, trac-8125, trac-8152: local protocol detection
+	rlocalProtocol = /^(?:about|app|app-storage|.+-extension|file|res|widget):$/,
+	rnoContent = /^(?:GET|HEAD)$/,
+	rprotocol = /^\/\//,
+
+	/* Prefilters
+	 * 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example)
+	 * 2) These are called:
+	 *    - BEFORE asking for a transport
+	 *    - AFTER param serialization (s.data is a string if s.processData is true)
+	 * 3) key is the dataType
+	 * 4) the catchall symbol "*" can be used
+	 * 5) execution will start with transport dataType and THEN continue down to "*" if needed
+	 */
+	prefilters = {},
+
+	/* Transports bindings
+	 * 1) key is the dataType
+	 * 2) the catchall symbol "*" can be used
+	 * 3) selection will start with transport dataType and THEN go to "*" if needed
+	 */
+	transports = {},
+
+	// Avoid comment-prolog char sequence (trac-10098); must appease lint and evade compression
+	allTypes = "*/".concat( "*" ),
+
+	// Anchor tag for parsing the document origin
+	originAnchor = document.createElement( "a" );
+
+originAnchor.href = location.href;
+
+// Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport
+function addToPrefiltersOrTransports( structure ) {
+
+	// dataTypeExpression is optional and defaults to "*"
+	return function( dataTypeExpression, func ) {
+
+		if ( typeof dataTypeExpression !== "string" ) {
+			func = dataTypeExpression;
+			dataTypeExpression = "*";
+		}
+
+		var dataType,
+			i = 0,
+			dataTypes = dataTypeExpression.toLowerCase().match( rnothtmlwhite ) || [];
+
+		if ( isFunction( func ) ) {
+
+			// For each dataType in the dataTypeExpression
+			while ( ( dataType = dataTypes[ i++ ] ) ) {
+
+				// Prepend if requested
+				if ( dataType[ 0 ] === "+" ) {
+					dataType = dataType.slice( 1 ) || "*";
+					( structure[ dataType ] = structure[ dataType ] || [] ).unshift( func );
+
+				// Otherwise append
+				} else {
+					( structure[ dataType ] = structure[ dataType ] || [] ).push( func );
+				}
+			}
+		}
+	};
+}
+
+// Base inspection function for prefilters and transports
+function inspectPrefiltersOrTransports( structure, options, originalOptions, jqXHR ) {
+
+	var inspected = {},
+		seekingTransport = ( structure === transports );
+
+	function inspect( dataType ) {
+		var selected;
+		inspected[ dataType ] = true;
+		jQuery.each( structure[ dataType ] || [], function( _, prefilterOrFactory ) {
+			var dataTypeOrTransport = prefilterOrFactory( options, originalOptions, jqXHR );
+			if ( typeof dataTypeOrTransport === "string" &&
+				!seekingTransport && !inspected[ dataTypeOrTransport ] ) {
+
+				options.dataTypes.unshift( dataTypeOrTransport );
+				inspect( dataTypeOrTransport );
+				return false;
+			} else if ( seekingTransport ) {
+				return !( selected = dataTypeOrTransport );
+			}
+		} );
+		return selected;
+	}
+
+	return inspect( options.dataTypes[ 0 ] ) || !inspected[ "*" ] && inspect( "*" );
+}
+
+// A special extend for ajax options
+// that takes "flat" options (not to be deep extended)
+// Fixes trac-9887
+function ajaxExtend( target, src ) {
+	var key, deep,
+		flatOptions = jQuery.ajaxSettings.flatOptions || {};
+
+	for ( key in src ) {
+		if ( src[ key ] !== undefined ) {
+			( flatOptions[ key ] ? target : ( deep || ( deep = {} ) ) )[ key ] = src[ key ];
+		}
+	}
+	if ( deep ) {
+		jQuery.extend( true, target, deep );
+	}
+
+	return target;
+}
+
+/* Handles responses to an ajax request:
+ * - finds the right dataType (mediates between content-type and expected dataType)
+ * - returns the corresponding response
+ */
+function ajaxHandleResponses( s, jqXHR, responses ) {
+
+	var ct, type, finalDataType, firstDataType,
+		contents = s.contents,
+		dataTypes = s.dataTypes;
+
+	// Remove auto dataType and get content-type in the process
+	while ( dataTypes[ 0 ] === "*" ) {
+		dataTypes.shift();
+		if ( ct === undefined ) {
+			ct = s.mimeType || jqXHR.getResponseHeader( "Content-Type" );
+		}
+	}
+
+	// Check if we're dealing with a known content-type
+	if ( ct ) {
+		for ( type in contents ) {
+			if ( contents[ type ] && contents[ type ].test( ct ) ) {
+				dataTypes.unshift( type );
+				break;
+			}
+		}
+	}
+
+	// Check to see if we have a response for the expected dataType
+	if ( dataTypes[ 0 ] in responses ) {
+		finalDataType = dataTypes[ 0 ];
+	} else {
+
+		// Try convertible dataTypes
+		for ( type in responses ) {
+			if ( !dataTypes[ 0 ] || s.converters[ type + " " + dataTypes[ 0 ] ] ) {
+				finalDataType = type;
+				break;
+			}
+			if ( !firstDataType ) {
+				firstDataType = type;
+			}
+		}
+
+		// Or just use first one
+		finalDataType = finalDataType || firstDataType;
+	}
+
+	// If we found a dataType
+	// We add the dataType to the list if needed
+	// and return the corresponding response
+	if ( finalDataType ) {
+		if ( finalDataType !== dataTypes[ 0 ] ) {
+			dataTypes.unshift( finalDataType );
+		}
+		return responses[ finalDataType ];
+	}
+}
+
+/* Chain conversions given the request and the original response
+ * Also sets the responseXXX fields on the jqXHR instance
+ */
+function ajaxConvert( s, response, jqXHR, isSuccess ) {
+	var conv2, current, conv, tmp, prev,
+		converters = {},
+
+		// Work with a copy of dataTypes in case we need to modify it for conversion
+		dataTypes = s.dataTypes.slice();
+
+	// Create converters map with lowercased keys
+	if ( dataTypes[ 1 ] ) {
+		for ( conv in s.converters ) {
+			converters[ conv.toLowerCase() ] = s.converters[ conv ];
+		}
+	}
+
+	current = dataTypes.shift();
+
+	// Convert to each sequential dataType
+	while ( current ) {
+
+		if ( s.responseFields[ current ] ) {
+			jqXHR[ s.responseFields[ current ] ] = response;
+		}
+
+		// Apply the dataFilter if provided
+		if ( !prev && isSuccess && s.dataFilter ) {
+			response = s.dataFilter( response, s.dataType );
+		}
+
+		prev = current;
+		current = dataTypes.shift();
+
+		if ( current ) {
+
+			// There's only work to do if current dataType is non-auto
+			if ( current === "*" ) {
+
+				current = prev;
+
+			// Convert response if prev dataType is non-auto and differs from current
+			} else if ( prev !== "*" && prev !== current ) {
+
+				// Seek a direct converter
+				conv = converters[ prev + " " + current ] || converters[ "* " + current ];
+
+				// If none found, seek a pair
+				if ( !conv ) {
+					for ( conv2 in converters ) {
+
+						// If conv2 outputs current
+						tmp = conv2.split( " " );
+						if ( tmp[ 1 ] === current ) {
+
+							// If prev can be converted to accepted input
+							conv = converters[ prev + " " + tmp[ 0 ] ] ||
+								converters[ "* " + tmp[ 0 ] ];
+							if ( conv ) {
+
+								// Condense equivalence converters
+								if ( conv === true ) {
+									conv = converters[ conv2 ];
+
+								// Otherwise, insert the intermediate dataType
+								} else if ( converters[ conv2 ] !== true ) {
+									current = tmp[ 0 ];
+									dataTypes.unshift( tmp[ 1 ] );
+								}
+								break;
+							}
+						}
+					}
+				}
+
+				// Apply converter (if not an equivalence)
+				if ( conv !== true ) {
+
+					// Unless errors are allowed to bubble, catch and return them
+					if ( conv && s.throws ) {
+						response = conv( response );
+					} else {
+						try {
+							response = conv( response );
+						} catch ( e ) {
+							return {
+								state: "parsererror",
+								error: conv ? e : "No conversion from " + prev + " to " + current
+							};
+						}
+					}
+				}
+			}
+		}
+	}
+
+	return { state: "success", data: response };
+}
+
+jQuery.extend( {
+
+	// Counter for holding the number of active queries
+	active: 0,
+
+	// Last-Modified header cache for next request
+	lastModified: {},
+	etag: {},
+
+	ajaxSettings: {
+		url: location.href,
+		type: "GET",
+		isLocal: rlocalProtocol.test( location.protocol ),
+		global: true,
+		processData: true,
+		async: true,
+		contentType: "application/x-www-form-urlencoded; charset=UTF-8",
+
+		/*
+		timeout: 0,
+		data: null,
+		dataType: null,
+		username: null,
+		password: null,
+		cache: null,
+		throws: false,
+		traditional: false,
+		headers: {},
+		*/
+
+		accepts: {
+			"*": allTypes,
+			text: "text/plain",
+			html: "text/html",
+			xml: "application/xml, text/xml",
+			json: "application/json, text/javascript"
+		},
+
+		contents: {
+			xml: /\bxml\b/,
+			html: /\bhtml/,
+			json: /\bjson\b/
+		},
+
+		responseFields: {
+			xml: "responseXML",
+			text: "responseText",
+			json: "responseJSON"
+		},
+
+		// Data converters
+		// Keys separate source (or catchall "*") and destination types with a single space
+		converters: {
+
+			// Convert anything to text
+			"* text": String,
+
+			// Text to html (true = no transformation)
+			"text html": true,
+
+			// Evaluate text as a json expression
+			"text json": JSON.parse,
+
+			// Parse text as xml
+			"text xml": jQuery.parseXML
+		},
+
+		// For options that shouldn't be deep extended:
+		// you can add your own custom options here if
+		// and when you create one that shouldn't be
+		// deep extended (see ajaxExtend)
+		flatOptions: {
+			url: true,
+			context: true
+		}
+	},
+
+	// Creates a full fledged settings object into target
+	// with both ajaxSettings and settings fields.
+	// If target is omitted, writes into ajaxSettings.
+	ajaxSetup: function( target, settings ) {
+		return settings ?
+
+			// Building a settings object
+			ajaxExtend( ajaxExtend( target, jQuery.ajaxSettings ), settings ) :
+
+			// Extending ajaxSettings
+			ajaxExtend( jQuery.ajaxSettings, target );
+	},
+
+	ajaxPrefilter: addToPrefiltersOrTransports( prefilters ),
+	ajaxTransport: addToPrefiltersOrTransports( transports ),
+
+	// Main method
+	ajax: function( url, options ) {
+
+		// If url is an object, simulate pre-1.5 signature
+		if ( typeof url === "object" ) {
+			options = url;
+			url = undefined;
+		}
+
+		// Force options to be an object
+		options = options || {};
+
+		var transport,
+
+			// URL without anti-cache param
+			cacheURL,
+
+			// Response headers
+			responseHeadersString,
+			responseHeaders,
+
+			// timeout handle
+			timeoutTimer,
+
+			// Url cleanup var
+			urlAnchor,
+
+			// Request state (becomes false upon send and true upon completion)
+			completed,
+
+			// To know if global events are to be dispatched
+			fireGlobals,
+
+			// Loop variable
+			i,
+
+			// uncached part of the url
+			uncached,
+
+			// Create the final options object
+			s = jQuery.ajaxSetup( {}, options ),
+
+			// Callbacks context
+			callbackContext = s.context || s,
+
+			// Context for global events is callbackContext if it is a DOM node or jQuery collection
+			globalEventContext = s.context &&
+				( callbackContext.nodeType || callbackContext.jquery ) ?
+				jQuery( callbackContext ) :
+				jQuery.event,
+
+			// Deferreds
+			deferred = jQuery.Deferred(),
+			completeDeferred = jQuery.Callbacks( "once memory" ),
+
+			// Status-dependent callbacks
+			statusCode = s.statusCode || {},
+
+			// Headers (they are sent all at once)
+			requestHeaders = {},
+			requestHeadersNames = {},
+
+			// Default abort message
+			strAbort = "canceled",
+
+			// Fake xhr
+			jqXHR = {
+				readyState: 0,
+
+				// Builds headers hashtable if needed
+				getResponseHeader: function( key ) {
+					var match;
+					if ( completed ) {
+						if ( !responseHeaders ) {
+							responseHeaders = {};
+							while ( ( match = rheaders.exec( responseHeadersString ) ) ) {
+								responseHeaders[ match[ 1 ].toLowerCase() + " " ] =
+									( responseHeaders[ match[ 1 ].toLowerCase() + " " ] || [] )
+										.concat( match[ 2 ] );
+							}
+						}
+						match = responseHeaders[ key.toLowerCase() + " " ];
+					}
+					return match == null ? null : match.join( ", " );
+				},
+
+				// Raw string
+				getAllResponseHeaders: function() {
+					return completed ? responseHeadersString : null;
+				},
+
+				// Caches the header
+				setRequestHeader: function( name, value ) {
+					if ( completed == null ) {
+						name = requestHeadersNames[ name.toLowerCase() ] =
+							requestHeadersNames[ name.toLowerCase() ] || name;
+						requestHeaders[ name ] = value;
+					}
+					return this;
+				},
+
+				// Overrides response content-type header
+				overrideMimeType: function( type ) {
+					if ( completed == null ) {
+						s.mimeType = type;
+					}
+					return this;
+				},
+
+				// Status-dependent callbacks
+				statusCode: function( map ) {
+					var code;
+					if ( map ) {
+						if ( completed ) {
+
+							// Execute the appropriate callbacks
+							jqXHR.always( map[ jqXHR.status ] );
+						} else {
+
+							// Lazy-add the new callbacks in a way that preserves old ones
+							for ( code in map ) {
+								statusCode[ code ] = [ statusCode[ code ], map[ code ] ];
+							}
+						}
+					}
+					return this;
+				},
+
+				// Cancel the request
+				abort: function( statusText ) {
+					var finalText = statusText || strAbort;
+					if ( transport ) {
+						transport.abort( finalText );
+					}
+					done( 0, finalText );
+					return this;
+				}
+			};
+
+		// Attach deferreds
+		deferred.promise( jqXHR );
+
+		// Add protocol if not provided (prefilters might expect it)
+		// Handle falsy url in the settings object (trac-10093: consistency with old signature)
+		// We also use the url parameter if available
+		s.url = ( ( url || s.url || location.href ) + "" )
+			.replace( rprotocol, location.protocol + "//" );
+
+		// Alias method option to type as per ticket trac-12004
+		s.type = options.method || options.type || s.method || s.type;
+
+		// Extract dataTypes list
+		s.dataTypes = ( s.dataType || "*" ).toLowerCase().match( rnothtmlwhite ) || [ "" ];
+
+		// A cross-domain request is in order when the origin doesn't match the current origin.
+		if ( s.crossDomain == null ) {
+			urlAnchor = document.createElement( "a" );
+
+			// Support: IE <=8 - 11, Edge 12 - 15
+			// IE throws exception on accessing the href property if url is malformed,
+			// e.g. http://example.com:80x/
+			try {
+				urlAnchor.href = s.url;
+
+				// Support: IE <=8 - 11 only
+				// Anchor's host property isn't correctly set when s.url is relative
+				urlAnchor.href = urlAnchor.href;
+				s.crossDomain = originAnchor.protocol + "//" + originAnchor.host !==
+					urlAnchor.protocol + "//" + urlAnchor.host;
+			} catch ( e ) {
+
+				// If there is an error parsing the URL, assume it is crossDomain,
+				// it can be rejected by the transport if it is invalid
+				s.crossDomain = true;
+			}
+		}
+
+		// Convert data if not already a string
+		if ( s.data && s.processData && typeof s.data !== "string" ) {
+			s.data = jQuery.param( s.data, s.traditional );
+		}
+
+		// Apply prefilters
+		inspectPrefiltersOrTransports( prefilters, s, options, jqXHR );
+
+		// If request was aborted inside a prefilter, stop there
+		if ( completed ) {
+			return jqXHR;
+		}
+
+		// We can fire global events as of now if asked to
+		// Don't fire events if jQuery.event is undefined in an AMD-usage scenario (trac-15118)
+		fireGlobals = jQuery.event && s.global;
+
+		// Watch for a new set of requests
+		if ( fireGlobals && jQuery.active++ === 0 ) {
+			jQuery.event.trigger( "ajaxStart" );
+		}
+
+		// Uppercase the type
+		s.type = s.type.toUpperCase();
+
+		// Determine if request has content
+		s.hasContent = !rnoContent.test( s.type );
+
+		// Save the URL in case we're toying with the If-Modified-Since
+		// and/or If-None-Match header later on
+		// Remove hash to simplify url manipulation
+		cacheURL = s.url.replace( rhash, "" );
+
+		// More options handling for requests with no content
+		if ( !s.hasContent ) {
+
+			// Remember the hash so we can put it back
+			uncached = s.url.slice( cacheURL.length );
+
+			// If data is available and should be processed, append data to url
+			if ( s.data && ( s.processData || typeof s.data === "string" ) ) {
+				cacheURL += ( rquery.test( cacheURL ) ? "&" : "?" ) + s.data;
+
+				// trac-9682: remove data so that it's not used in an eventual retry
+				delete s.data;
+			}
+
+			// Add or update anti-cache param if needed
+			if ( s.cache === false ) {
+				cacheURL = cacheURL.replace( rantiCache, "$1" );
+				uncached = ( rquery.test( cacheURL ) ? "&" : "?" ) + "_=" + ( nonce.guid++ ) +
+					uncached;
+			}
+
+			// Put hash and anti-cache on the URL that will be requested (gh-1732)
+			s.url = cacheURL + uncached;
+
+		// Change '%20' to '+' if this is encoded form body content (gh-2658)
+		} else if ( s.data && s.processData &&
+			( s.contentType || "" ).indexOf( "application/x-www-form-urlencoded" ) === 0 ) {
+			s.data = s.data.replace( r20, "+" );
+		}
+
+		// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
+		if ( s.ifModified ) {
+			if ( jQuery.lastModified[ cacheURL ] ) {
+				jqXHR.setRequestHeader( "If-Modified-Since", jQuery.lastModified[ cacheURL ] );
+			}
+			if ( jQuery.etag[ cacheURL ] ) {
+				jqXHR.setRequestHeader( "If-None-Match", jQuery.etag[ cacheURL ] );
+			}
+		}
+
+		// Set the correct header, if data is being sent
+		if ( s.data && s.hasContent && s.contentType !== false || options.contentType ) {
+			jqXHR.setRequestHeader( "Content-Type", s.contentType );
+		}
+
+		// Set the Accepts header for the server, depending on the dataType
+		jqXHR.setRequestHeader(
+			"Accept",
+			s.dataTypes[ 0 ] && s.accepts[ s.dataTypes[ 0 ] ] ?
+				s.accepts[ s.dataTypes[ 0 ] ] +
+					( s.dataTypes[ 0 ] !== "*" ? ", " + allTypes + "; q=0.01" : "" ) :
+				s.accepts[ "*" ]
+		);
+
+		// Check for headers option
+		for ( i in s.headers ) {
+			jqXHR.setRequestHeader( i, s.headers[ i ] );
+		}
+
+		// Allow custom headers/mimetypes and early abort
+		if ( s.beforeSend &&
+			( s.beforeSend.call( callbackContext, jqXHR, s ) === false || completed ) ) {
+
+			// Abort if not done already and return
+			return jqXHR.abort();
+		}
+
+		// Aborting is no longer a cancellation
+		strAbort = "abort";
+
+		// Install callbacks on deferreds
+		completeDeferred.add( s.complete );
+		jqXHR.done( s.success );
+		jqXHR.fail( s.error );
+
+		// Get transport
+		transport = inspectPrefiltersOrTransports( transports, s, options, jqXHR );
+
+		// If no transport, we auto-abort
+		if ( !transport ) {
+			done( -1, "No Transport" );
+		} else {
+			jqXHR.readyState = 1;
+
+			// Send global event
+			if ( fireGlobals ) {
+				globalEventContext.trigger( "ajaxSend", [ jqXHR, s ] );
+			}
+
+			// If request was aborted inside ajaxSend, stop there
+			if ( completed ) {
+				return jqXHR;
+			}
+
+			// Timeout
+			if ( s.async && s.timeout > 0 ) {
+				timeoutTimer = window.setTimeout( function() {
+					jqXHR.abort( "timeout" );
+				}, s.timeout );
+			}
+
+			try {
+				completed = false;
+				transport.send( requestHeaders, done );
+			} catch ( e ) {
+
+				// Rethrow post-completion exceptions
+				if ( completed ) {
+					throw e;
+				}
+
+				// Propagate others as results
+				done( -1, e );
+			}
+		}
+
+		// Callback for when everything is done
+		function done( status, nativeStatusText, responses, headers ) {
+			var isSuccess, success, error, response, modified,
+				statusText = nativeStatusText;
+
+			// Ignore repeat invocations
+			if ( completed ) {
+				return;
+			}
+
+			completed = true;
+
+			// Clear timeout if it exists
+			if ( timeoutTimer ) {
+				window.clearTimeout( timeoutTimer );
+			}
+
+			// Dereference transport for early garbage collection
+			// (no matter how long the jqXHR object will be used)
+			transport = undefined;
+
+			// Cache response headers
+			responseHeadersString = headers || "";
+
+			// Set readyState
+			jqXHR.readyState = status > 0 ? 4 : 0;
+
+			// Determine if successful
+			isSuccess = status >= 200 && status < 300 || status === 304;
+
+			// Get response data
+			if ( responses ) {
+				response = ajaxHandleResponses( s, jqXHR, responses );
+			}
+
+			// Use a noop converter for missing script but not if jsonp
+			if ( !isSuccess &&
+				jQuery.inArray( "script", s.dataTypes ) > -1 &&
+				jQuery.inArray( "json", s.dataTypes ) < 0 ) {
+				s.converters[ "text script" ] = function() {};
+			}
+
+			// Convert no matter what (that way responseXXX fields are always set)
+			response = ajaxConvert( s, response, jqXHR, isSuccess );
+
+			// If successful, handle type chaining
+			if ( isSuccess ) {
+
+				// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
+				if ( s.ifModified ) {
+					modified = jqXHR.getResponseHeader( "Last-Modified" );
+					if ( modified ) {
+						jQuery.lastModified[ cacheURL ] = modified;
+					}
+					modified = jqXHR.getResponseHeader( "etag" );
+					if ( modified ) {
+						jQuery.etag[ cacheURL ] = modified;
+					}
+				}
+
+				// if no content
+				if ( status === 204 || s.type === "HEAD" ) {
+					statusText = "nocontent";
+
+				// if not modified
+				} else if ( status === 304 ) {
+					statusText = "notmodified";
+
+				// If we have data, let's convert it
+				} else {
+					statusText = response.state;
+					success = response.data;
+					error = response.error;
+					isSuccess = !error;
+				}
+			} else {
+
+				// Extract error from statusText and normalize for non-aborts
+				error = statusText;
+				if ( status || !statusText ) {
+					statusText = "error";
+					if ( status < 0 ) {
+						status = 0;
+					}
+				}
+			}
+
+			// Set data for the fake xhr object
+			jqXHR.status = status;
+			jqXHR.statusText = ( nativeStatusText || statusText ) + "";
+
+			// Success/Error
+			if ( isSuccess ) {
+				deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] );
+			} else {
+				deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] );
+			}
+
+			// Status-dependent callbacks
+			jqXHR.statusCode( statusCode );
+			statusCode = undefined;
+
+			if ( fireGlobals ) {
+				globalEventContext.trigger( isSuccess ? "ajaxSuccess" : "ajaxError",
+					[ jqXHR, s, isSuccess ? success : error ] );
+			}
+
+			// Complete
+			completeDeferred.fireWith( callbackContext, [ jqXHR, statusText ] );
+
+			if ( fireGlobals ) {
+				globalEventContext.trigger( "ajaxComplete", [ jqXHR, s ] );
+
+				// Handle the global AJAX counter
+				if ( !( --jQuery.active ) ) {
+					jQuery.event.trigger( "ajaxStop" );
+				}
+			}
+		}
+
+		return jqXHR;
+	},
+
+	getJSON: function( url, data, callback ) {
+		return jQuery.get( url, data, callback, "json" );
+	},
+
+	getScript: function( url, callback ) {
+		return jQuery.get( url, undefined, callback, "script" );
+	}
+} );
+
+jQuery.each( [ "get", "post" ], function( _i, method ) {
+	jQuery[ method ] = function( url, data, callback, type ) {
+
+		// Shift arguments if data argument was omitted
+		if ( isFunction( data ) ) {
+			type = type || callback;
+			callback = data;
+			data = undefined;
+		}
+
+		// The url can be an options object (which then must have .url)
+		return jQuery.ajax( jQuery.extend( {
+			url: url,
+			type: method,
+			dataType: type,
+			data: data,
+			success: callback
+		}, jQuery.isPlainObject( url ) && url ) );
+	};
+} );
+
+jQuery.ajaxPrefilter( function( s ) {
+	var i;
+	for ( i in s.headers ) {
+		if ( i.toLowerCase() === "content-type" ) {
+			s.contentType = s.headers[ i ] || "";
+		}
+	}
+} );
+
+
+jQuery._evalUrl = function( url, options, doc ) {
+	return jQuery.ajax( {
+		url: url,
+
+		// Make this explicit, since user can override this through ajaxSetup (trac-11264)
+		type: "GET",
+		dataType: "script",
+		cache: true,
+		async: false,
+		global: false,
+
+		// Only evaluate the response if it is successful (gh-4126)
+		// dataFilter is not invoked for failure responses, so using it instead
+		// of the default converter is kludgy but it works.
+		converters: {
+			"text script": function() {}
+		},
+		dataFilter: function( response ) {
+			jQuery.globalEval( response, options, doc );
+		}
+	} );
+};
+
+
+jQuery.fn.extend( {
+	wrapAll: function( html ) {
+		var wrap;
+
+		if ( this[ 0 ] ) {
+			if ( isFunction( html ) ) {
+				html = html.call( this[ 0 ] );
+			}
+
+			// The elements to wrap the target around
+			wrap = jQuery( html, this[ 0 ].ownerDocument ).eq( 0 ).clone( true );
+
+			if ( this[ 0 ].parentNode ) {
+				wrap.insertBefore( this[ 0 ] );
+			}
+
+			wrap.map( function() {
+				var elem = this;
+
+				while ( elem.firstElementChild ) {
+					elem = elem.firstElementChild;
+				}
+
+				return elem;
+			} ).append( this );
+		}
+
+		return this;
+	},
+
+	wrapInner: function( html ) {
+		if ( isFunction( html ) ) {
+			return this.each( function( i ) {
+				jQuery( this ).wrapInner( html.call( this, i ) );
+			} );
+		}
+
+		return this.each( function() {
+			var self = jQuery( this ),
+				contents = self.contents();
+
+			if ( contents.length ) {
+				contents.wrapAll( html );
+
+			} else {
+				self.append( html );
+			}
+		} );
+	},
+
+	wrap: function( html ) {
+		var htmlIsFunction = isFunction( html );
+
+		return this.each( function( i ) {
+			jQuery( this ).wrapAll( htmlIsFunction ? html.call( this, i ) : html );
+		} );
+	},
+
+	unwrap: function( selector ) {
+		this.parent( selector ).not( "body" ).each( function() {
+			jQuery( this ).replaceWith( this.childNodes );
+		} );
+		return this;
+	}
+} );
+
+
+jQuery.expr.pseudos.hidden = function( elem ) {
+	return !jQuery.expr.pseudos.visible( elem );
+};
+jQuery.expr.pseudos.visible = function( elem ) {
+	return !!( elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length );
+};
+
+
+
+
+jQuery.ajaxSettings.xhr = function() {
+	try {
+		return new window.XMLHttpRequest();
+	} catch ( e ) {}
+};
+
+var xhrSuccessStatus = {
+
+		// File protocol always yields status code 0, assume 200
+		0: 200,
+
+		// Support: IE <=9 only
+		// trac-1450: sometimes IE returns 1223 when it should be 204
+		1223: 204
+	},
+	xhrSupported = jQuery.ajaxSettings.xhr();
+
+support.cors = !!xhrSupported && ( "withCredentials" in xhrSupported );
+support.ajax = xhrSupported = !!xhrSupported;
+
+jQuery.ajaxTransport( function( options ) {
+	var callback, errorCallback;
+
+	// Cross domain only allowed if supported through XMLHttpRequest
+	if ( support.cors || xhrSupported && !options.crossDomain ) {
+		return {
+			send: function( headers, complete ) {
+				var i,
+					xhr = options.xhr();
+
+				xhr.open(
+					options.type,
+					options.url,
+					options.async,
+					options.username,
+					options.password
+				);
+
+				// Apply custom fields if provided
+				if ( options.xhrFields ) {
+					for ( i in options.xhrFields ) {
+						xhr[ i ] = options.xhrFields[ i ];
+					}
+				}
+
+				// Override mime type if needed
+				if ( options.mimeType && xhr.overrideMimeType ) {
+					xhr.overrideMimeType( options.mimeType );
+				}
+
+				// X-Requested-With header
+				// For cross-domain requests, seeing as conditions for a preflight are
+				// akin to a jigsaw puzzle, we simply never set it to be sure.
+				// (it can always be set on a per-request basis or even using ajaxSetup)
+				// For same-domain requests, won't change header if already provided.
+				if ( !options.crossDomain && !headers[ "X-Requested-With" ] ) {
+					headers[ "X-Requested-With" ] = "XMLHttpRequest";
+				}
+
+				// Set headers
+				for ( i in headers ) {
+					xhr.setRequestHeader( i, headers[ i ] );
+				}
+
+				// Callback
+				callback = function( type ) {
+					return function() {
+						if ( callback ) {
+							callback = errorCallback = xhr.onload =
+								xhr.onerror = xhr.onabort = xhr.ontimeout =
+									xhr.onreadystatechange = null;
+
+							if ( type === "abort" ) {
+								xhr.abort();
+							} else if ( type === "error" ) {
+
+								// Support: IE <=9 only
+								// On a manual native abort, IE9 throws
+								// errors on any property access that is not readyState
+								if ( typeof xhr.status !== "number" ) {
+									complete( 0, "error" );
+								} else {
+									complete(
+
+										// File: protocol always yields status 0; see trac-8605, trac-14207
+										xhr.status,
+										xhr.statusText
+									);
+								}
+							} else {
+								complete(
+									xhrSuccessStatus[ xhr.status ] || xhr.status,
+									xhr.statusText,
+
+									// Support: IE <=9 only
+									// IE9 has no XHR2 but throws on binary (trac-11426)
+									// For XHR2 non-text, let the caller handle it (gh-2498)
+									( xhr.responseType || "text" ) !== "text"  ||
+									typeof xhr.responseText !== "string" ?
+										{ binary: xhr.response } :
+										{ text: xhr.responseText },
+									xhr.getAllResponseHeaders()
+								);
+							}
+						}
+					};
+				};
+
+				// Listen to events
+				xhr.onload = callback();
+				errorCallback = xhr.onerror = xhr.ontimeout = callback( "error" );
+
+				// Support: IE 9 only
+				// Use onreadystatechange to replace onabort
+				// to handle uncaught aborts
+				if ( xhr.onabort !== undefined ) {
+					xhr.onabort = errorCallback;
+				} else {
+					xhr.onreadystatechange = function() {
+
+						// Check readyState before timeout as it changes
+						if ( xhr.readyState === 4 ) {
+
+							// Allow onerror to be called first,
+							// but that will not handle a native abort
+							// Also, save errorCallback to a variable
+							// as xhr.onerror cannot be accessed
+							window.setTimeout( function() {
+								if ( callback ) {
+									errorCallback();
+								}
+							} );
+						}
+					};
+				}
+
+				// Create the abort callback
+				callback = callback( "abort" );
+
+				try {
+
+					// Do send the request (this may raise an exception)
+					xhr.send( options.hasContent && options.data || null );
+				} catch ( e ) {
+
+					// trac-14683: Only rethrow if this hasn't been notified as an error yet
+					if ( callback ) {
+						throw e;
+					}
+				}
+			},
+
+			abort: function() {
+				if ( callback ) {
+					callback();
+				}
+			}
+		};
+	}
+} );
+
+
+
+
+// Prevent auto-execution of scripts when no explicit dataType was provided (See gh-2432)
+jQuery.ajaxPrefilter( function( s ) {
+	if ( s.crossDomain ) {
+		s.contents.script = false;
+	}
+} );
+
+// Install script dataType
+jQuery.ajaxSetup( {
+	accepts: {
+		script: "text/javascript, application/javascript, " +
+			"application/ecmascript, application/x-ecmascript"
+	},
+	contents: {
+		script: /\b(?:java|ecma)script\b/
+	},
+	converters: {
+		"text script": function( text ) {
+			jQuery.globalEval( text );
+			return text;
+		}
+	}
+} );
+
+// Handle cache's special case and crossDomain
+jQuery.ajaxPrefilter( "script", function( s ) {
+	if ( s.cache === undefined ) {
+		s.cache = false;
+	}
+	if ( s.crossDomain ) {
+		s.type = "GET";
+	}
+} );
+
+// Bind script tag hack transport
+jQuery.ajaxTransport( "script", function( s ) {
+
+	// This transport only deals with cross domain or forced-by-attrs requests
+	if ( s.crossDomain || s.scriptAttrs ) {
+		var script, callback;
+		return {
+			send: function( _, complete ) {
+				script = jQuery( "<script>" )
+					.attr( s.scriptAttrs || {} )
+					.prop( { charset: s.scriptCharset, src: s.url } )
+					.on( "load error", callback = function( evt ) {
+						script.remove();
+						callback = null;
+						if ( evt ) {
+							complete( evt.type === "error" ? 404 : 200, evt.type );
+						}
+					} );
+
+				// Use native DOM manipulation to avoid our domManip AJAX trickery
+				document.head.appendChild( script[ 0 ] );
+			},
+			abort: function() {
+				if ( callback ) {
+					callback();
+				}
+			}
+		};
+	}
+} );
+
+
+
+
+var oldCallbacks = [],
+	rjsonp = /(=)\?(?=&|$)|\?\?/;
+
+// Default jsonp settings
+jQuery.ajaxSetup( {
+	jsonp: "callback",
+	jsonpCallback: function() {
+		var callback = oldCallbacks.pop() || ( jQuery.expando + "_" + ( nonce.guid++ ) );
+		this[ callback ] = true;
+		return callback;
+	}
+} );
+
+// Detect, normalize options and install callbacks for jsonp requests
+jQuery.ajaxPrefilter( "json jsonp", function( s, originalSettings, jqXHR ) {
+
+	var callbackName, overwritten, responseContainer,
+		jsonProp = s.jsonp !== false && ( rjsonp.test( s.url ) ?
+			"url" :
+			typeof s.data === "string" &&
+				( s.contentType || "" )
+					.indexOf( "application/x-www-form-urlencoded" ) === 0 &&
+				rjsonp.test( s.data ) && "data"
+		);
+
+	// Handle iff the expected data type is "jsonp" or we have a parameter to set
+	if ( jsonProp || s.dataTypes[ 0 ] === "jsonp" ) {
+
+		// Get callback name, remembering preexisting value associated with it
+		callbackName = s.jsonpCallback = isFunction( s.jsonpCallback ) ?
+			s.jsonpCallback() :
+			s.jsonpCallback;
+
+		// Insert callback into url or form data
+		if ( jsonProp ) {
+			s[ jsonProp ] = s[ jsonProp ].replace( rjsonp, "$1" + callbackName );
+		} else if ( s.jsonp !== false ) {
+			s.url += ( rquery.test( s.url ) ? "&" : "?" ) + s.jsonp + "=" + callbackName;
+		}
+
+		// Use data converter to retrieve json after script execution
+		s.converters[ "script json" ] = function() {
+			if ( !responseContainer ) {
+				jQuery.error( callbackName + " was not called" );
+			}
+			return responseContainer[ 0 ];
+		};
+
+		// Force json dataType
+		s.dataTypes[ 0 ] = "json";
+
+		// Install callback
+		overwritten = window[ callbackName ];
+		window[ callbackName ] = function() {
+			responseContainer = arguments;
+		};
+
+		// Clean-up function (fires after converters)
+		jqXHR.always( function() {
+
+			// If previous value didn't exist - remove it
+			if ( overwritten === undefined ) {
+				jQuery( window ).removeProp( callbackName );
+
+			// Otherwise restore preexisting value
+			} else {
+				window[ callbackName ] = overwritten;
+			}
+
+			// Save back as free
+			if ( s[ callbackName ] ) {
+
+				// Make sure that re-using the options doesn't screw things around
+				s.jsonpCallback = originalSettings.jsonpCallback;
+
+				// Save the callback name for future use
+				oldCallbacks.push( callbackName );
+			}
+
+			// Call if it was a function and we have a response
+			if ( responseContainer && isFunction( overwritten ) ) {
+				overwritten( responseContainer[ 0 ] );
+			}
+
+			responseContainer = overwritten = undefined;
+		} );
+
+		// Delegate to script
+		return "script";
+	}
+} );
+
+
+
+
+// Support: Safari 8 only
+// In Safari 8 documents created via document.implementation.createHTMLDocument
+// collapse sibling forms: the second one becomes a child of the first one.
+// Because of that, this security measure has to be disabled in Safari 8.
+// https://bugs.webkit.org/show_bug.cgi?id=137337
+support.createHTMLDocument = ( function() {
+	var body = document.implementation.createHTMLDocument( "" ).body;
+	body.innerHTML = "<form></form><form></form>";
+	return body.childNodes.length === 2;
+} )();
+
+
+// Argument "data" should be string of html
+// context (optional): If specified, the fragment will be created in this context,
+// defaults to document
+// keepScripts (optional): If true, will include scripts passed in the html string
+jQuery.parseHTML = function( data, context, keepScripts ) {
+	if ( typeof data !== "string" ) {
+		return [];
+	}
+	if ( typeof context === "boolean" ) {
+		keepScripts = context;
+		context = false;
+	}
+
+	var base, parsed, scripts;
+
+	if ( !context ) {
+
+		// Stop scripts or inline event handlers from being executed immediately
+		// by using document.implementation
+		if ( support.createHTMLDocument ) {
+			context = document.implementation.createHTMLDocument( "" );
+
+			// Set the base href for the created document
+			// so any parsed elements with URLs
+			// are based on the document's URL (gh-2965)
+			base = context.createElement( "base" );
+			base.href = document.location.href;
+			context.head.appendChild( base );
+		} else {
+			context = document;
+		}
+	}
+
+	parsed = rsingleTag.exec( data );
+	scripts = !keepScripts && [];
+
+	// Single tag
+	if ( parsed ) {
+		return [ context.createElement( parsed[ 1 ] ) ];
+	}
+
+	parsed = buildFragment( [ data ], context, scripts );
+
+	if ( scripts && scripts.length ) {
+		jQuery( scripts ).remove();
+	}
+
+	return jQuery.merge( [], parsed.childNodes );
+};
+
+
+/**
+ * Load a url into a page
+ */
+jQuery.fn.load = function( url, params, callback ) {
+	var selector, type, response,
+		self = this,
+		off = url.indexOf( " " );
+
+	if ( off > -1 ) {
+		selector = stripAndCollapse( url.slice( off ) );
+		url = url.slice( 0, off );
+	}
+
+	// If it's a function
+	if ( isFunction( params ) ) {
+
+		// We assume that it's the callback
+		callback = params;
+		params = undefined;
+
+	// Otherwise, build a param string
+	} else if ( params && typeof params === "object" ) {
+		type = "POST";
+	}
+
+	// If we have elements to modify, make the request
+	if ( self.length > 0 ) {
+		jQuery.ajax( {
+			url: url,
+
+			// If "type" variable is undefined, then "GET" method will be used.
+			// Make value of this field explicit since
+			// user can override it through ajaxSetup method
+			type: type || "GET",
+			dataType: "html",
+			data: params
+		} ).done( function( responseText ) {
+
+			// Save response for use in complete callback
+			response = arguments;
+
+			self.html( selector ?
+
+				// If a selector was specified, locate the right elements in a dummy div
+				// Exclude scripts to avoid IE 'Permission Denied' errors
+				jQuery( "<div>" ).append( jQuery.parseHTML( responseText ) ).find( selector ) :
+
+				// Otherwise use the full result
+				responseText );
+
+		// If the request succeeds, this function gets "data", "status", "jqXHR"
+		// but they are ignored because response was set above.
+		// If it fails, this function gets "jqXHR", "status", "error"
+		} ).always( callback && function( jqXHR, status ) {
+			self.each( function() {
+				callback.apply( this, response || [ jqXHR.responseText, status, jqXHR ] );
+			} );
+		} );
+	}
+
+	return this;
+};
+
+
+
+
+jQuery.expr.pseudos.animated = function( elem ) {
+	return jQuery.grep( jQuery.timers, function( fn ) {
+		return elem === fn.elem;
+	} ).length;
+};
+
+
+
+
+jQuery.offset = {
+	setOffset: function( elem, options, i ) {
+		var curPosition, curLeft, curCSSTop, curTop, curOffset, curCSSLeft, calculatePosition,
+			position = jQuery.css( elem, "position" ),
+			curElem = jQuery( elem ),
+			props = {};
+
+		// Set position first, in-case top/left are set even on static elem
+		if ( position === "static" ) {
+			elem.style.position = "relative";
+		}
+
+		curOffset = curElem.offset();
+		curCSSTop = jQuery.css( elem, "top" );
+		curCSSLeft = jQuery.css( elem, "left" );
+		calculatePosition = ( position === "absolute" || position === "fixed" ) &&
+			( curCSSTop + curCSSLeft ).indexOf( "auto" ) > -1;
+
+		// Need to be able to calculate position if either
+		// top or left is auto and position is either absolute or fixed
+		if ( calculatePosition ) {
+			curPosition = curElem.position();
+			curTop = curPosition.top;
+			curLeft = curPosition.left;
+
+		} else {
+			curTop = parseFloat( curCSSTop ) || 0;
+			curLeft = parseFloat( curCSSLeft ) || 0;
+		}
+
+		if ( isFunction( options ) ) {
+
+			// Use jQuery.extend here to allow modification of coordinates argument (gh-1848)
+			options = options.call( elem, i, jQuery.extend( {}, curOffset ) );
+		}
+
+		if ( options.top != null ) {
+			props.top = ( options.top - curOffset.top ) + curTop;
+		}
+		if ( options.left != null ) {
+			props.left = ( options.left - curOffset.left ) + curLeft;
+		}
+
+		if ( "using" in options ) {
+			options.using.call( elem, props );
+
+		} else {
+			curElem.css( props );
+		}
+	}
+};
+
+jQuery.fn.extend( {
+
+	// offset() relates an element's border box to the document origin
+	offset: function( options ) {
+
+		// Preserve chaining for setter
+		if ( arguments.length ) {
+			return options === undefined ?
+				this :
+				this.each( function( i ) {
+					jQuery.offset.setOffset( this, options, i );
+				} );
+		}
+
+		var rect, win,
+			elem = this[ 0 ];
+
+		if ( !elem ) {
+			return;
+		}
+
+		// Return zeros for disconnected and hidden (display: none) elements (gh-2310)
+		// Support: IE <=11 only
+		// Running getBoundingClientRect on a
+		// disconnected node in IE throws an error
+		if ( !elem.getClientRects().length ) {
+			return { top: 0, left: 0 };
+		}
+
+		// Get document-relative position by adding viewport scroll to viewport-relative gBCR
+		rect = elem.getBoundingClientRect();
+		win = elem.ownerDocument.defaultView;
+		return {
+			top: rect.top + win.pageYOffset,
+			left: rect.left + win.pageXOffset
+		};
+	},
+
+	// position() relates an element's margin box to its offset parent's padding box
+	// This corresponds to the behavior of CSS absolute positioning
+	position: function() {
+		if ( !this[ 0 ] ) {
+			return;
+		}
+
+		var offsetParent, offset, doc,
+			elem = this[ 0 ],
+			parentOffset = { top: 0, left: 0 };
+
+		// position:fixed elements are offset from the viewport, which itself always has zero offset
+		if ( jQuery.css( elem, "position" ) === "fixed" ) {
+
+			// Assume position:fixed implies availability of getBoundingClientRect
+			offset = elem.getBoundingClientRect();
+
+		} else {
+			offset = this.offset();
+
+			// Account for the *real* offset parent, which can be the document or its root element
+			// when a statically positioned element is identified
+			doc = elem.ownerDocument;
+			offsetParent = elem.offsetParent || doc.documentElement;
+			while ( offsetParent &&
+				( offsetParent === doc.body || offsetParent === doc.documentElement ) &&
+				jQuery.css( offsetParent, "position" ) === "static" ) {
+
+				offsetParent = offsetParent.parentNode;
+			}
+			if ( offsetParent && offsetParent !== elem && offsetParent.nodeType === 1 ) {
+
+				// Incorporate borders into its offset, since they are outside its content origin
+				parentOffset = jQuery( offsetParent ).offset();
+				parentOffset.top += jQuery.css( offsetParent, "borderTopWidth", true );
+				parentOffset.left += jQuery.css( offsetParent, "borderLeftWidth", true );
+			}
+		}
+
+		// Subtract parent offsets and element margins
+		return {
+			top: offset.top - parentOffset.top - jQuery.css( elem, "marginTop", true ),
+			left: offset.left - parentOffset.left - jQuery.css( elem, "marginLeft", true )
+		};
+	},
+
+	// This method will return documentElement in the following cases:
+	// 1) For the element inside the iframe without offsetParent, this method will return
+	//    documentElement of the parent window
+	// 2) For the hidden or detached element
+	// 3) For body or html element, i.e. in case of the html node - it will return itself
+	//
+	// but those exceptions were never presented as a real life use-cases
+	// and might be considered as more preferable results.
+	//
+	// This logic, however, is not guaranteed and can change at any point in the future
+	offsetParent: function() {
+		return this.map( function() {
+			var offsetParent = this.offsetParent;
+
+			while ( offsetParent && jQuery.css( offsetParent, "position" ) === "static" ) {
+				offsetParent = offsetParent.offsetParent;
+			}
+
+			return offsetParent || documentElement;
+		} );
+	}
+} );
+
+// Create scrollLeft and scrollTop methods
+jQuery.each( { scrollLeft: "pageXOffset", scrollTop: "pageYOffset" }, function( method, prop ) {
+	var top = "pageYOffset" === prop;
+
+	jQuery.fn[ method ] = function( val ) {
+		return access( this, function( elem, method, val ) {
+
+			// Coalesce documents and windows
+			var win;
+			if ( isWindow( elem ) ) {
+				win = elem;
+			} else if ( elem.nodeType === 9 ) {
+				win = elem.defaultView;
+			}
+
+			if ( val === undefined ) {
+				return win ? win[ prop ] : elem[ method ];
+			}
+
+			if ( win ) {
+				win.scrollTo(
+					!top ? val : win.pageXOffset,
+					top ? val : win.pageYOffset
+				);
+
+			} else {
+				elem[ method ] = val;
+			}
+		}, method, val, arguments.length );
+	};
+} );
+
+// Support: Safari <=7 - 9.1, Chrome <=37 - 49
+// Add the top/left cssHooks using jQuery.fn.position
+// Webkit bug: https://bugs.webkit.org/show_bug.cgi?id=29084
+// Blink bug: https://bugs.chromium.org/p/chromium/issues/detail?id=589347
+// getComputedStyle returns percent when specified for top/left/bottom/right;
+// rather than make the css module depend on the offset module, just check for it here
+jQuery.each( [ "top", "left" ], function( _i, prop ) {
+	jQuery.cssHooks[ prop ] = addGetHookIf( support.pixelPosition,
+		function( elem, computed ) {
+			if ( computed ) {
+				computed = curCSS( elem, prop );
+
+				// If curCSS returns percentage, fallback to offset
+				return rnumnonpx.test( computed ) ?
+					jQuery( elem ).position()[ prop ] + "px" :
+					computed;
+			}
+		}
+	);
+} );
+
+
+// Create innerHeight, innerWidth, height, width, outerHeight and outerWidth methods
+jQuery.each( { Height: "height", Width: "width" }, function( name, type ) {
+	jQuery.each( {
+		padding: "inner" + name,
+		content: type,
+		"": "outer" + name
+	}, function( defaultExtra, funcName ) {
+
+		// Margin is only for outerHeight, outerWidth
+		jQuery.fn[ funcName ] = function( margin, value ) {
+			var chainable = arguments.length && ( defaultExtra || typeof margin !== "boolean" ),
+				extra = defaultExtra || ( margin === true || value === true ? "margin" : "border" );
+
+			return access( this, function( elem, type, value ) {
+				var doc;
+
+				if ( isWindow( elem ) ) {
+
+					// $( window ).outerWidth/Height return w/h including scrollbars (gh-1729)
+					return funcName.indexOf( "outer" ) === 0 ?
+						elem[ "inner" + name ] :
+						elem.document.documentElement[ "client" + name ];
+				}
+
+				// Get document width or height
+				if ( elem.nodeType === 9 ) {
+					doc = elem.documentElement;
+
+					// Either scroll[Width/Height] or offset[Width/Height] or client[Width/Height],
+					// whichever is greatest
+					return Math.max(
+						elem.body[ "scroll" + name ], doc[ "scroll" + name ],
+						elem.body[ "offset" + name ], doc[ "offset" + name ],
+						doc[ "client" + name ]
+					);
+				}
+
+				return value === undefined ?
+
+					// Get width or height on the element, requesting but not forcing parseFloat
+					jQuery.css( elem, type, extra ) :
+
+					// Set width or height on the element
+					jQuery.style( elem, type, value, extra );
+			}, type, chainable ? margin : undefined, chainable );
+		};
+	} );
+} );
+
+
+jQuery.each( [
+	"ajaxStart",
+	"ajaxStop",
+	"ajaxComplete",
+	"ajaxError",
+	"ajaxSuccess",
+	"ajaxSend"
+], function( _i, type ) {
+	jQuery.fn[ type ] = function( fn ) {
+		return this.on( type, fn );
+	};
+} );
+
+
+
+
+jQuery.fn.extend( {
+
+	bind: function( types, data, fn ) {
+		return this.on( types, null, data, fn );
+	},
+	unbind: function( types, fn ) {
+		return this.off( types, null, fn );
+	},
+
+	delegate: function( selector, types, data, fn ) {
+		return this.on( types, selector, data, fn );
+	},
+	undelegate: function( selector, types, fn ) {
+
+		// ( namespace ) or ( selector, types [, fn] )
+		return arguments.length === 1 ?
+			this.off( selector, "**" ) :
+			this.off( types, selector || "**", fn );
+	},
+
+	hover: function( fnOver, fnOut ) {
+		return this
+			.on( "mouseenter", fnOver )
+			.on( "mouseleave", fnOut || fnOver );
+	}
+} );
+
+jQuery.each(
+	( "blur focus focusin focusout resize scroll click dblclick " +
+	"mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
+	"change select submit keydown keypress keyup contextmenu" ).split( " " ),
+	function( _i, name ) {
+
+		// Handle event binding
+		jQuery.fn[ name ] = function( data, fn ) {
+			return arguments.length > 0 ?
+				this.on( name, null, data, fn ) :
+				this.trigger( name );
+		};
+	}
+);
+
+
+
+
+// Support: Android <=4.0 only
+// Make sure we trim BOM and NBSP
+// Require that the "whitespace run" starts from a non-whitespace
+// to avoid O(N^2) behavior when the engine would try matching "\s+$" at each space position.
+var rtrim = /^[\s\uFEFF\xA0]+|([^\s\uFEFF\xA0])[\s\uFEFF\xA0]+$/g;
+
+// Bind a function to a context, optionally partially applying any
+// arguments.
+// jQuery.proxy is deprecated to promote standards (specifically Function#bind)
+// However, it is not slated for removal any time soon
+jQuery.proxy = function( fn, context ) {
+	var tmp, args, proxy;
+
+	if ( typeof context === "string" ) {
+		tmp = fn[ context ];
+		context = fn;
+		fn = tmp;
+	}
+
+	// Quick check to determine if target is callable, in the spec
+	// this throws a TypeError, but we will just return undefined.
+	if ( !isFunction( fn ) ) {
+		return undefined;
+	}
+
+	// Simulated bind
+	args = slice.call( arguments, 2 );
+	proxy = function() {
+		return fn.apply( context || this, args.concat( slice.call( arguments ) ) );
+	};
+
+	// Set the guid of unique handler to the same of original handler, so it can be removed
+	proxy.guid = fn.guid = fn.guid || jQuery.guid++;
+
+	return proxy;
+};
+
+jQuery.holdReady = function( hold ) {
+	if ( hold ) {
+		jQuery.readyWait++;
+	} else {
+		jQuery.ready( true );
+	}
+};
+jQuery.isArray = Array.isArray;
+jQuery.parseJSON = JSON.parse;
+jQuery.nodeName = nodeName;
+jQuery.isFunction = isFunction;
+jQuery.isWindow = isWindow;
+jQuery.camelCase = camelCase;
+jQuery.type = toType;
+
+jQuery.now = Date.now;
+
+jQuery.isNumeric = function( obj ) {
+
+	// As of jQuery 3.0, isNumeric is limited to
+	// strings and numbers (primitives or objects)
+	// that can be coerced to finite numbers (gh-2662)
+	var type = jQuery.type( obj );
+	return ( type === "number" || type === "string" ) &&
+
+		// parseFloat NaNs numeric-cast false positives ("")
+		// ...but misinterprets leading-number strings, particularly hex literals ("0x...")
+		// subtraction forces infinities to NaN
+		!isNaN( obj - parseFloat( obj ) );
+};
+
+jQuery.trim = function( text ) {
+	return text == null ?
+		"" :
+		( text + "" ).replace( rtrim, "$1" );
+};
+
+
+
+// Register as a named AMD module, since jQuery can be concatenated with other
+// files that may use define, but not via a proper concatenation script that
+// understands anonymous AMD modules. A named AMD is safest and most robust
+// way to register. Lowercase jquery is used because AMD module names are
+// derived from file names, and jQuery is normally delivered in a lowercase
+// file name. Do this after creating the global so that if an AMD module wants
+// to call noConflict to hide this version of jQuery, it will work.
+
+// Note that for maximum portability, libraries that are not jQuery should
+// declare themselves as anonymous modules, and avoid setting a global if an
+// AMD loader is present. jQuery is a special case. For more information, see
+// https://github.com/jrburke/requirejs/wiki/Updating-existing-libraries#wiki-anon
+
+if ( true ) {
+	!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function() {
+		return jQuery;
+	}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
+		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+}
+
+
+
+
+var
+
+	// Map over jQuery in case of overwrite
+	_jQuery = window.jQuery,
+
+	// Map over the $ in case of overwrite
+	_$ = window.$;
+
+jQuery.noConflict = function( deep ) {
+	if ( window.$ === jQuery ) {
+		window.$ = _$;
+	}
+
+	if ( deep && window.jQuery === jQuery ) {
+		window.jQuery = _jQuery;
+	}
+
+	return jQuery;
+};
+
+// Expose jQuery and $ identifiers, even in AMD
+// (trac-7102#comment:10, https://github.com/jquery/jquery/pull/557)
+// and CommonJS for browser emulators (trac-13566)
+if ( typeof noGlobal === "undefined" ) {
+	window.jQuery = window.$ = jQuery;
+}
+
+
+
+
+return jQuery;
+} );
+
+
+/***/ },
+
+/***/ "../../node_modules/object-keys/implementation.js"
+/*!********************************************************!*\
+  !*** ../../node_modules/object-keys/implementation.js ***!
+  \********************************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+
+var keysShim;
+if (!Object.keys) {
+	// modified from https://github.com/es-shims/es5-shim
+	var has = Object.prototype.hasOwnProperty;
+	var toStr = Object.prototype.toString;
+	var isArgs = __webpack_require__(/*! ./isArguments */ "../../node_modules/object-keys/isArguments.js"); // eslint-disable-line global-require
+	var isEnumerable = Object.prototype.propertyIsEnumerable;
+	var hasDontEnumBug = !isEnumerable.call({ toString: null }, 'toString');
+	var hasProtoEnumBug = isEnumerable.call(function () {}, 'prototype');
+	var dontEnums = [
+		'toString',
+		'toLocaleString',
+		'valueOf',
+		'hasOwnProperty',
+		'isPrototypeOf',
+		'propertyIsEnumerable',
+		'constructor'
+	];
+	var equalsConstructorPrototype = function (o) {
+		var ctor = o.constructor;
+		return ctor && ctor.prototype === o;
+	};
+	var excludedKeys = {
+		$applicationCache: true,
+		$console: true,
+		$external: true,
+		$frame: true,
+		$frameElement: true,
+		$frames: true,
+		$innerHeight: true,
+		$innerWidth: true,
+		$onmozfullscreenchange: true,
+		$onmozfullscreenerror: true,
+		$outerHeight: true,
+		$outerWidth: true,
+		$pageXOffset: true,
+		$pageYOffset: true,
+		$parent: true,
+		$scrollLeft: true,
+		$scrollTop: true,
+		$scrollX: true,
+		$scrollY: true,
+		$self: true,
+		$webkitIndexedDB: true,
+		$webkitStorageInfo: true,
+		$window: true
+	};
+	var hasAutomationEqualityBug = (function () {
+		/* global window */
+		if (typeof window === 'undefined') { return false; }
+		for (var k in window) {
+			try {
+				if (!excludedKeys['$' + k] && has.call(window, k) && window[k] !== null && typeof window[k] === 'object') {
+					try {
+						equalsConstructorPrototype(window[k]);
+					} catch (e) {
+						return true;
+					}
+				}
+			} catch (e) {
+				return true;
+			}
+		}
+		return false;
+	}());
+	var equalsConstructorPrototypeIfNotBuggy = function (o) {
+		/* global window */
+		if (typeof window === 'undefined' || !hasAutomationEqualityBug) {
+			return equalsConstructorPrototype(o);
+		}
+		try {
+			return equalsConstructorPrototype(o);
+		} catch (e) {
+			return false;
+		}
+	};
+
+	keysShim = function keys(object) {
+		var isObject = object !== null && typeof object === 'object';
+		var isFunction = toStr.call(object) === '[object Function]';
+		var isArguments = isArgs(object);
+		var isString = isObject && toStr.call(object) === '[object String]';
+		var theKeys = [];
+
+		if (!isObject && !isFunction && !isArguments) {
+			throw new TypeError('Object.keys called on a non-object');
+		}
+
+		var skipProto = hasProtoEnumBug && isFunction;
+		if (isString && object.length > 0 && !has.call(object, 0)) {
+			for (var i = 0; i < object.length; ++i) {
+				theKeys.push(String(i));
+			}
+		}
+
+		if (isArguments && object.length > 0) {
+			for (var j = 0; j < object.length; ++j) {
+				theKeys.push(String(j));
+			}
+		} else {
+			for (var name in object) {
+				if (!(skipProto && name === 'prototype') && has.call(object, name)) {
+					theKeys.push(String(name));
+				}
+			}
+		}
+
+		if (hasDontEnumBug) {
+			var skipConstructor = equalsConstructorPrototypeIfNotBuggy(object);
+
+			for (var k = 0; k < dontEnums.length; ++k) {
+				if (!(skipConstructor && dontEnums[k] === 'constructor') && has.call(object, dontEnums[k])) {
+					theKeys.push(dontEnums[k]);
+				}
+			}
+		}
+		return theKeys;
+	};
+}
+module.exports = keysShim;
+
+
+/***/ },
+
+/***/ "../../node_modules/object-keys/index.js"
+/*!***********************************************!*\
+  !*** ../../node_modules/object-keys/index.js ***!
+  \***********************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+
+var slice = Array.prototype.slice;
+var isArgs = __webpack_require__(/*! ./isArguments */ "../../node_modules/object-keys/isArguments.js");
+
+var origKeys = Object.keys;
+var keysShim = origKeys ? function keys(o) { return origKeys(o); } : __webpack_require__(/*! ./implementation */ "../../node_modules/object-keys/implementation.js");
+
+var originalKeys = Object.keys;
+
+keysShim.shim = function shimObjectKeys() {
+	if (Object.keys) {
+		var keysWorksWithArguments = (function () {
+			// Safari 5.0 bug
+			var args = Object.keys(arguments);
+			return args && args.length === arguments.length;
+		}(1, 2));
+		if (!keysWorksWithArguments) {
+			Object.keys = function keys(object) { // eslint-disable-line func-name-matching
+				if (isArgs(object)) {
+					return originalKeys(slice.call(object));
+				}
+				return originalKeys(object);
+			};
+		}
+	} else {
+		Object.keys = keysShim;
+	}
+	return Object.keys || keysShim;
+};
+
+module.exports = keysShim;
+
+
+/***/ },
+
+/***/ "../../node_modules/object-keys/isArguments.js"
+/*!*****************************************************!*\
+  !*** ../../node_modules/object-keys/isArguments.js ***!
+  \*****************************************************/
+(module) {
+
+"use strict";
+
+
+var toStr = Object.prototype.toString;
+
+module.exports = function isArguments(value) {
+	var str = toStr.call(value);
+	var isArgs = str === '[object Arguments]';
+	if (!isArgs) {
+		isArgs = str !== '[object Array]' &&
+			value !== null &&
+			typeof value === 'object' &&
+			typeof value.length === 'number' &&
+			value.length >= 0 &&
+			toStr.call(value.callee) === '[object Function]';
+	}
+	return isArgs;
+};
+
+
+/***/ },
+
+/***/ "../../node_modules/querystring-es3/decode.js"
+/*!****************************************************!*\
+  !*** ../../node_modules/querystring-es3/decode.js ***!
+  \****************************************************/
+(module) {
+
+"use strict";
+// Copyright Joyent, Inc. and other Node contributors.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a
+// copy of this software and associated documentation files (the
+// "Software"), to deal in the Software without restriction, including
+// without limitation the rights to use, copy, modify, merge, publish,
+// distribute, sublicense, and/or sell copies of the Software, and to permit
+// persons to whom the Software is furnished to do so, subject to the
+// following conditions:
+//
+// The above copyright notice and this permission notice shall be included
+// in all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
+// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
+// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
+// USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+
+
+// If obj.hasOwnProperty has been overridden, then calling
+// obj.hasOwnProperty(prop) will break.
+// See: https://github.com/joyent/node/issues/1707
+function hasOwnProperty(obj, prop) {
+  return Object.prototype.hasOwnProperty.call(obj, prop);
+}
+
+module.exports = function(qs, sep, eq, options) {
+  sep = sep || '&';
+  eq = eq || '=';
+  var obj = {};
+
+  if (typeof qs !== 'string' || qs.length === 0) {
+    return obj;
+  }
+
+  var regexp = /\+/g;
+  qs = qs.split(sep);
+
+  var maxKeys = 1000;
+  if (options && typeof options.maxKeys === 'number') {
+    maxKeys = options.maxKeys;
+  }
+
+  var len = qs.length;
+  // maxKeys <= 0 means that we should not limit keys count
+  if (maxKeys > 0 && len > maxKeys) {
+    len = maxKeys;
+  }
+
+  for (var i = 0; i < len; ++i) {
+    var x = qs[i].replace(regexp, '%20'),
+        idx = x.indexOf(eq),
+        kstr, vstr, k, v;
+
+    if (idx >= 0) {
+      kstr = x.substr(0, idx);
+      vstr = x.substr(idx + 1);
+    } else {
+      kstr = x;
+      vstr = '';
+    }
+
+    k = decodeURIComponent(kstr);
+    v = decodeURIComponent(vstr);
+
+    if (!hasOwnProperty(obj, k)) {
+      obj[k] = v;
+    } else if (isArray(obj[k])) {
+      obj[k].push(v);
+    } else {
+      obj[k] = [obj[k], v];
+    }
+  }
+
+  return obj;
+};
+
+var isArray = Array.isArray || function (xs) {
+  return Object.prototype.toString.call(xs) === '[object Array]';
+};
+
+
+/***/ },
+
+/***/ "../../node_modules/querystring-es3/encode.js"
+/*!****************************************************!*\
+  !*** ../../node_modules/querystring-es3/encode.js ***!
+  \****************************************************/
+(module) {
+
+"use strict";
+// Copyright Joyent, Inc. and other Node contributors.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a
+// copy of this software and associated documentation files (the
+// "Software"), to deal in the Software without restriction, including
+// without limitation the rights to use, copy, modify, merge, publish,
+// distribute, sublicense, and/or sell copies of the Software, and to permit
+// persons to whom the Software is furnished to do so, subject to the
+// following conditions:
+//
+// The above copyright notice and this permission notice shall be included
+// in all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
+// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
+// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
+// USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+
+
+var stringifyPrimitive = function(v) {
+  switch (typeof v) {
+    case 'string':
+      return v;
+
+    case 'boolean':
+      return v ? 'true' : 'false';
+
+    case 'number':
+      return isFinite(v) ? v : '';
+
+    default:
+      return '';
+  }
+};
+
+module.exports = function(obj, sep, eq, name) {
+  sep = sep || '&';
+  eq = eq || '=';
+  if (obj === null) {
+    obj = undefined;
+  }
+
+  if (typeof obj === 'object') {
+    return map(objectKeys(obj), function(k) {
+      var ks = encodeURIComponent(stringifyPrimitive(k)) + eq;
+      if (isArray(obj[k])) {
+        return map(obj[k], function(v) {
+          return ks + encodeURIComponent(stringifyPrimitive(v));
+        }).join(sep);
+      } else {
+        return ks + encodeURIComponent(stringifyPrimitive(obj[k]));
+      }
+    }).join(sep);
+
+  }
+
+  if (!name) return '';
+  return encodeURIComponent(stringifyPrimitive(name)) + eq +
+         encodeURIComponent(stringifyPrimitive(obj));
+};
+
+var isArray = Array.isArray || function (xs) {
+  return Object.prototype.toString.call(xs) === '[object Array]';
+};
+
+function map (xs, f) {
+  if (xs.map) return xs.map(f);
+  var res = [];
+  for (var i = 0; i < xs.length; i++) {
+    res.push(f(xs[i], i));
+  }
+  return res;
+}
+
+var objectKeys = Object.keys || function (obj) {
+  var res = [];
+  for (var key in obj) {
+    if (Object.prototype.hasOwnProperty.call(obj, key)) res.push(key);
+  }
+  return res;
+};
+
+
+/***/ },
+
+/***/ "../../node_modules/querystring-es3/index.js"
+/*!***************************************************!*\
+  !*** ../../node_modules/querystring-es3/index.js ***!
+  \***************************************************/
+(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+
+exports.decode = exports.parse = __webpack_require__(/*! ./decode */ "../../node_modules/querystring-es3/decode.js");
+exports.encode = exports.stringify = __webpack_require__(/*! ./encode */ "../../node_modules/querystring-es3/encode.js");
+
+
+/***/ },
+
+/***/ "../../node_modules/to-factory/to-factory.js"
+/*!***************************************************!*\
+  !*** ../../node_modules/to-factory/to-factory.js ***!
+  \***************************************************/
+(module) {
+
+"use strict";
+
+
+var _bind = Function.prototype.bind;
+function toFactory(Class) {
+  var Factory = function Factory() {
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return new (_bind.apply(Class, [null].concat(args)))();
+  };
+  Factory.__proto__ = Class;
+  Factory.prototype = Class.prototype;
+  return Factory;
+}
+
+module.exports = toFactory;
+
+
+
+/***/ },
+
+/***/ "../stacks-classic/lib/components/banner/banner.ts"
+/*!*********************************************************!*\
+  !*** ../stacks-classic/lib/components/banner/banner.ts ***!
+  \*********************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   BannerController: () => (/* binding */ BannerController),
+/* harmony export */   hideBanner: () => (/* binding */ hideBanner),
+/* harmony export */   showBanner: () => (/* binding */ showBanner)
+/* harmony export */ });
+/* harmony import */ var _stacks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../stacks */ "../stacks-classic/lib/stacks.ts");
+
+class BannerController extends _stacks__WEBPACK_IMPORTED_MODULE_0__.StacksController {
+    /**
+     * Toggles the visibility of the banner
+     */
+    toggle(dispatcher = null) {
+        this._toggle(undefined, dispatcher);
+    }
+    /**
+     * Shows the banner
+     */
+    show(dispatcher = null) {
+        this._toggle(true, dispatcher);
+    }
+    /**
+     * Hides the banner
+     */
+    hide(dispatcher = null) {
+        this._toggle(false, dispatcher);
+    }
+    /**
+     * Toggles the visibility of the banner element
+     * @param show Optional parameter that force shows/hides the element or toggles it if left undefined
+     */
+    _toggle(show, dispatcher = null) {
+        let toShow = show;
+        const isVisible = this.bannerTarget.getAttribute("aria-hidden") === "false";
+        // if we're letting the class toggle, we need to figure out if the banner is visible manually
+        if (typeof toShow === "undefined") {
+            toShow = !isVisible;
+        }
+        // if the state matches the disired state, return without changing anything
+        if ((toShow && isVisible) || (!toShow && !isVisible)) {
+            return;
+        }
+        const dispatchingElement = this.getDispatcher(dispatcher);
+        // show/hide events trigger before toggling the class
+        const triggeredEvent = this.triggerEvent(toShow ? "show" : "hide", {
+            dispatcher: this.getDispatcher(dispatchingElement),
+        }, this.bannerTarget);
+        // if this pre-show/hide event was prevented, don't attempt to continue changing the banner state
+        if (triggeredEvent.defaultPrevented) {
+            return;
+        }
+        this.bannerTarget.setAttribute("aria-hidden", toShow ? "false" : "true");
+        if (!toShow) {
+            this.removeBannerOnHide();
+        }
+        this.triggerEvent(toShow ? "shown" : "hidden", {
+            dispatcher: dispatchingElement,
+        }, this.bannerTarget);
+    }
+    /**
+     * Remove the element on hide if the `remove-when-hidden` flag is set
+     */
+    removeBannerOnHide() {
+        if (this.data.get("remove-when-hidden") !== "true") {
+            return;
+        }
+        this.bannerTarget.addEventListener("s-banner:hidden", () => {
+            this.element.remove();
+        }, { once: true });
+    }
+    /**
+     * Determines the correct dispatching element from a potential input
+     * @param dispatcher The event or element to get the dispatcher from
+     */
+    getDispatcher(dispatcher = null) {
+        if (dispatcher instanceof Event) {
+            return dispatcher.target;
+        }
+        else if (dispatcher instanceof Element) {
+            return dispatcher;
+        }
+        else {
+            return this.element;
+        }
+    }
+}
+BannerController.targets = ["banner"];
+/**
+ * Helper to manually show an s-banner element via external JS
+ * @param element the element the `data-controller="s-banner"` attribute is on
+ */
+function showBanner(element) {
+    toggleBanner(element, true);
+}
+/**
+ * Helper to manually hide an s-banner element via external JS
+ * @param element the element the `data-controller="s-banner"` attribute is on
+ */
+function hideBanner(element) {
+    toggleBanner(element, false);
+}
+/**
+ * Helper to manually show an s-banner element via external JS
+ * @param element the element the `data-controller="s-banner"` attribute is on
+ * @param show whether to force show/hide the banner; toggles the banner if left undefined
+ */
+function toggleBanner(element, show) {
+    const controller = _stacks__WEBPACK_IMPORTED_MODULE_0__.application.getControllerForElementAndIdentifier(element, "s-banner");
+    if (!controller) {
+        throw "Unable to get s-banner controller from element";
+    }
+    show ? controller.show() : controller.hide();
+}
+
+
+/***/ },
+
+/***/ "../stacks-classic/lib/components/modal/modal.ts"
+/*!*******************************************************!*\
+  !*** ../stacks-classic/lib/components/modal/modal.ts ***!
+  \*******************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ModalController: () => (/* binding */ ModalController),
+/* harmony export */   hideModal: () => (/* binding */ hideModal),
+/* harmony export */   showModal: () => (/* binding */ showModal)
+/* harmony export */ });
+/* harmony import */ var _stacks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../stacks */ "../stacks-classic/lib/stacks.ts");
+
+class ModalController extends _stacks__WEBPACK_IMPORTED_MODULE_0__.StacksController {
+    connect() {
+        this.validate();
+    }
+    /**
+     * Disconnects all added event listeners on controller disconnect
+     */
+    disconnect() {
+        this.unbindDocumentEvents();
+    }
+    /**
+     * Toggles the visibility of the modal
+     */
+    toggle(dispatcher = null) {
+        this._toggle(undefined, dispatcher);
+    }
+    /**
+     * Shows the modal
+     */
+    show(dispatcher = null) {
+        this._toggle(true, dispatcher);
+    }
+    /**
+     * Hides the modal
+     */
+    hide(dispatcher = null) {
+        this._toggle(false, dispatcher);
+    }
+    /**
+     * Validates the modal settings and attempts to set necessary internal variables
+     */
+    validate() {
+        // check for returnElement support
+        const returnElementSelector = this.data.get("return-element");
+        if (returnElementSelector) {
+            this.returnElement = (document.querySelector(returnElementSelector));
+            if (!this.returnElement) {
+                throw ("Unable to find element by return-element selector: " +
+                    returnElementSelector);
+            }
+        }
+    }
+    /**
+     * Toggles the visibility of the modal element
+     * @param show Optional parameter that force shows/hides the element or toggles it if left undefined
+     */
+    _toggle(show, dispatcher = null) {
+        let toShow = show;
+        const isVisible = this.modalTarget.getAttribute("aria-hidden") === "false";
+        // if we're letting the class toggle, we need to figure out if the popover is visible manually
+        if (typeof toShow === "undefined") {
+            toShow = !isVisible;
+        }
+        // if the state matches the disired state, return without changing anything
+        if ((toShow && isVisible) || (!toShow && !isVisible)) {
+            return;
+        }
+        const dispatchingElement = this.getDispatcher(dispatcher);
+        // show/hide events trigger before toggling the class
+        const triggeredEvent = this.triggerEvent(toShow ? "show" : "hide", {
+            returnElement: this.returnElement,
+            dispatcher: this.getDispatcher(dispatchingElement),
+        }, this.modalTarget);
+        // if this pre-show/hide event was prevented, don't attempt to continue changing the modal state
+        if (triggeredEvent.defaultPrevented) {
+            return;
+        }
+        this.returnElement = triggeredEvent.detail.returnElement;
+        this.modalTarget.setAttribute("aria-hidden", toShow ? "false" : "true");
+        if (toShow) {
+            this.bindDocumentEvents();
+            this.focusInsideModal();
+        }
+        else {
+            this.unbindDocumentEvents();
+            this.focusReturnElement();
+            this.removeModalOnHide();
+        }
+        // check for transitionend support
+        const supportsTransitionEnd = this.modalTarget.ontransitionend !== undefined;
+        // shown/hidden events trigger after toggling the class
+        if (supportsTransitionEnd) {
+            // wait until after the modal finishes transitioning to fire the event
+            this.modalTarget.addEventListener("transitionend", () => {
+                //TODO this is firing waaay to soon?
+                this.triggerEvent(toShow ? "shown" : "hidden", {
+                    dispatcher: dispatchingElement,
+                }, this.modalTarget);
+            }, { once: true });
+        }
+        else {
+            this.triggerEvent(toShow ? "shown" : "hidden", {
+                dispatcher: dispatchingElement,
+            }, this.modalTarget);
+        }
+    }
+    /**
+     * Listens for the s-modal:hidden event and focuses the returnElement when it is fired
+     */
+    focusReturnElement() {
+        if (!this.returnElement) {
+            return;
+        }
+        this.modalTarget.addEventListener("s-modal:hidden", () => {
+            // double check the element still exists when the event is called
+            if (this.returnElement &&
+                document.body.contains(this.returnElement)) {
+                this.returnElement.focus();
+            }
+        }, { once: true });
+    }
+    /**
+     * Remove the element on hide if the `remove-when-hidden` flag is set
+     */
+    removeModalOnHide() {
+        if (this.data.get("remove-when-hidden") !== "true") {
+            return;
+        }
+        this.modalTarget.addEventListener("s-modal:hidden", () => {
+            this.element.remove();
+        }, { once: true });
+    }
+    /**
+     * Gets all elements within the modal that could receive keyboard focus.
+     */
+    getAllTabbables() {
+        return Array.from(this.modalTarget.querySelectorAll("[href], input, select, textarea, button, [tabindex]")).filter((el) => el.matches(":not([disabled]):not([tabindex='-1'])"));
+    }
+    /**
+     * Returns the first visible element in an array or `undefined` if no elements are visible.
+     */
+    firstVisible(elements) {
+        // https://stackoverflow.com/a/21696585
+        return elements.find((el) => el.offsetParent !== null);
+    }
+    /**
+     * Returns the last visible element in an array or `undefined` if no elements are visible.
+     */
+    lastVisible(elements) {
+        return this.firstVisible([...elements].reverse());
+    }
+    /**
+     * Attempts to shift keyboard focus into the modal.
+     * If elements with `data-s-modal-target="initialFocus"` are present and visible, one of those will be selected.
+     * Otherwise, the first visible focusable element will receive focus.
+     */
+    focusInsideModal() {
+        this.modalTarget.addEventListener("s-modal:shown", () => {
+            var _a, _b;
+            // Only set focus if focus is not already set on an element within the modal
+            if (!this.modalTarget.contains(document.activeElement)) {
+                const initialFocus = (_b = (_a = this.firstVisible(this.initialFocusTargets)) !== null && _a !== void 0 ? _a : this.firstVisible(this.getAllTabbables())) !== null && _b !== void 0 ? _b : this.modalTarget; //If there's nothing else, focus the modal itself
+                initialFocus.focus();
+            }
+        }, { once: true });
+    }
+    /**
+     * Returns keyboard focus to the modal if it has left or is about to leave.
+     */
+    keepFocusWithinModal(e) {
+        if (e.key !== "Tab") {
+            return;
+        }
+        //Tab key was pressed, figure out what to focus next
+        const tabbables = this.getAllTabbables();
+        if (tabbables.length === 0) {
+            // Nothing focusable found in the modal. Stop the user from tabbing to something outside the modal
+            e.preventDefault();
+            return;
+        }
+        // If somehow the user has tabbed out of the modal, push them to the first item.
+        if (!this.modalTarget.contains(e.target)) {
+            const focusTarget = this.firstVisible(tabbables);
+            if (focusTarget) {
+                e.preventDefault();
+                focusTarget.focus();
+            }
+            return;
+        }
+        // Keep focusable cycling within the modal by looping through elements within the modal
+        const firstTabbable = this.firstVisible(tabbables);
+        const lastTabbable = this.lastVisible(tabbables);
+        if (firstTabbable && lastTabbable) {
+            if (firstTabbable === lastTabbable) {
+                e.preventDefault();
+                firstTabbable.focus();
+            }
+            else if (e.shiftKey && e.target === firstTabbable) {
+                e.preventDefault();
+                lastTabbable.focus();
+            }
+            else if (!e.shiftKey && e.target === lastTabbable) {
+                e.preventDefault();
+                firstTabbable.focus();
+            }
+        }
+    }
+    /**
+     * Binds global events to the document for hiding popovers on user interaction
+     */
+    bindDocumentEvents() {
+        // in order for removeEventListener to remove the right event, this bound function needs a constant reference
+        this._boundClickFn =
+            this._boundClickFn || this.hideOnOutsideClick.bind(this);
+        this._boundKeypressFn =
+            this._boundKeypressFn || this.hideOnEscapePress.bind(this);
+        this._boundTabTrap =
+            this._boundTabTrap || this.keepFocusWithinModal.bind(this);
+        document.addEventListener("mousedown", this._boundClickFn);
+        document.addEventListener("keyup", this._boundKeypressFn);
+        document.addEventListener("keydown", this._boundTabTrap);
+    }
+    /**
+     * Unbinds global events to the document for hiding popovers on user interaction
+     */
+    unbindDocumentEvents() {
+        document.removeEventListener("mousedown", this._boundClickFn);
+        document.removeEventListener("keyup", this._boundKeypressFn);
+        document.removeEventListener("keydown", this._boundTabTrap);
+    }
+    /**
+     * Forces the popover to hide if a user clicks outside of it or its reference element
+     */
+    hideOnOutsideClick(e) {
+        var _a;
+        const target = e.target;
+        // check if the document was clicked inside either the toggle element or the modal itself
+        // note: .contains also returns true if the node itself matches the target element
+        if (!((_a = this.modalTarget
+            .querySelector(".s-modal--dialog")) === null || _a === void 0 ? void 0 : _a.contains(target)) &&
+            document.body.contains(target)) {
+            this._toggle(false, e);
+        }
+    }
+    /**
+     * Forces the popover to hide if the user presses escape while it, one of its childen, or the reference element are focused
+     */
+    hideOnEscapePress(e) {
+        // if the ESC key (27) wasn't pressed or if no popovers are showing, return
+        if (e.which !== 27 ||
+            this.modalTarget.getAttribute("aria-hidden") === "true") {
+            return;
+        }
+        this._toggle(false, e);
+    }
+    /**
+     * Determines the correct dispatching element from a potential input
+     * @param dispatcher The event or element to get the dispatcher from
+     */
+    getDispatcher(dispatcher = null) {
+        if (dispatcher instanceof Event) {
+            return dispatcher.target;
+        }
+        else if (dispatcher instanceof Element) {
+            return dispatcher;
+        }
+        else {
+            return this.element;
+        }
+    }
+}
+ModalController.targets = ["modal", "initialFocus"];
+/**
+ * Helper to manually show an s-modal element via external JS
+ * @param element the element the `data-controller="s-modal"` attribute is on
+ */
+function showModal(element) {
+    toggleModal(element, true);
+}
+/**
+ * Helper to manually hide an s-modal element via external JS
+ * @param element the element the `data-controller="s-modal"` attribute is on
+ */
+function hideModal(element) {
+    toggleModal(element, false);
+}
+/**
+ * Helper to manually show an s-modal element via external JS
+ * @param element the element the `data-controller="s-modal"` attribute is on
+ * @param show whether to force show/hide the modal; toggles the modal if left undefined
+ */
+function toggleModal(element, show) {
+    const controller = _stacks__WEBPACK_IMPORTED_MODULE_0__.application.getControllerForElementAndIdentifier(element, "s-modal");
+    if (!controller) {
+        throw "Unable to get s-modal controller from element";
+    }
+    show ? controller.show() : controller.hide();
+}
+
+
+/***/ },
+
+/***/ "../stacks-classic/lib/components/navigation/navigation.ts"
+/*!*****************************************************************!*\
+  !*** ../stacks-classic/lib/components/navigation/navigation.ts ***!
+  \*****************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   TabListController: () => (/* binding */ TabListController)
+/* harmony export */ });
+/* harmony import */ var _stacks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../stacks */ "../stacks-classic/lib/stacks.ts");
+
+class TabListController extends _stacks__WEBPACK_IMPORTED_MODULE_0__.StacksController {
+    connect() {
+        super.connect();
+        this.boundSelectTab = this.selectTab.bind(this);
+        this.boundHandleKeydown = this.handleKeydown.bind(this);
+        for (const tab of this.tabTargets) {
+            tab.addEventListener("click", this.boundSelectTab);
+            tab.addEventListener("keydown", this.boundHandleKeydown);
+        }
+    }
+    disconnect() {
+        super.disconnect();
+        for (const tab of this.tabTargets) {
+            tab.removeEventListener("click", this.boundSelectTab);
+            tab.removeEventListener("keydown", this.boundHandleKeydown);
+        }
+    }
+    /**
+     * Gets all tabs within the controller.
+     */
+    get tabTargets() {
+        return Array.from(this.element.querySelectorAll("[role=tab]"));
+    }
+    /**
+     * Handles click events on individual tabs, causing them to be selected.
+     */
+    selectTab(event) {
+        this.switchToTab(event.currentTarget);
+    }
+    /**
+     * Handles left and right arrow keydown events on individual tabs,
+     * selecting the adjacent tab corresponding to the event.
+     */
+    handleKeydown(event) {
+        var _a;
+        let tabElement = event.currentTarget;
+        const tabs = this.tabTargets;
+        let tabIndex = tabs.indexOf(tabElement);
+        if (event.key === "ArrowRight") {
+            tabIndex++;
+        }
+        else if (event.key === "ArrowLeft") {
+            tabIndex--;
+        }
+        else {
+            return;
+        }
+        // Use circular navigation when users go past the first or last tab.
+        if (tabIndex < 0) {
+            tabIndex = tabs.length - 1;
+        }
+        if (tabIndex >= tabs.length) {
+            tabIndex = 0;
+        }
+        tabElement = tabs[tabIndex];
+        this.switchToTab(tabElement);
+        // Focus the newly selected tab so it can receive keyboard events.
+        (_a = this.selectedTab) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    /**
+     * Attempts to switch to a new tab, doing nothing if the tab is already selected or
+     * the s-navigation-tablist:select event is prevented.
+     */
+    switchToTab(newTab) {
+        const oldTab = this.selectedTab;
+        if (oldTab === newTab) {
+            return;
+        }
+        if (this.triggerEvent("select", { oldTab, newTab }).defaultPrevented) {
+            return;
+        }
+        this.selectedTab = newTab;
+        this.triggerEvent("selected", { oldTab, newTab });
+    }
+    /**
+     * Returns the currently selected tab or null if no tabs are selected.
+     */
+    get selectedTab() {
+        return (this.tabTargets.find((e) => e.getAttribute("aria-selected") === "true") || null);
+    }
+    /**
+     * Switches the tablist to the provided tab, updating the tabs and panels
+     * to reflect the change.
+     * @param selectedTab The tab to select. If `null` is provided or the element
+     * is not a valid tab, all tabs will be unselected.
+     */
+    set selectedTab(selectedTab) {
+        for (const tab of this.tabTargets) {
+            const panelId = tab.getAttribute("aria-controls");
+            const panel = panelId ? document.getElementById(panelId) : null;
+            if (tab === selectedTab) {
+                tab.classList.add("is-selected");
+                tab.setAttribute("aria-selected", "true");
+                tab.removeAttribute("tabindex");
+                panel === null || panel === void 0 ? void 0 : panel.classList.remove("d-none");
+            }
+            else {
+                tab.classList.remove("is-selected");
+                tab.setAttribute("aria-selected", "false");
+                tab.setAttribute("tabindex", "-1");
+                panel === null || panel === void 0 ? void 0 : panel.classList.add("d-none");
+            }
+        }
+    }
+}
+
+
+/***/ },
+
+/***/ "../stacks-classic/lib/components/popover/popover.ts"
+/*!***********************************************************!*\
+  !*** ../stacks-classic/lib/components/popover/popover.ts ***!
+  \***********************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   BasePopoverController: () => (/* binding */ BasePopoverController),
+/* harmony export */   PopoverController: () => (/* binding */ PopoverController),
+/* harmony export */   attachPopover: () => (/* binding */ attachPopover),
+/* harmony export */   detachPopover: () => (/* binding */ detachPopover),
+/* harmony export */   hidePopover: () => (/* binding */ hidePopover),
+/* harmony export */   showPopover: () => (/* binding */ showPopover)
+/* harmony export */ });
+/* harmony import */ var _popperjs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @popperjs/core */ "../../node_modules/@popperjs/core/lib/popper.js");
+/* harmony import */ var _stacks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../stacks */ "../stacks-classic/lib/stacks.ts");
+
+
+class BasePopoverController extends _stacks__WEBPACK_IMPORTED_MODULE_1__.StacksController {
+    /**
+     * Returns true if the if the popover is currently visible.
+     */
+    get isVisible() {
+        const popoverElement = this.popoverElement;
+        return popoverElement
+            ? popoverElement.classList.contains("is-visible")
+            : false;
+    }
+    /**
+     * Gets whether the element is visible in the browser's viewport.
+     */
+    get isInViewport() {
+        const element = this.popoverElement;
+        if (!this.isVisible || !element) {
+            return false;
+        }
+        // From https://stackoverflow.com/a/5354536.  Theoretically, this could be calculated using Popper's detectOverflow function,
+        // but it's unclear how to access that with our current configuration.
+        const rect = element.getBoundingClientRect();
+        const viewHeight = Math.max(document.documentElement.clientHeight, window.innerHeight);
+        const viewWidth = Math.max(document.documentElement.clientWidth, window.innerWidth);
+        return (rect.bottom > 0 &&
+            rect.top < viewHeight &&
+            rect.right > 0 &&
+            rect.left < viewWidth);
+    }
+    get shouldHideOnOutsideClick() {
+        const hideBehavior = (this.data.get("hide-on-outside-click"));
+        switch (hideBehavior) {
+            case "after-dismissal":
+            case "never":
+                return false;
+            case "if-in-viewport":
+                return this.isInViewport;
+            default:
+                return true;
+        }
+    }
+    /**
+     * Initializes and validates controller variables
+     */
+    connect() {
+        super.connect();
+        this.validate();
+        if (this.isVisible) {
+            // just call initialize here, not show. This keeps already visible popovers from adding/firing document events
+            this.initializePopper();
+        }
+        else if (this.data.get("auto-show") === "true") {
+            this.show(null);
+        }
+        this.data.delete("auto-show");
+    }
+    /**
+     * Cleans up popper.js elements and disconnects all added event listeners
+     */
+    disconnect() {
+        this.hide();
+        if (this.popper) {
+            this.popper.destroy();
+            // eslint-disable-next-line
+            // @ts-ignore The operand of a 'delete' operator must be optional .ts(2790)
+            delete this.popper;
+        }
+        super.disconnect();
+    }
+    /**
+     * Toggles the visibility of the popover
+     */
+    toggle(dispatcher = null) {
+        this.isVisible ? this.hide(dispatcher) : this.show(dispatcher);
+    }
+    /**
+     * Shows the popover if not already visible
+     */
+    show(dispatcher = null) {
+        if (this.isVisible) {
+            return;
+        }
+        const dispatcherElement = this.getDispatcher(dispatcher);
+        if (this.triggerEvent("show", {
+            dispatcher: dispatcherElement,
+        }).defaultPrevented) {
+            return;
+        }
+        if (!this.popper) {
+            this.initializePopper();
+        }
+        this.popoverElement.classList.add("is-visible");
+        // ensure the popper has been positioned correctly
+        this.scheduleUpdate();
+        this.shown(dispatcherElement);
+    }
+    /**
+     * Hides the popover if not already hidden
+     */
+    hide(dispatcher = null) {
+        if (!this.isVisible) {
+            return;
+        }
+        const dispatcherElement = this.getDispatcher(dispatcher);
+        if (this.triggerEvent("hide", {
+            dispatcher: dispatcherElement,
+        }).defaultPrevented) {
+            return;
+        }
+        this.popoverElement.classList.remove("is-visible");
+        if (this.popper) {
+            // completely destroy the popper on hide; this is in line with Popper.js's performance recommendations
+            this.popper.destroy();
+            // eslint-disable-next-line
+            // @ts-ignore The operand of a 'delete' operator must be optional .ts(2790)
+            delete this.popper;
+        }
+        // on first interaction, hide-on-outside-click with value "after-dismissal" reverts to the default behavior
+        if (this.data.get("hide-on-outside-click") ===
+            "after-dismissal") {
+            this.data.delete("hide-on-outside-click");
+        }
+        this.hidden(dispatcherElement);
+    }
+    /**
+     * Binds document events for this popover and fires the shown event
+     */
+    shown(dispatcher = null) {
+        this.bindDocumentEvents();
+        this.triggerEvent("shown", {
+            dispatcher: dispatcher,
+        });
+    }
+    /**
+     * Unbinds document events for this popover and fires the hidden event
+     */
+    hidden(dispatcher = null) {
+        this.unbindDocumentEvents();
+        this.triggerEvent("hidden", {
+            dispatcher: dispatcher,
+        });
+    }
+    /**
+     * Generates the popover if not found during initialization
+     */
+    generatePopover() {
+        return null;
+    }
+    /**
+     * Initializes the Popper for this instance
+     */
+    initializePopper() {
+        this.popper = (0,_popperjs_core__WEBPACK_IMPORTED_MODULE_0__.createPopper)(this.referenceElement, this.popoverElement, {
+            placement: this.data.get("placement") || "bottom",
+            modifiers: [
+                {
+                    name: "offset",
+                    options: {
+                        offset: [0, 10], // The entire popover should be 10px away from the element
+                    },
+                },
+            ],
+        });
+    }
+    /**
+     * Validates the popover settings and attempts to set necessary internal variables
+     */
+    validate() {
+        const referenceSelector = this.data.get("reference-selector");
+        this.referenceElement = this.element;
+        // if there is an alternative reference selector and that element exists, use it (and throw if it isn't found)
+        if (referenceSelector) {
+            this.referenceElement = (this.element.querySelector(referenceSelector));
+            if (!this.referenceElement) {
+                throw ("Unable to find element by reference selector: " +
+                    referenceSelector);
+            }
+        }
+        const popoverId = this.referenceElement.getAttribute(this.popoverSelectorAttribute);
+        let popoverElement = null;
+        // if the popover is named, attempt to fetch it (and throw an error if it doesn't exist)
+        if (popoverId) {
+            popoverElement = document.getElementById(popoverId);
+            if (!popoverElement) {
+                throw `[${this.popoverSelectorAttribute}="{POPOVER_ID}"] required`;
+            }
+        }
+        // if the popover isn't named, attempt to generate it
+        else {
+            popoverElement = this.generatePopover();
+        }
+        if (!popoverElement) {
+            throw "unable to find or generate popover element";
+        }
+        this.popoverElement = popoverElement;
+    }
+    /**
+     * Determines the correct dispatching element from a potential input
+     * @param dispatcher The event or element to get the dispatcher from
+     */
+    getDispatcher(dispatcher = null) {
+        if (dispatcher instanceof Event) {
+            return dispatcher.target;
+        }
+        else if (dispatcher instanceof Element) {
+            return dispatcher;
+        }
+        else {
+            return this.element;
+        }
+    }
+    /**
+     * Schedules the popover to update on the next animation frame if visible
+     */
+    scheduleUpdate() {
+        if (this.popper && this.isVisible) {
+            void this.popper.update();
+        }
+    }
+}
+class PopoverController extends BasePopoverController {
+    constructor() {
+        super(...arguments);
+        this.popoverSelectorAttribute = "aria-controls";
+    }
+    /**
+     * Toggles optional classes and accessibility attributes in addition to BasePopoverController.shown
+     */
+    shown(dispatcher = null) {
+        this.toggleOptionalClasses(true);
+        this.toggleAccessibilityAttributes(true);
+        super.shown(dispatcher);
+    }
+    /**
+     * Toggles optional classes and accessibility attributes in addition to BasePopoverController.hidden
+     */
+    hidden(dispatcher = null) {
+        this.toggleOptionalClasses(false);
+        this.toggleAccessibilityAttributes(false);
+        super.hidden(dispatcher);
+    }
+    /**
+     * Initializes accessibility attributes in addition to BasePopoverController.connect
+     */
+    connect() {
+        super.connect();
+        this.toggleAccessibilityAttributes();
+    }
+    /**
+     * Binds global events to the document for hiding popovers on user interaction
+     */
+    bindDocumentEvents() {
+        this.boundHideOnOutsideClick =
+            this.boundHideOnOutsideClick || this.hideOnOutsideClick.bind(this);
+        this.boundHideOnEscapePress =
+            this.boundHideOnEscapePress || this.hideOnEscapePress.bind(this);
+        document.addEventListener("mousedown", this.boundHideOnOutsideClick);
+        document.addEventListener("keyup", this.boundHideOnEscapePress);
+    }
+    /**
+     * Unbinds global events to the document for hiding popovers on user interaction
+     */
+    unbindDocumentEvents() {
+        document.removeEventListener("mousedown", this.boundHideOnOutsideClick);
+        document.removeEventListener("keyup", this.boundHideOnEscapePress);
+    }
+    /**
+     * Forces the popover to hide if a user clicks outside of it or its reference element
+     * @param {Event} e - The document click event
+     */
+    hideOnOutsideClick(e) {
+        const target = e.target;
+        // check if the document was clicked inside either the reference element or the popover itself
+        // note: .contains also returns true if the node itself matches the target element
+        if (this.shouldHideOnOutsideClick &&
+            !this.referenceElement.contains(target) &&
+            !this.popoverElement.contains(target) &&
+            document.body.contains(target)) {
+            this.hide(e);
+        }
+    }
+    /**
+     * Forces the popover to hide if the user presses escape while it, one of its childen, or the reference element are focused
+     * @param {Event} e - The document keyup event
+     */
+    hideOnEscapePress(e) {
+        // if the ESC key (27) wasn't pressed or if no popovers are showing, return
+        if (e.which !== 27 || !this.isVisible) {
+            return;
+        }
+        // check if the target was inside the popover element and refocus the triggering element
+        // note: .contains also returns true if the node itself matches the target element
+        if (this.popoverElement.contains(e.target)) {
+            this.referenceElement.focus();
+        }
+        this.hide(e);
+    }
+    /**
+     * Toggles all classes on the originating element based on the `class-toggle` data
+     * @param {boolean=} show - A boolean indicating whether this is being triggered by a show or hide.
+     */
+    toggleOptionalClasses(show) {
+        if (!this.data.has("toggle-class")) {
+            return;
+        }
+        const toggleClass = this.data.get("toggle-class") || "";
+        const cl = this.referenceElement.classList;
+        toggleClass.split(/\s+/).forEach(function (cls) {
+            cl.toggle(cls, show);
+        });
+    }
+    /**
+     * Toggles accessibility attributes based on whether the popover is shown or not
+     * @param {boolean=} show - A boolean indicating whether this is being triggered by a show or hide.
+     */
+    toggleAccessibilityAttributes(show) {
+        const expandedValue = (show === null || show === void 0 ? void 0 : show.toString()) || this.referenceElement.ariaExpanded || "false";
+        this.referenceElement.ariaExpanded = expandedValue;
+        this.referenceElement.setAttribute("aria-expanded", expandedValue);
+    }
+}
+PopoverController.targets = [];
+/**
+ * Helper to manually show an s-popover element via external JS
+ * @param element the element the `data-controller="s-popover"` attribute is on
+ */
+function showPopover(element) {
+    const { isPopover, controller } = getPopover(element);
+    if (controller) {
+        controller.show();
+    }
+    else if (isPopover) {
+        element.setAttribute("data-s-popover-auto-show", "true");
+    }
+    else {
+        throw `element does not have data-controller="s-popover"`;
+    }
+}
+/**
+ * Helper to manually hide an s-popover element via external JS
+ * @param element the element the `data-controller="s-popover"` attribute is on
+ */
+function hidePopover(element) {
+    const { isPopover, controller, popover } = getPopover(element);
+    if (controller) {
+        controller.hide();
+    }
+    else if (isPopover) {
+        element.removeAttribute("data-s-popover-auto-show");
+        if (popover) {
+            popover.classList.remove("is-visible");
+        }
+    }
+    else {
+        throw `element does not have data-controller="s-popover"`;
+    }
+}
+/**
+ * Attaches a popover to an element and performs additional configuration.
+ * @param element the element that will receive the `data-controller="s-popover"` attribute.
+ * @param popover an element with the `.s-popover` class or HTML string containing a single element with the `.s-popover` class.
+ *                If the popover does not have a parent element, it will be inserted as a immediately after the reference element.
+ * @param options an optional collection of options to use when configuring the popover.
+ */
+function attachPopover(element, popover, options) {
+    const { referenceElement, popover: existingPopover } = getPopover(element);
+    if (existingPopover) {
+        throw `element already has popover with id="${existingPopover.id}"`;
+    }
+    if (!referenceElement) {
+        throw `element has invalid data-s-popover-reference-selector attribute`;
+    }
+    if (typeof popover === "string") {
+        // eslint-disable-next-line no-unsanitized/method
+        const elements = document
+            .createRange()
+            .createContextualFragment(popover).children;
+        if (elements.length !== 1) {
+            throw "popover should contain a single element";
+        }
+        popover = elements[0];
+    }
+    const existingId = referenceElement.getAttribute("aria-controls");
+    let popoverId = popover.id;
+    if (!popover.classList.contains("s-popover")) {
+        throw `popover should have the "s-popover" class but had class="${popover.className}"`;
+    }
+    if (existingId && existingId !== popoverId) {
+        throw `element has aria-controls="${existingId}" but popover has id="${popoverId}"`;
+    }
+    if (!popoverId) {
+        popoverId =
+            "--stacks-s-popover-" + Math.random().toString(36).substring(2, 10);
+        popover.id = popoverId;
+    }
+    if (!existingId) {
+        referenceElement.setAttribute("aria-controls", popoverId);
+    }
+    if (!popover.parentElement && element.parentElement) {
+        referenceElement.insertAdjacentElement("afterend", popover);
+    }
+    toggleController(element, "s-popover", true);
+    if (options) {
+        if (options.toggleOnClick) {
+            referenceElement.setAttribute("data-action", "click->s-popover#toggle");
+        }
+        if (options.placement) {
+            element.setAttribute("data-s-popover-placement", options.placement);
+        }
+        if (options.autoShow) {
+            element.setAttribute("data-s-popover-auto-show", "true");
+        }
+    }
+}
+/**
+ * Removes the popover controller from an element and removes the popover from the DOM.
+ * @param element the element that has the `data-controller="s-popover"` attribute.
+ * @returns The popover that was attached to the element.
+ */
+function detachPopover(element) {
+    const { isPopover, controller, referenceElement, popover } = getPopover(element);
+    // Hide the popover so its events fire.
+    controller === null || controller === void 0 ? void 0 : controller.hide();
+    // Remove the popover if it exists
+    popover === null || popover === void 0 ? void 0 : popover.remove();
+    // Remove the popover controller and the aria-controls attributes.
+    if (isPopover) {
+        toggleController(element, "s-popover", false);
+        if (referenceElement) {
+            referenceElement.removeAttribute("aria-controls");
+        }
+    }
+    return popover;
+}
+/**
+ * Gets the current state of an element that may be or is intended to be an s-popover controller
+ * so it can be configured either directly or via the DOM.
+ * @param element An element that may have `data-controller="s-popover"`.
+ */
+function getPopover(element) {
+    var _a;
+    const isPopover = ((_a = element.getAttribute("data-controller")) === null || _a === void 0 ? void 0 : _a.includes("s-popover")) || false;
+    const controller = _stacks__WEBPACK_IMPORTED_MODULE_1__.application.getControllerForElementAndIdentifier(element, "s-popover");
+    const referenceSelector = element.getAttribute("data-s-popover-reference-selector");
+    const referenceElement = referenceSelector
+        ? element.querySelector(referenceSelector)
+        : element;
+    const popoverId = referenceElement
+        ? referenceElement.getAttribute("aria-controls")
+        : null;
+    const popover = popoverId ? document.getElementById(popoverId) : null;
+    return { isPopover, controller, referenceElement, popover };
+}
+/**
+ * Adds or removes the controller from an element's [data-controller] attribute without altering existing entries
+ * @param el The element to alter
+ * @param controllerName The name of the controller to add/remove
+ * @param include Whether to add the controllerName value
+ */
+function toggleController(el, controllerName, include) {
+    var _a;
+    const controllers = new Set((_a = el.getAttribute("data-controller")) === null || _a === void 0 ? void 0 : _a.split(/\s+/));
+    if (include) {
+        controllers.add(controllerName);
+    }
+    else {
+        controllers.delete(controllerName);
+    }
+    el.setAttribute("data-controller", Array.from(controllers).join(" "));
+}
+
+
+/***/ },
+
+/***/ "../stacks-classic/lib/components/popover/tooltip.ts"
+/*!***********************************************************!*\
+  !*** ../stacks-classic/lib/components/popover/tooltip.ts ***!
+  \***********************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   TooltipController: () => (/* binding */ TooltipController),
+/* harmony export */   setTooltipHtml: () => (/* binding */ setTooltipHtml),
+/* harmony export */   setTooltipText: () => (/* binding */ setTooltipText)
+/* harmony export */ });
+/* harmony import */ var _stacks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../stacks */ "../stacks-classic/lib/stacks.ts");
+/* harmony import */ var _popover__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./popover */ "../stacks-classic/lib/components/popover/popover.ts");
+
+
+class TooltipController extends _popover__WEBPACK_IMPORTED_MODULE_1__.BasePopoverController {
+    constructor() {
+        super(...arguments);
+        this.popoverSelectorAttribute = "aria-describedby";
+    }
+    /**
+     * Binds mouseover and mouseout events in addition to BasePopoverController.connect
+     */
+    connect() {
+        super.connect();
+        // Only bind to mouse events if the pointer device supports hover behavior.
+        // Otherwise we run into issues with mobile browser showing popovers for
+        // click events and not being able to hide them.
+        if (window.matchMedia("(hover: hover)").matches) {
+            this.bindMouseEvents();
+        }
+        this.bindKeyboardEvents();
+    }
+    /**
+     * Unbinds mouse events in addition to BasePopoverController.disconnect
+     */
+    disconnect() {
+        this.unbindKeyboardEvents();
+        this.unbindMouseEvents();
+        super.disconnect();
+    }
+    /**
+     * Attempts to show the tooltip popover so long as no other Stacks-managed popover is
+     * present on the page.
+     */
+    show(dispatcher = null) {
+        // check and see if this controller coexists with a popover
+        const controller = _stacks__WEBPACK_IMPORTED_MODULE_0__.application.getControllerForElementAndIdentifier(this.element, "s-popover");
+        // if the controller exists and already has a visible popover, don't show the tooltip
+        if (controller && controller.isVisible) {
+            return;
+        }
+        super.show(dispatcher);
+    }
+    /**
+     * Sets up a tooltip popover show after a delay.
+     */
+    scheduleShow(dispatcher = null) {
+        window.clearTimeout(this.activeTimeout);
+        this.activeTimeout = window.setTimeout(() => this.show(dispatcher), 300);
+    }
+    /**
+     * Cancels the scheduled tooltip popover display and hides it if already displayed
+     */
+    scheduleHide(dispatcher = null) {
+        window.clearTimeout(this.activeTimeout);
+        this.activeTimeout = window.setTimeout(() => super.hide(dispatcher), 100);
+    }
+    /**
+     * Cancels the activeTimeout
+     */
+    clearActiveTimeout() {
+        clearTimeout(this.activeTimeout);
+    }
+    /**
+     * Applies data-s-tooltip-html-title and title attributes.
+     */
+    applyTitleAttributes() {
+        let content;
+        const htmlTitle = this.data.get("html-title");
+        if (htmlTitle) {
+            // eslint-disable-next-line no-unsanitized/method
+            content = document
+                .createRange()
+                .createContextualFragment(htmlTitle);
+        }
+        else {
+            const plainTitle = this.element.getAttribute("title");
+            if (plainTitle) {
+                content = document.createTextNode(plainTitle);
+            }
+            else {
+                return null;
+            }
+        }
+        this.data.delete("html-title");
+        this.element.removeAttribute("title");
+        let popoverId = this.element.getAttribute("aria-describedby");
+        if (!popoverId) {
+            popoverId = TooltipController.generateId();
+            this.element.setAttribute("aria-describedby", popoverId);
+        }
+        let popover = document.getElementById(popoverId);
+        if (!popover) {
+            popover = document.createElement("div");
+            popover.id = popoverId;
+            popover.className = "s-popover s-popover__tooltip";
+            popover.setAttribute("role", "tooltip");
+            const parentNode = this.element.parentNode;
+            if (parentNode) {
+                // insertBefore inserts at end if element.nextSibling is null.
+                parentNode.insertBefore(popover, this.element.nextSibling);
+            }
+            else {
+                document.body.appendChild(popover);
+            }
+        }
+        // clear and set the content of the popover
+        popover.innerHTML = "";
+        popover.appendChild(content);
+        this.scheduleUpdate();
+        return popover;
+    }
+    /**
+     * Automatically hides the tooltip popover when a Stacks popover is shown anywhere on
+     * the page.
+     */
+    bindDocumentEvents() {
+        this.boundHideIfWithin =
+            this.boundHideIfWithin || this.hideIfWithin.bind(this);
+        document.addEventListener("s-popover:shown", this.boundHideIfWithin);
+    }
+    /**
+     * Unbinds all mouse events
+     */
+    unbindDocumentEvents() {
+        document.removeEventListener("s-popover:shown", this.boundHideIfWithin);
+    }
+    /**
+     * Attempts to generate a new tooltip popover from the title attribute if no popover
+     * was present when requested, otherwise throws an error.
+     */
+    generatePopover() {
+        return this.applyTitleAttributes();
+    }
+    /**
+     * Hides the tooltip if is or is within the event's target.
+     * @param event An event object from s-popover:shown
+     */
+    hideIfWithin(event) {
+        if (event.target.contains(this.referenceElement)) {
+            this.scheduleHide();
+        }
+    }
+    /**
+     * Hides the tooltip if the focus is not on the popover element.
+     * @param event A focusout event object from the reference or popover element
+     */
+    hideIfNotFocused(event) {
+        if (!this.referenceElement.contains(event.relatedTarget) &&
+            !this.popoverElement.contains(event.relatedTarget)) {
+            this.scheduleHide();
+        }
+    }
+    hideOnEscapeKeyEvent(event) {
+        if (event.key === "Escape") {
+            this.scheduleHide();
+        }
+    }
+    /**
+     * Binds mouse events to show/hide on reference element hover
+     */
+    bindKeyboardEvents() {
+        this.boundScheduleShow =
+            this.boundScheduleShow || this.scheduleShow.bind(this);
+        this.boundHideOnEscapeKeyEvent =
+            this.boundHideOnEscapeKeyEvent ||
+                this.hideOnEscapeKeyEvent.bind(this);
+        this.boundHideIfNotFocused =
+            this.boundHideIfNotFocused || this.hideIfNotFocused.bind(this);
+        this.referenceElement.addEventListener("focus", this.boundScheduleShow);
+        this.referenceElement.addEventListener("focusout", this.boundHideIfNotFocused.bind(this));
+        this.popoverElement.addEventListener("focusout", this.boundHideIfNotFocused.bind(this));
+        document.addEventListener("keyup", this.boundHideOnEscapeKeyEvent);
+    }
+    /**
+     * Unbinds all mouse events
+     */
+    unbindKeyboardEvents() {
+        this.referenceElement.removeEventListener("focus", this.boundScheduleShow);
+        this.referenceElement.removeEventListener("focusout", this.boundHideIfNotFocused);
+        this.referenceElement.removeEventListener("focusout", this.boundHideIfNotFocused);
+        document.removeEventListener("keyup", this.boundHideOnEscapeKeyEvent);
+    }
+    /**
+     * Binds mouse events to show/hide on reference element hover
+     */
+    bindMouseEvents() {
+        this.boundScheduleShow =
+            this.boundScheduleShow || this.scheduleShow.bind(this);
+        this.boundHide = this.boundHide || this.scheduleHide.bind(this);
+        this.boundClearActiveTimeout =
+            this.boundClearActiveTimeout || this.clearActiveTimeout.bind(this);
+        this.referenceElement.addEventListener("mouseover", this.boundScheduleShow);
+        this.referenceElement.addEventListener("mouseout", this.boundHide);
+        this.popoverElement.addEventListener("mouseover", this.boundClearActiveTimeout);
+        this.popoverElement.addEventListener("mouseout", this.boundHide);
+    }
+    /**
+     * Unbinds all mouse events
+     */
+    unbindMouseEvents() {
+        this.referenceElement.removeEventListener("mouseover", this.boundScheduleShow);
+        this.referenceElement.removeEventListener("mouseout", this.boundHide);
+        this.popoverElement.removeEventListener("mouseover", this.boundClearActiveTimeout);
+        this.popoverElement.removeEventListener("mouseout", this.boundHide);
+    }
+    /**
+     * Generates an ID for tooltips created with setTooltip.
+     */
+    static generateId() {
+        // generate a random number, then convert to a well formatted string
+        return ("--stacks-s-tooltip-" + Math.random().toString(36).substring(2, 10));
+    }
+}
+TooltipController.targets = [];
+/**
+ * Adds or updates a Stacks tooltip on a given element, initializing the controller if necessary
+ * @param element The element to add a tooltip to.
+ * @param html An HTML string to populate the tooltip with.
+ * @param options Options for rendering the tooltip.
+ */
+function setTooltipHtml(element, html, options) {
+    element.setAttribute("data-s-tooltip-html-title", html);
+    element.removeAttribute("title");
+    applyOptionsAndTitleAttributes(element, options);
+}
+/**
+ * Adds or updates a Stacks tooltip on a given element, initializing the controller if necessary
+ * @param element The element to add a tooltip to.
+ * @param text A plain text string to populate the tooltip with.
+ * @param options Options for rendering the tooltip.
+ */
+function setTooltipText(element, text, options) {
+    element.setAttribute("title", text);
+    element.removeAttribute("data-s-tooltip-html-title");
+    applyOptionsAndTitleAttributes(element, options);
+}
+/**
+ * Shared helper for setTooltip* to initialize and set tooltip content
+ * @param element The element to add a tooltip to.
+ * @param options Options for rendering the tooltip.
+ */
+function applyOptionsAndTitleAttributes(element, options) {
+    if (options && options.placement) {
+        element.setAttribute("data-s-tooltip-placement", options.placement);
+    }
+    const controller = (_stacks__WEBPACK_IMPORTED_MODULE_0__.application.getControllerForElementAndIdentifier(element, "s-tooltip"));
+    if (controller) {
+        controller.applyTitleAttributes();
+    }
+    else {
+        const dataController = element.getAttribute("data-controller");
+        element.setAttribute("data-controller", `${dataController ? dataController : ""} s-tooltip`);
+    }
+}
+
+
+/***/ },
+
+/***/ "../stacks-classic/lib/components/table/table.ts"
+/*!*******************************************************!*\
+  !*** ../stacks-classic/lib/components/table/table.ts ***!
+  \*******************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   SortOrder: () => (/* binding */ SortOrder),
+/* harmony export */   TableController: () => (/* binding */ TableController),
+/* harmony export */   buildIndex: () => (/* binding */ buildIndex),
+/* harmony export */   getCellSlot: () => (/* binding */ getCellSlot)
+/* harmony export */ });
+/* harmony import */ var _stacks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../stacks */ "../stacks-classic/lib/stacks.ts");
+
+/**
+ * The string values of these enumerations should correspond with `aria-sort` valid values.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-sort#values
+ */
+var SortOrder;
+(function (SortOrder) {
+    SortOrder["Ascending"] = "ascending";
+    SortOrder["Descending"] = "descending";
+    SortOrder["None"] = "none";
+})(SortOrder || (SortOrder = {}));
+class TableController extends _stacks__WEBPACK_IMPORTED_MODULE_0__.StacksController {
+    constructor() {
+        super(...arguments);
+        this.updateSortedColumnStyles = (targetColumnHeader, direction) => {
+            // Loop through all sortable columns and remove their sorting direction
+            // (if any), and only leave/set a sorting on `targetColumnHeader`.
+            this.columnTargets.forEach((header) => {
+                const isCurrent = header === targetColumnHeader;
+                const classSuffix = isCurrent
+                    ? direction === SortOrder.Ascending
+                        ? "asc"
+                        : "desc"
+                    : SortOrder.None;
+                header.classList.toggle("is-sorted", isCurrent && direction !== SortOrder.None);
+                header.querySelectorAll(".js-sorting-indicator").forEach((icon) => {
+                    icon.classList.toggle("d-none", !icon.classList.contains("js-sorting-indicator-" + classSuffix));
+                });
+                if (isCurrent) {
+                    header.setAttribute("aria-sort", direction);
+                }
+                else {
+                    header.removeAttribute("aria-sort");
+                }
+            });
+        };
+    }
+    sort(evt) {
+        // eslint-disable-next-line @typescript-eslint/no-this-alias
+        const controller = this;
+        const sortTriggerEl = evt.currentTarget;
+        // TODO: support *only* button as trigger in next major release
+        const triggerIsButton = sortTriggerEl instanceof HTMLButtonElement;
+        // the below conditional is here for backward compatibility with the old API
+        // where we did not advise buttons as sortable column head triggers
+        const colHead = (triggerIsButton ? sortTriggerEl.parentElement : sortTriggerEl);
+        const table = this.element;
+        const tbody = table.tBodies[0];
+        // the column slot number of the clicked header
+        const colno = getCellSlot(colHead);
+        if (colno < 0) {
+            // this shouldn't happen if the clicked element is actually a column head
+            return;
+        }
+        // an index of the <tbody>, so we can find out for each row which <td> element is
+        // in the same column slot as the header
+        const slotIndex = buildIndex(tbody);
+        // the default behavior when clicking a header is to sort by this column in ascending
+        // direction, *unless* it is already sorted that way
+        const direction = colHead.getAttribute("aria-sort") === SortOrder.Ascending ? -1 : 1;
+        const rows = Array.from(table.tBodies[0].rows);
+        // if this is still false after traversing the data, that means all values are integers (or empty)
+        // and thus we'll sort numerically.
+        let anyNonInt = false;
+        // data will be a list of tuples [value, rowNum], where value is what we're sorting by
+        const data = [];
+        let firstBottomRow;
+        rows.forEach(function (row, index) {
+            var _a, _b;
+            const force = controller.getElementData(row, "sort-to");
+            if (force === "top") {
+                return; // rows not added to the list will automatically end up at the top
+            }
+            else if (force === "bottom") {
+                if (!firstBottomRow) {
+                    firstBottomRow = row;
+                }
+                return;
+            }
+            const cell = slotIndex[index][colno];
+            if (!cell) {
+                data.push(["", index]);
+                return;
+            }
+            // unless the to-be-sorted-by value is explicitly provided on the element via this attribute,
+            // the value we're using is the cell's text, trimmed of any whitespace
+            const explicit = controller.getElementData(cell, "sort-val");
+            const d = (_b = explicit !== null && explicit !== void 0 ? explicit : (_a = cell.textContent) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : "";
+            if (d !== "" && `${parseInt(d, 10)}` !== d) {
+                anyNonInt = true;
+            }
+            data.push([d, index]);
+        });
+        // If all values were integers (or empty cells), sort numerically, with empty cells treated as
+        // having the lowest possible value (i.e. sorted to the top if ascending, bottom if descending)
+        if (!anyNonInt) {
+            data.forEach(function (tuple) {
+                tuple[0] =
+                    tuple[0] === ""
+                        ? Number.MIN_VALUE
+                        : parseInt(tuple[0], 10);
+            });
+        }
+        // We don't sort an array of <tr>, but instead an arrays of row *numbers*, because this way we
+        // can enforce stable sorting, i.e. rows that compare equal are guaranteed to remain in the same
+        // order (the JS standard does not gurantee this for sort()).
+        data.sort(function (a, b) {
+            // first compare the values (a[0])
+            if (a[0] > b[0]) {
+                return 1 * direction;
+            }
+            else if (a[0] < b[0]) {
+                return -1 * direction;
+            }
+            else {
+                // if the values are equal, compare the row numbers (a[1]) to guarantee stable sorting
+                // (note that this comparison is independent of the sorting direction)
+                return a[1] > b[1] ? 1 : -1;
+            }
+        });
+        // this is the actual reordering of the table rows
+        data.forEach(([_, rowIndex]) => {
+            var _a;
+            const row = rows[rowIndex];
+            (_a = row.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(row);
+            if (firstBottomRow) {
+                tbody.insertBefore(row, firstBottomRow);
+            }
+            else {
+                tbody.appendChild(row);
+            }
+        });
+        // update the UI and set the `data-sort-direction` attribute if appropriate, so that the next click
+        // will cause sorting in descending direction
+        this.updateSortedColumnStyles(colHead, direction === 1 ? SortOrder.Ascending : SortOrder.Descending);
+    }
+}
+TableController.targets = ["column"];
+/**
+ * @internal This function is exported for testing purposes but is not a part of our public API
+ *
+ * @param section
+ */
+function buildIndex(section) {
+    const result = buildIndexOrGetCellSlot(section);
+    if (!Array.isArray(result)) {
+        throw "shouldn't happen";
+    }
+    return result;
+}
+/**
+ * @internal This function is exported for testing purposes but is not a part of our public API
+ *
+ * @param cell
+ */
+function getCellSlot(cell) {
+    var _a;
+    const tableElement = (_a = cell.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement;
+    if (!(tableElement instanceof HTMLTableSectionElement)) {
+        throw "invalid table";
+    }
+    const result = buildIndexOrGetCellSlot(tableElement, cell);
+    if (typeof result !== "number") {
+        throw "shouldn't happen";
+    }
+    return result;
+}
+/**
+ * Just because a <td> is the 4th *child* of its <tr> doesn't mean it belongs to the 4th *column*
+ * of the table. Previous cells may have a colspan; cells in previous rows may have a rowspan.
+ * Because we need to know which header cells and data cells belong together, we have to 1) find out
+ * which column number (or "slot" as we call it here) the header cell has, and 2) for each row find
+ * out which <td> cell corresponds to this slot (because those are the rows we're sorting by).
+ *
+ * That's what the following function does. If the second argument is not given, it returns an index
+ * of the table, which is an array of arrays. Each of the sub-arrays corresponds to a table row. The
+ * indices of the sub-array correspond to column slots; the values are the actual table cell elements.
+ * For example index[4][3] is the <td> or <th> in row 4, column 3 of the table section (<tbody> or <thead>).
+ * Note that this element is not necessarily even in the 4th (zero-based) <tr> -- if it has a rowSpan > 1,
+ * it may also be in a previous <tr>.
+ *
+ * If the second argument is given, it's a <td> or <th> that we're trying to find, and the algorithm
+ * stops as soon as it has found it and the function returns its slot number.
+ */
+function buildIndexOrGetCellSlot(section, findCell) {
+    const index = [];
+    let curRow = section.children[0];
+    // the elements of these two arrays are synchronized; the first array contains table cell elements,
+    // the second one contains a number that indicates for how many more rows this elements will
+    // exist (i.e. the value is initially one less than the cell's rowspan, and will be decreased for each row)
+    const growing = [];
+    const growingRowsLeft = [];
+    // continue while we have actual <tr>'s left *or* we still have rowspan'ed elements that aren't done
+    while (curRow || growingRowsLeft.some((e) => e !== 0)) {
+        const curIndexRow = [];
+        index.push(curIndexRow);
+        let curSlot = 0;
+        if (curRow) {
+            for (let curCellIdx = 0; curCellIdx < curRow.children.length; curCellIdx++) {
+                while (growingRowsLeft[curSlot]) {
+                    growingRowsLeft[curSlot]--;
+                    curIndexRow[curSlot] = growing[curSlot];
+                    curSlot++;
+                }
+                const cell = curRow.children[curCellIdx];
+                if (!(cell instanceof HTMLTableCellElement)) {
+                    throw "invalid table";
+                }
+                if (getComputedStyle(cell).display === "none") {
+                    continue;
+                }
+                if (cell === findCell) {
+                    return curSlot;
+                }
+                const nextFreeSlot = curSlot + cell.colSpan;
+                for (; curSlot < nextFreeSlot; curSlot++) {
+                    growingRowsLeft[curSlot] = cell.rowSpan - 1; // if any of these is already growing, the table is broken -- no guarantees of anything
+                    growing[curSlot] = cell;
+                    curIndexRow[curSlot] = cell;
+                }
+            }
+        }
+        while (curSlot < growing.length) {
+            if (growingRowsLeft[curSlot]) {
+                growingRowsLeft[curSlot]--;
+                curIndexRow[curSlot] = growing[curSlot];
+            }
+            curSlot++;
+        }
+        if (curRow) {
+            curRow = curRow.nextElementSibling;
+        }
+    }
+    // if findCell was given, but we end up here, that means it isn't in this section
+    return findCell ? -1 : index;
+}
+
+
+/***/ },
+
+/***/ "../stacks-classic/lib/components/toast/toast.ts"
+/*!*******************************************************!*\
+  !*** ../stacks-classic/lib/components/toast/toast.ts ***!
+  \*******************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ToastController: () => (/* binding */ ToastController),
+/* harmony export */   hideToast: () => (/* binding */ hideToast),
+/* harmony export */   showToast: () => (/* binding */ showToast)
+/* harmony export */ });
+/* harmony import */ var _stacks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../stacks */ "../stacks-classic/lib/stacks.ts");
+
+class ToastController extends _stacks__WEBPACK_IMPORTED_MODULE_0__.StacksController {
+    connect() {
+        this.validate();
+    }
+    /**
+     * Disconnects all added event listeners on controller disconnect
+     */
+    disconnect() {
+        this.unbindDocumentEvents();
+    }
+    /**
+     * Toggles the visibility of the toast
+     */
+    toggle(dispatcher = null) {
+        this._toggle(undefined, dispatcher);
+    }
+    /**
+     * Shows the toast
+     */
+    show(dispatcher = null) {
+        this._toggle(true, dispatcher);
+    }
+    /**
+     * Hides the toast
+     */
+    hide(dispatcher = null) {
+        this._toggle(false, dispatcher);
+    }
+    /**
+     * Validates the toast settings and attempts to set necessary internal variables
+     */
+    validate() {
+        // check for returnElement support
+        const returnElementSelector = this.data.get("return-element");
+        if (returnElementSelector) {
+            this.returnElement = (document.querySelector(returnElementSelector));
+            if (!this.returnElement) {
+                throw ("Unable to find element by return-element selector: " +
+                    returnElementSelector);
+            }
+        }
+    }
+    /**
+     * Toggles the visibility of the toast element
+     * @param show Optional parameter that force shows/hides the element or toggles it if left undefined
+     */
+    _toggle(show, dispatcher = null) {
+        let toShow = show;
+        const isVisible = this.toastTarget.getAttribute("aria-hidden") === "false";
+        // if we're letting the class toggle, we need to figure out if the toast is visible manually
+        if (typeof toShow === "undefined") {
+            toShow = !isVisible;
+        }
+        // if the state matches the disired state, return without changing anything
+        if ((toShow && isVisible) || (!toShow && !isVisible)) {
+            return;
+        }
+        const dispatchingElement = this.getDispatcher(dispatcher);
+        // show/hide events trigger before toggling the class
+        const triggeredEvent = this.triggerEvent(toShow ? "show" : "hide", {
+            returnElement: this.returnElement,
+            dispatcher: this.getDispatcher(dispatchingElement),
+        }, this.toastTarget);
+        // if this pre-show/hide event was prevented, don't attempt to continue changing the toast state
+        if (triggeredEvent.defaultPrevented) {
+            return;
+        }
+        this.returnElement = triggeredEvent.detail.returnElement;
+        this.toastTarget.setAttribute("aria-hidden", toShow ? "false" : "true");
+        if (toShow) {
+            this.bindDocumentEvents();
+            this.hideAfterTimeout();
+            if (this.data.get("prevent-focus-capture") !== "true") {
+                this.focusInsideToast();
+            }
+        }
+        else {
+            this.unbindDocumentEvents();
+            this.focusReturnElement();
+            this.removeToastOnHide();
+            this.clearActiveTimeout();
+        }
+        // check for transitionend support
+        const supportsTransitionEnd = this.toastTarget.ontransitionend !== undefined;
+        // shown/hidden events trigger after toggling the class
+        if (supportsTransitionEnd) {
+            // wait until after the toast finishes transitioning to fire the event
+            this.toastTarget.addEventListener("transitionend", () => {
+                //TODO this is firing waaay to soon?
+                this.triggerEvent(toShow ? "shown" : "hidden", {
+                    dispatcher: dispatchingElement,
+                }, this.toastTarget);
+            }, { once: true });
+        }
+        else {
+            this.triggerEvent(toShow ? "shown" : "hidden", {
+                dispatcher: dispatchingElement,
+            }, this.toastTarget);
+        }
+    }
+    /**
+     * Listens for the s-toast:hidden event and focuses the returnElement when it is fired
+     */
+    focusReturnElement() {
+        if (!this.returnElement) {
+            return;
+        }
+        this.toastTarget.addEventListener("s-toast:hidden", () => {
+            // double check the element still exists when the event is called
+            if (this.returnElement &&
+                document.body.contains(this.returnElement)) {
+                this.returnElement.focus();
+            }
+        }, { once: true });
+    }
+    /**
+     * Remove the element on hide if the `remove-when-hidden` flag is set
+     */
+    removeToastOnHide() {
+        if (this.data.get("remove-when-hidden") !== "true") {
+            return;
+        }
+        this.toastTarget.addEventListener("s-toast:hidden", () => {
+            this.element.remove();
+        }, { once: true });
+    }
+    /**
+     * Hide the element after a delay
+     */
+    hideAfterTimeout() {
+        if (this.data.get("prevent-auto-hide") === "true" ||
+            this.data.get("hide-after-timeout") === "0") {
+            return;
+        }
+        const timeout = parseInt(this.data.get("hide-after-timeout"), 10) || 3000;
+        this.activeTimeout = window.setTimeout(() => this.hide(), timeout);
+    }
+    /**
+     * Cancels the activeTimeout
+     */
+    clearActiveTimeout() {
+        clearTimeout(this.activeTimeout);
+    }
+    /**
+     * Gets all elements within the toast that could receive keyboard focus.
+     */
+    getAllTabbables() {
+        return Array.from(this.toastTarget.querySelectorAll("[href], input, select, textarea, button, [tabindex]")).filter((el) => el.matches(":not([disabled]):not([tabindex='-1'])"));
+    }
+    /**
+     * Returns the first visible element in an array or `undefined` if no elements are visible.
+     */
+    firstVisible(elements) {
+        // https://stackoverflow.com/a/21696585
+        return elements === null || elements === void 0 ? void 0 : elements.find((el) => el.offsetParent !== null);
+    }
+    /**
+     * Attempts to shift keyboard focus into the toast.
+     * If elements with `data-s-toast-target="initialFocus"` are present and visible, one of those will be selected.
+     * Otherwise, the first visible focusable element will receive focus.
+     */
+    focusInsideToast() {
+        this.toastTarget.addEventListener("s-toast:shown", () => {
+            var _a;
+            const initialFocus = (_a = this.firstVisible(this.initialFocusTargets)) !== null && _a !== void 0 ? _a : this.firstVisible(this.getAllTabbables());
+            initialFocus === null || initialFocus === void 0 ? void 0 : initialFocus.focus();
+        }, { once: true });
+    }
+    /**
+     * Binds global events to the document for hiding toasts on user interaction
+     */
+    bindDocumentEvents() {
+        // in order for removeEventListener to remove the right event, this bound function needs a constant reference
+        this._boundClickFn =
+            this._boundClickFn || this.hideOnOutsideClick.bind(this);
+        this._boundKeypressFn =
+            this._boundKeypressFn || this.hideOnEscapePress.bind(this);
+        document.addEventListener("mousedown", this._boundClickFn);
+        document.addEventListener("keyup", this._boundKeypressFn);
+    }
+    /**
+     * Unbinds global events to the document for hiding toasts on user interaction
+     */
+    unbindDocumentEvents() {
+        document.removeEventListener("mousedown", this._boundClickFn);
+        document.removeEventListener("keyup", this._boundKeypressFn);
+    }
+    /**
+     * Forces the toast to hide if a user clicks outside of it or its reference element
+     */
+    hideOnOutsideClick(e) {
+        var _a;
+        const target = e.target;
+        // check if the document was clicked inside either the toggle element or the toast itself
+        // note: .contains also returns true if the node itself matches the target element
+        if (!((_a = this.toastTarget) === null || _a === void 0 ? void 0 : _a.contains(target)) &&
+            document.body.contains(target) &&
+            this.data.get("hide-on-outside-click") !== "false") {
+            this._toggle(false, e);
+        }
+    }
+    /**
+     * Forces the toast to hide if the user presses escape while it, one of its childen, or the reference element are focused
+     */
+    hideOnEscapePress(e) {
+        // if the ESC key (27) wasn't pressed or if no toasts are showing, return
+        if (e.which !== 27 ||
+            this.toastTarget.getAttribute("aria-hidden") === "true") {
+            return;
+        }
+        this._toggle(false, e);
+    }
+    /**
+     * Determines the correct dispatching element from a potential input
+     * @param dispatcher The event or element to get the dispatcher from
+     */
+    getDispatcher(dispatcher = null) {
+        if (dispatcher instanceof Event) {
+            return dispatcher.target;
+        }
+        else if (dispatcher instanceof Element) {
+            return dispatcher;
+        }
+        else {
+            return this.element;
+        }
+    }
+}
+ToastController.targets = ["toast", "initialFocus"];
+/**
+ * Helper to manually show an s-toast element via external JS
+ * @param element the element the `data-controller="s-toast"` attribute is on
+ */
+function showToast(element) {
+    toggleToast(element, true);
+}
+/**
+ * Helper to manually hide an s-toast element via external JS
+ * @param element the element the `data-controller="s-toast"` attribute is on
+ */
+function hideToast(element) {
+    toggleToast(element, false);
+}
+/**
+ * Helper to manually show an s-toast element via external JS
+ * @param element the element the `data-controller="s-toast"` attribute is on
+ * @param show whether to force show/hide the toast; toggles the toast if left undefined
+ */
+function toggleToast(element, show) {
+    const controller = _stacks__WEBPACK_IMPORTED_MODULE_0__.application.getControllerForElementAndIdentifier(element, "s-toast");
+    if (!controller) {
+        throw "Unable to get s-toast controller from element";
+    }
+    show ? controller.show() : controller.hide();
+}
+
+
+/***/ },
+
+/***/ "../stacks-classic/lib/controllers.ts"
+/*!********************************************!*\
+  !*** ../stacks-classic/lib/controllers.ts ***!
+  \********************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   BannerController: () => (/* reexport safe */ _components_banner_banner__WEBPACK_IMPORTED_MODULE_0__.BannerController),
+/* harmony export */   BasePopoverController: () => (/* reexport safe */ _components_popover_popover__WEBPACK_IMPORTED_MODULE_3__.BasePopoverController),
+/* harmony export */   ModalController: () => (/* reexport safe */ _components_modal_modal__WEBPACK_IMPORTED_MODULE_1__.ModalController),
+/* harmony export */   PopoverController: () => (/* reexport safe */ _components_popover_popover__WEBPACK_IMPORTED_MODULE_3__.PopoverController),
+/* harmony export */   TabListController: () => (/* reexport safe */ _components_navigation_navigation__WEBPACK_IMPORTED_MODULE_2__.TabListController),
+/* harmony export */   TableController: () => (/* reexport safe */ _components_table_table__WEBPACK_IMPORTED_MODULE_4__.TableController),
+/* harmony export */   ToastController: () => (/* reexport safe */ _components_toast_toast__WEBPACK_IMPORTED_MODULE_5__.ToastController),
+/* harmony export */   TooltipController: () => (/* reexport safe */ _components_popover_tooltip__WEBPACK_IMPORTED_MODULE_6__.TooltipController),
+/* harmony export */   attachPopover: () => (/* reexport safe */ _components_popover_popover__WEBPACK_IMPORTED_MODULE_3__.attachPopover),
+/* harmony export */   detachPopover: () => (/* reexport safe */ _components_popover_popover__WEBPACK_IMPORTED_MODULE_3__.detachPopover),
+/* harmony export */   hideBanner: () => (/* reexport safe */ _components_banner_banner__WEBPACK_IMPORTED_MODULE_0__.hideBanner),
+/* harmony export */   hideModal: () => (/* reexport safe */ _components_modal_modal__WEBPACK_IMPORTED_MODULE_1__.hideModal),
+/* harmony export */   hidePopover: () => (/* reexport safe */ _components_popover_popover__WEBPACK_IMPORTED_MODULE_3__.hidePopover),
+/* harmony export */   hideToast: () => (/* reexport safe */ _components_toast_toast__WEBPACK_IMPORTED_MODULE_5__.hideToast),
+/* harmony export */   setTooltipHtml: () => (/* reexport safe */ _components_popover_tooltip__WEBPACK_IMPORTED_MODULE_6__.setTooltipHtml),
+/* harmony export */   setTooltipText: () => (/* reexport safe */ _components_popover_tooltip__WEBPACK_IMPORTED_MODULE_6__.setTooltipText),
+/* harmony export */   showBanner: () => (/* reexport safe */ _components_banner_banner__WEBPACK_IMPORTED_MODULE_0__.showBanner),
+/* harmony export */   showModal: () => (/* reexport safe */ _components_modal_modal__WEBPACK_IMPORTED_MODULE_1__.showModal),
+/* harmony export */   showPopover: () => (/* reexport safe */ _components_popover_popover__WEBPACK_IMPORTED_MODULE_3__.showPopover),
+/* harmony export */   showToast: () => (/* reexport safe */ _components_toast_toast__WEBPACK_IMPORTED_MODULE_5__.showToast)
+/* harmony export */ });
+/* harmony import */ var _components_banner_banner__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/banner/banner */ "../stacks-classic/lib/components/banner/banner.ts");
+/* harmony import */ var _components_modal_modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/modal/modal */ "../stacks-classic/lib/components/modal/modal.ts");
+/* harmony import */ var _components_navigation_navigation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/navigation/navigation */ "../stacks-classic/lib/components/navigation/navigation.ts");
+/* harmony import */ var _components_popover_popover__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/popover/popover */ "../stacks-classic/lib/components/popover/popover.ts");
+/* harmony import */ var _components_table_table__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/table/table */ "../stacks-classic/lib/components/table/table.ts");
+/* harmony import */ var _components_toast_toast__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/toast/toast */ "../stacks-classic/lib/components/toast/toast.ts");
+/* harmony import */ var _components_popover_tooltip__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/popover/tooltip */ "../stacks-classic/lib/components/popover/tooltip.ts");
+// export all controllers *with helpers* so they can be bulk re-exported by the package entry point
+
+
+
+
+
+
+
+
+
+/***/ },
+
+/***/ "../stacks-classic/lib/index.ts"
+/*!**************************************!*\
+  !*** ../stacks-classic/lib/index.ts ***!
+  \**************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   BannerController: () => (/* reexport safe */ _controllers__WEBPACK_IMPORTED_MODULE_1__.BannerController),
+/* harmony export */   BasePopoverController: () => (/* reexport safe */ _controllers__WEBPACK_IMPORTED_MODULE_1__.BasePopoverController),
+/* harmony export */   ModalController: () => (/* reexport safe */ _controllers__WEBPACK_IMPORTED_MODULE_1__.ModalController),
+/* harmony export */   PopoverController: () => (/* reexport safe */ _controllers__WEBPACK_IMPORTED_MODULE_1__.PopoverController),
+/* harmony export */   StacksApplication: () => (/* reexport safe */ _stacks__WEBPACK_IMPORTED_MODULE_2__.StacksApplication),
+/* harmony export */   StacksController: () => (/* reexport safe */ _stacks__WEBPACK_IMPORTED_MODULE_2__.StacksController),
+/* harmony export */   TabListController: () => (/* reexport safe */ _controllers__WEBPACK_IMPORTED_MODULE_1__.TabListController),
+/* harmony export */   TableController: () => (/* reexport safe */ _controllers__WEBPACK_IMPORTED_MODULE_1__.TableController),
+/* harmony export */   ToastController: () => (/* reexport safe */ _controllers__WEBPACK_IMPORTED_MODULE_1__.ToastController),
+/* harmony export */   TooltipController: () => (/* reexport safe */ _controllers__WEBPACK_IMPORTED_MODULE_1__.TooltipController),
+/* harmony export */   addController: () => (/* reexport safe */ _stacks__WEBPACK_IMPORTED_MODULE_2__.addController),
+/* harmony export */   application: () => (/* reexport safe */ _stacks__WEBPACK_IMPORTED_MODULE_2__.application),
+/* harmony export */   attachPopover: () => (/* reexport safe */ _controllers__WEBPACK_IMPORTED_MODULE_1__.attachPopover),
+/* harmony export */   createController: () => (/* reexport safe */ _stacks__WEBPACK_IMPORTED_MODULE_2__.createController),
+/* harmony export */   detachPopover: () => (/* reexport safe */ _controllers__WEBPACK_IMPORTED_MODULE_1__.detachPopover),
+/* harmony export */   hideBanner: () => (/* reexport safe */ _controllers__WEBPACK_IMPORTED_MODULE_1__.hideBanner),
+/* harmony export */   hideModal: () => (/* reexport safe */ _controllers__WEBPACK_IMPORTED_MODULE_1__.hideModal),
+/* harmony export */   hidePopover: () => (/* reexport safe */ _controllers__WEBPACK_IMPORTED_MODULE_1__.hidePopover),
+/* harmony export */   hideToast: () => (/* reexport safe */ _controllers__WEBPACK_IMPORTED_MODULE_1__.hideToast),
+/* harmony export */   setTooltipHtml: () => (/* reexport safe */ _controllers__WEBPACK_IMPORTED_MODULE_1__.setTooltipHtml),
+/* harmony export */   setTooltipText: () => (/* reexport safe */ _controllers__WEBPACK_IMPORTED_MODULE_1__.setTooltipText),
+/* harmony export */   showBanner: () => (/* reexport safe */ _controllers__WEBPACK_IMPORTED_MODULE_1__.showBanner),
+/* harmony export */   showModal: () => (/* reexport safe */ _controllers__WEBPACK_IMPORTED_MODULE_1__.showModal),
+/* harmony export */   showPopover: () => (/* reexport safe */ _controllers__WEBPACK_IMPORTED_MODULE_1__.showPopover),
+/* harmony export */   showToast: () => (/* reexport safe */ _controllers__WEBPACK_IMPORTED_MODULE_1__.showToast)
+/* harmony export */ });
+/* harmony import */ var _stacks_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./stacks.less */ "../stacks-classic/lib/stacks.less");
+/* harmony import */ var _controllers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./controllers */ "../stacks-classic/lib/controllers.ts");
+/* harmony import */ var _stacks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./stacks */ "../stacks-classic/lib/stacks.ts");
+
+
+
+// register all built-in controllers
+_stacks__WEBPACK_IMPORTED_MODULE_2__.application.register("s-banner", _controllers__WEBPACK_IMPORTED_MODULE_1__.BannerController);
+_stacks__WEBPACK_IMPORTED_MODULE_2__.application.register("s-modal", _controllers__WEBPACK_IMPORTED_MODULE_1__.ModalController);
+_stacks__WEBPACK_IMPORTED_MODULE_2__.application.register("s-toast", _controllers__WEBPACK_IMPORTED_MODULE_1__.ToastController);
+_stacks__WEBPACK_IMPORTED_MODULE_2__.application.register("s-navigation-tablist", _controllers__WEBPACK_IMPORTED_MODULE_1__.TabListController);
+_stacks__WEBPACK_IMPORTED_MODULE_2__.application.register("s-popover", _controllers__WEBPACK_IMPORTED_MODULE_1__.PopoverController);
+_stacks__WEBPACK_IMPORTED_MODULE_2__.application.register("s-table", _controllers__WEBPACK_IMPORTED_MODULE_1__.TableController);
+_stacks__WEBPACK_IMPORTED_MODULE_2__.application.register("s-tooltip", _controllers__WEBPACK_IMPORTED_MODULE_1__.TooltipController);
+// finalize the application to guard our controller namespace
+_stacks__WEBPACK_IMPORTED_MODULE_2__.StacksApplication.finalize();
+// export all controllers w/ helpers
+
+// export the entirety of the contents of stacks.ts
+
+
+
+/***/ },
+
+/***/ "../stacks-classic/lib/stacks.less"
+/*!*****************************************!*\
+  !*** ../stacks-classic/lib/stacks.less ***!
+  \*****************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ },
+
+/***/ "../stacks-classic/lib/stacks.ts"
+/*!***************************************!*\
+  !*** ../stacks-classic/lib/stacks.ts ***!
+  \***************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   StacksApplication: () => (/* binding */ StacksApplication),
+/* harmony export */   StacksController: () => (/* binding */ StacksController),
+/* harmony export */   addController: () => (/* binding */ addController),
+/* harmony export */   application: () => (/* binding */ application),
+/* harmony export */   createController: () => (/* binding */ createController)
+/* harmony export */ });
+/* harmony import */ var _hotwired_stimulus__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @hotwired/stimulus */ "../../node_modules/@hotwired/stimulus/dist/stimulus.js");
+
+class StacksApplication extends _hotwired_stimulus__WEBPACK_IMPORTED_MODULE_0__.Application {
+    load(head, ...rest) {
+        const definitions = Array.isArray(head) ? head : [head, ...rest];
+        for (const definition of definitions) {
+            const hasPrefix = /^s-/.test(definition.identifier);
+            if (StacksApplication._initializing && !hasPrefix) {
+                throw 'Stacks-created Stimulus controller names must start with "s-".';
+            }
+            if (!StacksApplication._initializing && hasPrefix) {
+                throw 'The "s-" prefix on Stimulus controller names is reserved for Stacks-created controllers.';
+            }
+        }
+        super.load(definitions);
+    }
+    static start(element, schema) {
+        const application = new StacksApplication(element, schema);
+        application.start();
+        return application;
+    }
+    static finalize() {
+        StacksApplication._initializing = false;
+    }
+}
+StacksApplication._initializing = true;
+const application = StacksApplication.start();
+class StacksController extends _hotwired_stimulus__WEBPACK_IMPORTED_MODULE_0__.Controller {
+    getElementData(element, key) {
+        return element.getAttribute("data-" + this.identifier + "-" + key);
+    }
+    setElementData(element, key, value) {
+        element.setAttribute("data-" + this.identifier + "-" + key, value);
+    }
+    removeElementData(element, key) {
+        element.removeAttribute("data-" + this.identifier + "-" + key);
+    }
+    triggerEvent(eventName, detail, optionalElement) {
+        const namespacedName = this.identifier + ":" + eventName;
+        let event;
+        try {
+            event = new CustomEvent(namespacedName, {
+                bubbles: true,
+                cancelable: true,
+                detail: detail,
+            });
+        }
+        catch (_a) {
+            // Internet Explorer
+            event = document.createEvent("CustomEvent");
+            event.initCustomEvent(namespacedName, true, true, detail);
+        }
+        (optionalElement || this.element).dispatchEvent(event);
+        return event;
+    }
+}
+function createController(controllerDefinition) {
+    var _a;
+    var _b;
+    // eslint-disable-next-line no-prototype-builtins
+    const Controller = controllerDefinition.hasOwnProperty("targets")
+        ? (_b = class Controller extends StacksController {
+            },
+            _b.targets = (_a = controllerDefinition.targets) !== null && _a !== void 0 ? _a : [],
+            _b) : class Controller extends StacksController {
+    };
+    for (const prop in controllerDefinition) {
+        const ownPropDescriptor = 
+        // eslint-disable-next-line no-prototype-builtins
+        controllerDefinition.hasOwnProperty(prop) &&
+            Object.getOwnPropertyDescriptor(controllerDefinition, prop);
+        if (prop !== "targets" && ownPropDescriptor) {
+            Object.defineProperty(Controller.prototype, prop, ownPropDescriptor);
+        }
+    }
+    return Controller;
+}
+function addController(name, controller) {
+    application.register(name, createController(controller));
+}
+
+
+/***/ },
+
+/***/ "./assets/js/controllers/docs-resizer.ts"
+/*!***********************************************!*\
+  !*** ./assets/js/controllers/docs-resizer.ts ***!
+  \***********************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _hotwired_stimulus__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @hotwired/stimulus */ "../../node_modules/@hotwired/stimulus/dist/stimulus.js");
+
+(function () {
+    var _a;
+    var application = _hotwired_stimulus__WEBPACK_IMPORTED_MODULE_0__.Application.start();
+    application.register("docs-resizer", (_a = class extends _hotwired_stimulus__WEBPACK_IMPORTED_MODULE_0__.Controller {
+            connect() {
+                this._selected = null;
+                this._sizeClass = null;
+                if (this.hasDefaultTarget) {
+                    var evt = document.createEvent('mouseevent');
+                    evt.initEvent('click', true, true);
+                    var that = this;
+                    setTimeout(function () {
+                        that.defaultTarget.dispatchEvent(evt);
+                    }, 0);
+                }
+            }
+            ;
+            small(e) {
+                this._handleSizeEvent(e, "w40");
+            }
+            ;
+            large(e) {
+                this._handleSizeEvent(e, "w100");
+            }
+            ;
+            _handleSizeEvent(evt, cls) {
+                if (!(evt.currentTarget instanceof Element)) {
+                    throw "unexpected event";
+                }
+                if (this._sizeClass) {
+                    this.resizableTarget.classList.remove(this._sizeClass);
+                }
+                if (this._selected) {
+                    this._selected.classList.remove("bg-black-225");
+                    this._selected.classList.remove("fc-black-500");
+                }
+                this._sizeClass = cls;
+                this.resizableTarget.classList.add(cls);
+                this._selected = evt.currentTarget;
+                evt.currentTarget.classList.add("bg-black-225");
+                evt.currentTarget.classList.add("fc-black-500");
+                evt.preventDefault();
+            }
+        },
+        _a.targets = ["resizable", "default"],
+        _a));
+})();
+
+
+/***/ },
+
+/***/ "./assets/js/global.feedback.js"
+/*!**************************************!*\
+  !*** ./assets/js/global.feedback.js ***!
+  \**************************************/
+() {
+
+var feedbackForms = document.querySelectorAll('.js-feedback-form');
+var feedbackToast = document.querySelector('.js-feedback-toast');
+
+for (var form of feedbackForms) {
+    form.addEventListener('submit', handleFeedback)
+}
+
+function handleFeedback(evt) {
+    evt.preventDefault();
+
+    var formData = new FormData(evt.target);
+    fetch('/', {
+        method: 'POST',
+        headers: { "Content-Type": "application/x-www-form-urlencoded" },
+        body: new URLSearchParams(formData).toString()
+    })
+    .then(() => openToast())
+    .catch((error) => alert(error))
+}
+
+function openToast() {
+    feedbackToast.setAttribute("aria-hidden", "false");
+
+    for (var form of feedbackForms) {
+        form.classList.add("pe-none", "o50");
+    }
+
+    setTimeout(function () {
+        feedbackToast.setAttribute("aria-hidden", "true");
+
+        for (var form of feedbackForms) {
+            form.classList.remove("pe-none", "o50");
+        }
+    }, 5000);
+}
+
+/***/ },
+
+/***/ "./assets/js/global.hamburger.js"
+/*!***************************************!*\
+  !*** ./assets/js/global.hamburger.js ***!
+  \***************************************/
+() {
+
+$(document).ready(function() {
+    var navigation = $(".js-navigation");
+    var hamburgerBtn = $(".js-hamburger-btn");
+
+    hamburgerBtn.on("click", function(e) {
+        e.preventDefault();
+        e.stopPropagation();
+
+        hamburgerBtn.toggleClass("is-selected");
+        navigation.toggleClass("md:d-none");
+    });
+});
+
+
+/***/ },
+
+/***/ "./assets/js/global.jquery.ts"
+/*!************************************!*\
+  !*** ./assets/js/global.jquery.ts ***!
+  \************************************/
+(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+// @ts-expect-error
+globalThis.$ = __webpack_require__(/*! jquery */ "../../node_modules/jquery/dist/jquery.js");
+
+
+/***/ },
+
+/***/ "./assets/js/global.navigation.js"
+/*!****************************************!*\
+  !*** ./assets/js/global.navigation.js ***!
+  \****************************************/
+() {
+
+$(document).ready(function() {
+    // Cache some variables
+    var navigation = $(".js-navigation");
+    var hamburgerBtn = $(".js-hamburger-btn");
+
+    // Disable any empty links
+    $("a[href='#']").click(function(e) {
+        e.preventDefault();
+    });
+
+    // Docs table "Show all classes" - use delegation so it works after sidebar nav AJAX load
+    $(document).on("click", ".js-docs-table-expand", function() {
+        var button = $(this);
+        var tableId = button.attr("aria-controls");
+        var table = tableId ? document.getElementById(tableId) : null;
+        if (table) {
+            button.addClass("d-none");
+            button.attr("aria-expanded", "true");
+            table.classList.remove("v-truncate", "v-truncate-fade", "overflow-auto");
+            table.classList.add("overflow-x-auto");
+        }
+    });
+
+    function regenerateMenu () {
+        // Hide the navigation if we've opened it
+        hamburgerBtn.removeClass("is-selected");
+        navigation.addClass("md:d-none");
+    }
+
+    function killEmptyLinks() {
+        // Kill default behavior on empty links
+        $("a[href='#']").on("click", function(e) {
+            e.preventDefault();
+            e.stopPropagation();
+        });
+    }
+
+    $.when($.ready).then(function() {
+        regenerateMenu();
+        killEmptyLinks();
+
+        window.history.replaceState({
+            'href': window.location.href,
+            'title': $('head').filter('title').text(),
+            'nav': $(document).find('#nav').html(),
+            'content': $(document).find('#content').html(),
+        }, '', window.location.href)
+
+        $('#nav').on('click', 'a', function (event) {
+
+            // Allow opening links in new tabs
+            if (event.metaKey || event.ctrlKey) {
+              return
+            }
+
+            // Prevent following link
+            event.preventDefault()
+
+            // Get desired link
+            var href = $(this).attr('href')
+
+            // Make Ajax request to get the page content
+            $.ajax({
+              method: 'GET',
+              url: href,
+              cache: false,
+              dataType: 'html',
+            }).done(function(html) {
+
+                // Parse the HTML response
+                var title = $(html).filter('title').text()
+                var nav = $(html).find('#nav').html()
+                var content = $(html).find('#content').html()
+
+                // Update the page
+                $('head title').text(title)
+                $('#nav').html(nav)
+                $('#content').html(content)
+
+                // Update the TOC from new content headings
+                var $newToc = $(html).find(".js-toc");
+                var tocContent = $newToc.html();
+
+                if ($newToc.length > 0 && tocContent.trim() !== "") {
+                    $(".js-toc").html(tocContent).show();
+                } else {
+                    $(".js-toc").html("").hide();
+                }
+
+                // Scroll to the top of the page
+                $(document).scrollTop(0)
+
+                regenerateMenu();
+                killEmptyLinks();
+
+                // Add page load to browser history
+                window.history.pushState({
+                    'href': href,
+                    'title': title,
+                    'nav': $(html).find('#nav').html(),
+                    'content': $(html).find('#content').html(),
+                }, '', href)
+            })
+        })
+
+        window.onpopstate = history.onpushstate = function(e) {
+            if(e.state){
+                // Update the page
+                $('title').text(e.state.title)
+                $('#nav').html(e.state.nav)
+                $('#content').html(e.state.content)
+            }
+        }
+    });
+});
+
+
+/***/ },
+
+/***/ "./assets/js/global.search.js"
+/*!************************************!*\
+  !*** ./assets/js/global.search.js ***!
+  \************************************/
+(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+// TODO docsearch expects `process.env`, as if it were a nodejs file, so polyfill it here
+// usually these are stripped out before they make it into the distributable, but I guess not this one...
+// @ts-expect-error
+globalThis.process = {
+    env: {}
+};
+const docsearch = __webpack_require__(/*! docsearch.js */ "../../node_modules/docsearch.js/dist/npm/index.js");
+
+$(document).ready(function () {
+    // Algolia search index configuration and stats:
+    // https://www.algolia.com/apps/J0LOVOL3W6/explorer/browse/stackoverflow_design
+    docsearch({
+        appId: "J0LOVOL3W6",
+        apiKey: "7c82233c09f195c775eca63b6407d0fd",
+        indexName: "stackoverflow_design",
+        inputSelector: "#searchbox",
+    });
+
+    // Show or hide search
+    var searchContainer = $(".js-search");
+    var searchCloseIcon = $(".js-search-close-icon");
+    var searchIcon = $(".js-search-icon");
+    var searchBtn = $(".js-search-btn");
+
+    searchBtn.click(function (e) {
+        e.preventDefault();
+        e.stopPropagation();
+
+        searchIcon.toggleClass("d-none");
+        searchCloseIcon.toggleClass("d-none");
+        searchContainer.toggleClass("docs-topbar--searchbar__open");
+
+        if (searchContainer.hasClass("docs-topbar--searchbar__open")) {
+            searchContainer.find("input").focus();
+        }
+    });
+});
+
+
+/***/ },
+
+/***/ "./assets/js/global.theming.js"
+/*!*************************************!*\
+  !*** ./assets/js/global.theming.js ***!
+  \*************************************/
+() {
+
+$(document).ready(function () {
+    var themeDarkToggleSwitch = $("#toggle-theme-dark");
+    var themeCustomToggleSwitch = $("#toggle-theme-custom");
+    var themeHighcontrastToggleSwitch = $("#toggle-theme-highcontrast");
+    var body = $("body");
+    var browserPrefersDark = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches;
+    var isCustom = body.hasClass("theme-custom");
+    var isDark = body.hasClass("theme-dark") || browserPrefersDark && body.hasClass("theme-system");
+    var isHighcontrast = body.hasClass("theme-highcontrast");
+
+    themeCustomToggleSwitch.prop("checked", isCustom);
+    themeDarkToggleSwitch.prop("checked", isDark);
+    themeHighcontrastToggleSwitch.prop("checked", isHighcontrast);
+
+    themeDarkToggleSwitch.change(function (e) {
+        e.preventDefault();
+        e.stopPropagation();
+
+        var isForcedDarkMode = body.hasClass("theme-dark");
+        var isUnforcedDarkMode = browserPrefersDark && body.hasClass("theme-system");
+
+        if (browserPrefersDark) {
+            body.toggleClass("theme-system", !isUnforcedDarkMode);
+            body.toggleClass("theme-dark", false);
+        } else {
+            body.toggleClass("theme-system", true);
+            body.toggleClass("theme-dark", !isForcedDarkMode);
+        }
+
+        $(this).prop("checked", !(isUnforcedDarkMode || isForcedDarkMode));
+
+        localStorage.setItem("forceDarkModeOn", !(isUnforcedDarkMode || isForcedDarkMode));
+
+        return false;
+    });
+
+    themeCustomToggleSwitch.change(function (e) {
+        e.preventDefault();
+        e.stopPropagation();
+
+        var isCustom = body.hasClass("theme-custom");
+
+        $(this).prop("checked", !isCustom);
+        body.toggleClass("theme-custom", !isCustom);
+        body.toggleClass("themed", !isCustom);
+
+        localStorage.setItem("customTheme", !isCustom);
+
+        return false;
+    });
+
+    themeHighcontrastToggleSwitch.change(function (e) {
+        e.preventDefault();
+        e.stopPropagation();
+
+        var isHighcontrast = body.hasClass("theme-highcontrast");
+
+        $(this).prop("checked", !isHighcontrast);
+        body.toggleClass("theme-highcontrast", !isHighcontrast);
+
+        localStorage.setItem("forceHighContrastModeOn", !isHighcontrast);
+
+        return false;
+    });
+});
+
+
+/***/ },
+
+/***/ "./assets/less/stacks-documentation.less"
+/*!***********************************************!*\
+  !*** ./assets/less/stacks-documentation.less ***!
+  \***********************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ },
+
+/***/ "?8a48"
+/*!****************************!*\
+  !*** ./nextTick (ignored) ***!
+  \****************************/
+() {
+
+/* (ignored) */
+
+/***/ }
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Check if module exists (development only)
+/******/ 		if (__webpack_modules__[moduleId] === undefined) {
+/******/ 			var e = new Error("Cannot find module '" + moduleId + "'");
+/******/ 			e.code = 'MODULE_NOT_FOUND';
+/******/ 			throw e;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
+(() => {
+"use strict";
+/*!****************************!*\
+  !*** ./assets/js/index.ts ***!
+  \****************************/
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _stackoverflow_stacks_lib_index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @stackoverflow/stacks/lib/index */ "../stacks-classic/lib/index.ts");
+/* harmony import */ var _less_stacks_documentation_less__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../less/stacks-documentation.less */ "./assets/less/stacks-documentation.less");
+/* harmony import */ var _controllers_docs_resizer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./controllers/docs-resizer */ "./assets/js/controllers/docs-resizer.ts");
+/* harmony import */ var _global_jquery__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./global.jquery */ "./assets/js/global.jquery.ts");
+/* harmony import */ var _global_jquery__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_global_jquery__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _global_search__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./global.search */ "./assets/js/global.search.js");
+/* harmony import */ var _global_search__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_global_search__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _global_navigation__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./global.navigation */ "./assets/js/global.navigation.js");
+/* harmony import */ var _global_navigation__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_global_navigation__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _global_hamburger__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./global.hamburger */ "./assets/js/global.hamburger.js");
+/* harmony import */ var _global_hamburger__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_global_hamburger__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _global_theming__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./global.theming */ "./assets/js/global.theming.js");
+/* harmony import */ var _global_theming__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_global_theming__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _global_feedback__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./global.feedback */ "./assets/js/global.feedback.js");
+/* harmony import */ var _global_feedback__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_global_feedback__WEBPACK_IMPORTED_MODULE_8__);
+
+
+
+
+// @ts-expect-error
+globalThis.Stacks = _stackoverflow_stacks_lib_index__WEBPACK_IMPORTED_MODULE_0__;
+
+
+
+
+
+
+
+})();
+
+/******/ })()
+;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jcy5qcyIsIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxTQUFTO0FBQ1Q7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxnQkFBZ0IsMkJBQTJCO0FBQzNDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxhQUFhO0FBQ2IsU0FBUztBQUNUO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLDJDQUEyQztBQUMzQyxxREFBcUQsUUFBUTtBQUM3RDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxnQkFBZ0IsdUNBQXVDO0FBQ3ZEO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsZ0JBQWdCLHVDQUF1QztBQUN2RDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsMEJBQTBCLDZCQUE2QixFQUFFLElBQUk7QUFDN0QsU0FBUztBQUNUO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLFdBQVcsY0FBYztBQUN6QjtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0wsY0FBYyxjQUFjO0FBQzVCO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTCxXQUFXLHVCQUF1QjtBQUNsQztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLHlCQUF5QixVQUFVO0FBQ25DO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxxRUFBcUU7QUFDckU7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSw2REFBNkQsOENBQThDLEtBQUs7QUFDaEg7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0Esc0RBQXNELG1CQUFtQjtBQUN6RTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLGlEQUFpRCxlQUFlO0FBQ2hFLHVEQUF1RCxxQkFBcUI7QUFDNUUsa0JBQWtCLGVBQWUsRUFBRSxZQUFZLEVBQUUsWUFBWSxJQUFJLGdCQUFnQixHQUFHLGdCQUFnQjtBQUNwRztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0Esa0RBQWtELGVBQWU7QUFDakU7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsNENBQTRDLGdCQUFnQjtBQUM1RCxxQkFBcUIsY0FBYztBQUNuQztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxtQ0FBbUMsWUFBWSxpQ0FBaUMsZ0JBQWdCO0FBQ2hHO0FBQ0E7QUFDQSxnQkFBZ0IsVUFBVTtBQUMxQixnQkFBZ0IsMEJBQTBCO0FBQzFDLGdCQUFnQixhQUFhO0FBQzdCO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsNENBQTRDLHlDQUF5QztBQUNyRjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0Esc0NBQXNDLDRCQUE0QjtBQUNsRTtBQUNBO0FBQ0EsZ0JBQWdCLHdCQUF3QjtBQUN4QztBQUNBO0FBQ0EsNkRBQTZELHVEQUF1RDtBQUNwSDtBQUNBO0FBQ0Esb0JBQW9CLHlDQUF5QztBQUM3RCw2QkFBNkI7QUFDN0IsZ0VBQWdFLFlBQVk7QUFDNUU7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxzQ0FBc0M7QUFDdEM7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsbUJBQW1CLG1CQUFtQjtBQUN0QztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLGdCQUFnQixXQUFXO0FBQzNCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLGdCQUFnQixXQUFXO0FBQzNCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsZ0JBQWdCLFdBQVc7QUFDM0I7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLGdCQUFnQixXQUFXO0FBQzNCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLDBEQUEwRCwyQ0FBMkM7QUFDckc7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLG9DQUFvQyx3Q0FBd0M7QUFDNUU7QUFDQTtBQUNBO0FBQ0Esd0JBQXdCLFFBQVE7QUFDaEM7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLGdCQUFnQixVQUFVO0FBQzFCLGdCQUFnQixRQUFRO0FBQ3hCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLGdCQUFnQixVQUFVO0FBQzFCLGdCQUFnQixRQUFRO0FBQ3hCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLHFCQUFxQjtBQUNyQjtBQUNBO0FBQ0EscUJBQXFCO0FBQ3JCO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLHFCQUFxQixrQ0FBa0M7QUFDdkQ7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EscUNBQXFDLEtBQUs7QUFDMUM7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSx1REFBdUQsd0JBQXdCLEdBQUcsZ0JBQWdCLE1BQU0sY0FBYztBQUN0SDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxnQkFBZ0IscUJBQXFCO0FBQ3JDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBUztBQUNUO0FBQ0E7QUFDQTtBQUNBO0FBQ0Esb0NBQW9DLDRCQUE0QjtBQUNoRTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxtQkFBbUIsd0JBQXdCO0FBQzNDO0FBQ0E7QUFDQTtBQUNBO0FBQ0EscUJBQXFCLHdCQUF3QjtBQUM3QztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSx1QkFBdUIsd0JBQXdCO0FBQy9DO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxhQUFhO0FBQ2I7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSwwQ0FBMEMsWUFBWTtBQUN0RDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsNENBQTRDLFlBQVk7QUFDeEQ7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLG9DQUFvQyxZQUFZO0FBQ2hEO0FBQ0E7QUFDQSx3REFBd0QsZ0NBQWdDLElBQUksV0FBVztBQUN2RztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsdUZBQXVGLFlBQVk7QUFDbkc7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBUztBQUNUO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSwwREFBMEQ7QUFDMUQsb0JBQW9CLGtDQUFrQztBQUN0RCxxQ0FBcUMsaUNBQWlDO0FBQ3RFO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsMkNBQTJDO0FBQzNDLGdCQUFnQixrQ0FBa0M7QUFDbEQsaUNBQWlDLGlDQUFpQztBQUNsRSxxREFBcUQsUUFBUTtBQUM3RDtBQUNBO0FBQ0EsdUNBQXVDLEtBQUs7QUFDNUM7QUFDQTtBQUNBLHVDQUF1QyxLQUFLO0FBQzVDO0FBQ0E7QUFDQSx1Q0FBdUMsd0JBQXdCO0FBQy9EO0FBQ0E7QUFDQSx1Q0FBdUMsd0JBQXdCO0FBQy9EO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSyxJQUFJO0FBQ1Q7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLDhDQUE4QyxtQkFBbUI7QUFDakU7QUFDQTtBQUNBLEtBQUssSUFBSTtBQUNUO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxDQUFDO0FBQ0Q7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsMkJBQTJCLGlCQUFpQjtBQUM1QyxTQUFTO0FBQ1Q7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxDQUFDOztBQUVEO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxrQkFBa0IsS0FBSztBQUN2QjtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsdUJBQXVCLGdCQUFnQixHQUFHLGVBQWU7QUFDekQ7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0EsZUFBZSxjQUFjLEtBQUssTUFBTTtBQUN4Qzs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0Esb0NBQW9DLGdCQUFnQixHQUFHLFdBQVc7QUFDbEU7QUFDQTtBQUNBO0FBQ0E7QUFDQSxvQkFBb0IsYUFBYTtBQUNqQztBQUNBO0FBQ0EsK0NBQStDLFdBQVcscUJBQXFCLGNBQWMsSUFBSSxXQUFXLEdBQUcsV0FBVyxTQUFTLHFCQUFxQixJQUFJLFdBQVc7QUFDdkssdUJBQXVCLGVBQWU7QUFDdEM7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLGdCQUFnQiwrQkFBK0I7QUFDL0M7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsNEVBQTRFLFdBQVc7QUFDdkY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EscURBQXFELFdBQVc7QUFDaEUsNkRBQTZELFdBQVcsR0FBRyxPQUFPO0FBQ2xGLCtDQUErQyxxTUFBcU07QUFDcFA7QUFDQTtBQUNBLHlFQUF5RSxXQUFXLFFBQVEsTUFBTTtBQUNsRzs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLHNFQUFzRTtBQUN0RTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsdURBQXVEO0FBQ3ZEO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxvQkFBb0IsbUNBQW1DO0FBQ3ZEO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBUztBQUNUO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSw2REFBNkQ7QUFDN0QsaUNBQWlDLG1CQUFtQjtBQUNwRCxzQ0FBc0MsWUFBWSxHQUFHLGFBQWE7QUFDbEUsb0RBQW9EO0FBQ3BEO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLLElBQUk7QUFDVDtBQUNBO0FBQ0E7QUFDQSxZQUFZLElBQUk7QUFDaEI7QUFDQSx3QkFBd0IsVUFBVTtBQUNsQztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsMERBQTBELFVBQVU7QUFDcEU7QUFDQSxhQUFhO0FBQ2IsU0FBUztBQUNULFlBQVksSUFBSTtBQUNoQjtBQUNBO0FBQ0EsYUFBYTtBQUNiLFNBQVM7QUFDVCxlQUFlLGdCQUFnQjtBQUMvQjtBQUNBO0FBQ0EsYUFBYTtBQUNiLFNBQVM7QUFDVDtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSyxJQUFJO0FBQ1Q7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxZQUFZLGNBQWM7QUFDMUI7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxvR0FBb0csS0FBSyxrQ0FBa0MsZ0JBQWdCO0FBQzNKO0FBQ0EsMkRBQTJELEtBQUsseUJBQXlCLGdCQUFnQixzRUFBc0UsU0FBUztBQUN4TCxhQUFhO0FBQ2IsU0FBUztBQUNULFlBQVksY0FBYztBQUMxQjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EscUdBQXFHLEtBQUssa0NBQWtDLGdCQUFnQjtBQUM1SixxQkFBcUI7QUFDckI7QUFDQTtBQUNBO0FBQ0EsYUFBYTtBQUNiLFNBQVM7QUFDVCxZQUFZLGNBQWM7QUFDMUI7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSwrREFBK0QsS0FBSyx5QkFBeUIsZ0JBQWdCLHNFQUFzRSxTQUFTO0FBQzVMO0FBQ0EsYUFBYTtBQUNiLFNBQVM7QUFDVCxZQUFZLGNBQWM7QUFDMUI7QUFDQTtBQUNBLGFBQWE7QUFDYixTQUFTO0FBQ1QsZUFBZSwwQkFBMEI7QUFDekM7QUFDQTtBQUNBLGFBQWE7QUFDYixTQUFTO0FBQ1Q7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUssSUFBSTtBQUNUO0FBQ0E7QUFDQTtBQUNBLFlBQVksS0FBSztBQUNqQjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSwrREFBK0QsS0FBSyxTQUFTLGdCQUFnQjtBQUM3RjtBQUNBLGFBQWE7QUFDYixTQUFTO0FBQ1QsWUFBWSxLQUFLO0FBQ2pCO0FBQ0E7QUFDQSxhQUFhO0FBQ2IsU0FBUztBQUNULGVBQWUsaUJBQWlCO0FBQ2hDO0FBQ0E7QUFDQSxhQUFhO0FBQ2IsU0FBUztBQUNUO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLG1EQUFtRCxrQ0FBa0M7QUFDckYsaUJBQWlCLElBQUk7QUFDckIsYUFBYTtBQUNiLFNBQVM7QUFDVDtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQTtBQUNBO0FBQ0EsWUFBWSx5Q0FBeUM7QUFDckQ7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxhQUFhO0FBQ2I7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxhQUFhO0FBQ2IsU0FBUztBQUNULGVBQWUsaUJBQWlCO0FBQ2hDO0FBQ0E7QUFDQSxhQUFhO0FBQ2IsU0FBUztBQUNUO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFlBQVksZ0NBQWdDO0FBQzVDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLDZDQUE2QyxXQUFXLEdBQUcsTUFBTTtBQUNqRSwrRUFBK0UsYUFBYSxpQ0FBaUMsZUFBZSxvQ0FBb0MsbUJBQW1CLGdCQUFnQixxQkFBcUI7QUFDeE87QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFlBQVksb0NBQW9DO0FBQ2hELHlCQUF5QjtBQUN6QjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSx5Q0FBeUMsV0FBVyxHQUFHLGVBQWU7QUFDdEUsMkNBQTJDLGFBQWEsU0FBUyxNQUFNO0FBQ3ZFO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxnQkFBZ0IsT0FBTztBQUN2QjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFlBQVksd0JBQXdCO0FBQ3BDLG1CQUFtQixpQkFBaUI7QUFDcEM7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxTQUFTO0FBQ1Q7QUFDQTtBQUNBLFNBQVM7QUFDVDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSx5RkFBeUYsTUFBTSxhQUFhLDZCQUE2QjtBQUN6STtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQTtBQUNBLEtBQUs7QUFDTDtBQUNBO0FBQ0E7QUFDQSwwRkFBMEYsTUFBTSxhQUFhLDhCQUE4QjtBQUMzSTtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxjQUFjLE1BQU07QUFDcEI7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSwwQkFBMEIsa0NBQWtDLGlFQUFpRSxJQUFJO0FBQ2pJLGlDQUFpQyxPQUFPLEdBQUcsVUFBVTtBQUNyRCw4Q0FBOEMsNkJBQTZCO0FBQzNFO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUU2Tjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FDbGdGOUo7QUFDTjtBQUNRO0FBQ0o7QUFDTjtBQUNaO0FBQ007QUFDTTtBQUNEO0FBQ3REO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxzRUFBc0UsYUFBYTtBQUNuRjtBQUNBOztBQUVBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7O0FBRU87QUFDUDtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLCtCQUErQjtBQUMvQix1QkFBdUI7QUFDdkI7QUFDQTtBQUNBO0FBQ0EsT0FBTztBQUNQLG9CQUFvQjtBQUNwQjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSx3Q0FBd0M7QUFDeEM7QUFDQSxxQkFBcUIsbUVBQVMsY0FBYywyRUFBaUIseUNBQXlDLDJFQUFpQjtBQUN2SCxrQkFBa0IsMkVBQWlCO0FBQ25DLFdBQVc7QUFDWDs7QUFFQSwrQkFBK0Isb0VBQWMsQ0FBQyxpRUFBVyx5REFBeUQ7O0FBRWxIO0FBQ0E7QUFDQSxTQUFTO0FBQ1Q7QUFDQTtBQUNBLE9BQU87QUFDUDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLDZDQUE2QztBQUM3Qzs7QUFFQTtBQUNBO0FBQ0EsVUFBVTs7O0FBR1Y7QUFDQSxxQkFBcUIsMEVBQWdCLFlBQVkseUVBQWU7QUFDaEUsa0JBQWtCLHVFQUFhO0FBQy9CLFdBQVc7QUFDWDtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLG1EQUFtRDtBQUNuRDtBQUNBO0FBQ0EsNkNBQTZDLEtBQUs7O0FBRWxEO0FBQ0Esc0VBQXNFO0FBQ3RFLFNBQVM7O0FBRVQsNEJBQTRCLHVDQUF1QztBQUNuRTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLGdFQUFnRTtBQUNoRTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxhQUFhO0FBQ2I7QUFDQTtBQUNBLE9BQU87QUFDUDtBQUNBO0FBQ0EsY0FBYyw4REFBUTtBQUN0QjtBQUNBO0FBQ0E7QUFDQSxTQUFTO0FBQ1QsT0FBTztBQUNQO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSyxHQUFHO0FBQ1I7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSxtREFBbUQ7QUFDbkQ7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsV0FBVzs7QUFFWDs7QUFFQTtBQUNBO0FBQ0EsT0FBTztBQUNQOztBQUVBO0FBQ0E7QUFDQTtBQUNBLE9BQU87QUFDUDtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNPLG1EQUFtRDs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FDcE1YO0FBQ2hDO0FBQ2YsMkRBQTJEOztBQUUzRDtBQUNBO0FBQ0EsSUFBSTtBQUNKLHVCQUF1Qiw0REFBWTtBQUNuQzs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxVQUFVOzs7QUFHVjtBQUNBLFFBQVE7QUFDUixNQUFNOzs7QUFHTjtBQUNBLEM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUN0QjJEO0FBQ2xCO0FBQ0Y7QUFDYztBQUN0QztBQUNmO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBLHNCQUFzQiw2REFBYTtBQUNuQyx1Q0FBdUMscURBQUs7QUFDNUMsd0NBQXdDLHFEQUFLO0FBQzdDOztBQUVBLGFBQWEseURBQVMsWUFBWSx5REFBUztBQUMzQzs7QUFFQSwwQkFBMEIsZ0VBQWdCO0FBQzFDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQ3hDdUM7QUFDWTtBQUNBO0FBQ0k7QUFDSjtBQUNNO0FBQ0o7QUFDTTtBQUNJO0FBQ2hCO0FBQ1Y7QUFDTTtBQUNpQjtBQUNoQjs7QUFFNUM7QUFDQSxhQUFhLHFFQUFxQjtBQUNsQztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLDRCQUE0QiwrQ0FBUSxHQUFHLHVFQUFnQixDQUFDLCtEQUFlLHVCQUF1Qix5REFBUywwRUFBMEUsdUVBQWdCLENBQUMsK0RBQWUsQ0FBQyxrRUFBa0I7QUFDcE8sRUFBRTtBQUNGO0FBQ0E7OztBQUdBO0FBQ0Esd0JBQXdCLGlFQUFpQixDQUFDLDZEQUFhO0FBQ3ZELHdEQUF3RCxnRUFBZ0I7QUFDeEUsNENBQTRDLDZEQUFhLFlBQVksK0RBQWU7O0FBRXBGLE9BQU8seURBQVM7QUFDaEI7QUFDQSxJQUFJOzs7QUFHSjtBQUNBLFdBQVcseURBQVMsb0JBQW9CLHlEQUFRLG9DQUFvQyw0REFBVztBQUMvRixHQUFHO0FBQ0gsRUFBRTtBQUNGOzs7QUFHZTtBQUNmO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxrQkFBa0Isb0RBQUc7QUFDckIsb0JBQW9CLG9EQUFHO0FBQ3ZCLHFCQUFxQixvREFBRztBQUN4QixtQkFBbUIsb0RBQUc7QUFDdEI7QUFDQSxHQUFHO0FBQ0g7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FDckUrRDtBQUNoQjtBQUNKO0FBQ0s7QUFDVztBQUNGO0FBQ1I7QUFDUjs7QUFFekM7QUFDQTtBQUNBLGVBQWUscURBQUs7QUFDcEIsZUFBZSxxREFBSztBQUNwQjtBQUNBLEVBQUU7QUFDRjs7O0FBR2U7QUFDZjtBQUNBO0FBQ0E7O0FBRUEsZ0NBQWdDLDZEQUFhO0FBQzdDLDZCQUE2Qiw2REFBYTtBQUMxQyx3QkFBd0Isa0VBQWtCO0FBQzFDLGFBQWEscUVBQXFCO0FBQ2xDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxRQUFRLDJEQUFXO0FBQ25CLElBQUksOERBQWM7QUFDbEIsZUFBZSw2REFBYTtBQUM1Qjs7QUFFQSxRQUFRLDZEQUFhO0FBQ3JCLGdCQUFnQixxRUFBcUI7QUFDckM7QUFDQTtBQUNBLE1BQU07QUFDTixrQkFBa0IsbUVBQW1CO0FBQ3JDO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsQzs7Ozs7Ozs7Ozs7Ozs7OztBQ3pEdUM7QUFDeEI7QUFDZixTQUFTLHlEQUFTO0FBQ2xCLEM7Ozs7Ozs7Ozs7Ozs7Ozs7QUNINEM7QUFDN0I7QUFDZjtBQUNBLFdBQVcseURBQVM7QUFDcEI7QUFDQSxDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQ0x5RDtBQUNKO0FBQ007QUFDUjtBQUNaLENBQUM7QUFDeEM7O0FBRWU7QUFDZjs7QUFFQSxhQUFhLGtFQUFrQjtBQUMvQixrQkFBa0IsK0RBQWU7QUFDakM7QUFDQSxjQUFjLG1EQUFHO0FBQ2pCLGVBQWUsbURBQUc7QUFDbEIsa0NBQWtDLG1FQUFtQjtBQUNyRDs7QUFFQSxNQUFNLGdFQUFnQjtBQUN0QixTQUFTLG1EQUFHO0FBQ1o7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsQzs7Ozs7Ozs7Ozs7Ozs7O0FDNUJlO0FBQ2Y7QUFDQTtBQUNBO0FBQ0E7QUFDQSxDOzs7Ozs7Ozs7Ozs7Ozs7O0FDTCtELENBQUM7QUFDaEU7O0FBRWU7QUFDZixtQkFBbUIscUVBQXFCLFdBQVc7QUFDbkQ7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEM7Ozs7Ozs7Ozs7Ozs7OztBQ3hCZTtBQUNmO0FBQ0EsQzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQ0ZtRDtBQUNaO0FBQ1M7QUFDYTtBQUM5QztBQUNmLGVBQWUseURBQVMsV0FBVyw2REFBYTtBQUNoRCxXQUFXLCtEQUFlO0FBQzFCLElBQUk7QUFDSixXQUFXLG9FQUFvQjtBQUMvQjtBQUNBLEM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUNWdUM7QUFDSTtBQUNVO0FBQ1M7QUFDYjtBQUNGO0FBQ0M7O0FBRWhEO0FBQ0EsT0FBTyw2REFBYTtBQUNwQixFQUFFLGdFQUFnQjtBQUNsQjtBQUNBOztBQUVBO0FBQ0EsRUFBRTtBQUNGOzs7QUFHQTtBQUNBLGtDQUFrQywrREFBVztBQUM3Qyw2QkFBNkIsK0RBQVc7O0FBRXhDLGNBQWMsNkRBQWE7QUFDM0I7QUFDQSxxQkFBcUIsZ0VBQWdCOztBQUVyQztBQUNBO0FBQ0E7QUFDQTs7QUFFQSxvQkFBb0IsNkRBQWE7O0FBRWpDLE1BQU0sNERBQVk7QUFDbEI7QUFDQTs7QUFFQSxTQUFTLDZEQUFhLDBDQUEwQywyREFBVztBQUMzRSxjQUFjLGdFQUFnQixlQUFlO0FBQzdDO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLE1BQU07QUFDTjtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxFQUFFO0FBQ0Y7OztBQUdlO0FBQ2YsZUFBZSx5REFBUztBQUN4Qjs7QUFFQSx5QkFBeUIsOERBQWMsa0JBQWtCLGdFQUFnQjtBQUN6RTtBQUNBOztBQUVBLHVCQUF1QiwyREFBVyw2QkFBNkIsMkRBQVcsNkJBQTZCLGdFQUFnQjtBQUN2SDtBQUNBOztBQUVBO0FBQ0EsQzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FDcEUyQztBQUNjO0FBQ1Y7QUFDaEM7QUFDZixNQUFNLDJEQUFXO0FBQ2pCO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLElBQUksNERBQVk7QUFDaEI7QUFDQSxJQUFJLGtFQUFrQjs7QUFFdEI7QUFDQSxDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FDbEIrQztBQUNFO0FBQ047QUFDSztBQUNqQztBQUNmLDRDQUE0QywyREFBVztBQUN2RDtBQUNBO0FBQ0E7O0FBRUEsTUFBTSw2REFBYSxVQUFVLDhEQUFjO0FBQzNDO0FBQ0E7O0FBRUEseUJBQXlCLDZEQUFhO0FBQ3RDLEM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUNmdUM7QUFDa0I7QUFDRTtBQUNOO0FBQ3RDO0FBQ2YsWUFBWSx5REFBUztBQUNyQixhQUFhLGtFQUFrQjtBQUMvQjtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLHlCQUF5QixnRUFBZ0I7O0FBRXpDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsV0FBVyxtRUFBbUI7QUFDOUI7QUFDQTtBQUNBLEM7Ozs7Ozs7Ozs7Ozs7OztBQzlCZTtBQUNmO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLEM7Ozs7Ozs7Ozs7Ozs7Ozs7QUNYdUM7QUFDeEI7QUFDZixZQUFZLHlEQUFTO0FBQ3JCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEM7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQ1QrRDtBQUNOO0FBQ047QUFDcEM7QUFDZjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVMscUVBQXFCLENBQUMsa0VBQWtCLGtCQUFrQiwrREFBZTtBQUNsRixDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUNadUM7O0FBRXZDO0FBQ0EsbUJBQW1CLHlEQUFTO0FBQzVCO0FBQ0E7O0FBRUE7QUFDQSxtQkFBbUIseURBQVM7QUFDNUI7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBLG1CQUFtQix5REFBUztBQUM1QjtBQUNBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUNwQmdEO0FBQ2pDO0FBQ2YsZ0RBQWdELCtEQUFXO0FBQzNELEM7Ozs7Ozs7Ozs7Ozs7Ozs7QUNIcUQ7QUFDdEM7QUFDZjtBQUNBLDBCQUEwQixnRUFBZ0I7QUFDMUM7QUFDQTtBQUNBOztBQUVBO0FBQ0EsQzs7Ozs7Ozs7Ozs7Ozs7OztBQ1QyQztBQUM1QjtBQUNmLHVDQUF1QywyREFBVztBQUNsRCxDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FDSG1EO0FBQ0o7QUFDUjtBQUNVO0FBQ2pEO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFZTtBQUNmOztBQUVBO0FBQ0E7QUFDQTs7QUFFQSxxQkFBcUIsK0RBQWU7QUFDcEM7QUFDQSxZQUFZLHlEQUFTO0FBQ3JCLCtEQUErRCw4REFBYztBQUM3RTtBQUNBO0FBQ0EsdUNBQXVDLDZEQUFhO0FBQ3BELEM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FDekJPO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ1A7QUFDQSxDQUFDO0FBQ007QUFDUDtBQUNBLENBQUMsT0FBTzs7QUFFRDtBQUNBO0FBQ0EsNkJBQTZCOztBQUU3QjtBQUNBO0FBQ0EsNkJBQTZCOztBQUU3QjtBQUNBO0FBQ0E7QUFDQSxnSDs7Ozs7Ozs7Ozs7Ozs7Ozs7QUM5QitDO0FBQ0ssQ0FBQztBQUM1RDs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0Esd0NBQXdDOztBQUV4QyxTQUFTLHVFQUFhLGNBQWMscUVBQVc7QUFDL0M7QUFDQSxNQUFNO0FBQ047QUFDQTs7O0FBR0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxRQUFRO0FBQ1I7QUFDQTtBQUNBLEtBQUs7QUFDTCxHQUFHO0FBQ0g7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLHVIQUF1SDs7QUFFdkg7QUFDQTtBQUNBO0FBQ0EsT0FBTyxJQUFJLEdBQUc7O0FBRWQsV0FBVyx1RUFBYSxjQUFjLHFFQUFXO0FBQ2pEO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsT0FBTztBQUNQLEtBQUs7QUFDTDtBQUNBLEVBQUU7OztBQUdGLGlFQUFlO0FBQ2Y7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsQ0FBQyxFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUNuRjJEO0FBQ0Y7QUFDVjtBQUNjO0FBQ2M7QUFDaEM7QUFDb0I7QUFDTjtBQUNhLENBQUM7O0FBRXhFO0FBQ0Esb0VBQW9FO0FBQ3BFO0FBQ0EsR0FBRztBQUNILFNBQVMsd0VBQWtCLHlDQUF5QyxxRUFBZSxVQUFVLHFEQUFjO0FBQzNHOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLHNCQUFzQixzRUFBZ0I7QUFDdEMsYUFBYSw4RUFBd0I7QUFDckMsb0JBQW9CLDJDQUFJLEVBQUUsNENBQUs7QUFDL0I7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0Esa0JBQWtCLHVFQUFhO0FBQy9CLCtCQUErQiwwQ0FBRyxHQUFHLDJDQUFJO0FBQ3pDLCtCQUErQiw2Q0FBTSxHQUFHLDRDQUFLO0FBQzdDO0FBQ0E7QUFDQSwwQkFBMEIseUVBQWU7QUFDekM7QUFDQSx1REFBdUQ7QUFDdkQ7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsZUFBZSx3REFBTSxvQkFBb0I7O0FBRXpDO0FBQ0EseURBQXlEO0FBQ3pEOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLElBQUk7OztBQUdKO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUEsT0FBTyxrRUFBUTtBQUNmO0FBQ0E7O0FBRUE7QUFDQSxFQUFFOzs7QUFHRixpRUFBZTtBQUNmO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsQ0FBQyxFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUN6RjJEO0FBQ0U7QUFDWjtBQUNrQjtBQUNKO0FBQ0o7QUFDUjtBQUNYLENBQUM7O0FBRTFDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTyxxREFBSztBQUNaLE9BQU8scURBQUs7QUFDWjtBQUNBOztBQUVPO0FBQ1A7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsY0FBYywyQ0FBSTtBQUNsQixjQUFjLDBDQUFHO0FBQ2pCOztBQUVBO0FBQ0EsdUJBQXVCLHlFQUFlO0FBQ3RDO0FBQ0E7O0FBRUEseUJBQXlCLG1FQUFTO0FBQ2xDLHFCQUFxQiw0RUFBa0I7O0FBRXZDLFVBQVUsMEVBQWdCO0FBQzFCO0FBQ0E7QUFDQTtBQUNBLE1BQU07OztBQUdOOztBQUVBLHNCQUFzQiwwQ0FBRyxtQkFBbUIsMkNBQUksa0JBQWtCLDRDQUFLLG1CQUFtQiwwQ0FBRztBQUM3RixjQUFjLDZDQUFNO0FBQ3BCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUEsc0JBQXNCLDJDQUFJLG1CQUFtQiwwQ0FBRyxrQkFBa0IsNkNBQU0sbUJBQW1CLDBDQUFHO0FBQzlGLGNBQWMsNENBQUs7QUFDbkI7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQTtBQUNBLEdBQUcsRUFBRSxtRUFBUztBQUNkO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUEsMkJBQTJCLG9DQUFvQztBQUMvRDs7QUFFQSx5QkFBeUIscUNBQXFDO0FBQzlEOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsZUFBZSxzRUFBZ0I7QUFDL0IsZUFBZSxrRUFBWTtBQUMzQjtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0EsMENBQTBDLG1EQUFtRDtBQUM3RjtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDs7QUFFQTtBQUNBLHlDQUF5QyxrREFBa0Q7QUFDM0Y7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7O0FBRUEsNENBQTRDO0FBQzVDO0FBQ0EsR0FBRztBQUNILEVBQUU7OztBQUdGLGlFQUFlO0FBQ2Y7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLENBQUMsRTs7Ozs7Ozs7Ozs7Ozs7OztBQ3hLaUQsQ0FBQzs7QUFFbkQ7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxlQUFlLG1FQUFTO0FBQ3hCOztBQUVBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSxPQUFPO0FBQ1A7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSxFQUFFOzs7QUFHRixpRUFBZTtBQUNmO0FBQ0E7QUFDQTtBQUNBLHNCQUFzQjtBQUN0QjtBQUNBO0FBQ0EsQ0FBQyxFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FDaERtRTtBQUNSO0FBQzBCO0FBQzlCO0FBQ1k7QUFDQTtBQUNoQixDQUFDOztBQUVyRDtBQUNBLE1BQU0sc0VBQWdCLGdCQUFnQiwyQ0FBSTtBQUMxQztBQUNBOztBQUVBLDBCQUEwQiwwRUFBb0I7QUFDOUMsVUFBVSxtRkFBNkIsZ0NBQWdDLG1GQUE2QjtBQUNwRzs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxzQkFBc0Isc0VBQWdCO0FBQ3RDO0FBQ0EsaUdBQWlHLDBFQUFvQjtBQUNySDtBQUNBLHNCQUFzQixzRUFBZ0IsZ0JBQWdCLDJDQUFJLEdBQUcsMEVBQW9CO0FBQ2pGO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTCxHQUFHO0FBQ0g7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQSxrQkFBa0IsdUJBQXVCO0FBQ3pDOztBQUVBLHlCQUF5QixzRUFBZ0I7O0FBRXpDLDJCQUEyQixrRUFBWSxnQkFBZ0IsNENBQUs7QUFDNUQsc0JBQXNCLDBDQUFHLEVBQUUsNkNBQU07QUFDakM7QUFDQSxtQkFBbUIsb0VBQWM7QUFDakM7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTCw0REFBNEQsNENBQUssR0FBRywyQ0FBSSxzQkFBc0IsNkNBQU0sR0FBRywwQ0FBRzs7QUFFMUc7QUFDQSwwQkFBMEIsMEVBQW9CO0FBQzlDOztBQUVBLDJCQUEyQiwwRUFBb0I7QUFDL0M7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxXQUFXO0FBQ1g7QUFDQSxPQUFPOztBQUVQO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUEsa0NBQWtDLFFBQVE7QUFDMUM7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxFQUFFOzs7QUFHRixpRUFBZTtBQUNmO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxDQUFDLEU7Ozs7Ozs7Ozs7Ozs7Ozs7O0FDbEpzRDtBQUNDOztBQUV4RDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLFVBQVUsMENBQUcsRUFBRSw0Q0FBSyxFQUFFLDZDQUFNLEVBQUUsMkNBQUk7QUFDbEM7QUFDQSxHQUFHO0FBQ0g7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsMEJBQTBCLG9FQUFjO0FBQ3hDO0FBQ0EsR0FBRztBQUNILDBCQUEwQixvRUFBYztBQUN4QztBQUNBLEdBQUc7QUFDSDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLDRDQUE0QztBQUM1QztBQUNBO0FBQ0EsR0FBRztBQUNILEVBQUU7OztBQUdGLGlFQUFlO0FBQ2Y7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLENBQUMsRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUM1RHlEO0FBQ1o7QUFDZ0I7QUFDRTtBQUNwQjtBQUNBO0FBQ0k7QUFDYzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQ1BGO0FBQ0QsQ0FBQzs7QUFFckQ7QUFDUCxzQkFBc0Isc0VBQWdCO0FBQ3RDLHdCQUF3QiwyQ0FBSSxFQUFFLDBDQUFHOztBQUVqQyxtRUFBbUU7QUFDbkU7QUFDQSxHQUFHO0FBQ0g7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsVUFBVSwyQ0FBSSxFQUFFLDRDQUFLO0FBQ3JCO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsYUFBYSxpREFBVTtBQUN2QjtBQUNBO0FBQ0EsR0FBRyxJQUFJO0FBQ1A7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0EsRUFBRTs7O0FBR0YsaUVBQWU7QUFDZjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsQ0FBQyxFOzs7Ozs7Ozs7Ozs7Ozs7O0FDckR1RDs7QUFFeEQ7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSw4QkFBOEIsb0VBQWM7QUFDNUM7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0gsRUFBRTs7O0FBR0YsaUVBQWU7QUFDZjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsQ0FBQyxFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQ3hCNkQ7QUFDRjtBQUNnQjtBQUM1QjtBQUNZO0FBQ0Y7QUFDSTtBQUNOO0FBQ0o7QUFDWTtBQUNFOztBQUVsRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLGlCQUFpQixvRUFBYztBQUMvQjtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7QUFDSCxzQkFBc0Isc0VBQWdCO0FBQ3RDLGtCQUFrQixrRUFBWTtBQUM5QjtBQUNBLGlCQUFpQiw4RUFBd0I7QUFDekMsZ0JBQWdCLGdFQUFVO0FBQzFCO0FBQ0E7QUFDQTtBQUNBLDRGQUE0RjtBQUM1RjtBQUNBLEdBQUc7QUFDSDtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7QUFDQTtBQUNBLEdBQUc7QUFDSDtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBLHNDQUFzQywwQ0FBRyxHQUFHLDJDQUFJO0FBQ2hELHFDQUFxQyw2Q0FBTSxHQUFHLDRDQUFLO0FBQ25EO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSwrQkFBK0IsNENBQUs7QUFDcEMsK0JBQStCLDRDQUFLLDJDQUEyQztBQUMvRTs7QUFFQTtBQUNBLDZDQUE2Qyx1RUFBYTtBQUMxRDtBQUNBO0FBQ0E7QUFDQSx5SEFBeUgsd0VBQWtCO0FBQzNJO0FBQ0EsdURBQXVEO0FBQ3ZEO0FBQ0E7QUFDQTtBQUNBOztBQUVBLG1CQUFtQix3REFBTTtBQUN6QjtBQUNBO0FBQ0Esb0RBQW9ELHlFQUFlO0FBQ25FO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsMEJBQTBCLHdEQUFNLFVBQVUsb0RBQU8seUNBQXlDLG9EQUFPO0FBQ2pHO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBLHVDQUF1QywwQ0FBRyxHQUFHLDJDQUFJOztBQUVqRCxzQ0FBc0MsNkNBQU0sR0FBRyw0Q0FBSzs7QUFFcEQ7O0FBRUE7O0FBRUE7O0FBRUE7O0FBRUEsd0JBQXdCLDBDQUFHLEVBQUUsMkNBQUk7O0FBRWpDOztBQUVBOztBQUVBOztBQUVBLG9EQUFvRCxnRUFBYyxvQ0FBb0Msd0RBQU07O0FBRTVHO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLEVBQUU7OztBQUdGLGlFQUFlO0FBQ2Y7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLENBQUMsRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FDN0ltRTtBQUNUO0FBQ0Y7QUFDQTtBQUNKO0FBQ3JELHdCQUF3QixvRUFBYyxFQUFFLG1FQUFhLEVBQUUsbUVBQWEsRUFBRSxpRUFBVztBQUNqRixnQ0FBZ0MsaUVBQWU7QUFDL0M7QUFDQSxDQUFDLEdBQUc7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUNSZ0U7QUFDVDtBQUNGO0FBQ0E7QUFDSjtBQUNWO0FBQ0o7QUFDc0I7QUFDcEI7QUFDRjtBQUN2Qyx3QkFBd0Isb0VBQWMsRUFBRSxtRUFBYSxFQUFFLG1FQUFhLEVBQUUsaUVBQVcsRUFBRSw0REFBTSxFQUFFLDBEQUFJLEVBQUUscUVBQWUsRUFBRSwyREFBSyxFQUFFLDJEQUFJO0FBQzdILGdDQUFnQyxpRUFBZTtBQUMvQztBQUNBLENBQUMsR0FBRzs7QUFFdUUsQ0FBQzs7QUFFUixDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUNqQnhCO0FBQ2tEO0FBQzlDO0FBQ0k7QUFDdEM7QUFDZjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxpRUFBaUUsaURBQWE7QUFDOUUsa0JBQWtCLDREQUFZO0FBQzlCLGdEQUFnRCwwREFBbUIsR0FBRywwREFBbUI7QUFDekYsV0FBVyw0REFBWTtBQUN2QixHQUFHLElBQUkscURBQWM7QUFDckI7QUFDQTtBQUNBLEdBQUc7O0FBRUg7QUFDQTtBQUNBLElBQUk7OztBQUdKO0FBQ0EscUJBQXFCLDhEQUFjO0FBQ25DO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSyxFQUFFLGdFQUFnQjtBQUN2QjtBQUNBLEdBQUcsSUFBSTtBQUNQO0FBQ0E7QUFDQSxHQUFHO0FBQ0gsQzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQzFDcUQ7QUFDUjtBQUN3QjtBQUNGO0FBQ3BEO0FBQ2Y7QUFDQTtBQUNBO0FBQ0Esa0NBQWtDLGdFQUFnQjtBQUNsRCw4QkFBOEIsNERBQVk7QUFDMUM7QUFDQTtBQUNBOztBQUVBO0FBQ0EsU0FBUywwQ0FBRztBQUNaO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUEsU0FBUyw2Q0FBTTtBQUNmO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUEsU0FBUyw0Q0FBSztBQUNkO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUEsU0FBUywyQ0FBSTtBQUNiO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBLGlDQUFpQyx3RUFBd0I7O0FBRXpEO0FBQ0E7O0FBRUE7QUFDQSxXQUFXLDRDQUFLO0FBQ2hCO0FBQ0E7O0FBRUEsV0FBVywwQ0FBRztBQUNkO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0EsQzs7Ozs7Ozs7Ozs7Ozs7O0FDckVlO0FBQ2Y7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxTQUFTO0FBQ1QsT0FBTztBQUNQOztBQUVBO0FBQ0E7QUFDQSxDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUNkOEQ7QUFDTTtBQUNNO0FBQ3pCO0FBQ0k7QUFDMEQ7QUFDeEQ7QUFDRTtBQUNOLENBQUM7O0FBRXJDO0FBQ2Y7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLGdEQUFnRCxzREFBZTtBQUMvRDtBQUNBLHdEQUF3RCwrQ0FBUTtBQUNoRTtBQUNBLDBEQUEwRCw2Q0FBTTtBQUNoRTtBQUNBO0FBQ0E7QUFDQTtBQUNBLHNCQUFzQixrRUFBa0IseUNBQXlDLCtEQUFlLFVBQVUscURBQWM7QUFDeEgsc0NBQXNDLDZDQUFNLEdBQUcsZ0RBQVMsR0FBRyw2Q0FBTTtBQUNqRTtBQUNBO0FBQ0EsMkJBQTJCLHlFQUFlLENBQUMsbUVBQVMsZ0RBQWdELDRFQUFrQjtBQUN0SCw0QkFBNEIsK0VBQXFCO0FBQ2pELHNCQUFzQiw4REFBYztBQUNwQztBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7QUFDSCx5QkFBeUIsZ0VBQWdCLGlCQUFpQjtBQUMxRCw2Q0FBNkMsNkNBQU0sMkNBQTJDO0FBQzlGOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLCtDQUErQzs7QUFFL0MseUJBQXlCLDZDQUFNO0FBQy9CO0FBQ0E7QUFDQSxzQkFBc0IsNENBQUssRUFBRSw2Q0FBTTtBQUNuQyxrQkFBa0IsMENBQUcsRUFBRSw2Q0FBTTtBQUM3QjtBQUNBLEtBQUs7QUFDTDs7QUFFQTtBQUNBLEM7Ozs7Ozs7Ozs7Ozs7OztBQ2hFZTtBQUNmO0FBQ0E7QUFDQTtBQUNBLEdBQUcsSUFBSTtBQUNQLEM7Ozs7Ozs7Ozs7Ozs7OztBQ0xlO0FBQ2Y7QUFDQSxDOzs7Ozs7Ozs7Ozs7Ozs7QUNGbUM7QUFDcEI7QUFDZjtBQUNBLEM7Ozs7Ozs7Ozs7Ozs7OztBQ0hlO0FBQ2Y7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsQzs7Ozs7Ozs7Ozs7Ozs7O0FDUGU7QUFDZjtBQUNBLEM7Ozs7Ozs7Ozs7Ozs7OztBQ0ZBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNlO0FBQ2Y7QUFDQTtBQUNBLEdBQUc7QUFDSCxDOzs7Ozs7Ozs7Ozs7Ozs7QUNWQTtBQUNBO0FBQ0E7QUFDQTtBQUNlO0FBQ2Y7QUFDQTtBQUNBLEdBQUc7QUFDSCxDOzs7Ozs7Ozs7Ozs7Ozs7QUNSZTtBQUNmO0FBQ0EsQzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUNGTztBQUNBO0FBQ0EsdUI7Ozs7Ozs7Ozs7Ozs7OztBQ0ZRO0FBQ2Y7QUFDQTtBQUNBLHNEQUFzRDtBQUN0RCwrQkFBK0I7QUFDL0IsNEJBQTRCO0FBQzVCLEtBQUs7QUFDTDtBQUNBLEdBQUcsSUFBSSxHQUFHOztBQUVWO0FBQ0E7QUFDQSxHQUFHO0FBQ0gsQzs7Ozs7Ozs7Ozs7Ozs7OztBQ2J5RDtBQUMxQztBQUNmLHlCQUF5QixFQUFFLGtFQUFrQjtBQUM3QyxDOzs7Ozs7Ozs7Ozs7Ozs7O0FDSDZDLENBQUM7O0FBRTlDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUcsR0FBRzs7QUFFTjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRztBQUNIO0FBQ0E7O0FBRWU7QUFDZjtBQUNBLDJDQUEyQzs7QUFFM0MsU0FBUyxxREFBYztBQUN2QjtBQUNBO0FBQ0EsS0FBSztBQUNMLEdBQUc7QUFDSCxDOzs7Ozs7Ozs7Ozs7Ozs7QUMzQ2U7QUFDZix5QkFBeUI7QUFDekI7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0gsQzs7Ozs7Ozs7Ozs7Ozs7O0FDUGU7QUFDZjs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7O0FBRUE7QUFDQSxDOzs7Ozs7Ozs7Ozs7Ozs7OztBQ1YyRDtBQUNwRDtBQUNQLFNBQVMsNkNBQU8sTUFBTSw2Q0FBTztBQUM3QjtBQUNPO0FBQ1A7QUFDQTtBQUNBLEM7Ozs7Ozs7Ozs7QUNQQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBLFVBQVUsdUhBQW1DO0FBQzdDLFdBQVc7QUFDWCxrQkFBa0I7QUFDbEIsWUFBWTtBQUNaLFlBQVk7QUFDWixpQkFBaUI7QUFDakIsZUFBZTtBQUNmO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUEsY0FBYztBQUNkO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBLG9CQUFvQjtBQUNwQjtBQUNBO0FBQ0EsSUFBSTtBQUNKO0FBQ0E7QUFDQTs7O0FBR0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxXQUFXLFFBQVE7QUFDbkI7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLE1BQU07QUFDTixNQUFNLHFCQUFxQjtBQUMzQjtBQUNBLElBQUk7QUFDSjs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxZQUFZLFFBQVE7QUFDcEI7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLElBQUk7O0FBRUo7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxZQUFZO0FBQ1o7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7Ozs7Ozs7Ozs7OztBQ3ZMQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxjQUFjO0FBQ2QsZUFBZTtBQUNmLGNBQWM7QUFDZCxlQUFlO0FBQ2YsNkdBQWdDOztBQUVoQztBQUNBO0FBQ0E7O0FBRUEsYUFBYTtBQUNiLGFBQWE7O0FBRWI7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQSxrQkFBa0I7O0FBRWxCO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0EsV0FBVyxRQUFRO0FBQ25CLFlBQVk7QUFDWjtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLGVBQWU7QUFDZjs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLFdBQVcsUUFBUTtBQUNuQixZQUFZO0FBQ1o7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLG9CQUFvQixpQkFBaUI7QUFDckM7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSzs7QUFFTDtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsV0FBVyxRQUFRO0FBQ25CO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQSxFQUFFLGFBQWE7QUFDZixFQUFFLGFBQWE7O0FBRWY7QUFDQTs7QUFFQSxrQkFBa0IsU0FBUztBQUMzQiw2QkFBNkI7QUFDN0I7QUFDQTtBQUNBO0FBQ0EsTUFBTTtBQUNOO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLFdBQVcsUUFBUTtBQUNuQixZQUFZO0FBQ1o7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsMENBQTBDLFNBQVM7QUFDbkQ7QUFDQTtBQUNBO0FBQ0E7QUFDQSwwQ0FBMEMsU0FBUztBQUNuRDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsV0FBVyxPQUFPO0FBQ2xCLFlBQVk7QUFDWjtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOzs7Ozs7Ozs7OztBQ3pNQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFdBQVcsZUFBZTtBQUMxQixXQUFXLFFBQVE7QUFDbkIsWUFBWSxPQUFPO0FBQ25CLFlBQVk7QUFDWjtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsV0FBVyxRQUFRO0FBQ25CLFlBQVk7QUFDWjtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLFdBQVcsUUFBUTtBQUNuQixZQUFZO0FBQ1o7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsV0FBVyxRQUFRO0FBQ25CLFlBQVk7QUFDWjtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7Ozs7Ozs7Ozs7O0FDdkpBOztBQUVBLGFBQWEsbUJBQU8sQ0FBQyxnRUFBVTtBQUMvQixrQkFBa0IsbUJBQU8sQ0FBQyw2RUFBa0I7QUFDNUMsZ0JBQWdCLG1CQUFPLENBQUMseUVBQWdCO0FBQ3hDLFlBQVksbUJBQU8sQ0FBQyxpRUFBWTs7QUFFaEM7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsaUJBQWlCOztBQUVqQjtBQUNBO0FBQ0E7QUFDQTtBQUNBLFdBQVcsUUFBUTtBQUNuQixXQUFXLFFBQVE7QUFDbkIsV0FBVyxRQUFRO0FBQ25CLFdBQVcsUUFBUTtBQUNuQjtBQUNBLFdBQVcsUUFBUTtBQUNuQjtBQUNBLFdBQVcsY0FBYztBQUN6QjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLGNBQWMsbUJBQU8sQ0FBQyxpRkFBTzs7QUFFN0IsY0FBYyxtQkFBTyxDQUFDLGlFQUFZO0FBQ2xDLGdCQUFnQixtQkFBTyxDQUFDLG9EQUFTO0FBQ2pDLFlBQVksbUJBQU8sQ0FBQyw2REFBVTs7QUFFOUI7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxLQUFLOztBQUVMO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsSUFBSTtBQUNKO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsSUFBSTtBQUNKO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EscUNBQXFDOztBQUVyQztBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBLHFCQUFxQixtQkFBTyxDQUFDLGlGQUFPOzs7QUFHcEM7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0wsSUFBSTtBQUNKO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7O0FBR0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSxPQUFPO0FBQ1A7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLDJEQUEyRDtBQUMzRDtBQUNBOztBQUVBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLE9BQU87O0FBRVA7QUFDQTtBQUNBLDRCQUE0QjtBQUM1QjtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTzs7QUFFUDtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQSx5REFBeUQ7QUFDekQ7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTzs7QUFFUDtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7O0FBR0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLE9BQU87QUFDUDs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBUztBQUNULE9BQU87QUFDUDtBQUNBO0FBQ0EsU0FBUztBQUNULE9BQU87QUFDUCxNQUFNO0FBQ047QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0EsaUNBQWlDLG1DQUFtQztBQUNwRTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7QUFDSDs7QUFFQTtBQUNBO0FBQ0EsVUFBVSxRQUFRO0FBQ2xCLFVBQVUsUUFBUTtBQUNsQixXQUFXLFFBQVE7QUFDbkI7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLGdCQUFnQixtQkFBTyxDQUFDLG9EQUFTOztBQUVqQztBQUNBLGtCQUFrQjtBQUNsQjs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxZQUFZLFlBQVk7QUFDeEIsV0FBVyxRQUFRO0FBQ25CLFdBQVcsUUFBUTtBQUNuQixXQUFXLFFBQVE7QUFDbkIsWUFBWSxVQUFVO0FBQ3RCLFlBQVksbUJBQW1CO0FBQy9CO0FBQ0E7QUFDQSxnQkFBZ0IsbUJBQU8sQ0FBQyxvREFBUztBQUNqQyxZQUFZLG1CQUFPLENBQUMsNkRBQVU7O0FBRTlCOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLFVBQVU7QUFDVjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0EsR0FBRztBQUNIOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxVQUFVLFVBQVU7QUFDcEIsVUFBVSxRQUFRO0FBQ2xCLFVBQVUsUUFBUTtBQUNsQixVQUFVLFFBQVE7QUFDbEI7QUFDQSxVQUFVLFFBQVE7QUFDbEIsVUFBVSxRQUFRO0FBQ2xCO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsZ0JBQWdCLG1CQUFPLENBQUMsb0RBQVM7QUFDakMsWUFBWSxtQkFBTyxDQUFDLDZEQUFVOztBQUU5QixvREFBb0Qsb0JBQW9CLGtDQUFrQyxpQkFBaUI7O0FBRTNIO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUEsZ0JBQWdCLG1CQUFPLENBQUMsaUVBQVk7QUFDcEMsZUFBZSxtQkFBTyxDQUFDLCtEQUFXOztBQUVsQztBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLGFBQWE7QUFDYixLQUFLO0FBQ0wsR0FBRztBQUNIOztBQUVBO0FBQ0E7QUFDQSxXQUFXLGNBQWM7QUFDekI7QUFDQTtBQUNBO0FBQ0E7QUFDQSxvQkFBb0IsaUJBQWlCO0FBQ3JDO0FBQ0E7QUFDQSx3QkFBd0Isb0JBQW9CO0FBQzVDO0FBQ0E7QUFDQTtBQUNBLFFBQVE7QUFDUjtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLFdBQVcsUUFBUTtBQUNuQjtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxVQUFVLFFBQVE7QUFDbEI7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxVQUFVLFFBQVE7QUFDbEI7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLFVBQVUsUUFBUTtBQUNsQjtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLHlCQUF5QjtBQUN6QjtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0EsZ0JBQWdCLG1CQUFPLENBQUMsb0RBQVM7QUFDakM7QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0EsY0FBYyxtQkFBTyxDQUFDLDhEQUFTO0FBQy9CO0FBQ0E7QUFDQSxnQ0FBZ0MsNEJBQTRCO0FBQzVEO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsdUNBQXVDLHFDQUFxQztBQUM1RTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLFFBQVE7QUFDUjtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOzs7Ozs7Ozs7OztBQ3Y4QkEsd0JBQXdCLG1CQUFPLENBQUMseUZBQXdCO0FBQ3hELGdCQUFnQixtQkFBTyxDQUFDLHlFQUFnQjtBQUN4Qyx3QkFBd0IsbUJBQU8sQ0FBQyx5RkFBd0I7O0FBRXhEOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsVUFBVSxRQUFRO0FBQ2xCLFVBQVUsUUFBUTtBQUNsQjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLGtCQUFrQixXQUFXLGlDQUFpQztBQUM5RDtBQUNBO0FBQ0E7QUFDQTtBQUNBLGtCQUFrQixXQUFXLGlDQUFpQztBQUM5RDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsNkJBQTZCLHdCQUF3QjtBQUNyRDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxVQUFVLFVBQVU7QUFDcEI7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFVBQVUsUUFBUTtBQUNsQixVQUFVLFFBQVE7QUFDbEI7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxvQkFBb0IscUJBQXFCO0FBQ3pDO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSxVQUFVLFFBQVE7QUFDbEIsVUFBVSxRQUFRO0FBQ2xCLFVBQVUsVUFBVTtBQUNwQjtBQUNBO0FBQ0EsV0FBVyxtQkFBbUI7QUFDOUI7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0gsUUFBUTtBQUNSO0FBQ0E7QUFDQSxjQUFjLG1CQUFPLENBQUMsaUVBQVk7O0FBRWxDOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7QUFDQTtBQUNBO0FBQ0E7QUFDQSxNQUFNO0FBQ047QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLElBQUk7QUFDSjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBLDRCQUE0Qix1QkFBdUI7QUFDbkQ7QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxXQUFXLGVBQWU7QUFDMUI7QUFDQTtBQUNBLEdBQUc7QUFDSDs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxVQUFVLFFBQVE7QUFDbEIsVUFBVSxRQUFRO0FBQ2xCLFVBQVUsVUFBVTtBQUNwQjtBQUNBO0FBQ0EsV0FBVyxtQkFBbUI7QUFDOUI7QUFDQTtBQUNBLFFBQVE7QUFDUjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsV0FBVyxlQUFlO0FBQzFCO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSxVQUFVLFFBQVE7QUFDbEI7QUFDQSxVQUFVLFFBQVE7QUFDbEIsVUFBVSxRQUFRO0FBQ2xCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxjQUFjLG1CQUFPLENBQUMsaUVBQVk7QUFDbEMsYUFBYSxtQkFBTyxDQUFDLCtEQUFXO0FBQ2hDLGtEQUFrRCxpQ0FBaUM7O0FBRW5GO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFdBQVcseUJBQXlCO0FBQ3BDO0FBQ0EsR0FBRztBQUNIOztBQUVBO0FBQ0E7QUFDQSxDQUFDO0FBQ0Q7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxXQUFXLGVBQWU7QUFDMUI7QUFDQTtBQUNBO0FBQ0E7QUFDQSxhQUFhO0FBQ2IsS0FBSztBQUNMO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxvQkFBb0Isa0JBQWtCO0FBQ3RDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRztBQUNIOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLGdCQUFnQixtQkFBTyxDQUFDLG9EQUFTO0FBQ2pDLFlBQVksbUJBQU8sQ0FBQyw2REFBVTs7QUFFOUI7O0FBRUE7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxLQUFLO0FBQ0w7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRztBQUNIOztBQUVBO0FBQ0E7QUFDQTtBQUNBOzs7Ozs7Ozs7Ozs7QUNwWWE7O0FBRWIsd0JBQXdCLG1CQUFPLENBQUMsNkZBQTRCO0FBQzVELDBCQUEwQixtQkFBTyxDQUFDLHNHQUEyQjs7QUFFN0Q7Ozs7Ozs7Ozs7OztBQ0xhOztBQUViLGFBQWEsbUJBQU8sQ0FBQyxtREFBUTtBQUM3QixnQ0FBZ0Msc0dBQThCOztBQUU5RDtBQUNBO0FBQ0E7QUFDQTtBQUNBLGlCQUFpQixtQkFBTyxDQUFDLGlFQUFVO0FBQ25DLGVBQWUsbUJBQU8sQ0FBQyxpRUFBVztBQUNsQyxzQkFBc0IsbUJBQU8sQ0FBQyx3RkFBa0I7QUFDaEQscUJBQXFCLG1CQUFPLENBQUMsc0ZBQWlCO0FBQzlDLGVBQWUsbUJBQU8sQ0FBQyxvRUFBYztBQUNyQzs7QUFFQSxNQUFNLEtBQWdDLEVBQUU7QUFBQSxFQUVyQzs7QUFFSDtBQUNBLG9CQUFvQixtQkFBTyxDQUFDLGtFQUFhOztBQUV6QywrQkFBK0I7O0FBRS9COztBQUVBO0FBQ0E7O0FBRUEsMEJBQTBCLG1CQUFPLENBQUMsc0VBQWU7O0FBRWpEO0FBQ0EsNkRBQTZEOztBQUU3RDs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxXQUFXLG1CQUFPLENBQUMsaUZBQU87QUFDMUI7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFFBQVE7QUFDUjtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFlBQVk7QUFDWjtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxRQUFRO0FBQ1I7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxVQUFVO0FBQ1Y7QUFDQTtBQUNBLFdBQVc7QUFDWDs7QUFFQTtBQUNBO0FBQ0EsVUFBVTtBQUNWO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxXQUFXO0FBQ1g7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxPQUFPO0FBQ1AsS0FBSztBQUNMOztBQUVBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0E7QUFDQTtBQUNBLE9BQU87QUFDUCxLQUFLO0FBQ0w7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7Ozs7Ozs7Ozs7O0FDM09hOztBQUViOztBQUVBLGFBQWEsbUJBQU8sQ0FBQyw0RUFBd0I7O0FBRTdDO0FBQ0E7QUFDQTtBQUNBLElBQUk7QUFDSjtBQUNBOztBQUVBO0FBQ0E7Ozs7Ozs7Ozs7OztBQ2RhOztBQUViOztBQUVBLGFBQWEsbUJBQU8sQ0FBQyxpRUFBVzs7QUFFaEM7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLE1BQU07QUFDTjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOzs7Ozs7Ozs7OztBQzdIQTs7QUFFQSxhQUFhLG1CQUFPLENBQUMsbUVBQWE7O0FBRWxDO0FBQ0E7QUFDQSxXQUFXLFFBQVE7QUFDbkIsV0FBVyxRQUFRO0FBQ25CLFlBQVksVUFBVTtBQUN0QjtBQUNBO0FBQ0E7QUFDQTtBQUNBLGFBQWEsUUFBUTtBQUNyQixhQUFhLFFBQVE7QUFDckIsYUFBYSxVQUFVO0FBQ3ZCLGNBQWMsbUJBQW1CO0FBQ2pDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsTUFBTTtBQUNOO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSxNQUFNLGtEQUFrRDtBQUN4RDtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7OztBQUdBO0FBQ0E7QUFDQTs7Ozs7Ozs7Ozs7QUNsRUE7QUFDQTtBQUNBOzs7Ozs7Ozs7OztBQ0ZBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTs7Ozs7Ozs7Ozs7QUNkQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOzs7Ozs7Ozs7Ozs7QUNOYTs7QUFFYjtBQUNBO0FBQ0E7O0FBRUEsZUFBZSxtQkFBTyxDQUFDLGlFQUFVOztBQUVqQztBQUNBLGdCQUFnQixtQkFBTyxDQUFDLG9EQUFTOztBQUVqQzs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7Ozs7Ozs7Ozs7O0FDckZBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOzs7Ozs7Ozs7OztBQ05BLGNBQWMsbUJBQU8sQ0FBQyxvREFBUzs7QUFFL0I7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7QUFDQTs7Ozs7Ozs7Ozs7QUNSQSxjQUFjLG1CQUFPLENBQUMsb0RBQVM7O0FBRS9CO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSx5Q0FBeUM7QUFDekMsVUFBVTtBQUNWO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBOzs7Ozs7Ozs7OztBQ2xCQTtBQUNBLGFBQWEsbUJBQU8sQ0FBQyw0REFBYTtBQUNsQyxnQkFBZ0IsbUJBQU8sQ0FBQyxvREFBUzs7QUFFakM7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7Ozs7Ozs7Ozs7O0FDYkE7O0FBRUEsVUFBVSxtQkFBTyxDQUFDLG9FQUFpQjtBQUNuQyx3QkFBd0IsbUJBQU8sQ0FBQyx5RkFBd0I7O0FBRXhEO0FBQ0E7QUFDQSxvQkFBb0IsbUJBQU8sQ0FBQyxpRUFBWTs7QUFFeEM7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLE9BQU87QUFDUDs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxPQUFPO0FBQ1A7QUFDQTtBQUNBO0FBQ0E7Ozs7Ozs7Ozs7O0FDaERBLFlBQVksbUJBQU8sQ0FBQyxpRkFBTztBQUMzQjs7QUFFQTtBQUNBO0FBQ0EsV0FBVztBQUNYO0FBQ0E7QUFDQTtBQUNBLEdBQUc7QUFDSDtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsZ0NBQWdDOztBQUVoQztBQUNBLGlDQUFpQyxVQUFNO0FBQ3ZDO0FBQ0EsTUFBTSxVQUFNO0FBQ1o7QUFDQSxNQUFNO0FBQ047QUFDQTtBQUNBLEdBQUc7QUFDSDtBQUNBO0FBQ0Esd0JBQXdCLFVBQU07QUFDOUIsTUFBTTtBQUNOO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLDBCQUEwQixVQUFNO0FBQ2hDLE1BQU0sVUFBTTtBQUNaLFdBQVcsVUFBTTtBQUNqQjtBQUNBLFFBQVEsVUFBTSw4REFBOEQ7QUFDNUU7QUFDQTtBQUNBOztBQUVBO0FBQ0EsSUFBSTtBQUNKO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLElBQUksVUFBTTtBQUNWLElBQUk7QUFDSjtBQUNBO0FBQ0E7Ozs7Ozs7Ozs7OztBQ3JGYTs7QUFFYjs7Ozs7Ozs7Ozs7O0FDRmE7O0FBRWIsMkhBQTZDOzs7Ozs7Ozs7Ozs7QUNGaEM7O0FBRWIsUUFBUSxtQkFBTyxDQUFDLGtGQUFvQjs7QUFFcEM7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7QUFDSDtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7QUFDSDtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRztBQUNIO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7QUFDQTtBQUNBO0FBQ0EsR0FBRztBQUNIO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7QUFDQTtBQUNBO0FBQ0EsR0FBRztBQUNIO0FBQ0E7QUFDQTtBQUNBLEdBQUc7QUFDSDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMLGFBQWE7QUFDYix1QkFBdUI7QUFDdkI7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EseUNBQXlDO0FBQ3pDLEdBQUc7QUFDSDs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLHNCQUFzQixrQkFBa0I7QUFDeEM7O0FBRUE7Ozs7Ozs7Ozs7OztBQ2hHYTs7QUFFYjtBQUNBO0FBQ0E7O0FBRUEsUUFBUSxtQkFBTyxDQUFDLGtGQUFvQjtBQUNwQyxVQUFVLG1CQUFPLENBQUMsOEVBQWtCO0FBQ3BDLFdBQVcsbUJBQU8sQ0FBQyw4RUFBVztBQUM5QixVQUFVLG1CQUFPLENBQUMsNEVBQVU7QUFDNUIsbUJBQW1CLG1CQUFPLENBQUMsZ0dBQW9COztBQUUvQztBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7O0FBRUE7O0FBRUE7O0FBRUEsdUJBQXVCLHFDQUFxQztBQUM1RCw2Q0FBNkMsd0NBQXdDO0FBQ3JGO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLE1BQU07QUFDTjtBQUNBO0FBQ0E7QUFDQTtBQUNBLE1BQU07QUFDTjtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQSxlQUFlLDRCQUE0QjtBQUMzQztBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxXQUFXO0FBQ1g7O0FBRUE7QUFDQSxxRUFBcUU7QUFDckU7QUFDQSx5Q0FBeUMsa0RBQWtEOztBQUUzRjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLGVBQWUsdUNBQXVDO0FBQ3REO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLGVBQWUsdUNBQXVDO0FBQ3REO0FBQ0E7QUFDQSxHQUFHOztBQUVIOztBQUVBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxNQUFNO0FBQ047QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFFBQVE7QUFDUjtBQUNBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7O0FBRUg7QUFDQTtBQUNBLEdBQUc7O0FBRUg7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsQ0FBQzs7QUFFRDtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7Ozs7Ozs7Ozs7OztBQ2hUYTs7QUFFYixRQUFRLG1CQUFPLENBQUMsa0ZBQW9CO0FBQ3BDLFVBQVUsbUJBQU8sQ0FBQyw4RUFBa0I7QUFDcEMsbUJBQW1CLG1CQUFPLENBQUMsZ0dBQW9CO0FBQy9DLGNBQWMsbUJBQU8sQ0FBQyxvRkFBYztBQUNwQyxVQUFVLG1CQUFPLENBQUMsNEVBQVU7O0FBRTVCO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSx1QkFBdUIscUNBQXFDO0FBQzVELDZDQUE2Qyx3Q0FBd0M7QUFDckY7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLEdBQUc7QUFDSDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7QUFDSDs7QUFFQTtBQUNBOztBQUVBOztBQUVBOztBQUVBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMLEdBQUc7O0FBRUg7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLFVBQVU7QUFDVjtBQUNBO0FBQ0EsV0FBVztBQUNYO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsUUFBUTtBQUNSO0FBQ0E7QUFDQSxVQUFVO0FBQ1Y7QUFDQTtBQUNBLFFBQVE7QUFDUjtBQUNBO0FBQ0EsTUFBTTtBQUNOO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxRQUFRO0FBQ1I7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQSx1QkFBdUI7QUFDdkI7O0FBRUE7O0FBRUE7QUFDQSxHQUFHOztBQUVIO0FBQ0E7O0FBRUE7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0EsTUFBTTtBQUNOO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLE1BQU07QUFDTjtBQUNBO0FBQ0EsR0FBRzs7QUFFSDs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBOztBQUVBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsQ0FBQzs7QUFFRDtBQUNBO0FBQ0E7O0FBRUE7QUFDQSx1Q0FBdUMscUNBQXFDO0FBQzVFOztBQUVBOzs7Ozs7Ozs7Ozs7QUN6WWE7O0FBRWI7O0FBRUEsUUFBUSxtQkFBTyxDQUFDLGtGQUFvQjtBQUNwQyxVQUFVLG1CQUFPLENBQUMsOEVBQWtCOztBQUVwQztBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsQ0FBQzs7QUFFRDs7Ozs7Ozs7Ozs7O0FDaENhOztBQUViLGdCQUFnQixtQkFBTyxDQUFDLDREQUFXO0FBQ25DOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBOztBQUVBO0FBQ0Esc0RBQXNEO0FBQ3REO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQSwwRUFBMEU7QUFDMUU7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQSw0Q0FBNEMsdUJBQXVCO0FBQ25FO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsaUJBQWlCO0FBQ2pCOzs7Ozs7Ozs7Ozs7QUNyR2E7O0FBRWI7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7Ozs7Ozs7Ozs7OztBQ1JhOztBQUViOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQSxRQUFRLG1CQUFPLENBQUMsa0ZBQW9CO0FBQ3BDLFVBQVUsbUJBQU8sQ0FBQyw4RUFBa0I7QUFDcEMsbUJBQW1CLG1CQUFPLENBQUMsZ0dBQW9COztBQUUvQztBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxzREFBc0QsR0FBRztBQUN6RDs7QUFFQTtBQUNBOztBQUVBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0EsTUFBTTtBQUNOO0FBQ0E7QUFDQSxHQUFHOztBQUVIOztBQUVBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsTUFBTTtBQUNOO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLE1BQU07QUFDTjtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLENBQUM7O0FBRUQ7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7Ozs7Ozs7Ozs7OztBQ3BWYTs7QUFFYjs7QUFFQSxRQUFRLG1CQUFPLENBQUMsa0ZBQW9CO0FBQ3BDLFVBQVUsbUJBQU8sQ0FBQyw4RUFBa0I7QUFDcEMsZUFBZSxtQkFBTyxDQUFDLHdGQUFnQjtBQUN2QyxZQUFZLG1CQUFPLENBQUMsZ0ZBQVk7QUFDaEMsZUFBZSxtQkFBTyxDQUFDLHNGQUFlO0FBQ3RDLFdBQVcsbUJBQU8sQ0FBQyw4RUFBVztBQUM5QixVQUFVLG1CQUFPLENBQUMsNEVBQVU7O0FBRTVCO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUEsK0JBQStCLHFDQUFxQztBQUNwRSw2Q0FBNkMsd0NBQXdDO0FBQ3JGO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxzQ0FBc0M7QUFDdEM7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLDJCQUEyQixpQkFBaUI7QUFDNUM7QUFDQSxHQUFHOztBQUVIO0FBQ0EsMENBQTBDLHNCQUFzQjs7QUFFaEUsOENBQThDLFdBQVc7O0FBRXpEO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBLG9DQUFvQywyQkFBMkI7QUFDL0Q7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMLEdBQUc7O0FBRUg7QUFDQTtBQUNBLG1CQUFtQjs7QUFFbkI7QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7O0FBRUg7QUFDQTs7QUFFQTtBQUNBLEdBQUc7O0FBRUg7QUFDQTtBQUNBOztBQUVBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLEdBQUc7O0FBRUg7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFFBQVE7QUFDUjtBQUNBOztBQUVBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsbUJBQW1COztBQUVuQjtBQUNBO0FBQ0E7QUFDQSxRQUFRO0FBQ1I7QUFDQSxRQUFRO0FBQ1I7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7O0FBRUg7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxtQkFBbUI7O0FBRW5CO0FBQ0E7QUFDQTtBQUNBLE1BQU07QUFDTjtBQUNBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLG1CQUFtQjs7QUFFbkI7QUFDQTtBQUNBO0FBQ0EsTUFBTTtBQUNOO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQTtBQUNBLEdBQUc7O0FBRUg7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsTUFBTTtBQUNOO0FBQ0E7O0FBRUE7QUFDQSxHQUFHOztBQUVIO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLE1BQU07QUFDTjtBQUNBOztBQUVBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7O0FBRUg7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLE1BQU07QUFDTjtBQUNBOztBQUVBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQTtBQUNBLEdBQUc7O0FBRUg7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsUUFBUTtBQUNSO0FBQ0E7QUFDQSxNQUFNO0FBQ047QUFDQTtBQUNBLEdBQUc7O0FBRUg7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxNQUFNO0FBQ047QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHOztBQUVIOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxRQUFRO0FBQ1I7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsTUFBTTtBQUNOO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLEdBQUc7O0FBRUg7QUFDQTtBQUNBLEdBQUc7O0FBRUg7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQSxDQUFDOztBQUVEO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxNQUFNO0FBQ047QUFDQTtBQUNBLEdBQUc7O0FBRUg7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0Esb0JBQW9CLG1CQUFPLENBQUMsb0ZBQXFCOztBQUVqRDs7Ozs7Ozs7Ozs7O0FDN29CYTs7QUFFYjtBQUNBO0FBQ0E7Ozs7Ozs7Ozs7OztBQ0phO0FBQ2I7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7Ozs7Ozs7Ozs7O0FDTGE7O0FBRWIsVUFBVSxtQkFBTyxDQUFDLHNFQUFVOztBQUU1QjtBQUNBLGlDQUFpQyxFQUFFO0FBQ25DOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxxQ0FBcUM7QUFDckM7QUFDQTtBQUNBO0FBQ0EsbUJBQW1CO0FBQ25CO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQSxtQ0FBbUMsRUFBRTtBQUNyQyxHQUFHOztBQUVILDRCQUE0QixpQ0FBaUM7O0FBRTdEO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0EsNkJBQTZCO0FBQzdCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxVQUFVO0FBQ1Y7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0Esd0JBQXdCO0FBQ3hCLEdBQUc7O0FBRUg7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsbUNBQW1DO0FBQ25DO0FBQ0EsaUNBQWlDO0FBQ2pDLEdBQUc7O0FBRUgsd0JBQXdCLG9CQUFvQjs7QUFFNUMscUJBQXFCOztBQUVyQjtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7Ozs7Ozs7Ozs7OztBQ2xJYTs7QUFFYixRQUFRLG1CQUFPLENBQUMsa0ZBQW9CO0FBQ3BDLGNBQWMsbUJBQU8sQ0FBQyx1RUFBa0I7QUFDeEMsZ0NBQWdDLG1CQUFPLENBQUMsMEhBQXdDOztBQUVoRjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDtBQUNBOzs7Ozs7Ozs7Ozs7QUN2QmE7O0FBRWI7QUFDQSxRQUFRLG1CQUFPLENBQUMseUVBQVc7QUFDM0IsYUFBYSxtQkFBTyxDQUFDLG1GQUFnQjtBQUNyQzs7Ozs7Ozs7Ozs7O0FDTGE7O0FBRWIsUUFBUSxtQkFBTyxDQUFDLGtGQUFvQjtBQUNwQyxjQUFjLG1CQUFPLENBQUMsdUVBQWtCO0FBQ3hDLGdDQUFnQyxtQkFBTyxDQUFDLDBIQUF3Qzs7QUFFaEY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsK0VBQStFOztBQUUvRTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQSxxQ0FBcUMsZUFBZTtBQUNwRCxxQ0FBcUM7QUFDckMsb0NBQW9DOztBQUVwQztBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0Esc0JBQXNCO0FBQ3RCLGFBQWE7QUFDYjs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLHdCQUF3QjtBQUN4QixlQUFlO0FBQ2YsYUFBYTtBQUNiLFdBQVc7O0FBRVg7QUFDQSwwQkFBMEIseUJBQXlCO0FBQ25EO0FBQ0E7O0FBRUE7QUFDQSxTQUFTOztBQUVUO0FBQ0E7O0FBRUE7QUFDQSxLQUFLO0FBQ0w7QUFDQTs7Ozs7Ozs7Ozs7O0FDcEZhOztBQUViO0FBQ0EsWUFBWSxtQkFBTyxDQUFDLG1FQUFnQjs7QUFFcEM7QUFDQSxVQUFVLG1CQUFPLENBQUMsOEVBQWtCO0FBQ3BDOztBQUVBO0FBQ0EsUUFBUSxtQkFBTyxDQUFDLGtGQUFvQjtBQUNwQztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0EsZ0JBQWdCLG1CQUFPLENBQUMsc0dBQThCO0FBQ3RELGVBQWUsbUJBQU8sQ0FBQyxzR0FBOEI7O0FBRXJEO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLGlDQUFpQyxXQUFXO0FBQzVDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxPQUFPO0FBQ1A7QUFDQTtBQUNBLEdBQUc7O0FBRUg7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7Ozs7Ozs7Ozs7O0FDMUZBOzs7Ozs7Ozs7OztBQ0FBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsQ0FBQztBQUNEO0FBQ0E7QUFDQTtBQUNBLHVCQUF1QixpQkFBaUI7QUFDeEMsa0JBQWtCLDJHQUEyRztBQUM3SDtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDtBQUNBO0FBQ0EsbUJBQW1CO0FBQ25CO0FBQ0EsY0FBYztBQUNkO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDtBQUNBLHdCQUF3Qjs7QUFFeEI7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUEsK0JBQStCO0FBQy9CLCtCQUErQjtBQUMvQiwrQkFBK0I7QUFDL0IsK0JBQStCO0FBQy9CO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQSw0QkFBNEIsMENBQTBDLHFCQUFxQjtBQUMzRiw0QkFBNEI7QUFDNUIsNEJBQTRCLG9EQUFvRCxxQ0FBcUM7QUFDckg7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSwwQkFBMEIsK0NBQStDLG1DQUFtQzs7QUFFNUc7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxnREFBZ0QscUNBQXFDO0FBQ3JGOztBQUVBO0FBQ0E7QUFDQSxnQkFBZ0IsU0FBUztBQUN6QjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLE9BQU87QUFDUDs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTztBQUNQOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxnQ0FBZ0MsMkJBQTJCO0FBQzNEO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLE1BQU07QUFDTjtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLGlCQUFpQjtBQUNqQjtBQUNBO0FBQ0EsTUFBTTtBQUNOO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLGtCQUFrQixxQkFBcUI7QUFDdkM7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0Esa0JBQWtCLHFCQUFxQjtBQUN2QztBQUNBLE1BQU07QUFDTjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0Esa0JBQWtCLHNCQUFzQjtBQUN4QztBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7O0FBRUw7QUFDQTtBQUNBO0FBQ0EsNENBQTRDLDJCQUEyQjtBQUN2RSxLQUFLO0FBQ0w7QUFDQTtBQUNBLEtBQUs7O0FBRUw7QUFDQTtBQUNBO0FBQ0E7QUFDQSxxRUFBcUUsYUFBYTtBQUNsRjtBQUNBLEtBQUs7QUFDTDtBQUNBO0FBQ0EsS0FBSztBQUNMLHlCQUF5QixtQkFBbUI7QUFDNUM7QUFDQTtBQUNBLEtBQUs7QUFDTDtBQUNBO0FBQ0E7QUFDQTtBQUNBLE9BQU87QUFDUCxLQUFLO0FBQ0w7QUFDQTtBQUNBO0FBQ0EsT0FBTztBQUNQO0FBQ0EsS0FBSztBQUNMO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTztBQUNQLEtBQUs7QUFDTDtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVM7QUFDVDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBUztBQUNUO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLE9BQU87QUFDUCxLQUFLO0FBQ0w7QUFDQTtBQUNBLEtBQUs7QUFDTDtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxXQUFXO0FBQ1gsU0FBUztBQUNUO0FBQ0EseUNBQXlDLGtDQUFrQztBQUMzRTtBQUNBLEtBQUs7QUFDTDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxPQUFPO0FBQ1A7QUFDQSxLQUFLO0FBQ0w7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVM7QUFDVDtBQUNBLEtBQUs7QUFDTDtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0EsMkNBQTJDLHVCQUF1QjtBQUNsRSxLQUFLO0FBQ0w7QUFDQSxtQ0FBbUMsNERBQTREO0FBQy9GLEtBQUs7QUFDTDtBQUNBO0FBQ0EscUVBQXFFLG1CQUFtQjtBQUN4RixPQUFPO0FBQ1AsS0FBSztBQUNMO0FBQ0EsbUNBQW1DLHFCQUFxQjtBQUN4RCxLQUFLO0FBQ0w7QUFDQTtBQUNBLHVDQUF1QyxxQkFBcUI7QUFDNUQsS0FBSztBQUNMO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxPQUFPO0FBQ1AsS0FBSztBQUNMO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTztBQUNQLEtBQUs7QUFDTDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTztBQUNQLEtBQUs7QUFDTDtBQUNBO0FBQ0E7QUFDQSxPQUFPO0FBQ1A7QUFDQSxLQUFLO0FBQ0w7QUFDQSxrQ0FBa0MsNkJBQTZCO0FBQy9ELEtBQUs7QUFDTDtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0E7QUFDQTtBQUNBLFNBQVM7QUFDVCxPQUFPO0FBQ1AsS0FBSztBQUNMLDhCQUE4Qix3RUFBd0U7QUFDdEcsOEJBQThCLG9FQUFvRTtBQUNsRztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBUztBQUNUO0FBQ0EsS0FBSztBQUNMO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxTQUFTO0FBQ1Q7QUFDQSxLQUFLO0FBQ0w7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVM7QUFDVCxLQUFLO0FBQ0w7QUFDQSxtQ0FBbUM7QUFDbkM7QUFDQSxPQUFPLFFBQVE7QUFDZixLQUFLO0FBQ0w7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVM7QUFDVDtBQUNBLEtBQUs7QUFDTDtBQUNBO0FBQ0EsbUNBQW1DLG1CQUFtQjtBQUN0RCxLQUFLO0FBQ0w7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxLQUFLO0FBQ0w7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVM7QUFDVCxRQUFRO0FBQ1I7QUFDQSx3REFBd0Qsc0JBQXNCO0FBQzlFO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxPQUFPO0FBQ1A7QUFDQTtBQUNBLGdCQUFnQjtBQUNoQjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxVQUFVO0FBQ1Y7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFdBQVc7QUFDWDtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsZ0NBQWdDLGdEQUFnRDtBQUNoRjtBQUNBO0FBQ0EsUUFBUTtBQUNSO0FBQ0E7QUFDQSxrQ0FBa0MsMkNBQTJDO0FBQzdFO0FBQ0EsNkVBQTZFO0FBQzdFOztBQUVBLG1DQUFtQyx3QkFBd0IsU0FBUztBQUNwRSxLQUFLO0FBQ0w7QUFDQTtBQUNBLEtBQUs7QUFDTDtBQUNBO0FBQ0E7QUFDQTtBQUNBLE9BQU87QUFDUCxLQUFLO0FBQ0w7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVM7QUFDVDtBQUNBLE9BQU87QUFDUCxLQUFLO0FBQ0w7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxTQUFTO0FBQ1Q7QUFDQSxPQUFPO0FBQ1AsS0FBSztBQUNMO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBUztBQUNULE9BQU87QUFDUCxLQUFLO0FBQ0w7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLG9CQUFvQix5QkFBeUI7QUFDN0Msb0JBQW9CLG9DQUFvQztBQUN4RCxLQUFLO0FBQ0w7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLG9CQUFvQiwwQkFBMEI7QUFDOUMsb0JBQW9CLG9DQUFvQztBQUN4RCxLQUFLO0FBQ0w7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EscUVBQXFFLGtCQUFrQjs7QUFFdkY7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxPQUFPO0FBQ1A7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0EsR0FBRztBQUNIO0FBQ0EsMENBQTBDLDJCQUEyQjs7QUFFckU7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLE9BQU87QUFDUDtBQUNBLEdBQUc7O0FBRUg7QUFDQTtBQUNBLGtEQUFrRCxTQUFTO0FBQzNEO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxlQUFlO0FBQ2Y7QUFDQTtBQUNBO0FBQ0E7QUFDQSxXQUFXO0FBQ1g7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsV0FBVztBQUNYLFNBQVM7QUFDVCxPQUFPO0FBQ1A7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7O0FBRUg7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxDQUFDOztBQUVELENBQUM7QUFDRDtBQUNBO0FBQ0E7QUFDQSxnQ0FBZ0MsK0JBQStCO0FBQy9ELG1CQUFtQjtBQUNuQixzQkFBc0I7QUFDdEI7QUFDQSxnQkFBZ0Isb0NBQW9DO0FBQ3BELGdCQUFnQjs7QUFFaEI7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0E7QUFDQTtBQUNBLFlBQVk7QUFDWjtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFVBQVUsYUFBYTtBQUN2QjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDtBQUNBO0FBQ0E7QUFDQTtBQUNBLE9BQU87QUFDUCxLQUFLO0FBQ0w7O0FBRUEsY0FBYzs7QUFFZDtBQUNBO0FBQ0E7QUFDQSxnQ0FBZ0M7QUFDaEM7QUFDQTtBQUNBLE1BQU07QUFDTjtBQUNBO0FBQ0E7QUFDQSxRQUFRO0FBQ1I7QUFDQTtBQUNBLE1BQU07QUFDTjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBLDhCQUE4QixZQUFZO0FBQzFDLCtCQUErQixhQUFhO0FBQzVDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxPQUFPOztBQUVQOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0EsdUJBQXVCO0FBQ3ZCO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTztBQUNQO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSwwQ0FBMEMseUNBQXlDO0FBQ25GO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLEtBQUs7QUFDTDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxPQUFPO0FBQ1A7QUFDQTs7QUFFQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxPQUFPO0FBQ1AsS0FBSztBQUNMO0FBQ0E7O0FBRUE7QUFDQSxHQUFHO0FBQ0g7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBLENBQUM7O0FBRUQsQ0FBQztBQUNEOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxxQ0FBcUM7QUFDckM7QUFDQSwyQ0FBMkMsWUFBWTtBQUN2RDtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQSxDQUFDOztBQUVELENBQUM7QUFDRCxlQUFlO0FBQ2Y7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsNkNBQTZDLDJCQUEyQjtBQUN4RSxTQUFTO0FBQ1Q7QUFDQTtBQUNBO0FBQ0EsNEJBQTRCLDRCQUE0QjtBQUN4RDs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTztBQUNQLEtBQUs7QUFDTDs7QUFFQTtBQUNBLEdBQUc7QUFDSDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7QUFDSCxDQUFDO0FBQ0Q7QUFDQSxDQUFDOzs7Ozs7Ozs7Ozs7QUNweUNZOztBQUViLFlBQVksbUJBQU8sQ0FBQyxnRkFBZ0I7O0FBRXBDOztBQUVBLHVDQUF1Qyx1Q0FBdUM7O0FBRTlFLGlDQUFpQzs7Ozs7Ozs7Ozs7O0FDUnBCOztBQUViLDhDQUE2QztBQUM3QztBQUNBLENBQUMsRUFBQzs7QUFFRixvREFBb0QsZ0JBQWdCLHNCQUFzQixPQUFPLDJCQUEyQiwwQkFBMEIseURBQXlELGlDQUFpQzs7QUFFaFAsaUNBQWlDLDJDQUEyQyxnQkFBZ0Isa0JBQWtCLE9BQU8sMkJBQTJCLHdEQUF3RCxnQ0FBZ0MsdURBQXVELCtEQUErRCx5REFBeUQscUVBQXFFLDZEQUE2RCx3QkFBd0I7O0FBRWpqQixhQUFhLG1CQUFPLENBQUMsMERBQVU7O0FBRS9COztBQUVBLFlBQVksbUJBQU8sQ0FBQyxvR0FBb0I7O0FBRXhDOztBQUVBLG9CQUFvQixtQkFBTyxDQUFDLG9FQUFpQjs7QUFFN0M7O0FBRUEsaUJBQWlCLG1CQUFPLENBQUMsa0ZBQWE7O0FBRXRDOztBQUVBLGFBQWEsbUJBQU8sQ0FBQywwRUFBUzs7QUFFOUI7O0FBRUEsZUFBZSxtQkFBTyxDQUFDLDhFQUFXOztBQUVsQzs7QUFFQSxhQUFhLG1CQUFPLENBQUMsMEVBQVM7O0FBRTlCOztBQUVBLHVDQUF1Qyx1Q0FBdUM7O0FBRTlFLGtEQUFrRCwwQ0FBMEM7O0FBRTVGO0FBQ0E7QUFDQTtBQUNBLFlBQVksUUFBUTtBQUNwQixZQUFZLFFBQVE7QUFDcEIsWUFBWSxRQUFRO0FBQ3BCLFlBQVksUUFBUTtBQUNwQjtBQUNBO0FBQ0EsWUFBWSxRQUFRO0FBQ3BCLFlBQVksUUFBUTtBQUNwQixZQUFZO0FBQ1o7QUFDQSw0Q0FBNEMsK0VBQStFLGFBQWEsNEJBQTRCLFlBQVksSUFBSTs7QUFFcEw7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxnRUFBZ0U7QUFDaEU7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxNQUFNO0FBQ047QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLOztBQUVMO0FBQ0E7QUFDQTtBQUNBO0FBQ0EscUNBQXFDLGdCQUFnQjtBQUNyRDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLOztBQUVMO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSxPQUFPO0FBQ1A7O0FBRUE7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsY0FBYyxRQUFRO0FBQ3RCLGVBQWU7QUFDZjs7O0FBR0E7QUFDQTs7O0FBR0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxnQkFBZ0IsVUFBVTtBQUMxQixlQUFlLFVBQVU7QUFDekIsaUJBQWlCLFVBQVU7QUFDM0I7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVM7QUFDVDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBUztBQUNUO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQSxHQUFHO0FBQ0g7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7QUFDSDtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7QUFDSDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7QUFDSDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxPQUFPOztBQUVQO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTztBQUNQOztBQUVBO0FBQ0E7QUFDQTtBQUNBLGdCQUFnQixRQUFRO0FBQ3hCO0FBQ0EsaUJBQWlCO0FBQ2pCOztBQUVBLEdBQUc7QUFDSDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRztBQUNIO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLE9BQU87O0FBRVA7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTztBQUNQOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTztBQUNQO0FBQ0EsR0FBRztBQUNIO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSx1Q0FBdUM7QUFDdkM7QUFDQSxRQUFRO0FBQ1I7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7QUFDSDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7O0FBRUg7QUFDQSxDQUFDOztBQUVELGtCQUFlLGE7Ozs7Ozs7Ozs7O0FDallGOztBQUViLDhDQUE2QztBQUM3QztBQUNBLENBQUMsRUFBQzs7QUFFRixpQkFBaUIsbUJBQU8sQ0FBQywrREFBWTs7QUFFckM7O0FBRUEsaUJBQWlCLG1CQUFPLENBQUMsa0ZBQWE7O0FBRXRDOztBQUVBLGVBQWUsbUJBQU8sQ0FBQyw4RUFBVzs7QUFFbEM7O0FBRUEsdUNBQXVDLHVDQUF1Qzs7QUFFOUU7QUFDQTs7QUFFQSxrQkFBZSxhOzs7Ozs7Ozs7OztBQ3ZCRjs7QUFFYiw4Q0FBNkM7QUFDN0M7QUFDQSxDQUFDLEVBQUM7QUFDRjtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQSw2REFBNkQsbUJBQW1CLGdDQUFnQyxtQkFBbUIsUUFBUSxzQkFBc0IscUNBQXFDLHNCQUFzQiwyREFBMkQsTUFBTSwrSUFBK0ksV0FBVyx1TkFBdU4sY0FBYywrQkFBK0IsOEJBQThCLDhIQUE4SCxjQUFjLGdFQUFnRSxRQUFRLGtCQUFrQixPQUFPLCtDQUErQyxPQUFPLFFBQVEsT0FBTyx3QkFBd0IsOEJBQThCO0FBQ2prQyxxRUFBcUUsbUJBQW1CLGdDQUFnQyxtQkFBbUIsUUFBUSxzQkFBc0IscUNBQXFDLHNCQUFzQiw2R0FBNkcsU0FBUyx5SEFBeUgsV0FBVyxxQkFBcUIsU0FBUyxjQUFjLHlCQUF5QiwySUFBMkksY0FBYyxpQ0FBaUMseUJBQXlCLGNBQWMsU0FBUyxZQUFZLFNBQVMsc0hBQXNILFNBQVMscUJBQXFCLFFBQVEsZ0JBQWdCLFNBQVMsZ0JBQWdCLFNBQVMscUJBQXFCLGNBQWMsZ0JBQWdCLFNBQVMsZ0JBQWdCLFNBQVMscUJBQXFCLFdBQVcsZ0JBQWdCLFNBQVMsMkZBQTJGLE9BQU8sZ0hBQWdILE9BQU8sOEJBQThCLE9BQU87QUFDNTNDO0FBQ0EsdVhBQXVYLE9BQU87QUFDOVgsdUVBQXVFLGcyQkFBZzJCLFVBQVUsb0JBQW9CO0FBQ3I4Qjs7QUFFQSxrQkFBZSxhOzs7Ozs7Ozs7OztBQ25CRjs7QUFFYiw4Q0FBNkM7QUFDN0M7QUFDQSxDQUFDLEVBQUM7O0FBRUYscUdBQXFHLHFCQUFxQixtQkFBbUI7O0FBRTdJLGFBQWEsbUJBQU8sQ0FBQywwRUFBUzs7QUFFOUI7O0FBRUEsdUNBQXVDLHVDQUF1Qzs7QUFFOUU7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFlBQVksUUFBUTtBQUNwQixZQUFZLFFBQVE7QUFDcEIsYUFBYTtBQUNiO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLDZDQUE2QztBQUM3QztBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxPQUFPLDZCQUE2QjtBQUNwQyxPQUFPLGlDQUFpQztBQUN4QyxPQUFPLCtCQUErQjtBQUN0QyxPQUFPLGtDQUFrQztBQUN6QyxPQUFPLCtCQUErQjtBQUN0QyxPQUFPO0FBQ1A7QUFDQTtBQUNBO0FBQ0E7QUFDQSxTQUFTLDZCQUE2QjtBQUN0QyxTQUFTLGlDQUFpQztBQUMxQyxTQUFTO0FBQ1Q7QUFDQTtBQUNBLFNBQVMsK0JBQStCO0FBQ3hDLFNBQVMsa0NBQWtDO0FBQzNDLFNBQVM7QUFDVDtBQUNBO0FBQ0EsWUFBWSxPQUFPO0FBQ25CLFlBQVksUUFBUTtBQUNwQixhQUFhO0FBQ2I7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDtBQUNBO0FBQ0EsWUFBWSxRQUFRO0FBQ3BCLGFBQWE7QUFDYjtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTCxHQUFHOztBQUVIO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFlBQVksT0FBTztBQUNuQixhQUFhO0FBQ2I7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxPQUFPO0FBQ1AsS0FBSztBQUNMO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxTQUFTLDZCQUE2QjtBQUN0QyxTQUFTLGlDQUFpQztBQUMxQyxTQUFTO0FBQ1Q7QUFDQTtBQUNBLFNBQVMsK0JBQStCO0FBQ3hDLFNBQVMsa0NBQWtDO0FBQzNDLFNBQVM7QUFDVDtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVMsMENBQTBDO0FBQ25ELFNBQVMsK0NBQStDO0FBQ3hELFNBQVMsNkNBQTZDO0FBQ3RELFNBQVMsNENBQTRDO0FBQ3JELFNBQVMsZ0RBQWdEO0FBQ3pELFNBQVM7QUFDVDtBQUNBLFlBQVksUUFBUTtBQUNwQixZQUFZLFFBQVE7QUFDcEIsYUFBYTtBQUNiO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTztBQUNQLEtBQUs7QUFDTDtBQUNBLEdBQUc7O0FBRUg7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsWUFBWSxPQUFPO0FBQ25CLGFBQWE7QUFDYjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxTQUFTO0FBQ1Q7QUFDQSxNQUFNO0FBQ047QUFDQTtBQUNBLGFBQWEsUUFBUTtBQUNyQixhQUFhLFFBQVE7QUFDckIsY0FBYztBQUNkO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7O0FBRUg7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVM7QUFDVDtBQUNBLE1BQU07QUFDTjtBQUNBO0FBQ0EsYUFBYSxRQUFRO0FBQ3JCLGFBQWEsUUFBUTtBQUNyQixjQUFjO0FBQ2Q7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQSxZQUFZLFFBQVE7QUFDcEIsYUFBYTtBQUNiO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUEsa0JBQWUsUzs7Ozs7Ozs7Ozs7QUNuUkY7O0FBRWIsOENBQTZDO0FBQzdDO0FBQ0EsQ0FBQyxFQUFDO0FBQ0Ysa0JBQWUsVzs7Ozs7Ozs7Ozs7QUNMRjs7QUFFYiw4Q0FBNkM7QUFDN0M7QUFDQSxDQUFDLEVBQUM7O0FBRUYsYUFBYSxtQkFBTyxDQUFDLDBFQUF1Qjs7QUFFNUM7O0FBRUEsdUNBQXVDLHVDQUF1Qzs7QUFFOUUsa0JBQWUsbUI7Ozs7Ozs7Ozs7QUNaZjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLENBQUMsS0FBNEQ7QUFDN0QsQ0FBQyxDQUMrQjtBQUNoQyxDQUFDLHNCQUFzQjs7QUFFdkI7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOzs7O0FBSUE7QUFDQTtBQUNBO0FBQ0EsRUFBRTtBQUNGO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLE1BQU07QUFDTjtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLGdGQUFnRjs7QUFFaEY7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSwyQkFBMkIscUJBQXFCOztBQUVoRDtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLGtCQUFrQixTQUFTO0FBQzNCO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLElBQUk7QUFDSjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSxFQUFFO0FBQ0Y7QUFDQSxFQUFFO0FBQ0Y7QUFDQSxFQUFFLHdDQUF3QyxVQUFjO0FBQ3hEO0FBQ0EsRUFBRTtBQUNGO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7OztBQUdBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMLElBQUk7QUFDSjtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7O0FBRUg7QUFDQTtBQUNBLEdBQUc7QUFDSDs7QUFFQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7O0FBRUE7QUFDQTtBQUNBLFVBQVUsS0FBSztBQUNmO0FBQ0EsV0FBVyxTQUFTO0FBQ3BCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLElBQUk7QUFDSjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxRQUFRO0FBQ1I7QUFDQTtBQUNBLEtBQUs7QUFDTDtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLEtBQUs7O0FBRUw7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsSUFBSTtBQUNKO0FBQ0EsSUFBSTtBQUNKO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQSxLQUFLO0FBQ0w7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7QUFDQTtBQUNBLE1BQU07QUFDTjtBQUNBLE1BQU07QUFDTjtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7QUFDQTtBQUNBO0FBQ0EsTUFBTTtBQUNOO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsSUFBSTtBQUNKO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOzs7QUFHQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUEsa0JBQWtCLHdCQUF3QjtBQUMxQztBQUNBOztBQUVBO0FBQ0E7QUFDQSxNQUFNO0FBQ047QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxNQUFNO0FBQ047QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsSUFBSTtBQUNKO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLElBQUk7QUFDSjtBQUNBLElBQUk7QUFDSjtBQUNBLElBQUk7QUFDSjtBQUNBLElBQUk7QUFDSjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQSxLQUFLO0FBQ0wsSUFBSTtBQUNKO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBLFFBQVE7QUFDUjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxNQUFNO0FBQ047QUFDQTtBQUNBOztBQUVBO0FBQ0Esb0JBQW9CLDZDQUE2QztBQUNqRTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOzs7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxRQUFRO0FBQ1I7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxRQUFRO0FBQ1I7QUFDQTtBQUNBLFFBQVE7QUFDUjtBQUNBO0FBQ0E7QUFDQSxVQUFVO0FBQ1Y7QUFDQTtBQUNBO0FBQ0EsUUFBUTtBQUNSO0FBQ0E7QUFDQSxTQUFTO0FBQ1Q7QUFDQSxNQUFNO0FBQ047QUFDQTtBQUNBOztBQUVBO0FBQ0E7OztBQUdBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLFFBQVE7QUFDUjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0EsS0FBSztBQUNMOztBQUVBO0FBQ0EsQ0FBQzs7QUFFRDtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLEdBQUc7QUFDSDs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsR0FBRztBQUNIO0FBQ0EsR0FBRztBQUNIOztBQUVBO0FBQ0E7QUFDQSxVQUFVLE9BQU87QUFDakIsVUFBVSxRQUFRO0FBQ2xCO0FBQ0EsV0FBVyxTQUFTO0FBQ3BCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0wsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0wsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTCxHQUFHOztBQUVIO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTCxHQUFHOztBQUVIO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7QUFDQTtBQUNBLEdBQUc7QUFDSDs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLFVBQVUsT0FBTztBQUNqQjtBQUNBLFdBQVcsU0FBUztBQUNwQjtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTCxJQUFJO0FBQ0o7QUFDQTtBQUNBLHNCQUFzQixZQUFZO0FBQ2xDO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0EsR0FBRztBQUNIO0FBQ0EsR0FBRztBQUNIOztBQUVBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLEdBQUc7QUFDSDtBQUNBLEdBQUc7QUFDSDs7QUFFQTtBQUNBO0FBQ0EsVUFBVSxLQUFLO0FBQ2Y7QUFDQSxXQUFXLFNBQVM7QUFDcEI7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7OztBQUdBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLEdBQUc7O0FBRUg7QUFDQTtBQUNBLEdBQUc7QUFDSDtBQUNBLEdBQUc7QUFDSDs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFlBQVk7QUFDWjtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDs7QUFFQTtBQUNBO0FBQ0EsR0FBRztBQUNIO0FBQ0EsR0FBRztBQUNIOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0EsR0FBRztBQUNIOztBQUVBO0FBQ0EsVUFBVSxVQUFVO0FBQ3BCO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7QUFDQSxHQUFHO0FBQ0g7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRztBQUNIO0FBQ0EsR0FBRztBQUNIO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7QUFDQTtBQUNBLEdBQUc7QUFDSDtBQUNBLEdBQUc7QUFDSDtBQUNBLEdBQUc7QUFDSDtBQUNBO0FBQ0EsR0FBRztBQUNIO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7QUFDQSxHQUFHO0FBQ0g7QUFDQSxHQUFHO0FBQ0g7QUFDQSxHQUFHO0FBQ0g7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7QUFDQSxHQUFHO0FBQ0g7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7QUFDSDtBQUNBLEdBQUc7QUFDSDtBQUNBLEdBQUc7QUFDSDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLE1BQU07QUFDTjtBQUNBO0FBQ0EsR0FBRztBQUNIO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7QUFDQSxHQUFHO0FBQ0g7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxNQUFNO0FBQ047QUFDQTtBQUNBO0FBQ0E7QUFDQSxZQUFZO0FBQ1o7QUFDQTtBQUNBLGNBQWM7QUFDZDtBQUNBO0FBQ0E7QUFDQSxTQUFTO0FBQ1QsUUFBUTtBQUNSO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRztBQUNIO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRztBQUNIO0FBQ0EsR0FBRztBQUNIO0FBQ0E7QUFDQSxVQUFVLFVBQVU7QUFDcEIsVUFBVSxVQUFVO0FBQ3BCO0FBQ0EsV0FBVztBQUNYOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsSUFBSTtBQUNKO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7QUFDQTtBQUNBLFVBQVUsVUFBVTtBQUNwQjtBQUNBLFdBQVc7QUFDWDs7O0FBR0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLDJCQUEyQjtBQUMzQixNQUFNO0FBQ047QUFDQSxNQUFNO0FBQ047QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQSxLQUFLO0FBQ0w7QUFDQTtBQUNBO0FBQ0EsWUFBWSxVQUFVO0FBQ3RCLGFBQWE7QUFDYjs7O0FBR0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBUztBQUNULE9BQU87QUFDUDtBQUNBO0FBQ0EsU0FBUztBQUNULE9BQU87QUFDUDs7QUFFQTtBQUNBOztBQUVBO0FBQ0EsQ0FBQzs7QUFFRDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQSxhQUFhLFVBQU07QUFDbkIsWUFBWSxVQUFNO0FBQ2xCLElBQUk7QUFDSjtBQUNBLElBQUk7QUFDSjtBQUNBO0FBQ0EsTUFBTTtBQUNOO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLE1BQU07QUFDTjtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBOztBQUVBLENBQUM7Ozs7QUFJRDs7Ozs7Ozs7Ozs7O0FDcHBDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLHdCQUF3QixPQUFPO0FBQy9CO0FBQ0E7QUFDQSxNQUFNO0FBQ047QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7Ozs7Ozs7Ozs7OztBQ3BCQTs7QUFFQTtBQUNBO0FBQ0EsRUFBRSxnQkFBZ0IsVUFBTTtBQUN4QixVQUFVLFVBQU07QUFDaEIsRUFBRTtBQUNGO0FBQ0EsRUFBRTtBQUNGO0FBQ0E7O0FBRUE7Ozs7Ozs7Ozs7O0FDWkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxNQUFNO0FBQ047O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxrQkFBa0I7QUFDbEIsa0JBQWtCOztBQUVsQjtBQUNBO0FBQ0EscUJBQXFCLGlDQUFpQztBQUN0RDtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLDhCQUE4QixtQkFBbUI7QUFDakQ7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0Esc0NBQXNDLG1CQUFtQjtBQUN6RDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsUUFBUTtBQUNSLHFCQUFxQixTQUFTO0FBQzlCOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUEsZ0JBQWdCLFNBQVM7QUFDekI7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFVBQVU7QUFDVjtBQUNBO0FBQ0EsWUFBWTtBQUNaO0FBQ0E7QUFDQTtBQUNBLFFBQVE7QUFDUjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxVQUFVO0FBQ1Y7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsUUFBUTtBQUNSO0FBQ0EsdUJBQXVCO0FBQ3ZCLHFGQUFxRjtBQUNyRjtBQUNBO0FBQ0E7QUFDQSwyQkFBMkI7QUFDM0IsMkJBQTJCO0FBQzNCO0FBQ0EsY0FBYztBQUNkO0FBQ0E7QUFDQTtBQUNBLFVBQVU7QUFDVjtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0EsaURBQWlEO0FBQ2pEO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBLG9DQUFvQyxPQUFPO0FBQzNDO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQSx3QkFBd0I7O0FBRXhCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsUUFBUTtBQUNSO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFFBQVE7QUFDUjtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQSxxQ0FBcUMsT0FBTztBQUM1QztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxxQ0FBcUMsT0FBTztBQUM1QztBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLHlEQUF5RCxpQkFBaUI7QUFDMUU7QUFDQSxjQUFjLHlCQUF5QjtBQUN2Qzs7QUFFQTtBQUNBO0FBQ0E7QUFDQSx5Q0FBeUMsaUdBQWlHO0FBQzFJO0FBQ0EsdUJBQXVCLDJCQUEyQjtBQUNsRDs7QUFFQTtBQUNBLGFBQWEseUJBQXlCLHNDQUFzQyxxQ0FBcUM7QUFDakg7O0FBRUE7QUFDQTtBQUNBO0FBQ0Esb0JBQW9CLGtCQUFrQjtBQUN0Qzs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBLHVCQUF1QixhQUFhLDBCQUEwQjtBQUM5RDs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0EseUJBQXlCLFFBQVE7QUFDakM7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSw2QkFBNkI7QUFDN0Isc0ZBQXNGO0FBQ3RGO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EscUdBQXFHO0FBQ3JHLHFEQUFxRDtBQUNyRDtBQUNBLHdCQUF3QixFQUFFLFNBQVM7QUFDbkMsS0FBSzs7QUFFTDtBQUNBLDBHQUEwRztBQUMxRztBQUNBLHlCQUF5QjtBQUN6QixLQUFLOztBQUVMO0FBQ0E7QUFDQSxpQkFBaUIsWUFBWSxvQkFBb0I7QUFDakQ7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLOztBQUVMO0FBQ0EsaUJBQWlCLFFBQVE7QUFDekI7QUFDQTtBQUNBO0FBQ0EsNERBQTREO0FBQzVEO0FBQ0EsS0FBSzs7QUFFTDtBQUNBO0FBQ0EsS0FBSzs7QUFFTDtBQUNBLDZGQUE2RjtBQUM3RixLQUFLOztBQUVMO0FBQ0E7QUFDQSxLQUFLOztBQUVMLE1BQU07O0FBRU47QUFDQTs7QUFFQTtBQUNBLDJGQUEyRjtBQUMzRjs7QUFFQTtBQUNBLDJCQUEyQjtBQUMzQjs7QUFFQTtBQUNBO0FBQ0EseUNBQXlDLE9BQU87QUFDaEQ7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsQ0FBQyxFQUFFLEtBQThCLGFBQWEsQ0FBSzs7Ozs7Ozs7Ozs7QUN0YW5EO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUEsWUFBWSxtQkFBTyxDQUFDLCtEQUFZO0FBQ2hDLGlCQUFpQiwrRkFBOEI7QUFDL0M7QUFDQTs7Ozs7Ozs7Ozs7QUNwQkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSw4Q0FBOEMsWUFBWTs7QUFFMUQ7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0EsOENBQThDO0FBQzlDLEtBQUs7O0FBRUw7QUFDQTtBQUNBO0FBQ0EsS0FBSzs7QUFFTDtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0EsS0FBSzs7QUFFTDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxLQUFLOztBQUVMO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQSxzQkFBc0IsaUJBQWlCO0FBQ3ZDO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSzs7QUFFTDtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxLQUFLOztBQUVMO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxRQUFRO0FBQ1Isd0JBQXdCLGtCQUFrQjtBQUMxQztBQUNBO0FBQ0E7QUFDQTtBQUNBLFlBQVk7QUFDWjtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLEtBQUs7O0FBRUw7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBLG1DQUFtQyxRQUFRO0FBQzNDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxLQUFLOztBQUVMO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxLQUFLOztBQUVMO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7O0FBRUw7QUFDQSxxQkFBcUIsZ0JBQWdCOztBQUVyQyxxQkFBcUIsa0JBQWtCLGVBQWUsV0FBVzs7QUFFakU7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxVQUFVO0FBQ1Y7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxLQUFLOztBQUVMO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLEtBQUs7O0FBRUw7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTs7QUFFQTtBQUNBLFFBQVE7QUFDUjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsNEJBQTRCO0FBQzVCOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLDZCQUE2QjtBQUM3QiwyQkFBMkI7QUFDM0IsMkJBQTJCO0FBQzNCLDhCQUE4QjtBQUM5QiwrQkFBK0I7QUFDL0I7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUEsQ0FBQyxFQUFFLEtBQThCLGFBQWEsQ0FBSzs7Ozs7Ozs7Ozs7O0FDcFZ0QztBQUNiO0FBQ0EsRUFBRSxtQkFBTyxDQUFDLHlCQUFZO0FBQ3RCLEVBQUUsbUJBQU8sQ0FBQyw0RUFBa0I7QUFDNUIsRUFBRSxtQkFBTyxDQUFDLG1FQUFlO0FBQ3pCLEVBQUUsbUJBQU8sQ0FBQyw0RUFBa0I7QUFDNUIsRUFBRSxtQkFBTyxDQUFDLHNFQUFlO0FBQ3pCLEVBQUUsbUJBQU8sQ0FBQyw4REFBVztBQUNyQjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLElBQUk7QUFDSjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLG9CQUFvQixzQkFBc0I7QUFDMUM7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOzs7Ozs7Ozs7Ozs7QUNoR2E7O0FBRWIsWUFBWTtBQUNaLE1BQU0sVUFBTTtBQUNaO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsZ0JBQWdCLFVBQU07QUFDdEI7O0FBRUEsZUFBZTtBQUNmLG9CQUFvQixVQUFNO0FBQzFCO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsRTs7Ozs7Ozs7Ozs7QUNqQmE7QUFDYjtBQUNBO0FBQ0E7O0FBRUEsZUFBZSxVQUFNLHFCQUFxQixVQUFNOztBQUVoRCxZQUFZO0FBQ1o7QUFDQTs7QUFFQSxlQUFlO0FBQ2Y7QUFDQTtBQUNBLGdCQUFnQixVQUFNO0FBQ3RCO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7QUFDQTtBQUNBO0FBQ0EsRTs7Ozs7Ozs7Ozs7QUNyQmE7QUFDYixZQUFZO0FBQ1osZ0JBQWdCLFVBQU07QUFDdEI7O0FBRUEsZUFBZTtBQUNmO0FBQ0EsSUFBSSxVQUFNO0FBQ1Y7QUFDQTs7Ozs7Ozs7Ozs7O0FDVGE7O0FBRWIsWUFBWTtBQUNaLHVCQUF1QixVQUFNLDRCQUE0QixVQUFNO0FBQy9EOztBQUVBLGVBQWU7QUFDZjs7QUFFQSxrQ0FBa0M7QUFDbEM7QUFDQSxtQkFBbUIsVUFBTTtBQUN6QjtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsSUFBSSxVQUFNOztBQUVWO0FBQ0E7QUFDQSxFOzs7Ozs7Ozs7OztBQ3ZCYTtBQUNiLFlBQVk7QUFDWjtBQUNBOztBQUVBLGVBQWU7QUFDZjtBQUNBO0FBQ0E7QUFDQSxFOzs7Ozs7Ozs7O0FDVEE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTztBQUNQO0FBQ0E7QUFDQSxFQUFFO0FBQ0Y7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7Ozs7Ozs7Ozs7QUMxQkEsaUJBQWlCOztBQUVqQjtBQUNBO0FBQ0E7Ozs7Ozs7Ozs7O0FDSkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQSxNQUFNLEtBQTBCOztBQUVoQztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7QUFDQTs7QUFFQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0EsRUFBRTtBQUNGO0FBQ0E7OztBQUdBOztBQUVBOztBQUVBOztBQUVBOztBQUVBOztBQUVBOztBQUVBOztBQUVBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOzs7QUFHQTtBQUNBO0FBQ0E7OztBQUdBOzs7O0FBSUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOzs7QUFHQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOzs7O0FBSUE7O0FBRUE7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxFQUFFOztBQUVGO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTtBQUNBO0FBQ0EsRUFBRTs7QUFFRjtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0osRUFBRTs7QUFFRjtBQUNBO0FBQ0EsRUFBRTs7QUFFRjtBQUNBO0FBQ0EsRUFBRTs7QUFFRjtBQUNBO0FBQ0EsRUFBRTs7QUFFRjtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0osRUFBRTs7QUFFRjtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0osRUFBRTs7QUFFRjtBQUNBO0FBQ0E7QUFDQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSwrQkFBK0I7QUFDL0I7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBLFNBQVMsWUFBWTs7QUFFckI7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxPQUFPO0FBQ1A7QUFDQSxPQUFPO0FBQ1A7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQSxNQUFNO0FBQ047QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxFQUFFOztBQUVGLG9CQUFvQjs7QUFFcEI7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEVBQUU7O0FBRUYsOENBQThDO0FBQzlDO0FBQ0E7QUFDQSxtQkFBbUIsaUNBQWlDO0FBQ3BELEVBQUU7O0FBRUY7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsV0FBVyxZQUFZO0FBQ3ZCO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsSUFBSTtBQUNKO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLEVBQUU7OztBQUdGO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0EsRUFBRTs7QUFFRjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBLFVBQVUsU0FBUztBQUNuQjtBQUNBOztBQUVBOztBQUVBO0FBQ0EsRUFBRTs7QUFFRjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLFVBQVUsWUFBWTtBQUN0QjtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0EsRUFBRTs7QUFFRjtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLFdBQVcsWUFBWTtBQUN2Qjs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLElBQUk7QUFDSjtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxFQUFFOztBQUVGO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7O0FBRUg7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7OztBQUdBOztBQUVBOztBQUVBO0FBQ0E7OztBQUdBOzs7QUFHQTs7O0FBR0E7OztBQUdBO0FBQ0E7QUFDQTtBQUNBOzs7OztBQUtBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7Ozs7QUFLQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7Ozs7QUFLQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxFQUFFOztBQUVGO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQSxrQ0FBa0MsSUFBSTtBQUN0Qzs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0EsMkJBQTJCO0FBQzNCOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxFQUFFOztBQUVGO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0EsMENBQTBDLElBQUk7QUFDOUM7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEVBQUU7O0FBRUYsc0JBQXNCO0FBQ3RCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxFQUFFOztBQUVGO0FBQ0E7QUFDQTtBQUNBLEdBQUc7QUFDSCxJQUFJO0FBQ0o7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRztBQUNIOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEVBQUU7QUFDRjtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsUUFBUTtBQUNSO0FBQ0E7O0FBRUE7QUFDQSxPQUFPOztBQUVQO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxNQUFNO0FBQ047QUFDQTs7QUFFQTtBQUNBLE1BQU07QUFDTjtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0Esd0NBQXdDO0FBQ3hDO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsUUFBUTtBQUNSO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLE1BQU07QUFDTjtBQUNBLE1BQU07QUFDTjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLGFBQWEsMEJBQTBCO0FBQ3ZDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxXQUFXLFVBQVU7QUFDckI7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsV0FBVyxVQUFVO0FBQ3JCO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsR0FBRztBQUNIO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsV0FBVyxRQUFRO0FBQ25CO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsV0FBVyxRQUFRO0FBQ25CO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxXQUFXLFNBQVMsNkJBQTZCO0FBQ2pEO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTztBQUNQO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsSUFBSTtBQUNKO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLFdBQVcsVUFBVTtBQUNyQjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLElBQUk7QUFDSixHQUFHO0FBQ0g7O0FBRUE7QUFDQTtBQUNBLFdBQVcsaUJBQWlCO0FBQzVCLGFBQWEsd0JBQXdCO0FBQ3JDO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxXQUFXLGdCQUFnQjtBQUMzQixhQUFhLFFBQVE7QUFDckI7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsbUJBQW1CO0FBQ25CO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsdUNBQXVDO0FBQ3ZDO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLG9CQUFvQjtBQUNwQjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLElBQUk7QUFDSjtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRztBQUNIO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxJQUFJO0FBQ0o7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7O0FBRUg7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLG9CQUFvQjtBQUNwQjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EscUJBQXFCO0FBQ3JCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLHFCQUFxQjtBQUNyQjtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLElBQUk7QUFDSjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxtQkFBbUI7QUFDbkI7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOzs7QUFHQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxtQkFBbUI7QUFDbkI7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxXQUFXLFdBQVc7QUFDdEI7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7O0FBRUE7O0FBRUE7O0FBRUEsZUFBZTs7QUFFZixTQUFTOztBQUVUO0FBQ0EsU0FBUyxnQ0FBZ0M7QUFDekMsU0FBUyxtQkFBbUI7QUFDNUIsU0FBUyxxQ0FBcUM7QUFDOUMsU0FBUztBQUNULEVBQUU7O0FBRUY7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxHQUFHOztBQUVIOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxLQUFLO0FBQ0w7QUFDQTs7QUFFQTtBQUNBLEdBQUc7O0FBRUg7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxLQUFLOztBQUVMO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxFQUFFOztBQUVGOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxNQUFNO0FBQ047QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsTUFBTTtBQUNOLEdBQUc7O0FBRUg7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxNQUFNOztBQUVOO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTs7QUFFQTtBQUNBLGtFQUFrRTtBQUNsRTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQSxRQUFROztBQUVSO0FBQ0E7QUFDQSwrREFBK0Q7QUFDL0Q7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxtQ0FBbUM7QUFDbkM7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTztBQUNQO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxFQUFFOztBQUVGOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsTUFBTTtBQUNOO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsSUFBSTs7QUFFSjtBQUNBO0FBQ0E7QUFDQTtBQUNBLElBQUk7O0FBRUo7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLElBQUk7O0FBRUo7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLE1BQU07QUFDTjtBQUNBO0FBQ0EsSUFBSTs7QUFFSjtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7O0FBRUg7QUFDQTtBQUNBLEdBQUc7O0FBRUg7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7O0FBRUg7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLEdBQUc7O0FBRUg7QUFDQTs7QUFFQTtBQUNBLGtFQUFrRSxVQUFVO0FBQzVFLHVDQUF1QywyQkFBMkI7QUFDbEU7QUFDQSxpQ0FBaUMsTUFBTTtBQUN2QztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQTtBQUNBLEdBQUc7O0FBRUg7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQTtBQUNBLElBQUk7O0FBRUo7QUFDQTtBQUNBLElBQUk7O0FBRUo7QUFDQTtBQUNBLElBQUk7O0FBRUo7QUFDQTtBQUNBLFdBQVcsWUFBWTtBQUN2QjtBQUNBO0FBQ0E7QUFDQSxJQUFJOztBQUVKO0FBQ0E7QUFDQSxXQUFXLFlBQVk7QUFDdkI7QUFDQTtBQUNBO0FBQ0EsSUFBSTs7QUFFSjtBQUNBOztBQUVBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQSxLQUFLO0FBQ0w7QUFDQTs7QUFFQSxXQUFXLFVBQVU7QUFDckI7QUFDQTtBQUNBO0FBQ0EsSUFBSTs7QUFFSjtBQUNBO0FBQ0EsV0FBVyxjQUFjO0FBQ3pCO0FBQ0E7QUFDQTtBQUNBLElBQUk7QUFDSjtBQUNBOztBQUVBOztBQUVBO0FBQ0EsYUFBYSx1RUFBdUU7QUFDcEY7QUFDQTtBQUNBLGFBQWEsNEJBQTRCO0FBQ3pDO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxNQUFNO0FBQ047QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVMsU0FBUztBQUNsQjtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLElBQUk7O0FBRUo7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0E7QUFDQSw2REFBNkQ7O0FBRTdEO0FBQ0E7QUFDQSxRQUFRO0FBQ1I7O0FBRUE7QUFDQTtBQUNBLFFBQVE7O0FBRVI7QUFDQTs7QUFFQSxvQ0FBb0M7QUFDcEM7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxTQUFTLFNBQVM7QUFDbEI7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBLFNBQVMsU0FBUztBQUNsQjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsSUFBSTtBQUNKO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLElBQUk7QUFDSjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7QUFDSDtBQUNBO0FBQ0EsR0FBRztBQUNIOztBQUVBO0FBQ0E7QUFDQSxxQkFBcUI7QUFDckI7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLElBQUk7O0FBRUosU0FBUyxTQUFTO0FBQ2xCO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsWUFBWSxTQUFTO0FBQ3JCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxrQkFBa0IsaURBQWlEO0FBQ25FO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBLHNCQUFzQjtBQUN0QjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLGtEQUFrRDtBQUNsRDtBQUNBLFdBQVcsNENBQTRDO0FBQ3ZEO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLHVCQUF1QjtBQUN2QjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxXQUFXLGlCQUFpQjtBQUM1QjtBQUNBLFdBQVcsU0FBUztBQUNwQixXQUFXLE9BQU87QUFDbEIsV0FBVyxPQUFPO0FBQ2xCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLEtBQUs7QUFDTDtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsRUFBRTs7QUFFRjs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQSxFQUFFOzs7QUFHRjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7OztBQUdBO0FBQ0E7O0FBRUEsU0FBUyxHQUFHO0FBQ1o7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7O0FBR0E7O0FBRUE7Ozs7QUFJQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsSUFBSTtBQUNKOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsSUFBSTtBQUNKOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsSUFBSTtBQUNKOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLEdBQUc7QUFDSDs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxpQkFBaUIsU0FBUztBQUMxQjtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDs7QUFFQTs7QUFFQSxlQUFlLFNBQVM7QUFDeEI7QUFDQTs7QUFFQTtBQUNBLEVBQUU7QUFDRjtBQUNBO0FBQ0EsRUFBRTtBQUNGO0FBQ0E7QUFDQSxFQUFFO0FBQ0Y7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxFQUFFOzs7QUFHRjs7O0FBR0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQSxLQUFLO0FBQ0w7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0EsU0FBUztBQUNUO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0EsTUFBTTtBQUNOOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLEtBQUs7QUFDTDs7QUFFQTtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0E7O0FBRUE7QUFDQSxJQUFJO0FBQ0o7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7OztBQUdBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxXQUFXLE9BQU87QUFDbEI7QUFDQTtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0osRUFBRTs7QUFFRjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLFdBQVcsT0FBTztBQUNsQiwyQkFBMkIsd0JBQXdCOztBQUVuRDtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsRUFBRTs7QUFFRjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsRUFBRTs7QUFFRjtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEVBQUU7QUFDRjtBQUNBO0FBQ0EsRUFBRTtBQUNGO0FBQ0E7QUFDQSxFQUFFO0FBQ0Y7QUFDQTtBQUNBLEVBQUU7QUFDRjtBQUNBO0FBQ0EsRUFBRTtBQUNGO0FBQ0E7QUFDQSxFQUFFO0FBQ0Y7QUFDQTtBQUNBLEVBQUU7QUFDRjtBQUNBO0FBQ0EsRUFBRTtBQUNGO0FBQ0E7QUFDQSxFQUFFO0FBQ0Y7QUFDQSwyQ0FBMkM7QUFDM0MsRUFBRTtBQUNGO0FBQ0E7QUFDQSxFQUFFO0FBQ0Y7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsQ0FBQztBQUNEO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxFQUFFO0FBQ0Y7Ozs7QUFJQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRztBQUNIO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLG1CQUFtQjs7QUFFbkI7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsV0FBVyxjQUFjO0FBQ3pCO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLE1BQU07QUFDTjtBQUNBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBUzs7QUFFVDtBQUNBO0FBQ0E7QUFDQSxRQUFRO0FBQ1IsT0FBTzs7QUFFUDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsSUFBSTs7QUFFSjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLE1BQU07QUFDTjtBQUNBLElBQUk7O0FBRUo7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsSUFBSTs7QUFFSjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxJQUFJOztBQUVKO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsSUFBSTtBQUNKO0FBQ0E7QUFDQSxJQUFJOztBQUVKO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLElBQUk7QUFDSjtBQUNBO0FBQ0EsSUFBSTs7QUFFSjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsSUFBSTs7QUFFSjtBQUNBO0FBQ0E7QUFDQTtBQUNBLElBQUk7O0FBRUo7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOzs7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxJQUFJO0FBQ0o7O0FBRUE7QUFDQSxJQUFJOztBQUVKO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0E7QUFDQSxLQUFLOztBQUVMO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUEseUNBQXlDLHFDQUFxQztBQUM5RSxxQ0FBcUMsc0NBQXNDO0FBQzNFLHFDQUFxQyxxQ0FBcUM7QUFDMUU7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxVQUFVO0FBQ1Y7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVM7QUFDVCxRQUFRO0FBQ1I7QUFDQSxPQUFPO0FBQ1AsS0FBSztBQUNMO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLFlBQVk7O0FBRVo7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0EsV0FBVzs7QUFFWDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSxTQUFTOztBQUVUO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFlBQVk7O0FBRVo7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVM7O0FBRVQ7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLDREQUE0RDtBQUM1RDtBQUNBLFVBQVU7QUFDVjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLE9BQU87QUFDUCxLQUFLOztBQUVMO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsTUFBTTs7QUFFTjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUEscUNBQXFDO0FBQ3JDLHNDQUFzQztBQUN0QyxxQ0FBcUM7QUFDckM7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSxJQUFJOztBQUVKO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxFQUFFOzs7QUFHRjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7Ozs7O0FBS0E7QUFDQTtBQUNBO0FBQ0EsR0FBRztBQUNIOzs7OztBQUtBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsSUFBSTs7QUFFSjtBQUNBOztBQUVBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxFQUFFOztBQUVGOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQSxFQUFFOztBQUVGO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOzs7OztBQUtBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxHQUFHO0FBQ0g7O0FBRUE7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0EsS0FBSztBQUNMO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLFdBQVcsU0FBUztBQUNwQjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOzs7QUFHQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUEsZ0NBQWdDO0FBQ2hDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOzs7OztBQUtBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTs7QUFFQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxNQUFNO0FBQ047QUFDQTtBQUNBO0FBQ0EsT0FBTztBQUNQO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLEVBQUU7QUFDRjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUEsd0JBQXdCLGFBQWE7QUFDckMsSUFBSTs7QUFFSjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxFQUFFO0FBQ0Y7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxFQUFFO0FBQ0Y7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxFQUFFO0FBQ0Y7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQTtBQUNBO0FBQ0EsRUFBRTtBQUNGO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7OztBQUlBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQSxvQkFBb0IsU0FBUztBQUM3Qjs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxLQUFLOztBQUVMO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxFQUFFOztBQUVGO0FBQ0E7QUFDQSxFQUFFOztBQUVGO0FBQ0E7QUFDQSxFQUFFOztBQUVGO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsRUFBRTs7QUFFRjtBQUNBO0FBQ0E7QUFDQSxFQUFFOztBQUVGO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsS0FBSztBQUNMLEdBQUc7QUFDSCxFQUFFOztBQUVGO0FBQ0E7QUFDQTtBQUNBLElBQUk7QUFDSjtBQUNBLEVBQUU7OztBQUdGO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSxNQUFNO0FBQ047QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsRUFBRTs7QUFFRjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0wsSUFBSTtBQUNKO0FBQ0EsRUFBRTs7QUFFRjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0wsRUFBRTtBQUNGO0FBQ0E7QUFDQTtBQUNBLElBQUk7QUFDSixFQUFFO0FBQ0Y7QUFDQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEVBQUU7QUFDRjs7QUFFQTs7O0FBR0E7O0FBRUE7Ozs7QUFJQTtBQUNBO0FBQ0EsR0FBRztBQUNILGVBQWU7O0FBRWY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOzs7O0FBSUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOzs7QUFHQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLFNBQVMsZ0JBQWdCO0FBQ3pCO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsSUFBSTtBQUNKO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLGtCQUFrQixnQkFBZ0I7QUFDbEM7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxFQUFFO0FBQ0Y7QUFDQTtBQUNBLEVBQUU7QUFDRjtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQTtBQUNBLElBQUk7QUFDSjtBQUNBLEVBQUU7QUFDRjs7QUFFQTs7QUFFQTs7OztBQUlBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsRUFBRTs7O0FBR0Y7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7OztBQUdBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBLEdBQUc7QUFDSDs7QUFFQSxHQUFHO0FBQ0g7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7O0FBR0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUEsU0FBUyxPQUFPO0FBQ2hCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOzs7QUFHQSxzQkFBc0I7O0FBRXRCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQSxTQUFTLE9BQU87QUFDaEI7O0FBRUE7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxLQUFLO0FBQ0w7O0FBRUE7QUFDQSxLQUFLO0FBQ0w7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7OztBQUdBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7QUFDSDs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxJQUFJOztBQUVKO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7QUFDSDs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBLFdBQVc7O0FBRVg7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLElBQUk7O0FBRUo7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUEsRUFBRTs7QUFFRjtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQSw0Q0FBNEM7QUFDNUM7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEVBQUU7O0FBRUY7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUEsZUFBZSxzQkFBc0I7QUFDckM7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBLDBCQUEwQjtBQUMxQjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUEsZ0VBQWdFO0FBQ2hFOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUEsV0FBVyxjQUFjOztBQUV6QjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0Esa0JBQWtCLG1CQUFtQjtBQUNyQzs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsMkJBQTJCLHVDQUF1QztBQUNsRTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSx3QkFBd0IsdURBQXVEO0FBQy9FOztBQUVBO0FBQ0EsRUFBRTs7QUFFRjtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsTUFBTTtBQUNOO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSzs7QUFFTDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxNQUFNO0FBQ047QUFDQSxJQUFJO0FBQ0osRUFBRTs7QUFFRjtBQUNBO0FBQ0E7QUFDQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsR0FBRztBQUNIOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLElBQUk7QUFDSjs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLElBQUk7O0FBRUo7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxNQUFNLCtDQUErQztBQUNyRDtBQUNBOztBQUVBO0FBQ0E7QUFDQSxLQUFLOztBQUVMO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLHVDQUF1QztBQUN2QztBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0EsR0FBRztBQUNIO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLEVBQUU7QUFDRjtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLEVBQUU7QUFDRjtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsQ0FBQzs7QUFFRCxlQUFlLG9DQUFvQzs7QUFFbkQ7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0EseURBQXlEO0FBQ3pEO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLElBQUk7O0FBRUo7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSzs7QUFFTDtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxNQUFNO0FBQ047QUFDQTtBQUNBLEtBQUs7O0FBRUw7QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7O0FBRUg7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxNQUFNO0FBQ047QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsTUFBTTtBQUNOO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDtBQUNBO0FBQ0E7QUFDQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLHNDQUFzQztBQUN0QztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLENBQUM7QUFDRDtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEVBQUU7O0FBRUY7O0FBRUE7QUFDQTtBQUNBLEVBQUU7QUFDRjtBQUNBO0FBQ0EsRUFBRTtBQUNGO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsSUFBSTtBQUNKO0FBQ0EsRUFBRTs7O0FBR0Y7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7QUFDSDtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBLDRDQUE0QyxPQUFPO0FBQ25EO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsOEJBQThCOztBQUU5QjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLEdBQUc7QUFDSDtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxXQUFXLE9BQU87QUFDbEI7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQSxpQkFBaUIsZ0JBQWdCO0FBQ2pDO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBUztBQUNUO0FBQ0EsUUFBUTs7QUFFUjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQSxTQUFTLCtCQUErQjtBQUN4QztBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxFQUFFOztBQUVGO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQSx3Q0FBd0MsT0FBTztBQUMvQztBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQSx5Q0FBeUMsT0FBTztBQUNoRDtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxFQUFFOztBQUVGO0FBQ0E7QUFDQTtBQUNBOztBQUVBLFVBQVUscUNBQXFDO0FBQy9DO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLFNBQVM7QUFDVDtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsRUFBRTs7QUFFRjtBQUNBO0FBQ0E7QUFDQSxFQUFFOztBQUVGO0FBQ0E7QUFDQSxFQUFFOztBQUVGO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxNQUFNO0FBQ04sR0FBRztBQUNILEVBQUU7O0FBRUY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsSUFBSTtBQUNKLEVBQUU7O0FBRUY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsSUFBSTtBQUNKLEVBQUU7O0FBRUY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLElBQUk7QUFDSixFQUFFOztBQUVGO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0osRUFBRTs7QUFFRjtBQUNBO0FBQ0E7O0FBRUEsVUFBVSw4QkFBOEI7QUFDeEM7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxJQUFJO0FBQ0osRUFBRTs7QUFFRjtBQUNBO0FBQ0EsNkJBQTZCO0FBQzdCO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBLGFBQWEsT0FBTztBQUNwQjs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQSxNQUFNO0FBQ047O0FBRUE7QUFDQTtBQUNBO0FBQ0EsR0FBRztBQUNILEVBQUU7O0FBRUY7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0EsR0FBRztBQUNIO0FBQ0EsRUFBRTs7QUFFRjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxDQUFDO0FBQ0Q7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBLFVBQVUsV0FBVztBQUNyQjtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxFQUFFO0FBQ0Y7O0FBRUE7OztBQUdBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7OztBQUdBOzs7O0FBSUE7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBLCtDQUErQyxjQUFjLFdBQVc7QUFDeEUsbUJBQW1CLFVBQVU7QUFDN0I7QUFDQSxzQkFBc0IsY0FBYyxzQkFBc0IsZ0JBQWdCO0FBQzFFLGdCQUFnQixXQUFXLFlBQVk7QUFDdkMsY0FBYztBQUNkOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRztBQUNIO0FBQ0E7QUFDQTtBQUNBLEdBQUc7QUFDSDtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7QUFDQTtBQUNBO0FBQ0EsR0FBRztBQUNIO0FBQ0E7QUFDQTtBQUNBLEdBQUc7O0FBRUg7QUFDQTtBQUNBO0FBQ0E7QUFDQSxpQ0FBaUM7QUFDakM7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUEsNkNBQTZDLGNBQWM7QUFDM0QsK0NBQStDOztBQUUvQztBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRztBQUNILEVBQUU7OztBQUdGO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0EsdURBQXVEO0FBQ3ZEO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOzs7QUFHQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBLG1CQUFtQjtBQUNuQjtBQUNBO0FBQ0E7QUFDQTs7O0FBR0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOzs7QUFHQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLGFBQWEsOERBQThEO0FBQzNFO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUEsU0FBUyxPQUFPOztBQUVoQjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLEtBQUs7QUFDTDtBQUNBOztBQUVBO0FBQ0E7QUFDQSxJQUFJOztBQUVKO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7OztBQUdBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTtBQUNBLGFBQWE7O0FBRWI7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLE1BQU07QUFDTjtBQUNBO0FBQ0E7O0FBRUEsSUFBSTs7QUFFSjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxFQUFFOztBQUVGO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLE9BQU87QUFDUDtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxFQUFFOztBQUVGO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxtQkFBbUIsZUFBZTtBQUNsQztBQUNBLE9BQU87QUFDUDtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsQ0FBQztBQUNEO0FBQ0E7QUFDQTtBQUNBLGlCQUFpQjs7QUFFakI7QUFDQTs7QUFFQSxXQUFXLE9BQU87QUFDbEI7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxFQUFFOztBQUVGO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsWUFBWTtBQUNaOztBQUVBO0FBQ0E7QUFDQTs7QUFFQSxZQUFZLFNBQVM7QUFDckI7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7QUFDSDtBQUNBLEVBQUU7OztBQUdGO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsRUFBRTtBQUNGO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsRUFBRTtBQUNGO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLElBQUk7QUFDSjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsR0FBRztBQUNIOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLEVBQUU7QUFDRjtBQUNBO0FBQ0EsRUFBRTtBQUNGO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTs7Ozs7QUFLQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLElBQUk7QUFDSjtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7QUFDSDtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsWUFBWTs7QUFFWjtBQUNBO0FBQ0E7QUFDQSxTQUFTLE9BQU87QUFDaEI7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxTQUFTLGdCQUFnQjtBQUN6Qjs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsV0FBVztBQUNYO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0wsSUFBSTtBQUNKOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0EsTUFBTTtBQUNOO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLOztBQUVMO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLE9BQU87QUFDUDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsSUFBSTtBQUNKOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0wsa0RBQWtELDBCQUEwQjtBQUM1RTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLElBQUk7QUFDSjtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLElBQUk7QUFDSjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBLFdBQVcsZ0JBQWdCO0FBQzNCO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsR0FBRztBQUNIO0FBQ0E7QUFDQSwyQkFBMkI7QUFDM0I7QUFDQSxxQkFBcUI7QUFDckI7QUFDQSxJQUFJO0FBQ0o7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFlBQVksZ0JBQWdCO0FBQzVCO0FBQ0E7O0FBRUEsOENBQThDO0FBQzlDO0FBQ0E7QUFDQTtBQUNBLE1BQU07QUFDTjtBQUNBO0FBQ0E7QUFDQTtBQUNBLElBQUk7QUFDSjs7QUFFQTs7QUFFQSxTQUFTLGdCQUFnQjtBQUN6QjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsSUFBSTtBQUNKOztBQUVBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLElBQUk7QUFDSixFQUFFOztBQUVGO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsSUFBSTtBQUNKO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBLFVBQVUsZ0JBQWdCO0FBQzFCO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsRUFBRTs7QUFFRjs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7QUFDQTtBQUNBO0FBQ0EsRUFBRTs7QUFFRjtBQUNBLGlFQUFpRTtBQUNqRTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQSxHQUFHO0FBQ0g7QUFDQTtBQUNBOztBQUVBLEtBQUs7QUFDTDtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0EscUJBQXFCLGFBQWE7QUFDbEMsRUFBRTtBQUNGO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0EsaURBQWlEOztBQUVqRDtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLEVBQUU7QUFDRjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQSxnQ0FBZ0MsU0FBUztBQUN6QztBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsSUFBSTtBQUNKLEVBQUU7QUFDRjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxnQ0FBZ0MsU0FBUztBQUN6QztBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0Esb0JBQW9CLGdCQUFnQjtBQUNwQztBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsSUFBSTtBQUNKO0FBQ0EsRUFBRTs7QUFFRjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFdBQVcsaUJBQWlCO0FBQzVCLFlBQVksaUJBQWlCO0FBQzdCLGVBQWU7QUFDZixDQUFDO0FBQ0Q7QUFDQTtBQUNBO0FBQ0EsRUFBRTs7QUFFRjtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBLFNBQVMsbUJBQW1CO0FBQzVCOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7O0FBR0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7QUFDSDs7O0FBR0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxFQUFFOzs7QUFHRjtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTtBQUNBO0FBQ0EsSUFBSTtBQUNKO0FBQ0EsRUFBRTs7QUFFRjtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQSxFQUFFOztBQUVGO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxFQUFFOztBQUVGO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsRUFBRTs7QUFFRjtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsSUFBSTtBQUNKO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxFQUFFOzs7OztBQUtGO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsRUFBRTs7QUFFRjtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7QUFDQSxFQUFFOztBQUVGO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxFQUFFOztBQUVGO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxFQUFFOztBQUVGO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsRUFBRTs7QUFFRjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7O0FBRUE7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsRUFBRTs7Ozs7QUFLRjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7OztBQUdBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLGtCQUFrQix1QkFBdUI7QUFDekM7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7O0FBRUE7QUFDQSxFQUFFOztBQUVGO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBLGtCQUFrQix1QkFBdUI7QUFDekM7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7O0FBRUE7QUFDQSxFQUFFOztBQUVGO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOztBQUVBLGlCQUFpQix1QkFBdUI7QUFDeEM7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsT0FBTztBQUNQO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLEtBQUs7QUFDTDtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0osRUFBRTs7QUFFRjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLEVBQUU7Ozs7O0FBS0Y7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQTs7QUFFQSxrQ0FBa0M7QUFDbEM7QUFDQTs7QUFFQSxLQUFLO0FBQ0w7O0FBRUEsS0FBSztBQUNMO0FBQ0E7QUFDQSxNQUFNO0FBQ047O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7QUFDQSxFQUFFOztBQUVGO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBLE1BQU07QUFDTjtBQUNBOztBQUVBO0FBQ0EsWUFBWSxTQUFTO0FBQ3JCOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0EsSUFBSTs7QUFFSjtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxFQUFFOztBQUVGO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxFQUFFOzs7OztBQUtGO0FBQ0E7O0FBRUEsY0FBYzs7QUFFZDs7OztBQUlBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7O0FBRUg7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsTUFBTTtBQUNOO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7OztBQUdBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBLHVDQUF1QztBQUN2QztBQUNBO0FBQ0E7O0FBRUE7O0FBRUEsMEJBQTBCO0FBQzFCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUEsK0NBQStDO0FBQy9DO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0EsNENBQTRDO0FBQzVDOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsV0FBVyxLQUFLO0FBQ2hCO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBLEVBQUU7O0FBRUY7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsSUFBSTtBQUNKLEVBQUU7QUFDRjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxFQUFFOzs7QUFHRjtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUEsS0FBSzs7QUFFTDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsSUFBSTs7QUFFSixHQUFHOztBQUVIO0FBQ0E7QUFDQTtBQUNBOztBQUVBLEdBQUc7O0FBRUg7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxJQUFJOztBQUVKLEdBQUc7O0FBRUg7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxFQUFFO0FBQ0Y7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxjQUFjO0FBQ2QsTUFBTTtBQUNOOztBQUVBLFlBQVk7QUFDWixJQUFJO0FBQ0o7QUFDQSxFQUFFOzs7QUFHRjtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLGdCQUFnQjs7QUFFaEI7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLGdCQUFnQjs7QUFFaEIscURBQXFEO0FBQ3JEOztBQUVBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0EsTUFBTTtBQUNOO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBLG1CQUFtQjtBQUNuQjs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQTtBQUNBLElBQUk7QUFDSjtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSx5REFBeUQ7QUFDekQ7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsaUJBQWlCOztBQUVqQjtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQSxLQUFLOztBQUVMO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxVQUFVO0FBQ1Y7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLE9BQU87QUFDUDtBQUNBO0FBQ0EsUUFBUTtBQUNSO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBLFVBQVU7QUFDVjs7QUFFQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0EsaUJBQWlCO0FBQ2pCLFNBQVM7O0FBRVQ7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxtREFBbUQ7O0FBRW5EO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLGFBQWE7QUFDYjs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7O0FBRUg7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxHQUFHOztBQUVIO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxFQUFFOztBQUVGO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsRUFBRTs7QUFFRjtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0EsMkJBQTJCOztBQUUzQjtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0Esa0NBQWtDOztBQUVsQztBQUNBLHNCQUFzQjtBQUN0QiwyQkFBMkI7O0FBRTNCO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7O0FBRUw7QUFDQTtBQUNBO0FBQ0EsS0FBSzs7QUFFTDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSzs7QUFFTDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLOztBQUVMO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLFFBQVE7O0FBRVI7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLOztBQUVMO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7O0FBRUw7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQSxJQUFJO0FBQ0o7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsdURBQXVEO0FBQ3ZEO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsSUFBSTtBQUNKOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMOztBQUVBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7O0FBRUw7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxNQUFNO0FBQ047O0FBRUE7QUFDQSxNQUFNO0FBQ047QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBQUs7O0FBRUw7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTtBQUNBO0FBQ0EsRUFBRTs7QUFFRjtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7QUFDSDtBQUNBLEVBQUU7O0FBRUY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxFQUFFOzs7QUFHRjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7QUFDQTtBQUNBO0FBQ0EsR0FBRztBQUNIOzs7QUFHQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxLQUFLO0FBQ0w7O0FBRUE7QUFDQSxFQUFFOztBQUVGO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBLEtBQUs7QUFDTDtBQUNBO0FBQ0EsSUFBSTtBQUNKLEVBQUU7O0FBRUY7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsSUFBSTtBQUNKLEVBQUU7O0FBRUY7QUFDQTtBQUNBO0FBQ0EsSUFBSTtBQUNKO0FBQ0E7QUFDQSxFQUFFOzs7QUFHRjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7Ozs7O0FBS0E7QUFDQTtBQUNBO0FBQ0EsR0FBRztBQUNIOztBQUVBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsRUFBRTtBQUNGOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLFNBQVM7O0FBRVQ7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFVBQVU7QUFDVjs7QUFFQSxvREFBb0Q7QUFDcEQ7QUFDQTtBQUNBO0FBQ0E7QUFDQSxTQUFTO0FBQ1Q7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxZQUFZLHVCQUF1QjtBQUNuQyxZQUFZLHdCQUF3QjtBQUNwQztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxNQUFNO0FBQ047O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBUztBQUNUO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQSxNQUFNOztBQUVOO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxJQUFJOztBQUVKO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsRUFBRTs7Ozs7QUFLRjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsRUFBRTs7QUFFRjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsRUFBRTtBQUNGO0FBQ0E7QUFDQSxFQUFFO0FBQ0Y7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsRUFBRTs7QUFFRjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsRUFBRTs7QUFFRjtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLGdDQUFnQztBQUNoQyxjQUFjLHVDQUF1QztBQUNyRDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxPQUFPOztBQUVQO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxFQUFFOzs7OztBQUtGO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsSUFBSTtBQUNKO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0EsS0FBSztBQUNMO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLElBQUk7O0FBRUo7QUFDQTtBQUNBO0FBQ0EsRUFBRTs7Ozs7QUFLRjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxFQUFFOzs7QUFHRjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsSUFBSTtBQUNKO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOzs7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLEdBQUc7QUFDSDtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLElBQUk7O0FBRUo7QUFDQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7QUFDQTtBQUNBLEtBQUs7QUFDTCxJQUFJO0FBQ0o7O0FBRUE7QUFDQTs7Ozs7QUFLQTtBQUNBO0FBQ0E7QUFDQSxHQUFHO0FBQ0g7Ozs7O0FBS0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBLElBQUk7QUFDSjtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQSxxREFBcUQ7QUFDckQ7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUEsSUFBSTtBQUNKO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsTUFBTTtBQUNOOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxZQUFZO0FBQ1o7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxFQUFFOztBQUVGO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0Esb0JBQW9COztBQUVwQjtBQUNBOztBQUVBO0FBQ0E7O0FBRUEsSUFBSTtBQUNKOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEVBQUU7O0FBRUY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0EsSUFBSTtBQUNKO0FBQ0EsRUFBRTs7QUFFRjtBQUNBLGVBQWUscURBQXFEO0FBQ3BFOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0w7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQSxLQUFLO0FBQ0w7QUFDQTtBQUNBLEdBQUc7QUFDSDtBQUNBLEVBQUU7O0FBRUY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEVBQUU7OztBQUdGO0FBQ0EsZUFBZSxrQ0FBa0M7QUFDakQ7QUFDQTtBQUNBO0FBQ0E7QUFDQSxFQUFFOztBQUVGO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7QUFDQSxHQUFHO0FBQ0gsRUFBRTs7O0FBR0Y7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEVBQUU7Ozs7O0FBS0Y7O0FBRUE7QUFDQTtBQUNBLEVBQUU7QUFDRjtBQUNBO0FBQ0EsRUFBRTs7QUFFRjtBQUNBO0FBQ0EsRUFBRTtBQUNGOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsRUFBRTs7QUFFRjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsRUFBRTs7QUFFRjtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7Ozs7O0FBS0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7QUFDSDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7OztBQUlBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBLEtBQUssSUFBMEM7QUFDL0MsQ0FBQyxpQ0FBa0IsRUFBRSxtQ0FBRTtBQUN2QjtBQUNBLEVBQUU7QUFBQSxrR0FBRTtBQUNKOzs7OztBQUtBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7Ozs7O0FBS0E7QUFDQSxFQUFFOzs7Ozs7Ozs7Ozs7QUMzOVVXOztBQUViO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxjQUFjLG1CQUFPLENBQUMsb0VBQWUsR0FBRztBQUN4QztBQUNBLDJDQUEyQyxnQkFBZ0I7QUFDM0QsdURBQXVEO0FBQ3ZEO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsdUNBQXVDO0FBQ3ZDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxPQUFPO0FBQ1A7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsRUFBRTtBQUNGO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsSUFBSTtBQUNKO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxtQkFBbUIsbUJBQW1CO0FBQ3RDO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLG1CQUFtQixtQkFBbUI7QUFDdEM7QUFDQTtBQUNBLElBQUk7QUFDSjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQSxtQkFBbUIsc0JBQXNCO0FBQ3pDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7Ozs7Ozs7Ozs7O0FDekhhOztBQUViO0FBQ0EsYUFBYSxtQkFBTyxDQUFDLG9FQUFlOztBQUVwQztBQUNBLDZDQUE2QyxzQkFBc0IsRUFBRSxtQkFBTyxDQUFDLDBFQUFrQjs7QUFFL0Y7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FBRztBQUNIO0FBQ0EseUNBQXlDO0FBQ3pDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBQUc7QUFDSDtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7Ozs7Ozs7Ozs7O0FDL0JhOztBQUViOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOzs7Ozs7Ozs7Ozs7QUNoQkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFYTs7QUFFYjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQSxrQkFBa0IsU0FBUztBQUMzQjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsTUFBTTtBQUNOO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSxNQUFNO0FBQ047QUFDQSxNQUFNO0FBQ047QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOzs7Ozs7Ozs7Ozs7QUNuRkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFYTs7QUFFYjtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVM7QUFDVCxRQUFRO0FBQ1I7QUFDQTtBQUNBLEtBQUs7O0FBRUw7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLGtCQUFrQixlQUFlO0FBQ2pDO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOzs7Ozs7Ozs7Ozs7QUNwRmE7O0FBRWIsY0FBYyxHQUFHLG1HQUFtQztBQUNwRCxjQUFjLEdBQUcsdUdBQXVDOzs7Ozs7Ozs7Ozs7QUNIM0M7O0FBRWI7QUFDQTtBQUNBO0FBQ0Esb0VBQW9FLGFBQWE7QUFDakY7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FDaEJ1QztBQUVoQyxNQUFNLGdCQUFpQixTQUFRLHFEQUF1QjtJQUt6RDs7T0FFRztJQUNILE1BQU0sQ0FBQyxhQUFxQyxJQUFJO1FBQzVDLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxDQUFDO0lBQ3hDLENBQUM7SUFFRDs7T0FFRztJQUNILElBQUksQ0FBQyxhQUFxQyxJQUFJO1FBQzFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLFVBQVUsQ0FBQyxDQUFDO0lBQ25DLENBQUM7SUFFRDs7T0FFRztJQUNILElBQUksQ0FBQyxhQUFxQyxJQUFJO1FBQzFDLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFRDs7O09BR0c7SUFDSyxPQUFPLENBQ1gsSUFBMEIsRUFDMUIsYUFBcUMsSUFBSTtRQUV6QyxJQUFJLE1BQU0sR0FBRyxJQUFJLENBQUM7UUFDbEIsTUFBTSxTQUFTLEdBQ1gsSUFBSSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUMsYUFBYSxDQUFDLEtBQUssT0FBTyxDQUFDO1FBRTlELDZGQUE2RjtRQUM3RixJQUFJLE9BQU8sTUFBTSxLQUFLLFdBQVcsRUFBRSxDQUFDO1lBQ2hDLE1BQU0sR0FBRyxDQUFDLFNBQVMsQ0FBQztRQUN4QixDQUFDO1FBRUQsMkVBQTJFO1FBQzNFLElBQUksQ0FBQyxNQUFNLElBQUksU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDLE1BQU0sSUFBSSxDQUFDLFNBQVMsQ0FBQyxFQUFFLENBQUM7WUFDbkQsT0FBTztRQUNYLENBQUM7UUFFRCxNQUFNLGtCQUFrQixHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLENBQUM7UUFFMUQscURBQXFEO1FBQ3JELE1BQU0sY0FBYyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQ3BDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLEVBQ3hCO1lBQ0ksVUFBVSxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsa0JBQWtCLENBQUM7U0FDckQsRUFDRCxJQUFJLENBQUMsWUFBWSxDQUNwQixDQUFDO1FBRUYsaUdBQWlHO1FBQ2pHLElBQUksY0FBYyxDQUFDLGdCQUFnQixFQUFFLENBQUM7WUFDbEMsT0FBTztRQUNYLENBQUM7UUFFRCxJQUFJLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FDMUIsYUFBYSxFQUNiLE1BQU0sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQzVCLENBQUM7UUFFRixJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDVixJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztRQUM5QixDQUFDO1FBRUQsSUFBSSxDQUFDLFlBQVksQ0FDYixNQUFNLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUMzQjtZQUNJLFVBQVUsRUFBRSxrQkFBa0I7U0FDakMsRUFDRCxJQUFJLENBQUMsWUFBWSxDQUNwQixDQUFDO0lBQ04sQ0FBQztJQUVEOztPQUVHO0lBQ0ssa0JBQWtCO1FBQ3RCLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsb0JBQW9CLENBQUMsS0FBSyxNQUFNLEVBQUUsQ0FBQztZQUNqRCxPQUFPO1FBQ1gsQ0FBQztRQUVELElBQUksQ0FBQyxZQUFZLENBQUMsZ0JBQWdCLENBQzlCLGlCQUFpQixFQUNqQixHQUFHLEVBQUU7WUFDRCxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQzFCLENBQUMsRUFDRCxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsQ0FDakIsQ0FBQztJQUNOLENBQUM7SUFFRDs7O09BR0c7SUFDSyxhQUFhLENBQUMsYUFBcUMsSUFBSTtRQUMzRCxJQUFJLFVBQVUsWUFBWSxLQUFLLEVBQUUsQ0FBQztZQUM5QixPQUFnQixVQUFVLENBQUMsTUFBTSxDQUFDO1FBQ3RDLENBQUM7YUFBTSxJQUFJLFVBQVUsWUFBWSxPQUFPLEVBQUUsQ0FBQztZQUN2QyxPQUFPLFVBQVUsQ0FBQztRQUN0QixDQUFDO2FBQU0sQ0FBQztZQUNKLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUN4QixDQUFDO0lBQ0wsQ0FBQzs7QUE5R00sd0JBQU8sR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBaUhoQzs7O0dBR0c7QUFDSSxTQUFTLFVBQVUsQ0FBQyxPQUFvQjtJQUMzQyxZQUFZLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxDQUFDO0FBQ2hDLENBQUM7QUFFRDs7O0dBR0c7QUFDSSxTQUFTLFVBQVUsQ0FBQyxPQUFvQjtJQUMzQyxZQUFZLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxDQUFDO0FBQ2pDLENBQUM7QUFFRDs7OztHQUlHO0FBQ0gsU0FBUyxZQUFZLENBQUMsT0FBb0IsRUFBRSxJQUEwQjtJQUNsRSxNQUFNLFVBQVUsR0FBRyxnREFBa0IsQ0FBQyxvQ0FBb0MsQ0FDdEUsT0FBTyxFQUNQLFVBQVUsQ0FDTyxDQUFDO0lBRXRCLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNkLE1BQU0sZ0RBQWdELENBQUM7SUFDM0QsQ0FBQztJQUVELElBQUksQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7QUFDakQsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQ3BKc0M7QUFFaEMsTUFBTSxlQUFnQixTQUFRLHFEQUF1QjtJQWF4RCxPQUFPO1FBQ0gsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRDs7T0FFRztJQUNILFVBQVU7UUFDTixJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztJQUNoQyxDQUFDO0lBRUQ7O09BRUc7SUFDSCxNQUFNLENBQUMsYUFBcUMsSUFBSTtRQUM1QyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUFJLENBQUMsYUFBcUMsSUFBSTtRQUMxQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxVQUFVLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUFJLENBQUMsYUFBcUMsSUFBSTtRQUMxQyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRUQ7O09BRUc7SUFDSyxRQUFRO1FBQ1osa0NBQWtDO1FBQ2xDLE1BQU0scUJBQXFCLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUM5RCxJQUFJLHFCQUFxQixFQUFFLENBQUM7WUFDeEIsSUFBSSxDQUFDLGFBQWEsR0FBZ0IsQ0FDOUIsUUFBUSxDQUFDLGFBQWEsQ0FBQyxxQkFBcUIsQ0FBQyxDQUNoRCxDQUFDO1lBRUYsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztnQkFDdEIsTUFBTSxDQUNGLHFEQUFxRDtvQkFDckQscUJBQXFCLENBQ3hCLENBQUM7WUFDTixDQUFDO1FBQ0wsQ0FBQztJQUNMLENBQUM7SUFFRDs7O09BR0c7SUFDSyxPQUFPLENBQ1gsSUFBMEIsRUFDMUIsYUFBcUMsSUFBSTtRQUV6QyxJQUFJLE1BQU0sR0FBRyxJQUFJLENBQUM7UUFDbEIsTUFBTSxTQUFTLEdBQ1gsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsYUFBYSxDQUFDLEtBQUssT0FBTyxDQUFDO1FBRTdELDhGQUE4RjtRQUM5RixJQUFJLE9BQU8sTUFBTSxLQUFLLFdBQVcsRUFBRSxDQUFDO1lBQ2hDLE1BQU0sR0FBRyxDQUFDLFNBQVMsQ0FBQztRQUN4QixDQUFDO1FBRUQsMkVBQTJFO1FBQzNFLElBQUksQ0FBQyxNQUFNLElBQUksU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDLE1BQU0sSUFBSSxDQUFDLFNBQVMsQ0FBQyxFQUFFLENBQUM7WUFDbkQsT0FBTztRQUNYLENBQUM7UUFFRCxNQUFNLGtCQUFrQixHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLENBQUM7UUFFMUQscURBQXFEO1FBQ3JELE1BQU0sY0FBYyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQ3BDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLEVBQ3hCO1lBQ0ksYUFBYSxFQUFFLElBQUksQ0FBQyxhQUFhO1lBQ2pDLFVBQVUsRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLGtCQUFrQixDQUFDO1NBQ3JELEVBQ0QsSUFBSSxDQUFDLFdBQVcsQ0FDbkIsQ0FBQztRQUVGLGdHQUFnRztRQUNoRyxJQUFJLGNBQWMsQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1lBQ2xDLE9BQU87UUFDWCxDQUFDO1FBRUQsSUFBSSxDQUFDLGFBQWEsR0FBRyxjQUFjLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQztRQUN6RCxJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQyxhQUFhLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBRXhFLElBQUksTUFBTSxFQUFFLENBQUM7WUFDVCxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztZQUMxQixJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztRQUM1QixDQUFDO2FBQU0sQ0FBQztZQUNKLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO1lBQzVCLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO1lBQzFCLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQzdCLENBQUM7UUFFRCxrQ0FBa0M7UUFDbEMsTUFBTSxxQkFBcUIsR0FDdkIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxlQUFlLEtBQUssU0FBUyxDQUFDO1FBRW5ELHVEQUF1RDtRQUN2RCxJQUFJLHFCQUFxQixFQUFFLENBQUM7WUFDeEIsc0VBQXNFO1lBQ3RFLElBQUksQ0FBQyxXQUFXLENBQUMsZ0JBQWdCLENBQzdCLGVBQWUsRUFDZixHQUFHLEVBQUU7Z0JBQ0Qsb0NBQW9DO2dCQUNwQyxJQUFJLENBQUMsWUFBWSxDQUNiLE1BQU0sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQzNCO29CQUNJLFVBQVUsRUFBRSxrQkFBa0I7aUJBQ2pDLEVBQ0QsSUFBSSxDQUFDLFdBQVcsQ0FDbkIsQ0FBQztZQUNOLENBQUMsRUFDRCxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsQ0FDakIsQ0FBQztRQUNOLENBQUM7YUFBTSxDQUFDO1lBQ0osSUFBSSxDQUFDLFlBQVksQ0FDYixNQUFNLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUMzQjtnQkFDSSxVQUFVLEVBQUUsa0JBQWtCO2FBQ2pDLEVBQ0QsSUFBSSxDQUFDLFdBQVcsQ0FDbkIsQ0FBQztRQUNOLENBQUM7SUFDTCxDQUFDO0lBRUQ7O09BRUc7SUFDSyxrQkFBa0I7UUFDdEIsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUN0QixPQUFPO1FBQ1gsQ0FBQztRQUVELElBQUksQ0FBQyxXQUFXLENBQUMsZ0JBQWdCLENBQzdCLGdCQUFnQixFQUNoQixHQUFHLEVBQUU7WUFDRCxpRUFBaUU7WUFDakUsSUFDSSxJQUFJLENBQUMsYUFBYTtnQkFDbEIsUUFBUSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxFQUM1QyxDQUFDO2dCQUNDLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDL0IsQ0FBQztRQUNMLENBQUMsRUFDRCxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsQ0FDakIsQ0FBQztJQUNOLENBQUM7SUFFRDs7T0FFRztJQUNLLGlCQUFpQjtRQUNyQixJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLG9CQUFvQixDQUFDLEtBQUssTUFBTSxFQUFFLENBQUM7WUFDakQsT0FBTztRQUNYLENBQUM7UUFFRCxJQUFJLENBQUMsV0FBVyxDQUFDLGdCQUFnQixDQUM3QixnQkFBZ0IsRUFDaEIsR0FBRyxFQUFFO1lBQ0QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUMxQixDQUFDLEVBQ0QsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLENBQ2pCLENBQUM7SUFDTixDQUFDO0lBRUQ7O09BRUc7SUFDSyxlQUFlO1FBQ25CLE9BQU8sS0FBSyxDQUFDLElBQUksQ0FDYixJQUFJLENBQUMsV0FBVyxDQUFDLGdCQUFnQixDQUM3QixxREFBcUQsQ0FDeEQsQ0FDSixDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQVcsRUFBRSxFQUFFLENBQ3JCLEVBQUUsQ0FBQyxPQUFPLENBQUMsdUNBQXVDLENBQUMsQ0FDdEQsQ0FBQztJQUNOLENBQUM7SUFFRDs7T0FFRztJQUNLLFlBQVksQ0FBQyxRQUF1QjtRQUN4Qyx1Q0FBdUM7UUFDdkMsT0FBTyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsWUFBWSxLQUFLLElBQUksQ0FBQyxDQUFDO0lBQzNELENBQUM7SUFFRDs7T0FFRztJQUNLLFdBQVcsQ0FBQyxRQUF1QjtRQUN2QyxPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxHQUFHLFFBQVEsQ0FBQyxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUM7SUFDdEQsQ0FBQztJQUVEOzs7O09BSUc7SUFDSyxnQkFBZ0I7UUFDcEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxnQkFBZ0IsQ0FDN0IsZUFBZSxFQUNmLEdBQUcsRUFBRTs7WUFDRCw0RUFBNEU7WUFDNUUsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsRUFBRSxDQUFDO2dCQUNyRCxNQUFNLFlBQVksR0FDZCxnQkFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsbUNBQzNDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDLG1DQUN6QyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsaURBQWlEO2dCQUV2RSxZQUFZLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDekIsQ0FBQztRQUNMLENBQUMsRUFDRCxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsQ0FDakIsQ0FBQztJQUNOLENBQUM7SUFFRDs7T0FFRztJQUNLLG9CQUFvQixDQUFDLENBQWdCO1FBQ3pDLElBQUksQ0FBQyxDQUFDLEdBQUcsS0FBSyxLQUFLLEVBQUUsQ0FBQztZQUNsQixPQUFPO1FBQ1gsQ0FBQztRQUVELG9EQUFvRDtRQUNwRCxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDekMsSUFBSSxTQUFTLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRSxDQUFDO1lBQ3pCLGtHQUFrRztZQUNsRyxDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDbkIsT0FBTztRQUNYLENBQUM7UUFFRCxnRkFBZ0Y7UUFDaEYsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFVLENBQUMsQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDO1lBQ2hELE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLENBQUM7WUFDakQsSUFBSSxXQUFXLEVBQUUsQ0FBQztnQkFDZCxDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7Z0JBQ25CLFdBQVcsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUN4QixDQUFDO1lBRUQsT0FBTztRQUNYLENBQUM7UUFFRCx1RkFBdUY7UUFDdkYsTUFBTSxhQUFhLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUNuRCxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBRWpELElBQUksYUFBYSxJQUFJLFlBQVksRUFBRSxDQUFDO1lBQ2hDLElBQUksYUFBYSxLQUFLLFlBQVksRUFBRSxDQUFDO2dCQUNqQyxDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7Z0JBQ25CLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUMxQixDQUFDO2lCQUFNLElBQUksQ0FBQyxDQUFDLFFBQVEsSUFBSSxDQUFDLENBQUMsTUFBTSxLQUFLLGFBQWEsRUFBRSxDQUFDO2dCQUNsRCxDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7Z0JBQ25CLFlBQVksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUN6QixDQUFDO2lCQUFNLElBQUksQ0FBQyxDQUFDLENBQUMsUUFBUSxJQUFJLENBQUMsQ0FBQyxNQUFNLEtBQUssWUFBWSxFQUFFLENBQUM7Z0JBQ2xELENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztnQkFDbkIsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQzFCLENBQUM7UUFDTCxDQUFDO0lBQ0wsQ0FBQztJQUVEOztPQUVHO0lBQ0ssa0JBQWtCO1FBQ3RCLDZHQUE2RztRQUM3RyxJQUFJLENBQUMsYUFBYTtZQUNkLElBQUksQ0FBQyxhQUFhLElBQUksSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM3RCxJQUFJLENBQUMsZ0JBQWdCO1lBQ2pCLElBQUksQ0FBQyxnQkFBZ0IsSUFBSSxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQy9ELElBQUksQ0FBQyxhQUFhO1lBQ2QsSUFBSSxDQUFDLGFBQWEsSUFBSSxJQUFJLENBQUMsb0JBQW9CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBRS9ELFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQzNELFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDMUQsUUFBUSxDQUFDLGdCQUFnQixDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDN0QsQ0FBQztJQUVEOztPQUVHO0lBQ0ssb0JBQW9CO1FBQ3hCLFFBQVEsQ0FBQyxtQkFBbUIsQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQzlELFFBQVEsQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDN0QsUUFBUSxDQUFDLG1CQUFtQixDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDaEUsQ0FBQztJQUVEOztPQUVHO0lBQ0ssa0JBQWtCLENBQUMsQ0FBUTs7UUFDL0IsTUFBTSxNQUFNLEdBQVMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztRQUM5Qix5RkFBeUY7UUFDekYsa0ZBQWtGO1FBQ2xGLElBQ0ksQ0FBQyxXQUFJLENBQUMsV0FBVzthQUNaLGFBQWEsQ0FBQyxrQkFBa0IsQ0FBQywwQ0FDaEMsUUFBUSxDQUFDLE1BQU0sQ0FBQztZQUN0QixRQUFRLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsRUFDaEMsQ0FBQztZQUNDLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQzNCLENBQUM7SUFDTCxDQUFDO0lBRUQ7O09BRUc7SUFDSyxpQkFBaUIsQ0FBQyxDQUFnQjtRQUN0QywyRUFBMkU7UUFDM0UsSUFDSSxDQUFDLENBQUMsS0FBSyxLQUFLLEVBQUU7WUFDZCxJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsS0FBSyxNQUFNLEVBQ3pELENBQUM7WUFDQyxPQUFPO1FBQ1gsQ0FBQztRQUVELElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFRDs7O09BR0c7SUFDSyxhQUFhLENBQUMsYUFBcUMsSUFBSTtRQUMzRCxJQUFJLFVBQVUsWUFBWSxLQUFLLEVBQUUsQ0FBQztZQUM5QixPQUFnQixVQUFVLENBQUMsTUFBTSxDQUFDO1FBQ3RDLENBQUM7YUFBTSxJQUFJLFVBQVUsWUFBWSxPQUFPLEVBQUUsQ0FBQztZQUN2QyxPQUFPLFVBQVUsQ0FBQztRQUN0QixDQUFDO2FBQU0sQ0FBQztZQUNKLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUN4QixDQUFDO0lBQ0wsQ0FBQzs7QUFqV00sdUJBQU8sR0FBRyxDQUFDLE9BQU8sRUFBRSxjQUFjLENBQUMsQ0FBQztBQW9XL0M7OztHQUdHO0FBQ0ksU0FBUyxTQUFTLENBQUMsT0FBb0I7SUFDMUMsV0FBVyxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsQ0FBQztBQUMvQixDQUFDO0FBRUQ7OztHQUdHO0FBQ0ksU0FBUyxTQUFTLENBQUMsT0FBb0I7SUFDMUMsV0FBVyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsQ0FBQztBQUNoQyxDQUFDO0FBRUQ7Ozs7R0FJRztBQUNILFNBQVMsV0FBVyxDQUFDLE9BQW9CLEVBQUUsSUFBMEI7SUFDakUsTUFBTSxVQUFVLEdBQUcsZ0RBQWtCLENBQUMsb0NBQW9DLENBQ3RFLE9BQU8sRUFDUCxTQUFTLENBQ08sQ0FBQztJQUVyQixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDZCxNQUFNLCtDQUErQyxDQUFDO0lBQzFELENBQUM7SUFFRCxJQUFJLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO0FBQ2pELENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7O0FDdllzQztBQUVoQyxNQUFNLGlCQUFrQixTQUFRLHFEQUF1QjtJQUkxRCxPQUFPO1FBQ0gsS0FBSyxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBRWhCLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDaEQsSUFBSSxDQUFDLGtCQUFrQixHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBRXhELEtBQUssTUFBTSxHQUFHLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQ2hDLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1lBQ25ELEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFDN0QsQ0FBQztJQUNMLENBQUM7SUFFRCxVQUFVO1FBQ04sS0FBSyxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBRW5CLEtBQUssTUFBTSxHQUFHLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQ2hDLEdBQUcsQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1lBQ3RELEdBQUcsQ0FBQyxtQkFBbUIsQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFDaEUsQ0FBQztJQUNMLENBQUM7SUFFRDs7T0FFRztJQUNILElBQUksVUFBVTtRQUNWLE9BQU8sS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLGdCQUFnQixDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUM7SUFDbkUsQ0FBQztJQUVEOztPQUVHO0lBQ0gsU0FBUyxDQUFDLEtBQWlCO1FBQ3ZCLElBQUksQ0FBQyxXQUFXLENBQWMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ3ZELENBQUM7SUFFRDs7O09BR0c7SUFDSCxhQUFhLENBQUMsS0FBb0I7O1FBQzlCLElBQUksVUFBVSxHQUFnQixLQUFLLENBQUMsYUFBYSxDQUFDO1FBRWxELE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUM7UUFDN0IsSUFBSSxRQUFRLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUV4QyxJQUFJLEtBQUssQ0FBQyxHQUFHLEtBQUssWUFBWSxFQUFFLENBQUM7WUFDN0IsUUFBUSxFQUFFLENBQUM7UUFDZixDQUFDO2FBQU0sSUFBSSxLQUFLLENBQUMsR0FBRyxLQUFLLFdBQVcsRUFBRSxDQUFDO1lBQ25DLFFBQVEsRUFBRSxDQUFDO1FBQ2YsQ0FBQzthQUFNLENBQUM7WUFDSixPQUFPO1FBQ1gsQ0FBQztRQUVELG9FQUFvRTtRQUNwRSxJQUFJLFFBQVEsR0FBRyxDQUFDLEVBQUUsQ0FBQztZQUNmLFFBQVEsR0FBRyxJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztRQUMvQixDQUFDO1FBQ0QsSUFBSSxRQUFRLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQzFCLFFBQVEsR0FBRyxDQUFDLENBQUM7UUFDakIsQ0FBQztRQUVELFVBQVUsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDNUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUU3QixrRUFBa0U7UUFDbEUsVUFBSSxDQUFDLFdBQVcsMENBQUUsS0FBSyxFQUFFLENBQUM7SUFDOUIsQ0FBQztJQUVEOzs7T0FHRztJQUNLLFdBQVcsQ0FBQyxNQUFtQjtRQUNuQyxNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO1FBQ2hDLElBQUksTUFBTSxLQUFLLE1BQU0sRUFBRSxDQUFDO1lBQ3BCLE9BQU87UUFDWCxDQUFDO1FBRUQsSUFBSSxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDLGdCQUFnQixFQUFFLENBQUM7WUFDbkUsT0FBTztRQUNYLENBQUM7UUFFRCxJQUFJLENBQUMsV0FBVyxHQUFHLE1BQU0sQ0FBQztRQUMxQixJQUFJLENBQUMsWUFBWSxDQUFDLFVBQVUsRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDO0lBQ3RELENBQUM7SUFFRDs7T0FFRztJQUNILElBQVcsV0FBVztRQUNsQixPQUFPLENBQ0gsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQ2hCLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLGVBQWUsQ0FBQyxLQUFLLE1BQU0sQ0FDcEQsSUFBSSxJQUFJLENBQ1osQ0FBQztJQUNOLENBQUM7SUFFRDs7Ozs7T0FLRztJQUNILElBQVcsV0FBVyxDQUFDLFdBQStCO1FBQ2xELEtBQUssTUFBTSxHQUFHLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQ2hDLE1BQU0sT0FBTyxHQUFHLEdBQUcsQ0FBQyxZQUFZLENBQUMsZUFBZSxDQUFDLENBQUM7WUFDbEQsTUFBTSxLQUFLLEdBQUcsT0FBTyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsY0FBYyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7WUFFaEUsSUFBSSxHQUFHLEtBQUssV0FBVyxFQUFFLENBQUM7Z0JBQ3RCLEdBQUcsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxDQUFDO2dCQUNqQyxHQUFHLENBQUMsWUFBWSxDQUFDLGVBQWUsRUFBRSxNQUFNLENBQUMsQ0FBQztnQkFDMUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDaEMsS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLFNBQVMsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDdEMsQ0FBQztpQkFBTSxDQUFDO2dCQUNKLEdBQUcsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDO2dCQUNwQyxHQUFHLENBQUMsWUFBWSxDQUFDLGVBQWUsRUFBRSxPQUFPLENBQUMsQ0FBQztnQkFDM0MsR0FBRyxDQUFDLFlBQVksQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLENBQUM7Z0JBQ25DLEtBQUssYUFBTCxLQUFLLHVCQUFMLEtBQUssQ0FBRSxTQUFTLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQ25DLENBQUM7UUFDTCxDQUFDO0lBQ0wsQ0FBQztDQUNKOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQy9Id0Q7QUFFbEI7QUFRaEMsTUFBZSxxQkFBc0IsU0FBUSxxREFBdUI7SUFzQnZFOztPQUVHO0lBQ0gsSUFBSSxTQUFTO1FBQ1QsTUFBTSxjQUFjLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQztRQUMzQyxPQUFPLGNBQWM7WUFDakIsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLFlBQVksQ0FBQztZQUNqRCxDQUFDLENBQUMsS0FBSyxDQUFDO0lBQ2hCLENBQUM7SUFFRDs7T0FFRztJQUNILElBQUksWUFBWTtRQUNaLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUM7UUFDcEMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUM5QixPQUFPLEtBQUssQ0FBQztRQUNqQixDQUFDO1FBRUQsNkhBQTZIO1FBQzdILHNFQUFzRTtRQUV0RSxNQUFNLElBQUksR0FBRyxPQUFPLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUM3QyxNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUN2QixRQUFRLENBQUMsZUFBZSxDQUFDLFlBQVksRUFDckMsTUFBTSxDQUFDLFdBQVcsQ0FDckIsQ0FBQztRQUNGLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQ3RCLFFBQVEsQ0FBQyxlQUFlLENBQUMsV0FBVyxFQUNwQyxNQUFNLENBQUMsVUFBVSxDQUNwQixDQUFDO1FBRUYsT0FBTyxDQUNILElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQztZQUNmLElBQUksQ0FBQyxHQUFHLEdBQUcsVUFBVTtZQUNyQixJQUFJLENBQUMsS0FBSyxHQUFHLENBQUM7WUFDZCxJQUFJLENBQUMsSUFBSSxHQUFHLFNBQVMsQ0FDeEIsQ0FBQztJQUNOLENBQUM7SUFFRCxJQUFjLHdCQUF3QjtRQUNsQyxNQUFNLFlBQVksR0FBeUIsQ0FDdkMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsdUJBQXVCLENBQUMsQ0FDekMsQ0FBQztRQUNGLFFBQVEsWUFBWSxFQUFFLENBQUM7WUFDbkIsS0FBSyxpQkFBaUIsQ0FBQztZQUN2QixLQUFLLE9BQU87Z0JBQ1IsT0FBTyxLQUFLLENBQUM7WUFDakIsS0FBSyxnQkFBZ0I7Z0JBQ2pCLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztZQUM3QjtnQkFDSSxPQUFPLElBQUksQ0FBQztRQUNwQixDQUFDO0lBQ0wsQ0FBQztJQUVEOztPQUVHO0lBQ0gsT0FBTztRQUNILEtBQUssQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUNoQixJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDaEIsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDakIsOEdBQThHO1lBQzlHLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1FBQzVCLENBQUM7YUFBTSxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLFdBQVcsQ0FBQyxLQUFLLE1BQU0sRUFBRSxDQUFDO1lBQy9DLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDcEIsQ0FBQztRQUVELElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRDs7T0FFRztJQUNILFVBQVU7UUFDTixJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDWixJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNkLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDdEIsMkJBQTJCO1lBQzNCLDJFQUEyRTtZQUMzRSxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDdkIsQ0FBQztRQUNELEtBQUssQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQ7O09BRUc7SUFDSCxNQUFNLENBQUMsYUFBcUMsSUFBSTtRQUM1QyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ25FLENBQUM7SUFFRDs7T0FFRztJQUNILElBQUksQ0FBQyxhQUFxQyxJQUFJO1FBQzFDLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ2pCLE9BQU87UUFDWCxDQUFDO1FBRUQsTUFBTSxpQkFBaUIsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBRXpELElBQ0ksSUFBSSxDQUFDLFlBQVksQ0FBQyxNQUFNLEVBQUU7WUFDdEIsVUFBVSxFQUFFLGlCQUFpQjtTQUNoQyxDQUFDLENBQUMsZ0JBQWdCLEVBQ3JCLENBQUM7WUFDQyxPQUFPO1FBQ1gsQ0FBQztRQUVELElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDZixJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztRQUM1QixDQUFDO1FBRUQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBRWhELGtEQUFrRDtRQUNsRCxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7UUFFdEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRDs7T0FFRztJQUNILElBQUksQ0FBQyxhQUFxQyxJQUFJO1FBQzFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDbEIsT0FBTztRQUNYLENBQUM7UUFFRCxNQUFNLGlCQUFpQixHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLENBQUM7UUFFekQsSUFDSSxJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sRUFBRTtZQUN0QixVQUFVLEVBQUUsaUJBQWlCO1NBQ2hDLENBQUMsQ0FBQyxnQkFBZ0IsRUFDckIsQ0FBQztZQUNDLE9BQU87UUFDWCxDQUFDO1FBRUQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBRW5ELElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ2Qsc0dBQXNHO1lBQ3RHLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDdEIsMkJBQTJCO1lBQzNCLDJFQUEyRTtZQUMzRSxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDdkIsQ0FBQztRQUVELDJHQUEyRztRQUMzRyxJQUMwQixJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyx1QkFBdUIsQ0FBQztZQUM1RCxpQkFBaUIsRUFDbkIsQ0FBQztZQUNDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLHVCQUF1QixDQUFDLENBQUM7UUFDOUMsQ0FBQztRQUVELElBQUksQ0FBQyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRUQ7O09BRUc7SUFDTyxLQUFLLENBQUMsYUFBNkIsSUFBSTtRQUM3QyxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztRQUMxQixJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sRUFBRTtZQUN2QixVQUFVLEVBQUUsVUFBVTtTQUN6QixDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQ7O09BRUc7SUFDTyxNQUFNLENBQUMsYUFBNkIsSUFBSTtRQUM5QyxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztRQUM1QixJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsRUFBRTtZQUN4QixVQUFVLEVBQUUsVUFBVTtTQUN6QixDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQ7O09BRUc7SUFDTyxlQUFlO1FBQ3JCLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFRDs7T0FFRztJQUNLLGdCQUFnQjtRQUNwQixJQUFJLENBQUMsTUFBTSxHQUFHLDREQUFZLENBQUMsSUFBSSxDQUFDLGdCQUFnQixFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDbkUsU0FBUyxFQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLFdBQVcsQ0FBZSxJQUFJLFFBQVE7WUFDaEUsU0FBUyxFQUFFO2dCQUNQO29CQUNJLElBQUksRUFBRSxRQUFRO29CQUNkLE9BQU8sRUFBRTt3QkFDTCxNQUFNLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLEVBQUUsMERBQTBEO3FCQUM5RTtpQkFDSjthQUNKO1NBQ0osQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVEOztPQUVHO0lBQ0ssUUFBUTtRQUNaLE1BQU0saUJBQWlCLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsb0JBQW9CLENBQUMsQ0FBQztRQUU5RCxJQUFJLENBQUMsZ0JBQWdCLEdBQWdCLElBQUksQ0FBQyxPQUFPLENBQUM7UUFFbEQsOEdBQThHO1FBQzlHLElBQUksaUJBQWlCLEVBQUUsQ0FBQztZQUNwQixJQUFJLENBQUMsZ0JBQWdCLEdBQWdCLENBQ2pDLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLGlCQUFpQixDQUFDLENBQ2hELENBQUM7WUFFRixJQUFJLENBQUMsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7Z0JBQ3pCLE1BQU0sQ0FDRixnREFBZ0Q7b0JBQ2hELGlCQUFpQixDQUNwQixDQUFDO1lBQ04sQ0FBQztRQUNMLENBQUM7UUFFRCxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsWUFBWSxDQUNoRCxJQUFJLENBQUMsd0JBQXdCLENBQ2hDLENBQUM7UUFFRixJQUFJLGNBQWMsR0FBdUIsSUFBSSxDQUFDO1FBRTlDLHdGQUF3RjtRQUN4RixJQUFJLFNBQVMsRUFBRSxDQUFDO1lBQ1osY0FBYyxHQUFHLFFBQVEsQ0FBQyxjQUFjLENBQUMsU0FBUyxDQUFDLENBQUM7WUFFcEQsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO2dCQUNsQixNQUFNLElBQUksSUFBSSxDQUFDLHdCQUF3QiwyQkFBMkIsQ0FBQztZQUN2RSxDQUFDO1FBQ0wsQ0FBQztRQUNELHFEQUFxRDthQUNoRCxDQUFDO1lBQ0YsY0FBYyxHQUFHLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUM1QyxDQUFDO1FBRUQsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ2xCLE1BQU0sNENBQTRDLENBQUM7UUFDdkQsQ0FBQztRQUVELElBQUksQ0FBQyxjQUFjLEdBQUcsY0FBYyxDQUFDO0lBQ3pDLENBQUM7SUFFRDs7O09BR0c7SUFDTyxhQUFhLENBQ25CLGFBQXFDLElBQUk7UUFFekMsSUFBSSxVQUFVLFlBQVksS0FBSyxFQUFFLENBQUM7WUFDOUIsT0FBZ0IsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUN0QyxDQUFDO2FBQU0sSUFBSSxVQUFVLFlBQVksT0FBTyxFQUFFLENBQUM7WUFDdkMsT0FBTyxVQUFVLENBQUM7UUFDdEIsQ0FBQzthQUFNLENBQUM7WUFDSixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7UUFDeEIsQ0FBQztJQUNMLENBQUM7SUFFRDs7T0FFRztJQUNPLGNBQWM7UUFDcEIsSUFBSSxJQUFJLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUNoQyxLQUFLLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDOUIsQ0FBQztJQUNMLENBQUM7Q0FDSjtBQUVNLE1BQU0saUJBQWtCLFNBQVEscUJBQXFCO0lBQTVEOztRQUdjLDZCQUF3QixHQUFHLGVBQWUsQ0FBQztJQW9IekQsQ0FBQztJQS9HRzs7T0FFRztJQUNnQixLQUFLLENBQUMsYUFBNkIsSUFBSTtRQUN0RCxJQUFJLENBQUMscUJBQXFCLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDakMsSUFBSSxDQUFDLDZCQUE2QixDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3pDLEtBQUssQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDNUIsQ0FBQztJQUVEOztPQUVHO0lBQ2dCLE1BQU0sQ0FBQyxhQUE2QixJQUFJO1FBQ3ZELElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNsQyxJQUFJLENBQUMsNkJBQTZCLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDMUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBRUQ7O09BRUc7SUFDYSxPQUFPO1FBQ25CLEtBQUssQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUVoQixJQUFJLENBQUMsNkJBQTZCLEVBQUUsQ0FBQztJQUN6QyxDQUFDO0lBRUQ7O09BRUc7SUFDTyxrQkFBa0I7UUFDeEIsSUFBSSxDQUFDLHVCQUF1QjtZQUN4QixJQUFJLENBQUMsdUJBQXVCLElBQUksSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN2RSxJQUFJLENBQUMsc0JBQXNCO1lBQ3ZCLElBQUksQ0FBQyxzQkFBc0IsSUFBSSxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBRXJFLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLHVCQUF1QixDQUFDLENBQUM7UUFDckUsUUFBUSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsc0JBQXNCLENBQUMsQ0FBQztJQUNwRSxDQUFDO0lBRUQ7O09BRUc7SUFDTyxvQkFBb0I7UUFDMUIsUUFBUSxDQUFDLG1CQUFtQixDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUMsdUJBQXVCLENBQUMsQ0FBQztRQUN4RSxRQUFRLENBQUMsbUJBQW1CLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0lBQ3ZFLENBQUM7SUFFRDs7O09BR0c7SUFDSyxrQkFBa0IsQ0FBQyxDQUFhO1FBQ3BDLE1BQU0sTUFBTSxHQUFTLENBQUMsQ0FBQyxNQUFNLENBQUM7UUFDOUIsOEZBQThGO1FBQzlGLGtGQUFrRjtRQUNsRixJQUNJLElBQUksQ0FBQyx3QkFBd0I7WUFDN0IsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQztZQUN2QyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQztZQUNyQyxRQUFRLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsRUFDaEMsQ0FBQztZQUNDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDakIsQ0FBQztJQUNMLENBQUM7SUFFRDs7O09BR0c7SUFDSyxpQkFBaUIsQ0FBQyxDQUFnQjtRQUN0QywyRUFBMkU7UUFDM0UsSUFBSSxDQUFDLENBQUMsS0FBSyxLQUFLLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUNwQyxPQUFPO1FBQ1gsQ0FBQztRQUVELHdGQUF3RjtRQUN4RixrRkFBa0Y7UUFDbEYsSUFBSSxJQUFJLENBQUMsY0FBYyxDQUFDLFFBQVEsQ0FBTyxDQUFDLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQztZQUMvQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDbEMsQ0FBQztRQUVELElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDakIsQ0FBQztJQUVEOzs7T0FHRztJQUNLLHFCQUFxQixDQUFDLElBQWM7UUFDeEMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLGNBQWMsQ0FBQyxFQUFFLENBQUM7WUFDakMsT0FBTztRQUNYLENBQUM7UUFFRCxNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDeEQsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFNBQVMsQ0FBQztRQUMzQyxXQUFXLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLE9BQU8sQ0FBQyxVQUFVLEdBQVc7WUFDbEQsRUFBRSxDQUFDLE1BQU0sQ0FBQyxHQUFHLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFDekIsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQ7OztPQUdHO0lBQ0ssNkJBQTZCLENBQUMsSUFBYztRQUNoRCxNQUFNLGFBQWEsR0FDZixLQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsUUFBUSxFQUFFLEtBQUksSUFBSSxDQUFDLGdCQUFnQixDQUFDLFlBQVksSUFBSSxPQUFPLENBQUM7UUFDdEUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFlBQVksR0FBRyxhQUFhLENBQUM7UUFDbkQsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFlBQVksQ0FBQyxlQUFlLEVBQUUsYUFBYSxDQUFDLENBQUM7SUFDdkUsQ0FBQzs7QUFySE0seUJBQU8sR0FBRyxFQUFFLENBQUM7QUF3SHhCOzs7R0FHRztBQUNJLFNBQVMsV0FBVyxDQUFDLE9BQW9CO0lBQzVDLE1BQU0sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEdBQUcsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3RELElBQUksVUFBVSxFQUFFLENBQUM7UUFDYixVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdEIsQ0FBQztTQUFNLElBQUksU0FBUyxFQUFFLENBQUM7UUFDbkIsT0FBTyxDQUFDLFlBQVksQ0FBQywwQkFBMEIsRUFBRSxNQUFNLENBQUMsQ0FBQztJQUM3RCxDQUFDO1NBQU0sQ0FBQztRQUNKLE1BQU0sbURBQW1ELENBQUM7SUFDOUQsQ0FBQztBQUNMLENBQUM7QUFFRDs7O0dBR0c7QUFDSSxTQUFTLFdBQVcsQ0FBQyxPQUFnQjtJQUN4QyxNQUFNLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsR0FBRyxVQUFVLENBQUMsT0FBTyxDQUFDLENBQUM7SUFFL0QsSUFBSSxVQUFVLEVBQUUsQ0FBQztRQUNiLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDO1NBQU0sSUFBSSxTQUFTLEVBQUUsQ0FBQztRQUNuQixPQUFPLENBQUMsZUFBZSxDQUFDLDBCQUEwQixDQUFDLENBQUM7UUFDcEQsSUFBSSxPQUFPLEVBQUUsQ0FBQztZQUNWLE9BQU8sQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQzNDLENBQUM7SUFDTCxDQUFDO1NBQU0sQ0FBQztRQUNKLE1BQU0sbURBQW1ELENBQUM7SUFDOUQsQ0FBQztBQUNMLENBQUM7QUFzQkQ7Ozs7OztHQU1HO0FBQ0ksU0FBUyxhQUFhLENBQ3pCLE9BQWdCLEVBQ2hCLE9BQXlCLEVBQ3pCLE9BQXdCO0lBRXhCLE1BQU0sRUFBRSxnQkFBZ0IsRUFBRSxPQUFPLEVBQUUsZUFBZSxFQUFFLEdBQUcsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBRTNFLElBQUksZUFBZSxFQUFFLENBQUM7UUFDbEIsTUFBTSx3Q0FBd0MsZUFBZSxDQUFDLEVBQUUsR0FBRyxDQUFDO0lBQ3hFLENBQUM7SUFFRCxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztRQUNwQixNQUFNLGlFQUFpRSxDQUFDO0lBQzVFLENBQUM7SUFFRCxJQUFJLE9BQU8sT0FBTyxLQUFLLFFBQVEsRUFBRSxDQUFDO1FBQzlCLGlEQUFpRDtRQUNqRCxNQUFNLFFBQVEsR0FBRyxRQUFRO2FBQ3BCLFdBQVcsRUFBRTthQUNiLHdCQUF3QixDQUFDLE9BQU8sQ0FBQyxDQUFDLFFBQVEsQ0FBQztRQUNoRCxJQUFJLFFBQVEsQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUFFLENBQUM7WUFDeEIsTUFBTSx5Q0FBeUMsQ0FBQztRQUNwRCxDQUFDO1FBQ0QsT0FBTyxHQUFHLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRUQsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsWUFBWSxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQ2xFLElBQUksU0FBUyxHQUFHLE9BQU8sQ0FBQyxFQUFFLENBQUM7SUFFM0IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxFQUFFLENBQUM7UUFDM0MsTUFBTSw0REFBNEQsT0FBTyxDQUFDLFNBQVMsR0FBRyxDQUFDO0lBQzNGLENBQUM7SUFFRCxJQUFJLFVBQVUsSUFBSSxVQUFVLEtBQUssU0FBUyxFQUFFLENBQUM7UUFDekMsTUFBTSw4QkFBOEIsVUFBVSx5QkFBeUIsU0FBUyxHQUFHLENBQUM7SUFDeEYsQ0FBQztJQUVELElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUNiLFNBQVM7WUFDTCxxQkFBcUIsR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDeEUsT0FBTyxDQUFDLEVBQUUsR0FBRyxTQUFTLENBQUM7SUFDM0IsQ0FBQztJQUVELElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNkLGdCQUFnQixDQUFDLFlBQVksQ0FBQyxlQUFlLEVBQUUsU0FBUyxDQUFDLENBQUM7SUFDOUQsQ0FBQztJQUVELElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxJQUFJLE9BQU8sQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUNsRCxnQkFBZ0IsQ0FBQyxxQkFBcUIsQ0FBQyxVQUFVLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFDaEUsQ0FBQztJQUVELGdCQUFnQixDQUFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFFN0MsSUFBSSxPQUFPLEVBQUUsQ0FBQztRQUNWLElBQUksT0FBTyxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ3hCLGdCQUFnQixDQUFDLFlBQVksQ0FDekIsYUFBYSxFQUNiLHlCQUF5QixDQUM1QixDQUFDO1FBQ04sQ0FBQztRQUNELElBQUksT0FBTyxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ3BCLE9BQU8sQ0FBQyxZQUFZLENBQUMsMEJBQTBCLEVBQUUsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQ3hFLENBQUM7UUFDRCxJQUFJLE9BQU8sQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNuQixPQUFPLENBQUMsWUFBWSxDQUFDLDBCQUEwQixFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQzdELENBQUM7SUFDTCxDQUFDO0FBQ0wsQ0FBQztBQUVEOzs7O0dBSUc7QUFDSSxTQUFTLGFBQWEsQ0FBQyxPQUFnQjtJQUMxQyxNQUFNLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxPQUFPLEVBQUUsR0FDdEQsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBRXhCLHVDQUF1QztJQUN2QyxVQUFVLGFBQVYsVUFBVSx1QkFBVixVQUFVLENBQUUsSUFBSSxFQUFFLENBQUM7SUFFbkIsa0NBQWtDO0lBQ2xDLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxNQUFNLEVBQUUsQ0FBQztJQUVsQixrRUFBa0U7SUFDbEUsSUFBSSxTQUFTLEVBQUUsQ0FBQztRQUNaLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDOUMsSUFBSSxnQkFBZ0IsRUFBRSxDQUFDO1lBQ25CLGdCQUFnQixDQUFDLGVBQWUsQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUN0RCxDQUFDO0lBQ0wsQ0FBQztJQUVELE9BQU8sT0FBTyxDQUFDO0FBQ25CLENBQUM7QUFhRDs7OztHQUlHO0FBQ0gsU0FBUyxVQUFVLENBQUMsT0FBZ0I7O0lBQ2hDLE1BQU0sU0FBUyxHQUNYLGNBQU8sQ0FBQyxZQUFZLENBQUMsaUJBQWlCLENBQUMsMENBQUUsUUFBUSxDQUFDLFdBQVcsQ0FBQyxLQUFJLEtBQUssQ0FBQztJQUM1RSxNQUFNLFVBQVUsR0FBRyxnREFBa0IsQ0FBQyxvQ0FBb0MsQ0FDdEUsT0FBTyxFQUNQLFdBQVcsQ0FDTyxDQUFDO0lBQ3ZCLE1BQU0saUJBQWlCLEdBQUcsT0FBTyxDQUFDLFlBQVksQ0FDMUMsbUNBQW1DLENBQ3RDLENBQUM7SUFDRixNQUFNLGdCQUFnQixHQUFHLGlCQUFpQjtRQUN0QyxDQUFDLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxpQkFBaUIsQ0FBQztRQUMxQyxDQUFDLENBQUMsT0FBTyxDQUFDO0lBQ2QsTUFBTSxTQUFTLEdBQUcsZ0JBQWdCO1FBQzlCLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxZQUFZLENBQUMsZUFBZSxDQUFDO1FBQ2hELENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDWCxNQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxjQUFjLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUN0RSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxPQUFPLEVBQUUsQ0FBQztBQUNoRSxDQUFDO0FBRUQ7Ozs7O0dBS0c7QUFDSCxTQUFTLGdCQUFnQixDQUNyQixFQUFXLEVBQ1gsY0FBc0IsRUFDdEIsT0FBZ0I7O0lBRWhCLE1BQU0sV0FBVyxHQUFHLElBQUksR0FBRyxDQUN2QixRQUFFLENBQUMsWUFBWSxDQUFDLGlCQUFpQixDQUFDLDBDQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FDbkQsQ0FBQztJQUNGLElBQUksT0FBTyxFQUFFLENBQUM7UUFDVixXQUFXLENBQUMsR0FBRyxDQUFDLGNBQWMsQ0FBQyxDQUFDO0lBQ3BDLENBQUM7U0FBTSxDQUFDO1FBQ0osV0FBVyxDQUFDLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBQ0QsRUFBRSxDQUFDLFlBQVksQ0FBQyxpQkFBaUIsRUFBRSxLQUFLLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO0FBQzFFLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FDcG9Cc0M7QUFDOEI7QUFNOUQsTUFBTSxpQkFBa0IsU0FBUSwyREFBcUI7SUFBNUQ7O1FBR2MsNkJBQXdCLEdBQUcsa0JBQWtCLENBQUM7SUF3UjVELENBQUM7SUE5UUc7O09BRUc7SUFDSCxPQUFPO1FBQ0gsS0FBSyxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBRWhCLDJFQUEyRTtRQUMzRSx3RUFBd0U7UUFDeEUsZ0RBQWdEO1FBQ2hELElBQUksTUFBTSxDQUFDLFVBQVUsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQzlDLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUMzQixDQUFDO1FBQ0QsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7SUFDOUIsQ0FBQztJQUVEOztPQUVHO0lBQ0gsVUFBVTtRQUNOLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO1FBQzVCLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQ3pCLEtBQUssQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsSUFBSSxDQUFDLGFBQXFDLElBQUk7UUFDMUMsMkRBQTJEO1FBQzNELE1BQU0sVUFBVSxHQUNaLGdEQUFrQixDQUFDLG9DQUFvQyxDQUNuRCxJQUFJLENBQUMsT0FBTyxFQUNaLFdBQVcsQ0FDZCxDQUFDO1FBRU4scUZBQXFGO1FBQ3JGLElBQUksVUFBVSxJQUF3QixVQUFXLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDMUQsT0FBTztRQUNYLENBQUM7UUFFRCxLQUFLLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFRDs7T0FFRztJQUNILFlBQVksQ0FBQyxhQUFxQyxJQUFJO1FBQ2xELE1BQU0sQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ3hDLElBQUksQ0FBQyxhQUFhLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FDbEMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsRUFDM0IsR0FBRyxDQUNOLENBQUM7SUFDTixDQUFDO0lBRUQ7O09BRUc7SUFDSCxZQUFZLENBQUMsYUFBcUMsSUFBSTtRQUNsRCxNQUFNLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUN4QyxJQUFJLENBQUMsYUFBYSxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQ2xDLEdBQUcsRUFBRSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQzVCLEdBQUcsQ0FDTixDQUFDO0lBQ04sQ0FBQztJQUVEOztPQUVHO0lBQ0gsa0JBQWtCO1FBQ2QsWUFBWSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBRUQ7O09BRUc7SUFDSCxvQkFBb0I7UUFDaEIsSUFBSSxPQUFhLENBQUM7UUFFbEIsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDOUMsSUFBSSxTQUFTLEVBQUUsQ0FBQztZQUNaLGlEQUFpRDtZQUNqRCxPQUFPLEdBQUcsUUFBUTtpQkFDYixXQUFXLEVBQUU7aUJBQ2Isd0JBQXdCLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDN0MsQ0FBQzthQUFNLENBQUM7WUFDSixNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUN0RCxJQUFJLFVBQVUsRUFBRSxDQUFDO2dCQUNiLE9BQU8sR0FBRyxRQUFRLENBQUMsY0FBYyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1lBQ2xELENBQUM7aUJBQU0sQ0FBQztnQkFDSixPQUFPLElBQUksQ0FBQztZQUNoQixDQUFDO1FBQ0wsQ0FBQztRQUVELElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQy9CLElBQUksQ0FBQyxPQUFPLENBQUMsZUFBZSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBRXRDLElBQUksU0FBUyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFDOUQsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ2IsU0FBUyxHQUFHLGlCQUFpQixDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQzNDLElBQUksQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLGtCQUFrQixFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBQzdELENBQUM7UUFFRCxJQUFJLE9BQU8sR0FBRyxRQUFRLENBQUMsY0FBYyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQ2pELElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNYLE9BQU8sR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ3hDLE9BQU8sQ0FBQyxFQUFFLEdBQUcsU0FBUyxDQUFDO1lBQ3ZCLE9BQU8sQ0FBQyxTQUFTLEdBQUcsOEJBQThCLENBQUM7WUFDbkQsT0FBTyxDQUFDLFlBQVksQ0FBQyxNQUFNLEVBQUUsU0FBUyxDQUFDLENBQUM7WUFFeEMsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUM7WUFDM0MsSUFBSSxVQUFVLEVBQUUsQ0FBQztnQkFDYiw4REFBOEQ7Z0JBQzlELFVBQVUsQ0FBQyxZQUFZLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLENBQUM7WUFDL0QsQ0FBQztpQkFBTSxDQUFDO2dCQUNKLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ3ZDLENBQUM7UUFDTCxDQUFDO1FBRUQsMkNBQTJDO1FBQzNDLE9BQU8sQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO1FBQ3ZCLE9BQU8sQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7UUFFN0IsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBRXRCLE9BQU8sT0FBTyxDQUFDO0lBQ25CLENBQUM7SUFFRDs7O09BR0c7SUFDTyxrQkFBa0I7UUFDeEIsSUFBSSxDQUFDLGlCQUFpQjtZQUNsQixJQUFJLENBQUMsaUJBQWlCLElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFFM0QsUUFBUSxDQUFDLGdCQUFnQixDQUFDLGlCQUFpQixFQUFFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ3pFLENBQUM7SUFFRDs7T0FFRztJQUNPLG9CQUFvQjtRQUMxQixRQUFRLENBQUMsbUJBQW1CLENBQUMsaUJBQWlCLEVBQUUsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFDNUUsQ0FBQztJQUVEOzs7T0FHRztJQUNPLGVBQWU7UUFDckIsT0FBTyxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztJQUN2QyxDQUFDO0lBRUQ7OztPQUdHO0lBQ0ssWUFBWSxDQUFDLEtBQVk7UUFDN0IsSUFBYyxLQUFLLENBQUMsTUFBTyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsRUFBRSxDQUFDO1lBQzFELElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUN4QixDQUFDO0lBQ0wsQ0FBQztJQUVEOzs7T0FHRztJQUNLLGdCQUFnQixDQUFDLEtBQWlCO1FBQ3RDLElBQ0ksQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxhQUFxQixDQUFDO1lBQzVELENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLGFBQXFCLENBQUMsRUFDNUQsQ0FBQztZQUNDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUN4QixDQUFDO0lBQ0wsQ0FBQztJQUVPLG9CQUFvQixDQUFDLEtBQW9CO1FBQzdDLElBQUksS0FBSyxDQUFDLEdBQUcsS0FBSyxRQUFRLEVBQUUsQ0FBQztZQUN6QixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDeEIsQ0FBQztJQUNMLENBQUM7SUFDRDs7T0FFRztJQUNLLGtCQUFrQjtRQUN0QixJQUFJLENBQUMsaUJBQWlCO1lBQ2xCLElBQUksQ0FBQyxpQkFBaUIsSUFBSSxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUMzRCxJQUFJLENBQUMseUJBQXlCO1lBQzFCLElBQUksQ0FBQyx5QkFBeUI7Z0JBQzlCLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDekMsSUFBSSxDQUFDLHFCQUFxQjtZQUN0QixJQUFJLENBQUMscUJBQXFCLElBQUksSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNuRSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQ3hFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxnQkFBZ0IsQ0FDbEMsVUFBVSxFQUNWLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQ3hDLENBQUM7UUFDRixJQUFJLENBQUMsY0FBYyxDQUFDLGdCQUFnQixDQUNoQyxVQUFVLEVBQ1YsSUFBSSxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FDeEMsQ0FBQztRQUNGLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLHlCQUF5QixDQUFDLENBQUM7SUFDdkUsQ0FBQztJQUVEOztPQUVHO0lBQ0ssb0JBQW9CO1FBQ3hCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxtQkFBbUIsQ0FDckMsT0FBTyxFQUNQLElBQUksQ0FBQyxpQkFBaUIsQ0FDekIsQ0FBQztRQUNGLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxtQkFBbUIsQ0FDckMsVUFBVSxFQUNWLElBQUksQ0FBQyxxQkFBcUIsQ0FDN0IsQ0FBQztRQUNGLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxtQkFBbUIsQ0FDckMsVUFBVSxFQUNWLElBQUksQ0FBQyxxQkFBcUIsQ0FDN0IsQ0FBQztRQUNGLFFBQVEsQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLHlCQUF5QixDQUFDLENBQUM7SUFDMUUsQ0FBQztJQUVEOztPQUVHO0lBQ0ssZUFBZTtRQUNuQixJQUFJLENBQUMsaUJBQWlCO1lBQ2xCLElBQUksQ0FBQyxpQkFBaUIsSUFBSSxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUMzRCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDaEUsSUFBSSxDQUFDLHVCQUF1QjtZQUN4QixJQUFJLENBQUMsdUJBQXVCLElBQUksSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN2RSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsZ0JBQWdCLENBQ2xDLFdBQVcsRUFDWCxJQUFJLENBQUMsaUJBQWlCLENBQ3pCLENBQUM7UUFDRixJQUFJLENBQUMsZ0JBQWdCLENBQUMsZ0JBQWdCLENBQUMsVUFBVSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUNuRSxJQUFJLENBQUMsY0FBYyxDQUFDLGdCQUFnQixDQUNoQyxXQUFXLEVBQ1gsSUFBSSxDQUFDLHVCQUF1QixDQUMvQixDQUFDO1FBQ0YsSUFBSSxDQUFDLGNBQWMsQ0FBQyxnQkFBZ0IsQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3JFLENBQUM7SUFFRDs7T0FFRztJQUNLLGlCQUFpQjtRQUNyQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsbUJBQW1CLENBQ3JDLFdBQVcsRUFDWCxJQUFJLENBQUMsaUJBQWlCLENBQ3pCLENBQUM7UUFDRixJQUFJLENBQUMsZ0JBQWdCLENBQUMsbUJBQW1CLENBQUMsVUFBVSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUN0RSxJQUFJLENBQUMsY0FBYyxDQUFDLG1CQUFtQixDQUNuQyxXQUFXLEVBQ1gsSUFBSSxDQUFDLHVCQUF1QixDQUMvQixDQUFDO1FBQ0YsSUFBSSxDQUFDLGNBQWMsQ0FBQyxtQkFBbUIsQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3hFLENBQUM7SUFFRDs7T0FFRztJQUNLLE1BQU0sQ0FBQyxVQUFVO1FBQ3JCLG9FQUFvRTtRQUNwRSxPQUFPLENBQ0gscUJBQXFCLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUN0RSxDQUFDO0lBQ04sQ0FBQzs7QUF6Uk0seUJBQU8sR0FBRyxFQUFFLENBQUM7QUE0UnhCOzs7OztHQUtHO0FBQ0ksU0FBUyxjQUFjLENBQzFCLE9BQWdCLEVBQ2hCLElBQVksRUFDWixPQUF3QjtJQUV4QixPQUFPLENBQUMsWUFBWSxDQUFDLDJCQUEyQixFQUFFLElBQUksQ0FBQyxDQUFDO0lBQ3hELE9BQU8sQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDakMsOEJBQThCLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQyxDQUFDO0FBQ3JELENBQUM7QUFFRDs7Ozs7R0FLRztBQUNJLFNBQVMsY0FBYyxDQUMxQixPQUFnQixFQUNoQixJQUFZLEVBQ1osT0FBd0I7SUFFeEIsT0FBTyxDQUFDLFlBQVksQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDcEMsT0FBTyxDQUFDLGVBQWUsQ0FBQywyQkFBMkIsQ0FBQyxDQUFDO0lBQ3JELDhCQUE4QixDQUFDLE9BQU8sRUFBRSxPQUFPLENBQUMsQ0FBQztBQUNyRCxDQUFDO0FBRUQ7Ozs7R0FJRztBQUNILFNBQVMsOEJBQThCLENBQ25DLE9BQWdCLEVBQ2hCLE9BQXdCO0lBRXhCLElBQUksT0FBTyxJQUFJLE9BQU8sQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUMvQixPQUFPLENBQUMsWUFBWSxDQUFDLDBCQUEwQixFQUFFLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUN4RSxDQUFDO0lBRUQsTUFBTSxVQUFVLEdBQXNCLENBQ2xDLGdEQUFrQixDQUFDLG9DQUFvQyxDQUNuRCxPQUFPLEVBQ1AsV0FBVyxDQUNkLENBQ0osQ0FBQztJQUVGLElBQUksVUFBVSxFQUFFLENBQUM7UUFDYixVQUFVLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztJQUN0QyxDQUFDO1NBQU0sQ0FBQztRQUNKLE1BQU0sY0FBYyxHQUFHLE9BQU8sQ0FBQyxZQUFZLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUMvRCxPQUFPLENBQUMsWUFBWSxDQUNoQixpQkFBaUIsRUFDakIsR0FBRyxjQUFjLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsRUFBRSxZQUFZLENBQ3RELENBQUM7SUFDTixDQUFDO0FBQ0wsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUNqV3NDO0FBRXZDOzs7O0dBSUc7QUFDSCxJQUFZLFNBSVg7QUFKRCxXQUFZLFNBQVM7SUFDakIsb0NBQXVCO0lBQ3ZCLHNDQUF5QjtJQUN6QiwwQkFBYTtBQUNqQixDQUFDLEVBSlcsU0FBUyxLQUFULFNBQVMsUUFJcEI7QUFFTSxNQUFNLGVBQWdCLFNBQVEscURBQXVCO0lBQTVEOztRQXdIWSw2QkFBd0IsR0FBRyxDQUMvQixrQkFBMkIsRUFDM0IsU0FBb0IsRUFDaEIsRUFBRTtZQUNOLHVFQUF1RTtZQUN2RSxrRUFBa0U7WUFDbEUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxNQUE0QixFQUFFLEVBQUU7Z0JBQ3hELE1BQU0sU0FBUyxHQUFHLE1BQU0sS0FBSyxrQkFBa0IsQ0FBQztnQkFDaEQsTUFBTSxXQUFXLEdBQUcsU0FBUztvQkFDekIsQ0FBQyxDQUFDLFNBQVMsS0FBSyxTQUFTLENBQUMsU0FBUzt3QkFDL0IsQ0FBQyxDQUFDLEtBQUs7d0JBQ1AsQ0FBQyxDQUFDLE1BQU07b0JBQ1osQ0FBQyxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUM7Z0JBRXJCLE1BQU0sQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUNuQixXQUFXLEVBQ1gsU0FBUyxJQUFJLFNBQVMsS0FBSyxTQUFTLENBQUMsSUFBSSxDQUM1QyxDQUFDO2dCQUNGLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFO29CQUM5RCxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FDakIsUUFBUSxFQUNSLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQ3BCLHVCQUF1QixHQUFHLFdBQVcsQ0FDeEMsQ0FDSixDQUFDO2dCQUNOLENBQUMsQ0FBQyxDQUFDO2dCQUVILElBQUksU0FBUyxFQUFFLENBQUM7b0JBQ1osTUFBTSxDQUFDLFlBQVksQ0FBQyxXQUFXLEVBQUUsU0FBUyxDQUFDLENBQUM7Z0JBQ2hELENBQUM7cUJBQU0sQ0FBQztvQkFDSixNQUFNLENBQUMsZUFBZSxDQUFDLFdBQVcsQ0FBQyxDQUFDO2dCQUN4QyxDQUFDO1lBQ0wsQ0FBQyxDQUFDLENBQUM7UUFDUCxDQUFDLENBQUM7SUFDTixDQUFDO0lBcEpHLElBQUksQ0FBQyxHQUFpQjtRQUNsQiw0REFBNEQ7UUFDNUQsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDO1FBQ3hCLE1BQU0sYUFBYSxHQUFHLEdBQUcsQ0FBQyxhQUFhLENBQUM7UUFDeEMsK0RBQStEO1FBQy9ELE1BQU0sZUFBZSxHQUFHLGFBQWEsWUFBWSxpQkFBaUIsQ0FBQztRQUNuRSw0RUFBNEU7UUFDNUUsbUVBQW1FO1FBQ25FLE1BQU0sT0FBTyxHQUFHLENBQ1osZUFBZSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQ3hDLENBQUM7UUFDMUIsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLE9BQTJCLENBQUM7UUFDL0MsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUUvQiwrQ0FBK0M7UUFDL0MsTUFBTSxLQUFLLEdBQUcsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBRW5DLElBQUksS0FBSyxHQUFHLENBQUMsRUFBRSxDQUFDO1lBQ1oseUVBQXlFO1lBQ3pFLE9BQU87UUFDWCxDQUFDO1FBRUQsaUZBQWlGO1FBQ2pGLHdDQUF3QztRQUN4QyxNQUFNLFNBQVMsR0FBRyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFcEMscUZBQXFGO1FBQ3JGLG9EQUFvRDtRQUNwRCxNQUFNLFNBQVMsR0FDWCxPQUFPLENBQUMsWUFBWSxDQUFDLFdBQVcsQ0FBQyxLQUFLLFNBQVMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFFdkUsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBRS9DLGtHQUFrRztRQUNsRyxtQ0FBbUM7UUFDbkMsSUFBSSxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBRXRCLHNGQUFzRjtRQUN0RixNQUFNLElBQUksR0FBZ0MsRUFBRSxDQUFDO1FBQzdDLElBQUksY0FBbUMsQ0FBQztRQUN4QyxJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVUsR0FBRyxFQUFFLEtBQUs7O1lBQzdCLE1BQU0sS0FBSyxHQUFHLFVBQVUsQ0FBQyxjQUFjLENBQUMsR0FBRyxFQUFFLFNBQVMsQ0FBQyxDQUFDO1lBQ3hELElBQUksS0FBSyxLQUFLLEtBQUssRUFBRSxDQUFDO2dCQUNsQixPQUFPLENBQUMsa0VBQWtFO1lBQzlFLENBQUM7aUJBQU0sSUFBSSxLQUFLLEtBQUssUUFBUSxFQUFFLENBQUM7Z0JBQzVCLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztvQkFDbEIsY0FBYyxHQUFHLEdBQUcsQ0FBQztnQkFDekIsQ0FBQztnQkFDRCxPQUFPO1lBQ1gsQ0FBQztZQUNELE1BQU0sSUFBSSxHQUFHLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNyQyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7Z0JBQ1IsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLEVBQUUsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDO2dCQUN2QixPQUFPO1lBQ1gsQ0FBQztZQUVELDZGQUE2RjtZQUM3RixzRUFBc0U7WUFDdEUsTUFBTSxRQUFRLEdBQUcsVUFBVSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsVUFBVSxDQUFDLENBQUM7WUFDN0QsTUFBTSxDQUFDLEdBQUcsY0FBUSxhQUFSLFFBQVEsY0FBUixRQUFRLEdBQUksVUFBSSxDQUFDLFdBQVcsMENBQUUsSUFBSSxFQUFFLG1DQUFJLEVBQUUsQ0FBQztZQUVyRCxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksR0FBRyxRQUFRLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxFQUFFLEtBQUssQ0FBQyxFQUFFLENBQUM7Z0JBQ3pDLFNBQVMsR0FBRyxJQUFJLENBQUM7WUFDckIsQ0FBQztZQUNELElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQztRQUMxQixDQUFDLENBQUMsQ0FBQztRQUVILDhGQUE4RjtRQUM5RiwrRkFBK0Y7UUFDL0YsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ2IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxVQUFVLEtBQUs7Z0JBQ3hCLEtBQUssQ0FBQyxDQUFDLENBQUM7b0JBQ0osS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQUU7d0JBQ1gsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxTQUFTO3dCQUNsQixDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQVcsRUFBRSxFQUFFLENBQUMsQ0FBQztZQUMvQyxDQUFDLENBQUMsQ0FBQztRQUNQLENBQUM7UUFFRCw4RkFBOEY7UUFDOUYsZ0dBQWdHO1FBQ2hHLDZEQUE2RDtRQUM3RCxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUM7WUFDcEIsa0NBQWtDO1lBQ2xDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO2dCQUNkLE9BQU8sQ0FBQyxHQUFHLFNBQVMsQ0FBQztZQUN6QixDQUFDO2lCQUFNLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO2dCQUNyQixPQUFPLENBQUMsQ0FBQyxHQUFHLFNBQVMsQ0FBQztZQUMxQixDQUFDO2lCQUFNLENBQUM7Z0JBQ0osc0ZBQXNGO2dCQUN0RixzRUFBc0U7Z0JBQ3RFLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUNoQyxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7UUFFSCxrREFBa0Q7UUFDbEQsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLFFBQVEsQ0FBQyxFQUFFLEVBQUU7O1lBQzNCLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUMzQixTQUFHLENBQUMsYUFBYSwwQ0FBRSxXQUFXLENBQUMsR0FBRyxDQUFDLENBQUM7WUFFcEMsSUFBSSxjQUFjLEVBQUUsQ0FBQztnQkFDakIsS0FBSyxDQUFDLFlBQVksQ0FBQyxHQUFHLEVBQUUsY0FBYyxDQUFDLENBQUM7WUFDNUMsQ0FBQztpQkFBTSxDQUFDO2dCQUNKLEtBQUssQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDM0IsQ0FBQztRQUNMLENBQUMsQ0FBQyxDQUFDO1FBRUgsbUdBQW1HO1FBQ25HLDZDQUE2QztRQUM3QyxJQUFJLENBQUMsd0JBQXdCLENBQ3pCLE9BQU8sRUFDUCxTQUFTLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUMvRCxDQUFDO0lBQ04sQ0FBQzs7QUFsSE0sdUJBQU8sR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBd0poQzs7OztHQUlHO0FBQ0ksU0FBUyxVQUFVLENBQ3RCLE9BQWdDO0lBRWhDLE1BQU0sTUFBTSxHQUFHLHVCQUF1QixDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBRWhELElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUM7UUFDekIsTUFBTSxrQkFBa0IsQ0FBQztJQUM3QixDQUFDO0lBRUQsT0FBTyxNQUFNLENBQUM7QUFDbEIsQ0FBQztBQUVEOzs7O0dBSUc7QUFDSSxTQUFTLFdBQVcsQ0FBQyxJQUEwQjs7SUFDbEQsTUFBTSxZQUFZLEdBQUcsVUFBSSxDQUFDLGFBQWEsMENBQUUsYUFBYSxDQUFDO0lBRXZELElBQUksQ0FBQyxDQUFDLFlBQVksWUFBWSx1QkFBdUIsQ0FBQyxFQUFFLENBQUM7UUFDckQsTUFBTSxlQUFlLENBQUM7SUFDMUIsQ0FBQztJQUVELE1BQU0sTUFBTSxHQUFHLHVCQUF1QixDQUFDLFlBQVksRUFBRSxJQUFJLENBQUMsQ0FBQztJQUUzRCxJQUFJLE9BQU8sTUFBTSxLQUFLLFFBQVEsRUFBRSxDQUFDO1FBQzdCLE1BQU0sa0JBQWtCLENBQUM7SUFDN0IsQ0FBQztJQUVELE9BQU8sTUFBTSxDQUFDO0FBQ2xCLENBQUM7QUFFRDs7Ozs7Ozs7Ozs7Ozs7OztHQWdCRztBQUNILFNBQVMsdUJBQXVCLENBQzVCLE9BQWdDLEVBQ2hDLFFBQStCO0lBRS9CLE1BQU0sS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUNqQixJQUFJLE1BQU0sR0FBbUIsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUVqRCxtR0FBbUc7SUFDbkcsNEZBQTRGO0lBQzVGLDJHQUEyRztJQUMzRyxNQUFNLE9BQU8sR0FBMkIsRUFBRSxDQUFDO0lBQzNDLE1BQU0sZUFBZSxHQUFhLEVBQUUsQ0FBQztJQUVyQyxvR0FBb0c7SUFDcEcsT0FBTyxNQUFNLElBQUksZUFBZSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUM7UUFDcEQsTUFBTSxXQUFXLEdBQTJCLEVBQUUsQ0FBQztRQUMvQyxLQUFLLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBRXhCLElBQUksT0FBTyxHQUFHLENBQUMsQ0FBQztRQUNoQixJQUFJLE1BQU0sRUFBRSxDQUFDO1lBQ1QsS0FDSSxJQUFJLFVBQVUsR0FBRyxDQUFDLEVBQ2xCLFVBQVUsR0FBRyxNQUFNLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFDbkMsVUFBVSxFQUFFLEVBQ2QsQ0FBQztnQkFDQyxPQUFPLGVBQWUsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO29CQUM5QixlQUFlLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztvQkFDM0IsV0FBVyxDQUFDLE9BQU8sQ0FBQyxHQUFHLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQztvQkFDeEMsT0FBTyxFQUFFLENBQUM7Z0JBQ2QsQ0FBQztnQkFFRCxNQUFNLElBQUksR0FBRyxNQUFNLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxDQUFDO2dCQUV6QyxJQUFJLENBQUMsQ0FBQyxJQUFJLFlBQVksb0JBQW9CLENBQUMsRUFBRSxDQUFDO29CQUMxQyxNQUFNLGVBQWUsQ0FBQztnQkFDMUIsQ0FBQztnQkFFRCxJQUFJLGdCQUFnQixDQUFDLElBQUksQ0FBQyxDQUFDLE9BQU8sS0FBSyxNQUFNLEVBQUUsQ0FBQztvQkFDNUMsU0FBUztnQkFDYixDQUFDO2dCQUVELElBQUksSUFBSSxLQUFLLFFBQVEsRUFBRSxDQUFDO29CQUNwQixPQUFPLE9BQU8sQ0FBQztnQkFDbkIsQ0FBQztnQkFFRCxNQUFNLFlBQVksR0FBRyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztnQkFFNUMsT0FBTyxPQUFPLEdBQUcsWUFBWSxFQUFFLE9BQU8sRUFBRSxFQUFFLENBQUM7b0JBQ3ZDLGVBQWUsQ0FBQyxPQUFPLENBQUMsR0FBRyxJQUFJLENBQUMsT0FBTyxHQUFHLENBQUMsQ0FBQyxDQUFDLHVGQUF1RjtvQkFDcEksT0FBTyxDQUFDLE9BQU8sQ0FBQyxHQUFHLElBQUksQ0FBQztvQkFDeEIsV0FBVyxDQUFDLE9BQU8sQ0FBQyxHQUFHLElBQUksQ0FBQztnQkFDaEMsQ0FBQztZQUNMLENBQUM7UUFDTCxDQUFDO1FBRUQsT0FBTyxPQUFPLEdBQUcsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQzlCLElBQUksZUFBZSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7Z0JBQzNCLGVBQWUsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO2dCQUMzQixXQUFXLENBQUMsT0FBTyxDQUFDLEdBQUcsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQzVDLENBQUM7WUFFRCxPQUFPLEVBQUUsQ0FBQztRQUNkLENBQUM7UUFFRCxJQUFJLE1BQU0sRUFBRSxDQUFDO1lBQ1QsTUFBTSxHQUFHLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQztRQUN2QyxDQUFDO0lBQ0wsQ0FBQztJQUVELGlGQUFpRjtJQUNqRixPQUFPLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztBQUNqQyxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FDdlNzQztBQUVoQyxNQUFNLGVBQWdCLFNBQVEscURBQXVCO0lBWXhELE9BQU87UUFDSCxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVEOztPQUVHO0lBQ0gsVUFBVTtRQUNOLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFRDs7T0FFRztJQUNILE1BQU0sQ0FBQyxhQUFxQyxJQUFJO1FBQzVDLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxDQUFDO0lBQ3hDLENBQUM7SUFFRDs7T0FFRztJQUNILElBQUksQ0FBQyxhQUFxQyxJQUFJO1FBQzFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLFVBQVUsQ0FBQyxDQUFDO0lBQ25DLENBQUM7SUFFRDs7T0FFRztJQUNILElBQUksQ0FBQyxhQUFxQyxJQUFJO1FBQzFDLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFRDs7T0FFRztJQUNLLFFBQVE7UUFDWixrQ0FBa0M7UUFDbEMsTUFBTSxxQkFBcUIsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQzlELElBQUkscUJBQXFCLEVBQUUsQ0FBQztZQUN4QixJQUFJLENBQUMsYUFBYSxHQUFnQixDQUM5QixRQUFRLENBQUMsYUFBYSxDQUFDLHFCQUFxQixDQUFDLENBQ2hELENBQUM7WUFFRixJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO2dCQUN0QixNQUFNLENBQ0YscURBQXFEO29CQUNyRCxxQkFBcUIsQ0FDeEIsQ0FBQztZQUNOLENBQUM7UUFDTCxDQUFDO0lBQ0wsQ0FBQztJQUVEOzs7T0FHRztJQUNLLE9BQU8sQ0FDWCxJQUEwQixFQUMxQixhQUFxQyxJQUFJO1FBRXpDLElBQUksTUFBTSxHQUFHLElBQUksQ0FBQztRQUNsQixNQUFNLFNBQVMsR0FDWCxJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsS0FBSyxPQUFPLENBQUM7UUFFN0QsNEZBQTRGO1FBQzVGLElBQUksT0FBTyxNQUFNLEtBQUssV0FBVyxFQUFFLENBQUM7WUFDaEMsTUFBTSxHQUFHLENBQUMsU0FBUyxDQUFDO1FBQ3hCLENBQUM7UUFFRCwyRUFBMkU7UUFDM0UsSUFBSSxDQUFDLE1BQU0sSUFBSSxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUMsTUFBTSxJQUFJLENBQUMsU0FBUyxDQUFDLEVBQUUsQ0FBQztZQUNuRCxPQUFPO1FBQ1gsQ0FBQztRQUVELE1BQU0sa0JBQWtCLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUUxRCxxREFBcUQ7UUFDckQsTUFBTSxjQUFjLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FDcEMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sRUFDeEI7WUFDSSxhQUFhLEVBQUUsSUFBSSxDQUFDLGFBQWE7WUFDakMsVUFBVSxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsa0JBQWtCLENBQUM7U0FDckQsRUFDRCxJQUFJLENBQUMsV0FBVyxDQUNuQixDQUFDO1FBRUYsZ0dBQWdHO1FBQ2hHLElBQUksY0FBYyxDQUFDLGdCQUFnQixFQUFFLENBQUM7WUFDbEMsT0FBTztRQUNYLENBQUM7UUFFRCxJQUFJLENBQUMsYUFBYSxHQUFHLGNBQWMsQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDO1FBQ3pELElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxDQUFDLGFBQWEsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUM7UUFFeEUsSUFBSSxNQUFNLEVBQUUsQ0FBQztZQUNULElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO1lBQzFCLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1lBRXhCLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsdUJBQXVCLENBQUMsS0FBSyxNQUFNLEVBQUUsQ0FBQztnQkFDcEQsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7WUFDNUIsQ0FBQztRQUNMLENBQUM7YUFBTSxDQUFDO1lBQ0osSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7WUFDNUIsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7WUFDMUIsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7WUFDekIsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7UUFDOUIsQ0FBQztRQUVELGtDQUFrQztRQUNsQyxNQUFNLHFCQUFxQixHQUN2QixJQUFJLENBQUMsV0FBVyxDQUFDLGVBQWUsS0FBSyxTQUFTLENBQUM7UUFFbkQsdURBQXVEO1FBQ3ZELElBQUkscUJBQXFCLEVBQUUsQ0FBQztZQUN4QixzRUFBc0U7WUFDdEUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxnQkFBZ0IsQ0FDN0IsZUFBZSxFQUNmLEdBQUcsRUFBRTtnQkFDRCxvQ0FBb0M7Z0JBQ3BDLElBQUksQ0FBQyxZQUFZLENBQ2IsTUFBTSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFFBQVEsRUFDM0I7b0JBQ0ksVUFBVSxFQUFFLGtCQUFrQjtpQkFDakMsRUFDRCxJQUFJLENBQUMsV0FBVyxDQUNuQixDQUFDO1lBQ04sQ0FBQyxFQUNELEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxDQUNqQixDQUFDO1FBQ04sQ0FBQzthQUFNLENBQUM7WUFDSixJQUFJLENBQUMsWUFBWSxDQUNiLE1BQU0sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQzNCO2dCQUNJLFVBQVUsRUFBRSxrQkFBa0I7YUFDakMsRUFDRCxJQUFJLENBQUMsV0FBVyxDQUNuQixDQUFDO1FBQ04sQ0FBQztJQUNMLENBQUM7SUFFRDs7T0FFRztJQUNLLGtCQUFrQjtRQUN0QixJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ3RCLE9BQU87UUFDWCxDQUFDO1FBRUQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxnQkFBZ0IsQ0FDN0IsZ0JBQWdCLEVBQ2hCLEdBQUcsRUFBRTtZQUNELGlFQUFpRTtZQUNqRSxJQUNJLElBQUksQ0FBQyxhQUFhO2dCQUNsQixRQUFRLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLEVBQzVDLENBQUM7Z0JBQ0MsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUMvQixDQUFDO1FBQ0wsQ0FBQyxFQUNELEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxDQUNqQixDQUFDO0lBQ04sQ0FBQztJQUVEOztPQUVHO0lBQ0ssaUJBQWlCO1FBQ3JCLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsb0JBQW9CLENBQUMsS0FBSyxNQUFNLEVBQUUsQ0FBQztZQUNqRCxPQUFPO1FBQ1gsQ0FBQztRQUVELElBQUksQ0FBQyxXQUFXLENBQUMsZ0JBQWdCLENBQzdCLGdCQUFnQixFQUNoQixHQUFHLEVBQUU7WUFDRCxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQzFCLENBQUMsRUFDRCxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsQ0FDakIsQ0FBQztJQUNOLENBQUM7SUFFRDs7T0FFRztJQUNLLGdCQUFnQjtRQUNwQixJQUNJLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLG1CQUFtQixDQUFDLEtBQUssTUFBTTtZQUM3QyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxvQkFBb0IsQ0FBQyxLQUFLLEdBQUcsRUFDN0MsQ0FBQztZQUNDLE9BQU87UUFDWCxDQUFDO1FBRUQsTUFBTSxPQUFPLEdBQ1QsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLG9CQUFvQixDQUFXLEVBQUUsRUFBRSxDQUFDLElBQUksSUFBSSxDQUFDO1FBRXhFLElBQUksQ0FBQyxhQUFhLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFDdkUsQ0FBQztJQUVEOztPQUVHO0lBQ0gsa0JBQWtCO1FBQ2QsWUFBWSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBRUQ7O09BRUc7SUFDSyxlQUFlO1FBQ25CLE9BQU8sS0FBSyxDQUFDLElBQUksQ0FDYixJQUFJLENBQUMsV0FBVyxDQUFDLGdCQUFnQixDQUM3QixxREFBcUQsQ0FDeEQsQ0FDSixDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQVcsRUFBRSxFQUFFLENBQ3JCLEVBQUUsQ0FBQyxPQUFPLENBQUMsdUNBQXVDLENBQUMsQ0FDdEQsQ0FBQztJQUNOLENBQUM7SUFFRDs7T0FFRztJQUNLLFlBQVksQ0FBQyxRQUF3QjtRQUN6Qyx1Q0FBdUM7UUFDdkMsT0FBTyxRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUUsSUFBSSxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsWUFBWSxLQUFLLElBQUksQ0FBQyxDQUFDO0lBQzVELENBQUM7SUFFRDs7OztPQUlHO0lBQ0ssZ0JBQWdCO1FBQ3BCLElBQUksQ0FBQyxXQUFXLENBQUMsZ0JBQWdCLENBQzdCLGVBQWUsRUFDZixHQUFHLEVBQUU7O1lBQ0QsTUFBTSxZQUFZLEdBQ2QsVUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsbUNBQzNDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDLENBQUM7WUFDOUMsWUFBWSxhQUFaLFlBQVksdUJBQVosWUFBWSxDQUFFLEtBQUssRUFBRSxDQUFDO1FBQzFCLENBQUMsRUFDRCxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsQ0FDakIsQ0FBQztJQUNOLENBQUM7SUFDRDs7T0FFRztJQUNLLGtCQUFrQjtRQUN0Qiw2R0FBNkc7UUFDN0csSUFBSSxDQUFDLGFBQWE7WUFDZCxJQUFJLENBQUMsYUFBYSxJQUFJLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDN0QsSUFBSSxDQUFDLGdCQUFnQjtZQUNqQixJQUFJLENBQUMsZ0JBQWdCLElBQUksSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUUvRCxRQUFRLENBQUMsZ0JBQWdCLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUMzRCxRQUFRLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQzlELENBQUM7SUFFRDs7T0FFRztJQUNLLG9CQUFvQjtRQUN4QixRQUFRLENBQUMsbUJBQW1CLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUM5RCxRQUFRLENBQUMsbUJBQW1CLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQ2pFLENBQUM7SUFFRDs7T0FFRztJQUNLLGtCQUFrQixDQUFDLENBQVE7O1FBQy9CLE1BQU0sTUFBTSxHQUFTLENBQUMsQ0FBQyxNQUFNLENBQUM7UUFDOUIseUZBQXlGO1FBQ3pGLGtGQUFrRjtRQUNsRixJQUNJLENBQUMsV0FBSSxDQUFDLFdBQVcsMENBQUUsUUFBUSxDQUFDLE1BQU0sQ0FBQztZQUNuQyxRQUFRLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUM7WUFDOUIsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsdUJBQXVCLENBQUMsS0FBSyxPQUFPLEVBQ3BELENBQUM7WUFDQyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQztRQUMzQixDQUFDO0lBQ0wsQ0FBQztJQUVEOztPQUVHO0lBQ0ssaUJBQWlCLENBQUMsQ0FBZ0I7UUFDdEMseUVBQXlFO1FBQ3pFLElBQ0ksQ0FBQyxDQUFDLEtBQUssS0FBSyxFQUFFO1lBQ2QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsYUFBYSxDQUFDLEtBQUssTUFBTSxFQUN6RCxDQUFDO1lBQ0MsT0FBTztRQUNYLENBQUM7UUFFRCxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBRUQ7OztPQUdHO0lBQ0ssYUFBYSxDQUFDLGFBQXFDLElBQUk7UUFDM0QsSUFBSSxVQUFVLFlBQVksS0FBSyxFQUFFLENBQUM7WUFDOUIsT0FBZ0IsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUN0QyxDQUFDO2FBQU0sSUFBSSxVQUFVLFlBQVksT0FBTyxFQUFFLENBQUM7WUFDdkMsT0FBTyxVQUFVLENBQUM7UUFDdEIsQ0FBQzthQUFNLENBQUM7WUFDSixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7UUFDeEIsQ0FBQztJQUNMLENBQUM7O0FBOVRNLHVCQUFPLEdBQUcsQ0FBQyxPQUFPLEVBQUUsY0FBYyxDQUFDLENBQUM7QUFpVS9DOzs7R0FHRztBQUNJLFNBQVMsU0FBUyxDQUFDLE9BQW9CO0lBQzFDLFdBQVcsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLENBQUM7QUFDL0IsQ0FBQztBQUVEOzs7R0FHRztBQUNJLFNBQVMsU0FBUyxDQUFDLE9BQW9CO0lBQzFDLFdBQVcsQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLENBQUM7QUFDaEMsQ0FBQztBQUVEOzs7O0dBSUc7QUFDSCxTQUFTLFdBQVcsQ0FBQyxPQUFvQixFQUFFLElBQTBCO0lBQ2pFLE1BQU0sVUFBVSxHQUFHLGdEQUFrQixDQUFDLG9DQUFvQyxDQUN0RSxPQUFPLEVBQ1AsU0FBUyxDQUNPLENBQUM7SUFFckIsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQ2QsTUFBTSwrQ0FBK0MsQ0FBQztJQUMxRCxDQUFDO0lBRUQsSUFBSSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztBQUNqRCxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUNwV0QsbUdBQW1HO0FBSy9EO0FBS0Y7QUFDcUM7QUFRakM7QUFDcUI7QUFLekI7QUFLSTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQzlCZjtBQVNBO0FBQ21DO0FBRTFELG9DQUFvQztBQUNwQyxnREFBVyxDQUFDLFFBQVEsQ0FBQyxVQUFVLEVBQUUsMERBQWdCLENBQUMsQ0FBQztBQUNuRCxnREFBVyxDQUFDLFFBQVEsQ0FBQyxTQUFTLEVBQUUseURBQWUsQ0FBQyxDQUFDO0FBQ2pELGdEQUFXLENBQUMsUUFBUSxDQUFDLFNBQVMsRUFBRSx5REFBZSxDQUFDLENBQUM7QUFDakQsZ0RBQVcsQ0FBQyxRQUFRLENBQUMsc0JBQXNCLEVBQUUsMkRBQWlCLENBQUMsQ0FBQztBQUNoRSxnREFBVyxDQUFDLFFBQVEsQ0FBQyxXQUFXLEVBQUUsMkRBQWlCLENBQUMsQ0FBQztBQUNyRCxnREFBVyxDQUFDLFFBQVEsQ0FBQyxTQUFTLEVBQUUseURBQWUsQ0FBQyxDQUFDO0FBQ2pELGdEQUFXLENBQUMsUUFBUSxDQUFDLFdBQVcsRUFBRSwyREFBaUIsQ0FBQyxDQUFDO0FBRXJELDZEQUE2RDtBQUM3RCxzREFBaUIsQ0FBQyxRQUFRLEVBQUUsQ0FBQztBQUU3QixvQ0FBb0M7QUFDTjtBQUM5QixtREFBbUQ7QUFDMUI7Ozs7Ozs7Ozs7Ozs7QUMzQnpCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUNBK0M7QUFFeEMsTUFBTSxpQkFBa0IsU0FBUSwyREFBb0I7SUFLdkQsSUFBSSxDQUNBLElBQWlELEVBQ2pELEdBQUcsSUFBMkI7UUFFOUIsTUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksRUFBRSxHQUFHLElBQUksQ0FBQyxDQUFDO1FBRWpFLEtBQUssTUFBTSxVQUFVLElBQUksV0FBVyxFQUFFLENBQUM7WUFDbkMsTUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsVUFBVSxDQUFDLENBQUM7WUFDcEQsSUFBSSxpQkFBaUIsQ0FBQyxhQUFhLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztnQkFDaEQsTUFBTSxnRUFBZ0UsQ0FBQztZQUMzRSxDQUFDO1lBQ0QsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsSUFBSSxTQUFTLEVBQUUsQ0FBQztnQkFDaEQsTUFBTSwwRkFBMEYsQ0FBQztZQUNyRyxDQUFDO1FBQ0wsQ0FBQztRQUVELEtBQUssQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDNUIsQ0FBQztJQUVELE1BQU0sQ0FBQyxLQUFLLENBQ1IsT0FBaUIsRUFDakIsTUFBd0I7UUFFeEIsTUFBTSxXQUFXLEdBQUcsSUFBSSxpQkFBaUIsQ0FBQyxPQUFPLEVBQUUsTUFBTSxDQUFDLENBQUM7UUFFM0QsV0FBVyxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ3BCLE9BQU8sV0FBVyxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxNQUFNLENBQUMsUUFBUTtRQUNYLGlCQUFpQixDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7SUFDNUMsQ0FBQzs7QUFuQ00sK0JBQWEsR0FBRyxJQUFJLENBQUM7QUFzQ3pCLE1BQU0sV0FBVyxHQUF5QixpQkFBaUIsQ0FBQyxLQUFLLEVBQUUsQ0FBQztBQUVwRSxNQUFNLGdCQUFpQixTQUFRLDBEQUFtQjtJQUMzQyxjQUFjLENBQUMsT0FBZ0IsRUFBRSxHQUFXO1FBQ2xELE9BQU8sT0FBTyxDQUFDLFlBQVksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLFVBQVUsR0FBRyxHQUFHLEdBQUcsR0FBRyxDQUFDLENBQUM7SUFDdkUsQ0FBQztJQUNTLGNBQWMsQ0FBQyxPQUFnQixFQUFFLEdBQVcsRUFBRSxLQUFhO1FBQ2pFLE9BQU8sQ0FBQyxZQUFZLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxVQUFVLEdBQUcsR0FBRyxHQUFHLEdBQUcsRUFBRSxLQUFLLENBQUMsQ0FBQztJQUN2RSxDQUFDO0lBQ1MsaUJBQWlCLENBQUMsT0FBZ0IsRUFBRSxHQUFXO1FBQ3JELE9BQU8sQ0FBQyxlQUFlLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxVQUFVLEdBQUcsR0FBRyxHQUFHLEdBQUcsQ0FBQyxDQUFDO0lBQ25FLENBQUM7SUFDUyxZQUFZLENBQ2xCLFNBQWlCLEVBQ2pCLE1BQVUsRUFDVixlQUF5QjtRQUV6QixNQUFNLGNBQWMsR0FBRyxJQUFJLENBQUMsVUFBVSxHQUFHLEdBQUcsR0FBRyxTQUFTLENBQUM7UUFDekQsSUFBSSxLQUFxQixDQUFDO1FBQzFCLElBQUksQ0FBQztZQUNELEtBQUssR0FBRyxJQUFJLFdBQVcsQ0FBQyxjQUFjLEVBQUU7Z0JBQ3BDLE9BQU8sRUFBRSxJQUFJO2dCQUNiLFVBQVUsRUFBRSxJQUFJO2dCQUNoQixNQUFNLEVBQUUsTUFBTTthQUNqQixDQUFDLENBQUM7UUFDUCxDQUFDO1FBQUMsV0FBTSxDQUFDO1lBQ0wsb0JBQW9CO1lBRXBCLEtBQUssR0FBRyxRQUFRLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1lBQzVDLEtBQUssQ0FBQyxlQUFlLENBQUMsY0FBYyxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsTUFBTSxDQUFDLENBQUM7UUFDOUQsQ0FBQztRQUNELENBQUMsZUFBZSxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdkQsT0FBTyxLQUFLLENBQUM7SUFDakIsQ0FBQztDQUNKO0FBUU0sU0FBUyxnQkFBZ0IsQ0FDNUIsb0JBQTBDOzs7SUFFMUMsaURBQWlEO0lBQ2pELE1BQU0sVUFBVSxHQUFHLG9CQUFvQixDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUM7UUFDN0QsQ0FBQyxPQUFDLE1BQU0sVUFBVyxTQUFRLGdCQUFnQjthQUV4QztZQURVLFVBQU8sR0FBRywwQkFBb0IsQ0FBQyxPQUFPLG1DQUFJLEVBQUc7Z0JBRTFELENBQUMsQ0FBQyxNQUFNLFVBQVcsU0FBUSxnQkFBZ0I7S0FBRyxDQUFDO0lBRW5ELEtBQUssTUFBTSxJQUFJLElBQUksb0JBQW9CLEVBQUUsQ0FBQztRQUN0QyxNQUFNLGlCQUFpQjtRQUNuQixpREFBaUQ7UUFDakQsb0JBQW9CLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQztZQUN6QyxNQUFNLENBQUMsd0JBQXdCLENBQUMsb0JBQW9CLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFDaEUsSUFBSSxJQUFJLEtBQUssU0FBUyxJQUFJLGlCQUFpQixFQUFFLENBQUM7WUFDMUMsTUFBTSxDQUFDLGNBQWMsQ0FDakIsVUFBVSxDQUFDLFNBQVMsRUFDcEIsSUFBSSxFQUNKLGlCQUFpQixDQUNwQixDQUFDO1FBQ04sQ0FBQztJQUNMLENBQUM7SUFFRCxPQUFPLFVBQVUsQ0FBQztBQUN0QixDQUFDO0FBRU0sU0FBUyxhQUFhLENBQUMsSUFBWSxFQUFFLFVBQWdDO0lBQ3hFLFdBQVcsQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLGdCQUFnQixDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUM7QUFDN0QsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7QUNoSDhDO0FBRS9DLENBQUM7O0lBQ0csSUFBSSxXQUFXLEdBQUcsMkRBQW9CLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDL0MsV0FBVyxDQUFDLFFBQVEsQ0FBQyxjQUFjLFFBQUUsS0FBTSxTQUFRLDBEQUFtQjtZQVlsRSxPQUFPO2dCQUNILElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO2dCQUN0QixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztnQkFDdkIsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztvQkFDeEIsSUFBSSxHQUFHLEdBQUcsUUFBUSxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsQ0FBQztvQkFDN0MsR0FBRyxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxDQUFDO29CQUNuQyxJQUFJLElBQUksR0FBRyxJQUFJLENBQUM7b0JBQ2hCLFVBQVUsQ0FBQzt3QkFDUCxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsQ0FBQztvQkFDMUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO2dCQUNWLENBQUM7WUFDTCxDQUFDO1lBQUEsQ0FBQztZQUVGLEtBQUssQ0FBQyxDQUFRO2dCQUNWLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLEVBQUUsS0FBSyxDQUFDLENBQUM7WUFDcEMsQ0FBQztZQUFBLENBQUM7WUFFRixLQUFLLENBQUMsQ0FBUTtnQkFDVixJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxFQUFFLE1BQU0sQ0FBQyxDQUFDO1lBQ3JDLENBQUM7WUFBQSxDQUFDO1lBRUYsZ0JBQWdCLENBQUMsR0FBVSxFQUFFLEdBQVc7Z0JBQ3BDLElBQUksQ0FBQyxDQUFDLEdBQUcsQ0FBQyxhQUFhLFlBQVksT0FBTyxDQUFDLEVBQUUsQ0FBQztvQkFDMUMsTUFBTSxrQkFBa0I7Z0JBQzVCLENBQUM7Z0JBQ0QsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7b0JBQ2xCLElBQUksQ0FBQyxlQUFlLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7Z0JBQzNELENBQUM7Z0JBQ0QsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7b0JBQ2pCLElBQUksQ0FBQyxTQUFTLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQztvQkFDaEQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDO2dCQUNwRCxDQUFDO2dCQUNELElBQUksQ0FBQyxVQUFVLEdBQUcsR0FBRyxDQUFDO2dCQUN0QixJQUFJLENBQUMsZUFBZSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUM7Z0JBQ3hDLElBQUksQ0FBQyxTQUFTLEdBQUcsR0FBRyxDQUFDLGFBQXdCLENBQUM7Z0JBQzlDLEdBQUcsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxjQUFjLENBQUMsQ0FBQztnQkFDaEQsR0FBRyxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLGNBQWMsQ0FBQyxDQUFDO2dCQUNoRCxHQUFHLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDekIsQ0FBQztTQUNKO1FBbERVLFVBQU8sR0FBRyxDQUFDLFdBQVcsRUFBRSxTQUFTLENBQUU7WUFrRDVDLENBQUM7QUFDUCxDQUFDLENBQUMsRUFBRSxDQUFDOzs7Ozs7Ozs7OztBQ3hETDtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLG1CQUFtQixxREFBcUQ7QUFDeEU7QUFDQSxLQUFLO0FBQ0w7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMLEM7Ozs7Ozs7Ozs7QUNsQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsS0FBSztBQUNMLENBQUM7Ozs7Ozs7Ozs7Ozs7QUNYRCxtQkFBbUI7QUFDbkIsVUFBTSxDQUFDLENBQUMsR0FBRyxtQkFBTyxDQUFDLHdEQUFRLENBQUMsQ0FBQzs7Ozs7Ozs7Ozs7QUNEN0I7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsS0FBSzs7QUFFTDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSzs7QUFFTDtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxTQUFTO0FBQ1Q7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxTQUFTOztBQUVUOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxhQUFhOztBQUViO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0Esa0JBQWtCO0FBQ2xCO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLGlCQUFpQjtBQUNqQixhQUFhO0FBQ2IsU0FBUzs7QUFFVDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMLENBQUM7Ozs7Ozs7Ozs7O0FDbEhEO0FBQ0E7QUFDQTtBQUNBLFVBQU07QUFDTjtBQUNBO0FBQ0Esa0JBQWtCLG1CQUFPLENBQUMsdUVBQWM7O0FBRXhDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLOztBQUVMO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxLQUFLO0FBQ0wsQ0FBQzs7Ozs7Ozs7Ozs7QUNwQ0Q7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxVQUFVO0FBQ1Y7QUFDQTtBQUNBOztBQUVBOztBQUVBOztBQUVBO0FBQ0EsS0FBSzs7QUFFTDtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0EsS0FBSzs7QUFFTDtBQUNBO0FBQ0E7O0FBRUE7O0FBRUE7QUFDQTs7QUFFQTs7QUFFQTtBQUNBLEtBQUs7QUFDTCxDQUFDOzs7Ozs7Ozs7Ozs7O0FDaEVEOzs7Ozs7Ozs7OztBQ0FBLGU7Ozs7OztVQ0FBO1VBQ0E7O1VBRUE7VUFDQTtVQUNBO1VBQ0E7VUFDQTtVQUNBO1VBQ0E7VUFDQTtVQUNBO1VBQ0E7VUFDQTtVQUNBO1VBQ0E7VUFDQTtVQUNBO1VBQ0E7VUFDQTtVQUNBO1VBQ0E7O1VBRUE7VUFDQTs7VUFFQTtVQUNBO1VBQ0E7Ozs7O1dDNUJBO1dBQ0E7V0FDQTtXQUNBO1dBQ0E7V0FDQSxpQ0FBaUMsV0FBVztXQUM1QztXQUNBLEU7Ozs7O1dDUEE7V0FDQTtXQUNBO1dBQ0E7V0FDQSx5Q0FBeUMsd0NBQXdDO1dBQ2pGO1dBQ0E7V0FDQSxFOzs7OztXQ1BBLHdGOzs7OztXQ0FBO1dBQ0E7V0FDQTtXQUNBLHVEQUF1RCxpQkFBaUI7V0FDeEU7V0FDQSxnREFBZ0QsYUFBYTtXQUM3RCxFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUNOeUM7QUFDRTtBQUNQO0FBQ3NCO0FBRTFELG1CQUFtQjtBQUNuQixVQUFNLENBQUMsTUFBTSxHQUFHLDREQUFNLENBQUM7QUFFRTtBQUNBO0FBQ0k7QUFDRDtBQUNGO0FBQ0MiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvQGhvdHdpcmVkL3N0aW11bHVzL2Rpc3Qvc3RpbXVsdXMuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL0Bwb3BwZXJqcy9jb3JlL2xpYi9jcmVhdGVQb3BwZXIuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL0Bwb3BwZXJqcy9jb3JlL2xpYi9kb20tdXRpbHMvY29udGFpbnMuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL0Bwb3BwZXJqcy9jb3JlL2xpYi9kb20tdXRpbHMvZ2V0Qm91bmRpbmdDbGllbnRSZWN0LmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9AcG9wcGVyanMvY29yZS9saWIvZG9tLXV0aWxzL2dldENsaXBwaW5nUmVjdC5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvQHBvcHBlcmpzL2NvcmUvbGliL2RvbS11dGlscy9nZXRDb21wb3NpdGVSZWN0LmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9AcG9wcGVyanMvY29yZS9saWIvZG9tLXV0aWxzL2dldENvbXB1dGVkU3R5bGUuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL0Bwb3BwZXJqcy9jb3JlL2xpYi9kb20tdXRpbHMvZ2V0RG9jdW1lbnRFbGVtZW50LmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9AcG9wcGVyanMvY29yZS9saWIvZG9tLXV0aWxzL2dldERvY3VtZW50UmVjdC5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvQHBvcHBlcmpzL2NvcmUvbGliL2RvbS11dGlscy9nZXRIVE1MRWxlbWVudFNjcm9sbC5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvQHBvcHBlcmpzL2NvcmUvbGliL2RvbS11dGlscy9nZXRMYXlvdXRSZWN0LmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9AcG9wcGVyanMvY29yZS9saWIvZG9tLXV0aWxzL2dldE5vZGVOYW1lLmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9AcG9wcGVyanMvY29yZS9saWIvZG9tLXV0aWxzL2dldE5vZGVTY3JvbGwuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL0Bwb3BwZXJqcy9jb3JlL2xpYi9kb20tdXRpbHMvZ2V0T2Zmc2V0UGFyZW50LmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9AcG9wcGVyanMvY29yZS9saWIvZG9tLXV0aWxzL2dldFBhcmVudE5vZGUuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL0Bwb3BwZXJqcy9jb3JlL2xpYi9kb20tdXRpbHMvZ2V0U2Nyb2xsUGFyZW50LmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9AcG9wcGVyanMvY29yZS9saWIvZG9tLXV0aWxzL2dldFZpZXdwb3J0UmVjdC5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvQHBvcHBlcmpzL2NvcmUvbGliL2RvbS11dGlscy9nZXRXaW5kb3cuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL0Bwb3BwZXJqcy9jb3JlL2xpYi9kb20tdXRpbHMvZ2V0V2luZG93U2Nyb2xsLmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9AcG9wcGVyanMvY29yZS9saWIvZG9tLXV0aWxzL2dldFdpbmRvd1Njcm9sbEJhclguanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL0Bwb3BwZXJqcy9jb3JlL2xpYi9kb20tdXRpbHMvaW5zdGFuY2VPZi5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvQHBvcHBlcmpzL2NvcmUvbGliL2RvbS11dGlscy9pc0xheW91dFZpZXdwb3J0LmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9AcG9wcGVyanMvY29yZS9saWIvZG9tLXV0aWxzL2lzU2Nyb2xsUGFyZW50LmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9AcG9wcGVyanMvY29yZS9saWIvZG9tLXV0aWxzL2lzVGFibGVFbGVtZW50LmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9AcG9wcGVyanMvY29yZS9saWIvZG9tLXV0aWxzL2xpc3RTY3JvbGxQYXJlbnRzLmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9AcG9wcGVyanMvY29yZS9saWIvZW51bXMuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL0Bwb3BwZXJqcy9jb3JlL2xpYi9tb2RpZmllcnMvYXBwbHlTdHlsZXMuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL0Bwb3BwZXJqcy9jb3JlL2xpYi9tb2RpZmllcnMvYXJyb3cuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL0Bwb3BwZXJqcy9jb3JlL2xpYi9tb2RpZmllcnMvY29tcHV0ZVN0eWxlcy5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvQHBvcHBlcmpzL2NvcmUvbGliL21vZGlmaWVycy9ldmVudExpc3RlbmVycy5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvQHBvcHBlcmpzL2NvcmUvbGliL21vZGlmaWVycy9mbGlwLmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9AcG9wcGVyanMvY29yZS9saWIvbW9kaWZpZXJzL2hpZGUuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL0Bwb3BwZXJqcy9jb3JlL2xpYi9tb2RpZmllcnMvaW5kZXguanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL0Bwb3BwZXJqcy9jb3JlL2xpYi9tb2RpZmllcnMvb2Zmc2V0LmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9AcG9wcGVyanMvY29yZS9saWIvbW9kaWZpZXJzL3BvcHBlck9mZnNldHMuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL0Bwb3BwZXJqcy9jb3JlL2xpYi9tb2RpZmllcnMvcHJldmVudE92ZXJmbG93LmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9AcG9wcGVyanMvY29yZS9saWIvcG9wcGVyLWxpdGUuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL0Bwb3BwZXJqcy9jb3JlL2xpYi9wb3BwZXIuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL0Bwb3BwZXJqcy9jb3JlL2xpYi91dGlscy9jb21wdXRlQXV0b1BsYWNlbWVudC5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvQHBvcHBlcmpzL2NvcmUvbGliL3V0aWxzL2NvbXB1dGVPZmZzZXRzLmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9AcG9wcGVyanMvY29yZS9saWIvdXRpbHMvZGVib3VuY2UuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL0Bwb3BwZXJqcy9jb3JlL2xpYi91dGlscy9kZXRlY3RPdmVyZmxvdy5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvQHBvcHBlcmpzL2NvcmUvbGliL3V0aWxzL2V4cGFuZFRvSGFzaE1hcC5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvQHBvcHBlcmpzL2NvcmUvbGliL3V0aWxzL2dldEFsdEF4aXMuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL0Bwb3BwZXJqcy9jb3JlL2xpYi91dGlscy9nZXRCYXNlUGxhY2VtZW50LmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9AcG9wcGVyanMvY29yZS9saWIvdXRpbHMvZ2V0RnJlc2hTaWRlT2JqZWN0LmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9AcG9wcGVyanMvY29yZS9saWIvdXRpbHMvZ2V0TWFpbkF4aXNGcm9tUGxhY2VtZW50LmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9AcG9wcGVyanMvY29yZS9saWIvdXRpbHMvZ2V0T3Bwb3NpdGVQbGFjZW1lbnQuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL0Bwb3BwZXJqcy9jb3JlL2xpYi91dGlscy9nZXRPcHBvc2l0ZVZhcmlhdGlvblBsYWNlbWVudC5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvQHBvcHBlcmpzL2NvcmUvbGliL3V0aWxzL2dldFZhcmlhdGlvbi5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvQHBvcHBlcmpzL2NvcmUvbGliL3V0aWxzL21hdGguanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL0Bwb3BwZXJqcy9jb3JlL2xpYi91dGlscy9tZXJnZUJ5TmFtZS5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvQHBvcHBlcmpzL2NvcmUvbGliL3V0aWxzL21lcmdlUGFkZGluZ09iamVjdC5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvQHBvcHBlcmpzL2NvcmUvbGliL3V0aWxzL29yZGVyTW9kaWZpZXJzLmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9AcG9wcGVyanMvY29yZS9saWIvdXRpbHMvcmVjdFRvQ2xpZW50UmVjdC5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvQHBvcHBlcmpzL2NvcmUvbGliL3V0aWxzL3VzZXJBZ2VudC5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvQHBvcHBlcmpzL2NvcmUvbGliL3V0aWxzL3dpdGhpbi5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvYWxnb2xpYXNlYXJjaC9ub2RlX21vZHVsZXMvZGVidWcvc3JjL2Jyb3dzZXIuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL2FsZ29saWFzZWFyY2gvbm9kZV9tb2R1bGVzL2RlYnVnL3NyYy9kZWJ1Zy5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvYWxnb2xpYXNlYXJjaC9ub2RlX21vZHVsZXMvbXMvaW5kZXguanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL2FsZ29saWFzZWFyY2gvc3JjL0FsZ29saWFTZWFyY2hDb3JlLmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9hbGdvbGlhc2VhcmNoL3NyYy9JbmRleENvcmUuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL2FsZ29saWFzZWFyY2gvc3JjL2Jyb3dzZXIvYnVpbGRzL2FsZ29saWFzZWFyY2hMaXRlLmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9hbGdvbGlhc2VhcmNoL3NyYy9icm93c2VyL2NyZWF0ZUFsZ29saWFzZWFyY2guanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL2FsZ29saWFzZWFyY2gvc3JjL2Jyb3dzZXIvaW5saW5lLWhlYWRlcnMuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL2FsZ29saWFzZWFyY2gvc3JjL2Jyb3dzZXIvanNvbnAtcmVxdWVzdC5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvYWxnb2xpYXNlYXJjaC9zcmMvYnVpbGRTZWFyY2hNZXRob2QuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL2FsZ29saWFzZWFyY2gvc3JjL2Nsb25lLmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9hbGdvbGlhc2VhcmNoL3NyYy9kZXByZWNhdGUuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL2FsZ29saWFzZWFyY2gvc3JjL2RlcHJlY2F0ZWRNZXNzYWdlLmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9hbGdvbGlhc2VhcmNoL3NyYy9lcnJvcnMuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL2FsZ29saWFzZWFyY2gvc3JjL2V4aXRQcm9taXNlLmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9hbGdvbGlhc2VhcmNoL3NyYy9tYXAuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL2FsZ29saWFzZWFyY2gvc3JjL21lcmdlLmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9hbGdvbGlhc2VhcmNoL3NyYy9vbWl0LmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9hbGdvbGlhc2VhcmNoL3NyYy9wbGFjZXMuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL2FsZ29saWFzZWFyY2gvc3JjL3N0b3JlLmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9hbGdvbGlhc2VhcmNoL3NyYy92ZXJzaW9uLmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9hdXRvY29tcGxldGUuanMvaW5kZXguanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL2F1dG9jb21wbGV0ZS5qcy9zcmMvYXV0b2NvbXBsZXRlL2Nzcy5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvYXV0b2NvbXBsZXRlLmpzL3NyYy9hdXRvY29tcGxldGUvZGF0YXNldC5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvYXV0b2NvbXBsZXRlLmpzL3NyYy9hdXRvY29tcGxldGUvZHJvcGRvd24uanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL2F1dG9jb21wbGV0ZS5qcy9zcmMvYXV0b2NvbXBsZXRlL2V2ZW50X2J1cy5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvYXV0b2NvbXBsZXRlLmpzL3NyYy9hdXRvY29tcGxldGUvZXZlbnRfZW1pdHRlci5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvYXV0b2NvbXBsZXRlLmpzL3NyYy9hdXRvY29tcGxldGUvaHRtbC5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvYXV0b2NvbXBsZXRlLmpzL3NyYy9hdXRvY29tcGxldGUvaW5wdXQuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL2F1dG9jb21wbGV0ZS5qcy9zcmMvYXV0b2NvbXBsZXRlL3R5cGVhaGVhZC5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvYXV0b2NvbXBsZXRlLmpzL3NyYy9jb21tb24vZG9tLmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9hdXRvY29tcGxldGUuanMvc3JjL2NvbW1vbi9wYXJzZUFsZ29saWFDbGllbnRWZXJzaW9uLmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9hdXRvY29tcGxldGUuanMvc3JjL2NvbW1vbi91dGlscy5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvYXV0b2NvbXBsZXRlLmpzL3NyYy9zb3VyY2VzL2hpdHMuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL2F1dG9jb21wbGV0ZS5qcy9zcmMvc291cmNlcy9pbmRleC5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvYXV0b2NvbXBsZXRlLmpzL3NyYy9zb3VyY2VzL3BvcHVsYXJJbi5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvYXV0b2NvbXBsZXRlLmpzL3NyYy9zdGFuZGFsb25lL2luZGV4LmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9hdXRvY29tcGxldGUuanMvdmVyc2lvbi5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvYXV0b2NvbXBsZXRlLmpzL3plcHRvLmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9kb2NzZWFyY2guanMvZGlzdC9ucG0vaW5kZXguanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL2RvY3NlYXJjaC5qcy9kaXN0L25wbS9zcmMvbGliL0RvY1NlYXJjaC5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvZG9jc2VhcmNoLmpzL2Rpc3QvbnBtL3NyYy9saWIvbWFpbi5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvZG9jc2VhcmNoLmpzL2Rpc3QvbnBtL3NyYy9saWIvdGVtcGxhdGVzLmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9kb2NzZWFyY2guanMvZGlzdC9ucG0vc3JjL2xpYi91dGlscy5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvZG9jc2VhcmNoLmpzL2Rpc3QvbnBtL3NyYy9saWIvdmVyc2lvbi5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvZG9jc2VhcmNoLmpzL2Rpc3QvbnBtL3NyYy9saWIvemVwdG8uanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL2VzNi1wcm9taXNlL2Rpc3QvZXM2LXByb21pc2UuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL2ZvcmVhY2gvaW5kZXguanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL2dsb2JhbC93aW5kb3cuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL2hvZ2FuLmpzL2xpYi9jb21waWxlci5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvaG9nYW4uanMvbGliL2hvZ2FuLmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9ob2dhbi5qcy9saWIvdGVtcGxhdGUuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL2ltbWVkaWF0ZS9saWIvaW5kZXguanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL2ltbWVkaWF0ZS9saWIvbWVzc2FnZUNoYW5uZWwuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL2ltbWVkaWF0ZS9saWIvbXV0YXRpb24uanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL2ltbWVkaWF0ZS9saWIvcXVldWVNaWNyb3Rhc2suanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL2ltbWVkaWF0ZS9saWIvc3RhdGVDaGFuZ2UuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL2ltbWVkaWF0ZS9saWIvdGltZW91dC5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvaW5oZXJpdHMvaW5oZXJpdHNfYnJvd3Nlci5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvaXNhcnJheS9pbmRleC5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvanF1ZXJ5L2Rpc3QvanF1ZXJ5LmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9vYmplY3Qta2V5cy9pbXBsZW1lbnRhdGlvbi5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi8uLi9ub2RlX21vZHVsZXMvb2JqZWN0LWtleXMvaW5kZXguanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL29iamVjdC1rZXlzL2lzQXJndW1lbnRzLmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9xdWVyeXN0cmluZy1lczMvZGVjb2RlLmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9xdWVyeXN0cmluZy1lczMvZW5jb2RlLmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uLy4uL25vZGVfbW9kdWxlcy9xdWVyeXN0cmluZy1lczMvaW5kZXguanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vLi4vbm9kZV9tb2R1bGVzL3RvLWZhY3RvcnkvdG8tZmFjdG9yeS5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi9zdGFja3MtY2xhc3NpYy9saWIvY29tcG9uZW50cy9iYW5uZXIvYmFubmVyLnRzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uL3N0YWNrcy1jbGFzc2ljL2xpYi9jb21wb25lbnRzL21vZGFsL21vZGFsLnRzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uL3N0YWNrcy1jbGFzc2ljL2xpYi9jb21wb25lbnRzL25hdmlnYXRpb24vbmF2aWdhdGlvbi50cyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi9zdGFja3MtY2xhc3NpYy9saWIvY29tcG9uZW50cy9wb3BvdmVyL3BvcG92ZXIudHMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vc3RhY2tzLWNsYXNzaWMvbGliL2NvbXBvbmVudHMvcG9wb3Zlci90b29sdGlwLnRzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uL3N0YWNrcy1jbGFzc2ljL2xpYi9jb21wb25lbnRzL3RhYmxlL3RhYmxlLnRzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uL3N0YWNrcy1jbGFzc2ljL2xpYi9jb21wb25lbnRzL3RvYXN0L3RvYXN0LnRzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4uL3N0YWNrcy1jbGFzc2ljL2xpYi9jb250cm9sbGVycy50cyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uLi9zdGFja3MtY2xhc3NpYy9saWIvaW5kZXgudHMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vc3RhY2tzLWNsYXNzaWMvbGliL3N0YWNrcy5sZXNzP2VlNjUiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi4vc3RhY2tzLWNsYXNzaWMvbGliL3N0YWNrcy50cyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uL2Fzc2V0cy9qcy9jb250cm9sbGVycy9kb2NzLXJlc2l6ZXIudHMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi9hc3NldHMvanMvZ2xvYmFsLmZlZWRiYWNrLmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4vYXNzZXRzL2pzL2dsb2JhbC5oYW1idXJnZXIuanMiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3MvLi9hc3NldHMvanMvZ2xvYmFsLmpxdWVyeS50cyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uL2Fzc2V0cy9qcy9nbG9iYWwubmF2aWdhdGlvbi5qcyIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uL2Fzc2V0cy9qcy9nbG9iYWwuc2VhcmNoLmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4vYXNzZXRzL2pzL2dsb2JhbC50aGVtaW5nLmpzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzLy4vYXNzZXRzL2xlc3Mvc3RhY2tzLWRvY3VtZW50YXRpb24ubGVzcz9jYjVhIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzL2lnbm9yZWR8L1VzZXJzL2Rjb3JtaWVyL0NvZGUvU3RhY2tzL25vZGVfbW9kdWxlcy9pbW1lZGlhdGUvbGlifC4vbmV4dFRpY2siLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3Mvd2VicGFjay9ib290c3RyYXAiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3Mvd2VicGFjay9ydW50aW1lL2NvbXBhdCBnZXQgZGVmYXVsdCBleHBvcnQiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3Mvd2VicGFjay9ydW50aW1lL2RlZmluZSBwcm9wZXJ0eSBnZXR0ZXJzIiwid2VicGFjazovL0BzdGFja292ZXJmbG93L3N0YWNrcy1kb2NzL3dlYnBhY2svcnVudGltZS9oYXNPd25Qcm9wZXJ0eSBzaG9ydGhhbmQiLCJ3ZWJwYWNrOi8vQHN0YWNrb3ZlcmZsb3cvc3RhY2tzLWRvY3Mvd2VicGFjay9ydW50aW1lL21ha2UgbmFtZXNwYWNlIG9iamVjdCIsIndlYnBhY2s6Ly9Ac3RhY2tvdmVyZmxvdy9zdGFja3MtZG9jcy8uL2Fzc2V0cy9qcy9pbmRleC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuU3RpbXVsdXMgMy4yLjFcbkNvcHlyaWdodCDCqSAyMDIzIEJhc2VjYW1wLCBMTENcbiAqL1xuY2xhc3MgRXZlbnRMaXN0ZW5lciB7XG4gICAgY29uc3RydWN0b3IoZXZlbnRUYXJnZXQsIGV2ZW50TmFtZSwgZXZlbnRPcHRpb25zKSB7XG4gICAgICAgIHRoaXMuZXZlbnRUYXJnZXQgPSBldmVudFRhcmdldDtcbiAgICAgICAgdGhpcy5ldmVudE5hbWUgPSBldmVudE5hbWU7XG4gICAgICAgIHRoaXMuZXZlbnRPcHRpb25zID0gZXZlbnRPcHRpb25zO1xuICAgICAgICB0aGlzLnVub3JkZXJlZEJpbmRpbmdzID0gbmV3IFNldCgpO1xuICAgIH1cbiAgICBjb25uZWN0KCkge1xuICAgICAgICB0aGlzLmV2ZW50VGFyZ2V0LmFkZEV2ZW50TGlzdGVuZXIodGhpcy5ldmVudE5hbWUsIHRoaXMsIHRoaXMuZXZlbnRPcHRpb25zKTtcbiAgICB9XG4gICAgZGlzY29ubmVjdCgpIHtcbiAgICAgICAgdGhpcy5ldmVudFRhcmdldC5yZW1vdmVFdmVudExpc3RlbmVyKHRoaXMuZXZlbnROYW1lLCB0aGlzLCB0aGlzLmV2ZW50T3B0aW9ucyk7XG4gICAgfVxuICAgIGJpbmRpbmdDb25uZWN0ZWQoYmluZGluZykge1xuICAgICAgICB0aGlzLnVub3JkZXJlZEJpbmRpbmdzLmFkZChiaW5kaW5nKTtcbiAgICB9XG4gICAgYmluZGluZ0Rpc2Nvbm5lY3RlZChiaW5kaW5nKSB7XG4gICAgICAgIHRoaXMudW5vcmRlcmVkQmluZGluZ3MuZGVsZXRlKGJpbmRpbmcpO1xuICAgIH1cbiAgICBoYW5kbGVFdmVudChldmVudCkge1xuICAgICAgICBjb25zdCBleHRlbmRlZEV2ZW50ID0gZXh0ZW5kRXZlbnQoZXZlbnQpO1xuICAgICAgICBmb3IgKGNvbnN0IGJpbmRpbmcgb2YgdGhpcy5iaW5kaW5ncykge1xuICAgICAgICAgICAgaWYgKGV4dGVuZGVkRXZlbnQuaW1tZWRpYXRlUHJvcGFnYXRpb25TdG9wcGVkKSB7XG4gICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgICAgICBiaW5kaW5nLmhhbmRsZUV2ZW50KGV4dGVuZGVkRXZlbnQpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuICAgIGhhc0JpbmRpbmdzKCkge1xuICAgICAgICByZXR1cm4gdGhpcy51bm9yZGVyZWRCaW5kaW5ncy5zaXplID4gMDtcbiAgICB9XG4gICAgZ2V0IGJpbmRpbmdzKCkge1xuICAgICAgICByZXR1cm4gQXJyYXkuZnJvbSh0aGlzLnVub3JkZXJlZEJpbmRpbmdzKS5zb3J0KChsZWZ0LCByaWdodCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgbGVmdEluZGV4ID0gbGVmdC5pbmRleCwgcmlnaHRJbmRleCA9IHJpZ2h0LmluZGV4O1xuICAgICAgICAgICAgcmV0dXJuIGxlZnRJbmRleCA8IHJpZ2h0SW5kZXggPyAtMSA6IGxlZnRJbmRleCA+IHJpZ2h0SW5kZXggPyAxIDogMDtcbiAgICAgICAgfSk7XG4gICAgfVxufVxuZnVuY3Rpb24gZXh0ZW5kRXZlbnQoZXZlbnQpIHtcbiAgICBpZiAoXCJpbW1lZGlhdGVQcm9wYWdhdGlvblN0b3BwZWRcIiBpbiBldmVudCkge1xuICAgICAgICByZXR1cm4gZXZlbnQ7XG4gICAgfVxuICAgIGVsc2Uge1xuICAgICAgICBjb25zdCB7IHN0b3BJbW1lZGlhdGVQcm9wYWdhdGlvbiB9ID0gZXZlbnQ7XG4gICAgICAgIHJldHVybiBPYmplY3QuYXNzaWduKGV2ZW50LCB7XG4gICAgICAgICAgICBpbW1lZGlhdGVQcm9wYWdhdGlvblN0b3BwZWQ6IGZhbHNlLFxuICAgICAgICAgICAgc3RvcEltbWVkaWF0ZVByb3BhZ2F0aW9uKCkge1xuICAgICAgICAgICAgICAgIHRoaXMuaW1tZWRpYXRlUHJvcGFnYXRpb25TdG9wcGVkID0gdHJ1ZTtcbiAgICAgICAgICAgICAgICBzdG9wSW1tZWRpYXRlUHJvcGFnYXRpb24uY2FsbCh0aGlzKTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgIH0pO1xuICAgIH1cbn1cblxuY2xhc3MgRGlzcGF0Y2hlciB7XG4gICAgY29uc3RydWN0b3IoYXBwbGljYXRpb24pIHtcbiAgICAgICAgdGhpcy5hcHBsaWNhdGlvbiA9IGFwcGxpY2F0aW9uO1xuICAgICAgICB0aGlzLmV2ZW50TGlzdGVuZXJNYXBzID0gbmV3IE1hcCgpO1xuICAgICAgICB0aGlzLnN0YXJ0ZWQgPSBmYWxzZTtcbiAgICB9XG4gICAgc3RhcnQoKSB7XG4gICAgICAgIGlmICghdGhpcy5zdGFydGVkKSB7XG4gICAgICAgICAgICB0aGlzLnN0YXJ0ZWQgPSB0cnVlO1xuICAgICAgICAgICAgdGhpcy5ldmVudExpc3RlbmVycy5mb3JFYWNoKChldmVudExpc3RlbmVyKSA9PiBldmVudExpc3RlbmVyLmNvbm5lY3QoKSk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgc3RvcCgpIHtcbiAgICAgICAgaWYgKHRoaXMuc3RhcnRlZCkge1xuICAgICAgICAgICAgdGhpcy5zdGFydGVkID0gZmFsc2U7XG4gICAgICAgICAgICB0aGlzLmV2ZW50TGlzdGVuZXJzLmZvckVhY2goKGV2ZW50TGlzdGVuZXIpID0+IGV2ZW50TGlzdGVuZXIuZGlzY29ubmVjdCgpKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBnZXQgZXZlbnRMaXN0ZW5lcnMoKSB7XG4gICAgICAgIHJldHVybiBBcnJheS5mcm9tKHRoaXMuZXZlbnRMaXN0ZW5lck1hcHMudmFsdWVzKCkpLnJlZHVjZSgobGlzdGVuZXJzLCBtYXApID0+IGxpc3RlbmVycy5jb25jYXQoQXJyYXkuZnJvbShtYXAudmFsdWVzKCkpKSwgW10pO1xuICAgIH1cbiAgICBiaW5kaW5nQ29ubmVjdGVkKGJpbmRpbmcpIHtcbiAgICAgICAgdGhpcy5mZXRjaEV2ZW50TGlzdGVuZXJGb3JCaW5kaW5nKGJpbmRpbmcpLmJpbmRpbmdDb25uZWN0ZWQoYmluZGluZyk7XG4gICAgfVxuICAgIGJpbmRpbmdEaXNjb25uZWN0ZWQoYmluZGluZywgY2xlYXJFdmVudExpc3RlbmVycyA9IGZhbHNlKSB7XG4gICAgICAgIHRoaXMuZmV0Y2hFdmVudExpc3RlbmVyRm9yQmluZGluZyhiaW5kaW5nKS5iaW5kaW5nRGlzY29ubmVjdGVkKGJpbmRpbmcpO1xuICAgICAgICBpZiAoY2xlYXJFdmVudExpc3RlbmVycylcbiAgICAgICAgICAgIHRoaXMuY2xlYXJFdmVudExpc3RlbmVyc0ZvckJpbmRpbmcoYmluZGluZyk7XG4gICAgfVxuICAgIGhhbmRsZUVycm9yKGVycm9yLCBtZXNzYWdlLCBkZXRhaWwgPSB7fSkge1xuICAgICAgICB0aGlzLmFwcGxpY2F0aW9uLmhhbmRsZUVycm9yKGVycm9yLCBgRXJyb3IgJHttZXNzYWdlfWAsIGRldGFpbCk7XG4gICAgfVxuICAgIGNsZWFyRXZlbnRMaXN0ZW5lcnNGb3JCaW5kaW5nKGJpbmRpbmcpIHtcbiAgICAgICAgY29uc3QgZXZlbnRMaXN0ZW5lciA9IHRoaXMuZmV0Y2hFdmVudExpc3RlbmVyRm9yQmluZGluZyhiaW5kaW5nKTtcbiAgICAgICAgaWYgKCFldmVudExpc3RlbmVyLmhhc0JpbmRpbmdzKCkpIHtcbiAgICAgICAgICAgIGV2ZW50TGlzdGVuZXIuZGlzY29ubmVjdCgpO1xuICAgICAgICAgICAgdGhpcy5yZW1vdmVNYXBwZWRFdmVudExpc3RlbmVyRm9yKGJpbmRpbmcpO1xuICAgICAgICB9XG4gICAgfVxuICAgIHJlbW92ZU1hcHBlZEV2ZW50TGlzdGVuZXJGb3IoYmluZGluZykge1xuICAgICAgICBjb25zdCB7IGV2ZW50VGFyZ2V0LCBldmVudE5hbWUsIGV2ZW50T3B0aW9ucyB9ID0gYmluZGluZztcbiAgICAgICAgY29uc3QgZXZlbnRMaXN0ZW5lck1hcCA9IHRoaXMuZmV0Y2hFdmVudExpc3RlbmVyTWFwRm9yRXZlbnRUYXJnZXQoZXZlbnRUYXJnZXQpO1xuICAgICAgICBjb25zdCBjYWNoZUtleSA9IHRoaXMuY2FjaGVLZXkoZXZlbnROYW1lLCBldmVudE9wdGlvbnMpO1xuICAgICAgICBldmVudExpc3RlbmVyTWFwLmRlbGV0ZShjYWNoZUtleSk7XG4gICAgICAgIGlmIChldmVudExpc3RlbmVyTWFwLnNpemUgPT0gMClcbiAgICAgICAgICAgIHRoaXMuZXZlbnRMaXN0ZW5lck1hcHMuZGVsZXRlKGV2ZW50VGFyZ2V0KTtcbiAgICB9XG4gICAgZmV0Y2hFdmVudExpc3RlbmVyRm9yQmluZGluZyhiaW5kaW5nKSB7XG4gICAgICAgIGNvbnN0IHsgZXZlbnRUYXJnZXQsIGV2ZW50TmFtZSwgZXZlbnRPcHRpb25zIH0gPSBiaW5kaW5nO1xuICAgICAgICByZXR1cm4gdGhpcy5mZXRjaEV2ZW50TGlzdGVuZXIoZXZlbnRUYXJnZXQsIGV2ZW50TmFtZSwgZXZlbnRPcHRpb25zKTtcbiAgICB9XG4gICAgZmV0Y2hFdmVudExpc3RlbmVyKGV2ZW50VGFyZ2V0LCBldmVudE5hbWUsIGV2ZW50T3B0aW9ucykge1xuICAgICAgICBjb25zdCBldmVudExpc3RlbmVyTWFwID0gdGhpcy5mZXRjaEV2ZW50TGlzdGVuZXJNYXBGb3JFdmVudFRhcmdldChldmVudFRhcmdldCk7XG4gICAgICAgIGNvbnN0IGNhY2hlS2V5ID0gdGhpcy5jYWNoZUtleShldmVudE5hbWUsIGV2ZW50T3B0aW9ucyk7XG4gICAgICAgIGxldCBldmVudExpc3RlbmVyID0gZXZlbnRMaXN0ZW5lck1hcC5nZXQoY2FjaGVLZXkpO1xuICAgICAgICBpZiAoIWV2ZW50TGlzdGVuZXIpIHtcbiAgICAgICAgICAgIGV2ZW50TGlzdGVuZXIgPSB0aGlzLmNyZWF0ZUV2ZW50TGlzdGVuZXIoZXZlbnRUYXJnZXQsIGV2ZW50TmFtZSwgZXZlbnRPcHRpb25zKTtcbiAgICAgICAgICAgIGV2ZW50TGlzdGVuZXJNYXAuc2V0KGNhY2hlS2V5LCBldmVudExpc3RlbmVyKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gZXZlbnRMaXN0ZW5lcjtcbiAgICB9XG4gICAgY3JlYXRlRXZlbnRMaXN0ZW5lcihldmVudFRhcmdldCwgZXZlbnROYW1lLCBldmVudE9wdGlvbnMpIHtcbiAgICAgICAgY29uc3QgZXZlbnRMaXN0ZW5lciA9IG5ldyBFdmVudExpc3RlbmVyKGV2ZW50VGFyZ2V0LCBldmVudE5hbWUsIGV2ZW50T3B0aW9ucyk7XG4gICAgICAgIGlmICh0aGlzLnN0YXJ0ZWQpIHtcbiAgICAgICAgICAgIGV2ZW50TGlzdGVuZXIuY29ubmVjdCgpO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBldmVudExpc3RlbmVyO1xuICAgIH1cbiAgICBmZXRjaEV2ZW50TGlzdGVuZXJNYXBGb3JFdmVudFRhcmdldChldmVudFRhcmdldCkge1xuICAgICAgICBsZXQgZXZlbnRMaXN0ZW5lck1hcCA9IHRoaXMuZXZlbnRMaXN0ZW5lck1hcHMuZ2V0KGV2ZW50VGFyZ2V0KTtcbiAgICAgICAgaWYgKCFldmVudExpc3RlbmVyTWFwKSB7XG4gICAgICAgICAgICBldmVudExpc3RlbmVyTWFwID0gbmV3IE1hcCgpO1xuICAgICAgICAgICAgdGhpcy5ldmVudExpc3RlbmVyTWFwcy5zZXQoZXZlbnRUYXJnZXQsIGV2ZW50TGlzdGVuZXJNYXApO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBldmVudExpc3RlbmVyTWFwO1xuICAgIH1cbiAgICBjYWNoZUtleShldmVudE5hbWUsIGV2ZW50T3B0aW9ucykge1xuICAgICAgICBjb25zdCBwYXJ0cyA9IFtldmVudE5hbWVdO1xuICAgICAgICBPYmplY3Qua2V5cyhldmVudE9wdGlvbnMpXG4gICAgICAgICAgICAuc29ydCgpXG4gICAgICAgICAgICAuZm9yRWFjaCgoa2V5KSA9PiB7XG4gICAgICAgICAgICBwYXJ0cy5wdXNoKGAke2V2ZW50T3B0aW9uc1trZXldID8gXCJcIiA6IFwiIVwifSR7a2V5fWApO1xuICAgICAgICB9KTtcbiAgICAgICAgcmV0dXJuIHBhcnRzLmpvaW4oXCI6XCIpO1xuICAgIH1cbn1cblxuY29uc3QgZGVmYXVsdEFjdGlvbkRlc2NyaXB0b3JGaWx0ZXJzID0ge1xuICAgIHN0b3AoeyBldmVudCwgdmFsdWUgfSkge1xuICAgICAgICBpZiAodmFsdWUpXG4gICAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgfSxcbiAgICBwcmV2ZW50KHsgZXZlbnQsIHZhbHVlIH0pIHtcbiAgICAgICAgaWYgKHZhbHVlKVxuICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgfSxcbiAgICBzZWxmKHsgZXZlbnQsIHZhbHVlLCBlbGVtZW50IH0pIHtcbiAgICAgICAgaWYgKHZhbHVlKSB7XG4gICAgICAgICAgICByZXR1cm4gZWxlbWVudCA9PT0gZXZlbnQudGFyZ2V0O1xuICAgICAgICB9XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgICAgIH1cbiAgICB9LFxufTtcbmNvbnN0IGRlc2NyaXB0b3JQYXR0ZXJuID0gL14oPzooPzooW14uXSs/KVxcKyk/KC4rPykoPzpcXC4oLis/KSk/KD86QCh3aW5kb3d8ZG9jdW1lbnQpKT8tPik/KC4rPykoPzojKFteOl0rPykpKD86OiguKykpPyQvO1xuZnVuY3Rpb24gcGFyc2VBY3Rpb25EZXNjcmlwdG9yU3RyaW5nKGRlc2NyaXB0b3JTdHJpbmcpIHtcbiAgICBjb25zdCBzb3VyY2UgPSBkZXNjcmlwdG9yU3RyaW5nLnRyaW0oKTtcbiAgICBjb25zdCBtYXRjaGVzID0gc291cmNlLm1hdGNoKGRlc2NyaXB0b3JQYXR0ZXJuKSB8fCBbXTtcbiAgICBsZXQgZXZlbnROYW1lID0gbWF0Y2hlc1syXTtcbiAgICBsZXQga2V5RmlsdGVyID0gbWF0Y2hlc1szXTtcbiAgICBpZiAoa2V5RmlsdGVyICYmICFbXCJrZXlkb3duXCIsIFwia2V5dXBcIiwgXCJrZXlwcmVzc1wiXS5pbmNsdWRlcyhldmVudE5hbWUpKSB7XG4gICAgICAgIGV2ZW50TmFtZSArPSBgLiR7a2V5RmlsdGVyfWA7XG4gICAgICAgIGtleUZpbHRlciA9IFwiXCI7XG4gICAgfVxuICAgIHJldHVybiB7XG4gICAgICAgIGV2ZW50VGFyZ2V0OiBwYXJzZUV2ZW50VGFyZ2V0KG1hdGNoZXNbNF0pLFxuICAgICAgICBldmVudE5hbWUsXG4gICAgICAgIGV2ZW50T3B0aW9uczogbWF0Y2hlc1s3XSA/IHBhcnNlRXZlbnRPcHRpb25zKG1hdGNoZXNbN10pIDoge30sXG4gICAgICAgIGlkZW50aWZpZXI6IG1hdGNoZXNbNV0sXG4gICAgICAgIG1ldGhvZE5hbWU6IG1hdGNoZXNbNl0sXG4gICAgICAgIGtleUZpbHRlcjogbWF0Y2hlc1sxXSB8fCBrZXlGaWx0ZXIsXG4gICAgfTtcbn1cbmZ1bmN0aW9uIHBhcnNlRXZlbnRUYXJnZXQoZXZlbnRUYXJnZXROYW1lKSB7XG4gICAgaWYgKGV2ZW50VGFyZ2V0TmFtZSA9PSBcIndpbmRvd1wiKSB7XG4gICAgICAgIHJldHVybiB3aW5kb3c7XG4gICAgfVxuICAgIGVsc2UgaWYgKGV2ZW50VGFyZ2V0TmFtZSA9PSBcImRvY3VtZW50XCIpIHtcbiAgICAgICAgcmV0dXJuIGRvY3VtZW50O1xuICAgIH1cbn1cbmZ1bmN0aW9uIHBhcnNlRXZlbnRPcHRpb25zKGV2ZW50T3B0aW9ucykge1xuICAgIHJldHVybiBldmVudE9wdGlvbnNcbiAgICAgICAgLnNwbGl0KFwiOlwiKVxuICAgICAgICAucmVkdWNlKChvcHRpb25zLCB0b2tlbikgPT4gT2JqZWN0LmFzc2lnbihvcHRpb25zLCB7IFt0b2tlbi5yZXBsYWNlKC9eIS8sIFwiXCIpXTogIS9eIS8udGVzdCh0b2tlbikgfSksIHt9KTtcbn1cbmZ1bmN0aW9uIHN0cmluZ2lmeUV2ZW50VGFyZ2V0KGV2ZW50VGFyZ2V0KSB7XG4gICAgaWYgKGV2ZW50VGFyZ2V0ID09IHdpbmRvdykge1xuICAgICAgICByZXR1cm4gXCJ3aW5kb3dcIjtcbiAgICB9XG4gICAgZWxzZSBpZiAoZXZlbnRUYXJnZXQgPT0gZG9jdW1lbnQpIHtcbiAgICAgICAgcmV0dXJuIFwiZG9jdW1lbnRcIjtcbiAgICB9XG59XG5cbmZ1bmN0aW9uIGNhbWVsaXplKHZhbHVlKSB7XG4gICAgcmV0dXJuIHZhbHVlLnJlcGxhY2UoLyg/OltfLV0pKFthLXowLTldKS9nLCAoXywgY2hhcikgPT4gY2hhci50b1VwcGVyQ2FzZSgpKTtcbn1cbmZ1bmN0aW9uIG5hbWVzcGFjZUNhbWVsaXplKHZhbHVlKSB7XG4gICAgcmV0dXJuIGNhbWVsaXplKHZhbHVlLnJlcGxhY2UoLy0tL2csIFwiLVwiKS5yZXBsYWNlKC9fXy9nLCBcIl9cIikpO1xufVxuZnVuY3Rpb24gY2FwaXRhbGl6ZSh2YWx1ZSkge1xuICAgIHJldHVybiB2YWx1ZS5jaGFyQXQoMCkudG9VcHBlckNhc2UoKSArIHZhbHVlLnNsaWNlKDEpO1xufVxuZnVuY3Rpb24gZGFzaGVyaXplKHZhbHVlKSB7XG4gICAgcmV0dXJuIHZhbHVlLnJlcGxhY2UoLyhbQS1aXSkvZywgKF8sIGNoYXIpID0+IGAtJHtjaGFyLnRvTG93ZXJDYXNlKCl9YCk7XG59XG5mdW5jdGlvbiB0b2tlbml6ZSh2YWx1ZSkge1xuICAgIHJldHVybiB2YWx1ZS5tYXRjaCgvW15cXHNdKy9nKSB8fCBbXTtcbn1cblxuZnVuY3Rpb24gaXNTb21ldGhpbmcob2JqZWN0KSB7XG4gICAgcmV0dXJuIG9iamVjdCAhPT0gbnVsbCAmJiBvYmplY3QgIT09IHVuZGVmaW5lZDtcbn1cbmZ1bmN0aW9uIGhhc1Byb3BlcnR5KG9iamVjdCwgcHJvcGVydHkpIHtcbiAgICByZXR1cm4gT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKG9iamVjdCwgcHJvcGVydHkpO1xufVxuXG5jb25zdCBhbGxNb2RpZmllcnMgPSBbXCJtZXRhXCIsIFwiY3RybFwiLCBcImFsdFwiLCBcInNoaWZ0XCJdO1xuY2xhc3MgQWN0aW9uIHtcbiAgICBjb25zdHJ1Y3RvcihlbGVtZW50LCBpbmRleCwgZGVzY3JpcHRvciwgc2NoZW1hKSB7XG4gICAgICAgIHRoaXMuZWxlbWVudCA9IGVsZW1lbnQ7XG4gICAgICAgIHRoaXMuaW5kZXggPSBpbmRleDtcbiAgICAgICAgdGhpcy5ldmVudFRhcmdldCA9IGRlc2NyaXB0b3IuZXZlbnRUYXJnZXQgfHwgZWxlbWVudDtcbiAgICAgICAgdGhpcy5ldmVudE5hbWUgPSBkZXNjcmlwdG9yLmV2ZW50TmFtZSB8fCBnZXREZWZhdWx0RXZlbnROYW1lRm9yRWxlbWVudChlbGVtZW50KSB8fCBlcnJvcihcIm1pc3NpbmcgZXZlbnQgbmFtZVwiKTtcbiAgICAgICAgdGhpcy5ldmVudE9wdGlvbnMgPSBkZXNjcmlwdG9yLmV2ZW50T3B0aW9ucyB8fCB7fTtcbiAgICAgICAgdGhpcy5pZGVudGlmaWVyID0gZGVzY3JpcHRvci5pZGVudGlmaWVyIHx8IGVycm9yKFwibWlzc2luZyBpZGVudGlmaWVyXCIpO1xuICAgICAgICB0aGlzLm1ldGhvZE5hbWUgPSBkZXNjcmlwdG9yLm1ldGhvZE5hbWUgfHwgZXJyb3IoXCJtaXNzaW5nIG1ldGhvZCBuYW1lXCIpO1xuICAgICAgICB0aGlzLmtleUZpbHRlciA9IGRlc2NyaXB0b3Iua2V5RmlsdGVyIHx8IFwiXCI7XG4gICAgICAgIHRoaXMuc2NoZW1hID0gc2NoZW1hO1xuICAgIH1cbiAgICBzdGF0aWMgZm9yVG9rZW4odG9rZW4sIHNjaGVtYSkge1xuICAgICAgICByZXR1cm4gbmV3IHRoaXModG9rZW4uZWxlbWVudCwgdG9rZW4uaW5kZXgsIHBhcnNlQWN0aW9uRGVzY3JpcHRvclN0cmluZyh0b2tlbi5jb250ZW50KSwgc2NoZW1hKTtcbiAgICB9XG4gICAgdG9TdHJpbmcoKSB7XG4gICAgICAgIGNvbnN0IGV2ZW50RmlsdGVyID0gdGhpcy5rZXlGaWx0ZXIgPyBgLiR7dGhpcy5rZXlGaWx0ZXJ9YCA6IFwiXCI7XG4gICAgICAgIGNvbnN0IGV2ZW50VGFyZ2V0ID0gdGhpcy5ldmVudFRhcmdldE5hbWUgPyBgQCR7dGhpcy5ldmVudFRhcmdldE5hbWV9YCA6IFwiXCI7XG4gICAgICAgIHJldHVybiBgJHt0aGlzLmV2ZW50TmFtZX0ke2V2ZW50RmlsdGVyfSR7ZXZlbnRUYXJnZXR9LT4ke3RoaXMuaWRlbnRpZmllcn0jJHt0aGlzLm1ldGhvZE5hbWV9YDtcbiAgICB9XG4gICAgc2hvdWxkSWdub3JlS2V5Ym9hcmRFdmVudChldmVudCkge1xuICAgICAgICBpZiAoIXRoaXMua2V5RmlsdGVyKSB7XG4gICAgICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICAgIH1cbiAgICAgICAgY29uc3QgZmlsdGVycyA9IHRoaXMua2V5RmlsdGVyLnNwbGl0KFwiK1wiKTtcbiAgICAgICAgaWYgKHRoaXMua2V5RmlsdGVyRGlzc2F0aXNmaWVkKGV2ZW50LCBmaWx0ZXJzKSkge1xuICAgICAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgICAgIH1cbiAgICAgICAgY29uc3Qgc3RhbmRhcmRGaWx0ZXIgPSBmaWx0ZXJzLmZpbHRlcigoa2V5KSA9PiAhYWxsTW9kaWZpZXJzLmluY2x1ZGVzKGtleSkpWzBdO1xuICAgICAgICBpZiAoIXN0YW5kYXJkRmlsdGVyKSB7XG4gICAgICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKCFoYXNQcm9wZXJ0eSh0aGlzLmtleU1hcHBpbmdzLCBzdGFuZGFyZEZpbHRlcikpIHtcbiAgICAgICAgICAgIGVycm9yKGBjb250YWlucyB1bmtub3duIGtleSBmaWx0ZXI6ICR7dGhpcy5rZXlGaWx0ZXJ9YCk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHRoaXMua2V5TWFwcGluZ3Nbc3RhbmRhcmRGaWx0ZXJdLnRvTG93ZXJDYXNlKCkgIT09IGV2ZW50LmtleS50b0xvd2VyQ2FzZSgpO1xuICAgIH1cbiAgICBzaG91bGRJZ25vcmVNb3VzZUV2ZW50KGV2ZW50KSB7XG4gICAgICAgIGlmICghdGhpcy5rZXlGaWx0ZXIpIHtcbiAgICAgICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgICAgfVxuICAgICAgICBjb25zdCBmaWx0ZXJzID0gW3RoaXMua2V5RmlsdGVyXTtcbiAgICAgICAgaWYgKHRoaXMua2V5RmlsdGVyRGlzc2F0aXNmaWVkKGV2ZW50LCBmaWx0ZXJzKSkge1xuICAgICAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cbiAgICBnZXQgcGFyYW1zKCkge1xuICAgICAgICBjb25zdCBwYXJhbXMgPSB7fTtcbiAgICAgICAgY29uc3QgcGF0dGVybiA9IG5ldyBSZWdFeHAoYF5kYXRhLSR7dGhpcy5pZGVudGlmaWVyfS0oLispLXBhcmFtJGAsIFwiaVwiKTtcbiAgICAgICAgZm9yIChjb25zdCB7IG5hbWUsIHZhbHVlIH0gb2YgQXJyYXkuZnJvbSh0aGlzLmVsZW1lbnQuYXR0cmlidXRlcykpIHtcbiAgICAgICAgICAgIGNvbnN0IG1hdGNoID0gbmFtZS5tYXRjaChwYXR0ZXJuKTtcbiAgICAgICAgICAgIGNvbnN0IGtleSA9IG1hdGNoICYmIG1hdGNoWzFdO1xuICAgICAgICAgICAgaWYgKGtleSkge1xuICAgICAgICAgICAgICAgIHBhcmFtc1tjYW1lbGl6ZShrZXkpXSA9IHR5cGVjYXN0KHZhbHVlKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gcGFyYW1zO1xuICAgIH1cbiAgICBnZXQgZXZlbnRUYXJnZXROYW1lKCkge1xuICAgICAgICByZXR1cm4gc3RyaW5naWZ5RXZlbnRUYXJnZXQodGhpcy5ldmVudFRhcmdldCk7XG4gICAgfVxuICAgIGdldCBrZXlNYXBwaW5ncygpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuc2NoZW1hLmtleU1hcHBpbmdzO1xuICAgIH1cbiAgICBrZXlGaWx0ZXJEaXNzYXRpc2ZpZWQoZXZlbnQsIGZpbHRlcnMpIHtcbiAgICAgICAgY29uc3QgW21ldGEsIGN0cmwsIGFsdCwgc2hpZnRdID0gYWxsTW9kaWZpZXJzLm1hcCgobW9kaWZpZXIpID0+IGZpbHRlcnMuaW5jbHVkZXMobW9kaWZpZXIpKTtcbiAgICAgICAgcmV0dXJuIGV2ZW50Lm1ldGFLZXkgIT09IG1ldGEgfHwgZXZlbnQuY3RybEtleSAhPT0gY3RybCB8fCBldmVudC5hbHRLZXkgIT09IGFsdCB8fCBldmVudC5zaGlmdEtleSAhPT0gc2hpZnQ7XG4gICAgfVxufVxuY29uc3QgZGVmYXVsdEV2ZW50TmFtZXMgPSB7XG4gICAgYTogKCkgPT4gXCJjbGlja1wiLFxuICAgIGJ1dHRvbjogKCkgPT4gXCJjbGlja1wiLFxuICAgIGZvcm06ICgpID0+IFwic3VibWl0XCIsXG4gICAgZGV0YWlsczogKCkgPT4gXCJ0b2dnbGVcIixcbiAgICBpbnB1dDogKGUpID0+IChlLmdldEF0dHJpYnV0ZShcInR5cGVcIikgPT0gXCJzdWJtaXRcIiA/IFwiY2xpY2tcIiA6IFwiaW5wdXRcIiksXG4gICAgc2VsZWN0OiAoKSA9PiBcImNoYW5nZVwiLFxuICAgIHRleHRhcmVhOiAoKSA9PiBcImlucHV0XCIsXG59O1xuZnVuY3Rpb24gZ2V0RGVmYXVsdEV2ZW50TmFtZUZvckVsZW1lbnQoZWxlbWVudCkge1xuICAgIGNvbnN0IHRhZ05hbWUgPSBlbGVtZW50LnRhZ05hbWUudG9Mb3dlckNhc2UoKTtcbiAgICBpZiAodGFnTmFtZSBpbiBkZWZhdWx0RXZlbnROYW1lcykge1xuICAgICAgICByZXR1cm4gZGVmYXVsdEV2ZW50TmFtZXNbdGFnTmFtZV0oZWxlbWVudCk7XG4gICAgfVxufVxuZnVuY3Rpb24gZXJyb3IobWVzc2FnZSkge1xuICAgIHRocm93IG5ldyBFcnJvcihtZXNzYWdlKTtcbn1cbmZ1bmN0aW9uIHR5cGVjYXN0KHZhbHVlKSB7XG4gICAgdHJ5IHtcbiAgICAgICAgcmV0dXJuIEpTT04ucGFyc2UodmFsdWUpO1xuICAgIH1cbiAgICBjYXRjaCAob19PKSB7XG4gICAgICAgIHJldHVybiB2YWx1ZTtcbiAgICB9XG59XG5cbmNsYXNzIEJpbmRpbmcge1xuICAgIGNvbnN0cnVjdG9yKGNvbnRleHQsIGFjdGlvbikge1xuICAgICAgICB0aGlzLmNvbnRleHQgPSBjb250ZXh0O1xuICAgICAgICB0aGlzLmFjdGlvbiA9IGFjdGlvbjtcbiAgICB9XG4gICAgZ2V0IGluZGV4KCkge1xuICAgICAgICByZXR1cm4gdGhpcy5hY3Rpb24uaW5kZXg7XG4gICAgfVxuICAgIGdldCBldmVudFRhcmdldCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuYWN0aW9uLmV2ZW50VGFyZ2V0O1xuICAgIH1cbiAgICBnZXQgZXZlbnRPcHRpb25zKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5hY3Rpb24uZXZlbnRPcHRpb25zO1xuICAgIH1cbiAgICBnZXQgaWRlbnRpZmllcigpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuY29udGV4dC5pZGVudGlmaWVyO1xuICAgIH1cbiAgICBoYW5kbGVFdmVudChldmVudCkge1xuICAgICAgICBjb25zdCBhY3Rpb25FdmVudCA9IHRoaXMucHJlcGFyZUFjdGlvbkV2ZW50KGV2ZW50KTtcbiAgICAgICAgaWYgKHRoaXMud2lsbEJlSW52b2tlZEJ5RXZlbnQoZXZlbnQpICYmIHRoaXMuYXBwbHlFdmVudE1vZGlmaWVycyhhY3Rpb25FdmVudCkpIHtcbiAgICAgICAgICAgIHRoaXMuaW52b2tlV2l0aEV2ZW50KGFjdGlvbkV2ZW50KTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBnZXQgZXZlbnROYW1lKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5hY3Rpb24uZXZlbnROYW1lO1xuICAgIH1cbiAgICBnZXQgbWV0aG9kKCkge1xuICAgICAgICBjb25zdCBtZXRob2QgPSB0aGlzLmNvbnRyb2xsZXJbdGhpcy5tZXRob2ROYW1lXTtcbiAgICAgICAgaWYgKHR5cGVvZiBtZXRob2QgPT0gXCJmdW5jdGlvblwiKSB7XG4gICAgICAgICAgICByZXR1cm4gbWV0aG9kO1xuICAgICAgICB9XG4gICAgICAgIHRocm93IG5ldyBFcnJvcihgQWN0aW9uIFwiJHt0aGlzLmFjdGlvbn1cIiByZWZlcmVuY2VzIHVuZGVmaW5lZCBtZXRob2QgXCIke3RoaXMubWV0aG9kTmFtZX1cImApO1xuICAgIH1cbiAgICBhcHBseUV2ZW50TW9kaWZpZXJzKGV2ZW50KSB7XG4gICAgICAgIGNvbnN0IHsgZWxlbWVudCB9ID0gdGhpcy5hY3Rpb247XG4gICAgICAgIGNvbnN0IHsgYWN0aW9uRGVzY3JpcHRvckZpbHRlcnMgfSA9IHRoaXMuY29udGV4dC5hcHBsaWNhdGlvbjtcbiAgICAgICAgY29uc3QgeyBjb250cm9sbGVyIH0gPSB0aGlzLmNvbnRleHQ7XG4gICAgICAgIGxldCBwYXNzZXMgPSB0cnVlO1xuICAgICAgICBmb3IgKGNvbnN0IFtuYW1lLCB2YWx1ZV0gb2YgT2JqZWN0LmVudHJpZXModGhpcy5ldmVudE9wdGlvbnMpKSB7XG4gICAgICAgICAgICBpZiAobmFtZSBpbiBhY3Rpb25EZXNjcmlwdG9yRmlsdGVycykge1xuICAgICAgICAgICAgICAgIGNvbnN0IGZpbHRlciA9IGFjdGlvbkRlc2NyaXB0b3JGaWx0ZXJzW25hbWVdO1xuICAgICAgICAgICAgICAgIHBhc3NlcyA9IHBhc3NlcyAmJiBmaWx0ZXIoeyBuYW1lLCB2YWx1ZSwgZXZlbnQsIGVsZW1lbnQsIGNvbnRyb2xsZXIgfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgICAgICBjb250aW51ZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gcGFzc2VzO1xuICAgIH1cbiAgICBwcmVwYXJlQWN0aW9uRXZlbnQoZXZlbnQpIHtcbiAgICAgICAgcmV0dXJuIE9iamVjdC5hc3NpZ24oZXZlbnQsIHsgcGFyYW1zOiB0aGlzLmFjdGlvbi5wYXJhbXMgfSk7XG4gICAgfVxuICAgIGludm9rZVdpdGhFdmVudChldmVudCkge1xuICAgICAgICBjb25zdCB7IHRhcmdldCwgY3VycmVudFRhcmdldCB9ID0gZXZlbnQ7XG4gICAgICAgIHRyeSB7XG4gICAgICAgICAgICB0aGlzLm1ldGhvZC5jYWxsKHRoaXMuY29udHJvbGxlciwgZXZlbnQpO1xuICAgICAgICAgICAgdGhpcy5jb250ZXh0LmxvZ0RlYnVnQWN0aXZpdHkodGhpcy5tZXRob2ROYW1lLCB7IGV2ZW50LCB0YXJnZXQsIGN1cnJlbnRUYXJnZXQsIGFjdGlvbjogdGhpcy5tZXRob2ROYW1lIH0pO1xuICAgICAgICB9XG4gICAgICAgIGNhdGNoIChlcnJvcikge1xuICAgICAgICAgICAgY29uc3QgeyBpZGVudGlmaWVyLCBjb250cm9sbGVyLCBlbGVtZW50LCBpbmRleCB9ID0gdGhpcztcbiAgICAgICAgICAgIGNvbnN0IGRldGFpbCA9IHsgaWRlbnRpZmllciwgY29udHJvbGxlciwgZWxlbWVudCwgaW5kZXgsIGV2ZW50IH07XG4gICAgICAgICAgICB0aGlzLmNvbnRleHQuaGFuZGxlRXJyb3IoZXJyb3IsIGBpbnZva2luZyBhY3Rpb24gXCIke3RoaXMuYWN0aW9ufVwiYCwgZGV0YWlsKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICB3aWxsQmVJbnZva2VkQnlFdmVudChldmVudCkge1xuICAgICAgICBjb25zdCBldmVudFRhcmdldCA9IGV2ZW50LnRhcmdldDtcbiAgICAgICAgaWYgKGV2ZW50IGluc3RhbmNlb2YgS2V5Ym9hcmRFdmVudCAmJiB0aGlzLmFjdGlvbi5zaG91bGRJZ25vcmVLZXlib2FyZEV2ZW50KGV2ZW50KSkge1xuICAgICAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgICAgICB9XG4gICAgICAgIGlmIChldmVudCBpbnN0YW5jZW9mIE1vdXNlRXZlbnQgJiYgdGhpcy5hY3Rpb24uc2hvdWxkSWdub3JlTW91c2VFdmVudChldmVudCkpIHtcbiAgICAgICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgICAgfVxuICAgICAgICBpZiAodGhpcy5lbGVtZW50ID09PSBldmVudFRhcmdldCkge1xuICAgICAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSBpZiAoZXZlbnRUYXJnZXQgaW5zdGFuY2VvZiBFbGVtZW50ICYmIHRoaXMuZWxlbWVudC5jb250YWlucyhldmVudFRhcmdldCkpIHtcbiAgICAgICAgICAgIHJldHVybiB0aGlzLnNjb3BlLmNvbnRhaW5zRWxlbWVudChldmVudFRhcmdldCk7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICByZXR1cm4gdGhpcy5zY29wZS5jb250YWluc0VsZW1lbnQodGhpcy5hY3Rpb24uZWxlbWVudCk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgZ2V0IGNvbnRyb2xsZXIoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmNvbnRleHQuY29udHJvbGxlcjtcbiAgICB9XG4gICAgZ2V0IG1ldGhvZE5hbWUoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmFjdGlvbi5tZXRob2ROYW1lO1xuICAgIH1cbiAgICBnZXQgZWxlbWVudCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuc2NvcGUuZWxlbWVudDtcbiAgICB9XG4gICAgZ2V0IHNjb3BlKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5jb250ZXh0LnNjb3BlO1xuICAgIH1cbn1cblxuY2xhc3MgRWxlbWVudE9ic2VydmVyIHtcbiAgICBjb25zdHJ1Y3RvcihlbGVtZW50LCBkZWxlZ2F0ZSkge1xuICAgICAgICB0aGlzLm11dGF0aW9uT2JzZXJ2ZXJJbml0ID0geyBhdHRyaWJ1dGVzOiB0cnVlLCBjaGlsZExpc3Q6IHRydWUsIHN1YnRyZWU6IHRydWUgfTtcbiAgICAgICAgdGhpcy5lbGVtZW50ID0gZWxlbWVudDtcbiAgICAgICAgdGhpcy5zdGFydGVkID0gZmFsc2U7XG4gICAgICAgIHRoaXMuZGVsZWdhdGUgPSBkZWxlZ2F0ZTtcbiAgICAgICAgdGhpcy5lbGVtZW50cyA9IG5ldyBTZXQoKTtcbiAgICAgICAgdGhpcy5tdXRhdGlvbk9ic2VydmVyID0gbmV3IE11dGF0aW9uT2JzZXJ2ZXIoKG11dGF0aW9ucykgPT4gdGhpcy5wcm9jZXNzTXV0YXRpb25zKG11dGF0aW9ucykpO1xuICAgIH1cbiAgICBzdGFydCgpIHtcbiAgICAgICAgaWYgKCF0aGlzLnN0YXJ0ZWQpIHtcbiAgICAgICAgICAgIHRoaXMuc3RhcnRlZCA9IHRydWU7XG4gICAgICAgICAgICB0aGlzLm11dGF0aW9uT2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLmVsZW1lbnQsIHRoaXMubXV0YXRpb25PYnNlcnZlckluaXQpO1xuICAgICAgICAgICAgdGhpcy5yZWZyZXNoKCk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgcGF1c2UoY2FsbGJhY2spIHtcbiAgICAgICAgaWYgKHRoaXMuc3RhcnRlZCkge1xuICAgICAgICAgICAgdGhpcy5tdXRhdGlvbk9ic2VydmVyLmRpc2Nvbm5lY3QoKTtcbiAgICAgICAgICAgIHRoaXMuc3RhcnRlZCA9IGZhbHNlO1xuICAgICAgICB9XG4gICAgICAgIGNhbGxiYWNrKCk7XG4gICAgICAgIGlmICghdGhpcy5zdGFydGVkKSB7XG4gICAgICAgICAgICB0aGlzLm11dGF0aW9uT2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLmVsZW1lbnQsIHRoaXMubXV0YXRpb25PYnNlcnZlckluaXQpO1xuICAgICAgICAgICAgdGhpcy5zdGFydGVkID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBzdG9wKCkge1xuICAgICAgICBpZiAodGhpcy5zdGFydGVkKSB7XG4gICAgICAgICAgICB0aGlzLm11dGF0aW9uT2JzZXJ2ZXIudGFrZVJlY29yZHMoKTtcbiAgICAgICAgICAgIHRoaXMubXV0YXRpb25PYnNlcnZlci5kaXNjb25uZWN0KCk7XG4gICAgICAgICAgICB0aGlzLnN0YXJ0ZWQgPSBmYWxzZTtcbiAgICAgICAgfVxuICAgIH1cbiAgICByZWZyZXNoKCkge1xuICAgICAgICBpZiAodGhpcy5zdGFydGVkKSB7XG4gICAgICAgICAgICBjb25zdCBtYXRjaGVzID0gbmV3IFNldCh0aGlzLm1hdGNoRWxlbWVudHNJblRyZWUoKSk7XG4gICAgICAgICAgICBmb3IgKGNvbnN0IGVsZW1lbnQgb2YgQXJyYXkuZnJvbSh0aGlzLmVsZW1lbnRzKSkge1xuICAgICAgICAgICAgICAgIGlmICghbWF0Y2hlcy5oYXMoZWxlbWVudCkpIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5yZW1vdmVFbGVtZW50KGVsZW1lbnQpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGZvciAoY29uc3QgZWxlbWVudCBvZiBBcnJheS5mcm9tKG1hdGNoZXMpKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5hZGRFbGVtZW50KGVsZW1lbnQpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuICAgIHByb2Nlc3NNdXRhdGlvbnMobXV0YXRpb25zKSB7XG4gICAgICAgIGlmICh0aGlzLnN0YXJ0ZWQpIHtcbiAgICAgICAgICAgIGZvciAoY29uc3QgbXV0YXRpb24gb2YgbXV0YXRpb25zKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5wcm9jZXNzTXV0YXRpb24obXV0YXRpb24pO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuICAgIHByb2Nlc3NNdXRhdGlvbihtdXRhdGlvbikge1xuICAgICAgICBpZiAobXV0YXRpb24udHlwZSA9PSBcImF0dHJpYnV0ZXNcIikge1xuICAgICAgICAgICAgdGhpcy5wcm9jZXNzQXR0cmlidXRlQ2hhbmdlKG11dGF0aW9uLnRhcmdldCwgbXV0YXRpb24uYXR0cmlidXRlTmFtZSk7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSBpZiAobXV0YXRpb24udHlwZSA9PSBcImNoaWxkTGlzdFwiKSB7XG4gICAgICAgICAgICB0aGlzLnByb2Nlc3NSZW1vdmVkTm9kZXMobXV0YXRpb24ucmVtb3ZlZE5vZGVzKTtcbiAgICAgICAgICAgIHRoaXMucHJvY2Vzc0FkZGVkTm9kZXMobXV0YXRpb24uYWRkZWROb2Rlcyk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgcHJvY2Vzc0F0dHJpYnV0ZUNoYW5nZShlbGVtZW50LCBhdHRyaWJ1dGVOYW1lKSB7XG4gICAgICAgIGlmICh0aGlzLmVsZW1lbnRzLmhhcyhlbGVtZW50KSkge1xuICAgICAgICAgICAgaWYgKHRoaXMuZGVsZWdhdGUuZWxlbWVudEF0dHJpYnV0ZUNoYW5nZWQgJiYgdGhpcy5tYXRjaEVsZW1lbnQoZWxlbWVudCkpIHtcbiAgICAgICAgICAgICAgICB0aGlzLmRlbGVnYXRlLmVsZW1lbnRBdHRyaWJ1dGVDaGFuZ2VkKGVsZW1lbnQsIGF0dHJpYnV0ZU5hbWUpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICAgICAgdGhpcy5yZW1vdmVFbGVtZW50KGVsZW1lbnQpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIGVsc2UgaWYgKHRoaXMubWF0Y2hFbGVtZW50KGVsZW1lbnQpKSB7XG4gICAgICAgICAgICB0aGlzLmFkZEVsZW1lbnQoZWxlbWVudCk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgcHJvY2Vzc1JlbW92ZWROb2Rlcyhub2Rlcykge1xuICAgICAgICBmb3IgKGNvbnN0IG5vZGUgb2YgQXJyYXkuZnJvbShub2RlcykpIHtcbiAgICAgICAgICAgIGNvbnN0IGVsZW1lbnQgPSB0aGlzLmVsZW1lbnRGcm9tTm9kZShub2RlKTtcbiAgICAgICAgICAgIGlmIChlbGVtZW50KSB7XG4gICAgICAgICAgICAgICAgdGhpcy5wcm9jZXNzVHJlZShlbGVtZW50LCB0aGlzLnJlbW92ZUVsZW1lbnQpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuICAgIHByb2Nlc3NBZGRlZE5vZGVzKG5vZGVzKSB7XG4gICAgICAgIGZvciAoY29uc3Qgbm9kZSBvZiBBcnJheS5mcm9tKG5vZGVzKSkge1xuICAgICAgICAgICAgY29uc3QgZWxlbWVudCA9IHRoaXMuZWxlbWVudEZyb21Ob2RlKG5vZGUpO1xuICAgICAgICAgICAgaWYgKGVsZW1lbnQgJiYgdGhpcy5lbGVtZW50SXNBY3RpdmUoZWxlbWVudCkpIHtcbiAgICAgICAgICAgICAgICB0aGlzLnByb2Nlc3NUcmVlKGVsZW1lbnQsIHRoaXMuYWRkRWxlbWVudCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG4gICAgbWF0Y2hFbGVtZW50KGVsZW1lbnQpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZGVsZWdhdGUubWF0Y2hFbGVtZW50KGVsZW1lbnQpO1xuICAgIH1cbiAgICBtYXRjaEVsZW1lbnRzSW5UcmVlKHRyZWUgPSB0aGlzLmVsZW1lbnQpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZGVsZWdhdGUubWF0Y2hFbGVtZW50c0luVHJlZSh0cmVlKTtcbiAgICB9XG4gICAgcHJvY2Vzc1RyZWUodHJlZSwgcHJvY2Vzc29yKSB7XG4gICAgICAgIGZvciAoY29uc3QgZWxlbWVudCBvZiB0aGlzLm1hdGNoRWxlbWVudHNJblRyZWUodHJlZSkpIHtcbiAgICAgICAgICAgIHByb2Nlc3Nvci5jYWxsKHRoaXMsIGVsZW1lbnQpO1xuICAgICAgICB9XG4gICAgfVxuICAgIGVsZW1lbnRGcm9tTm9kZShub2RlKSB7XG4gICAgICAgIGlmIChub2RlLm5vZGVUeXBlID09IE5vZGUuRUxFTUVOVF9OT0RFKSB7XG4gICAgICAgICAgICByZXR1cm4gbm9kZTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBlbGVtZW50SXNBY3RpdmUoZWxlbWVudCkge1xuICAgICAgICBpZiAoZWxlbWVudC5pc0Nvbm5lY3RlZCAhPSB0aGlzLmVsZW1lbnQuaXNDb25uZWN0ZWQpIHtcbiAgICAgICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgICAgfVxuICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgIHJldHVybiB0aGlzLmVsZW1lbnQuY29udGFpbnMoZWxlbWVudCk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgYWRkRWxlbWVudChlbGVtZW50KSB7XG4gICAgICAgIGlmICghdGhpcy5lbGVtZW50cy5oYXMoZWxlbWVudCkpIHtcbiAgICAgICAgICAgIGlmICh0aGlzLmVsZW1lbnRJc0FjdGl2ZShlbGVtZW50KSkge1xuICAgICAgICAgICAgICAgIHRoaXMuZWxlbWVudHMuYWRkKGVsZW1lbnQpO1xuICAgICAgICAgICAgICAgIGlmICh0aGlzLmRlbGVnYXRlLmVsZW1lbnRNYXRjaGVkKSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuZGVsZWdhdGUuZWxlbWVudE1hdGNoZWQoZWxlbWVudCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuICAgIHJlbW92ZUVsZW1lbnQoZWxlbWVudCkge1xuICAgICAgICBpZiAodGhpcy5lbGVtZW50cy5oYXMoZWxlbWVudCkpIHtcbiAgICAgICAgICAgIHRoaXMuZWxlbWVudHMuZGVsZXRlKGVsZW1lbnQpO1xuICAgICAgICAgICAgaWYgKHRoaXMuZGVsZWdhdGUuZWxlbWVudFVubWF0Y2hlZCkge1xuICAgICAgICAgICAgICAgIHRoaXMuZGVsZWdhdGUuZWxlbWVudFVubWF0Y2hlZChlbGVtZW50KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbn1cblxuY2xhc3MgQXR0cmlidXRlT2JzZXJ2ZXIge1xuICAgIGNvbnN0cnVjdG9yKGVsZW1lbnQsIGF0dHJpYnV0ZU5hbWUsIGRlbGVnYXRlKSB7XG4gICAgICAgIHRoaXMuYXR0cmlidXRlTmFtZSA9IGF0dHJpYnV0ZU5hbWU7XG4gICAgICAgIHRoaXMuZGVsZWdhdGUgPSBkZWxlZ2F0ZTtcbiAgICAgICAgdGhpcy5lbGVtZW50T2JzZXJ2ZXIgPSBuZXcgRWxlbWVudE9ic2VydmVyKGVsZW1lbnQsIHRoaXMpO1xuICAgIH1cbiAgICBnZXQgZWxlbWVudCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZWxlbWVudE9ic2VydmVyLmVsZW1lbnQ7XG4gICAgfVxuICAgIGdldCBzZWxlY3RvcigpIHtcbiAgICAgICAgcmV0dXJuIGBbJHt0aGlzLmF0dHJpYnV0ZU5hbWV9XWA7XG4gICAgfVxuICAgIHN0YXJ0KCkge1xuICAgICAgICB0aGlzLmVsZW1lbnRPYnNlcnZlci5zdGFydCgpO1xuICAgIH1cbiAgICBwYXVzZShjYWxsYmFjaykge1xuICAgICAgICB0aGlzLmVsZW1lbnRPYnNlcnZlci5wYXVzZShjYWxsYmFjayk7XG4gICAgfVxuICAgIHN0b3AoKSB7XG4gICAgICAgIHRoaXMuZWxlbWVudE9ic2VydmVyLnN0b3AoKTtcbiAgICB9XG4gICAgcmVmcmVzaCgpIHtcbiAgICAgICAgdGhpcy5lbGVtZW50T2JzZXJ2ZXIucmVmcmVzaCgpO1xuICAgIH1cbiAgICBnZXQgc3RhcnRlZCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZWxlbWVudE9ic2VydmVyLnN0YXJ0ZWQ7XG4gICAgfVxuICAgIG1hdGNoRWxlbWVudChlbGVtZW50KSB7XG4gICAgICAgIHJldHVybiBlbGVtZW50Lmhhc0F0dHJpYnV0ZSh0aGlzLmF0dHJpYnV0ZU5hbWUpO1xuICAgIH1cbiAgICBtYXRjaEVsZW1lbnRzSW5UcmVlKHRyZWUpIHtcbiAgICAgICAgY29uc3QgbWF0Y2ggPSB0aGlzLm1hdGNoRWxlbWVudCh0cmVlKSA/IFt0cmVlXSA6IFtdO1xuICAgICAgICBjb25zdCBtYXRjaGVzID0gQXJyYXkuZnJvbSh0cmVlLnF1ZXJ5U2VsZWN0b3JBbGwodGhpcy5zZWxlY3RvcikpO1xuICAgICAgICByZXR1cm4gbWF0Y2guY29uY2F0KG1hdGNoZXMpO1xuICAgIH1cbiAgICBlbGVtZW50TWF0Y2hlZChlbGVtZW50KSB7XG4gICAgICAgIGlmICh0aGlzLmRlbGVnYXRlLmVsZW1lbnRNYXRjaGVkQXR0cmlidXRlKSB7XG4gICAgICAgICAgICB0aGlzLmRlbGVnYXRlLmVsZW1lbnRNYXRjaGVkQXR0cmlidXRlKGVsZW1lbnQsIHRoaXMuYXR0cmlidXRlTmFtZSk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgZWxlbWVudFVubWF0Y2hlZChlbGVtZW50KSB7XG4gICAgICAgIGlmICh0aGlzLmRlbGVnYXRlLmVsZW1lbnRVbm1hdGNoZWRBdHRyaWJ1dGUpIHtcbiAgICAgICAgICAgIHRoaXMuZGVsZWdhdGUuZWxlbWVudFVubWF0Y2hlZEF0dHJpYnV0ZShlbGVtZW50LCB0aGlzLmF0dHJpYnV0ZU5hbWUpO1xuICAgICAgICB9XG4gICAgfVxuICAgIGVsZW1lbnRBdHRyaWJ1dGVDaGFuZ2VkKGVsZW1lbnQsIGF0dHJpYnV0ZU5hbWUpIHtcbiAgICAgICAgaWYgKHRoaXMuZGVsZWdhdGUuZWxlbWVudEF0dHJpYnV0ZVZhbHVlQ2hhbmdlZCAmJiB0aGlzLmF0dHJpYnV0ZU5hbWUgPT0gYXR0cmlidXRlTmFtZSkge1xuICAgICAgICAgICAgdGhpcy5kZWxlZ2F0ZS5lbGVtZW50QXR0cmlidXRlVmFsdWVDaGFuZ2VkKGVsZW1lbnQsIGF0dHJpYnV0ZU5hbWUpO1xuICAgICAgICB9XG4gICAgfVxufVxuXG5mdW5jdGlvbiBhZGQobWFwLCBrZXksIHZhbHVlKSB7XG4gICAgZmV0Y2gobWFwLCBrZXkpLmFkZCh2YWx1ZSk7XG59XG5mdW5jdGlvbiBkZWwobWFwLCBrZXksIHZhbHVlKSB7XG4gICAgZmV0Y2gobWFwLCBrZXkpLmRlbGV0ZSh2YWx1ZSk7XG4gICAgcHJ1bmUobWFwLCBrZXkpO1xufVxuZnVuY3Rpb24gZmV0Y2gobWFwLCBrZXkpIHtcbiAgICBsZXQgdmFsdWVzID0gbWFwLmdldChrZXkpO1xuICAgIGlmICghdmFsdWVzKSB7XG4gICAgICAgIHZhbHVlcyA9IG5ldyBTZXQoKTtcbiAgICAgICAgbWFwLnNldChrZXksIHZhbHVlcyk7XG4gICAgfVxuICAgIHJldHVybiB2YWx1ZXM7XG59XG5mdW5jdGlvbiBwcnVuZShtYXAsIGtleSkge1xuICAgIGNvbnN0IHZhbHVlcyA9IG1hcC5nZXQoa2V5KTtcbiAgICBpZiAodmFsdWVzICE9IG51bGwgJiYgdmFsdWVzLnNpemUgPT0gMCkge1xuICAgICAgICBtYXAuZGVsZXRlKGtleSk7XG4gICAgfVxufVxuXG5jbGFzcyBNdWx0aW1hcCB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHRoaXMudmFsdWVzQnlLZXkgPSBuZXcgTWFwKCk7XG4gICAgfVxuICAgIGdldCBrZXlzKCkge1xuICAgICAgICByZXR1cm4gQXJyYXkuZnJvbSh0aGlzLnZhbHVlc0J5S2V5LmtleXMoKSk7XG4gICAgfVxuICAgIGdldCB2YWx1ZXMoKSB7XG4gICAgICAgIGNvbnN0IHNldHMgPSBBcnJheS5mcm9tKHRoaXMudmFsdWVzQnlLZXkudmFsdWVzKCkpO1xuICAgICAgICByZXR1cm4gc2V0cy5yZWR1Y2UoKHZhbHVlcywgc2V0KSA9PiB2YWx1ZXMuY29uY2F0KEFycmF5LmZyb20oc2V0KSksIFtdKTtcbiAgICB9XG4gICAgZ2V0IHNpemUoKSB7XG4gICAgICAgIGNvbnN0IHNldHMgPSBBcnJheS5mcm9tKHRoaXMudmFsdWVzQnlLZXkudmFsdWVzKCkpO1xuICAgICAgICByZXR1cm4gc2V0cy5yZWR1Y2UoKHNpemUsIHNldCkgPT4gc2l6ZSArIHNldC5zaXplLCAwKTtcbiAgICB9XG4gICAgYWRkKGtleSwgdmFsdWUpIHtcbiAgICAgICAgYWRkKHRoaXMudmFsdWVzQnlLZXksIGtleSwgdmFsdWUpO1xuICAgIH1cbiAgICBkZWxldGUoa2V5LCB2YWx1ZSkge1xuICAgICAgICBkZWwodGhpcy52YWx1ZXNCeUtleSwga2V5LCB2YWx1ZSk7XG4gICAgfVxuICAgIGhhcyhrZXksIHZhbHVlKSB7XG4gICAgICAgIGNvbnN0IHZhbHVlcyA9IHRoaXMudmFsdWVzQnlLZXkuZ2V0KGtleSk7XG4gICAgICAgIHJldHVybiB2YWx1ZXMgIT0gbnVsbCAmJiB2YWx1ZXMuaGFzKHZhbHVlKTtcbiAgICB9XG4gICAgaGFzS2V5KGtleSkge1xuICAgICAgICByZXR1cm4gdGhpcy52YWx1ZXNCeUtleS5oYXMoa2V5KTtcbiAgICB9XG4gICAgaGFzVmFsdWUodmFsdWUpIHtcbiAgICAgICAgY29uc3Qgc2V0cyA9IEFycmF5LmZyb20odGhpcy52YWx1ZXNCeUtleS52YWx1ZXMoKSk7XG4gICAgICAgIHJldHVybiBzZXRzLnNvbWUoKHNldCkgPT4gc2V0Lmhhcyh2YWx1ZSkpO1xuICAgIH1cbiAgICBnZXRWYWx1ZXNGb3JLZXkoa2V5KSB7XG4gICAgICAgIGNvbnN0IHZhbHVlcyA9IHRoaXMudmFsdWVzQnlLZXkuZ2V0KGtleSk7XG4gICAgICAgIHJldHVybiB2YWx1ZXMgPyBBcnJheS5mcm9tKHZhbHVlcykgOiBbXTtcbiAgICB9XG4gICAgZ2V0S2V5c0ZvclZhbHVlKHZhbHVlKSB7XG4gICAgICAgIHJldHVybiBBcnJheS5mcm9tKHRoaXMudmFsdWVzQnlLZXkpXG4gICAgICAgICAgICAuZmlsdGVyKChbX2tleSwgdmFsdWVzXSkgPT4gdmFsdWVzLmhhcyh2YWx1ZSkpXG4gICAgICAgICAgICAubWFwKChba2V5LCBfdmFsdWVzXSkgPT4ga2V5KTtcbiAgICB9XG59XG5cbmNsYXNzIEluZGV4ZWRNdWx0aW1hcCBleHRlbmRzIE11bHRpbWFwIHtcbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICAgICAgdGhpcy5rZXlzQnlWYWx1ZSA9IG5ldyBNYXAoKTtcbiAgICB9XG4gICAgZ2V0IHZhbHVlcygpIHtcbiAgICAgICAgcmV0dXJuIEFycmF5LmZyb20odGhpcy5rZXlzQnlWYWx1ZS5rZXlzKCkpO1xuICAgIH1cbiAgICBhZGQoa2V5LCB2YWx1ZSkge1xuICAgICAgICBzdXBlci5hZGQoa2V5LCB2YWx1ZSk7XG4gICAgICAgIGFkZCh0aGlzLmtleXNCeVZhbHVlLCB2YWx1ZSwga2V5KTtcbiAgICB9XG4gICAgZGVsZXRlKGtleSwgdmFsdWUpIHtcbiAgICAgICAgc3VwZXIuZGVsZXRlKGtleSwgdmFsdWUpO1xuICAgICAgICBkZWwodGhpcy5rZXlzQnlWYWx1ZSwgdmFsdWUsIGtleSk7XG4gICAgfVxuICAgIGhhc1ZhbHVlKHZhbHVlKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmtleXNCeVZhbHVlLmhhcyh2YWx1ZSk7XG4gICAgfVxuICAgIGdldEtleXNGb3JWYWx1ZSh2YWx1ZSkge1xuICAgICAgICBjb25zdCBzZXQgPSB0aGlzLmtleXNCeVZhbHVlLmdldCh2YWx1ZSk7XG4gICAgICAgIHJldHVybiBzZXQgPyBBcnJheS5mcm9tKHNldCkgOiBbXTtcbiAgICB9XG59XG5cbmNsYXNzIFNlbGVjdG9yT2JzZXJ2ZXIge1xuICAgIGNvbnN0cnVjdG9yKGVsZW1lbnQsIHNlbGVjdG9yLCBkZWxlZ2F0ZSwgZGV0YWlscykge1xuICAgICAgICB0aGlzLl9zZWxlY3RvciA9IHNlbGVjdG9yO1xuICAgICAgICB0aGlzLmRldGFpbHMgPSBkZXRhaWxzO1xuICAgICAgICB0aGlzLmVsZW1lbnRPYnNlcnZlciA9IG5ldyBFbGVtZW50T2JzZXJ2ZXIoZWxlbWVudCwgdGhpcyk7XG4gICAgICAgIHRoaXMuZGVsZWdhdGUgPSBkZWxlZ2F0ZTtcbiAgICAgICAgdGhpcy5tYXRjaGVzQnlFbGVtZW50ID0gbmV3IE11bHRpbWFwKCk7XG4gICAgfVxuICAgIGdldCBzdGFydGVkKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5lbGVtZW50T2JzZXJ2ZXIuc3RhcnRlZDtcbiAgICB9XG4gICAgZ2V0IHNlbGVjdG9yKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5fc2VsZWN0b3I7XG4gICAgfVxuICAgIHNldCBzZWxlY3RvcihzZWxlY3Rvcikge1xuICAgICAgICB0aGlzLl9zZWxlY3RvciA9IHNlbGVjdG9yO1xuICAgICAgICB0aGlzLnJlZnJlc2goKTtcbiAgICB9XG4gICAgc3RhcnQoKSB7XG4gICAgICAgIHRoaXMuZWxlbWVudE9ic2VydmVyLnN0YXJ0KCk7XG4gICAgfVxuICAgIHBhdXNlKGNhbGxiYWNrKSB7XG4gICAgICAgIHRoaXMuZWxlbWVudE9ic2VydmVyLnBhdXNlKGNhbGxiYWNrKTtcbiAgICB9XG4gICAgc3RvcCgpIHtcbiAgICAgICAgdGhpcy5lbGVtZW50T2JzZXJ2ZXIuc3RvcCgpO1xuICAgIH1cbiAgICByZWZyZXNoKCkge1xuICAgICAgICB0aGlzLmVsZW1lbnRPYnNlcnZlci5yZWZyZXNoKCk7XG4gICAgfVxuICAgIGdldCBlbGVtZW50KCkge1xuICAgICAgICByZXR1cm4gdGhpcy5lbGVtZW50T2JzZXJ2ZXIuZWxlbWVudDtcbiAgICB9XG4gICAgbWF0Y2hFbGVtZW50KGVsZW1lbnQpIHtcbiAgICAgICAgY29uc3QgeyBzZWxlY3RvciB9ID0gdGhpcztcbiAgICAgICAgaWYgKHNlbGVjdG9yKSB7XG4gICAgICAgICAgICBjb25zdCBtYXRjaGVzID0gZWxlbWVudC5tYXRjaGVzKHNlbGVjdG9yKTtcbiAgICAgICAgICAgIGlmICh0aGlzLmRlbGVnYXRlLnNlbGVjdG9yTWF0Y2hFbGVtZW50KSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIG1hdGNoZXMgJiYgdGhpcy5kZWxlZ2F0ZS5zZWxlY3Rvck1hdGNoRWxlbWVudChlbGVtZW50LCB0aGlzLmRldGFpbHMpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgcmV0dXJuIG1hdGNoZXM7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICAgIH1cbiAgICB9XG4gICAgbWF0Y2hFbGVtZW50c0luVHJlZSh0cmVlKSB7XG4gICAgICAgIGNvbnN0IHsgc2VsZWN0b3IgfSA9IHRoaXM7XG4gICAgICAgIGlmIChzZWxlY3Rvcikge1xuICAgICAgICAgICAgY29uc3QgbWF0Y2ggPSB0aGlzLm1hdGNoRWxlbWVudCh0cmVlKSA/IFt0cmVlXSA6IFtdO1xuICAgICAgICAgICAgY29uc3QgbWF0Y2hlcyA9IEFycmF5LmZyb20odHJlZS5xdWVyeVNlbGVjdG9yQWxsKHNlbGVjdG9yKSkuZmlsdGVyKChtYXRjaCkgPT4gdGhpcy5tYXRjaEVsZW1lbnQobWF0Y2gpKTtcbiAgICAgICAgICAgIHJldHVybiBtYXRjaC5jb25jYXQobWF0Y2hlcyk7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICByZXR1cm4gW107XG4gICAgICAgIH1cbiAgICB9XG4gICAgZWxlbWVudE1hdGNoZWQoZWxlbWVudCkge1xuICAgICAgICBjb25zdCB7IHNlbGVjdG9yIH0gPSB0aGlzO1xuICAgICAgICBpZiAoc2VsZWN0b3IpIHtcbiAgICAgICAgICAgIHRoaXMuc2VsZWN0b3JNYXRjaGVkKGVsZW1lbnQsIHNlbGVjdG9yKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBlbGVtZW50VW5tYXRjaGVkKGVsZW1lbnQpIHtcbiAgICAgICAgY29uc3Qgc2VsZWN0b3JzID0gdGhpcy5tYXRjaGVzQnlFbGVtZW50LmdldEtleXNGb3JWYWx1ZShlbGVtZW50KTtcbiAgICAgICAgZm9yIChjb25zdCBzZWxlY3RvciBvZiBzZWxlY3RvcnMpIHtcbiAgICAgICAgICAgIHRoaXMuc2VsZWN0b3JVbm1hdGNoZWQoZWxlbWVudCwgc2VsZWN0b3IpO1xuICAgICAgICB9XG4gICAgfVxuICAgIGVsZW1lbnRBdHRyaWJ1dGVDaGFuZ2VkKGVsZW1lbnQsIF9hdHRyaWJ1dGVOYW1lKSB7XG4gICAgICAgIGNvbnN0IHsgc2VsZWN0b3IgfSA9IHRoaXM7XG4gICAgICAgIGlmIChzZWxlY3Rvcikge1xuICAgICAgICAgICAgY29uc3QgbWF0Y2hlcyA9IHRoaXMubWF0Y2hFbGVtZW50KGVsZW1lbnQpO1xuICAgICAgICAgICAgY29uc3QgbWF0Y2hlZEJlZm9yZSA9IHRoaXMubWF0Y2hlc0J5RWxlbWVudC5oYXMoc2VsZWN0b3IsIGVsZW1lbnQpO1xuICAgICAgICAgICAgaWYgKG1hdGNoZXMgJiYgIW1hdGNoZWRCZWZvcmUpIHtcbiAgICAgICAgICAgICAgICB0aGlzLnNlbGVjdG9yTWF0Y2hlZChlbGVtZW50LCBzZWxlY3Rvcik7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBlbHNlIGlmICghbWF0Y2hlcyAmJiBtYXRjaGVkQmVmb3JlKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5zZWxlY3RvclVubWF0Y2hlZChlbGVtZW50LCBzZWxlY3Rvcik7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG4gICAgc2VsZWN0b3JNYXRjaGVkKGVsZW1lbnQsIHNlbGVjdG9yKSB7XG4gICAgICAgIHRoaXMuZGVsZWdhdGUuc2VsZWN0b3JNYXRjaGVkKGVsZW1lbnQsIHNlbGVjdG9yLCB0aGlzLmRldGFpbHMpO1xuICAgICAgICB0aGlzLm1hdGNoZXNCeUVsZW1lbnQuYWRkKHNlbGVjdG9yLCBlbGVtZW50KTtcbiAgICB9XG4gICAgc2VsZWN0b3JVbm1hdGNoZWQoZWxlbWVudCwgc2VsZWN0b3IpIHtcbiAgICAgICAgdGhpcy5kZWxlZ2F0ZS5zZWxlY3RvclVubWF0Y2hlZChlbGVtZW50LCBzZWxlY3RvciwgdGhpcy5kZXRhaWxzKTtcbiAgICAgICAgdGhpcy5tYXRjaGVzQnlFbGVtZW50LmRlbGV0ZShzZWxlY3RvciwgZWxlbWVudCk7XG4gICAgfVxufVxuXG5jbGFzcyBTdHJpbmdNYXBPYnNlcnZlciB7XG4gICAgY29uc3RydWN0b3IoZWxlbWVudCwgZGVsZWdhdGUpIHtcbiAgICAgICAgdGhpcy5lbGVtZW50ID0gZWxlbWVudDtcbiAgICAgICAgdGhpcy5kZWxlZ2F0ZSA9IGRlbGVnYXRlO1xuICAgICAgICB0aGlzLnN0YXJ0ZWQgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5zdHJpbmdNYXAgPSBuZXcgTWFwKCk7XG4gICAgICAgIHRoaXMubXV0YXRpb25PYnNlcnZlciA9IG5ldyBNdXRhdGlvbk9ic2VydmVyKChtdXRhdGlvbnMpID0+IHRoaXMucHJvY2Vzc011dGF0aW9ucyhtdXRhdGlvbnMpKTtcbiAgICB9XG4gICAgc3RhcnQoKSB7XG4gICAgICAgIGlmICghdGhpcy5zdGFydGVkKSB7XG4gICAgICAgICAgICB0aGlzLnN0YXJ0ZWQgPSB0cnVlO1xuICAgICAgICAgICAgdGhpcy5tdXRhdGlvbk9ic2VydmVyLm9ic2VydmUodGhpcy5lbGVtZW50LCB7IGF0dHJpYnV0ZXM6IHRydWUsIGF0dHJpYnV0ZU9sZFZhbHVlOiB0cnVlIH0pO1xuICAgICAgICAgICAgdGhpcy5yZWZyZXNoKCk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgc3RvcCgpIHtcbiAgICAgICAgaWYgKHRoaXMuc3RhcnRlZCkge1xuICAgICAgICAgICAgdGhpcy5tdXRhdGlvbk9ic2VydmVyLnRha2VSZWNvcmRzKCk7XG4gICAgICAgICAgICB0aGlzLm11dGF0aW9uT2JzZXJ2ZXIuZGlzY29ubmVjdCgpO1xuICAgICAgICAgICAgdGhpcy5zdGFydGVkID0gZmFsc2U7XG4gICAgICAgIH1cbiAgICB9XG4gICAgcmVmcmVzaCgpIHtcbiAgICAgICAgaWYgKHRoaXMuc3RhcnRlZCkge1xuICAgICAgICAgICAgZm9yIChjb25zdCBhdHRyaWJ1dGVOYW1lIG9mIHRoaXMua25vd25BdHRyaWJ1dGVOYW1lcykge1xuICAgICAgICAgICAgICAgIHRoaXMucmVmcmVzaEF0dHJpYnV0ZShhdHRyaWJ1dGVOYW1lLCBudWxsKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbiAgICBwcm9jZXNzTXV0YXRpb25zKG11dGF0aW9ucykge1xuICAgICAgICBpZiAodGhpcy5zdGFydGVkKSB7XG4gICAgICAgICAgICBmb3IgKGNvbnN0IG11dGF0aW9uIG9mIG11dGF0aW9ucykge1xuICAgICAgICAgICAgICAgIHRoaXMucHJvY2Vzc011dGF0aW9uKG11dGF0aW9uKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbiAgICBwcm9jZXNzTXV0YXRpb24obXV0YXRpb24pIHtcbiAgICAgICAgY29uc3QgYXR0cmlidXRlTmFtZSA9IG11dGF0aW9uLmF0dHJpYnV0ZU5hbWU7XG4gICAgICAgIGlmIChhdHRyaWJ1dGVOYW1lKSB7XG4gICAgICAgICAgICB0aGlzLnJlZnJlc2hBdHRyaWJ1dGUoYXR0cmlidXRlTmFtZSwgbXV0YXRpb24ub2xkVmFsdWUpO1xuICAgICAgICB9XG4gICAgfVxuICAgIHJlZnJlc2hBdHRyaWJ1dGUoYXR0cmlidXRlTmFtZSwgb2xkVmFsdWUpIHtcbiAgICAgICAgY29uc3Qga2V5ID0gdGhpcy5kZWxlZ2F0ZS5nZXRTdHJpbmdNYXBLZXlGb3JBdHRyaWJ1dGUoYXR0cmlidXRlTmFtZSk7XG4gICAgICAgIGlmIChrZXkgIT0gbnVsbCkge1xuICAgICAgICAgICAgaWYgKCF0aGlzLnN0cmluZ01hcC5oYXMoYXR0cmlidXRlTmFtZSkpIHtcbiAgICAgICAgICAgICAgICB0aGlzLnN0cmluZ01hcEtleUFkZGVkKGtleSwgYXR0cmlidXRlTmFtZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBjb25zdCB2YWx1ZSA9IHRoaXMuZWxlbWVudC5nZXRBdHRyaWJ1dGUoYXR0cmlidXRlTmFtZSk7XG4gICAgICAgICAgICBpZiAodGhpcy5zdHJpbmdNYXAuZ2V0KGF0dHJpYnV0ZU5hbWUpICE9IHZhbHVlKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5zdHJpbmdNYXBWYWx1ZUNoYW5nZWQodmFsdWUsIGtleSwgb2xkVmFsdWUpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgaWYgKHZhbHVlID09IG51bGwpIHtcbiAgICAgICAgICAgICAgICBjb25zdCBvbGRWYWx1ZSA9IHRoaXMuc3RyaW5nTWFwLmdldChhdHRyaWJ1dGVOYW1lKTtcbiAgICAgICAgICAgICAgICB0aGlzLnN0cmluZ01hcC5kZWxldGUoYXR0cmlidXRlTmFtZSk7XG4gICAgICAgICAgICAgICAgaWYgKG9sZFZhbHVlKVxuICAgICAgICAgICAgICAgICAgICB0aGlzLnN0cmluZ01hcEtleVJlbW92ZWQoa2V5LCBhdHRyaWJ1dGVOYW1lLCBvbGRWYWx1ZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgICAgICB0aGlzLnN0cmluZ01hcC5zZXQoYXR0cmlidXRlTmFtZSwgdmFsdWUpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuICAgIHN0cmluZ01hcEtleUFkZGVkKGtleSwgYXR0cmlidXRlTmFtZSkge1xuICAgICAgICBpZiAodGhpcy5kZWxlZ2F0ZS5zdHJpbmdNYXBLZXlBZGRlZCkge1xuICAgICAgICAgICAgdGhpcy5kZWxlZ2F0ZS5zdHJpbmdNYXBLZXlBZGRlZChrZXksIGF0dHJpYnV0ZU5hbWUpO1xuICAgICAgICB9XG4gICAgfVxuICAgIHN0cmluZ01hcFZhbHVlQ2hhbmdlZCh2YWx1ZSwga2V5LCBvbGRWYWx1ZSkge1xuICAgICAgICBpZiAodGhpcy5kZWxlZ2F0ZS5zdHJpbmdNYXBWYWx1ZUNoYW5nZWQpIHtcbiAgICAgICAgICAgIHRoaXMuZGVsZWdhdGUuc3RyaW5nTWFwVmFsdWVDaGFuZ2VkKHZhbHVlLCBrZXksIG9sZFZhbHVlKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBzdHJpbmdNYXBLZXlSZW1vdmVkKGtleSwgYXR0cmlidXRlTmFtZSwgb2xkVmFsdWUpIHtcbiAgICAgICAgaWYgKHRoaXMuZGVsZWdhdGUuc3RyaW5nTWFwS2V5UmVtb3ZlZCkge1xuICAgICAgICAgICAgdGhpcy5kZWxlZ2F0ZS5zdHJpbmdNYXBLZXlSZW1vdmVkKGtleSwgYXR0cmlidXRlTmFtZSwgb2xkVmFsdWUpO1xuICAgICAgICB9XG4gICAgfVxuICAgIGdldCBrbm93bkF0dHJpYnV0ZU5hbWVzKCkge1xuICAgICAgICByZXR1cm4gQXJyYXkuZnJvbShuZXcgU2V0KHRoaXMuY3VycmVudEF0dHJpYnV0ZU5hbWVzLmNvbmNhdCh0aGlzLnJlY29yZGVkQXR0cmlidXRlTmFtZXMpKSk7XG4gICAgfVxuICAgIGdldCBjdXJyZW50QXR0cmlidXRlTmFtZXMoKSB7XG4gICAgICAgIHJldHVybiBBcnJheS5mcm9tKHRoaXMuZWxlbWVudC5hdHRyaWJ1dGVzKS5tYXAoKGF0dHJpYnV0ZSkgPT4gYXR0cmlidXRlLm5hbWUpO1xuICAgIH1cbiAgICBnZXQgcmVjb3JkZWRBdHRyaWJ1dGVOYW1lcygpIHtcbiAgICAgICAgcmV0dXJuIEFycmF5LmZyb20odGhpcy5zdHJpbmdNYXAua2V5cygpKTtcbiAgICB9XG59XG5cbmNsYXNzIFRva2VuTGlzdE9ic2VydmVyIHtcbiAgICBjb25zdHJ1Y3RvcihlbGVtZW50LCBhdHRyaWJ1dGVOYW1lLCBkZWxlZ2F0ZSkge1xuICAgICAgICB0aGlzLmF0dHJpYnV0ZU9ic2VydmVyID0gbmV3IEF0dHJpYnV0ZU9ic2VydmVyKGVsZW1lbnQsIGF0dHJpYnV0ZU5hbWUsIHRoaXMpO1xuICAgICAgICB0aGlzLmRlbGVnYXRlID0gZGVsZWdhdGU7XG4gICAgICAgIHRoaXMudG9rZW5zQnlFbGVtZW50ID0gbmV3IE11bHRpbWFwKCk7XG4gICAgfVxuICAgIGdldCBzdGFydGVkKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5hdHRyaWJ1dGVPYnNlcnZlci5zdGFydGVkO1xuICAgIH1cbiAgICBzdGFydCgpIHtcbiAgICAgICAgdGhpcy5hdHRyaWJ1dGVPYnNlcnZlci5zdGFydCgpO1xuICAgIH1cbiAgICBwYXVzZShjYWxsYmFjaykge1xuICAgICAgICB0aGlzLmF0dHJpYnV0ZU9ic2VydmVyLnBhdXNlKGNhbGxiYWNrKTtcbiAgICB9XG4gICAgc3RvcCgpIHtcbiAgICAgICAgdGhpcy5hdHRyaWJ1dGVPYnNlcnZlci5zdG9wKCk7XG4gICAgfVxuICAgIHJlZnJlc2goKSB7XG4gICAgICAgIHRoaXMuYXR0cmlidXRlT2JzZXJ2ZXIucmVmcmVzaCgpO1xuICAgIH1cbiAgICBnZXQgZWxlbWVudCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuYXR0cmlidXRlT2JzZXJ2ZXIuZWxlbWVudDtcbiAgICB9XG4gICAgZ2V0IGF0dHJpYnV0ZU5hbWUoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmF0dHJpYnV0ZU9ic2VydmVyLmF0dHJpYnV0ZU5hbWU7XG4gICAgfVxuICAgIGVsZW1lbnRNYXRjaGVkQXR0cmlidXRlKGVsZW1lbnQpIHtcbiAgICAgICAgdGhpcy50b2tlbnNNYXRjaGVkKHRoaXMucmVhZFRva2Vuc0ZvckVsZW1lbnQoZWxlbWVudCkpO1xuICAgIH1cbiAgICBlbGVtZW50QXR0cmlidXRlVmFsdWVDaGFuZ2VkKGVsZW1lbnQpIHtcbiAgICAgICAgY29uc3QgW3VubWF0Y2hlZFRva2VucywgbWF0Y2hlZFRva2Vuc10gPSB0aGlzLnJlZnJlc2hUb2tlbnNGb3JFbGVtZW50KGVsZW1lbnQpO1xuICAgICAgICB0aGlzLnRva2Vuc1VubWF0Y2hlZCh1bm1hdGNoZWRUb2tlbnMpO1xuICAgICAgICB0aGlzLnRva2Vuc01hdGNoZWQobWF0Y2hlZFRva2Vucyk7XG4gICAgfVxuICAgIGVsZW1lbnRVbm1hdGNoZWRBdHRyaWJ1dGUoZWxlbWVudCkge1xuICAgICAgICB0aGlzLnRva2Vuc1VubWF0Y2hlZCh0aGlzLnRva2Vuc0J5RWxlbWVudC5nZXRWYWx1ZXNGb3JLZXkoZWxlbWVudCkpO1xuICAgIH1cbiAgICB0b2tlbnNNYXRjaGVkKHRva2Vucykge1xuICAgICAgICB0b2tlbnMuZm9yRWFjaCgodG9rZW4pID0+IHRoaXMudG9rZW5NYXRjaGVkKHRva2VuKSk7XG4gICAgfVxuICAgIHRva2Vuc1VubWF0Y2hlZCh0b2tlbnMpIHtcbiAgICAgICAgdG9rZW5zLmZvckVhY2goKHRva2VuKSA9PiB0aGlzLnRva2VuVW5tYXRjaGVkKHRva2VuKSk7XG4gICAgfVxuICAgIHRva2VuTWF0Y2hlZCh0b2tlbikge1xuICAgICAgICB0aGlzLmRlbGVnYXRlLnRva2VuTWF0Y2hlZCh0b2tlbik7XG4gICAgICAgIHRoaXMudG9rZW5zQnlFbGVtZW50LmFkZCh0b2tlbi5lbGVtZW50LCB0b2tlbik7XG4gICAgfVxuICAgIHRva2VuVW5tYXRjaGVkKHRva2VuKSB7XG4gICAgICAgIHRoaXMuZGVsZWdhdGUudG9rZW5Vbm1hdGNoZWQodG9rZW4pO1xuICAgICAgICB0aGlzLnRva2Vuc0J5RWxlbWVudC5kZWxldGUodG9rZW4uZWxlbWVudCwgdG9rZW4pO1xuICAgIH1cbiAgICByZWZyZXNoVG9rZW5zRm9yRWxlbWVudChlbGVtZW50KSB7XG4gICAgICAgIGNvbnN0IHByZXZpb3VzVG9rZW5zID0gdGhpcy50b2tlbnNCeUVsZW1lbnQuZ2V0VmFsdWVzRm9yS2V5KGVsZW1lbnQpO1xuICAgICAgICBjb25zdCBjdXJyZW50VG9rZW5zID0gdGhpcy5yZWFkVG9rZW5zRm9yRWxlbWVudChlbGVtZW50KTtcbiAgICAgICAgY29uc3QgZmlyc3REaWZmZXJpbmdJbmRleCA9IHppcChwcmV2aW91c1Rva2VucywgY3VycmVudFRva2VucykuZmluZEluZGV4KChbcHJldmlvdXNUb2tlbiwgY3VycmVudFRva2VuXSkgPT4gIXRva2Vuc0FyZUVxdWFsKHByZXZpb3VzVG9rZW4sIGN1cnJlbnRUb2tlbikpO1xuICAgICAgICBpZiAoZmlyc3REaWZmZXJpbmdJbmRleCA9PSAtMSkge1xuICAgICAgICAgICAgcmV0dXJuIFtbXSwgW11dO1xuICAgICAgICB9XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgcmV0dXJuIFtwcmV2aW91c1Rva2Vucy5zbGljZShmaXJzdERpZmZlcmluZ0luZGV4KSwgY3VycmVudFRva2Vucy5zbGljZShmaXJzdERpZmZlcmluZ0luZGV4KV07XG4gICAgICAgIH1cbiAgICB9XG4gICAgcmVhZFRva2Vuc0ZvckVsZW1lbnQoZWxlbWVudCkge1xuICAgICAgICBjb25zdCBhdHRyaWJ1dGVOYW1lID0gdGhpcy5hdHRyaWJ1dGVOYW1lO1xuICAgICAgICBjb25zdCB0b2tlblN0cmluZyA9IGVsZW1lbnQuZ2V0QXR0cmlidXRlKGF0dHJpYnV0ZU5hbWUpIHx8IFwiXCI7XG4gICAgICAgIHJldHVybiBwYXJzZVRva2VuU3RyaW5nKHRva2VuU3RyaW5nLCBlbGVtZW50LCBhdHRyaWJ1dGVOYW1lKTtcbiAgICB9XG59XG5mdW5jdGlvbiBwYXJzZVRva2VuU3RyaW5nKHRva2VuU3RyaW5nLCBlbGVtZW50LCBhdHRyaWJ1dGVOYW1lKSB7XG4gICAgcmV0dXJuIHRva2VuU3RyaW5nXG4gICAgICAgIC50cmltKClcbiAgICAgICAgLnNwbGl0KC9cXHMrLylcbiAgICAgICAgLmZpbHRlcigoY29udGVudCkgPT4gY29udGVudC5sZW5ndGgpXG4gICAgICAgIC5tYXAoKGNvbnRlbnQsIGluZGV4KSA9PiAoeyBlbGVtZW50LCBhdHRyaWJ1dGVOYW1lLCBjb250ZW50LCBpbmRleCB9KSk7XG59XG5mdW5jdGlvbiB6aXAobGVmdCwgcmlnaHQpIHtcbiAgICBjb25zdCBsZW5ndGggPSBNYXRoLm1heChsZWZ0Lmxlbmd0aCwgcmlnaHQubGVuZ3RoKTtcbiAgICByZXR1cm4gQXJyYXkuZnJvbSh7IGxlbmd0aCB9LCAoXywgaW5kZXgpID0+IFtsZWZ0W2luZGV4XSwgcmlnaHRbaW5kZXhdXSk7XG59XG5mdW5jdGlvbiB0b2tlbnNBcmVFcXVhbChsZWZ0LCByaWdodCkge1xuICAgIHJldHVybiBsZWZ0ICYmIHJpZ2h0ICYmIGxlZnQuaW5kZXggPT0gcmlnaHQuaW5kZXggJiYgbGVmdC5jb250ZW50ID09IHJpZ2h0LmNvbnRlbnQ7XG59XG5cbmNsYXNzIFZhbHVlTGlzdE9ic2VydmVyIHtcbiAgICBjb25zdHJ1Y3RvcihlbGVtZW50LCBhdHRyaWJ1dGVOYW1lLCBkZWxlZ2F0ZSkge1xuICAgICAgICB0aGlzLnRva2VuTGlzdE9ic2VydmVyID0gbmV3IFRva2VuTGlzdE9ic2VydmVyKGVsZW1lbnQsIGF0dHJpYnV0ZU5hbWUsIHRoaXMpO1xuICAgICAgICB0aGlzLmRlbGVnYXRlID0gZGVsZWdhdGU7XG4gICAgICAgIHRoaXMucGFyc2VSZXN1bHRzQnlUb2tlbiA9IG5ldyBXZWFrTWFwKCk7XG4gICAgICAgIHRoaXMudmFsdWVzQnlUb2tlbkJ5RWxlbWVudCA9IG5ldyBXZWFrTWFwKCk7XG4gICAgfVxuICAgIGdldCBzdGFydGVkKCkge1xuICAgICAgICByZXR1cm4gdGhpcy50b2tlbkxpc3RPYnNlcnZlci5zdGFydGVkO1xuICAgIH1cbiAgICBzdGFydCgpIHtcbiAgICAgICAgdGhpcy50b2tlbkxpc3RPYnNlcnZlci5zdGFydCgpO1xuICAgIH1cbiAgICBzdG9wKCkge1xuICAgICAgICB0aGlzLnRva2VuTGlzdE9ic2VydmVyLnN0b3AoKTtcbiAgICB9XG4gICAgcmVmcmVzaCgpIHtcbiAgICAgICAgdGhpcy50b2tlbkxpc3RPYnNlcnZlci5yZWZyZXNoKCk7XG4gICAgfVxuICAgIGdldCBlbGVtZW50KCkge1xuICAgICAgICByZXR1cm4gdGhpcy50b2tlbkxpc3RPYnNlcnZlci5lbGVtZW50O1xuICAgIH1cbiAgICBnZXQgYXR0cmlidXRlTmFtZSgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMudG9rZW5MaXN0T2JzZXJ2ZXIuYXR0cmlidXRlTmFtZTtcbiAgICB9XG4gICAgdG9rZW5NYXRjaGVkKHRva2VuKSB7XG4gICAgICAgIGNvbnN0IHsgZWxlbWVudCB9ID0gdG9rZW47XG4gICAgICAgIGNvbnN0IHsgdmFsdWUgfSA9IHRoaXMuZmV0Y2hQYXJzZVJlc3VsdEZvclRva2VuKHRva2VuKTtcbiAgICAgICAgaWYgKHZhbHVlKSB7XG4gICAgICAgICAgICB0aGlzLmZldGNoVmFsdWVzQnlUb2tlbkZvckVsZW1lbnQoZWxlbWVudCkuc2V0KHRva2VuLCB2YWx1ZSk7XG4gICAgICAgICAgICB0aGlzLmRlbGVnYXRlLmVsZW1lbnRNYXRjaGVkVmFsdWUoZWxlbWVudCwgdmFsdWUpO1xuICAgICAgICB9XG4gICAgfVxuICAgIHRva2VuVW5tYXRjaGVkKHRva2VuKSB7XG4gICAgICAgIGNvbnN0IHsgZWxlbWVudCB9ID0gdG9rZW47XG4gICAgICAgIGNvbnN0IHsgdmFsdWUgfSA9IHRoaXMuZmV0Y2hQYXJzZVJlc3VsdEZvclRva2VuKHRva2VuKTtcbiAgICAgICAgaWYgKHZhbHVlKSB7XG4gICAgICAgICAgICB0aGlzLmZldGNoVmFsdWVzQnlUb2tlbkZvckVsZW1lbnQoZWxlbWVudCkuZGVsZXRlKHRva2VuKTtcbiAgICAgICAgICAgIHRoaXMuZGVsZWdhdGUuZWxlbWVudFVubWF0Y2hlZFZhbHVlKGVsZW1lbnQsIHZhbHVlKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBmZXRjaFBhcnNlUmVzdWx0Rm9yVG9rZW4odG9rZW4pIHtcbiAgICAgICAgbGV0IHBhcnNlUmVzdWx0ID0gdGhpcy5wYXJzZVJlc3VsdHNCeVRva2VuLmdldCh0b2tlbik7XG4gICAgICAgIGlmICghcGFyc2VSZXN1bHQpIHtcbiAgICAgICAgICAgIHBhcnNlUmVzdWx0ID0gdGhpcy5wYXJzZVRva2VuKHRva2VuKTtcbiAgICAgICAgICAgIHRoaXMucGFyc2VSZXN1bHRzQnlUb2tlbi5zZXQodG9rZW4sIHBhcnNlUmVzdWx0KTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gcGFyc2VSZXN1bHQ7XG4gICAgfVxuICAgIGZldGNoVmFsdWVzQnlUb2tlbkZvckVsZW1lbnQoZWxlbWVudCkge1xuICAgICAgICBsZXQgdmFsdWVzQnlUb2tlbiA9IHRoaXMudmFsdWVzQnlUb2tlbkJ5RWxlbWVudC5nZXQoZWxlbWVudCk7XG4gICAgICAgIGlmICghdmFsdWVzQnlUb2tlbikge1xuICAgICAgICAgICAgdmFsdWVzQnlUb2tlbiA9IG5ldyBNYXAoKTtcbiAgICAgICAgICAgIHRoaXMudmFsdWVzQnlUb2tlbkJ5RWxlbWVudC5zZXQoZWxlbWVudCwgdmFsdWVzQnlUb2tlbik7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHZhbHVlc0J5VG9rZW47XG4gICAgfVxuICAgIHBhcnNlVG9rZW4odG9rZW4pIHtcbiAgICAgICAgdHJ5IHtcbiAgICAgICAgICAgIGNvbnN0IHZhbHVlID0gdGhpcy5kZWxlZ2F0ZS5wYXJzZVZhbHVlRm9yVG9rZW4odG9rZW4pO1xuICAgICAgICAgICAgcmV0dXJuIHsgdmFsdWUgfTtcbiAgICAgICAgfVxuICAgICAgICBjYXRjaCAoZXJyb3IpIHtcbiAgICAgICAgICAgIHJldHVybiB7IGVycm9yIH07XG4gICAgICAgIH1cbiAgICB9XG59XG5cbmNsYXNzIEJpbmRpbmdPYnNlcnZlciB7XG4gICAgY29uc3RydWN0b3IoY29udGV4dCwgZGVsZWdhdGUpIHtcbiAgICAgICAgdGhpcy5jb250ZXh0ID0gY29udGV4dDtcbiAgICAgICAgdGhpcy5kZWxlZ2F0ZSA9IGRlbGVnYXRlO1xuICAgICAgICB0aGlzLmJpbmRpbmdzQnlBY3Rpb24gPSBuZXcgTWFwKCk7XG4gICAgfVxuICAgIHN0YXJ0KCkge1xuICAgICAgICBpZiAoIXRoaXMudmFsdWVMaXN0T2JzZXJ2ZXIpIHtcbiAgICAgICAgICAgIHRoaXMudmFsdWVMaXN0T2JzZXJ2ZXIgPSBuZXcgVmFsdWVMaXN0T2JzZXJ2ZXIodGhpcy5lbGVtZW50LCB0aGlzLmFjdGlvbkF0dHJpYnV0ZSwgdGhpcyk7XG4gICAgICAgICAgICB0aGlzLnZhbHVlTGlzdE9ic2VydmVyLnN0YXJ0KCk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgc3RvcCgpIHtcbiAgICAgICAgaWYgKHRoaXMudmFsdWVMaXN0T2JzZXJ2ZXIpIHtcbiAgICAgICAgICAgIHRoaXMudmFsdWVMaXN0T2JzZXJ2ZXIuc3RvcCgpO1xuICAgICAgICAgICAgZGVsZXRlIHRoaXMudmFsdWVMaXN0T2JzZXJ2ZXI7XG4gICAgICAgICAgICB0aGlzLmRpc2Nvbm5lY3RBbGxBY3Rpb25zKCk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgZ2V0IGVsZW1lbnQoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmNvbnRleHQuZWxlbWVudDtcbiAgICB9XG4gICAgZ2V0IGlkZW50aWZpZXIoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmNvbnRleHQuaWRlbnRpZmllcjtcbiAgICB9XG4gICAgZ2V0IGFjdGlvbkF0dHJpYnV0ZSgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuc2NoZW1hLmFjdGlvbkF0dHJpYnV0ZTtcbiAgICB9XG4gICAgZ2V0IHNjaGVtYSgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuY29udGV4dC5zY2hlbWE7XG4gICAgfVxuICAgIGdldCBiaW5kaW5ncygpIHtcbiAgICAgICAgcmV0dXJuIEFycmF5LmZyb20odGhpcy5iaW5kaW5nc0J5QWN0aW9uLnZhbHVlcygpKTtcbiAgICB9XG4gICAgY29ubmVjdEFjdGlvbihhY3Rpb24pIHtcbiAgICAgICAgY29uc3QgYmluZGluZyA9IG5ldyBCaW5kaW5nKHRoaXMuY29udGV4dCwgYWN0aW9uKTtcbiAgICAgICAgdGhpcy5iaW5kaW5nc0J5QWN0aW9uLnNldChhY3Rpb24sIGJpbmRpbmcpO1xuICAgICAgICB0aGlzLmRlbGVnYXRlLmJpbmRpbmdDb25uZWN0ZWQoYmluZGluZyk7XG4gICAgfVxuICAgIGRpc2Nvbm5lY3RBY3Rpb24oYWN0aW9uKSB7XG4gICAgICAgIGNvbnN0IGJpbmRpbmcgPSB0aGlzLmJpbmRpbmdzQnlBY3Rpb24uZ2V0KGFjdGlvbik7XG4gICAgICAgIGlmIChiaW5kaW5nKSB7XG4gICAgICAgICAgICB0aGlzLmJpbmRpbmdzQnlBY3Rpb24uZGVsZXRlKGFjdGlvbik7XG4gICAgICAgICAgICB0aGlzLmRlbGVnYXRlLmJpbmRpbmdEaXNjb25uZWN0ZWQoYmluZGluZyk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgZGlzY29ubmVjdEFsbEFjdGlvbnMoKSB7XG4gICAgICAgIHRoaXMuYmluZGluZ3MuZm9yRWFjaCgoYmluZGluZykgPT4gdGhpcy5kZWxlZ2F0ZS5iaW5kaW5nRGlzY29ubmVjdGVkKGJpbmRpbmcsIHRydWUpKTtcbiAgICAgICAgdGhpcy5iaW5kaW5nc0J5QWN0aW9uLmNsZWFyKCk7XG4gICAgfVxuICAgIHBhcnNlVmFsdWVGb3JUb2tlbih0b2tlbikge1xuICAgICAgICBjb25zdCBhY3Rpb24gPSBBY3Rpb24uZm9yVG9rZW4odG9rZW4sIHRoaXMuc2NoZW1hKTtcbiAgICAgICAgaWYgKGFjdGlvbi5pZGVudGlmaWVyID09IHRoaXMuaWRlbnRpZmllcikge1xuICAgICAgICAgICAgcmV0dXJuIGFjdGlvbjtcbiAgICAgICAgfVxuICAgIH1cbiAgICBlbGVtZW50TWF0Y2hlZFZhbHVlKGVsZW1lbnQsIGFjdGlvbikge1xuICAgICAgICB0aGlzLmNvbm5lY3RBY3Rpb24oYWN0aW9uKTtcbiAgICB9XG4gICAgZWxlbWVudFVubWF0Y2hlZFZhbHVlKGVsZW1lbnQsIGFjdGlvbikge1xuICAgICAgICB0aGlzLmRpc2Nvbm5lY3RBY3Rpb24oYWN0aW9uKTtcbiAgICB9XG59XG5cbmNsYXNzIFZhbHVlT2JzZXJ2ZXIge1xuICAgIGNvbnN0cnVjdG9yKGNvbnRleHQsIHJlY2VpdmVyKSB7XG4gICAgICAgIHRoaXMuY29udGV4dCA9IGNvbnRleHQ7XG4gICAgICAgIHRoaXMucmVjZWl2ZXIgPSByZWNlaXZlcjtcbiAgICAgICAgdGhpcy5zdHJpbmdNYXBPYnNlcnZlciA9IG5ldyBTdHJpbmdNYXBPYnNlcnZlcih0aGlzLmVsZW1lbnQsIHRoaXMpO1xuICAgICAgICB0aGlzLnZhbHVlRGVzY3JpcHRvck1hcCA9IHRoaXMuY29udHJvbGxlci52YWx1ZURlc2NyaXB0b3JNYXA7XG4gICAgfVxuICAgIHN0YXJ0KCkge1xuICAgICAgICB0aGlzLnN0cmluZ01hcE9ic2VydmVyLnN0YXJ0KCk7XG4gICAgICAgIHRoaXMuaW52b2tlQ2hhbmdlZENhbGxiYWNrc0ZvckRlZmF1bHRWYWx1ZXMoKTtcbiAgICB9XG4gICAgc3RvcCgpIHtcbiAgICAgICAgdGhpcy5zdHJpbmdNYXBPYnNlcnZlci5zdG9wKCk7XG4gICAgfVxuICAgIGdldCBlbGVtZW50KCkge1xuICAgICAgICByZXR1cm4gdGhpcy5jb250ZXh0LmVsZW1lbnQ7XG4gICAgfVxuICAgIGdldCBjb250cm9sbGVyKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5jb250ZXh0LmNvbnRyb2xsZXI7XG4gICAgfVxuICAgIGdldFN0cmluZ01hcEtleUZvckF0dHJpYnV0ZShhdHRyaWJ1dGVOYW1lKSB7XG4gICAgICAgIGlmIChhdHRyaWJ1dGVOYW1lIGluIHRoaXMudmFsdWVEZXNjcmlwdG9yTWFwKSB7XG4gICAgICAgICAgICByZXR1cm4gdGhpcy52YWx1ZURlc2NyaXB0b3JNYXBbYXR0cmlidXRlTmFtZV0ubmFtZTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBzdHJpbmdNYXBLZXlBZGRlZChrZXksIGF0dHJpYnV0ZU5hbWUpIHtcbiAgICAgICAgY29uc3QgZGVzY3JpcHRvciA9IHRoaXMudmFsdWVEZXNjcmlwdG9yTWFwW2F0dHJpYnV0ZU5hbWVdO1xuICAgICAgICBpZiAoIXRoaXMuaGFzVmFsdWUoa2V5KSkge1xuICAgICAgICAgICAgdGhpcy5pbnZva2VDaGFuZ2VkQ2FsbGJhY2soa2V5LCBkZXNjcmlwdG9yLndyaXRlcih0aGlzLnJlY2VpdmVyW2tleV0pLCBkZXNjcmlwdG9yLndyaXRlcihkZXNjcmlwdG9yLmRlZmF1bHRWYWx1ZSkpO1xuICAgICAgICB9XG4gICAgfVxuICAgIHN0cmluZ01hcFZhbHVlQ2hhbmdlZCh2YWx1ZSwgbmFtZSwgb2xkVmFsdWUpIHtcbiAgICAgICAgY29uc3QgZGVzY3JpcHRvciA9IHRoaXMudmFsdWVEZXNjcmlwdG9yTmFtZU1hcFtuYW1lXTtcbiAgICAgICAgaWYgKHZhbHVlID09PSBudWxsKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICBpZiAob2xkVmFsdWUgPT09IG51bGwpIHtcbiAgICAgICAgICAgIG9sZFZhbHVlID0gZGVzY3JpcHRvci53cml0ZXIoZGVzY3JpcHRvci5kZWZhdWx0VmFsdWUpO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuaW52b2tlQ2hhbmdlZENhbGxiYWNrKG5hbWUsIHZhbHVlLCBvbGRWYWx1ZSk7XG4gICAgfVxuICAgIHN0cmluZ01hcEtleVJlbW92ZWQoa2V5LCBhdHRyaWJ1dGVOYW1lLCBvbGRWYWx1ZSkge1xuICAgICAgICBjb25zdCBkZXNjcmlwdG9yID0gdGhpcy52YWx1ZURlc2NyaXB0b3JOYW1lTWFwW2tleV07XG4gICAgICAgIGlmICh0aGlzLmhhc1ZhbHVlKGtleSkpIHtcbiAgICAgICAgICAgIHRoaXMuaW52b2tlQ2hhbmdlZENhbGxiYWNrKGtleSwgZGVzY3JpcHRvci53cml0ZXIodGhpcy5yZWNlaXZlcltrZXldKSwgb2xkVmFsdWUpO1xuICAgICAgICB9XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5pbnZva2VDaGFuZ2VkQ2FsbGJhY2soa2V5LCBkZXNjcmlwdG9yLndyaXRlcihkZXNjcmlwdG9yLmRlZmF1bHRWYWx1ZSksIG9sZFZhbHVlKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBpbnZva2VDaGFuZ2VkQ2FsbGJhY2tzRm9yRGVmYXVsdFZhbHVlcygpIHtcbiAgICAgICAgZm9yIChjb25zdCB7IGtleSwgbmFtZSwgZGVmYXVsdFZhbHVlLCB3cml0ZXIgfSBvZiB0aGlzLnZhbHVlRGVzY3JpcHRvcnMpIHtcbiAgICAgICAgICAgIGlmIChkZWZhdWx0VmFsdWUgIT0gdW5kZWZpbmVkICYmICF0aGlzLmNvbnRyb2xsZXIuZGF0YS5oYXMoa2V5KSkge1xuICAgICAgICAgICAgICAgIHRoaXMuaW52b2tlQ2hhbmdlZENhbGxiYWNrKG5hbWUsIHdyaXRlcihkZWZhdWx0VmFsdWUpLCB1bmRlZmluZWQpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuICAgIGludm9rZUNoYW5nZWRDYWxsYmFjayhuYW1lLCByYXdWYWx1ZSwgcmF3T2xkVmFsdWUpIHtcbiAgICAgICAgY29uc3QgY2hhbmdlZE1ldGhvZE5hbWUgPSBgJHtuYW1lfUNoYW5nZWRgO1xuICAgICAgICBjb25zdCBjaGFuZ2VkTWV0aG9kID0gdGhpcy5yZWNlaXZlcltjaGFuZ2VkTWV0aG9kTmFtZV07XG4gICAgICAgIGlmICh0eXBlb2YgY2hhbmdlZE1ldGhvZCA9PSBcImZ1bmN0aW9uXCIpIHtcbiAgICAgICAgICAgIGNvbnN0IGRlc2NyaXB0b3IgPSB0aGlzLnZhbHVlRGVzY3JpcHRvck5hbWVNYXBbbmFtZV07XG4gICAgICAgICAgICB0cnkge1xuICAgICAgICAgICAgICAgIGNvbnN0IHZhbHVlID0gZGVzY3JpcHRvci5yZWFkZXIocmF3VmFsdWUpO1xuICAgICAgICAgICAgICAgIGxldCBvbGRWYWx1ZSA9IHJhd09sZFZhbHVlO1xuICAgICAgICAgICAgICAgIGlmIChyYXdPbGRWYWx1ZSkge1xuICAgICAgICAgICAgICAgICAgICBvbGRWYWx1ZSA9IGRlc2NyaXB0b3IucmVhZGVyKHJhd09sZFZhbHVlKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgY2hhbmdlZE1ldGhvZC5jYWxsKHRoaXMucmVjZWl2ZXIsIHZhbHVlLCBvbGRWYWx1ZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBjYXRjaCAoZXJyb3IpIHtcbiAgICAgICAgICAgICAgICBpZiAoZXJyb3IgaW5zdGFuY2VvZiBUeXBlRXJyb3IpIHtcbiAgICAgICAgICAgICAgICAgICAgZXJyb3IubWVzc2FnZSA9IGBTdGltdWx1cyBWYWx1ZSBcIiR7dGhpcy5jb250ZXh0LmlkZW50aWZpZXJ9LiR7ZGVzY3JpcHRvci5uYW1lfVwiIC0gJHtlcnJvci5tZXNzYWdlfWA7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHRocm93IGVycm9yO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuICAgIGdldCB2YWx1ZURlc2NyaXB0b3JzKCkge1xuICAgICAgICBjb25zdCB7IHZhbHVlRGVzY3JpcHRvck1hcCB9ID0gdGhpcztcbiAgICAgICAgcmV0dXJuIE9iamVjdC5rZXlzKHZhbHVlRGVzY3JpcHRvck1hcCkubWFwKChrZXkpID0+IHZhbHVlRGVzY3JpcHRvck1hcFtrZXldKTtcbiAgICB9XG4gICAgZ2V0IHZhbHVlRGVzY3JpcHRvck5hbWVNYXAoKSB7XG4gICAgICAgIGNvbnN0IGRlc2NyaXB0b3JzID0ge307XG4gICAgICAgIE9iamVjdC5rZXlzKHRoaXMudmFsdWVEZXNjcmlwdG9yTWFwKS5mb3JFYWNoKChrZXkpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGRlc2NyaXB0b3IgPSB0aGlzLnZhbHVlRGVzY3JpcHRvck1hcFtrZXldO1xuICAgICAgICAgICAgZGVzY3JpcHRvcnNbZGVzY3JpcHRvci5uYW1lXSA9IGRlc2NyaXB0b3I7XG4gICAgICAgIH0pO1xuICAgICAgICByZXR1cm4gZGVzY3JpcHRvcnM7XG4gICAgfVxuICAgIGhhc1ZhbHVlKGF0dHJpYnV0ZU5hbWUpIHtcbiAgICAgICAgY29uc3QgZGVzY3JpcHRvciA9IHRoaXMudmFsdWVEZXNjcmlwdG9yTmFtZU1hcFthdHRyaWJ1dGVOYW1lXTtcbiAgICAgICAgY29uc3QgaGFzTWV0aG9kTmFtZSA9IGBoYXMke2NhcGl0YWxpemUoZGVzY3JpcHRvci5uYW1lKX1gO1xuICAgICAgICByZXR1cm4gdGhpcy5yZWNlaXZlcltoYXNNZXRob2ROYW1lXTtcbiAgICB9XG59XG5cbmNsYXNzIFRhcmdldE9ic2VydmVyIHtcbiAgICBjb25zdHJ1Y3Rvcihjb250ZXh0LCBkZWxlZ2F0ZSkge1xuICAgICAgICB0aGlzLmNvbnRleHQgPSBjb250ZXh0O1xuICAgICAgICB0aGlzLmRlbGVnYXRlID0gZGVsZWdhdGU7XG4gICAgICAgIHRoaXMudGFyZ2V0c0J5TmFtZSA9IG5ldyBNdWx0aW1hcCgpO1xuICAgIH1cbiAgICBzdGFydCgpIHtcbiAgICAgICAgaWYgKCF0aGlzLnRva2VuTGlzdE9ic2VydmVyKSB7XG4gICAgICAgICAgICB0aGlzLnRva2VuTGlzdE9ic2VydmVyID0gbmV3IFRva2VuTGlzdE9ic2VydmVyKHRoaXMuZWxlbWVudCwgdGhpcy5hdHRyaWJ1dGVOYW1lLCB0aGlzKTtcbiAgICAgICAgICAgIHRoaXMudG9rZW5MaXN0T2JzZXJ2ZXIuc3RhcnQoKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBzdG9wKCkge1xuICAgICAgICBpZiAodGhpcy50b2tlbkxpc3RPYnNlcnZlcikge1xuICAgICAgICAgICAgdGhpcy5kaXNjb25uZWN0QWxsVGFyZ2V0cygpO1xuICAgICAgICAgICAgdGhpcy50b2tlbkxpc3RPYnNlcnZlci5zdG9wKCk7XG4gICAgICAgICAgICBkZWxldGUgdGhpcy50b2tlbkxpc3RPYnNlcnZlcjtcbiAgICAgICAgfVxuICAgIH1cbiAgICB0b2tlbk1hdGNoZWQoeyBlbGVtZW50LCBjb250ZW50OiBuYW1lIH0pIHtcbiAgICAgICAgaWYgKHRoaXMuc2NvcGUuY29udGFpbnNFbGVtZW50KGVsZW1lbnQpKSB7XG4gICAgICAgICAgICB0aGlzLmNvbm5lY3RUYXJnZXQoZWxlbWVudCwgbmFtZSk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgdG9rZW5Vbm1hdGNoZWQoeyBlbGVtZW50LCBjb250ZW50OiBuYW1lIH0pIHtcbiAgICAgICAgdGhpcy5kaXNjb25uZWN0VGFyZ2V0KGVsZW1lbnQsIG5hbWUpO1xuICAgIH1cbiAgICBjb25uZWN0VGFyZ2V0KGVsZW1lbnQsIG5hbWUpIHtcbiAgICAgICAgdmFyIF9hO1xuICAgICAgICBpZiAoIXRoaXMudGFyZ2V0c0J5TmFtZS5oYXMobmFtZSwgZWxlbWVudCkpIHtcbiAgICAgICAgICAgIHRoaXMudGFyZ2V0c0J5TmFtZS5hZGQobmFtZSwgZWxlbWVudCk7XG4gICAgICAgICAgICAoX2EgPSB0aGlzLnRva2VuTGlzdE9ic2VydmVyKSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2EucGF1c2UoKCkgPT4gdGhpcy5kZWxlZ2F0ZS50YXJnZXRDb25uZWN0ZWQoZWxlbWVudCwgbmFtZSkpO1xuICAgICAgICB9XG4gICAgfVxuICAgIGRpc2Nvbm5lY3RUYXJnZXQoZWxlbWVudCwgbmFtZSkge1xuICAgICAgICB2YXIgX2E7XG4gICAgICAgIGlmICh0aGlzLnRhcmdldHNCeU5hbWUuaGFzKG5hbWUsIGVsZW1lbnQpKSB7XG4gICAgICAgICAgICB0aGlzLnRhcmdldHNCeU5hbWUuZGVsZXRlKG5hbWUsIGVsZW1lbnQpO1xuICAgICAgICAgICAgKF9hID0gdGhpcy50b2tlbkxpc3RPYnNlcnZlcikgPT09IG51bGwgfHwgX2EgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9hLnBhdXNlKCgpID0+IHRoaXMuZGVsZWdhdGUudGFyZ2V0RGlzY29ubmVjdGVkKGVsZW1lbnQsIG5hbWUpKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBkaXNjb25uZWN0QWxsVGFyZ2V0cygpIHtcbiAgICAgICAgZm9yIChjb25zdCBuYW1lIG9mIHRoaXMudGFyZ2V0c0J5TmFtZS5rZXlzKSB7XG4gICAgICAgICAgICBmb3IgKGNvbnN0IGVsZW1lbnQgb2YgdGhpcy50YXJnZXRzQnlOYW1lLmdldFZhbHVlc0ZvcktleShuYW1lKSkge1xuICAgICAgICAgICAgICAgIHRoaXMuZGlzY29ubmVjdFRhcmdldChlbGVtZW50LCBuYW1lKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbiAgICBnZXQgYXR0cmlidXRlTmFtZSgpIHtcbiAgICAgICAgcmV0dXJuIGBkYXRhLSR7dGhpcy5jb250ZXh0LmlkZW50aWZpZXJ9LXRhcmdldGA7XG4gICAgfVxuICAgIGdldCBlbGVtZW50KCkge1xuICAgICAgICByZXR1cm4gdGhpcy5jb250ZXh0LmVsZW1lbnQ7XG4gICAgfVxuICAgIGdldCBzY29wZSgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuY29udGV4dC5zY29wZTtcbiAgICB9XG59XG5cbmZ1bmN0aW9uIHJlYWRJbmhlcml0YWJsZVN0YXRpY0FycmF5VmFsdWVzKGNvbnN0cnVjdG9yLCBwcm9wZXJ0eU5hbWUpIHtcbiAgICBjb25zdCBhbmNlc3RvcnMgPSBnZXRBbmNlc3RvcnNGb3JDb25zdHJ1Y3Rvcihjb25zdHJ1Y3Rvcik7XG4gICAgcmV0dXJuIEFycmF5LmZyb20oYW5jZXN0b3JzLnJlZHVjZSgodmFsdWVzLCBjb25zdHJ1Y3RvcikgPT4ge1xuICAgICAgICBnZXRPd25TdGF0aWNBcnJheVZhbHVlcyhjb25zdHJ1Y3RvciwgcHJvcGVydHlOYW1lKS5mb3JFYWNoKChuYW1lKSA9PiB2YWx1ZXMuYWRkKG5hbWUpKTtcbiAgICAgICAgcmV0dXJuIHZhbHVlcztcbiAgICB9LCBuZXcgU2V0KCkpKTtcbn1cbmZ1bmN0aW9uIHJlYWRJbmhlcml0YWJsZVN0YXRpY09iamVjdFBhaXJzKGNvbnN0cnVjdG9yLCBwcm9wZXJ0eU5hbWUpIHtcbiAgICBjb25zdCBhbmNlc3RvcnMgPSBnZXRBbmNlc3RvcnNGb3JDb25zdHJ1Y3Rvcihjb25zdHJ1Y3Rvcik7XG4gICAgcmV0dXJuIGFuY2VzdG9ycy5yZWR1Y2UoKHBhaXJzLCBjb25zdHJ1Y3RvcikgPT4ge1xuICAgICAgICBwYWlycy5wdXNoKC4uLmdldE93blN0YXRpY09iamVjdFBhaXJzKGNvbnN0cnVjdG9yLCBwcm9wZXJ0eU5hbWUpKTtcbiAgICAgICAgcmV0dXJuIHBhaXJzO1xuICAgIH0sIFtdKTtcbn1cbmZ1bmN0aW9uIGdldEFuY2VzdG9yc0ZvckNvbnN0cnVjdG9yKGNvbnN0cnVjdG9yKSB7XG4gICAgY29uc3QgYW5jZXN0b3JzID0gW107XG4gICAgd2hpbGUgKGNvbnN0cnVjdG9yKSB7XG4gICAgICAgIGFuY2VzdG9ycy5wdXNoKGNvbnN0cnVjdG9yKTtcbiAgICAgICAgY29uc3RydWN0b3IgPSBPYmplY3QuZ2V0UHJvdG90eXBlT2YoY29uc3RydWN0b3IpO1xuICAgIH1cbiAgICByZXR1cm4gYW5jZXN0b3JzLnJldmVyc2UoKTtcbn1cbmZ1bmN0aW9uIGdldE93blN0YXRpY0FycmF5VmFsdWVzKGNvbnN0cnVjdG9yLCBwcm9wZXJ0eU5hbWUpIHtcbiAgICBjb25zdCBkZWZpbml0aW9uID0gY29uc3RydWN0b3JbcHJvcGVydHlOYW1lXTtcbiAgICByZXR1cm4gQXJyYXkuaXNBcnJheShkZWZpbml0aW9uKSA/IGRlZmluaXRpb24gOiBbXTtcbn1cbmZ1bmN0aW9uIGdldE93blN0YXRpY09iamVjdFBhaXJzKGNvbnN0cnVjdG9yLCBwcm9wZXJ0eU5hbWUpIHtcbiAgICBjb25zdCBkZWZpbml0aW9uID0gY29uc3RydWN0b3JbcHJvcGVydHlOYW1lXTtcbiAgICByZXR1cm4gZGVmaW5pdGlvbiA/IE9iamVjdC5rZXlzKGRlZmluaXRpb24pLm1hcCgoa2V5KSA9PiBba2V5LCBkZWZpbml0aW9uW2tleV1dKSA6IFtdO1xufVxuXG5jbGFzcyBPdXRsZXRPYnNlcnZlciB7XG4gICAgY29uc3RydWN0b3IoY29udGV4dCwgZGVsZWdhdGUpIHtcbiAgICAgICAgdGhpcy5zdGFydGVkID0gZmFsc2U7XG4gICAgICAgIHRoaXMuY29udGV4dCA9IGNvbnRleHQ7XG4gICAgICAgIHRoaXMuZGVsZWdhdGUgPSBkZWxlZ2F0ZTtcbiAgICAgICAgdGhpcy5vdXRsZXRzQnlOYW1lID0gbmV3IE11bHRpbWFwKCk7XG4gICAgICAgIHRoaXMub3V0bGV0RWxlbWVudHNCeU5hbWUgPSBuZXcgTXVsdGltYXAoKTtcbiAgICAgICAgdGhpcy5zZWxlY3Rvck9ic2VydmVyTWFwID0gbmV3IE1hcCgpO1xuICAgICAgICB0aGlzLmF0dHJpYnV0ZU9ic2VydmVyTWFwID0gbmV3IE1hcCgpO1xuICAgIH1cbiAgICBzdGFydCgpIHtcbiAgICAgICAgaWYgKCF0aGlzLnN0YXJ0ZWQpIHtcbiAgICAgICAgICAgIHRoaXMub3V0bGV0RGVmaW5pdGlvbnMuZm9yRWFjaCgob3V0bGV0TmFtZSkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuc2V0dXBTZWxlY3Rvck9ic2VydmVyRm9yT3V0bGV0KG91dGxldE5hbWUpO1xuICAgICAgICAgICAgICAgIHRoaXMuc2V0dXBBdHRyaWJ1dGVPYnNlcnZlckZvck91dGxldChvdXRsZXROYW1lKTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgdGhpcy5zdGFydGVkID0gdHJ1ZTtcbiAgICAgICAgICAgIHRoaXMuZGVwZW5kZW50Q29udGV4dHMuZm9yRWFjaCgoY29udGV4dCkgPT4gY29udGV4dC5yZWZyZXNoKCkpO1xuICAgICAgICB9XG4gICAgfVxuICAgIHJlZnJlc2goKSB7XG4gICAgICAgIHRoaXMuc2VsZWN0b3JPYnNlcnZlck1hcC5mb3JFYWNoKChvYnNlcnZlcikgPT4gb2JzZXJ2ZXIucmVmcmVzaCgpKTtcbiAgICAgICAgdGhpcy5hdHRyaWJ1dGVPYnNlcnZlck1hcC5mb3JFYWNoKChvYnNlcnZlcikgPT4gb2JzZXJ2ZXIucmVmcmVzaCgpKTtcbiAgICB9XG4gICAgc3RvcCgpIHtcbiAgICAgICAgaWYgKHRoaXMuc3RhcnRlZCkge1xuICAgICAgICAgICAgdGhpcy5zdGFydGVkID0gZmFsc2U7XG4gICAgICAgICAgICB0aGlzLmRpc2Nvbm5lY3RBbGxPdXRsZXRzKCk7XG4gICAgICAgICAgICB0aGlzLnN0b3BTZWxlY3Rvck9ic2VydmVycygpO1xuICAgICAgICAgICAgdGhpcy5zdG9wQXR0cmlidXRlT2JzZXJ2ZXJzKCk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgc3RvcFNlbGVjdG9yT2JzZXJ2ZXJzKCkge1xuICAgICAgICBpZiAodGhpcy5zZWxlY3Rvck9ic2VydmVyTWFwLnNpemUgPiAwKSB7XG4gICAgICAgICAgICB0aGlzLnNlbGVjdG9yT2JzZXJ2ZXJNYXAuZm9yRWFjaCgob2JzZXJ2ZXIpID0+IG9ic2VydmVyLnN0b3AoKSk7XG4gICAgICAgICAgICB0aGlzLnNlbGVjdG9yT2JzZXJ2ZXJNYXAuY2xlYXIoKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBzdG9wQXR0cmlidXRlT2JzZXJ2ZXJzKCkge1xuICAgICAgICBpZiAodGhpcy5hdHRyaWJ1dGVPYnNlcnZlck1hcC5zaXplID4gMCkge1xuICAgICAgICAgICAgdGhpcy5hdHRyaWJ1dGVPYnNlcnZlck1hcC5mb3JFYWNoKChvYnNlcnZlcikgPT4gb2JzZXJ2ZXIuc3RvcCgpKTtcbiAgICAgICAgICAgIHRoaXMuYXR0cmlidXRlT2JzZXJ2ZXJNYXAuY2xlYXIoKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBzZWxlY3Rvck1hdGNoZWQoZWxlbWVudCwgX3NlbGVjdG9yLCB7IG91dGxldE5hbWUgfSkge1xuICAgICAgICBjb25zdCBvdXRsZXQgPSB0aGlzLmdldE91dGxldChlbGVtZW50LCBvdXRsZXROYW1lKTtcbiAgICAgICAgaWYgKG91dGxldCkge1xuICAgICAgICAgICAgdGhpcy5jb25uZWN0T3V0bGV0KG91dGxldCwgZWxlbWVudCwgb3V0bGV0TmFtZSk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgc2VsZWN0b3JVbm1hdGNoZWQoZWxlbWVudCwgX3NlbGVjdG9yLCB7IG91dGxldE5hbWUgfSkge1xuICAgICAgICBjb25zdCBvdXRsZXQgPSB0aGlzLmdldE91dGxldEZyb21NYXAoZWxlbWVudCwgb3V0bGV0TmFtZSk7XG4gICAgICAgIGlmIChvdXRsZXQpIHtcbiAgICAgICAgICAgIHRoaXMuZGlzY29ubmVjdE91dGxldChvdXRsZXQsIGVsZW1lbnQsIG91dGxldE5hbWUpO1xuICAgICAgICB9XG4gICAgfVxuICAgIHNlbGVjdG9yTWF0Y2hFbGVtZW50KGVsZW1lbnQsIHsgb3V0bGV0TmFtZSB9KSB7XG4gICAgICAgIGNvbnN0IHNlbGVjdG9yID0gdGhpcy5zZWxlY3RvcihvdXRsZXROYW1lKTtcbiAgICAgICAgY29uc3QgaGFzT3V0bGV0ID0gdGhpcy5oYXNPdXRsZXQoZWxlbWVudCwgb3V0bGV0TmFtZSk7XG4gICAgICAgIGNvbnN0IGhhc091dGxldENvbnRyb2xsZXIgPSBlbGVtZW50Lm1hdGNoZXMoYFske3RoaXMuc2NoZW1hLmNvbnRyb2xsZXJBdHRyaWJ1dGV9fj0ke291dGxldE5hbWV9XWApO1xuICAgICAgICBpZiAoc2VsZWN0b3IpIHtcbiAgICAgICAgICAgIHJldHVybiBoYXNPdXRsZXQgJiYgaGFzT3V0bGV0Q29udHJvbGxlciAmJiBlbGVtZW50Lm1hdGNoZXMoc2VsZWN0b3IpO1xuICAgICAgICB9XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgICAgICB9XG4gICAgfVxuICAgIGVsZW1lbnRNYXRjaGVkQXR0cmlidXRlKF9lbGVtZW50LCBhdHRyaWJ1dGVOYW1lKSB7XG4gICAgICAgIGNvbnN0IG91dGxldE5hbWUgPSB0aGlzLmdldE91dGxldE5hbWVGcm9tT3V0bGV0QXR0cmlidXRlTmFtZShhdHRyaWJ1dGVOYW1lKTtcbiAgICAgICAgaWYgKG91dGxldE5hbWUpIHtcbiAgICAgICAgICAgIHRoaXMudXBkYXRlU2VsZWN0b3JPYnNlcnZlckZvck91dGxldChvdXRsZXROYW1lKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBlbGVtZW50QXR0cmlidXRlVmFsdWVDaGFuZ2VkKF9lbGVtZW50LCBhdHRyaWJ1dGVOYW1lKSB7XG4gICAgICAgIGNvbnN0IG91dGxldE5hbWUgPSB0aGlzLmdldE91dGxldE5hbWVGcm9tT3V0bGV0QXR0cmlidXRlTmFtZShhdHRyaWJ1dGVOYW1lKTtcbiAgICAgICAgaWYgKG91dGxldE5hbWUpIHtcbiAgICAgICAgICAgIHRoaXMudXBkYXRlU2VsZWN0b3JPYnNlcnZlckZvck91dGxldChvdXRsZXROYW1lKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBlbGVtZW50VW5tYXRjaGVkQXR0cmlidXRlKF9lbGVtZW50LCBhdHRyaWJ1dGVOYW1lKSB7XG4gICAgICAgIGNvbnN0IG91dGxldE5hbWUgPSB0aGlzLmdldE91dGxldE5hbWVGcm9tT3V0bGV0QXR0cmlidXRlTmFtZShhdHRyaWJ1dGVOYW1lKTtcbiAgICAgICAgaWYgKG91dGxldE5hbWUpIHtcbiAgICAgICAgICAgIHRoaXMudXBkYXRlU2VsZWN0b3JPYnNlcnZlckZvck91dGxldChvdXRsZXROYW1lKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBjb25uZWN0T3V0bGV0KG91dGxldCwgZWxlbWVudCwgb3V0bGV0TmFtZSkge1xuICAgICAgICB2YXIgX2E7XG4gICAgICAgIGlmICghdGhpcy5vdXRsZXRFbGVtZW50c0J5TmFtZS5oYXMob3V0bGV0TmFtZSwgZWxlbWVudCkpIHtcbiAgICAgICAgICAgIHRoaXMub3V0bGV0c0J5TmFtZS5hZGQob3V0bGV0TmFtZSwgb3V0bGV0KTtcbiAgICAgICAgICAgIHRoaXMub3V0bGV0RWxlbWVudHNCeU5hbWUuYWRkKG91dGxldE5hbWUsIGVsZW1lbnQpO1xuICAgICAgICAgICAgKF9hID0gdGhpcy5zZWxlY3Rvck9ic2VydmVyTWFwLmdldChvdXRsZXROYW1lKSkgPT09IG51bGwgfHwgX2EgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9hLnBhdXNlKCgpID0+IHRoaXMuZGVsZWdhdGUub3V0bGV0Q29ubmVjdGVkKG91dGxldCwgZWxlbWVudCwgb3V0bGV0TmFtZSkpO1xuICAgICAgICB9XG4gICAgfVxuICAgIGRpc2Nvbm5lY3RPdXRsZXQob3V0bGV0LCBlbGVtZW50LCBvdXRsZXROYW1lKSB7XG4gICAgICAgIHZhciBfYTtcbiAgICAgICAgaWYgKHRoaXMub3V0bGV0RWxlbWVudHNCeU5hbWUuaGFzKG91dGxldE5hbWUsIGVsZW1lbnQpKSB7XG4gICAgICAgICAgICB0aGlzLm91dGxldHNCeU5hbWUuZGVsZXRlKG91dGxldE5hbWUsIG91dGxldCk7XG4gICAgICAgICAgICB0aGlzLm91dGxldEVsZW1lbnRzQnlOYW1lLmRlbGV0ZShvdXRsZXROYW1lLCBlbGVtZW50KTtcbiAgICAgICAgICAgIChfYSA9IHRoaXMuc2VsZWN0b3JPYnNlcnZlck1hcFxuICAgICAgICAgICAgICAgIC5nZXQob3V0bGV0TmFtZSkpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5wYXVzZSgoKSA9PiB0aGlzLmRlbGVnYXRlLm91dGxldERpc2Nvbm5lY3RlZChvdXRsZXQsIGVsZW1lbnQsIG91dGxldE5hbWUpKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBkaXNjb25uZWN0QWxsT3V0bGV0cygpIHtcbiAgICAgICAgZm9yIChjb25zdCBvdXRsZXROYW1lIG9mIHRoaXMub3V0bGV0RWxlbWVudHNCeU5hbWUua2V5cykge1xuICAgICAgICAgICAgZm9yIChjb25zdCBlbGVtZW50IG9mIHRoaXMub3V0bGV0RWxlbWVudHNCeU5hbWUuZ2V0VmFsdWVzRm9yS2V5KG91dGxldE5hbWUpKSB7XG4gICAgICAgICAgICAgICAgZm9yIChjb25zdCBvdXRsZXQgb2YgdGhpcy5vdXRsZXRzQnlOYW1lLmdldFZhbHVlc0ZvcktleShvdXRsZXROYW1lKSkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmRpc2Nvbm5lY3RPdXRsZXQob3V0bGV0LCBlbGVtZW50LCBvdXRsZXROYW1lKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG4gICAgdXBkYXRlU2VsZWN0b3JPYnNlcnZlckZvck91dGxldChvdXRsZXROYW1lKSB7XG4gICAgICAgIGNvbnN0IG9ic2VydmVyID0gdGhpcy5zZWxlY3Rvck9ic2VydmVyTWFwLmdldChvdXRsZXROYW1lKTtcbiAgICAgICAgaWYgKG9ic2VydmVyKSB7XG4gICAgICAgICAgICBvYnNlcnZlci5zZWxlY3RvciA9IHRoaXMuc2VsZWN0b3Iob3V0bGV0TmFtZSk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgc2V0dXBTZWxlY3Rvck9ic2VydmVyRm9yT3V0bGV0KG91dGxldE5hbWUpIHtcbiAgICAgICAgY29uc3Qgc2VsZWN0b3IgPSB0aGlzLnNlbGVjdG9yKG91dGxldE5hbWUpO1xuICAgICAgICBjb25zdCBzZWxlY3Rvck9ic2VydmVyID0gbmV3IFNlbGVjdG9yT2JzZXJ2ZXIoZG9jdW1lbnQuYm9keSwgc2VsZWN0b3IsIHRoaXMsIHsgb3V0bGV0TmFtZSB9KTtcbiAgICAgICAgdGhpcy5zZWxlY3Rvck9ic2VydmVyTWFwLnNldChvdXRsZXROYW1lLCBzZWxlY3Rvck9ic2VydmVyKTtcbiAgICAgICAgc2VsZWN0b3JPYnNlcnZlci5zdGFydCgpO1xuICAgIH1cbiAgICBzZXR1cEF0dHJpYnV0ZU9ic2VydmVyRm9yT3V0bGV0KG91dGxldE5hbWUpIHtcbiAgICAgICAgY29uc3QgYXR0cmlidXRlTmFtZSA9IHRoaXMuYXR0cmlidXRlTmFtZUZvck91dGxldE5hbWUob3V0bGV0TmFtZSk7XG4gICAgICAgIGNvbnN0IGF0dHJpYnV0ZU9ic2VydmVyID0gbmV3IEF0dHJpYnV0ZU9ic2VydmVyKHRoaXMuc2NvcGUuZWxlbWVudCwgYXR0cmlidXRlTmFtZSwgdGhpcyk7XG4gICAgICAgIHRoaXMuYXR0cmlidXRlT2JzZXJ2ZXJNYXAuc2V0KG91dGxldE5hbWUsIGF0dHJpYnV0ZU9ic2VydmVyKTtcbiAgICAgICAgYXR0cmlidXRlT2JzZXJ2ZXIuc3RhcnQoKTtcbiAgICB9XG4gICAgc2VsZWN0b3Iob3V0bGV0TmFtZSkge1xuICAgICAgICByZXR1cm4gdGhpcy5zY29wZS5vdXRsZXRzLmdldFNlbGVjdG9yRm9yT3V0bGV0TmFtZShvdXRsZXROYW1lKTtcbiAgICB9XG4gICAgYXR0cmlidXRlTmFtZUZvck91dGxldE5hbWUob3V0bGV0TmFtZSkge1xuICAgICAgICByZXR1cm4gdGhpcy5zY29wZS5zY2hlbWEub3V0bGV0QXR0cmlidXRlRm9yU2NvcGUodGhpcy5pZGVudGlmaWVyLCBvdXRsZXROYW1lKTtcbiAgICB9XG4gICAgZ2V0T3V0bGV0TmFtZUZyb21PdXRsZXRBdHRyaWJ1dGVOYW1lKGF0dHJpYnV0ZU5hbWUpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMub3V0bGV0RGVmaW5pdGlvbnMuZmluZCgob3V0bGV0TmFtZSkgPT4gdGhpcy5hdHRyaWJ1dGVOYW1lRm9yT3V0bGV0TmFtZShvdXRsZXROYW1lKSA9PT0gYXR0cmlidXRlTmFtZSk7XG4gICAgfVxuICAgIGdldCBvdXRsZXREZXBlbmRlbmNpZXMoKSB7XG4gICAgICAgIGNvbnN0IGRlcGVuZGVuY2llcyA9IG5ldyBNdWx0aW1hcCgpO1xuICAgICAgICB0aGlzLnJvdXRlci5tb2R1bGVzLmZvckVhY2goKG1vZHVsZSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgY29uc3RydWN0b3IgPSBtb2R1bGUuZGVmaW5pdGlvbi5jb250cm9sbGVyQ29uc3RydWN0b3I7XG4gICAgICAgICAgICBjb25zdCBvdXRsZXRzID0gcmVhZEluaGVyaXRhYmxlU3RhdGljQXJyYXlWYWx1ZXMoY29uc3RydWN0b3IsIFwib3V0bGV0c1wiKTtcbiAgICAgICAgICAgIG91dGxldHMuZm9yRWFjaCgob3V0bGV0KSA9PiBkZXBlbmRlbmNpZXMuYWRkKG91dGxldCwgbW9kdWxlLmlkZW50aWZpZXIpKTtcbiAgICAgICAgfSk7XG4gICAgICAgIHJldHVybiBkZXBlbmRlbmNpZXM7XG4gICAgfVxuICAgIGdldCBvdXRsZXREZWZpbml0aW9ucygpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMub3V0bGV0RGVwZW5kZW5jaWVzLmdldEtleXNGb3JWYWx1ZSh0aGlzLmlkZW50aWZpZXIpO1xuICAgIH1cbiAgICBnZXQgZGVwZW5kZW50Q29udHJvbGxlcklkZW50aWZpZXJzKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5vdXRsZXREZXBlbmRlbmNpZXMuZ2V0VmFsdWVzRm9yS2V5KHRoaXMuaWRlbnRpZmllcik7XG4gICAgfVxuICAgIGdldCBkZXBlbmRlbnRDb250ZXh0cygpIHtcbiAgICAgICAgY29uc3QgaWRlbnRpZmllcnMgPSB0aGlzLmRlcGVuZGVudENvbnRyb2xsZXJJZGVudGlmaWVycztcbiAgICAgICAgcmV0dXJuIHRoaXMucm91dGVyLmNvbnRleHRzLmZpbHRlcigoY29udGV4dCkgPT4gaWRlbnRpZmllcnMuaW5jbHVkZXMoY29udGV4dC5pZGVudGlmaWVyKSk7XG4gICAgfVxuICAgIGhhc091dGxldChlbGVtZW50LCBvdXRsZXROYW1lKSB7XG4gICAgICAgIHJldHVybiAhIXRoaXMuZ2V0T3V0bGV0KGVsZW1lbnQsIG91dGxldE5hbWUpIHx8ICEhdGhpcy5nZXRPdXRsZXRGcm9tTWFwKGVsZW1lbnQsIG91dGxldE5hbWUpO1xuICAgIH1cbiAgICBnZXRPdXRsZXQoZWxlbWVudCwgb3V0bGV0TmFtZSkge1xuICAgICAgICByZXR1cm4gdGhpcy5hcHBsaWNhdGlvbi5nZXRDb250cm9sbGVyRm9yRWxlbWVudEFuZElkZW50aWZpZXIoZWxlbWVudCwgb3V0bGV0TmFtZSk7XG4gICAgfVxuICAgIGdldE91dGxldEZyb21NYXAoZWxlbWVudCwgb3V0bGV0TmFtZSkge1xuICAgICAgICByZXR1cm4gdGhpcy5vdXRsZXRzQnlOYW1lLmdldFZhbHVlc0ZvcktleShvdXRsZXROYW1lKS5maW5kKChvdXRsZXQpID0+IG91dGxldC5lbGVtZW50ID09PSBlbGVtZW50KTtcbiAgICB9XG4gICAgZ2V0IHNjb3BlKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5jb250ZXh0LnNjb3BlO1xuICAgIH1cbiAgICBnZXQgc2NoZW1hKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5jb250ZXh0LnNjaGVtYTtcbiAgICB9XG4gICAgZ2V0IGlkZW50aWZpZXIoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmNvbnRleHQuaWRlbnRpZmllcjtcbiAgICB9XG4gICAgZ2V0IGFwcGxpY2F0aW9uKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5jb250ZXh0LmFwcGxpY2F0aW9uO1xuICAgIH1cbiAgICBnZXQgcm91dGVyKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5hcHBsaWNhdGlvbi5yb3V0ZXI7XG4gICAgfVxufVxuXG5jbGFzcyBDb250ZXh0IHtcbiAgICBjb25zdHJ1Y3Rvcihtb2R1bGUsIHNjb3BlKSB7XG4gICAgICAgIHRoaXMubG9nRGVidWdBY3Rpdml0eSA9IChmdW5jdGlvbk5hbWUsIGRldGFpbCA9IHt9KSA9PiB7XG4gICAgICAgICAgICBjb25zdCB7IGlkZW50aWZpZXIsIGNvbnRyb2xsZXIsIGVsZW1lbnQgfSA9IHRoaXM7XG4gICAgICAgICAgICBkZXRhaWwgPSBPYmplY3QuYXNzaWduKHsgaWRlbnRpZmllciwgY29udHJvbGxlciwgZWxlbWVudCB9LCBkZXRhaWwpO1xuICAgICAgICAgICAgdGhpcy5hcHBsaWNhdGlvbi5sb2dEZWJ1Z0FjdGl2aXR5KHRoaXMuaWRlbnRpZmllciwgZnVuY3Rpb25OYW1lLCBkZXRhaWwpO1xuICAgICAgICB9O1xuICAgICAgICB0aGlzLm1vZHVsZSA9IG1vZHVsZTtcbiAgICAgICAgdGhpcy5zY29wZSA9IHNjb3BlO1xuICAgICAgICB0aGlzLmNvbnRyb2xsZXIgPSBuZXcgbW9kdWxlLmNvbnRyb2xsZXJDb25zdHJ1Y3Rvcih0aGlzKTtcbiAgICAgICAgdGhpcy5iaW5kaW5nT2JzZXJ2ZXIgPSBuZXcgQmluZGluZ09ic2VydmVyKHRoaXMsIHRoaXMuZGlzcGF0Y2hlcik7XG4gICAgICAgIHRoaXMudmFsdWVPYnNlcnZlciA9IG5ldyBWYWx1ZU9ic2VydmVyKHRoaXMsIHRoaXMuY29udHJvbGxlcik7XG4gICAgICAgIHRoaXMudGFyZ2V0T2JzZXJ2ZXIgPSBuZXcgVGFyZ2V0T2JzZXJ2ZXIodGhpcywgdGhpcyk7XG4gICAgICAgIHRoaXMub3V0bGV0T2JzZXJ2ZXIgPSBuZXcgT3V0bGV0T2JzZXJ2ZXIodGhpcywgdGhpcyk7XG4gICAgICAgIHRyeSB7XG4gICAgICAgICAgICB0aGlzLmNvbnRyb2xsZXIuaW5pdGlhbGl6ZSgpO1xuICAgICAgICAgICAgdGhpcy5sb2dEZWJ1Z0FjdGl2aXR5KFwiaW5pdGlhbGl6ZVwiKTtcbiAgICAgICAgfVxuICAgICAgICBjYXRjaCAoZXJyb3IpIHtcbiAgICAgICAgICAgIHRoaXMuaGFuZGxlRXJyb3IoZXJyb3IsIFwiaW5pdGlhbGl6aW5nIGNvbnRyb2xsZXJcIik7XG4gICAgICAgIH1cbiAgICB9XG4gICAgY29ubmVjdCgpIHtcbiAgICAgICAgdGhpcy5iaW5kaW5nT2JzZXJ2ZXIuc3RhcnQoKTtcbiAgICAgICAgdGhpcy52YWx1ZU9ic2VydmVyLnN0YXJ0KCk7XG4gICAgICAgIHRoaXMudGFyZ2V0T2JzZXJ2ZXIuc3RhcnQoKTtcbiAgICAgICAgdGhpcy5vdXRsZXRPYnNlcnZlci5zdGFydCgpO1xuICAgICAgICB0cnkge1xuICAgICAgICAgICAgdGhpcy5jb250cm9sbGVyLmNvbm5lY3QoKTtcbiAgICAgICAgICAgIHRoaXMubG9nRGVidWdBY3Rpdml0eShcImNvbm5lY3RcIik7XG4gICAgICAgIH1cbiAgICAgICAgY2F0Y2ggKGVycm9yKSB7XG4gICAgICAgICAgICB0aGlzLmhhbmRsZUVycm9yKGVycm9yLCBcImNvbm5lY3RpbmcgY29udHJvbGxlclwiKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICByZWZyZXNoKCkge1xuICAgICAgICB0aGlzLm91dGxldE9ic2VydmVyLnJlZnJlc2goKTtcbiAgICB9XG4gICAgZGlzY29ubmVjdCgpIHtcbiAgICAgICAgdHJ5IHtcbiAgICAgICAgICAgIHRoaXMuY29udHJvbGxlci5kaXNjb25uZWN0KCk7XG4gICAgICAgICAgICB0aGlzLmxvZ0RlYnVnQWN0aXZpdHkoXCJkaXNjb25uZWN0XCIpO1xuICAgICAgICB9XG4gICAgICAgIGNhdGNoIChlcnJvcikge1xuICAgICAgICAgICAgdGhpcy5oYW5kbGVFcnJvcihlcnJvciwgXCJkaXNjb25uZWN0aW5nIGNvbnRyb2xsZXJcIik7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5vdXRsZXRPYnNlcnZlci5zdG9wKCk7XG4gICAgICAgIHRoaXMudGFyZ2V0T2JzZXJ2ZXIuc3RvcCgpO1xuICAgICAgICB0aGlzLnZhbHVlT2JzZXJ2ZXIuc3RvcCgpO1xuICAgICAgICB0aGlzLmJpbmRpbmdPYnNlcnZlci5zdG9wKCk7XG4gICAgfVxuICAgIGdldCBhcHBsaWNhdGlvbigpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMubW9kdWxlLmFwcGxpY2F0aW9uO1xuICAgIH1cbiAgICBnZXQgaWRlbnRpZmllcigpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMubW9kdWxlLmlkZW50aWZpZXI7XG4gICAgfVxuICAgIGdldCBzY2hlbWEoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmFwcGxpY2F0aW9uLnNjaGVtYTtcbiAgICB9XG4gICAgZ2V0IGRpc3BhdGNoZXIoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmFwcGxpY2F0aW9uLmRpc3BhdGNoZXI7XG4gICAgfVxuICAgIGdldCBlbGVtZW50KCkge1xuICAgICAgICByZXR1cm4gdGhpcy5zY29wZS5lbGVtZW50O1xuICAgIH1cbiAgICBnZXQgcGFyZW50RWxlbWVudCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZWxlbWVudC5wYXJlbnRFbGVtZW50O1xuICAgIH1cbiAgICBoYW5kbGVFcnJvcihlcnJvciwgbWVzc2FnZSwgZGV0YWlsID0ge30pIHtcbiAgICAgICAgY29uc3QgeyBpZGVudGlmaWVyLCBjb250cm9sbGVyLCBlbGVtZW50IH0gPSB0aGlzO1xuICAgICAgICBkZXRhaWwgPSBPYmplY3QuYXNzaWduKHsgaWRlbnRpZmllciwgY29udHJvbGxlciwgZWxlbWVudCB9LCBkZXRhaWwpO1xuICAgICAgICB0aGlzLmFwcGxpY2F0aW9uLmhhbmRsZUVycm9yKGVycm9yLCBgRXJyb3IgJHttZXNzYWdlfWAsIGRldGFpbCk7XG4gICAgfVxuICAgIHRhcmdldENvbm5lY3RlZChlbGVtZW50LCBuYW1lKSB7XG4gICAgICAgIHRoaXMuaW52b2tlQ29udHJvbGxlck1ldGhvZChgJHtuYW1lfVRhcmdldENvbm5lY3RlZGAsIGVsZW1lbnQpO1xuICAgIH1cbiAgICB0YXJnZXREaXNjb25uZWN0ZWQoZWxlbWVudCwgbmFtZSkge1xuICAgICAgICB0aGlzLmludm9rZUNvbnRyb2xsZXJNZXRob2QoYCR7bmFtZX1UYXJnZXREaXNjb25uZWN0ZWRgLCBlbGVtZW50KTtcbiAgICB9XG4gICAgb3V0bGV0Q29ubmVjdGVkKG91dGxldCwgZWxlbWVudCwgbmFtZSkge1xuICAgICAgICB0aGlzLmludm9rZUNvbnRyb2xsZXJNZXRob2QoYCR7bmFtZXNwYWNlQ2FtZWxpemUobmFtZSl9T3V0bGV0Q29ubmVjdGVkYCwgb3V0bGV0LCBlbGVtZW50KTtcbiAgICB9XG4gICAgb3V0bGV0RGlzY29ubmVjdGVkKG91dGxldCwgZWxlbWVudCwgbmFtZSkge1xuICAgICAgICB0aGlzLmludm9rZUNvbnRyb2xsZXJNZXRob2QoYCR7bmFtZXNwYWNlQ2FtZWxpemUobmFtZSl9T3V0bGV0RGlzY29ubmVjdGVkYCwgb3V0bGV0LCBlbGVtZW50KTtcbiAgICB9XG4gICAgaW52b2tlQ29udHJvbGxlck1ldGhvZChtZXRob2ROYW1lLCAuLi5hcmdzKSB7XG4gICAgICAgIGNvbnN0IGNvbnRyb2xsZXIgPSB0aGlzLmNvbnRyb2xsZXI7XG4gICAgICAgIGlmICh0eXBlb2YgY29udHJvbGxlclttZXRob2ROYW1lXSA9PSBcImZ1bmN0aW9uXCIpIHtcbiAgICAgICAgICAgIGNvbnRyb2xsZXJbbWV0aG9kTmFtZV0oLi4uYXJncyk7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbmZ1bmN0aW9uIGJsZXNzKGNvbnN0cnVjdG9yKSB7XG4gICAgcmV0dXJuIHNoYWRvdyhjb25zdHJ1Y3RvciwgZ2V0Qmxlc3NlZFByb3BlcnRpZXMoY29uc3RydWN0b3IpKTtcbn1cbmZ1bmN0aW9uIHNoYWRvdyhjb25zdHJ1Y3RvciwgcHJvcGVydGllcykge1xuICAgIGNvbnN0IHNoYWRvd0NvbnN0cnVjdG9yID0gZXh0ZW5kKGNvbnN0cnVjdG9yKTtcbiAgICBjb25zdCBzaGFkb3dQcm9wZXJ0aWVzID0gZ2V0U2hhZG93UHJvcGVydGllcyhjb25zdHJ1Y3Rvci5wcm90b3R5cGUsIHByb3BlcnRpZXMpO1xuICAgIE9iamVjdC5kZWZpbmVQcm9wZXJ0aWVzKHNoYWRvd0NvbnN0cnVjdG9yLnByb3RvdHlwZSwgc2hhZG93UHJvcGVydGllcyk7XG4gICAgcmV0dXJuIHNoYWRvd0NvbnN0cnVjdG9yO1xufVxuZnVuY3Rpb24gZ2V0Qmxlc3NlZFByb3BlcnRpZXMoY29uc3RydWN0b3IpIHtcbiAgICBjb25zdCBibGVzc2luZ3MgPSByZWFkSW5oZXJpdGFibGVTdGF0aWNBcnJheVZhbHVlcyhjb25zdHJ1Y3RvciwgXCJibGVzc2luZ3NcIik7XG4gICAgcmV0dXJuIGJsZXNzaW5ncy5yZWR1Y2UoKGJsZXNzZWRQcm9wZXJ0aWVzLCBibGVzc2luZykgPT4ge1xuICAgICAgICBjb25zdCBwcm9wZXJ0aWVzID0gYmxlc3NpbmcoY29uc3RydWN0b3IpO1xuICAgICAgICBmb3IgKGNvbnN0IGtleSBpbiBwcm9wZXJ0aWVzKSB7XG4gICAgICAgICAgICBjb25zdCBkZXNjcmlwdG9yID0gYmxlc3NlZFByb3BlcnRpZXNba2V5XSB8fCB7fTtcbiAgICAgICAgICAgIGJsZXNzZWRQcm9wZXJ0aWVzW2tleV0gPSBPYmplY3QuYXNzaWduKGRlc2NyaXB0b3IsIHByb3BlcnRpZXNba2V5XSk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIGJsZXNzZWRQcm9wZXJ0aWVzO1xuICAgIH0sIHt9KTtcbn1cbmZ1bmN0aW9uIGdldFNoYWRvd1Byb3BlcnRpZXMocHJvdG90eXBlLCBwcm9wZXJ0aWVzKSB7XG4gICAgcmV0dXJuIGdldE93bktleXMocHJvcGVydGllcykucmVkdWNlKChzaGFkb3dQcm9wZXJ0aWVzLCBrZXkpID0+IHtcbiAgICAgICAgY29uc3QgZGVzY3JpcHRvciA9IGdldFNoYWRvd2VkRGVzY3JpcHRvcihwcm90b3R5cGUsIHByb3BlcnRpZXMsIGtleSk7XG4gICAgICAgIGlmIChkZXNjcmlwdG9yKSB7XG4gICAgICAgICAgICBPYmplY3QuYXNzaWduKHNoYWRvd1Byb3BlcnRpZXMsIHsgW2tleV06IGRlc2NyaXB0b3IgfSk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHNoYWRvd1Byb3BlcnRpZXM7XG4gICAgfSwge30pO1xufVxuZnVuY3Rpb24gZ2V0U2hhZG93ZWREZXNjcmlwdG9yKHByb3RvdHlwZSwgcHJvcGVydGllcywga2V5KSB7XG4gICAgY29uc3Qgc2hhZG93aW5nRGVzY3JpcHRvciA9IE9iamVjdC5nZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IocHJvdG90eXBlLCBrZXkpO1xuICAgIGNvbnN0IHNoYWRvd2VkQnlWYWx1ZSA9IHNoYWRvd2luZ0Rlc2NyaXB0b3IgJiYgXCJ2YWx1ZVwiIGluIHNoYWRvd2luZ0Rlc2NyaXB0b3I7XG4gICAgaWYgKCFzaGFkb3dlZEJ5VmFsdWUpIHtcbiAgICAgICAgY29uc3QgZGVzY3JpcHRvciA9IE9iamVjdC5nZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IocHJvcGVydGllcywga2V5KS52YWx1ZTtcbiAgICAgICAgaWYgKHNoYWRvd2luZ0Rlc2NyaXB0b3IpIHtcbiAgICAgICAgICAgIGRlc2NyaXB0b3IuZ2V0ID0gc2hhZG93aW5nRGVzY3JpcHRvci5nZXQgfHwgZGVzY3JpcHRvci5nZXQ7XG4gICAgICAgICAgICBkZXNjcmlwdG9yLnNldCA9IHNoYWRvd2luZ0Rlc2NyaXB0b3Iuc2V0IHx8IGRlc2NyaXB0b3Iuc2V0O1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBkZXNjcmlwdG9yO1xuICAgIH1cbn1cbmNvbnN0IGdldE93bktleXMgPSAoKCkgPT4ge1xuICAgIGlmICh0eXBlb2YgT2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyA9PSBcImZ1bmN0aW9uXCIpIHtcbiAgICAgICAgcmV0dXJuIChvYmplY3QpID0+IFsuLi5PYmplY3QuZ2V0T3duUHJvcGVydHlOYW1lcyhvYmplY3QpLCAuLi5PYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzKG9iamVjdCldO1xuICAgIH1cbiAgICBlbHNlIHtcbiAgICAgICAgcmV0dXJuIE9iamVjdC5nZXRPd25Qcm9wZXJ0eU5hbWVzO1xuICAgIH1cbn0pKCk7XG5jb25zdCBleHRlbmQgPSAoKCkgPT4ge1xuICAgIGZ1bmN0aW9uIGV4dGVuZFdpdGhSZWZsZWN0KGNvbnN0cnVjdG9yKSB7XG4gICAgICAgIGZ1bmN0aW9uIGV4dGVuZGVkKCkge1xuICAgICAgICAgICAgcmV0dXJuIFJlZmxlY3QuY29uc3RydWN0KGNvbnN0cnVjdG9yLCBhcmd1bWVudHMsIG5ldy50YXJnZXQpO1xuICAgICAgICB9XG4gICAgICAgIGV4dGVuZGVkLnByb3RvdHlwZSA9IE9iamVjdC5jcmVhdGUoY29uc3RydWN0b3IucHJvdG90eXBlLCB7XG4gICAgICAgICAgICBjb25zdHJ1Y3RvcjogeyB2YWx1ZTogZXh0ZW5kZWQgfSxcbiAgICAgICAgfSk7XG4gICAgICAgIFJlZmxlY3Quc2V0UHJvdG90eXBlT2YoZXh0ZW5kZWQsIGNvbnN0cnVjdG9yKTtcbiAgICAgICAgcmV0dXJuIGV4dGVuZGVkO1xuICAgIH1cbiAgICBmdW5jdGlvbiB0ZXN0UmVmbGVjdEV4dGVuc2lvbigpIHtcbiAgICAgICAgY29uc3QgYSA9IGZ1bmN0aW9uICgpIHtcbiAgICAgICAgICAgIHRoaXMuYS5jYWxsKHRoaXMpO1xuICAgICAgICB9O1xuICAgICAgICBjb25zdCBiID0gZXh0ZW5kV2l0aFJlZmxlY3QoYSk7XG4gICAgICAgIGIucHJvdG90eXBlLmEgPSBmdW5jdGlvbiAoKSB7IH07XG4gICAgICAgIHJldHVybiBuZXcgYigpO1xuICAgIH1cbiAgICB0cnkge1xuICAgICAgICB0ZXN0UmVmbGVjdEV4dGVuc2lvbigpO1xuICAgICAgICByZXR1cm4gZXh0ZW5kV2l0aFJlZmxlY3Q7XG4gICAgfVxuICAgIGNhdGNoIChlcnJvcikge1xuICAgICAgICByZXR1cm4gKGNvbnN0cnVjdG9yKSA9PiBjbGFzcyBleHRlbmRlZCBleHRlbmRzIGNvbnN0cnVjdG9yIHtcbiAgICAgICAgfTtcbiAgICB9XG59KSgpO1xuXG5mdW5jdGlvbiBibGVzc0RlZmluaXRpb24oZGVmaW5pdGlvbikge1xuICAgIHJldHVybiB7XG4gICAgICAgIGlkZW50aWZpZXI6IGRlZmluaXRpb24uaWRlbnRpZmllcixcbiAgICAgICAgY29udHJvbGxlckNvbnN0cnVjdG9yOiBibGVzcyhkZWZpbml0aW9uLmNvbnRyb2xsZXJDb25zdHJ1Y3RvciksXG4gICAgfTtcbn1cblxuY2xhc3MgTW9kdWxlIHtcbiAgICBjb25zdHJ1Y3RvcihhcHBsaWNhdGlvbiwgZGVmaW5pdGlvbikge1xuICAgICAgICB0aGlzLmFwcGxpY2F0aW9uID0gYXBwbGljYXRpb247XG4gICAgICAgIHRoaXMuZGVmaW5pdGlvbiA9IGJsZXNzRGVmaW5pdGlvbihkZWZpbml0aW9uKTtcbiAgICAgICAgdGhpcy5jb250ZXh0c0J5U2NvcGUgPSBuZXcgV2Vha01hcCgpO1xuICAgICAgICB0aGlzLmNvbm5lY3RlZENvbnRleHRzID0gbmV3IFNldCgpO1xuICAgIH1cbiAgICBnZXQgaWRlbnRpZmllcigpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZGVmaW5pdGlvbi5pZGVudGlmaWVyO1xuICAgIH1cbiAgICBnZXQgY29udHJvbGxlckNvbnN0cnVjdG9yKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5kZWZpbml0aW9uLmNvbnRyb2xsZXJDb25zdHJ1Y3RvcjtcbiAgICB9XG4gICAgZ2V0IGNvbnRleHRzKCkge1xuICAgICAgICByZXR1cm4gQXJyYXkuZnJvbSh0aGlzLmNvbm5lY3RlZENvbnRleHRzKTtcbiAgICB9XG4gICAgY29ubmVjdENvbnRleHRGb3JTY29wZShzY29wZSkge1xuICAgICAgICBjb25zdCBjb250ZXh0ID0gdGhpcy5mZXRjaENvbnRleHRGb3JTY29wZShzY29wZSk7XG4gICAgICAgIHRoaXMuY29ubmVjdGVkQ29udGV4dHMuYWRkKGNvbnRleHQpO1xuICAgICAgICBjb250ZXh0LmNvbm5lY3QoKTtcbiAgICB9XG4gICAgZGlzY29ubmVjdENvbnRleHRGb3JTY29wZShzY29wZSkge1xuICAgICAgICBjb25zdCBjb250ZXh0ID0gdGhpcy5jb250ZXh0c0J5U2NvcGUuZ2V0KHNjb3BlKTtcbiAgICAgICAgaWYgKGNvbnRleHQpIHtcbiAgICAgICAgICAgIHRoaXMuY29ubmVjdGVkQ29udGV4dHMuZGVsZXRlKGNvbnRleHQpO1xuICAgICAgICAgICAgY29udGV4dC5kaXNjb25uZWN0KCk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgZmV0Y2hDb250ZXh0Rm9yU2NvcGUoc2NvcGUpIHtcbiAgICAgICAgbGV0IGNvbnRleHQgPSB0aGlzLmNvbnRleHRzQnlTY29wZS5nZXQoc2NvcGUpO1xuICAgICAgICBpZiAoIWNvbnRleHQpIHtcbiAgICAgICAgICAgIGNvbnRleHQgPSBuZXcgQ29udGV4dCh0aGlzLCBzY29wZSk7XG4gICAgICAgICAgICB0aGlzLmNvbnRleHRzQnlTY29wZS5zZXQoc2NvcGUsIGNvbnRleHQpO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBjb250ZXh0O1xuICAgIH1cbn1cblxuY2xhc3MgQ2xhc3NNYXAge1xuICAgIGNvbnN0cnVjdG9yKHNjb3BlKSB7XG4gICAgICAgIHRoaXMuc2NvcGUgPSBzY29wZTtcbiAgICB9XG4gICAgaGFzKG5hbWUpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZGF0YS5oYXModGhpcy5nZXREYXRhS2V5KG5hbWUpKTtcbiAgICB9XG4gICAgZ2V0KG5hbWUpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2V0QWxsKG5hbWUpWzBdO1xuICAgIH1cbiAgICBnZXRBbGwobmFtZSkge1xuICAgICAgICBjb25zdCB0b2tlblN0cmluZyA9IHRoaXMuZGF0YS5nZXQodGhpcy5nZXREYXRhS2V5KG5hbWUpKSB8fCBcIlwiO1xuICAgICAgICByZXR1cm4gdG9rZW5pemUodG9rZW5TdHJpbmcpO1xuICAgIH1cbiAgICBnZXRBdHRyaWJ1dGVOYW1lKG5hbWUpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZGF0YS5nZXRBdHRyaWJ1dGVOYW1lRm9yS2V5KHRoaXMuZ2V0RGF0YUtleShuYW1lKSk7XG4gICAgfVxuICAgIGdldERhdGFLZXkobmFtZSkge1xuICAgICAgICByZXR1cm4gYCR7bmFtZX0tY2xhc3NgO1xuICAgIH1cbiAgICBnZXQgZGF0YSgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuc2NvcGUuZGF0YTtcbiAgICB9XG59XG5cbmNsYXNzIERhdGFNYXAge1xuICAgIGNvbnN0cnVjdG9yKHNjb3BlKSB7XG4gICAgICAgIHRoaXMuc2NvcGUgPSBzY29wZTtcbiAgICB9XG4gICAgZ2V0IGVsZW1lbnQoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLnNjb3BlLmVsZW1lbnQ7XG4gICAgfVxuICAgIGdldCBpZGVudGlmaWVyKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5zY29wZS5pZGVudGlmaWVyO1xuICAgIH1cbiAgICBnZXQoa2V5KSB7XG4gICAgICAgIGNvbnN0IG5hbWUgPSB0aGlzLmdldEF0dHJpYnV0ZU5hbWVGb3JLZXkoa2V5KTtcbiAgICAgICAgcmV0dXJuIHRoaXMuZWxlbWVudC5nZXRBdHRyaWJ1dGUobmFtZSk7XG4gICAgfVxuICAgIHNldChrZXksIHZhbHVlKSB7XG4gICAgICAgIGNvbnN0IG5hbWUgPSB0aGlzLmdldEF0dHJpYnV0ZU5hbWVGb3JLZXkoa2V5KTtcbiAgICAgICAgdGhpcy5lbGVtZW50LnNldEF0dHJpYnV0ZShuYW1lLCB2YWx1ZSk7XG4gICAgICAgIHJldHVybiB0aGlzLmdldChrZXkpO1xuICAgIH1cbiAgICBoYXMoa2V5KSB7XG4gICAgICAgIGNvbnN0IG5hbWUgPSB0aGlzLmdldEF0dHJpYnV0ZU5hbWVGb3JLZXkoa2V5KTtcbiAgICAgICAgcmV0dXJuIHRoaXMuZWxlbWVudC5oYXNBdHRyaWJ1dGUobmFtZSk7XG4gICAgfVxuICAgIGRlbGV0ZShrZXkpIHtcbiAgICAgICAgaWYgKHRoaXMuaGFzKGtleSkpIHtcbiAgICAgICAgICAgIGNvbnN0IG5hbWUgPSB0aGlzLmdldEF0dHJpYnV0ZU5hbWVGb3JLZXkoa2V5KTtcbiAgICAgICAgICAgIHRoaXMuZWxlbWVudC5yZW1vdmVBdHRyaWJ1dGUobmFtZSk7XG4gICAgICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICAgICAgfVxuICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBnZXRBdHRyaWJ1dGVOYW1lRm9yS2V5KGtleSkge1xuICAgICAgICByZXR1cm4gYGRhdGEtJHt0aGlzLmlkZW50aWZpZXJ9LSR7ZGFzaGVyaXplKGtleSl9YDtcbiAgICB9XG59XG5cbmNsYXNzIEd1aWRlIHtcbiAgICBjb25zdHJ1Y3Rvcihsb2dnZXIpIHtcbiAgICAgICAgdGhpcy53YXJuZWRLZXlzQnlPYmplY3QgPSBuZXcgV2Vha01hcCgpO1xuICAgICAgICB0aGlzLmxvZ2dlciA9IGxvZ2dlcjtcbiAgICB9XG4gICAgd2FybihvYmplY3QsIGtleSwgbWVzc2FnZSkge1xuICAgICAgICBsZXQgd2FybmVkS2V5cyA9IHRoaXMud2FybmVkS2V5c0J5T2JqZWN0LmdldChvYmplY3QpO1xuICAgICAgICBpZiAoIXdhcm5lZEtleXMpIHtcbiAgICAgICAgICAgIHdhcm5lZEtleXMgPSBuZXcgU2V0KCk7XG4gICAgICAgICAgICB0aGlzLndhcm5lZEtleXNCeU9iamVjdC5zZXQob2JqZWN0LCB3YXJuZWRLZXlzKTtcbiAgICAgICAgfVxuICAgICAgICBpZiAoIXdhcm5lZEtleXMuaGFzKGtleSkpIHtcbiAgICAgICAgICAgIHdhcm5lZEtleXMuYWRkKGtleSk7XG4gICAgICAgICAgICB0aGlzLmxvZ2dlci53YXJuKG1lc3NhZ2UsIG9iamVjdCk7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbmZ1bmN0aW9uIGF0dHJpYnV0ZVZhbHVlQ29udGFpbnNUb2tlbihhdHRyaWJ1dGVOYW1lLCB0b2tlbikge1xuICAgIHJldHVybiBgWyR7YXR0cmlidXRlTmFtZX1+PVwiJHt0b2tlbn1cIl1gO1xufVxuXG5jbGFzcyBUYXJnZXRTZXQge1xuICAgIGNvbnN0cnVjdG9yKHNjb3BlKSB7XG4gICAgICAgIHRoaXMuc2NvcGUgPSBzY29wZTtcbiAgICB9XG4gICAgZ2V0IGVsZW1lbnQoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLnNjb3BlLmVsZW1lbnQ7XG4gICAgfVxuICAgIGdldCBpZGVudGlmaWVyKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5zY29wZS5pZGVudGlmaWVyO1xuICAgIH1cbiAgICBnZXQgc2NoZW1hKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5zY29wZS5zY2hlbWE7XG4gICAgfVxuICAgIGhhcyh0YXJnZXROYW1lKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmZpbmQodGFyZ2V0TmFtZSkgIT0gbnVsbDtcbiAgICB9XG4gICAgZmluZCguLi50YXJnZXROYW1lcykge1xuICAgICAgICByZXR1cm4gdGFyZ2V0TmFtZXMucmVkdWNlKCh0YXJnZXQsIHRhcmdldE5hbWUpID0+IHRhcmdldCB8fCB0aGlzLmZpbmRUYXJnZXQodGFyZ2V0TmFtZSkgfHwgdGhpcy5maW5kTGVnYWN5VGFyZ2V0KHRhcmdldE5hbWUpLCB1bmRlZmluZWQpO1xuICAgIH1cbiAgICBmaW5kQWxsKC4uLnRhcmdldE5hbWVzKSB7XG4gICAgICAgIHJldHVybiB0YXJnZXROYW1lcy5yZWR1Y2UoKHRhcmdldHMsIHRhcmdldE5hbWUpID0+IFtcbiAgICAgICAgICAgIC4uLnRhcmdldHMsXG4gICAgICAgICAgICAuLi50aGlzLmZpbmRBbGxUYXJnZXRzKHRhcmdldE5hbWUpLFxuICAgICAgICAgICAgLi4udGhpcy5maW5kQWxsTGVnYWN5VGFyZ2V0cyh0YXJnZXROYW1lKSxcbiAgICAgICAgXSwgW10pO1xuICAgIH1cbiAgICBmaW5kVGFyZ2V0KHRhcmdldE5hbWUpIHtcbiAgICAgICAgY29uc3Qgc2VsZWN0b3IgPSB0aGlzLmdldFNlbGVjdG9yRm9yVGFyZ2V0TmFtZSh0YXJnZXROYW1lKTtcbiAgICAgICAgcmV0dXJuIHRoaXMuc2NvcGUuZmluZEVsZW1lbnQoc2VsZWN0b3IpO1xuICAgIH1cbiAgICBmaW5kQWxsVGFyZ2V0cyh0YXJnZXROYW1lKSB7XG4gICAgICAgIGNvbnN0IHNlbGVjdG9yID0gdGhpcy5nZXRTZWxlY3RvckZvclRhcmdldE5hbWUodGFyZ2V0TmFtZSk7XG4gICAgICAgIHJldHVybiB0aGlzLnNjb3BlLmZpbmRBbGxFbGVtZW50cyhzZWxlY3Rvcik7XG4gICAgfVxuICAgIGdldFNlbGVjdG9yRm9yVGFyZ2V0TmFtZSh0YXJnZXROYW1lKSB7XG4gICAgICAgIGNvbnN0IGF0dHJpYnV0ZU5hbWUgPSB0aGlzLnNjaGVtYS50YXJnZXRBdHRyaWJ1dGVGb3JTY29wZSh0aGlzLmlkZW50aWZpZXIpO1xuICAgICAgICByZXR1cm4gYXR0cmlidXRlVmFsdWVDb250YWluc1Rva2VuKGF0dHJpYnV0ZU5hbWUsIHRhcmdldE5hbWUpO1xuICAgIH1cbiAgICBmaW5kTGVnYWN5VGFyZ2V0KHRhcmdldE5hbWUpIHtcbiAgICAgICAgY29uc3Qgc2VsZWN0b3IgPSB0aGlzLmdldExlZ2FjeVNlbGVjdG9yRm9yVGFyZ2V0TmFtZSh0YXJnZXROYW1lKTtcbiAgICAgICAgcmV0dXJuIHRoaXMuZGVwcmVjYXRlKHRoaXMuc2NvcGUuZmluZEVsZW1lbnQoc2VsZWN0b3IpLCB0YXJnZXROYW1lKTtcbiAgICB9XG4gICAgZmluZEFsbExlZ2FjeVRhcmdldHModGFyZ2V0TmFtZSkge1xuICAgICAgICBjb25zdCBzZWxlY3RvciA9IHRoaXMuZ2V0TGVnYWN5U2VsZWN0b3JGb3JUYXJnZXROYW1lKHRhcmdldE5hbWUpO1xuICAgICAgICByZXR1cm4gdGhpcy5zY29wZS5maW5kQWxsRWxlbWVudHMoc2VsZWN0b3IpLm1hcCgoZWxlbWVudCkgPT4gdGhpcy5kZXByZWNhdGUoZWxlbWVudCwgdGFyZ2V0TmFtZSkpO1xuICAgIH1cbiAgICBnZXRMZWdhY3lTZWxlY3RvckZvclRhcmdldE5hbWUodGFyZ2V0TmFtZSkge1xuICAgICAgICBjb25zdCB0YXJnZXREZXNjcmlwdG9yID0gYCR7dGhpcy5pZGVudGlmaWVyfS4ke3RhcmdldE5hbWV9YDtcbiAgICAgICAgcmV0dXJuIGF0dHJpYnV0ZVZhbHVlQ29udGFpbnNUb2tlbih0aGlzLnNjaGVtYS50YXJnZXRBdHRyaWJ1dGUsIHRhcmdldERlc2NyaXB0b3IpO1xuICAgIH1cbiAgICBkZXByZWNhdGUoZWxlbWVudCwgdGFyZ2V0TmFtZSkge1xuICAgICAgICBpZiAoZWxlbWVudCkge1xuICAgICAgICAgICAgY29uc3QgeyBpZGVudGlmaWVyIH0gPSB0aGlzO1xuICAgICAgICAgICAgY29uc3QgYXR0cmlidXRlTmFtZSA9IHRoaXMuc2NoZW1hLnRhcmdldEF0dHJpYnV0ZTtcbiAgICAgICAgICAgIGNvbnN0IHJldmlzZWRBdHRyaWJ1dGVOYW1lID0gdGhpcy5zY2hlbWEudGFyZ2V0QXR0cmlidXRlRm9yU2NvcGUoaWRlbnRpZmllcik7XG4gICAgICAgICAgICB0aGlzLmd1aWRlLndhcm4oZWxlbWVudCwgYHRhcmdldDoke3RhcmdldE5hbWV9YCwgYFBsZWFzZSByZXBsYWNlICR7YXR0cmlidXRlTmFtZX09XCIke2lkZW50aWZpZXJ9LiR7dGFyZ2V0TmFtZX1cIiB3aXRoICR7cmV2aXNlZEF0dHJpYnV0ZU5hbWV9PVwiJHt0YXJnZXROYW1lfVwiLiBgICtcbiAgICAgICAgICAgICAgICBgVGhlICR7YXR0cmlidXRlTmFtZX0gYXR0cmlidXRlIGlzIGRlcHJlY2F0ZWQgYW5kIHdpbGwgYmUgcmVtb3ZlZCBpbiBhIGZ1dHVyZSB2ZXJzaW9uIG9mIFN0aW11bHVzLmApO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBlbGVtZW50O1xuICAgIH1cbiAgICBnZXQgZ3VpZGUoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLnNjb3BlLmd1aWRlO1xuICAgIH1cbn1cblxuY2xhc3MgT3V0bGV0U2V0IHtcbiAgICBjb25zdHJ1Y3RvcihzY29wZSwgY29udHJvbGxlckVsZW1lbnQpIHtcbiAgICAgICAgdGhpcy5zY29wZSA9IHNjb3BlO1xuICAgICAgICB0aGlzLmNvbnRyb2xsZXJFbGVtZW50ID0gY29udHJvbGxlckVsZW1lbnQ7XG4gICAgfVxuICAgIGdldCBlbGVtZW50KCkge1xuICAgICAgICByZXR1cm4gdGhpcy5zY29wZS5lbGVtZW50O1xuICAgIH1cbiAgICBnZXQgaWRlbnRpZmllcigpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuc2NvcGUuaWRlbnRpZmllcjtcbiAgICB9XG4gICAgZ2V0IHNjaGVtYSgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuc2NvcGUuc2NoZW1hO1xuICAgIH1cbiAgICBoYXMob3V0bGV0TmFtZSkge1xuICAgICAgICByZXR1cm4gdGhpcy5maW5kKG91dGxldE5hbWUpICE9IG51bGw7XG4gICAgfVxuICAgIGZpbmQoLi4ub3V0bGV0TmFtZXMpIHtcbiAgICAgICAgcmV0dXJuIG91dGxldE5hbWVzLnJlZHVjZSgob3V0bGV0LCBvdXRsZXROYW1lKSA9PiBvdXRsZXQgfHwgdGhpcy5maW5kT3V0bGV0KG91dGxldE5hbWUpLCB1bmRlZmluZWQpO1xuICAgIH1cbiAgICBmaW5kQWxsKC4uLm91dGxldE5hbWVzKSB7XG4gICAgICAgIHJldHVybiBvdXRsZXROYW1lcy5yZWR1Y2UoKG91dGxldHMsIG91dGxldE5hbWUpID0+IFsuLi5vdXRsZXRzLCAuLi50aGlzLmZpbmRBbGxPdXRsZXRzKG91dGxldE5hbWUpXSwgW10pO1xuICAgIH1cbiAgICBnZXRTZWxlY3RvckZvck91dGxldE5hbWUob3V0bGV0TmFtZSkge1xuICAgICAgICBjb25zdCBhdHRyaWJ1dGVOYW1lID0gdGhpcy5zY2hlbWEub3V0bGV0QXR0cmlidXRlRm9yU2NvcGUodGhpcy5pZGVudGlmaWVyLCBvdXRsZXROYW1lKTtcbiAgICAgICAgcmV0dXJuIHRoaXMuY29udHJvbGxlckVsZW1lbnQuZ2V0QXR0cmlidXRlKGF0dHJpYnV0ZU5hbWUpO1xuICAgIH1cbiAgICBmaW5kT3V0bGV0KG91dGxldE5hbWUpIHtcbiAgICAgICAgY29uc3Qgc2VsZWN0b3IgPSB0aGlzLmdldFNlbGVjdG9yRm9yT3V0bGV0TmFtZShvdXRsZXROYW1lKTtcbiAgICAgICAgaWYgKHNlbGVjdG9yKVxuICAgICAgICAgICAgcmV0dXJuIHRoaXMuZmluZEVsZW1lbnQoc2VsZWN0b3IsIG91dGxldE5hbWUpO1xuICAgIH1cbiAgICBmaW5kQWxsT3V0bGV0cyhvdXRsZXROYW1lKSB7XG4gICAgICAgIGNvbnN0IHNlbGVjdG9yID0gdGhpcy5nZXRTZWxlY3RvckZvck91dGxldE5hbWUob3V0bGV0TmFtZSk7XG4gICAgICAgIHJldHVybiBzZWxlY3RvciA/IHRoaXMuZmluZEFsbEVsZW1lbnRzKHNlbGVjdG9yLCBvdXRsZXROYW1lKSA6IFtdO1xuICAgIH1cbiAgICBmaW5kRWxlbWVudChzZWxlY3Rvciwgb3V0bGV0TmFtZSkge1xuICAgICAgICBjb25zdCBlbGVtZW50cyA9IHRoaXMuc2NvcGUucXVlcnlFbGVtZW50cyhzZWxlY3Rvcik7XG4gICAgICAgIHJldHVybiBlbGVtZW50cy5maWx0ZXIoKGVsZW1lbnQpID0+IHRoaXMubWF0Y2hlc0VsZW1lbnQoZWxlbWVudCwgc2VsZWN0b3IsIG91dGxldE5hbWUpKVswXTtcbiAgICB9XG4gICAgZmluZEFsbEVsZW1lbnRzKHNlbGVjdG9yLCBvdXRsZXROYW1lKSB7XG4gICAgICAgIGNvbnN0IGVsZW1lbnRzID0gdGhpcy5zY29wZS5xdWVyeUVsZW1lbnRzKHNlbGVjdG9yKTtcbiAgICAgICAgcmV0dXJuIGVsZW1lbnRzLmZpbHRlcigoZWxlbWVudCkgPT4gdGhpcy5tYXRjaGVzRWxlbWVudChlbGVtZW50LCBzZWxlY3Rvciwgb3V0bGV0TmFtZSkpO1xuICAgIH1cbiAgICBtYXRjaGVzRWxlbWVudChlbGVtZW50LCBzZWxlY3Rvciwgb3V0bGV0TmFtZSkge1xuICAgICAgICBjb25zdCBjb250cm9sbGVyQXR0cmlidXRlID0gZWxlbWVudC5nZXRBdHRyaWJ1dGUodGhpcy5zY29wZS5zY2hlbWEuY29udHJvbGxlckF0dHJpYnV0ZSkgfHwgXCJcIjtcbiAgICAgICAgcmV0dXJuIGVsZW1lbnQubWF0Y2hlcyhzZWxlY3RvcikgJiYgY29udHJvbGxlckF0dHJpYnV0ZS5zcGxpdChcIiBcIikuaW5jbHVkZXMob3V0bGV0TmFtZSk7XG4gICAgfVxufVxuXG5jbGFzcyBTY29wZSB7XG4gICAgY29uc3RydWN0b3Ioc2NoZW1hLCBlbGVtZW50LCBpZGVudGlmaWVyLCBsb2dnZXIpIHtcbiAgICAgICAgdGhpcy50YXJnZXRzID0gbmV3IFRhcmdldFNldCh0aGlzKTtcbiAgICAgICAgdGhpcy5jbGFzc2VzID0gbmV3IENsYXNzTWFwKHRoaXMpO1xuICAgICAgICB0aGlzLmRhdGEgPSBuZXcgRGF0YU1hcCh0aGlzKTtcbiAgICAgICAgdGhpcy5jb250YWluc0VsZW1lbnQgPSAoZWxlbWVudCkgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIGVsZW1lbnQuY2xvc2VzdCh0aGlzLmNvbnRyb2xsZXJTZWxlY3RvcikgPT09IHRoaXMuZWxlbWVudDtcbiAgICAgICAgfTtcbiAgICAgICAgdGhpcy5zY2hlbWEgPSBzY2hlbWE7XG4gICAgICAgIHRoaXMuZWxlbWVudCA9IGVsZW1lbnQ7XG4gICAgICAgIHRoaXMuaWRlbnRpZmllciA9IGlkZW50aWZpZXI7XG4gICAgICAgIHRoaXMuZ3VpZGUgPSBuZXcgR3VpZGUobG9nZ2VyKTtcbiAgICAgICAgdGhpcy5vdXRsZXRzID0gbmV3IE91dGxldFNldCh0aGlzLmRvY3VtZW50U2NvcGUsIGVsZW1lbnQpO1xuICAgIH1cbiAgICBmaW5kRWxlbWVudChzZWxlY3Rvcikge1xuICAgICAgICByZXR1cm4gdGhpcy5lbGVtZW50Lm1hdGNoZXMoc2VsZWN0b3IpID8gdGhpcy5lbGVtZW50IDogdGhpcy5xdWVyeUVsZW1lbnRzKHNlbGVjdG9yKS5maW5kKHRoaXMuY29udGFpbnNFbGVtZW50KTtcbiAgICB9XG4gICAgZmluZEFsbEVsZW1lbnRzKHNlbGVjdG9yKSB7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgICAuLi4odGhpcy5lbGVtZW50Lm1hdGNoZXMoc2VsZWN0b3IpID8gW3RoaXMuZWxlbWVudF0gOiBbXSksXG4gICAgICAgICAgICAuLi50aGlzLnF1ZXJ5RWxlbWVudHMoc2VsZWN0b3IpLmZpbHRlcih0aGlzLmNvbnRhaW5zRWxlbWVudCksXG4gICAgICAgIF07XG4gICAgfVxuICAgIHF1ZXJ5RWxlbWVudHMoc2VsZWN0b3IpIHtcbiAgICAgICAgcmV0dXJuIEFycmF5LmZyb20odGhpcy5lbGVtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoc2VsZWN0b3IpKTtcbiAgICB9XG4gICAgZ2V0IGNvbnRyb2xsZXJTZWxlY3RvcigpIHtcbiAgICAgICAgcmV0dXJuIGF0dHJpYnV0ZVZhbHVlQ29udGFpbnNUb2tlbih0aGlzLnNjaGVtYS5jb250cm9sbGVyQXR0cmlidXRlLCB0aGlzLmlkZW50aWZpZXIpO1xuICAgIH1cbiAgICBnZXQgaXNEb2N1bWVudFNjb3BlKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5lbGVtZW50ID09PSBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQ7XG4gICAgfVxuICAgIGdldCBkb2N1bWVudFNjb3BlKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5pc0RvY3VtZW50U2NvcGVcbiAgICAgICAgICAgID8gdGhpc1xuICAgICAgICAgICAgOiBuZXcgU2NvcGUodGhpcy5zY2hlbWEsIGRvY3VtZW50LmRvY3VtZW50RWxlbWVudCwgdGhpcy5pZGVudGlmaWVyLCB0aGlzLmd1aWRlLmxvZ2dlcik7XG4gICAgfVxufVxuXG5jbGFzcyBTY29wZU9ic2VydmVyIHtcbiAgICBjb25zdHJ1Y3RvcihlbGVtZW50LCBzY2hlbWEsIGRlbGVnYXRlKSB7XG4gICAgICAgIHRoaXMuZWxlbWVudCA9IGVsZW1lbnQ7XG4gICAgICAgIHRoaXMuc2NoZW1hID0gc2NoZW1hO1xuICAgICAgICB0aGlzLmRlbGVnYXRlID0gZGVsZWdhdGU7XG4gICAgICAgIHRoaXMudmFsdWVMaXN0T2JzZXJ2ZXIgPSBuZXcgVmFsdWVMaXN0T2JzZXJ2ZXIodGhpcy5lbGVtZW50LCB0aGlzLmNvbnRyb2xsZXJBdHRyaWJ1dGUsIHRoaXMpO1xuICAgICAgICB0aGlzLnNjb3Blc0J5SWRlbnRpZmllckJ5RWxlbWVudCA9IG5ldyBXZWFrTWFwKCk7XG4gICAgICAgIHRoaXMuc2NvcGVSZWZlcmVuY2VDb3VudHMgPSBuZXcgV2Vha01hcCgpO1xuICAgIH1cbiAgICBzdGFydCgpIHtcbiAgICAgICAgdGhpcy52YWx1ZUxpc3RPYnNlcnZlci5zdGFydCgpO1xuICAgIH1cbiAgICBzdG9wKCkge1xuICAgICAgICB0aGlzLnZhbHVlTGlzdE9ic2VydmVyLnN0b3AoKTtcbiAgICB9XG4gICAgZ2V0IGNvbnRyb2xsZXJBdHRyaWJ1dGUoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLnNjaGVtYS5jb250cm9sbGVyQXR0cmlidXRlO1xuICAgIH1cbiAgICBwYXJzZVZhbHVlRm9yVG9rZW4odG9rZW4pIHtcbiAgICAgICAgY29uc3QgeyBlbGVtZW50LCBjb250ZW50OiBpZGVudGlmaWVyIH0gPSB0b2tlbjtcbiAgICAgICAgcmV0dXJuIHRoaXMucGFyc2VWYWx1ZUZvckVsZW1lbnRBbmRJZGVudGlmaWVyKGVsZW1lbnQsIGlkZW50aWZpZXIpO1xuICAgIH1cbiAgICBwYXJzZVZhbHVlRm9yRWxlbWVudEFuZElkZW50aWZpZXIoZWxlbWVudCwgaWRlbnRpZmllcikge1xuICAgICAgICBjb25zdCBzY29wZXNCeUlkZW50aWZpZXIgPSB0aGlzLmZldGNoU2NvcGVzQnlJZGVudGlmaWVyRm9yRWxlbWVudChlbGVtZW50KTtcbiAgICAgICAgbGV0IHNjb3BlID0gc2NvcGVzQnlJZGVudGlmaWVyLmdldChpZGVudGlmaWVyKTtcbiAgICAgICAgaWYgKCFzY29wZSkge1xuICAgICAgICAgICAgc2NvcGUgPSB0aGlzLmRlbGVnYXRlLmNyZWF0ZVNjb3BlRm9yRWxlbWVudEFuZElkZW50aWZpZXIoZWxlbWVudCwgaWRlbnRpZmllcik7XG4gICAgICAgICAgICBzY29wZXNCeUlkZW50aWZpZXIuc2V0KGlkZW50aWZpZXIsIHNjb3BlKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gc2NvcGU7XG4gICAgfVxuICAgIGVsZW1lbnRNYXRjaGVkVmFsdWUoZWxlbWVudCwgdmFsdWUpIHtcbiAgICAgICAgY29uc3QgcmVmZXJlbmNlQ291bnQgPSAodGhpcy5zY29wZVJlZmVyZW5jZUNvdW50cy5nZXQodmFsdWUpIHx8IDApICsgMTtcbiAgICAgICAgdGhpcy5zY29wZVJlZmVyZW5jZUNvdW50cy5zZXQodmFsdWUsIHJlZmVyZW5jZUNvdW50KTtcbiAgICAgICAgaWYgKHJlZmVyZW5jZUNvdW50ID09IDEpIHtcbiAgICAgICAgICAgIHRoaXMuZGVsZWdhdGUuc2NvcGVDb25uZWN0ZWQodmFsdWUpO1xuICAgICAgICB9XG4gICAgfVxuICAgIGVsZW1lbnRVbm1hdGNoZWRWYWx1ZShlbGVtZW50LCB2YWx1ZSkge1xuICAgICAgICBjb25zdCByZWZlcmVuY2VDb3VudCA9IHRoaXMuc2NvcGVSZWZlcmVuY2VDb3VudHMuZ2V0KHZhbHVlKTtcbiAgICAgICAgaWYgKHJlZmVyZW5jZUNvdW50KSB7XG4gICAgICAgICAgICB0aGlzLnNjb3BlUmVmZXJlbmNlQ291bnRzLnNldCh2YWx1ZSwgcmVmZXJlbmNlQ291bnQgLSAxKTtcbiAgICAgICAgICAgIGlmIChyZWZlcmVuY2VDb3VudCA9PSAxKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5kZWxlZ2F0ZS5zY29wZURpc2Nvbm5lY3RlZCh2YWx1ZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG4gICAgZmV0Y2hTY29wZXNCeUlkZW50aWZpZXJGb3JFbGVtZW50KGVsZW1lbnQpIHtcbiAgICAgICAgbGV0IHNjb3Blc0J5SWRlbnRpZmllciA9IHRoaXMuc2NvcGVzQnlJZGVudGlmaWVyQnlFbGVtZW50LmdldChlbGVtZW50KTtcbiAgICAgICAgaWYgKCFzY29wZXNCeUlkZW50aWZpZXIpIHtcbiAgICAgICAgICAgIHNjb3Blc0J5SWRlbnRpZmllciA9IG5ldyBNYXAoKTtcbiAgICAgICAgICAgIHRoaXMuc2NvcGVzQnlJZGVudGlmaWVyQnlFbGVtZW50LnNldChlbGVtZW50LCBzY29wZXNCeUlkZW50aWZpZXIpO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBzY29wZXNCeUlkZW50aWZpZXI7XG4gICAgfVxufVxuXG5jbGFzcyBSb3V0ZXIge1xuICAgIGNvbnN0cnVjdG9yKGFwcGxpY2F0aW9uKSB7XG4gICAgICAgIHRoaXMuYXBwbGljYXRpb24gPSBhcHBsaWNhdGlvbjtcbiAgICAgICAgdGhpcy5zY29wZU9ic2VydmVyID0gbmV3IFNjb3BlT2JzZXJ2ZXIodGhpcy5lbGVtZW50LCB0aGlzLnNjaGVtYSwgdGhpcyk7XG4gICAgICAgIHRoaXMuc2NvcGVzQnlJZGVudGlmaWVyID0gbmV3IE11bHRpbWFwKCk7XG4gICAgICAgIHRoaXMubW9kdWxlc0J5SWRlbnRpZmllciA9IG5ldyBNYXAoKTtcbiAgICB9XG4gICAgZ2V0IGVsZW1lbnQoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmFwcGxpY2F0aW9uLmVsZW1lbnQ7XG4gICAgfVxuICAgIGdldCBzY2hlbWEoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmFwcGxpY2F0aW9uLnNjaGVtYTtcbiAgICB9XG4gICAgZ2V0IGxvZ2dlcigpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuYXBwbGljYXRpb24ubG9nZ2VyO1xuICAgIH1cbiAgICBnZXQgY29udHJvbGxlckF0dHJpYnV0ZSgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuc2NoZW1hLmNvbnRyb2xsZXJBdHRyaWJ1dGU7XG4gICAgfVxuICAgIGdldCBtb2R1bGVzKCkge1xuICAgICAgICByZXR1cm4gQXJyYXkuZnJvbSh0aGlzLm1vZHVsZXNCeUlkZW50aWZpZXIudmFsdWVzKCkpO1xuICAgIH1cbiAgICBnZXQgY29udGV4dHMoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLm1vZHVsZXMucmVkdWNlKChjb250ZXh0cywgbW9kdWxlKSA9PiBjb250ZXh0cy5jb25jYXQobW9kdWxlLmNvbnRleHRzKSwgW10pO1xuICAgIH1cbiAgICBzdGFydCgpIHtcbiAgICAgICAgdGhpcy5zY29wZU9ic2VydmVyLnN0YXJ0KCk7XG4gICAgfVxuICAgIHN0b3AoKSB7XG4gICAgICAgIHRoaXMuc2NvcGVPYnNlcnZlci5zdG9wKCk7XG4gICAgfVxuICAgIGxvYWREZWZpbml0aW9uKGRlZmluaXRpb24pIHtcbiAgICAgICAgdGhpcy51bmxvYWRJZGVudGlmaWVyKGRlZmluaXRpb24uaWRlbnRpZmllcik7XG4gICAgICAgIGNvbnN0IG1vZHVsZSA9IG5ldyBNb2R1bGUodGhpcy5hcHBsaWNhdGlvbiwgZGVmaW5pdGlvbik7XG4gICAgICAgIHRoaXMuY29ubmVjdE1vZHVsZShtb2R1bGUpO1xuICAgICAgICBjb25zdCBhZnRlckxvYWQgPSBkZWZpbml0aW9uLmNvbnRyb2xsZXJDb25zdHJ1Y3Rvci5hZnRlckxvYWQ7XG4gICAgICAgIGlmIChhZnRlckxvYWQpIHtcbiAgICAgICAgICAgIGFmdGVyTG9hZC5jYWxsKGRlZmluaXRpb24uY29udHJvbGxlckNvbnN0cnVjdG9yLCBkZWZpbml0aW9uLmlkZW50aWZpZXIsIHRoaXMuYXBwbGljYXRpb24pO1xuICAgICAgICB9XG4gICAgfVxuICAgIHVubG9hZElkZW50aWZpZXIoaWRlbnRpZmllcikge1xuICAgICAgICBjb25zdCBtb2R1bGUgPSB0aGlzLm1vZHVsZXNCeUlkZW50aWZpZXIuZ2V0KGlkZW50aWZpZXIpO1xuICAgICAgICBpZiAobW9kdWxlKSB7XG4gICAgICAgICAgICB0aGlzLmRpc2Nvbm5lY3RNb2R1bGUobW9kdWxlKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBnZXRDb250ZXh0Rm9yRWxlbWVudEFuZElkZW50aWZpZXIoZWxlbWVudCwgaWRlbnRpZmllcikge1xuICAgICAgICBjb25zdCBtb2R1bGUgPSB0aGlzLm1vZHVsZXNCeUlkZW50aWZpZXIuZ2V0KGlkZW50aWZpZXIpO1xuICAgICAgICBpZiAobW9kdWxlKSB7XG4gICAgICAgICAgICByZXR1cm4gbW9kdWxlLmNvbnRleHRzLmZpbmQoKGNvbnRleHQpID0+IGNvbnRleHQuZWxlbWVudCA9PSBlbGVtZW50KTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBwcm9wb3NlVG9Db25uZWN0U2NvcGVGb3JFbGVtZW50QW5kSWRlbnRpZmllcihlbGVtZW50LCBpZGVudGlmaWVyKSB7XG4gICAgICAgIGNvbnN0IHNjb3BlID0gdGhpcy5zY29wZU9ic2VydmVyLnBhcnNlVmFsdWVGb3JFbGVtZW50QW5kSWRlbnRpZmllcihlbGVtZW50LCBpZGVudGlmaWVyKTtcbiAgICAgICAgaWYgKHNjb3BlKSB7XG4gICAgICAgICAgICB0aGlzLnNjb3BlT2JzZXJ2ZXIuZWxlbWVudE1hdGNoZWRWYWx1ZShzY29wZS5lbGVtZW50LCBzY29wZSk7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICBjb25zb2xlLmVycm9yKGBDb3VsZG4ndCBmaW5kIG9yIGNyZWF0ZSBzY29wZSBmb3IgaWRlbnRpZmllcjogXCIke2lkZW50aWZpZXJ9XCIgYW5kIGVsZW1lbnQ6YCwgZWxlbWVudCk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgaGFuZGxlRXJyb3IoZXJyb3IsIG1lc3NhZ2UsIGRldGFpbCkge1xuICAgICAgICB0aGlzLmFwcGxpY2F0aW9uLmhhbmRsZUVycm9yKGVycm9yLCBtZXNzYWdlLCBkZXRhaWwpO1xuICAgIH1cbiAgICBjcmVhdGVTY29wZUZvckVsZW1lbnRBbmRJZGVudGlmaWVyKGVsZW1lbnQsIGlkZW50aWZpZXIpIHtcbiAgICAgICAgcmV0dXJuIG5ldyBTY29wZSh0aGlzLnNjaGVtYSwgZWxlbWVudCwgaWRlbnRpZmllciwgdGhpcy5sb2dnZXIpO1xuICAgIH1cbiAgICBzY29wZUNvbm5lY3RlZChzY29wZSkge1xuICAgICAgICB0aGlzLnNjb3Blc0J5SWRlbnRpZmllci5hZGQoc2NvcGUuaWRlbnRpZmllciwgc2NvcGUpO1xuICAgICAgICBjb25zdCBtb2R1bGUgPSB0aGlzLm1vZHVsZXNCeUlkZW50aWZpZXIuZ2V0KHNjb3BlLmlkZW50aWZpZXIpO1xuICAgICAgICBpZiAobW9kdWxlKSB7XG4gICAgICAgICAgICBtb2R1bGUuY29ubmVjdENvbnRleHRGb3JTY29wZShzY29wZSk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgc2NvcGVEaXNjb25uZWN0ZWQoc2NvcGUpIHtcbiAgICAgICAgdGhpcy5zY29wZXNCeUlkZW50aWZpZXIuZGVsZXRlKHNjb3BlLmlkZW50aWZpZXIsIHNjb3BlKTtcbiAgICAgICAgY29uc3QgbW9kdWxlID0gdGhpcy5tb2R1bGVzQnlJZGVudGlmaWVyLmdldChzY29wZS5pZGVudGlmaWVyKTtcbiAgICAgICAgaWYgKG1vZHVsZSkge1xuICAgICAgICAgICAgbW9kdWxlLmRpc2Nvbm5lY3RDb250ZXh0Rm9yU2NvcGUoc2NvcGUpO1xuICAgICAgICB9XG4gICAgfVxuICAgIGNvbm5lY3RNb2R1bGUobW9kdWxlKSB7XG4gICAgICAgIHRoaXMubW9kdWxlc0J5SWRlbnRpZmllci5zZXQobW9kdWxlLmlkZW50aWZpZXIsIG1vZHVsZSk7XG4gICAgICAgIGNvbnN0IHNjb3BlcyA9IHRoaXMuc2NvcGVzQnlJZGVudGlmaWVyLmdldFZhbHVlc0ZvcktleShtb2R1bGUuaWRlbnRpZmllcik7XG4gICAgICAgIHNjb3Blcy5mb3JFYWNoKChzY29wZSkgPT4gbW9kdWxlLmNvbm5lY3RDb250ZXh0Rm9yU2NvcGUoc2NvcGUpKTtcbiAgICB9XG4gICAgZGlzY29ubmVjdE1vZHVsZShtb2R1bGUpIHtcbiAgICAgICAgdGhpcy5tb2R1bGVzQnlJZGVudGlmaWVyLmRlbGV0ZShtb2R1bGUuaWRlbnRpZmllcik7XG4gICAgICAgIGNvbnN0IHNjb3BlcyA9IHRoaXMuc2NvcGVzQnlJZGVudGlmaWVyLmdldFZhbHVlc0ZvcktleShtb2R1bGUuaWRlbnRpZmllcik7XG4gICAgICAgIHNjb3Blcy5mb3JFYWNoKChzY29wZSkgPT4gbW9kdWxlLmRpc2Nvbm5lY3RDb250ZXh0Rm9yU2NvcGUoc2NvcGUpKTtcbiAgICB9XG59XG5cbmNvbnN0IGRlZmF1bHRTY2hlbWEgPSB7XG4gICAgY29udHJvbGxlckF0dHJpYnV0ZTogXCJkYXRhLWNvbnRyb2xsZXJcIixcbiAgICBhY3Rpb25BdHRyaWJ1dGU6IFwiZGF0YS1hY3Rpb25cIixcbiAgICB0YXJnZXRBdHRyaWJ1dGU6IFwiZGF0YS10YXJnZXRcIixcbiAgICB0YXJnZXRBdHRyaWJ1dGVGb3JTY29wZTogKGlkZW50aWZpZXIpID0+IGBkYXRhLSR7aWRlbnRpZmllcn0tdGFyZ2V0YCxcbiAgICBvdXRsZXRBdHRyaWJ1dGVGb3JTY29wZTogKGlkZW50aWZpZXIsIG91dGxldCkgPT4gYGRhdGEtJHtpZGVudGlmaWVyfS0ke291dGxldH0tb3V0bGV0YCxcbiAgICBrZXlNYXBwaW5nczogT2JqZWN0LmFzc2lnbihPYmplY3QuYXNzaWduKHsgZW50ZXI6IFwiRW50ZXJcIiwgdGFiOiBcIlRhYlwiLCBlc2M6IFwiRXNjYXBlXCIsIHNwYWNlOiBcIiBcIiwgdXA6IFwiQXJyb3dVcFwiLCBkb3duOiBcIkFycm93RG93blwiLCBsZWZ0OiBcIkFycm93TGVmdFwiLCByaWdodDogXCJBcnJvd1JpZ2h0XCIsIGhvbWU6IFwiSG9tZVwiLCBlbmQ6IFwiRW5kXCIsIHBhZ2VfdXA6IFwiUGFnZVVwXCIsIHBhZ2VfZG93bjogXCJQYWdlRG93blwiIH0sIG9iamVjdEZyb21FbnRyaWVzKFwiYWJjZGVmZ2hpamtsbW5vcHFyc3R1dnd4eXpcIi5zcGxpdChcIlwiKS5tYXAoKGMpID0+IFtjLCBjXSkpKSwgb2JqZWN0RnJvbUVudHJpZXMoXCIwMTIzNDU2Nzg5XCIuc3BsaXQoXCJcIikubWFwKChuKSA9PiBbbiwgbl0pKSksXG59O1xuZnVuY3Rpb24gb2JqZWN0RnJvbUVudHJpZXMoYXJyYXkpIHtcbiAgICByZXR1cm4gYXJyYXkucmVkdWNlKChtZW1vLCBbaywgdl0pID0+IChPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIG1lbW8pLCB7IFtrXTogdiB9KSksIHt9KTtcbn1cblxuY2xhc3MgQXBwbGljYXRpb24ge1xuICAgIGNvbnN0cnVjdG9yKGVsZW1lbnQgPSBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQsIHNjaGVtYSA9IGRlZmF1bHRTY2hlbWEpIHtcbiAgICAgICAgdGhpcy5sb2dnZXIgPSBjb25zb2xlO1xuICAgICAgICB0aGlzLmRlYnVnID0gZmFsc2U7XG4gICAgICAgIHRoaXMubG9nRGVidWdBY3Rpdml0eSA9IChpZGVudGlmaWVyLCBmdW5jdGlvbk5hbWUsIGRldGFpbCA9IHt9KSA9PiB7XG4gICAgICAgICAgICBpZiAodGhpcy5kZWJ1Zykge1xuICAgICAgICAgICAgICAgIHRoaXMubG9nRm9ybWF0dGVkTWVzc2FnZShpZGVudGlmaWVyLCBmdW5jdGlvbk5hbWUsIGRldGFpbCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH07XG4gICAgICAgIHRoaXMuZWxlbWVudCA9IGVsZW1lbnQ7XG4gICAgICAgIHRoaXMuc2NoZW1hID0gc2NoZW1hO1xuICAgICAgICB0aGlzLmRpc3BhdGNoZXIgPSBuZXcgRGlzcGF0Y2hlcih0aGlzKTtcbiAgICAgICAgdGhpcy5yb3V0ZXIgPSBuZXcgUm91dGVyKHRoaXMpO1xuICAgICAgICB0aGlzLmFjdGlvbkRlc2NyaXB0b3JGaWx0ZXJzID0gT2JqZWN0LmFzc2lnbih7fSwgZGVmYXVsdEFjdGlvbkRlc2NyaXB0b3JGaWx0ZXJzKTtcbiAgICB9XG4gICAgc3RhdGljIHN0YXJ0KGVsZW1lbnQsIHNjaGVtYSkge1xuICAgICAgICBjb25zdCBhcHBsaWNhdGlvbiA9IG5ldyB0aGlzKGVsZW1lbnQsIHNjaGVtYSk7XG4gICAgICAgIGFwcGxpY2F0aW9uLnN0YXJ0KCk7XG4gICAgICAgIHJldHVybiBhcHBsaWNhdGlvbjtcbiAgICB9XG4gICAgYXN5bmMgc3RhcnQoKSB7XG4gICAgICAgIGF3YWl0IGRvbVJlYWR5KCk7XG4gICAgICAgIHRoaXMubG9nRGVidWdBY3Rpdml0eShcImFwcGxpY2F0aW9uXCIsIFwic3RhcnRpbmdcIik7XG4gICAgICAgIHRoaXMuZGlzcGF0Y2hlci5zdGFydCgpO1xuICAgICAgICB0aGlzLnJvdXRlci5zdGFydCgpO1xuICAgICAgICB0aGlzLmxvZ0RlYnVnQWN0aXZpdHkoXCJhcHBsaWNhdGlvblwiLCBcInN0YXJ0XCIpO1xuICAgIH1cbiAgICBzdG9wKCkge1xuICAgICAgICB0aGlzLmxvZ0RlYnVnQWN0aXZpdHkoXCJhcHBsaWNhdGlvblwiLCBcInN0b3BwaW5nXCIpO1xuICAgICAgICB0aGlzLmRpc3BhdGNoZXIuc3RvcCgpO1xuICAgICAgICB0aGlzLnJvdXRlci5zdG9wKCk7XG4gICAgICAgIHRoaXMubG9nRGVidWdBY3Rpdml0eShcImFwcGxpY2F0aW9uXCIsIFwic3RvcFwiKTtcbiAgICB9XG4gICAgcmVnaXN0ZXIoaWRlbnRpZmllciwgY29udHJvbGxlckNvbnN0cnVjdG9yKSB7XG4gICAgICAgIHRoaXMubG9hZCh7IGlkZW50aWZpZXIsIGNvbnRyb2xsZXJDb25zdHJ1Y3RvciB9KTtcbiAgICB9XG4gICAgcmVnaXN0ZXJBY3Rpb25PcHRpb24obmFtZSwgZmlsdGVyKSB7XG4gICAgICAgIHRoaXMuYWN0aW9uRGVzY3JpcHRvckZpbHRlcnNbbmFtZV0gPSBmaWx0ZXI7XG4gICAgfVxuICAgIGxvYWQoaGVhZCwgLi4ucmVzdCkge1xuICAgICAgICBjb25zdCBkZWZpbml0aW9ucyA9IEFycmF5LmlzQXJyYXkoaGVhZCkgPyBoZWFkIDogW2hlYWQsIC4uLnJlc3RdO1xuICAgICAgICBkZWZpbml0aW9ucy5mb3JFYWNoKChkZWZpbml0aW9uKSA9PiB7XG4gICAgICAgICAgICBpZiAoZGVmaW5pdGlvbi5jb250cm9sbGVyQ29uc3RydWN0b3Iuc2hvdWxkTG9hZCkge1xuICAgICAgICAgICAgICAgIHRoaXMucm91dGVyLmxvYWREZWZpbml0aW9uKGRlZmluaXRpb24pO1xuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB9XG4gICAgdW5sb2FkKGhlYWQsIC4uLnJlc3QpIHtcbiAgICAgICAgY29uc3QgaWRlbnRpZmllcnMgPSBBcnJheS5pc0FycmF5KGhlYWQpID8gaGVhZCA6IFtoZWFkLCAuLi5yZXN0XTtcbiAgICAgICAgaWRlbnRpZmllcnMuZm9yRWFjaCgoaWRlbnRpZmllcikgPT4gdGhpcy5yb3V0ZXIudW5sb2FkSWRlbnRpZmllcihpZGVudGlmaWVyKSk7XG4gICAgfVxuICAgIGdldCBjb250cm9sbGVycygpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMucm91dGVyLmNvbnRleHRzLm1hcCgoY29udGV4dCkgPT4gY29udGV4dC5jb250cm9sbGVyKTtcbiAgICB9XG4gICAgZ2V0Q29udHJvbGxlckZvckVsZW1lbnRBbmRJZGVudGlmaWVyKGVsZW1lbnQsIGlkZW50aWZpZXIpIHtcbiAgICAgICAgY29uc3QgY29udGV4dCA9IHRoaXMucm91dGVyLmdldENvbnRleHRGb3JFbGVtZW50QW5kSWRlbnRpZmllcihlbGVtZW50LCBpZGVudGlmaWVyKTtcbiAgICAgICAgcmV0dXJuIGNvbnRleHQgPyBjb250ZXh0LmNvbnRyb2xsZXIgOiBudWxsO1xuICAgIH1cbiAgICBoYW5kbGVFcnJvcihlcnJvciwgbWVzc2FnZSwgZGV0YWlsKSB7XG4gICAgICAgIHZhciBfYTtcbiAgICAgICAgdGhpcy5sb2dnZXIuZXJyb3IoYCVzXFxuXFxuJW9cXG5cXG4lb2AsIG1lc3NhZ2UsIGVycm9yLCBkZXRhaWwpO1xuICAgICAgICAoX2EgPSB3aW5kb3cub25lcnJvcikgPT09IG51bGwgfHwgX2EgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9hLmNhbGwod2luZG93LCBtZXNzYWdlLCBcIlwiLCAwLCAwLCBlcnJvcik7XG4gICAgfVxuICAgIGxvZ0Zvcm1hdHRlZE1lc3NhZ2UoaWRlbnRpZmllciwgZnVuY3Rpb25OYW1lLCBkZXRhaWwgPSB7fSkge1xuICAgICAgICBkZXRhaWwgPSBPYmplY3QuYXNzaWduKHsgYXBwbGljYXRpb246IHRoaXMgfSwgZGV0YWlsKTtcbiAgICAgICAgdGhpcy5sb2dnZXIuZ3JvdXBDb2xsYXBzZWQoYCR7aWRlbnRpZmllcn0gIyR7ZnVuY3Rpb25OYW1lfWApO1xuICAgICAgICB0aGlzLmxvZ2dlci5sb2coXCJkZXRhaWxzOlwiLCBPYmplY3QuYXNzaWduKHt9LCBkZXRhaWwpKTtcbiAgICAgICAgdGhpcy5sb2dnZXIuZ3JvdXBFbmQoKTtcbiAgICB9XG59XG5mdW5jdGlvbiBkb21SZWFkeSgpIHtcbiAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUpID0+IHtcbiAgICAgICAgaWYgKGRvY3VtZW50LnJlYWR5U3RhdGUgPT0gXCJsb2FkaW5nXCIpIHtcbiAgICAgICAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoXCJET01Db250ZW50TG9hZGVkXCIsICgpID0+IHJlc29sdmUoKSk7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICByZXNvbHZlKCk7XG4gICAgICAgIH1cbiAgICB9KTtcbn1cblxuZnVuY3Rpb24gQ2xhc3NQcm9wZXJ0aWVzQmxlc3NpbmcoY29uc3RydWN0b3IpIHtcbiAgICBjb25zdCBjbGFzc2VzID0gcmVhZEluaGVyaXRhYmxlU3RhdGljQXJyYXlWYWx1ZXMoY29uc3RydWN0b3IsIFwiY2xhc3Nlc1wiKTtcbiAgICByZXR1cm4gY2xhc3Nlcy5yZWR1Y2UoKHByb3BlcnRpZXMsIGNsYXNzRGVmaW5pdGlvbikgPT4ge1xuICAgICAgICByZXR1cm4gT2JqZWN0LmFzc2lnbihwcm9wZXJ0aWVzLCBwcm9wZXJ0aWVzRm9yQ2xhc3NEZWZpbml0aW9uKGNsYXNzRGVmaW5pdGlvbikpO1xuICAgIH0sIHt9KTtcbn1cbmZ1bmN0aW9uIHByb3BlcnRpZXNGb3JDbGFzc0RlZmluaXRpb24oa2V5KSB7XG4gICAgcmV0dXJuIHtcbiAgICAgICAgW2Ake2tleX1DbGFzc2BdOiB7XG4gICAgICAgICAgICBnZXQoKSB7XG4gICAgICAgICAgICAgICAgY29uc3QgeyBjbGFzc2VzIH0gPSB0aGlzO1xuICAgICAgICAgICAgICAgIGlmIChjbGFzc2VzLmhhcyhrZXkpKSB7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBjbGFzc2VzLmdldChrZXkpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgYXR0cmlidXRlID0gY2xhc3Nlcy5nZXRBdHRyaWJ1dGVOYW1lKGtleSk7XG4gICAgICAgICAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcihgTWlzc2luZyBhdHRyaWJ1dGUgXCIke2F0dHJpYnV0ZX1cImApO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICAgIFtgJHtrZXl9Q2xhc3Nlc2BdOiB7XG4gICAgICAgICAgICBnZXQoKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHRoaXMuY2xhc3Nlcy5nZXRBbGwoa2V5KTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICAgIFtgaGFzJHtjYXBpdGFsaXplKGtleSl9Q2xhc3NgXToge1xuICAgICAgICAgICAgZ2V0KCkge1xuICAgICAgICAgICAgICAgIHJldHVybiB0aGlzLmNsYXNzZXMuaGFzKGtleSk7XG4gICAgICAgICAgICB9LFxuICAgICAgICB9LFxuICAgIH07XG59XG5cbmZ1bmN0aW9uIE91dGxldFByb3BlcnRpZXNCbGVzc2luZyhjb25zdHJ1Y3Rvcikge1xuICAgIGNvbnN0IG91dGxldHMgPSByZWFkSW5oZXJpdGFibGVTdGF0aWNBcnJheVZhbHVlcyhjb25zdHJ1Y3RvciwgXCJvdXRsZXRzXCIpO1xuICAgIHJldHVybiBvdXRsZXRzLnJlZHVjZSgocHJvcGVydGllcywgb3V0bGV0RGVmaW5pdGlvbikgPT4ge1xuICAgICAgICByZXR1cm4gT2JqZWN0LmFzc2lnbihwcm9wZXJ0aWVzLCBwcm9wZXJ0aWVzRm9yT3V0bGV0RGVmaW5pdGlvbihvdXRsZXREZWZpbml0aW9uKSk7XG4gICAgfSwge30pO1xufVxuZnVuY3Rpb24gZ2V0T3V0bGV0Q29udHJvbGxlcihjb250cm9sbGVyLCBlbGVtZW50LCBpZGVudGlmaWVyKSB7XG4gICAgcmV0dXJuIGNvbnRyb2xsZXIuYXBwbGljYXRpb24uZ2V0Q29udHJvbGxlckZvckVsZW1lbnRBbmRJZGVudGlmaWVyKGVsZW1lbnQsIGlkZW50aWZpZXIpO1xufVxuZnVuY3Rpb24gZ2V0Q29udHJvbGxlckFuZEVuc3VyZUNvbm5lY3RlZFNjb3BlKGNvbnRyb2xsZXIsIGVsZW1lbnQsIG91dGxldE5hbWUpIHtcbiAgICBsZXQgb3V0bGV0Q29udHJvbGxlciA9IGdldE91dGxldENvbnRyb2xsZXIoY29udHJvbGxlciwgZWxlbWVudCwgb3V0bGV0TmFtZSk7XG4gICAgaWYgKG91dGxldENvbnRyb2xsZXIpXG4gICAgICAgIHJldHVybiBvdXRsZXRDb250cm9sbGVyO1xuICAgIGNvbnRyb2xsZXIuYXBwbGljYXRpb24ucm91dGVyLnByb3Bvc2VUb0Nvbm5lY3RTY29wZUZvckVsZW1lbnRBbmRJZGVudGlmaWVyKGVsZW1lbnQsIG91dGxldE5hbWUpO1xuICAgIG91dGxldENvbnRyb2xsZXIgPSBnZXRPdXRsZXRDb250cm9sbGVyKGNvbnRyb2xsZXIsIGVsZW1lbnQsIG91dGxldE5hbWUpO1xuICAgIGlmIChvdXRsZXRDb250cm9sbGVyKVxuICAgICAgICByZXR1cm4gb3V0bGV0Q29udHJvbGxlcjtcbn1cbmZ1bmN0aW9uIHByb3BlcnRpZXNGb3JPdXRsZXREZWZpbml0aW9uKG5hbWUpIHtcbiAgICBjb25zdCBjYW1lbGl6ZWROYW1lID0gbmFtZXNwYWNlQ2FtZWxpemUobmFtZSk7XG4gICAgcmV0dXJuIHtcbiAgICAgICAgW2Ake2NhbWVsaXplZE5hbWV9T3V0bGV0YF06IHtcbiAgICAgICAgICAgIGdldCgpIHtcbiAgICAgICAgICAgICAgICBjb25zdCBvdXRsZXRFbGVtZW50ID0gdGhpcy5vdXRsZXRzLmZpbmQobmFtZSk7XG4gICAgICAgICAgICAgICAgY29uc3Qgc2VsZWN0b3IgPSB0aGlzLm91dGxldHMuZ2V0U2VsZWN0b3JGb3JPdXRsZXROYW1lKG5hbWUpO1xuICAgICAgICAgICAgICAgIGlmIChvdXRsZXRFbGVtZW50KSB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IG91dGxldENvbnRyb2xsZXIgPSBnZXRDb250cm9sbGVyQW5kRW5zdXJlQ29ubmVjdGVkU2NvcGUodGhpcywgb3V0bGV0RWxlbWVudCwgbmFtZSk7XG4gICAgICAgICAgICAgICAgICAgIGlmIChvdXRsZXRDb250cm9sbGVyKVxuICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIG91dGxldENvbnRyb2xsZXI7XG4gICAgICAgICAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcihgVGhlIHByb3ZpZGVkIG91dGxldCBlbGVtZW50IGlzIG1pc3NpbmcgYW4gb3V0bGV0IGNvbnRyb2xsZXIgXCIke25hbWV9XCIgaW5zdGFuY2UgZm9yIGhvc3QgY29udHJvbGxlciBcIiR7dGhpcy5pZGVudGlmaWVyfVwiYCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcihgTWlzc2luZyBvdXRsZXQgZWxlbWVudCBcIiR7bmFtZX1cIiBmb3IgaG9zdCBjb250cm9sbGVyIFwiJHt0aGlzLmlkZW50aWZpZXJ9XCIuIFN0aW11bHVzIGNvdWxkbid0IGZpbmQgYSBtYXRjaGluZyBvdXRsZXQgZWxlbWVudCB1c2luZyBzZWxlY3RvciBcIiR7c2VsZWN0b3J9XCIuYCk7XG4gICAgICAgICAgICB9LFxuICAgICAgICB9LFxuICAgICAgICBbYCR7Y2FtZWxpemVkTmFtZX1PdXRsZXRzYF06IHtcbiAgICAgICAgICAgIGdldCgpIHtcbiAgICAgICAgICAgICAgICBjb25zdCBvdXRsZXRzID0gdGhpcy5vdXRsZXRzLmZpbmRBbGwobmFtZSk7XG4gICAgICAgICAgICAgICAgaWYgKG91dGxldHMubGVuZ3RoID4gMCkge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gb3V0bGV0c1xuICAgICAgICAgICAgICAgICAgICAgICAgLm1hcCgob3V0bGV0RWxlbWVudCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgY29uc3Qgb3V0bGV0Q29udHJvbGxlciA9IGdldENvbnRyb2xsZXJBbmRFbnN1cmVDb25uZWN0ZWRTY29wZSh0aGlzLCBvdXRsZXRFbGVtZW50LCBuYW1lKTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGlmIChvdXRsZXRDb250cm9sbGVyKVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiBvdXRsZXRDb250cm9sbGVyO1xuICAgICAgICAgICAgICAgICAgICAgICAgY29uc29sZS53YXJuKGBUaGUgcHJvdmlkZWQgb3V0bGV0IGVsZW1lbnQgaXMgbWlzc2luZyBhbiBvdXRsZXQgY29udHJvbGxlciBcIiR7bmFtZX1cIiBpbnN0YW5jZSBmb3IgaG9zdCBjb250cm9sbGVyIFwiJHt0aGlzLmlkZW50aWZpZXJ9XCJgLCBvdXRsZXRFbGVtZW50KTtcbiAgICAgICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgICAgICAgICAgIC5maWx0ZXIoKGNvbnRyb2xsZXIpID0+IGNvbnRyb2xsZXIpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICByZXR1cm4gW107XG4gICAgICAgICAgICB9LFxuICAgICAgICB9LFxuICAgICAgICBbYCR7Y2FtZWxpemVkTmFtZX1PdXRsZXRFbGVtZW50YF06IHtcbiAgICAgICAgICAgIGdldCgpIHtcbiAgICAgICAgICAgICAgICBjb25zdCBvdXRsZXRFbGVtZW50ID0gdGhpcy5vdXRsZXRzLmZpbmQobmFtZSk7XG4gICAgICAgICAgICAgICAgY29uc3Qgc2VsZWN0b3IgPSB0aGlzLm91dGxldHMuZ2V0U2VsZWN0b3JGb3JPdXRsZXROYW1lKG5hbWUpO1xuICAgICAgICAgICAgICAgIGlmIChvdXRsZXRFbGVtZW50KSB7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBvdXRsZXRFbGVtZW50O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBNaXNzaW5nIG91dGxldCBlbGVtZW50IFwiJHtuYW1lfVwiIGZvciBob3N0IGNvbnRyb2xsZXIgXCIke3RoaXMuaWRlbnRpZmllcn1cIi4gU3RpbXVsdXMgY291bGRuJ3QgZmluZCBhIG1hdGNoaW5nIG91dGxldCBlbGVtZW50IHVzaW5nIHNlbGVjdG9yIFwiJHtzZWxlY3Rvcn1cIi5gKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9LFxuICAgICAgICB9LFxuICAgICAgICBbYCR7Y2FtZWxpemVkTmFtZX1PdXRsZXRFbGVtZW50c2BdOiB7XG4gICAgICAgICAgICBnZXQoKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHRoaXMub3V0bGV0cy5maW5kQWxsKG5hbWUpO1xuICAgICAgICAgICAgfSxcbiAgICAgICAgfSxcbiAgICAgICAgW2BoYXMke2NhcGl0YWxpemUoY2FtZWxpemVkTmFtZSl9T3V0bGV0YF06IHtcbiAgICAgICAgICAgIGdldCgpIHtcbiAgICAgICAgICAgICAgICByZXR1cm4gdGhpcy5vdXRsZXRzLmhhcyhuYW1lKTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgfTtcbn1cblxuZnVuY3Rpb24gVGFyZ2V0UHJvcGVydGllc0JsZXNzaW5nKGNvbnN0cnVjdG9yKSB7XG4gICAgY29uc3QgdGFyZ2V0cyA9IHJlYWRJbmhlcml0YWJsZVN0YXRpY0FycmF5VmFsdWVzKGNvbnN0cnVjdG9yLCBcInRhcmdldHNcIik7XG4gICAgcmV0dXJuIHRhcmdldHMucmVkdWNlKChwcm9wZXJ0aWVzLCB0YXJnZXREZWZpbml0aW9uKSA9PiB7XG4gICAgICAgIHJldHVybiBPYmplY3QuYXNzaWduKHByb3BlcnRpZXMsIHByb3BlcnRpZXNGb3JUYXJnZXREZWZpbml0aW9uKHRhcmdldERlZmluaXRpb24pKTtcbiAgICB9LCB7fSk7XG59XG5mdW5jdGlvbiBwcm9wZXJ0aWVzRm9yVGFyZ2V0RGVmaW5pdGlvbihuYW1lKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgICAgW2Ake25hbWV9VGFyZ2V0YF06IHtcbiAgICAgICAgICAgIGdldCgpIHtcbiAgICAgICAgICAgICAgICBjb25zdCB0YXJnZXQgPSB0aGlzLnRhcmdldHMuZmluZChuYW1lKTtcbiAgICAgICAgICAgICAgICBpZiAodGFyZ2V0KSB7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiB0YXJnZXQ7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoYE1pc3NpbmcgdGFyZ2V0IGVsZW1lbnQgXCIke25hbWV9XCIgZm9yIFwiJHt0aGlzLmlkZW50aWZpZXJ9XCIgY29udHJvbGxlcmApO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICAgIFtgJHtuYW1lfVRhcmdldHNgXToge1xuICAgICAgICAgICAgZ2V0KCkge1xuICAgICAgICAgICAgICAgIHJldHVybiB0aGlzLnRhcmdldHMuZmluZEFsbChuYW1lKTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICAgIFtgaGFzJHtjYXBpdGFsaXplKG5hbWUpfVRhcmdldGBdOiB7XG4gICAgICAgICAgICBnZXQoKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHRoaXMudGFyZ2V0cy5oYXMobmFtZSk7XG4gICAgICAgICAgICB9LFxuICAgICAgICB9LFxuICAgIH07XG59XG5cbmZ1bmN0aW9uIFZhbHVlUHJvcGVydGllc0JsZXNzaW5nKGNvbnN0cnVjdG9yKSB7XG4gICAgY29uc3QgdmFsdWVEZWZpbml0aW9uUGFpcnMgPSByZWFkSW5oZXJpdGFibGVTdGF0aWNPYmplY3RQYWlycyhjb25zdHJ1Y3RvciwgXCJ2YWx1ZXNcIik7XG4gICAgY29uc3QgcHJvcGVydHlEZXNjcmlwdG9yTWFwID0ge1xuICAgICAgICB2YWx1ZURlc2NyaXB0b3JNYXA6IHtcbiAgICAgICAgICAgIGdldCgpIHtcbiAgICAgICAgICAgICAgICByZXR1cm4gdmFsdWVEZWZpbml0aW9uUGFpcnMucmVkdWNlKChyZXN1bHQsIHZhbHVlRGVmaW5pdGlvblBhaXIpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgdmFsdWVEZXNjcmlwdG9yID0gcGFyc2VWYWx1ZURlZmluaXRpb25QYWlyKHZhbHVlRGVmaW5pdGlvblBhaXIsIHRoaXMuaWRlbnRpZmllcik7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IGF0dHJpYnV0ZU5hbWUgPSB0aGlzLmRhdGEuZ2V0QXR0cmlidXRlTmFtZUZvcktleSh2YWx1ZURlc2NyaXB0b3Iua2V5KTtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIE9iamVjdC5hc3NpZ24ocmVzdWx0LCB7IFthdHRyaWJ1dGVOYW1lXTogdmFsdWVEZXNjcmlwdG9yIH0pO1xuICAgICAgICAgICAgICAgIH0sIHt9KTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgfTtcbiAgICByZXR1cm4gdmFsdWVEZWZpbml0aW9uUGFpcnMucmVkdWNlKChwcm9wZXJ0aWVzLCB2YWx1ZURlZmluaXRpb25QYWlyKSA9PiB7XG4gICAgICAgIHJldHVybiBPYmplY3QuYXNzaWduKHByb3BlcnRpZXMsIHByb3BlcnRpZXNGb3JWYWx1ZURlZmluaXRpb25QYWlyKHZhbHVlRGVmaW5pdGlvblBhaXIpKTtcbiAgICB9LCBwcm9wZXJ0eURlc2NyaXB0b3JNYXApO1xufVxuZnVuY3Rpb24gcHJvcGVydGllc0ZvclZhbHVlRGVmaW5pdGlvblBhaXIodmFsdWVEZWZpbml0aW9uUGFpciwgY29udHJvbGxlcikge1xuICAgIGNvbnN0IGRlZmluaXRpb24gPSBwYXJzZVZhbHVlRGVmaW5pdGlvblBhaXIodmFsdWVEZWZpbml0aW9uUGFpciwgY29udHJvbGxlcik7XG4gICAgY29uc3QgeyBrZXksIG5hbWUsIHJlYWRlcjogcmVhZCwgd3JpdGVyOiB3cml0ZSB9ID0gZGVmaW5pdGlvbjtcbiAgICByZXR1cm4ge1xuICAgICAgICBbbmFtZV06IHtcbiAgICAgICAgICAgIGdldCgpIHtcbiAgICAgICAgICAgICAgICBjb25zdCB2YWx1ZSA9IHRoaXMuZGF0YS5nZXQoa2V5KTtcbiAgICAgICAgICAgICAgICBpZiAodmFsdWUgIT09IG51bGwpIHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHJlYWQodmFsdWUpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIGRlZmluaXRpb24uZGVmYXVsdFZhbHVlO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBzZXQodmFsdWUpIHtcbiAgICAgICAgICAgICAgICBpZiAodmFsdWUgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmRhdGEuZGVsZXRlKGtleSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmRhdGEuc2V0KGtleSwgd3JpdGUodmFsdWUpKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9LFxuICAgICAgICB9LFxuICAgICAgICBbYGhhcyR7Y2FwaXRhbGl6ZShuYW1lKX1gXToge1xuICAgICAgICAgICAgZ2V0KCkge1xuICAgICAgICAgICAgICAgIHJldHVybiB0aGlzLmRhdGEuaGFzKGtleSkgfHwgZGVmaW5pdGlvbi5oYXNDdXN0b21EZWZhdWx0VmFsdWU7XG4gICAgICAgICAgICB9LFxuICAgICAgICB9LFxuICAgIH07XG59XG5mdW5jdGlvbiBwYXJzZVZhbHVlRGVmaW5pdGlvblBhaXIoW3Rva2VuLCB0eXBlRGVmaW5pdGlvbl0sIGNvbnRyb2xsZXIpIHtcbiAgICByZXR1cm4gdmFsdWVEZXNjcmlwdG9yRm9yVG9rZW5BbmRUeXBlRGVmaW5pdGlvbih7XG4gICAgICAgIGNvbnRyb2xsZXIsXG4gICAgICAgIHRva2VuLFxuICAgICAgICB0eXBlRGVmaW5pdGlvbixcbiAgICB9KTtcbn1cbmZ1bmN0aW9uIHBhcnNlVmFsdWVUeXBlQ29uc3RhbnQoY29uc3RhbnQpIHtcbiAgICBzd2l0Y2ggKGNvbnN0YW50KSB7XG4gICAgICAgIGNhc2UgQXJyYXk6XG4gICAgICAgICAgICByZXR1cm4gXCJhcnJheVwiO1xuICAgICAgICBjYXNlIEJvb2xlYW46XG4gICAgICAgICAgICByZXR1cm4gXCJib29sZWFuXCI7XG4gICAgICAgIGNhc2UgTnVtYmVyOlxuICAgICAgICAgICAgcmV0dXJuIFwibnVtYmVyXCI7XG4gICAgICAgIGNhc2UgT2JqZWN0OlxuICAgICAgICAgICAgcmV0dXJuIFwib2JqZWN0XCI7XG4gICAgICAgIGNhc2UgU3RyaW5nOlxuICAgICAgICAgICAgcmV0dXJuIFwic3RyaW5nXCI7XG4gICAgfVxufVxuZnVuY3Rpb24gcGFyc2VWYWx1ZVR5cGVEZWZhdWx0KGRlZmF1bHRWYWx1ZSkge1xuICAgIHN3aXRjaCAodHlwZW9mIGRlZmF1bHRWYWx1ZSkge1xuICAgICAgICBjYXNlIFwiYm9vbGVhblwiOlxuICAgICAgICAgICAgcmV0dXJuIFwiYm9vbGVhblwiO1xuICAgICAgICBjYXNlIFwibnVtYmVyXCI6XG4gICAgICAgICAgICByZXR1cm4gXCJudW1iZXJcIjtcbiAgICAgICAgY2FzZSBcInN0cmluZ1wiOlxuICAgICAgICAgICAgcmV0dXJuIFwic3RyaW5nXCI7XG4gICAgfVxuICAgIGlmIChBcnJheS5pc0FycmF5KGRlZmF1bHRWYWx1ZSkpXG4gICAgICAgIHJldHVybiBcImFycmF5XCI7XG4gICAgaWYgKE9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbChkZWZhdWx0VmFsdWUpID09PSBcIltvYmplY3QgT2JqZWN0XVwiKVxuICAgICAgICByZXR1cm4gXCJvYmplY3RcIjtcbn1cbmZ1bmN0aW9uIHBhcnNlVmFsdWVUeXBlT2JqZWN0KHBheWxvYWQpIHtcbiAgICBjb25zdCB7IGNvbnRyb2xsZXIsIHRva2VuLCB0eXBlT2JqZWN0IH0gPSBwYXlsb2FkO1xuICAgIGNvbnN0IGhhc1R5cGUgPSBpc1NvbWV0aGluZyh0eXBlT2JqZWN0LnR5cGUpO1xuICAgIGNvbnN0IGhhc0RlZmF1bHQgPSBpc1NvbWV0aGluZyh0eXBlT2JqZWN0LmRlZmF1bHQpO1xuICAgIGNvbnN0IGZ1bGxPYmplY3QgPSBoYXNUeXBlICYmIGhhc0RlZmF1bHQ7XG4gICAgY29uc3Qgb25seVR5cGUgPSBoYXNUeXBlICYmICFoYXNEZWZhdWx0O1xuICAgIGNvbnN0IG9ubHlEZWZhdWx0ID0gIWhhc1R5cGUgJiYgaGFzRGVmYXVsdDtcbiAgICBjb25zdCB0eXBlRnJvbU9iamVjdCA9IHBhcnNlVmFsdWVUeXBlQ29uc3RhbnQodHlwZU9iamVjdC50eXBlKTtcbiAgICBjb25zdCB0eXBlRnJvbURlZmF1bHRWYWx1ZSA9IHBhcnNlVmFsdWVUeXBlRGVmYXVsdChwYXlsb2FkLnR5cGVPYmplY3QuZGVmYXVsdCk7XG4gICAgaWYgKG9ubHlUeXBlKVxuICAgICAgICByZXR1cm4gdHlwZUZyb21PYmplY3Q7XG4gICAgaWYgKG9ubHlEZWZhdWx0KVxuICAgICAgICByZXR1cm4gdHlwZUZyb21EZWZhdWx0VmFsdWU7XG4gICAgaWYgKHR5cGVGcm9tT2JqZWN0ICE9PSB0eXBlRnJvbURlZmF1bHRWYWx1ZSkge1xuICAgICAgICBjb25zdCBwcm9wZXJ0eVBhdGggPSBjb250cm9sbGVyID8gYCR7Y29udHJvbGxlcn0uJHt0b2tlbn1gIDogdG9rZW47XG4gICAgICAgIHRocm93IG5ldyBFcnJvcihgVGhlIHNwZWNpZmllZCBkZWZhdWx0IHZhbHVlIGZvciB0aGUgU3RpbXVsdXMgVmFsdWUgXCIke3Byb3BlcnR5UGF0aH1cIiBtdXN0IG1hdGNoIHRoZSBkZWZpbmVkIHR5cGUgXCIke3R5cGVGcm9tT2JqZWN0fVwiLiBUaGUgcHJvdmlkZWQgZGVmYXVsdCB2YWx1ZSBvZiBcIiR7dHlwZU9iamVjdC5kZWZhdWx0fVwiIGlzIG9mIHR5cGUgXCIke3R5cGVGcm9tRGVmYXVsdFZhbHVlfVwiLmApO1xuICAgIH1cbiAgICBpZiAoZnVsbE9iamVjdClcbiAgICAgICAgcmV0dXJuIHR5cGVGcm9tT2JqZWN0O1xufVxuZnVuY3Rpb24gcGFyc2VWYWx1ZVR5cGVEZWZpbml0aW9uKHBheWxvYWQpIHtcbiAgICBjb25zdCB7IGNvbnRyb2xsZXIsIHRva2VuLCB0eXBlRGVmaW5pdGlvbiB9ID0gcGF5bG9hZDtcbiAgICBjb25zdCB0eXBlT2JqZWN0ID0geyBjb250cm9sbGVyLCB0b2tlbiwgdHlwZU9iamVjdDogdHlwZURlZmluaXRpb24gfTtcbiAgICBjb25zdCB0eXBlRnJvbU9iamVjdCA9IHBhcnNlVmFsdWVUeXBlT2JqZWN0KHR5cGVPYmplY3QpO1xuICAgIGNvbnN0IHR5cGVGcm9tRGVmYXVsdFZhbHVlID0gcGFyc2VWYWx1ZVR5cGVEZWZhdWx0KHR5cGVEZWZpbml0aW9uKTtcbiAgICBjb25zdCB0eXBlRnJvbUNvbnN0YW50ID0gcGFyc2VWYWx1ZVR5cGVDb25zdGFudCh0eXBlRGVmaW5pdGlvbik7XG4gICAgY29uc3QgdHlwZSA9IHR5cGVGcm9tT2JqZWN0IHx8IHR5cGVGcm9tRGVmYXVsdFZhbHVlIHx8IHR5cGVGcm9tQ29uc3RhbnQ7XG4gICAgaWYgKHR5cGUpXG4gICAgICAgIHJldHVybiB0eXBlO1xuICAgIGNvbnN0IHByb3BlcnR5UGF0aCA9IGNvbnRyb2xsZXIgPyBgJHtjb250cm9sbGVyfS4ke3R5cGVEZWZpbml0aW9ufWAgOiB0b2tlbjtcbiAgICB0aHJvdyBuZXcgRXJyb3IoYFVua25vd24gdmFsdWUgdHlwZSBcIiR7cHJvcGVydHlQYXRofVwiIGZvciBcIiR7dG9rZW59XCIgdmFsdWVgKTtcbn1cbmZ1bmN0aW9uIGRlZmF1bHRWYWx1ZUZvckRlZmluaXRpb24odHlwZURlZmluaXRpb24pIHtcbiAgICBjb25zdCBjb25zdGFudCA9IHBhcnNlVmFsdWVUeXBlQ29uc3RhbnQodHlwZURlZmluaXRpb24pO1xuICAgIGlmIChjb25zdGFudClcbiAgICAgICAgcmV0dXJuIGRlZmF1bHRWYWx1ZXNCeVR5cGVbY29uc3RhbnRdO1xuICAgIGNvbnN0IGhhc0RlZmF1bHQgPSBoYXNQcm9wZXJ0eSh0eXBlRGVmaW5pdGlvbiwgXCJkZWZhdWx0XCIpO1xuICAgIGNvbnN0IGhhc1R5cGUgPSBoYXNQcm9wZXJ0eSh0eXBlRGVmaW5pdGlvbiwgXCJ0eXBlXCIpO1xuICAgIGNvbnN0IHR5cGVPYmplY3QgPSB0eXBlRGVmaW5pdGlvbjtcbiAgICBpZiAoaGFzRGVmYXVsdClcbiAgICAgICAgcmV0dXJuIHR5cGVPYmplY3QuZGVmYXVsdDtcbiAgICBpZiAoaGFzVHlwZSkge1xuICAgICAgICBjb25zdCB7IHR5cGUgfSA9IHR5cGVPYmplY3Q7XG4gICAgICAgIGNvbnN0IGNvbnN0YW50RnJvbVR5cGUgPSBwYXJzZVZhbHVlVHlwZUNvbnN0YW50KHR5cGUpO1xuICAgICAgICBpZiAoY29uc3RhbnRGcm9tVHlwZSlcbiAgICAgICAgICAgIHJldHVybiBkZWZhdWx0VmFsdWVzQnlUeXBlW2NvbnN0YW50RnJvbVR5cGVdO1xuICAgIH1cbiAgICByZXR1cm4gdHlwZURlZmluaXRpb247XG59XG5mdW5jdGlvbiB2YWx1ZURlc2NyaXB0b3JGb3JUb2tlbkFuZFR5cGVEZWZpbml0aW9uKHBheWxvYWQpIHtcbiAgICBjb25zdCB7IHRva2VuLCB0eXBlRGVmaW5pdGlvbiB9ID0gcGF5bG9hZDtcbiAgICBjb25zdCBrZXkgPSBgJHtkYXNoZXJpemUodG9rZW4pfS12YWx1ZWA7XG4gICAgY29uc3QgdHlwZSA9IHBhcnNlVmFsdWVUeXBlRGVmaW5pdGlvbihwYXlsb2FkKTtcbiAgICByZXR1cm4ge1xuICAgICAgICB0eXBlLFxuICAgICAgICBrZXksXG4gICAgICAgIG5hbWU6IGNhbWVsaXplKGtleSksXG4gICAgICAgIGdldCBkZWZhdWx0VmFsdWUoKSB7XG4gICAgICAgICAgICByZXR1cm4gZGVmYXVsdFZhbHVlRm9yRGVmaW5pdGlvbih0eXBlRGVmaW5pdGlvbik7XG4gICAgICAgIH0sXG4gICAgICAgIGdldCBoYXNDdXN0b21EZWZhdWx0VmFsdWUoKSB7XG4gICAgICAgICAgICByZXR1cm4gcGFyc2VWYWx1ZVR5cGVEZWZhdWx0KHR5cGVEZWZpbml0aW9uKSAhPT0gdW5kZWZpbmVkO1xuICAgICAgICB9LFxuICAgICAgICByZWFkZXI6IHJlYWRlcnNbdHlwZV0sXG4gICAgICAgIHdyaXRlcjogd3JpdGVyc1t0eXBlXSB8fCB3cml0ZXJzLmRlZmF1bHQsXG4gICAgfTtcbn1cbmNvbnN0IGRlZmF1bHRWYWx1ZXNCeVR5cGUgPSB7XG4gICAgZ2V0IGFycmF5KCkge1xuICAgICAgICByZXR1cm4gW107XG4gICAgfSxcbiAgICBib29sZWFuOiBmYWxzZSxcbiAgICBudW1iZXI6IDAsXG4gICAgZ2V0IG9iamVjdCgpIHtcbiAgICAgICAgcmV0dXJuIHt9O1xuICAgIH0sXG4gICAgc3RyaW5nOiBcIlwiLFxufTtcbmNvbnN0IHJlYWRlcnMgPSB7XG4gICAgYXJyYXkodmFsdWUpIHtcbiAgICAgICAgY29uc3QgYXJyYXkgPSBKU09OLnBhcnNlKHZhbHVlKTtcbiAgICAgICAgaWYgKCFBcnJheS5pc0FycmF5KGFycmF5KSkge1xuICAgICAgICAgICAgdGhyb3cgbmV3IFR5cGVFcnJvcihgZXhwZWN0ZWQgdmFsdWUgb2YgdHlwZSBcImFycmF5XCIgYnV0IGluc3RlYWQgZ290IHZhbHVlIFwiJHt2YWx1ZX1cIiBvZiB0eXBlIFwiJHtwYXJzZVZhbHVlVHlwZURlZmF1bHQoYXJyYXkpfVwiYCk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIGFycmF5O1xuICAgIH0sXG4gICAgYm9vbGVhbih2YWx1ZSkge1xuICAgICAgICByZXR1cm4gISh2YWx1ZSA9PSBcIjBcIiB8fCBTdHJpbmcodmFsdWUpLnRvTG93ZXJDYXNlKCkgPT0gXCJmYWxzZVwiKTtcbiAgICB9LFxuICAgIG51bWJlcih2YWx1ZSkge1xuICAgICAgICByZXR1cm4gTnVtYmVyKHZhbHVlLnJlcGxhY2UoL18vZywgXCJcIikpO1xuICAgIH0sXG4gICAgb2JqZWN0KHZhbHVlKSB7XG4gICAgICAgIGNvbnN0IG9iamVjdCA9IEpTT04ucGFyc2UodmFsdWUpO1xuICAgICAgICBpZiAob2JqZWN0ID09PSBudWxsIHx8IHR5cGVvZiBvYmplY3QgIT0gXCJvYmplY3RcIiB8fCBBcnJheS5pc0FycmF5KG9iamVjdCkpIHtcbiAgICAgICAgICAgIHRocm93IG5ldyBUeXBlRXJyb3IoYGV4cGVjdGVkIHZhbHVlIG9mIHR5cGUgXCJvYmplY3RcIiBidXQgaW5zdGVhZCBnb3QgdmFsdWUgXCIke3ZhbHVlfVwiIG9mIHR5cGUgXCIke3BhcnNlVmFsdWVUeXBlRGVmYXVsdChvYmplY3QpfVwiYCk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIG9iamVjdDtcbiAgICB9LFxuICAgIHN0cmluZyh2YWx1ZSkge1xuICAgICAgICByZXR1cm4gdmFsdWU7XG4gICAgfSxcbn07XG5jb25zdCB3cml0ZXJzID0ge1xuICAgIGRlZmF1bHQ6IHdyaXRlU3RyaW5nLFxuICAgIGFycmF5OiB3cml0ZUpTT04sXG4gICAgb2JqZWN0OiB3cml0ZUpTT04sXG59O1xuZnVuY3Rpb24gd3JpdGVKU09OKHZhbHVlKSB7XG4gICAgcmV0dXJuIEpTT04uc3RyaW5naWZ5KHZhbHVlKTtcbn1cbmZ1bmN0aW9uIHdyaXRlU3RyaW5nKHZhbHVlKSB7XG4gICAgcmV0dXJuIGAke3ZhbHVlfWA7XG59XG5cbmNsYXNzIENvbnRyb2xsZXIge1xuICAgIGNvbnN0cnVjdG9yKGNvbnRleHQpIHtcbiAgICAgICAgdGhpcy5jb250ZXh0ID0gY29udGV4dDtcbiAgICB9XG4gICAgc3RhdGljIGdldCBzaG91bGRMb2FkKCkge1xuICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICB9XG4gICAgc3RhdGljIGFmdGVyTG9hZChfaWRlbnRpZmllciwgX2FwcGxpY2F0aW9uKSB7XG4gICAgICAgIHJldHVybjtcbiAgICB9XG4gICAgZ2V0IGFwcGxpY2F0aW9uKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5jb250ZXh0LmFwcGxpY2F0aW9uO1xuICAgIH1cbiAgICBnZXQgc2NvcGUoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmNvbnRleHQuc2NvcGU7XG4gICAgfVxuICAgIGdldCBlbGVtZW50KCkge1xuICAgICAgICByZXR1cm4gdGhpcy5zY29wZS5lbGVtZW50O1xuICAgIH1cbiAgICBnZXQgaWRlbnRpZmllcigpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuc2NvcGUuaWRlbnRpZmllcjtcbiAgICB9XG4gICAgZ2V0IHRhcmdldHMoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLnNjb3BlLnRhcmdldHM7XG4gICAgfVxuICAgIGdldCBvdXRsZXRzKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5zY29wZS5vdXRsZXRzO1xuICAgIH1cbiAgICBnZXQgY2xhc3NlcygpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuc2NvcGUuY2xhc3NlcztcbiAgICB9XG4gICAgZ2V0IGRhdGEoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLnNjb3BlLmRhdGE7XG4gICAgfVxuICAgIGluaXRpYWxpemUoKSB7XG4gICAgfVxuICAgIGNvbm5lY3QoKSB7XG4gICAgfVxuICAgIGRpc2Nvbm5lY3QoKSB7XG4gICAgfVxuICAgIGRpc3BhdGNoKGV2ZW50TmFtZSwgeyB0YXJnZXQgPSB0aGlzLmVsZW1lbnQsIGRldGFpbCA9IHt9LCBwcmVmaXggPSB0aGlzLmlkZW50aWZpZXIsIGJ1YmJsZXMgPSB0cnVlLCBjYW5jZWxhYmxlID0gdHJ1ZSwgfSA9IHt9KSB7XG4gICAgICAgIGNvbnN0IHR5cGUgPSBwcmVmaXggPyBgJHtwcmVmaXh9OiR7ZXZlbnROYW1lfWAgOiBldmVudE5hbWU7XG4gICAgICAgIGNvbnN0IGV2ZW50ID0gbmV3IEN1c3RvbUV2ZW50KHR5cGUsIHsgZGV0YWlsLCBidWJibGVzLCBjYW5jZWxhYmxlIH0pO1xuICAgICAgICB0YXJnZXQuZGlzcGF0Y2hFdmVudChldmVudCk7XG4gICAgICAgIHJldHVybiBldmVudDtcbiAgICB9XG59XG5Db250cm9sbGVyLmJsZXNzaW5ncyA9IFtcbiAgICBDbGFzc1Byb3BlcnRpZXNCbGVzc2luZyxcbiAgICBUYXJnZXRQcm9wZXJ0aWVzQmxlc3NpbmcsXG4gICAgVmFsdWVQcm9wZXJ0aWVzQmxlc3NpbmcsXG4gICAgT3V0bGV0UHJvcGVydGllc0JsZXNzaW5nLFxuXTtcbkNvbnRyb2xsZXIudGFyZ2V0cyA9IFtdO1xuQ29udHJvbGxlci5vdXRsZXRzID0gW107XG5Db250cm9sbGVyLnZhbHVlcyA9IHt9O1xuXG5leHBvcnQgeyBBcHBsaWNhdGlvbiwgQXR0cmlidXRlT2JzZXJ2ZXIsIENvbnRleHQsIENvbnRyb2xsZXIsIEVsZW1lbnRPYnNlcnZlciwgSW5kZXhlZE11bHRpbWFwLCBNdWx0aW1hcCwgU2VsZWN0b3JPYnNlcnZlciwgU3RyaW5nTWFwT2JzZXJ2ZXIsIFRva2VuTGlzdE9ic2VydmVyLCBWYWx1ZUxpc3RPYnNlcnZlciwgYWRkLCBkZWZhdWx0U2NoZW1hLCBkZWwsIGZldGNoLCBwcnVuZSB9O1xuIiwiaW1wb3J0IGdldENvbXBvc2l0ZVJlY3QgZnJvbSBcIi4vZG9tLXV0aWxzL2dldENvbXBvc2l0ZVJlY3QuanNcIjtcbmltcG9ydCBnZXRMYXlvdXRSZWN0IGZyb20gXCIuL2RvbS11dGlscy9nZXRMYXlvdXRSZWN0LmpzXCI7XG5pbXBvcnQgbGlzdFNjcm9sbFBhcmVudHMgZnJvbSBcIi4vZG9tLXV0aWxzL2xpc3RTY3JvbGxQYXJlbnRzLmpzXCI7XG5pbXBvcnQgZ2V0T2Zmc2V0UGFyZW50IGZyb20gXCIuL2RvbS11dGlscy9nZXRPZmZzZXRQYXJlbnQuanNcIjtcbmltcG9ydCBvcmRlck1vZGlmaWVycyBmcm9tIFwiLi91dGlscy9vcmRlck1vZGlmaWVycy5qc1wiO1xuaW1wb3J0IGRlYm91bmNlIGZyb20gXCIuL3V0aWxzL2RlYm91bmNlLmpzXCI7XG5pbXBvcnQgbWVyZ2VCeU5hbWUgZnJvbSBcIi4vdXRpbHMvbWVyZ2VCeU5hbWUuanNcIjtcbmltcG9ydCBkZXRlY3RPdmVyZmxvdyBmcm9tIFwiLi91dGlscy9kZXRlY3RPdmVyZmxvdy5qc1wiO1xuaW1wb3J0IHsgaXNFbGVtZW50IH0gZnJvbSBcIi4vZG9tLXV0aWxzL2luc3RhbmNlT2YuanNcIjtcbnZhciBERUZBVUxUX09QVElPTlMgPSB7XG4gIHBsYWNlbWVudDogJ2JvdHRvbScsXG4gIG1vZGlmaWVyczogW10sXG4gIHN0cmF0ZWd5OiAnYWJzb2x1dGUnXG59O1xuXG5mdW5jdGlvbiBhcmVWYWxpZEVsZW1lbnRzKCkge1xuICBmb3IgKHZhciBfbGVuID0gYXJndW1lbnRzLmxlbmd0aCwgYXJncyA9IG5ldyBBcnJheShfbGVuKSwgX2tleSA9IDA7IF9rZXkgPCBfbGVuOyBfa2V5KyspIHtcbiAgICBhcmdzW19rZXldID0gYXJndW1lbnRzW19rZXldO1xuICB9XG5cbiAgcmV0dXJuICFhcmdzLnNvbWUoZnVuY3Rpb24gKGVsZW1lbnQpIHtcbiAgICByZXR1cm4gIShlbGVtZW50ICYmIHR5cGVvZiBlbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCA9PT0gJ2Z1bmN0aW9uJyk7XG4gIH0pO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gcG9wcGVyR2VuZXJhdG9yKGdlbmVyYXRvck9wdGlvbnMpIHtcbiAgaWYgKGdlbmVyYXRvck9wdGlvbnMgPT09IHZvaWQgMCkge1xuICAgIGdlbmVyYXRvck9wdGlvbnMgPSB7fTtcbiAgfVxuXG4gIHZhciBfZ2VuZXJhdG9yT3B0aW9ucyA9IGdlbmVyYXRvck9wdGlvbnMsXG4gICAgICBfZ2VuZXJhdG9yT3B0aW9ucyRkZWYgPSBfZ2VuZXJhdG9yT3B0aW9ucy5kZWZhdWx0TW9kaWZpZXJzLFxuICAgICAgZGVmYXVsdE1vZGlmaWVycyA9IF9nZW5lcmF0b3JPcHRpb25zJGRlZiA9PT0gdm9pZCAwID8gW10gOiBfZ2VuZXJhdG9yT3B0aW9ucyRkZWYsXG4gICAgICBfZ2VuZXJhdG9yT3B0aW9ucyRkZWYyID0gX2dlbmVyYXRvck9wdGlvbnMuZGVmYXVsdE9wdGlvbnMsXG4gICAgICBkZWZhdWx0T3B0aW9ucyA9IF9nZW5lcmF0b3JPcHRpb25zJGRlZjIgPT09IHZvaWQgMCA/IERFRkFVTFRfT1BUSU9OUyA6IF9nZW5lcmF0b3JPcHRpb25zJGRlZjI7XG4gIHJldHVybiBmdW5jdGlvbiBjcmVhdGVQb3BwZXIocmVmZXJlbmNlLCBwb3BwZXIsIG9wdGlvbnMpIHtcbiAgICBpZiAob3B0aW9ucyA9PT0gdm9pZCAwKSB7XG4gICAgICBvcHRpb25zID0gZGVmYXVsdE9wdGlvbnM7XG4gICAgfVxuXG4gICAgdmFyIHN0YXRlID0ge1xuICAgICAgcGxhY2VtZW50OiAnYm90dG9tJyxcbiAgICAgIG9yZGVyZWRNb2RpZmllcnM6IFtdLFxuICAgICAgb3B0aW9uczogT2JqZWN0LmFzc2lnbih7fSwgREVGQVVMVF9PUFRJT05TLCBkZWZhdWx0T3B0aW9ucyksXG4gICAgICBtb2RpZmllcnNEYXRhOiB7fSxcbiAgICAgIGVsZW1lbnRzOiB7XG4gICAgICAgIHJlZmVyZW5jZTogcmVmZXJlbmNlLFxuICAgICAgICBwb3BwZXI6IHBvcHBlclxuICAgICAgfSxcbiAgICAgIGF0dHJpYnV0ZXM6IHt9LFxuICAgICAgc3R5bGVzOiB7fVxuICAgIH07XG4gICAgdmFyIGVmZmVjdENsZWFudXBGbnMgPSBbXTtcbiAgICB2YXIgaXNEZXN0cm95ZWQgPSBmYWxzZTtcbiAgICB2YXIgaW5zdGFuY2UgPSB7XG4gICAgICBzdGF0ZTogc3RhdGUsXG4gICAgICBzZXRPcHRpb25zOiBmdW5jdGlvbiBzZXRPcHRpb25zKHNldE9wdGlvbnNBY3Rpb24pIHtcbiAgICAgICAgdmFyIG9wdGlvbnMgPSB0eXBlb2Ygc2V0T3B0aW9uc0FjdGlvbiA9PT0gJ2Z1bmN0aW9uJyA/IHNldE9wdGlvbnNBY3Rpb24oc3RhdGUub3B0aW9ucykgOiBzZXRPcHRpb25zQWN0aW9uO1xuICAgICAgICBjbGVhbnVwTW9kaWZpZXJFZmZlY3RzKCk7XG4gICAgICAgIHN0YXRlLm9wdGlvbnMgPSBPYmplY3QuYXNzaWduKHt9LCBkZWZhdWx0T3B0aW9ucywgc3RhdGUub3B0aW9ucywgb3B0aW9ucyk7XG4gICAgICAgIHN0YXRlLnNjcm9sbFBhcmVudHMgPSB7XG4gICAgICAgICAgcmVmZXJlbmNlOiBpc0VsZW1lbnQocmVmZXJlbmNlKSA/IGxpc3RTY3JvbGxQYXJlbnRzKHJlZmVyZW5jZSkgOiByZWZlcmVuY2UuY29udGV4dEVsZW1lbnQgPyBsaXN0U2Nyb2xsUGFyZW50cyhyZWZlcmVuY2UuY29udGV4dEVsZW1lbnQpIDogW10sXG4gICAgICAgICAgcG9wcGVyOiBsaXN0U2Nyb2xsUGFyZW50cyhwb3BwZXIpXG4gICAgICAgIH07IC8vIE9yZGVycyB0aGUgbW9kaWZpZXJzIGJhc2VkIG9uIHRoZWlyIGRlcGVuZGVuY2llcyBhbmQgYHBoYXNlYFxuICAgICAgICAvLyBwcm9wZXJ0aWVzXG5cbiAgICAgICAgdmFyIG9yZGVyZWRNb2RpZmllcnMgPSBvcmRlck1vZGlmaWVycyhtZXJnZUJ5TmFtZShbXS5jb25jYXQoZGVmYXVsdE1vZGlmaWVycywgc3RhdGUub3B0aW9ucy5tb2RpZmllcnMpKSk7IC8vIFN0cmlwIG91dCBkaXNhYmxlZCBtb2RpZmllcnNcblxuICAgICAgICBzdGF0ZS5vcmRlcmVkTW9kaWZpZXJzID0gb3JkZXJlZE1vZGlmaWVycy5maWx0ZXIoZnVuY3Rpb24gKG0pIHtcbiAgICAgICAgICByZXR1cm4gbS5lbmFibGVkO1xuICAgICAgICB9KTtcbiAgICAgICAgcnVuTW9kaWZpZXJFZmZlY3RzKCk7XG4gICAgICAgIHJldHVybiBpbnN0YW5jZS51cGRhdGUoKTtcbiAgICAgIH0sXG4gICAgICAvLyBTeW5jIHVwZGF0ZSDigJMgaXQgd2lsbCBhbHdheXMgYmUgZXhlY3V0ZWQsIGV2ZW4gaWYgbm90IG5lY2Vzc2FyeS4gVGhpc1xuICAgICAgLy8gaXMgdXNlZnVsIGZvciBsb3cgZnJlcXVlbmN5IHVwZGF0ZXMgd2hlcmUgc3luYyBiZWhhdmlvciBzaW1wbGlmaWVzIHRoZVxuICAgICAgLy8gbG9naWMuXG4gICAgICAvLyBGb3IgaGlnaCBmcmVxdWVuY3kgdXBkYXRlcyAoZS5nLiBgcmVzaXplYCBhbmQgYHNjcm9sbGAgZXZlbnRzKSwgYWx3YXlzXG4gICAgICAvLyBwcmVmZXIgdGhlIGFzeW5jIFBvcHBlciN1cGRhdGUgbWV0aG9kXG4gICAgICBmb3JjZVVwZGF0ZTogZnVuY3Rpb24gZm9yY2VVcGRhdGUoKSB7XG4gICAgICAgIGlmIChpc0Rlc3Ryb3llZCkge1xuICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIHZhciBfc3RhdGUkZWxlbWVudHMgPSBzdGF0ZS5lbGVtZW50cyxcbiAgICAgICAgICAgIHJlZmVyZW5jZSA9IF9zdGF0ZSRlbGVtZW50cy5yZWZlcmVuY2UsXG4gICAgICAgICAgICBwb3BwZXIgPSBfc3RhdGUkZWxlbWVudHMucG9wcGVyOyAvLyBEb24ndCBwcm9jZWVkIGlmIGByZWZlcmVuY2VgIG9yIGBwb3BwZXJgIGFyZSBub3QgdmFsaWQgZWxlbWVudHNcbiAgICAgICAgLy8gYW55bW9yZVxuXG4gICAgICAgIGlmICghYXJlVmFsaWRFbGVtZW50cyhyZWZlcmVuY2UsIHBvcHBlcikpIHtcbiAgICAgICAgICByZXR1cm47XG4gICAgICAgIH0gLy8gU3RvcmUgdGhlIHJlZmVyZW5jZSBhbmQgcG9wcGVyIHJlY3RzIHRvIGJlIHJlYWQgYnkgbW9kaWZpZXJzXG5cblxuICAgICAgICBzdGF0ZS5yZWN0cyA9IHtcbiAgICAgICAgICByZWZlcmVuY2U6IGdldENvbXBvc2l0ZVJlY3QocmVmZXJlbmNlLCBnZXRPZmZzZXRQYXJlbnQocG9wcGVyKSwgc3RhdGUub3B0aW9ucy5zdHJhdGVneSA9PT0gJ2ZpeGVkJyksXG4gICAgICAgICAgcG9wcGVyOiBnZXRMYXlvdXRSZWN0KHBvcHBlcilcbiAgICAgICAgfTsgLy8gTW9kaWZpZXJzIGhhdmUgdGhlIGFiaWxpdHkgdG8gcmVzZXQgdGhlIGN1cnJlbnQgdXBkYXRlIGN5Y2xlLiBUaGVcbiAgICAgICAgLy8gbW9zdCBjb21tb24gdXNlIGNhc2UgZm9yIHRoaXMgaXMgdGhlIGBmbGlwYCBtb2RpZmllciBjaGFuZ2luZyB0aGVcbiAgICAgICAgLy8gcGxhY2VtZW50LCB3aGljaCB0aGVuIG5lZWRzIHRvIHJlLXJ1biBhbGwgdGhlIG1vZGlmaWVycywgYmVjYXVzZSB0aGVcbiAgICAgICAgLy8gbG9naWMgd2FzIHByZXZpb3VzbHkgcmFuIGZvciB0aGUgcHJldmlvdXMgcGxhY2VtZW50IGFuZCBpcyB0aGVyZWZvcmVcbiAgICAgICAgLy8gc3RhbGUvaW5jb3JyZWN0XG5cbiAgICAgICAgc3RhdGUucmVzZXQgPSBmYWxzZTtcbiAgICAgICAgc3RhdGUucGxhY2VtZW50ID0gc3RhdGUub3B0aW9ucy5wbGFjZW1lbnQ7IC8vIE9uIGVhY2ggdXBkYXRlIGN5Y2xlLCB0aGUgYG1vZGlmaWVyc0RhdGFgIHByb3BlcnR5IGZvciBlYWNoIG1vZGlmaWVyXG4gICAgICAgIC8vIGlzIGZpbGxlZCB3aXRoIHRoZSBpbml0aWFsIGRhdGEgc3BlY2lmaWVkIGJ5IHRoZSBtb2RpZmllci4gVGhpcyBtZWFuc1xuICAgICAgICAvLyBpdCBkb2Vzbid0IHBlcnNpc3QgYW5kIGlzIGZyZXNoIG9uIGVhY2ggdXBkYXRlLlxuICAgICAgICAvLyBUbyBlbnN1cmUgcGVyc2lzdGVudCBkYXRhLCB1c2UgYCR7bmFtZX0jcGVyc2lzdGVudGBcblxuICAgICAgICBzdGF0ZS5vcmRlcmVkTW9kaWZpZXJzLmZvckVhY2goZnVuY3Rpb24gKG1vZGlmaWVyKSB7XG4gICAgICAgICAgcmV0dXJuIHN0YXRlLm1vZGlmaWVyc0RhdGFbbW9kaWZpZXIubmFtZV0gPSBPYmplY3QuYXNzaWduKHt9LCBtb2RpZmllci5kYXRhKTtcbiAgICAgICAgfSk7XG5cbiAgICAgICAgZm9yICh2YXIgaW5kZXggPSAwOyBpbmRleCA8IHN0YXRlLm9yZGVyZWRNb2RpZmllcnMubGVuZ3RoOyBpbmRleCsrKSB7XG4gICAgICAgICAgaWYgKHN0YXRlLnJlc2V0ID09PSB0cnVlKSB7XG4gICAgICAgICAgICBzdGF0ZS5yZXNldCA9IGZhbHNlO1xuICAgICAgICAgICAgaW5kZXggPSAtMTtcbiAgICAgICAgICAgIGNvbnRpbnVlO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIHZhciBfc3RhdGUkb3JkZXJlZE1vZGlmaWUgPSBzdGF0ZS5vcmRlcmVkTW9kaWZpZXJzW2luZGV4XSxcbiAgICAgICAgICAgICAgZm4gPSBfc3RhdGUkb3JkZXJlZE1vZGlmaWUuZm4sXG4gICAgICAgICAgICAgIF9zdGF0ZSRvcmRlcmVkTW9kaWZpZTIgPSBfc3RhdGUkb3JkZXJlZE1vZGlmaWUub3B0aW9ucyxcbiAgICAgICAgICAgICAgX29wdGlvbnMgPSBfc3RhdGUkb3JkZXJlZE1vZGlmaWUyID09PSB2b2lkIDAgPyB7fSA6IF9zdGF0ZSRvcmRlcmVkTW9kaWZpZTIsXG4gICAgICAgICAgICAgIG5hbWUgPSBfc3RhdGUkb3JkZXJlZE1vZGlmaWUubmFtZTtcblxuICAgICAgICAgIGlmICh0eXBlb2YgZm4gPT09ICdmdW5jdGlvbicpIHtcbiAgICAgICAgICAgIHN0YXRlID0gZm4oe1xuICAgICAgICAgICAgICBzdGF0ZTogc3RhdGUsXG4gICAgICAgICAgICAgIG9wdGlvbnM6IF9vcHRpb25zLFxuICAgICAgICAgICAgICBuYW1lOiBuYW1lLFxuICAgICAgICAgICAgICBpbnN0YW5jZTogaW5zdGFuY2VcbiAgICAgICAgICAgIH0pIHx8IHN0YXRlO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfSxcbiAgICAgIC8vIEFzeW5jIGFuZCBvcHRpbWlzdGljYWxseSBvcHRpbWl6ZWQgdXBkYXRlIOKAkyBpdCB3aWxsIG5vdCBiZSBleGVjdXRlZCBpZlxuICAgICAgLy8gbm90IG5lY2Vzc2FyeSAoZGVib3VuY2VkIHRvIHJ1biBhdCBtb3N0IG9uY2UtcGVyLXRpY2spXG4gICAgICB1cGRhdGU6IGRlYm91bmNlKGZ1bmN0aW9uICgpIHtcbiAgICAgICAgcmV0dXJuIG5ldyBQcm9taXNlKGZ1bmN0aW9uIChyZXNvbHZlKSB7XG4gICAgICAgICAgaW5zdGFuY2UuZm9yY2VVcGRhdGUoKTtcbiAgICAgICAgICByZXNvbHZlKHN0YXRlKTtcbiAgICAgICAgfSk7XG4gICAgICB9KSxcbiAgICAgIGRlc3Ryb3k6IGZ1bmN0aW9uIGRlc3Ryb3koKSB7XG4gICAgICAgIGNsZWFudXBNb2RpZmllckVmZmVjdHMoKTtcbiAgICAgICAgaXNEZXN0cm95ZWQgPSB0cnVlO1xuICAgICAgfVxuICAgIH07XG5cbiAgICBpZiAoIWFyZVZhbGlkRWxlbWVudHMocmVmZXJlbmNlLCBwb3BwZXIpKSB7XG4gICAgICByZXR1cm4gaW5zdGFuY2U7XG4gICAgfVxuXG4gICAgaW5zdGFuY2Uuc2V0T3B0aW9ucyhvcHRpb25zKS50aGVuKGZ1bmN0aW9uIChzdGF0ZSkge1xuICAgICAgaWYgKCFpc0Rlc3Ryb3llZCAmJiBvcHRpb25zLm9uRmlyc3RVcGRhdGUpIHtcbiAgICAgICAgb3B0aW9ucy5vbkZpcnN0VXBkYXRlKHN0YXRlKTtcbiAgICAgIH1cbiAgICB9KTsgLy8gTW9kaWZpZXJzIGhhdmUgdGhlIGFiaWxpdHkgdG8gZXhlY3V0ZSBhcmJpdHJhcnkgY29kZSBiZWZvcmUgdGhlIGZpcnN0XG4gICAgLy8gdXBkYXRlIGN5Y2xlIHJ1bnMuIFRoZXkgd2lsbCBiZSBleGVjdXRlZCBpbiB0aGUgc2FtZSBvcmRlciBhcyB0aGUgdXBkYXRlXG4gICAgLy8gY3ljbGUuIFRoaXMgaXMgdXNlZnVsIHdoZW4gYSBtb2RpZmllciBhZGRzIHNvbWUgcGVyc2lzdGVudCBkYXRhIHRoYXRcbiAgICAvLyBvdGhlciBtb2RpZmllcnMgbmVlZCB0byB1c2UsIGJ1dCB0aGUgbW9kaWZpZXIgaXMgcnVuIGFmdGVyIHRoZSBkZXBlbmRlbnRcbiAgICAvLyBvbmUuXG5cbiAgICBmdW5jdGlvbiBydW5Nb2RpZmllckVmZmVjdHMoKSB7XG4gICAgICBzdGF0ZS5vcmRlcmVkTW9kaWZpZXJzLmZvckVhY2goZnVuY3Rpb24gKF9yZWYpIHtcbiAgICAgICAgdmFyIG5hbWUgPSBfcmVmLm5hbWUsXG4gICAgICAgICAgICBfcmVmJG9wdGlvbnMgPSBfcmVmLm9wdGlvbnMsXG4gICAgICAgICAgICBvcHRpb25zID0gX3JlZiRvcHRpb25zID09PSB2b2lkIDAgPyB7fSA6IF9yZWYkb3B0aW9ucyxcbiAgICAgICAgICAgIGVmZmVjdCA9IF9yZWYuZWZmZWN0O1xuXG4gICAgICAgIGlmICh0eXBlb2YgZWZmZWN0ID09PSAnZnVuY3Rpb24nKSB7XG4gICAgICAgICAgdmFyIGNsZWFudXBGbiA9IGVmZmVjdCh7XG4gICAgICAgICAgICBzdGF0ZTogc3RhdGUsXG4gICAgICAgICAgICBuYW1lOiBuYW1lLFxuICAgICAgICAgICAgaW5zdGFuY2U6IGluc3RhbmNlLFxuICAgICAgICAgICAgb3B0aW9uczogb3B0aW9uc1xuICAgICAgICAgIH0pO1xuXG4gICAgICAgICAgdmFyIG5vb3BGbiA9IGZ1bmN0aW9uIG5vb3BGbigpIHt9O1xuXG4gICAgICAgICAgZWZmZWN0Q2xlYW51cEZucy5wdXNoKGNsZWFudXBGbiB8fCBub29wRm4pO1xuICAgICAgICB9XG4gICAgICB9KTtcbiAgICB9XG5cbiAgICBmdW5jdGlvbiBjbGVhbnVwTW9kaWZpZXJFZmZlY3RzKCkge1xuICAgICAgZWZmZWN0Q2xlYW51cEZucy5mb3JFYWNoKGZ1bmN0aW9uIChmbikge1xuICAgICAgICByZXR1cm4gZm4oKTtcbiAgICAgIH0pO1xuICAgICAgZWZmZWN0Q2xlYW51cEZucyA9IFtdO1xuICAgIH1cblxuICAgIHJldHVybiBpbnN0YW5jZTtcbiAgfTtcbn1cbmV4cG9ydCB2YXIgY3JlYXRlUG9wcGVyID0gLyojX19QVVJFX18qL3BvcHBlckdlbmVyYXRvcigpOyAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgaW1wb3J0L25vLXVudXNlZC1tb2R1bGVzXG5cbmV4cG9ydCB7IGRldGVjdE92ZXJmbG93IH07IiwiaW1wb3J0IHsgaXNTaGFkb3dSb290IH0gZnJvbSBcIi4vaW5zdGFuY2VPZi5qc1wiO1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gY29udGFpbnMocGFyZW50LCBjaGlsZCkge1xuICB2YXIgcm9vdE5vZGUgPSBjaGlsZC5nZXRSb290Tm9kZSAmJiBjaGlsZC5nZXRSb290Tm9kZSgpOyAvLyBGaXJzdCwgYXR0ZW1wdCB3aXRoIGZhc3RlciBuYXRpdmUgbWV0aG9kXG5cbiAgaWYgKHBhcmVudC5jb250YWlucyhjaGlsZCkpIHtcbiAgICByZXR1cm4gdHJ1ZTtcbiAgfSAvLyB0aGVuIGZhbGxiYWNrIHRvIGN1c3RvbSBpbXBsZW1lbnRhdGlvbiB3aXRoIFNoYWRvdyBET00gc3VwcG9ydFxuICBlbHNlIGlmIChyb290Tm9kZSAmJiBpc1NoYWRvd1Jvb3Qocm9vdE5vZGUpKSB7XG4gICAgICB2YXIgbmV4dCA9IGNoaWxkO1xuXG4gICAgICBkbyB7XG4gICAgICAgIGlmIChuZXh0ICYmIHBhcmVudC5pc1NhbWVOb2RlKG5leHQpKSB7XG4gICAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgICAgIH0gLy8gJEZsb3dGaXhNZVtwcm9wLW1pc3NpbmddOiBuZWVkIGEgYmV0dGVyIHdheSB0byBoYW5kbGUgdGhpcy4uLlxuXG5cbiAgICAgICAgbmV4dCA9IG5leHQucGFyZW50Tm9kZSB8fCBuZXh0Lmhvc3Q7XG4gICAgICB9IHdoaWxlIChuZXh0KTtcbiAgICB9IC8vIEdpdmUgdXAsIHRoZSByZXN1bHQgaXMgZmFsc2VcblxuXG4gIHJldHVybiBmYWxzZTtcbn0iLCJpbXBvcnQgeyBpc0VsZW1lbnQsIGlzSFRNTEVsZW1lbnQgfSBmcm9tIFwiLi9pbnN0YW5jZU9mLmpzXCI7XG5pbXBvcnQgeyByb3VuZCB9IGZyb20gXCIuLi91dGlscy9tYXRoLmpzXCI7XG5pbXBvcnQgZ2V0V2luZG93IGZyb20gXCIuL2dldFdpbmRvdy5qc1wiO1xuaW1wb3J0IGlzTGF5b3V0Vmlld3BvcnQgZnJvbSBcIi4vaXNMYXlvdXRWaWV3cG9ydC5qc1wiO1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gZ2V0Qm91bmRpbmdDbGllbnRSZWN0KGVsZW1lbnQsIGluY2x1ZGVTY2FsZSwgaXNGaXhlZFN0cmF0ZWd5KSB7XG4gIGlmIChpbmNsdWRlU2NhbGUgPT09IHZvaWQgMCkge1xuICAgIGluY2x1ZGVTY2FsZSA9IGZhbHNlO1xuICB9XG5cbiAgaWYgKGlzRml4ZWRTdHJhdGVneSA9PT0gdm9pZCAwKSB7XG4gICAgaXNGaXhlZFN0cmF0ZWd5ID0gZmFsc2U7XG4gIH1cblxuICB2YXIgY2xpZW50UmVjdCA9IGVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gIHZhciBzY2FsZVggPSAxO1xuICB2YXIgc2NhbGVZID0gMTtcblxuICBpZiAoaW5jbHVkZVNjYWxlICYmIGlzSFRNTEVsZW1lbnQoZWxlbWVudCkpIHtcbiAgICBzY2FsZVggPSBlbGVtZW50Lm9mZnNldFdpZHRoID4gMCA/IHJvdW5kKGNsaWVudFJlY3Qud2lkdGgpIC8gZWxlbWVudC5vZmZzZXRXaWR0aCB8fCAxIDogMTtcbiAgICBzY2FsZVkgPSBlbGVtZW50Lm9mZnNldEhlaWdodCA+IDAgPyByb3VuZChjbGllbnRSZWN0LmhlaWdodCkgLyBlbGVtZW50Lm9mZnNldEhlaWdodCB8fCAxIDogMTtcbiAgfVxuXG4gIHZhciBfcmVmID0gaXNFbGVtZW50KGVsZW1lbnQpID8gZ2V0V2luZG93KGVsZW1lbnQpIDogd2luZG93LFxuICAgICAgdmlzdWFsVmlld3BvcnQgPSBfcmVmLnZpc3VhbFZpZXdwb3J0O1xuXG4gIHZhciBhZGRWaXN1YWxPZmZzZXRzID0gIWlzTGF5b3V0Vmlld3BvcnQoKSAmJiBpc0ZpeGVkU3RyYXRlZ3k7XG4gIHZhciB4ID0gKGNsaWVudFJlY3QubGVmdCArIChhZGRWaXN1YWxPZmZzZXRzICYmIHZpc3VhbFZpZXdwb3J0ID8gdmlzdWFsVmlld3BvcnQub2Zmc2V0TGVmdCA6IDApKSAvIHNjYWxlWDtcbiAgdmFyIHkgPSAoY2xpZW50UmVjdC50b3AgKyAoYWRkVmlzdWFsT2Zmc2V0cyAmJiB2aXN1YWxWaWV3cG9ydCA/IHZpc3VhbFZpZXdwb3J0Lm9mZnNldFRvcCA6IDApKSAvIHNjYWxlWTtcbiAgdmFyIHdpZHRoID0gY2xpZW50UmVjdC53aWR0aCAvIHNjYWxlWDtcbiAgdmFyIGhlaWdodCA9IGNsaWVudFJlY3QuaGVpZ2h0IC8gc2NhbGVZO1xuICByZXR1cm4ge1xuICAgIHdpZHRoOiB3aWR0aCxcbiAgICBoZWlnaHQ6IGhlaWdodCxcbiAgICB0b3A6IHksXG4gICAgcmlnaHQ6IHggKyB3aWR0aCxcbiAgICBib3R0b206IHkgKyBoZWlnaHQsXG4gICAgbGVmdDogeCxcbiAgICB4OiB4LFxuICAgIHk6IHlcbiAgfTtcbn0iLCJpbXBvcnQgeyB2aWV3cG9ydCB9IGZyb20gXCIuLi9lbnVtcy5qc1wiO1xuaW1wb3J0IGdldFZpZXdwb3J0UmVjdCBmcm9tIFwiLi9nZXRWaWV3cG9ydFJlY3QuanNcIjtcbmltcG9ydCBnZXREb2N1bWVudFJlY3QgZnJvbSBcIi4vZ2V0RG9jdW1lbnRSZWN0LmpzXCI7XG5pbXBvcnQgbGlzdFNjcm9sbFBhcmVudHMgZnJvbSBcIi4vbGlzdFNjcm9sbFBhcmVudHMuanNcIjtcbmltcG9ydCBnZXRPZmZzZXRQYXJlbnQgZnJvbSBcIi4vZ2V0T2Zmc2V0UGFyZW50LmpzXCI7XG5pbXBvcnQgZ2V0RG9jdW1lbnRFbGVtZW50IGZyb20gXCIuL2dldERvY3VtZW50RWxlbWVudC5qc1wiO1xuaW1wb3J0IGdldENvbXB1dGVkU3R5bGUgZnJvbSBcIi4vZ2V0Q29tcHV0ZWRTdHlsZS5qc1wiO1xuaW1wb3J0IHsgaXNFbGVtZW50LCBpc0hUTUxFbGVtZW50IH0gZnJvbSBcIi4vaW5zdGFuY2VPZi5qc1wiO1xuaW1wb3J0IGdldEJvdW5kaW5nQ2xpZW50UmVjdCBmcm9tIFwiLi9nZXRCb3VuZGluZ0NsaWVudFJlY3QuanNcIjtcbmltcG9ydCBnZXRQYXJlbnROb2RlIGZyb20gXCIuL2dldFBhcmVudE5vZGUuanNcIjtcbmltcG9ydCBjb250YWlucyBmcm9tIFwiLi9jb250YWlucy5qc1wiO1xuaW1wb3J0IGdldE5vZGVOYW1lIGZyb20gXCIuL2dldE5vZGVOYW1lLmpzXCI7XG5pbXBvcnQgcmVjdFRvQ2xpZW50UmVjdCBmcm9tIFwiLi4vdXRpbHMvcmVjdFRvQ2xpZW50UmVjdC5qc1wiO1xuaW1wb3J0IHsgbWF4LCBtaW4gfSBmcm9tIFwiLi4vdXRpbHMvbWF0aC5qc1wiO1xuXG5mdW5jdGlvbiBnZXRJbm5lckJvdW5kaW5nQ2xpZW50UmVjdChlbGVtZW50LCBzdHJhdGVneSkge1xuICB2YXIgcmVjdCA9IGdldEJvdW5kaW5nQ2xpZW50UmVjdChlbGVtZW50LCBmYWxzZSwgc3RyYXRlZ3kgPT09ICdmaXhlZCcpO1xuICByZWN0LnRvcCA9IHJlY3QudG9wICsgZWxlbWVudC5jbGllbnRUb3A7XG4gIHJlY3QubGVmdCA9IHJlY3QubGVmdCArIGVsZW1lbnQuY2xpZW50TGVmdDtcbiAgcmVjdC5ib3R0b20gPSByZWN0LnRvcCArIGVsZW1lbnQuY2xpZW50SGVpZ2h0O1xuICByZWN0LnJpZ2h0ID0gcmVjdC5sZWZ0ICsgZWxlbWVudC5jbGllbnRXaWR0aDtcbiAgcmVjdC53aWR0aCA9IGVsZW1lbnQuY2xpZW50V2lkdGg7XG4gIHJlY3QuaGVpZ2h0ID0gZWxlbWVudC5jbGllbnRIZWlnaHQ7XG4gIHJlY3QueCA9IHJlY3QubGVmdDtcbiAgcmVjdC55ID0gcmVjdC50b3A7XG4gIHJldHVybiByZWN0O1xufVxuXG5mdW5jdGlvbiBnZXRDbGllbnRSZWN0RnJvbU1peGVkVHlwZShlbGVtZW50LCBjbGlwcGluZ1BhcmVudCwgc3RyYXRlZ3kpIHtcbiAgcmV0dXJuIGNsaXBwaW5nUGFyZW50ID09PSB2aWV3cG9ydCA/IHJlY3RUb0NsaWVudFJlY3QoZ2V0Vmlld3BvcnRSZWN0KGVsZW1lbnQsIHN0cmF0ZWd5KSkgOiBpc0VsZW1lbnQoY2xpcHBpbmdQYXJlbnQpID8gZ2V0SW5uZXJCb3VuZGluZ0NsaWVudFJlY3QoY2xpcHBpbmdQYXJlbnQsIHN0cmF0ZWd5KSA6IHJlY3RUb0NsaWVudFJlY3QoZ2V0RG9jdW1lbnRSZWN0KGdldERvY3VtZW50RWxlbWVudChlbGVtZW50KSkpO1xufSAvLyBBIFwiY2xpcHBpbmcgcGFyZW50XCIgaXMgYW4gb3ZlcmZsb3dhYmxlIGNvbnRhaW5lciB3aXRoIHRoZSBjaGFyYWN0ZXJpc3RpYyBvZlxuLy8gY2xpcHBpbmcgKG9yIGhpZGluZykgb3ZlcmZsb3dpbmcgZWxlbWVudHMgd2l0aCBhIHBvc2l0aW9uIGRpZmZlcmVudCBmcm9tXG4vLyBgaW5pdGlhbGBcblxuXG5mdW5jdGlvbiBnZXRDbGlwcGluZ1BhcmVudHMoZWxlbWVudCkge1xuICB2YXIgY2xpcHBpbmdQYXJlbnRzID0gbGlzdFNjcm9sbFBhcmVudHMoZ2V0UGFyZW50Tm9kZShlbGVtZW50KSk7XG4gIHZhciBjYW5Fc2NhcGVDbGlwcGluZyA9IFsnYWJzb2x1dGUnLCAnZml4ZWQnXS5pbmRleE9mKGdldENvbXB1dGVkU3R5bGUoZWxlbWVudCkucG9zaXRpb24pID49IDA7XG4gIHZhciBjbGlwcGVyRWxlbWVudCA9IGNhbkVzY2FwZUNsaXBwaW5nICYmIGlzSFRNTEVsZW1lbnQoZWxlbWVudCkgPyBnZXRPZmZzZXRQYXJlbnQoZWxlbWVudCkgOiBlbGVtZW50O1xuXG4gIGlmICghaXNFbGVtZW50KGNsaXBwZXJFbGVtZW50KSkge1xuICAgIHJldHVybiBbXTtcbiAgfSAvLyAkRmxvd0ZpeE1lW2luY29tcGF0aWJsZS1yZXR1cm5dOiBodHRwczovL2dpdGh1Yi5jb20vZmFjZWJvb2svZmxvdy9pc3N1ZXMvMTQxNFxuXG5cbiAgcmV0dXJuIGNsaXBwaW5nUGFyZW50cy5maWx0ZXIoZnVuY3Rpb24gKGNsaXBwaW5nUGFyZW50KSB7XG4gICAgcmV0dXJuIGlzRWxlbWVudChjbGlwcGluZ1BhcmVudCkgJiYgY29udGFpbnMoY2xpcHBpbmdQYXJlbnQsIGNsaXBwZXJFbGVtZW50KSAmJiBnZXROb2RlTmFtZShjbGlwcGluZ1BhcmVudCkgIT09ICdib2R5JztcbiAgfSk7XG59IC8vIEdldHMgdGhlIG1heGltdW0gYXJlYSB0aGF0IHRoZSBlbGVtZW50IGlzIHZpc2libGUgaW4gZHVlIHRvIGFueSBudW1iZXIgb2Zcbi8vIGNsaXBwaW5nIHBhcmVudHNcblxuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBnZXRDbGlwcGluZ1JlY3QoZWxlbWVudCwgYm91bmRhcnksIHJvb3RCb3VuZGFyeSwgc3RyYXRlZ3kpIHtcbiAgdmFyIG1haW5DbGlwcGluZ1BhcmVudHMgPSBib3VuZGFyeSA9PT0gJ2NsaXBwaW5nUGFyZW50cycgPyBnZXRDbGlwcGluZ1BhcmVudHMoZWxlbWVudCkgOiBbXS5jb25jYXQoYm91bmRhcnkpO1xuICB2YXIgY2xpcHBpbmdQYXJlbnRzID0gW10uY29uY2F0KG1haW5DbGlwcGluZ1BhcmVudHMsIFtyb290Qm91bmRhcnldKTtcbiAgdmFyIGZpcnN0Q2xpcHBpbmdQYXJlbnQgPSBjbGlwcGluZ1BhcmVudHNbMF07XG4gIHZhciBjbGlwcGluZ1JlY3QgPSBjbGlwcGluZ1BhcmVudHMucmVkdWNlKGZ1bmN0aW9uIChhY2NSZWN0LCBjbGlwcGluZ1BhcmVudCkge1xuICAgIHZhciByZWN0ID0gZ2V0Q2xpZW50UmVjdEZyb21NaXhlZFR5cGUoZWxlbWVudCwgY2xpcHBpbmdQYXJlbnQsIHN0cmF0ZWd5KTtcbiAgICBhY2NSZWN0LnRvcCA9IG1heChyZWN0LnRvcCwgYWNjUmVjdC50b3ApO1xuICAgIGFjY1JlY3QucmlnaHQgPSBtaW4ocmVjdC5yaWdodCwgYWNjUmVjdC5yaWdodCk7XG4gICAgYWNjUmVjdC5ib3R0b20gPSBtaW4ocmVjdC5ib3R0b20sIGFjY1JlY3QuYm90dG9tKTtcbiAgICBhY2NSZWN0LmxlZnQgPSBtYXgocmVjdC5sZWZ0LCBhY2NSZWN0LmxlZnQpO1xuICAgIHJldHVybiBhY2NSZWN0O1xuICB9LCBnZXRDbGllbnRSZWN0RnJvbU1peGVkVHlwZShlbGVtZW50LCBmaXJzdENsaXBwaW5nUGFyZW50LCBzdHJhdGVneSkpO1xuICBjbGlwcGluZ1JlY3Qud2lkdGggPSBjbGlwcGluZ1JlY3QucmlnaHQgLSBjbGlwcGluZ1JlY3QubGVmdDtcbiAgY2xpcHBpbmdSZWN0LmhlaWdodCA9IGNsaXBwaW5nUmVjdC5ib3R0b20gLSBjbGlwcGluZ1JlY3QudG9wO1xuICBjbGlwcGluZ1JlY3QueCA9IGNsaXBwaW5nUmVjdC5sZWZ0O1xuICBjbGlwcGluZ1JlY3QueSA9IGNsaXBwaW5nUmVjdC50b3A7XG4gIHJldHVybiBjbGlwcGluZ1JlY3Q7XG59IiwiaW1wb3J0IGdldEJvdW5kaW5nQ2xpZW50UmVjdCBmcm9tIFwiLi9nZXRCb3VuZGluZ0NsaWVudFJlY3QuanNcIjtcbmltcG9ydCBnZXROb2RlU2Nyb2xsIGZyb20gXCIuL2dldE5vZGVTY3JvbGwuanNcIjtcbmltcG9ydCBnZXROb2RlTmFtZSBmcm9tIFwiLi9nZXROb2RlTmFtZS5qc1wiO1xuaW1wb3J0IHsgaXNIVE1MRWxlbWVudCB9IGZyb20gXCIuL2luc3RhbmNlT2YuanNcIjtcbmltcG9ydCBnZXRXaW5kb3dTY3JvbGxCYXJYIGZyb20gXCIuL2dldFdpbmRvd1Njcm9sbEJhclguanNcIjtcbmltcG9ydCBnZXREb2N1bWVudEVsZW1lbnQgZnJvbSBcIi4vZ2V0RG9jdW1lbnRFbGVtZW50LmpzXCI7XG5pbXBvcnQgaXNTY3JvbGxQYXJlbnQgZnJvbSBcIi4vaXNTY3JvbGxQYXJlbnQuanNcIjtcbmltcG9ydCB7IHJvdW5kIH0gZnJvbSBcIi4uL3V0aWxzL21hdGguanNcIjtcblxuZnVuY3Rpb24gaXNFbGVtZW50U2NhbGVkKGVsZW1lbnQpIHtcbiAgdmFyIHJlY3QgPSBlbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICB2YXIgc2NhbGVYID0gcm91bmQocmVjdC53aWR0aCkgLyBlbGVtZW50Lm9mZnNldFdpZHRoIHx8IDE7XG4gIHZhciBzY2FsZVkgPSByb3VuZChyZWN0LmhlaWdodCkgLyBlbGVtZW50Lm9mZnNldEhlaWdodCB8fCAxO1xuICByZXR1cm4gc2NhbGVYICE9PSAxIHx8IHNjYWxlWSAhPT0gMTtcbn0gLy8gUmV0dXJucyB0aGUgY29tcG9zaXRlIHJlY3Qgb2YgYW4gZWxlbWVudCByZWxhdGl2ZSB0byBpdHMgb2Zmc2V0UGFyZW50LlxuLy8gQ29tcG9zaXRlIG1lYW5zIGl0IHRha2VzIGludG8gYWNjb3VudCB0cmFuc2Zvcm1zIGFzIHdlbGwgYXMgbGF5b3V0LlxuXG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGdldENvbXBvc2l0ZVJlY3QoZWxlbWVudE9yVmlydHVhbEVsZW1lbnQsIG9mZnNldFBhcmVudCwgaXNGaXhlZCkge1xuICBpZiAoaXNGaXhlZCA9PT0gdm9pZCAwKSB7XG4gICAgaXNGaXhlZCA9IGZhbHNlO1xuICB9XG5cbiAgdmFyIGlzT2Zmc2V0UGFyZW50QW5FbGVtZW50ID0gaXNIVE1MRWxlbWVudChvZmZzZXRQYXJlbnQpO1xuICB2YXIgb2Zmc2V0UGFyZW50SXNTY2FsZWQgPSBpc0hUTUxFbGVtZW50KG9mZnNldFBhcmVudCkgJiYgaXNFbGVtZW50U2NhbGVkKG9mZnNldFBhcmVudCk7XG4gIHZhciBkb2N1bWVudEVsZW1lbnQgPSBnZXREb2N1bWVudEVsZW1lbnQob2Zmc2V0UGFyZW50KTtcbiAgdmFyIHJlY3QgPSBnZXRCb3VuZGluZ0NsaWVudFJlY3QoZWxlbWVudE9yVmlydHVhbEVsZW1lbnQsIG9mZnNldFBhcmVudElzU2NhbGVkLCBpc0ZpeGVkKTtcbiAgdmFyIHNjcm9sbCA9IHtcbiAgICBzY3JvbGxMZWZ0OiAwLFxuICAgIHNjcm9sbFRvcDogMFxuICB9O1xuICB2YXIgb2Zmc2V0cyA9IHtcbiAgICB4OiAwLFxuICAgIHk6IDBcbiAgfTtcblxuICBpZiAoaXNPZmZzZXRQYXJlbnRBbkVsZW1lbnQgfHwgIWlzT2Zmc2V0UGFyZW50QW5FbGVtZW50ICYmICFpc0ZpeGVkKSB7XG4gICAgaWYgKGdldE5vZGVOYW1lKG9mZnNldFBhcmVudCkgIT09ICdib2R5JyB8fCAvLyBodHRwczovL2dpdGh1Yi5jb20vcG9wcGVyanMvcG9wcGVyLWNvcmUvaXNzdWVzLzEwNzhcbiAgICBpc1Njcm9sbFBhcmVudChkb2N1bWVudEVsZW1lbnQpKSB7XG4gICAgICBzY3JvbGwgPSBnZXROb2RlU2Nyb2xsKG9mZnNldFBhcmVudCk7XG4gICAgfVxuXG4gICAgaWYgKGlzSFRNTEVsZW1lbnQob2Zmc2V0UGFyZW50KSkge1xuICAgICAgb2Zmc2V0cyA9IGdldEJvdW5kaW5nQ2xpZW50UmVjdChvZmZzZXRQYXJlbnQsIHRydWUpO1xuICAgICAgb2Zmc2V0cy54ICs9IG9mZnNldFBhcmVudC5jbGllbnRMZWZ0O1xuICAgICAgb2Zmc2V0cy55ICs9IG9mZnNldFBhcmVudC5jbGllbnRUb3A7XG4gICAgfSBlbHNlIGlmIChkb2N1bWVudEVsZW1lbnQpIHtcbiAgICAgIG9mZnNldHMueCA9IGdldFdpbmRvd1Njcm9sbEJhclgoZG9jdW1lbnRFbGVtZW50KTtcbiAgICB9XG4gIH1cblxuICByZXR1cm4ge1xuICAgIHg6IHJlY3QubGVmdCArIHNjcm9sbC5zY3JvbGxMZWZ0IC0gb2Zmc2V0cy54LFxuICAgIHk6IHJlY3QudG9wICsgc2Nyb2xsLnNjcm9sbFRvcCAtIG9mZnNldHMueSxcbiAgICB3aWR0aDogcmVjdC53aWR0aCxcbiAgICBoZWlnaHQ6IHJlY3QuaGVpZ2h0XG4gIH07XG59IiwiaW1wb3J0IGdldFdpbmRvdyBmcm9tIFwiLi9nZXRXaW5kb3cuanNcIjtcbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGdldENvbXB1dGVkU3R5bGUoZWxlbWVudCkge1xuICByZXR1cm4gZ2V0V2luZG93KGVsZW1lbnQpLmdldENvbXB1dGVkU3R5bGUoZWxlbWVudCk7XG59IiwiaW1wb3J0IHsgaXNFbGVtZW50IH0gZnJvbSBcIi4vaW5zdGFuY2VPZi5qc1wiO1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gZ2V0RG9jdW1lbnRFbGVtZW50KGVsZW1lbnQpIHtcbiAgLy8gJEZsb3dGaXhNZVtpbmNvbXBhdGlibGUtcmV0dXJuXTogYXNzdW1lIGJvZHkgaXMgYWx3YXlzIGF2YWlsYWJsZVxuICByZXR1cm4gKChpc0VsZW1lbnQoZWxlbWVudCkgPyBlbGVtZW50Lm93bmVyRG9jdW1lbnQgOiAvLyAkRmxvd0ZpeE1lW3Byb3AtbWlzc2luZ11cbiAgZWxlbWVudC5kb2N1bWVudCkgfHwgd2luZG93LmRvY3VtZW50KS5kb2N1bWVudEVsZW1lbnQ7XG59IiwiaW1wb3J0IGdldERvY3VtZW50RWxlbWVudCBmcm9tIFwiLi9nZXREb2N1bWVudEVsZW1lbnQuanNcIjtcbmltcG9ydCBnZXRDb21wdXRlZFN0eWxlIGZyb20gXCIuL2dldENvbXB1dGVkU3R5bGUuanNcIjtcbmltcG9ydCBnZXRXaW5kb3dTY3JvbGxCYXJYIGZyb20gXCIuL2dldFdpbmRvd1Njcm9sbEJhclguanNcIjtcbmltcG9ydCBnZXRXaW5kb3dTY3JvbGwgZnJvbSBcIi4vZ2V0V2luZG93U2Nyb2xsLmpzXCI7XG5pbXBvcnQgeyBtYXggfSBmcm9tIFwiLi4vdXRpbHMvbWF0aC5qc1wiOyAvLyBHZXRzIHRoZSBlbnRpcmUgc2l6ZSBvZiB0aGUgc2Nyb2xsYWJsZSBkb2N1bWVudCBhcmVhLCBldmVuIGV4dGVuZGluZyBvdXRzaWRlXG4vLyBvZiB0aGUgYDxodG1sPmAgYW5kIGA8Ym9keT5gIHJlY3QgYm91bmRzIGlmIGhvcml6b250YWxseSBzY3JvbGxhYmxlXG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGdldERvY3VtZW50UmVjdChlbGVtZW50KSB7XG4gIHZhciBfZWxlbWVudCRvd25lckRvY3VtZW47XG5cbiAgdmFyIGh0bWwgPSBnZXREb2N1bWVudEVsZW1lbnQoZWxlbWVudCk7XG4gIHZhciB3aW5TY3JvbGwgPSBnZXRXaW5kb3dTY3JvbGwoZWxlbWVudCk7XG4gIHZhciBib2R5ID0gKF9lbGVtZW50JG93bmVyRG9jdW1lbiA9IGVsZW1lbnQub3duZXJEb2N1bWVudCkgPT0gbnVsbCA/IHZvaWQgMCA6IF9lbGVtZW50JG93bmVyRG9jdW1lbi5ib2R5O1xuICB2YXIgd2lkdGggPSBtYXgoaHRtbC5zY3JvbGxXaWR0aCwgaHRtbC5jbGllbnRXaWR0aCwgYm9keSA/IGJvZHkuc2Nyb2xsV2lkdGggOiAwLCBib2R5ID8gYm9keS5jbGllbnRXaWR0aCA6IDApO1xuICB2YXIgaGVpZ2h0ID0gbWF4KGh0bWwuc2Nyb2xsSGVpZ2h0LCBodG1sLmNsaWVudEhlaWdodCwgYm9keSA/IGJvZHkuc2Nyb2xsSGVpZ2h0IDogMCwgYm9keSA/IGJvZHkuY2xpZW50SGVpZ2h0IDogMCk7XG4gIHZhciB4ID0gLXdpblNjcm9sbC5zY3JvbGxMZWZ0ICsgZ2V0V2luZG93U2Nyb2xsQmFyWChlbGVtZW50KTtcbiAgdmFyIHkgPSAtd2luU2Nyb2xsLnNjcm9sbFRvcDtcblxuICBpZiAoZ2V0Q29tcHV0ZWRTdHlsZShib2R5IHx8IGh0bWwpLmRpcmVjdGlvbiA9PT0gJ3J0bCcpIHtcbiAgICB4ICs9IG1heChodG1sLmNsaWVudFdpZHRoLCBib2R5ID8gYm9keS5jbGllbnRXaWR0aCA6IDApIC0gd2lkdGg7XG4gIH1cblxuICByZXR1cm4ge1xuICAgIHdpZHRoOiB3aWR0aCxcbiAgICBoZWlnaHQ6IGhlaWdodCxcbiAgICB4OiB4LFxuICAgIHk6IHlcbiAgfTtcbn0iLCJleHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBnZXRIVE1MRWxlbWVudFNjcm9sbChlbGVtZW50KSB7XG4gIHJldHVybiB7XG4gICAgc2Nyb2xsTGVmdDogZWxlbWVudC5zY3JvbGxMZWZ0LFxuICAgIHNjcm9sbFRvcDogZWxlbWVudC5zY3JvbGxUb3BcbiAgfTtcbn0iLCJpbXBvcnQgZ2V0Qm91bmRpbmdDbGllbnRSZWN0IGZyb20gXCIuL2dldEJvdW5kaW5nQ2xpZW50UmVjdC5qc1wiOyAvLyBSZXR1cm5zIHRoZSBsYXlvdXQgcmVjdCBvZiBhbiBlbGVtZW50IHJlbGF0aXZlIHRvIGl0cyBvZmZzZXRQYXJlbnQuIExheW91dFxuLy8gbWVhbnMgaXQgZG9lc24ndCB0YWtlIGludG8gYWNjb3VudCB0cmFuc2Zvcm1zLlxuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBnZXRMYXlvdXRSZWN0KGVsZW1lbnQpIHtcbiAgdmFyIGNsaWVudFJlY3QgPSBnZXRCb3VuZGluZ0NsaWVudFJlY3QoZWxlbWVudCk7IC8vIFVzZSB0aGUgY2xpZW50UmVjdCBzaXplcyBpZiBpdCdzIG5vdCBiZWVuIHRyYW5zZm9ybWVkLlxuICAvLyBGaXhlcyBodHRwczovL2dpdGh1Yi5jb20vcG9wcGVyanMvcG9wcGVyLWNvcmUvaXNzdWVzLzEyMjNcblxuICB2YXIgd2lkdGggPSBlbGVtZW50Lm9mZnNldFdpZHRoO1xuICB2YXIgaGVpZ2h0ID0gZWxlbWVudC5vZmZzZXRIZWlnaHQ7XG5cbiAgaWYgKE1hdGguYWJzKGNsaWVudFJlY3Qud2lkdGggLSB3aWR0aCkgPD0gMSkge1xuICAgIHdpZHRoID0gY2xpZW50UmVjdC53aWR0aDtcbiAgfVxuXG4gIGlmIChNYXRoLmFicyhjbGllbnRSZWN0LmhlaWdodCAtIGhlaWdodCkgPD0gMSkge1xuICAgIGhlaWdodCA9IGNsaWVudFJlY3QuaGVpZ2h0O1xuICB9XG5cbiAgcmV0dXJuIHtcbiAgICB4OiBlbGVtZW50Lm9mZnNldExlZnQsXG4gICAgeTogZWxlbWVudC5vZmZzZXRUb3AsXG4gICAgd2lkdGg6IHdpZHRoLFxuICAgIGhlaWdodDogaGVpZ2h0XG4gIH07XG59IiwiZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gZ2V0Tm9kZU5hbWUoZWxlbWVudCkge1xuICByZXR1cm4gZWxlbWVudCA/IChlbGVtZW50Lm5vZGVOYW1lIHx8ICcnKS50b0xvd2VyQ2FzZSgpIDogbnVsbDtcbn0iLCJpbXBvcnQgZ2V0V2luZG93U2Nyb2xsIGZyb20gXCIuL2dldFdpbmRvd1Njcm9sbC5qc1wiO1xuaW1wb3J0IGdldFdpbmRvdyBmcm9tIFwiLi9nZXRXaW5kb3cuanNcIjtcbmltcG9ydCB7IGlzSFRNTEVsZW1lbnQgfSBmcm9tIFwiLi9pbnN0YW5jZU9mLmpzXCI7XG5pbXBvcnQgZ2V0SFRNTEVsZW1lbnRTY3JvbGwgZnJvbSBcIi4vZ2V0SFRNTEVsZW1lbnRTY3JvbGwuanNcIjtcbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGdldE5vZGVTY3JvbGwobm9kZSkge1xuICBpZiAobm9kZSA9PT0gZ2V0V2luZG93KG5vZGUpIHx8ICFpc0hUTUxFbGVtZW50KG5vZGUpKSB7XG4gICAgcmV0dXJuIGdldFdpbmRvd1Njcm9sbChub2RlKTtcbiAgfSBlbHNlIHtcbiAgICByZXR1cm4gZ2V0SFRNTEVsZW1lbnRTY3JvbGwobm9kZSk7XG4gIH1cbn0iLCJpbXBvcnQgZ2V0V2luZG93IGZyb20gXCIuL2dldFdpbmRvdy5qc1wiO1xuaW1wb3J0IGdldE5vZGVOYW1lIGZyb20gXCIuL2dldE5vZGVOYW1lLmpzXCI7XG5pbXBvcnQgZ2V0Q29tcHV0ZWRTdHlsZSBmcm9tIFwiLi9nZXRDb21wdXRlZFN0eWxlLmpzXCI7XG5pbXBvcnQgeyBpc0hUTUxFbGVtZW50LCBpc1NoYWRvd1Jvb3QgfSBmcm9tIFwiLi9pbnN0YW5jZU9mLmpzXCI7XG5pbXBvcnQgaXNUYWJsZUVsZW1lbnQgZnJvbSBcIi4vaXNUYWJsZUVsZW1lbnQuanNcIjtcbmltcG9ydCBnZXRQYXJlbnROb2RlIGZyb20gXCIuL2dldFBhcmVudE5vZGUuanNcIjtcbmltcG9ydCBnZXRVQVN0cmluZyBmcm9tIFwiLi4vdXRpbHMvdXNlckFnZW50LmpzXCI7XG5cbmZ1bmN0aW9uIGdldFRydWVPZmZzZXRQYXJlbnQoZWxlbWVudCkge1xuICBpZiAoIWlzSFRNTEVsZW1lbnQoZWxlbWVudCkgfHwgLy8gaHR0cHM6Ly9naXRodWIuY29tL3BvcHBlcmpzL3BvcHBlci1jb3JlL2lzc3Vlcy84MzdcbiAgZ2V0Q29tcHV0ZWRTdHlsZShlbGVtZW50KS5wb3NpdGlvbiA9PT0gJ2ZpeGVkJykge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgcmV0dXJuIGVsZW1lbnQub2Zmc2V0UGFyZW50O1xufSAvLyBgLm9mZnNldFBhcmVudGAgcmVwb3J0cyBgbnVsbGAgZm9yIGZpeGVkIGVsZW1lbnRzLCB3aGlsZSBhYnNvbHV0ZSBlbGVtZW50c1xuLy8gcmV0dXJuIHRoZSBjb250YWluaW5nIGJsb2NrXG5cblxuZnVuY3Rpb24gZ2V0Q29udGFpbmluZ0Jsb2NrKGVsZW1lbnQpIHtcbiAgdmFyIGlzRmlyZWZveCA9IC9maXJlZm94L2kudGVzdChnZXRVQVN0cmluZygpKTtcbiAgdmFyIGlzSUUgPSAvVHJpZGVudC9pLnRlc3QoZ2V0VUFTdHJpbmcoKSk7XG5cbiAgaWYgKGlzSUUgJiYgaXNIVE1MRWxlbWVudChlbGVtZW50KSkge1xuICAgIC8vIEluIElFIDksIDEwIGFuZCAxMSBmaXhlZCBlbGVtZW50cyBjb250YWluaW5nIGJsb2NrIGlzIGFsd2F5cyBlc3RhYmxpc2hlZCBieSB0aGUgdmlld3BvcnRcbiAgICB2YXIgZWxlbWVudENzcyA9IGdldENvbXB1dGVkU3R5bGUoZWxlbWVudCk7XG5cbiAgICBpZiAoZWxlbWVudENzcy5wb3NpdGlvbiA9PT0gJ2ZpeGVkJykge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuICB9XG5cbiAgdmFyIGN1cnJlbnROb2RlID0gZ2V0UGFyZW50Tm9kZShlbGVtZW50KTtcblxuICBpZiAoaXNTaGFkb3dSb290KGN1cnJlbnROb2RlKSkge1xuICAgIGN1cnJlbnROb2RlID0gY3VycmVudE5vZGUuaG9zdDtcbiAgfVxuXG4gIHdoaWxlIChpc0hUTUxFbGVtZW50KGN1cnJlbnROb2RlKSAmJiBbJ2h0bWwnLCAnYm9keSddLmluZGV4T2YoZ2V0Tm9kZU5hbWUoY3VycmVudE5vZGUpKSA8IDApIHtcbiAgICB2YXIgY3NzID0gZ2V0Q29tcHV0ZWRTdHlsZShjdXJyZW50Tm9kZSk7IC8vIFRoaXMgaXMgbm9uLWV4aGF1c3RpdmUgYnV0IGNvdmVycyB0aGUgbW9zdCBjb21tb24gQ1NTIHByb3BlcnRpZXMgdGhhdFxuICAgIC8vIGNyZWF0ZSBhIGNvbnRhaW5pbmcgYmxvY2suXG4gICAgLy8gaHR0cHM6Ly9kZXZlbG9wZXIubW96aWxsYS5vcmcvZW4tVVMvZG9jcy9XZWIvQ1NTL0NvbnRhaW5pbmdfYmxvY2sjaWRlbnRpZnlpbmdfdGhlX2NvbnRhaW5pbmdfYmxvY2tcblxuICAgIGlmIChjc3MudHJhbnNmb3JtICE9PSAnbm9uZScgfHwgY3NzLnBlcnNwZWN0aXZlICE9PSAnbm9uZScgfHwgY3NzLmNvbnRhaW4gPT09ICdwYWludCcgfHwgWyd0cmFuc2Zvcm0nLCAncGVyc3BlY3RpdmUnXS5pbmRleE9mKGNzcy53aWxsQ2hhbmdlKSAhPT0gLTEgfHwgaXNGaXJlZm94ICYmIGNzcy53aWxsQ2hhbmdlID09PSAnZmlsdGVyJyB8fCBpc0ZpcmVmb3ggJiYgY3NzLmZpbHRlciAmJiBjc3MuZmlsdGVyICE9PSAnbm9uZScpIHtcbiAgICAgIHJldHVybiBjdXJyZW50Tm9kZTtcbiAgICB9IGVsc2Uge1xuICAgICAgY3VycmVudE5vZGUgPSBjdXJyZW50Tm9kZS5wYXJlbnROb2RlO1xuICAgIH1cbiAgfVxuXG4gIHJldHVybiBudWxsO1xufSAvLyBHZXRzIHRoZSBjbG9zZXN0IGFuY2VzdG9yIHBvc2l0aW9uZWQgZWxlbWVudC4gSGFuZGxlcyBzb21lIGVkZ2UgY2FzZXMsXG4vLyBzdWNoIGFzIHRhYmxlIGFuY2VzdG9ycyBhbmQgY3Jvc3MgYnJvd3NlciBidWdzLlxuXG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGdldE9mZnNldFBhcmVudChlbGVtZW50KSB7XG4gIHZhciB3aW5kb3cgPSBnZXRXaW5kb3coZWxlbWVudCk7XG4gIHZhciBvZmZzZXRQYXJlbnQgPSBnZXRUcnVlT2Zmc2V0UGFyZW50KGVsZW1lbnQpO1xuXG4gIHdoaWxlIChvZmZzZXRQYXJlbnQgJiYgaXNUYWJsZUVsZW1lbnQob2Zmc2V0UGFyZW50KSAmJiBnZXRDb21wdXRlZFN0eWxlKG9mZnNldFBhcmVudCkucG9zaXRpb24gPT09ICdzdGF0aWMnKSB7XG4gICAgb2Zmc2V0UGFyZW50ID0gZ2V0VHJ1ZU9mZnNldFBhcmVudChvZmZzZXRQYXJlbnQpO1xuICB9XG5cbiAgaWYgKG9mZnNldFBhcmVudCAmJiAoZ2V0Tm9kZU5hbWUob2Zmc2V0UGFyZW50KSA9PT0gJ2h0bWwnIHx8IGdldE5vZGVOYW1lKG9mZnNldFBhcmVudCkgPT09ICdib2R5JyAmJiBnZXRDb21wdXRlZFN0eWxlKG9mZnNldFBhcmVudCkucG9zaXRpb24gPT09ICdzdGF0aWMnKSkge1xuICAgIHJldHVybiB3aW5kb3c7XG4gIH1cblxuICByZXR1cm4gb2Zmc2V0UGFyZW50IHx8IGdldENvbnRhaW5pbmdCbG9jayhlbGVtZW50KSB8fCB3aW5kb3c7XG59IiwiaW1wb3J0IGdldE5vZGVOYW1lIGZyb20gXCIuL2dldE5vZGVOYW1lLmpzXCI7XG5pbXBvcnQgZ2V0RG9jdW1lbnRFbGVtZW50IGZyb20gXCIuL2dldERvY3VtZW50RWxlbWVudC5qc1wiO1xuaW1wb3J0IHsgaXNTaGFkb3dSb290IH0gZnJvbSBcIi4vaW5zdGFuY2VPZi5qc1wiO1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gZ2V0UGFyZW50Tm9kZShlbGVtZW50KSB7XG4gIGlmIChnZXROb2RlTmFtZShlbGVtZW50KSA9PT0gJ2h0bWwnKSB7XG4gICAgcmV0dXJuIGVsZW1lbnQ7XG4gIH1cblxuICByZXR1cm4gKC8vIHRoaXMgaXMgYSBxdWlja2VyIChidXQgbGVzcyB0eXBlIHNhZmUpIHdheSB0byBzYXZlIHF1aXRlIHNvbWUgYnl0ZXMgZnJvbSB0aGUgYnVuZGxlXG4gICAgLy8gJEZsb3dGaXhNZVtpbmNvbXBhdGlibGUtcmV0dXJuXVxuICAgIC8vICRGbG93Rml4TWVbcHJvcC1taXNzaW5nXVxuICAgIGVsZW1lbnQuYXNzaWduZWRTbG90IHx8IC8vIHN0ZXAgaW50byB0aGUgc2hhZG93IERPTSBvZiB0aGUgcGFyZW50IG9mIGEgc2xvdHRlZCBub2RlXG4gICAgZWxlbWVudC5wYXJlbnROb2RlIHx8ICggLy8gRE9NIEVsZW1lbnQgZGV0ZWN0ZWRcbiAgICBpc1NoYWRvd1Jvb3QoZWxlbWVudCkgPyBlbGVtZW50Lmhvc3QgOiBudWxsKSB8fCAvLyBTaGFkb3dSb290IGRldGVjdGVkXG4gICAgLy8gJEZsb3dGaXhNZVtpbmNvbXBhdGlibGUtY2FsbF06IEhUTUxFbGVtZW50IGlzIGEgTm9kZVxuICAgIGdldERvY3VtZW50RWxlbWVudChlbGVtZW50KSAvLyBmYWxsYmFja1xuXG4gICk7XG59IiwiaW1wb3J0IGdldFBhcmVudE5vZGUgZnJvbSBcIi4vZ2V0UGFyZW50Tm9kZS5qc1wiO1xuaW1wb3J0IGlzU2Nyb2xsUGFyZW50IGZyb20gXCIuL2lzU2Nyb2xsUGFyZW50LmpzXCI7XG5pbXBvcnQgZ2V0Tm9kZU5hbWUgZnJvbSBcIi4vZ2V0Tm9kZU5hbWUuanNcIjtcbmltcG9ydCB7IGlzSFRNTEVsZW1lbnQgfSBmcm9tIFwiLi9pbnN0YW5jZU9mLmpzXCI7XG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBnZXRTY3JvbGxQYXJlbnQobm9kZSkge1xuICBpZiAoWydodG1sJywgJ2JvZHknLCAnI2RvY3VtZW50J10uaW5kZXhPZihnZXROb2RlTmFtZShub2RlKSkgPj0gMCkge1xuICAgIC8vICRGbG93Rml4TWVbaW5jb21wYXRpYmxlLXJldHVybl06IGFzc3VtZSBib2R5IGlzIGFsd2F5cyBhdmFpbGFibGVcbiAgICByZXR1cm4gbm9kZS5vd25lckRvY3VtZW50LmJvZHk7XG4gIH1cblxuICBpZiAoaXNIVE1MRWxlbWVudChub2RlKSAmJiBpc1Njcm9sbFBhcmVudChub2RlKSkge1xuICAgIHJldHVybiBub2RlO1xuICB9XG5cbiAgcmV0dXJuIGdldFNjcm9sbFBhcmVudChnZXRQYXJlbnROb2RlKG5vZGUpKTtcbn0iLCJpbXBvcnQgZ2V0V2luZG93IGZyb20gXCIuL2dldFdpbmRvdy5qc1wiO1xuaW1wb3J0IGdldERvY3VtZW50RWxlbWVudCBmcm9tIFwiLi9nZXREb2N1bWVudEVsZW1lbnQuanNcIjtcbmltcG9ydCBnZXRXaW5kb3dTY3JvbGxCYXJYIGZyb20gXCIuL2dldFdpbmRvd1Njcm9sbEJhclguanNcIjtcbmltcG9ydCBpc0xheW91dFZpZXdwb3J0IGZyb20gXCIuL2lzTGF5b3V0Vmlld3BvcnQuanNcIjtcbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGdldFZpZXdwb3J0UmVjdChlbGVtZW50LCBzdHJhdGVneSkge1xuICB2YXIgd2luID0gZ2V0V2luZG93KGVsZW1lbnQpO1xuICB2YXIgaHRtbCA9IGdldERvY3VtZW50RWxlbWVudChlbGVtZW50KTtcbiAgdmFyIHZpc3VhbFZpZXdwb3J0ID0gd2luLnZpc3VhbFZpZXdwb3J0O1xuICB2YXIgd2lkdGggPSBodG1sLmNsaWVudFdpZHRoO1xuICB2YXIgaGVpZ2h0ID0gaHRtbC5jbGllbnRIZWlnaHQ7XG4gIHZhciB4ID0gMDtcbiAgdmFyIHkgPSAwO1xuXG4gIGlmICh2aXN1YWxWaWV3cG9ydCkge1xuICAgIHdpZHRoID0gdmlzdWFsVmlld3BvcnQud2lkdGg7XG4gICAgaGVpZ2h0ID0gdmlzdWFsVmlld3BvcnQuaGVpZ2h0O1xuICAgIHZhciBsYXlvdXRWaWV3cG9ydCA9IGlzTGF5b3V0Vmlld3BvcnQoKTtcblxuICAgIGlmIChsYXlvdXRWaWV3cG9ydCB8fCAhbGF5b3V0Vmlld3BvcnQgJiYgc3RyYXRlZ3kgPT09ICdmaXhlZCcpIHtcbiAgICAgIHggPSB2aXN1YWxWaWV3cG9ydC5vZmZzZXRMZWZ0O1xuICAgICAgeSA9IHZpc3VhbFZpZXdwb3J0Lm9mZnNldFRvcDtcbiAgICB9XG4gIH1cblxuICByZXR1cm4ge1xuICAgIHdpZHRoOiB3aWR0aCxcbiAgICBoZWlnaHQ6IGhlaWdodCxcbiAgICB4OiB4ICsgZ2V0V2luZG93U2Nyb2xsQmFyWChlbGVtZW50KSxcbiAgICB5OiB5XG4gIH07XG59IiwiZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gZ2V0V2luZG93KG5vZGUpIHtcbiAgaWYgKG5vZGUgPT0gbnVsbCkge1xuICAgIHJldHVybiB3aW5kb3c7XG4gIH1cblxuICBpZiAobm9kZS50b1N0cmluZygpICE9PSAnW29iamVjdCBXaW5kb3ddJykge1xuICAgIHZhciBvd25lckRvY3VtZW50ID0gbm9kZS5vd25lckRvY3VtZW50O1xuICAgIHJldHVybiBvd25lckRvY3VtZW50ID8gb3duZXJEb2N1bWVudC5kZWZhdWx0VmlldyB8fCB3aW5kb3cgOiB3aW5kb3c7XG4gIH1cblxuICByZXR1cm4gbm9kZTtcbn0iLCJpbXBvcnQgZ2V0V2luZG93IGZyb20gXCIuL2dldFdpbmRvdy5qc1wiO1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gZ2V0V2luZG93U2Nyb2xsKG5vZGUpIHtcbiAgdmFyIHdpbiA9IGdldFdpbmRvdyhub2RlKTtcbiAgdmFyIHNjcm9sbExlZnQgPSB3aW4ucGFnZVhPZmZzZXQ7XG4gIHZhciBzY3JvbGxUb3AgPSB3aW4ucGFnZVlPZmZzZXQ7XG4gIHJldHVybiB7XG4gICAgc2Nyb2xsTGVmdDogc2Nyb2xsTGVmdCxcbiAgICBzY3JvbGxUb3A6IHNjcm9sbFRvcFxuICB9O1xufSIsImltcG9ydCBnZXRCb3VuZGluZ0NsaWVudFJlY3QgZnJvbSBcIi4vZ2V0Qm91bmRpbmdDbGllbnRSZWN0LmpzXCI7XG5pbXBvcnQgZ2V0RG9jdW1lbnRFbGVtZW50IGZyb20gXCIuL2dldERvY3VtZW50RWxlbWVudC5qc1wiO1xuaW1wb3J0IGdldFdpbmRvd1Njcm9sbCBmcm9tIFwiLi9nZXRXaW5kb3dTY3JvbGwuanNcIjtcbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGdldFdpbmRvd1Njcm9sbEJhclgoZWxlbWVudCkge1xuICAvLyBJZiA8aHRtbD4gaGFzIGEgQ1NTIHdpZHRoIGdyZWF0ZXIgdGhhbiB0aGUgdmlld3BvcnQsIHRoZW4gdGhpcyB3aWxsIGJlXG4gIC8vIGluY29ycmVjdCBmb3IgUlRMLlxuICAvLyBQb3BwZXIgMSBpcyBicm9rZW4gaW4gdGhpcyBjYXNlIGFuZCBuZXZlciBoYWQgYSBidWcgcmVwb3J0IHNvIGxldCdzIGFzc3VtZVxuICAvLyBpdCdzIG5vdCBhbiBpc3N1ZS4gSSBkb24ndCB0aGluayBhbnlvbmUgZXZlciBzcGVjaWZpZXMgd2lkdGggb24gPGh0bWw+XG4gIC8vIGFueXdheS5cbiAgLy8gQnJvd3NlcnMgd2hlcmUgdGhlIGxlZnQgc2Nyb2xsYmFyIGRvZXNuJ3QgY2F1c2UgYW4gaXNzdWUgcmVwb3J0IGAwYCBmb3JcbiAgLy8gdGhpcyAoZS5nLiBFZGdlIDIwMTksIElFMTEsIFNhZmFyaSlcbiAgcmV0dXJuIGdldEJvdW5kaW5nQ2xpZW50UmVjdChnZXREb2N1bWVudEVsZW1lbnQoZWxlbWVudCkpLmxlZnQgKyBnZXRXaW5kb3dTY3JvbGwoZWxlbWVudCkuc2Nyb2xsTGVmdDtcbn0iLCJpbXBvcnQgZ2V0V2luZG93IGZyb20gXCIuL2dldFdpbmRvdy5qc1wiO1xuXG5mdW5jdGlvbiBpc0VsZW1lbnQobm9kZSkge1xuICB2YXIgT3duRWxlbWVudCA9IGdldFdpbmRvdyhub2RlKS5FbGVtZW50O1xuICByZXR1cm4gbm9kZSBpbnN0YW5jZW9mIE93bkVsZW1lbnQgfHwgbm9kZSBpbnN0YW5jZW9mIEVsZW1lbnQ7XG59XG5cbmZ1bmN0aW9uIGlzSFRNTEVsZW1lbnQobm9kZSkge1xuICB2YXIgT3duRWxlbWVudCA9IGdldFdpbmRvdyhub2RlKS5IVE1MRWxlbWVudDtcbiAgcmV0dXJuIG5vZGUgaW5zdGFuY2VvZiBPd25FbGVtZW50IHx8IG5vZGUgaW5zdGFuY2VvZiBIVE1MRWxlbWVudDtcbn1cblxuZnVuY3Rpb24gaXNTaGFkb3dSb290KG5vZGUpIHtcbiAgLy8gSUUgMTEgaGFzIG5vIFNoYWRvd1Jvb3RcbiAgaWYgKHR5cGVvZiBTaGFkb3dSb290ID09PSAndW5kZWZpbmVkJykge1xuICAgIHJldHVybiBmYWxzZTtcbiAgfVxuXG4gIHZhciBPd25FbGVtZW50ID0gZ2V0V2luZG93KG5vZGUpLlNoYWRvd1Jvb3Q7XG4gIHJldHVybiBub2RlIGluc3RhbmNlb2YgT3duRWxlbWVudCB8fCBub2RlIGluc3RhbmNlb2YgU2hhZG93Um9vdDtcbn1cblxuZXhwb3J0IHsgaXNFbGVtZW50LCBpc0hUTUxFbGVtZW50LCBpc1NoYWRvd1Jvb3QgfTsiLCJpbXBvcnQgZ2V0VUFTdHJpbmcgZnJvbSBcIi4uL3V0aWxzL3VzZXJBZ2VudC5qc1wiO1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gaXNMYXlvdXRWaWV3cG9ydCgpIHtcbiAgcmV0dXJuICEvXigoPyFjaHJvbWV8YW5kcm9pZCkuKSpzYWZhcmkvaS50ZXN0KGdldFVBU3RyaW5nKCkpO1xufSIsImltcG9ydCBnZXRDb21wdXRlZFN0eWxlIGZyb20gXCIuL2dldENvbXB1dGVkU3R5bGUuanNcIjtcbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGlzU2Nyb2xsUGFyZW50KGVsZW1lbnQpIHtcbiAgLy8gRmlyZWZveCB3YW50cyB1cyB0byBjaGVjayBgLXhgIGFuZCBgLXlgIHZhcmlhdGlvbnMgYXMgd2VsbFxuICB2YXIgX2dldENvbXB1dGVkU3R5bGUgPSBnZXRDb21wdXRlZFN0eWxlKGVsZW1lbnQpLFxuICAgICAgb3ZlcmZsb3cgPSBfZ2V0Q29tcHV0ZWRTdHlsZS5vdmVyZmxvdyxcbiAgICAgIG92ZXJmbG93WCA9IF9nZXRDb21wdXRlZFN0eWxlLm92ZXJmbG93WCxcbiAgICAgIG92ZXJmbG93WSA9IF9nZXRDb21wdXRlZFN0eWxlLm92ZXJmbG93WTtcblxuICByZXR1cm4gL2F1dG98c2Nyb2xsfG92ZXJsYXl8aGlkZGVuLy50ZXN0KG92ZXJmbG93ICsgb3ZlcmZsb3dZICsgb3ZlcmZsb3dYKTtcbn0iLCJpbXBvcnQgZ2V0Tm9kZU5hbWUgZnJvbSBcIi4vZ2V0Tm9kZU5hbWUuanNcIjtcbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGlzVGFibGVFbGVtZW50KGVsZW1lbnQpIHtcbiAgcmV0dXJuIFsndGFibGUnLCAndGQnLCAndGgnXS5pbmRleE9mKGdldE5vZGVOYW1lKGVsZW1lbnQpKSA+PSAwO1xufSIsImltcG9ydCBnZXRTY3JvbGxQYXJlbnQgZnJvbSBcIi4vZ2V0U2Nyb2xsUGFyZW50LmpzXCI7XG5pbXBvcnQgZ2V0UGFyZW50Tm9kZSBmcm9tIFwiLi9nZXRQYXJlbnROb2RlLmpzXCI7XG5pbXBvcnQgZ2V0V2luZG93IGZyb20gXCIuL2dldFdpbmRvdy5qc1wiO1xuaW1wb3J0IGlzU2Nyb2xsUGFyZW50IGZyb20gXCIuL2lzU2Nyb2xsUGFyZW50LmpzXCI7XG4vKlxuZ2l2ZW4gYSBET00gZWxlbWVudCwgcmV0dXJuIHRoZSBsaXN0IG9mIGFsbCBzY3JvbGwgcGFyZW50cywgdXAgdGhlIGxpc3Qgb2YgYW5jZXNvcnNcbnVudGlsIHdlIGdldCB0byB0aGUgdG9wIHdpbmRvdyBvYmplY3QuIFRoaXMgbGlzdCBpcyB3aGF0IHdlIGF0dGFjaCBzY3JvbGwgbGlzdGVuZXJzXG50bywgYmVjYXVzZSBpZiBhbnkgb2YgdGhlc2UgcGFyZW50IGVsZW1lbnRzIHNjcm9sbCwgd2UnbGwgbmVlZCB0byByZS1jYWxjdWxhdGUgdGhlXG5yZWZlcmVuY2UgZWxlbWVudCdzIHBvc2l0aW9uLlxuKi9cblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gbGlzdFNjcm9sbFBhcmVudHMoZWxlbWVudCwgbGlzdCkge1xuICB2YXIgX2VsZW1lbnQkb3duZXJEb2N1bWVuO1xuXG4gIGlmIChsaXN0ID09PSB2b2lkIDApIHtcbiAgICBsaXN0ID0gW107XG4gIH1cblxuICB2YXIgc2Nyb2xsUGFyZW50ID0gZ2V0U2Nyb2xsUGFyZW50KGVsZW1lbnQpO1xuICB2YXIgaXNCb2R5ID0gc2Nyb2xsUGFyZW50ID09PSAoKF9lbGVtZW50JG93bmVyRG9jdW1lbiA9IGVsZW1lbnQub3duZXJEb2N1bWVudCkgPT0gbnVsbCA/IHZvaWQgMCA6IF9lbGVtZW50JG93bmVyRG9jdW1lbi5ib2R5KTtcbiAgdmFyIHdpbiA9IGdldFdpbmRvdyhzY3JvbGxQYXJlbnQpO1xuICB2YXIgdGFyZ2V0ID0gaXNCb2R5ID8gW3dpbl0uY29uY2F0KHdpbi52aXN1YWxWaWV3cG9ydCB8fCBbXSwgaXNTY3JvbGxQYXJlbnQoc2Nyb2xsUGFyZW50KSA/IHNjcm9sbFBhcmVudCA6IFtdKSA6IHNjcm9sbFBhcmVudDtcbiAgdmFyIHVwZGF0ZWRMaXN0ID0gbGlzdC5jb25jYXQodGFyZ2V0KTtcbiAgcmV0dXJuIGlzQm9keSA/IHVwZGF0ZWRMaXN0IDogLy8gJEZsb3dGaXhNZVtpbmNvbXBhdGlibGUtY2FsbF06IGlzQm9keSB0ZWxscyB1cyB0YXJnZXQgd2lsbCBiZSBhbiBIVE1MRWxlbWVudCBoZXJlXG4gIHVwZGF0ZWRMaXN0LmNvbmNhdChsaXN0U2Nyb2xsUGFyZW50cyhnZXRQYXJlbnROb2RlKHRhcmdldCkpKTtcbn0iLCJleHBvcnQgdmFyIHRvcCA9ICd0b3AnO1xuZXhwb3J0IHZhciBib3R0b20gPSAnYm90dG9tJztcbmV4cG9ydCB2YXIgcmlnaHQgPSAncmlnaHQnO1xuZXhwb3J0IHZhciBsZWZ0ID0gJ2xlZnQnO1xuZXhwb3J0IHZhciBhdXRvID0gJ2F1dG8nO1xuZXhwb3J0IHZhciBiYXNlUGxhY2VtZW50cyA9IFt0b3AsIGJvdHRvbSwgcmlnaHQsIGxlZnRdO1xuZXhwb3J0IHZhciBzdGFydCA9ICdzdGFydCc7XG5leHBvcnQgdmFyIGVuZCA9ICdlbmQnO1xuZXhwb3J0IHZhciBjbGlwcGluZ1BhcmVudHMgPSAnY2xpcHBpbmdQYXJlbnRzJztcbmV4cG9ydCB2YXIgdmlld3BvcnQgPSAndmlld3BvcnQnO1xuZXhwb3J0IHZhciBwb3BwZXIgPSAncG9wcGVyJztcbmV4cG9ydCB2YXIgcmVmZXJlbmNlID0gJ3JlZmVyZW5jZSc7XG5leHBvcnQgdmFyIHZhcmlhdGlvblBsYWNlbWVudHMgPSAvKiNfX1BVUkVfXyovYmFzZVBsYWNlbWVudHMucmVkdWNlKGZ1bmN0aW9uIChhY2MsIHBsYWNlbWVudCkge1xuICByZXR1cm4gYWNjLmNvbmNhdChbcGxhY2VtZW50ICsgXCItXCIgKyBzdGFydCwgcGxhY2VtZW50ICsgXCItXCIgKyBlbmRdKTtcbn0sIFtdKTtcbmV4cG9ydCB2YXIgcGxhY2VtZW50cyA9IC8qI19fUFVSRV9fKi9bXS5jb25jYXQoYmFzZVBsYWNlbWVudHMsIFthdXRvXSkucmVkdWNlKGZ1bmN0aW9uIChhY2MsIHBsYWNlbWVudCkge1xuICByZXR1cm4gYWNjLmNvbmNhdChbcGxhY2VtZW50LCBwbGFjZW1lbnQgKyBcIi1cIiArIHN0YXJ0LCBwbGFjZW1lbnQgKyBcIi1cIiArIGVuZF0pO1xufSwgW10pOyAvLyBtb2RpZmllcnMgdGhhdCBuZWVkIHRvIHJlYWQgdGhlIERPTVxuXG5leHBvcnQgdmFyIGJlZm9yZVJlYWQgPSAnYmVmb3JlUmVhZCc7XG5leHBvcnQgdmFyIHJlYWQgPSAncmVhZCc7XG5leHBvcnQgdmFyIGFmdGVyUmVhZCA9ICdhZnRlclJlYWQnOyAvLyBwdXJlLWxvZ2ljIG1vZGlmaWVyc1xuXG5leHBvcnQgdmFyIGJlZm9yZU1haW4gPSAnYmVmb3JlTWFpbic7XG5leHBvcnQgdmFyIG1haW4gPSAnbWFpbic7XG5leHBvcnQgdmFyIGFmdGVyTWFpbiA9ICdhZnRlck1haW4nOyAvLyBtb2RpZmllciB3aXRoIHRoZSBwdXJwb3NlIHRvIHdyaXRlIHRvIHRoZSBET00gKG9yIHdyaXRlIGludG8gYSBmcmFtZXdvcmsgc3RhdGUpXG5cbmV4cG9ydCB2YXIgYmVmb3JlV3JpdGUgPSAnYmVmb3JlV3JpdGUnO1xuZXhwb3J0IHZhciB3cml0ZSA9ICd3cml0ZSc7XG5leHBvcnQgdmFyIGFmdGVyV3JpdGUgPSAnYWZ0ZXJXcml0ZSc7XG5leHBvcnQgdmFyIG1vZGlmaWVyUGhhc2VzID0gW2JlZm9yZVJlYWQsIHJlYWQsIGFmdGVyUmVhZCwgYmVmb3JlTWFpbiwgbWFpbiwgYWZ0ZXJNYWluLCBiZWZvcmVXcml0ZSwgd3JpdGUsIGFmdGVyV3JpdGVdOyIsImltcG9ydCBnZXROb2RlTmFtZSBmcm9tIFwiLi4vZG9tLXV0aWxzL2dldE5vZGVOYW1lLmpzXCI7XG5pbXBvcnQgeyBpc0hUTUxFbGVtZW50IH0gZnJvbSBcIi4uL2RvbS11dGlscy9pbnN0YW5jZU9mLmpzXCI7IC8vIFRoaXMgbW9kaWZpZXIgdGFrZXMgdGhlIHN0eWxlcyBwcmVwYXJlZCBieSB0aGUgYGNvbXB1dGVTdHlsZXNgIG1vZGlmaWVyXG4vLyBhbmQgYXBwbGllcyB0aGVtIHRvIHRoZSBIVE1MRWxlbWVudHMgc3VjaCBhcyBwb3BwZXIgYW5kIGFycm93XG5cbmZ1bmN0aW9uIGFwcGx5U3R5bGVzKF9yZWYpIHtcbiAgdmFyIHN0YXRlID0gX3JlZi5zdGF0ZTtcbiAgT2JqZWN0LmtleXMoc3RhdGUuZWxlbWVudHMpLmZvckVhY2goZnVuY3Rpb24gKG5hbWUpIHtcbiAgICB2YXIgc3R5bGUgPSBzdGF0ZS5zdHlsZXNbbmFtZV0gfHwge307XG4gICAgdmFyIGF0dHJpYnV0ZXMgPSBzdGF0ZS5hdHRyaWJ1dGVzW25hbWVdIHx8IHt9O1xuICAgIHZhciBlbGVtZW50ID0gc3RhdGUuZWxlbWVudHNbbmFtZV07IC8vIGFycm93IGlzIG9wdGlvbmFsICsgdmlydHVhbCBlbGVtZW50c1xuXG4gICAgaWYgKCFpc0hUTUxFbGVtZW50KGVsZW1lbnQpIHx8ICFnZXROb2RlTmFtZShlbGVtZW50KSkge1xuICAgICAgcmV0dXJuO1xuICAgIH0gLy8gRmxvdyBkb2Vzbid0IHN1cHBvcnQgdG8gZXh0ZW5kIHRoaXMgcHJvcGVydHksIGJ1dCBpdCdzIHRoZSBtb3N0XG4gICAgLy8gZWZmZWN0aXZlIHdheSB0byBhcHBseSBzdHlsZXMgdG8gYW4gSFRNTEVsZW1lbnRcbiAgICAvLyAkRmxvd0ZpeE1lW2Nhbm5vdC13cml0ZV1cblxuXG4gICAgT2JqZWN0LmFzc2lnbihlbGVtZW50LnN0eWxlLCBzdHlsZSk7XG4gICAgT2JqZWN0LmtleXMoYXR0cmlidXRlcykuZm9yRWFjaChmdW5jdGlvbiAobmFtZSkge1xuICAgICAgdmFyIHZhbHVlID0gYXR0cmlidXRlc1tuYW1lXTtcblxuICAgICAgaWYgKHZhbHVlID09PSBmYWxzZSkge1xuICAgICAgICBlbGVtZW50LnJlbW92ZUF0dHJpYnV0ZShuYW1lKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGVsZW1lbnQuc2V0QXR0cmlidXRlKG5hbWUsIHZhbHVlID09PSB0cnVlID8gJycgOiB2YWx1ZSk7XG4gICAgICB9XG4gICAgfSk7XG4gIH0pO1xufVxuXG5mdW5jdGlvbiBlZmZlY3QoX3JlZjIpIHtcbiAgdmFyIHN0YXRlID0gX3JlZjIuc3RhdGU7XG4gIHZhciBpbml0aWFsU3R5bGVzID0ge1xuICAgIHBvcHBlcjoge1xuICAgICAgcG9zaXRpb246IHN0YXRlLm9wdGlvbnMuc3RyYXRlZ3ksXG4gICAgICBsZWZ0OiAnMCcsXG4gICAgICB0b3A6ICcwJyxcbiAgICAgIG1hcmdpbjogJzAnXG4gICAgfSxcbiAgICBhcnJvdzoge1xuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZSdcbiAgICB9LFxuICAgIHJlZmVyZW5jZToge31cbiAgfTtcbiAgT2JqZWN0LmFzc2lnbihzdGF0ZS5lbGVtZW50cy5wb3BwZXIuc3R5bGUsIGluaXRpYWxTdHlsZXMucG9wcGVyKTtcbiAgc3RhdGUuc3R5bGVzID0gaW5pdGlhbFN0eWxlcztcblxuICBpZiAoc3RhdGUuZWxlbWVudHMuYXJyb3cpIHtcbiAgICBPYmplY3QuYXNzaWduKHN0YXRlLmVsZW1lbnRzLmFycm93LnN0eWxlLCBpbml0aWFsU3R5bGVzLmFycm93KTtcbiAgfVxuXG4gIHJldHVybiBmdW5jdGlvbiAoKSB7XG4gICAgT2JqZWN0LmtleXMoc3RhdGUuZWxlbWVudHMpLmZvckVhY2goZnVuY3Rpb24gKG5hbWUpIHtcbiAgICAgIHZhciBlbGVtZW50ID0gc3RhdGUuZWxlbWVudHNbbmFtZV07XG4gICAgICB2YXIgYXR0cmlidXRlcyA9IHN0YXRlLmF0dHJpYnV0ZXNbbmFtZV0gfHwge307XG4gICAgICB2YXIgc3R5bGVQcm9wZXJ0aWVzID0gT2JqZWN0LmtleXMoc3RhdGUuc3R5bGVzLmhhc093blByb3BlcnR5KG5hbWUpID8gc3RhdGUuc3R5bGVzW25hbWVdIDogaW5pdGlhbFN0eWxlc1tuYW1lXSk7IC8vIFNldCBhbGwgdmFsdWVzIHRvIGFuIGVtcHR5IHN0cmluZyB0byB1bnNldCB0aGVtXG5cbiAgICAgIHZhciBzdHlsZSA9IHN0eWxlUHJvcGVydGllcy5yZWR1Y2UoZnVuY3Rpb24gKHN0eWxlLCBwcm9wZXJ0eSkge1xuICAgICAgICBzdHlsZVtwcm9wZXJ0eV0gPSAnJztcbiAgICAgICAgcmV0dXJuIHN0eWxlO1xuICAgICAgfSwge30pOyAvLyBhcnJvdyBpcyBvcHRpb25hbCArIHZpcnR1YWwgZWxlbWVudHNcblxuICAgICAgaWYgKCFpc0hUTUxFbGVtZW50KGVsZW1lbnQpIHx8ICFnZXROb2RlTmFtZShlbGVtZW50KSkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIE9iamVjdC5hc3NpZ24oZWxlbWVudC5zdHlsZSwgc3R5bGUpO1xuICAgICAgT2JqZWN0LmtleXMoYXR0cmlidXRlcykuZm9yRWFjaChmdW5jdGlvbiAoYXR0cmlidXRlKSB7XG4gICAgICAgIGVsZW1lbnQucmVtb3ZlQXR0cmlidXRlKGF0dHJpYnV0ZSk7XG4gICAgICB9KTtcbiAgICB9KTtcbiAgfTtcbn0gLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9uby11bnVzZWQtbW9kdWxlc1xuXG5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgbmFtZTogJ2FwcGx5U3R5bGVzJyxcbiAgZW5hYmxlZDogdHJ1ZSxcbiAgcGhhc2U6ICd3cml0ZScsXG4gIGZuOiBhcHBseVN0eWxlcyxcbiAgZWZmZWN0OiBlZmZlY3QsXG4gIHJlcXVpcmVzOiBbJ2NvbXB1dGVTdHlsZXMnXVxufTsiLCJpbXBvcnQgZ2V0QmFzZVBsYWNlbWVudCBmcm9tIFwiLi4vdXRpbHMvZ2V0QmFzZVBsYWNlbWVudC5qc1wiO1xuaW1wb3J0IGdldExheW91dFJlY3QgZnJvbSBcIi4uL2RvbS11dGlscy9nZXRMYXlvdXRSZWN0LmpzXCI7XG5pbXBvcnQgY29udGFpbnMgZnJvbSBcIi4uL2RvbS11dGlscy9jb250YWlucy5qc1wiO1xuaW1wb3J0IGdldE9mZnNldFBhcmVudCBmcm9tIFwiLi4vZG9tLXV0aWxzL2dldE9mZnNldFBhcmVudC5qc1wiO1xuaW1wb3J0IGdldE1haW5BeGlzRnJvbVBsYWNlbWVudCBmcm9tIFwiLi4vdXRpbHMvZ2V0TWFpbkF4aXNGcm9tUGxhY2VtZW50LmpzXCI7XG5pbXBvcnQgeyB3aXRoaW4gfSBmcm9tIFwiLi4vdXRpbHMvd2l0aGluLmpzXCI7XG5pbXBvcnQgbWVyZ2VQYWRkaW5nT2JqZWN0IGZyb20gXCIuLi91dGlscy9tZXJnZVBhZGRpbmdPYmplY3QuanNcIjtcbmltcG9ydCBleHBhbmRUb0hhc2hNYXAgZnJvbSBcIi4uL3V0aWxzL2V4cGFuZFRvSGFzaE1hcC5qc1wiO1xuaW1wb3J0IHsgbGVmdCwgcmlnaHQsIGJhc2VQbGFjZW1lbnRzLCB0b3AsIGJvdHRvbSB9IGZyb20gXCIuLi9lbnVtcy5qc1wiOyAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgaW1wb3J0L25vLXVudXNlZC1tb2R1bGVzXG5cbnZhciB0b1BhZGRpbmdPYmplY3QgPSBmdW5jdGlvbiB0b1BhZGRpbmdPYmplY3QocGFkZGluZywgc3RhdGUpIHtcbiAgcGFkZGluZyA9IHR5cGVvZiBwYWRkaW5nID09PSAnZnVuY3Rpb24nID8gcGFkZGluZyhPYmplY3QuYXNzaWduKHt9LCBzdGF0ZS5yZWN0cywge1xuICAgIHBsYWNlbWVudDogc3RhdGUucGxhY2VtZW50XG4gIH0pKSA6IHBhZGRpbmc7XG4gIHJldHVybiBtZXJnZVBhZGRpbmdPYmplY3QodHlwZW9mIHBhZGRpbmcgIT09ICdudW1iZXInID8gcGFkZGluZyA6IGV4cGFuZFRvSGFzaE1hcChwYWRkaW5nLCBiYXNlUGxhY2VtZW50cykpO1xufTtcblxuZnVuY3Rpb24gYXJyb3coX3JlZikge1xuICB2YXIgX3N0YXRlJG1vZGlmaWVyc0RhdGEkO1xuXG4gIHZhciBzdGF0ZSA9IF9yZWYuc3RhdGUsXG4gICAgICBuYW1lID0gX3JlZi5uYW1lLFxuICAgICAgb3B0aW9ucyA9IF9yZWYub3B0aW9ucztcbiAgdmFyIGFycm93RWxlbWVudCA9IHN0YXRlLmVsZW1lbnRzLmFycm93O1xuICB2YXIgcG9wcGVyT2Zmc2V0cyA9IHN0YXRlLm1vZGlmaWVyc0RhdGEucG9wcGVyT2Zmc2V0cztcbiAgdmFyIGJhc2VQbGFjZW1lbnQgPSBnZXRCYXNlUGxhY2VtZW50KHN0YXRlLnBsYWNlbWVudCk7XG4gIHZhciBheGlzID0gZ2V0TWFpbkF4aXNGcm9tUGxhY2VtZW50KGJhc2VQbGFjZW1lbnQpO1xuICB2YXIgaXNWZXJ0aWNhbCA9IFtsZWZ0LCByaWdodF0uaW5kZXhPZihiYXNlUGxhY2VtZW50KSA+PSAwO1xuICB2YXIgbGVuID0gaXNWZXJ0aWNhbCA/ICdoZWlnaHQnIDogJ3dpZHRoJztcblxuICBpZiAoIWFycm93RWxlbWVudCB8fCAhcG9wcGVyT2Zmc2V0cykge1xuICAgIHJldHVybjtcbiAgfVxuXG4gIHZhciBwYWRkaW5nT2JqZWN0ID0gdG9QYWRkaW5nT2JqZWN0KG9wdGlvbnMucGFkZGluZywgc3RhdGUpO1xuICB2YXIgYXJyb3dSZWN0ID0gZ2V0TGF5b3V0UmVjdChhcnJvd0VsZW1lbnQpO1xuICB2YXIgbWluUHJvcCA9IGF4aXMgPT09ICd5JyA/IHRvcCA6IGxlZnQ7XG4gIHZhciBtYXhQcm9wID0gYXhpcyA9PT0gJ3knID8gYm90dG9tIDogcmlnaHQ7XG4gIHZhciBlbmREaWZmID0gc3RhdGUucmVjdHMucmVmZXJlbmNlW2xlbl0gKyBzdGF0ZS5yZWN0cy5yZWZlcmVuY2VbYXhpc10gLSBwb3BwZXJPZmZzZXRzW2F4aXNdIC0gc3RhdGUucmVjdHMucG9wcGVyW2xlbl07XG4gIHZhciBzdGFydERpZmYgPSBwb3BwZXJPZmZzZXRzW2F4aXNdIC0gc3RhdGUucmVjdHMucmVmZXJlbmNlW2F4aXNdO1xuICB2YXIgYXJyb3dPZmZzZXRQYXJlbnQgPSBnZXRPZmZzZXRQYXJlbnQoYXJyb3dFbGVtZW50KTtcbiAgdmFyIGNsaWVudFNpemUgPSBhcnJvd09mZnNldFBhcmVudCA/IGF4aXMgPT09ICd5JyA/IGFycm93T2Zmc2V0UGFyZW50LmNsaWVudEhlaWdodCB8fCAwIDogYXJyb3dPZmZzZXRQYXJlbnQuY2xpZW50V2lkdGggfHwgMCA6IDA7XG4gIHZhciBjZW50ZXJUb1JlZmVyZW5jZSA9IGVuZERpZmYgLyAyIC0gc3RhcnREaWZmIC8gMjsgLy8gTWFrZSBzdXJlIHRoZSBhcnJvdyBkb2Vzbid0IG92ZXJmbG93IHRoZSBwb3BwZXIgaWYgdGhlIGNlbnRlciBwb2ludCBpc1xuICAvLyBvdXRzaWRlIG9mIHRoZSBwb3BwZXIgYm91bmRzXG5cbiAgdmFyIG1pbiA9IHBhZGRpbmdPYmplY3RbbWluUHJvcF07XG4gIHZhciBtYXggPSBjbGllbnRTaXplIC0gYXJyb3dSZWN0W2xlbl0gLSBwYWRkaW5nT2JqZWN0W21heFByb3BdO1xuICB2YXIgY2VudGVyID0gY2xpZW50U2l6ZSAvIDIgLSBhcnJvd1JlY3RbbGVuXSAvIDIgKyBjZW50ZXJUb1JlZmVyZW5jZTtcbiAgdmFyIG9mZnNldCA9IHdpdGhpbihtaW4sIGNlbnRlciwgbWF4KTsgLy8gUHJldmVudHMgYnJlYWtpbmcgc3ludGF4IGhpZ2hsaWdodGluZy4uLlxuXG4gIHZhciBheGlzUHJvcCA9IGF4aXM7XG4gIHN0YXRlLm1vZGlmaWVyc0RhdGFbbmFtZV0gPSAoX3N0YXRlJG1vZGlmaWVyc0RhdGEkID0ge30sIF9zdGF0ZSRtb2RpZmllcnNEYXRhJFtheGlzUHJvcF0gPSBvZmZzZXQsIF9zdGF0ZSRtb2RpZmllcnNEYXRhJC5jZW50ZXJPZmZzZXQgPSBvZmZzZXQgLSBjZW50ZXIsIF9zdGF0ZSRtb2RpZmllcnNEYXRhJCk7XG59XG5cbmZ1bmN0aW9uIGVmZmVjdChfcmVmMikge1xuICB2YXIgc3RhdGUgPSBfcmVmMi5zdGF0ZSxcbiAgICAgIG9wdGlvbnMgPSBfcmVmMi5vcHRpb25zO1xuICB2YXIgX29wdGlvbnMkZWxlbWVudCA9IG9wdGlvbnMuZWxlbWVudCxcbiAgICAgIGFycm93RWxlbWVudCA9IF9vcHRpb25zJGVsZW1lbnQgPT09IHZvaWQgMCA/ICdbZGF0YS1wb3BwZXItYXJyb3ddJyA6IF9vcHRpb25zJGVsZW1lbnQ7XG5cbiAgaWYgKGFycm93RWxlbWVudCA9PSBudWxsKSB7XG4gICAgcmV0dXJuO1xuICB9IC8vIENTUyBzZWxlY3RvclxuXG5cbiAgaWYgKHR5cGVvZiBhcnJvd0VsZW1lbnQgPT09ICdzdHJpbmcnKSB7XG4gICAgYXJyb3dFbGVtZW50ID0gc3RhdGUuZWxlbWVudHMucG9wcGVyLnF1ZXJ5U2VsZWN0b3IoYXJyb3dFbGVtZW50KTtcblxuICAgIGlmICghYXJyb3dFbGVtZW50KSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICB9XG5cbiAgaWYgKCFjb250YWlucyhzdGF0ZS5lbGVtZW50cy5wb3BwZXIsIGFycm93RWxlbWVudCkpIHtcbiAgICByZXR1cm47XG4gIH1cblxuICBzdGF0ZS5lbGVtZW50cy5hcnJvdyA9IGFycm93RWxlbWVudDtcbn0gLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9uby11bnVzZWQtbW9kdWxlc1xuXG5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgbmFtZTogJ2Fycm93JyxcbiAgZW5hYmxlZDogdHJ1ZSxcbiAgcGhhc2U6ICdtYWluJyxcbiAgZm46IGFycm93LFxuICBlZmZlY3Q6IGVmZmVjdCxcbiAgcmVxdWlyZXM6IFsncG9wcGVyT2Zmc2V0cyddLFxuICByZXF1aXJlc0lmRXhpc3RzOiBbJ3ByZXZlbnRPdmVyZmxvdyddXG59OyIsImltcG9ydCB7IHRvcCwgbGVmdCwgcmlnaHQsIGJvdHRvbSwgZW5kIH0gZnJvbSBcIi4uL2VudW1zLmpzXCI7XG5pbXBvcnQgZ2V0T2Zmc2V0UGFyZW50IGZyb20gXCIuLi9kb20tdXRpbHMvZ2V0T2Zmc2V0UGFyZW50LmpzXCI7XG5pbXBvcnQgZ2V0V2luZG93IGZyb20gXCIuLi9kb20tdXRpbHMvZ2V0V2luZG93LmpzXCI7XG5pbXBvcnQgZ2V0RG9jdW1lbnRFbGVtZW50IGZyb20gXCIuLi9kb20tdXRpbHMvZ2V0RG9jdW1lbnRFbGVtZW50LmpzXCI7XG5pbXBvcnQgZ2V0Q29tcHV0ZWRTdHlsZSBmcm9tIFwiLi4vZG9tLXV0aWxzL2dldENvbXB1dGVkU3R5bGUuanNcIjtcbmltcG9ydCBnZXRCYXNlUGxhY2VtZW50IGZyb20gXCIuLi91dGlscy9nZXRCYXNlUGxhY2VtZW50LmpzXCI7XG5pbXBvcnQgZ2V0VmFyaWF0aW9uIGZyb20gXCIuLi91dGlscy9nZXRWYXJpYXRpb24uanNcIjtcbmltcG9ydCB7IHJvdW5kIH0gZnJvbSBcIi4uL3V0aWxzL21hdGguanNcIjsgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9uby11bnVzZWQtbW9kdWxlc1xuXG52YXIgdW5zZXRTaWRlcyA9IHtcbiAgdG9wOiAnYXV0bycsXG4gIHJpZ2h0OiAnYXV0bycsXG4gIGJvdHRvbTogJ2F1dG8nLFxuICBsZWZ0OiAnYXV0bydcbn07IC8vIFJvdW5kIHRoZSBvZmZzZXRzIHRvIHRoZSBuZWFyZXN0IHN1aXRhYmxlIHN1YnBpeGVsIGJhc2VkIG9uIHRoZSBEUFIuXG4vLyBab29taW5nIGNhbiBjaGFuZ2UgdGhlIERQUiwgYnV0IGl0IHNlZW1zIHRvIHJlcG9ydCBhIHZhbHVlIHRoYXQgd2lsbFxuLy8gY2xlYW5seSBkaXZpZGUgdGhlIHZhbHVlcyBpbnRvIHRoZSBhcHByb3ByaWF0ZSBzdWJwaXhlbHMuXG5cbmZ1bmN0aW9uIHJvdW5kT2Zmc2V0c0J5RFBSKF9yZWYsIHdpbikge1xuICB2YXIgeCA9IF9yZWYueCxcbiAgICAgIHkgPSBfcmVmLnk7XG4gIHZhciBkcHIgPSB3aW4uZGV2aWNlUGl4ZWxSYXRpbyB8fCAxO1xuICByZXR1cm4ge1xuICAgIHg6IHJvdW5kKHggKiBkcHIpIC8gZHByIHx8IDAsXG4gICAgeTogcm91bmQoeSAqIGRwcikgLyBkcHIgfHwgMFxuICB9O1xufVxuXG5leHBvcnQgZnVuY3Rpb24gbWFwVG9TdHlsZXMoX3JlZjIpIHtcbiAgdmFyIF9PYmplY3QkYXNzaWduMjtcblxuICB2YXIgcG9wcGVyID0gX3JlZjIucG9wcGVyLFxuICAgICAgcG9wcGVyUmVjdCA9IF9yZWYyLnBvcHBlclJlY3QsXG4gICAgICBwbGFjZW1lbnQgPSBfcmVmMi5wbGFjZW1lbnQsXG4gICAgICB2YXJpYXRpb24gPSBfcmVmMi52YXJpYXRpb24sXG4gICAgICBvZmZzZXRzID0gX3JlZjIub2Zmc2V0cyxcbiAgICAgIHBvc2l0aW9uID0gX3JlZjIucG9zaXRpb24sXG4gICAgICBncHVBY2NlbGVyYXRpb24gPSBfcmVmMi5ncHVBY2NlbGVyYXRpb24sXG4gICAgICBhZGFwdGl2ZSA9IF9yZWYyLmFkYXB0aXZlLFxuICAgICAgcm91bmRPZmZzZXRzID0gX3JlZjIucm91bmRPZmZzZXRzLFxuICAgICAgaXNGaXhlZCA9IF9yZWYyLmlzRml4ZWQ7XG4gIHZhciBfb2Zmc2V0cyR4ID0gb2Zmc2V0cy54LFxuICAgICAgeCA9IF9vZmZzZXRzJHggPT09IHZvaWQgMCA/IDAgOiBfb2Zmc2V0cyR4LFxuICAgICAgX29mZnNldHMkeSA9IG9mZnNldHMueSxcbiAgICAgIHkgPSBfb2Zmc2V0cyR5ID09PSB2b2lkIDAgPyAwIDogX29mZnNldHMkeTtcblxuICB2YXIgX3JlZjMgPSB0eXBlb2Ygcm91bmRPZmZzZXRzID09PSAnZnVuY3Rpb24nID8gcm91bmRPZmZzZXRzKHtcbiAgICB4OiB4LFxuICAgIHk6IHlcbiAgfSkgOiB7XG4gICAgeDogeCxcbiAgICB5OiB5XG4gIH07XG5cbiAgeCA9IF9yZWYzLng7XG4gIHkgPSBfcmVmMy55O1xuICB2YXIgaGFzWCA9IG9mZnNldHMuaGFzT3duUHJvcGVydHkoJ3gnKTtcbiAgdmFyIGhhc1kgPSBvZmZzZXRzLmhhc093blByb3BlcnR5KCd5Jyk7XG4gIHZhciBzaWRlWCA9IGxlZnQ7XG4gIHZhciBzaWRlWSA9IHRvcDtcbiAgdmFyIHdpbiA9IHdpbmRvdztcblxuICBpZiAoYWRhcHRpdmUpIHtcbiAgICB2YXIgb2Zmc2V0UGFyZW50ID0gZ2V0T2Zmc2V0UGFyZW50KHBvcHBlcik7XG4gICAgdmFyIGhlaWdodFByb3AgPSAnY2xpZW50SGVpZ2h0JztcbiAgICB2YXIgd2lkdGhQcm9wID0gJ2NsaWVudFdpZHRoJztcblxuICAgIGlmIChvZmZzZXRQYXJlbnQgPT09IGdldFdpbmRvdyhwb3BwZXIpKSB7XG4gICAgICBvZmZzZXRQYXJlbnQgPSBnZXREb2N1bWVudEVsZW1lbnQocG9wcGVyKTtcblxuICAgICAgaWYgKGdldENvbXB1dGVkU3R5bGUob2Zmc2V0UGFyZW50KS5wb3NpdGlvbiAhPT0gJ3N0YXRpYycgJiYgcG9zaXRpb24gPT09ICdhYnNvbHV0ZScpIHtcbiAgICAgICAgaGVpZ2h0UHJvcCA9ICdzY3JvbGxIZWlnaHQnO1xuICAgICAgICB3aWR0aFByb3AgPSAnc2Nyb2xsV2lkdGgnO1xuICAgICAgfVxuICAgIH0gLy8gJEZsb3dGaXhNZVtpbmNvbXBhdGlibGUtY2FzdF06IGZvcmNlIHR5cGUgcmVmaW5lbWVudCwgd2UgY29tcGFyZSBvZmZzZXRQYXJlbnQgd2l0aCB3aW5kb3cgYWJvdmUsIGJ1dCBGbG93IGRvZXNuJ3QgZGV0ZWN0IGl0XG5cblxuICAgIG9mZnNldFBhcmVudCA9IG9mZnNldFBhcmVudDtcblxuICAgIGlmIChwbGFjZW1lbnQgPT09IHRvcCB8fCAocGxhY2VtZW50ID09PSBsZWZ0IHx8IHBsYWNlbWVudCA9PT0gcmlnaHQpICYmIHZhcmlhdGlvbiA9PT0gZW5kKSB7XG4gICAgICBzaWRlWSA9IGJvdHRvbTtcbiAgICAgIHZhciBvZmZzZXRZID0gaXNGaXhlZCAmJiBvZmZzZXRQYXJlbnQgPT09IHdpbiAmJiB3aW4udmlzdWFsVmlld3BvcnQgPyB3aW4udmlzdWFsVmlld3BvcnQuaGVpZ2h0IDogLy8gJEZsb3dGaXhNZVtwcm9wLW1pc3NpbmddXG4gICAgICBvZmZzZXRQYXJlbnRbaGVpZ2h0UHJvcF07XG4gICAgICB5IC09IG9mZnNldFkgLSBwb3BwZXJSZWN0LmhlaWdodDtcbiAgICAgIHkgKj0gZ3B1QWNjZWxlcmF0aW9uID8gMSA6IC0xO1xuICAgIH1cblxuICAgIGlmIChwbGFjZW1lbnQgPT09IGxlZnQgfHwgKHBsYWNlbWVudCA9PT0gdG9wIHx8IHBsYWNlbWVudCA9PT0gYm90dG9tKSAmJiB2YXJpYXRpb24gPT09IGVuZCkge1xuICAgICAgc2lkZVggPSByaWdodDtcbiAgICAgIHZhciBvZmZzZXRYID0gaXNGaXhlZCAmJiBvZmZzZXRQYXJlbnQgPT09IHdpbiAmJiB3aW4udmlzdWFsVmlld3BvcnQgPyB3aW4udmlzdWFsVmlld3BvcnQud2lkdGggOiAvLyAkRmxvd0ZpeE1lW3Byb3AtbWlzc2luZ11cbiAgICAgIG9mZnNldFBhcmVudFt3aWR0aFByb3BdO1xuICAgICAgeCAtPSBvZmZzZXRYIC0gcG9wcGVyUmVjdC53aWR0aDtcbiAgICAgIHggKj0gZ3B1QWNjZWxlcmF0aW9uID8gMSA6IC0xO1xuICAgIH1cbiAgfVxuXG4gIHZhciBjb21tb25TdHlsZXMgPSBPYmplY3QuYXNzaWduKHtcbiAgICBwb3NpdGlvbjogcG9zaXRpb25cbiAgfSwgYWRhcHRpdmUgJiYgdW5zZXRTaWRlcyk7XG5cbiAgdmFyIF9yZWY0ID0gcm91bmRPZmZzZXRzID09PSB0cnVlID8gcm91bmRPZmZzZXRzQnlEUFIoe1xuICAgIHg6IHgsXG4gICAgeTogeVxuICB9LCBnZXRXaW5kb3cocG9wcGVyKSkgOiB7XG4gICAgeDogeCxcbiAgICB5OiB5XG4gIH07XG5cbiAgeCA9IF9yZWY0Lng7XG4gIHkgPSBfcmVmNC55O1xuXG4gIGlmIChncHVBY2NlbGVyYXRpb24pIHtcbiAgICB2YXIgX09iamVjdCRhc3NpZ247XG5cbiAgICByZXR1cm4gT2JqZWN0LmFzc2lnbih7fSwgY29tbW9uU3R5bGVzLCAoX09iamVjdCRhc3NpZ24gPSB7fSwgX09iamVjdCRhc3NpZ25bc2lkZVldID0gaGFzWSA/ICcwJyA6ICcnLCBfT2JqZWN0JGFzc2lnbltzaWRlWF0gPSBoYXNYID8gJzAnIDogJycsIF9PYmplY3QkYXNzaWduLnRyYW5zZm9ybSA9ICh3aW4uZGV2aWNlUGl4ZWxSYXRpbyB8fCAxKSA8PSAxID8gXCJ0cmFuc2xhdGUoXCIgKyB4ICsgXCJweCwgXCIgKyB5ICsgXCJweClcIiA6IFwidHJhbnNsYXRlM2QoXCIgKyB4ICsgXCJweCwgXCIgKyB5ICsgXCJweCwgMClcIiwgX09iamVjdCRhc3NpZ24pKTtcbiAgfVxuXG4gIHJldHVybiBPYmplY3QuYXNzaWduKHt9LCBjb21tb25TdHlsZXMsIChfT2JqZWN0JGFzc2lnbjIgPSB7fSwgX09iamVjdCRhc3NpZ24yW3NpZGVZXSA9IGhhc1kgPyB5ICsgXCJweFwiIDogJycsIF9PYmplY3QkYXNzaWduMltzaWRlWF0gPSBoYXNYID8geCArIFwicHhcIiA6ICcnLCBfT2JqZWN0JGFzc2lnbjIudHJhbnNmb3JtID0gJycsIF9PYmplY3QkYXNzaWduMikpO1xufVxuXG5mdW5jdGlvbiBjb21wdXRlU3R5bGVzKF9yZWY1KSB7XG4gIHZhciBzdGF0ZSA9IF9yZWY1LnN0YXRlLFxuICAgICAgb3B0aW9ucyA9IF9yZWY1Lm9wdGlvbnM7XG4gIHZhciBfb3B0aW9ucyRncHVBY2NlbGVyYXQgPSBvcHRpb25zLmdwdUFjY2VsZXJhdGlvbixcbiAgICAgIGdwdUFjY2VsZXJhdGlvbiA9IF9vcHRpb25zJGdwdUFjY2VsZXJhdCA9PT0gdm9pZCAwID8gdHJ1ZSA6IF9vcHRpb25zJGdwdUFjY2VsZXJhdCxcbiAgICAgIF9vcHRpb25zJGFkYXB0aXZlID0gb3B0aW9ucy5hZGFwdGl2ZSxcbiAgICAgIGFkYXB0aXZlID0gX29wdGlvbnMkYWRhcHRpdmUgPT09IHZvaWQgMCA/IHRydWUgOiBfb3B0aW9ucyRhZGFwdGl2ZSxcbiAgICAgIF9vcHRpb25zJHJvdW5kT2Zmc2V0cyA9IG9wdGlvbnMucm91bmRPZmZzZXRzLFxuICAgICAgcm91bmRPZmZzZXRzID0gX29wdGlvbnMkcm91bmRPZmZzZXRzID09PSB2b2lkIDAgPyB0cnVlIDogX29wdGlvbnMkcm91bmRPZmZzZXRzO1xuICB2YXIgY29tbW9uU3R5bGVzID0ge1xuICAgIHBsYWNlbWVudDogZ2V0QmFzZVBsYWNlbWVudChzdGF0ZS5wbGFjZW1lbnQpLFxuICAgIHZhcmlhdGlvbjogZ2V0VmFyaWF0aW9uKHN0YXRlLnBsYWNlbWVudCksXG4gICAgcG9wcGVyOiBzdGF0ZS5lbGVtZW50cy5wb3BwZXIsXG4gICAgcG9wcGVyUmVjdDogc3RhdGUucmVjdHMucG9wcGVyLFxuICAgIGdwdUFjY2VsZXJhdGlvbjogZ3B1QWNjZWxlcmF0aW9uLFxuICAgIGlzRml4ZWQ6IHN0YXRlLm9wdGlvbnMuc3RyYXRlZ3kgPT09ICdmaXhlZCdcbiAgfTtcblxuICBpZiAoc3RhdGUubW9kaWZpZXJzRGF0YS5wb3BwZXJPZmZzZXRzICE9IG51bGwpIHtcbiAgICBzdGF0ZS5zdHlsZXMucG9wcGVyID0gT2JqZWN0LmFzc2lnbih7fSwgc3RhdGUuc3R5bGVzLnBvcHBlciwgbWFwVG9TdHlsZXMoT2JqZWN0LmFzc2lnbih7fSwgY29tbW9uU3R5bGVzLCB7XG4gICAgICBvZmZzZXRzOiBzdGF0ZS5tb2RpZmllcnNEYXRhLnBvcHBlck9mZnNldHMsXG4gICAgICBwb3NpdGlvbjogc3RhdGUub3B0aW9ucy5zdHJhdGVneSxcbiAgICAgIGFkYXB0aXZlOiBhZGFwdGl2ZSxcbiAgICAgIHJvdW5kT2Zmc2V0czogcm91bmRPZmZzZXRzXG4gICAgfSkpKTtcbiAgfVxuXG4gIGlmIChzdGF0ZS5tb2RpZmllcnNEYXRhLmFycm93ICE9IG51bGwpIHtcbiAgICBzdGF0ZS5zdHlsZXMuYXJyb3cgPSBPYmplY3QuYXNzaWduKHt9LCBzdGF0ZS5zdHlsZXMuYXJyb3csIG1hcFRvU3R5bGVzKE9iamVjdC5hc3NpZ24oe30sIGNvbW1vblN0eWxlcywge1xuICAgICAgb2Zmc2V0czogc3RhdGUubW9kaWZpZXJzRGF0YS5hcnJvdyxcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgYWRhcHRpdmU6IGZhbHNlLFxuICAgICAgcm91bmRPZmZzZXRzOiByb3VuZE9mZnNldHNcbiAgICB9KSkpO1xuICB9XG5cbiAgc3RhdGUuYXR0cmlidXRlcy5wb3BwZXIgPSBPYmplY3QuYXNzaWduKHt9LCBzdGF0ZS5hdHRyaWJ1dGVzLnBvcHBlciwge1xuICAgICdkYXRhLXBvcHBlci1wbGFjZW1lbnQnOiBzdGF0ZS5wbGFjZW1lbnRcbiAgfSk7XG59IC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQvbm8tdW51c2VkLW1vZHVsZXNcblxuXG5leHBvcnQgZGVmYXVsdCB7XG4gIG5hbWU6ICdjb21wdXRlU3R5bGVzJyxcbiAgZW5hYmxlZDogdHJ1ZSxcbiAgcGhhc2U6ICdiZWZvcmVXcml0ZScsXG4gIGZuOiBjb21wdXRlU3R5bGVzLFxuICBkYXRhOiB7fVxufTsiLCJpbXBvcnQgZ2V0V2luZG93IGZyb20gXCIuLi9kb20tdXRpbHMvZ2V0V2luZG93LmpzXCI7IC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQvbm8tdW51c2VkLW1vZHVsZXNcblxudmFyIHBhc3NpdmUgPSB7XG4gIHBhc3NpdmU6IHRydWVcbn07XG5cbmZ1bmN0aW9uIGVmZmVjdChfcmVmKSB7XG4gIHZhciBzdGF0ZSA9IF9yZWYuc3RhdGUsXG4gICAgICBpbnN0YW5jZSA9IF9yZWYuaW5zdGFuY2UsXG4gICAgICBvcHRpb25zID0gX3JlZi5vcHRpb25zO1xuICB2YXIgX29wdGlvbnMkc2Nyb2xsID0gb3B0aW9ucy5zY3JvbGwsXG4gICAgICBzY3JvbGwgPSBfb3B0aW9ucyRzY3JvbGwgPT09IHZvaWQgMCA/IHRydWUgOiBfb3B0aW9ucyRzY3JvbGwsXG4gICAgICBfb3B0aW9ucyRyZXNpemUgPSBvcHRpb25zLnJlc2l6ZSxcbiAgICAgIHJlc2l6ZSA9IF9vcHRpb25zJHJlc2l6ZSA9PT0gdm9pZCAwID8gdHJ1ZSA6IF9vcHRpb25zJHJlc2l6ZTtcbiAgdmFyIHdpbmRvdyA9IGdldFdpbmRvdyhzdGF0ZS5lbGVtZW50cy5wb3BwZXIpO1xuICB2YXIgc2Nyb2xsUGFyZW50cyA9IFtdLmNvbmNhdChzdGF0ZS5zY3JvbGxQYXJlbnRzLnJlZmVyZW5jZSwgc3RhdGUuc2Nyb2xsUGFyZW50cy5wb3BwZXIpO1xuXG4gIGlmIChzY3JvbGwpIHtcbiAgICBzY3JvbGxQYXJlbnRzLmZvckVhY2goZnVuY3Rpb24gKHNjcm9sbFBhcmVudCkge1xuICAgICAgc2Nyb2xsUGFyZW50LmFkZEV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIGluc3RhbmNlLnVwZGF0ZSwgcGFzc2l2ZSk7XG4gICAgfSk7XG4gIH1cblxuICBpZiAocmVzaXplKSB7XG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIGluc3RhbmNlLnVwZGF0ZSwgcGFzc2l2ZSk7XG4gIH1cblxuICByZXR1cm4gZnVuY3Rpb24gKCkge1xuICAgIGlmIChzY3JvbGwpIHtcbiAgICAgIHNjcm9sbFBhcmVudHMuZm9yRWFjaChmdW5jdGlvbiAoc2Nyb2xsUGFyZW50KSB7XG4gICAgICAgIHNjcm9sbFBhcmVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdzY3JvbGwnLCBpbnN0YW5jZS51cGRhdGUsIHBhc3NpdmUpO1xuICAgICAgfSk7XG4gICAgfVxuXG4gICAgaWYgKHJlc2l6ZSkge1xuICAgICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIGluc3RhbmNlLnVwZGF0ZSwgcGFzc2l2ZSk7XG4gICAgfVxuICB9O1xufSAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgaW1wb3J0L25vLXVudXNlZC1tb2R1bGVzXG5cblxuZXhwb3J0IGRlZmF1bHQge1xuICBuYW1lOiAnZXZlbnRMaXN0ZW5lcnMnLFxuICBlbmFibGVkOiB0cnVlLFxuICBwaGFzZTogJ3dyaXRlJyxcbiAgZm46IGZ1bmN0aW9uIGZuKCkge30sXG4gIGVmZmVjdDogZWZmZWN0LFxuICBkYXRhOiB7fVxufTsiLCJpbXBvcnQgZ2V0T3Bwb3NpdGVQbGFjZW1lbnQgZnJvbSBcIi4uL3V0aWxzL2dldE9wcG9zaXRlUGxhY2VtZW50LmpzXCI7XG5pbXBvcnQgZ2V0QmFzZVBsYWNlbWVudCBmcm9tIFwiLi4vdXRpbHMvZ2V0QmFzZVBsYWNlbWVudC5qc1wiO1xuaW1wb3J0IGdldE9wcG9zaXRlVmFyaWF0aW9uUGxhY2VtZW50IGZyb20gXCIuLi91dGlscy9nZXRPcHBvc2l0ZVZhcmlhdGlvblBsYWNlbWVudC5qc1wiO1xuaW1wb3J0IGRldGVjdE92ZXJmbG93IGZyb20gXCIuLi91dGlscy9kZXRlY3RPdmVyZmxvdy5qc1wiO1xuaW1wb3J0IGNvbXB1dGVBdXRvUGxhY2VtZW50IGZyb20gXCIuLi91dGlscy9jb21wdXRlQXV0b1BsYWNlbWVudC5qc1wiO1xuaW1wb3J0IHsgYm90dG9tLCB0b3AsIHN0YXJ0LCByaWdodCwgbGVmdCwgYXV0byB9IGZyb20gXCIuLi9lbnVtcy5qc1wiO1xuaW1wb3J0IGdldFZhcmlhdGlvbiBmcm9tIFwiLi4vdXRpbHMvZ2V0VmFyaWF0aW9uLmpzXCI7IC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQvbm8tdW51c2VkLW1vZHVsZXNcblxuZnVuY3Rpb24gZ2V0RXhwYW5kZWRGYWxsYmFja1BsYWNlbWVudHMocGxhY2VtZW50KSB7XG4gIGlmIChnZXRCYXNlUGxhY2VtZW50KHBsYWNlbWVudCkgPT09IGF1dG8pIHtcbiAgICByZXR1cm4gW107XG4gIH1cblxuICB2YXIgb3Bwb3NpdGVQbGFjZW1lbnQgPSBnZXRPcHBvc2l0ZVBsYWNlbWVudChwbGFjZW1lbnQpO1xuICByZXR1cm4gW2dldE9wcG9zaXRlVmFyaWF0aW9uUGxhY2VtZW50KHBsYWNlbWVudCksIG9wcG9zaXRlUGxhY2VtZW50LCBnZXRPcHBvc2l0ZVZhcmlhdGlvblBsYWNlbWVudChvcHBvc2l0ZVBsYWNlbWVudCldO1xufVxuXG5mdW5jdGlvbiBmbGlwKF9yZWYpIHtcbiAgdmFyIHN0YXRlID0gX3JlZi5zdGF0ZSxcbiAgICAgIG9wdGlvbnMgPSBfcmVmLm9wdGlvbnMsXG4gICAgICBuYW1lID0gX3JlZi5uYW1lO1xuXG4gIGlmIChzdGF0ZS5tb2RpZmllcnNEYXRhW25hbWVdLl9za2lwKSB7XG4gICAgcmV0dXJuO1xuICB9XG5cbiAgdmFyIF9vcHRpb25zJG1haW5BeGlzID0gb3B0aW9ucy5tYWluQXhpcyxcbiAgICAgIGNoZWNrTWFpbkF4aXMgPSBfb3B0aW9ucyRtYWluQXhpcyA9PT0gdm9pZCAwID8gdHJ1ZSA6IF9vcHRpb25zJG1haW5BeGlzLFxuICAgICAgX29wdGlvbnMkYWx0QXhpcyA9IG9wdGlvbnMuYWx0QXhpcyxcbiAgICAgIGNoZWNrQWx0QXhpcyA9IF9vcHRpb25zJGFsdEF4aXMgPT09IHZvaWQgMCA/IHRydWUgOiBfb3B0aW9ucyRhbHRBeGlzLFxuICAgICAgc3BlY2lmaWVkRmFsbGJhY2tQbGFjZW1lbnRzID0gb3B0aW9ucy5mYWxsYmFja1BsYWNlbWVudHMsXG4gICAgICBwYWRkaW5nID0gb3B0aW9ucy5wYWRkaW5nLFxuICAgICAgYm91bmRhcnkgPSBvcHRpb25zLmJvdW5kYXJ5LFxuICAgICAgcm9vdEJvdW5kYXJ5ID0gb3B0aW9ucy5yb290Qm91bmRhcnksXG4gICAgICBhbHRCb3VuZGFyeSA9IG9wdGlvbnMuYWx0Qm91bmRhcnksXG4gICAgICBfb3B0aW9ucyRmbGlwVmFyaWF0aW8gPSBvcHRpb25zLmZsaXBWYXJpYXRpb25zLFxuICAgICAgZmxpcFZhcmlhdGlvbnMgPSBfb3B0aW9ucyRmbGlwVmFyaWF0aW8gPT09IHZvaWQgMCA/IHRydWUgOiBfb3B0aW9ucyRmbGlwVmFyaWF0aW8sXG4gICAgICBhbGxvd2VkQXV0b1BsYWNlbWVudHMgPSBvcHRpb25zLmFsbG93ZWRBdXRvUGxhY2VtZW50cztcbiAgdmFyIHByZWZlcnJlZFBsYWNlbWVudCA9IHN0YXRlLm9wdGlvbnMucGxhY2VtZW50O1xuICB2YXIgYmFzZVBsYWNlbWVudCA9IGdldEJhc2VQbGFjZW1lbnQocHJlZmVycmVkUGxhY2VtZW50KTtcbiAgdmFyIGlzQmFzZVBsYWNlbWVudCA9IGJhc2VQbGFjZW1lbnQgPT09IHByZWZlcnJlZFBsYWNlbWVudDtcbiAgdmFyIGZhbGxiYWNrUGxhY2VtZW50cyA9IHNwZWNpZmllZEZhbGxiYWNrUGxhY2VtZW50cyB8fCAoaXNCYXNlUGxhY2VtZW50IHx8ICFmbGlwVmFyaWF0aW9ucyA/IFtnZXRPcHBvc2l0ZVBsYWNlbWVudChwcmVmZXJyZWRQbGFjZW1lbnQpXSA6IGdldEV4cGFuZGVkRmFsbGJhY2tQbGFjZW1lbnRzKHByZWZlcnJlZFBsYWNlbWVudCkpO1xuICB2YXIgcGxhY2VtZW50cyA9IFtwcmVmZXJyZWRQbGFjZW1lbnRdLmNvbmNhdChmYWxsYmFja1BsYWNlbWVudHMpLnJlZHVjZShmdW5jdGlvbiAoYWNjLCBwbGFjZW1lbnQpIHtcbiAgICByZXR1cm4gYWNjLmNvbmNhdChnZXRCYXNlUGxhY2VtZW50KHBsYWNlbWVudCkgPT09IGF1dG8gPyBjb21wdXRlQXV0b1BsYWNlbWVudChzdGF0ZSwge1xuICAgICAgcGxhY2VtZW50OiBwbGFjZW1lbnQsXG4gICAgICBib3VuZGFyeTogYm91bmRhcnksXG4gICAgICByb290Qm91bmRhcnk6IHJvb3RCb3VuZGFyeSxcbiAgICAgIHBhZGRpbmc6IHBhZGRpbmcsXG4gICAgICBmbGlwVmFyaWF0aW9uczogZmxpcFZhcmlhdGlvbnMsXG4gICAgICBhbGxvd2VkQXV0b1BsYWNlbWVudHM6IGFsbG93ZWRBdXRvUGxhY2VtZW50c1xuICAgIH0pIDogcGxhY2VtZW50KTtcbiAgfSwgW10pO1xuICB2YXIgcmVmZXJlbmNlUmVjdCA9IHN0YXRlLnJlY3RzLnJlZmVyZW5jZTtcbiAgdmFyIHBvcHBlclJlY3QgPSBzdGF0ZS5yZWN0cy5wb3BwZXI7XG4gIHZhciBjaGVja3NNYXAgPSBuZXcgTWFwKCk7XG4gIHZhciBtYWtlRmFsbGJhY2tDaGVja3MgPSB0cnVlO1xuICB2YXIgZmlyc3RGaXR0aW5nUGxhY2VtZW50ID0gcGxhY2VtZW50c1swXTtcblxuICBmb3IgKHZhciBpID0gMDsgaSA8IHBsYWNlbWVudHMubGVuZ3RoOyBpKyspIHtcbiAgICB2YXIgcGxhY2VtZW50ID0gcGxhY2VtZW50c1tpXTtcblxuICAgIHZhciBfYmFzZVBsYWNlbWVudCA9IGdldEJhc2VQbGFjZW1lbnQocGxhY2VtZW50KTtcblxuICAgIHZhciBpc1N0YXJ0VmFyaWF0aW9uID0gZ2V0VmFyaWF0aW9uKHBsYWNlbWVudCkgPT09IHN0YXJ0O1xuICAgIHZhciBpc1ZlcnRpY2FsID0gW3RvcCwgYm90dG9tXS5pbmRleE9mKF9iYXNlUGxhY2VtZW50KSA+PSAwO1xuICAgIHZhciBsZW4gPSBpc1ZlcnRpY2FsID8gJ3dpZHRoJyA6ICdoZWlnaHQnO1xuICAgIHZhciBvdmVyZmxvdyA9IGRldGVjdE92ZXJmbG93KHN0YXRlLCB7XG4gICAgICBwbGFjZW1lbnQ6IHBsYWNlbWVudCxcbiAgICAgIGJvdW5kYXJ5OiBib3VuZGFyeSxcbiAgICAgIHJvb3RCb3VuZGFyeTogcm9vdEJvdW5kYXJ5LFxuICAgICAgYWx0Qm91bmRhcnk6IGFsdEJvdW5kYXJ5LFxuICAgICAgcGFkZGluZzogcGFkZGluZ1xuICAgIH0pO1xuICAgIHZhciBtYWluVmFyaWF0aW9uU2lkZSA9IGlzVmVydGljYWwgPyBpc1N0YXJ0VmFyaWF0aW9uID8gcmlnaHQgOiBsZWZ0IDogaXNTdGFydFZhcmlhdGlvbiA/IGJvdHRvbSA6IHRvcDtcblxuICAgIGlmIChyZWZlcmVuY2VSZWN0W2xlbl0gPiBwb3BwZXJSZWN0W2xlbl0pIHtcbiAgICAgIG1haW5WYXJpYXRpb25TaWRlID0gZ2V0T3Bwb3NpdGVQbGFjZW1lbnQobWFpblZhcmlhdGlvblNpZGUpO1xuICAgIH1cblxuICAgIHZhciBhbHRWYXJpYXRpb25TaWRlID0gZ2V0T3Bwb3NpdGVQbGFjZW1lbnQobWFpblZhcmlhdGlvblNpZGUpO1xuICAgIHZhciBjaGVja3MgPSBbXTtcblxuICAgIGlmIChjaGVja01haW5BeGlzKSB7XG4gICAgICBjaGVja3MucHVzaChvdmVyZmxvd1tfYmFzZVBsYWNlbWVudF0gPD0gMCk7XG4gICAgfVxuXG4gICAgaWYgKGNoZWNrQWx0QXhpcykge1xuICAgICAgY2hlY2tzLnB1c2gob3ZlcmZsb3dbbWFpblZhcmlhdGlvblNpZGVdIDw9IDAsIG92ZXJmbG93W2FsdFZhcmlhdGlvblNpZGVdIDw9IDApO1xuICAgIH1cblxuICAgIGlmIChjaGVja3MuZXZlcnkoZnVuY3Rpb24gKGNoZWNrKSB7XG4gICAgICByZXR1cm4gY2hlY2s7XG4gICAgfSkpIHtcbiAgICAgIGZpcnN0Rml0dGluZ1BsYWNlbWVudCA9IHBsYWNlbWVudDtcbiAgICAgIG1ha2VGYWxsYmFja0NoZWNrcyA9IGZhbHNlO1xuICAgICAgYnJlYWs7XG4gICAgfVxuXG4gICAgY2hlY2tzTWFwLnNldChwbGFjZW1lbnQsIGNoZWNrcyk7XG4gIH1cblxuICBpZiAobWFrZUZhbGxiYWNrQ2hlY2tzKSB7XG4gICAgLy8gYDJgIG1heSBiZSBkZXNpcmVkIGluIHNvbWUgY2FzZXMg4oCTIHJlc2VhcmNoIGxhdGVyXG4gICAgdmFyIG51bWJlck9mQ2hlY2tzID0gZmxpcFZhcmlhdGlvbnMgPyAzIDogMTtcblxuICAgIHZhciBfbG9vcCA9IGZ1bmN0aW9uIF9sb29wKF9pKSB7XG4gICAgICB2YXIgZml0dGluZ1BsYWNlbWVudCA9IHBsYWNlbWVudHMuZmluZChmdW5jdGlvbiAocGxhY2VtZW50KSB7XG4gICAgICAgIHZhciBjaGVja3MgPSBjaGVja3NNYXAuZ2V0KHBsYWNlbWVudCk7XG5cbiAgICAgICAgaWYgKGNoZWNrcykge1xuICAgICAgICAgIHJldHVybiBjaGVja3Muc2xpY2UoMCwgX2kpLmV2ZXJ5KGZ1bmN0aW9uIChjaGVjaykge1xuICAgICAgICAgICAgcmV0dXJuIGNoZWNrO1xuICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgICB9KTtcblxuICAgICAgaWYgKGZpdHRpbmdQbGFjZW1lbnQpIHtcbiAgICAgICAgZmlyc3RGaXR0aW5nUGxhY2VtZW50ID0gZml0dGluZ1BsYWNlbWVudDtcbiAgICAgICAgcmV0dXJuIFwiYnJlYWtcIjtcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgZm9yICh2YXIgX2kgPSBudW1iZXJPZkNoZWNrczsgX2kgPiAwOyBfaS0tKSB7XG4gICAgICB2YXIgX3JldCA9IF9sb29wKF9pKTtcblxuICAgICAgaWYgKF9yZXQgPT09IFwiYnJlYWtcIikgYnJlYWs7XG4gICAgfVxuICB9XG5cbiAgaWYgKHN0YXRlLnBsYWNlbWVudCAhPT0gZmlyc3RGaXR0aW5nUGxhY2VtZW50KSB7XG4gICAgc3RhdGUubW9kaWZpZXJzRGF0YVtuYW1lXS5fc2tpcCA9IHRydWU7XG4gICAgc3RhdGUucGxhY2VtZW50ID0gZmlyc3RGaXR0aW5nUGxhY2VtZW50O1xuICAgIHN0YXRlLnJlc2V0ID0gdHJ1ZTtcbiAgfVxufSAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgaW1wb3J0L25vLXVudXNlZC1tb2R1bGVzXG5cblxuZXhwb3J0IGRlZmF1bHQge1xuICBuYW1lOiAnZmxpcCcsXG4gIGVuYWJsZWQ6IHRydWUsXG4gIHBoYXNlOiAnbWFpbicsXG4gIGZuOiBmbGlwLFxuICByZXF1aXJlc0lmRXhpc3RzOiBbJ29mZnNldCddLFxuICBkYXRhOiB7XG4gICAgX3NraXA6IGZhbHNlXG4gIH1cbn07IiwiaW1wb3J0IHsgdG9wLCBib3R0b20sIGxlZnQsIHJpZ2h0IH0gZnJvbSBcIi4uL2VudW1zLmpzXCI7XG5pbXBvcnQgZGV0ZWN0T3ZlcmZsb3cgZnJvbSBcIi4uL3V0aWxzL2RldGVjdE92ZXJmbG93LmpzXCI7XG5cbmZ1bmN0aW9uIGdldFNpZGVPZmZzZXRzKG92ZXJmbG93LCByZWN0LCBwcmV2ZW50ZWRPZmZzZXRzKSB7XG4gIGlmIChwcmV2ZW50ZWRPZmZzZXRzID09PSB2b2lkIDApIHtcbiAgICBwcmV2ZW50ZWRPZmZzZXRzID0ge1xuICAgICAgeDogMCxcbiAgICAgIHk6IDBcbiAgICB9O1xuICB9XG5cbiAgcmV0dXJuIHtcbiAgICB0b3A6IG92ZXJmbG93LnRvcCAtIHJlY3QuaGVpZ2h0IC0gcHJldmVudGVkT2Zmc2V0cy55LFxuICAgIHJpZ2h0OiBvdmVyZmxvdy5yaWdodCAtIHJlY3Qud2lkdGggKyBwcmV2ZW50ZWRPZmZzZXRzLngsXG4gICAgYm90dG9tOiBvdmVyZmxvdy5ib3R0b20gLSByZWN0LmhlaWdodCArIHByZXZlbnRlZE9mZnNldHMueSxcbiAgICBsZWZ0OiBvdmVyZmxvdy5sZWZ0IC0gcmVjdC53aWR0aCAtIHByZXZlbnRlZE9mZnNldHMueFxuICB9O1xufVxuXG5mdW5jdGlvbiBpc0FueVNpZGVGdWxseUNsaXBwZWQob3ZlcmZsb3cpIHtcbiAgcmV0dXJuIFt0b3AsIHJpZ2h0LCBib3R0b20sIGxlZnRdLnNvbWUoZnVuY3Rpb24gKHNpZGUpIHtcbiAgICByZXR1cm4gb3ZlcmZsb3dbc2lkZV0gPj0gMDtcbiAgfSk7XG59XG5cbmZ1bmN0aW9uIGhpZGUoX3JlZikge1xuICB2YXIgc3RhdGUgPSBfcmVmLnN0YXRlLFxuICAgICAgbmFtZSA9IF9yZWYubmFtZTtcbiAgdmFyIHJlZmVyZW5jZVJlY3QgPSBzdGF0ZS5yZWN0cy5yZWZlcmVuY2U7XG4gIHZhciBwb3BwZXJSZWN0ID0gc3RhdGUucmVjdHMucG9wcGVyO1xuICB2YXIgcHJldmVudGVkT2Zmc2V0cyA9IHN0YXRlLm1vZGlmaWVyc0RhdGEucHJldmVudE92ZXJmbG93O1xuICB2YXIgcmVmZXJlbmNlT3ZlcmZsb3cgPSBkZXRlY3RPdmVyZmxvdyhzdGF0ZSwge1xuICAgIGVsZW1lbnRDb250ZXh0OiAncmVmZXJlbmNlJ1xuICB9KTtcbiAgdmFyIHBvcHBlckFsdE92ZXJmbG93ID0gZGV0ZWN0T3ZlcmZsb3coc3RhdGUsIHtcbiAgICBhbHRCb3VuZGFyeTogdHJ1ZVxuICB9KTtcbiAgdmFyIHJlZmVyZW5jZUNsaXBwaW5nT2Zmc2V0cyA9IGdldFNpZGVPZmZzZXRzKHJlZmVyZW5jZU92ZXJmbG93LCByZWZlcmVuY2VSZWN0KTtcbiAgdmFyIHBvcHBlckVzY2FwZU9mZnNldHMgPSBnZXRTaWRlT2Zmc2V0cyhwb3BwZXJBbHRPdmVyZmxvdywgcG9wcGVyUmVjdCwgcHJldmVudGVkT2Zmc2V0cyk7XG4gIHZhciBpc1JlZmVyZW5jZUhpZGRlbiA9IGlzQW55U2lkZUZ1bGx5Q2xpcHBlZChyZWZlcmVuY2VDbGlwcGluZ09mZnNldHMpO1xuICB2YXIgaGFzUG9wcGVyRXNjYXBlZCA9IGlzQW55U2lkZUZ1bGx5Q2xpcHBlZChwb3BwZXJFc2NhcGVPZmZzZXRzKTtcbiAgc3RhdGUubW9kaWZpZXJzRGF0YVtuYW1lXSA9IHtcbiAgICByZWZlcmVuY2VDbGlwcGluZ09mZnNldHM6IHJlZmVyZW5jZUNsaXBwaW5nT2Zmc2V0cyxcbiAgICBwb3BwZXJFc2NhcGVPZmZzZXRzOiBwb3BwZXJFc2NhcGVPZmZzZXRzLFxuICAgIGlzUmVmZXJlbmNlSGlkZGVuOiBpc1JlZmVyZW5jZUhpZGRlbixcbiAgICBoYXNQb3BwZXJFc2NhcGVkOiBoYXNQb3BwZXJFc2NhcGVkXG4gIH07XG4gIHN0YXRlLmF0dHJpYnV0ZXMucG9wcGVyID0gT2JqZWN0LmFzc2lnbih7fSwgc3RhdGUuYXR0cmlidXRlcy5wb3BwZXIsIHtcbiAgICAnZGF0YS1wb3BwZXItcmVmZXJlbmNlLWhpZGRlbic6IGlzUmVmZXJlbmNlSGlkZGVuLFxuICAgICdkYXRhLXBvcHBlci1lc2NhcGVkJzogaGFzUG9wcGVyRXNjYXBlZFxuICB9KTtcbn0gLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9uby11bnVzZWQtbW9kdWxlc1xuXG5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgbmFtZTogJ2hpZGUnLFxuICBlbmFibGVkOiB0cnVlLFxuICBwaGFzZTogJ21haW4nLFxuICByZXF1aXJlc0lmRXhpc3RzOiBbJ3ByZXZlbnRPdmVyZmxvdyddLFxuICBmbjogaGlkZVxufTsiLCJleHBvcnQgeyBkZWZhdWx0IGFzIGFwcGx5U3R5bGVzIH0gZnJvbSBcIi4vYXBwbHlTdHlsZXMuanNcIjtcbmV4cG9ydCB7IGRlZmF1bHQgYXMgYXJyb3cgfSBmcm9tIFwiLi9hcnJvdy5qc1wiO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyBjb21wdXRlU3R5bGVzIH0gZnJvbSBcIi4vY29tcHV0ZVN0eWxlcy5qc1wiO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyBldmVudExpc3RlbmVycyB9IGZyb20gXCIuL2V2ZW50TGlzdGVuZXJzLmpzXCI7XG5leHBvcnQgeyBkZWZhdWx0IGFzIGZsaXAgfSBmcm9tIFwiLi9mbGlwLmpzXCI7XG5leHBvcnQgeyBkZWZhdWx0IGFzIGhpZGUgfSBmcm9tIFwiLi9oaWRlLmpzXCI7XG5leHBvcnQgeyBkZWZhdWx0IGFzIG9mZnNldCB9IGZyb20gXCIuL29mZnNldC5qc1wiO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyBwb3BwZXJPZmZzZXRzIH0gZnJvbSBcIi4vcG9wcGVyT2Zmc2V0cy5qc1wiO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyBwcmV2ZW50T3ZlcmZsb3cgfSBmcm9tIFwiLi9wcmV2ZW50T3ZlcmZsb3cuanNcIjsiLCJpbXBvcnQgZ2V0QmFzZVBsYWNlbWVudCBmcm9tIFwiLi4vdXRpbHMvZ2V0QmFzZVBsYWNlbWVudC5qc1wiO1xuaW1wb3J0IHsgdG9wLCBsZWZ0LCByaWdodCwgcGxhY2VtZW50cyB9IGZyb20gXCIuLi9lbnVtcy5qc1wiOyAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgaW1wb3J0L25vLXVudXNlZC1tb2R1bGVzXG5cbmV4cG9ydCBmdW5jdGlvbiBkaXN0YW5jZUFuZFNraWRkaW5nVG9YWShwbGFjZW1lbnQsIHJlY3RzLCBvZmZzZXQpIHtcbiAgdmFyIGJhc2VQbGFjZW1lbnQgPSBnZXRCYXNlUGxhY2VtZW50KHBsYWNlbWVudCk7XG4gIHZhciBpbnZlcnREaXN0YW5jZSA9IFtsZWZ0LCB0b3BdLmluZGV4T2YoYmFzZVBsYWNlbWVudCkgPj0gMCA/IC0xIDogMTtcblxuICB2YXIgX3JlZiA9IHR5cGVvZiBvZmZzZXQgPT09ICdmdW5jdGlvbicgPyBvZmZzZXQoT2JqZWN0LmFzc2lnbih7fSwgcmVjdHMsIHtcbiAgICBwbGFjZW1lbnQ6IHBsYWNlbWVudFxuICB9KSkgOiBvZmZzZXQsXG4gICAgICBza2lkZGluZyA9IF9yZWZbMF0sXG4gICAgICBkaXN0YW5jZSA9IF9yZWZbMV07XG5cbiAgc2tpZGRpbmcgPSBza2lkZGluZyB8fCAwO1xuICBkaXN0YW5jZSA9IChkaXN0YW5jZSB8fCAwKSAqIGludmVydERpc3RhbmNlO1xuICByZXR1cm4gW2xlZnQsIHJpZ2h0XS5pbmRleE9mKGJhc2VQbGFjZW1lbnQpID49IDAgPyB7XG4gICAgeDogZGlzdGFuY2UsXG4gICAgeTogc2tpZGRpbmdcbiAgfSA6IHtcbiAgICB4OiBza2lkZGluZyxcbiAgICB5OiBkaXN0YW5jZVxuICB9O1xufVxuXG5mdW5jdGlvbiBvZmZzZXQoX3JlZjIpIHtcbiAgdmFyIHN0YXRlID0gX3JlZjIuc3RhdGUsXG4gICAgICBvcHRpb25zID0gX3JlZjIub3B0aW9ucyxcbiAgICAgIG5hbWUgPSBfcmVmMi5uYW1lO1xuICB2YXIgX29wdGlvbnMkb2Zmc2V0ID0gb3B0aW9ucy5vZmZzZXQsXG4gICAgICBvZmZzZXQgPSBfb3B0aW9ucyRvZmZzZXQgPT09IHZvaWQgMCA/IFswLCAwXSA6IF9vcHRpb25zJG9mZnNldDtcbiAgdmFyIGRhdGEgPSBwbGFjZW1lbnRzLnJlZHVjZShmdW5jdGlvbiAoYWNjLCBwbGFjZW1lbnQpIHtcbiAgICBhY2NbcGxhY2VtZW50XSA9IGRpc3RhbmNlQW5kU2tpZGRpbmdUb1hZKHBsYWNlbWVudCwgc3RhdGUucmVjdHMsIG9mZnNldCk7XG4gICAgcmV0dXJuIGFjYztcbiAgfSwge30pO1xuICB2YXIgX2RhdGEkc3RhdGUkcGxhY2VtZW50ID0gZGF0YVtzdGF0ZS5wbGFjZW1lbnRdLFxuICAgICAgeCA9IF9kYXRhJHN0YXRlJHBsYWNlbWVudC54LFxuICAgICAgeSA9IF9kYXRhJHN0YXRlJHBsYWNlbWVudC55O1xuXG4gIGlmIChzdGF0ZS5tb2RpZmllcnNEYXRhLnBvcHBlck9mZnNldHMgIT0gbnVsbCkge1xuICAgIHN0YXRlLm1vZGlmaWVyc0RhdGEucG9wcGVyT2Zmc2V0cy54ICs9IHg7XG4gICAgc3RhdGUubW9kaWZpZXJzRGF0YS5wb3BwZXJPZmZzZXRzLnkgKz0geTtcbiAgfVxuXG4gIHN0YXRlLm1vZGlmaWVyc0RhdGFbbmFtZV0gPSBkYXRhO1xufSAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgaW1wb3J0L25vLXVudXNlZC1tb2R1bGVzXG5cblxuZXhwb3J0IGRlZmF1bHQge1xuICBuYW1lOiAnb2Zmc2V0JyxcbiAgZW5hYmxlZDogdHJ1ZSxcbiAgcGhhc2U6ICdtYWluJyxcbiAgcmVxdWlyZXM6IFsncG9wcGVyT2Zmc2V0cyddLFxuICBmbjogb2Zmc2V0XG59OyIsImltcG9ydCBjb21wdXRlT2Zmc2V0cyBmcm9tIFwiLi4vdXRpbHMvY29tcHV0ZU9mZnNldHMuanNcIjtcblxuZnVuY3Rpb24gcG9wcGVyT2Zmc2V0cyhfcmVmKSB7XG4gIHZhciBzdGF0ZSA9IF9yZWYuc3RhdGUsXG4gICAgICBuYW1lID0gX3JlZi5uYW1lO1xuICAvLyBPZmZzZXRzIGFyZSB0aGUgYWN0dWFsIHBvc2l0aW9uIHRoZSBwb3BwZXIgbmVlZHMgdG8gaGF2ZSB0byBiZVxuICAvLyBwcm9wZXJseSBwb3NpdGlvbmVkIG5lYXIgaXRzIHJlZmVyZW5jZSBlbGVtZW50XG4gIC8vIFRoaXMgaXMgdGhlIG1vc3QgYmFzaWMgcGxhY2VtZW50LCBhbmQgd2lsbCBiZSBhZGp1c3RlZCBieVxuICAvLyB0aGUgbW9kaWZpZXJzIGluIHRoZSBuZXh0IHN0ZXBcbiAgc3RhdGUubW9kaWZpZXJzRGF0YVtuYW1lXSA9IGNvbXB1dGVPZmZzZXRzKHtcbiAgICByZWZlcmVuY2U6IHN0YXRlLnJlY3RzLnJlZmVyZW5jZSxcbiAgICBlbGVtZW50OiBzdGF0ZS5yZWN0cy5wb3BwZXIsXG4gICAgc3RyYXRlZ3k6ICdhYnNvbHV0ZScsXG4gICAgcGxhY2VtZW50OiBzdGF0ZS5wbGFjZW1lbnRcbiAgfSk7XG59IC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQvbm8tdW51c2VkLW1vZHVsZXNcblxuXG5leHBvcnQgZGVmYXVsdCB7XG4gIG5hbWU6ICdwb3BwZXJPZmZzZXRzJyxcbiAgZW5hYmxlZDogdHJ1ZSxcbiAgcGhhc2U6ICdyZWFkJyxcbiAgZm46IHBvcHBlck9mZnNldHMsXG4gIGRhdGE6IHt9XG59OyIsImltcG9ydCB7IHRvcCwgbGVmdCwgcmlnaHQsIGJvdHRvbSwgc3RhcnQgfSBmcm9tIFwiLi4vZW51bXMuanNcIjtcbmltcG9ydCBnZXRCYXNlUGxhY2VtZW50IGZyb20gXCIuLi91dGlscy9nZXRCYXNlUGxhY2VtZW50LmpzXCI7XG5pbXBvcnQgZ2V0TWFpbkF4aXNGcm9tUGxhY2VtZW50IGZyb20gXCIuLi91dGlscy9nZXRNYWluQXhpc0Zyb21QbGFjZW1lbnQuanNcIjtcbmltcG9ydCBnZXRBbHRBeGlzIGZyb20gXCIuLi91dGlscy9nZXRBbHRBeGlzLmpzXCI7XG5pbXBvcnQgeyB3aXRoaW4sIHdpdGhpbk1heENsYW1wIH0gZnJvbSBcIi4uL3V0aWxzL3dpdGhpbi5qc1wiO1xuaW1wb3J0IGdldExheW91dFJlY3QgZnJvbSBcIi4uL2RvbS11dGlscy9nZXRMYXlvdXRSZWN0LmpzXCI7XG5pbXBvcnQgZ2V0T2Zmc2V0UGFyZW50IGZyb20gXCIuLi9kb20tdXRpbHMvZ2V0T2Zmc2V0UGFyZW50LmpzXCI7XG5pbXBvcnQgZGV0ZWN0T3ZlcmZsb3cgZnJvbSBcIi4uL3V0aWxzL2RldGVjdE92ZXJmbG93LmpzXCI7XG5pbXBvcnQgZ2V0VmFyaWF0aW9uIGZyb20gXCIuLi91dGlscy9nZXRWYXJpYXRpb24uanNcIjtcbmltcG9ydCBnZXRGcmVzaFNpZGVPYmplY3QgZnJvbSBcIi4uL3V0aWxzL2dldEZyZXNoU2lkZU9iamVjdC5qc1wiO1xuaW1wb3J0IHsgbWluIGFzIG1hdGhNaW4sIG1heCBhcyBtYXRoTWF4IH0gZnJvbSBcIi4uL3V0aWxzL21hdGguanNcIjtcblxuZnVuY3Rpb24gcHJldmVudE92ZXJmbG93KF9yZWYpIHtcbiAgdmFyIHN0YXRlID0gX3JlZi5zdGF0ZSxcbiAgICAgIG9wdGlvbnMgPSBfcmVmLm9wdGlvbnMsXG4gICAgICBuYW1lID0gX3JlZi5uYW1lO1xuICB2YXIgX29wdGlvbnMkbWFpbkF4aXMgPSBvcHRpb25zLm1haW5BeGlzLFxuICAgICAgY2hlY2tNYWluQXhpcyA9IF9vcHRpb25zJG1haW5BeGlzID09PSB2b2lkIDAgPyB0cnVlIDogX29wdGlvbnMkbWFpbkF4aXMsXG4gICAgICBfb3B0aW9ucyRhbHRBeGlzID0gb3B0aW9ucy5hbHRBeGlzLFxuICAgICAgY2hlY2tBbHRBeGlzID0gX29wdGlvbnMkYWx0QXhpcyA9PT0gdm9pZCAwID8gZmFsc2UgOiBfb3B0aW9ucyRhbHRBeGlzLFxuICAgICAgYm91bmRhcnkgPSBvcHRpb25zLmJvdW5kYXJ5LFxuICAgICAgcm9vdEJvdW5kYXJ5ID0gb3B0aW9ucy5yb290Qm91bmRhcnksXG4gICAgICBhbHRCb3VuZGFyeSA9IG9wdGlvbnMuYWx0Qm91bmRhcnksXG4gICAgICBwYWRkaW5nID0gb3B0aW9ucy5wYWRkaW5nLFxuICAgICAgX29wdGlvbnMkdGV0aGVyID0gb3B0aW9ucy50ZXRoZXIsXG4gICAgICB0ZXRoZXIgPSBfb3B0aW9ucyR0ZXRoZXIgPT09IHZvaWQgMCA/IHRydWUgOiBfb3B0aW9ucyR0ZXRoZXIsXG4gICAgICBfb3B0aW9ucyR0ZXRoZXJPZmZzZXQgPSBvcHRpb25zLnRldGhlck9mZnNldCxcbiAgICAgIHRldGhlck9mZnNldCA9IF9vcHRpb25zJHRldGhlck9mZnNldCA9PT0gdm9pZCAwID8gMCA6IF9vcHRpb25zJHRldGhlck9mZnNldDtcbiAgdmFyIG92ZXJmbG93ID0gZGV0ZWN0T3ZlcmZsb3coc3RhdGUsIHtcbiAgICBib3VuZGFyeTogYm91bmRhcnksXG4gICAgcm9vdEJvdW5kYXJ5OiByb290Qm91bmRhcnksXG4gICAgcGFkZGluZzogcGFkZGluZyxcbiAgICBhbHRCb3VuZGFyeTogYWx0Qm91bmRhcnlcbiAgfSk7XG4gIHZhciBiYXNlUGxhY2VtZW50ID0gZ2V0QmFzZVBsYWNlbWVudChzdGF0ZS5wbGFjZW1lbnQpO1xuICB2YXIgdmFyaWF0aW9uID0gZ2V0VmFyaWF0aW9uKHN0YXRlLnBsYWNlbWVudCk7XG4gIHZhciBpc0Jhc2VQbGFjZW1lbnQgPSAhdmFyaWF0aW9uO1xuICB2YXIgbWFpbkF4aXMgPSBnZXRNYWluQXhpc0Zyb21QbGFjZW1lbnQoYmFzZVBsYWNlbWVudCk7XG4gIHZhciBhbHRBeGlzID0gZ2V0QWx0QXhpcyhtYWluQXhpcyk7XG4gIHZhciBwb3BwZXJPZmZzZXRzID0gc3RhdGUubW9kaWZpZXJzRGF0YS5wb3BwZXJPZmZzZXRzO1xuICB2YXIgcmVmZXJlbmNlUmVjdCA9IHN0YXRlLnJlY3RzLnJlZmVyZW5jZTtcbiAgdmFyIHBvcHBlclJlY3QgPSBzdGF0ZS5yZWN0cy5wb3BwZXI7XG4gIHZhciB0ZXRoZXJPZmZzZXRWYWx1ZSA9IHR5cGVvZiB0ZXRoZXJPZmZzZXQgPT09ICdmdW5jdGlvbicgPyB0ZXRoZXJPZmZzZXQoT2JqZWN0LmFzc2lnbih7fSwgc3RhdGUucmVjdHMsIHtcbiAgICBwbGFjZW1lbnQ6IHN0YXRlLnBsYWNlbWVudFxuICB9KSkgOiB0ZXRoZXJPZmZzZXQ7XG4gIHZhciBub3JtYWxpemVkVGV0aGVyT2Zmc2V0VmFsdWUgPSB0eXBlb2YgdGV0aGVyT2Zmc2V0VmFsdWUgPT09ICdudW1iZXInID8ge1xuICAgIG1haW5BeGlzOiB0ZXRoZXJPZmZzZXRWYWx1ZSxcbiAgICBhbHRBeGlzOiB0ZXRoZXJPZmZzZXRWYWx1ZVxuICB9IDogT2JqZWN0LmFzc2lnbih7XG4gICAgbWFpbkF4aXM6IDAsXG4gICAgYWx0QXhpczogMFxuICB9LCB0ZXRoZXJPZmZzZXRWYWx1ZSk7XG4gIHZhciBvZmZzZXRNb2RpZmllclN0YXRlID0gc3RhdGUubW9kaWZpZXJzRGF0YS5vZmZzZXQgPyBzdGF0ZS5tb2RpZmllcnNEYXRhLm9mZnNldFtzdGF0ZS5wbGFjZW1lbnRdIDogbnVsbDtcbiAgdmFyIGRhdGEgPSB7XG4gICAgeDogMCxcbiAgICB5OiAwXG4gIH07XG5cbiAgaWYgKCFwb3BwZXJPZmZzZXRzKSB7XG4gICAgcmV0dXJuO1xuICB9XG5cbiAgaWYgKGNoZWNrTWFpbkF4aXMpIHtcbiAgICB2YXIgX29mZnNldE1vZGlmaWVyU3RhdGUkO1xuXG4gICAgdmFyIG1haW5TaWRlID0gbWFpbkF4aXMgPT09ICd5JyA/IHRvcCA6IGxlZnQ7XG4gICAgdmFyIGFsdFNpZGUgPSBtYWluQXhpcyA9PT0gJ3knID8gYm90dG9tIDogcmlnaHQ7XG4gICAgdmFyIGxlbiA9IG1haW5BeGlzID09PSAneScgPyAnaGVpZ2h0JyA6ICd3aWR0aCc7XG4gICAgdmFyIG9mZnNldCA9IHBvcHBlck9mZnNldHNbbWFpbkF4aXNdO1xuICAgIHZhciBtaW4gPSBvZmZzZXQgKyBvdmVyZmxvd1ttYWluU2lkZV07XG4gICAgdmFyIG1heCA9IG9mZnNldCAtIG92ZXJmbG93W2FsdFNpZGVdO1xuICAgIHZhciBhZGRpdGl2ZSA9IHRldGhlciA/IC1wb3BwZXJSZWN0W2xlbl0gLyAyIDogMDtcbiAgICB2YXIgbWluTGVuID0gdmFyaWF0aW9uID09PSBzdGFydCA/IHJlZmVyZW5jZVJlY3RbbGVuXSA6IHBvcHBlclJlY3RbbGVuXTtcbiAgICB2YXIgbWF4TGVuID0gdmFyaWF0aW9uID09PSBzdGFydCA/IC1wb3BwZXJSZWN0W2xlbl0gOiAtcmVmZXJlbmNlUmVjdFtsZW5dOyAvLyBXZSBuZWVkIHRvIGluY2x1ZGUgdGhlIGFycm93IGluIHRoZSBjYWxjdWxhdGlvbiBzbyB0aGUgYXJyb3cgZG9lc24ndCBnb1xuICAgIC8vIG91dHNpZGUgdGhlIHJlZmVyZW5jZSBib3VuZHNcblxuICAgIHZhciBhcnJvd0VsZW1lbnQgPSBzdGF0ZS5lbGVtZW50cy5hcnJvdztcbiAgICB2YXIgYXJyb3dSZWN0ID0gdGV0aGVyICYmIGFycm93RWxlbWVudCA/IGdldExheW91dFJlY3QoYXJyb3dFbGVtZW50KSA6IHtcbiAgICAgIHdpZHRoOiAwLFxuICAgICAgaGVpZ2h0OiAwXG4gICAgfTtcbiAgICB2YXIgYXJyb3dQYWRkaW5nT2JqZWN0ID0gc3RhdGUubW9kaWZpZXJzRGF0YVsnYXJyb3cjcGVyc2lzdGVudCddID8gc3RhdGUubW9kaWZpZXJzRGF0YVsnYXJyb3cjcGVyc2lzdGVudCddLnBhZGRpbmcgOiBnZXRGcmVzaFNpZGVPYmplY3QoKTtcbiAgICB2YXIgYXJyb3dQYWRkaW5nTWluID0gYXJyb3dQYWRkaW5nT2JqZWN0W21haW5TaWRlXTtcbiAgICB2YXIgYXJyb3dQYWRkaW5nTWF4ID0gYXJyb3dQYWRkaW5nT2JqZWN0W2FsdFNpZGVdOyAvLyBJZiB0aGUgcmVmZXJlbmNlIGxlbmd0aCBpcyBzbWFsbGVyIHRoYW4gdGhlIGFycm93IGxlbmd0aCwgd2UgZG9uJ3Qgd2FudFxuICAgIC8vIHRvIGluY2x1ZGUgaXRzIGZ1bGwgc2l6ZSBpbiB0aGUgY2FsY3VsYXRpb24uIElmIHRoZSByZWZlcmVuY2UgaXMgc21hbGxcbiAgICAvLyBhbmQgbmVhciB0aGUgZWRnZSBvZiBhIGJvdW5kYXJ5LCB0aGUgcG9wcGVyIGNhbiBvdmVyZmxvdyBldmVuIGlmIHRoZVxuICAgIC8vIHJlZmVyZW5jZSBpcyBub3Qgb3ZlcmZsb3dpbmcgYXMgd2VsbCAoZS5nLiB2aXJ0dWFsIGVsZW1lbnRzIHdpdGggbm9cbiAgICAvLyB3aWR0aCBvciBoZWlnaHQpXG5cbiAgICB2YXIgYXJyb3dMZW4gPSB3aXRoaW4oMCwgcmVmZXJlbmNlUmVjdFtsZW5dLCBhcnJvd1JlY3RbbGVuXSk7XG4gICAgdmFyIG1pbk9mZnNldCA9IGlzQmFzZVBsYWNlbWVudCA/IHJlZmVyZW5jZVJlY3RbbGVuXSAvIDIgLSBhZGRpdGl2ZSAtIGFycm93TGVuIC0gYXJyb3dQYWRkaW5nTWluIC0gbm9ybWFsaXplZFRldGhlck9mZnNldFZhbHVlLm1haW5BeGlzIDogbWluTGVuIC0gYXJyb3dMZW4gLSBhcnJvd1BhZGRpbmdNaW4gLSBub3JtYWxpemVkVGV0aGVyT2Zmc2V0VmFsdWUubWFpbkF4aXM7XG4gICAgdmFyIG1heE9mZnNldCA9IGlzQmFzZVBsYWNlbWVudCA/IC1yZWZlcmVuY2VSZWN0W2xlbl0gLyAyICsgYWRkaXRpdmUgKyBhcnJvd0xlbiArIGFycm93UGFkZGluZ01heCArIG5vcm1hbGl6ZWRUZXRoZXJPZmZzZXRWYWx1ZS5tYWluQXhpcyA6IG1heExlbiArIGFycm93TGVuICsgYXJyb3dQYWRkaW5nTWF4ICsgbm9ybWFsaXplZFRldGhlck9mZnNldFZhbHVlLm1haW5BeGlzO1xuICAgIHZhciBhcnJvd09mZnNldFBhcmVudCA9IHN0YXRlLmVsZW1lbnRzLmFycm93ICYmIGdldE9mZnNldFBhcmVudChzdGF0ZS5lbGVtZW50cy5hcnJvdyk7XG4gICAgdmFyIGNsaWVudE9mZnNldCA9IGFycm93T2Zmc2V0UGFyZW50ID8gbWFpbkF4aXMgPT09ICd5JyA/IGFycm93T2Zmc2V0UGFyZW50LmNsaWVudFRvcCB8fCAwIDogYXJyb3dPZmZzZXRQYXJlbnQuY2xpZW50TGVmdCB8fCAwIDogMDtcbiAgICB2YXIgb2Zmc2V0TW9kaWZpZXJWYWx1ZSA9IChfb2Zmc2V0TW9kaWZpZXJTdGF0ZSQgPSBvZmZzZXRNb2RpZmllclN0YXRlID09IG51bGwgPyB2b2lkIDAgOiBvZmZzZXRNb2RpZmllclN0YXRlW21haW5BeGlzXSkgIT0gbnVsbCA/IF9vZmZzZXRNb2RpZmllclN0YXRlJCA6IDA7XG4gICAgdmFyIHRldGhlck1pbiA9IG9mZnNldCArIG1pbk9mZnNldCAtIG9mZnNldE1vZGlmaWVyVmFsdWUgLSBjbGllbnRPZmZzZXQ7XG4gICAgdmFyIHRldGhlck1heCA9IG9mZnNldCArIG1heE9mZnNldCAtIG9mZnNldE1vZGlmaWVyVmFsdWU7XG4gICAgdmFyIHByZXZlbnRlZE9mZnNldCA9IHdpdGhpbih0ZXRoZXIgPyBtYXRoTWluKG1pbiwgdGV0aGVyTWluKSA6IG1pbiwgb2Zmc2V0LCB0ZXRoZXIgPyBtYXRoTWF4KG1heCwgdGV0aGVyTWF4KSA6IG1heCk7XG4gICAgcG9wcGVyT2Zmc2V0c1ttYWluQXhpc10gPSBwcmV2ZW50ZWRPZmZzZXQ7XG4gICAgZGF0YVttYWluQXhpc10gPSBwcmV2ZW50ZWRPZmZzZXQgLSBvZmZzZXQ7XG4gIH1cblxuICBpZiAoY2hlY2tBbHRBeGlzKSB7XG4gICAgdmFyIF9vZmZzZXRNb2RpZmllclN0YXRlJDI7XG5cbiAgICB2YXIgX21haW5TaWRlID0gbWFpbkF4aXMgPT09ICd4JyA/IHRvcCA6IGxlZnQ7XG5cbiAgICB2YXIgX2FsdFNpZGUgPSBtYWluQXhpcyA9PT0gJ3gnID8gYm90dG9tIDogcmlnaHQ7XG5cbiAgICB2YXIgX29mZnNldCA9IHBvcHBlck9mZnNldHNbYWx0QXhpc107XG5cbiAgICB2YXIgX2xlbiA9IGFsdEF4aXMgPT09ICd5JyA/ICdoZWlnaHQnIDogJ3dpZHRoJztcblxuICAgIHZhciBfbWluID0gX29mZnNldCArIG92ZXJmbG93W19tYWluU2lkZV07XG5cbiAgICB2YXIgX21heCA9IF9vZmZzZXQgLSBvdmVyZmxvd1tfYWx0U2lkZV07XG5cbiAgICB2YXIgaXNPcmlnaW5TaWRlID0gW3RvcCwgbGVmdF0uaW5kZXhPZihiYXNlUGxhY2VtZW50KSAhPT0gLTE7XG5cbiAgICB2YXIgX29mZnNldE1vZGlmaWVyVmFsdWUgPSAoX29mZnNldE1vZGlmaWVyU3RhdGUkMiA9IG9mZnNldE1vZGlmaWVyU3RhdGUgPT0gbnVsbCA/IHZvaWQgMCA6IG9mZnNldE1vZGlmaWVyU3RhdGVbYWx0QXhpc10pICE9IG51bGwgPyBfb2Zmc2V0TW9kaWZpZXJTdGF0ZSQyIDogMDtcblxuICAgIHZhciBfdGV0aGVyTWluID0gaXNPcmlnaW5TaWRlID8gX21pbiA6IF9vZmZzZXQgLSByZWZlcmVuY2VSZWN0W19sZW5dIC0gcG9wcGVyUmVjdFtfbGVuXSAtIF9vZmZzZXRNb2RpZmllclZhbHVlICsgbm9ybWFsaXplZFRldGhlck9mZnNldFZhbHVlLmFsdEF4aXM7XG5cbiAgICB2YXIgX3RldGhlck1heCA9IGlzT3JpZ2luU2lkZSA/IF9vZmZzZXQgKyByZWZlcmVuY2VSZWN0W19sZW5dICsgcG9wcGVyUmVjdFtfbGVuXSAtIF9vZmZzZXRNb2RpZmllclZhbHVlIC0gbm9ybWFsaXplZFRldGhlck9mZnNldFZhbHVlLmFsdEF4aXMgOiBfbWF4O1xuXG4gICAgdmFyIF9wcmV2ZW50ZWRPZmZzZXQgPSB0ZXRoZXIgJiYgaXNPcmlnaW5TaWRlID8gd2l0aGluTWF4Q2xhbXAoX3RldGhlck1pbiwgX29mZnNldCwgX3RldGhlck1heCkgOiB3aXRoaW4odGV0aGVyID8gX3RldGhlck1pbiA6IF9taW4sIF9vZmZzZXQsIHRldGhlciA/IF90ZXRoZXJNYXggOiBfbWF4KTtcblxuICAgIHBvcHBlck9mZnNldHNbYWx0QXhpc10gPSBfcHJldmVudGVkT2Zmc2V0O1xuICAgIGRhdGFbYWx0QXhpc10gPSBfcHJldmVudGVkT2Zmc2V0IC0gX29mZnNldDtcbiAgfVxuXG4gIHN0YXRlLm1vZGlmaWVyc0RhdGFbbmFtZV0gPSBkYXRhO1xufSAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgaW1wb3J0L25vLXVudXNlZC1tb2R1bGVzXG5cblxuZXhwb3J0IGRlZmF1bHQge1xuICBuYW1lOiAncHJldmVudE92ZXJmbG93JyxcbiAgZW5hYmxlZDogdHJ1ZSxcbiAgcGhhc2U6ICdtYWluJyxcbiAgZm46IHByZXZlbnRPdmVyZmxvdyxcbiAgcmVxdWlyZXNJZkV4aXN0czogWydvZmZzZXQnXVxufTsiLCJpbXBvcnQgeyBwb3BwZXJHZW5lcmF0b3IsIGRldGVjdE92ZXJmbG93IH0gZnJvbSBcIi4vY3JlYXRlUG9wcGVyLmpzXCI7XG5pbXBvcnQgZXZlbnRMaXN0ZW5lcnMgZnJvbSBcIi4vbW9kaWZpZXJzL2V2ZW50TGlzdGVuZXJzLmpzXCI7XG5pbXBvcnQgcG9wcGVyT2Zmc2V0cyBmcm9tIFwiLi9tb2RpZmllcnMvcG9wcGVyT2Zmc2V0cy5qc1wiO1xuaW1wb3J0IGNvbXB1dGVTdHlsZXMgZnJvbSBcIi4vbW9kaWZpZXJzL2NvbXB1dGVTdHlsZXMuanNcIjtcbmltcG9ydCBhcHBseVN0eWxlcyBmcm9tIFwiLi9tb2RpZmllcnMvYXBwbHlTdHlsZXMuanNcIjtcbnZhciBkZWZhdWx0TW9kaWZpZXJzID0gW2V2ZW50TGlzdGVuZXJzLCBwb3BwZXJPZmZzZXRzLCBjb21wdXRlU3R5bGVzLCBhcHBseVN0eWxlc107XG52YXIgY3JlYXRlUG9wcGVyID0gLyojX19QVVJFX18qL3BvcHBlckdlbmVyYXRvcih7XG4gIGRlZmF1bHRNb2RpZmllcnM6IGRlZmF1bHRNb2RpZmllcnNcbn0pOyAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgaW1wb3J0L25vLXVudXNlZC1tb2R1bGVzXG5cbmV4cG9ydCB7IGNyZWF0ZVBvcHBlciwgcG9wcGVyR2VuZXJhdG9yLCBkZWZhdWx0TW9kaWZpZXJzLCBkZXRlY3RPdmVyZmxvdyB9OyIsImltcG9ydCB7IHBvcHBlckdlbmVyYXRvciwgZGV0ZWN0T3ZlcmZsb3cgfSBmcm9tIFwiLi9jcmVhdGVQb3BwZXIuanNcIjtcbmltcG9ydCBldmVudExpc3RlbmVycyBmcm9tIFwiLi9tb2RpZmllcnMvZXZlbnRMaXN0ZW5lcnMuanNcIjtcbmltcG9ydCBwb3BwZXJPZmZzZXRzIGZyb20gXCIuL21vZGlmaWVycy9wb3BwZXJPZmZzZXRzLmpzXCI7XG5pbXBvcnQgY29tcHV0ZVN0eWxlcyBmcm9tIFwiLi9tb2RpZmllcnMvY29tcHV0ZVN0eWxlcy5qc1wiO1xuaW1wb3J0IGFwcGx5U3R5bGVzIGZyb20gXCIuL21vZGlmaWVycy9hcHBseVN0eWxlcy5qc1wiO1xuaW1wb3J0IG9mZnNldCBmcm9tIFwiLi9tb2RpZmllcnMvb2Zmc2V0LmpzXCI7XG5pbXBvcnQgZmxpcCBmcm9tIFwiLi9tb2RpZmllcnMvZmxpcC5qc1wiO1xuaW1wb3J0IHByZXZlbnRPdmVyZmxvdyBmcm9tIFwiLi9tb2RpZmllcnMvcHJldmVudE92ZXJmbG93LmpzXCI7XG5pbXBvcnQgYXJyb3cgZnJvbSBcIi4vbW9kaWZpZXJzL2Fycm93LmpzXCI7XG5pbXBvcnQgaGlkZSBmcm9tIFwiLi9tb2RpZmllcnMvaGlkZS5qc1wiO1xudmFyIGRlZmF1bHRNb2RpZmllcnMgPSBbZXZlbnRMaXN0ZW5lcnMsIHBvcHBlck9mZnNldHMsIGNvbXB1dGVTdHlsZXMsIGFwcGx5U3R5bGVzLCBvZmZzZXQsIGZsaXAsIHByZXZlbnRPdmVyZmxvdywgYXJyb3csIGhpZGVdO1xudmFyIGNyZWF0ZVBvcHBlciA9IC8qI19fUFVSRV9fKi9wb3BwZXJHZW5lcmF0b3Ioe1xuICBkZWZhdWx0TW9kaWZpZXJzOiBkZWZhdWx0TW9kaWZpZXJzXG59KTsgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9uby11bnVzZWQtbW9kdWxlc1xuXG5leHBvcnQgeyBjcmVhdGVQb3BwZXIsIHBvcHBlckdlbmVyYXRvciwgZGVmYXVsdE1vZGlmaWVycywgZGV0ZWN0T3ZlcmZsb3cgfTsgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9uby11bnVzZWQtbW9kdWxlc1xuXG5leHBvcnQgeyBjcmVhdGVQb3BwZXIgYXMgY3JlYXRlUG9wcGVyTGl0ZSB9IGZyb20gXCIuL3BvcHBlci1saXRlLmpzXCI7IC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQvbm8tdW51c2VkLW1vZHVsZXNcblxuZXhwb3J0ICogZnJvbSBcIi4vbW9kaWZpZXJzL2luZGV4LmpzXCI7IiwiaW1wb3J0IGdldFZhcmlhdGlvbiBmcm9tIFwiLi9nZXRWYXJpYXRpb24uanNcIjtcbmltcG9ydCB7IHZhcmlhdGlvblBsYWNlbWVudHMsIGJhc2VQbGFjZW1lbnRzLCBwbGFjZW1lbnRzIGFzIGFsbFBsYWNlbWVudHMgfSBmcm9tIFwiLi4vZW51bXMuanNcIjtcbmltcG9ydCBkZXRlY3RPdmVyZmxvdyBmcm9tIFwiLi9kZXRlY3RPdmVyZmxvdy5qc1wiO1xuaW1wb3J0IGdldEJhc2VQbGFjZW1lbnQgZnJvbSBcIi4vZ2V0QmFzZVBsYWNlbWVudC5qc1wiO1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gY29tcHV0ZUF1dG9QbGFjZW1lbnQoc3RhdGUsIG9wdGlvbnMpIHtcbiAgaWYgKG9wdGlvbnMgPT09IHZvaWQgMCkge1xuICAgIG9wdGlvbnMgPSB7fTtcbiAgfVxuXG4gIHZhciBfb3B0aW9ucyA9IG9wdGlvbnMsXG4gICAgICBwbGFjZW1lbnQgPSBfb3B0aW9ucy5wbGFjZW1lbnQsXG4gICAgICBib3VuZGFyeSA9IF9vcHRpb25zLmJvdW5kYXJ5LFxuICAgICAgcm9vdEJvdW5kYXJ5ID0gX29wdGlvbnMucm9vdEJvdW5kYXJ5LFxuICAgICAgcGFkZGluZyA9IF9vcHRpb25zLnBhZGRpbmcsXG4gICAgICBmbGlwVmFyaWF0aW9ucyA9IF9vcHRpb25zLmZsaXBWYXJpYXRpb25zLFxuICAgICAgX29wdGlvbnMkYWxsb3dlZEF1dG9QID0gX29wdGlvbnMuYWxsb3dlZEF1dG9QbGFjZW1lbnRzLFxuICAgICAgYWxsb3dlZEF1dG9QbGFjZW1lbnRzID0gX29wdGlvbnMkYWxsb3dlZEF1dG9QID09PSB2b2lkIDAgPyBhbGxQbGFjZW1lbnRzIDogX29wdGlvbnMkYWxsb3dlZEF1dG9QO1xuICB2YXIgdmFyaWF0aW9uID0gZ2V0VmFyaWF0aW9uKHBsYWNlbWVudCk7XG4gIHZhciBwbGFjZW1lbnRzID0gdmFyaWF0aW9uID8gZmxpcFZhcmlhdGlvbnMgPyB2YXJpYXRpb25QbGFjZW1lbnRzIDogdmFyaWF0aW9uUGxhY2VtZW50cy5maWx0ZXIoZnVuY3Rpb24gKHBsYWNlbWVudCkge1xuICAgIHJldHVybiBnZXRWYXJpYXRpb24ocGxhY2VtZW50KSA9PT0gdmFyaWF0aW9uO1xuICB9KSA6IGJhc2VQbGFjZW1lbnRzO1xuICB2YXIgYWxsb3dlZFBsYWNlbWVudHMgPSBwbGFjZW1lbnRzLmZpbHRlcihmdW5jdGlvbiAocGxhY2VtZW50KSB7XG4gICAgcmV0dXJuIGFsbG93ZWRBdXRvUGxhY2VtZW50cy5pbmRleE9mKHBsYWNlbWVudCkgPj0gMDtcbiAgfSk7XG5cbiAgaWYgKGFsbG93ZWRQbGFjZW1lbnRzLmxlbmd0aCA9PT0gMCkge1xuICAgIGFsbG93ZWRQbGFjZW1lbnRzID0gcGxhY2VtZW50cztcbiAgfSAvLyAkRmxvd0ZpeE1lW2luY29tcGF0aWJsZS10eXBlXTogRmxvdyBzZWVtcyB0byBoYXZlIHByb2JsZW1zIHdpdGggdHdvIGFycmF5IHVuaW9ucy4uLlxuXG5cbiAgdmFyIG92ZXJmbG93cyA9IGFsbG93ZWRQbGFjZW1lbnRzLnJlZHVjZShmdW5jdGlvbiAoYWNjLCBwbGFjZW1lbnQpIHtcbiAgICBhY2NbcGxhY2VtZW50XSA9IGRldGVjdE92ZXJmbG93KHN0YXRlLCB7XG4gICAgICBwbGFjZW1lbnQ6IHBsYWNlbWVudCxcbiAgICAgIGJvdW5kYXJ5OiBib3VuZGFyeSxcbiAgICAgIHJvb3RCb3VuZGFyeTogcm9vdEJvdW5kYXJ5LFxuICAgICAgcGFkZGluZzogcGFkZGluZ1xuICAgIH0pW2dldEJhc2VQbGFjZW1lbnQocGxhY2VtZW50KV07XG4gICAgcmV0dXJuIGFjYztcbiAgfSwge30pO1xuICByZXR1cm4gT2JqZWN0LmtleXMob3ZlcmZsb3dzKS5zb3J0KGZ1bmN0aW9uIChhLCBiKSB7XG4gICAgcmV0dXJuIG92ZXJmbG93c1thXSAtIG92ZXJmbG93c1tiXTtcbiAgfSk7XG59IiwiaW1wb3J0IGdldEJhc2VQbGFjZW1lbnQgZnJvbSBcIi4vZ2V0QmFzZVBsYWNlbWVudC5qc1wiO1xuaW1wb3J0IGdldFZhcmlhdGlvbiBmcm9tIFwiLi9nZXRWYXJpYXRpb24uanNcIjtcbmltcG9ydCBnZXRNYWluQXhpc0Zyb21QbGFjZW1lbnQgZnJvbSBcIi4vZ2V0TWFpbkF4aXNGcm9tUGxhY2VtZW50LmpzXCI7XG5pbXBvcnQgeyB0b3AsIHJpZ2h0LCBib3R0b20sIGxlZnQsIHN0YXJ0LCBlbmQgfSBmcm9tIFwiLi4vZW51bXMuanNcIjtcbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGNvbXB1dGVPZmZzZXRzKF9yZWYpIHtcbiAgdmFyIHJlZmVyZW5jZSA9IF9yZWYucmVmZXJlbmNlLFxuICAgICAgZWxlbWVudCA9IF9yZWYuZWxlbWVudCxcbiAgICAgIHBsYWNlbWVudCA9IF9yZWYucGxhY2VtZW50O1xuICB2YXIgYmFzZVBsYWNlbWVudCA9IHBsYWNlbWVudCA/IGdldEJhc2VQbGFjZW1lbnQocGxhY2VtZW50KSA6IG51bGw7XG4gIHZhciB2YXJpYXRpb24gPSBwbGFjZW1lbnQgPyBnZXRWYXJpYXRpb24ocGxhY2VtZW50KSA6IG51bGw7XG4gIHZhciBjb21tb25YID0gcmVmZXJlbmNlLnggKyByZWZlcmVuY2Uud2lkdGggLyAyIC0gZWxlbWVudC53aWR0aCAvIDI7XG4gIHZhciBjb21tb25ZID0gcmVmZXJlbmNlLnkgKyByZWZlcmVuY2UuaGVpZ2h0IC8gMiAtIGVsZW1lbnQuaGVpZ2h0IC8gMjtcbiAgdmFyIG9mZnNldHM7XG5cbiAgc3dpdGNoIChiYXNlUGxhY2VtZW50KSB7XG4gICAgY2FzZSB0b3A6XG4gICAgICBvZmZzZXRzID0ge1xuICAgICAgICB4OiBjb21tb25YLFxuICAgICAgICB5OiByZWZlcmVuY2UueSAtIGVsZW1lbnQuaGVpZ2h0XG4gICAgICB9O1xuICAgICAgYnJlYWs7XG5cbiAgICBjYXNlIGJvdHRvbTpcbiAgICAgIG9mZnNldHMgPSB7XG4gICAgICAgIHg6IGNvbW1vblgsXG4gICAgICAgIHk6IHJlZmVyZW5jZS55ICsgcmVmZXJlbmNlLmhlaWdodFxuICAgICAgfTtcbiAgICAgIGJyZWFrO1xuXG4gICAgY2FzZSByaWdodDpcbiAgICAgIG9mZnNldHMgPSB7XG4gICAgICAgIHg6IHJlZmVyZW5jZS54ICsgcmVmZXJlbmNlLndpZHRoLFxuICAgICAgICB5OiBjb21tb25ZXG4gICAgICB9O1xuICAgICAgYnJlYWs7XG5cbiAgICBjYXNlIGxlZnQ6XG4gICAgICBvZmZzZXRzID0ge1xuICAgICAgICB4OiByZWZlcmVuY2UueCAtIGVsZW1lbnQud2lkdGgsXG4gICAgICAgIHk6IGNvbW1vbllcbiAgICAgIH07XG4gICAgICBicmVhaztcblxuICAgIGRlZmF1bHQ6XG4gICAgICBvZmZzZXRzID0ge1xuICAgICAgICB4OiByZWZlcmVuY2UueCxcbiAgICAgICAgeTogcmVmZXJlbmNlLnlcbiAgICAgIH07XG4gIH1cblxuICB2YXIgbWFpbkF4aXMgPSBiYXNlUGxhY2VtZW50ID8gZ2V0TWFpbkF4aXNGcm9tUGxhY2VtZW50KGJhc2VQbGFjZW1lbnQpIDogbnVsbDtcblxuICBpZiAobWFpbkF4aXMgIT0gbnVsbCkge1xuICAgIHZhciBsZW4gPSBtYWluQXhpcyA9PT0gJ3knID8gJ2hlaWdodCcgOiAnd2lkdGgnO1xuXG4gICAgc3dpdGNoICh2YXJpYXRpb24pIHtcbiAgICAgIGNhc2Ugc3RhcnQ6XG4gICAgICAgIG9mZnNldHNbbWFpbkF4aXNdID0gb2Zmc2V0c1ttYWluQXhpc10gLSAocmVmZXJlbmNlW2xlbl0gLyAyIC0gZWxlbWVudFtsZW5dIC8gMik7XG4gICAgICAgIGJyZWFrO1xuXG4gICAgICBjYXNlIGVuZDpcbiAgICAgICAgb2Zmc2V0c1ttYWluQXhpc10gPSBvZmZzZXRzW21haW5BeGlzXSArIChyZWZlcmVuY2VbbGVuXSAvIDIgLSBlbGVtZW50W2xlbl0gLyAyKTtcbiAgICAgICAgYnJlYWs7XG5cbiAgICAgIGRlZmF1bHQ6XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIG9mZnNldHM7XG59IiwiZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gZGVib3VuY2UoZm4pIHtcbiAgdmFyIHBlbmRpbmc7XG4gIHJldHVybiBmdW5jdGlvbiAoKSB7XG4gICAgaWYgKCFwZW5kaW5nKSB7XG4gICAgICBwZW5kaW5nID0gbmV3IFByb21pc2UoZnVuY3Rpb24gKHJlc29sdmUpIHtcbiAgICAgICAgUHJvbWlzZS5yZXNvbHZlKCkudGhlbihmdW5jdGlvbiAoKSB7XG4gICAgICAgICAgcGVuZGluZyA9IHVuZGVmaW5lZDtcbiAgICAgICAgICByZXNvbHZlKGZuKCkpO1xuICAgICAgICB9KTtcbiAgICAgIH0pO1xuICAgIH1cblxuICAgIHJldHVybiBwZW5kaW5nO1xuICB9O1xufSIsImltcG9ydCBnZXRDbGlwcGluZ1JlY3QgZnJvbSBcIi4uL2RvbS11dGlscy9nZXRDbGlwcGluZ1JlY3QuanNcIjtcbmltcG9ydCBnZXREb2N1bWVudEVsZW1lbnQgZnJvbSBcIi4uL2RvbS11dGlscy9nZXREb2N1bWVudEVsZW1lbnQuanNcIjtcbmltcG9ydCBnZXRCb3VuZGluZ0NsaWVudFJlY3QgZnJvbSBcIi4uL2RvbS11dGlscy9nZXRCb3VuZGluZ0NsaWVudFJlY3QuanNcIjtcbmltcG9ydCBjb21wdXRlT2Zmc2V0cyBmcm9tIFwiLi9jb21wdXRlT2Zmc2V0cy5qc1wiO1xuaW1wb3J0IHJlY3RUb0NsaWVudFJlY3QgZnJvbSBcIi4vcmVjdFRvQ2xpZW50UmVjdC5qc1wiO1xuaW1wb3J0IHsgY2xpcHBpbmdQYXJlbnRzLCByZWZlcmVuY2UsIHBvcHBlciwgYm90dG9tLCB0b3AsIHJpZ2h0LCBiYXNlUGxhY2VtZW50cywgdmlld3BvcnQgfSBmcm9tIFwiLi4vZW51bXMuanNcIjtcbmltcG9ydCB7IGlzRWxlbWVudCB9IGZyb20gXCIuLi9kb20tdXRpbHMvaW5zdGFuY2VPZi5qc1wiO1xuaW1wb3J0IG1lcmdlUGFkZGluZ09iamVjdCBmcm9tIFwiLi9tZXJnZVBhZGRpbmdPYmplY3QuanNcIjtcbmltcG9ydCBleHBhbmRUb0hhc2hNYXAgZnJvbSBcIi4vZXhwYW5kVG9IYXNoTWFwLmpzXCI7IC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQvbm8tdW51c2VkLW1vZHVsZXNcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gZGV0ZWN0T3ZlcmZsb3coc3RhdGUsIG9wdGlvbnMpIHtcbiAgaWYgKG9wdGlvbnMgPT09IHZvaWQgMCkge1xuICAgIG9wdGlvbnMgPSB7fTtcbiAgfVxuXG4gIHZhciBfb3B0aW9ucyA9IG9wdGlvbnMsXG4gICAgICBfb3B0aW9ucyRwbGFjZW1lbnQgPSBfb3B0aW9ucy5wbGFjZW1lbnQsXG4gICAgICBwbGFjZW1lbnQgPSBfb3B0aW9ucyRwbGFjZW1lbnQgPT09IHZvaWQgMCA/IHN0YXRlLnBsYWNlbWVudCA6IF9vcHRpb25zJHBsYWNlbWVudCxcbiAgICAgIF9vcHRpb25zJHN0cmF0ZWd5ID0gX29wdGlvbnMuc3RyYXRlZ3ksXG4gICAgICBzdHJhdGVneSA9IF9vcHRpb25zJHN0cmF0ZWd5ID09PSB2b2lkIDAgPyBzdGF0ZS5zdHJhdGVneSA6IF9vcHRpb25zJHN0cmF0ZWd5LFxuICAgICAgX29wdGlvbnMkYm91bmRhcnkgPSBfb3B0aW9ucy5ib3VuZGFyeSxcbiAgICAgIGJvdW5kYXJ5ID0gX29wdGlvbnMkYm91bmRhcnkgPT09IHZvaWQgMCA/IGNsaXBwaW5nUGFyZW50cyA6IF9vcHRpb25zJGJvdW5kYXJ5LFxuICAgICAgX29wdGlvbnMkcm9vdEJvdW5kYXJ5ID0gX29wdGlvbnMucm9vdEJvdW5kYXJ5LFxuICAgICAgcm9vdEJvdW5kYXJ5ID0gX29wdGlvbnMkcm9vdEJvdW5kYXJ5ID09PSB2b2lkIDAgPyB2aWV3cG9ydCA6IF9vcHRpb25zJHJvb3RCb3VuZGFyeSxcbiAgICAgIF9vcHRpb25zJGVsZW1lbnRDb250ZSA9IF9vcHRpb25zLmVsZW1lbnRDb250ZXh0LFxuICAgICAgZWxlbWVudENvbnRleHQgPSBfb3B0aW9ucyRlbGVtZW50Q29udGUgPT09IHZvaWQgMCA/IHBvcHBlciA6IF9vcHRpb25zJGVsZW1lbnRDb250ZSxcbiAgICAgIF9vcHRpb25zJGFsdEJvdW5kYXJ5ID0gX29wdGlvbnMuYWx0Qm91bmRhcnksXG4gICAgICBhbHRCb3VuZGFyeSA9IF9vcHRpb25zJGFsdEJvdW5kYXJ5ID09PSB2b2lkIDAgPyBmYWxzZSA6IF9vcHRpb25zJGFsdEJvdW5kYXJ5LFxuICAgICAgX29wdGlvbnMkcGFkZGluZyA9IF9vcHRpb25zLnBhZGRpbmcsXG4gICAgICBwYWRkaW5nID0gX29wdGlvbnMkcGFkZGluZyA9PT0gdm9pZCAwID8gMCA6IF9vcHRpb25zJHBhZGRpbmc7XG4gIHZhciBwYWRkaW5nT2JqZWN0ID0gbWVyZ2VQYWRkaW5nT2JqZWN0KHR5cGVvZiBwYWRkaW5nICE9PSAnbnVtYmVyJyA/IHBhZGRpbmcgOiBleHBhbmRUb0hhc2hNYXAocGFkZGluZywgYmFzZVBsYWNlbWVudHMpKTtcbiAgdmFyIGFsdENvbnRleHQgPSBlbGVtZW50Q29udGV4dCA9PT0gcG9wcGVyID8gcmVmZXJlbmNlIDogcG9wcGVyO1xuICB2YXIgcG9wcGVyUmVjdCA9IHN0YXRlLnJlY3RzLnBvcHBlcjtcbiAgdmFyIGVsZW1lbnQgPSBzdGF0ZS5lbGVtZW50c1thbHRCb3VuZGFyeSA/IGFsdENvbnRleHQgOiBlbGVtZW50Q29udGV4dF07XG4gIHZhciBjbGlwcGluZ0NsaWVudFJlY3QgPSBnZXRDbGlwcGluZ1JlY3QoaXNFbGVtZW50KGVsZW1lbnQpID8gZWxlbWVudCA6IGVsZW1lbnQuY29udGV4dEVsZW1lbnQgfHwgZ2V0RG9jdW1lbnRFbGVtZW50KHN0YXRlLmVsZW1lbnRzLnBvcHBlciksIGJvdW5kYXJ5LCByb290Qm91bmRhcnksIHN0cmF0ZWd5KTtcbiAgdmFyIHJlZmVyZW5jZUNsaWVudFJlY3QgPSBnZXRCb3VuZGluZ0NsaWVudFJlY3Qoc3RhdGUuZWxlbWVudHMucmVmZXJlbmNlKTtcbiAgdmFyIHBvcHBlck9mZnNldHMgPSBjb21wdXRlT2Zmc2V0cyh7XG4gICAgcmVmZXJlbmNlOiByZWZlcmVuY2VDbGllbnRSZWN0LFxuICAgIGVsZW1lbnQ6IHBvcHBlclJlY3QsXG4gICAgc3RyYXRlZ3k6ICdhYnNvbHV0ZScsXG4gICAgcGxhY2VtZW50OiBwbGFjZW1lbnRcbiAgfSk7XG4gIHZhciBwb3BwZXJDbGllbnRSZWN0ID0gcmVjdFRvQ2xpZW50UmVjdChPYmplY3QuYXNzaWduKHt9LCBwb3BwZXJSZWN0LCBwb3BwZXJPZmZzZXRzKSk7XG4gIHZhciBlbGVtZW50Q2xpZW50UmVjdCA9IGVsZW1lbnRDb250ZXh0ID09PSBwb3BwZXIgPyBwb3BwZXJDbGllbnRSZWN0IDogcmVmZXJlbmNlQ2xpZW50UmVjdDsgLy8gcG9zaXRpdmUgPSBvdmVyZmxvd2luZyB0aGUgY2xpcHBpbmcgcmVjdFxuICAvLyAwIG9yIG5lZ2F0aXZlID0gd2l0aGluIHRoZSBjbGlwcGluZyByZWN0XG5cbiAgdmFyIG92ZXJmbG93T2Zmc2V0cyA9IHtcbiAgICB0b3A6IGNsaXBwaW5nQ2xpZW50UmVjdC50b3AgLSBlbGVtZW50Q2xpZW50UmVjdC50b3AgKyBwYWRkaW5nT2JqZWN0LnRvcCxcbiAgICBib3R0b206IGVsZW1lbnRDbGllbnRSZWN0LmJvdHRvbSAtIGNsaXBwaW5nQ2xpZW50UmVjdC5ib3R0b20gKyBwYWRkaW5nT2JqZWN0LmJvdHRvbSxcbiAgICBsZWZ0OiBjbGlwcGluZ0NsaWVudFJlY3QubGVmdCAtIGVsZW1lbnRDbGllbnRSZWN0LmxlZnQgKyBwYWRkaW5nT2JqZWN0LmxlZnQsXG4gICAgcmlnaHQ6IGVsZW1lbnRDbGllbnRSZWN0LnJpZ2h0IC0gY2xpcHBpbmdDbGllbnRSZWN0LnJpZ2h0ICsgcGFkZGluZ09iamVjdC5yaWdodFxuICB9O1xuICB2YXIgb2Zmc2V0RGF0YSA9IHN0YXRlLm1vZGlmaWVyc0RhdGEub2Zmc2V0OyAvLyBPZmZzZXRzIGNhbiBiZSBhcHBsaWVkIG9ubHkgdG8gdGhlIHBvcHBlciBlbGVtZW50XG5cbiAgaWYgKGVsZW1lbnRDb250ZXh0ID09PSBwb3BwZXIgJiYgb2Zmc2V0RGF0YSkge1xuICAgIHZhciBvZmZzZXQgPSBvZmZzZXREYXRhW3BsYWNlbWVudF07XG4gICAgT2JqZWN0LmtleXMob3ZlcmZsb3dPZmZzZXRzKS5mb3JFYWNoKGZ1bmN0aW9uIChrZXkpIHtcbiAgICAgIHZhciBtdWx0aXBseSA9IFtyaWdodCwgYm90dG9tXS5pbmRleE9mKGtleSkgPj0gMCA/IDEgOiAtMTtcbiAgICAgIHZhciBheGlzID0gW3RvcCwgYm90dG9tXS5pbmRleE9mKGtleSkgPj0gMCA/ICd5JyA6ICd4JztcbiAgICAgIG92ZXJmbG93T2Zmc2V0c1trZXldICs9IG9mZnNldFtheGlzXSAqIG11bHRpcGx5O1xuICAgIH0pO1xuICB9XG5cbiAgcmV0dXJuIG92ZXJmbG93T2Zmc2V0cztcbn0iLCJleHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBleHBhbmRUb0hhc2hNYXAodmFsdWUsIGtleXMpIHtcbiAgcmV0dXJuIGtleXMucmVkdWNlKGZ1bmN0aW9uIChoYXNoTWFwLCBrZXkpIHtcbiAgICBoYXNoTWFwW2tleV0gPSB2YWx1ZTtcbiAgICByZXR1cm4gaGFzaE1hcDtcbiAgfSwge30pO1xufSIsImV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGdldEFsdEF4aXMoYXhpcykge1xuICByZXR1cm4gYXhpcyA9PT0gJ3gnID8gJ3knIDogJ3gnO1xufSIsImltcG9ydCB7IGF1dG8gfSBmcm9tIFwiLi4vZW51bXMuanNcIjtcbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGdldEJhc2VQbGFjZW1lbnQocGxhY2VtZW50KSB7XG4gIHJldHVybiBwbGFjZW1lbnQuc3BsaXQoJy0nKVswXTtcbn0iLCJleHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBnZXRGcmVzaFNpZGVPYmplY3QoKSB7XG4gIHJldHVybiB7XG4gICAgdG9wOiAwLFxuICAgIHJpZ2h0OiAwLFxuICAgIGJvdHRvbTogMCxcbiAgICBsZWZ0OiAwXG4gIH07XG59IiwiZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gZ2V0TWFpbkF4aXNGcm9tUGxhY2VtZW50KHBsYWNlbWVudCkge1xuICByZXR1cm4gWyd0b3AnLCAnYm90dG9tJ10uaW5kZXhPZihwbGFjZW1lbnQpID49IDAgPyAneCcgOiAneSc7XG59IiwidmFyIGhhc2ggPSB7XG4gIGxlZnQ6ICdyaWdodCcsXG4gIHJpZ2h0OiAnbGVmdCcsXG4gIGJvdHRvbTogJ3RvcCcsXG4gIHRvcDogJ2JvdHRvbSdcbn07XG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBnZXRPcHBvc2l0ZVBsYWNlbWVudChwbGFjZW1lbnQpIHtcbiAgcmV0dXJuIHBsYWNlbWVudC5yZXBsYWNlKC9sZWZ0fHJpZ2h0fGJvdHRvbXx0b3AvZywgZnVuY3Rpb24gKG1hdGNoZWQpIHtcbiAgICByZXR1cm4gaGFzaFttYXRjaGVkXTtcbiAgfSk7XG59IiwidmFyIGhhc2ggPSB7XG4gIHN0YXJ0OiAnZW5kJyxcbiAgZW5kOiAnc3RhcnQnXG59O1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gZ2V0T3Bwb3NpdGVWYXJpYXRpb25QbGFjZW1lbnQocGxhY2VtZW50KSB7XG4gIHJldHVybiBwbGFjZW1lbnQucmVwbGFjZSgvc3RhcnR8ZW5kL2csIGZ1bmN0aW9uIChtYXRjaGVkKSB7XG4gICAgcmV0dXJuIGhhc2hbbWF0Y2hlZF07XG4gIH0pO1xufSIsImV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGdldFZhcmlhdGlvbihwbGFjZW1lbnQpIHtcbiAgcmV0dXJuIHBsYWNlbWVudC5zcGxpdCgnLScpWzFdO1xufSIsImV4cG9ydCB2YXIgbWF4ID0gTWF0aC5tYXg7XG5leHBvcnQgdmFyIG1pbiA9IE1hdGgubWluO1xuZXhwb3J0IHZhciByb3VuZCA9IE1hdGgucm91bmQ7IiwiZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gbWVyZ2VCeU5hbWUobW9kaWZpZXJzKSB7XG4gIHZhciBtZXJnZWQgPSBtb2RpZmllcnMucmVkdWNlKGZ1bmN0aW9uIChtZXJnZWQsIGN1cnJlbnQpIHtcbiAgICB2YXIgZXhpc3RpbmcgPSBtZXJnZWRbY3VycmVudC5uYW1lXTtcbiAgICBtZXJnZWRbY3VycmVudC5uYW1lXSA9IGV4aXN0aW5nID8gT2JqZWN0LmFzc2lnbih7fSwgZXhpc3RpbmcsIGN1cnJlbnQsIHtcbiAgICAgIG9wdGlvbnM6IE9iamVjdC5hc3NpZ24oe30sIGV4aXN0aW5nLm9wdGlvbnMsIGN1cnJlbnQub3B0aW9ucyksXG4gICAgICBkYXRhOiBPYmplY3QuYXNzaWduKHt9LCBleGlzdGluZy5kYXRhLCBjdXJyZW50LmRhdGEpXG4gICAgfSkgOiBjdXJyZW50O1xuICAgIHJldHVybiBtZXJnZWQ7XG4gIH0sIHt9KTsgLy8gSUUxMSBkb2VzIG5vdCBzdXBwb3J0IE9iamVjdC52YWx1ZXNcblxuICByZXR1cm4gT2JqZWN0LmtleXMobWVyZ2VkKS5tYXAoZnVuY3Rpb24gKGtleSkge1xuICAgIHJldHVybiBtZXJnZWRba2V5XTtcbiAgfSk7XG59IiwiaW1wb3J0IGdldEZyZXNoU2lkZU9iamVjdCBmcm9tIFwiLi9nZXRGcmVzaFNpZGVPYmplY3QuanNcIjtcbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIG1lcmdlUGFkZGluZ09iamVjdChwYWRkaW5nT2JqZWN0KSB7XG4gIHJldHVybiBPYmplY3QuYXNzaWduKHt9LCBnZXRGcmVzaFNpZGVPYmplY3QoKSwgcGFkZGluZ09iamVjdCk7XG59IiwiaW1wb3J0IHsgbW9kaWZpZXJQaGFzZXMgfSBmcm9tIFwiLi4vZW51bXMuanNcIjsgLy8gc291cmNlOiBodHRwczovL3N0YWNrb3ZlcmZsb3cuY29tL3F1ZXN0aW9ucy80OTg3NTI1NVxuXG5mdW5jdGlvbiBvcmRlcihtb2RpZmllcnMpIHtcbiAgdmFyIG1hcCA9IG5ldyBNYXAoKTtcbiAgdmFyIHZpc2l0ZWQgPSBuZXcgU2V0KCk7XG4gIHZhciByZXN1bHQgPSBbXTtcbiAgbW9kaWZpZXJzLmZvckVhY2goZnVuY3Rpb24gKG1vZGlmaWVyKSB7XG4gICAgbWFwLnNldChtb2RpZmllci5uYW1lLCBtb2RpZmllcik7XG4gIH0pOyAvLyBPbiB2aXNpdGluZyBvYmplY3QsIGNoZWNrIGZvciBpdHMgZGVwZW5kZW5jaWVzIGFuZCB2aXNpdCB0aGVtIHJlY3Vyc2l2ZWx5XG5cbiAgZnVuY3Rpb24gc29ydChtb2RpZmllcikge1xuICAgIHZpc2l0ZWQuYWRkKG1vZGlmaWVyLm5hbWUpO1xuICAgIHZhciByZXF1aXJlcyA9IFtdLmNvbmNhdChtb2RpZmllci5yZXF1aXJlcyB8fCBbXSwgbW9kaWZpZXIucmVxdWlyZXNJZkV4aXN0cyB8fCBbXSk7XG4gICAgcmVxdWlyZXMuZm9yRWFjaChmdW5jdGlvbiAoZGVwKSB7XG4gICAgICBpZiAoIXZpc2l0ZWQuaGFzKGRlcCkpIHtcbiAgICAgICAgdmFyIGRlcE1vZGlmaWVyID0gbWFwLmdldChkZXApO1xuXG4gICAgICAgIGlmIChkZXBNb2RpZmllcikge1xuICAgICAgICAgIHNvcnQoZGVwTW9kaWZpZXIpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfSk7XG4gICAgcmVzdWx0LnB1c2gobW9kaWZpZXIpO1xuICB9XG5cbiAgbW9kaWZpZXJzLmZvckVhY2goZnVuY3Rpb24gKG1vZGlmaWVyKSB7XG4gICAgaWYgKCF2aXNpdGVkLmhhcyhtb2RpZmllci5uYW1lKSkge1xuICAgICAgLy8gY2hlY2sgZm9yIHZpc2l0ZWQgb2JqZWN0XG4gICAgICBzb3J0KG1vZGlmaWVyKTtcbiAgICB9XG4gIH0pO1xuICByZXR1cm4gcmVzdWx0O1xufVxuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBvcmRlck1vZGlmaWVycyhtb2RpZmllcnMpIHtcbiAgLy8gb3JkZXIgYmFzZWQgb24gZGVwZW5kZW5jaWVzXG4gIHZhciBvcmRlcmVkTW9kaWZpZXJzID0gb3JkZXIobW9kaWZpZXJzKTsgLy8gb3JkZXIgYmFzZWQgb24gcGhhc2VcblxuICByZXR1cm4gbW9kaWZpZXJQaGFzZXMucmVkdWNlKGZ1bmN0aW9uIChhY2MsIHBoYXNlKSB7XG4gICAgcmV0dXJuIGFjYy5jb25jYXQob3JkZXJlZE1vZGlmaWVycy5maWx0ZXIoZnVuY3Rpb24gKG1vZGlmaWVyKSB7XG4gICAgICByZXR1cm4gbW9kaWZpZXIucGhhc2UgPT09IHBoYXNlO1xuICAgIH0pKTtcbiAgfSwgW10pO1xufSIsImV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIHJlY3RUb0NsaWVudFJlY3QocmVjdCkge1xuICByZXR1cm4gT2JqZWN0LmFzc2lnbih7fSwgcmVjdCwge1xuICAgIGxlZnQ6IHJlY3QueCxcbiAgICB0b3A6IHJlY3QueSxcbiAgICByaWdodDogcmVjdC54ICsgcmVjdC53aWR0aCxcbiAgICBib3R0b206IHJlY3QueSArIHJlY3QuaGVpZ2h0XG4gIH0pO1xufSIsImV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGdldFVBU3RyaW5nKCkge1xuICB2YXIgdWFEYXRhID0gbmF2aWdhdG9yLnVzZXJBZ2VudERhdGE7XG5cbiAgaWYgKHVhRGF0YSAhPSBudWxsICYmIHVhRGF0YS5icmFuZHMgJiYgQXJyYXkuaXNBcnJheSh1YURhdGEuYnJhbmRzKSkge1xuICAgIHJldHVybiB1YURhdGEuYnJhbmRzLm1hcChmdW5jdGlvbiAoaXRlbSkge1xuICAgICAgcmV0dXJuIGl0ZW0uYnJhbmQgKyBcIi9cIiArIGl0ZW0udmVyc2lvbjtcbiAgICB9KS5qb2luKCcgJyk7XG4gIH1cblxuICByZXR1cm4gbmF2aWdhdG9yLnVzZXJBZ2VudDtcbn0iLCJpbXBvcnQgeyBtYXggYXMgbWF0aE1heCwgbWluIGFzIG1hdGhNaW4gfSBmcm9tIFwiLi9tYXRoLmpzXCI7XG5leHBvcnQgZnVuY3Rpb24gd2l0aGluKG1pbiwgdmFsdWUsIG1heCkge1xuICByZXR1cm4gbWF0aE1heChtaW4sIG1hdGhNaW4odmFsdWUsIG1heCkpO1xufVxuZXhwb3J0IGZ1bmN0aW9uIHdpdGhpbk1heENsYW1wKG1pbiwgdmFsdWUsIG1heCkge1xuICB2YXIgdiA9IHdpdGhpbihtaW4sIHZhbHVlLCBtYXgpO1xuICByZXR1cm4gdiA+IG1heCA/IG1heCA6IHY7XG59IiwiLyoqXG4gKiBUaGlzIGlzIHRoZSB3ZWIgYnJvd3NlciBpbXBsZW1lbnRhdGlvbiBvZiBgZGVidWcoKWAuXG4gKlxuICogRXhwb3NlIGBkZWJ1ZygpYCBhcyB0aGUgbW9kdWxlLlxuICovXG5cbmV4cG9ydHMgPSBtb2R1bGUuZXhwb3J0cyA9IHJlcXVpcmUoJy4vZGVidWcnKTtcbmV4cG9ydHMubG9nID0gbG9nO1xuZXhwb3J0cy5mb3JtYXRBcmdzID0gZm9ybWF0QXJncztcbmV4cG9ydHMuc2F2ZSA9IHNhdmU7XG5leHBvcnRzLmxvYWQgPSBsb2FkO1xuZXhwb3J0cy51c2VDb2xvcnMgPSB1c2VDb2xvcnM7XG5leHBvcnRzLnN0b3JhZ2UgPSAndW5kZWZpbmVkJyAhPSB0eXBlb2YgY2hyb21lXG4gICAgICAgICAgICAgICAmJiAndW5kZWZpbmVkJyAhPSB0eXBlb2YgY2hyb21lLnN0b3JhZ2VcbiAgICAgICAgICAgICAgICAgID8gY2hyb21lLnN0b3JhZ2UubG9jYWxcbiAgICAgICAgICAgICAgICAgIDogbG9jYWxzdG9yYWdlKCk7XG5cbi8qKlxuICogQ29sb3JzLlxuICovXG5cbmV4cG9ydHMuY29sb3JzID0gW1xuICAnbGlnaHRzZWFncmVlbicsXG4gICdmb3Jlc3RncmVlbicsXG4gICdnb2xkZW5yb2QnLFxuICAnZG9kZ2VyYmx1ZScsXG4gICdkYXJrb3JjaGlkJyxcbiAgJ2NyaW1zb24nXG5dO1xuXG4vKipcbiAqIEN1cnJlbnRseSBvbmx5IFdlYktpdC1iYXNlZCBXZWIgSW5zcGVjdG9ycywgRmlyZWZveCA+PSB2MzEsXG4gKiBhbmQgdGhlIEZpcmVidWcgZXh0ZW5zaW9uIChhbnkgRmlyZWZveCB2ZXJzaW9uKSBhcmUga25vd25cbiAqIHRvIHN1cHBvcnQgXCIlY1wiIENTUyBjdXN0b21pemF0aW9ucy5cbiAqXG4gKiBUT0RPOiBhZGQgYSBgbG9jYWxTdG9yYWdlYCB2YXJpYWJsZSB0byBleHBsaWNpdGx5IGVuYWJsZS9kaXNhYmxlIGNvbG9yc1xuICovXG5cbmZ1bmN0aW9uIHVzZUNvbG9ycygpIHtcbiAgLy8gTkI6IEluIGFuIEVsZWN0cm9uIHByZWxvYWQgc2NyaXB0LCBkb2N1bWVudCB3aWxsIGJlIGRlZmluZWQgYnV0IG5vdCBmdWxseVxuICAvLyBpbml0aWFsaXplZC4gU2luY2Ugd2Uga25vdyB3ZSdyZSBpbiBDaHJvbWUsIHdlJ2xsIGp1c3QgZGV0ZWN0IHRoaXMgY2FzZVxuICAvLyBleHBsaWNpdGx5XG4gIGlmICh0eXBlb2Ygd2luZG93ICE9PSAndW5kZWZpbmVkJyAmJiB3aW5kb3cucHJvY2VzcyAmJiB3aW5kb3cucHJvY2Vzcy50eXBlID09PSAncmVuZGVyZXInKSB7XG4gICAgcmV0dXJuIHRydWU7XG4gIH1cblxuICAvLyBpcyB3ZWJraXQ/IGh0dHA6Ly9zdGFja292ZXJmbG93LmNvbS9hLzE2NDU5NjA2LzM3Njc3M1xuICAvLyBkb2N1bWVudCBpcyB1bmRlZmluZWQgaW4gcmVhY3QtbmF0aXZlOiBodHRwczovL2dpdGh1Yi5jb20vZmFjZWJvb2svcmVhY3QtbmF0aXZlL3B1bGwvMTYzMlxuICByZXR1cm4gKHR5cGVvZiBkb2N1bWVudCAhPT0gJ3VuZGVmaW5lZCcgJiYgZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50ICYmIGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5zdHlsZSAmJiBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuc3R5bGUuV2Via2l0QXBwZWFyYW5jZSkgfHxcbiAgICAvLyBpcyBmaXJlYnVnPyBodHRwOi8vc3RhY2tvdmVyZmxvdy5jb20vYS8zOTgxMjAvMzc2NzczXG4gICAgKHR5cGVvZiB3aW5kb3cgIT09ICd1bmRlZmluZWQnICYmIHdpbmRvdy5jb25zb2xlICYmICh3aW5kb3cuY29uc29sZS5maXJlYnVnIHx8ICh3aW5kb3cuY29uc29sZS5leGNlcHRpb24gJiYgd2luZG93LmNvbnNvbGUudGFibGUpKSkgfHxcbiAgICAvLyBpcyBmaXJlZm94ID49IHYzMT9cbiAgICAvLyBodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZy9lbi1VUy9kb2NzL1Rvb2xzL1dlYl9Db25zb2xlI1N0eWxpbmdfbWVzc2FnZXNcbiAgICAodHlwZW9mIG5hdmlnYXRvciAhPT0gJ3VuZGVmaW5lZCcgJiYgbmF2aWdhdG9yLnVzZXJBZ2VudCAmJiBuYXZpZ2F0b3IudXNlckFnZW50LnRvTG93ZXJDYXNlKCkubWF0Y2goL2ZpcmVmb3hcXC8oXFxkKykvKSAmJiBwYXJzZUludChSZWdFeHAuJDEsIDEwKSA+PSAzMSkgfHxcbiAgICAvLyBkb3VibGUgY2hlY2sgd2Via2l0IGluIHVzZXJBZ2VudCBqdXN0IGluIGNhc2Ugd2UgYXJlIGluIGEgd29ya2VyXG4gICAgKHR5cGVvZiBuYXZpZ2F0b3IgIT09ICd1bmRlZmluZWQnICYmIG5hdmlnYXRvci51c2VyQWdlbnQgJiYgbmF2aWdhdG9yLnVzZXJBZ2VudC50b0xvd2VyQ2FzZSgpLm1hdGNoKC9hcHBsZXdlYmtpdFxcLyhcXGQrKS8pKTtcbn1cblxuLyoqXG4gKiBNYXAgJWogdG8gYEpTT04uc3RyaW5naWZ5KClgLCBzaW5jZSBubyBXZWIgSW5zcGVjdG9ycyBkbyB0aGF0IGJ5IGRlZmF1bHQuXG4gKi9cblxuZXhwb3J0cy5mb3JtYXR0ZXJzLmogPSBmdW5jdGlvbih2KSB7XG4gIHRyeSB7XG4gICAgcmV0dXJuIEpTT04uc3RyaW5naWZ5KHYpO1xuICB9IGNhdGNoIChlcnIpIHtcbiAgICByZXR1cm4gJ1tVbmV4cGVjdGVkSlNPTlBhcnNlRXJyb3JdOiAnICsgZXJyLm1lc3NhZ2U7XG4gIH1cbn07XG5cblxuLyoqXG4gKiBDb2xvcml6ZSBsb2cgYXJndW1lbnRzIGlmIGVuYWJsZWQuXG4gKlxuICogQGFwaSBwdWJsaWNcbiAqL1xuXG5mdW5jdGlvbiBmb3JtYXRBcmdzKGFyZ3MpIHtcbiAgdmFyIHVzZUNvbG9ycyA9IHRoaXMudXNlQ29sb3JzO1xuXG4gIGFyZ3NbMF0gPSAodXNlQ29sb3JzID8gJyVjJyA6ICcnKVxuICAgICsgdGhpcy5uYW1lc3BhY2VcbiAgICArICh1c2VDb2xvcnMgPyAnICVjJyA6ICcgJylcbiAgICArIGFyZ3NbMF1cbiAgICArICh1c2VDb2xvcnMgPyAnJWMgJyA6ICcgJylcbiAgICArICcrJyArIGV4cG9ydHMuaHVtYW5pemUodGhpcy5kaWZmKTtcblxuICBpZiAoIXVzZUNvbG9ycykgcmV0dXJuO1xuXG4gIHZhciBjID0gJ2NvbG9yOiAnICsgdGhpcy5jb2xvcjtcbiAgYXJncy5zcGxpY2UoMSwgMCwgYywgJ2NvbG9yOiBpbmhlcml0JylcblxuICAvLyB0aGUgZmluYWwgXCIlY1wiIGlzIHNvbWV3aGF0IHRyaWNreSwgYmVjYXVzZSB0aGVyZSBjb3VsZCBiZSBvdGhlclxuICAvLyBhcmd1bWVudHMgcGFzc2VkIGVpdGhlciBiZWZvcmUgb3IgYWZ0ZXIgdGhlICVjLCBzbyB3ZSBuZWVkIHRvXG4gIC8vIGZpZ3VyZSBvdXQgdGhlIGNvcnJlY3QgaW5kZXggdG8gaW5zZXJ0IHRoZSBDU1MgaW50b1xuICB2YXIgaW5kZXggPSAwO1xuICB2YXIgbGFzdEMgPSAwO1xuICBhcmdzWzBdLnJlcGxhY2UoLyVbYS16QS1aJV0vZywgZnVuY3Rpb24obWF0Y2gpIHtcbiAgICBpZiAoJyUlJyA9PT0gbWF0Y2gpIHJldHVybjtcbiAgICBpbmRleCsrO1xuICAgIGlmICgnJWMnID09PSBtYXRjaCkge1xuICAgICAgLy8gd2Ugb25seSBhcmUgaW50ZXJlc3RlZCBpbiB0aGUgKmxhc3QqICVjXG4gICAgICAvLyAodGhlIHVzZXIgbWF5IGhhdmUgcHJvdmlkZWQgdGhlaXIgb3duKVxuICAgICAgbGFzdEMgPSBpbmRleDtcbiAgICB9XG4gIH0pO1xuXG4gIGFyZ3Muc3BsaWNlKGxhc3RDLCAwLCBjKTtcbn1cblxuLyoqXG4gKiBJbnZva2VzIGBjb25zb2xlLmxvZygpYCB3aGVuIGF2YWlsYWJsZS5cbiAqIE5vLW9wIHdoZW4gYGNvbnNvbGUubG9nYCBpcyBub3QgYSBcImZ1bmN0aW9uXCIuXG4gKlxuICogQGFwaSBwdWJsaWNcbiAqL1xuXG5mdW5jdGlvbiBsb2coKSB7XG4gIC8vIHRoaXMgaGFja2VyeSBpcyByZXF1aXJlZCBmb3IgSUU4LzksIHdoZXJlXG4gIC8vIHRoZSBgY29uc29sZS5sb2dgIGZ1bmN0aW9uIGRvZXNuJ3QgaGF2ZSAnYXBwbHknXG4gIHJldHVybiAnb2JqZWN0JyA9PT0gdHlwZW9mIGNvbnNvbGVcbiAgICAmJiBjb25zb2xlLmxvZ1xuICAgICYmIEZ1bmN0aW9uLnByb3RvdHlwZS5hcHBseS5jYWxsKGNvbnNvbGUubG9nLCBjb25zb2xlLCBhcmd1bWVudHMpO1xufVxuXG4vKipcbiAqIFNhdmUgYG5hbWVzcGFjZXNgLlxuICpcbiAqIEBwYXJhbSB7U3RyaW5nfSBuYW1lc3BhY2VzXG4gKiBAYXBpIHByaXZhdGVcbiAqL1xuXG5mdW5jdGlvbiBzYXZlKG5hbWVzcGFjZXMpIHtcbiAgdHJ5IHtcbiAgICBpZiAobnVsbCA9PSBuYW1lc3BhY2VzKSB7XG4gICAgICBleHBvcnRzLnN0b3JhZ2UucmVtb3ZlSXRlbSgnZGVidWcnKTtcbiAgICB9IGVsc2Uge1xuICAgICAgZXhwb3J0cy5zdG9yYWdlLmRlYnVnID0gbmFtZXNwYWNlcztcbiAgICB9XG4gIH0gY2F0Y2goZSkge31cbn1cblxuLyoqXG4gKiBMb2FkIGBuYW1lc3BhY2VzYC5cbiAqXG4gKiBAcmV0dXJuIHtTdHJpbmd9IHJldHVybnMgdGhlIHByZXZpb3VzbHkgcGVyc2lzdGVkIGRlYnVnIG1vZGVzXG4gKiBAYXBpIHByaXZhdGVcbiAqL1xuXG5mdW5jdGlvbiBsb2FkKCkge1xuICB2YXIgcjtcbiAgdHJ5IHtcbiAgICByID0gZXhwb3J0cy5zdG9yYWdlLmRlYnVnO1xuICB9IGNhdGNoKGUpIHt9XG5cbiAgLy8gSWYgZGVidWcgaXNuJ3Qgc2V0IGluIExTLCBhbmQgd2UncmUgaW4gRWxlY3Ryb24sIHRyeSB0byBsb2FkICRERUJVR1xuICBpZiAoIXIgJiYgdHlwZW9mIHByb2Nlc3MgIT09ICd1bmRlZmluZWQnICYmICdlbnYnIGluIHByb2Nlc3MpIHtcbiAgICByID0gcHJvY2Vzcy5lbnYuREVCVUc7XG4gIH1cblxuICByZXR1cm4gcjtcbn1cblxuLyoqXG4gKiBFbmFibGUgbmFtZXNwYWNlcyBsaXN0ZWQgaW4gYGxvY2FsU3RvcmFnZS5kZWJ1Z2AgaW5pdGlhbGx5LlxuICovXG5cbmV4cG9ydHMuZW5hYmxlKGxvYWQoKSk7XG5cbi8qKlxuICogTG9jYWxzdG9yYWdlIGF0dGVtcHRzIHRvIHJldHVybiB0aGUgbG9jYWxzdG9yYWdlLlxuICpcbiAqIFRoaXMgaXMgbmVjZXNzYXJ5IGJlY2F1c2Ugc2FmYXJpIHRocm93c1xuICogd2hlbiBhIHVzZXIgZGlzYWJsZXMgY29va2llcy9sb2NhbHN0b3JhZ2VcbiAqIGFuZCB5b3UgYXR0ZW1wdCB0byBhY2Nlc3MgaXQuXG4gKlxuICogQHJldHVybiB7TG9jYWxTdG9yYWdlfVxuICogQGFwaSBwcml2YXRlXG4gKi9cblxuZnVuY3Rpb24gbG9jYWxzdG9yYWdlKCkge1xuICB0cnkge1xuICAgIHJldHVybiB3aW5kb3cubG9jYWxTdG9yYWdlO1xuICB9IGNhdGNoIChlKSB7fVxufVxuIiwiXG4vKipcbiAqIFRoaXMgaXMgdGhlIGNvbW1vbiBsb2dpYyBmb3IgYm90aCB0aGUgTm9kZS5qcyBhbmQgd2ViIGJyb3dzZXJcbiAqIGltcGxlbWVudGF0aW9ucyBvZiBgZGVidWcoKWAuXG4gKlxuICogRXhwb3NlIGBkZWJ1ZygpYCBhcyB0aGUgbW9kdWxlLlxuICovXG5cbmV4cG9ydHMgPSBtb2R1bGUuZXhwb3J0cyA9IGNyZWF0ZURlYnVnLmRlYnVnID0gY3JlYXRlRGVidWdbJ2RlZmF1bHQnXSA9IGNyZWF0ZURlYnVnO1xuZXhwb3J0cy5jb2VyY2UgPSBjb2VyY2U7XG5leHBvcnRzLmRpc2FibGUgPSBkaXNhYmxlO1xuZXhwb3J0cy5lbmFibGUgPSBlbmFibGU7XG5leHBvcnRzLmVuYWJsZWQgPSBlbmFibGVkO1xuZXhwb3J0cy5odW1hbml6ZSA9IHJlcXVpcmUoJ21zJyk7XG5cbi8qKlxuICogVGhlIGN1cnJlbnRseSBhY3RpdmUgZGVidWcgbW9kZSBuYW1lcywgYW5kIG5hbWVzIHRvIHNraXAuXG4gKi9cblxuZXhwb3J0cy5uYW1lcyA9IFtdO1xuZXhwb3J0cy5za2lwcyA9IFtdO1xuXG4vKipcbiAqIE1hcCBvZiBzcGVjaWFsIFwiJW5cIiBoYW5kbGluZyBmdW5jdGlvbnMsIGZvciB0aGUgZGVidWcgXCJmb3JtYXRcIiBhcmd1bWVudC5cbiAqXG4gKiBWYWxpZCBrZXkgbmFtZXMgYXJlIGEgc2luZ2xlLCBsb3dlciBvciB1cHBlci1jYXNlIGxldHRlciwgaS5lLiBcIm5cIiBhbmQgXCJOXCIuXG4gKi9cblxuZXhwb3J0cy5mb3JtYXR0ZXJzID0ge307XG5cbi8qKlxuICogUHJldmlvdXMgbG9nIHRpbWVzdGFtcC5cbiAqL1xuXG52YXIgcHJldlRpbWU7XG5cbi8qKlxuICogU2VsZWN0IGEgY29sb3IuXG4gKiBAcGFyYW0ge1N0cmluZ30gbmFtZXNwYWNlXG4gKiBAcmV0dXJuIHtOdW1iZXJ9XG4gKiBAYXBpIHByaXZhdGVcbiAqL1xuXG5mdW5jdGlvbiBzZWxlY3RDb2xvcihuYW1lc3BhY2UpIHtcbiAgdmFyIGhhc2ggPSAwLCBpO1xuXG4gIGZvciAoaSBpbiBuYW1lc3BhY2UpIHtcbiAgICBoYXNoICA9ICgoaGFzaCA8PCA1KSAtIGhhc2gpICsgbmFtZXNwYWNlLmNoYXJDb2RlQXQoaSk7XG4gICAgaGFzaCB8PSAwOyAvLyBDb252ZXJ0IHRvIDMyYml0IGludGVnZXJcbiAgfVxuXG4gIHJldHVybiBleHBvcnRzLmNvbG9yc1tNYXRoLmFicyhoYXNoKSAlIGV4cG9ydHMuY29sb3JzLmxlbmd0aF07XG59XG5cbi8qKlxuICogQ3JlYXRlIGEgZGVidWdnZXIgd2l0aCB0aGUgZ2l2ZW4gYG5hbWVzcGFjZWAuXG4gKlxuICogQHBhcmFtIHtTdHJpbmd9IG5hbWVzcGFjZVxuICogQHJldHVybiB7RnVuY3Rpb259XG4gKiBAYXBpIHB1YmxpY1xuICovXG5cbmZ1bmN0aW9uIGNyZWF0ZURlYnVnKG5hbWVzcGFjZSkge1xuXG4gIGZ1bmN0aW9uIGRlYnVnKCkge1xuICAgIC8vIGRpc2FibGVkP1xuICAgIGlmICghZGVidWcuZW5hYmxlZCkgcmV0dXJuO1xuXG4gICAgdmFyIHNlbGYgPSBkZWJ1ZztcblxuICAgIC8vIHNldCBgZGlmZmAgdGltZXN0YW1wXG4gICAgdmFyIGN1cnIgPSArbmV3IERhdGUoKTtcbiAgICB2YXIgbXMgPSBjdXJyIC0gKHByZXZUaW1lIHx8IGN1cnIpO1xuICAgIHNlbGYuZGlmZiA9IG1zO1xuICAgIHNlbGYucHJldiA9IHByZXZUaW1lO1xuICAgIHNlbGYuY3VyciA9IGN1cnI7XG4gICAgcHJldlRpbWUgPSBjdXJyO1xuXG4gICAgLy8gdHVybiB0aGUgYGFyZ3VtZW50c2AgaW50byBhIHByb3BlciBBcnJheVxuICAgIHZhciBhcmdzID0gbmV3IEFycmF5KGFyZ3VtZW50cy5sZW5ndGgpO1xuICAgIGZvciAodmFyIGkgPSAwOyBpIDwgYXJncy5sZW5ndGg7IGkrKykge1xuICAgICAgYXJnc1tpXSA9IGFyZ3VtZW50c1tpXTtcbiAgICB9XG5cbiAgICBhcmdzWzBdID0gZXhwb3J0cy5jb2VyY2UoYXJnc1swXSk7XG5cbiAgICBpZiAoJ3N0cmluZycgIT09IHR5cGVvZiBhcmdzWzBdKSB7XG4gICAgICAvLyBhbnl0aGluZyBlbHNlIGxldCdzIGluc3BlY3Qgd2l0aCAlT1xuICAgICAgYXJncy51bnNoaWZ0KCclTycpO1xuICAgIH1cblxuICAgIC8vIGFwcGx5IGFueSBgZm9ybWF0dGVyc2AgdHJhbnNmb3JtYXRpb25zXG4gICAgdmFyIGluZGV4ID0gMDtcbiAgICBhcmdzWzBdID0gYXJnc1swXS5yZXBsYWNlKC8lKFthLXpBLVolXSkvZywgZnVuY3Rpb24obWF0Y2gsIGZvcm1hdCkge1xuICAgICAgLy8gaWYgd2UgZW5jb3VudGVyIGFuIGVzY2FwZWQgJSB0aGVuIGRvbid0IGluY3JlYXNlIHRoZSBhcnJheSBpbmRleFxuICAgICAgaWYgKG1hdGNoID09PSAnJSUnKSByZXR1cm4gbWF0Y2g7XG4gICAgICBpbmRleCsrO1xuICAgICAgdmFyIGZvcm1hdHRlciA9IGV4cG9ydHMuZm9ybWF0dGVyc1tmb3JtYXRdO1xuICAgICAgaWYgKCdmdW5jdGlvbicgPT09IHR5cGVvZiBmb3JtYXR0ZXIpIHtcbiAgICAgICAgdmFyIHZhbCA9IGFyZ3NbaW5kZXhdO1xuICAgICAgICBtYXRjaCA9IGZvcm1hdHRlci5jYWxsKHNlbGYsIHZhbCk7XG5cbiAgICAgICAgLy8gbm93IHdlIG5lZWQgdG8gcmVtb3ZlIGBhcmdzW2luZGV4XWAgc2luY2UgaXQncyBpbmxpbmVkIGluIHRoZSBgZm9ybWF0YFxuICAgICAgICBhcmdzLnNwbGljZShpbmRleCwgMSk7XG4gICAgICAgIGluZGV4LS07XG4gICAgICB9XG4gICAgICByZXR1cm4gbWF0Y2g7XG4gICAgfSk7XG5cbiAgICAvLyBhcHBseSBlbnYtc3BlY2lmaWMgZm9ybWF0dGluZyAoY29sb3JzLCBldGMuKVxuICAgIGV4cG9ydHMuZm9ybWF0QXJncy5jYWxsKHNlbGYsIGFyZ3MpO1xuXG4gICAgdmFyIGxvZ0ZuID0gZGVidWcubG9nIHx8IGV4cG9ydHMubG9nIHx8IGNvbnNvbGUubG9nLmJpbmQoY29uc29sZSk7XG4gICAgbG9nRm4uYXBwbHkoc2VsZiwgYXJncyk7XG4gIH1cblxuICBkZWJ1Zy5uYW1lc3BhY2UgPSBuYW1lc3BhY2U7XG4gIGRlYnVnLmVuYWJsZWQgPSBleHBvcnRzLmVuYWJsZWQobmFtZXNwYWNlKTtcbiAgZGVidWcudXNlQ29sb3JzID0gZXhwb3J0cy51c2VDb2xvcnMoKTtcbiAgZGVidWcuY29sb3IgPSBzZWxlY3RDb2xvcihuYW1lc3BhY2UpO1xuXG4gIC8vIGVudi1zcGVjaWZpYyBpbml0aWFsaXphdGlvbiBsb2dpYyBmb3IgZGVidWcgaW5zdGFuY2VzXG4gIGlmICgnZnVuY3Rpb24nID09PSB0eXBlb2YgZXhwb3J0cy5pbml0KSB7XG4gICAgZXhwb3J0cy5pbml0KGRlYnVnKTtcbiAgfVxuXG4gIHJldHVybiBkZWJ1Zztcbn1cblxuLyoqXG4gKiBFbmFibGVzIGEgZGVidWcgbW9kZSBieSBuYW1lc3BhY2VzLiBUaGlzIGNhbiBpbmNsdWRlIG1vZGVzXG4gKiBzZXBhcmF0ZWQgYnkgYSBjb2xvbiBhbmQgd2lsZGNhcmRzLlxuICpcbiAqIEBwYXJhbSB7U3RyaW5nfSBuYW1lc3BhY2VzXG4gKiBAYXBpIHB1YmxpY1xuICovXG5cbmZ1bmN0aW9uIGVuYWJsZShuYW1lc3BhY2VzKSB7XG4gIGV4cG9ydHMuc2F2ZShuYW1lc3BhY2VzKTtcblxuICBleHBvcnRzLm5hbWVzID0gW107XG4gIGV4cG9ydHMuc2tpcHMgPSBbXTtcblxuICB2YXIgc3BsaXQgPSAodHlwZW9mIG5hbWVzcGFjZXMgPT09ICdzdHJpbmcnID8gbmFtZXNwYWNlcyA6ICcnKS5zcGxpdCgvW1xccyxdKy8pO1xuICB2YXIgbGVuID0gc3BsaXQubGVuZ3RoO1xuXG4gIGZvciAodmFyIGkgPSAwOyBpIDwgbGVuOyBpKyspIHtcbiAgICBpZiAoIXNwbGl0W2ldKSBjb250aW51ZTsgLy8gaWdub3JlIGVtcHR5IHN0cmluZ3NcbiAgICBuYW1lc3BhY2VzID0gc3BsaXRbaV0ucmVwbGFjZSgvXFwqL2csICcuKj8nKTtcbiAgICBpZiAobmFtZXNwYWNlc1swXSA9PT0gJy0nKSB7XG4gICAgICBleHBvcnRzLnNraXBzLnB1c2gobmV3IFJlZ0V4cCgnXicgKyBuYW1lc3BhY2VzLnN1YnN0cigxKSArICckJykpO1xuICAgIH0gZWxzZSB7XG4gICAgICBleHBvcnRzLm5hbWVzLnB1c2gobmV3IFJlZ0V4cCgnXicgKyBuYW1lc3BhY2VzICsgJyQnKSk7XG4gICAgfVxuICB9XG59XG5cbi8qKlxuICogRGlzYWJsZSBkZWJ1ZyBvdXRwdXQuXG4gKlxuICogQGFwaSBwdWJsaWNcbiAqL1xuXG5mdW5jdGlvbiBkaXNhYmxlKCkge1xuICBleHBvcnRzLmVuYWJsZSgnJyk7XG59XG5cbi8qKlxuICogUmV0dXJucyB0cnVlIGlmIHRoZSBnaXZlbiBtb2RlIG5hbWUgaXMgZW5hYmxlZCwgZmFsc2Ugb3RoZXJ3aXNlLlxuICpcbiAqIEBwYXJhbSB7U3RyaW5nfSBuYW1lXG4gKiBAcmV0dXJuIHtCb29sZWFufVxuICogQGFwaSBwdWJsaWNcbiAqL1xuXG5mdW5jdGlvbiBlbmFibGVkKG5hbWUpIHtcbiAgdmFyIGksIGxlbjtcbiAgZm9yIChpID0gMCwgbGVuID0gZXhwb3J0cy5za2lwcy5sZW5ndGg7IGkgPCBsZW47IGkrKykge1xuICAgIGlmIChleHBvcnRzLnNraXBzW2ldLnRlc3QobmFtZSkpIHtcbiAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9XG4gIH1cbiAgZm9yIChpID0gMCwgbGVuID0gZXhwb3J0cy5uYW1lcy5sZW5ndGg7IGkgPCBsZW47IGkrKykge1xuICAgIGlmIChleHBvcnRzLm5hbWVzW2ldLnRlc3QobmFtZSkpIHtcbiAgICAgIHJldHVybiB0cnVlO1xuICAgIH1cbiAgfVxuICByZXR1cm4gZmFsc2U7XG59XG5cbi8qKlxuICogQ29lcmNlIGB2YWxgLlxuICpcbiAqIEBwYXJhbSB7TWl4ZWR9IHZhbFxuICogQHJldHVybiB7TWl4ZWR9XG4gKiBAYXBpIHByaXZhdGVcbiAqL1xuXG5mdW5jdGlvbiBjb2VyY2UodmFsKSB7XG4gIGlmICh2YWwgaW5zdGFuY2VvZiBFcnJvcikgcmV0dXJuIHZhbC5zdGFjayB8fCB2YWwubWVzc2FnZTtcbiAgcmV0dXJuIHZhbDtcbn1cbiIsIi8qKlxuICogSGVscGVycy5cbiAqL1xuXG52YXIgcyA9IDEwMDA7XG52YXIgbSA9IHMgKiA2MDtcbnZhciBoID0gbSAqIDYwO1xudmFyIGQgPSBoICogMjQ7XG52YXIgeSA9IGQgKiAzNjUuMjU7XG5cbi8qKlxuICogUGFyc2Ugb3IgZm9ybWF0IHRoZSBnaXZlbiBgdmFsYC5cbiAqXG4gKiBPcHRpb25zOlxuICpcbiAqICAtIGBsb25nYCB2ZXJib3NlIGZvcm1hdHRpbmcgW2ZhbHNlXVxuICpcbiAqIEBwYXJhbSB7U3RyaW5nfE51bWJlcn0gdmFsXG4gKiBAcGFyYW0ge09iamVjdH0gW29wdGlvbnNdXG4gKiBAdGhyb3dzIHtFcnJvcn0gdGhyb3cgYW4gZXJyb3IgaWYgdmFsIGlzIG5vdCBhIG5vbi1lbXB0eSBzdHJpbmcgb3IgYSBudW1iZXJcbiAqIEByZXR1cm4ge1N0cmluZ3xOdW1iZXJ9XG4gKiBAYXBpIHB1YmxpY1xuICovXG5cbm1vZHVsZS5leHBvcnRzID0gZnVuY3Rpb24odmFsLCBvcHRpb25zKSB7XG4gIG9wdGlvbnMgPSBvcHRpb25zIHx8IHt9O1xuICB2YXIgdHlwZSA9IHR5cGVvZiB2YWw7XG4gIGlmICh0eXBlID09PSAnc3RyaW5nJyAmJiB2YWwubGVuZ3RoID4gMCkge1xuICAgIHJldHVybiBwYXJzZSh2YWwpO1xuICB9IGVsc2UgaWYgKHR5cGUgPT09ICdudW1iZXInICYmIGlzTmFOKHZhbCkgPT09IGZhbHNlKSB7XG4gICAgcmV0dXJuIG9wdGlvbnMubG9uZyA/IGZtdExvbmcodmFsKSA6IGZtdFNob3J0KHZhbCk7XG4gIH1cbiAgdGhyb3cgbmV3IEVycm9yKFxuICAgICd2YWwgaXMgbm90IGEgbm9uLWVtcHR5IHN0cmluZyBvciBhIHZhbGlkIG51bWJlci4gdmFsPScgK1xuICAgICAgSlNPTi5zdHJpbmdpZnkodmFsKVxuICApO1xufTtcblxuLyoqXG4gKiBQYXJzZSB0aGUgZ2l2ZW4gYHN0cmAgYW5kIHJldHVybiBtaWxsaXNlY29uZHMuXG4gKlxuICogQHBhcmFtIHtTdHJpbmd9IHN0clxuICogQHJldHVybiB7TnVtYmVyfVxuICogQGFwaSBwcml2YXRlXG4gKi9cblxuZnVuY3Rpb24gcGFyc2Uoc3RyKSB7XG4gIHN0ciA9IFN0cmluZyhzdHIpO1xuICBpZiAoc3RyLmxlbmd0aCA+IDEwMCkge1xuICAgIHJldHVybjtcbiAgfVxuICB2YXIgbWF0Y2ggPSAvXigoPzpcXGQrKT9cXC4/XFxkKykgKihtaWxsaXNlY29uZHM/fG1zZWNzP3xtc3xzZWNvbmRzP3xzZWNzP3xzfG1pbnV0ZXM/fG1pbnM/fG18aG91cnM/fGhycz98aHxkYXlzP3xkfHllYXJzP3x5cnM/fHkpPyQvaS5leGVjKFxuICAgIHN0clxuICApO1xuICBpZiAoIW1hdGNoKSB7XG4gICAgcmV0dXJuO1xuICB9XG4gIHZhciBuID0gcGFyc2VGbG9hdChtYXRjaFsxXSk7XG4gIHZhciB0eXBlID0gKG1hdGNoWzJdIHx8ICdtcycpLnRvTG93ZXJDYXNlKCk7XG4gIHN3aXRjaCAodHlwZSkge1xuICAgIGNhc2UgJ3llYXJzJzpcbiAgICBjYXNlICd5ZWFyJzpcbiAgICBjYXNlICd5cnMnOlxuICAgIGNhc2UgJ3lyJzpcbiAgICBjYXNlICd5JzpcbiAgICAgIHJldHVybiBuICogeTtcbiAgICBjYXNlICdkYXlzJzpcbiAgICBjYXNlICdkYXknOlxuICAgIGNhc2UgJ2QnOlxuICAgICAgcmV0dXJuIG4gKiBkO1xuICAgIGNhc2UgJ2hvdXJzJzpcbiAgICBjYXNlICdob3VyJzpcbiAgICBjYXNlICdocnMnOlxuICAgIGNhc2UgJ2hyJzpcbiAgICBjYXNlICdoJzpcbiAgICAgIHJldHVybiBuICogaDtcbiAgICBjYXNlICdtaW51dGVzJzpcbiAgICBjYXNlICdtaW51dGUnOlxuICAgIGNhc2UgJ21pbnMnOlxuICAgIGNhc2UgJ21pbic6XG4gICAgY2FzZSAnbSc6XG4gICAgICByZXR1cm4gbiAqIG07XG4gICAgY2FzZSAnc2Vjb25kcyc6XG4gICAgY2FzZSAnc2Vjb25kJzpcbiAgICBjYXNlICdzZWNzJzpcbiAgICBjYXNlICdzZWMnOlxuICAgIGNhc2UgJ3MnOlxuICAgICAgcmV0dXJuIG4gKiBzO1xuICAgIGNhc2UgJ21pbGxpc2Vjb25kcyc6XG4gICAgY2FzZSAnbWlsbGlzZWNvbmQnOlxuICAgIGNhc2UgJ21zZWNzJzpcbiAgICBjYXNlICdtc2VjJzpcbiAgICBjYXNlICdtcyc6XG4gICAgICByZXR1cm4gbjtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgfVxufVxuXG4vKipcbiAqIFNob3J0IGZvcm1hdCBmb3IgYG1zYC5cbiAqXG4gKiBAcGFyYW0ge051bWJlcn0gbXNcbiAqIEByZXR1cm4ge1N0cmluZ31cbiAqIEBhcGkgcHJpdmF0ZVxuICovXG5cbmZ1bmN0aW9uIGZtdFNob3J0KG1zKSB7XG4gIGlmIChtcyA+PSBkKSB7XG4gICAgcmV0dXJuIE1hdGgucm91bmQobXMgLyBkKSArICdkJztcbiAgfVxuICBpZiAobXMgPj0gaCkge1xuICAgIHJldHVybiBNYXRoLnJvdW5kKG1zIC8gaCkgKyAnaCc7XG4gIH1cbiAgaWYgKG1zID49IG0pIHtcbiAgICByZXR1cm4gTWF0aC5yb3VuZChtcyAvIG0pICsgJ20nO1xuICB9XG4gIGlmIChtcyA+PSBzKSB7XG4gICAgcmV0dXJuIE1hdGgucm91bmQobXMgLyBzKSArICdzJztcbiAgfVxuICByZXR1cm4gbXMgKyAnbXMnO1xufVxuXG4vKipcbiAqIExvbmcgZm9ybWF0IGZvciBgbXNgLlxuICpcbiAqIEBwYXJhbSB7TnVtYmVyfSBtc1xuICogQHJldHVybiB7U3RyaW5nfVxuICogQGFwaSBwcml2YXRlXG4gKi9cblxuZnVuY3Rpb24gZm10TG9uZyhtcykge1xuICByZXR1cm4gcGx1cmFsKG1zLCBkLCAnZGF5JykgfHxcbiAgICBwbHVyYWwobXMsIGgsICdob3VyJykgfHxcbiAgICBwbHVyYWwobXMsIG0sICdtaW51dGUnKSB8fFxuICAgIHBsdXJhbChtcywgcywgJ3NlY29uZCcpIHx8XG4gICAgbXMgKyAnIG1zJztcbn1cblxuLyoqXG4gKiBQbHVyYWxpemF0aW9uIGhlbHBlci5cbiAqL1xuXG5mdW5jdGlvbiBwbHVyYWwobXMsIG4sIG5hbWUpIHtcbiAgaWYgKG1zIDwgbikge1xuICAgIHJldHVybjtcbiAgfVxuICBpZiAobXMgPCBuICogMS41KSB7XG4gICAgcmV0dXJuIE1hdGguZmxvb3IobXMgLyBuKSArICcgJyArIG5hbWU7XG4gIH1cbiAgcmV0dXJuIE1hdGguY2VpbChtcyAvIG4pICsgJyAnICsgbmFtZSArICdzJztcbn1cbiIsIm1vZHVsZS5leHBvcnRzID0gQWxnb2xpYVNlYXJjaENvcmU7XG5cbnZhciBlcnJvcnMgPSByZXF1aXJlKCcuL2Vycm9ycycpO1xudmFyIGV4aXRQcm9taXNlID0gcmVxdWlyZSgnLi9leGl0UHJvbWlzZS5qcycpO1xudmFyIEluZGV4Q29yZSA9IHJlcXVpcmUoJy4vSW5kZXhDb3JlLmpzJyk7XG52YXIgc3RvcmUgPSByZXF1aXJlKCcuL3N0b3JlLmpzJyk7XG5cbi8vIFdlIHdpbGwgYWx3YXlzIHB1dCB0aGUgQVBJIEtFWSBpbiB0aGUgSlNPTiBib2R5IGluIGNhc2Ugb2YgdG9vIGxvbmcgQVBJIEtFWSxcbi8vIHRvIGF2b2lkIHF1ZXJ5IHN0cmluZyBiZWluZyB0b28gbG9uZyBhbmQgZmFpbGluZyBpbiB2YXJpb3VzIGNvbmRpdGlvbnMgKG91ciBzZXJ2ZXIgbGltaXQsIGJyb3dzZXIgbGltaXQsXG4vLyBwcm94aWVzIGxpbWl0KVxudmFyIE1BWF9BUElfS0VZX0xFTkdUSCA9IDUwMDtcbnZhciBSRVNFVF9BUFBfREFUQV9USU1FUiA9XG4gIHByb2Nlc3MuZW52LlJFU0VUX0FQUF9EQVRBX1RJTUVSICYmIHBhcnNlSW50KHByb2Nlc3MuZW52LlJFU0VUX0FQUF9EQVRBX1RJTUVSLCAxMCkgfHxcbiAgNjAgKiAyICogMTAwMDsgLy8gYWZ0ZXIgMiBtaW51dGVzIHJlc2V0IHRvIGZpcnN0IGhvc3RcblxuLypcbiAqIEFsZ29saWEgU2VhcmNoIGxpYnJhcnkgaW5pdGlhbGl6YXRpb25cbiAqIGh0dHBzOi8vd3d3LmFsZ29saWEuY29tL1xuICpcbiAqIEBwYXJhbSB7c3RyaW5nfSBhcHBsaWNhdGlvbklEIC0gWW91ciBhcHBsaWNhdGlvbklELCBmb3VuZCBpbiB5b3VyIGRhc2hib2FyZFxuICogQHBhcmFtIHtzdHJpbmd9IGFwaUtleSAtIFlvdXIgQVBJIGtleSwgZm91bmQgaW4geW91ciBkYXNoYm9hcmRcbiAqIEBwYXJhbSB7T2JqZWN0fSBbb3B0c11cbiAqIEBwYXJhbSB7bnVtYmVyfSBbb3B0cy50aW1lb3V0PTIwMDBdIC0gVGhlIHJlcXVlc3QgdGltZW91dCBzZXQgaW4gbWlsbGlzZWNvbmRzLFxuICogYW5vdGhlciByZXF1ZXN0IHdpbGwgYmUgaXNzdWVkIGFmdGVyIHRoaXMgdGltZW91dFxuICogQHBhcmFtIHtzdHJpbmd9IFtvcHRzLnByb3RvY29sPSdodHRwczonXSAtIFRoZSBwcm90b2NvbCB1c2VkIHRvIHF1ZXJ5IEFsZ29saWEgU2VhcmNoIEFQSS5cbiAqICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFNldCB0byAnaHR0cDonIHRvIGZvcmNlIHVzaW5nIGh0dHAuXG4gKiBAcGFyYW0ge09iamVjdHxBcnJheX0gW29wdHMuaG9zdHM9e1xuICogICAgICAgICAgIHJlYWQ6IFt0aGlzLmFwcGxpY2F0aW9uSUQgKyAnLWRzbi5hbGdvbGlhLm5ldCddLmNvbmNhdChbXG4gKiAgICAgICAgICAgICB0aGlzLmFwcGxpY2F0aW9uSUQgKyAnLTEuYWxnb2xpYW5ldC5jb20nLFxuICogICAgICAgICAgICAgdGhpcy5hcHBsaWNhdGlvbklEICsgJy0yLmFsZ29saWFuZXQuY29tJyxcbiAqICAgICAgICAgICAgIHRoaXMuYXBwbGljYXRpb25JRCArICctMy5hbGdvbGlhbmV0LmNvbSddXG4gKiAgICAgICAgICAgXSksXG4gKiAgICAgICAgICAgd3JpdGU6IFt0aGlzLmFwcGxpY2F0aW9uSUQgKyAnLmFsZ29saWEubmV0J10uY29uY2F0KFtcbiAqICAgICAgICAgICAgIHRoaXMuYXBwbGljYXRpb25JRCArICctMS5hbGdvbGlhbmV0LmNvbScsXG4gKiAgICAgICAgICAgICB0aGlzLmFwcGxpY2F0aW9uSUQgKyAnLTIuYWxnb2xpYW5ldC5jb20nLFxuICogICAgICAgICAgICAgdGhpcy5hcHBsaWNhdGlvbklEICsgJy0zLmFsZ29saWFuZXQuY29tJ11cbiAqICAgICAgICAgICBdKSAtIFRoZSBob3N0cyB0byB1c2UgZm9yIEFsZ29saWEgU2VhcmNoIEFQSS5cbiAqICAgICAgICAgICBJZiB5b3UgcHJvdmlkZSB0aGVtLCB5b3Ugd2lsbCBsZXNzIGJlbmVmaXQgZnJvbSBvdXIgSEEgaW1wbGVtZW50YXRpb25cbiAqL1xuZnVuY3Rpb24gQWxnb2xpYVNlYXJjaENvcmUoYXBwbGljYXRpb25JRCwgYXBpS2V5LCBvcHRzKSB7XG4gIHZhciBkZWJ1ZyA9IHJlcXVpcmUoJ2RlYnVnJykoJ2FsZ29saWFzZWFyY2gnKTtcblxuICB2YXIgY2xvbmUgPSByZXF1aXJlKCcuL2Nsb25lLmpzJyk7XG4gIHZhciBpc0FycmF5ID0gcmVxdWlyZSgnaXNhcnJheScpO1xuICB2YXIgbWFwID0gcmVxdWlyZSgnLi9tYXAuanMnKTtcblxuICB2YXIgdXNhZ2UgPSAnVXNhZ2U6IGFsZ29saWFzZWFyY2goYXBwbGljYXRpb25JRCwgYXBpS2V5LCBvcHRzKSc7XG5cbiAgaWYgKG9wdHMuX2FsbG93RW1wdHlDcmVkZW50aWFscyAhPT0gdHJ1ZSAmJiAhYXBwbGljYXRpb25JRCkge1xuICAgIHRocm93IG5ldyBlcnJvcnMuQWxnb2xpYVNlYXJjaEVycm9yKCdQbGVhc2UgcHJvdmlkZSBhbiBhcHBsaWNhdGlvbiBJRC4gJyArIHVzYWdlKTtcbiAgfVxuXG4gIGlmIChvcHRzLl9hbGxvd0VtcHR5Q3JlZGVudGlhbHMgIT09IHRydWUgJiYgIWFwaUtleSkge1xuICAgIHRocm93IG5ldyBlcnJvcnMuQWxnb2xpYVNlYXJjaEVycm9yKCdQbGVhc2UgcHJvdmlkZSBhbiBBUEkga2V5LiAnICsgdXNhZ2UpO1xuICB9XG5cbiAgdGhpcy5hcHBsaWNhdGlvbklEID0gYXBwbGljYXRpb25JRDtcbiAgdGhpcy5hcGlLZXkgPSBhcGlLZXk7XG5cbiAgdGhpcy5ob3N0cyA9IHtcbiAgICByZWFkOiBbXSxcbiAgICB3cml0ZTogW11cbiAgfTtcblxuICBvcHRzID0gb3B0cyB8fCB7fTtcblxuICB0aGlzLl90aW1lb3V0cyA9IG9wdHMudGltZW91dHMgfHwge1xuICAgIGNvbm5lY3Q6IDEgKiAxMDAwLCAvLyA1MDBtcyBjb25uZWN0IGlzIEdQUlMgbGF0ZW5jeVxuICAgIHJlYWQ6IDIgKiAxMDAwLFxuICAgIHdyaXRlOiAzMCAqIDEwMDBcbiAgfTtcblxuICAvLyBiYWNrd2FyZCBjb21wYXQsIGlmIG9wdHMudGltZW91dCBpcyBwYXNzZWQsIHdlIHVzZSBpdCB0byBjb25maWd1cmUgYWxsIHRpbWVvdXRzIGxpa2UgYmVmb3JlXG4gIGlmIChvcHRzLnRpbWVvdXQpIHtcbiAgICB0aGlzLl90aW1lb3V0cy5jb25uZWN0ID0gdGhpcy5fdGltZW91dHMucmVhZCA9IHRoaXMuX3RpbWVvdXRzLndyaXRlID0gb3B0cy50aW1lb3V0O1xuICB9XG5cbiAgdmFyIHByb3RvY29sID0gb3B0cy5wcm90b2NvbCB8fCAnaHR0cHM6JztcbiAgLy8gd2hpbGUgd2UgYWR2b2NhdGUgZm9yIGNvbG9uLWF0LXRoZS1lbmQgdmFsdWVzOiAnaHR0cDonIGZvciBgb3B0cy5wcm90b2NvbGBcbiAgLy8gd2UgYWxzbyBhY2NlcHQgYGh0dHBgIGFuZCBgaHR0cHNgLiBJdCdzIGEgY29tbW9uIGVycm9yLlxuICBpZiAoIS86JC8udGVzdChwcm90b2NvbCkpIHtcbiAgICBwcm90b2NvbCA9IHByb3RvY29sICsgJzonO1xuICB9XG5cbiAgaWYgKHByb3RvY29sICE9PSAnaHR0cDonICYmIHByb3RvY29sICE9PSAnaHR0cHM6Jykge1xuICAgIHRocm93IG5ldyBlcnJvcnMuQWxnb2xpYVNlYXJjaEVycm9yKCdwcm90b2NvbCBtdXN0IGJlIGBodHRwOmAgb3IgYGh0dHBzOmAgKHdhcyBgJyArIG9wdHMucHJvdG9jb2wgKyAnYCknKTtcbiAgfVxuXG4gIHRoaXMuX2NoZWNrQXBwSWREYXRhKCk7XG5cbiAgaWYgKCFvcHRzLmhvc3RzKSB7XG4gICAgdmFyIGRlZmF1bHRIb3N0cyA9IG1hcCh0aGlzLl9zaHVmZmxlUmVzdWx0LCBmdW5jdGlvbihob3N0TnVtYmVyKSB7XG4gICAgICByZXR1cm4gYXBwbGljYXRpb25JRCArICctJyArIGhvc3ROdW1iZXIgKyAnLmFsZ29saWFuZXQuY29tJztcbiAgICB9KTtcblxuICAgIC8vIG5vIGhvc3RzIGdpdmVuLCBjb21wdXRlIGRlZmF1bHRzXG4gICAgdmFyIG1haW5TdWZmaXggPSAob3B0cy5kc24gPT09IGZhbHNlID8gJycgOiAnLWRzbicpICsgJy5hbGdvbGlhLm5ldCc7XG4gICAgdGhpcy5ob3N0cy5yZWFkID0gW3RoaXMuYXBwbGljYXRpb25JRCArIG1haW5TdWZmaXhdLmNvbmNhdChkZWZhdWx0SG9zdHMpO1xuICAgIHRoaXMuaG9zdHMud3JpdGUgPSBbdGhpcy5hcHBsaWNhdGlvbklEICsgJy5hbGdvbGlhLm5ldCddLmNvbmNhdChkZWZhdWx0SG9zdHMpO1xuICB9IGVsc2UgaWYgKGlzQXJyYXkob3B0cy5ob3N0cykpIHtcbiAgICAvLyB3aGVuIHBhc3NpbmcgY3VzdG9tIGhvc3RzLCB3ZSBuZWVkIHRvIGhhdmUgYSBkaWZmZXJlbnQgaG9zdCBpbmRleCBpZiB0aGUgbnVtYmVyXG4gICAgLy8gb2Ygd3JpdGUvcmVhZCBob3N0cyBhcmUgZGlmZmVyZW50LlxuICAgIHRoaXMuaG9zdHMucmVhZCA9IGNsb25lKG9wdHMuaG9zdHMpO1xuICAgIHRoaXMuaG9zdHMud3JpdGUgPSBjbG9uZShvcHRzLmhvc3RzKTtcbiAgfSBlbHNlIHtcbiAgICB0aGlzLmhvc3RzLnJlYWQgPSBjbG9uZShvcHRzLmhvc3RzLnJlYWQpO1xuICAgIHRoaXMuaG9zdHMud3JpdGUgPSBjbG9uZShvcHRzLmhvc3RzLndyaXRlKTtcbiAgfVxuXG4gIC8vIGFkZCBwcm90b2NvbCBhbmQgbG93ZXJjYXNlIGhvc3RzXG4gIHRoaXMuaG9zdHMucmVhZCA9IG1hcCh0aGlzLmhvc3RzLnJlYWQsIHByZXBhcmVIb3N0KHByb3RvY29sKSk7XG4gIHRoaXMuaG9zdHMud3JpdGUgPSBtYXAodGhpcy5ob3N0cy53cml0ZSwgcHJlcGFyZUhvc3QocHJvdG9jb2wpKTtcblxuICB0aGlzLmV4dHJhSGVhZGVycyA9IHt9O1xuXG4gIC8vIEluIHNvbWUgc2l0dWF0aW9ucyB5b3UgbWlnaHQgd2FudCB0byB3YXJtIHRoZSBjYWNoZVxuICB0aGlzLmNhY2hlID0gb3B0cy5fY2FjaGUgfHwge307XG5cbiAgdGhpcy5fdWEgPSBvcHRzLl91YTtcbiAgdGhpcy5fdXNlQ2FjaGUgPSBvcHRzLl91c2VDYWNoZSA9PT0gdW5kZWZpbmVkIHx8IG9wdHMuX2NhY2hlID8gdHJ1ZSA6IG9wdHMuX3VzZUNhY2hlO1xuICB0aGlzLl91c2VSZXF1ZXN0Q2FjaGUgPSB0aGlzLl91c2VDYWNoZSAmJiBvcHRzLl91c2VSZXF1ZXN0Q2FjaGU7XG4gIHRoaXMuX3VzZUZhbGxiYWNrID0gb3B0cy51c2VGYWxsYmFjayA9PT0gdW5kZWZpbmVkID8gdHJ1ZSA6IG9wdHMudXNlRmFsbGJhY2s7XG5cbiAgdGhpcy5fc2V0VGltZW91dCA9IG9wdHMuX3NldFRpbWVvdXQ7XG5cbiAgZGVidWcoJ2luaXQgZG9uZSwgJWonLCB0aGlzKTtcbn1cblxuLypcbiAqIEdldCB0aGUgaW5kZXggb2JqZWN0IGluaXRpYWxpemVkXG4gKlxuICogQHBhcmFtIGluZGV4TmFtZSB0aGUgbmFtZSBvZiBpbmRleFxuICogQHBhcmFtIGNhbGxiYWNrIHRoZSByZXN1bHQgY2FsbGJhY2sgd2l0aCBvbmUgYXJndW1lbnQgKHRoZSBJbmRleCBpbnN0YW5jZSlcbiAqL1xuQWxnb2xpYVNlYXJjaENvcmUucHJvdG90eXBlLmluaXRJbmRleCA9IGZ1bmN0aW9uKGluZGV4TmFtZSkge1xuICByZXR1cm4gbmV3IEluZGV4Q29yZSh0aGlzLCBpbmRleE5hbWUpO1xufTtcblxuLyoqXG4qIEFkZCBhbiBleHRyYSBmaWVsZCB0byB0aGUgSFRUUCByZXF1ZXN0XG4qXG4qIEBwYXJhbSBuYW1lIHRoZSBoZWFkZXIgZmllbGQgbmFtZVxuKiBAcGFyYW0gdmFsdWUgdGhlIGhlYWRlciBmaWVsZCB2YWx1ZVxuKi9cbkFsZ29saWFTZWFyY2hDb3JlLnByb3RvdHlwZS5zZXRFeHRyYUhlYWRlciA9IGZ1bmN0aW9uKG5hbWUsIHZhbHVlKSB7XG4gIHRoaXMuZXh0cmFIZWFkZXJzW25hbWUudG9Mb3dlckNhc2UoKV0gPSB2YWx1ZTtcbn07XG5cbi8qKlxuKiBHZXQgdGhlIHZhbHVlIG9mIGFuIGV4dHJhIEhUVFAgaGVhZGVyXG4qXG4qIEBwYXJhbSBuYW1lIHRoZSBoZWFkZXIgZmllbGQgbmFtZVxuKi9cbkFsZ29saWFTZWFyY2hDb3JlLnByb3RvdHlwZS5nZXRFeHRyYUhlYWRlciA9IGZ1bmN0aW9uKG5hbWUpIHtcbiAgcmV0dXJuIHRoaXMuZXh0cmFIZWFkZXJzW25hbWUudG9Mb3dlckNhc2UoKV07XG59O1xuXG4vKipcbiogUmVtb3ZlIGFuIGV4dHJhIGZpZWxkIGZyb20gdGhlIEhUVFAgcmVxdWVzdFxuKlxuKiBAcGFyYW0gbmFtZSB0aGUgaGVhZGVyIGZpZWxkIG5hbWVcbiovXG5BbGdvbGlhU2VhcmNoQ29yZS5wcm90b3R5cGUudW5zZXRFeHRyYUhlYWRlciA9IGZ1bmN0aW9uKG5hbWUpIHtcbiAgZGVsZXRlIHRoaXMuZXh0cmFIZWFkZXJzW25hbWUudG9Mb3dlckNhc2UoKV07XG59O1xuXG4vKipcbiogQXVnbWVudCBzZW50IHgtYWxnb2xpYS1hZ2VudCB3aXRoIG1vcmUgZGF0YSwgZWFjaCBhZ2VudCBwYXJ0XG4qIGlzIGF1dG9tYXRpY2FsbHkgc2VwYXJhdGVkIGZyb20gdGhlIG90aGVycyBieSBhIHNlbWljb2xvbjtcbipcbiogQHBhcmFtIGFsZ29saWFBZ2VudCB0aGUgYWdlbnQgdG8gYWRkXG4qL1xuQWxnb2xpYVNlYXJjaENvcmUucHJvdG90eXBlLmFkZEFsZ29saWFBZ2VudCA9IGZ1bmN0aW9uKGFsZ29saWFBZ2VudCkge1xuICB2YXIgYWxnb2xpYUFnZW50V2l0aERlbGltaXRlciA9ICc7ICcgKyBhbGdvbGlhQWdlbnQ7XG5cbiAgaWYgKHRoaXMuX3VhLmluZGV4T2YoYWxnb2xpYUFnZW50V2l0aERlbGltaXRlcikgPT09IC0xKSB7XG4gICAgdGhpcy5fdWEgKz0gYWxnb2xpYUFnZW50V2l0aERlbGltaXRlcjtcbiAgfVxufTtcblxuLypcbiAqIFdyYXBwZXIgdGhhdCB0cnkgYWxsIGhvc3RzIHRvIG1heGltaXplIHRoZSBxdWFsaXR5IG9mIHNlcnZpY2VcbiAqL1xuQWxnb2xpYVNlYXJjaENvcmUucHJvdG90eXBlLl9qc29uUmVxdWVzdCA9IGZ1bmN0aW9uKGluaXRpYWxPcHRzKSB7XG4gIHRoaXMuX2NoZWNrQXBwSWREYXRhKCk7XG5cbiAgdmFyIHJlcXVlc3REZWJ1ZyA9IHJlcXVpcmUoJ2RlYnVnJykoJ2FsZ29saWFzZWFyY2g6JyArIGluaXRpYWxPcHRzLnVybCk7XG5cblxuICB2YXIgYm9keTtcbiAgdmFyIGNhY2hlSUQ7XG4gIHZhciBhZGRpdGlvbmFsVUEgPSBpbml0aWFsT3B0cy5hZGRpdGlvbmFsVUEgfHwgJyc7XG4gIHZhciBjYWNoZSA9IGluaXRpYWxPcHRzLmNhY2hlO1xuICB2YXIgY2xpZW50ID0gdGhpcztcbiAgdmFyIHRyaWVzID0gMDtcbiAgdmFyIHVzaW5nRmFsbGJhY2sgPSBmYWxzZTtcbiAgdmFyIGhhc0ZhbGxiYWNrID0gY2xpZW50Ll91c2VGYWxsYmFjayAmJiBjbGllbnQuX3JlcXVlc3QuZmFsbGJhY2sgJiYgaW5pdGlhbE9wdHMuZmFsbGJhY2s7XG4gIHZhciBoZWFkZXJzO1xuXG4gIGlmIChcbiAgICB0aGlzLmFwaUtleS5sZW5ndGggPiBNQVhfQVBJX0tFWV9MRU5HVEggJiZcbiAgICBpbml0aWFsT3B0cy5ib2R5ICE9PSB1bmRlZmluZWQgJiZcbiAgICAoaW5pdGlhbE9wdHMuYm9keS5wYXJhbXMgIT09IHVuZGVmaW5lZCB8fCAvLyBpbmRleC5zZWFyY2goKVxuICAgIGluaXRpYWxPcHRzLmJvZHkucmVxdWVzdHMgIT09IHVuZGVmaW5lZCkgLy8gY2xpZW50LnNlYXJjaCgpXG4gICkge1xuICAgIGluaXRpYWxPcHRzLmJvZHkuYXBpS2V5ID0gdGhpcy5hcGlLZXk7XG4gICAgaGVhZGVycyA9IHRoaXMuX2NvbXB1dGVSZXF1ZXN0SGVhZGVycyh7XG4gICAgICBhZGRpdGlvbmFsVUE6IGFkZGl0aW9uYWxVQSxcbiAgICAgIHdpdGhBcGlLZXk6IGZhbHNlLFxuICAgICAgaGVhZGVyczogaW5pdGlhbE9wdHMuaGVhZGVyc1xuICAgIH0pO1xuICB9IGVsc2Uge1xuICAgIGhlYWRlcnMgPSB0aGlzLl9jb21wdXRlUmVxdWVzdEhlYWRlcnMoe1xuICAgICAgYWRkaXRpb25hbFVBOiBhZGRpdGlvbmFsVUEsXG4gICAgICBoZWFkZXJzOiBpbml0aWFsT3B0cy5oZWFkZXJzXG4gICAgfSk7XG4gIH1cblxuICBpZiAoaW5pdGlhbE9wdHMuYm9keSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgYm9keSA9IHNhZmVKU09OU3RyaW5naWZ5KGluaXRpYWxPcHRzLmJvZHkpO1xuICB9XG5cbiAgcmVxdWVzdERlYnVnKCdyZXF1ZXN0IHN0YXJ0Jyk7XG4gIHZhciBkZWJ1Z0RhdGEgPSBbXTtcblxuXG4gIGZ1bmN0aW9uIGRvUmVxdWVzdChyZXF1ZXN0ZXIsIHJlcU9wdHMpIHtcbiAgICBjbGllbnQuX2NoZWNrQXBwSWREYXRhKCk7XG5cbiAgICB2YXIgc3RhcnRUaW1lID0gbmV3IERhdGUoKTtcblxuICAgIGlmIChjbGllbnQuX3VzZUNhY2hlICYmICFjbGllbnQuX3VzZVJlcXVlc3RDYWNoZSkge1xuICAgICAgY2FjaGVJRCA9IGluaXRpYWxPcHRzLnVybDtcbiAgICB9XG5cbiAgICAvLyBhcyB3ZSBzb21ldGltZSB1c2UgUE9TVCByZXF1ZXN0cyB0byBwYXNzIHBhcmFtZXRlcnMgKGxpa2UgcXVlcnk9J2FhJyksXG4gICAgLy8gdGhlIGNhY2hlSUQgbXVzdCBhbHNvIGluY2x1ZGUgdGhlIGJvZHkgdG8gYmUgZGlmZmVyZW50IGJldHdlZW4gY2FsbHNcbiAgICBpZiAoY2xpZW50Ll91c2VDYWNoZSAmJiAhY2xpZW50Ll91c2VSZXF1ZXN0Q2FjaGUgJiYgYm9keSkge1xuICAgICAgY2FjaGVJRCArPSAnX2JvZHlfJyArIHJlcU9wdHMuYm9keTtcbiAgICB9XG5cbiAgICAvLyBoYW5kbGUgY2FjaGUgZXhpc3RlbmNlXG4gICAgaWYgKGlzQ2FjaGVWYWxpZFdpdGhDdXJyZW50SUQoIWNsaWVudC5fdXNlUmVxdWVzdENhY2hlLCBjYWNoZSwgY2FjaGVJRCkpIHtcbiAgICAgIHJlcXVlc3REZWJ1Zygnc2VydmluZyByZXNwb25zZSBmcm9tIGNhY2hlJyk7XG5cbiAgICAgIHZhciByZXNwb25zZVRleHQgPSBjYWNoZVtjYWNoZUlEXTtcblxuICAgICAgLy8gQ2FjaGUgcmVzcG9uc2UgbXVzdCBtYXRjaCB0aGUgdHlwZSBvZiB0aGUgb3JpZ2luYWwgb25lXG4gICAgICByZXR1cm4gY2xpZW50Ll9wcm9taXNlLnJlc29sdmUoe1xuICAgICAgICBib2R5OiBKU09OLnBhcnNlKHJlc3BvbnNlVGV4dCksXG4gICAgICAgIHJlc3BvbnNlVGV4dDogcmVzcG9uc2VUZXh0XG4gICAgICB9KTtcbiAgICB9XG5cbiAgICAvLyBpZiB3ZSByZWFjaGVkIG1heCB0cmllc1xuICAgIGlmICh0cmllcyA+PSBjbGllbnQuaG9zdHNbaW5pdGlhbE9wdHMuaG9zdFR5cGVdLmxlbmd0aCkge1xuICAgICAgaWYgKCFoYXNGYWxsYmFjayB8fCB1c2luZ0ZhbGxiYWNrKSB7XG4gICAgICAgIHJlcXVlc3REZWJ1ZygnY291bGQgbm90IGdldCBhbnkgcmVzcG9uc2UnKTtcbiAgICAgICAgLy8gdGhlbiBzdG9wXG4gICAgICAgIHJldHVybiBjbGllbnQuX3Byb21pc2UucmVqZWN0KG5ldyBlcnJvcnMuQWxnb2xpYVNlYXJjaEVycm9yKFxuICAgICAgICAgICdDYW5ub3QgY29ubmVjdCB0byB0aGUgQWxnb2xpYVNlYXJjaCBBUEkuJyArXG4gICAgICAgICAgJyBTZW5kIGFuIGVtYWlsIHRvIHN1cHBvcnRAYWxnb2xpYS5jb20gdG8gcmVwb3J0IGFuZCByZXNvbHZlIHRoZSBpc3N1ZS4nICtcbiAgICAgICAgICAnIEFwcGxpY2F0aW9uIGlkIHdhczogJyArIGNsaWVudC5hcHBsaWNhdGlvbklELCB7ZGVidWdEYXRhOiBkZWJ1Z0RhdGF9XG4gICAgICAgICkpO1xuICAgICAgfVxuXG4gICAgICByZXF1ZXN0RGVidWcoJ3N3aXRjaGluZyB0byBmYWxsYmFjaycpO1xuXG4gICAgICAvLyBsZXQncyB0cnkgdGhlIGZhbGxiYWNrIHN0YXJ0aW5nIGZyb20gaGVyZVxuICAgICAgdHJpZXMgPSAwO1xuXG4gICAgICAvLyBtZXRob2QsIHVybCBhbmQgYm9keSBhcmUgZmFsbGJhY2sgZGVwZW5kZW50XG4gICAgICByZXFPcHRzLm1ldGhvZCA9IGluaXRpYWxPcHRzLmZhbGxiYWNrLm1ldGhvZDtcbiAgICAgIHJlcU9wdHMudXJsID0gaW5pdGlhbE9wdHMuZmFsbGJhY2sudXJsO1xuICAgICAgcmVxT3B0cy5qc29uQm9keSA9IGluaXRpYWxPcHRzLmZhbGxiYWNrLmJvZHk7XG4gICAgICBpZiAocmVxT3B0cy5qc29uQm9keSkge1xuICAgICAgICByZXFPcHRzLmJvZHkgPSBzYWZlSlNPTlN0cmluZ2lmeShyZXFPcHRzLmpzb25Cb2R5KTtcbiAgICAgIH1cbiAgICAgIC8vIHJlLWNvbXB1dGUgaGVhZGVycywgdGhleSBjb3VsZCBiZSBvbWl0dGluZyB0aGUgQVBJIEtFWVxuICAgICAgaGVhZGVycyA9IGNsaWVudC5fY29tcHV0ZVJlcXVlc3RIZWFkZXJzKHtcbiAgICAgICAgYWRkaXRpb25hbFVBOiBhZGRpdGlvbmFsVUEsXG4gICAgICAgIGhlYWRlcnM6IGluaXRpYWxPcHRzLmhlYWRlcnNcbiAgICAgIH0pO1xuXG4gICAgICByZXFPcHRzLnRpbWVvdXRzID0gY2xpZW50Ll9nZXRUaW1lb3V0c0ZvclJlcXVlc3QoaW5pdGlhbE9wdHMuaG9zdFR5cGUpO1xuICAgICAgY2xpZW50Ll9zZXRIb3N0SW5kZXhCeVR5cGUoMCwgaW5pdGlhbE9wdHMuaG9zdFR5cGUpO1xuICAgICAgdXNpbmdGYWxsYmFjayA9IHRydWU7IC8vIHRoZSBjdXJyZW50IHJlcXVlc3QgaXMgbm93IHVzaW5nIGZhbGxiYWNrXG4gICAgICByZXR1cm4gZG9SZXF1ZXN0KGNsaWVudC5fcmVxdWVzdC5mYWxsYmFjaywgcmVxT3B0cyk7XG4gICAgfVxuXG4gICAgdmFyIGN1cnJlbnRIb3N0ID0gY2xpZW50Ll9nZXRIb3N0QnlUeXBlKGluaXRpYWxPcHRzLmhvc3RUeXBlKTtcblxuICAgIHZhciB1cmwgPSBjdXJyZW50SG9zdCArIHJlcU9wdHMudXJsO1xuICAgIHZhciBvcHRpb25zID0ge1xuICAgICAgYm9keTogcmVxT3B0cy5ib2R5LFxuICAgICAganNvbkJvZHk6IHJlcU9wdHMuanNvbkJvZHksXG4gICAgICBtZXRob2Q6IHJlcU9wdHMubWV0aG9kLFxuICAgICAgaGVhZGVyczogaGVhZGVycyxcbiAgICAgIHRpbWVvdXRzOiByZXFPcHRzLnRpbWVvdXRzLFxuICAgICAgZGVidWc6IHJlcXVlc3REZWJ1ZyxcbiAgICAgIGZvcmNlQXV0aEhlYWRlcnM6IHJlcU9wdHMuZm9yY2VBdXRoSGVhZGVyc1xuICAgIH07XG5cbiAgICByZXF1ZXN0RGVidWcoJ21ldGhvZDogJXMsIHVybDogJXMsIGhlYWRlcnM6ICVqLCB0aW1lb3V0czogJWQnLFxuICAgICAgb3B0aW9ucy5tZXRob2QsIHVybCwgb3B0aW9ucy5oZWFkZXJzLCBvcHRpb25zLnRpbWVvdXRzKTtcblxuICAgIGlmIChyZXF1ZXN0ZXIgPT09IGNsaWVudC5fcmVxdWVzdC5mYWxsYmFjaykge1xuICAgICAgcmVxdWVzdERlYnVnKCd1c2luZyBmYWxsYmFjaycpO1xuICAgIH1cblxuICAgIC8vIGByZXF1ZXN0ZXJgIGlzIGFueSBvZiB0aGlzLl9yZXF1ZXN0IG9yIHRoaXMuX3JlcXVlc3QuZmFsbGJhY2tcbiAgICAvLyB0aHVzIGl0IG5lZWRzIHRvIGJlIGNhbGxlZCB1c2luZyB0aGUgY2xpZW50IGFzIGNvbnRleHRcbiAgICByZXR1cm4gcmVxdWVzdGVyLmNhbGwoY2xpZW50LCB1cmwsIG9wdGlvbnMpLnRoZW4oc3VjY2VzcywgdHJ5RmFsbGJhY2spO1xuXG4gICAgZnVuY3Rpb24gc3VjY2VzcyhodHRwUmVzcG9uc2UpIHtcbiAgICAgIC8vIGNvbXB1dGUgdGhlIHN0YXR1cyBvZiB0aGUgcmVzcG9uc2UsXG4gICAgICAvL1xuICAgICAgLy8gV2hlbiBpbiBicm93c2VyIG1vZGUsIHVzaW5nIFhEUiBvciBKU09OUCwgd2UgaGF2ZSBubyBzdGF0dXNDb2RlIGF2YWlsYWJsZVxuICAgICAgLy8gU28gd2UgcmVseSBvbiBvdXIgQVBJIHJlc3BvbnNlIGBzdGF0dXNgIHByb3BlcnR5LlxuICAgICAgLy8gQnV0IGB3YWl0VGFza2AgY2FuIHNldCBhIGBzdGF0dXNgIHByb3BlcnR5IHdoaWNoIGlzIG5vdCB0aGUgc3RhdHVzQ29kZSAoaXQncyB0aGUgdGFzayBzdGF0dXMpXG4gICAgICAvLyBTbyB3ZSBjaGVjayBpZiB0aGVyZSdzIGEgYG1lc3NhZ2VgIGFsb25nIGBzdGF0dXNgIGFuZCBpdCBtZWFucyBpdCdzIGFuIGVycm9yXG4gICAgICAvL1xuICAgICAgLy8gVGhhdCdzIHRoZSBvbmx5IGNhc2Ugd2hlcmUgd2UgaGF2ZSBhIHJlc3BvbnNlLnN0YXR1cyB0aGF0J3Mgbm90IHRoZSBodHRwIHN0YXR1c0NvZGVcbiAgICAgIHZhciBzdGF0dXMgPSBodHRwUmVzcG9uc2UgJiYgaHR0cFJlc3BvbnNlLmJvZHkgJiYgaHR0cFJlc3BvbnNlLmJvZHkubWVzc2FnZSAmJiBodHRwUmVzcG9uc2UuYm9keS5zdGF0dXMgfHxcblxuICAgICAgICAvLyB0aGlzIGlzIGltcG9ydGFudCB0byBjaGVjayB0aGUgcmVxdWVzdCBzdGF0dXNDb2RlIEFGVEVSIHRoZSBib2R5IGV2ZW50dWFsXG4gICAgICAgIC8vIHN0YXR1c0NvZGUgYmVjYXVzZSBzb21lIGltcGxlbWVudGF0aW9ucyAoalF1ZXJ5IFhEb21haW5SZXF1ZXN0IHRyYW5zcG9ydCkgbWF5XG4gICAgICAgIC8vIHNlbmQgc3RhdHVzQ29kZSAyMDAgd2hpbGUgd2UgaGFkIGFuIGVycm9yXG4gICAgICAgIGh0dHBSZXNwb25zZS5zdGF0dXNDb2RlIHx8XG5cbiAgICAgICAgLy8gV2hlbiBpbiBicm93c2VyIG1vZGUsIHVzaW5nIFhEUiBvciBKU09OUFxuICAgICAgICAvLyB3ZSBkZWZhdWx0IHRvIHN1Y2Nlc3Mgd2hlbiBubyBlcnJvciAobm8gcmVzcG9uc2Uuc3RhdHVzICYmIHJlc3BvbnNlLm1lc3NhZ2UpXG4gICAgICAgIC8vIElmIHRoZXJlIHdhcyBhIEpTT04ucGFyc2UoKSBlcnJvciB0aGVuIGJvZHkgaXMgbnVsbCBhbmQgaXQgZmFpbHNcbiAgICAgICAgaHR0cFJlc3BvbnNlICYmIGh0dHBSZXNwb25zZS5ib2R5ICYmIDIwMDtcblxuICAgICAgcmVxdWVzdERlYnVnKCdyZWNlaXZlZCByZXNwb25zZTogc3RhdHVzQ29kZTogJXMsIGNvbXB1dGVkIHN0YXR1c0NvZGU6ICVkLCBoZWFkZXJzOiAlaicsXG4gICAgICAgIGh0dHBSZXNwb25zZS5zdGF0dXNDb2RlLCBzdGF0dXMsIGh0dHBSZXNwb25zZS5oZWFkZXJzKTtcblxuICAgICAgdmFyIGh0dHBSZXNwb25zZU9rID0gTWF0aC5mbG9vcihzdGF0dXMgLyAxMDApID09PSAyO1xuXG4gICAgICB2YXIgZW5kVGltZSA9IG5ldyBEYXRlKCk7XG4gICAgICBkZWJ1Z0RhdGEucHVzaCh7XG4gICAgICAgIGN1cnJlbnRIb3N0OiBjdXJyZW50SG9zdCxcbiAgICAgICAgaGVhZGVyczogcmVtb3ZlQ3JlZGVudGlhbHMoaGVhZGVycyksXG4gICAgICAgIGNvbnRlbnQ6IGJvZHkgfHwgbnVsbCxcbiAgICAgICAgY29udGVudExlbmd0aDogYm9keSAhPT0gdW5kZWZpbmVkID8gYm9keS5sZW5ndGggOiBudWxsLFxuICAgICAgICBtZXRob2Q6IHJlcU9wdHMubWV0aG9kLFxuICAgICAgICB0aW1lb3V0czogcmVxT3B0cy50aW1lb3V0cyxcbiAgICAgICAgdXJsOiByZXFPcHRzLnVybCxcbiAgICAgICAgc3RhcnRUaW1lOiBzdGFydFRpbWUsXG4gICAgICAgIGVuZFRpbWU6IGVuZFRpbWUsXG4gICAgICAgIGR1cmF0aW9uOiBlbmRUaW1lIC0gc3RhcnRUaW1lLFxuICAgICAgICBzdGF0dXNDb2RlOiBzdGF0dXNcbiAgICAgIH0pO1xuXG4gICAgICBpZiAoaHR0cFJlc3BvbnNlT2spIHtcbiAgICAgICAgaWYgKGNsaWVudC5fdXNlQ2FjaGUgJiYgIWNsaWVudC5fdXNlUmVxdWVzdENhY2hlICYmIGNhY2hlKSB7XG4gICAgICAgICAgY2FjaGVbY2FjaGVJRF0gPSBodHRwUmVzcG9uc2UucmVzcG9uc2VUZXh0O1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICByZXNwb25zZVRleHQ6IGh0dHBSZXNwb25zZS5yZXNwb25zZVRleHQsXG4gICAgICAgICAgYm9keTogaHR0cFJlc3BvbnNlLmJvZHlcbiAgICAgICAgfTtcbiAgICAgIH1cblxuICAgICAgdmFyIHNob3VsZFJldHJ5ID0gTWF0aC5mbG9vcihzdGF0dXMgLyAxMDApICE9PSA0O1xuXG4gICAgICBpZiAoc2hvdWxkUmV0cnkpIHtcbiAgICAgICAgdHJpZXMgKz0gMTtcbiAgICAgICAgcmV0dXJuIHJldHJ5UmVxdWVzdCgpO1xuICAgICAgfVxuXG4gICAgICByZXF1ZXN0RGVidWcoJ3VucmVjb3ZlcmFibGUgZXJyb3InKTtcblxuICAgICAgLy8gbm8gc3VjY2VzcyBhbmQgbm8gcmV0cnkgPT4gZmFpbFxuICAgICAgdmFyIHVucmVjb3ZlcmFibGVFcnJvciA9IG5ldyBlcnJvcnMuQWxnb2xpYVNlYXJjaEVycm9yKFxuICAgICAgICBodHRwUmVzcG9uc2UuYm9keSAmJiBodHRwUmVzcG9uc2UuYm9keS5tZXNzYWdlLCB7ZGVidWdEYXRhOiBkZWJ1Z0RhdGEsIHN0YXR1c0NvZGU6IHN0YXR1c31cbiAgICAgICk7XG5cbiAgICAgIHJldHVybiBjbGllbnQuX3Byb21pc2UucmVqZWN0KHVucmVjb3ZlcmFibGVFcnJvcik7XG4gICAgfVxuXG4gICAgZnVuY3Rpb24gdHJ5RmFsbGJhY2soZXJyKSB7XG4gICAgICAvLyBlcnJvciBjYXNlczpcbiAgICAgIC8vICBXaGlsZSBub3QgaW4gZmFsbGJhY2sgbW9kZTpcbiAgICAgIC8vICAgIC0gQ09SUyBub3Qgc3VwcG9ydGVkXG4gICAgICAvLyAgICAtIG5ldHdvcmsgZXJyb3JcbiAgICAgIC8vICBXaGlsZSBpbiBmYWxsYmFjayBtb2RlOlxuICAgICAgLy8gICAgLSB0aW1lb3V0XG4gICAgICAvLyAgICAtIG5ldHdvcmsgZXJyb3JcbiAgICAgIC8vICAgIC0gYmFkbHkgZm9ybWF0dGVkIEpTT05QIChzY3JpcHQgbG9hZGVkLCBkaWQgbm90IGNhbGwgb3VyIGNhbGxiYWNrKVxuICAgICAgLy8gIEluIGJvdGggY2FzZXM6XG4gICAgICAvLyAgICAtIHVuY2F1Z2h0IGV4Y2VwdGlvbiBvY2N1cnMgKFR5cGVFcnJvcilcbiAgICAgIHJlcXVlc3REZWJ1ZygnZXJyb3I6ICVzLCBzdGFjazogJXMnLCBlcnIubWVzc2FnZSwgZXJyLnN0YWNrKTtcblxuICAgICAgdmFyIGVuZFRpbWUgPSBuZXcgRGF0ZSgpO1xuICAgICAgZGVidWdEYXRhLnB1c2goe1xuICAgICAgICBjdXJyZW50SG9zdDogY3VycmVudEhvc3QsXG4gICAgICAgIGhlYWRlcnM6IHJlbW92ZUNyZWRlbnRpYWxzKGhlYWRlcnMpLFxuICAgICAgICBjb250ZW50OiBib2R5IHx8IG51bGwsXG4gICAgICAgIGNvbnRlbnRMZW5ndGg6IGJvZHkgIT09IHVuZGVmaW5lZCA/IGJvZHkubGVuZ3RoIDogbnVsbCxcbiAgICAgICAgbWV0aG9kOiByZXFPcHRzLm1ldGhvZCxcbiAgICAgICAgdGltZW91dHM6IHJlcU9wdHMudGltZW91dHMsXG4gICAgICAgIHVybDogcmVxT3B0cy51cmwsXG4gICAgICAgIHN0YXJ0VGltZTogc3RhcnRUaW1lLFxuICAgICAgICBlbmRUaW1lOiBlbmRUaW1lLFxuICAgICAgICBkdXJhdGlvbjogZW5kVGltZSAtIHN0YXJ0VGltZVxuICAgICAgfSk7XG5cbiAgICAgIGlmICghKGVyciBpbnN0YW5jZW9mIGVycm9ycy5BbGdvbGlhU2VhcmNoRXJyb3IpKSB7XG4gICAgICAgIGVyciA9IG5ldyBlcnJvcnMuVW5rbm93bihlcnIgJiYgZXJyLm1lc3NhZ2UsIGVycik7XG4gICAgICB9XG5cbiAgICAgIHRyaWVzICs9IDE7XG5cbiAgICAgIC8vIHN0b3AgdGhlIHJlcXVlc3QgaW1wbGVtZW50YXRpb24gd2hlbjpcbiAgICAgIGlmIChcbiAgICAgICAgLy8gd2UgZGlkIG5vdCBnZW5lcmF0ZSB0aGlzIGVycm9yLFxuICAgICAgICAvLyBpdCBjb21lcyBmcm9tIGEgdGhyb3cgaW4gc29tZSBvdGhlciBwaWVjZSBvZiBjb2RlXG4gICAgICAgIGVyciBpbnN0YW5jZW9mIGVycm9ycy5Vbmtub3duIHx8XG5cbiAgICAgICAgLy8gc2VydmVyIHNlbnQgdW5wYXJzYWJsZSBKU09OXG4gICAgICAgIGVyciBpbnN0YW5jZW9mIGVycm9ycy5VbnBhcnNhYmxlSlNPTiB8fFxuXG4gICAgICAgIC8vIG1heCB0cmllcyBhbmQgYWxyZWFkeSB1c2luZyBmYWxsYmFjayBvciBubyBmYWxsYmFja1xuICAgICAgICB0cmllcyA+PSBjbGllbnQuaG9zdHNbaW5pdGlhbE9wdHMuaG9zdFR5cGVdLmxlbmd0aCAmJlxuICAgICAgICAodXNpbmdGYWxsYmFjayB8fCAhaGFzRmFsbGJhY2spKSB7XG4gICAgICAgIC8vIHN0b3AgcmVxdWVzdCBpbXBsZW1lbnRhdGlvbiBmb3IgdGhpcyBjb21tYW5kXG4gICAgICAgIGVyci5kZWJ1Z0RhdGEgPSBkZWJ1Z0RhdGE7XG4gICAgICAgIHJldHVybiBjbGllbnQuX3Byb21pc2UucmVqZWN0KGVycik7XG4gICAgICB9XG5cbiAgICAgIC8vIFdoZW4gYSB0aW1lb3V0IG9jY3VycmVkLCByZXRyeSBieSByYWlzaW5nIHRpbWVvdXRcbiAgICAgIGlmIChlcnIgaW5zdGFuY2VvZiBlcnJvcnMuUmVxdWVzdFRpbWVvdXQpIHtcbiAgICAgICAgcmV0dXJuIHJldHJ5UmVxdWVzdFdpdGhIaWdoZXJUaW1lb3V0KCk7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiByZXRyeVJlcXVlc3QoKTtcbiAgICB9XG5cbiAgICBmdW5jdGlvbiByZXRyeVJlcXVlc3QoKSB7XG4gICAgICByZXF1ZXN0RGVidWcoJ3JldHJ5aW5nIHJlcXVlc3QnKTtcbiAgICAgIGNsaWVudC5faW5jcmVtZW50SG9zdEluZGV4KGluaXRpYWxPcHRzLmhvc3RUeXBlKTtcbiAgICAgIHJldHVybiBkb1JlcXVlc3QocmVxdWVzdGVyLCByZXFPcHRzKTtcbiAgICB9XG5cbiAgICBmdW5jdGlvbiByZXRyeVJlcXVlc3RXaXRoSGlnaGVyVGltZW91dCgpIHtcbiAgICAgIHJlcXVlc3REZWJ1ZygncmV0cnlpbmcgcmVxdWVzdCB3aXRoIGhpZ2hlciB0aW1lb3V0Jyk7XG4gICAgICBjbGllbnQuX2luY3JlbWVudEhvc3RJbmRleChpbml0aWFsT3B0cy5ob3N0VHlwZSk7XG4gICAgICBjbGllbnQuX2luY3JlbWVudFRpbWVvdXRNdWx0aXBsZXIoKTtcbiAgICAgIHJlcU9wdHMudGltZW91dHMgPSBjbGllbnQuX2dldFRpbWVvdXRzRm9yUmVxdWVzdChpbml0aWFsT3B0cy5ob3N0VHlwZSk7XG4gICAgICByZXR1cm4gZG9SZXF1ZXN0KHJlcXVlc3RlciwgcmVxT3B0cyk7XG4gICAgfVxuICB9XG5cbiAgZnVuY3Rpb24gaXNDYWNoZVZhbGlkV2l0aEN1cnJlbnRJRChcbiAgICB1c2VSZXF1ZXN0Q2FjaGUsXG4gICAgY3VycmVudENhY2hlLFxuICAgIGN1cnJlbnRDYWNoZUlEXG4gICkge1xuICAgIHJldHVybiAoXG4gICAgICBjbGllbnQuX3VzZUNhY2hlICYmXG4gICAgICB1c2VSZXF1ZXN0Q2FjaGUgJiZcbiAgICAgIGN1cnJlbnRDYWNoZSAmJlxuICAgICAgY3VycmVudENhY2hlW2N1cnJlbnRDYWNoZUlEXSAhPT0gdW5kZWZpbmVkXG4gICAgKTtcbiAgfVxuXG5cbiAgZnVuY3Rpb24gaW50ZXJvcENhbGxiYWNrUmV0dXJuKHJlcXVlc3QsIGNhbGxiYWNrKSB7XG4gICAgaWYgKGlzQ2FjaGVWYWxpZFdpdGhDdXJyZW50SUQoY2xpZW50Ll91c2VSZXF1ZXN0Q2FjaGUsIGNhY2hlLCBjYWNoZUlEKSkge1xuICAgICAgcmVxdWVzdC5jYXRjaChmdW5jdGlvbigpIHtcbiAgICAgICAgLy8gUmVsZWFzZSB0aGUgY2FjaGUgb24gZXJyb3JcbiAgICAgICAgZGVsZXRlIGNhY2hlW2NhY2hlSURdO1xuICAgICAgfSk7XG4gICAgfVxuXG4gICAgaWYgKHR5cGVvZiBpbml0aWFsT3B0cy5jYWxsYmFjayA9PT0gJ2Z1bmN0aW9uJykge1xuICAgICAgLy8gZWl0aGVyIHdlIGhhdmUgYSBjYWxsYmFja1xuICAgICAgcmVxdWVzdC50aGVuKGZ1bmN0aW9uIG9rQ2IoY29udGVudCkge1xuICAgICAgICBleGl0UHJvbWlzZShmdW5jdGlvbigpIHtcbiAgICAgICAgICBpbml0aWFsT3B0cy5jYWxsYmFjayhudWxsLCBjYWxsYmFjayhjb250ZW50KSk7XG4gICAgICAgIH0sIGNsaWVudC5fc2V0VGltZW91dCB8fCBzZXRUaW1lb3V0KTtcbiAgICAgIH0sIGZ1bmN0aW9uIG5vb2tDYihlcnIpIHtcbiAgICAgICAgZXhpdFByb21pc2UoZnVuY3Rpb24oKSB7XG4gICAgICAgICAgaW5pdGlhbE9wdHMuY2FsbGJhY2soZXJyKTtcbiAgICAgICAgfSwgY2xpZW50Ll9zZXRUaW1lb3V0IHx8IHNldFRpbWVvdXQpO1xuICAgICAgfSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIC8vIGVpdGhlciB3ZSBhcmUgdXNpbmcgcHJvbWlzZXNcbiAgICAgIHJldHVybiByZXF1ZXN0LnRoZW4oY2FsbGJhY2spO1xuICAgIH1cbiAgfVxuXG4gIGlmIChjbGllbnQuX3VzZUNhY2hlICYmIGNsaWVudC5fdXNlUmVxdWVzdENhY2hlKSB7XG4gICAgY2FjaGVJRCA9IGluaXRpYWxPcHRzLnVybDtcbiAgfVxuXG4gIC8vIGFzIHdlIHNvbWV0aW1lIHVzZSBQT1NUIHJlcXVlc3RzIHRvIHBhc3MgcGFyYW1ldGVycyAobGlrZSBxdWVyeT0nYWEnKSxcbiAgLy8gdGhlIGNhY2hlSUQgbXVzdCBhbHNvIGluY2x1ZGUgdGhlIGJvZHkgdG8gYmUgZGlmZmVyZW50IGJldHdlZW4gY2FsbHNcbiAgaWYgKGNsaWVudC5fdXNlQ2FjaGUgJiYgY2xpZW50Ll91c2VSZXF1ZXN0Q2FjaGUgJiYgYm9keSkge1xuICAgIGNhY2hlSUQgKz0gJ19ib2R5XycgKyBib2R5O1xuICB9XG5cbiAgaWYgKGlzQ2FjaGVWYWxpZFdpdGhDdXJyZW50SUQoY2xpZW50Ll91c2VSZXF1ZXN0Q2FjaGUsIGNhY2hlLCBjYWNoZUlEKSkge1xuICAgIHJlcXVlc3REZWJ1Zygnc2VydmluZyByZXF1ZXN0IGZyb20gY2FjaGUnKTtcblxuICAgIHZhciBtYXliZVByb21pc2VGb3JDYWNoZSA9IGNhY2hlW2NhY2hlSURdO1xuXG4gICAgLy8gSW4gY2FzZSB0aGUgY2FjaGUgaXMgd2FybXVwIHdpdGggdmFsdWUgdGhhdCBpcyBub3QgYSBwcm9taXNlXG4gICAgdmFyIHByb21pc2VGb3JDYWNoZSA9IHR5cGVvZiBtYXliZVByb21pc2VGb3JDYWNoZS50aGVuICE9PSAnZnVuY3Rpb24nXG4gICAgICA/IGNsaWVudC5fcHJvbWlzZS5yZXNvbHZlKHtyZXNwb25zZVRleHQ6IG1heWJlUHJvbWlzZUZvckNhY2hlfSlcbiAgICAgIDogbWF5YmVQcm9taXNlRm9yQ2FjaGU7XG5cbiAgICByZXR1cm4gaW50ZXJvcENhbGxiYWNrUmV0dXJuKHByb21pc2VGb3JDYWNoZSwgZnVuY3Rpb24oY29udGVudCkge1xuICAgICAgLy8gSW4gY2FzZSBvZiB0aGUgY2FjaGUgcmVxdWVzdCwgcmV0dXJuIHRoZSBvcmlnaW5hbCB2YWx1ZVxuICAgICAgcmV0dXJuIEpTT04ucGFyc2UoY29udGVudC5yZXNwb25zZVRleHQpO1xuICAgIH0pO1xuICB9XG5cbiAgdmFyIHJlcXVlc3QgPSBkb1JlcXVlc3QoXG4gICAgY2xpZW50Ll9yZXF1ZXN0LCB7XG4gICAgICB1cmw6IGluaXRpYWxPcHRzLnVybCxcbiAgICAgIG1ldGhvZDogaW5pdGlhbE9wdHMubWV0aG9kLFxuICAgICAgYm9keTogYm9keSxcbiAgICAgIGpzb25Cb2R5OiBpbml0aWFsT3B0cy5ib2R5LFxuICAgICAgdGltZW91dHM6IGNsaWVudC5fZ2V0VGltZW91dHNGb3JSZXF1ZXN0KGluaXRpYWxPcHRzLmhvc3RUeXBlKSxcbiAgICAgIGZvcmNlQXV0aEhlYWRlcnM6IGluaXRpYWxPcHRzLmZvcmNlQXV0aEhlYWRlcnNcbiAgICB9XG4gICk7XG5cbiAgaWYgKGNsaWVudC5fdXNlQ2FjaGUgJiYgY2xpZW50Ll91c2VSZXF1ZXN0Q2FjaGUgJiYgY2FjaGUpIHtcbiAgICBjYWNoZVtjYWNoZUlEXSA9IHJlcXVlc3Q7XG4gIH1cblxuICByZXR1cm4gaW50ZXJvcENhbGxiYWNrUmV0dXJuKHJlcXVlc3QsIGZ1bmN0aW9uKGNvbnRlbnQpIHtcbiAgICAvLyBJbiBjYXNlIG9mIHRoZSBmaXJzdCByZXF1ZXN0LCByZXR1cm4gdGhlIEpTT04gdmFsdWVcbiAgICByZXR1cm4gY29udGVudC5ib2R5O1xuICB9KTtcbn07XG5cbi8qXG4qIFRyYW5zZm9ybSBzZWFyY2ggcGFyYW0gb2JqZWN0IGluIHF1ZXJ5IHN0cmluZ1xuKiBAcGFyYW0ge29iamVjdH0gYXJncyBhcmd1bWVudHMgdG8gYWRkIHRvIHRoZSBjdXJyZW50IHF1ZXJ5IHN0cmluZ1xuKiBAcGFyYW0ge3N0cmluZ30gcGFyYW1zIGN1cnJlbnQgcXVlcnkgc3RyaW5nXG4qIEByZXR1cm4ge3N0cmluZ30gdGhlIGZpbmFsIHF1ZXJ5IHN0cmluZ1xuKi9cbkFsZ29saWFTZWFyY2hDb3JlLnByb3RvdHlwZS5fZ2V0U2VhcmNoUGFyYW1zID0gZnVuY3Rpb24oYXJncywgcGFyYW1zKSB7XG4gIGlmIChhcmdzID09PSB1bmRlZmluZWQgfHwgYXJncyA9PT0gbnVsbCkge1xuICAgIHJldHVybiBwYXJhbXM7XG4gIH1cbiAgZm9yICh2YXIga2V5IGluIGFyZ3MpIHtcbiAgICBpZiAoa2V5ICE9PSBudWxsICYmIGFyZ3Nba2V5XSAhPT0gdW5kZWZpbmVkICYmIGFyZ3MuaGFzT3duUHJvcGVydHkoa2V5KSkge1xuICAgICAgcGFyYW1zICs9IHBhcmFtcyA9PT0gJycgPyAnJyA6ICcmJztcbiAgICAgIHBhcmFtcyArPSBrZXkgKyAnPScgKyBlbmNvZGVVUklDb21wb25lbnQoT2JqZWN0LnByb3RvdHlwZS50b1N0cmluZy5jYWxsKGFyZ3Nba2V5XSkgPT09ICdbb2JqZWN0IEFycmF5XScgPyBzYWZlSlNPTlN0cmluZ2lmeShhcmdzW2tleV0pIDogYXJnc1trZXldKTtcbiAgICB9XG4gIH1cbiAgcmV0dXJuIHBhcmFtcztcbn07XG5cbi8qKlxuICogQ29tcHV0ZSB0aGUgaGVhZGVycyBmb3IgYSByZXF1ZXN0XG4gKlxuICogQHBhcmFtIFtzdHJpbmddIG9wdGlvbnMuYWRkaXRpb25hbFVBIHNlbWktY29sb24gc2VwYXJhdGVkIHN0cmluZyB3aXRoIG90aGVyIHVzZXIgYWdlbnRzIHRvIGFkZFxuICogQHBhcmFtIFtib29sZWFuPXRydWVdIG9wdGlvbnMud2l0aEFwaUtleSBTZW5kIHRoZSBhcGkga2V5IGFzIGEgaGVhZGVyXG4gKiBAcGFyYW0gW09iamVjdF0gb3B0aW9ucy5oZWFkZXJzIEV4dHJhIGhlYWRlcnMgdG8gc2VuZFxuICovXG5BbGdvbGlhU2VhcmNoQ29yZS5wcm90b3R5cGUuX2NvbXB1dGVSZXF1ZXN0SGVhZGVycyA9IGZ1bmN0aW9uKG9wdGlvbnMpIHtcbiAgdmFyIGZvckVhY2ggPSByZXF1aXJlKCdmb3JlYWNoJyk7XG5cbiAgdmFyIHVhID0gb3B0aW9ucy5hZGRpdGlvbmFsVUEgP1xuICAgIHRoaXMuX3VhICsgJzsgJyArIG9wdGlvbnMuYWRkaXRpb25hbFVBIDpcbiAgICB0aGlzLl91YTtcblxuICB2YXIgcmVxdWVzdEhlYWRlcnMgPSB7XG4gICAgJ3gtYWxnb2xpYS1hZ2VudCc6IHVhLFxuICAgICd4LWFsZ29saWEtYXBwbGljYXRpb24taWQnOiB0aGlzLmFwcGxpY2F0aW9uSURcbiAgfTtcblxuICAvLyBicm93c2VyIHdpbGwgaW5saW5lIGhlYWRlcnMgaW4gdGhlIHVybCwgbm9kZS5qcyB3aWxsIHVzZSBodHRwIGhlYWRlcnNcbiAgLy8gYnV0IGluIHNvbWUgc2l0dWF0aW9ucywgdGhlIEFQSSBLRVkgd2lsbCBiZSB0b28gbG9uZyAoYmlnIHNlY3VyZWQgQVBJIGtleXMpXG4gIC8vIHNvIGlmIHRoZSByZXF1ZXN0IGlzIGEgUE9TVCBhbmQgdGhlIEtFWSBpcyB2ZXJ5IGxvbmcsIHdlIHdpbGwgYmUgYXNrZWQgdG8gbm90IHB1dFxuICAvLyBpdCBpbnRvIGhlYWRlcnMgYnV0IGluIHRoZSBKU09OIGJvZHlcbiAgaWYgKG9wdGlvbnMud2l0aEFwaUtleSAhPT0gZmFsc2UpIHtcbiAgICByZXF1ZXN0SGVhZGVyc1sneC1hbGdvbGlhLWFwaS1rZXknXSA9IHRoaXMuYXBpS2V5O1xuICB9XG5cbiAgaWYgKHRoaXMudXNlclRva2VuKSB7XG4gICAgcmVxdWVzdEhlYWRlcnNbJ3gtYWxnb2xpYS11c2VydG9rZW4nXSA9IHRoaXMudXNlclRva2VuO1xuICB9XG5cbiAgaWYgKHRoaXMuc2VjdXJpdHlUYWdzKSB7XG4gICAgcmVxdWVzdEhlYWRlcnNbJ3gtYWxnb2xpYS10YWdmaWx0ZXJzJ10gPSB0aGlzLnNlY3VyaXR5VGFncztcbiAgfVxuXG4gIGZvckVhY2godGhpcy5leHRyYUhlYWRlcnMsIGZ1bmN0aW9uIGFkZFRvUmVxdWVzdEhlYWRlcnModmFsdWUsIGtleSkge1xuICAgIHJlcXVlc3RIZWFkZXJzW2tleV0gPSB2YWx1ZTtcbiAgfSk7XG5cbiAgaWYgKG9wdGlvbnMuaGVhZGVycykge1xuICAgIGZvckVhY2gob3B0aW9ucy5oZWFkZXJzLCBmdW5jdGlvbiBhZGRUb1JlcXVlc3RIZWFkZXJzKHZhbHVlLCBrZXkpIHtcbiAgICAgIHJlcXVlc3RIZWFkZXJzW2tleV0gPSB2YWx1ZTtcbiAgICB9KTtcbiAgfVxuXG4gIHJldHVybiByZXF1ZXN0SGVhZGVycztcbn07XG5cbi8qKlxuICogU2VhcmNoIHRocm91Z2ggbXVsdGlwbGUgaW5kaWNlcyBhdCB0aGUgc2FtZSB0aW1lXG4gKiBAcGFyYW0gIHtPYmplY3RbXX0gICBxdWVyaWVzICBBbiBhcnJheSBvZiBxdWVyaWVzIHlvdSB3YW50IHRvIHJ1bi5cbiAqIEBwYXJhbSB7c3RyaW5nfSBxdWVyaWVzW10uaW5kZXhOYW1lIFRoZSBpbmRleCBuYW1lIHlvdSB3YW50IHRvIHRhcmdldFxuICogQHBhcmFtIHtzdHJpbmd9IFtxdWVyaWVzW10ucXVlcnldIFRoZSBxdWVyeSB0byBpc3N1ZSBvbiB0aGlzIGluZGV4LiBDYW4gYWxzbyBiZSBwYXNzZWQgaW50byBgcGFyYW1zYFxuICogQHBhcmFtIHtPYmplY3R9IHF1ZXJpZXNbXS5wYXJhbXMgQW55IHNlYXJjaCBwYXJhbSBsaWtlIGhpdHNQZXJQYWdlLCAuLlxuICogQHBhcmFtICB7RnVuY3Rpb259IGNhbGxiYWNrIENhbGxiYWNrIHRvIGJlIGNhbGxlZFxuICogQHJldHVybiB7UHJvbWlzZXx1bmRlZmluZWR9IFJldHVybnMgYSBwcm9taXNlIGlmIG5vIGNhbGxiYWNrIGdpdmVuXG4gKi9cbkFsZ29saWFTZWFyY2hDb3JlLnByb3RvdHlwZS5zZWFyY2ggPSBmdW5jdGlvbihxdWVyaWVzLCBvcHRzLCBjYWxsYmFjaykge1xuICB2YXIgaXNBcnJheSA9IHJlcXVpcmUoJ2lzYXJyYXknKTtcbiAgdmFyIG1hcCA9IHJlcXVpcmUoJy4vbWFwLmpzJyk7XG5cbiAgdmFyIHVzYWdlID0gJ1VzYWdlOiBjbGllbnQuc2VhcmNoKGFycmF5T2ZRdWVyaWVzWywgY2FsbGJhY2tdKSc7XG5cbiAgaWYgKCFpc0FycmF5KHF1ZXJpZXMpKSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKHVzYWdlKTtcbiAgfVxuXG4gIGlmICh0eXBlb2Ygb3B0cyA9PT0gJ2Z1bmN0aW9uJykge1xuICAgIGNhbGxiYWNrID0gb3B0cztcbiAgICBvcHRzID0ge307XG4gIH0gZWxzZSBpZiAob3B0cyA9PT0gdW5kZWZpbmVkKSB7XG4gICAgb3B0cyA9IHt9O1xuICB9XG5cbiAgdmFyIGNsaWVudCA9IHRoaXM7XG5cbiAgdmFyIHBvc3RPYmogPSB7XG4gICAgcmVxdWVzdHM6IG1hcChxdWVyaWVzLCBmdW5jdGlvbiBwcmVwYXJlUmVxdWVzdChxdWVyeSkge1xuICAgICAgdmFyIHBhcmFtcyA9ICcnO1xuXG4gICAgICAvLyBhbGxvdyBxdWVyeS5xdWVyeVxuICAgICAgLy8gc28gd2UgYXJlIG1pbWljaW5nIHRoZSBpbmRleC5zZWFyY2gocXVlcnksIHBhcmFtcykgbWV0aG9kXG4gICAgICAvLyB7aW5kZXhOYW1lOiwgcXVlcnk6LCBwYXJhbXM6fVxuICAgICAgaWYgKHF1ZXJ5LnF1ZXJ5ICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgcGFyYW1zICs9ICdxdWVyeT0nICsgZW5jb2RlVVJJQ29tcG9uZW50KHF1ZXJ5LnF1ZXJ5KTtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgaW5kZXhOYW1lOiBxdWVyeS5pbmRleE5hbWUsXG4gICAgICAgIHBhcmFtczogY2xpZW50Ll9nZXRTZWFyY2hQYXJhbXMocXVlcnkucGFyYW1zLCBwYXJhbXMpXG4gICAgICB9O1xuICAgIH0pXG4gIH07XG5cbiAgdmFyIEpTT05QUGFyYW1zID0gbWFwKHBvc3RPYmoucmVxdWVzdHMsIGZ1bmN0aW9uIHByZXBhcmVKU09OUFBhcmFtcyhyZXF1ZXN0LCByZXF1ZXN0SWQpIHtcbiAgICByZXR1cm4gcmVxdWVzdElkICsgJz0nICtcbiAgICAgIGVuY29kZVVSSUNvbXBvbmVudChcbiAgICAgICAgJy8xL2luZGV4ZXMvJyArIGVuY29kZVVSSUNvbXBvbmVudChyZXF1ZXN0LmluZGV4TmFtZSkgKyAnPycgK1xuICAgICAgICByZXF1ZXN0LnBhcmFtc1xuICAgICAgKTtcbiAgfSkuam9pbignJicpO1xuXG4gIHZhciB1cmwgPSAnLzEvaW5kZXhlcy8qL3F1ZXJpZXMnO1xuXG4gIGlmIChvcHRzLnN0cmF0ZWd5ICE9PSB1bmRlZmluZWQpIHtcbiAgICBwb3N0T2JqLnN0cmF0ZWd5ID0gb3B0cy5zdHJhdGVneTtcbiAgfVxuXG4gIHJldHVybiB0aGlzLl9qc29uUmVxdWVzdCh7XG4gICAgY2FjaGU6IHRoaXMuY2FjaGUsXG4gICAgbWV0aG9kOiAnUE9TVCcsXG4gICAgdXJsOiB1cmwsXG4gICAgYm9keTogcG9zdE9iaixcbiAgICBob3N0VHlwZTogJ3JlYWQnLFxuICAgIGZhbGxiYWNrOiB7XG4gICAgICBtZXRob2Q6ICdHRVQnLFxuICAgICAgdXJsOiAnLzEvaW5kZXhlcy8qJyxcbiAgICAgIGJvZHk6IHtcbiAgICAgICAgcGFyYW1zOiBKU09OUFBhcmFtc1xuICAgICAgfVxuICAgIH0sXG4gICAgY2FsbGJhY2s6IGNhbGxiYWNrXG4gIH0pO1xufTtcblxuLyoqXG4qIFNlYXJjaCBmb3IgZmFjZXQgdmFsdWVzXG4qIGh0dHBzOi8vd3d3LmFsZ29saWEuY29tL2RvYy9yZXN0LWFwaS9zZWFyY2gjc2VhcmNoLWZvci1mYWNldC12YWx1ZXNcbiogVGhpcyBpcyB0aGUgdG9wLWxldmVsIEFQSSBmb3IgU0ZGVi5cbipcbiogQHBhcmFtIHtvYmplY3RbXX0gcXVlcmllcyBBbiBhcnJheSBvZiBxdWVyaWVzIHRvIHJ1bi5cbiogQHBhcmFtIHtzdHJpbmd9IHF1ZXJpZXNbXS5pbmRleE5hbWUgSW5kZXggbmFtZSwgbmFtZSBvZiB0aGUgaW5kZXggdG8gc2VhcmNoLlxuKiBAcGFyYW0ge29iamVjdH0gcXVlcmllc1tdLnBhcmFtcyBRdWVyeSBwYXJhbWV0ZXJzLlxuKiBAcGFyYW0ge3N0cmluZ30gcXVlcmllc1tdLnBhcmFtcy5mYWNldE5hbWUgRmFjZXQgbmFtZSwgbmFtZSBvZiB0aGUgYXR0cmlidXRlIHRvIHNlYXJjaCBmb3IgdmFsdWVzIGluLlxuKiBNdXN0IGJlIGRlY2xhcmVkIGFzIGEgZmFjZXRcbiogQHBhcmFtIHtzdHJpbmd9IHF1ZXJpZXNbXS5wYXJhbXMuZmFjZXRRdWVyeSBRdWVyeSBmb3IgdGhlIGZhY2V0IHNlYXJjaFxuKiBAcGFyYW0ge3N0cmluZ30gW3F1ZXJpZXNbXS5wYXJhbXMuKl0gQW55IHNlYXJjaCBwYXJhbWV0ZXIgb2YgQWxnb2xpYSxcbiogc2VlIGh0dHBzOi8vd3d3LmFsZ29saWEuY29tL2RvYy9hcGktY2xpZW50L2phdmFzY3JpcHQvc2VhcmNoI3NlYXJjaC1wYXJhbWV0ZXJzXG4qIFBhZ2luYXRpb24gaXMgbm90IHN1cHBvcnRlZC4gVGhlIHBhZ2UgYW5kIGhpdHNQZXJQYWdlIHBhcmFtZXRlcnMgd2lsbCBiZSBpZ25vcmVkLlxuKi9cbkFsZ29saWFTZWFyY2hDb3JlLnByb3RvdHlwZS5zZWFyY2hGb3JGYWNldFZhbHVlcyA9IGZ1bmN0aW9uKHF1ZXJpZXMpIHtcbiAgdmFyIGlzQXJyYXkgPSByZXF1aXJlKCdpc2FycmF5Jyk7XG4gIHZhciBtYXAgPSByZXF1aXJlKCcuL21hcC5qcycpO1xuXG4gIHZhciB1c2FnZSA9ICdVc2FnZTogY2xpZW50LnNlYXJjaEZvckZhY2V0VmFsdWVzKFt7aW5kZXhOYW1lLCBwYXJhbXM6IHtmYWNldE5hbWUsIGZhY2V0UXVlcnksIC4uLnBhcmFtc319LCAuLi5xdWVyaWVzXSknOyAvLyBlc2xpbnQtZGlzYWJsZS1saW5lIG1heC1sZW5cblxuICBpZiAoIWlzQXJyYXkocXVlcmllcykpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IodXNhZ2UpO1xuICB9XG5cbiAgdmFyIGNsaWVudCA9IHRoaXM7XG5cbiAgcmV0dXJuIGNsaWVudC5fcHJvbWlzZS5hbGwobWFwKHF1ZXJpZXMsIGZ1bmN0aW9uIHBlcmZvcm1RdWVyeShxdWVyeSkge1xuICAgIGlmIChcbiAgICAgICFxdWVyeSB8fFxuICAgICAgcXVlcnkuaW5kZXhOYW1lID09PSB1bmRlZmluZWQgfHxcbiAgICAgIHF1ZXJ5LnBhcmFtcy5mYWNldE5hbWUgPT09IHVuZGVmaW5lZCB8fFxuICAgICAgcXVlcnkucGFyYW1zLmZhY2V0UXVlcnkgPT09IHVuZGVmaW5lZFxuICAgICkge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKHVzYWdlKTtcbiAgICB9XG5cbiAgICB2YXIgY2xvbmUgPSByZXF1aXJlKCcuL2Nsb25lLmpzJyk7XG4gICAgdmFyIG9taXQgPSByZXF1aXJlKCcuL29taXQuanMnKTtcblxuICAgIHZhciBpbmRleE5hbWUgPSBxdWVyeS5pbmRleE5hbWU7XG4gICAgdmFyIHBhcmFtcyA9IHF1ZXJ5LnBhcmFtcztcblxuICAgIHZhciBmYWNldE5hbWUgPSBwYXJhbXMuZmFjZXROYW1lO1xuICAgIHZhciBmaWx0ZXJlZFBhcmFtcyA9IG9taXQoY2xvbmUocGFyYW1zKSwgZnVuY3Rpb24oa2V5TmFtZSkge1xuICAgICAgcmV0dXJuIGtleU5hbWUgPT09ICdmYWNldE5hbWUnO1xuICAgIH0pO1xuICAgIHZhciBzZWFyY2hQYXJhbWV0ZXJzID0gY2xpZW50Ll9nZXRTZWFyY2hQYXJhbXMoZmlsdGVyZWRQYXJhbXMsICcnKTtcblxuICAgIHJldHVybiBjbGllbnQuX2pzb25SZXF1ZXN0KHtcbiAgICAgIGNhY2hlOiBjbGllbnQuY2FjaGUsXG4gICAgICBtZXRob2Q6ICdQT1NUJyxcbiAgICAgIHVybDpcbiAgICAgICAgJy8xL2luZGV4ZXMvJyArXG4gICAgICAgIGVuY29kZVVSSUNvbXBvbmVudChpbmRleE5hbWUpICtcbiAgICAgICAgJy9mYWNldHMvJyArXG4gICAgICAgIGVuY29kZVVSSUNvbXBvbmVudChmYWNldE5hbWUpICtcbiAgICAgICAgJy9xdWVyeScsXG4gICAgICBob3N0VHlwZTogJ3JlYWQnLFxuICAgICAgYm9keToge3BhcmFtczogc2VhcmNoUGFyYW1ldGVyc31cbiAgICB9KTtcbiAgfSkpO1xufTtcblxuLyoqXG4gKiBTZXQgdGhlIGV4dHJhIHNlY3VyaXR5IHRhZ0ZpbHRlcnMgaGVhZGVyXG4gKiBAcGFyYW0ge3N0cmluZ3xhcnJheX0gdGFncyBUaGUgbGlzdCBvZiB0YWdzIGRlZmluaW5nIHRoZSBjdXJyZW50IHNlY3VyaXR5IGZpbHRlcnNcbiAqL1xuQWxnb2xpYVNlYXJjaENvcmUucHJvdG90eXBlLnNldFNlY3VyaXR5VGFncyA9IGZ1bmN0aW9uKHRhZ3MpIHtcbiAgaWYgKE9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0YWdzKSA9PT0gJ1tvYmplY3QgQXJyYXldJykge1xuICAgIHZhciBzdHJUYWdzID0gW107XG4gICAgZm9yICh2YXIgaSA9IDA7IGkgPCB0YWdzLmxlbmd0aDsgKytpKSB7XG4gICAgICBpZiAoT2JqZWN0LnByb3RvdHlwZS50b1N0cmluZy5jYWxsKHRhZ3NbaV0pID09PSAnW29iamVjdCBBcnJheV0nKSB7XG4gICAgICAgIHZhciBvcmVkVGFncyA9IFtdO1xuICAgICAgICBmb3IgKHZhciBqID0gMDsgaiA8IHRhZ3NbaV0ubGVuZ3RoOyArK2opIHtcbiAgICAgICAgICBvcmVkVGFncy5wdXNoKHRhZ3NbaV1bal0pO1xuICAgICAgICB9XG4gICAgICAgIHN0clRhZ3MucHVzaCgnKCcgKyBvcmVkVGFncy5qb2luKCcsJykgKyAnKScpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgc3RyVGFncy5wdXNoKHRhZ3NbaV0pO1xuICAgICAgfVxuICAgIH1cbiAgICB0YWdzID0gc3RyVGFncy5qb2luKCcsJyk7XG4gIH1cblxuICB0aGlzLnNlY3VyaXR5VGFncyA9IHRhZ3M7XG59O1xuXG4vKipcbiAqIFNldCB0aGUgZXh0cmEgdXNlciB0b2tlbiBoZWFkZXJcbiAqIEBwYXJhbSB7c3RyaW5nfSB1c2VyVG9rZW4gVGhlIHRva2VuIGlkZW50aWZ5aW5nIGEgdW5pcSB1c2VyICh1c2VkIHRvIGFwcGx5IHJhdGUgbGltaXRzKVxuICovXG5BbGdvbGlhU2VhcmNoQ29yZS5wcm90b3R5cGUuc2V0VXNlclRva2VuID0gZnVuY3Rpb24odXNlclRva2VuKSB7XG4gIHRoaXMudXNlclRva2VuID0gdXNlclRva2VuO1xufTtcblxuLyoqXG4gKiBDbGVhciBhbGwgcXVlcmllcyBpbiBjbGllbnQncyBjYWNoZVxuICogQHJldHVybiB1bmRlZmluZWRcbiAqL1xuQWxnb2xpYVNlYXJjaENvcmUucHJvdG90eXBlLmNsZWFyQ2FjaGUgPSBmdW5jdGlvbigpIHtcbiAgdGhpcy5jYWNoZSA9IHt9O1xufTtcblxuLyoqXG4qIFNldCB0aGUgbnVtYmVyIG9mIG1pbGxpc2Vjb25kcyBhIHJlcXVlc3QgY2FuIHRha2UgYmVmb3JlIGF1dG9tYXRpY2FsbHkgYmVpbmcgdGVybWluYXRlZC5cbiogQGRlcHJlY2F0ZWRcbiogQHBhcmFtIHtOdW1iZXJ9IG1pbGxpc2Vjb25kc1xuKi9cbkFsZ29saWFTZWFyY2hDb3JlLnByb3RvdHlwZS5zZXRSZXF1ZXN0VGltZW91dCA9IGZ1bmN0aW9uKG1pbGxpc2Vjb25kcykge1xuICBpZiAobWlsbGlzZWNvbmRzKSB7XG4gICAgdGhpcy5fdGltZW91dHMuY29ubmVjdCA9IHRoaXMuX3RpbWVvdXRzLnJlYWQgPSB0aGlzLl90aW1lb3V0cy53cml0ZSA9IG1pbGxpc2Vjb25kcztcbiAgfVxufTtcblxuLyoqXG4qIFNldCB0aGUgdGhyZWUgZGlmZmVyZW50IChjb25uZWN0LCByZWFkLCB3cml0ZSkgdGltZW91dHMgdG8gYmUgdXNlZCB3aGVuIHJlcXVlc3RpbmdcbiogQHBhcmFtIHtPYmplY3R9IHRpbWVvdXRzXG4qL1xuQWxnb2xpYVNlYXJjaENvcmUucHJvdG90eXBlLnNldFRpbWVvdXRzID0gZnVuY3Rpb24odGltZW91dHMpIHtcbiAgdGhpcy5fdGltZW91dHMgPSB0aW1lb3V0cztcbn07XG5cbi8qKlxuKiBHZXQgdGhlIHRocmVlIGRpZmZlcmVudCAoY29ubmVjdCwgcmVhZCwgd3JpdGUpIHRpbWVvdXRzIHRvIGJlIHVzZWQgd2hlbiByZXF1ZXN0aW5nXG4qIEBwYXJhbSB7T2JqZWN0fSB0aW1lb3V0c1xuKi9cbkFsZ29saWFTZWFyY2hDb3JlLnByb3RvdHlwZS5nZXRUaW1lb3V0cyA9IGZ1bmN0aW9uKCkge1xuICByZXR1cm4gdGhpcy5fdGltZW91dHM7XG59O1xuXG5BbGdvbGlhU2VhcmNoQ29yZS5wcm90b3R5cGUuX2dldEFwcElkRGF0YSA9IGZ1bmN0aW9uKCkge1xuICB2YXIgZGF0YSA9IHN0b3JlLmdldCh0aGlzLmFwcGxpY2F0aW9uSUQpO1xuICBpZiAoZGF0YSAhPT0gbnVsbCkgdGhpcy5fY2FjaGVBcHBJZERhdGEoZGF0YSk7XG4gIHJldHVybiBkYXRhO1xufTtcblxuQWxnb2xpYVNlYXJjaENvcmUucHJvdG90eXBlLl9zZXRBcHBJZERhdGEgPSBmdW5jdGlvbihkYXRhKSB7XG4gIGRhdGEubGFzdENoYW5nZSA9IChuZXcgRGF0ZSgpKS5nZXRUaW1lKCk7XG4gIHRoaXMuX2NhY2hlQXBwSWREYXRhKGRhdGEpO1xuICByZXR1cm4gc3RvcmUuc2V0KHRoaXMuYXBwbGljYXRpb25JRCwgZGF0YSk7XG59O1xuXG5BbGdvbGlhU2VhcmNoQ29yZS5wcm90b3R5cGUuX2NoZWNrQXBwSWREYXRhID0gZnVuY3Rpb24oKSB7XG4gIHZhciBkYXRhID0gdGhpcy5fZ2V0QXBwSWREYXRhKCk7XG4gIHZhciBub3cgPSAobmV3IERhdGUoKSkuZ2V0VGltZSgpO1xuICBpZiAoZGF0YSA9PT0gbnVsbCB8fCBub3cgLSBkYXRhLmxhc3RDaGFuZ2UgPiBSRVNFVF9BUFBfREFUQV9USU1FUikge1xuICAgIHJldHVybiB0aGlzLl9yZXNldEluaXRpYWxBcHBJZERhdGEoZGF0YSk7XG4gIH1cblxuICByZXR1cm4gZGF0YTtcbn07XG5cbkFsZ29saWFTZWFyY2hDb3JlLnByb3RvdHlwZS5fcmVzZXRJbml0aWFsQXBwSWREYXRhID0gZnVuY3Rpb24oZGF0YSkge1xuICB2YXIgbmV3RGF0YSA9IGRhdGEgfHwge307XG4gIG5ld0RhdGEuaG9zdEluZGV4ZXMgPSB7cmVhZDogMCwgd3JpdGU6IDB9O1xuICBuZXdEYXRhLnRpbWVvdXRNdWx0aXBsaWVyID0gMTtcbiAgbmV3RGF0YS5zaHVmZmxlUmVzdWx0ID0gbmV3RGF0YS5zaHVmZmxlUmVzdWx0IHx8IHNodWZmbGUoWzEsIDIsIDNdKTtcbiAgcmV0dXJuIHRoaXMuX3NldEFwcElkRGF0YShuZXdEYXRhKTtcbn07XG5cbkFsZ29saWFTZWFyY2hDb3JlLnByb3RvdHlwZS5fY2FjaGVBcHBJZERhdGEgPSBmdW5jdGlvbihkYXRhKSB7XG4gIHRoaXMuX2hvc3RJbmRleGVzID0gZGF0YS5ob3N0SW5kZXhlcztcbiAgdGhpcy5fdGltZW91dE11bHRpcGxpZXIgPSBkYXRhLnRpbWVvdXRNdWx0aXBsaWVyO1xuICB0aGlzLl9zaHVmZmxlUmVzdWx0ID0gZGF0YS5zaHVmZmxlUmVzdWx0O1xufTtcblxuQWxnb2xpYVNlYXJjaENvcmUucHJvdG90eXBlLl9wYXJ0aWFsQXBwSWREYXRhVXBkYXRlID0gZnVuY3Rpb24obmV3RGF0YSkge1xuICB2YXIgZm9yZWFjaCA9IHJlcXVpcmUoJ2ZvcmVhY2gnKTtcbiAgdmFyIGN1cnJlbnREYXRhID0gdGhpcy5fZ2V0QXBwSWREYXRhKCk7XG4gIGZvcmVhY2gobmV3RGF0YSwgZnVuY3Rpb24odmFsdWUsIGtleSkge1xuICAgIGN1cnJlbnREYXRhW2tleV0gPSB2YWx1ZTtcbiAgfSk7XG5cbiAgcmV0dXJuIHRoaXMuX3NldEFwcElkRGF0YShjdXJyZW50RGF0YSk7XG59O1xuXG5BbGdvbGlhU2VhcmNoQ29yZS5wcm90b3R5cGUuX2dldEhvc3RCeVR5cGUgPSBmdW5jdGlvbihob3N0VHlwZSkge1xuICByZXR1cm4gdGhpcy5ob3N0c1tob3N0VHlwZV1bdGhpcy5fZ2V0SG9zdEluZGV4QnlUeXBlKGhvc3RUeXBlKV07XG59O1xuXG5BbGdvbGlhU2VhcmNoQ29yZS5wcm90b3R5cGUuX2dldFRpbWVvdXRNdWx0aXBsaWVyID0gZnVuY3Rpb24oKSB7XG4gIHJldHVybiB0aGlzLl90aW1lb3V0TXVsdGlwbGllcjtcbn07XG5cbkFsZ29saWFTZWFyY2hDb3JlLnByb3RvdHlwZS5fZ2V0SG9zdEluZGV4QnlUeXBlID0gZnVuY3Rpb24oaG9zdFR5cGUpIHtcbiAgcmV0dXJuIHRoaXMuX2hvc3RJbmRleGVzW2hvc3RUeXBlXTtcbn07XG5cbkFsZ29saWFTZWFyY2hDb3JlLnByb3RvdHlwZS5fc2V0SG9zdEluZGV4QnlUeXBlID0gZnVuY3Rpb24oaG9zdEluZGV4LCBob3N0VHlwZSkge1xuICB2YXIgY2xvbmUgPSByZXF1aXJlKCcuL2Nsb25lJyk7XG4gIHZhciBuZXdIb3N0SW5kZXhlcyA9IGNsb25lKHRoaXMuX2hvc3RJbmRleGVzKTtcbiAgbmV3SG9zdEluZGV4ZXNbaG9zdFR5cGVdID0gaG9zdEluZGV4O1xuICB0aGlzLl9wYXJ0aWFsQXBwSWREYXRhVXBkYXRlKHtob3N0SW5kZXhlczogbmV3SG9zdEluZGV4ZXN9KTtcbiAgcmV0dXJuIGhvc3RJbmRleDtcbn07XG5cbkFsZ29saWFTZWFyY2hDb3JlLnByb3RvdHlwZS5faW5jcmVtZW50SG9zdEluZGV4ID0gZnVuY3Rpb24oaG9zdFR5cGUpIHtcbiAgcmV0dXJuIHRoaXMuX3NldEhvc3RJbmRleEJ5VHlwZShcbiAgICAodGhpcy5fZ2V0SG9zdEluZGV4QnlUeXBlKGhvc3RUeXBlKSArIDEpICUgdGhpcy5ob3N0c1tob3N0VHlwZV0ubGVuZ3RoLCBob3N0VHlwZVxuICApO1xufTtcblxuQWxnb2xpYVNlYXJjaENvcmUucHJvdG90eXBlLl9pbmNyZW1lbnRUaW1lb3V0TXVsdGlwbGVyID0gZnVuY3Rpb24oKSB7XG4gIHZhciB0aW1lb3V0TXVsdGlwbGllciA9IE1hdGgubWF4KHRoaXMuX3RpbWVvdXRNdWx0aXBsaWVyICsgMSwgNCk7XG4gIHJldHVybiB0aGlzLl9wYXJ0aWFsQXBwSWREYXRhVXBkYXRlKHt0aW1lb3V0TXVsdGlwbGllcjogdGltZW91dE11bHRpcGxpZXJ9KTtcbn07XG5cbkFsZ29saWFTZWFyY2hDb3JlLnByb3RvdHlwZS5fZ2V0VGltZW91dHNGb3JSZXF1ZXN0ID0gZnVuY3Rpb24oaG9zdFR5cGUpIHtcbiAgcmV0dXJuIHtcbiAgICBjb25uZWN0OiB0aGlzLl90aW1lb3V0cy5jb25uZWN0ICogdGhpcy5fdGltZW91dE11bHRpcGxpZXIsXG4gICAgY29tcGxldGU6IHRoaXMuX3RpbWVvdXRzW2hvc3RUeXBlXSAqIHRoaXMuX3RpbWVvdXRNdWx0aXBsaWVyXG4gIH07XG59O1xuXG5mdW5jdGlvbiBwcmVwYXJlSG9zdChwcm90b2NvbCkge1xuICByZXR1cm4gZnVuY3Rpb24gcHJlcGFyZShob3N0KSB7XG4gICAgcmV0dXJuIHByb3RvY29sICsgJy8vJyArIGhvc3QudG9Mb3dlckNhc2UoKTtcbiAgfTtcbn1cblxuLy8gUHJvdG90eXBlLmpzIDwgMS43LCBhIHdpZGVseSB1c2VkIGxpYnJhcnksIGRlZmluZXMgYSB3ZWlyZFxuLy8gQXJyYXkucHJvdG90eXBlLnRvSlNPTiBmdW5jdGlvbiB0aGF0IHdpbGwgZmFpbCB0byBzdHJpbmdpZnkgb3VyIGNvbnRlbnRcbi8vIGFwcHJvcHJpYXRlbHlcbi8vIHJlZnM6XG4vLyAgIC0gaHR0cHM6Ly9ncm91cHMuZ29vZ2xlLmNvbS9mb3J1bS8jIXRvcGljL3Byb3RvdHlwZS1jb3JlL0UtU0FWdlZfVjlRXG4vLyAgIC0gaHR0cHM6Ly9naXRodWIuY29tL3NzdGVwaGVuc29uL3Byb3RvdHlwZS9jb21taXQvMDM4YTI5ODVhNzA1OTNjMWE4NmMyMzBmYWRiZGZlMmU0ODk4YTQ4Y1xuLy8gICAtIGh0dHA6Ly9zdGFja292ZXJmbG93LmNvbS9hLzMxNDg0NDEvMTQ3MDc5XG5mdW5jdGlvbiBzYWZlSlNPTlN0cmluZ2lmeShvYmopIHtcbiAgLyogZXNsaW50IG5vLWV4dGVuZC1uYXRpdmU6MCAqL1xuXG4gIGlmIChBcnJheS5wcm90b3R5cGUudG9KU09OID09PSB1bmRlZmluZWQpIHtcbiAgICByZXR1cm4gSlNPTi5zdHJpbmdpZnkob2JqKTtcbiAgfVxuXG4gIHZhciB0b0pTT04gPSBBcnJheS5wcm90b3R5cGUudG9KU09OO1xuICBkZWxldGUgQXJyYXkucHJvdG90eXBlLnRvSlNPTjtcbiAgdmFyIG91dCA9IEpTT04uc3RyaW5naWZ5KG9iaik7XG4gIEFycmF5LnByb3RvdHlwZS50b0pTT04gPSB0b0pTT047XG5cbiAgcmV0dXJuIG91dDtcbn1cblxuZnVuY3Rpb24gc2h1ZmZsZShhcnJheSkge1xuICB2YXIgY3VycmVudEluZGV4ID0gYXJyYXkubGVuZ3RoO1xuICB2YXIgdGVtcG9yYXJ5VmFsdWU7XG4gIHZhciByYW5kb21JbmRleDtcblxuICAvLyBXaGlsZSB0aGVyZSByZW1haW4gZWxlbWVudHMgdG8gc2h1ZmZsZS4uLlxuICB3aGlsZSAoY3VycmVudEluZGV4ICE9PSAwKSB7XG4gICAgLy8gUGljayBhIHJlbWFpbmluZyBlbGVtZW50Li4uXG4gICAgcmFuZG9tSW5kZXggPSBNYXRoLmZsb29yKE1hdGgucmFuZG9tKCkgKiBjdXJyZW50SW5kZXgpO1xuICAgIGN1cnJlbnRJbmRleCAtPSAxO1xuXG4gICAgLy8gQW5kIHN3YXAgaXQgd2l0aCB0aGUgY3VycmVudCBlbGVtZW50LlxuICAgIHRlbXBvcmFyeVZhbHVlID0gYXJyYXlbY3VycmVudEluZGV4XTtcbiAgICBhcnJheVtjdXJyZW50SW5kZXhdID0gYXJyYXlbcmFuZG9tSW5kZXhdO1xuICAgIGFycmF5W3JhbmRvbUluZGV4XSA9IHRlbXBvcmFyeVZhbHVlO1xuICB9XG5cbiAgcmV0dXJuIGFycmF5O1xufVxuXG5mdW5jdGlvbiByZW1vdmVDcmVkZW50aWFscyhoZWFkZXJzKSB7XG4gIHZhciBuZXdIZWFkZXJzID0ge307XG5cbiAgZm9yICh2YXIgaGVhZGVyTmFtZSBpbiBoZWFkZXJzKSB7XG4gICAgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChoZWFkZXJzLCBoZWFkZXJOYW1lKSkge1xuICAgICAgdmFyIHZhbHVlO1xuXG4gICAgICBpZiAoaGVhZGVyTmFtZSA9PT0gJ3gtYWxnb2xpYS1hcGkta2V5JyB8fCBoZWFkZXJOYW1lID09PSAneC1hbGdvbGlhLWFwcGxpY2F0aW9uLWlkJykge1xuICAgICAgICB2YWx1ZSA9ICcqKmhpZGRlbiBmb3Igc2VjdXJpdHkgcHVycG9zZXMqKic7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB2YWx1ZSA9IGhlYWRlcnNbaGVhZGVyTmFtZV07XG4gICAgICB9XG5cbiAgICAgIG5ld0hlYWRlcnNbaGVhZGVyTmFtZV0gPSB2YWx1ZTtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gbmV3SGVhZGVycztcbn1cbiIsInZhciBidWlsZFNlYXJjaE1ldGhvZCA9IHJlcXVpcmUoJy4vYnVpbGRTZWFyY2hNZXRob2QuanMnKTtcbnZhciBkZXByZWNhdGUgPSByZXF1aXJlKCcuL2RlcHJlY2F0ZS5qcycpO1xudmFyIGRlcHJlY2F0ZWRNZXNzYWdlID0gcmVxdWlyZSgnLi9kZXByZWNhdGVkTWVzc2FnZS5qcycpO1xuXG5tb2R1bGUuZXhwb3J0cyA9IEluZGV4Q29yZTtcblxuLypcbiogSW5kZXggY2xhc3MgY29uc3RydWN0b3IuXG4qIFlvdSBzaG91bGQgbm90IHVzZSB0aGlzIG1ldGhvZCBkaXJlY3RseSBidXQgdXNlIGluaXRJbmRleCgpIGZ1bmN0aW9uXG4qL1xuZnVuY3Rpb24gSW5kZXhDb3JlKGFsZ29saWFzZWFyY2gsIGluZGV4TmFtZSkge1xuICB0aGlzLmluZGV4TmFtZSA9IGluZGV4TmFtZTtcbiAgdGhpcy5hcyA9IGFsZ29saWFzZWFyY2g7XG4gIHRoaXMudHlwZUFoZWFkQXJncyA9IG51bGw7XG4gIHRoaXMudHlwZUFoZWFkVmFsdWVPcHRpb24gPSBudWxsO1xuXG4gIC8vIG1ha2Ugc3VyZSBldmVyeSBpbmRleCBpbnN0YW5jZSBoYXMgaXQncyBvd24gY2FjaGVcbiAgdGhpcy5jYWNoZSA9IHt9O1xufVxuXG4vKlxuKiBDbGVhciBhbGwgcXVlcmllcyBpbiBjYWNoZVxuKi9cbkluZGV4Q29yZS5wcm90b3R5cGUuY2xlYXJDYWNoZSA9IGZ1bmN0aW9uKCkge1xuICB0aGlzLmNhY2hlID0ge307XG59O1xuXG4vKlxuKiBTZWFyY2ggaW5zaWRlIHRoZSBpbmRleCB1c2luZyBYTUxIdHRwUmVxdWVzdCByZXF1ZXN0IChVc2luZyBhIFBPU1QgcXVlcnkgdG9cbiogbWluaW1pemUgbnVtYmVyIG9mIE9QVElPTlMgcXVlcmllczogQ3Jvc3MtT3JpZ2luIFJlc291cmNlIFNoYXJpbmcpLlxuKlxuKiBAcGFyYW0ge3N0cmluZ30gW3F1ZXJ5XSB0aGUgZnVsbCB0ZXh0IHF1ZXJ5XG4qIEBwYXJhbSB7b2JqZWN0fSBbYXJnc10gKG9wdGlvbmFsKSBpZiBzZXQsIGNvbnRhaW5zIGFuIG9iamVjdCB3aXRoIHF1ZXJ5IHBhcmFtZXRlcnM6XG4qIC0gcGFnZTogKGludGVnZXIpIFBhZ2luYXRpb24gcGFyYW1ldGVyIHVzZWQgdG8gc2VsZWN0IHRoZSBwYWdlIHRvIHJldHJpZXZlLlxuKiAgICAgICAgICAgICAgICAgICBQYWdlIGlzIHplcm8tYmFzZWQgYW5kIGRlZmF1bHRzIHRvIDAuIFRodXMsXG4qICAgICAgICAgICAgICAgICAgIHRvIHJldHJpZXZlIHRoZSAxMHRoIHBhZ2UgeW91IG5lZWQgdG8gc2V0IHBhZ2U9OVxuKiAtIGhpdHNQZXJQYWdlOiAoaW50ZWdlcikgUGFnaW5hdGlvbiBwYXJhbWV0ZXIgdXNlZCB0byBzZWxlY3QgdGhlIG51bWJlciBvZiBoaXRzIHBlciBwYWdlLiBEZWZhdWx0cyB0byAyMC5cbiogLSBhdHRyaWJ1dGVzVG9SZXRyaWV2ZTogYSBzdHJpbmcgdGhhdCBjb250YWlucyB0aGUgbGlzdCBvZiBvYmplY3QgYXR0cmlidXRlc1xuKiB5b3Ugd2FudCB0byByZXRyaWV2ZSAobGV0IHlvdSBtaW5pbWl6ZSB0aGUgYW5zd2VyIHNpemUpLlxuKiAgIEF0dHJpYnV0ZXMgYXJlIHNlcGFyYXRlZCB3aXRoIGEgY29tbWEgKGZvciBleGFtcGxlIFwibmFtZSxhZGRyZXNzXCIpLlxuKiAgIFlvdSBjYW4gYWxzbyB1c2UgYW4gYXJyYXkgKGZvciBleGFtcGxlIFtcIm5hbWVcIixcImFkZHJlc3NcIl0pLlxuKiAgIEJ5IGRlZmF1bHQsIGFsbCBhdHRyaWJ1dGVzIGFyZSByZXRyaWV2ZWQuIFlvdSBjYW4gYWxzbyB1c2UgJyonIHRvIHJldHJpZXZlIGFsbFxuKiAgIHZhbHVlcyB3aGVuIGFuIGF0dHJpYnV0ZXNUb1JldHJpZXZlIHNldHRpbmcgaXMgc3BlY2lmaWVkIGZvciB5b3VyIGluZGV4LlxuKiAtIGF0dHJpYnV0ZXNUb0hpZ2hsaWdodDogYSBzdHJpbmcgdGhhdCBjb250YWlucyB0aGUgbGlzdCBvZiBhdHRyaWJ1dGVzIHlvdVxuKiAgIHdhbnQgdG8gaGlnaGxpZ2h0IGFjY29yZGluZyB0byB0aGUgcXVlcnkuXG4qICAgQXR0cmlidXRlcyBhcmUgc2VwYXJhdGVkIGJ5IGEgY29tbWEuIFlvdSBjYW4gYWxzbyB1c2UgYW4gYXJyYXkgKGZvciBleGFtcGxlIFtcIm5hbWVcIixcImFkZHJlc3NcIl0pLlxuKiAgIElmIGFuIGF0dHJpYnV0ZSBoYXMgbm8gbWF0Y2ggZm9yIHRoZSBxdWVyeSwgdGhlIHJhdyB2YWx1ZSBpcyByZXR1cm5lZC5cbiogICBCeSBkZWZhdWx0IGFsbCBpbmRleGVkIHRleHQgYXR0cmlidXRlcyBhcmUgaGlnaGxpZ2h0ZWQuXG4qICAgWW91IGNhbiB1c2UgYCpgIGlmIHlvdSB3YW50IHRvIGhpZ2hsaWdodCBhbGwgdGV4dHVhbCBhdHRyaWJ1dGVzLlxuKiAgIE51bWVyaWNhbCBhdHRyaWJ1dGVzIGFyZSBub3QgaGlnaGxpZ2h0ZWQuXG4qICAgQSBtYXRjaExldmVsIGlzIHJldHVybmVkIGZvciBlYWNoIGhpZ2hsaWdodGVkIGF0dHJpYnV0ZSBhbmQgY2FuIGNvbnRhaW46XG4qICAgICAgLSBmdWxsOiBpZiBhbGwgdGhlIHF1ZXJ5IHRlcm1zIHdlcmUgZm91bmQgaW4gdGhlIGF0dHJpYnV0ZSxcbiogICAgICAtIHBhcnRpYWw6IGlmIG9ubHkgc29tZSBvZiB0aGUgcXVlcnkgdGVybXMgd2VyZSBmb3VuZCxcbiogICAgICAtIG5vbmU6IGlmIG5vbmUgb2YgdGhlIHF1ZXJ5IHRlcm1zIHdlcmUgZm91bmQuXG4qIC0gYXR0cmlidXRlc1RvU25pcHBldDogYSBzdHJpbmcgdGhhdCBjb250YWlucyB0aGUgbGlzdCBvZiBhdHRyaWJ1dGVzIHRvIHNuaXBwZXQgYWxvbmdzaWRlXG4qIHRoZSBudW1iZXIgb2Ygd29yZHMgdG8gcmV0dXJuIChzeW50YXggaXMgYGF0dHJpYnV0ZU5hbWU6bmJXb3Jkc2ApLlxuKiAgICBBdHRyaWJ1dGVzIGFyZSBzZXBhcmF0ZWQgYnkgYSBjb21tYSAoRXhhbXBsZTogYXR0cmlidXRlc1RvU25pcHBldD1uYW1lOjEwLGNvbnRlbnQ6MTApLlxuKiAgICBZb3UgY2FuIGFsc28gdXNlIGFuIGFycmF5IChFeGFtcGxlOiBhdHRyaWJ1dGVzVG9TbmlwcGV0OiBbJ25hbWU6MTAnLCdjb250ZW50OjEwJ10pLlxuKiAgICBCeSBkZWZhdWx0IG5vIHNuaXBwZXQgaXMgY29tcHV0ZWQuXG4qIC0gbWluV29yZFNpemVmb3IxVHlwbzogdGhlIG1pbmltdW0gbnVtYmVyIG9mIGNoYXJhY3RlcnMgaW4gYSBxdWVyeSB3b3JkIHRvIGFjY2VwdCBvbmUgdHlwbyBpbiB0aGlzIHdvcmQuXG4qIERlZmF1bHRzIHRvIDMuXG4qIC0gbWluV29yZFNpemVmb3IyVHlwb3M6IHRoZSBtaW5pbXVtIG51bWJlciBvZiBjaGFyYWN0ZXJzIGluIGEgcXVlcnkgd29yZFxuKiB0byBhY2NlcHQgdHdvIHR5cG9zIGluIHRoaXMgd29yZC4gRGVmYXVsdHMgdG8gNy5cbiogLSBnZXRSYW5raW5nSW5mbzogaWYgc2V0IHRvIDEsIHRoZSByZXN1bHQgaGl0cyB3aWxsIGNvbnRhaW4gcmFua2luZ1xuKiBpbmZvcm1hdGlvbiBpbiBfcmFua2luZ0luZm8gYXR0cmlidXRlLlxuKiAtIGFyb3VuZExhdExuZzogc2VhcmNoIGZvciBlbnRyaWVzIGFyb3VuZCBhIGdpdmVuXG4qIGxhdGl0dWRlL2xvbmdpdHVkZSAoc3BlY2lmaWVkIGFzIHR3byBmbG9hdHMgc2VwYXJhdGVkIGJ5IGEgY29tbWEpLlxuKiAgIEZvciBleGFtcGxlIGFyb3VuZExhdExuZz00Ny4zMTY2NjksNS4wMTY2NzApLlxuKiAgIFlvdSBjYW4gc3BlY2lmeSB0aGUgbWF4aW11bSBkaXN0YW5jZSBpbiBtZXRlcnMgd2l0aCB0aGUgYXJvdW5kUmFkaXVzIHBhcmFtZXRlciAoaW4gbWV0ZXJzKVxuKiAgIGFuZCB0aGUgcHJlY2lzaW9uIGZvciByYW5raW5nIHdpdGggYXJvdW5kUHJlY2lzaW9uXG4qICAgKGZvciBleGFtcGxlIGlmIHlvdSBzZXQgYXJvdW5kUHJlY2lzaW9uPTEwMCwgdHdvIG9iamVjdHMgdGhhdCBhcmUgZGlzdGFudCBvZlxuKiAgIGxlc3MgdGhhbiAxMDBtIHdpbGwgYmUgY29uc2lkZXJlZCBhcyBpZGVudGljYWwgZm9yIFwiZ2VvXCIgcmFua2luZyBwYXJhbWV0ZXIpLlxuKiAgIEF0IGluZGV4aW5nLCB5b3Ugc2hvdWxkIHNwZWNpZnkgZ2VvbG9jIG9mIGFuIG9iamVjdCB3aXRoIHRoZSBfZ2VvbG9jIGF0dHJpYnV0ZVxuKiAgIChpbiB0aGUgZm9ybSB7XCJfZ2VvbG9jXCI6e1wibGF0XCI6NDguODUzNDA5LCBcImxuZ1wiOjIuMzQ4ODAwfX0pXG4qIC0gaW5zaWRlQm91bmRpbmdCb3g6IHNlYXJjaCBlbnRyaWVzIGluc2lkZSBhIGdpdmVuIGFyZWEgZGVmaW5lZCBieSB0aGUgdHdvIGV4dHJlbWUgcG9pbnRzXG4qIG9mIGEgcmVjdGFuZ2xlIChkZWZpbmVkIGJ5IDQgZmxvYXRzOiBwMUxhdCxwMUxuZyxwMkxhdCxwMkxuZykuXG4qICAgRm9yIGV4YW1wbGUgaW5zaWRlQm91bmRpbmdCb3g9NDcuMzE2NSw0Ljk2NjUsNDcuMzQyNCw1LjAyMDEpLlxuKiAgIEF0IGluZGV4aW5nLCB5b3Ugc2hvdWxkIHNwZWNpZnkgZ2VvbG9jIG9mIGFuIG9iamVjdCB3aXRoIHRoZSBfZ2VvbG9jIGF0dHJpYnV0ZVxuKiAgIChpbiB0aGUgZm9ybSB7XCJfZ2VvbG9jXCI6e1wibGF0XCI6NDguODUzNDA5LCBcImxuZ1wiOjIuMzQ4ODAwfX0pXG4qIC0gbnVtZXJpY0ZpbHRlcnM6IGEgc3RyaW5nIHRoYXQgY29udGFpbnMgdGhlIGxpc3Qgb2YgbnVtZXJpYyBmaWx0ZXJzIHlvdSB3YW50IHRvXG4qIGFwcGx5IHNlcGFyYXRlZCBieSBhIGNvbW1hLlxuKiAgIFRoZSBzeW50YXggb2Ygb25lIGZpbHRlciBpcyBgYXR0cmlidXRlTmFtZWAgZm9sbG93ZWQgYnkgYG9wZXJhbmRgIGZvbGxvd2VkIGJ5IGB2YWx1ZWAuXG4qICAgU3VwcG9ydGVkIG9wZXJhbmRzIGFyZSBgPGAsIGA8PWAsIGA9YCwgYD5gIGFuZCBgPj1gLlxuKiAgIFlvdSBjYW4gaGF2ZSBtdWx0aXBsZSBjb25kaXRpb25zIG9uIG9uZSBhdHRyaWJ1dGUgbGlrZSBmb3IgZXhhbXBsZSBudW1lcmljRmlsdGVycz1wcmljZT4xMDAscHJpY2U8MTAwMC5cbiogICBZb3UgY2FuIGFsc28gdXNlIGFuIGFycmF5IChmb3IgZXhhbXBsZSBudW1lcmljRmlsdGVyczogW1wicHJpY2U+MTAwXCIsXCJwcmljZTwxMDAwXCJdKS5cbiogLSB0YWdGaWx0ZXJzOiBmaWx0ZXIgdGhlIHF1ZXJ5IGJ5IGEgc2V0IG9mIHRhZ3MuIFlvdSBjYW4gQU5EIHRhZ3MgYnkgc2VwYXJhdGluZyB0aGVtIGJ5IGNvbW1hcy5cbiogICBUbyBPUiB0YWdzLCB5b3UgbXVzdCBhZGQgcGFyZW50aGVzZXMuIEZvciBleGFtcGxlLCB0YWdzPXRhZzEsKHRhZzIsdGFnMykgbWVhbnMgdGFnMSBBTkQgKHRhZzIgT1IgdGFnMykuXG4qICAgWW91IGNhbiBhbHNvIHVzZSBhbiBhcnJheSwgZm9yIGV4YW1wbGUgdGFnRmlsdGVyczogW1widGFnMVwiLFtcInRhZzJcIixcInRhZzNcIl1dXG4qICAgbWVhbnMgdGFnMSBBTkQgKHRhZzIgT1IgdGFnMykuXG4qICAgQXQgaW5kZXhpbmcsIHRhZ3Mgc2hvdWxkIGJlIGFkZGVkIGluIHRoZSBfdGFncyoqIGF0dHJpYnV0ZVxuKiAgIG9mIG9iamVjdHMgKGZvciBleGFtcGxlIHtcIl90YWdzXCI6W1widGFnMVwiLFwidGFnMlwiXX0pLlxuKiAtIGZhY2V0RmlsdGVyczogZmlsdGVyIHRoZSBxdWVyeSBieSBhIGxpc3Qgb2YgZmFjZXRzLlxuKiAgIEZhY2V0cyBhcmUgc2VwYXJhdGVkIGJ5IGNvbW1hcyBhbmQgZWFjaCBmYWNldCBpcyBlbmNvZGVkIGFzIGBhdHRyaWJ1dGVOYW1lOnZhbHVlYC5cbiogICBGb3IgZXhhbXBsZTogYGZhY2V0RmlsdGVycz1jYXRlZ29yeTpCb29rLGF1dGhvcjpKb2huJTIwRG9lYC5cbiogICBZb3UgY2FuIGFsc28gdXNlIGFuIGFycmF5IChmb3IgZXhhbXBsZSBgW1wiY2F0ZWdvcnk6Qm9va1wiLFwiYXV0aG9yOkpvaG4lMjBEb2VcIl1gKS5cbiogLSBmYWNldHM6IExpc3Qgb2Ygb2JqZWN0IGF0dHJpYnV0ZXMgdGhhdCB5b3Ugd2FudCB0byB1c2UgZm9yIGZhY2V0aW5nLlxuKiAgIENvbW1hIHNlcGFyYXRlZCBsaXN0OiBgXCJjYXRlZ29yeSxhdXRob3JcImAgb3IgYXJyYXkgYFsnY2F0ZWdvcnknLCdhdXRob3InXWBcbiogICBPbmx5IGF0dHJpYnV0ZXMgdGhhdCBoYXZlIGJlZW4gYWRkZWQgaW4gKiphdHRyaWJ1dGVzRm9yRmFjZXRpbmcqKiBpbmRleCBzZXR0aW5nXG4qICAgY2FuIGJlIHVzZWQgaW4gdGhpcyBwYXJhbWV0ZXIuXG4qICAgWW91IGNhbiBhbHNvIHVzZSBgKmAgdG8gcGVyZm9ybSBmYWNldGluZyBvbiBhbGwgYXR0cmlidXRlcyBzcGVjaWZpZWQgaW4gKiphdHRyaWJ1dGVzRm9yRmFjZXRpbmcqKi5cbiogLSBxdWVyeVR5cGU6IHNlbGVjdCBob3cgdGhlIHF1ZXJ5IHdvcmRzIGFyZSBpbnRlcnByZXRlZCwgaXQgY2FuIGJlIG9uZSBvZiB0aGUgZm9sbG93aW5nIHZhbHVlOlxuKiAgICAtIHByZWZpeEFsbDogYWxsIHF1ZXJ5IHdvcmRzIGFyZSBpbnRlcnByZXRlZCBhcyBwcmVmaXhlcyxcbiogICAgLSBwcmVmaXhMYXN0OiBvbmx5IHRoZSBsYXN0IHdvcmQgaXMgaW50ZXJwcmV0ZWQgYXMgYSBwcmVmaXggKGRlZmF1bHQgYmVoYXZpb3IpLFxuKiAgICAtIHByZWZpeE5vbmU6IG5vIHF1ZXJ5IHdvcmQgaXMgaW50ZXJwcmV0ZWQgYXMgYSBwcmVmaXguIFRoaXMgb3B0aW9uIGlzIG5vdCByZWNvbW1lbmRlZC5cbiogLSBvcHRpb25hbFdvcmRzOiBhIHN0cmluZyB0aGF0IGNvbnRhaW5zIHRoZSBsaXN0IG9mIHdvcmRzIHRoYXQgc2hvdWxkXG4qIGJlIGNvbnNpZGVyZWQgYXMgb3B0aW9uYWwgd2hlbiBmb3VuZCBpbiB0aGUgcXVlcnkuXG4qICAgQ29tbWEgc2VwYXJhdGVkIGFuZCBhcnJheSBhcmUgYWNjZXB0ZWQuXG4qIC0gZGlzdGluY3Q6IElmIHNldCB0byAxLCBlbmFibGUgdGhlIGRpc3RpbmN0IGZlYXR1cmUgKGRpc2FibGVkIGJ5IGRlZmF1bHQpXG4qIGlmIHRoZSBhdHRyaWJ1dGVGb3JEaXN0aW5jdCBpbmRleCBzZXR0aW5nIGlzIHNldC5cbiogICBUaGlzIGZlYXR1cmUgaXMgc2ltaWxhciB0byB0aGUgU1FMIFwiZGlzdGluY3RcIiBrZXl3b3JkOiB3aGVuIGVuYWJsZWRcbiogICBpbiBhIHF1ZXJ5IHdpdGggdGhlIGRpc3RpbmN0PTEgcGFyYW1ldGVyLFxuKiAgIGFsbCBoaXRzIGNvbnRhaW5pbmcgYSBkdXBsaWNhdGUgdmFsdWUgZm9yIHRoZSBhdHRyaWJ1dGVGb3JEaXN0aW5jdCBhdHRyaWJ1dGUgYXJlIHJlbW92ZWQgZnJvbSByZXN1bHRzLlxuKiAgIEZvciBleGFtcGxlLCBpZiB0aGUgY2hvc2VuIGF0dHJpYnV0ZSBpcyBzaG93X25hbWUgYW5kIHNldmVyYWwgaGl0cyBoYXZlXG4qICAgdGhlIHNhbWUgdmFsdWUgZm9yIHNob3dfbmFtZSwgdGhlbiBvbmx5IHRoZSBiZXN0XG4qICAgb25lIGlzIGtlcHQgYW5kIG90aGVycyBhcmUgcmVtb3ZlZC5cbiogLSByZXN0cmljdFNlYXJjaGFibGVBdHRyaWJ1dGVzOiBMaXN0IG9mIGF0dHJpYnV0ZXMgeW91IHdhbnQgdG8gdXNlIGZvclxuKiB0ZXh0dWFsIHNlYXJjaCAobXVzdCBiZSBhIHN1YnNldCBvZiB0aGUgYXR0cmlidXRlc1RvSW5kZXggaW5kZXggc2V0dGluZylcbiogZWl0aGVyIGNvbW1hIHNlcGFyYXRlZCBvciBhcyBhbiBhcnJheVxuKiBAcGFyYW0ge2Z1bmN0aW9ufSBbY2FsbGJhY2tdIHRoZSByZXN1bHQgY2FsbGJhY2sgY2FsbGVkIHdpdGggdHdvIGFyZ3VtZW50czpcbiogIGVycm9yOiBudWxsIG9yIEVycm9yKCdtZXNzYWdlJykuIElmIGZhbHNlLCB0aGUgY29udGVudCBjb250YWlucyB0aGUgZXJyb3IuXG4qICBjb250ZW50OiB0aGUgc2VydmVyIGFuc3dlciB0aGF0IGNvbnRhaW5zIHRoZSBsaXN0IG9mIHJlc3VsdHMuXG4qL1xuSW5kZXhDb3JlLnByb3RvdHlwZS5zZWFyY2ggPSBidWlsZFNlYXJjaE1ldGhvZCgncXVlcnknKTtcblxuLypcbiogLS0gQkVUQSAtLVxuKiBTZWFyY2ggYSByZWNvcmQgc2ltaWxhciB0byB0aGUgcXVlcnkgaW5zaWRlIHRoZSBpbmRleCB1c2luZyBYTUxIdHRwUmVxdWVzdCByZXF1ZXN0IChVc2luZyBhIFBPU1QgcXVlcnkgdG9cbiogbWluaW1pemUgbnVtYmVyIG9mIE9QVElPTlMgcXVlcmllczogQ3Jvc3MtT3JpZ2luIFJlc291cmNlIFNoYXJpbmcpLlxuKlxuKiBAcGFyYW0ge3N0cmluZ30gW3F1ZXJ5XSB0aGUgc2ltaWxhciBxdWVyeVxuKiBAcGFyYW0ge29iamVjdH0gW2FyZ3NdIChvcHRpb25hbCkgaWYgc2V0LCBjb250YWlucyBhbiBvYmplY3Qgd2l0aCBxdWVyeSBwYXJhbWV0ZXJzLlxuKiAgIEFsbCBzZWFyY2ggcGFyYW1ldGVycyBhcmUgc3VwcG9ydGVkIChzZWUgc2VhcmNoIGZ1bmN0aW9uKSwgcmVzdHJpY3RTZWFyY2hhYmxlQXR0cmlidXRlcyBhbmQgZmFjZXRGaWx0ZXJzXG4qICAgYXJlIHRoZSB0d28gbW9zdCB1c2VmdWwgdG8gcmVzdHJpY3QgdGhlIHNpbWlsYXIgcmVzdWx0cyBhbmQgZ2V0IG1vcmUgcmVsZXZhbnQgY29udGVudFxuKi9cbkluZGV4Q29yZS5wcm90b3R5cGUuc2ltaWxhclNlYXJjaCA9IGRlcHJlY2F0ZShcbiAgYnVpbGRTZWFyY2hNZXRob2QoJ3NpbWlsYXJRdWVyeScpLFxuICBkZXByZWNhdGVkTWVzc2FnZShcbiAgICAnaW5kZXguc2ltaWxhclNlYXJjaChxdWVyeVssIGNhbGxiYWNrXSknLFxuICAgICdpbmRleC5zZWFyY2goeyBzaW1pbGFyUXVlcnk6IHF1ZXJ5IH1bLCBjYWxsYmFja10pJ1xuICApXG4pO1xuXG4vKlxuKiBCcm93c2UgaW5kZXggY29udGVudC4gVGhlIHJlc3BvbnNlIGNvbnRlbnQgd2lsbCBoYXZlIGEgYGN1cnNvcmAgcHJvcGVydHkgdGhhdCB5b3UgY2FuIHVzZVxuKiB0byBicm93c2Ugc3Vic2VxdWVudCBwYWdlcyBmb3IgdGhpcyBxdWVyeS4gVXNlIGBpbmRleC5icm93c2VGcm9tKGN1cnNvcilgIHdoZW4geW91IHdhbnQuXG4qXG4qIEBwYXJhbSB7c3RyaW5nfSBxdWVyeSAtIFRoZSBmdWxsIHRleHQgcXVlcnlcbiogQHBhcmFtIHtPYmplY3R9IFtxdWVyeVBhcmFtZXRlcnNdIC0gQW55IHNlYXJjaCBxdWVyeSBwYXJhbWV0ZXJcbiogQHBhcmFtIHtGdW5jdGlvbn0gW2NhbGxiYWNrXSAtIFRoZSByZXN1bHQgY2FsbGJhY2sgY2FsbGVkIHdpdGggdHdvIGFyZ3VtZW50c1xuKiAgIGVycm9yOiBudWxsIG9yIEVycm9yKCdtZXNzYWdlJylcbiogICBjb250ZW50OiB0aGUgc2VydmVyIGFuc3dlciB3aXRoIHRoZSBicm93c2UgcmVzdWx0XG4qIEByZXR1cm4ge1Byb21pc2V8dW5kZWZpbmVkfSBSZXR1cm5zIGEgcHJvbWlzZSBpZiBubyBjYWxsYmFjayBnaXZlblxuKiBAZXhhbXBsZVxuKiBpbmRleC5icm93c2UoJ2Nvb2wgc29uZ3MnLCB7XG4qICAgdGFnRmlsdGVyczogJ3B1YmxpYyxjb21tZW50cycsXG4qICAgaGl0c1BlclBhZ2U6IDUwMFxuKiB9LCBjYWxsYmFjayk7XG4qIEBzZWUge0BsaW5rIGh0dHBzOi8vd3d3LmFsZ29saWEuY29tL2RvYy9yZXN0X2FwaSNCcm93c2V8QWxnb2xpYSBSRVNUIEFQSSBEb2N1bWVudGF0aW9ufVxuKi9cbkluZGV4Q29yZS5wcm90b3R5cGUuYnJvd3NlID0gZnVuY3Rpb24ocXVlcnksIHF1ZXJ5UGFyYW1ldGVycywgY2FsbGJhY2spIHtcbiAgdmFyIG1lcmdlID0gcmVxdWlyZSgnLi9tZXJnZS5qcycpO1xuXG4gIHZhciBpbmRleE9iaiA9IHRoaXM7XG5cbiAgdmFyIHBhZ2U7XG4gIHZhciBoaXRzUGVyUGFnZTtcblxuICAvLyB3ZSBjaGVjayB2YXJpYWRpYyBjYWxscyB0aGF0IGFyZSBub3QgdGhlIG9uZSBkZWZpbmVkXG4gIC8vIC5icm93c2UoKS8uYnJvd3NlKGZuKVxuICAvLyA9PiBwYWdlID0gMFxuICBpZiAoYXJndW1lbnRzLmxlbmd0aCA9PT0gMCB8fCBhcmd1bWVudHMubGVuZ3RoID09PSAxICYmIHR5cGVvZiBhcmd1bWVudHNbMF0gPT09ICdmdW5jdGlvbicpIHtcbiAgICBwYWdlID0gMDtcbiAgICBjYWxsYmFjayA9IGFyZ3VtZW50c1swXTtcbiAgICBxdWVyeSA9IHVuZGVmaW5lZDtcbiAgfSBlbHNlIGlmICh0eXBlb2YgYXJndW1lbnRzWzBdID09PSAnbnVtYmVyJykge1xuICAgIC8vIC5icm93c2UoMikvLmJyb3dzZSgyLCAxMCkvLmJyb3dzZSgyLCBmbikvLmJyb3dzZSgyLCAxMCwgZm4pXG4gICAgcGFnZSA9IGFyZ3VtZW50c1swXTtcbiAgICBpZiAodHlwZW9mIGFyZ3VtZW50c1sxXSA9PT0gJ251bWJlcicpIHtcbiAgICAgIGhpdHNQZXJQYWdlID0gYXJndW1lbnRzWzFdO1xuICAgIH0gZWxzZSBpZiAodHlwZW9mIGFyZ3VtZW50c1sxXSA9PT0gJ2Z1bmN0aW9uJykge1xuICAgICAgY2FsbGJhY2sgPSBhcmd1bWVudHNbMV07XG4gICAgICBoaXRzUGVyUGFnZSA9IHVuZGVmaW5lZDtcbiAgICB9XG4gICAgcXVlcnkgPSB1bmRlZmluZWQ7XG4gICAgcXVlcnlQYXJhbWV0ZXJzID0gdW5kZWZpbmVkO1xuICB9IGVsc2UgaWYgKHR5cGVvZiBhcmd1bWVudHNbMF0gPT09ICdvYmplY3QnKSB7XG4gICAgLy8gLmJyb3dzZShxdWVyeVBhcmFtZXRlcnMpLy5icm93c2UocXVlcnlQYXJhbWV0ZXJzLCBjYilcbiAgICBpZiAodHlwZW9mIGFyZ3VtZW50c1sxXSA9PT0gJ2Z1bmN0aW9uJykge1xuICAgICAgY2FsbGJhY2sgPSBhcmd1bWVudHNbMV07XG4gICAgfVxuICAgIHF1ZXJ5UGFyYW1ldGVycyA9IGFyZ3VtZW50c1swXTtcbiAgICBxdWVyeSA9IHVuZGVmaW5lZDtcbiAgfSBlbHNlIGlmICh0eXBlb2YgYXJndW1lbnRzWzBdID09PSAnc3RyaW5nJyAmJiB0eXBlb2YgYXJndW1lbnRzWzFdID09PSAnZnVuY3Rpb24nKSB7XG4gICAgLy8gLmJyb3dzZShxdWVyeSwgY2IpXG4gICAgY2FsbGJhY2sgPSBhcmd1bWVudHNbMV07XG4gICAgcXVlcnlQYXJhbWV0ZXJzID0gdW5kZWZpbmVkO1xuICB9XG5cbiAgLy8gb3RoZXJ3aXNlIGl0J3MgYSAuYnJvd3NlKHF1ZXJ5KS8uYnJvd3NlKHF1ZXJ5LCBxdWVyeVBhcmFtZXRlcnMpLy5icm93c2UocXVlcnksIHF1ZXJ5UGFyYW1ldGVycywgY2IpXG5cbiAgLy8gZ2V0IHNlYXJjaCBxdWVyeSBwYXJhbWV0ZXJzIGNvbWJpbmluZyB2YXJpb3VzIHBvc3NpYmxlIGNhbGxzXG4gIC8vIHRvIC5icm93c2UoKTtcbiAgcXVlcnlQYXJhbWV0ZXJzID0gbWVyZ2Uoe30sIHF1ZXJ5UGFyYW1ldGVycyB8fCB7fSwge1xuICAgIHBhZ2U6IHBhZ2UsXG4gICAgaGl0c1BlclBhZ2U6IGhpdHNQZXJQYWdlLFxuICAgIHF1ZXJ5OiBxdWVyeVxuICB9KTtcblxuICB2YXIgcGFyYW1zID0gdGhpcy5hcy5fZ2V0U2VhcmNoUGFyYW1zKHF1ZXJ5UGFyYW1ldGVycywgJycpO1xuXG4gIHJldHVybiB0aGlzLmFzLl9qc29uUmVxdWVzdCh7XG4gICAgbWV0aG9kOiAnUE9TVCcsXG4gICAgdXJsOiAnLzEvaW5kZXhlcy8nICsgZW5jb2RlVVJJQ29tcG9uZW50KGluZGV4T2JqLmluZGV4TmFtZSkgKyAnL2Jyb3dzZScsXG4gICAgYm9keToge3BhcmFtczogcGFyYW1zfSxcbiAgICBob3N0VHlwZTogJ3JlYWQnLFxuICAgIGNhbGxiYWNrOiBjYWxsYmFja1xuICB9KTtcbn07XG5cbi8qXG4qIENvbnRpbnVlIGJyb3dzaW5nIGZyb20gYSBwcmV2aW91cyBwb3NpdGlvbiAoY3Vyc29yKSwgb2J0YWluZWQgdmlhIGEgY2FsbCB0byBgLmJyb3dzZSgpYC5cbipcbiogQHBhcmFtIHtzdHJpbmd9IHF1ZXJ5IC0gVGhlIGZ1bGwgdGV4dCBxdWVyeVxuKiBAcGFyYW0ge09iamVjdH0gW3F1ZXJ5UGFyYW1ldGVyc10gLSBBbnkgc2VhcmNoIHF1ZXJ5IHBhcmFtZXRlclxuKiBAcGFyYW0ge0Z1bmN0aW9ufSBbY2FsbGJhY2tdIC0gVGhlIHJlc3VsdCBjYWxsYmFjayBjYWxsZWQgd2l0aCB0d28gYXJndW1lbnRzXG4qICAgZXJyb3I6IG51bGwgb3IgRXJyb3IoJ21lc3NhZ2UnKVxuKiAgIGNvbnRlbnQ6IHRoZSBzZXJ2ZXIgYW5zd2VyIHdpdGggdGhlIGJyb3dzZSByZXN1bHRcbiogQHJldHVybiB7UHJvbWlzZXx1bmRlZmluZWR9IFJldHVybnMgYSBwcm9taXNlIGlmIG5vIGNhbGxiYWNrIGdpdmVuXG4qIEBleGFtcGxlXG4qIGluZGV4LmJyb3dzZUZyb20oJzE0bGtmc2FrbDMyJywgY2FsbGJhY2spO1xuKiBAc2VlIHtAbGluayBodHRwczovL3d3dy5hbGdvbGlhLmNvbS9kb2MvcmVzdF9hcGkjQnJvd3NlfEFsZ29saWEgUkVTVCBBUEkgRG9jdW1lbnRhdGlvbn1cbiovXG5JbmRleENvcmUucHJvdG90eXBlLmJyb3dzZUZyb20gPSBmdW5jdGlvbihjdXJzb3IsIGNhbGxiYWNrKSB7XG4gIHJldHVybiB0aGlzLmFzLl9qc29uUmVxdWVzdCh7XG4gICAgbWV0aG9kOiAnUE9TVCcsXG4gICAgdXJsOiAnLzEvaW5kZXhlcy8nICsgZW5jb2RlVVJJQ29tcG9uZW50KHRoaXMuaW5kZXhOYW1lKSArICcvYnJvd3NlJyxcbiAgICBib2R5OiB7Y3Vyc29yOiBjdXJzb3J9LFxuICAgIGhvc3RUeXBlOiAncmVhZCcsXG4gICAgY2FsbGJhY2s6IGNhbGxiYWNrXG4gIH0pO1xufTtcblxuLypcbiogU2VhcmNoIGZvciBmYWNldCB2YWx1ZXNcbiogaHR0cHM6Ly93d3cuYWxnb2xpYS5jb20vZG9jL3Jlc3QtYXBpL3NlYXJjaCNzZWFyY2gtZm9yLWZhY2V0LXZhbHVlc1xuKlxuKiBAcGFyYW0ge3N0cmluZ30gcGFyYW1zLmZhY2V0TmFtZSBGYWNldCBuYW1lLCBuYW1lIG9mIHRoZSBhdHRyaWJ1dGUgdG8gc2VhcmNoIGZvciB2YWx1ZXMgaW4uXG4qIE11c3QgYmUgZGVjbGFyZWQgYXMgYSBmYWNldFxuKiBAcGFyYW0ge3N0cmluZ30gcGFyYW1zLmZhY2V0UXVlcnkgUXVlcnkgZm9yIHRoZSBmYWNldCBzZWFyY2hcbiogQHBhcmFtIHtzdHJpbmd9IFtwYXJhbXMuKl0gQW55IHNlYXJjaCBwYXJhbWV0ZXIgb2YgQWxnb2xpYSxcbiogc2VlIGh0dHBzOi8vd3d3LmFsZ29saWEuY29tL2RvYy9hcGktY2xpZW50L2phdmFzY3JpcHQvc2VhcmNoI3NlYXJjaC1wYXJhbWV0ZXJzXG4qIFBhZ2luYXRpb24gaXMgbm90IHN1cHBvcnRlZC4gVGhlIHBhZ2UgYW5kIGhpdHNQZXJQYWdlIHBhcmFtZXRlcnMgd2lsbCBiZSBpZ25vcmVkLlxuKiBAcGFyYW0gY2FsbGJhY2sgKG9wdGlvbmFsKVxuKi9cbkluZGV4Q29yZS5wcm90b3R5cGUuc2VhcmNoRm9yRmFjZXRWYWx1ZXMgPSBmdW5jdGlvbihwYXJhbXMsIGNhbGxiYWNrKSB7XG4gIHZhciBjbG9uZSA9IHJlcXVpcmUoJy4vY2xvbmUuanMnKTtcbiAgdmFyIG9taXQgPSByZXF1aXJlKCcuL29taXQuanMnKTtcbiAgdmFyIHVzYWdlID0gJ1VzYWdlOiBpbmRleC5zZWFyY2hGb3JGYWNldFZhbHVlcyh7ZmFjZXROYW1lLCBmYWNldFF1ZXJ5LCAuLi5wYXJhbXN9WywgY2FsbGJhY2tdKSc7XG5cbiAgaWYgKHBhcmFtcy5mYWNldE5hbWUgPT09IHVuZGVmaW5lZCB8fCBwYXJhbXMuZmFjZXRRdWVyeSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKHVzYWdlKTtcbiAgfVxuXG4gIHZhciBmYWNldE5hbWUgPSBwYXJhbXMuZmFjZXROYW1lO1xuICB2YXIgZmlsdGVyZWRQYXJhbXMgPSBvbWl0KGNsb25lKHBhcmFtcyksIGZ1bmN0aW9uKGtleU5hbWUpIHtcbiAgICByZXR1cm4ga2V5TmFtZSA9PT0gJ2ZhY2V0TmFtZSc7XG4gIH0pO1xuICB2YXIgc2VhcmNoUGFyYW1ldGVycyA9IHRoaXMuYXMuX2dldFNlYXJjaFBhcmFtcyhmaWx0ZXJlZFBhcmFtcywgJycpO1xuXG4gIHJldHVybiB0aGlzLmFzLl9qc29uUmVxdWVzdCh7XG4gICAgbWV0aG9kOiAnUE9TVCcsXG4gICAgdXJsOiAnLzEvaW5kZXhlcy8nICtcbiAgICAgIGVuY29kZVVSSUNvbXBvbmVudCh0aGlzLmluZGV4TmFtZSkgKyAnL2ZhY2V0cy8nICsgZW5jb2RlVVJJQ29tcG9uZW50KGZhY2V0TmFtZSkgKyAnL3F1ZXJ5JyxcbiAgICBob3N0VHlwZTogJ3JlYWQnLFxuICAgIGJvZHk6IHtwYXJhbXM6IHNlYXJjaFBhcmFtZXRlcnN9LFxuICAgIGNhbGxiYWNrOiBjYWxsYmFja1xuICB9KTtcbn07XG5cbkluZGV4Q29yZS5wcm90b3R5cGUuc2VhcmNoRmFjZXQgPSBkZXByZWNhdGUoZnVuY3Rpb24ocGFyYW1zLCBjYWxsYmFjaykge1xuICByZXR1cm4gdGhpcy5zZWFyY2hGb3JGYWNldFZhbHVlcyhwYXJhbXMsIGNhbGxiYWNrKTtcbn0sIGRlcHJlY2F0ZWRNZXNzYWdlKFxuICAnaW5kZXguc2VhcmNoRmFjZXQocGFyYW1zWywgY2FsbGJhY2tdKScsXG4gICdpbmRleC5zZWFyY2hGb3JGYWNldFZhbHVlcyhwYXJhbXNbLCBjYWxsYmFja10pJ1xuKSk7XG5cbkluZGV4Q29yZS5wcm90b3R5cGUuX3NlYXJjaCA9IGZ1bmN0aW9uKHBhcmFtcywgdXJsLCBjYWxsYmFjaywgYWRkaXRpb25hbFVBKSB7XG4gIHJldHVybiB0aGlzLmFzLl9qc29uUmVxdWVzdCh7XG4gICAgY2FjaGU6IHRoaXMuY2FjaGUsXG4gICAgbWV0aG9kOiAnUE9TVCcsXG4gICAgdXJsOiB1cmwgfHwgJy8xL2luZGV4ZXMvJyArIGVuY29kZVVSSUNvbXBvbmVudCh0aGlzLmluZGV4TmFtZSkgKyAnL3F1ZXJ5JyxcbiAgICBib2R5OiB7cGFyYW1zOiBwYXJhbXN9LFxuICAgIGhvc3RUeXBlOiAncmVhZCcsXG4gICAgZmFsbGJhY2s6IHtcbiAgICAgIG1ldGhvZDogJ0dFVCcsXG4gICAgICB1cmw6ICcvMS9pbmRleGVzLycgKyBlbmNvZGVVUklDb21wb25lbnQodGhpcy5pbmRleE5hbWUpLFxuICAgICAgYm9keToge3BhcmFtczogcGFyYW1zfVxuICAgIH0sXG4gICAgY2FsbGJhY2s6IGNhbGxiYWNrLFxuICAgIGFkZGl0aW9uYWxVQTogYWRkaXRpb25hbFVBXG4gIH0pO1xufTtcblxuLypcbiogR2V0IGFuIG9iamVjdCBmcm9tIHRoaXMgaW5kZXhcbipcbiogQHBhcmFtIG9iamVjdElEIHRoZSB1bmlxdWUgaWRlbnRpZmllciBvZiB0aGUgb2JqZWN0IHRvIHJldHJpZXZlXG4qIEBwYXJhbSBhdHRycyAob3B0aW9uYWwpIGlmIHNldCwgY29udGFpbnMgdGhlIGFycmF5IG9mIGF0dHJpYnV0ZSBuYW1lcyB0byByZXRyaWV2ZVxuKiBAcGFyYW0gY2FsbGJhY2sgKG9wdGlvbmFsKSB0aGUgcmVzdWx0IGNhbGxiYWNrIGNhbGxlZCB3aXRoIHR3byBhcmd1bWVudHNcbiogIGVycm9yOiBudWxsIG9yIEVycm9yKCdtZXNzYWdlJylcbiogIGNvbnRlbnQ6IHRoZSBvYmplY3QgdG8gcmV0cmlldmUgb3IgdGhlIGVycm9yIG1lc3NhZ2UgaWYgYSBmYWlsdXJlIG9jY3VycmVkXG4qL1xuSW5kZXhDb3JlLnByb3RvdHlwZS5nZXRPYmplY3QgPSBmdW5jdGlvbihvYmplY3RJRCwgYXR0cnMsIGNhbGxiYWNrKSB7XG4gIHZhciBpbmRleE9iaiA9IHRoaXM7XG5cbiAgaWYgKGFyZ3VtZW50cy5sZW5ndGggPT09IDEgfHwgdHlwZW9mIGF0dHJzID09PSAnZnVuY3Rpb24nKSB7XG4gICAgY2FsbGJhY2sgPSBhdHRycztcbiAgICBhdHRycyA9IHVuZGVmaW5lZDtcbiAgfVxuXG4gIHZhciBwYXJhbXMgPSAnJztcbiAgaWYgKGF0dHJzICE9PSB1bmRlZmluZWQpIHtcbiAgICBwYXJhbXMgPSAnP2F0dHJpYnV0ZXM9JztcbiAgICBmb3IgKHZhciBpID0gMDsgaSA8IGF0dHJzLmxlbmd0aDsgKytpKSB7XG4gICAgICBpZiAoaSAhPT0gMCkge1xuICAgICAgICBwYXJhbXMgKz0gJywnO1xuICAgICAgfVxuICAgICAgcGFyYW1zICs9IGF0dHJzW2ldO1xuICAgIH1cbiAgfVxuXG4gIHJldHVybiB0aGlzLmFzLl9qc29uUmVxdWVzdCh7XG4gICAgbWV0aG9kOiAnR0VUJyxcbiAgICB1cmw6ICcvMS9pbmRleGVzLycgKyBlbmNvZGVVUklDb21wb25lbnQoaW5kZXhPYmouaW5kZXhOYW1lKSArICcvJyArIGVuY29kZVVSSUNvbXBvbmVudChvYmplY3RJRCkgKyBwYXJhbXMsXG4gICAgaG9zdFR5cGU6ICdyZWFkJyxcbiAgICBjYWxsYmFjazogY2FsbGJhY2tcbiAgfSk7XG59O1xuXG4vKlxuKiBHZXQgc2V2ZXJhbCBvYmplY3RzIGZyb20gdGhpcyBpbmRleFxuKlxuKiBAcGFyYW0gb2JqZWN0SURzIHRoZSBhcnJheSBvZiB1bmlxdWUgaWRlbnRpZmllciBvZiBvYmplY3RzIHRvIHJldHJpZXZlXG4qL1xuSW5kZXhDb3JlLnByb3RvdHlwZS5nZXRPYmplY3RzID0gZnVuY3Rpb24ob2JqZWN0SURzLCBhdHRyaWJ1dGVzVG9SZXRyaWV2ZSwgY2FsbGJhY2spIHtcbiAgdmFyIGlzQXJyYXkgPSByZXF1aXJlKCdpc2FycmF5Jyk7XG4gIHZhciBtYXAgPSByZXF1aXJlKCcuL21hcC5qcycpO1xuXG4gIHZhciB1c2FnZSA9ICdVc2FnZTogaW5kZXguZ2V0T2JqZWN0cyhhcnJheU9mT2JqZWN0SURzWywgY2FsbGJhY2tdKSc7XG5cbiAgaWYgKCFpc0FycmF5KG9iamVjdElEcykpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IodXNhZ2UpO1xuICB9XG5cbiAgdmFyIGluZGV4T2JqID0gdGhpcztcblxuICBpZiAoYXJndW1lbnRzLmxlbmd0aCA9PT0gMSB8fCB0eXBlb2YgYXR0cmlidXRlc1RvUmV0cmlldmUgPT09ICdmdW5jdGlvbicpIHtcbiAgICBjYWxsYmFjayA9IGF0dHJpYnV0ZXNUb1JldHJpZXZlO1xuICAgIGF0dHJpYnV0ZXNUb1JldHJpZXZlID0gdW5kZWZpbmVkO1xuICB9XG5cbiAgdmFyIGJvZHkgPSB7XG4gICAgcmVxdWVzdHM6IG1hcChvYmplY3RJRHMsIGZ1bmN0aW9uIHByZXBhcmVSZXF1ZXN0KG9iamVjdElEKSB7XG4gICAgICB2YXIgcmVxdWVzdCA9IHtcbiAgICAgICAgaW5kZXhOYW1lOiBpbmRleE9iai5pbmRleE5hbWUsXG4gICAgICAgIG9iamVjdElEOiBvYmplY3RJRFxuICAgICAgfTtcblxuICAgICAgaWYgKGF0dHJpYnV0ZXNUb1JldHJpZXZlKSB7XG4gICAgICAgIHJlcXVlc3QuYXR0cmlidXRlc1RvUmV0cmlldmUgPSBhdHRyaWJ1dGVzVG9SZXRyaWV2ZS5qb2luKCcsJyk7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiByZXF1ZXN0O1xuICAgIH0pXG4gIH07XG5cbiAgcmV0dXJuIHRoaXMuYXMuX2pzb25SZXF1ZXN0KHtcbiAgICBtZXRob2Q6ICdQT1NUJyxcbiAgICB1cmw6ICcvMS9pbmRleGVzLyovb2JqZWN0cycsXG4gICAgaG9zdFR5cGU6ICdyZWFkJyxcbiAgICBib2R5OiBib2R5LFxuICAgIGNhbGxiYWNrOiBjYWxsYmFja1xuICB9KTtcbn07XG5cbkluZGV4Q29yZS5wcm90b3R5cGUuYXMgPSBudWxsO1xuSW5kZXhDb3JlLnByb3RvdHlwZS5pbmRleE5hbWUgPSBudWxsO1xuSW5kZXhDb3JlLnByb3RvdHlwZS50eXBlQWhlYWRBcmdzID0gbnVsbDtcbkluZGV4Q29yZS5wcm90b3R5cGUudHlwZUFoZWFkVmFsdWVPcHRpb24gPSBudWxsO1xuIiwiJ3VzZSBzdHJpY3QnO1xuXG52YXIgQWxnb2xpYVNlYXJjaENvcmUgPSByZXF1aXJlKCcuLi8uLi9BbGdvbGlhU2VhcmNoQ29yZS5qcycpO1xudmFyIGNyZWF0ZUFsZ29saWFzZWFyY2ggPSByZXF1aXJlKCcuLi9jcmVhdGVBbGdvbGlhc2VhcmNoLmpzJyk7XG5cbm1vZHVsZS5leHBvcnRzID0gY3JlYXRlQWxnb2xpYXNlYXJjaChBbGdvbGlhU2VhcmNoQ29yZSwgJ0Jyb3dzZXIgKGxpdGUpJyk7XG4iLCIndXNlIHN0cmljdCc7XG5cbnZhciBnbG9iYWwgPSByZXF1aXJlKCdnbG9iYWwnKTtcbnZhciBQcm9taXNlID0gZ2xvYmFsLlByb21pc2UgfHwgcmVxdWlyZSgnZXM2LXByb21pc2UnKS5Qcm9taXNlO1xuXG4vLyBUaGlzIGlzIHRoZSBzdGFuZGFsb25lIGJyb3dzZXIgYnVpbGQgZW50cnkgcG9pbnRcbi8vIEJyb3dzZXIgaW1wbGVtZW50YXRpb24gb2YgdGhlIEFsZ29saWEgU2VhcmNoIEphdmFTY3JpcHQgY2xpZW50LFxuLy8gdXNpbmcgWE1MSHR0cFJlcXVlc3QsIFhEb21haW5SZXF1ZXN0IGFuZCBKU09OUCBhcyBmYWxsYmFja1xubW9kdWxlLmV4cG9ydHMgPSBmdW5jdGlvbiBjcmVhdGVBbGdvbGlhc2VhcmNoKEFsZ29saWFTZWFyY2gsIHVhU3VmZml4KSB7XG4gIHZhciBpbmhlcml0cyA9IHJlcXVpcmUoJ2luaGVyaXRzJyk7XG4gIHZhciBlcnJvcnMgPSByZXF1aXJlKCcuLi9lcnJvcnMnKTtcbiAgdmFyIGlubGluZUhlYWRlcnMgPSByZXF1aXJlKCcuL2lubGluZS1oZWFkZXJzJyk7XG4gIHZhciBqc29ucFJlcXVlc3QgPSByZXF1aXJlKCcuL2pzb25wLXJlcXVlc3QnKTtcbiAgdmFyIHBsYWNlcyA9IHJlcXVpcmUoJy4uL3BsYWNlcy5qcycpO1xuICB1YVN1ZmZpeCA9IHVhU3VmZml4IHx8ICcnO1xuXG4gIGlmIChwcm9jZXNzLmVudi5OT0RFX0VOViA9PT0gJ2RlYnVnJykge1xuICAgIHJlcXVpcmUoJ2RlYnVnJykuZW5hYmxlKCdhbGdvbGlhc2VhcmNoKicpO1xuICB9XG5cbiAgZnVuY3Rpb24gYWxnb2xpYXNlYXJjaChhcHBsaWNhdGlvbklELCBhcGlLZXksIG9wdHMpIHtcbiAgICB2YXIgY2xvbmVEZWVwID0gcmVxdWlyZSgnLi4vY2xvbmUuanMnKTtcblxuICAgIG9wdHMgPSBjbG9uZURlZXAob3B0cyB8fCB7fSk7XG5cbiAgICBvcHRzLl91YSA9IG9wdHMuX3VhIHx8IGFsZ29saWFzZWFyY2gudWE7XG5cbiAgICByZXR1cm4gbmV3IEFsZ29saWFTZWFyY2hCcm93c2VyKGFwcGxpY2F0aW9uSUQsIGFwaUtleSwgb3B0cyk7XG4gIH1cblxuICBhbGdvbGlhc2VhcmNoLnZlcnNpb24gPSByZXF1aXJlKCcuLi92ZXJzaW9uLmpzJyk7XG5cbiAgYWxnb2xpYXNlYXJjaC51YSA9XG4gICAgJ0FsZ29saWEgZm9yIEphdmFTY3JpcHQgKCcgKyBhbGdvbGlhc2VhcmNoLnZlcnNpb24gKyAnKTsgJyArIHVhU3VmZml4O1xuXG4gIGFsZ29saWFzZWFyY2guaW5pdFBsYWNlcyA9IHBsYWNlcyhhbGdvbGlhc2VhcmNoKTtcblxuICAvLyB3ZSBleHBvc2UgaW50byB3aW5kb3cgbm8gbWF0dGVyIGhvdyB3ZSBhcmUgdXNlZCwgdGhpcyB3aWxsIGFsbG93XG4gIC8vIHVzIHRvIGVhc2lseSBkZWJ1ZyBhbnkgd2Vic2l0ZSBydW5uaW5nIGFsZ29saWFcbiAgZ2xvYmFsLl9fYWxnb2xpYSA9IHtcbiAgICBkZWJ1ZzogcmVxdWlyZSgnZGVidWcnKSxcbiAgICBhbGdvbGlhc2VhcmNoOiBhbGdvbGlhc2VhcmNoXG4gIH07XG5cbiAgdmFyIHN1cHBvcnQgPSB7XG4gICAgaGFzWE1MSHR0cFJlcXVlc3Q6ICdYTUxIdHRwUmVxdWVzdCcgaW4gZ2xvYmFsLFxuICAgIGhhc1hEb21haW5SZXF1ZXN0OiAnWERvbWFpblJlcXVlc3QnIGluIGdsb2JhbFxuICB9O1xuXG4gIGlmIChzdXBwb3J0Lmhhc1hNTEh0dHBSZXF1ZXN0KSB7XG4gICAgc3VwcG9ydC5jb3JzID0gJ3dpdGhDcmVkZW50aWFscycgaW4gbmV3IFhNTEh0dHBSZXF1ZXN0KCk7XG4gIH1cblxuICBmdW5jdGlvbiBBbGdvbGlhU2VhcmNoQnJvd3NlcigpIHtcbiAgICAvLyBjYWxsIEFsZ29saWFTZWFyY2ggY29uc3RydWN0b3JcbiAgICBBbGdvbGlhU2VhcmNoLmFwcGx5KHRoaXMsIGFyZ3VtZW50cyk7XG4gIH1cblxuICBpbmhlcml0cyhBbGdvbGlhU2VhcmNoQnJvd3NlciwgQWxnb2xpYVNlYXJjaCk7XG5cbiAgQWxnb2xpYVNlYXJjaEJyb3dzZXIucHJvdG90eXBlLl9yZXF1ZXN0ID0gZnVuY3Rpb24gcmVxdWVzdCh1cmwsIG9wdHMpIHtcbiAgICByZXR1cm4gbmV3IFByb21pc2UoZnVuY3Rpb24gd3JhcFJlcXVlc3QocmVzb2x2ZSwgcmVqZWN0KSB7XG4gICAgICAvLyBubyBjb3JzIG9yIFhEb21haW5SZXF1ZXN0LCBubyByZXF1ZXN0XG4gICAgICBpZiAoIXN1cHBvcnQuY29ycyAmJiAhc3VwcG9ydC5oYXNYRG9tYWluUmVxdWVzdCkge1xuICAgICAgICAvLyB2ZXJ5IG9sZCBicm93c2VyLCBub3Qgc3VwcG9ydGVkXG4gICAgICAgIHJlamVjdChuZXcgZXJyb3JzLk5ldHdvcmsoJ0NPUlMgbm90IHN1cHBvcnRlZCcpKTtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICB1cmwgPSBpbmxpbmVIZWFkZXJzKHVybCwgb3B0cy5oZWFkZXJzKTtcblxuICAgICAgdmFyIGJvZHkgPSBvcHRzLmJvZHk7XG4gICAgICB2YXIgcmVxID0gc3VwcG9ydC5jb3JzID8gbmV3IFhNTEh0dHBSZXF1ZXN0KCkgOiBuZXcgWERvbWFpblJlcXVlc3QoKTtcbiAgICAgIHZhciByZXFUaW1lb3V0O1xuICAgICAgdmFyIHRpbWVkT3V0O1xuICAgICAgdmFyIGNvbm5lY3RlZCA9IGZhbHNlO1xuXG4gICAgICByZXFUaW1lb3V0ID0gc2V0VGltZW91dChvblRpbWVvdXQsIG9wdHMudGltZW91dHMuY29ubmVjdCk7XG4gICAgICAvLyB3ZSBzZXQgYW4gZW1wdHkgb25wcm9ncmVzcyBsaXN0ZW5lclxuICAgICAgLy8gc28gdGhhdCBYRG9tYWluUmVxdWVzdCBvbiBJRTkgaXMgbm90IGFib3J0ZWRcbiAgICAgIC8vIHJlZnM6XG4gICAgICAvLyAgLSBodHRwczovL2dpdGh1Yi5jb20vYWxnb2xpYS9hbGdvbGlhc2VhcmNoLWNsaWVudC1qcy9pc3N1ZXMvNzZcbiAgICAgIC8vICAtIGh0dHBzOi8vc29jaWFsLm1zZG4ubWljcm9zb2Z0LmNvbS9Gb3J1bXMvaWUvZW4tVVMvMzBlZjNhZGQtNzY3Yy00NDM2LWI4YTktZjFjYTE5YjQ4MTJlL2llOS1ydG0teGRvbWFpbnJlcXVlc3QtaXNzdWVkLXJlcXVlc3RzLW1heS1hYm9ydC1pZi1hbGwtZXZlbnQtaGFuZGxlcnMtbm90LXNwZWNpZmllZD9mb3J1bT1pZXdlYmRldmVsb3BtZW50XG4gICAgICByZXEub25wcm9ncmVzcyA9IG9uUHJvZ3Jlc3M7XG4gICAgICBpZiAoJ29ucmVhZHlzdGF0ZWNoYW5nZScgaW4gcmVxKSByZXEub25yZWFkeXN0YXRlY2hhbmdlID0gb25SZWFkeVN0YXRlQ2hhbmdlO1xuICAgICAgcmVxLm9ubG9hZCA9IG9uTG9hZDtcbiAgICAgIHJlcS5vbmVycm9yID0gb25FcnJvcjtcblxuICAgICAgLy8gZG8gbm90IHJlbHkgb24gZGVmYXVsdCBYSFIgYXN5bmMgZmxhZywgYXMgc29tZSBhbmFseXRpY3MgY29kZSBsaWtlIGhvdGphclxuICAgICAgLy8gYnJlYWtzIGl0IGFuZCBzZXQgaXQgdG8gZmFsc2UgYnkgZGVmYXVsdFxuICAgICAgaWYgKHJlcSBpbnN0YW5jZW9mIFhNTEh0dHBSZXF1ZXN0KSB7XG4gICAgICAgIHJlcS5vcGVuKG9wdHMubWV0aG9kLCB1cmwsIHRydWUpO1xuXG4gICAgICAgIC8vIFRoZSBBbmFseXRpY3MgQVBJIG5ldmVyIGFjY2VwdHMgQXV0aCBoZWFkZXJzIGFzIHF1ZXJ5IHN0cmluZ1xuICAgICAgICAvLyB0aGlzIG9wdGlvbiBleGlzdHMgc3BlY2lmaWNhbGx5IGZvciB0aGVtLlxuICAgICAgICBpZiAob3B0cy5mb3JjZUF1dGhIZWFkZXJzKSB7XG4gICAgICAgICAgcmVxLnNldFJlcXVlc3RIZWFkZXIoXG4gICAgICAgICAgICAneC1hbGdvbGlhLWFwcGxpY2F0aW9uLWlkJyxcbiAgICAgICAgICAgIG9wdHMuaGVhZGVyc1sneC1hbGdvbGlhLWFwcGxpY2F0aW9uLWlkJ11cbiAgICAgICAgICApO1xuICAgICAgICAgIHJlcS5zZXRSZXF1ZXN0SGVhZGVyKFxuICAgICAgICAgICAgJ3gtYWxnb2xpYS1hcGkta2V5JyxcbiAgICAgICAgICAgIG9wdHMuaGVhZGVyc1sneC1hbGdvbGlhLWFwaS1rZXknXVxuICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHJlcS5vcGVuKG9wdHMubWV0aG9kLCB1cmwpO1xuICAgICAgfVxuXG4gICAgICAvLyBoZWFkZXJzIGFyZSBtZWFudCB0byBiZSBzZW50IGFmdGVyIG9wZW5cbiAgICAgIGlmIChzdXBwb3J0LmNvcnMpIHtcbiAgICAgICAgaWYgKGJvZHkpIHtcbiAgICAgICAgICBpZiAob3B0cy5tZXRob2QgPT09ICdQT1NUJykge1xuICAgICAgICAgICAgLy8gaHR0cHM6Ly9kZXZlbG9wZXIubW96aWxsYS5vcmcvZW4tVVMvZG9jcy9XZWIvSFRUUC9BY2Nlc3NfY29udHJvbF9DT1JTI1NpbXBsZV9yZXF1ZXN0c1xuICAgICAgICAgICAgcmVxLnNldFJlcXVlc3RIZWFkZXIoJ2NvbnRlbnQtdHlwZScsICdhcHBsaWNhdGlvbi94LXd3dy1mb3JtLXVybGVuY29kZWQnKTtcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgcmVxLnNldFJlcXVlc3RIZWFkZXIoJ2NvbnRlbnQtdHlwZScsICdhcHBsaWNhdGlvbi9qc29uJyk7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIHJlcS5zZXRSZXF1ZXN0SGVhZGVyKCdhY2NlcHQnLCAnYXBwbGljYXRpb24vanNvbicpO1xuICAgICAgfVxuXG4gICAgICBpZiAoYm9keSkge1xuICAgICAgICByZXEuc2VuZChib2R5KTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHJlcS5zZW5kKCk7XG4gICAgICB9XG5cbiAgICAgIC8vIGV2ZW50IG9iamVjdCBub3QgcmVjZWl2ZWQgaW4gSUU4LCBhdCBsZWFzdFxuICAgICAgLy8gYnV0IHdlIGRvIG5vdCB1c2UgaXQsIHN0aWxsIGltcG9ydGFudCB0byBub3RlXG4gICAgICBmdW5jdGlvbiBvbkxvYWQoLyogZXZlbnQgKi8pIHtcbiAgICAgICAgLy8gV2hlbiBicm93c2VyIGRvZXMgbm90IHN1cHBvcnRzIHJlcS50aW1lb3V0LCB3ZSBjYW5cbiAgICAgICAgLy8gaGF2ZSBib3RoIGEgbG9hZCBhbmQgdGltZW91dCBldmVudCwgc2luY2UgaGFuZGxlZCBieSBhIGR1bWIgc2V0VGltZW91dFxuICAgICAgICBpZiAodGltZWRPdXQpIHtcbiAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBjbGVhclRpbWVvdXQocmVxVGltZW91dCk7XG5cbiAgICAgICAgdmFyIG91dDtcblxuICAgICAgICB0cnkge1xuICAgICAgICAgIG91dCA9IHtcbiAgICAgICAgICAgIGJvZHk6IEpTT04ucGFyc2UocmVxLnJlc3BvbnNlVGV4dCksXG4gICAgICAgICAgICByZXNwb25zZVRleHQ6IHJlcS5yZXNwb25zZVRleHQsXG4gICAgICAgICAgICBzdGF0dXNDb2RlOiByZXEuc3RhdHVzLFxuICAgICAgICAgICAgLy8gWERvbWFpblJlcXVlc3QgZG9lcyBub3QgaGF2ZSBhbnkgcmVzcG9uc2UgaGVhZGVyc1xuICAgICAgICAgICAgaGVhZGVyczogcmVxLmdldEFsbFJlc3BvbnNlSGVhZGVycyAmJiByZXEuZ2V0QWxsUmVzcG9uc2VIZWFkZXJzKCkgfHwge31cbiAgICAgICAgICB9O1xuICAgICAgICB9IGNhdGNoIChlKSB7XG4gICAgICAgICAgb3V0ID0gbmV3IGVycm9ycy5VbnBhcnNhYmxlSlNPTih7XG4gICAgICAgICAgICBtb3JlOiByZXEucmVzcG9uc2VUZXh0XG4gICAgICAgICAgfSk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAob3V0IGluc3RhbmNlb2YgZXJyb3JzLlVucGFyc2FibGVKU09OKSB7XG4gICAgICAgICAgcmVqZWN0KG91dCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgcmVzb2x2ZShvdXQpO1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIGZ1bmN0aW9uIG9uRXJyb3IoZXZlbnQpIHtcbiAgICAgICAgaWYgKHRpbWVkT3V0KSB7XG4gICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgY2xlYXJUaW1lb3V0KHJlcVRpbWVvdXQpO1xuXG4gICAgICAgIC8vIGVycm9yIGV2ZW50IGlzIHRyaWdlcnJlZCBib3RoIHdpdGggWERSL1hIUiBvbjpcbiAgICAgICAgLy8gICAtIEROUyBlcnJvclxuICAgICAgICAvLyAgIC0gdW5hbGxvd2VkIGNyb3NzIGRvbWFpbiByZXF1ZXN0XG4gICAgICAgIHJlamVjdChcbiAgICAgICAgICBuZXcgZXJyb3JzLk5ldHdvcmsoe1xuICAgICAgICAgICAgbW9yZTogZXZlbnRcbiAgICAgICAgICB9KVxuICAgICAgICApO1xuICAgICAgfVxuXG4gICAgICBmdW5jdGlvbiBvblRpbWVvdXQoKSB7XG4gICAgICAgIHRpbWVkT3V0ID0gdHJ1ZTtcbiAgICAgICAgcmVxLmFib3J0KCk7XG5cbiAgICAgICAgcmVqZWN0KG5ldyBlcnJvcnMuUmVxdWVzdFRpbWVvdXQoKSk7XG4gICAgICB9XG5cbiAgICAgIGZ1bmN0aW9uIG9uQ29ubmVjdCgpIHtcbiAgICAgICAgY29ubmVjdGVkID0gdHJ1ZTtcbiAgICAgICAgY2xlYXJUaW1lb3V0KHJlcVRpbWVvdXQpO1xuICAgICAgICByZXFUaW1lb3V0ID0gc2V0VGltZW91dChvblRpbWVvdXQsIG9wdHMudGltZW91dHMuY29tcGxldGUpO1xuICAgICAgfVxuXG4gICAgICBmdW5jdGlvbiBvblByb2dyZXNzKCkge1xuICAgICAgICBpZiAoIWNvbm5lY3RlZCkgb25Db25uZWN0KCk7XG4gICAgICB9XG5cbiAgICAgIGZ1bmN0aW9uIG9uUmVhZHlTdGF0ZUNoYW5nZSgpIHtcbiAgICAgICAgaWYgKCFjb25uZWN0ZWQgJiYgcmVxLnJlYWR5U3RhdGUgPiAxKSBvbkNvbm5lY3QoKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfTtcblxuICBBbGdvbGlhU2VhcmNoQnJvd3Nlci5wcm90b3R5cGUuX3JlcXVlc3QuZmFsbGJhY2sgPSBmdW5jdGlvbiByZXF1ZXN0RmFsbGJhY2sodXJsLCBvcHRzKSB7XG4gICAgdXJsID0gaW5saW5lSGVhZGVycyh1cmwsIG9wdHMuaGVhZGVycyk7XG5cbiAgICByZXR1cm4gbmV3IFByb21pc2UoZnVuY3Rpb24gd3JhcEpzb25wUmVxdWVzdChyZXNvbHZlLCByZWplY3QpIHtcbiAgICAgIGpzb25wUmVxdWVzdCh1cmwsIG9wdHMsIGZ1bmN0aW9uIGpzb25wUmVxdWVzdERvbmUoZXJyLCBjb250ZW50KSB7XG4gICAgICAgIGlmIChlcnIpIHtcbiAgICAgICAgICByZWplY3QoZXJyKTtcbiAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICByZXNvbHZlKGNvbnRlbnQpO1xuICAgICAgfSk7XG4gICAgfSk7XG4gIH07XG5cbiAgQWxnb2xpYVNlYXJjaEJyb3dzZXIucHJvdG90eXBlLl9wcm9taXNlID0ge1xuICAgIHJlamVjdDogZnVuY3Rpb24gcmVqZWN0UHJvbWlzZSh2YWwpIHtcbiAgICAgIHJldHVybiBQcm9taXNlLnJlamVjdCh2YWwpO1xuICAgIH0sXG4gICAgcmVzb2x2ZTogZnVuY3Rpb24gcmVzb2x2ZVByb21pc2UodmFsKSB7XG4gICAgICByZXR1cm4gUHJvbWlzZS5yZXNvbHZlKHZhbCk7XG4gICAgfSxcbiAgICBkZWxheTogZnVuY3Rpb24gZGVsYXlQcm9taXNlKG1zKSB7XG4gICAgICByZXR1cm4gbmV3IFByb21pc2UoZnVuY3Rpb24gcmVzb2x2ZU9uVGltZW91dChyZXNvbHZlLyogLCByZWplY3QqLykge1xuICAgICAgICBzZXRUaW1lb3V0KHJlc29sdmUsIG1zKTtcbiAgICAgIH0pO1xuICAgIH0sXG4gICAgYWxsOiBmdW5jdGlvbiBhbGwocHJvbWlzZXMpIHtcbiAgICAgIHJldHVybiBQcm9taXNlLmFsbChwcm9taXNlcyk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiBhbGdvbGlhc2VhcmNoO1xufTtcbiIsIid1c2Ugc3RyaWN0JztcblxubW9kdWxlLmV4cG9ydHMgPSBpbmxpbmVIZWFkZXJzO1xuXG52YXIgZW5jb2RlID0gcmVxdWlyZSgncXVlcnlzdHJpbmctZXMzL2VuY29kZScpO1xuXG5mdW5jdGlvbiBpbmxpbmVIZWFkZXJzKHVybCwgaGVhZGVycykge1xuICBpZiAoL1xcPy8udGVzdCh1cmwpKSB7XG4gICAgdXJsICs9ICcmJztcbiAgfSBlbHNlIHtcbiAgICB1cmwgKz0gJz8nO1xuICB9XG5cbiAgcmV0dXJuIHVybCArIGVuY29kZShoZWFkZXJzKTtcbn1cbiIsIid1c2Ugc3RyaWN0JztcblxubW9kdWxlLmV4cG9ydHMgPSBqc29ucFJlcXVlc3Q7XG5cbnZhciBlcnJvcnMgPSByZXF1aXJlKCcuLi9lcnJvcnMnKTtcblxudmFyIEpTT05QQ291bnRlciA9IDA7XG5cbmZ1bmN0aW9uIGpzb25wUmVxdWVzdCh1cmwsIG9wdHMsIGNiKSB7XG4gIGlmIChvcHRzLm1ldGhvZCAhPT0gJ0dFVCcpIHtcbiAgICBjYihuZXcgRXJyb3IoJ01ldGhvZCAnICsgb3B0cy5tZXRob2QgKyAnICcgKyB1cmwgKyAnIGlzIG5vdCBzdXBwb3J0ZWQgYnkgSlNPTlAuJykpO1xuICAgIHJldHVybjtcbiAgfVxuXG4gIG9wdHMuZGVidWcoJ0pTT05QOiBzdGFydCcpO1xuXG4gIHZhciBjYkNhbGxlZCA9IGZhbHNlO1xuICB2YXIgdGltZWRPdXQgPSBmYWxzZTtcblxuICBKU09OUENvdW50ZXIgKz0gMTtcbiAgdmFyIGhlYWQgPSBkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgnaGVhZCcpWzBdO1xuICB2YXIgc2NyaXB0ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc2NyaXB0Jyk7XG4gIHZhciBjYk5hbWUgPSAnYWxnb2xpYUpTT05QXycgKyBKU09OUENvdW50ZXI7XG4gIHZhciBkb25lID0gZmFsc2U7XG5cbiAgd2luZG93W2NiTmFtZV0gPSBmdW5jdGlvbihkYXRhKSB7XG4gICAgcmVtb3ZlR2xvYmFscygpO1xuXG4gICAgaWYgKHRpbWVkT3V0KSB7XG4gICAgICBvcHRzLmRlYnVnKCdKU09OUDogTGF0ZSBhbnN3ZXIsIGlnbm9yaW5nJyk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY2JDYWxsZWQgPSB0cnVlO1xuXG4gICAgY2xlYW4oKTtcblxuICAgIGNiKG51bGwsIHtcbiAgICAgIGJvZHk6IGRhdGEsXG4gICAgICByZXNwb25zZVRleHQ6IEpTT04uc3RyaW5naWZ5KGRhdGEpLyogLFxuICAgICAgLy8gV2UgZG8gbm90IHNlbmQgdGhlIHN0YXR1c0NvZGUsIHRoZXJlJ3Mgbm8gc3RhdHVzQ29kZSBpbiBKU09OUCwgaXQgd2lsbCBiZVxuICAgICAgLy8gY29tcHV0ZWQgdXNpbmcgZGF0YS5zdGF0dXMgJiYgZGF0YS5tZXNzYWdlIGxpa2Ugd2l0aCBYRFJcbiAgICAgIHN0YXR1c0NvZGUqL1xuICAgIH0pO1xuICB9O1xuXG4gIC8vIGFkZCBjYWxsYmFjayBieSBoYW5kXG4gIHVybCArPSAnJmNhbGxiYWNrPScgKyBjYk5hbWU7XG5cbiAgLy8gYWRkIGJvZHkgcGFyYW1zIG1hbnVhbGx5XG4gIGlmIChvcHRzLmpzb25Cb2R5ICYmIG9wdHMuanNvbkJvZHkucGFyYW1zKSB7XG4gICAgdXJsICs9ICcmJyArIG9wdHMuanNvbkJvZHkucGFyYW1zO1xuICB9XG5cbiAgdmFyIG9udGltZW91dCA9IHNldFRpbWVvdXQodGltZW91dCwgb3B0cy50aW1lb3V0cy5jb21wbGV0ZSk7XG5cbiAgLy8gc2NyaXB0IG9ucmVhZHlzdGF0ZWNoYW5nZSBuZWVkZWQgb25seSBmb3JcbiAgLy8gPD0gSUU4XG4gIC8vIGh0dHBzOi8vZ2l0aHViLmNvbS9hbmd1bGFyL2FuZ3VsYXIuanMvaXNzdWVzLzQ1MjNcbiAgc2NyaXB0Lm9ucmVhZHlzdGF0ZWNoYW5nZSA9IHJlYWR5c3RhdGVjaGFuZ2U7XG4gIHNjcmlwdC5vbmxvYWQgPSBzdWNjZXNzO1xuICBzY3JpcHQub25lcnJvciA9IGVycm9yO1xuXG4gIHNjcmlwdC5hc3luYyA9IHRydWU7XG4gIHNjcmlwdC5kZWZlciA9IHRydWU7XG4gIHNjcmlwdC5zcmMgPSB1cmw7XG4gIGhlYWQuYXBwZW5kQ2hpbGQoc2NyaXB0KTtcblxuICBmdW5jdGlvbiBzdWNjZXNzKCkge1xuICAgIG9wdHMuZGVidWcoJ0pTT05QOiBzdWNjZXNzJyk7XG5cbiAgICBpZiAoZG9uZSB8fCB0aW1lZE91dCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGRvbmUgPSB0cnVlO1xuXG4gICAgLy8gc2NyaXB0IGxvYWRlZCBidXQgZGlkIG5vdCBjYWxsIHRoZSBmbiA9PiBzY3JpcHQgbG9hZGluZyBlcnJvclxuICAgIGlmICghY2JDYWxsZWQpIHtcbiAgICAgIG9wdHMuZGVidWcoJ0pTT05QOiBGYWlsLiBTY3JpcHQgbG9hZGVkIGJ1dCBkaWQgbm90IGNhbGwgdGhlIGNhbGxiYWNrJyk7XG4gICAgICBjbGVhbigpO1xuICAgICAgY2IobmV3IGVycm9ycy5KU09OUFNjcmlwdEZhaWwoKSk7XG4gICAgfVxuICB9XG5cbiAgZnVuY3Rpb24gcmVhZHlzdGF0ZWNoYW5nZSgpIHtcbiAgICBpZiAodGhpcy5yZWFkeVN0YXRlID09PSAnbG9hZGVkJyB8fCB0aGlzLnJlYWR5U3RhdGUgPT09ICdjb21wbGV0ZScpIHtcbiAgICAgIHN1Y2Nlc3MoKTtcbiAgICB9XG4gIH1cblxuICBmdW5jdGlvbiBjbGVhbigpIHtcbiAgICBjbGVhclRpbWVvdXQob250aW1lb3V0KTtcbiAgICBzY3JpcHQub25sb2FkID0gbnVsbDtcbiAgICBzY3JpcHQub25yZWFkeXN0YXRlY2hhbmdlID0gbnVsbDtcbiAgICBzY3JpcHQub25lcnJvciA9IG51bGw7XG4gICAgaGVhZC5yZW1vdmVDaGlsZChzY3JpcHQpO1xuICB9XG5cbiAgZnVuY3Rpb24gcmVtb3ZlR2xvYmFscygpIHtcbiAgICB0cnkge1xuICAgICAgZGVsZXRlIHdpbmRvd1tjYk5hbWVdO1xuICAgICAgZGVsZXRlIHdpbmRvd1tjYk5hbWUgKyAnX2xvYWRlZCddO1xuICAgIH0gY2F0Y2ggKGUpIHtcbiAgICAgIHdpbmRvd1tjYk5hbWVdID0gd2luZG93W2NiTmFtZSArICdfbG9hZGVkJ10gPSB1bmRlZmluZWQ7XG4gICAgfVxuICB9XG5cbiAgZnVuY3Rpb24gdGltZW91dCgpIHtcbiAgICBvcHRzLmRlYnVnKCdKU09OUDogU2NyaXB0IHRpbWVvdXQnKTtcbiAgICB0aW1lZE91dCA9IHRydWU7XG4gICAgY2xlYW4oKTtcbiAgICBjYihuZXcgZXJyb3JzLlJlcXVlc3RUaW1lb3V0KCkpO1xuICB9XG5cbiAgZnVuY3Rpb24gZXJyb3IoKSB7XG4gICAgb3B0cy5kZWJ1ZygnSlNPTlA6IFNjcmlwdCBlcnJvcicpO1xuXG4gICAgaWYgKGRvbmUgfHwgdGltZWRPdXQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjbGVhbigpO1xuICAgIGNiKG5ldyBlcnJvcnMuSlNPTlBTY3JpcHRFcnJvcigpKTtcbiAgfVxufVxuIiwibW9kdWxlLmV4cG9ydHMgPSBidWlsZFNlYXJjaE1ldGhvZDtcblxudmFyIGVycm9ycyA9IHJlcXVpcmUoJy4vZXJyb3JzLmpzJyk7XG5cbi8qKlxuICogQ3JlYXRlcyBhIHNlYXJjaCBtZXRob2QgdG8gYmUgdXNlZCBpbiBjbGllbnRzXG4gKiBAcGFyYW0ge3N0cmluZ30gcXVlcnlQYXJhbSB0aGUgbmFtZSBvZiB0aGUgYXR0cmlidXRlIHVzZWQgZm9yIHRoZSBxdWVyeVxuICogQHBhcmFtIHtzdHJpbmd9IHVybCB0aGUgdXJsXG4gKiBAcmV0dXJuIHtmdW5jdGlvbn0gdGhlIHNlYXJjaCBtZXRob2RcbiAqL1xuZnVuY3Rpb24gYnVpbGRTZWFyY2hNZXRob2QocXVlcnlQYXJhbSwgdXJsKSB7XG4gIC8qKlxuICAgKiBUaGUgc2VhcmNoIG1ldGhvZC4gUHJlcGFyZXMgdGhlIGRhdGEgYW5kIHNlbmQgdGhlIHF1ZXJ5IHRvIEFsZ29saWEuXG4gICAqIEBwYXJhbSB7c3RyaW5nfSBxdWVyeSB0aGUgc3RyaW5nIHVzZWQgZm9yIHF1ZXJ5IHNlYXJjaFxuICAgKiBAcGFyYW0ge29iamVjdH0gYXJncyBhZGRpdGlvbmFsIHBhcmFtZXRlcnMgdG8gc2VuZCB3aXRoIHRoZSBzZWFyY2hcbiAgICogQHBhcmFtIHtmdW5jdGlvbn0gW2NhbGxiYWNrXSB0aGUgY2FsbGJhY2sgdG8gYmUgY2FsbGVkIHdpdGggdGhlIGNsaWVudCBnZXRzIHRoZSBhbnN3ZXJcbiAgICogQHJldHVybiB7dW5kZWZpbmVkfFByb21pc2V9IElmIHRoZSBjYWxsYmFjayBpcyBub3QgcHJvdmlkZWQgdGhlbiB0aGlzIG1ldGhvZHMgcmV0dXJucyBhIFByb21pc2VcbiAgICovXG4gIHJldHVybiBmdW5jdGlvbiBzZWFyY2gocXVlcnksIGFyZ3MsIGNhbGxiYWNrKSB7XG4gICAgLy8gd2FybiBWMiB1c2VycyBvbiBob3cgdG8gc2VhcmNoXG4gICAgaWYgKHR5cGVvZiBxdWVyeSA9PT0gJ2Z1bmN0aW9uJyAmJiB0eXBlb2YgYXJncyA9PT0gJ29iamVjdCcgfHxcbiAgICAgIHR5cGVvZiBjYWxsYmFjayA9PT0gJ29iamVjdCcpIHtcbiAgICAgIC8vIC5zZWFyY2gocXVlcnksIHBhcmFtcywgY2IpXG4gICAgICAvLyAuc2VhcmNoKGNiLCBwYXJhbXMpXG4gICAgICB0aHJvdyBuZXcgZXJyb3JzLkFsZ29saWFTZWFyY2hFcnJvcignaW5kZXguc2VhcmNoIHVzYWdlIGlzIGluZGV4LnNlYXJjaChxdWVyeSwgcGFyYW1zLCBjYiknKTtcbiAgICB9XG5cbiAgICAvLyBOb3JtYWxpemluZyB0aGUgZnVuY3Rpb24gc2lnbmF0dXJlXG4gICAgaWYgKGFyZ3VtZW50cy5sZW5ndGggPT09IDAgfHwgdHlwZW9mIHF1ZXJ5ID09PSAnZnVuY3Rpb24nKSB7XG4gICAgICAvLyBVc2FnZSA6IC5zZWFyY2goKSwgLnNlYXJjaChjYilcbiAgICAgIGNhbGxiYWNrID0gcXVlcnk7XG4gICAgICBxdWVyeSA9ICcnO1xuICAgIH0gZWxzZSBpZiAoYXJndW1lbnRzLmxlbmd0aCA9PT0gMSB8fCB0eXBlb2YgYXJncyA9PT0gJ2Z1bmN0aW9uJykge1xuICAgICAgLy8gVXNhZ2UgOiAuc2VhcmNoKHF1ZXJ5L2FyZ3MpLCAuc2VhcmNoKHF1ZXJ5LCBjYilcbiAgICAgIGNhbGxiYWNrID0gYXJncztcbiAgICAgIGFyZ3MgPSB1bmRlZmluZWQ7XG4gICAgfVxuICAgIC8vIEF0IHRoaXMgcG9pbnQgd2UgaGF2ZSAzIGFyZ3VtZW50cyB3aXRoIHZhbHVlc1xuXG4gICAgLy8gVXNhZ2UgOiAuc2VhcmNoKGFyZ3MpIC8vIGNhcmVmdWw6IHR5cGVvZiBudWxsID09PSAnb2JqZWN0J1xuICAgIGlmICh0eXBlb2YgcXVlcnkgPT09ICdvYmplY3QnICYmIHF1ZXJ5ICE9PSBudWxsKSB7XG4gICAgICBhcmdzID0gcXVlcnk7XG4gICAgICBxdWVyeSA9IHVuZGVmaW5lZDtcbiAgICB9IGVsc2UgaWYgKHF1ZXJ5ID09PSB1bmRlZmluZWQgfHwgcXVlcnkgPT09IG51bGwpIHsgLy8gLnNlYXJjaCh1bmRlZmluZWQvbnVsbClcbiAgICAgIHF1ZXJ5ID0gJyc7XG4gICAgfVxuXG4gICAgdmFyIHBhcmFtcyA9ICcnO1xuXG4gICAgaWYgKHF1ZXJ5ICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIHBhcmFtcyArPSBxdWVyeVBhcmFtICsgJz0nICsgZW5jb2RlVVJJQ29tcG9uZW50KHF1ZXJ5KTtcbiAgICB9XG5cbiAgICB2YXIgYWRkaXRpb25hbFVBO1xuICAgIGlmIChhcmdzICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIGlmIChhcmdzLmFkZGl0aW9uYWxVQSkge1xuICAgICAgICBhZGRpdGlvbmFsVUEgPSBhcmdzLmFkZGl0aW9uYWxVQTtcbiAgICAgICAgZGVsZXRlIGFyZ3MuYWRkaXRpb25hbFVBO1xuICAgICAgfVxuICAgICAgLy8gYF9nZXRTZWFyY2hQYXJhbXNgIHdpbGwgYXVnbWVudCBwYXJhbXMsIGRvIG5vdCBiZSBmb29sZWQgYnkgdGhlID0gdmVyc3VzICs9IGZyb20gcHJldmlvdXMgaWZcbiAgICAgIHBhcmFtcyA9IHRoaXMuYXMuX2dldFNlYXJjaFBhcmFtcyhhcmdzLCBwYXJhbXMpO1xuICAgIH1cblxuXG4gICAgcmV0dXJuIHRoaXMuX3NlYXJjaChwYXJhbXMsIHVybCwgY2FsbGJhY2ssIGFkZGl0aW9uYWxVQSk7XG4gIH07XG59XG4iLCJtb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uIGNsb25lKG9iaikge1xuICByZXR1cm4gSlNPTi5wYXJzZShKU09OLnN0cmluZ2lmeShvYmopKTtcbn07XG4iLCJtb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uIGRlcHJlY2F0ZShmbiwgbWVzc2FnZSkge1xuICB2YXIgd2FybmVkID0gZmFsc2U7XG5cbiAgZnVuY3Rpb24gZGVwcmVjYXRlZCgpIHtcbiAgICBpZiAoIXdhcm5lZCkge1xuICAgICAgLyogZXNsaW50IG5vLWNvbnNvbGU6MCAqL1xuICAgICAgY29uc29sZS53YXJuKG1lc3NhZ2UpO1xuICAgICAgd2FybmVkID0gdHJ1ZTtcbiAgICB9XG5cbiAgICByZXR1cm4gZm4uYXBwbHkodGhpcywgYXJndW1lbnRzKTtcbiAgfVxuXG4gIHJldHVybiBkZXByZWNhdGVkO1xufTtcbiIsIm1vZHVsZS5leHBvcnRzID0gZnVuY3Rpb24gZGVwcmVjYXRlZE1lc3NhZ2UocHJldmlvdXNVc2FnZSwgbmV3VXNhZ2UpIHtcbiAgdmFyIGdpdGh1YkFuY2hvckxpbmsgPSBwcmV2aW91c1VzYWdlLnRvTG93ZXJDYXNlKClcbiAgICAucmVwbGFjZSgvW1xcLlxcKFxcKV0vZywgJycpO1xuXG4gIHJldHVybiAnYWxnb2xpYXNlYXJjaDogYCcgKyBwcmV2aW91c1VzYWdlICsgJ2Agd2FzIHJlcGxhY2VkIGJ5IGAnICsgbmV3VXNhZ2UgK1xuICAgICdgLiBQbGVhc2Ugc2VlIGh0dHBzOi8vZ2l0aHViLmNvbS9hbGdvbGlhL2FsZ29saWFzZWFyY2gtY2xpZW50LWphdmFzY3JpcHQvd2lraS9EZXByZWNhdGVkIycgKyBnaXRodWJBbmNob3JMaW5rO1xufTtcbiIsIid1c2Ugc3RyaWN0JztcblxuLy8gVGhpcyBmaWxlIGhvc3RzIG91ciBlcnJvciBkZWZpbml0aW9uc1xuLy8gV2UgdXNlIGN1c3RvbSBlcnJvciBcInR5cGVzXCIgc28gdGhhdCB3ZSBjYW4gYWN0IG9uIHRoZW0gd2hlbiB3ZSBuZWVkIGl0XG4vLyBlLmcuOiBpZiBlcnJvciBpbnN0YW5jZW9mIGVycm9ycy5VbnBhcnNhYmxlSlNPTiB0aGVuLi5cblxudmFyIGluaGVyaXRzID0gcmVxdWlyZSgnaW5oZXJpdHMnKTtcblxuZnVuY3Rpb24gQWxnb2xpYVNlYXJjaEVycm9yKG1lc3NhZ2UsIGV4dHJhUHJvcGVydGllcykge1xuICB2YXIgZm9yRWFjaCA9IHJlcXVpcmUoJ2ZvcmVhY2gnKTtcblxuICB2YXIgZXJyb3IgPSB0aGlzO1xuXG4gIC8vIHRyeSB0byBnZXQgYSBzdGFja3RyYWNlXG4gIGlmICh0eXBlb2YgRXJyb3IuY2FwdHVyZVN0YWNrVHJhY2UgPT09ICdmdW5jdGlvbicpIHtcbiAgICBFcnJvci5jYXB0dXJlU3RhY2tUcmFjZSh0aGlzLCB0aGlzLmNvbnN0cnVjdG9yKTtcbiAgfSBlbHNlIHtcbiAgICBlcnJvci5zdGFjayA9IChuZXcgRXJyb3IoKSkuc3RhY2sgfHwgJ0Nhbm5vdCBnZXQgYSBzdGFja3RyYWNlLCBicm93c2VyIGlzIHRvbyBvbGQnO1xuICB9XG5cbiAgdGhpcy5uYW1lID0gJ0FsZ29saWFTZWFyY2hFcnJvcic7XG4gIHRoaXMubWVzc2FnZSA9IG1lc3NhZ2UgfHwgJ1Vua25vd24gZXJyb3InO1xuXG4gIGlmIChleHRyYVByb3BlcnRpZXMpIHtcbiAgICBmb3JFYWNoKGV4dHJhUHJvcGVydGllcywgZnVuY3Rpb24gYWRkVG9FcnJvck9iamVjdCh2YWx1ZSwga2V5KSB7XG4gICAgICBlcnJvcltrZXldID0gdmFsdWU7XG4gICAgfSk7XG4gIH1cbn1cblxuaW5oZXJpdHMoQWxnb2xpYVNlYXJjaEVycm9yLCBFcnJvcik7XG5cbmZ1bmN0aW9uIGNyZWF0ZUN1c3RvbUVycm9yKG5hbWUsIG1lc3NhZ2UpIHtcbiAgZnVuY3Rpb24gQWxnb2xpYVNlYXJjaEN1c3RvbUVycm9yKCkge1xuICAgIHZhciBhcmdzID0gQXJyYXkucHJvdG90eXBlLnNsaWNlLmNhbGwoYXJndW1lbnRzLCAwKTtcblxuICAgIC8vIGN1c3RvbSBtZXNzYWdlIG5vdCBzZXQsIHVzZSBkZWZhdWx0XG4gICAgaWYgKHR5cGVvZiBhcmdzWzBdICE9PSAnc3RyaW5nJykge1xuICAgICAgYXJncy51bnNoaWZ0KG1lc3NhZ2UpO1xuICAgIH1cblxuICAgIEFsZ29saWFTZWFyY2hFcnJvci5hcHBseSh0aGlzLCBhcmdzKTtcbiAgICB0aGlzLm5hbWUgPSAnQWxnb2xpYVNlYXJjaCcgKyBuYW1lICsgJ0Vycm9yJztcbiAgfVxuXG4gIGluaGVyaXRzKEFsZ29saWFTZWFyY2hDdXN0b21FcnJvciwgQWxnb2xpYVNlYXJjaEVycm9yKTtcblxuICByZXR1cm4gQWxnb2xpYVNlYXJjaEN1c3RvbUVycm9yO1xufVxuXG4vLyBsYXRlIGV4cG9ydHMgdG8gbGV0IHZhcmlvdXMgZm4gZGVmcyBhbmQgaW5oZXJpdHMgdGFrZSBwbGFjZVxubW9kdWxlLmV4cG9ydHMgPSB7XG4gIEFsZ29saWFTZWFyY2hFcnJvcjogQWxnb2xpYVNlYXJjaEVycm9yLFxuICBVbnBhcnNhYmxlSlNPTjogY3JlYXRlQ3VzdG9tRXJyb3IoXG4gICAgJ1VucGFyc2FibGVKU09OJyxcbiAgICAnQ291bGQgbm90IHBhcnNlIHRoZSBpbmNvbWluZyByZXNwb25zZSBhcyBKU09OLCBzZWUgZXJyLm1vcmUgZm9yIGRldGFpbHMnXG4gICksXG4gIFJlcXVlc3RUaW1lb3V0OiBjcmVhdGVDdXN0b21FcnJvcihcbiAgICAnUmVxdWVzdFRpbWVvdXQnLFxuICAgICdSZXF1ZXN0IHRpbWVkIG91dCBiZWZvcmUgZ2V0dGluZyBhIHJlc3BvbnNlJ1xuICApLFxuICBOZXR3b3JrOiBjcmVhdGVDdXN0b21FcnJvcihcbiAgICAnTmV0d29yaycsXG4gICAgJ05ldHdvcmsgaXNzdWUsIHNlZSBlcnIubW9yZSBmb3IgZGV0YWlscydcbiAgKSxcbiAgSlNPTlBTY3JpcHRGYWlsOiBjcmVhdGVDdXN0b21FcnJvcihcbiAgICAnSlNPTlBTY3JpcHRGYWlsJyxcbiAgICAnPHNjcmlwdD4gd2FzIGxvYWRlZCBidXQgZGlkIG5vdCBjYWxsIG91ciBwcm92aWRlZCBjYWxsYmFjaydcbiAgKSxcbiAgVmFsaWRVbnRpbE5vdEZvdW5kOiBjcmVhdGVDdXN0b21FcnJvcihcbiAgICAnVmFsaWRVbnRpbE5vdEZvdW5kJyxcbiAgICAnVGhlIFNlY3VyZWRBUElLZXkgZG9lcyBub3QgaGF2ZSBhIHZhbGlkVW50aWwgcGFyYW1ldGVyLidcbiAgKSxcbiAgSlNPTlBTY3JpcHRFcnJvcjogY3JlYXRlQ3VzdG9tRXJyb3IoXG4gICAgJ0pTT05QU2NyaXB0RXJyb3InLFxuICAgICc8c2NyaXB0PiB1bmFibGUgdG8gbG9hZCBkdWUgdG8gYW4gYGVycm9yYCBldmVudCBvbiBpdCdcbiAgKSxcbiAgT2JqZWN0Tm90Rm91bmQ6IGNyZWF0ZUN1c3RvbUVycm9yKFxuICAgICdPYmplY3ROb3RGb3VuZCcsXG4gICAgJ09iamVjdCBub3QgZm91bmQnXG4gICksXG4gIFVua25vd246IGNyZWF0ZUN1c3RvbUVycm9yKFxuICAgICdVbmtub3duJyxcbiAgICAnVW5rbm93biBlcnJvciBvY2N1cmVkJ1xuICApXG59O1xuIiwiLy8gUGFyc2UgY2xvdWQgZG9lcyBub3Qgc3VwcG9ydHMgc2V0VGltZW91dFxuLy8gV2UgZG8gbm90IHN0b3JlIGEgc2V0VGltZW91dCByZWZlcmVuY2UgaW4gdGhlIGNsaWVudCBldmVyeXRpbWVcbi8vIFdlIG9ubHkgZmFsbGJhY2sgdG8gYSBmYWtlIHNldFRpbWVvdXQgd2hlbiBub3QgYXZhaWxhYmxlXG4vLyBzZXRUaW1lb3V0IGNhbm5vdCBiZSBvdmVycmlkZSBnbG9iYWxseSBzYWRseVxubW9kdWxlLmV4cG9ydHMgPSBmdW5jdGlvbiBleGl0UHJvbWlzZShmbiwgX3NldFRpbWVvdXQpIHtcbiAgX3NldFRpbWVvdXQoZm4sIDApO1xufTtcbiIsInZhciBmb3JlYWNoID0gcmVxdWlyZSgnZm9yZWFjaCcpO1xuXG5tb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uIG1hcChhcnIsIGZuKSB7XG4gIHZhciBuZXdBcnIgPSBbXTtcbiAgZm9yZWFjaChhcnIsIGZ1bmN0aW9uKGl0ZW0sIGl0ZW1JbmRleCkge1xuICAgIG5ld0Fyci5wdXNoKGZuKGl0ZW0sIGl0ZW1JbmRleCwgYXJyKSk7XG4gIH0pO1xuICByZXR1cm4gbmV3QXJyO1xufTtcbiIsInZhciBmb3JlYWNoID0gcmVxdWlyZSgnZm9yZWFjaCcpO1xuXG5tb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uIG1lcmdlKGRlc3RpbmF0aW9uLyogLCBzb3VyY2VzICovKSB7XG4gIHZhciBzb3VyY2VzID0gQXJyYXkucHJvdG90eXBlLnNsaWNlLmNhbGwoYXJndW1lbnRzKTtcblxuICBmb3JlYWNoKHNvdXJjZXMsIGZ1bmN0aW9uKHNvdXJjZSkge1xuICAgIGZvciAodmFyIGtleU5hbWUgaW4gc291cmNlKSB7XG4gICAgICBpZiAoc291cmNlLmhhc093blByb3BlcnR5KGtleU5hbWUpKSB7XG4gICAgICAgIGlmICh0eXBlb2YgZGVzdGluYXRpb25ba2V5TmFtZV0gPT09ICdvYmplY3QnICYmIHR5cGVvZiBzb3VyY2Vba2V5TmFtZV0gPT09ICdvYmplY3QnKSB7XG4gICAgICAgICAgZGVzdGluYXRpb25ba2V5TmFtZV0gPSBtZXJnZSh7fSwgZGVzdGluYXRpb25ba2V5TmFtZV0sIHNvdXJjZVtrZXlOYW1lXSk7XG4gICAgICAgIH0gZWxzZSBpZiAoc291cmNlW2tleU5hbWVdICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICBkZXN0aW5hdGlvbltrZXlOYW1lXSA9IHNvdXJjZVtrZXlOYW1lXTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfSk7XG5cbiAgcmV0dXJuIGRlc3RpbmF0aW9uO1xufTtcbiIsIm1vZHVsZS5leHBvcnRzID0gZnVuY3Rpb24gb21pdChvYmosIHRlc3QpIHtcbiAgdmFyIGtleXMgPSByZXF1aXJlKCdvYmplY3Qta2V5cycpO1xuICB2YXIgZm9yZWFjaCA9IHJlcXVpcmUoJ2ZvcmVhY2gnKTtcblxuICB2YXIgZmlsdGVyZWQgPSB7fTtcblxuICBmb3JlYWNoKGtleXMob2JqKSwgZnVuY3Rpb24gZG9GaWx0ZXIoa2V5TmFtZSkge1xuICAgIGlmICh0ZXN0KGtleU5hbWUpICE9PSB0cnVlKSB7XG4gICAgICBmaWx0ZXJlZFtrZXlOYW1lXSA9IG9ialtrZXlOYW1lXTtcbiAgICB9XG4gIH0pO1xuXG4gIHJldHVybiBmaWx0ZXJlZDtcbn07XG4iLCJtb2R1bGUuZXhwb3J0cyA9IGNyZWF0ZVBsYWNlc0NsaWVudDtcblxudmFyIHFzMyA9IHJlcXVpcmUoJ3F1ZXJ5c3RyaW5nLWVzMycpO1xudmFyIGJ1aWxkU2VhcmNoTWV0aG9kID0gcmVxdWlyZSgnLi9idWlsZFNlYXJjaE1ldGhvZC5qcycpO1xuXG5mdW5jdGlvbiBjcmVhdGVQbGFjZXNDbGllbnQoYWxnb2xpYXNlYXJjaCkge1xuICByZXR1cm4gZnVuY3Rpb24gcGxhY2VzKGFwcElELCBhcGlLZXksIG9wdHMpIHtcbiAgICB2YXIgY2xvbmVEZWVwID0gcmVxdWlyZSgnLi9jbG9uZS5qcycpO1xuXG4gICAgb3B0cyA9IG9wdHMgJiYgY2xvbmVEZWVwKG9wdHMpIHx8IHt9O1xuICAgIG9wdHMuaG9zdHMgPSBvcHRzLmhvc3RzIHx8IFtcbiAgICAgICdwbGFjZXMtZHNuLmFsZ29saWEubmV0JyxcbiAgICAgICdwbGFjZXMtMS5hbGdvbGlhbmV0LmNvbScsXG4gICAgICAncGxhY2VzLTIuYWxnb2xpYW5ldC5jb20nLFxuICAgICAgJ3BsYWNlcy0zLmFsZ29saWFuZXQuY29tJ1xuICAgIF07XG5cbiAgICAvLyBhbGxvdyBpbml0UGxhY2VzKCkgbm8gYXJndW1lbnRzID0+IGNvbW11bml0eSByYXRlIGxpbWl0ZWRcbiAgICBpZiAoYXJndW1lbnRzLmxlbmd0aCA9PT0gMCB8fCB0eXBlb2YgYXBwSUQgPT09ICdvYmplY3QnIHx8IGFwcElEID09PSB1bmRlZmluZWQpIHtcbiAgICAgIGFwcElEID0gJyc7XG4gICAgICBhcGlLZXkgPSAnJztcbiAgICAgIG9wdHMuX2FsbG93RW1wdHlDcmVkZW50aWFscyA9IHRydWU7XG4gICAgfVxuXG4gICAgdmFyIGNsaWVudCA9IGFsZ29saWFzZWFyY2goYXBwSUQsIGFwaUtleSwgb3B0cyk7XG4gICAgdmFyIGluZGV4ID0gY2xpZW50LmluaXRJbmRleCgncGxhY2VzJyk7XG4gICAgaW5kZXguc2VhcmNoID0gYnVpbGRTZWFyY2hNZXRob2QoJ3F1ZXJ5JywgJy8xL3BsYWNlcy9xdWVyeScpO1xuICAgIGluZGV4LnJldmVyc2UgPSBmdW5jdGlvbihvcHRpb25zLCBjYWxsYmFjaykge1xuICAgICAgdmFyIGVuY29kZWQgPSBxczMuZW5jb2RlKG9wdGlvbnMpO1xuXG4gICAgICByZXR1cm4gdGhpcy5hcy5fanNvblJlcXVlc3Qoe1xuICAgICAgICBtZXRob2Q6ICdHRVQnLFxuICAgICAgICB1cmw6ICcvMS9wbGFjZXMvcmV2ZXJzZT8nICsgZW5jb2RlZCxcbiAgICAgICAgaG9zdFR5cGU6ICdyZWFkJyxcbiAgICAgICAgY2FsbGJhY2s6IGNhbGxiYWNrXG4gICAgICB9KTtcbiAgICB9O1xuXG4gICAgaW5kZXguZ2V0T2JqZWN0ID0gZnVuY3Rpb24ob2JqZWN0SUQsIGNhbGxiYWNrKSB7XG4gICAgICByZXR1cm4gdGhpcy5hcy5fanNvblJlcXVlc3Qoe1xuICAgICAgICBtZXRob2Q6ICdHRVQnLFxuICAgICAgICB1cmw6ICcvMS9wbGFjZXMvJyArIGVuY29kZVVSSUNvbXBvbmVudChvYmplY3RJRCksXG4gICAgICAgIGhvc3RUeXBlOiAncmVhZCcsXG4gICAgICAgIGNhbGxiYWNrOiBjYWxsYmFja1xuICAgICAgfSk7XG4gICAgfTtcbiAgICByZXR1cm4gaW5kZXg7XG4gIH07XG59XG4iLCJ2YXIgZGVidWcgPSByZXF1aXJlKCdkZWJ1ZycpKCdhbGdvbGlhc2VhcmNoOnNyYy9ob3N0SW5kZXhTdGF0ZS5qcycpO1xudmFyIGxvY2FsU3RvcmFnZU5hbWVzcGFjZSA9ICdhbGdvbGlhc2VhcmNoLWNsaWVudC1qcyc7XG5cbnZhciBzdG9yZTtcbnZhciBtb2R1bGVTdG9yZSA9IHtcbiAgc3RhdGU6IHt9LFxuICBzZXQ6IGZ1bmN0aW9uKGtleSwgZGF0YSkge1xuICAgIHRoaXMuc3RhdGVba2V5XSA9IGRhdGE7XG4gICAgcmV0dXJuIHRoaXMuc3RhdGVba2V5XTtcbiAgfSxcbiAgZ2V0OiBmdW5jdGlvbihrZXkpIHtcbiAgICByZXR1cm4gdGhpcy5zdGF0ZVtrZXldIHx8IG51bGw7XG4gIH1cbn07XG5cbnZhciBsb2NhbFN0b3JhZ2VTdG9yZSA9IHtcbiAgc2V0OiBmdW5jdGlvbihrZXksIGRhdGEpIHtcbiAgICBtb2R1bGVTdG9yZS5zZXQoa2V5LCBkYXRhKTsgLy8gYWx3YXlzIHJlcGxpY2F0ZSBsb2NhbFN0b3JhZ2VTdG9yZSB0byBtb2R1bGVTdG9yZSBpbiBjYXNlIG9mIGZhaWx1cmVcblxuICAgIHRyeSB7XG4gICAgICB2YXIgbmFtZXNwYWNlID0gSlNPTi5wYXJzZShnbG9iYWwubG9jYWxTdG9yYWdlW2xvY2FsU3RvcmFnZU5hbWVzcGFjZV0pO1xuICAgICAgbmFtZXNwYWNlW2tleV0gPSBkYXRhO1xuICAgICAgZ2xvYmFsLmxvY2FsU3RvcmFnZVtsb2NhbFN0b3JhZ2VOYW1lc3BhY2VdID0gSlNPTi5zdHJpbmdpZnkobmFtZXNwYWNlKTtcbiAgICAgIHJldHVybiBuYW1lc3BhY2Vba2V5XTtcbiAgICB9IGNhdGNoIChlKSB7XG4gICAgICByZXR1cm4gbG9jYWxTdG9yYWdlRmFpbHVyZShrZXksIGUpO1xuICAgIH1cbiAgfSxcbiAgZ2V0OiBmdW5jdGlvbihrZXkpIHtcbiAgICB0cnkge1xuICAgICAgcmV0dXJuIEpTT04ucGFyc2UoZ2xvYmFsLmxvY2FsU3RvcmFnZVtsb2NhbFN0b3JhZ2VOYW1lc3BhY2VdKVtrZXldIHx8IG51bGw7XG4gICAgfSBjYXRjaCAoZSkge1xuICAgICAgcmV0dXJuIGxvY2FsU3RvcmFnZUZhaWx1cmUoa2V5LCBlKTtcbiAgICB9XG4gIH1cbn07XG5cbmZ1bmN0aW9uIGxvY2FsU3RvcmFnZUZhaWx1cmUoa2V5LCBlKSB7XG4gIGRlYnVnKCdsb2NhbFN0b3JhZ2UgZmFpbGVkIHdpdGgnLCBlKTtcbiAgY2xlYW51cCgpO1xuICBzdG9yZSA9IG1vZHVsZVN0b3JlO1xuICByZXR1cm4gc3RvcmUuZ2V0KGtleSk7XG59XG5cbnN0b3JlID0gc3VwcG9ydHNMb2NhbFN0b3JhZ2UoKSA/IGxvY2FsU3RvcmFnZVN0b3JlIDogbW9kdWxlU3RvcmU7XG5cbm1vZHVsZS5leHBvcnRzID0ge1xuICBnZXQ6IGdldE9yU2V0LFxuICBzZXQ6IGdldE9yU2V0LFxuICBzdXBwb3J0c0xvY2FsU3RvcmFnZTogc3VwcG9ydHNMb2NhbFN0b3JhZ2Vcbn07XG5cbmZ1bmN0aW9uIGdldE9yU2V0KGtleSwgZGF0YSkge1xuICBpZiAoYXJndW1lbnRzLmxlbmd0aCA9PT0gMSkge1xuICAgIHJldHVybiBzdG9yZS5nZXQoa2V5KTtcbiAgfVxuXG4gIHJldHVybiBzdG9yZS5zZXQoa2V5LCBkYXRhKTtcbn1cblxuZnVuY3Rpb24gc3VwcG9ydHNMb2NhbFN0b3JhZ2UoKSB7XG4gIHRyeSB7XG4gICAgaWYgKCdsb2NhbFN0b3JhZ2UnIGluIGdsb2JhbCAmJlxuICAgICAgZ2xvYmFsLmxvY2FsU3RvcmFnZSAhPT0gbnVsbCkge1xuICAgICAgaWYgKCFnbG9iYWwubG9jYWxTdG9yYWdlW2xvY2FsU3RvcmFnZU5hbWVzcGFjZV0pIHtcbiAgICAgICAgLy8gYWN0dWFsIGNyZWF0aW9uIG9mIHRoZSBuYW1lc3BhY2VcbiAgICAgICAgZ2xvYmFsLmxvY2FsU3RvcmFnZS5zZXRJdGVtKGxvY2FsU3RvcmFnZU5hbWVzcGFjZSwgSlNPTi5zdHJpbmdpZnkoe30pKTtcbiAgICAgIH1cbiAgICAgIHJldHVybiB0cnVlO1xuICAgIH1cblxuICAgIHJldHVybiBmYWxzZTtcbiAgfSBjYXRjaCAoXykge1xuICAgIHJldHVybiBmYWxzZTtcbiAgfVxufVxuXG4vLyBJbiBjYXNlIG9mIGFueSBlcnJvciBvbiBsb2NhbFN0b3JhZ2UsIHdlIGNsZWFuIG91ciBvd24gbmFtZXNwYWNlLCB0aGlzIHNob3VsZCBoYW5kbGVcbi8vIHF1b3RhIGVycm9ycyB3aGVuIGEgbG90IG9mIGtleXMgKyBkYXRhIGFyZSB1c2VkXG5mdW5jdGlvbiBjbGVhbnVwKCkge1xuICB0cnkge1xuICAgIGdsb2JhbC5sb2NhbFN0b3JhZ2UucmVtb3ZlSXRlbShsb2NhbFN0b3JhZ2VOYW1lc3BhY2UpO1xuICB9IGNhdGNoIChfKSB7XG4gICAgLy8gbm90aGluZyB0byBkb1xuICB9XG59XG4iLCIndXNlIHN0cmljdCc7XG5cbm1vZHVsZS5leHBvcnRzID0gJzMuMzUuMSc7XG4iLCIndXNlIHN0cmljdCc7XG5cbm1vZHVsZS5leHBvcnRzID0gcmVxdWlyZSgnLi9zcmMvc3RhbmRhbG9uZS8nKTtcbiIsIid1c2Ugc3RyaWN0JztcblxudmFyIF8gPSByZXF1aXJlKCcuLi9jb21tb24vdXRpbHMuanMnKTtcblxudmFyIGNzcyA9IHtcbiAgd3JhcHBlcjoge1xuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snXG4gIH0sXG4gIGhpbnQ6IHtcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICB0b3A6ICcwJyxcbiAgICBsZWZ0OiAnMCcsXG4gICAgYm9yZGVyQ29sb3I6ICd0cmFuc3BhcmVudCcsXG4gICAgYm94U2hhZG93OiAnbm9uZScsXG4gICAgLy8gIzc0MTogZml4IGhpbnQgb3BhY2l0eSBpc3N1ZSBvbiBpT1NcbiAgICBvcGFjaXR5OiAnMSdcbiAgfSxcbiAgaW5wdXQ6IHtcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICB2ZXJ0aWNhbEFsaWduOiAndG9wJyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6ICd0cmFuc3BhcmVudCdcbiAgfSxcbiAgaW5wdXRXaXRoTm9IaW50OiB7XG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgdmVydGljYWxBbGlnbjogJ3RvcCdcbiAgfSxcbiAgZHJvcGRvd246IHtcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICB0b3A6ICcxMDAlJyxcbiAgICBsZWZ0OiAnMCcsXG4gICAgekluZGV4OiAnMTAwJyxcbiAgICBkaXNwbGF5OiAnbm9uZSdcbiAgfSxcbiAgc3VnZ2VzdGlvbnM6IHtcbiAgICBkaXNwbGF5OiAnYmxvY2snXG4gIH0sXG4gIHN1Z2dlc3Rpb246IHtcbiAgICB3aGl0ZVNwYWNlOiAnbm93cmFwJyxcbiAgICBjdXJzb3I6ICdwb2ludGVyJ1xuICB9LFxuICBzdWdnZXN0aW9uQ2hpbGQ6IHtcbiAgICB3aGl0ZVNwYWNlOiAnbm9ybWFsJ1xuICB9LFxuICBsdHI6IHtcbiAgICBsZWZ0OiAnMCcsXG4gICAgcmlnaHQ6ICdhdXRvJ1xuICB9LFxuICBydGw6IHtcbiAgICBsZWZ0OiAnYXV0bycsXG4gICAgcmlnaHQ6ICcwJ1xuICB9LFxuICBkZWZhdWx0Q2xhc3Nlczoge1xuICAgIHJvb3Q6ICdhbGdvbGlhLWF1dG9jb21wbGV0ZScsXG4gICAgcHJlZml4OiAnYWEnLFxuICAgIG5vUHJlZml4OiBmYWxzZSxcbiAgICBkcm9wZG93bk1lbnU6ICdkcm9wZG93bi1tZW51JyxcbiAgICBpbnB1dDogJ2lucHV0JyxcbiAgICBoaW50OiAnaGludCcsXG4gICAgc3VnZ2VzdGlvbnM6ICdzdWdnZXN0aW9ucycsXG4gICAgc3VnZ2VzdGlvbjogJ3N1Z2dlc3Rpb24nLFxuICAgIGN1cnNvcjogJ2N1cnNvcicsXG4gICAgZGF0YXNldDogJ2RhdGFzZXQnLFxuICAgIGVtcHR5OiAnZW1wdHknXG4gIH0sXG4gIC8vIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgb25lcyBpZiBhcHBlbmRUbyBpcyB1c2VkXG4gIGFwcGVuZFRvOiB7XG4gICAgd3JhcHBlcjoge1xuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICB6SW5kZXg6ICcxMDAnLFxuICAgICAgZGlzcGxheTogJ25vbmUnXG4gICAgfSxcbiAgICBpbnB1dDoge30sXG4gICAgaW5wdXRXaXRoTm9IaW50OiB7fSxcbiAgICBkcm9wZG93bjoge1xuICAgICAgZGlzcGxheTogJ2Jsb2NrJ1xuICAgIH1cbiAgfVxufTtcblxuLy8gaWUgc3BlY2lmaWMgc3R5bGluZ1xuaWYgKF8uaXNNc2llKCkpIHtcbiAgLy8gaWU2LTggKGFuZCA5PykgZG9lc24ndCBmaXJlIGhvdmVyIGFuZCBjbGljayBldmVudHMgZm9yIGVsZW1lbnRzIHdpdGhcbiAgLy8gdHJhbnNwYXJlbnQgYmFja2dyb3VuZHMsIGZvciBhIHdvcmthcm91bmQsIHVzZSAxeDEgdHJhbnNwYXJlbnQgZ2lmXG4gIF8ubWl4aW4oY3NzLmlucHV0LCB7XG4gICAgYmFja2dyb3VuZEltYWdlOiAndXJsKGRhdGE6aW1hZ2UvZ2lmO2Jhc2U2NCxSMGxHT0RsaEFRQUJBSUFBQUFBQUFQLy8veUg1QkFFQUFBQUFMQUFBQUFBQkFBRUFBQUlCUkFBNyknXG4gIH0pO1xufVxuXG4vLyBpZTcgYW5kIHVuZGVyIHNwZWNpZmljIHN0eWxpbmdcbmlmIChfLmlzTXNpZSgpICYmIF8uaXNNc2llKCkgPD0gNykge1xuICAvLyBpZiBzb21lb25lIGNhbiB0ZWxsIG1lIHdoeSB0aGlzIGlzIG5lY2Vzc2FyeSB0byBhbGlnblxuICAvLyB0aGUgaGludCB3aXRoIHRoZSBxdWVyeSBpbiBpZTcsIGknbGwgc2VuZCB5b3UgJDUgLSBASmFrZUhhcmRpbmdcbiAgXy5taXhpbihjc3MuaW5wdXQsIHttYXJnaW5Ub3A6ICctMXB4J30pO1xufVxuXG5tb2R1bGUuZXhwb3J0cyA9IGNzcztcbiIsIid1c2Ugc3RyaWN0JztcblxudmFyIGRhdGFzZXRLZXkgPSAnYWFEYXRhc2V0JztcbnZhciB2YWx1ZUtleSA9ICdhYVZhbHVlJztcbnZhciBkYXR1bUtleSA9ICdhYURhdHVtJztcblxudmFyIF8gPSByZXF1aXJlKCcuLi9jb21tb24vdXRpbHMuanMnKTtcbnZhciBET00gPSByZXF1aXJlKCcuLi9jb21tb24vZG9tLmpzJyk7XG52YXIgaHRtbCA9IHJlcXVpcmUoJy4vaHRtbC5qcycpO1xudmFyIGNzcyA9IHJlcXVpcmUoJy4vY3NzLmpzJyk7XG52YXIgRXZlbnRFbWl0dGVyID0gcmVxdWlyZSgnLi9ldmVudF9lbWl0dGVyLmpzJyk7XG5cbi8vIGNvbnN0cnVjdG9yXG4vLyAtLS0tLS0tLS0tLVxuXG5mdW5jdGlvbiBEYXRhc2V0KG8pIHtcbiAgbyA9IG8gfHwge307XG4gIG8udGVtcGxhdGVzID0gby50ZW1wbGF0ZXMgfHwge307XG5cbiAgaWYgKCFvLnNvdXJjZSkge1xuICAgIF8uZXJyb3IoJ21pc3Npbmcgc291cmNlJyk7XG4gIH1cblxuICBpZiAoby5uYW1lICYmICFpc1ZhbGlkTmFtZShvLm5hbWUpKSB7XG4gICAgXy5lcnJvcignaW52YWxpZCBkYXRhc2V0IG5hbWU6ICcgKyBvLm5hbWUpO1xuICB9XG5cbiAgLy8gdHJhY2tzIHRoZSBsYXN0IHF1ZXJ5IHRoZSBkYXRhc2V0IHdhcyB1cGRhdGVkIGZvclxuICB0aGlzLnF1ZXJ5ID0gbnVsbDtcbiAgdGhpcy5faXNFbXB0eSA9IHRydWU7XG5cbiAgdGhpcy5oaWdobGlnaHQgPSAhIW8uaGlnaGxpZ2h0O1xuICB0aGlzLm5hbWUgPSB0eXBlb2Ygby5uYW1lID09PSAndW5kZWZpbmVkJyB8fCBvLm5hbWUgPT09IG51bGwgPyBfLmdldFVuaXF1ZUlkKCkgOiBvLm5hbWU7XG5cbiAgdGhpcy5zb3VyY2UgPSBvLnNvdXJjZTtcbiAgdGhpcy5kaXNwbGF5Rm4gPSBnZXREaXNwbGF5Rm4oby5kaXNwbGF5IHx8IG8uZGlzcGxheUtleSk7XG5cbiAgdGhpcy5kZWJvdW5jZSA9IG8uZGVib3VuY2U7XG5cbiAgdGhpcy5jYWNoZSA9IG8uY2FjaGUgIT09IGZhbHNlO1xuXG4gIHRoaXMudGVtcGxhdGVzID0gZ2V0VGVtcGxhdGVzKG8udGVtcGxhdGVzLCB0aGlzLmRpc3BsYXlGbik7XG5cbiAgdGhpcy5jc3MgPSBfLm1peGluKHt9LCBjc3MsIG8uYXBwZW5kVG8gPyBjc3MuYXBwZW5kVG8gOiB7fSk7XG4gIHRoaXMuY3NzQ2xhc3NlcyA9IG8uY3NzQ2xhc3NlcyA9IF8ubWl4aW4oe30sIGNzcy5kZWZhdWx0Q2xhc3Nlcywgby5jc3NDbGFzc2VzIHx8IHt9KTtcbiAgdGhpcy5jc3NDbGFzc2VzLnByZWZpeCA9XG4gICAgby5jc3NDbGFzc2VzLmZvcm1hdHRlZFByZWZpeCB8fCBfLmZvcm1hdFByZWZpeCh0aGlzLmNzc0NsYXNzZXMucHJlZml4LCB0aGlzLmNzc0NsYXNzZXMubm9QcmVmaXgpO1xuXG4gIHZhciBjbGF6eiA9IF8uY2xhc3NOYW1lKHRoaXMuY3NzQ2xhc3Nlcy5wcmVmaXgsIHRoaXMuY3NzQ2xhc3Nlcy5kYXRhc2V0KTtcbiAgdGhpcy4kZWwgPSBvLiRtZW51ICYmIG8uJG1lbnUuZmluZChjbGF6eiArICctJyArIHRoaXMubmFtZSkubGVuZ3RoID4gMCA/XG4gICAgRE9NLmVsZW1lbnQoby4kbWVudS5maW5kKGNsYXp6ICsgJy0nICsgdGhpcy5uYW1lKVswXSkgOlxuICAgIERPTS5lbGVtZW50KFxuICAgICAgaHRtbC5kYXRhc2V0LnJlcGxhY2UoJyVDTEFTUyUnLCB0aGlzLm5hbWUpXG4gICAgICAgIC5yZXBsYWNlKCclUFJFRklYJScsIHRoaXMuY3NzQ2xhc3Nlcy5wcmVmaXgpXG4gICAgICAgIC5yZXBsYWNlKCclREFUQVNFVCUnLCB0aGlzLmNzc0NsYXNzZXMuZGF0YXNldClcbiAgICApO1xuXG4gIHRoaXMuJG1lbnUgPSBvLiRtZW51O1xuICB0aGlzLmNsZWFyQ2FjaGVkU3VnZ2VzdGlvbnMoKTtcbn1cblxuLy8gc3RhdGljIG1ldGhvZHNcbi8vIC0tLS0tLS0tLS0tLS0tXG5cbkRhdGFzZXQuZXh0cmFjdERhdGFzZXROYW1lID0gZnVuY3Rpb24gZXh0cmFjdERhdGFzZXROYW1lKGVsKSB7XG4gIHJldHVybiBET00uZWxlbWVudChlbCkuZGF0YShkYXRhc2V0S2V5KTtcbn07XG5cbkRhdGFzZXQuZXh0cmFjdFZhbHVlID0gZnVuY3Rpb24gZXh0cmFjdFZhbHVlKGVsKSB7XG4gIHJldHVybiBET00uZWxlbWVudChlbCkuZGF0YSh2YWx1ZUtleSk7XG59O1xuXG5EYXRhc2V0LmV4dHJhY3REYXR1bSA9IGZ1bmN0aW9uIGV4dHJhY3REYXR1bShlbCkge1xuICB2YXIgZGF0dW0gPSBET00uZWxlbWVudChlbCkuZGF0YShkYXR1bUtleSk7XG4gIGlmICh0eXBlb2YgZGF0dW0gPT09ICdzdHJpbmcnKSB7XG4gICAgLy8gWmVwdG8gaGFzIGFuIGF1dG9tYXRpYyBkZXNlcmlhbGl6YXRpb24gb2YgdGhlXG4gICAgLy8gSlNPTiBlbmNvZGVkIGRhdGEgYXR0cmlidXRlXG4gICAgZGF0dW0gPSBKU09OLnBhcnNlKGRhdHVtKTtcbiAgfVxuICByZXR1cm4gZGF0dW07XG59O1xuXG4vLyBpbnN0YW5jZSBtZXRob2RzXG4vLyAtLS0tLS0tLS0tLS0tLS0tXG5cbl8ubWl4aW4oRGF0YXNldC5wcm90b3R5cGUsIEV2ZW50RW1pdHRlciwge1xuXG4gIC8vICMjIyBwcml2YXRlXG5cbiAgX3JlbmRlcjogZnVuY3Rpb24gcmVuZGVyKHF1ZXJ5LCBzdWdnZXN0aW9ucykge1xuICAgIGlmICghdGhpcy4kZWwpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdmFyIHRoYXQgPSB0aGlzO1xuXG4gICAgdmFyIGhhc1N1Z2dlc3Rpb25zO1xuICAgIHZhciByZW5kZXJBcmdzID0gW10uc2xpY2UuY2FsbChhcmd1bWVudHMsIDIpO1xuICAgIHRoaXMuJGVsLmVtcHR5KCk7XG5cbiAgICBoYXNTdWdnZXN0aW9ucyA9IHN1Z2dlc3Rpb25zICYmIHN1Z2dlc3Rpb25zLmxlbmd0aDtcbiAgICB0aGlzLl9pc0VtcHR5ID0gIWhhc1N1Z2dlc3Rpb25zO1xuXG4gICAgaWYgKCFoYXNTdWdnZXN0aW9ucyAmJiB0aGlzLnRlbXBsYXRlcy5lbXB0eSkge1xuICAgICAgdGhpcy4kZWxcbiAgICAgICAgLmh0bWwoZ2V0RW1wdHlIdG1sLmFwcGx5KHRoaXMsIHJlbmRlckFyZ3MpKVxuICAgICAgICAucHJlcGVuZCh0aGF0LnRlbXBsYXRlcy5oZWFkZXIgPyBnZXRIZWFkZXJIdG1sLmFwcGx5KHRoaXMsIHJlbmRlckFyZ3MpIDogbnVsbClcbiAgICAgICAgLmFwcGVuZCh0aGF0LnRlbXBsYXRlcy5mb290ZXIgPyBnZXRGb290ZXJIdG1sLmFwcGx5KHRoaXMsIHJlbmRlckFyZ3MpIDogbnVsbCk7XG4gICAgfSBlbHNlIGlmIChoYXNTdWdnZXN0aW9ucykge1xuICAgICAgdGhpcy4kZWxcbiAgICAgICAgLmh0bWwoZ2V0U3VnZ2VzdGlvbnNIdG1sLmFwcGx5KHRoaXMsIHJlbmRlckFyZ3MpKVxuICAgICAgICAucHJlcGVuZCh0aGF0LnRlbXBsYXRlcy5oZWFkZXIgPyBnZXRIZWFkZXJIdG1sLmFwcGx5KHRoaXMsIHJlbmRlckFyZ3MpIDogbnVsbClcbiAgICAgICAgLmFwcGVuZCh0aGF0LnRlbXBsYXRlcy5mb290ZXIgPyBnZXRGb290ZXJIdG1sLmFwcGx5KHRoaXMsIHJlbmRlckFyZ3MpIDogbnVsbCk7XG4gICAgfSBlbHNlIGlmIChzdWdnZXN0aW9ucyAmJiAhQXJyYXkuaXNBcnJheShzdWdnZXN0aW9ucykpIHtcbiAgICAgIHRocm93IG5ldyBUeXBlRXJyb3IoJ3N1Z2dlc3Rpb25zIG11c3QgYmUgYW4gYXJyYXknKTtcbiAgICB9XG5cbiAgICBpZiAodGhpcy4kbWVudSkge1xuICAgICAgdGhpcy4kbWVudS5hZGRDbGFzcyhcbiAgICAgICAgdGhpcy5jc3NDbGFzc2VzLnByZWZpeCArIChoYXNTdWdnZXN0aW9ucyA/ICd3aXRoJyA6ICd3aXRob3V0JykgKyAnLScgKyB0aGlzLm5hbWVcbiAgICAgICkucmVtb3ZlQ2xhc3MoXG4gICAgICAgIHRoaXMuY3NzQ2xhc3Nlcy5wcmVmaXggKyAoaGFzU3VnZ2VzdGlvbnMgPyAnd2l0aG91dCcgOiAnd2l0aCcpICsgJy0nICsgdGhpcy5uYW1lXG4gICAgICApO1xuICAgIH1cblxuICAgIHRoaXMudHJpZ2dlcigncmVuZGVyZWQnLCBxdWVyeSk7XG5cbiAgICBmdW5jdGlvbiBnZXRFbXB0eUh0bWwoKSB7XG4gICAgICB2YXIgYXJncyA9IFtdLnNsaWNlLmNhbGwoYXJndW1lbnRzLCAwKTtcbiAgICAgIGFyZ3MgPSBbe3F1ZXJ5OiBxdWVyeSwgaXNFbXB0eTogdHJ1ZX1dLmNvbmNhdChhcmdzKTtcbiAgICAgIHJldHVybiB0aGF0LnRlbXBsYXRlcy5lbXB0eS5hcHBseSh0aGlzLCBhcmdzKTtcbiAgICB9XG5cbiAgICBmdW5jdGlvbiBnZXRTdWdnZXN0aW9uc0h0bWwoKSB7XG4gICAgICB2YXIgYXJncyA9IFtdLnNsaWNlLmNhbGwoYXJndW1lbnRzLCAwKTtcbiAgICAgIHZhciAkc3VnZ2VzdGlvbnM7XG4gICAgICB2YXIgbm9kZXM7XG4gICAgICB2YXIgc2VsZiA9IHRoaXM7XG5cbiAgICAgIHZhciBzdWdnZXN0aW9uc0h0bWwgPSBodG1sLnN1Z2dlc3Rpb25zLlxuICAgICAgICByZXBsYWNlKCclUFJFRklYJScsIHRoaXMuY3NzQ2xhc3Nlcy5wcmVmaXgpLlxuICAgICAgICByZXBsYWNlKCclU1VHR0VTVElPTlMlJywgdGhpcy5jc3NDbGFzc2VzLnN1Z2dlc3Rpb25zKTtcbiAgICAgICRzdWdnZXN0aW9ucyA9IERPTVxuICAgICAgICAuZWxlbWVudChzdWdnZXN0aW9uc0h0bWwpXG4gICAgICAgIC5jc3ModGhpcy5jc3Muc3VnZ2VzdGlvbnMpO1xuXG4gICAgICAvLyBqUXVlcnkjYXBwZW5kIGRvZXNuJ3Qgc3VwcG9ydCBhcnJheXMgYXMgdGhlIGZpcnN0IGFyZ3VtZW50XG4gICAgICAvLyB1bnRpbCB2ZXJzaW9uIDEuOCwgc2VlIGh0dHA6Ly9idWdzLmpxdWVyeS5jb20vdGlja2V0LzExMjMxXG4gICAgICBub2RlcyA9IF8ubWFwKHN1Z2dlc3Rpb25zLCBnZXRTdWdnZXN0aW9uTm9kZSk7XG4gICAgICAkc3VnZ2VzdGlvbnMuYXBwZW5kLmFwcGx5KCRzdWdnZXN0aW9ucywgbm9kZXMpO1xuXG4gICAgICByZXR1cm4gJHN1Z2dlc3Rpb25zO1xuXG4gICAgICBmdW5jdGlvbiBnZXRTdWdnZXN0aW9uTm9kZShzdWdnZXN0aW9uKSB7XG4gICAgICAgIHZhciAkZWw7XG5cbiAgICAgICAgdmFyIHN1Z2dlc3Rpb25IdG1sID0gaHRtbC5zdWdnZXN0aW9uLlxuICAgICAgICAgIHJlcGxhY2UoJyVQUkVGSVglJywgc2VsZi5jc3NDbGFzc2VzLnByZWZpeCkuXG4gICAgICAgICAgcmVwbGFjZSgnJVNVR0dFU1RJT04lJywgc2VsZi5jc3NDbGFzc2VzLnN1Z2dlc3Rpb24pO1xuICAgICAgICAkZWwgPSBET00uZWxlbWVudChzdWdnZXN0aW9uSHRtbClcbiAgICAgICAgICAuYXR0cih7XG4gICAgICAgICAgICByb2xlOiAnb3B0aW9uJyxcbiAgICAgICAgICAgIGlkOiBbJ29wdGlvbicsIE1hdGguZmxvb3IoTWF0aC5yYW5kb20oKSAqIDEwMDAwMDAwMCldLmpvaW4oJy0nKVxuICAgICAgICAgIH0pXG4gICAgICAgICAgLmFwcGVuZCh0aGF0LnRlbXBsYXRlcy5zdWdnZXN0aW9uLmFwcGx5KHRoaXMsIFtzdWdnZXN0aW9uXS5jb25jYXQoYXJncykpKTtcblxuICAgICAgICAkZWwuZGF0YShkYXRhc2V0S2V5LCB0aGF0Lm5hbWUpO1xuICAgICAgICAkZWwuZGF0YSh2YWx1ZUtleSwgdGhhdC5kaXNwbGF5Rm4oc3VnZ2VzdGlvbikgfHwgdW5kZWZpbmVkKTsgLy8gdGhpcyBsZWQgdG8gdW5kZWZpbmVkIHJldHVybiB2YWx1ZVxuICAgICAgICAkZWwuZGF0YShkYXR1bUtleSwgSlNPTi5zdHJpbmdpZnkoc3VnZ2VzdGlvbikpO1xuICAgICAgICAkZWwuY2hpbGRyZW4oKS5lYWNoKGZ1bmN0aW9uKCkgeyBET00uZWxlbWVudCh0aGlzKS5jc3Moc2VsZi5jc3Muc3VnZ2VzdGlvbkNoaWxkKTsgfSk7XG5cbiAgICAgICAgcmV0dXJuICRlbDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBmdW5jdGlvbiBnZXRIZWFkZXJIdG1sKCkge1xuICAgICAgdmFyIGFyZ3MgPSBbXS5zbGljZS5jYWxsKGFyZ3VtZW50cywgMCk7XG4gICAgICBhcmdzID0gW3txdWVyeTogcXVlcnksIGlzRW1wdHk6ICFoYXNTdWdnZXN0aW9uc31dLmNvbmNhdChhcmdzKTtcbiAgICAgIHJldHVybiB0aGF0LnRlbXBsYXRlcy5oZWFkZXIuYXBwbHkodGhpcywgYXJncyk7XG4gICAgfVxuXG4gICAgZnVuY3Rpb24gZ2V0Rm9vdGVySHRtbCgpIHtcbiAgICAgIHZhciBhcmdzID0gW10uc2xpY2UuY2FsbChhcmd1bWVudHMsIDApO1xuICAgICAgYXJncyA9IFt7cXVlcnk6IHF1ZXJ5LCBpc0VtcHR5OiAhaGFzU3VnZ2VzdGlvbnN9XS5jb25jYXQoYXJncyk7XG4gICAgICByZXR1cm4gdGhhdC50ZW1wbGF0ZXMuZm9vdGVyLmFwcGx5KHRoaXMsIGFyZ3MpO1xuICAgIH1cbiAgfSxcblxuICAvLyAjIyMgcHVibGljXG5cbiAgZ2V0Um9vdDogZnVuY3Rpb24gZ2V0Um9vdCgpIHtcbiAgICByZXR1cm4gdGhpcy4kZWw7XG4gIH0sXG5cbiAgdXBkYXRlOiBmdW5jdGlvbiB1cGRhdGUocXVlcnkpIHtcbiAgICBmdW5jdGlvbiBoYW5kbGVTdWdnZXN0aW9ucyhzdWdnZXN0aW9ucykge1xuICAgICAgLy8gaWYgdGhlIHVwZGF0ZSBoYXMgYmVlbiBjYW5jZWxlZCBvciBpZiB0aGUgcXVlcnkgaGFzIGNoYW5nZWRcbiAgICAgIC8vIGRvIG5vdCByZW5kZXIgdGhlIHN1Z2dlc3Rpb25zIGFzIHRoZXkndmUgYmVjb21lIG91dGRhdGVkXG4gICAgICBpZiAoIXRoaXMuY2FuY2VsZWQgJiYgcXVlcnkgPT09IHRoaXMucXVlcnkpIHtcbiAgICAgICAgLy8gY29uY2F0IGFsbCB0aGUgb3RoZXIgYXJndW1lbnRzIHRoYXQgY291bGQgaGF2ZSBiZWVuIHBhc3NlZFxuICAgICAgICAvLyB0byB0aGUgcmVuZGVyIGZ1bmN0aW9uLCBhbmQgZm9yd2FyZCB0aGVtIHRvIF9yZW5kZXJcbiAgICAgICAgdmFyIGV4dHJhQXJncyA9IFtdLnNsaWNlLmNhbGwoYXJndW1lbnRzLCAxKTtcbiAgICAgICAgdGhpcy5jYWNoZVN1Z2dlc3Rpb25zKHF1ZXJ5LCBzdWdnZXN0aW9ucywgZXh0cmFBcmdzKTtcbiAgICAgICAgdGhpcy5fcmVuZGVyLmFwcGx5KHRoaXMsIFtxdWVyeSwgc3VnZ2VzdGlvbnNdLmNvbmNhdChleHRyYUFyZ3MpKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICB0aGlzLnF1ZXJ5ID0gcXVlcnk7XG4gICAgdGhpcy5jYW5jZWxlZCA9IGZhbHNlO1xuXG4gICAgaWYgKHRoaXMuc2hvdWxkRmV0Y2hGcm9tQ2FjaGUocXVlcnkpKSB7XG4gICAgICBoYW5kbGVTdWdnZXN0aW9ucy5hcHBseSh0aGlzLCBbdGhpcy5jYWNoZWRTdWdnZXN0aW9uc10uY29uY2F0KHRoaXMuY2FjaGVkUmVuZGVyRXh0cmFBcmdzKSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHZhciB0aGF0ID0gdGhpcztcbiAgICAgIHZhciBleGVjU291cmNlID0gZnVuY3Rpb24oKSB7XG4gICAgICAgIC8vIFdoZW4gdGhlIGNhbGwgaXMgZGVib3VuY2VkIHRoZSBjb25kaXRpb24gYXZvaWQgdG8gZG8gYSB1c2VsZXNzXG4gICAgICAgIC8vIHJlcXVlc3Qgd2l0aCB0aGUgbGFzdCBjaGFyYWN0ZXIgd2hlbiB0aGUgaW5wdXQgaGFzIGJlZW4gY2xlYXJlZFxuICAgICAgICBpZiAoIXRoYXQuY2FuY2VsZWQpIHtcbiAgICAgICAgICB0aGF0LnNvdXJjZShxdWVyeSwgaGFuZGxlU3VnZ2VzdGlvbnMuYmluZCh0aGF0KSk7XG4gICAgICAgIH1cbiAgICAgIH07XG5cbiAgICAgIGlmICh0aGlzLmRlYm91bmNlKSB7XG4gICAgICAgIHZhciBsYXRlciA9IGZ1bmN0aW9uKCkge1xuICAgICAgICAgIHRoYXQuZGVib3VuY2VUaW1lb3V0ID0gbnVsbDtcbiAgICAgICAgICBleGVjU291cmNlKCk7XG4gICAgICAgIH07XG4gICAgICAgIGNsZWFyVGltZW91dCh0aGlzLmRlYm91bmNlVGltZW91dCk7XG4gICAgICAgIHRoaXMuZGVib3VuY2VUaW1lb3V0ID0gc2V0VGltZW91dChsYXRlciwgdGhpcy5kZWJvdW5jZSk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBleGVjU291cmNlKCk7XG4gICAgICB9XG4gICAgfVxuICB9LFxuXG4gIGNhY2hlU3VnZ2VzdGlvbnM6IGZ1bmN0aW9uIGNhY2hlU3VnZ2VzdGlvbnMocXVlcnksIHN1Z2dlc3Rpb25zLCBleHRyYUFyZ3MpIHtcbiAgICB0aGlzLmNhY2hlZFF1ZXJ5ID0gcXVlcnk7XG4gICAgdGhpcy5jYWNoZWRTdWdnZXN0aW9ucyA9IHN1Z2dlc3Rpb25zO1xuICAgIHRoaXMuY2FjaGVkUmVuZGVyRXh0cmFBcmdzID0gZXh0cmFBcmdzO1xuICB9LFxuXG4gIHNob3VsZEZldGNoRnJvbUNhY2hlOiBmdW5jdGlvbiBzaG91bGRGZXRjaEZyb21DYWNoZShxdWVyeSkge1xuICAgIHJldHVybiB0aGlzLmNhY2hlICYmXG4gICAgICB0aGlzLmNhY2hlZFF1ZXJ5ID09PSBxdWVyeSAmJlxuICAgICAgdGhpcy5jYWNoZWRTdWdnZXN0aW9ucyAmJlxuICAgICAgdGhpcy5jYWNoZWRTdWdnZXN0aW9ucy5sZW5ndGg7XG4gIH0sXG5cbiAgY2xlYXJDYWNoZWRTdWdnZXN0aW9uczogZnVuY3Rpb24gY2xlYXJDYWNoZWRTdWdnZXN0aW9ucygpIHtcbiAgICBkZWxldGUgdGhpcy5jYWNoZWRRdWVyeTtcbiAgICBkZWxldGUgdGhpcy5jYWNoZWRTdWdnZXN0aW9ucztcbiAgICBkZWxldGUgdGhpcy5jYWNoZWRSZW5kZXJFeHRyYUFyZ3M7XG4gIH0sXG5cbiAgY2FuY2VsOiBmdW5jdGlvbiBjYW5jZWwoKSB7XG4gICAgdGhpcy5jYW5jZWxlZCA9IHRydWU7XG4gIH0sXG5cbiAgY2xlYXI6IGZ1bmN0aW9uIGNsZWFyKCkge1xuICAgIHRoaXMuY2FuY2VsKCk7XG4gICAgdGhpcy4kZWwuZW1wdHkoKTtcbiAgICB0aGlzLnRyaWdnZXIoJ3JlbmRlcmVkJywgJycpO1xuICB9LFxuXG4gIGlzRW1wdHk6IGZ1bmN0aW9uIGlzRW1wdHkoKSB7XG4gICAgcmV0dXJuIHRoaXMuX2lzRW1wdHk7XG4gIH0sXG5cbiAgZGVzdHJveTogZnVuY3Rpb24gZGVzdHJveSgpIHtcbiAgICB0aGlzLmNsZWFyQ2FjaGVkU3VnZ2VzdGlvbnMoKTtcbiAgICB0aGlzLiRlbCA9IG51bGw7XG4gIH1cbn0pO1xuXG4vLyBoZWxwZXIgZnVuY3Rpb25zXG4vLyAtLS0tLS0tLS0tLS0tLS0tXG5cbmZ1bmN0aW9uIGdldERpc3BsYXlGbihkaXNwbGF5KSB7XG4gIGRpc3BsYXkgPSBkaXNwbGF5IHx8ICd2YWx1ZSc7XG5cbiAgcmV0dXJuIF8uaXNGdW5jdGlvbihkaXNwbGF5KSA/IGRpc3BsYXkgOiBkaXNwbGF5Rm47XG5cbiAgZnVuY3Rpb24gZGlzcGxheUZuKG9iaikge1xuICAgIHJldHVybiBvYmpbZGlzcGxheV07XG4gIH1cbn1cblxuZnVuY3Rpb24gZ2V0VGVtcGxhdGVzKHRlbXBsYXRlcywgZGlzcGxheUZuKSB7XG4gIHJldHVybiB7XG4gICAgZW1wdHk6IHRlbXBsYXRlcy5lbXB0eSAmJiBfLnRlbXBsYXRpZnkodGVtcGxhdGVzLmVtcHR5KSxcbiAgICBoZWFkZXI6IHRlbXBsYXRlcy5oZWFkZXIgJiYgXy50ZW1wbGF0aWZ5KHRlbXBsYXRlcy5oZWFkZXIpLFxuICAgIGZvb3RlcjogdGVtcGxhdGVzLmZvb3RlciAmJiBfLnRlbXBsYXRpZnkodGVtcGxhdGVzLmZvb3RlciksXG4gICAgc3VnZ2VzdGlvbjogdGVtcGxhdGVzLnN1Z2dlc3Rpb24gfHwgc3VnZ2VzdGlvblRlbXBsYXRlXG4gIH07XG5cbiAgZnVuY3Rpb24gc3VnZ2VzdGlvblRlbXBsYXRlKGNvbnRleHQpIHtcbiAgICByZXR1cm4gJzxwPicgKyBkaXNwbGF5Rm4oY29udGV4dCkgKyAnPC9wPic7XG4gIH1cbn1cblxuZnVuY3Rpb24gaXNWYWxpZE5hbWUoc3RyKSB7XG4gIC8vIGRhc2hlcywgdW5kZXJzY29yZXMsIGxldHRlcnMsIGFuZCBudW1iZXJzXG4gIHJldHVybiAoL15bX2EtekEtWjAtOS1dKyQvKS50ZXN0KHN0cik7XG59XG5cbm1vZHVsZS5leHBvcnRzID0gRGF0YXNldDtcbiIsIid1c2Ugc3RyaWN0JztcblxudmFyIF8gPSByZXF1aXJlKCcuLi9jb21tb24vdXRpbHMuanMnKTtcbnZhciBET00gPSByZXF1aXJlKCcuLi9jb21tb24vZG9tLmpzJyk7XG52YXIgRXZlbnRFbWl0dGVyID0gcmVxdWlyZSgnLi9ldmVudF9lbWl0dGVyLmpzJyk7XG52YXIgRGF0YXNldCA9IHJlcXVpcmUoJy4vZGF0YXNldC5qcycpO1xudmFyIGNzcyA9IHJlcXVpcmUoJy4vY3NzLmpzJyk7XG5cbi8vIGNvbnN0cnVjdG9yXG4vLyAtLS0tLS0tLS0tLVxuXG5mdW5jdGlvbiBEcm9wZG93bihvKSB7XG4gIHZhciB0aGF0ID0gdGhpcztcbiAgdmFyIG9uU3VnZ2VzdGlvbkNsaWNrO1xuICB2YXIgb25TdWdnZXN0aW9uTW91c2VFbnRlcjtcbiAgdmFyIG9uU3VnZ2VzdGlvbk1vdXNlTGVhdmU7XG5cbiAgbyA9IG8gfHwge307XG5cbiAgaWYgKCFvLm1lbnUpIHtcbiAgICBfLmVycm9yKCdtZW51IGlzIHJlcXVpcmVkJyk7XG4gIH1cblxuICBpZiAoIV8uaXNBcnJheShvLmRhdGFzZXRzKSAmJiAhXy5pc09iamVjdChvLmRhdGFzZXRzKSkge1xuICAgIF8uZXJyb3IoJzEgb3IgbW9yZSBkYXRhc2V0cyByZXF1aXJlZCcpO1xuICB9XG4gIGlmICghby5kYXRhc2V0cykge1xuICAgIF8uZXJyb3IoJ2RhdGFzZXRzIGlzIHJlcXVpcmVkJyk7XG4gIH1cblxuICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xuICB0aGlzLmlzRW1wdHkgPSB0cnVlO1xuICB0aGlzLm1pbkxlbmd0aCA9IG8ubWluTGVuZ3RoIHx8IDA7XG4gIHRoaXMudGVtcGxhdGVzID0ge307XG4gIHRoaXMuYXBwZW5kVG8gPSBvLmFwcGVuZFRvIHx8IGZhbHNlO1xuICB0aGlzLmNzcyA9IF8ubWl4aW4oe30sIGNzcywgby5hcHBlbmRUbyA/IGNzcy5hcHBlbmRUbyA6IHt9KTtcbiAgdGhpcy5jc3NDbGFzc2VzID0gby5jc3NDbGFzc2VzID0gXy5taXhpbih7fSwgY3NzLmRlZmF1bHRDbGFzc2VzLCBvLmNzc0NsYXNzZXMgfHwge30pO1xuICB0aGlzLmNzc0NsYXNzZXMucHJlZml4ID1cbiAgICBvLmNzc0NsYXNzZXMuZm9ybWF0dGVkUHJlZml4IHx8IF8uZm9ybWF0UHJlZml4KHRoaXMuY3NzQ2xhc3Nlcy5wcmVmaXgsIHRoaXMuY3NzQ2xhc3Nlcy5ub1ByZWZpeCk7XG5cbiAgLy8gYm91bmQgZnVuY3Rpb25zXG4gIG9uU3VnZ2VzdGlvbkNsaWNrID0gXy5iaW5kKHRoaXMuX29uU3VnZ2VzdGlvbkNsaWNrLCB0aGlzKTtcbiAgb25TdWdnZXN0aW9uTW91c2VFbnRlciA9IF8uYmluZCh0aGlzLl9vblN1Z2dlc3Rpb25Nb3VzZUVudGVyLCB0aGlzKTtcbiAgb25TdWdnZXN0aW9uTW91c2VMZWF2ZSA9IF8uYmluZCh0aGlzLl9vblN1Z2dlc3Rpb25Nb3VzZUxlYXZlLCB0aGlzKTtcblxuICB2YXIgY3NzQ2xhc3MgPSBfLmNsYXNzTmFtZSh0aGlzLmNzc0NsYXNzZXMucHJlZml4LCB0aGlzLmNzc0NsYXNzZXMuc3VnZ2VzdGlvbik7XG4gIHRoaXMuJG1lbnUgPSBET00uZWxlbWVudChvLm1lbnUpXG4gICAgLm9uKCdtb3VzZWVudGVyLmFhJywgY3NzQ2xhc3MsIG9uU3VnZ2VzdGlvbk1vdXNlRW50ZXIpXG4gICAgLm9uKCdtb3VzZWxlYXZlLmFhJywgY3NzQ2xhc3MsIG9uU3VnZ2VzdGlvbk1vdXNlTGVhdmUpXG4gICAgLm9uKCdjbGljay5hYScsIGNzc0NsYXNzLCBvblN1Z2dlc3Rpb25DbGljayk7XG5cbiAgdGhpcy4kY29udGFpbmVyID0gby5hcHBlbmRUbyA/IG8ud3JhcHBlciA6IHRoaXMuJG1lbnU7XG5cbiAgaWYgKG8udGVtcGxhdGVzICYmIG8udGVtcGxhdGVzLmhlYWRlcikge1xuICAgIHRoaXMudGVtcGxhdGVzLmhlYWRlciA9IF8udGVtcGxhdGlmeShvLnRlbXBsYXRlcy5oZWFkZXIpO1xuICAgIHRoaXMuJG1lbnUucHJlcGVuZCh0aGlzLnRlbXBsYXRlcy5oZWFkZXIoKSk7XG4gIH1cblxuICBpZiAoby50ZW1wbGF0ZXMgJiYgby50ZW1wbGF0ZXMuZW1wdHkpIHtcbiAgICB0aGlzLnRlbXBsYXRlcy5lbXB0eSA9IF8udGVtcGxhdGlmeShvLnRlbXBsYXRlcy5lbXB0eSk7XG4gICAgdGhpcy4kZW1wdHkgPSBET00uZWxlbWVudCgnPGRpdiBjbGFzcz1cIicgK1xuICAgICAgXy5jbGFzc05hbWUodGhpcy5jc3NDbGFzc2VzLnByZWZpeCwgdGhpcy5jc3NDbGFzc2VzLmVtcHR5LCB0cnVlKSArICdcIj4nICtcbiAgICAgICc8L2Rpdj4nKTtcbiAgICB0aGlzLiRtZW51LmFwcGVuZCh0aGlzLiRlbXB0eSk7XG4gICAgdGhpcy4kZW1wdHkuaGlkZSgpO1xuICB9XG5cbiAgdGhpcy5kYXRhc2V0cyA9IF8ubWFwKG8uZGF0YXNldHMsIGZ1bmN0aW9uKG9EYXRhc2V0KSB7XG4gICAgcmV0dXJuIGluaXRpYWxpemVEYXRhc2V0KHRoYXQuJG1lbnUsIG9EYXRhc2V0LCBvLmNzc0NsYXNzZXMpO1xuICB9KTtcbiAgXy5lYWNoKHRoaXMuZGF0YXNldHMsIGZ1bmN0aW9uKGRhdGFzZXQpIHtcbiAgICB2YXIgcm9vdCA9IGRhdGFzZXQuZ2V0Um9vdCgpO1xuICAgIGlmIChyb290ICYmIHJvb3QucGFyZW50KCkubGVuZ3RoID09PSAwKSB7XG4gICAgICB0aGF0LiRtZW51LmFwcGVuZChyb290KTtcbiAgICB9XG4gICAgZGF0YXNldC5vblN5bmMoJ3JlbmRlcmVkJywgdGhhdC5fb25SZW5kZXJlZCwgdGhhdCk7XG4gIH0pO1xuXG4gIGlmIChvLnRlbXBsYXRlcyAmJiBvLnRlbXBsYXRlcy5mb290ZXIpIHtcbiAgICB0aGlzLnRlbXBsYXRlcy5mb290ZXIgPSBfLnRlbXBsYXRpZnkoby50ZW1wbGF0ZXMuZm9vdGVyKTtcbiAgICB0aGlzLiRtZW51LmFwcGVuZCh0aGlzLnRlbXBsYXRlcy5mb290ZXIoKSk7XG4gIH1cblxuICB2YXIgc2VsZiA9IHRoaXM7XG4gIERPTS5lbGVtZW50KHdpbmRvdykucmVzaXplKGZ1bmN0aW9uKCkge1xuICAgIHNlbGYuX3JlZHJhdygpO1xuICB9KTtcbn1cblxuLy8gaW5zdGFuY2UgbWV0aG9kc1xuLy8gLS0tLS0tLS0tLS0tLS0tLVxuXG5fLm1peGluKERyb3Bkb3duLnByb3RvdHlwZSwgRXZlbnRFbWl0dGVyLCB7XG5cbiAgLy8gIyMjIHByaXZhdGVcblxuICBfb25TdWdnZXN0aW9uQ2xpY2s6IGZ1bmN0aW9uIG9uU3VnZ2VzdGlvbkNsaWNrKCRlKSB7XG4gICAgdGhpcy50cmlnZ2VyKCdzdWdnZXN0aW9uQ2xpY2tlZCcsIERPTS5lbGVtZW50KCRlLmN1cnJlbnRUYXJnZXQpKTtcbiAgfSxcblxuICBfb25TdWdnZXN0aW9uTW91c2VFbnRlcjogZnVuY3Rpb24gb25TdWdnZXN0aW9uTW91c2VFbnRlcigkZSkge1xuICAgIHZhciBlbHQgPSBET00uZWxlbWVudCgkZS5jdXJyZW50VGFyZ2V0KTtcbiAgICBpZiAoZWx0Lmhhc0NsYXNzKF8uY2xhc3NOYW1lKHRoaXMuY3NzQ2xhc3Nlcy5wcmVmaXgsIHRoaXMuY3NzQ2xhc3Nlcy5jdXJzb3IsIHRydWUpKSkge1xuICAgICAgLy8gd2UncmUgYWxyZWFkeSBvbiB0aGUgY3Vyc29yXG4gICAgICAvLyA9PiB3ZSdyZSBwcm9iYWJseSBlbnRlcmluZyBpdCBhZ2FpbiBhZnRlciBsZWF2aW5nIGl0IGZvciBhIG5lc3RlZCBkaXZcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5fcmVtb3ZlQ3Vyc29yKCk7XG5cbiAgICAvLyBGaXhlcyBpT1MgZG91YmxlIHRhcCBiZWhhdmlvdXIsIGJ5IG1vZGlmeWluZyB0aGUgRE9NIHJpZ2h0IGJlZm9yZSB0aGVcbiAgICAvLyBuYXRpdmUgaHJlZiBjbGlja3MgaGFwcGVucywgaU9TIHdpbGwgcmVxdWlyZXMgYW5vdGhlciB0YXAgdG8gZm9sbG93XG4gICAgLy8gYSBzdWdnZXN0aW9uIHRoYXQgaGFzIGFuIDxhIGhyZWY+IGVsZW1lbnQgaW5zaWRlXG4gICAgLy8gaHR0cHM6Ly93d3cuZ29vZ2xlLmNvbS9zZWFyY2g/cT1pb3MrZG91YmxlK3RhcCtidWcraHJlZlxuICAgIHZhciBzdWdnZXN0aW9uID0gdGhpcztcbiAgICBzZXRUaW1lb3V0KGZ1bmN0aW9uKCkge1xuICAgICAgLy8gdGhpcyBleGFjdCBsaW5lLCB3aGVuIGluc2lkZSB0aGUgbWFpbiBsb29wLCB3aWxsIHRyaWdnZXIgYSBkb3VibGUgdGFwIGJ1Z1xuICAgICAgLy8gb24gaU9TIGRldmljZXNcbiAgICAgIHN1Z2dlc3Rpb24uX3NldEN1cnNvcihlbHQsIGZhbHNlKTtcbiAgICB9LCAwKTtcbiAgfSxcblxuICBfb25TdWdnZXN0aW9uTW91c2VMZWF2ZTogZnVuY3Rpb24gb25TdWdnZXN0aW9uTW91c2VMZWF2ZSgkZSkge1xuICAgIC8vICRlLnJlbGF0ZWRUYXJnZXQgaXMgdGhlIGBFdmVudFRhcmdldGAgdGhlIHBvaW50aW5nIGRldmljZSBlbnRlcmVkIHRvXG4gICAgaWYgKCRlLnJlbGF0ZWRUYXJnZXQpIHtcbiAgICAgIHZhciBlbHQgPSBET00uZWxlbWVudCgkZS5yZWxhdGVkVGFyZ2V0KTtcbiAgICAgIGlmIChlbHQuY2xvc2VzdCgnLicgKyBfLmNsYXNzTmFtZSh0aGlzLmNzc0NsYXNzZXMucHJlZml4LCB0aGlzLmNzc0NsYXNzZXMuY3Vyc29yLCB0cnVlKSkubGVuZ3RoID4gMCkge1xuICAgICAgICAvLyBvdXIgZmF0aGVyIGlzIGEgY3Vyc29yXG4gICAgICAgIC8vID0+IGl0IG1lYW5zIHdlJ3JlIGp1c3QgbGVhdmluZyB0aGUgc3VnZ2VzdGlvbiBmb3IgYSBuZXN0ZWQgZGl2XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICB9XG4gICAgdGhpcy5fcmVtb3ZlQ3Vyc29yKCk7XG4gICAgdGhpcy50cmlnZ2VyKCdjdXJzb3JSZW1vdmVkJyk7XG4gIH0sXG5cbiAgX29uUmVuZGVyZWQ6IGZ1bmN0aW9uIG9uUmVuZGVyZWQoZSwgcXVlcnkpIHtcbiAgICB0aGlzLmlzRW1wdHkgPSBfLmV2ZXJ5KHRoaXMuZGF0YXNldHMsIGlzRGF0YXNldEVtcHR5KTtcblxuICAgIGlmICh0aGlzLmlzRW1wdHkpIHtcbiAgICAgIGlmIChxdWVyeS5sZW5ndGggPj0gdGhpcy5taW5MZW5ndGgpIHtcbiAgICAgICAgdGhpcy50cmlnZ2VyKCdlbXB0eScpO1xuICAgICAgfVxuXG4gICAgICBpZiAodGhpcy4kZW1wdHkpIHtcbiAgICAgICAgaWYgKHF1ZXJ5Lmxlbmd0aCA8IHRoaXMubWluTGVuZ3RoKSB7XG4gICAgICAgICAgdGhpcy5faGlkZSgpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHZhciBodG1sID0gdGhpcy50ZW1wbGF0ZXMuZW1wdHkoe1xuICAgICAgICAgICAgcXVlcnk6IHRoaXMuZGF0YXNldHNbMF0gJiYgdGhpcy5kYXRhc2V0c1swXS5xdWVyeVxuICAgICAgICAgIH0pO1xuICAgICAgICAgIHRoaXMuJGVtcHR5Lmh0bWwoaHRtbCk7XG4gICAgICAgICAgdGhpcy4kZW1wdHkuc2hvdygpO1xuICAgICAgICAgIHRoaXMuX3Nob3coKTtcbiAgICAgICAgfVxuICAgICAgfSBlbHNlIGlmIChfLmFueSh0aGlzLmRhdGFzZXRzLCBoYXNFbXB0eVRlbXBsYXRlKSkge1xuICAgICAgICBpZiAocXVlcnkubGVuZ3RoIDwgdGhpcy5taW5MZW5ndGgpIHtcbiAgICAgICAgICB0aGlzLl9oaWRlKCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgdGhpcy5fc2hvdygpO1xuICAgICAgICB9XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLl9oaWRlKCk7XG4gICAgICB9XG4gICAgfSBlbHNlIGlmICh0aGlzLmlzT3Blbikge1xuICAgICAgaWYgKHRoaXMuJGVtcHR5KSB7XG4gICAgICAgIHRoaXMuJGVtcHR5LmVtcHR5KCk7XG4gICAgICAgIHRoaXMuJGVtcHR5LmhpZGUoKTtcbiAgICAgIH1cblxuICAgICAgaWYgKHF1ZXJ5Lmxlbmd0aCA+PSB0aGlzLm1pbkxlbmd0aCkge1xuICAgICAgICB0aGlzLl9zaG93KCk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLl9oaWRlKCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgdGhpcy50cmlnZ2VyKCdkYXRhc2V0UmVuZGVyZWQnKTtcblxuICAgIGZ1bmN0aW9uIGlzRGF0YXNldEVtcHR5KGRhdGFzZXQpIHtcbiAgICAgIHJldHVybiBkYXRhc2V0LmlzRW1wdHkoKTtcbiAgICB9XG5cbiAgICBmdW5jdGlvbiBoYXNFbXB0eVRlbXBsYXRlKGRhdGFzZXQpIHtcbiAgICAgIHJldHVybiBkYXRhc2V0LnRlbXBsYXRlcyAmJiBkYXRhc2V0LnRlbXBsYXRlcy5lbXB0eTtcbiAgICB9XG4gIH0sXG5cbiAgX2hpZGU6IGZ1bmN0aW9uKCkge1xuICAgIHRoaXMuJGNvbnRhaW5lci5oaWRlKCk7XG4gIH0sXG5cbiAgX3Nob3c6IGZ1bmN0aW9uKCkge1xuICAgIC8vIGNhbid0IHVzZSBqUXVlcnkjc2hvdyBiZWNhdXNlICRtZW51IGlzIGEgc3BhbiBlbGVtZW50IHdlIHdhbnRcbiAgICAvLyBkaXNwbGF5OiBibG9jazsgbm90IGRpc2xheTogaW5saW5lO1xuICAgIHRoaXMuJGNvbnRhaW5lci5jc3MoJ2Rpc3BsYXknLCAnYmxvY2snKTtcblxuICAgIHRoaXMuX3JlZHJhdygpO1xuXG4gICAgdGhpcy50cmlnZ2VyKCdzaG93bicpO1xuICB9LFxuXG4gIF9yZWRyYXc6IGZ1bmN0aW9uIHJlZHJhdygpIHtcbiAgICBpZiAoIXRoaXMuaXNPcGVuIHx8ICF0aGlzLmFwcGVuZFRvKSByZXR1cm47XG5cbiAgICB0aGlzLnRyaWdnZXIoJ3JlZHJhd24nKTtcbiAgfSxcblxuICBfZ2V0U3VnZ2VzdGlvbnM6IGZ1bmN0aW9uIGdldFN1Z2dlc3Rpb25zKCkge1xuICAgIHJldHVybiB0aGlzLiRtZW51LmZpbmQoXy5jbGFzc05hbWUodGhpcy5jc3NDbGFzc2VzLnByZWZpeCwgdGhpcy5jc3NDbGFzc2VzLnN1Z2dlc3Rpb24pKTtcbiAgfSxcblxuICBfZ2V0Q3Vyc29yOiBmdW5jdGlvbiBnZXRDdXJzb3IoKSB7XG4gICAgcmV0dXJuIHRoaXMuJG1lbnUuZmluZChfLmNsYXNzTmFtZSh0aGlzLmNzc0NsYXNzZXMucHJlZml4LCB0aGlzLmNzc0NsYXNzZXMuY3Vyc29yKSkuZmlyc3QoKTtcbiAgfSxcblxuICBfc2V0Q3Vyc29yOiBmdW5jdGlvbiBzZXRDdXJzb3IoJGVsLCB1cGRhdGVJbnB1dCkge1xuICAgICRlbC5maXJzdCgpXG4gICAgICAuYWRkQ2xhc3MoXy5jbGFzc05hbWUodGhpcy5jc3NDbGFzc2VzLnByZWZpeCwgdGhpcy5jc3NDbGFzc2VzLmN1cnNvciwgdHJ1ZSkpXG4gICAgICAuYXR0cignYXJpYS1zZWxlY3RlZCcsICd0cnVlJyk7XG4gICAgdGhpcy50cmlnZ2VyKCdjdXJzb3JNb3ZlZCcsIHVwZGF0ZUlucHV0KTtcbiAgfSxcblxuICBfcmVtb3ZlQ3Vyc29yOiBmdW5jdGlvbiByZW1vdmVDdXJzb3IoKSB7XG4gICAgdGhpcy5fZ2V0Q3Vyc29yKClcbiAgICAgIC5yZW1vdmVDbGFzcyhfLmNsYXNzTmFtZSh0aGlzLmNzc0NsYXNzZXMucHJlZml4LCB0aGlzLmNzc0NsYXNzZXMuY3Vyc29yLCB0cnVlKSlcbiAgICAgIC5yZW1vdmVBdHRyKCdhcmlhLXNlbGVjdGVkJyk7XG4gIH0sXG5cbiAgX21vdmVDdXJzb3I6IGZ1bmN0aW9uIG1vdmVDdXJzb3IoaW5jcmVtZW50KSB7XG4gICAgdmFyICRzdWdnZXN0aW9ucztcbiAgICB2YXIgJG9sZEN1cnNvcjtcbiAgICB2YXIgbmV3Q3Vyc29ySW5kZXg7XG4gICAgdmFyICRuZXdDdXJzb3I7XG5cbiAgICBpZiAoIXRoaXMuaXNPcGVuKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgJG9sZEN1cnNvciA9IHRoaXMuX2dldEN1cnNvcigpO1xuICAgICRzdWdnZXN0aW9ucyA9IHRoaXMuX2dldFN1Z2dlc3Rpb25zKCk7XG5cbiAgICB0aGlzLl9yZW1vdmVDdXJzb3IoKTtcblxuICAgIC8vIHNoaWZ0aW5nIGJlZm9yZSBhbmQgYWZ0ZXIgbW9kdWxvIHRvIGRlYWwgd2l0aCAtMSBpbmRleFxuICAgIG5ld0N1cnNvckluZGV4ID0gJHN1Z2dlc3Rpb25zLmluZGV4KCRvbGRDdXJzb3IpICsgaW5jcmVtZW50O1xuICAgIG5ld0N1cnNvckluZGV4ID0gKG5ld0N1cnNvckluZGV4ICsgMSkgJSAoJHN1Z2dlc3Rpb25zLmxlbmd0aCArIDEpIC0gMTtcblxuICAgIGlmIChuZXdDdXJzb3JJbmRleCA9PT0gLTEpIHtcbiAgICAgIHRoaXMudHJpZ2dlcignY3Vyc29yUmVtb3ZlZCcpO1xuXG4gICAgICByZXR1cm47XG4gICAgfSBlbHNlIGlmIChuZXdDdXJzb3JJbmRleCA8IC0xKSB7XG4gICAgICBuZXdDdXJzb3JJbmRleCA9ICRzdWdnZXN0aW9ucy5sZW5ndGggLSAxO1xuICAgIH1cblxuICAgIHRoaXMuX3NldEN1cnNvcigkbmV3Q3Vyc29yID0gJHN1Z2dlc3Rpb25zLmVxKG5ld0N1cnNvckluZGV4KSwgdHJ1ZSk7XG5cbiAgICAvLyBpbiB0aGUgY2FzZSBvZiBzY3JvbGxhYmxlIG92ZXJmbG93XG4gICAgLy8gbWFrZSBzdXJlIHRoZSBjdXJzb3IgaXMgdmlzaWJsZSBpbiB0aGUgbWVudVxuICAgIHRoaXMuX2Vuc3VyZVZpc2libGUoJG5ld0N1cnNvcik7XG4gIH0sXG5cbiAgX2Vuc3VyZVZpc2libGU6IGZ1bmN0aW9uIGVuc3VyZVZpc2libGUoJGVsKSB7XG4gICAgdmFyIGVsVG9wO1xuICAgIHZhciBlbEJvdHRvbTtcbiAgICB2YXIgbWVudVNjcm9sbFRvcDtcbiAgICB2YXIgbWVudUhlaWdodDtcblxuICAgIGVsVG9wID0gJGVsLnBvc2l0aW9uKCkudG9wO1xuICAgIGVsQm90dG9tID0gZWxUb3AgKyAkZWwuaGVpZ2h0KCkgK1xuICAgICAgcGFyc2VJbnQoJGVsLmNzcygnbWFyZ2luLXRvcCcpLCAxMCkgK1xuICAgICAgcGFyc2VJbnQoJGVsLmNzcygnbWFyZ2luLWJvdHRvbScpLCAxMCk7XG4gICAgbWVudVNjcm9sbFRvcCA9IHRoaXMuJG1lbnUuc2Nyb2xsVG9wKCk7XG4gICAgbWVudUhlaWdodCA9IHRoaXMuJG1lbnUuaGVpZ2h0KCkgK1xuICAgICAgcGFyc2VJbnQodGhpcy4kbWVudS5jc3MoJ3BhZGRpbmctdG9wJyksIDEwKSArXG4gICAgICBwYXJzZUludCh0aGlzLiRtZW51LmNzcygncGFkZGluZy1ib3R0b20nKSwgMTApO1xuXG4gICAgaWYgKGVsVG9wIDwgMCkge1xuICAgICAgdGhpcy4kbWVudS5zY3JvbGxUb3AobWVudVNjcm9sbFRvcCArIGVsVG9wKTtcbiAgICB9IGVsc2UgaWYgKG1lbnVIZWlnaHQgPCBlbEJvdHRvbSkge1xuICAgICAgdGhpcy4kbWVudS5zY3JvbGxUb3AobWVudVNjcm9sbFRvcCArIChlbEJvdHRvbSAtIG1lbnVIZWlnaHQpKTtcbiAgICB9XG4gIH0sXG5cbiAgLy8gIyMjIHB1YmxpY1xuXG4gIGNsb3NlOiBmdW5jdGlvbiBjbG9zZSgpIHtcbiAgICBpZiAodGhpcy5pc09wZW4pIHtcbiAgICAgIHRoaXMuaXNPcGVuID0gZmFsc2U7XG5cbiAgICAgIHRoaXMuX3JlbW92ZUN1cnNvcigpO1xuICAgICAgdGhpcy5faGlkZSgpO1xuXG4gICAgICB0aGlzLnRyaWdnZXIoJ2Nsb3NlZCcpO1xuICAgIH1cbiAgfSxcblxuICBvcGVuOiBmdW5jdGlvbiBvcGVuKCkge1xuICAgIGlmICghdGhpcy5pc09wZW4pIHtcbiAgICAgIHRoaXMuaXNPcGVuID0gdHJ1ZTtcblxuICAgICAgaWYgKCF0aGlzLmlzRW1wdHkpIHtcbiAgICAgICAgdGhpcy5fc2hvdygpO1xuICAgICAgfVxuXG4gICAgICB0aGlzLnRyaWdnZXIoJ29wZW5lZCcpO1xuICAgIH1cbiAgfSxcblxuICBzZXRMYW5ndWFnZURpcmVjdGlvbjogZnVuY3Rpb24gc2V0TGFuZ3VhZ2VEaXJlY3Rpb24oZGlyKSB7XG4gICAgdGhpcy4kbWVudS5jc3MoZGlyID09PSAnbHRyJyA/IHRoaXMuY3NzLmx0ciA6IHRoaXMuY3NzLnJ0bCk7XG4gIH0sXG5cbiAgbW92ZUN1cnNvclVwOiBmdW5jdGlvbiBtb3ZlQ3Vyc29yVXAoKSB7XG4gICAgdGhpcy5fbW92ZUN1cnNvcigtMSk7XG4gIH0sXG5cbiAgbW92ZUN1cnNvckRvd246IGZ1bmN0aW9uIG1vdmVDdXJzb3JEb3duKCkge1xuICAgIHRoaXMuX21vdmVDdXJzb3IoKzEpO1xuICB9LFxuXG4gIGdldERhdHVtRm9yU3VnZ2VzdGlvbjogZnVuY3Rpb24gZ2V0RGF0dW1Gb3JTdWdnZXN0aW9uKCRlbCkge1xuICAgIHZhciBkYXR1bSA9IG51bGw7XG5cbiAgICBpZiAoJGVsLmxlbmd0aCkge1xuICAgICAgZGF0dW0gPSB7XG4gICAgICAgIHJhdzogRGF0YXNldC5leHRyYWN0RGF0dW0oJGVsKSxcbiAgICAgICAgdmFsdWU6IERhdGFzZXQuZXh0cmFjdFZhbHVlKCRlbCksXG4gICAgICAgIGRhdGFzZXROYW1lOiBEYXRhc2V0LmV4dHJhY3REYXRhc2V0TmFtZSgkZWwpXG4gICAgICB9O1xuICAgIH1cblxuICAgIHJldHVybiBkYXR1bTtcbiAgfSxcblxuICBnZXRDdXJyZW50Q3Vyc29yOiBmdW5jdGlvbiBnZXRDdXJyZW50Q3Vyc29yKCkge1xuICAgIHJldHVybiB0aGlzLl9nZXRDdXJzb3IoKS5maXJzdCgpO1xuICB9LFxuXG4gIGdldERhdHVtRm9yQ3Vyc29yOiBmdW5jdGlvbiBnZXREYXR1bUZvckN1cnNvcigpIHtcbiAgICByZXR1cm4gdGhpcy5nZXREYXR1bUZvclN1Z2dlc3Rpb24odGhpcy5fZ2V0Q3Vyc29yKCkuZmlyc3QoKSk7XG4gIH0sXG5cbiAgZ2V0RGF0dW1Gb3JUb3BTdWdnZXN0aW9uOiBmdW5jdGlvbiBnZXREYXR1bUZvclRvcFN1Z2dlc3Rpb24oKSB7XG4gICAgcmV0dXJuIHRoaXMuZ2V0RGF0dW1Gb3JTdWdnZXN0aW9uKHRoaXMuX2dldFN1Z2dlc3Rpb25zKCkuZmlyc3QoKSk7XG4gIH0sXG5cbiAgY3Vyc29yVG9wU3VnZ2VzdGlvbjogZnVuY3Rpb24gY3Vyc29yVG9wU3VnZ2VzdGlvbigpIHtcbiAgICB0aGlzLl9zZXRDdXJzb3IodGhpcy5fZ2V0U3VnZ2VzdGlvbnMoKS5maXJzdCgpLCBmYWxzZSk7XG4gIH0sXG5cbiAgdXBkYXRlOiBmdW5jdGlvbiB1cGRhdGUocXVlcnkpIHtcbiAgICBfLmVhY2godGhpcy5kYXRhc2V0cywgdXBkYXRlRGF0YXNldCk7XG5cbiAgICBmdW5jdGlvbiB1cGRhdGVEYXRhc2V0KGRhdGFzZXQpIHtcbiAgICAgIGRhdGFzZXQudXBkYXRlKHF1ZXJ5KTtcbiAgICB9XG4gIH0sXG5cbiAgZW1wdHk6IGZ1bmN0aW9uIGVtcHR5KCkge1xuICAgIF8uZWFjaCh0aGlzLmRhdGFzZXRzLCBjbGVhckRhdGFzZXQpO1xuICAgIHRoaXMuaXNFbXB0eSA9IHRydWU7XG5cbiAgICBmdW5jdGlvbiBjbGVhckRhdGFzZXQoZGF0YXNldCkge1xuICAgICAgZGF0YXNldC5jbGVhcigpO1xuICAgIH1cbiAgfSxcblxuICBpc1Zpc2libGU6IGZ1bmN0aW9uIGlzVmlzaWJsZSgpIHtcbiAgICByZXR1cm4gdGhpcy5pc09wZW4gJiYgIXRoaXMuaXNFbXB0eTtcbiAgfSxcblxuICBkZXN0cm95OiBmdW5jdGlvbiBkZXN0cm95KCkge1xuICAgIHRoaXMuJG1lbnUub2ZmKCcuYWEnKTtcblxuICAgIHRoaXMuJG1lbnUgPSBudWxsO1xuXG4gICAgXy5lYWNoKHRoaXMuZGF0YXNldHMsIGRlc3Ryb3lEYXRhc2V0KTtcblxuICAgIGZ1bmN0aW9uIGRlc3Ryb3lEYXRhc2V0KGRhdGFzZXQpIHtcbiAgICAgIGRhdGFzZXQuZGVzdHJveSgpO1xuICAgIH1cbiAgfVxufSk7XG5cbi8vIGhlbHBlciBmdW5jdGlvbnNcbi8vIC0tLS0tLS0tLS0tLS0tLS1cbkRyb3Bkb3duLkRhdGFzZXQgPSBEYXRhc2V0O1xuXG5mdW5jdGlvbiBpbml0aWFsaXplRGF0YXNldCgkbWVudSwgb0RhdGFzZXQsIGNzc0NsYXNzZXMpIHtcbiAgcmV0dXJuIG5ldyBEcm9wZG93bi5EYXRhc2V0KF8ubWl4aW4oeyRtZW51OiAkbWVudSwgY3NzQ2xhc3NlczogY3NzQ2xhc3Nlc30sIG9EYXRhc2V0KSk7XG59XG5cbm1vZHVsZS5leHBvcnRzID0gRHJvcGRvd247XG4iLCIndXNlIHN0cmljdCc7XG5cbnZhciBuYW1lc3BhY2UgPSAnYXV0b2NvbXBsZXRlOic7XG5cbnZhciBfID0gcmVxdWlyZSgnLi4vY29tbW9uL3V0aWxzLmpzJyk7XG52YXIgRE9NID0gcmVxdWlyZSgnLi4vY29tbW9uL2RvbS5qcycpO1xuXG4vLyBjb25zdHJ1Y3RvclxuLy8gLS0tLS0tLS0tLS1cblxuZnVuY3Rpb24gRXZlbnRCdXMobykge1xuICBpZiAoIW8gfHwgIW8uZWwpIHtcbiAgICBfLmVycm9yKCdFdmVudEJ1cyBpbml0aWFsaXplZCB3aXRob3V0IGVsJyk7XG4gIH1cblxuICB0aGlzLiRlbCA9IERPTS5lbGVtZW50KG8uZWwpO1xufVxuXG4vLyBpbnN0YW5jZSBtZXRob2RzXG4vLyAtLS0tLS0tLS0tLS0tLS0tXG5cbl8ubWl4aW4oRXZlbnRCdXMucHJvdG90eXBlLCB7XG5cbiAgLy8gIyMjIHB1YmxpY1xuXG4gIHRyaWdnZXI6IGZ1bmN0aW9uKHR5cGUsIHN1Z2dlc3Rpb24sIGRhdGFzZXQsIGNvbnRleHQpIHtcbiAgICB2YXIgZXZlbnQgPSBfLkV2ZW50KG5hbWVzcGFjZSArIHR5cGUpO1xuICAgIHRoaXMuJGVsLnRyaWdnZXIoZXZlbnQsIFtzdWdnZXN0aW9uLCBkYXRhc2V0LCBjb250ZXh0XSk7XG4gICAgcmV0dXJuIGV2ZW50O1xuICB9XG59KTtcblxubW9kdWxlLmV4cG9ydHMgPSBFdmVudEJ1cztcbiIsIid1c2Ugc3RyaWN0JztcblxudmFyIGltbWVkaWF0ZSA9IHJlcXVpcmUoJ2ltbWVkaWF0ZScpO1xudmFyIHNwbGl0dGVyID0gL1xccysvO1xuXG5tb2R1bGUuZXhwb3J0cyA9IHtcbiAgb25TeW5jOiBvblN5bmMsXG4gIG9uQXN5bmM6IG9uQXN5bmMsXG4gIG9mZjogb2ZmLFxuICB0cmlnZ2VyOiB0cmlnZ2VyXG59O1xuXG5mdW5jdGlvbiBvbihtZXRob2QsIHR5cGVzLCBjYiwgY29udGV4dCkge1xuICB2YXIgdHlwZTtcblxuICBpZiAoIWNiKSB7XG4gICAgcmV0dXJuIHRoaXM7XG4gIH1cblxuICB0eXBlcyA9IHR5cGVzLnNwbGl0KHNwbGl0dGVyKTtcbiAgY2IgPSBjb250ZXh0ID8gYmluZENvbnRleHQoY2IsIGNvbnRleHQpIDogY2I7XG5cbiAgdGhpcy5fY2FsbGJhY2tzID0gdGhpcy5fY2FsbGJhY2tzIHx8IHt9O1xuXG4gIHdoaWxlICh0eXBlID0gdHlwZXMuc2hpZnQoKSkge1xuICAgIHRoaXMuX2NhbGxiYWNrc1t0eXBlXSA9IHRoaXMuX2NhbGxiYWNrc1t0eXBlXSB8fCB7c3luYzogW10sIGFzeW5jOiBbXX07XG4gICAgdGhpcy5fY2FsbGJhY2tzW3R5cGVdW21ldGhvZF0ucHVzaChjYik7XG4gIH1cblxuICByZXR1cm4gdGhpcztcbn1cblxuZnVuY3Rpb24gb25Bc3luYyh0eXBlcywgY2IsIGNvbnRleHQpIHtcbiAgcmV0dXJuIG9uLmNhbGwodGhpcywgJ2FzeW5jJywgdHlwZXMsIGNiLCBjb250ZXh0KTtcbn1cblxuZnVuY3Rpb24gb25TeW5jKHR5cGVzLCBjYiwgY29udGV4dCkge1xuICByZXR1cm4gb24uY2FsbCh0aGlzLCAnc3luYycsIHR5cGVzLCBjYiwgY29udGV4dCk7XG59XG5cbmZ1bmN0aW9uIG9mZih0eXBlcykge1xuICB2YXIgdHlwZTtcblxuICBpZiAoIXRoaXMuX2NhbGxiYWNrcykge1xuICAgIHJldHVybiB0aGlzO1xuICB9XG5cbiAgdHlwZXMgPSB0eXBlcy5zcGxpdChzcGxpdHRlcik7XG5cbiAgd2hpbGUgKHR5cGUgPSB0eXBlcy5zaGlmdCgpKSB7XG4gICAgZGVsZXRlIHRoaXMuX2NhbGxiYWNrc1t0eXBlXTtcbiAgfVxuXG4gIHJldHVybiB0aGlzO1xufVxuXG5mdW5jdGlvbiB0cmlnZ2VyKHR5cGVzKSB7XG4gIHZhciB0eXBlO1xuICB2YXIgY2FsbGJhY2tzO1xuICB2YXIgYXJncztcbiAgdmFyIHN5bmNGbHVzaDtcbiAgdmFyIGFzeW5jRmx1c2g7XG5cbiAgaWYgKCF0aGlzLl9jYWxsYmFja3MpIHtcbiAgICByZXR1cm4gdGhpcztcbiAgfVxuXG4gIHR5cGVzID0gdHlwZXMuc3BsaXQoc3BsaXR0ZXIpO1xuICBhcmdzID0gW10uc2xpY2UuY2FsbChhcmd1bWVudHMsIDEpO1xuXG4gIHdoaWxlICgodHlwZSA9IHR5cGVzLnNoaWZ0KCkpICYmIChjYWxsYmFja3MgPSB0aGlzLl9jYWxsYmFja3NbdHlwZV0pKSB7IC8vIGVzbGludC1kaXNhYmxlLWxpbmVcbiAgICBzeW5jRmx1c2ggPSBnZXRGbHVzaChjYWxsYmFja3Muc3luYywgdGhpcywgW3R5cGVdLmNvbmNhdChhcmdzKSk7XG4gICAgYXN5bmNGbHVzaCA9IGdldEZsdXNoKGNhbGxiYWNrcy5hc3luYywgdGhpcywgW3R5cGVdLmNvbmNhdChhcmdzKSk7XG5cbiAgICBpZiAoc3luY0ZsdXNoKCkpIHtcbiAgICAgIGltbWVkaWF0ZShhc3luY0ZsdXNoKTtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gdGhpcztcbn1cblxuZnVuY3Rpb24gZ2V0Rmx1c2goY2FsbGJhY2tzLCBjb250ZXh0LCBhcmdzKSB7XG4gIHJldHVybiBmbHVzaDtcblxuICBmdW5jdGlvbiBmbHVzaCgpIHtcbiAgICB2YXIgY2FuY2VsbGVkO1xuXG4gICAgZm9yICh2YXIgaSA9IDAsIGxlbiA9IGNhbGxiYWNrcy5sZW5ndGg7ICFjYW5jZWxsZWQgJiYgaSA8IGxlbjsgaSArPSAxKSB7XG4gICAgICAvLyBvbmx5IGNhbmNlbCBpZiB0aGUgY2FsbGJhY2sgZXhwbGljaXRseSByZXR1cm5zIGZhbHNlXG4gICAgICBjYW5jZWxsZWQgPSBjYWxsYmFja3NbaV0uYXBwbHkoY29udGV4dCwgYXJncykgPT09IGZhbHNlO1xuICAgIH1cblxuICAgIHJldHVybiAhY2FuY2VsbGVkO1xuICB9XG59XG5cbmZ1bmN0aW9uIGJpbmRDb250ZXh0KGZuLCBjb250ZXh0KSB7XG4gIHJldHVybiBmbi5iaW5kID9cbiAgICBmbi5iaW5kKGNvbnRleHQpIDpcbiAgICBmdW5jdGlvbigpIHsgZm4uYXBwbHkoY29udGV4dCwgW10uc2xpY2UuY2FsbChhcmd1bWVudHMsIDApKTsgfTtcbn1cbiIsIid1c2Ugc3RyaWN0JztcblxubW9kdWxlLmV4cG9ydHMgPSB7XG4gIHdyYXBwZXI6ICc8c3BhbiBjbGFzcz1cIiVST09UJVwiPjwvc3Bhbj4nLFxuICBkcm9wZG93bjogJzxzcGFuIGNsYXNzPVwiJVBSRUZJWCUlRFJPUERPV05fTUVOVSVcIj48L3NwYW4+JyxcbiAgZGF0YXNldDogJzxkaXYgY2xhc3M9XCIlUFJFRklYJSVEQVRBU0VUJS0lQ0xBU1MlXCI+PC9kaXY+JyxcbiAgc3VnZ2VzdGlvbnM6ICc8c3BhbiBjbGFzcz1cIiVQUkVGSVglJVNVR0dFU1RJT05TJVwiPjwvc3Bhbj4nLFxuICBzdWdnZXN0aW9uOiAnPGRpdiBjbGFzcz1cIiVQUkVGSVglJVNVR0dFU1RJT04lXCI+PC9kaXY+J1xufTtcbiIsIid1c2Ugc3RyaWN0JztcblxudmFyIHNwZWNpYWxLZXlDb2RlTWFwO1xuXG5zcGVjaWFsS2V5Q29kZU1hcCA9IHtcbiAgOTogJ3RhYicsXG4gIDI3OiAnZXNjJyxcbiAgMzc6ICdsZWZ0JyxcbiAgMzk6ICdyaWdodCcsXG4gIDEzOiAnZW50ZXInLFxuICAzODogJ3VwJyxcbiAgNDA6ICdkb3duJ1xufTtcblxudmFyIF8gPSByZXF1aXJlKCcuLi9jb21tb24vdXRpbHMuanMnKTtcbnZhciBET00gPSByZXF1aXJlKCcuLi9jb21tb24vZG9tLmpzJyk7XG52YXIgRXZlbnRFbWl0dGVyID0gcmVxdWlyZSgnLi9ldmVudF9lbWl0dGVyLmpzJyk7XG5cbi8vIGNvbnN0cnVjdG9yXG4vLyAtLS0tLS0tLS0tLVxuXG5mdW5jdGlvbiBJbnB1dChvKSB7XG4gIHZhciB0aGF0ID0gdGhpcztcbiAgdmFyIG9uQmx1cjtcbiAgdmFyIG9uRm9jdXM7XG4gIHZhciBvbktleWRvd247XG4gIHZhciBvbklucHV0O1xuXG4gIG8gPSBvIHx8IHt9O1xuXG4gIGlmICghby5pbnB1dCkge1xuICAgIF8uZXJyb3IoJ2lucHV0IGlzIG1pc3NpbmcnKTtcbiAgfVxuXG4gIC8vIGJvdW5kIGZ1bmN0aW9uc1xuICBvbkJsdXIgPSBfLmJpbmQodGhpcy5fb25CbHVyLCB0aGlzKTtcbiAgb25Gb2N1cyA9IF8uYmluZCh0aGlzLl9vbkZvY3VzLCB0aGlzKTtcbiAgb25LZXlkb3duID0gXy5iaW5kKHRoaXMuX29uS2V5ZG93biwgdGhpcyk7XG4gIG9uSW5wdXQgPSBfLmJpbmQodGhpcy5fb25JbnB1dCwgdGhpcyk7XG5cbiAgdGhpcy4kaGludCA9IERPTS5lbGVtZW50KG8uaGludCk7XG4gIHRoaXMuJGlucHV0ID0gRE9NLmVsZW1lbnQoby5pbnB1dClcbiAgICAub24oJ2JsdXIuYWEnLCBvbkJsdXIpXG4gICAgLm9uKCdmb2N1cy5hYScsIG9uRm9jdXMpXG4gICAgLm9uKCdrZXlkb3duLmFhJywgb25LZXlkb3duKTtcblxuICAvLyBpZiBubyBoaW50LCBub29wIGFsbCB0aGUgaGludCByZWxhdGVkIGZ1bmN0aW9uc1xuICBpZiAodGhpcy4kaGludC5sZW5ndGggPT09IDApIHtcbiAgICB0aGlzLnNldEhpbnQgPSB0aGlzLmdldEhpbnQgPSB0aGlzLmNsZWFySGludCA9IHRoaXMuY2xlYXJIaW50SWZJbnZhbGlkID0gXy5ub29wO1xuICB9XG5cbiAgLy8gaWU3IGFuZCBpZTggZG9uJ3Qgc3VwcG9ydCB0aGUgaW5wdXQgZXZlbnRcbiAgLy8gaWU5IGRvZXNuJ3QgZmlyZSB0aGUgaW5wdXQgZXZlbnQgd2hlbiBjaGFyYWN0ZXJzIGFyZSByZW1vdmVkXG4gIC8vIG5vdCBzdXJlIGlmIGllMTAgaXMgY29tcGF0aWJsZVxuICBpZiAoIV8uaXNNc2llKCkpIHtcbiAgICB0aGlzLiRpbnB1dC5vbignaW5wdXQuYWEnLCBvbklucHV0KTtcbiAgfSBlbHNlIHtcbiAgICB0aGlzLiRpbnB1dC5vbigna2V5ZG93bi5hYSBrZXlwcmVzcy5hYSBjdXQuYWEgcGFzdGUuYWEnLCBmdW5jdGlvbigkZSkge1xuICAgICAgLy8gaWYgYSBzcGVjaWFsIGtleSB0cmlnZ2VyZWQgdGhpcywgaWdub3JlIGl0XG4gICAgICBpZiAoc3BlY2lhbEtleUNvZGVNYXBbJGUud2hpY2ggfHwgJGUua2V5Q29kZV0pIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICAvLyBnaXZlIHRoZSBicm93c2VyIGEgY2hhbmNlIHRvIHVwZGF0ZSB0aGUgdmFsdWUgb2YgdGhlIGlucHV0XG4gICAgICAvLyBiZWZvcmUgY2hlY2tpbmcgdG8gc2VlIGlmIHRoZSBxdWVyeSBjaGFuZ2VkXG4gICAgICBfLmRlZmVyKF8uYmluZCh0aGF0Ll9vbklucHV0LCB0aGF0LCAkZSkpO1xuICAgIH0pO1xuICB9XG5cbiAgLy8gdGhlIHF1ZXJ5IGRlZmF1bHRzIHRvIHdoYXRldmVyIHRoZSB2YWx1ZSBvZiB0aGUgaW5wdXQgaXNcbiAgLy8gb24gaW5pdGlhbGl6YXRpb24sIGl0J2xsIG1vc3QgbGlrZWx5IGJlIGFuIGVtcHR5IHN0cmluZ1xuICB0aGlzLnF1ZXJ5ID0gdGhpcy4kaW5wdXQudmFsKCk7XG5cbiAgLy8gaGVscHMgd2l0aCBjYWxjdWxhdGluZyB0aGUgd2lkdGggb2YgdGhlIGlucHV0J3MgdmFsdWVcbiAgdGhpcy4kb3ZlcmZsb3dIZWxwZXIgPSBidWlsZE92ZXJmbG93SGVscGVyKHRoaXMuJGlucHV0KTtcbn1cblxuLy8gc3RhdGljIG1ldGhvZHNcbi8vIC0tLS0tLS0tLS0tLS0tXG5cbklucHV0Lm5vcm1hbGl6ZVF1ZXJ5ID0gZnVuY3Rpb24oc3RyKSB7XG4gIC8vIHN0cmlwcyBsZWFkaW5nIHdoaXRlc3BhY2UgYW5kIGNvbmRlbnNlcyBhbGwgd2hpdGVzcGFjZVxuICByZXR1cm4gKHN0ciB8fCAnJykucmVwbGFjZSgvXlxccyovZywgJycpLnJlcGxhY2UoL1xcc3syLH0vZywgJyAnKTtcbn07XG5cbi8vIGluc3RhbmNlIG1ldGhvZHNcbi8vIC0tLS0tLS0tLS0tLS0tLS1cblxuXy5taXhpbihJbnB1dC5wcm90b3R5cGUsIEV2ZW50RW1pdHRlciwge1xuXG4gIC8vICMjIyBwcml2YXRlXG5cbiAgX29uQmx1cjogZnVuY3Rpb24gb25CbHVyKCkge1xuICAgIHRoaXMucmVzZXRJbnB1dFZhbHVlKCk7XG4gICAgdGhpcy4kaW5wdXQucmVtb3ZlQXR0cignYXJpYS1hY3RpdmVkZXNjZW5kYW50Jyk7XG4gICAgdGhpcy50cmlnZ2VyKCdibHVycmVkJyk7XG4gIH0sXG5cbiAgX29uRm9jdXM6IGZ1bmN0aW9uIG9uRm9jdXMoKSB7XG4gICAgdGhpcy50cmlnZ2VyKCdmb2N1c2VkJyk7XG4gIH0sXG5cbiAgX29uS2V5ZG93bjogZnVuY3Rpb24gb25LZXlkb3duKCRlKSB7XG4gICAgLy8gd2hpY2ggaXMgbm9ybWFsaXplZCBhbmQgY29uc2lzdGVudCAoYnV0IG5vdCBmb3IgaWUpXG4gICAgdmFyIGtleU5hbWUgPSBzcGVjaWFsS2V5Q29kZU1hcFskZS53aGljaCB8fCAkZS5rZXlDb2RlXTtcblxuICAgIHRoaXMuX21hbmFnZVByZXZlbnREZWZhdWx0KGtleU5hbWUsICRlKTtcbiAgICBpZiAoa2V5TmFtZSAmJiB0aGlzLl9zaG91bGRUcmlnZ2VyKGtleU5hbWUsICRlKSkge1xuICAgICAgdGhpcy50cmlnZ2VyKGtleU5hbWUgKyAnS2V5ZWQnLCAkZSk7XG4gICAgfVxuICB9LFxuXG4gIF9vbklucHV0OiBmdW5jdGlvbiBvbklucHV0KCkge1xuICAgIHRoaXMuX2NoZWNrSW5wdXRWYWx1ZSgpO1xuICB9LFxuXG4gIF9tYW5hZ2VQcmV2ZW50RGVmYXVsdDogZnVuY3Rpb24gbWFuYWdlUHJldmVudERlZmF1bHQoa2V5TmFtZSwgJGUpIHtcbiAgICB2YXIgcHJldmVudERlZmF1bHQ7XG4gICAgdmFyIGhpbnRWYWx1ZTtcbiAgICB2YXIgaW5wdXRWYWx1ZTtcblxuICAgIHN3aXRjaCAoa2V5TmFtZSkge1xuICAgIGNhc2UgJ3RhYic6XG4gICAgICBoaW50VmFsdWUgPSB0aGlzLmdldEhpbnQoKTtcbiAgICAgIGlucHV0VmFsdWUgPSB0aGlzLmdldElucHV0VmFsdWUoKTtcblxuICAgICAgcHJldmVudERlZmF1bHQgPSBoaW50VmFsdWUgJiZcbiAgICAgICAgaGludFZhbHVlICE9PSBpbnB1dFZhbHVlICYmXG4gICAgICAgICF3aXRoTW9kaWZpZXIoJGUpO1xuICAgICAgYnJlYWs7XG5cbiAgICBjYXNlICd1cCc6XG4gICAgY2FzZSAnZG93bic6XG4gICAgICBwcmV2ZW50RGVmYXVsdCA9ICF3aXRoTW9kaWZpZXIoJGUpO1xuICAgICAgYnJlYWs7XG5cbiAgICBkZWZhdWx0OlxuICAgICAgcHJldmVudERlZmF1bHQgPSBmYWxzZTtcbiAgICB9XG5cbiAgICBpZiAocHJldmVudERlZmF1bHQpIHtcbiAgICAgICRlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgfVxuICB9LFxuXG4gIF9zaG91bGRUcmlnZ2VyOiBmdW5jdGlvbiBzaG91bGRUcmlnZ2VyKGtleU5hbWUsICRlKSB7XG4gICAgdmFyIHRyaWdnZXI7XG5cbiAgICBzd2l0Y2ggKGtleU5hbWUpIHtcbiAgICBjYXNlICd0YWInOlxuICAgICAgdHJpZ2dlciA9ICF3aXRoTW9kaWZpZXIoJGUpO1xuICAgICAgYnJlYWs7XG5cbiAgICBkZWZhdWx0OlxuICAgICAgdHJpZ2dlciA9IHRydWU7XG4gICAgfVxuXG4gICAgcmV0dXJuIHRyaWdnZXI7XG4gIH0sXG5cbiAgX2NoZWNrSW5wdXRWYWx1ZTogZnVuY3Rpb24gY2hlY2tJbnB1dFZhbHVlKCkge1xuICAgIHZhciBpbnB1dFZhbHVlO1xuICAgIHZhciBhcmVFcXVpdmFsZW50O1xuICAgIHZhciBoYXNEaWZmZXJlbnRXaGl0ZXNwYWNlO1xuXG4gICAgaW5wdXRWYWx1ZSA9IHRoaXMuZ2V0SW5wdXRWYWx1ZSgpO1xuICAgIGFyZUVxdWl2YWxlbnQgPSBhcmVRdWVyaWVzRXF1aXZhbGVudChpbnB1dFZhbHVlLCB0aGlzLnF1ZXJ5KTtcbiAgICBoYXNEaWZmZXJlbnRXaGl0ZXNwYWNlID0gYXJlRXF1aXZhbGVudCAmJiB0aGlzLnF1ZXJ5ID9cbiAgICAgIHRoaXMucXVlcnkubGVuZ3RoICE9PSBpbnB1dFZhbHVlLmxlbmd0aCA6IGZhbHNlO1xuXG4gICAgdGhpcy5xdWVyeSA9IGlucHV0VmFsdWU7XG5cbiAgICBpZiAoIWFyZUVxdWl2YWxlbnQpIHtcbiAgICAgIHRoaXMudHJpZ2dlcigncXVlcnlDaGFuZ2VkJywgdGhpcy5xdWVyeSk7XG4gICAgfSBlbHNlIGlmIChoYXNEaWZmZXJlbnRXaGl0ZXNwYWNlKSB7XG4gICAgICB0aGlzLnRyaWdnZXIoJ3doaXRlc3BhY2VDaGFuZ2VkJywgdGhpcy5xdWVyeSk7XG4gICAgfVxuICB9LFxuXG4gIC8vICMjIyBwdWJsaWNcblxuICBmb2N1czogZnVuY3Rpb24gZm9jdXMoKSB7XG4gICAgdGhpcy4kaW5wdXQuZm9jdXMoKTtcbiAgfSxcblxuICBibHVyOiBmdW5jdGlvbiBibHVyKCkge1xuICAgIHRoaXMuJGlucHV0LmJsdXIoKTtcbiAgfSxcblxuICBnZXRRdWVyeTogZnVuY3Rpb24gZ2V0UXVlcnkoKSB7XG4gICAgcmV0dXJuIHRoaXMucXVlcnk7XG4gIH0sXG5cbiAgc2V0UXVlcnk6IGZ1bmN0aW9uIHNldFF1ZXJ5KHF1ZXJ5KSB7XG4gICAgdGhpcy5xdWVyeSA9IHF1ZXJ5O1xuICB9LFxuXG4gIGdldElucHV0VmFsdWU6IGZ1bmN0aW9uIGdldElucHV0VmFsdWUoKSB7XG4gICAgcmV0dXJuIHRoaXMuJGlucHV0LnZhbCgpO1xuICB9LFxuXG4gIHNldElucHV0VmFsdWU6IGZ1bmN0aW9uIHNldElucHV0VmFsdWUodmFsdWUsIHNpbGVudCkge1xuICAgIGlmICh0eXBlb2YgdmFsdWUgPT09ICd1bmRlZmluZWQnKSB7XG4gICAgICB2YWx1ZSA9IHRoaXMucXVlcnk7XG4gICAgfVxuICAgIHRoaXMuJGlucHV0LnZhbCh2YWx1ZSk7XG5cbiAgICAvLyBzaWxlbnQgcHJldmVudHMgYW55IGFkZGl0aW9uYWwgZXZlbnRzIGZyb20gYmVpbmcgdHJpZ2dlcmVkXG4gICAgaWYgKHNpbGVudCkge1xuICAgICAgdGhpcy5jbGVhckhpbnQoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5fY2hlY2tJbnB1dFZhbHVlKCk7XG4gICAgfVxuICB9LFxuXG4gIGV4cGFuZDogZnVuY3Rpb24gZXhwYW5kKCkge1xuICAgIHRoaXMuJGlucHV0LmF0dHIoJ2FyaWEtZXhwYW5kZWQnLCAndHJ1ZScpO1xuICB9LFxuXG4gIGNvbGxhcHNlOiBmdW5jdGlvbiBjb2xsYXBzZSgpIHtcbiAgICB0aGlzLiRpbnB1dC5hdHRyKCdhcmlhLWV4cGFuZGVkJywgJ2ZhbHNlJyk7XG4gIH0sXG5cbiAgc2V0QWN0aXZlRGVzY2VuZGFudDogZnVuY3Rpb24gc2V0QWN0aXZlRGVzY2VuZGFudChhY3RpdmVkZXNjZW5kYW50SWQpIHtcbiAgICB0aGlzLiRpbnB1dC5hdHRyKCdhcmlhLWFjdGl2ZWRlc2NlbmRhbnQnLCBhY3RpdmVkZXNjZW5kYW50SWQpO1xuICB9LFxuXG4gIHJlbW92ZUFjdGl2ZURlc2NlbmRhbnQ6IGZ1bmN0aW9uIHJlbW92ZUFjdGl2ZURlc2NlbmRhbnQoKSB7XG4gICAgdGhpcy4kaW5wdXQucmVtb3ZlQXR0cignYXJpYS1hY3RpdmVkZXNjZW5kYW50Jyk7XG4gIH0sXG5cbiAgcmVzZXRJbnB1dFZhbHVlOiBmdW5jdGlvbiByZXNldElucHV0VmFsdWUoKSB7XG4gICAgdGhpcy5zZXRJbnB1dFZhbHVlKHRoaXMucXVlcnksIHRydWUpO1xuICB9LFxuXG4gIGdldEhpbnQ6IGZ1bmN0aW9uIGdldEhpbnQoKSB7XG4gICAgcmV0dXJuIHRoaXMuJGhpbnQudmFsKCk7XG4gIH0sXG5cbiAgc2V0SGludDogZnVuY3Rpb24gc2V0SGludCh2YWx1ZSkge1xuICAgIHRoaXMuJGhpbnQudmFsKHZhbHVlKTtcbiAgfSxcblxuICBjbGVhckhpbnQ6IGZ1bmN0aW9uIGNsZWFySGludCgpIHtcbiAgICB0aGlzLnNldEhpbnQoJycpO1xuICB9LFxuXG4gIGNsZWFySGludElmSW52YWxpZDogZnVuY3Rpb24gY2xlYXJIaW50SWZJbnZhbGlkKCkge1xuICAgIHZhciB2YWw7XG4gICAgdmFyIGhpbnQ7XG4gICAgdmFyIHZhbElzUHJlZml4T2ZIaW50O1xuICAgIHZhciBpc1ZhbGlkO1xuXG4gICAgdmFsID0gdGhpcy5nZXRJbnB1dFZhbHVlKCk7XG4gICAgaGludCA9IHRoaXMuZ2V0SGludCgpO1xuICAgIHZhbElzUHJlZml4T2ZIaW50ID0gdmFsICE9PSBoaW50ICYmIGhpbnQuaW5kZXhPZih2YWwpID09PSAwO1xuICAgIGlzVmFsaWQgPSB2YWwgIT09ICcnICYmIHZhbElzUHJlZml4T2ZIaW50ICYmICF0aGlzLmhhc092ZXJmbG93KCk7XG5cbiAgICBpZiAoIWlzVmFsaWQpIHtcbiAgICAgIHRoaXMuY2xlYXJIaW50KCk7XG4gICAgfVxuICB9LFxuXG4gIGdldExhbmd1YWdlRGlyZWN0aW9uOiBmdW5jdGlvbiBnZXRMYW5ndWFnZURpcmVjdGlvbigpIHtcbiAgICByZXR1cm4gKHRoaXMuJGlucHV0LmNzcygnZGlyZWN0aW9uJykgfHwgJ2x0cicpLnRvTG93ZXJDYXNlKCk7XG4gIH0sXG5cbiAgaGFzT3ZlcmZsb3c6IGZ1bmN0aW9uIGhhc092ZXJmbG93KCkge1xuICAgIC8vIDIgaXMgYXJiaXRyYXJ5LCBqdXN0IHBpY2tpbmcgYSBzbWFsbCBudW1iZXIgdG8gaGFuZGxlIGVkZ2UgY2FzZXNcbiAgICB2YXIgY29uc3RyYWludCA9IHRoaXMuJGlucHV0LndpZHRoKCkgLSAyO1xuXG4gICAgdGhpcy4kb3ZlcmZsb3dIZWxwZXIudGV4dCh0aGlzLmdldElucHV0VmFsdWUoKSk7XG5cbiAgICByZXR1cm4gdGhpcy4kb3ZlcmZsb3dIZWxwZXIud2lkdGgoKSA+PSBjb25zdHJhaW50O1xuICB9LFxuXG4gIGlzQ3Vyc29yQXRFbmQ6IGZ1bmN0aW9uKCkge1xuICAgIHZhciB2YWx1ZUxlbmd0aDtcbiAgICB2YXIgc2VsZWN0aW9uU3RhcnQ7XG4gICAgdmFyIHJhbmdlO1xuXG4gICAgdmFsdWVMZW5ndGggPSB0aGlzLiRpbnB1dC52YWwoKS5sZW5ndGg7XG4gICAgc2VsZWN0aW9uU3RhcnQgPSB0aGlzLiRpbnB1dFswXS5zZWxlY3Rpb25TdGFydDtcblxuICAgIGlmIChfLmlzTnVtYmVyKHNlbGVjdGlvblN0YXJ0KSkge1xuICAgICAgcmV0dXJuIHNlbGVjdGlvblN0YXJ0ID09PSB2YWx1ZUxlbmd0aDtcbiAgICB9IGVsc2UgaWYgKGRvY3VtZW50LnNlbGVjdGlvbikge1xuICAgICAgLy8gTk9URTogdGhpcyB3b24ndCB3b3JrIHVubGVzcyB0aGUgaW5wdXQgaGFzIGZvY3VzLCB0aGUgZ29vZCBuZXdzXG4gICAgICAvLyBpcyB0aGlzIGNvZGUgc2hvdWxkIG9ubHkgZ2V0IGNhbGxlZCB3aGVuIHRoZSBpbnB1dCBoYXMgZm9jdXNcbiAgICAgIHJhbmdlID0gZG9jdW1lbnQuc2VsZWN0aW9uLmNyZWF0ZVJhbmdlKCk7XG4gICAgICByYW5nZS5tb3ZlU3RhcnQoJ2NoYXJhY3RlcicsIC12YWx1ZUxlbmd0aCk7XG5cbiAgICAgIHJldHVybiB2YWx1ZUxlbmd0aCA9PT0gcmFuZ2UudGV4dC5sZW5ndGg7XG4gICAgfVxuXG4gICAgcmV0dXJuIHRydWU7XG4gIH0sXG5cbiAgZGVzdHJveTogZnVuY3Rpb24gZGVzdHJveSgpIHtcbiAgICB0aGlzLiRoaW50Lm9mZignLmFhJyk7XG4gICAgdGhpcy4kaW5wdXQub2ZmKCcuYWEnKTtcblxuICAgIHRoaXMuJGhpbnQgPSB0aGlzLiRpbnB1dCA9IHRoaXMuJG92ZXJmbG93SGVscGVyID0gbnVsbDtcbiAgfVxufSk7XG5cbi8vIGhlbHBlciBmdW5jdGlvbnNcbi8vIC0tLS0tLS0tLS0tLS0tLS1cblxuZnVuY3Rpb24gYnVpbGRPdmVyZmxvd0hlbHBlcigkaW5wdXQpIHtcbiAgcmV0dXJuIERPTS5lbGVtZW50KCc8cHJlIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvcHJlPicpXG4gICAgLmNzcyh7XG4gICAgICAvLyBwb3NpdGlvbiBoZWxwZXIgb2ZmLXNjcmVlblxuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICB2aXNpYmlsaXR5OiAnaGlkZGVuJyxcbiAgICAgIC8vIGF2b2lkIGxpbmUgYnJlYWtzIGFuZCB3aGl0ZXNwYWNlIGNvbGxhcHNpbmdcbiAgICAgIHdoaXRlU3BhY2U6ICdwcmUnLFxuICAgICAgLy8gdXNlIHNhbWUgZm9udCBjc3MgYXMgaW5wdXQgdG8gY2FsY3VsYXRlIGFjY3VyYXRlIHdpZHRoXG4gICAgICBmb250RmFtaWx5OiAkaW5wdXQuY3NzKCdmb250LWZhbWlseScpLFxuICAgICAgZm9udFNpemU6ICRpbnB1dC5jc3MoJ2ZvbnQtc2l6ZScpLFxuICAgICAgZm9udFN0eWxlOiAkaW5wdXQuY3NzKCdmb250LXN0eWxlJyksXG4gICAgICBmb250VmFyaWFudDogJGlucHV0LmNzcygnZm9udC12YXJpYW50JyksXG4gICAgICBmb250V2VpZ2h0OiAkaW5wdXQuY3NzKCdmb250LXdlaWdodCcpLFxuICAgICAgd29yZFNwYWNpbmc6ICRpbnB1dC5jc3MoJ3dvcmQtc3BhY2luZycpLFxuICAgICAgbGV0dGVyU3BhY2luZzogJGlucHV0LmNzcygnbGV0dGVyLXNwYWNpbmcnKSxcbiAgICAgIHRleHRJbmRlbnQ6ICRpbnB1dC5jc3MoJ3RleHQtaW5kZW50JyksXG4gICAgICB0ZXh0UmVuZGVyaW5nOiAkaW5wdXQuY3NzKCd0ZXh0LXJlbmRlcmluZycpLFxuICAgICAgdGV4dFRyYW5zZm9ybTogJGlucHV0LmNzcygndGV4dC10cmFuc2Zvcm0nKVxuICAgIH0pXG4gICAgLmluc2VydEFmdGVyKCRpbnB1dCk7XG59XG5cbmZ1bmN0aW9uIGFyZVF1ZXJpZXNFcXVpdmFsZW50KGEsIGIpIHtcbiAgcmV0dXJuIElucHV0Lm5vcm1hbGl6ZVF1ZXJ5KGEpID09PSBJbnB1dC5ub3JtYWxpemVRdWVyeShiKTtcbn1cblxuZnVuY3Rpb24gd2l0aE1vZGlmaWVyKCRlKSB7XG4gIHJldHVybiAkZS5hbHRLZXkgfHwgJGUuY3RybEtleSB8fCAkZS5tZXRhS2V5IHx8ICRlLnNoaWZ0S2V5O1xufVxuXG5tb2R1bGUuZXhwb3J0cyA9IElucHV0O1xuIiwiJ3VzZSBzdHJpY3QnO1xuXG52YXIgYXR0cnNLZXkgPSAnYWFBdHRycyc7XG5cbnZhciBfID0gcmVxdWlyZSgnLi4vY29tbW9uL3V0aWxzLmpzJyk7XG52YXIgRE9NID0gcmVxdWlyZSgnLi4vY29tbW9uL2RvbS5qcycpO1xudmFyIEV2ZW50QnVzID0gcmVxdWlyZSgnLi9ldmVudF9idXMuanMnKTtcbnZhciBJbnB1dCA9IHJlcXVpcmUoJy4vaW5wdXQuanMnKTtcbnZhciBEcm9wZG93biA9IHJlcXVpcmUoJy4vZHJvcGRvd24uanMnKTtcbnZhciBodG1sID0gcmVxdWlyZSgnLi9odG1sLmpzJyk7XG52YXIgY3NzID0gcmVxdWlyZSgnLi9jc3MuanMnKTtcblxuLy8gY29uc3RydWN0b3Jcbi8vIC0tLS0tLS0tLS0tXG5cbi8vIFRIT1VHSFQ6IHdoYXQgaWYgZGF0YXNldHMgY291bGQgZHluYW1pY2FsbHkgYmUgYWRkZWQvcmVtb3ZlZD9cbmZ1bmN0aW9uIFR5cGVhaGVhZChvKSB7XG4gIHZhciAkbWVudTtcbiAgdmFyICRoaW50O1xuXG4gIG8gPSBvIHx8IHt9O1xuXG4gIGlmICghby5pbnB1dCkge1xuICAgIF8uZXJyb3IoJ21pc3NpbmcgaW5wdXQnKTtcbiAgfVxuXG4gIHRoaXMuaXNBY3RpdmF0ZWQgPSBmYWxzZTtcbiAgdGhpcy5kZWJ1ZyA9ICEhby5kZWJ1ZztcbiAgdGhpcy5hdXRvc2VsZWN0ID0gISFvLmF1dG9zZWxlY3Q7XG4gIHRoaXMuYXV0b3NlbGVjdE9uQmx1ciA9ICEhby5hdXRvc2VsZWN0T25CbHVyO1xuICB0aGlzLm9wZW5PbkZvY3VzID0gISFvLm9wZW5PbkZvY3VzO1xuICB0aGlzLm1pbkxlbmd0aCA9IF8uaXNOdW1iZXIoby5taW5MZW5ndGgpID8gby5taW5MZW5ndGggOiAxO1xuICB0aGlzLmF1dG9XaWR0aCA9IChvLmF1dG9XaWR0aCA9PT0gdW5kZWZpbmVkKSA/IHRydWUgOiAhIW8uYXV0b1dpZHRoO1xuICB0aGlzLmNsZWFyT25TZWxlY3RlZCA9ICEhby5jbGVhck9uU2VsZWN0ZWQ7XG4gIHRoaXMudGFiQXV0b2NvbXBsZXRlID0gKG8udGFiQXV0b2NvbXBsZXRlID09PSB1bmRlZmluZWQpID8gdHJ1ZSA6ICEhby50YWJBdXRvY29tcGxldGU7XG5cbiAgby5oaW50ID0gISFvLmhpbnQ7XG5cbiAgaWYgKG8uaGludCAmJiBvLmFwcGVuZFRvKSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKCdbYXV0b2NvbXBsZXRlLmpzXSBoaW50IGFuZCBhcHBlbmRUbyBvcHRpb25zIGNhblxcJ3QgYmUgdXNlZCBhdCB0aGUgc2FtZSB0aW1lJyk7XG4gIH1cblxuICB0aGlzLmNzcyA9IG8uY3NzID0gXy5taXhpbih7fSwgY3NzLCBvLmFwcGVuZFRvID8gY3NzLmFwcGVuZFRvIDoge30pO1xuICB0aGlzLmNzc0NsYXNzZXMgPSBvLmNzc0NsYXNzZXMgPSBfLm1peGluKHt9LCBjc3MuZGVmYXVsdENsYXNzZXMsIG8uY3NzQ2xhc3NlcyB8fCB7fSk7XG4gIHRoaXMuY3NzQ2xhc3Nlcy5wcmVmaXggPVxuICAgIG8uY3NzQ2xhc3Nlcy5mb3JtYXR0ZWRQcmVmaXggPSBfLmZvcm1hdFByZWZpeCh0aGlzLmNzc0NsYXNzZXMucHJlZml4LCB0aGlzLmNzc0NsYXNzZXMubm9QcmVmaXgpO1xuICB0aGlzLmxpc3Rib3hJZCA9IG8ubGlzdGJveElkID0gW3RoaXMuY3NzQ2xhc3Nlcy5yb290LCAnbGlzdGJveCcsIF8uZ2V0VW5pcXVlSWQoKV0uam9pbignLScpO1xuXG4gIHZhciBkb21FbHRzID0gYnVpbGREb20obyk7XG5cbiAgdGhpcy4kbm9kZSA9IGRvbUVsdHMud3JhcHBlcjtcbiAgdmFyICRpbnB1dCA9IHRoaXMuJGlucHV0ID0gZG9tRWx0cy5pbnB1dDtcbiAgJG1lbnUgPSBkb21FbHRzLm1lbnU7XG4gICRoaW50ID0gZG9tRWx0cy5oaW50O1xuXG4gIGlmIChvLmRyb3Bkb3duTWVudUNvbnRhaW5lcikge1xuICAgIERPTS5lbGVtZW50KG8uZHJvcGRvd25NZW51Q29udGFpbmVyKVxuICAgICAgLmNzcygncG9zaXRpb24nLCAncmVsYXRpdmUnKSAvLyBlbnN1cmUgdGhlIGNvbnRhaW5lciBoYXMgYSByZWxhdGl2ZSBwb3NpdGlvblxuICAgICAgLmFwcGVuZCgkbWVudS5jc3MoJ3RvcCcsICcwJykpOyAvLyBvdmVycmlkZSB0aGUgdG9wOiAxMDAlXG4gIH1cblxuICAvLyAjNzA1OiBpZiB0aGVyZSdzIHNjcm9sbGFibGUgb3ZlcmZsb3csIGllIGRvZXNuJ3Qgc3VwcG9ydFxuICAvLyBibHVyIGNhbmNlbGxhdGlvbnMgd2hlbiB0aGUgc2Nyb2xsYmFyIGlzIGNsaWNrZWRcbiAgLy9cbiAgLy8gIzM1MTogcHJldmVudERlZmF1bHQgd29uJ3QgY2FuY2VsIGJsdXJzIGluIGllIDw9IDhcbiAgJGlucHV0Lm9uKCdibHVyLmFhJywgZnVuY3Rpb24oJGUpIHtcbiAgICB2YXIgYWN0aXZlID0gZG9jdW1lbnQuYWN0aXZlRWxlbWVudDtcbiAgICBpZiAoXy5pc01zaWUoKSAmJiAoJG1lbnVbMF0gPT09IGFjdGl2ZSB8fCAkbWVudVswXS5jb250YWlucyhhY3RpdmUpKSkge1xuICAgICAgJGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIC8vIHN0b3AgaW1tZWRpYXRlIGluIG9yZGVyIHRvIHByZXZlbnQgSW5wdXQjX29uQmx1ciBmcm9tXG4gICAgICAvLyBnZXR0aW5nIGV4ZWN0dWVkXG4gICAgICAkZS5zdG9wSW1tZWRpYXRlUHJvcGFnYXRpb24oKTtcbiAgICAgIF8uZGVmZXIoZnVuY3Rpb24oKSB7ICRpbnB1dC5mb2N1cygpOyB9KTtcbiAgICB9XG4gIH0pO1xuXG4gIC8vICMzNTE6IHByZXZlbnRzIGlucHV0IGJsdXIgZHVlIHRvIGNsaWNrcyB3aXRoaW4gZHJvcGRvd24gbWVudVxuICAkbWVudS5vbignbW91c2Vkb3duLmFhJywgZnVuY3Rpb24oJGUpIHsgJGUucHJldmVudERlZmF1bHQoKTsgfSk7XG5cbiAgdGhpcy5ldmVudEJ1cyA9IG8uZXZlbnRCdXMgfHwgbmV3IEV2ZW50QnVzKHtlbDogJGlucHV0fSk7XG5cbiAgdGhpcy5kcm9wZG93biA9IG5ldyBUeXBlYWhlYWQuRHJvcGRvd24oe1xuICAgIGFwcGVuZFRvOiBvLmFwcGVuZFRvLFxuICAgIHdyYXBwZXI6IHRoaXMuJG5vZGUsXG4gICAgbWVudTogJG1lbnUsXG4gICAgZGF0YXNldHM6IG8uZGF0YXNldHMsXG4gICAgdGVtcGxhdGVzOiBvLnRlbXBsYXRlcyxcbiAgICBjc3NDbGFzc2VzOiBvLmNzc0NsYXNzZXMsXG4gICAgbWluTGVuZ3RoOiB0aGlzLm1pbkxlbmd0aFxuICB9KVxuICAgIC5vblN5bmMoJ3N1Z2dlc3Rpb25DbGlja2VkJywgdGhpcy5fb25TdWdnZXN0aW9uQ2xpY2tlZCwgdGhpcylcbiAgICAub25TeW5jKCdjdXJzb3JNb3ZlZCcsIHRoaXMuX29uQ3Vyc29yTW92ZWQsIHRoaXMpXG4gICAgLm9uU3luYygnY3Vyc29yUmVtb3ZlZCcsIHRoaXMuX29uQ3Vyc29yUmVtb3ZlZCwgdGhpcylcbiAgICAub25TeW5jKCdvcGVuZWQnLCB0aGlzLl9vbk9wZW5lZCwgdGhpcylcbiAgICAub25TeW5jKCdjbG9zZWQnLCB0aGlzLl9vbkNsb3NlZCwgdGhpcylcbiAgICAub25TeW5jKCdzaG93bicsIHRoaXMuX29uU2hvd24sIHRoaXMpXG4gICAgLm9uU3luYygnZW1wdHknLCB0aGlzLl9vbkVtcHR5LCB0aGlzKVxuICAgIC5vblN5bmMoJ3JlZHJhd24nLCB0aGlzLl9vblJlZHJhd24sIHRoaXMpXG4gICAgLm9uQXN5bmMoJ2RhdGFzZXRSZW5kZXJlZCcsIHRoaXMuX29uRGF0YXNldFJlbmRlcmVkLCB0aGlzKTtcblxuICB0aGlzLmlucHV0ID0gbmV3IFR5cGVhaGVhZC5JbnB1dCh7aW5wdXQ6ICRpbnB1dCwgaGludDogJGhpbnR9KVxuICAgIC5vblN5bmMoJ2ZvY3VzZWQnLCB0aGlzLl9vbkZvY3VzZWQsIHRoaXMpXG4gICAgLm9uU3luYygnYmx1cnJlZCcsIHRoaXMuX29uQmx1cnJlZCwgdGhpcylcbiAgICAub25TeW5jKCdlbnRlcktleWVkJywgdGhpcy5fb25FbnRlcktleWVkLCB0aGlzKVxuICAgIC5vblN5bmMoJ3RhYktleWVkJywgdGhpcy5fb25UYWJLZXllZCwgdGhpcylcbiAgICAub25TeW5jKCdlc2NLZXllZCcsIHRoaXMuX29uRXNjS2V5ZWQsIHRoaXMpXG4gICAgLm9uU3luYygndXBLZXllZCcsIHRoaXMuX29uVXBLZXllZCwgdGhpcylcbiAgICAub25TeW5jKCdkb3duS2V5ZWQnLCB0aGlzLl9vbkRvd25LZXllZCwgdGhpcylcbiAgICAub25TeW5jKCdsZWZ0S2V5ZWQnLCB0aGlzLl9vbkxlZnRLZXllZCwgdGhpcylcbiAgICAub25TeW5jKCdyaWdodEtleWVkJywgdGhpcy5fb25SaWdodEtleWVkLCB0aGlzKVxuICAgIC5vblN5bmMoJ3F1ZXJ5Q2hhbmdlZCcsIHRoaXMuX29uUXVlcnlDaGFuZ2VkLCB0aGlzKVxuICAgIC5vblN5bmMoJ3doaXRlc3BhY2VDaGFuZ2VkJywgdGhpcy5fb25XaGl0ZXNwYWNlQ2hhbmdlZCwgdGhpcyk7XG5cbiAgdGhpcy5fYmluZEtleWJvYXJkU2hvcnRjdXRzKG8pO1xuXG4gIHRoaXMuX3NldExhbmd1YWdlRGlyZWN0aW9uKCk7XG59XG5cbi8vIGluc3RhbmNlIG1ldGhvZHNcbi8vIC0tLS0tLS0tLS0tLS0tLS1cblxuXy5taXhpbihUeXBlYWhlYWQucHJvdG90eXBlLCB7XG4gIC8vICMjIyBwcml2YXRlXG5cbiAgX2JpbmRLZXlib2FyZFNob3J0Y3V0czogZnVuY3Rpb24ob3B0aW9ucykge1xuICAgIGlmICghb3B0aW9ucy5rZXlib2FyZFNob3J0Y3V0cykge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB2YXIgJGlucHV0ID0gdGhpcy4kaW5wdXQ7XG4gICAgdmFyIGtleWJvYXJkU2hvcnRjdXRzID0gW107XG4gICAgXy5lYWNoKG9wdGlvbnMua2V5Ym9hcmRTaG9ydGN1dHMsIGZ1bmN0aW9uKGtleSkge1xuICAgICAgaWYgKHR5cGVvZiBrZXkgPT09ICdzdHJpbmcnKSB7XG4gICAgICAgIGtleSA9IGtleS50b1VwcGVyQ2FzZSgpLmNoYXJDb2RlQXQoMCk7XG4gICAgICB9XG4gICAgICBrZXlib2FyZFNob3J0Y3V0cy5wdXNoKGtleSk7XG4gICAgfSk7XG4gICAgRE9NLmVsZW1lbnQoZG9jdW1lbnQpLmtleWRvd24oZnVuY3Rpb24oZXZlbnQpIHtcbiAgICAgIHZhciBlbHQgPSAoZXZlbnQudGFyZ2V0IHx8IGV2ZW50LnNyY0VsZW1lbnQpO1xuICAgICAgdmFyIHRhZ05hbWUgPSBlbHQudGFnTmFtZTtcbiAgICAgIGlmIChlbHQuaXNDb250ZW50RWRpdGFibGUgfHwgdGFnTmFtZSA9PT0gJ0lOUFVUJyB8fCB0YWdOYW1lID09PSAnU0VMRUNUJyB8fCB0YWdOYW1lID09PSAnVEVYVEFSRUEnKSB7XG4gICAgICAgIC8vIGFscmVhZHkgaW4gYW4gaW5wdXRcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICB2YXIgd2hpY2ggPSBldmVudC53aGljaCB8fCBldmVudC5rZXlDb2RlO1xuICAgICAgaWYgKGtleWJvYXJkU2hvcnRjdXRzLmluZGV4T2Yod2hpY2gpID09PSAtMSkge1xuICAgICAgICAvLyBub3QgdGhlIHJpZ2h0IHNob3J0Y3V0XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgJGlucHV0LmZvY3VzKCk7XG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgfSk7XG4gIH0sXG5cbiAgX29uU3VnZ2VzdGlvbkNsaWNrZWQ6IGZ1bmN0aW9uIG9uU3VnZ2VzdGlvbkNsaWNrZWQodHlwZSwgJGVsKSB7XG4gICAgdmFyIGRhdHVtO1xuICAgIHZhciBjb250ZXh0ID0ge3NlbGVjdGlvbk1ldGhvZDogJ2NsaWNrJ307XG5cbiAgICBpZiAoZGF0dW0gPSB0aGlzLmRyb3Bkb3duLmdldERhdHVtRm9yU3VnZ2VzdGlvbigkZWwpKSB7XG4gICAgICB0aGlzLl9zZWxlY3QoZGF0dW0sIGNvbnRleHQpO1xuICAgIH1cbiAgfSxcblxuICBfb25DdXJzb3JNb3ZlZDogZnVuY3Rpb24gb25DdXJzb3JNb3ZlZChldmVudCwgdXBkYXRlSW5wdXQpIHtcbiAgICB2YXIgZGF0dW0gPSB0aGlzLmRyb3Bkb3duLmdldERhdHVtRm9yQ3Vyc29yKCk7XG4gICAgdmFyIGN1cnJlbnRDdXJzb3JJZCA9IHRoaXMuZHJvcGRvd24uZ2V0Q3VycmVudEN1cnNvcigpLmF0dHIoJ2lkJyk7XG4gICAgdGhpcy5pbnB1dC5zZXRBY3RpdmVEZXNjZW5kYW50KGN1cnJlbnRDdXJzb3JJZCk7XG5cbiAgICBpZiAoZGF0dW0pIHtcbiAgICAgIGlmICh1cGRhdGVJbnB1dCkge1xuICAgICAgICB0aGlzLmlucHV0LnNldElucHV0VmFsdWUoZGF0dW0udmFsdWUsIHRydWUpO1xuICAgICAgfVxuXG4gICAgICB0aGlzLmV2ZW50QnVzLnRyaWdnZXIoJ2N1cnNvcmNoYW5nZWQnLCBkYXR1bS5yYXcsIGRhdHVtLmRhdGFzZXROYW1lKTtcbiAgICB9XG4gIH0sXG5cbiAgX29uQ3Vyc29yUmVtb3ZlZDogZnVuY3Rpb24gb25DdXJzb3JSZW1vdmVkKCkge1xuICAgIHRoaXMuaW5wdXQucmVzZXRJbnB1dFZhbHVlKCk7XG4gICAgdGhpcy5fdXBkYXRlSGludCgpO1xuICAgIHRoaXMuZXZlbnRCdXMudHJpZ2dlcignY3Vyc29ycmVtb3ZlZCcpO1xuICB9LFxuXG4gIF9vbkRhdGFzZXRSZW5kZXJlZDogZnVuY3Rpb24gb25EYXRhc2V0UmVuZGVyZWQoKSB7XG4gICAgdGhpcy5fdXBkYXRlSGludCgpO1xuXG4gICAgdGhpcy5ldmVudEJ1cy50cmlnZ2VyKCd1cGRhdGVkJyk7XG4gIH0sXG5cbiAgX29uT3BlbmVkOiBmdW5jdGlvbiBvbk9wZW5lZCgpIHtcbiAgICB0aGlzLl91cGRhdGVIaW50KCk7XG4gICAgdGhpcy5pbnB1dC5leHBhbmQoKTtcblxuICAgIHRoaXMuZXZlbnRCdXMudHJpZ2dlcignb3BlbmVkJyk7XG4gIH0sXG5cbiAgX29uRW1wdHk6IGZ1bmN0aW9uIG9uRW1wdHkoKSB7XG4gICAgdGhpcy5ldmVudEJ1cy50cmlnZ2VyKCdlbXB0eScpO1xuICB9LFxuXG4gIF9vblJlZHJhd246IGZ1bmN0aW9uIG9uUmVkcmF3bigpIHtcbiAgICB0aGlzLiRub2RlLmNzcygndG9wJywgMCArICdweCcpO1xuICAgIHRoaXMuJG5vZGUuY3NzKCdsZWZ0JywgMCArICdweCcpO1xuXG4gICAgdmFyIGlucHV0UmVjdCA9IHRoaXMuJGlucHV0WzBdLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuXG4gICAgaWYgKHRoaXMuYXV0b1dpZHRoKSB7XG4gICAgICB0aGlzLiRub2RlLmNzcygnd2lkdGgnLCBpbnB1dFJlY3Qud2lkdGggKyAncHgnKTtcbiAgICB9XG5cbiAgICB2YXIgd3JhcHBlclJlY3QgPSB0aGlzLiRub2RlWzBdLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuXG4gICAgdmFyIHRvcCA9IGlucHV0UmVjdC5ib3R0b20gLSB3cmFwcGVyUmVjdC50b3A7XG4gICAgdGhpcy4kbm9kZS5jc3MoJ3RvcCcsIHRvcCArICdweCcpO1xuICAgIHZhciBsZWZ0ID0gaW5wdXRSZWN0LmxlZnQgLSB3cmFwcGVyUmVjdC5sZWZ0O1xuICAgIHRoaXMuJG5vZGUuY3NzKCdsZWZ0JywgbGVmdCArICdweCcpO1xuXG4gICAgdGhpcy5ldmVudEJ1cy50cmlnZ2VyKCdyZWRyYXduJyk7XG4gIH0sXG5cbiAgX29uU2hvd246IGZ1bmN0aW9uIG9uU2hvd24oKSB7XG4gICAgdGhpcy5ldmVudEJ1cy50cmlnZ2VyKCdzaG93bicpO1xuICAgIGlmICh0aGlzLmF1dG9zZWxlY3QpIHtcbiAgICAgIHRoaXMuZHJvcGRvd24uY3Vyc29yVG9wU3VnZ2VzdGlvbigpO1xuICAgIH1cbiAgfSxcblxuICBfb25DbG9zZWQ6IGZ1bmN0aW9uIG9uQ2xvc2VkKCkge1xuICAgIHRoaXMuaW5wdXQuY2xlYXJIaW50KCk7XG4gICAgdGhpcy5pbnB1dC5yZW1vdmVBY3RpdmVEZXNjZW5kYW50KCk7XG4gICAgdGhpcy5pbnB1dC5jb2xsYXBzZSgpO1xuXG4gICAgdGhpcy5ldmVudEJ1cy50cmlnZ2VyKCdjbG9zZWQnKTtcbiAgfSxcblxuICBfb25Gb2N1c2VkOiBmdW5jdGlvbiBvbkZvY3VzZWQoKSB7XG4gICAgdGhpcy5pc0FjdGl2YXRlZCA9IHRydWU7XG5cbiAgICBpZiAodGhpcy5vcGVuT25Gb2N1cykge1xuICAgICAgdmFyIHF1ZXJ5ID0gdGhpcy5pbnB1dC5nZXRRdWVyeSgpO1xuICAgICAgaWYgKHF1ZXJ5Lmxlbmd0aCA+PSB0aGlzLm1pbkxlbmd0aCkge1xuICAgICAgICB0aGlzLmRyb3Bkb3duLnVwZGF0ZShxdWVyeSk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLmRyb3Bkb3duLmVtcHR5KCk7XG4gICAgICB9XG5cbiAgICAgIHRoaXMuZHJvcGRvd24ub3BlbigpO1xuICAgIH1cbiAgfSxcblxuICBfb25CbHVycmVkOiBmdW5jdGlvbiBvbkJsdXJyZWQoKSB7XG4gICAgdmFyIGN1cnNvckRhdHVtO1xuICAgIHZhciB0b3BTdWdnZXN0aW9uRGF0dW07XG5cbiAgICBjdXJzb3JEYXR1bSA9IHRoaXMuZHJvcGRvd24uZ2V0RGF0dW1Gb3JDdXJzb3IoKTtcbiAgICB0b3BTdWdnZXN0aW9uRGF0dW0gPSB0aGlzLmRyb3Bkb3duLmdldERhdHVtRm9yVG9wU3VnZ2VzdGlvbigpO1xuICAgIHZhciBjb250ZXh0ID0ge3NlbGVjdGlvbk1ldGhvZDogJ2JsdXInfTtcblxuICAgIGlmICghdGhpcy5kZWJ1Zykge1xuICAgICAgaWYgKHRoaXMuYXV0b3NlbGVjdE9uQmx1ciAmJiBjdXJzb3JEYXR1bSkge1xuICAgICAgICB0aGlzLl9zZWxlY3QoY3Vyc29yRGF0dW0sIGNvbnRleHQpO1xuICAgICAgfSBlbHNlIGlmICh0aGlzLmF1dG9zZWxlY3RPbkJsdXIgJiYgdG9wU3VnZ2VzdGlvbkRhdHVtKSB7XG4gICAgICAgIHRoaXMuX3NlbGVjdCh0b3BTdWdnZXN0aW9uRGF0dW0sIGNvbnRleHQpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5pc0FjdGl2YXRlZCA9IGZhbHNlO1xuICAgICAgICB0aGlzLmRyb3Bkb3duLmVtcHR5KCk7XG4gICAgICAgIHRoaXMuZHJvcGRvd24uY2xvc2UoKTtcbiAgICAgIH1cbiAgICB9XG4gIH0sXG5cbiAgX29uRW50ZXJLZXllZDogZnVuY3Rpb24gb25FbnRlcktleWVkKHR5cGUsICRlKSB7XG4gICAgdmFyIGN1cnNvckRhdHVtO1xuICAgIHZhciB0b3BTdWdnZXN0aW9uRGF0dW07XG5cbiAgICBjdXJzb3JEYXR1bSA9IHRoaXMuZHJvcGRvd24uZ2V0RGF0dW1Gb3JDdXJzb3IoKTtcbiAgICB0b3BTdWdnZXN0aW9uRGF0dW0gPSB0aGlzLmRyb3Bkb3duLmdldERhdHVtRm9yVG9wU3VnZ2VzdGlvbigpO1xuICAgIHZhciBjb250ZXh0ID0ge3NlbGVjdGlvbk1ldGhvZDogJ2VudGVyS2V5J307XG5cbiAgICBpZiAoY3Vyc29yRGF0dW0pIHtcbiAgICAgIHRoaXMuX3NlbGVjdChjdXJzb3JEYXR1bSwgY29udGV4dCk7XG4gICAgICAkZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIH0gZWxzZSBpZiAodGhpcy5hdXRvc2VsZWN0ICYmIHRvcFN1Z2dlc3Rpb25EYXR1bSkge1xuICAgICAgdGhpcy5fc2VsZWN0KHRvcFN1Z2dlc3Rpb25EYXR1bSwgY29udGV4dCk7XG4gICAgICAkZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIH1cbiAgfSxcblxuICBfb25UYWJLZXllZDogZnVuY3Rpb24gb25UYWJLZXllZCh0eXBlLCAkZSkge1xuICAgIGlmICghdGhpcy50YWJBdXRvY29tcGxldGUpIHtcbiAgICAgIC8vIENsb3NpbmcgdGhlIGRyb3Bkb3duIGVuYWJsZXMgZnVydGhlciB0YWJiaW5nXG4gICAgICB0aGlzLmRyb3Bkb3duLmNsb3NlKCk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdmFyIGRhdHVtO1xuICAgIHZhciBjb250ZXh0ID0ge3NlbGVjdGlvbk1ldGhvZDogJ3RhYktleSd9O1xuXG4gICAgaWYgKGRhdHVtID0gdGhpcy5kcm9wZG93bi5nZXREYXR1bUZvckN1cnNvcigpKSB7XG4gICAgICB0aGlzLl9zZWxlY3QoZGF0dW0sIGNvbnRleHQpO1xuICAgICAgJGUucHJldmVudERlZmF1bHQoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5fYXV0b2NvbXBsZXRlKHRydWUpO1xuICAgIH1cbiAgfSxcblxuICBfb25Fc2NLZXllZDogZnVuY3Rpb24gb25Fc2NLZXllZCgpIHtcbiAgICB0aGlzLmRyb3Bkb3duLmNsb3NlKCk7XG4gICAgdGhpcy5pbnB1dC5yZXNldElucHV0VmFsdWUoKTtcbiAgfSxcblxuICBfb25VcEtleWVkOiBmdW5jdGlvbiBvblVwS2V5ZWQoKSB7XG4gICAgdmFyIHF1ZXJ5ID0gdGhpcy5pbnB1dC5nZXRRdWVyeSgpO1xuXG4gICAgaWYgKHRoaXMuZHJvcGRvd24uaXNFbXB0eSAmJiBxdWVyeS5sZW5ndGggPj0gdGhpcy5taW5MZW5ndGgpIHtcbiAgICAgIHRoaXMuZHJvcGRvd24udXBkYXRlKHF1ZXJ5KTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5kcm9wZG93bi5tb3ZlQ3Vyc29yVXAoKTtcbiAgICB9XG5cbiAgICB0aGlzLmRyb3Bkb3duLm9wZW4oKTtcbiAgfSxcblxuICBfb25Eb3duS2V5ZWQ6IGZ1bmN0aW9uIG9uRG93bktleWVkKCkge1xuICAgIHZhciBxdWVyeSA9IHRoaXMuaW5wdXQuZ2V0UXVlcnkoKTtcblxuICAgIGlmICh0aGlzLmRyb3Bkb3duLmlzRW1wdHkgJiYgcXVlcnkubGVuZ3RoID49IHRoaXMubWluTGVuZ3RoKSB7XG4gICAgICB0aGlzLmRyb3Bkb3duLnVwZGF0ZShxdWVyeSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuZHJvcGRvd24ubW92ZUN1cnNvckRvd24oKTtcbiAgICB9XG5cbiAgICB0aGlzLmRyb3Bkb3duLm9wZW4oKTtcbiAgfSxcblxuICBfb25MZWZ0S2V5ZWQ6IGZ1bmN0aW9uIG9uTGVmdEtleWVkKCkge1xuICAgIGlmICh0aGlzLmRpciA9PT0gJ3J0bCcpIHtcbiAgICAgIHRoaXMuX2F1dG9jb21wbGV0ZSgpO1xuICAgIH1cbiAgfSxcblxuICBfb25SaWdodEtleWVkOiBmdW5jdGlvbiBvblJpZ2h0S2V5ZWQoKSB7XG4gICAgaWYgKHRoaXMuZGlyID09PSAnbHRyJykge1xuICAgICAgdGhpcy5fYXV0b2NvbXBsZXRlKCk7XG4gICAgfVxuICB9LFxuXG4gIF9vblF1ZXJ5Q2hhbmdlZDogZnVuY3Rpb24gb25RdWVyeUNoYW5nZWQoZSwgcXVlcnkpIHtcbiAgICB0aGlzLmlucHV0LmNsZWFySGludElmSW52YWxpZCgpO1xuXG4gICAgaWYgKHF1ZXJ5Lmxlbmd0aCA+PSB0aGlzLm1pbkxlbmd0aCkge1xuICAgICAgdGhpcy5kcm9wZG93bi51cGRhdGUocXVlcnkpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmRyb3Bkb3duLmVtcHR5KCk7XG4gICAgfVxuXG4gICAgdGhpcy5kcm9wZG93bi5vcGVuKCk7XG4gICAgdGhpcy5fc2V0TGFuZ3VhZ2VEaXJlY3Rpb24oKTtcbiAgfSxcblxuICBfb25XaGl0ZXNwYWNlQ2hhbmdlZDogZnVuY3Rpb24gb25XaGl0ZXNwYWNlQ2hhbmdlZCgpIHtcbiAgICB0aGlzLl91cGRhdGVIaW50KCk7XG4gICAgdGhpcy5kcm9wZG93bi5vcGVuKCk7XG4gIH0sXG5cbiAgX3NldExhbmd1YWdlRGlyZWN0aW9uOiBmdW5jdGlvbiBzZXRMYW5ndWFnZURpcmVjdGlvbigpIHtcbiAgICB2YXIgZGlyID0gdGhpcy5pbnB1dC5nZXRMYW5ndWFnZURpcmVjdGlvbigpO1xuXG4gICAgaWYgKHRoaXMuZGlyICE9PSBkaXIpIHtcbiAgICAgIHRoaXMuZGlyID0gZGlyO1xuICAgICAgdGhpcy4kbm9kZS5jc3MoJ2RpcmVjdGlvbicsIGRpcik7XG4gICAgICB0aGlzLmRyb3Bkb3duLnNldExhbmd1YWdlRGlyZWN0aW9uKGRpcik7XG4gICAgfVxuICB9LFxuXG4gIF91cGRhdGVIaW50OiBmdW5jdGlvbiB1cGRhdGVIaW50KCkge1xuICAgIHZhciBkYXR1bTtcbiAgICB2YXIgdmFsO1xuICAgIHZhciBxdWVyeTtcbiAgICB2YXIgZXNjYXBlZFF1ZXJ5O1xuICAgIHZhciBmcm9udE1hdGNoUmVnRXg7XG4gICAgdmFyIG1hdGNoO1xuXG4gICAgZGF0dW0gPSB0aGlzLmRyb3Bkb3duLmdldERhdHVtRm9yVG9wU3VnZ2VzdGlvbigpO1xuXG4gICAgaWYgKGRhdHVtICYmIHRoaXMuZHJvcGRvd24uaXNWaXNpYmxlKCkgJiYgIXRoaXMuaW5wdXQuaGFzT3ZlcmZsb3coKSkge1xuICAgICAgdmFsID0gdGhpcy5pbnB1dC5nZXRJbnB1dFZhbHVlKCk7XG4gICAgICBxdWVyeSA9IElucHV0Lm5vcm1hbGl6ZVF1ZXJ5KHZhbCk7XG4gICAgICBlc2NhcGVkUXVlcnkgPSBfLmVzY2FwZVJlZ0V4Q2hhcnMocXVlcnkpO1xuXG4gICAgICAvLyBtYXRjaCBpbnB1dCB2YWx1ZSwgdGhlbiBjYXB0dXJlIHRyYWlsaW5nIHRleHRcbiAgICAgIGZyb250TWF0Y2hSZWdFeCA9IG5ldyBSZWdFeHAoJ14oPzonICsgZXNjYXBlZFF1ZXJ5ICsgJykoLiskKScsICdpJyk7XG4gICAgICBtYXRjaCA9IGZyb250TWF0Y2hSZWdFeC5leGVjKGRhdHVtLnZhbHVlKTtcblxuICAgICAgLy8gY2xlYXIgaGludCBpZiB0aGVyZSdzIG5vIHRyYWlsaW5nIHRleHRcbiAgICAgIGlmIChtYXRjaCkge1xuICAgICAgICB0aGlzLmlucHV0LnNldEhpbnQodmFsICsgbWF0Y2hbMV0pO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5pbnB1dC5jbGVhckhpbnQoKTtcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5pbnB1dC5jbGVhckhpbnQoKTtcbiAgICB9XG4gIH0sXG5cbiAgX2F1dG9jb21wbGV0ZTogZnVuY3Rpb24gYXV0b2NvbXBsZXRlKGxheEN1cnNvcikge1xuICAgIHZhciBoaW50O1xuICAgIHZhciBxdWVyeTtcbiAgICB2YXIgaXNDdXJzb3JBdEVuZDtcbiAgICB2YXIgZGF0dW07XG5cbiAgICBoaW50ID0gdGhpcy5pbnB1dC5nZXRIaW50KCk7XG4gICAgcXVlcnkgPSB0aGlzLmlucHV0LmdldFF1ZXJ5KCk7XG4gICAgaXNDdXJzb3JBdEVuZCA9IGxheEN1cnNvciB8fCB0aGlzLmlucHV0LmlzQ3Vyc29yQXRFbmQoKTtcblxuICAgIGlmIChoaW50ICYmIHF1ZXJ5ICE9PSBoaW50ICYmIGlzQ3Vyc29yQXRFbmQpIHtcbiAgICAgIGRhdHVtID0gdGhpcy5kcm9wZG93bi5nZXREYXR1bUZvclRvcFN1Z2dlc3Rpb24oKTtcbiAgICAgIGlmIChkYXR1bSkge1xuICAgICAgICB0aGlzLmlucHV0LnNldElucHV0VmFsdWUoZGF0dW0udmFsdWUpO1xuICAgICAgfVxuXG4gICAgICB0aGlzLmV2ZW50QnVzLnRyaWdnZXIoJ2F1dG9jb21wbGV0ZWQnLCBkYXR1bS5yYXcsIGRhdHVtLmRhdGFzZXROYW1lKTtcbiAgICB9XG4gIH0sXG5cbiAgX3NlbGVjdDogZnVuY3Rpb24gc2VsZWN0KGRhdHVtLCBjb250ZXh0KSB7XG4gICAgaWYgKHR5cGVvZiBkYXR1bS52YWx1ZSAhPT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgIHRoaXMuaW5wdXQuc2V0UXVlcnkoZGF0dW0udmFsdWUpO1xuICAgIH1cbiAgICBpZiAodGhpcy5jbGVhck9uU2VsZWN0ZWQpIHtcbiAgICAgIHRoaXMuc2V0VmFsKCcnKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5pbnB1dC5zZXRJbnB1dFZhbHVlKGRhdHVtLnZhbHVlLCB0cnVlKTtcbiAgICB9XG5cbiAgICB0aGlzLl9zZXRMYW5ndWFnZURpcmVjdGlvbigpO1xuXG4gICAgdmFyIGV2ZW50ID0gdGhpcy5ldmVudEJ1cy50cmlnZ2VyKCdzZWxlY3RlZCcsIGRhdHVtLnJhdywgZGF0dW0uZGF0YXNldE5hbWUsIGNvbnRleHQpO1xuICAgIGlmIChldmVudC5pc0RlZmF1bHRQcmV2ZW50ZWQoKSA9PT0gZmFsc2UpIHtcbiAgICAgIHRoaXMuZHJvcGRvd24uY2xvc2UoKTtcblxuICAgICAgLy8gIzExODogYWxsb3cgY2xpY2sgZXZlbnQgdG8gYnViYmxlIHVwIHRvIHRoZSBib2R5IGJlZm9yZSByZW1vdmluZ1xuICAgICAgLy8gdGhlIHN1Z2dlc3Rpb25zIG90aGVyd2lzZSB3ZSBicmVhayBldmVudCBkZWxlZ2F0aW9uXG4gICAgICBfLmRlZmVyKF8uYmluZCh0aGlzLmRyb3Bkb3duLmVtcHR5LCB0aGlzLmRyb3Bkb3duKSk7XG4gICAgfVxuICB9LFxuXG4gIC8vICMjIyBwdWJsaWNcblxuICBvcGVuOiBmdW5jdGlvbiBvcGVuKCkge1xuICAgIC8vIGlmIHRoZSBtZW51IGlzIG5vdCBhY3RpdmF0ZWQgeWV0LCB3ZSBuZWVkIHRvIHVwZGF0ZVxuICAgIC8vIHRoZSB1bmRlcmx5aW5nIGRyb3Bkb3duIG1lbnUgdG8gdHJpZ2dlciB0aGUgc2VhcmNoXG4gICAgLy8gb3RoZXJ3aXNlIHdlJ3JlIG5vdCBnb25uYSBzZWUgYW55dGhpbmdcbiAgICBpZiAoIXRoaXMuaXNBY3RpdmF0ZWQpIHtcbiAgICAgIHZhciBxdWVyeSA9IHRoaXMuaW5wdXQuZ2V0SW5wdXRWYWx1ZSgpO1xuICAgICAgaWYgKHF1ZXJ5Lmxlbmd0aCA+PSB0aGlzLm1pbkxlbmd0aCkge1xuICAgICAgICB0aGlzLmRyb3Bkb3duLnVwZGF0ZShxdWVyeSk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLmRyb3Bkb3duLmVtcHR5KCk7XG4gICAgICB9XG4gICAgfVxuICAgIHRoaXMuZHJvcGRvd24ub3BlbigpO1xuICB9LFxuXG4gIGNsb3NlOiBmdW5jdGlvbiBjbG9zZSgpIHtcbiAgICB0aGlzLmRyb3Bkb3duLmNsb3NlKCk7XG4gIH0sXG5cbiAgc2V0VmFsOiBmdW5jdGlvbiBzZXRWYWwodmFsKSB7XG4gICAgLy8gZXhwZWN0IHZhbCB0byBiZSBhIHN0cmluZywgc28gYmUgc2FmZSwgYW5kIGNvZXJjZVxuICAgIHZhbCA9IF8udG9TdHIodmFsKTtcblxuICAgIGlmICh0aGlzLmlzQWN0aXZhdGVkKSB7XG4gICAgICB0aGlzLmlucHV0LnNldElucHV0VmFsdWUodmFsKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5pbnB1dC5zZXRRdWVyeSh2YWwpO1xuICAgICAgdGhpcy5pbnB1dC5zZXRJbnB1dFZhbHVlKHZhbCwgdHJ1ZSk7XG4gICAgfVxuXG4gICAgdGhpcy5fc2V0TGFuZ3VhZ2VEaXJlY3Rpb24oKTtcbiAgfSxcblxuICBnZXRWYWw6IGZ1bmN0aW9uIGdldFZhbCgpIHtcbiAgICByZXR1cm4gdGhpcy5pbnB1dC5nZXRRdWVyeSgpO1xuICB9LFxuXG4gIGRlc3Ryb3k6IGZ1bmN0aW9uIGRlc3Ryb3koKSB7XG4gICAgdGhpcy5pbnB1dC5kZXN0cm95KCk7XG4gICAgdGhpcy5kcm9wZG93bi5kZXN0cm95KCk7XG5cbiAgICBkZXN0cm95RG9tU3RydWN0dXJlKHRoaXMuJG5vZGUsIHRoaXMuY3NzQ2xhc3Nlcyk7XG5cbiAgICB0aGlzLiRub2RlID0gbnVsbDtcbiAgfSxcblxuICBnZXRXcmFwcGVyOiBmdW5jdGlvbiBnZXRXcmFwcGVyKCkge1xuICAgIHJldHVybiB0aGlzLmRyb3Bkb3duLiRjb250YWluZXJbMF07XG4gIH1cbn0pO1xuXG5mdW5jdGlvbiBidWlsZERvbShvcHRpb25zKSB7XG4gIHZhciAkaW5wdXQ7XG4gIHZhciAkd3JhcHBlcjtcbiAgdmFyICRkcm9wZG93bjtcbiAgdmFyICRoaW50O1xuXG4gICRpbnB1dCA9IERPTS5lbGVtZW50KG9wdGlvbnMuaW5wdXQpO1xuICAkd3JhcHBlciA9IERPTVxuICAgIC5lbGVtZW50KGh0bWwud3JhcHBlci5yZXBsYWNlKCclUk9PVCUnLCBvcHRpb25zLmNzc0NsYXNzZXMucm9vdCkpXG4gICAgLmNzcyhvcHRpb25zLmNzcy53cmFwcGVyKTtcblxuICAvLyBvdmVycmlkZSB0aGUgZGlzcGxheSBwcm9wZXJ0eSB3aXRoIHRoZSB0YWJsZS1jZWxsIHZhbHVlXG4gIC8vIGlmIHRoZSBwYXJlbnQgZWxlbWVudCBpcyBhIHRhYmxlIGFuZCB0aGUgb3JpZ2luYWwgaW5wdXQgd2FzIGEgYmxvY2tcbiAgLy8gIC0+IGh0dHBzOi8vZ2l0aHViLmNvbS9hbGdvbGlhL2F1dG9jb21wbGV0ZS5qcy9pc3N1ZXMvMTZcbiAgaWYgKCFvcHRpb25zLmFwcGVuZFRvICYmICRpbnB1dC5jc3MoJ2Rpc3BsYXknKSA9PT0gJ2Jsb2NrJyAmJiAkaW5wdXQucGFyZW50KCkuY3NzKCdkaXNwbGF5JykgPT09ICd0YWJsZScpIHtcbiAgICAkd3JhcHBlci5jc3MoJ2Rpc3BsYXknLCAndGFibGUtY2VsbCcpO1xuICB9XG4gIHZhciBkcm9wZG93bkh0bWwgPSBodG1sLmRyb3Bkb3duLlxuICAgIHJlcGxhY2UoJyVQUkVGSVglJywgb3B0aW9ucy5jc3NDbGFzc2VzLnByZWZpeCkuXG4gICAgcmVwbGFjZSgnJURST1BET1dOX01FTlUlJywgb3B0aW9ucy5jc3NDbGFzc2VzLmRyb3Bkb3duTWVudSk7XG4gICRkcm9wZG93biA9IERPTS5lbGVtZW50KGRyb3Bkb3duSHRtbClcbiAgICAuY3NzKG9wdGlvbnMuY3NzLmRyb3Bkb3duKVxuICAgIC5hdHRyKHtcbiAgICAgIHJvbGU6ICdsaXN0Ym94JyxcbiAgICAgIGlkOiBvcHRpb25zLmxpc3Rib3hJZFxuICAgIH0pO1xuICBpZiAob3B0aW9ucy50ZW1wbGF0ZXMgJiYgb3B0aW9ucy50ZW1wbGF0ZXMuZHJvcGRvd25NZW51KSB7XG4gICAgJGRyb3Bkb3duLmh0bWwoXy50ZW1wbGF0aWZ5KG9wdGlvbnMudGVtcGxhdGVzLmRyb3Bkb3duTWVudSkoKSk7XG4gIH1cbiAgJGhpbnQgPSAkaW5wdXQuY2xvbmUoKS5jc3Mob3B0aW9ucy5jc3MuaGludCkuY3NzKGdldEJhY2tncm91bmRTdHlsZXMoJGlucHV0KSk7XG5cbiAgJGhpbnRcbiAgICAudmFsKCcnKVxuICAgIC5hZGRDbGFzcyhfLmNsYXNzTmFtZShvcHRpb25zLmNzc0NsYXNzZXMucHJlZml4LCBvcHRpb25zLmNzc0NsYXNzZXMuaGludCwgdHJ1ZSkpXG4gICAgLnJlbW92ZUF0dHIoJ2lkIG5hbWUgcGxhY2Vob2xkZXIgcmVxdWlyZWQnKVxuICAgIC5wcm9wKCdyZWFkb25seScsIHRydWUpXG4gICAgLmF0dHIoe1xuICAgICAgJ2FyaWEtaGlkZGVuJzogJ3RydWUnLFxuICAgICAgYXV0b2NvbXBsZXRlOiAnb2ZmJyxcbiAgICAgIHNwZWxsY2hlY2s6ICdmYWxzZScsXG4gICAgICB0YWJpbmRleDogLTFcbiAgICB9KTtcbiAgaWYgKCRoaW50LnJlbW92ZURhdGEpIHtcbiAgICAkaGludC5yZW1vdmVEYXRhKCk7XG4gIH1cblxuICAvLyBzdG9yZSB0aGUgb3JpZ2luYWwgdmFsdWVzIG9mIHRoZSBhdHRycyB0aGF0IGdldCBtb2RpZmllZFxuICAvLyBzbyBtb2RpZmljYXRpb25zIGNhbiBiZSByZXZlcnRlZCBvbiBkZXN0cm95XG4gICRpbnB1dC5kYXRhKGF0dHJzS2V5LCB7XG4gICAgJ2FyaWEtYXV0b2NvbXBsZXRlJzogJGlucHV0LmF0dHIoJ2FyaWEtYXV0b2NvbXBsZXRlJyksXG4gICAgJ2FyaWEtZXhwYW5kZWQnOiAkaW5wdXQuYXR0cignYXJpYS1leHBhbmRlZCcpLFxuICAgICdhcmlhLW93bnMnOiAkaW5wdXQuYXR0cignYXJpYS1vd25zJyksXG4gICAgYXV0b2NvbXBsZXRlOiAkaW5wdXQuYXR0cignYXV0b2NvbXBsZXRlJyksXG4gICAgZGlyOiAkaW5wdXQuYXR0cignZGlyJyksXG4gICAgcm9sZTogJGlucHV0LmF0dHIoJ3JvbGUnKSxcbiAgICBzcGVsbGNoZWNrOiAkaW5wdXQuYXR0cignc3BlbGxjaGVjaycpLFxuICAgIHN0eWxlOiAkaW5wdXQuYXR0cignc3R5bGUnKSxcbiAgICB0eXBlOiAkaW5wdXQuYXR0cigndHlwZScpXG4gIH0pO1xuXG4gICRpbnB1dFxuICAgIC5hZGRDbGFzcyhfLmNsYXNzTmFtZShvcHRpb25zLmNzc0NsYXNzZXMucHJlZml4LCBvcHRpb25zLmNzc0NsYXNzZXMuaW5wdXQsIHRydWUpKVxuICAgIC5hdHRyKHtcbiAgICAgIGF1dG9jb21wbGV0ZTogJ29mZicsXG4gICAgICBzcGVsbGNoZWNrOiBmYWxzZSxcblxuICAgICAgLy8gQWNjZXNzaWJpbGl0eSBmZWF0dXJlc1xuICAgICAgLy8gR2l2ZSB0aGUgZmllbGQgYSBwcmVzZW50YXRpb24gb2YgYSBcInNlbGVjdFwiLlxuICAgICAgLy8gQ29tYm9ib3ggaXMgdGhlIGNvbWJpbmVkIHByZXNlbnRhdGlvbiBvZiBhIHNpbmdsZSBsaW5lIHRleHRmaWVsZFxuICAgICAgLy8gd2l0aCBhIGxpc3Rib3ggcG9wdXAuXG4gICAgICAvLyBodHRwczovL3d3dy53My5vcmcvV0FJL1BGL2FyaWEvcm9sZXMjY29tYm9ib3hcbiAgICAgIHJvbGU6ICdjb21ib2JveCcsXG4gICAgICAvLyBMZXQgdGhlIHNjcmVlbiByZWFkZXIga25vdyB0aGUgZmllbGQgaGFzIGFuIGF1dG9jb21wbGV0ZVxuICAgICAgLy8gZmVhdHVyZSB0byBpdC5cbiAgICAgICdhcmlhLWF1dG9jb21wbGV0ZSc6IChvcHRpb25zLmRhdGFzZXRzICYmXG4gICAgICAgIG9wdGlvbnMuZGF0YXNldHNbMF0gJiYgb3B0aW9ucy5kYXRhc2V0c1swXS5kaXNwbGF5S2V5ID8gJ2JvdGgnIDogJ2xpc3QnKSxcbiAgICAgIC8vIEluZGljYXRlcyB3aGV0aGVyIHRoZSBkcm9wZG93biBpdCBjb250cm9scyBpcyBjdXJyZW50bHkgZXhwYW5kZWQgb3IgY29sbGFwc2VkXG4gICAgICAnYXJpYS1leHBhbmRlZCc6ICdmYWxzZScsXG4gICAgICAnYXJpYS1sYWJlbCc6IG9wdGlvbnMuYXJpYUxhYmVsLFxuICAgICAgLy8gRXhwbGljaXRseSBwb2ludCB0byB0aGUgbGlzdGJveCxcbiAgICAgIC8vIHdoaWNoIGlzIGEgbGlzdCBvZiBzdWdnZXN0aW9ucyAoYWthIG9wdGlvbnMpXG4gICAgICAnYXJpYS1vd25zJzogb3B0aW9ucy5saXN0Ym94SWRcbiAgICB9KVxuICAgIC5jc3Mob3B0aW9ucy5oaW50ID8gb3B0aW9ucy5jc3MuaW5wdXQgOiBvcHRpb25zLmNzcy5pbnB1dFdpdGhOb0hpbnQpO1xuXG4gIC8vIGllNyBkb2VzIG5vdCBsaWtlIGl0IHdoZW4gZGlyIGlzIHNldCB0byBhdXRvXG4gIHRyeSB7XG4gICAgaWYgKCEkaW5wdXQuYXR0cignZGlyJykpIHtcbiAgICAgICRpbnB1dC5hdHRyKCdkaXInLCAnYXV0bycpO1xuICAgIH1cbiAgfSBjYXRjaCAoZSkge1xuICAgIC8vIGlnbm9yZVxuICB9XG5cbiAgJHdyYXBwZXIgPSBvcHRpb25zLmFwcGVuZFRvXG4gICAgPyAkd3JhcHBlci5hcHBlbmRUbyhET00uZWxlbWVudChvcHRpb25zLmFwcGVuZFRvKS5lcSgwKSkuZXEoMClcbiAgICA6ICRpbnB1dC53cmFwKCR3cmFwcGVyKS5wYXJlbnQoKTtcblxuICAkd3JhcHBlclxuICAgIC5wcmVwZW5kKG9wdGlvbnMuaGludCA/ICRoaW50IDogbnVsbClcbiAgICAuYXBwZW5kKCRkcm9wZG93bik7XG5cbiAgcmV0dXJuIHtcbiAgICB3cmFwcGVyOiAkd3JhcHBlcixcbiAgICBpbnB1dDogJGlucHV0LFxuICAgIGhpbnQ6ICRoaW50LFxuICAgIG1lbnU6ICRkcm9wZG93blxuICB9O1xufVxuXG5mdW5jdGlvbiBnZXRCYWNrZ3JvdW5kU3R5bGVzKCRlbCkge1xuICByZXR1cm4ge1xuICAgIGJhY2tncm91bmRBdHRhY2htZW50OiAkZWwuY3NzKCdiYWNrZ3JvdW5kLWF0dGFjaG1lbnQnKSxcbiAgICBiYWNrZ3JvdW5kQ2xpcDogJGVsLmNzcygnYmFja2dyb3VuZC1jbGlwJyksXG4gICAgYmFja2dyb3VuZENvbG9yOiAkZWwuY3NzKCdiYWNrZ3JvdW5kLWNvbG9yJyksXG4gICAgYmFja2dyb3VuZEltYWdlOiAkZWwuY3NzKCdiYWNrZ3JvdW5kLWltYWdlJyksXG4gICAgYmFja2dyb3VuZE9yaWdpbjogJGVsLmNzcygnYmFja2dyb3VuZC1vcmlnaW4nKSxcbiAgICBiYWNrZ3JvdW5kUG9zaXRpb246ICRlbC5jc3MoJ2JhY2tncm91bmQtcG9zaXRpb24nKSxcbiAgICBiYWNrZ3JvdW5kUmVwZWF0OiAkZWwuY3NzKCdiYWNrZ3JvdW5kLXJlcGVhdCcpLFxuICAgIGJhY2tncm91bmRTaXplOiAkZWwuY3NzKCdiYWNrZ3JvdW5kLXNpemUnKVxuICB9O1xufVxuXG5mdW5jdGlvbiBkZXN0cm95RG9tU3RydWN0dXJlKCRub2RlLCBjc3NDbGFzc2VzKSB7XG4gIHZhciAkaW5wdXQgPSAkbm9kZS5maW5kKF8uY2xhc3NOYW1lKGNzc0NsYXNzZXMucHJlZml4LCBjc3NDbGFzc2VzLmlucHV0KSk7XG5cbiAgLy8gbmVlZCB0byByZW1vdmUgYXR0cnMgdGhhdCB3ZXJlbid0IHByZXZpb3VzbHkgZGVmaW5lZCBhbmRcbiAgLy8gcmV2ZXJ0IGF0dHJzIHRoYXQgb3JpZ2luYWxseSBoYWQgYSB2YWx1ZVxuICBfLmVhY2goJGlucHV0LmRhdGEoYXR0cnNLZXkpLCBmdW5jdGlvbih2YWwsIGtleSkge1xuICAgIGlmICh2YWwgPT09IHVuZGVmaW5lZCkge1xuICAgICAgJGlucHV0LnJlbW92ZUF0dHIoa2V5KTtcbiAgICB9IGVsc2Uge1xuICAgICAgJGlucHV0LmF0dHIoa2V5LCB2YWwpO1xuICAgIH1cbiAgfSk7XG5cbiAgJGlucHV0XG4gICAgLmRldGFjaCgpXG4gICAgLnJlbW92ZUNsYXNzKF8uY2xhc3NOYW1lKGNzc0NsYXNzZXMucHJlZml4LCBjc3NDbGFzc2VzLmlucHV0LCB0cnVlKSlcbiAgICAuaW5zZXJ0QWZ0ZXIoJG5vZGUpO1xuICBpZiAoJGlucHV0LnJlbW92ZURhdGEpIHtcbiAgICAkaW5wdXQucmVtb3ZlRGF0YShhdHRyc0tleSk7XG4gIH1cblxuICAkbm9kZS5yZW1vdmUoKTtcbn1cblxuVHlwZWFoZWFkLkRyb3Bkb3duID0gRHJvcGRvd247XG5UeXBlYWhlYWQuSW5wdXQgPSBJbnB1dDtcblR5cGVhaGVhZC5zb3VyY2VzID0gcmVxdWlyZSgnLi4vc291cmNlcy9pbmRleC5qcycpO1xuXG5tb2R1bGUuZXhwb3J0cyA9IFR5cGVhaGVhZDtcbiIsIid1c2Ugc3RyaWN0JztcblxubW9kdWxlLmV4cG9ydHMgPSB7XG4gIGVsZW1lbnQ6IG51bGxcbn07XG4iLCIndXNlIHN0cmljdCc7XG5tb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uIHBhcnNlQWxnb2xpYUNsaWVudFZlcnNpb24oYWdlbnQpIHtcbiAgdmFyIHBhcnNlZCA9IGFnZW50Lm1hdGNoKC9BbGdvbGlhIGZvciB2YW5pbGxhIEphdmFTY3JpcHQgKFxcZCtcXC4pKFxcZCtcXC4pKFxcZCspLyk7XG4gIGlmIChwYXJzZWQpIHJldHVybiBbcGFyc2VkWzFdLCBwYXJzZWRbMl0sIHBhcnNlZFszXV07XG4gIHJldHVybiB1bmRlZmluZWQ7XG59O1xuIiwiJ3VzZSBzdHJpY3QnO1xuXG52YXIgRE9NID0gcmVxdWlyZSgnLi9kb20uanMnKTtcblxuZnVuY3Rpb24gZXNjYXBlUmVnRXhwKHN0cikge1xuICByZXR1cm4gc3RyLnJlcGxhY2UoL1tcXC1cXFtcXF1cXC9cXHtcXH1cXChcXClcXCpcXCtcXD9cXC5cXFxcXFxeXFwkXFx8XS9nLCAnXFxcXCQmJyk7XG59XG5cbm1vZHVsZS5leHBvcnRzID0ge1xuICAvLyB0aG9zZSBtZXRob2RzIGFyZSBpbXBsZW1lbnRlZCBkaWZmZXJlbnRseVxuICAvLyBkZXBlbmRpbmcgb24gd2hpY2ggYnVpbGQgaXQgaXMsIHVzaW5nXG4gIC8vICQuLi4gb3IgYW5ndWxhci4uLiBvciBaZXB0by4uLiBvciByZXF1aXJlKC4uLilcbiAgaXNBcnJheTogbnVsbCxcbiAgaXNGdW5jdGlvbjogbnVsbCxcbiAgaXNPYmplY3Q6IG51bGwsXG4gIGJpbmQ6IG51bGwsXG4gIGVhY2g6IG51bGwsXG4gIG1hcDogbnVsbCxcbiAgbWl4aW46IG51bGwsXG5cbiAgaXNNc2llOiBmdW5jdGlvbihhZ2VudFN0cmluZykge1xuICAgIGlmIChhZ2VudFN0cmluZyA9PT0gdW5kZWZpbmVkKSB7IGFnZW50U3RyaW5nID0gbmF2aWdhdG9yLnVzZXJBZ2VudDsgfVxuICAgIC8vIGZyb20gaHR0cHM6Ly9naXRodWIuY29tL2RlZC9ib3dzZXIvYmxvYi9tYXN0ZXIvYm93c2VyLmpzXG4gICAgaWYgKCgvKG1zaWV8dHJpZGVudCkvaSkudGVzdChhZ2VudFN0cmluZykpIHtcbiAgICAgIHZhciBtYXRjaCA9IGFnZW50U3RyaW5nLm1hdGNoKC8obXNpZSB8cnY6KShcXGQrKC5cXGQrKT8pL2kpO1xuICAgICAgaWYgKG1hdGNoKSB7IHJldHVybiBtYXRjaFsyXTsgfVxuICAgIH1cbiAgICByZXR1cm4gZmFsc2U7XG4gIH0sXG5cbiAgLy8gaHR0cDovL3N0YWNrb3ZlcmZsb3cuY29tL2EvNjk2OTQ4NlxuICBlc2NhcGVSZWdFeENoYXJzOiBmdW5jdGlvbihzdHIpIHtcbiAgICByZXR1cm4gc3RyLnJlcGxhY2UoL1tcXC1cXFtcXF1cXC9cXHtcXH1cXChcXClcXCpcXCtcXD9cXC5cXFxcXFxeXFwkXFx8XS9nLCAnXFxcXCQmJyk7XG4gIH0sXG5cbiAgaXNOdW1iZXI6IGZ1bmN0aW9uKG9iaikgeyByZXR1cm4gdHlwZW9mIG9iaiA9PT0gJ251bWJlcic7IH0sXG5cbiAgdG9TdHI6IGZ1bmN0aW9uIHRvU3RyKHMpIHtcbiAgICByZXR1cm4gcyA9PT0gdW5kZWZpbmVkIHx8IHMgPT09IG51bGwgPyAnJyA6IHMgKyAnJztcbiAgfSxcblxuICBjbG9uZURlZXA6IGZ1bmN0aW9uIGNsb25lRGVlcChvYmopIHtcbiAgICB2YXIgY2xvbmUgPSB0aGlzLm1peGluKHt9LCBvYmopO1xuICAgIHZhciBzZWxmID0gdGhpcztcbiAgICB0aGlzLmVhY2goY2xvbmUsIGZ1bmN0aW9uKHZhbHVlLCBrZXkpIHtcbiAgICAgIGlmICh2YWx1ZSkge1xuICAgICAgICBpZiAoc2VsZi5pc0FycmF5KHZhbHVlKSkge1xuICAgICAgICAgIGNsb25lW2tleV0gPSBbXS5jb25jYXQodmFsdWUpO1xuICAgICAgICB9IGVsc2UgaWYgKHNlbGYuaXNPYmplY3QodmFsdWUpKSB7XG4gICAgICAgICAgY2xvbmVba2V5XSA9IHNlbGYuY2xvbmVEZWVwKHZhbHVlKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH0pO1xuICAgIHJldHVybiBjbG9uZTtcbiAgfSxcblxuICBlcnJvcjogZnVuY3Rpb24obXNnKSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKG1zZyk7XG4gIH0sXG5cbiAgZXZlcnk6IGZ1bmN0aW9uKG9iaiwgdGVzdCkge1xuICAgIHZhciByZXN1bHQgPSB0cnVlO1xuICAgIGlmICghb2JqKSB7XG4gICAgICByZXR1cm4gcmVzdWx0O1xuICAgIH1cbiAgICB0aGlzLmVhY2gob2JqLCBmdW5jdGlvbih2YWwsIGtleSkge1xuICAgICAgaWYgKHJlc3VsdCkge1xuICAgICAgICByZXN1bHQgPSB0ZXN0LmNhbGwobnVsbCwgdmFsLCBrZXksIG9iaikgJiYgcmVzdWx0O1xuICAgICAgfVxuICAgIH0pO1xuICAgIHJldHVybiAhIXJlc3VsdDtcbiAgfSxcblxuICBhbnk6IGZ1bmN0aW9uKG9iaiwgdGVzdCkge1xuICAgIHZhciBmb3VuZCA9IGZhbHNlO1xuICAgIGlmICghb2JqKSB7XG4gICAgICByZXR1cm4gZm91bmQ7XG4gICAgfVxuICAgIHRoaXMuZWFjaChvYmosIGZ1bmN0aW9uKHZhbCwga2V5KSB7XG4gICAgICBpZiAodGVzdC5jYWxsKG51bGwsIHZhbCwga2V5LCBvYmopKSB7XG4gICAgICAgIGZvdW5kID0gdHJ1ZTtcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgICAgfVxuICAgIH0pO1xuICAgIHJldHVybiBmb3VuZDtcbiAgfSxcblxuICBnZXRVbmlxdWVJZDogKGZ1bmN0aW9uKCkge1xuICAgIHZhciBjb3VudGVyID0gMDtcbiAgICByZXR1cm4gZnVuY3Rpb24oKSB7IHJldHVybiBjb3VudGVyKys7IH07XG4gIH0pKCksXG5cbiAgdGVtcGxhdGlmeTogZnVuY3Rpb24gdGVtcGxhdGlmeShvYmopIHtcbiAgICBpZiAodGhpcy5pc0Z1bmN0aW9uKG9iaikpIHtcbiAgICAgIHJldHVybiBvYmo7XG4gICAgfVxuICAgIHZhciAkdGVtcGxhdGUgPSBET00uZWxlbWVudChvYmopO1xuICAgIGlmICgkdGVtcGxhdGUucHJvcCgndGFnTmFtZScpID09PSAnU0NSSVBUJykge1xuICAgICAgcmV0dXJuIGZ1bmN0aW9uIHRlbXBsYXRlKCkgeyByZXR1cm4gJHRlbXBsYXRlLnRleHQoKTsgfTtcbiAgICB9XG4gICAgcmV0dXJuIGZ1bmN0aW9uIHRlbXBsYXRlKCkgeyByZXR1cm4gU3RyaW5nKG9iaik7IH07XG4gIH0sXG5cbiAgZGVmZXI6IGZ1bmN0aW9uKGZuKSB7IHNldFRpbWVvdXQoZm4sIDApOyB9LFxuXG4gIG5vb3A6IGZ1bmN0aW9uKCkge30sXG5cbiAgZm9ybWF0UHJlZml4OiBmdW5jdGlvbihwcmVmaXgsIG5vUHJlZml4KSB7XG4gICAgcmV0dXJuIG5vUHJlZml4ID8gJycgOiBwcmVmaXggKyAnLSc7XG4gIH0sXG5cbiAgY2xhc3NOYW1lOiBmdW5jdGlvbihwcmVmaXgsIGNsYXp6LCBza2lwRG90KSB7XG4gICAgcmV0dXJuIChza2lwRG90ID8gJycgOiAnLicpICsgcHJlZml4ICsgY2xheno7XG4gIH0sXG5cbiAgZXNjYXBlSGlnaGxpZ2h0ZWRTdHJpbmc6IGZ1bmN0aW9uKHN0ciwgaGlnaGxpZ2h0UHJlVGFnLCBoaWdobGlnaHRQb3N0VGFnKSB7XG4gICAgaGlnaGxpZ2h0UHJlVGFnID0gaGlnaGxpZ2h0UHJlVGFnIHx8ICc8ZW0+JztcbiAgICB2YXIgcHJlID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gICAgcHJlLmFwcGVuZENoaWxkKGRvY3VtZW50LmNyZWF0ZVRleHROb2RlKGhpZ2hsaWdodFByZVRhZykpO1xuXG4gICAgaGlnaGxpZ2h0UG9zdFRhZyA9IGhpZ2hsaWdodFBvc3RUYWcgfHwgJzwvZW0+JztcbiAgICB2YXIgcG9zdCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgIHBvc3QuYXBwZW5kQ2hpbGQoZG9jdW1lbnQuY3JlYXRlVGV4dE5vZGUoaGlnaGxpZ2h0UG9zdFRhZykpO1xuXG4gICAgdmFyIGRpdiA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgIGRpdi5hcHBlbmRDaGlsZChkb2N1bWVudC5jcmVhdGVUZXh0Tm9kZShzdHIpKTtcbiAgICByZXR1cm4gZGl2LmlubmVySFRNTFxuICAgICAgLnJlcGxhY2UoUmVnRXhwKGVzY2FwZVJlZ0V4cChwcmUuaW5uZXJIVE1MKSwgJ2cnKSwgaGlnaGxpZ2h0UHJlVGFnKVxuICAgICAgLnJlcGxhY2UoUmVnRXhwKGVzY2FwZVJlZ0V4cChwb3N0LmlubmVySFRNTCksICdnJyksIGhpZ2hsaWdodFBvc3RUYWcpO1xuICB9XG59O1xuIiwiJ3VzZSBzdHJpY3QnO1xuXG52YXIgXyA9IHJlcXVpcmUoJy4uL2NvbW1vbi91dGlscy5qcycpO1xudmFyIHZlcnNpb24gPSByZXF1aXJlKCcuLi8uLi92ZXJzaW9uLmpzJyk7XG52YXIgcGFyc2VBbGdvbGlhQ2xpZW50VmVyc2lvbiA9IHJlcXVpcmUoJy4uL2NvbW1vbi9wYXJzZUFsZ29saWFDbGllbnRWZXJzaW9uLmpzJyk7XG5cbm1vZHVsZS5leHBvcnRzID0gZnVuY3Rpb24gc2VhcmNoKGluZGV4LCBwYXJhbXMpIHtcbiAgdmFyIGFsZ29saWFWZXJzaW9uID0gcGFyc2VBbGdvbGlhQ2xpZW50VmVyc2lvbihpbmRleC5hcy5fdWEpO1xuICBpZiAoYWxnb2xpYVZlcnNpb24gJiYgYWxnb2xpYVZlcnNpb25bMF0gPj0gMyAmJiBhbGdvbGlhVmVyc2lvblsxXSA+IDIwKSB7XG4gICAgcGFyYW1zID0gcGFyYW1zIHx8IHt9O1xuICAgIHBhcmFtcy5hZGRpdGlvbmFsVUEgPSAnYXV0b2NvbXBsZXRlLmpzICcgKyB2ZXJzaW9uO1xuICB9XG4gIHJldHVybiBzb3VyY2VGbjtcblxuICBmdW5jdGlvbiBzb3VyY2VGbihxdWVyeSwgY2IpIHtcbiAgICBpbmRleC5zZWFyY2gocXVlcnksIHBhcmFtcywgZnVuY3Rpb24oZXJyb3IsIGNvbnRlbnQpIHtcbiAgICAgIGlmIChlcnJvcikge1xuICAgICAgICBfLmVycm9yKGVycm9yLm1lc3NhZ2UpO1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICBjYihjb250ZW50LmhpdHMsIGNvbnRlbnQpO1xuICAgIH0pO1xuICB9XG59O1xuIiwiJ3VzZSBzdHJpY3QnO1xuXG5tb2R1bGUuZXhwb3J0cyA9IHtcbiAgaGl0czogcmVxdWlyZSgnLi9oaXRzLmpzJyksXG4gIHBvcHVsYXJJbjogcmVxdWlyZSgnLi9wb3B1bGFySW4uanMnKVxufTtcbiIsIid1c2Ugc3RyaWN0JztcblxudmFyIF8gPSByZXF1aXJlKCcuLi9jb21tb24vdXRpbHMuanMnKTtcbnZhciB2ZXJzaW9uID0gcmVxdWlyZSgnLi4vLi4vdmVyc2lvbi5qcycpO1xudmFyIHBhcnNlQWxnb2xpYUNsaWVudFZlcnNpb24gPSByZXF1aXJlKCcuLi9jb21tb24vcGFyc2VBbGdvbGlhQ2xpZW50VmVyc2lvbi5qcycpO1xuXG5tb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uIHBvcHVsYXJJbihpbmRleCwgcGFyYW1zLCBkZXRhaWxzLCBvcHRpb25zKSB7XG4gIHZhciBhbGdvbGlhVmVyc2lvbiA9IHBhcnNlQWxnb2xpYUNsaWVudFZlcnNpb24oaW5kZXguYXMuX3VhKTtcbiAgaWYgKGFsZ29saWFWZXJzaW9uICYmIGFsZ29saWFWZXJzaW9uWzBdID49IDMgJiYgYWxnb2xpYVZlcnNpb25bMV0gPiAyMCkge1xuICAgIHBhcmFtcyA9IHBhcmFtcyB8fCB7fTtcbiAgICBwYXJhbXMuYWRkaXRpb25hbFVBID0gJ2F1dG9jb21wbGV0ZS5qcyAnICsgdmVyc2lvbjtcbiAgfVxuICBpZiAoIWRldGFpbHMuc291cmNlKSB7XG4gICAgcmV0dXJuIF8uZXJyb3IoXCJNaXNzaW5nICdzb3VyY2UnIGtleVwiKTtcbiAgfVxuICB2YXIgc291cmNlID0gXy5pc0Z1bmN0aW9uKGRldGFpbHMuc291cmNlKSA/IGRldGFpbHMuc291cmNlIDogZnVuY3Rpb24oaGl0KSB7IHJldHVybiBoaXRbZGV0YWlscy5zb3VyY2VdOyB9O1xuXG4gIGlmICghZGV0YWlscy5pbmRleCkge1xuICAgIHJldHVybiBfLmVycm9yKFwiTWlzc2luZyAnaW5kZXgnIGtleVwiKTtcbiAgfVxuICB2YXIgZGV0YWlsc0luZGV4ID0gZGV0YWlscy5pbmRleDtcblxuICBvcHRpb25zID0gb3B0aW9ucyB8fCB7fTtcblxuICByZXR1cm4gc291cmNlRm47XG5cbiAgZnVuY3Rpb24gc291cmNlRm4ocXVlcnksIGNiKSB7XG4gICAgaW5kZXguc2VhcmNoKHF1ZXJ5LCBwYXJhbXMsIGZ1bmN0aW9uKGVycm9yLCBjb250ZW50KSB7XG4gICAgICBpZiAoZXJyb3IpIHtcbiAgICAgICAgXy5lcnJvcihlcnJvci5tZXNzYWdlKTtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBpZiAoY29udGVudC5oaXRzLmxlbmd0aCA+IDApIHtcbiAgICAgICAgdmFyIGZpcnN0ID0gY29udGVudC5oaXRzWzBdO1xuXG4gICAgICAgIHZhciBkZXRhaWxzUGFyYW1zID0gXy5taXhpbih7aGl0c1BlclBhZ2U6IDB9LCBkZXRhaWxzKTtcbiAgICAgICAgZGVsZXRlIGRldGFpbHNQYXJhbXMuc291cmNlOyAvLyBub3QgYSBxdWVyeSBwYXJhbWV0ZXJcbiAgICAgICAgZGVsZXRlIGRldGFpbHNQYXJhbXMuaW5kZXg7IC8vIG5vdCBhIHF1ZXJ5IHBhcmFtZXRlclxuXG4gICAgICAgIHZhciBkZXRhaWxzQWxnb2xpYVZlcnNpb24gPSBwYXJzZUFsZ29saWFDbGllbnRWZXJzaW9uKGRldGFpbHNJbmRleC5hcy5fdWEpO1xuICAgICAgICBpZiAoZGV0YWlsc0FsZ29saWFWZXJzaW9uICYmIGRldGFpbHNBbGdvbGlhVmVyc2lvblswXSA+PSAzICYmIGRldGFpbHNBbGdvbGlhVmVyc2lvblsxXSA+IDIwKSB7XG4gICAgICAgICAgcGFyYW1zLmFkZGl0aW9uYWxVQSA9ICdhdXRvY29tcGxldGUuanMgJyArIHZlcnNpb247XG4gICAgICAgIH1cblxuICAgICAgICBkZXRhaWxzSW5kZXguc2VhcmNoKHNvdXJjZShmaXJzdCksIGRldGFpbHNQYXJhbXMsIGZ1bmN0aW9uKGVycm9yMiwgY29udGVudDIpIHtcbiAgICAgICAgICBpZiAoZXJyb3IyKSB7XG4gICAgICAgICAgICBfLmVycm9yKGVycm9yMi5tZXNzYWdlKTtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICB2YXIgc3VnZ2VzdGlvbnMgPSBbXTtcblxuICAgICAgICAgIC8vIGFkZCB0aGUgJ2FsbCBkZXBhcnRtZW50JyBlbnRyeSBiZWZvcmUgb3RoZXJzXG4gICAgICAgICAgaWYgKG9wdGlvbnMuaW5jbHVkZUFsbCkge1xuICAgICAgICAgICAgdmFyIGxhYmVsID0gb3B0aW9ucy5hbGxUaXRsZSB8fCAnQWxsIGRlcGFydG1lbnRzJztcbiAgICAgICAgICAgIHN1Z2dlc3Rpb25zLnB1c2goXy5taXhpbih7XG4gICAgICAgICAgICAgIGZhY2V0OiB7dmFsdWU6IGxhYmVsLCBjb3VudDogY29udGVudDIubmJIaXRzfVxuICAgICAgICAgICAgfSwgXy5jbG9uZURlZXAoZmlyc3QpKSk7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgLy8gZW5yaWNoIHRoZSBmaXJzdCBoaXQgaXRlcmF0aW5nIG92ZXIgdGhlIGZhY2V0c1xuICAgICAgICAgIF8uZWFjaChjb250ZW50Mi5mYWNldHMsIGZ1bmN0aW9uKHZhbHVlcywgZmFjZXQpIHtcbiAgICAgICAgICAgIF8uZWFjaCh2YWx1ZXMsIGZ1bmN0aW9uKGNvdW50LCB2YWx1ZSkge1xuICAgICAgICAgICAgICBzdWdnZXN0aW9ucy5wdXNoKF8ubWl4aW4oe1xuICAgICAgICAgICAgICAgIGZhY2V0OiB7ZmFjZXQ6IGZhY2V0LCB2YWx1ZTogdmFsdWUsIGNvdW50OiBjb3VudH1cbiAgICAgICAgICAgICAgfSwgXy5jbG9uZURlZXAoZmlyc3QpKSk7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICB9KTtcblxuICAgICAgICAgIC8vIGFwcGVuZCBhbGwgb3RoZXIgaGl0c1xuICAgICAgICAgIGZvciAodmFyIGkgPSAxOyBpIDwgY29udGVudC5oaXRzLmxlbmd0aDsgKytpKSB7XG4gICAgICAgICAgICBzdWdnZXN0aW9ucy5wdXNoKGNvbnRlbnQuaGl0c1tpXSk7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgY2Ioc3VnZ2VzdGlvbnMsIGNvbnRlbnQpO1xuICAgICAgICB9KTtcblxuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIGNiKFtdKTtcbiAgICB9KTtcbiAgfVxufTtcbiIsIid1c2Ugc3RyaWN0JztcblxuLy8gdGhpcyB3aWxsIGluamVjdCBaZXB0byBpbiB3aW5kb3csIHVuZm9ydHVuYXRlbHkgbm8gZWFzeSBjb21tb25KUyB6ZXB0byBidWlsZFxudmFyIHplcHRvID0gcmVxdWlyZSgnLi4vLi4vemVwdG8uanMnKTtcblxuLy8gc2V0dXAgRE9NIGVsZW1lbnRcbnZhciBET00gPSByZXF1aXJlKCcuLi9jb21tb24vZG9tLmpzJyk7XG5ET00uZWxlbWVudCA9IHplcHRvO1xuXG4vLyBzZXR1cCB1dGlscyBmdW5jdGlvbnNcbnZhciBfID0gcmVxdWlyZSgnLi4vY29tbW9uL3V0aWxzLmpzJyk7XG5fLmlzQXJyYXkgPSB6ZXB0by5pc0FycmF5O1xuXy5pc0Z1bmN0aW9uID0gemVwdG8uaXNGdW5jdGlvbjtcbl8uaXNPYmplY3QgPSB6ZXB0by5pc1BsYWluT2JqZWN0O1xuXy5iaW5kID0gemVwdG8ucHJveHk7XG5fLmVhY2ggPSBmdW5jdGlvbihjb2xsZWN0aW9uLCBjYikge1xuICAvLyBzdHVwaWQgYXJndW1lbnQgb3JkZXIgZm9yIGpRdWVyeS5lYWNoXG4gIHplcHRvLmVhY2goY29sbGVjdGlvbiwgcmV2ZXJzZUFyZ3MpO1xuICBmdW5jdGlvbiByZXZlcnNlQXJncyhpbmRleCwgdmFsdWUpIHtcbiAgICByZXR1cm4gY2IodmFsdWUsIGluZGV4KTtcbiAgfVxufTtcbl8ubWFwID0gemVwdG8ubWFwO1xuXy5taXhpbiA9IHplcHRvLmV4dGVuZDtcbl8uRXZlbnQgPSB6ZXB0by5FdmVudDtcblxudmFyIHR5cGVhaGVhZEtleSA9ICdhYUF1dG9jb21wbGV0ZSc7XG52YXIgVHlwZWFoZWFkID0gcmVxdWlyZSgnLi4vYXV0b2NvbXBsZXRlL3R5cGVhaGVhZC5qcycpO1xudmFyIEV2ZW50QnVzID0gcmVxdWlyZSgnLi4vYXV0b2NvbXBsZXRlL2V2ZW50X2J1cy5qcycpO1xuXG5mdW5jdGlvbiBhdXRvY29tcGxldGUoc2VsZWN0b3IsIG9wdGlvbnMsIGRhdGFzZXRzLCB0eXBlYWhlYWRPYmplY3QpIHtcbiAgZGF0YXNldHMgPSBfLmlzQXJyYXkoZGF0YXNldHMpID8gZGF0YXNldHMgOiBbXS5zbGljZS5jYWxsKGFyZ3VtZW50cywgMik7XG5cbiAgdmFyIGlucHV0cyA9IHplcHRvKHNlbGVjdG9yKS5lYWNoKGZ1bmN0aW9uKGksIGlucHV0KSB7XG4gICAgdmFyICRpbnB1dCA9IHplcHRvKGlucHV0KTtcbiAgICB2YXIgZXZlbnRCdXMgPSBuZXcgRXZlbnRCdXMoe2VsOiAkaW5wdXR9KTtcbiAgICB2YXIgdHlwZWFoZWFkID0gdHlwZWFoZWFkT2JqZWN0IHx8IG5ldyBUeXBlYWhlYWQoe1xuICAgICAgaW5wdXQ6ICRpbnB1dCxcbiAgICAgIGV2ZW50QnVzOiBldmVudEJ1cyxcbiAgICAgIGRyb3Bkb3duTWVudUNvbnRhaW5lcjogb3B0aW9ucy5kcm9wZG93bk1lbnVDb250YWluZXIsXG4gICAgICBoaW50OiBvcHRpb25zLmhpbnQgPT09IHVuZGVmaW5lZCA/IHRydWUgOiAhIW9wdGlvbnMuaGludCxcbiAgICAgIG1pbkxlbmd0aDogb3B0aW9ucy5taW5MZW5ndGgsXG4gICAgICBhdXRvc2VsZWN0OiBvcHRpb25zLmF1dG9zZWxlY3QsXG4gICAgICBhdXRvc2VsZWN0T25CbHVyOiBvcHRpb25zLmF1dG9zZWxlY3RPbkJsdXIsXG4gICAgICB0YWJBdXRvY29tcGxldGU6IG9wdGlvbnMudGFiQXV0b2NvbXBsZXRlLFxuICAgICAgb3Blbk9uRm9jdXM6IG9wdGlvbnMub3Blbk9uRm9jdXMsXG4gICAgICB0ZW1wbGF0ZXM6IG9wdGlvbnMudGVtcGxhdGVzLFxuICAgICAgZGVidWc6IG9wdGlvbnMuZGVidWcsXG4gICAgICBjbGVhck9uU2VsZWN0ZWQ6IG9wdGlvbnMuY2xlYXJPblNlbGVjdGVkLFxuICAgICAgY3NzQ2xhc3Nlczogb3B0aW9ucy5jc3NDbGFzc2VzLFxuICAgICAgZGF0YXNldHM6IGRhdGFzZXRzLFxuICAgICAga2V5Ym9hcmRTaG9ydGN1dHM6IG9wdGlvbnMua2V5Ym9hcmRTaG9ydGN1dHMsXG4gICAgICBhcHBlbmRUbzogb3B0aW9ucy5hcHBlbmRUbyxcbiAgICAgIGF1dG9XaWR0aDogb3B0aW9ucy5hdXRvV2lkdGgsXG4gICAgICBhcmlhTGFiZWw6IG9wdGlvbnMuYXJpYUxhYmVsIHx8IGlucHV0LmdldEF0dHJpYnV0ZSgnYXJpYS1sYWJlbCcpXG4gICAgfSk7XG4gICAgJGlucHV0LmRhdGEodHlwZWFoZWFkS2V5LCB0eXBlYWhlYWQpO1xuICB9KTtcblxuICAvLyBleHBvc2UgYWxsIG1ldGhvZHMgaW4gdGhlIGBhdXRvY29tcGxldGVgIGF0dHJpYnV0ZVxuICBpbnB1dHMuYXV0b2NvbXBsZXRlID0ge307XG4gIF8uZWFjaChbJ29wZW4nLCAnY2xvc2UnLCAnZ2V0VmFsJywgJ3NldFZhbCcsICdkZXN0cm95JywgJ2dldFdyYXBwZXInXSwgZnVuY3Rpb24obWV0aG9kKSB7XG4gICAgaW5wdXRzLmF1dG9jb21wbGV0ZVttZXRob2RdID0gZnVuY3Rpb24oKSB7XG4gICAgICB2YXIgbWV0aG9kQXJndW1lbnRzID0gYXJndW1lbnRzO1xuICAgICAgdmFyIHJlc3VsdDtcbiAgICAgIGlucHV0cy5lYWNoKGZ1bmN0aW9uKGosIGlucHV0KSB7XG4gICAgICAgIHZhciB0eXBlYWhlYWQgPSB6ZXB0byhpbnB1dCkuZGF0YSh0eXBlYWhlYWRLZXkpO1xuICAgICAgICByZXN1bHQgPSB0eXBlYWhlYWRbbWV0aG9kXS5hcHBseSh0eXBlYWhlYWQsIG1ldGhvZEFyZ3VtZW50cyk7XG4gICAgICB9KTtcbiAgICAgIHJldHVybiByZXN1bHQ7XG4gICAgfTtcbiAgfSk7XG5cbiAgcmV0dXJuIGlucHV0cztcbn1cblxuYXV0b2NvbXBsZXRlLnNvdXJjZXMgPSBUeXBlYWhlYWQuc291cmNlcztcbmF1dG9jb21wbGV0ZS5lc2NhcGVIaWdobGlnaHRlZFN0cmluZyA9IF8uZXNjYXBlSGlnaGxpZ2h0ZWRTdHJpbmc7XG5cbnZhciB3YXNBdXRvY29tcGxldGVTZXQgPSAnYXV0b2NvbXBsZXRlJyBpbiB3aW5kb3c7XG52YXIgb2xkQXV0b2NvbXBsZXRlID0gd2luZG93LmF1dG9jb21wbGV0ZTtcbmF1dG9jb21wbGV0ZS5ub0NvbmZsaWN0ID0gZnVuY3Rpb24gbm9Db25mbGljdCgpIHtcbiAgaWYgKHdhc0F1dG9jb21wbGV0ZVNldCkge1xuICAgIHdpbmRvdy5hdXRvY29tcGxldGUgPSBvbGRBdXRvY29tcGxldGU7XG4gIH0gZWxzZSB7XG4gICAgZGVsZXRlIHdpbmRvdy5hdXRvY29tcGxldGU7XG4gIH1cbiAgcmV0dXJuIGF1dG9jb21wbGV0ZTtcbn07XG5cbm1vZHVsZS5leHBvcnRzID0gYXV0b2NvbXBsZXRlO1xuIiwibW9kdWxlLmV4cG9ydHMgPSBcIjAuMzYuMFwiO1xuIiwiLyogaXN0YW5idWwgaWdub3JlIG5leHQgKi9cbi8qIFplcHRvIHYxLjIuMCAtIHplcHRvIGV2ZW50IGFzc2V0cyBkYXRhIC0gemVwdG9qcy5jb20vbGljZW5zZSAqL1xuKGZ1bmN0aW9uKGdsb2JhbCwgZmFjdG9yeSkge1xuICBtb2R1bGUuZXhwb3J0cyA9IGZhY3RvcnkoZ2xvYmFsKTtcbn0oLyogdGhpcyAjIyMjIyBVUERBVEVEOiBoZXJlIHdlIHdhbnQgdG8gdXNlIHdpbmRvdy9nbG9iYWwgaW5zdGVhZCBvZiB0aGlzIHdoaWNoIGlzIHRoZSBjdXJyZW50IGZpbGUgY29udGV4dCAjIyMjIyAqLyB3aW5kb3csIGZ1bmN0aW9uKHdpbmRvdykge1xuICB2YXIgWmVwdG8gPSAoZnVuY3Rpb24oKSB7XG4gIHZhciB1bmRlZmluZWQsIGtleSwgJCwgY2xhc3NMaXN0LCBlbXB0eUFycmF5ID0gW10sIGNvbmNhdCA9IGVtcHR5QXJyYXkuY29uY2F0LCBmaWx0ZXIgPSBlbXB0eUFycmF5LmZpbHRlciwgc2xpY2UgPSBlbXB0eUFycmF5LnNsaWNlLFxuICAgIGRvY3VtZW50ID0gd2luZG93LmRvY3VtZW50LFxuICAgIGVsZW1lbnREaXNwbGF5ID0ge30sIGNsYXNzQ2FjaGUgPSB7fSxcbiAgICBjc3NOdW1iZXIgPSB7ICdjb2x1bW4tY291bnQnOiAxLCAnY29sdW1ucyc6IDEsICdmb250LXdlaWdodCc6IDEsICdsaW5lLWhlaWdodCc6IDEsJ29wYWNpdHknOiAxLCAnei1pbmRleCc6IDEsICd6b29tJzogMSB9LFxuICAgIGZyYWdtZW50UkUgPSAvXlxccyo8KFxcdyt8ISlbXj5dKj4vLFxuICAgIHNpbmdsZVRhZ1JFID0gL148KFxcdyspXFxzKlxcLz8+KD86PFxcL1xcMT58KSQvLFxuICAgIHRhZ0V4cGFuZGVyUkUgPSAvPCg/IWFyZWF8YnJ8Y29sfGVtYmVkfGhyfGltZ3xpbnB1dHxsaW5rfG1ldGF8cGFyYW0pKChbXFx3Ol0rKVtePl0qKVxcLz4vaWcsXG4gICAgcm9vdE5vZGVSRSA9IC9eKD86Ym9keXxodG1sKSQvaSxcbiAgICBjYXBpdGFsUkUgPSAvKFtBLVpdKS9nLFxuXG4gICAgLy8gc3BlY2lhbCBhdHRyaWJ1dGVzIHRoYXQgc2hvdWxkIGJlIGdldC9zZXQgdmlhIG1ldGhvZCBjYWxsc1xuICAgIG1ldGhvZEF0dHJpYnV0ZXMgPSBbJ3ZhbCcsICdjc3MnLCAnaHRtbCcsICd0ZXh0JywgJ2RhdGEnLCAnd2lkdGgnLCAnaGVpZ2h0JywgJ29mZnNldCddLFxuXG4gICAgYWRqYWNlbmN5T3BlcmF0b3JzID0gWyAnYWZ0ZXInLCAncHJlcGVuZCcsICdiZWZvcmUnLCAnYXBwZW5kJyBdLFxuICAgIHRhYmxlID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgndGFibGUnKSxcbiAgICB0YWJsZVJvdyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3RyJyksXG4gICAgY29udGFpbmVycyA9IHtcbiAgICAgICd0cic6IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3Rib2R5JyksXG4gICAgICAndGJvZHknOiB0YWJsZSwgJ3RoZWFkJzogdGFibGUsICd0Zm9vdCc6IHRhYmxlLFxuICAgICAgJ3RkJzogdGFibGVSb3csICd0aCc6IHRhYmxlUm93LFxuICAgICAgJyonOiBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKVxuICAgIH0sXG4gICAgcmVhZHlSRSA9IC9jb21wbGV0ZXxsb2FkZWR8aW50ZXJhY3RpdmUvLFxuICAgIHNpbXBsZVNlbGVjdG9yUkUgPSAvXltcXHctXSokLyxcbiAgICBjbGFzczJ0eXBlID0ge30sXG4gICAgdG9TdHJpbmcgPSBjbGFzczJ0eXBlLnRvU3RyaW5nLFxuICAgIHplcHRvID0ge30sXG4gICAgY2FtZWxpemUsIHVuaXEsXG4gICAgdGVtcFBhcmVudCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpLFxuICAgIHByb3BNYXAgPSB7XG4gICAgICAndGFiaW5kZXgnOiAndGFiSW5kZXgnLFxuICAgICAgJ3JlYWRvbmx5JzogJ3JlYWRPbmx5JyxcbiAgICAgICdmb3InOiAnaHRtbEZvcicsXG4gICAgICAnY2xhc3MnOiAnY2xhc3NOYW1lJyxcbiAgICAgICdtYXhsZW5ndGgnOiAnbWF4TGVuZ3RoJyxcbiAgICAgICdjZWxsc3BhY2luZyc6ICdjZWxsU3BhY2luZycsXG4gICAgICAnY2VsbHBhZGRpbmcnOiAnY2VsbFBhZGRpbmcnLFxuICAgICAgJ3Jvd3NwYW4nOiAncm93U3BhbicsXG4gICAgICAnY29sc3Bhbic6ICdjb2xTcGFuJyxcbiAgICAgICd1c2VtYXAnOiAndXNlTWFwJyxcbiAgICAgICdmcmFtZWJvcmRlcic6ICdmcmFtZUJvcmRlcicsXG4gICAgICAnY29udGVudGVkaXRhYmxlJzogJ2NvbnRlbnRFZGl0YWJsZSdcbiAgICB9LFxuICAgIGlzQXJyYXkgPSBBcnJheS5pc0FycmF5IHx8XG4gICAgICBmdW5jdGlvbihvYmplY3QpeyByZXR1cm4gb2JqZWN0IGluc3RhbmNlb2YgQXJyYXkgfVxuXG4gIHplcHRvLm1hdGNoZXMgPSBmdW5jdGlvbihlbGVtZW50LCBzZWxlY3Rvcikge1xuICAgIGlmICghc2VsZWN0b3IgfHwgIWVsZW1lbnQgfHwgZWxlbWVudC5ub2RlVHlwZSAhPT0gMSkgcmV0dXJuIGZhbHNlXG4gICAgdmFyIG1hdGNoZXNTZWxlY3RvciA9IGVsZW1lbnQubWF0Y2hlcyB8fCBlbGVtZW50LndlYmtpdE1hdGNoZXNTZWxlY3RvciB8fFxuICAgICAgICAgICAgICAgICAgICAgICAgICBlbGVtZW50Lm1vek1hdGNoZXNTZWxlY3RvciB8fCBlbGVtZW50Lm9NYXRjaGVzU2VsZWN0b3IgfHxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgZWxlbWVudC5tYXRjaGVzU2VsZWN0b3JcbiAgICBpZiAobWF0Y2hlc1NlbGVjdG9yKSByZXR1cm4gbWF0Y2hlc1NlbGVjdG9yLmNhbGwoZWxlbWVudCwgc2VsZWN0b3IpXG4gICAgLy8gZmFsbCBiYWNrIHRvIHBlcmZvcm1pbmcgYSBzZWxlY3RvcjpcbiAgICB2YXIgbWF0Y2gsIHBhcmVudCA9IGVsZW1lbnQucGFyZW50Tm9kZSwgdGVtcCA9ICFwYXJlbnRcbiAgICBpZiAodGVtcCkgKHBhcmVudCA9IHRlbXBQYXJlbnQpLmFwcGVuZENoaWxkKGVsZW1lbnQpXG4gICAgbWF0Y2ggPSB+emVwdG8ucXNhKHBhcmVudCwgc2VsZWN0b3IpLmluZGV4T2YoZWxlbWVudClcbiAgICB0ZW1wICYmIHRlbXBQYXJlbnQucmVtb3ZlQ2hpbGQoZWxlbWVudClcbiAgICByZXR1cm4gbWF0Y2hcbiAgfVxuXG4gIGZ1bmN0aW9uIHR5cGUob2JqKSB7XG4gICAgcmV0dXJuIG9iaiA9PSBudWxsID8gU3RyaW5nKG9iaikgOlxuICAgICAgY2xhc3MydHlwZVt0b1N0cmluZy5jYWxsKG9iaildIHx8IFwib2JqZWN0XCJcbiAgfVxuXG4gIGZ1bmN0aW9uIGlzRnVuY3Rpb24odmFsdWUpIHsgcmV0dXJuIHR5cGUodmFsdWUpID09IFwiZnVuY3Rpb25cIiB9XG4gIGZ1bmN0aW9uIGlzV2luZG93KG9iaikgICAgIHsgcmV0dXJuIG9iaiAhPSBudWxsICYmIG9iaiA9PSBvYmoud2luZG93IH1cbiAgZnVuY3Rpb24gaXNEb2N1bWVudChvYmopICAgeyByZXR1cm4gb2JqICE9IG51bGwgJiYgb2JqLm5vZGVUeXBlID09IG9iai5ET0NVTUVOVF9OT0RFIH1cbiAgZnVuY3Rpb24gaXNPYmplY3Qob2JqKSAgICAgeyByZXR1cm4gdHlwZShvYmopID09IFwib2JqZWN0XCIgfVxuICBmdW5jdGlvbiBpc1BsYWluT2JqZWN0KG9iaikge1xuICAgIHJldHVybiBpc09iamVjdChvYmopICYmICFpc1dpbmRvdyhvYmopICYmIE9iamVjdC5nZXRQcm90b3R5cGVPZihvYmopID09IE9iamVjdC5wcm90b3R5cGVcbiAgfVxuXG4gIGZ1bmN0aW9uIGxpa2VBcnJheShvYmopIHtcbiAgICB2YXIgbGVuZ3RoID0gISFvYmogJiYgJ2xlbmd0aCcgaW4gb2JqICYmIG9iai5sZW5ndGgsXG4gICAgICB0eXBlID0gJC50eXBlKG9iailcblxuICAgIHJldHVybiAnZnVuY3Rpb24nICE9IHR5cGUgJiYgIWlzV2luZG93KG9iaikgJiYgKFxuICAgICAgJ2FycmF5JyA9PSB0eXBlIHx8IGxlbmd0aCA9PT0gMCB8fFxuICAgICAgICAodHlwZW9mIGxlbmd0aCA9PSAnbnVtYmVyJyAmJiBsZW5ndGggPiAwICYmIChsZW5ndGggLSAxKSBpbiBvYmopXG4gICAgKVxuICB9XG5cbiAgZnVuY3Rpb24gY29tcGFjdChhcnJheSkgeyByZXR1cm4gZmlsdGVyLmNhbGwoYXJyYXksIGZ1bmN0aW9uKGl0ZW0peyByZXR1cm4gaXRlbSAhPSBudWxsIH0pIH1cbiAgZnVuY3Rpb24gZmxhdHRlbihhcnJheSkgeyByZXR1cm4gYXJyYXkubGVuZ3RoID4gMCA/ICQuZm4uY29uY2F0LmFwcGx5KFtdLCBhcnJheSkgOiBhcnJheSB9XG4gIGNhbWVsaXplID0gZnVuY3Rpb24oc3RyKXsgcmV0dXJuIHN0ci5yZXBsYWNlKC8tKyguKT8vZywgZnVuY3Rpb24obWF0Y2gsIGNocil7IHJldHVybiBjaHIgPyBjaHIudG9VcHBlckNhc2UoKSA6ICcnIH0pIH1cbiAgZnVuY3Rpb24gZGFzaGVyaXplKHN0cikge1xuICAgIHJldHVybiBzdHIucmVwbGFjZSgvOjovZywgJy8nKVxuICAgICAgICAgICAucmVwbGFjZSgvKFtBLVpdKykoW0EtWl1bYS16XSkvZywgJyQxXyQyJylcbiAgICAgICAgICAgLnJlcGxhY2UoLyhbYS16XFxkXSkoW0EtWl0pL2csICckMV8kMicpXG4gICAgICAgICAgIC5yZXBsYWNlKC9fL2csICctJylcbiAgICAgICAgICAgLnRvTG93ZXJDYXNlKClcbiAgfVxuICB1bmlxID0gZnVuY3Rpb24oYXJyYXkpeyByZXR1cm4gZmlsdGVyLmNhbGwoYXJyYXksIGZ1bmN0aW9uKGl0ZW0sIGlkeCl7IHJldHVybiBhcnJheS5pbmRleE9mKGl0ZW0pID09IGlkeCB9KSB9XG5cbiAgZnVuY3Rpb24gY2xhc3NSRShuYW1lKSB7XG4gICAgcmV0dXJuIG5hbWUgaW4gY2xhc3NDYWNoZSA/XG4gICAgICBjbGFzc0NhY2hlW25hbWVdIDogKGNsYXNzQ2FjaGVbbmFtZV0gPSBuZXcgUmVnRXhwKCcoXnxcXFxccyknICsgbmFtZSArICcoXFxcXHN8JCknKSlcbiAgfVxuXG4gIGZ1bmN0aW9uIG1heWJlQWRkUHgobmFtZSwgdmFsdWUpIHtcbiAgICByZXR1cm4gKHR5cGVvZiB2YWx1ZSA9PSBcIm51bWJlclwiICYmICFjc3NOdW1iZXJbZGFzaGVyaXplKG5hbWUpXSkgPyB2YWx1ZSArIFwicHhcIiA6IHZhbHVlXG4gIH1cblxuICBmdW5jdGlvbiBkZWZhdWx0RGlzcGxheShub2RlTmFtZSkge1xuICAgIHZhciBlbGVtZW50LCBkaXNwbGF5XG4gICAgaWYgKCFlbGVtZW50RGlzcGxheVtub2RlTmFtZV0pIHtcbiAgICAgIGVsZW1lbnQgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KG5vZGVOYW1lKVxuICAgICAgZG9jdW1lbnQuYm9keS5hcHBlbmRDaGlsZChlbGVtZW50KVxuICAgICAgZGlzcGxheSA9IGdldENvbXB1dGVkU3R5bGUoZWxlbWVudCwgJycpLmdldFByb3BlcnR5VmFsdWUoXCJkaXNwbGF5XCIpXG4gICAgICBlbGVtZW50LnBhcmVudE5vZGUucmVtb3ZlQ2hpbGQoZWxlbWVudClcbiAgICAgIGRpc3BsYXkgPT0gXCJub25lXCIgJiYgKGRpc3BsYXkgPSBcImJsb2NrXCIpXG4gICAgICBlbGVtZW50RGlzcGxheVtub2RlTmFtZV0gPSBkaXNwbGF5XG4gICAgfVxuICAgIHJldHVybiBlbGVtZW50RGlzcGxheVtub2RlTmFtZV1cbiAgfVxuXG4gIGZ1bmN0aW9uIGNoaWxkcmVuKGVsZW1lbnQpIHtcbiAgICByZXR1cm4gJ2NoaWxkcmVuJyBpbiBlbGVtZW50ID9cbiAgICAgIHNsaWNlLmNhbGwoZWxlbWVudC5jaGlsZHJlbikgOlxuICAgICAgJC5tYXAoZWxlbWVudC5jaGlsZE5vZGVzLCBmdW5jdGlvbihub2RlKXsgaWYgKG5vZGUubm9kZVR5cGUgPT0gMSkgcmV0dXJuIG5vZGUgfSlcbiAgfVxuXG4gIGZ1bmN0aW9uIFooZG9tLCBzZWxlY3Rvcikge1xuICAgIHZhciBpLCBsZW4gPSBkb20gPyBkb20ubGVuZ3RoIDogMFxuICAgIGZvciAoaSA9IDA7IGkgPCBsZW47IGkrKykgdGhpc1tpXSA9IGRvbVtpXVxuICAgIHRoaXMubGVuZ3RoID0gbGVuXG4gICAgdGhpcy5zZWxlY3RvciA9IHNlbGVjdG9yIHx8ICcnXG4gIH1cblxuICAvLyBgJC56ZXB0by5mcmFnbWVudGAgdGFrZXMgYSBodG1sIHN0cmluZyBhbmQgYW4gb3B0aW9uYWwgdGFnIG5hbWVcbiAgLy8gdG8gZ2VuZXJhdGUgRE9NIG5vZGVzIGZyb20gdGhlIGdpdmVuIGh0bWwgc3RyaW5nLlxuICAvLyBUaGUgZ2VuZXJhdGVkIERPTSBub2RlcyBhcmUgcmV0dXJuZWQgYXMgYW4gYXJyYXkuXG4gIC8vIFRoaXMgZnVuY3Rpb24gY2FuIGJlIG92ZXJyaWRkZW4gaW4gcGx1Z2lucyBmb3IgZXhhbXBsZSB0byBtYWtlXG4gIC8vIGl0IGNvbXBhdGlibGUgd2l0aCBicm93c2VycyB0aGF0IGRvbid0IHN1cHBvcnQgdGhlIERPTSBmdWxseS5cbiAgemVwdG8uZnJhZ21lbnQgPSBmdW5jdGlvbihodG1sLCBuYW1lLCBwcm9wZXJ0aWVzKSB7XG4gICAgdmFyIGRvbSwgbm9kZXMsIGNvbnRhaW5lclxuXG4gICAgLy8gQSBzcGVjaWFsIGNhc2Ugb3B0aW1pemF0aW9uIGZvciBhIHNpbmdsZSB0YWdcbiAgICBpZiAoc2luZ2xlVGFnUkUudGVzdChodG1sKSkgZG9tID0gJChkb2N1bWVudC5jcmVhdGVFbGVtZW50KFJlZ0V4cC4kMSkpXG5cbiAgICBpZiAoIWRvbSkge1xuICAgICAgaWYgKGh0bWwucmVwbGFjZSkgaHRtbCA9IGh0bWwucmVwbGFjZSh0YWdFeHBhbmRlclJFLCBcIjwkMT48LyQyPlwiKVxuICAgICAgaWYgKG5hbWUgPT09IHVuZGVmaW5lZCkgbmFtZSA9IGZyYWdtZW50UkUudGVzdChodG1sKSAmJiBSZWdFeHAuJDFcbiAgICAgIGlmICghKG5hbWUgaW4gY29udGFpbmVycykpIG5hbWUgPSAnKidcblxuICAgICAgY29udGFpbmVyID0gY29udGFpbmVyc1tuYW1lXVxuICAgICAgY29udGFpbmVyLmlubmVySFRNTCA9ICcnICsgaHRtbFxuICAgICAgZG9tID0gJC5lYWNoKHNsaWNlLmNhbGwoY29udGFpbmVyLmNoaWxkTm9kZXMpLCBmdW5jdGlvbigpe1xuICAgICAgICBjb250YWluZXIucmVtb3ZlQ2hpbGQodGhpcylcbiAgICAgIH0pXG4gICAgfVxuXG4gICAgaWYgKGlzUGxhaW5PYmplY3QocHJvcGVydGllcykpIHtcbiAgICAgIG5vZGVzID0gJChkb20pXG4gICAgICAkLmVhY2gocHJvcGVydGllcywgZnVuY3Rpb24oa2V5LCB2YWx1ZSkge1xuICAgICAgICBpZiAobWV0aG9kQXR0cmlidXRlcy5pbmRleE9mKGtleSkgPiAtMSkgbm9kZXNba2V5XSh2YWx1ZSlcbiAgICAgICAgZWxzZSBub2Rlcy5hdHRyKGtleSwgdmFsdWUpXG4gICAgICB9KVxuICAgIH1cblxuICAgIHJldHVybiBkb21cbiAgfVxuXG4gIC8vIGAkLnplcHRvLlpgIHN3YXBzIG91dCB0aGUgcHJvdG90eXBlIG9mIHRoZSBnaXZlbiBgZG9tYCBhcnJheVxuICAvLyBvZiBub2RlcyB3aXRoIGAkLmZuYCBhbmQgdGh1cyBzdXBwbHlpbmcgYWxsIHRoZSBaZXB0byBmdW5jdGlvbnNcbiAgLy8gdG8gdGhlIGFycmF5LiBUaGlzIG1ldGhvZCBjYW4gYmUgb3ZlcnJpZGRlbiBpbiBwbHVnaW5zLlxuICB6ZXB0by5aID0gZnVuY3Rpb24oZG9tLCBzZWxlY3Rvcikge1xuICAgIHJldHVybiBuZXcgWihkb20sIHNlbGVjdG9yKVxuICB9XG5cbiAgLy8gYCQuemVwdG8uaXNaYCBzaG91bGQgcmV0dXJuIGB0cnVlYCBpZiB0aGUgZ2l2ZW4gb2JqZWN0IGlzIGEgWmVwdG9cbiAgLy8gY29sbGVjdGlvbi4gVGhpcyBtZXRob2QgY2FuIGJlIG92ZXJyaWRkZW4gaW4gcGx1Z2lucy5cbiAgemVwdG8uaXNaID0gZnVuY3Rpb24ob2JqZWN0KSB7XG4gICAgcmV0dXJuIG9iamVjdCBpbnN0YW5jZW9mIHplcHRvLlpcbiAgfVxuXG4gIC8vIGAkLnplcHRvLmluaXRgIGlzIFplcHRvJ3MgY291bnRlcnBhcnQgdG8galF1ZXJ5J3MgYCQuZm4uaW5pdGAgYW5kXG4gIC8vIHRha2VzIGEgQ1NTIHNlbGVjdG9yIGFuZCBhbiBvcHRpb25hbCBjb250ZXh0IChhbmQgaGFuZGxlcyB2YXJpb3VzXG4gIC8vIHNwZWNpYWwgY2FzZXMpLlxuICAvLyBUaGlzIG1ldGhvZCBjYW4gYmUgb3ZlcnJpZGRlbiBpbiBwbHVnaW5zLlxuICB6ZXB0by5pbml0ID0gZnVuY3Rpb24oc2VsZWN0b3IsIGNvbnRleHQpIHtcbiAgICB2YXIgZG9tXG4gICAgLy8gSWYgbm90aGluZyBnaXZlbiwgcmV0dXJuIGFuIGVtcHR5IFplcHRvIGNvbGxlY3Rpb25cbiAgICBpZiAoIXNlbGVjdG9yKSByZXR1cm4gemVwdG8uWigpXG4gICAgLy8gT3B0aW1pemUgZm9yIHN0cmluZyBzZWxlY3RvcnNcbiAgICBlbHNlIGlmICh0eXBlb2Ygc2VsZWN0b3IgPT0gJ3N0cmluZycpIHtcbiAgICAgIHNlbGVjdG9yID0gc2VsZWN0b3IudHJpbSgpXG4gICAgICAvLyBJZiBpdCdzIGEgaHRtbCBmcmFnbWVudCwgY3JlYXRlIG5vZGVzIGZyb20gaXRcbiAgICAgIC8vIE5vdGU6IEluIGJvdGggQ2hyb21lIDIxIGFuZCBGaXJlZm94IDE1LCBET00gZXJyb3IgMTJcbiAgICAgIC8vIGlzIHRocm93biBpZiB0aGUgZnJhZ21lbnQgZG9lc24ndCBiZWdpbiB3aXRoIDxcbiAgICAgIGlmIChzZWxlY3RvclswXSA9PSAnPCcgJiYgZnJhZ21lbnRSRS50ZXN0KHNlbGVjdG9yKSlcbiAgICAgICAgZG9tID0gemVwdG8uZnJhZ21lbnQoc2VsZWN0b3IsIFJlZ0V4cC4kMSwgY29udGV4dCksIHNlbGVjdG9yID0gbnVsbFxuICAgICAgLy8gSWYgdGhlcmUncyBhIGNvbnRleHQsIGNyZWF0ZSBhIGNvbGxlY3Rpb24gb24gdGhhdCBjb250ZXh0IGZpcnN0LCBhbmQgc2VsZWN0XG4gICAgICAvLyBub2RlcyBmcm9tIHRoZXJlXG4gICAgICBlbHNlIGlmIChjb250ZXh0ICE9PSB1bmRlZmluZWQpIHJldHVybiAkKGNvbnRleHQpLmZpbmQoc2VsZWN0b3IpXG4gICAgICAvLyBJZiBpdCdzIGEgQ1NTIHNlbGVjdG9yLCB1c2UgaXQgdG8gc2VsZWN0IG5vZGVzLlxuICAgICAgZWxzZSBkb20gPSB6ZXB0by5xc2EoZG9jdW1lbnQsIHNlbGVjdG9yKVxuICAgIH1cbiAgICAvLyBJZiBhIGZ1bmN0aW9uIGlzIGdpdmVuLCBjYWxsIGl0IHdoZW4gdGhlIERPTSBpcyByZWFkeVxuICAgIGVsc2UgaWYgKGlzRnVuY3Rpb24oc2VsZWN0b3IpKSByZXR1cm4gJChkb2N1bWVudCkucmVhZHkoc2VsZWN0b3IpXG4gICAgLy8gSWYgYSBaZXB0byBjb2xsZWN0aW9uIGlzIGdpdmVuLCBqdXN0IHJldHVybiBpdFxuICAgIGVsc2UgaWYgKHplcHRvLmlzWihzZWxlY3RvcikpIHJldHVybiBzZWxlY3RvclxuICAgIGVsc2Uge1xuICAgICAgLy8gbm9ybWFsaXplIGFycmF5IGlmIGFuIGFycmF5IG9mIG5vZGVzIGlzIGdpdmVuXG4gICAgICBpZiAoaXNBcnJheShzZWxlY3RvcikpIGRvbSA9IGNvbXBhY3Qoc2VsZWN0b3IpXG4gICAgICAvLyBXcmFwIERPTSBub2Rlcy5cbiAgICAgIGVsc2UgaWYgKGlzT2JqZWN0KHNlbGVjdG9yKSlcbiAgICAgICAgZG9tID0gW3NlbGVjdG9yXSwgc2VsZWN0b3IgPSBudWxsXG4gICAgICAvLyBJZiBpdCdzIGEgaHRtbCBmcmFnbWVudCwgY3JlYXRlIG5vZGVzIGZyb20gaXRcbiAgICAgIGVsc2UgaWYgKGZyYWdtZW50UkUudGVzdChzZWxlY3RvcikpXG4gICAgICAgIGRvbSA9IHplcHRvLmZyYWdtZW50KHNlbGVjdG9yLnRyaW0oKSwgUmVnRXhwLiQxLCBjb250ZXh0KSwgc2VsZWN0b3IgPSBudWxsXG4gICAgICAvLyBJZiB0aGVyZSdzIGEgY29udGV4dCwgY3JlYXRlIGEgY29sbGVjdGlvbiBvbiB0aGF0IGNvbnRleHQgZmlyc3QsIGFuZCBzZWxlY3RcbiAgICAgIC8vIG5vZGVzIGZyb20gdGhlcmVcbiAgICAgIGVsc2UgaWYgKGNvbnRleHQgIT09IHVuZGVmaW5lZCkgcmV0dXJuICQoY29udGV4dCkuZmluZChzZWxlY3RvcilcbiAgICAgIC8vIEFuZCBsYXN0IGJ1dCBubyBsZWFzdCwgaWYgaXQncyBhIENTUyBzZWxlY3RvciwgdXNlIGl0IHRvIHNlbGVjdCBub2Rlcy5cbiAgICAgIGVsc2UgZG9tID0gemVwdG8ucXNhKGRvY3VtZW50LCBzZWxlY3RvcilcbiAgICB9XG4gICAgLy8gY3JlYXRlIGEgbmV3IFplcHRvIGNvbGxlY3Rpb24gZnJvbSB0aGUgbm9kZXMgZm91bmRcbiAgICByZXR1cm4gemVwdG8uWihkb20sIHNlbGVjdG9yKVxuICB9XG5cbiAgLy8gYCRgIHdpbGwgYmUgdGhlIGJhc2UgYFplcHRvYCBvYmplY3QuIFdoZW4gY2FsbGluZyB0aGlzXG4gIC8vIGZ1bmN0aW9uIGp1c3QgY2FsbCBgJC56ZXB0by5pbml0LCB3aGljaCBtYWtlcyB0aGUgaW1wbGVtZW50YXRpb25cbiAgLy8gZGV0YWlscyBvZiBzZWxlY3Rpbmcgbm9kZXMgYW5kIGNyZWF0aW5nIFplcHRvIGNvbGxlY3Rpb25zXG4gIC8vIHBhdGNoYWJsZSBpbiBwbHVnaW5zLlxuICAkID0gZnVuY3Rpb24oc2VsZWN0b3IsIGNvbnRleHQpe1xuICAgIHJldHVybiB6ZXB0by5pbml0KHNlbGVjdG9yLCBjb250ZXh0KVxuICB9XG5cbiAgZnVuY3Rpb24gZXh0ZW5kKHRhcmdldCwgc291cmNlLCBkZWVwKSB7XG4gICAgZm9yIChrZXkgaW4gc291cmNlKVxuICAgICAgaWYgKGRlZXAgJiYgKGlzUGxhaW5PYmplY3Qoc291cmNlW2tleV0pIHx8IGlzQXJyYXkoc291cmNlW2tleV0pKSkge1xuICAgICAgICBpZiAoaXNQbGFpbk9iamVjdChzb3VyY2Vba2V5XSkgJiYgIWlzUGxhaW5PYmplY3QodGFyZ2V0W2tleV0pKVxuICAgICAgICAgIHRhcmdldFtrZXldID0ge31cbiAgICAgICAgaWYgKGlzQXJyYXkoc291cmNlW2tleV0pICYmICFpc0FycmF5KHRhcmdldFtrZXldKSlcbiAgICAgICAgICB0YXJnZXRba2V5XSA9IFtdXG4gICAgICAgIGV4dGVuZCh0YXJnZXRba2V5XSwgc291cmNlW2tleV0sIGRlZXApXG4gICAgICB9XG4gICAgICBlbHNlIGlmIChzb3VyY2Vba2V5XSAhPT0gdW5kZWZpbmVkKSB0YXJnZXRba2V5XSA9IHNvdXJjZVtrZXldXG4gIH1cblxuICAvLyBDb3B5IGFsbCBidXQgdW5kZWZpbmVkIHByb3BlcnRpZXMgZnJvbSBvbmUgb3IgbW9yZVxuICAvLyBvYmplY3RzIHRvIHRoZSBgdGFyZ2V0YCBvYmplY3QuXG4gICQuZXh0ZW5kID0gZnVuY3Rpb24odGFyZ2V0KXtcbiAgICB2YXIgZGVlcCwgYXJncyA9IHNsaWNlLmNhbGwoYXJndW1lbnRzLCAxKVxuICAgIGlmICh0eXBlb2YgdGFyZ2V0ID09ICdib29sZWFuJykge1xuICAgICAgZGVlcCA9IHRhcmdldFxuICAgICAgdGFyZ2V0ID0gYXJncy5zaGlmdCgpXG4gICAgfVxuICAgIGFyZ3MuZm9yRWFjaChmdW5jdGlvbihhcmcpeyBleHRlbmQodGFyZ2V0LCBhcmcsIGRlZXApIH0pXG4gICAgcmV0dXJuIHRhcmdldFxuICB9XG5cbiAgLy8gYCQuemVwdG8ucXNhYCBpcyBaZXB0bydzIENTUyBzZWxlY3RvciBpbXBsZW1lbnRhdGlvbiB3aGljaFxuICAvLyB1c2VzIGBkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsYCBhbmQgb3B0aW1pemVzIGZvciBzb21lIHNwZWNpYWwgY2FzZXMsIGxpa2UgYCNpZGAuXG4gIC8vIFRoaXMgbWV0aG9kIGNhbiBiZSBvdmVycmlkZGVuIGluIHBsdWdpbnMuXG4gIHplcHRvLnFzYSA9IGZ1bmN0aW9uKGVsZW1lbnQsIHNlbGVjdG9yKXtcbiAgICB2YXIgZm91bmQsXG4gICAgICAgIG1heWJlSUQgPSBzZWxlY3RvclswXSA9PSAnIycsXG4gICAgICAgIG1heWJlQ2xhc3MgPSAhbWF5YmVJRCAmJiBzZWxlY3RvclswXSA9PSAnLicsXG4gICAgICAgIG5hbWVPbmx5ID0gbWF5YmVJRCB8fCBtYXliZUNsYXNzID8gc2VsZWN0b3Iuc2xpY2UoMSkgOiBzZWxlY3RvciwgLy8gRW5zdXJlIHRoYXQgYSAxIGNoYXIgdGFnIG5hbWUgc3RpbGwgZ2V0cyBjaGVja2VkXG4gICAgICAgIGlzU2ltcGxlID0gc2ltcGxlU2VsZWN0b3JSRS50ZXN0KG5hbWVPbmx5KVxuICAgIHJldHVybiAoZWxlbWVudC5nZXRFbGVtZW50QnlJZCAmJiBpc1NpbXBsZSAmJiBtYXliZUlEKSA/IC8vIFNhZmFyaSBEb2N1bWVudEZyYWdtZW50IGRvZXNuJ3QgaGF2ZSBnZXRFbGVtZW50QnlJZFxuICAgICAgKCAoZm91bmQgPSBlbGVtZW50LmdldEVsZW1lbnRCeUlkKG5hbWVPbmx5KSkgPyBbZm91bmRdIDogW10gKSA6XG4gICAgICAoZWxlbWVudC5ub2RlVHlwZSAhPT0gMSAmJiBlbGVtZW50Lm5vZGVUeXBlICE9PSA5ICYmIGVsZW1lbnQubm9kZVR5cGUgIT09IDExKSA/IFtdIDpcbiAgICAgIHNsaWNlLmNhbGwoXG4gICAgICAgIGlzU2ltcGxlICYmICFtYXliZUlEICYmIGVsZW1lbnQuZ2V0RWxlbWVudHNCeUNsYXNzTmFtZSA/IC8vIERvY3VtZW50RnJhZ21lbnQgZG9lc24ndCBoYXZlIGdldEVsZW1lbnRzQnlDbGFzc05hbWUvVGFnTmFtZVxuICAgICAgICAgIG1heWJlQ2xhc3MgPyBlbGVtZW50LmdldEVsZW1lbnRzQnlDbGFzc05hbWUobmFtZU9ubHkpIDogLy8gSWYgaXQncyBzaW1wbGUsIGl0IGNvdWxkIGJlIGEgY2xhc3NcbiAgICAgICAgICBlbGVtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKHNlbGVjdG9yKSA6IC8vIE9yIGEgdGFnXG4gICAgICAgICAgZWxlbWVudC5xdWVyeVNlbGVjdG9yQWxsKHNlbGVjdG9yKSAvLyBPciBpdCdzIG5vdCBzaW1wbGUsIGFuZCB3ZSBuZWVkIHRvIHF1ZXJ5IGFsbFxuICAgICAgKVxuICB9XG5cbiAgZnVuY3Rpb24gZmlsdGVyZWQobm9kZXMsIHNlbGVjdG9yKSB7XG4gICAgcmV0dXJuIHNlbGVjdG9yID09IG51bGwgPyAkKG5vZGVzKSA6ICQobm9kZXMpLmZpbHRlcihzZWxlY3RvcilcbiAgfVxuXG4gICQuY29udGFpbnMgPSBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuY29udGFpbnMgP1xuICAgIGZ1bmN0aW9uKHBhcmVudCwgbm9kZSkge1xuICAgICAgcmV0dXJuIHBhcmVudCAhPT0gbm9kZSAmJiBwYXJlbnQuY29udGFpbnMobm9kZSlcbiAgICB9IDpcbiAgICBmdW5jdGlvbihwYXJlbnQsIG5vZGUpIHtcbiAgICAgIHdoaWxlIChub2RlICYmIChub2RlID0gbm9kZS5wYXJlbnROb2RlKSlcbiAgICAgICAgaWYgKG5vZGUgPT09IHBhcmVudCkgcmV0dXJuIHRydWVcbiAgICAgIHJldHVybiBmYWxzZVxuICAgIH1cblxuICBmdW5jdGlvbiBmdW5jQXJnKGNvbnRleHQsIGFyZywgaWR4LCBwYXlsb2FkKSB7XG4gICAgcmV0dXJuIGlzRnVuY3Rpb24oYXJnKSA/IGFyZy5jYWxsKGNvbnRleHQsIGlkeCwgcGF5bG9hZCkgOiBhcmdcbiAgfVxuXG4gIGZ1bmN0aW9uIHNldEF0dHJpYnV0ZShub2RlLCBuYW1lLCB2YWx1ZSkge1xuICAgIHZhbHVlID09IG51bGwgPyBub2RlLnJlbW92ZUF0dHJpYnV0ZShuYW1lKSA6IG5vZGUuc2V0QXR0cmlidXRlKG5hbWUsIHZhbHVlKVxuICB9XG5cbiAgLy8gYWNjZXNzIGNsYXNzTmFtZSBwcm9wZXJ0eSB3aGlsZSByZXNwZWN0aW5nIFNWR0FuaW1hdGVkU3RyaW5nXG4gIGZ1bmN0aW9uIGNsYXNzTmFtZShub2RlLCB2YWx1ZSl7XG4gICAgdmFyIGtsYXNzID0gbm9kZS5jbGFzc05hbWUgfHwgJycsXG4gICAgICAgIHN2ZyAgID0ga2xhc3MgJiYga2xhc3MuYmFzZVZhbCAhPT0gdW5kZWZpbmVkXG5cbiAgICBpZiAodmFsdWUgPT09IHVuZGVmaW5lZCkgcmV0dXJuIHN2ZyA/IGtsYXNzLmJhc2VWYWwgOiBrbGFzc1xuICAgIHN2ZyA/IChrbGFzcy5iYXNlVmFsID0gdmFsdWUpIDogKG5vZGUuY2xhc3NOYW1lID0gdmFsdWUpXG4gIH1cblxuICAvLyBcInRydWVcIiAgPT4gdHJ1ZVxuICAvLyBcImZhbHNlXCIgPT4gZmFsc2VcbiAgLy8gXCJudWxsXCIgID0+IG51bGxcbiAgLy8gXCI0MlwiICAgID0+IDQyXG4gIC8vIFwiNDIuNVwiICA9PiA0Mi41XG4gIC8vIFwiMDhcIiAgICA9PiBcIjA4XCJcbiAgLy8gSlNPTiAgICA9PiBwYXJzZSBpZiB2YWxpZFxuICAvLyBTdHJpbmcgID0+IHNlbGZcbiAgZnVuY3Rpb24gZGVzZXJpYWxpemVWYWx1ZSh2YWx1ZSkge1xuICAgIHRyeSB7XG4gICAgICByZXR1cm4gdmFsdWUgP1xuICAgICAgICB2YWx1ZSA9PSBcInRydWVcIiB8fFxuICAgICAgICAoIHZhbHVlID09IFwiZmFsc2VcIiA/IGZhbHNlIDpcbiAgICAgICAgICB2YWx1ZSA9PSBcIm51bGxcIiA/IG51bGwgOlxuICAgICAgICAgICt2YWx1ZSArIFwiXCIgPT0gdmFsdWUgPyArdmFsdWUgOlxuICAgICAgICAgIC9eW1xcW1xce10vLnRlc3QodmFsdWUpID8gJC5wYXJzZUpTT04odmFsdWUpIDpcbiAgICAgICAgICB2YWx1ZSApXG4gICAgICAgIDogdmFsdWVcbiAgICB9IGNhdGNoKGUpIHtcbiAgICAgIHJldHVybiB2YWx1ZVxuICAgIH1cbiAgfVxuXG4gICQudHlwZSA9IHR5cGVcbiAgJC5pc0Z1bmN0aW9uID0gaXNGdW5jdGlvblxuICAkLmlzV2luZG93ID0gaXNXaW5kb3dcbiAgJC5pc0FycmF5ID0gaXNBcnJheVxuICAkLmlzUGxhaW5PYmplY3QgPSBpc1BsYWluT2JqZWN0XG5cbiAgJC5pc0VtcHR5T2JqZWN0ID0gZnVuY3Rpb24ob2JqKSB7XG4gICAgdmFyIG5hbWVcbiAgICBmb3IgKG5hbWUgaW4gb2JqKSByZXR1cm4gZmFsc2VcbiAgICByZXR1cm4gdHJ1ZVxuICB9XG5cbiAgJC5pc051bWVyaWMgPSBmdW5jdGlvbih2YWwpIHtcbiAgICB2YXIgbnVtID0gTnVtYmVyKHZhbCksIHR5cGUgPSB0eXBlb2YgdmFsXG4gICAgcmV0dXJuIHZhbCAhPSBudWxsICYmIHR5cGUgIT0gJ2Jvb2xlYW4nICYmXG4gICAgICAodHlwZSAhPSAnc3RyaW5nJyB8fCB2YWwubGVuZ3RoKSAmJlxuICAgICAgIWlzTmFOKG51bSkgJiYgaXNGaW5pdGUobnVtKSB8fCBmYWxzZVxuICB9XG5cbiAgJC5pbkFycmF5ID0gZnVuY3Rpb24oZWxlbSwgYXJyYXksIGkpe1xuICAgIHJldHVybiBlbXB0eUFycmF5LmluZGV4T2YuY2FsbChhcnJheSwgZWxlbSwgaSlcbiAgfVxuXG4gICQuY2FtZWxDYXNlID0gY2FtZWxpemVcbiAgJC50cmltID0gZnVuY3Rpb24oc3RyKSB7XG4gICAgcmV0dXJuIHN0ciA9PSBudWxsID8gXCJcIiA6IFN0cmluZy5wcm90b3R5cGUudHJpbS5jYWxsKHN0cilcbiAgfVxuXG4gIC8vIHBsdWdpbiBjb21wYXRpYmlsaXR5XG4gICQudXVpZCA9IDBcbiAgJC5zdXBwb3J0ID0geyB9XG4gICQuZXhwciA9IHsgfVxuICAkLm5vb3AgPSBmdW5jdGlvbigpIHt9XG5cbiAgJC5tYXAgPSBmdW5jdGlvbihlbGVtZW50cywgY2FsbGJhY2spe1xuICAgIHZhciB2YWx1ZSwgdmFsdWVzID0gW10sIGksIGtleVxuICAgIGlmIChsaWtlQXJyYXkoZWxlbWVudHMpKVxuICAgICAgZm9yIChpID0gMDsgaSA8IGVsZW1lbnRzLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgIHZhbHVlID0gY2FsbGJhY2soZWxlbWVudHNbaV0sIGkpXG4gICAgICAgIGlmICh2YWx1ZSAhPSBudWxsKSB2YWx1ZXMucHVzaCh2YWx1ZSlcbiAgICAgIH1cbiAgICBlbHNlXG4gICAgICBmb3IgKGtleSBpbiBlbGVtZW50cykge1xuICAgICAgICB2YWx1ZSA9IGNhbGxiYWNrKGVsZW1lbnRzW2tleV0sIGtleSlcbiAgICAgICAgaWYgKHZhbHVlICE9IG51bGwpIHZhbHVlcy5wdXNoKHZhbHVlKVxuICAgICAgfVxuICAgIHJldHVybiBmbGF0dGVuKHZhbHVlcylcbiAgfVxuXG4gICQuZWFjaCA9IGZ1bmN0aW9uKGVsZW1lbnRzLCBjYWxsYmFjayl7XG4gICAgdmFyIGksIGtleVxuICAgIGlmIChsaWtlQXJyYXkoZWxlbWVudHMpKSB7XG4gICAgICBmb3IgKGkgPSAwOyBpIDwgZWxlbWVudHMubGVuZ3RoOyBpKyspXG4gICAgICAgIGlmIChjYWxsYmFjay5jYWxsKGVsZW1lbnRzW2ldLCBpLCBlbGVtZW50c1tpXSkgPT09IGZhbHNlKSByZXR1cm4gZWxlbWVudHNcbiAgICB9IGVsc2Uge1xuICAgICAgZm9yIChrZXkgaW4gZWxlbWVudHMpXG4gICAgICAgIGlmIChjYWxsYmFjay5jYWxsKGVsZW1lbnRzW2tleV0sIGtleSwgZWxlbWVudHNba2V5XSkgPT09IGZhbHNlKSByZXR1cm4gZWxlbWVudHNcbiAgICB9XG5cbiAgICByZXR1cm4gZWxlbWVudHNcbiAgfVxuXG4gICQuZ3JlcCA9IGZ1bmN0aW9uKGVsZW1lbnRzLCBjYWxsYmFjayl7XG4gICAgcmV0dXJuIGZpbHRlci5jYWxsKGVsZW1lbnRzLCBjYWxsYmFjaylcbiAgfVxuXG4gIGlmICh3aW5kb3cuSlNPTikgJC5wYXJzZUpTT04gPSBKU09OLnBhcnNlXG5cbiAgLy8gUG9wdWxhdGUgdGhlIGNsYXNzMnR5cGUgbWFwXG4gICQuZWFjaChcIkJvb2xlYW4gTnVtYmVyIFN0cmluZyBGdW5jdGlvbiBBcnJheSBEYXRlIFJlZ0V4cCBPYmplY3QgRXJyb3JcIi5zcGxpdChcIiBcIiksIGZ1bmN0aW9uKGksIG5hbWUpIHtcbiAgICBjbGFzczJ0eXBlWyBcIltvYmplY3QgXCIgKyBuYW1lICsgXCJdXCIgXSA9IG5hbWUudG9Mb3dlckNhc2UoKVxuICB9KVxuXG4gIC8vIERlZmluZSBtZXRob2RzIHRoYXQgd2lsbCBiZSBhdmFpbGFibGUgb24gYWxsXG4gIC8vIFplcHRvIGNvbGxlY3Rpb25zXG4gICQuZm4gPSB7XG4gICAgY29uc3RydWN0b3I6IHplcHRvLlosXG4gICAgbGVuZ3RoOiAwLFxuXG4gICAgLy8gQmVjYXVzZSBhIGNvbGxlY3Rpb24gYWN0cyBsaWtlIGFuIGFycmF5XG4gICAgLy8gY29weSBvdmVyIHRoZXNlIHVzZWZ1bCBhcnJheSBmdW5jdGlvbnMuXG4gICAgZm9yRWFjaDogZW1wdHlBcnJheS5mb3JFYWNoLFxuICAgIHJlZHVjZTogZW1wdHlBcnJheS5yZWR1Y2UsXG4gICAgcHVzaDogZW1wdHlBcnJheS5wdXNoLFxuICAgIHNvcnQ6IGVtcHR5QXJyYXkuc29ydCxcbiAgICBzcGxpY2U6IGVtcHR5QXJyYXkuc3BsaWNlLFxuICAgIGluZGV4T2Y6IGVtcHR5QXJyYXkuaW5kZXhPZixcbiAgICBjb25jYXQ6IGZ1bmN0aW9uKCl7XG4gICAgICB2YXIgaSwgdmFsdWUsIGFyZ3MgPSBbXVxuICAgICAgZm9yIChpID0gMDsgaSA8IGFyZ3VtZW50cy5sZW5ndGg7IGkrKykge1xuICAgICAgICB2YWx1ZSA9IGFyZ3VtZW50c1tpXVxuICAgICAgICBhcmdzW2ldID0gemVwdG8uaXNaKHZhbHVlKSA/IHZhbHVlLnRvQXJyYXkoKSA6IHZhbHVlXG4gICAgICB9XG4gICAgICByZXR1cm4gY29uY2F0LmFwcGx5KHplcHRvLmlzWih0aGlzKSA/IHRoaXMudG9BcnJheSgpIDogdGhpcywgYXJncylcbiAgICB9LFxuXG4gICAgLy8gYG1hcGAgYW5kIGBzbGljZWAgaW4gdGhlIGpRdWVyeSBBUEkgd29yayBkaWZmZXJlbnRseVxuICAgIC8vIGZyb20gdGhlaXIgYXJyYXkgY291bnRlcnBhcnRzXG4gICAgbWFwOiBmdW5jdGlvbihmbil7XG4gICAgICByZXR1cm4gJCgkLm1hcCh0aGlzLCBmdW5jdGlvbihlbCwgaSl7IHJldHVybiBmbi5jYWxsKGVsLCBpLCBlbCkgfSkpXG4gICAgfSxcbiAgICBzbGljZTogZnVuY3Rpb24oKXtcbiAgICAgIHJldHVybiAkKHNsaWNlLmFwcGx5KHRoaXMsIGFyZ3VtZW50cykpXG4gICAgfSxcblxuICAgIHJlYWR5OiBmdW5jdGlvbihjYWxsYmFjayl7XG4gICAgICAvLyBuZWVkIHRvIGNoZWNrIGlmIGRvY3VtZW50LmJvZHkgZXhpc3RzIGZvciBJRSBhcyB0aGF0IGJyb3dzZXIgcmVwb3J0c1xuICAgICAgLy8gZG9jdW1lbnQgcmVhZHkgd2hlbiBpdCBoYXNuJ3QgeWV0IGNyZWF0ZWQgdGhlIGJvZHkgZWxlbWVudFxuICAgICAgaWYgKHJlYWR5UkUudGVzdChkb2N1bWVudC5yZWFkeVN0YXRlKSAmJiBkb2N1bWVudC5ib2R5KSBjYWxsYmFjaygkKVxuICAgICAgZWxzZSBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdET01Db250ZW50TG9hZGVkJywgZnVuY3Rpb24oKXsgY2FsbGJhY2soJCkgfSwgZmFsc2UpXG4gICAgICByZXR1cm4gdGhpc1xuICAgIH0sXG4gICAgZ2V0OiBmdW5jdGlvbihpZHgpe1xuICAgICAgcmV0dXJuIGlkeCA9PT0gdW5kZWZpbmVkID8gc2xpY2UuY2FsbCh0aGlzKSA6IHRoaXNbaWR4ID49IDAgPyBpZHggOiBpZHggKyB0aGlzLmxlbmd0aF1cbiAgICB9LFxuICAgIHRvQXJyYXk6IGZ1bmN0aW9uKCl7IHJldHVybiB0aGlzLmdldCgpIH0sXG4gICAgc2l6ZTogZnVuY3Rpb24oKXtcbiAgICAgIHJldHVybiB0aGlzLmxlbmd0aFxuICAgIH0sXG4gICAgcmVtb3ZlOiBmdW5jdGlvbigpe1xuICAgICAgcmV0dXJuIHRoaXMuZWFjaChmdW5jdGlvbigpe1xuICAgICAgICBpZiAodGhpcy5wYXJlbnROb2RlICE9IG51bGwpXG4gICAgICAgICAgdGhpcy5wYXJlbnROb2RlLnJlbW92ZUNoaWxkKHRoaXMpXG4gICAgICB9KVxuICAgIH0sXG4gICAgZWFjaDogZnVuY3Rpb24oY2FsbGJhY2spe1xuICAgICAgZW1wdHlBcnJheS5ldmVyeS5jYWxsKHRoaXMsIGZ1bmN0aW9uKGVsLCBpZHgpe1xuICAgICAgICByZXR1cm4gY2FsbGJhY2suY2FsbChlbCwgaWR4LCBlbCkgIT09IGZhbHNlXG4gICAgICB9KVxuICAgICAgcmV0dXJuIHRoaXNcbiAgICB9LFxuICAgIGZpbHRlcjogZnVuY3Rpb24oc2VsZWN0b3Ipe1xuICAgICAgaWYgKGlzRnVuY3Rpb24oc2VsZWN0b3IpKSByZXR1cm4gdGhpcy5ub3QodGhpcy5ub3Qoc2VsZWN0b3IpKVxuICAgICAgcmV0dXJuICQoZmlsdGVyLmNhbGwodGhpcywgZnVuY3Rpb24oZWxlbWVudCl7XG4gICAgICAgIHJldHVybiB6ZXB0by5tYXRjaGVzKGVsZW1lbnQsIHNlbGVjdG9yKVxuICAgICAgfSkpXG4gICAgfSxcbiAgICBhZGQ6IGZ1bmN0aW9uKHNlbGVjdG9yLGNvbnRleHQpe1xuICAgICAgcmV0dXJuICQodW5pcSh0aGlzLmNvbmNhdCgkKHNlbGVjdG9yLGNvbnRleHQpKSkpXG4gICAgfSxcbiAgICBpczogZnVuY3Rpb24oc2VsZWN0b3Ipe1xuICAgICAgcmV0dXJuIHRoaXMubGVuZ3RoID4gMCAmJiB6ZXB0by5tYXRjaGVzKHRoaXNbMF0sIHNlbGVjdG9yKVxuICAgIH0sXG4gICAgbm90OiBmdW5jdGlvbihzZWxlY3Rvcil7XG4gICAgICB2YXIgbm9kZXM9W11cbiAgICAgIGlmIChpc0Z1bmN0aW9uKHNlbGVjdG9yKSAmJiBzZWxlY3Rvci5jYWxsICE9PSB1bmRlZmluZWQpXG4gICAgICAgIHRoaXMuZWFjaChmdW5jdGlvbihpZHgpe1xuICAgICAgICAgIGlmICghc2VsZWN0b3IuY2FsbCh0aGlzLGlkeCkpIG5vZGVzLnB1c2godGhpcylcbiAgICAgICAgfSlcbiAgICAgIGVsc2Uge1xuICAgICAgICB2YXIgZXhjbHVkZXMgPSB0eXBlb2Ygc2VsZWN0b3IgPT0gJ3N0cmluZycgPyB0aGlzLmZpbHRlcihzZWxlY3RvcikgOlxuICAgICAgICAgIChsaWtlQXJyYXkoc2VsZWN0b3IpICYmIGlzRnVuY3Rpb24oc2VsZWN0b3IuaXRlbSkpID8gc2xpY2UuY2FsbChzZWxlY3RvcikgOiAkKHNlbGVjdG9yKVxuICAgICAgICB0aGlzLmZvckVhY2goZnVuY3Rpb24oZWwpe1xuICAgICAgICAgIGlmIChleGNsdWRlcy5pbmRleE9mKGVsKSA8IDApIG5vZGVzLnB1c2goZWwpXG4gICAgICAgIH0pXG4gICAgICB9XG4gICAgICByZXR1cm4gJChub2RlcylcbiAgICB9LFxuICAgIGhhczogZnVuY3Rpb24oc2VsZWN0b3Ipe1xuICAgICAgcmV0dXJuIHRoaXMuZmlsdGVyKGZ1bmN0aW9uKCl7XG4gICAgICAgIHJldHVybiBpc09iamVjdChzZWxlY3RvcikgP1xuICAgICAgICAgICQuY29udGFpbnModGhpcywgc2VsZWN0b3IpIDpcbiAgICAgICAgICAkKHRoaXMpLmZpbmQoc2VsZWN0b3IpLnNpemUoKVxuICAgICAgfSlcbiAgICB9LFxuICAgIGVxOiBmdW5jdGlvbihpZHgpe1xuICAgICAgcmV0dXJuIGlkeCA9PT0gLTEgPyB0aGlzLnNsaWNlKGlkeCkgOiB0aGlzLnNsaWNlKGlkeCwgKyBpZHggKyAxKVxuICAgIH0sXG4gICAgZmlyc3Q6IGZ1bmN0aW9uKCl7XG4gICAgICB2YXIgZWwgPSB0aGlzWzBdXG4gICAgICByZXR1cm4gZWwgJiYgIWlzT2JqZWN0KGVsKSA/IGVsIDogJChlbClcbiAgICB9LFxuICAgIGxhc3Q6IGZ1bmN0aW9uKCl7XG4gICAgICB2YXIgZWwgPSB0aGlzW3RoaXMubGVuZ3RoIC0gMV1cbiAgICAgIHJldHVybiBlbCAmJiAhaXNPYmplY3QoZWwpID8gZWwgOiAkKGVsKVxuICAgIH0sXG4gICAgZmluZDogZnVuY3Rpb24oc2VsZWN0b3Ipe1xuICAgICAgdmFyIHJlc3VsdCwgJHRoaXMgPSB0aGlzXG4gICAgICBpZiAoIXNlbGVjdG9yKSByZXN1bHQgPSAkKClcbiAgICAgIGVsc2UgaWYgKHR5cGVvZiBzZWxlY3RvciA9PSAnb2JqZWN0JylcbiAgICAgICAgcmVzdWx0ID0gJChzZWxlY3RvcikuZmlsdGVyKGZ1bmN0aW9uKCl7XG4gICAgICAgICAgdmFyIG5vZGUgPSB0aGlzXG4gICAgICAgICAgcmV0dXJuIGVtcHR5QXJyYXkuc29tZS5jYWxsKCR0aGlzLCBmdW5jdGlvbihwYXJlbnQpe1xuICAgICAgICAgICAgcmV0dXJuICQuY29udGFpbnMocGFyZW50LCBub2RlKVxuICAgICAgICAgIH0pXG4gICAgICAgIH0pXG4gICAgICBlbHNlIGlmICh0aGlzLmxlbmd0aCA9PSAxKSByZXN1bHQgPSAkKHplcHRvLnFzYSh0aGlzWzBdLCBzZWxlY3RvcikpXG4gICAgICBlbHNlIHJlc3VsdCA9IHRoaXMubWFwKGZ1bmN0aW9uKCl7IHJldHVybiB6ZXB0by5xc2EodGhpcywgc2VsZWN0b3IpIH0pXG4gICAgICByZXR1cm4gcmVzdWx0XG4gICAgfSxcbiAgICBjbG9zZXN0OiBmdW5jdGlvbihzZWxlY3RvciwgY29udGV4dCl7XG4gICAgICB2YXIgbm9kZXMgPSBbXSwgY29sbGVjdGlvbiA9IHR5cGVvZiBzZWxlY3RvciA9PSAnb2JqZWN0JyAmJiAkKHNlbGVjdG9yKVxuICAgICAgdGhpcy5lYWNoKGZ1bmN0aW9uKF8sIG5vZGUpe1xuICAgICAgICB3aGlsZSAobm9kZSAmJiAhKGNvbGxlY3Rpb24gPyBjb2xsZWN0aW9uLmluZGV4T2Yobm9kZSkgPj0gMCA6IHplcHRvLm1hdGNoZXMobm9kZSwgc2VsZWN0b3IpKSlcbiAgICAgICAgICBub2RlID0gbm9kZSAhPT0gY29udGV4dCAmJiAhaXNEb2N1bWVudChub2RlKSAmJiBub2RlLnBhcmVudE5vZGVcbiAgICAgICAgaWYgKG5vZGUgJiYgbm9kZXMuaW5kZXhPZihub2RlKSA8IDApIG5vZGVzLnB1c2gobm9kZSlcbiAgICAgIH0pXG4gICAgICByZXR1cm4gJChub2RlcylcbiAgICB9LFxuICAgIHBhcmVudHM6IGZ1bmN0aW9uKHNlbGVjdG9yKXtcbiAgICAgIHZhciBhbmNlc3RvcnMgPSBbXSwgbm9kZXMgPSB0aGlzXG4gICAgICB3aGlsZSAobm9kZXMubGVuZ3RoID4gMClcbiAgICAgICAgbm9kZXMgPSAkLm1hcChub2RlcywgZnVuY3Rpb24obm9kZSl7XG4gICAgICAgICAgaWYgKChub2RlID0gbm9kZS5wYXJlbnROb2RlKSAmJiAhaXNEb2N1bWVudChub2RlKSAmJiBhbmNlc3RvcnMuaW5kZXhPZihub2RlKSA8IDApIHtcbiAgICAgICAgICAgIGFuY2VzdG9ycy5wdXNoKG5vZGUpXG4gICAgICAgICAgICByZXR1cm4gbm9kZVxuICAgICAgICAgIH1cbiAgICAgICAgfSlcbiAgICAgIHJldHVybiBmaWx0ZXJlZChhbmNlc3RvcnMsIHNlbGVjdG9yKVxuICAgIH0sXG4gICAgcGFyZW50OiBmdW5jdGlvbihzZWxlY3Rvcil7XG4gICAgICByZXR1cm4gZmlsdGVyZWQodW5pcSh0aGlzLnBsdWNrKCdwYXJlbnROb2RlJykpLCBzZWxlY3RvcilcbiAgICB9LFxuICAgIGNoaWxkcmVuOiBmdW5jdGlvbihzZWxlY3Rvcil7XG4gICAgICByZXR1cm4gZmlsdGVyZWQodGhpcy5tYXAoZnVuY3Rpb24oKXsgcmV0dXJuIGNoaWxkcmVuKHRoaXMpIH0pLCBzZWxlY3RvcilcbiAgICB9LFxuICAgIGNvbnRlbnRzOiBmdW5jdGlvbigpIHtcbiAgICAgIHJldHVybiB0aGlzLm1hcChmdW5jdGlvbigpIHsgcmV0dXJuIHRoaXMuY29udGVudERvY3VtZW50IHx8IHNsaWNlLmNhbGwodGhpcy5jaGlsZE5vZGVzKSB9KVxuICAgIH0sXG4gICAgc2libGluZ3M6IGZ1bmN0aW9uKHNlbGVjdG9yKXtcbiAgICAgIHJldHVybiBmaWx0ZXJlZCh0aGlzLm1hcChmdW5jdGlvbihpLCBlbCl7XG4gICAgICAgIHJldHVybiBmaWx0ZXIuY2FsbChjaGlsZHJlbihlbC5wYXJlbnROb2RlKSwgZnVuY3Rpb24oY2hpbGQpeyByZXR1cm4gY2hpbGQhPT1lbCB9KVxuICAgICAgfSksIHNlbGVjdG9yKVxuICAgIH0sXG4gICAgZW1wdHk6IGZ1bmN0aW9uKCl7XG4gICAgICByZXR1cm4gdGhpcy5lYWNoKGZ1bmN0aW9uKCl7IHRoaXMuaW5uZXJIVE1MID0gJycgfSlcbiAgICB9LFxuICAgIC8vIGBwbHVja2AgaXMgYm9ycm93ZWQgZnJvbSBQcm90b3R5cGUuanNcbiAgICBwbHVjazogZnVuY3Rpb24ocHJvcGVydHkpe1xuICAgICAgcmV0dXJuICQubWFwKHRoaXMsIGZ1bmN0aW9uKGVsKXsgcmV0dXJuIGVsW3Byb3BlcnR5XSB9KVxuICAgIH0sXG4gICAgc2hvdzogZnVuY3Rpb24oKXtcbiAgICAgIHJldHVybiB0aGlzLmVhY2goZnVuY3Rpb24oKXtcbiAgICAgICAgdGhpcy5zdHlsZS5kaXNwbGF5ID09IFwibm9uZVwiICYmICh0aGlzLnN0eWxlLmRpc3BsYXkgPSAnJylcbiAgICAgICAgaWYgKGdldENvbXB1dGVkU3R5bGUodGhpcywgJycpLmdldFByb3BlcnR5VmFsdWUoXCJkaXNwbGF5XCIpID09IFwibm9uZVwiKVxuICAgICAgICAgIHRoaXMuc3R5bGUuZGlzcGxheSA9IGRlZmF1bHREaXNwbGF5KHRoaXMubm9kZU5hbWUpXG4gICAgICB9KVxuICAgIH0sXG4gICAgcmVwbGFjZVdpdGg6IGZ1bmN0aW9uKG5ld0NvbnRlbnQpe1xuICAgICAgcmV0dXJuIHRoaXMuYmVmb3JlKG5ld0NvbnRlbnQpLnJlbW92ZSgpXG4gICAgfSxcbiAgICB3cmFwOiBmdW5jdGlvbihzdHJ1Y3R1cmUpe1xuICAgICAgdmFyIGZ1bmMgPSBpc0Z1bmN0aW9uKHN0cnVjdHVyZSlcbiAgICAgIGlmICh0aGlzWzBdICYmICFmdW5jKVxuICAgICAgICB2YXIgZG9tICAgPSAkKHN0cnVjdHVyZSkuZ2V0KDApLFxuICAgICAgICAgICAgY2xvbmUgPSBkb20ucGFyZW50Tm9kZSB8fCB0aGlzLmxlbmd0aCA+IDFcblxuICAgICAgcmV0dXJuIHRoaXMuZWFjaChmdW5jdGlvbihpbmRleCl7XG4gICAgICAgICQodGhpcykud3JhcEFsbChcbiAgICAgICAgICBmdW5jID8gc3RydWN0dXJlLmNhbGwodGhpcywgaW5kZXgpIDpcbiAgICAgICAgICAgIGNsb25lID8gZG9tLmNsb25lTm9kZSh0cnVlKSA6IGRvbVxuICAgICAgICApXG4gICAgICB9KVxuICAgIH0sXG4gICAgd3JhcEFsbDogZnVuY3Rpb24oc3RydWN0dXJlKXtcbiAgICAgIGlmICh0aGlzWzBdKSB7XG4gICAgICAgICQodGhpc1swXSkuYmVmb3JlKHN0cnVjdHVyZSA9ICQoc3RydWN0dXJlKSlcbiAgICAgICAgdmFyIGNoaWxkcmVuXG4gICAgICAgIC8vIGRyaWxsIGRvd24gdG8gdGhlIGlubW9zdCBlbGVtZW50XG4gICAgICAgIHdoaWxlICgoY2hpbGRyZW4gPSBzdHJ1Y3R1cmUuY2hpbGRyZW4oKSkubGVuZ3RoKSBzdHJ1Y3R1cmUgPSBjaGlsZHJlbi5maXJzdCgpXG4gICAgICAgICQoc3RydWN0dXJlKS5hcHBlbmQodGhpcylcbiAgICAgIH1cbiAgICAgIHJldHVybiB0aGlzXG4gICAgfSxcbiAgICB3cmFwSW5uZXI6IGZ1bmN0aW9uKHN0cnVjdHVyZSl7XG4gICAgICB2YXIgZnVuYyA9IGlzRnVuY3Rpb24oc3RydWN0dXJlKVxuICAgICAgcmV0dXJuIHRoaXMuZWFjaChmdW5jdGlvbihpbmRleCl7XG4gICAgICAgIHZhciBzZWxmID0gJCh0aGlzKSwgY29udGVudHMgPSBzZWxmLmNvbnRlbnRzKCksXG4gICAgICAgICAgICBkb20gID0gZnVuYyA/IHN0cnVjdHVyZS5jYWxsKHRoaXMsIGluZGV4KSA6IHN0cnVjdHVyZVxuICAgICAgICBjb250ZW50cy5sZW5ndGggPyBjb250ZW50cy53cmFwQWxsKGRvbSkgOiBzZWxmLmFwcGVuZChkb20pXG4gICAgICB9KVxuICAgIH0sXG4gICAgdW53cmFwOiBmdW5jdGlvbigpe1xuICAgICAgdGhpcy5wYXJlbnQoKS5lYWNoKGZ1bmN0aW9uKCl7XG4gICAgICAgICQodGhpcykucmVwbGFjZVdpdGgoJCh0aGlzKS5jaGlsZHJlbigpKVxuICAgICAgfSlcbiAgICAgIHJldHVybiB0aGlzXG4gICAgfSxcbiAgICBjbG9uZTogZnVuY3Rpb24oKXtcbiAgICAgIHJldHVybiB0aGlzLm1hcChmdW5jdGlvbigpeyByZXR1cm4gdGhpcy5jbG9uZU5vZGUodHJ1ZSkgfSlcbiAgICB9LFxuICAgIGhpZGU6IGZ1bmN0aW9uKCl7XG4gICAgICByZXR1cm4gdGhpcy5jc3MoXCJkaXNwbGF5XCIsIFwibm9uZVwiKVxuICAgIH0sXG4gICAgdG9nZ2xlOiBmdW5jdGlvbihzZXR0aW5nKXtcbiAgICAgIHJldHVybiB0aGlzLmVhY2goZnVuY3Rpb24oKXtcbiAgICAgICAgdmFyIGVsID0gJCh0aGlzKVxuICAgICAgICA7KHNldHRpbmcgPT09IHVuZGVmaW5lZCA/IGVsLmNzcyhcImRpc3BsYXlcIikgPT0gXCJub25lXCIgOiBzZXR0aW5nKSA/IGVsLnNob3coKSA6IGVsLmhpZGUoKVxuICAgICAgfSlcbiAgICB9LFxuICAgIHByZXY6IGZ1bmN0aW9uKHNlbGVjdG9yKXsgcmV0dXJuICQodGhpcy5wbHVjaygncHJldmlvdXNFbGVtZW50U2libGluZycpKS5maWx0ZXIoc2VsZWN0b3IgfHwgJyonKSB9LFxuICAgIG5leHQ6IGZ1bmN0aW9uKHNlbGVjdG9yKXsgcmV0dXJuICQodGhpcy5wbHVjaygnbmV4dEVsZW1lbnRTaWJsaW5nJykpLmZpbHRlcihzZWxlY3RvciB8fCAnKicpIH0sXG4gICAgaHRtbDogZnVuY3Rpb24oaHRtbCl7XG4gICAgICByZXR1cm4gMCBpbiBhcmd1bWVudHMgP1xuICAgICAgICB0aGlzLmVhY2goZnVuY3Rpb24oaWR4KXtcbiAgICAgICAgICB2YXIgb3JpZ2luSHRtbCA9IHRoaXMuaW5uZXJIVE1MXG4gICAgICAgICAgJCh0aGlzKS5lbXB0eSgpLmFwcGVuZCggZnVuY0FyZyh0aGlzLCBodG1sLCBpZHgsIG9yaWdpbkh0bWwpIClcbiAgICAgICAgfSkgOlxuICAgICAgICAoMCBpbiB0aGlzID8gdGhpc1swXS5pbm5lckhUTUwgOiBudWxsKVxuICAgIH0sXG4gICAgdGV4dDogZnVuY3Rpb24odGV4dCl7XG4gICAgICByZXR1cm4gMCBpbiBhcmd1bWVudHMgP1xuICAgICAgICB0aGlzLmVhY2goZnVuY3Rpb24oaWR4KXtcbiAgICAgICAgICB2YXIgbmV3VGV4dCA9IGZ1bmNBcmcodGhpcywgdGV4dCwgaWR4LCB0aGlzLnRleHRDb250ZW50KVxuICAgICAgICAgIHRoaXMudGV4dENvbnRlbnQgPSBuZXdUZXh0ID09IG51bGwgPyAnJyA6ICcnK25ld1RleHRcbiAgICAgICAgfSkgOlxuICAgICAgICAoMCBpbiB0aGlzID8gdGhpcy5wbHVjaygndGV4dENvbnRlbnQnKS5qb2luKFwiXCIpIDogbnVsbClcbiAgICB9LFxuICAgIGF0dHI6IGZ1bmN0aW9uKG5hbWUsIHZhbHVlKXtcbiAgICAgIHZhciByZXN1bHRcbiAgICAgIHJldHVybiAodHlwZW9mIG5hbWUgPT0gJ3N0cmluZycgJiYgISgxIGluIGFyZ3VtZW50cykpID9cbiAgICAgICAgKDAgaW4gdGhpcyAmJiB0aGlzWzBdLm5vZGVUeXBlID09IDEgJiYgKHJlc3VsdCA9IHRoaXNbMF0uZ2V0QXR0cmlidXRlKG5hbWUpKSAhPSBudWxsID8gcmVzdWx0IDogdW5kZWZpbmVkKSA6XG4gICAgICAgIHRoaXMuZWFjaChmdW5jdGlvbihpZHgpe1xuICAgICAgICAgIGlmICh0aGlzLm5vZGVUeXBlICE9PSAxKSByZXR1cm5cbiAgICAgICAgICBpZiAoaXNPYmplY3QobmFtZSkpIGZvciAoa2V5IGluIG5hbWUpIHNldEF0dHJpYnV0ZSh0aGlzLCBrZXksIG5hbWVba2V5XSlcbiAgICAgICAgICBlbHNlIHNldEF0dHJpYnV0ZSh0aGlzLCBuYW1lLCBmdW5jQXJnKHRoaXMsIHZhbHVlLCBpZHgsIHRoaXMuZ2V0QXR0cmlidXRlKG5hbWUpKSlcbiAgICAgICAgfSlcbiAgICB9LFxuICAgIHJlbW92ZUF0dHI6IGZ1bmN0aW9uKG5hbWUpe1xuICAgICAgcmV0dXJuIHRoaXMuZWFjaChmdW5jdGlvbigpeyB0aGlzLm5vZGVUeXBlID09PSAxICYmIG5hbWUuc3BsaXQoJyAnKS5mb3JFYWNoKGZ1bmN0aW9uKGF0dHJpYnV0ZSl7XG4gICAgICAgIHNldEF0dHJpYnV0ZSh0aGlzLCBhdHRyaWJ1dGUpXG4gICAgICB9LCB0aGlzKX0pXG4gICAgfSxcbiAgICBwcm9wOiBmdW5jdGlvbihuYW1lLCB2YWx1ZSl7XG4gICAgICBuYW1lID0gcHJvcE1hcFtuYW1lXSB8fCBuYW1lXG4gICAgICByZXR1cm4gKDEgaW4gYXJndW1lbnRzKSA/XG4gICAgICAgIHRoaXMuZWFjaChmdW5jdGlvbihpZHgpe1xuICAgICAgICAgIHRoaXNbbmFtZV0gPSBmdW5jQXJnKHRoaXMsIHZhbHVlLCBpZHgsIHRoaXNbbmFtZV0pXG4gICAgICAgIH0pIDpcbiAgICAgICAgKHRoaXNbMF0gJiYgdGhpc1swXVtuYW1lXSlcbiAgICB9LFxuICAgIHJlbW92ZVByb3A6IGZ1bmN0aW9uKG5hbWUpe1xuICAgICAgbmFtZSA9IHByb3BNYXBbbmFtZV0gfHwgbmFtZVxuICAgICAgcmV0dXJuIHRoaXMuZWFjaChmdW5jdGlvbigpeyBkZWxldGUgdGhpc1tuYW1lXSB9KVxuICAgIH0sXG4gICAgZGF0YTogZnVuY3Rpb24obmFtZSwgdmFsdWUpe1xuICAgICAgdmFyIGF0dHJOYW1lID0gJ2RhdGEtJyArIG5hbWUucmVwbGFjZShjYXBpdGFsUkUsICctJDEnKS50b0xvd2VyQ2FzZSgpXG5cbiAgICAgIHZhciBkYXRhID0gKDEgaW4gYXJndW1lbnRzKSA/XG4gICAgICAgIHRoaXMuYXR0cihhdHRyTmFtZSwgdmFsdWUpIDpcbiAgICAgICAgdGhpcy5hdHRyKGF0dHJOYW1lKVxuXG4gICAgICByZXR1cm4gZGF0YSAhPT0gbnVsbCA/IGRlc2VyaWFsaXplVmFsdWUoZGF0YSkgOiB1bmRlZmluZWRcbiAgICB9LFxuICAgIHZhbDogZnVuY3Rpb24odmFsdWUpe1xuICAgICAgaWYgKDAgaW4gYXJndW1lbnRzKSB7XG4gICAgICAgIGlmICh2YWx1ZSA9PSBudWxsKSB2YWx1ZSA9IFwiXCJcbiAgICAgICAgcmV0dXJuIHRoaXMuZWFjaChmdW5jdGlvbihpZHgpe1xuICAgICAgICAgIHRoaXMudmFsdWUgPSBmdW5jQXJnKHRoaXMsIHZhbHVlLCBpZHgsIHRoaXMudmFsdWUpXG4gICAgICAgIH0pXG4gICAgICB9IGVsc2Uge1xuICAgICAgICByZXR1cm4gdGhpc1swXSAmJiAodGhpc1swXS5tdWx0aXBsZSA/XG4gICAgICAgICAgICQodGhpc1swXSkuZmluZCgnb3B0aW9uJykuZmlsdGVyKGZ1bmN0aW9uKCl7IHJldHVybiB0aGlzLnNlbGVjdGVkIH0pLnBsdWNrKCd2YWx1ZScpIDpcbiAgICAgICAgICAgdGhpc1swXS52YWx1ZSlcbiAgICAgIH1cbiAgICB9LFxuICAgIG9mZnNldDogZnVuY3Rpb24oY29vcmRpbmF0ZXMpe1xuICAgICAgaWYgKGNvb3JkaW5hdGVzKSByZXR1cm4gdGhpcy5lYWNoKGZ1bmN0aW9uKGluZGV4KXtcbiAgICAgICAgdmFyICR0aGlzID0gJCh0aGlzKSxcbiAgICAgICAgICAgIGNvb3JkcyA9IGZ1bmNBcmcodGhpcywgY29vcmRpbmF0ZXMsIGluZGV4LCAkdGhpcy5vZmZzZXQoKSksXG4gICAgICAgICAgICBwYXJlbnRPZmZzZXQgPSAkdGhpcy5vZmZzZXRQYXJlbnQoKS5vZmZzZXQoKSxcbiAgICAgICAgICAgIHByb3BzID0ge1xuICAgICAgICAgICAgICB0b3A6ICBjb29yZHMudG9wICAtIHBhcmVudE9mZnNldC50b3AsXG4gICAgICAgICAgICAgIGxlZnQ6IGNvb3Jkcy5sZWZ0IC0gcGFyZW50T2Zmc2V0LmxlZnRcbiAgICAgICAgICAgIH1cblxuICAgICAgICBpZiAoJHRoaXMuY3NzKCdwb3NpdGlvbicpID09ICdzdGF0aWMnKSBwcm9wc1sncG9zaXRpb24nXSA9ICdyZWxhdGl2ZSdcbiAgICAgICAgJHRoaXMuY3NzKHByb3BzKVxuICAgICAgfSlcbiAgICAgIGlmICghdGhpcy5sZW5ndGgpIHJldHVybiBudWxsXG4gICAgICBpZiAoZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50ICE9PSB0aGlzWzBdICYmICEkLmNvbnRhaW5zKGRvY3VtZW50LmRvY3VtZW50RWxlbWVudCwgdGhpc1swXSkpXG4gICAgICAgIHJldHVybiB7dG9wOiAwLCBsZWZ0OiAwfVxuICAgICAgdmFyIG9iaiA9IHRoaXNbMF0uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KClcbiAgICAgIHJldHVybiB7XG4gICAgICAgIGxlZnQ6IG9iai5sZWZ0ICsgd2luZG93LnBhZ2VYT2Zmc2V0LFxuICAgICAgICB0b3A6IG9iai50b3AgKyB3aW5kb3cucGFnZVlPZmZzZXQsXG4gICAgICAgIHdpZHRoOiBNYXRoLnJvdW5kKG9iai53aWR0aCksXG4gICAgICAgIGhlaWdodDogTWF0aC5yb3VuZChvYmouaGVpZ2h0KVxuICAgICAgfVxuICAgIH0sXG4gICAgY3NzOiBmdW5jdGlvbihwcm9wZXJ0eSwgdmFsdWUpe1xuICAgICAgaWYgKGFyZ3VtZW50cy5sZW5ndGggPCAyKSB7XG4gICAgICAgIHZhciBlbGVtZW50ID0gdGhpc1swXVxuICAgICAgICBpZiAodHlwZW9mIHByb3BlcnR5ID09ICdzdHJpbmcnKSB7XG4gICAgICAgICAgaWYgKCFlbGVtZW50KSByZXR1cm5cbiAgICAgICAgICByZXR1cm4gZWxlbWVudC5zdHlsZVtjYW1lbGl6ZShwcm9wZXJ0eSldIHx8IGdldENvbXB1dGVkU3R5bGUoZWxlbWVudCwgJycpLmdldFByb3BlcnR5VmFsdWUocHJvcGVydHkpXG4gICAgICAgIH0gZWxzZSBpZiAoaXNBcnJheShwcm9wZXJ0eSkpIHtcbiAgICAgICAgICBpZiAoIWVsZW1lbnQpIHJldHVyblxuICAgICAgICAgIHZhciBwcm9wcyA9IHt9XG4gICAgICAgICAgdmFyIGNvbXB1dGVkU3R5bGUgPSBnZXRDb21wdXRlZFN0eWxlKGVsZW1lbnQsICcnKVxuICAgICAgICAgICQuZWFjaChwcm9wZXJ0eSwgZnVuY3Rpb24oXywgcHJvcCl7XG4gICAgICAgICAgICBwcm9wc1twcm9wXSA9IChlbGVtZW50LnN0eWxlW2NhbWVsaXplKHByb3ApXSB8fCBjb21wdXRlZFN0eWxlLmdldFByb3BlcnR5VmFsdWUocHJvcCkpXG4gICAgICAgICAgfSlcbiAgICAgICAgICByZXR1cm4gcHJvcHNcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICB2YXIgY3NzID0gJydcbiAgICAgIGlmICh0eXBlKHByb3BlcnR5KSA9PSAnc3RyaW5nJykge1xuICAgICAgICBpZiAoIXZhbHVlICYmIHZhbHVlICE9PSAwKVxuICAgICAgICAgIHRoaXMuZWFjaChmdW5jdGlvbigpeyB0aGlzLnN0eWxlLnJlbW92ZVByb3BlcnR5KGRhc2hlcml6ZShwcm9wZXJ0eSkpIH0pXG4gICAgICAgIGVsc2VcbiAgICAgICAgICBjc3MgPSBkYXNoZXJpemUocHJvcGVydHkpICsgXCI6XCIgKyBtYXliZUFkZFB4KHByb3BlcnR5LCB2YWx1ZSlcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGZvciAoa2V5IGluIHByb3BlcnR5KVxuICAgICAgICAgIGlmICghcHJvcGVydHlba2V5XSAmJiBwcm9wZXJ0eVtrZXldICE9PSAwKVxuICAgICAgICAgICAgdGhpcy5lYWNoKGZ1bmN0aW9uKCl7IHRoaXMuc3R5bGUucmVtb3ZlUHJvcGVydHkoZGFzaGVyaXplKGtleSkpIH0pXG4gICAgICAgICAgZWxzZVxuICAgICAgICAgICAgY3NzICs9IGRhc2hlcml6ZShrZXkpICsgJzonICsgbWF5YmVBZGRQeChrZXksIHByb3BlcnR5W2tleV0pICsgJzsnXG4gICAgICB9XG5cbiAgICAgIHJldHVybiB0aGlzLmVhY2goZnVuY3Rpb24oKXsgdGhpcy5zdHlsZS5jc3NUZXh0ICs9ICc7JyArIGNzcyB9KVxuICAgIH0sXG4gICAgaW5kZXg6IGZ1bmN0aW9uKGVsZW1lbnQpe1xuICAgICAgcmV0dXJuIGVsZW1lbnQgPyB0aGlzLmluZGV4T2YoJChlbGVtZW50KVswXSkgOiB0aGlzLnBhcmVudCgpLmNoaWxkcmVuKCkuaW5kZXhPZih0aGlzWzBdKVxuICAgIH0sXG4gICAgaGFzQ2xhc3M6IGZ1bmN0aW9uKG5hbWUpe1xuICAgICAgaWYgKCFuYW1lKSByZXR1cm4gZmFsc2VcbiAgICAgIHJldHVybiBlbXB0eUFycmF5LnNvbWUuY2FsbCh0aGlzLCBmdW5jdGlvbihlbCl7XG4gICAgICAgIHJldHVybiB0aGlzLnRlc3QoY2xhc3NOYW1lKGVsKSlcbiAgICAgIH0sIGNsYXNzUkUobmFtZSkpXG4gICAgfSxcbiAgICBhZGRDbGFzczogZnVuY3Rpb24obmFtZSl7XG4gICAgICBpZiAoIW5hbWUpIHJldHVybiB0aGlzXG4gICAgICByZXR1cm4gdGhpcy5lYWNoKGZ1bmN0aW9uKGlkeCl7XG4gICAgICAgIGlmICghKCdjbGFzc05hbWUnIGluIHRoaXMpKSByZXR1cm5cbiAgICAgICAgY2xhc3NMaXN0ID0gW11cbiAgICAgICAgdmFyIGNscyA9IGNsYXNzTmFtZSh0aGlzKSwgbmV3TmFtZSA9IGZ1bmNBcmcodGhpcywgbmFtZSwgaWR4LCBjbHMpXG4gICAgICAgIG5ld05hbWUuc3BsaXQoL1xccysvZykuZm9yRWFjaChmdW5jdGlvbihrbGFzcyl7XG4gICAgICAgICAgaWYgKCEkKHRoaXMpLmhhc0NsYXNzKGtsYXNzKSkgY2xhc3NMaXN0LnB1c2goa2xhc3MpXG4gICAgICAgIH0sIHRoaXMpXG4gICAgICAgIGNsYXNzTGlzdC5sZW5ndGggJiYgY2xhc3NOYW1lKHRoaXMsIGNscyArIChjbHMgPyBcIiBcIiA6IFwiXCIpICsgY2xhc3NMaXN0LmpvaW4oXCIgXCIpKVxuICAgICAgfSlcbiAgICB9LFxuICAgIHJlbW92ZUNsYXNzOiBmdW5jdGlvbihuYW1lKXtcbiAgICAgIHJldHVybiB0aGlzLmVhY2goZnVuY3Rpb24oaWR4KXtcbiAgICAgICAgaWYgKCEoJ2NsYXNzTmFtZScgaW4gdGhpcykpIHJldHVyblxuICAgICAgICBpZiAobmFtZSA9PT0gdW5kZWZpbmVkKSByZXR1cm4gY2xhc3NOYW1lKHRoaXMsICcnKVxuICAgICAgICBjbGFzc0xpc3QgPSBjbGFzc05hbWUodGhpcylcbiAgICAgICAgZnVuY0FyZyh0aGlzLCBuYW1lLCBpZHgsIGNsYXNzTGlzdCkuc3BsaXQoL1xccysvZykuZm9yRWFjaChmdW5jdGlvbihrbGFzcyl7XG4gICAgICAgICAgY2xhc3NMaXN0ID0gY2xhc3NMaXN0LnJlcGxhY2UoY2xhc3NSRShrbGFzcyksIFwiIFwiKVxuICAgICAgICB9KVxuICAgICAgICBjbGFzc05hbWUodGhpcywgY2xhc3NMaXN0LnRyaW0oKSlcbiAgICAgIH0pXG4gICAgfSxcbiAgICB0b2dnbGVDbGFzczogZnVuY3Rpb24obmFtZSwgd2hlbil7XG4gICAgICBpZiAoIW5hbWUpIHJldHVybiB0aGlzXG4gICAgICByZXR1cm4gdGhpcy5lYWNoKGZ1bmN0aW9uKGlkeCl7XG4gICAgICAgIHZhciAkdGhpcyA9ICQodGhpcyksIG5hbWVzID0gZnVuY0FyZyh0aGlzLCBuYW1lLCBpZHgsIGNsYXNzTmFtZSh0aGlzKSlcbiAgICAgICAgbmFtZXMuc3BsaXQoL1xccysvZykuZm9yRWFjaChmdW5jdGlvbihrbGFzcyl7XG4gICAgICAgICAgKHdoZW4gPT09IHVuZGVmaW5lZCA/ICEkdGhpcy5oYXNDbGFzcyhrbGFzcykgOiB3aGVuKSA/XG4gICAgICAgICAgICAkdGhpcy5hZGRDbGFzcyhrbGFzcykgOiAkdGhpcy5yZW1vdmVDbGFzcyhrbGFzcylcbiAgICAgICAgfSlcbiAgICAgIH0pXG4gICAgfSxcbiAgICBzY3JvbGxUb3A6IGZ1bmN0aW9uKHZhbHVlKXtcbiAgICAgIGlmICghdGhpcy5sZW5ndGgpIHJldHVyblxuICAgICAgdmFyIGhhc1Njcm9sbFRvcCA9ICdzY3JvbGxUb3AnIGluIHRoaXNbMF1cbiAgICAgIGlmICh2YWx1ZSA9PT0gdW5kZWZpbmVkKSByZXR1cm4gaGFzU2Nyb2xsVG9wID8gdGhpc1swXS5zY3JvbGxUb3AgOiB0aGlzWzBdLnBhZ2VZT2Zmc2V0XG4gICAgICByZXR1cm4gdGhpcy5lYWNoKGhhc1Njcm9sbFRvcCA/XG4gICAgICAgIGZ1bmN0aW9uKCl7IHRoaXMuc2Nyb2xsVG9wID0gdmFsdWUgfSA6XG4gICAgICAgIGZ1bmN0aW9uKCl7IHRoaXMuc2Nyb2xsVG8odGhpcy5zY3JvbGxYLCB2YWx1ZSkgfSlcbiAgICB9LFxuICAgIHNjcm9sbExlZnQ6IGZ1bmN0aW9uKHZhbHVlKXtcbiAgICAgIGlmICghdGhpcy5sZW5ndGgpIHJldHVyblxuICAgICAgdmFyIGhhc1Njcm9sbExlZnQgPSAnc2Nyb2xsTGVmdCcgaW4gdGhpc1swXVxuICAgICAgaWYgKHZhbHVlID09PSB1bmRlZmluZWQpIHJldHVybiBoYXNTY3JvbGxMZWZ0ID8gdGhpc1swXS5zY3JvbGxMZWZ0IDogdGhpc1swXS5wYWdlWE9mZnNldFxuICAgICAgcmV0dXJuIHRoaXMuZWFjaChoYXNTY3JvbGxMZWZ0ID9cbiAgICAgICAgZnVuY3Rpb24oKXsgdGhpcy5zY3JvbGxMZWZ0ID0gdmFsdWUgfSA6XG4gICAgICAgIGZ1bmN0aW9uKCl7IHRoaXMuc2Nyb2xsVG8odmFsdWUsIHRoaXMuc2Nyb2xsWSkgfSlcbiAgICB9LFxuICAgIHBvc2l0aW9uOiBmdW5jdGlvbigpIHtcbiAgICAgIGlmICghdGhpcy5sZW5ndGgpIHJldHVyblxuXG4gICAgICB2YXIgZWxlbSA9IHRoaXNbMF0sXG4gICAgICAgIC8vIEdldCAqcmVhbCogb2Zmc2V0UGFyZW50XG4gICAgICAgIG9mZnNldFBhcmVudCA9IHRoaXMub2Zmc2V0UGFyZW50KCksXG4gICAgICAgIC8vIEdldCBjb3JyZWN0IG9mZnNldHNcbiAgICAgICAgb2Zmc2V0ICAgICAgID0gdGhpcy5vZmZzZXQoKSxcbiAgICAgICAgcGFyZW50T2Zmc2V0ID0gcm9vdE5vZGVSRS50ZXN0KG9mZnNldFBhcmVudFswXS5ub2RlTmFtZSkgPyB7IHRvcDogMCwgbGVmdDogMCB9IDogb2Zmc2V0UGFyZW50Lm9mZnNldCgpXG5cbiAgICAgIC8vIFN1YnRyYWN0IGVsZW1lbnQgbWFyZ2luc1xuICAgICAgLy8gbm90ZTogd2hlbiBhbiBlbGVtZW50IGhhcyBtYXJnaW46IGF1dG8gdGhlIG9mZnNldExlZnQgYW5kIG1hcmdpbkxlZnRcbiAgICAgIC8vIGFyZSB0aGUgc2FtZSBpbiBTYWZhcmkgY2F1c2luZyBvZmZzZXQubGVmdCB0byBpbmNvcnJlY3RseSBiZSAwXG4gICAgICBvZmZzZXQudG9wICAtPSBwYXJzZUZsb2F0KCAkKGVsZW0pLmNzcygnbWFyZ2luLXRvcCcpICkgfHwgMFxuICAgICAgb2Zmc2V0LmxlZnQgLT0gcGFyc2VGbG9hdCggJChlbGVtKS5jc3MoJ21hcmdpbi1sZWZ0JykgKSB8fCAwXG5cbiAgICAgIC8vIEFkZCBvZmZzZXRQYXJlbnQgYm9yZGVyc1xuICAgICAgcGFyZW50T2Zmc2V0LnRvcCAgKz0gcGFyc2VGbG9hdCggJChvZmZzZXRQYXJlbnRbMF0pLmNzcygnYm9yZGVyLXRvcC13aWR0aCcpICkgfHwgMFxuICAgICAgcGFyZW50T2Zmc2V0LmxlZnQgKz0gcGFyc2VGbG9hdCggJChvZmZzZXRQYXJlbnRbMF0pLmNzcygnYm9yZGVyLWxlZnQtd2lkdGgnKSApIHx8IDBcblxuICAgICAgLy8gU3VidHJhY3QgdGhlIHR3byBvZmZzZXRzXG4gICAgICByZXR1cm4ge1xuICAgICAgICB0b3A6ICBvZmZzZXQudG9wICAtIHBhcmVudE9mZnNldC50b3AsXG4gICAgICAgIGxlZnQ6IG9mZnNldC5sZWZ0IC0gcGFyZW50T2Zmc2V0LmxlZnRcbiAgICAgIH1cbiAgICB9LFxuICAgIG9mZnNldFBhcmVudDogZnVuY3Rpb24oKSB7XG4gICAgICByZXR1cm4gdGhpcy5tYXAoZnVuY3Rpb24oKXtcbiAgICAgICAgdmFyIHBhcmVudCA9IHRoaXMub2Zmc2V0UGFyZW50IHx8IGRvY3VtZW50LmJvZHlcbiAgICAgICAgd2hpbGUgKHBhcmVudCAmJiAhcm9vdE5vZGVSRS50ZXN0KHBhcmVudC5ub2RlTmFtZSkgJiYgJChwYXJlbnQpLmNzcyhcInBvc2l0aW9uXCIpID09IFwic3RhdGljXCIpXG4gICAgICAgICAgcGFyZW50ID0gcGFyZW50Lm9mZnNldFBhcmVudFxuICAgICAgICByZXR1cm4gcGFyZW50XG4gICAgICB9KVxuICAgIH1cbiAgfVxuXG4gIC8vIGZvciBub3dcbiAgJC5mbi5kZXRhY2ggPSAkLmZuLnJlbW92ZVxuXG4gIC8vIEdlbmVyYXRlIHRoZSBgd2lkdGhgIGFuZCBgaGVpZ2h0YCBmdW5jdGlvbnNcbiAgO1snd2lkdGgnLCAnaGVpZ2h0J10uZm9yRWFjaChmdW5jdGlvbihkaW1lbnNpb24pe1xuICAgIHZhciBkaW1lbnNpb25Qcm9wZXJ0eSA9XG4gICAgICBkaW1lbnNpb24ucmVwbGFjZSgvLi8sIGZ1bmN0aW9uKG0peyByZXR1cm4gbVswXS50b1VwcGVyQ2FzZSgpIH0pXG5cbiAgICAkLmZuW2RpbWVuc2lvbl0gPSBmdW5jdGlvbih2YWx1ZSl7XG4gICAgICB2YXIgb2Zmc2V0LCBlbCA9IHRoaXNbMF1cbiAgICAgIGlmICh2YWx1ZSA9PT0gdW5kZWZpbmVkKSByZXR1cm4gaXNXaW5kb3coZWwpID8gZWxbJ2lubmVyJyArIGRpbWVuc2lvblByb3BlcnR5XSA6XG4gICAgICAgIGlzRG9jdW1lbnQoZWwpID8gZWwuZG9jdW1lbnRFbGVtZW50WydzY3JvbGwnICsgZGltZW5zaW9uUHJvcGVydHldIDpcbiAgICAgICAgKG9mZnNldCA9IHRoaXMub2Zmc2V0KCkpICYmIG9mZnNldFtkaW1lbnNpb25dXG4gICAgICBlbHNlIHJldHVybiB0aGlzLmVhY2goZnVuY3Rpb24oaWR4KXtcbiAgICAgICAgZWwgPSAkKHRoaXMpXG4gICAgICAgIGVsLmNzcyhkaW1lbnNpb24sIGZ1bmNBcmcodGhpcywgdmFsdWUsIGlkeCwgZWxbZGltZW5zaW9uXSgpKSlcbiAgICAgIH0pXG4gICAgfVxuICB9KVxuXG4gIGZ1bmN0aW9uIHRyYXZlcnNlTm9kZShub2RlLCBmdW4pIHtcbiAgICBmdW4obm9kZSlcbiAgICBmb3IgKHZhciBpID0gMCwgbGVuID0gbm9kZS5jaGlsZE5vZGVzLmxlbmd0aDsgaSA8IGxlbjsgaSsrKVxuICAgICAgdHJhdmVyc2VOb2RlKG5vZGUuY2hpbGROb2Rlc1tpXSwgZnVuKVxuICB9XG5cbiAgLy8gR2VuZXJhdGUgdGhlIGBhZnRlcmAsIGBwcmVwZW5kYCwgYGJlZm9yZWAsIGBhcHBlbmRgLFxuICAvLyBgaW5zZXJ0QWZ0ZXJgLCBgaW5zZXJ0QmVmb3JlYCwgYGFwcGVuZFRvYCwgYW5kIGBwcmVwZW5kVG9gIG1ldGhvZHMuXG4gIGFkamFjZW5jeU9wZXJhdG9ycy5mb3JFYWNoKGZ1bmN0aW9uKG9wZXJhdG9yLCBvcGVyYXRvckluZGV4KSB7XG4gICAgdmFyIGluc2lkZSA9IG9wZXJhdG9ySW5kZXggJSAyIC8vPT4gcHJlcGVuZCwgYXBwZW5kXG5cbiAgICAkLmZuW29wZXJhdG9yXSA9IGZ1bmN0aW9uKCl7XG4gICAgICAvLyBhcmd1bWVudHMgY2FuIGJlIG5vZGVzLCBhcnJheXMgb2Ygbm9kZXMsIFplcHRvIG9iamVjdHMgYW5kIEhUTUwgc3RyaW5nc1xuICAgICAgdmFyIGFyZ1R5cGUsIG5vZGVzID0gJC5tYXAoYXJndW1lbnRzLCBmdW5jdGlvbihhcmcpIHtcbiAgICAgICAgICAgIHZhciBhcnIgPSBbXVxuICAgICAgICAgICAgYXJnVHlwZSA9IHR5cGUoYXJnKVxuICAgICAgICAgICAgaWYgKGFyZ1R5cGUgPT0gXCJhcnJheVwiKSB7XG4gICAgICAgICAgICAgIGFyZy5mb3JFYWNoKGZ1bmN0aW9uKGVsKSB7XG4gICAgICAgICAgICAgICAgaWYgKGVsLm5vZGVUeXBlICE9PSB1bmRlZmluZWQpIHJldHVybiBhcnIucHVzaChlbClcbiAgICAgICAgICAgICAgICBlbHNlIGlmICgkLnplcHRvLmlzWihlbCkpIHJldHVybiBhcnIgPSBhcnIuY29uY2F0KGVsLmdldCgpKVxuICAgICAgICAgICAgICAgIGFyciA9IGFyci5jb25jYXQoemVwdG8uZnJhZ21lbnQoZWwpKVxuICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICByZXR1cm4gYXJyXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICByZXR1cm4gYXJnVHlwZSA9PSBcIm9iamVjdFwiIHx8IGFyZyA9PSBudWxsID9cbiAgICAgICAgICAgICAgYXJnIDogemVwdG8uZnJhZ21lbnQoYXJnKVxuICAgICAgICAgIH0pLFxuICAgICAgICAgIHBhcmVudCwgY29weUJ5Q2xvbmUgPSB0aGlzLmxlbmd0aCA+IDFcbiAgICAgIGlmIChub2Rlcy5sZW5ndGggPCAxKSByZXR1cm4gdGhpc1xuXG4gICAgICByZXR1cm4gdGhpcy5lYWNoKGZ1bmN0aW9uKF8sIHRhcmdldCl7XG4gICAgICAgIHBhcmVudCA9IGluc2lkZSA/IHRhcmdldCA6IHRhcmdldC5wYXJlbnROb2RlXG5cbiAgICAgICAgLy8gY29udmVydCBhbGwgbWV0aG9kcyB0byBhIFwiYmVmb3JlXCIgb3BlcmF0aW9uXG4gICAgICAgIHRhcmdldCA9IG9wZXJhdG9ySW5kZXggPT0gMCA/IHRhcmdldC5uZXh0U2libGluZyA6XG4gICAgICAgICAgICAgICAgIG9wZXJhdG9ySW5kZXggPT0gMSA/IHRhcmdldC5maXJzdENoaWxkIDpcbiAgICAgICAgICAgICAgICAgb3BlcmF0b3JJbmRleCA9PSAyID8gdGFyZ2V0IDpcbiAgICAgICAgICAgICAgICAgbnVsbFxuXG4gICAgICAgIHZhciBwYXJlbnRJbkRvY3VtZW50ID0gJC5jb250YWlucyhkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQsIHBhcmVudClcblxuICAgICAgICBub2Rlcy5mb3JFYWNoKGZ1bmN0aW9uKG5vZGUpe1xuICAgICAgICAgIGlmIChjb3B5QnlDbG9uZSkgbm9kZSA9IG5vZGUuY2xvbmVOb2RlKHRydWUpXG4gICAgICAgICAgZWxzZSBpZiAoIXBhcmVudCkgcmV0dXJuICQobm9kZSkucmVtb3ZlKClcblxuICAgICAgICAgIHBhcmVudC5pbnNlcnRCZWZvcmUobm9kZSwgdGFyZ2V0KVxuICAgICAgICAgIGlmIChwYXJlbnRJbkRvY3VtZW50KSB0cmF2ZXJzZU5vZGUobm9kZSwgZnVuY3Rpb24oZWwpe1xuICAgICAgICAgICAgaWYgKGVsLm5vZGVOYW1lICE9IG51bGwgJiYgZWwubm9kZU5hbWUudG9VcHBlckNhc2UoKSA9PT0gJ1NDUklQVCcgJiZcbiAgICAgICAgICAgICAgICghZWwudHlwZSB8fCBlbC50eXBlID09PSAndGV4dC9qYXZhc2NyaXB0JykgJiYgIWVsLnNyYyl7XG4gICAgICAgICAgICAgIHZhciB0YXJnZXQgPSBlbC5vd25lckRvY3VtZW50ID8gZWwub3duZXJEb2N1bWVudC5kZWZhdWx0VmlldyA6IHdpbmRvd1xuICAgICAgICAgICAgICB0YXJnZXRbJ2V2YWwnXS5jYWxsKHRhcmdldCwgZWwuaW5uZXJIVE1MKVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH0pXG4gICAgICAgIH0pXG4gICAgICB9KVxuICAgIH1cblxuICAgIC8vIGFmdGVyICAgID0+IGluc2VydEFmdGVyXG4gICAgLy8gcHJlcGVuZCAgPT4gcHJlcGVuZFRvXG4gICAgLy8gYmVmb3JlICAgPT4gaW5zZXJ0QmVmb3JlXG4gICAgLy8gYXBwZW5kICAgPT4gYXBwZW5kVG9cbiAgICAkLmZuW2luc2lkZSA/IG9wZXJhdG9yKydUbycgOiAnaW5zZXJ0Jysob3BlcmF0b3JJbmRleCA/ICdCZWZvcmUnIDogJ0FmdGVyJyldID0gZnVuY3Rpb24oaHRtbCl7XG4gICAgICAkKGh0bWwpW29wZXJhdG9yXSh0aGlzKVxuICAgICAgcmV0dXJuIHRoaXNcbiAgICB9XG4gIH0pXG5cbiAgemVwdG8uWi5wcm90b3R5cGUgPSBaLnByb3RvdHlwZSA9ICQuZm5cblxuICAvLyBFeHBvcnQgaW50ZXJuYWwgQVBJIGZ1bmN0aW9ucyBpbiB0aGUgYCQuemVwdG9gIG5hbWVzcGFjZVxuICB6ZXB0by51bmlxID0gdW5pcVxuICB6ZXB0by5kZXNlcmlhbGl6ZVZhbHVlID0gZGVzZXJpYWxpemVWYWx1ZVxuICAkLnplcHRvID0gemVwdG9cblxuICByZXR1cm4gJFxufSkoKVxuXG47KGZ1bmN0aW9uKCQpe1xuICB2YXIgX3ppZCA9IDEsIHVuZGVmaW5lZCxcbiAgICAgIHNsaWNlID0gQXJyYXkucHJvdG90eXBlLnNsaWNlLFxuICAgICAgaXNGdW5jdGlvbiA9ICQuaXNGdW5jdGlvbixcbiAgICAgIGlzU3RyaW5nID0gZnVuY3Rpb24ob2JqKXsgcmV0dXJuIHR5cGVvZiBvYmogPT0gJ3N0cmluZycgfSxcbiAgICAgIGhhbmRsZXJzID0ge30sXG4gICAgICBzcGVjaWFsRXZlbnRzPXt9LFxuICAgICAgZm9jdXNpblN1cHBvcnRlZCA9ICdvbmZvY3VzaW4nIGluIHdpbmRvdyxcbiAgICAgIGZvY3VzID0geyBmb2N1czogJ2ZvY3VzaW4nLCBibHVyOiAnZm9jdXNvdXQnIH0sXG4gICAgICBob3ZlciA9IHsgbW91c2VlbnRlcjogJ21vdXNlb3ZlcicsIG1vdXNlbGVhdmU6ICdtb3VzZW91dCcgfVxuXG4gIHNwZWNpYWxFdmVudHMuY2xpY2sgPSBzcGVjaWFsRXZlbnRzLm1vdXNlZG93biA9IHNwZWNpYWxFdmVudHMubW91c2V1cCA9IHNwZWNpYWxFdmVudHMubW91c2Vtb3ZlID0gJ01vdXNlRXZlbnRzJ1xuXG4gIGZ1bmN0aW9uIHppZChlbGVtZW50KSB7XG4gICAgcmV0dXJuIGVsZW1lbnQuX3ppZCB8fCAoZWxlbWVudC5femlkID0gX3ppZCsrKVxuICB9XG4gIGZ1bmN0aW9uIGZpbmRIYW5kbGVycyhlbGVtZW50LCBldmVudCwgZm4sIHNlbGVjdG9yKSB7XG4gICAgZXZlbnQgPSBwYXJzZShldmVudClcbiAgICBpZiAoZXZlbnQubnMpIHZhciBtYXRjaGVyID0gbWF0Y2hlckZvcihldmVudC5ucylcbiAgICByZXR1cm4gKGhhbmRsZXJzW3ppZChlbGVtZW50KV0gfHwgW10pLmZpbHRlcihmdW5jdGlvbihoYW5kbGVyKSB7XG4gICAgICByZXR1cm4gaGFuZGxlclxuICAgICAgICAmJiAoIWV2ZW50LmUgIHx8IGhhbmRsZXIuZSA9PSBldmVudC5lKVxuICAgICAgICAmJiAoIWV2ZW50Lm5zIHx8IG1hdGNoZXIudGVzdChoYW5kbGVyLm5zKSlcbiAgICAgICAgJiYgKCFmbiAgICAgICB8fCB6aWQoaGFuZGxlci5mbikgPT09IHppZChmbikpXG4gICAgICAgICYmICghc2VsZWN0b3IgfHwgaGFuZGxlci5zZWwgPT0gc2VsZWN0b3IpXG4gICAgfSlcbiAgfVxuICBmdW5jdGlvbiBwYXJzZShldmVudCkge1xuICAgIHZhciBwYXJ0cyA9ICgnJyArIGV2ZW50KS5zcGxpdCgnLicpXG4gICAgcmV0dXJuIHtlOiBwYXJ0c1swXSwgbnM6IHBhcnRzLnNsaWNlKDEpLnNvcnQoKS5qb2luKCcgJyl9XG4gIH1cbiAgZnVuY3Rpb24gbWF0Y2hlckZvcihucykge1xuICAgIHJldHVybiBuZXcgUmVnRXhwKCcoPzpefCApJyArIG5zLnJlcGxhY2UoJyAnLCAnIC4qID8nKSArICcoPzogfCQpJylcbiAgfVxuXG4gIGZ1bmN0aW9uIGV2ZW50Q2FwdHVyZShoYW5kbGVyLCBjYXB0dXJlU2V0dGluZykge1xuICAgIHJldHVybiBoYW5kbGVyLmRlbCAmJlxuICAgICAgKCFmb2N1c2luU3VwcG9ydGVkICYmIChoYW5kbGVyLmUgaW4gZm9jdXMpKSB8fFxuICAgICAgISFjYXB0dXJlU2V0dGluZ1xuICB9XG5cbiAgZnVuY3Rpb24gcmVhbEV2ZW50KHR5cGUpIHtcbiAgICByZXR1cm4gaG92ZXJbdHlwZV0gfHwgKGZvY3VzaW5TdXBwb3J0ZWQgJiYgZm9jdXNbdHlwZV0pIHx8IHR5cGVcbiAgfVxuXG4gIGZ1bmN0aW9uIGFkZChlbGVtZW50LCBldmVudHMsIGZuLCBkYXRhLCBzZWxlY3RvciwgZGVsZWdhdG9yLCBjYXB0dXJlKXtcbiAgICB2YXIgaWQgPSB6aWQoZWxlbWVudCksIHNldCA9IChoYW5kbGVyc1tpZF0gfHwgKGhhbmRsZXJzW2lkXSA9IFtdKSlcbiAgICBldmVudHMuc3BsaXQoL1xccy8pLmZvckVhY2goZnVuY3Rpb24oZXZlbnQpe1xuICAgICAgaWYgKGV2ZW50ID09ICdyZWFkeScpIHJldHVybiAkKGRvY3VtZW50KS5yZWFkeShmbilcbiAgICAgIHZhciBoYW5kbGVyICAgPSBwYXJzZShldmVudClcbiAgICAgIGhhbmRsZXIuZm4gICAgPSBmblxuICAgICAgaGFuZGxlci5zZWwgICA9IHNlbGVjdG9yXG4gICAgICAvLyBlbXVsYXRlIG1vdXNlZW50ZXIsIG1vdXNlbGVhdmVcbiAgICAgIGlmIChoYW5kbGVyLmUgaW4gaG92ZXIpIGZuID0gZnVuY3Rpb24oZSl7XG4gICAgICAgIHZhciByZWxhdGVkID0gZS5yZWxhdGVkVGFyZ2V0XG4gICAgICAgIGlmICghcmVsYXRlZCB8fCAocmVsYXRlZCAhPT0gdGhpcyAmJiAhJC5jb250YWlucyh0aGlzLCByZWxhdGVkKSkpXG4gICAgICAgICAgcmV0dXJuIGhhbmRsZXIuZm4uYXBwbHkodGhpcywgYXJndW1lbnRzKVxuICAgICAgfVxuICAgICAgaGFuZGxlci5kZWwgICA9IGRlbGVnYXRvclxuICAgICAgdmFyIGNhbGxiYWNrICA9IGRlbGVnYXRvciB8fCBmblxuICAgICAgaGFuZGxlci5wcm94eSA9IGZ1bmN0aW9uKGUpe1xuICAgICAgICBlID0gY29tcGF0aWJsZShlKVxuICAgICAgICBpZiAoZS5pc0ltbWVkaWF0ZVByb3BhZ2F0aW9uU3RvcHBlZCgpKSByZXR1cm5cbiAgICAgICAgdHJ5IHtcbiAgICAgICAgICB2YXIgZGF0YVByb3BEZXNjcmlwdG9yID0gT2JqZWN0LmdldE93blByb3BlcnR5RGVzY3JpcHRvcihlLCAnZGF0YScpXG4gICAgICAgICAgaWYgKCFkYXRhUHJvcERlc2NyaXB0b3IgfHwgZGF0YVByb3BEZXNjcmlwdG9yLndyaXRhYmxlKVxuICAgICAgICAgICAgZS5kYXRhID0gZGF0YVxuICAgICAgICB9IGNhdGNoIChlKSB7fSAvLyB3aGVuIHVzaW5nIHN0cmljdCBtb2RlIGRhdGFQcm9wRGVzY3JpcHRvciB3aWxsIGJlIHVuZGVmaW5lZCB3aGVuIGUgaXMgSW5wdXRFdmVudCAoZXZlbiB0aG91Z2ggZGF0YSBwcm9wZXJ0eSBleGlzdHMpLiBTbyB3ZSBzdXJyb3VuZCB3aXRoIHRyeS9jYXRjaFxuICAgICAgICB2YXIgcmVzdWx0ID0gY2FsbGJhY2suYXBwbHkoZWxlbWVudCwgZS5fYXJncyA9PSB1bmRlZmluZWQgPyBbZV0gOiBbZV0uY29uY2F0KGUuX2FyZ3MpKVxuICAgICAgICBpZiAocmVzdWx0ID09PSBmYWxzZSkgZS5wcmV2ZW50RGVmYXVsdCgpLCBlLnN0b3BQcm9wYWdhdGlvbigpXG4gICAgICAgIHJldHVybiByZXN1bHRcbiAgICAgIH1cbiAgICAgIGhhbmRsZXIuaSA9IHNldC5sZW5ndGhcbiAgICAgIHNldC5wdXNoKGhhbmRsZXIpXG4gICAgICBpZiAoJ2FkZEV2ZW50TGlzdGVuZXInIGluIGVsZW1lbnQpXG4gICAgICAgIGVsZW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihyZWFsRXZlbnQoaGFuZGxlci5lKSwgaGFuZGxlci5wcm94eSwgZXZlbnRDYXB0dXJlKGhhbmRsZXIsIGNhcHR1cmUpKVxuICAgIH0pXG4gIH1cbiAgZnVuY3Rpb24gcmVtb3ZlKGVsZW1lbnQsIGV2ZW50cywgZm4sIHNlbGVjdG9yLCBjYXB0dXJlKXtcbiAgICB2YXIgaWQgPSB6aWQoZWxlbWVudClcbiAgICA7KGV2ZW50cyB8fCAnJykuc3BsaXQoL1xccy8pLmZvckVhY2goZnVuY3Rpb24oZXZlbnQpe1xuICAgICAgZmluZEhhbmRsZXJzKGVsZW1lbnQsIGV2ZW50LCBmbiwgc2VsZWN0b3IpLmZvckVhY2goZnVuY3Rpb24oaGFuZGxlcil7XG4gICAgICAgIGRlbGV0ZSBoYW5kbGVyc1tpZF1baGFuZGxlci5pXVxuICAgICAgaWYgKCdyZW1vdmVFdmVudExpc3RlbmVyJyBpbiBlbGVtZW50KVxuICAgICAgICBlbGVtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIocmVhbEV2ZW50KGhhbmRsZXIuZSksIGhhbmRsZXIucHJveHksIGV2ZW50Q2FwdHVyZShoYW5kbGVyLCBjYXB0dXJlKSlcbiAgICAgIH0pXG4gICAgfSlcbiAgfVxuXG4gICQuZXZlbnQgPSB7IGFkZDogYWRkLCByZW1vdmU6IHJlbW92ZSB9XG5cbiAgJC5wcm94eSA9IGZ1bmN0aW9uKGZuLCBjb250ZXh0KSB7XG4gICAgdmFyIGFyZ3MgPSAoMiBpbiBhcmd1bWVudHMpICYmIHNsaWNlLmNhbGwoYXJndW1lbnRzLCAyKVxuICAgIGlmIChpc0Z1bmN0aW9uKGZuKSkge1xuICAgICAgdmFyIHByb3h5Rm4gPSBmdW5jdGlvbigpeyByZXR1cm4gZm4uYXBwbHkoY29udGV4dCwgYXJncyA/IGFyZ3MuY29uY2F0KHNsaWNlLmNhbGwoYXJndW1lbnRzKSkgOiBhcmd1bWVudHMpIH1cbiAgICAgIHByb3h5Rm4uX3ppZCA9IHppZChmbilcbiAgICAgIHJldHVybiBwcm94eUZuXG4gICAgfSBlbHNlIGlmIChpc1N0cmluZyhjb250ZXh0KSkge1xuICAgICAgaWYgKGFyZ3MpIHtcbiAgICAgICAgYXJncy51bnNoaWZ0KGZuW2NvbnRleHRdLCBmbilcbiAgICAgICAgcmV0dXJuICQucHJveHkuYXBwbHkobnVsbCwgYXJncylcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHJldHVybiAkLnByb3h5KGZuW2NvbnRleHRdLCBmbilcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgdGhyb3cgbmV3IFR5cGVFcnJvcihcImV4cGVjdGVkIGZ1bmN0aW9uXCIpXG4gICAgfVxuICB9XG5cbiAgJC5mbi5iaW5kID0gZnVuY3Rpb24oZXZlbnQsIGRhdGEsIGNhbGxiYWNrKXtcbiAgICByZXR1cm4gdGhpcy5vbihldmVudCwgZGF0YSwgY2FsbGJhY2spXG4gIH1cbiAgJC5mbi51bmJpbmQgPSBmdW5jdGlvbihldmVudCwgY2FsbGJhY2spe1xuICAgIHJldHVybiB0aGlzLm9mZihldmVudCwgY2FsbGJhY2spXG4gIH1cbiAgJC5mbi5vbmUgPSBmdW5jdGlvbihldmVudCwgc2VsZWN0b3IsIGRhdGEsIGNhbGxiYWNrKXtcbiAgICByZXR1cm4gdGhpcy5vbihldmVudCwgc2VsZWN0b3IsIGRhdGEsIGNhbGxiYWNrLCAxKVxuICB9XG5cbiAgdmFyIHJldHVyblRydWUgPSBmdW5jdGlvbigpe3JldHVybiB0cnVlfSxcbiAgICAgIHJldHVybkZhbHNlID0gZnVuY3Rpb24oKXtyZXR1cm4gZmFsc2V9LFxuICAgICAgaWdub3JlUHJvcGVydGllcyA9IC9eKFtBLVpdfHJldHVyblZhbHVlJHxsYXllcltYWV0kfHdlYmtpdE1vdmVtZW50W1hZXSQpLyxcbiAgICAgIGV2ZW50TWV0aG9kcyA9IHtcbiAgICAgICAgcHJldmVudERlZmF1bHQ6ICdpc0RlZmF1bHRQcmV2ZW50ZWQnLFxuICAgICAgICBzdG9wSW1tZWRpYXRlUHJvcGFnYXRpb246ICdpc0ltbWVkaWF0ZVByb3BhZ2F0aW9uU3RvcHBlZCcsXG4gICAgICAgIHN0b3BQcm9wYWdhdGlvbjogJ2lzUHJvcGFnYXRpb25TdG9wcGVkJ1xuICAgICAgfVxuXG4gIGZ1bmN0aW9uIGNvbXBhdGlibGUoZXZlbnQsIHNvdXJjZSkge1xuICAgIGlmIChzb3VyY2UgfHwgIWV2ZW50LmlzRGVmYXVsdFByZXZlbnRlZCkge1xuICAgICAgc291cmNlIHx8IChzb3VyY2UgPSBldmVudClcblxuICAgICAgJC5lYWNoKGV2ZW50TWV0aG9kcywgZnVuY3Rpb24obmFtZSwgcHJlZGljYXRlKSB7XG4gICAgICAgIHZhciBzb3VyY2VNZXRob2QgPSBzb3VyY2VbbmFtZV1cbiAgICAgICAgZXZlbnRbbmFtZV0gPSBmdW5jdGlvbigpe1xuICAgICAgICAgIHRoaXNbcHJlZGljYXRlXSA9IHJldHVyblRydWVcbiAgICAgICAgICByZXR1cm4gc291cmNlTWV0aG9kICYmIHNvdXJjZU1ldGhvZC5hcHBseShzb3VyY2UsIGFyZ3VtZW50cylcbiAgICAgICAgfVxuICAgICAgICBldmVudFtwcmVkaWNhdGVdID0gcmV0dXJuRmFsc2VcbiAgICAgIH0pXG5cbiAgICAgIGV2ZW50LnRpbWVTdGFtcCB8fCAoZXZlbnQudGltZVN0YW1wID0gRGF0ZS5ub3coKSlcblxuICAgICAgaWYgKHNvdXJjZS5kZWZhdWx0UHJldmVudGVkICE9PSB1bmRlZmluZWQgPyBzb3VyY2UuZGVmYXVsdFByZXZlbnRlZCA6XG4gICAgICAgICAgJ3JldHVyblZhbHVlJyBpbiBzb3VyY2UgPyBzb3VyY2UucmV0dXJuVmFsdWUgPT09IGZhbHNlIDpcbiAgICAgICAgICBzb3VyY2UuZ2V0UHJldmVudERlZmF1bHQgJiYgc291cmNlLmdldFByZXZlbnREZWZhdWx0KCkpXG4gICAgICAgIGV2ZW50LmlzRGVmYXVsdFByZXZlbnRlZCA9IHJldHVyblRydWVcbiAgICB9XG4gICAgcmV0dXJuIGV2ZW50XG4gIH1cblxuICBmdW5jdGlvbiBjcmVhdGVQcm94eShldmVudCkge1xuICAgIHZhciBrZXksIHByb3h5ID0geyBvcmlnaW5hbEV2ZW50OiBldmVudCB9XG4gICAgZm9yIChrZXkgaW4gZXZlbnQpXG4gICAgICBpZiAoIWlnbm9yZVByb3BlcnRpZXMudGVzdChrZXkpICYmIGV2ZW50W2tleV0gIT09IHVuZGVmaW5lZCkgcHJveHlba2V5XSA9IGV2ZW50W2tleV1cblxuICAgIHJldHVybiBjb21wYXRpYmxlKHByb3h5LCBldmVudClcbiAgfVxuXG4gICQuZm4uZGVsZWdhdGUgPSBmdW5jdGlvbihzZWxlY3RvciwgZXZlbnQsIGNhbGxiYWNrKXtcbiAgICByZXR1cm4gdGhpcy5vbihldmVudCwgc2VsZWN0b3IsIGNhbGxiYWNrKVxuICB9XG4gICQuZm4udW5kZWxlZ2F0ZSA9IGZ1bmN0aW9uKHNlbGVjdG9yLCBldmVudCwgY2FsbGJhY2spe1xuICAgIHJldHVybiB0aGlzLm9mZihldmVudCwgc2VsZWN0b3IsIGNhbGxiYWNrKVxuICB9XG5cbiAgJC5mbi5saXZlID0gZnVuY3Rpb24oZXZlbnQsIGNhbGxiYWNrKXtcbiAgICAkKGRvY3VtZW50LmJvZHkpLmRlbGVnYXRlKHRoaXMuc2VsZWN0b3IsIGV2ZW50LCBjYWxsYmFjaylcbiAgICByZXR1cm4gdGhpc1xuICB9XG4gICQuZm4uZGllID0gZnVuY3Rpb24oZXZlbnQsIGNhbGxiYWNrKXtcbiAgICAkKGRvY3VtZW50LmJvZHkpLnVuZGVsZWdhdGUodGhpcy5zZWxlY3RvciwgZXZlbnQsIGNhbGxiYWNrKVxuICAgIHJldHVybiB0aGlzXG4gIH1cblxuICAkLmZuLm9uID0gZnVuY3Rpb24oZXZlbnQsIHNlbGVjdG9yLCBkYXRhLCBjYWxsYmFjaywgb25lKXtcbiAgICB2YXIgYXV0b1JlbW92ZSwgZGVsZWdhdG9yLCAkdGhpcyA9IHRoaXNcbiAgICBpZiAoZXZlbnQgJiYgIWlzU3RyaW5nKGV2ZW50KSkge1xuICAgICAgJC5lYWNoKGV2ZW50LCBmdW5jdGlvbih0eXBlLCBmbil7XG4gICAgICAgICR0aGlzLm9uKHR5cGUsIHNlbGVjdG9yLCBkYXRhLCBmbiwgb25lKVxuICAgICAgfSlcbiAgICAgIHJldHVybiAkdGhpc1xuICAgIH1cblxuICAgIGlmICghaXNTdHJpbmcoc2VsZWN0b3IpICYmICFpc0Z1bmN0aW9uKGNhbGxiYWNrKSAmJiBjYWxsYmFjayAhPT0gZmFsc2UpXG4gICAgICBjYWxsYmFjayA9IGRhdGEsIGRhdGEgPSBzZWxlY3Rvciwgc2VsZWN0b3IgPSB1bmRlZmluZWRcbiAgICBpZiAoY2FsbGJhY2sgPT09IHVuZGVmaW5lZCB8fCBkYXRhID09PSBmYWxzZSlcbiAgICAgIGNhbGxiYWNrID0gZGF0YSwgZGF0YSA9IHVuZGVmaW5lZFxuXG4gICAgaWYgKGNhbGxiYWNrID09PSBmYWxzZSkgY2FsbGJhY2sgPSByZXR1cm5GYWxzZVxuXG4gICAgcmV0dXJuICR0aGlzLmVhY2goZnVuY3Rpb24oXywgZWxlbWVudCl7XG4gICAgICBpZiAob25lKSBhdXRvUmVtb3ZlID0gZnVuY3Rpb24oZSl7XG4gICAgICAgIHJlbW92ZShlbGVtZW50LCBlLnR5cGUsIGNhbGxiYWNrKVxuICAgICAgICByZXR1cm4gY2FsbGJhY2suYXBwbHkodGhpcywgYXJndW1lbnRzKVxuICAgICAgfVxuXG4gICAgICBpZiAoc2VsZWN0b3IpIGRlbGVnYXRvciA9IGZ1bmN0aW9uKGUpe1xuICAgICAgICB2YXIgZXZ0LCBtYXRjaCA9ICQoZS50YXJnZXQpLmNsb3Nlc3Qoc2VsZWN0b3IsIGVsZW1lbnQpLmdldCgwKVxuICAgICAgICBpZiAobWF0Y2ggJiYgbWF0Y2ggIT09IGVsZW1lbnQpIHtcbiAgICAgICAgICBldnQgPSAkLmV4dGVuZChjcmVhdGVQcm94eShlKSwge2N1cnJlbnRUYXJnZXQ6IG1hdGNoLCBsaXZlRmlyZWQ6IGVsZW1lbnR9KVxuICAgICAgICAgIHJldHVybiAoYXV0b1JlbW92ZSB8fCBjYWxsYmFjaykuYXBwbHkobWF0Y2gsIFtldnRdLmNvbmNhdChzbGljZS5jYWxsKGFyZ3VtZW50cywgMSkpKVxuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIGFkZChlbGVtZW50LCBldmVudCwgY2FsbGJhY2ssIGRhdGEsIHNlbGVjdG9yLCBkZWxlZ2F0b3IgfHwgYXV0b1JlbW92ZSlcbiAgICB9KVxuICB9XG4gICQuZm4ub2ZmID0gZnVuY3Rpb24oZXZlbnQsIHNlbGVjdG9yLCBjYWxsYmFjayl7XG4gICAgdmFyICR0aGlzID0gdGhpc1xuICAgIGlmIChldmVudCAmJiAhaXNTdHJpbmcoZXZlbnQpKSB7XG4gICAgICAkLmVhY2goZXZlbnQsIGZ1bmN0aW9uKHR5cGUsIGZuKXtcbiAgICAgICAgJHRoaXMub2ZmKHR5cGUsIHNlbGVjdG9yLCBmbilcbiAgICAgIH0pXG4gICAgICByZXR1cm4gJHRoaXNcbiAgICB9XG5cbiAgICBpZiAoIWlzU3RyaW5nKHNlbGVjdG9yKSAmJiAhaXNGdW5jdGlvbihjYWxsYmFjaykgJiYgY2FsbGJhY2sgIT09IGZhbHNlKVxuICAgICAgY2FsbGJhY2sgPSBzZWxlY3Rvciwgc2VsZWN0b3IgPSB1bmRlZmluZWRcblxuICAgIGlmIChjYWxsYmFjayA9PT0gZmFsc2UpIGNhbGxiYWNrID0gcmV0dXJuRmFsc2VcblxuICAgIHJldHVybiAkdGhpcy5lYWNoKGZ1bmN0aW9uKCl7XG4gICAgICByZW1vdmUodGhpcywgZXZlbnQsIGNhbGxiYWNrLCBzZWxlY3RvcilcbiAgICB9KVxuICB9XG5cbiAgJC5mbi50cmlnZ2VyID0gZnVuY3Rpb24oZXZlbnQsIGFyZ3Mpe1xuICAgIGV2ZW50ID0gKGlzU3RyaW5nKGV2ZW50KSB8fCAkLmlzUGxhaW5PYmplY3QoZXZlbnQpKSA/ICQuRXZlbnQoZXZlbnQpIDogY29tcGF0aWJsZShldmVudClcbiAgICBldmVudC5fYXJncyA9IGFyZ3NcbiAgICByZXR1cm4gdGhpcy5lYWNoKGZ1bmN0aW9uKCl7XG4gICAgICAvLyBoYW5kbGUgZm9jdXMoKSwgYmx1cigpIGJ5IGNhbGxpbmcgdGhlbSBkaXJlY3RseVxuICAgICAgaWYgKGV2ZW50LnR5cGUgaW4gZm9jdXMgJiYgdHlwZW9mIHRoaXNbZXZlbnQudHlwZV0gPT0gXCJmdW5jdGlvblwiKSB0aGlzW2V2ZW50LnR5cGVdKClcbiAgICAgIC8vIGl0ZW1zIGluIHRoZSBjb2xsZWN0aW9uIG1pZ2h0IG5vdCBiZSBET00gZWxlbWVudHNcbiAgICAgIGVsc2UgaWYgKCdkaXNwYXRjaEV2ZW50JyBpbiB0aGlzKSB0aGlzLmRpc3BhdGNoRXZlbnQoZXZlbnQpXG4gICAgICBlbHNlICQodGhpcykudHJpZ2dlckhhbmRsZXIoZXZlbnQsIGFyZ3MpXG4gICAgfSlcbiAgfVxuXG4gIC8vIHRyaWdnZXJzIGV2ZW50IGhhbmRsZXJzIG9uIGN1cnJlbnQgZWxlbWVudCBqdXN0IGFzIGlmIGFuIGV2ZW50IG9jY3VycmVkLFxuICAvLyBkb2Vzbid0IHRyaWdnZXIgYW4gYWN0dWFsIGV2ZW50LCBkb2Vzbid0IGJ1YmJsZVxuICAkLmZuLnRyaWdnZXJIYW5kbGVyID0gZnVuY3Rpb24oZXZlbnQsIGFyZ3Mpe1xuICAgIHZhciBlLCByZXN1bHRcbiAgICB0aGlzLmVhY2goZnVuY3Rpb24oaSwgZWxlbWVudCl7XG4gICAgICBlID0gY3JlYXRlUHJveHkoaXNTdHJpbmcoZXZlbnQpID8gJC5FdmVudChldmVudCkgOiBldmVudClcbiAgICAgIGUuX2FyZ3MgPSBhcmdzXG4gICAgICBlLnRhcmdldCA9IGVsZW1lbnRcbiAgICAgICQuZWFjaChmaW5kSGFuZGxlcnMoZWxlbWVudCwgZXZlbnQudHlwZSB8fCBldmVudCksIGZ1bmN0aW9uKGksIGhhbmRsZXIpe1xuICAgICAgICByZXN1bHQgPSBoYW5kbGVyLnByb3h5KGUpXG4gICAgICAgIGlmIChlLmlzSW1tZWRpYXRlUHJvcGFnYXRpb25TdG9wcGVkKCkpIHJldHVybiBmYWxzZVxuICAgICAgfSlcbiAgICB9KVxuICAgIHJldHVybiByZXN1bHRcbiAgfVxuXG4gIC8vIHNob3J0Y3V0IG1ldGhvZHMgZm9yIGAuYmluZChldmVudCwgZm4pYCBmb3IgZWFjaCBldmVudCB0eXBlXG4gIDsoJ2ZvY3VzaW4gZm9jdXNvdXQgZm9jdXMgYmx1ciBsb2FkIHJlc2l6ZSBzY3JvbGwgdW5sb2FkIGNsaWNrIGRibGNsaWNrICcrXG4gICdtb3VzZWRvd24gbW91c2V1cCBtb3VzZW1vdmUgbW91c2VvdmVyIG1vdXNlb3V0IG1vdXNlZW50ZXIgbW91c2VsZWF2ZSAnK1xuICAnY2hhbmdlIHNlbGVjdCBrZXlkb3duIGtleXByZXNzIGtleXVwIGVycm9yJykuc3BsaXQoJyAnKS5mb3JFYWNoKGZ1bmN0aW9uKGV2ZW50KSB7XG4gICAgJC5mbltldmVudF0gPSBmdW5jdGlvbihjYWxsYmFjaykge1xuICAgICAgcmV0dXJuICgwIGluIGFyZ3VtZW50cykgP1xuICAgICAgICB0aGlzLmJpbmQoZXZlbnQsIGNhbGxiYWNrKSA6XG4gICAgICAgIHRoaXMudHJpZ2dlcihldmVudClcbiAgICB9XG4gIH0pXG5cbiAgJC5FdmVudCA9IGZ1bmN0aW9uKHR5cGUsIHByb3BzKSB7XG4gICAgaWYgKCFpc1N0cmluZyh0eXBlKSkgcHJvcHMgPSB0eXBlLCB0eXBlID0gcHJvcHMudHlwZVxuICAgIHZhciBldmVudCA9IGRvY3VtZW50LmNyZWF0ZUV2ZW50KHNwZWNpYWxFdmVudHNbdHlwZV0gfHwgJ0V2ZW50cycpLCBidWJibGVzID0gdHJ1ZVxuICAgIGlmIChwcm9wcykgZm9yICh2YXIgbmFtZSBpbiBwcm9wcykgKG5hbWUgPT0gJ2J1YmJsZXMnKSA/IChidWJibGVzID0gISFwcm9wc1tuYW1lXSkgOiAoZXZlbnRbbmFtZV0gPSBwcm9wc1tuYW1lXSlcbiAgICBldmVudC5pbml0RXZlbnQodHlwZSwgYnViYmxlcywgdHJ1ZSlcbiAgICByZXR1cm4gY29tcGF0aWJsZShldmVudClcbiAgfVxuXG59KShaZXB0bylcblxuOyhmdW5jdGlvbigkKXtcbiAgdmFyIGNhY2hlID0gW10sIHRpbWVvdXRcblxuICAkLmZuLnJlbW92ZSA9IGZ1bmN0aW9uKCl7XG4gICAgcmV0dXJuIHRoaXMuZWFjaChmdW5jdGlvbigpe1xuICAgICAgaWYodGhpcy5wYXJlbnROb2RlKXtcbiAgICAgICAgaWYodGhpcy50YWdOYW1lID09PSAnSU1HJyl7XG4gICAgICAgICAgY2FjaGUucHVzaCh0aGlzKVxuICAgICAgICAgIHRoaXMuc3JjID0gJ2RhdGE6aW1hZ2UvZ2lmO2Jhc2U2NCxSMGxHT0RsaEFRQUJBQUQvQUN3QUFBQUFBUUFCQUFBQ0FEcz0nXG4gICAgICAgICAgaWYgKHRpbWVvdXQpIGNsZWFyVGltZW91dCh0aW1lb3V0KVxuICAgICAgICAgIHRpbWVvdXQgPSBzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7IGNhY2hlID0gW10gfSwgNjAwMDApXG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5wYXJlbnROb2RlLnJlbW92ZUNoaWxkKHRoaXMpXG4gICAgICB9XG4gICAgfSlcbiAgfVxufSkoWmVwdG8pXG5cbjsoZnVuY3Rpb24oJCl7XG4gIHZhciBkYXRhID0ge30sIGRhdGFBdHRyID0gJC5mbi5kYXRhLCBjYW1lbGl6ZSA9ICQuY2FtZWxDYXNlLFxuICAgIGV4cCA9ICQuZXhwYW5kbyA9ICdaZXB0bycgKyAoK25ldyBEYXRlKCkpLCBlbXB0eUFycmF5ID0gW11cblxuICAvLyBHZXQgdmFsdWUgZnJvbSBub2RlOlxuICAvLyAxLiBmaXJzdCB0cnkga2V5IGFzIGdpdmVuLFxuICAvLyAyLiB0aGVuIHRyeSBjYW1lbGl6ZWQga2V5LFxuICAvLyAzLiBmYWxsIGJhY2sgdG8gcmVhZGluZyBcImRhdGEtKlwiIGF0dHJpYnV0ZS5cbiAgZnVuY3Rpb24gZ2V0RGF0YShub2RlLCBuYW1lKSB7XG4gICAgdmFyIGlkID0gbm9kZVtleHBdLCBzdG9yZSA9IGlkICYmIGRhdGFbaWRdXG4gICAgaWYgKG5hbWUgPT09IHVuZGVmaW5lZCkgcmV0dXJuIHN0b3JlIHx8IHNldERhdGEobm9kZSlcbiAgICBlbHNlIHtcbiAgICAgIGlmIChzdG9yZSkge1xuICAgICAgICBpZiAobmFtZSBpbiBzdG9yZSkgcmV0dXJuIHN0b3JlW25hbWVdXG4gICAgICAgIHZhciBjYW1lbE5hbWUgPSBjYW1lbGl6ZShuYW1lKVxuICAgICAgICBpZiAoY2FtZWxOYW1lIGluIHN0b3JlKSByZXR1cm4gc3RvcmVbY2FtZWxOYW1lXVxuICAgICAgfVxuICAgICAgcmV0dXJuIGRhdGFBdHRyLmNhbGwoJChub2RlKSwgbmFtZSlcbiAgICB9XG4gIH1cblxuICAvLyBTdG9yZSB2YWx1ZSB1bmRlciBjYW1lbGl6ZWQga2V5IG9uIG5vZGVcbiAgZnVuY3Rpb24gc2V0RGF0YShub2RlLCBuYW1lLCB2YWx1ZSkge1xuICAgIHZhciBpZCA9IG5vZGVbZXhwXSB8fCAobm9kZVtleHBdID0gKyskLnV1aWQpLFxuICAgICAgc3RvcmUgPSBkYXRhW2lkXSB8fCAoZGF0YVtpZF0gPSBhdHRyaWJ1dGVEYXRhKG5vZGUpKVxuICAgIGlmIChuYW1lICE9PSB1bmRlZmluZWQpIHN0b3JlW2NhbWVsaXplKG5hbWUpXSA9IHZhbHVlXG4gICAgcmV0dXJuIHN0b3JlXG4gIH1cblxuICAvLyBSZWFkIGFsbCBcImRhdGEtKlwiIGF0dHJpYnV0ZXMgZnJvbSBhIG5vZGVcbiAgZnVuY3Rpb24gYXR0cmlidXRlRGF0YShub2RlKSB7XG4gICAgdmFyIHN0b3JlID0ge31cbiAgICAkLmVhY2gobm9kZS5hdHRyaWJ1dGVzIHx8IGVtcHR5QXJyYXksIGZ1bmN0aW9uKGksIGF0dHIpe1xuICAgICAgaWYgKGF0dHIubmFtZS5pbmRleE9mKCdkYXRhLScpID09IDApXG4gICAgICAgIHN0b3JlW2NhbWVsaXplKGF0dHIubmFtZS5yZXBsYWNlKCdkYXRhLScsICcnKSldID1cbiAgICAgICAgICAkLnplcHRvLmRlc2VyaWFsaXplVmFsdWUoYXR0ci52YWx1ZSlcbiAgICB9KVxuICAgIHJldHVybiBzdG9yZVxuICB9XG5cbiAgJC5mbi5kYXRhID0gZnVuY3Rpb24obmFtZSwgdmFsdWUpIHtcbiAgICByZXR1cm4gdmFsdWUgPT09IHVuZGVmaW5lZCA/XG4gICAgICAvLyBzZXQgbXVsdGlwbGUgdmFsdWVzIHZpYSBvYmplY3RcbiAgICAgICQuaXNQbGFpbk9iamVjdChuYW1lKSA/XG4gICAgICAgIHRoaXMuZWFjaChmdW5jdGlvbihpLCBub2RlKXtcbiAgICAgICAgICAkLmVhY2gobmFtZSwgZnVuY3Rpb24oa2V5LCB2YWx1ZSl7IHNldERhdGEobm9kZSwga2V5LCB2YWx1ZSkgfSlcbiAgICAgICAgfSkgOlxuICAgICAgICAvLyBnZXQgdmFsdWUgZnJvbSBmaXJzdCBlbGVtZW50XG4gICAgICAgICgwIGluIHRoaXMgPyBnZXREYXRhKHRoaXNbMF0sIG5hbWUpIDogdW5kZWZpbmVkKSA6XG4gICAgICAvLyBzZXQgdmFsdWUgb24gYWxsIGVsZW1lbnRzXG4gICAgICB0aGlzLmVhY2goZnVuY3Rpb24oKXsgc2V0RGF0YSh0aGlzLCBuYW1lLCB2YWx1ZSkgfSlcbiAgfVxuXG4gICQuZGF0YSA9IGZ1bmN0aW9uKGVsZW0sIG5hbWUsIHZhbHVlKSB7XG4gICAgcmV0dXJuICQoZWxlbSkuZGF0YShuYW1lLCB2YWx1ZSlcbiAgfVxuXG4gICQuaGFzRGF0YSA9IGZ1bmN0aW9uKGVsZW0pIHtcbiAgICB2YXIgaWQgPSBlbGVtW2V4cF0sIHN0b3JlID0gaWQgJiYgZGF0YVtpZF1cbiAgICByZXR1cm4gc3RvcmUgPyAhJC5pc0VtcHR5T2JqZWN0KHN0b3JlKSA6IGZhbHNlXG4gIH1cblxuICAkLmZuLnJlbW92ZURhdGEgPSBmdW5jdGlvbihuYW1lcykge1xuICAgIGlmICh0eXBlb2YgbmFtZXMgPT0gJ3N0cmluZycpIG5hbWVzID0gbmFtZXMuc3BsaXQoL1xccysvKVxuICAgIHJldHVybiB0aGlzLmVhY2goZnVuY3Rpb24oKXtcbiAgICAgIHZhciBpZCA9IHRoaXNbZXhwXSwgc3RvcmUgPSBpZCAmJiBkYXRhW2lkXVxuICAgICAgaWYgKHN0b3JlKSAkLmVhY2gobmFtZXMgfHwgc3RvcmUsIGZ1bmN0aW9uKGtleSl7XG4gICAgICAgIGRlbGV0ZSBzdG9yZVtuYW1lcyA/IGNhbWVsaXplKHRoaXMpIDoga2V5XVxuICAgICAgfSlcbiAgICB9KVxuICB9XG5cbiAgLy8gR2VuZXJhdGUgZXh0ZW5kZWQgYHJlbW92ZWAgYW5kIGBlbXB0eWAgZnVuY3Rpb25zXG4gIDtbJ3JlbW92ZScsICdlbXB0eSddLmZvckVhY2goZnVuY3Rpb24obWV0aG9kTmFtZSl7XG4gICAgdmFyIG9yaWdGbiA9ICQuZm5bbWV0aG9kTmFtZV1cbiAgICAkLmZuW21ldGhvZE5hbWVdID0gZnVuY3Rpb24oKSB7XG4gICAgICB2YXIgZWxlbWVudHMgPSB0aGlzLmZpbmQoJyonKVxuICAgICAgaWYgKG1ldGhvZE5hbWUgPT09ICdyZW1vdmUnKSBlbGVtZW50cyA9IGVsZW1lbnRzLmFkZCh0aGlzKVxuICAgICAgZWxlbWVudHMucmVtb3ZlRGF0YSgpXG4gICAgICByZXR1cm4gb3JpZ0ZuLmNhbGwodGhpcylcbiAgICB9XG4gIH0pXG59KShaZXB0bylcbiAgcmV0dXJuIFplcHRvXG59KSlcbiIsIid1c2Ugc3RyaWN0JztcblxudmFyIF9tYWluID0gcmVxdWlyZSgnLi9zcmMvbGliL21haW4nKTtcblxudmFyIF9tYWluMiA9IF9pbnRlcm9wUmVxdWlyZURlZmF1bHQoX21haW4pO1xuXG5mdW5jdGlvbiBfaW50ZXJvcFJlcXVpcmVEZWZhdWx0KG9iaikgeyByZXR1cm4gb2JqICYmIG9iai5fX2VzTW9kdWxlID8gb2JqIDogeyBkZWZhdWx0OiBvYmogfTsgfVxuXG5tb2R1bGUuZXhwb3J0cyA9IF9tYWluMi5kZWZhdWx0OyAvKiBlc2xpbnQtZGlzYWJsZSBpbXBvcnQvbm8tY29tbW9uanMgKi9cbiIsIid1c2Ugc3RyaWN0JztcblxuT2JqZWN0LmRlZmluZVByb3BlcnR5KGV4cG9ydHMsIFwiX19lc01vZHVsZVwiLCB7XG4gIHZhbHVlOiB0cnVlXG59KTtcblxudmFyIF9leHRlbmRzID0gT2JqZWN0LmFzc2lnbiB8fCBmdW5jdGlvbiAodGFyZ2V0KSB7IGZvciAodmFyIGkgPSAxOyBpIDwgYXJndW1lbnRzLmxlbmd0aDsgaSsrKSB7IHZhciBzb3VyY2UgPSBhcmd1bWVudHNbaV07IGZvciAodmFyIGtleSBpbiBzb3VyY2UpIHsgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChzb3VyY2UsIGtleSkpIHsgdGFyZ2V0W2tleV0gPSBzb3VyY2Vba2V5XTsgfSB9IH0gcmV0dXJuIHRhcmdldDsgfTtcblxudmFyIF9jcmVhdGVDbGFzcyA9IGZ1bmN0aW9uICgpIHsgZnVuY3Rpb24gZGVmaW5lUHJvcGVydGllcyh0YXJnZXQsIHByb3BzKSB7IGZvciAodmFyIGkgPSAwOyBpIDwgcHJvcHMubGVuZ3RoOyBpKyspIHsgdmFyIGRlc2NyaXB0b3IgPSBwcm9wc1tpXTsgZGVzY3JpcHRvci5lbnVtZXJhYmxlID0gZGVzY3JpcHRvci5lbnVtZXJhYmxlIHx8IGZhbHNlOyBkZXNjcmlwdG9yLmNvbmZpZ3VyYWJsZSA9IHRydWU7IGlmIChcInZhbHVlXCIgaW4gZGVzY3JpcHRvcikgZGVzY3JpcHRvci53cml0YWJsZSA9IHRydWU7IE9iamVjdC5kZWZpbmVQcm9wZXJ0eSh0YXJnZXQsIGRlc2NyaXB0b3Iua2V5LCBkZXNjcmlwdG9yKTsgfSB9IHJldHVybiBmdW5jdGlvbiAoQ29uc3RydWN0b3IsIHByb3RvUHJvcHMsIHN0YXRpY1Byb3BzKSB7IGlmIChwcm90b1Byb3BzKSBkZWZpbmVQcm9wZXJ0aWVzKENvbnN0cnVjdG9yLnByb3RvdHlwZSwgcHJvdG9Qcm9wcyk7IGlmIChzdGF0aWNQcm9wcykgZGVmaW5lUHJvcGVydGllcyhDb25zdHJ1Y3Rvciwgc3RhdGljUHJvcHMpOyByZXR1cm4gQ29uc3RydWN0b3I7IH07IH0oKTtcblxudmFyIF9ob2dhbiA9IHJlcXVpcmUoJ2hvZ2FuLmpzJyk7XG5cbnZhciBfaG9nYW4yID0gX2ludGVyb3BSZXF1aXJlRGVmYXVsdChfaG9nYW4pO1xuXG52YXIgX2xpdGUgPSByZXF1aXJlKCdhbGdvbGlhc2VhcmNoL2xpdGUnKTtcblxudmFyIF9saXRlMiA9IF9pbnRlcm9wUmVxdWlyZURlZmF1bHQoX2xpdGUpO1xuXG52YXIgX2F1dG9jb21wbGV0ZSA9IHJlcXVpcmUoJ2F1dG9jb21wbGV0ZS5qcycpO1xuXG52YXIgX2F1dG9jb21wbGV0ZTIgPSBfaW50ZXJvcFJlcXVpcmVEZWZhdWx0KF9hdXRvY29tcGxldGUpO1xuXG52YXIgX3RlbXBsYXRlcyA9IHJlcXVpcmUoJy4vdGVtcGxhdGVzJyk7XG5cbnZhciBfdGVtcGxhdGVzMiA9IF9pbnRlcm9wUmVxdWlyZURlZmF1bHQoX3RlbXBsYXRlcyk7XG5cbnZhciBfdXRpbHMgPSByZXF1aXJlKCcuL3V0aWxzJyk7XG5cbnZhciBfdXRpbHMyID0gX2ludGVyb3BSZXF1aXJlRGVmYXVsdChfdXRpbHMpO1xuXG52YXIgX3ZlcnNpb24gPSByZXF1aXJlKCcuL3ZlcnNpb24nKTtcblxudmFyIF92ZXJzaW9uMiA9IF9pbnRlcm9wUmVxdWlyZURlZmF1bHQoX3ZlcnNpb24pO1xuXG52YXIgX3plcHRvID0gcmVxdWlyZSgnLi96ZXB0bycpO1xuXG52YXIgX3plcHRvMiA9IF9pbnRlcm9wUmVxdWlyZURlZmF1bHQoX3plcHRvKTtcblxuZnVuY3Rpb24gX2ludGVyb3BSZXF1aXJlRGVmYXVsdChvYmopIHsgcmV0dXJuIG9iaiAmJiBvYmouX19lc01vZHVsZSA/IG9iaiA6IHsgZGVmYXVsdDogb2JqIH07IH1cblxuZnVuY3Rpb24gX2NsYXNzQ2FsbENoZWNrKGluc3RhbmNlLCBDb25zdHJ1Y3RvcikgeyBpZiAoIShpbnN0YW5jZSBpbnN0YW5jZW9mIENvbnN0cnVjdG9yKSkgeyB0aHJvdyBuZXcgVHlwZUVycm9yKFwiQ2Fubm90IGNhbGwgYSBjbGFzcyBhcyBhIGZ1bmN0aW9uXCIpOyB9IH1cblxuLyoqXG4gKiBBZGRzIGFuIGF1dG9jb21wbGV0ZSBkcm9wZG93biB0byBhbiBpbnB1dCBmaWVsZFxuICogQGZ1bmN0aW9uIERvY1NlYXJjaFxuICogQHBhcmFtICB7c3RyaW5nfSBvcHRpb25zLmFwaUtleSAgICAgICAgIFJlYWQtb25seSBBUEkga2V5XG4gKiBAcGFyYW0gIHtzdHJpbmd9IG9wdGlvbnMuaW5kZXhOYW1lICAgICAgTmFtZSBvZiB0aGUgaW5kZXggdG8gdGFyZ2V0XG4gKiBAcGFyYW0gIHtzdHJpbmd9IG9wdGlvbnMuaW5wdXRTZWxlY3RvciAgQ1NTIHNlbGVjdG9yIHRoYXQgdGFyZ2V0cyB0aGUgaW5wdXRcbiAqIEBwYXJhbSAge3N0cmluZ30gW29wdGlvbnMuYXBwSWRdICBMZXRzIHlvdSBvdmVycmlkZSB0aGUgYXBwbGljYXRpb25JZCB1c2VkLlxuICogSWYgdXNpbmcgdGhlIGRlZmF1bHQgQWxnb2xpYSBDcmF3bGVyLCB5b3Ugc2hvdWxkIG5vdCBoYXZlIHRvIGNoYW5nZSB0aGlzXG4gKiB2YWx1ZS5cbiAqIEBwYXJhbSAge09iamVjdH0gW29wdGlvbnMuYWxnb2xpYU9wdGlvbnNdIE9wdGlvbnMgdG8gcGFzcyB0aGUgdW5kZXJseWluZyBBbGdvbGlhIGNsaWVudFxuICogQHBhcmFtICB7T2JqZWN0fSBbb3B0aW9ucy5hdXRvY29tcGxldGVPcHRpb25zXSBPcHRpb25zIHRvIHBhc3MgdG8gdGhlIHVuZGVybHlpbmcgYXV0b2NvbXBsZXRlIGluc3RhbmNlXG4gKiBAcmV0dXJuIHtPYmplY3R9XG4gKi9cbnZhciB1c2FnZSA9ICdVc2FnZTpcXG4gIGRvY3VtZW50YXRpb25TZWFyY2goe1xcbiAgYXBpS2V5LFxcbiAgaW5kZXhOYW1lLFxcbiAgaW5wdXRTZWxlY3RvcixcXG4gIFsgYXBwSWQgXSxcXG4gIFsgYWxnb2xpYU9wdGlvbnMue2hpdHNQZXJQYWdlfSBdXFxuICBbIGF1dG9jb21wbGV0ZU9wdGlvbnMue2hpbnQsZGVidWd9IF1cXG59KSc7XG5cbnZhciBEb2NTZWFyY2ggPSBmdW5jdGlvbiAoKSB7XG4gIGZ1bmN0aW9uIERvY1NlYXJjaChfcmVmKSB7XG4gICAgdmFyIGFwaUtleSA9IF9yZWYuYXBpS2V5LFxuICAgICAgICBpbmRleE5hbWUgPSBfcmVmLmluZGV4TmFtZSxcbiAgICAgICAgaW5wdXRTZWxlY3RvciA9IF9yZWYuaW5wdXRTZWxlY3RvcixcbiAgICAgICAgX3JlZiRhcHBJZCA9IF9yZWYuYXBwSWQsXG4gICAgICAgIGFwcElkID0gX3JlZiRhcHBJZCA9PT0gdW5kZWZpbmVkID8gJ0JINEQ5T0QxNkEnIDogX3JlZiRhcHBJZCxcbiAgICAgICAgX3JlZiRkZWJ1ZyA9IF9yZWYuZGVidWcsXG4gICAgICAgIGRlYnVnID0gX3JlZiRkZWJ1ZyA9PT0gdW5kZWZpbmVkID8gZmFsc2UgOiBfcmVmJGRlYnVnLFxuICAgICAgICBfcmVmJGFsZ29saWFPcHRpb25zID0gX3JlZi5hbGdvbGlhT3B0aW9ucyxcbiAgICAgICAgYWxnb2xpYU9wdGlvbnMgPSBfcmVmJGFsZ29saWFPcHRpb25zID09PSB1bmRlZmluZWQgPyB7fSA6IF9yZWYkYWxnb2xpYU9wdGlvbnMsXG4gICAgICAgIF9yZWYkcXVlcnlEYXRhQ2FsbGJhYyA9IF9yZWYucXVlcnlEYXRhQ2FsbGJhY2ssXG4gICAgICAgIHF1ZXJ5RGF0YUNhbGxiYWNrID0gX3JlZiRxdWVyeURhdGFDYWxsYmFjID09PSB1bmRlZmluZWQgPyBudWxsIDogX3JlZiRxdWVyeURhdGFDYWxsYmFjLFxuICAgICAgICBfcmVmJGF1dG9jb21wbGV0ZU9wdGkgPSBfcmVmLmF1dG9jb21wbGV0ZU9wdGlvbnMsXG4gICAgICAgIGF1dG9jb21wbGV0ZU9wdGlvbnMgPSBfcmVmJGF1dG9jb21wbGV0ZU9wdGkgPT09IHVuZGVmaW5lZCA/IHtcbiAgICAgIGRlYnVnOiBmYWxzZSxcbiAgICAgIGhpbnQ6IGZhbHNlLFxuICAgICAgYXV0b3NlbGVjdDogdHJ1ZVxuICAgIH0gOiBfcmVmJGF1dG9jb21wbGV0ZU9wdGksXG4gICAgICAgIF9yZWYkdHJhbnNmb3JtRGF0YSA9IF9yZWYudHJhbnNmb3JtRGF0YSxcbiAgICAgICAgdHJhbnNmb3JtRGF0YSA9IF9yZWYkdHJhbnNmb3JtRGF0YSA9PT0gdW5kZWZpbmVkID8gZmFsc2UgOiBfcmVmJHRyYW5zZm9ybURhdGEsXG4gICAgICAgIF9yZWYkcXVlcnlIb29rID0gX3JlZi5xdWVyeUhvb2ssXG4gICAgICAgIHF1ZXJ5SG9vayA9IF9yZWYkcXVlcnlIb29rID09PSB1bmRlZmluZWQgPyBmYWxzZSA6IF9yZWYkcXVlcnlIb29rLFxuICAgICAgICBfcmVmJGhhbmRsZVNlbGVjdGVkID0gX3JlZi5oYW5kbGVTZWxlY3RlZCxcbiAgICAgICAgaGFuZGxlU2VsZWN0ZWQgPSBfcmVmJGhhbmRsZVNlbGVjdGVkID09PSB1bmRlZmluZWQgPyBmYWxzZSA6IF9yZWYkaGFuZGxlU2VsZWN0ZWQsXG4gICAgICAgIF9yZWYkZW5oYW5jZWRTZWFyY2hJbiA9IF9yZWYuZW5oYW5jZWRTZWFyY2hJbnB1dCxcbiAgICAgICAgZW5oYW5jZWRTZWFyY2hJbnB1dCA9IF9yZWYkZW5oYW5jZWRTZWFyY2hJbiA9PT0gdW5kZWZpbmVkID8gZmFsc2UgOiBfcmVmJGVuaGFuY2VkU2VhcmNoSW4sXG4gICAgICAgIF9yZWYkbGF5b3V0ID0gX3JlZi5sYXlvdXQsXG4gICAgICAgIGxheW91dCA9IF9yZWYkbGF5b3V0ID09PSB1bmRlZmluZWQgPyAnY29sbHVtbnMnIDogX3JlZiRsYXlvdXQ7XG5cbiAgICBfY2xhc3NDYWxsQ2hlY2sodGhpcywgRG9jU2VhcmNoKTtcblxuICAgIERvY1NlYXJjaC5jaGVja0FyZ3VtZW50cyh7XG4gICAgICBhcGlLZXk6IGFwaUtleSxcbiAgICAgIGluZGV4TmFtZTogaW5kZXhOYW1lLFxuICAgICAgaW5wdXRTZWxlY3RvcjogaW5wdXRTZWxlY3RvcixcbiAgICAgIGRlYnVnOiBkZWJ1ZyxcbiAgICAgIGFsZ29saWFPcHRpb25zOiBhbGdvbGlhT3B0aW9ucyxcbiAgICAgIHF1ZXJ5RGF0YUNhbGxiYWNrOiBxdWVyeURhdGFDYWxsYmFjayxcbiAgICAgIGF1dG9jb21wbGV0ZU9wdGlvbnM6IGF1dG9jb21wbGV0ZU9wdGlvbnMsXG4gICAgICB0cmFuc2Zvcm1EYXRhOiB0cmFuc2Zvcm1EYXRhLFxuICAgICAgcXVlcnlIb29rOiBxdWVyeUhvb2ssXG4gICAgICBoYW5kbGVTZWxlY3RlZDogaGFuZGxlU2VsZWN0ZWQsXG4gICAgICBlbmhhbmNlZFNlYXJjaElucHV0OiBlbmhhbmNlZFNlYXJjaElucHV0LFxuICAgICAgbGF5b3V0OiBsYXlvdXRcbiAgICB9KTtcblxuICAgIHRoaXMuYXBpS2V5ID0gYXBpS2V5O1xuICAgIHRoaXMuYXBwSWQgPSBhcHBJZDtcbiAgICB0aGlzLmluZGV4TmFtZSA9IGluZGV4TmFtZTtcbiAgICB0aGlzLmlucHV0ID0gRG9jU2VhcmNoLmdldElucHV0RnJvbVNlbGVjdG9yKGlucHV0U2VsZWN0b3IpO1xuICAgIHRoaXMuYWxnb2xpYU9wdGlvbnMgPSBfZXh0ZW5kcyh7IGhpdHNQZXJQYWdlOiA1IH0sIGFsZ29saWFPcHRpb25zKTtcbiAgICB0aGlzLnF1ZXJ5RGF0YUNhbGxiYWNrID0gcXVlcnlEYXRhQ2FsbGJhY2sgfHwgbnVsbDtcbiAgICB2YXIgYXV0b2NvbXBsZXRlT3B0aW9uc0RlYnVnID0gYXV0b2NvbXBsZXRlT3B0aW9ucyAmJiBhdXRvY29tcGxldGVPcHRpb25zLmRlYnVnID8gYXV0b2NvbXBsZXRlT3B0aW9ucy5kZWJ1ZyA6IGZhbHNlO1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1wYXJhbS1yZWFzc2lnblxuICAgIGF1dG9jb21wbGV0ZU9wdGlvbnMuZGVidWcgPSBkZWJ1ZyB8fCBhdXRvY29tcGxldGVPcHRpb25zRGVidWc7XG4gICAgdGhpcy5hdXRvY29tcGxldGVPcHRpb25zID0gYXV0b2NvbXBsZXRlT3B0aW9ucztcbiAgICB0aGlzLmF1dG9jb21wbGV0ZU9wdGlvbnMuY3NzQ2xhc3NlcyA9IHRoaXMuYXV0b2NvbXBsZXRlT3B0aW9ucy5jc3NDbGFzc2VzIHx8IHt9O1xuICAgIHRoaXMuYXV0b2NvbXBsZXRlT3B0aW9ucy5jc3NDbGFzc2VzLnByZWZpeCA9IHRoaXMuYXV0b2NvbXBsZXRlT3B0aW9ucy5jc3NDbGFzc2VzLnByZWZpeCB8fCAnZHMnO1xuICAgIHZhciBpbnB1dEFyaWFMYWJlbCA9IHRoaXMuaW5wdXQgJiYgdHlwZW9mIHRoaXMuaW5wdXQuYXR0ciA9PT0gJ2Z1bmN0aW9uJyAmJiB0aGlzLmlucHV0LmF0dHIoJ2FyaWEtbGFiZWwnKTtcbiAgICB0aGlzLmF1dG9jb21wbGV0ZU9wdGlvbnMuYXJpYUxhYmVsID0gdGhpcy5hdXRvY29tcGxldGVPcHRpb25zLmFyaWFMYWJlbCB8fCBpbnB1dEFyaWFMYWJlbCB8fCBcInNlYXJjaCBpbnB1dFwiO1xuXG4gICAgdGhpcy5pc1NpbXBsZUxheW91dCA9IGxheW91dCA9PT0gJ3NpbXBsZSc7XG5cbiAgICB0aGlzLmNsaWVudCA9ICgwLCBfbGl0ZTIuZGVmYXVsdCkodGhpcy5hcHBJZCwgdGhpcy5hcGlLZXkpO1xuICAgIHRoaXMuY2xpZW50LmFkZEFsZ29saWFBZ2VudCgnZG9jc2VhcmNoLmpzICcgKyBfdmVyc2lvbjIuZGVmYXVsdCk7XG5cbiAgICBpZiAoZW5oYW5jZWRTZWFyY2hJbnB1dCkge1xuICAgICAgdGhpcy5pbnB1dCA9IERvY1NlYXJjaC5pbmplY3RTZWFyY2hCb3godGhpcy5pbnB1dCk7XG4gICAgfVxuXG4gICAgdGhpcy5hdXRvY29tcGxldGUgPSAoMCwgX2F1dG9jb21wbGV0ZTIuZGVmYXVsdCkodGhpcy5pbnB1dCwgYXV0b2NvbXBsZXRlT3B0aW9ucywgW3tcbiAgICAgIHNvdXJjZTogdGhpcy5nZXRBdXRvY29tcGxldGVTb3VyY2UodHJhbnNmb3JtRGF0YSwgcXVlcnlIb29rKSxcbiAgICAgIHRlbXBsYXRlczoge1xuICAgICAgICBzdWdnZXN0aW9uOiBEb2NTZWFyY2guZ2V0U3VnZ2VzdGlvblRlbXBsYXRlKHRoaXMuaXNTaW1wbGVMYXlvdXQpLFxuICAgICAgICBmb290ZXI6IF90ZW1wbGF0ZXMyLmRlZmF1bHQuZm9vdGVyLFxuICAgICAgICBlbXB0eTogRG9jU2VhcmNoLmdldEVtcHR5VGVtcGxhdGUoKVxuICAgICAgfVxuICAgIH1dKTtcblxuICAgIHZhciBjdXN0b21IYW5kbGVTZWxlY3RlZCA9IGhhbmRsZVNlbGVjdGVkO1xuICAgIHRoaXMuaGFuZGxlU2VsZWN0ZWQgPSBjdXN0b21IYW5kbGVTZWxlY3RlZCB8fCB0aGlzLmhhbmRsZVNlbGVjdGVkO1xuXG4gICAgLy8gV2UgcHJldmVudCBkZWZhdWx0IGxpbmsgY2xpY2tpbmcgaWYgYSBjdXN0b20gaGFuZGxlU2VsZWN0ZWQgaXMgZGVmaW5lZFxuICAgIGlmIChjdXN0b21IYW5kbGVTZWxlY3RlZCkge1xuICAgICAgKDAsIF96ZXB0bzIuZGVmYXVsdCkoJy5hbGdvbGlhLWF1dG9jb21wbGV0ZScpLm9uKCdjbGljaycsICcuZHMtc3VnZ2VzdGlvbnMgYScsIGZ1bmN0aW9uIChldmVudCkge1xuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgfSk7XG4gICAgfVxuXG4gICAgdGhpcy5hdXRvY29tcGxldGUub24oJ2F1dG9jb21wbGV0ZTpzZWxlY3RlZCcsIHRoaXMuaGFuZGxlU2VsZWN0ZWQuYmluZChudWxsLCB0aGlzLmF1dG9jb21wbGV0ZS5hdXRvY29tcGxldGUpKTtcblxuICAgIHRoaXMuYXV0b2NvbXBsZXRlLm9uKCdhdXRvY29tcGxldGU6c2hvd24nLCB0aGlzLmhhbmRsZVNob3duLmJpbmQobnVsbCwgdGhpcy5pbnB1dCkpO1xuXG4gICAgaWYgKGVuaGFuY2VkU2VhcmNoSW5wdXQpIHtcbiAgICAgIERvY1NlYXJjaC5iaW5kU2VhcmNoQm94RXZlbnQoKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogQ2hlY2tzIHRoYXQgdGhlIHBhc3NlZCBhcmd1bWVudHMgYXJlIHZhbGlkLiBXaWxsIHRocm93IGVycm9ycyBvdGhlcndpc2VcbiAgICogQGZ1bmN0aW9uIGNoZWNrQXJndW1lbnRzXG4gICAqIEBwYXJhbSAge29iamVjdH0gYXJncyBBcmd1bWVudHMgYXMgYW4gb3B0aW9uIG9iamVjdFxuICAgKiBAcmV0dXJucyB7dm9pZH1cbiAgICovXG5cblxuICBfY3JlYXRlQ2xhc3MoRG9jU2VhcmNoLCBbe1xuICAgIGtleTogJ2dldEF1dG9jb21wbGV0ZVNvdXJjZScsXG5cblxuICAgIC8qKlxuICAgICAqIFJldHVybnMgdGhlIGBzb3VyY2VgIG1ldGhvZCB0byBiZSBwYXNzZWQgdG8gYXV0b2NvbXBsZXRlLmpzLiBJdCB3aWxsIHF1ZXJ5XG4gICAgICogdGhlIEFsZ29saWEgaW5kZXggYW5kIGNhbGwgdGhlIGNhbGxiYWNrcyB3aXRoIHRoZSBmb3JtYXR0ZWQgaGl0cy5cbiAgICAgKiBAZnVuY3Rpb24gZ2V0QXV0b2NvbXBsZXRlU291cmNlXG4gICAgICogQHBhcmFtICB7ZnVuY3Rpb259IHRyYW5zZm9ybURhdGEgQW4gb3B0aW9uYWwgZnVuY3Rpb24gdG8gdHJhbnNmb3JtIHRoZSBoaXRzXG4gICAgICogQHBhcmFtIHtmdW5jdGlvbn0gcXVlcnlIb29rIEFuIG9wdGlvbmFsIGZ1bmN0aW9uIHRvIHRyYW5zZm9ybSB0aGUgcXVlcnlcbiAgICAgKiBAcmV0dXJucyB7ZnVuY3Rpb259IE1ldGhvZCB0byBiZSBwYXNzZWQgYXMgdGhlIGBzb3VyY2VgIG9wdGlvbiBvZlxuICAgICAqIGF1dG9jb21wbGV0ZVxuICAgICAqL1xuICAgIHZhbHVlOiBmdW5jdGlvbiBnZXRBdXRvY29tcGxldGVTb3VyY2UodHJhbnNmb3JtRGF0YSwgcXVlcnlIb29rKSB7XG4gICAgICB2YXIgX3RoaXMgPSB0aGlzO1xuXG4gICAgICByZXR1cm4gZnVuY3Rpb24gKHF1ZXJ5LCBjYWxsYmFjaykge1xuICAgICAgICBpZiAocXVlcnlIb29rKSB7XG4gICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXBhcmFtLXJlYXNzaWduXG4gICAgICAgICAgcXVlcnkgPSBxdWVyeUhvb2socXVlcnkpIHx8IHF1ZXJ5O1xuICAgICAgICB9XG5cbiAgICAgICAgX3RoaXMuY2xpZW50LnNlYXJjaChbe1xuICAgICAgICAgIGluZGV4TmFtZTogX3RoaXMuaW5kZXhOYW1lLFxuICAgICAgICAgIHF1ZXJ5OiBxdWVyeSxcbiAgICAgICAgICBwYXJhbXM6IF90aGlzLmFsZ29saWFPcHRpb25zXG4gICAgICAgIH1dKS50aGVuKGZ1bmN0aW9uIChkYXRhKSB7XG4gICAgICAgICAgaWYgKF90aGlzLnF1ZXJ5RGF0YUNhbGxiYWNrICYmIHR5cGVvZiBfdGhpcy5xdWVyeURhdGFDYWxsYmFjayA9PSBcImZ1bmN0aW9uXCIpIHtcbiAgICAgICAgICAgIF90aGlzLnF1ZXJ5RGF0YUNhbGxiYWNrKGRhdGEpO1xuICAgICAgICAgIH1cbiAgICAgICAgICB2YXIgaGl0cyA9IGRhdGEucmVzdWx0c1swXS5oaXRzO1xuICAgICAgICAgIGlmICh0cmFuc2Zvcm1EYXRhKSB7XG4gICAgICAgICAgICBoaXRzID0gdHJhbnNmb3JtRGF0YShoaXRzKSB8fCBoaXRzO1xuICAgICAgICAgIH1cbiAgICAgICAgICBjYWxsYmFjayhEb2NTZWFyY2guZm9ybWF0SGl0cyhoaXRzKSk7XG4gICAgICAgIH0pO1xuICAgICAgfTtcbiAgICB9XG5cbiAgICAvLyBHaXZlbiBhIGxpc3Qgb2YgaGl0cyByZXR1cm5lZCBieSB0aGUgQVBJLCB3aWxsIHJlZm9ybWF0IHRoZW0gdG8gYmUgdXNlZCBpblxuICAgIC8vIGEgSG9nYW4gdGVtcGxhdGVcblxuICB9LCB7XG4gICAga2V5OiAnaGFuZGxlU2VsZWN0ZWQnLFxuICAgIHZhbHVlOiBmdW5jdGlvbiBoYW5kbGVTZWxlY3RlZChpbnB1dCwgZXZlbnQsIHN1Z2dlc3Rpb24sIGRhdGFzZXROdW1iZXIpIHtcbiAgICAgIHZhciBjb250ZXh0ID0gYXJndW1lbnRzLmxlbmd0aCA+IDQgJiYgYXJndW1lbnRzWzRdICE9PSB1bmRlZmluZWQgPyBhcmd1bWVudHNbNF0gOiB7fTtcblxuICAgICAgLy8gRG8gbm90aGluZyBpZiBjbGljayBvbiB0aGUgc3VnZ2VzdGlvbiwgYXMgaXQncyBhbHJlYWR5IGEgPGEgaHJlZj4sIHRoZVxuICAgICAgLy8gYnJvd3NlciB3aWxsIHRha2UgY2FyZSBvZiBpdC4gVGhpcyBhbGxvdyBDdHJsLUNsaWNraW5nIG9uIHJlc3VsdHMgYW5kIG5vdFxuICAgICAgLy8gaGF2aW5nIHRoZSBtYWluIHdpbmRvdyBiZWluZyByZWRpcmVjdGVkIGFzIHdlbGxcbiAgICAgIGlmIChjb250ZXh0LnNlbGVjdGlvbk1ldGhvZCA9PT0gJ2NsaWNrJykge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIGlucHV0LnNldFZhbCgnJyk7XG4gICAgICB3aW5kb3cubG9jYXRpb24uYXNzaWduKHN1Z2dlc3Rpb24udXJsKTtcbiAgICB9XG4gIH0sIHtcbiAgICBrZXk6ICdoYW5kbGVTaG93bicsXG4gICAgdmFsdWU6IGZ1bmN0aW9uIGhhbmRsZVNob3duKGlucHV0KSB7XG4gICAgICB2YXIgbWlkZGxlT2ZJbnB1dCA9IGlucHV0Lm9mZnNldCgpLmxlZnQgKyBpbnB1dC53aWR0aCgpIC8gMjtcbiAgICAgIHZhciBtaWRkbGVPZldpbmRvdyA9ICgwLCBfemVwdG8yLmRlZmF1bHQpKGRvY3VtZW50KS53aWR0aCgpIC8gMjtcblxuICAgICAgaWYgKGlzTmFOKG1pZGRsZU9mV2luZG93KSkge1xuICAgICAgICBtaWRkbGVPZldpbmRvdyA9IDkwMDtcbiAgICAgIH1cblxuICAgICAgdmFyIGFsaWduQ2xhc3MgPSBtaWRkbGVPZklucHV0IC0gbWlkZGxlT2ZXaW5kb3cgPj0gMCA/ICdhbGdvbGlhLWF1dG9jb21wbGV0ZS1yaWdodCcgOiAnYWxnb2xpYS1hdXRvY29tcGxldGUtbGVmdCc7XG4gICAgICB2YXIgb3RoZXJBbGlnbkNsYXNzID0gbWlkZGxlT2ZJbnB1dCAtIG1pZGRsZU9mV2luZG93IDwgMCA/ICdhbGdvbGlhLWF1dG9jb21wbGV0ZS1yaWdodCcgOiAnYWxnb2xpYS1hdXRvY29tcGxldGUtbGVmdCc7XG4gICAgICB2YXIgYXV0b2NvbXBsZXRlV3JhcHBlciA9ICgwLCBfemVwdG8yLmRlZmF1bHQpKCcuYWxnb2xpYS1hdXRvY29tcGxldGUnKTtcbiAgICAgIGlmICghYXV0b2NvbXBsZXRlV3JhcHBlci5oYXNDbGFzcyhhbGlnbkNsYXNzKSkge1xuICAgICAgICBhdXRvY29tcGxldGVXcmFwcGVyLmFkZENsYXNzKGFsaWduQ2xhc3MpO1xuICAgICAgfVxuXG4gICAgICBpZiAoYXV0b2NvbXBsZXRlV3JhcHBlci5oYXNDbGFzcyhvdGhlckFsaWduQ2xhc3MpKSB7XG4gICAgICAgIGF1dG9jb21wbGV0ZVdyYXBwZXIucmVtb3ZlQ2xhc3Mob3RoZXJBbGlnbkNsYXNzKTtcbiAgICAgIH1cbiAgICB9XG4gIH1dLCBbe1xuICAgIGtleTogJ2NoZWNrQXJndW1lbnRzJyxcbiAgICB2YWx1ZTogZnVuY3Rpb24gY2hlY2tBcmd1bWVudHMoYXJncykge1xuICAgICAgaWYgKCFhcmdzLmFwaUtleSB8fCAhYXJncy5pbmRleE5hbWUpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKHVzYWdlKTtcbiAgICAgIH1cblxuICAgICAgaWYgKHR5cGVvZiBhcmdzLmlucHV0U2VsZWN0b3IgIT09ICdzdHJpbmcnKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcignRXJyb3I6IGlucHV0U2VsZWN0b3I6JyArIGFyZ3MuaW5wdXRTZWxlY3RvciArICcgIG11c3QgYmUgYSBzdHJpbmcuIEVhY2ggc2VsZWN0b3IgbXVzdCBtYXRjaCBvbmx5IG9uZSBlbGVtZW50IGFuZCBzZXBhcmF0ZWQgYnkgXFwnLFxcJycpO1xuICAgICAgfVxuXG4gICAgICBpZiAoIURvY1NlYXJjaC5nZXRJbnB1dEZyb21TZWxlY3RvcihhcmdzLmlucHV0U2VsZWN0b3IpKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcignRXJyb3I6IE5vIGlucHV0IGVsZW1lbnQgaW4gdGhlIHBhZ2UgbWF0Y2hlcyAnICsgYXJncy5pbnB1dFNlbGVjdG9yKTtcbiAgICAgIH1cbiAgICB9XG4gIH0sIHtcbiAgICBrZXk6ICdpbmplY3RTZWFyY2hCb3gnLFxuICAgIHZhbHVlOiBmdW5jdGlvbiBpbmplY3RTZWFyY2hCb3goaW5wdXQpIHtcbiAgICAgIGlucHV0LmJlZm9yZShfdGVtcGxhdGVzMi5kZWZhdWx0LnNlYXJjaEJveCk7XG4gICAgICB2YXIgbmV3SW5wdXQgPSBpbnB1dC5wcmV2KCkucHJldigpLmZpbmQoJ2lucHV0Jyk7XG4gICAgICBpbnB1dC5yZW1vdmUoKTtcbiAgICAgIHJldHVybiBuZXdJbnB1dDtcbiAgICB9XG4gIH0sIHtcbiAgICBrZXk6ICdiaW5kU2VhcmNoQm94RXZlbnQnLFxuICAgIHZhbHVlOiBmdW5jdGlvbiBiaW5kU2VhcmNoQm94RXZlbnQoKSB7XG4gICAgICAoMCwgX3plcHRvMi5kZWZhdWx0KSgnLnNlYXJjaGJveCBbdHlwZT1cInJlc2V0XCJdJykub24oJ2NsaWNrJywgZnVuY3Rpb24gKCkge1xuICAgICAgICAoMCwgX3plcHRvMi5kZWZhdWx0KSgnaW5wdXQjZG9jc2VhcmNoJykuZm9jdXMoKTtcbiAgICAgICAgKDAsIF96ZXB0bzIuZGVmYXVsdCkodGhpcykuYWRkQ2xhc3MoJ2hpZGUnKTtcbiAgICAgICAgX2F1dG9jb21wbGV0ZTIuZGVmYXVsdC5hdXRvY29tcGxldGUuc2V0VmFsKCcnKTtcbiAgICAgIH0pO1xuXG4gICAgICAoMCwgX3plcHRvMi5kZWZhdWx0KSgnaW5wdXQjZG9jc2VhcmNoJykub24oJ2tleXVwJywgZnVuY3Rpb24gKCkge1xuICAgICAgICB2YXIgc2VhcmNoYm94ID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcignaW5wdXQjZG9jc2VhcmNoJyk7XG4gICAgICAgIHZhciByZXNldCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJy5zZWFyY2hib3ggW3R5cGU9XCJyZXNldFwiXScpO1xuICAgICAgICByZXNldC5jbGFzc05hbWUgPSAnc2VhcmNoYm94X19yZXNldCc7XG4gICAgICAgIGlmIChzZWFyY2hib3gudmFsdWUubGVuZ3RoID09PSAwKSB7XG4gICAgICAgICAgcmVzZXQuY2xhc3NOYW1lICs9ICcgaGlkZSc7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFJldHVybnMgdGhlIG1hdGNoaW5nIGlucHV0IGZyb20gYSBDU1Mgc2VsZWN0b3IsIG51bGwgaWYgbm9uZSBtYXRjaGVzXG4gICAgICogQGZ1bmN0aW9uIGdldElucHV0RnJvbVNlbGVjdG9yXG4gICAgICogQHBhcmFtICB7c3RyaW5nfSBzZWxlY3RvciBDU1Mgc2VsZWN0b3IgdGhhdCBtYXRjaGVzIHRoZSBzZWFyY2hcbiAgICAgKiBpbnB1dCBvZiB0aGUgcGFnZVxuICAgICAqIEByZXR1cm5zIHt2b2lkfVxuICAgICAqL1xuXG4gIH0sIHtcbiAgICBrZXk6ICdnZXRJbnB1dEZyb21TZWxlY3RvcicsXG4gICAgdmFsdWU6IGZ1bmN0aW9uIGdldElucHV0RnJvbVNlbGVjdG9yKHNlbGVjdG9yKSB7XG4gICAgICB2YXIgaW5wdXQgPSAoMCwgX3plcHRvMi5kZWZhdWx0KShzZWxlY3RvcikuZmlsdGVyKCdpbnB1dCcpO1xuICAgICAgcmV0dXJuIGlucHV0Lmxlbmd0aCA/ICgwLCBfemVwdG8yLmRlZmF1bHQpKGlucHV0WzBdKSA6IG51bGw7XG4gICAgfVxuICB9LCB7XG4gICAga2V5OiAnZm9ybWF0SGl0cycsXG4gICAgdmFsdWU6IGZ1bmN0aW9uIGZvcm1hdEhpdHMocmVjZWl2ZWRIaXRzKSB7XG4gICAgICB2YXIgY2xvbmVkSGl0cyA9IF91dGlsczIuZGVmYXVsdC5kZWVwQ2xvbmUocmVjZWl2ZWRIaXRzKTtcbiAgICAgIHZhciBoaXRzID0gY2xvbmVkSGl0cy5tYXAoZnVuY3Rpb24gKGhpdCkge1xuICAgICAgICBpZiAoaGl0Ll9oaWdobGlnaHRSZXN1bHQpIHtcbiAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcGFyYW0tcmVhc3NpZ25cbiAgICAgICAgICBoaXQuX2hpZ2hsaWdodFJlc3VsdCA9IF91dGlsczIuZGVmYXVsdC5tZXJnZUtleVdpdGhQYXJlbnQoaGl0Ll9oaWdobGlnaHRSZXN1bHQsICdoaWVyYXJjaHknKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gX3V0aWxzMi5kZWZhdWx0Lm1lcmdlS2V5V2l0aFBhcmVudChoaXQsICdoaWVyYXJjaHknKTtcbiAgICAgIH0pO1xuXG4gICAgICAvLyBHcm91cCBoaXRzIGJ5IGNhdGVnb3J5IC8gc3ViY2F0ZWdvcnlcbiAgICAgIHZhciBncm91cGVkSGl0cyA9IF91dGlsczIuZGVmYXVsdC5ncm91cEJ5KGhpdHMsICdsdmwwJyk7XG4gICAgICBfemVwdG8yLmRlZmF1bHQuZWFjaChncm91cGVkSGl0cywgZnVuY3Rpb24gKGxldmVsLCBjb2xsZWN0aW9uKSB7XG4gICAgICAgIHZhciBncm91cGVkSGl0c0J5THZsMSA9IF91dGlsczIuZGVmYXVsdC5ncm91cEJ5KGNvbGxlY3Rpb24sICdsdmwxJyk7XG4gICAgICAgIHZhciBmbGF0dGVuZWRIaXRzID0gX3V0aWxzMi5kZWZhdWx0LmZsYXR0ZW5BbmRGbGFnRmlyc3QoZ3JvdXBlZEhpdHNCeUx2bDEsICdpc1N1YkNhdGVnb3J5SGVhZGVyJyk7XG4gICAgICAgIGdyb3VwZWRIaXRzW2xldmVsXSA9IGZsYXR0ZW5lZEhpdHM7XG4gICAgICB9KTtcbiAgICAgIGdyb3VwZWRIaXRzID0gX3V0aWxzMi5kZWZhdWx0LmZsYXR0ZW5BbmRGbGFnRmlyc3QoZ3JvdXBlZEhpdHMsICdpc0NhdGVnb3J5SGVhZGVyJyk7XG5cbiAgICAgIC8vIFRyYW5zbGF0ZSBoaXRzIGludG8gc21hbGxlciBvYmplY3RzIHRvIGJlIHNlbmQgdG8gdGhlIHRlbXBsYXRlXG4gICAgICByZXR1cm4gZ3JvdXBlZEhpdHMubWFwKGZ1bmN0aW9uIChoaXQpIHtcbiAgICAgICAgdmFyIHVybCA9IERvY1NlYXJjaC5mb3JtYXRVUkwoaGl0KTtcbiAgICAgICAgdmFyIGNhdGVnb3J5ID0gX3V0aWxzMi5kZWZhdWx0LmdldEhpZ2hsaWdodGVkVmFsdWUoaGl0LCAnbHZsMCcpO1xuICAgICAgICB2YXIgc3ViY2F0ZWdvcnkgPSBfdXRpbHMyLmRlZmF1bHQuZ2V0SGlnaGxpZ2h0ZWRWYWx1ZShoaXQsICdsdmwxJykgfHwgY2F0ZWdvcnk7XG4gICAgICAgIHZhciBkaXNwbGF5VGl0bGUgPSBfdXRpbHMyLmRlZmF1bHQuY29tcGFjdChbX3V0aWxzMi5kZWZhdWx0LmdldEhpZ2hsaWdodGVkVmFsdWUoaGl0LCAnbHZsMicpIHx8IHN1YmNhdGVnb3J5LCBfdXRpbHMyLmRlZmF1bHQuZ2V0SGlnaGxpZ2h0ZWRWYWx1ZShoaXQsICdsdmwzJyksIF91dGlsczIuZGVmYXVsdC5nZXRIaWdobGlnaHRlZFZhbHVlKGhpdCwgJ2x2bDQnKSwgX3V0aWxzMi5kZWZhdWx0LmdldEhpZ2hsaWdodGVkVmFsdWUoaGl0LCAnbHZsNScpLCBfdXRpbHMyLmRlZmF1bHQuZ2V0SGlnaGxpZ2h0ZWRWYWx1ZShoaXQsICdsdmw2JyldKS5qb2luKCc8c3BhbiBjbGFzcz1cImFhLXN1Z2dlc3Rpb24tdGl0bGUtc2VwYXJhdG9yXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+IOKAuiA8L3NwYW4+Jyk7XG4gICAgICAgIHZhciB0ZXh0ID0gX3V0aWxzMi5kZWZhdWx0LmdldFNuaXBwZXRlZFZhbHVlKGhpdCwgJ2NvbnRlbnQnKTtcbiAgICAgICAgdmFyIGlzVGV4dE9yU3ViY2F0ZWdvcnlOb25FbXB0eSA9IHN1YmNhdGVnb3J5ICYmIHN1YmNhdGVnb3J5ICE9PSAnJyB8fCBkaXNwbGF5VGl0bGUgJiYgZGlzcGxheVRpdGxlICE9PSAnJztcbiAgICAgICAgdmFyIGlzTHZsMUVtcHR5T3JEdXBsaWNhdGUgPSAhc3ViY2F0ZWdvcnkgfHwgc3ViY2F0ZWdvcnkgPT09ICcnIHx8IHN1YmNhdGVnb3J5ID09PSBjYXRlZ29yeTtcbiAgICAgICAgdmFyIGlzTHZsMiA9IGRpc3BsYXlUaXRsZSAmJiBkaXNwbGF5VGl0bGUgIT09ICcnICYmIGRpc3BsYXlUaXRsZSAhPT0gc3ViY2F0ZWdvcnk7XG4gICAgICAgIHZhciBpc0x2bDEgPSAhaXNMdmwyICYmIHN1YmNhdGVnb3J5ICYmIHN1YmNhdGVnb3J5ICE9PSAnJyAmJiBzdWJjYXRlZ29yeSAhPT0gY2F0ZWdvcnk7XG4gICAgICAgIHZhciBpc0x2bDAgPSAhaXNMdmwxICYmICFpc0x2bDI7XG5cbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICBpc0x2bDA6IGlzTHZsMCxcbiAgICAgICAgICBpc0x2bDE6IGlzTHZsMSxcbiAgICAgICAgICBpc0x2bDI6IGlzTHZsMixcbiAgICAgICAgICBpc0x2bDFFbXB0eU9yRHVwbGljYXRlOiBpc0x2bDFFbXB0eU9yRHVwbGljYXRlLFxuICAgICAgICAgIGlzQ2F0ZWdvcnlIZWFkZXI6IGhpdC5pc0NhdGVnb3J5SGVhZGVyLFxuICAgICAgICAgIGlzU3ViQ2F0ZWdvcnlIZWFkZXI6IGhpdC5pc1N1YkNhdGVnb3J5SGVhZGVyLFxuICAgICAgICAgIGlzVGV4dE9yU3ViY2F0ZWdvcnlOb25FbXB0eTogaXNUZXh0T3JTdWJjYXRlZ29yeU5vbkVtcHR5LFxuICAgICAgICAgIGNhdGVnb3J5OiBjYXRlZ29yeSxcbiAgICAgICAgICBzdWJjYXRlZ29yeTogc3ViY2F0ZWdvcnksXG4gICAgICAgICAgdGl0bGU6IGRpc3BsYXlUaXRsZSxcbiAgICAgICAgICB0ZXh0OiB0ZXh0LFxuICAgICAgICAgIHVybDogdXJsXG4gICAgICAgIH07XG4gICAgICB9KTtcbiAgICB9XG4gIH0sIHtcbiAgICBrZXk6ICdmb3JtYXRVUkwnLFxuICAgIHZhbHVlOiBmdW5jdGlvbiBmb3JtYXRVUkwoaGl0KSB7XG4gICAgICB2YXIgdXJsID0gaGl0LnVybCxcbiAgICAgICAgICBhbmNob3IgPSBoaXQuYW5jaG9yO1xuXG4gICAgICBpZiAodXJsKSB7XG4gICAgICAgIHZhciBjb250YWluc0FuY2hvciA9IHVybC5pbmRleE9mKCcjJykgIT09IC0xO1xuICAgICAgICBpZiAoY29udGFpbnNBbmNob3IpIHJldHVybiB1cmw7ZWxzZSBpZiAoYW5jaG9yKSByZXR1cm4gaGl0LnVybCArICcjJyArIGhpdC5hbmNob3I7XG4gICAgICAgIHJldHVybiB1cmw7XG4gICAgICB9IGVsc2UgaWYgKGFuY2hvcikgcmV0dXJuICcjJyArIGhpdC5hbmNob3I7XG4gICAgICAvKiBlc2xpbnQtZGlzYWJsZSAqL1xuICAgICAgY29uc29sZS53YXJuKCdubyBhbmNob3Igbm9yIHVybCBmb3IgOiAnLCBKU09OLnN0cmluZ2lmeShoaXQpKTtcbiAgICAgIC8qIGVzbGludC1lbmFibGUgKi9cbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cbiAgfSwge1xuICAgIGtleTogJ2dldEVtcHR5VGVtcGxhdGUnLFxuICAgIHZhbHVlOiBmdW5jdGlvbiBnZXRFbXB0eVRlbXBsYXRlKCkge1xuICAgICAgcmV0dXJuIGZ1bmN0aW9uIChhcmdzKSB7XG4gICAgICAgIHJldHVybiBfaG9nYW4yLmRlZmF1bHQuY29tcGlsZShfdGVtcGxhdGVzMi5kZWZhdWx0LmVtcHR5KS5yZW5kZXIoYXJncyk7XG4gICAgICB9O1xuICAgIH1cbiAgfSwge1xuICAgIGtleTogJ2dldFN1Z2dlc3Rpb25UZW1wbGF0ZScsXG4gICAgdmFsdWU6IGZ1bmN0aW9uIGdldFN1Z2dlc3Rpb25UZW1wbGF0ZShpc1NpbXBsZUxheW91dCkge1xuICAgICAgdmFyIHN0cmluZ1RlbXBsYXRlID0gaXNTaW1wbGVMYXlvdXQgPyBfdGVtcGxhdGVzMi5kZWZhdWx0LnN1Z2dlc3Rpb25TaW1wbGUgOiBfdGVtcGxhdGVzMi5kZWZhdWx0LnN1Z2dlc3Rpb247XG4gICAgICB2YXIgdGVtcGxhdGUgPSBfaG9nYW4yLmRlZmF1bHQuY29tcGlsZShzdHJpbmdUZW1wbGF0ZSk7XG4gICAgICByZXR1cm4gZnVuY3Rpb24gKHN1Z2dlc3Rpb24pIHtcbiAgICAgICAgcmV0dXJuIHRlbXBsYXRlLnJlbmRlcihzdWdnZXN0aW9uKTtcbiAgICAgIH07XG4gICAgfVxuICB9XSk7XG5cbiAgcmV0dXJuIERvY1NlYXJjaDtcbn0oKTtcblxuZXhwb3J0cy5kZWZhdWx0ID0gRG9jU2VhcmNoOyIsIid1c2Ugc3RyaWN0JztcblxuT2JqZWN0LmRlZmluZVByb3BlcnR5KGV4cG9ydHMsIFwiX19lc01vZHVsZVwiLCB7XG4gIHZhbHVlOiB0cnVlXG59KTtcblxudmFyIF90b0ZhY3RvcnkgPSByZXF1aXJlKCd0by1mYWN0b3J5Jyk7XG5cbnZhciBfdG9GYWN0b3J5MiA9IF9pbnRlcm9wUmVxdWlyZURlZmF1bHQoX3RvRmFjdG9yeSk7XG5cbnZhciBfRG9jU2VhcmNoID0gcmVxdWlyZSgnLi9Eb2NTZWFyY2gnKTtcblxudmFyIF9Eb2NTZWFyY2gyID0gX2ludGVyb3BSZXF1aXJlRGVmYXVsdChfRG9jU2VhcmNoKTtcblxudmFyIF92ZXJzaW9uID0gcmVxdWlyZSgnLi92ZXJzaW9uJyk7XG5cbnZhciBfdmVyc2lvbjIgPSBfaW50ZXJvcFJlcXVpcmVEZWZhdWx0KF92ZXJzaW9uKTtcblxuZnVuY3Rpb24gX2ludGVyb3BSZXF1aXJlRGVmYXVsdChvYmopIHsgcmV0dXJuIG9iaiAmJiBvYmouX19lc01vZHVsZSA/IG9iaiA6IHsgZGVmYXVsdDogb2JqIH07IH1cblxudmFyIGRvY3NlYXJjaCA9ICgwLCBfdG9GYWN0b3J5Mi5kZWZhdWx0KShfRG9jU2VhcmNoMi5kZWZhdWx0KTtcbmRvY3NlYXJjaC52ZXJzaW9uID0gX3ZlcnNpb24yLmRlZmF1bHQ7XG5cbmV4cG9ydHMuZGVmYXVsdCA9IGRvY3NlYXJjaDsiLCIndXNlIHN0cmljdCc7XG5cbk9iamVjdC5kZWZpbmVQcm9wZXJ0eShleHBvcnRzLCBcIl9fZXNNb2R1bGVcIiwge1xuICB2YWx1ZTogdHJ1ZVxufSk7XG52YXIgcHJlZml4ID0gJ2FsZ29saWEtZG9jc2VhcmNoJztcbnZhciBzdWdnZXN0aW9uUHJlZml4ID0gcHJlZml4ICsgJy1zdWdnZXN0aW9uJztcbnZhciBmb290ZXJQcmVmaXggPSBwcmVmaXggKyAnLWZvb3Rlcic7XG5cbi8qIGVzbGludC1kaXNhYmxlIG1heC1sZW4gKi9cblxudmFyIHRlbXBsYXRlcyA9IHtcbiAgc3VnZ2VzdGlvbjogJ1xcbiAgPGEgY2xhc3M9XCInICsgc3VnZ2VzdGlvblByZWZpeCArICdcXG4gICAge3sjaXNDYXRlZ29yeUhlYWRlcn19JyArIHN1Z2dlc3Rpb25QcmVmaXggKyAnX19tYWlue3svaXNDYXRlZ29yeUhlYWRlcn19XFxuICAgIHt7I2lzU3ViQ2F0ZWdvcnlIZWFkZXJ9fScgKyBzdWdnZXN0aW9uUHJlZml4ICsgJ19fc2Vjb25kYXJ5e3svaXNTdWJDYXRlZ29yeUhlYWRlcn19XFxuICAgIFwiXFxuICAgIGFyaWEtbGFiZWw9XCJMaW5rIHRvIHRoZSByZXN1bHRcIlxcbiAgICBocmVmPVwie3t7dXJsfX19XCJcXG4gICAgPlxcbiAgICA8ZGl2IGNsYXNzPVwiJyArIHN1Z2dlc3Rpb25QcmVmaXggKyAnLS1jYXRlZ29yeS1oZWFkZXJcIj5cXG4gICAgICAgIDxzcGFuIGNsYXNzPVwiJyArIHN1Z2dlc3Rpb25QcmVmaXggKyAnLS1jYXRlZ29yeS1oZWFkZXItbHZsMFwiPnt7e2NhdGVnb3J5fX19PC9zcGFuPlxcbiAgICA8L2Rpdj5cXG4gICAgPGRpdiBjbGFzcz1cIicgKyBzdWdnZXN0aW9uUHJlZml4ICsgJy0td3JhcHBlclwiPlxcbiAgICAgIDxkaXYgY2xhc3M9XCInICsgc3VnZ2VzdGlvblByZWZpeCArICctLXN1YmNhdGVnb3J5LWNvbHVtblwiPlxcbiAgICAgICAgPHNwYW4gY2xhc3M9XCInICsgc3VnZ2VzdGlvblByZWZpeCArICctLXN1YmNhdGVnb3J5LWNvbHVtbi10ZXh0XCI+e3t7c3ViY2F0ZWdvcnl9fX08L3NwYW4+XFxuICAgICAgPC9kaXY+XFxuICAgICAge3sjaXNUZXh0T3JTdWJjYXRlZ29yeU5vbkVtcHR5fX1cXG4gICAgICA8ZGl2IGNsYXNzPVwiJyArIHN1Z2dlc3Rpb25QcmVmaXggKyAnLS1jb250ZW50XCI+XFxuICAgICAgICA8ZGl2IGNsYXNzPVwiJyArIHN1Z2dlc3Rpb25QcmVmaXggKyAnLS1zdWJjYXRlZ29yeS1pbmxpbmVcIj57e3tzdWJjYXRlZ29yeX19fTwvZGl2PlxcbiAgICAgICAgPGRpdiBjbGFzcz1cIicgKyBzdWdnZXN0aW9uUHJlZml4ICsgJy0tdGl0bGVcIj57e3t0aXRsZX19fTwvZGl2PlxcbiAgICAgICAge3sjdGV4dH19PGRpdiBjbGFzcz1cIicgKyBzdWdnZXN0aW9uUHJlZml4ICsgJy0tdGV4dFwiPnt7e3RleHR9fX08L2Rpdj57ey90ZXh0fX1cXG4gICAgICA8L2Rpdj5cXG4gICAgICB7ey9pc1RleHRPclN1YmNhdGVnb3J5Tm9uRW1wdHl9fVxcbiAgICA8L2Rpdj5cXG4gIDwvYT5cXG4gICcsXG4gIHN1Z2dlc3Rpb25TaW1wbGU6ICdcXG4gIDxkaXYgY2xhc3M9XCInICsgc3VnZ2VzdGlvblByZWZpeCArICdcXG4gICAge3sjaXNDYXRlZ29yeUhlYWRlcn19JyArIHN1Z2dlc3Rpb25QcmVmaXggKyAnX19tYWlue3svaXNDYXRlZ29yeUhlYWRlcn19XFxuICAgIHt7I2lzU3ViQ2F0ZWdvcnlIZWFkZXJ9fScgKyBzdWdnZXN0aW9uUHJlZml4ICsgJ19fc2Vjb25kYXJ5e3svaXNTdWJDYXRlZ29yeUhlYWRlcn19XFxuICAgIHN1Z2dlc3Rpb24tbGF5b3V0LXNpbXBsZVxcbiAgXCI+XFxuICAgIDxkaXYgY2xhc3M9XCInICsgc3VnZ2VzdGlvblByZWZpeCArICctLWNhdGVnb3J5LWhlYWRlclwiPlxcbiAgICAgICAge3teaXNMdmwwfX1cXG4gICAgICAgIDxzcGFuIGNsYXNzPVwiJyArIHN1Z2dlc3Rpb25QcmVmaXggKyAnLS1jYXRlZ29yeS1oZWFkZXItbHZsMCAnICsgc3VnZ2VzdGlvblByZWZpeCArICctLWNhdGVnb3J5LWhlYWRlci1pdGVtXCI+e3t7Y2F0ZWdvcnl9fX08L3NwYW4+XFxuICAgICAgICAgIHt7XmlzTHZsMX19XFxuICAgICAgICAgIHt7XmlzTHZsMUVtcHR5T3JEdXBsaWNhdGV9fVxcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cIicgKyBzdWdnZXN0aW9uUHJlZml4ICsgJy0tY2F0ZWdvcnktaGVhZGVyLWx2bDEgJyArIHN1Z2dlc3Rpb25QcmVmaXggKyAnLS1jYXRlZ29yeS1oZWFkZXItaXRlbVwiPlxcbiAgICAgICAgICAgICAge3t7c3ViY2F0ZWdvcnl9fX1cXG4gICAgICAgICAgPC9zcGFuPlxcbiAgICAgICAgICB7ey9pc0x2bDFFbXB0eU9yRHVwbGljYXRlfX1cXG4gICAgICAgICAge3svaXNMdmwxfX1cXG4gICAgICAgIHt7L2lzTHZsMH19XFxuICAgICAgICA8ZGl2IGNsYXNzPVwiJyArIHN1Z2dlc3Rpb25QcmVmaXggKyAnLS10aXRsZSAnICsgc3VnZ2VzdGlvblByZWZpeCArICctLWNhdGVnb3J5LWhlYWRlci1pdGVtXCI+XFxuICAgICAgICAgICAge3sjaXNMdmwyfX1cXG4gICAgICAgICAgICAgICAge3t7dGl0bGV9fX1cXG4gICAgICAgICAgICB7ey9pc0x2bDJ9fVxcbiAgICAgICAgICAgIHt7I2lzTHZsMX19XFxuICAgICAgICAgICAgICAgIHt7e3N1YmNhdGVnb3J5fX19XFxuICAgICAgICAgICAge3svaXNMdmwxfX1cXG4gICAgICAgICAgICB7eyNpc0x2bDB9fVxcbiAgICAgICAgICAgICAgICB7e3tjYXRlZ29yeX19fVxcbiAgICAgICAgICAgIHt7L2lzTHZsMH19XFxuICAgICAgICA8L2Rpdj5cXG4gICAgPC9kaXY+XFxuICAgIDxkaXYgY2xhc3M9XCInICsgc3VnZ2VzdGlvblByZWZpeCArICctLXdyYXBwZXJcIj5cXG4gICAgICB7eyN0ZXh0fX1cXG4gICAgICA8ZGl2IGNsYXNzPVwiJyArIHN1Z2dlc3Rpb25QcmVmaXggKyAnLS1jb250ZW50XCI+XFxuICAgICAgICA8ZGl2IGNsYXNzPVwiJyArIHN1Z2dlc3Rpb25QcmVmaXggKyAnLS10ZXh0XCI+e3t7dGV4dH19fTwvZGl2PlxcbiAgICAgIDwvZGl2PlxcbiAgICAgIHt7L3RleHR9fVxcbiAgICA8L2Rpdj5cXG4gIDwvZGl2PlxcbiAgJyxcbiAgZm9vdGVyOiAnXFxuICAgIDxkaXYgY2xhc3M9XCInICsgZm9vdGVyUHJlZml4ICsgJ1wiPlxcbiAgICAgIFNlYXJjaCBieSA8YSBjbGFzcz1cIicgKyBmb290ZXJQcmVmaXggKyAnLS1sb2dvXCIgaHJlZj1cImh0dHBzOi8vd3d3LmFsZ29saWEuY29tL2RvY3NlYXJjaFwiPkFsZ29saWE8L2E+XFxuICAgIDwvZGl2PlxcbiAgJyxcbiAgZW1wdHk6ICdcXG4gIDxkaXYgY2xhc3M9XCInICsgc3VnZ2VzdGlvblByZWZpeCArICdcIj5cXG4gICAgPGRpdiBjbGFzcz1cIicgKyBzdWdnZXN0aW9uUHJlZml4ICsgJy0td3JhcHBlclwiPlxcbiAgICAgICAgPGRpdiBjbGFzcz1cIicgKyBzdWdnZXN0aW9uUHJlZml4ICsgJy0tY29udGVudCAnICsgc3VnZ2VzdGlvblByZWZpeCArICctLW5vLXJlc3VsdHNcIj5cXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiJyArIHN1Z2dlc3Rpb25QcmVmaXggKyAnLS10aXRsZVwiPlxcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiJyArIHN1Z2dlc3Rpb25QcmVmaXggKyAnLS10ZXh0XCI+XFxuICAgICAgICAgICAgICAgICAgICBObyByZXN1bHRzIGZvdW5kIGZvciBxdWVyeSA8Yj5cInt7cXVlcnl9fVwiPC9iPlxcbiAgICAgICAgICAgICAgICA8L2Rpdj5cXG4gICAgICAgICAgICA8L2Rpdj5cXG4gICAgICAgIDwvZGl2PlxcbiAgICA8L2Rpdj5cXG4gIDwvZGl2PlxcbiAgJyxcbiAgc2VhcmNoQm94OiAnXFxuICA8Zm9ybSBub3ZhbGlkYXRlPVwibm92YWxpZGF0ZVwiIG9uc3VibWl0PVwicmV0dXJuIGZhbHNlO1wiIGNsYXNzPVwic2VhcmNoYm94XCI+XFxuICAgIDxkaXYgcm9sZT1cInNlYXJjaFwiIGNsYXNzPVwic2VhcmNoYm94X193cmFwcGVyXCI+XFxuICAgICAgPGlucHV0IGlkPVwiZG9jc2VhcmNoXCIgdHlwZT1cInNlYXJjaFwiIG5hbWU9XCJzZWFyY2hcIiBwbGFjZWhvbGRlcj1cIlNlYXJjaCB0aGUgZG9jc1wiIGF1dG9jb21wbGV0ZT1cIm9mZlwiIHJlcXVpcmVkPVwicmVxdWlyZWRcIiBjbGFzcz1cInNlYXJjaGJveF9faW5wdXRcIi8+XFxuICAgICAgPGJ1dHRvbiB0eXBlPVwic3VibWl0XCIgdGl0bGU9XCJTdWJtaXQgeW91ciBzZWFyY2ggcXVlcnkuXCIgY2xhc3M9XCJzZWFyY2hib3hfX3N1Ym1pdFwiID5cXG4gICAgICAgIDxzdmcgd2lkdGg9MTIgaGVpZ2h0PTEyIHJvbGU9XCJpbWdcIiBhcmlhLWxhYmVsPVwiU2VhcmNoXCI+XFxuICAgICAgICAgIDx1c2UgeG1sbnM6eGxpbms9XCJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rXCIgeGxpbms6aHJlZj1cIiNzYngtaWNvbi1zZWFyY2gtMTNcIj48L3VzZT5cXG4gICAgICAgIDwvc3ZnPlxcbiAgICAgIDwvYnV0dG9uPlxcbiAgICAgIDxidXR0b24gdHlwZT1cInJlc2V0XCIgdGl0bGU9XCJDbGVhciB0aGUgc2VhcmNoIHF1ZXJ5LlwiIGNsYXNzPVwic2VhcmNoYm94X19yZXNldCBoaWRlXCI+XFxuICAgICAgICA8c3ZnIHdpZHRoPTEyIGhlaWdodD0xMiByb2xlPVwiaW1nXCIgYXJpYS1sYWJlbD1cIlJlc2V0XCI+XFxuICAgICAgICAgIDx1c2UgeG1sbnM6eGxpbms9XCJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rXCIgeGxpbms6aHJlZj1cIiNzYngtaWNvbi1jbGVhci0zXCI+PC91c2U+XFxuICAgICAgICA8L3N2Zz5cXG4gICAgICA8L2J1dHRvbj5cXG4gICAgPC9kaXY+XFxuPC9mb3JtPlxcblxcbjxkaXYgY2xhc3M9XCJzdmctaWNvbnNcIiBzdHlsZT1cImhlaWdodDogMDsgd2lkdGg6IDA7IHBvc2l0aW9uOiBhYnNvbHV0ZTsgdmlzaWJpbGl0eTogaGlkZGVuXCI+XFxuICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cXG4gICAgPHN5bWJvbCBpZD1cInNieC1pY29uLWNsZWFyLTNcIiB2aWV3Qm94PVwiMCAwIDQwIDQwXCI+PHBhdGggZD1cIk0xNi4yMjggMjBMMS44ODYgNS42NTcgMCAzLjc3MiAzLjc3MiAwbDEuODg1IDEuODg2TDIwIDE2LjIyOCAzNC4zNDMgMS44ODYgMzYuMjI4IDAgNDAgMy43NzJsLTEuODg2IDEuODg1TDIzLjc3MiAyMGwxNC4zNDIgMTQuMzQzTDQwIDM2LjIyOCAzNi4yMjggNDBsLTEuODg1LTEuODg2TDIwIDIzLjc3MiA1LjY1NyAzOC4xMTQgMy43NzIgNDAgMCAzNi4yMjhsMS44ODYtMS44ODVMMTYuMjI4IDIwelwiIGZpbGwtcnVsZT1cImV2ZW5vZGRcIj48L3N5bWJvbD5cXG4gICAgPHN5bWJvbCBpZD1cInNieC1pY29uLXNlYXJjaC0xM1wiIHZpZXdCb3g9XCIwIDAgNDAgNDBcIj48cGF0aCBkPVwiTTI2LjgwNiAyOS4wMTJhMTYuMzEyIDE2LjMxMiAwIDAgMS0xMC40MjcgMy43NDZDNy4zMzIgMzIuNzU4IDAgMjUuNDI1IDAgMTYuMzc4IDAgNy4zMzQgNy4zMzMgMCAxNi4zOCAwYzkuMDQ1IDAgMTYuMzc4IDcuMzMzIDE2LjM3OCAxNi4zOCAwIDMuOTYtMS40MDYgNy41OTMtMy43NDYgMTAuNDI2TDM5LjU0NyAzNy4zNGMuNjA3LjYwOC42MSAxLjU5LS4wMDQgMi4yMDNhMS41NiAxLjU2IDAgMCAxLTIuMjAyLjAwNEwyNi44MDcgMjkuMDEyem0tMTAuNDI3LjYyN2M3LjMyMiAwIDEzLjI2LTUuOTM4IDEzLjI2LTEzLjI2IDAtNy4zMjQtNS45MzgtMTMuMjYtMTMuMjYtMTMuMjYtNy4zMjQgMC0xMy4yNiA1LjkzNi0xMy4yNiAxMy4yNiAwIDcuMzIyIDUuOTM2IDEzLjI2IDEzLjI2IDEzLjI2elwiIGZpbGwtcnVsZT1cImV2ZW5vZGRcIj48L3N5bWJvbD5cXG4gIDwvc3ZnPlxcbjwvZGl2PlxcbiAgJ1xufTtcblxuZXhwb3J0cy5kZWZhdWx0ID0gdGVtcGxhdGVzOyIsIid1c2Ugc3RyaWN0JztcblxuT2JqZWN0LmRlZmluZVByb3BlcnR5KGV4cG9ydHMsIFwiX19lc01vZHVsZVwiLCB7XG4gIHZhbHVlOiB0cnVlXG59KTtcblxudmFyIF90eXBlb2YgPSB0eXBlb2YgU3ltYm9sID09PSBcImZ1bmN0aW9uXCIgJiYgdHlwZW9mIFN5bWJvbC5pdGVyYXRvciA9PT0gXCJzeW1ib2xcIiA/IGZ1bmN0aW9uIChvYmopIHsgcmV0dXJuIHR5cGVvZiBvYmo7IH0gOiBmdW5jdGlvbiAob2JqKSB7IHJldHVybiBvYmogJiYgdHlwZW9mIFN5bWJvbCA9PT0gXCJmdW5jdGlvblwiICYmIG9iai5jb25zdHJ1Y3RvciA9PT0gU3ltYm9sICYmIG9iaiAhPT0gU3ltYm9sLnByb3RvdHlwZSA/IFwic3ltYm9sXCIgOiB0eXBlb2Ygb2JqOyB9O1xuXG52YXIgX3plcHRvID0gcmVxdWlyZSgnLi96ZXB0bycpO1xuXG52YXIgX3plcHRvMiA9IF9pbnRlcm9wUmVxdWlyZURlZmF1bHQoX3plcHRvKTtcblxuZnVuY3Rpb24gX2ludGVyb3BSZXF1aXJlRGVmYXVsdChvYmopIHsgcmV0dXJuIG9iaiAmJiBvYmouX19lc01vZHVsZSA/IG9iaiA6IHsgZGVmYXVsdDogb2JqIH07IH1cblxudmFyIHV0aWxzID0ge1xuICAvKlxuICAqIE1vdmUgdGhlIGNvbnRlbnQgb2YgYW4gb2JqZWN0IGtleSBvbmUgbGV2ZWwgaGlnaGVyLlxuICAqIGVnLlxuICAqIHtcbiAgKiAgIG5hbWU6ICdNeSBuYW1lJyxcbiAgKiAgIGhpZXJhcmNoeToge1xuICAqICAgICBsdmwwOiAnRm9vJyxcbiAgKiAgICAgbHZsMTogJ0JhcidcbiAgKiAgIH1cbiAgKiB9XG4gICogV2lsbCBiZSBjb252ZXJ0ZWQgdG9cbiAgKiB7XG4gICogICBuYW1lOiAnTXkgbmFtZScsXG4gICogICBsdmwwOiAnRm9vJyxcbiAgKiAgIGx2bDE6ICdCYXInXG4gICogfVxuICAqIEBwYXJhbSB7T2JqZWN0fSBvYmplY3QgTWFpbiBvYmplY3RcbiAgKiBAcGFyYW0ge1N0cmluZ30gcHJvcGVydHkgTWFpbiBvYmplY3Qga2V5IHRvIG1vdmUgdXBcbiAgKiBAcmV0dXJuIHtPYmplY3R9XG4gICogQHRocm93cyBFcnJvciB3aGVuIGtleSBpcyBub3QgYW4gYXR0cmlidXRlIG9mIE9iamVjdCBvciBpcyBub3QgYW4gb2JqZWN0IGl0c2VsZlxuICAqL1xuICBtZXJnZUtleVdpdGhQYXJlbnQ6IGZ1bmN0aW9uIG1lcmdlS2V5V2l0aFBhcmVudChvYmplY3QsIHByb3BlcnR5KSB7XG4gICAgaWYgKG9iamVjdFtwcm9wZXJ0eV0gPT09IHVuZGVmaW5lZCkge1xuICAgICAgcmV0dXJuIG9iamVjdDtcbiAgICB9XG4gICAgaWYgKF90eXBlb2Yob2JqZWN0W3Byb3BlcnR5XSkgIT09ICdvYmplY3QnKSB7XG4gICAgICByZXR1cm4gb2JqZWN0O1xuICAgIH1cbiAgICB2YXIgbmV3T2JqZWN0ID0gX3plcHRvMi5kZWZhdWx0LmV4dGVuZCh7fSwgb2JqZWN0LCBvYmplY3RbcHJvcGVydHldKTtcbiAgICBkZWxldGUgbmV3T2JqZWN0W3Byb3BlcnR5XTtcbiAgICByZXR1cm4gbmV3T2JqZWN0O1xuICB9LFxuXG4gIC8qXG4gICogR3JvdXAgYWxsIG9iamVjdHMgb2YgYSBjb2xsZWN0aW9uIGJ5IHRoZSB2YWx1ZSBvZiB0aGUgc3BlY2lmaWVkIGF0dHJpYnV0ZVxuICAqIElmIHRoZSBhdHRyaWJ1dGUgaXMgYSBzdHJpbmcsIHVzZSB0aGUgbG93ZXJjYXNlIGZvcm0uXG4gICpcbiAgKiBlZy5cbiAgKiBncm91cEJ5KFtcbiAgKiAgIHtuYW1lOiAnVGltJywgY2F0ZWdvcnk6ICdkZXYnfSxcbiAgKiAgIHtuYW1lOiAnVmluY2VudCcsIGNhdGVnb3J5OiAnZGV2J30sXG4gICogICB7bmFtZTogJ0JlbicsIGNhdGVnb3J5OiAnc2FsZXMnfSxcbiAgKiAgIHtuYW1lOiAnSmVyZW15JywgY2F0ZWdvcnk6ICdzYWxlcyd9LFxuICAqICAge25hbWU6ICdBbGV4UycsIGNhdGVnb3J5OiAnZGV2J30sXG4gICogICB7bmFtZTogJ0FsZXhLJywgY2F0ZWdvcnk6ICdzYWxlcyd9XG4gICogXSwgJ2NhdGVnb3J5Jyk7XG4gICogPT5cbiAgKiB7XG4gICogICAnZGV2cyc6IFtcbiAgKiAgICAge25hbWU6ICdUaW0nLCBjYXRlZ29yeTogJ2Rldid9LFxuICAqICAgICB7bmFtZTogJ1ZpbmNlbnQnLCBjYXRlZ29yeTogJ2Rldid9LFxuICAqICAgICB7bmFtZTogJ0FsZXhTJywgY2F0ZWdvcnk6ICdkZXYnfVxuICAqICAgXSxcbiAgKiAgICdzYWxlcyc6IFtcbiAgKiAgICAge25hbWU6ICdCZW4nLCBjYXRlZ29yeTogJ3NhbGVzJ30sXG4gICogICAgIHtuYW1lOiAnSmVyZW15JywgY2F0ZWdvcnk6ICdzYWxlcyd9LFxuICAqICAgICB7bmFtZTogJ0FsZXhLJywgY2F0ZWdvcnk6ICdzYWxlcyd9XG4gICogICBdXG4gICogfVxuICAqIEBwYXJhbSB7YXJyYXl9IGNvbGxlY3Rpb24gQXJyYXkgb2Ygb2JqZWN0cyB0byBncm91cFxuICAqIEBwYXJhbSB7U3RyaW5nfSBwcm9wZXJ0eSBUaGUgYXR0cmlidXRlIG9uIHdoaWNoIGFwcGx5IHRoZSBncm91cGluZ1xuICAqIEByZXR1cm4ge2FycmF5fVxuICAqIEB0aHJvd3MgRXJyb3Igd2hlbiBvbmUgb2YgdGhlIGVsZW1lbnQgZG9lcyBub3QgaGF2ZSB0aGUgc3BlY2lmaWVkIHByb3BlcnR5XG4gICovXG4gIGdyb3VwQnk6IGZ1bmN0aW9uIGdyb3VwQnkoY29sbGVjdGlvbiwgcHJvcGVydHkpIHtcbiAgICB2YXIgbmV3Q29sbGVjdGlvbiA9IHt9O1xuICAgIF96ZXB0bzIuZGVmYXVsdC5lYWNoKGNvbGxlY3Rpb24sIGZ1bmN0aW9uIChpbmRleCwgaXRlbSkge1xuICAgICAgaWYgKGl0ZW1bcHJvcGVydHldID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdbZ3JvdXBCeV06IE9iamVjdCBoYXMgbm8ga2V5ICcgKyBwcm9wZXJ0eSk7XG4gICAgICB9XG4gICAgICB2YXIga2V5ID0gaXRlbVtwcm9wZXJ0eV07XG4gICAgICBpZiAodHlwZW9mIGtleSA9PT0gJ3N0cmluZycpIHtcbiAgICAgICAga2V5ID0ga2V5LnRvTG93ZXJDYXNlKCk7XG4gICAgICB9XG4gICAgICAvLyBmaXggIzE3MSB0aGUgZ2l2ZW4gZGF0YSB0eXBlIG9mIGRvY3NlYXJjaCBoaXRzIG1pZ2h0IGJlIGNvbmZsaWN0IHdpdGggdGhlIHByb3BlcnRpZXMgb2YgdGhlIG5hdGl2ZSBPYmplY3QsXG4gICAgICAvLyBzdWNoIGFzIHRoZSBjb25zdHJ1Y3Rvciwgc28gd2UgbmVlZCB0byBkbyB0aGlzIGNoZWNrLlxuICAgICAgaWYgKCFPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwobmV3Q29sbGVjdGlvbiwga2V5KSkge1xuICAgICAgICBuZXdDb2xsZWN0aW9uW2tleV0gPSBbXTtcbiAgICAgIH1cbiAgICAgIG5ld0NvbGxlY3Rpb25ba2V5XS5wdXNoKGl0ZW0pO1xuICAgIH0pO1xuICAgIHJldHVybiBuZXdDb2xsZWN0aW9uO1xuICB9LFxuXG4gIC8qXG4gICogUmV0dXJuIGFuIGFycmF5IG9mIGFsbCB0aGUgdmFsdWVzIG9mIHRoZSBzcGVjaWZpZWQgb2JqZWN0XG4gICogZWcuXG4gICogdmFsdWVzKHtcbiAgKiAgIGZvbzogNDIsXG4gICogICBiYXI6IHRydWUsXG4gICogICBiYXo6ICd5ZXAnXG4gICogfSlcbiAgKiA9PlxuICAqIFs0MiwgdHJ1ZSwgeWVwXVxuICAqIEBwYXJhbSB7b2JqZWN0fSBvYmplY3QgT2JqZWN0IHRvIGV4dHJhY3QgdmFsdWVzIGZyb21cbiAgKiBAcmV0dXJuIHthcnJheX1cbiAgKi9cbiAgdmFsdWVzOiBmdW5jdGlvbiB2YWx1ZXMob2JqZWN0KSB7XG4gICAgcmV0dXJuIE9iamVjdC5rZXlzKG9iamVjdCkubWFwKGZ1bmN0aW9uIChrZXkpIHtcbiAgICAgIHJldHVybiBvYmplY3Rba2V5XTtcbiAgICB9KTtcbiAgfSxcblxuICAvKlxuICAqIEZsYXR0ZW5zIGFuIGFycmF5XG4gICogZWcuXG4gICogZmxhdHRlbihbMSwgMiwgWzMsIDRdLCBbNSwgNl1dKVxuICAqID0+XG4gICogWzEsIDIsIDMsIDQsIDUsIDZdXG4gICogQHBhcmFtIHthcnJheX0gYXJyYXkgQXJyYXkgdG8gZmxhdHRlblxuICAqIEByZXR1cm4ge2FycmF5fVxuICAqL1xuICBmbGF0dGVuOiBmdW5jdGlvbiBmbGF0dGVuKGFycmF5KSB7XG4gICAgdmFyIHJlc3VsdHMgPSBbXTtcbiAgICBhcnJheS5mb3JFYWNoKGZ1bmN0aW9uICh2YWx1ZSkge1xuICAgICAgaWYgKCFBcnJheS5pc0FycmF5KHZhbHVlKSkge1xuICAgICAgICByZXN1bHRzLnB1c2godmFsdWUpO1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICB2YWx1ZS5mb3JFYWNoKGZ1bmN0aW9uIChzdWJ2YWx1ZSkge1xuICAgICAgICByZXN1bHRzLnB1c2goc3VidmFsdWUpO1xuICAgICAgfSk7XG4gICAgfSk7XG4gICAgcmV0dXJuIHJlc3VsdHM7XG4gIH0sXG5cbiAgLypcbiAgKiBGbGF0dGVuIGFsbCB2YWx1ZXMgb2YgYW4gb2JqZWN0IGludG8gYW4gYXJyYXksIG1hcmtpbmcgZWFjaCBmaXJzdCBlbGVtZW50IG9mXG4gICogZWFjaCBncm91cCB3aXRoIGEgc3BlY2lmaWMgZmxhZ1xuICAqIGVnLlxuICAqIGZsYXR0ZW5BbmRGbGFnRmlyc3Qoe1xuICAqICAgJ2RldnMnOiBbXG4gICogICAgIHtuYW1lOiAnVGltJywgY2F0ZWdvcnk6ICdkZXYnfSxcbiAgKiAgICAge25hbWU6ICdWaW5jZW50JywgY2F0ZWdvcnk6ICdkZXYnfSxcbiAgKiAgICAge25hbWU6ICdBbGV4UycsIGNhdGVnb3J5OiAnZGV2J31cbiAgKiAgIF0sXG4gICogICAnc2FsZXMnOiBbXG4gICogICAgIHtuYW1lOiAnQmVuJywgY2F0ZWdvcnk6ICdzYWxlcyd9LFxuICAqICAgICB7bmFtZTogJ0plcmVteScsIGNhdGVnb3J5OiAnc2FsZXMnfSxcbiAgKiAgICAge25hbWU6ICdBbGV4SycsIGNhdGVnb3J5OiAnc2FsZXMnfVxuICAqICAgXVxuICAqICwgJ2lzVG9wJyk7XG4gICogPT5cbiAgKiBbXG4gICogICAgIHtuYW1lOiAnVGltJywgY2F0ZWdvcnk6ICdkZXYnLCBpc1RvcDogdHJ1ZX0sXG4gICogICAgIHtuYW1lOiAnVmluY2VudCcsIGNhdGVnb3J5OiAnZGV2JywgaXNUb3A6IGZhbHNlfSxcbiAgKiAgICAge25hbWU6ICdBbGV4UycsIGNhdGVnb3J5OiAnZGV2JywgaXNUb3A6IGZhbHNlfSxcbiAgKiAgICAge25hbWU6ICdCZW4nLCBjYXRlZ29yeTogJ3NhbGVzJywgaXNUb3A6IHRydWV9LFxuICAqICAgICB7bmFtZTogJ0plcmVteScsIGNhdGVnb3J5OiAnc2FsZXMnLCBpc1RvcDogZmFsc2V9LFxuICAqICAgICB7bmFtZTogJ0FsZXhLJywgY2F0ZWdvcnk6ICdzYWxlcycsIGlzVG9wOiBmYWxzZX1cbiAgKiBdXG4gICogQHBhcmFtIHtvYmplY3R9IG9iamVjdCBPYmplY3QgdG8gZmxhdHRlblxuICAqIEBwYXJhbSB7c3RyaW5nfSBmbGFnIEZsYWcgdG8gc2V0IHRvIHRydWUgb24gZmlyc3QgZWxlbWVudCBvZiBlYWNoIGdyb3VwXG4gICogQHJldHVybiB7YXJyYXl9XG4gICovXG4gIGZsYXR0ZW5BbmRGbGFnRmlyc3Q6IGZ1bmN0aW9uIGZsYXR0ZW5BbmRGbGFnRmlyc3Qob2JqZWN0LCBmbGFnKSB7XG4gICAgdmFyIHZhbHVlcyA9IHRoaXMudmFsdWVzKG9iamVjdCkubWFwKGZ1bmN0aW9uIChjb2xsZWN0aW9uKSB7XG4gICAgICByZXR1cm4gY29sbGVjdGlvbi5tYXAoZnVuY3Rpb24gKGl0ZW0sIGluZGV4KSB7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1wYXJhbS1yZWFzc2lnblxuICAgICAgICBpdGVtW2ZsYWddID0gaW5kZXggPT09IDA7XG4gICAgICAgIHJldHVybiBpdGVtO1xuICAgICAgfSk7XG4gICAgfSk7XG4gICAgcmV0dXJuIHRoaXMuZmxhdHRlbih2YWx1ZXMpO1xuICB9LFxuXG4gIC8qXG4gICogUmVtb3ZlcyBhbGwgZW1wdHkgc3RyaW5ncywgbnVsbCwgZmFsc2UgYW5kIHVuZGVmaW5lZCBlbGVtZW50cyBhcnJheVxuICAqIGVnLlxuICAqIGNvbXBhY3QoWzQyLCBmYWxzZSwgbnVsbCwgdW5kZWZpbmVkLCAnJywgW10sICdmb28nXSk7XG4gICogPT5cbiAgKiBbNDIsIFtdLCAnZm9vJ11cbiAgKiBAcGFyYW0ge2FycmF5fSBhcnJheSBBcnJheSB0byBjb21wYWN0XG4gICogQHJldHVybiB7YXJyYXl9XG4gICovXG4gIGNvbXBhY3Q6IGZ1bmN0aW9uIGNvbXBhY3QoYXJyYXkpIHtcbiAgICB2YXIgcmVzdWx0cyA9IFtdO1xuICAgIGFycmF5LmZvckVhY2goZnVuY3Rpb24gKHZhbHVlKSB7XG4gICAgICBpZiAoIXZhbHVlKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICAgIHJlc3VsdHMucHVzaCh2YWx1ZSk7XG4gICAgfSk7XG4gICAgcmV0dXJuIHJlc3VsdHM7XG4gIH0sXG5cbiAgLypcbiAgICogUmV0dXJucyB0aGUgaGlnaGxpZ2h0ZWQgdmFsdWUgb2YgdGhlIHNwZWNpZmllZCBrZXkgaW4gdGhlIHNwZWNpZmllZCBvYmplY3QuXG4gICAqIElmIG5vIGhpZ2hsaWdodGVkIHZhbHVlIGlzIGF2YWlsYWJsZSwgd2lsbCByZXR1cm4gdGhlIGtleSB2YWx1ZSBkaXJlY3RseVxuICAgKiBlZy5cbiAgICogZ2V0SGlnaGxpZ2h0ZWRWYWx1ZSh7XG4gICAqICAgIF9oaWdobGlnaHRSZXN1bHQ6IHtcbiAgICogICAgICB0ZXh0OiB7XG4gICAqICAgICAgICB2YWx1ZTogJzxtYXJrPmZvbzwvbWFyaz4nXG4gICAqICAgICAgfVxuICAgKiAgICB9LFxuICAgKiAgICB0ZXh0OiAnZm9vJ1xuICAgKiB9LCAndGV4dCcpO1xuICAgKiA9PlxuICAgKiAnPG1hcms+Zm9vPC9tYXJrPidcbiAgICogQHBhcmFtIHtvYmplY3R9IG9iamVjdCBIaXQgb2JqZWN0IHJldHVybmVkIGJ5IHRoZSBBbGdvbGlhIEFQSVxuICAgKiBAcGFyYW0ge3N0cmluZ30gcHJvcGVydHkgT2JqZWN0IGtleSB0byBsb29rIGZvclxuICAgKiBAcmV0dXJuIHtzdHJpbmd9XG4gICAqKi9cbiAgZ2V0SGlnaGxpZ2h0ZWRWYWx1ZTogZnVuY3Rpb24gZ2V0SGlnaGxpZ2h0ZWRWYWx1ZShvYmplY3QsIHByb3BlcnR5KSB7XG4gICAgaWYgKG9iamVjdC5faGlnaGxpZ2h0UmVzdWx0ICYmIG9iamVjdC5faGlnaGxpZ2h0UmVzdWx0LmhpZXJhcmNoeV9jYW1lbCAmJiBvYmplY3QuX2hpZ2hsaWdodFJlc3VsdC5oaWVyYXJjaHlfY2FtZWxbcHJvcGVydHldICYmIG9iamVjdC5faGlnaGxpZ2h0UmVzdWx0LmhpZXJhcmNoeV9jYW1lbFtwcm9wZXJ0eV0ubWF0Y2hMZXZlbCAmJiBvYmplY3QuX2hpZ2hsaWdodFJlc3VsdC5oaWVyYXJjaHlfY2FtZWxbcHJvcGVydHldLm1hdGNoTGV2ZWwgIT09ICdub25lJyAmJiBvYmplY3QuX2hpZ2hsaWdodFJlc3VsdC5oaWVyYXJjaHlfY2FtZWxbcHJvcGVydHldLnZhbHVlKSB7XG4gICAgICByZXR1cm4gb2JqZWN0Ll9oaWdobGlnaHRSZXN1bHQuaGllcmFyY2h5X2NhbWVsW3Byb3BlcnR5XS52YWx1ZTtcbiAgICB9XG4gICAgaWYgKG9iamVjdC5faGlnaGxpZ2h0UmVzdWx0ICYmIG9iamVjdC5faGlnaGxpZ2h0UmVzdWx0ICYmIG9iamVjdC5faGlnaGxpZ2h0UmVzdWx0W3Byb3BlcnR5XSAmJiBvYmplY3QuX2hpZ2hsaWdodFJlc3VsdFtwcm9wZXJ0eV0udmFsdWUpIHtcbiAgICAgIHJldHVybiBvYmplY3QuX2hpZ2hsaWdodFJlc3VsdFtwcm9wZXJ0eV0udmFsdWU7XG4gICAgfVxuICAgIHJldHVybiBvYmplY3RbcHJvcGVydHldO1xuICB9LFxuXG4gIC8qXG4gICAqIFJldHVybnMgdGhlIHNuaXBwZXRlZCB2YWx1ZSBvZiB0aGUgc3BlY2lmaWVkIGtleSBpbiB0aGUgc3BlY2lmaWVkIG9iamVjdC5cbiAgICogSWYgbm8gaGlnaGxpZ2h0ZWQgdmFsdWUgaXMgYXZhaWxhYmxlLCB3aWxsIHJldHVybiB0aGUga2V5IHZhbHVlIGRpcmVjdGx5LlxuICAgKiBXaWxsIGFkZCBzdGFydGluZyBhbmQgZW5kaW5nIGVsbGlwc2lzICjigKYpIGlmIHdlIGRldGVjdCB0aGF0IGEgc2VudGVuY2UgaXNcbiAgICogaW5jb21wbGV0ZVxuICAgKiBlZy5cbiAgICogZ2V0U25pcHBldGVkVmFsdWUoe1xuICAgKiAgICBfc25pcHBldFJlc3VsdDoge1xuICAgKiAgICAgIHRleHQ6IHtcbiAgICogICAgICAgIHZhbHVlOiAnPG1hcms+VGhpcyBpcyBhbiB1bmZpbmlzaGVkIHNlbnRlbmNlPC9tYXJrPidcbiAgICogICAgICB9XG4gICAqICAgIH0sXG4gICAqICAgIHRleHQ6ICdUaGlzIGlzIGFuIHVuZmluaXNoZWQgc2VudGVuY2UnXG4gICAqIH0sICd0ZXh0Jyk7XG4gICAqID0+XG4gICAqICc8bWFyaz5UaGlzIGlzIGFuIHVuZmluaXNoZWQgc2VudGVuY2U8L21hcms+4oCmJ1xuICAgKiBAcGFyYW0ge29iamVjdH0gb2JqZWN0IEhpdCBvYmplY3QgcmV0dXJuZWQgYnkgdGhlIEFsZ29saWEgQVBJXG4gICAqIEBwYXJhbSB7c3RyaW5nfSBwcm9wZXJ0eSBPYmplY3Qga2V5IHRvIGxvb2sgZm9yXG4gICAqIEByZXR1cm4ge3N0cmluZ31cbiAgICoqL1xuICBnZXRTbmlwcGV0ZWRWYWx1ZTogZnVuY3Rpb24gZ2V0U25pcHBldGVkVmFsdWUob2JqZWN0LCBwcm9wZXJ0eSkge1xuICAgIGlmICghb2JqZWN0Ll9zbmlwcGV0UmVzdWx0IHx8ICFvYmplY3QuX3NuaXBwZXRSZXN1bHRbcHJvcGVydHldIHx8ICFvYmplY3QuX3NuaXBwZXRSZXN1bHRbcHJvcGVydHldLnZhbHVlKSB7XG4gICAgICByZXR1cm4gb2JqZWN0W3Byb3BlcnR5XTtcbiAgICB9XG4gICAgdmFyIHNuaXBwZXQgPSBvYmplY3QuX3NuaXBwZXRSZXN1bHRbcHJvcGVydHldLnZhbHVlO1xuXG4gICAgaWYgKHNuaXBwZXRbMF0gIT09IHNuaXBwZXRbMF0udG9VcHBlckNhc2UoKSkge1xuICAgICAgc25pcHBldCA9ICdcXHUyMDI2JyArIHNuaXBwZXQ7XG4gICAgfVxuICAgIGlmIChbJy4nLCAnIScsICc/J10uaW5kZXhPZihzbmlwcGV0W3NuaXBwZXQubGVuZ3RoIC0gMV0pID09PSAtMSkge1xuICAgICAgc25pcHBldCA9IHNuaXBwZXQgKyAnXFx1MjAyNic7XG4gICAgfVxuICAgIHJldHVybiBzbmlwcGV0O1xuICB9LFxuXG4gIC8qXG4gICogRGVlcCBjbG9uZSBhbiBvYmplY3QuXG4gICogTm90ZTogVGhpcyB3aWxsIG5vdCBjbG9uZSBmdW5jdGlvbnMgYW5kIGRhdGVzXG4gICogQHBhcmFtIHtvYmplY3R9IG9iamVjdCBPYmplY3QgdG8gY2xvbmVcbiAgKiBAcmV0dXJuIHtvYmplY3R9XG4gICovXG4gIGRlZXBDbG9uZTogZnVuY3Rpb24gZGVlcENsb25lKG9iamVjdCkge1xuICAgIHJldHVybiBKU09OLnBhcnNlKEpTT04uc3RyaW5naWZ5KG9iamVjdCkpO1xuICB9XG59O1xuXG5leHBvcnRzLmRlZmF1bHQgPSB1dGlsczsiLCIndXNlIHN0cmljdCc7XG5cbk9iamVjdC5kZWZpbmVQcm9wZXJ0eShleHBvcnRzLCBcIl9fZXNNb2R1bGVcIiwge1xuICB2YWx1ZTogdHJ1ZVxufSk7XG5leHBvcnRzLmRlZmF1bHQgPSAnMi42LjMnOyIsIid1c2Ugc3RyaWN0JztcblxuT2JqZWN0LmRlZmluZVByb3BlcnR5KGV4cG9ydHMsIFwiX19lc01vZHVsZVwiLCB7XG4gIHZhbHVlOiB0cnVlXG59KTtcblxudmFyIF96ZXB0byA9IHJlcXVpcmUoJ2F1dG9jb21wbGV0ZS5qcy96ZXB0bycpO1xuXG52YXIgX3plcHRvMiA9IF9pbnRlcm9wUmVxdWlyZURlZmF1bHQoX3plcHRvKTtcblxuZnVuY3Rpb24gX2ludGVyb3BSZXF1aXJlRGVmYXVsdChvYmopIHsgcmV0dXJuIG9iaiAmJiBvYmouX19lc01vZHVsZSA/IG9iaiA6IHsgZGVmYXVsdDogb2JqIH07IH1cblxuZXhwb3J0cy5kZWZhdWx0ID0gX3plcHRvMi5kZWZhdWx0OyIsIi8qIVxuICogQG92ZXJ2aWV3IGVzNi1wcm9taXNlIC0gYSB0aW55IGltcGxlbWVudGF0aW9uIG9mIFByb21pc2VzL0ErLlxuICogQGNvcHlyaWdodCBDb3B5cmlnaHQgKGMpIDIwMTQgWWVodWRhIEthdHosIFRvbSBEYWxlLCBTdGVmYW4gUGVubmVyIGFuZCBjb250cmlidXRvcnMgKENvbnZlcnNpb24gdG8gRVM2IEFQSSBieSBKYWtlIEFyY2hpYmFsZClcbiAqIEBsaWNlbnNlICAgTGljZW5zZWQgdW5kZXIgTUlUIGxpY2Vuc2VcbiAqICAgICAgICAgICAgU2VlIGh0dHBzOi8vcmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbS9zdGVmYW5wZW5uZXIvZXM2LXByb21pc2UvbWFzdGVyL0xJQ0VOU0VcbiAqIEB2ZXJzaW9uICAgdjQuMi44KzFlNjhkY2U2XG4gKi9cblxuKGZ1bmN0aW9uIChnbG9iYWwsIGZhY3RvcnkpIHtcblx0dHlwZW9mIGV4cG9ydHMgPT09ICdvYmplY3QnICYmIHR5cGVvZiBtb2R1bGUgIT09ICd1bmRlZmluZWQnID8gbW9kdWxlLmV4cG9ydHMgPSBmYWN0b3J5KCkgOlxuXHR0eXBlb2YgZGVmaW5lID09PSAnZnVuY3Rpb24nICYmIGRlZmluZS5hbWQgPyBkZWZpbmUoZmFjdG9yeSkgOlxuXHQoZ2xvYmFsLkVTNlByb21pc2UgPSBmYWN0b3J5KCkpO1xufSh0aGlzLCAoZnVuY3Rpb24gKCkgeyAndXNlIHN0cmljdCc7XG5cbmZ1bmN0aW9uIG9iamVjdE9yRnVuY3Rpb24oeCkge1xuICB2YXIgdHlwZSA9IHR5cGVvZiB4O1xuICByZXR1cm4geCAhPT0gbnVsbCAmJiAodHlwZSA9PT0gJ29iamVjdCcgfHwgdHlwZSA9PT0gJ2Z1bmN0aW9uJyk7XG59XG5cbmZ1bmN0aW9uIGlzRnVuY3Rpb24oeCkge1xuICByZXR1cm4gdHlwZW9mIHggPT09ICdmdW5jdGlvbic7XG59XG5cblxuXG52YXIgX2lzQXJyYXkgPSB2b2lkIDA7XG5pZiAoQXJyYXkuaXNBcnJheSkge1xuICBfaXNBcnJheSA9IEFycmF5LmlzQXJyYXk7XG59IGVsc2Uge1xuICBfaXNBcnJheSA9IGZ1bmN0aW9uICh4KSB7XG4gICAgcmV0dXJuIE9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh4KSA9PT0gJ1tvYmplY3QgQXJyYXldJztcbiAgfTtcbn1cblxudmFyIGlzQXJyYXkgPSBfaXNBcnJheTtcblxudmFyIGxlbiA9IDA7XG52YXIgdmVydHhOZXh0ID0gdm9pZCAwO1xudmFyIGN1c3RvbVNjaGVkdWxlckZuID0gdm9pZCAwO1xuXG52YXIgYXNhcCA9IGZ1bmN0aW9uIGFzYXAoY2FsbGJhY2ssIGFyZykge1xuICBxdWV1ZVtsZW5dID0gY2FsbGJhY2s7XG4gIHF1ZXVlW2xlbiArIDFdID0gYXJnO1xuICBsZW4gKz0gMjtcbiAgaWYgKGxlbiA9PT0gMikge1xuICAgIC8vIElmIGxlbiBpcyAyLCB0aGF0IG1lYW5zIHRoYXQgd2UgbmVlZCB0byBzY2hlZHVsZSBhbiBhc3luYyBmbHVzaC5cbiAgICAvLyBJZiBhZGRpdGlvbmFsIGNhbGxiYWNrcyBhcmUgcXVldWVkIGJlZm9yZSB0aGUgcXVldWUgaXMgZmx1c2hlZCwgdGhleVxuICAgIC8vIHdpbGwgYmUgcHJvY2Vzc2VkIGJ5IHRoaXMgZmx1c2ggdGhhdCB3ZSBhcmUgc2NoZWR1bGluZy5cbiAgICBpZiAoY3VzdG9tU2NoZWR1bGVyRm4pIHtcbiAgICAgIGN1c3RvbVNjaGVkdWxlckZuKGZsdXNoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgc2NoZWR1bGVGbHVzaCgpO1xuICAgIH1cbiAgfVxufTtcblxuZnVuY3Rpb24gc2V0U2NoZWR1bGVyKHNjaGVkdWxlRm4pIHtcbiAgY3VzdG9tU2NoZWR1bGVyRm4gPSBzY2hlZHVsZUZuO1xufVxuXG5mdW5jdGlvbiBzZXRBc2FwKGFzYXBGbikge1xuICBhc2FwID0gYXNhcEZuO1xufVxuXG52YXIgYnJvd3NlcldpbmRvdyA9IHR5cGVvZiB3aW5kb3cgIT09ICd1bmRlZmluZWQnID8gd2luZG93IDogdW5kZWZpbmVkO1xudmFyIGJyb3dzZXJHbG9iYWwgPSBicm93c2VyV2luZG93IHx8IHt9O1xudmFyIEJyb3dzZXJNdXRhdGlvbk9ic2VydmVyID0gYnJvd3Nlckdsb2JhbC5NdXRhdGlvbk9ic2VydmVyIHx8IGJyb3dzZXJHbG9iYWwuV2ViS2l0TXV0YXRpb25PYnNlcnZlcjtcbnZhciBpc05vZGUgPSB0eXBlb2Ygc2VsZiA9PT0gJ3VuZGVmaW5lZCcgJiYgdHlwZW9mIHByb2Nlc3MgIT09ICd1bmRlZmluZWQnICYmIHt9LnRvU3RyaW5nLmNhbGwocHJvY2VzcykgPT09ICdbb2JqZWN0IHByb2Nlc3NdJztcblxuLy8gdGVzdCBmb3Igd2ViIHdvcmtlciBidXQgbm90IGluIElFMTBcbnZhciBpc1dvcmtlciA9IHR5cGVvZiBVaW50OENsYW1wZWRBcnJheSAhPT0gJ3VuZGVmaW5lZCcgJiYgdHlwZW9mIGltcG9ydFNjcmlwdHMgIT09ICd1bmRlZmluZWQnICYmIHR5cGVvZiBNZXNzYWdlQ2hhbm5lbCAhPT0gJ3VuZGVmaW5lZCc7XG5cbi8vIG5vZGVcbmZ1bmN0aW9uIHVzZU5leHRUaWNrKCkge1xuICAvLyBub2RlIHZlcnNpb24gMC4xMC54IGRpc3BsYXlzIGEgZGVwcmVjYXRpb24gd2FybmluZyB3aGVuIG5leHRUaWNrIGlzIHVzZWQgcmVjdXJzaXZlbHlcbiAgLy8gc2VlIGh0dHBzOi8vZ2l0aHViLmNvbS9jdWpvanMvd2hlbi9pc3N1ZXMvNDEwIGZvciBkZXRhaWxzXG4gIHJldHVybiBmdW5jdGlvbiAoKSB7XG4gICAgcmV0dXJuIHByb2Nlc3MubmV4dFRpY2soZmx1c2gpO1xuICB9O1xufVxuXG4vLyB2ZXJ0eFxuZnVuY3Rpb24gdXNlVmVydHhUaW1lcigpIHtcbiAgaWYgKHR5cGVvZiB2ZXJ0eE5leHQgIT09ICd1bmRlZmluZWQnKSB7XG4gICAgcmV0dXJuIGZ1bmN0aW9uICgpIHtcbiAgICAgIHZlcnR4TmV4dChmbHVzaCk7XG4gICAgfTtcbiAgfVxuXG4gIHJldHVybiB1c2VTZXRUaW1lb3V0KCk7XG59XG5cbmZ1bmN0aW9uIHVzZU11dGF0aW9uT2JzZXJ2ZXIoKSB7XG4gIHZhciBpdGVyYXRpb25zID0gMDtcbiAgdmFyIG9ic2VydmVyID0gbmV3IEJyb3dzZXJNdXRhdGlvbk9ic2VydmVyKGZsdXNoKTtcbiAgdmFyIG5vZGUgPSBkb2N1bWVudC5jcmVhdGVUZXh0Tm9kZSgnJyk7XG4gIG9ic2VydmVyLm9ic2VydmUobm9kZSwgeyBjaGFyYWN0ZXJEYXRhOiB0cnVlIH0pO1xuXG4gIHJldHVybiBmdW5jdGlvbiAoKSB7XG4gICAgbm9kZS5kYXRhID0gaXRlcmF0aW9ucyA9ICsraXRlcmF0aW9ucyAlIDI7XG4gIH07XG59XG5cbi8vIHdlYiB3b3JrZXJcbmZ1bmN0aW9uIHVzZU1lc3NhZ2VDaGFubmVsKCkge1xuICB2YXIgY2hhbm5lbCA9IG5ldyBNZXNzYWdlQ2hhbm5lbCgpO1xuICBjaGFubmVsLnBvcnQxLm9ubWVzc2FnZSA9IGZsdXNoO1xuICByZXR1cm4gZnVuY3Rpb24gKCkge1xuICAgIHJldHVybiBjaGFubmVsLnBvcnQyLnBvc3RNZXNzYWdlKDApO1xuICB9O1xufVxuXG5mdW5jdGlvbiB1c2VTZXRUaW1lb3V0KCkge1xuICAvLyBTdG9yZSBzZXRUaW1lb3V0IHJlZmVyZW5jZSBzbyBlczYtcHJvbWlzZSB3aWxsIGJlIHVuYWZmZWN0ZWQgYnlcbiAgLy8gb3RoZXIgY29kZSBtb2RpZnlpbmcgc2V0VGltZW91dCAobGlrZSBzaW5vbi51c2VGYWtlVGltZXJzKCkpXG4gIHZhciBnbG9iYWxTZXRUaW1lb3V0ID0gc2V0VGltZW91dDtcbiAgcmV0dXJuIGZ1bmN0aW9uICgpIHtcbiAgICByZXR1cm4gZ2xvYmFsU2V0VGltZW91dChmbHVzaCwgMSk7XG4gIH07XG59XG5cbnZhciBxdWV1ZSA9IG5ldyBBcnJheSgxMDAwKTtcbmZ1bmN0aW9uIGZsdXNoKCkge1xuICBmb3IgKHZhciBpID0gMDsgaSA8IGxlbjsgaSArPSAyKSB7XG4gICAgdmFyIGNhbGxiYWNrID0gcXVldWVbaV07XG4gICAgdmFyIGFyZyA9IHF1ZXVlW2kgKyAxXTtcblxuICAgIGNhbGxiYWNrKGFyZyk7XG5cbiAgICBxdWV1ZVtpXSA9IHVuZGVmaW5lZDtcbiAgICBxdWV1ZVtpICsgMV0gPSB1bmRlZmluZWQ7XG4gIH1cblxuICBsZW4gPSAwO1xufVxuXG5mdW5jdGlvbiBhdHRlbXB0VmVydHgoKSB7XG4gIHRyeSB7XG4gICAgdmFyIHZlcnR4ID0gRnVuY3Rpb24oJ3JldHVybiB0aGlzJykoKS5yZXF1aXJlKCd2ZXJ0eCcpO1xuICAgIHZlcnR4TmV4dCA9IHZlcnR4LnJ1bk9uTG9vcCB8fCB2ZXJ0eC5ydW5PbkNvbnRleHQ7XG4gICAgcmV0dXJuIHVzZVZlcnR4VGltZXIoKTtcbiAgfSBjYXRjaCAoZSkge1xuICAgIHJldHVybiB1c2VTZXRUaW1lb3V0KCk7XG4gIH1cbn1cblxudmFyIHNjaGVkdWxlRmx1c2ggPSB2b2lkIDA7XG4vLyBEZWNpZGUgd2hhdCBhc3luYyBtZXRob2QgdG8gdXNlIHRvIHRyaWdnZXJpbmcgcHJvY2Vzc2luZyBvZiBxdWV1ZWQgY2FsbGJhY2tzOlxuaWYgKGlzTm9kZSkge1xuICBzY2hlZHVsZUZsdXNoID0gdXNlTmV4dFRpY2soKTtcbn0gZWxzZSBpZiAoQnJvd3Nlck11dGF0aW9uT2JzZXJ2ZXIpIHtcbiAgc2NoZWR1bGVGbHVzaCA9IHVzZU11dGF0aW9uT2JzZXJ2ZXIoKTtcbn0gZWxzZSBpZiAoaXNXb3JrZXIpIHtcbiAgc2NoZWR1bGVGbHVzaCA9IHVzZU1lc3NhZ2VDaGFubmVsKCk7XG59IGVsc2UgaWYgKGJyb3dzZXJXaW5kb3cgPT09IHVuZGVmaW5lZCAmJiB0eXBlb2YgcmVxdWlyZSA9PT0gJ2Z1bmN0aW9uJykge1xuICBzY2hlZHVsZUZsdXNoID0gYXR0ZW1wdFZlcnR4KCk7XG59IGVsc2Uge1xuICBzY2hlZHVsZUZsdXNoID0gdXNlU2V0VGltZW91dCgpO1xufVxuXG5mdW5jdGlvbiB0aGVuKG9uRnVsZmlsbG1lbnQsIG9uUmVqZWN0aW9uKSB7XG4gIHZhciBwYXJlbnQgPSB0aGlzO1xuXG4gIHZhciBjaGlsZCA9IG5ldyB0aGlzLmNvbnN0cnVjdG9yKG5vb3ApO1xuXG4gIGlmIChjaGlsZFtQUk9NSVNFX0lEXSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgbWFrZVByb21pc2UoY2hpbGQpO1xuICB9XG5cbiAgdmFyIF9zdGF0ZSA9IHBhcmVudC5fc3RhdGU7XG5cblxuICBpZiAoX3N0YXRlKSB7XG4gICAgdmFyIGNhbGxiYWNrID0gYXJndW1lbnRzW19zdGF0ZSAtIDFdO1xuICAgIGFzYXAoZnVuY3Rpb24gKCkge1xuICAgICAgcmV0dXJuIGludm9rZUNhbGxiYWNrKF9zdGF0ZSwgY2hpbGQsIGNhbGxiYWNrLCBwYXJlbnQuX3Jlc3VsdCk7XG4gICAgfSk7XG4gIH0gZWxzZSB7XG4gICAgc3Vic2NyaWJlKHBhcmVudCwgY2hpbGQsIG9uRnVsZmlsbG1lbnQsIG9uUmVqZWN0aW9uKTtcbiAgfVxuXG4gIHJldHVybiBjaGlsZDtcbn1cblxuLyoqXG4gIGBQcm9taXNlLnJlc29sdmVgIHJldHVybnMgYSBwcm9taXNlIHRoYXQgd2lsbCBiZWNvbWUgcmVzb2x2ZWQgd2l0aCB0aGVcbiAgcGFzc2VkIGB2YWx1ZWAuIEl0IGlzIHNob3J0aGFuZCBmb3IgdGhlIGZvbGxvd2luZzpcblxuICBgYGBqYXZhc2NyaXB0XG4gIGxldCBwcm9taXNlID0gbmV3IFByb21pc2UoZnVuY3Rpb24ocmVzb2x2ZSwgcmVqZWN0KXtcbiAgICByZXNvbHZlKDEpO1xuICB9KTtcblxuICBwcm9taXNlLnRoZW4oZnVuY3Rpb24odmFsdWUpe1xuICAgIC8vIHZhbHVlID09PSAxXG4gIH0pO1xuICBgYGBcblxuICBJbnN0ZWFkIG9mIHdyaXRpbmcgdGhlIGFib3ZlLCB5b3VyIGNvZGUgbm93IHNpbXBseSBiZWNvbWVzIHRoZSBmb2xsb3dpbmc6XG5cbiAgYGBgamF2YXNjcmlwdFxuICBsZXQgcHJvbWlzZSA9IFByb21pc2UucmVzb2x2ZSgxKTtcblxuICBwcm9taXNlLnRoZW4oZnVuY3Rpb24odmFsdWUpe1xuICAgIC8vIHZhbHVlID09PSAxXG4gIH0pO1xuICBgYGBcblxuICBAbWV0aG9kIHJlc29sdmVcbiAgQHN0YXRpY1xuICBAcGFyYW0ge0FueX0gdmFsdWUgdmFsdWUgdGhhdCB0aGUgcmV0dXJuZWQgcHJvbWlzZSB3aWxsIGJlIHJlc29sdmVkIHdpdGhcbiAgVXNlZnVsIGZvciB0b29saW5nLlxuICBAcmV0dXJuIHtQcm9taXNlfSBhIHByb21pc2UgdGhhdCB3aWxsIGJlY29tZSBmdWxmaWxsZWQgd2l0aCB0aGUgZ2l2ZW5cbiAgYHZhbHVlYFxuKi9cbmZ1bmN0aW9uIHJlc29sdmUkMShvYmplY3QpIHtcbiAgLypqc2hpbnQgdmFsaWR0aGlzOnRydWUgKi9cbiAgdmFyIENvbnN0cnVjdG9yID0gdGhpcztcblxuICBpZiAob2JqZWN0ICYmIHR5cGVvZiBvYmplY3QgPT09ICdvYmplY3QnICYmIG9iamVjdC5jb25zdHJ1Y3RvciA9PT0gQ29uc3RydWN0b3IpIHtcbiAgICByZXR1cm4gb2JqZWN0O1xuICB9XG5cbiAgdmFyIHByb21pc2UgPSBuZXcgQ29uc3RydWN0b3Iobm9vcCk7XG4gIHJlc29sdmUocHJvbWlzZSwgb2JqZWN0KTtcbiAgcmV0dXJuIHByb21pc2U7XG59XG5cbnZhciBQUk9NSVNFX0lEID0gTWF0aC5yYW5kb20oKS50b1N0cmluZygzNikuc3Vic3RyaW5nKDIpO1xuXG5mdW5jdGlvbiBub29wKCkge31cblxudmFyIFBFTkRJTkcgPSB2b2lkIDA7XG52YXIgRlVMRklMTEVEID0gMTtcbnZhciBSRUpFQ1RFRCA9IDI7XG5cbmZ1bmN0aW9uIHNlbGZGdWxmaWxsbWVudCgpIHtcbiAgcmV0dXJuIG5ldyBUeXBlRXJyb3IoXCJZb3UgY2Fubm90IHJlc29sdmUgYSBwcm9taXNlIHdpdGggaXRzZWxmXCIpO1xufVxuXG5mdW5jdGlvbiBjYW5ub3RSZXR1cm5Pd24oKSB7XG4gIHJldHVybiBuZXcgVHlwZUVycm9yKCdBIHByb21pc2VzIGNhbGxiYWNrIGNhbm5vdCByZXR1cm4gdGhhdCBzYW1lIHByb21pc2UuJyk7XG59XG5cbmZ1bmN0aW9uIHRyeVRoZW4odGhlbiQkMSwgdmFsdWUsIGZ1bGZpbGxtZW50SGFuZGxlciwgcmVqZWN0aW9uSGFuZGxlcikge1xuICB0cnkge1xuICAgIHRoZW4kJDEuY2FsbCh2YWx1ZSwgZnVsZmlsbG1lbnRIYW5kbGVyLCByZWplY3Rpb25IYW5kbGVyKTtcbiAgfSBjYXRjaCAoZSkge1xuICAgIHJldHVybiBlO1xuICB9XG59XG5cbmZ1bmN0aW9uIGhhbmRsZUZvcmVpZ25UaGVuYWJsZShwcm9taXNlLCB0aGVuYWJsZSwgdGhlbiQkMSkge1xuICBhc2FwKGZ1bmN0aW9uIChwcm9taXNlKSB7XG4gICAgdmFyIHNlYWxlZCA9IGZhbHNlO1xuICAgIHZhciBlcnJvciA9IHRyeVRoZW4odGhlbiQkMSwgdGhlbmFibGUsIGZ1bmN0aW9uICh2YWx1ZSkge1xuICAgICAgaWYgKHNlYWxlZCkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICBzZWFsZWQgPSB0cnVlO1xuICAgICAgaWYgKHRoZW5hYmxlICE9PSB2YWx1ZSkge1xuICAgICAgICByZXNvbHZlKHByb21pc2UsIHZhbHVlKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGZ1bGZpbGwocHJvbWlzZSwgdmFsdWUpO1xuICAgICAgfVxuICAgIH0sIGZ1bmN0aW9uIChyZWFzb24pIHtcbiAgICAgIGlmIChzZWFsZWQpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgc2VhbGVkID0gdHJ1ZTtcblxuICAgICAgcmVqZWN0KHByb21pc2UsIHJlYXNvbik7XG4gICAgfSwgJ1NldHRsZTogJyArIChwcm9taXNlLl9sYWJlbCB8fCAnIHVua25vd24gcHJvbWlzZScpKTtcblxuICAgIGlmICghc2VhbGVkICYmIGVycm9yKSB7XG4gICAgICBzZWFsZWQgPSB0cnVlO1xuICAgICAgcmVqZWN0KHByb21pc2UsIGVycm9yKTtcbiAgICB9XG4gIH0sIHByb21pc2UpO1xufVxuXG5mdW5jdGlvbiBoYW5kbGVPd25UaGVuYWJsZShwcm9taXNlLCB0aGVuYWJsZSkge1xuICBpZiAodGhlbmFibGUuX3N0YXRlID09PSBGVUxGSUxMRUQpIHtcbiAgICBmdWxmaWxsKHByb21pc2UsIHRoZW5hYmxlLl9yZXN1bHQpO1xuICB9IGVsc2UgaWYgKHRoZW5hYmxlLl9zdGF0ZSA9PT0gUkVKRUNURUQpIHtcbiAgICByZWplY3QocHJvbWlzZSwgdGhlbmFibGUuX3Jlc3VsdCk7XG4gIH0gZWxzZSB7XG4gICAgc3Vic2NyaWJlKHRoZW5hYmxlLCB1bmRlZmluZWQsIGZ1bmN0aW9uICh2YWx1ZSkge1xuICAgICAgcmV0dXJuIHJlc29sdmUocHJvbWlzZSwgdmFsdWUpO1xuICAgIH0sIGZ1bmN0aW9uIChyZWFzb24pIHtcbiAgICAgIHJldHVybiByZWplY3QocHJvbWlzZSwgcmVhc29uKTtcbiAgICB9KTtcbiAgfVxufVxuXG5mdW5jdGlvbiBoYW5kbGVNYXliZVRoZW5hYmxlKHByb21pc2UsIG1heWJlVGhlbmFibGUsIHRoZW4kJDEpIHtcbiAgaWYgKG1heWJlVGhlbmFibGUuY29uc3RydWN0b3IgPT09IHByb21pc2UuY29uc3RydWN0b3IgJiYgdGhlbiQkMSA9PT0gdGhlbiAmJiBtYXliZVRoZW5hYmxlLmNvbnN0cnVjdG9yLnJlc29sdmUgPT09IHJlc29sdmUkMSkge1xuICAgIGhhbmRsZU93blRoZW5hYmxlKHByb21pc2UsIG1heWJlVGhlbmFibGUpO1xuICB9IGVsc2Uge1xuICAgIGlmICh0aGVuJCQxID09PSB1bmRlZmluZWQpIHtcbiAgICAgIGZ1bGZpbGwocHJvbWlzZSwgbWF5YmVUaGVuYWJsZSk7XG4gICAgfSBlbHNlIGlmIChpc0Z1bmN0aW9uKHRoZW4kJDEpKSB7XG4gICAgICBoYW5kbGVGb3JlaWduVGhlbmFibGUocHJvbWlzZSwgbWF5YmVUaGVuYWJsZSwgdGhlbiQkMSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIGZ1bGZpbGwocHJvbWlzZSwgbWF5YmVUaGVuYWJsZSk7XG4gICAgfVxuICB9XG59XG5cbmZ1bmN0aW9uIHJlc29sdmUocHJvbWlzZSwgdmFsdWUpIHtcbiAgaWYgKHByb21pc2UgPT09IHZhbHVlKSB7XG4gICAgcmVqZWN0KHByb21pc2UsIHNlbGZGdWxmaWxsbWVudCgpKTtcbiAgfSBlbHNlIGlmIChvYmplY3RPckZ1bmN0aW9uKHZhbHVlKSkge1xuICAgIHZhciB0aGVuJCQxID0gdm9pZCAwO1xuICAgIHRyeSB7XG4gICAgICB0aGVuJCQxID0gdmFsdWUudGhlbjtcbiAgICB9IGNhdGNoIChlcnJvcikge1xuICAgICAgcmVqZWN0KHByb21pc2UsIGVycm9yKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgaGFuZGxlTWF5YmVUaGVuYWJsZShwcm9taXNlLCB2YWx1ZSwgdGhlbiQkMSk7XG4gIH0gZWxzZSB7XG4gICAgZnVsZmlsbChwcm9taXNlLCB2YWx1ZSk7XG4gIH1cbn1cblxuZnVuY3Rpb24gcHVibGlzaFJlamVjdGlvbihwcm9taXNlKSB7XG4gIGlmIChwcm9taXNlLl9vbmVycm9yKSB7XG4gICAgcHJvbWlzZS5fb25lcnJvcihwcm9taXNlLl9yZXN1bHQpO1xuICB9XG5cbiAgcHVibGlzaChwcm9taXNlKTtcbn1cblxuZnVuY3Rpb24gZnVsZmlsbChwcm9taXNlLCB2YWx1ZSkge1xuICBpZiAocHJvbWlzZS5fc3RhdGUgIT09IFBFTkRJTkcpIHtcbiAgICByZXR1cm47XG4gIH1cblxuICBwcm9taXNlLl9yZXN1bHQgPSB2YWx1ZTtcbiAgcHJvbWlzZS5fc3RhdGUgPSBGVUxGSUxMRUQ7XG5cbiAgaWYgKHByb21pc2UuX3N1YnNjcmliZXJzLmxlbmd0aCAhPT0gMCkge1xuICAgIGFzYXAocHVibGlzaCwgcHJvbWlzZSk7XG4gIH1cbn1cblxuZnVuY3Rpb24gcmVqZWN0KHByb21pc2UsIHJlYXNvbikge1xuICBpZiAocHJvbWlzZS5fc3RhdGUgIT09IFBFTkRJTkcpIHtcbiAgICByZXR1cm47XG4gIH1cbiAgcHJvbWlzZS5fc3RhdGUgPSBSRUpFQ1RFRDtcbiAgcHJvbWlzZS5fcmVzdWx0ID0gcmVhc29uO1xuXG4gIGFzYXAocHVibGlzaFJlamVjdGlvbiwgcHJvbWlzZSk7XG59XG5cbmZ1bmN0aW9uIHN1YnNjcmliZShwYXJlbnQsIGNoaWxkLCBvbkZ1bGZpbGxtZW50LCBvblJlamVjdGlvbikge1xuICB2YXIgX3N1YnNjcmliZXJzID0gcGFyZW50Ll9zdWJzY3JpYmVycztcbiAgdmFyIGxlbmd0aCA9IF9zdWJzY3JpYmVycy5sZW5ndGg7XG5cblxuICBwYXJlbnQuX29uZXJyb3IgPSBudWxsO1xuXG4gIF9zdWJzY3JpYmVyc1tsZW5ndGhdID0gY2hpbGQ7XG4gIF9zdWJzY3JpYmVyc1tsZW5ndGggKyBGVUxGSUxMRURdID0gb25GdWxmaWxsbWVudDtcbiAgX3N1YnNjcmliZXJzW2xlbmd0aCArIFJFSkVDVEVEXSA9IG9uUmVqZWN0aW9uO1xuXG4gIGlmIChsZW5ndGggPT09IDAgJiYgcGFyZW50Ll9zdGF0ZSkge1xuICAgIGFzYXAocHVibGlzaCwgcGFyZW50KTtcbiAgfVxufVxuXG5mdW5jdGlvbiBwdWJsaXNoKHByb21pc2UpIHtcbiAgdmFyIHN1YnNjcmliZXJzID0gcHJvbWlzZS5fc3Vic2NyaWJlcnM7XG4gIHZhciBzZXR0bGVkID0gcHJvbWlzZS5fc3RhdGU7XG5cbiAgaWYgKHN1YnNjcmliZXJzLmxlbmd0aCA9PT0gMCkge1xuICAgIHJldHVybjtcbiAgfVxuXG4gIHZhciBjaGlsZCA9IHZvaWQgMCxcbiAgICAgIGNhbGxiYWNrID0gdm9pZCAwLFxuICAgICAgZGV0YWlsID0gcHJvbWlzZS5fcmVzdWx0O1xuXG4gIGZvciAodmFyIGkgPSAwOyBpIDwgc3Vic2NyaWJlcnMubGVuZ3RoOyBpICs9IDMpIHtcbiAgICBjaGlsZCA9IHN1YnNjcmliZXJzW2ldO1xuICAgIGNhbGxiYWNrID0gc3Vic2NyaWJlcnNbaSArIHNldHRsZWRdO1xuXG4gICAgaWYgKGNoaWxkKSB7XG4gICAgICBpbnZva2VDYWxsYmFjayhzZXR0bGVkLCBjaGlsZCwgY2FsbGJhY2ssIGRldGFpbCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIGNhbGxiYWNrKGRldGFpbCk7XG4gICAgfVxuICB9XG5cbiAgcHJvbWlzZS5fc3Vic2NyaWJlcnMubGVuZ3RoID0gMDtcbn1cblxuZnVuY3Rpb24gaW52b2tlQ2FsbGJhY2soc2V0dGxlZCwgcHJvbWlzZSwgY2FsbGJhY2ssIGRldGFpbCkge1xuICB2YXIgaGFzQ2FsbGJhY2sgPSBpc0Z1bmN0aW9uKGNhbGxiYWNrKSxcbiAgICAgIHZhbHVlID0gdm9pZCAwLFxuICAgICAgZXJyb3IgPSB2b2lkIDAsXG4gICAgICBzdWNjZWVkZWQgPSB0cnVlO1xuXG4gIGlmIChoYXNDYWxsYmFjaykge1xuICAgIHRyeSB7XG4gICAgICB2YWx1ZSA9IGNhbGxiYWNrKGRldGFpbCk7XG4gICAgfSBjYXRjaCAoZSkge1xuICAgICAgc3VjY2VlZGVkID0gZmFsc2U7XG4gICAgICBlcnJvciA9IGU7XG4gICAgfVxuXG4gICAgaWYgKHByb21pc2UgPT09IHZhbHVlKSB7XG4gICAgICByZWplY3QocHJvbWlzZSwgY2Fubm90UmV0dXJuT3duKCkpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgfSBlbHNlIHtcbiAgICB2YWx1ZSA9IGRldGFpbDtcbiAgfVxuXG4gIGlmIChwcm9taXNlLl9zdGF0ZSAhPT0gUEVORElORykge1xuICAgIC8vIG5vb3BcbiAgfSBlbHNlIGlmIChoYXNDYWxsYmFjayAmJiBzdWNjZWVkZWQpIHtcbiAgICByZXNvbHZlKHByb21pc2UsIHZhbHVlKTtcbiAgfSBlbHNlIGlmIChzdWNjZWVkZWQgPT09IGZhbHNlKSB7XG4gICAgcmVqZWN0KHByb21pc2UsIGVycm9yKTtcbiAgfSBlbHNlIGlmIChzZXR0bGVkID09PSBGVUxGSUxMRUQpIHtcbiAgICBmdWxmaWxsKHByb21pc2UsIHZhbHVlKTtcbiAgfSBlbHNlIGlmIChzZXR0bGVkID09PSBSRUpFQ1RFRCkge1xuICAgIHJlamVjdChwcm9taXNlLCB2YWx1ZSk7XG4gIH1cbn1cblxuZnVuY3Rpb24gaW5pdGlhbGl6ZVByb21pc2UocHJvbWlzZSwgcmVzb2x2ZXIpIHtcbiAgdHJ5IHtcbiAgICByZXNvbHZlcihmdW5jdGlvbiByZXNvbHZlUHJvbWlzZSh2YWx1ZSkge1xuICAgICAgcmVzb2x2ZShwcm9taXNlLCB2YWx1ZSk7XG4gICAgfSwgZnVuY3Rpb24gcmVqZWN0UHJvbWlzZShyZWFzb24pIHtcbiAgICAgIHJlamVjdChwcm9taXNlLCByZWFzb24pO1xuICAgIH0pO1xuICB9IGNhdGNoIChlKSB7XG4gICAgcmVqZWN0KHByb21pc2UsIGUpO1xuICB9XG59XG5cbnZhciBpZCA9IDA7XG5mdW5jdGlvbiBuZXh0SWQoKSB7XG4gIHJldHVybiBpZCsrO1xufVxuXG5mdW5jdGlvbiBtYWtlUHJvbWlzZShwcm9taXNlKSB7XG4gIHByb21pc2VbUFJPTUlTRV9JRF0gPSBpZCsrO1xuICBwcm9taXNlLl9zdGF0ZSA9IHVuZGVmaW5lZDtcbiAgcHJvbWlzZS5fcmVzdWx0ID0gdW5kZWZpbmVkO1xuICBwcm9taXNlLl9zdWJzY3JpYmVycyA9IFtdO1xufVxuXG5mdW5jdGlvbiB2YWxpZGF0aW9uRXJyb3IoKSB7XG4gIHJldHVybiBuZXcgRXJyb3IoJ0FycmF5IE1ldGhvZHMgbXVzdCBiZSBwcm92aWRlZCBhbiBBcnJheScpO1xufVxuXG52YXIgRW51bWVyYXRvciA9IGZ1bmN0aW9uICgpIHtcbiAgZnVuY3Rpb24gRW51bWVyYXRvcihDb25zdHJ1Y3RvciwgaW5wdXQpIHtcbiAgICB0aGlzLl9pbnN0YW5jZUNvbnN0cnVjdG9yID0gQ29uc3RydWN0b3I7XG4gICAgdGhpcy5wcm9taXNlID0gbmV3IENvbnN0cnVjdG9yKG5vb3ApO1xuXG4gICAgaWYgKCF0aGlzLnByb21pc2VbUFJPTUlTRV9JRF0pIHtcbiAgICAgIG1ha2VQcm9taXNlKHRoaXMucHJvbWlzZSk7XG4gICAgfVxuXG4gICAgaWYgKGlzQXJyYXkoaW5wdXQpKSB7XG4gICAgICB0aGlzLmxlbmd0aCA9IGlucHV0Lmxlbmd0aDtcbiAgICAgIHRoaXMuX3JlbWFpbmluZyA9IGlucHV0Lmxlbmd0aDtcblxuICAgICAgdGhpcy5fcmVzdWx0ID0gbmV3IEFycmF5KHRoaXMubGVuZ3RoKTtcblxuICAgICAgaWYgKHRoaXMubGVuZ3RoID09PSAwKSB7XG4gICAgICAgIGZ1bGZpbGwodGhpcy5wcm9taXNlLCB0aGlzLl9yZXN1bHQpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5sZW5ndGggPSB0aGlzLmxlbmd0aCB8fCAwO1xuICAgICAgICB0aGlzLl9lbnVtZXJhdGUoaW5wdXQpO1xuICAgICAgICBpZiAodGhpcy5fcmVtYWluaW5nID09PSAwKSB7XG4gICAgICAgICAgZnVsZmlsbCh0aGlzLnByb21pc2UsIHRoaXMuX3Jlc3VsdCk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgcmVqZWN0KHRoaXMucHJvbWlzZSwgdmFsaWRhdGlvbkVycm9yKCkpO1xuICAgIH1cbiAgfVxuXG4gIEVudW1lcmF0b3IucHJvdG90eXBlLl9lbnVtZXJhdGUgPSBmdW5jdGlvbiBfZW51bWVyYXRlKGlucHV0KSB7XG4gICAgZm9yICh2YXIgaSA9IDA7IHRoaXMuX3N0YXRlID09PSBQRU5ESU5HICYmIGkgPCBpbnB1dC5sZW5ndGg7IGkrKykge1xuICAgICAgdGhpcy5fZWFjaEVudHJ5KGlucHV0W2ldLCBpKTtcbiAgICB9XG4gIH07XG5cbiAgRW51bWVyYXRvci5wcm90b3R5cGUuX2VhY2hFbnRyeSA9IGZ1bmN0aW9uIF9lYWNoRW50cnkoZW50cnksIGkpIHtcbiAgICB2YXIgYyA9IHRoaXMuX2luc3RhbmNlQ29uc3RydWN0b3I7XG4gICAgdmFyIHJlc29sdmUkJDEgPSBjLnJlc29sdmU7XG5cblxuICAgIGlmIChyZXNvbHZlJCQxID09PSByZXNvbHZlJDEpIHtcbiAgICAgIHZhciBfdGhlbiA9IHZvaWQgMDtcbiAgICAgIHZhciBlcnJvciA9IHZvaWQgMDtcbiAgICAgIHZhciBkaWRFcnJvciA9IGZhbHNlO1xuICAgICAgdHJ5IHtcbiAgICAgICAgX3RoZW4gPSBlbnRyeS50aGVuO1xuICAgICAgfSBjYXRjaCAoZSkge1xuICAgICAgICBkaWRFcnJvciA9IHRydWU7XG4gICAgICAgIGVycm9yID0gZTtcbiAgICAgIH1cblxuICAgICAgaWYgKF90aGVuID09PSB0aGVuICYmIGVudHJ5Ll9zdGF0ZSAhPT0gUEVORElORykge1xuICAgICAgICB0aGlzLl9zZXR0bGVkQXQoZW50cnkuX3N0YXRlLCBpLCBlbnRyeS5fcmVzdWx0KTtcbiAgICAgIH0gZWxzZSBpZiAodHlwZW9mIF90aGVuICE9PSAnZnVuY3Rpb24nKSB7XG4gICAgICAgIHRoaXMuX3JlbWFpbmluZy0tO1xuICAgICAgICB0aGlzLl9yZXN1bHRbaV0gPSBlbnRyeTtcbiAgICAgIH0gZWxzZSBpZiAoYyA9PT0gUHJvbWlzZSQxKSB7XG4gICAgICAgIHZhciBwcm9taXNlID0gbmV3IGMobm9vcCk7XG4gICAgICAgIGlmIChkaWRFcnJvcikge1xuICAgICAgICAgIHJlamVjdChwcm9taXNlLCBlcnJvcik7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgaGFuZGxlTWF5YmVUaGVuYWJsZShwcm9taXNlLCBlbnRyeSwgX3RoZW4pO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuX3dpbGxTZXR0bGVBdChwcm9taXNlLCBpKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMuX3dpbGxTZXR0bGVBdChuZXcgYyhmdW5jdGlvbiAocmVzb2x2ZSQkMSkge1xuICAgICAgICAgIHJldHVybiByZXNvbHZlJCQxKGVudHJ5KTtcbiAgICAgICAgfSksIGkpO1xuICAgICAgfVxuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLl93aWxsU2V0dGxlQXQocmVzb2x2ZSQkMShlbnRyeSksIGkpO1xuICAgIH1cbiAgfTtcblxuICBFbnVtZXJhdG9yLnByb3RvdHlwZS5fc2V0dGxlZEF0ID0gZnVuY3Rpb24gX3NldHRsZWRBdChzdGF0ZSwgaSwgdmFsdWUpIHtcbiAgICB2YXIgcHJvbWlzZSA9IHRoaXMucHJvbWlzZTtcblxuXG4gICAgaWYgKHByb21pc2UuX3N0YXRlID09PSBQRU5ESU5HKSB7XG4gICAgICB0aGlzLl9yZW1haW5pbmctLTtcblxuICAgICAgaWYgKHN0YXRlID09PSBSRUpFQ1RFRCkge1xuICAgICAgICByZWplY3QocHJvbWlzZSwgdmFsdWUpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5fcmVzdWx0W2ldID0gdmFsdWU7XG4gICAgICB9XG4gICAgfVxuXG4gICAgaWYgKHRoaXMuX3JlbWFpbmluZyA9PT0gMCkge1xuICAgICAgZnVsZmlsbChwcm9taXNlLCB0aGlzLl9yZXN1bHQpO1xuICAgIH1cbiAgfTtcblxuICBFbnVtZXJhdG9yLnByb3RvdHlwZS5fd2lsbFNldHRsZUF0ID0gZnVuY3Rpb24gX3dpbGxTZXR0bGVBdChwcm9taXNlLCBpKSB7XG4gICAgdmFyIGVudW1lcmF0b3IgPSB0aGlzO1xuXG4gICAgc3Vic2NyaWJlKHByb21pc2UsIHVuZGVmaW5lZCwgZnVuY3Rpb24gKHZhbHVlKSB7XG4gICAgICByZXR1cm4gZW51bWVyYXRvci5fc2V0dGxlZEF0KEZVTEZJTExFRCwgaSwgdmFsdWUpO1xuICAgIH0sIGZ1bmN0aW9uIChyZWFzb24pIHtcbiAgICAgIHJldHVybiBlbnVtZXJhdG9yLl9zZXR0bGVkQXQoUkVKRUNURUQsIGksIHJlYXNvbik7XG4gICAgfSk7XG4gIH07XG5cbiAgcmV0dXJuIEVudW1lcmF0b3I7XG59KCk7XG5cbi8qKlxuICBgUHJvbWlzZS5hbGxgIGFjY2VwdHMgYW4gYXJyYXkgb2YgcHJvbWlzZXMsIGFuZCByZXR1cm5zIGEgbmV3IHByb21pc2Ugd2hpY2hcbiAgaXMgZnVsZmlsbGVkIHdpdGggYW4gYXJyYXkgb2YgZnVsZmlsbG1lbnQgdmFsdWVzIGZvciB0aGUgcGFzc2VkIHByb21pc2VzLCBvclxuICByZWplY3RlZCB3aXRoIHRoZSByZWFzb24gb2YgdGhlIGZpcnN0IHBhc3NlZCBwcm9taXNlIHRvIGJlIHJlamVjdGVkLiBJdCBjYXN0cyBhbGxcbiAgZWxlbWVudHMgb2YgdGhlIHBhc3NlZCBpdGVyYWJsZSB0byBwcm9taXNlcyBhcyBpdCBydW5zIHRoaXMgYWxnb3JpdGhtLlxuXG4gIEV4YW1wbGU6XG5cbiAgYGBgamF2YXNjcmlwdFxuICBsZXQgcHJvbWlzZTEgPSByZXNvbHZlKDEpO1xuICBsZXQgcHJvbWlzZTIgPSByZXNvbHZlKDIpO1xuICBsZXQgcHJvbWlzZTMgPSByZXNvbHZlKDMpO1xuICBsZXQgcHJvbWlzZXMgPSBbIHByb21pc2UxLCBwcm9taXNlMiwgcHJvbWlzZTMgXTtcblxuICBQcm9taXNlLmFsbChwcm9taXNlcykudGhlbihmdW5jdGlvbihhcnJheSl7XG4gICAgLy8gVGhlIGFycmF5IGhlcmUgd291bGQgYmUgWyAxLCAyLCAzIF07XG4gIH0pO1xuICBgYGBcblxuICBJZiBhbnkgb2YgdGhlIGBwcm9taXNlc2AgZ2l2ZW4gdG8gYGFsbGAgYXJlIHJlamVjdGVkLCB0aGUgZmlyc3QgcHJvbWlzZVxuICB0aGF0IGlzIHJlamVjdGVkIHdpbGwgYmUgZ2l2ZW4gYXMgYW4gYXJndW1lbnQgdG8gdGhlIHJldHVybmVkIHByb21pc2VzJ3NcbiAgcmVqZWN0aW9uIGhhbmRsZXIuIEZvciBleGFtcGxlOlxuXG4gIEV4YW1wbGU6XG5cbiAgYGBgamF2YXNjcmlwdFxuICBsZXQgcHJvbWlzZTEgPSByZXNvbHZlKDEpO1xuICBsZXQgcHJvbWlzZTIgPSByZWplY3QobmV3IEVycm9yKFwiMlwiKSk7XG4gIGxldCBwcm9taXNlMyA9IHJlamVjdChuZXcgRXJyb3IoXCIzXCIpKTtcbiAgbGV0IHByb21pc2VzID0gWyBwcm9taXNlMSwgcHJvbWlzZTIsIHByb21pc2UzIF07XG5cbiAgUHJvbWlzZS5hbGwocHJvbWlzZXMpLnRoZW4oZnVuY3Rpb24oYXJyYXkpe1xuICAgIC8vIENvZGUgaGVyZSBuZXZlciBydW5zIGJlY2F1c2UgdGhlcmUgYXJlIHJlamVjdGVkIHByb21pc2VzIVxuICB9LCBmdW5jdGlvbihlcnJvcikge1xuICAgIC8vIGVycm9yLm1lc3NhZ2UgPT09IFwiMlwiXG4gIH0pO1xuICBgYGBcblxuICBAbWV0aG9kIGFsbFxuICBAc3RhdGljXG4gIEBwYXJhbSB7QXJyYXl9IGVudHJpZXMgYXJyYXkgb2YgcHJvbWlzZXNcbiAgQHBhcmFtIHtTdHJpbmd9IGxhYmVsIG9wdGlvbmFsIHN0cmluZyBmb3IgbGFiZWxpbmcgdGhlIHByb21pc2UuXG4gIFVzZWZ1bCBmb3IgdG9vbGluZy5cbiAgQHJldHVybiB7UHJvbWlzZX0gcHJvbWlzZSB0aGF0IGlzIGZ1bGZpbGxlZCB3aGVuIGFsbCBgcHJvbWlzZXNgIGhhdmUgYmVlblxuICBmdWxmaWxsZWQsIG9yIHJlamVjdGVkIGlmIGFueSBvZiB0aGVtIGJlY29tZSByZWplY3RlZC5cbiAgQHN0YXRpY1xuKi9cbmZ1bmN0aW9uIGFsbChlbnRyaWVzKSB7XG4gIHJldHVybiBuZXcgRW51bWVyYXRvcih0aGlzLCBlbnRyaWVzKS5wcm9taXNlO1xufVxuXG4vKipcbiAgYFByb21pc2UucmFjZWAgcmV0dXJucyBhIG5ldyBwcm9taXNlIHdoaWNoIGlzIHNldHRsZWQgaW4gdGhlIHNhbWUgd2F5IGFzIHRoZVxuICBmaXJzdCBwYXNzZWQgcHJvbWlzZSB0byBzZXR0bGUuXG5cbiAgRXhhbXBsZTpcblxuICBgYGBqYXZhc2NyaXB0XG4gIGxldCBwcm9taXNlMSA9IG5ldyBQcm9taXNlKGZ1bmN0aW9uKHJlc29sdmUsIHJlamVjdCl7XG4gICAgc2V0VGltZW91dChmdW5jdGlvbigpe1xuICAgICAgcmVzb2x2ZSgncHJvbWlzZSAxJyk7XG4gICAgfSwgMjAwKTtcbiAgfSk7XG5cbiAgbGV0IHByb21pc2UyID0gbmV3IFByb21pc2UoZnVuY3Rpb24ocmVzb2x2ZSwgcmVqZWN0KXtcbiAgICBzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7XG4gICAgICByZXNvbHZlKCdwcm9taXNlIDInKTtcbiAgICB9LCAxMDApO1xuICB9KTtcblxuICBQcm9taXNlLnJhY2UoW3Byb21pc2UxLCBwcm9taXNlMl0pLnRoZW4oZnVuY3Rpb24ocmVzdWx0KXtcbiAgICAvLyByZXN1bHQgPT09ICdwcm9taXNlIDInIGJlY2F1c2UgaXQgd2FzIHJlc29sdmVkIGJlZm9yZSBwcm9taXNlMVxuICAgIC8vIHdhcyByZXNvbHZlZC5cbiAgfSk7XG4gIGBgYFxuXG4gIGBQcm9taXNlLnJhY2VgIGlzIGRldGVybWluaXN0aWMgaW4gdGhhdCBvbmx5IHRoZSBzdGF0ZSBvZiB0aGUgZmlyc3RcbiAgc2V0dGxlZCBwcm9taXNlIG1hdHRlcnMuIEZvciBleGFtcGxlLCBldmVuIGlmIG90aGVyIHByb21pc2VzIGdpdmVuIHRvIHRoZVxuICBgcHJvbWlzZXNgIGFycmF5IGFyZ3VtZW50IGFyZSByZXNvbHZlZCwgYnV0IHRoZSBmaXJzdCBzZXR0bGVkIHByb21pc2UgaGFzXG4gIGJlY29tZSByZWplY3RlZCBiZWZvcmUgdGhlIG90aGVyIHByb21pc2VzIGJlY2FtZSBmdWxmaWxsZWQsIHRoZSByZXR1cm5lZFxuICBwcm9taXNlIHdpbGwgYmVjb21lIHJlamVjdGVkOlxuXG4gIGBgYGphdmFzY3JpcHRcbiAgbGV0IHByb21pc2UxID0gbmV3IFByb21pc2UoZnVuY3Rpb24ocmVzb2x2ZSwgcmVqZWN0KXtcbiAgICBzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7XG4gICAgICByZXNvbHZlKCdwcm9taXNlIDEnKTtcbiAgICB9LCAyMDApO1xuICB9KTtcblxuICBsZXQgcHJvbWlzZTIgPSBuZXcgUHJvbWlzZShmdW5jdGlvbihyZXNvbHZlLCByZWplY3Qpe1xuICAgIHNldFRpbWVvdXQoZnVuY3Rpb24oKXtcbiAgICAgIHJlamVjdChuZXcgRXJyb3IoJ3Byb21pc2UgMicpKTtcbiAgICB9LCAxMDApO1xuICB9KTtcblxuICBQcm9taXNlLnJhY2UoW3Byb21pc2UxLCBwcm9taXNlMl0pLnRoZW4oZnVuY3Rpb24ocmVzdWx0KXtcbiAgICAvLyBDb2RlIGhlcmUgbmV2ZXIgcnVuc1xuICB9LCBmdW5jdGlvbihyZWFzb24pe1xuICAgIC8vIHJlYXNvbi5tZXNzYWdlID09PSAncHJvbWlzZSAyJyBiZWNhdXNlIHByb21pc2UgMiBiZWNhbWUgcmVqZWN0ZWQgYmVmb3JlXG4gICAgLy8gcHJvbWlzZSAxIGJlY2FtZSBmdWxmaWxsZWRcbiAgfSk7XG4gIGBgYFxuXG4gIEFuIGV4YW1wbGUgcmVhbC13b3JsZCB1c2UgY2FzZSBpcyBpbXBsZW1lbnRpbmcgdGltZW91dHM6XG5cbiAgYGBgamF2YXNjcmlwdFxuICBQcm9taXNlLnJhY2UoW2FqYXgoJ2Zvby5qc29uJyksIHRpbWVvdXQoNTAwMCldKVxuICBgYGBcblxuICBAbWV0aG9kIHJhY2VcbiAgQHN0YXRpY1xuICBAcGFyYW0ge0FycmF5fSBwcm9taXNlcyBhcnJheSBvZiBwcm9taXNlcyB0byBvYnNlcnZlXG4gIFVzZWZ1bCBmb3IgdG9vbGluZy5cbiAgQHJldHVybiB7UHJvbWlzZX0gYSBwcm9taXNlIHdoaWNoIHNldHRsZXMgaW4gdGhlIHNhbWUgd2F5IGFzIHRoZSBmaXJzdCBwYXNzZWRcbiAgcHJvbWlzZSB0byBzZXR0bGUuXG4qL1xuZnVuY3Rpb24gcmFjZShlbnRyaWVzKSB7XG4gIC8qanNoaW50IHZhbGlkdGhpczp0cnVlICovXG4gIHZhciBDb25zdHJ1Y3RvciA9IHRoaXM7XG5cbiAgaWYgKCFpc0FycmF5KGVudHJpZXMpKSB7XG4gICAgcmV0dXJuIG5ldyBDb25zdHJ1Y3RvcihmdW5jdGlvbiAoXywgcmVqZWN0KSB7XG4gICAgICByZXR1cm4gcmVqZWN0KG5ldyBUeXBlRXJyb3IoJ1lvdSBtdXN0IHBhc3MgYW4gYXJyYXkgdG8gcmFjZS4nKSk7XG4gICAgfSk7XG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIG5ldyBDb25zdHJ1Y3RvcihmdW5jdGlvbiAocmVzb2x2ZSwgcmVqZWN0KSB7XG4gICAgICB2YXIgbGVuZ3RoID0gZW50cmllcy5sZW5ndGg7XG4gICAgICBmb3IgKHZhciBpID0gMDsgaSA8IGxlbmd0aDsgaSsrKSB7XG4gICAgICAgIENvbnN0cnVjdG9yLnJlc29sdmUoZW50cmllc1tpXSkudGhlbihyZXNvbHZlLCByZWplY3QpO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG59XG5cbi8qKlxuICBgUHJvbWlzZS5yZWplY3RgIHJldHVybnMgYSBwcm9taXNlIHJlamVjdGVkIHdpdGggdGhlIHBhc3NlZCBgcmVhc29uYC5cbiAgSXQgaXMgc2hvcnRoYW5kIGZvciB0aGUgZm9sbG93aW5nOlxuXG4gIGBgYGphdmFzY3JpcHRcbiAgbGV0IHByb21pc2UgPSBuZXcgUHJvbWlzZShmdW5jdGlvbihyZXNvbHZlLCByZWplY3Qpe1xuICAgIHJlamVjdChuZXcgRXJyb3IoJ1dIT09QUycpKTtcbiAgfSk7XG5cbiAgcHJvbWlzZS50aGVuKGZ1bmN0aW9uKHZhbHVlKXtcbiAgICAvLyBDb2RlIGhlcmUgZG9lc24ndCBydW4gYmVjYXVzZSB0aGUgcHJvbWlzZSBpcyByZWplY3RlZCFcbiAgfSwgZnVuY3Rpb24ocmVhc29uKXtcbiAgICAvLyByZWFzb24ubWVzc2FnZSA9PT0gJ1dIT09QUydcbiAgfSk7XG4gIGBgYFxuXG4gIEluc3RlYWQgb2Ygd3JpdGluZyB0aGUgYWJvdmUsIHlvdXIgY29kZSBub3cgc2ltcGx5IGJlY29tZXMgdGhlIGZvbGxvd2luZzpcblxuICBgYGBqYXZhc2NyaXB0XG4gIGxldCBwcm9taXNlID0gUHJvbWlzZS5yZWplY3QobmV3IEVycm9yKCdXSE9PUFMnKSk7XG5cbiAgcHJvbWlzZS50aGVuKGZ1bmN0aW9uKHZhbHVlKXtcbiAgICAvLyBDb2RlIGhlcmUgZG9lc24ndCBydW4gYmVjYXVzZSB0aGUgcHJvbWlzZSBpcyByZWplY3RlZCFcbiAgfSwgZnVuY3Rpb24ocmVhc29uKXtcbiAgICAvLyByZWFzb24ubWVzc2FnZSA9PT0gJ1dIT09QUydcbiAgfSk7XG4gIGBgYFxuXG4gIEBtZXRob2QgcmVqZWN0XG4gIEBzdGF0aWNcbiAgQHBhcmFtIHtBbnl9IHJlYXNvbiB2YWx1ZSB0aGF0IHRoZSByZXR1cm5lZCBwcm9taXNlIHdpbGwgYmUgcmVqZWN0ZWQgd2l0aC5cbiAgVXNlZnVsIGZvciB0b29saW5nLlxuICBAcmV0dXJuIHtQcm9taXNlfSBhIHByb21pc2UgcmVqZWN0ZWQgd2l0aCB0aGUgZ2l2ZW4gYHJlYXNvbmAuXG4qL1xuZnVuY3Rpb24gcmVqZWN0JDEocmVhc29uKSB7XG4gIC8qanNoaW50IHZhbGlkdGhpczp0cnVlICovXG4gIHZhciBDb25zdHJ1Y3RvciA9IHRoaXM7XG4gIHZhciBwcm9taXNlID0gbmV3IENvbnN0cnVjdG9yKG5vb3ApO1xuICByZWplY3QocHJvbWlzZSwgcmVhc29uKTtcbiAgcmV0dXJuIHByb21pc2U7XG59XG5cbmZ1bmN0aW9uIG5lZWRzUmVzb2x2ZXIoKSB7XG4gIHRocm93IG5ldyBUeXBlRXJyb3IoJ1lvdSBtdXN0IHBhc3MgYSByZXNvbHZlciBmdW5jdGlvbiBhcyB0aGUgZmlyc3QgYXJndW1lbnQgdG8gdGhlIHByb21pc2UgY29uc3RydWN0b3InKTtcbn1cblxuZnVuY3Rpb24gbmVlZHNOZXcoKSB7XG4gIHRocm93IG5ldyBUeXBlRXJyb3IoXCJGYWlsZWQgdG8gY29uc3RydWN0ICdQcm9taXNlJzogUGxlYXNlIHVzZSB0aGUgJ25ldycgb3BlcmF0b3IsIHRoaXMgb2JqZWN0IGNvbnN0cnVjdG9yIGNhbm5vdCBiZSBjYWxsZWQgYXMgYSBmdW5jdGlvbi5cIik7XG59XG5cbi8qKlxuICBQcm9taXNlIG9iamVjdHMgcmVwcmVzZW50IHRoZSBldmVudHVhbCByZXN1bHQgb2YgYW4gYXN5bmNocm9ub3VzIG9wZXJhdGlvbi4gVGhlXG4gIHByaW1hcnkgd2F5IG9mIGludGVyYWN0aW5nIHdpdGggYSBwcm9taXNlIGlzIHRocm91Z2ggaXRzIGB0aGVuYCBtZXRob2QsIHdoaWNoXG4gIHJlZ2lzdGVycyBjYWxsYmFja3MgdG8gcmVjZWl2ZSBlaXRoZXIgYSBwcm9taXNlJ3MgZXZlbnR1YWwgdmFsdWUgb3IgdGhlIHJlYXNvblxuICB3aHkgdGhlIHByb21pc2UgY2Fubm90IGJlIGZ1bGZpbGxlZC5cblxuICBUZXJtaW5vbG9neVxuICAtLS0tLS0tLS0tLVxuXG4gIC0gYHByb21pc2VgIGlzIGFuIG9iamVjdCBvciBmdW5jdGlvbiB3aXRoIGEgYHRoZW5gIG1ldGhvZCB3aG9zZSBiZWhhdmlvciBjb25mb3JtcyB0byB0aGlzIHNwZWNpZmljYXRpb24uXG4gIC0gYHRoZW5hYmxlYCBpcyBhbiBvYmplY3Qgb3IgZnVuY3Rpb24gdGhhdCBkZWZpbmVzIGEgYHRoZW5gIG1ldGhvZC5cbiAgLSBgdmFsdWVgIGlzIGFueSBsZWdhbCBKYXZhU2NyaXB0IHZhbHVlIChpbmNsdWRpbmcgdW5kZWZpbmVkLCBhIHRoZW5hYmxlLCBvciBhIHByb21pc2UpLlxuICAtIGBleGNlcHRpb25gIGlzIGEgdmFsdWUgdGhhdCBpcyB0aHJvd24gdXNpbmcgdGhlIHRocm93IHN0YXRlbWVudC5cbiAgLSBgcmVhc29uYCBpcyBhIHZhbHVlIHRoYXQgaW5kaWNhdGVzIHdoeSBhIHByb21pc2Ugd2FzIHJlamVjdGVkLlxuICAtIGBzZXR0bGVkYCB0aGUgZmluYWwgcmVzdGluZyBzdGF0ZSBvZiBhIHByb21pc2UsIGZ1bGZpbGxlZCBvciByZWplY3RlZC5cblxuICBBIHByb21pc2UgY2FuIGJlIGluIG9uZSBvZiB0aHJlZSBzdGF0ZXM6IHBlbmRpbmcsIGZ1bGZpbGxlZCwgb3IgcmVqZWN0ZWQuXG5cbiAgUHJvbWlzZXMgdGhhdCBhcmUgZnVsZmlsbGVkIGhhdmUgYSBmdWxmaWxsbWVudCB2YWx1ZSBhbmQgYXJlIGluIHRoZSBmdWxmaWxsZWRcbiAgc3RhdGUuICBQcm9taXNlcyB0aGF0IGFyZSByZWplY3RlZCBoYXZlIGEgcmVqZWN0aW9uIHJlYXNvbiBhbmQgYXJlIGluIHRoZVxuICByZWplY3RlZCBzdGF0ZS4gIEEgZnVsZmlsbG1lbnQgdmFsdWUgaXMgbmV2ZXIgYSB0aGVuYWJsZS5cblxuICBQcm9taXNlcyBjYW4gYWxzbyBiZSBzYWlkIHRvICpyZXNvbHZlKiBhIHZhbHVlLiAgSWYgdGhpcyB2YWx1ZSBpcyBhbHNvIGFcbiAgcHJvbWlzZSwgdGhlbiB0aGUgb3JpZ2luYWwgcHJvbWlzZSdzIHNldHRsZWQgc3RhdGUgd2lsbCBtYXRjaCB0aGUgdmFsdWUnc1xuICBzZXR0bGVkIHN0YXRlLiAgU28gYSBwcm9taXNlIHRoYXQgKnJlc29sdmVzKiBhIHByb21pc2UgdGhhdCByZWplY3RzIHdpbGxcbiAgaXRzZWxmIHJlamVjdCwgYW5kIGEgcHJvbWlzZSB0aGF0ICpyZXNvbHZlcyogYSBwcm9taXNlIHRoYXQgZnVsZmlsbHMgd2lsbFxuICBpdHNlbGYgZnVsZmlsbC5cblxuXG4gIEJhc2ljIFVzYWdlOlxuICAtLS0tLS0tLS0tLS1cblxuICBgYGBqc1xuICBsZXQgcHJvbWlzZSA9IG5ldyBQcm9taXNlKGZ1bmN0aW9uKHJlc29sdmUsIHJlamVjdCkge1xuICAgIC8vIG9uIHN1Y2Nlc3NcbiAgICByZXNvbHZlKHZhbHVlKTtcblxuICAgIC8vIG9uIGZhaWx1cmVcbiAgICByZWplY3QocmVhc29uKTtcbiAgfSk7XG5cbiAgcHJvbWlzZS50aGVuKGZ1bmN0aW9uKHZhbHVlKSB7XG4gICAgLy8gb24gZnVsZmlsbG1lbnRcbiAgfSwgZnVuY3Rpb24ocmVhc29uKSB7XG4gICAgLy8gb24gcmVqZWN0aW9uXG4gIH0pO1xuICBgYGBcblxuICBBZHZhbmNlZCBVc2FnZTpcbiAgLS0tLS0tLS0tLS0tLS0tXG5cbiAgUHJvbWlzZXMgc2hpbmUgd2hlbiBhYnN0cmFjdGluZyBhd2F5IGFzeW5jaHJvbm91cyBpbnRlcmFjdGlvbnMgc3VjaCBhc1xuICBgWE1MSHR0cFJlcXVlc3Rgcy5cblxuICBgYGBqc1xuICBmdW5jdGlvbiBnZXRKU09OKHVybCkge1xuICAgIHJldHVybiBuZXcgUHJvbWlzZShmdW5jdGlvbihyZXNvbHZlLCByZWplY3Qpe1xuICAgICAgbGV0IHhociA9IG5ldyBYTUxIdHRwUmVxdWVzdCgpO1xuXG4gICAgICB4aHIub3BlbignR0VUJywgdXJsKTtcbiAgICAgIHhoci5vbnJlYWR5c3RhdGVjaGFuZ2UgPSBoYW5kbGVyO1xuICAgICAgeGhyLnJlc3BvbnNlVHlwZSA9ICdqc29uJztcbiAgICAgIHhoci5zZXRSZXF1ZXN0SGVhZGVyKCdBY2NlcHQnLCAnYXBwbGljYXRpb24vanNvbicpO1xuICAgICAgeGhyLnNlbmQoKTtcblxuICAgICAgZnVuY3Rpb24gaGFuZGxlcigpIHtcbiAgICAgICAgaWYgKHRoaXMucmVhZHlTdGF0ZSA9PT0gdGhpcy5ET05FKSB7XG4gICAgICAgICAgaWYgKHRoaXMuc3RhdHVzID09PSAyMDApIHtcbiAgICAgICAgICAgIHJlc29sdmUodGhpcy5yZXNwb25zZSk7XG4gICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHJlamVjdChuZXcgRXJyb3IoJ2dldEpTT046IGAnICsgdXJsICsgJ2AgZmFpbGVkIHdpdGggc3RhdHVzOiBbJyArIHRoaXMuc3RhdHVzICsgJ10nKSk7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9O1xuICAgIH0pO1xuICB9XG5cbiAgZ2V0SlNPTignL3Bvc3RzLmpzb24nKS50aGVuKGZ1bmN0aW9uKGpzb24pIHtcbiAgICAvLyBvbiBmdWxmaWxsbWVudFxuICB9LCBmdW5jdGlvbihyZWFzb24pIHtcbiAgICAvLyBvbiByZWplY3Rpb25cbiAgfSk7XG4gIGBgYFxuXG4gIFVubGlrZSBjYWxsYmFja3MsIHByb21pc2VzIGFyZSBncmVhdCBjb21wb3NhYmxlIHByaW1pdGl2ZXMuXG5cbiAgYGBganNcbiAgUHJvbWlzZS5hbGwoW1xuICAgIGdldEpTT04oJy9wb3N0cycpLFxuICAgIGdldEpTT04oJy9jb21tZW50cycpXG4gIF0pLnRoZW4oZnVuY3Rpb24odmFsdWVzKXtcbiAgICB2YWx1ZXNbMF0gLy8gPT4gcG9zdHNKU09OXG4gICAgdmFsdWVzWzFdIC8vID0+IGNvbW1lbnRzSlNPTlxuXG4gICAgcmV0dXJuIHZhbHVlcztcbiAgfSk7XG4gIGBgYFxuXG4gIEBjbGFzcyBQcm9taXNlXG4gIEBwYXJhbSB7RnVuY3Rpb259IHJlc29sdmVyXG4gIFVzZWZ1bCBmb3IgdG9vbGluZy5cbiAgQGNvbnN0cnVjdG9yXG4qL1xuXG52YXIgUHJvbWlzZSQxID0gZnVuY3Rpb24gKCkge1xuICBmdW5jdGlvbiBQcm9taXNlKHJlc29sdmVyKSB7XG4gICAgdGhpc1tQUk9NSVNFX0lEXSA9IG5leHRJZCgpO1xuICAgIHRoaXMuX3Jlc3VsdCA9IHRoaXMuX3N0YXRlID0gdW5kZWZpbmVkO1xuICAgIHRoaXMuX3N1YnNjcmliZXJzID0gW107XG5cbiAgICBpZiAobm9vcCAhPT0gcmVzb2x2ZXIpIHtcbiAgICAgIHR5cGVvZiByZXNvbHZlciAhPT0gJ2Z1bmN0aW9uJyAmJiBuZWVkc1Jlc29sdmVyKCk7XG4gICAgICB0aGlzIGluc3RhbmNlb2YgUHJvbWlzZSA/IGluaXRpYWxpemVQcm9taXNlKHRoaXMsIHJlc29sdmVyKSA6IG5lZWRzTmV3KCk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gIFRoZSBwcmltYXJ5IHdheSBvZiBpbnRlcmFjdGluZyB3aXRoIGEgcHJvbWlzZSBpcyB0aHJvdWdoIGl0cyBgdGhlbmAgbWV0aG9kLFxuICB3aGljaCByZWdpc3RlcnMgY2FsbGJhY2tzIHRvIHJlY2VpdmUgZWl0aGVyIGEgcHJvbWlzZSdzIGV2ZW50dWFsIHZhbHVlIG9yIHRoZVxuICByZWFzb24gd2h5IHRoZSBwcm9taXNlIGNhbm5vdCBiZSBmdWxmaWxsZWQuXG4gICBgYGBqc1xuICBmaW5kVXNlcigpLnRoZW4oZnVuY3Rpb24odXNlcil7XG4gICAgLy8gdXNlciBpcyBhdmFpbGFibGVcbiAgfSwgZnVuY3Rpb24ocmVhc29uKXtcbiAgICAvLyB1c2VyIGlzIHVuYXZhaWxhYmxlLCBhbmQgeW91IGFyZSBnaXZlbiB0aGUgcmVhc29uIHdoeVxuICB9KTtcbiAgYGBgXG4gICBDaGFpbmluZ1xuICAtLS0tLS0tLVxuICAgVGhlIHJldHVybiB2YWx1ZSBvZiBgdGhlbmAgaXMgaXRzZWxmIGEgcHJvbWlzZS4gIFRoaXMgc2Vjb25kLCAnZG93bnN0cmVhbSdcbiAgcHJvbWlzZSBpcyByZXNvbHZlZCB3aXRoIHRoZSByZXR1cm4gdmFsdWUgb2YgdGhlIGZpcnN0IHByb21pc2UncyBmdWxmaWxsbWVudFxuICBvciByZWplY3Rpb24gaGFuZGxlciwgb3IgcmVqZWN0ZWQgaWYgdGhlIGhhbmRsZXIgdGhyb3dzIGFuIGV4Y2VwdGlvbi5cbiAgIGBgYGpzXG4gIGZpbmRVc2VyKCkudGhlbihmdW5jdGlvbiAodXNlcikge1xuICAgIHJldHVybiB1c2VyLm5hbWU7XG4gIH0sIGZ1bmN0aW9uIChyZWFzb24pIHtcbiAgICByZXR1cm4gJ2RlZmF1bHQgbmFtZSc7XG4gIH0pLnRoZW4oZnVuY3Rpb24gKHVzZXJOYW1lKSB7XG4gICAgLy8gSWYgYGZpbmRVc2VyYCBmdWxmaWxsZWQsIGB1c2VyTmFtZWAgd2lsbCBiZSB0aGUgdXNlcidzIG5hbWUsIG90aGVyd2lzZSBpdFxuICAgIC8vIHdpbGwgYmUgYCdkZWZhdWx0IG5hbWUnYFxuICB9KTtcbiAgIGZpbmRVc2VyKCkudGhlbihmdW5jdGlvbiAodXNlcikge1xuICAgIHRocm93IG5ldyBFcnJvcignRm91bmQgdXNlciwgYnV0IHN0aWxsIHVuaGFwcHknKTtcbiAgfSwgZnVuY3Rpb24gKHJlYXNvbikge1xuICAgIHRocm93IG5ldyBFcnJvcignYGZpbmRVc2VyYCByZWplY3RlZCBhbmQgd2UncmUgdW5oYXBweScpO1xuICB9KS50aGVuKGZ1bmN0aW9uICh2YWx1ZSkge1xuICAgIC8vIG5ldmVyIHJlYWNoZWRcbiAgfSwgZnVuY3Rpb24gKHJlYXNvbikge1xuICAgIC8vIGlmIGBmaW5kVXNlcmAgZnVsZmlsbGVkLCBgcmVhc29uYCB3aWxsIGJlICdGb3VuZCB1c2VyLCBidXQgc3RpbGwgdW5oYXBweScuXG4gICAgLy8gSWYgYGZpbmRVc2VyYCByZWplY3RlZCwgYHJlYXNvbmAgd2lsbCBiZSAnYGZpbmRVc2VyYCByZWplY3RlZCBhbmQgd2UncmUgdW5oYXBweScuXG4gIH0pO1xuICBgYGBcbiAgSWYgdGhlIGRvd25zdHJlYW0gcHJvbWlzZSBkb2VzIG5vdCBzcGVjaWZ5IGEgcmVqZWN0aW9uIGhhbmRsZXIsIHJlamVjdGlvbiByZWFzb25zIHdpbGwgYmUgcHJvcGFnYXRlZCBmdXJ0aGVyIGRvd25zdHJlYW0uXG4gICBgYGBqc1xuICBmaW5kVXNlcigpLnRoZW4oZnVuY3Rpb24gKHVzZXIpIHtcbiAgICB0aHJvdyBuZXcgUGVkYWdvZ2ljYWxFeGNlcHRpb24oJ1Vwc3RyZWFtIGVycm9yJyk7XG4gIH0pLnRoZW4oZnVuY3Rpb24gKHZhbHVlKSB7XG4gICAgLy8gbmV2ZXIgcmVhY2hlZFxuICB9KS50aGVuKGZ1bmN0aW9uICh2YWx1ZSkge1xuICAgIC8vIG5ldmVyIHJlYWNoZWRcbiAgfSwgZnVuY3Rpb24gKHJlYXNvbikge1xuICAgIC8vIFRoZSBgUGVkZ2Fnb2NpYWxFeGNlcHRpb25gIGlzIHByb3BhZ2F0ZWQgYWxsIHRoZSB3YXkgZG93biB0byBoZXJlXG4gIH0pO1xuICBgYGBcbiAgIEFzc2ltaWxhdGlvblxuICAtLS0tLS0tLS0tLS1cbiAgIFNvbWV0aW1lcyB0aGUgdmFsdWUgeW91IHdhbnQgdG8gcHJvcGFnYXRlIHRvIGEgZG93bnN0cmVhbSBwcm9taXNlIGNhbiBvbmx5IGJlXG4gIHJldHJpZXZlZCBhc3luY2hyb25vdXNseS4gVGhpcyBjYW4gYmUgYWNoaWV2ZWQgYnkgcmV0dXJuaW5nIGEgcHJvbWlzZSBpbiB0aGVcbiAgZnVsZmlsbG1lbnQgb3IgcmVqZWN0aW9uIGhhbmRsZXIuIFRoZSBkb3duc3RyZWFtIHByb21pc2Ugd2lsbCB0aGVuIGJlIHBlbmRpbmdcbiAgdW50aWwgdGhlIHJldHVybmVkIHByb21pc2UgaXMgc2V0dGxlZC4gVGhpcyBpcyBjYWxsZWQgKmFzc2ltaWxhdGlvbiouXG4gICBgYGBqc1xuICBmaW5kVXNlcigpLnRoZW4oZnVuY3Rpb24gKHVzZXIpIHtcbiAgICByZXR1cm4gZmluZENvbW1lbnRzQnlBdXRob3IodXNlcik7XG4gIH0pLnRoZW4oZnVuY3Rpb24gKGNvbW1lbnRzKSB7XG4gICAgLy8gVGhlIHVzZXIncyBjb21tZW50cyBhcmUgbm93IGF2YWlsYWJsZVxuICB9KTtcbiAgYGBgXG4gICBJZiB0aGUgYXNzaW1saWF0ZWQgcHJvbWlzZSByZWplY3RzLCB0aGVuIHRoZSBkb3duc3RyZWFtIHByb21pc2Ugd2lsbCBhbHNvIHJlamVjdC5cbiAgIGBgYGpzXG4gIGZpbmRVc2VyKCkudGhlbihmdW5jdGlvbiAodXNlcikge1xuICAgIHJldHVybiBmaW5kQ29tbWVudHNCeUF1dGhvcih1c2VyKTtcbiAgfSkudGhlbihmdW5jdGlvbiAoY29tbWVudHMpIHtcbiAgICAvLyBJZiBgZmluZENvbW1lbnRzQnlBdXRob3JgIGZ1bGZpbGxzLCB3ZSdsbCBoYXZlIHRoZSB2YWx1ZSBoZXJlXG4gIH0sIGZ1bmN0aW9uIChyZWFzb24pIHtcbiAgICAvLyBJZiBgZmluZENvbW1lbnRzQnlBdXRob3JgIHJlamVjdHMsIHdlJ2xsIGhhdmUgdGhlIHJlYXNvbiBoZXJlXG4gIH0pO1xuICBgYGBcbiAgIFNpbXBsZSBFeGFtcGxlXG4gIC0tLS0tLS0tLS0tLS0tXG4gICBTeW5jaHJvbm91cyBFeGFtcGxlXG4gICBgYGBqYXZhc2NyaXB0XG4gIGxldCByZXN1bHQ7XG4gICB0cnkge1xuICAgIHJlc3VsdCA9IGZpbmRSZXN1bHQoKTtcbiAgICAvLyBzdWNjZXNzXG4gIH0gY2F0Y2gocmVhc29uKSB7XG4gICAgLy8gZmFpbHVyZVxuICB9XG4gIGBgYFxuICAgRXJyYmFjayBFeGFtcGxlXG4gICBgYGBqc1xuICBmaW5kUmVzdWx0KGZ1bmN0aW9uKHJlc3VsdCwgZXJyKXtcbiAgICBpZiAoZXJyKSB7XG4gICAgICAvLyBmYWlsdXJlXG4gICAgfSBlbHNlIHtcbiAgICAgIC8vIHN1Y2Nlc3NcbiAgICB9XG4gIH0pO1xuICBgYGBcbiAgIFByb21pc2UgRXhhbXBsZTtcbiAgIGBgYGphdmFzY3JpcHRcbiAgZmluZFJlc3VsdCgpLnRoZW4oZnVuY3Rpb24ocmVzdWx0KXtcbiAgICAvLyBzdWNjZXNzXG4gIH0sIGZ1bmN0aW9uKHJlYXNvbil7XG4gICAgLy8gZmFpbHVyZVxuICB9KTtcbiAgYGBgXG4gICBBZHZhbmNlZCBFeGFtcGxlXG4gIC0tLS0tLS0tLS0tLS0tXG4gICBTeW5jaHJvbm91cyBFeGFtcGxlXG4gICBgYGBqYXZhc2NyaXB0XG4gIGxldCBhdXRob3IsIGJvb2tzO1xuICAgdHJ5IHtcbiAgICBhdXRob3IgPSBmaW5kQXV0aG9yKCk7XG4gICAgYm9va3MgID0gZmluZEJvb2tzQnlBdXRob3IoYXV0aG9yKTtcbiAgICAvLyBzdWNjZXNzXG4gIH0gY2F0Y2gocmVhc29uKSB7XG4gICAgLy8gZmFpbHVyZVxuICB9XG4gIGBgYFxuICAgRXJyYmFjayBFeGFtcGxlXG4gICBgYGBqc1xuICAgZnVuY3Rpb24gZm91bmRCb29rcyhib29rcykge1xuICAgfVxuICAgZnVuY3Rpb24gZmFpbHVyZShyZWFzb24pIHtcbiAgIH1cbiAgIGZpbmRBdXRob3IoZnVuY3Rpb24oYXV0aG9yLCBlcnIpe1xuICAgIGlmIChlcnIpIHtcbiAgICAgIGZhaWx1cmUoZXJyKTtcbiAgICAgIC8vIGZhaWx1cmVcbiAgICB9IGVsc2Uge1xuICAgICAgdHJ5IHtcbiAgICAgICAgZmluZEJvb29rc0J5QXV0aG9yKGF1dGhvciwgZnVuY3Rpb24oYm9va3MsIGVycikge1xuICAgICAgICAgIGlmIChlcnIpIHtcbiAgICAgICAgICAgIGZhaWx1cmUoZXJyKTtcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdHJ5IHtcbiAgICAgICAgICAgICAgZm91bmRCb29rcyhib29rcyk7XG4gICAgICAgICAgICB9IGNhdGNoKHJlYXNvbikge1xuICAgICAgICAgICAgICBmYWlsdXJlKHJlYXNvbik7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICAgIH0gY2F0Y2goZXJyb3IpIHtcbiAgICAgICAgZmFpbHVyZShlcnIpO1xuICAgICAgfVxuICAgICAgLy8gc3VjY2Vzc1xuICAgIH1cbiAgfSk7XG4gIGBgYFxuICAgUHJvbWlzZSBFeGFtcGxlO1xuICAgYGBgamF2YXNjcmlwdFxuICBmaW5kQXV0aG9yKCkuXG4gICAgdGhlbihmaW5kQm9va3NCeUF1dGhvcikuXG4gICAgdGhlbihmdW5jdGlvbihib29rcyl7XG4gICAgICAvLyBmb3VuZCBib29rc1xuICB9KS5jYXRjaChmdW5jdGlvbihyZWFzb24pe1xuICAgIC8vIHNvbWV0aGluZyB3ZW50IHdyb25nXG4gIH0pO1xuICBgYGBcbiAgIEBtZXRob2QgdGhlblxuICBAcGFyYW0ge0Z1bmN0aW9ufSBvbkZ1bGZpbGxlZFxuICBAcGFyYW0ge0Z1bmN0aW9ufSBvblJlamVjdGVkXG4gIFVzZWZ1bCBmb3IgdG9vbGluZy5cbiAgQHJldHVybiB7UHJvbWlzZX1cbiAgKi9cblxuICAvKipcbiAgYGNhdGNoYCBpcyBzaW1wbHkgc3VnYXIgZm9yIGB0aGVuKHVuZGVmaW5lZCwgb25SZWplY3Rpb24pYCB3aGljaCBtYWtlcyBpdCB0aGUgc2FtZVxuICBhcyB0aGUgY2F0Y2ggYmxvY2sgb2YgYSB0cnkvY2F0Y2ggc3RhdGVtZW50LlxuICBgYGBqc1xuICBmdW5jdGlvbiBmaW5kQXV0aG9yKCl7XG4gIHRocm93IG5ldyBFcnJvcignY291bGRuJ3QgZmluZCB0aGF0IGF1dGhvcicpO1xuICB9XG4gIC8vIHN5bmNocm9ub3VzXG4gIHRyeSB7XG4gIGZpbmRBdXRob3IoKTtcbiAgfSBjYXRjaChyZWFzb24pIHtcbiAgLy8gc29tZXRoaW5nIHdlbnQgd3JvbmdcbiAgfVxuICAvLyBhc3luYyB3aXRoIHByb21pc2VzXG4gIGZpbmRBdXRob3IoKS5jYXRjaChmdW5jdGlvbihyZWFzb24pe1xuICAvLyBzb21ldGhpbmcgd2VudCB3cm9uZ1xuICB9KTtcbiAgYGBgXG4gIEBtZXRob2QgY2F0Y2hcbiAgQHBhcmFtIHtGdW5jdGlvbn0gb25SZWplY3Rpb25cbiAgVXNlZnVsIGZvciB0b29saW5nLlxuICBAcmV0dXJuIHtQcm9taXNlfVxuICAqL1xuXG5cbiAgUHJvbWlzZS5wcm90b3R5cGUuY2F0Y2ggPSBmdW5jdGlvbiBfY2F0Y2gob25SZWplY3Rpb24pIHtcbiAgICByZXR1cm4gdGhpcy50aGVuKG51bGwsIG9uUmVqZWN0aW9uKTtcbiAgfTtcblxuICAvKipcbiAgICBgZmluYWxseWAgd2lsbCBiZSBpbnZva2VkIHJlZ2FyZGxlc3Mgb2YgdGhlIHByb21pc2UncyBmYXRlIGp1c3QgYXMgbmF0aXZlXG4gICAgdHJ5L2NhdGNoL2ZpbmFsbHkgYmVoYXZlc1xuICBcbiAgICBTeW5jaHJvbm91cyBleGFtcGxlOlxuICBcbiAgICBgYGBqc1xuICAgIGZpbmRBdXRob3IoKSB7XG4gICAgICBpZiAoTWF0aC5yYW5kb20oKSA+IDAuNSkge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoKTtcbiAgICAgIH1cbiAgICAgIHJldHVybiBuZXcgQXV0aG9yKCk7XG4gICAgfVxuICBcbiAgICB0cnkge1xuICAgICAgcmV0dXJuIGZpbmRBdXRob3IoKTsgLy8gc3VjY2VlZCBvciBmYWlsXG4gICAgfSBjYXRjaChlcnJvcikge1xuICAgICAgcmV0dXJuIGZpbmRPdGhlckF1dGhlcigpO1xuICAgIH0gZmluYWxseSB7XG4gICAgICAvLyBhbHdheXMgcnVuc1xuICAgICAgLy8gZG9lc24ndCBhZmZlY3QgdGhlIHJldHVybiB2YWx1ZVxuICAgIH1cbiAgICBgYGBcbiAgXG4gICAgQXN5bmNocm9ub3VzIGV4YW1wbGU6XG4gIFxuICAgIGBgYGpzXG4gICAgZmluZEF1dGhvcigpLmNhdGNoKGZ1bmN0aW9uKHJlYXNvbil7XG4gICAgICByZXR1cm4gZmluZE90aGVyQXV0aGVyKCk7XG4gICAgfSkuZmluYWxseShmdW5jdGlvbigpe1xuICAgICAgLy8gYXV0aG9yIHdhcyBlaXRoZXIgZm91bmQsIG9yIG5vdFxuICAgIH0pO1xuICAgIGBgYFxuICBcbiAgICBAbWV0aG9kIGZpbmFsbHlcbiAgICBAcGFyYW0ge0Z1bmN0aW9ufSBjYWxsYmFja1xuICAgIEByZXR1cm4ge1Byb21pc2V9XG4gICovXG5cblxuICBQcm9taXNlLnByb3RvdHlwZS5maW5hbGx5ID0gZnVuY3Rpb24gX2ZpbmFsbHkoY2FsbGJhY2spIHtcbiAgICB2YXIgcHJvbWlzZSA9IHRoaXM7XG4gICAgdmFyIGNvbnN0cnVjdG9yID0gcHJvbWlzZS5jb25zdHJ1Y3RvcjtcblxuICAgIGlmIChpc0Z1bmN0aW9uKGNhbGxiYWNrKSkge1xuICAgICAgcmV0dXJuIHByb21pc2UudGhlbihmdW5jdGlvbiAodmFsdWUpIHtcbiAgICAgICAgcmV0dXJuIGNvbnN0cnVjdG9yLnJlc29sdmUoY2FsbGJhY2soKSkudGhlbihmdW5jdGlvbiAoKSB7XG4gICAgICAgICAgcmV0dXJuIHZhbHVlO1xuICAgICAgICB9KTtcbiAgICAgIH0sIGZ1bmN0aW9uIChyZWFzb24pIHtcbiAgICAgICAgcmV0dXJuIGNvbnN0cnVjdG9yLnJlc29sdmUoY2FsbGJhY2soKSkudGhlbihmdW5jdGlvbiAoKSB7XG4gICAgICAgICAgdGhyb3cgcmVhc29uO1xuICAgICAgICB9KTtcbiAgICAgIH0pO1xuICAgIH1cblxuICAgIHJldHVybiBwcm9taXNlLnRoZW4oY2FsbGJhY2ssIGNhbGxiYWNrKTtcbiAgfTtcblxuICByZXR1cm4gUHJvbWlzZTtcbn0oKTtcblxuUHJvbWlzZSQxLnByb3RvdHlwZS50aGVuID0gdGhlbjtcblByb21pc2UkMS5hbGwgPSBhbGw7XG5Qcm9taXNlJDEucmFjZSA9IHJhY2U7XG5Qcm9taXNlJDEucmVzb2x2ZSA9IHJlc29sdmUkMTtcblByb21pc2UkMS5yZWplY3QgPSByZWplY3QkMTtcblByb21pc2UkMS5fc2V0U2NoZWR1bGVyID0gc2V0U2NoZWR1bGVyO1xuUHJvbWlzZSQxLl9zZXRBc2FwID0gc2V0QXNhcDtcblByb21pc2UkMS5fYXNhcCA9IGFzYXA7XG5cbi8qZ2xvYmFsIHNlbGYqL1xuZnVuY3Rpb24gcG9seWZpbGwoKSB7XG4gIHZhciBsb2NhbCA9IHZvaWQgMDtcblxuICBpZiAodHlwZW9mIGdsb2JhbCAhPT0gJ3VuZGVmaW5lZCcpIHtcbiAgICBsb2NhbCA9IGdsb2JhbDtcbiAgfSBlbHNlIGlmICh0eXBlb2Ygc2VsZiAhPT0gJ3VuZGVmaW5lZCcpIHtcbiAgICBsb2NhbCA9IHNlbGY7XG4gIH0gZWxzZSB7XG4gICAgdHJ5IHtcbiAgICAgIGxvY2FsID0gRnVuY3Rpb24oJ3JldHVybiB0aGlzJykoKTtcbiAgICB9IGNhdGNoIChlKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoJ3BvbHlmaWxsIGZhaWxlZCBiZWNhdXNlIGdsb2JhbCBvYmplY3QgaXMgdW5hdmFpbGFibGUgaW4gdGhpcyBlbnZpcm9ubWVudCcpO1xuICAgIH1cbiAgfVxuXG4gIHZhciBQID0gbG9jYWwuUHJvbWlzZTtcblxuICBpZiAoUCkge1xuICAgIHZhciBwcm9taXNlVG9TdHJpbmcgPSBudWxsO1xuICAgIHRyeSB7XG4gICAgICBwcm9taXNlVG9TdHJpbmcgPSBPYmplY3QucHJvdG90eXBlLnRvU3RyaW5nLmNhbGwoUC5yZXNvbHZlKCkpO1xuICAgIH0gY2F0Y2ggKGUpIHtcbiAgICAgIC8vIHNpbGVudGx5IGlnbm9yZWRcbiAgICB9XG5cbiAgICBpZiAocHJvbWlzZVRvU3RyaW5nID09PSAnW29iamVjdCBQcm9taXNlXScgJiYgIVAuY2FzdCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgfVxuXG4gIGxvY2FsLlByb21pc2UgPSBQcm9taXNlJDE7XG59XG5cbi8vIFN0cmFuZ2UgY29tcGF0Li5cblByb21pc2UkMS5wb2x5ZmlsbCA9IHBvbHlmaWxsO1xuUHJvbWlzZSQxLlByb21pc2UgPSBQcm9taXNlJDE7XG5cbnJldHVybiBQcm9taXNlJDE7XG5cbn0pKSk7XG5cblxuXG4vLyMgc291cmNlTWFwcGluZ1VSTD1lczYtcHJvbWlzZS5tYXBcbiIsIlxudmFyIGhhc093biA9IE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHk7XG52YXIgdG9TdHJpbmcgPSBPYmplY3QucHJvdG90eXBlLnRvU3RyaW5nO1xuXG5tb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uIGZvckVhY2ggKG9iaiwgZm4sIGN0eCkge1xuICAgIGlmICh0b1N0cmluZy5jYWxsKGZuKSAhPT0gJ1tvYmplY3QgRnVuY3Rpb25dJykge1xuICAgICAgICB0aHJvdyBuZXcgVHlwZUVycm9yKCdpdGVyYXRvciBtdXN0IGJlIGEgZnVuY3Rpb24nKTtcbiAgICB9XG4gICAgdmFyIGwgPSBvYmoubGVuZ3RoO1xuICAgIGlmIChsID09PSArbCkge1xuICAgICAgICBmb3IgKHZhciBpID0gMDsgaSA8IGw7IGkrKykge1xuICAgICAgICAgICAgZm4uY2FsbChjdHgsIG9ialtpXSwgaSwgb2JqKTtcbiAgICAgICAgfVxuICAgIH0gZWxzZSB7XG4gICAgICAgIGZvciAodmFyIGsgaW4gb2JqKSB7XG4gICAgICAgICAgICBpZiAoaGFzT3duLmNhbGwob2JqLCBrKSkge1xuICAgICAgICAgICAgICAgIGZuLmNhbGwoY3R4LCBvYmpba10sIGssIG9iaik7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG59O1xuXG4iLCJ2YXIgd2luO1xuXG5pZiAodHlwZW9mIHdpbmRvdyAhPT0gXCJ1bmRlZmluZWRcIikge1xuICAgIHdpbiA9IHdpbmRvdztcbn0gZWxzZSBpZiAodHlwZW9mIGdsb2JhbCAhPT0gXCJ1bmRlZmluZWRcIikge1xuICAgIHdpbiA9IGdsb2JhbDtcbn0gZWxzZSBpZiAodHlwZW9mIHNlbGYgIT09IFwidW5kZWZpbmVkXCIpe1xuICAgIHdpbiA9IHNlbGY7XG59IGVsc2Uge1xuICAgIHdpbiA9IHt9O1xufVxuXG5tb2R1bGUuZXhwb3J0cyA9IHdpbjtcbiIsIi8qXG4gKiAgQ29weXJpZ2h0IDIwMTEgVHdpdHRlciwgSW5jLlxuICogIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cblxuKGZ1bmN0aW9uIChIb2dhbikge1xuICAvLyBTZXR1cCByZWdleCAgYXNzaWdubWVudHNcbiAgLy8gcmVtb3ZlIHdoaXRlc3BhY2UgYWNjb3JkaW5nIHRvIE11c3RhY2hlIHNwZWNcbiAgdmFyIHJJc1doaXRlc3BhY2UgPSAvXFxTLyxcbiAgICAgIHJRdW90ID0gL1xcXCIvZyxcbiAgICAgIHJOZXdsaW5lID0gIC9cXG4vZyxcbiAgICAgIHJDciA9IC9cXHIvZyxcbiAgICAgIHJTbGFzaCA9IC9cXFxcL2csXG4gICAgICByTGluZVNlcCA9IC9cXHUyMDI4LyxcbiAgICAgIHJQYXJhZ3JhcGhTZXAgPSAvXFx1MjAyOS87XG5cbiAgSG9nYW4udGFncyA9IHtcbiAgICAnIyc6IDEsICdeJzogMiwgJzwnOiAzLCAnJCc6IDQsXG4gICAgJy8nOiA1LCAnISc6IDYsICc+JzogNywgJz0nOiA4LCAnX3YnOiA5LFxuICAgICd7JzogMTAsICcmJzogMTEsICdfdCc6IDEyXG4gIH07XG5cbiAgSG9nYW4uc2NhbiA9IGZ1bmN0aW9uIHNjYW4odGV4dCwgZGVsaW1pdGVycykge1xuICAgIHZhciBsZW4gPSB0ZXh0Lmxlbmd0aCxcbiAgICAgICAgSU5fVEVYVCA9IDAsXG4gICAgICAgIElOX1RBR19UWVBFID0gMSxcbiAgICAgICAgSU5fVEFHID0gMixcbiAgICAgICAgc3RhdGUgPSBJTl9URVhULFxuICAgICAgICB0YWdUeXBlID0gbnVsbCxcbiAgICAgICAgdGFnID0gbnVsbCxcbiAgICAgICAgYnVmID0gJycsXG4gICAgICAgIHRva2VucyA9IFtdLFxuICAgICAgICBzZWVuVGFnID0gZmFsc2UsXG4gICAgICAgIGkgPSAwLFxuICAgICAgICBsaW5lU3RhcnQgPSAwLFxuICAgICAgICBvdGFnID0gJ3t7JyxcbiAgICAgICAgY3RhZyA9ICd9fSc7XG5cbiAgICBmdW5jdGlvbiBhZGRCdWYoKSB7XG4gICAgICBpZiAoYnVmLmxlbmd0aCA+IDApIHtcbiAgICAgICAgdG9rZW5zLnB1c2goe3RhZzogJ190JywgdGV4dDogbmV3IFN0cmluZyhidWYpfSk7XG4gICAgICAgIGJ1ZiA9ICcnO1xuICAgICAgfVxuICAgIH1cblxuICAgIGZ1bmN0aW9uIGxpbmVJc1doaXRlc3BhY2UoKSB7XG4gICAgICB2YXIgaXNBbGxXaGl0ZXNwYWNlID0gdHJ1ZTtcbiAgICAgIGZvciAodmFyIGogPSBsaW5lU3RhcnQ7IGogPCB0b2tlbnMubGVuZ3RoOyBqKyspIHtcbiAgICAgICAgaXNBbGxXaGl0ZXNwYWNlID1cbiAgICAgICAgICAoSG9nYW4udGFnc1t0b2tlbnNbal0udGFnXSA8IEhvZ2FuLnRhZ3NbJ192J10pIHx8XG4gICAgICAgICAgKHRva2Vuc1tqXS50YWcgPT0gJ190JyAmJiB0b2tlbnNbal0udGV4dC5tYXRjaChySXNXaGl0ZXNwYWNlKSA9PT0gbnVsbCk7XG4gICAgICAgIGlmICghaXNBbGxXaGl0ZXNwYWNlKSB7XG4gICAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBpc0FsbFdoaXRlc3BhY2U7XG4gICAgfVxuXG4gICAgZnVuY3Rpb24gZmlsdGVyTGluZShoYXZlU2VlblRhZywgbm9OZXdMaW5lKSB7XG4gICAgICBhZGRCdWYoKTtcblxuICAgICAgaWYgKGhhdmVTZWVuVGFnICYmIGxpbmVJc1doaXRlc3BhY2UoKSkge1xuICAgICAgICBmb3IgKHZhciBqID0gbGluZVN0YXJ0LCBuZXh0OyBqIDwgdG9rZW5zLmxlbmd0aDsgaisrKSB7XG4gICAgICAgICAgaWYgKHRva2Vuc1tqXS50ZXh0KSB7XG4gICAgICAgICAgICBpZiAoKG5leHQgPSB0b2tlbnNbaisxXSkgJiYgbmV4dC50YWcgPT0gJz4nKSB7XG4gICAgICAgICAgICAgIC8vIHNldCBpbmRlbnQgdG8gdG9rZW4gdmFsdWVcbiAgICAgICAgICAgICAgbmV4dC5pbmRlbnQgPSB0b2tlbnNbal0udGV4dC50b1N0cmluZygpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICB0b2tlbnMuc3BsaWNlKGosIDEpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfSBlbHNlIGlmICghbm9OZXdMaW5lKSB7XG4gICAgICAgIHRva2Vucy5wdXNoKHt0YWc6J1xcbid9KTtcbiAgICAgIH1cblxuICAgICAgc2VlblRhZyA9IGZhbHNlO1xuICAgICAgbGluZVN0YXJ0ID0gdG9rZW5zLmxlbmd0aDtcbiAgICB9XG5cbiAgICBmdW5jdGlvbiBjaGFuZ2VEZWxpbWl0ZXJzKHRleHQsIGluZGV4KSB7XG4gICAgICB2YXIgY2xvc2UgPSAnPScgKyBjdGFnLFxuICAgICAgICAgIGNsb3NlSW5kZXggPSB0ZXh0LmluZGV4T2YoY2xvc2UsIGluZGV4KSxcbiAgICAgICAgICBkZWxpbWl0ZXJzID0gdHJpbShcbiAgICAgICAgICAgIHRleHQuc3Vic3RyaW5nKHRleHQuaW5kZXhPZignPScsIGluZGV4KSArIDEsIGNsb3NlSW5kZXgpXG4gICAgICAgICAgKS5zcGxpdCgnICcpO1xuXG4gICAgICBvdGFnID0gZGVsaW1pdGVyc1swXTtcbiAgICAgIGN0YWcgPSBkZWxpbWl0ZXJzW2RlbGltaXRlcnMubGVuZ3RoIC0gMV07XG5cbiAgICAgIHJldHVybiBjbG9zZUluZGV4ICsgY2xvc2UubGVuZ3RoIC0gMTtcbiAgICB9XG5cbiAgICBpZiAoZGVsaW1pdGVycykge1xuICAgICAgZGVsaW1pdGVycyA9IGRlbGltaXRlcnMuc3BsaXQoJyAnKTtcbiAgICAgIG90YWcgPSBkZWxpbWl0ZXJzWzBdO1xuICAgICAgY3RhZyA9IGRlbGltaXRlcnNbMV07XG4gICAgfVxuXG4gICAgZm9yIChpID0gMDsgaSA8IGxlbjsgaSsrKSB7XG4gICAgICBpZiAoc3RhdGUgPT0gSU5fVEVYVCkge1xuICAgICAgICBpZiAodGFnQ2hhbmdlKG90YWcsIHRleHQsIGkpKSB7XG4gICAgICAgICAgLS1pO1xuICAgICAgICAgIGFkZEJ1ZigpO1xuICAgICAgICAgIHN0YXRlID0gSU5fVEFHX1RZUEU7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgaWYgKHRleHQuY2hhckF0KGkpID09ICdcXG4nKSB7XG4gICAgICAgICAgICBmaWx0ZXJMaW5lKHNlZW5UYWcpO1xuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBidWYgKz0gdGV4dC5jaGFyQXQoaSk7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9IGVsc2UgaWYgKHN0YXRlID09IElOX1RBR19UWVBFKSB7XG4gICAgICAgIGkgKz0gb3RhZy5sZW5ndGggLSAxO1xuICAgICAgICB0YWcgPSBIb2dhbi50YWdzW3RleHQuY2hhckF0KGkgKyAxKV07XG4gICAgICAgIHRhZ1R5cGUgPSB0YWcgPyB0ZXh0LmNoYXJBdChpICsgMSkgOiAnX3YnO1xuICAgICAgICBpZiAodGFnVHlwZSA9PSAnPScpIHtcbiAgICAgICAgICBpID0gY2hhbmdlRGVsaW1pdGVycyh0ZXh0LCBpKTtcbiAgICAgICAgICBzdGF0ZSA9IElOX1RFWFQ7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgaWYgKHRhZykge1xuICAgICAgICAgICAgaSsrO1xuICAgICAgICAgIH1cbiAgICAgICAgICBzdGF0ZSA9IElOX1RBRztcbiAgICAgICAgfVxuICAgICAgICBzZWVuVGFnID0gaTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGlmICh0YWdDaGFuZ2UoY3RhZywgdGV4dCwgaSkpIHtcbiAgICAgICAgICB0b2tlbnMucHVzaCh7dGFnOiB0YWdUeXBlLCBuOiB0cmltKGJ1ZiksIG90YWc6IG90YWcsIGN0YWc6IGN0YWcsXG4gICAgICAgICAgICAgICAgICAgICAgIGk6ICh0YWdUeXBlID09ICcvJykgPyBzZWVuVGFnIC0gb3RhZy5sZW5ndGggOiBpICsgY3RhZy5sZW5ndGh9KTtcbiAgICAgICAgICBidWYgPSAnJztcbiAgICAgICAgICBpICs9IGN0YWcubGVuZ3RoIC0gMTtcbiAgICAgICAgICBzdGF0ZSA9IElOX1RFWFQ7XG4gICAgICAgICAgaWYgKHRhZ1R5cGUgPT0gJ3snKSB7XG4gICAgICAgICAgICBpZiAoY3RhZyA9PSAnfX0nKSB7XG4gICAgICAgICAgICAgIGkrKztcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgIGNsZWFuVHJpcGxlU3RhY2hlKHRva2Vuc1t0b2tlbnMubGVuZ3RoIC0gMV0pO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICBidWYgKz0gdGV4dC5jaGFyQXQoaSk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICBmaWx0ZXJMaW5lKHNlZW5UYWcsIHRydWUpO1xuXG4gICAgcmV0dXJuIHRva2VucztcbiAgfVxuXG4gIGZ1bmN0aW9uIGNsZWFuVHJpcGxlU3RhY2hlKHRva2VuKSB7XG4gICAgaWYgKHRva2VuLm4uc3Vic3RyKHRva2VuLm4ubGVuZ3RoIC0gMSkgPT09ICd9Jykge1xuICAgICAgdG9rZW4ubiA9IHRva2VuLm4uc3Vic3RyaW5nKDAsIHRva2VuLm4ubGVuZ3RoIC0gMSk7XG4gICAgfVxuICB9XG5cbiAgZnVuY3Rpb24gdHJpbShzKSB7XG4gICAgaWYgKHMudHJpbSkge1xuICAgICAgcmV0dXJuIHMudHJpbSgpO1xuICAgIH1cblxuICAgIHJldHVybiBzLnJlcGxhY2UoL15cXHMqfFxccyokL2csICcnKTtcbiAgfVxuXG4gIGZ1bmN0aW9uIHRhZ0NoYW5nZSh0YWcsIHRleHQsIGluZGV4KSB7XG4gICAgaWYgKHRleHQuY2hhckF0KGluZGV4KSAhPSB0YWcuY2hhckF0KDApKSB7XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuXG4gICAgZm9yICh2YXIgaSA9IDEsIGwgPSB0YWcubGVuZ3RoOyBpIDwgbDsgaSsrKSB7XG4gICAgICBpZiAodGV4dC5jaGFyQXQoaW5kZXggKyBpKSAhPSB0YWcuY2hhckF0KGkpKSB7XG4gICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gdHJ1ZTtcbiAgfVxuXG4gIC8vIHRoZSB0YWdzIGFsbG93ZWQgaW5zaWRlIHN1cGVyIHRlbXBsYXRlc1xuICB2YXIgYWxsb3dlZEluU3VwZXIgPSB7J190JzogdHJ1ZSwgJ1xcbic6IHRydWUsICckJzogdHJ1ZSwgJy8nOiB0cnVlfTtcblxuICBmdW5jdGlvbiBidWlsZFRyZWUodG9rZW5zLCBraW5kLCBzdGFjaywgY3VzdG9tVGFncykge1xuICAgIHZhciBpbnN0cnVjdGlvbnMgPSBbXSxcbiAgICAgICAgb3BlbmVyID0gbnVsbCxcbiAgICAgICAgdGFpbCA9IG51bGwsXG4gICAgICAgIHRva2VuID0gbnVsbDtcblxuICAgIHRhaWwgPSBzdGFja1tzdGFjay5sZW5ndGggLSAxXTtcblxuICAgIHdoaWxlICh0b2tlbnMubGVuZ3RoID4gMCkge1xuICAgICAgdG9rZW4gPSB0b2tlbnMuc2hpZnQoKTtcblxuICAgICAgaWYgKHRhaWwgJiYgdGFpbC50YWcgPT0gJzwnICYmICEodG9rZW4udGFnIGluIGFsbG93ZWRJblN1cGVyKSkge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ0lsbGVnYWwgY29udGVudCBpbiA8IHN1cGVyIHRhZy4nKTtcbiAgICAgIH1cblxuICAgICAgaWYgKEhvZ2FuLnRhZ3NbdG9rZW4udGFnXSA8PSBIb2dhbi50YWdzWyckJ10gfHwgaXNPcGVuZXIodG9rZW4sIGN1c3RvbVRhZ3MpKSB7XG4gICAgICAgIHN0YWNrLnB1c2godG9rZW4pO1xuICAgICAgICB0b2tlbi5ub2RlcyA9IGJ1aWxkVHJlZSh0b2tlbnMsIHRva2VuLnRhZywgc3RhY2ssIGN1c3RvbVRhZ3MpO1xuICAgICAgfSBlbHNlIGlmICh0b2tlbi50YWcgPT0gJy8nKSB7XG4gICAgICAgIGlmIChzdGFjay5sZW5ndGggPT09IDApIHtcbiAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ0Nsb3NpbmcgdGFnIHdpdGhvdXQgb3BlbmVyOiAvJyArIHRva2VuLm4pO1xuICAgICAgICB9XG4gICAgICAgIG9wZW5lciA9IHN0YWNrLnBvcCgpO1xuICAgICAgICBpZiAodG9rZW4ubiAhPSBvcGVuZXIubiAmJiAhaXNDbG9zZXIodG9rZW4ubiwgb3BlbmVyLm4sIGN1c3RvbVRhZ3MpKSB7XG4gICAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdOZXN0aW5nIGVycm9yOiAnICsgb3BlbmVyLm4gKyAnIHZzLiAnICsgdG9rZW4ubik7XG4gICAgICAgIH1cbiAgICAgICAgb3BlbmVyLmVuZCA9IHRva2VuLmk7XG4gICAgICAgIHJldHVybiBpbnN0cnVjdGlvbnM7XG4gICAgICB9IGVsc2UgaWYgKHRva2VuLnRhZyA9PSAnXFxuJykge1xuICAgICAgICB0b2tlbi5sYXN0ID0gKHRva2Vucy5sZW5ndGggPT0gMCkgfHwgKHRva2Vuc1swXS50YWcgPT0gJ1xcbicpO1xuICAgICAgfVxuXG4gICAgICBpbnN0cnVjdGlvbnMucHVzaCh0b2tlbik7XG4gICAgfVxuXG4gICAgaWYgKHN0YWNrLmxlbmd0aCA+IDApIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcignbWlzc2luZyBjbG9zaW5nIHRhZzogJyArIHN0YWNrLnBvcCgpLm4pO1xuICAgIH1cblxuICAgIHJldHVybiBpbnN0cnVjdGlvbnM7XG4gIH1cblxuICBmdW5jdGlvbiBpc09wZW5lcih0b2tlbiwgdGFncykge1xuICAgIGZvciAodmFyIGkgPSAwLCBsID0gdGFncy5sZW5ndGg7IGkgPCBsOyBpKyspIHtcbiAgICAgIGlmICh0YWdzW2ldLm8gPT0gdG9rZW4ubikge1xuICAgICAgICB0b2tlbi50YWcgPSAnIyc7XG4gICAgICAgIHJldHVybiB0cnVlO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIGZ1bmN0aW9uIGlzQ2xvc2VyKGNsb3NlLCBvcGVuLCB0YWdzKSB7XG4gICAgZm9yICh2YXIgaSA9IDAsIGwgPSB0YWdzLmxlbmd0aDsgaSA8IGw7IGkrKykge1xuICAgICAgaWYgKHRhZ3NbaV0uYyA9PSBjbG9zZSAmJiB0YWdzW2ldLm8gPT0gb3Blbikge1xuICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBmdW5jdGlvbiBzdHJpbmdpZnlTdWJzdGl0dXRpb25zKG9iaikge1xuICAgIHZhciBpdGVtcyA9IFtdO1xuICAgIGZvciAodmFyIGtleSBpbiBvYmopIHtcbiAgICAgIGl0ZW1zLnB1c2goJ1wiJyArIGVzYyhrZXkpICsgJ1wiOiBmdW5jdGlvbihjLHAsdCxpKSB7JyArIG9ialtrZXldICsgJ30nKTtcbiAgICB9XG4gICAgcmV0dXJuIFwieyBcIiArIGl0ZW1zLmpvaW4oXCIsXCIpICsgXCIgfVwiO1xuICB9XG5cbiAgZnVuY3Rpb24gc3RyaW5naWZ5UGFydGlhbHMoY29kZU9iaikge1xuICAgIHZhciBwYXJ0aWFscyA9IFtdO1xuICAgIGZvciAodmFyIGtleSBpbiBjb2RlT2JqLnBhcnRpYWxzKSB7XG4gICAgICBwYXJ0aWFscy5wdXNoKCdcIicgKyBlc2Moa2V5KSArICdcIjp7bmFtZTpcIicgKyBlc2MoY29kZU9iai5wYXJ0aWFsc1trZXldLm5hbWUpICsgJ1wiLCAnICsgc3RyaW5naWZ5UGFydGlhbHMoY29kZU9iai5wYXJ0aWFsc1trZXldKSArIFwifVwiKTtcbiAgICB9XG4gICAgcmV0dXJuIFwicGFydGlhbHM6IHtcIiArIHBhcnRpYWxzLmpvaW4oXCIsXCIpICsgXCJ9LCBzdWJzOiBcIiArIHN0cmluZ2lmeVN1YnN0aXR1dGlvbnMoY29kZU9iai5zdWJzKTtcbiAgfVxuXG4gIEhvZ2FuLnN0cmluZ2lmeSA9IGZ1bmN0aW9uKGNvZGVPYmosIHRleHQsIG9wdGlvbnMpIHtcbiAgICByZXR1cm4gXCJ7Y29kZTogZnVuY3Rpb24gKGMscCxpKSB7IFwiICsgSG9nYW4ud3JhcE1haW4oY29kZU9iai5jb2RlKSArIFwiIH0sXCIgKyBzdHJpbmdpZnlQYXJ0aWFscyhjb2RlT2JqKSArICBcIn1cIjtcbiAgfVxuXG4gIHZhciBzZXJpYWxObyA9IDA7XG4gIEhvZ2FuLmdlbmVyYXRlID0gZnVuY3Rpb24odHJlZSwgdGV4dCwgb3B0aW9ucykge1xuICAgIHNlcmlhbE5vID0gMDtcbiAgICB2YXIgY29udGV4dCA9IHsgY29kZTogJycsIHN1YnM6IHt9LCBwYXJ0aWFsczoge30gfTtcbiAgICBIb2dhbi53YWxrKHRyZWUsIGNvbnRleHQpO1xuXG4gICAgaWYgKG9wdGlvbnMuYXNTdHJpbmcpIHtcbiAgICAgIHJldHVybiB0aGlzLnN0cmluZ2lmeShjb250ZXh0LCB0ZXh0LCBvcHRpb25zKTtcbiAgICB9XG5cbiAgICByZXR1cm4gdGhpcy5tYWtlVGVtcGxhdGUoY29udGV4dCwgdGV4dCwgb3B0aW9ucyk7XG4gIH1cblxuICBIb2dhbi53cmFwTWFpbiA9IGZ1bmN0aW9uKGNvZGUpIHtcbiAgICByZXR1cm4gJ3ZhciB0PXRoaXM7dC5iKGk9aXx8XCJcIik7JyArIGNvZGUgKyAncmV0dXJuIHQuZmwoKTsnO1xuICB9XG5cbiAgSG9nYW4udGVtcGxhdGUgPSBIb2dhbi5UZW1wbGF0ZTtcblxuICBIb2dhbi5tYWtlVGVtcGxhdGUgPSBmdW5jdGlvbihjb2RlT2JqLCB0ZXh0LCBvcHRpb25zKSB7XG4gICAgdmFyIHRlbXBsYXRlID0gdGhpcy5tYWtlUGFydGlhbHMoY29kZU9iaik7XG4gICAgdGVtcGxhdGUuY29kZSA9IG5ldyBGdW5jdGlvbignYycsICdwJywgJ2knLCB0aGlzLndyYXBNYWluKGNvZGVPYmouY29kZSkpO1xuICAgIHJldHVybiBuZXcgdGhpcy50ZW1wbGF0ZSh0ZW1wbGF0ZSwgdGV4dCwgdGhpcywgb3B0aW9ucyk7XG4gIH1cblxuICBIb2dhbi5tYWtlUGFydGlhbHMgPSBmdW5jdGlvbihjb2RlT2JqKSB7XG4gICAgdmFyIGtleSwgdGVtcGxhdGUgPSB7c3Viczoge30sIHBhcnRpYWxzOiBjb2RlT2JqLnBhcnRpYWxzLCBuYW1lOiBjb2RlT2JqLm5hbWV9O1xuICAgIGZvciAoa2V5IGluIHRlbXBsYXRlLnBhcnRpYWxzKSB7XG4gICAgICB0ZW1wbGF0ZS5wYXJ0aWFsc1trZXldID0gdGhpcy5tYWtlUGFydGlhbHModGVtcGxhdGUucGFydGlhbHNba2V5XSk7XG4gICAgfVxuICAgIGZvciAoa2V5IGluIGNvZGVPYmouc3Vicykge1xuICAgICAgdGVtcGxhdGUuc3Vic1trZXldID0gbmV3IEZ1bmN0aW9uKCdjJywgJ3AnLCAndCcsICdpJywgY29kZU9iai5zdWJzW2tleV0pO1xuICAgIH1cbiAgICByZXR1cm4gdGVtcGxhdGU7XG4gIH1cblxuICBmdW5jdGlvbiBlc2Mocykge1xuICAgIHJldHVybiBzLnJlcGxhY2UoclNsYXNoLCAnXFxcXFxcXFwnKVxuICAgICAgICAgICAgLnJlcGxhY2UoclF1b3QsICdcXFxcXFxcIicpXG4gICAgICAgICAgICAucmVwbGFjZShyTmV3bGluZSwgJ1xcXFxuJylcbiAgICAgICAgICAgIC5yZXBsYWNlKHJDciwgJ1xcXFxyJylcbiAgICAgICAgICAgIC5yZXBsYWNlKHJMaW5lU2VwLCAnXFxcXHUyMDI4JylcbiAgICAgICAgICAgIC5yZXBsYWNlKHJQYXJhZ3JhcGhTZXAsICdcXFxcdTIwMjknKTtcbiAgfVxuXG4gIGZ1bmN0aW9uIGNob29zZU1ldGhvZChzKSB7XG4gICAgcmV0dXJuICh+cy5pbmRleE9mKCcuJykpID8gJ2QnIDogJ2YnO1xuICB9XG5cbiAgZnVuY3Rpb24gY3JlYXRlUGFydGlhbChub2RlLCBjb250ZXh0KSB7XG4gICAgdmFyIHByZWZpeCA9IFwiPFwiICsgKGNvbnRleHQucHJlZml4IHx8IFwiXCIpO1xuICAgIHZhciBzeW0gPSBwcmVmaXggKyBub2RlLm4gKyBzZXJpYWxObysrO1xuICAgIGNvbnRleHQucGFydGlhbHNbc3ltXSA9IHtuYW1lOiBub2RlLm4sIHBhcnRpYWxzOiB7fX07XG4gICAgY29udGV4dC5jb2RlICs9ICd0LmIodC5ycChcIicgKyAgZXNjKHN5bSkgKyAnXCIsYyxwLFwiJyArIChub2RlLmluZGVudCB8fCAnJykgKyAnXCIpKTsnO1xuICAgIHJldHVybiBzeW07XG4gIH1cblxuICBIb2dhbi5jb2RlZ2VuID0ge1xuICAgICcjJzogZnVuY3Rpb24obm9kZSwgY29udGV4dCkge1xuICAgICAgY29udGV4dC5jb2RlICs9ICdpZih0LnModC4nICsgY2hvb3NlTWV0aG9kKG5vZGUubikgKyAnKFwiJyArIGVzYyhub2RlLm4pICsgJ1wiLGMscCwxKSwnICtcbiAgICAgICAgICAgICAgICAgICAgICAnYyxwLDAsJyArIG5vZGUuaSArICcsJyArIG5vZGUuZW5kICsgJyxcIicgKyBub2RlLm90YWcgKyBcIiBcIiArIG5vZGUuY3RhZyArICdcIikpeycgK1xuICAgICAgICAgICAgICAgICAgICAgICd0LnJzKGMscCwnICsgJ2Z1bmN0aW9uKGMscCx0KXsnO1xuICAgICAgSG9nYW4ud2Fsayhub2RlLm5vZGVzLCBjb250ZXh0KTtcbiAgICAgIGNvbnRleHQuY29kZSArPSAnfSk7Yy5wb3AoKTt9JztcbiAgICB9LFxuXG4gICAgJ14nOiBmdW5jdGlvbihub2RlLCBjb250ZXh0KSB7XG4gICAgICBjb250ZXh0LmNvZGUgKz0gJ2lmKCF0LnModC4nICsgY2hvb3NlTWV0aG9kKG5vZGUubikgKyAnKFwiJyArIGVzYyhub2RlLm4pICsgJ1wiLGMscCwxKSxjLHAsMSwwLDAsXCJcIikpeyc7XG4gICAgICBIb2dhbi53YWxrKG5vZGUubm9kZXMsIGNvbnRleHQpO1xuICAgICAgY29udGV4dC5jb2RlICs9ICd9Oyc7XG4gICAgfSxcblxuICAgICc+JzogY3JlYXRlUGFydGlhbCxcbiAgICAnPCc6IGZ1bmN0aW9uKG5vZGUsIGNvbnRleHQpIHtcbiAgICAgIHZhciBjdHggPSB7cGFydGlhbHM6IHt9LCBjb2RlOiAnJywgc3Viczoge30sIGluUGFydGlhbDogdHJ1ZX07XG4gICAgICBIb2dhbi53YWxrKG5vZGUubm9kZXMsIGN0eCk7XG4gICAgICB2YXIgdGVtcGxhdGUgPSBjb250ZXh0LnBhcnRpYWxzW2NyZWF0ZVBhcnRpYWwobm9kZSwgY29udGV4dCldO1xuICAgICAgdGVtcGxhdGUuc3VicyA9IGN0eC5zdWJzO1xuICAgICAgdGVtcGxhdGUucGFydGlhbHMgPSBjdHgucGFydGlhbHM7XG4gICAgfSxcblxuICAgICckJzogZnVuY3Rpb24obm9kZSwgY29udGV4dCkge1xuICAgICAgdmFyIGN0eCA9IHtzdWJzOiB7fSwgY29kZTogJycsIHBhcnRpYWxzOiBjb250ZXh0LnBhcnRpYWxzLCBwcmVmaXg6IG5vZGUubn07XG4gICAgICBIb2dhbi53YWxrKG5vZGUubm9kZXMsIGN0eCk7XG4gICAgICBjb250ZXh0LnN1YnNbbm9kZS5uXSA9IGN0eC5jb2RlO1xuICAgICAgaWYgKCFjb250ZXh0LmluUGFydGlhbCkge1xuICAgICAgICBjb250ZXh0LmNvZGUgKz0gJ3Quc3ViKFwiJyArIGVzYyhub2RlLm4pICsgJ1wiLGMscCxpKTsnO1xuICAgICAgfVxuICAgIH0sXG5cbiAgICAnXFxuJzogZnVuY3Rpb24obm9kZSwgY29udGV4dCkge1xuICAgICAgY29udGV4dC5jb2RlICs9IHdyaXRlKCdcIlxcXFxuXCInICsgKG5vZGUubGFzdCA/ICcnIDogJyArIGknKSk7XG4gICAgfSxcblxuICAgICdfdic6IGZ1bmN0aW9uKG5vZGUsIGNvbnRleHQpIHtcbiAgICAgIGNvbnRleHQuY29kZSArPSAndC5iKHQudih0LicgKyBjaG9vc2VNZXRob2Qobm9kZS5uKSArICcoXCInICsgZXNjKG5vZGUubikgKyAnXCIsYyxwLDApKSk7JztcbiAgICB9LFxuXG4gICAgJ190JzogZnVuY3Rpb24obm9kZSwgY29udGV4dCkge1xuICAgICAgY29udGV4dC5jb2RlICs9IHdyaXRlKCdcIicgKyBlc2Mobm9kZS50ZXh0KSArICdcIicpO1xuICAgIH0sXG5cbiAgICAneyc6IHRyaXBsZVN0YWNoZSxcblxuICAgICcmJzogdHJpcGxlU3RhY2hlXG4gIH1cblxuICBmdW5jdGlvbiB0cmlwbGVTdGFjaGUobm9kZSwgY29udGV4dCkge1xuICAgIGNvbnRleHQuY29kZSArPSAndC5iKHQudCh0LicgKyBjaG9vc2VNZXRob2Qobm9kZS5uKSArICcoXCInICsgZXNjKG5vZGUubikgKyAnXCIsYyxwLDApKSk7JztcbiAgfVxuXG4gIGZ1bmN0aW9uIHdyaXRlKHMpIHtcbiAgICByZXR1cm4gJ3QuYignICsgcyArICcpOyc7XG4gIH1cblxuICBIb2dhbi53YWxrID0gZnVuY3Rpb24obm9kZWxpc3QsIGNvbnRleHQpIHtcbiAgICB2YXIgZnVuYztcbiAgICBmb3IgKHZhciBpID0gMCwgbCA9IG5vZGVsaXN0Lmxlbmd0aDsgaSA8IGw7IGkrKykge1xuICAgICAgZnVuYyA9IEhvZ2FuLmNvZGVnZW5bbm9kZWxpc3RbaV0udGFnXTtcbiAgICAgIGZ1bmMgJiYgZnVuYyhub2RlbGlzdFtpXSwgY29udGV4dCk7XG4gICAgfVxuICAgIHJldHVybiBjb250ZXh0O1xuICB9XG5cbiAgSG9nYW4ucGFyc2UgPSBmdW5jdGlvbih0b2tlbnMsIHRleHQsIG9wdGlvbnMpIHtcbiAgICBvcHRpb25zID0gb3B0aW9ucyB8fCB7fTtcbiAgICByZXR1cm4gYnVpbGRUcmVlKHRva2VucywgJycsIFtdLCBvcHRpb25zLnNlY3Rpb25UYWdzIHx8IFtdKTtcbiAgfVxuXG4gIEhvZ2FuLmNhY2hlID0ge307XG5cbiAgSG9nYW4uY2FjaGVLZXkgPSBmdW5jdGlvbih0ZXh0LCBvcHRpb25zKSB7XG4gICAgcmV0dXJuIFt0ZXh0LCAhIW9wdGlvbnMuYXNTdHJpbmcsICEhb3B0aW9ucy5kaXNhYmxlTGFtYmRhLCBvcHRpb25zLmRlbGltaXRlcnMsICEhb3B0aW9ucy5tb2RlbEdldF0uam9pbignfHwnKTtcbiAgfVxuXG4gIEhvZ2FuLmNvbXBpbGUgPSBmdW5jdGlvbih0ZXh0LCBvcHRpb25zKSB7XG4gICAgb3B0aW9ucyA9IG9wdGlvbnMgfHwge307XG4gICAgdmFyIGtleSA9IEhvZ2FuLmNhY2hlS2V5KHRleHQsIG9wdGlvbnMpO1xuICAgIHZhciB0ZW1wbGF0ZSA9IHRoaXMuY2FjaGVba2V5XTtcblxuICAgIGlmICh0ZW1wbGF0ZSkge1xuICAgICAgdmFyIHBhcnRpYWxzID0gdGVtcGxhdGUucGFydGlhbHM7XG4gICAgICBmb3IgKHZhciBuYW1lIGluIHBhcnRpYWxzKSB7XG4gICAgICAgIGRlbGV0ZSBwYXJ0aWFsc1tuYW1lXS5pbnN0YW5jZTtcbiAgICAgIH1cbiAgICAgIHJldHVybiB0ZW1wbGF0ZTtcbiAgICB9XG5cbiAgICB0ZW1wbGF0ZSA9IHRoaXMuZ2VuZXJhdGUodGhpcy5wYXJzZSh0aGlzLnNjYW4odGV4dCwgb3B0aW9ucy5kZWxpbWl0ZXJzKSwgdGV4dCwgb3B0aW9ucyksIHRleHQsIG9wdGlvbnMpO1xuICAgIHJldHVybiB0aGlzLmNhY2hlW2tleV0gPSB0ZW1wbGF0ZTtcbiAgfVxufSkodHlwZW9mIGV4cG9ydHMgIT09ICd1bmRlZmluZWQnID8gZXhwb3J0cyA6IEhvZ2FuKTtcbiIsIi8qXG4gKiAgQ29weXJpZ2h0IDIwMTEgVHdpdHRlciwgSW5jLlxuICogIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cblxuLy8gVGhpcyBmaWxlIGlzIGZvciB1c2Ugd2l0aCBOb2RlLmpzLiBTZWUgZGlzdC8gZm9yIGJyb3dzZXIgZmlsZXMuXG5cbnZhciBIb2dhbiA9IHJlcXVpcmUoJy4vY29tcGlsZXInKTtcbkhvZ2FuLlRlbXBsYXRlID0gcmVxdWlyZSgnLi90ZW1wbGF0ZScpLlRlbXBsYXRlO1xuSG9nYW4udGVtcGxhdGUgPSBIb2dhbi5UZW1wbGF0ZTtcbm1vZHVsZS5leHBvcnRzID0gSG9nYW47XG4iLCIvKlxuICogIENvcHlyaWdodCAyMDExIFR3aXR0ZXIsIEluYy5cbiAqICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5cbnZhciBIb2dhbiA9IHt9O1xuXG4oZnVuY3Rpb24gKEhvZ2FuKSB7XG4gIEhvZ2FuLlRlbXBsYXRlID0gZnVuY3Rpb24gKGNvZGVPYmosIHRleHQsIGNvbXBpbGVyLCBvcHRpb25zKSB7XG4gICAgY29kZU9iaiA9IGNvZGVPYmogfHwge307XG4gICAgdGhpcy5yID0gY29kZU9iai5jb2RlIHx8IHRoaXMucjtcbiAgICB0aGlzLmMgPSBjb21waWxlcjtcbiAgICB0aGlzLm9wdGlvbnMgPSBvcHRpb25zIHx8IHt9O1xuICAgIHRoaXMudGV4dCA9IHRleHQgfHwgJyc7XG4gICAgdGhpcy5wYXJ0aWFscyA9IGNvZGVPYmoucGFydGlhbHMgfHwge307XG4gICAgdGhpcy5zdWJzID0gY29kZU9iai5zdWJzIHx8IHt9O1xuICAgIHRoaXMuYnVmID0gJyc7XG4gIH1cblxuICBIb2dhbi5UZW1wbGF0ZS5wcm90b3R5cGUgPSB7XG4gICAgLy8gcmVuZGVyOiByZXBsYWNlZCBieSBnZW5lcmF0ZWQgY29kZS5cbiAgICByOiBmdW5jdGlvbiAoY29udGV4dCwgcGFydGlhbHMsIGluZGVudCkgeyByZXR1cm4gJyc7IH0sXG5cbiAgICAvLyB2YXJpYWJsZSBlc2NhcGluZ1xuICAgIHY6IGhvZ2FuRXNjYXBlLFxuXG4gICAgLy8gdHJpcGxlIHN0YWNoZVxuICAgIHQ6IGNvZXJjZVRvU3RyaW5nLFxuXG4gICAgcmVuZGVyOiBmdW5jdGlvbiByZW5kZXIoY29udGV4dCwgcGFydGlhbHMsIGluZGVudCkge1xuICAgICAgcmV0dXJuIHRoaXMucmkoW2NvbnRleHRdLCBwYXJ0aWFscyB8fCB7fSwgaW5kZW50KTtcbiAgICB9LFxuXG4gICAgLy8gcmVuZGVyIGludGVybmFsIC0tIGEgaG9vayBmb3Igb3ZlcnJpZGVzIHRoYXQgY2F0Y2hlcyBwYXJ0aWFscyB0b29cbiAgICByaTogZnVuY3Rpb24gKGNvbnRleHQsIHBhcnRpYWxzLCBpbmRlbnQpIHtcbiAgICAgIHJldHVybiB0aGlzLnIoY29udGV4dCwgcGFydGlhbHMsIGluZGVudCk7XG4gICAgfSxcblxuICAgIC8vIGVuc3VyZVBhcnRpYWxcbiAgICBlcDogZnVuY3Rpb24oc3ltYm9sLCBwYXJ0aWFscykge1xuICAgICAgdmFyIHBhcnRpYWwgPSB0aGlzLnBhcnRpYWxzW3N5bWJvbF07XG5cbiAgICAgIC8vIGNoZWNrIHRvIHNlZSB0aGF0IGlmIHdlJ3ZlIGluc3RhbnRpYXRlZCB0aGlzIHBhcnRpYWwgYmVmb3JlXG4gICAgICB2YXIgdGVtcGxhdGUgPSBwYXJ0aWFsc1twYXJ0aWFsLm5hbWVdO1xuICAgICAgaWYgKHBhcnRpYWwuaW5zdGFuY2UgJiYgcGFydGlhbC5iYXNlID09IHRlbXBsYXRlKSB7XG4gICAgICAgIHJldHVybiBwYXJ0aWFsLmluc3RhbmNlO1xuICAgICAgfVxuXG4gICAgICBpZiAodHlwZW9mIHRlbXBsYXRlID09ICdzdHJpbmcnKSB7XG4gICAgICAgIGlmICghdGhpcy5jKSB7XG4gICAgICAgICAgdGhyb3cgbmV3IEVycm9yKFwiTm8gY29tcGlsZXIgYXZhaWxhYmxlLlwiKTtcbiAgICAgICAgfVxuICAgICAgICB0ZW1wbGF0ZSA9IHRoaXMuYy5jb21waWxlKHRlbXBsYXRlLCB0aGlzLm9wdGlvbnMpO1xuICAgICAgfVxuXG4gICAgICBpZiAoIXRlbXBsYXRlKSB7XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgICAgfVxuXG4gICAgICAvLyBXZSB1c2UgdGhpcyB0byBjaGVjayB3aGV0aGVyIHRoZSBwYXJ0aWFscyBkaWN0aW9uYXJ5IGhhcyBjaGFuZ2VkXG4gICAgICB0aGlzLnBhcnRpYWxzW3N5bWJvbF0uYmFzZSA9IHRlbXBsYXRlO1xuXG4gICAgICBpZiAocGFydGlhbC5zdWJzKSB7XG4gICAgICAgIC8vIE1ha2Ugc3VyZSB3ZSBjb25zaWRlciBwYXJlbnQgdGVtcGxhdGUgbm93XG4gICAgICAgIGlmICghcGFydGlhbHMuc3RhY2tUZXh0KSBwYXJ0aWFscy5zdGFja1RleHQgPSB7fTtcbiAgICAgICAgZm9yIChrZXkgaW4gcGFydGlhbC5zdWJzKSB7XG4gICAgICAgICAgaWYgKCFwYXJ0aWFscy5zdGFja1RleHRba2V5XSkge1xuICAgICAgICAgICAgcGFydGlhbHMuc3RhY2tUZXh0W2tleV0gPSAodGhpcy5hY3RpdmVTdWIgIT09IHVuZGVmaW5lZCAmJiBwYXJ0aWFscy5zdGFja1RleHRbdGhpcy5hY3RpdmVTdWJdKSA/IHBhcnRpYWxzLnN0YWNrVGV4dFt0aGlzLmFjdGl2ZVN1Yl0gOiB0aGlzLnRleHQ7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIHRlbXBsYXRlID0gY3JlYXRlU3BlY2lhbGl6ZWRQYXJ0aWFsKHRlbXBsYXRlLCBwYXJ0aWFsLnN1YnMsIHBhcnRpYWwucGFydGlhbHMsXG4gICAgICAgICAgdGhpcy5zdGFja1N1YnMsIHRoaXMuc3RhY2tQYXJ0aWFscywgcGFydGlhbHMuc3RhY2tUZXh0KTtcbiAgICAgIH1cbiAgICAgIHRoaXMucGFydGlhbHNbc3ltYm9sXS5pbnN0YW5jZSA9IHRlbXBsYXRlO1xuXG4gICAgICByZXR1cm4gdGVtcGxhdGU7XG4gICAgfSxcblxuICAgIC8vIHRyaWVzIHRvIGZpbmQgYSBwYXJ0aWFsIGluIHRoZSBjdXJyZW50IHNjb3BlIGFuZCByZW5kZXIgaXRcbiAgICBycDogZnVuY3Rpb24oc3ltYm9sLCBjb250ZXh0LCBwYXJ0aWFscywgaW5kZW50KSB7XG4gICAgICB2YXIgcGFydGlhbCA9IHRoaXMuZXAoc3ltYm9sLCBwYXJ0aWFscyk7XG4gICAgICBpZiAoIXBhcnRpYWwpIHtcbiAgICAgICAgcmV0dXJuICcnO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gcGFydGlhbC5yaShjb250ZXh0LCBwYXJ0aWFscywgaW5kZW50KTtcbiAgICB9LFxuXG4gICAgLy8gcmVuZGVyIGEgc2VjdGlvblxuICAgIHJzOiBmdW5jdGlvbihjb250ZXh0LCBwYXJ0aWFscywgc2VjdGlvbikge1xuICAgICAgdmFyIHRhaWwgPSBjb250ZXh0W2NvbnRleHQubGVuZ3RoIC0gMV07XG5cbiAgICAgIGlmICghaXNBcnJheSh0YWlsKSkge1xuICAgICAgICBzZWN0aW9uKGNvbnRleHQsIHBhcnRpYWxzLCB0aGlzKTtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBmb3IgKHZhciBpID0gMDsgaSA8IHRhaWwubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgY29udGV4dC5wdXNoKHRhaWxbaV0pO1xuICAgICAgICBzZWN0aW9uKGNvbnRleHQsIHBhcnRpYWxzLCB0aGlzKTtcbiAgICAgICAgY29udGV4dC5wb3AoKTtcbiAgICAgIH1cbiAgICB9LFxuXG4gICAgLy8gbWF5YmUgc3RhcnQgYSBzZWN0aW9uXG4gICAgczogZnVuY3Rpb24odmFsLCBjdHgsIHBhcnRpYWxzLCBpbnZlcnRlZCwgc3RhcnQsIGVuZCwgdGFncykge1xuICAgICAgdmFyIHBhc3M7XG5cbiAgICAgIGlmIChpc0FycmF5KHZhbCkgJiYgdmFsLmxlbmd0aCA9PT0gMCkge1xuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICB9XG5cbiAgICAgIGlmICh0eXBlb2YgdmFsID09ICdmdW5jdGlvbicpIHtcbiAgICAgICAgdmFsID0gdGhpcy5tcyh2YWwsIGN0eCwgcGFydGlhbHMsIGludmVydGVkLCBzdGFydCwgZW5kLCB0YWdzKTtcbiAgICAgIH1cblxuICAgICAgcGFzcyA9ICEhdmFsO1xuXG4gICAgICBpZiAoIWludmVydGVkICYmIHBhc3MgJiYgY3R4KSB7XG4gICAgICAgIGN0eC5wdXNoKCh0eXBlb2YgdmFsID09ICdvYmplY3QnKSA/IHZhbCA6IGN0eFtjdHgubGVuZ3RoIC0gMV0pO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gcGFzcztcbiAgICB9LFxuXG4gICAgLy8gZmluZCB2YWx1ZXMgd2l0aCBkb3R0ZWQgbmFtZXNcbiAgICBkOiBmdW5jdGlvbihrZXksIGN0eCwgcGFydGlhbHMsIHJldHVybkZvdW5kKSB7XG4gICAgICB2YXIgZm91bmQsXG4gICAgICAgICAgbmFtZXMgPSBrZXkuc3BsaXQoJy4nKSxcbiAgICAgICAgICB2YWwgPSB0aGlzLmYobmFtZXNbMF0sIGN0eCwgcGFydGlhbHMsIHJldHVybkZvdW5kKSxcbiAgICAgICAgICBkb01vZGVsR2V0ID0gdGhpcy5vcHRpb25zLm1vZGVsR2V0LFxuICAgICAgICAgIGN4ID0gbnVsbDtcblxuICAgICAgaWYgKGtleSA9PT0gJy4nICYmIGlzQXJyYXkoY3R4W2N0eC5sZW5ndGggLSAyXSkpIHtcbiAgICAgICAgdmFsID0gY3R4W2N0eC5sZW5ndGggLSAxXTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGZvciAodmFyIGkgPSAxOyBpIDwgbmFtZXMubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgICBmb3VuZCA9IGZpbmRJblNjb3BlKG5hbWVzW2ldLCB2YWwsIGRvTW9kZWxHZXQpO1xuICAgICAgICAgIGlmIChmb3VuZCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICBjeCA9IHZhbDtcbiAgICAgICAgICAgIHZhbCA9IGZvdW5kO1xuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB2YWwgPSAnJztcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgaWYgKHJldHVybkZvdW5kICYmICF2YWwpIHtcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgICAgfVxuXG4gICAgICBpZiAoIXJldHVybkZvdW5kICYmIHR5cGVvZiB2YWwgPT0gJ2Z1bmN0aW9uJykge1xuICAgICAgICBjdHgucHVzaChjeCk7XG4gICAgICAgIHZhbCA9IHRoaXMubXYodmFsLCBjdHgsIHBhcnRpYWxzKTtcbiAgICAgICAgY3R4LnBvcCgpO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gdmFsO1xuICAgIH0sXG5cbiAgICAvLyBmaW5kIHZhbHVlcyB3aXRoIG5vcm1hbCBuYW1lc1xuICAgIGY6IGZ1bmN0aW9uKGtleSwgY3R4LCBwYXJ0aWFscywgcmV0dXJuRm91bmQpIHtcbiAgICAgIHZhciB2YWwgPSBmYWxzZSxcbiAgICAgICAgICB2ID0gbnVsbCxcbiAgICAgICAgICBmb3VuZCA9IGZhbHNlLFxuICAgICAgICAgIGRvTW9kZWxHZXQgPSB0aGlzLm9wdGlvbnMubW9kZWxHZXQ7XG5cbiAgICAgIGZvciAodmFyIGkgPSBjdHgubGVuZ3RoIC0gMTsgaSA+PSAwOyBpLS0pIHtcbiAgICAgICAgdiA9IGN0eFtpXTtcbiAgICAgICAgdmFsID0gZmluZEluU2NvcGUoa2V5LCB2LCBkb01vZGVsR2V0KTtcbiAgICAgICAgaWYgKHZhbCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgZm91bmQgPSB0cnVlO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIGlmICghZm91bmQpIHtcbiAgICAgICAgcmV0dXJuIChyZXR1cm5Gb3VuZCkgPyBmYWxzZSA6IFwiXCI7XG4gICAgICB9XG5cbiAgICAgIGlmICghcmV0dXJuRm91bmQgJiYgdHlwZW9mIHZhbCA9PSAnZnVuY3Rpb24nKSB7XG4gICAgICAgIHZhbCA9IHRoaXMubXYodmFsLCBjdHgsIHBhcnRpYWxzKTtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIHZhbDtcbiAgICB9LFxuXG4gICAgLy8gaGlnaGVyIG9yZGVyIHRlbXBsYXRlc1xuICAgIGxzOiBmdW5jdGlvbihmdW5jLCBjeCwgcGFydGlhbHMsIHRleHQsIHRhZ3MpIHtcbiAgICAgIHZhciBvbGRUYWdzID0gdGhpcy5vcHRpb25zLmRlbGltaXRlcnM7XG5cbiAgICAgIHRoaXMub3B0aW9ucy5kZWxpbWl0ZXJzID0gdGFncztcbiAgICAgIHRoaXMuYih0aGlzLmN0KGNvZXJjZVRvU3RyaW5nKGZ1bmMuY2FsbChjeCwgdGV4dCkpLCBjeCwgcGFydGlhbHMpKTtcbiAgICAgIHRoaXMub3B0aW9ucy5kZWxpbWl0ZXJzID0gb2xkVGFncztcblxuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH0sXG5cbiAgICAvLyBjb21waWxlIHRleHRcbiAgICBjdDogZnVuY3Rpb24odGV4dCwgY3gsIHBhcnRpYWxzKSB7XG4gICAgICBpZiAodGhpcy5vcHRpb25zLmRpc2FibGVMYW1iZGEpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdMYW1iZGEgZmVhdHVyZXMgZGlzYWJsZWQuJyk7XG4gICAgICB9XG4gICAgICByZXR1cm4gdGhpcy5jLmNvbXBpbGUodGV4dCwgdGhpcy5vcHRpb25zKS5yZW5kZXIoY3gsIHBhcnRpYWxzKTtcbiAgICB9LFxuXG4gICAgLy8gdGVtcGxhdGUgcmVzdWx0IGJ1ZmZlcmluZ1xuICAgIGI6IGZ1bmN0aW9uKHMpIHsgdGhpcy5idWYgKz0gczsgfSxcblxuICAgIGZsOiBmdW5jdGlvbigpIHsgdmFyIHIgPSB0aGlzLmJ1ZjsgdGhpcy5idWYgPSAnJzsgcmV0dXJuIHI7IH0sXG5cbiAgICAvLyBtZXRob2QgcmVwbGFjZSBzZWN0aW9uXG4gICAgbXM6IGZ1bmN0aW9uKGZ1bmMsIGN0eCwgcGFydGlhbHMsIGludmVydGVkLCBzdGFydCwgZW5kLCB0YWdzKSB7XG4gICAgICB2YXIgdGV4dFNvdXJjZSxcbiAgICAgICAgICBjeCA9IGN0eFtjdHgubGVuZ3RoIC0gMV0sXG4gICAgICAgICAgcmVzdWx0ID0gZnVuYy5jYWxsKGN4KTtcblxuICAgICAgaWYgKHR5cGVvZiByZXN1bHQgPT0gJ2Z1bmN0aW9uJykge1xuICAgICAgICBpZiAoaW52ZXJ0ZWQpIHtcbiAgICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICB0ZXh0U291cmNlID0gKHRoaXMuYWN0aXZlU3ViICYmIHRoaXMuc3Vic1RleHQgJiYgdGhpcy5zdWJzVGV4dFt0aGlzLmFjdGl2ZVN1Yl0pID8gdGhpcy5zdWJzVGV4dFt0aGlzLmFjdGl2ZVN1Yl0gOiB0aGlzLnRleHQ7XG4gICAgICAgICAgcmV0dXJuIHRoaXMubHMocmVzdWx0LCBjeCwgcGFydGlhbHMsIHRleHRTb3VyY2Uuc3Vic3RyaW5nKHN0YXJ0LCBlbmQpLCB0YWdzKTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICByZXR1cm4gcmVzdWx0O1xuICAgIH0sXG5cbiAgICAvLyBtZXRob2QgcmVwbGFjZSB2YXJpYWJsZVxuICAgIG12OiBmdW5jdGlvbihmdW5jLCBjdHgsIHBhcnRpYWxzKSB7XG4gICAgICB2YXIgY3ggPSBjdHhbY3R4Lmxlbmd0aCAtIDFdO1xuICAgICAgdmFyIHJlc3VsdCA9IGZ1bmMuY2FsbChjeCk7XG5cbiAgICAgIGlmICh0eXBlb2YgcmVzdWx0ID09ICdmdW5jdGlvbicpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuY3QoY29lcmNlVG9TdHJpbmcocmVzdWx0LmNhbGwoY3gpKSwgY3gsIHBhcnRpYWxzKTtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIHJlc3VsdDtcbiAgICB9LFxuXG4gICAgc3ViOiBmdW5jdGlvbihuYW1lLCBjb250ZXh0LCBwYXJ0aWFscywgaW5kZW50KSB7XG4gICAgICB2YXIgZiA9IHRoaXMuc3Vic1tuYW1lXTtcbiAgICAgIGlmIChmKSB7XG4gICAgICAgIHRoaXMuYWN0aXZlU3ViID0gbmFtZTtcbiAgICAgICAgZihjb250ZXh0LCBwYXJ0aWFscywgdGhpcywgaW5kZW50KTtcbiAgICAgICAgdGhpcy5hY3RpdmVTdWIgPSBmYWxzZTtcbiAgICAgIH1cbiAgICB9XG5cbiAgfTtcblxuICAvL0ZpbmQgYSBrZXkgaW4gYW4gb2JqZWN0XG4gIGZ1bmN0aW9uIGZpbmRJblNjb3BlKGtleSwgc2NvcGUsIGRvTW9kZWxHZXQpIHtcbiAgICB2YXIgdmFsO1xuXG4gICAgaWYgKHNjb3BlICYmIHR5cGVvZiBzY29wZSA9PSAnb2JqZWN0Jykge1xuXG4gICAgICBpZiAoc2NvcGVba2V5XSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIHZhbCA9IHNjb3BlW2tleV07XG5cbiAgICAgIC8vIHRyeSBsb29rdXAgd2l0aCBnZXQgZm9yIGJhY2tib25lIG9yIHNpbWlsYXIgbW9kZWwgZGF0YVxuICAgICAgfSBlbHNlIGlmIChkb01vZGVsR2V0ICYmIHNjb3BlLmdldCAmJiB0eXBlb2Ygc2NvcGUuZ2V0ID09ICdmdW5jdGlvbicpIHtcbiAgICAgICAgdmFsID0gc2NvcGUuZ2V0KGtleSk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcmV0dXJuIHZhbDtcbiAgfVxuXG4gIGZ1bmN0aW9uIGNyZWF0ZVNwZWNpYWxpemVkUGFydGlhbChpbnN0YW5jZSwgc3VicywgcGFydGlhbHMsIHN0YWNrU3Vicywgc3RhY2tQYXJ0aWFscywgc3RhY2tUZXh0KSB7XG4gICAgZnVuY3Rpb24gUGFydGlhbFRlbXBsYXRlKCkge307XG4gICAgUGFydGlhbFRlbXBsYXRlLnByb3RvdHlwZSA9IGluc3RhbmNlO1xuICAgIGZ1bmN0aW9uIFN1YnN0aXR1dGlvbnMoKSB7fTtcbiAgICBTdWJzdGl0dXRpb25zLnByb3RvdHlwZSA9IGluc3RhbmNlLnN1YnM7XG4gICAgdmFyIGtleTtcbiAgICB2YXIgcGFydGlhbCA9IG5ldyBQYXJ0aWFsVGVtcGxhdGUoKTtcbiAgICBwYXJ0aWFsLnN1YnMgPSBuZXcgU3Vic3RpdHV0aW9ucygpO1xuICAgIHBhcnRpYWwuc3Vic1RleHQgPSB7fTsgIC8vaGVoZS4gc3Vic3RleHQuXG4gICAgcGFydGlhbC5idWYgPSAnJztcblxuICAgIHN0YWNrU3VicyA9IHN0YWNrU3VicyB8fCB7fTtcbiAgICBwYXJ0aWFsLnN0YWNrU3VicyA9IHN0YWNrU3VicztcbiAgICBwYXJ0aWFsLnN1YnNUZXh0ID0gc3RhY2tUZXh0O1xuICAgIGZvciAoa2V5IGluIHN1YnMpIHtcbiAgICAgIGlmICghc3RhY2tTdWJzW2tleV0pIHN0YWNrU3Vic1trZXldID0gc3Vic1trZXldO1xuICAgIH1cbiAgICBmb3IgKGtleSBpbiBzdGFja1N1YnMpIHtcbiAgICAgIHBhcnRpYWwuc3Vic1trZXldID0gc3RhY2tTdWJzW2tleV07XG4gICAgfVxuXG4gICAgc3RhY2tQYXJ0aWFscyA9IHN0YWNrUGFydGlhbHMgfHwge307XG4gICAgcGFydGlhbC5zdGFja1BhcnRpYWxzID0gc3RhY2tQYXJ0aWFscztcbiAgICBmb3IgKGtleSBpbiBwYXJ0aWFscykge1xuICAgICAgaWYgKCFzdGFja1BhcnRpYWxzW2tleV0pIHN0YWNrUGFydGlhbHNba2V5XSA9IHBhcnRpYWxzW2tleV07XG4gICAgfVxuICAgIGZvciAoa2V5IGluIHN0YWNrUGFydGlhbHMpIHtcbiAgICAgIHBhcnRpYWwucGFydGlhbHNba2V5XSA9IHN0YWNrUGFydGlhbHNba2V5XTtcbiAgICB9XG5cbiAgICByZXR1cm4gcGFydGlhbDtcbiAgfVxuXG4gIHZhciByQW1wID0gLyYvZyxcbiAgICAgIHJMdCA9IC88L2csXG4gICAgICByR3QgPSAvPi9nLFxuICAgICAgckFwb3MgPSAvXFwnL2csXG4gICAgICByUXVvdCA9IC9cXFwiL2csXG4gICAgICBoQ2hhcnMgPSAvWyY8PlxcXCJcXCddLztcblxuICBmdW5jdGlvbiBjb2VyY2VUb1N0cmluZyh2YWwpIHtcbiAgICByZXR1cm4gU3RyaW5nKCh2YWwgPT09IG51bGwgfHwgdmFsID09PSB1bmRlZmluZWQpID8gJycgOiB2YWwpO1xuICB9XG5cbiAgZnVuY3Rpb24gaG9nYW5Fc2NhcGUoc3RyKSB7XG4gICAgc3RyID0gY29lcmNlVG9TdHJpbmcoc3RyKTtcbiAgICByZXR1cm4gaENoYXJzLnRlc3Qoc3RyKSA/XG4gICAgICBzdHJcbiAgICAgICAgLnJlcGxhY2UockFtcCwgJyZhbXA7JylcbiAgICAgICAgLnJlcGxhY2Uockx0LCAnJmx0OycpXG4gICAgICAgIC5yZXBsYWNlKHJHdCwgJyZndDsnKVxuICAgICAgICAucmVwbGFjZShyQXBvcywgJyYjMzk7JylcbiAgICAgICAgLnJlcGxhY2UoclF1b3QsICcmcXVvdDsnKSA6XG4gICAgICBzdHI7XG4gIH1cblxuICB2YXIgaXNBcnJheSA9IEFycmF5LmlzQXJyYXkgfHwgZnVuY3Rpb24oYSkge1xuICAgIHJldHVybiBPYmplY3QucHJvdG90eXBlLnRvU3RyaW5nLmNhbGwoYSkgPT09ICdbb2JqZWN0IEFycmF5XSc7XG4gIH07XG5cbn0pKHR5cGVvZiBleHBvcnRzICE9PSAndW5kZWZpbmVkJyA/IGV4cG9ydHMgOiBIb2dhbik7XG4iLCIndXNlIHN0cmljdCc7XG52YXIgdHlwZXMgPSBbXG4gIHJlcXVpcmUoJy4vbmV4dFRpY2snKSxcbiAgcmVxdWlyZSgnLi9xdWV1ZU1pY3JvdGFzaycpLFxuICByZXF1aXJlKCcuL211dGF0aW9uLmpzJyksXG4gIHJlcXVpcmUoJy4vbWVzc2FnZUNoYW5uZWwnKSxcbiAgcmVxdWlyZSgnLi9zdGF0ZUNoYW5nZScpLFxuICByZXF1aXJlKCcuL3RpbWVvdXQnKVxuXTtcbnZhciBkcmFpbmluZztcbnZhciBjdXJyZW50UXVldWU7XG52YXIgcXVldWVJbmRleCA9IC0xO1xudmFyIHF1ZXVlID0gW107XG52YXIgc2NoZWR1bGVkID0gZmFsc2U7XG5mdW5jdGlvbiBjbGVhblVwTmV4dFRpY2soKSB7XG4gIGlmICghZHJhaW5pbmcgfHwgIWN1cnJlbnRRdWV1ZSkge1xuICAgIHJldHVybjtcbiAgfVxuICBkcmFpbmluZyA9IGZhbHNlO1xuICBpZiAoY3VycmVudFF1ZXVlLmxlbmd0aCkge1xuICAgIHF1ZXVlID0gY3VycmVudFF1ZXVlLmNvbmNhdChxdWV1ZSk7XG4gIH0gZWxzZSB7XG4gICAgcXVldWVJbmRleCA9IC0xO1xuICB9XG4gIGlmIChxdWV1ZS5sZW5ndGgpIHtcbiAgICBuZXh0VGljaygpO1xuICB9XG59XG5cbi8vbmFtZWQgbmV4dFRpY2sgZm9yIGxlc3MgY29uZnVzaW5nIHN0YWNrIHRyYWNlc1xuZnVuY3Rpb24gbmV4dFRpY2soKSB7XG4gIGlmIChkcmFpbmluZykge1xuICAgIHJldHVybjtcbiAgfVxuICBzY2hlZHVsZWQgPSBmYWxzZTtcbiAgZHJhaW5pbmcgPSB0cnVlO1xuICB2YXIgbGVuID0gcXVldWUubGVuZ3RoO1xuICB2YXIgdGltZW91dCA9IHNldFRpbWVvdXQoY2xlYW5VcE5leHRUaWNrKTtcbiAgd2hpbGUgKGxlbikge1xuICAgIGN1cnJlbnRRdWV1ZSA9IHF1ZXVlO1xuICAgIHF1ZXVlID0gW107XG4gICAgd2hpbGUgKGN1cnJlbnRRdWV1ZSAmJiArK3F1ZXVlSW5kZXggPCBsZW4pIHtcbiAgICAgIGN1cnJlbnRRdWV1ZVtxdWV1ZUluZGV4XS5ydW4oKTtcbiAgICB9XG4gICAgcXVldWVJbmRleCA9IC0xO1xuICAgIGxlbiA9IHF1ZXVlLmxlbmd0aDtcbiAgfVxuICBjdXJyZW50UXVldWUgPSBudWxsO1xuICBxdWV1ZUluZGV4ID0gLTE7XG4gIGRyYWluaW5nID0gZmFsc2U7XG4gIGNsZWFyVGltZW91dCh0aW1lb3V0KTtcbn1cbnZhciBzY2hlZHVsZURyYWluO1xudmFyIGkgPSAtMTtcbnZhciBsZW4gPSB0eXBlcy5sZW5ndGg7XG53aGlsZSAoKytpIDwgbGVuKSB7XG4gIGlmICh0eXBlc1tpXSAmJiB0eXBlc1tpXS50ZXN0ICYmIHR5cGVzW2ldLnRlc3QoKSkge1xuICAgIHNjaGVkdWxlRHJhaW4gPSB0eXBlc1tpXS5pbnN0YWxsKG5leHRUaWNrKTtcbiAgICBicmVhaztcbiAgfVxufVxuLy8gdjggbGlrZXMgcHJlZGljdGlibGUgb2JqZWN0c1xuZnVuY3Rpb24gSXRlbShmdW4sIGFycmF5KSB7XG4gIHRoaXMuZnVuID0gZnVuO1xuICB0aGlzLmFycmF5ID0gYXJyYXk7XG59XG5JdGVtLnByb3RvdHlwZS5ydW4gPSBmdW5jdGlvbiAoKSB7XG4gIHZhciBmdW4gPSB0aGlzLmZ1bjtcbiAgdmFyIGFycmF5ID0gdGhpcy5hcnJheTtcbiAgc3dpdGNoIChhcnJheS5sZW5ndGgpIHtcbiAgY2FzZSAwOlxuICAgIHJldHVybiBmdW4oKTtcbiAgY2FzZSAxOlxuICAgIHJldHVybiBmdW4oYXJyYXlbMF0pO1xuICBjYXNlIDI6XG4gICAgcmV0dXJuIGZ1bihhcnJheVswXSwgYXJyYXlbMV0pO1xuICBjYXNlIDM6XG4gICAgcmV0dXJuIGZ1bihhcnJheVswXSwgYXJyYXlbMV0sIGFycmF5WzJdKTtcbiAgZGVmYXVsdDpcbiAgICByZXR1cm4gZnVuLmFwcGx5KG51bGwsIGFycmF5KTtcbiAgfVxuXG59O1xubW9kdWxlLmV4cG9ydHMgPSBpbW1lZGlhdGU7XG5mdW5jdGlvbiBpbW1lZGlhdGUodGFzaykge1xuICB2YXIgYXJncyA9IG5ldyBBcnJheShhcmd1bWVudHMubGVuZ3RoIC0gMSk7XG4gIGlmIChhcmd1bWVudHMubGVuZ3RoID4gMSkge1xuICAgIGZvciAodmFyIGkgPSAxOyBpIDwgYXJndW1lbnRzLmxlbmd0aDsgaSsrKSB7XG4gICAgICBhcmdzW2kgLSAxXSA9IGFyZ3VtZW50c1tpXTtcbiAgICB9XG4gIH1cbiAgcXVldWUucHVzaChuZXcgSXRlbSh0YXNrLCBhcmdzKSk7XG4gIGlmICghc2NoZWR1bGVkICYmICFkcmFpbmluZykge1xuICAgIHNjaGVkdWxlZCA9IHRydWU7XG4gICAgc2NoZWR1bGVEcmFpbigpO1xuICB9XG59XG4iLCIndXNlIHN0cmljdCc7XG5cbmV4cG9ydHMudGVzdCA9IGZ1bmN0aW9uICgpIHtcbiAgaWYgKGdsb2JhbC5zZXRJbW1lZGlhdGUpIHtcbiAgICAvLyB3ZSBjYW4gb25seSBnZXQgaGVyZSBpbiBJRTEwXG4gICAgLy8gd2hpY2ggZG9lc24ndCBoYW5kZWwgcG9zdE1lc3NhZ2Ugd2VsbFxuICAgIHJldHVybiBmYWxzZTtcbiAgfVxuICByZXR1cm4gdHlwZW9mIGdsb2JhbC5NZXNzYWdlQ2hhbm5lbCAhPT0gJ3VuZGVmaW5lZCc7XG59O1xuXG5leHBvcnRzLmluc3RhbGwgPSBmdW5jdGlvbiAoZnVuYykge1xuICB2YXIgY2hhbm5lbCA9IG5ldyBnbG9iYWwuTWVzc2FnZUNoYW5uZWwoKTtcbiAgY2hhbm5lbC5wb3J0MS5vbm1lc3NhZ2UgPSBmdW5jO1xuICByZXR1cm4gZnVuY3Rpb24gKCkge1xuICAgIGNoYW5uZWwucG9ydDIucG9zdE1lc3NhZ2UoMCk7XG4gIH07XG59OyIsIid1c2Ugc3RyaWN0Jztcbi8vYmFzZWQgb2ZmIHJzdnAgaHR0cHM6Ly9naXRodWIuY29tL3RpbGRlaW8vcnN2cC5qc1xuLy9saWNlbnNlIGh0dHBzOi8vZ2l0aHViLmNvbS90aWxkZWlvL3JzdnAuanMvYmxvYi9tYXN0ZXIvTElDRU5TRVxuLy9odHRwczovL2dpdGh1Yi5jb20vdGlsZGVpby9yc3ZwLmpzL2Jsb2IvbWFzdGVyL2xpYi9yc3ZwL2FzYXAuanNcblxudmFyIE11dGF0aW9uID0gZ2xvYmFsLk11dGF0aW9uT2JzZXJ2ZXIgfHwgZ2xvYmFsLldlYktpdE11dGF0aW9uT2JzZXJ2ZXI7XG5cbmV4cG9ydHMudGVzdCA9IGZ1bmN0aW9uICgpIHtcbiAgcmV0dXJuIE11dGF0aW9uO1xufTtcblxuZXhwb3J0cy5pbnN0YWxsID0gZnVuY3Rpb24gKGhhbmRsZSkge1xuICB2YXIgY2FsbGVkID0gMDtcbiAgdmFyIG9ic2VydmVyID0gbmV3IE11dGF0aW9uKGhhbmRsZSk7XG4gIHZhciBlbGVtZW50ID0gZ2xvYmFsLmRvY3VtZW50LmNyZWF0ZVRleHROb2RlKCcnKTtcbiAgb2JzZXJ2ZXIub2JzZXJ2ZShlbGVtZW50LCB7XG4gICAgY2hhcmFjdGVyRGF0YTogdHJ1ZVxuICB9KTtcbiAgcmV0dXJuIGZ1bmN0aW9uICgpIHtcbiAgICBlbGVtZW50LmRhdGEgPSAoY2FsbGVkID0gKytjYWxsZWQgJSAyKTtcbiAgfTtcbn07IiwiJ3VzZSBzdHJpY3QnO1xuZXhwb3J0cy50ZXN0ID0gZnVuY3Rpb24gKCkge1xuICByZXR1cm4gdHlwZW9mIGdsb2JhbC5xdWV1ZU1pY3JvdGFzayA9PT0gJ2Z1bmN0aW9uJztcbn07XG5cbmV4cG9ydHMuaW5zdGFsbCA9IGZ1bmN0aW9uIChmdW5jKSB7XG4gIHJldHVybiBmdW5jdGlvbiAoKSB7XG4gICAgZ2xvYmFsLnF1ZXVlTWljcm90YXNrKGZ1bmMpO1xuICB9O1xufTtcbiIsIid1c2Ugc3RyaWN0JztcblxuZXhwb3J0cy50ZXN0ID0gZnVuY3Rpb24gKCkge1xuICByZXR1cm4gJ2RvY3VtZW50JyBpbiBnbG9iYWwgJiYgJ29ucmVhZHlzdGF0ZWNoYW5nZScgaW4gZ2xvYmFsLmRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3NjcmlwdCcpO1xufTtcblxuZXhwb3J0cy5pbnN0YWxsID0gZnVuY3Rpb24gKGhhbmRsZSkge1xuICByZXR1cm4gZnVuY3Rpb24gKCkge1xuXG4gICAgLy8gQ3JlYXRlIGEgPHNjcmlwdD4gZWxlbWVudDsgaXRzIHJlYWR5c3RhdGVjaGFuZ2UgZXZlbnQgd2lsbCBiZSBmaXJlZCBhc3luY2hyb25vdXNseSBvbmNlIGl0IGlzIGluc2VydGVkXG4gICAgLy8gaW50byB0aGUgZG9jdW1lbnQuIERvIHNvLCB0aHVzIHF1ZXVpbmcgdXAgdGhlIHRhc2suIFJlbWVtYmVyIHRvIGNsZWFuIHVwIG9uY2UgaXQncyBiZWVuIGNhbGxlZC5cbiAgICB2YXIgc2NyaXB0RWwgPSBnbG9iYWwuZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc2NyaXB0Jyk7XG4gICAgc2NyaXB0RWwub25yZWFkeXN0YXRlY2hhbmdlID0gZnVuY3Rpb24gKCkge1xuICAgICAgaGFuZGxlKCk7XG5cbiAgICAgIHNjcmlwdEVsLm9ucmVhZHlzdGF0ZWNoYW5nZSA9IG51bGw7XG4gICAgICBzY3JpcHRFbC5wYXJlbnROb2RlLnJlbW92ZUNoaWxkKHNjcmlwdEVsKTtcbiAgICAgIHNjcmlwdEVsID0gbnVsbDtcbiAgICB9O1xuICAgIGdsb2JhbC5kb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuYXBwZW5kQ2hpbGQoc2NyaXB0RWwpO1xuXG4gICAgcmV0dXJuIGhhbmRsZTtcbiAgfTtcbn07IiwiJ3VzZSBzdHJpY3QnO1xuZXhwb3J0cy50ZXN0ID0gZnVuY3Rpb24gKCkge1xuICByZXR1cm4gdHJ1ZTtcbn07XG5cbmV4cG9ydHMuaW5zdGFsbCA9IGZ1bmN0aW9uICh0KSB7XG4gIHJldHVybiBmdW5jdGlvbiAoKSB7XG4gICAgc2V0VGltZW91dCh0LCAwKTtcbiAgfTtcbn07IiwiaWYgKHR5cGVvZiBPYmplY3QuY3JlYXRlID09PSAnZnVuY3Rpb24nKSB7XG4gIC8vIGltcGxlbWVudGF0aW9uIGZyb20gc3RhbmRhcmQgbm9kZS5qcyAndXRpbCcgbW9kdWxlXG4gIG1vZHVsZS5leHBvcnRzID0gZnVuY3Rpb24gaW5oZXJpdHMoY3Rvciwgc3VwZXJDdG9yKSB7XG4gICAgaWYgKHN1cGVyQ3Rvcikge1xuICAgICAgY3Rvci5zdXBlcl8gPSBzdXBlckN0b3JcbiAgICAgIGN0b3IucHJvdG90eXBlID0gT2JqZWN0LmNyZWF0ZShzdXBlckN0b3IucHJvdG90eXBlLCB7XG4gICAgICAgIGNvbnN0cnVjdG9yOiB7XG4gICAgICAgICAgdmFsdWU6IGN0b3IsXG4gICAgICAgICAgZW51bWVyYWJsZTogZmFsc2UsXG4gICAgICAgICAgd3JpdGFibGU6IHRydWUsXG4gICAgICAgICAgY29uZmlndXJhYmxlOiB0cnVlXG4gICAgICAgIH1cbiAgICAgIH0pXG4gICAgfVxuICB9O1xufSBlbHNlIHtcbiAgLy8gb2xkIHNjaG9vbCBzaGltIGZvciBvbGQgYnJvd3NlcnNcbiAgbW9kdWxlLmV4cG9ydHMgPSBmdW5jdGlvbiBpbmhlcml0cyhjdG9yLCBzdXBlckN0b3IpIHtcbiAgICBpZiAoc3VwZXJDdG9yKSB7XG4gICAgICBjdG9yLnN1cGVyXyA9IHN1cGVyQ3RvclxuICAgICAgdmFyIFRlbXBDdG9yID0gZnVuY3Rpb24gKCkge31cbiAgICAgIFRlbXBDdG9yLnByb3RvdHlwZSA9IHN1cGVyQ3Rvci5wcm90b3R5cGVcbiAgICAgIGN0b3IucHJvdG90eXBlID0gbmV3IFRlbXBDdG9yKClcbiAgICAgIGN0b3IucHJvdG90eXBlLmNvbnN0cnVjdG9yID0gY3RvclxuICAgIH1cbiAgfVxufVxuIiwidmFyIHRvU3RyaW5nID0ge30udG9TdHJpbmc7XG5cbm1vZHVsZS5leHBvcnRzID0gQXJyYXkuaXNBcnJheSB8fCBmdW5jdGlvbiAoYXJyKSB7XG4gIHJldHVybiB0b1N0cmluZy5jYWxsKGFycikgPT0gJ1tvYmplY3QgQXJyYXldJztcbn07XG4iLCIvKiFcbiAqIGpRdWVyeSBKYXZhU2NyaXB0IExpYnJhcnkgdjMuNy4xXG4gKiBodHRwczovL2pxdWVyeS5jb20vXG4gKlxuICogQ29weXJpZ2h0IE9wZW5KUyBGb3VuZGF0aW9uIGFuZCBvdGhlciBjb250cmlidXRvcnNcbiAqIFJlbGVhc2VkIHVuZGVyIHRoZSBNSVQgbGljZW5zZVxuICogaHR0cHM6Ly9qcXVlcnkub3JnL2xpY2Vuc2VcbiAqXG4gKiBEYXRlOiAyMDIzLTA4LTI4VDEzOjM3WlxuICovXG4oIGZ1bmN0aW9uKCBnbG9iYWwsIGZhY3RvcnkgKSB7XG5cblx0XCJ1c2Ugc3RyaWN0XCI7XG5cblx0aWYgKCB0eXBlb2YgbW9kdWxlID09PSBcIm9iamVjdFwiICYmIHR5cGVvZiBtb2R1bGUuZXhwb3J0cyA9PT0gXCJvYmplY3RcIiApIHtcblxuXHRcdC8vIEZvciBDb21tb25KUyBhbmQgQ29tbW9uSlMtbGlrZSBlbnZpcm9ubWVudHMgd2hlcmUgYSBwcm9wZXIgYHdpbmRvd2Bcblx0XHQvLyBpcyBwcmVzZW50LCBleGVjdXRlIHRoZSBmYWN0b3J5IGFuZCBnZXQgalF1ZXJ5LlxuXHRcdC8vIEZvciBlbnZpcm9ubWVudHMgdGhhdCBkbyBub3QgaGF2ZSBhIGB3aW5kb3dgIHdpdGggYSBgZG9jdW1lbnRgXG5cdFx0Ly8gKHN1Y2ggYXMgTm9kZS5qcyksIGV4cG9zZSBhIGZhY3RvcnkgYXMgbW9kdWxlLmV4cG9ydHMuXG5cdFx0Ly8gVGhpcyBhY2NlbnR1YXRlcyB0aGUgbmVlZCBmb3IgdGhlIGNyZWF0aW9uIG9mIGEgcmVhbCBgd2luZG93YC5cblx0XHQvLyBlLmcuIHZhciBqUXVlcnkgPSByZXF1aXJlKFwianF1ZXJ5XCIpKHdpbmRvdyk7XG5cdFx0Ly8gU2VlIHRpY2tldCB0cmFjLTE0NTQ5IGZvciBtb3JlIGluZm8uXG5cdFx0bW9kdWxlLmV4cG9ydHMgPSBnbG9iYWwuZG9jdW1lbnQgP1xuXHRcdFx0ZmFjdG9yeSggZ2xvYmFsLCB0cnVlICkgOlxuXHRcdFx0ZnVuY3Rpb24oIHcgKSB7XG5cdFx0XHRcdGlmICggIXcuZG9jdW1lbnQgKSB7XG5cdFx0XHRcdFx0dGhyb3cgbmV3IEVycm9yKCBcImpRdWVyeSByZXF1aXJlcyBhIHdpbmRvdyB3aXRoIGEgZG9jdW1lbnRcIiApO1xuXHRcdFx0XHR9XG5cdFx0XHRcdHJldHVybiBmYWN0b3J5KCB3ICk7XG5cdFx0XHR9O1xuXHR9IGVsc2Uge1xuXHRcdGZhY3RvcnkoIGdsb2JhbCApO1xuXHR9XG5cbi8vIFBhc3MgdGhpcyBpZiB3aW5kb3cgaXMgbm90IGRlZmluZWQgeWV0XG59ICkoIHR5cGVvZiB3aW5kb3cgIT09IFwidW5kZWZpbmVkXCIgPyB3aW5kb3cgOiB0aGlzLCBmdW5jdGlvbiggd2luZG93LCBub0dsb2JhbCApIHtcblxuLy8gRWRnZSA8PSAxMiAtIDEzKywgRmlyZWZveCA8PTE4IC0gNDUrLCBJRSAxMCAtIDExLCBTYWZhcmkgNS4xIC0gOSssIGlPUyA2IC0gOS4xXG4vLyB0aHJvdyBleGNlcHRpb25zIHdoZW4gbm9uLXN0cmljdCBjb2RlIChlLmcuLCBBU1AuTkVUIDQuNSkgYWNjZXNzZXMgc3RyaWN0IG1vZGVcbi8vIGFyZ3VtZW50cy5jYWxsZWUuY2FsbGVyICh0cmFjLTEzMzM1KS4gQnV0IGFzIG9mIGpRdWVyeSAzLjAgKDIwMTYpLCBzdHJpY3QgbW9kZSBzaG91bGQgYmUgY29tbW9uXG4vLyBlbm91Z2ggdGhhdCBhbGwgc3VjaCBhdHRlbXB0cyBhcmUgZ3VhcmRlZCBpbiBhIHRyeSBibG9jay5cblwidXNlIHN0cmljdFwiO1xuXG52YXIgYXJyID0gW107XG5cbnZhciBnZXRQcm90byA9IE9iamVjdC5nZXRQcm90b3R5cGVPZjtcblxudmFyIHNsaWNlID0gYXJyLnNsaWNlO1xuXG52YXIgZmxhdCA9IGFyci5mbGF0ID8gZnVuY3Rpb24oIGFycmF5ICkge1xuXHRyZXR1cm4gYXJyLmZsYXQuY2FsbCggYXJyYXkgKTtcbn0gOiBmdW5jdGlvbiggYXJyYXkgKSB7XG5cdHJldHVybiBhcnIuY29uY2F0LmFwcGx5KCBbXSwgYXJyYXkgKTtcbn07XG5cblxudmFyIHB1c2ggPSBhcnIucHVzaDtcblxudmFyIGluZGV4T2YgPSBhcnIuaW5kZXhPZjtcblxudmFyIGNsYXNzMnR5cGUgPSB7fTtcblxudmFyIHRvU3RyaW5nID0gY2xhc3MydHlwZS50b1N0cmluZztcblxudmFyIGhhc093biA9IGNsYXNzMnR5cGUuaGFzT3duUHJvcGVydHk7XG5cbnZhciBmblRvU3RyaW5nID0gaGFzT3duLnRvU3RyaW5nO1xuXG52YXIgT2JqZWN0RnVuY3Rpb25TdHJpbmcgPSBmblRvU3RyaW5nLmNhbGwoIE9iamVjdCApO1xuXG52YXIgc3VwcG9ydCA9IHt9O1xuXG52YXIgaXNGdW5jdGlvbiA9IGZ1bmN0aW9uIGlzRnVuY3Rpb24oIG9iaiApIHtcblxuXHRcdC8vIFN1cHBvcnQ6IENocm9tZSA8PTU3LCBGaXJlZm94IDw9NTJcblx0XHQvLyBJbiBzb21lIGJyb3dzZXJzLCB0eXBlb2YgcmV0dXJucyBcImZ1bmN0aW9uXCIgZm9yIEhUTUwgPG9iamVjdD4gZWxlbWVudHNcblx0XHQvLyAoaS5lLiwgYHR5cGVvZiBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCBcIm9iamVjdFwiICkgPT09IFwiZnVuY3Rpb25cImApLlxuXHRcdC8vIFdlIGRvbid0IHdhbnQgdG8gY2xhc3NpZnkgKmFueSogRE9NIG5vZGUgYXMgYSBmdW5jdGlvbi5cblx0XHQvLyBTdXBwb3J0OiBRdFdlYiA8PTMuOC41LCBXZWJLaXQgPD01MzQuMzQsIHdraHRtbHRvcGRmIHRvb2wgPD0wLjEyLjVcblx0XHQvLyBQbHVzIGZvciBvbGQgV2ViS2l0LCB0eXBlb2YgcmV0dXJucyBcImZ1bmN0aW9uXCIgZm9yIEhUTUwgY29sbGVjdGlvbnNcblx0XHQvLyAoZS5nLiwgYHR5cGVvZiBkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZShcImRpdlwiKSA9PT0gXCJmdW5jdGlvblwiYCkuIChnaC00NzU2KVxuXHRcdHJldHVybiB0eXBlb2Ygb2JqID09PSBcImZ1bmN0aW9uXCIgJiYgdHlwZW9mIG9iai5ub2RlVHlwZSAhPT0gXCJudW1iZXJcIiAmJlxuXHRcdFx0dHlwZW9mIG9iai5pdGVtICE9PSBcImZ1bmN0aW9uXCI7XG5cdH07XG5cblxudmFyIGlzV2luZG93ID0gZnVuY3Rpb24gaXNXaW5kb3coIG9iaiApIHtcblx0XHRyZXR1cm4gb2JqICE9IG51bGwgJiYgb2JqID09PSBvYmoud2luZG93O1xuXHR9O1xuXG5cbnZhciBkb2N1bWVudCA9IHdpbmRvdy5kb2N1bWVudDtcblxuXG5cblx0dmFyIHByZXNlcnZlZFNjcmlwdEF0dHJpYnV0ZXMgPSB7XG5cdFx0dHlwZTogdHJ1ZSxcblx0XHRzcmM6IHRydWUsXG5cdFx0bm9uY2U6IHRydWUsXG5cdFx0bm9Nb2R1bGU6IHRydWVcblx0fTtcblxuXHRmdW5jdGlvbiBET01FdmFsKCBjb2RlLCBub2RlLCBkb2MgKSB7XG5cdFx0ZG9jID0gZG9jIHx8IGRvY3VtZW50O1xuXG5cdFx0dmFyIGksIHZhbCxcblx0XHRcdHNjcmlwdCA9IGRvYy5jcmVhdGVFbGVtZW50KCBcInNjcmlwdFwiICk7XG5cblx0XHRzY3JpcHQudGV4dCA9IGNvZGU7XG5cdFx0aWYgKCBub2RlICkge1xuXHRcdFx0Zm9yICggaSBpbiBwcmVzZXJ2ZWRTY3JpcHRBdHRyaWJ1dGVzICkge1xuXG5cdFx0XHRcdC8vIFN1cHBvcnQ6IEZpcmVmb3ggNjQrLCBFZGdlIDE4K1xuXHRcdFx0XHQvLyBTb21lIGJyb3dzZXJzIGRvbid0IHN1cHBvcnQgdGhlIFwibm9uY2VcIiBwcm9wZXJ0eSBvbiBzY3JpcHRzLlxuXHRcdFx0XHQvLyBPbiB0aGUgb3RoZXIgaGFuZCwganVzdCB1c2luZyBgZ2V0QXR0cmlidXRlYCBpcyBub3QgZW5vdWdoIGFzXG5cdFx0XHRcdC8vIHRoZSBgbm9uY2VgIGF0dHJpYnV0ZSBpcyByZXNldCB0byBhbiBlbXB0eSBzdHJpbmcgd2hlbmV2ZXIgaXRcblx0XHRcdFx0Ly8gYmVjb21lcyBicm93c2luZy1jb250ZXh0IGNvbm5lY3RlZC5cblx0XHRcdFx0Ly8gU2VlIGh0dHBzOi8vZ2l0aHViLmNvbS93aGF0d2cvaHRtbC9pc3N1ZXMvMjM2OVxuXHRcdFx0XHQvLyBTZWUgaHR0cHM6Ly9odG1sLnNwZWMud2hhdHdnLm9yZy8jbm9uY2UtYXR0cmlidXRlc1xuXHRcdFx0XHQvLyBUaGUgYG5vZGUuZ2V0QXR0cmlidXRlYCBjaGVjayB3YXMgYWRkZWQgZm9yIHRoZSBzYWtlIG9mXG5cdFx0XHRcdC8vIGBqUXVlcnkuZ2xvYmFsRXZhbGAgc28gdGhhdCBpdCBjYW4gZmFrZSBhIG5vbmNlLWNvbnRhaW5pbmcgbm9kZVxuXHRcdFx0XHQvLyB2aWEgYW4gb2JqZWN0LlxuXHRcdFx0XHR2YWwgPSBub2RlWyBpIF0gfHwgbm9kZS5nZXRBdHRyaWJ1dGUgJiYgbm9kZS5nZXRBdHRyaWJ1dGUoIGkgKTtcblx0XHRcdFx0aWYgKCB2YWwgKSB7XG5cdFx0XHRcdFx0c2NyaXB0LnNldEF0dHJpYnV0ZSggaSwgdmFsICk7XG5cdFx0XHRcdH1cblx0XHRcdH1cblx0XHR9XG5cdFx0ZG9jLmhlYWQuYXBwZW5kQ2hpbGQoIHNjcmlwdCApLnBhcmVudE5vZGUucmVtb3ZlQ2hpbGQoIHNjcmlwdCApO1xuXHR9XG5cblxuZnVuY3Rpb24gdG9UeXBlKCBvYmogKSB7XG5cdGlmICggb2JqID09IG51bGwgKSB7XG5cdFx0cmV0dXJuIG9iaiArIFwiXCI7XG5cdH1cblxuXHQvLyBTdXBwb3J0OiBBbmRyb2lkIDw9Mi4zIG9ubHkgKGZ1bmN0aW9uaXNoIFJlZ0V4cClcblx0cmV0dXJuIHR5cGVvZiBvYmogPT09IFwib2JqZWN0XCIgfHwgdHlwZW9mIG9iaiA9PT0gXCJmdW5jdGlvblwiID9cblx0XHRjbGFzczJ0eXBlWyB0b1N0cmluZy5jYWxsKCBvYmogKSBdIHx8IFwib2JqZWN0XCIgOlxuXHRcdHR5cGVvZiBvYmo7XG59XG4vKiBnbG9iYWwgU3ltYm9sICovXG4vLyBEZWZpbmluZyB0aGlzIGdsb2JhbCBpbiAuZXNsaW50cmMuanNvbiB3b3VsZCBjcmVhdGUgYSBkYW5nZXIgb2YgdXNpbmcgdGhlIGdsb2JhbFxuLy8gdW5ndWFyZGVkIGluIGFub3RoZXIgcGxhY2UsIGl0IHNlZW1zIHNhZmVyIHRvIGRlZmluZSBnbG9iYWwgb25seSBmb3IgdGhpcyBtb2R1bGVcblxuXG5cbnZhciB2ZXJzaW9uID0gXCIzLjcuMVwiLFxuXG5cdHJodG1sU3VmZml4ID0gL0hUTUwkL2ksXG5cblx0Ly8gRGVmaW5lIGEgbG9jYWwgY29weSBvZiBqUXVlcnlcblx0alF1ZXJ5ID0gZnVuY3Rpb24oIHNlbGVjdG9yLCBjb250ZXh0ICkge1xuXG5cdFx0Ly8gVGhlIGpRdWVyeSBvYmplY3QgaXMgYWN0dWFsbHkganVzdCB0aGUgaW5pdCBjb25zdHJ1Y3RvciAnZW5oYW5jZWQnXG5cdFx0Ly8gTmVlZCBpbml0IGlmIGpRdWVyeSBpcyBjYWxsZWQgKGp1c3QgYWxsb3cgZXJyb3IgdG8gYmUgdGhyb3duIGlmIG5vdCBpbmNsdWRlZClcblx0XHRyZXR1cm4gbmV3IGpRdWVyeS5mbi5pbml0KCBzZWxlY3RvciwgY29udGV4dCApO1xuXHR9O1xuXG5qUXVlcnkuZm4gPSBqUXVlcnkucHJvdG90eXBlID0ge1xuXG5cdC8vIFRoZSBjdXJyZW50IHZlcnNpb24gb2YgalF1ZXJ5IGJlaW5nIHVzZWRcblx0anF1ZXJ5OiB2ZXJzaW9uLFxuXG5cdGNvbnN0cnVjdG9yOiBqUXVlcnksXG5cblx0Ly8gVGhlIGRlZmF1bHQgbGVuZ3RoIG9mIGEgalF1ZXJ5IG9iamVjdCBpcyAwXG5cdGxlbmd0aDogMCxcblxuXHR0b0FycmF5OiBmdW5jdGlvbigpIHtcblx0XHRyZXR1cm4gc2xpY2UuY2FsbCggdGhpcyApO1xuXHR9LFxuXG5cdC8vIEdldCB0aGUgTnRoIGVsZW1lbnQgaW4gdGhlIG1hdGNoZWQgZWxlbWVudCBzZXQgT1Jcblx0Ly8gR2V0IHRoZSB3aG9sZSBtYXRjaGVkIGVsZW1lbnQgc2V0IGFzIGEgY2xlYW4gYXJyYXlcblx0Z2V0OiBmdW5jdGlvbiggbnVtICkge1xuXG5cdFx0Ly8gUmV0dXJuIGFsbCB0aGUgZWxlbWVudHMgaW4gYSBjbGVhbiBhcnJheVxuXHRcdGlmICggbnVtID09IG51bGwgKSB7XG5cdFx0XHRyZXR1cm4gc2xpY2UuY2FsbCggdGhpcyApO1xuXHRcdH1cblxuXHRcdC8vIFJldHVybiBqdXN0IHRoZSBvbmUgZWxlbWVudCBmcm9tIHRoZSBzZXRcblx0XHRyZXR1cm4gbnVtIDwgMCA/IHRoaXNbIG51bSArIHRoaXMubGVuZ3RoIF0gOiB0aGlzWyBudW0gXTtcblx0fSxcblxuXHQvLyBUYWtlIGFuIGFycmF5IG9mIGVsZW1lbnRzIGFuZCBwdXNoIGl0IG9udG8gdGhlIHN0YWNrXG5cdC8vIChyZXR1cm5pbmcgdGhlIG5ldyBtYXRjaGVkIGVsZW1lbnQgc2V0KVxuXHRwdXNoU3RhY2s6IGZ1bmN0aW9uKCBlbGVtcyApIHtcblxuXHRcdC8vIEJ1aWxkIGEgbmV3IGpRdWVyeSBtYXRjaGVkIGVsZW1lbnQgc2V0XG5cdFx0dmFyIHJldCA9IGpRdWVyeS5tZXJnZSggdGhpcy5jb25zdHJ1Y3RvcigpLCBlbGVtcyApO1xuXG5cdFx0Ly8gQWRkIHRoZSBvbGQgb2JqZWN0IG9udG8gdGhlIHN0YWNrIChhcyBhIHJlZmVyZW5jZSlcblx0XHRyZXQucHJldk9iamVjdCA9IHRoaXM7XG5cblx0XHQvLyBSZXR1cm4gdGhlIG5ld2x5LWZvcm1lZCBlbGVtZW50IHNldFxuXHRcdHJldHVybiByZXQ7XG5cdH0sXG5cblx0Ly8gRXhlY3V0ZSBhIGNhbGxiYWNrIGZvciBldmVyeSBlbGVtZW50IGluIHRoZSBtYXRjaGVkIHNldC5cblx0ZWFjaDogZnVuY3Rpb24oIGNhbGxiYWNrICkge1xuXHRcdHJldHVybiBqUXVlcnkuZWFjaCggdGhpcywgY2FsbGJhY2sgKTtcblx0fSxcblxuXHRtYXA6IGZ1bmN0aW9uKCBjYWxsYmFjayApIHtcblx0XHRyZXR1cm4gdGhpcy5wdXNoU3RhY2soIGpRdWVyeS5tYXAoIHRoaXMsIGZ1bmN0aW9uKCBlbGVtLCBpICkge1xuXHRcdFx0cmV0dXJuIGNhbGxiYWNrLmNhbGwoIGVsZW0sIGksIGVsZW0gKTtcblx0XHR9ICkgKTtcblx0fSxcblxuXHRzbGljZTogZnVuY3Rpb24oKSB7XG5cdFx0cmV0dXJuIHRoaXMucHVzaFN0YWNrKCBzbGljZS5hcHBseSggdGhpcywgYXJndW1lbnRzICkgKTtcblx0fSxcblxuXHRmaXJzdDogZnVuY3Rpb24oKSB7XG5cdFx0cmV0dXJuIHRoaXMuZXEoIDAgKTtcblx0fSxcblxuXHRsYXN0OiBmdW5jdGlvbigpIHtcblx0XHRyZXR1cm4gdGhpcy5lcSggLTEgKTtcblx0fSxcblxuXHRldmVuOiBmdW5jdGlvbigpIHtcblx0XHRyZXR1cm4gdGhpcy5wdXNoU3RhY2soIGpRdWVyeS5ncmVwKCB0aGlzLCBmdW5jdGlvbiggX2VsZW0sIGkgKSB7XG5cdFx0XHRyZXR1cm4gKCBpICsgMSApICUgMjtcblx0XHR9ICkgKTtcblx0fSxcblxuXHRvZGQ6IGZ1bmN0aW9uKCkge1xuXHRcdHJldHVybiB0aGlzLnB1c2hTdGFjayggalF1ZXJ5LmdyZXAoIHRoaXMsIGZ1bmN0aW9uKCBfZWxlbSwgaSApIHtcblx0XHRcdHJldHVybiBpICUgMjtcblx0XHR9ICkgKTtcblx0fSxcblxuXHRlcTogZnVuY3Rpb24oIGkgKSB7XG5cdFx0dmFyIGxlbiA9IHRoaXMubGVuZ3RoLFxuXHRcdFx0aiA9ICtpICsgKCBpIDwgMCA/IGxlbiA6IDAgKTtcblx0XHRyZXR1cm4gdGhpcy5wdXNoU3RhY2soIGogPj0gMCAmJiBqIDwgbGVuID8gWyB0aGlzWyBqIF0gXSA6IFtdICk7XG5cdH0sXG5cblx0ZW5kOiBmdW5jdGlvbigpIHtcblx0XHRyZXR1cm4gdGhpcy5wcmV2T2JqZWN0IHx8IHRoaXMuY29uc3RydWN0b3IoKTtcblx0fSxcblxuXHQvLyBGb3IgaW50ZXJuYWwgdXNlIG9ubHkuXG5cdC8vIEJlaGF2ZXMgbGlrZSBhbiBBcnJheSdzIG1ldGhvZCwgbm90IGxpa2UgYSBqUXVlcnkgbWV0aG9kLlxuXHRwdXNoOiBwdXNoLFxuXHRzb3J0OiBhcnIuc29ydCxcblx0c3BsaWNlOiBhcnIuc3BsaWNlXG59O1xuXG5qUXVlcnkuZXh0ZW5kID0galF1ZXJ5LmZuLmV4dGVuZCA9IGZ1bmN0aW9uKCkge1xuXHR2YXIgb3B0aW9ucywgbmFtZSwgc3JjLCBjb3B5LCBjb3B5SXNBcnJheSwgY2xvbmUsXG5cdFx0dGFyZ2V0ID0gYXJndW1lbnRzWyAwIF0gfHwge30sXG5cdFx0aSA9IDEsXG5cdFx0bGVuZ3RoID0gYXJndW1lbnRzLmxlbmd0aCxcblx0XHRkZWVwID0gZmFsc2U7XG5cblx0Ly8gSGFuZGxlIGEgZGVlcCBjb3B5IHNpdHVhdGlvblxuXHRpZiAoIHR5cGVvZiB0YXJnZXQgPT09IFwiYm9vbGVhblwiICkge1xuXHRcdGRlZXAgPSB0YXJnZXQ7XG5cblx0XHQvLyBTa2lwIHRoZSBib29sZWFuIGFuZCB0aGUgdGFyZ2V0XG5cdFx0dGFyZ2V0ID0gYXJndW1lbnRzWyBpIF0gfHwge307XG5cdFx0aSsrO1xuXHR9XG5cblx0Ly8gSGFuZGxlIGNhc2Ugd2hlbiB0YXJnZXQgaXMgYSBzdHJpbmcgb3Igc29tZXRoaW5nIChwb3NzaWJsZSBpbiBkZWVwIGNvcHkpXG5cdGlmICggdHlwZW9mIHRhcmdldCAhPT0gXCJvYmplY3RcIiAmJiAhaXNGdW5jdGlvbiggdGFyZ2V0ICkgKSB7XG5cdFx0dGFyZ2V0ID0ge307XG5cdH1cblxuXHQvLyBFeHRlbmQgalF1ZXJ5IGl0c2VsZiBpZiBvbmx5IG9uZSBhcmd1bWVudCBpcyBwYXNzZWRcblx0aWYgKCBpID09PSBsZW5ndGggKSB7XG5cdFx0dGFyZ2V0ID0gdGhpcztcblx0XHRpLS07XG5cdH1cblxuXHRmb3IgKCA7IGkgPCBsZW5ndGg7IGkrKyApIHtcblxuXHRcdC8vIE9ubHkgZGVhbCB3aXRoIG5vbi1udWxsL3VuZGVmaW5lZCB2YWx1ZXNcblx0XHRpZiAoICggb3B0aW9ucyA9IGFyZ3VtZW50c1sgaSBdICkgIT0gbnVsbCApIHtcblxuXHRcdFx0Ly8gRXh0ZW5kIHRoZSBiYXNlIG9iamVjdFxuXHRcdFx0Zm9yICggbmFtZSBpbiBvcHRpb25zICkge1xuXHRcdFx0XHRjb3B5ID0gb3B0aW9uc1sgbmFtZSBdO1xuXG5cdFx0XHRcdC8vIFByZXZlbnQgT2JqZWN0LnByb3RvdHlwZSBwb2xsdXRpb25cblx0XHRcdFx0Ly8gUHJldmVudCBuZXZlci1lbmRpbmcgbG9vcFxuXHRcdFx0XHRpZiAoIG5hbWUgPT09IFwiX19wcm90b19fXCIgfHwgdGFyZ2V0ID09PSBjb3B5ICkge1xuXHRcdFx0XHRcdGNvbnRpbnVlO1xuXHRcdFx0XHR9XG5cblx0XHRcdFx0Ly8gUmVjdXJzZSBpZiB3ZSdyZSBtZXJnaW5nIHBsYWluIG9iamVjdHMgb3IgYXJyYXlzXG5cdFx0XHRcdGlmICggZGVlcCAmJiBjb3B5ICYmICggalF1ZXJ5LmlzUGxhaW5PYmplY3QoIGNvcHkgKSB8fFxuXHRcdFx0XHRcdCggY29weUlzQXJyYXkgPSBBcnJheS5pc0FycmF5KCBjb3B5ICkgKSApICkge1xuXHRcdFx0XHRcdHNyYyA9IHRhcmdldFsgbmFtZSBdO1xuXG5cdFx0XHRcdFx0Ly8gRW5zdXJlIHByb3BlciB0eXBlIGZvciB0aGUgc291cmNlIHZhbHVlXG5cdFx0XHRcdFx0aWYgKCBjb3B5SXNBcnJheSAmJiAhQXJyYXkuaXNBcnJheSggc3JjICkgKSB7XG5cdFx0XHRcdFx0XHRjbG9uZSA9IFtdO1xuXHRcdFx0XHRcdH0gZWxzZSBpZiAoICFjb3B5SXNBcnJheSAmJiAhalF1ZXJ5LmlzUGxhaW5PYmplY3QoIHNyYyApICkge1xuXHRcdFx0XHRcdFx0Y2xvbmUgPSB7fTtcblx0XHRcdFx0XHR9IGVsc2Uge1xuXHRcdFx0XHRcdFx0Y2xvbmUgPSBzcmM7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHRcdGNvcHlJc0FycmF5ID0gZmFsc2U7XG5cblx0XHRcdFx0XHQvLyBOZXZlciBtb3ZlIG9yaWdpbmFsIG9iamVjdHMsIGNsb25lIHRoZW1cblx0XHRcdFx0XHR0YXJnZXRbIG5hbWUgXSA9IGpRdWVyeS5leHRlbmQoIGRlZXAsIGNsb25lLCBjb3B5ICk7XG5cblx0XHRcdFx0Ly8gRG9uJ3QgYnJpbmcgaW4gdW5kZWZpbmVkIHZhbHVlc1xuXHRcdFx0XHR9IGVsc2UgaWYgKCBjb3B5ICE9PSB1bmRlZmluZWQgKSB7XG5cdFx0XHRcdFx0dGFyZ2V0WyBuYW1lIF0gPSBjb3B5O1xuXHRcdFx0XHR9XG5cdFx0XHR9XG5cdFx0fVxuXHR9XG5cblx0Ly8gUmV0dXJuIHRoZSBtb2RpZmllZCBvYmplY3Rcblx0cmV0dXJuIHRhcmdldDtcbn07XG5cbmpRdWVyeS5leHRlbmQoIHtcblxuXHQvLyBVbmlxdWUgZm9yIGVhY2ggY29weSBvZiBqUXVlcnkgb24gdGhlIHBhZ2Vcblx0ZXhwYW5kbzogXCJqUXVlcnlcIiArICggdmVyc2lvbiArIE1hdGgucmFuZG9tKCkgKS5yZXBsYWNlKCAvXFxEL2csIFwiXCIgKSxcblxuXHQvLyBBc3N1bWUgalF1ZXJ5IGlzIHJlYWR5IHdpdGhvdXQgdGhlIHJlYWR5IG1vZHVsZVxuXHRpc1JlYWR5OiB0cnVlLFxuXG5cdGVycm9yOiBmdW5jdGlvbiggbXNnICkge1xuXHRcdHRocm93IG5ldyBFcnJvciggbXNnICk7XG5cdH0sXG5cblx0bm9vcDogZnVuY3Rpb24oKSB7fSxcblxuXHRpc1BsYWluT2JqZWN0OiBmdW5jdGlvbiggb2JqICkge1xuXHRcdHZhciBwcm90bywgQ3RvcjtcblxuXHRcdC8vIERldGVjdCBvYnZpb3VzIG5lZ2F0aXZlc1xuXHRcdC8vIFVzZSB0b1N0cmluZyBpbnN0ZWFkIG9mIGpRdWVyeS50eXBlIHRvIGNhdGNoIGhvc3Qgb2JqZWN0c1xuXHRcdGlmICggIW9iaiB8fCB0b1N0cmluZy5jYWxsKCBvYmogKSAhPT0gXCJbb2JqZWN0IE9iamVjdF1cIiApIHtcblx0XHRcdHJldHVybiBmYWxzZTtcblx0XHR9XG5cblx0XHRwcm90byA9IGdldFByb3RvKCBvYmogKTtcblxuXHRcdC8vIE9iamVjdHMgd2l0aCBubyBwcm90b3R5cGUgKGUuZy4sIGBPYmplY3QuY3JlYXRlKCBudWxsIClgKSBhcmUgcGxhaW5cblx0XHRpZiAoICFwcm90byApIHtcblx0XHRcdHJldHVybiB0cnVlO1xuXHRcdH1cblxuXHRcdC8vIE9iamVjdHMgd2l0aCBwcm90b3R5cGUgYXJlIHBsYWluIGlmZiB0aGV5IHdlcmUgY29uc3RydWN0ZWQgYnkgYSBnbG9iYWwgT2JqZWN0IGZ1bmN0aW9uXG5cdFx0Q3RvciA9IGhhc093bi5jYWxsKCBwcm90bywgXCJjb25zdHJ1Y3RvclwiICkgJiYgcHJvdG8uY29uc3RydWN0b3I7XG5cdFx0cmV0dXJuIHR5cGVvZiBDdG9yID09PSBcImZ1bmN0aW9uXCIgJiYgZm5Ub1N0cmluZy5jYWxsKCBDdG9yICkgPT09IE9iamVjdEZ1bmN0aW9uU3RyaW5nO1xuXHR9LFxuXG5cdGlzRW1wdHlPYmplY3Q6IGZ1bmN0aW9uKCBvYmogKSB7XG5cdFx0dmFyIG5hbWU7XG5cblx0XHRmb3IgKCBuYW1lIGluIG9iaiApIHtcblx0XHRcdHJldHVybiBmYWxzZTtcblx0XHR9XG5cdFx0cmV0dXJuIHRydWU7XG5cdH0sXG5cblx0Ly8gRXZhbHVhdGVzIGEgc2NyaXB0IGluIGEgcHJvdmlkZWQgY29udGV4dDsgZmFsbHMgYmFjayB0byB0aGUgZ2xvYmFsIG9uZVxuXHQvLyBpZiBub3Qgc3BlY2lmaWVkLlxuXHRnbG9iYWxFdmFsOiBmdW5jdGlvbiggY29kZSwgb3B0aW9ucywgZG9jICkge1xuXHRcdERPTUV2YWwoIGNvZGUsIHsgbm9uY2U6IG9wdGlvbnMgJiYgb3B0aW9ucy5ub25jZSB9LCBkb2MgKTtcblx0fSxcblxuXHRlYWNoOiBmdW5jdGlvbiggb2JqLCBjYWxsYmFjayApIHtcblx0XHR2YXIgbGVuZ3RoLCBpID0gMDtcblxuXHRcdGlmICggaXNBcnJheUxpa2UoIG9iaiApICkge1xuXHRcdFx0bGVuZ3RoID0gb2JqLmxlbmd0aDtcblx0XHRcdGZvciAoIDsgaSA8IGxlbmd0aDsgaSsrICkge1xuXHRcdFx0XHRpZiAoIGNhbGxiYWNrLmNhbGwoIG9ialsgaSBdLCBpLCBvYmpbIGkgXSApID09PSBmYWxzZSApIHtcblx0XHRcdFx0XHRicmVhaztcblx0XHRcdFx0fVxuXHRcdFx0fVxuXHRcdH0gZWxzZSB7XG5cdFx0XHRmb3IgKCBpIGluIG9iaiApIHtcblx0XHRcdFx0aWYgKCBjYWxsYmFjay5jYWxsKCBvYmpbIGkgXSwgaSwgb2JqWyBpIF0gKSA9PT0gZmFsc2UgKSB7XG5cdFx0XHRcdFx0YnJlYWs7XG5cdFx0XHRcdH1cblx0XHRcdH1cblx0XHR9XG5cblx0XHRyZXR1cm4gb2JqO1xuXHR9LFxuXG5cblx0Ly8gUmV0cmlldmUgdGhlIHRleHQgdmFsdWUgb2YgYW4gYXJyYXkgb2YgRE9NIG5vZGVzXG5cdHRleHQ6IGZ1bmN0aW9uKCBlbGVtICkge1xuXHRcdHZhciBub2RlLFxuXHRcdFx0cmV0ID0gXCJcIixcblx0XHRcdGkgPSAwLFxuXHRcdFx0bm9kZVR5cGUgPSBlbGVtLm5vZGVUeXBlO1xuXG5cdFx0aWYgKCAhbm9kZVR5cGUgKSB7XG5cblx0XHRcdC8vIElmIG5vIG5vZGVUeXBlLCB0aGlzIGlzIGV4cGVjdGVkIHRvIGJlIGFuIGFycmF5XG5cdFx0XHR3aGlsZSAoICggbm9kZSA9IGVsZW1bIGkrKyBdICkgKSB7XG5cblx0XHRcdFx0Ly8gRG8gbm90IHRyYXZlcnNlIGNvbW1lbnQgbm9kZXNcblx0XHRcdFx0cmV0ICs9IGpRdWVyeS50ZXh0KCBub2RlICk7XG5cdFx0XHR9XG5cdFx0fVxuXHRcdGlmICggbm9kZVR5cGUgPT09IDEgfHwgbm9kZVR5cGUgPT09IDExICkge1xuXHRcdFx0cmV0dXJuIGVsZW0udGV4dENvbnRlbnQ7XG5cdFx0fVxuXHRcdGlmICggbm9kZVR5cGUgPT09IDkgKSB7XG5cdFx0XHRyZXR1cm4gZWxlbS5kb2N1bWVudEVsZW1lbnQudGV4dENvbnRlbnQ7XG5cdFx0fVxuXHRcdGlmICggbm9kZVR5cGUgPT09IDMgfHwgbm9kZVR5cGUgPT09IDQgKSB7XG5cdFx0XHRyZXR1cm4gZWxlbS5ub2RlVmFsdWU7XG5cdFx0fVxuXG5cdFx0Ly8gRG8gbm90IGluY2x1ZGUgY29tbWVudCBvciBwcm9jZXNzaW5nIGluc3RydWN0aW9uIG5vZGVzXG5cblx0XHRyZXR1cm4gcmV0O1xuXHR9LFxuXG5cdC8vIHJlc3VsdHMgaXMgZm9yIGludGVybmFsIHVzYWdlIG9ubHlcblx0bWFrZUFycmF5OiBmdW5jdGlvbiggYXJyLCByZXN1bHRzICkge1xuXHRcdHZhciByZXQgPSByZXN1bHRzIHx8IFtdO1xuXG5cdFx0aWYgKCBhcnIgIT0gbnVsbCApIHtcblx0XHRcdGlmICggaXNBcnJheUxpa2UoIE9iamVjdCggYXJyICkgKSApIHtcblx0XHRcdFx0alF1ZXJ5Lm1lcmdlKCByZXQsXG5cdFx0XHRcdFx0dHlwZW9mIGFyciA9PT0gXCJzdHJpbmdcIiA/XG5cdFx0XHRcdFx0XHRbIGFyciBdIDogYXJyXG5cdFx0XHRcdCk7XG5cdFx0XHR9IGVsc2Uge1xuXHRcdFx0XHRwdXNoLmNhbGwoIHJldCwgYXJyICk7XG5cdFx0XHR9XG5cdFx0fVxuXG5cdFx0cmV0dXJuIHJldDtcblx0fSxcblxuXHRpbkFycmF5OiBmdW5jdGlvbiggZWxlbSwgYXJyLCBpICkge1xuXHRcdHJldHVybiBhcnIgPT0gbnVsbCA/IC0xIDogaW5kZXhPZi5jYWxsKCBhcnIsIGVsZW0sIGkgKTtcblx0fSxcblxuXHRpc1hNTERvYzogZnVuY3Rpb24oIGVsZW0gKSB7XG5cdFx0dmFyIG5hbWVzcGFjZSA9IGVsZW0gJiYgZWxlbS5uYW1lc3BhY2VVUkksXG5cdFx0XHRkb2NFbGVtID0gZWxlbSAmJiAoIGVsZW0ub3duZXJEb2N1bWVudCB8fCBlbGVtICkuZG9jdW1lbnRFbGVtZW50O1xuXG5cdFx0Ly8gQXNzdW1lIEhUTUwgd2hlbiBkb2N1bWVudEVsZW1lbnQgZG9lc24ndCB5ZXQgZXhpc3QsIHN1Y2ggYXMgaW5zaWRlXG5cdFx0Ly8gZG9jdW1lbnQgZnJhZ21lbnRzLlxuXHRcdHJldHVybiAhcmh0bWxTdWZmaXgudGVzdCggbmFtZXNwYWNlIHx8IGRvY0VsZW0gJiYgZG9jRWxlbS5ub2RlTmFtZSB8fCBcIkhUTUxcIiApO1xuXHR9LFxuXG5cdC8vIFN1cHBvcnQ6IEFuZHJvaWQgPD00LjAgb25seSwgUGhhbnRvbUpTIDEgb25seVxuXHQvLyBwdXNoLmFwcGx5KF8sIGFycmF5bGlrZSkgdGhyb3dzIG9uIGFuY2llbnQgV2ViS2l0XG5cdG1lcmdlOiBmdW5jdGlvbiggZmlyc3QsIHNlY29uZCApIHtcblx0XHR2YXIgbGVuID0gK3NlY29uZC5sZW5ndGgsXG5cdFx0XHRqID0gMCxcblx0XHRcdGkgPSBmaXJzdC5sZW5ndGg7XG5cblx0XHRmb3IgKCA7IGogPCBsZW47IGorKyApIHtcblx0XHRcdGZpcnN0WyBpKysgXSA9IHNlY29uZFsgaiBdO1xuXHRcdH1cblxuXHRcdGZpcnN0Lmxlbmd0aCA9IGk7XG5cblx0XHRyZXR1cm4gZmlyc3Q7XG5cdH0sXG5cblx0Z3JlcDogZnVuY3Rpb24oIGVsZW1zLCBjYWxsYmFjaywgaW52ZXJ0ICkge1xuXHRcdHZhciBjYWxsYmFja0ludmVyc2UsXG5cdFx0XHRtYXRjaGVzID0gW10sXG5cdFx0XHRpID0gMCxcblx0XHRcdGxlbmd0aCA9IGVsZW1zLmxlbmd0aCxcblx0XHRcdGNhbGxiYWNrRXhwZWN0ID0gIWludmVydDtcblxuXHRcdC8vIEdvIHRocm91Z2ggdGhlIGFycmF5LCBvbmx5IHNhdmluZyB0aGUgaXRlbXNcblx0XHQvLyB0aGF0IHBhc3MgdGhlIHZhbGlkYXRvciBmdW5jdGlvblxuXHRcdGZvciAoIDsgaSA8IGxlbmd0aDsgaSsrICkge1xuXHRcdFx0Y2FsbGJhY2tJbnZlcnNlID0gIWNhbGxiYWNrKCBlbGVtc1sgaSBdLCBpICk7XG5cdFx0XHRpZiAoIGNhbGxiYWNrSW52ZXJzZSAhPT0gY2FsbGJhY2tFeHBlY3QgKSB7XG5cdFx0XHRcdG1hdGNoZXMucHVzaCggZWxlbXNbIGkgXSApO1xuXHRcdFx0fVxuXHRcdH1cblxuXHRcdHJldHVybiBtYXRjaGVzO1xuXHR9LFxuXG5cdC8vIGFyZyBpcyBmb3IgaW50ZXJuYWwgdXNhZ2Ugb25seVxuXHRtYXA6IGZ1bmN0aW9uKCBlbGVtcywgY2FsbGJhY2ssIGFyZyApIHtcblx0XHR2YXIgbGVuZ3RoLCB2YWx1ZSxcblx0XHRcdGkgPSAwLFxuXHRcdFx0cmV0ID0gW107XG5cblx0XHQvLyBHbyB0aHJvdWdoIHRoZSBhcnJheSwgdHJhbnNsYXRpbmcgZWFjaCBvZiB0aGUgaXRlbXMgdG8gdGhlaXIgbmV3IHZhbHVlc1xuXHRcdGlmICggaXNBcnJheUxpa2UoIGVsZW1zICkgKSB7XG5cdFx0XHRsZW5ndGggPSBlbGVtcy5sZW5ndGg7XG5cdFx0XHRmb3IgKCA7IGkgPCBsZW5ndGg7IGkrKyApIHtcblx0XHRcdFx0dmFsdWUgPSBjYWxsYmFjayggZWxlbXNbIGkgXSwgaSwgYXJnICk7XG5cblx0XHRcdFx0aWYgKCB2YWx1ZSAhPSBudWxsICkge1xuXHRcdFx0XHRcdHJldC5wdXNoKCB2YWx1ZSApO1xuXHRcdFx0XHR9XG5cdFx0XHR9XG5cblx0XHQvLyBHbyB0aHJvdWdoIGV2ZXJ5IGtleSBvbiB0aGUgb2JqZWN0LFxuXHRcdH0gZWxzZSB7XG5cdFx0XHRmb3IgKCBpIGluIGVsZW1zICkge1xuXHRcdFx0XHR2YWx1ZSA9IGNhbGxiYWNrKCBlbGVtc1sgaSBdLCBpLCBhcmcgKTtcblxuXHRcdFx0XHRpZiAoIHZhbHVlICE9IG51bGwgKSB7XG5cdFx0XHRcdFx0cmV0LnB1c2goIHZhbHVlICk7XG5cdFx0XHRcdH1cblx0XHRcdH1cblx0XHR9XG5cblx0XHQvLyBGbGF0dGVuIGFueSBuZXN0ZWQgYXJyYXlzXG5cdFx0cmV0dXJuIGZsYXQoIHJldCApO1xuXHR9LFxuXG5cdC8vIEEgZ2xvYmFsIEdVSUQgY291bnRlciBmb3Igb2JqZWN0c1xuXHRndWlkOiAxLFxuXG5cdC8vIGpRdWVyeS5zdXBwb3J0IGlzIG5vdCB1c2VkIGluIENvcmUgYnV0IG90aGVyIHByb2plY3RzIGF0dGFjaCB0aGVpclxuXHQvLyBwcm9wZXJ0aWVzIHRvIGl0IHNvIGl0IG5lZWRzIHRvIGV4aXN0LlxuXHRzdXBwb3J0OiBzdXBwb3J0XG59ICk7XG5cbmlmICggdHlwZW9mIFN5bWJvbCA9PT0gXCJmdW5jdGlvblwiICkge1xuXHRqUXVlcnkuZm5bIFN5bWJvbC5pdGVyYXRvciBdID0gYXJyWyBTeW1ib2wuaXRlcmF0b3IgXTtcbn1cblxuLy8gUG9wdWxhdGUgdGhlIGNsYXNzMnR5cGUgbWFwXG5qUXVlcnkuZWFjaCggXCJCb29sZWFuIE51bWJlciBTdHJpbmcgRnVuY3Rpb24gQXJyYXkgRGF0ZSBSZWdFeHAgT2JqZWN0IEVycm9yIFN5bWJvbFwiLnNwbGl0KCBcIiBcIiApLFxuXHRmdW5jdGlvbiggX2ksIG5hbWUgKSB7XG5cdFx0Y2xhc3MydHlwZVsgXCJbb2JqZWN0IFwiICsgbmFtZSArIFwiXVwiIF0gPSBuYW1lLnRvTG93ZXJDYXNlKCk7XG5cdH0gKTtcblxuZnVuY3Rpb24gaXNBcnJheUxpa2UoIG9iaiApIHtcblxuXHQvLyBTdXBwb3J0OiByZWFsIGlPUyA4LjIgb25seSAobm90IHJlcHJvZHVjaWJsZSBpbiBzaW11bGF0b3IpXG5cdC8vIGBpbmAgY2hlY2sgdXNlZCB0byBwcmV2ZW50IEpJVCBlcnJvciAoZ2gtMjE0NSlcblx0Ly8gaGFzT3duIGlzbid0IHVzZWQgaGVyZSBkdWUgdG8gZmFsc2UgbmVnYXRpdmVzXG5cdC8vIHJlZ2FyZGluZyBOb2RlbGlzdCBsZW5ndGggaW4gSUVcblx0dmFyIGxlbmd0aCA9ICEhb2JqICYmIFwibGVuZ3RoXCIgaW4gb2JqICYmIG9iai5sZW5ndGgsXG5cdFx0dHlwZSA9IHRvVHlwZSggb2JqICk7XG5cblx0aWYgKCBpc0Z1bmN0aW9uKCBvYmogKSB8fCBpc1dpbmRvdyggb2JqICkgKSB7XG5cdFx0cmV0dXJuIGZhbHNlO1xuXHR9XG5cblx0cmV0dXJuIHR5cGUgPT09IFwiYXJyYXlcIiB8fCBsZW5ndGggPT09IDAgfHxcblx0XHR0eXBlb2YgbGVuZ3RoID09PSBcIm51bWJlclwiICYmIGxlbmd0aCA+IDAgJiYgKCBsZW5ndGggLSAxICkgaW4gb2JqO1xufVxuXG5cbmZ1bmN0aW9uIG5vZGVOYW1lKCBlbGVtLCBuYW1lICkge1xuXG5cdHJldHVybiBlbGVtLm5vZGVOYW1lICYmIGVsZW0ubm9kZU5hbWUudG9Mb3dlckNhc2UoKSA9PT0gbmFtZS50b0xvd2VyQ2FzZSgpO1xuXG59XG52YXIgcG9wID0gYXJyLnBvcDtcblxuXG52YXIgc29ydCA9IGFyci5zb3J0O1xuXG5cbnZhciBzcGxpY2UgPSBhcnIuc3BsaWNlO1xuXG5cbnZhciB3aGl0ZXNwYWNlID0gXCJbXFxcXHgyMFxcXFx0XFxcXHJcXFxcblxcXFxmXVwiO1xuXG5cbnZhciBydHJpbUNTUyA9IG5ldyBSZWdFeHAoXG5cdFwiXlwiICsgd2hpdGVzcGFjZSArIFwiK3woKD86XnxbXlxcXFxcXFxcXSkoPzpcXFxcXFxcXC4pKilcIiArIHdoaXRlc3BhY2UgKyBcIiskXCIsXG5cdFwiZ1wiXG4pO1xuXG5cblxuXG4vLyBOb3RlOiBhbiBlbGVtZW50IGRvZXMgbm90IGNvbnRhaW4gaXRzZWxmXG5qUXVlcnkuY29udGFpbnMgPSBmdW5jdGlvbiggYSwgYiApIHtcblx0dmFyIGJ1cCA9IGIgJiYgYi5wYXJlbnROb2RlO1xuXG5cdHJldHVybiBhID09PSBidXAgfHwgISEoIGJ1cCAmJiBidXAubm9kZVR5cGUgPT09IDEgJiYgKFxuXG5cdFx0Ly8gU3VwcG9ydDogSUUgOSAtIDExK1xuXHRcdC8vIElFIGRvZXNuJ3QgaGF2ZSBgY29udGFpbnNgIG9uIFNWRy5cblx0XHRhLmNvbnRhaW5zID9cblx0XHRcdGEuY29udGFpbnMoIGJ1cCApIDpcblx0XHRcdGEuY29tcGFyZURvY3VtZW50UG9zaXRpb24gJiYgYS5jb21wYXJlRG9jdW1lbnRQb3NpdGlvbiggYnVwICkgJiAxNlxuXHQpICk7XG59O1xuXG5cblxuXG4vLyBDU1Mgc3RyaW5nL2lkZW50aWZpZXIgc2VyaWFsaXphdGlvblxuLy8gaHR0cHM6Ly9kcmFmdHMuY3Nzd2cub3JnL2Nzc29tLyNjb21tb24tc2VyaWFsaXppbmctaWRpb21zXG52YXIgcmNzc2VzY2FwZSA9IC8oW1xcMC1cXHgxZlxceDdmXXxeLT9cXGQpfF4tJHxbXlxceDgwLVxcdUZGRkZcXHctXS9nO1xuXG5mdW5jdGlvbiBmY3NzZXNjYXBlKCBjaCwgYXNDb2RlUG9pbnQgKSB7XG5cdGlmICggYXNDb2RlUG9pbnQgKSB7XG5cblx0XHQvLyBVKzAwMDAgTlVMTCBiZWNvbWVzIFUrRkZGRCBSRVBMQUNFTUVOVCBDSEFSQUNURVJcblx0XHRpZiAoIGNoID09PSBcIlxcMFwiICkge1xuXHRcdFx0cmV0dXJuIFwiXFx1RkZGRFwiO1xuXHRcdH1cblxuXHRcdC8vIENvbnRyb2wgY2hhcmFjdGVycyBhbmQgKGRlcGVuZGVudCB1cG9uIHBvc2l0aW9uKSBudW1iZXJzIGdldCBlc2NhcGVkIGFzIGNvZGUgcG9pbnRzXG5cdFx0cmV0dXJuIGNoLnNsaWNlKCAwLCAtMSApICsgXCJcXFxcXCIgKyBjaC5jaGFyQ29kZUF0KCBjaC5sZW5ndGggLSAxICkudG9TdHJpbmcoIDE2ICkgKyBcIiBcIjtcblx0fVxuXG5cdC8vIE90aGVyIHBvdGVudGlhbGx5LXNwZWNpYWwgQVNDSUkgY2hhcmFjdGVycyBnZXQgYmFja3NsYXNoLWVzY2FwZWRcblx0cmV0dXJuIFwiXFxcXFwiICsgY2g7XG59XG5cbmpRdWVyeS5lc2NhcGVTZWxlY3RvciA9IGZ1bmN0aW9uKCBzZWwgKSB7XG5cdHJldHVybiAoIHNlbCArIFwiXCIgKS5yZXBsYWNlKCByY3NzZXNjYXBlLCBmY3NzZXNjYXBlICk7XG59O1xuXG5cblxuXG52YXIgcHJlZmVycmVkRG9jID0gZG9jdW1lbnQsXG5cdHB1c2hOYXRpdmUgPSBwdXNoO1xuXG4oIGZ1bmN0aW9uKCkge1xuXG52YXIgaSxcblx0RXhwcixcblx0b3V0ZXJtb3N0Q29udGV4dCxcblx0c29ydElucHV0LFxuXHRoYXNEdXBsaWNhdGUsXG5cdHB1c2ggPSBwdXNoTmF0aXZlLFxuXG5cdC8vIExvY2FsIGRvY3VtZW50IHZhcnNcblx0ZG9jdW1lbnQsXG5cdGRvY3VtZW50RWxlbWVudCxcblx0ZG9jdW1lbnRJc0hUTUwsXG5cdHJidWdneVFTQSxcblx0bWF0Y2hlcyxcblxuXHQvLyBJbnN0YW5jZS1zcGVjaWZpYyBkYXRhXG5cdGV4cGFuZG8gPSBqUXVlcnkuZXhwYW5kbyxcblx0ZGlycnVucyA9IDAsXG5cdGRvbmUgPSAwLFxuXHRjbGFzc0NhY2hlID0gY3JlYXRlQ2FjaGUoKSxcblx0dG9rZW5DYWNoZSA9IGNyZWF0ZUNhY2hlKCksXG5cdGNvbXBpbGVyQ2FjaGUgPSBjcmVhdGVDYWNoZSgpLFxuXHRub25uYXRpdmVTZWxlY3RvckNhY2hlID0gY3JlYXRlQ2FjaGUoKSxcblx0c29ydE9yZGVyID0gZnVuY3Rpb24oIGEsIGIgKSB7XG5cdFx0aWYgKCBhID09PSBiICkge1xuXHRcdFx0aGFzRHVwbGljYXRlID0gdHJ1ZTtcblx0XHR9XG5cdFx0cmV0dXJuIDA7XG5cdH0sXG5cblx0Ym9vbGVhbnMgPSBcImNoZWNrZWR8c2VsZWN0ZWR8YXN5bmN8YXV0b2ZvY3VzfGF1dG9wbGF5fGNvbnRyb2xzfGRlZmVyfGRpc2FibGVkfGhpZGRlbnxpc21hcHxcIiArXG5cdFx0XCJsb29wfG11bHRpcGxlfG9wZW58cmVhZG9ubHl8cmVxdWlyZWR8c2NvcGVkXCIsXG5cblx0Ly8gUmVndWxhciBleHByZXNzaW9uc1xuXG5cdC8vIGh0dHBzOi8vd3d3LnczLm9yZy9UUi9jc3Mtc3ludGF4LTMvI2lkZW50LXRva2VuLWRpYWdyYW1cblx0aWRlbnRpZmllciA9IFwiKD86XFxcXFxcXFxbXFxcXGRhLWZBLUZdezEsNn1cIiArIHdoaXRlc3BhY2UgK1xuXHRcdFwiP3xcXFxcXFxcXFteXFxcXHJcXFxcblxcXFxmXXxbXFxcXHctXXxbXlxcMC1cXFxceDdmXSkrXCIsXG5cblx0Ly8gQXR0cmlidXRlIHNlbGVjdG9yczogaHR0cHM6Ly93d3cudzMub3JnL1RSL3NlbGVjdG9ycy8jYXR0cmlidXRlLXNlbGVjdG9yc1xuXHRhdHRyaWJ1dGVzID0gXCJcXFxcW1wiICsgd2hpdGVzcGFjZSArIFwiKihcIiArIGlkZW50aWZpZXIgKyBcIikoPzpcIiArIHdoaXRlc3BhY2UgK1xuXG5cdFx0Ly8gT3BlcmF0b3IgKGNhcHR1cmUgMilcblx0XHRcIiooWypeJHwhfl0/PSlcIiArIHdoaXRlc3BhY2UgK1xuXG5cdFx0Ly8gXCJBdHRyaWJ1dGUgdmFsdWVzIG11c3QgYmUgQ1NTIGlkZW50aWZpZXJzIFtjYXB0dXJlIDVdIG9yIHN0cmluZ3MgW2NhcHR1cmUgMyBvciBjYXB0dXJlIDRdXCJcblx0XHRcIiooPzonKCg/OlxcXFxcXFxcLnxbXlxcXFxcXFxcJ10pKiknfFxcXCIoKD86XFxcXFxcXFwufFteXFxcXFxcXFxcXFwiXSkqKVxcXCJ8KFwiICsgaWRlbnRpZmllciArIFwiKSl8KVwiICtcblx0XHR3aGl0ZXNwYWNlICsgXCIqXFxcXF1cIixcblxuXHRwc2V1ZG9zID0gXCI6KFwiICsgaWRlbnRpZmllciArIFwiKSg/OlxcXFwoKFwiICtcblxuXHRcdC8vIFRvIHJlZHVjZSB0aGUgbnVtYmVyIG9mIHNlbGVjdG9ycyBuZWVkaW5nIHRva2VuaXplIGluIHRoZSBwcmVGaWx0ZXIsIHByZWZlciBhcmd1bWVudHM6XG5cdFx0Ly8gMS4gcXVvdGVkIChjYXB0dXJlIDM7IGNhcHR1cmUgNCBvciBjYXB0dXJlIDUpXG5cdFx0XCIoJygoPzpcXFxcXFxcXC58W15cXFxcXFxcXCddKSopJ3xcXFwiKCg/OlxcXFxcXFxcLnxbXlxcXFxcXFxcXFxcIl0pKilcXFwiKXxcIiArXG5cblx0XHQvLyAyLiBzaW1wbGUgKGNhcHR1cmUgNilcblx0XHRcIigoPzpcXFxcXFxcXC58W15cXFxcXFxcXCgpW1xcXFxdXXxcIiArIGF0dHJpYnV0ZXMgKyBcIikqKXxcIiArXG5cblx0XHQvLyAzLiBhbnl0aGluZyBlbHNlIChjYXB0dXJlIDIpXG5cdFx0XCIuKlwiICtcblx0XHRcIilcXFxcKXwpXCIsXG5cblx0Ly8gTGVhZGluZyBhbmQgbm9uLWVzY2FwZWQgdHJhaWxpbmcgd2hpdGVzcGFjZSwgY2FwdHVyaW5nIHNvbWUgbm9uLXdoaXRlc3BhY2UgY2hhcmFjdGVycyBwcmVjZWRpbmcgdGhlIGxhdHRlclxuXHRyd2hpdGVzcGFjZSA9IG5ldyBSZWdFeHAoIHdoaXRlc3BhY2UgKyBcIitcIiwgXCJnXCIgKSxcblxuXHRyY29tbWEgPSBuZXcgUmVnRXhwKCBcIl5cIiArIHdoaXRlc3BhY2UgKyBcIiosXCIgKyB3aGl0ZXNwYWNlICsgXCIqXCIgKSxcblx0cmxlYWRpbmdDb21iaW5hdG9yID0gbmV3IFJlZ0V4cCggXCJeXCIgKyB3aGl0ZXNwYWNlICsgXCIqKFs+K35dfFwiICsgd2hpdGVzcGFjZSArIFwiKVwiICtcblx0XHR3aGl0ZXNwYWNlICsgXCIqXCIgKSxcblx0cmRlc2NlbmQgPSBuZXcgUmVnRXhwKCB3aGl0ZXNwYWNlICsgXCJ8PlwiICksXG5cblx0cnBzZXVkbyA9IG5ldyBSZWdFeHAoIHBzZXVkb3MgKSxcblx0cmlkZW50aWZpZXIgPSBuZXcgUmVnRXhwKCBcIl5cIiArIGlkZW50aWZpZXIgKyBcIiRcIiApLFxuXG5cdG1hdGNoRXhwciA9IHtcblx0XHRJRDogbmV3IFJlZ0V4cCggXCJeIyhcIiArIGlkZW50aWZpZXIgKyBcIilcIiApLFxuXHRcdENMQVNTOiBuZXcgUmVnRXhwKCBcIl5cXFxcLihcIiArIGlkZW50aWZpZXIgKyBcIilcIiApLFxuXHRcdFRBRzogbmV3IFJlZ0V4cCggXCJeKFwiICsgaWRlbnRpZmllciArIFwifFsqXSlcIiApLFxuXHRcdEFUVFI6IG5ldyBSZWdFeHAoIFwiXlwiICsgYXR0cmlidXRlcyApLFxuXHRcdFBTRVVETzogbmV3IFJlZ0V4cCggXCJeXCIgKyBwc2V1ZG9zICksXG5cdFx0Q0hJTEQ6IG5ldyBSZWdFeHAoXG5cdFx0XHRcIl46KG9ubHl8Zmlyc3R8bGFzdHxudGh8bnRoLWxhc3QpLShjaGlsZHxvZi10eXBlKSg/OlxcXFwoXCIgK1xuXHRcdFx0XHR3aGl0ZXNwYWNlICsgXCIqKGV2ZW58b2RkfCgoWystXXwpKFxcXFxkKilufClcIiArIHdoaXRlc3BhY2UgKyBcIiooPzooWystXXwpXCIgK1xuXHRcdFx0XHR3aGl0ZXNwYWNlICsgXCIqKFxcXFxkKyl8KSlcIiArIHdoaXRlc3BhY2UgKyBcIipcXFxcKXwpXCIsIFwiaVwiICksXG5cdFx0Ym9vbDogbmV3IFJlZ0V4cCggXCJeKD86XCIgKyBib29sZWFucyArIFwiKSRcIiwgXCJpXCIgKSxcblxuXHRcdC8vIEZvciB1c2UgaW4gbGlicmFyaWVzIGltcGxlbWVudGluZyAuaXMoKVxuXHRcdC8vIFdlIHVzZSB0aGlzIGZvciBQT1MgbWF0Y2hpbmcgaW4gYHNlbGVjdGBcblx0XHRuZWVkc0NvbnRleHQ6IG5ldyBSZWdFeHAoIFwiXlwiICsgd2hpdGVzcGFjZSArXG5cdFx0XHRcIipbPit+XXw6KGV2ZW58b2RkfGVxfGd0fGx0fG50aHxmaXJzdHxsYXN0KSg/OlxcXFwoXCIgKyB3aGl0ZXNwYWNlICtcblx0XHRcdFwiKigoPzotXFxcXGQpP1xcXFxkKilcIiArIHdoaXRlc3BhY2UgKyBcIipcXFxcKXwpKD89W14tXXwkKVwiLCBcImlcIiApXG5cdH0sXG5cblx0cmlucHV0cyA9IC9eKD86aW5wdXR8c2VsZWN0fHRleHRhcmVhfGJ1dHRvbikkL2ksXG5cdHJoZWFkZXIgPSAvXmhcXGQkL2ksXG5cblx0Ly8gRWFzaWx5LXBhcnNlYWJsZS9yZXRyaWV2YWJsZSBJRCBvciBUQUcgb3IgQ0xBU1Mgc2VsZWN0b3JzXG5cdHJxdWlja0V4cHIgPSAvXig/OiMoW1xcdy1dKyl8KFxcdyspfFxcLihbXFx3LV0rKSkkLyxcblxuXHRyc2libGluZyA9IC9bK35dLyxcblxuXHQvLyBDU1MgZXNjYXBlc1xuXHQvLyBodHRwczovL3d3dy53My5vcmcvVFIvQ1NTMjEvc3luZGF0YS5odG1sI2VzY2FwZWQtY2hhcmFjdGVyc1xuXHRydW5lc2NhcGUgPSBuZXcgUmVnRXhwKCBcIlxcXFxcXFxcW1xcXFxkYS1mQS1GXXsxLDZ9XCIgKyB3aGl0ZXNwYWNlICtcblx0XHRcIj98XFxcXFxcXFwoW15cXFxcclxcXFxuXFxcXGZdKVwiLCBcImdcIiApLFxuXHRmdW5lc2NhcGUgPSBmdW5jdGlvbiggZXNjYXBlLCBub25IZXggKSB7XG5cdFx0dmFyIGhpZ2ggPSBcIjB4XCIgKyBlc2NhcGUuc2xpY2UoIDEgKSAtIDB4MTAwMDA7XG5cblx0XHRpZiAoIG5vbkhleCApIHtcblxuXHRcdFx0Ly8gU3RyaXAgdGhlIGJhY2tzbGFzaCBwcmVmaXggZnJvbSBhIG5vbi1oZXggZXNjYXBlIHNlcXVlbmNlXG5cdFx0XHRyZXR1cm4gbm9uSGV4O1xuXHRcdH1cblxuXHRcdC8vIFJlcGxhY2UgYSBoZXhhZGVjaW1hbCBlc2NhcGUgc2VxdWVuY2Ugd2l0aCB0aGUgZW5jb2RlZCBVbmljb2RlIGNvZGUgcG9pbnRcblx0XHQvLyBTdXBwb3J0OiBJRSA8PTExK1xuXHRcdC8vIEZvciB2YWx1ZXMgb3V0c2lkZSB0aGUgQmFzaWMgTXVsdGlsaW5ndWFsIFBsYW5lIChCTVApLCBtYW51YWxseSBjb25zdHJ1Y3QgYVxuXHRcdC8vIHN1cnJvZ2F0ZSBwYWlyXG5cdFx0cmV0dXJuIGhpZ2ggPCAwID9cblx0XHRcdFN0cmluZy5mcm9tQ2hhckNvZGUoIGhpZ2ggKyAweDEwMDAwICkgOlxuXHRcdFx0U3RyaW5nLmZyb21DaGFyQ29kZSggaGlnaCA+PiAxMCB8IDB4RDgwMCwgaGlnaCAmIDB4M0ZGIHwgMHhEQzAwICk7XG5cdH0sXG5cblx0Ly8gVXNlZCBmb3IgaWZyYW1lczsgc2VlIGBzZXREb2N1bWVudGAuXG5cdC8vIFN1cHBvcnQ6IElFIDkgLSAxMSssIEVkZ2UgMTIgLSAxOCtcblx0Ly8gUmVtb3ZpbmcgdGhlIGZ1bmN0aW9uIHdyYXBwZXIgY2F1c2VzIGEgXCJQZXJtaXNzaW9uIERlbmllZFwiXG5cdC8vIGVycm9yIGluIElFL0VkZ2UuXG5cdHVubG9hZEhhbmRsZXIgPSBmdW5jdGlvbigpIHtcblx0XHRzZXREb2N1bWVudCgpO1xuXHR9LFxuXG5cdGluRGlzYWJsZWRGaWVsZHNldCA9IGFkZENvbWJpbmF0b3IoXG5cdFx0ZnVuY3Rpb24oIGVsZW0gKSB7XG5cdFx0XHRyZXR1cm4gZWxlbS5kaXNhYmxlZCA9PT0gdHJ1ZSAmJiBub2RlTmFtZSggZWxlbSwgXCJmaWVsZHNldFwiICk7XG5cdFx0fSxcblx0XHR7IGRpcjogXCJwYXJlbnROb2RlXCIsIG5leHQ6IFwibGVnZW5kXCIgfVxuXHQpO1xuXG4vLyBTdXBwb3J0OiBJRSA8PTkgb25seVxuLy8gQWNjZXNzaW5nIGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQgY2FuIHRocm93IHVuZXhwZWN0ZWRseVxuLy8gaHR0cHM6Ly9idWdzLmpxdWVyeS5jb20vdGlja2V0LzEzMzkzXG5mdW5jdGlvbiBzYWZlQWN0aXZlRWxlbWVudCgpIHtcblx0dHJ5IHtcblx0XHRyZXR1cm4gZG9jdW1lbnQuYWN0aXZlRWxlbWVudDtcblx0fSBjYXRjaCAoIGVyciApIHsgfVxufVxuXG4vLyBPcHRpbWl6ZSBmb3IgcHVzaC5hcHBseSggXywgTm9kZUxpc3QgKVxudHJ5IHtcblx0cHVzaC5hcHBseShcblx0XHQoIGFyciA9IHNsaWNlLmNhbGwoIHByZWZlcnJlZERvYy5jaGlsZE5vZGVzICkgKSxcblx0XHRwcmVmZXJyZWREb2MuY2hpbGROb2Rlc1xuXHQpO1xuXG5cdC8vIFN1cHBvcnQ6IEFuZHJvaWQgPD00LjBcblx0Ly8gRGV0ZWN0IHNpbGVudGx5IGZhaWxpbmcgcHVzaC5hcHBseVxuXHQvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tdW51c2VkLWV4cHJlc3Npb25zXG5cdGFyclsgcHJlZmVycmVkRG9jLmNoaWxkTm9kZXMubGVuZ3RoIF0ubm9kZVR5cGU7XG59IGNhdGNoICggZSApIHtcblx0cHVzaCA9IHtcblx0XHRhcHBseTogZnVuY3Rpb24oIHRhcmdldCwgZWxzICkge1xuXHRcdFx0cHVzaE5hdGl2ZS5hcHBseSggdGFyZ2V0LCBzbGljZS5jYWxsKCBlbHMgKSApO1xuXHRcdH0sXG5cdFx0Y2FsbDogZnVuY3Rpb24oIHRhcmdldCApIHtcblx0XHRcdHB1c2hOYXRpdmUuYXBwbHkoIHRhcmdldCwgc2xpY2UuY2FsbCggYXJndW1lbnRzLCAxICkgKTtcblx0XHR9XG5cdH07XG59XG5cbmZ1bmN0aW9uIGZpbmQoIHNlbGVjdG9yLCBjb250ZXh0LCByZXN1bHRzLCBzZWVkICkge1xuXHR2YXIgbSwgaSwgZWxlbSwgbmlkLCBtYXRjaCwgZ3JvdXBzLCBuZXdTZWxlY3Rvcixcblx0XHRuZXdDb250ZXh0ID0gY29udGV4dCAmJiBjb250ZXh0Lm93bmVyRG9jdW1lbnQsXG5cblx0XHQvLyBub2RlVHlwZSBkZWZhdWx0cyB0byA5LCBzaW5jZSBjb250ZXh0IGRlZmF1bHRzIHRvIGRvY3VtZW50XG5cdFx0bm9kZVR5cGUgPSBjb250ZXh0ID8gY29udGV4dC5ub2RlVHlwZSA6IDk7XG5cblx0cmVzdWx0cyA9IHJlc3VsdHMgfHwgW107XG5cblx0Ly8gUmV0dXJuIGVhcmx5IGZyb20gY2FsbHMgd2l0aCBpbnZhbGlkIHNlbGVjdG9yIG9yIGNvbnRleHRcblx0aWYgKCB0eXBlb2Ygc2VsZWN0b3IgIT09IFwic3RyaW5nXCIgfHwgIXNlbGVjdG9yIHx8XG5cdFx0bm9kZVR5cGUgIT09IDEgJiYgbm9kZVR5cGUgIT09IDkgJiYgbm9kZVR5cGUgIT09IDExICkge1xuXG5cdFx0cmV0dXJuIHJlc3VsdHM7XG5cdH1cblxuXHQvLyBUcnkgdG8gc2hvcnRjdXQgZmluZCBvcGVyYXRpb25zIChhcyBvcHBvc2VkIHRvIGZpbHRlcnMpIGluIEhUTUwgZG9jdW1lbnRzXG5cdGlmICggIXNlZWQgKSB7XG5cdFx0c2V0RG9jdW1lbnQoIGNvbnRleHQgKTtcblx0XHRjb250ZXh0ID0gY29udGV4dCB8fCBkb2N1bWVudDtcblxuXHRcdGlmICggZG9jdW1lbnRJc0hUTUwgKSB7XG5cblx0XHRcdC8vIElmIHRoZSBzZWxlY3RvciBpcyBzdWZmaWNpZW50bHkgc2ltcGxlLCB0cnkgdXNpbmcgYSBcImdldCpCeSpcIiBET00gbWV0aG9kXG5cdFx0XHQvLyAoZXhjZXB0aW5nIERvY3VtZW50RnJhZ21lbnQgY29udGV4dCwgd2hlcmUgdGhlIG1ldGhvZHMgZG9uJ3QgZXhpc3QpXG5cdFx0XHRpZiAoIG5vZGVUeXBlICE9PSAxMSAmJiAoIG1hdGNoID0gcnF1aWNrRXhwci5leGVjKCBzZWxlY3RvciApICkgKSB7XG5cblx0XHRcdFx0Ly8gSUQgc2VsZWN0b3Jcblx0XHRcdFx0aWYgKCAoIG0gPSBtYXRjaFsgMSBdICkgKSB7XG5cblx0XHRcdFx0XHQvLyBEb2N1bWVudCBjb250ZXh0XG5cdFx0XHRcdFx0aWYgKCBub2RlVHlwZSA9PT0gOSApIHtcblx0XHRcdFx0XHRcdGlmICggKCBlbGVtID0gY29udGV4dC5nZXRFbGVtZW50QnlJZCggbSApICkgKSB7XG5cblx0XHRcdFx0XHRcdFx0Ly8gU3VwcG9ydDogSUUgOSBvbmx5XG5cdFx0XHRcdFx0XHRcdC8vIGdldEVsZW1lbnRCeUlkIGNhbiBtYXRjaCBlbGVtZW50cyBieSBuYW1lIGluc3RlYWQgb2YgSURcblx0XHRcdFx0XHRcdFx0aWYgKCBlbGVtLmlkID09PSBtICkge1xuXHRcdFx0XHRcdFx0XHRcdHB1c2guY2FsbCggcmVzdWx0cywgZWxlbSApO1xuXHRcdFx0XHRcdFx0XHRcdHJldHVybiByZXN1bHRzO1xuXHRcdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0XHR9IGVsc2Uge1xuXHRcdFx0XHRcdFx0XHRyZXR1cm4gcmVzdWx0cztcblx0XHRcdFx0XHRcdH1cblxuXHRcdFx0XHRcdC8vIEVsZW1lbnQgY29udGV4dFxuXHRcdFx0XHRcdH0gZWxzZSB7XG5cblx0XHRcdFx0XHRcdC8vIFN1cHBvcnQ6IElFIDkgb25seVxuXHRcdFx0XHRcdFx0Ly8gZ2V0RWxlbWVudEJ5SWQgY2FuIG1hdGNoIGVsZW1lbnRzIGJ5IG5hbWUgaW5zdGVhZCBvZiBJRFxuXHRcdFx0XHRcdFx0aWYgKCBuZXdDb250ZXh0ICYmICggZWxlbSA9IG5ld0NvbnRleHQuZ2V0RWxlbWVudEJ5SWQoIG0gKSApICYmXG5cdFx0XHRcdFx0XHRcdGZpbmQuY29udGFpbnMoIGNvbnRleHQsIGVsZW0gKSAmJlxuXHRcdFx0XHRcdFx0XHRlbGVtLmlkID09PSBtICkge1xuXG5cdFx0XHRcdFx0XHRcdHB1c2guY2FsbCggcmVzdWx0cywgZWxlbSApO1xuXHRcdFx0XHRcdFx0XHRyZXR1cm4gcmVzdWx0cztcblx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHR9XG5cblx0XHRcdFx0Ly8gVHlwZSBzZWxlY3RvclxuXHRcdFx0XHR9IGVsc2UgaWYgKCBtYXRjaFsgMiBdICkge1xuXHRcdFx0XHRcdHB1c2guYXBwbHkoIHJlc3VsdHMsIGNvbnRleHQuZ2V0RWxlbWVudHNCeVRhZ05hbWUoIHNlbGVjdG9yICkgKTtcblx0XHRcdFx0XHRyZXR1cm4gcmVzdWx0cztcblxuXHRcdFx0XHQvLyBDbGFzcyBzZWxlY3RvclxuXHRcdFx0XHR9IGVsc2UgaWYgKCAoIG0gPSBtYXRjaFsgMyBdICkgJiYgY29udGV4dC5nZXRFbGVtZW50c0J5Q2xhc3NOYW1lICkge1xuXHRcdFx0XHRcdHB1c2guYXBwbHkoIHJlc3VsdHMsIGNvbnRleHQuZ2V0RWxlbWVudHNCeUNsYXNzTmFtZSggbSApICk7XG5cdFx0XHRcdFx0cmV0dXJuIHJlc3VsdHM7XG5cdFx0XHRcdH1cblx0XHRcdH1cblxuXHRcdFx0Ly8gVGFrZSBhZHZhbnRhZ2Ugb2YgcXVlcnlTZWxlY3RvckFsbFxuXHRcdFx0aWYgKCAhbm9ubmF0aXZlU2VsZWN0b3JDYWNoZVsgc2VsZWN0b3IgKyBcIiBcIiBdICYmXG5cdFx0XHRcdCggIXJidWdneVFTQSB8fCAhcmJ1Z2d5UVNBLnRlc3QoIHNlbGVjdG9yICkgKSApIHtcblxuXHRcdFx0XHRuZXdTZWxlY3RvciA9IHNlbGVjdG9yO1xuXHRcdFx0XHRuZXdDb250ZXh0ID0gY29udGV4dDtcblxuXHRcdFx0XHQvLyBxU0EgY29uc2lkZXJzIGVsZW1lbnRzIG91dHNpZGUgYSBzY29waW5nIHJvb3Qgd2hlbiBldmFsdWF0aW5nIGNoaWxkIG9yXG5cdFx0XHRcdC8vIGRlc2NlbmRhbnQgY29tYmluYXRvcnMsIHdoaWNoIGlzIG5vdCB3aGF0IHdlIHdhbnQuXG5cdFx0XHRcdC8vIEluIHN1Y2ggY2FzZXMsIHdlIHdvcmsgYXJvdW5kIHRoZSBiZWhhdmlvciBieSBwcmVmaXhpbmcgZXZlcnkgc2VsZWN0b3IgaW4gdGhlXG5cdFx0XHRcdC8vIGxpc3Qgd2l0aCBhbiBJRCBzZWxlY3RvciByZWZlcmVuY2luZyB0aGUgc2NvcGUgY29udGV4dC5cblx0XHRcdFx0Ly8gVGhlIHRlY2huaXF1ZSBoYXMgdG8gYmUgdXNlZCBhcyB3ZWxsIHdoZW4gYSBsZWFkaW5nIGNvbWJpbmF0b3IgaXMgdXNlZFxuXHRcdFx0XHQvLyBhcyBzdWNoIHNlbGVjdG9ycyBhcmUgbm90IHJlY29nbml6ZWQgYnkgcXVlcnlTZWxlY3RvckFsbC5cblx0XHRcdFx0Ly8gVGhhbmtzIHRvIEFuZHJldyBEdXBvbnQgZm9yIHRoaXMgdGVjaG5pcXVlLlxuXHRcdFx0XHRpZiAoIG5vZGVUeXBlID09PSAxICYmXG5cdFx0XHRcdFx0KCByZGVzY2VuZC50ZXN0KCBzZWxlY3RvciApIHx8IHJsZWFkaW5nQ29tYmluYXRvci50ZXN0KCBzZWxlY3RvciApICkgKSB7XG5cblx0XHRcdFx0XHQvLyBFeHBhbmQgY29udGV4dCBmb3Igc2libGluZyBzZWxlY3RvcnNcblx0XHRcdFx0XHRuZXdDb250ZXh0ID0gcnNpYmxpbmcudGVzdCggc2VsZWN0b3IgKSAmJiB0ZXN0Q29udGV4dCggY29udGV4dC5wYXJlbnROb2RlICkgfHxcblx0XHRcdFx0XHRcdGNvbnRleHQ7XG5cblx0XHRcdFx0XHQvLyBXZSBjYW4gdXNlIDpzY29wZSBpbnN0ZWFkIG9mIHRoZSBJRCBoYWNrIGlmIHRoZSBicm93c2VyXG5cdFx0XHRcdFx0Ly8gc3VwcG9ydHMgaXQgJiBpZiB3ZSdyZSBub3QgY2hhbmdpbmcgdGhlIGNvbnRleHQuXG5cdFx0XHRcdFx0Ly8gU3VwcG9ydDogSUUgMTErLCBFZGdlIDE3IC0gMTgrXG5cdFx0XHRcdFx0Ly8gSUUvRWRnZSBzb21ldGltZXMgdGhyb3cgYSBcIlBlcm1pc3Npb24gZGVuaWVkXCIgZXJyb3Igd2hlblxuXHRcdFx0XHRcdC8vIHN0cmljdC1jb21wYXJpbmcgdHdvIGRvY3VtZW50czsgc2hhbGxvdyBjb21wYXJpc29ucyB3b3JrLlxuXHRcdFx0XHRcdC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBlcWVxZXFcblx0XHRcdFx0XHRpZiAoIG5ld0NvbnRleHQgIT0gY29udGV4dCB8fCAhc3VwcG9ydC5zY29wZSApIHtcblxuXHRcdFx0XHRcdFx0Ly8gQ2FwdHVyZSB0aGUgY29udGV4dCBJRCwgc2V0dGluZyBpdCBmaXJzdCBpZiBuZWNlc3Nhcnlcblx0XHRcdFx0XHRcdGlmICggKCBuaWQgPSBjb250ZXh0LmdldEF0dHJpYnV0ZSggXCJpZFwiICkgKSApIHtcblx0XHRcdFx0XHRcdFx0bmlkID0galF1ZXJ5LmVzY2FwZVNlbGVjdG9yKCBuaWQgKTtcblx0XHRcdFx0XHRcdH0gZWxzZSB7XG5cdFx0XHRcdFx0XHRcdGNvbnRleHQuc2V0QXR0cmlidXRlKCBcImlkXCIsICggbmlkID0gZXhwYW5kbyApICk7XG5cdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0fVxuXG5cdFx0XHRcdFx0Ly8gUHJlZml4IGV2ZXJ5IHNlbGVjdG9yIGluIHRoZSBsaXN0XG5cdFx0XHRcdFx0Z3JvdXBzID0gdG9rZW5pemUoIHNlbGVjdG9yICk7XG5cdFx0XHRcdFx0aSA9IGdyb3Vwcy5sZW5ndGg7XG5cdFx0XHRcdFx0d2hpbGUgKCBpLS0gKSB7XG5cdFx0XHRcdFx0XHRncm91cHNbIGkgXSA9ICggbmlkID8gXCIjXCIgKyBuaWQgOiBcIjpzY29wZVwiICkgKyBcIiBcIiArXG5cdFx0XHRcdFx0XHRcdHRvU2VsZWN0b3IoIGdyb3Vwc1sgaSBdICk7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHRcdG5ld1NlbGVjdG9yID0gZ3JvdXBzLmpvaW4oIFwiLFwiICk7XG5cdFx0XHRcdH1cblxuXHRcdFx0XHR0cnkge1xuXHRcdFx0XHRcdHB1c2guYXBwbHkoIHJlc3VsdHMsXG5cdFx0XHRcdFx0XHRuZXdDb250ZXh0LnF1ZXJ5U2VsZWN0b3JBbGwoIG5ld1NlbGVjdG9yIClcblx0XHRcdFx0XHQpO1xuXHRcdFx0XHRcdHJldHVybiByZXN1bHRzO1xuXHRcdFx0XHR9IGNhdGNoICggcXNhRXJyb3IgKSB7XG5cdFx0XHRcdFx0bm9ubmF0aXZlU2VsZWN0b3JDYWNoZSggc2VsZWN0b3IsIHRydWUgKTtcblx0XHRcdFx0fSBmaW5hbGx5IHtcblx0XHRcdFx0XHRpZiAoIG5pZCA9PT0gZXhwYW5kbyApIHtcblx0XHRcdFx0XHRcdGNvbnRleHQucmVtb3ZlQXR0cmlidXRlKCBcImlkXCIgKTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdH1cblx0XHRcdH1cblx0XHR9XG5cdH1cblxuXHQvLyBBbGwgb3RoZXJzXG5cdHJldHVybiBzZWxlY3QoIHNlbGVjdG9yLnJlcGxhY2UoIHJ0cmltQ1NTLCBcIiQxXCIgKSwgY29udGV4dCwgcmVzdWx0cywgc2VlZCApO1xufVxuXG4vKipcbiAqIENyZWF0ZSBrZXktdmFsdWUgY2FjaGVzIG9mIGxpbWl0ZWQgc2l6ZVxuICogQHJldHVybnMge2Z1bmN0aW9uKHN0cmluZywgb2JqZWN0KX0gUmV0dXJucyB0aGUgT2JqZWN0IGRhdGEgYWZ0ZXIgc3RvcmluZyBpdCBvbiBpdHNlbGYgd2l0aFxuICpcdHByb3BlcnR5IG5hbWUgdGhlIChzcGFjZS1zdWZmaXhlZCkgc3RyaW5nIGFuZCAoaWYgdGhlIGNhY2hlIGlzIGxhcmdlciB0aGFuIEV4cHIuY2FjaGVMZW5ndGgpXG4gKlx0ZGVsZXRpbmcgdGhlIG9sZGVzdCBlbnRyeVxuICovXG5mdW5jdGlvbiBjcmVhdGVDYWNoZSgpIHtcblx0dmFyIGtleXMgPSBbXTtcblxuXHRmdW5jdGlvbiBjYWNoZSgga2V5LCB2YWx1ZSApIHtcblxuXHRcdC8vIFVzZSAoa2V5ICsgXCIgXCIpIHRvIGF2b2lkIGNvbGxpc2lvbiB3aXRoIG5hdGl2ZSBwcm90b3R5cGUgcHJvcGVydGllc1xuXHRcdC8vIChzZWUgaHR0cHM6Ly9naXRodWIuY29tL2pxdWVyeS9zaXp6bGUvaXNzdWVzLzE1Nylcblx0XHRpZiAoIGtleXMucHVzaCgga2V5ICsgXCIgXCIgKSA+IEV4cHIuY2FjaGVMZW5ndGggKSB7XG5cblx0XHRcdC8vIE9ubHkga2VlcCB0aGUgbW9zdCByZWNlbnQgZW50cmllc1xuXHRcdFx0ZGVsZXRlIGNhY2hlWyBrZXlzLnNoaWZ0KCkgXTtcblx0XHR9XG5cdFx0cmV0dXJuICggY2FjaGVbIGtleSArIFwiIFwiIF0gPSB2YWx1ZSApO1xuXHR9XG5cdHJldHVybiBjYWNoZTtcbn1cblxuLyoqXG4gKiBNYXJrIGEgZnVuY3Rpb24gZm9yIHNwZWNpYWwgdXNlIGJ5IGpRdWVyeSBzZWxlY3RvciBtb2R1bGVcbiAqIEBwYXJhbSB7RnVuY3Rpb259IGZuIFRoZSBmdW5jdGlvbiB0byBtYXJrXG4gKi9cbmZ1bmN0aW9uIG1hcmtGdW5jdGlvbiggZm4gKSB7XG5cdGZuWyBleHBhbmRvIF0gPSB0cnVlO1xuXHRyZXR1cm4gZm47XG59XG5cbi8qKlxuICogU3VwcG9ydCB0ZXN0aW5nIHVzaW5nIGFuIGVsZW1lbnRcbiAqIEBwYXJhbSB7RnVuY3Rpb259IGZuIFBhc3NlZCB0aGUgY3JlYXRlZCBlbGVtZW50IGFuZCByZXR1cm5zIGEgYm9vbGVhbiByZXN1bHRcbiAqL1xuZnVuY3Rpb24gYXNzZXJ0KCBmbiApIHtcblx0dmFyIGVsID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCggXCJmaWVsZHNldFwiICk7XG5cblx0dHJ5IHtcblx0XHRyZXR1cm4gISFmbiggZWwgKTtcblx0fSBjYXRjaCAoIGUgKSB7XG5cdFx0cmV0dXJuIGZhbHNlO1xuXHR9IGZpbmFsbHkge1xuXG5cdFx0Ly8gUmVtb3ZlIGZyb20gaXRzIHBhcmVudCBieSBkZWZhdWx0XG5cdFx0aWYgKCBlbC5wYXJlbnROb2RlICkge1xuXHRcdFx0ZWwucGFyZW50Tm9kZS5yZW1vdmVDaGlsZCggZWwgKTtcblx0XHR9XG5cblx0XHQvLyByZWxlYXNlIG1lbW9yeSBpbiBJRVxuXHRcdGVsID0gbnVsbDtcblx0fVxufVxuXG4vKipcbiAqIFJldHVybnMgYSBmdW5jdGlvbiB0byB1c2UgaW4gcHNldWRvcyBmb3IgaW5wdXQgdHlwZXNcbiAqIEBwYXJhbSB7U3RyaW5nfSB0eXBlXG4gKi9cbmZ1bmN0aW9uIGNyZWF0ZUlucHV0UHNldWRvKCB0eXBlICkge1xuXHRyZXR1cm4gZnVuY3Rpb24oIGVsZW0gKSB7XG5cdFx0cmV0dXJuIG5vZGVOYW1lKCBlbGVtLCBcImlucHV0XCIgKSAmJiBlbGVtLnR5cGUgPT09IHR5cGU7XG5cdH07XG59XG5cbi8qKlxuICogUmV0dXJucyBhIGZ1bmN0aW9uIHRvIHVzZSBpbiBwc2V1ZG9zIGZvciBidXR0b25zXG4gKiBAcGFyYW0ge1N0cmluZ30gdHlwZVxuICovXG5mdW5jdGlvbiBjcmVhdGVCdXR0b25Qc2V1ZG8oIHR5cGUgKSB7XG5cdHJldHVybiBmdW5jdGlvbiggZWxlbSApIHtcblx0XHRyZXR1cm4gKCBub2RlTmFtZSggZWxlbSwgXCJpbnB1dFwiICkgfHwgbm9kZU5hbWUoIGVsZW0sIFwiYnV0dG9uXCIgKSApICYmXG5cdFx0XHRlbGVtLnR5cGUgPT09IHR5cGU7XG5cdH07XG59XG5cbi8qKlxuICogUmV0dXJucyBhIGZ1bmN0aW9uIHRvIHVzZSBpbiBwc2V1ZG9zIGZvciA6ZW5hYmxlZC86ZGlzYWJsZWRcbiAqIEBwYXJhbSB7Qm9vbGVhbn0gZGlzYWJsZWQgdHJ1ZSBmb3IgOmRpc2FibGVkOyBmYWxzZSBmb3IgOmVuYWJsZWRcbiAqL1xuZnVuY3Rpb24gY3JlYXRlRGlzYWJsZWRQc2V1ZG8oIGRpc2FibGVkICkge1xuXG5cdC8vIEtub3duIDpkaXNhYmxlZCBmYWxzZSBwb3NpdGl2ZXM6IGZpZWxkc2V0W2Rpc2FibGVkXSA+IGxlZ2VuZDpudGgtb2YtdHlwZShuKzIpIDpjYW4tZGlzYWJsZVxuXHRyZXR1cm4gZnVuY3Rpb24oIGVsZW0gKSB7XG5cblx0XHQvLyBPbmx5IGNlcnRhaW4gZWxlbWVudHMgY2FuIG1hdGNoIDplbmFibGVkIG9yIDpkaXNhYmxlZFxuXHRcdC8vIGh0dHBzOi8vaHRtbC5zcGVjLndoYXR3Zy5vcmcvbXVsdGlwYWdlL3NjcmlwdGluZy5odG1sI3NlbGVjdG9yLWVuYWJsZWRcblx0XHQvLyBodHRwczovL2h0bWwuc3BlYy53aGF0d2cub3JnL211bHRpcGFnZS9zY3JpcHRpbmcuaHRtbCNzZWxlY3Rvci1kaXNhYmxlZFxuXHRcdGlmICggXCJmb3JtXCIgaW4gZWxlbSApIHtcblxuXHRcdFx0Ly8gQ2hlY2sgZm9yIGluaGVyaXRlZCBkaXNhYmxlZG5lc3Mgb24gcmVsZXZhbnQgbm9uLWRpc2FibGVkIGVsZW1lbnRzOlxuXHRcdFx0Ly8gKiBsaXN0ZWQgZm9ybS1hc3NvY2lhdGVkIGVsZW1lbnRzIGluIGEgZGlzYWJsZWQgZmllbGRzZXRcblx0XHRcdC8vICAgaHR0cHM6Ly9odG1sLnNwZWMud2hhdHdnLm9yZy9tdWx0aXBhZ2UvZm9ybXMuaHRtbCNjYXRlZ29yeS1saXN0ZWRcblx0XHRcdC8vICAgaHR0cHM6Ly9odG1sLnNwZWMud2hhdHdnLm9yZy9tdWx0aXBhZ2UvZm9ybXMuaHRtbCNjb25jZXB0LWZlLWRpc2FibGVkXG5cdFx0XHQvLyAqIG9wdGlvbiBlbGVtZW50cyBpbiBhIGRpc2FibGVkIG9wdGdyb3VwXG5cdFx0XHQvLyAgIGh0dHBzOi8vaHRtbC5zcGVjLndoYXR3Zy5vcmcvbXVsdGlwYWdlL2Zvcm1zLmh0bWwjY29uY2VwdC1vcHRpb24tZGlzYWJsZWRcblx0XHRcdC8vIEFsbCBzdWNoIGVsZW1lbnRzIGhhdmUgYSBcImZvcm1cIiBwcm9wZXJ0eS5cblx0XHRcdGlmICggZWxlbS5wYXJlbnROb2RlICYmIGVsZW0uZGlzYWJsZWQgPT09IGZhbHNlICkge1xuXG5cdFx0XHRcdC8vIE9wdGlvbiBlbGVtZW50cyBkZWZlciB0byBhIHBhcmVudCBvcHRncm91cCBpZiBwcmVzZW50XG5cdFx0XHRcdGlmICggXCJsYWJlbFwiIGluIGVsZW0gKSB7XG5cdFx0XHRcdFx0aWYgKCBcImxhYmVsXCIgaW4gZWxlbS5wYXJlbnROb2RlICkge1xuXHRcdFx0XHRcdFx0cmV0dXJuIGVsZW0ucGFyZW50Tm9kZS5kaXNhYmxlZCA9PT0gZGlzYWJsZWQ7XG5cdFx0XHRcdFx0fSBlbHNlIHtcblx0XHRcdFx0XHRcdHJldHVybiBlbGVtLmRpc2FibGVkID09PSBkaXNhYmxlZDtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdH1cblxuXHRcdFx0XHQvLyBTdXBwb3J0OiBJRSA2IC0gMTErXG5cdFx0XHRcdC8vIFVzZSB0aGUgaXNEaXNhYmxlZCBzaG9ydGN1dCBwcm9wZXJ0eSB0byBjaGVjayBmb3IgZGlzYWJsZWQgZmllbGRzZXQgYW5jZXN0b3JzXG5cdFx0XHRcdHJldHVybiBlbGVtLmlzRGlzYWJsZWQgPT09IGRpc2FibGVkIHx8XG5cblx0XHRcdFx0XHQvLyBXaGVyZSB0aGVyZSBpcyBubyBpc0Rpc2FibGVkLCBjaGVjayBtYW51YWxseVxuXHRcdFx0XHRcdGVsZW0uaXNEaXNhYmxlZCAhPT0gIWRpc2FibGVkICYmXG5cdFx0XHRcdFx0XHRpbkRpc2FibGVkRmllbGRzZXQoIGVsZW0gKSA9PT0gZGlzYWJsZWQ7XG5cdFx0XHR9XG5cblx0XHRcdHJldHVybiBlbGVtLmRpc2FibGVkID09PSBkaXNhYmxlZDtcblxuXHRcdC8vIFRyeSB0byB3aW5ub3cgb3V0IGVsZW1lbnRzIHRoYXQgY2FuJ3QgYmUgZGlzYWJsZWQgYmVmb3JlIHRydXN0aW5nIHRoZSBkaXNhYmxlZCBwcm9wZXJ0eS5cblx0XHQvLyBTb21lIHZpY3RpbXMgZ2V0IGNhdWdodCBpbiBvdXIgbmV0IChsYWJlbCwgbGVnZW5kLCBtZW51LCB0cmFjayksIGJ1dCBpdCBzaG91bGRuJ3Rcblx0XHQvLyBldmVuIGV4aXN0IG9uIHRoZW0sIGxldCBhbG9uZSBoYXZlIGEgYm9vbGVhbiB2YWx1ZS5cblx0XHR9IGVsc2UgaWYgKCBcImxhYmVsXCIgaW4gZWxlbSApIHtcblx0XHRcdHJldHVybiBlbGVtLmRpc2FibGVkID09PSBkaXNhYmxlZDtcblx0XHR9XG5cblx0XHQvLyBSZW1haW5pbmcgZWxlbWVudHMgYXJlIG5laXRoZXIgOmVuYWJsZWQgbm9yIDpkaXNhYmxlZFxuXHRcdHJldHVybiBmYWxzZTtcblx0fTtcbn1cblxuLyoqXG4gKiBSZXR1cm5zIGEgZnVuY3Rpb24gdG8gdXNlIGluIHBzZXVkb3MgZm9yIHBvc2l0aW9uYWxzXG4gKiBAcGFyYW0ge0Z1bmN0aW9ufSBmblxuICovXG5mdW5jdGlvbiBjcmVhdGVQb3NpdGlvbmFsUHNldWRvKCBmbiApIHtcblx0cmV0dXJuIG1hcmtGdW5jdGlvbiggZnVuY3Rpb24oIGFyZ3VtZW50ICkge1xuXHRcdGFyZ3VtZW50ID0gK2FyZ3VtZW50O1xuXHRcdHJldHVybiBtYXJrRnVuY3Rpb24oIGZ1bmN0aW9uKCBzZWVkLCBtYXRjaGVzICkge1xuXHRcdFx0dmFyIGosXG5cdFx0XHRcdG1hdGNoSW5kZXhlcyA9IGZuKCBbXSwgc2VlZC5sZW5ndGgsIGFyZ3VtZW50ICksXG5cdFx0XHRcdGkgPSBtYXRjaEluZGV4ZXMubGVuZ3RoO1xuXG5cdFx0XHQvLyBNYXRjaCBlbGVtZW50cyBmb3VuZCBhdCB0aGUgc3BlY2lmaWVkIGluZGV4ZXNcblx0XHRcdHdoaWxlICggaS0tICkge1xuXHRcdFx0XHRpZiAoIHNlZWRbICggaiA9IG1hdGNoSW5kZXhlc1sgaSBdICkgXSApIHtcblx0XHRcdFx0XHRzZWVkWyBqIF0gPSAhKCBtYXRjaGVzWyBqIF0gPSBzZWVkWyBqIF0gKTtcblx0XHRcdFx0fVxuXHRcdFx0fVxuXHRcdH0gKTtcblx0fSApO1xufVxuXG4vKipcbiAqIENoZWNrcyBhIG5vZGUgZm9yIHZhbGlkaXR5IGFzIGEgalF1ZXJ5IHNlbGVjdG9yIGNvbnRleHRcbiAqIEBwYXJhbSB7RWxlbWVudHxPYmplY3Q9fSBjb250ZXh0XG4gKiBAcmV0dXJucyB7RWxlbWVudHxPYmplY3R8Qm9vbGVhbn0gVGhlIGlucHV0IG5vZGUgaWYgYWNjZXB0YWJsZSwgb3RoZXJ3aXNlIGEgZmFsc3kgdmFsdWVcbiAqL1xuZnVuY3Rpb24gdGVzdENvbnRleHQoIGNvbnRleHQgKSB7XG5cdHJldHVybiBjb250ZXh0ICYmIHR5cGVvZiBjb250ZXh0LmdldEVsZW1lbnRzQnlUYWdOYW1lICE9PSBcInVuZGVmaW5lZFwiICYmIGNvbnRleHQ7XG59XG5cbi8qKlxuICogU2V0cyBkb2N1bWVudC1yZWxhdGVkIHZhcmlhYmxlcyBvbmNlIGJhc2VkIG9uIHRoZSBjdXJyZW50IGRvY3VtZW50XG4gKiBAcGFyYW0ge0VsZW1lbnR8T2JqZWN0fSBbbm9kZV0gQW4gZWxlbWVudCBvciBkb2N1bWVudCBvYmplY3QgdG8gdXNlIHRvIHNldCB0aGUgZG9jdW1lbnRcbiAqIEByZXR1cm5zIHtPYmplY3R9IFJldHVybnMgdGhlIGN1cnJlbnQgZG9jdW1lbnRcbiAqL1xuZnVuY3Rpb24gc2V0RG9jdW1lbnQoIG5vZGUgKSB7XG5cdHZhciBzdWJXaW5kb3csXG5cdFx0ZG9jID0gbm9kZSA/IG5vZGUub3duZXJEb2N1bWVudCB8fCBub2RlIDogcHJlZmVycmVkRG9jO1xuXG5cdC8vIFJldHVybiBlYXJseSBpZiBkb2MgaXMgaW52YWxpZCBvciBhbHJlYWR5IHNlbGVjdGVkXG5cdC8vIFN1cHBvcnQ6IElFIDExKywgRWRnZSAxNyAtIDE4K1xuXHQvLyBJRS9FZGdlIHNvbWV0aW1lcyB0aHJvdyBhIFwiUGVybWlzc2lvbiBkZW5pZWRcIiBlcnJvciB3aGVuIHN0cmljdC1jb21wYXJpbmdcblx0Ly8gdHdvIGRvY3VtZW50czsgc2hhbGxvdyBjb21wYXJpc29ucyB3b3JrLlxuXHQvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgZXFlcWVxXG5cdGlmICggZG9jID09IGRvY3VtZW50IHx8IGRvYy5ub2RlVHlwZSAhPT0gOSB8fCAhZG9jLmRvY3VtZW50RWxlbWVudCApIHtcblx0XHRyZXR1cm4gZG9jdW1lbnQ7XG5cdH1cblxuXHQvLyBVcGRhdGUgZ2xvYmFsIHZhcmlhYmxlc1xuXHRkb2N1bWVudCA9IGRvYztcblx0ZG9jdW1lbnRFbGVtZW50ID0gZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50O1xuXHRkb2N1bWVudElzSFRNTCA9ICFqUXVlcnkuaXNYTUxEb2MoIGRvY3VtZW50ICk7XG5cblx0Ly8gU3VwcG9ydDogaU9TIDcgb25seSwgSUUgOSAtIDExK1xuXHQvLyBPbGRlciBicm93c2VycyBkaWRuJ3Qgc3VwcG9ydCB1bnByZWZpeGVkIGBtYXRjaGVzYC5cblx0bWF0Y2hlcyA9IGRvY3VtZW50RWxlbWVudC5tYXRjaGVzIHx8XG5cdFx0ZG9jdW1lbnRFbGVtZW50LndlYmtpdE1hdGNoZXNTZWxlY3RvciB8fFxuXHRcdGRvY3VtZW50RWxlbWVudC5tc01hdGNoZXNTZWxlY3RvcjtcblxuXHQvLyBTdXBwb3J0OiBJRSA5IC0gMTErLCBFZGdlIDEyIC0gMTgrXG5cdC8vIEFjY2Vzc2luZyBpZnJhbWUgZG9jdW1lbnRzIGFmdGVyIHVubG9hZCB0aHJvd3MgXCJwZXJtaXNzaW9uIGRlbmllZFwiIGVycm9yc1xuXHQvLyAoc2VlIHRyYWMtMTM5MzYpLlxuXHQvLyBMaW1pdCB0aGUgZml4IHRvIElFICYgRWRnZSBMZWdhY3k7IGRlc3BpdGUgRWRnZSAxNSsgaW1wbGVtZW50aW5nIGBtYXRjaGVzYCxcblx0Ly8gYWxsIElFIDkrIGFuZCBFZGdlIExlZ2FjeSB2ZXJzaW9ucyBpbXBsZW1lbnQgYG1zTWF0Y2hlc1NlbGVjdG9yYCBhcyB3ZWxsLlxuXHRpZiAoIGRvY3VtZW50RWxlbWVudC5tc01hdGNoZXNTZWxlY3RvciAmJlxuXG5cdFx0Ly8gU3VwcG9ydDogSUUgMTErLCBFZGdlIDE3IC0gMTgrXG5cdFx0Ly8gSUUvRWRnZSBzb21ldGltZXMgdGhyb3cgYSBcIlBlcm1pc3Npb24gZGVuaWVkXCIgZXJyb3Igd2hlbiBzdHJpY3QtY29tcGFyaW5nXG5cdFx0Ly8gdHdvIGRvY3VtZW50czsgc2hhbGxvdyBjb21wYXJpc29ucyB3b3JrLlxuXHRcdC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBlcWVxZXFcblx0XHRwcmVmZXJyZWREb2MgIT0gZG9jdW1lbnQgJiZcblx0XHQoIHN1YldpbmRvdyA9IGRvY3VtZW50LmRlZmF1bHRWaWV3ICkgJiYgc3ViV2luZG93LnRvcCAhPT0gc3ViV2luZG93ICkge1xuXG5cdFx0Ly8gU3VwcG9ydDogSUUgOSAtIDExKywgRWRnZSAxMiAtIDE4K1xuXHRcdHN1YldpbmRvdy5hZGRFdmVudExpc3RlbmVyKCBcInVubG9hZFwiLCB1bmxvYWRIYW5kbGVyICk7XG5cdH1cblxuXHQvLyBTdXBwb3J0OiBJRSA8MTBcblx0Ly8gQ2hlY2sgaWYgZ2V0RWxlbWVudEJ5SWQgcmV0dXJucyBlbGVtZW50cyBieSBuYW1lXG5cdC8vIFRoZSBicm9rZW4gZ2V0RWxlbWVudEJ5SWQgbWV0aG9kcyBkb24ndCBwaWNrIHVwIHByb2dyYW1tYXRpY2FsbHktc2V0IG5hbWVzLFxuXHQvLyBzbyB1c2UgYSByb3VuZGFib3V0IGdldEVsZW1lbnRzQnlOYW1lIHRlc3Rcblx0c3VwcG9ydC5nZXRCeUlkID0gYXNzZXJ0KCBmdW5jdGlvbiggZWwgKSB7XG5cdFx0ZG9jdW1lbnRFbGVtZW50LmFwcGVuZENoaWxkKCBlbCApLmlkID0galF1ZXJ5LmV4cGFuZG87XG5cdFx0cmV0dXJuICFkb2N1bWVudC5nZXRFbGVtZW50c0J5TmFtZSB8fFxuXHRcdFx0IWRvY3VtZW50LmdldEVsZW1lbnRzQnlOYW1lKCBqUXVlcnkuZXhwYW5kbyApLmxlbmd0aDtcblx0fSApO1xuXG5cdC8vIFN1cHBvcnQ6IElFIDkgb25seVxuXHQvLyBDaGVjayB0byBzZWUgaWYgaXQncyBwb3NzaWJsZSB0byBkbyBtYXRjaGVzU2VsZWN0b3Jcblx0Ly8gb24gYSBkaXNjb25uZWN0ZWQgbm9kZS5cblx0c3VwcG9ydC5kaXNjb25uZWN0ZWRNYXRjaCA9IGFzc2VydCggZnVuY3Rpb24oIGVsICkge1xuXHRcdHJldHVybiBtYXRjaGVzLmNhbGwoIGVsLCBcIipcIiApO1xuXHR9ICk7XG5cblx0Ly8gU3VwcG9ydDogSUUgOSAtIDExKywgRWRnZSAxMiAtIDE4K1xuXHQvLyBJRS9FZGdlIGRvbid0IHN1cHBvcnQgdGhlIDpzY29wZSBwc2V1ZG8tY2xhc3MuXG5cdHN1cHBvcnQuc2NvcGUgPSBhc3NlcnQoIGZ1bmN0aW9uKCkge1xuXHRcdHJldHVybiBkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKCBcIjpzY29wZVwiICk7XG5cdH0gKTtcblxuXHQvLyBTdXBwb3J0OiBDaHJvbWUgMTA1IC0gMTExIG9ubHksIFNhZmFyaSAxNS40IC0gMTYuMyBvbmx5XG5cdC8vIE1ha2Ugc3VyZSB0aGUgYDpoYXMoKWAgYXJndW1lbnQgaXMgcGFyc2VkIHVuZm9yZ2l2aW5nbHkuXG5cdC8vIFdlIGluY2x1ZGUgYCpgIGluIHRoZSB0ZXN0IHRvIGRldGVjdCBidWdneSBpbXBsZW1lbnRhdGlvbnMgdGhhdCBhcmVcblx0Ly8gX3NlbGVjdGl2ZWx5XyBmb3JnaXZpbmcgKHNwZWNpZmljYWxseSB3aGVuIHRoZSBsaXN0IGluY2x1ZGVzIGF0IGxlYXN0XG5cdC8vIG9uZSB2YWxpZCBzZWxlY3RvcikuXG5cdC8vIE5vdGUgdGhhdCB3ZSB0cmVhdCBjb21wbGV0ZSBsYWNrIG9mIHN1cHBvcnQgZm9yIGA6aGFzKClgIGFzIGlmIGl0IHdlcmVcblx0Ly8gc3BlYy1jb21wbGlhbnQgc3VwcG9ydCwgd2hpY2ggaXMgZmluZSBiZWNhdXNlIHVzZSBvZiBgOmhhcygpYCBpbiBzdWNoXG5cdC8vIGVudmlyb25tZW50cyB3aWxsIGZhaWwgaW4gdGhlIHFTQSBwYXRoIGFuZCBmYWxsIGJhY2sgdG8galF1ZXJ5IHRyYXZlcnNhbFxuXHQvLyBhbnl3YXkuXG5cdHN1cHBvcnQuY3NzSGFzID0gYXNzZXJ0KCBmdW5jdGlvbigpIHtcblx0XHR0cnkge1xuXHRcdFx0ZG9jdW1lbnQucXVlcnlTZWxlY3RvciggXCI6aGFzKCosOmpxZmFrZSlcIiApO1xuXHRcdFx0cmV0dXJuIGZhbHNlO1xuXHRcdH0gY2F0Y2ggKCBlICkge1xuXHRcdFx0cmV0dXJuIHRydWU7XG5cdFx0fVxuXHR9ICk7XG5cblx0Ly8gSUQgZmlsdGVyIGFuZCBmaW5kXG5cdGlmICggc3VwcG9ydC5nZXRCeUlkICkge1xuXHRcdEV4cHIuZmlsdGVyLklEID0gZnVuY3Rpb24oIGlkICkge1xuXHRcdFx0dmFyIGF0dHJJZCA9IGlkLnJlcGxhY2UoIHJ1bmVzY2FwZSwgZnVuZXNjYXBlICk7XG5cdFx0XHRyZXR1cm4gZnVuY3Rpb24oIGVsZW0gKSB7XG5cdFx0XHRcdHJldHVybiBlbGVtLmdldEF0dHJpYnV0ZSggXCJpZFwiICkgPT09IGF0dHJJZDtcblx0XHRcdH07XG5cdFx0fTtcblx0XHRFeHByLmZpbmQuSUQgPSBmdW5jdGlvbiggaWQsIGNvbnRleHQgKSB7XG5cdFx0XHRpZiAoIHR5cGVvZiBjb250ZXh0LmdldEVsZW1lbnRCeUlkICE9PSBcInVuZGVmaW5lZFwiICYmIGRvY3VtZW50SXNIVE1MICkge1xuXHRcdFx0XHR2YXIgZWxlbSA9IGNvbnRleHQuZ2V0RWxlbWVudEJ5SWQoIGlkICk7XG5cdFx0XHRcdHJldHVybiBlbGVtID8gWyBlbGVtIF0gOiBbXTtcblx0XHRcdH1cblx0XHR9O1xuXHR9IGVsc2Uge1xuXHRcdEV4cHIuZmlsdGVyLklEID0gIGZ1bmN0aW9uKCBpZCApIHtcblx0XHRcdHZhciBhdHRySWQgPSBpZC5yZXBsYWNlKCBydW5lc2NhcGUsIGZ1bmVzY2FwZSApO1xuXHRcdFx0cmV0dXJuIGZ1bmN0aW9uKCBlbGVtICkge1xuXHRcdFx0XHR2YXIgbm9kZSA9IHR5cGVvZiBlbGVtLmdldEF0dHJpYnV0ZU5vZGUgIT09IFwidW5kZWZpbmVkXCIgJiZcblx0XHRcdFx0XHRlbGVtLmdldEF0dHJpYnV0ZU5vZGUoIFwiaWRcIiApO1xuXHRcdFx0XHRyZXR1cm4gbm9kZSAmJiBub2RlLnZhbHVlID09PSBhdHRySWQ7XG5cdFx0XHR9O1xuXHRcdH07XG5cblx0XHQvLyBTdXBwb3J0OiBJRSA2IC0gNyBvbmx5XG5cdFx0Ly8gZ2V0RWxlbWVudEJ5SWQgaXMgbm90IHJlbGlhYmxlIGFzIGEgZmluZCBzaG9ydGN1dFxuXHRcdEV4cHIuZmluZC5JRCA9IGZ1bmN0aW9uKCBpZCwgY29udGV4dCApIHtcblx0XHRcdGlmICggdHlwZW9mIGNvbnRleHQuZ2V0RWxlbWVudEJ5SWQgIT09IFwidW5kZWZpbmVkXCIgJiYgZG9jdW1lbnRJc0hUTUwgKSB7XG5cdFx0XHRcdHZhciBub2RlLCBpLCBlbGVtcyxcblx0XHRcdFx0XHRlbGVtID0gY29udGV4dC5nZXRFbGVtZW50QnlJZCggaWQgKTtcblxuXHRcdFx0XHRpZiAoIGVsZW0gKSB7XG5cblx0XHRcdFx0XHQvLyBWZXJpZnkgdGhlIGlkIGF0dHJpYnV0ZVxuXHRcdFx0XHRcdG5vZGUgPSBlbGVtLmdldEF0dHJpYnV0ZU5vZGUoIFwiaWRcIiApO1xuXHRcdFx0XHRcdGlmICggbm9kZSAmJiBub2RlLnZhbHVlID09PSBpZCApIHtcblx0XHRcdFx0XHRcdHJldHVybiBbIGVsZW0gXTtcblx0XHRcdFx0XHR9XG5cblx0XHRcdFx0XHQvLyBGYWxsIGJhY2sgb24gZ2V0RWxlbWVudHNCeU5hbWVcblx0XHRcdFx0XHRlbGVtcyA9IGNvbnRleHQuZ2V0RWxlbWVudHNCeU5hbWUoIGlkICk7XG5cdFx0XHRcdFx0aSA9IDA7XG5cdFx0XHRcdFx0d2hpbGUgKCAoIGVsZW0gPSBlbGVtc1sgaSsrIF0gKSApIHtcblx0XHRcdFx0XHRcdG5vZGUgPSBlbGVtLmdldEF0dHJpYnV0ZU5vZGUoIFwiaWRcIiApO1xuXHRcdFx0XHRcdFx0aWYgKCBub2RlICYmIG5vZGUudmFsdWUgPT09IGlkICkge1xuXHRcdFx0XHRcdFx0XHRyZXR1cm4gWyBlbGVtIF07XG5cdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9XG5cblx0XHRcdFx0cmV0dXJuIFtdO1xuXHRcdFx0fVxuXHRcdH07XG5cdH1cblxuXHQvLyBUYWdcblx0RXhwci5maW5kLlRBRyA9IGZ1bmN0aW9uKCB0YWcsIGNvbnRleHQgKSB7XG5cdFx0aWYgKCB0eXBlb2YgY29udGV4dC5nZXRFbGVtZW50c0J5VGFnTmFtZSAhPT0gXCJ1bmRlZmluZWRcIiApIHtcblx0XHRcdHJldHVybiBjb250ZXh0LmdldEVsZW1lbnRzQnlUYWdOYW1lKCB0YWcgKTtcblxuXHRcdC8vIERvY3VtZW50RnJhZ21lbnQgbm9kZXMgZG9uJ3QgaGF2ZSBnRUJUTlxuXHRcdH0gZWxzZSB7XG5cdFx0XHRyZXR1cm4gY29udGV4dC5xdWVyeVNlbGVjdG9yQWxsKCB0YWcgKTtcblx0XHR9XG5cdH07XG5cblx0Ly8gQ2xhc3Ncblx0RXhwci5maW5kLkNMQVNTID0gZnVuY3Rpb24oIGNsYXNzTmFtZSwgY29udGV4dCApIHtcblx0XHRpZiAoIHR5cGVvZiBjb250ZXh0LmdldEVsZW1lbnRzQnlDbGFzc05hbWUgIT09IFwidW5kZWZpbmVkXCIgJiYgZG9jdW1lbnRJc0hUTUwgKSB7XG5cdFx0XHRyZXR1cm4gY29udGV4dC5nZXRFbGVtZW50c0J5Q2xhc3NOYW1lKCBjbGFzc05hbWUgKTtcblx0XHR9XG5cdH07XG5cblx0LyogUVNBL21hdGNoZXNTZWxlY3RvclxuXHQtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tICovXG5cblx0Ly8gUVNBIGFuZCBtYXRjaGVzU2VsZWN0b3Igc3VwcG9ydFxuXG5cdHJidWdneVFTQSA9IFtdO1xuXG5cdC8vIEJ1aWxkIFFTQSByZWdleFxuXHQvLyBSZWdleCBzdHJhdGVneSBhZG9wdGVkIGZyb20gRGllZ28gUGVyaW5pXG5cdGFzc2VydCggZnVuY3Rpb24oIGVsICkge1xuXG5cdFx0dmFyIGlucHV0O1xuXG5cdFx0ZG9jdW1lbnRFbGVtZW50LmFwcGVuZENoaWxkKCBlbCApLmlubmVySFRNTCA9XG5cdFx0XHRcIjxhIGlkPSdcIiArIGV4cGFuZG8gKyBcIicgaHJlZj0nJyBkaXNhYmxlZD0nZGlzYWJsZWQnPjwvYT5cIiArXG5cdFx0XHRcIjxzZWxlY3QgaWQ9J1wiICsgZXhwYW5kbyArIFwiLVxcclxcXFwnIGRpc2FibGVkPSdkaXNhYmxlZCc+XCIgK1xuXHRcdFx0XCI8b3B0aW9uIHNlbGVjdGVkPScnPjwvb3B0aW9uPjwvc2VsZWN0PlwiO1xuXG5cdFx0Ly8gU3VwcG9ydDogaU9TIDw9NyAtIDggb25seVxuXHRcdC8vIEJvb2xlYW4gYXR0cmlidXRlcyBhbmQgXCJ2YWx1ZVwiIGFyZSBub3QgdHJlYXRlZCBjb3JyZWN0bHkgaW4gc29tZSBYTUwgZG9jdW1lbnRzXG5cdFx0aWYgKCAhZWwucXVlcnlTZWxlY3RvckFsbCggXCJbc2VsZWN0ZWRdXCIgKS5sZW5ndGggKSB7XG5cdFx0XHRyYnVnZ3lRU0EucHVzaCggXCJcXFxcW1wiICsgd2hpdGVzcGFjZSArIFwiKig/OnZhbHVlfFwiICsgYm9vbGVhbnMgKyBcIilcIiApO1xuXHRcdH1cblxuXHRcdC8vIFN1cHBvcnQ6IGlPUyA8PTcgLSA4IG9ubHlcblx0XHRpZiAoICFlbC5xdWVyeVNlbGVjdG9yQWxsKCBcIltpZH49XCIgKyBleHBhbmRvICsgXCItXVwiICkubGVuZ3RoICkge1xuXHRcdFx0cmJ1Z2d5UVNBLnB1c2goIFwifj1cIiApO1xuXHRcdH1cblxuXHRcdC8vIFN1cHBvcnQ6IGlPUyA4IG9ubHlcblx0XHQvLyBodHRwczovL2J1Z3Mud2Via2l0Lm9yZy9zaG93X2J1Zy5jZ2k/aWQ9MTM2ODUxXG5cdFx0Ly8gSW4tcGFnZSBgc2VsZWN0b3IjaWQgc2libGluZy1jb21iaW5hdG9yIHNlbGVjdG9yYCBmYWlsc1xuXHRcdGlmICggIWVsLnF1ZXJ5U2VsZWN0b3JBbGwoIFwiYSNcIiArIGV4cGFuZG8gKyBcIisqXCIgKS5sZW5ndGggKSB7XG5cdFx0XHRyYnVnZ3lRU0EucHVzaCggXCIuIy4rWyt+XVwiICk7XG5cdFx0fVxuXG5cdFx0Ly8gU3VwcG9ydDogQ2hyb21lIDw9MTA1KywgRmlyZWZveCA8PTEwNCssIFNhZmFyaSA8PTE1LjQrXG5cdFx0Ly8gSW4gc29tZSBvZiB0aGUgZG9jdW1lbnQga2luZHMsIHRoZXNlIHNlbGVjdG9ycyB3b3VsZG4ndCB3b3JrIG5hdGl2ZWx5LlxuXHRcdC8vIFRoaXMgaXMgcHJvYmFibHkgT0sgYnV0IGZvciBiYWNrd2FyZHMgY29tcGF0aWJpbGl0eSB3ZSB3YW50IHRvIG1haW50YWluXG5cdFx0Ly8gaGFuZGxpbmcgdGhlbSB0aHJvdWdoIGpRdWVyeSB0cmF2ZXJzYWwgaW4galF1ZXJ5IDMueC5cblx0XHRpZiAoICFlbC5xdWVyeVNlbGVjdG9yQWxsKCBcIjpjaGVja2VkXCIgKS5sZW5ndGggKSB7XG5cdFx0XHRyYnVnZ3lRU0EucHVzaCggXCI6Y2hlY2tlZFwiICk7XG5cdFx0fVxuXG5cdFx0Ly8gU3VwcG9ydDogV2luZG93cyA4IE5hdGl2ZSBBcHBzXG5cdFx0Ly8gVGhlIHR5cGUgYW5kIG5hbWUgYXR0cmlidXRlcyBhcmUgcmVzdHJpY3RlZCBkdXJpbmcgLmlubmVySFRNTCBhc3NpZ25tZW50XG5cdFx0aW5wdXQgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCBcImlucHV0XCIgKTtcblx0XHRpbnB1dC5zZXRBdHRyaWJ1dGUoIFwidHlwZVwiLCBcImhpZGRlblwiICk7XG5cdFx0ZWwuYXBwZW5kQ2hpbGQoIGlucHV0ICkuc2V0QXR0cmlidXRlKCBcIm5hbWVcIiwgXCJEXCIgKTtcblxuXHRcdC8vIFN1cHBvcnQ6IElFIDkgLSAxMStcblx0XHQvLyBJRSdzIDpkaXNhYmxlZCBzZWxlY3RvciBkb2VzIG5vdCBwaWNrIHVwIHRoZSBjaGlsZHJlbiBvZiBkaXNhYmxlZCBmaWVsZHNldHNcblx0XHQvLyBTdXBwb3J0OiBDaHJvbWUgPD0xMDUrLCBGaXJlZm94IDw9MTA0KywgU2FmYXJpIDw9MTUuNCtcblx0XHQvLyBJbiBzb21lIG9mIHRoZSBkb2N1bWVudCBraW5kcywgdGhlc2Ugc2VsZWN0b3JzIHdvdWxkbid0IHdvcmsgbmF0aXZlbHkuXG5cdFx0Ly8gVGhpcyBpcyBwcm9iYWJseSBPSyBidXQgZm9yIGJhY2t3YXJkcyBjb21wYXRpYmlsaXR5IHdlIHdhbnQgdG8gbWFpbnRhaW5cblx0XHQvLyBoYW5kbGluZyB0aGVtIHRocm91Z2ggalF1ZXJ5IHRyYXZlcnNhbCBpbiBqUXVlcnkgMy54LlxuXHRcdGRvY3VtZW50RWxlbWVudC5hcHBlbmRDaGlsZCggZWwgKS5kaXNhYmxlZCA9IHRydWU7XG5cdFx0aWYgKCBlbC5xdWVyeVNlbGVjdG9yQWxsKCBcIjpkaXNhYmxlZFwiICkubGVuZ3RoICE9PSAyICkge1xuXHRcdFx0cmJ1Z2d5UVNBLnB1c2goIFwiOmVuYWJsZWRcIiwgXCI6ZGlzYWJsZWRcIiApO1xuXHRcdH1cblxuXHRcdC8vIFN1cHBvcnQ6IElFIDExKywgRWRnZSAxNSAtIDE4K1xuXHRcdC8vIElFIDExL0VkZ2UgZG9uJ3QgZmluZCBlbGVtZW50cyBvbiBhIGBbbmFtZT0nJ11gIHF1ZXJ5IGluIHNvbWUgY2FzZXMuXG5cdFx0Ly8gQWRkaW5nIGEgdGVtcG9yYXJ5IGF0dHJpYnV0ZSB0byB0aGUgZG9jdW1lbnQgYmVmb3JlIHRoZSBzZWxlY3Rpb24gd29ya3Ncblx0XHQvLyBhcm91bmQgdGhlIGlzc3VlLlxuXHRcdC8vIEludGVyZXN0aW5nbHksIElFIDEwICYgb2xkZXIgZG9uJ3Qgc2VlbSB0byBoYXZlIHRoZSBpc3N1ZS5cblx0XHRpbnB1dCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoIFwiaW5wdXRcIiApO1xuXHRcdGlucHV0LnNldEF0dHJpYnV0ZSggXCJuYW1lXCIsIFwiXCIgKTtcblx0XHRlbC5hcHBlbmRDaGlsZCggaW5wdXQgKTtcblx0XHRpZiAoICFlbC5xdWVyeVNlbGVjdG9yQWxsKCBcIltuYW1lPScnXVwiICkubGVuZ3RoICkge1xuXHRcdFx0cmJ1Z2d5UVNBLnB1c2goIFwiXFxcXFtcIiArIHdoaXRlc3BhY2UgKyBcIipuYW1lXCIgKyB3aGl0ZXNwYWNlICsgXCIqPVwiICtcblx0XHRcdFx0d2hpdGVzcGFjZSArIFwiKig/OicnfFxcXCJcXFwiKVwiICk7XG5cdFx0fVxuXHR9ICk7XG5cblx0aWYgKCAhc3VwcG9ydC5jc3NIYXMgKSB7XG5cblx0XHQvLyBTdXBwb3J0OiBDaHJvbWUgMTA1IC0gMTEwKywgU2FmYXJpIDE1LjQgLSAxNi4zK1xuXHRcdC8vIE91ciByZWd1bGFyIGB0cnktY2F0Y2hgIG1lY2hhbmlzbSBmYWlscyB0byBkZXRlY3QgbmF0aXZlbHktdW5zdXBwb3J0ZWRcblx0XHQvLyBwc2V1ZG8tY2xhc3NlcyBpbnNpZGUgYDpoYXMoKWAgKHN1Y2ggYXMgYDpoYXMoOmNvbnRhaW5zKFwiRm9vXCIpKWApXG5cdFx0Ly8gaW4gYnJvd3NlcnMgdGhhdCBwYXJzZSB0aGUgYDpoYXMoKWAgYXJndW1lbnQgYXMgYSBmb3JnaXZpbmcgc2VsZWN0b3IgbGlzdC5cblx0XHQvLyBodHRwczovL2RyYWZ0cy5jc3N3Zy5vcmcvc2VsZWN0b3JzLyNyZWxhdGlvbmFsIG5vdyByZXF1aXJlcyB0aGUgYXJndW1lbnRcblx0XHQvLyB0byBiZSBwYXJzZWQgdW5mb3JnaXZpbmdseSwgYnV0IGJyb3dzZXJzIGhhdmUgbm90IHlldCBmdWxseSBhZGp1c3RlZC5cblx0XHRyYnVnZ3lRU0EucHVzaCggXCI6aGFzXCIgKTtcblx0fVxuXG5cdHJidWdneVFTQSA9IHJidWdneVFTQS5sZW5ndGggJiYgbmV3IFJlZ0V4cCggcmJ1Z2d5UVNBLmpvaW4oIFwifFwiICkgKTtcblxuXHQvKiBTb3J0aW5nXG5cdC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gKi9cblxuXHQvLyBEb2N1bWVudCBvcmRlciBzb3J0aW5nXG5cdHNvcnRPcmRlciA9IGZ1bmN0aW9uKCBhLCBiICkge1xuXG5cdFx0Ly8gRmxhZyBmb3IgZHVwbGljYXRlIHJlbW92YWxcblx0XHRpZiAoIGEgPT09IGIgKSB7XG5cdFx0XHRoYXNEdXBsaWNhdGUgPSB0cnVlO1xuXHRcdFx0cmV0dXJuIDA7XG5cdFx0fVxuXG5cdFx0Ly8gU29ydCBvbiBtZXRob2QgZXhpc3RlbmNlIGlmIG9ubHkgb25lIGlucHV0IGhhcyBjb21wYXJlRG9jdW1lbnRQb3NpdGlvblxuXHRcdHZhciBjb21wYXJlID0gIWEuY29tcGFyZURvY3VtZW50UG9zaXRpb24gLSAhYi5jb21wYXJlRG9jdW1lbnRQb3NpdGlvbjtcblx0XHRpZiAoIGNvbXBhcmUgKSB7XG5cdFx0XHRyZXR1cm4gY29tcGFyZTtcblx0XHR9XG5cblx0XHQvLyBDYWxjdWxhdGUgcG9zaXRpb24gaWYgYm90aCBpbnB1dHMgYmVsb25nIHRvIHRoZSBzYW1lIGRvY3VtZW50XG5cdFx0Ly8gU3VwcG9ydDogSUUgMTErLCBFZGdlIDE3IC0gMTgrXG5cdFx0Ly8gSUUvRWRnZSBzb21ldGltZXMgdGhyb3cgYSBcIlBlcm1pc3Npb24gZGVuaWVkXCIgZXJyb3Igd2hlbiBzdHJpY3QtY29tcGFyaW5nXG5cdFx0Ly8gdHdvIGRvY3VtZW50czsgc2hhbGxvdyBjb21wYXJpc29ucyB3b3JrLlxuXHRcdC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBlcWVxZXFcblx0XHRjb21wYXJlID0gKCBhLm93bmVyRG9jdW1lbnQgfHwgYSApID09ICggYi5vd25lckRvY3VtZW50IHx8IGIgKSA/XG5cdFx0XHRhLmNvbXBhcmVEb2N1bWVudFBvc2l0aW9uKCBiICkgOlxuXG5cdFx0XHQvLyBPdGhlcndpc2Ugd2Uga25vdyB0aGV5IGFyZSBkaXNjb25uZWN0ZWRcblx0XHRcdDE7XG5cblx0XHQvLyBEaXNjb25uZWN0ZWQgbm9kZXNcblx0XHRpZiAoIGNvbXBhcmUgJiAxIHx8XG5cdFx0XHQoICFzdXBwb3J0LnNvcnREZXRhY2hlZCAmJiBiLmNvbXBhcmVEb2N1bWVudFBvc2l0aW9uKCBhICkgPT09IGNvbXBhcmUgKSApIHtcblxuXHRcdFx0Ly8gQ2hvb3NlIHRoZSBmaXJzdCBlbGVtZW50IHRoYXQgaXMgcmVsYXRlZCB0byBvdXIgcHJlZmVycmVkIGRvY3VtZW50XG5cdFx0XHQvLyBTdXBwb3J0OiBJRSAxMSssIEVkZ2UgMTcgLSAxOCtcblx0XHRcdC8vIElFL0VkZ2Ugc29tZXRpbWVzIHRocm93IGEgXCJQZXJtaXNzaW9uIGRlbmllZFwiIGVycm9yIHdoZW4gc3RyaWN0LWNvbXBhcmluZ1xuXHRcdFx0Ly8gdHdvIGRvY3VtZW50czsgc2hhbGxvdyBjb21wYXJpc29ucyB3b3JrLlxuXHRcdFx0Ly8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGVxZXFlcVxuXHRcdFx0aWYgKCBhID09PSBkb2N1bWVudCB8fCBhLm93bmVyRG9jdW1lbnQgPT0gcHJlZmVycmVkRG9jICYmXG5cdFx0XHRcdGZpbmQuY29udGFpbnMoIHByZWZlcnJlZERvYywgYSApICkge1xuXHRcdFx0XHRyZXR1cm4gLTE7XG5cdFx0XHR9XG5cblx0XHRcdC8vIFN1cHBvcnQ6IElFIDExKywgRWRnZSAxNyAtIDE4K1xuXHRcdFx0Ly8gSUUvRWRnZSBzb21ldGltZXMgdGhyb3cgYSBcIlBlcm1pc3Npb24gZGVuaWVkXCIgZXJyb3Igd2hlbiBzdHJpY3QtY29tcGFyaW5nXG5cdFx0XHQvLyB0d28gZG9jdW1lbnRzOyBzaGFsbG93IGNvbXBhcmlzb25zIHdvcmsuXG5cdFx0XHQvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgZXFlcWVxXG5cdFx0XHRpZiAoIGIgPT09IGRvY3VtZW50IHx8IGIub3duZXJEb2N1bWVudCA9PSBwcmVmZXJyZWREb2MgJiZcblx0XHRcdFx0ZmluZC5jb250YWlucyggcHJlZmVycmVkRG9jLCBiICkgKSB7XG5cdFx0XHRcdHJldHVybiAxO1xuXHRcdFx0fVxuXG5cdFx0XHQvLyBNYWludGFpbiBvcmlnaW5hbCBvcmRlclxuXHRcdFx0cmV0dXJuIHNvcnRJbnB1dCA/XG5cdFx0XHRcdCggaW5kZXhPZi5jYWxsKCBzb3J0SW5wdXQsIGEgKSAtIGluZGV4T2YuY2FsbCggc29ydElucHV0LCBiICkgKSA6XG5cdFx0XHRcdDA7XG5cdFx0fVxuXG5cdFx0cmV0dXJuIGNvbXBhcmUgJiA0ID8gLTEgOiAxO1xuXHR9O1xuXG5cdHJldHVybiBkb2N1bWVudDtcbn1cblxuZmluZC5tYXRjaGVzID0gZnVuY3Rpb24oIGV4cHIsIGVsZW1lbnRzICkge1xuXHRyZXR1cm4gZmluZCggZXhwciwgbnVsbCwgbnVsbCwgZWxlbWVudHMgKTtcbn07XG5cbmZpbmQubWF0Y2hlc1NlbGVjdG9yID0gZnVuY3Rpb24oIGVsZW0sIGV4cHIgKSB7XG5cdHNldERvY3VtZW50KCBlbGVtICk7XG5cblx0aWYgKCBkb2N1bWVudElzSFRNTCAmJlxuXHRcdCFub25uYXRpdmVTZWxlY3RvckNhY2hlWyBleHByICsgXCIgXCIgXSAmJlxuXHRcdCggIXJidWdneVFTQSB8fCAhcmJ1Z2d5UVNBLnRlc3QoIGV4cHIgKSApICkge1xuXG5cdFx0dHJ5IHtcblx0XHRcdHZhciByZXQgPSBtYXRjaGVzLmNhbGwoIGVsZW0sIGV4cHIgKTtcblxuXHRcdFx0Ly8gSUUgOSdzIG1hdGNoZXNTZWxlY3RvciByZXR1cm5zIGZhbHNlIG9uIGRpc2Nvbm5lY3RlZCBub2Rlc1xuXHRcdFx0aWYgKCByZXQgfHwgc3VwcG9ydC5kaXNjb25uZWN0ZWRNYXRjaCB8fFxuXG5cdFx0XHRcdFx0Ly8gQXMgd2VsbCwgZGlzY29ubmVjdGVkIG5vZGVzIGFyZSBzYWlkIHRvIGJlIGluIGEgZG9jdW1lbnRcblx0XHRcdFx0XHQvLyBmcmFnbWVudCBpbiBJRSA5XG5cdFx0XHRcdFx0ZWxlbS5kb2N1bWVudCAmJiBlbGVtLmRvY3VtZW50Lm5vZGVUeXBlICE9PSAxMSApIHtcblx0XHRcdFx0cmV0dXJuIHJldDtcblx0XHRcdH1cblx0XHR9IGNhdGNoICggZSApIHtcblx0XHRcdG5vbm5hdGl2ZVNlbGVjdG9yQ2FjaGUoIGV4cHIsIHRydWUgKTtcblx0XHR9XG5cdH1cblxuXHRyZXR1cm4gZmluZCggZXhwciwgZG9jdW1lbnQsIG51bGwsIFsgZWxlbSBdICkubGVuZ3RoID4gMDtcbn07XG5cbmZpbmQuY29udGFpbnMgPSBmdW5jdGlvbiggY29udGV4dCwgZWxlbSApIHtcblxuXHQvLyBTZXQgZG9jdW1lbnQgdmFycyBpZiBuZWVkZWRcblx0Ly8gU3VwcG9ydDogSUUgMTErLCBFZGdlIDE3IC0gMTgrXG5cdC8vIElFL0VkZ2Ugc29tZXRpbWVzIHRocm93IGEgXCJQZXJtaXNzaW9uIGRlbmllZFwiIGVycm9yIHdoZW4gc3RyaWN0LWNvbXBhcmluZ1xuXHQvLyB0d28gZG9jdW1lbnRzOyBzaGFsbG93IGNvbXBhcmlzb25zIHdvcmsuXG5cdC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBlcWVxZXFcblx0aWYgKCAoIGNvbnRleHQub3duZXJEb2N1bWVudCB8fCBjb250ZXh0ICkgIT0gZG9jdW1lbnQgKSB7XG5cdFx0c2V0RG9jdW1lbnQoIGNvbnRleHQgKTtcblx0fVxuXHRyZXR1cm4galF1ZXJ5LmNvbnRhaW5zKCBjb250ZXh0LCBlbGVtICk7XG59O1xuXG5cbmZpbmQuYXR0ciA9IGZ1bmN0aW9uKCBlbGVtLCBuYW1lICkge1xuXG5cdC8vIFNldCBkb2N1bWVudCB2YXJzIGlmIG5lZWRlZFxuXHQvLyBTdXBwb3J0OiBJRSAxMSssIEVkZ2UgMTcgLSAxOCtcblx0Ly8gSUUvRWRnZSBzb21ldGltZXMgdGhyb3cgYSBcIlBlcm1pc3Npb24gZGVuaWVkXCIgZXJyb3Igd2hlbiBzdHJpY3QtY29tcGFyaW5nXG5cdC8vIHR3byBkb2N1bWVudHM7IHNoYWxsb3cgY29tcGFyaXNvbnMgd29yay5cblx0Ly8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGVxZXFlcVxuXHRpZiAoICggZWxlbS5vd25lckRvY3VtZW50IHx8IGVsZW0gKSAhPSBkb2N1bWVudCApIHtcblx0XHRzZXREb2N1bWVudCggZWxlbSApO1xuXHR9XG5cblx0dmFyIGZuID0gRXhwci5hdHRySGFuZGxlWyBuYW1lLnRvTG93ZXJDYXNlKCkgXSxcblxuXHRcdC8vIERvbid0IGdldCBmb29sZWQgYnkgT2JqZWN0LnByb3RvdHlwZSBwcm9wZXJ0aWVzIChzZWUgdHJhYy0xMzgwNylcblx0XHR2YWwgPSBmbiAmJiBoYXNPd24uY2FsbCggRXhwci5hdHRySGFuZGxlLCBuYW1lLnRvTG93ZXJDYXNlKCkgKSA/XG5cdFx0XHRmbiggZWxlbSwgbmFtZSwgIWRvY3VtZW50SXNIVE1MICkgOlxuXHRcdFx0dW5kZWZpbmVkO1xuXG5cdGlmICggdmFsICE9PSB1bmRlZmluZWQgKSB7XG5cdFx0cmV0dXJuIHZhbDtcblx0fVxuXG5cdHJldHVybiBlbGVtLmdldEF0dHJpYnV0ZSggbmFtZSApO1xufTtcblxuZmluZC5lcnJvciA9IGZ1bmN0aW9uKCBtc2cgKSB7XG5cdHRocm93IG5ldyBFcnJvciggXCJTeW50YXggZXJyb3IsIHVucmVjb2duaXplZCBleHByZXNzaW9uOiBcIiArIG1zZyApO1xufTtcblxuLyoqXG4gKiBEb2N1bWVudCBzb3J0aW5nIGFuZCByZW1vdmluZyBkdXBsaWNhdGVzXG4gKiBAcGFyYW0ge0FycmF5TGlrZX0gcmVzdWx0c1xuICovXG5qUXVlcnkudW5pcXVlU29ydCA9IGZ1bmN0aW9uKCByZXN1bHRzICkge1xuXHR2YXIgZWxlbSxcblx0XHRkdXBsaWNhdGVzID0gW10sXG5cdFx0aiA9IDAsXG5cdFx0aSA9IDA7XG5cblx0Ly8gVW5sZXNzIHdlICprbm93KiB3ZSBjYW4gZGV0ZWN0IGR1cGxpY2F0ZXMsIGFzc3VtZSB0aGVpciBwcmVzZW5jZVxuXHQvL1xuXHQvLyBTdXBwb3J0OiBBbmRyb2lkIDw9NC4wK1xuXHQvLyBUZXN0aW5nIGZvciBkZXRlY3RpbmcgZHVwbGljYXRlcyBpcyB1bnByZWRpY3RhYmxlIHNvIGluc3RlYWQgYXNzdW1lIHdlIGNhbid0XG5cdC8vIGRlcGVuZCBvbiBkdXBsaWNhdGUgZGV0ZWN0aW9uIGluIGFsbCBicm93c2VycyB3aXRob3V0IGEgc3RhYmxlIHNvcnQuXG5cdGhhc0R1cGxpY2F0ZSA9ICFzdXBwb3J0LnNvcnRTdGFibGU7XG5cdHNvcnRJbnB1dCA9ICFzdXBwb3J0LnNvcnRTdGFibGUgJiYgc2xpY2UuY2FsbCggcmVzdWx0cywgMCApO1xuXHRzb3J0LmNhbGwoIHJlc3VsdHMsIHNvcnRPcmRlciApO1xuXG5cdGlmICggaGFzRHVwbGljYXRlICkge1xuXHRcdHdoaWxlICggKCBlbGVtID0gcmVzdWx0c1sgaSsrIF0gKSApIHtcblx0XHRcdGlmICggZWxlbSA9PT0gcmVzdWx0c1sgaSBdICkge1xuXHRcdFx0XHRqID0gZHVwbGljYXRlcy5wdXNoKCBpICk7XG5cdFx0XHR9XG5cdFx0fVxuXHRcdHdoaWxlICggai0tICkge1xuXHRcdFx0c3BsaWNlLmNhbGwoIHJlc3VsdHMsIGR1cGxpY2F0ZXNbIGogXSwgMSApO1xuXHRcdH1cblx0fVxuXG5cdC8vIENsZWFyIGlucHV0IGFmdGVyIHNvcnRpbmcgdG8gcmVsZWFzZSBvYmplY3RzXG5cdC8vIFNlZSBodHRwczovL2dpdGh1Yi5jb20vanF1ZXJ5L3NpenpsZS9wdWxsLzIyNVxuXHRzb3J0SW5wdXQgPSBudWxsO1xuXG5cdHJldHVybiByZXN1bHRzO1xufTtcblxualF1ZXJ5LmZuLnVuaXF1ZVNvcnQgPSBmdW5jdGlvbigpIHtcblx0cmV0dXJuIHRoaXMucHVzaFN0YWNrKCBqUXVlcnkudW5pcXVlU29ydCggc2xpY2UuYXBwbHkoIHRoaXMgKSApICk7XG59O1xuXG5FeHByID0galF1ZXJ5LmV4cHIgPSB7XG5cblx0Ly8gQ2FuIGJlIGFkanVzdGVkIGJ5IHRoZSB1c2VyXG5cdGNhY2hlTGVuZ3RoOiA1MCxcblxuXHRjcmVhdGVQc2V1ZG86IG1hcmtGdW5jdGlvbixcblxuXHRtYXRjaDogbWF0Y2hFeHByLFxuXG5cdGF0dHJIYW5kbGU6IHt9LFxuXG5cdGZpbmQ6IHt9LFxuXG5cdHJlbGF0aXZlOiB7XG5cdFx0XCI+XCI6IHsgZGlyOiBcInBhcmVudE5vZGVcIiwgZmlyc3Q6IHRydWUgfSxcblx0XHRcIiBcIjogeyBkaXI6IFwicGFyZW50Tm9kZVwiIH0sXG5cdFx0XCIrXCI6IHsgZGlyOiBcInByZXZpb3VzU2libGluZ1wiLCBmaXJzdDogdHJ1ZSB9LFxuXHRcdFwiflwiOiB7IGRpcjogXCJwcmV2aW91c1NpYmxpbmdcIiB9XG5cdH0sXG5cblx0cHJlRmlsdGVyOiB7XG5cdFx0QVRUUjogZnVuY3Rpb24oIG1hdGNoICkge1xuXHRcdFx0bWF0Y2hbIDEgXSA9IG1hdGNoWyAxIF0ucmVwbGFjZSggcnVuZXNjYXBlLCBmdW5lc2NhcGUgKTtcblxuXHRcdFx0Ly8gTW92ZSB0aGUgZ2l2ZW4gdmFsdWUgdG8gbWF0Y2hbM10gd2hldGhlciBxdW90ZWQgb3IgdW5xdW90ZWRcblx0XHRcdG1hdGNoWyAzIF0gPSAoIG1hdGNoWyAzIF0gfHwgbWF0Y2hbIDQgXSB8fCBtYXRjaFsgNSBdIHx8IFwiXCIgKVxuXHRcdFx0XHQucmVwbGFjZSggcnVuZXNjYXBlLCBmdW5lc2NhcGUgKTtcblxuXHRcdFx0aWYgKCBtYXRjaFsgMiBdID09PSBcIn49XCIgKSB7XG5cdFx0XHRcdG1hdGNoWyAzIF0gPSBcIiBcIiArIG1hdGNoWyAzIF0gKyBcIiBcIjtcblx0XHRcdH1cblxuXHRcdFx0cmV0dXJuIG1hdGNoLnNsaWNlKCAwLCA0ICk7XG5cdFx0fSxcblxuXHRcdENISUxEOiBmdW5jdGlvbiggbWF0Y2ggKSB7XG5cblx0XHRcdC8qIG1hdGNoZXMgZnJvbSBtYXRjaEV4cHJbXCJDSElMRFwiXVxuXHRcdFx0XHQxIHR5cGUgKG9ubHl8bnRofC4uLilcblx0XHRcdFx0MiB3aGF0IChjaGlsZHxvZi10eXBlKVxuXHRcdFx0XHQzIGFyZ3VtZW50IChldmVufG9kZHxcXGQqfFxcZCpuKFsrLV1cXGQrKT98Li4uKVxuXHRcdFx0XHQ0IHhuLWNvbXBvbmVudCBvZiB4bit5IGFyZ3VtZW50IChbKy1dP1xcZCpufClcblx0XHRcdFx0NSBzaWduIG9mIHhuLWNvbXBvbmVudFxuXHRcdFx0XHQ2IHggb2YgeG4tY29tcG9uZW50XG5cdFx0XHRcdDcgc2lnbiBvZiB5LWNvbXBvbmVudFxuXHRcdFx0XHQ4IHkgb2YgeS1jb21wb25lbnRcblx0XHRcdCovXG5cdFx0XHRtYXRjaFsgMSBdID0gbWF0Y2hbIDEgXS50b0xvd2VyQ2FzZSgpO1xuXG5cdFx0XHRpZiAoIG1hdGNoWyAxIF0uc2xpY2UoIDAsIDMgKSA9PT0gXCJudGhcIiApIHtcblxuXHRcdFx0XHQvLyBudGgtKiByZXF1aXJlcyBhcmd1bWVudFxuXHRcdFx0XHRpZiAoICFtYXRjaFsgMyBdICkge1xuXHRcdFx0XHRcdGZpbmQuZXJyb3IoIG1hdGNoWyAwIF0gKTtcblx0XHRcdFx0fVxuXG5cdFx0XHRcdC8vIG51bWVyaWMgeCBhbmQgeSBwYXJhbWV0ZXJzIGZvciBFeHByLmZpbHRlci5DSElMRFxuXHRcdFx0XHQvLyByZW1lbWJlciB0aGF0IGZhbHNlL3RydWUgY2FzdCByZXNwZWN0aXZlbHkgdG8gMC8xXG5cdFx0XHRcdG1hdGNoWyA0IF0gPSArKCBtYXRjaFsgNCBdID9cblx0XHRcdFx0XHRtYXRjaFsgNSBdICsgKCBtYXRjaFsgNiBdIHx8IDEgKSA6XG5cdFx0XHRcdFx0MiAqICggbWF0Y2hbIDMgXSA9PT0gXCJldmVuXCIgfHwgbWF0Y2hbIDMgXSA9PT0gXCJvZGRcIiApXG5cdFx0XHRcdCk7XG5cdFx0XHRcdG1hdGNoWyA1IF0gPSArKCAoIG1hdGNoWyA3IF0gKyBtYXRjaFsgOCBdICkgfHwgbWF0Y2hbIDMgXSA9PT0gXCJvZGRcIiApO1xuXG5cdFx0XHQvLyBvdGhlciB0eXBlcyBwcm9oaWJpdCBhcmd1bWVudHNcblx0XHRcdH0gZWxzZSBpZiAoIG1hdGNoWyAzIF0gKSB7XG5cdFx0XHRcdGZpbmQuZXJyb3IoIG1hdGNoWyAwIF0gKTtcblx0XHRcdH1cblxuXHRcdFx0cmV0dXJuIG1hdGNoO1xuXHRcdH0sXG5cblx0XHRQU0VVRE86IGZ1bmN0aW9uKCBtYXRjaCApIHtcblx0XHRcdHZhciBleGNlc3MsXG5cdFx0XHRcdHVucXVvdGVkID0gIW1hdGNoWyA2IF0gJiYgbWF0Y2hbIDIgXTtcblxuXHRcdFx0aWYgKCBtYXRjaEV4cHIuQ0hJTEQudGVzdCggbWF0Y2hbIDAgXSApICkge1xuXHRcdFx0XHRyZXR1cm4gbnVsbDtcblx0XHRcdH1cblxuXHRcdFx0Ly8gQWNjZXB0IHF1b3RlZCBhcmd1bWVudHMgYXMtaXNcblx0XHRcdGlmICggbWF0Y2hbIDMgXSApIHtcblx0XHRcdFx0bWF0Y2hbIDIgXSA9IG1hdGNoWyA0IF0gfHwgbWF0Y2hbIDUgXSB8fCBcIlwiO1xuXG5cdFx0XHQvLyBTdHJpcCBleGNlc3MgY2hhcmFjdGVycyBmcm9tIHVucXVvdGVkIGFyZ3VtZW50c1xuXHRcdFx0fSBlbHNlIGlmICggdW5xdW90ZWQgJiYgcnBzZXVkby50ZXN0KCB1bnF1b3RlZCApICYmXG5cblx0XHRcdFx0Ly8gR2V0IGV4Y2VzcyBmcm9tIHRva2VuaXplIChyZWN1cnNpdmVseSlcblx0XHRcdFx0KCBleGNlc3MgPSB0b2tlbml6ZSggdW5xdW90ZWQsIHRydWUgKSApICYmXG5cblx0XHRcdFx0Ly8gYWR2YW5jZSB0byB0aGUgbmV4dCBjbG9zaW5nIHBhcmVudGhlc2lzXG5cdFx0XHRcdCggZXhjZXNzID0gdW5xdW90ZWQuaW5kZXhPZiggXCIpXCIsIHVucXVvdGVkLmxlbmd0aCAtIGV4Y2VzcyApIC0gdW5xdW90ZWQubGVuZ3RoICkgKSB7XG5cblx0XHRcdFx0Ly8gZXhjZXNzIGlzIGEgbmVnYXRpdmUgaW5kZXhcblx0XHRcdFx0bWF0Y2hbIDAgXSA9IG1hdGNoWyAwIF0uc2xpY2UoIDAsIGV4Y2VzcyApO1xuXHRcdFx0XHRtYXRjaFsgMiBdID0gdW5xdW90ZWQuc2xpY2UoIDAsIGV4Y2VzcyApO1xuXHRcdFx0fVxuXG5cdFx0XHQvLyBSZXR1cm4gb25seSBjYXB0dXJlcyBuZWVkZWQgYnkgdGhlIHBzZXVkbyBmaWx0ZXIgbWV0aG9kICh0eXBlIGFuZCBhcmd1bWVudClcblx0XHRcdHJldHVybiBtYXRjaC5zbGljZSggMCwgMyApO1xuXHRcdH1cblx0fSxcblxuXHRmaWx0ZXI6IHtcblxuXHRcdFRBRzogZnVuY3Rpb24oIG5vZGVOYW1lU2VsZWN0b3IgKSB7XG5cdFx0XHR2YXIgZXhwZWN0ZWROb2RlTmFtZSA9IG5vZGVOYW1lU2VsZWN0b3IucmVwbGFjZSggcnVuZXNjYXBlLCBmdW5lc2NhcGUgKS50b0xvd2VyQ2FzZSgpO1xuXHRcdFx0cmV0dXJuIG5vZGVOYW1lU2VsZWN0b3IgPT09IFwiKlwiID9cblx0XHRcdFx0ZnVuY3Rpb24oKSB7XG5cdFx0XHRcdFx0cmV0dXJuIHRydWU7XG5cdFx0XHRcdH0gOlxuXHRcdFx0XHRmdW5jdGlvbiggZWxlbSApIHtcblx0XHRcdFx0XHRyZXR1cm4gbm9kZU5hbWUoIGVsZW0sIGV4cGVjdGVkTm9kZU5hbWUgKTtcblx0XHRcdFx0fTtcblx0XHR9LFxuXG5cdFx0Q0xBU1M6IGZ1bmN0aW9uKCBjbGFzc05hbWUgKSB7XG5cdFx0XHR2YXIgcGF0dGVybiA9IGNsYXNzQ2FjaGVbIGNsYXNzTmFtZSArIFwiIFwiIF07XG5cblx0XHRcdHJldHVybiBwYXR0ZXJuIHx8XG5cdFx0XHRcdCggcGF0dGVybiA9IG5ldyBSZWdFeHAoIFwiKF58XCIgKyB3aGl0ZXNwYWNlICsgXCIpXCIgKyBjbGFzc05hbWUgK1xuXHRcdFx0XHRcdFwiKFwiICsgd2hpdGVzcGFjZSArIFwifCQpXCIgKSApICYmXG5cdFx0XHRcdGNsYXNzQ2FjaGUoIGNsYXNzTmFtZSwgZnVuY3Rpb24oIGVsZW0gKSB7XG5cdFx0XHRcdFx0cmV0dXJuIHBhdHRlcm4udGVzdChcblx0XHRcdFx0XHRcdHR5cGVvZiBlbGVtLmNsYXNzTmFtZSA9PT0gXCJzdHJpbmdcIiAmJiBlbGVtLmNsYXNzTmFtZSB8fFxuXHRcdFx0XHRcdFx0XHR0eXBlb2YgZWxlbS5nZXRBdHRyaWJ1dGUgIT09IFwidW5kZWZpbmVkXCIgJiZcblx0XHRcdFx0XHRcdFx0XHRlbGVtLmdldEF0dHJpYnV0ZSggXCJjbGFzc1wiICkgfHxcblx0XHRcdFx0XHRcdFx0XCJcIlxuXHRcdFx0XHRcdCk7XG5cdFx0XHRcdH0gKTtcblx0XHR9LFxuXG5cdFx0QVRUUjogZnVuY3Rpb24oIG5hbWUsIG9wZXJhdG9yLCBjaGVjayApIHtcblx0XHRcdHJldHVybiBmdW5jdGlvbiggZWxlbSApIHtcblx0XHRcdFx0dmFyIHJlc3VsdCA9IGZpbmQuYXR0ciggZWxlbSwgbmFtZSApO1xuXG5cdFx0XHRcdGlmICggcmVzdWx0ID09IG51bGwgKSB7XG5cdFx0XHRcdFx0cmV0dXJuIG9wZXJhdG9yID09PSBcIiE9XCI7XG5cdFx0XHRcdH1cblx0XHRcdFx0aWYgKCAhb3BlcmF0b3IgKSB7XG5cdFx0XHRcdFx0cmV0dXJuIHRydWU7XG5cdFx0XHRcdH1cblxuXHRcdFx0XHRyZXN1bHQgKz0gXCJcIjtcblxuXHRcdFx0XHRpZiAoIG9wZXJhdG9yID09PSBcIj1cIiApIHtcblx0XHRcdFx0XHRyZXR1cm4gcmVzdWx0ID09PSBjaGVjaztcblx0XHRcdFx0fVxuXHRcdFx0XHRpZiAoIG9wZXJhdG9yID09PSBcIiE9XCIgKSB7XG5cdFx0XHRcdFx0cmV0dXJuIHJlc3VsdCAhPT0gY2hlY2s7XG5cdFx0XHRcdH1cblx0XHRcdFx0aWYgKCBvcGVyYXRvciA9PT0gXCJePVwiICkge1xuXHRcdFx0XHRcdHJldHVybiBjaGVjayAmJiByZXN1bHQuaW5kZXhPZiggY2hlY2sgKSA9PT0gMDtcblx0XHRcdFx0fVxuXHRcdFx0XHRpZiAoIG9wZXJhdG9yID09PSBcIio9XCIgKSB7XG5cdFx0XHRcdFx0cmV0dXJuIGNoZWNrICYmIHJlc3VsdC5pbmRleE9mKCBjaGVjayApID4gLTE7XG5cdFx0XHRcdH1cblx0XHRcdFx0aWYgKCBvcGVyYXRvciA9PT0gXCIkPVwiICkge1xuXHRcdFx0XHRcdHJldHVybiBjaGVjayAmJiByZXN1bHQuc2xpY2UoIC1jaGVjay5sZW5ndGggKSA9PT0gY2hlY2s7XG5cdFx0XHRcdH1cblx0XHRcdFx0aWYgKCBvcGVyYXRvciA9PT0gXCJ+PVwiICkge1xuXHRcdFx0XHRcdHJldHVybiAoIFwiIFwiICsgcmVzdWx0LnJlcGxhY2UoIHJ3aGl0ZXNwYWNlLCBcIiBcIiApICsgXCIgXCIgKVxuXHRcdFx0XHRcdFx0LmluZGV4T2YoIGNoZWNrICkgPiAtMTtcblx0XHRcdFx0fVxuXHRcdFx0XHRpZiAoIG9wZXJhdG9yID09PSBcInw9XCIgKSB7XG5cdFx0XHRcdFx0cmV0dXJuIHJlc3VsdCA9PT0gY2hlY2sgfHwgcmVzdWx0LnNsaWNlKCAwLCBjaGVjay5sZW5ndGggKyAxICkgPT09IGNoZWNrICsgXCItXCI7XG5cdFx0XHRcdH1cblxuXHRcdFx0XHRyZXR1cm4gZmFsc2U7XG5cdFx0XHR9O1xuXHRcdH0sXG5cblx0XHRDSElMRDogZnVuY3Rpb24oIHR5cGUsIHdoYXQsIF9hcmd1bWVudCwgZmlyc3QsIGxhc3QgKSB7XG5cdFx0XHR2YXIgc2ltcGxlID0gdHlwZS5zbGljZSggMCwgMyApICE9PSBcIm50aFwiLFxuXHRcdFx0XHRmb3J3YXJkID0gdHlwZS5zbGljZSggLTQgKSAhPT0gXCJsYXN0XCIsXG5cdFx0XHRcdG9mVHlwZSA9IHdoYXQgPT09IFwib2YtdHlwZVwiO1xuXG5cdFx0XHRyZXR1cm4gZmlyc3QgPT09IDEgJiYgbGFzdCA9PT0gMCA/XG5cblx0XHRcdFx0Ly8gU2hvcnRjdXQgZm9yIDpudGgtKihuKVxuXHRcdFx0XHRmdW5jdGlvbiggZWxlbSApIHtcblx0XHRcdFx0XHRyZXR1cm4gISFlbGVtLnBhcmVudE5vZGU7XG5cdFx0XHRcdH0gOlxuXG5cdFx0XHRcdGZ1bmN0aW9uKCBlbGVtLCBfY29udGV4dCwgeG1sICkge1xuXHRcdFx0XHRcdHZhciBjYWNoZSwgb3V0ZXJDYWNoZSwgbm9kZSwgbm9kZUluZGV4LCBzdGFydCxcblx0XHRcdFx0XHRcdGRpciA9IHNpbXBsZSAhPT0gZm9yd2FyZCA/IFwibmV4dFNpYmxpbmdcIiA6IFwicHJldmlvdXNTaWJsaW5nXCIsXG5cdFx0XHRcdFx0XHRwYXJlbnQgPSBlbGVtLnBhcmVudE5vZGUsXG5cdFx0XHRcdFx0XHRuYW1lID0gb2ZUeXBlICYmIGVsZW0ubm9kZU5hbWUudG9Mb3dlckNhc2UoKSxcblx0XHRcdFx0XHRcdHVzZUNhY2hlID0gIXhtbCAmJiAhb2ZUeXBlLFxuXHRcdFx0XHRcdFx0ZGlmZiA9IGZhbHNlO1xuXG5cdFx0XHRcdFx0aWYgKCBwYXJlbnQgKSB7XG5cblx0XHRcdFx0XHRcdC8vIDooZmlyc3R8bGFzdHxvbmx5KS0oY2hpbGR8b2YtdHlwZSlcblx0XHRcdFx0XHRcdGlmICggc2ltcGxlICkge1xuXHRcdFx0XHRcdFx0XHR3aGlsZSAoIGRpciApIHtcblx0XHRcdFx0XHRcdFx0XHRub2RlID0gZWxlbTtcblx0XHRcdFx0XHRcdFx0XHR3aGlsZSAoICggbm9kZSA9IG5vZGVbIGRpciBdICkgKSB7XG5cdFx0XHRcdFx0XHRcdFx0XHRpZiAoIG9mVHlwZSA/XG5cdFx0XHRcdFx0XHRcdFx0XHRcdG5vZGVOYW1lKCBub2RlLCBuYW1lICkgOlxuXHRcdFx0XHRcdFx0XHRcdFx0XHRub2RlLm5vZGVUeXBlID09PSAxICkge1xuXG5cdFx0XHRcdFx0XHRcdFx0XHRcdHJldHVybiBmYWxzZTtcblx0XHRcdFx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHRcdFx0XHR9XG5cblx0XHRcdFx0XHRcdFx0XHQvLyBSZXZlcnNlIGRpcmVjdGlvbiBmb3IgOm9ubHktKiAoaWYgd2UgaGF2ZW4ndCB5ZXQgZG9uZSBzbylcblx0XHRcdFx0XHRcdFx0XHRzdGFydCA9IGRpciA9IHR5cGUgPT09IFwib25seVwiICYmICFzdGFydCAmJiBcIm5leHRTaWJsaW5nXCI7XG5cdFx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHRcdFx0cmV0dXJuIHRydWU7XG5cdFx0XHRcdFx0XHR9XG5cblx0XHRcdFx0XHRcdHN0YXJ0ID0gWyBmb3J3YXJkID8gcGFyZW50LmZpcnN0Q2hpbGQgOiBwYXJlbnQubGFzdENoaWxkIF07XG5cblx0XHRcdFx0XHRcdC8vIG5vbi14bWwgOm50aC1jaGlsZCguLi4pIHN0b3JlcyBjYWNoZSBkYXRhIG9uIGBwYXJlbnRgXG5cdFx0XHRcdFx0XHRpZiAoIGZvcndhcmQgJiYgdXNlQ2FjaGUgKSB7XG5cblx0XHRcdFx0XHRcdFx0Ly8gU2VlayBgZWxlbWAgZnJvbSBhIHByZXZpb3VzbHktY2FjaGVkIGluZGV4XG5cdFx0XHRcdFx0XHRcdG91dGVyQ2FjaGUgPSBwYXJlbnRbIGV4cGFuZG8gXSB8fCAoIHBhcmVudFsgZXhwYW5kbyBdID0ge30gKTtcblx0XHRcdFx0XHRcdFx0Y2FjaGUgPSBvdXRlckNhY2hlWyB0eXBlIF0gfHwgW107XG5cdFx0XHRcdFx0XHRcdG5vZGVJbmRleCA9IGNhY2hlWyAwIF0gPT09IGRpcnJ1bnMgJiYgY2FjaGVbIDEgXTtcblx0XHRcdFx0XHRcdFx0ZGlmZiA9IG5vZGVJbmRleCAmJiBjYWNoZVsgMiBdO1xuXHRcdFx0XHRcdFx0XHRub2RlID0gbm9kZUluZGV4ICYmIHBhcmVudC5jaGlsZE5vZGVzWyBub2RlSW5kZXggXTtcblxuXHRcdFx0XHRcdFx0XHR3aGlsZSAoICggbm9kZSA9ICsrbm9kZUluZGV4ICYmIG5vZGUgJiYgbm9kZVsgZGlyIF0gfHxcblxuXHRcdFx0XHRcdFx0XHRcdC8vIEZhbGxiYWNrIHRvIHNlZWtpbmcgYGVsZW1gIGZyb20gdGhlIHN0YXJ0XG5cdFx0XHRcdFx0XHRcdFx0KCBkaWZmID0gbm9kZUluZGV4ID0gMCApIHx8IHN0YXJ0LnBvcCgpICkgKSB7XG5cblx0XHRcdFx0XHRcdFx0XHQvLyBXaGVuIGZvdW5kLCBjYWNoZSBpbmRleGVzIG9uIGBwYXJlbnRgIGFuZCBicmVha1xuXHRcdFx0XHRcdFx0XHRcdGlmICggbm9kZS5ub2RlVHlwZSA9PT0gMSAmJiArK2RpZmYgJiYgbm9kZSA9PT0gZWxlbSApIHtcblx0XHRcdFx0XHRcdFx0XHRcdG91dGVyQ2FjaGVbIHR5cGUgXSA9IFsgZGlycnVucywgbm9kZUluZGV4LCBkaWZmIF07XG5cdFx0XHRcdFx0XHRcdFx0XHRicmVhaztcblx0XHRcdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0XHRcdH1cblxuXHRcdFx0XHRcdFx0fSBlbHNlIHtcblxuXHRcdFx0XHRcdFx0XHQvLyBVc2UgcHJldmlvdXNseS1jYWNoZWQgZWxlbWVudCBpbmRleCBpZiBhdmFpbGFibGVcblx0XHRcdFx0XHRcdFx0aWYgKCB1c2VDYWNoZSApIHtcblx0XHRcdFx0XHRcdFx0XHRvdXRlckNhY2hlID0gZWxlbVsgZXhwYW5kbyBdIHx8ICggZWxlbVsgZXhwYW5kbyBdID0ge30gKTtcblx0XHRcdFx0XHRcdFx0XHRjYWNoZSA9IG91dGVyQ2FjaGVbIHR5cGUgXSB8fCBbXTtcblx0XHRcdFx0XHRcdFx0XHRub2RlSW5kZXggPSBjYWNoZVsgMCBdID09PSBkaXJydW5zICYmIGNhY2hlWyAxIF07XG5cdFx0XHRcdFx0XHRcdFx0ZGlmZiA9IG5vZGVJbmRleDtcblx0XHRcdFx0XHRcdFx0fVxuXG5cdFx0XHRcdFx0XHRcdC8vIHhtbCA6bnRoLWNoaWxkKC4uLilcblx0XHRcdFx0XHRcdFx0Ly8gb3IgOm50aC1sYXN0LWNoaWxkKC4uLikgb3IgOm50aCgtbGFzdCk/LW9mLXR5cGUoLi4uKVxuXHRcdFx0XHRcdFx0XHRpZiAoIGRpZmYgPT09IGZhbHNlICkge1xuXG5cdFx0XHRcdFx0XHRcdFx0Ly8gVXNlIHRoZSBzYW1lIGxvb3AgYXMgYWJvdmUgdG8gc2VlayBgZWxlbWAgZnJvbSB0aGUgc3RhcnRcblx0XHRcdFx0XHRcdFx0XHR3aGlsZSAoICggbm9kZSA9ICsrbm9kZUluZGV4ICYmIG5vZGUgJiYgbm9kZVsgZGlyIF0gfHxcblx0XHRcdFx0XHRcdFx0XHRcdCggZGlmZiA9IG5vZGVJbmRleCA9IDAgKSB8fCBzdGFydC5wb3AoKSApICkge1xuXG5cdFx0XHRcdFx0XHRcdFx0XHRpZiAoICggb2ZUeXBlID9cblx0XHRcdFx0XHRcdFx0XHRcdFx0bm9kZU5hbWUoIG5vZGUsIG5hbWUgKSA6XG5cdFx0XHRcdFx0XHRcdFx0XHRcdG5vZGUubm9kZVR5cGUgPT09IDEgKSAmJlxuXHRcdFx0XHRcdFx0XHRcdFx0XHQrK2RpZmYgKSB7XG5cblx0XHRcdFx0XHRcdFx0XHRcdFx0Ly8gQ2FjaGUgdGhlIGluZGV4IG9mIGVhY2ggZW5jb3VudGVyZWQgZWxlbWVudFxuXHRcdFx0XHRcdFx0XHRcdFx0XHRpZiAoIHVzZUNhY2hlICkge1xuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdG91dGVyQ2FjaGUgPSBub2RlWyBleHBhbmRvIF0gfHxcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdCggbm9kZVsgZXhwYW5kbyBdID0ge30gKTtcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRvdXRlckNhY2hlWyB0eXBlIF0gPSBbIGRpcnJ1bnMsIGRpZmYgXTtcblx0XHRcdFx0XHRcdFx0XHRcdFx0fVxuXG5cdFx0XHRcdFx0XHRcdFx0XHRcdGlmICggbm9kZSA9PT0gZWxlbSApIHtcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRicmVhaztcblx0XHRcdFx0XHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0fVxuXG5cdFx0XHRcdFx0XHQvLyBJbmNvcnBvcmF0ZSB0aGUgb2Zmc2V0LCB0aGVuIGNoZWNrIGFnYWluc3QgY3ljbGUgc2l6ZVxuXHRcdFx0XHRcdFx0ZGlmZiAtPSBsYXN0O1xuXHRcdFx0XHRcdFx0cmV0dXJuIGRpZmYgPT09IGZpcnN0IHx8ICggZGlmZiAlIGZpcnN0ID09PSAwICYmIGRpZmYgLyBmaXJzdCA+PSAwICk7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9O1xuXHRcdH0sXG5cblx0XHRQU0VVRE86IGZ1bmN0aW9uKCBwc2V1ZG8sIGFyZ3VtZW50ICkge1xuXG5cdFx0XHQvLyBwc2V1ZG8tY2xhc3MgbmFtZXMgYXJlIGNhc2UtaW5zZW5zaXRpdmVcblx0XHRcdC8vIGh0dHBzOi8vd3d3LnczLm9yZy9UUi9zZWxlY3RvcnMvI3BzZXVkby1jbGFzc2VzXG5cdFx0XHQvLyBQcmlvcml0aXplIGJ5IGNhc2Ugc2Vuc2l0aXZpdHkgaW4gY2FzZSBjdXN0b20gcHNldWRvcyBhcmUgYWRkZWQgd2l0aCB1cHBlcmNhc2UgbGV0dGVyc1xuXHRcdFx0Ly8gUmVtZW1iZXIgdGhhdCBzZXRGaWx0ZXJzIGluaGVyaXRzIGZyb20gcHNldWRvc1xuXHRcdFx0dmFyIGFyZ3MsXG5cdFx0XHRcdGZuID0gRXhwci5wc2V1ZG9zWyBwc2V1ZG8gXSB8fCBFeHByLnNldEZpbHRlcnNbIHBzZXVkby50b0xvd2VyQ2FzZSgpIF0gfHxcblx0XHRcdFx0XHRmaW5kLmVycm9yKCBcInVuc3VwcG9ydGVkIHBzZXVkbzogXCIgKyBwc2V1ZG8gKTtcblxuXHRcdFx0Ly8gVGhlIHVzZXIgbWF5IHVzZSBjcmVhdGVQc2V1ZG8gdG8gaW5kaWNhdGUgdGhhdFxuXHRcdFx0Ly8gYXJndW1lbnRzIGFyZSBuZWVkZWQgdG8gY3JlYXRlIHRoZSBmaWx0ZXIgZnVuY3Rpb25cblx0XHRcdC8vIGp1c3QgYXMgalF1ZXJ5IGRvZXNcblx0XHRcdGlmICggZm5bIGV4cGFuZG8gXSApIHtcblx0XHRcdFx0cmV0dXJuIGZuKCBhcmd1bWVudCApO1xuXHRcdFx0fVxuXG5cdFx0XHQvLyBCdXQgbWFpbnRhaW4gc3VwcG9ydCBmb3Igb2xkIHNpZ25hdHVyZXNcblx0XHRcdGlmICggZm4ubGVuZ3RoID4gMSApIHtcblx0XHRcdFx0YXJncyA9IFsgcHNldWRvLCBwc2V1ZG8sIFwiXCIsIGFyZ3VtZW50IF07XG5cdFx0XHRcdHJldHVybiBFeHByLnNldEZpbHRlcnMuaGFzT3duUHJvcGVydHkoIHBzZXVkby50b0xvd2VyQ2FzZSgpICkgP1xuXHRcdFx0XHRcdG1hcmtGdW5jdGlvbiggZnVuY3Rpb24oIHNlZWQsIG1hdGNoZXMgKSB7XG5cdFx0XHRcdFx0XHR2YXIgaWR4LFxuXHRcdFx0XHRcdFx0XHRtYXRjaGVkID0gZm4oIHNlZWQsIGFyZ3VtZW50ICksXG5cdFx0XHRcdFx0XHRcdGkgPSBtYXRjaGVkLmxlbmd0aDtcblx0XHRcdFx0XHRcdHdoaWxlICggaS0tICkge1xuXHRcdFx0XHRcdFx0XHRpZHggPSBpbmRleE9mLmNhbGwoIHNlZWQsIG1hdGNoZWRbIGkgXSApO1xuXHRcdFx0XHRcdFx0XHRzZWVkWyBpZHggXSA9ICEoIG1hdGNoZXNbIGlkeCBdID0gbWF0Y2hlZFsgaSBdICk7XG5cdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0fSApIDpcblx0XHRcdFx0XHRmdW5jdGlvbiggZWxlbSApIHtcblx0XHRcdFx0XHRcdHJldHVybiBmbiggZWxlbSwgMCwgYXJncyApO1xuXHRcdFx0XHRcdH07XG5cdFx0XHR9XG5cblx0XHRcdHJldHVybiBmbjtcblx0XHR9XG5cdH0sXG5cblx0cHNldWRvczoge1xuXG5cdFx0Ly8gUG90ZW50aWFsbHkgY29tcGxleCBwc2V1ZG9zXG5cdFx0bm90OiBtYXJrRnVuY3Rpb24oIGZ1bmN0aW9uKCBzZWxlY3RvciApIHtcblxuXHRcdFx0Ly8gVHJpbSB0aGUgc2VsZWN0b3IgcGFzc2VkIHRvIGNvbXBpbGVcblx0XHRcdC8vIHRvIGF2b2lkIHRyZWF0aW5nIGxlYWRpbmcgYW5kIHRyYWlsaW5nXG5cdFx0XHQvLyBzcGFjZXMgYXMgY29tYmluYXRvcnNcblx0XHRcdHZhciBpbnB1dCA9IFtdLFxuXHRcdFx0XHRyZXN1bHRzID0gW10sXG5cdFx0XHRcdG1hdGNoZXIgPSBjb21waWxlKCBzZWxlY3Rvci5yZXBsYWNlKCBydHJpbUNTUywgXCIkMVwiICkgKTtcblxuXHRcdFx0cmV0dXJuIG1hdGNoZXJbIGV4cGFuZG8gXSA/XG5cdFx0XHRcdG1hcmtGdW5jdGlvbiggZnVuY3Rpb24oIHNlZWQsIG1hdGNoZXMsIF9jb250ZXh0LCB4bWwgKSB7XG5cdFx0XHRcdFx0dmFyIGVsZW0sXG5cdFx0XHRcdFx0XHR1bm1hdGNoZWQgPSBtYXRjaGVyKCBzZWVkLCBudWxsLCB4bWwsIFtdICksXG5cdFx0XHRcdFx0XHRpID0gc2VlZC5sZW5ndGg7XG5cblx0XHRcdFx0XHQvLyBNYXRjaCBlbGVtZW50cyB1bm1hdGNoZWQgYnkgYG1hdGNoZXJgXG5cdFx0XHRcdFx0d2hpbGUgKCBpLS0gKSB7XG5cdFx0XHRcdFx0XHRpZiAoICggZWxlbSA9IHVubWF0Y2hlZFsgaSBdICkgKSB7XG5cdFx0XHRcdFx0XHRcdHNlZWRbIGkgXSA9ICEoIG1hdGNoZXNbIGkgXSA9IGVsZW0gKTtcblx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHR9XG5cdFx0XHRcdH0gKSA6XG5cdFx0XHRcdGZ1bmN0aW9uKCBlbGVtLCBfY29udGV4dCwgeG1sICkge1xuXHRcdFx0XHRcdGlucHV0WyAwIF0gPSBlbGVtO1xuXHRcdFx0XHRcdG1hdGNoZXIoIGlucHV0LCBudWxsLCB4bWwsIHJlc3VsdHMgKTtcblxuXHRcdFx0XHRcdC8vIERvbid0IGtlZXAgdGhlIGVsZW1lbnRcblx0XHRcdFx0XHQvLyAoc2VlIGh0dHBzOi8vZ2l0aHViLmNvbS9qcXVlcnkvc2l6emxlL2lzc3Vlcy8yOTkpXG5cdFx0XHRcdFx0aW5wdXRbIDAgXSA9IG51bGw7XG5cdFx0XHRcdFx0cmV0dXJuICFyZXN1bHRzLnBvcCgpO1xuXHRcdFx0XHR9O1xuXHRcdH0gKSxcblxuXHRcdGhhczogbWFya0Z1bmN0aW9uKCBmdW5jdGlvbiggc2VsZWN0b3IgKSB7XG5cdFx0XHRyZXR1cm4gZnVuY3Rpb24oIGVsZW0gKSB7XG5cdFx0XHRcdHJldHVybiBmaW5kKCBzZWxlY3RvciwgZWxlbSApLmxlbmd0aCA+IDA7XG5cdFx0XHR9O1xuXHRcdH0gKSxcblxuXHRcdGNvbnRhaW5zOiBtYXJrRnVuY3Rpb24oIGZ1bmN0aW9uKCB0ZXh0ICkge1xuXHRcdFx0dGV4dCA9IHRleHQucmVwbGFjZSggcnVuZXNjYXBlLCBmdW5lc2NhcGUgKTtcblx0XHRcdHJldHVybiBmdW5jdGlvbiggZWxlbSApIHtcblx0XHRcdFx0cmV0dXJuICggZWxlbS50ZXh0Q29udGVudCB8fCBqUXVlcnkudGV4dCggZWxlbSApICkuaW5kZXhPZiggdGV4dCApID4gLTE7XG5cdFx0XHR9O1xuXHRcdH0gKSxcblxuXHRcdC8vIFwiV2hldGhlciBhbiBlbGVtZW50IGlzIHJlcHJlc2VudGVkIGJ5IGEgOmxhbmcoKSBzZWxlY3RvclxuXHRcdC8vIGlzIGJhc2VkIHNvbGVseSBvbiB0aGUgZWxlbWVudCdzIGxhbmd1YWdlIHZhbHVlXG5cdFx0Ly8gYmVpbmcgZXF1YWwgdG8gdGhlIGlkZW50aWZpZXIgQyxcblx0XHQvLyBvciBiZWdpbm5pbmcgd2l0aCB0aGUgaWRlbnRpZmllciBDIGltbWVkaWF0ZWx5IGZvbGxvd2VkIGJ5IFwiLVwiLlxuXHRcdC8vIFRoZSBtYXRjaGluZyBvZiBDIGFnYWluc3QgdGhlIGVsZW1lbnQncyBsYW5ndWFnZSB2YWx1ZSBpcyBwZXJmb3JtZWQgY2FzZS1pbnNlbnNpdGl2ZWx5LlxuXHRcdC8vIFRoZSBpZGVudGlmaWVyIEMgZG9lcyBub3QgaGF2ZSB0byBiZSBhIHZhbGlkIGxhbmd1YWdlIG5hbWUuXCJcblx0XHQvLyBodHRwczovL3d3dy53My5vcmcvVFIvc2VsZWN0b3JzLyNsYW5nLXBzZXVkb1xuXHRcdGxhbmc6IG1hcmtGdW5jdGlvbiggZnVuY3Rpb24oIGxhbmcgKSB7XG5cblx0XHRcdC8vIGxhbmcgdmFsdWUgbXVzdCBiZSBhIHZhbGlkIGlkZW50aWZpZXJcblx0XHRcdGlmICggIXJpZGVudGlmaWVyLnRlc3QoIGxhbmcgfHwgXCJcIiApICkge1xuXHRcdFx0XHRmaW5kLmVycm9yKCBcInVuc3VwcG9ydGVkIGxhbmc6IFwiICsgbGFuZyApO1xuXHRcdFx0fVxuXHRcdFx0bGFuZyA9IGxhbmcucmVwbGFjZSggcnVuZXNjYXBlLCBmdW5lc2NhcGUgKS50b0xvd2VyQ2FzZSgpO1xuXHRcdFx0cmV0dXJuIGZ1bmN0aW9uKCBlbGVtICkge1xuXHRcdFx0XHR2YXIgZWxlbUxhbmc7XG5cdFx0XHRcdGRvIHtcblx0XHRcdFx0XHRpZiAoICggZWxlbUxhbmcgPSBkb2N1bWVudElzSFRNTCA/XG5cdFx0XHRcdFx0XHRlbGVtLmxhbmcgOlxuXHRcdFx0XHRcdFx0ZWxlbS5nZXRBdHRyaWJ1dGUoIFwieG1sOmxhbmdcIiApIHx8IGVsZW0uZ2V0QXR0cmlidXRlKCBcImxhbmdcIiApICkgKSB7XG5cblx0XHRcdFx0XHRcdGVsZW1MYW5nID0gZWxlbUxhbmcudG9Mb3dlckNhc2UoKTtcblx0XHRcdFx0XHRcdHJldHVybiBlbGVtTGFuZyA9PT0gbGFuZyB8fCBlbGVtTGFuZy5pbmRleE9mKCBsYW5nICsgXCItXCIgKSA9PT0gMDtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdH0gd2hpbGUgKCAoIGVsZW0gPSBlbGVtLnBhcmVudE5vZGUgKSAmJiBlbGVtLm5vZGVUeXBlID09PSAxICk7XG5cdFx0XHRcdHJldHVybiBmYWxzZTtcblx0XHRcdH07XG5cdFx0fSApLFxuXG5cdFx0Ly8gTWlzY2VsbGFuZW91c1xuXHRcdHRhcmdldDogZnVuY3Rpb24oIGVsZW0gKSB7XG5cdFx0XHR2YXIgaGFzaCA9IHdpbmRvdy5sb2NhdGlvbiAmJiB3aW5kb3cubG9jYXRpb24uaGFzaDtcblx0XHRcdHJldHVybiBoYXNoICYmIGhhc2guc2xpY2UoIDEgKSA9PT0gZWxlbS5pZDtcblx0XHR9LFxuXG5cdFx0cm9vdDogZnVuY3Rpb24oIGVsZW0gKSB7XG5cdFx0XHRyZXR1cm4gZWxlbSA9PT0gZG9jdW1lbnRFbGVtZW50O1xuXHRcdH0sXG5cblx0XHRmb2N1czogZnVuY3Rpb24oIGVsZW0gKSB7XG5cdFx0XHRyZXR1cm4gZWxlbSA9PT0gc2FmZUFjdGl2ZUVsZW1lbnQoKSAmJlxuXHRcdFx0XHRkb2N1bWVudC5oYXNGb2N1cygpICYmXG5cdFx0XHRcdCEhKCBlbGVtLnR5cGUgfHwgZWxlbS5ocmVmIHx8IH5lbGVtLnRhYkluZGV4ICk7XG5cdFx0fSxcblxuXHRcdC8vIEJvb2xlYW4gcHJvcGVydGllc1xuXHRcdGVuYWJsZWQ6IGNyZWF0ZURpc2FibGVkUHNldWRvKCBmYWxzZSApLFxuXHRcdGRpc2FibGVkOiBjcmVhdGVEaXNhYmxlZFBzZXVkbyggdHJ1ZSApLFxuXG5cdFx0Y2hlY2tlZDogZnVuY3Rpb24oIGVsZW0gKSB7XG5cblx0XHRcdC8vIEluIENTUzMsIDpjaGVja2VkIHNob3VsZCByZXR1cm4gYm90aCBjaGVja2VkIGFuZCBzZWxlY3RlZCBlbGVtZW50c1xuXHRcdFx0Ly8gaHR0cHM6Ly93d3cudzMub3JnL1RSLzIwMTEvUkVDLWNzczMtc2VsZWN0b3JzLTIwMTEwOTI5LyNjaGVja2VkXG5cdFx0XHRyZXR1cm4gKCBub2RlTmFtZSggZWxlbSwgXCJpbnB1dFwiICkgJiYgISFlbGVtLmNoZWNrZWQgKSB8fFxuXHRcdFx0XHQoIG5vZGVOYW1lKCBlbGVtLCBcIm9wdGlvblwiICkgJiYgISFlbGVtLnNlbGVjdGVkICk7XG5cdFx0fSxcblxuXHRcdHNlbGVjdGVkOiBmdW5jdGlvbiggZWxlbSApIHtcblxuXHRcdFx0Ly8gU3VwcG9ydDogSUUgPD0xMStcblx0XHRcdC8vIEFjY2Vzc2luZyB0aGUgc2VsZWN0ZWRJbmRleCBwcm9wZXJ0eVxuXHRcdFx0Ly8gZm9yY2VzIHRoZSBicm93c2VyIHRvIHRyZWF0IHRoZSBkZWZhdWx0IG9wdGlvbiBhc1xuXHRcdFx0Ly8gc2VsZWN0ZWQgd2hlbiBpbiBhbiBvcHRncm91cC5cblx0XHRcdGlmICggZWxlbS5wYXJlbnROb2RlICkge1xuXHRcdFx0XHQvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tdW51c2VkLWV4cHJlc3Npb25zXG5cdFx0XHRcdGVsZW0ucGFyZW50Tm9kZS5zZWxlY3RlZEluZGV4O1xuXHRcdFx0fVxuXG5cdFx0XHRyZXR1cm4gZWxlbS5zZWxlY3RlZCA9PT0gdHJ1ZTtcblx0XHR9LFxuXG5cdFx0Ly8gQ29udGVudHNcblx0XHRlbXB0eTogZnVuY3Rpb24oIGVsZW0gKSB7XG5cblx0XHRcdC8vIGh0dHBzOi8vd3d3LnczLm9yZy9UUi9zZWxlY3RvcnMvI2VtcHR5LXBzZXVkb1xuXHRcdFx0Ly8gOmVtcHR5IGlzIG5lZ2F0ZWQgYnkgZWxlbWVudCAoMSkgb3IgY29udGVudCBub2RlcyAodGV4dDogMzsgY2RhdGE6IDQ7IGVudGl0eSByZWY6IDUpLFxuXHRcdFx0Ly8gICBidXQgbm90IGJ5IG90aGVycyAoY29tbWVudDogODsgcHJvY2Vzc2luZyBpbnN0cnVjdGlvbjogNzsgZXRjLilcblx0XHRcdC8vIG5vZGVUeXBlIDwgNiB3b3JrcyBiZWNhdXNlIGF0dHJpYnV0ZXMgKDIpIGRvIG5vdCBhcHBlYXIgYXMgY2hpbGRyZW5cblx0XHRcdGZvciAoIGVsZW0gPSBlbGVtLmZpcnN0Q2hpbGQ7IGVsZW07IGVsZW0gPSBlbGVtLm5leHRTaWJsaW5nICkge1xuXHRcdFx0XHRpZiAoIGVsZW0ubm9kZVR5cGUgPCA2ICkge1xuXHRcdFx0XHRcdHJldHVybiBmYWxzZTtcblx0XHRcdFx0fVxuXHRcdFx0fVxuXHRcdFx0cmV0dXJuIHRydWU7XG5cdFx0fSxcblxuXHRcdHBhcmVudDogZnVuY3Rpb24oIGVsZW0gKSB7XG5cdFx0XHRyZXR1cm4gIUV4cHIucHNldWRvcy5lbXB0eSggZWxlbSApO1xuXHRcdH0sXG5cblx0XHQvLyBFbGVtZW50L2lucHV0IHR5cGVzXG5cdFx0aGVhZGVyOiBmdW5jdGlvbiggZWxlbSApIHtcblx0XHRcdHJldHVybiByaGVhZGVyLnRlc3QoIGVsZW0ubm9kZU5hbWUgKTtcblx0XHR9LFxuXG5cdFx0aW5wdXQ6IGZ1bmN0aW9uKCBlbGVtICkge1xuXHRcdFx0cmV0dXJuIHJpbnB1dHMudGVzdCggZWxlbS5ub2RlTmFtZSApO1xuXHRcdH0sXG5cblx0XHRidXR0b246IGZ1bmN0aW9uKCBlbGVtICkge1xuXHRcdFx0cmV0dXJuIG5vZGVOYW1lKCBlbGVtLCBcImlucHV0XCIgKSAmJiBlbGVtLnR5cGUgPT09IFwiYnV0dG9uXCIgfHxcblx0XHRcdFx0bm9kZU5hbWUoIGVsZW0sIFwiYnV0dG9uXCIgKTtcblx0XHR9LFxuXG5cdFx0dGV4dDogZnVuY3Rpb24oIGVsZW0gKSB7XG5cdFx0XHR2YXIgYXR0cjtcblx0XHRcdHJldHVybiBub2RlTmFtZSggZWxlbSwgXCJpbnB1dFwiICkgJiYgZWxlbS50eXBlID09PSBcInRleHRcIiAmJlxuXG5cdFx0XHRcdC8vIFN1cHBvcnQ6IElFIDwxMCBvbmx5XG5cdFx0XHRcdC8vIE5ldyBIVE1MNSBhdHRyaWJ1dGUgdmFsdWVzIChlLmcuLCBcInNlYXJjaFwiKSBhcHBlYXJcblx0XHRcdFx0Ly8gd2l0aCBlbGVtLnR5cGUgPT09IFwidGV4dFwiXG5cdFx0XHRcdCggKCBhdHRyID0gZWxlbS5nZXRBdHRyaWJ1dGUoIFwidHlwZVwiICkgKSA9PSBudWxsIHx8XG5cdFx0XHRcdFx0YXR0ci50b0xvd2VyQ2FzZSgpID09PSBcInRleHRcIiApO1xuXHRcdH0sXG5cblx0XHQvLyBQb3NpdGlvbi1pbi1jb2xsZWN0aW9uXG5cdFx0Zmlyc3Q6IGNyZWF0ZVBvc2l0aW9uYWxQc2V1ZG8oIGZ1bmN0aW9uKCkge1xuXHRcdFx0cmV0dXJuIFsgMCBdO1xuXHRcdH0gKSxcblxuXHRcdGxhc3Q6IGNyZWF0ZVBvc2l0aW9uYWxQc2V1ZG8oIGZ1bmN0aW9uKCBfbWF0Y2hJbmRleGVzLCBsZW5ndGggKSB7XG5cdFx0XHRyZXR1cm4gWyBsZW5ndGggLSAxIF07XG5cdFx0fSApLFxuXG5cdFx0ZXE6IGNyZWF0ZVBvc2l0aW9uYWxQc2V1ZG8oIGZ1bmN0aW9uKCBfbWF0Y2hJbmRleGVzLCBsZW5ndGgsIGFyZ3VtZW50ICkge1xuXHRcdFx0cmV0dXJuIFsgYXJndW1lbnQgPCAwID8gYXJndW1lbnQgKyBsZW5ndGggOiBhcmd1bWVudCBdO1xuXHRcdH0gKSxcblxuXHRcdGV2ZW46IGNyZWF0ZVBvc2l0aW9uYWxQc2V1ZG8oIGZ1bmN0aW9uKCBtYXRjaEluZGV4ZXMsIGxlbmd0aCApIHtcblx0XHRcdHZhciBpID0gMDtcblx0XHRcdGZvciAoIDsgaSA8IGxlbmd0aDsgaSArPSAyICkge1xuXHRcdFx0XHRtYXRjaEluZGV4ZXMucHVzaCggaSApO1xuXHRcdFx0fVxuXHRcdFx0cmV0dXJuIG1hdGNoSW5kZXhlcztcblx0XHR9ICksXG5cblx0XHRvZGQ6IGNyZWF0ZVBvc2l0aW9uYWxQc2V1ZG8oIGZ1bmN0aW9uKCBtYXRjaEluZGV4ZXMsIGxlbmd0aCApIHtcblx0XHRcdHZhciBpID0gMTtcblx0XHRcdGZvciAoIDsgaSA8IGxlbmd0aDsgaSArPSAyICkge1xuXHRcdFx0XHRtYXRjaEluZGV4ZXMucHVzaCggaSApO1xuXHRcdFx0fVxuXHRcdFx0cmV0dXJuIG1hdGNoSW5kZXhlcztcblx0XHR9ICksXG5cblx0XHRsdDogY3JlYXRlUG9zaXRpb25hbFBzZXVkbyggZnVuY3Rpb24oIG1hdGNoSW5kZXhlcywgbGVuZ3RoLCBhcmd1bWVudCApIHtcblx0XHRcdHZhciBpO1xuXG5cdFx0XHRpZiAoIGFyZ3VtZW50IDwgMCApIHtcblx0XHRcdFx0aSA9IGFyZ3VtZW50ICsgbGVuZ3RoO1xuXHRcdFx0fSBlbHNlIGlmICggYXJndW1lbnQgPiBsZW5ndGggKSB7XG5cdFx0XHRcdGkgPSBsZW5ndGg7XG5cdFx0XHR9IGVsc2Uge1xuXHRcdFx0XHRpID0gYXJndW1lbnQ7XG5cdFx0XHR9XG5cblx0XHRcdGZvciAoIDsgLS1pID49IDA7ICkge1xuXHRcdFx0XHRtYXRjaEluZGV4ZXMucHVzaCggaSApO1xuXHRcdFx0fVxuXHRcdFx0cmV0dXJuIG1hdGNoSW5kZXhlcztcblx0XHR9ICksXG5cblx0XHRndDogY3JlYXRlUG9zaXRpb25hbFBzZXVkbyggZnVuY3Rpb24oIG1hdGNoSW5kZXhlcywgbGVuZ3RoLCBhcmd1bWVudCApIHtcblx0XHRcdHZhciBpID0gYXJndW1lbnQgPCAwID8gYXJndW1lbnQgKyBsZW5ndGggOiBhcmd1bWVudDtcblx0XHRcdGZvciAoIDsgKytpIDwgbGVuZ3RoOyApIHtcblx0XHRcdFx0bWF0Y2hJbmRleGVzLnB1c2goIGkgKTtcblx0XHRcdH1cblx0XHRcdHJldHVybiBtYXRjaEluZGV4ZXM7XG5cdFx0fSApXG5cdH1cbn07XG5cbkV4cHIucHNldWRvcy5udGggPSBFeHByLnBzZXVkb3MuZXE7XG5cbi8vIEFkZCBidXR0b24vaW5wdXQgdHlwZSBwc2V1ZG9zXG5mb3IgKCBpIGluIHsgcmFkaW86IHRydWUsIGNoZWNrYm94OiB0cnVlLCBmaWxlOiB0cnVlLCBwYXNzd29yZDogdHJ1ZSwgaW1hZ2U6IHRydWUgfSApIHtcblx0RXhwci5wc2V1ZG9zWyBpIF0gPSBjcmVhdGVJbnB1dFBzZXVkbyggaSApO1xufVxuZm9yICggaSBpbiB7IHN1Ym1pdDogdHJ1ZSwgcmVzZXQ6IHRydWUgfSApIHtcblx0RXhwci5wc2V1ZG9zWyBpIF0gPSBjcmVhdGVCdXR0b25Qc2V1ZG8oIGkgKTtcbn1cblxuLy8gRWFzeSBBUEkgZm9yIGNyZWF0aW5nIG5ldyBzZXRGaWx0ZXJzXG5mdW5jdGlvbiBzZXRGaWx0ZXJzKCkge31cbnNldEZpbHRlcnMucHJvdG90eXBlID0gRXhwci5maWx0ZXJzID0gRXhwci5wc2V1ZG9zO1xuRXhwci5zZXRGaWx0ZXJzID0gbmV3IHNldEZpbHRlcnMoKTtcblxuZnVuY3Rpb24gdG9rZW5pemUoIHNlbGVjdG9yLCBwYXJzZU9ubHkgKSB7XG5cdHZhciBtYXRjaGVkLCBtYXRjaCwgdG9rZW5zLCB0eXBlLFxuXHRcdHNvRmFyLCBncm91cHMsIHByZUZpbHRlcnMsXG5cdFx0Y2FjaGVkID0gdG9rZW5DYWNoZVsgc2VsZWN0b3IgKyBcIiBcIiBdO1xuXG5cdGlmICggY2FjaGVkICkge1xuXHRcdHJldHVybiBwYXJzZU9ubHkgPyAwIDogY2FjaGVkLnNsaWNlKCAwICk7XG5cdH1cblxuXHRzb0ZhciA9IHNlbGVjdG9yO1xuXHRncm91cHMgPSBbXTtcblx0cHJlRmlsdGVycyA9IEV4cHIucHJlRmlsdGVyO1xuXG5cdHdoaWxlICggc29GYXIgKSB7XG5cblx0XHQvLyBDb21tYSBhbmQgZmlyc3QgcnVuXG5cdFx0aWYgKCAhbWF0Y2hlZCB8fCAoIG1hdGNoID0gcmNvbW1hLmV4ZWMoIHNvRmFyICkgKSApIHtcblx0XHRcdGlmICggbWF0Y2ggKSB7XG5cblx0XHRcdFx0Ly8gRG9uJ3QgY29uc3VtZSB0cmFpbGluZyBjb21tYXMgYXMgdmFsaWRcblx0XHRcdFx0c29GYXIgPSBzb0Zhci5zbGljZSggbWF0Y2hbIDAgXS5sZW5ndGggKSB8fCBzb0Zhcjtcblx0XHRcdH1cblx0XHRcdGdyb3Vwcy5wdXNoKCAoIHRva2VucyA9IFtdICkgKTtcblx0XHR9XG5cblx0XHRtYXRjaGVkID0gZmFsc2U7XG5cblx0XHQvLyBDb21iaW5hdG9yc1xuXHRcdGlmICggKCBtYXRjaCA9IHJsZWFkaW5nQ29tYmluYXRvci5leGVjKCBzb0ZhciApICkgKSB7XG5cdFx0XHRtYXRjaGVkID0gbWF0Y2guc2hpZnQoKTtcblx0XHRcdHRva2Vucy5wdXNoKCB7XG5cdFx0XHRcdHZhbHVlOiBtYXRjaGVkLFxuXG5cdFx0XHRcdC8vIENhc3QgZGVzY2VuZGFudCBjb21iaW5hdG9ycyB0byBzcGFjZVxuXHRcdFx0XHR0eXBlOiBtYXRjaFsgMCBdLnJlcGxhY2UoIHJ0cmltQ1NTLCBcIiBcIiApXG5cdFx0XHR9ICk7XG5cdFx0XHRzb0ZhciA9IHNvRmFyLnNsaWNlKCBtYXRjaGVkLmxlbmd0aCApO1xuXHRcdH1cblxuXHRcdC8vIEZpbHRlcnNcblx0XHRmb3IgKCB0eXBlIGluIEV4cHIuZmlsdGVyICkge1xuXHRcdFx0aWYgKCAoIG1hdGNoID0gbWF0Y2hFeHByWyB0eXBlIF0uZXhlYyggc29GYXIgKSApICYmICggIXByZUZpbHRlcnNbIHR5cGUgXSB8fFxuXHRcdFx0XHQoIG1hdGNoID0gcHJlRmlsdGVyc1sgdHlwZSBdKCBtYXRjaCApICkgKSApIHtcblx0XHRcdFx0bWF0Y2hlZCA9IG1hdGNoLnNoaWZ0KCk7XG5cdFx0XHRcdHRva2Vucy5wdXNoKCB7XG5cdFx0XHRcdFx0dmFsdWU6IG1hdGNoZWQsXG5cdFx0XHRcdFx0dHlwZTogdHlwZSxcblx0XHRcdFx0XHRtYXRjaGVzOiBtYXRjaFxuXHRcdFx0XHR9ICk7XG5cdFx0XHRcdHNvRmFyID0gc29GYXIuc2xpY2UoIG1hdGNoZWQubGVuZ3RoICk7XG5cdFx0XHR9XG5cdFx0fVxuXG5cdFx0aWYgKCAhbWF0Y2hlZCApIHtcblx0XHRcdGJyZWFrO1xuXHRcdH1cblx0fVxuXG5cdC8vIFJldHVybiB0aGUgbGVuZ3RoIG9mIHRoZSBpbnZhbGlkIGV4Y2Vzc1xuXHQvLyBpZiB3ZSdyZSBqdXN0IHBhcnNpbmdcblx0Ly8gT3RoZXJ3aXNlLCB0aHJvdyBhbiBlcnJvciBvciByZXR1cm4gdG9rZW5zXG5cdGlmICggcGFyc2VPbmx5ICkge1xuXHRcdHJldHVybiBzb0Zhci5sZW5ndGg7XG5cdH1cblxuXHRyZXR1cm4gc29GYXIgP1xuXHRcdGZpbmQuZXJyb3IoIHNlbGVjdG9yICkgOlxuXG5cdFx0Ly8gQ2FjaGUgdGhlIHRva2Vuc1xuXHRcdHRva2VuQ2FjaGUoIHNlbGVjdG9yLCBncm91cHMgKS5zbGljZSggMCApO1xufVxuXG5mdW5jdGlvbiB0b1NlbGVjdG9yKCB0b2tlbnMgKSB7XG5cdHZhciBpID0gMCxcblx0XHRsZW4gPSB0b2tlbnMubGVuZ3RoLFxuXHRcdHNlbGVjdG9yID0gXCJcIjtcblx0Zm9yICggOyBpIDwgbGVuOyBpKysgKSB7XG5cdFx0c2VsZWN0b3IgKz0gdG9rZW5zWyBpIF0udmFsdWU7XG5cdH1cblx0cmV0dXJuIHNlbGVjdG9yO1xufVxuXG5mdW5jdGlvbiBhZGRDb21iaW5hdG9yKCBtYXRjaGVyLCBjb21iaW5hdG9yLCBiYXNlICkge1xuXHR2YXIgZGlyID0gY29tYmluYXRvci5kaXIsXG5cdFx0c2tpcCA9IGNvbWJpbmF0b3IubmV4dCxcblx0XHRrZXkgPSBza2lwIHx8IGRpcixcblx0XHRjaGVja05vbkVsZW1lbnRzID0gYmFzZSAmJiBrZXkgPT09IFwicGFyZW50Tm9kZVwiLFxuXHRcdGRvbmVOYW1lID0gZG9uZSsrO1xuXG5cdHJldHVybiBjb21iaW5hdG9yLmZpcnN0ID9cblxuXHRcdC8vIENoZWNrIGFnYWluc3QgY2xvc2VzdCBhbmNlc3Rvci9wcmVjZWRpbmcgZWxlbWVudFxuXHRcdGZ1bmN0aW9uKCBlbGVtLCBjb250ZXh0LCB4bWwgKSB7XG5cdFx0XHR3aGlsZSAoICggZWxlbSA9IGVsZW1bIGRpciBdICkgKSB7XG5cdFx0XHRcdGlmICggZWxlbS5ub2RlVHlwZSA9PT0gMSB8fCBjaGVja05vbkVsZW1lbnRzICkge1xuXHRcdFx0XHRcdHJldHVybiBtYXRjaGVyKCBlbGVtLCBjb250ZXh0LCB4bWwgKTtcblx0XHRcdFx0fVxuXHRcdFx0fVxuXHRcdFx0cmV0dXJuIGZhbHNlO1xuXHRcdH0gOlxuXG5cdFx0Ly8gQ2hlY2sgYWdhaW5zdCBhbGwgYW5jZXN0b3IvcHJlY2VkaW5nIGVsZW1lbnRzXG5cdFx0ZnVuY3Rpb24oIGVsZW0sIGNvbnRleHQsIHhtbCApIHtcblx0XHRcdHZhciBvbGRDYWNoZSwgb3V0ZXJDYWNoZSxcblx0XHRcdFx0bmV3Q2FjaGUgPSBbIGRpcnJ1bnMsIGRvbmVOYW1lIF07XG5cblx0XHRcdC8vIFdlIGNhbid0IHNldCBhcmJpdHJhcnkgZGF0YSBvbiBYTUwgbm9kZXMsIHNvIHRoZXkgZG9uJ3QgYmVuZWZpdCBmcm9tIGNvbWJpbmF0b3IgY2FjaGluZ1xuXHRcdFx0aWYgKCB4bWwgKSB7XG5cdFx0XHRcdHdoaWxlICggKCBlbGVtID0gZWxlbVsgZGlyIF0gKSApIHtcblx0XHRcdFx0XHRpZiAoIGVsZW0ubm9kZVR5cGUgPT09IDEgfHwgY2hlY2tOb25FbGVtZW50cyApIHtcblx0XHRcdFx0XHRcdGlmICggbWF0Y2hlciggZWxlbSwgY29udGV4dCwgeG1sICkgKSB7XG5cdFx0XHRcdFx0XHRcdHJldHVybiB0cnVlO1xuXHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdH1cblx0XHRcdFx0fVxuXHRcdFx0fSBlbHNlIHtcblx0XHRcdFx0d2hpbGUgKCAoIGVsZW0gPSBlbGVtWyBkaXIgXSApICkge1xuXHRcdFx0XHRcdGlmICggZWxlbS5ub2RlVHlwZSA9PT0gMSB8fCBjaGVja05vbkVsZW1lbnRzICkge1xuXHRcdFx0XHRcdFx0b3V0ZXJDYWNoZSA9IGVsZW1bIGV4cGFuZG8gXSB8fCAoIGVsZW1bIGV4cGFuZG8gXSA9IHt9ICk7XG5cblx0XHRcdFx0XHRcdGlmICggc2tpcCAmJiBub2RlTmFtZSggZWxlbSwgc2tpcCApICkge1xuXHRcdFx0XHRcdFx0XHRlbGVtID0gZWxlbVsgZGlyIF0gfHwgZWxlbTtcblx0XHRcdFx0XHRcdH0gZWxzZSBpZiAoICggb2xkQ2FjaGUgPSBvdXRlckNhY2hlWyBrZXkgXSApICYmXG5cdFx0XHRcdFx0XHRcdG9sZENhY2hlWyAwIF0gPT09IGRpcnJ1bnMgJiYgb2xkQ2FjaGVbIDEgXSA9PT0gZG9uZU5hbWUgKSB7XG5cblx0XHRcdFx0XHRcdFx0Ly8gQXNzaWduIHRvIG5ld0NhY2hlIHNvIHJlc3VsdHMgYmFjay1wcm9wYWdhdGUgdG8gcHJldmlvdXMgZWxlbWVudHNcblx0XHRcdFx0XHRcdFx0cmV0dXJuICggbmV3Q2FjaGVbIDIgXSA9IG9sZENhY2hlWyAyIF0gKTtcblx0XHRcdFx0XHRcdH0gZWxzZSB7XG5cblx0XHRcdFx0XHRcdFx0Ly8gUmV1c2UgbmV3Y2FjaGUgc28gcmVzdWx0cyBiYWNrLXByb3BhZ2F0ZSB0byBwcmV2aW91cyBlbGVtZW50c1xuXHRcdFx0XHRcdFx0XHRvdXRlckNhY2hlWyBrZXkgXSA9IG5ld0NhY2hlO1xuXG5cdFx0XHRcdFx0XHRcdC8vIEEgbWF0Y2ggbWVhbnMgd2UncmUgZG9uZTsgYSBmYWlsIG1lYW5zIHdlIGhhdmUgdG8ga2VlcCBjaGVja2luZ1xuXHRcdFx0XHRcdFx0XHRpZiAoICggbmV3Q2FjaGVbIDIgXSA9IG1hdGNoZXIoIGVsZW0sIGNvbnRleHQsIHhtbCApICkgKSB7XG5cdFx0XHRcdFx0XHRcdFx0cmV0dXJuIHRydWU7XG5cdFx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHR9XG5cdFx0XHRcdH1cblx0XHRcdH1cblx0XHRcdHJldHVybiBmYWxzZTtcblx0XHR9O1xufVxuXG5mdW5jdGlvbiBlbGVtZW50TWF0Y2hlciggbWF0Y2hlcnMgKSB7XG5cdHJldHVybiBtYXRjaGVycy5sZW5ndGggPiAxID9cblx0XHRmdW5jdGlvbiggZWxlbSwgY29udGV4dCwgeG1sICkge1xuXHRcdFx0dmFyIGkgPSBtYXRjaGVycy5sZW5ndGg7XG5cdFx0XHR3aGlsZSAoIGktLSApIHtcblx0XHRcdFx0aWYgKCAhbWF0Y2hlcnNbIGkgXSggZWxlbSwgY29udGV4dCwgeG1sICkgKSB7XG5cdFx0XHRcdFx0cmV0dXJuIGZhbHNlO1xuXHRcdFx0XHR9XG5cdFx0XHR9XG5cdFx0XHRyZXR1cm4gdHJ1ZTtcblx0XHR9IDpcblx0XHRtYXRjaGVyc1sgMCBdO1xufVxuXG5mdW5jdGlvbiBtdWx0aXBsZUNvbnRleHRzKCBzZWxlY3RvciwgY29udGV4dHMsIHJlc3VsdHMgKSB7XG5cdHZhciBpID0gMCxcblx0XHRsZW4gPSBjb250ZXh0cy5sZW5ndGg7XG5cdGZvciAoIDsgaSA8IGxlbjsgaSsrICkge1xuXHRcdGZpbmQoIHNlbGVjdG9yLCBjb250ZXh0c1sgaSBdLCByZXN1bHRzICk7XG5cdH1cblx0cmV0dXJuIHJlc3VsdHM7XG59XG5cbmZ1bmN0aW9uIGNvbmRlbnNlKCB1bm1hdGNoZWQsIG1hcCwgZmlsdGVyLCBjb250ZXh0LCB4bWwgKSB7XG5cdHZhciBlbGVtLFxuXHRcdG5ld1VubWF0Y2hlZCA9IFtdLFxuXHRcdGkgPSAwLFxuXHRcdGxlbiA9IHVubWF0Y2hlZC5sZW5ndGgsXG5cdFx0bWFwcGVkID0gbWFwICE9IG51bGw7XG5cblx0Zm9yICggOyBpIDwgbGVuOyBpKysgKSB7XG5cdFx0aWYgKCAoIGVsZW0gPSB1bm1hdGNoZWRbIGkgXSApICkge1xuXHRcdFx0aWYgKCAhZmlsdGVyIHx8IGZpbHRlciggZWxlbSwgY29udGV4dCwgeG1sICkgKSB7XG5cdFx0XHRcdG5ld1VubWF0Y2hlZC5wdXNoKCBlbGVtICk7XG5cdFx0XHRcdGlmICggbWFwcGVkICkge1xuXHRcdFx0XHRcdG1hcC5wdXNoKCBpICk7XG5cdFx0XHRcdH1cblx0XHRcdH1cblx0XHR9XG5cdH1cblxuXHRyZXR1cm4gbmV3VW5tYXRjaGVkO1xufVxuXG5mdW5jdGlvbiBzZXRNYXRjaGVyKCBwcmVGaWx0ZXIsIHNlbGVjdG9yLCBtYXRjaGVyLCBwb3N0RmlsdGVyLCBwb3N0RmluZGVyLCBwb3N0U2VsZWN0b3IgKSB7XG5cdGlmICggcG9zdEZpbHRlciAmJiAhcG9zdEZpbHRlclsgZXhwYW5kbyBdICkge1xuXHRcdHBvc3RGaWx0ZXIgPSBzZXRNYXRjaGVyKCBwb3N0RmlsdGVyICk7XG5cdH1cblx0aWYgKCBwb3N0RmluZGVyICYmICFwb3N0RmluZGVyWyBleHBhbmRvIF0gKSB7XG5cdFx0cG9zdEZpbmRlciA9IHNldE1hdGNoZXIoIHBvc3RGaW5kZXIsIHBvc3RTZWxlY3RvciApO1xuXHR9XG5cdHJldHVybiBtYXJrRnVuY3Rpb24oIGZ1bmN0aW9uKCBzZWVkLCByZXN1bHRzLCBjb250ZXh0LCB4bWwgKSB7XG5cdFx0dmFyIHRlbXAsIGksIGVsZW0sIG1hdGNoZXJPdXQsXG5cdFx0XHRwcmVNYXAgPSBbXSxcblx0XHRcdHBvc3RNYXAgPSBbXSxcblx0XHRcdHByZWV4aXN0aW5nID0gcmVzdWx0cy5sZW5ndGgsXG5cblx0XHRcdC8vIEdldCBpbml0aWFsIGVsZW1lbnRzIGZyb20gc2VlZCBvciBjb250ZXh0XG5cdFx0XHRlbGVtcyA9IHNlZWQgfHxcblx0XHRcdFx0bXVsdGlwbGVDb250ZXh0cyggc2VsZWN0b3IgfHwgXCIqXCIsXG5cdFx0XHRcdFx0Y29udGV4dC5ub2RlVHlwZSA/IFsgY29udGV4dCBdIDogY29udGV4dCwgW10gKSxcblxuXHRcdFx0Ly8gUHJlZmlsdGVyIHRvIGdldCBtYXRjaGVyIGlucHV0LCBwcmVzZXJ2aW5nIGEgbWFwIGZvciBzZWVkLXJlc3VsdHMgc3luY2hyb25pemF0aW9uXG5cdFx0XHRtYXRjaGVySW4gPSBwcmVGaWx0ZXIgJiYgKCBzZWVkIHx8ICFzZWxlY3RvciApID9cblx0XHRcdFx0Y29uZGVuc2UoIGVsZW1zLCBwcmVNYXAsIHByZUZpbHRlciwgY29udGV4dCwgeG1sICkgOlxuXHRcdFx0XHRlbGVtcztcblxuXHRcdGlmICggbWF0Y2hlciApIHtcblxuXHRcdFx0Ly8gSWYgd2UgaGF2ZSBhIHBvc3RGaW5kZXIsIG9yIGZpbHRlcmVkIHNlZWQsIG9yIG5vbi1zZWVkIHBvc3RGaWx0ZXJcblx0XHRcdC8vIG9yIHByZWV4aXN0aW5nIHJlc3VsdHMsXG5cdFx0XHRtYXRjaGVyT3V0ID0gcG9zdEZpbmRlciB8fCAoIHNlZWQgPyBwcmVGaWx0ZXIgOiBwcmVleGlzdGluZyB8fCBwb3N0RmlsdGVyICkgP1xuXG5cdFx0XHRcdC8vIC4uLmludGVybWVkaWF0ZSBwcm9jZXNzaW5nIGlzIG5lY2Vzc2FyeVxuXHRcdFx0XHRbXSA6XG5cblx0XHRcdFx0Ly8gLi4ub3RoZXJ3aXNlIHVzZSByZXN1bHRzIGRpcmVjdGx5XG5cdFx0XHRcdHJlc3VsdHM7XG5cblx0XHRcdC8vIEZpbmQgcHJpbWFyeSBtYXRjaGVzXG5cdFx0XHRtYXRjaGVyKCBtYXRjaGVySW4sIG1hdGNoZXJPdXQsIGNvbnRleHQsIHhtbCApO1xuXHRcdH0gZWxzZSB7XG5cdFx0XHRtYXRjaGVyT3V0ID0gbWF0Y2hlckluO1xuXHRcdH1cblxuXHRcdC8vIEFwcGx5IHBvc3RGaWx0ZXJcblx0XHRpZiAoIHBvc3RGaWx0ZXIgKSB7XG5cdFx0XHR0ZW1wID0gY29uZGVuc2UoIG1hdGNoZXJPdXQsIHBvc3RNYXAgKTtcblx0XHRcdHBvc3RGaWx0ZXIoIHRlbXAsIFtdLCBjb250ZXh0LCB4bWwgKTtcblxuXHRcdFx0Ly8gVW4tbWF0Y2ggZmFpbGluZyBlbGVtZW50cyBieSBtb3ZpbmcgdGhlbSBiYWNrIHRvIG1hdGNoZXJJblxuXHRcdFx0aSA9IHRlbXAubGVuZ3RoO1xuXHRcdFx0d2hpbGUgKCBpLS0gKSB7XG5cdFx0XHRcdGlmICggKCBlbGVtID0gdGVtcFsgaSBdICkgKSB7XG5cdFx0XHRcdFx0bWF0Y2hlck91dFsgcG9zdE1hcFsgaSBdIF0gPSAhKCBtYXRjaGVySW5bIHBvc3RNYXBbIGkgXSBdID0gZWxlbSApO1xuXHRcdFx0XHR9XG5cdFx0XHR9XG5cdFx0fVxuXG5cdFx0aWYgKCBzZWVkICkge1xuXHRcdFx0aWYgKCBwb3N0RmluZGVyIHx8IHByZUZpbHRlciApIHtcblx0XHRcdFx0aWYgKCBwb3N0RmluZGVyICkge1xuXG5cdFx0XHRcdFx0Ly8gR2V0IHRoZSBmaW5hbCBtYXRjaGVyT3V0IGJ5IGNvbmRlbnNpbmcgdGhpcyBpbnRlcm1lZGlhdGUgaW50byBwb3N0RmluZGVyIGNvbnRleHRzXG5cdFx0XHRcdFx0dGVtcCA9IFtdO1xuXHRcdFx0XHRcdGkgPSBtYXRjaGVyT3V0Lmxlbmd0aDtcblx0XHRcdFx0XHR3aGlsZSAoIGktLSApIHtcblx0XHRcdFx0XHRcdGlmICggKCBlbGVtID0gbWF0Y2hlck91dFsgaSBdICkgKSB7XG5cblx0XHRcdFx0XHRcdFx0Ly8gUmVzdG9yZSBtYXRjaGVySW4gc2luY2UgZWxlbSBpcyBub3QgeWV0IGEgZmluYWwgbWF0Y2hcblx0XHRcdFx0XHRcdFx0dGVtcC5wdXNoKCAoIG1hdGNoZXJJblsgaSBdID0gZWxlbSApICk7XG5cdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHRcdHBvc3RGaW5kZXIoIG51bGwsICggbWF0Y2hlck91dCA9IFtdICksIHRlbXAsIHhtbCApO1xuXHRcdFx0XHR9XG5cblx0XHRcdFx0Ly8gTW92ZSBtYXRjaGVkIGVsZW1lbnRzIGZyb20gc2VlZCB0byByZXN1bHRzIHRvIGtlZXAgdGhlbSBzeW5jaHJvbml6ZWRcblx0XHRcdFx0aSA9IG1hdGNoZXJPdXQubGVuZ3RoO1xuXHRcdFx0XHR3aGlsZSAoIGktLSApIHtcblx0XHRcdFx0XHRpZiAoICggZWxlbSA9IG1hdGNoZXJPdXRbIGkgXSApICYmXG5cdFx0XHRcdFx0XHQoIHRlbXAgPSBwb3N0RmluZGVyID8gaW5kZXhPZi5jYWxsKCBzZWVkLCBlbGVtICkgOiBwcmVNYXBbIGkgXSApID4gLTEgKSB7XG5cblx0XHRcdFx0XHRcdHNlZWRbIHRlbXAgXSA9ICEoIHJlc3VsdHNbIHRlbXAgXSA9IGVsZW0gKTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdH1cblx0XHRcdH1cblxuXHRcdC8vIEFkZCBlbGVtZW50cyB0byByZXN1bHRzLCB0aHJvdWdoIHBvc3RGaW5kZXIgaWYgZGVmaW5lZFxuXHRcdH0gZWxzZSB7XG5cdFx0XHRtYXRjaGVyT3V0ID0gY29uZGVuc2UoXG5cdFx0XHRcdG1hdGNoZXJPdXQgPT09IHJlc3VsdHMgP1xuXHRcdFx0XHRcdG1hdGNoZXJPdXQuc3BsaWNlKCBwcmVleGlzdGluZywgbWF0Y2hlck91dC5sZW5ndGggKSA6XG5cdFx0XHRcdFx0bWF0Y2hlck91dFxuXHRcdFx0KTtcblx0XHRcdGlmICggcG9zdEZpbmRlciApIHtcblx0XHRcdFx0cG9zdEZpbmRlciggbnVsbCwgcmVzdWx0cywgbWF0Y2hlck91dCwgeG1sICk7XG5cdFx0XHR9IGVsc2Uge1xuXHRcdFx0XHRwdXNoLmFwcGx5KCByZXN1bHRzLCBtYXRjaGVyT3V0ICk7XG5cdFx0XHR9XG5cdFx0fVxuXHR9ICk7XG59XG5cbmZ1bmN0aW9uIG1hdGNoZXJGcm9tVG9rZW5zKCB0b2tlbnMgKSB7XG5cdHZhciBjaGVja0NvbnRleHQsIG1hdGNoZXIsIGosXG5cdFx0bGVuID0gdG9rZW5zLmxlbmd0aCxcblx0XHRsZWFkaW5nUmVsYXRpdmUgPSBFeHByLnJlbGF0aXZlWyB0b2tlbnNbIDAgXS50eXBlIF0sXG5cdFx0aW1wbGljaXRSZWxhdGl2ZSA9IGxlYWRpbmdSZWxhdGl2ZSB8fCBFeHByLnJlbGF0aXZlWyBcIiBcIiBdLFxuXHRcdGkgPSBsZWFkaW5nUmVsYXRpdmUgPyAxIDogMCxcblxuXHRcdC8vIFRoZSBmb3VuZGF0aW9uYWwgbWF0Y2hlciBlbnN1cmVzIHRoYXQgZWxlbWVudHMgYXJlIHJlYWNoYWJsZSBmcm9tIHRvcC1sZXZlbCBjb250ZXh0KHMpXG5cdFx0bWF0Y2hDb250ZXh0ID0gYWRkQ29tYmluYXRvciggZnVuY3Rpb24oIGVsZW0gKSB7XG5cdFx0XHRyZXR1cm4gZWxlbSA9PT0gY2hlY2tDb250ZXh0O1xuXHRcdH0sIGltcGxpY2l0UmVsYXRpdmUsIHRydWUgKSxcblx0XHRtYXRjaEFueUNvbnRleHQgPSBhZGRDb21iaW5hdG9yKCBmdW5jdGlvbiggZWxlbSApIHtcblx0XHRcdHJldHVybiBpbmRleE9mLmNhbGwoIGNoZWNrQ29udGV4dCwgZWxlbSApID4gLTE7XG5cdFx0fSwgaW1wbGljaXRSZWxhdGl2ZSwgdHJ1ZSApLFxuXHRcdG1hdGNoZXJzID0gWyBmdW5jdGlvbiggZWxlbSwgY29udGV4dCwgeG1sICkge1xuXG5cdFx0XHQvLyBTdXBwb3J0OiBJRSAxMSssIEVkZ2UgMTcgLSAxOCtcblx0XHRcdC8vIElFL0VkZ2Ugc29tZXRpbWVzIHRocm93IGEgXCJQZXJtaXNzaW9uIGRlbmllZFwiIGVycm9yIHdoZW4gc3RyaWN0LWNvbXBhcmluZ1xuXHRcdFx0Ly8gdHdvIGRvY3VtZW50czsgc2hhbGxvdyBjb21wYXJpc29ucyB3b3JrLlxuXHRcdFx0Ly8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGVxZXFlcVxuXHRcdFx0dmFyIHJldCA9ICggIWxlYWRpbmdSZWxhdGl2ZSAmJiAoIHhtbCB8fCBjb250ZXh0ICE9IG91dGVybW9zdENvbnRleHQgKSApIHx8IChcblx0XHRcdFx0KCBjaGVja0NvbnRleHQgPSBjb250ZXh0ICkubm9kZVR5cGUgP1xuXHRcdFx0XHRcdG1hdGNoQ29udGV4dCggZWxlbSwgY29udGV4dCwgeG1sICkgOlxuXHRcdFx0XHRcdG1hdGNoQW55Q29udGV4dCggZWxlbSwgY29udGV4dCwgeG1sICkgKTtcblxuXHRcdFx0Ly8gQXZvaWQgaGFuZ2luZyBvbnRvIGVsZW1lbnRcblx0XHRcdC8vIChzZWUgaHR0cHM6Ly9naXRodWIuY29tL2pxdWVyeS9zaXp6bGUvaXNzdWVzLzI5OSlcblx0XHRcdGNoZWNrQ29udGV4dCA9IG51bGw7XG5cdFx0XHRyZXR1cm4gcmV0O1xuXHRcdH0gXTtcblxuXHRmb3IgKCA7IGkgPCBsZW47IGkrKyApIHtcblx0XHRpZiAoICggbWF0Y2hlciA9IEV4cHIucmVsYXRpdmVbIHRva2Vuc1sgaSBdLnR5cGUgXSApICkge1xuXHRcdFx0bWF0Y2hlcnMgPSBbIGFkZENvbWJpbmF0b3IoIGVsZW1lbnRNYXRjaGVyKCBtYXRjaGVycyApLCBtYXRjaGVyICkgXTtcblx0XHR9IGVsc2Uge1xuXHRcdFx0bWF0Y2hlciA9IEV4cHIuZmlsdGVyWyB0b2tlbnNbIGkgXS50eXBlIF0uYXBwbHkoIG51bGwsIHRva2Vuc1sgaSBdLm1hdGNoZXMgKTtcblxuXHRcdFx0Ly8gUmV0dXJuIHNwZWNpYWwgdXBvbiBzZWVpbmcgYSBwb3NpdGlvbmFsIG1hdGNoZXJcblx0XHRcdGlmICggbWF0Y2hlclsgZXhwYW5kbyBdICkge1xuXG5cdFx0XHRcdC8vIEZpbmQgdGhlIG5leHQgcmVsYXRpdmUgb3BlcmF0b3IgKGlmIGFueSkgZm9yIHByb3BlciBoYW5kbGluZ1xuXHRcdFx0XHRqID0gKytpO1xuXHRcdFx0XHRmb3IgKCA7IGogPCBsZW47IGorKyApIHtcblx0XHRcdFx0XHRpZiAoIEV4cHIucmVsYXRpdmVbIHRva2Vuc1sgaiBdLnR5cGUgXSApIHtcblx0XHRcdFx0XHRcdGJyZWFrO1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0fVxuXHRcdFx0XHRyZXR1cm4gc2V0TWF0Y2hlcihcblx0XHRcdFx0XHRpID4gMSAmJiBlbGVtZW50TWF0Y2hlciggbWF0Y2hlcnMgKSxcblx0XHRcdFx0XHRpID4gMSAmJiB0b1NlbGVjdG9yKFxuXG5cdFx0XHRcdFx0XHQvLyBJZiB0aGUgcHJlY2VkaW5nIHRva2VuIHdhcyBhIGRlc2NlbmRhbnQgY29tYmluYXRvciwgaW5zZXJ0IGFuIGltcGxpY2l0IGFueS1lbGVtZW50IGAqYFxuXHRcdFx0XHRcdFx0dG9rZW5zLnNsaWNlKCAwLCBpIC0gMSApXG5cdFx0XHRcdFx0XHRcdC5jb25jYXQoIHsgdmFsdWU6IHRva2Vuc1sgaSAtIDIgXS50eXBlID09PSBcIiBcIiA/IFwiKlwiIDogXCJcIiB9IClcblx0XHRcdFx0XHQpLnJlcGxhY2UoIHJ0cmltQ1NTLCBcIiQxXCIgKSxcblx0XHRcdFx0XHRtYXRjaGVyLFxuXHRcdFx0XHRcdGkgPCBqICYmIG1hdGNoZXJGcm9tVG9rZW5zKCB0b2tlbnMuc2xpY2UoIGksIGogKSApLFxuXHRcdFx0XHRcdGogPCBsZW4gJiYgbWF0Y2hlckZyb21Ub2tlbnMoICggdG9rZW5zID0gdG9rZW5zLnNsaWNlKCBqICkgKSApLFxuXHRcdFx0XHRcdGogPCBsZW4gJiYgdG9TZWxlY3RvciggdG9rZW5zIClcblx0XHRcdFx0KTtcblx0XHRcdH1cblx0XHRcdG1hdGNoZXJzLnB1c2goIG1hdGNoZXIgKTtcblx0XHR9XG5cdH1cblxuXHRyZXR1cm4gZWxlbWVudE1hdGNoZXIoIG1hdGNoZXJzICk7XG59XG5cbmZ1bmN0aW9uIG1hdGNoZXJGcm9tR3JvdXBNYXRjaGVycyggZWxlbWVudE1hdGNoZXJzLCBzZXRNYXRjaGVycyApIHtcblx0dmFyIGJ5U2V0ID0gc2V0TWF0Y2hlcnMubGVuZ3RoID4gMCxcblx0XHRieUVsZW1lbnQgPSBlbGVtZW50TWF0Y2hlcnMubGVuZ3RoID4gMCxcblx0XHRzdXBlck1hdGNoZXIgPSBmdW5jdGlvbiggc2VlZCwgY29udGV4dCwgeG1sLCByZXN1bHRzLCBvdXRlcm1vc3QgKSB7XG5cdFx0XHR2YXIgZWxlbSwgaiwgbWF0Y2hlcixcblx0XHRcdFx0bWF0Y2hlZENvdW50ID0gMCxcblx0XHRcdFx0aSA9IFwiMFwiLFxuXHRcdFx0XHR1bm1hdGNoZWQgPSBzZWVkICYmIFtdLFxuXHRcdFx0XHRzZXRNYXRjaGVkID0gW10sXG5cdFx0XHRcdGNvbnRleHRCYWNrdXAgPSBvdXRlcm1vc3RDb250ZXh0LFxuXG5cdFx0XHRcdC8vIFdlIG11c3QgYWx3YXlzIGhhdmUgZWl0aGVyIHNlZWQgZWxlbWVudHMgb3Igb3V0ZXJtb3N0IGNvbnRleHRcblx0XHRcdFx0ZWxlbXMgPSBzZWVkIHx8IGJ5RWxlbWVudCAmJiBFeHByLmZpbmQuVEFHKCBcIipcIiwgb3V0ZXJtb3N0ICksXG5cblx0XHRcdFx0Ly8gVXNlIGludGVnZXIgZGlycnVucyBpZmYgdGhpcyBpcyB0aGUgb3V0ZXJtb3N0IG1hdGNoZXJcblx0XHRcdFx0ZGlycnVuc1VuaXF1ZSA9ICggZGlycnVucyArPSBjb250ZXh0QmFja3VwID09IG51bGwgPyAxIDogTWF0aC5yYW5kb20oKSB8fCAwLjEgKSxcblx0XHRcdFx0bGVuID0gZWxlbXMubGVuZ3RoO1xuXG5cdFx0XHRpZiAoIG91dGVybW9zdCApIHtcblxuXHRcdFx0XHQvLyBTdXBwb3J0OiBJRSAxMSssIEVkZ2UgMTcgLSAxOCtcblx0XHRcdFx0Ly8gSUUvRWRnZSBzb21ldGltZXMgdGhyb3cgYSBcIlBlcm1pc3Npb24gZGVuaWVkXCIgZXJyb3Igd2hlbiBzdHJpY3QtY29tcGFyaW5nXG5cdFx0XHRcdC8vIHR3byBkb2N1bWVudHM7IHNoYWxsb3cgY29tcGFyaXNvbnMgd29yay5cblx0XHRcdFx0Ly8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGVxZXFlcVxuXHRcdFx0XHRvdXRlcm1vc3RDb250ZXh0ID0gY29udGV4dCA9PSBkb2N1bWVudCB8fCBjb250ZXh0IHx8IG91dGVybW9zdDtcblx0XHRcdH1cblxuXHRcdFx0Ly8gQWRkIGVsZW1lbnRzIHBhc3NpbmcgZWxlbWVudE1hdGNoZXJzIGRpcmVjdGx5IHRvIHJlc3VsdHNcblx0XHRcdC8vIFN1cHBvcnQ6IGlPUyA8PTcgLSA5IG9ubHlcblx0XHRcdC8vIFRvbGVyYXRlIE5vZGVMaXN0IHByb3BlcnRpZXMgKElFOiBcImxlbmd0aFwiOyBTYWZhcmk6IDxudW1iZXI+KSBtYXRjaGluZ1xuXHRcdFx0Ly8gZWxlbWVudHMgYnkgaWQuIChzZWUgdHJhYy0xNDE0Milcblx0XHRcdGZvciAoIDsgaSAhPT0gbGVuICYmICggZWxlbSA9IGVsZW1zWyBpIF0gKSAhPSBudWxsOyBpKysgKSB7XG5cdFx0XHRcdGlmICggYnlFbGVtZW50ICYmIGVsZW0gKSB7XG5cdFx0XHRcdFx0aiA9IDA7XG5cblx0XHRcdFx0XHQvLyBTdXBwb3J0OiBJRSAxMSssIEVkZ2UgMTcgLSAxOCtcblx0XHRcdFx0XHQvLyBJRS9FZGdlIHNvbWV0aW1lcyB0aHJvdyBhIFwiUGVybWlzc2lvbiBkZW5pZWRcIiBlcnJvciB3aGVuIHN0cmljdC1jb21wYXJpbmdcblx0XHRcdFx0XHQvLyB0d28gZG9jdW1lbnRzOyBzaGFsbG93IGNvbXBhcmlzb25zIHdvcmsuXG5cdFx0XHRcdFx0Ly8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGVxZXFlcVxuXHRcdFx0XHRcdGlmICggIWNvbnRleHQgJiYgZWxlbS5vd25lckRvY3VtZW50ICE9IGRvY3VtZW50ICkge1xuXHRcdFx0XHRcdFx0c2V0RG9jdW1lbnQoIGVsZW0gKTtcblx0XHRcdFx0XHRcdHhtbCA9ICFkb2N1bWVudElzSFRNTDtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0d2hpbGUgKCAoIG1hdGNoZXIgPSBlbGVtZW50TWF0Y2hlcnNbIGorKyBdICkgKSB7XG5cdFx0XHRcdFx0XHRpZiAoIG1hdGNoZXIoIGVsZW0sIGNvbnRleHQgfHwgZG9jdW1lbnQsIHhtbCApICkge1xuXHRcdFx0XHRcdFx0XHRwdXNoLmNhbGwoIHJlc3VsdHMsIGVsZW0gKTtcblx0XHRcdFx0XHRcdFx0YnJlYWs7XG5cdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHRcdGlmICggb3V0ZXJtb3N0ICkge1xuXHRcdFx0XHRcdFx0ZGlycnVucyA9IGRpcnJ1bnNVbmlxdWU7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9XG5cblx0XHRcdFx0Ly8gVHJhY2sgdW5tYXRjaGVkIGVsZW1lbnRzIGZvciBzZXQgZmlsdGVyc1xuXHRcdFx0XHRpZiAoIGJ5U2V0ICkge1xuXG5cdFx0XHRcdFx0Ly8gVGhleSB3aWxsIGhhdmUgZ29uZSB0aHJvdWdoIGFsbCBwb3NzaWJsZSBtYXRjaGVyc1xuXHRcdFx0XHRcdGlmICggKCBlbGVtID0gIW1hdGNoZXIgJiYgZWxlbSApICkge1xuXHRcdFx0XHRcdFx0bWF0Y2hlZENvdW50LS07XG5cdFx0XHRcdFx0fVxuXG5cdFx0XHRcdFx0Ly8gTGVuZ3RoZW4gdGhlIGFycmF5IGZvciBldmVyeSBlbGVtZW50LCBtYXRjaGVkIG9yIG5vdFxuXHRcdFx0XHRcdGlmICggc2VlZCApIHtcblx0XHRcdFx0XHRcdHVubWF0Y2hlZC5wdXNoKCBlbGVtICk7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9XG5cdFx0XHR9XG5cblx0XHRcdC8vIGBpYCBpcyBub3cgdGhlIGNvdW50IG9mIGVsZW1lbnRzIHZpc2l0ZWQgYWJvdmUsIGFuZCBhZGRpbmcgaXQgdG8gYG1hdGNoZWRDb3VudGBcblx0XHRcdC8vIG1ha2VzIHRoZSBsYXR0ZXIgbm9ubmVnYXRpdmUuXG5cdFx0XHRtYXRjaGVkQ291bnQgKz0gaTtcblxuXHRcdFx0Ly8gQXBwbHkgc2V0IGZpbHRlcnMgdG8gdW5tYXRjaGVkIGVsZW1lbnRzXG5cdFx0XHQvLyBOT1RFOiBUaGlzIGNhbiBiZSBza2lwcGVkIGlmIHRoZXJlIGFyZSBubyB1bm1hdGNoZWQgZWxlbWVudHMgKGkuZS4sIGBtYXRjaGVkQ291bnRgXG5cdFx0XHQvLyBlcXVhbHMgYGlgKSwgdW5sZXNzIHdlIGRpZG4ndCB2aXNpdCBfYW55XyBlbGVtZW50cyBpbiB0aGUgYWJvdmUgbG9vcCBiZWNhdXNlIHdlIGhhdmVcblx0XHRcdC8vIG5vIGVsZW1lbnQgbWF0Y2hlcnMgYW5kIG5vIHNlZWQuXG5cdFx0XHQvLyBJbmNyZW1lbnRpbmcgYW4gaW5pdGlhbGx5LXN0cmluZyBcIjBcIiBgaWAgYWxsb3dzIGBpYCB0byByZW1haW4gYSBzdHJpbmcgb25seSBpbiB0aGF0XG5cdFx0XHQvLyBjYXNlLCB3aGljaCB3aWxsIHJlc3VsdCBpbiBhIFwiMDBcIiBgbWF0Y2hlZENvdW50YCB0aGF0IGRpZmZlcnMgZnJvbSBgaWAgYnV0IGlzIGFsc29cblx0XHRcdC8vIG51bWVyaWNhbGx5IHplcm8uXG5cdFx0XHRpZiAoIGJ5U2V0ICYmIGkgIT09IG1hdGNoZWRDb3VudCApIHtcblx0XHRcdFx0aiA9IDA7XG5cdFx0XHRcdHdoaWxlICggKCBtYXRjaGVyID0gc2V0TWF0Y2hlcnNbIGorKyBdICkgKSB7XG5cdFx0XHRcdFx0bWF0Y2hlciggdW5tYXRjaGVkLCBzZXRNYXRjaGVkLCBjb250ZXh0LCB4bWwgKTtcblx0XHRcdFx0fVxuXG5cdFx0XHRcdGlmICggc2VlZCApIHtcblxuXHRcdFx0XHRcdC8vIFJlaW50ZWdyYXRlIGVsZW1lbnQgbWF0Y2hlcyB0byBlbGltaW5hdGUgdGhlIG5lZWQgZm9yIHNvcnRpbmdcblx0XHRcdFx0XHRpZiAoIG1hdGNoZWRDb3VudCA+IDAgKSB7XG5cdFx0XHRcdFx0XHR3aGlsZSAoIGktLSApIHtcblx0XHRcdFx0XHRcdFx0aWYgKCAhKCB1bm1hdGNoZWRbIGkgXSB8fCBzZXRNYXRjaGVkWyBpIF0gKSApIHtcblx0XHRcdFx0XHRcdFx0XHRzZXRNYXRjaGVkWyBpIF0gPSBwb3AuY2FsbCggcmVzdWx0cyApO1xuXHRcdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0fVxuXG5cdFx0XHRcdFx0Ly8gRGlzY2FyZCBpbmRleCBwbGFjZWhvbGRlciB2YWx1ZXMgdG8gZ2V0IG9ubHkgYWN0dWFsIG1hdGNoZXNcblx0XHRcdFx0XHRzZXRNYXRjaGVkID0gY29uZGVuc2UoIHNldE1hdGNoZWQgKTtcblx0XHRcdFx0fVxuXG5cdFx0XHRcdC8vIEFkZCBtYXRjaGVzIHRvIHJlc3VsdHNcblx0XHRcdFx0cHVzaC5hcHBseSggcmVzdWx0cywgc2V0TWF0Y2hlZCApO1xuXG5cdFx0XHRcdC8vIFNlZWRsZXNzIHNldCBtYXRjaGVzIHN1Y2NlZWRpbmcgbXVsdGlwbGUgc3VjY2Vzc2Z1bCBtYXRjaGVycyBzdGlwdWxhdGUgc29ydGluZ1xuXHRcdFx0XHRpZiAoIG91dGVybW9zdCAmJiAhc2VlZCAmJiBzZXRNYXRjaGVkLmxlbmd0aCA+IDAgJiZcblx0XHRcdFx0XHQoIG1hdGNoZWRDb3VudCArIHNldE1hdGNoZXJzLmxlbmd0aCApID4gMSApIHtcblxuXHRcdFx0XHRcdGpRdWVyeS51bmlxdWVTb3J0KCByZXN1bHRzICk7XG5cdFx0XHRcdH1cblx0XHRcdH1cblxuXHRcdFx0Ly8gT3ZlcnJpZGUgbWFuaXB1bGF0aW9uIG9mIGdsb2JhbHMgYnkgbmVzdGVkIG1hdGNoZXJzXG5cdFx0XHRpZiAoIG91dGVybW9zdCApIHtcblx0XHRcdFx0ZGlycnVucyA9IGRpcnJ1bnNVbmlxdWU7XG5cdFx0XHRcdG91dGVybW9zdENvbnRleHQgPSBjb250ZXh0QmFja3VwO1xuXHRcdFx0fVxuXG5cdFx0XHRyZXR1cm4gdW5tYXRjaGVkO1xuXHRcdH07XG5cblx0cmV0dXJuIGJ5U2V0ID9cblx0XHRtYXJrRnVuY3Rpb24oIHN1cGVyTWF0Y2hlciApIDpcblx0XHRzdXBlck1hdGNoZXI7XG59XG5cbmZ1bmN0aW9uIGNvbXBpbGUoIHNlbGVjdG9yLCBtYXRjaCAvKiBJbnRlcm5hbCBVc2UgT25seSAqLyApIHtcblx0dmFyIGksXG5cdFx0c2V0TWF0Y2hlcnMgPSBbXSxcblx0XHRlbGVtZW50TWF0Y2hlcnMgPSBbXSxcblx0XHRjYWNoZWQgPSBjb21waWxlckNhY2hlWyBzZWxlY3RvciArIFwiIFwiIF07XG5cblx0aWYgKCAhY2FjaGVkICkge1xuXG5cdFx0Ly8gR2VuZXJhdGUgYSBmdW5jdGlvbiBvZiByZWN1cnNpdmUgZnVuY3Rpb25zIHRoYXQgY2FuIGJlIHVzZWQgdG8gY2hlY2sgZWFjaCBlbGVtZW50XG5cdFx0aWYgKCAhbWF0Y2ggKSB7XG5cdFx0XHRtYXRjaCA9IHRva2VuaXplKCBzZWxlY3RvciApO1xuXHRcdH1cblx0XHRpID0gbWF0Y2gubGVuZ3RoO1xuXHRcdHdoaWxlICggaS0tICkge1xuXHRcdFx0Y2FjaGVkID0gbWF0Y2hlckZyb21Ub2tlbnMoIG1hdGNoWyBpIF0gKTtcblx0XHRcdGlmICggY2FjaGVkWyBleHBhbmRvIF0gKSB7XG5cdFx0XHRcdHNldE1hdGNoZXJzLnB1c2goIGNhY2hlZCApO1xuXHRcdFx0fSBlbHNlIHtcblx0XHRcdFx0ZWxlbWVudE1hdGNoZXJzLnB1c2goIGNhY2hlZCApO1xuXHRcdFx0fVxuXHRcdH1cblxuXHRcdC8vIENhY2hlIHRoZSBjb21waWxlZCBmdW5jdGlvblxuXHRcdGNhY2hlZCA9IGNvbXBpbGVyQ2FjaGUoIHNlbGVjdG9yLFxuXHRcdFx0bWF0Y2hlckZyb21Hcm91cE1hdGNoZXJzKCBlbGVtZW50TWF0Y2hlcnMsIHNldE1hdGNoZXJzICkgKTtcblxuXHRcdC8vIFNhdmUgc2VsZWN0b3IgYW5kIHRva2VuaXphdGlvblxuXHRcdGNhY2hlZC5zZWxlY3RvciA9IHNlbGVjdG9yO1xuXHR9XG5cdHJldHVybiBjYWNoZWQ7XG59XG5cbi8qKlxuICogQSBsb3ctbGV2ZWwgc2VsZWN0aW9uIGZ1bmN0aW9uIHRoYXQgd29ya3Mgd2l0aCBqUXVlcnkncyBjb21waWxlZFxuICogIHNlbGVjdG9yIGZ1bmN0aW9uc1xuICogQHBhcmFtIHtTdHJpbmd8RnVuY3Rpb259IHNlbGVjdG9yIEEgc2VsZWN0b3Igb3IgYSBwcmUtY29tcGlsZWRcbiAqICBzZWxlY3RvciBmdW5jdGlvbiBidWlsdCB3aXRoIGpRdWVyeSBzZWxlY3RvciBjb21waWxlXG4gKiBAcGFyYW0ge0VsZW1lbnR9IGNvbnRleHRcbiAqIEBwYXJhbSB7QXJyYXl9IFtyZXN1bHRzXVxuICogQHBhcmFtIHtBcnJheX0gW3NlZWRdIEEgc2V0IG9mIGVsZW1lbnRzIHRvIG1hdGNoIGFnYWluc3RcbiAqL1xuZnVuY3Rpb24gc2VsZWN0KCBzZWxlY3RvciwgY29udGV4dCwgcmVzdWx0cywgc2VlZCApIHtcblx0dmFyIGksIHRva2VucywgdG9rZW4sIHR5cGUsIGZpbmQsXG5cdFx0Y29tcGlsZWQgPSB0eXBlb2Ygc2VsZWN0b3IgPT09IFwiZnVuY3Rpb25cIiAmJiBzZWxlY3Rvcixcblx0XHRtYXRjaCA9ICFzZWVkICYmIHRva2VuaXplKCAoIHNlbGVjdG9yID0gY29tcGlsZWQuc2VsZWN0b3IgfHwgc2VsZWN0b3IgKSApO1xuXG5cdHJlc3VsdHMgPSByZXN1bHRzIHx8IFtdO1xuXG5cdC8vIFRyeSB0byBtaW5pbWl6ZSBvcGVyYXRpb25zIGlmIHRoZXJlIGlzIG9ubHkgb25lIHNlbGVjdG9yIGluIHRoZSBsaXN0IGFuZCBubyBzZWVkXG5cdC8vICh0aGUgbGF0dGVyIG9mIHdoaWNoIGd1YXJhbnRlZXMgdXMgY29udGV4dClcblx0aWYgKCBtYXRjaC5sZW5ndGggPT09IDEgKSB7XG5cblx0XHQvLyBSZWR1Y2UgY29udGV4dCBpZiB0aGUgbGVhZGluZyBjb21wb3VuZCBzZWxlY3RvciBpcyBhbiBJRFxuXHRcdHRva2VucyA9IG1hdGNoWyAwIF0gPSBtYXRjaFsgMCBdLnNsaWNlKCAwICk7XG5cdFx0aWYgKCB0b2tlbnMubGVuZ3RoID4gMiAmJiAoIHRva2VuID0gdG9rZW5zWyAwIF0gKS50eXBlID09PSBcIklEXCIgJiZcblx0XHRcdFx0Y29udGV4dC5ub2RlVHlwZSA9PT0gOSAmJiBkb2N1bWVudElzSFRNTCAmJiBFeHByLnJlbGF0aXZlWyB0b2tlbnNbIDEgXS50eXBlIF0gKSB7XG5cblx0XHRcdGNvbnRleHQgPSAoIEV4cHIuZmluZC5JRChcblx0XHRcdFx0dG9rZW4ubWF0Y2hlc1sgMCBdLnJlcGxhY2UoIHJ1bmVzY2FwZSwgZnVuZXNjYXBlICksXG5cdFx0XHRcdGNvbnRleHRcblx0XHRcdCkgfHwgW10gKVsgMCBdO1xuXHRcdFx0aWYgKCAhY29udGV4dCApIHtcblx0XHRcdFx0cmV0dXJuIHJlc3VsdHM7XG5cblx0XHRcdC8vIFByZWNvbXBpbGVkIG1hdGNoZXJzIHdpbGwgc3RpbGwgdmVyaWZ5IGFuY2VzdHJ5LCBzbyBzdGVwIHVwIGEgbGV2ZWxcblx0XHRcdH0gZWxzZSBpZiAoIGNvbXBpbGVkICkge1xuXHRcdFx0XHRjb250ZXh0ID0gY29udGV4dC5wYXJlbnROb2RlO1xuXHRcdFx0fVxuXG5cdFx0XHRzZWxlY3RvciA9IHNlbGVjdG9yLnNsaWNlKCB0b2tlbnMuc2hpZnQoKS52YWx1ZS5sZW5ndGggKTtcblx0XHR9XG5cblx0XHQvLyBGZXRjaCBhIHNlZWQgc2V0IGZvciByaWdodC10by1sZWZ0IG1hdGNoaW5nXG5cdFx0aSA9IG1hdGNoRXhwci5uZWVkc0NvbnRleHQudGVzdCggc2VsZWN0b3IgKSA/IDAgOiB0b2tlbnMubGVuZ3RoO1xuXHRcdHdoaWxlICggaS0tICkge1xuXHRcdFx0dG9rZW4gPSB0b2tlbnNbIGkgXTtcblxuXHRcdFx0Ly8gQWJvcnQgaWYgd2UgaGl0IGEgY29tYmluYXRvclxuXHRcdFx0aWYgKCBFeHByLnJlbGF0aXZlWyAoIHR5cGUgPSB0b2tlbi50eXBlICkgXSApIHtcblx0XHRcdFx0YnJlYWs7XG5cdFx0XHR9XG5cdFx0XHRpZiAoICggZmluZCA9IEV4cHIuZmluZFsgdHlwZSBdICkgKSB7XG5cblx0XHRcdFx0Ly8gU2VhcmNoLCBleHBhbmRpbmcgY29udGV4dCBmb3IgbGVhZGluZyBzaWJsaW5nIGNvbWJpbmF0b3JzXG5cdFx0XHRcdGlmICggKCBzZWVkID0gZmluZChcblx0XHRcdFx0XHR0b2tlbi5tYXRjaGVzWyAwIF0ucmVwbGFjZSggcnVuZXNjYXBlLCBmdW5lc2NhcGUgKSxcblx0XHRcdFx0XHRyc2libGluZy50ZXN0KCB0b2tlbnNbIDAgXS50eXBlICkgJiZcblx0XHRcdFx0XHRcdHRlc3RDb250ZXh0KCBjb250ZXh0LnBhcmVudE5vZGUgKSB8fCBjb250ZXh0XG5cdFx0XHRcdCkgKSApIHtcblxuXHRcdFx0XHRcdC8vIElmIHNlZWQgaXMgZW1wdHkgb3Igbm8gdG9rZW5zIHJlbWFpbiwgd2UgY2FuIHJldHVybiBlYXJseVxuXHRcdFx0XHRcdHRva2Vucy5zcGxpY2UoIGksIDEgKTtcblx0XHRcdFx0XHRzZWxlY3RvciA9IHNlZWQubGVuZ3RoICYmIHRvU2VsZWN0b3IoIHRva2VucyApO1xuXHRcdFx0XHRcdGlmICggIXNlbGVjdG9yICkge1xuXHRcdFx0XHRcdFx0cHVzaC5hcHBseSggcmVzdWx0cywgc2VlZCApO1xuXHRcdFx0XHRcdFx0cmV0dXJuIHJlc3VsdHM7XG5cdFx0XHRcdFx0fVxuXG5cdFx0XHRcdFx0YnJlYWs7XG5cdFx0XHRcdH1cblx0XHRcdH1cblx0XHR9XG5cdH1cblxuXHQvLyBDb21waWxlIGFuZCBleGVjdXRlIGEgZmlsdGVyaW5nIGZ1bmN0aW9uIGlmIG9uZSBpcyBub3QgcHJvdmlkZWRcblx0Ly8gUHJvdmlkZSBgbWF0Y2hgIHRvIGF2b2lkIHJldG9rZW5pemF0aW9uIGlmIHdlIG1vZGlmaWVkIHRoZSBzZWxlY3RvciBhYm92ZVxuXHQoIGNvbXBpbGVkIHx8IGNvbXBpbGUoIHNlbGVjdG9yLCBtYXRjaCApICkoXG5cdFx0c2VlZCxcblx0XHRjb250ZXh0LFxuXHRcdCFkb2N1bWVudElzSFRNTCxcblx0XHRyZXN1bHRzLFxuXHRcdCFjb250ZXh0IHx8IHJzaWJsaW5nLnRlc3QoIHNlbGVjdG9yICkgJiYgdGVzdENvbnRleHQoIGNvbnRleHQucGFyZW50Tm9kZSApIHx8IGNvbnRleHRcblx0KTtcblx0cmV0dXJuIHJlc3VsdHM7XG59XG5cbi8vIE9uZS10aW1lIGFzc2lnbm1lbnRzXG5cbi8vIFN1cHBvcnQ6IEFuZHJvaWQgPD00LjAgLSA0LjErXG4vLyBTb3J0IHN0YWJpbGl0eVxuc3VwcG9ydC5zb3J0U3RhYmxlID0gZXhwYW5kby5zcGxpdCggXCJcIiApLnNvcnQoIHNvcnRPcmRlciApLmpvaW4oIFwiXCIgKSA9PT0gZXhwYW5kbztcblxuLy8gSW5pdGlhbGl6ZSBhZ2FpbnN0IHRoZSBkZWZhdWx0IGRvY3VtZW50XG5zZXREb2N1bWVudCgpO1xuXG4vLyBTdXBwb3J0OiBBbmRyb2lkIDw9NC4wIC0gNC4xK1xuLy8gRGV0YWNoZWQgbm9kZXMgY29uZm91bmRpbmdseSBmb2xsb3cgKmVhY2ggb3RoZXIqXG5zdXBwb3J0LnNvcnREZXRhY2hlZCA9IGFzc2VydCggZnVuY3Rpb24oIGVsICkge1xuXG5cdC8vIFNob3VsZCByZXR1cm4gMSwgYnV0IHJldHVybnMgNCAoZm9sbG93aW5nKVxuXHRyZXR1cm4gZWwuY29tcGFyZURvY3VtZW50UG9zaXRpb24oIGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoIFwiZmllbGRzZXRcIiApICkgJiAxO1xufSApO1xuXG5qUXVlcnkuZmluZCA9IGZpbmQ7XG5cbi8vIERlcHJlY2F0ZWRcbmpRdWVyeS5leHByWyBcIjpcIiBdID0galF1ZXJ5LmV4cHIucHNldWRvcztcbmpRdWVyeS51bmlxdWUgPSBqUXVlcnkudW5pcXVlU29ydDtcblxuLy8gVGhlc2UgaGF2ZSBhbHdheXMgYmVlbiBwcml2YXRlLCBidXQgdGhleSB1c2VkIHRvIGJlIGRvY3VtZW50ZWQgYXMgcGFydCBvZlxuLy8gU2l6emxlIHNvIGxldCdzIG1haW50YWluIHRoZW0gZm9yIG5vdyBmb3IgYmFja3dhcmRzIGNvbXBhdGliaWxpdHkgcHVycG9zZXMuXG5maW5kLmNvbXBpbGUgPSBjb21waWxlO1xuZmluZC5zZWxlY3QgPSBzZWxlY3Q7XG5maW5kLnNldERvY3VtZW50ID0gc2V0RG9jdW1lbnQ7XG5maW5kLnRva2VuaXplID0gdG9rZW5pemU7XG5cbmZpbmQuZXNjYXBlID0galF1ZXJ5LmVzY2FwZVNlbGVjdG9yO1xuZmluZC5nZXRUZXh0ID0galF1ZXJ5LnRleHQ7XG5maW5kLmlzWE1MID0galF1ZXJ5LmlzWE1MRG9jO1xuZmluZC5zZWxlY3RvcnMgPSBqUXVlcnkuZXhwcjtcbmZpbmQuc3VwcG9ydCA9IGpRdWVyeS5zdXBwb3J0O1xuZmluZC51bmlxdWVTb3J0ID0galF1ZXJ5LnVuaXF1ZVNvcnQ7XG5cblx0LyogZXNsaW50LWVuYWJsZSAqL1xuXG59ICkoKTtcblxuXG52YXIgZGlyID0gZnVuY3Rpb24oIGVsZW0sIGRpciwgdW50aWwgKSB7XG5cdHZhciBtYXRjaGVkID0gW10sXG5cdFx0dHJ1bmNhdGUgPSB1bnRpbCAhPT0gdW5kZWZpbmVkO1xuXG5cdHdoaWxlICggKCBlbGVtID0gZWxlbVsgZGlyIF0gKSAmJiBlbGVtLm5vZGVUeXBlICE9PSA5ICkge1xuXHRcdGlmICggZWxlbS5ub2RlVHlwZSA9PT0gMSApIHtcblx0XHRcdGlmICggdHJ1bmNhdGUgJiYgalF1ZXJ5KCBlbGVtICkuaXMoIHVudGlsICkgKSB7XG5cdFx0XHRcdGJyZWFrO1xuXHRcdFx0fVxuXHRcdFx0bWF0Y2hlZC5wdXNoKCBlbGVtICk7XG5cdFx0fVxuXHR9XG5cdHJldHVybiBtYXRjaGVkO1xufTtcblxuXG52YXIgc2libGluZ3MgPSBmdW5jdGlvbiggbiwgZWxlbSApIHtcblx0dmFyIG1hdGNoZWQgPSBbXTtcblxuXHRmb3IgKCA7IG47IG4gPSBuLm5leHRTaWJsaW5nICkge1xuXHRcdGlmICggbi5ub2RlVHlwZSA9PT0gMSAmJiBuICE9PSBlbGVtICkge1xuXHRcdFx0bWF0Y2hlZC5wdXNoKCBuICk7XG5cdFx0fVxuXHR9XG5cblx0cmV0dXJuIG1hdGNoZWQ7XG59O1xuXG5cbnZhciBybmVlZHNDb250ZXh0ID0galF1ZXJ5LmV4cHIubWF0Y2gubmVlZHNDb250ZXh0O1xuXG52YXIgcnNpbmdsZVRhZyA9ICggL148KFthLXpdW15cXC9cXDA+OlxceDIwXFx0XFxyXFxuXFxmXSopW1xceDIwXFx0XFxyXFxuXFxmXSpcXC8/Pig/OjxcXC9cXDE+fCkkL2kgKTtcblxuXG5cbi8vIEltcGxlbWVudCB0aGUgaWRlbnRpY2FsIGZ1bmN0aW9uYWxpdHkgZm9yIGZpbHRlciBhbmQgbm90XG5mdW5jdGlvbiB3aW5ub3coIGVsZW1lbnRzLCBxdWFsaWZpZXIsIG5vdCApIHtcblx0aWYgKCBpc0Z1bmN0aW9uKCBxdWFsaWZpZXIgKSApIHtcblx0XHRyZXR1cm4galF1ZXJ5LmdyZXAoIGVsZW1lbnRzLCBmdW5jdGlvbiggZWxlbSwgaSApIHtcblx0XHRcdHJldHVybiAhIXF1YWxpZmllci5jYWxsKCBlbGVtLCBpLCBlbGVtICkgIT09IG5vdDtcblx0XHR9ICk7XG5cdH1cblxuXHQvLyBTaW5nbGUgZWxlbWVudFxuXHRpZiAoIHF1YWxpZmllci5ub2RlVHlwZSApIHtcblx0XHRyZXR1cm4galF1ZXJ5LmdyZXAoIGVsZW1lbnRzLCBmdW5jdGlvbiggZWxlbSApIHtcblx0XHRcdHJldHVybiAoIGVsZW0gPT09IHF1YWxpZmllciApICE9PSBub3Q7XG5cdFx0fSApO1xuXHR9XG5cblx0Ly8gQXJyYXlsaWtlIG9mIGVsZW1lbnRzIChqUXVlcnksIGFyZ3VtZW50cywgQXJyYXkpXG5cdGlmICggdHlwZW9mIHF1YWxpZmllciAhPT0gXCJzdHJpbmdcIiApIHtcblx0XHRyZXR1cm4galF1ZXJ5LmdyZXAoIGVsZW1lbnRzLCBmdW5jdGlvbiggZWxlbSApIHtcblx0XHRcdHJldHVybiAoIGluZGV4T2YuY2FsbCggcXVhbGlmaWVyLCBlbGVtICkgPiAtMSApICE9PSBub3Q7XG5cdFx0fSApO1xuXHR9XG5cblx0Ly8gRmlsdGVyZWQgZGlyZWN0bHkgZm9yIGJvdGggc2ltcGxlIGFuZCBjb21wbGV4IHNlbGVjdG9yc1xuXHRyZXR1cm4galF1ZXJ5LmZpbHRlciggcXVhbGlmaWVyLCBlbGVtZW50cywgbm90ICk7XG59XG5cbmpRdWVyeS5maWx0ZXIgPSBmdW5jdGlvbiggZXhwciwgZWxlbXMsIG5vdCApIHtcblx0dmFyIGVsZW0gPSBlbGVtc1sgMCBdO1xuXG5cdGlmICggbm90ICkge1xuXHRcdGV4cHIgPSBcIjpub3QoXCIgKyBleHByICsgXCIpXCI7XG5cdH1cblxuXHRpZiAoIGVsZW1zLmxlbmd0aCA9PT0gMSAmJiBlbGVtLm5vZGVUeXBlID09PSAxICkge1xuXHRcdHJldHVybiBqUXVlcnkuZmluZC5tYXRjaGVzU2VsZWN0b3IoIGVsZW0sIGV4cHIgKSA/IFsgZWxlbSBdIDogW107XG5cdH1cblxuXHRyZXR1cm4galF1ZXJ5LmZpbmQubWF0Y2hlcyggZXhwciwgalF1ZXJ5LmdyZXAoIGVsZW1zLCBmdW5jdGlvbiggZWxlbSApIHtcblx0XHRyZXR1cm4gZWxlbS5ub2RlVHlwZSA9PT0gMTtcblx0fSApICk7XG59O1xuXG5qUXVlcnkuZm4uZXh0ZW5kKCB7XG5cdGZpbmQ6IGZ1bmN0aW9uKCBzZWxlY3RvciApIHtcblx0XHR2YXIgaSwgcmV0LFxuXHRcdFx0bGVuID0gdGhpcy5sZW5ndGgsXG5cdFx0XHRzZWxmID0gdGhpcztcblxuXHRcdGlmICggdHlwZW9mIHNlbGVjdG9yICE9PSBcInN0cmluZ1wiICkge1xuXHRcdFx0cmV0dXJuIHRoaXMucHVzaFN0YWNrKCBqUXVlcnkoIHNlbGVjdG9yICkuZmlsdGVyKCBmdW5jdGlvbigpIHtcblx0XHRcdFx0Zm9yICggaSA9IDA7IGkgPCBsZW47IGkrKyApIHtcblx0XHRcdFx0XHRpZiAoIGpRdWVyeS5jb250YWlucyggc2VsZlsgaSBdLCB0aGlzICkgKSB7XG5cdFx0XHRcdFx0XHRyZXR1cm4gdHJ1ZTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdH1cblx0XHRcdH0gKSApO1xuXHRcdH1cblxuXHRcdHJldCA9IHRoaXMucHVzaFN0YWNrKCBbXSApO1xuXG5cdFx0Zm9yICggaSA9IDA7IGkgPCBsZW47IGkrKyApIHtcblx0XHRcdGpRdWVyeS5maW5kKCBzZWxlY3Rvciwgc2VsZlsgaSBdLCByZXQgKTtcblx0XHR9XG5cblx0XHRyZXR1cm4gbGVuID4gMSA/IGpRdWVyeS51bmlxdWVTb3J0KCByZXQgKSA6IHJldDtcblx0fSxcblx0ZmlsdGVyOiBmdW5jdGlvbiggc2VsZWN0b3IgKSB7XG5cdFx0cmV0dXJuIHRoaXMucHVzaFN0YWNrKCB3aW5ub3coIHRoaXMsIHNlbGVjdG9yIHx8IFtdLCBmYWxzZSApICk7XG5cdH0sXG5cdG5vdDogZnVuY3Rpb24oIHNlbGVjdG9yICkge1xuXHRcdHJldHVybiB0aGlzLnB1c2hTdGFjayggd2lubm93KCB0aGlzLCBzZWxlY3RvciB8fCBbXSwgdHJ1ZSApICk7XG5cdH0sXG5cdGlzOiBmdW5jdGlvbiggc2VsZWN0b3IgKSB7XG5cdFx0cmV0dXJuICEhd2lubm93KFxuXHRcdFx0dGhpcyxcblxuXHRcdFx0Ly8gSWYgdGhpcyBpcyBhIHBvc2l0aW9uYWwvcmVsYXRpdmUgc2VsZWN0b3IsIGNoZWNrIG1lbWJlcnNoaXAgaW4gdGhlIHJldHVybmVkIHNldFxuXHRcdFx0Ly8gc28gJChcInA6Zmlyc3RcIikuaXMoXCJwOmxhc3RcIikgd29uJ3QgcmV0dXJuIHRydWUgZm9yIGEgZG9jIHdpdGggdHdvIFwicFwiLlxuXHRcdFx0dHlwZW9mIHNlbGVjdG9yID09PSBcInN0cmluZ1wiICYmIHJuZWVkc0NvbnRleHQudGVzdCggc2VsZWN0b3IgKSA/XG5cdFx0XHRcdGpRdWVyeSggc2VsZWN0b3IgKSA6XG5cdFx0XHRcdHNlbGVjdG9yIHx8IFtdLFxuXHRcdFx0ZmFsc2Vcblx0XHQpLmxlbmd0aDtcblx0fVxufSApO1xuXG5cbi8vIEluaXRpYWxpemUgYSBqUXVlcnkgb2JqZWN0XG5cblxuLy8gQSBjZW50cmFsIHJlZmVyZW5jZSB0byB0aGUgcm9vdCBqUXVlcnkoZG9jdW1lbnQpXG52YXIgcm9vdGpRdWVyeSxcblxuXHQvLyBBIHNpbXBsZSB3YXkgdG8gY2hlY2sgZm9yIEhUTUwgc3RyaW5nc1xuXHQvLyBQcmlvcml0aXplICNpZCBvdmVyIDx0YWc+IHRvIGF2b2lkIFhTUyB2aWEgbG9jYXRpb24uaGFzaCAodHJhYy05NTIxKVxuXHQvLyBTdHJpY3QgSFRNTCByZWNvZ25pdGlvbiAodHJhYy0xMTI5MDogbXVzdCBzdGFydCB3aXRoIDwpXG5cdC8vIFNob3J0Y3V0IHNpbXBsZSAjaWQgY2FzZSBmb3Igc3BlZWRcblx0cnF1aWNrRXhwciA9IC9eKD86XFxzKig8W1xcd1xcV10rPilbXj5dKnwjKFtcXHctXSspKSQvLFxuXG5cdGluaXQgPSBqUXVlcnkuZm4uaW5pdCA9IGZ1bmN0aW9uKCBzZWxlY3RvciwgY29udGV4dCwgcm9vdCApIHtcblx0XHR2YXIgbWF0Y2gsIGVsZW07XG5cblx0XHQvLyBIQU5ETEU6ICQoXCJcIiksICQobnVsbCksICQodW5kZWZpbmVkKSwgJChmYWxzZSlcblx0XHRpZiAoICFzZWxlY3RvciApIHtcblx0XHRcdHJldHVybiB0aGlzO1xuXHRcdH1cblxuXHRcdC8vIE1ldGhvZCBpbml0KCkgYWNjZXB0cyBhbiBhbHRlcm5hdGUgcm9vdGpRdWVyeVxuXHRcdC8vIHNvIG1pZ3JhdGUgY2FuIHN1cHBvcnQgalF1ZXJ5LnN1YiAoZ2gtMjEwMSlcblx0XHRyb290ID0gcm9vdCB8fCByb290alF1ZXJ5O1xuXG5cdFx0Ly8gSGFuZGxlIEhUTUwgc3RyaW5nc1xuXHRcdGlmICggdHlwZW9mIHNlbGVjdG9yID09PSBcInN0cmluZ1wiICkge1xuXHRcdFx0aWYgKCBzZWxlY3RvclsgMCBdID09PSBcIjxcIiAmJlxuXHRcdFx0XHRzZWxlY3Rvclsgc2VsZWN0b3IubGVuZ3RoIC0gMSBdID09PSBcIj5cIiAmJlxuXHRcdFx0XHRzZWxlY3Rvci5sZW5ndGggPj0gMyApIHtcblxuXHRcdFx0XHQvLyBBc3N1bWUgdGhhdCBzdHJpbmdzIHRoYXQgc3RhcnQgYW5kIGVuZCB3aXRoIDw+IGFyZSBIVE1MIGFuZCBza2lwIHRoZSByZWdleCBjaGVja1xuXHRcdFx0XHRtYXRjaCA9IFsgbnVsbCwgc2VsZWN0b3IsIG51bGwgXTtcblxuXHRcdFx0fSBlbHNlIHtcblx0XHRcdFx0bWF0Y2ggPSBycXVpY2tFeHByLmV4ZWMoIHNlbGVjdG9yICk7XG5cdFx0XHR9XG5cblx0XHRcdC8vIE1hdGNoIGh0bWwgb3IgbWFrZSBzdXJlIG5vIGNvbnRleHQgaXMgc3BlY2lmaWVkIGZvciAjaWRcblx0XHRcdGlmICggbWF0Y2ggJiYgKCBtYXRjaFsgMSBdIHx8ICFjb250ZXh0ICkgKSB7XG5cblx0XHRcdFx0Ly8gSEFORExFOiAkKGh0bWwpIC0+ICQoYXJyYXkpXG5cdFx0XHRcdGlmICggbWF0Y2hbIDEgXSApIHtcblx0XHRcdFx0XHRjb250ZXh0ID0gY29udGV4dCBpbnN0YW5jZW9mIGpRdWVyeSA/IGNvbnRleHRbIDAgXSA6IGNvbnRleHQ7XG5cblx0XHRcdFx0XHQvLyBPcHRpb24gdG8gcnVuIHNjcmlwdHMgaXMgdHJ1ZSBmb3IgYmFjay1jb21wYXRcblx0XHRcdFx0XHQvLyBJbnRlbnRpb25hbGx5IGxldCB0aGUgZXJyb3IgYmUgdGhyb3duIGlmIHBhcnNlSFRNTCBpcyBub3QgcHJlc2VudFxuXHRcdFx0XHRcdGpRdWVyeS5tZXJnZSggdGhpcywgalF1ZXJ5LnBhcnNlSFRNTChcblx0XHRcdFx0XHRcdG1hdGNoWyAxIF0sXG5cdFx0XHRcdFx0XHRjb250ZXh0ICYmIGNvbnRleHQubm9kZVR5cGUgPyBjb250ZXh0Lm93bmVyRG9jdW1lbnQgfHwgY29udGV4dCA6IGRvY3VtZW50LFxuXHRcdFx0XHRcdFx0dHJ1ZVxuXHRcdFx0XHRcdCkgKTtcblxuXHRcdFx0XHRcdC8vIEhBTkRMRTogJChodG1sLCBwcm9wcylcblx0XHRcdFx0XHRpZiAoIHJzaW5nbGVUYWcudGVzdCggbWF0Y2hbIDEgXSApICYmIGpRdWVyeS5pc1BsYWluT2JqZWN0KCBjb250ZXh0ICkgKSB7XG5cdFx0XHRcdFx0XHRmb3IgKCBtYXRjaCBpbiBjb250ZXh0ICkge1xuXG5cdFx0XHRcdFx0XHRcdC8vIFByb3BlcnRpZXMgb2YgY29udGV4dCBhcmUgY2FsbGVkIGFzIG1ldGhvZHMgaWYgcG9zc2libGVcblx0XHRcdFx0XHRcdFx0aWYgKCBpc0Z1bmN0aW9uKCB0aGlzWyBtYXRjaCBdICkgKSB7XG5cdFx0XHRcdFx0XHRcdFx0dGhpc1sgbWF0Y2ggXSggY29udGV4dFsgbWF0Y2ggXSApO1xuXG5cdFx0XHRcdFx0XHRcdC8vIC4uLmFuZCBvdGhlcndpc2Ugc2V0IGFzIGF0dHJpYnV0ZXNcblx0XHRcdFx0XHRcdFx0fSBlbHNlIHtcblx0XHRcdFx0XHRcdFx0XHR0aGlzLmF0dHIoIG1hdGNoLCBjb250ZXh0WyBtYXRjaCBdICk7XG5cdFx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHR9XG5cblx0XHRcdFx0XHRyZXR1cm4gdGhpcztcblxuXHRcdFx0XHQvLyBIQU5ETEU6ICQoI2lkKVxuXHRcdFx0XHR9IGVsc2Uge1xuXHRcdFx0XHRcdGVsZW0gPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCggbWF0Y2hbIDIgXSApO1xuXG5cdFx0XHRcdFx0aWYgKCBlbGVtICkge1xuXG5cdFx0XHRcdFx0XHQvLyBJbmplY3QgdGhlIGVsZW1lbnQgZGlyZWN0bHkgaW50byB0aGUgalF1ZXJ5IG9iamVjdFxuXHRcdFx0XHRcdFx0dGhpc1sgMCBdID0gZWxlbTtcblx0XHRcdFx0XHRcdHRoaXMubGVuZ3RoID0gMTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0cmV0dXJuIHRoaXM7XG5cdFx0XHRcdH1cblxuXHRcdFx0Ly8gSEFORExFOiAkKGV4cHIsICQoLi4uKSlcblx0XHRcdH0gZWxzZSBpZiAoICFjb250ZXh0IHx8IGNvbnRleHQuanF1ZXJ5ICkge1xuXHRcdFx0XHRyZXR1cm4gKCBjb250ZXh0IHx8IHJvb3QgKS5maW5kKCBzZWxlY3RvciApO1xuXG5cdFx0XHQvLyBIQU5ETEU6ICQoZXhwciwgY29udGV4dClcblx0XHRcdC8vICh3aGljaCBpcyBqdXN0IGVxdWl2YWxlbnQgdG86ICQoY29udGV4dCkuZmluZChleHByKVxuXHRcdFx0fSBlbHNlIHtcblx0XHRcdFx0cmV0dXJuIHRoaXMuY29uc3RydWN0b3IoIGNvbnRleHQgKS5maW5kKCBzZWxlY3RvciApO1xuXHRcdFx0fVxuXG5cdFx0Ly8gSEFORExFOiAkKERPTUVsZW1lbnQpXG5cdFx0fSBlbHNlIGlmICggc2VsZWN0b3Iubm9kZVR5cGUgKSB7XG5cdFx0XHR0aGlzWyAwIF0gPSBzZWxlY3Rvcjtcblx0XHRcdHRoaXMubGVuZ3RoID0gMTtcblx0XHRcdHJldHVybiB0aGlzO1xuXG5cdFx0Ly8gSEFORExFOiAkKGZ1bmN0aW9uKVxuXHRcdC8vIFNob3J0Y3V0IGZvciBkb2N1bWVudCByZWFkeVxuXHRcdH0gZWxzZSBpZiAoIGlzRnVuY3Rpb24oIHNlbGVjdG9yICkgKSB7XG5cdFx0XHRyZXR1cm4gcm9vdC5yZWFkeSAhPT0gdW5kZWZpbmVkID9cblx0XHRcdFx0cm9vdC5yZWFkeSggc2VsZWN0b3IgKSA6XG5cblx0XHRcdFx0Ly8gRXhlY3V0ZSBpbW1lZGlhdGVseSBpZiByZWFkeSBpcyBub3QgcHJlc2VudFxuXHRcdFx0XHRzZWxlY3RvciggalF1ZXJ5ICk7XG5cdFx0fVxuXG5cdFx0cmV0dXJuIGpRdWVyeS5tYWtlQXJyYXkoIHNlbGVjdG9yLCB0aGlzICk7XG5cdH07XG5cbi8vIEdpdmUgdGhlIGluaXQgZnVuY3Rpb24gdGhlIGpRdWVyeSBwcm90b3R5cGUgZm9yIGxhdGVyIGluc3RhbnRpYXRpb25cbmluaXQucHJvdG90eXBlID0galF1ZXJ5LmZuO1xuXG4vLyBJbml0aWFsaXplIGNlbnRyYWwgcmVmZXJlbmNlXG5yb290alF1ZXJ5ID0galF1ZXJ5KCBkb2N1bWVudCApO1xuXG5cbnZhciBycGFyZW50c3ByZXYgPSAvXig/OnBhcmVudHN8cHJldig/OlVudGlsfEFsbCkpLyxcblxuXHQvLyBNZXRob2RzIGd1YXJhbnRlZWQgdG8gcHJvZHVjZSBhIHVuaXF1ZSBzZXQgd2hlbiBzdGFydGluZyBmcm9tIGEgdW5pcXVlIHNldFxuXHRndWFyYW50ZWVkVW5pcXVlID0ge1xuXHRcdGNoaWxkcmVuOiB0cnVlLFxuXHRcdGNvbnRlbnRzOiB0cnVlLFxuXHRcdG5leHQ6IHRydWUsXG5cdFx0cHJldjogdHJ1ZVxuXHR9O1xuXG5qUXVlcnkuZm4uZXh0ZW5kKCB7XG5cdGhhczogZnVuY3Rpb24oIHRhcmdldCApIHtcblx0XHR2YXIgdGFyZ2V0cyA9IGpRdWVyeSggdGFyZ2V0LCB0aGlzICksXG5cdFx0XHRsID0gdGFyZ2V0cy5sZW5ndGg7XG5cblx0XHRyZXR1cm4gdGhpcy5maWx0ZXIoIGZ1bmN0aW9uKCkge1xuXHRcdFx0dmFyIGkgPSAwO1xuXHRcdFx0Zm9yICggOyBpIDwgbDsgaSsrICkge1xuXHRcdFx0XHRpZiAoIGpRdWVyeS5jb250YWlucyggdGhpcywgdGFyZ2V0c1sgaSBdICkgKSB7XG5cdFx0XHRcdFx0cmV0dXJuIHRydWU7XG5cdFx0XHRcdH1cblx0XHRcdH1cblx0XHR9ICk7XG5cdH0sXG5cblx0Y2xvc2VzdDogZnVuY3Rpb24oIHNlbGVjdG9ycywgY29udGV4dCApIHtcblx0XHR2YXIgY3VyLFxuXHRcdFx0aSA9IDAsXG5cdFx0XHRsID0gdGhpcy5sZW5ndGgsXG5cdFx0XHRtYXRjaGVkID0gW10sXG5cdFx0XHR0YXJnZXRzID0gdHlwZW9mIHNlbGVjdG9ycyAhPT0gXCJzdHJpbmdcIiAmJiBqUXVlcnkoIHNlbGVjdG9ycyApO1xuXG5cdFx0Ly8gUG9zaXRpb25hbCBzZWxlY3RvcnMgbmV2ZXIgbWF0Y2gsIHNpbmNlIHRoZXJlJ3Mgbm8gX3NlbGVjdGlvbl8gY29udGV4dFxuXHRcdGlmICggIXJuZWVkc0NvbnRleHQudGVzdCggc2VsZWN0b3JzICkgKSB7XG5cdFx0XHRmb3IgKCA7IGkgPCBsOyBpKysgKSB7XG5cdFx0XHRcdGZvciAoIGN1ciA9IHRoaXNbIGkgXTsgY3VyICYmIGN1ciAhPT0gY29udGV4dDsgY3VyID0gY3VyLnBhcmVudE5vZGUgKSB7XG5cblx0XHRcdFx0XHQvLyBBbHdheXMgc2tpcCBkb2N1bWVudCBmcmFnbWVudHNcblx0XHRcdFx0XHRpZiAoIGN1ci5ub2RlVHlwZSA8IDExICYmICggdGFyZ2V0cyA/XG5cdFx0XHRcdFx0XHR0YXJnZXRzLmluZGV4KCBjdXIgKSA+IC0xIDpcblxuXHRcdFx0XHRcdFx0Ly8gRG9uJ3QgcGFzcyBub24tZWxlbWVudHMgdG8galF1ZXJ5I2ZpbmRcblx0XHRcdFx0XHRcdGN1ci5ub2RlVHlwZSA9PT0gMSAmJlxuXHRcdFx0XHRcdFx0XHRqUXVlcnkuZmluZC5tYXRjaGVzU2VsZWN0b3IoIGN1ciwgc2VsZWN0b3JzICkgKSApIHtcblxuXHRcdFx0XHRcdFx0bWF0Y2hlZC5wdXNoKCBjdXIgKTtcblx0XHRcdFx0XHRcdGJyZWFrO1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0fVxuXHRcdFx0fVxuXHRcdH1cblxuXHRcdHJldHVybiB0aGlzLnB1c2hTdGFjayggbWF0Y2hlZC5sZW5ndGggPiAxID8galF1ZXJ5LnVuaXF1ZVNvcnQoIG1hdGNoZWQgKSA6IG1hdGNoZWQgKTtcblx0fSxcblxuXHQvLyBEZXRlcm1pbmUgdGhlIHBvc2l0aW9uIG9mIGFuIGVsZW1lbnQgd2l0aGluIHRoZSBzZXRcblx0aW5kZXg6IGZ1bmN0aW9uKCBlbGVtICkge1xuXG5cdFx0Ly8gTm8gYXJndW1lbnQsIHJldHVybiBpbmRleCBpbiBwYXJlbnRcblx0XHRpZiAoICFlbGVtICkge1xuXHRcdFx0cmV0dXJuICggdGhpc1sgMCBdICYmIHRoaXNbIDAgXS5wYXJlbnROb2RlICkgPyB0aGlzLmZpcnN0KCkucHJldkFsbCgpLmxlbmd0aCA6IC0xO1xuXHRcdH1cblxuXHRcdC8vIEluZGV4IGluIHNlbGVjdG9yXG5cdFx0aWYgKCB0eXBlb2YgZWxlbSA9PT0gXCJzdHJpbmdcIiApIHtcblx0XHRcdHJldHVybiBpbmRleE9mLmNhbGwoIGpRdWVyeSggZWxlbSApLCB0aGlzWyAwIF0gKTtcblx0XHR9XG5cblx0XHQvLyBMb2NhdGUgdGhlIHBvc2l0aW9uIG9mIHRoZSBkZXNpcmVkIGVsZW1lbnRcblx0XHRyZXR1cm4gaW5kZXhPZi5jYWxsKCB0aGlzLFxuXG5cdFx0XHQvLyBJZiBpdCByZWNlaXZlcyBhIGpRdWVyeSBvYmplY3QsIHRoZSBmaXJzdCBlbGVtZW50IGlzIHVzZWRcblx0XHRcdGVsZW0uanF1ZXJ5ID8gZWxlbVsgMCBdIDogZWxlbVxuXHRcdCk7XG5cdH0sXG5cblx0YWRkOiBmdW5jdGlvbiggc2VsZWN0b3IsIGNvbnRleHQgKSB7XG5cdFx0cmV0dXJuIHRoaXMucHVzaFN0YWNrKFxuXHRcdFx0alF1ZXJ5LnVuaXF1ZVNvcnQoXG5cdFx0XHRcdGpRdWVyeS5tZXJnZSggdGhpcy5nZXQoKSwgalF1ZXJ5KCBzZWxlY3RvciwgY29udGV4dCApIClcblx0XHRcdClcblx0XHQpO1xuXHR9LFxuXG5cdGFkZEJhY2s6IGZ1bmN0aW9uKCBzZWxlY3RvciApIHtcblx0XHRyZXR1cm4gdGhpcy5hZGQoIHNlbGVjdG9yID09IG51bGwgP1xuXHRcdFx0dGhpcy5wcmV2T2JqZWN0IDogdGhpcy5wcmV2T2JqZWN0LmZpbHRlciggc2VsZWN0b3IgKVxuXHRcdCk7XG5cdH1cbn0gKTtcblxuZnVuY3Rpb24gc2libGluZyggY3VyLCBkaXIgKSB7XG5cdHdoaWxlICggKCBjdXIgPSBjdXJbIGRpciBdICkgJiYgY3VyLm5vZGVUeXBlICE9PSAxICkge31cblx0cmV0dXJuIGN1cjtcbn1cblxualF1ZXJ5LmVhY2goIHtcblx0cGFyZW50OiBmdW5jdGlvbiggZWxlbSApIHtcblx0XHR2YXIgcGFyZW50ID0gZWxlbS5wYXJlbnROb2RlO1xuXHRcdHJldHVybiBwYXJlbnQgJiYgcGFyZW50Lm5vZGVUeXBlICE9PSAxMSA/IHBhcmVudCA6IG51bGw7XG5cdH0sXG5cdHBhcmVudHM6IGZ1bmN0aW9uKCBlbGVtICkge1xuXHRcdHJldHVybiBkaXIoIGVsZW0sIFwicGFyZW50Tm9kZVwiICk7XG5cdH0sXG5cdHBhcmVudHNVbnRpbDogZnVuY3Rpb24oIGVsZW0sIF9pLCB1bnRpbCApIHtcblx0XHRyZXR1cm4gZGlyKCBlbGVtLCBcInBhcmVudE5vZGVcIiwgdW50aWwgKTtcblx0fSxcblx0bmV4dDogZnVuY3Rpb24oIGVsZW0gKSB7XG5cdFx0cmV0dXJuIHNpYmxpbmcoIGVsZW0sIFwibmV4dFNpYmxpbmdcIiApO1xuXHR9LFxuXHRwcmV2OiBmdW5jdGlvbiggZWxlbSApIHtcblx0XHRyZXR1cm4gc2libGluZyggZWxlbSwgXCJwcmV2aW91c1NpYmxpbmdcIiApO1xuXHR9LFxuXHRuZXh0QWxsOiBmdW5jdGlvbiggZWxlbSApIHtcblx0XHRyZXR1cm4gZGlyKCBlbGVtLCBcIm5leHRTaWJsaW5nXCIgKTtcblx0fSxcblx0cHJldkFsbDogZnVuY3Rpb24oIGVsZW0gKSB7XG5cdFx0cmV0dXJuIGRpciggZWxlbSwgXCJwcmV2aW91c1NpYmxpbmdcIiApO1xuXHR9LFxuXHRuZXh0VW50aWw6IGZ1bmN0aW9uKCBlbGVtLCBfaSwgdW50aWwgKSB7XG5cdFx0cmV0dXJuIGRpciggZWxlbSwgXCJuZXh0U2libGluZ1wiLCB1bnRpbCApO1xuXHR9LFxuXHRwcmV2VW50aWw6IGZ1bmN0aW9uKCBlbGVtLCBfaSwgdW50aWwgKSB7XG5cdFx0cmV0dXJuIGRpciggZWxlbSwgXCJwcmV2aW91c1NpYmxpbmdcIiwgdW50aWwgKTtcblx0fSxcblx0c2libGluZ3M6IGZ1bmN0aW9uKCBlbGVtICkge1xuXHRcdHJldHVybiBzaWJsaW5ncyggKCBlbGVtLnBhcmVudE5vZGUgfHwge30gKS5maXJzdENoaWxkLCBlbGVtICk7XG5cdH0sXG5cdGNoaWxkcmVuOiBmdW5jdGlvbiggZWxlbSApIHtcblx0XHRyZXR1cm4gc2libGluZ3MoIGVsZW0uZmlyc3RDaGlsZCApO1xuXHR9LFxuXHRjb250ZW50czogZnVuY3Rpb24oIGVsZW0gKSB7XG5cdFx0aWYgKCBlbGVtLmNvbnRlbnREb2N1bWVudCAhPSBudWxsICYmXG5cblx0XHRcdC8vIFN1cHBvcnQ6IElFIDExK1xuXHRcdFx0Ly8gPG9iamVjdD4gZWxlbWVudHMgd2l0aCBubyBgZGF0YWAgYXR0cmlidXRlIGhhcyBhbiBvYmplY3Rcblx0XHRcdC8vIGBjb250ZW50RG9jdW1lbnRgIHdpdGggYSBgbnVsbGAgcHJvdG90eXBlLlxuXHRcdFx0Z2V0UHJvdG8oIGVsZW0uY29udGVudERvY3VtZW50ICkgKSB7XG5cblx0XHRcdHJldHVybiBlbGVtLmNvbnRlbnREb2N1bWVudDtcblx0XHR9XG5cblx0XHQvLyBTdXBwb3J0OiBJRSA5IC0gMTEgb25seSwgaU9TIDcgb25seSwgQW5kcm9pZCBCcm93c2VyIDw9NC4zIG9ubHlcblx0XHQvLyBUcmVhdCB0aGUgdGVtcGxhdGUgZWxlbWVudCBhcyBhIHJlZ3VsYXIgb25lIGluIGJyb3dzZXJzIHRoYXRcblx0XHQvLyBkb24ndCBzdXBwb3J0IGl0LlxuXHRcdGlmICggbm9kZU5hbWUoIGVsZW0sIFwidGVtcGxhdGVcIiApICkge1xuXHRcdFx0ZWxlbSA9IGVsZW0uY29udGVudCB8fCBlbGVtO1xuXHRcdH1cblxuXHRcdHJldHVybiBqUXVlcnkubWVyZ2UoIFtdLCBlbGVtLmNoaWxkTm9kZXMgKTtcblx0fVxufSwgZnVuY3Rpb24oIG5hbWUsIGZuICkge1xuXHRqUXVlcnkuZm5bIG5hbWUgXSA9IGZ1bmN0aW9uKCB1bnRpbCwgc2VsZWN0b3IgKSB7XG5cdFx0dmFyIG1hdGNoZWQgPSBqUXVlcnkubWFwKCB0aGlzLCBmbiwgdW50aWwgKTtcblxuXHRcdGlmICggbmFtZS5zbGljZSggLTUgKSAhPT0gXCJVbnRpbFwiICkge1xuXHRcdFx0c2VsZWN0b3IgPSB1bnRpbDtcblx0XHR9XG5cblx0XHRpZiAoIHNlbGVjdG9yICYmIHR5cGVvZiBzZWxlY3RvciA9PT0gXCJzdHJpbmdcIiApIHtcblx0XHRcdG1hdGNoZWQgPSBqUXVlcnkuZmlsdGVyKCBzZWxlY3RvciwgbWF0Y2hlZCApO1xuXHRcdH1cblxuXHRcdGlmICggdGhpcy5sZW5ndGggPiAxICkge1xuXG5cdFx0XHQvLyBSZW1vdmUgZHVwbGljYXRlc1xuXHRcdFx0aWYgKCAhZ3VhcmFudGVlZFVuaXF1ZVsgbmFtZSBdICkge1xuXHRcdFx0XHRqUXVlcnkudW5pcXVlU29ydCggbWF0Y2hlZCApO1xuXHRcdFx0fVxuXG5cdFx0XHQvLyBSZXZlcnNlIG9yZGVyIGZvciBwYXJlbnRzKiBhbmQgcHJldi1kZXJpdmF0aXZlc1xuXHRcdFx0aWYgKCBycGFyZW50c3ByZXYudGVzdCggbmFtZSApICkge1xuXHRcdFx0XHRtYXRjaGVkLnJldmVyc2UoKTtcblx0XHRcdH1cblx0XHR9XG5cblx0XHRyZXR1cm4gdGhpcy5wdXNoU3RhY2soIG1hdGNoZWQgKTtcblx0fTtcbn0gKTtcbnZhciBybm90aHRtbHdoaXRlID0gKCAvW15cXHgyMFxcdFxcclxcblxcZl0rL2cgKTtcblxuXG5cbi8vIENvbnZlcnQgU3RyaW5nLWZvcm1hdHRlZCBvcHRpb25zIGludG8gT2JqZWN0LWZvcm1hdHRlZCBvbmVzXG5mdW5jdGlvbiBjcmVhdGVPcHRpb25zKCBvcHRpb25zICkge1xuXHR2YXIgb2JqZWN0ID0ge307XG5cdGpRdWVyeS5lYWNoKCBvcHRpb25zLm1hdGNoKCBybm90aHRtbHdoaXRlICkgfHwgW10sIGZ1bmN0aW9uKCBfLCBmbGFnICkge1xuXHRcdG9iamVjdFsgZmxhZyBdID0gdHJ1ZTtcblx0fSApO1xuXHRyZXR1cm4gb2JqZWN0O1xufVxuXG4vKlxuICogQ3JlYXRlIGEgY2FsbGJhY2sgbGlzdCB1c2luZyB0aGUgZm9sbG93aW5nIHBhcmFtZXRlcnM6XG4gKlxuICpcdG9wdGlvbnM6IGFuIG9wdGlvbmFsIGxpc3Qgb2Ygc3BhY2Utc2VwYXJhdGVkIG9wdGlvbnMgdGhhdCB3aWxsIGNoYW5nZSBob3dcbiAqXHRcdFx0dGhlIGNhbGxiYWNrIGxpc3QgYmVoYXZlcyBvciBhIG1vcmUgdHJhZGl0aW9uYWwgb3B0aW9uIG9iamVjdFxuICpcbiAqIEJ5IGRlZmF1bHQgYSBjYWxsYmFjayBsaXN0IHdpbGwgYWN0IGxpa2UgYW4gZXZlbnQgY2FsbGJhY2sgbGlzdCBhbmQgY2FuIGJlXG4gKiBcImZpcmVkXCIgbXVsdGlwbGUgdGltZXMuXG4gKlxuICogUG9zc2libGUgb3B0aW9uczpcbiAqXG4gKlx0b25jZTpcdFx0XHR3aWxsIGVuc3VyZSB0aGUgY2FsbGJhY2sgbGlzdCBjYW4gb25seSBiZSBmaXJlZCBvbmNlIChsaWtlIGEgRGVmZXJyZWQpXG4gKlxuICpcdG1lbW9yeTpcdFx0XHR3aWxsIGtlZXAgdHJhY2sgb2YgcHJldmlvdXMgdmFsdWVzIGFuZCB3aWxsIGNhbGwgYW55IGNhbGxiYWNrIGFkZGVkXG4gKlx0XHRcdFx0XHRhZnRlciB0aGUgbGlzdCBoYXMgYmVlbiBmaXJlZCByaWdodCBhd2F5IHdpdGggdGhlIGxhdGVzdCBcIm1lbW9yaXplZFwiXG4gKlx0XHRcdFx0XHR2YWx1ZXMgKGxpa2UgYSBEZWZlcnJlZClcbiAqXG4gKlx0dW5pcXVlOlx0XHRcdHdpbGwgZW5zdXJlIGEgY2FsbGJhY2sgY2FuIG9ubHkgYmUgYWRkZWQgb25jZSAobm8gZHVwbGljYXRlIGluIHRoZSBsaXN0KVxuICpcbiAqXHRzdG9wT25GYWxzZTpcdGludGVycnVwdCBjYWxsaW5ncyB3aGVuIGEgY2FsbGJhY2sgcmV0dXJucyBmYWxzZVxuICpcbiAqL1xualF1ZXJ5LkNhbGxiYWNrcyA9IGZ1bmN0aW9uKCBvcHRpb25zICkge1xuXG5cdC8vIENvbnZlcnQgb3B0aW9ucyBmcm9tIFN0cmluZy1mb3JtYXR0ZWQgdG8gT2JqZWN0LWZvcm1hdHRlZCBpZiBuZWVkZWRcblx0Ly8gKHdlIGNoZWNrIGluIGNhY2hlIGZpcnN0KVxuXHRvcHRpb25zID0gdHlwZW9mIG9wdGlvbnMgPT09IFwic3RyaW5nXCIgP1xuXHRcdGNyZWF0ZU9wdGlvbnMoIG9wdGlvbnMgKSA6XG5cdFx0alF1ZXJ5LmV4dGVuZCgge30sIG9wdGlvbnMgKTtcblxuXHR2YXIgLy8gRmxhZyB0byBrbm93IGlmIGxpc3QgaXMgY3VycmVudGx5IGZpcmluZ1xuXHRcdGZpcmluZyxcblxuXHRcdC8vIExhc3QgZmlyZSB2YWx1ZSBmb3Igbm9uLWZvcmdldHRhYmxlIGxpc3RzXG5cdFx0bWVtb3J5LFxuXG5cdFx0Ly8gRmxhZyB0byBrbm93IGlmIGxpc3Qgd2FzIGFscmVhZHkgZmlyZWRcblx0XHRmaXJlZCxcblxuXHRcdC8vIEZsYWcgdG8gcHJldmVudCBmaXJpbmdcblx0XHRsb2NrZWQsXG5cblx0XHQvLyBBY3R1YWwgY2FsbGJhY2sgbGlzdFxuXHRcdGxpc3QgPSBbXSxcblxuXHRcdC8vIFF1ZXVlIG9mIGV4ZWN1dGlvbiBkYXRhIGZvciByZXBlYXRhYmxlIGxpc3RzXG5cdFx0cXVldWUgPSBbXSxcblxuXHRcdC8vIEluZGV4IG9mIGN1cnJlbnRseSBmaXJpbmcgY2FsbGJhY2sgKG1vZGlmaWVkIGJ5IGFkZC9yZW1vdmUgYXMgbmVlZGVkKVxuXHRcdGZpcmluZ0luZGV4ID0gLTEsXG5cblx0XHQvLyBGaXJlIGNhbGxiYWNrc1xuXHRcdGZpcmUgPSBmdW5jdGlvbigpIHtcblxuXHRcdFx0Ly8gRW5mb3JjZSBzaW5nbGUtZmlyaW5nXG5cdFx0XHRsb2NrZWQgPSBsb2NrZWQgfHwgb3B0aW9ucy5vbmNlO1xuXG5cdFx0XHQvLyBFeGVjdXRlIGNhbGxiYWNrcyBmb3IgYWxsIHBlbmRpbmcgZXhlY3V0aW9ucyxcblx0XHRcdC8vIHJlc3BlY3RpbmcgZmlyaW5nSW5kZXggb3ZlcnJpZGVzIGFuZCBydW50aW1lIGNoYW5nZXNcblx0XHRcdGZpcmVkID0gZmlyaW5nID0gdHJ1ZTtcblx0XHRcdGZvciAoIDsgcXVldWUubGVuZ3RoOyBmaXJpbmdJbmRleCA9IC0xICkge1xuXHRcdFx0XHRtZW1vcnkgPSBxdWV1ZS5zaGlmdCgpO1xuXHRcdFx0XHR3aGlsZSAoICsrZmlyaW5nSW5kZXggPCBsaXN0Lmxlbmd0aCApIHtcblxuXHRcdFx0XHRcdC8vIFJ1biBjYWxsYmFjayBhbmQgY2hlY2sgZm9yIGVhcmx5IHRlcm1pbmF0aW9uXG5cdFx0XHRcdFx0aWYgKCBsaXN0WyBmaXJpbmdJbmRleCBdLmFwcGx5KCBtZW1vcnlbIDAgXSwgbWVtb3J5WyAxIF0gKSA9PT0gZmFsc2UgJiZcblx0XHRcdFx0XHRcdG9wdGlvbnMuc3RvcE9uRmFsc2UgKSB7XG5cblx0XHRcdFx0XHRcdC8vIEp1bXAgdG8gZW5kIGFuZCBmb3JnZXQgdGhlIGRhdGEgc28gLmFkZCBkb2Vzbid0IHJlLWZpcmVcblx0XHRcdFx0XHRcdGZpcmluZ0luZGV4ID0gbGlzdC5sZW5ndGg7XG5cdFx0XHRcdFx0XHRtZW1vcnkgPSBmYWxzZTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdH1cblx0XHRcdH1cblxuXHRcdFx0Ly8gRm9yZ2V0IHRoZSBkYXRhIGlmIHdlJ3JlIGRvbmUgd2l0aCBpdFxuXHRcdFx0aWYgKCAhb3B0aW9ucy5tZW1vcnkgKSB7XG5cdFx0XHRcdG1lbW9yeSA9IGZhbHNlO1xuXHRcdFx0fVxuXG5cdFx0XHRmaXJpbmcgPSBmYWxzZTtcblxuXHRcdFx0Ly8gQ2xlYW4gdXAgaWYgd2UncmUgZG9uZSBmaXJpbmcgZm9yIGdvb2Rcblx0XHRcdGlmICggbG9ja2VkICkge1xuXG5cdFx0XHRcdC8vIEtlZXAgYW4gZW1wdHkgbGlzdCBpZiB3ZSBoYXZlIGRhdGEgZm9yIGZ1dHVyZSBhZGQgY2FsbHNcblx0XHRcdFx0aWYgKCBtZW1vcnkgKSB7XG5cdFx0XHRcdFx0bGlzdCA9IFtdO1xuXG5cdFx0XHRcdC8vIE90aGVyd2lzZSwgdGhpcyBvYmplY3QgaXMgc3BlbnRcblx0XHRcdFx0fSBlbHNlIHtcblx0XHRcdFx0XHRsaXN0ID0gXCJcIjtcblx0XHRcdFx0fVxuXHRcdFx0fVxuXHRcdH0sXG5cblx0XHQvLyBBY3R1YWwgQ2FsbGJhY2tzIG9iamVjdFxuXHRcdHNlbGYgPSB7XG5cblx0XHRcdC8vIEFkZCBhIGNhbGxiYWNrIG9yIGEgY29sbGVjdGlvbiBvZiBjYWxsYmFja3MgdG8gdGhlIGxpc3Rcblx0XHRcdGFkZDogZnVuY3Rpb24oKSB7XG5cdFx0XHRcdGlmICggbGlzdCApIHtcblxuXHRcdFx0XHRcdC8vIElmIHdlIGhhdmUgbWVtb3J5IGZyb20gYSBwYXN0IHJ1biwgd2Ugc2hvdWxkIGZpcmUgYWZ0ZXIgYWRkaW5nXG5cdFx0XHRcdFx0aWYgKCBtZW1vcnkgJiYgIWZpcmluZyApIHtcblx0XHRcdFx0XHRcdGZpcmluZ0luZGV4ID0gbGlzdC5sZW5ndGggLSAxO1xuXHRcdFx0XHRcdFx0cXVldWUucHVzaCggbWVtb3J5ICk7XG5cdFx0XHRcdFx0fVxuXG5cdFx0XHRcdFx0KCBmdW5jdGlvbiBhZGQoIGFyZ3MgKSB7XG5cdFx0XHRcdFx0XHRqUXVlcnkuZWFjaCggYXJncywgZnVuY3Rpb24oIF8sIGFyZyApIHtcblx0XHRcdFx0XHRcdFx0aWYgKCBpc0Z1bmN0aW9uKCBhcmcgKSApIHtcblx0XHRcdFx0XHRcdFx0XHRpZiAoICFvcHRpb25zLnVuaXF1ZSB8fCAhc2VsZi5oYXMoIGFyZyApICkge1xuXHRcdFx0XHRcdFx0XHRcdFx0bGlzdC5wdXNoKCBhcmcgKTtcblx0XHRcdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0XHRcdH0gZWxzZSBpZiAoIGFyZyAmJiBhcmcubGVuZ3RoICYmIHRvVHlwZSggYXJnICkgIT09IFwic3RyaW5nXCIgKSB7XG5cblx0XHRcdFx0XHRcdFx0XHQvLyBJbnNwZWN0IHJlY3Vyc2l2ZWx5XG5cdFx0XHRcdFx0XHRcdFx0YWRkKCBhcmcgKTtcblx0XHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0fSApO1xuXHRcdFx0XHRcdH0gKSggYXJndW1lbnRzICk7XG5cblx0XHRcdFx0XHRpZiAoIG1lbW9yeSAmJiAhZmlyaW5nICkge1xuXHRcdFx0XHRcdFx0ZmlyZSgpO1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0fVxuXHRcdFx0XHRyZXR1cm4gdGhpcztcblx0XHRcdH0sXG5cblx0XHRcdC8vIFJlbW92ZSBhIGNhbGxiYWNrIGZyb20gdGhlIGxpc3Rcblx0XHRcdHJlbW92ZTogZnVuY3Rpb24oKSB7XG5cdFx0XHRcdGpRdWVyeS5lYWNoKCBhcmd1bWVudHMsIGZ1bmN0aW9uKCBfLCBhcmcgKSB7XG5cdFx0XHRcdFx0dmFyIGluZGV4O1xuXHRcdFx0XHRcdHdoaWxlICggKCBpbmRleCA9IGpRdWVyeS5pbkFycmF5KCBhcmcsIGxpc3QsIGluZGV4ICkgKSA+IC0xICkge1xuXHRcdFx0XHRcdFx0bGlzdC5zcGxpY2UoIGluZGV4LCAxICk7XG5cblx0XHRcdFx0XHRcdC8vIEhhbmRsZSBmaXJpbmcgaW5kZXhlc1xuXHRcdFx0XHRcdFx0aWYgKCBpbmRleCA8PSBmaXJpbmdJbmRleCApIHtcblx0XHRcdFx0XHRcdFx0ZmlyaW5nSW5kZXgtLTtcblx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHR9XG5cdFx0XHRcdH0gKTtcblx0XHRcdFx0cmV0dXJuIHRoaXM7XG5cdFx0XHR9LFxuXG5cdFx0XHQvLyBDaGVjayBpZiBhIGdpdmVuIGNhbGxiYWNrIGlzIGluIHRoZSBsaXN0LlxuXHRcdFx0Ly8gSWYgbm8gYXJndW1lbnQgaXMgZ2l2ZW4sIHJldHVybiB3aGV0aGVyIG9yIG5vdCBsaXN0IGhhcyBjYWxsYmFja3MgYXR0YWNoZWQuXG5cdFx0XHRoYXM6IGZ1bmN0aW9uKCBmbiApIHtcblx0XHRcdFx0cmV0dXJuIGZuID9cblx0XHRcdFx0XHRqUXVlcnkuaW5BcnJheSggZm4sIGxpc3QgKSA+IC0xIDpcblx0XHRcdFx0XHRsaXN0Lmxlbmd0aCA+IDA7XG5cdFx0XHR9LFxuXG5cdFx0XHQvLyBSZW1vdmUgYWxsIGNhbGxiYWNrcyBmcm9tIHRoZSBsaXN0XG5cdFx0XHRlbXB0eTogZnVuY3Rpb24oKSB7XG5cdFx0XHRcdGlmICggbGlzdCApIHtcblx0XHRcdFx0XHRsaXN0ID0gW107XG5cdFx0XHRcdH1cblx0XHRcdFx0cmV0dXJuIHRoaXM7XG5cdFx0XHR9LFxuXG5cdFx0XHQvLyBEaXNhYmxlIC5maXJlIGFuZCAuYWRkXG5cdFx0XHQvLyBBYm9ydCBhbnkgY3VycmVudC9wZW5kaW5nIGV4ZWN1dGlvbnNcblx0XHRcdC8vIENsZWFyIGFsbCBjYWxsYmFja3MgYW5kIHZhbHVlc1xuXHRcdFx0ZGlzYWJsZTogZnVuY3Rpb24oKSB7XG5cdFx0XHRcdGxvY2tlZCA9IHF1ZXVlID0gW107XG5cdFx0XHRcdGxpc3QgPSBtZW1vcnkgPSBcIlwiO1xuXHRcdFx0XHRyZXR1cm4gdGhpcztcblx0XHRcdH0sXG5cdFx0XHRkaXNhYmxlZDogZnVuY3Rpb24oKSB7XG5cdFx0XHRcdHJldHVybiAhbGlzdDtcblx0XHRcdH0sXG5cblx0XHRcdC8vIERpc2FibGUgLmZpcmVcblx0XHRcdC8vIEFsc28gZGlzYWJsZSAuYWRkIHVubGVzcyB3ZSBoYXZlIG1lbW9yeSAoc2luY2UgaXQgd291bGQgaGF2ZSBubyBlZmZlY3QpXG5cdFx0XHQvLyBBYm9ydCBhbnkgcGVuZGluZyBleGVjdXRpb25zXG5cdFx0XHRsb2NrOiBmdW5jdGlvbigpIHtcblx0XHRcdFx0bG9ja2VkID0gcXVldWUgPSBbXTtcblx0XHRcdFx0aWYgKCAhbWVtb3J5ICYmICFmaXJpbmcgKSB7XG5cdFx0XHRcdFx0bGlzdCA9IG1lbW9yeSA9IFwiXCI7XG5cdFx0XHRcdH1cblx0XHRcdFx0cmV0dXJuIHRoaXM7XG5cdFx0XHR9LFxuXHRcdFx0bG9ja2VkOiBmdW5jdGlvbigpIHtcblx0XHRcdFx0cmV0dXJuICEhbG9ja2VkO1xuXHRcdFx0fSxcblxuXHRcdFx0Ly8gQ2FsbCBhbGwgY2FsbGJhY2tzIHdpdGggdGhlIGdpdmVuIGNvbnRleHQgYW5kIGFyZ3VtZW50c1xuXHRcdFx0ZmlyZVdpdGg6IGZ1bmN0aW9uKCBjb250ZXh0LCBhcmdzICkge1xuXHRcdFx0XHRpZiAoICFsb2NrZWQgKSB7XG5cdFx0XHRcdFx0YXJncyA9IGFyZ3MgfHwgW107XG5cdFx0XHRcdFx0YXJncyA9IFsgY29udGV4dCwgYXJncy5zbGljZSA/IGFyZ3Muc2xpY2UoKSA6IGFyZ3MgXTtcblx0XHRcdFx0XHRxdWV1ZS5wdXNoKCBhcmdzICk7XG5cdFx0XHRcdFx0aWYgKCAhZmlyaW5nICkge1xuXHRcdFx0XHRcdFx0ZmlyZSgpO1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0fVxuXHRcdFx0XHRyZXR1cm4gdGhpcztcblx0XHRcdH0sXG5cblx0XHRcdC8vIENhbGwgYWxsIHRoZSBjYWxsYmFja3Mgd2l0aCB0aGUgZ2l2ZW4gYXJndW1lbnRzXG5cdFx0XHRmaXJlOiBmdW5jdGlvbigpIHtcblx0XHRcdFx0c2VsZi5maXJlV2l0aCggdGhpcywgYXJndW1lbnRzICk7XG5cdFx0XHRcdHJldHVybiB0aGlzO1xuXHRcdFx0fSxcblxuXHRcdFx0Ly8gVG8ga25vdyBpZiB0aGUgY2FsbGJhY2tzIGhhdmUgYWxyZWFkeSBiZWVuIGNhbGxlZCBhdCBsZWFzdCBvbmNlXG5cdFx0XHRmaXJlZDogZnVuY3Rpb24oKSB7XG5cdFx0XHRcdHJldHVybiAhIWZpcmVkO1xuXHRcdFx0fVxuXHRcdH07XG5cblx0cmV0dXJuIHNlbGY7XG59O1xuXG5cbmZ1bmN0aW9uIElkZW50aXR5KCB2ICkge1xuXHRyZXR1cm4gdjtcbn1cbmZ1bmN0aW9uIFRocm93ZXIoIGV4ICkge1xuXHR0aHJvdyBleDtcbn1cblxuZnVuY3Rpb24gYWRvcHRWYWx1ZSggdmFsdWUsIHJlc29sdmUsIHJlamVjdCwgbm9WYWx1ZSApIHtcblx0dmFyIG1ldGhvZDtcblxuXHR0cnkge1xuXG5cdFx0Ly8gQ2hlY2sgZm9yIHByb21pc2UgYXNwZWN0IGZpcnN0IHRvIHByaXZpbGVnZSBzeW5jaHJvbm91cyBiZWhhdmlvclxuXHRcdGlmICggdmFsdWUgJiYgaXNGdW5jdGlvbiggKCBtZXRob2QgPSB2YWx1ZS5wcm9taXNlICkgKSApIHtcblx0XHRcdG1ldGhvZC5jYWxsKCB2YWx1ZSApLmRvbmUoIHJlc29sdmUgKS5mYWlsKCByZWplY3QgKTtcblxuXHRcdC8vIE90aGVyIHRoZW5hYmxlc1xuXHRcdH0gZWxzZSBpZiAoIHZhbHVlICYmIGlzRnVuY3Rpb24oICggbWV0aG9kID0gdmFsdWUudGhlbiApICkgKSB7XG5cdFx0XHRtZXRob2QuY2FsbCggdmFsdWUsIHJlc29sdmUsIHJlamVjdCApO1xuXG5cdFx0Ly8gT3RoZXIgbm9uLXRoZW5hYmxlc1xuXHRcdH0gZWxzZSB7XG5cblx0XHRcdC8vIENvbnRyb2wgYHJlc29sdmVgIGFyZ3VtZW50cyBieSBsZXR0aW5nIEFycmF5I3NsaWNlIGNhc3QgYm9vbGVhbiBgbm9WYWx1ZWAgdG8gaW50ZWdlcjpcblx0XHRcdC8vICogZmFsc2U6IFsgdmFsdWUgXS5zbGljZSggMCApID0+IHJlc29sdmUoIHZhbHVlIClcblx0XHRcdC8vICogdHJ1ZTogWyB2YWx1ZSBdLnNsaWNlKCAxICkgPT4gcmVzb2x2ZSgpXG5cdFx0XHRyZXNvbHZlLmFwcGx5KCB1bmRlZmluZWQsIFsgdmFsdWUgXS5zbGljZSggbm9WYWx1ZSApICk7XG5cdFx0fVxuXG5cdC8vIEZvciBQcm9taXNlcy9BKywgY29udmVydCBleGNlcHRpb25zIGludG8gcmVqZWN0aW9uc1xuXHQvLyBTaW5jZSBqUXVlcnkud2hlbiBkb2Vzbid0IHVud3JhcCB0aGVuYWJsZXMsIHdlIGNhbiBza2lwIHRoZSBleHRyYSBjaGVja3MgYXBwZWFyaW5nIGluXG5cdC8vIERlZmVycmVkI3RoZW4gdG8gY29uZGl0aW9uYWxseSBzdXBwcmVzcyByZWplY3Rpb24uXG5cdH0gY2F0Y2ggKCB2YWx1ZSApIHtcblxuXHRcdC8vIFN1cHBvcnQ6IEFuZHJvaWQgNC4wIG9ubHlcblx0XHQvLyBTdHJpY3QgbW9kZSBmdW5jdGlvbnMgaW52b2tlZCB3aXRob3V0IC5jYWxsLy5hcHBseSBnZXQgZ2xvYmFsLW9iamVjdCBjb250ZXh0XG5cdFx0cmVqZWN0LmFwcGx5KCB1bmRlZmluZWQsIFsgdmFsdWUgXSApO1xuXHR9XG59XG5cbmpRdWVyeS5leHRlbmQoIHtcblxuXHREZWZlcnJlZDogZnVuY3Rpb24oIGZ1bmMgKSB7XG5cdFx0dmFyIHR1cGxlcyA9IFtcblxuXHRcdFx0XHQvLyBhY3Rpb24sIGFkZCBsaXN0ZW5lciwgY2FsbGJhY2tzLFxuXHRcdFx0XHQvLyAuLi4gLnRoZW4gaGFuZGxlcnMsIGFyZ3VtZW50IGluZGV4LCBbZmluYWwgc3RhdGVdXG5cdFx0XHRcdFsgXCJub3RpZnlcIiwgXCJwcm9ncmVzc1wiLCBqUXVlcnkuQ2FsbGJhY2tzKCBcIm1lbW9yeVwiICksXG5cdFx0XHRcdFx0alF1ZXJ5LkNhbGxiYWNrcyggXCJtZW1vcnlcIiApLCAyIF0sXG5cdFx0XHRcdFsgXCJyZXNvbHZlXCIsIFwiZG9uZVwiLCBqUXVlcnkuQ2FsbGJhY2tzKCBcIm9uY2UgbWVtb3J5XCIgKSxcblx0XHRcdFx0XHRqUXVlcnkuQ2FsbGJhY2tzKCBcIm9uY2UgbWVtb3J5XCIgKSwgMCwgXCJyZXNvbHZlZFwiIF0sXG5cdFx0XHRcdFsgXCJyZWplY3RcIiwgXCJmYWlsXCIsIGpRdWVyeS5DYWxsYmFja3MoIFwib25jZSBtZW1vcnlcIiApLFxuXHRcdFx0XHRcdGpRdWVyeS5DYWxsYmFja3MoIFwib25jZSBtZW1vcnlcIiApLCAxLCBcInJlamVjdGVkXCIgXVxuXHRcdFx0XSxcblx0XHRcdHN0YXRlID0gXCJwZW5kaW5nXCIsXG5cdFx0XHRwcm9taXNlID0ge1xuXHRcdFx0XHRzdGF0ZTogZnVuY3Rpb24oKSB7XG5cdFx0XHRcdFx0cmV0dXJuIHN0YXRlO1xuXHRcdFx0XHR9LFxuXHRcdFx0XHRhbHdheXM6IGZ1bmN0aW9uKCkge1xuXHRcdFx0XHRcdGRlZmVycmVkLmRvbmUoIGFyZ3VtZW50cyApLmZhaWwoIGFyZ3VtZW50cyApO1xuXHRcdFx0XHRcdHJldHVybiB0aGlzO1xuXHRcdFx0XHR9LFxuXHRcdFx0XHRcImNhdGNoXCI6IGZ1bmN0aW9uKCBmbiApIHtcblx0XHRcdFx0XHRyZXR1cm4gcHJvbWlzZS50aGVuKCBudWxsLCBmbiApO1xuXHRcdFx0XHR9LFxuXG5cdFx0XHRcdC8vIEtlZXAgcGlwZSBmb3IgYmFjay1jb21wYXRcblx0XHRcdFx0cGlwZTogZnVuY3Rpb24oIC8qIGZuRG9uZSwgZm5GYWlsLCBmblByb2dyZXNzICovICkge1xuXHRcdFx0XHRcdHZhciBmbnMgPSBhcmd1bWVudHM7XG5cblx0XHRcdFx0XHRyZXR1cm4galF1ZXJ5LkRlZmVycmVkKCBmdW5jdGlvbiggbmV3RGVmZXIgKSB7XG5cdFx0XHRcdFx0XHRqUXVlcnkuZWFjaCggdHVwbGVzLCBmdW5jdGlvbiggX2ksIHR1cGxlICkge1xuXG5cdFx0XHRcdFx0XHRcdC8vIE1hcCB0dXBsZXMgKHByb2dyZXNzLCBkb25lLCBmYWlsKSB0byBhcmd1bWVudHMgKGRvbmUsIGZhaWwsIHByb2dyZXNzKVxuXHRcdFx0XHRcdFx0XHR2YXIgZm4gPSBpc0Z1bmN0aW9uKCBmbnNbIHR1cGxlWyA0IF0gXSApICYmIGZuc1sgdHVwbGVbIDQgXSBdO1xuXG5cdFx0XHRcdFx0XHRcdC8vIGRlZmVycmVkLnByb2dyZXNzKGZ1bmN0aW9uKCkgeyBiaW5kIHRvIG5ld0RlZmVyIG9yIG5ld0RlZmVyLm5vdGlmeSB9KVxuXHRcdFx0XHRcdFx0XHQvLyBkZWZlcnJlZC5kb25lKGZ1bmN0aW9uKCkgeyBiaW5kIHRvIG5ld0RlZmVyIG9yIG5ld0RlZmVyLnJlc29sdmUgfSlcblx0XHRcdFx0XHRcdFx0Ly8gZGVmZXJyZWQuZmFpbChmdW5jdGlvbigpIHsgYmluZCB0byBuZXdEZWZlciBvciBuZXdEZWZlci5yZWplY3QgfSlcblx0XHRcdFx0XHRcdFx0ZGVmZXJyZWRbIHR1cGxlWyAxIF0gXSggZnVuY3Rpb24oKSB7XG5cdFx0XHRcdFx0XHRcdFx0dmFyIHJldHVybmVkID0gZm4gJiYgZm4uYXBwbHkoIHRoaXMsIGFyZ3VtZW50cyApO1xuXHRcdFx0XHRcdFx0XHRcdGlmICggcmV0dXJuZWQgJiYgaXNGdW5jdGlvbiggcmV0dXJuZWQucHJvbWlzZSApICkge1xuXHRcdFx0XHRcdFx0XHRcdFx0cmV0dXJuZWQucHJvbWlzZSgpXG5cdFx0XHRcdFx0XHRcdFx0XHRcdC5wcm9ncmVzcyggbmV3RGVmZXIubm90aWZ5IClcblx0XHRcdFx0XHRcdFx0XHRcdFx0LmRvbmUoIG5ld0RlZmVyLnJlc29sdmUgKVxuXHRcdFx0XHRcdFx0XHRcdFx0XHQuZmFpbCggbmV3RGVmZXIucmVqZWN0ICk7XG5cdFx0XHRcdFx0XHRcdFx0fSBlbHNlIHtcblx0XHRcdFx0XHRcdFx0XHRcdG5ld0RlZmVyWyB0dXBsZVsgMCBdICsgXCJXaXRoXCIgXShcblx0XHRcdFx0XHRcdFx0XHRcdFx0dGhpcyxcblx0XHRcdFx0XHRcdFx0XHRcdFx0Zm4gPyBbIHJldHVybmVkIF0gOiBhcmd1bWVudHNcblx0XHRcdFx0XHRcdFx0XHRcdCk7XG5cdFx0XHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0XHR9ICk7XG5cdFx0XHRcdFx0XHR9ICk7XG5cdFx0XHRcdFx0XHRmbnMgPSBudWxsO1xuXHRcdFx0XHRcdH0gKS5wcm9taXNlKCk7XG5cdFx0XHRcdH0sXG5cdFx0XHRcdHRoZW46IGZ1bmN0aW9uKCBvbkZ1bGZpbGxlZCwgb25SZWplY3RlZCwgb25Qcm9ncmVzcyApIHtcblx0XHRcdFx0XHR2YXIgbWF4RGVwdGggPSAwO1xuXHRcdFx0XHRcdGZ1bmN0aW9uIHJlc29sdmUoIGRlcHRoLCBkZWZlcnJlZCwgaGFuZGxlciwgc3BlY2lhbCApIHtcblx0XHRcdFx0XHRcdHJldHVybiBmdW5jdGlvbigpIHtcblx0XHRcdFx0XHRcdFx0dmFyIHRoYXQgPSB0aGlzLFxuXHRcdFx0XHRcdFx0XHRcdGFyZ3MgPSBhcmd1bWVudHMsXG5cdFx0XHRcdFx0XHRcdFx0bWlnaHRUaHJvdyA9IGZ1bmN0aW9uKCkge1xuXHRcdFx0XHRcdFx0XHRcdFx0dmFyIHJldHVybmVkLCB0aGVuO1xuXG5cdFx0XHRcdFx0XHRcdFx0XHQvLyBTdXBwb3J0OiBQcm9taXNlcy9BKyBzZWN0aW9uIDIuMy4zLjMuM1xuXHRcdFx0XHRcdFx0XHRcdFx0Ly8gaHR0cHM6Ly9wcm9taXNlc2FwbHVzLmNvbS8jcG9pbnQtNTlcblx0XHRcdFx0XHRcdFx0XHRcdC8vIElnbm9yZSBkb3VibGUtcmVzb2x1dGlvbiBhdHRlbXB0c1xuXHRcdFx0XHRcdFx0XHRcdFx0aWYgKCBkZXB0aCA8IG1heERlcHRoICkge1xuXHRcdFx0XHRcdFx0XHRcdFx0XHRyZXR1cm47XG5cdFx0XHRcdFx0XHRcdFx0XHR9XG5cblx0XHRcdFx0XHRcdFx0XHRcdHJldHVybmVkID0gaGFuZGxlci5hcHBseSggdGhhdCwgYXJncyApO1xuXG5cdFx0XHRcdFx0XHRcdFx0XHQvLyBTdXBwb3J0OiBQcm9taXNlcy9BKyBzZWN0aW9uIDIuMy4xXG5cdFx0XHRcdFx0XHRcdFx0XHQvLyBodHRwczovL3Byb21pc2VzYXBsdXMuY29tLyNwb2ludC00OFxuXHRcdFx0XHRcdFx0XHRcdFx0aWYgKCByZXR1cm5lZCA9PT0gZGVmZXJyZWQucHJvbWlzZSgpICkge1xuXHRcdFx0XHRcdFx0XHRcdFx0XHR0aHJvdyBuZXcgVHlwZUVycm9yKCBcIlRoZW5hYmxlIHNlbGYtcmVzb2x1dGlvblwiICk7XG5cdFx0XHRcdFx0XHRcdFx0XHR9XG5cblx0XHRcdFx0XHRcdFx0XHRcdC8vIFN1cHBvcnQ6IFByb21pc2VzL0ErIHNlY3Rpb25zIDIuMy4zLjEsIDMuNVxuXHRcdFx0XHRcdFx0XHRcdFx0Ly8gaHR0cHM6Ly9wcm9taXNlc2FwbHVzLmNvbS8jcG9pbnQtNTRcblx0XHRcdFx0XHRcdFx0XHRcdC8vIGh0dHBzOi8vcHJvbWlzZXNhcGx1cy5jb20vI3BvaW50LTc1XG5cdFx0XHRcdFx0XHRcdFx0XHQvLyBSZXRyaWV2ZSBgdGhlbmAgb25seSBvbmNlXG5cdFx0XHRcdFx0XHRcdFx0XHR0aGVuID0gcmV0dXJuZWQgJiZcblxuXHRcdFx0XHRcdFx0XHRcdFx0XHQvLyBTdXBwb3J0OiBQcm9taXNlcy9BKyBzZWN0aW9uIDIuMy40XG5cdFx0XHRcdFx0XHRcdFx0XHRcdC8vIGh0dHBzOi8vcHJvbWlzZXNhcGx1cy5jb20vI3BvaW50LTY0XG5cdFx0XHRcdFx0XHRcdFx0XHRcdC8vIE9ubHkgY2hlY2sgb2JqZWN0cyBhbmQgZnVuY3Rpb25zIGZvciB0aGVuYWJpbGl0eVxuXHRcdFx0XHRcdFx0XHRcdFx0XHQoIHR5cGVvZiByZXR1cm5lZCA9PT0gXCJvYmplY3RcIiB8fFxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdHR5cGVvZiByZXR1cm5lZCA9PT0gXCJmdW5jdGlvblwiICkgJiZcblx0XHRcdFx0XHRcdFx0XHRcdFx0cmV0dXJuZWQudGhlbjtcblxuXHRcdFx0XHRcdFx0XHRcdFx0Ly8gSGFuZGxlIGEgcmV0dXJuZWQgdGhlbmFibGVcblx0XHRcdFx0XHRcdFx0XHRcdGlmICggaXNGdW5jdGlvbiggdGhlbiApICkge1xuXG5cdFx0XHRcdFx0XHRcdFx0XHRcdC8vIFNwZWNpYWwgcHJvY2Vzc29ycyAobm90aWZ5KSBqdXN0IHdhaXQgZm9yIHJlc29sdXRpb25cblx0XHRcdFx0XHRcdFx0XHRcdFx0aWYgKCBzcGVjaWFsICkge1xuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdHRoZW4uY2FsbChcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdHJldHVybmVkLFxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0cmVzb2x2ZSggbWF4RGVwdGgsIGRlZmVycmVkLCBJZGVudGl0eSwgc3BlY2lhbCApLFxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0cmVzb2x2ZSggbWF4RGVwdGgsIGRlZmVycmVkLCBUaHJvd2VyLCBzcGVjaWFsIClcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHQpO1xuXG5cdFx0XHRcdFx0XHRcdFx0XHRcdC8vIE5vcm1hbCBwcm9jZXNzb3JzIChyZXNvbHZlKSBhbHNvIGhvb2sgaW50byBwcm9ncmVzc1xuXHRcdFx0XHRcdFx0XHRcdFx0XHR9IGVsc2Uge1xuXG5cdFx0XHRcdFx0XHRcdFx0XHRcdFx0Ly8gLi4uYW5kIGRpc3JlZ2FyZCBvbGRlciByZXNvbHV0aW9uIHZhbHVlc1xuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdG1heERlcHRoKys7XG5cblx0XHRcdFx0XHRcdFx0XHRcdFx0XHR0aGVuLmNhbGwoXG5cdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHRyZXR1cm5lZCxcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdHJlc29sdmUoIG1heERlcHRoLCBkZWZlcnJlZCwgSWRlbnRpdHksIHNwZWNpYWwgKSxcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdHJlc29sdmUoIG1heERlcHRoLCBkZWZlcnJlZCwgVGhyb3dlciwgc3BlY2lhbCApLFxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0cmVzb2x2ZSggbWF4RGVwdGgsIGRlZmVycmVkLCBJZGVudGl0eSxcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0ZGVmZXJyZWQubm90aWZ5V2l0aCApXG5cdFx0XHRcdFx0XHRcdFx0XHRcdFx0KTtcblx0XHRcdFx0XHRcdFx0XHRcdFx0fVxuXG5cdFx0XHRcdFx0XHRcdFx0XHQvLyBIYW5kbGUgYWxsIG90aGVyIHJldHVybmVkIHZhbHVlc1xuXHRcdFx0XHRcdFx0XHRcdFx0fSBlbHNlIHtcblxuXHRcdFx0XHRcdFx0XHRcdFx0XHQvLyBPbmx5IHN1YnN0aXR1dGUgaGFuZGxlcnMgcGFzcyBvbiBjb250ZXh0XG5cdFx0XHRcdFx0XHRcdFx0XHRcdC8vIGFuZCBtdWx0aXBsZSB2YWx1ZXMgKG5vbi1zcGVjIGJlaGF2aW9yKVxuXHRcdFx0XHRcdFx0XHRcdFx0XHRpZiAoIGhhbmRsZXIgIT09IElkZW50aXR5ICkge1xuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdHRoYXQgPSB1bmRlZmluZWQ7XG5cdFx0XHRcdFx0XHRcdFx0XHRcdFx0YXJncyA9IFsgcmV0dXJuZWQgXTtcblx0XHRcdFx0XHRcdFx0XHRcdFx0fVxuXG5cdFx0XHRcdFx0XHRcdFx0XHRcdC8vIFByb2Nlc3MgdGhlIHZhbHVlKHMpXG5cdFx0XHRcdFx0XHRcdFx0XHRcdC8vIERlZmF1bHQgcHJvY2VzcyBpcyByZXNvbHZlXG5cdFx0XHRcdFx0XHRcdFx0XHRcdCggc3BlY2lhbCB8fCBkZWZlcnJlZC5yZXNvbHZlV2l0aCApKCB0aGF0LCBhcmdzICk7XG5cdFx0XHRcdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0XHRcdFx0fSxcblxuXHRcdFx0XHRcdFx0XHRcdC8vIE9ubHkgbm9ybWFsIHByb2Nlc3NvcnMgKHJlc29sdmUpIGNhdGNoIGFuZCByZWplY3QgZXhjZXB0aW9uc1xuXHRcdFx0XHRcdFx0XHRcdHByb2Nlc3MgPSBzcGVjaWFsID9cblx0XHRcdFx0XHRcdFx0XHRcdG1pZ2h0VGhyb3cgOlxuXHRcdFx0XHRcdFx0XHRcdFx0ZnVuY3Rpb24oKSB7XG5cdFx0XHRcdFx0XHRcdFx0XHRcdHRyeSB7XG5cdFx0XHRcdFx0XHRcdFx0XHRcdFx0bWlnaHRUaHJvdygpO1xuXHRcdFx0XHRcdFx0XHRcdFx0XHR9IGNhdGNoICggZSApIHtcblxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdGlmICggalF1ZXJ5LkRlZmVycmVkLmV4Y2VwdGlvbkhvb2sgKSB7XG5cdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHRqUXVlcnkuRGVmZXJyZWQuZXhjZXB0aW9uSG9vayggZSxcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0cHJvY2Vzcy5lcnJvciApO1xuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdH1cblxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdC8vIFN1cHBvcnQ6IFByb21pc2VzL0ErIHNlY3Rpb24gMi4zLjMuMy40LjFcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHQvLyBodHRwczovL3Byb21pc2VzYXBsdXMuY29tLyNwb2ludC02MVxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdC8vIElnbm9yZSBwb3N0LXJlc29sdXRpb24gZXhjZXB0aW9uc1xuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdGlmICggZGVwdGggKyAxID49IG1heERlcHRoICkge1xuXG5cdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHQvLyBPbmx5IHN1YnN0aXR1dGUgaGFuZGxlcnMgcGFzcyBvbiBjb250ZXh0XG5cdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHQvLyBhbmQgbXVsdGlwbGUgdmFsdWVzIChub24tc3BlYyBiZWhhdmlvcilcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdGlmICggaGFuZGxlciAhPT0gVGhyb3dlciApIHtcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0dGhhdCA9IHVuZGVmaW5lZDtcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0YXJncyA9IFsgZSBdO1xuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0fVxuXG5cdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHRkZWZlcnJlZC5yZWplY3RXaXRoKCB0aGF0LCBhcmdzICk7XG5cdFx0XHRcdFx0XHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0XHRcdFx0XHR9O1xuXG5cdFx0XHRcdFx0XHRcdC8vIFN1cHBvcnQ6IFByb21pc2VzL0ErIHNlY3Rpb24gMi4zLjMuMy4xXG5cdFx0XHRcdFx0XHRcdC8vIGh0dHBzOi8vcHJvbWlzZXNhcGx1cy5jb20vI3BvaW50LTU3XG5cdFx0XHRcdFx0XHRcdC8vIFJlLXJlc29sdmUgcHJvbWlzZXMgaW1tZWRpYXRlbHkgdG8gZG9kZ2UgZmFsc2UgcmVqZWN0aW9uIGZyb21cblx0XHRcdFx0XHRcdFx0Ly8gc3Vic2VxdWVudCBlcnJvcnNcblx0XHRcdFx0XHRcdFx0aWYgKCBkZXB0aCApIHtcblx0XHRcdFx0XHRcdFx0XHRwcm9jZXNzKCk7XG5cdFx0XHRcdFx0XHRcdH0gZWxzZSB7XG5cblx0XHRcdFx0XHRcdFx0XHQvLyBDYWxsIGFuIG9wdGlvbmFsIGhvb2sgdG8gcmVjb3JkIHRoZSBlcnJvciwgaW4gY2FzZSBvZiBleGNlcHRpb25cblx0XHRcdFx0XHRcdFx0XHQvLyBzaW5jZSBpdCdzIG90aGVyd2lzZSBsb3N0IHdoZW4gZXhlY3V0aW9uIGdvZXMgYXN5bmNcblx0XHRcdFx0XHRcdFx0XHRpZiAoIGpRdWVyeS5EZWZlcnJlZC5nZXRFcnJvckhvb2sgKSB7XG5cdFx0XHRcdFx0XHRcdFx0XHRwcm9jZXNzLmVycm9yID0galF1ZXJ5LkRlZmVycmVkLmdldEVycm9ySG9vaygpO1xuXG5cdFx0XHRcdFx0XHRcdFx0Ly8gVGhlIGRlcHJlY2F0ZWQgYWxpYXMgb2YgdGhlIGFib3ZlLiBXaGlsZSB0aGUgbmFtZSBzdWdnZXN0c1xuXHRcdFx0XHRcdFx0XHRcdC8vIHJldHVybmluZyB0aGUgc3RhY2ssIG5vdCBhbiBlcnJvciBpbnN0YW5jZSwgalF1ZXJ5IGp1c3QgcGFzc2VzXG5cdFx0XHRcdFx0XHRcdFx0Ly8gaXQgZGlyZWN0bHkgdG8gYGNvbnNvbGUud2FybmAgc28gYm90aCB3aWxsIHdvcms7IGFuIGluc3RhbmNlXG5cdFx0XHRcdFx0XHRcdFx0Ly8ganVzdCBiZXR0ZXIgY29vcGVyYXRlcyB3aXRoIHNvdXJjZSBtYXBzLlxuXHRcdFx0XHRcdFx0XHRcdH0gZWxzZSBpZiAoIGpRdWVyeS5EZWZlcnJlZC5nZXRTdGFja0hvb2sgKSB7XG5cdFx0XHRcdFx0XHRcdFx0XHRwcm9jZXNzLmVycm9yID0galF1ZXJ5LkRlZmVycmVkLmdldFN0YWNrSG9vaygpO1xuXHRcdFx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHRcdFx0XHR3aW5kb3cuc2V0VGltZW91dCggcHJvY2VzcyApO1xuXHRcdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0XHR9O1xuXHRcdFx0XHRcdH1cblxuXHRcdFx0XHRcdHJldHVybiBqUXVlcnkuRGVmZXJyZWQoIGZ1bmN0aW9uKCBuZXdEZWZlciApIHtcblxuXHRcdFx0XHRcdFx0Ly8gcHJvZ3Jlc3NfaGFuZGxlcnMuYWRkKCAuLi4gKVxuXHRcdFx0XHRcdFx0dHVwbGVzWyAwIF1bIDMgXS5hZGQoXG5cdFx0XHRcdFx0XHRcdHJlc29sdmUoXG5cdFx0XHRcdFx0XHRcdFx0MCxcblx0XHRcdFx0XHRcdFx0XHRuZXdEZWZlcixcblx0XHRcdFx0XHRcdFx0XHRpc0Z1bmN0aW9uKCBvblByb2dyZXNzICkgP1xuXHRcdFx0XHRcdFx0XHRcdFx0b25Qcm9ncmVzcyA6XG5cdFx0XHRcdFx0XHRcdFx0XHRJZGVudGl0eSxcblx0XHRcdFx0XHRcdFx0XHRuZXdEZWZlci5ub3RpZnlXaXRoXG5cdFx0XHRcdFx0XHRcdClcblx0XHRcdFx0XHRcdCk7XG5cblx0XHRcdFx0XHRcdC8vIGZ1bGZpbGxlZF9oYW5kbGVycy5hZGQoIC4uLiApXG5cdFx0XHRcdFx0XHR0dXBsZXNbIDEgXVsgMyBdLmFkZChcblx0XHRcdFx0XHRcdFx0cmVzb2x2ZShcblx0XHRcdFx0XHRcdFx0XHQwLFxuXHRcdFx0XHRcdFx0XHRcdG5ld0RlZmVyLFxuXHRcdFx0XHRcdFx0XHRcdGlzRnVuY3Rpb24oIG9uRnVsZmlsbGVkICkgP1xuXHRcdFx0XHRcdFx0XHRcdFx0b25GdWxmaWxsZWQgOlxuXHRcdFx0XHRcdFx0XHRcdFx0SWRlbnRpdHlcblx0XHRcdFx0XHRcdFx0KVxuXHRcdFx0XHRcdFx0KTtcblxuXHRcdFx0XHRcdFx0Ly8gcmVqZWN0ZWRfaGFuZGxlcnMuYWRkKCAuLi4gKVxuXHRcdFx0XHRcdFx0dHVwbGVzWyAyIF1bIDMgXS5hZGQoXG5cdFx0XHRcdFx0XHRcdHJlc29sdmUoXG5cdFx0XHRcdFx0XHRcdFx0MCxcblx0XHRcdFx0XHRcdFx0XHRuZXdEZWZlcixcblx0XHRcdFx0XHRcdFx0XHRpc0Z1bmN0aW9uKCBvblJlamVjdGVkICkgP1xuXHRcdFx0XHRcdFx0XHRcdFx0b25SZWplY3RlZCA6XG5cdFx0XHRcdFx0XHRcdFx0XHRUaHJvd2VyXG5cdFx0XHRcdFx0XHRcdClcblx0XHRcdFx0XHRcdCk7XG5cdFx0XHRcdFx0fSApLnByb21pc2UoKTtcblx0XHRcdFx0fSxcblxuXHRcdFx0XHQvLyBHZXQgYSBwcm9taXNlIGZvciB0aGlzIGRlZmVycmVkXG5cdFx0XHRcdC8vIElmIG9iaiBpcyBwcm92aWRlZCwgdGhlIHByb21pc2UgYXNwZWN0IGlzIGFkZGVkIHRvIHRoZSBvYmplY3Rcblx0XHRcdFx0cHJvbWlzZTogZnVuY3Rpb24oIG9iaiApIHtcblx0XHRcdFx0XHRyZXR1cm4gb2JqICE9IG51bGwgPyBqUXVlcnkuZXh0ZW5kKCBvYmosIHByb21pc2UgKSA6IHByb21pc2U7XG5cdFx0XHRcdH1cblx0XHRcdH0sXG5cdFx0XHRkZWZlcnJlZCA9IHt9O1xuXG5cdFx0Ly8gQWRkIGxpc3Qtc3BlY2lmaWMgbWV0aG9kc1xuXHRcdGpRdWVyeS5lYWNoKCB0dXBsZXMsIGZ1bmN0aW9uKCBpLCB0dXBsZSApIHtcblx0XHRcdHZhciBsaXN0ID0gdHVwbGVbIDIgXSxcblx0XHRcdFx0c3RhdGVTdHJpbmcgPSB0dXBsZVsgNSBdO1xuXG5cdFx0XHQvLyBwcm9taXNlLnByb2dyZXNzID0gbGlzdC5hZGRcblx0XHRcdC8vIHByb21pc2UuZG9uZSA9IGxpc3QuYWRkXG5cdFx0XHQvLyBwcm9taXNlLmZhaWwgPSBsaXN0LmFkZFxuXHRcdFx0cHJvbWlzZVsgdHVwbGVbIDEgXSBdID0gbGlzdC5hZGQ7XG5cblx0XHRcdC8vIEhhbmRsZSBzdGF0ZVxuXHRcdFx0aWYgKCBzdGF0ZVN0cmluZyApIHtcblx0XHRcdFx0bGlzdC5hZGQoXG5cdFx0XHRcdFx0ZnVuY3Rpb24oKSB7XG5cblx0XHRcdFx0XHRcdC8vIHN0YXRlID0gXCJyZXNvbHZlZFwiIChpLmUuLCBmdWxmaWxsZWQpXG5cdFx0XHRcdFx0XHQvLyBzdGF0ZSA9IFwicmVqZWN0ZWRcIlxuXHRcdFx0XHRcdFx0c3RhdGUgPSBzdGF0ZVN0cmluZztcblx0XHRcdFx0XHR9LFxuXG5cdFx0XHRcdFx0Ly8gcmVqZWN0ZWRfY2FsbGJhY2tzLmRpc2FibGVcblx0XHRcdFx0XHQvLyBmdWxmaWxsZWRfY2FsbGJhY2tzLmRpc2FibGVcblx0XHRcdFx0XHR0dXBsZXNbIDMgLSBpIF1bIDIgXS5kaXNhYmxlLFxuXG5cdFx0XHRcdFx0Ly8gcmVqZWN0ZWRfaGFuZGxlcnMuZGlzYWJsZVxuXHRcdFx0XHRcdC8vIGZ1bGZpbGxlZF9oYW5kbGVycy5kaXNhYmxlXG5cdFx0XHRcdFx0dHVwbGVzWyAzIC0gaSBdWyAzIF0uZGlzYWJsZSxcblxuXHRcdFx0XHRcdC8vIHByb2dyZXNzX2NhbGxiYWNrcy5sb2NrXG5cdFx0XHRcdFx0dHVwbGVzWyAwIF1bIDIgXS5sb2NrLFxuXG5cdFx0XHRcdFx0Ly8gcHJvZ3Jlc3NfaGFuZGxlcnMubG9ja1xuXHRcdFx0XHRcdHR1cGxlc1sgMCBdWyAzIF0ubG9ja1xuXHRcdFx0XHQpO1xuXHRcdFx0fVxuXG5cdFx0XHQvLyBwcm9ncmVzc19oYW5kbGVycy5maXJlXG5cdFx0XHQvLyBmdWxmaWxsZWRfaGFuZGxlcnMuZmlyZVxuXHRcdFx0Ly8gcmVqZWN0ZWRfaGFuZGxlcnMuZmlyZVxuXHRcdFx0bGlzdC5hZGQoIHR1cGxlWyAzIF0uZmlyZSApO1xuXG5cdFx0XHQvLyBkZWZlcnJlZC5ub3RpZnkgPSBmdW5jdGlvbigpIHsgZGVmZXJyZWQubm90aWZ5V2l0aCguLi4pIH1cblx0XHRcdC8vIGRlZmVycmVkLnJlc29sdmUgPSBmdW5jdGlvbigpIHsgZGVmZXJyZWQucmVzb2x2ZVdpdGgoLi4uKSB9XG5cdFx0XHQvLyBkZWZlcnJlZC5yZWplY3QgPSBmdW5jdGlvbigpIHsgZGVmZXJyZWQucmVqZWN0V2l0aCguLi4pIH1cblx0XHRcdGRlZmVycmVkWyB0dXBsZVsgMCBdIF0gPSBmdW5jdGlvbigpIHtcblx0XHRcdFx0ZGVmZXJyZWRbIHR1cGxlWyAwIF0gKyBcIldpdGhcIiBdKCB0aGlzID09PSBkZWZlcnJlZCA/IHVuZGVmaW5lZCA6IHRoaXMsIGFyZ3VtZW50cyApO1xuXHRcdFx0XHRyZXR1cm4gdGhpcztcblx0XHRcdH07XG5cblx0XHRcdC8vIGRlZmVycmVkLm5vdGlmeVdpdGggPSBsaXN0LmZpcmVXaXRoXG5cdFx0XHQvLyBkZWZlcnJlZC5yZXNvbHZlV2l0aCA9IGxpc3QuZmlyZVdpdGhcblx0XHRcdC8vIGRlZmVycmVkLnJlamVjdFdpdGggPSBsaXN0LmZpcmVXaXRoXG5cdFx0XHRkZWZlcnJlZFsgdHVwbGVbIDAgXSArIFwiV2l0aFwiIF0gPSBsaXN0LmZpcmVXaXRoO1xuXHRcdH0gKTtcblxuXHRcdC8vIE1ha2UgdGhlIGRlZmVycmVkIGEgcHJvbWlzZVxuXHRcdHByb21pc2UucHJvbWlzZSggZGVmZXJyZWQgKTtcblxuXHRcdC8vIENhbGwgZ2l2ZW4gZnVuYyBpZiBhbnlcblx0XHRpZiAoIGZ1bmMgKSB7XG5cdFx0XHRmdW5jLmNhbGwoIGRlZmVycmVkLCBkZWZlcnJlZCApO1xuXHRcdH1cblxuXHRcdC8vIEFsbCBkb25lIVxuXHRcdHJldHVybiBkZWZlcnJlZDtcblx0fSxcblxuXHQvLyBEZWZlcnJlZCBoZWxwZXJcblx0d2hlbjogZnVuY3Rpb24oIHNpbmdsZVZhbHVlICkge1xuXHRcdHZhclxuXG5cdFx0XHQvLyBjb3VudCBvZiB1bmNvbXBsZXRlZCBzdWJvcmRpbmF0ZXNcblx0XHRcdHJlbWFpbmluZyA9IGFyZ3VtZW50cy5sZW5ndGgsXG5cblx0XHRcdC8vIGNvdW50IG9mIHVucHJvY2Vzc2VkIGFyZ3VtZW50c1xuXHRcdFx0aSA9IHJlbWFpbmluZyxcblxuXHRcdFx0Ly8gc3Vib3JkaW5hdGUgZnVsZmlsbG1lbnQgZGF0YVxuXHRcdFx0cmVzb2x2ZUNvbnRleHRzID0gQXJyYXkoIGkgKSxcblx0XHRcdHJlc29sdmVWYWx1ZXMgPSBzbGljZS5jYWxsKCBhcmd1bWVudHMgKSxcblxuXHRcdFx0Ly8gdGhlIHByaW1hcnkgRGVmZXJyZWRcblx0XHRcdHByaW1hcnkgPSBqUXVlcnkuRGVmZXJyZWQoKSxcblxuXHRcdFx0Ly8gc3Vib3JkaW5hdGUgY2FsbGJhY2sgZmFjdG9yeVxuXHRcdFx0dXBkYXRlRnVuYyA9IGZ1bmN0aW9uKCBpICkge1xuXHRcdFx0XHRyZXR1cm4gZnVuY3Rpb24oIHZhbHVlICkge1xuXHRcdFx0XHRcdHJlc29sdmVDb250ZXh0c1sgaSBdID0gdGhpcztcblx0XHRcdFx0XHRyZXNvbHZlVmFsdWVzWyBpIF0gPSBhcmd1bWVudHMubGVuZ3RoID4gMSA/IHNsaWNlLmNhbGwoIGFyZ3VtZW50cyApIDogdmFsdWU7XG5cdFx0XHRcdFx0aWYgKCAhKCAtLXJlbWFpbmluZyApICkge1xuXHRcdFx0XHRcdFx0cHJpbWFyeS5yZXNvbHZlV2l0aCggcmVzb2x2ZUNvbnRleHRzLCByZXNvbHZlVmFsdWVzICk7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9O1xuXHRcdFx0fTtcblxuXHRcdC8vIFNpbmdsZS0gYW5kIGVtcHR5IGFyZ3VtZW50cyBhcmUgYWRvcHRlZCBsaWtlIFByb21pc2UucmVzb2x2ZVxuXHRcdGlmICggcmVtYWluaW5nIDw9IDEgKSB7XG5cdFx0XHRhZG9wdFZhbHVlKCBzaW5nbGVWYWx1ZSwgcHJpbWFyeS5kb25lKCB1cGRhdGVGdW5jKCBpICkgKS5yZXNvbHZlLCBwcmltYXJ5LnJlamVjdCxcblx0XHRcdFx0IXJlbWFpbmluZyApO1xuXG5cdFx0XHQvLyBVc2UgLnRoZW4oKSB0byB1bndyYXAgc2Vjb25kYXJ5IHRoZW5hYmxlcyAoY2YuIGdoLTMwMDApXG5cdFx0XHRpZiAoIHByaW1hcnkuc3RhdGUoKSA9PT0gXCJwZW5kaW5nXCIgfHxcblx0XHRcdFx0aXNGdW5jdGlvbiggcmVzb2x2ZVZhbHVlc1sgaSBdICYmIHJlc29sdmVWYWx1ZXNbIGkgXS50aGVuICkgKSB7XG5cblx0XHRcdFx0cmV0dXJuIHByaW1hcnkudGhlbigpO1xuXHRcdFx0fVxuXHRcdH1cblxuXHRcdC8vIE11bHRpcGxlIGFyZ3VtZW50cyBhcmUgYWdncmVnYXRlZCBsaWtlIFByb21pc2UuYWxsIGFycmF5IGVsZW1lbnRzXG5cdFx0d2hpbGUgKCBpLS0gKSB7XG5cdFx0XHRhZG9wdFZhbHVlKCByZXNvbHZlVmFsdWVzWyBpIF0sIHVwZGF0ZUZ1bmMoIGkgKSwgcHJpbWFyeS5yZWplY3QgKTtcblx0XHR9XG5cblx0XHRyZXR1cm4gcHJpbWFyeS5wcm9taXNlKCk7XG5cdH1cbn0gKTtcblxuXG4vLyBUaGVzZSB1c3VhbGx5IGluZGljYXRlIGEgcHJvZ3JhbW1lciBtaXN0YWtlIGR1cmluZyBkZXZlbG9wbWVudCxcbi8vIHdhcm4gYWJvdXQgdGhlbSBBU0FQIHJhdGhlciB0aGFuIHN3YWxsb3dpbmcgdGhlbSBieSBkZWZhdWx0LlxudmFyIHJlcnJvck5hbWVzID0gL14oRXZhbHxJbnRlcm5hbHxSYW5nZXxSZWZlcmVuY2V8U3ludGF4fFR5cGV8VVJJKUVycm9yJC87XG5cbi8vIElmIGBqUXVlcnkuRGVmZXJyZWQuZ2V0RXJyb3JIb29rYCBpcyBkZWZpbmVkLCBgYXN5bmNFcnJvcmAgaXMgYW4gZXJyb3Jcbi8vIGNhcHR1cmVkIGJlZm9yZSB0aGUgYXN5bmMgYmFycmllciB0byBnZXQgdGhlIG9yaWdpbmFsIGVycm9yIGNhdXNlXG4vLyB3aGljaCBtYXkgb3RoZXJ3aXNlIGJlIGhpZGRlbi5cbmpRdWVyeS5EZWZlcnJlZC5leGNlcHRpb25Ib29rID0gZnVuY3Rpb24oIGVycm9yLCBhc3luY0Vycm9yICkge1xuXG5cdC8vIFN1cHBvcnQ6IElFIDggLSA5IG9ubHlcblx0Ly8gQ29uc29sZSBleGlzdHMgd2hlbiBkZXYgdG9vbHMgYXJlIG9wZW4sIHdoaWNoIGNhbiBoYXBwZW4gYXQgYW55IHRpbWVcblx0aWYgKCB3aW5kb3cuY29uc29sZSAmJiB3aW5kb3cuY29uc29sZS53YXJuICYmIGVycm9yICYmIHJlcnJvck5hbWVzLnRlc3QoIGVycm9yLm5hbWUgKSApIHtcblx0XHR3aW5kb3cuY29uc29sZS53YXJuKCBcImpRdWVyeS5EZWZlcnJlZCBleGNlcHRpb246IFwiICsgZXJyb3IubWVzc2FnZSxcblx0XHRcdGVycm9yLnN0YWNrLCBhc3luY0Vycm9yICk7XG5cdH1cbn07XG5cblxuXG5cbmpRdWVyeS5yZWFkeUV4Y2VwdGlvbiA9IGZ1bmN0aW9uKCBlcnJvciApIHtcblx0d2luZG93LnNldFRpbWVvdXQoIGZ1bmN0aW9uKCkge1xuXHRcdHRocm93IGVycm9yO1xuXHR9ICk7XG59O1xuXG5cblxuXG4vLyBUaGUgZGVmZXJyZWQgdXNlZCBvbiBET00gcmVhZHlcbnZhciByZWFkeUxpc3QgPSBqUXVlcnkuRGVmZXJyZWQoKTtcblxualF1ZXJ5LmZuLnJlYWR5ID0gZnVuY3Rpb24oIGZuICkge1xuXG5cdHJlYWR5TGlzdFxuXHRcdC50aGVuKCBmbiApXG5cblx0XHQvLyBXcmFwIGpRdWVyeS5yZWFkeUV4Y2VwdGlvbiBpbiBhIGZ1bmN0aW9uIHNvIHRoYXQgdGhlIGxvb2t1cFxuXHRcdC8vIGhhcHBlbnMgYXQgdGhlIHRpbWUgb2YgZXJyb3IgaGFuZGxpbmcgaW5zdGVhZCBvZiBjYWxsYmFja1xuXHRcdC8vIHJlZ2lzdHJhdGlvbi5cblx0XHQuY2F0Y2goIGZ1bmN0aW9uKCBlcnJvciApIHtcblx0XHRcdGpRdWVyeS5yZWFkeUV4Y2VwdGlvbiggZXJyb3IgKTtcblx0XHR9ICk7XG5cblx0cmV0dXJuIHRoaXM7XG59O1xuXG5qUXVlcnkuZXh0ZW5kKCB7XG5cblx0Ly8gSXMgdGhlIERPTSByZWFkeSB0byBiZSB1c2VkPyBTZXQgdG8gdHJ1ZSBvbmNlIGl0IG9jY3Vycy5cblx0aXNSZWFkeTogZmFsc2UsXG5cblx0Ly8gQSBjb3VudGVyIHRvIHRyYWNrIGhvdyBtYW55IGl0ZW1zIHRvIHdhaXQgZm9yIGJlZm9yZVxuXHQvLyB0aGUgcmVhZHkgZXZlbnQgZmlyZXMuIFNlZSB0cmFjLTY3ODFcblx0cmVhZHlXYWl0OiAxLFxuXG5cdC8vIEhhbmRsZSB3aGVuIHRoZSBET00gaXMgcmVhZHlcblx0cmVhZHk6IGZ1bmN0aW9uKCB3YWl0ICkge1xuXG5cdFx0Ly8gQWJvcnQgaWYgdGhlcmUgYXJlIHBlbmRpbmcgaG9sZHMgb3Igd2UncmUgYWxyZWFkeSByZWFkeVxuXHRcdGlmICggd2FpdCA9PT0gdHJ1ZSA/IC0talF1ZXJ5LnJlYWR5V2FpdCA6IGpRdWVyeS5pc1JlYWR5ICkge1xuXHRcdFx0cmV0dXJuO1xuXHRcdH1cblxuXHRcdC8vIFJlbWVtYmVyIHRoYXQgdGhlIERPTSBpcyByZWFkeVxuXHRcdGpRdWVyeS5pc1JlYWR5ID0gdHJ1ZTtcblxuXHRcdC8vIElmIGEgbm9ybWFsIERPTSBSZWFkeSBldmVudCBmaXJlZCwgZGVjcmVtZW50LCBhbmQgd2FpdCBpZiBuZWVkIGJlXG5cdFx0aWYgKCB3YWl0ICE9PSB0cnVlICYmIC0talF1ZXJ5LnJlYWR5V2FpdCA+IDAgKSB7XG5cdFx0XHRyZXR1cm47XG5cdFx0fVxuXG5cdFx0Ly8gSWYgdGhlcmUgYXJlIGZ1bmN0aW9ucyBib3VuZCwgdG8gZXhlY3V0ZVxuXHRcdHJlYWR5TGlzdC5yZXNvbHZlV2l0aCggZG9jdW1lbnQsIFsgalF1ZXJ5IF0gKTtcblx0fVxufSApO1xuXG5qUXVlcnkucmVhZHkudGhlbiA9IHJlYWR5TGlzdC50aGVuO1xuXG4vLyBUaGUgcmVhZHkgZXZlbnQgaGFuZGxlciBhbmQgc2VsZiBjbGVhbnVwIG1ldGhvZFxuZnVuY3Rpb24gY29tcGxldGVkKCkge1xuXHRkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCBcIkRPTUNvbnRlbnRMb2FkZWRcIiwgY29tcGxldGVkICk7XG5cdHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCBcImxvYWRcIiwgY29tcGxldGVkICk7XG5cdGpRdWVyeS5yZWFkeSgpO1xufVxuXG4vLyBDYXRjaCBjYXNlcyB3aGVyZSAkKGRvY3VtZW50KS5yZWFkeSgpIGlzIGNhbGxlZFxuLy8gYWZ0ZXIgdGhlIGJyb3dzZXIgZXZlbnQgaGFzIGFscmVhZHkgb2NjdXJyZWQuXG4vLyBTdXBwb3J0OiBJRSA8PTkgLSAxMCBvbmx5XG4vLyBPbGRlciBJRSBzb21ldGltZXMgc2lnbmFscyBcImludGVyYWN0aXZlXCIgdG9vIHNvb25cbmlmICggZG9jdW1lbnQucmVhZHlTdGF0ZSA9PT0gXCJjb21wbGV0ZVwiIHx8XG5cdCggZG9jdW1lbnQucmVhZHlTdGF0ZSAhPT0gXCJsb2FkaW5nXCIgJiYgIWRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5kb1Njcm9sbCApICkge1xuXG5cdC8vIEhhbmRsZSBpdCBhc3luY2hyb25vdXNseSB0byBhbGxvdyBzY3JpcHRzIHRoZSBvcHBvcnR1bml0eSB0byBkZWxheSByZWFkeVxuXHR3aW5kb3cuc2V0VGltZW91dCggalF1ZXJ5LnJlYWR5ICk7XG5cbn0gZWxzZSB7XG5cblx0Ly8gVXNlIHRoZSBoYW5keSBldmVudCBjYWxsYmFja1xuXHRkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCBcIkRPTUNvbnRlbnRMb2FkZWRcIiwgY29tcGxldGVkICk7XG5cblx0Ly8gQSBmYWxsYmFjayB0byB3aW5kb3cub25sb2FkLCB0aGF0IHdpbGwgYWx3YXlzIHdvcmtcblx0d2luZG93LmFkZEV2ZW50TGlzdGVuZXIoIFwibG9hZFwiLCBjb21wbGV0ZWQgKTtcbn1cblxuXG5cblxuLy8gTXVsdGlmdW5jdGlvbmFsIG1ldGhvZCB0byBnZXQgYW5kIHNldCB2YWx1ZXMgb2YgYSBjb2xsZWN0aW9uXG4vLyBUaGUgdmFsdWUvcyBjYW4gb3B0aW9uYWxseSBiZSBleGVjdXRlZCBpZiBpdCdzIGEgZnVuY3Rpb25cbnZhciBhY2Nlc3MgPSBmdW5jdGlvbiggZWxlbXMsIGZuLCBrZXksIHZhbHVlLCBjaGFpbmFibGUsIGVtcHR5R2V0LCByYXcgKSB7XG5cdHZhciBpID0gMCxcblx0XHRsZW4gPSBlbGVtcy5sZW5ndGgsXG5cdFx0YnVsayA9IGtleSA9PSBudWxsO1xuXG5cdC8vIFNldHMgbWFueSB2YWx1ZXNcblx0aWYgKCB0b1R5cGUoIGtleSApID09PSBcIm9iamVjdFwiICkge1xuXHRcdGNoYWluYWJsZSA9IHRydWU7XG5cdFx0Zm9yICggaSBpbiBrZXkgKSB7XG5cdFx0XHRhY2Nlc3MoIGVsZW1zLCBmbiwgaSwga2V5WyBpIF0sIHRydWUsIGVtcHR5R2V0LCByYXcgKTtcblx0XHR9XG5cblx0Ly8gU2V0cyBvbmUgdmFsdWVcblx0fSBlbHNlIGlmICggdmFsdWUgIT09IHVuZGVmaW5lZCApIHtcblx0XHRjaGFpbmFibGUgPSB0cnVlO1xuXG5cdFx0aWYgKCAhaXNGdW5jdGlvbiggdmFsdWUgKSApIHtcblx0XHRcdHJhdyA9IHRydWU7XG5cdFx0fVxuXG5cdFx0aWYgKCBidWxrICkge1xuXG5cdFx0XHQvLyBCdWxrIG9wZXJhdGlvbnMgcnVuIGFnYWluc3QgdGhlIGVudGlyZSBzZXRcblx0XHRcdGlmICggcmF3ICkge1xuXHRcdFx0XHRmbi5jYWxsKCBlbGVtcywgdmFsdWUgKTtcblx0XHRcdFx0Zm4gPSBudWxsO1xuXG5cdFx0XHQvLyAuLi5leGNlcHQgd2hlbiBleGVjdXRpbmcgZnVuY3Rpb24gdmFsdWVzXG5cdFx0XHR9IGVsc2Uge1xuXHRcdFx0XHRidWxrID0gZm47XG5cdFx0XHRcdGZuID0gZnVuY3Rpb24oIGVsZW0sIF9rZXksIHZhbHVlICkge1xuXHRcdFx0XHRcdHJldHVybiBidWxrLmNhbGwoIGpRdWVyeSggZWxlbSApLCB2YWx1ZSApO1xuXHRcdFx0XHR9O1xuXHRcdFx0fVxuXHRcdH1cblxuXHRcdGlmICggZm4gKSB7XG5cdFx0XHRmb3IgKCA7IGkgPCBsZW47IGkrKyApIHtcblx0XHRcdFx0Zm4oXG5cdFx0XHRcdFx0ZWxlbXNbIGkgXSwga2V5LCByYXcgP1xuXHRcdFx0XHRcdFx0dmFsdWUgOlxuXHRcdFx0XHRcdFx0dmFsdWUuY2FsbCggZWxlbXNbIGkgXSwgaSwgZm4oIGVsZW1zWyBpIF0sIGtleSApIClcblx0XHRcdFx0KTtcblx0XHRcdH1cblx0XHR9XG5cdH1cblxuXHRpZiAoIGNoYWluYWJsZSApIHtcblx0XHRyZXR1cm4gZWxlbXM7XG5cdH1cblxuXHQvLyBHZXRzXG5cdGlmICggYnVsayApIHtcblx0XHRyZXR1cm4gZm4uY2FsbCggZWxlbXMgKTtcblx0fVxuXG5cdHJldHVybiBsZW4gPyBmbiggZWxlbXNbIDAgXSwga2V5ICkgOiBlbXB0eUdldDtcbn07XG5cblxuLy8gTWF0Y2hlcyBkYXNoZWQgc3RyaW5nIGZvciBjYW1lbGl6aW5nXG52YXIgcm1zUHJlZml4ID0gL14tbXMtLyxcblx0cmRhc2hBbHBoYSA9IC8tKFthLXpdKS9nO1xuXG4vLyBVc2VkIGJ5IGNhbWVsQ2FzZSBhcyBjYWxsYmFjayB0byByZXBsYWNlKClcbmZ1bmN0aW9uIGZjYW1lbENhc2UoIF9hbGwsIGxldHRlciApIHtcblx0cmV0dXJuIGxldHRlci50b1VwcGVyQ2FzZSgpO1xufVxuXG4vLyBDb252ZXJ0IGRhc2hlZCB0byBjYW1lbENhc2U7IHVzZWQgYnkgdGhlIGNzcyBhbmQgZGF0YSBtb2R1bGVzXG4vLyBTdXBwb3J0OiBJRSA8PTkgLSAxMSwgRWRnZSAxMiAtIDE1XG4vLyBNaWNyb3NvZnQgZm9yZ290IHRvIGh1bXAgdGhlaXIgdmVuZG9yIHByZWZpeCAodHJhYy05NTcyKVxuZnVuY3Rpb24gY2FtZWxDYXNlKCBzdHJpbmcgKSB7XG5cdHJldHVybiBzdHJpbmcucmVwbGFjZSggcm1zUHJlZml4LCBcIm1zLVwiICkucmVwbGFjZSggcmRhc2hBbHBoYSwgZmNhbWVsQ2FzZSApO1xufVxudmFyIGFjY2VwdERhdGEgPSBmdW5jdGlvbiggb3duZXIgKSB7XG5cblx0Ly8gQWNjZXB0cyBvbmx5OlxuXHQvLyAgLSBOb2RlXG5cdC8vICAgIC0gTm9kZS5FTEVNRU5UX05PREVcblx0Ly8gICAgLSBOb2RlLkRPQ1VNRU5UX05PREVcblx0Ly8gIC0gT2JqZWN0XG5cdC8vICAgIC0gQW55XG5cdHJldHVybiBvd25lci5ub2RlVHlwZSA9PT0gMSB8fCBvd25lci5ub2RlVHlwZSA9PT0gOSB8fCAhKCArb3duZXIubm9kZVR5cGUgKTtcbn07XG5cblxuXG5cbmZ1bmN0aW9uIERhdGEoKSB7XG5cdHRoaXMuZXhwYW5kbyA9IGpRdWVyeS5leHBhbmRvICsgRGF0YS51aWQrKztcbn1cblxuRGF0YS51aWQgPSAxO1xuXG5EYXRhLnByb3RvdHlwZSA9IHtcblxuXHRjYWNoZTogZnVuY3Rpb24oIG93bmVyICkge1xuXG5cdFx0Ly8gQ2hlY2sgaWYgdGhlIG93bmVyIG9iamVjdCBhbHJlYWR5IGhhcyBhIGNhY2hlXG5cdFx0dmFyIHZhbHVlID0gb3duZXJbIHRoaXMuZXhwYW5kbyBdO1xuXG5cdFx0Ly8gSWYgbm90LCBjcmVhdGUgb25lXG5cdFx0aWYgKCAhdmFsdWUgKSB7XG5cdFx0XHR2YWx1ZSA9IHt9O1xuXG5cdFx0XHQvLyBXZSBjYW4gYWNjZXB0IGRhdGEgZm9yIG5vbi1lbGVtZW50IG5vZGVzIGluIG1vZGVybiBicm93c2Vycyxcblx0XHRcdC8vIGJ1dCB3ZSBzaG91bGQgbm90LCBzZWUgdHJhYy04MzM1LlxuXHRcdFx0Ly8gQWx3YXlzIHJldHVybiBhbiBlbXB0eSBvYmplY3QuXG5cdFx0XHRpZiAoIGFjY2VwdERhdGEoIG93bmVyICkgKSB7XG5cblx0XHRcdFx0Ly8gSWYgaXQgaXMgYSBub2RlIHVubGlrZWx5IHRvIGJlIHN0cmluZ2lmeS1lZCBvciBsb29wZWQgb3ZlclxuXHRcdFx0XHQvLyB1c2UgcGxhaW4gYXNzaWdubWVudFxuXHRcdFx0XHRpZiAoIG93bmVyLm5vZGVUeXBlICkge1xuXHRcdFx0XHRcdG93bmVyWyB0aGlzLmV4cGFuZG8gXSA9IHZhbHVlO1xuXG5cdFx0XHRcdC8vIE90aGVyd2lzZSBzZWN1cmUgaXQgaW4gYSBub24tZW51bWVyYWJsZSBwcm9wZXJ0eVxuXHRcdFx0XHQvLyBjb25maWd1cmFibGUgbXVzdCBiZSB0cnVlIHRvIGFsbG93IHRoZSBwcm9wZXJ0eSB0byBiZVxuXHRcdFx0XHQvLyBkZWxldGVkIHdoZW4gZGF0YSBpcyByZW1vdmVkXG5cdFx0XHRcdH0gZWxzZSB7XG5cdFx0XHRcdFx0T2JqZWN0LmRlZmluZVByb3BlcnR5KCBvd25lciwgdGhpcy5leHBhbmRvLCB7XG5cdFx0XHRcdFx0XHR2YWx1ZTogdmFsdWUsXG5cdFx0XHRcdFx0XHRjb25maWd1cmFibGU6IHRydWVcblx0XHRcdFx0XHR9ICk7XG5cdFx0XHRcdH1cblx0XHRcdH1cblx0XHR9XG5cblx0XHRyZXR1cm4gdmFsdWU7XG5cdH0sXG5cdHNldDogZnVuY3Rpb24oIG93bmVyLCBkYXRhLCB2YWx1ZSApIHtcblx0XHR2YXIgcHJvcCxcblx0XHRcdGNhY2hlID0gdGhpcy5jYWNoZSggb3duZXIgKTtcblxuXHRcdC8vIEhhbmRsZTogWyBvd25lciwga2V5LCB2YWx1ZSBdIGFyZ3Ncblx0XHQvLyBBbHdheXMgdXNlIGNhbWVsQ2FzZSBrZXkgKGdoLTIyNTcpXG5cdFx0aWYgKCB0eXBlb2YgZGF0YSA9PT0gXCJzdHJpbmdcIiApIHtcblx0XHRcdGNhY2hlWyBjYW1lbENhc2UoIGRhdGEgKSBdID0gdmFsdWU7XG5cblx0XHQvLyBIYW5kbGU6IFsgb3duZXIsIHsgcHJvcGVydGllcyB9IF0gYXJnc1xuXHRcdH0gZWxzZSB7XG5cblx0XHRcdC8vIENvcHkgdGhlIHByb3BlcnRpZXMgb25lLWJ5LW9uZSB0byB0aGUgY2FjaGUgb2JqZWN0XG5cdFx0XHRmb3IgKCBwcm9wIGluIGRhdGEgKSB7XG5cdFx0XHRcdGNhY2hlWyBjYW1lbENhc2UoIHByb3AgKSBdID0gZGF0YVsgcHJvcCBdO1xuXHRcdFx0fVxuXHRcdH1cblx0XHRyZXR1cm4gY2FjaGU7XG5cdH0sXG5cdGdldDogZnVuY3Rpb24oIG93bmVyLCBrZXkgKSB7XG5cdFx0cmV0dXJuIGtleSA9PT0gdW5kZWZpbmVkID9cblx0XHRcdHRoaXMuY2FjaGUoIG93bmVyICkgOlxuXG5cdFx0XHQvLyBBbHdheXMgdXNlIGNhbWVsQ2FzZSBrZXkgKGdoLTIyNTcpXG5cdFx0XHRvd25lclsgdGhpcy5leHBhbmRvIF0gJiYgb3duZXJbIHRoaXMuZXhwYW5kbyBdWyBjYW1lbENhc2UoIGtleSApIF07XG5cdH0sXG5cdGFjY2VzczogZnVuY3Rpb24oIG93bmVyLCBrZXksIHZhbHVlICkge1xuXG5cdFx0Ly8gSW4gY2FzZXMgd2hlcmUgZWl0aGVyOlxuXHRcdC8vXG5cdFx0Ly8gICAxLiBObyBrZXkgd2FzIHNwZWNpZmllZFxuXHRcdC8vICAgMi4gQSBzdHJpbmcga2V5IHdhcyBzcGVjaWZpZWQsIGJ1dCBubyB2YWx1ZSBwcm92aWRlZFxuXHRcdC8vXG5cdFx0Ly8gVGFrZSB0aGUgXCJyZWFkXCIgcGF0aCBhbmQgYWxsb3cgdGhlIGdldCBtZXRob2QgdG8gZGV0ZXJtaW5lXG5cdFx0Ly8gd2hpY2ggdmFsdWUgdG8gcmV0dXJuLCByZXNwZWN0aXZlbHkgZWl0aGVyOlxuXHRcdC8vXG5cdFx0Ly8gICAxLiBUaGUgZW50aXJlIGNhY2hlIG9iamVjdFxuXHRcdC8vICAgMi4gVGhlIGRhdGEgc3RvcmVkIGF0IHRoZSBrZXlcblx0XHQvL1xuXHRcdGlmICgga2V5ID09PSB1bmRlZmluZWQgfHxcblx0XHRcdFx0KCAoIGtleSAmJiB0eXBlb2Yga2V5ID09PSBcInN0cmluZ1wiICkgJiYgdmFsdWUgPT09IHVuZGVmaW5lZCApICkge1xuXG5cdFx0XHRyZXR1cm4gdGhpcy5nZXQoIG93bmVyLCBrZXkgKTtcblx0XHR9XG5cblx0XHQvLyBXaGVuIHRoZSBrZXkgaXMgbm90IGEgc3RyaW5nLCBvciBib3RoIGEga2V5IGFuZCB2YWx1ZVxuXHRcdC8vIGFyZSBzcGVjaWZpZWQsIHNldCBvciBleHRlbmQgKGV4aXN0aW5nIG9iamVjdHMpIHdpdGggZWl0aGVyOlxuXHRcdC8vXG5cdFx0Ly8gICAxLiBBbiBvYmplY3Qgb2YgcHJvcGVydGllc1xuXHRcdC8vICAgMi4gQSBrZXkgYW5kIHZhbHVlXG5cdFx0Ly9cblx0XHR0aGlzLnNldCggb3duZXIsIGtleSwgdmFsdWUgKTtcblxuXHRcdC8vIFNpbmNlIHRoZSBcInNldFwiIHBhdGggY2FuIGhhdmUgdHdvIHBvc3NpYmxlIGVudHJ5IHBvaW50c1xuXHRcdC8vIHJldHVybiB0aGUgZXhwZWN0ZWQgZGF0YSBiYXNlZCBvbiB3aGljaCBwYXRoIHdhcyB0YWtlblsqXVxuXHRcdHJldHVybiB2YWx1ZSAhPT0gdW5kZWZpbmVkID8gdmFsdWUgOiBrZXk7XG5cdH0sXG5cdHJlbW92ZTogZnVuY3Rpb24oIG93bmVyLCBrZXkgKSB7XG5cdFx0dmFyIGksXG5cdFx0XHRjYWNoZSA9IG93bmVyWyB0aGlzLmV4cGFuZG8gXTtcblxuXHRcdGlmICggY2FjaGUgPT09IHVuZGVmaW5lZCApIHtcblx0XHRcdHJldHVybjtcblx0XHR9XG5cblx0XHRpZiAoIGtleSAhPT0gdW5kZWZpbmVkICkge1xuXG5cdFx0XHQvLyBTdXBwb3J0IGFycmF5IG9yIHNwYWNlIHNlcGFyYXRlZCBzdHJpbmcgb2Yga2V5c1xuXHRcdFx0aWYgKCBBcnJheS5pc0FycmF5KCBrZXkgKSApIHtcblxuXHRcdFx0XHQvLyBJZiBrZXkgaXMgYW4gYXJyYXkgb2Yga2V5cy4uLlxuXHRcdFx0XHQvLyBXZSBhbHdheXMgc2V0IGNhbWVsQ2FzZSBrZXlzLCBzbyByZW1vdmUgdGhhdC5cblx0XHRcdFx0a2V5ID0ga2V5Lm1hcCggY2FtZWxDYXNlICk7XG5cdFx0XHR9IGVsc2Uge1xuXHRcdFx0XHRrZXkgPSBjYW1lbENhc2UoIGtleSApO1xuXG5cdFx0XHRcdC8vIElmIGEga2V5IHdpdGggdGhlIHNwYWNlcyBleGlzdHMsIHVzZSBpdC5cblx0XHRcdFx0Ly8gT3RoZXJ3aXNlLCBjcmVhdGUgYW4gYXJyYXkgYnkgbWF0Y2hpbmcgbm9uLXdoaXRlc3BhY2Vcblx0XHRcdFx0a2V5ID0ga2V5IGluIGNhY2hlID9cblx0XHRcdFx0XHRbIGtleSBdIDpcblx0XHRcdFx0XHQoIGtleS5tYXRjaCggcm5vdGh0bWx3aGl0ZSApIHx8IFtdICk7XG5cdFx0XHR9XG5cblx0XHRcdGkgPSBrZXkubGVuZ3RoO1xuXG5cdFx0XHR3aGlsZSAoIGktLSApIHtcblx0XHRcdFx0ZGVsZXRlIGNhY2hlWyBrZXlbIGkgXSBdO1xuXHRcdFx0fVxuXHRcdH1cblxuXHRcdC8vIFJlbW92ZSB0aGUgZXhwYW5kbyBpZiB0aGVyZSdzIG5vIG1vcmUgZGF0YVxuXHRcdGlmICgga2V5ID09PSB1bmRlZmluZWQgfHwgalF1ZXJ5LmlzRW1wdHlPYmplY3QoIGNhY2hlICkgKSB7XG5cblx0XHRcdC8vIFN1cHBvcnQ6IENocm9tZSA8PTM1IC0gNDVcblx0XHRcdC8vIFdlYmtpdCAmIEJsaW5rIHBlcmZvcm1hbmNlIHN1ZmZlcnMgd2hlbiBkZWxldGluZyBwcm9wZXJ0aWVzXG5cdFx0XHQvLyBmcm9tIERPTSBub2Rlcywgc28gc2V0IHRvIHVuZGVmaW5lZCBpbnN0ZWFkXG5cdFx0XHQvLyBodHRwczovL2J1Z3MuY2hyb21pdW0ub3JnL3AvY2hyb21pdW0vaXNzdWVzL2RldGFpbD9pZD0zNzg2MDcgKGJ1ZyByZXN0cmljdGVkKVxuXHRcdFx0aWYgKCBvd25lci5ub2RlVHlwZSApIHtcblx0XHRcdFx0b3duZXJbIHRoaXMuZXhwYW5kbyBdID0gdW5kZWZpbmVkO1xuXHRcdFx0fSBlbHNlIHtcblx0XHRcdFx0ZGVsZXRlIG93bmVyWyB0aGlzLmV4cGFuZG8gXTtcblx0XHRcdH1cblx0XHR9XG5cdH0sXG5cdGhhc0RhdGE6IGZ1bmN0aW9uKCBvd25lciApIHtcblx0XHR2YXIgY2FjaGUgPSBvd25lclsgdGhpcy5leHBhbmRvIF07XG5cdFx0cmV0dXJuIGNhY2hlICE9PSB1bmRlZmluZWQgJiYgIWpRdWVyeS5pc0VtcHR5T2JqZWN0KCBjYWNoZSApO1xuXHR9XG59O1xudmFyIGRhdGFQcml2ID0gbmV3IERhdGEoKTtcblxudmFyIGRhdGFVc2VyID0gbmV3IERhdGEoKTtcblxuXG5cbi8vXHRJbXBsZW1lbnRhdGlvbiBTdW1tYXJ5XG4vL1xuLy9cdDEuIEVuZm9yY2UgQVBJIHN1cmZhY2UgYW5kIHNlbWFudGljIGNvbXBhdGliaWxpdHkgd2l0aCAxLjkueCBicmFuY2hcbi8vXHQyLiBJbXByb3ZlIHRoZSBtb2R1bGUncyBtYWludGFpbmFiaWxpdHkgYnkgcmVkdWNpbmcgdGhlIHN0b3JhZ2Vcbi8vXHRcdHBhdGhzIHRvIGEgc2luZ2xlIG1lY2hhbmlzbS5cbi8vXHQzLiBVc2UgdGhlIHNhbWUgc2luZ2xlIG1lY2hhbmlzbSB0byBzdXBwb3J0IFwicHJpdmF0ZVwiIGFuZCBcInVzZXJcIiBkYXRhLlxuLy9cdDQuIF9OZXZlcl8gZXhwb3NlIFwicHJpdmF0ZVwiIGRhdGEgdG8gdXNlciBjb2RlIChUT0RPOiBEcm9wIF9kYXRhLCBfcmVtb3ZlRGF0YSlcbi8vXHQ1LiBBdm9pZCBleHBvc2luZyBpbXBsZW1lbnRhdGlvbiBkZXRhaWxzIG9uIHVzZXIgb2JqZWN0cyAoZWcuIGV4cGFuZG8gcHJvcGVydGllcylcbi8vXHQ2LiBQcm92aWRlIGEgY2xlYXIgcGF0aCBmb3IgaW1wbGVtZW50YXRpb24gdXBncmFkZSB0byBXZWFrTWFwIGluIDIwMTRcblxudmFyIHJicmFjZSA9IC9eKD86XFx7W1xcd1xcV10qXFx9fFxcW1tcXHdcXFddKlxcXSkkLyxcblx0cm11bHRpRGFzaCA9IC9bQS1aXS9nO1xuXG5mdW5jdGlvbiBnZXREYXRhKCBkYXRhICkge1xuXHRpZiAoIGRhdGEgPT09IFwidHJ1ZVwiICkge1xuXHRcdHJldHVybiB0cnVlO1xuXHR9XG5cblx0aWYgKCBkYXRhID09PSBcImZhbHNlXCIgKSB7XG5cdFx0cmV0dXJuIGZhbHNlO1xuXHR9XG5cblx0aWYgKCBkYXRhID09PSBcIm51bGxcIiApIHtcblx0XHRyZXR1cm4gbnVsbDtcblx0fVxuXG5cdC8vIE9ubHkgY29udmVydCB0byBhIG51bWJlciBpZiBpdCBkb2Vzbid0IGNoYW5nZSB0aGUgc3RyaW5nXG5cdGlmICggZGF0YSA9PT0gK2RhdGEgKyBcIlwiICkge1xuXHRcdHJldHVybiArZGF0YTtcblx0fVxuXG5cdGlmICggcmJyYWNlLnRlc3QoIGRhdGEgKSApIHtcblx0XHRyZXR1cm4gSlNPTi5wYXJzZSggZGF0YSApO1xuXHR9XG5cblx0cmV0dXJuIGRhdGE7XG59XG5cbmZ1bmN0aW9uIGRhdGFBdHRyKCBlbGVtLCBrZXksIGRhdGEgKSB7XG5cdHZhciBuYW1lO1xuXG5cdC8vIElmIG5vdGhpbmcgd2FzIGZvdW5kIGludGVybmFsbHksIHRyeSB0byBmZXRjaCBhbnlcblx0Ly8gZGF0YSBmcm9tIHRoZSBIVE1MNSBkYXRhLSogYXR0cmlidXRlXG5cdGlmICggZGF0YSA9PT0gdW5kZWZpbmVkICYmIGVsZW0ubm9kZVR5cGUgPT09IDEgKSB7XG5cdFx0bmFtZSA9IFwiZGF0YS1cIiArIGtleS5yZXBsYWNlKCBybXVsdGlEYXNoLCBcIi0kJlwiICkudG9Mb3dlckNhc2UoKTtcblx0XHRkYXRhID0gZWxlbS5nZXRBdHRyaWJ1dGUoIG5hbWUgKTtcblxuXHRcdGlmICggdHlwZW9mIGRhdGEgPT09IFwic3RyaW5nXCIgKSB7XG5cdFx0XHR0cnkge1xuXHRcdFx0XHRkYXRhID0gZ2V0RGF0YSggZGF0YSApO1xuXHRcdFx0fSBjYXRjaCAoIGUgKSB7fVxuXG5cdFx0XHQvLyBNYWtlIHN1cmUgd2Ugc2V0IHRoZSBkYXRhIHNvIGl0IGlzbid0IGNoYW5nZWQgbGF0ZXJcblx0XHRcdGRhdGFVc2VyLnNldCggZWxlbSwga2V5LCBkYXRhICk7XG5cdFx0fSBlbHNlIHtcblx0XHRcdGRhdGEgPSB1bmRlZmluZWQ7XG5cdFx0fVxuXHR9XG5cdHJldHVybiBkYXRhO1xufVxuXG5qUXVlcnkuZXh0ZW5kKCB7XG5cdGhhc0RhdGE6IGZ1bmN0aW9uKCBlbGVtICkge1xuXHRcdHJldHVybiBkYXRhVXNlci5oYXNEYXRhKCBlbGVtICkgfHwgZGF0YVByaXYuaGFzRGF0YSggZWxlbSApO1xuXHR9LFxuXG5cdGRhdGE6IGZ1bmN0aW9uKCBlbGVtLCBuYW1lLCBkYXRhICkge1xuXHRcdHJldHVybiBkYXRhVXNlci5hY2Nlc3MoIGVsZW0sIG5hbWUsIGRhdGEgKTtcblx0fSxcblxuXHRyZW1vdmVEYXRhOiBmdW5jdGlvbiggZWxlbSwgbmFtZSApIHtcblx0XHRkYXRhVXNlci5yZW1vdmUoIGVsZW0sIG5hbWUgKTtcblx0fSxcblxuXHQvLyBUT0RPOiBOb3cgdGhhdCBhbGwgY2FsbHMgdG8gX2RhdGEgYW5kIF9yZW1vdmVEYXRhIGhhdmUgYmVlbiByZXBsYWNlZFxuXHQvLyB3aXRoIGRpcmVjdCBjYWxscyB0byBkYXRhUHJpdiBtZXRob2RzLCB0aGVzZSBjYW4gYmUgZGVwcmVjYXRlZC5cblx0X2RhdGE6IGZ1bmN0aW9uKCBlbGVtLCBuYW1lLCBkYXRhICkge1xuXHRcdHJldHVybiBkYXRhUHJpdi5hY2Nlc3MoIGVsZW0sIG5hbWUsIGRhdGEgKTtcblx0fSxcblxuXHRfcmVtb3ZlRGF0YTogZnVuY3Rpb24oIGVsZW0sIG5hbWUgKSB7XG5cdFx0ZGF0YVByaXYucmVtb3ZlKCBlbGVtLCBuYW1lICk7XG5cdH1cbn0gKTtcblxualF1ZXJ5LmZuLmV4dGVuZCgge1xuXHRkYXRhOiBmdW5jdGlvbigga2V5LCB2YWx1ZSApIHtcblx0XHR2YXIgaSwgbmFtZSwgZGF0YSxcblx0XHRcdGVsZW0gPSB0aGlzWyAwIF0sXG5cdFx0XHRhdHRycyA9IGVsZW0gJiYgZWxlbS5hdHRyaWJ1dGVzO1xuXG5cdFx0Ly8gR2V0cyBhbGwgdmFsdWVzXG5cdFx0aWYgKCBrZXkgPT09IHVuZGVmaW5lZCApIHtcblx0XHRcdGlmICggdGhpcy5sZW5ndGggKSB7XG5cdFx0XHRcdGRhdGEgPSBkYXRhVXNlci5nZXQoIGVsZW0gKTtcblxuXHRcdFx0XHRpZiAoIGVsZW0ubm9kZVR5cGUgPT09IDEgJiYgIWRhdGFQcml2LmdldCggZWxlbSwgXCJoYXNEYXRhQXR0cnNcIiApICkge1xuXHRcdFx0XHRcdGkgPSBhdHRycy5sZW5ndGg7XG5cdFx0XHRcdFx0d2hpbGUgKCBpLS0gKSB7XG5cblx0XHRcdFx0XHRcdC8vIFN1cHBvcnQ6IElFIDExIG9ubHlcblx0XHRcdFx0XHRcdC8vIFRoZSBhdHRycyBlbGVtZW50cyBjYW4gYmUgbnVsbCAodHJhYy0xNDg5NClcblx0XHRcdFx0XHRcdGlmICggYXR0cnNbIGkgXSApIHtcblx0XHRcdFx0XHRcdFx0bmFtZSA9IGF0dHJzWyBpIF0ubmFtZTtcblx0XHRcdFx0XHRcdFx0aWYgKCBuYW1lLmluZGV4T2YoIFwiZGF0YS1cIiApID09PSAwICkge1xuXHRcdFx0XHRcdFx0XHRcdG5hbWUgPSBjYW1lbENhc2UoIG5hbWUuc2xpY2UoIDUgKSApO1xuXHRcdFx0XHRcdFx0XHRcdGRhdGFBdHRyKCBlbGVtLCBuYW1lLCBkYXRhWyBuYW1lIF0gKTtcblx0XHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdH1cblx0XHRcdFx0XHRkYXRhUHJpdi5zZXQoIGVsZW0sIFwiaGFzRGF0YUF0dHJzXCIsIHRydWUgKTtcblx0XHRcdFx0fVxuXHRcdFx0fVxuXG5cdFx0XHRyZXR1cm4gZGF0YTtcblx0XHR9XG5cblx0XHQvLyBTZXRzIG11bHRpcGxlIHZhbHVlc1xuXHRcdGlmICggdHlwZW9mIGtleSA9PT0gXCJvYmplY3RcIiApIHtcblx0XHRcdHJldHVybiB0aGlzLmVhY2goIGZ1bmN0aW9uKCkge1xuXHRcdFx0XHRkYXRhVXNlci5zZXQoIHRoaXMsIGtleSApO1xuXHRcdFx0fSApO1xuXHRcdH1cblxuXHRcdHJldHVybiBhY2Nlc3MoIHRoaXMsIGZ1bmN0aW9uKCB2YWx1ZSApIHtcblx0XHRcdHZhciBkYXRhO1xuXG5cdFx0XHQvLyBUaGUgY2FsbGluZyBqUXVlcnkgb2JqZWN0IChlbGVtZW50IG1hdGNoZXMpIGlzIG5vdCBlbXB0eVxuXHRcdFx0Ly8gKGFuZCB0aGVyZWZvcmUgaGFzIGFuIGVsZW1lbnQgYXBwZWFycyBhdCB0aGlzWyAwIF0pIGFuZCB0aGVcblx0XHRcdC8vIGB2YWx1ZWAgcGFyYW1ldGVyIHdhcyBub3QgdW5kZWZpbmVkLiBBbiBlbXB0eSBqUXVlcnkgb2JqZWN0XG5cdFx0XHQvLyB3aWxsIHJlc3VsdCBpbiBgdW5kZWZpbmVkYCBmb3IgZWxlbSA9IHRoaXNbIDAgXSB3aGljaCB3aWxsXG5cdFx0XHQvLyB0aHJvdyBhbiBleGNlcHRpb24gaWYgYW4gYXR0ZW1wdCB0byByZWFkIGEgZGF0YSBjYWNoZSBpcyBtYWRlLlxuXHRcdFx0aWYgKCBlbGVtICYmIHZhbHVlID09PSB1bmRlZmluZWQgKSB7XG5cblx0XHRcdFx0Ly8gQXR0ZW1wdCB0byBnZXQgZGF0YSBmcm9tIHRoZSBjYWNoZVxuXHRcdFx0XHQvLyBUaGUga2V5IHdpbGwgYWx3YXlzIGJlIGNhbWVsQ2FzZWQgaW4gRGF0YVxuXHRcdFx0XHRkYXRhID0gZGF0YVVzZXIuZ2V0KCBlbGVtLCBrZXkgKTtcblx0XHRcdFx0aWYgKCBkYXRhICE9PSB1bmRlZmluZWQgKSB7XG5cdFx0XHRcdFx0cmV0dXJuIGRhdGE7XG5cdFx0XHRcdH1cblxuXHRcdFx0XHQvLyBBdHRlbXB0IHRvIFwiZGlzY292ZXJcIiB0aGUgZGF0YSBpblxuXHRcdFx0XHQvLyBIVE1MNSBjdXN0b20gZGF0YS0qIGF0dHJzXG5cdFx0XHRcdGRhdGEgPSBkYXRhQXR0ciggZWxlbSwga2V5ICk7XG5cdFx0XHRcdGlmICggZGF0YSAhPT0gdW5kZWZpbmVkICkge1xuXHRcdFx0XHRcdHJldHVybiBkYXRhO1xuXHRcdFx0XHR9XG5cblx0XHRcdFx0Ly8gV2UgdHJpZWQgcmVhbGx5IGhhcmQsIGJ1dCB0aGUgZGF0YSBkb2Vzbid0IGV4aXN0LlxuXHRcdFx0XHRyZXR1cm47XG5cdFx0XHR9XG5cblx0XHRcdC8vIFNldCB0aGUgZGF0YS4uLlxuXHRcdFx0dGhpcy5lYWNoKCBmdW5jdGlvbigpIHtcblxuXHRcdFx0XHQvLyBXZSBhbHdheXMgc3RvcmUgdGhlIGNhbWVsQ2FzZWQga2V5XG5cdFx0XHRcdGRhdGFVc2VyLnNldCggdGhpcywga2V5LCB2YWx1ZSApO1xuXHRcdFx0fSApO1xuXHRcdH0sIG51bGwsIHZhbHVlLCBhcmd1bWVudHMubGVuZ3RoID4gMSwgbnVsbCwgdHJ1ZSApO1xuXHR9LFxuXG5cdHJlbW92ZURhdGE6IGZ1bmN0aW9uKCBrZXkgKSB7XG5cdFx0cmV0dXJuIHRoaXMuZWFjaCggZnVuY3Rpb24oKSB7XG5cdFx0XHRkYXRhVXNlci5yZW1vdmUoIHRoaXMsIGtleSApO1xuXHRcdH0gKTtcblx0fVxufSApO1xuXG5cbmpRdWVyeS5leHRlbmQoIHtcblx0cXVldWU6IGZ1bmN0aW9uKCBlbGVtLCB0eXBlLCBkYXRhICkge1xuXHRcdHZhciBxdWV1ZTtcblxuXHRcdGlmICggZWxlbSApIHtcblx0XHRcdHR5cGUgPSAoIHR5cGUgfHwgXCJmeFwiICkgKyBcInF1ZXVlXCI7XG5cdFx0XHRxdWV1ZSA9IGRhdGFQcml2LmdldCggZWxlbSwgdHlwZSApO1xuXG5cdFx0XHQvLyBTcGVlZCB1cCBkZXF1ZXVlIGJ5IGdldHRpbmcgb3V0IHF1aWNrbHkgaWYgdGhpcyBpcyBqdXN0IGEgbG9va3VwXG5cdFx0XHRpZiAoIGRhdGEgKSB7XG5cdFx0XHRcdGlmICggIXF1ZXVlIHx8IEFycmF5LmlzQXJyYXkoIGRhdGEgKSApIHtcblx0XHRcdFx0XHRxdWV1ZSA9IGRhdGFQcml2LmFjY2VzcyggZWxlbSwgdHlwZSwgalF1ZXJ5Lm1ha2VBcnJheSggZGF0YSApICk7XG5cdFx0XHRcdH0gZWxzZSB7XG5cdFx0XHRcdFx0cXVldWUucHVzaCggZGF0YSApO1xuXHRcdFx0XHR9XG5cdFx0XHR9XG5cdFx0XHRyZXR1cm4gcXVldWUgfHwgW107XG5cdFx0fVxuXHR9LFxuXG5cdGRlcXVldWU6IGZ1bmN0aW9uKCBlbGVtLCB0eXBlICkge1xuXHRcdHR5cGUgPSB0eXBlIHx8IFwiZnhcIjtcblxuXHRcdHZhciBxdWV1ZSA9IGpRdWVyeS5xdWV1ZSggZWxlbSwgdHlwZSApLFxuXHRcdFx0c3RhcnRMZW5ndGggPSBxdWV1ZS5sZW5ndGgsXG5cdFx0XHRmbiA9IHF1ZXVlLnNoaWZ0KCksXG5cdFx0XHRob29rcyA9IGpRdWVyeS5fcXVldWVIb29rcyggZWxlbSwgdHlwZSApLFxuXHRcdFx0bmV4dCA9IGZ1bmN0aW9uKCkge1xuXHRcdFx0XHRqUXVlcnkuZGVxdWV1ZSggZWxlbSwgdHlwZSApO1xuXHRcdFx0fTtcblxuXHRcdC8vIElmIHRoZSBmeCBxdWV1ZSBpcyBkZXF1ZXVlZCwgYWx3YXlzIHJlbW92ZSB0aGUgcHJvZ3Jlc3Mgc2VudGluZWxcblx0XHRpZiAoIGZuID09PSBcImlucHJvZ3Jlc3NcIiApIHtcblx0XHRcdGZuID0gcXVldWUuc2hpZnQoKTtcblx0XHRcdHN0YXJ0TGVuZ3RoLS07XG5cdFx0fVxuXG5cdFx0aWYgKCBmbiApIHtcblxuXHRcdFx0Ly8gQWRkIGEgcHJvZ3Jlc3Mgc2VudGluZWwgdG8gcHJldmVudCB0aGUgZnggcXVldWUgZnJvbSBiZWluZ1xuXHRcdFx0Ly8gYXV0b21hdGljYWxseSBkZXF1ZXVlZFxuXHRcdFx0aWYgKCB0eXBlID09PSBcImZ4XCIgKSB7XG5cdFx0XHRcdHF1ZXVlLnVuc2hpZnQoIFwiaW5wcm9ncmVzc1wiICk7XG5cdFx0XHR9XG5cblx0XHRcdC8vIENsZWFyIHVwIHRoZSBsYXN0IHF1ZXVlIHN0b3AgZnVuY3Rpb25cblx0XHRcdGRlbGV0ZSBob29rcy5zdG9wO1xuXHRcdFx0Zm4uY2FsbCggZWxlbSwgbmV4dCwgaG9va3MgKTtcblx0XHR9XG5cblx0XHRpZiAoICFzdGFydExlbmd0aCAmJiBob29rcyApIHtcblx0XHRcdGhvb2tzLmVtcHR5LmZpcmUoKTtcblx0XHR9XG5cdH0sXG5cblx0Ly8gTm90IHB1YmxpYyAtIGdlbmVyYXRlIGEgcXVldWVIb29rcyBvYmplY3QsIG9yIHJldHVybiB0aGUgY3VycmVudCBvbmVcblx0X3F1ZXVlSG9va3M6IGZ1bmN0aW9uKCBlbGVtLCB0eXBlICkge1xuXHRcdHZhciBrZXkgPSB0eXBlICsgXCJxdWV1ZUhvb2tzXCI7XG5cdFx0cmV0dXJuIGRhdGFQcml2LmdldCggZWxlbSwga2V5ICkgfHwgZGF0YVByaXYuYWNjZXNzKCBlbGVtLCBrZXksIHtcblx0XHRcdGVtcHR5OiBqUXVlcnkuQ2FsbGJhY2tzKCBcIm9uY2UgbWVtb3J5XCIgKS5hZGQoIGZ1bmN0aW9uKCkge1xuXHRcdFx0XHRkYXRhUHJpdi5yZW1vdmUoIGVsZW0sIFsgdHlwZSArIFwicXVldWVcIiwga2V5IF0gKTtcblx0XHRcdH0gKVxuXHRcdH0gKTtcblx0fVxufSApO1xuXG5qUXVlcnkuZm4uZXh0ZW5kKCB7XG5cdHF1ZXVlOiBmdW5jdGlvbiggdHlwZSwgZGF0YSApIHtcblx0XHR2YXIgc2V0dGVyID0gMjtcblxuXHRcdGlmICggdHlwZW9mIHR5cGUgIT09IFwic3RyaW5nXCIgKSB7XG5cdFx0XHRkYXRhID0gdHlwZTtcblx0XHRcdHR5cGUgPSBcImZ4XCI7XG5cdFx0XHRzZXR0ZXItLTtcblx0XHR9XG5cblx0XHRpZiAoIGFyZ3VtZW50cy5sZW5ndGggPCBzZXR0ZXIgKSB7XG5cdFx0XHRyZXR1cm4galF1ZXJ5LnF1ZXVlKCB0aGlzWyAwIF0sIHR5cGUgKTtcblx0XHR9XG5cblx0XHRyZXR1cm4gZGF0YSA9PT0gdW5kZWZpbmVkID9cblx0XHRcdHRoaXMgOlxuXHRcdFx0dGhpcy5lYWNoKCBmdW5jdGlvbigpIHtcblx0XHRcdFx0dmFyIHF1ZXVlID0galF1ZXJ5LnF1ZXVlKCB0aGlzLCB0eXBlLCBkYXRhICk7XG5cblx0XHRcdFx0Ly8gRW5zdXJlIGEgaG9va3MgZm9yIHRoaXMgcXVldWVcblx0XHRcdFx0alF1ZXJ5Ll9xdWV1ZUhvb2tzKCB0aGlzLCB0eXBlICk7XG5cblx0XHRcdFx0aWYgKCB0eXBlID09PSBcImZ4XCIgJiYgcXVldWVbIDAgXSAhPT0gXCJpbnByb2dyZXNzXCIgKSB7XG5cdFx0XHRcdFx0alF1ZXJ5LmRlcXVldWUoIHRoaXMsIHR5cGUgKTtcblx0XHRcdFx0fVxuXHRcdFx0fSApO1xuXHR9LFxuXHRkZXF1ZXVlOiBmdW5jdGlvbiggdHlwZSApIHtcblx0XHRyZXR1cm4gdGhpcy5lYWNoKCBmdW5jdGlvbigpIHtcblx0XHRcdGpRdWVyeS5kZXF1ZXVlKCB0aGlzLCB0eXBlICk7XG5cdFx0fSApO1xuXHR9LFxuXHRjbGVhclF1ZXVlOiBmdW5jdGlvbiggdHlwZSApIHtcblx0XHRyZXR1cm4gdGhpcy5xdWV1ZSggdHlwZSB8fCBcImZ4XCIsIFtdICk7XG5cdH0sXG5cblx0Ly8gR2V0IGEgcHJvbWlzZSByZXNvbHZlZCB3aGVuIHF1ZXVlcyBvZiBhIGNlcnRhaW4gdHlwZVxuXHQvLyBhcmUgZW1wdGllZCAoZnggaXMgdGhlIHR5cGUgYnkgZGVmYXVsdClcblx0cHJvbWlzZTogZnVuY3Rpb24oIHR5cGUsIG9iaiApIHtcblx0XHR2YXIgdG1wLFxuXHRcdFx0Y291bnQgPSAxLFxuXHRcdFx0ZGVmZXIgPSBqUXVlcnkuRGVmZXJyZWQoKSxcblx0XHRcdGVsZW1lbnRzID0gdGhpcyxcblx0XHRcdGkgPSB0aGlzLmxlbmd0aCxcblx0XHRcdHJlc29sdmUgPSBmdW5jdGlvbigpIHtcblx0XHRcdFx0aWYgKCAhKCAtLWNvdW50ICkgKSB7XG5cdFx0XHRcdFx0ZGVmZXIucmVzb2x2ZVdpdGgoIGVsZW1lbnRzLCBbIGVsZW1lbnRzIF0gKTtcblx0XHRcdFx0fVxuXHRcdFx0fTtcblxuXHRcdGlmICggdHlwZW9mIHR5cGUgIT09IFwic3RyaW5nXCIgKSB7XG5cdFx0XHRvYmogPSB0eXBlO1xuXHRcdFx0dHlwZSA9IHVuZGVmaW5lZDtcblx0XHR9XG5cdFx0dHlwZSA9IHR5cGUgfHwgXCJmeFwiO1xuXG5cdFx0d2hpbGUgKCBpLS0gKSB7XG5cdFx0XHR0bXAgPSBkYXRhUHJpdi5nZXQoIGVsZW1lbnRzWyBpIF0sIHR5cGUgKyBcInF1ZXVlSG9va3NcIiApO1xuXHRcdFx0aWYgKCB0bXAgJiYgdG1wLmVtcHR5ICkge1xuXHRcdFx0XHRjb3VudCsrO1xuXHRcdFx0XHR0bXAuZW1wdHkuYWRkKCByZXNvbHZlICk7XG5cdFx0XHR9XG5cdFx0fVxuXHRcdHJlc29sdmUoKTtcblx0XHRyZXR1cm4gZGVmZXIucHJvbWlzZSggb2JqICk7XG5cdH1cbn0gKTtcbnZhciBwbnVtID0gKCAvWystXT8oPzpcXGQqXFwufClcXGQrKD86W2VFXVsrLV0/XFxkK3wpLyApLnNvdXJjZTtcblxudmFyIHJjc3NOdW0gPSBuZXcgUmVnRXhwKCBcIl4oPzooWystXSk9fCkoXCIgKyBwbnVtICsgXCIpKFthLXolXSopJFwiLCBcImlcIiApO1xuXG5cbnZhciBjc3NFeHBhbmQgPSBbIFwiVG9wXCIsIFwiUmlnaHRcIiwgXCJCb3R0b21cIiwgXCJMZWZ0XCIgXTtcblxudmFyIGRvY3VtZW50RWxlbWVudCA9IGRvY3VtZW50LmRvY3VtZW50RWxlbWVudDtcblxuXG5cblx0dmFyIGlzQXR0YWNoZWQgPSBmdW5jdGlvbiggZWxlbSApIHtcblx0XHRcdHJldHVybiBqUXVlcnkuY29udGFpbnMoIGVsZW0ub3duZXJEb2N1bWVudCwgZWxlbSApO1xuXHRcdH0sXG5cdFx0Y29tcG9zZWQgPSB7IGNvbXBvc2VkOiB0cnVlIH07XG5cblx0Ly8gU3VwcG9ydDogSUUgOSAtIDExKywgRWRnZSAxMiAtIDE4KywgaU9TIDEwLjAgLSAxMC4yIG9ubHlcblx0Ly8gQ2hlY2sgYXR0YWNobWVudCBhY3Jvc3Mgc2hhZG93IERPTSBib3VuZGFyaWVzIHdoZW4gcG9zc2libGUgKGdoLTM1MDQpXG5cdC8vIFN1cHBvcnQ6IGlPUyAxMC4wLTEwLjIgb25seVxuXHQvLyBFYXJseSBpT1MgMTAgdmVyc2lvbnMgc3VwcG9ydCBgYXR0YWNoU2hhZG93YCBidXQgbm90IGBnZXRSb290Tm9kZWAsXG5cdC8vIGxlYWRpbmcgdG8gZXJyb3JzLiBXZSBuZWVkIHRvIGNoZWNrIGZvciBgZ2V0Um9vdE5vZGVgLlxuXHRpZiAoIGRvY3VtZW50RWxlbWVudC5nZXRSb290Tm9kZSApIHtcblx0XHRpc0F0dGFjaGVkID0gZnVuY3Rpb24oIGVsZW0gKSB7XG5cdFx0XHRyZXR1cm4galF1ZXJ5LmNvbnRhaW5zKCBlbGVtLm93bmVyRG9jdW1lbnQsIGVsZW0gKSB8fFxuXHRcdFx0XHRlbGVtLmdldFJvb3ROb2RlKCBjb21wb3NlZCApID09PSBlbGVtLm93bmVyRG9jdW1lbnQ7XG5cdFx0fTtcblx0fVxudmFyIGlzSGlkZGVuV2l0aGluVHJlZSA9IGZ1bmN0aW9uKCBlbGVtLCBlbCApIHtcblxuXHRcdC8vIGlzSGlkZGVuV2l0aGluVHJlZSBtaWdodCBiZSBjYWxsZWQgZnJvbSBqUXVlcnkjZmlsdGVyIGZ1bmN0aW9uO1xuXHRcdC8vIGluIHRoYXQgY2FzZSwgZWxlbWVudCB3aWxsIGJlIHNlY29uZCBhcmd1bWVudFxuXHRcdGVsZW0gPSBlbCB8fCBlbGVtO1xuXG5cdFx0Ly8gSW5saW5lIHN0eWxlIHRydW1wcyBhbGxcblx0XHRyZXR1cm4gZWxlbS5zdHlsZS5kaXNwbGF5ID09PSBcIm5vbmVcIiB8fFxuXHRcdFx0ZWxlbS5zdHlsZS5kaXNwbGF5ID09PSBcIlwiICYmXG5cblx0XHRcdC8vIE90aGVyd2lzZSwgY2hlY2sgY29tcHV0ZWQgc3R5bGVcblx0XHRcdC8vIFN1cHBvcnQ6IEZpcmVmb3ggPD00MyAtIDQ1XG5cdFx0XHQvLyBEaXNjb25uZWN0ZWQgZWxlbWVudHMgY2FuIGhhdmUgY29tcHV0ZWQgZGlzcGxheTogbm9uZSwgc28gZmlyc3QgY29uZmlybSB0aGF0IGVsZW0gaXNcblx0XHRcdC8vIGluIHRoZSBkb2N1bWVudC5cblx0XHRcdGlzQXR0YWNoZWQoIGVsZW0gKSAmJlxuXG5cdFx0XHRqUXVlcnkuY3NzKCBlbGVtLCBcImRpc3BsYXlcIiApID09PSBcIm5vbmVcIjtcblx0fTtcblxuXG5cbmZ1bmN0aW9uIGFkanVzdENTUyggZWxlbSwgcHJvcCwgdmFsdWVQYXJ0cywgdHdlZW4gKSB7XG5cdHZhciBhZGp1c3RlZCwgc2NhbGUsXG5cdFx0bWF4SXRlcmF0aW9ucyA9IDIwLFxuXHRcdGN1cnJlbnRWYWx1ZSA9IHR3ZWVuID9cblx0XHRcdGZ1bmN0aW9uKCkge1xuXHRcdFx0XHRyZXR1cm4gdHdlZW4uY3VyKCk7XG5cdFx0XHR9IDpcblx0XHRcdGZ1bmN0aW9uKCkge1xuXHRcdFx0XHRyZXR1cm4galF1ZXJ5LmNzcyggZWxlbSwgcHJvcCwgXCJcIiApO1xuXHRcdFx0fSxcblx0XHRpbml0aWFsID0gY3VycmVudFZhbHVlKCksXG5cdFx0dW5pdCA9IHZhbHVlUGFydHMgJiYgdmFsdWVQYXJ0c1sgMyBdIHx8ICggalF1ZXJ5LmNzc051bWJlclsgcHJvcCBdID8gXCJcIiA6IFwicHhcIiApLFxuXG5cdFx0Ly8gU3RhcnRpbmcgdmFsdWUgY29tcHV0YXRpb24gaXMgcmVxdWlyZWQgZm9yIHBvdGVudGlhbCB1bml0IG1pc21hdGNoZXNcblx0XHRpbml0aWFsSW5Vbml0ID0gZWxlbS5ub2RlVHlwZSAmJlxuXHRcdFx0KCBqUXVlcnkuY3NzTnVtYmVyWyBwcm9wIF0gfHwgdW5pdCAhPT0gXCJweFwiICYmICtpbml0aWFsICkgJiZcblx0XHRcdHJjc3NOdW0uZXhlYyggalF1ZXJ5LmNzcyggZWxlbSwgcHJvcCApICk7XG5cblx0aWYgKCBpbml0aWFsSW5Vbml0ICYmIGluaXRpYWxJblVuaXRbIDMgXSAhPT0gdW5pdCApIHtcblxuXHRcdC8vIFN1cHBvcnQ6IEZpcmVmb3ggPD01NFxuXHRcdC8vIEhhbHZlIHRoZSBpdGVyYXRpb24gdGFyZ2V0IHZhbHVlIHRvIHByZXZlbnQgaW50ZXJmZXJlbmNlIGZyb20gQ1NTIHVwcGVyIGJvdW5kcyAoZ2gtMjE0NClcblx0XHRpbml0aWFsID0gaW5pdGlhbCAvIDI7XG5cblx0XHQvLyBUcnVzdCB1bml0cyByZXBvcnRlZCBieSBqUXVlcnkuY3NzXG5cdFx0dW5pdCA9IHVuaXQgfHwgaW5pdGlhbEluVW5pdFsgMyBdO1xuXG5cdFx0Ly8gSXRlcmF0aXZlbHkgYXBwcm94aW1hdGUgZnJvbSBhIG5vbnplcm8gc3RhcnRpbmcgcG9pbnRcblx0XHRpbml0aWFsSW5Vbml0ID0gK2luaXRpYWwgfHwgMTtcblxuXHRcdHdoaWxlICggbWF4SXRlcmF0aW9ucy0tICkge1xuXG5cdFx0XHQvLyBFdmFsdWF0ZSBhbmQgdXBkYXRlIG91ciBiZXN0IGd1ZXNzIChkb3VibGluZyBndWVzc2VzIHRoYXQgemVybyBvdXQpLlxuXHRcdFx0Ly8gRmluaXNoIGlmIHRoZSBzY2FsZSBlcXVhbHMgb3IgY3Jvc3NlcyAxIChtYWtpbmcgdGhlIG9sZCpuZXcgcHJvZHVjdCBub24tcG9zaXRpdmUpLlxuXHRcdFx0alF1ZXJ5LnN0eWxlKCBlbGVtLCBwcm9wLCBpbml0aWFsSW5Vbml0ICsgdW5pdCApO1xuXHRcdFx0aWYgKCAoIDEgLSBzY2FsZSApICogKCAxIC0gKCBzY2FsZSA9IGN1cnJlbnRWYWx1ZSgpIC8gaW5pdGlhbCB8fCAwLjUgKSApIDw9IDAgKSB7XG5cdFx0XHRcdG1heEl0ZXJhdGlvbnMgPSAwO1xuXHRcdFx0fVxuXHRcdFx0aW5pdGlhbEluVW5pdCA9IGluaXRpYWxJblVuaXQgLyBzY2FsZTtcblxuXHRcdH1cblxuXHRcdGluaXRpYWxJblVuaXQgPSBpbml0aWFsSW5Vbml0ICogMjtcblx0XHRqUXVlcnkuc3R5bGUoIGVsZW0sIHByb3AsIGluaXRpYWxJblVuaXQgKyB1bml0ICk7XG5cblx0XHQvLyBNYWtlIHN1cmUgd2UgdXBkYXRlIHRoZSB0d2VlbiBwcm9wZXJ0aWVzIGxhdGVyIG9uXG5cdFx0dmFsdWVQYXJ0cyA9IHZhbHVlUGFydHMgfHwgW107XG5cdH1cblxuXHRpZiAoIHZhbHVlUGFydHMgKSB7XG5cdFx0aW5pdGlhbEluVW5pdCA9ICtpbml0aWFsSW5Vbml0IHx8ICtpbml0aWFsIHx8IDA7XG5cblx0XHQvLyBBcHBseSByZWxhdGl2ZSBvZmZzZXQgKCs9Ly09KSBpZiBzcGVjaWZpZWRcblx0XHRhZGp1c3RlZCA9IHZhbHVlUGFydHNbIDEgXSA/XG5cdFx0XHRpbml0aWFsSW5Vbml0ICsgKCB2YWx1ZVBhcnRzWyAxIF0gKyAxICkgKiB2YWx1ZVBhcnRzWyAyIF0gOlxuXHRcdFx0K3ZhbHVlUGFydHNbIDIgXTtcblx0XHRpZiAoIHR3ZWVuICkge1xuXHRcdFx0dHdlZW4udW5pdCA9IHVuaXQ7XG5cdFx0XHR0d2Vlbi5zdGFydCA9IGluaXRpYWxJblVuaXQ7XG5cdFx0XHR0d2Vlbi5lbmQgPSBhZGp1c3RlZDtcblx0XHR9XG5cdH1cblx0cmV0dXJuIGFkanVzdGVkO1xufVxuXG5cbnZhciBkZWZhdWx0RGlzcGxheU1hcCA9IHt9O1xuXG5mdW5jdGlvbiBnZXREZWZhdWx0RGlzcGxheSggZWxlbSApIHtcblx0dmFyIHRlbXAsXG5cdFx0ZG9jID0gZWxlbS5vd25lckRvY3VtZW50LFxuXHRcdG5vZGVOYW1lID0gZWxlbS5ub2RlTmFtZSxcblx0XHRkaXNwbGF5ID0gZGVmYXVsdERpc3BsYXlNYXBbIG5vZGVOYW1lIF07XG5cblx0aWYgKCBkaXNwbGF5ICkge1xuXHRcdHJldHVybiBkaXNwbGF5O1xuXHR9XG5cblx0dGVtcCA9IGRvYy5ib2R5LmFwcGVuZENoaWxkKCBkb2MuY3JlYXRlRWxlbWVudCggbm9kZU5hbWUgKSApO1xuXHRkaXNwbGF5ID0galF1ZXJ5LmNzcyggdGVtcCwgXCJkaXNwbGF5XCIgKTtcblxuXHR0ZW1wLnBhcmVudE5vZGUucmVtb3ZlQ2hpbGQoIHRlbXAgKTtcblxuXHRpZiAoIGRpc3BsYXkgPT09IFwibm9uZVwiICkge1xuXHRcdGRpc3BsYXkgPSBcImJsb2NrXCI7XG5cdH1cblx0ZGVmYXVsdERpc3BsYXlNYXBbIG5vZGVOYW1lIF0gPSBkaXNwbGF5O1xuXG5cdHJldHVybiBkaXNwbGF5O1xufVxuXG5mdW5jdGlvbiBzaG93SGlkZSggZWxlbWVudHMsIHNob3cgKSB7XG5cdHZhciBkaXNwbGF5LCBlbGVtLFxuXHRcdHZhbHVlcyA9IFtdLFxuXHRcdGluZGV4ID0gMCxcblx0XHRsZW5ndGggPSBlbGVtZW50cy5sZW5ndGg7XG5cblx0Ly8gRGV0ZXJtaW5lIG5ldyBkaXNwbGF5IHZhbHVlIGZvciBlbGVtZW50cyB0aGF0IG5lZWQgdG8gY2hhbmdlXG5cdGZvciAoIDsgaW5kZXggPCBsZW5ndGg7IGluZGV4KysgKSB7XG5cdFx0ZWxlbSA9IGVsZW1lbnRzWyBpbmRleCBdO1xuXHRcdGlmICggIWVsZW0uc3R5bGUgKSB7XG5cdFx0XHRjb250aW51ZTtcblx0XHR9XG5cblx0XHRkaXNwbGF5ID0gZWxlbS5zdHlsZS5kaXNwbGF5O1xuXHRcdGlmICggc2hvdyApIHtcblxuXHRcdFx0Ly8gU2luY2Ugd2UgZm9yY2UgdmlzaWJpbGl0eSB1cG9uIGNhc2NhZGUtaGlkZGVuIGVsZW1lbnRzLCBhbiBpbW1lZGlhdGUgKGFuZCBzbG93KVxuXHRcdFx0Ly8gY2hlY2sgaXMgcmVxdWlyZWQgaW4gdGhpcyBmaXJzdCBsb29wIHVubGVzcyB3ZSBoYXZlIGEgbm9uZW1wdHkgZGlzcGxheSB2YWx1ZSAoZWl0aGVyXG5cdFx0XHQvLyBpbmxpbmUgb3IgYWJvdXQtdG8tYmUtcmVzdG9yZWQpXG5cdFx0XHRpZiAoIGRpc3BsYXkgPT09IFwibm9uZVwiICkge1xuXHRcdFx0XHR2YWx1ZXNbIGluZGV4IF0gPSBkYXRhUHJpdi5nZXQoIGVsZW0sIFwiZGlzcGxheVwiICkgfHwgbnVsbDtcblx0XHRcdFx0aWYgKCAhdmFsdWVzWyBpbmRleCBdICkge1xuXHRcdFx0XHRcdGVsZW0uc3R5bGUuZGlzcGxheSA9IFwiXCI7XG5cdFx0XHRcdH1cblx0XHRcdH1cblx0XHRcdGlmICggZWxlbS5zdHlsZS5kaXNwbGF5ID09PSBcIlwiICYmIGlzSGlkZGVuV2l0aGluVHJlZSggZWxlbSApICkge1xuXHRcdFx0XHR2YWx1ZXNbIGluZGV4IF0gPSBnZXREZWZhdWx0RGlzcGxheSggZWxlbSApO1xuXHRcdFx0fVxuXHRcdH0gZWxzZSB7XG5cdFx0XHRpZiAoIGRpc3BsYXkgIT09IFwibm9uZVwiICkge1xuXHRcdFx0XHR2YWx1ZXNbIGluZGV4IF0gPSBcIm5vbmVcIjtcblxuXHRcdFx0XHQvLyBSZW1lbWJlciB3aGF0IHdlJ3JlIG92ZXJ3cml0aW5nXG5cdFx0XHRcdGRhdGFQcml2LnNldCggZWxlbSwgXCJkaXNwbGF5XCIsIGRpc3BsYXkgKTtcblx0XHRcdH1cblx0XHR9XG5cdH1cblxuXHQvLyBTZXQgdGhlIGRpc3BsYXkgb2YgdGhlIGVsZW1lbnRzIGluIGEgc2Vjb25kIGxvb3AgdG8gYXZvaWQgY29uc3RhbnQgcmVmbG93XG5cdGZvciAoIGluZGV4ID0gMDsgaW5kZXggPCBsZW5ndGg7IGluZGV4KysgKSB7XG5cdFx0aWYgKCB2YWx1ZXNbIGluZGV4IF0gIT0gbnVsbCApIHtcblx0XHRcdGVsZW1lbnRzWyBpbmRleCBdLnN0eWxlLmRpc3BsYXkgPSB2YWx1ZXNbIGluZGV4IF07XG5cdFx0fVxuXHR9XG5cblx0cmV0dXJuIGVsZW1lbnRzO1xufVxuXG5qUXVlcnkuZm4uZXh0ZW5kKCB7XG5cdHNob3c6IGZ1bmN0aW9uKCkge1xuXHRcdHJldHVybiBzaG93SGlkZSggdGhpcywgdHJ1ZSApO1xuXHR9LFxuXHRoaWRlOiBmdW5jdGlvbigpIHtcblx0XHRyZXR1cm4gc2hvd0hpZGUoIHRoaXMgKTtcblx0fSxcblx0dG9nZ2xlOiBmdW5jdGlvbiggc3RhdGUgKSB7XG5cdFx0aWYgKCB0eXBlb2Ygc3RhdGUgPT09IFwiYm9vbGVhblwiICkge1xuXHRcdFx0cmV0dXJuIHN0YXRlID8gdGhpcy5zaG93KCkgOiB0aGlzLmhpZGUoKTtcblx0XHR9XG5cblx0XHRyZXR1cm4gdGhpcy5lYWNoKCBmdW5jdGlvbigpIHtcblx0XHRcdGlmICggaXNIaWRkZW5XaXRoaW5UcmVlKCB0aGlzICkgKSB7XG5cdFx0XHRcdGpRdWVyeSggdGhpcyApLnNob3coKTtcblx0XHRcdH0gZWxzZSB7XG5cdFx0XHRcdGpRdWVyeSggdGhpcyApLmhpZGUoKTtcblx0XHRcdH1cblx0XHR9ICk7XG5cdH1cbn0gKTtcbnZhciByY2hlY2thYmxlVHlwZSA9ICggL14oPzpjaGVja2JveHxyYWRpbykkL2kgKTtcblxudmFyIHJ0YWdOYW1lID0gKCAvPChbYS16XVteXFwvXFwwPlxceDIwXFx0XFxyXFxuXFxmXSopL2kgKTtcblxudmFyIHJzY3JpcHRUeXBlID0gKCAvXiR8Xm1vZHVsZSR8XFwvKD86amF2YXxlY21hKXNjcmlwdC9pICk7XG5cblxuXG4oIGZ1bmN0aW9uKCkge1xuXHR2YXIgZnJhZ21lbnQgPSBkb2N1bWVudC5jcmVhdGVEb2N1bWVudEZyYWdtZW50KCksXG5cdFx0ZGl2ID0gZnJhZ21lbnQuYXBwZW5kQ2hpbGQoIGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoIFwiZGl2XCIgKSApLFxuXHRcdGlucHV0ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCggXCJpbnB1dFwiICk7XG5cblx0Ly8gU3VwcG9ydDogQW5kcm9pZCA0LjAgLSA0LjMgb25seVxuXHQvLyBDaGVjayBzdGF0ZSBsb3N0IGlmIHRoZSBuYW1lIGlzIHNldCAodHJhYy0xMTIxNylcblx0Ly8gU3VwcG9ydDogV2luZG93cyBXZWIgQXBwcyAoV1dBKVxuXHQvLyBgbmFtZWAgYW5kIGB0eXBlYCBtdXN0IHVzZSAuc2V0QXR0cmlidXRlIGZvciBXV0EgKHRyYWMtMTQ5MDEpXG5cdGlucHV0LnNldEF0dHJpYnV0ZSggXCJ0eXBlXCIsIFwicmFkaW9cIiApO1xuXHRpbnB1dC5zZXRBdHRyaWJ1dGUoIFwiY2hlY2tlZFwiLCBcImNoZWNrZWRcIiApO1xuXHRpbnB1dC5zZXRBdHRyaWJ1dGUoIFwibmFtZVwiLCBcInRcIiApO1xuXG5cdGRpdi5hcHBlbmRDaGlsZCggaW5wdXQgKTtcblxuXHQvLyBTdXBwb3J0OiBBbmRyb2lkIDw9NC4xIG9ubHlcblx0Ly8gT2xkZXIgV2ViS2l0IGRvZXNuJ3QgY2xvbmUgY2hlY2tlZCBzdGF0ZSBjb3JyZWN0bHkgaW4gZnJhZ21lbnRzXG5cdHN1cHBvcnQuY2hlY2tDbG9uZSA9IGRpdi5jbG9uZU5vZGUoIHRydWUgKS5jbG9uZU5vZGUoIHRydWUgKS5sYXN0Q2hpbGQuY2hlY2tlZDtcblxuXHQvLyBTdXBwb3J0OiBJRSA8PTExIG9ubHlcblx0Ly8gTWFrZSBzdXJlIHRleHRhcmVhIChhbmQgY2hlY2tib3gpIGRlZmF1bHRWYWx1ZSBpcyBwcm9wZXJseSBjbG9uZWRcblx0ZGl2LmlubmVySFRNTCA9IFwiPHRleHRhcmVhPng8L3RleHRhcmVhPlwiO1xuXHRzdXBwb3J0Lm5vQ2xvbmVDaGVja2VkID0gISFkaXYuY2xvbmVOb2RlKCB0cnVlICkubGFzdENoaWxkLmRlZmF1bHRWYWx1ZTtcblxuXHQvLyBTdXBwb3J0OiBJRSA8PTkgb25seVxuXHQvLyBJRSA8PTkgcmVwbGFjZXMgPG9wdGlvbj4gdGFncyB3aXRoIHRoZWlyIGNvbnRlbnRzIHdoZW4gaW5zZXJ0ZWQgb3V0c2lkZSBvZlxuXHQvLyB0aGUgc2VsZWN0IGVsZW1lbnQuXG5cdGRpdi5pbm5lckhUTUwgPSBcIjxvcHRpb24+PC9vcHRpb24+XCI7XG5cdHN1cHBvcnQub3B0aW9uID0gISFkaXYubGFzdENoaWxkO1xufSApKCk7XG5cblxuLy8gV2UgaGF2ZSB0byBjbG9zZSB0aGVzZSB0YWdzIHRvIHN1cHBvcnQgWEhUTUwgKHRyYWMtMTMyMDApXG52YXIgd3JhcE1hcCA9IHtcblxuXHQvLyBYSFRNTCBwYXJzZXJzIGRvIG5vdCBtYWdpY2FsbHkgaW5zZXJ0IGVsZW1lbnRzIGluIHRoZVxuXHQvLyBzYW1lIHdheSB0aGF0IHRhZyBzb3VwIHBhcnNlcnMgZG8uIFNvIHdlIGNhbm5vdCBzaG9ydGVuXG5cdC8vIHRoaXMgYnkgb21pdHRpbmcgPHRib2R5PiBvciBvdGhlciByZXF1aXJlZCBlbGVtZW50cy5cblx0dGhlYWQ6IFsgMSwgXCI8dGFibGU+XCIsIFwiPC90YWJsZT5cIiBdLFxuXHRjb2w6IFsgMiwgXCI8dGFibGU+PGNvbGdyb3VwPlwiLCBcIjwvY29sZ3JvdXA+PC90YWJsZT5cIiBdLFxuXHR0cjogWyAyLCBcIjx0YWJsZT48dGJvZHk+XCIsIFwiPC90Ym9keT48L3RhYmxlPlwiIF0sXG5cdHRkOiBbIDMsIFwiPHRhYmxlPjx0Ym9keT48dHI+XCIsIFwiPC90cj48L3Rib2R5PjwvdGFibGU+XCIgXSxcblxuXHRfZGVmYXVsdDogWyAwLCBcIlwiLCBcIlwiIF1cbn07XG5cbndyYXBNYXAudGJvZHkgPSB3cmFwTWFwLnRmb290ID0gd3JhcE1hcC5jb2xncm91cCA9IHdyYXBNYXAuY2FwdGlvbiA9IHdyYXBNYXAudGhlYWQ7XG53cmFwTWFwLnRoID0gd3JhcE1hcC50ZDtcblxuLy8gU3VwcG9ydDogSUUgPD05IG9ubHlcbmlmICggIXN1cHBvcnQub3B0aW9uICkge1xuXHR3cmFwTWFwLm9wdGdyb3VwID0gd3JhcE1hcC5vcHRpb24gPSBbIDEsIFwiPHNlbGVjdCBtdWx0aXBsZT0nbXVsdGlwbGUnPlwiLCBcIjwvc2VsZWN0PlwiIF07XG59XG5cblxuZnVuY3Rpb24gZ2V0QWxsKCBjb250ZXh0LCB0YWcgKSB7XG5cblx0Ly8gU3VwcG9ydDogSUUgPD05IC0gMTEgb25seVxuXHQvLyBVc2UgdHlwZW9mIHRvIGF2b2lkIHplcm8tYXJndW1lbnQgbWV0aG9kIGludm9jYXRpb24gb24gaG9zdCBvYmplY3RzICh0cmFjLTE1MTUxKVxuXHR2YXIgcmV0O1xuXG5cdGlmICggdHlwZW9mIGNvbnRleHQuZ2V0RWxlbWVudHNCeVRhZ05hbWUgIT09IFwidW5kZWZpbmVkXCIgKSB7XG5cdFx0cmV0ID0gY29udGV4dC5nZXRFbGVtZW50c0J5VGFnTmFtZSggdGFnIHx8IFwiKlwiICk7XG5cblx0fSBlbHNlIGlmICggdHlwZW9mIGNvbnRleHQucXVlcnlTZWxlY3RvckFsbCAhPT0gXCJ1bmRlZmluZWRcIiApIHtcblx0XHRyZXQgPSBjb250ZXh0LnF1ZXJ5U2VsZWN0b3JBbGwoIHRhZyB8fCBcIipcIiApO1xuXG5cdH0gZWxzZSB7XG5cdFx0cmV0ID0gW107XG5cdH1cblxuXHRpZiAoIHRhZyA9PT0gdW5kZWZpbmVkIHx8IHRhZyAmJiBub2RlTmFtZSggY29udGV4dCwgdGFnICkgKSB7XG5cdFx0cmV0dXJuIGpRdWVyeS5tZXJnZSggWyBjb250ZXh0IF0sIHJldCApO1xuXHR9XG5cblx0cmV0dXJuIHJldDtcbn1cblxuXG4vLyBNYXJrIHNjcmlwdHMgYXMgaGF2aW5nIGFscmVhZHkgYmVlbiBldmFsdWF0ZWRcbmZ1bmN0aW9uIHNldEdsb2JhbEV2YWwoIGVsZW1zLCByZWZFbGVtZW50cyApIHtcblx0dmFyIGkgPSAwLFxuXHRcdGwgPSBlbGVtcy5sZW5ndGg7XG5cblx0Zm9yICggOyBpIDwgbDsgaSsrICkge1xuXHRcdGRhdGFQcml2LnNldChcblx0XHRcdGVsZW1zWyBpIF0sXG5cdFx0XHRcImdsb2JhbEV2YWxcIixcblx0XHRcdCFyZWZFbGVtZW50cyB8fCBkYXRhUHJpdi5nZXQoIHJlZkVsZW1lbnRzWyBpIF0sIFwiZ2xvYmFsRXZhbFwiIClcblx0XHQpO1xuXHR9XG59XG5cblxudmFyIHJodG1sID0gLzx8JiM/XFx3KzsvO1xuXG5mdW5jdGlvbiBidWlsZEZyYWdtZW50KCBlbGVtcywgY29udGV4dCwgc2NyaXB0cywgc2VsZWN0aW9uLCBpZ25vcmVkICkge1xuXHR2YXIgZWxlbSwgdG1wLCB0YWcsIHdyYXAsIGF0dGFjaGVkLCBqLFxuXHRcdGZyYWdtZW50ID0gY29udGV4dC5jcmVhdGVEb2N1bWVudEZyYWdtZW50KCksXG5cdFx0bm9kZXMgPSBbXSxcblx0XHRpID0gMCxcblx0XHRsID0gZWxlbXMubGVuZ3RoO1xuXG5cdGZvciAoIDsgaSA8IGw7IGkrKyApIHtcblx0XHRlbGVtID0gZWxlbXNbIGkgXTtcblxuXHRcdGlmICggZWxlbSB8fCBlbGVtID09PSAwICkge1xuXG5cdFx0XHQvLyBBZGQgbm9kZXMgZGlyZWN0bHlcblx0XHRcdGlmICggdG9UeXBlKCBlbGVtICkgPT09IFwib2JqZWN0XCIgKSB7XG5cblx0XHRcdFx0Ly8gU3VwcG9ydDogQW5kcm9pZCA8PTQuMCBvbmx5LCBQaGFudG9tSlMgMSBvbmx5XG5cdFx0XHRcdC8vIHB1c2guYXBwbHkoXywgYXJyYXlsaWtlKSB0aHJvd3Mgb24gYW5jaWVudCBXZWJLaXRcblx0XHRcdFx0alF1ZXJ5Lm1lcmdlKCBub2RlcywgZWxlbS5ub2RlVHlwZSA/IFsgZWxlbSBdIDogZWxlbSApO1xuXG5cdFx0XHQvLyBDb252ZXJ0IG5vbi1odG1sIGludG8gYSB0ZXh0IG5vZGVcblx0XHRcdH0gZWxzZSBpZiAoICFyaHRtbC50ZXN0KCBlbGVtICkgKSB7XG5cdFx0XHRcdG5vZGVzLnB1c2goIGNvbnRleHQuY3JlYXRlVGV4dE5vZGUoIGVsZW0gKSApO1xuXG5cdFx0XHQvLyBDb252ZXJ0IGh0bWwgaW50byBET00gbm9kZXNcblx0XHRcdH0gZWxzZSB7XG5cdFx0XHRcdHRtcCA9IHRtcCB8fCBmcmFnbWVudC5hcHBlbmRDaGlsZCggY29udGV4dC5jcmVhdGVFbGVtZW50KCBcImRpdlwiICkgKTtcblxuXHRcdFx0XHQvLyBEZXNlcmlhbGl6ZSBhIHN0YW5kYXJkIHJlcHJlc2VudGF0aW9uXG5cdFx0XHRcdHRhZyA9ICggcnRhZ05hbWUuZXhlYyggZWxlbSApIHx8IFsgXCJcIiwgXCJcIiBdIClbIDEgXS50b0xvd2VyQ2FzZSgpO1xuXHRcdFx0XHR3cmFwID0gd3JhcE1hcFsgdGFnIF0gfHwgd3JhcE1hcC5fZGVmYXVsdDtcblx0XHRcdFx0dG1wLmlubmVySFRNTCA9IHdyYXBbIDEgXSArIGpRdWVyeS5odG1sUHJlZmlsdGVyKCBlbGVtICkgKyB3cmFwWyAyIF07XG5cblx0XHRcdFx0Ly8gRGVzY2VuZCB0aHJvdWdoIHdyYXBwZXJzIHRvIHRoZSByaWdodCBjb250ZW50XG5cdFx0XHRcdGogPSB3cmFwWyAwIF07XG5cdFx0XHRcdHdoaWxlICggai0tICkge1xuXHRcdFx0XHRcdHRtcCA9IHRtcC5sYXN0Q2hpbGQ7XG5cdFx0XHRcdH1cblxuXHRcdFx0XHQvLyBTdXBwb3J0OiBBbmRyb2lkIDw9NC4wIG9ubHksIFBoYW50b21KUyAxIG9ubHlcblx0XHRcdFx0Ly8gcHVzaC5hcHBseShfLCBhcnJheWxpa2UpIHRocm93cyBvbiBhbmNpZW50IFdlYktpdFxuXHRcdFx0XHRqUXVlcnkubWVyZ2UoIG5vZGVzLCB0bXAuY2hpbGROb2RlcyApO1xuXG5cdFx0XHRcdC8vIFJlbWVtYmVyIHRoZSB0b3AtbGV2ZWwgY29udGFpbmVyXG5cdFx0XHRcdHRtcCA9IGZyYWdtZW50LmZpcnN0Q2hpbGQ7XG5cblx0XHRcdFx0Ly8gRW5zdXJlIHRoZSBjcmVhdGVkIG5vZGVzIGFyZSBvcnBoYW5lZCAodHJhYy0xMjM5Milcblx0XHRcdFx0dG1wLnRleHRDb250ZW50ID0gXCJcIjtcblx0XHRcdH1cblx0XHR9XG5cdH1cblxuXHQvLyBSZW1vdmUgd3JhcHBlciBmcm9tIGZyYWdtZW50XG5cdGZyYWdtZW50LnRleHRDb250ZW50ID0gXCJcIjtcblxuXHRpID0gMDtcblx0d2hpbGUgKCAoIGVsZW0gPSBub2Rlc1sgaSsrIF0gKSApIHtcblxuXHRcdC8vIFNraXAgZWxlbWVudHMgYWxyZWFkeSBpbiB0aGUgY29udGV4dCBjb2xsZWN0aW9uICh0cmFjLTQwODcpXG5cdFx0aWYgKCBzZWxlY3Rpb24gJiYgalF1ZXJ5LmluQXJyYXkoIGVsZW0sIHNlbGVjdGlvbiApID4gLTEgKSB7XG5cdFx0XHRpZiAoIGlnbm9yZWQgKSB7XG5cdFx0XHRcdGlnbm9yZWQucHVzaCggZWxlbSApO1xuXHRcdFx0fVxuXHRcdFx0Y29udGludWU7XG5cdFx0fVxuXG5cdFx0YXR0YWNoZWQgPSBpc0F0dGFjaGVkKCBlbGVtICk7XG5cblx0XHQvLyBBcHBlbmQgdG8gZnJhZ21lbnRcblx0XHR0bXAgPSBnZXRBbGwoIGZyYWdtZW50LmFwcGVuZENoaWxkKCBlbGVtICksIFwic2NyaXB0XCIgKTtcblxuXHRcdC8vIFByZXNlcnZlIHNjcmlwdCBldmFsdWF0aW9uIGhpc3Rvcnlcblx0XHRpZiAoIGF0dGFjaGVkICkge1xuXHRcdFx0c2V0R2xvYmFsRXZhbCggdG1wICk7XG5cdFx0fVxuXG5cdFx0Ly8gQ2FwdHVyZSBleGVjdXRhYmxlc1xuXHRcdGlmICggc2NyaXB0cyApIHtcblx0XHRcdGogPSAwO1xuXHRcdFx0d2hpbGUgKCAoIGVsZW0gPSB0bXBbIGorKyBdICkgKSB7XG5cdFx0XHRcdGlmICggcnNjcmlwdFR5cGUudGVzdCggZWxlbS50eXBlIHx8IFwiXCIgKSApIHtcblx0XHRcdFx0XHRzY3JpcHRzLnB1c2goIGVsZW0gKTtcblx0XHRcdFx0fVxuXHRcdFx0fVxuXHRcdH1cblx0fVxuXG5cdHJldHVybiBmcmFnbWVudDtcbn1cblxuXG52YXIgcnR5cGVuYW1lc3BhY2UgPSAvXihbXi5dKikoPzpcXC4oLispfCkvO1xuXG5mdW5jdGlvbiByZXR1cm5UcnVlKCkge1xuXHRyZXR1cm4gdHJ1ZTtcbn1cblxuZnVuY3Rpb24gcmV0dXJuRmFsc2UoKSB7XG5cdHJldHVybiBmYWxzZTtcbn1cblxuZnVuY3Rpb24gb24oIGVsZW0sIHR5cGVzLCBzZWxlY3RvciwgZGF0YSwgZm4sIG9uZSApIHtcblx0dmFyIG9yaWdGbiwgdHlwZTtcblxuXHQvLyBUeXBlcyBjYW4gYmUgYSBtYXAgb2YgdHlwZXMvaGFuZGxlcnNcblx0aWYgKCB0eXBlb2YgdHlwZXMgPT09IFwib2JqZWN0XCIgKSB7XG5cblx0XHQvLyAoIHR5cGVzLU9iamVjdCwgc2VsZWN0b3IsIGRhdGEgKVxuXHRcdGlmICggdHlwZW9mIHNlbGVjdG9yICE9PSBcInN0cmluZ1wiICkge1xuXG5cdFx0XHQvLyAoIHR5cGVzLU9iamVjdCwgZGF0YSApXG5cdFx0XHRkYXRhID0gZGF0YSB8fCBzZWxlY3Rvcjtcblx0XHRcdHNlbGVjdG9yID0gdW5kZWZpbmVkO1xuXHRcdH1cblx0XHRmb3IgKCB0eXBlIGluIHR5cGVzICkge1xuXHRcdFx0b24oIGVsZW0sIHR5cGUsIHNlbGVjdG9yLCBkYXRhLCB0eXBlc1sgdHlwZSBdLCBvbmUgKTtcblx0XHR9XG5cdFx0cmV0dXJuIGVsZW07XG5cdH1cblxuXHRpZiAoIGRhdGEgPT0gbnVsbCAmJiBmbiA9PSBudWxsICkge1xuXG5cdFx0Ly8gKCB0eXBlcywgZm4gKVxuXHRcdGZuID0gc2VsZWN0b3I7XG5cdFx0ZGF0YSA9IHNlbGVjdG9yID0gdW5kZWZpbmVkO1xuXHR9IGVsc2UgaWYgKCBmbiA9PSBudWxsICkge1xuXHRcdGlmICggdHlwZW9mIHNlbGVjdG9yID09PSBcInN0cmluZ1wiICkge1xuXG5cdFx0XHQvLyAoIHR5cGVzLCBzZWxlY3RvciwgZm4gKVxuXHRcdFx0Zm4gPSBkYXRhO1xuXHRcdFx0ZGF0YSA9IHVuZGVmaW5lZDtcblx0XHR9IGVsc2Uge1xuXG5cdFx0XHQvLyAoIHR5cGVzLCBkYXRhLCBmbiApXG5cdFx0XHRmbiA9IGRhdGE7XG5cdFx0XHRkYXRhID0gc2VsZWN0b3I7XG5cdFx0XHRzZWxlY3RvciA9IHVuZGVmaW5lZDtcblx0XHR9XG5cdH1cblx0aWYgKCBmbiA9PT0gZmFsc2UgKSB7XG5cdFx0Zm4gPSByZXR1cm5GYWxzZTtcblx0fSBlbHNlIGlmICggIWZuICkge1xuXHRcdHJldHVybiBlbGVtO1xuXHR9XG5cblx0aWYgKCBvbmUgPT09IDEgKSB7XG5cdFx0b3JpZ0ZuID0gZm47XG5cdFx0Zm4gPSBmdW5jdGlvbiggZXZlbnQgKSB7XG5cblx0XHRcdC8vIENhbiB1c2UgYW4gZW1wdHkgc2V0LCBzaW5jZSBldmVudCBjb250YWlucyB0aGUgaW5mb1xuXHRcdFx0alF1ZXJ5KCkub2ZmKCBldmVudCApO1xuXHRcdFx0cmV0dXJuIG9yaWdGbi5hcHBseSggdGhpcywgYXJndW1lbnRzICk7XG5cdFx0fTtcblxuXHRcdC8vIFVzZSBzYW1lIGd1aWQgc28gY2FsbGVyIGNhbiByZW1vdmUgdXNpbmcgb3JpZ0ZuXG5cdFx0Zm4uZ3VpZCA9IG9yaWdGbi5ndWlkIHx8ICggb3JpZ0ZuLmd1aWQgPSBqUXVlcnkuZ3VpZCsrICk7XG5cdH1cblx0cmV0dXJuIGVsZW0uZWFjaCggZnVuY3Rpb24oKSB7XG5cdFx0alF1ZXJ5LmV2ZW50LmFkZCggdGhpcywgdHlwZXMsIGZuLCBkYXRhLCBzZWxlY3RvciApO1xuXHR9ICk7XG59XG5cbi8qXG4gKiBIZWxwZXIgZnVuY3Rpb25zIGZvciBtYW5hZ2luZyBldmVudHMgLS0gbm90IHBhcnQgb2YgdGhlIHB1YmxpYyBpbnRlcmZhY2UuXG4gKiBQcm9wcyB0byBEZWFuIEVkd2FyZHMnIGFkZEV2ZW50IGxpYnJhcnkgZm9yIG1hbnkgb2YgdGhlIGlkZWFzLlxuICovXG5qUXVlcnkuZXZlbnQgPSB7XG5cblx0Z2xvYmFsOiB7fSxcblxuXHRhZGQ6IGZ1bmN0aW9uKCBlbGVtLCB0eXBlcywgaGFuZGxlciwgZGF0YSwgc2VsZWN0b3IgKSB7XG5cblx0XHR2YXIgaGFuZGxlT2JqSW4sIGV2ZW50SGFuZGxlLCB0bXAsXG5cdFx0XHRldmVudHMsIHQsIGhhbmRsZU9iaixcblx0XHRcdHNwZWNpYWwsIGhhbmRsZXJzLCB0eXBlLCBuYW1lc3BhY2VzLCBvcmlnVHlwZSxcblx0XHRcdGVsZW1EYXRhID0gZGF0YVByaXYuZ2V0KCBlbGVtICk7XG5cblx0XHQvLyBPbmx5IGF0dGFjaCBldmVudHMgdG8gb2JqZWN0cyB0aGF0IGFjY2VwdCBkYXRhXG5cdFx0aWYgKCAhYWNjZXB0RGF0YSggZWxlbSApICkge1xuXHRcdFx0cmV0dXJuO1xuXHRcdH1cblxuXHRcdC8vIENhbGxlciBjYW4gcGFzcyBpbiBhbiBvYmplY3Qgb2YgY3VzdG9tIGRhdGEgaW4gbGlldSBvZiB0aGUgaGFuZGxlclxuXHRcdGlmICggaGFuZGxlci5oYW5kbGVyICkge1xuXHRcdFx0aGFuZGxlT2JqSW4gPSBoYW5kbGVyO1xuXHRcdFx0aGFuZGxlciA9IGhhbmRsZU9iakluLmhhbmRsZXI7XG5cdFx0XHRzZWxlY3RvciA9IGhhbmRsZU9iakluLnNlbGVjdG9yO1xuXHRcdH1cblxuXHRcdC8vIEVuc3VyZSB0aGF0IGludmFsaWQgc2VsZWN0b3JzIHRocm93IGV4Y2VwdGlvbnMgYXQgYXR0YWNoIHRpbWVcblx0XHQvLyBFdmFsdWF0ZSBhZ2FpbnN0IGRvY3VtZW50RWxlbWVudCBpbiBjYXNlIGVsZW0gaXMgYSBub24tZWxlbWVudCBub2RlIChlLmcuLCBkb2N1bWVudClcblx0XHRpZiAoIHNlbGVjdG9yICkge1xuXHRcdFx0alF1ZXJ5LmZpbmQubWF0Y2hlc1NlbGVjdG9yKCBkb2N1bWVudEVsZW1lbnQsIHNlbGVjdG9yICk7XG5cdFx0fVxuXG5cdFx0Ly8gTWFrZSBzdXJlIHRoYXQgdGhlIGhhbmRsZXIgaGFzIGEgdW5pcXVlIElELCB1c2VkIHRvIGZpbmQvcmVtb3ZlIGl0IGxhdGVyXG5cdFx0aWYgKCAhaGFuZGxlci5ndWlkICkge1xuXHRcdFx0aGFuZGxlci5ndWlkID0galF1ZXJ5Lmd1aWQrKztcblx0XHR9XG5cblx0XHQvLyBJbml0IHRoZSBlbGVtZW50J3MgZXZlbnQgc3RydWN0dXJlIGFuZCBtYWluIGhhbmRsZXIsIGlmIHRoaXMgaXMgdGhlIGZpcnN0XG5cdFx0aWYgKCAhKCBldmVudHMgPSBlbGVtRGF0YS5ldmVudHMgKSApIHtcblx0XHRcdGV2ZW50cyA9IGVsZW1EYXRhLmV2ZW50cyA9IE9iamVjdC5jcmVhdGUoIG51bGwgKTtcblx0XHR9XG5cdFx0aWYgKCAhKCBldmVudEhhbmRsZSA9IGVsZW1EYXRhLmhhbmRsZSApICkge1xuXHRcdFx0ZXZlbnRIYW5kbGUgPSBlbGVtRGF0YS5oYW5kbGUgPSBmdW5jdGlvbiggZSApIHtcblxuXHRcdFx0XHQvLyBEaXNjYXJkIHRoZSBzZWNvbmQgZXZlbnQgb2YgYSBqUXVlcnkuZXZlbnQudHJpZ2dlcigpIGFuZFxuXHRcdFx0XHQvLyB3aGVuIGFuIGV2ZW50IGlzIGNhbGxlZCBhZnRlciBhIHBhZ2UgaGFzIHVubG9hZGVkXG5cdFx0XHRcdHJldHVybiB0eXBlb2YgalF1ZXJ5ICE9PSBcInVuZGVmaW5lZFwiICYmIGpRdWVyeS5ldmVudC50cmlnZ2VyZWQgIT09IGUudHlwZSA/XG5cdFx0XHRcdFx0alF1ZXJ5LmV2ZW50LmRpc3BhdGNoLmFwcGx5KCBlbGVtLCBhcmd1bWVudHMgKSA6IHVuZGVmaW5lZDtcblx0XHRcdH07XG5cdFx0fVxuXG5cdFx0Ly8gSGFuZGxlIG11bHRpcGxlIGV2ZW50cyBzZXBhcmF0ZWQgYnkgYSBzcGFjZVxuXHRcdHR5cGVzID0gKCB0eXBlcyB8fCBcIlwiICkubWF0Y2goIHJub3RodG1sd2hpdGUgKSB8fCBbIFwiXCIgXTtcblx0XHR0ID0gdHlwZXMubGVuZ3RoO1xuXHRcdHdoaWxlICggdC0tICkge1xuXHRcdFx0dG1wID0gcnR5cGVuYW1lc3BhY2UuZXhlYyggdHlwZXNbIHQgXSApIHx8IFtdO1xuXHRcdFx0dHlwZSA9IG9yaWdUeXBlID0gdG1wWyAxIF07XG5cdFx0XHRuYW1lc3BhY2VzID0gKCB0bXBbIDIgXSB8fCBcIlwiICkuc3BsaXQoIFwiLlwiICkuc29ydCgpO1xuXG5cdFx0XHQvLyBUaGVyZSAqbXVzdCogYmUgYSB0eXBlLCBubyBhdHRhY2hpbmcgbmFtZXNwYWNlLW9ubHkgaGFuZGxlcnNcblx0XHRcdGlmICggIXR5cGUgKSB7XG5cdFx0XHRcdGNvbnRpbnVlO1xuXHRcdFx0fVxuXG5cdFx0XHQvLyBJZiBldmVudCBjaGFuZ2VzIGl0cyB0eXBlLCB1c2UgdGhlIHNwZWNpYWwgZXZlbnQgaGFuZGxlcnMgZm9yIHRoZSBjaGFuZ2VkIHR5cGVcblx0XHRcdHNwZWNpYWwgPSBqUXVlcnkuZXZlbnQuc3BlY2lhbFsgdHlwZSBdIHx8IHt9O1xuXG5cdFx0XHQvLyBJZiBzZWxlY3RvciBkZWZpbmVkLCBkZXRlcm1pbmUgc3BlY2lhbCBldmVudCBhcGkgdHlwZSwgb3RoZXJ3aXNlIGdpdmVuIHR5cGVcblx0XHRcdHR5cGUgPSAoIHNlbGVjdG9yID8gc3BlY2lhbC5kZWxlZ2F0ZVR5cGUgOiBzcGVjaWFsLmJpbmRUeXBlICkgfHwgdHlwZTtcblxuXHRcdFx0Ly8gVXBkYXRlIHNwZWNpYWwgYmFzZWQgb24gbmV3bHkgcmVzZXQgdHlwZVxuXHRcdFx0c3BlY2lhbCA9IGpRdWVyeS5ldmVudC5zcGVjaWFsWyB0eXBlIF0gfHwge307XG5cblx0XHRcdC8vIGhhbmRsZU9iaiBpcyBwYXNzZWQgdG8gYWxsIGV2ZW50IGhhbmRsZXJzXG5cdFx0XHRoYW5kbGVPYmogPSBqUXVlcnkuZXh0ZW5kKCB7XG5cdFx0XHRcdHR5cGU6IHR5cGUsXG5cdFx0XHRcdG9yaWdUeXBlOiBvcmlnVHlwZSxcblx0XHRcdFx0ZGF0YTogZGF0YSxcblx0XHRcdFx0aGFuZGxlcjogaGFuZGxlcixcblx0XHRcdFx0Z3VpZDogaGFuZGxlci5ndWlkLFxuXHRcdFx0XHRzZWxlY3Rvcjogc2VsZWN0b3IsXG5cdFx0XHRcdG5lZWRzQ29udGV4dDogc2VsZWN0b3IgJiYgalF1ZXJ5LmV4cHIubWF0Y2gubmVlZHNDb250ZXh0LnRlc3QoIHNlbGVjdG9yICksXG5cdFx0XHRcdG5hbWVzcGFjZTogbmFtZXNwYWNlcy5qb2luKCBcIi5cIiApXG5cdFx0XHR9LCBoYW5kbGVPYmpJbiApO1xuXG5cdFx0XHQvLyBJbml0IHRoZSBldmVudCBoYW5kbGVyIHF1ZXVlIGlmIHdlJ3JlIHRoZSBmaXJzdFxuXHRcdFx0aWYgKCAhKCBoYW5kbGVycyA9IGV2ZW50c1sgdHlwZSBdICkgKSB7XG5cdFx0XHRcdGhhbmRsZXJzID0gZXZlbnRzWyB0eXBlIF0gPSBbXTtcblx0XHRcdFx0aGFuZGxlcnMuZGVsZWdhdGVDb3VudCA9IDA7XG5cblx0XHRcdFx0Ly8gT25seSB1c2UgYWRkRXZlbnRMaXN0ZW5lciBpZiB0aGUgc3BlY2lhbCBldmVudHMgaGFuZGxlciByZXR1cm5zIGZhbHNlXG5cdFx0XHRcdGlmICggIXNwZWNpYWwuc2V0dXAgfHxcblx0XHRcdFx0XHRzcGVjaWFsLnNldHVwLmNhbGwoIGVsZW0sIGRhdGEsIG5hbWVzcGFjZXMsIGV2ZW50SGFuZGxlICkgPT09IGZhbHNlICkge1xuXG5cdFx0XHRcdFx0aWYgKCBlbGVtLmFkZEV2ZW50TGlzdGVuZXIgKSB7XG5cdFx0XHRcdFx0XHRlbGVtLmFkZEV2ZW50TGlzdGVuZXIoIHR5cGUsIGV2ZW50SGFuZGxlICk7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9XG5cdFx0XHR9XG5cblx0XHRcdGlmICggc3BlY2lhbC5hZGQgKSB7XG5cdFx0XHRcdHNwZWNpYWwuYWRkLmNhbGwoIGVsZW0sIGhhbmRsZU9iaiApO1xuXG5cdFx0XHRcdGlmICggIWhhbmRsZU9iai5oYW5kbGVyLmd1aWQgKSB7XG5cdFx0XHRcdFx0aGFuZGxlT2JqLmhhbmRsZXIuZ3VpZCA9IGhhbmRsZXIuZ3VpZDtcblx0XHRcdFx0fVxuXHRcdFx0fVxuXG5cdFx0XHQvLyBBZGQgdG8gdGhlIGVsZW1lbnQncyBoYW5kbGVyIGxpc3QsIGRlbGVnYXRlcyBpbiBmcm9udFxuXHRcdFx0aWYgKCBzZWxlY3RvciApIHtcblx0XHRcdFx0aGFuZGxlcnMuc3BsaWNlKCBoYW5kbGVycy5kZWxlZ2F0ZUNvdW50KyssIDAsIGhhbmRsZU9iaiApO1xuXHRcdFx0fSBlbHNlIHtcblx0XHRcdFx0aGFuZGxlcnMucHVzaCggaGFuZGxlT2JqICk7XG5cdFx0XHR9XG5cblx0XHRcdC8vIEtlZXAgdHJhY2sgb2Ygd2hpY2ggZXZlbnRzIGhhdmUgZXZlciBiZWVuIHVzZWQsIGZvciBldmVudCBvcHRpbWl6YXRpb25cblx0XHRcdGpRdWVyeS5ldmVudC5nbG9iYWxbIHR5cGUgXSA9IHRydWU7XG5cdFx0fVxuXG5cdH0sXG5cblx0Ly8gRGV0YWNoIGFuIGV2ZW50IG9yIHNldCBvZiBldmVudHMgZnJvbSBhbiBlbGVtZW50XG5cdHJlbW92ZTogZnVuY3Rpb24oIGVsZW0sIHR5cGVzLCBoYW5kbGVyLCBzZWxlY3RvciwgbWFwcGVkVHlwZXMgKSB7XG5cblx0XHR2YXIgaiwgb3JpZ0NvdW50LCB0bXAsXG5cdFx0XHRldmVudHMsIHQsIGhhbmRsZU9iaixcblx0XHRcdHNwZWNpYWwsIGhhbmRsZXJzLCB0eXBlLCBuYW1lc3BhY2VzLCBvcmlnVHlwZSxcblx0XHRcdGVsZW1EYXRhID0gZGF0YVByaXYuaGFzRGF0YSggZWxlbSApICYmIGRhdGFQcml2LmdldCggZWxlbSApO1xuXG5cdFx0aWYgKCAhZWxlbURhdGEgfHwgISggZXZlbnRzID0gZWxlbURhdGEuZXZlbnRzICkgKSB7XG5cdFx0XHRyZXR1cm47XG5cdFx0fVxuXG5cdFx0Ly8gT25jZSBmb3IgZWFjaCB0eXBlLm5hbWVzcGFjZSBpbiB0eXBlczsgdHlwZSBtYXkgYmUgb21pdHRlZFxuXHRcdHR5cGVzID0gKCB0eXBlcyB8fCBcIlwiICkubWF0Y2goIHJub3RodG1sd2hpdGUgKSB8fCBbIFwiXCIgXTtcblx0XHR0ID0gdHlwZXMubGVuZ3RoO1xuXHRcdHdoaWxlICggdC0tICkge1xuXHRcdFx0dG1wID0gcnR5cGVuYW1lc3BhY2UuZXhlYyggdHlwZXNbIHQgXSApIHx8IFtdO1xuXHRcdFx0dHlwZSA9IG9yaWdUeXBlID0gdG1wWyAxIF07XG5cdFx0XHRuYW1lc3BhY2VzID0gKCB0bXBbIDIgXSB8fCBcIlwiICkuc3BsaXQoIFwiLlwiICkuc29ydCgpO1xuXG5cdFx0XHQvLyBVbmJpbmQgYWxsIGV2ZW50cyAob24gdGhpcyBuYW1lc3BhY2UsIGlmIHByb3ZpZGVkKSBmb3IgdGhlIGVsZW1lbnRcblx0XHRcdGlmICggIXR5cGUgKSB7XG5cdFx0XHRcdGZvciAoIHR5cGUgaW4gZXZlbnRzICkge1xuXHRcdFx0XHRcdGpRdWVyeS5ldmVudC5yZW1vdmUoIGVsZW0sIHR5cGUgKyB0eXBlc1sgdCBdLCBoYW5kbGVyLCBzZWxlY3RvciwgdHJ1ZSApO1xuXHRcdFx0XHR9XG5cdFx0XHRcdGNvbnRpbnVlO1xuXHRcdFx0fVxuXG5cdFx0XHRzcGVjaWFsID0galF1ZXJ5LmV2ZW50LnNwZWNpYWxbIHR5cGUgXSB8fCB7fTtcblx0XHRcdHR5cGUgPSAoIHNlbGVjdG9yID8gc3BlY2lhbC5kZWxlZ2F0ZVR5cGUgOiBzcGVjaWFsLmJpbmRUeXBlICkgfHwgdHlwZTtcblx0XHRcdGhhbmRsZXJzID0gZXZlbnRzWyB0eXBlIF0gfHwgW107XG5cdFx0XHR0bXAgPSB0bXBbIDIgXSAmJlxuXHRcdFx0XHRuZXcgUmVnRXhwKCBcIihefFxcXFwuKVwiICsgbmFtZXNwYWNlcy5qb2luKCBcIlxcXFwuKD86LipcXFxcLnwpXCIgKSArIFwiKFxcXFwufCQpXCIgKTtcblxuXHRcdFx0Ly8gUmVtb3ZlIG1hdGNoaW5nIGV2ZW50c1xuXHRcdFx0b3JpZ0NvdW50ID0gaiA9IGhhbmRsZXJzLmxlbmd0aDtcblx0XHRcdHdoaWxlICggai0tICkge1xuXHRcdFx0XHRoYW5kbGVPYmogPSBoYW5kbGVyc1sgaiBdO1xuXG5cdFx0XHRcdGlmICggKCBtYXBwZWRUeXBlcyB8fCBvcmlnVHlwZSA9PT0gaGFuZGxlT2JqLm9yaWdUeXBlICkgJiZcblx0XHRcdFx0XHQoICFoYW5kbGVyIHx8IGhhbmRsZXIuZ3VpZCA9PT0gaGFuZGxlT2JqLmd1aWQgKSAmJlxuXHRcdFx0XHRcdCggIXRtcCB8fCB0bXAudGVzdCggaGFuZGxlT2JqLm5hbWVzcGFjZSApICkgJiZcblx0XHRcdFx0XHQoICFzZWxlY3RvciB8fCBzZWxlY3RvciA9PT0gaGFuZGxlT2JqLnNlbGVjdG9yIHx8XG5cdFx0XHRcdFx0XHRzZWxlY3RvciA9PT0gXCIqKlwiICYmIGhhbmRsZU9iai5zZWxlY3RvciApICkge1xuXHRcdFx0XHRcdGhhbmRsZXJzLnNwbGljZSggaiwgMSApO1xuXG5cdFx0XHRcdFx0aWYgKCBoYW5kbGVPYmouc2VsZWN0b3IgKSB7XG5cdFx0XHRcdFx0XHRoYW5kbGVycy5kZWxlZ2F0ZUNvdW50LS07XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHRcdGlmICggc3BlY2lhbC5yZW1vdmUgKSB7XG5cdFx0XHRcdFx0XHRzcGVjaWFsLnJlbW92ZS5jYWxsKCBlbGVtLCBoYW5kbGVPYmogKTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdH1cblx0XHRcdH1cblxuXHRcdFx0Ly8gUmVtb3ZlIGdlbmVyaWMgZXZlbnQgaGFuZGxlciBpZiB3ZSByZW1vdmVkIHNvbWV0aGluZyBhbmQgbm8gbW9yZSBoYW5kbGVycyBleGlzdFxuXHRcdFx0Ly8gKGF2b2lkcyBwb3RlbnRpYWwgZm9yIGVuZGxlc3MgcmVjdXJzaW9uIGR1cmluZyByZW1vdmFsIG9mIHNwZWNpYWwgZXZlbnQgaGFuZGxlcnMpXG5cdFx0XHRpZiAoIG9yaWdDb3VudCAmJiAhaGFuZGxlcnMubGVuZ3RoICkge1xuXHRcdFx0XHRpZiAoICFzcGVjaWFsLnRlYXJkb3duIHx8XG5cdFx0XHRcdFx0c3BlY2lhbC50ZWFyZG93bi5jYWxsKCBlbGVtLCBuYW1lc3BhY2VzLCBlbGVtRGF0YS5oYW5kbGUgKSA9PT0gZmFsc2UgKSB7XG5cblx0XHRcdFx0XHRqUXVlcnkucmVtb3ZlRXZlbnQoIGVsZW0sIHR5cGUsIGVsZW1EYXRhLmhhbmRsZSApO1xuXHRcdFx0XHR9XG5cblx0XHRcdFx0ZGVsZXRlIGV2ZW50c1sgdHlwZSBdO1xuXHRcdFx0fVxuXHRcdH1cblxuXHRcdC8vIFJlbW92ZSBkYXRhIGFuZCB0aGUgZXhwYW5kbyBpZiBpdCdzIG5vIGxvbmdlciB1c2VkXG5cdFx0aWYgKCBqUXVlcnkuaXNFbXB0eU9iamVjdCggZXZlbnRzICkgKSB7XG5cdFx0XHRkYXRhUHJpdi5yZW1vdmUoIGVsZW0sIFwiaGFuZGxlIGV2ZW50c1wiICk7XG5cdFx0fVxuXHR9LFxuXG5cdGRpc3BhdGNoOiBmdW5jdGlvbiggbmF0aXZlRXZlbnQgKSB7XG5cblx0XHR2YXIgaSwgaiwgcmV0LCBtYXRjaGVkLCBoYW5kbGVPYmosIGhhbmRsZXJRdWV1ZSxcblx0XHRcdGFyZ3MgPSBuZXcgQXJyYXkoIGFyZ3VtZW50cy5sZW5ndGggKSxcblxuXHRcdFx0Ly8gTWFrZSBhIHdyaXRhYmxlIGpRdWVyeS5FdmVudCBmcm9tIHRoZSBuYXRpdmUgZXZlbnQgb2JqZWN0XG5cdFx0XHRldmVudCA9IGpRdWVyeS5ldmVudC5maXgoIG5hdGl2ZUV2ZW50ICksXG5cblx0XHRcdGhhbmRsZXJzID0gKFxuXHRcdFx0XHRkYXRhUHJpdi5nZXQoIHRoaXMsIFwiZXZlbnRzXCIgKSB8fCBPYmplY3QuY3JlYXRlKCBudWxsIClcblx0XHRcdClbIGV2ZW50LnR5cGUgXSB8fCBbXSxcblx0XHRcdHNwZWNpYWwgPSBqUXVlcnkuZXZlbnQuc3BlY2lhbFsgZXZlbnQudHlwZSBdIHx8IHt9O1xuXG5cdFx0Ly8gVXNlIHRoZSBmaXgtZWQgalF1ZXJ5LkV2ZW50IHJhdGhlciB0aGFuIHRoZSAocmVhZC1vbmx5KSBuYXRpdmUgZXZlbnRcblx0XHRhcmdzWyAwIF0gPSBldmVudDtcblxuXHRcdGZvciAoIGkgPSAxOyBpIDwgYXJndW1lbnRzLmxlbmd0aDsgaSsrICkge1xuXHRcdFx0YXJnc1sgaSBdID0gYXJndW1lbnRzWyBpIF07XG5cdFx0fVxuXG5cdFx0ZXZlbnQuZGVsZWdhdGVUYXJnZXQgPSB0aGlzO1xuXG5cdFx0Ly8gQ2FsbCB0aGUgcHJlRGlzcGF0Y2ggaG9vayBmb3IgdGhlIG1hcHBlZCB0eXBlLCBhbmQgbGV0IGl0IGJhaWwgaWYgZGVzaXJlZFxuXHRcdGlmICggc3BlY2lhbC5wcmVEaXNwYXRjaCAmJiBzcGVjaWFsLnByZURpc3BhdGNoLmNhbGwoIHRoaXMsIGV2ZW50ICkgPT09IGZhbHNlICkge1xuXHRcdFx0cmV0dXJuO1xuXHRcdH1cblxuXHRcdC8vIERldGVybWluZSBoYW5kbGVyc1xuXHRcdGhhbmRsZXJRdWV1ZSA9IGpRdWVyeS5ldmVudC5oYW5kbGVycy5jYWxsKCB0aGlzLCBldmVudCwgaGFuZGxlcnMgKTtcblxuXHRcdC8vIFJ1biBkZWxlZ2F0ZXMgZmlyc3Q7IHRoZXkgbWF5IHdhbnQgdG8gc3RvcCBwcm9wYWdhdGlvbiBiZW5lYXRoIHVzXG5cdFx0aSA9IDA7XG5cdFx0d2hpbGUgKCAoIG1hdGNoZWQgPSBoYW5kbGVyUXVldWVbIGkrKyBdICkgJiYgIWV2ZW50LmlzUHJvcGFnYXRpb25TdG9wcGVkKCkgKSB7XG5cdFx0XHRldmVudC5jdXJyZW50VGFyZ2V0ID0gbWF0Y2hlZC5lbGVtO1xuXG5cdFx0XHRqID0gMDtcblx0XHRcdHdoaWxlICggKCBoYW5kbGVPYmogPSBtYXRjaGVkLmhhbmRsZXJzWyBqKysgXSApICYmXG5cdFx0XHRcdCFldmVudC5pc0ltbWVkaWF0ZVByb3BhZ2F0aW9uU3RvcHBlZCgpICkge1xuXG5cdFx0XHRcdC8vIElmIHRoZSBldmVudCBpcyBuYW1lc3BhY2VkLCB0aGVuIGVhY2ggaGFuZGxlciBpcyBvbmx5IGludm9rZWQgaWYgaXQgaXNcblx0XHRcdFx0Ly8gc3BlY2lhbGx5IHVuaXZlcnNhbCBvciBpdHMgbmFtZXNwYWNlcyBhcmUgYSBzdXBlcnNldCBvZiB0aGUgZXZlbnQncy5cblx0XHRcdFx0aWYgKCAhZXZlbnQucm5hbWVzcGFjZSB8fCBoYW5kbGVPYmoubmFtZXNwYWNlID09PSBmYWxzZSB8fFxuXHRcdFx0XHRcdGV2ZW50LnJuYW1lc3BhY2UudGVzdCggaGFuZGxlT2JqLm5hbWVzcGFjZSApICkge1xuXG5cdFx0XHRcdFx0ZXZlbnQuaGFuZGxlT2JqID0gaGFuZGxlT2JqO1xuXHRcdFx0XHRcdGV2ZW50LmRhdGEgPSBoYW5kbGVPYmouZGF0YTtcblxuXHRcdFx0XHRcdHJldCA9ICggKCBqUXVlcnkuZXZlbnQuc3BlY2lhbFsgaGFuZGxlT2JqLm9yaWdUeXBlIF0gfHwge30gKS5oYW5kbGUgfHxcblx0XHRcdFx0XHRcdGhhbmRsZU9iai5oYW5kbGVyICkuYXBwbHkoIG1hdGNoZWQuZWxlbSwgYXJncyApO1xuXG5cdFx0XHRcdFx0aWYgKCByZXQgIT09IHVuZGVmaW5lZCApIHtcblx0XHRcdFx0XHRcdGlmICggKCBldmVudC5yZXN1bHQgPSByZXQgKSA9PT0gZmFsc2UgKSB7XG5cdFx0XHRcdFx0XHRcdGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG5cdFx0XHRcdFx0XHRcdGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuXHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdH1cblx0XHRcdFx0fVxuXHRcdFx0fVxuXHRcdH1cblxuXHRcdC8vIENhbGwgdGhlIHBvc3REaXNwYXRjaCBob29rIGZvciB0aGUgbWFwcGVkIHR5cGVcblx0XHRpZiAoIHNwZWNpYWwucG9zdERpc3BhdGNoICkge1xuXHRcdFx0c3BlY2lhbC5wb3N0RGlzcGF0Y2guY2FsbCggdGhpcywgZXZlbnQgKTtcblx0XHR9XG5cblx0XHRyZXR1cm4gZXZlbnQucmVzdWx0O1xuXHR9LFxuXG5cdGhhbmRsZXJzOiBmdW5jdGlvbiggZXZlbnQsIGhhbmRsZXJzICkge1xuXHRcdHZhciBpLCBoYW5kbGVPYmosIHNlbCwgbWF0Y2hlZEhhbmRsZXJzLCBtYXRjaGVkU2VsZWN0b3JzLFxuXHRcdFx0aGFuZGxlclF1ZXVlID0gW10sXG5cdFx0XHRkZWxlZ2F0ZUNvdW50ID0gaGFuZGxlcnMuZGVsZWdhdGVDb3VudCxcblx0XHRcdGN1ciA9IGV2ZW50LnRhcmdldDtcblxuXHRcdC8vIEZpbmQgZGVsZWdhdGUgaGFuZGxlcnNcblx0XHRpZiAoIGRlbGVnYXRlQ291bnQgJiZcblxuXHRcdFx0Ly8gU3VwcG9ydDogSUUgPD05XG5cdFx0XHQvLyBCbGFjay1ob2xlIFNWRyA8dXNlPiBpbnN0YW5jZSB0cmVlcyAodHJhYy0xMzE4MClcblx0XHRcdGN1ci5ub2RlVHlwZSAmJlxuXG5cdFx0XHQvLyBTdXBwb3J0OiBGaXJlZm94IDw9NDJcblx0XHRcdC8vIFN1cHByZXNzIHNwZWMtdmlvbGF0aW5nIGNsaWNrcyBpbmRpY2F0aW5nIGEgbm9uLXByaW1hcnkgcG9pbnRlciBidXR0b24gKHRyYWMtMzg2MSlcblx0XHRcdC8vIGh0dHBzOi8vd3d3LnczLm9yZy9UUi9ET00tTGV2ZWwtMy1FdmVudHMvI2V2ZW50LXR5cGUtY2xpY2tcblx0XHRcdC8vIFN1cHBvcnQ6IElFIDExIG9ubHlcblx0XHRcdC8vIC4uLmJ1dCBub3QgYXJyb3cga2V5IFwiY2xpY2tzXCIgb2YgcmFkaW8gaW5wdXRzLCB3aGljaCBjYW4gaGF2ZSBgYnV0dG9uYCAtMSAoZ2gtMjM0Mylcblx0XHRcdCEoIGV2ZW50LnR5cGUgPT09IFwiY2xpY2tcIiAmJiBldmVudC5idXR0b24gPj0gMSApICkge1xuXG5cdFx0XHRmb3IgKCA7IGN1ciAhPT0gdGhpczsgY3VyID0gY3VyLnBhcmVudE5vZGUgfHwgdGhpcyApIHtcblxuXHRcdFx0XHQvLyBEb24ndCBjaGVjayBub24tZWxlbWVudHMgKHRyYWMtMTMyMDgpXG5cdFx0XHRcdC8vIERvbid0IHByb2Nlc3MgY2xpY2tzIG9uIGRpc2FibGVkIGVsZW1lbnRzICh0cmFjLTY5MTEsIHRyYWMtODE2NSwgdHJhYy0xMTM4MiwgdHJhYy0xMTc2NClcblx0XHRcdFx0aWYgKCBjdXIubm9kZVR5cGUgPT09IDEgJiYgISggZXZlbnQudHlwZSA9PT0gXCJjbGlja1wiICYmIGN1ci5kaXNhYmxlZCA9PT0gdHJ1ZSApICkge1xuXHRcdFx0XHRcdG1hdGNoZWRIYW5kbGVycyA9IFtdO1xuXHRcdFx0XHRcdG1hdGNoZWRTZWxlY3RvcnMgPSB7fTtcblx0XHRcdFx0XHRmb3IgKCBpID0gMDsgaSA8IGRlbGVnYXRlQ291bnQ7IGkrKyApIHtcblx0XHRcdFx0XHRcdGhhbmRsZU9iaiA9IGhhbmRsZXJzWyBpIF07XG5cblx0XHRcdFx0XHRcdC8vIERvbid0IGNvbmZsaWN0IHdpdGggT2JqZWN0LnByb3RvdHlwZSBwcm9wZXJ0aWVzICh0cmFjLTEzMjAzKVxuXHRcdFx0XHRcdFx0c2VsID0gaGFuZGxlT2JqLnNlbGVjdG9yICsgXCIgXCI7XG5cblx0XHRcdFx0XHRcdGlmICggbWF0Y2hlZFNlbGVjdG9yc1sgc2VsIF0gPT09IHVuZGVmaW5lZCApIHtcblx0XHRcdFx0XHRcdFx0bWF0Y2hlZFNlbGVjdG9yc1sgc2VsIF0gPSBoYW5kbGVPYmoubmVlZHNDb250ZXh0ID9cblx0XHRcdFx0XHRcdFx0XHRqUXVlcnkoIHNlbCwgdGhpcyApLmluZGV4KCBjdXIgKSA+IC0xIDpcblx0XHRcdFx0XHRcdFx0XHRqUXVlcnkuZmluZCggc2VsLCB0aGlzLCBudWxsLCBbIGN1ciBdICkubGVuZ3RoO1xuXHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0aWYgKCBtYXRjaGVkU2VsZWN0b3JzWyBzZWwgXSApIHtcblx0XHRcdFx0XHRcdFx0bWF0Y2hlZEhhbmRsZXJzLnB1c2goIGhhbmRsZU9iaiApO1xuXHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdH1cblx0XHRcdFx0XHRpZiAoIG1hdGNoZWRIYW5kbGVycy5sZW5ndGggKSB7XG5cdFx0XHRcdFx0XHRoYW5kbGVyUXVldWUucHVzaCggeyBlbGVtOiBjdXIsIGhhbmRsZXJzOiBtYXRjaGVkSGFuZGxlcnMgfSApO1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0fVxuXHRcdFx0fVxuXHRcdH1cblxuXHRcdC8vIEFkZCB0aGUgcmVtYWluaW5nIChkaXJlY3RseS1ib3VuZCkgaGFuZGxlcnNcblx0XHRjdXIgPSB0aGlzO1xuXHRcdGlmICggZGVsZWdhdGVDb3VudCA8IGhhbmRsZXJzLmxlbmd0aCApIHtcblx0XHRcdGhhbmRsZXJRdWV1ZS5wdXNoKCB7IGVsZW06IGN1ciwgaGFuZGxlcnM6IGhhbmRsZXJzLnNsaWNlKCBkZWxlZ2F0ZUNvdW50ICkgfSApO1xuXHRcdH1cblxuXHRcdHJldHVybiBoYW5kbGVyUXVldWU7XG5cdH0sXG5cblx0YWRkUHJvcDogZnVuY3Rpb24oIG5hbWUsIGhvb2sgKSB7XG5cdFx0T2JqZWN0LmRlZmluZVByb3BlcnR5KCBqUXVlcnkuRXZlbnQucHJvdG90eXBlLCBuYW1lLCB7XG5cdFx0XHRlbnVtZXJhYmxlOiB0cnVlLFxuXHRcdFx0Y29uZmlndXJhYmxlOiB0cnVlLFxuXG5cdFx0XHRnZXQ6IGlzRnVuY3Rpb24oIGhvb2sgKSA/XG5cdFx0XHRcdGZ1bmN0aW9uKCkge1xuXHRcdFx0XHRcdGlmICggdGhpcy5vcmlnaW5hbEV2ZW50ICkge1xuXHRcdFx0XHRcdFx0cmV0dXJuIGhvb2soIHRoaXMub3JpZ2luYWxFdmVudCApO1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0fSA6XG5cdFx0XHRcdGZ1bmN0aW9uKCkge1xuXHRcdFx0XHRcdGlmICggdGhpcy5vcmlnaW5hbEV2ZW50ICkge1xuXHRcdFx0XHRcdFx0cmV0dXJuIHRoaXMub3JpZ2luYWxFdmVudFsgbmFtZSBdO1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0fSxcblxuXHRcdFx0c2V0OiBmdW5jdGlvbiggdmFsdWUgKSB7XG5cdFx0XHRcdE9iamVjdC5kZWZpbmVQcm9wZXJ0eSggdGhpcywgbmFtZSwge1xuXHRcdFx0XHRcdGVudW1lcmFibGU6IHRydWUsXG5cdFx0XHRcdFx0Y29uZmlndXJhYmxlOiB0cnVlLFxuXHRcdFx0XHRcdHdyaXRhYmxlOiB0cnVlLFxuXHRcdFx0XHRcdHZhbHVlOiB2YWx1ZVxuXHRcdFx0XHR9ICk7XG5cdFx0XHR9XG5cdFx0fSApO1xuXHR9LFxuXG5cdGZpeDogZnVuY3Rpb24oIG9yaWdpbmFsRXZlbnQgKSB7XG5cdFx0cmV0dXJuIG9yaWdpbmFsRXZlbnRbIGpRdWVyeS5leHBhbmRvIF0gP1xuXHRcdFx0b3JpZ2luYWxFdmVudCA6XG5cdFx0XHRuZXcgalF1ZXJ5LkV2ZW50KCBvcmlnaW5hbEV2ZW50ICk7XG5cdH0sXG5cblx0c3BlY2lhbDoge1xuXHRcdGxvYWQ6IHtcblxuXHRcdFx0Ly8gUHJldmVudCB0cmlnZ2VyZWQgaW1hZ2UubG9hZCBldmVudHMgZnJvbSBidWJibGluZyB0byB3aW5kb3cubG9hZFxuXHRcdFx0bm9CdWJibGU6IHRydWVcblx0XHR9LFxuXHRcdGNsaWNrOiB7XG5cblx0XHRcdC8vIFV0aWxpemUgbmF0aXZlIGV2ZW50IHRvIGVuc3VyZSBjb3JyZWN0IHN0YXRlIGZvciBjaGVja2FibGUgaW5wdXRzXG5cdFx0XHRzZXR1cDogZnVuY3Rpb24oIGRhdGEgKSB7XG5cblx0XHRcdFx0Ly8gRm9yIG11dHVhbCBjb21wcmVzc2liaWxpdHkgd2l0aCBfZGVmYXVsdCwgcmVwbGFjZSBgdGhpc2AgYWNjZXNzIHdpdGggYSBsb2NhbCB2YXIuXG5cdFx0XHRcdC8vIGB8fCBkYXRhYCBpcyBkZWFkIGNvZGUgbWVhbnQgb25seSB0byBwcmVzZXJ2ZSB0aGUgdmFyaWFibGUgdGhyb3VnaCBtaW5pZmljYXRpb24uXG5cdFx0XHRcdHZhciBlbCA9IHRoaXMgfHwgZGF0YTtcblxuXHRcdFx0XHQvLyBDbGFpbSB0aGUgZmlyc3QgaGFuZGxlclxuXHRcdFx0XHRpZiAoIHJjaGVja2FibGVUeXBlLnRlc3QoIGVsLnR5cGUgKSAmJlxuXHRcdFx0XHRcdGVsLmNsaWNrICYmIG5vZGVOYW1lKCBlbCwgXCJpbnB1dFwiICkgKSB7XG5cblx0XHRcdFx0XHQvLyBkYXRhUHJpdi5zZXQoIGVsLCBcImNsaWNrXCIsIC4uLiApXG5cdFx0XHRcdFx0bGV2ZXJhZ2VOYXRpdmUoIGVsLCBcImNsaWNrXCIsIHRydWUgKTtcblx0XHRcdFx0fVxuXG5cdFx0XHRcdC8vIFJldHVybiBmYWxzZSB0byBhbGxvdyBub3JtYWwgcHJvY2Vzc2luZyBpbiB0aGUgY2FsbGVyXG5cdFx0XHRcdHJldHVybiBmYWxzZTtcblx0XHRcdH0sXG5cdFx0XHR0cmlnZ2VyOiBmdW5jdGlvbiggZGF0YSApIHtcblxuXHRcdFx0XHQvLyBGb3IgbXV0dWFsIGNvbXByZXNzaWJpbGl0eSB3aXRoIF9kZWZhdWx0LCByZXBsYWNlIGB0aGlzYCBhY2Nlc3Mgd2l0aCBhIGxvY2FsIHZhci5cblx0XHRcdFx0Ly8gYHx8IGRhdGFgIGlzIGRlYWQgY29kZSBtZWFudCBvbmx5IHRvIHByZXNlcnZlIHRoZSB2YXJpYWJsZSB0aHJvdWdoIG1pbmlmaWNhdGlvbi5cblx0XHRcdFx0dmFyIGVsID0gdGhpcyB8fCBkYXRhO1xuXG5cdFx0XHRcdC8vIEZvcmNlIHNldHVwIGJlZm9yZSB0cmlnZ2VyaW5nIGEgY2xpY2tcblx0XHRcdFx0aWYgKCByY2hlY2thYmxlVHlwZS50ZXN0KCBlbC50eXBlICkgJiZcblx0XHRcdFx0XHRlbC5jbGljayAmJiBub2RlTmFtZSggZWwsIFwiaW5wdXRcIiApICkge1xuXG5cdFx0XHRcdFx0bGV2ZXJhZ2VOYXRpdmUoIGVsLCBcImNsaWNrXCIgKTtcblx0XHRcdFx0fVxuXG5cdFx0XHRcdC8vIFJldHVybiBub24tZmFsc2UgdG8gYWxsb3cgbm9ybWFsIGV2ZW50LXBhdGggcHJvcGFnYXRpb25cblx0XHRcdFx0cmV0dXJuIHRydWU7XG5cdFx0XHR9LFxuXG5cdFx0XHQvLyBGb3IgY3Jvc3MtYnJvd3NlciBjb25zaXN0ZW5jeSwgc3VwcHJlc3MgbmF0aXZlIC5jbGljaygpIG9uIGxpbmtzXG5cdFx0XHQvLyBBbHNvIHByZXZlbnQgaXQgaWYgd2UncmUgY3VycmVudGx5IGluc2lkZSBhIGxldmVyYWdlZCBuYXRpdmUtZXZlbnQgc3RhY2tcblx0XHRcdF9kZWZhdWx0OiBmdW5jdGlvbiggZXZlbnQgKSB7XG5cdFx0XHRcdHZhciB0YXJnZXQgPSBldmVudC50YXJnZXQ7XG5cdFx0XHRcdHJldHVybiByY2hlY2thYmxlVHlwZS50ZXN0KCB0YXJnZXQudHlwZSApICYmXG5cdFx0XHRcdFx0dGFyZ2V0LmNsaWNrICYmIG5vZGVOYW1lKCB0YXJnZXQsIFwiaW5wdXRcIiApICYmXG5cdFx0XHRcdFx0ZGF0YVByaXYuZ2V0KCB0YXJnZXQsIFwiY2xpY2tcIiApIHx8XG5cdFx0XHRcdFx0bm9kZU5hbWUoIHRhcmdldCwgXCJhXCIgKTtcblx0XHRcdH1cblx0XHR9LFxuXG5cdFx0YmVmb3JldW5sb2FkOiB7XG5cdFx0XHRwb3N0RGlzcGF0Y2g6IGZ1bmN0aW9uKCBldmVudCApIHtcblxuXHRcdFx0XHQvLyBTdXBwb3J0OiBGaXJlZm94IDIwK1xuXHRcdFx0XHQvLyBGaXJlZm94IGRvZXNuJ3QgYWxlcnQgaWYgdGhlIHJldHVyblZhbHVlIGZpZWxkIGlzIG5vdCBzZXQuXG5cdFx0XHRcdGlmICggZXZlbnQucmVzdWx0ICE9PSB1bmRlZmluZWQgJiYgZXZlbnQub3JpZ2luYWxFdmVudCApIHtcblx0XHRcdFx0XHRldmVudC5vcmlnaW5hbEV2ZW50LnJldHVyblZhbHVlID0gZXZlbnQucmVzdWx0O1xuXHRcdFx0XHR9XG5cdFx0XHR9XG5cdFx0fVxuXHR9XG59O1xuXG4vLyBFbnN1cmUgdGhlIHByZXNlbmNlIG9mIGFuIGV2ZW50IGxpc3RlbmVyIHRoYXQgaGFuZGxlcyBtYW51YWxseS10cmlnZ2VyZWRcbi8vIHN5bnRoZXRpYyBldmVudHMgYnkgaW50ZXJydXB0aW5nIHByb2dyZXNzIHVudGlsIHJlaW52b2tlZCBpbiByZXNwb25zZSB0b1xuLy8gKm5hdGl2ZSogZXZlbnRzIHRoYXQgaXQgZmlyZXMgZGlyZWN0bHksIGVuc3VyaW5nIHRoYXQgc3RhdGUgY2hhbmdlcyBoYXZlXG4vLyBhbHJlYWR5IG9jY3VycmVkIGJlZm9yZSBvdGhlciBsaXN0ZW5lcnMgYXJlIGludm9rZWQuXG5mdW5jdGlvbiBsZXZlcmFnZU5hdGl2ZSggZWwsIHR5cGUsIGlzU2V0dXAgKSB7XG5cblx0Ly8gTWlzc2luZyBgaXNTZXR1cGAgaW5kaWNhdGVzIGEgdHJpZ2dlciBjYWxsLCB3aGljaCBtdXN0IGZvcmNlIHNldHVwIHRocm91Z2ggalF1ZXJ5LmV2ZW50LmFkZFxuXHRpZiAoICFpc1NldHVwICkge1xuXHRcdGlmICggZGF0YVByaXYuZ2V0KCBlbCwgdHlwZSApID09PSB1bmRlZmluZWQgKSB7XG5cdFx0XHRqUXVlcnkuZXZlbnQuYWRkKCBlbCwgdHlwZSwgcmV0dXJuVHJ1ZSApO1xuXHRcdH1cblx0XHRyZXR1cm47XG5cdH1cblxuXHQvLyBSZWdpc3RlciB0aGUgY29udHJvbGxlciBhcyBhIHNwZWNpYWwgdW5pdmVyc2FsIGhhbmRsZXIgZm9yIGFsbCBldmVudCBuYW1lc3BhY2VzXG5cdGRhdGFQcml2LnNldCggZWwsIHR5cGUsIGZhbHNlICk7XG5cdGpRdWVyeS5ldmVudC5hZGQoIGVsLCB0eXBlLCB7XG5cdFx0bmFtZXNwYWNlOiBmYWxzZSxcblx0XHRoYW5kbGVyOiBmdW5jdGlvbiggZXZlbnQgKSB7XG5cdFx0XHR2YXIgcmVzdWx0LFxuXHRcdFx0XHRzYXZlZCA9IGRhdGFQcml2LmdldCggdGhpcywgdHlwZSApO1xuXG5cdFx0XHRpZiAoICggZXZlbnQuaXNUcmlnZ2VyICYgMSApICYmIHRoaXNbIHR5cGUgXSApIHtcblxuXHRcdFx0XHQvLyBJbnRlcnJ1cHQgcHJvY2Vzc2luZyBvZiB0aGUgb3V0ZXIgc3ludGhldGljIC50cmlnZ2VyKCllZCBldmVudFxuXHRcdFx0XHRpZiAoICFzYXZlZCApIHtcblxuXHRcdFx0XHRcdC8vIFN0b3JlIGFyZ3VtZW50cyBmb3IgdXNlIHdoZW4gaGFuZGxpbmcgdGhlIGlubmVyIG5hdGl2ZSBldmVudFxuXHRcdFx0XHRcdC8vIFRoZXJlIHdpbGwgYWx3YXlzIGJlIGF0IGxlYXN0IG9uZSBhcmd1bWVudCAoYW4gZXZlbnQgb2JqZWN0KSwgc28gdGhpcyBhcnJheVxuXHRcdFx0XHRcdC8vIHdpbGwgbm90IGJlIGNvbmZ1c2VkIHdpdGggYSBsZWZ0b3ZlciBjYXB0dXJlIG9iamVjdC5cblx0XHRcdFx0XHRzYXZlZCA9IHNsaWNlLmNhbGwoIGFyZ3VtZW50cyApO1xuXHRcdFx0XHRcdGRhdGFQcml2LnNldCggdGhpcywgdHlwZSwgc2F2ZWQgKTtcblxuXHRcdFx0XHRcdC8vIFRyaWdnZXIgdGhlIG5hdGl2ZSBldmVudCBhbmQgY2FwdHVyZSBpdHMgcmVzdWx0XG5cdFx0XHRcdFx0dGhpc1sgdHlwZSBdKCk7XG5cdFx0XHRcdFx0cmVzdWx0ID0gZGF0YVByaXYuZ2V0KCB0aGlzLCB0eXBlICk7XG5cdFx0XHRcdFx0ZGF0YVByaXYuc2V0KCB0aGlzLCB0eXBlLCBmYWxzZSApO1xuXG5cdFx0XHRcdFx0aWYgKCBzYXZlZCAhPT0gcmVzdWx0ICkge1xuXG5cdFx0XHRcdFx0XHQvLyBDYW5jZWwgdGhlIG91dGVyIHN5bnRoZXRpYyBldmVudFxuXHRcdFx0XHRcdFx0ZXZlbnQuc3RvcEltbWVkaWF0ZVByb3BhZ2F0aW9uKCk7XG5cdFx0XHRcdFx0XHRldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuXG5cdFx0XHRcdFx0XHRyZXR1cm4gcmVzdWx0O1xuXHRcdFx0XHRcdH1cblxuXHRcdFx0XHQvLyBJZiB0aGlzIGlzIGFuIGlubmVyIHN5bnRoZXRpYyBldmVudCBmb3IgYW4gZXZlbnQgd2l0aCBhIGJ1YmJsaW5nIHN1cnJvZ2F0ZVxuXHRcdFx0XHQvLyAoZm9jdXMgb3IgYmx1ciksIGFzc3VtZSB0aGF0IHRoZSBzdXJyb2dhdGUgYWxyZWFkeSBwcm9wYWdhdGVkIGZyb20gdHJpZ2dlcmluZ1xuXHRcdFx0XHQvLyB0aGUgbmF0aXZlIGV2ZW50IGFuZCBwcmV2ZW50IHRoYXQgZnJvbSBoYXBwZW5pbmcgYWdhaW4gaGVyZS5cblx0XHRcdFx0Ly8gVGhpcyB0ZWNobmljYWxseSBnZXRzIHRoZSBvcmRlcmluZyB3cm9uZyB3LnIudC4gdG8gYC50cmlnZ2VyKClgIChpbiB3aGljaCB0aGVcblx0XHRcdFx0Ly8gYnViYmxpbmcgc3Vycm9nYXRlIHByb3BhZ2F0ZXMgKmFmdGVyKiB0aGUgbm9uLWJ1YmJsaW5nIGJhc2UpLCBidXQgdGhhdCBzZWVtc1xuXHRcdFx0XHQvLyBsZXNzIGJhZCB0aGFuIGR1cGxpY2F0aW9uLlxuXHRcdFx0XHR9IGVsc2UgaWYgKCAoIGpRdWVyeS5ldmVudC5zcGVjaWFsWyB0eXBlIF0gfHwge30gKS5kZWxlZ2F0ZVR5cGUgKSB7XG5cdFx0XHRcdFx0ZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cdFx0XHRcdH1cblxuXHRcdFx0Ly8gSWYgdGhpcyBpcyBhIG5hdGl2ZSBldmVudCB0cmlnZ2VyZWQgYWJvdmUsIGV2ZXJ5dGhpbmcgaXMgbm93IGluIG9yZGVyXG5cdFx0XHQvLyBGaXJlIGFuIGlubmVyIHN5bnRoZXRpYyBldmVudCB3aXRoIHRoZSBvcmlnaW5hbCBhcmd1bWVudHNcblx0XHRcdH0gZWxzZSBpZiAoIHNhdmVkICkge1xuXG5cdFx0XHRcdC8vIC4uLmFuZCBjYXB0dXJlIHRoZSByZXN1bHRcblx0XHRcdFx0ZGF0YVByaXYuc2V0KCB0aGlzLCB0eXBlLCBqUXVlcnkuZXZlbnQudHJpZ2dlcihcblx0XHRcdFx0XHRzYXZlZFsgMCBdLFxuXHRcdFx0XHRcdHNhdmVkLnNsaWNlKCAxICksXG5cdFx0XHRcdFx0dGhpc1xuXHRcdFx0XHQpICk7XG5cblx0XHRcdFx0Ly8gQWJvcnQgaGFuZGxpbmcgb2YgdGhlIG5hdGl2ZSBldmVudCBieSBhbGwgalF1ZXJ5IGhhbmRsZXJzIHdoaWxlIGFsbG93aW5nXG5cdFx0XHRcdC8vIG5hdGl2ZSBoYW5kbGVycyBvbiB0aGUgc2FtZSBlbGVtZW50IHRvIHJ1bi4gT24gdGFyZ2V0LCB0aGlzIGlzIGFjaGlldmVkXG5cdFx0XHRcdC8vIGJ5IHN0b3BwaW5nIGltbWVkaWF0ZSBwcm9wYWdhdGlvbiBqdXN0IG9uIHRoZSBqUXVlcnkgZXZlbnQuIEhvd2V2ZXIsXG5cdFx0XHRcdC8vIHRoZSBuYXRpdmUgZXZlbnQgaXMgcmUtd3JhcHBlZCBieSBhIGpRdWVyeSBvbmUgb24gZWFjaCBsZXZlbCBvZiB0aGVcblx0XHRcdFx0Ly8gcHJvcGFnYXRpb24gc28gdGhlIG9ubHkgd2F5IHRvIHN0b3AgaXQgZm9yIGpRdWVyeSBpcyB0byBzdG9wIGl0IGZvclxuXHRcdFx0XHQvLyBldmVyeW9uZSB2aWEgbmF0aXZlIGBzdG9wUHJvcGFnYXRpb24oKWAuIFRoaXMgaXMgbm90IGEgcHJvYmxlbSBmb3Jcblx0XHRcdFx0Ly8gZm9jdXMvYmx1ciB3aGljaCBkb24ndCBidWJibGUsIGJ1dCBpdCBkb2VzIGFsc28gc3RvcCBjbGljayBvbiBjaGVja2JveGVzXG5cdFx0XHRcdC8vIGFuZCByYWRpb3MuIFdlIGFjY2VwdCB0aGlzIGxpbWl0YXRpb24uXG5cdFx0XHRcdGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuXHRcdFx0XHRldmVudC5pc0ltbWVkaWF0ZVByb3BhZ2F0aW9uU3RvcHBlZCA9IHJldHVyblRydWU7XG5cdFx0XHR9XG5cdFx0fVxuXHR9ICk7XG59XG5cbmpRdWVyeS5yZW1vdmVFdmVudCA9IGZ1bmN0aW9uKCBlbGVtLCB0eXBlLCBoYW5kbGUgKSB7XG5cblx0Ly8gVGhpcyBcImlmXCIgaXMgbmVlZGVkIGZvciBwbGFpbiBvYmplY3RzXG5cdGlmICggZWxlbS5yZW1vdmVFdmVudExpc3RlbmVyICkge1xuXHRcdGVsZW0ucmVtb3ZlRXZlbnRMaXN0ZW5lciggdHlwZSwgaGFuZGxlICk7XG5cdH1cbn07XG5cbmpRdWVyeS5FdmVudCA9IGZ1bmN0aW9uKCBzcmMsIHByb3BzICkge1xuXG5cdC8vIEFsbG93IGluc3RhbnRpYXRpb24gd2l0aG91dCB0aGUgJ25ldycga2V5d29yZFxuXHRpZiAoICEoIHRoaXMgaW5zdGFuY2VvZiBqUXVlcnkuRXZlbnQgKSApIHtcblx0XHRyZXR1cm4gbmV3IGpRdWVyeS5FdmVudCggc3JjLCBwcm9wcyApO1xuXHR9XG5cblx0Ly8gRXZlbnQgb2JqZWN0XG5cdGlmICggc3JjICYmIHNyYy50eXBlICkge1xuXHRcdHRoaXMub3JpZ2luYWxFdmVudCA9IHNyYztcblx0XHR0aGlzLnR5cGUgPSBzcmMudHlwZTtcblxuXHRcdC8vIEV2ZW50cyBidWJibGluZyB1cCB0aGUgZG9jdW1lbnQgbWF5IGhhdmUgYmVlbiBtYXJrZWQgYXMgcHJldmVudGVkXG5cdFx0Ly8gYnkgYSBoYW5kbGVyIGxvd2VyIGRvd24gdGhlIHRyZWU7IHJlZmxlY3QgdGhlIGNvcnJlY3QgdmFsdWUuXG5cdFx0dGhpcy5pc0RlZmF1bHRQcmV2ZW50ZWQgPSBzcmMuZGVmYXVsdFByZXZlbnRlZCB8fFxuXHRcdFx0XHRzcmMuZGVmYXVsdFByZXZlbnRlZCA9PT0gdW5kZWZpbmVkICYmXG5cblx0XHRcdFx0Ly8gU3VwcG9ydDogQW5kcm9pZCA8PTIuMyBvbmx5XG5cdFx0XHRcdHNyYy5yZXR1cm5WYWx1ZSA9PT0gZmFsc2UgP1xuXHRcdFx0cmV0dXJuVHJ1ZSA6XG5cdFx0XHRyZXR1cm5GYWxzZTtcblxuXHRcdC8vIENyZWF0ZSB0YXJnZXQgcHJvcGVydGllc1xuXHRcdC8vIFN1cHBvcnQ6IFNhZmFyaSA8PTYgLSA3IG9ubHlcblx0XHQvLyBUYXJnZXQgc2hvdWxkIG5vdCBiZSBhIHRleHQgbm9kZSAodHJhYy01MDQsIHRyYWMtMTMxNDMpXG5cdFx0dGhpcy50YXJnZXQgPSAoIHNyYy50YXJnZXQgJiYgc3JjLnRhcmdldC5ub2RlVHlwZSA9PT0gMyApID9cblx0XHRcdHNyYy50YXJnZXQucGFyZW50Tm9kZSA6XG5cdFx0XHRzcmMudGFyZ2V0O1xuXG5cdFx0dGhpcy5jdXJyZW50VGFyZ2V0ID0gc3JjLmN1cnJlbnRUYXJnZXQ7XG5cdFx0dGhpcy5yZWxhdGVkVGFyZ2V0ID0gc3JjLnJlbGF0ZWRUYXJnZXQ7XG5cblx0Ly8gRXZlbnQgdHlwZVxuXHR9IGVsc2Uge1xuXHRcdHRoaXMudHlwZSA9IHNyYztcblx0fVxuXG5cdC8vIFB1dCBleHBsaWNpdGx5IHByb3ZpZGVkIHByb3BlcnRpZXMgb250byB0aGUgZXZlbnQgb2JqZWN0XG5cdGlmICggcHJvcHMgKSB7XG5cdFx0alF1ZXJ5LmV4dGVuZCggdGhpcywgcHJvcHMgKTtcblx0fVxuXG5cdC8vIENyZWF0ZSBhIHRpbWVzdGFtcCBpZiBpbmNvbWluZyBldmVudCBkb2Vzbid0IGhhdmUgb25lXG5cdHRoaXMudGltZVN0YW1wID0gc3JjICYmIHNyYy50aW1lU3RhbXAgfHwgRGF0ZS5ub3coKTtcblxuXHQvLyBNYXJrIGl0IGFzIGZpeGVkXG5cdHRoaXNbIGpRdWVyeS5leHBhbmRvIF0gPSB0cnVlO1xufTtcblxuLy8galF1ZXJ5LkV2ZW50IGlzIGJhc2VkIG9uIERPTTMgRXZlbnRzIGFzIHNwZWNpZmllZCBieSB0aGUgRUNNQVNjcmlwdCBMYW5ndWFnZSBCaW5kaW5nXG4vLyBodHRwczovL3d3dy53My5vcmcvVFIvMjAwMy9XRC1ET00tTGV2ZWwtMy1FdmVudHMtMjAwMzAzMzEvZWNtYS1zY3JpcHQtYmluZGluZy5odG1sXG5qUXVlcnkuRXZlbnQucHJvdG90eXBlID0ge1xuXHRjb25zdHJ1Y3RvcjogalF1ZXJ5LkV2ZW50LFxuXHRpc0RlZmF1bHRQcmV2ZW50ZWQ6IHJldHVybkZhbHNlLFxuXHRpc1Byb3BhZ2F0aW9uU3RvcHBlZDogcmV0dXJuRmFsc2UsXG5cdGlzSW1tZWRpYXRlUHJvcGFnYXRpb25TdG9wcGVkOiByZXR1cm5GYWxzZSxcblx0aXNTaW11bGF0ZWQ6IGZhbHNlLFxuXG5cdHByZXZlbnREZWZhdWx0OiBmdW5jdGlvbigpIHtcblx0XHR2YXIgZSA9IHRoaXMub3JpZ2luYWxFdmVudDtcblxuXHRcdHRoaXMuaXNEZWZhdWx0UHJldmVudGVkID0gcmV0dXJuVHJ1ZTtcblxuXHRcdGlmICggZSAmJiAhdGhpcy5pc1NpbXVsYXRlZCApIHtcblx0XHRcdGUucHJldmVudERlZmF1bHQoKTtcblx0XHR9XG5cdH0sXG5cdHN0b3BQcm9wYWdhdGlvbjogZnVuY3Rpb24oKSB7XG5cdFx0dmFyIGUgPSB0aGlzLm9yaWdpbmFsRXZlbnQ7XG5cblx0XHR0aGlzLmlzUHJvcGFnYXRpb25TdG9wcGVkID0gcmV0dXJuVHJ1ZTtcblxuXHRcdGlmICggZSAmJiAhdGhpcy5pc1NpbXVsYXRlZCApIHtcblx0XHRcdGUuc3RvcFByb3BhZ2F0aW9uKCk7XG5cdFx0fVxuXHR9LFxuXHRzdG9wSW1tZWRpYXRlUHJvcGFnYXRpb246IGZ1bmN0aW9uKCkge1xuXHRcdHZhciBlID0gdGhpcy5vcmlnaW5hbEV2ZW50O1xuXG5cdFx0dGhpcy5pc0ltbWVkaWF0ZVByb3BhZ2F0aW9uU3RvcHBlZCA9IHJldHVyblRydWU7XG5cblx0XHRpZiAoIGUgJiYgIXRoaXMuaXNTaW11bGF0ZWQgKSB7XG5cdFx0XHRlLnN0b3BJbW1lZGlhdGVQcm9wYWdhdGlvbigpO1xuXHRcdH1cblxuXHRcdHRoaXMuc3RvcFByb3BhZ2F0aW9uKCk7XG5cdH1cbn07XG5cbi8vIEluY2x1ZGVzIGFsbCBjb21tb24gZXZlbnQgcHJvcHMgaW5jbHVkaW5nIEtleUV2ZW50IGFuZCBNb3VzZUV2ZW50IHNwZWNpZmljIHByb3BzXG5qUXVlcnkuZWFjaCgge1xuXHRhbHRLZXk6IHRydWUsXG5cdGJ1YmJsZXM6IHRydWUsXG5cdGNhbmNlbGFibGU6IHRydWUsXG5cdGNoYW5nZWRUb3VjaGVzOiB0cnVlLFxuXHRjdHJsS2V5OiB0cnVlLFxuXHRkZXRhaWw6IHRydWUsXG5cdGV2ZW50UGhhc2U6IHRydWUsXG5cdG1ldGFLZXk6IHRydWUsXG5cdHBhZ2VYOiB0cnVlLFxuXHRwYWdlWTogdHJ1ZSxcblx0c2hpZnRLZXk6IHRydWUsXG5cdHZpZXc6IHRydWUsXG5cdFwiY2hhclwiOiB0cnVlLFxuXHRjb2RlOiB0cnVlLFxuXHRjaGFyQ29kZTogdHJ1ZSxcblx0a2V5OiB0cnVlLFxuXHRrZXlDb2RlOiB0cnVlLFxuXHRidXR0b246IHRydWUsXG5cdGJ1dHRvbnM6IHRydWUsXG5cdGNsaWVudFg6IHRydWUsXG5cdGNsaWVudFk6IHRydWUsXG5cdG9mZnNldFg6IHRydWUsXG5cdG9mZnNldFk6IHRydWUsXG5cdHBvaW50ZXJJZDogdHJ1ZSxcblx0cG9pbnRlclR5cGU6IHRydWUsXG5cdHNjcmVlblg6IHRydWUsXG5cdHNjcmVlblk6IHRydWUsXG5cdHRhcmdldFRvdWNoZXM6IHRydWUsXG5cdHRvRWxlbWVudDogdHJ1ZSxcblx0dG91Y2hlczogdHJ1ZSxcblx0d2hpY2g6IHRydWVcbn0sIGpRdWVyeS5ldmVudC5hZGRQcm9wICk7XG5cbmpRdWVyeS5lYWNoKCB7IGZvY3VzOiBcImZvY3VzaW5cIiwgYmx1cjogXCJmb2N1c291dFwiIH0sIGZ1bmN0aW9uKCB0eXBlLCBkZWxlZ2F0ZVR5cGUgKSB7XG5cblx0ZnVuY3Rpb24gZm9jdXNNYXBwZWRIYW5kbGVyKCBuYXRpdmVFdmVudCApIHtcblx0XHRpZiAoIGRvY3VtZW50LmRvY3VtZW50TW9kZSApIHtcblxuXHRcdFx0Ly8gU3VwcG9ydDogSUUgMTErXG5cdFx0XHQvLyBBdHRhY2ggYSBzaW5nbGUgZm9jdXNpbi9mb2N1c291dCBoYW5kbGVyIG9uIHRoZSBkb2N1bWVudCB3aGlsZSBzb21lb25lIHdhbnRzXG5cdFx0XHQvLyBmb2N1cy9ibHVyLiBUaGlzIGlzIGJlY2F1c2UgdGhlIGZvcm1lciBhcmUgc3luY2hyb25vdXMgaW4gSUUgd2hpbGUgdGhlIGxhdHRlclxuXHRcdFx0Ly8gYXJlIGFzeW5jLiBJbiBvdGhlciBicm93c2VycywgYWxsIHRob3NlIGhhbmRsZXJzIGFyZSBpbnZva2VkIHN5bmNocm9ub3VzbHkuXG5cblx0XHRcdC8vIGBoYW5kbGVgIGZyb20gcHJpdmF0ZSBkYXRhIHdvdWxkIGFscmVhZHkgd3JhcCB0aGUgZXZlbnQsIGJ1dCB3ZSBuZWVkXG5cdFx0XHQvLyB0byBjaGFuZ2UgdGhlIGB0eXBlYCBoZXJlLlxuXHRcdFx0dmFyIGhhbmRsZSA9IGRhdGFQcml2LmdldCggdGhpcywgXCJoYW5kbGVcIiApLFxuXHRcdFx0XHRldmVudCA9IGpRdWVyeS5ldmVudC5maXgoIG5hdGl2ZUV2ZW50ICk7XG5cdFx0XHRldmVudC50eXBlID0gbmF0aXZlRXZlbnQudHlwZSA9PT0gXCJmb2N1c2luXCIgPyBcImZvY3VzXCIgOiBcImJsdXJcIjtcblx0XHRcdGV2ZW50LmlzU2ltdWxhdGVkID0gdHJ1ZTtcblxuXHRcdFx0Ly8gRmlyc3QsIGhhbmRsZSBmb2N1c2luL2ZvY3Vzb3V0XG5cdFx0XHRoYW5kbGUoIG5hdGl2ZUV2ZW50ICk7XG5cblx0XHRcdC8vIC4uLnRoZW4sIGhhbmRsZSBmb2N1cy9ibHVyXG5cdFx0XHQvL1xuXHRcdFx0Ly8gZm9jdXMvYmx1ciBkb24ndCBidWJibGUgd2hpbGUgZm9jdXNpbi9mb2N1c291dCBkbzsgc2ltdWxhdGUgdGhlIGZvcm1lciBieSBvbmx5XG5cdFx0XHQvLyBpbnZva2luZyB0aGUgaGFuZGxlciBhdCB0aGUgbG93ZXIgbGV2ZWwuXG5cdFx0XHRpZiAoIGV2ZW50LnRhcmdldCA9PT0gZXZlbnQuY3VycmVudFRhcmdldCApIHtcblxuXHRcdFx0XHQvLyBUaGUgc2V0dXAgcGFydCBjYWxscyBgbGV2ZXJhZ2VOYXRpdmVgLCB3aGljaCwgaW4gdHVybiwgY2FsbHNcblx0XHRcdFx0Ly8gYGpRdWVyeS5ldmVudC5hZGRgLCBzbyBldmVudCBoYW5kbGUgd2lsbCBhbHJlYWR5IGhhdmUgYmVlbiBzZXRcblx0XHRcdFx0Ly8gYnkgdGhpcyBwb2ludC5cblx0XHRcdFx0aGFuZGxlKCBldmVudCApO1xuXHRcdFx0fVxuXHRcdH0gZWxzZSB7XG5cblx0XHRcdC8vIEZvciBub24tSUUgYnJvd3NlcnMsIGF0dGFjaCBhIHNpbmdsZSBjYXB0dXJpbmcgaGFuZGxlciBvbiB0aGUgZG9jdW1lbnRcblx0XHRcdC8vIHdoaWxlIHNvbWVvbmUgd2FudHMgZm9jdXNpbi9mb2N1c291dC5cblx0XHRcdGpRdWVyeS5ldmVudC5zaW11bGF0ZSggZGVsZWdhdGVUeXBlLCBuYXRpdmVFdmVudC50YXJnZXQsXG5cdFx0XHRcdGpRdWVyeS5ldmVudC5maXgoIG5hdGl2ZUV2ZW50ICkgKTtcblx0XHR9XG5cdH1cblxuXHRqUXVlcnkuZXZlbnQuc3BlY2lhbFsgdHlwZSBdID0ge1xuXG5cdFx0Ly8gVXRpbGl6ZSBuYXRpdmUgZXZlbnQgaWYgcG9zc2libGUgc28gYmx1ci9mb2N1cyBzZXF1ZW5jZSBpcyBjb3JyZWN0XG5cdFx0c2V0dXA6IGZ1bmN0aW9uKCkge1xuXG5cdFx0XHR2YXIgYXR0YWNoZXM7XG5cblx0XHRcdC8vIENsYWltIHRoZSBmaXJzdCBoYW5kbGVyXG5cdFx0XHQvLyBkYXRhUHJpdi5zZXQoIHRoaXMsIFwiZm9jdXNcIiwgLi4uIClcblx0XHRcdC8vIGRhdGFQcml2LnNldCggdGhpcywgXCJibHVyXCIsIC4uLiApXG5cdFx0XHRsZXZlcmFnZU5hdGl2ZSggdGhpcywgdHlwZSwgdHJ1ZSApO1xuXG5cdFx0XHRpZiAoIGRvY3VtZW50LmRvY3VtZW50TW9kZSApIHtcblxuXHRcdFx0XHQvLyBTdXBwb3J0OiBJRSA5IC0gMTErXG5cdFx0XHRcdC8vIFdlIHVzZSB0aGUgc2FtZSBuYXRpdmUgaGFuZGxlciBmb3IgZm9jdXNpbiAmIGZvY3VzIChhbmQgZm9jdXNvdXQgJiBibHVyKVxuXHRcdFx0XHQvLyBzbyB3ZSBuZWVkIHRvIGNvb3JkaW5hdGUgc2V0dXAgJiB0ZWFyZG93biBwYXJ0cyBiZXR3ZWVuIHRob3NlIGV2ZW50cy5cblx0XHRcdFx0Ly8gVXNlIGBkZWxlZ2F0ZVR5cGVgIGFzIHRoZSBrZXkgYXMgYHR5cGVgIGlzIGFscmVhZHkgdXNlZCBieSBgbGV2ZXJhZ2VOYXRpdmVgLlxuXHRcdFx0XHRhdHRhY2hlcyA9IGRhdGFQcml2LmdldCggdGhpcywgZGVsZWdhdGVUeXBlICk7XG5cdFx0XHRcdGlmICggIWF0dGFjaGVzICkge1xuXHRcdFx0XHRcdHRoaXMuYWRkRXZlbnRMaXN0ZW5lciggZGVsZWdhdGVUeXBlLCBmb2N1c01hcHBlZEhhbmRsZXIgKTtcblx0XHRcdFx0fVxuXHRcdFx0XHRkYXRhUHJpdi5zZXQoIHRoaXMsIGRlbGVnYXRlVHlwZSwgKCBhdHRhY2hlcyB8fCAwICkgKyAxICk7XG5cdFx0XHR9IGVsc2Uge1xuXG5cdFx0XHRcdC8vIFJldHVybiBmYWxzZSB0byBhbGxvdyBub3JtYWwgcHJvY2Vzc2luZyBpbiB0aGUgY2FsbGVyXG5cdFx0XHRcdHJldHVybiBmYWxzZTtcblx0XHRcdH1cblx0XHR9LFxuXHRcdHRyaWdnZXI6IGZ1bmN0aW9uKCkge1xuXG5cdFx0XHQvLyBGb3JjZSBzZXR1cCBiZWZvcmUgdHJpZ2dlclxuXHRcdFx0bGV2ZXJhZ2VOYXRpdmUoIHRoaXMsIHR5cGUgKTtcblxuXHRcdFx0Ly8gUmV0dXJuIG5vbi1mYWxzZSB0byBhbGxvdyBub3JtYWwgZXZlbnQtcGF0aCBwcm9wYWdhdGlvblxuXHRcdFx0cmV0dXJuIHRydWU7XG5cdFx0fSxcblxuXHRcdHRlYXJkb3duOiBmdW5jdGlvbigpIHtcblx0XHRcdHZhciBhdHRhY2hlcztcblxuXHRcdFx0aWYgKCBkb2N1bWVudC5kb2N1bWVudE1vZGUgKSB7XG5cdFx0XHRcdGF0dGFjaGVzID0gZGF0YVByaXYuZ2V0KCB0aGlzLCBkZWxlZ2F0ZVR5cGUgKSAtIDE7XG5cdFx0XHRcdGlmICggIWF0dGFjaGVzICkge1xuXHRcdFx0XHRcdHRoaXMucmVtb3ZlRXZlbnRMaXN0ZW5lciggZGVsZWdhdGVUeXBlLCBmb2N1c01hcHBlZEhhbmRsZXIgKTtcblx0XHRcdFx0XHRkYXRhUHJpdi5yZW1vdmUoIHRoaXMsIGRlbGVnYXRlVHlwZSApO1xuXHRcdFx0XHR9IGVsc2Uge1xuXHRcdFx0XHRcdGRhdGFQcml2LnNldCggdGhpcywgZGVsZWdhdGVUeXBlLCBhdHRhY2hlcyApO1xuXHRcdFx0XHR9XG5cdFx0XHR9IGVsc2Uge1xuXG5cdFx0XHRcdC8vIFJldHVybiBmYWxzZSB0byBpbmRpY2F0ZSBzdGFuZGFyZCB0ZWFyZG93biBzaG91bGQgYmUgYXBwbGllZFxuXHRcdFx0XHRyZXR1cm4gZmFsc2U7XG5cdFx0XHR9XG5cdFx0fSxcblxuXHRcdC8vIFN1cHByZXNzIG5hdGl2ZSBmb2N1cyBvciBibHVyIGlmIHdlJ3JlIGN1cnJlbnRseSBpbnNpZGVcblx0XHQvLyBhIGxldmVyYWdlZCBuYXRpdmUtZXZlbnQgc3RhY2tcblx0XHRfZGVmYXVsdDogZnVuY3Rpb24oIGV2ZW50ICkge1xuXHRcdFx0cmV0dXJuIGRhdGFQcml2LmdldCggZXZlbnQudGFyZ2V0LCB0eXBlICk7XG5cdFx0fSxcblxuXHRcdGRlbGVnYXRlVHlwZTogZGVsZWdhdGVUeXBlXG5cdH07XG5cblx0Ly8gU3VwcG9ydDogRmlyZWZveCA8PTQ0XG5cdC8vIEZpcmVmb3ggZG9lc24ndCBoYXZlIGZvY3VzKGluIHwgb3V0KSBldmVudHNcblx0Ly8gUmVsYXRlZCB0aWNrZXQgLSBodHRwczovL2J1Z3ppbGxhLm1vemlsbGEub3JnL3Nob3dfYnVnLmNnaT9pZD02ODc3ODdcblx0Ly9cblx0Ly8gU3VwcG9ydDogQ2hyb21lIDw9NDggLSA0OSwgU2FmYXJpIDw9OS4wIC0gOS4xXG5cdC8vIGZvY3VzKGluIHwgb3V0KSBldmVudHMgZmlyZSBhZnRlciBmb2N1cyAmIGJsdXIgZXZlbnRzLFxuXHQvLyB3aGljaCBpcyBzcGVjIHZpb2xhdGlvbiAtIGh0dHA6Ly93d3cudzMub3JnL1RSL0RPTS1MZXZlbC0zLUV2ZW50cy8jZXZlbnRzLWZvY3VzZXZlbnQtZXZlbnQtb3JkZXJcblx0Ly8gUmVsYXRlZCB0aWNrZXQgLSBodHRwczovL2J1Z3MuY2hyb21pdW0ub3JnL3AvY2hyb21pdW0vaXNzdWVzL2RldGFpbD9pZD00NDk4NTdcblx0Ly9cblx0Ly8gU3VwcG9ydDogSUUgOSAtIDExK1xuXHQvLyBUbyBwcmVzZXJ2ZSByZWxhdGl2ZSBmb2N1c2luL2ZvY3VzICYgZm9jdXNvdXQvYmx1ciBldmVudCBvcmRlciBndWFyYW50ZWVkIG9uIHRoZSAzLnggYnJhbmNoLFxuXHQvLyBhdHRhY2ggYSBzaW5nbGUgaGFuZGxlciBmb3IgYm90aCBldmVudHMgaW4gSUUuXG5cdGpRdWVyeS5ldmVudC5zcGVjaWFsWyBkZWxlZ2F0ZVR5cGUgXSA9IHtcblx0XHRzZXR1cDogZnVuY3Rpb24oKSB7XG5cblx0XHRcdC8vIEhhbmRsZTogcmVndWxhciBub2RlcyAodmlhIGB0aGlzLm93bmVyRG9jdW1lbnRgKSwgd2luZG93XG5cdFx0XHQvLyAodmlhIGB0aGlzLmRvY3VtZW50YCkgJiBkb2N1bWVudCAodmlhIGB0aGlzYCkuXG5cdFx0XHR2YXIgZG9jID0gdGhpcy5vd25lckRvY3VtZW50IHx8IHRoaXMuZG9jdW1lbnQgfHwgdGhpcyxcblx0XHRcdFx0ZGF0YUhvbGRlciA9IGRvY3VtZW50LmRvY3VtZW50TW9kZSA/IHRoaXMgOiBkb2MsXG5cdFx0XHRcdGF0dGFjaGVzID0gZGF0YVByaXYuZ2V0KCBkYXRhSG9sZGVyLCBkZWxlZ2F0ZVR5cGUgKTtcblxuXHRcdFx0Ly8gU3VwcG9ydDogSUUgOSAtIDExK1xuXHRcdFx0Ly8gV2UgdXNlIHRoZSBzYW1lIG5hdGl2ZSBoYW5kbGVyIGZvciBmb2N1c2luICYgZm9jdXMgKGFuZCBmb2N1c291dCAmIGJsdXIpXG5cdFx0XHQvLyBzbyB3ZSBuZWVkIHRvIGNvb3JkaW5hdGUgc2V0dXAgJiB0ZWFyZG93biBwYXJ0cyBiZXR3ZWVuIHRob3NlIGV2ZW50cy5cblx0XHRcdC8vIFVzZSBgZGVsZWdhdGVUeXBlYCBhcyB0aGUga2V5IGFzIGB0eXBlYCBpcyBhbHJlYWR5IHVzZWQgYnkgYGxldmVyYWdlTmF0aXZlYC5cblx0XHRcdGlmICggIWF0dGFjaGVzICkge1xuXHRcdFx0XHRpZiAoIGRvY3VtZW50LmRvY3VtZW50TW9kZSApIHtcblx0XHRcdFx0XHR0aGlzLmFkZEV2ZW50TGlzdGVuZXIoIGRlbGVnYXRlVHlwZSwgZm9jdXNNYXBwZWRIYW5kbGVyICk7XG5cdFx0XHRcdH0gZWxzZSB7XG5cdFx0XHRcdFx0ZG9jLmFkZEV2ZW50TGlzdGVuZXIoIHR5cGUsIGZvY3VzTWFwcGVkSGFuZGxlciwgdHJ1ZSApO1xuXHRcdFx0XHR9XG5cdFx0XHR9XG5cdFx0XHRkYXRhUHJpdi5zZXQoIGRhdGFIb2xkZXIsIGRlbGVnYXRlVHlwZSwgKCBhdHRhY2hlcyB8fCAwICkgKyAxICk7XG5cdFx0fSxcblx0XHR0ZWFyZG93bjogZnVuY3Rpb24oKSB7XG5cdFx0XHR2YXIgZG9jID0gdGhpcy5vd25lckRvY3VtZW50IHx8IHRoaXMuZG9jdW1lbnQgfHwgdGhpcyxcblx0XHRcdFx0ZGF0YUhvbGRlciA9IGRvY3VtZW50LmRvY3VtZW50TW9kZSA/IHRoaXMgOiBkb2MsXG5cdFx0XHRcdGF0dGFjaGVzID0gZGF0YVByaXYuZ2V0KCBkYXRhSG9sZGVyLCBkZWxlZ2F0ZVR5cGUgKSAtIDE7XG5cblx0XHRcdGlmICggIWF0dGFjaGVzICkge1xuXHRcdFx0XHRpZiAoIGRvY3VtZW50LmRvY3VtZW50TW9kZSApIHtcblx0XHRcdFx0XHR0aGlzLnJlbW92ZUV2ZW50TGlzdGVuZXIoIGRlbGVnYXRlVHlwZSwgZm9jdXNNYXBwZWRIYW5kbGVyICk7XG5cdFx0XHRcdH0gZWxzZSB7XG5cdFx0XHRcdFx0ZG9jLnJlbW92ZUV2ZW50TGlzdGVuZXIoIHR5cGUsIGZvY3VzTWFwcGVkSGFuZGxlciwgdHJ1ZSApO1xuXHRcdFx0XHR9XG5cdFx0XHRcdGRhdGFQcml2LnJlbW92ZSggZGF0YUhvbGRlciwgZGVsZWdhdGVUeXBlICk7XG5cdFx0XHR9IGVsc2Uge1xuXHRcdFx0XHRkYXRhUHJpdi5zZXQoIGRhdGFIb2xkZXIsIGRlbGVnYXRlVHlwZSwgYXR0YWNoZXMgKTtcblx0XHRcdH1cblx0XHR9XG5cdH07XG59ICk7XG5cbi8vIENyZWF0ZSBtb3VzZWVudGVyL2xlYXZlIGV2ZW50cyB1c2luZyBtb3VzZW92ZXIvb3V0IGFuZCBldmVudC10aW1lIGNoZWNrc1xuLy8gc28gdGhhdCBldmVudCBkZWxlZ2F0aW9uIHdvcmtzIGluIGpRdWVyeS5cbi8vIERvIHRoZSBzYW1lIGZvciBwb2ludGVyZW50ZXIvcG9pbnRlcmxlYXZlIGFuZCBwb2ludGVyb3Zlci9wb2ludGVyb3V0XG4vL1xuLy8gU3VwcG9ydDogU2FmYXJpIDcgb25seVxuLy8gU2FmYXJpIHNlbmRzIG1vdXNlZW50ZXIgdG9vIG9mdGVuOyBzZWU6XG4vLyBodHRwczovL2J1Z3MuY2hyb21pdW0ub3JnL3AvY2hyb21pdW0vaXNzdWVzL2RldGFpbD9pZD00NzAyNThcbi8vIGZvciB0aGUgZGVzY3JpcHRpb24gb2YgdGhlIGJ1ZyAoaXQgZXhpc3RlZCBpbiBvbGRlciBDaHJvbWUgdmVyc2lvbnMgYXMgd2VsbCkuXG5qUXVlcnkuZWFjaCgge1xuXHRtb3VzZWVudGVyOiBcIm1vdXNlb3ZlclwiLFxuXHRtb3VzZWxlYXZlOiBcIm1vdXNlb3V0XCIsXG5cdHBvaW50ZXJlbnRlcjogXCJwb2ludGVyb3ZlclwiLFxuXHRwb2ludGVybGVhdmU6IFwicG9pbnRlcm91dFwiXG59LCBmdW5jdGlvbiggb3JpZywgZml4ICkge1xuXHRqUXVlcnkuZXZlbnQuc3BlY2lhbFsgb3JpZyBdID0ge1xuXHRcdGRlbGVnYXRlVHlwZTogZml4LFxuXHRcdGJpbmRUeXBlOiBmaXgsXG5cblx0XHRoYW5kbGU6IGZ1bmN0aW9uKCBldmVudCApIHtcblx0XHRcdHZhciByZXQsXG5cdFx0XHRcdHRhcmdldCA9IHRoaXMsXG5cdFx0XHRcdHJlbGF0ZWQgPSBldmVudC5yZWxhdGVkVGFyZ2V0LFxuXHRcdFx0XHRoYW5kbGVPYmogPSBldmVudC5oYW5kbGVPYmo7XG5cblx0XHRcdC8vIEZvciBtb3VzZWVudGVyL2xlYXZlIGNhbGwgdGhlIGhhbmRsZXIgaWYgcmVsYXRlZCBpcyBvdXRzaWRlIHRoZSB0YXJnZXQuXG5cdFx0XHQvLyBOQjogTm8gcmVsYXRlZFRhcmdldCBpZiB0aGUgbW91c2UgbGVmdC9lbnRlcmVkIHRoZSBicm93c2VyIHdpbmRvd1xuXHRcdFx0aWYgKCAhcmVsYXRlZCB8fCAoIHJlbGF0ZWQgIT09IHRhcmdldCAmJiAhalF1ZXJ5LmNvbnRhaW5zKCB0YXJnZXQsIHJlbGF0ZWQgKSApICkge1xuXHRcdFx0XHRldmVudC50eXBlID0gaGFuZGxlT2JqLm9yaWdUeXBlO1xuXHRcdFx0XHRyZXQgPSBoYW5kbGVPYmouaGFuZGxlci5hcHBseSggdGhpcywgYXJndW1lbnRzICk7XG5cdFx0XHRcdGV2ZW50LnR5cGUgPSBmaXg7XG5cdFx0XHR9XG5cdFx0XHRyZXR1cm4gcmV0O1xuXHRcdH1cblx0fTtcbn0gKTtcblxualF1ZXJ5LmZuLmV4dGVuZCgge1xuXG5cdG9uOiBmdW5jdGlvbiggdHlwZXMsIHNlbGVjdG9yLCBkYXRhLCBmbiApIHtcblx0XHRyZXR1cm4gb24oIHRoaXMsIHR5cGVzLCBzZWxlY3RvciwgZGF0YSwgZm4gKTtcblx0fSxcblx0b25lOiBmdW5jdGlvbiggdHlwZXMsIHNlbGVjdG9yLCBkYXRhLCBmbiApIHtcblx0XHRyZXR1cm4gb24oIHRoaXMsIHR5cGVzLCBzZWxlY3RvciwgZGF0YSwgZm4sIDEgKTtcblx0fSxcblx0b2ZmOiBmdW5jdGlvbiggdHlwZXMsIHNlbGVjdG9yLCBmbiApIHtcblx0XHR2YXIgaGFuZGxlT2JqLCB0eXBlO1xuXHRcdGlmICggdHlwZXMgJiYgdHlwZXMucHJldmVudERlZmF1bHQgJiYgdHlwZXMuaGFuZGxlT2JqICkge1xuXG5cdFx0XHQvLyAoIGV2ZW50ICkgIGRpc3BhdGNoZWQgalF1ZXJ5LkV2ZW50XG5cdFx0XHRoYW5kbGVPYmogPSB0eXBlcy5oYW5kbGVPYmo7XG5cdFx0XHRqUXVlcnkoIHR5cGVzLmRlbGVnYXRlVGFyZ2V0ICkub2ZmKFxuXHRcdFx0XHRoYW5kbGVPYmoubmFtZXNwYWNlID9cblx0XHRcdFx0XHRoYW5kbGVPYmoub3JpZ1R5cGUgKyBcIi5cIiArIGhhbmRsZU9iai5uYW1lc3BhY2UgOlxuXHRcdFx0XHRcdGhhbmRsZU9iai5vcmlnVHlwZSxcblx0XHRcdFx0aGFuZGxlT2JqLnNlbGVjdG9yLFxuXHRcdFx0XHRoYW5kbGVPYmouaGFuZGxlclxuXHRcdFx0KTtcblx0XHRcdHJldHVybiB0aGlzO1xuXHRcdH1cblx0XHRpZiAoIHR5cGVvZiB0eXBlcyA9PT0gXCJvYmplY3RcIiApIHtcblxuXHRcdFx0Ly8gKCB0eXBlcy1vYmplY3QgWywgc2VsZWN0b3JdIClcblx0XHRcdGZvciAoIHR5cGUgaW4gdHlwZXMgKSB7XG5cdFx0XHRcdHRoaXMub2ZmKCB0eXBlLCBzZWxlY3RvciwgdHlwZXNbIHR5cGUgXSApO1xuXHRcdFx0fVxuXHRcdFx0cmV0dXJuIHRoaXM7XG5cdFx0fVxuXHRcdGlmICggc2VsZWN0b3IgPT09IGZhbHNlIHx8IHR5cGVvZiBzZWxlY3RvciA9PT0gXCJmdW5jdGlvblwiICkge1xuXG5cdFx0XHQvLyAoIHR5cGVzIFssIGZuXSApXG5cdFx0XHRmbiA9IHNlbGVjdG9yO1xuXHRcdFx0c2VsZWN0b3IgPSB1bmRlZmluZWQ7XG5cdFx0fVxuXHRcdGlmICggZm4gPT09IGZhbHNlICkge1xuXHRcdFx0Zm4gPSByZXR1cm5GYWxzZTtcblx0XHR9XG5cdFx0cmV0dXJuIHRoaXMuZWFjaCggZnVuY3Rpb24oKSB7XG5cdFx0XHRqUXVlcnkuZXZlbnQucmVtb3ZlKCB0aGlzLCB0eXBlcywgZm4sIHNlbGVjdG9yICk7XG5cdFx0fSApO1xuXHR9XG59ICk7XG5cblxudmFyXG5cblx0Ly8gU3VwcG9ydDogSUUgPD0xMCAtIDExLCBFZGdlIDEyIC0gMTMgb25seVxuXHQvLyBJbiBJRS9FZGdlIHVzaW5nIHJlZ2V4IGdyb3VwcyBoZXJlIGNhdXNlcyBzZXZlcmUgc2xvd2Rvd25zLlxuXHQvLyBTZWUgaHR0cHM6Ly9jb25uZWN0Lm1pY3Jvc29mdC5jb20vSUUvZmVlZGJhY2svZGV0YWlscy8xNzM2NTEyL1xuXHRybm9Jbm5lcmh0bWwgPSAvPHNjcmlwdHw8c3R5bGV8PGxpbmsvaSxcblxuXHQvLyBjaGVja2VkPVwiY2hlY2tlZFwiIG9yIGNoZWNrZWRcblx0cmNoZWNrZWQgPSAvY2hlY2tlZFxccyooPzpbXj1dfD1cXHMqLmNoZWNrZWQuKS9pLFxuXG5cdHJjbGVhblNjcmlwdCA9IC9eXFxzKjwhXFxbQ0RBVEFcXFt8XFxdXFxdPlxccyokL2c7XG5cbi8vIFByZWZlciBhIHRib2R5IG92ZXIgaXRzIHBhcmVudCB0YWJsZSBmb3IgY29udGFpbmluZyBuZXcgcm93c1xuZnVuY3Rpb24gbWFuaXB1bGF0aW9uVGFyZ2V0KCBlbGVtLCBjb250ZW50ICkge1xuXHRpZiAoIG5vZGVOYW1lKCBlbGVtLCBcInRhYmxlXCIgKSAmJlxuXHRcdG5vZGVOYW1lKCBjb250ZW50Lm5vZGVUeXBlICE9PSAxMSA/IGNvbnRlbnQgOiBjb250ZW50LmZpcnN0Q2hpbGQsIFwidHJcIiApICkge1xuXG5cdFx0cmV0dXJuIGpRdWVyeSggZWxlbSApLmNoaWxkcmVuKCBcInRib2R5XCIgKVsgMCBdIHx8IGVsZW07XG5cdH1cblxuXHRyZXR1cm4gZWxlbTtcbn1cblxuLy8gUmVwbGFjZS9yZXN0b3JlIHRoZSB0eXBlIGF0dHJpYnV0ZSBvZiBzY3JpcHQgZWxlbWVudHMgZm9yIHNhZmUgRE9NIG1hbmlwdWxhdGlvblxuZnVuY3Rpb24gZGlzYWJsZVNjcmlwdCggZWxlbSApIHtcblx0ZWxlbS50eXBlID0gKCBlbGVtLmdldEF0dHJpYnV0ZSggXCJ0eXBlXCIgKSAhPT0gbnVsbCApICsgXCIvXCIgKyBlbGVtLnR5cGU7XG5cdHJldHVybiBlbGVtO1xufVxuZnVuY3Rpb24gcmVzdG9yZVNjcmlwdCggZWxlbSApIHtcblx0aWYgKCAoIGVsZW0udHlwZSB8fCBcIlwiICkuc2xpY2UoIDAsIDUgKSA9PT0gXCJ0cnVlL1wiICkge1xuXHRcdGVsZW0udHlwZSA9IGVsZW0udHlwZS5zbGljZSggNSApO1xuXHR9IGVsc2Uge1xuXHRcdGVsZW0ucmVtb3ZlQXR0cmlidXRlKCBcInR5cGVcIiApO1xuXHR9XG5cblx0cmV0dXJuIGVsZW07XG59XG5cbmZ1bmN0aW9uIGNsb25lQ29weUV2ZW50KCBzcmMsIGRlc3QgKSB7XG5cdHZhciBpLCBsLCB0eXBlLCBwZGF0YU9sZCwgdWRhdGFPbGQsIHVkYXRhQ3VyLCBldmVudHM7XG5cblx0aWYgKCBkZXN0Lm5vZGVUeXBlICE9PSAxICkge1xuXHRcdHJldHVybjtcblx0fVxuXG5cdC8vIDEuIENvcHkgcHJpdmF0ZSBkYXRhOiBldmVudHMsIGhhbmRsZXJzLCBldGMuXG5cdGlmICggZGF0YVByaXYuaGFzRGF0YSggc3JjICkgKSB7XG5cdFx0cGRhdGFPbGQgPSBkYXRhUHJpdi5nZXQoIHNyYyApO1xuXHRcdGV2ZW50cyA9IHBkYXRhT2xkLmV2ZW50cztcblxuXHRcdGlmICggZXZlbnRzICkge1xuXHRcdFx0ZGF0YVByaXYucmVtb3ZlKCBkZXN0LCBcImhhbmRsZSBldmVudHNcIiApO1xuXG5cdFx0XHRmb3IgKCB0eXBlIGluIGV2ZW50cyApIHtcblx0XHRcdFx0Zm9yICggaSA9IDAsIGwgPSBldmVudHNbIHR5cGUgXS5sZW5ndGg7IGkgPCBsOyBpKysgKSB7XG5cdFx0XHRcdFx0alF1ZXJ5LmV2ZW50LmFkZCggZGVzdCwgdHlwZSwgZXZlbnRzWyB0eXBlIF1bIGkgXSApO1xuXHRcdFx0XHR9XG5cdFx0XHR9XG5cdFx0fVxuXHR9XG5cblx0Ly8gMi4gQ29weSB1c2VyIGRhdGFcblx0aWYgKCBkYXRhVXNlci5oYXNEYXRhKCBzcmMgKSApIHtcblx0XHR1ZGF0YU9sZCA9IGRhdGFVc2VyLmFjY2Vzcyggc3JjICk7XG5cdFx0dWRhdGFDdXIgPSBqUXVlcnkuZXh0ZW5kKCB7fSwgdWRhdGFPbGQgKTtcblxuXHRcdGRhdGFVc2VyLnNldCggZGVzdCwgdWRhdGFDdXIgKTtcblx0fVxufVxuXG4vLyBGaXggSUUgYnVncywgc2VlIHN1cHBvcnQgdGVzdHNcbmZ1bmN0aW9uIGZpeElucHV0KCBzcmMsIGRlc3QgKSB7XG5cdHZhciBub2RlTmFtZSA9IGRlc3Qubm9kZU5hbWUudG9Mb3dlckNhc2UoKTtcblxuXHQvLyBGYWlscyB0byBwZXJzaXN0IHRoZSBjaGVja2VkIHN0YXRlIG9mIGEgY2xvbmVkIGNoZWNrYm94IG9yIHJhZGlvIGJ1dHRvbi5cblx0aWYgKCBub2RlTmFtZSA9PT0gXCJpbnB1dFwiICYmIHJjaGVja2FibGVUeXBlLnRlc3QoIHNyYy50eXBlICkgKSB7XG5cdFx0ZGVzdC5jaGVja2VkID0gc3JjLmNoZWNrZWQ7XG5cblx0Ly8gRmFpbHMgdG8gcmV0dXJuIHRoZSBzZWxlY3RlZCBvcHRpb24gdG8gdGhlIGRlZmF1bHQgc2VsZWN0ZWQgc3RhdGUgd2hlbiBjbG9uaW5nIG9wdGlvbnNcblx0fSBlbHNlIGlmICggbm9kZU5hbWUgPT09IFwiaW5wdXRcIiB8fCBub2RlTmFtZSA9PT0gXCJ0ZXh0YXJlYVwiICkge1xuXHRcdGRlc3QuZGVmYXVsdFZhbHVlID0gc3JjLmRlZmF1bHRWYWx1ZTtcblx0fVxufVxuXG5mdW5jdGlvbiBkb21NYW5pcCggY29sbGVjdGlvbiwgYXJncywgY2FsbGJhY2ssIGlnbm9yZWQgKSB7XG5cblx0Ly8gRmxhdHRlbiBhbnkgbmVzdGVkIGFycmF5c1xuXHRhcmdzID0gZmxhdCggYXJncyApO1xuXG5cdHZhciBmcmFnbWVudCwgZmlyc3QsIHNjcmlwdHMsIGhhc1NjcmlwdHMsIG5vZGUsIGRvYyxcblx0XHRpID0gMCxcblx0XHRsID0gY29sbGVjdGlvbi5sZW5ndGgsXG5cdFx0aU5vQ2xvbmUgPSBsIC0gMSxcblx0XHR2YWx1ZSA9IGFyZ3NbIDAgXSxcblx0XHR2YWx1ZUlzRnVuY3Rpb24gPSBpc0Z1bmN0aW9uKCB2YWx1ZSApO1xuXG5cdC8vIFdlIGNhbid0IGNsb25lTm9kZSBmcmFnbWVudHMgdGhhdCBjb250YWluIGNoZWNrZWQsIGluIFdlYktpdFxuXHRpZiAoIHZhbHVlSXNGdW5jdGlvbiB8fFxuXHRcdFx0KCBsID4gMSAmJiB0eXBlb2YgdmFsdWUgPT09IFwic3RyaW5nXCIgJiZcblx0XHRcdFx0IXN1cHBvcnQuY2hlY2tDbG9uZSAmJiByY2hlY2tlZC50ZXN0KCB2YWx1ZSApICkgKSB7XG5cdFx0cmV0dXJuIGNvbGxlY3Rpb24uZWFjaCggZnVuY3Rpb24oIGluZGV4ICkge1xuXHRcdFx0dmFyIHNlbGYgPSBjb2xsZWN0aW9uLmVxKCBpbmRleCApO1xuXHRcdFx0aWYgKCB2YWx1ZUlzRnVuY3Rpb24gKSB7XG5cdFx0XHRcdGFyZ3NbIDAgXSA9IHZhbHVlLmNhbGwoIHRoaXMsIGluZGV4LCBzZWxmLmh0bWwoKSApO1xuXHRcdFx0fVxuXHRcdFx0ZG9tTWFuaXAoIHNlbGYsIGFyZ3MsIGNhbGxiYWNrLCBpZ25vcmVkICk7XG5cdFx0fSApO1xuXHR9XG5cblx0aWYgKCBsICkge1xuXHRcdGZyYWdtZW50ID0gYnVpbGRGcmFnbWVudCggYXJncywgY29sbGVjdGlvblsgMCBdLm93bmVyRG9jdW1lbnQsIGZhbHNlLCBjb2xsZWN0aW9uLCBpZ25vcmVkICk7XG5cdFx0Zmlyc3QgPSBmcmFnbWVudC5maXJzdENoaWxkO1xuXG5cdFx0aWYgKCBmcmFnbWVudC5jaGlsZE5vZGVzLmxlbmd0aCA9PT0gMSApIHtcblx0XHRcdGZyYWdtZW50ID0gZmlyc3Q7XG5cdFx0fVxuXG5cdFx0Ly8gUmVxdWlyZSBlaXRoZXIgbmV3IGNvbnRlbnQgb3IgYW4gaW50ZXJlc3QgaW4gaWdub3JlZCBlbGVtZW50cyB0byBpbnZva2UgdGhlIGNhbGxiYWNrXG5cdFx0aWYgKCBmaXJzdCB8fCBpZ25vcmVkICkge1xuXHRcdFx0c2NyaXB0cyA9IGpRdWVyeS5tYXAoIGdldEFsbCggZnJhZ21lbnQsIFwic2NyaXB0XCIgKSwgZGlzYWJsZVNjcmlwdCApO1xuXHRcdFx0aGFzU2NyaXB0cyA9IHNjcmlwdHMubGVuZ3RoO1xuXG5cdFx0XHQvLyBVc2UgdGhlIG9yaWdpbmFsIGZyYWdtZW50IGZvciB0aGUgbGFzdCBpdGVtXG5cdFx0XHQvLyBpbnN0ZWFkIG9mIHRoZSBmaXJzdCBiZWNhdXNlIGl0IGNhbiBlbmQgdXBcblx0XHRcdC8vIGJlaW5nIGVtcHRpZWQgaW5jb3JyZWN0bHkgaW4gY2VydGFpbiBzaXR1YXRpb25zICh0cmFjLTgwNzApLlxuXHRcdFx0Zm9yICggOyBpIDwgbDsgaSsrICkge1xuXHRcdFx0XHRub2RlID0gZnJhZ21lbnQ7XG5cblx0XHRcdFx0aWYgKCBpICE9PSBpTm9DbG9uZSApIHtcblx0XHRcdFx0XHRub2RlID0galF1ZXJ5LmNsb25lKCBub2RlLCB0cnVlLCB0cnVlICk7XG5cblx0XHRcdFx0XHQvLyBLZWVwIHJlZmVyZW5jZXMgdG8gY2xvbmVkIHNjcmlwdHMgZm9yIGxhdGVyIHJlc3RvcmF0aW9uXG5cdFx0XHRcdFx0aWYgKCBoYXNTY3JpcHRzICkge1xuXG5cdFx0XHRcdFx0XHQvLyBTdXBwb3J0OiBBbmRyb2lkIDw9NC4wIG9ubHksIFBoYW50b21KUyAxIG9ubHlcblx0XHRcdFx0XHRcdC8vIHB1c2guYXBwbHkoXywgYXJyYXlsaWtlKSB0aHJvd3Mgb24gYW5jaWVudCBXZWJLaXRcblx0XHRcdFx0XHRcdGpRdWVyeS5tZXJnZSggc2NyaXB0cywgZ2V0QWxsKCBub2RlLCBcInNjcmlwdFwiICkgKTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdH1cblxuXHRcdFx0XHRjYWxsYmFjay5jYWxsKCBjb2xsZWN0aW9uWyBpIF0sIG5vZGUsIGkgKTtcblx0XHRcdH1cblxuXHRcdFx0aWYgKCBoYXNTY3JpcHRzICkge1xuXHRcdFx0XHRkb2MgPSBzY3JpcHRzWyBzY3JpcHRzLmxlbmd0aCAtIDEgXS5vd25lckRvY3VtZW50O1xuXG5cdFx0XHRcdC8vIFJlLWVuYWJsZSBzY3JpcHRzXG5cdFx0XHRcdGpRdWVyeS5tYXAoIHNjcmlwdHMsIHJlc3RvcmVTY3JpcHQgKTtcblxuXHRcdFx0XHQvLyBFdmFsdWF0ZSBleGVjdXRhYmxlIHNjcmlwdHMgb24gZmlyc3QgZG9jdW1lbnQgaW5zZXJ0aW9uXG5cdFx0XHRcdGZvciAoIGkgPSAwOyBpIDwgaGFzU2NyaXB0czsgaSsrICkge1xuXHRcdFx0XHRcdG5vZGUgPSBzY3JpcHRzWyBpIF07XG5cdFx0XHRcdFx0aWYgKCByc2NyaXB0VHlwZS50ZXN0KCBub2RlLnR5cGUgfHwgXCJcIiApICYmXG5cdFx0XHRcdFx0XHQhZGF0YVByaXYuYWNjZXNzKCBub2RlLCBcImdsb2JhbEV2YWxcIiApICYmXG5cdFx0XHRcdFx0XHRqUXVlcnkuY29udGFpbnMoIGRvYywgbm9kZSApICkge1xuXG5cdFx0XHRcdFx0XHRpZiAoIG5vZGUuc3JjICYmICggbm9kZS50eXBlIHx8IFwiXCIgKS50b0xvd2VyQ2FzZSgpICAhPT0gXCJtb2R1bGVcIiApIHtcblxuXHRcdFx0XHRcdFx0XHQvLyBPcHRpb25hbCBBSkFYIGRlcGVuZGVuY3ksIGJ1dCB3b24ndCBydW4gc2NyaXB0cyBpZiBub3QgcHJlc2VudFxuXHRcdFx0XHRcdFx0XHRpZiAoIGpRdWVyeS5fZXZhbFVybCAmJiAhbm9kZS5ub01vZHVsZSApIHtcblx0XHRcdFx0XHRcdFx0XHRqUXVlcnkuX2V2YWxVcmwoIG5vZGUuc3JjLCB7XG5cdFx0XHRcdFx0XHRcdFx0XHRub25jZTogbm9kZS5ub25jZSB8fCBub2RlLmdldEF0dHJpYnV0ZSggXCJub25jZVwiIClcblx0XHRcdFx0XHRcdFx0XHR9LCBkb2MgKTtcblx0XHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0fSBlbHNlIHtcblxuXHRcdFx0XHRcdFx0XHQvLyBVbndyYXAgYSBDREFUQSBzZWN0aW9uIGNvbnRhaW5pbmcgc2NyaXB0IGNvbnRlbnRzLiBUaGlzIHNob3VsZG4ndCBiZVxuXHRcdFx0XHRcdFx0XHQvLyBuZWVkZWQgYXMgaW4gWE1MIGRvY3VtZW50cyB0aGV5J3JlIGFscmVhZHkgbm90IHZpc2libGUgd2hlblxuXHRcdFx0XHRcdFx0XHQvLyBpbnNwZWN0aW5nIGVsZW1lbnQgY29udGVudHMgYW5kIGluIEhUTUwgZG9jdW1lbnRzIHRoZXkgaGF2ZSBub1xuXHRcdFx0XHRcdFx0XHQvLyBtZWFuaW5nIGJ1dCB3ZSdyZSBwcmVzZXJ2aW5nIHRoYXQgbG9naWMgZm9yIGJhY2t3YXJkcyBjb21wYXRpYmlsaXR5LlxuXHRcdFx0XHRcdFx0XHQvLyBUaGlzIHdpbGwgYmUgcmVtb3ZlZCBjb21wbGV0ZWx5IGluIDQuMC4gU2VlIGdoLTQ5MDQuXG5cdFx0XHRcdFx0XHRcdERPTUV2YWwoIG5vZGUudGV4dENvbnRlbnQucmVwbGFjZSggcmNsZWFuU2NyaXB0LCBcIlwiICksIG5vZGUsIGRvYyApO1xuXHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdH1cblx0XHRcdFx0fVxuXHRcdFx0fVxuXHRcdH1cblx0fVxuXG5cdHJldHVybiBjb2xsZWN0aW9uO1xufVxuXG5mdW5jdGlvbiByZW1vdmUoIGVsZW0sIHNlbGVjdG9yLCBrZWVwRGF0YSApIHtcblx0dmFyIG5vZGUsXG5cdFx0bm9kZXMgPSBzZWxlY3RvciA/IGpRdWVyeS5maWx0ZXIoIHNlbGVjdG9yLCBlbGVtICkgOiBlbGVtLFxuXHRcdGkgPSAwO1xuXG5cdGZvciAoIDsgKCBub2RlID0gbm9kZXNbIGkgXSApICE9IG51bGw7IGkrKyApIHtcblx0XHRpZiAoICFrZWVwRGF0YSAmJiBub2RlLm5vZGVUeXBlID09PSAxICkge1xuXHRcdFx0alF1ZXJ5LmNsZWFuRGF0YSggZ2V0QWxsKCBub2RlICkgKTtcblx0XHR9XG5cblx0XHRpZiAoIG5vZGUucGFyZW50Tm9kZSApIHtcblx0XHRcdGlmICgga2VlcERhdGEgJiYgaXNBdHRhY2hlZCggbm9kZSApICkge1xuXHRcdFx0XHRzZXRHbG9iYWxFdmFsKCBnZXRBbGwoIG5vZGUsIFwic2NyaXB0XCIgKSApO1xuXHRcdFx0fVxuXHRcdFx0bm9kZS5wYXJlbnROb2RlLnJlbW92ZUNoaWxkKCBub2RlICk7XG5cdFx0fVxuXHR9XG5cblx0cmV0dXJuIGVsZW07XG59XG5cbmpRdWVyeS5leHRlbmQoIHtcblx0aHRtbFByZWZpbHRlcjogZnVuY3Rpb24oIGh0bWwgKSB7XG5cdFx0cmV0dXJuIGh0bWw7XG5cdH0sXG5cblx0Y2xvbmU6IGZ1bmN0aW9uKCBlbGVtLCBkYXRhQW5kRXZlbnRzLCBkZWVwRGF0YUFuZEV2ZW50cyApIHtcblx0XHR2YXIgaSwgbCwgc3JjRWxlbWVudHMsIGRlc3RFbGVtZW50cyxcblx0XHRcdGNsb25lID0gZWxlbS5jbG9uZU5vZGUoIHRydWUgKSxcblx0XHRcdGluUGFnZSA9IGlzQXR0YWNoZWQoIGVsZW0gKTtcblxuXHRcdC8vIEZpeCBJRSBjbG9uaW5nIGlzc3Vlc1xuXHRcdGlmICggIXN1cHBvcnQubm9DbG9uZUNoZWNrZWQgJiYgKCBlbGVtLm5vZGVUeXBlID09PSAxIHx8IGVsZW0ubm9kZVR5cGUgPT09IDExICkgJiZcblx0XHRcdFx0IWpRdWVyeS5pc1hNTERvYyggZWxlbSApICkge1xuXG5cdFx0XHQvLyBXZSBlc2NoZXcgalF1ZXJ5I2ZpbmQgaGVyZSBmb3IgcGVyZm9ybWFuY2UgcmVhc29uczpcblx0XHRcdC8vIGh0dHBzOi8vanNwZXJmLmNvbS9nZXRhbGwtdnMtc2l6emxlLzJcblx0XHRcdGRlc3RFbGVtZW50cyA9IGdldEFsbCggY2xvbmUgKTtcblx0XHRcdHNyY0VsZW1lbnRzID0gZ2V0QWxsKCBlbGVtICk7XG5cblx0XHRcdGZvciAoIGkgPSAwLCBsID0gc3JjRWxlbWVudHMubGVuZ3RoOyBpIDwgbDsgaSsrICkge1xuXHRcdFx0XHRmaXhJbnB1dCggc3JjRWxlbWVudHNbIGkgXSwgZGVzdEVsZW1lbnRzWyBpIF0gKTtcblx0XHRcdH1cblx0XHR9XG5cblx0XHQvLyBDb3B5IHRoZSBldmVudHMgZnJvbSB0aGUgb3JpZ2luYWwgdG8gdGhlIGNsb25lXG5cdFx0aWYgKCBkYXRhQW5kRXZlbnRzICkge1xuXHRcdFx0aWYgKCBkZWVwRGF0YUFuZEV2ZW50cyApIHtcblx0XHRcdFx0c3JjRWxlbWVudHMgPSBzcmNFbGVtZW50cyB8fCBnZXRBbGwoIGVsZW0gKTtcblx0XHRcdFx0ZGVzdEVsZW1lbnRzID0gZGVzdEVsZW1lbnRzIHx8IGdldEFsbCggY2xvbmUgKTtcblxuXHRcdFx0XHRmb3IgKCBpID0gMCwgbCA9IHNyY0VsZW1lbnRzLmxlbmd0aDsgaSA8IGw7IGkrKyApIHtcblx0XHRcdFx0XHRjbG9uZUNvcHlFdmVudCggc3JjRWxlbWVudHNbIGkgXSwgZGVzdEVsZW1lbnRzWyBpIF0gKTtcblx0XHRcdFx0fVxuXHRcdFx0fSBlbHNlIHtcblx0XHRcdFx0Y2xvbmVDb3B5RXZlbnQoIGVsZW0sIGNsb25lICk7XG5cdFx0XHR9XG5cdFx0fVxuXG5cdFx0Ly8gUHJlc2VydmUgc2NyaXB0IGV2YWx1YXRpb24gaGlzdG9yeVxuXHRcdGRlc3RFbGVtZW50cyA9IGdldEFsbCggY2xvbmUsIFwic2NyaXB0XCIgKTtcblx0XHRpZiAoIGRlc3RFbGVtZW50cy5sZW5ndGggPiAwICkge1xuXHRcdFx0c2V0R2xvYmFsRXZhbCggZGVzdEVsZW1lbnRzLCAhaW5QYWdlICYmIGdldEFsbCggZWxlbSwgXCJzY3JpcHRcIiApICk7XG5cdFx0fVxuXG5cdFx0Ly8gUmV0dXJuIHRoZSBjbG9uZWQgc2V0XG5cdFx0cmV0dXJuIGNsb25lO1xuXHR9LFxuXG5cdGNsZWFuRGF0YTogZnVuY3Rpb24oIGVsZW1zICkge1xuXHRcdHZhciBkYXRhLCBlbGVtLCB0eXBlLFxuXHRcdFx0c3BlY2lhbCA9IGpRdWVyeS5ldmVudC5zcGVjaWFsLFxuXHRcdFx0aSA9IDA7XG5cblx0XHRmb3IgKCA7ICggZWxlbSA9IGVsZW1zWyBpIF0gKSAhPT0gdW5kZWZpbmVkOyBpKysgKSB7XG5cdFx0XHRpZiAoIGFjY2VwdERhdGEoIGVsZW0gKSApIHtcblx0XHRcdFx0aWYgKCAoIGRhdGEgPSBlbGVtWyBkYXRhUHJpdi5leHBhbmRvIF0gKSApIHtcblx0XHRcdFx0XHRpZiAoIGRhdGEuZXZlbnRzICkge1xuXHRcdFx0XHRcdFx0Zm9yICggdHlwZSBpbiBkYXRhLmV2ZW50cyApIHtcblx0XHRcdFx0XHRcdFx0aWYgKCBzcGVjaWFsWyB0eXBlIF0gKSB7XG5cdFx0XHRcdFx0XHRcdFx0alF1ZXJ5LmV2ZW50LnJlbW92ZSggZWxlbSwgdHlwZSApO1xuXG5cdFx0XHRcdFx0XHRcdC8vIFRoaXMgaXMgYSBzaG9ydGN1dCB0byBhdm9pZCBqUXVlcnkuZXZlbnQucmVtb3ZlJ3Mgb3ZlcmhlYWRcblx0XHRcdFx0XHRcdFx0fSBlbHNlIHtcblx0XHRcdFx0XHRcdFx0XHRqUXVlcnkucmVtb3ZlRXZlbnQoIGVsZW0sIHR5cGUsIGRhdGEuaGFuZGxlICk7XG5cdFx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHR9XG5cblx0XHRcdFx0XHQvLyBTdXBwb3J0OiBDaHJvbWUgPD0zNSAtIDQ1K1xuXHRcdFx0XHRcdC8vIEFzc2lnbiB1bmRlZmluZWQgaW5zdGVhZCBvZiB1c2luZyBkZWxldGUsIHNlZSBEYXRhI3JlbW92ZVxuXHRcdFx0XHRcdGVsZW1bIGRhdGFQcml2LmV4cGFuZG8gXSA9IHVuZGVmaW5lZDtcblx0XHRcdFx0fVxuXHRcdFx0XHRpZiAoIGVsZW1bIGRhdGFVc2VyLmV4cGFuZG8gXSApIHtcblxuXHRcdFx0XHRcdC8vIFN1cHBvcnQ6IENocm9tZSA8PTM1IC0gNDUrXG5cdFx0XHRcdFx0Ly8gQXNzaWduIHVuZGVmaW5lZCBpbnN0ZWFkIG9mIHVzaW5nIGRlbGV0ZSwgc2VlIERhdGEjcmVtb3ZlXG5cdFx0XHRcdFx0ZWxlbVsgZGF0YVVzZXIuZXhwYW5kbyBdID0gdW5kZWZpbmVkO1xuXHRcdFx0XHR9XG5cdFx0XHR9XG5cdFx0fVxuXHR9XG59ICk7XG5cbmpRdWVyeS5mbi5leHRlbmQoIHtcblx0ZGV0YWNoOiBmdW5jdGlvbiggc2VsZWN0b3IgKSB7XG5cdFx0cmV0dXJuIHJlbW92ZSggdGhpcywgc2VsZWN0b3IsIHRydWUgKTtcblx0fSxcblxuXHRyZW1vdmU6IGZ1bmN0aW9uKCBzZWxlY3RvciApIHtcblx0XHRyZXR1cm4gcmVtb3ZlKCB0aGlzLCBzZWxlY3RvciApO1xuXHR9LFxuXG5cdHRleHQ6IGZ1bmN0aW9uKCB2YWx1ZSApIHtcblx0XHRyZXR1cm4gYWNjZXNzKCB0aGlzLCBmdW5jdGlvbiggdmFsdWUgKSB7XG5cdFx0XHRyZXR1cm4gdmFsdWUgPT09IHVuZGVmaW5lZCA/XG5cdFx0XHRcdGpRdWVyeS50ZXh0KCB0aGlzICkgOlxuXHRcdFx0XHR0aGlzLmVtcHR5KCkuZWFjaCggZnVuY3Rpb24oKSB7XG5cdFx0XHRcdFx0aWYgKCB0aGlzLm5vZGVUeXBlID09PSAxIHx8IHRoaXMubm9kZVR5cGUgPT09IDExIHx8IHRoaXMubm9kZVR5cGUgPT09IDkgKSB7XG5cdFx0XHRcdFx0XHR0aGlzLnRleHRDb250ZW50ID0gdmFsdWU7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9ICk7XG5cdFx0fSwgbnVsbCwgdmFsdWUsIGFyZ3VtZW50cy5sZW5ndGggKTtcblx0fSxcblxuXHRhcHBlbmQ6IGZ1bmN0aW9uKCkge1xuXHRcdHJldHVybiBkb21NYW5pcCggdGhpcywgYXJndW1lbnRzLCBmdW5jdGlvbiggZWxlbSApIHtcblx0XHRcdGlmICggdGhpcy5ub2RlVHlwZSA9PT0gMSB8fCB0aGlzLm5vZGVUeXBlID09PSAxMSB8fCB0aGlzLm5vZGVUeXBlID09PSA5ICkge1xuXHRcdFx0XHR2YXIgdGFyZ2V0ID0gbWFuaXB1bGF0aW9uVGFyZ2V0KCB0aGlzLCBlbGVtICk7XG5cdFx0XHRcdHRhcmdldC5hcHBlbmRDaGlsZCggZWxlbSApO1xuXHRcdFx0fVxuXHRcdH0gKTtcblx0fSxcblxuXHRwcmVwZW5kOiBmdW5jdGlvbigpIHtcblx0XHRyZXR1cm4gZG9tTWFuaXAoIHRoaXMsIGFyZ3VtZW50cywgZnVuY3Rpb24oIGVsZW0gKSB7XG5cdFx0XHRpZiAoIHRoaXMubm9kZVR5cGUgPT09IDEgfHwgdGhpcy5ub2RlVHlwZSA9PT0gMTEgfHwgdGhpcy5ub2RlVHlwZSA9PT0gOSApIHtcblx0XHRcdFx0dmFyIHRhcmdldCA9IG1hbmlwdWxhdGlvblRhcmdldCggdGhpcywgZWxlbSApO1xuXHRcdFx0XHR0YXJnZXQuaW5zZXJ0QmVmb3JlKCBlbGVtLCB0YXJnZXQuZmlyc3RDaGlsZCApO1xuXHRcdFx0fVxuXHRcdH0gKTtcblx0fSxcblxuXHRiZWZvcmU6IGZ1bmN0aW9uKCkge1xuXHRcdHJldHVybiBkb21NYW5pcCggdGhpcywgYXJndW1lbnRzLCBmdW5jdGlvbiggZWxlbSApIHtcblx0XHRcdGlmICggdGhpcy5wYXJlbnROb2RlICkge1xuXHRcdFx0XHR0aGlzLnBhcmVudE5vZGUuaW5zZXJ0QmVmb3JlKCBlbGVtLCB0aGlzICk7XG5cdFx0XHR9XG5cdFx0fSApO1xuXHR9LFxuXG5cdGFmdGVyOiBmdW5jdGlvbigpIHtcblx0XHRyZXR1cm4gZG9tTWFuaXAoIHRoaXMsIGFyZ3VtZW50cywgZnVuY3Rpb24oIGVsZW0gKSB7XG5cdFx0XHRpZiAoIHRoaXMucGFyZW50Tm9kZSApIHtcblx0XHRcdFx0dGhpcy5wYXJlbnROb2RlLmluc2VydEJlZm9yZSggZWxlbSwgdGhpcy5uZXh0U2libGluZyApO1xuXHRcdFx0fVxuXHRcdH0gKTtcblx0fSxcblxuXHRlbXB0eTogZnVuY3Rpb24oKSB7XG5cdFx0dmFyIGVsZW0sXG5cdFx0XHRpID0gMDtcblxuXHRcdGZvciAoIDsgKCBlbGVtID0gdGhpc1sgaSBdICkgIT0gbnVsbDsgaSsrICkge1xuXHRcdFx0aWYgKCBlbGVtLm5vZGVUeXBlID09PSAxICkge1xuXG5cdFx0XHRcdC8vIFByZXZlbnQgbWVtb3J5IGxlYWtzXG5cdFx0XHRcdGpRdWVyeS5jbGVhbkRhdGEoIGdldEFsbCggZWxlbSwgZmFsc2UgKSApO1xuXG5cdFx0XHRcdC8vIFJlbW92ZSBhbnkgcmVtYWluaW5nIG5vZGVzXG5cdFx0XHRcdGVsZW0udGV4dENvbnRlbnQgPSBcIlwiO1xuXHRcdFx0fVxuXHRcdH1cblxuXHRcdHJldHVybiB0aGlzO1xuXHR9LFxuXG5cdGNsb25lOiBmdW5jdGlvbiggZGF0YUFuZEV2ZW50cywgZGVlcERhdGFBbmRFdmVudHMgKSB7XG5cdFx0ZGF0YUFuZEV2ZW50cyA9IGRhdGFBbmRFdmVudHMgPT0gbnVsbCA/IGZhbHNlIDogZGF0YUFuZEV2ZW50cztcblx0XHRkZWVwRGF0YUFuZEV2ZW50cyA9IGRlZXBEYXRhQW5kRXZlbnRzID09IG51bGwgPyBkYXRhQW5kRXZlbnRzIDogZGVlcERhdGFBbmRFdmVudHM7XG5cblx0XHRyZXR1cm4gdGhpcy5tYXAoIGZ1bmN0aW9uKCkge1xuXHRcdFx0cmV0dXJuIGpRdWVyeS5jbG9uZSggdGhpcywgZGF0YUFuZEV2ZW50cywgZGVlcERhdGFBbmRFdmVudHMgKTtcblx0XHR9ICk7XG5cdH0sXG5cblx0aHRtbDogZnVuY3Rpb24oIHZhbHVlICkge1xuXHRcdHJldHVybiBhY2Nlc3MoIHRoaXMsIGZ1bmN0aW9uKCB2YWx1ZSApIHtcblx0XHRcdHZhciBlbGVtID0gdGhpc1sgMCBdIHx8IHt9LFxuXHRcdFx0XHRpID0gMCxcblx0XHRcdFx0bCA9IHRoaXMubGVuZ3RoO1xuXG5cdFx0XHRpZiAoIHZhbHVlID09PSB1bmRlZmluZWQgJiYgZWxlbS5ub2RlVHlwZSA9PT0gMSApIHtcblx0XHRcdFx0cmV0dXJuIGVsZW0uaW5uZXJIVE1MO1xuXHRcdFx0fVxuXG5cdFx0XHQvLyBTZWUgaWYgd2UgY2FuIHRha2UgYSBzaG9ydGN1dCBhbmQganVzdCB1c2UgaW5uZXJIVE1MXG5cdFx0XHRpZiAoIHR5cGVvZiB2YWx1ZSA9PT0gXCJzdHJpbmdcIiAmJiAhcm5vSW5uZXJodG1sLnRlc3QoIHZhbHVlICkgJiZcblx0XHRcdFx0IXdyYXBNYXBbICggcnRhZ05hbWUuZXhlYyggdmFsdWUgKSB8fCBbIFwiXCIsIFwiXCIgXSApWyAxIF0udG9Mb3dlckNhc2UoKSBdICkge1xuXG5cdFx0XHRcdHZhbHVlID0galF1ZXJ5Lmh0bWxQcmVmaWx0ZXIoIHZhbHVlICk7XG5cblx0XHRcdFx0dHJ5IHtcblx0XHRcdFx0XHRmb3IgKCA7IGkgPCBsOyBpKysgKSB7XG5cdFx0XHRcdFx0XHRlbGVtID0gdGhpc1sgaSBdIHx8IHt9O1xuXG5cdFx0XHRcdFx0XHQvLyBSZW1vdmUgZWxlbWVudCBub2RlcyBhbmQgcHJldmVudCBtZW1vcnkgbGVha3Ncblx0XHRcdFx0XHRcdGlmICggZWxlbS5ub2RlVHlwZSA9PT0gMSApIHtcblx0XHRcdFx0XHRcdFx0alF1ZXJ5LmNsZWFuRGF0YSggZ2V0QWxsKCBlbGVtLCBmYWxzZSApICk7XG5cdFx0XHRcdFx0XHRcdGVsZW0uaW5uZXJIVE1MID0gdmFsdWU7XG5cdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0fVxuXG5cdFx0XHRcdFx0ZWxlbSA9IDA7XG5cblx0XHRcdFx0Ly8gSWYgdXNpbmcgaW5uZXJIVE1MIHRocm93cyBhbiBleGNlcHRpb24sIHVzZSB0aGUgZmFsbGJhY2sgbWV0aG9kXG5cdFx0XHRcdH0gY2F0Y2ggKCBlICkge31cblx0XHRcdH1cblxuXHRcdFx0aWYgKCBlbGVtICkge1xuXHRcdFx0XHR0aGlzLmVtcHR5KCkuYXBwZW5kKCB2YWx1ZSApO1xuXHRcdFx0fVxuXHRcdH0sIG51bGwsIHZhbHVlLCBhcmd1bWVudHMubGVuZ3RoICk7XG5cdH0sXG5cblx0cmVwbGFjZVdpdGg6IGZ1bmN0aW9uKCkge1xuXHRcdHZhciBpZ25vcmVkID0gW107XG5cblx0XHQvLyBNYWtlIHRoZSBjaGFuZ2VzLCByZXBsYWNpbmcgZWFjaCBub24taWdub3JlZCBjb250ZXh0IGVsZW1lbnQgd2l0aCB0aGUgbmV3IGNvbnRlbnRcblx0XHRyZXR1cm4gZG9tTWFuaXAoIHRoaXMsIGFyZ3VtZW50cywgZnVuY3Rpb24oIGVsZW0gKSB7XG5cdFx0XHR2YXIgcGFyZW50ID0gdGhpcy5wYXJlbnROb2RlO1xuXG5cdFx0XHRpZiAoIGpRdWVyeS5pbkFycmF5KCB0aGlzLCBpZ25vcmVkICkgPCAwICkge1xuXHRcdFx0XHRqUXVlcnkuY2xlYW5EYXRhKCBnZXRBbGwoIHRoaXMgKSApO1xuXHRcdFx0XHRpZiAoIHBhcmVudCApIHtcblx0XHRcdFx0XHRwYXJlbnQucmVwbGFjZUNoaWxkKCBlbGVtLCB0aGlzICk7XG5cdFx0XHRcdH1cblx0XHRcdH1cblxuXHRcdC8vIEZvcmNlIGNhbGxiYWNrIGludm9jYXRpb25cblx0XHR9LCBpZ25vcmVkICk7XG5cdH1cbn0gKTtcblxualF1ZXJ5LmVhY2goIHtcblx0YXBwZW5kVG86IFwiYXBwZW5kXCIsXG5cdHByZXBlbmRUbzogXCJwcmVwZW5kXCIsXG5cdGluc2VydEJlZm9yZTogXCJiZWZvcmVcIixcblx0aW5zZXJ0QWZ0ZXI6IFwiYWZ0ZXJcIixcblx0cmVwbGFjZUFsbDogXCJyZXBsYWNlV2l0aFwiXG59LCBmdW5jdGlvbiggbmFtZSwgb3JpZ2luYWwgKSB7XG5cdGpRdWVyeS5mblsgbmFtZSBdID0gZnVuY3Rpb24oIHNlbGVjdG9yICkge1xuXHRcdHZhciBlbGVtcyxcblx0XHRcdHJldCA9IFtdLFxuXHRcdFx0aW5zZXJ0ID0galF1ZXJ5KCBzZWxlY3RvciApLFxuXHRcdFx0bGFzdCA9IGluc2VydC5sZW5ndGggLSAxLFxuXHRcdFx0aSA9IDA7XG5cblx0XHRmb3IgKCA7IGkgPD0gbGFzdDsgaSsrICkge1xuXHRcdFx0ZWxlbXMgPSBpID09PSBsYXN0ID8gdGhpcyA6IHRoaXMuY2xvbmUoIHRydWUgKTtcblx0XHRcdGpRdWVyeSggaW5zZXJ0WyBpIF0gKVsgb3JpZ2luYWwgXSggZWxlbXMgKTtcblxuXHRcdFx0Ly8gU3VwcG9ydDogQW5kcm9pZCA8PTQuMCBvbmx5LCBQaGFudG9tSlMgMSBvbmx5XG5cdFx0XHQvLyAuZ2V0KCkgYmVjYXVzZSBwdXNoLmFwcGx5KF8sIGFycmF5bGlrZSkgdGhyb3dzIG9uIGFuY2llbnQgV2ViS2l0XG5cdFx0XHRwdXNoLmFwcGx5KCByZXQsIGVsZW1zLmdldCgpICk7XG5cdFx0fVxuXG5cdFx0cmV0dXJuIHRoaXMucHVzaFN0YWNrKCByZXQgKTtcblx0fTtcbn0gKTtcbnZhciBybnVtbm9ucHggPSBuZXcgUmVnRXhwKCBcIl4oXCIgKyBwbnVtICsgXCIpKD8hcHgpW2EteiVdKyRcIiwgXCJpXCIgKTtcblxudmFyIHJjdXN0b21Qcm9wID0gL14tLS87XG5cblxudmFyIGdldFN0eWxlcyA9IGZ1bmN0aW9uKCBlbGVtICkge1xuXG5cdFx0Ly8gU3VwcG9ydDogSUUgPD0xMSBvbmx5LCBGaXJlZm94IDw9MzAgKHRyYWMtMTUwOTgsIHRyYWMtMTQxNTApXG5cdFx0Ly8gSUUgdGhyb3dzIG9uIGVsZW1lbnRzIGNyZWF0ZWQgaW4gcG9wdXBzXG5cdFx0Ly8gRkYgbWVhbndoaWxlIHRocm93cyBvbiBmcmFtZSBlbGVtZW50cyB0aHJvdWdoIFwiZGVmYXVsdFZpZXcuZ2V0Q29tcHV0ZWRTdHlsZVwiXG5cdFx0dmFyIHZpZXcgPSBlbGVtLm93bmVyRG9jdW1lbnQuZGVmYXVsdFZpZXc7XG5cblx0XHRpZiAoICF2aWV3IHx8ICF2aWV3Lm9wZW5lciApIHtcblx0XHRcdHZpZXcgPSB3aW5kb3c7XG5cdFx0fVxuXG5cdFx0cmV0dXJuIHZpZXcuZ2V0Q29tcHV0ZWRTdHlsZSggZWxlbSApO1xuXHR9O1xuXG52YXIgc3dhcCA9IGZ1bmN0aW9uKCBlbGVtLCBvcHRpb25zLCBjYWxsYmFjayApIHtcblx0dmFyIHJldCwgbmFtZSxcblx0XHRvbGQgPSB7fTtcblxuXHQvLyBSZW1lbWJlciB0aGUgb2xkIHZhbHVlcywgYW5kIGluc2VydCB0aGUgbmV3IG9uZXNcblx0Zm9yICggbmFtZSBpbiBvcHRpb25zICkge1xuXHRcdG9sZFsgbmFtZSBdID0gZWxlbS5zdHlsZVsgbmFtZSBdO1xuXHRcdGVsZW0uc3R5bGVbIG5hbWUgXSA9IG9wdGlvbnNbIG5hbWUgXTtcblx0fVxuXG5cdHJldCA9IGNhbGxiYWNrLmNhbGwoIGVsZW0gKTtcblxuXHQvLyBSZXZlcnQgdGhlIG9sZCB2YWx1ZXNcblx0Zm9yICggbmFtZSBpbiBvcHRpb25zICkge1xuXHRcdGVsZW0uc3R5bGVbIG5hbWUgXSA9IG9sZFsgbmFtZSBdO1xuXHR9XG5cblx0cmV0dXJuIHJldDtcbn07XG5cblxudmFyIHJib3hTdHlsZSA9IG5ldyBSZWdFeHAoIGNzc0V4cGFuZC5qb2luKCBcInxcIiApLCBcImlcIiApO1xuXG5cblxuKCBmdW5jdGlvbigpIHtcblxuXHQvLyBFeGVjdXRpbmcgYm90aCBwaXhlbFBvc2l0aW9uICYgYm94U2l6aW5nUmVsaWFibGUgdGVzdHMgcmVxdWlyZSBvbmx5IG9uZSBsYXlvdXRcblx0Ly8gc28gdGhleSdyZSBleGVjdXRlZCBhdCB0aGUgc2FtZSB0aW1lIHRvIHNhdmUgdGhlIHNlY29uZCBjb21wdXRhdGlvbi5cblx0ZnVuY3Rpb24gY29tcHV0ZVN0eWxlVGVzdHMoKSB7XG5cblx0XHQvLyBUaGlzIGlzIGEgc2luZ2xldG9uLCB3ZSBuZWVkIHRvIGV4ZWN1dGUgaXQgb25seSBvbmNlXG5cdFx0aWYgKCAhZGl2ICkge1xuXHRcdFx0cmV0dXJuO1xuXHRcdH1cblxuXHRcdGNvbnRhaW5lci5zdHlsZS5jc3NUZXh0ID0gXCJwb3NpdGlvbjphYnNvbHV0ZTtsZWZ0Oi0xMTExMXB4O3dpZHRoOjYwcHg7XCIgK1xuXHRcdFx0XCJtYXJnaW4tdG9wOjFweDtwYWRkaW5nOjA7Ym9yZGVyOjBcIjtcblx0XHRkaXYuc3R5bGUuY3NzVGV4dCA9XG5cdFx0XHRcInBvc2l0aW9uOnJlbGF0aXZlO2Rpc3BsYXk6YmxvY2s7Ym94LXNpemluZzpib3JkZXItYm94O292ZXJmbG93OnNjcm9sbDtcIiArXG5cdFx0XHRcIm1hcmdpbjphdXRvO2JvcmRlcjoxcHg7cGFkZGluZzoxcHg7XCIgK1xuXHRcdFx0XCJ3aWR0aDo2MCU7dG9wOjElXCI7XG5cdFx0ZG9jdW1lbnRFbGVtZW50LmFwcGVuZENoaWxkKCBjb250YWluZXIgKS5hcHBlbmRDaGlsZCggZGl2ICk7XG5cblx0XHR2YXIgZGl2U3R5bGUgPSB3aW5kb3cuZ2V0Q29tcHV0ZWRTdHlsZSggZGl2ICk7XG5cdFx0cGl4ZWxQb3NpdGlvblZhbCA9IGRpdlN0eWxlLnRvcCAhPT0gXCIxJVwiO1xuXG5cdFx0Ly8gU3VwcG9ydDogQW5kcm9pZCA0LjAgLSA0LjMgb25seSwgRmlyZWZveCA8PTMgLSA0NFxuXHRcdHJlbGlhYmxlTWFyZ2luTGVmdFZhbCA9IHJvdW5kUGl4ZWxNZWFzdXJlcyggZGl2U3R5bGUubWFyZ2luTGVmdCApID09PSAxMjtcblxuXHRcdC8vIFN1cHBvcnQ6IEFuZHJvaWQgNC4wIC0gNC4zIG9ubHksIFNhZmFyaSA8PTkuMSAtIDEwLjEsIGlPUyA8PTcuMCAtIDkuM1xuXHRcdC8vIFNvbWUgc3R5bGVzIGNvbWUgYmFjayB3aXRoIHBlcmNlbnRhZ2UgdmFsdWVzLCBldmVuIHRob3VnaCB0aGV5IHNob3VsZG4ndFxuXHRcdGRpdi5zdHlsZS5yaWdodCA9IFwiNjAlXCI7XG5cdFx0cGl4ZWxCb3hTdHlsZXNWYWwgPSByb3VuZFBpeGVsTWVhc3VyZXMoIGRpdlN0eWxlLnJpZ2h0ICkgPT09IDM2O1xuXG5cdFx0Ly8gU3VwcG9ydDogSUUgOSAtIDExIG9ubHlcblx0XHQvLyBEZXRlY3QgbWlzcmVwb3J0aW5nIG9mIGNvbnRlbnQgZGltZW5zaW9ucyBmb3IgYm94LXNpemluZzpib3JkZXItYm94IGVsZW1lbnRzXG5cdFx0Ym94U2l6aW5nUmVsaWFibGVWYWwgPSByb3VuZFBpeGVsTWVhc3VyZXMoIGRpdlN0eWxlLndpZHRoICkgPT09IDM2O1xuXG5cdFx0Ly8gU3VwcG9ydDogSUUgOSBvbmx5XG5cdFx0Ly8gRGV0ZWN0IG92ZXJmbG93OnNjcm9sbCBzY3Jld2luZXNzIChnaC0zNjk5KVxuXHRcdC8vIFN1cHBvcnQ6IENocm9tZSA8PTY0XG5cdFx0Ly8gRG9uJ3QgZ2V0IHRyaWNrZWQgd2hlbiB6b29tIGFmZmVjdHMgb2Zmc2V0V2lkdGggKGdoLTQwMjkpXG5cdFx0ZGl2LnN0eWxlLnBvc2l0aW9uID0gXCJhYnNvbHV0ZVwiO1xuXHRcdHNjcm9sbGJveFNpemVWYWwgPSByb3VuZFBpeGVsTWVhc3VyZXMoIGRpdi5vZmZzZXRXaWR0aCAvIDMgKSA9PT0gMTI7XG5cblx0XHRkb2N1bWVudEVsZW1lbnQucmVtb3ZlQ2hpbGQoIGNvbnRhaW5lciApO1xuXG5cdFx0Ly8gTnVsbGlmeSB0aGUgZGl2IHNvIGl0IHdvdWxkbid0IGJlIHN0b3JlZCBpbiB0aGUgbWVtb3J5IGFuZFxuXHRcdC8vIGl0IHdpbGwgYWxzbyBiZSBhIHNpZ24gdGhhdCBjaGVja3MgYWxyZWFkeSBwZXJmb3JtZWRcblx0XHRkaXYgPSBudWxsO1xuXHR9XG5cblx0ZnVuY3Rpb24gcm91bmRQaXhlbE1lYXN1cmVzKCBtZWFzdXJlICkge1xuXHRcdHJldHVybiBNYXRoLnJvdW5kKCBwYXJzZUZsb2F0KCBtZWFzdXJlICkgKTtcblx0fVxuXG5cdHZhciBwaXhlbFBvc2l0aW9uVmFsLCBib3hTaXppbmdSZWxpYWJsZVZhbCwgc2Nyb2xsYm94U2l6ZVZhbCwgcGl4ZWxCb3hTdHlsZXNWYWwsXG5cdFx0cmVsaWFibGVUckRpbWVuc2lvbnNWYWwsIHJlbGlhYmxlTWFyZ2luTGVmdFZhbCxcblx0XHRjb250YWluZXIgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCBcImRpdlwiICksXG5cdFx0ZGl2ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCggXCJkaXZcIiApO1xuXG5cdC8vIEZpbmlzaCBlYXJseSBpbiBsaW1pdGVkIChub24tYnJvd3NlcikgZW52aXJvbm1lbnRzXG5cdGlmICggIWRpdi5zdHlsZSApIHtcblx0XHRyZXR1cm47XG5cdH1cblxuXHQvLyBTdXBwb3J0OiBJRSA8PTkgLSAxMSBvbmx5XG5cdC8vIFN0eWxlIG9mIGNsb25lZCBlbGVtZW50IGFmZmVjdHMgc291cmNlIGVsZW1lbnQgY2xvbmVkICh0cmFjLTg5MDgpXG5cdGRpdi5zdHlsZS5iYWNrZ3JvdW5kQ2xpcCA9IFwiY29udGVudC1ib3hcIjtcblx0ZGl2LmNsb25lTm9kZSggdHJ1ZSApLnN0eWxlLmJhY2tncm91bmRDbGlwID0gXCJcIjtcblx0c3VwcG9ydC5jbGVhckNsb25lU3R5bGUgPSBkaXYuc3R5bGUuYmFja2dyb3VuZENsaXAgPT09IFwiY29udGVudC1ib3hcIjtcblxuXHRqUXVlcnkuZXh0ZW5kKCBzdXBwb3J0LCB7XG5cdFx0Ym94U2l6aW5nUmVsaWFibGU6IGZ1bmN0aW9uKCkge1xuXHRcdFx0Y29tcHV0ZVN0eWxlVGVzdHMoKTtcblx0XHRcdHJldHVybiBib3hTaXppbmdSZWxpYWJsZVZhbDtcblx0XHR9LFxuXHRcdHBpeGVsQm94U3R5bGVzOiBmdW5jdGlvbigpIHtcblx0XHRcdGNvbXB1dGVTdHlsZVRlc3RzKCk7XG5cdFx0XHRyZXR1cm4gcGl4ZWxCb3hTdHlsZXNWYWw7XG5cdFx0fSxcblx0XHRwaXhlbFBvc2l0aW9uOiBmdW5jdGlvbigpIHtcblx0XHRcdGNvbXB1dGVTdHlsZVRlc3RzKCk7XG5cdFx0XHRyZXR1cm4gcGl4ZWxQb3NpdGlvblZhbDtcblx0XHR9LFxuXHRcdHJlbGlhYmxlTWFyZ2luTGVmdDogZnVuY3Rpb24oKSB7XG5cdFx0XHRjb21wdXRlU3R5bGVUZXN0cygpO1xuXHRcdFx0cmV0dXJuIHJlbGlhYmxlTWFyZ2luTGVmdFZhbDtcblx0XHR9LFxuXHRcdHNjcm9sbGJveFNpemU6IGZ1bmN0aW9uKCkge1xuXHRcdFx0Y29tcHV0ZVN0eWxlVGVzdHMoKTtcblx0XHRcdHJldHVybiBzY3JvbGxib3hTaXplVmFsO1xuXHRcdH0sXG5cblx0XHQvLyBTdXBwb3J0OiBJRSA5IC0gMTErLCBFZGdlIDE1IC0gMTgrXG5cdFx0Ly8gSUUvRWRnZSBtaXNyZXBvcnQgYGdldENvbXB1dGVkU3R5bGVgIG9mIHRhYmxlIHJvd3Mgd2l0aCB3aWR0aC9oZWlnaHRcblx0XHQvLyBzZXQgaW4gQ1NTIHdoaWxlIGBvZmZzZXQqYCBwcm9wZXJ0aWVzIHJlcG9ydCBjb3JyZWN0IHZhbHVlcy5cblx0XHQvLyBCZWhhdmlvciBpbiBJRSA5IGlzIG1vcmUgc3VidGxlIHRoYW4gaW4gbmV3ZXIgdmVyc2lvbnMgJiBpdCBwYXNzZXNcblx0XHQvLyBzb21lIHZlcnNpb25zIG9mIHRoaXMgdGVzdDsgbWFrZSBzdXJlIG5vdCB0byBtYWtlIGl0IHBhc3MgdGhlcmUhXG5cdFx0Ly9cblx0XHQvLyBTdXBwb3J0OiBGaXJlZm94IDcwK1xuXHRcdC8vIE9ubHkgRmlyZWZveCBpbmNsdWRlcyBib3JkZXIgd2lkdGhzXG5cdFx0Ly8gaW4gY29tcHV0ZWQgZGltZW5zaW9ucy4gKGdoLTQ1MjkpXG5cdFx0cmVsaWFibGVUckRpbWVuc2lvbnM6IGZ1bmN0aW9uKCkge1xuXHRcdFx0dmFyIHRhYmxlLCB0ciwgdHJDaGlsZCwgdHJTdHlsZTtcblx0XHRcdGlmICggcmVsaWFibGVUckRpbWVuc2lvbnNWYWwgPT0gbnVsbCApIHtcblx0XHRcdFx0dGFibGUgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCBcInRhYmxlXCIgKTtcblx0XHRcdFx0dHIgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCBcInRyXCIgKTtcblx0XHRcdFx0dHJDaGlsZCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoIFwiZGl2XCIgKTtcblxuXHRcdFx0XHR0YWJsZS5zdHlsZS5jc3NUZXh0ID0gXCJwb3NpdGlvbjphYnNvbHV0ZTtsZWZ0Oi0xMTExMXB4O2JvcmRlci1jb2xsYXBzZTpzZXBhcmF0ZVwiO1xuXHRcdFx0XHR0ci5zdHlsZS5jc3NUZXh0ID0gXCJib3gtc2l6aW5nOmNvbnRlbnQtYm94O2JvcmRlcjoxcHggc29saWRcIjtcblxuXHRcdFx0XHQvLyBTdXBwb3J0OiBDaHJvbWUgODYrXG5cdFx0XHRcdC8vIEhlaWdodCBzZXQgdGhyb3VnaCBjc3NUZXh0IGRvZXMgbm90IGdldCBhcHBsaWVkLlxuXHRcdFx0XHQvLyBDb21wdXRlZCBoZWlnaHQgdGhlbiBjb21lcyBiYWNrIGFzIDAuXG5cdFx0XHRcdHRyLnN0eWxlLmhlaWdodCA9IFwiMXB4XCI7XG5cdFx0XHRcdHRyQ2hpbGQuc3R5bGUuaGVpZ2h0ID0gXCI5cHhcIjtcblxuXHRcdFx0XHQvLyBTdXBwb3J0OiBBbmRyb2lkIDggQ2hyb21lIDg2K1xuXHRcdFx0XHQvLyBJbiBvdXIgYm9keUJhY2tncm91bmQuaHRtbCBpZnJhbWUsXG5cdFx0XHRcdC8vIGRpc3BsYXkgZm9yIGFsbCBkaXYgZWxlbWVudHMgaXMgc2V0IHRvIFwiaW5saW5lXCIsXG5cdFx0XHRcdC8vIHdoaWNoIGNhdXNlcyBhIHByb2JsZW0gb25seSBpbiBBbmRyb2lkIDggQ2hyb21lIDg2LlxuXHRcdFx0XHQvLyBFbnN1cmluZyB0aGUgZGl2IGlzIGBkaXNwbGF5OiBibG9ja2Bcblx0XHRcdFx0Ly8gZ2V0cyBhcm91bmQgdGhpcyBpc3N1ZS5cblx0XHRcdFx0dHJDaGlsZC5zdHlsZS5kaXNwbGF5ID0gXCJibG9ja1wiO1xuXG5cdFx0XHRcdGRvY3VtZW50RWxlbWVudFxuXHRcdFx0XHRcdC5hcHBlbmRDaGlsZCggdGFibGUgKVxuXHRcdFx0XHRcdC5hcHBlbmRDaGlsZCggdHIgKVxuXHRcdFx0XHRcdC5hcHBlbmRDaGlsZCggdHJDaGlsZCApO1xuXG5cdFx0XHRcdHRyU3R5bGUgPSB3aW5kb3cuZ2V0Q29tcHV0ZWRTdHlsZSggdHIgKTtcblx0XHRcdFx0cmVsaWFibGVUckRpbWVuc2lvbnNWYWwgPSAoIHBhcnNlSW50KCB0clN0eWxlLmhlaWdodCwgMTAgKSArXG5cdFx0XHRcdFx0cGFyc2VJbnQoIHRyU3R5bGUuYm9yZGVyVG9wV2lkdGgsIDEwICkgK1xuXHRcdFx0XHRcdHBhcnNlSW50KCB0clN0eWxlLmJvcmRlckJvdHRvbVdpZHRoLCAxMCApICkgPT09IHRyLm9mZnNldEhlaWdodDtcblxuXHRcdFx0XHRkb2N1bWVudEVsZW1lbnQucmVtb3ZlQ2hpbGQoIHRhYmxlICk7XG5cdFx0XHR9XG5cdFx0XHRyZXR1cm4gcmVsaWFibGVUckRpbWVuc2lvbnNWYWw7XG5cdFx0fVxuXHR9ICk7XG59ICkoKTtcblxuXG5mdW5jdGlvbiBjdXJDU1MoIGVsZW0sIG5hbWUsIGNvbXB1dGVkICkge1xuXHR2YXIgd2lkdGgsIG1pbldpZHRoLCBtYXhXaWR0aCwgcmV0LFxuXHRcdGlzQ3VzdG9tUHJvcCA9IHJjdXN0b21Qcm9wLnRlc3QoIG5hbWUgKSxcblxuXHRcdC8vIFN1cHBvcnQ6IEZpcmVmb3ggNTErXG5cdFx0Ly8gUmV0cmlldmluZyBzdHlsZSBiZWZvcmUgY29tcHV0ZWQgc29tZWhvd1xuXHRcdC8vIGZpeGVzIGFuIGlzc3VlIHdpdGggZ2V0dGluZyB3cm9uZyB2YWx1ZXNcblx0XHQvLyBvbiBkZXRhY2hlZCBlbGVtZW50c1xuXHRcdHN0eWxlID0gZWxlbS5zdHlsZTtcblxuXHRjb21wdXRlZCA9IGNvbXB1dGVkIHx8IGdldFN0eWxlcyggZWxlbSApO1xuXG5cdC8vIGdldFByb3BlcnR5VmFsdWUgaXMgbmVlZGVkIGZvcjpcblx0Ly8gICAuY3NzKCdmaWx0ZXInKSAoSUUgOSBvbmx5LCB0cmFjLTEyNTM3KVxuXHQvLyAgIC5jc3MoJy0tY3VzdG9tUHJvcGVydHkpIChnaC0zMTQ0KVxuXHRpZiAoIGNvbXB1dGVkICkge1xuXG5cdFx0Ly8gU3VwcG9ydDogSUUgPD05IC0gMTErXG5cdFx0Ly8gSUUgb25seSBzdXBwb3J0cyBgXCJmbG9hdFwiYCBpbiBgZ2V0UHJvcGVydHlWYWx1ZWA7IGluIGNvbXB1dGVkIHN0eWxlc1xuXHRcdC8vIGl0J3Mgb25seSBhdmFpbGFibGUgYXMgYFwiY3NzRmxvYXRcImAuIFdlIG5vIGxvbmdlciBtb2RpZnkgcHJvcGVydGllc1xuXHRcdC8vIHNlbnQgdG8gYC5jc3MoKWAgYXBhcnQgZnJvbSBjYW1lbENhc2luZywgc28gd2UgbmVlZCB0byBjaGVjayBib3RoLlxuXHRcdC8vIE5vcm1hbGx5LCB0aGlzIHdvdWxkIGNyZWF0ZSBkaWZmZXJlbmNlIGluIGJlaGF2aW9yOiBpZlxuXHRcdC8vIGBnZXRQcm9wZXJ0eVZhbHVlYCByZXR1cm5zIGFuIGVtcHR5IHN0cmluZywgdGhlIHZhbHVlIHJldHVybmVkXG5cdFx0Ly8gYnkgYC5jc3MoKWAgd291bGQgYmUgYHVuZGVmaW5lZGAuIFRoaXMgaXMgdXN1YWxseSB0aGUgY2FzZSBmb3Jcblx0XHQvLyBkaXNjb25uZWN0ZWQgZWxlbWVudHMuIEhvd2V2ZXIsIGluIElFIGV2ZW4gZGlzY29ubmVjdGVkIGVsZW1lbnRzXG5cdFx0Ly8gd2l0aCBubyBzdHlsZXMgcmV0dXJuIGBcIm5vbmVcImAgZm9yIGBnZXRQcm9wZXJ0eVZhbHVlKCBcImZsb2F0XCIgKWBcblx0XHRyZXQgPSBjb21wdXRlZC5nZXRQcm9wZXJ0eVZhbHVlKCBuYW1lICkgfHwgY29tcHV0ZWRbIG5hbWUgXTtcblxuXHRcdGlmICggaXNDdXN0b21Qcm9wICYmIHJldCApIHtcblxuXHRcdFx0Ly8gU3VwcG9ydDogRmlyZWZveCAxMDUrLCBDaHJvbWUgPD0xMDUrXG5cdFx0XHQvLyBTcGVjIHJlcXVpcmVzIHRyaW1taW5nIHdoaXRlc3BhY2UgZm9yIGN1c3RvbSBwcm9wZXJ0aWVzIChnaC00OTI2KS5cblx0XHRcdC8vIEZpcmVmb3ggb25seSB0cmltcyBsZWFkaW5nIHdoaXRlc3BhY2UuIENocm9tZSBqdXN0IGNvbGxhcHNlc1xuXHRcdFx0Ly8gYm90aCBsZWFkaW5nICYgdHJhaWxpbmcgd2hpdGVzcGFjZSB0byBhIHNpbmdsZSBzcGFjZS5cblx0XHRcdC8vXG5cdFx0XHQvLyBGYWxsIGJhY2sgdG8gYHVuZGVmaW5lZGAgaWYgZW1wdHkgc3RyaW5nIHJldHVybmVkLlxuXHRcdFx0Ly8gVGhpcyBjb2xsYXBzZXMgYSBtaXNzaW5nIGRlZmluaXRpb24gd2l0aCBwcm9wZXJ0eSBkZWZpbmVkXG5cdFx0XHQvLyBhbmQgc2V0IHRvIGFuIGVtcHR5IHN0cmluZyBidXQgdGhlcmUncyBubyBzdGFuZGFyZCBBUElcblx0XHRcdC8vIGFsbG93aW5nIHVzIHRvIGRpZmZlcmVudGlhdGUgdGhlbSB3aXRob3V0IGEgcGVyZm9ybWFuY2UgcGVuYWx0eVxuXHRcdFx0Ly8gYW5kIHJldHVybmluZyBgdW5kZWZpbmVkYCBhbGlnbnMgd2l0aCBvbGRlciBqUXVlcnkuXG5cdFx0XHQvL1xuXHRcdFx0Ly8gcnRyaW1DU1MgdHJlYXRzIFUrMDAwRCBDQVJSSUFHRSBSRVRVUk4gYW5kIFUrMDAwQyBGT1JNIEZFRURcblx0XHRcdC8vIGFzIHdoaXRlc3BhY2Ugd2hpbGUgQ1NTIGRvZXMgbm90LCBidXQgdGhpcyBpcyBub3QgYSBwcm9ibGVtXG5cdFx0XHQvLyBiZWNhdXNlIENTUyBwcmVwcm9jZXNzaW5nIHJlcGxhY2VzIHRoZW0gd2l0aCBVKzAwMEEgTElORSBGRUVEXG5cdFx0XHQvLyAod2hpY2ggKmlzKiBDU1Mgd2hpdGVzcGFjZSlcblx0XHRcdC8vIGh0dHBzOi8vd3d3LnczLm9yZy9UUi9jc3Mtc3ludGF4LTMvI2lucHV0LXByZXByb2Nlc3Npbmdcblx0XHRcdHJldCA9IHJldC5yZXBsYWNlKCBydHJpbUNTUywgXCIkMVwiICkgfHwgdW5kZWZpbmVkO1xuXHRcdH1cblxuXHRcdGlmICggcmV0ID09PSBcIlwiICYmICFpc0F0dGFjaGVkKCBlbGVtICkgKSB7XG5cdFx0XHRyZXQgPSBqUXVlcnkuc3R5bGUoIGVsZW0sIG5hbWUgKTtcblx0XHR9XG5cblx0XHQvLyBBIHRyaWJ1dGUgdG8gdGhlIFwiYXdlc29tZSBoYWNrIGJ5IERlYW4gRWR3YXJkc1wiXG5cdFx0Ly8gQW5kcm9pZCBCcm93c2VyIHJldHVybnMgcGVyY2VudGFnZSBmb3Igc29tZSB2YWx1ZXMsXG5cdFx0Ly8gYnV0IHdpZHRoIHNlZW1zIHRvIGJlIHJlbGlhYmx5IHBpeGVscy5cblx0XHQvLyBUaGlzIGlzIGFnYWluc3QgdGhlIENTU09NIGRyYWZ0IHNwZWM6XG5cdFx0Ly8gaHR0cHM6Ly9kcmFmdHMuY3Nzd2cub3JnL2Nzc29tLyNyZXNvbHZlZC12YWx1ZXNcblx0XHRpZiAoICFzdXBwb3J0LnBpeGVsQm94U3R5bGVzKCkgJiYgcm51bW5vbnB4LnRlc3QoIHJldCApICYmIHJib3hTdHlsZS50ZXN0KCBuYW1lICkgKSB7XG5cblx0XHRcdC8vIFJlbWVtYmVyIHRoZSBvcmlnaW5hbCB2YWx1ZXNcblx0XHRcdHdpZHRoID0gc3R5bGUud2lkdGg7XG5cdFx0XHRtaW5XaWR0aCA9IHN0eWxlLm1pbldpZHRoO1xuXHRcdFx0bWF4V2lkdGggPSBzdHlsZS5tYXhXaWR0aDtcblxuXHRcdFx0Ly8gUHV0IGluIHRoZSBuZXcgdmFsdWVzIHRvIGdldCBhIGNvbXB1dGVkIHZhbHVlIG91dFxuXHRcdFx0c3R5bGUubWluV2lkdGggPSBzdHlsZS5tYXhXaWR0aCA9IHN0eWxlLndpZHRoID0gcmV0O1xuXHRcdFx0cmV0ID0gY29tcHV0ZWQud2lkdGg7XG5cblx0XHRcdC8vIFJldmVydCB0aGUgY2hhbmdlZCB2YWx1ZXNcblx0XHRcdHN0eWxlLndpZHRoID0gd2lkdGg7XG5cdFx0XHRzdHlsZS5taW5XaWR0aCA9IG1pbldpZHRoO1xuXHRcdFx0c3R5bGUubWF4V2lkdGggPSBtYXhXaWR0aDtcblx0XHR9XG5cdH1cblxuXHRyZXR1cm4gcmV0ICE9PSB1bmRlZmluZWQgP1xuXG5cdFx0Ly8gU3VwcG9ydDogSUUgPD05IC0gMTEgb25seVxuXHRcdC8vIElFIHJldHVybnMgekluZGV4IHZhbHVlIGFzIGFuIGludGVnZXIuXG5cdFx0cmV0ICsgXCJcIiA6XG5cdFx0cmV0O1xufVxuXG5cbmZ1bmN0aW9uIGFkZEdldEhvb2tJZiggY29uZGl0aW9uRm4sIGhvb2tGbiApIHtcblxuXHQvLyBEZWZpbmUgdGhlIGhvb2ssIHdlJ2xsIGNoZWNrIG9uIHRoZSBmaXJzdCBydW4gaWYgaXQncyByZWFsbHkgbmVlZGVkLlxuXHRyZXR1cm4ge1xuXHRcdGdldDogZnVuY3Rpb24oKSB7XG5cdFx0XHRpZiAoIGNvbmRpdGlvbkZuKCkgKSB7XG5cblx0XHRcdFx0Ly8gSG9vayBub3QgbmVlZGVkIChvciBpdCdzIG5vdCBwb3NzaWJsZSB0byB1c2UgaXQgZHVlXG5cdFx0XHRcdC8vIHRvIG1pc3NpbmcgZGVwZW5kZW5jeSksIHJlbW92ZSBpdC5cblx0XHRcdFx0ZGVsZXRlIHRoaXMuZ2V0O1xuXHRcdFx0XHRyZXR1cm47XG5cdFx0XHR9XG5cblx0XHRcdC8vIEhvb2sgbmVlZGVkOyByZWRlZmluZSBpdCBzbyB0aGF0IHRoZSBzdXBwb3J0IHRlc3QgaXMgbm90IGV4ZWN1dGVkIGFnYWluLlxuXHRcdFx0cmV0dXJuICggdGhpcy5nZXQgPSBob29rRm4gKS5hcHBseSggdGhpcywgYXJndW1lbnRzICk7XG5cdFx0fVxuXHR9O1xufVxuXG5cbnZhciBjc3NQcmVmaXhlcyA9IFsgXCJXZWJraXRcIiwgXCJNb3pcIiwgXCJtc1wiIF0sXG5cdGVtcHR5U3R5bGUgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCBcImRpdlwiICkuc3R5bGUsXG5cdHZlbmRvclByb3BzID0ge307XG5cbi8vIFJldHVybiBhIHZlbmRvci1wcmVmaXhlZCBwcm9wZXJ0eSBvciB1bmRlZmluZWRcbmZ1bmN0aW9uIHZlbmRvclByb3BOYW1lKCBuYW1lICkge1xuXG5cdC8vIENoZWNrIGZvciB2ZW5kb3IgcHJlZml4ZWQgbmFtZXNcblx0dmFyIGNhcE5hbWUgPSBuYW1lWyAwIF0udG9VcHBlckNhc2UoKSArIG5hbWUuc2xpY2UoIDEgKSxcblx0XHRpID0gY3NzUHJlZml4ZXMubGVuZ3RoO1xuXG5cdHdoaWxlICggaS0tICkge1xuXHRcdG5hbWUgPSBjc3NQcmVmaXhlc1sgaSBdICsgY2FwTmFtZTtcblx0XHRpZiAoIG5hbWUgaW4gZW1wdHlTdHlsZSApIHtcblx0XHRcdHJldHVybiBuYW1lO1xuXHRcdH1cblx0fVxufVxuXG4vLyBSZXR1cm4gYSBwb3RlbnRpYWxseS1tYXBwZWQgalF1ZXJ5LmNzc1Byb3BzIG9yIHZlbmRvciBwcmVmaXhlZCBwcm9wZXJ0eVxuZnVuY3Rpb24gZmluYWxQcm9wTmFtZSggbmFtZSApIHtcblx0dmFyIGZpbmFsID0galF1ZXJ5LmNzc1Byb3BzWyBuYW1lIF0gfHwgdmVuZG9yUHJvcHNbIG5hbWUgXTtcblxuXHRpZiAoIGZpbmFsICkge1xuXHRcdHJldHVybiBmaW5hbDtcblx0fVxuXHRpZiAoIG5hbWUgaW4gZW1wdHlTdHlsZSApIHtcblx0XHRyZXR1cm4gbmFtZTtcblx0fVxuXHRyZXR1cm4gdmVuZG9yUHJvcHNbIG5hbWUgXSA9IHZlbmRvclByb3BOYW1lKCBuYW1lICkgfHwgbmFtZTtcbn1cblxuXG52YXJcblxuXHQvLyBTd2FwcGFibGUgaWYgZGlzcGxheSBpcyBub25lIG9yIHN0YXJ0cyB3aXRoIHRhYmxlXG5cdC8vIGV4Y2VwdCBcInRhYmxlXCIsIFwidGFibGUtY2VsbFwiLCBvciBcInRhYmxlLWNhcHRpb25cIlxuXHQvLyBTZWUgaGVyZSBmb3IgZGlzcGxheSB2YWx1ZXM6IGh0dHBzOi8vZGV2ZWxvcGVyLm1vemlsbGEub3JnL2VuLVVTL2RvY3MvQ1NTL2Rpc3BsYXlcblx0cmRpc3BsYXlzd2FwID0gL14obm9uZXx0YWJsZSg/IS1jW2VhXSkuKykvLFxuXHRjc3NTaG93ID0geyBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLCB2aXNpYmlsaXR5OiBcImhpZGRlblwiLCBkaXNwbGF5OiBcImJsb2NrXCIgfSxcblx0Y3NzTm9ybWFsVHJhbnNmb3JtID0ge1xuXHRcdGxldHRlclNwYWNpbmc6IFwiMFwiLFxuXHRcdGZvbnRXZWlnaHQ6IFwiNDAwXCJcblx0fTtcblxuZnVuY3Rpb24gc2V0UG9zaXRpdmVOdW1iZXIoIF9lbGVtLCB2YWx1ZSwgc3VidHJhY3QgKSB7XG5cblx0Ly8gQW55IHJlbGF0aXZlICgrLy0pIHZhbHVlcyBoYXZlIGFscmVhZHkgYmVlblxuXHQvLyBub3JtYWxpemVkIGF0IHRoaXMgcG9pbnRcblx0dmFyIG1hdGNoZXMgPSByY3NzTnVtLmV4ZWMoIHZhbHVlICk7XG5cdHJldHVybiBtYXRjaGVzID9cblxuXHRcdC8vIEd1YXJkIGFnYWluc3QgdW5kZWZpbmVkIFwic3VidHJhY3RcIiwgZS5nLiwgd2hlbiB1c2VkIGFzIGluIGNzc0hvb2tzXG5cdFx0TWF0aC5tYXgoIDAsIG1hdGNoZXNbIDIgXSAtICggc3VidHJhY3QgfHwgMCApICkgKyAoIG1hdGNoZXNbIDMgXSB8fCBcInB4XCIgKSA6XG5cdFx0dmFsdWU7XG59XG5cbmZ1bmN0aW9uIGJveE1vZGVsQWRqdXN0bWVudCggZWxlbSwgZGltZW5zaW9uLCBib3gsIGlzQm9yZGVyQm94LCBzdHlsZXMsIGNvbXB1dGVkVmFsICkge1xuXHR2YXIgaSA9IGRpbWVuc2lvbiA9PT0gXCJ3aWR0aFwiID8gMSA6IDAsXG5cdFx0ZXh0cmEgPSAwLFxuXHRcdGRlbHRhID0gMCxcblx0XHRtYXJnaW5EZWx0YSA9IDA7XG5cblx0Ly8gQWRqdXN0bWVudCBtYXkgbm90IGJlIG5lY2Vzc2FyeVxuXHRpZiAoIGJveCA9PT0gKCBpc0JvcmRlckJveCA/IFwiYm9yZGVyXCIgOiBcImNvbnRlbnRcIiApICkge1xuXHRcdHJldHVybiAwO1xuXHR9XG5cblx0Zm9yICggOyBpIDwgNDsgaSArPSAyICkge1xuXG5cdFx0Ly8gQm90aCBib3ggbW9kZWxzIGV4Y2x1ZGUgbWFyZ2luXG5cdFx0Ly8gQ291bnQgbWFyZ2luIGRlbHRhIHNlcGFyYXRlbHkgdG8gb25seSBhZGQgaXQgYWZ0ZXIgc2Nyb2xsIGd1dHRlciBhZGp1c3RtZW50LlxuXHRcdC8vIFRoaXMgaXMgbmVlZGVkIHRvIG1ha2UgbmVnYXRpdmUgbWFyZ2lucyB3b3JrIHdpdGggYG91dGVySGVpZ2h0KCB0cnVlIClgIChnaC0zOTgyKS5cblx0XHRpZiAoIGJveCA9PT0gXCJtYXJnaW5cIiApIHtcblx0XHRcdG1hcmdpbkRlbHRhICs9IGpRdWVyeS5jc3MoIGVsZW0sIGJveCArIGNzc0V4cGFuZFsgaSBdLCB0cnVlLCBzdHlsZXMgKTtcblx0XHR9XG5cblx0XHQvLyBJZiB3ZSBnZXQgaGVyZSB3aXRoIGEgY29udGVudC1ib3gsIHdlJ3JlIHNlZWtpbmcgXCJwYWRkaW5nXCIgb3IgXCJib3JkZXJcIiBvciBcIm1hcmdpblwiXG5cdFx0aWYgKCAhaXNCb3JkZXJCb3ggKSB7XG5cblx0XHRcdC8vIEFkZCBwYWRkaW5nXG5cdFx0XHRkZWx0YSArPSBqUXVlcnkuY3NzKCBlbGVtLCBcInBhZGRpbmdcIiArIGNzc0V4cGFuZFsgaSBdLCB0cnVlLCBzdHlsZXMgKTtcblxuXHRcdFx0Ly8gRm9yIFwiYm9yZGVyXCIgb3IgXCJtYXJnaW5cIiwgYWRkIGJvcmRlclxuXHRcdFx0aWYgKCBib3ggIT09IFwicGFkZGluZ1wiICkge1xuXHRcdFx0XHRkZWx0YSArPSBqUXVlcnkuY3NzKCBlbGVtLCBcImJvcmRlclwiICsgY3NzRXhwYW5kWyBpIF0gKyBcIldpZHRoXCIsIHRydWUsIHN0eWxlcyApO1xuXG5cdFx0XHQvLyBCdXQgc3RpbGwga2VlcCB0cmFjayBvZiBpdCBvdGhlcndpc2Vcblx0XHRcdH0gZWxzZSB7XG5cdFx0XHRcdGV4dHJhICs9IGpRdWVyeS5jc3MoIGVsZW0sIFwiYm9yZGVyXCIgKyBjc3NFeHBhbmRbIGkgXSArIFwiV2lkdGhcIiwgdHJ1ZSwgc3R5bGVzICk7XG5cdFx0XHR9XG5cblx0XHQvLyBJZiB3ZSBnZXQgaGVyZSB3aXRoIGEgYm9yZGVyLWJveCAoY29udGVudCArIHBhZGRpbmcgKyBib3JkZXIpLCB3ZSdyZSBzZWVraW5nIFwiY29udGVudFwiIG9yXG5cdFx0Ly8gXCJwYWRkaW5nXCIgb3IgXCJtYXJnaW5cIlxuXHRcdH0gZWxzZSB7XG5cblx0XHRcdC8vIEZvciBcImNvbnRlbnRcIiwgc3VidHJhY3QgcGFkZGluZ1xuXHRcdFx0aWYgKCBib3ggPT09IFwiY29udGVudFwiICkge1xuXHRcdFx0XHRkZWx0YSAtPSBqUXVlcnkuY3NzKCBlbGVtLCBcInBhZGRpbmdcIiArIGNzc0V4cGFuZFsgaSBdLCB0cnVlLCBzdHlsZXMgKTtcblx0XHRcdH1cblxuXHRcdFx0Ly8gRm9yIFwiY29udGVudFwiIG9yIFwicGFkZGluZ1wiLCBzdWJ0cmFjdCBib3JkZXJcblx0XHRcdGlmICggYm94ICE9PSBcIm1hcmdpblwiICkge1xuXHRcdFx0XHRkZWx0YSAtPSBqUXVlcnkuY3NzKCBlbGVtLCBcImJvcmRlclwiICsgY3NzRXhwYW5kWyBpIF0gKyBcIldpZHRoXCIsIHRydWUsIHN0eWxlcyApO1xuXHRcdFx0fVxuXHRcdH1cblx0fVxuXG5cdC8vIEFjY291bnQgZm9yIHBvc2l0aXZlIGNvbnRlbnQtYm94IHNjcm9sbCBndXR0ZXIgd2hlbiByZXF1ZXN0ZWQgYnkgcHJvdmlkaW5nIGNvbXB1dGVkVmFsXG5cdGlmICggIWlzQm9yZGVyQm94ICYmIGNvbXB1dGVkVmFsID49IDAgKSB7XG5cblx0XHQvLyBvZmZzZXRXaWR0aC9vZmZzZXRIZWlnaHQgaXMgYSByb3VuZGVkIHN1bSBvZiBjb250ZW50LCBwYWRkaW5nLCBzY3JvbGwgZ3V0dGVyLCBhbmQgYm9yZGVyXG5cdFx0Ly8gQXNzdW1pbmcgaW50ZWdlciBzY3JvbGwgZ3V0dGVyLCBzdWJ0cmFjdCB0aGUgcmVzdCBhbmQgcm91bmQgZG93blxuXHRcdGRlbHRhICs9IE1hdGgubWF4KCAwLCBNYXRoLmNlaWwoXG5cdFx0XHRlbGVtWyBcIm9mZnNldFwiICsgZGltZW5zaW9uWyAwIF0udG9VcHBlckNhc2UoKSArIGRpbWVuc2lvbi5zbGljZSggMSApIF0gLVxuXHRcdFx0Y29tcHV0ZWRWYWwgLVxuXHRcdFx0ZGVsdGEgLVxuXHRcdFx0ZXh0cmEgLVxuXHRcdFx0MC41XG5cblx0XHQvLyBJZiBvZmZzZXRXaWR0aC9vZmZzZXRIZWlnaHQgaXMgdW5rbm93biwgdGhlbiB3ZSBjYW4ndCBkZXRlcm1pbmUgY29udGVudC1ib3ggc2Nyb2xsIGd1dHRlclxuXHRcdC8vIFVzZSBhbiBleHBsaWNpdCB6ZXJvIHRvIGF2b2lkIE5hTiAoZ2gtMzk2NClcblx0XHQpICkgfHwgMDtcblx0fVxuXG5cdHJldHVybiBkZWx0YSArIG1hcmdpbkRlbHRhO1xufVxuXG5mdW5jdGlvbiBnZXRXaWR0aE9ySGVpZ2h0KCBlbGVtLCBkaW1lbnNpb24sIGV4dHJhICkge1xuXG5cdC8vIFN0YXJ0IHdpdGggY29tcHV0ZWQgc3R5bGVcblx0dmFyIHN0eWxlcyA9IGdldFN0eWxlcyggZWxlbSApLFxuXG5cdFx0Ly8gVG8gYXZvaWQgZm9yY2luZyBhIHJlZmxvdywgb25seSBmZXRjaCBib3hTaXppbmcgaWYgd2UgbmVlZCBpdCAoZ2gtNDMyMikuXG5cdFx0Ly8gRmFrZSBjb250ZW50LWJveCB1bnRpbCB3ZSBrbm93IGl0J3MgbmVlZGVkIHRvIGtub3cgdGhlIHRydWUgdmFsdWUuXG5cdFx0Ym94U2l6aW5nTmVlZGVkID0gIXN1cHBvcnQuYm94U2l6aW5nUmVsaWFibGUoKSB8fCBleHRyYSxcblx0XHRpc0JvcmRlckJveCA9IGJveFNpemluZ05lZWRlZCAmJlxuXHRcdFx0alF1ZXJ5LmNzcyggZWxlbSwgXCJib3hTaXppbmdcIiwgZmFsc2UsIHN0eWxlcyApID09PSBcImJvcmRlci1ib3hcIixcblx0XHR2YWx1ZUlzQm9yZGVyQm94ID0gaXNCb3JkZXJCb3gsXG5cblx0XHR2YWwgPSBjdXJDU1MoIGVsZW0sIGRpbWVuc2lvbiwgc3R5bGVzICksXG5cdFx0b2Zmc2V0UHJvcCA9IFwib2Zmc2V0XCIgKyBkaW1lbnNpb25bIDAgXS50b1VwcGVyQ2FzZSgpICsgZGltZW5zaW9uLnNsaWNlKCAxICk7XG5cblx0Ly8gU3VwcG9ydDogRmlyZWZveCA8PTU0XG5cdC8vIFJldHVybiBhIGNvbmZvdW5kaW5nIG5vbi1waXhlbCB2YWx1ZSBvciBmZWlnbiBpZ25vcmFuY2UsIGFzIGFwcHJvcHJpYXRlLlxuXHRpZiAoIHJudW1ub25weC50ZXN0KCB2YWwgKSApIHtcblx0XHRpZiAoICFleHRyYSApIHtcblx0XHRcdHJldHVybiB2YWw7XG5cdFx0fVxuXHRcdHZhbCA9IFwiYXV0b1wiO1xuXHR9XG5cblxuXHQvLyBTdXBwb3J0OiBJRSA5IC0gMTEgb25seVxuXHQvLyBVc2Ugb2Zmc2V0V2lkdGgvb2Zmc2V0SGVpZ2h0IGZvciB3aGVuIGJveCBzaXppbmcgaXMgdW5yZWxpYWJsZS5cblx0Ly8gSW4gdGhvc2UgY2FzZXMsIHRoZSBjb21wdXRlZCB2YWx1ZSBjYW4gYmUgdHJ1c3RlZCB0byBiZSBib3JkZXItYm94LlxuXHRpZiAoICggIXN1cHBvcnQuYm94U2l6aW5nUmVsaWFibGUoKSAmJiBpc0JvcmRlckJveCB8fFxuXG5cdFx0Ly8gU3VwcG9ydDogSUUgMTAgLSAxMSssIEVkZ2UgMTUgLSAxOCtcblx0XHQvLyBJRS9FZGdlIG1pc3JlcG9ydCBgZ2V0Q29tcHV0ZWRTdHlsZWAgb2YgdGFibGUgcm93cyB3aXRoIHdpZHRoL2hlaWdodFxuXHRcdC8vIHNldCBpbiBDU1Mgd2hpbGUgYG9mZnNldCpgIHByb3BlcnRpZXMgcmVwb3J0IGNvcnJlY3QgdmFsdWVzLlxuXHRcdC8vIEludGVyZXN0aW5nbHksIGluIHNvbWUgY2FzZXMgSUUgOSBkb2Vzbid0IHN1ZmZlciBmcm9tIHRoaXMgaXNzdWUuXG5cdFx0IXN1cHBvcnQucmVsaWFibGVUckRpbWVuc2lvbnMoKSAmJiBub2RlTmFtZSggZWxlbSwgXCJ0clwiICkgfHxcblxuXHRcdC8vIEZhbGwgYmFjayB0byBvZmZzZXRXaWR0aC9vZmZzZXRIZWlnaHQgd2hlbiB2YWx1ZSBpcyBcImF1dG9cIlxuXHRcdC8vIFRoaXMgaGFwcGVucyBmb3IgaW5saW5lIGVsZW1lbnRzIHdpdGggbm8gZXhwbGljaXQgc2V0dGluZyAoZ2gtMzU3MSlcblx0XHR2YWwgPT09IFwiYXV0b1wiIHx8XG5cblx0XHQvLyBTdXBwb3J0OiBBbmRyb2lkIDw9NC4xIC0gNC4zIG9ubHlcblx0XHQvLyBBbHNvIHVzZSBvZmZzZXRXaWR0aC9vZmZzZXRIZWlnaHQgZm9yIG1pc3JlcG9ydGVkIGlubGluZSBkaW1lbnNpb25zIChnaC0zNjAyKVxuXHRcdCFwYXJzZUZsb2F0KCB2YWwgKSAmJiBqUXVlcnkuY3NzKCBlbGVtLCBcImRpc3BsYXlcIiwgZmFsc2UsIHN0eWxlcyApID09PSBcImlubGluZVwiICkgJiZcblxuXHRcdC8vIE1ha2Ugc3VyZSB0aGUgZWxlbWVudCBpcyB2aXNpYmxlICYgY29ubmVjdGVkXG5cdFx0ZWxlbS5nZXRDbGllbnRSZWN0cygpLmxlbmd0aCApIHtcblxuXHRcdGlzQm9yZGVyQm94ID0galF1ZXJ5LmNzcyggZWxlbSwgXCJib3hTaXppbmdcIiwgZmFsc2UsIHN0eWxlcyApID09PSBcImJvcmRlci1ib3hcIjtcblxuXHRcdC8vIFdoZXJlIGF2YWlsYWJsZSwgb2Zmc2V0V2lkdGgvb2Zmc2V0SGVpZ2h0IGFwcHJveGltYXRlIGJvcmRlciBib3ggZGltZW5zaW9ucy5cblx0XHQvLyBXaGVyZSBub3QgYXZhaWxhYmxlIChlLmcuLCBTVkcpLCBhc3N1bWUgdW5yZWxpYWJsZSBib3gtc2l6aW5nIGFuZCBpbnRlcnByZXQgdGhlXG5cdFx0Ly8gcmV0cmlldmVkIHZhbHVlIGFzIGEgY29udGVudCBib3ggZGltZW5zaW9uLlxuXHRcdHZhbHVlSXNCb3JkZXJCb3ggPSBvZmZzZXRQcm9wIGluIGVsZW07XG5cdFx0aWYgKCB2YWx1ZUlzQm9yZGVyQm94ICkge1xuXHRcdFx0dmFsID0gZWxlbVsgb2Zmc2V0UHJvcCBdO1xuXHRcdH1cblx0fVxuXG5cdC8vIE5vcm1hbGl6ZSBcIlwiIGFuZCBhdXRvXG5cdHZhbCA9IHBhcnNlRmxvYXQoIHZhbCApIHx8IDA7XG5cblx0Ly8gQWRqdXN0IGZvciB0aGUgZWxlbWVudCdzIGJveCBtb2RlbFxuXHRyZXR1cm4gKCB2YWwgK1xuXHRcdGJveE1vZGVsQWRqdXN0bWVudChcblx0XHRcdGVsZW0sXG5cdFx0XHRkaW1lbnNpb24sXG5cdFx0XHRleHRyYSB8fCAoIGlzQm9yZGVyQm94ID8gXCJib3JkZXJcIiA6IFwiY29udGVudFwiICksXG5cdFx0XHR2YWx1ZUlzQm9yZGVyQm94LFxuXHRcdFx0c3R5bGVzLFxuXG5cdFx0XHQvLyBQcm92aWRlIHRoZSBjdXJyZW50IGNvbXB1dGVkIHNpemUgdG8gcmVxdWVzdCBzY3JvbGwgZ3V0dGVyIGNhbGN1bGF0aW9uIChnaC0zNTg5KVxuXHRcdFx0dmFsXG5cdFx0KVxuXHQpICsgXCJweFwiO1xufVxuXG5qUXVlcnkuZXh0ZW5kKCB7XG5cblx0Ly8gQWRkIGluIHN0eWxlIHByb3BlcnR5IGhvb2tzIGZvciBvdmVycmlkaW5nIHRoZSBkZWZhdWx0XG5cdC8vIGJlaGF2aW9yIG9mIGdldHRpbmcgYW5kIHNldHRpbmcgYSBzdHlsZSBwcm9wZXJ0eVxuXHRjc3NIb29rczoge1xuXHRcdG9wYWNpdHk6IHtcblx0XHRcdGdldDogZnVuY3Rpb24oIGVsZW0sIGNvbXB1dGVkICkge1xuXHRcdFx0XHRpZiAoIGNvbXB1dGVkICkge1xuXG5cdFx0XHRcdFx0Ly8gV2Ugc2hvdWxkIGFsd2F5cyBnZXQgYSBudW1iZXIgYmFjayBmcm9tIG9wYWNpdHlcblx0XHRcdFx0XHR2YXIgcmV0ID0gY3VyQ1NTKCBlbGVtLCBcIm9wYWNpdHlcIiApO1xuXHRcdFx0XHRcdHJldHVybiByZXQgPT09IFwiXCIgPyBcIjFcIiA6IHJldDtcblx0XHRcdFx0fVxuXHRcdFx0fVxuXHRcdH1cblx0fSxcblxuXHQvLyBEb24ndCBhdXRvbWF0aWNhbGx5IGFkZCBcInB4XCIgdG8gdGhlc2UgcG9zc2libHktdW5pdGxlc3MgcHJvcGVydGllc1xuXHRjc3NOdW1iZXI6IHtcblx0XHRhbmltYXRpb25JdGVyYXRpb25Db3VudDogdHJ1ZSxcblx0XHRhc3BlY3RSYXRpbzogdHJ1ZSxcblx0XHRib3JkZXJJbWFnZVNsaWNlOiB0cnVlLFxuXHRcdGNvbHVtbkNvdW50OiB0cnVlLFxuXHRcdGZsZXhHcm93OiB0cnVlLFxuXHRcdGZsZXhTaHJpbms6IHRydWUsXG5cdFx0Zm9udFdlaWdodDogdHJ1ZSxcblx0XHRncmlkQXJlYTogdHJ1ZSxcblx0XHRncmlkQ29sdW1uOiB0cnVlLFxuXHRcdGdyaWRDb2x1bW5FbmQ6IHRydWUsXG5cdFx0Z3JpZENvbHVtblN0YXJ0OiB0cnVlLFxuXHRcdGdyaWRSb3c6IHRydWUsXG5cdFx0Z3JpZFJvd0VuZDogdHJ1ZSxcblx0XHRncmlkUm93U3RhcnQ6IHRydWUsXG5cdFx0bGluZUhlaWdodDogdHJ1ZSxcblx0XHRvcGFjaXR5OiB0cnVlLFxuXHRcdG9yZGVyOiB0cnVlLFxuXHRcdG9ycGhhbnM6IHRydWUsXG5cdFx0c2NhbGU6IHRydWUsXG5cdFx0d2lkb3dzOiB0cnVlLFxuXHRcdHpJbmRleDogdHJ1ZSxcblx0XHR6b29tOiB0cnVlLFxuXG5cdFx0Ly8gU1ZHLXJlbGF0ZWRcblx0XHRmaWxsT3BhY2l0eTogdHJ1ZSxcblx0XHRmbG9vZE9wYWNpdHk6IHRydWUsXG5cdFx0c3RvcE9wYWNpdHk6IHRydWUsXG5cdFx0c3Ryb2tlTWl0ZXJsaW1pdDogdHJ1ZSxcblx0XHRzdHJva2VPcGFjaXR5OiB0cnVlXG5cdH0sXG5cblx0Ly8gQWRkIGluIHByb3BlcnRpZXMgd2hvc2UgbmFtZXMgeW91IHdpc2ggdG8gZml4IGJlZm9yZVxuXHQvLyBzZXR0aW5nIG9yIGdldHRpbmcgdGhlIHZhbHVlXG5cdGNzc1Byb3BzOiB7fSxcblxuXHQvLyBHZXQgYW5kIHNldCB0aGUgc3R5bGUgcHJvcGVydHkgb24gYSBET00gTm9kZVxuXHRzdHlsZTogZnVuY3Rpb24oIGVsZW0sIG5hbWUsIHZhbHVlLCBleHRyYSApIHtcblxuXHRcdC8vIERvbid0IHNldCBzdHlsZXMgb24gdGV4dCBhbmQgY29tbWVudCBub2Rlc1xuXHRcdGlmICggIWVsZW0gfHwgZWxlbS5ub2RlVHlwZSA9PT0gMyB8fCBlbGVtLm5vZGVUeXBlID09PSA4IHx8ICFlbGVtLnN0eWxlICkge1xuXHRcdFx0cmV0dXJuO1xuXHRcdH1cblxuXHRcdC8vIE1ha2Ugc3VyZSB0aGF0IHdlJ3JlIHdvcmtpbmcgd2l0aCB0aGUgcmlnaHQgbmFtZVxuXHRcdHZhciByZXQsIHR5cGUsIGhvb2tzLFxuXHRcdFx0b3JpZ05hbWUgPSBjYW1lbENhc2UoIG5hbWUgKSxcblx0XHRcdGlzQ3VzdG9tUHJvcCA9IHJjdXN0b21Qcm9wLnRlc3QoIG5hbWUgKSxcblx0XHRcdHN0eWxlID0gZWxlbS5zdHlsZTtcblxuXHRcdC8vIE1ha2Ugc3VyZSB0aGF0IHdlJ3JlIHdvcmtpbmcgd2l0aCB0aGUgcmlnaHQgbmFtZS4gV2UgZG9uJ3Rcblx0XHQvLyB3YW50IHRvIHF1ZXJ5IHRoZSB2YWx1ZSBpZiBpdCBpcyBhIENTUyBjdXN0b20gcHJvcGVydHlcblx0XHQvLyBzaW5jZSB0aGV5IGFyZSB1c2VyLWRlZmluZWQuXG5cdFx0aWYgKCAhaXNDdXN0b21Qcm9wICkge1xuXHRcdFx0bmFtZSA9IGZpbmFsUHJvcE5hbWUoIG9yaWdOYW1lICk7XG5cdFx0fVxuXG5cdFx0Ly8gR2V0cyBob29rIGZvciB0aGUgcHJlZml4ZWQgdmVyc2lvbiwgdGhlbiB1bnByZWZpeGVkIHZlcnNpb25cblx0XHRob29rcyA9IGpRdWVyeS5jc3NIb29rc1sgbmFtZSBdIHx8IGpRdWVyeS5jc3NIb29rc1sgb3JpZ05hbWUgXTtcblxuXHRcdC8vIENoZWNrIGlmIHdlJ3JlIHNldHRpbmcgYSB2YWx1ZVxuXHRcdGlmICggdmFsdWUgIT09IHVuZGVmaW5lZCApIHtcblx0XHRcdHR5cGUgPSB0eXBlb2YgdmFsdWU7XG5cblx0XHRcdC8vIENvbnZlcnQgXCIrPVwiIG9yIFwiLT1cIiB0byByZWxhdGl2ZSBudW1iZXJzICh0cmFjLTczNDUpXG5cdFx0XHRpZiAoIHR5cGUgPT09IFwic3RyaW5nXCIgJiYgKCByZXQgPSByY3NzTnVtLmV4ZWMoIHZhbHVlICkgKSAmJiByZXRbIDEgXSApIHtcblx0XHRcdFx0dmFsdWUgPSBhZGp1c3RDU1MoIGVsZW0sIG5hbWUsIHJldCApO1xuXG5cdFx0XHRcdC8vIEZpeGVzIGJ1ZyB0cmFjLTkyMzdcblx0XHRcdFx0dHlwZSA9IFwibnVtYmVyXCI7XG5cdFx0XHR9XG5cblx0XHRcdC8vIE1ha2Ugc3VyZSB0aGF0IG51bGwgYW5kIE5hTiB2YWx1ZXMgYXJlbid0IHNldCAodHJhYy03MTE2KVxuXHRcdFx0aWYgKCB2YWx1ZSA9PSBudWxsIHx8IHZhbHVlICE9PSB2YWx1ZSApIHtcblx0XHRcdFx0cmV0dXJuO1xuXHRcdFx0fVxuXG5cdFx0XHQvLyBJZiBhIG51bWJlciB3YXMgcGFzc2VkIGluLCBhZGQgdGhlIHVuaXQgKGV4Y2VwdCBmb3IgY2VydGFpbiBDU1MgcHJvcGVydGllcylcblx0XHRcdC8vIFRoZSBpc0N1c3RvbVByb3AgY2hlY2sgY2FuIGJlIHJlbW92ZWQgaW4galF1ZXJ5IDQuMCB3aGVuIHdlIG9ubHkgYXV0by1hcHBlbmRcblx0XHRcdC8vIFwicHhcIiB0byBhIGZldyBoYXJkY29kZWQgdmFsdWVzLlxuXHRcdFx0aWYgKCB0eXBlID09PSBcIm51bWJlclwiICYmICFpc0N1c3RvbVByb3AgKSB7XG5cdFx0XHRcdHZhbHVlICs9IHJldCAmJiByZXRbIDMgXSB8fCAoIGpRdWVyeS5jc3NOdW1iZXJbIG9yaWdOYW1lIF0gPyBcIlwiIDogXCJweFwiICk7XG5cdFx0XHR9XG5cblx0XHRcdC8vIGJhY2tncm91bmQtKiBwcm9wcyBhZmZlY3Qgb3JpZ2luYWwgY2xvbmUncyB2YWx1ZXNcblx0XHRcdGlmICggIXN1cHBvcnQuY2xlYXJDbG9uZVN0eWxlICYmIHZhbHVlID09PSBcIlwiICYmIG5hbWUuaW5kZXhPZiggXCJiYWNrZ3JvdW5kXCIgKSA9PT0gMCApIHtcblx0XHRcdFx0c3R5bGVbIG5hbWUgXSA9IFwiaW5oZXJpdFwiO1xuXHRcdFx0fVxuXG5cdFx0XHQvLyBJZiBhIGhvb2sgd2FzIHByb3ZpZGVkLCB1c2UgdGhhdCB2YWx1ZSwgb3RoZXJ3aXNlIGp1c3Qgc2V0IHRoZSBzcGVjaWZpZWQgdmFsdWVcblx0XHRcdGlmICggIWhvb2tzIHx8ICEoIFwic2V0XCIgaW4gaG9va3MgKSB8fFxuXHRcdFx0XHQoIHZhbHVlID0gaG9va3Muc2V0KCBlbGVtLCB2YWx1ZSwgZXh0cmEgKSApICE9PSB1bmRlZmluZWQgKSB7XG5cblx0XHRcdFx0aWYgKCBpc0N1c3RvbVByb3AgKSB7XG5cdFx0XHRcdFx0c3R5bGUuc2V0UHJvcGVydHkoIG5hbWUsIHZhbHVlICk7XG5cdFx0XHRcdH0gZWxzZSB7XG5cdFx0XHRcdFx0c3R5bGVbIG5hbWUgXSA9IHZhbHVlO1xuXHRcdFx0XHR9XG5cdFx0XHR9XG5cblx0XHR9IGVsc2Uge1xuXG5cdFx0XHQvLyBJZiBhIGhvb2sgd2FzIHByb3ZpZGVkIGdldCB0aGUgbm9uLWNvbXB1dGVkIHZhbHVlIGZyb20gdGhlcmVcblx0XHRcdGlmICggaG9va3MgJiYgXCJnZXRcIiBpbiBob29rcyAmJlxuXHRcdFx0XHQoIHJldCA9IGhvb2tzLmdldCggZWxlbSwgZmFsc2UsIGV4dHJhICkgKSAhPT0gdW5kZWZpbmVkICkge1xuXG5cdFx0XHRcdHJldHVybiByZXQ7XG5cdFx0XHR9XG5cblx0XHRcdC8vIE90aGVyd2lzZSBqdXN0IGdldCB0aGUgdmFsdWUgZnJvbSB0aGUgc3R5bGUgb2JqZWN0XG5cdFx0XHRyZXR1cm4gc3R5bGVbIG5hbWUgXTtcblx0XHR9XG5cdH0sXG5cblx0Y3NzOiBmdW5jdGlvbiggZWxlbSwgbmFtZSwgZXh0cmEsIHN0eWxlcyApIHtcblx0XHR2YXIgdmFsLCBudW0sIGhvb2tzLFxuXHRcdFx0b3JpZ05hbWUgPSBjYW1lbENhc2UoIG5hbWUgKSxcblx0XHRcdGlzQ3VzdG9tUHJvcCA9IHJjdXN0b21Qcm9wLnRlc3QoIG5hbWUgKTtcblxuXHRcdC8vIE1ha2Ugc3VyZSB0aGF0IHdlJ3JlIHdvcmtpbmcgd2l0aCB0aGUgcmlnaHQgbmFtZS4gV2UgZG9uJ3Rcblx0XHQvLyB3YW50IHRvIG1vZGlmeSB0aGUgdmFsdWUgaWYgaXQgaXMgYSBDU1MgY3VzdG9tIHByb3BlcnR5XG5cdFx0Ly8gc2luY2UgdGhleSBhcmUgdXNlci1kZWZpbmVkLlxuXHRcdGlmICggIWlzQ3VzdG9tUHJvcCApIHtcblx0XHRcdG5hbWUgPSBmaW5hbFByb3BOYW1lKCBvcmlnTmFtZSApO1xuXHRcdH1cblxuXHRcdC8vIFRyeSBwcmVmaXhlZCBuYW1lIGZvbGxvd2VkIGJ5IHRoZSB1bnByZWZpeGVkIG5hbWVcblx0XHRob29rcyA9IGpRdWVyeS5jc3NIb29rc1sgbmFtZSBdIHx8IGpRdWVyeS5jc3NIb29rc1sgb3JpZ05hbWUgXTtcblxuXHRcdC8vIElmIGEgaG9vayB3YXMgcHJvdmlkZWQgZ2V0IHRoZSBjb21wdXRlZCB2YWx1ZSBmcm9tIHRoZXJlXG5cdFx0aWYgKCBob29rcyAmJiBcImdldFwiIGluIGhvb2tzICkge1xuXHRcdFx0dmFsID0gaG9va3MuZ2V0KCBlbGVtLCB0cnVlLCBleHRyYSApO1xuXHRcdH1cblxuXHRcdC8vIE90aGVyd2lzZSwgaWYgYSB3YXkgdG8gZ2V0IHRoZSBjb21wdXRlZCB2YWx1ZSBleGlzdHMsIHVzZSB0aGF0XG5cdFx0aWYgKCB2YWwgPT09IHVuZGVmaW5lZCApIHtcblx0XHRcdHZhbCA9IGN1ckNTUyggZWxlbSwgbmFtZSwgc3R5bGVzICk7XG5cdFx0fVxuXG5cdFx0Ly8gQ29udmVydCBcIm5vcm1hbFwiIHRvIGNvbXB1dGVkIHZhbHVlXG5cdFx0aWYgKCB2YWwgPT09IFwibm9ybWFsXCIgJiYgbmFtZSBpbiBjc3NOb3JtYWxUcmFuc2Zvcm0gKSB7XG5cdFx0XHR2YWwgPSBjc3NOb3JtYWxUcmFuc2Zvcm1bIG5hbWUgXTtcblx0XHR9XG5cblx0XHQvLyBNYWtlIG51bWVyaWMgaWYgZm9yY2VkIG9yIGEgcXVhbGlmaWVyIHdhcyBwcm92aWRlZCBhbmQgdmFsIGxvb2tzIG51bWVyaWNcblx0XHRpZiAoIGV4dHJhID09PSBcIlwiIHx8IGV4dHJhICkge1xuXHRcdFx0bnVtID0gcGFyc2VGbG9hdCggdmFsICk7XG5cdFx0XHRyZXR1cm4gZXh0cmEgPT09IHRydWUgfHwgaXNGaW5pdGUoIG51bSApID8gbnVtIHx8IDAgOiB2YWw7XG5cdFx0fVxuXG5cdFx0cmV0dXJuIHZhbDtcblx0fVxufSApO1xuXG5qUXVlcnkuZWFjaCggWyBcImhlaWdodFwiLCBcIndpZHRoXCIgXSwgZnVuY3Rpb24oIF9pLCBkaW1lbnNpb24gKSB7XG5cdGpRdWVyeS5jc3NIb29rc1sgZGltZW5zaW9uIF0gPSB7XG5cdFx0Z2V0OiBmdW5jdGlvbiggZWxlbSwgY29tcHV0ZWQsIGV4dHJhICkge1xuXHRcdFx0aWYgKCBjb21wdXRlZCApIHtcblxuXHRcdFx0XHQvLyBDZXJ0YWluIGVsZW1lbnRzIGNhbiBoYXZlIGRpbWVuc2lvbiBpbmZvIGlmIHdlIGludmlzaWJseSBzaG93IHRoZW1cblx0XHRcdFx0Ly8gYnV0IGl0IG11c3QgaGF2ZSBhIGN1cnJlbnQgZGlzcGxheSBzdHlsZSB0aGF0IHdvdWxkIGJlbmVmaXRcblx0XHRcdFx0cmV0dXJuIHJkaXNwbGF5c3dhcC50ZXN0KCBqUXVlcnkuY3NzKCBlbGVtLCBcImRpc3BsYXlcIiApICkgJiZcblxuXHRcdFx0XHRcdC8vIFN1cHBvcnQ6IFNhZmFyaSA4K1xuXHRcdFx0XHRcdC8vIFRhYmxlIGNvbHVtbnMgaW4gU2FmYXJpIGhhdmUgbm9uLXplcm8gb2Zmc2V0V2lkdGggJiB6ZXJvXG5cdFx0XHRcdFx0Ly8gZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGggdW5sZXNzIGRpc3BsYXkgaXMgY2hhbmdlZC5cblx0XHRcdFx0XHQvLyBTdXBwb3J0OiBJRSA8PTExIG9ubHlcblx0XHRcdFx0XHQvLyBSdW5uaW5nIGdldEJvdW5kaW5nQ2xpZW50UmVjdCBvbiBhIGRpc2Nvbm5lY3RlZCBub2RlXG5cdFx0XHRcdFx0Ly8gaW4gSUUgdGhyb3dzIGFuIGVycm9yLlxuXHRcdFx0XHRcdCggIWVsZW0uZ2V0Q2xpZW50UmVjdHMoKS5sZW5ndGggfHwgIWVsZW0uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGggKSA/XG5cdFx0XHRcdFx0c3dhcCggZWxlbSwgY3NzU2hvdywgZnVuY3Rpb24oKSB7XG5cdFx0XHRcdFx0XHRyZXR1cm4gZ2V0V2lkdGhPckhlaWdodCggZWxlbSwgZGltZW5zaW9uLCBleHRyYSApO1xuXHRcdFx0XHRcdH0gKSA6XG5cdFx0XHRcdFx0Z2V0V2lkdGhPckhlaWdodCggZWxlbSwgZGltZW5zaW9uLCBleHRyYSApO1xuXHRcdFx0fVxuXHRcdH0sXG5cblx0XHRzZXQ6IGZ1bmN0aW9uKCBlbGVtLCB2YWx1ZSwgZXh0cmEgKSB7XG5cdFx0XHR2YXIgbWF0Y2hlcyxcblx0XHRcdFx0c3R5bGVzID0gZ2V0U3R5bGVzKCBlbGVtICksXG5cblx0XHRcdFx0Ly8gT25seSByZWFkIHN0eWxlcy5wb3NpdGlvbiBpZiB0aGUgdGVzdCBoYXMgYSBjaGFuY2UgdG8gZmFpbFxuXHRcdFx0XHQvLyB0byBhdm9pZCBmb3JjaW5nIGEgcmVmbG93LlxuXHRcdFx0XHRzY3JvbGxib3hTaXplQnVnZ3kgPSAhc3VwcG9ydC5zY3JvbGxib3hTaXplKCkgJiZcblx0XHRcdFx0XHRzdHlsZXMucG9zaXRpb24gPT09IFwiYWJzb2x1dGVcIixcblxuXHRcdFx0XHQvLyBUbyBhdm9pZCBmb3JjaW5nIGEgcmVmbG93LCBvbmx5IGZldGNoIGJveFNpemluZyBpZiB3ZSBuZWVkIGl0IChnaC0zOTkxKVxuXHRcdFx0XHRib3hTaXppbmdOZWVkZWQgPSBzY3JvbGxib3hTaXplQnVnZ3kgfHwgZXh0cmEsXG5cdFx0XHRcdGlzQm9yZGVyQm94ID0gYm94U2l6aW5nTmVlZGVkICYmXG5cdFx0XHRcdFx0alF1ZXJ5LmNzcyggZWxlbSwgXCJib3hTaXppbmdcIiwgZmFsc2UsIHN0eWxlcyApID09PSBcImJvcmRlci1ib3hcIixcblx0XHRcdFx0c3VidHJhY3QgPSBleHRyYSA/XG5cdFx0XHRcdFx0Ym94TW9kZWxBZGp1c3RtZW50KFxuXHRcdFx0XHRcdFx0ZWxlbSxcblx0XHRcdFx0XHRcdGRpbWVuc2lvbixcblx0XHRcdFx0XHRcdGV4dHJhLFxuXHRcdFx0XHRcdFx0aXNCb3JkZXJCb3gsXG5cdFx0XHRcdFx0XHRzdHlsZXNcblx0XHRcdFx0XHQpIDpcblx0XHRcdFx0XHQwO1xuXG5cdFx0XHQvLyBBY2NvdW50IGZvciB1bnJlbGlhYmxlIGJvcmRlci1ib3ggZGltZW5zaW9ucyBieSBjb21wYXJpbmcgb2Zmc2V0KiB0byBjb21wdXRlZCBhbmRcblx0XHRcdC8vIGZha2luZyBhIGNvbnRlbnQtYm94IHRvIGdldCBib3JkZXIgYW5kIHBhZGRpbmcgKGdoLTM2OTkpXG5cdFx0XHRpZiAoIGlzQm9yZGVyQm94ICYmIHNjcm9sbGJveFNpemVCdWdneSApIHtcblx0XHRcdFx0c3VidHJhY3QgLT0gTWF0aC5jZWlsKFxuXHRcdFx0XHRcdGVsZW1bIFwib2Zmc2V0XCIgKyBkaW1lbnNpb25bIDAgXS50b1VwcGVyQ2FzZSgpICsgZGltZW5zaW9uLnNsaWNlKCAxICkgXSAtXG5cdFx0XHRcdFx0cGFyc2VGbG9hdCggc3R5bGVzWyBkaW1lbnNpb24gXSApIC1cblx0XHRcdFx0XHRib3hNb2RlbEFkanVzdG1lbnQoIGVsZW0sIGRpbWVuc2lvbiwgXCJib3JkZXJcIiwgZmFsc2UsIHN0eWxlcyApIC1cblx0XHRcdFx0XHQwLjVcblx0XHRcdFx0KTtcblx0XHRcdH1cblxuXHRcdFx0Ly8gQ29udmVydCB0byBwaXhlbHMgaWYgdmFsdWUgYWRqdXN0bWVudCBpcyBuZWVkZWRcblx0XHRcdGlmICggc3VidHJhY3QgJiYgKCBtYXRjaGVzID0gcmNzc051bS5leGVjKCB2YWx1ZSApICkgJiZcblx0XHRcdFx0KCBtYXRjaGVzWyAzIF0gfHwgXCJweFwiICkgIT09IFwicHhcIiApIHtcblxuXHRcdFx0XHRlbGVtLnN0eWxlWyBkaW1lbnNpb24gXSA9IHZhbHVlO1xuXHRcdFx0XHR2YWx1ZSA9IGpRdWVyeS5jc3MoIGVsZW0sIGRpbWVuc2lvbiApO1xuXHRcdFx0fVxuXG5cdFx0XHRyZXR1cm4gc2V0UG9zaXRpdmVOdW1iZXIoIGVsZW0sIHZhbHVlLCBzdWJ0cmFjdCApO1xuXHRcdH1cblx0fTtcbn0gKTtcblxualF1ZXJ5LmNzc0hvb2tzLm1hcmdpbkxlZnQgPSBhZGRHZXRIb29rSWYoIHN1cHBvcnQucmVsaWFibGVNYXJnaW5MZWZ0LFxuXHRmdW5jdGlvbiggZWxlbSwgY29tcHV0ZWQgKSB7XG5cdFx0aWYgKCBjb21wdXRlZCApIHtcblx0XHRcdHJldHVybiAoIHBhcnNlRmxvYXQoIGN1ckNTUyggZWxlbSwgXCJtYXJnaW5MZWZ0XCIgKSApIHx8XG5cdFx0XHRcdGVsZW0uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkubGVmdCAtXG5cdFx0XHRcdFx0c3dhcCggZWxlbSwgeyBtYXJnaW5MZWZ0OiAwIH0sIGZ1bmN0aW9uKCkge1xuXHRcdFx0XHRcdFx0cmV0dXJuIGVsZW0uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkubGVmdDtcblx0XHRcdFx0XHR9IClcblx0XHRcdCkgKyBcInB4XCI7XG5cdFx0fVxuXHR9XG4pO1xuXG4vLyBUaGVzZSBob29rcyBhcmUgdXNlZCBieSBhbmltYXRlIHRvIGV4cGFuZCBwcm9wZXJ0aWVzXG5qUXVlcnkuZWFjaCgge1xuXHRtYXJnaW46IFwiXCIsXG5cdHBhZGRpbmc6IFwiXCIsXG5cdGJvcmRlcjogXCJXaWR0aFwiXG59LCBmdW5jdGlvbiggcHJlZml4LCBzdWZmaXggKSB7XG5cdGpRdWVyeS5jc3NIb29rc1sgcHJlZml4ICsgc3VmZml4IF0gPSB7XG5cdFx0ZXhwYW5kOiBmdW5jdGlvbiggdmFsdWUgKSB7XG5cdFx0XHR2YXIgaSA9IDAsXG5cdFx0XHRcdGV4cGFuZGVkID0ge30sXG5cblx0XHRcdFx0Ly8gQXNzdW1lcyBhIHNpbmdsZSBudW1iZXIgaWYgbm90IGEgc3RyaW5nXG5cdFx0XHRcdHBhcnRzID0gdHlwZW9mIHZhbHVlID09PSBcInN0cmluZ1wiID8gdmFsdWUuc3BsaXQoIFwiIFwiICkgOiBbIHZhbHVlIF07XG5cblx0XHRcdGZvciAoIDsgaSA8IDQ7IGkrKyApIHtcblx0XHRcdFx0ZXhwYW5kZWRbIHByZWZpeCArIGNzc0V4cGFuZFsgaSBdICsgc3VmZml4IF0gPVxuXHRcdFx0XHRcdHBhcnRzWyBpIF0gfHwgcGFydHNbIGkgLSAyIF0gfHwgcGFydHNbIDAgXTtcblx0XHRcdH1cblxuXHRcdFx0cmV0dXJuIGV4cGFuZGVkO1xuXHRcdH1cblx0fTtcblxuXHRpZiAoIHByZWZpeCAhPT0gXCJtYXJnaW5cIiApIHtcblx0XHRqUXVlcnkuY3NzSG9va3NbIHByZWZpeCArIHN1ZmZpeCBdLnNldCA9IHNldFBvc2l0aXZlTnVtYmVyO1xuXHR9XG59ICk7XG5cbmpRdWVyeS5mbi5leHRlbmQoIHtcblx0Y3NzOiBmdW5jdGlvbiggbmFtZSwgdmFsdWUgKSB7XG5cdFx0cmV0dXJuIGFjY2VzcyggdGhpcywgZnVuY3Rpb24oIGVsZW0sIG5hbWUsIHZhbHVlICkge1xuXHRcdFx0dmFyIHN0eWxlcywgbGVuLFxuXHRcdFx0XHRtYXAgPSB7fSxcblx0XHRcdFx0aSA9IDA7XG5cblx0XHRcdGlmICggQXJyYXkuaXNBcnJheSggbmFtZSApICkge1xuXHRcdFx0XHRzdHlsZXMgPSBnZXRTdHlsZXMoIGVsZW0gKTtcblx0XHRcdFx0bGVuID0gbmFtZS5sZW5ndGg7XG5cblx0XHRcdFx0Zm9yICggOyBpIDwgbGVuOyBpKysgKSB7XG5cdFx0XHRcdFx0bWFwWyBuYW1lWyBpIF0gXSA9IGpRdWVyeS5jc3MoIGVsZW0sIG5hbWVbIGkgXSwgZmFsc2UsIHN0eWxlcyApO1xuXHRcdFx0XHR9XG5cblx0XHRcdFx0cmV0dXJuIG1hcDtcblx0XHRcdH1cblxuXHRcdFx0cmV0dXJuIHZhbHVlICE9PSB1bmRlZmluZWQgP1xuXHRcdFx0XHRqUXVlcnkuc3R5bGUoIGVsZW0sIG5hbWUsIHZhbHVlICkgOlxuXHRcdFx0XHRqUXVlcnkuY3NzKCBlbGVtLCBuYW1lICk7XG5cdFx0fSwgbmFtZSwgdmFsdWUsIGFyZ3VtZW50cy5sZW5ndGggPiAxICk7XG5cdH1cbn0gKTtcblxuXG5mdW5jdGlvbiBUd2VlbiggZWxlbSwgb3B0aW9ucywgcHJvcCwgZW5kLCBlYXNpbmcgKSB7XG5cdHJldHVybiBuZXcgVHdlZW4ucHJvdG90eXBlLmluaXQoIGVsZW0sIG9wdGlvbnMsIHByb3AsIGVuZCwgZWFzaW5nICk7XG59XG5qUXVlcnkuVHdlZW4gPSBUd2VlbjtcblxuVHdlZW4ucHJvdG90eXBlID0ge1xuXHRjb25zdHJ1Y3RvcjogVHdlZW4sXG5cdGluaXQ6IGZ1bmN0aW9uKCBlbGVtLCBvcHRpb25zLCBwcm9wLCBlbmQsIGVhc2luZywgdW5pdCApIHtcblx0XHR0aGlzLmVsZW0gPSBlbGVtO1xuXHRcdHRoaXMucHJvcCA9IHByb3A7XG5cdFx0dGhpcy5lYXNpbmcgPSBlYXNpbmcgfHwgalF1ZXJ5LmVhc2luZy5fZGVmYXVsdDtcblx0XHR0aGlzLm9wdGlvbnMgPSBvcHRpb25zO1xuXHRcdHRoaXMuc3RhcnQgPSB0aGlzLm5vdyA9IHRoaXMuY3VyKCk7XG5cdFx0dGhpcy5lbmQgPSBlbmQ7XG5cdFx0dGhpcy51bml0ID0gdW5pdCB8fCAoIGpRdWVyeS5jc3NOdW1iZXJbIHByb3AgXSA/IFwiXCIgOiBcInB4XCIgKTtcblx0fSxcblx0Y3VyOiBmdW5jdGlvbigpIHtcblx0XHR2YXIgaG9va3MgPSBUd2Vlbi5wcm9wSG9va3NbIHRoaXMucHJvcCBdO1xuXG5cdFx0cmV0dXJuIGhvb2tzICYmIGhvb2tzLmdldCA/XG5cdFx0XHRob29rcy5nZXQoIHRoaXMgKSA6XG5cdFx0XHRUd2Vlbi5wcm9wSG9va3MuX2RlZmF1bHQuZ2V0KCB0aGlzICk7XG5cdH0sXG5cdHJ1bjogZnVuY3Rpb24oIHBlcmNlbnQgKSB7XG5cdFx0dmFyIGVhc2VkLFxuXHRcdFx0aG9va3MgPSBUd2Vlbi5wcm9wSG9va3NbIHRoaXMucHJvcCBdO1xuXG5cdFx0aWYgKCB0aGlzLm9wdGlvbnMuZHVyYXRpb24gKSB7XG5cdFx0XHR0aGlzLnBvcyA9IGVhc2VkID0galF1ZXJ5LmVhc2luZ1sgdGhpcy5lYXNpbmcgXShcblx0XHRcdFx0cGVyY2VudCwgdGhpcy5vcHRpb25zLmR1cmF0aW9uICogcGVyY2VudCwgMCwgMSwgdGhpcy5vcHRpb25zLmR1cmF0aW9uXG5cdFx0XHQpO1xuXHRcdH0gZWxzZSB7XG5cdFx0XHR0aGlzLnBvcyA9IGVhc2VkID0gcGVyY2VudDtcblx0XHR9XG5cdFx0dGhpcy5ub3cgPSAoIHRoaXMuZW5kIC0gdGhpcy5zdGFydCApICogZWFzZWQgKyB0aGlzLnN0YXJ0O1xuXG5cdFx0aWYgKCB0aGlzLm9wdGlvbnMuc3RlcCApIHtcblx0XHRcdHRoaXMub3B0aW9ucy5zdGVwLmNhbGwoIHRoaXMuZWxlbSwgdGhpcy5ub3csIHRoaXMgKTtcblx0XHR9XG5cblx0XHRpZiAoIGhvb2tzICYmIGhvb2tzLnNldCApIHtcblx0XHRcdGhvb2tzLnNldCggdGhpcyApO1xuXHRcdH0gZWxzZSB7XG5cdFx0XHRUd2Vlbi5wcm9wSG9va3MuX2RlZmF1bHQuc2V0KCB0aGlzICk7XG5cdFx0fVxuXHRcdHJldHVybiB0aGlzO1xuXHR9XG59O1xuXG5Ud2Vlbi5wcm90b3R5cGUuaW5pdC5wcm90b3R5cGUgPSBUd2Vlbi5wcm90b3R5cGU7XG5cblR3ZWVuLnByb3BIb29rcyA9IHtcblx0X2RlZmF1bHQ6IHtcblx0XHRnZXQ6IGZ1bmN0aW9uKCB0d2VlbiApIHtcblx0XHRcdHZhciByZXN1bHQ7XG5cblx0XHRcdC8vIFVzZSBhIHByb3BlcnR5IG9uIHRoZSBlbGVtZW50IGRpcmVjdGx5IHdoZW4gaXQgaXMgbm90IGEgRE9NIGVsZW1lbnQsXG5cdFx0XHQvLyBvciB3aGVuIHRoZXJlIGlzIG5vIG1hdGNoaW5nIHN0eWxlIHByb3BlcnR5IHRoYXQgZXhpc3RzLlxuXHRcdFx0aWYgKCB0d2Vlbi5lbGVtLm5vZGVUeXBlICE9PSAxIHx8XG5cdFx0XHRcdHR3ZWVuLmVsZW1bIHR3ZWVuLnByb3AgXSAhPSBudWxsICYmIHR3ZWVuLmVsZW0uc3R5bGVbIHR3ZWVuLnByb3AgXSA9PSBudWxsICkge1xuXHRcdFx0XHRyZXR1cm4gdHdlZW4uZWxlbVsgdHdlZW4ucHJvcCBdO1xuXHRcdFx0fVxuXG5cdFx0XHQvLyBQYXNzaW5nIGFuIGVtcHR5IHN0cmluZyBhcyBhIDNyZCBwYXJhbWV0ZXIgdG8gLmNzcyB3aWxsIGF1dG9tYXRpY2FsbHlcblx0XHRcdC8vIGF0dGVtcHQgYSBwYXJzZUZsb2F0IGFuZCBmYWxsYmFjayB0byBhIHN0cmluZyBpZiB0aGUgcGFyc2UgZmFpbHMuXG5cdFx0XHQvLyBTaW1wbGUgdmFsdWVzIHN1Y2ggYXMgXCIxMHB4XCIgYXJlIHBhcnNlZCB0byBGbG9hdDtcblx0XHRcdC8vIGNvbXBsZXggdmFsdWVzIHN1Y2ggYXMgXCJyb3RhdGUoMXJhZClcIiBhcmUgcmV0dXJuZWQgYXMtaXMuXG5cdFx0XHRyZXN1bHQgPSBqUXVlcnkuY3NzKCB0d2Vlbi5lbGVtLCB0d2Vlbi5wcm9wLCBcIlwiICk7XG5cblx0XHRcdC8vIEVtcHR5IHN0cmluZ3MsIG51bGwsIHVuZGVmaW5lZCBhbmQgXCJhdXRvXCIgYXJlIGNvbnZlcnRlZCB0byAwLlxuXHRcdFx0cmV0dXJuICFyZXN1bHQgfHwgcmVzdWx0ID09PSBcImF1dG9cIiA/IDAgOiByZXN1bHQ7XG5cdFx0fSxcblx0XHRzZXQ6IGZ1bmN0aW9uKCB0d2VlbiApIHtcblxuXHRcdFx0Ly8gVXNlIHN0ZXAgaG9vayBmb3IgYmFjayBjb21wYXQuXG5cdFx0XHQvLyBVc2UgY3NzSG9vayBpZiBpdHMgdGhlcmUuXG5cdFx0XHQvLyBVc2UgLnN0eWxlIGlmIGF2YWlsYWJsZSBhbmQgdXNlIHBsYWluIHByb3BlcnRpZXMgd2hlcmUgYXZhaWxhYmxlLlxuXHRcdFx0aWYgKCBqUXVlcnkuZnguc3RlcFsgdHdlZW4ucHJvcCBdICkge1xuXHRcdFx0XHRqUXVlcnkuZnguc3RlcFsgdHdlZW4ucHJvcCBdKCB0d2VlbiApO1xuXHRcdFx0fSBlbHNlIGlmICggdHdlZW4uZWxlbS5ub2RlVHlwZSA9PT0gMSAmJiAoXG5cdFx0XHRcdGpRdWVyeS5jc3NIb29rc1sgdHdlZW4ucHJvcCBdIHx8XG5cdFx0XHRcdFx0dHdlZW4uZWxlbS5zdHlsZVsgZmluYWxQcm9wTmFtZSggdHdlZW4ucHJvcCApIF0gIT0gbnVsbCApICkge1xuXHRcdFx0XHRqUXVlcnkuc3R5bGUoIHR3ZWVuLmVsZW0sIHR3ZWVuLnByb3AsIHR3ZWVuLm5vdyArIHR3ZWVuLnVuaXQgKTtcblx0XHRcdH0gZWxzZSB7XG5cdFx0XHRcdHR3ZWVuLmVsZW1bIHR3ZWVuLnByb3AgXSA9IHR3ZWVuLm5vdztcblx0XHRcdH1cblx0XHR9XG5cdH1cbn07XG5cbi8vIFN1cHBvcnQ6IElFIDw9OSBvbmx5XG4vLyBQYW5pYyBiYXNlZCBhcHByb2FjaCB0byBzZXR0aW5nIHRoaW5ncyBvbiBkaXNjb25uZWN0ZWQgbm9kZXNcblR3ZWVuLnByb3BIb29rcy5zY3JvbGxUb3AgPSBUd2Vlbi5wcm9wSG9va3Muc2Nyb2xsTGVmdCA9IHtcblx0c2V0OiBmdW5jdGlvbiggdHdlZW4gKSB7XG5cdFx0aWYgKCB0d2Vlbi5lbGVtLm5vZGVUeXBlICYmIHR3ZWVuLmVsZW0ucGFyZW50Tm9kZSApIHtcblx0XHRcdHR3ZWVuLmVsZW1bIHR3ZWVuLnByb3AgXSA9IHR3ZWVuLm5vdztcblx0XHR9XG5cdH1cbn07XG5cbmpRdWVyeS5lYXNpbmcgPSB7XG5cdGxpbmVhcjogZnVuY3Rpb24oIHAgKSB7XG5cdFx0cmV0dXJuIHA7XG5cdH0sXG5cdHN3aW5nOiBmdW5jdGlvbiggcCApIHtcblx0XHRyZXR1cm4gMC41IC0gTWF0aC5jb3MoIHAgKiBNYXRoLlBJICkgLyAyO1xuXHR9LFxuXHRfZGVmYXVsdDogXCJzd2luZ1wiXG59O1xuXG5qUXVlcnkuZnggPSBUd2Vlbi5wcm90b3R5cGUuaW5pdDtcblxuLy8gQmFjayBjb21wYXQgPDEuOCBleHRlbnNpb24gcG9pbnRcbmpRdWVyeS5meC5zdGVwID0ge307XG5cblxuXG5cbnZhclxuXHRmeE5vdywgaW5Qcm9ncmVzcyxcblx0cmZ4dHlwZXMgPSAvXig/OnRvZ2dsZXxzaG93fGhpZGUpJC8sXG5cdHJydW4gPSAvcXVldWVIb29rcyQvO1xuXG5mdW5jdGlvbiBzY2hlZHVsZSgpIHtcblx0aWYgKCBpblByb2dyZXNzICkge1xuXHRcdGlmICggZG9jdW1lbnQuaGlkZGVuID09PSBmYWxzZSAmJiB3aW5kb3cucmVxdWVzdEFuaW1hdGlvbkZyYW1lICkge1xuXHRcdFx0d2luZG93LnJlcXVlc3RBbmltYXRpb25GcmFtZSggc2NoZWR1bGUgKTtcblx0XHR9IGVsc2Uge1xuXHRcdFx0d2luZG93LnNldFRpbWVvdXQoIHNjaGVkdWxlLCBqUXVlcnkuZnguaW50ZXJ2YWwgKTtcblx0XHR9XG5cblx0XHRqUXVlcnkuZngudGljaygpO1xuXHR9XG59XG5cbi8vIEFuaW1hdGlvbnMgY3JlYXRlZCBzeW5jaHJvbm91c2x5IHdpbGwgcnVuIHN5bmNocm9ub3VzbHlcbmZ1bmN0aW9uIGNyZWF0ZUZ4Tm93KCkge1xuXHR3aW5kb3cuc2V0VGltZW91dCggZnVuY3Rpb24oKSB7XG5cdFx0ZnhOb3cgPSB1bmRlZmluZWQ7XG5cdH0gKTtcblx0cmV0dXJuICggZnhOb3cgPSBEYXRlLm5vdygpICk7XG59XG5cbi8vIEdlbmVyYXRlIHBhcmFtZXRlcnMgdG8gY3JlYXRlIGEgc3RhbmRhcmQgYW5pbWF0aW9uXG5mdW5jdGlvbiBnZW5GeCggdHlwZSwgaW5jbHVkZVdpZHRoICkge1xuXHR2YXIgd2hpY2gsXG5cdFx0aSA9IDAsXG5cdFx0YXR0cnMgPSB7IGhlaWdodDogdHlwZSB9O1xuXG5cdC8vIElmIHdlIGluY2x1ZGUgd2lkdGgsIHN0ZXAgdmFsdWUgaXMgMSB0byBkbyBhbGwgY3NzRXhwYW5kIHZhbHVlcyxcblx0Ly8gb3RoZXJ3aXNlIHN0ZXAgdmFsdWUgaXMgMiB0byBza2lwIG92ZXIgTGVmdCBhbmQgUmlnaHRcblx0aW5jbHVkZVdpZHRoID0gaW5jbHVkZVdpZHRoID8gMSA6IDA7XG5cdGZvciAoIDsgaSA8IDQ7IGkgKz0gMiAtIGluY2x1ZGVXaWR0aCApIHtcblx0XHR3aGljaCA9IGNzc0V4cGFuZFsgaSBdO1xuXHRcdGF0dHJzWyBcIm1hcmdpblwiICsgd2hpY2ggXSA9IGF0dHJzWyBcInBhZGRpbmdcIiArIHdoaWNoIF0gPSB0eXBlO1xuXHR9XG5cblx0aWYgKCBpbmNsdWRlV2lkdGggKSB7XG5cdFx0YXR0cnMub3BhY2l0eSA9IGF0dHJzLndpZHRoID0gdHlwZTtcblx0fVxuXG5cdHJldHVybiBhdHRycztcbn1cblxuZnVuY3Rpb24gY3JlYXRlVHdlZW4oIHZhbHVlLCBwcm9wLCBhbmltYXRpb24gKSB7XG5cdHZhciB0d2Vlbixcblx0XHRjb2xsZWN0aW9uID0gKCBBbmltYXRpb24udHdlZW5lcnNbIHByb3AgXSB8fCBbXSApLmNvbmNhdCggQW5pbWF0aW9uLnR3ZWVuZXJzWyBcIipcIiBdICksXG5cdFx0aW5kZXggPSAwLFxuXHRcdGxlbmd0aCA9IGNvbGxlY3Rpb24ubGVuZ3RoO1xuXHRmb3IgKCA7IGluZGV4IDwgbGVuZ3RoOyBpbmRleCsrICkge1xuXHRcdGlmICggKCB0d2VlbiA9IGNvbGxlY3Rpb25bIGluZGV4IF0uY2FsbCggYW5pbWF0aW9uLCBwcm9wLCB2YWx1ZSApICkgKSB7XG5cblx0XHRcdC8vIFdlJ3JlIGRvbmUgd2l0aCB0aGlzIHByb3BlcnR5XG5cdFx0XHRyZXR1cm4gdHdlZW47XG5cdFx0fVxuXHR9XG59XG5cbmZ1bmN0aW9uIGRlZmF1bHRQcmVmaWx0ZXIoIGVsZW0sIHByb3BzLCBvcHRzICkge1xuXHR2YXIgcHJvcCwgdmFsdWUsIHRvZ2dsZSwgaG9va3MsIG9sZGZpcmUsIHByb3BUd2VlbiwgcmVzdG9yZURpc3BsYXksIGRpc3BsYXksXG5cdFx0aXNCb3ggPSBcIndpZHRoXCIgaW4gcHJvcHMgfHwgXCJoZWlnaHRcIiBpbiBwcm9wcyxcblx0XHRhbmltID0gdGhpcyxcblx0XHRvcmlnID0ge30sXG5cdFx0c3R5bGUgPSBlbGVtLnN0eWxlLFxuXHRcdGhpZGRlbiA9IGVsZW0ubm9kZVR5cGUgJiYgaXNIaWRkZW5XaXRoaW5UcmVlKCBlbGVtICksXG5cdFx0ZGF0YVNob3cgPSBkYXRhUHJpdi5nZXQoIGVsZW0sIFwiZnhzaG93XCIgKTtcblxuXHQvLyBRdWV1ZS1za2lwcGluZyBhbmltYXRpb25zIGhpamFjayB0aGUgZnggaG9va3Ncblx0aWYgKCAhb3B0cy5xdWV1ZSApIHtcblx0XHRob29rcyA9IGpRdWVyeS5fcXVldWVIb29rcyggZWxlbSwgXCJmeFwiICk7XG5cdFx0aWYgKCBob29rcy51bnF1ZXVlZCA9PSBudWxsICkge1xuXHRcdFx0aG9va3MudW5xdWV1ZWQgPSAwO1xuXHRcdFx0b2xkZmlyZSA9IGhvb2tzLmVtcHR5LmZpcmU7XG5cdFx0XHRob29rcy5lbXB0eS5maXJlID0gZnVuY3Rpb24oKSB7XG5cdFx0XHRcdGlmICggIWhvb2tzLnVucXVldWVkICkge1xuXHRcdFx0XHRcdG9sZGZpcmUoKTtcblx0XHRcdFx0fVxuXHRcdFx0fTtcblx0XHR9XG5cdFx0aG9va3MudW5xdWV1ZWQrKztcblxuXHRcdGFuaW0uYWx3YXlzKCBmdW5jdGlvbigpIHtcblxuXHRcdFx0Ly8gRW5zdXJlIHRoZSBjb21wbGV0ZSBoYW5kbGVyIGlzIGNhbGxlZCBiZWZvcmUgdGhpcyBjb21wbGV0ZXNcblx0XHRcdGFuaW0uYWx3YXlzKCBmdW5jdGlvbigpIHtcblx0XHRcdFx0aG9va3MudW5xdWV1ZWQtLTtcblx0XHRcdFx0aWYgKCAhalF1ZXJ5LnF1ZXVlKCBlbGVtLCBcImZ4XCIgKS5sZW5ndGggKSB7XG5cdFx0XHRcdFx0aG9va3MuZW1wdHkuZmlyZSgpO1xuXHRcdFx0XHR9XG5cdFx0XHR9ICk7XG5cdFx0fSApO1xuXHR9XG5cblx0Ly8gRGV0ZWN0IHNob3cvaGlkZSBhbmltYXRpb25zXG5cdGZvciAoIHByb3AgaW4gcHJvcHMgKSB7XG5cdFx0dmFsdWUgPSBwcm9wc1sgcHJvcCBdO1xuXHRcdGlmICggcmZ4dHlwZXMudGVzdCggdmFsdWUgKSApIHtcblx0XHRcdGRlbGV0ZSBwcm9wc1sgcHJvcCBdO1xuXHRcdFx0dG9nZ2xlID0gdG9nZ2xlIHx8IHZhbHVlID09PSBcInRvZ2dsZVwiO1xuXHRcdFx0aWYgKCB2YWx1ZSA9PT0gKCBoaWRkZW4gPyBcImhpZGVcIiA6IFwic2hvd1wiICkgKSB7XG5cblx0XHRcdFx0Ly8gUHJldGVuZCB0byBiZSBoaWRkZW4gaWYgdGhpcyBpcyBhIFwic2hvd1wiIGFuZFxuXHRcdFx0XHQvLyB0aGVyZSBpcyBzdGlsbCBkYXRhIGZyb20gYSBzdG9wcGVkIHNob3cvaGlkZVxuXHRcdFx0XHRpZiAoIHZhbHVlID09PSBcInNob3dcIiAmJiBkYXRhU2hvdyAmJiBkYXRhU2hvd1sgcHJvcCBdICE9PSB1bmRlZmluZWQgKSB7XG5cdFx0XHRcdFx0aGlkZGVuID0gdHJ1ZTtcblxuXHRcdFx0XHQvLyBJZ25vcmUgYWxsIG90aGVyIG5vLW9wIHNob3cvaGlkZSBkYXRhXG5cdFx0XHRcdH0gZWxzZSB7XG5cdFx0XHRcdFx0Y29udGludWU7XG5cdFx0XHRcdH1cblx0XHRcdH1cblx0XHRcdG9yaWdbIHByb3AgXSA9IGRhdGFTaG93ICYmIGRhdGFTaG93WyBwcm9wIF0gfHwgalF1ZXJ5LnN0eWxlKCBlbGVtLCBwcm9wICk7XG5cdFx0fVxuXHR9XG5cblx0Ly8gQmFpbCBvdXQgaWYgdGhpcyBpcyBhIG5vLW9wIGxpa2UgLmhpZGUoKS5oaWRlKClcblx0cHJvcFR3ZWVuID0gIWpRdWVyeS5pc0VtcHR5T2JqZWN0KCBwcm9wcyApO1xuXHRpZiAoICFwcm9wVHdlZW4gJiYgalF1ZXJ5LmlzRW1wdHlPYmplY3QoIG9yaWcgKSApIHtcblx0XHRyZXR1cm47XG5cdH1cblxuXHQvLyBSZXN0cmljdCBcIm92ZXJmbG93XCIgYW5kIFwiZGlzcGxheVwiIHN0eWxlcyBkdXJpbmcgYm94IGFuaW1hdGlvbnNcblx0aWYgKCBpc0JveCAmJiBlbGVtLm5vZGVUeXBlID09PSAxICkge1xuXG5cdFx0Ly8gU3VwcG9ydDogSUUgPD05IC0gMTEsIEVkZ2UgMTIgLSAxNVxuXHRcdC8vIFJlY29yZCBhbGwgMyBvdmVyZmxvdyBhdHRyaWJ1dGVzIGJlY2F1c2UgSUUgZG9lcyBub3QgaW5mZXIgdGhlIHNob3J0aGFuZFxuXHRcdC8vIGZyb20gaWRlbnRpY2FsbHktdmFsdWVkIG92ZXJmbG93WCBhbmQgb3ZlcmZsb3dZIGFuZCBFZGdlIGp1c3QgbWlycm9yc1xuXHRcdC8vIHRoZSBvdmVyZmxvd1ggdmFsdWUgdGhlcmUuXG5cdFx0b3B0cy5vdmVyZmxvdyA9IFsgc3R5bGUub3ZlcmZsb3csIHN0eWxlLm92ZXJmbG93WCwgc3R5bGUub3ZlcmZsb3dZIF07XG5cblx0XHQvLyBJZGVudGlmeSBhIGRpc3BsYXkgdHlwZSwgcHJlZmVycmluZyBvbGQgc2hvdy9oaWRlIGRhdGEgb3ZlciB0aGUgQ1NTIGNhc2NhZGVcblx0XHRyZXN0b3JlRGlzcGxheSA9IGRhdGFTaG93ICYmIGRhdGFTaG93LmRpc3BsYXk7XG5cdFx0aWYgKCByZXN0b3JlRGlzcGxheSA9PSBudWxsICkge1xuXHRcdFx0cmVzdG9yZURpc3BsYXkgPSBkYXRhUHJpdi5nZXQoIGVsZW0sIFwiZGlzcGxheVwiICk7XG5cdFx0fVxuXHRcdGRpc3BsYXkgPSBqUXVlcnkuY3NzKCBlbGVtLCBcImRpc3BsYXlcIiApO1xuXHRcdGlmICggZGlzcGxheSA9PT0gXCJub25lXCIgKSB7XG5cdFx0XHRpZiAoIHJlc3RvcmVEaXNwbGF5ICkge1xuXHRcdFx0XHRkaXNwbGF5ID0gcmVzdG9yZURpc3BsYXk7XG5cdFx0XHR9IGVsc2Uge1xuXG5cdFx0XHRcdC8vIEdldCBub25lbXB0eSB2YWx1ZShzKSBieSB0ZW1wb3JhcmlseSBmb3JjaW5nIHZpc2liaWxpdHlcblx0XHRcdFx0c2hvd0hpZGUoIFsgZWxlbSBdLCB0cnVlICk7XG5cdFx0XHRcdHJlc3RvcmVEaXNwbGF5ID0gZWxlbS5zdHlsZS5kaXNwbGF5IHx8IHJlc3RvcmVEaXNwbGF5O1xuXHRcdFx0XHRkaXNwbGF5ID0galF1ZXJ5LmNzcyggZWxlbSwgXCJkaXNwbGF5XCIgKTtcblx0XHRcdFx0c2hvd0hpZGUoIFsgZWxlbSBdICk7XG5cdFx0XHR9XG5cdFx0fVxuXG5cdFx0Ly8gQW5pbWF0ZSBpbmxpbmUgZWxlbWVudHMgYXMgaW5saW5lLWJsb2NrXG5cdFx0aWYgKCBkaXNwbGF5ID09PSBcImlubGluZVwiIHx8IGRpc3BsYXkgPT09IFwiaW5saW5lLWJsb2NrXCIgJiYgcmVzdG9yZURpc3BsYXkgIT0gbnVsbCApIHtcblx0XHRcdGlmICggalF1ZXJ5LmNzcyggZWxlbSwgXCJmbG9hdFwiICkgPT09IFwibm9uZVwiICkge1xuXG5cdFx0XHRcdC8vIFJlc3RvcmUgdGhlIG9yaWdpbmFsIGRpc3BsYXkgdmFsdWUgYXQgdGhlIGVuZCBvZiBwdXJlIHNob3cvaGlkZSBhbmltYXRpb25zXG5cdFx0XHRcdGlmICggIXByb3BUd2VlbiApIHtcblx0XHRcdFx0XHRhbmltLmRvbmUoIGZ1bmN0aW9uKCkge1xuXHRcdFx0XHRcdFx0c3R5bGUuZGlzcGxheSA9IHJlc3RvcmVEaXNwbGF5O1xuXHRcdFx0XHRcdH0gKTtcblx0XHRcdFx0XHRpZiAoIHJlc3RvcmVEaXNwbGF5ID09IG51bGwgKSB7XG5cdFx0XHRcdFx0XHRkaXNwbGF5ID0gc3R5bGUuZGlzcGxheTtcblx0XHRcdFx0XHRcdHJlc3RvcmVEaXNwbGF5ID0gZGlzcGxheSA9PT0gXCJub25lXCIgPyBcIlwiIDogZGlzcGxheTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdH1cblx0XHRcdFx0c3R5bGUuZGlzcGxheSA9IFwiaW5saW5lLWJsb2NrXCI7XG5cdFx0XHR9XG5cdFx0fVxuXHR9XG5cblx0aWYgKCBvcHRzLm92ZXJmbG93ICkge1xuXHRcdHN0eWxlLm92ZXJmbG93ID0gXCJoaWRkZW5cIjtcblx0XHRhbmltLmFsd2F5cyggZnVuY3Rpb24oKSB7XG5cdFx0XHRzdHlsZS5vdmVyZmxvdyA9IG9wdHMub3ZlcmZsb3dbIDAgXTtcblx0XHRcdHN0eWxlLm92ZXJmbG93WCA9IG9wdHMub3ZlcmZsb3dbIDEgXTtcblx0XHRcdHN0eWxlLm92ZXJmbG93WSA9IG9wdHMub3ZlcmZsb3dbIDIgXTtcblx0XHR9ICk7XG5cdH1cblxuXHQvLyBJbXBsZW1lbnQgc2hvdy9oaWRlIGFuaW1hdGlvbnNcblx0cHJvcFR3ZWVuID0gZmFsc2U7XG5cdGZvciAoIHByb3AgaW4gb3JpZyApIHtcblxuXHRcdC8vIEdlbmVyYWwgc2hvdy9oaWRlIHNldHVwIGZvciB0aGlzIGVsZW1lbnQgYW5pbWF0aW9uXG5cdFx0aWYgKCAhcHJvcFR3ZWVuICkge1xuXHRcdFx0aWYgKCBkYXRhU2hvdyApIHtcblx0XHRcdFx0aWYgKCBcImhpZGRlblwiIGluIGRhdGFTaG93ICkge1xuXHRcdFx0XHRcdGhpZGRlbiA9IGRhdGFTaG93LmhpZGRlbjtcblx0XHRcdFx0fVxuXHRcdFx0fSBlbHNlIHtcblx0XHRcdFx0ZGF0YVNob3cgPSBkYXRhUHJpdi5hY2Nlc3MoIGVsZW0sIFwiZnhzaG93XCIsIHsgZGlzcGxheTogcmVzdG9yZURpc3BsYXkgfSApO1xuXHRcdFx0fVxuXG5cdFx0XHQvLyBTdG9yZSBoaWRkZW4vdmlzaWJsZSBmb3IgdG9nZ2xlIHNvIGAuc3RvcCgpLnRvZ2dsZSgpYCBcInJldmVyc2VzXCJcblx0XHRcdGlmICggdG9nZ2xlICkge1xuXHRcdFx0XHRkYXRhU2hvdy5oaWRkZW4gPSAhaGlkZGVuO1xuXHRcdFx0fVxuXG5cdFx0XHQvLyBTaG93IGVsZW1lbnRzIGJlZm9yZSBhbmltYXRpbmcgdGhlbVxuXHRcdFx0aWYgKCBoaWRkZW4gKSB7XG5cdFx0XHRcdHNob3dIaWRlKCBbIGVsZW0gXSwgdHJ1ZSApO1xuXHRcdFx0fVxuXG5cdFx0XHQvKiBlc2xpbnQtZGlzYWJsZSBuby1sb29wLWZ1bmMgKi9cblxuXHRcdFx0YW5pbS5kb25lKCBmdW5jdGlvbigpIHtcblxuXHRcdFx0XHQvKiBlc2xpbnQtZW5hYmxlIG5vLWxvb3AtZnVuYyAqL1xuXG5cdFx0XHRcdC8vIFRoZSBmaW5hbCBzdGVwIG9mIGEgXCJoaWRlXCIgYW5pbWF0aW9uIGlzIGFjdHVhbGx5IGhpZGluZyB0aGUgZWxlbWVudFxuXHRcdFx0XHRpZiAoICFoaWRkZW4gKSB7XG5cdFx0XHRcdFx0c2hvd0hpZGUoIFsgZWxlbSBdICk7XG5cdFx0XHRcdH1cblx0XHRcdFx0ZGF0YVByaXYucmVtb3ZlKCBlbGVtLCBcImZ4c2hvd1wiICk7XG5cdFx0XHRcdGZvciAoIHByb3AgaW4gb3JpZyApIHtcblx0XHRcdFx0XHRqUXVlcnkuc3R5bGUoIGVsZW0sIHByb3AsIG9yaWdbIHByb3AgXSApO1xuXHRcdFx0XHR9XG5cdFx0XHR9ICk7XG5cdFx0fVxuXG5cdFx0Ly8gUGVyLXByb3BlcnR5IHNldHVwXG5cdFx0cHJvcFR3ZWVuID0gY3JlYXRlVHdlZW4oIGhpZGRlbiA/IGRhdGFTaG93WyBwcm9wIF0gOiAwLCBwcm9wLCBhbmltICk7XG5cdFx0aWYgKCAhKCBwcm9wIGluIGRhdGFTaG93ICkgKSB7XG5cdFx0XHRkYXRhU2hvd1sgcHJvcCBdID0gcHJvcFR3ZWVuLnN0YXJ0O1xuXHRcdFx0aWYgKCBoaWRkZW4gKSB7XG5cdFx0XHRcdHByb3BUd2Vlbi5lbmQgPSBwcm9wVHdlZW4uc3RhcnQ7XG5cdFx0XHRcdHByb3BUd2Vlbi5zdGFydCA9IDA7XG5cdFx0XHR9XG5cdFx0fVxuXHR9XG59XG5cbmZ1bmN0aW9uIHByb3BGaWx0ZXIoIHByb3BzLCBzcGVjaWFsRWFzaW5nICkge1xuXHR2YXIgaW5kZXgsIG5hbWUsIGVhc2luZywgdmFsdWUsIGhvb2tzO1xuXG5cdC8vIGNhbWVsQ2FzZSwgc3BlY2lhbEVhc2luZyBhbmQgZXhwYW5kIGNzc0hvb2sgcGFzc1xuXHRmb3IgKCBpbmRleCBpbiBwcm9wcyApIHtcblx0XHRuYW1lID0gY2FtZWxDYXNlKCBpbmRleCApO1xuXHRcdGVhc2luZyA9IHNwZWNpYWxFYXNpbmdbIG5hbWUgXTtcblx0XHR2YWx1ZSA9IHByb3BzWyBpbmRleCBdO1xuXHRcdGlmICggQXJyYXkuaXNBcnJheSggdmFsdWUgKSApIHtcblx0XHRcdGVhc2luZyA9IHZhbHVlWyAxIF07XG5cdFx0XHR2YWx1ZSA9IHByb3BzWyBpbmRleCBdID0gdmFsdWVbIDAgXTtcblx0XHR9XG5cblx0XHRpZiAoIGluZGV4ICE9PSBuYW1lICkge1xuXHRcdFx0cHJvcHNbIG5hbWUgXSA9IHZhbHVlO1xuXHRcdFx0ZGVsZXRlIHByb3BzWyBpbmRleCBdO1xuXHRcdH1cblxuXHRcdGhvb2tzID0galF1ZXJ5LmNzc0hvb2tzWyBuYW1lIF07XG5cdFx0aWYgKCBob29rcyAmJiBcImV4cGFuZFwiIGluIGhvb2tzICkge1xuXHRcdFx0dmFsdWUgPSBob29rcy5leHBhbmQoIHZhbHVlICk7XG5cdFx0XHRkZWxldGUgcHJvcHNbIG5hbWUgXTtcblxuXHRcdFx0Ly8gTm90IHF1aXRlICQuZXh0ZW5kLCB0aGlzIHdvbid0IG92ZXJ3cml0ZSBleGlzdGluZyBrZXlzLlxuXHRcdFx0Ly8gUmV1c2luZyAnaW5kZXgnIGJlY2F1c2Ugd2UgaGF2ZSB0aGUgY29ycmVjdCBcIm5hbWVcIlxuXHRcdFx0Zm9yICggaW5kZXggaW4gdmFsdWUgKSB7XG5cdFx0XHRcdGlmICggISggaW5kZXggaW4gcHJvcHMgKSApIHtcblx0XHRcdFx0XHRwcm9wc1sgaW5kZXggXSA9IHZhbHVlWyBpbmRleCBdO1xuXHRcdFx0XHRcdHNwZWNpYWxFYXNpbmdbIGluZGV4IF0gPSBlYXNpbmc7XG5cdFx0XHRcdH1cblx0XHRcdH1cblx0XHR9IGVsc2Uge1xuXHRcdFx0c3BlY2lhbEVhc2luZ1sgbmFtZSBdID0gZWFzaW5nO1xuXHRcdH1cblx0fVxufVxuXG5mdW5jdGlvbiBBbmltYXRpb24oIGVsZW0sIHByb3BlcnRpZXMsIG9wdGlvbnMgKSB7XG5cdHZhciByZXN1bHQsXG5cdFx0c3RvcHBlZCxcblx0XHRpbmRleCA9IDAsXG5cdFx0bGVuZ3RoID0gQW5pbWF0aW9uLnByZWZpbHRlcnMubGVuZ3RoLFxuXHRcdGRlZmVycmVkID0galF1ZXJ5LkRlZmVycmVkKCkuYWx3YXlzKCBmdW5jdGlvbigpIHtcblxuXHRcdFx0Ly8gRG9uJ3QgbWF0Y2ggZWxlbSBpbiB0aGUgOmFuaW1hdGVkIHNlbGVjdG9yXG5cdFx0XHRkZWxldGUgdGljay5lbGVtO1xuXHRcdH0gKSxcblx0XHR0aWNrID0gZnVuY3Rpb24oKSB7XG5cdFx0XHRpZiAoIHN0b3BwZWQgKSB7XG5cdFx0XHRcdHJldHVybiBmYWxzZTtcblx0XHRcdH1cblx0XHRcdHZhciBjdXJyZW50VGltZSA9IGZ4Tm93IHx8IGNyZWF0ZUZ4Tm93KCksXG5cdFx0XHRcdHJlbWFpbmluZyA9IE1hdGgubWF4KCAwLCBhbmltYXRpb24uc3RhcnRUaW1lICsgYW5pbWF0aW9uLmR1cmF0aW9uIC0gY3VycmVudFRpbWUgKSxcblxuXHRcdFx0XHQvLyBTdXBwb3J0OiBBbmRyb2lkIDIuMyBvbmx5XG5cdFx0XHRcdC8vIEFyY2hhaWMgY3Jhc2ggYnVnIHdvbid0IGFsbG93IHVzIHRvIHVzZSBgMSAtICggMC41IHx8IDAgKWAgKHRyYWMtMTI0OTcpXG5cdFx0XHRcdHRlbXAgPSByZW1haW5pbmcgLyBhbmltYXRpb24uZHVyYXRpb24gfHwgMCxcblx0XHRcdFx0cGVyY2VudCA9IDEgLSB0ZW1wLFxuXHRcdFx0XHRpbmRleCA9IDAsXG5cdFx0XHRcdGxlbmd0aCA9IGFuaW1hdGlvbi50d2VlbnMubGVuZ3RoO1xuXG5cdFx0XHRmb3IgKCA7IGluZGV4IDwgbGVuZ3RoOyBpbmRleCsrICkge1xuXHRcdFx0XHRhbmltYXRpb24udHdlZW5zWyBpbmRleCBdLnJ1biggcGVyY2VudCApO1xuXHRcdFx0fVxuXG5cdFx0XHRkZWZlcnJlZC5ub3RpZnlXaXRoKCBlbGVtLCBbIGFuaW1hdGlvbiwgcGVyY2VudCwgcmVtYWluaW5nIF0gKTtcblxuXHRcdFx0Ly8gSWYgdGhlcmUncyBtb3JlIHRvIGRvLCB5aWVsZFxuXHRcdFx0aWYgKCBwZXJjZW50IDwgMSAmJiBsZW5ndGggKSB7XG5cdFx0XHRcdHJldHVybiByZW1haW5pbmc7XG5cdFx0XHR9XG5cblx0XHRcdC8vIElmIHRoaXMgd2FzIGFuIGVtcHR5IGFuaW1hdGlvbiwgc3ludGhlc2l6ZSBhIGZpbmFsIHByb2dyZXNzIG5vdGlmaWNhdGlvblxuXHRcdFx0aWYgKCAhbGVuZ3RoICkge1xuXHRcdFx0XHRkZWZlcnJlZC5ub3RpZnlXaXRoKCBlbGVtLCBbIGFuaW1hdGlvbiwgMSwgMCBdICk7XG5cdFx0XHR9XG5cblx0XHRcdC8vIFJlc29sdmUgdGhlIGFuaW1hdGlvbiBhbmQgcmVwb3J0IGl0cyBjb25jbHVzaW9uXG5cdFx0XHRkZWZlcnJlZC5yZXNvbHZlV2l0aCggZWxlbSwgWyBhbmltYXRpb24gXSApO1xuXHRcdFx0cmV0dXJuIGZhbHNlO1xuXHRcdH0sXG5cdFx0YW5pbWF0aW9uID0gZGVmZXJyZWQucHJvbWlzZSgge1xuXHRcdFx0ZWxlbTogZWxlbSxcblx0XHRcdHByb3BzOiBqUXVlcnkuZXh0ZW5kKCB7fSwgcHJvcGVydGllcyApLFxuXHRcdFx0b3B0czogalF1ZXJ5LmV4dGVuZCggdHJ1ZSwge1xuXHRcdFx0XHRzcGVjaWFsRWFzaW5nOiB7fSxcblx0XHRcdFx0ZWFzaW5nOiBqUXVlcnkuZWFzaW5nLl9kZWZhdWx0XG5cdFx0XHR9LCBvcHRpb25zICksXG5cdFx0XHRvcmlnaW5hbFByb3BlcnRpZXM6IHByb3BlcnRpZXMsXG5cdFx0XHRvcmlnaW5hbE9wdGlvbnM6IG9wdGlvbnMsXG5cdFx0XHRzdGFydFRpbWU6IGZ4Tm93IHx8IGNyZWF0ZUZ4Tm93KCksXG5cdFx0XHRkdXJhdGlvbjogb3B0aW9ucy5kdXJhdGlvbixcblx0XHRcdHR3ZWVuczogW10sXG5cdFx0XHRjcmVhdGVUd2VlbjogZnVuY3Rpb24oIHByb3AsIGVuZCApIHtcblx0XHRcdFx0dmFyIHR3ZWVuID0galF1ZXJ5LlR3ZWVuKCBlbGVtLCBhbmltYXRpb24ub3B0cywgcHJvcCwgZW5kLFxuXHRcdFx0XHRcdGFuaW1hdGlvbi5vcHRzLnNwZWNpYWxFYXNpbmdbIHByb3AgXSB8fCBhbmltYXRpb24ub3B0cy5lYXNpbmcgKTtcblx0XHRcdFx0YW5pbWF0aW9uLnR3ZWVucy5wdXNoKCB0d2VlbiApO1xuXHRcdFx0XHRyZXR1cm4gdHdlZW47XG5cdFx0XHR9LFxuXHRcdFx0c3RvcDogZnVuY3Rpb24oIGdvdG9FbmQgKSB7XG5cdFx0XHRcdHZhciBpbmRleCA9IDAsXG5cblx0XHRcdFx0XHQvLyBJZiB3ZSBhcmUgZ29pbmcgdG8gdGhlIGVuZCwgd2Ugd2FudCB0byBydW4gYWxsIHRoZSB0d2VlbnNcblx0XHRcdFx0XHQvLyBvdGhlcndpc2Ugd2Ugc2tpcCB0aGlzIHBhcnRcblx0XHRcdFx0XHRsZW5ndGggPSBnb3RvRW5kID8gYW5pbWF0aW9uLnR3ZWVucy5sZW5ndGggOiAwO1xuXHRcdFx0XHRpZiAoIHN0b3BwZWQgKSB7XG5cdFx0XHRcdFx0cmV0dXJuIHRoaXM7XG5cdFx0XHRcdH1cblx0XHRcdFx0c3RvcHBlZCA9IHRydWU7XG5cdFx0XHRcdGZvciAoIDsgaW5kZXggPCBsZW5ndGg7IGluZGV4KysgKSB7XG5cdFx0XHRcdFx0YW5pbWF0aW9uLnR3ZWVuc1sgaW5kZXggXS5ydW4oIDEgKTtcblx0XHRcdFx0fVxuXG5cdFx0XHRcdC8vIFJlc29sdmUgd2hlbiB3ZSBwbGF5ZWQgdGhlIGxhc3QgZnJhbWU7IG90aGVyd2lzZSwgcmVqZWN0XG5cdFx0XHRcdGlmICggZ290b0VuZCApIHtcblx0XHRcdFx0XHRkZWZlcnJlZC5ub3RpZnlXaXRoKCBlbGVtLCBbIGFuaW1hdGlvbiwgMSwgMCBdICk7XG5cdFx0XHRcdFx0ZGVmZXJyZWQucmVzb2x2ZVdpdGgoIGVsZW0sIFsgYW5pbWF0aW9uLCBnb3RvRW5kIF0gKTtcblx0XHRcdFx0fSBlbHNlIHtcblx0XHRcdFx0XHRkZWZlcnJlZC5yZWplY3RXaXRoKCBlbGVtLCBbIGFuaW1hdGlvbiwgZ290b0VuZCBdICk7XG5cdFx0XHRcdH1cblx0XHRcdFx0cmV0dXJuIHRoaXM7XG5cdFx0XHR9XG5cdFx0fSApLFxuXHRcdHByb3BzID0gYW5pbWF0aW9uLnByb3BzO1xuXG5cdHByb3BGaWx0ZXIoIHByb3BzLCBhbmltYXRpb24ub3B0cy5zcGVjaWFsRWFzaW5nICk7XG5cblx0Zm9yICggOyBpbmRleCA8IGxlbmd0aDsgaW5kZXgrKyApIHtcblx0XHRyZXN1bHQgPSBBbmltYXRpb24ucHJlZmlsdGVyc1sgaW5kZXggXS5jYWxsKCBhbmltYXRpb24sIGVsZW0sIHByb3BzLCBhbmltYXRpb24ub3B0cyApO1xuXHRcdGlmICggcmVzdWx0ICkge1xuXHRcdFx0aWYgKCBpc0Z1bmN0aW9uKCByZXN1bHQuc3RvcCApICkge1xuXHRcdFx0XHRqUXVlcnkuX3F1ZXVlSG9va3MoIGFuaW1hdGlvbi5lbGVtLCBhbmltYXRpb24ub3B0cy5xdWV1ZSApLnN0b3AgPVxuXHRcdFx0XHRcdHJlc3VsdC5zdG9wLmJpbmQoIHJlc3VsdCApO1xuXHRcdFx0fVxuXHRcdFx0cmV0dXJuIHJlc3VsdDtcblx0XHR9XG5cdH1cblxuXHRqUXVlcnkubWFwKCBwcm9wcywgY3JlYXRlVHdlZW4sIGFuaW1hdGlvbiApO1xuXG5cdGlmICggaXNGdW5jdGlvbiggYW5pbWF0aW9uLm9wdHMuc3RhcnQgKSApIHtcblx0XHRhbmltYXRpb24ub3B0cy5zdGFydC5jYWxsKCBlbGVtLCBhbmltYXRpb24gKTtcblx0fVxuXG5cdC8vIEF0dGFjaCBjYWxsYmFja3MgZnJvbSBvcHRpb25zXG5cdGFuaW1hdGlvblxuXHRcdC5wcm9ncmVzcyggYW5pbWF0aW9uLm9wdHMucHJvZ3Jlc3MgKVxuXHRcdC5kb25lKCBhbmltYXRpb24ub3B0cy5kb25lLCBhbmltYXRpb24ub3B0cy5jb21wbGV0ZSApXG5cdFx0LmZhaWwoIGFuaW1hdGlvbi5vcHRzLmZhaWwgKVxuXHRcdC5hbHdheXMoIGFuaW1hdGlvbi5vcHRzLmFsd2F5cyApO1xuXG5cdGpRdWVyeS5meC50aW1lcihcblx0XHRqUXVlcnkuZXh0ZW5kKCB0aWNrLCB7XG5cdFx0XHRlbGVtOiBlbGVtLFxuXHRcdFx0YW5pbTogYW5pbWF0aW9uLFxuXHRcdFx0cXVldWU6IGFuaW1hdGlvbi5vcHRzLnF1ZXVlXG5cdFx0fSApXG5cdCk7XG5cblx0cmV0dXJuIGFuaW1hdGlvbjtcbn1cblxualF1ZXJ5LkFuaW1hdGlvbiA9IGpRdWVyeS5leHRlbmQoIEFuaW1hdGlvbiwge1xuXG5cdHR3ZWVuZXJzOiB7XG5cdFx0XCIqXCI6IFsgZnVuY3Rpb24oIHByb3AsIHZhbHVlICkge1xuXHRcdFx0dmFyIHR3ZWVuID0gdGhpcy5jcmVhdGVUd2VlbiggcHJvcCwgdmFsdWUgKTtcblx0XHRcdGFkanVzdENTUyggdHdlZW4uZWxlbSwgcHJvcCwgcmNzc051bS5leGVjKCB2YWx1ZSApLCB0d2VlbiApO1xuXHRcdFx0cmV0dXJuIHR3ZWVuO1xuXHRcdH0gXVxuXHR9LFxuXG5cdHR3ZWVuZXI6IGZ1bmN0aW9uKCBwcm9wcywgY2FsbGJhY2sgKSB7XG5cdFx0aWYgKCBpc0Z1bmN0aW9uKCBwcm9wcyApICkge1xuXHRcdFx0Y2FsbGJhY2sgPSBwcm9wcztcblx0XHRcdHByb3BzID0gWyBcIipcIiBdO1xuXHRcdH0gZWxzZSB7XG5cdFx0XHRwcm9wcyA9IHByb3BzLm1hdGNoKCBybm90aHRtbHdoaXRlICk7XG5cdFx0fVxuXG5cdFx0dmFyIHByb3AsXG5cdFx0XHRpbmRleCA9IDAsXG5cdFx0XHRsZW5ndGggPSBwcm9wcy5sZW5ndGg7XG5cblx0XHRmb3IgKCA7IGluZGV4IDwgbGVuZ3RoOyBpbmRleCsrICkge1xuXHRcdFx0cHJvcCA9IHByb3BzWyBpbmRleCBdO1xuXHRcdFx0QW5pbWF0aW9uLnR3ZWVuZXJzWyBwcm9wIF0gPSBBbmltYXRpb24udHdlZW5lcnNbIHByb3AgXSB8fCBbXTtcblx0XHRcdEFuaW1hdGlvbi50d2VlbmVyc1sgcHJvcCBdLnVuc2hpZnQoIGNhbGxiYWNrICk7XG5cdFx0fVxuXHR9LFxuXG5cdHByZWZpbHRlcnM6IFsgZGVmYXVsdFByZWZpbHRlciBdLFxuXG5cdHByZWZpbHRlcjogZnVuY3Rpb24oIGNhbGxiYWNrLCBwcmVwZW5kICkge1xuXHRcdGlmICggcHJlcGVuZCApIHtcblx0XHRcdEFuaW1hdGlvbi5wcmVmaWx0ZXJzLnVuc2hpZnQoIGNhbGxiYWNrICk7XG5cdFx0fSBlbHNlIHtcblx0XHRcdEFuaW1hdGlvbi5wcmVmaWx0ZXJzLnB1c2goIGNhbGxiYWNrICk7XG5cdFx0fVxuXHR9XG59ICk7XG5cbmpRdWVyeS5zcGVlZCA9IGZ1bmN0aW9uKCBzcGVlZCwgZWFzaW5nLCBmbiApIHtcblx0dmFyIG9wdCA9IHNwZWVkICYmIHR5cGVvZiBzcGVlZCA9PT0gXCJvYmplY3RcIiA/IGpRdWVyeS5leHRlbmQoIHt9LCBzcGVlZCApIDoge1xuXHRcdGNvbXBsZXRlOiBmbiB8fCAhZm4gJiYgZWFzaW5nIHx8XG5cdFx0XHRpc0Z1bmN0aW9uKCBzcGVlZCApICYmIHNwZWVkLFxuXHRcdGR1cmF0aW9uOiBzcGVlZCxcblx0XHRlYXNpbmc6IGZuICYmIGVhc2luZyB8fCBlYXNpbmcgJiYgIWlzRnVuY3Rpb24oIGVhc2luZyApICYmIGVhc2luZ1xuXHR9O1xuXG5cdC8vIEdvIHRvIHRoZSBlbmQgc3RhdGUgaWYgZnggYXJlIG9mZlxuXHRpZiAoIGpRdWVyeS5meC5vZmYgKSB7XG5cdFx0b3B0LmR1cmF0aW9uID0gMDtcblxuXHR9IGVsc2Uge1xuXHRcdGlmICggdHlwZW9mIG9wdC5kdXJhdGlvbiAhPT0gXCJudW1iZXJcIiApIHtcblx0XHRcdGlmICggb3B0LmR1cmF0aW9uIGluIGpRdWVyeS5meC5zcGVlZHMgKSB7XG5cdFx0XHRcdG9wdC5kdXJhdGlvbiA9IGpRdWVyeS5meC5zcGVlZHNbIG9wdC5kdXJhdGlvbiBdO1xuXG5cdFx0XHR9IGVsc2Uge1xuXHRcdFx0XHRvcHQuZHVyYXRpb24gPSBqUXVlcnkuZnguc3BlZWRzLl9kZWZhdWx0O1xuXHRcdFx0fVxuXHRcdH1cblx0fVxuXG5cdC8vIE5vcm1hbGl6ZSBvcHQucXVldWUgLSB0cnVlL3VuZGVmaW5lZC9udWxsIC0+IFwiZnhcIlxuXHRpZiAoIG9wdC5xdWV1ZSA9PSBudWxsIHx8IG9wdC5xdWV1ZSA9PT0gdHJ1ZSApIHtcblx0XHRvcHQucXVldWUgPSBcImZ4XCI7XG5cdH1cblxuXHQvLyBRdWV1ZWluZ1xuXHRvcHQub2xkID0gb3B0LmNvbXBsZXRlO1xuXG5cdG9wdC5jb21wbGV0ZSA9IGZ1bmN0aW9uKCkge1xuXHRcdGlmICggaXNGdW5jdGlvbiggb3B0Lm9sZCApICkge1xuXHRcdFx0b3B0Lm9sZC5jYWxsKCB0aGlzICk7XG5cdFx0fVxuXG5cdFx0aWYgKCBvcHQucXVldWUgKSB7XG5cdFx0XHRqUXVlcnkuZGVxdWV1ZSggdGhpcywgb3B0LnF1ZXVlICk7XG5cdFx0fVxuXHR9O1xuXG5cdHJldHVybiBvcHQ7XG59O1xuXG5qUXVlcnkuZm4uZXh0ZW5kKCB7XG5cdGZhZGVUbzogZnVuY3Rpb24oIHNwZWVkLCB0bywgZWFzaW5nLCBjYWxsYmFjayApIHtcblxuXHRcdC8vIFNob3cgYW55IGhpZGRlbiBlbGVtZW50cyBhZnRlciBzZXR0aW5nIG9wYWNpdHkgdG8gMFxuXHRcdHJldHVybiB0aGlzLmZpbHRlciggaXNIaWRkZW5XaXRoaW5UcmVlICkuY3NzKCBcIm9wYWNpdHlcIiwgMCApLnNob3coKVxuXG5cdFx0XHQvLyBBbmltYXRlIHRvIHRoZSB2YWx1ZSBzcGVjaWZpZWRcblx0XHRcdC5lbmQoKS5hbmltYXRlKCB7IG9wYWNpdHk6IHRvIH0sIHNwZWVkLCBlYXNpbmcsIGNhbGxiYWNrICk7XG5cdH0sXG5cdGFuaW1hdGU6IGZ1bmN0aW9uKCBwcm9wLCBzcGVlZCwgZWFzaW5nLCBjYWxsYmFjayApIHtcblx0XHR2YXIgZW1wdHkgPSBqUXVlcnkuaXNFbXB0eU9iamVjdCggcHJvcCApLFxuXHRcdFx0b3B0YWxsID0galF1ZXJ5LnNwZWVkKCBzcGVlZCwgZWFzaW5nLCBjYWxsYmFjayApLFxuXHRcdFx0ZG9BbmltYXRpb24gPSBmdW5jdGlvbigpIHtcblxuXHRcdFx0XHQvLyBPcGVyYXRlIG9uIGEgY29weSBvZiBwcm9wIHNvIHBlci1wcm9wZXJ0eSBlYXNpbmcgd29uJ3QgYmUgbG9zdFxuXHRcdFx0XHR2YXIgYW5pbSA9IEFuaW1hdGlvbiggdGhpcywgalF1ZXJ5LmV4dGVuZCgge30sIHByb3AgKSwgb3B0YWxsICk7XG5cblx0XHRcdFx0Ly8gRW1wdHkgYW5pbWF0aW9ucywgb3IgZmluaXNoaW5nIHJlc29sdmVzIGltbWVkaWF0ZWx5XG5cdFx0XHRcdGlmICggZW1wdHkgfHwgZGF0YVByaXYuZ2V0KCB0aGlzLCBcImZpbmlzaFwiICkgKSB7XG5cdFx0XHRcdFx0YW5pbS5zdG9wKCB0cnVlICk7XG5cdFx0XHRcdH1cblx0XHRcdH07XG5cblx0XHRkb0FuaW1hdGlvbi5maW5pc2ggPSBkb0FuaW1hdGlvbjtcblxuXHRcdHJldHVybiBlbXB0eSB8fCBvcHRhbGwucXVldWUgPT09IGZhbHNlID9cblx0XHRcdHRoaXMuZWFjaCggZG9BbmltYXRpb24gKSA6XG5cdFx0XHR0aGlzLnF1ZXVlKCBvcHRhbGwucXVldWUsIGRvQW5pbWF0aW9uICk7XG5cdH0sXG5cdHN0b3A6IGZ1bmN0aW9uKCB0eXBlLCBjbGVhclF1ZXVlLCBnb3RvRW5kICkge1xuXHRcdHZhciBzdG9wUXVldWUgPSBmdW5jdGlvbiggaG9va3MgKSB7XG5cdFx0XHR2YXIgc3RvcCA9IGhvb2tzLnN0b3A7XG5cdFx0XHRkZWxldGUgaG9va3Muc3RvcDtcblx0XHRcdHN0b3AoIGdvdG9FbmQgKTtcblx0XHR9O1xuXG5cdFx0aWYgKCB0eXBlb2YgdHlwZSAhPT0gXCJzdHJpbmdcIiApIHtcblx0XHRcdGdvdG9FbmQgPSBjbGVhclF1ZXVlO1xuXHRcdFx0Y2xlYXJRdWV1ZSA9IHR5cGU7XG5cdFx0XHR0eXBlID0gdW5kZWZpbmVkO1xuXHRcdH1cblx0XHRpZiAoIGNsZWFyUXVldWUgKSB7XG5cdFx0XHR0aGlzLnF1ZXVlKCB0eXBlIHx8IFwiZnhcIiwgW10gKTtcblx0XHR9XG5cblx0XHRyZXR1cm4gdGhpcy5lYWNoKCBmdW5jdGlvbigpIHtcblx0XHRcdHZhciBkZXF1ZXVlID0gdHJ1ZSxcblx0XHRcdFx0aW5kZXggPSB0eXBlICE9IG51bGwgJiYgdHlwZSArIFwicXVldWVIb29rc1wiLFxuXHRcdFx0XHR0aW1lcnMgPSBqUXVlcnkudGltZXJzLFxuXHRcdFx0XHRkYXRhID0gZGF0YVByaXYuZ2V0KCB0aGlzICk7XG5cblx0XHRcdGlmICggaW5kZXggKSB7XG5cdFx0XHRcdGlmICggZGF0YVsgaW5kZXggXSAmJiBkYXRhWyBpbmRleCBdLnN0b3AgKSB7XG5cdFx0XHRcdFx0c3RvcFF1ZXVlKCBkYXRhWyBpbmRleCBdICk7XG5cdFx0XHRcdH1cblx0XHRcdH0gZWxzZSB7XG5cdFx0XHRcdGZvciAoIGluZGV4IGluIGRhdGEgKSB7XG5cdFx0XHRcdFx0aWYgKCBkYXRhWyBpbmRleCBdICYmIGRhdGFbIGluZGV4IF0uc3RvcCAmJiBycnVuLnRlc3QoIGluZGV4ICkgKSB7XG5cdFx0XHRcdFx0XHRzdG9wUXVldWUoIGRhdGFbIGluZGV4IF0gKTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdH1cblx0XHRcdH1cblxuXHRcdFx0Zm9yICggaW5kZXggPSB0aW1lcnMubGVuZ3RoOyBpbmRleC0tOyApIHtcblx0XHRcdFx0aWYgKCB0aW1lcnNbIGluZGV4IF0uZWxlbSA9PT0gdGhpcyAmJlxuXHRcdFx0XHRcdCggdHlwZSA9PSBudWxsIHx8IHRpbWVyc1sgaW5kZXggXS5xdWV1ZSA9PT0gdHlwZSApICkge1xuXG5cdFx0XHRcdFx0dGltZXJzWyBpbmRleCBdLmFuaW0uc3RvcCggZ290b0VuZCApO1xuXHRcdFx0XHRcdGRlcXVldWUgPSBmYWxzZTtcblx0XHRcdFx0XHR0aW1lcnMuc3BsaWNlKCBpbmRleCwgMSApO1xuXHRcdFx0XHR9XG5cdFx0XHR9XG5cblx0XHRcdC8vIFN0YXJ0IHRoZSBuZXh0IGluIHRoZSBxdWV1ZSBpZiB0aGUgbGFzdCBzdGVwIHdhc24ndCBmb3JjZWQuXG5cdFx0XHQvLyBUaW1lcnMgY3VycmVudGx5IHdpbGwgY2FsbCB0aGVpciBjb21wbGV0ZSBjYWxsYmFja3MsIHdoaWNoXG5cdFx0XHQvLyB3aWxsIGRlcXVldWUgYnV0IG9ubHkgaWYgdGhleSB3ZXJlIGdvdG9FbmQuXG5cdFx0XHRpZiAoIGRlcXVldWUgfHwgIWdvdG9FbmQgKSB7XG5cdFx0XHRcdGpRdWVyeS5kZXF1ZXVlKCB0aGlzLCB0eXBlICk7XG5cdFx0XHR9XG5cdFx0fSApO1xuXHR9LFxuXHRmaW5pc2g6IGZ1bmN0aW9uKCB0eXBlICkge1xuXHRcdGlmICggdHlwZSAhPT0gZmFsc2UgKSB7XG5cdFx0XHR0eXBlID0gdHlwZSB8fCBcImZ4XCI7XG5cdFx0fVxuXHRcdHJldHVybiB0aGlzLmVhY2goIGZ1bmN0aW9uKCkge1xuXHRcdFx0dmFyIGluZGV4LFxuXHRcdFx0XHRkYXRhID0gZGF0YVByaXYuZ2V0KCB0aGlzICksXG5cdFx0XHRcdHF1ZXVlID0gZGF0YVsgdHlwZSArIFwicXVldWVcIiBdLFxuXHRcdFx0XHRob29rcyA9IGRhdGFbIHR5cGUgKyBcInF1ZXVlSG9va3NcIiBdLFxuXHRcdFx0XHR0aW1lcnMgPSBqUXVlcnkudGltZXJzLFxuXHRcdFx0XHRsZW5ndGggPSBxdWV1ZSA/IHF1ZXVlLmxlbmd0aCA6IDA7XG5cblx0XHRcdC8vIEVuYWJsZSBmaW5pc2hpbmcgZmxhZyBvbiBwcml2YXRlIGRhdGFcblx0XHRcdGRhdGEuZmluaXNoID0gdHJ1ZTtcblxuXHRcdFx0Ly8gRW1wdHkgdGhlIHF1ZXVlIGZpcnN0XG5cdFx0XHRqUXVlcnkucXVldWUoIHRoaXMsIHR5cGUsIFtdICk7XG5cblx0XHRcdGlmICggaG9va3MgJiYgaG9va3Muc3RvcCApIHtcblx0XHRcdFx0aG9va3Muc3RvcC5jYWxsKCB0aGlzLCB0cnVlICk7XG5cdFx0XHR9XG5cblx0XHRcdC8vIExvb2sgZm9yIGFueSBhY3RpdmUgYW5pbWF0aW9ucywgYW5kIGZpbmlzaCB0aGVtXG5cdFx0XHRmb3IgKCBpbmRleCA9IHRpbWVycy5sZW5ndGg7IGluZGV4LS07ICkge1xuXHRcdFx0XHRpZiAoIHRpbWVyc1sgaW5kZXggXS5lbGVtID09PSB0aGlzICYmIHRpbWVyc1sgaW5kZXggXS5xdWV1ZSA9PT0gdHlwZSApIHtcblx0XHRcdFx0XHR0aW1lcnNbIGluZGV4IF0uYW5pbS5zdG9wKCB0cnVlICk7XG5cdFx0XHRcdFx0dGltZXJzLnNwbGljZSggaW5kZXgsIDEgKTtcblx0XHRcdFx0fVxuXHRcdFx0fVxuXG5cdFx0XHQvLyBMb29rIGZvciBhbnkgYW5pbWF0aW9ucyBpbiB0aGUgb2xkIHF1ZXVlIGFuZCBmaW5pc2ggdGhlbVxuXHRcdFx0Zm9yICggaW5kZXggPSAwOyBpbmRleCA8IGxlbmd0aDsgaW5kZXgrKyApIHtcblx0XHRcdFx0aWYgKCBxdWV1ZVsgaW5kZXggXSAmJiBxdWV1ZVsgaW5kZXggXS5maW5pc2ggKSB7XG5cdFx0XHRcdFx0cXVldWVbIGluZGV4IF0uZmluaXNoLmNhbGwoIHRoaXMgKTtcblx0XHRcdFx0fVxuXHRcdFx0fVxuXG5cdFx0XHQvLyBUdXJuIG9mZiBmaW5pc2hpbmcgZmxhZ1xuXHRcdFx0ZGVsZXRlIGRhdGEuZmluaXNoO1xuXHRcdH0gKTtcblx0fVxufSApO1xuXG5qUXVlcnkuZWFjaCggWyBcInRvZ2dsZVwiLCBcInNob3dcIiwgXCJoaWRlXCIgXSwgZnVuY3Rpb24oIF9pLCBuYW1lICkge1xuXHR2YXIgY3NzRm4gPSBqUXVlcnkuZm5bIG5hbWUgXTtcblx0alF1ZXJ5LmZuWyBuYW1lIF0gPSBmdW5jdGlvbiggc3BlZWQsIGVhc2luZywgY2FsbGJhY2sgKSB7XG5cdFx0cmV0dXJuIHNwZWVkID09IG51bGwgfHwgdHlwZW9mIHNwZWVkID09PSBcImJvb2xlYW5cIiA/XG5cdFx0XHRjc3NGbi5hcHBseSggdGhpcywgYXJndW1lbnRzICkgOlxuXHRcdFx0dGhpcy5hbmltYXRlKCBnZW5GeCggbmFtZSwgdHJ1ZSApLCBzcGVlZCwgZWFzaW5nLCBjYWxsYmFjayApO1xuXHR9O1xufSApO1xuXG4vLyBHZW5lcmF0ZSBzaG9ydGN1dHMgZm9yIGN1c3RvbSBhbmltYXRpb25zXG5qUXVlcnkuZWFjaCgge1xuXHRzbGlkZURvd246IGdlbkZ4KCBcInNob3dcIiApLFxuXHRzbGlkZVVwOiBnZW5GeCggXCJoaWRlXCIgKSxcblx0c2xpZGVUb2dnbGU6IGdlbkZ4KCBcInRvZ2dsZVwiICksXG5cdGZhZGVJbjogeyBvcGFjaXR5OiBcInNob3dcIiB9LFxuXHRmYWRlT3V0OiB7IG9wYWNpdHk6IFwiaGlkZVwiIH0sXG5cdGZhZGVUb2dnbGU6IHsgb3BhY2l0eTogXCJ0b2dnbGVcIiB9XG59LCBmdW5jdGlvbiggbmFtZSwgcHJvcHMgKSB7XG5cdGpRdWVyeS5mblsgbmFtZSBdID0gZnVuY3Rpb24oIHNwZWVkLCBlYXNpbmcsIGNhbGxiYWNrICkge1xuXHRcdHJldHVybiB0aGlzLmFuaW1hdGUoIHByb3BzLCBzcGVlZCwgZWFzaW5nLCBjYWxsYmFjayApO1xuXHR9O1xufSApO1xuXG5qUXVlcnkudGltZXJzID0gW107XG5qUXVlcnkuZngudGljayA9IGZ1bmN0aW9uKCkge1xuXHR2YXIgdGltZXIsXG5cdFx0aSA9IDAsXG5cdFx0dGltZXJzID0galF1ZXJ5LnRpbWVycztcblxuXHRmeE5vdyA9IERhdGUubm93KCk7XG5cblx0Zm9yICggOyBpIDwgdGltZXJzLmxlbmd0aDsgaSsrICkge1xuXHRcdHRpbWVyID0gdGltZXJzWyBpIF07XG5cblx0XHQvLyBSdW4gdGhlIHRpbWVyIGFuZCBzYWZlbHkgcmVtb3ZlIGl0IHdoZW4gZG9uZSAoYWxsb3dpbmcgZm9yIGV4dGVybmFsIHJlbW92YWwpXG5cdFx0aWYgKCAhdGltZXIoKSAmJiB0aW1lcnNbIGkgXSA9PT0gdGltZXIgKSB7XG5cdFx0XHR0aW1lcnMuc3BsaWNlKCBpLS0sIDEgKTtcblx0XHR9XG5cdH1cblxuXHRpZiAoICF0aW1lcnMubGVuZ3RoICkge1xuXHRcdGpRdWVyeS5meC5zdG9wKCk7XG5cdH1cblx0ZnhOb3cgPSB1bmRlZmluZWQ7XG59O1xuXG5qUXVlcnkuZngudGltZXIgPSBmdW5jdGlvbiggdGltZXIgKSB7XG5cdGpRdWVyeS50aW1lcnMucHVzaCggdGltZXIgKTtcblx0alF1ZXJ5LmZ4LnN0YXJ0KCk7XG59O1xuXG5qUXVlcnkuZnguaW50ZXJ2YWwgPSAxMztcbmpRdWVyeS5meC5zdGFydCA9IGZ1bmN0aW9uKCkge1xuXHRpZiAoIGluUHJvZ3Jlc3MgKSB7XG5cdFx0cmV0dXJuO1xuXHR9XG5cblx0aW5Qcm9ncmVzcyA9IHRydWU7XG5cdHNjaGVkdWxlKCk7XG59O1xuXG5qUXVlcnkuZnguc3RvcCA9IGZ1bmN0aW9uKCkge1xuXHRpblByb2dyZXNzID0gbnVsbDtcbn07XG5cbmpRdWVyeS5meC5zcGVlZHMgPSB7XG5cdHNsb3c6IDYwMCxcblx0ZmFzdDogMjAwLFxuXG5cdC8vIERlZmF1bHQgc3BlZWRcblx0X2RlZmF1bHQ6IDQwMFxufTtcblxuXG4vLyBCYXNlZCBvZmYgb2YgdGhlIHBsdWdpbiBieSBDbGludCBIZWxmZXJzLCB3aXRoIHBlcm1pc3Npb24uXG5qUXVlcnkuZm4uZGVsYXkgPSBmdW5jdGlvbiggdGltZSwgdHlwZSApIHtcblx0dGltZSA9IGpRdWVyeS5meCA/IGpRdWVyeS5meC5zcGVlZHNbIHRpbWUgXSB8fCB0aW1lIDogdGltZTtcblx0dHlwZSA9IHR5cGUgfHwgXCJmeFwiO1xuXG5cdHJldHVybiB0aGlzLnF1ZXVlKCB0eXBlLCBmdW5jdGlvbiggbmV4dCwgaG9va3MgKSB7XG5cdFx0dmFyIHRpbWVvdXQgPSB3aW5kb3cuc2V0VGltZW91dCggbmV4dCwgdGltZSApO1xuXHRcdGhvb2tzLnN0b3AgPSBmdW5jdGlvbigpIHtcblx0XHRcdHdpbmRvdy5jbGVhclRpbWVvdXQoIHRpbWVvdXQgKTtcblx0XHR9O1xuXHR9ICk7XG59O1xuXG5cbiggZnVuY3Rpb24oKSB7XG5cdHZhciBpbnB1dCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoIFwiaW5wdXRcIiApLFxuXHRcdHNlbGVjdCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoIFwic2VsZWN0XCIgKSxcblx0XHRvcHQgPSBzZWxlY3QuYXBwZW5kQ2hpbGQoIGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoIFwib3B0aW9uXCIgKSApO1xuXG5cdGlucHV0LnR5cGUgPSBcImNoZWNrYm94XCI7XG5cblx0Ly8gU3VwcG9ydDogQW5kcm9pZCA8PTQuMyBvbmx5XG5cdC8vIERlZmF1bHQgdmFsdWUgZm9yIGEgY2hlY2tib3ggc2hvdWxkIGJlIFwib25cIlxuXHRzdXBwb3J0LmNoZWNrT24gPSBpbnB1dC52YWx1ZSAhPT0gXCJcIjtcblxuXHQvLyBTdXBwb3J0OiBJRSA8PTExIG9ubHlcblx0Ly8gTXVzdCBhY2Nlc3Mgc2VsZWN0ZWRJbmRleCB0byBtYWtlIGRlZmF1bHQgb3B0aW9ucyBzZWxlY3Rcblx0c3VwcG9ydC5vcHRTZWxlY3RlZCA9IG9wdC5zZWxlY3RlZDtcblxuXHQvLyBTdXBwb3J0OiBJRSA8PTExIG9ubHlcblx0Ly8gQW4gaW5wdXQgbG9zZXMgaXRzIHZhbHVlIGFmdGVyIGJlY29taW5nIGEgcmFkaW9cblx0aW5wdXQgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCBcImlucHV0XCIgKTtcblx0aW5wdXQudmFsdWUgPSBcInRcIjtcblx0aW5wdXQudHlwZSA9IFwicmFkaW9cIjtcblx0c3VwcG9ydC5yYWRpb1ZhbHVlID0gaW5wdXQudmFsdWUgPT09IFwidFwiO1xufSApKCk7XG5cblxudmFyIGJvb2xIb29rLFxuXHRhdHRySGFuZGxlID0galF1ZXJ5LmV4cHIuYXR0ckhhbmRsZTtcblxualF1ZXJ5LmZuLmV4dGVuZCgge1xuXHRhdHRyOiBmdW5jdGlvbiggbmFtZSwgdmFsdWUgKSB7XG5cdFx0cmV0dXJuIGFjY2VzcyggdGhpcywgalF1ZXJ5LmF0dHIsIG5hbWUsIHZhbHVlLCBhcmd1bWVudHMubGVuZ3RoID4gMSApO1xuXHR9LFxuXG5cdHJlbW92ZUF0dHI6IGZ1bmN0aW9uKCBuYW1lICkge1xuXHRcdHJldHVybiB0aGlzLmVhY2goIGZ1bmN0aW9uKCkge1xuXHRcdFx0alF1ZXJ5LnJlbW92ZUF0dHIoIHRoaXMsIG5hbWUgKTtcblx0XHR9ICk7XG5cdH1cbn0gKTtcblxualF1ZXJ5LmV4dGVuZCgge1xuXHRhdHRyOiBmdW5jdGlvbiggZWxlbSwgbmFtZSwgdmFsdWUgKSB7XG5cdFx0dmFyIHJldCwgaG9va3MsXG5cdFx0XHRuVHlwZSA9IGVsZW0ubm9kZVR5cGU7XG5cblx0XHQvLyBEb24ndCBnZXQvc2V0IGF0dHJpYnV0ZXMgb24gdGV4dCwgY29tbWVudCBhbmQgYXR0cmlidXRlIG5vZGVzXG5cdFx0aWYgKCBuVHlwZSA9PT0gMyB8fCBuVHlwZSA9PT0gOCB8fCBuVHlwZSA9PT0gMiApIHtcblx0XHRcdHJldHVybjtcblx0XHR9XG5cblx0XHQvLyBGYWxsYmFjayB0byBwcm9wIHdoZW4gYXR0cmlidXRlcyBhcmUgbm90IHN1cHBvcnRlZFxuXHRcdGlmICggdHlwZW9mIGVsZW0uZ2V0QXR0cmlidXRlID09PSBcInVuZGVmaW5lZFwiICkge1xuXHRcdFx0cmV0dXJuIGpRdWVyeS5wcm9wKCBlbGVtLCBuYW1lLCB2YWx1ZSApO1xuXHRcdH1cblxuXHRcdC8vIEF0dHJpYnV0ZSBob29rcyBhcmUgZGV0ZXJtaW5lZCBieSB0aGUgbG93ZXJjYXNlIHZlcnNpb25cblx0XHQvLyBHcmFiIG5lY2Vzc2FyeSBob29rIGlmIG9uZSBpcyBkZWZpbmVkXG5cdFx0aWYgKCBuVHlwZSAhPT0gMSB8fCAhalF1ZXJ5LmlzWE1MRG9jKCBlbGVtICkgKSB7XG5cdFx0XHRob29rcyA9IGpRdWVyeS5hdHRySG9va3NbIG5hbWUudG9Mb3dlckNhc2UoKSBdIHx8XG5cdFx0XHRcdCggalF1ZXJ5LmV4cHIubWF0Y2guYm9vbC50ZXN0KCBuYW1lICkgPyBib29sSG9vayA6IHVuZGVmaW5lZCApO1xuXHRcdH1cblxuXHRcdGlmICggdmFsdWUgIT09IHVuZGVmaW5lZCApIHtcblx0XHRcdGlmICggdmFsdWUgPT09IG51bGwgKSB7XG5cdFx0XHRcdGpRdWVyeS5yZW1vdmVBdHRyKCBlbGVtLCBuYW1lICk7XG5cdFx0XHRcdHJldHVybjtcblx0XHRcdH1cblxuXHRcdFx0aWYgKCBob29rcyAmJiBcInNldFwiIGluIGhvb2tzICYmXG5cdFx0XHRcdCggcmV0ID0gaG9va3Muc2V0KCBlbGVtLCB2YWx1ZSwgbmFtZSApICkgIT09IHVuZGVmaW5lZCApIHtcblx0XHRcdFx0cmV0dXJuIHJldDtcblx0XHRcdH1cblxuXHRcdFx0ZWxlbS5zZXRBdHRyaWJ1dGUoIG5hbWUsIHZhbHVlICsgXCJcIiApO1xuXHRcdFx0cmV0dXJuIHZhbHVlO1xuXHRcdH1cblxuXHRcdGlmICggaG9va3MgJiYgXCJnZXRcIiBpbiBob29rcyAmJiAoIHJldCA9IGhvb2tzLmdldCggZWxlbSwgbmFtZSApICkgIT09IG51bGwgKSB7XG5cdFx0XHRyZXR1cm4gcmV0O1xuXHRcdH1cblxuXHRcdHJldCA9IGpRdWVyeS5maW5kLmF0dHIoIGVsZW0sIG5hbWUgKTtcblxuXHRcdC8vIE5vbi1leGlzdGVudCBhdHRyaWJ1dGVzIHJldHVybiBudWxsLCB3ZSBub3JtYWxpemUgdG8gdW5kZWZpbmVkXG5cdFx0cmV0dXJuIHJldCA9PSBudWxsID8gdW5kZWZpbmVkIDogcmV0O1xuXHR9LFxuXG5cdGF0dHJIb29rczoge1xuXHRcdHR5cGU6IHtcblx0XHRcdHNldDogZnVuY3Rpb24oIGVsZW0sIHZhbHVlICkge1xuXHRcdFx0XHRpZiAoICFzdXBwb3J0LnJhZGlvVmFsdWUgJiYgdmFsdWUgPT09IFwicmFkaW9cIiAmJlxuXHRcdFx0XHRcdG5vZGVOYW1lKCBlbGVtLCBcImlucHV0XCIgKSApIHtcblx0XHRcdFx0XHR2YXIgdmFsID0gZWxlbS52YWx1ZTtcblx0XHRcdFx0XHRlbGVtLnNldEF0dHJpYnV0ZSggXCJ0eXBlXCIsIHZhbHVlICk7XG5cdFx0XHRcdFx0aWYgKCB2YWwgKSB7XG5cdFx0XHRcdFx0XHRlbGVtLnZhbHVlID0gdmFsO1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0XHRyZXR1cm4gdmFsdWU7XG5cdFx0XHRcdH1cblx0XHRcdH1cblx0XHR9XG5cdH0sXG5cblx0cmVtb3ZlQXR0cjogZnVuY3Rpb24oIGVsZW0sIHZhbHVlICkge1xuXHRcdHZhciBuYW1lLFxuXHRcdFx0aSA9IDAsXG5cblx0XHRcdC8vIEF0dHJpYnV0ZSBuYW1lcyBjYW4gY29udGFpbiBub24tSFRNTCB3aGl0ZXNwYWNlIGNoYXJhY3RlcnNcblx0XHRcdC8vIGh0dHBzOi8vaHRtbC5zcGVjLndoYXR3Zy5vcmcvbXVsdGlwYWdlL3N5bnRheC5odG1sI2F0dHJpYnV0ZXMtMlxuXHRcdFx0YXR0ck5hbWVzID0gdmFsdWUgJiYgdmFsdWUubWF0Y2goIHJub3RodG1sd2hpdGUgKTtcblxuXHRcdGlmICggYXR0ck5hbWVzICYmIGVsZW0ubm9kZVR5cGUgPT09IDEgKSB7XG5cdFx0XHR3aGlsZSAoICggbmFtZSA9IGF0dHJOYW1lc1sgaSsrIF0gKSApIHtcblx0XHRcdFx0ZWxlbS5yZW1vdmVBdHRyaWJ1dGUoIG5hbWUgKTtcblx0XHRcdH1cblx0XHR9XG5cdH1cbn0gKTtcblxuLy8gSG9va3MgZm9yIGJvb2xlYW4gYXR0cmlidXRlc1xuYm9vbEhvb2sgPSB7XG5cdHNldDogZnVuY3Rpb24oIGVsZW0sIHZhbHVlLCBuYW1lICkge1xuXHRcdGlmICggdmFsdWUgPT09IGZhbHNlICkge1xuXG5cdFx0XHQvLyBSZW1vdmUgYm9vbGVhbiBhdHRyaWJ1dGVzIHdoZW4gc2V0IHRvIGZhbHNlXG5cdFx0XHRqUXVlcnkucmVtb3ZlQXR0ciggZWxlbSwgbmFtZSApO1xuXHRcdH0gZWxzZSB7XG5cdFx0XHRlbGVtLnNldEF0dHJpYnV0ZSggbmFtZSwgbmFtZSApO1xuXHRcdH1cblx0XHRyZXR1cm4gbmFtZTtcblx0fVxufTtcblxualF1ZXJ5LmVhY2goIGpRdWVyeS5leHByLm1hdGNoLmJvb2wuc291cmNlLm1hdGNoKCAvXFx3Ky9nICksIGZ1bmN0aW9uKCBfaSwgbmFtZSApIHtcblx0dmFyIGdldHRlciA9IGF0dHJIYW5kbGVbIG5hbWUgXSB8fCBqUXVlcnkuZmluZC5hdHRyO1xuXG5cdGF0dHJIYW5kbGVbIG5hbWUgXSA9IGZ1bmN0aW9uKCBlbGVtLCBuYW1lLCBpc1hNTCApIHtcblx0XHR2YXIgcmV0LCBoYW5kbGUsXG5cdFx0XHRsb3dlcmNhc2VOYW1lID0gbmFtZS50b0xvd2VyQ2FzZSgpO1xuXG5cdFx0aWYgKCAhaXNYTUwgKSB7XG5cblx0XHRcdC8vIEF2b2lkIGFuIGluZmluaXRlIGxvb3AgYnkgdGVtcG9yYXJpbHkgcmVtb3ZpbmcgdGhpcyBmdW5jdGlvbiBmcm9tIHRoZSBnZXR0ZXJcblx0XHRcdGhhbmRsZSA9IGF0dHJIYW5kbGVbIGxvd2VyY2FzZU5hbWUgXTtcblx0XHRcdGF0dHJIYW5kbGVbIGxvd2VyY2FzZU5hbWUgXSA9IHJldDtcblx0XHRcdHJldCA9IGdldHRlciggZWxlbSwgbmFtZSwgaXNYTUwgKSAhPSBudWxsID9cblx0XHRcdFx0bG93ZXJjYXNlTmFtZSA6XG5cdFx0XHRcdG51bGw7XG5cdFx0XHRhdHRySGFuZGxlWyBsb3dlcmNhc2VOYW1lIF0gPSBoYW5kbGU7XG5cdFx0fVxuXHRcdHJldHVybiByZXQ7XG5cdH07XG59ICk7XG5cblxuXG5cbnZhciByZm9jdXNhYmxlID0gL14oPzppbnB1dHxzZWxlY3R8dGV4dGFyZWF8YnV0dG9uKSQvaSxcblx0cmNsaWNrYWJsZSA9IC9eKD86YXxhcmVhKSQvaTtcblxualF1ZXJ5LmZuLmV4dGVuZCgge1xuXHRwcm9wOiBmdW5jdGlvbiggbmFtZSwgdmFsdWUgKSB7XG5cdFx0cmV0dXJuIGFjY2VzcyggdGhpcywgalF1ZXJ5LnByb3AsIG5hbWUsIHZhbHVlLCBhcmd1bWVudHMubGVuZ3RoID4gMSApO1xuXHR9LFxuXG5cdHJlbW92ZVByb3A6IGZ1bmN0aW9uKCBuYW1lICkge1xuXHRcdHJldHVybiB0aGlzLmVhY2goIGZ1bmN0aW9uKCkge1xuXHRcdFx0ZGVsZXRlIHRoaXNbIGpRdWVyeS5wcm9wRml4WyBuYW1lIF0gfHwgbmFtZSBdO1xuXHRcdH0gKTtcblx0fVxufSApO1xuXG5qUXVlcnkuZXh0ZW5kKCB7XG5cdHByb3A6IGZ1bmN0aW9uKCBlbGVtLCBuYW1lLCB2YWx1ZSApIHtcblx0XHR2YXIgcmV0LCBob29rcyxcblx0XHRcdG5UeXBlID0gZWxlbS5ub2RlVHlwZTtcblxuXHRcdC8vIERvbid0IGdldC9zZXQgcHJvcGVydGllcyBvbiB0ZXh0LCBjb21tZW50IGFuZCBhdHRyaWJ1dGUgbm9kZXNcblx0XHRpZiAoIG5UeXBlID09PSAzIHx8IG5UeXBlID09PSA4IHx8IG5UeXBlID09PSAyICkge1xuXHRcdFx0cmV0dXJuO1xuXHRcdH1cblxuXHRcdGlmICggblR5cGUgIT09IDEgfHwgIWpRdWVyeS5pc1hNTERvYyggZWxlbSApICkge1xuXG5cdFx0XHQvLyBGaXggbmFtZSBhbmQgYXR0YWNoIGhvb2tzXG5cdFx0XHRuYW1lID0galF1ZXJ5LnByb3BGaXhbIG5hbWUgXSB8fCBuYW1lO1xuXHRcdFx0aG9va3MgPSBqUXVlcnkucHJvcEhvb2tzWyBuYW1lIF07XG5cdFx0fVxuXG5cdFx0aWYgKCB2YWx1ZSAhPT0gdW5kZWZpbmVkICkge1xuXHRcdFx0aWYgKCBob29rcyAmJiBcInNldFwiIGluIGhvb2tzICYmXG5cdFx0XHRcdCggcmV0ID0gaG9va3Muc2V0KCBlbGVtLCB2YWx1ZSwgbmFtZSApICkgIT09IHVuZGVmaW5lZCApIHtcblx0XHRcdFx0cmV0dXJuIHJldDtcblx0XHRcdH1cblxuXHRcdFx0cmV0dXJuICggZWxlbVsgbmFtZSBdID0gdmFsdWUgKTtcblx0XHR9XG5cblx0XHRpZiAoIGhvb2tzICYmIFwiZ2V0XCIgaW4gaG9va3MgJiYgKCByZXQgPSBob29rcy5nZXQoIGVsZW0sIG5hbWUgKSApICE9PSBudWxsICkge1xuXHRcdFx0cmV0dXJuIHJldDtcblx0XHR9XG5cblx0XHRyZXR1cm4gZWxlbVsgbmFtZSBdO1xuXHR9LFxuXG5cdHByb3BIb29rczoge1xuXHRcdHRhYkluZGV4OiB7XG5cdFx0XHRnZXQ6IGZ1bmN0aW9uKCBlbGVtICkge1xuXG5cdFx0XHRcdC8vIFN1cHBvcnQ6IElFIDw9OSAtIDExIG9ubHlcblx0XHRcdFx0Ly8gZWxlbS50YWJJbmRleCBkb2Vzbid0IGFsd2F5cyByZXR1cm4gdGhlXG5cdFx0XHRcdC8vIGNvcnJlY3QgdmFsdWUgd2hlbiBpdCBoYXNuJ3QgYmVlbiBleHBsaWNpdGx5IHNldFxuXHRcdFx0XHQvLyBVc2UgcHJvcGVyIGF0dHJpYnV0ZSByZXRyaWV2YWwgKHRyYWMtMTIwNzIpXG5cdFx0XHRcdHZhciB0YWJpbmRleCA9IGpRdWVyeS5maW5kLmF0dHIoIGVsZW0sIFwidGFiaW5kZXhcIiApO1xuXG5cdFx0XHRcdGlmICggdGFiaW5kZXggKSB7XG5cdFx0XHRcdFx0cmV0dXJuIHBhcnNlSW50KCB0YWJpbmRleCwgMTAgKTtcblx0XHRcdFx0fVxuXG5cdFx0XHRcdGlmIChcblx0XHRcdFx0XHRyZm9jdXNhYmxlLnRlc3QoIGVsZW0ubm9kZU5hbWUgKSB8fFxuXHRcdFx0XHRcdHJjbGlja2FibGUudGVzdCggZWxlbS5ub2RlTmFtZSApICYmXG5cdFx0XHRcdFx0ZWxlbS5ocmVmXG5cdFx0XHRcdCkge1xuXHRcdFx0XHRcdHJldHVybiAwO1xuXHRcdFx0XHR9XG5cblx0XHRcdFx0cmV0dXJuIC0xO1xuXHRcdFx0fVxuXHRcdH1cblx0fSxcblxuXHRwcm9wRml4OiB7XG5cdFx0XCJmb3JcIjogXCJodG1sRm9yXCIsXG5cdFx0XCJjbGFzc1wiOiBcImNsYXNzTmFtZVwiXG5cdH1cbn0gKTtcblxuLy8gU3VwcG9ydDogSUUgPD0xMSBvbmx5XG4vLyBBY2Nlc3NpbmcgdGhlIHNlbGVjdGVkSW5kZXggcHJvcGVydHlcbi8vIGZvcmNlcyB0aGUgYnJvd3NlciB0byByZXNwZWN0IHNldHRpbmcgc2VsZWN0ZWRcbi8vIG9uIHRoZSBvcHRpb25cbi8vIFRoZSBnZXR0ZXIgZW5zdXJlcyBhIGRlZmF1bHQgb3B0aW9uIGlzIHNlbGVjdGVkXG4vLyB3aGVuIGluIGFuIG9wdGdyb3VwXG4vLyBlc2xpbnQgcnVsZSBcIm5vLXVudXNlZC1leHByZXNzaW9uc1wiIGlzIGRpc2FibGVkIGZvciB0aGlzIGNvZGVcbi8vIHNpbmNlIGl0IGNvbnNpZGVycyBzdWNoIGFjY2Vzc2lvbnMgbm9vcFxuaWYgKCAhc3VwcG9ydC5vcHRTZWxlY3RlZCApIHtcblx0alF1ZXJ5LnByb3BIb29rcy5zZWxlY3RlZCA9IHtcblx0XHRnZXQ6IGZ1bmN0aW9uKCBlbGVtICkge1xuXG5cdFx0XHQvKiBlc2xpbnQgbm8tdW51c2VkLWV4cHJlc3Npb25zOiBcIm9mZlwiICovXG5cblx0XHRcdHZhciBwYXJlbnQgPSBlbGVtLnBhcmVudE5vZGU7XG5cdFx0XHRpZiAoIHBhcmVudCAmJiBwYXJlbnQucGFyZW50Tm9kZSApIHtcblx0XHRcdFx0cGFyZW50LnBhcmVudE5vZGUuc2VsZWN0ZWRJbmRleDtcblx0XHRcdH1cblx0XHRcdHJldHVybiBudWxsO1xuXHRcdH0sXG5cdFx0c2V0OiBmdW5jdGlvbiggZWxlbSApIHtcblxuXHRcdFx0LyogZXNsaW50IG5vLXVudXNlZC1leHByZXNzaW9uczogXCJvZmZcIiAqL1xuXG5cdFx0XHR2YXIgcGFyZW50ID0gZWxlbS5wYXJlbnROb2RlO1xuXHRcdFx0aWYgKCBwYXJlbnQgKSB7XG5cdFx0XHRcdHBhcmVudC5zZWxlY3RlZEluZGV4O1xuXG5cdFx0XHRcdGlmICggcGFyZW50LnBhcmVudE5vZGUgKSB7XG5cdFx0XHRcdFx0cGFyZW50LnBhcmVudE5vZGUuc2VsZWN0ZWRJbmRleDtcblx0XHRcdFx0fVxuXHRcdFx0fVxuXHRcdH1cblx0fTtcbn1cblxualF1ZXJ5LmVhY2goIFtcblx0XCJ0YWJJbmRleFwiLFxuXHRcInJlYWRPbmx5XCIsXG5cdFwibWF4TGVuZ3RoXCIsXG5cdFwiY2VsbFNwYWNpbmdcIixcblx0XCJjZWxsUGFkZGluZ1wiLFxuXHRcInJvd1NwYW5cIixcblx0XCJjb2xTcGFuXCIsXG5cdFwidXNlTWFwXCIsXG5cdFwiZnJhbWVCb3JkZXJcIixcblx0XCJjb250ZW50RWRpdGFibGVcIlxuXSwgZnVuY3Rpb24oKSB7XG5cdGpRdWVyeS5wcm9wRml4WyB0aGlzLnRvTG93ZXJDYXNlKCkgXSA9IHRoaXM7XG59ICk7XG5cblxuXG5cblx0Ly8gU3RyaXAgYW5kIGNvbGxhcHNlIHdoaXRlc3BhY2UgYWNjb3JkaW5nIHRvIEhUTUwgc3BlY1xuXHQvLyBodHRwczovL2luZnJhLnNwZWMud2hhdHdnLm9yZy8jc3RyaXAtYW5kLWNvbGxhcHNlLWFzY2lpLXdoaXRlc3BhY2Vcblx0ZnVuY3Rpb24gc3RyaXBBbmRDb2xsYXBzZSggdmFsdWUgKSB7XG5cdFx0dmFyIHRva2VucyA9IHZhbHVlLm1hdGNoKCBybm90aHRtbHdoaXRlICkgfHwgW107XG5cdFx0cmV0dXJuIHRva2Vucy5qb2luKCBcIiBcIiApO1xuXHR9XG5cblxuZnVuY3Rpb24gZ2V0Q2xhc3MoIGVsZW0gKSB7XG5cdHJldHVybiBlbGVtLmdldEF0dHJpYnV0ZSAmJiBlbGVtLmdldEF0dHJpYnV0ZSggXCJjbGFzc1wiICkgfHwgXCJcIjtcbn1cblxuZnVuY3Rpb24gY2xhc3Nlc1RvQXJyYXkoIHZhbHVlICkge1xuXHRpZiAoIEFycmF5LmlzQXJyYXkoIHZhbHVlICkgKSB7XG5cdFx0cmV0dXJuIHZhbHVlO1xuXHR9XG5cdGlmICggdHlwZW9mIHZhbHVlID09PSBcInN0cmluZ1wiICkge1xuXHRcdHJldHVybiB2YWx1ZS5tYXRjaCggcm5vdGh0bWx3aGl0ZSApIHx8IFtdO1xuXHR9XG5cdHJldHVybiBbXTtcbn1cblxualF1ZXJ5LmZuLmV4dGVuZCgge1xuXHRhZGRDbGFzczogZnVuY3Rpb24oIHZhbHVlICkge1xuXHRcdHZhciBjbGFzc05hbWVzLCBjdXIsIGN1clZhbHVlLCBjbGFzc05hbWUsIGksIGZpbmFsVmFsdWU7XG5cblx0XHRpZiAoIGlzRnVuY3Rpb24oIHZhbHVlICkgKSB7XG5cdFx0XHRyZXR1cm4gdGhpcy5lYWNoKCBmdW5jdGlvbiggaiApIHtcblx0XHRcdFx0alF1ZXJ5KCB0aGlzICkuYWRkQ2xhc3MoIHZhbHVlLmNhbGwoIHRoaXMsIGosIGdldENsYXNzKCB0aGlzICkgKSApO1xuXHRcdFx0fSApO1xuXHRcdH1cblxuXHRcdGNsYXNzTmFtZXMgPSBjbGFzc2VzVG9BcnJheSggdmFsdWUgKTtcblxuXHRcdGlmICggY2xhc3NOYW1lcy5sZW5ndGggKSB7XG5cdFx0XHRyZXR1cm4gdGhpcy5lYWNoKCBmdW5jdGlvbigpIHtcblx0XHRcdFx0Y3VyVmFsdWUgPSBnZXRDbGFzcyggdGhpcyApO1xuXHRcdFx0XHRjdXIgPSB0aGlzLm5vZGVUeXBlID09PSAxICYmICggXCIgXCIgKyBzdHJpcEFuZENvbGxhcHNlKCBjdXJWYWx1ZSApICsgXCIgXCIgKTtcblxuXHRcdFx0XHRpZiAoIGN1ciApIHtcblx0XHRcdFx0XHRmb3IgKCBpID0gMDsgaSA8IGNsYXNzTmFtZXMubGVuZ3RoOyBpKysgKSB7XG5cdFx0XHRcdFx0XHRjbGFzc05hbWUgPSBjbGFzc05hbWVzWyBpIF07XG5cdFx0XHRcdFx0XHRpZiAoIGN1ci5pbmRleE9mKCBcIiBcIiArIGNsYXNzTmFtZSArIFwiIFwiICkgPCAwICkge1xuXHRcdFx0XHRcdFx0XHRjdXIgKz0gY2xhc3NOYW1lICsgXCIgXCI7XG5cdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0fVxuXG5cdFx0XHRcdFx0Ly8gT25seSBhc3NpZ24gaWYgZGlmZmVyZW50IHRvIGF2b2lkIHVubmVlZGVkIHJlbmRlcmluZy5cblx0XHRcdFx0XHRmaW5hbFZhbHVlID0gc3RyaXBBbmRDb2xsYXBzZSggY3VyICk7XG5cdFx0XHRcdFx0aWYgKCBjdXJWYWx1ZSAhPT0gZmluYWxWYWx1ZSApIHtcblx0XHRcdFx0XHRcdHRoaXMuc2V0QXR0cmlidXRlKCBcImNsYXNzXCIsIGZpbmFsVmFsdWUgKTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdH1cblx0XHRcdH0gKTtcblx0XHR9XG5cblx0XHRyZXR1cm4gdGhpcztcblx0fSxcblxuXHRyZW1vdmVDbGFzczogZnVuY3Rpb24oIHZhbHVlICkge1xuXHRcdHZhciBjbGFzc05hbWVzLCBjdXIsIGN1clZhbHVlLCBjbGFzc05hbWUsIGksIGZpbmFsVmFsdWU7XG5cblx0XHRpZiAoIGlzRnVuY3Rpb24oIHZhbHVlICkgKSB7XG5cdFx0XHRyZXR1cm4gdGhpcy5lYWNoKCBmdW5jdGlvbiggaiApIHtcblx0XHRcdFx0alF1ZXJ5KCB0aGlzICkucmVtb3ZlQ2xhc3MoIHZhbHVlLmNhbGwoIHRoaXMsIGosIGdldENsYXNzKCB0aGlzICkgKSApO1xuXHRcdFx0fSApO1xuXHRcdH1cblxuXHRcdGlmICggIWFyZ3VtZW50cy5sZW5ndGggKSB7XG5cdFx0XHRyZXR1cm4gdGhpcy5hdHRyKCBcImNsYXNzXCIsIFwiXCIgKTtcblx0XHR9XG5cblx0XHRjbGFzc05hbWVzID0gY2xhc3Nlc1RvQXJyYXkoIHZhbHVlICk7XG5cblx0XHRpZiAoIGNsYXNzTmFtZXMubGVuZ3RoICkge1xuXHRcdFx0cmV0dXJuIHRoaXMuZWFjaCggZnVuY3Rpb24oKSB7XG5cdFx0XHRcdGN1clZhbHVlID0gZ2V0Q2xhc3MoIHRoaXMgKTtcblxuXHRcdFx0XHQvLyBUaGlzIGV4cHJlc3Npb24gaXMgaGVyZSBmb3IgYmV0dGVyIGNvbXByZXNzaWJpbGl0eSAoc2VlIGFkZENsYXNzKVxuXHRcdFx0XHRjdXIgPSB0aGlzLm5vZGVUeXBlID09PSAxICYmICggXCIgXCIgKyBzdHJpcEFuZENvbGxhcHNlKCBjdXJWYWx1ZSApICsgXCIgXCIgKTtcblxuXHRcdFx0XHRpZiAoIGN1ciApIHtcblx0XHRcdFx0XHRmb3IgKCBpID0gMDsgaSA8IGNsYXNzTmFtZXMubGVuZ3RoOyBpKysgKSB7XG5cdFx0XHRcdFx0XHRjbGFzc05hbWUgPSBjbGFzc05hbWVzWyBpIF07XG5cblx0XHRcdFx0XHRcdC8vIFJlbW92ZSAqYWxsKiBpbnN0YW5jZXNcblx0XHRcdFx0XHRcdHdoaWxlICggY3VyLmluZGV4T2YoIFwiIFwiICsgY2xhc3NOYW1lICsgXCIgXCIgKSA+IC0xICkge1xuXHRcdFx0XHRcdFx0XHRjdXIgPSBjdXIucmVwbGFjZSggXCIgXCIgKyBjbGFzc05hbWUgKyBcIiBcIiwgXCIgXCIgKTtcblx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHR9XG5cblx0XHRcdFx0XHQvLyBPbmx5IGFzc2lnbiBpZiBkaWZmZXJlbnQgdG8gYXZvaWQgdW5uZWVkZWQgcmVuZGVyaW5nLlxuXHRcdFx0XHRcdGZpbmFsVmFsdWUgPSBzdHJpcEFuZENvbGxhcHNlKCBjdXIgKTtcblx0XHRcdFx0XHRpZiAoIGN1clZhbHVlICE9PSBmaW5hbFZhbHVlICkge1xuXHRcdFx0XHRcdFx0dGhpcy5zZXRBdHRyaWJ1dGUoIFwiY2xhc3NcIiwgZmluYWxWYWx1ZSApO1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0fVxuXHRcdFx0fSApO1xuXHRcdH1cblxuXHRcdHJldHVybiB0aGlzO1xuXHR9LFxuXG5cdHRvZ2dsZUNsYXNzOiBmdW5jdGlvbiggdmFsdWUsIHN0YXRlVmFsICkge1xuXHRcdHZhciBjbGFzc05hbWVzLCBjbGFzc05hbWUsIGksIHNlbGYsXG5cdFx0XHR0eXBlID0gdHlwZW9mIHZhbHVlLFxuXHRcdFx0aXNWYWxpZFZhbHVlID0gdHlwZSA9PT0gXCJzdHJpbmdcIiB8fCBBcnJheS5pc0FycmF5KCB2YWx1ZSApO1xuXG5cdFx0aWYgKCBpc0Z1bmN0aW9uKCB2YWx1ZSApICkge1xuXHRcdFx0cmV0dXJuIHRoaXMuZWFjaCggZnVuY3Rpb24oIGkgKSB7XG5cdFx0XHRcdGpRdWVyeSggdGhpcyApLnRvZ2dsZUNsYXNzKFxuXHRcdFx0XHRcdHZhbHVlLmNhbGwoIHRoaXMsIGksIGdldENsYXNzKCB0aGlzICksIHN0YXRlVmFsICksXG5cdFx0XHRcdFx0c3RhdGVWYWxcblx0XHRcdFx0KTtcblx0XHRcdH0gKTtcblx0XHR9XG5cblx0XHRpZiAoIHR5cGVvZiBzdGF0ZVZhbCA9PT0gXCJib29sZWFuXCIgJiYgaXNWYWxpZFZhbHVlICkge1xuXHRcdFx0cmV0dXJuIHN0YXRlVmFsID8gdGhpcy5hZGRDbGFzcyggdmFsdWUgKSA6IHRoaXMucmVtb3ZlQ2xhc3MoIHZhbHVlICk7XG5cdFx0fVxuXG5cdFx0Y2xhc3NOYW1lcyA9IGNsYXNzZXNUb0FycmF5KCB2YWx1ZSApO1xuXG5cdFx0cmV0dXJuIHRoaXMuZWFjaCggZnVuY3Rpb24oKSB7XG5cdFx0XHRpZiAoIGlzVmFsaWRWYWx1ZSApIHtcblxuXHRcdFx0XHQvLyBUb2dnbGUgaW5kaXZpZHVhbCBjbGFzcyBuYW1lc1xuXHRcdFx0XHRzZWxmID0galF1ZXJ5KCB0aGlzICk7XG5cblx0XHRcdFx0Zm9yICggaSA9IDA7IGkgPCBjbGFzc05hbWVzLmxlbmd0aDsgaSsrICkge1xuXHRcdFx0XHRcdGNsYXNzTmFtZSA9IGNsYXNzTmFtZXNbIGkgXTtcblxuXHRcdFx0XHRcdC8vIENoZWNrIGVhY2ggY2xhc3NOYW1lIGdpdmVuLCBzcGFjZSBzZXBhcmF0ZWQgbGlzdFxuXHRcdFx0XHRcdGlmICggc2VsZi5oYXNDbGFzcyggY2xhc3NOYW1lICkgKSB7XG5cdFx0XHRcdFx0XHRzZWxmLnJlbW92ZUNsYXNzKCBjbGFzc05hbWUgKTtcblx0XHRcdFx0XHR9IGVsc2Uge1xuXHRcdFx0XHRcdFx0c2VsZi5hZGRDbGFzcyggY2xhc3NOYW1lICk7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9XG5cblx0XHRcdC8vIFRvZ2dsZSB3aG9sZSBjbGFzcyBuYW1lXG5cdFx0XHR9IGVsc2UgaWYgKCB2YWx1ZSA9PT0gdW5kZWZpbmVkIHx8IHR5cGUgPT09IFwiYm9vbGVhblwiICkge1xuXHRcdFx0XHRjbGFzc05hbWUgPSBnZXRDbGFzcyggdGhpcyApO1xuXHRcdFx0XHRpZiAoIGNsYXNzTmFtZSApIHtcblxuXHRcdFx0XHRcdC8vIFN0b3JlIGNsYXNzTmFtZSBpZiBzZXRcblx0XHRcdFx0XHRkYXRhUHJpdi5zZXQoIHRoaXMsIFwiX19jbGFzc05hbWVfX1wiLCBjbGFzc05hbWUgKTtcblx0XHRcdFx0fVxuXG5cdFx0XHRcdC8vIElmIHRoZSBlbGVtZW50IGhhcyBhIGNsYXNzIG5hbWUgb3IgaWYgd2UncmUgcGFzc2VkIGBmYWxzZWAsXG5cdFx0XHRcdC8vIHRoZW4gcmVtb3ZlIHRoZSB3aG9sZSBjbGFzc25hbWUgKGlmIHRoZXJlIHdhcyBvbmUsIHRoZSBhYm92ZSBzYXZlZCBpdCkuXG5cdFx0XHRcdC8vIE90aGVyd2lzZSBicmluZyBiYWNrIHdoYXRldmVyIHdhcyBwcmV2aW91c2x5IHNhdmVkIChpZiBhbnl0aGluZyksXG5cdFx0XHRcdC8vIGZhbGxpbmcgYmFjayB0byB0aGUgZW1wdHkgc3RyaW5nIGlmIG5vdGhpbmcgd2FzIHN0b3JlZC5cblx0XHRcdFx0aWYgKCB0aGlzLnNldEF0dHJpYnV0ZSApIHtcblx0XHRcdFx0XHR0aGlzLnNldEF0dHJpYnV0ZSggXCJjbGFzc1wiLFxuXHRcdFx0XHRcdFx0Y2xhc3NOYW1lIHx8IHZhbHVlID09PSBmYWxzZSA/XG5cdFx0XHRcdFx0XHRcdFwiXCIgOlxuXHRcdFx0XHRcdFx0XHRkYXRhUHJpdi5nZXQoIHRoaXMsIFwiX19jbGFzc05hbWVfX1wiICkgfHwgXCJcIlxuXHRcdFx0XHRcdCk7XG5cdFx0XHRcdH1cblx0XHRcdH1cblx0XHR9ICk7XG5cdH0sXG5cblx0aGFzQ2xhc3M6IGZ1bmN0aW9uKCBzZWxlY3RvciApIHtcblx0XHR2YXIgY2xhc3NOYW1lLCBlbGVtLFxuXHRcdFx0aSA9IDA7XG5cblx0XHRjbGFzc05hbWUgPSBcIiBcIiArIHNlbGVjdG9yICsgXCIgXCI7XG5cdFx0d2hpbGUgKCAoIGVsZW0gPSB0aGlzWyBpKysgXSApICkge1xuXHRcdFx0aWYgKCBlbGVtLm5vZGVUeXBlID09PSAxICYmXG5cdFx0XHRcdCggXCIgXCIgKyBzdHJpcEFuZENvbGxhcHNlKCBnZXRDbGFzcyggZWxlbSApICkgKyBcIiBcIiApLmluZGV4T2YoIGNsYXNzTmFtZSApID4gLTEgKSB7XG5cdFx0XHRcdHJldHVybiB0cnVlO1xuXHRcdFx0fVxuXHRcdH1cblxuXHRcdHJldHVybiBmYWxzZTtcblx0fVxufSApO1xuXG5cblxuXG52YXIgcnJldHVybiA9IC9cXHIvZztcblxualF1ZXJ5LmZuLmV4dGVuZCgge1xuXHR2YWw6IGZ1bmN0aW9uKCB2YWx1ZSApIHtcblx0XHR2YXIgaG9va3MsIHJldCwgdmFsdWVJc0Z1bmN0aW9uLFxuXHRcdFx0ZWxlbSA9IHRoaXNbIDAgXTtcblxuXHRcdGlmICggIWFyZ3VtZW50cy5sZW5ndGggKSB7XG5cdFx0XHRpZiAoIGVsZW0gKSB7XG5cdFx0XHRcdGhvb2tzID0galF1ZXJ5LnZhbEhvb2tzWyBlbGVtLnR5cGUgXSB8fFxuXHRcdFx0XHRcdGpRdWVyeS52YWxIb29rc1sgZWxlbS5ub2RlTmFtZS50b0xvd2VyQ2FzZSgpIF07XG5cblx0XHRcdFx0aWYgKCBob29rcyAmJlxuXHRcdFx0XHRcdFwiZ2V0XCIgaW4gaG9va3MgJiZcblx0XHRcdFx0XHQoIHJldCA9IGhvb2tzLmdldCggZWxlbSwgXCJ2YWx1ZVwiICkgKSAhPT0gdW5kZWZpbmVkXG5cdFx0XHRcdCkge1xuXHRcdFx0XHRcdHJldHVybiByZXQ7XG5cdFx0XHRcdH1cblxuXHRcdFx0XHRyZXQgPSBlbGVtLnZhbHVlO1xuXG5cdFx0XHRcdC8vIEhhbmRsZSBtb3N0IGNvbW1vbiBzdHJpbmcgY2FzZXNcblx0XHRcdFx0aWYgKCB0eXBlb2YgcmV0ID09PSBcInN0cmluZ1wiICkge1xuXHRcdFx0XHRcdHJldHVybiByZXQucmVwbGFjZSggcnJldHVybiwgXCJcIiApO1xuXHRcdFx0XHR9XG5cblx0XHRcdFx0Ly8gSGFuZGxlIGNhc2VzIHdoZXJlIHZhbHVlIGlzIG51bGwvdW5kZWYgb3IgbnVtYmVyXG5cdFx0XHRcdHJldHVybiByZXQgPT0gbnVsbCA/IFwiXCIgOiByZXQ7XG5cdFx0XHR9XG5cblx0XHRcdHJldHVybjtcblx0XHR9XG5cblx0XHR2YWx1ZUlzRnVuY3Rpb24gPSBpc0Z1bmN0aW9uKCB2YWx1ZSApO1xuXG5cdFx0cmV0dXJuIHRoaXMuZWFjaCggZnVuY3Rpb24oIGkgKSB7XG5cdFx0XHR2YXIgdmFsO1xuXG5cdFx0XHRpZiAoIHRoaXMubm9kZVR5cGUgIT09IDEgKSB7XG5cdFx0XHRcdHJldHVybjtcblx0XHRcdH1cblxuXHRcdFx0aWYgKCB2YWx1ZUlzRnVuY3Rpb24gKSB7XG5cdFx0XHRcdHZhbCA9IHZhbHVlLmNhbGwoIHRoaXMsIGksIGpRdWVyeSggdGhpcyApLnZhbCgpICk7XG5cdFx0XHR9IGVsc2Uge1xuXHRcdFx0XHR2YWwgPSB2YWx1ZTtcblx0XHRcdH1cblxuXHRcdFx0Ly8gVHJlYXQgbnVsbC91bmRlZmluZWQgYXMgXCJcIjsgY29udmVydCBudW1iZXJzIHRvIHN0cmluZ1xuXHRcdFx0aWYgKCB2YWwgPT0gbnVsbCApIHtcblx0XHRcdFx0dmFsID0gXCJcIjtcblxuXHRcdFx0fSBlbHNlIGlmICggdHlwZW9mIHZhbCA9PT0gXCJudW1iZXJcIiApIHtcblx0XHRcdFx0dmFsICs9IFwiXCI7XG5cblx0XHRcdH0gZWxzZSBpZiAoIEFycmF5LmlzQXJyYXkoIHZhbCApICkge1xuXHRcdFx0XHR2YWwgPSBqUXVlcnkubWFwKCB2YWwsIGZ1bmN0aW9uKCB2YWx1ZSApIHtcblx0XHRcdFx0XHRyZXR1cm4gdmFsdWUgPT0gbnVsbCA/IFwiXCIgOiB2YWx1ZSArIFwiXCI7XG5cdFx0XHRcdH0gKTtcblx0XHRcdH1cblxuXHRcdFx0aG9va3MgPSBqUXVlcnkudmFsSG9va3NbIHRoaXMudHlwZSBdIHx8IGpRdWVyeS52YWxIb29rc1sgdGhpcy5ub2RlTmFtZS50b0xvd2VyQ2FzZSgpIF07XG5cblx0XHRcdC8vIElmIHNldCByZXR1cm5zIHVuZGVmaW5lZCwgZmFsbCBiYWNrIHRvIG5vcm1hbCBzZXR0aW5nXG5cdFx0XHRpZiAoICFob29rcyB8fCAhKCBcInNldFwiIGluIGhvb2tzICkgfHwgaG9va3Muc2V0KCB0aGlzLCB2YWwsIFwidmFsdWVcIiApID09PSB1bmRlZmluZWQgKSB7XG5cdFx0XHRcdHRoaXMudmFsdWUgPSB2YWw7XG5cdFx0XHR9XG5cdFx0fSApO1xuXHR9XG59ICk7XG5cbmpRdWVyeS5leHRlbmQoIHtcblx0dmFsSG9va3M6IHtcblx0XHRvcHRpb246IHtcblx0XHRcdGdldDogZnVuY3Rpb24oIGVsZW0gKSB7XG5cblx0XHRcdFx0dmFyIHZhbCA9IGpRdWVyeS5maW5kLmF0dHIoIGVsZW0sIFwidmFsdWVcIiApO1xuXHRcdFx0XHRyZXR1cm4gdmFsICE9IG51bGwgP1xuXHRcdFx0XHRcdHZhbCA6XG5cblx0XHRcdFx0XHQvLyBTdXBwb3J0OiBJRSA8PTEwIC0gMTEgb25seVxuXHRcdFx0XHRcdC8vIG9wdGlvbi50ZXh0IHRocm93cyBleGNlcHRpb25zICh0cmFjLTE0Njg2LCB0cmFjLTE0ODU4KVxuXHRcdFx0XHRcdC8vIFN0cmlwIGFuZCBjb2xsYXBzZSB3aGl0ZXNwYWNlXG5cdFx0XHRcdFx0Ly8gaHR0cHM6Ly9odG1sLnNwZWMud2hhdHdnLm9yZy8jc3RyaXAtYW5kLWNvbGxhcHNlLXdoaXRlc3BhY2Vcblx0XHRcdFx0XHRzdHJpcEFuZENvbGxhcHNlKCBqUXVlcnkudGV4dCggZWxlbSApICk7XG5cdFx0XHR9XG5cdFx0fSxcblx0XHRzZWxlY3Q6IHtcblx0XHRcdGdldDogZnVuY3Rpb24oIGVsZW0gKSB7XG5cdFx0XHRcdHZhciB2YWx1ZSwgb3B0aW9uLCBpLFxuXHRcdFx0XHRcdG9wdGlvbnMgPSBlbGVtLm9wdGlvbnMsXG5cdFx0XHRcdFx0aW5kZXggPSBlbGVtLnNlbGVjdGVkSW5kZXgsXG5cdFx0XHRcdFx0b25lID0gZWxlbS50eXBlID09PSBcInNlbGVjdC1vbmVcIixcblx0XHRcdFx0XHR2YWx1ZXMgPSBvbmUgPyBudWxsIDogW10sXG5cdFx0XHRcdFx0bWF4ID0gb25lID8gaW5kZXggKyAxIDogb3B0aW9ucy5sZW5ndGg7XG5cblx0XHRcdFx0aWYgKCBpbmRleCA8IDAgKSB7XG5cdFx0XHRcdFx0aSA9IG1heDtcblxuXHRcdFx0XHR9IGVsc2Uge1xuXHRcdFx0XHRcdGkgPSBvbmUgPyBpbmRleCA6IDA7XG5cdFx0XHRcdH1cblxuXHRcdFx0XHQvLyBMb29wIHRocm91Z2ggYWxsIHRoZSBzZWxlY3RlZCBvcHRpb25zXG5cdFx0XHRcdGZvciAoIDsgaSA8IG1heDsgaSsrICkge1xuXHRcdFx0XHRcdG9wdGlvbiA9IG9wdGlvbnNbIGkgXTtcblxuXHRcdFx0XHRcdC8vIFN1cHBvcnQ6IElFIDw9OSBvbmx5XG5cdFx0XHRcdFx0Ly8gSUU4LTkgZG9lc24ndCB1cGRhdGUgc2VsZWN0ZWQgYWZ0ZXIgZm9ybSByZXNldCAodHJhYy0yNTUxKVxuXHRcdFx0XHRcdGlmICggKCBvcHRpb24uc2VsZWN0ZWQgfHwgaSA9PT0gaW5kZXggKSAmJlxuXG5cdFx0XHRcdFx0XHRcdC8vIERvbid0IHJldHVybiBvcHRpb25zIHRoYXQgYXJlIGRpc2FibGVkIG9yIGluIGEgZGlzYWJsZWQgb3B0Z3JvdXBcblx0XHRcdFx0XHRcdFx0IW9wdGlvbi5kaXNhYmxlZCAmJlxuXHRcdFx0XHRcdFx0XHQoICFvcHRpb24ucGFyZW50Tm9kZS5kaXNhYmxlZCB8fFxuXHRcdFx0XHRcdFx0XHRcdCFub2RlTmFtZSggb3B0aW9uLnBhcmVudE5vZGUsIFwib3B0Z3JvdXBcIiApICkgKSB7XG5cblx0XHRcdFx0XHRcdC8vIEdldCB0aGUgc3BlY2lmaWMgdmFsdWUgZm9yIHRoZSBvcHRpb25cblx0XHRcdFx0XHRcdHZhbHVlID0galF1ZXJ5KCBvcHRpb24gKS52YWwoKTtcblxuXHRcdFx0XHRcdFx0Ly8gV2UgZG9uJ3QgbmVlZCBhbiBhcnJheSBmb3Igb25lIHNlbGVjdHNcblx0XHRcdFx0XHRcdGlmICggb25lICkge1xuXHRcdFx0XHRcdFx0XHRyZXR1cm4gdmFsdWU7XG5cdFx0XHRcdFx0XHR9XG5cblx0XHRcdFx0XHRcdC8vIE11bHRpLVNlbGVjdHMgcmV0dXJuIGFuIGFycmF5XG5cdFx0XHRcdFx0XHR2YWx1ZXMucHVzaCggdmFsdWUgKTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdH1cblxuXHRcdFx0XHRyZXR1cm4gdmFsdWVzO1xuXHRcdFx0fSxcblxuXHRcdFx0c2V0OiBmdW5jdGlvbiggZWxlbSwgdmFsdWUgKSB7XG5cdFx0XHRcdHZhciBvcHRpb25TZXQsIG9wdGlvbixcblx0XHRcdFx0XHRvcHRpb25zID0gZWxlbS5vcHRpb25zLFxuXHRcdFx0XHRcdHZhbHVlcyA9IGpRdWVyeS5tYWtlQXJyYXkoIHZhbHVlICksXG5cdFx0XHRcdFx0aSA9IG9wdGlvbnMubGVuZ3RoO1xuXG5cdFx0XHRcdHdoaWxlICggaS0tICkge1xuXHRcdFx0XHRcdG9wdGlvbiA9IG9wdGlvbnNbIGkgXTtcblxuXHRcdFx0XHRcdC8qIGVzbGludC1kaXNhYmxlIG5vLWNvbmQtYXNzaWduICovXG5cblx0XHRcdFx0XHRpZiAoIG9wdGlvbi5zZWxlY3RlZCA9XG5cdFx0XHRcdFx0XHRqUXVlcnkuaW5BcnJheSggalF1ZXJ5LnZhbEhvb2tzLm9wdGlvbi5nZXQoIG9wdGlvbiApLCB2YWx1ZXMgKSA+IC0xXG5cdFx0XHRcdFx0KSB7XG5cdFx0XHRcdFx0XHRvcHRpb25TZXQgPSB0cnVlO1xuXHRcdFx0XHRcdH1cblxuXHRcdFx0XHRcdC8qIGVzbGludC1lbmFibGUgbm8tY29uZC1hc3NpZ24gKi9cblx0XHRcdFx0fVxuXG5cdFx0XHRcdC8vIEZvcmNlIGJyb3dzZXJzIHRvIGJlaGF2ZSBjb25zaXN0ZW50bHkgd2hlbiBub24tbWF0Y2hpbmcgdmFsdWUgaXMgc2V0XG5cdFx0XHRcdGlmICggIW9wdGlvblNldCApIHtcblx0XHRcdFx0XHRlbGVtLnNlbGVjdGVkSW5kZXggPSAtMTtcblx0XHRcdFx0fVxuXHRcdFx0XHRyZXR1cm4gdmFsdWVzO1xuXHRcdFx0fVxuXHRcdH1cblx0fVxufSApO1xuXG4vLyBSYWRpb3MgYW5kIGNoZWNrYm94ZXMgZ2V0dGVyL3NldHRlclxualF1ZXJ5LmVhY2goIFsgXCJyYWRpb1wiLCBcImNoZWNrYm94XCIgXSwgZnVuY3Rpb24oKSB7XG5cdGpRdWVyeS52YWxIb29rc1sgdGhpcyBdID0ge1xuXHRcdHNldDogZnVuY3Rpb24oIGVsZW0sIHZhbHVlICkge1xuXHRcdFx0aWYgKCBBcnJheS5pc0FycmF5KCB2YWx1ZSApICkge1xuXHRcdFx0XHRyZXR1cm4gKCBlbGVtLmNoZWNrZWQgPSBqUXVlcnkuaW5BcnJheSggalF1ZXJ5KCBlbGVtICkudmFsKCksIHZhbHVlICkgPiAtMSApO1xuXHRcdFx0fVxuXHRcdH1cblx0fTtcblx0aWYgKCAhc3VwcG9ydC5jaGVja09uICkge1xuXHRcdGpRdWVyeS52YWxIb29rc1sgdGhpcyBdLmdldCA9IGZ1bmN0aW9uKCBlbGVtICkge1xuXHRcdFx0cmV0dXJuIGVsZW0uZ2V0QXR0cmlidXRlKCBcInZhbHVlXCIgKSA9PT0gbnVsbCA/IFwib25cIiA6IGVsZW0udmFsdWU7XG5cdFx0fTtcblx0fVxufSApO1xuXG5cblxuXG4vLyBSZXR1cm4galF1ZXJ5IGZvciBhdHRyaWJ1dGVzLW9ubHkgaW5jbHVzaW9uXG52YXIgbG9jYXRpb24gPSB3aW5kb3cubG9jYXRpb247XG5cbnZhciBub25jZSA9IHsgZ3VpZDogRGF0ZS5ub3coKSB9O1xuXG52YXIgcnF1ZXJ5ID0gKCAvXFw/LyApO1xuXG5cblxuLy8gQ3Jvc3MtYnJvd3NlciB4bWwgcGFyc2luZ1xualF1ZXJ5LnBhcnNlWE1MID0gZnVuY3Rpb24oIGRhdGEgKSB7XG5cdHZhciB4bWwsIHBhcnNlckVycm9yRWxlbTtcblx0aWYgKCAhZGF0YSB8fCB0eXBlb2YgZGF0YSAhPT0gXCJzdHJpbmdcIiApIHtcblx0XHRyZXR1cm4gbnVsbDtcblx0fVxuXG5cdC8vIFN1cHBvcnQ6IElFIDkgLSAxMSBvbmx5XG5cdC8vIElFIHRocm93cyBvbiBwYXJzZUZyb21TdHJpbmcgd2l0aCBpbnZhbGlkIGlucHV0LlxuXHR0cnkge1xuXHRcdHhtbCA9ICggbmV3IHdpbmRvdy5ET01QYXJzZXIoKSApLnBhcnNlRnJvbVN0cmluZyggZGF0YSwgXCJ0ZXh0L3htbFwiICk7XG5cdH0gY2F0Y2ggKCBlICkge31cblxuXHRwYXJzZXJFcnJvckVsZW0gPSB4bWwgJiYgeG1sLmdldEVsZW1lbnRzQnlUYWdOYW1lKCBcInBhcnNlcmVycm9yXCIgKVsgMCBdO1xuXHRpZiAoICF4bWwgfHwgcGFyc2VyRXJyb3JFbGVtICkge1xuXHRcdGpRdWVyeS5lcnJvciggXCJJbnZhbGlkIFhNTDogXCIgKyAoXG5cdFx0XHRwYXJzZXJFcnJvckVsZW0gP1xuXHRcdFx0XHRqUXVlcnkubWFwKCBwYXJzZXJFcnJvckVsZW0uY2hpbGROb2RlcywgZnVuY3Rpb24oIGVsICkge1xuXHRcdFx0XHRcdHJldHVybiBlbC50ZXh0Q29udGVudDtcblx0XHRcdFx0fSApLmpvaW4oIFwiXFxuXCIgKSA6XG5cdFx0XHRcdGRhdGFcblx0XHQpICk7XG5cdH1cblx0cmV0dXJuIHhtbDtcbn07XG5cblxudmFyIHJmb2N1c01vcnBoID0gL14oPzpmb2N1c2luZm9jdXN8Zm9jdXNvdXRibHVyKSQvLFxuXHRzdG9wUHJvcGFnYXRpb25DYWxsYmFjayA9IGZ1bmN0aW9uKCBlICkge1xuXHRcdGUuc3RvcFByb3BhZ2F0aW9uKCk7XG5cdH07XG5cbmpRdWVyeS5leHRlbmQoIGpRdWVyeS5ldmVudCwge1xuXG5cdHRyaWdnZXI6IGZ1bmN0aW9uKCBldmVudCwgZGF0YSwgZWxlbSwgb25seUhhbmRsZXJzICkge1xuXG5cdFx0dmFyIGksIGN1ciwgdG1wLCBidWJibGVUeXBlLCBvbnR5cGUsIGhhbmRsZSwgc3BlY2lhbCwgbGFzdEVsZW1lbnQsXG5cdFx0XHRldmVudFBhdGggPSBbIGVsZW0gfHwgZG9jdW1lbnQgXSxcblx0XHRcdHR5cGUgPSBoYXNPd24uY2FsbCggZXZlbnQsIFwidHlwZVwiICkgPyBldmVudC50eXBlIDogZXZlbnQsXG5cdFx0XHRuYW1lc3BhY2VzID0gaGFzT3duLmNhbGwoIGV2ZW50LCBcIm5hbWVzcGFjZVwiICkgPyBldmVudC5uYW1lc3BhY2Uuc3BsaXQoIFwiLlwiICkgOiBbXTtcblxuXHRcdGN1ciA9IGxhc3RFbGVtZW50ID0gdG1wID0gZWxlbSA9IGVsZW0gfHwgZG9jdW1lbnQ7XG5cblx0XHQvLyBEb24ndCBkbyBldmVudHMgb24gdGV4dCBhbmQgY29tbWVudCBub2Rlc1xuXHRcdGlmICggZWxlbS5ub2RlVHlwZSA9PT0gMyB8fCBlbGVtLm5vZGVUeXBlID09PSA4ICkge1xuXHRcdFx0cmV0dXJuO1xuXHRcdH1cblxuXHRcdC8vIGZvY3VzL2JsdXIgbW9ycGhzIHRvIGZvY3VzaW4vb3V0OyBlbnN1cmUgd2UncmUgbm90IGZpcmluZyB0aGVtIHJpZ2h0IG5vd1xuXHRcdGlmICggcmZvY3VzTW9ycGgudGVzdCggdHlwZSArIGpRdWVyeS5ldmVudC50cmlnZ2VyZWQgKSApIHtcblx0XHRcdHJldHVybjtcblx0XHR9XG5cblx0XHRpZiAoIHR5cGUuaW5kZXhPZiggXCIuXCIgKSA+IC0xICkge1xuXG5cdFx0XHQvLyBOYW1lc3BhY2VkIHRyaWdnZXI7IGNyZWF0ZSBhIHJlZ2V4cCB0byBtYXRjaCBldmVudCB0eXBlIGluIGhhbmRsZSgpXG5cdFx0XHRuYW1lc3BhY2VzID0gdHlwZS5zcGxpdCggXCIuXCIgKTtcblx0XHRcdHR5cGUgPSBuYW1lc3BhY2VzLnNoaWZ0KCk7XG5cdFx0XHRuYW1lc3BhY2VzLnNvcnQoKTtcblx0XHR9XG5cdFx0b250eXBlID0gdHlwZS5pbmRleE9mKCBcIjpcIiApIDwgMCAmJiBcIm9uXCIgKyB0eXBlO1xuXG5cdFx0Ly8gQ2FsbGVyIGNhbiBwYXNzIGluIGEgalF1ZXJ5LkV2ZW50IG9iamVjdCwgT2JqZWN0LCBvciBqdXN0IGFuIGV2ZW50IHR5cGUgc3RyaW5nXG5cdFx0ZXZlbnQgPSBldmVudFsgalF1ZXJ5LmV4cGFuZG8gXSA/XG5cdFx0XHRldmVudCA6XG5cdFx0XHRuZXcgalF1ZXJ5LkV2ZW50KCB0eXBlLCB0eXBlb2YgZXZlbnQgPT09IFwib2JqZWN0XCIgJiYgZXZlbnQgKTtcblxuXHRcdC8vIFRyaWdnZXIgYml0bWFzazogJiAxIGZvciBuYXRpdmUgaGFuZGxlcnM7ICYgMiBmb3IgalF1ZXJ5IChhbHdheXMgdHJ1ZSlcblx0XHRldmVudC5pc1RyaWdnZXIgPSBvbmx5SGFuZGxlcnMgPyAyIDogMztcblx0XHRldmVudC5uYW1lc3BhY2UgPSBuYW1lc3BhY2VzLmpvaW4oIFwiLlwiICk7XG5cdFx0ZXZlbnQucm5hbWVzcGFjZSA9IGV2ZW50Lm5hbWVzcGFjZSA/XG5cdFx0XHRuZXcgUmVnRXhwKCBcIihefFxcXFwuKVwiICsgbmFtZXNwYWNlcy5qb2luKCBcIlxcXFwuKD86LipcXFxcLnwpXCIgKSArIFwiKFxcXFwufCQpXCIgKSA6XG5cdFx0XHRudWxsO1xuXG5cdFx0Ly8gQ2xlYW4gdXAgdGhlIGV2ZW50IGluIGNhc2UgaXQgaXMgYmVpbmcgcmV1c2VkXG5cdFx0ZXZlbnQucmVzdWx0ID0gdW5kZWZpbmVkO1xuXHRcdGlmICggIWV2ZW50LnRhcmdldCApIHtcblx0XHRcdGV2ZW50LnRhcmdldCA9IGVsZW07XG5cdFx0fVxuXG5cdFx0Ly8gQ2xvbmUgYW55IGluY29taW5nIGRhdGEgYW5kIHByZXBlbmQgdGhlIGV2ZW50LCBjcmVhdGluZyB0aGUgaGFuZGxlciBhcmcgbGlzdFxuXHRcdGRhdGEgPSBkYXRhID09IG51bGwgP1xuXHRcdFx0WyBldmVudCBdIDpcblx0XHRcdGpRdWVyeS5tYWtlQXJyYXkoIGRhdGEsIFsgZXZlbnQgXSApO1xuXG5cdFx0Ly8gQWxsb3cgc3BlY2lhbCBldmVudHMgdG8gZHJhdyBvdXRzaWRlIHRoZSBsaW5lc1xuXHRcdHNwZWNpYWwgPSBqUXVlcnkuZXZlbnQuc3BlY2lhbFsgdHlwZSBdIHx8IHt9O1xuXHRcdGlmICggIW9ubHlIYW5kbGVycyAmJiBzcGVjaWFsLnRyaWdnZXIgJiYgc3BlY2lhbC50cmlnZ2VyLmFwcGx5KCBlbGVtLCBkYXRhICkgPT09IGZhbHNlICkge1xuXHRcdFx0cmV0dXJuO1xuXHRcdH1cblxuXHRcdC8vIERldGVybWluZSBldmVudCBwcm9wYWdhdGlvbiBwYXRoIGluIGFkdmFuY2UsIHBlciBXM0MgZXZlbnRzIHNwZWMgKHRyYWMtOTk1MSlcblx0XHQvLyBCdWJibGUgdXAgdG8gZG9jdW1lbnQsIHRoZW4gdG8gd2luZG93OyB3YXRjaCBmb3IgYSBnbG9iYWwgb3duZXJEb2N1bWVudCB2YXIgKHRyYWMtOTcyNClcblx0XHRpZiAoICFvbmx5SGFuZGxlcnMgJiYgIXNwZWNpYWwubm9CdWJibGUgJiYgIWlzV2luZG93KCBlbGVtICkgKSB7XG5cblx0XHRcdGJ1YmJsZVR5cGUgPSBzcGVjaWFsLmRlbGVnYXRlVHlwZSB8fCB0eXBlO1xuXHRcdFx0aWYgKCAhcmZvY3VzTW9ycGgudGVzdCggYnViYmxlVHlwZSArIHR5cGUgKSApIHtcblx0XHRcdFx0Y3VyID0gY3VyLnBhcmVudE5vZGU7XG5cdFx0XHR9XG5cdFx0XHRmb3IgKCA7IGN1cjsgY3VyID0gY3VyLnBhcmVudE5vZGUgKSB7XG5cdFx0XHRcdGV2ZW50UGF0aC5wdXNoKCBjdXIgKTtcblx0XHRcdFx0dG1wID0gY3VyO1xuXHRcdFx0fVxuXG5cdFx0XHQvLyBPbmx5IGFkZCB3aW5kb3cgaWYgd2UgZ290IHRvIGRvY3VtZW50IChlLmcuLCBub3QgcGxhaW4gb2JqIG9yIGRldGFjaGVkIERPTSlcblx0XHRcdGlmICggdG1wID09PSAoIGVsZW0ub3duZXJEb2N1bWVudCB8fCBkb2N1bWVudCApICkge1xuXHRcdFx0XHRldmVudFBhdGgucHVzaCggdG1wLmRlZmF1bHRWaWV3IHx8IHRtcC5wYXJlbnRXaW5kb3cgfHwgd2luZG93ICk7XG5cdFx0XHR9XG5cdFx0fVxuXG5cdFx0Ly8gRmlyZSBoYW5kbGVycyBvbiB0aGUgZXZlbnQgcGF0aFxuXHRcdGkgPSAwO1xuXHRcdHdoaWxlICggKCBjdXIgPSBldmVudFBhdGhbIGkrKyBdICkgJiYgIWV2ZW50LmlzUHJvcGFnYXRpb25TdG9wcGVkKCkgKSB7XG5cdFx0XHRsYXN0RWxlbWVudCA9IGN1cjtcblx0XHRcdGV2ZW50LnR5cGUgPSBpID4gMSA/XG5cdFx0XHRcdGJ1YmJsZVR5cGUgOlxuXHRcdFx0XHRzcGVjaWFsLmJpbmRUeXBlIHx8IHR5cGU7XG5cblx0XHRcdC8vIGpRdWVyeSBoYW5kbGVyXG5cdFx0XHRoYW5kbGUgPSAoIGRhdGFQcml2LmdldCggY3VyLCBcImV2ZW50c1wiICkgfHwgT2JqZWN0LmNyZWF0ZSggbnVsbCApIClbIGV2ZW50LnR5cGUgXSAmJlxuXHRcdFx0XHRkYXRhUHJpdi5nZXQoIGN1ciwgXCJoYW5kbGVcIiApO1xuXHRcdFx0aWYgKCBoYW5kbGUgKSB7XG5cdFx0XHRcdGhhbmRsZS5hcHBseSggY3VyLCBkYXRhICk7XG5cdFx0XHR9XG5cblx0XHRcdC8vIE5hdGl2ZSBoYW5kbGVyXG5cdFx0XHRoYW5kbGUgPSBvbnR5cGUgJiYgY3VyWyBvbnR5cGUgXTtcblx0XHRcdGlmICggaGFuZGxlICYmIGhhbmRsZS5hcHBseSAmJiBhY2NlcHREYXRhKCBjdXIgKSApIHtcblx0XHRcdFx0ZXZlbnQucmVzdWx0ID0gaGFuZGxlLmFwcGx5KCBjdXIsIGRhdGEgKTtcblx0XHRcdFx0aWYgKCBldmVudC5yZXN1bHQgPT09IGZhbHNlICkge1xuXHRcdFx0XHRcdGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG5cdFx0XHRcdH1cblx0XHRcdH1cblx0XHR9XG5cdFx0ZXZlbnQudHlwZSA9IHR5cGU7XG5cblx0XHQvLyBJZiBub2JvZHkgcHJldmVudGVkIHRoZSBkZWZhdWx0IGFjdGlvbiwgZG8gaXQgbm93XG5cdFx0aWYgKCAhb25seUhhbmRsZXJzICYmICFldmVudC5pc0RlZmF1bHRQcmV2ZW50ZWQoKSApIHtcblxuXHRcdFx0aWYgKCAoICFzcGVjaWFsLl9kZWZhdWx0IHx8XG5cdFx0XHRcdHNwZWNpYWwuX2RlZmF1bHQuYXBwbHkoIGV2ZW50UGF0aC5wb3AoKSwgZGF0YSApID09PSBmYWxzZSApICYmXG5cdFx0XHRcdGFjY2VwdERhdGEoIGVsZW0gKSApIHtcblxuXHRcdFx0XHQvLyBDYWxsIGEgbmF0aXZlIERPTSBtZXRob2Qgb24gdGhlIHRhcmdldCB3aXRoIHRoZSBzYW1lIG5hbWUgYXMgdGhlIGV2ZW50LlxuXHRcdFx0XHQvLyBEb24ndCBkbyBkZWZhdWx0IGFjdGlvbnMgb24gd2luZG93LCB0aGF0J3Mgd2hlcmUgZ2xvYmFsIHZhcmlhYmxlcyBiZSAodHJhYy02MTcwKVxuXHRcdFx0XHRpZiAoIG9udHlwZSAmJiBpc0Z1bmN0aW9uKCBlbGVtWyB0eXBlIF0gKSAmJiAhaXNXaW5kb3coIGVsZW0gKSApIHtcblxuXHRcdFx0XHRcdC8vIERvbid0IHJlLXRyaWdnZXIgYW4gb25GT08gZXZlbnQgd2hlbiB3ZSBjYWxsIGl0cyBGT08oKSBtZXRob2Rcblx0XHRcdFx0XHR0bXAgPSBlbGVtWyBvbnR5cGUgXTtcblxuXHRcdFx0XHRcdGlmICggdG1wICkge1xuXHRcdFx0XHRcdFx0ZWxlbVsgb250eXBlIF0gPSBudWxsO1xuXHRcdFx0XHRcdH1cblxuXHRcdFx0XHRcdC8vIFByZXZlbnQgcmUtdHJpZ2dlcmluZyBvZiB0aGUgc2FtZSBldmVudCwgc2luY2Ugd2UgYWxyZWFkeSBidWJibGVkIGl0IGFib3ZlXG5cdFx0XHRcdFx0alF1ZXJ5LmV2ZW50LnRyaWdnZXJlZCA9IHR5cGU7XG5cblx0XHRcdFx0XHRpZiAoIGV2ZW50LmlzUHJvcGFnYXRpb25TdG9wcGVkKCkgKSB7XG5cdFx0XHRcdFx0XHRsYXN0RWxlbWVudC5hZGRFdmVudExpc3RlbmVyKCB0eXBlLCBzdG9wUHJvcGFnYXRpb25DYWxsYmFjayApO1xuXHRcdFx0XHRcdH1cblxuXHRcdFx0XHRcdGVsZW1bIHR5cGUgXSgpO1xuXG5cdFx0XHRcdFx0aWYgKCBldmVudC5pc1Byb3BhZ2F0aW9uU3RvcHBlZCgpICkge1xuXHRcdFx0XHRcdFx0bGFzdEVsZW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lciggdHlwZSwgc3RvcFByb3BhZ2F0aW9uQ2FsbGJhY2sgKTtcblx0XHRcdFx0XHR9XG5cblx0XHRcdFx0XHRqUXVlcnkuZXZlbnQudHJpZ2dlcmVkID0gdW5kZWZpbmVkO1xuXG5cdFx0XHRcdFx0aWYgKCB0bXAgKSB7XG5cdFx0XHRcdFx0XHRlbGVtWyBvbnR5cGUgXSA9IHRtcDtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdH1cblx0XHRcdH1cblx0XHR9XG5cblx0XHRyZXR1cm4gZXZlbnQucmVzdWx0O1xuXHR9LFxuXG5cdC8vIFBpZ2d5YmFjayBvbiBhIGRvbm9yIGV2ZW50IHRvIHNpbXVsYXRlIGEgZGlmZmVyZW50IG9uZVxuXHQvLyBVc2VkIG9ubHkgZm9yIGBmb2N1cyhpbiB8IG91dClgIGV2ZW50c1xuXHRzaW11bGF0ZTogZnVuY3Rpb24oIHR5cGUsIGVsZW0sIGV2ZW50ICkge1xuXHRcdHZhciBlID0galF1ZXJ5LmV4dGVuZChcblx0XHRcdG5ldyBqUXVlcnkuRXZlbnQoKSxcblx0XHRcdGV2ZW50LFxuXHRcdFx0e1xuXHRcdFx0XHR0eXBlOiB0eXBlLFxuXHRcdFx0XHRpc1NpbXVsYXRlZDogdHJ1ZVxuXHRcdFx0fVxuXHRcdCk7XG5cblx0XHRqUXVlcnkuZXZlbnQudHJpZ2dlciggZSwgbnVsbCwgZWxlbSApO1xuXHR9XG5cbn0gKTtcblxualF1ZXJ5LmZuLmV4dGVuZCgge1xuXG5cdHRyaWdnZXI6IGZ1bmN0aW9uKCB0eXBlLCBkYXRhICkge1xuXHRcdHJldHVybiB0aGlzLmVhY2goIGZ1bmN0aW9uKCkge1xuXHRcdFx0alF1ZXJ5LmV2ZW50LnRyaWdnZXIoIHR5cGUsIGRhdGEsIHRoaXMgKTtcblx0XHR9ICk7XG5cdH0sXG5cdHRyaWdnZXJIYW5kbGVyOiBmdW5jdGlvbiggdHlwZSwgZGF0YSApIHtcblx0XHR2YXIgZWxlbSA9IHRoaXNbIDAgXTtcblx0XHRpZiAoIGVsZW0gKSB7XG5cdFx0XHRyZXR1cm4galF1ZXJ5LmV2ZW50LnRyaWdnZXIoIHR5cGUsIGRhdGEsIGVsZW0sIHRydWUgKTtcblx0XHR9XG5cdH1cbn0gKTtcblxuXG52YXJcblx0cmJyYWNrZXQgPSAvXFxbXFxdJC8sXG5cdHJDUkxGID0gL1xccj9cXG4vZyxcblx0cnN1Ym1pdHRlclR5cGVzID0gL14oPzpzdWJtaXR8YnV0dG9ufGltYWdlfHJlc2V0fGZpbGUpJC9pLFxuXHRyc3VibWl0dGFibGUgPSAvXig/OmlucHV0fHNlbGVjdHx0ZXh0YXJlYXxrZXlnZW4pL2k7XG5cbmZ1bmN0aW9uIGJ1aWxkUGFyYW1zKCBwcmVmaXgsIG9iaiwgdHJhZGl0aW9uYWwsIGFkZCApIHtcblx0dmFyIG5hbWU7XG5cblx0aWYgKCBBcnJheS5pc0FycmF5KCBvYmogKSApIHtcblxuXHRcdC8vIFNlcmlhbGl6ZSBhcnJheSBpdGVtLlxuXHRcdGpRdWVyeS5lYWNoKCBvYmosIGZ1bmN0aW9uKCBpLCB2ICkge1xuXHRcdFx0aWYgKCB0cmFkaXRpb25hbCB8fCByYnJhY2tldC50ZXN0KCBwcmVmaXggKSApIHtcblxuXHRcdFx0XHQvLyBUcmVhdCBlYWNoIGFycmF5IGl0ZW0gYXMgYSBzY2FsYXIuXG5cdFx0XHRcdGFkZCggcHJlZml4LCB2ICk7XG5cblx0XHRcdH0gZWxzZSB7XG5cblx0XHRcdFx0Ly8gSXRlbSBpcyBub24tc2NhbGFyIChhcnJheSBvciBvYmplY3QpLCBlbmNvZGUgaXRzIG51bWVyaWMgaW5kZXguXG5cdFx0XHRcdGJ1aWxkUGFyYW1zKFxuXHRcdFx0XHRcdHByZWZpeCArIFwiW1wiICsgKCB0eXBlb2YgdiA9PT0gXCJvYmplY3RcIiAmJiB2ICE9IG51bGwgPyBpIDogXCJcIiApICsgXCJdXCIsXG5cdFx0XHRcdFx0dixcblx0XHRcdFx0XHR0cmFkaXRpb25hbCxcblx0XHRcdFx0XHRhZGRcblx0XHRcdFx0KTtcblx0XHRcdH1cblx0XHR9ICk7XG5cblx0fSBlbHNlIGlmICggIXRyYWRpdGlvbmFsICYmIHRvVHlwZSggb2JqICkgPT09IFwib2JqZWN0XCIgKSB7XG5cblx0XHQvLyBTZXJpYWxpemUgb2JqZWN0IGl0ZW0uXG5cdFx0Zm9yICggbmFtZSBpbiBvYmogKSB7XG5cdFx0XHRidWlsZFBhcmFtcyggcHJlZml4ICsgXCJbXCIgKyBuYW1lICsgXCJdXCIsIG9ialsgbmFtZSBdLCB0cmFkaXRpb25hbCwgYWRkICk7XG5cdFx0fVxuXG5cdH0gZWxzZSB7XG5cblx0XHQvLyBTZXJpYWxpemUgc2NhbGFyIGl0ZW0uXG5cdFx0YWRkKCBwcmVmaXgsIG9iaiApO1xuXHR9XG59XG5cbi8vIFNlcmlhbGl6ZSBhbiBhcnJheSBvZiBmb3JtIGVsZW1lbnRzIG9yIGEgc2V0IG9mXG4vLyBrZXkvdmFsdWVzIGludG8gYSBxdWVyeSBzdHJpbmdcbmpRdWVyeS5wYXJhbSA9IGZ1bmN0aW9uKCBhLCB0cmFkaXRpb25hbCApIHtcblx0dmFyIHByZWZpeCxcblx0XHRzID0gW10sXG5cdFx0YWRkID0gZnVuY3Rpb24oIGtleSwgdmFsdWVPckZ1bmN0aW9uICkge1xuXG5cdFx0XHQvLyBJZiB2YWx1ZSBpcyBhIGZ1bmN0aW9uLCBpbnZva2UgaXQgYW5kIHVzZSBpdHMgcmV0dXJuIHZhbHVlXG5cdFx0XHR2YXIgdmFsdWUgPSBpc0Z1bmN0aW9uKCB2YWx1ZU9yRnVuY3Rpb24gKSA/XG5cdFx0XHRcdHZhbHVlT3JGdW5jdGlvbigpIDpcblx0XHRcdFx0dmFsdWVPckZ1bmN0aW9uO1xuXG5cdFx0XHRzWyBzLmxlbmd0aCBdID0gZW5jb2RlVVJJQ29tcG9uZW50KCBrZXkgKSArIFwiPVwiICtcblx0XHRcdFx0ZW5jb2RlVVJJQ29tcG9uZW50KCB2YWx1ZSA9PSBudWxsID8gXCJcIiA6IHZhbHVlICk7XG5cdFx0fTtcblxuXHRpZiAoIGEgPT0gbnVsbCApIHtcblx0XHRyZXR1cm4gXCJcIjtcblx0fVxuXG5cdC8vIElmIGFuIGFycmF5IHdhcyBwYXNzZWQgaW4sIGFzc3VtZSB0aGF0IGl0IGlzIGFuIGFycmF5IG9mIGZvcm0gZWxlbWVudHMuXG5cdGlmICggQXJyYXkuaXNBcnJheSggYSApIHx8ICggYS5qcXVlcnkgJiYgIWpRdWVyeS5pc1BsYWluT2JqZWN0KCBhICkgKSApIHtcblxuXHRcdC8vIFNlcmlhbGl6ZSB0aGUgZm9ybSBlbGVtZW50c1xuXHRcdGpRdWVyeS5lYWNoKCBhLCBmdW5jdGlvbigpIHtcblx0XHRcdGFkZCggdGhpcy5uYW1lLCB0aGlzLnZhbHVlICk7XG5cdFx0fSApO1xuXG5cdH0gZWxzZSB7XG5cblx0XHQvLyBJZiB0cmFkaXRpb25hbCwgZW5jb2RlIHRoZSBcIm9sZFwiIHdheSAodGhlIHdheSAxLjMuMiBvciBvbGRlclxuXHRcdC8vIGRpZCBpdCksIG90aGVyd2lzZSBlbmNvZGUgcGFyYW1zIHJlY3Vyc2l2ZWx5LlxuXHRcdGZvciAoIHByZWZpeCBpbiBhICkge1xuXHRcdFx0YnVpbGRQYXJhbXMoIHByZWZpeCwgYVsgcHJlZml4IF0sIHRyYWRpdGlvbmFsLCBhZGQgKTtcblx0XHR9XG5cdH1cblxuXHQvLyBSZXR1cm4gdGhlIHJlc3VsdGluZyBzZXJpYWxpemF0aW9uXG5cdHJldHVybiBzLmpvaW4oIFwiJlwiICk7XG59O1xuXG5qUXVlcnkuZm4uZXh0ZW5kKCB7XG5cdHNlcmlhbGl6ZTogZnVuY3Rpb24oKSB7XG5cdFx0cmV0dXJuIGpRdWVyeS5wYXJhbSggdGhpcy5zZXJpYWxpemVBcnJheSgpICk7XG5cdH0sXG5cdHNlcmlhbGl6ZUFycmF5OiBmdW5jdGlvbigpIHtcblx0XHRyZXR1cm4gdGhpcy5tYXAoIGZ1bmN0aW9uKCkge1xuXG5cdFx0XHQvLyBDYW4gYWRkIHByb3BIb29rIGZvciBcImVsZW1lbnRzXCIgdG8gZmlsdGVyIG9yIGFkZCBmb3JtIGVsZW1lbnRzXG5cdFx0XHR2YXIgZWxlbWVudHMgPSBqUXVlcnkucHJvcCggdGhpcywgXCJlbGVtZW50c1wiICk7XG5cdFx0XHRyZXR1cm4gZWxlbWVudHMgPyBqUXVlcnkubWFrZUFycmF5KCBlbGVtZW50cyApIDogdGhpcztcblx0XHR9ICkuZmlsdGVyKCBmdW5jdGlvbigpIHtcblx0XHRcdHZhciB0eXBlID0gdGhpcy50eXBlO1xuXG5cdFx0XHQvLyBVc2UgLmlzKCBcIjpkaXNhYmxlZFwiICkgc28gdGhhdCBmaWVsZHNldFtkaXNhYmxlZF0gd29ya3Ncblx0XHRcdHJldHVybiB0aGlzLm5hbWUgJiYgIWpRdWVyeSggdGhpcyApLmlzKCBcIjpkaXNhYmxlZFwiICkgJiZcblx0XHRcdFx0cnN1Ym1pdHRhYmxlLnRlc3QoIHRoaXMubm9kZU5hbWUgKSAmJiAhcnN1Ym1pdHRlclR5cGVzLnRlc3QoIHR5cGUgKSAmJlxuXHRcdFx0XHQoIHRoaXMuY2hlY2tlZCB8fCAhcmNoZWNrYWJsZVR5cGUudGVzdCggdHlwZSApICk7XG5cdFx0fSApLm1hcCggZnVuY3Rpb24oIF9pLCBlbGVtICkge1xuXHRcdFx0dmFyIHZhbCA9IGpRdWVyeSggdGhpcyApLnZhbCgpO1xuXG5cdFx0XHRpZiAoIHZhbCA9PSBudWxsICkge1xuXHRcdFx0XHRyZXR1cm4gbnVsbDtcblx0XHRcdH1cblxuXHRcdFx0aWYgKCBBcnJheS5pc0FycmF5KCB2YWwgKSApIHtcblx0XHRcdFx0cmV0dXJuIGpRdWVyeS5tYXAoIHZhbCwgZnVuY3Rpb24oIHZhbCApIHtcblx0XHRcdFx0XHRyZXR1cm4geyBuYW1lOiBlbGVtLm5hbWUsIHZhbHVlOiB2YWwucmVwbGFjZSggckNSTEYsIFwiXFxyXFxuXCIgKSB9O1xuXHRcdFx0XHR9ICk7XG5cdFx0XHR9XG5cblx0XHRcdHJldHVybiB7IG5hbWU6IGVsZW0ubmFtZSwgdmFsdWU6IHZhbC5yZXBsYWNlKCByQ1JMRiwgXCJcXHJcXG5cIiApIH07XG5cdFx0fSApLmdldCgpO1xuXHR9XG59ICk7XG5cblxudmFyXG5cdHIyMCA9IC8lMjAvZyxcblx0cmhhc2ggPSAvIy4qJC8sXG5cdHJhbnRpQ2FjaGUgPSAvKFs/Jl0pXz1bXiZdKi8sXG5cdHJoZWFkZXJzID0gL14oLio/KTpbIFxcdF0qKFteXFxyXFxuXSopJC9tZyxcblxuXHQvLyB0cmFjLTc2NTMsIHRyYWMtODEyNSwgdHJhYy04MTUyOiBsb2NhbCBwcm90b2NvbCBkZXRlY3Rpb25cblx0cmxvY2FsUHJvdG9jb2wgPSAvXig/OmFib3V0fGFwcHxhcHAtc3RvcmFnZXwuKy1leHRlbnNpb258ZmlsZXxyZXN8d2lkZ2V0KTokLyxcblx0cm5vQ29udGVudCA9IC9eKD86R0VUfEhFQUQpJC8sXG5cdHJwcm90b2NvbCA9IC9eXFwvXFwvLyxcblxuXHQvKiBQcmVmaWx0ZXJzXG5cdCAqIDEpIFRoZXkgYXJlIHVzZWZ1bCB0byBpbnRyb2R1Y2UgY3VzdG9tIGRhdGFUeXBlcyAoc2VlIGFqYXgvanNvbnAuanMgZm9yIGFuIGV4YW1wbGUpXG5cdCAqIDIpIFRoZXNlIGFyZSBjYWxsZWQ6XG5cdCAqICAgIC0gQkVGT1JFIGFza2luZyBmb3IgYSB0cmFuc3BvcnRcblx0ICogICAgLSBBRlRFUiBwYXJhbSBzZXJpYWxpemF0aW9uIChzLmRhdGEgaXMgYSBzdHJpbmcgaWYgcy5wcm9jZXNzRGF0YSBpcyB0cnVlKVxuXHQgKiAzKSBrZXkgaXMgdGhlIGRhdGFUeXBlXG5cdCAqIDQpIHRoZSBjYXRjaGFsbCBzeW1ib2wgXCIqXCIgY2FuIGJlIHVzZWRcblx0ICogNSkgZXhlY3V0aW9uIHdpbGwgc3RhcnQgd2l0aCB0cmFuc3BvcnQgZGF0YVR5cGUgYW5kIFRIRU4gY29udGludWUgZG93biB0byBcIipcIiBpZiBuZWVkZWRcblx0ICovXG5cdHByZWZpbHRlcnMgPSB7fSxcblxuXHQvKiBUcmFuc3BvcnRzIGJpbmRpbmdzXG5cdCAqIDEpIGtleSBpcyB0aGUgZGF0YVR5cGVcblx0ICogMikgdGhlIGNhdGNoYWxsIHN5bWJvbCBcIipcIiBjYW4gYmUgdXNlZFxuXHQgKiAzKSBzZWxlY3Rpb24gd2lsbCBzdGFydCB3aXRoIHRyYW5zcG9ydCBkYXRhVHlwZSBhbmQgVEhFTiBnbyB0byBcIipcIiBpZiBuZWVkZWRcblx0ICovXG5cdHRyYW5zcG9ydHMgPSB7fSxcblxuXHQvLyBBdm9pZCBjb21tZW50LXByb2xvZyBjaGFyIHNlcXVlbmNlICh0cmFjLTEwMDk4KTsgbXVzdCBhcHBlYXNlIGxpbnQgYW5kIGV2YWRlIGNvbXByZXNzaW9uXG5cdGFsbFR5cGVzID0gXCIqL1wiLmNvbmNhdCggXCIqXCIgKSxcblxuXHQvLyBBbmNob3IgdGFnIGZvciBwYXJzaW5nIHRoZSBkb2N1bWVudCBvcmlnaW5cblx0b3JpZ2luQW5jaG9yID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCggXCJhXCIgKTtcblxub3JpZ2luQW5jaG9yLmhyZWYgPSBsb2NhdGlvbi5ocmVmO1xuXG4vLyBCYXNlIFwiY29uc3RydWN0b3JcIiBmb3IgalF1ZXJ5LmFqYXhQcmVmaWx0ZXIgYW5kIGpRdWVyeS5hamF4VHJhbnNwb3J0XG5mdW5jdGlvbiBhZGRUb1ByZWZpbHRlcnNPclRyYW5zcG9ydHMoIHN0cnVjdHVyZSApIHtcblxuXHQvLyBkYXRhVHlwZUV4cHJlc3Npb24gaXMgb3B0aW9uYWwgYW5kIGRlZmF1bHRzIHRvIFwiKlwiXG5cdHJldHVybiBmdW5jdGlvbiggZGF0YVR5cGVFeHByZXNzaW9uLCBmdW5jICkge1xuXG5cdFx0aWYgKCB0eXBlb2YgZGF0YVR5cGVFeHByZXNzaW9uICE9PSBcInN0cmluZ1wiICkge1xuXHRcdFx0ZnVuYyA9IGRhdGFUeXBlRXhwcmVzc2lvbjtcblx0XHRcdGRhdGFUeXBlRXhwcmVzc2lvbiA9IFwiKlwiO1xuXHRcdH1cblxuXHRcdHZhciBkYXRhVHlwZSxcblx0XHRcdGkgPSAwLFxuXHRcdFx0ZGF0YVR5cGVzID0gZGF0YVR5cGVFeHByZXNzaW9uLnRvTG93ZXJDYXNlKCkubWF0Y2goIHJub3RodG1sd2hpdGUgKSB8fCBbXTtcblxuXHRcdGlmICggaXNGdW5jdGlvbiggZnVuYyApICkge1xuXG5cdFx0XHQvLyBGb3IgZWFjaCBkYXRhVHlwZSBpbiB0aGUgZGF0YVR5cGVFeHByZXNzaW9uXG5cdFx0XHR3aGlsZSAoICggZGF0YVR5cGUgPSBkYXRhVHlwZXNbIGkrKyBdICkgKSB7XG5cblx0XHRcdFx0Ly8gUHJlcGVuZCBpZiByZXF1ZXN0ZWRcblx0XHRcdFx0aWYgKCBkYXRhVHlwZVsgMCBdID09PSBcIitcIiApIHtcblx0XHRcdFx0XHRkYXRhVHlwZSA9IGRhdGFUeXBlLnNsaWNlKCAxICkgfHwgXCIqXCI7XG5cdFx0XHRcdFx0KCBzdHJ1Y3R1cmVbIGRhdGFUeXBlIF0gPSBzdHJ1Y3R1cmVbIGRhdGFUeXBlIF0gfHwgW10gKS51bnNoaWZ0KCBmdW5jICk7XG5cblx0XHRcdFx0Ly8gT3RoZXJ3aXNlIGFwcGVuZFxuXHRcdFx0XHR9IGVsc2Uge1xuXHRcdFx0XHRcdCggc3RydWN0dXJlWyBkYXRhVHlwZSBdID0gc3RydWN0dXJlWyBkYXRhVHlwZSBdIHx8IFtdICkucHVzaCggZnVuYyApO1xuXHRcdFx0XHR9XG5cdFx0XHR9XG5cdFx0fVxuXHR9O1xufVxuXG4vLyBCYXNlIGluc3BlY3Rpb24gZnVuY3Rpb24gZm9yIHByZWZpbHRlcnMgYW5kIHRyYW5zcG9ydHNcbmZ1bmN0aW9uIGluc3BlY3RQcmVmaWx0ZXJzT3JUcmFuc3BvcnRzKCBzdHJ1Y3R1cmUsIG9wdGlvbnMsIG9yaWdpbmFsT3B0aW9ucywganFYSFIgKSB7XG5cblx0dmFyIGluc3BlY3RlZCA9IHt9LFxuXHRcdHNlZWtpbmdUcmFuc3BvcnQgPSAoIHN0cnVjdHVyZSA9PT0gdHJhbnNwb3J0cyApO1xuXG5cdGZ1bmN0aW9uIGluc3BlY3QoIGRhdGFUeXBlICkge1xuXHRcdHZhciBzZWxlY3RlZDtcblx0XHRpbnNwZWN0ZWRbIGRhdGFUeXBlIF0gPSB0cnVlO1xuXHRcdGpRdWVyeS5lYWNoKCBzdHJ1Y3R1cmVbIGRhdGFUeXBlIF0gfHwgW10sIGZ1bmN0aW9uKCBfLCBwcmVmaWx0ZXJPckZhY3RvcnkgKSB7XG5cdFx0XHR2YXIgZGF0YVR5cGVPclRyYW5zcG9ydCA9IHByZWZpbHRlck9yRmFjdG9yeSggb3B0aW9ucywgb3JpZ2luYWxPcHRpb25zLCBqcVhIUiApO1xuXHRcdFx0aWYgKCB0eXBlb2YgZGF0YVR5cGVPclRyYW5zcG9ydCA9PT0gXCJzdHJpbmdcIiAmJlxuXHRcdFx0XHQhc2Vla2luZ1RyYW5zcG9ydCAmJiAhaW5zcGVjdGVkWyBkYXRhVHlwZU9yVHJhbnNwb3J0IF0gKSB7XG5cblx0XHRcdFx0b3B0aW9ucy5kYXRhVHlwZXMudW5zaGlmdCggZGF0YVR5cGVPclRyYW5zcG9ydCApO1xuXHRcdFx0XHRpbnNwZWN0KCBkYXRhVHlwZU9yVHJhbnNwb3J0ICk7XG5cdFx0XHRcdHJldHVybiBmYWxzZTtcblx0XHRcdH0gZWxzZSBpZiAoIHNlZWtpbmdUcmFuc3BvcnQgKSB7XG5cdFx0XHRcdHJldHVybiAhKCBzZWxlY3RlZCA9IGRhdGFUeXBlT3JUcmFuc3BvcnQgKTtcblx0XHRcdH1cblx0XHR9ICk7XG5cdFx0cmV0dXJuIHNlbGVjdGVkO1xuXHR9XG5cblx0cmV0dXJuIGluc3BlY3QoIG9wdGlvbnMuZGF0YVR5cGVzWyAwIF0gKSB8fCAhaW5zcGVjdGVkWyBcIipcIiBdICYmIGluc3BlY3QoIFwiKlwiICk7XG59XG5cbi8vIEEgc3BlY2lhbCBleHRlbmQgZm9yIGFqYXggb3B0aW9uc1xuLy8gdGhhdCB0YWtlcyBcImZsYXRcIiBvcHRpb25zIChub3QgdG8gYmUgZGVlcCBleHRlbmRlZClcbi8vIEZpeGVzIHRyYWMtOTg4N1xuZnVuY3Rpb24gYWpheEV4dGVuZCggdGFyZ2V0LCBzcmMgKSB7XG5cdHZhciBrZXksIGRlZXAsXG5cdFx0ZmxhdE9wdGlvbnMgPSBqUXVlcnkuYWpheFNldHRpbmdzLmZsYXRPcHRpb25zIHx8IHt9O1xuXG5cdGZvciAoIGtleSBpbiBzcmMgKSB7XG5cdFx0aWYgKCBzcmNbIGtleSBdICE9PSB1bmRlZmluZWQgKSB7XG5cdFx0XHQoIGZsYXRPcHRpb25zWyBrZXkgXSA/IHRhcmdldCA6ICggZGVlcCB8fCAoIGRlZXAgPSB7fSApICkgKVsga2V5IF0gPSBzcmNbIGtleSBdO1xuXHRcdH1cblx0fVxuXHRpZiAoIGRlZXAgKSB7XG5cdFx0alF1ZXJ5LmV4dGVuZCggdHJ1ZSwgdGFyZ2V0LCBkZWVwICk7XG5cdH1cblxuXHRyZXR1cm4gdGFyZ2V0O1xufVxuXG4vKiBIYW5kbGVzIHJlc3BvbnNlcyB0byBhbiBhamF4IHJlcXVlc3Q6XG4gKiAtIGZpbmRzIHRoZSByaWdodCBkYXRhVHlwZSAobWVkaWF0ZXMgYmV0d2VlbiBjb250ZW50LXR5cGUgYW5kIGV4cGVjdGVkIGRhdGFUeXBlKVxuICogLSByZXR1cm5zIHRoZSBjb3JyZXNwb25kaW5nIHJlc3BvbnNlXG4gKi9cbmZ1bmN0aW9uIGFqYXhIYW5kbGVSZXNwb25zZXMoIHMsIGpxWEhSLCByZXNwb25zZXMgKSB7XG5cblx0dmFyIGN0LCB0eXBlLCBmaW5hbERhdGFUeXBlLCBmaXJzdERhdGFUeXBlLFxuXHRcdGNvbnRlbnRzID0gcy5jb250ZW50cyxcblx0XHRkYXRhVHlwZXMgPSBzLmRhdGFUeXBlcztcblxuXHQvLyBSZW1vdmUgYXV0byBkYXRhVHlwZSBhbmQgZ2V0IGNvbnRlbnQtdHlwZSBpbiB0aGUgcHJvY2Vzc1xuXHR3aGlsZSAoIGRhdGFUeXBlc1sgMCBdID09PSBcIipcIiApIHtcblx0XHRkYXRhVHlwZXMuc2hpZnQoKTtcblx0XHRpZiAoIGN0ID09PSB1bmRlZmluZWQgKSB7XG5cdFx0XHRjdCA9IHMubWltZVR5cGUgfHwganFYSFIuZ2V0UmVzcG9uc2VIZWFkZXIoIFwiQ29udGVudC1UeXBlXCIgKTtcblx0XHR9XG5cdH1cblxuXHQvLyBDaGVjayBpZiB3ZSdyZSBkZWFsaW5nIHdpdGggYSBrbm93biBjb250ZW50LXR5cGVcblx0aWYgKCBjdCApIHtcblx0XHRmb3IgKCB0eXBlIGluIGNvbnRlbnRzICkge1xuXHRcdFx0aWYgKCBjb250ZW50c1sgdHlwZSBdICYmIGNvbnRlbnRzWyB0eXBlIF0udGVzdCggY3QgKSApIHtcblx0XHRcdFx0ZGF0YVR5cGVzLnVuc2hpZnQoIHR5cGUgKTtcblx0XHRcdFx0YnJlYWs7XG5cdFx0XHR9XG5cdFx0fVxuXHR9XG5cblx0Ly8gQ2hlY2sgdG8gc2VlIGlmIHdlIGhhdmUgYSByZXNwb25zZSBmb3IgdGhlIGV4cGVjdGVkIGRhdGFUeXBlXG5cdGlmICggZGF0YVR5cGVzWyAwIF0gaW4gcmVzcG9uc2VzICkge1xuXHRcdGZpbmFsRGF0YVR5cGUgPSBkYXRhVHlwZXNbIDAgXTtcblx0fSBlbHNlIHtcblxuXHRcdC8vIFRyeSBjb252ZXJ0aWJsZSBkYXRhVHlwZXNcblx0XHRmb3IgKCB0eXBlIGluIHJlc3BvbnNlcyApIHtcblx0XHRcdGlmICggIWRhdGFUeXBlc1sgMCBdIHx8IHMuY29udmVydGVyc1sgdHlwZSArIFwiIFwiICsgZGF0YVR5cGVzWyAwIF0gXSApIHtcblx0XHRcdFx0ZmluYWxEYXRhVHlwZSA9IHR5cGU7XG5cdFx0XHRcdGJyZWFrO1xuXHRcdFx0fVxuXHRcdFx0aWYgKCAhZmlyc3REYXRhVHlwZSApIHtcblx0XHRcdFx0Zmlyc3REYXRhVHlwZSA9IHR5cGU7XG5cdFx0XHR9XG5cdFx0fVxuXG5cdFx0Ly8gT3IganVzdCB1c2UgZmlyc3Qgb25lXG5cdFx0ZmluYWxEYXRhVHlwZSA9IGZpbmFsRGF0YVR5cGUgfHwgZmlyc3REYXRhVHlwZTtcblx0fVxuXG5cdC8vIElmIHdlIGZvdW5kIGEgZGF0YVR5cGVcblx0Ly8gV2UgYWRkIHRoZSBkYXRhVHlwZSB0byB0aGUgbGlzdCBpZiBuZWVkZWRcblx0Ly8gYW5kIHJldHVybiB0aGUgY29ycmVzcG9uZGluZyByZXNwb25zZVxuXHRpZiAoIGZpbmFsRGF0YVR5cGUgKSB7XG5cdFx0aWYgKCBmaW5hbERhdGFUeXBlICE9PSBkYXRhVHlwZXNbIDAgXSApIHtcblx0XHRcdGRhdGFUeXBlcy51bnNoaWZ0KCBmaW5hbERhdGFUeXBlICk7XG5cdFx0fVxuXHRcdHJldHVybiByZXNwb25zZXNbIGZpbmFsRGF0YVR5cGUgXTtcblx0fVxufVxuXG4vKiBDaGFpbiBjb252ZXJzaW9ucyBnaXZlbiB0aGUgcmVxdWVzdCBhbmQgdGhlIG9yaWdpbmFsIHJlc3BvbnNlXG4gKiBBbHNvIHNldHMgdGhlIHJlc3BvbnNlWFhYIGZpZWxkcyBvbiB0aGUganFYSFIgaW5zdGFuY2VcbiAqL1xuZnVuY3Rpb24gYWpheENvbnZlcnQoIHMsIHJlc3BvbnNlLCBqcVhIUiwgaXNTdWNjZXNzICkge1xuXHR2YXIgY29udjIsIGN1cnJlbnQsIGNvbnYsIHRtcCwgcHJldixcblx0XHRjb252ZXJ0ZXJzID0ge30sXG5cblx0XHQvLyBXb3JrIHdpdGggYSBjb3B5IG9mIGRhdGFUeXBlcyBpbiBjYXNlIHdlIG5lZWQgdG8gbW9kaWZ5IGl0IGZvciBjb252ZXJzaW9uXG5cdFx0ZGF0YVR5cGVzID0gcy5kYXRhVHlwZXMuc2xpY2UoKTtcblxuXHQvLyBDcmVhdGUgY29udmVydGVycyBtYXAgd2l0aCBsb3dlcmNhc2VkIGtleXNcblx0aWYgKCBkYXRhVHlwZXNbIDEgXSApIHtcblx0XHRmb3IgKCBjb252IGluIHMuY29udmVydGVycyApIHtcblx0XHRcdGNvbnZlcnRlcnNbIGNvbnYudG9Mb3dlckNhc2UoKSBdID0gcy5jb252ZXJ0ZXJzWyBjb252IF07XG5cdFx0fVxuXHR9XG5cblx0Y3VycmVudCA9IGRhdGFUeXBlcy5zaGlmdCgpO1xuXG5cdC8vIENvbnZlcnQgdG8gZWFjaCBzZXF1ZW50aWFsIGRhdGFUeXBlXG5cdHdoaWxlICggY3VycmVudCApIHtcblxuXHRcdGlmICggcy5yZXNwb25zZUZpZWxkc1sgY3VycmVudCBdICkge1xuXHRcdFx0anFYSFJbIHMucmVzcG9uc2VGaWVsZHNbIGN1cnJlbnQgXSBdID0gcmVzcG9uc2U7XG5cdFx0fVxuXG5cdFx0Ly8gQXBwbHkgdGhlIGRhdGFGaWx0ZXIgaWYgcHJvdmlkZWRcblx0XHRpZiAoICFwcmV2ICYmIGlzU3VjY2VzcyAmJiBzLmRhdGFGaWx0ZXIgKSB7XG5cdFx0XHRyZXNwb25zZSA9IHMuZGF0YUZpbHRlciggcmVzcG9uc2UsIHMuZGF0YVR5cGUgKTtcblx0XHR9XG5cblx0XHRwcmV2ID0gY3VycmVudDtcblx0XHRjdXJyZW50ID0gZGF0YVR5cGVzLnNoaWZ0KCk7XG5cblx0XHRpZiAoIGN1cnJlbnQgKSB7XG5cblx0XHRcdC8vIFRoZXJlJ3Mgb25seSB3b3JrIHRvIGRvIGlmIGN1cnJlbnQgZGF0YVR5cGUgaXMgbm9uLWF1dG9cblx0XHRcdGlmICggY3VycmVudCA9PT0gXCIqXCIgKSB7XG5cblx0XHRcdFx0Y3VycmVudCA9IHByZXY7XG5cblx0XHRcdC8vIENvbnZlcnQgcmVzcG9uc2UgaWYgcHJldiBkYXRhVHlwZSBpcyBub24tYXV0byBhbmQgZGlmZmVycyBmcm9tIGN1cnJlbnRcblx0XHRcdH0gZWxzZSBpZiAoIHByZXYgIT09IFwiKlwiICYmIHByZXYgIT09IGN1cnJlbnQgKSB7XG5cblx0XHRcdFx0Ly8gU2VlayBhIGRpcmVjdCBjb252ZXJ0ZXJcblx0XHRcdFx0Y29udiA9IGNvbnZlcnRlcnNbIHByZXYgKyBcIiBcIiArIGN1cnJlbnQgXSB8fCBjb252ZXJ0ZXJzWyBcIiogXCIgKyBjdXJyZW50IF07XG5cblx0XHRcdFx0Ly8gSWYgbm9uZSBmb3VuZCwgc2VlayBhIHBhaXJcblx0XHRcdFx0aWYgKCAhY29udiApIHtcblx0XHRcdFx0XHRmb3IgKCBjb252MiBpbiBjb252ZXJ0ZXJzICkge1xuXG5cdFx0XHRcdFx0XHQvLyBJZiBjb252MiBvdXRwdXRzIGN1cnJlbnRcblx0XHRcdFx0XHRcdHRtcCA9IGNvbnYyLnNwbGl0KCBcIiBcIiApO1xuXHRcdFx0XHRcdFx0aWYgKCB0bXBbIDEgXSA9PT0gY3VycmVudCApIHtcblxuXHRcdFx0XHRcdFx0XHQvLyBJZiBwcmV2IGNhbiBiZSBjb252ZXJ0ZWQgdG8gYWNjZXB0ZWQgaW5wdXRcblx0XHRcdFx0XHRcdFx0Y29udiA9IGNvbnZlcnRlcnNbIHByZXYgKyBcIiBcIiArIHRtcFsgMCBdIF0gfHxcblx0XHRcdFx0XHRcdFx0XHRjb252ZXJ0ZXJzWyBcIiogXCIgKyB0bXBbIDAgXSBdO1xuXHRcdFx0XHRcdFx0XHRpZiAoIGNvbnYgKSB7XG5cblx0XHRcdFx0XHRcdFx0XHQvLyBDb25kZW5zZSBlcXVpdmFsZW5jZSBjb252ZXJ0ZXJzXG5cdFx0XHRcdFx0XHRcdFx0aWYgKCBjb252ID09PSB0cnVlICkge1xuXHRcdFx0XHRcdFx0XHRcdFx0Y29udiA9IGNvbnZlcnRlcnNbIGNvbnYyIF07XG5cblx0XHRcdFx0XHRcdFx0XHQvLyBPdGhlcndpc2UsIGluc2VydCB0aGUgaW50ZXJtZWRpYXRlIGRhdGFUeXBlXG5cdFx0XHRcdFx0XHRcdFx0fSBlbHNlIGlmICggY29udmVydGVyc1sgY29udjIgXSAhPT0gdHJ1ZSApIHtcblx0XHRcdFx0XHRcdFx0XHRcdGN1cnJlbnQgPSB0bXBbIDAgXTtcblx0XHRcdFx0XHRcdFx0XHRcdGRhdGFUeXBlcy51bnNoaWZ0KCB0bXBbIDEgXSApO1xuXHRcdFx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHRcdFx0XHRicmVhaztcblx0XHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdH1cblx0XHRcdFx0fVxuXG5cdFx0XHRcdC8vIEFwcGx5IGNvbnZlcnRlciAoaWYgbm90IGFuIGVxdWl2YWxlbmNlKVxuXHRcdFx0XHRpZiAoIGNvbnYgIT09IHRydWUgKSB7XG5cblx0XHRcdFx0XHQvLyBVbmxlc3MgZXJyb3JzIGFyZSBhbGxvd2VkIHRvIGJ1YmJsZSwgY2F0Y2ggYW5kIHJldHVybiB0aGVtXG5cdFx0XHRcdFx0aWYgKCBjb252ICYmIHMudGhyb3dzICkge1xuXHRcdFx0XHRcdFx0cmVzcG9uc2UgPSBjb252KCByZXNwb25zZSApO1xuXHRcdFx0XHRcdH0gZWxzZSB7XG5cdFx0XHRcdFx0XHR0cnkge1xuXHRcdFx0XHRcdFx0XHRyZXNwb25zZSA9IGNvbnYoIHJlc3BvbnNlICk7XG5cdFx0XHRcdFx0XHR9IGNhdGNoICggZSApIHtcblx0XHRcdFx0XHRcdFx0cmV0dXJuIHtcblx0XHRcdFx0XHRcdFx0XHRzdGF0ZTogXCJwYXJzZXJlcnJvclwiLFxuXHRcdFx0XHRcdFx0XHRcdGVycm9yOiBjb252ID8gZSA6IFwiTm8gY29udmVyc2lvbiBmcm9tIFwiICsgcHJldiArIFwiIHRvIFwiICsgY3VycmVudFxuXHRcdFx0XHRcdFx0XHR9O1xuXHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdH1cblx0XHRcdFx0fVxuXHRcdFx0fVxuXHRcdH1cblx0fVxuXG5cdHJldHVybiB7IHN0YXRlOiBcInN1Y2Nlc3NcIiwgZGF0YTogcmVzcG9uc2UgfTtcbn1cblxualF1ZXJ5LmV4dGVuZCgge1xuXG5cdC8vIENvdW50ZXIgZm9yIGhvbGRpbmcgdGhlIG51bWJlciBvZiBhY3RpdmUgcXVlcmllc1xuXHRhY3RpdmU6IDAsXG5cblx0Ly8gTGFzdC1Nb2RpZmllZCBoZWFkZXIgY2FjaGUgZm9yIG5leHQgcmVxdWVzdFxuXHRsYXN0TW9kaWZpZWQ6IHt9LFxuXHRldGFnOiB7fSxcblxuXHRhamF4U2V0dGluZ3M6IHtcblx0XHR1cmw6IGxvY2F0aW9uLmhyZWYsXG5cdFx0dHlwZTogXCJHRVRcIixcblx0XHRpc0xvY2FsOiBybG9jYWxQcm90b2NvbC50ZXN0KCBsb2NhdGlvbi5wcm90b2NvbCApLFxuXHRcdGdsb2JhbDogdHJ1ZSxcblx0XHRwcm9jZXNzRGF0YTogdHJ1ZSxcblx0XHRhc3luYzogdHJ1ZSxcblx0XHRjb250ZW50VHlwZTogXCJhcHBsaWNhdGlvbi94LXd3dy1mb3JtLXVybGVuY29kZWQ7IGNoYXJzZXQ9VVRGLThcIixcblxuXHRcdC8qXG5cdFx0dGltZW91dDogMCxcblx0XHRkYXRhOiBudWxsLFxuXHRcdGRhdGFUeXBlOiBudWxsLFxuXHRcdHVzZXJuYW1lOiBudWxsLFxuXHRcdHBhc3N3b3JkOiBudWxsLFxuXHRcdGNhY2hlOiBudWxsLFxuXHRcdHRocm93czogZmFsc2UsXG5cdFx0dHJhZGl0aW9uYWw6IGZhbHNlLFxuXHRcdGhlYWRlcnM6IHt9LFxuXHRcdCovXG5cblx0XHRhY2NlcHRzOiB7XG5cdFx0XHRcIipcIjogYWxsVHlwZXMsXG5cdFx0XHR0ZXh0OiBcInRleHQvcGxhaW5cIixcblx0XHRcdGh0bWw6IFwidGV4dC9odG1sXCIsXG5cdFx0XHR4bWw6IFwiYXBwbGljYXRpb24veG1sLCB0ZXh0L3htbFwiLFxuXHRcdFx0anNvbjogXCJhcHBsaWNhdGlvbi9qc29uLCB0ZXh0L2phdmFzY3JpcHRcIlxuXHRcdH0sXG5cblx0XHRjb250ZW50czoge1xuXHRcdFx0eG1sOiAvXFxieG1sXFxiLyxcblx0XHRcdGh0bWw6IC9cXGJodG1sLyxcblx0XHRcdGpzb246IC9cXGJqc29uXFxiL1xuXHRcdH0sXG5cblx0XHRyZXNwb25zZUZpZWxkczoge1xuXHRcdFx0eG1sOiBcInJlc3BvbnNlWE1MXCIsXG5cdFx0XHR0ZXh0OiBcInJlc3BvbnNlVGV4dFwiLFxuXHRcdFx0anNvbjogXCJyZXNwb25zZUpTT05cIlxuXHRcdH0sXG5cblx0XHQvLyBEYXRhIGNvbnZlcnRlcnNcblx0XHQvLyBLZXlzIHNlcGFyYXRlIHNvdXJjZSAob3IgY2F0Y2hhbGwgXCIqXCIpIGFuZCBkZXN0aW5hdGlvbiB0eXBlcyB3aXRoIGEgc2luZ2xlIHNwYWNlXG5cdFx0Y29udmVydGVyczoge1xuXG5cdFx0XHQvLyBDb252ZXJ0IGFueXRoaW5nIHRvIHRleHRcblx0XHRcdFwiKiB0ZXh0XCI6IFN0cmluZyxcblxuXHRcdFx0Ly8gVGV4dCB0byBodG1sICh0cnVlID0gbm8gdHJhbnNmb3JtYXRpb24pXG5cdFx0XHRcInRleHQgaHRtbFwiOiB0cnVlLFxuXG5cdFx0XHQvLyBFdmFsdWF0ZSB0ZXh0IGFzIGEganNvbiBleHByZXNzaW9uXG5cdFx0XHRcInRleHQganNvblwiOiBKU09OLnBhcnNlLFxuXG5cdFx0XHQvLyBQYXJzZSB0ZXh0IGFzIHhtbFxuXHRcdFx0XCJ0ZXh0IHhtbFwiOiBqUXVlcnkucGFyc2VYTUxcblx0XHR9LFxuXG5cdFx0Ly8gRm9yIG9wdGlvbnMgdGhhdCBzaG91bGRuJ3QgYmUgZGVlcCBleHRlbmRlZDpcblx0XHQvLyB5b3UgY2FuIGFkZCB5b3VyIG93biBjdXN0b20gb3B0aW9ucyBoZXJlIGlmXG5cdFx0Ly8gYW5kIHdoZW4geW91IGNyZWF0ZSBvbmUgdGhhdCBzaG91bGRuJ3QgYmVcblx0XHQvLyBkZWVwIGV4dGVuZGVkIChzZWUgYWpheEV4dGVuZClcblx0XHRmbGF0T3B0aW9uczoge1xuXHRcdFx0dXJsOiB0cnVlLFxuXHRcdFx0Y29udGV4dDogdHJ1ZVxuXHRcdH1cblx0fSxcblxuXHQvLyBDcmVhdGVzIGEgZnVsbCBmbGVkZ2VkIHNldHRpbmdzIG9iamVjdCBpbnRvIHRhcmdldFxuXHQvLyB3aXRoIGJvdGggYWpheFNldHRpbmdzIGFuZCBzZXR0aW5ncyBmaWVsZHMuXG5cdC8vIElmIHRhcmdldCBpcyBvbWl0dGVkLCB3cml0ZXMgaW50byBhamF4U2V0dGluZ3MuXG5cdGFqYXhTZXR1cDogZnVuY3Rpb24oIHRhcmdldCwgc2V0dGluZ3MgKSB7XG5cdFx0cmV0dXJuIHNldHRpbmdzID9cblxuXHRcdFx0Ly8gQnVpbGRpbmcgYSBzZXR0aW5ncyBvYmplY3Rcblx0XHRcdGFqYXhFeHRlbmQoIGFqYXhFeHRlbmQoIHRhcmdldCwgalF1ZXJ5LmFqYXhTZXR0aW5ncyApLCBzZXR0aW5ncyApIDpcblxuXHRcdFx0Ly8gRXh0ZW5kaW5nIGFqYXhTZXR0aW5nc1xuXHRcdFx0YWpheEV4dGVuZCggalF1ZXJ5LmFqYXhTZXR0aW5ncywgdGFyZ2V0ICk7XG5cdH0sXG5cblx0YWpheFByZWZpbHRlcjogYWRkVG9QcmVmaWx0ZXJzT3JUcmFuc3BvcnRzKCBwcmVmaWx0ZXJzICksXG5cdGFqYXhUcmFuc3BvcnQ6IGFkZFRvUHJlZmlsdGVyc09yVHJhbnNwb3J0cyggdHJhbnNwb3J0cyApLFxuXG5cdC8vIE1haW4gbWV0aG9kXG5cdGFqYXg6IGZ1bmN0aW9uKCB1cmwsIG9wdGlvbnMgKSB7XG5cblx0XHQvLyBJZiB1cmwgaXMgYW4gb2JqZWN0LCBzaW11bGF0ZSBwcmUtMS41IHNpZ25hdHVyZVxuXHRcdGlmICggdHlwZW9mIHVybCA9PT0gXCJvYmplY3RcIiApIHtcblx0XHRcdG9wdGlvbnMgPSB1cmw7XG5cdFx0XHR1cmwgPSB1bmRlZmluZWQ7XG5cdFx0fVxuXG5cdFx0Ly8gRm9yY2Ugb3B0aW9ucyB0byBiZSBhbiBvYmplY3Rcblx0XHRvcHRpb25zID0gb3B0aW9ucyB8fCB7fTtcblxuXHRcdHZhciB0cmFuc3BvcnQsXG5cblx0XHRcdC8vIFVSTCB3aXRob3V0IGFudGktY2FjaGUgcGFyYW1cblx0XHRcdGNhY2hlVVJMLFxuXG5cdFx0XHQvLyBSZXNwb25zZSBoZWFkZXJzXG5cdFx0XHRyZXNwb25zZUhlYWRlcnNTdHJpbmcsXG5cdFx0XHRyZXNwb25zZUhlYWRlcnMsXG5cblx0XHRcdC8vIHRpbWVvdXQgaGFuZGxlXG5cdFx0XHR0aW1lb3V0VGltZXIsXG5cblx0XHRcdC8vIFVybCBjbGVhbnVwIHZhclxuXHRcdFx0dXJsQW5jaG9yLFxuXG5cdFx0XHQvLyBSZXF1ZXN0IHN0YXRlIChiZWNvbWVzIGZhbHNlIHVwb24gc2VuZCBhbmQgdHJ1ZSB1cG9uIGNvbXBsZXRpb24pXG5cdFx0XHRjb21wbGV0ZWQsXG5cblx0XHRcdC8vIFRvIGtub3cgaWYgZ2xvYmFsIGV2ZW50cyBhcmUgdG8gYmUgZGlzcGF0Y2hlZFxuXHRcdFx0ZmlyZUdsb2JhbHMsXG5cblx0XHRcdC8vIExvb3AgdmFyaWFibGVcblx0XHRcdGksXG5cblx0XHRcdC8vIHVuY2FjaGVkIHBhcnQgb2YgdGhlIHVybFxuXHRcdFx0dW5jYWNoZWQsXG5cblx0XHRcdC8vIENyZWF0ZSB0aGUgZmluYWwgb3B0aW9ucyBvYmplY3Rcblx0XHRcdHMgPSBqUXVlcnkuYWpheFNldHVwKCB7fSwgb3B0aW9ucyApLFxuXG5cdFx0XHQvLyBDYWxsYmFja3MgY29udGV4dFxuXHRcdFx0Y2FsbGJhY2tDb250ZXh0ID0gcy5jb250ZXh0IHx8IHMsXG5cblx0XHRcdC8vIENvbnRleHQgZm9yIGdsb2JhbCBldmVudHMgaXMgY2FsbGJhY2tDb250ZXh0IGlmIGl0IGlzIGEgRE9NIG5vZGUgb3IgalF1ZXJ5IGNvbGxlY3Rpb25cblx0XHRcdGdsb2JhbEV2ZW50Q29udGV4dCA9IHMuY29udGV4dCAmJlxuXHRcdFx0XHQoIGNhbGxiYWNrQ29udGV4dC5ub2RlVHlwZSB8fCBjYWxsYmFja0NvbnRleHQuanF1ZXJ5ICkgP1xuXHRcdFx0XHRqUXVlcnkoIGNhbGxiYWNrQ29udGV4dCApIDpcblx0XHRcdFx0alF1ZXJ5LmV2ZW50LFxuXG5cdFx0XHQvLyBEZWZlcnJlZHNcblx0XHRcdGRlZmVycmVkID0galF1ZXJ5LkRlZmVycmVkKCksXG5cdFx0XHRjb21wbGV0ZURlZmVycmVkID0galF1ZXJ5LkNhbGxiYWNrcyggXCJvbmNlIG1lbW9yeVwiICksXG5cblx0XHRcdC8vIFN0YXR1cy1kZXBlbmRlbnQgY2FsbGJhY2tzXG5cdFx0XHRzdGF0dXNDb2RlID0gcy5zdGF0dXNDb2RlIHx8IHt9LFxuXG5cdFx0XHQvLyBIZWFkZXJzICh0aGV5IGFyZSBzZW50IGFsbCBhdCBvbmNlKVxuXHRcdFx0cmVxdWVzdEhlYWRlcnMgPSB7fSxcblx0XHRcdHJlcXVlc3RIZWFkZXJzTmFtZXMgPSB7fSxcblxuXHRcdFx0Ly8gRGVmYXVsdCBhYm9ydCBtZXNzYWdlXG5cdFx0XHRzdHJBYm9ydCA9IFwiY2FuY2VsZWRcIixcblxuXHRcdFx0Ly8gRmFrZSB4aHJcblx0XHRcdGpxWEhSID0ge1xuXHRcdFx0XHRyZWFkeVN0YXRlOiAwLFxuXG5cdFx0XHRcdC8vIEJ1aWxkcyBoZWFkZXJzIGhhc2h0YWJsZSBpZiBuZWVkZWRcblx0XHRcdFx0Z2V0UmVzcG9uc2VIZWFkZXI6IGZ1bmN0aW9uKCBrZXkgKSB7XG5cdFx0XHRcdFx0dmFyIG1hdGNoO1xuXHRcdFx0XHRcdGlmICggY29tcGxldGVkICkge1xuXHRcdFx0XHRcdFx0aWYgKCAhcmVzcG9uc2VIZWFkZXJzICkge1xuXHRcdFx0XHRcdFx0XHRyZXNwb25zZUhlYWRlcnMgPSB7fTtcblx0XHRcdFx0XHRcdFx0d2hpbGUgKCAoIG1hdGNoID0gcmhlYWRlcnMuZXhlYyggcmVzcG9uc2VIZWFkZXJzU3RyaW5nICkgKSApIHtcblx0XHRcdFx0XHRcdFx0XHRyZXNwb25zZUhlYWRlcnNbIG1hdGNoWyAxIF0udG9Mb3dlckNhc2UoKSArIFwiIFwiIF0gPVxuXHRcdFx0XHRcdFx0XHRcdFx0KCByZXNwb25zZUhlYWRlcnNbIG1hdGNoWyAxIF0udG9Mb3dlckNhc2UoKSArIFwiIFwiIF0gfHwgW10gKVxuXHRcdFx0XHRcdFx0XHRcdFx0XHQuY29uY2F0KCBtYXRjaFsgMiBdICk7XG5cdFx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHRcdG1hdGNoID0gcmVzcG9uc2VIZWFkZXJzWyBrZXkudG9Mb3dlckNhc2UoKSArIFwiIFwiIF07XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHRcdHJldHVybiBtYXRjaCA9PSBudWxsID8gbnVsbCA6IG1hdGNoLmpvaW4oIFwiLCBcIiApO1xuXHRcdFx0XHR9LFxuXG5cdFx0XHRcdC8vIFJhdyBzdHJpbmdcblx0XHRcdFx0Z2V0QWxsUmVzcG9uc2VIZWFkZXJzOiBmdW5jdGlvbigpIHtcblx0XHRcdFx0XHRyZXR1cm4gY29tcGxldGVkID8gcmVzcG9uc2VIZWFkZXJzU3RyaW5nIDogbnVsbDtcblx0XHRcdFx0fSxcblxuXHRcdFx0XHQvLyBDYWNoZXMgdGhlIGhlYWRlclxuXHRcdFx0XHRzZXRSZXF1ZXN0SGVhZGVyOiBmdW5jdGlvbiggbmFtZSwgdmFsdWUgKSB7XG5cdFx0XHRcdFx0aWYgKCBjb21wbGV0ZWQgPT0gbnVsbCApIHtcblx0XHRcdFx0XHRcdG5hbWUgPSByZXF1ZXN0SGVhZGVyc05hbWVzWyBuYW1lLnRvTG93ZXJDYXNlKCkgXSA9XG5cdFx0XHRcdFx0XHRcdHJlcXVlc3RIZWFkZXJzTmFtZXNbIG5hbWUudG9Mb3dlckNhc2UoKSBdIHx8IG5hbWU7XG5cdFx0XHRcdFx0XHRyZXF1ZXN0SGVhZGVyc1sgbmFtZSBdID0gdmFsdWU7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHRcdHJldHVybiB0aGlzO1xuXHRcdFx0XHR9LFxuXG5cdFx0XHRcdC8vIE92ZXJyaWRlcyByZXNwb25zZSBjb250ZW50LXR5cGUgaGVhZGVyXG5cdFx0XHRcdG92ZXJyaWRlTWltZVR5cGU6IGZ1bmN0aW9uKCB0eXBlICkge1xuXHRcdFx0XHRcdGlmICggY29tcGxldGVkID09IG51bGwgKSB7XG5cdFx0XHRcdFx0XHRzLm1pbWVUeXBlID0gdHlwZTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0cmV0dXJuIHRoaXM7XG5cdFx0XHRcdH0sXG5cblx0XHRcdFx0Ly8gU3RhdHVzLWRlcGVuZGVudCBjYWxsYmFja3Ncblx0XHRcdFx0c3RhdHVzQ29kZTogZnVuY3Rpb24oIG1hcCApIHtcblx0XHRcdFx0XHR2YXIgY29kZTtcblx0XHRcdFx0XHRpZiAoIG1hcCApIHtcblx0XHRcdFx0XHRcdGlmICggY29tcGxldGVkICkge1xuXG5cdFx0XHRcdFx0XHRcdC8vIEV4ZWN1dGUgdGhlIGFwcHJvcHJpYXRlIGNhbGxiYWNrc1xuXHRcdFx0XHRcdFx0XHRqcVhIUi5hbHdheXMoIG1hcFsganFYSFIuc3RhdHVzIF0gKTtcblx0XHRcdFx0XHRcdH0gZWxzZSB7XG5cblx0XHRcdFx0XHRcdFx0Ly8gTGF6eS1hZGQgdGhlIG5ldyBjYWxsYmFja3MgaW4gYSB3YXkgdGhhdCBwcmVzZXJ2ZXMgb2xkIG9uZXNcblx0XHRcdFx0XHRcdFx0Zm9yICggY29kZSBpbiBtYXAgKSB7XG5cdFx0XHRcdFx0XHRcdFx0c3RhdHVzQ29kZVsgY29kZSBdID0gWyBzdGF0dXNDb2RlWyBjb2RlIF0sIG1hcFsgY29kZSBdIF07XG5cdFx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0cmV0dXJuIHRoaXM7XG5cdFx0XHRcdH0sXG5cblx0XHRcdFx0Ly8gQ2FuY2VsIHRoZSByZXF1ZXN0XG5cdFx0XHRcdGFib3J0OiBmdW5jdGlvbiggc3RhdHVzVGV4dCApIHtcblx0XHRcdFx0XHR2YXIgZmluYWxUZXh0ID0gc3RhdHVzVGV4dCB8fCBzdHJBYm9ydDtcblx0XHRcdFx0XHRpZiAoIHRyYW5zcG9ydCApIHtcblx0XHRcdFx0XHRcdHRyYW5zcG9ydC5hYm9ydCggZmluYWxUZXh0ICk7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHRcdGRvbmUoIDAsIGZpbmFsVGV4dCApO1xuXHRcdFx0XHRcdHJldHVybiB0aGlzO1xuXHRcdFx0XHR9XG5cdFx0XHR9O1xuXG5cdFx0Ly8gQXR0YWNoIGRlZmVycmVkc1xuXHRcdGRlZmVycmVkLnByb21pc2UoIGpxWEhSICk7XG5cblx0XHQvLyBBZGQgcHJvdG9jb2wgaWYgbm90IHByb3ZpZGVkIChwcmVmaWx0ZXJzIG1pZ2h0IGV4cGVjdCBpdClcblx0XHQvLyBIYW5kbGUgZmFsc3kgdXJsIGluIHRoZSBzZXR0aW5ncyBvYmplY3QgKHRyYWMtMTAwOTM6IGNvbnNpc3RlbmN5IHdpdGggb2xkIHNpZ25hdHVyZSlcblx0XHQvLyBXZSBhbHNvIHVzZSB0aGUgdXJsIHBhcmFtZXRlciBpZiBhdmFpbGFibGVcblx0XHRzLnVybCA9ICggKCB1cmwgfHwgcy51cmwgfHwgbG9jYXRpb24uaHJlZiApICsgXCJcIiApXG5cdFx0XHQucmVwbGFjZSggcnByb3RvY29sLCBsb2NhdGlvbi5wcm90b2NvbCArIFwiLy9cIiApO1xuXG5cdFx0Ly8gQWxpYXMgbWV0aG9kIG9wdGlvbiB0byB0eXBlIGFzIHBlciB0aWNrZXQgdHJhYy0xMjAwNFxuXHRcdHMudHlwZSA9IG9wdGlvbnMubWV0aG9kIHx8IG9wdGlvbnMudHlwZSB8fCBzLm1ldGhvZCB8fCBzLnR5cGU7XG5cblx0XHQvLyBFeHRyYWN0IGRhdGFUeXBlcyBsaXN0XG5cdFx0cy5kYXRhVHlwZXMgPSAoIHMuZGF0YVR5cGUgfHwgXCIqXCIgKS50b0xvd2VyQ2FzZSgpLm1hdGNoKCBybm90aHRtbHdoaXRlICkgfHwgWyBcIlwiIF07XG5cblx0XHQvLyBBIGNyb3NzLWRvbWFpbiByZXF1ZXN0IGlzIGluIG9yZGVyIHdoZW4gdGhlIG9yaWdpbiBkb2Vzbid0IG1hdGNoIHRoZSBjdXJyZW50IG9yaWdpbi5cblx0XHRpZiAoIHMuY3Jvc3NEb21haW4gPT0gbnVsbCApIHtcblx0XHRcdHVybEFuY2hvciA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoIFwiYVwiICk7XG5cblx0XHRcdC8vIFN1cHBvcnQ6IElFIDw9OCAtIDExLCBFZGdlIDEyIC0gMTVcblx0XHRcdC8vIElFIHRocm93cyBleGNlcHRpb24gb24gYWNjZXNzaW5nIHRoZSBocmVmIHByb3BlcnR5IGlmIHVybCBpcyBtYWxmb3JtZWQsXG5cdFx0XHQvLyBlLmcuIGh0dHA6Ly9leGFtcGxlLmNvbTo4MHgvXG5cdFx0XHR0cnkge1xuXHRcdFx0XHR1cmxBbmNob3IuaHJlZiA9IHMudXJsO1xuXG5cdFx0XHRcdC8vIFN1cHBvcnQ6IElFIDw9OCAtIDExIG9ubHlcblx0XHRcdFx0Ly8gQW5jaG9yJ3MgaG9zdCBwcm9wZXJ0eSBpc24ndCBjb3JyZWN0bHkgc2V0IHdoZW4gcy51cmwgaXMgcmVsYXRpdmVcblx0XHRcdFx0dXJsQW5jaG9yLmhyZWYgPSB1cmxBbmNob3IuaHJlZjtcblx0XHRcdFx0cy5jcm9zc0RvbWFpbiA9IG9yaWdpbkFuY2hvci5wcm90b2NvbCArIFwiLy9cIiArIG9yaWdpbkFuY2hvci5ob3N0ICE9PVxuXHRcdFx0XHRcdHVybEFuY2hvci5wcm90b2NvbCArIFwiLy9cIiArIHVybEFuY2hvci5ob3N0O1xuXHRcdFx0fSBjYXRjaCAoIGUgKSB7XG5cblx0XHRcdFx0Ly8gSWYgdGhlcmUgaXMgYW4gZXJyb3IgcGFyc2luZyB0aGUgVVJMLCBhc3N1bWUgaXQgaXMgY3Jvc3NEb21haW4sXG5cdFx0XHRcdC8vIGl0IGNhbiBiZSByZWplY3RlZCBieSB0aGUgdHJhbnNwb3J0IGlmIGl0IGlzIGludmFsaWRcblx0XHRcdFx0cy5jcm9zc0RvbWFpbiA9IHRydWU7XG5cdFx0XHR9XG5cdFx0fVxuXG5cdFx0Ly8gQ29udmVydCBkYXRhIGlmIG5vdCBhbHJlYWR5IGEgc3RyaW5nXG5cdFx0aWYgKCBzLmRhdGEgJiYgcy5wcm9jZXNzRGF0YSAmJiB0eXBlb2Ygcy5kYXRhICE9PSBcInN0cmluZ1wiICkge1xuXHRcdFx0cy5kYXRhID0galF1ZXJ5LnBhcmFtKCBzLmRhdGEsIHMudHJhZGl0aW9uYWwgKTtcblx0XHR9XG5cblx0XHQvLyBBcHBseSBwcmVmaWx0ZXJzXG5cdFx0aW5zcGVjdFByZWZpbHRlcnNPclRyYW5zcG9ydHMoIHByZWZpbHRlcnMsIHMsIG9wdGlvbnMsIGpxWEhSICk7XG5cblx0XHQvLyBJZiByZXF1ZXN0IHdhcyBhYm9ydGVkIGluc2lkZSBhIHByZWZpbHRlciwgc3RvcCB0aGVyZVxuXHRcdGlmICggY29tcGxldGVkICkge1xuXHRcdFx0cmV0dXJuIGpxWEhSO1xuXHRcdH1cblxuXHRcdC8vIFdlIGNhbiBmaXJlIGdsb2JhbCBldmVudHMgYXMgb2Ygbm93IGlmIGFza2VkIHRvXG5cdFx0Ly8gRG9uJ3QgZmlyZSBldmVudHMgaWYgalF1ZXJ5LmV2ZW50IGlzIHVuZGVmaW5lZCBpbiBhbiBBTUQtdXNhZ2Ugc2NlbmFyaW8gKHRyYWMtMTUxMTgpXG5cdFx0ZmlyZUdsb2JhbHMgPSBqUXVlcnkuZXZlbnQgJiYgcy5nbG9iYWw7XG5cblx0XHQvLyBXYXRjaCBmb3IgYSBuZXcgc2V0IG9mIHJlcXVlc3RzXG5cdFx0aWYgKCBmaXJlR2xvYmFscyAmJiBqUXVlcnkuYWN0aXZlKysgPT09IDAgKSB7XG5cdFx0XHRqUXVlcnkuZXZlbnQudHJpZ2dlciggXCJhamF4U3RhcnRcIiApO1xuXHRcdH1cblxuXHRcdC8vIFVwcGVyY2FzZSB0aGUgdHlwZVxuXHRcdHMudHlwZSA9IHMudHlwZS50b1VwcGVyQ2FzZSgpO1xuXG5cdFx0Ly8gRGV0ZXJtaW5lIGlmIHJlcXVlc3QgaGFzIGNvbnRlbnRcblx0XHRzLmhhc0NvbnRlbnQgPSAhcm5vQ29udGVudC50ZXN0KCBzLnR5cGUgKTtcblxuXHRcdC8vIFNhdmUgdGhlIFVSTCBpbiBjYXNlIHdlJ3JlIHRveWluZyB3aXRoIHRoZSBJZi1Nb2RpZmllZC1TaW5jZVxuXHRcdC8vIGFuZC9vciBJZi1Ob25lLU1hdGNoIGhlYWRlciBsYXRlciBvblxuXHRcdC8vIFJlbW92ZSBoYXNoIHRvIHNpbXBsaWZ5IHVybCBtYW5pcHVsYXRpb25cblx0XHRjYWNoZVVSTCA9IHMudXJsLnJlcGxhY2UoIHJoYXNoLCBcIlwiICk7XG5cblx0XHQvLyBNb3JlIG9wdGlvbnMgaGFuZGxpbmcgZm9yIHJlcXVlc3RzIHdpdGggbm8gY29udGVudFxuXHRcdGlmICggIXMuaGFzQ29udGVudCApIHtcblxuXHRcdFx0Ly8gUmVtZW1iZXIgdGhlIGhhc2ggc28gd2UgY2FuIHB1dCBpdCBiYWNrXG5cdFx0XHR1bmNhY2hlZCA9IHMudXJsLnNsaWNlKCBjYWNoZVVSTC5sZW5ndGggKTtcblxuXHRcdFx0Ly8gSWYgZGF0YSBpcyBhdmFpbGFibGUgYW5kIHNob3VsZCBiZSBwcm9jZXNzZWQsIGFwcGVuZCBkYXRhIHRvIHVybFxuXHRcdFx0aWYgKCBzLmRhdGEgJiYgKCBzLnByb2Nlc3NEYXRhIHx8IHR5cGVvZiBzLmRhdGEgPT09IFwic3RyaW5nXCIgKSApIHtcblx0XHRcdFx0Y2FjaGVVUkwgKz0gKCBycXVlcnkudGVzdCggY2FjaGVVUkwgKSA/IFwiJlwiIDogXCI/XCIgKSArIHMuZGF0YTtcblxuXHRcdFx0XHQvLyB0cmFjLTk2ODI6IHJlbW92ZSBkYXRhIHNvIHRoYXQgaXQncyBub3QgdXNlZCBpbiBhbiBldmVudHVhbCByZXRyeVxuXHRcdFx0XHRkZWxldGUgcy5kYXRhO1xuXHRcdFx0fVxuXG5cdFx0XHQvLyBBZGQgb3IgdXBkYXRlIGFudGktY2FjaGUgcGFyYW0gaWYgbmVlZGVkXG5cdFx0XHRpZiAoIHMuY2FjaGUgPT09IGZhbHNlICkge1xuXHRcdFx0XHRjYWNoZVVSTCA9IGNhY2hlVVJMLnJlcGxhY2UoIHJhbnRpQ2FjaGUsIFwiJDFcIiApO1xuXHRcdFx0XHR1bmNhY2hlZCA9ICggcnF1ZXJ5LnRlc3QoIGNhY2hlVVJMICkgPyBcIiZcIiA6IFwiP1wiICkgKyBcIl89XCIgKyAoIG5vbmNlLmd1aWQrKyApICtcblx0XHRcdFx0XHR1bmNhY2hlZDtcblx0XHRcdH1cblxuXHRcdFx0Ly8gUHV0IGhhc2ggYW5kIGFudGktY2FjaGUgb24gdGhlIFVSTCB0aGF0IHdpbGwgYmUgcmVxdWVzdGVkIChnaC0xNzMyKVxuXHRcdFx0cy51cmwgPSBjYWNoZVVSTCArIHVuY2FjaGVkO1xuXG5cdFx0Ly8gQ2hhbmdlICclMjAnIHRvICcrJyBpZiB0aGlzIGlzIGVuY29kZWQgZm9ybSBib2R5IGNvbnRlbnQgKGdoLTI2NTgpXG5cdFx0fSBlbHNlIGlmICggcy5kYXRhICYmIHMucHJvY2Vzc0RhdGEgJiZcblx0XHRcdCggcy5jb250ZW50VHlwZSB8fCBcIlwiICkuaW5kZXhPZiggXCJhcHBsaWNhdGlvbi94LXd3dy1mb3JtLXVybGVuY29kZWRcIiApID09PSAwICkge1xuXHRcdFx0cy5kYXRhID0gcy5kYXRhLnJlcGxhY2UoIHIyMCwgXCIrXCIgKTtcblx0XHR9XG5cblx0XHQvLyBTZXQgdGhlIElmLU1vZGlmaWVkLVNpbmNlIGFuZC9vciBJZi1Ob25lLU1hdGNoIGhlYWRlciwgaWYgaW4gaWZNb2RpZmllZCBtb2RlLlxuXHRcdGlmICggcy5pZk1vZGlmaWVkICkge1xuXHRcdFx0aWYgKCBqUXVlcnkubGFzdE1vZGlmaWVkWyBjYWNoZVVSTCBdICkge1xuXHRcdFx0XHRqcVhIUi5zZXRSZXF1ZXN0SGVhZGVyKCBcIklmLU1vZGlmaWVkLVNpbmNlXCIsIGpRdWVyeS5sYXN0TW9kaWZpZWRbIGNhY2hlVVJMIF0gKTtcblx0XHRcdH1cblx0XHRcdGlmICggalF1ZXJ5LmV0YWdbIGNhY2hlVVJMIF0gKSB7XG5cdFx0XHRcdGpxWEhSLnNldFJlcXVlc3RIZWFkZXIoIFwiSWYtTm9uZS1NYXRjaFwiLCBqUXVlcnkuZXRhZ1sgY2FjaGVVUkwgXSApO1xuXHRcdFx0fVxuXHRcdH1cblxuXHRcdC8vIFNldCB0aGUgY29ycmVjdCBoZWFkZXIsIGlmIGRhdGEgaXMgYmVpbmcgc2VudFxuXHRcdGlmICggcy5kYXRhICYmIHMuaGFzQ29udGVudCAmJiBzLmNvbnRlbnRUeXBlICE9PSBmYWxzZSB8fCBvcHRpb25zLmNvbnRlbnRUeXBlICkge1xuXHRcdFx0anFYSFIuc2V0UmVxdWVzdEhlYWRlciggXCJDb250ZW50LVR5cGVcIiwgcy5jb250ZW50VHlwZSApO1xuXHRcdH1cblxuXHRcdC8vIFNldCB0aGUgQWNjZXB0cyBoZWFkZXIgZm9yIHRoZSBzZXJ2ZXIsIGRlcGVuZGluZyBvbiB0aGUgZGF0YVR5cGVcblx0XHRqcVhIUi5zZXRSZXF1ZXN0SGVhZGVyKFxuXHRcdFx0XCJBY2NlcHRcIixcblx0XHRcdHMuZGF0YVR5cGVzWyAwIF0gJiYgcy5hY2NlcHRzWyBzLmRhdGFUeXBlc1sgMCBdIF0gP1xuXHRcdFx0XHRzLmFjY2VwdHNbIHMuZGF0YVR5cGVzWyAwIF0gXSArXG5cdFx0XHRcdFx0KCBzLmRhdGFUeXBlc1sgMCBdICE9PSBcIipcIiA/IFwiLCBcIiArIGFsbFR5cGVzICsgXCI7IHE9MC4wMVwiIDogXCJcIiApIDpcblx0XHRcdFx0cy5hY2NlcHRzWyBcIipcIiBdXG5cdFx0KTtcblxuXHRcdC8vIENoZWNrIGZvciBoZWFkZXJzIG9wdGlvblxuXHRcdGZvciAoIGkgaW4gcy5oZWFkZXJzICkge1xuXHRcdFx0anFYSFIuc2V0UmVxdWVzdEhlYWRlciggaSwgcy5oZWFkZXJzWyBpIF0gKTtcblx0XHR9XG5cblx0XHQvLyBBbGxvdyBjdXN0b20gaGVhZGVycy9taW1ldHlwZXMgYW5kIGVhcmx5IGFib3J0XG5cdFx0aWYgKCBzLmJlZm9yZVNlbmQgJiZcblx0XHRcdCggcy5iZWZvcmVTZW5kLmNhbGwoIGNhbGxiYWNrQ29udGV4dCwganFYSFIsIHMgKSA9PT0gZmFsc2UgfHwgY29tcGxldGVkICkgKSB7XG5cblx0XHRcdC8vIEFib3J0IGlmIG5vdCBkb25lIGFscmVhZHkgYW5kIHJldHVyblxuXHRcdFx0cmV0dXJuIGpxWEhSLmFib3J0KCk7XG5cdFx0fVxuXG5cdFx0Ly8gQWJvcnRpbmcgaXMgbm8gbG9uZ2VyIGEgY2FuY2VsbGF0aW9uXG5cdFx0c3RyQWJvcnQgPSBcImFib3J0XCI7XG5cblx0XHQvLyBJbnN0YWxsIGNhbGxiYWNrcyBvbiBkZWZlcnJlZHNcblx0XHRjb21wbGV0ZURlZmVycmVkLmFkZCggcy5jb21wbGV0ZSApO1xuXHRcdGpxWEhSLmRvbmUoIHMuc3VjY2VzcyApO1xuXHRcdGpxWEhSLmZhaWwoIHMuZXJyb3IgKTtcblxuXHRcdC8vIEdldCB0cmFuc3BvcnRcblx0XHR0cmFuc3BvcnQgPSBpbnNwZWN0UHJlZmlsdGVyc09yVHJhbnNwb3J0cyggdHJhbnNwb3J0cywgcywgb3B0aW9ucywganFYSFIgKTtcblxuXHRcdC8vIElmIG5vIHRyYW5zcG9ydCwgd2UgYXV0by1hYm9ydFxuXHRcdGlmICggIXRyYW5zcG9ydCApIHtcblx0XHRcdGRvbmUoIC0xLCBcIk5vIFRyYW5zcG9ydFwiICk7XG5cdFx0fSBlbHNlIHtcblx0XHRcdGpxWEhSLnJlYWR5U3RhdGUgPSAxO1xuXG5cdFx0XHQvLyBTZW5kIGdsb2JhbCBldmVudFxuXHRcdFx0aWYgKCBmaXJlR2xvYmFscyApIHtcblx0XHRcdFx0Z2xvYmFsRXZlbnRDb250ZXh0LnRyaWdnZXIoIFwiYWpheFNlbmRcIiwgWyBqcVhIUiwgcyBdICk7XG5cdFx0XHR9XG5cblx0XHRcdC8vIElmIHJlcXVlc3Qgd2FzIGFib3J0ZWQgaW5zaWRlIGFqYXhTZW5kLCBzdG9wIHRoZXJlXG5cdFx0XHRpZiAoIGNvbXBsZXRlZCApIHtcblx0XHRcdFx0cmV0dXJuIGpxWEhSO1xuXHRcdFx0fVxuXG5cdFx0XHQvLyBUaW1lb3V0XG5cdFx0XHRpZiAoIHMuYXN5bmMgJiYgcy50aW1lb3V0ID4gMCApIHtcblx0XHRcdFx0dGltZW91dFRpbWVyID0gd2luZG93LnNldFRpbWVvdXQoIGZ1bmN0aW9uKCkge1xuXHRcdFx0XHRcdGpxWEhSLmFib3J0KCBcInRpbWVvdXRcIiApO1xuXHRcdFx0XHR9LCBzLnRpbWVvdXQgKTtcblx0XHRcdH1cblxuXHRcdFx0dHJ5IHtcblx0XHRcdFx0Y29tcGxldGVkID0gZmFsc2U7XG5cdFx0XHRcdHRyYW5zcG9ydC5zZW5kKCByZXF1ZXN0SGVhZGVycywgZG9uZSApO1xuXHRcdFx0fSBjYXRjaCAoIGUgKSB7XG5cblx0XHRcdFx0Ly8gUmV0aHJvdyBwb3N0LWNvbXBsZXRpb24gZXhjZXB0aW9uc1xuXHRcdFx0XHRpZiAoIGNvbXBsZXRlZCApIHtcblx0XHRcdFx0XHR0aHJvdyBlO1xuXHRcdFx0XHR9XG5cblx0XHRcdFx0Ly8gUHJvcGFnYXRlIG90aGVycyBhcyByZXN1bHRzXG5cdFx0XHRcdGRvbmUoIC0xLCBlICk7XG5cdFx0XHR9XG5cdFx0fVxuXG5cdFx0Ly8gQ2FsbGJhY2sgZm9yIHdoZW4gZXZlcnl0aGluZyBpcyBkb25lXG5cdFx0ZnVuY3Rpb24gZG9uZSggc3RhdHVzLCBuYXRpdmVTdGF0dXNUZXh0LCByZXNwb25zZXMsIGhlYWRlcnMgKSB7XG5cdFx0XHR2YXIgaXNTdWNjZXNzLCBzdWNjZXNzLCBlcnJvciwgcmVzcG9uc2UsIG1vZGlmaWVkLFxuXHRcdFx0XHRzdGF0dXNUZXh0ID0gbmF0aXZlU3RhdHVzVGV4dDtcblxuXHRcdFx0Ly8gSWdub3JlIHJlcGVhdCBpbnZvY2F0aW9uc1xuXHRcdFx0aWYgKCBjb21wbGV0ZWQgKSB7XG5cdFx0XHRcdHJldHVybjtcblx0XHRcdH1cblxuXHRcdFx0Y29tcGxldGVkID0gdHJ1ZTtcblxuXHRcdFx0Ly8gQ2xlYXIgdGltZW91dCBpZiBpdCBleGlzdHNcblx0XHRcdGlmICggdGltZW91dFRpbWVyICkge1xuXHRcdFx0XHR3aW5kb3cuY2xlYXJUaW1lb3V0KCB0aW1lb3V0VGltZXIgKTtcblx0XHRcdH1cblxuXHRcdFx0Ly8gRGVyZWZlcmVuY2UgdHJhbnNwb3J0IGZvciBlYXJseSBnYXJiYWdlIGNvbGxlY3Rpb25cblx0XHRcdC8vIChubyBtYXR0ZXIgaG93IGxvbmcgdGhlIGpxWEhSIG9iamVjdCB3aWxsIGJlIHVzZWQpXG5cdFx0XHR0cmFuc3BvcnQgPSB1bmRlZmluZWQ7XG5cblx0XHRcdC8vIENhY2hlIHJlc3BvbnNlIGhlYWRlcnNcblx0XHRcdHJlc3BvbnNlSGVhZGVyc1N0cmluZyA9IGhlYWRlcnMgfHwgXCJcIjtcblxuXHRcdFx0Ly8gU2V0IHJlYWR5U3RhdGVcblx0XHRcdGpxWEhSLnJlYWR5U3RhdGUgPSBzdGF0dXMgPiAwID8gNCA6IDA7XG5cblx0XHRcdC8vIERldGVybWluZSBpZiBzdWNjZXNzZnVsXG5cdFx0XHRpc1N1Y2Nlc3MgPSBzdGF0dXMgPj0gMjAwICYmIHN0YXR1cyA8IDMwMCB8fCBzdGF0dXMgPT09IDMwNDtcblxuXHRcdFx0Ly8gR2V0IHJlc3BvbnNlIGRhdGFcblx0XHRcdGlmICggcmVzcG9uc2VzICkge1xuXHRcdFx0XHRyZXNwb25zZSA9IGFqYXhIYW5kbGVSZXNwb25zZXMoIHMsIGpxWEhSLCByZXNwb25zZXMgKTtcblx0XHRcdH1cblxuXHRcdFx0Ly8gVXNlIGEgbm9vcCBjb252ZXJ0ZXIgZm9yIG1pc3Npbmcgc2NyaXB0IGJ1dCBub3QgaWYganNvbnBcblx0XHRcdGlmICggIWlzU3VjY2VzcyAmJlxuXHRcdFx0XHRqUXVlcnkuaW5BcnJheSggXCJzY3JpcHRcIiwgcy5kYXRhVHlwZXMgKSA+IC0xICYmXG5cdFx0XHRcdGpRdWVyeS5pbkFycmF5KCBcImpzb25cIiwgcy5kYXRhVHlwZXMgKSA8IDAgKSB7XG5cdFx0XHRcdHMuY29udmVydGVyc1sgXCJ0ZXh0IHNjcmlwdFwiIF0gPSBmdW5jdGlvbigpIHt9O1xuXHRcdFx0fVxuXG5cdFx0XHQvLyBDb252ZXJ0IG5vIG1hdHRlciB3aGF0ICh0aGF0IHdheSByZXNwb25zZVhYWCBmaWVsZHMgYXJlIGFsd2F5cyBzZXQpXG5cdFx0XHRyZXNwb25zZSA9IGFqYXhDb252ZXJ0KCBzLCByZXNwb25zZSwganFYSFIsIGlzU3VjY2VzcyApO1xuXG5cdFx0XHQvLyBJZiBzdWNjZXNzZnVsLCBoYW5kbGUgdHlwZSBjaGFpbmluZ1xuXHRcdFx0aWYgKCBpc1N1Y2Nlc3MgKSB7XG5cblx0XHRcdFx0Ly8gU2V0IHRoZSBJZi1Nb2RpZmllZC1TaW5jZSBhbmQvb3IgSWYtTm9uZS1NYXRjaCBoZWFkZXIsIGlmIGluIGlmTW9kaWZpZWQgbW9kZS5cblx0XHRcdFx0aWYgKCBzLmlmTW9kaWZpZWQgKSB7XG5cdFx0XHRcdFx0bW9kaWZpZWQgPSBqcVhIUi5nZXRSZXNwb25zZUhlYWRlciggXCJMYXN0LU1vZGlmaWVkXCIgKTtcblx0XHRcdFx0XHRpZiAoIG1vZGlmaWVkICkge1xuXHRcdFx0XHRcdFx0alF1ZXJ5Lmxhc3RNb2RpZmllZFsgY2FjaGVVUkwgXSA9IG1vZGlmaWVkO1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0XHRtb2RpZmllZCA9IGpxWEhSLmdldFJlc3BvbnNlSGVhZGVyKCBcImV0YWdcIiApO1xuXHRcdFx0XHRcdGlmICggbW9kaWZpZWQgKSB7XG5cdFx0XHRcdFx0XHRqUXVlcnkuZXRhZ1sgY2FjaGVVUkwgXSA9IG1vZGlmaWVkO1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0fVxuXG5cdFx0XHRcdC8vIGlmIG5vIGNvbnRlbnRcblx0XHRcdFx0aWYgKCBzdGF0dXMgPT09IDIwNCB8fCBzLnR5cGUgPT09IFwiSEVBRFwiICkge1xuXHRcdFx0XHRcdHN0YXR1c1RleHQgPSBcIm5vY29udGVudFwiO1xuXG5cdFx0XHRcdC8vIGlmIG5vdCBtb2RpZmllZFxuXHRcdFx0XHR9IGVsc2UgaWYgKCBzdGF0dXMgPT09IDMwNCApIHtcblx0XHRcdFx0XHRzdGF0dXNUZXh0ID0gXCJub3Rtb2RpZmllZFwiO1xuXG5cdFx0XHRcdC8vIElmIHdlIGhhdmUgZGF0YSwgbGV0J3MgY29udmVydCBpdFxuXHRcdFx0XHR9IGVsc2Uge1xuXHRcdFx0XHRcdHN0YXR1c1RleHQgPSByZXNwb25zZS5zdGF0ZTtcblx0XHRcdFx0XHRzdWNjZXNzID0gcmVzcG9uc2UuZGF0YTtcblx0XHRcdFx0XHRlcnJvciA9IHJlc3BvbnNlLmVycm9yO1xuXHRcdFx0XHRcdGlzU3VjY2VzcyA9ICFlcnJvcjtcblx0XHRcdFx0fVxuXHRcdFx0fSBlbHNlIHtcblxuXHRcdFx0XHQvLyBFeHRyYWN0IGVycm9yIGZyb20gc3RhdHVzVGV4dCBhbmQgbm9ybWFsaXplIGZvciBub24tYWJvcnRzXG5cdFx0XHRcdGVycm9yID0gc3RhdHVzVGV4dDtcblx0XHRcdFx0aWYgKCBzdGF0dXMgfHwgIXN0YXR1c1RleHQgKSB7XG5cdFx0XHRcdFx0c3RhdHVzVGV4dCA9IFwiZXJyb3JcIjtcblx0XHRcdFx0XHRpZiAoIHN0YXR1cyA8IDAgKSB7XG5cdFx0XHRcdFx0XHRzdGF0dXMgPSAwO1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0fVxuXHRcdFx0fVxuXG5cdFx0XHQvLyBTZXQgZGF0YSBmb3IgdGhlIGZha2UgeGhyIG9iamVjdFxuXHRcdFx0anFYSFIuc3RhdHVzID0gc3RhdHVzO1xuXHRcdFx0anFYSFIuc3RhdHVzVGV4dCA9ICggbmF0aXZlU3RhdHVzVGV4dCB8fCBzdGF0dXNUZXh0ICkgKyBcIlwiO1xuXG5cdFx0XHQvLyBTdWNjZXNzL0Vycm9yXG5cdFx0XHRpZiAoIGlzU3VjY2VzcyApIHtcblx0XHRcdFx0ZGVmZXJyZWQucmVzb2x2ZVdpdGgoIGNhbGxiYWNrQ29udGV4dCwgWyBzdWNjZXNzLCBzdGF0dXNUZXh0LCBqcVhIUiBdICk7XG5cdFx0XHR9IGVsc2Uge1xuXHRcdFx0XHRkZWZlcnJlZC5yZWplY3RXaXRoKCBjYWxsYmFja0NvbnRleHQsIFsganFYSFIsIHN0YXR1c1RleHQsIGVycm9yIF0gKTtcblx0XHRcdH1cblxuXHRcdFx0Ly8gU3RhdHVzLWRlcGVuZGVudCBjYWxsYmFja3Ncblx0XHRcdGpxWEhSLnN0YXR1c0NvZGUoIHN0YXR1c0NvZGUgKTtcblx0XHRcdHN0YXR1c0NvZGUgPSB1bmRlZmluZWQ7XG5cblx0XHRcdGlmICggZmlyZUdsb2JhbHMgKSB7XG5cdFx0XHRcdGdsb2JhbEV2ZW50Q29udGV4dC50cmlnZ2VyKCBpc1N1Y2Nlc3MgPyBcImFqYXhTdWNjZXNzXCIgOiBcImFqYXhFcnJvclwiLFxuXHRcdFx0XHRcdFsganFYSFIsIHMsIGlzU3VjY2VzcyA/IHN1Y2Nlc3MgOiBlcnJvciBdICk7XG5cdFx0XHR9XG5cblx0XHRcdC8vIENvbXBsZXRlXG5cdFx0XHRjb21wbGV0ZURlZmVycmVkLmZpcmVXaXRoKCBjYWxsYmFja0NvbnRleHQsIFsganFYSFIsIHN0YXR1c1RleHQgXSApO1xuXG5cdFx0XHRpZiAoIGZpcmVHbG9iYWxzICkge1xuXHRcdFx0XHRnbG9iYWxFdmVudENvbnRleHQudHJpZ2dlciggXCJhamF4Q29tcGxldGVcIiwgWyBqcVhIUiwgcyBdICk7XG5cblx0XHRcdFx0Ly8gSGFuZGxlIHRoZSBnbG9iYWwgQUpBWCBjb3VudGVyXG5cdFx0XHRcdGlmICggISggLS1qUXVlcnkuYWN0aXZlICkgKSB7XG5cdFx0XHRcdFx0alF1ZXJ5LmV2ZW50LnRyaWdnZXIoIFwiYWpheFN0b3BcIiApO1xuXHRcdFx0XHR9XG5cdFx0XHR9XG5cdFx0fVxuXG5cdFx0cmV0dXJuIGpxWEhSO1xuXHR9LFxuXG5cdGdldEpTT046IGZ1bmN0aW9uKCB1cmwsIGRhdGEsIGNhbGxiYWNrICkge1xuXHRcdHJldHVybiBqUXVlcnkuZ2V0KCB1cmwsIGRhdGEsIGNhbGxiYWNrLCBcImpzb25cIiApO1xuXHR9LFxuXG5cdGdldFNjcmlwdDogZnVuY3Rpb24oIHVybCwgY2FsbGJhY2sgKSB7XG5cdFx0cmV0dXJuIGpRdWVyeS5nZXQoIHVybCwgdW5kZWZpbmVkLCBjYWxsYmFjaywgXCJzY3JpcHRcIiApO1xuXHR9XG59ICk7XG5cbmpRdWVyeS5lYWNoKCBbIFwiZ2V0XCIsIFwicG9zdFwiIF0sIGZ1bmN0aW9uKCBfaSwgbWV0aG9kICkge1xuXHRqUXVlcnlbIG1ldGhvZCBdID0gZnVuY3Rpb24oIHVybCwgZGF0YSwgY2FsbGJhY2ssIHR5cGUgKSB7XG5cblx0XHQvLyBTaGlmdCBhcmd1bWVudHMgaWYgZGF0YSBhcmd1bWVudCB3YXMgb21pdHRlZFxuXHRcdGlmICggaXNGdW5jdGlvbiggZGF0YSApICkge1xuXHRcdFx0dHlwZSA9IHR5cGUgfHwgY2FsbGJhY2s7XG5cdFx0XHRjYWxsYmFjayA9IGRhdGE7XG5cdFx0XHRkYXRhID0gdW5kZWZpbmVkO1xuXHRcdH1cblxuXHRcdC8vIFRoZSB1cmwgY2FuIGJlIGFuIG9wdGlvbnMgb2JqZWN0ICh3aGljaCB0aGVuIG11c3QgaGF2ZSAudXJsKVxuXHRcdHJldHVybiBqUXVlcnkuYWpheCggalF1ZXJ5LmV4dGVuZCgge1xuXHRcdFx0dXJsOiB1cmwsXG5cdFx0XHR0eXBlOiBtZXRob2QsXG5cdFx0XHRkYXRhVHlwZTogdHlwZSxcblx0XHRcdGRhdGE6IGRhdGEsXG5cdFx0XHRzdWNjZXNzOiBjYWxsYmFja1xuXHRcdH0sIGpRdWVyeS5pc1BsYWluT2JqZWN0KCB1cmwgKSAmJiB1cmwgKSApO1xuXHR9O1xufSApO1xuXG5qUXVlcnkuYWpheFByZWZpbHRlciggZnVuY3Rpb24oIHMgKSB7XG5cdHZhciBpO1xuXHRmb3IgKCBpIGluIHMuaGVhZGVycyApIHtcblx0XHRpZiAoIGkudG9Mb3dlckNhc2UoKSA9PT0gXCJjb250ZW50LXR5cGVcIiApIHtcblx0XHRcdHMuY29udGVudFR5cGUgPSBzLmhlYWRlcnNbIGkgXSB8fCBcIlwiO1xuXHRcdH1cblx0fVxufSApO1xuXG5cbmpRdWVyeS5fZXZhbFVybCA9IGZ1bmN0aW9uKCB1cmwsIG9wdGlvbnMsIGRvYyApIHtcblx0cmV0dXJuIGpRdWVyeS5hamF4KCB7XG5cdFx0dXJsOiB1cmwsXG5cblx0XHQvLyBNYWtlIHRoaXMgZXhwbGljaXQsIHNpbmNlIHVzZXIgY2FuIG92ZXJyaWRlIHRoaXMgdGhyb3VnaCBhamF4U2V0dXAgKHRyYWMtMTEyNjQpXG5cdFx0dHlwZTogXCJHRVRcIixcblx0XHRkYXRhVHlwZTogXCJzY3JpcHRcIixcblx0XHRjYWNoZTogdHJ1ZSxcblx0XHRhc3luYzogZmFsc2UsXG5cdFx0Z2xvYmFsOiBmYWxzZSxcblxuXHRcdC8vIE9ubHkgZXZhbHVhdGUgdGhlIHJlc3BvbnNlIGlmIGl0IGlzIHN1Y2Nlc3NmdWwgKGdoLTQxMjYpXG5cdFx0Ly8gZGF0YUZpbHRlciBpcyBub3QgaW52b2tlZCBmb3IgZmFpbHVyZSByZXNwb25zZXMsIHNvIHVzaW5nIGl0IGluc3RlYWRcblx0XHQvLyBvZiB0aGUgZGVmYXVsdCBjb252ZXJ0ZXIgaXMga2x1ZGd5IGJ1dCBpdCB3b3Jrcy5cblx0XHRjb252ZXJ0ZXJzOiB7XG5cdFx0XHRcInRleHQgc2NyaXB0XCI6IGZ1bmN0aW9uKCkge31cblx0XHR9LFxuXHRcdGRhdGFGaWx0ZXI6IGZ1bmN0aW9uKCByZXNwb25zZSApIHtcblx0XHRcdGpRdWVyeS5nbG9iYWxFdmFsKCByZXNwb25zZSwgb3B0aW9ucywgZG9jICk7XG5cdFx0fVxuXHR9ICk7XG59O1xuXG5cbmpRdWVyeS5mbi5leHRlbmQoIHtcblx0d3JhcEFsbDogZnVuY3Rpb24oIGh0bWwgKSB7XG5cdFx0dmFyIHdyYXA7XG5cblx0XHRpZiAoIHRoaXNbIDAgXSApIHtcblx0XHRcdGlmICggaXNGdW5jdGlvbiggaHRtbCApICkge1xuXHRcdFx0XHRodG1sID0gaHRtbC5jYWxsKCB0aGlzWyAwIF0gKTtcblx0XHRcdH1cblxuXHRcdFx0Ly8gVGhlIGVsZW1lbnRzIHRvIHdyYXAgdGhlIHRhcmdldCBhcm91bmRcblx0XHRcdHdyYXAgPSBqUXVlcnkoIGh0bWwsIHRoaXNbIDAgXS5vd25lckRvY3VtZW50ICkuZXEoIDAgKS5jbG9uZSggdHJ1ZSApO1xuXG5cdFx0XHRpZiAoIHRoaXNbIDAgXS5wYXJlbnROb2RlICkge1xuXHRcdFx0XHR3cmFwLmluc2VydEJlZm9yZSggdGhpc1sgMCBdICk7XG5cdFx0XHR9XG5cblx0XHRcdHdyYXAubWFwKCBmdW5jdGlvbigpIHtcblx0XHRcdFx0dmFyIGVsZW0gPSB0aGlzO1xuXG5cdFx0XHRcdHdoaWxlICggZWxlbS5maXJzdEVsZW1lbnRDaGlsZCApIHtcblx0XHRcdFx0XHRlbGVtID0gZWxlbS5maXJzdEVsZW1lbnRDaGlsZDtcblx0XHRcdFx0fVxuXG5cdFx0XHRcdHJldHVybiBlbGVtO1xuXHRcdFx0fSApLmFwcGVuZCggdGhpcyApO1xuXHRcdH1cblxuXHRcdHJldHVybiB0aGlzO1xuXHR9LFxuXG5cdHdyYXBJbm5lcjogZnVuY3Rpb24oIGh0bWwgKSB7XG5cdFx0aWYgKCBpc0Z1bmN0aW9uKCBodG1sICkgKSB7XG5cdFx0XHRyZXR1cm4gdGhpcy5lYWNoKCBmdW5jdGlvbiggaSApIHtcblx0XHRcdFx0alF1ZXJ5KCB0aGlzICkud3JhcElubmVyKCBodG1sLmNhbGwoIHRoaXMsIGkgKSApO1xuXHRcdFx0fSApO1xuXHRcdH1cblxuXHRcdHJldHVybiB0aGlzLmVhY2goIGZ1bmN0aW9uKCkge1xuXHRcdFx0dmFyIHNlbGYgPSBqUXVlcnkoIHRoaXMgKSxcblx0XHRcdFx0Y29udGVudHMgPSBzZWxmLmNvbnRlbnRzKCk7XG5cblx0XHRcdGlmICggY29udGVudHMubGVuZ3RoICkge1xuXHRcdFx0XHRjb250ZW50cy53cmFwQWxsKCBodG1sICk7XG5cblx0XHRcdH0gZWxzZSB7XG5cdFx0XHRcdHNlbGYuYXBwZW5kKCBodG1sICk7XG5cdFx0XHR9XG5cdFx0fSApO1xuXHR9LFxuXG5cdHdyYXA6IGZ1bmN0aW9uKCBodG1sICkge1xuXHRcdHZhciBodG1sSXNGdW5jdGlvbiA9IGlzRnVuY3Rpb24oIGh0bWwgKTtcblxuXHRcdHJldHVybiB0aGlzLmVhY2goIGZ1bmN0aW9uKCBpICkge1xuXHRcdFx0alF1ZXJ5KCB0aGlzICkud3JhcEFsbCggaHRtbElzRnVuY3Rpb24gPyBodG1sLmNhbGwoIHRoaXMsIGkgKSA6IGh0bWwgKTtcblx0XHR9ICk7XG5cdH0sXG5cblx0dW53cmFwOiBmdW5jdGlvbiggc2VsZWN0b3IgKSB7XG5cdFx0dGhpcy5wYXJlbnQoIHNlbGVjdG9yICkubm90KCBcImJvZHlcIiApLmVhY2goIGZ1bmN0aW9uKCkge1xuXHRcdFx0alF1ZXJ5KCB0aGlzICkucmVwbGFjZVdpdGgoIHRoaXMuY2hpbGROb2RlcyApO1xuXHRcdH0gKTtcblx0XHRyZXR1cm4gdGhpcztcblx0fVxufSApO1xuXG5cbmpRdWVyeS5leHByLnBzZXVkb3MuaGlkZGVuID0gZnVuY3Rpb24oIGVsZW0gKSB7XG5cdHJldHVybiAhalF1ZXJ5LmV4cHIucHNldWRvcy52aXNpYmxlKCBlbGVtICk7XG59O1xualF1ZXJ5LmV4cHIucHNldWRvcy52aXNpYmxlID0gZnVuY3Rpb24oIGVsZW0gKSB7XG5cdHJldHVybiAhISggZWxlbS5vZmZzZXRXaWR0aCB8fCBlbGVtLm9mZnNldEhlaWdodCB8fCBlbGVtLmdldENsaWVudFJlY3RzKCkubGVuZ3RoICk7XG59O1xuXG5cblxuXG5qUXVlcnkuYWpheFNldHRpbmdzLnhociA9IGZ1bmN0aW9uKCkge1xuXHR0cnkge1xuXHRcdHJldHVybiBuZXcgd2luZG93LlhNTEh0dHBSZXF1ZXN0KCk7XG5cdH0gY2F0Y2ggKCBlICkge31cbn07XG5cbnZhciB4aHJTdWNjZXNzU3RhdHVzID0ge1xuXG5cdFx0Ly8gRmlsZSBwcm90b2NvbCBhbHdheXMgeWllbGRzIHN0YXR1cyBjb2RlIDAsIGFzc3VtZSAyMDBcblx0XHQwOiAyMDAsXG5cblx0XHQvLyBTdXBwb3J0OiBJRSA8PTkgb25seVxuXHRcdC8vIHRyYWMtMTQ1MDogc29tZXRpbWVzIElFIHJldHVybnMgMTIyMyB3aGVuIGl0IHNob3VsZCBiZSAyMDRcblx0XHQxMjIzOiAyMDRcblx0fSxcblx0eGhyU3VwcG9ydGVkID0galF1ZXJ5LmFqYXhTZXR0aW5ncy54aHIoKTtcblxuc3VwcG9ydC5jb3JzID0gISF4aHJTdXBwb3J0ZWQgJiYgKCBcIndpdGhDcmVkZW50aWFsc1wiIGluIHhoclN1cHBvcnRlZCApO1xuc3VwcG9ydC5hamF4ID0geGhyU3VwcG9ydGVkID0gISF4aHJTdXBwb3J0ZWQ7XG5cbmpRdWVyeS5hamF4VHJhbnNwb3J0KCBmdW5jdGlvbiggb3B0aW9ucyApIHtcblx0dmFyIGNhbGxiYWNrLCBlcnJvckNhbGxiYWNrO1xuXG5cdC8vIENyb3NzIGRvbWFpbiBvbmx5IGFsbG93ZWQgaWYgc3VwcG9ydGVkIHRocm91Z2ggWE1MSHR0cFJlcXVlc3Rcblx0aWYgKCBzdXBwb3J0LmNvcnMgfHwgeGhyU3VwcG9ydGVkICYmICFvcHRpb25zLmNyb3NzRG9tYWluICkge1xuXHRcdHJldHVybiB7XG5cdFx0XHRzZW5kOiBmdW5jdGlvbiggaGVhZGVycywgY29tcGxldGUgKSB7XG5cdFx0XHRcdHZhciBpLFxuXHRcdFx0XHRcdHhociA9IG9wdGlvbnMueGhyKCk7XG5cblx0XHRcdFx0eGhyLm9wZW4oXG5cdFx0XHRcdFx0b3B0aW9ucy50eXBlLFxuXHRcdFx0XHRcdG9wdGlvbnMudXJsLFxuXHRcdFx0XHRcdG9wdGlvbnMuYXN5bmMsXG5cdFx0XHRcdFx0b3B0aW9ucy51c2VybmFtZSxcblx0XHRcdFx0XHRvcHRpb25zLnBhc3N3b3JkXG5cdFx0XHRcdCk7XG5cblx0XHRcdFx0Ly8gQXBwbHkgY3VzdG9tIGZpZWxkcyBpZiBwcm92aWRlZFxuXHRcdFx0XHRpZiAoIG9wdGlvbnMueGhyRmllbGRzICkge1xuXHRcdFx0XHRcdGZvciAoIGkgaW4gb3B0aW9ucy54aHJGaWVsZHMgKSB7XG5cdFx0XHRcdFx0XHR4aHJbIGkgXSA9IG9wdGlvbnMueGhyRmllbGRzWyBpIF07XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9XG5cblx0XHRcdFx0Ly8gT3ZlcnJpZGUgbWltZSB0eXBlIGlmIG5lZWRlZFxuXHRcdFx0XHRpZiAoIG9wdGlvbnMubWltZVR5cGUgJiYgeGhyLm92ZXJyaWRlTWltZVR5cGUgKSB7XG5cdFx0XHRcdFx0eGhyLm92ZXJyaWRlTWltZVR5cGUoIG9wdGlvbnMubWltZVR5cGUgKTtcblx0XHRcdFx0fVxuXG5cdFx0XHRcdC8vIFgtUmVxdWVzdGVkLVdpdGggaGVhZGVyXG5cdFx0XHRcdC8vIEZvciBjcm9zcy1kb21haW4gcmVxdWVzdHMsIHNlZWluZyBhcyBjb25kaXRpb25zIGZvciBhIHByZWZsaWdodCBhcmVcblx0XHRcdFx0Ly8gYWtpbiB0byBhIGppZ3NhdyBwdXp6bGUsIHdlIHNpbXBseSBuZXZlciBzZXQgaXQgdG8gYmUgc3VyZS5cblx0XHRcdFx0Ly8gKGl0IGNhbiBhbHdheXMgYmUgc2V0IG9uIGEgcGVyLXJlcXVlc3QgYmFzaXMgb3IgZXZlbiB1c2luZyBhamF4U2V0dXApXG5cdFx0XHRcdC8vIEZvciBzYW1lLWRvbWFpbiByZXF1ZXN0cywgd29uJ3QgY2hhbmdlIGhlYWRlciBpZiBhbHJlYWR5IHByb3ZpZGVkLlxuXHRcdFx0XHRpZiAoICFvcHRpb25zLmNyb3NzRG9tYWluICYmICFoZWFkZXJzWyBcIlgtUmVxdWVzdGVkLVdpdGhcIiBdICkge1xuXHRcdFx0XHRcdGhlYWRlcnNbIFwiWC1SZXF1ZXN0ZWQtV2l0aFwiIF0gPSBcIlhNTEh0dHBSZXF1ZXN0XCI7XG5cdFx0XHRcdH1cblxuXHRcdFx0XHQvLyBTZXQgaGVhZGVyc1xuXHRcdFx0XHRmb3IgKCBpIGluIGhlYWRlcnMgKSB7XG5cdFx0XHRcdFx0eGhyLnNldFJlcXVlc3RIZWFkZXIoIGksIGhlYWRlcnNbIGkgXSApO1xuXHRcdFx0XHR9XG5cblx0XHRcdFx0Ly8gQ2FsbGJhY2tcblx0XHRcdFx0Y2FsbGJhY2sgPSBmdW5jdGlvbiggdHlwZSApIHtcblx0XHRcdFx0XHRyZXR1cm4gZnVuY3Rpb24oKSB7XG5cdFx0XHRcdFx0XHRpZiAoIGNhbGxiYWNrICkge1xuXHRcdFx0XHRcdFx0XHRjYWxsYmFjayA9IGVycm9yQ2FsbGJhY2sgPSB4aHIub25sb2FkID1cblx0XHRcdFx0XHRcdFx0XHR4aHIub25lcnJvciA9IHhoci5vbmFib3J0ID0geGhyLm9udGltZW91dCA9XG5cdFx0XHRcdFx0XHRcdFx0XHR4aHIub25yZWFkeXN0YXRlY2hhbmdlID0gbnVsbDtcblxuXHRcdFx0XHRcdFx0XHRpZiAoIHR5cGUgPT09IFwiYWJvcnRcIiApIHtcblx0XHRcdFx0XHRcdFx0XHR4aHIuYWJvcnQoKTtcblx0XHRcdFx0XHRcdFx0fSBlbHNlIGlmICggdHlwZSA9PT0gXCJlcnJvclwiICkge1xuXG5cdFx0XHRcdFx0XHRcdFx0Ly8gU3VwcG9ydDogSUUgPD05IG9ubHlcblx0XHRcdFx0XHRcdFx0XHQvLyBPbiBhIG1hbnVhbCBuYXRpdmUgYWJvcnQsIElFOSB0aHJvd3Ncblx0XHRcdFx0XHRcdFx0XHQvLyBlcnJvcnMgb24gYW55IHByb3BlcnR5IGFjY2VzcyB0aGF0IGlzIG5vdCByZWFkeVN0YXRlXG5cdFx0XHRcdFx0XHRcdFx0aWYgKCB0eXBlb2YgeGhyLnN0YXR1cyAhPT0gXCJudW1iZXJcIiApIHtcblx0XHRcdFx0XHRcdFx0XHRcdGNvbXBsZXRlKCAwLCBcImVycm9yXCIgKTtcblx0XHRcdFx0XHRcdFx0XHR9IGVsc2Uge1xuXHRcdFx0XHRcdFx0XHRcdFx0Y29tcGxldGUoXG5cblx0XHRcdFx0XHRcdFx0XHRcdFx0Ly8gRmlsZTogcHJvdG9jb2wgYWx3YXlzIHlpZWxkcyBzdGF0dXMgMDsgc2VlIHRyYWMtODYwNSwgdHJhYy0xNDIwN1xuXHRcdFx0XHRcdFx0XHRcdFx0XHR4aHIuc3RhdHVzLFxuXHRcdFx0XHRcdFx0XHRcdFx0XHR4aHIuc3RhdHVzVGV4dFxuXHRcdFx0XHRcdFx0XHRcdFx0KTtcblx0XHRcdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0XHRcdH0gZWxzZSB7XG5cdFx0XHRcdFx0XHRcdFx0Y29tcGxldGUoXG5cdFx0XHRcdFx0XHRcdFx0XHR4aHJTdWNjZXNzU3RhdHVzWyB4aHIuc3RhdHVzIF0gfHwgeGhyLnN0YXR1cyxcblx0XHRcdFx0XHRcdFx0XHRcdHhoci5zdGF0dXNUZXh0LFxuXG5cdFx0XHRcdFx0XHRcdFx0XHQvLyBTdXBwb3J0OiBJRSA8PTkgb25seVxuXHRcdFx0XHRcdFx0XHRcdFx0Ly8gSUU5IGhhcyBubyBYSFIyIGJ1dCB0aHJvd3Mgb24gYmluYXJ5ICh0cmFjLTExNDI2KVxuXHRcdFx0XHRcdFx0XHRcdFx0Ly8gRm9yIFhIUjIgbm9uLXRleHQsIGxldCB0aGUgY2FsbGVyIGhhbmRsZSBpdCAoZ2gtMjQ5OClcblx0XHRcdFx0XHRcdFx0XHRcdCggeGhyLnJlc3BvbnNlVHlwZSB8fCBcInRleHRcIiApICE9PSBcInRleHRcIiAgfHxcblx0XHRcdFx0XHRcdFx0XHRcdHR5cGVvZiB4aHIucmVzcG9uc2VUZXh0ICE9PSBcInN0cmluZ1wiID9cblx0XHRcdFx0XHRcdFx0XHRcdFx0eyBiaW5hcnk6IHhoci5yZXNwb25zZSB9IDpcblx0XHRcdFx0XHRcdFx0XHRcdFx0eyB0ZXh0OiB4aHIucmVzcG9uc2VUZXh0IH0sXG5cdFx0XHRcdFx0XHRcdFx0XHR4aHIuZ2V0QWxsUmVzcG9uc2VIZWFkZXJzKClcblx0XHRcdFx0XHRcdFx0XHQpO1xuXHRcdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0fTtcblx0XHRcdFx0fTtcblxuXHRcdFx0XHQvLyBMaXN0ZW4gdG8gZXZlbnRzXG5cdFx0XHRcdHhoci5vbmxvYWQgPSBjYWxsYmFjaygpO1xuXHRcdFx0XHRlcnJvckNhbGxiYWNrID0geGhyLm9uZXJyb3IgPSB4aHIub250aW1lb3V0ID0gY2FsbGJhY2soIFwiZXJyb3JcIiApO1xuXG5cdFx0XHRcdC8vIFN1cHBvcnQ6IElFIDkgb25seVxuXHRcdFx0XHQvLyBVc2Ugb25yZWFkeXN0YXRlY2hhbmdlIHRvIHJlcGxhY2Ugb25hYm9ydFxuXHRcdFx0XHQvLyB0byBoYW5kbGUgdW5jYXVnaHQgYWJvcnRzXG5cdFx0XHRcdGlmICggeGhyLm9uYWJvcnQgIT09IHVuZGVmaW5lZCApIHtcblx0XHRcdFx0XHR4aHIub25hYm9ydCA9IGVycm9yQ2FsbGJhY2s7XG5cdFx0XHRcdH0gZWxzZSB7XG5cdFx0XHRcdFx0eGhyLm9ucmVhZHlzdGF0ZWNoYW5nZSA9IGZ1bmN0aW9uKCkge1xuXG5cdFx0XHRcdFx0XHQvLyBDaGVjayByZWFkeVN0YXRlIGJlZm9yZSB0aW1lb3V0IGFzIGl0IGNoYW5nZXNcblx0XHRcdFx0XHRcdGlmICggeGhyLnJlYWR5U3RhdGUgPT09IDQgKSB7XG5cblx0XHRcdFx0XHRcdFx0Ly8gQWxsb3cgb25lcnJvciB0byBiZSBjYWxsZWQgZmlyc3QsXG5cdFx0XHRcdFx0XHRcdC8vIGJ1dCB0aGF0IHdpbGwgbm90IGhhbmRsZSBhIG5hdGl2ZSBhYm9ydFxuXHRcdFx0XHRcdFx0XHQvLyBBbHNvLCBzYXZlIGVycm9yQ2FsbGJhY2sgdG8gYSB2YXJpYWJsZVxuXHRcdFx0XHRcdFx0XHQvLyBhcyB4aHIub25lcnJvciBjYW5ub3QgYmUgYWNjZXNzZWRcblx0XHRcdFx0XHRcdFx0d2luZG93LnNldFRpbWVvdXQoIGZ1bmN0aW9uKCkge1xuXHRcdFx0XHRcdFx0XHRcdGlmICggY2FsbGJhY2sgKSB7XG5cdFx0XHRcdFx0XHRcdFx0XHRlcnJvckNhbGxiYWNrKCk7XG5cdFx0XHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0XHR9ICk7XG5cdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0fTtcblx0XHRcdFx0fVxuXG5cdFx0XHRcdC8vIENyZWF0ZSB0aGUgYWJvcnQgY2FsbGJhY2tcblx0XHRcdFx0Y2FsbGJhY2sgPSBjYWxsYmFjayggXCJhYm9ydFwiICk7XG5cblx0XHRcdFx0dHJ5IHtcblxuXHRcdFx0XHRcdC8vIERvIHNlbmQgdGhlIHJlcXVlc3QgKHRoaXMgbWF5IHJhaXNlIGFuIGV4Y2VwdGlvbilcblx0XHRcdFx0XHR4aHIuc2VuZCggb3B0aW9ucy5oYXNDb250ZW50ICYmIG9wdGlvbnMuZGF0YSB8fCBudWxsICk7XG5cdFx0XHRcdH0gY2F0Y2ggKCBlICkge1xuXG5cdFx0XHRcdFx0Ly8gdHJhYy0xNDY4MzogT25seSByZXRocm93IGlmIHRoaXMgaGFzbid0IGJlZW4gbm90aWZpZWQgYXMgYW4gZXJyb3IgeWV0XG5cdFx0XHRcdFx0aWYgKCBjYWxsYmFjayApIHtcblx0XHRcdFx0XHRcdHRocm93IGU7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9XG5cdFx0XHR9LFxuXG5cdFx0XHRhYm9ydDogZnVuY3Rpb24oKSB7XG5cdFx0XHRcdGlmICggY2FsbGJhY2sgKSB7XG5cdFx0XHRcdFx0Y2FsbGJhY2soKTtcblx0XHRcdFx0fVxuXHRcdFx0fVxuXHRcdH07XG5cdH1cbn0gKTtcblxuXG5cblxuLy8gUHJldmVudCBhdXRvLWV4ZWN1dGlvbiBvZiBzY3JpcHRzIHdoZW4gbm8gZXhwbGljaXQgZGF0YVR5cGUgd2FzIHByb3ZpZGVkIChTZWUgZ2gtMjQzMilcbmpRdWVyeS5hamF4UHJlZmlsdGVyKCBmdW5jdGlvbiggcyApIHtcblx0aWYgKCBzLmNyb3NzRG9tYWluICkge1xuXHRcdHMuY29udGVudHMuc2NyaXB0ID0gZmFsc2U7XG5cdH1cbn0gKTtcblxuLy8gSW5zdGFsbCBzY3JpcHQgZGF0YVR5cGVcbmpRdWVyeS5hamF4U2V0dXAoIHtcblx0YWNjZXB0czoge1xuXHRcdHNjcmlwdDogXCJ0ZXh0L2phdmFzY3JpcHQsIGFwcGxpY2F0aW9uL2phdmFzY3JpcHQsIFwiICtcblx0XHRcdFwiYXBwbGljYXRpb24vZWNtYXNjcmlwdCwgYXBwbGljYXRpb24veC1lY21hc2NyaXB0XCJcblx0fSxcblx0Y29udGVudHM6IHtcblx0XHRzY3JpcHQ6IC9cXGIoPzpqYXZhfGVjbWEpc2NyaXB0XFxiL1xuXHR9LFxuXHRjb252ZXJ0ZXJzOiB7XG5cdFx0XCJ0ZXh0IHNjcmlwdFwiOiBmdW5jdGlvbiggdGV4dCApIHtcblx0XHRcdGpRdWVyeS5nbG9iYWxFdmFsKCB0ZXh0ICk7XG5cdFx0XHRyZXR1cm4gdGV4dDtcblx0XHR9XG5cdH1cbn0gKTtcblxuLy8gSGFuZGxlIGNhY2hlJ3Mgc3BlY2lhbCBjYXNlIGFuZCBjcm9zc0RvbWFpblxualF1ZXJ5LmFqYXhQcmVmaWx0ZXIoIFwic2NyaXB0XCIsIGZ1bmN0aW9uKCBzICkge1xuXHRpZiAoIHMuY2FjaGUgPT09IHVuZGVmaW5lZCApIHtcblx0XHRzLmNhY2hlID0gZmFsc2U7XG5cdH1cblx0aWYgKCBzLmNyb3NzRG9tYWluICkge1xuXHRcdHMudHlwZSA9IFwiR0VUXCI7XG5cdH1cbn0gKTtcblxuLy8gQmluZCBzY3JpcHQgdGFnIGhhY2sgdHJhbnNwb3J0XG5qUXVlcnkuYWpheFRyYW5zcG9ydCggXCJzY3JpcHRcIiwgZnVuY3Rpb24oIHMgKSB7XG5cblx0Ly8gVGhpcyB0cmFuc3BvcnQgb25seSBkZWFscyB3aXRoIGNyb3NzIGRvbWFpbiBvciBmb3JjZWQtYnktYXR0cnMgcmVxdWVzdHNcblx0aWYgKCBzLmNyb3NzRG9tYWluIHx8IHMuc2NyaXB0QXR0cnMgKSB7XG5cdFx0dmFyIHNjcmlwdCwgY2FsbGJhY2s7XG5cdFx0cmV0dXJuIHtcblx0XHRcdHNlbmQ6IGZ1bmN0aW9uKCBfLCBjb21wbGV0ZSApIHtcblx0XHRcdFx0c2NyaXB0ID0galF1ZXJ5KCBcIjxzY3JpcHQ+XCIgKVxuXHRcdFx0XHRcdC5hdHRyKCBzLnNjcmlwdEF0dHJzIHx8IHt9IClcblx0XHRcdFx0XHQucHJvcCggeyBjaGFyc2V0OiBzLnNjcmlwdENoYXJzZXQsIHNyYzogcy51cmwgfSApXG5cdFx0XHRcdFx0Lm9uKCBcImxvYWQgZXJyb3JcIiwgY2FsbGJhY2sgPSBmdW5jdGlvbiggZXZ0ICkge1xuXHRcdFx0XHRcdFx0c2NyaXB0LnJlbW92ZSgpO1xuXHRcdFx0XHRcdFx0Y2FsbGJhY2sgPSBudWxsO1xuXHRcdFx0XHRcdFx0aWYgKCBldnQgKSB7XG5cdFx0XHRcdFx0XHRcdGNvbXBsZXRlKCBldnQudHlwZSA9PT0gXCJlcnJvclwiID8gNDA0IDogMjAwLCBldnQudHlwZSApO1xuXHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdH0gKTtcblxuXHRcdFx0XHQvLyBVc2UgbmF0aXZlIERPTSBtYW5pcHVsYXRpb24gdG8gYXZvaWQgb3VyIGRvbU1hbmlwIEFKQVggdHJpY2tlcnlcblx0XHRcdFx0ZG9jdW1lbnQuaGVhZC5hcHBlbmRDaGlsZCggc2NyaXB0WyAwIF0gKTtcblx0XHRcdH0sXG5cdFx0XHRhYm9ydDogZnVuY3Rpb24oKSB7XG5cdFx0XHRcdGlmICggY2FsbGJhY2sgKSB7XG5cdFx0XHRcdFx0Y2FsbGJhY2soKTtcblx0XHRcdFx0fVxuXHRcdFx0fVxuXHRcdH07XG5cdH1cbn0gKTtcblxuXG5cblxudmFyIG9sZENhbGxiYWNrcyA9IFtdLFxuXHRyanNvbnAgPSAvKD0pXFw/KD89JnwkKXxcXD9cXD8vO1xuXG4vLyBEZWZhdWx0IGpzb25wIHNldHRpbmdzXG5qUXVlcnkuYWpheFNldHVwKCB7XG5cdGpzb25wOiBcImNhbGxiYWNrXCIsXG5cdGpzb25wQ2FsbGJhY2s6IGZ1bmN0aW9uKCkge1xuXHRcdHZhciBjYWxsYmFjayA9IG9sZENhbGxiYWNrcy5wb3AoKSB8fCAoIGpRdWVyeS5leHBhbmRvICsgXCJfXCIgKyAoIG5vbmNlLmd1aWQrKyApICk7XG5cdFx0dGhpc1sgY2FsbGJhY2sgXSA9IHRydWU7XG5cdFx0cmV0dXJuIGNhbGxiYWNrO1xuXHR9XG59ICk7XG5cbi8vIERldGVjdCwgbm9ybWFsaXplIG9wdGlvbnMgYW5kIGluc3RhbGwgY2FsbGJhY2tzIGZvciBqc29ucCByZXF1ZXN0c1xualF1ZXJ5LmFqYXhQcmVmaWx0ZXIoIFwianNvbiBqc29ucFwiLCBmdW5jdGlvbiggcywgb3JpZ2luYWxTZXR0aW5ncywganFYSFIgKSB7XG5cblx0dmFyIGNhbGxiYWNrTmFtZSwgb3ZlcndyaXR0ZW4sIHJlc3BvbnNlQ29udGFpbmVyLFxuXHRcdGpzb25Qcm9wID0gcy5qc29ucCAhPT0gZmFsc2UgJiYgKCByanNvbnAudGVzdCggcy51cmwgKSA/XG5cdFx0XHRcInVybFwiIDpcblx0XHRcdHR5cGVvZiBzLmRhdGEgPT09IFwic3RyaW5nXCIgJiZcblx0XHRcdFx0KCBzLmNvbnRlbnRUeXBlIHx8IFwiXCIgKVxuXHRcdFx0XHRcdC5pbmRleE9mKCBcImFwcGxpY2F0aW9uL3gtd3d3LWZvcm0tdXJsZW5jb2RlZFwiICkgPT09IDAgJiZcblx0XHRcdFx0cmpzb25wLnRlc3QoIHMuZGF0YSApICYmIFwiZGF0YVwiXG5cdFx0KTtcblxuXHQvLyBIYW5kbGUgaWZmIHRoZSBleHBlY3RlZCBkYXRhIHR5cGUgaXMgXCJqc29ucFwiIG9yIHdlIGhhdmUgYSBwYXJhbWV0ZXIgdG8gc2V0XG5cdGlmICgganNvblByb3AgfHwgcy5kYXRhVHlwZXNbIDAgXSA9PT0gXCJqc29ucFwiICkge1xuXG5cdFx0Ly8gR2V0IGNhbGxiYWNrIG5hbWUsIHJlbWVtYmVyaW5nIHByZWV4aXN0aW5nIHZhbHVlIGFzc29jaWF0ZWQgd2l0aCBpdFxuXHRcdGNhbGxiYWNrTmFtZSA9IHMuanNvbnBDYWxsYmFjayA9IGlzRnVuY3Rpb24oIHMuanNvbnBDYWxsYmFjayApID9cblx0XHRcdHMuanNvbnBDYWxsYmFjaygpIDpcblx0XHRcdHMuanNvbnBDYWxsYmFjaztcblxuXHRcdC8vIEluc2VydCBjYWxsYmFjayBpbnRvIHVybCBvciBmb3JtIGRhdGFcblx0XHRpZiAoIGpzb25Qcm9wICkge1xuXHRcdFx0c1sganNvblByb3AgXSA9IHNbIGpzb25Qcm9wIF0ucmVwbGFjZSggcmpzb25wLCBcIiQxXCIgKyBjYWxsYmFja05hbWUgKTtcblx0XHR9IGVsc2UgaWYgKCBzLmpzb25wICE9PSBmYWxzZSApIHtcblx0XHRcdHMudXJsICs9ICggcnF1ZXJ5LnRlc3QoIHMudXJsICkgPyBcIiZcIiA6IFwiP1wiICkgKyBzLmpzb25wICsgXCI9XCIgKyBjYWxsYmFja05hbWU7XG5cdFx0fVxuXG5cdFx0Ly8gVXNlIGRhdGEgY29udmVydGVyIHRvIHJldHJpZXZlIGpzb24gYWZ0ZXIgc2NyaXB0IGV4ZWN1dGlvblxuXHRcdHMuY29udmVydGVyc1sgXCJzY3JpcHQganNvblwiIF0gPSBmdW5jdGlvbigpIHtcblx0XHRcdGlmICggIXJlc3BvbnNlQ29udGFpbmVyICkge1xuXHRcdFx0XHRqUXVlcnkuZXJyb3IoIGNhbGxiYWNrTmFtZSArIFwiIHdhcyBub3QgY2FsbGVkXCIgKTtcblx0XHRcdH1cblx0XHRcdHJldHVybiByZXNwb25zZUNvbnRhaW5lclsgMCBdO1xuXHRcdH07XG5cblx0XHQvLyBGb3JjZSBqc29uIGRhdGFUeXBlXG5cdFx0cy5kYXRhVHlwZXNbIDAgXSA9IFwianNvblwiO1xuXG5cdFx0Ly8gSW5zdGFsbCBjYWxsYmFja1xuXHRcdG92ZXJ3cml0dGVuID0gd2luZG93WyBjYWxsYmFja05hbWUgXTtcblx0XHR3aW5kb3dbIGNhbGxiYWNrTmFtZSBdID0gZnVuY3Rpb24oKSB7XG5cdFx0XHRyZXNwb25zZUNvbnRhaW5lciA9IGFyZ3VtZW50cztcblx0XHR9O1xuXG5cdFx0Ly8gQ2xlYW4tdXAgZnVuY3Rpb24gKGZpcmVzIGFmdGVyIGNvbnZlcnRlcnMpXG5cdFx0anFYSFIuYWx3YXlzKCBmdW5jdGlvbigpIHtcblxuXHRcdFx0Ly8gSWYgcHJldmlvdXMgdmFsdWUgZGlkbid0IGV4aXN0IC0gcmVtb3ZlIGl0XG5cdFx0XHRpZiAoIG92ZXJ3cml0dGVuID09PSB1bmRlZmluZWQgKSB7XG5cdFx0XHRcdGpRdWVyeSggd2luZG93ICkucmVtb3ZlUHJvcCggY2FsbGJhY2tOYW1lICk7XG5cblx0XHRcdC8vIE90aGVyd2lzZSByZXN0b3JlIHByZWV4aXN0aW5nIHZhbHVlXG5cdFx0XHR9IGVsc2Uge1xuXHRcdFx0XHR3aW5kb3dbIGNhbGxiYWNrTmFtZSBdID0gb3ZlcndyaXR0ZW47XG5cdFx0XHR9XG5cblx0XHRcdC8vIFNhdmUgYmFjayBhcyBmcmVlXG5cdFx0XHRpZiAoIHNbIGNhbGxiYWNrTmFtZSBdICkge1xuXG5cdFx0XHRcdC8vIE1ha2Ugc3VyZSB0aGF0IHJlLXVzaW5nIHRoZSBvcHRpb25zIGRvZXNuJ3Qgc2NyZXcgdGhpbmdzIGFyb3VuZFxuXHRcdFx0XHRzLmpzb25wQ2FsbGJhY2sgPSBvcmlnaW5hbFNldHRpbmdzLmpzb25wQ2FsbGJhY2s7XG5cblx0XHRcdFx0Ly8gU2F2ZSB0aGUgY2FsbGJhY2sgbmFtZSBmb3IgZnV0dXJlIHVzZVxuXHRcdFx0XHRvbGRDYWxsYmFja3MucHVzaCggY2FsbGJhY2tOYW1lICk7XG5cdFx0XHR9XG5cblx0XHRcdC8vIENhbGwgaWYgaXQgd2FzIGEgZnVuY3Rpb24gYW5kIHdlIGhhdmUgYSByZXNwb25zZVxuXHRcdFx0aWYgKCByZXNwb25zZUNvbnRhaW5lciAmJiBpc0Z1bmN0aW9uKCBvdmVyd3JpdHRlbiApICkge1xuXHRcdFx0XHRvdmVyd3JpdHRlbiggcmVzcG9uc2VDb250YWluZXJbIDAgXSApO1xuXHRcdFx0fVxuXG5cdFx0XHRyZXNwb25zZUNvbnRhaW5lciA9IG92ZXJ3cml0dGVuID0gdW5kZWZpbmVkO1xuXHRcdH0gKTtcblxuXHRcdC8vIERlbGVnYXRlIHRvIHNjcmlwdFxuXHRcdHJldHVybiBcInNjcmlwdFwiO1xuXHR9XG59ICk7XG5cblxuXG5cbi8vIFN1cHBvcnQ6IFNhZmFyaSA4IG9ubHlcbi8vIEluIFNhZmFyaSA4IGRvY3VtZW50cyBjcmVhdGVkIHZpYSBkb2N1bWVudC5pbXBsZW1lbnRhdGlvbi5jcmVhdGVIVE1MRG9jdW1lbnRcbi8vIGNvbGxhcHNlIHNpYmxpbmcgZm9ybXM6IHRoZSBzZWNvbmQgb25lIGJlY29tZXMgYSBjaGlsZCBvZiB0aGUgZmlyc3Qgb25lLlxuLy8gQmVjYXVzZSBvZiB0aGF0LCB0aGlzIHNlY3VyaXR5IG1lYXN1cmUgaGFzIHRvIGJlIGRpc2FibGVkIGluIFNhZmFyaSA4LlxuLy8gaHR0cHM6Ly9idWdzLndlYmtpdC5vcmcvc2hvd19idWcuY2dpP2lkPTEzNzMzN1xuc3VwcG9ydC5jcmVhdGVIVE1MRG9jdW1lbnQgPSAoIGZ1bmN0aW9uKCkge1xuXHR2YXIgYm9keSA9IGRvY3VtZW50LmltcGxlbWVudGF0aW9uLmNyZWF0ZUhUTUxEb2N1bWVudCggXCJcIiApLmJvZHk7XG5cdGJvZHkuaW5uZXJIVE1MID0gXCI8Zm9ybT48L2Zvcm0+PGZvcm0+PC9mb3JtPlwiO1xuXHRyZXR1cm4gYm9keS5jaGlsZE5vZGVzLmxlbmd0aCA9PT0gMjtcbn0gKSgpO1xuXG5cbi8vIEFyZ3VtZW50IFwiZGF0YVwiIHNob3VsZCBiZSBzdHJpbmcgb2YgaHRtbFxuLy8gY29udGV4dCAob3B0aW9uYWwpOiBJZiBzcGVjaWZpZWQsIHRoZSBmcmFnbWVudCB3aWxsIGJlIGNyZWF0ZWQgaW4gdGhpcyBjb250ZXh0LFxuLy8gZGVmYXVsdHMgdG8gZG9jdW1lbnRcbi8vIGtlZXBTY3JpcHRzIChvcHRpb25hbCk6IElmIHRydWUsIHdpbGwgaW5jbHVkZSBzY3JpcHRzIHBhc3NlZCBpbiB0aGUgaHRtbCBzdHJpbmdcbmpRdWVyeS5wYXJzZUhUTUwgPSBmdW5jdGlvbiggZGF0YSwgY29udGV4dCwga2VlcFNjcmlwdHMgKSB7XG5cdGlmICggdHlwZW9mIGRhdGEgIT09IFwic3RyaW5nXCIgKSB7XG5cdFx0cmV0dXJuIFtdO1xuXHR9XG5cdGlmICggdHlwZW9mIGNvbnRleHQgPT09IFwiYm9vbGVhblwiICkge1xuXHRcdGtlZXBTY3JpcHRzID0gY29udGV4dDtcblx0XHRjb250ZXh0ID0gZmFsc2U7XG5cdH1cblxuXHR2YXIgYmFzZSwgcGFyc2VkLCBzY3JpcHRzO1xuXG5cdGlmICggIWNvbnRleHQgKSB7XG5cblx0XHQvLyBTdG9wIHNjcmlwdHMgb3IgaW5saW5lIGV2ZW50IGhhbmRsZXJzIGZyb20gYmVpbmcgZXhlY3V0ZWQgaW1tZWRpYXRlbHlcblx0XHQvLyBieSB1c2luZyBkb2N1bWVudC5pbXBsZW1lbnRhdGlvblxuXHRcdGlmICggc3VwcG9ydC5jcmVhdGVIVE1MRG9jdW1lbnQgKSB7XG5cdFx0XHRjb250ZXh0ID0gZG9jdW1lbnQuaW1wbGVtZW50YXRpb24uY3JlYXRlSFRNTERvY3VtZW50KCBcIlwiICk7XG5cblx0XHRcdC8vIFNldCB0aGUgYmFzZSBocmVmIGZvciB0aGUgY3JlYXRlZCBkb2N1bWVudFxuXHRcdFx0Ly8gc28gYW55IHBhcnNlZCBlbGVtZW50cyB3aXRoIFVSTHNcblx0XHRcdC8vIGFyZSBiYXNlZCBvbiB0aGUgZG9jdW1lbnQncyBVUkwgKGdoLTI5NjUpXG5cdFx0XHRiYXNlID0gY29udGV4dC5jcmVhdGVFbGVtZW50KCBcImJhc2VcIiApO1xuXHRcdFx0YmFzZS5ocmVmID0gZG9jdW1lbnQubG9jYXRpb24uaHJlZjtcblx0XHRcdGNvbnRleHQuaGVhZC5hcHBlbmRDaGlsZCggYmFzZSApO1xuXHRcdH0gZWxzZSB7XG5cdFx0XHRjb250ZXh0ID0gZG9jdW1lbnQ7XG5cdFx0fVxuXHR9XG5cblx0cGFyc2VkID0gcnNpbmdsZVRhZy5leGVjKCBkYXRhICk7XG5cdHNjcmlwdHMgPSAha2VlcFNjcmlwdHMgJiYgW107XG5cblx0Ly8gU2luZ2xlIHRhZ1xuXHRpZiAoIHBhcnNlZCApIHtcblx0XHRyZXR1cm4gWyBjb250ZXh0LmNyZWF0ZUVsZW1lbnQoIHBhcnNlZFsgMSBdICkgXTtcblx0fVxuXG5cdHBhcnNlZCA9IGJ1aWxkRnJhZ21lbnQoIFsgZGF0YSBdLCBjb250ZXh0LCBzY3JpcHRzICk7XG5cblx0aWYgKCBzY3JpcHRzICYmIHNjcmlwdHMubGVuZ3RoICkge1xuXHRcdGpRdWVyeSggc2NyaXB0cyApLnJlbW92ZSgpO1xuXHR9XG5cblx0cmV0dXJuIGpRdWVyeS5tZXJnZSggW10sIHBhcnNlZC5jaGlsZE5vZGVzICk7XG59O1xuXG5cbi8qKlxuICogTG9hZCBhIHVybCBpbnRvIGEgcGFnZVxuICovXG5qUXVlcnkuZm4ubG9hZCA9IGZ1bmN0aW9uKCB1cmwsIHBhcmFtcywgY2FsbGJhY2sgKSB7XG5cdHZhciBzZWxlY3RvciwgdHlwZSwgcmVzcG9uc2UsXG5cdFx0c2VsZiA9IHRoaXMsXG5cdFx0b2ZmID0gdXJsLmluZGV4T2YoIFwiIFwiICk7XG5cblx0aWYgKCBvZmYgPiAtMSApIHtcblx0XHRzZWxlY3RvciA9IHN0cmlwQW5kQ29sbGFwc2UoIHVybC5zbGljZSggb2ZmICkgKTtcblx0XHR1cmwgPSB1cmwuc2xpY2UoIDAsIG9mZiApO1xuXHR9XG5cblx0Ly8gSWYgaXQncyBhIGZ1bmN0aW9uXG5cdGlmICggaXNGdW5jdGlvbiggcGFyYW1zICkgKSB7XG5cblx0XHQvLyBXZSBhc3N1bWUgdGhhdCBpdCdzIHRoZSBjYWxsYmFja1xuXHRcdGNhbGxiYWNrID0gcGFyYW1zO1xuXHRcdHBhcmFtcyA9IHVuZGVmaW5lZDtcblxuXHQvLyBPdGhlcndpc2UsIGJ1aWxkIGEgcGFyYW0gc3RyaW5nXG5cdH0gZWxzZSBpZiAoIHBhcmFtcyAmJiB0eXBlb2YgcGFyYW1zID09PSBcIm9iamVjdFwiICkge1xuXHRcdHR5cGUgPSBcIlBPU1RcIjtcblx0fVxuXG5cdC8vIElmIHdlIGhhdmUgZWxlbWVudHMgdG8gbW9kaWZ5LCBtYWtlIHRoZSByZXF1ZXN0XG5cdGlmICggc2VsZi5sZW5ndGggPiAwICkge1xuXHRcdGpRdWVyeS5hamF4KCB7XG5cdFx0XHR1cmw6IHVybCxcblxuXHRcdFx0Ly8gSWYgXCJ0eXBlXCIgdmFyaWFibGUgaXMgdW5kZWZpbmVkLCB0aGVuIFwiR0VUXCIgbWV0aG9kIHdpbGwgYmUgdXNlZC5cblx0XHRcdC8vIE1ha2UgdmFsdWUgb2YgdGhpcyBmaWVsZCBleHBsaWNpdCBzaW5jZVxuXHRcdFx0Ly8gdXNlciBjYW4gb3ZlcnJpZGUgaXQgdGhyb3VnaCBhamF4U2V0dXAgbWV0aG9kXG5cdFx0XHR0eXBlOiB0eXBlIHx8IFwiR0VUXCIsXG5cdFx0XHRkYXRhVHlwZTogXCJodG1sXCIsXG5cdFx0XHRkYXRhOiBwYXJhbXNcblx0XHR9ICkuZG9uZSggZnVuY3Rpb24oIHJlc3BvbnNlVGV4dCApIHtcblxuXHRcdFx0Ly8gU2F2ZSByZXNwb25zZSBmb3IgdXNlIGluIGNvbXBsZXRlIGNhbGxiYWNrXG5cdFx0XHRyZXNwb25zZSA9IGFyZ3VtZW50cztcblxuXHRcdFx0c2VsZi5odG1sKCBzZWxlY3RvciA/XG5cblx0XHRcdFx0Ly8gSWYgYSBzZWxlY3RvciB3YXMgc3BlY2lmaWVkLCBsb2NhdGUgdGhlIHJpZ2h0IGVsZW1lbnRzIGluIGEgZHVtbXkgZGl2XG5cdFx0XHRcdC8vIEV4Y2x1ZGUgc2NyaXB0cyB0byBhdm9pZCBJRSAnUGVybWlzc2lvbiBEZW5pZWQnIGVycm9yc1xuXHRcdFx0XHRqUXVlcnkoIFwiPGRpdj5cIiApLmFwcGVuZCggalF1ZXJ5LnBhcnNlSFRNTCggcmVzcG9uc2VUZXh0ICkgKS5maW5kKCBzZWxlY3RvciApIDpcblxuXHRcdFx0XHQvLyBPdGhlcndpc2UgdXNlIHRoZSBmdWxsIHJlc3VsdFxuXHRcdFx0XHRyZXNwb25zZVRleHQgKTtcblxuXHRcdC8vIElmIHRoZSByZXF1ZXN0IHN1Y2NlZWRzLCB0aGlzIGZ1bmN0aW9uIGdldHMgXCJkYXRhXCIsIFwic3RhdHVzXCIsIFwianFYSFJcIlxuXHRcdC8vIGJ1dCB0aGV5IGFyZSBpZ25vcmVkIGJlY2F1c2UgcmVzcG9uc2Ugd2FzIHNldCBhYm92ZS5cblx0XHQvLyBJZiBpdCBmYWlscywgdGhpcyBmdW5jdGlvbiBnZXRzIFwianFYSFJcIiwgXCJzdGF0dXNcIiwgXCJlcnJvclwiXG5cdFx0fSApLmFsd2F5cyggY2FsbGJhY2sgJiYgZnVuY3Rpb24oIGpxWEhSLCBzdGF0dXMgKSB7XG5cdFx0XHRzZWxmLmVhY2goIGZ1bmN0aW9uKCkge1xuXHRcdFx0XHRjYWxsYmFjay5hcHBseSggdGhpcywgcmVzcG9uc2UgfHwgWyBqcVhIUi5yZXNwb25zZVRleHQsIHN0YXR1cywganFYSFIgXSApO1xuXHRcdFx0fSApO1xuXHRcdH0gKTtcblx0fVxuXG5cdHJldHVybiB0aGlzO1xufTtcblxuXG5cblxualF1ZXJ5LmV4cHIucHNldWRvcy5hbmltYXRlZCA9IGZ1bmN0aW9uKCBlbGVtICkge1xuXHRyZXR1cm4galF1ZXJ5LmdyZXAoIGpRdWVyeS50aW1lcnMsIGZ1bmN0aW9uKCBmbiApIHtcblx0XHRyZXR1cm4gZWxlbSA9PT0gZm4uZWxlbTtcblx0fSApLmxlbmd0aDtcbn07XG5cblxuXG5cbmpRdWVyeS5vZmZzZXQgPSB7XG5cdHNldE9mZnNldDogZnVuY3Rpb24oIGVsZW0sIG9wdGlvbnMsIGkgKSB7XG5cdFx0dmFyIGN1clBvc2l0aW9uLCBjdXJMZWZ0LCBjdXJDU1NUb3AsIGN1clRvcCwgY3VyT2Zmc2V0LCBjdXJDU1NMZWZ0LCBjYWxjdWxhdGVQb3NpdGlvbixcblx0XHRcdHBvc2l0aW9uID0galF1ZXJ5LmNzcyggZWxlbSwgXCJwb3NpdGlvblwiICksXG5cdFx0XHRjdXJFbGVtID0galF1ZXJ5KCBlbGVtICksXG5cdFx0XHRwcm9wcyA9IHt9O1xuXG5cdFx0Ly8gU2V0IHBvc2l0aW9uIGZpcnN0LCBpbi1jYXNlIHRvcC9sZWZ0IGFyZSBzZXQgZXZlbiBvbiBzdGF0aWMgZWxlbVxuXHRcdGlmICggcG9zaXRpb24gPT09IFwic3RhdGljXCIgKSB7XG5cdFx0XHRlbGVtLnN0eWxlLnBvc2l0aW9uID0gXCJyZWxhdGl2ZVwiO1xuXHRcdH1cblxuXHRcdGN1ck9mZnNldCA9IGN1ckVsZW0ub2Zmc2V0KCk7XG5cdFx0Y3VyQ1NTVG9wID0galF1ZXJ5LmNzcyggZWxlbSwgXCJ0b3BcIiApO1xuXHRcdGN1ckNTU0xlZnQgPSBqUXVlcnkuY3NzKCBlbGVtLCBcImxlZnRcIiApO1xuXHRcdGNhbGN1bGF0ZVBvc2l0aW9uID0gKCBwb3NpdGlvbiA9PT0gXCJhYnNvbHV0ZVwiIHx8IHBvc2l0aW9uID09PSBcImZpeGVkXCIgKSAmJlxuXHRcdFx0KCBjdXJDU1NUb3AgKyBjdXJDU1NMZWZ0ICkuaW5kZXhPZiggXCJhdXRvXCIgKSA+IC0xO1xuXG5cdFx0Ly8gTmVlZCB0byBiZSBhYmxlIHRvIGNhbGN1bGF0ZSBwb3NpdGlvbiBpZiBlaXRoZXJcblx0XHQvLyB0b3Agb3IgbGVmdCBpcyBhdXRvIGFuZCBwb3NpdGlvbiBpcyBlaXRoZXIgYWJzb2x1dGUgb3IgZml4ZWRcblx0XHRpZiAoIGNhbGN1bGF0ZVBvc2l0aW9uICkge1xuXHRcdFx0Y3VyUG9zaXRpb24gPSBjdXJFbGVtLnBvc2l0aW9uKCk7XG5cdFx0XHRjdXJUb3AgPSBjdXJQb3NpdGlvbi50b3A7XG5cdFx0XHRjdXJMZWZ0ID0gY3VyUG9zaXRpb24ubGVmdDtcblxuXHRcdH0gZWxzZSB7XG5cdFx0XHRjdXJUb3AgPSBwYXJzZUZsb2F0KCBjdXJDU1NUb3AgKSB8fCAwO1xuXHRcdFx0Y3VyTGVmdCA9IHBhcnNlRmxvYXQoIGN1ckNTU0xlZnQgKSB8fCAwO1xuXHRcdH1cblxuXHRcdGlmICggaXNGdW5jdGlvbiggb3B0aW9ucyApICkge1xuXG5cdFx0XHQvLyBVc2UgalF1ZXJ5LmV4dGVuZCBoZXJlIHRvIGFsbG93IG1vZGlmaWNhdGlvbiBvZiBjb29yZGluYXRlcyBhcmd1bWVudCAoZ2gtMTg0OClcblx0XHRcdG9wdGlvbnMgPSBvcHRpb25zLmNhbGwoIGVsZW0sIGksIGpRdWVyeS5leHRlbmQoIHt9LCBjdXJPZmZzZXQgKSApO1xuXHRcdH1cblxuXHRcdGlmICggb3B0aW9ucy50b3AgIT0gbnVsbCApIHtcblx0XHRcdHByb3BzLnRvcCA9ICggb3B0aW9ucy50b3AgLSBjdXJPZmZzZXQudG9wICkgKyBjdXJUb3A7XG5cdFx0fVxuXHRcdGlmICggb3B0aW9ucy5sZWZ0ICE9IG51bGwgKSB7XG5cdFx0XHRwcm9wcy5sZWZ0ID0gKCBvcHRpb25zLmxlZnQgLSBjdXJPZmZzZXQubGVmdCApICsgY3VyTGVmdDtcblx0XHR9XG5cblx0XHRpZiAoIFwidXNpbmdcIiBpbiBvcHRpb25zICkge1xuXHRcdFx0b3B0aW9ucy51c2luZy5jYWxsKCBlbGVtLCBwcm9wcyApO1xuXG5cdFx0fSBlbHNlIHtcblx0XHRcdGN1ckVsZW0uY3NzKCBwcm9wcyApO1xuXHRcdH1cblx0fVxufTtcblxualF1ZXJ5LmZuLmV4dGVuZCgge1xuXG5cdC8vIG9mZnNldCgpIHJlbGF0ZXMgYW4gZWxlbWVudCdzIGJvcmRlciBib3ggdG8gdGhlIGRvY3VtZW50IG9yaWdpblxuXHRvZmZzZXQ6IGZ1bmN0aW9uKCBvcHRpb25zICkge1xuXG5cdFx0Ly8gUHJlc2VydmUgY2hhaW5pbmcgZm9yIHNldHRlclxuXHRcdGlmICggYXJndW1lbnRzLmxlbmd0aCApIHtcblx0XHRcdHJldHVybiBvcHRpb25zID09PSB1bmRlZmluZWQgP1xuXHRcdFx0XHR0aGlzIDpcblx0XHRcdFx0dGhpcy5lYWNoKCBmdW5jdGlvbiggaSApIHtcblx0XHRcdFx0XHRqUXVlcnkub2Zmc2V0LnNldE9mZnNldCggdGhpcywgb3B0aW9ucywgaSApO1xuXHRcdFx0XHR9ICk7XG5cdFx0fVxuXG5cdFx0dmFyIHJlY3QsIHdpbixcblx0XHRcdGVsZW0gPSB0aGlzWyAwIF07XG5cblx0XHRpZiAoICFlbGVtICkge1xuXHRcdFx0cmV0dXJuO1xuXHRcdH1cblxuXHRcdC8vIFJldHVybiB6ZXJvcyBmb3IgZGlzY29ubmVjdGVkIGFuZCBoaWRkZW4gKGRpc3BsYXk6IG5vbmUpIGVsZW1lbnRzIChnaC0yMzEwKVxuXHRcdC8vIFN1cHBvcnQ6IElFIDw9MTEgb25seVxuXHRcdC8vIFJ1bm5pbmcgZ2V0Qm91bmRpbmdDbGllbnRSZWN0IG9uIGFcblx0XHQvLyBkaXNjb25uZWN0ZWQgbm9kZSBpbiBJRSB0aHJvd3MgYW4gZXJyb3Jcblx0XHRpZiAoICFlbGVtLmdldENsaWVudFJlY3RzKCkubGVuZ3RoICkge1xuXHRcdFx0cmV0dXJuIHsgdG9wOiAwLCBsZWZ0OiAwIH07XG5cdFx0fVxuXG5cdFx0Ly8gR2V0IGRvY3VtZW50LXJlbGF0aXZlIHBvc2l0aW9uIGJ5IGFkZGluZyB2aWV3cG9ydCBzY3JvbGwgdG8gdmlld3BvcnQtcmVsYXRpdmUgZ0JDUlxuXHRcdHJlY3QgPSBlbGVtLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuXHRcdHdpbiA9IGVsZW0ub3duZXJEb2N1bWVudC5kZWZhdWx0Vmlldztcblx0XHRyZXR1cm4ge1xuXHRcdFx0dG9wOiByZWN0LnRvcCArIHdpbi5wYWdlWU9mZnNldCxcblx0XHRcdGxlZnQ6IHJlY3QubGVmdCArIHdpbi5wYWdlWE9mZnNldFxuXHRcdH07XG5cdH0sXG5cblx0Ly8gcG9zaXRpb24oKSByZWxhdGVzIGFuIGVsZW1lbnQncyBtYXJnaW4gYm94IHRvIGl0cyBvZmZzZXQgcGFyZW50J3MgcGFkZGluZyBib3hcblx0Ly8gVGhpcyBjb3JyZXNwb25kcyB0byB0aGUgYmVoYXZpb3Igb2YgQ1NTIGFic29sdXRlIHBvc2l0aW9uaW5nXG5cdHBvc2l0aW9uOiBmdW5jdGlvbigpIHtcblx0XHRpZiAoICF0aGlzWyAwIF0gKSB7XG5cdFx0XHRyZXR1cm47XG5cdFx0fVxuXG5cdFx0dmFyIG9mZnNldFBhcmVudCwgb2Zmc2V0LCBkb2MsXG5cdFx0XHRlbGVtID0gdGhpc1sgMCBdLFxuXHRcdFx0cGFyZW50T2Zmc2V0ID0geyB0b3A6IDAsIGxlZnQ6IDAgfTtcblxuXHRcdC8vIHBvc2l0aW9uOmZpeGVkIGVsZW1lbnRzIGFyZSBvZmZzZXQgZnJvbSB0aGUgdmlld3BvcnQsIHdoaWNoIGl0c2VsZiBhbHdheXMgaGFzIHplcm8gb2Zmc2V0XG5cdFx0aWYgKCBqUXVlcnkuY3NzKCBlbGVtLCBcInBvc2l0aW9uXCIgKSA9PT0gXCJmaXhlZFwiICkge1xuXG5cdFx0XHQvLyBBc3N1bWUgcG9zaXRpb246Zml4ZWQgaW1wbGllcyBhdmFpbGFiaWxpdHkgb2YgZ2V0Qm91bmRpbmdDbGllbnRSZWN0XG5cdFx0XHRvZmZzZXQgPSBlbGVtLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuXG5cdFx0fSBlbHNlIHtcblx0XHRcdG9mZnNldCA9IHRoaXMub2Zmc2V0KCk7XG5cblx0XHRcdC8vIEFjY291bnQgZm9yIHRoZSAqcmVhbCogb2Zmc2V0IHBhcmVudCwgd2hpY2ggY2FuIGJlIHRoZSBkb2N1bWVudCBvciBpdHMgcm9vdCBlbGVtZW50XG5cdFx0XHQvLyB3aGVuIGEgc3RhdGljYWxseSBwb3NpdGlvbmVkIGVsZW1lbnQgaXMgaWRlbnRpZmllZFxuXHRcdFx0ZG9jID0gZWxlbS5vd25lckRvY3VtZW50O1xuXHRcdFx0b2Zmc2V0UGFyZW50ID0gZWxlbS5vZmZzZXRQYXJlbnQgfHwgZG9jLmRvY3VtZW50RWxlbWVudDtcblx0XHRcdHdoaWxlICggb2Zmc2V0UGFyZW50ICYmXG5cdFx0XHRcdCggb2Zmc2V0UGFyZW50ID09PSBkb2MuYm9keSB8fCBvZmZzZXRQYXJlbnQgPT09IGRvYy5kb2N1bWVudEVsZW1lbnQgKSAmJlxuXHRcdFx0XHRqUXVlcnkuY3NzKCBvZmZzZXRQYXJlbnQsIFwicG9zaXRpb25cIiApID09PSBcInN0YXRpY1wiICkge1xuXG5cdFx0XHRcdG9mZnNldFBhcmVudCA9IG9mZnNldFBhcmVudC5wYXJlbnROb2RlO1xuXHRcdFx0fVxuXHRcdFx0aWYgKCBvZmZzZXRQYXJlbnQgJiYgb2Zmc2V0UGFyZW50ICE9PSBlbGVtICYmIG9mZnNldFBhcmVudC5ub2RlVHlwZSA9PT0gMSApIHtcblxuXHRcdFx0XHQvLyBJbmNvcnBvcmF0ZSBib3JkZXJzIGludG8gaXRzIG9mZnNldCwgc2luY2UgdGhleSBhcmUgb3V0c2lkZSBpdHMgY29udGVudCBvcmlnaW5cblx0XHRcdFx0cGFyZW50T2Zmc2V0ID0galF1ZXJ5KCBvZmZzZXRQYXJlbnQgKS5vZmZzZXQoKTtcblx0XHRcdFx0cGFyZW50T2Zmc2V0LnRvcCArPSBqUXVlcnkuY3NzKCBvZmZzZXRQYXJlbnQsIFwiYm9yZGVyVG9wV2lkdGhcIiwgdHJ1ZSApO1xuXHRcdFx0XHRwYXJlbnRPZmZzZXQubGVmdCArPSBqUXVlcnkuY3NzKCBvZmZzZXRQYXJlbnQsIFwiYm9yZGVyTGVmdFdpZHRoXCIsIHRydWUgKTtcblx0XHRcdH1cblx0XHR9XG5cblx0XHQvLyBTdWJ0cmFjdCBwYXJlbnQgb2Zmc2V0cyBhbmQgZWxlbWVudCBtYXJnaW5zXG5cdFx0cmV0dXJuIHtcblx0XHRcdHRvcDogb2Zmc2V0LnRvcCAtIHBhcmVudE9mZnNldC50b3AgLSBqUXVlcnkuY3NzKCBlbGVtLCBcIm1hcmdpblRvcFwiLCB0cnVlICksXG5cdFx0XHRsZWZ0OiBvZmZzZXQubGVmdCAtIHBhcmVudE9mZnNldC5sZWZ0IC0galF1ZXJ5LmNzcyggZWxlbSwgXCJtYXJnaW5MZWZ0XCIsIHRydWUgKVxuXHRcdH07XG5cdH0sXG5cblx0Ly8gVGhpcyBtZXRob2Qgd2lsbCByZXR1cm4gZG9jdW1lbnRFbGVtZW50IGluIHRoZSBmb2xsb3dpbmcgY2FzZXM6XG5cdC8vIDEpIEZvciB0aGUgZWxlbWVudCBpbnNpZGUgdGhlIGlmcmFtZSB3aXRob3V0IG9mZnNldFBhcmVudCwgdGhpcyBtZXRob2Qgd2lsbCByZXR1cm5cblx0Ly8gICAgZG9jdW1lbnRFbGVtZW50IG9mIHRoZSBwYXJlbnQgd2luZG93XG5cdC8vIDIpIEZvciB0aGUgaGlkZGVuIG9yIGRldGFjaGVkIGVsZW1lbnRcblx0Ly8gMykgRm9yIGJvZHkgb3IgaHRtbCBlbGVtZW50LCBpLmUuIGluIGNhc2Ugb2YgdGhlIGh0bWwgbm9kZSAtIGl0IHdpbGwgcmV0dXJuIGl0c2VsZlxuXHQvL1xuXHQvLyBidXQgdGhvc2UgZXhjZXB0aW9ucyB3ZXJlIG5ldmVyIHByZXNlbnRlZCBhcyBhIHJlYWwgbGlmZSB1c2UtY2FzZXNcblx0Ly8gYW5kIG1pZ2h0IGJlIGNvbnNpZGVyZWQgYXMgbW9yZSBwcmVmZXJhYmxlIHJlc3VsdHMuXG5cdC8vXG5cdC8vIFRoaXMgbG9naWMsIGhvd2V2ZXIsIGlzIG5vdCBndWFyYW50ZWVkIGFuZCBjYW4gY2hhbmdlIGF0IGFueSBwb2ludCBpbiB0aGUgZnV0dXJlXG5cdG9mZnNldFBhcmVudDogZnVuY3Rpb24oKSB7XG5cdFx0cmV0dXJuIHRoaXMubWFwKCBmdW5jdGlvbigpIHtcblx0XHRcdHZhciBvZmZzZXRQYXJlbnQgPSB0aGlzLm9mZnNldFBhcmVudDtcblxuXHRcdFx0d2hpbGUgKCBvZmZzZXRQYXJlbnQgJiYgalF1ZXJ5LmNzcyggb2Zmc2V0UGFyZW50LCBcInBvc2l0aW9uXCIgKSA9PT0gXCJzdGF0aWNcIiApIHtcblx0XHRcdFx0b2Zmc2V0UGFyZW50ID0gb2Zmc2V0UGFyZW50Lm9mZnNldFBhcmVudDtcblx0XHRcdH1cblxuXHRcdFx0cmV0dXJuIG9mZnNldFBhcmVudCB8fCBkb2N1bWVudEVsZW1lbnQ7XG5cdFx0fSApO1xuXHR9XG59ICk7XG5cbi8vIENyZWF0ZSBzY3JvbGxMZWZ0IGFuZCBzY3JvbGxUb3AgbWV0aG9kc1xualF1ZXJ5LmVhY2goIHsgc2Nyb2xsTGVmdDogXCJwYWdlWE9mZnNldFwiLCBzY3JvbGxUb3A6IFwicGFnZVlPZmZzZXRcIiB9LCBmdW5jdGlvbiggbWV0aG9kLCBwcm9wICkge1xuXHR2YXIgdG9wID0gXCJwYWdlWU9mZnNldFwiID09PSBwcm9wO1xuXG5cdGpRdWVyeS5mblsgbWV0aG9kIF0gPSBmdW5jdGlvbiggdmFsICkge1xuXHRcdHJldHVybiBhY2Nlc3MoIHRoaXMsIGZ1bmN0aW9uKCBlbGVtLCBtZXRob2QsIHZhbCApIHtcblxuXHRcdFx0Ly8gQ29hbGVzY2UgZG9jdW1lbnRzIGFuZCB3aW5kb3dzXG5cdFx0XHR2YXIgd2luO1xuXHRcdFx0aWYgKCBpc1dpbmRvdyggZWxlbSApICkge1xuXHRcdFx0XHR3aW4gPSBlbGVtO1xuXHRcdFx0fSBlbHNlIGlmICggZWxlbS5ub2RlVHlwZSA9PT0gOSApIHtcblx0XHRcdFx0d2luID0gZWxlbS5kZWZhdWx0Vmlldztcblx0XHRcdH1cblxuXHRcdFx0aWYgKCB2YWwgPT09IHVuZGVmaW5lZCApIHtcblx0XHRcdFx0cmV0dXJuIHdpbiA/IHdpblsgcHJvcCBdIDogZWxlbVsgbWV0aG9kIF07XG5cdFx0XHR9XG5cblx0XHRcdGlmICggd2luICkge1xuXHRcdFx0XHR3aW4uc2Nyb2xsVG8oXG5cdFx0XHRcdFx0IXRvcCA/IHZhbCA6IHdpbi5wYWdlWE9mZnNldCxcblx0XHRcdFx0XHR0b3AgPyB2YWwgOiB3aW4ucGFnZVlPZmZzZXRcblx0XHRcdFx0KTtcblxuXHRcdFx0fSBlbHNlIHtcblx0XHRcdFx0ZWxlbVsgbWV0aG9kIF0gPSB2YWw7XG5cdFx0XHR9XG5cdFx0fSwgbWV0aG9kLCB2YWwsIGFyZ3VtZW50cy5sZW5ndGggKTtcblx0fTtcbn0gKTtcblxuLy8gU3VwcG9ydDogU2FmYXJpIDw9NyAtIDkuMSwgQ2hyb21lIDw9MzcgLSA0OVxuLy8gQWRkIHRoZSB0b3AvbGVmdCBjc3NIb29rcyB1c2luZyBqUXVlcnkuZm4ucG9zaXRpb25cbi8vIFdlYmtpdCBidWc6IGh0dHBzOi8vYnVncy53ZWJraXQub3JnL3Nob3dfYnVnLmNnaT9pZD0yOTA4NFxuLy8gQmxpbmsgYnVnOiBodHRwczovL2J1Z3MuY2hyb21pdW0ub3JnL3AvY2hyb21pdW0vaXNzdWVzL2RldGFpbD9pZD01ODkzNDdcbi8vIGdldENvbXB1dGVkU3R5bGUgcmV0dXJucyBwZXJjZW50IHdoZW4gc3BlY2lmaWVkIGZvciB0b3AvbGVmdC9ib3R0b20vcmlnaHQ7XG4vLyByYXRoZXIgdGhhbiBtYWtlIHRoZSBjc3MgbW9kdWxlIGRlcGVuZCBvbiB0aGUgb2Zmc2V0IG1vZHVsZSwganVzdCBjaGVjayBmb3IgaXQgaGVyZVxualF1ZXJ5LmVhY2goIFsgXCJ0b3BcIiwgXCJsZWZ0XCIgXSwgZnVuY3Rpb24oIF9pLCBwcm9wICkge1xuXHRqUXVlcnkuY3NzSG9va3NbIHByb3AgXSA9IGFkZEdldEhvb2tJZiggc3VwcG9ydC5waXhlbFBvc2l0aW9uLFxuXHRcdGZ1bmN0aW9uKCBlbGVtLCBjb21wdXRlZCApIHtcblx0XHRcdGlmICggY29tcHV0ZWQgKSB7XG5cdFx0XHRcdGNvbXB1dGVkID0gY3VyQ1NTKCBlbGVtLCBwcm9wICk7XG5cblx0XHRcdFx0Ly8gSWYgY3VyQ1NTIHJldHVybnMgcGVyY2VudGFnZSwgZmFsbGJhY2sgdG8gb2Zmc2V0XG5cdFx0XHRcdHJldHVybiBybnVtbm9ucHgudGVzdCggY29tcHV0ZWQgKSA/XG5cdFx0XHRcdFx0alF1ZXJ5KCBlbGVtICkucG9zaXRpb24oKVsgcHJvcCBdICsgXCJweFwiIDpcblx0XHRcdFx0XHRjb21wdXRlZDtcblx0XHRcdH1cblx0XHR9XG5cdCk7XG59ICk7XG5cblxuLy8gQ3JlYXRlIGlubmVySGVpZ2h0LCBpbm5lcldpZHRoLCBoZWlnaHQsIHdpZHRoLCBvdXRlckhlaWdodCBhbmQgb3V0ZXJXaWR0aCBtZXRob2RzXG5qUXVlcnkuZWFjaCggeyBIZWlnaHQ6IFwiaGVpZ2h0XCIsIFdpZHRoOiBcIndpZHRoXCIgfSwgZnVuY3Rpb24oIG5hbWUsIHR5cGUgKSB7XG5cdGpRdWVyeS5lYWNoKCB7XG5cdFx0cGFkZGluZzogXCJpbm5lclwiICsgbmFtZSxcblx0XHRjb250ZW50OiB0eXBlLFxuXHRcdFwiXCI6IFwib3V0ZXJcIiArIG5hbWVcblx0fSwgZnVuY3Rpb24oIGRlZmF1bHRFeHRyYSwgZnVuY05hbWUgKSB7XG5cblx0XHQvLyBNYXJnaW4gaXMgb25seSBmb3Igb3V0ZXJIZWlnaHQsIG91dGVyV2lkdGhcblx0XHRqUXVlcnkuZm5bIGZ1bmNOYW1lIF0gPSBmdW5jdGlvbiggbWFyZ2luLCB2YWx1ZSApIHtcblx0XHRcdHZhciBjaGFpbmFibGUgPSBhcmd1bWVudHMubGVuZ3RoICYmICggZGVmYXVsdEV4dHJhIHx8IHR5cGVvZiBtYXJnaW4gIT09IFwiYm9vbGVhblwiICksXG5cdFx0XHRcdGV4dHJhID0gZGVmYXVsdEV4dHJhIHx8ICggbWFyZ2luID09PSB0cnVlIHx8IHZhbHVlID09PSB0cnVlID8gXCJtYXJnaW5cIiA6IFwiYm9yZGVyXCIgKTtcblxuXHRcdFx0cmV0dXJuIGFjY2VzcyggdGhpcywgZnVuY3Rpb24oIGVsZW0sIHR5cGUsIHZhbHVlICkge1xuXHRcdFx0XHR2YXIgZG9jO1xuXG5cdFx0XHRcdGlmICggaXNXaW5kb3coIGVsZW0gKSApIHtcblxuXHRcdFx0XHRcdC8vICQoIHdpbmRvdyApLm91dGVyV2lkdGgvSGVpZ2h0IHJldHVybiB3L2ggaW5jbHVkaW5nIHNjcm9sbGJhcnMgKGdoLTE3MjkpXG5cdFx0XHRcdFx0cmV0dXJuIGZ1bmNOYW1lLmluZGV4T2YoIFwib3V0ZXJcIiApID09PSAwID9cblx0XHRcdFx0XHRcdGVsZW1bIFwiaW5uZXJcIiArIG5hbWUgXSA6XG5cdFx0XHRcdFx0XHRlbGVtLmRvY3VtZW50LmRvY3VtZW50RWxlbWVudFsgXCJjbGllbnRcIiArIG5hbWUgXTtcblx0XHRcdFx0fVxuXG5cdFx0XHRcdC8vIEdldCBkb2N1bWVudCB3aWR0aCBvciBoZWlnaHRcblx0XHRcdFx0aWYgKCBlbGVtLm5vZGVUeXBlID09PSA5ICkge1xuXHRcdFx0XHRcdGRvYyA9IGVsZW0uZG9jdW1lbnRFbGVtZW50O1xuXG5cdFx0XHRcdFx0Ly8gRWl0aGVyIHNjcm9sbFtXaWR0aC9IZWlnaHRdIG9yIG9mZnNldFtXaWR0aC9IZWlnaHRdIG9yIGNsaWVudFtXaWR0aC9IZWlnaHRdLFxuXHRcdFx0XHRcdC8vIHdoaWNoZXZlciBpcyBncmVhdGVzdFxuXHRcdFx0XHRcdHJldHVybiBNYXRoLm1heChcblx0XHRcdFx0XHRcdGVsZW0uYm9keVsgXCJzY3JvbGxcIiArIG5hbWUgXSwgZG9jWyBcInNjcm9sbFwiICsgbmFtZSBdLFxuXHRcdFx0XHRcdFx0ZWxlbS5ib2R5WyBcIm9mZnNldFwiICsgbmFtZSBdLCBkb2NbIFwib2Zmc2V0XCIgKyBuYW1lIF0sXG5cdFx0XHRcdFx0XHRkb2NbIFwiY2xpZW50XCIgKyBuYW1lIF1cblx0XHRcdFx0XHQpO1xuXHRcdFx0XHR9XG5cblx0XHRcdFx0cmV0dXJuIHZhbHVlID09PSB1bmRlZmluZWQgP1xuXG5cdFx0XHRcdFx0Ly8gR2V0IHdpZHRoIG9yIGhlaWdodCBvbiB0aGUgZWxlbWVudCwgcmVxdWVzdGluZyBidXQgbm90IGZvcmNpbmcgcGFyc2VGbG9hdFxuXHRcdFx0XHRcdGpRdWVyeS5jc3MoIGVsZW0sIHR5cGUsIGV4dHJhICkgOlxuXG5cdFx0XHRcdFx0Ly8gU2V0IHdpZHRoIG9yIGhlaWdodCBvbiB0aGUgZWxlbWVudFxuXHRcdFx0XHRcdGpRdWVyeS5zdHlsZSggZWxlbSwgdHlwZSwgdmFsdWUsIGV4dHJhICk7XG5cdFx0XHR9LCB0eXBlLCBjaGFpbmFibGUgPyBtYXJnaW4gOiB1bmRlZmluZWQsIGNoYWluYWJsZSApO1xuXHRcdH07XG5cdH0gKTtcbn0gKTtcblxuXG5qUXVlcnkuZWFjaCggW1xuXHRcImFqYXhTdGFydFwiLFxuXHRcImFqYXhTdG9wXCIsXG5cdFwiYWpheENvbXBsZXRlXCIsXG5cdFwiYWpheEVycm9yXCIsXG5cdFwiYWpheFN1Y2Nlc3NcIixcblx0XCJhamF4U2VuZFwiXG5dLCBmdW5jdGlvbiggX2ksIHR5cGUgKSB7XG5cdGpRdWVyeS5mblsgdHlwZSBdID0gZnVuY3Rpb24oIGZuICkge1xuXHRcdHJldHVybiB0aGlzLm9uKCB0eXBlLCBmbiApO1xuXHR9O1xufSApO1xuXG5cblxuXG5qUXVlcnkuZm4uZXh0ZW5kKCB7XG5cblx0YmluZDogZnVuY3Rpb24oIHR5cGVzLCBkYXRhLCBmbiApIHtcblx0XHRyZXR1cm4gdGhpcy5vbiggdHlwZXMsIG51bGwsIGRhdGEsIGZuICk7XG5cdH0sXG5cdHVuYmluZDogZnVuY3Rpb24oIHR5cGVzLCBmbiApIHtcblx0XHRyZXR1cm4gdGhpcy5vZmYoIHR5cGVzLCBudWxsLCBmbiApO1xuXHR9LFxuXG5cdGRlbGVnYXRlOiBmdW5jdGlvbiggc2VsZWN0b3IsIHR5cGVzLCBkYXRhLCBmbiApIHtcblx0XHRyZXR1cm4gdGhpcy5vbiggdHlwZXMsIHNlbGVjdG9yLCBkYXRhLCBmbiApO1xuXHR9LFxuXHR1bmRlbGVnYXRlOiBmdW5jdGlvbiggc2VsZWN0b3IsIHR5cGVzLCBmbiApIHtcblxuXHRcdC8vICggbmFtZXNwYWNlICkgb3IgKCBzZWxlY3RvciwgdHlwZXMgWywgZm5dIClcblx0XHRyZXR1cm4gYXJndW1lbnRzLmxlbmd0aCA9PT0gMSA/XG5cdFx0XHR0aGlzLm9mZiggc2VsZWN0b3IsIFwiKipcIiApIDpcblx0XHRcdHRoaXMub2ZmKCB0eXBlcywgc2VsZWN0b3IgfHwgXCIqKlwiLCBmbiApO1xuXHR9LFxuXG5cdGhvdmVyOiBmdW5jdGlvbiggZm5PdmVyLCBmbk91dCApIHtcblx0XHRyZXR1cm4gdGhpc1xuXHRcdFx0Lm9uKCBcIm1vdXNlZW50ZXJcIiwgZm5PdmVyIClcblx0XHRcdC5vbiggXCJtb3VzZWxlYXZlXCIsIGZuT3V0IHx8IGZuT3ZlciApO1xuXHR9XG59ICk7XG5cbmpRdWVyeS5lYWNoKFxuXHQoIFwiYmx1ciBmb2N1cyBmb2N1c2luIGZvY3Vzb3V0IHJlc2l6ZSBzY3JvbGwgY2xpY2sgZGJsY2xpY2sgXCIgK1xuXHRcIm1vdXNlZG93biBtb3VzZXVwIG1vdXNlbW92ZSBtb3VzZW92ZXIgbW91c2VvdXQgbW91c2VlbnRlciBtb3VzZWxlYXZlIFwiICtcblx0XCJjaGFuZ2Ugc2VsZWN0IHN1Ym1pdCBrZXlkb3duIGtleXByZXNzIGtleXVwIGNvbnRleHRtZW51XCIgKS5zcGxpdCggXCIgXCIgKSxcblx0ZnVuY3Rpb24oIF9pLCBuYW1lICkge1xuXG5cdFx0Ly8gSGFuZGxlIGV2ZW50IGJpbmRpbmdcblx0XHRqUXVlcnkuZm5bIG5hbWUgXSA9IGZ1bmN0aW9uKCBkYXRhLCBmbiApIHtcblx0XHRcdHJldHVybiBhcmd1bWVudHMubGVuZ3RoID4gMCA/XG5cdFx0XHRcdHRoaXMub24oIG5hbWUsIG51bGwsIGRhdGEsIGZuICkgOlxuXHRcdFx0XHR0aGlzLnRyaWdnZXIoIG5hbWUgKTtcblx0XHR9O1xuXHR9XG4pO1xuXG5cblxuXG4vLyBTdXBwb3J0OiBBbmRyb2lkIDw9NC4wIG9ubHlcbi8vIE1ha2Ugc3VyZSB3ZSB0cmltIEJPTSBhbmQgTkJTUFxuLy8gUmVxdWlyZSB0aGF0IHRoZSBcIndoaXRlc3BhY2UgcnVuXCIgc3RhcnRzIGZyb20gYSBub24td2hpdGVzcGFjZVxuLy8gdG8gYXZvaWQgTyhOXjIpIGJlaGF2aW9yIHdoZW4gdGhlIGVuZ2luZSB3b3VsZCB0cnkgbWF0Y2hpbmcgXCJcXHMrJFwiIGF0IGVhY2ggc3BhY2UgcG9zaXRpb24uXG52YXIgcnRyaW0gPSAvXltcXHNcXHVGRUZGXFx4QTBdK3woW15cXHNcXHVGRUZGXFx4QTBdKVtcXHNcXHVGRUZGXFx4QTBdKyQvZztcblxuLy8gQmluZCBhIGZ1bmN0aW9uIHRvIGEgY29udGV4dCwgb3B0aW9uYWxseSBwYXJ0aWFsbHkgYXBwbHlpbmcgYW55XG4vLyBhcmd1bWVudHMuXG4vLyBqUXVlcnkucHJveHkgaXMgZGVwcmVjYXRlZCB0byBwcm9tb3RlIHN0YW5kYXJkcyAoc3BlY2lmaWNhbGx5IEZ1bmN0aW9uI2JpbmQpXG4vLyBIb3dldmVyLCBpdCBpcyBub3Qgc2xhdGVkIGZvciByZW1vdmFsIGFueSB0aW1lIHNvb25cbmpRdWVyeS5wcm94eSA9IGZ1bmN0aW9uKCBmbiwgY29udGV4dCApIHtcblx0dmFyIHRtcCwgYXJncywgcHJveHk7XG5cblx0aWYgKCB0eXBlb2YgY29udGV4dCA9PT0gXCJzdHJpbmdcIiApIHtcblx0XHR0bXAgPSBmblsgY29udGV4dCBdO1xuXHRcdGNvbnRleHQgPSBmbjtcblx0XHRmbiA9IHRtcDtcblx0fVxuXG5cdC8vIFF1aWNrIGNoZWNrIHRvIGRldGVybWluZSBpZiB0YXJnZXQgaXMgY2FsbGFibGUsIGluIHRoZSBzcGVjXG5cdC8vIHRoaXMgdGhyb3dzIGEgVHlwZUVycm9yLCBidXQgd2Ugd2lsbCBqdXN0IHJldHVybiB1bmRlZmluZWQuXG5cdGlmICggIWlzRnVuY3Rpb24oIGZuICkgKSB7XG5cdFx0cmV0dXJuIHVuZGVmaW5lZDtcblx0fVxuXG5cdC8vIFNpbXVsYXRlZCBiaW5kXG5cdGFyZ3MgPSBzbGljZS5jYWxsKCBhcmd1bWVudHMsIDIgKTtcblx0cHJveHkgPSBmdW5jdGlvbigpIHtcblx0XHRyZXR1cm4gZm4uYXBwbHkoIGNvbnRleHQgfHwgdGhpcywgYXJncy5jb25jYXQoIHNsaWNlLmNhbGwoIGFyZ3VtZW50cyApICkgKTtcblx0fTtcblxuXHQvLyBTZXQgdGhlIGd1aWQgb2YgdW5pcXVlIGhhbmRsZXIgdG8gdGhlIHNhbWUgb2Ygb3JpZ2luYWwgaGFuZGxlciwgc28gaXQgY2FuIGJlIHJlbW92ZWRcblx0cHJveHkuZ3VpZCA9IGZuLmd1aWQgPSBmbi5ndWlkIHx8IGpRdWVyeS5ndWlkKys7XG5cblx0cmV0dXJuIHByb3h5O1xufTtcblxualF1ZXJ5LmhvbGRSZWFkeSA9IGZ1bmN0aW9uKCBob2xkICkge1xuXHRpZiAoIGhvbGQgKSB7XG5cdFx0alF1ZXJ5LnJlYWR5V2FpdCsrO1xuXHR9IGVsc2Uge1xuXHRcdGpRdWVyeS5yZWFkeSggdHJ1ZSApO1xuXHR9XG59O1xualF1ZXJ5LmlzQXJyYXkgPSBBcnJheS5pc0FycmF5O1xualF1ZXJ5LnBhcnNlSlNPTiA9IEpTT04ucGFyc2U7XG5qUXVlcnkubm9kZU5hbWUgPSBub2RlTmFtZTtcbmpRdWVyeS5pc0Z1bmN0aW9uID0gaXNGdW5jdGlvbjtcbmpRdWVyeS5pc1dpbmRvdyA9IGlzV2luZG93O1xualF1ZXJ5LmNhbWVsQ2FzZSA9IGNhbWVsQ2FzZTtcbmpRdWVyeS50eXBlID0gdG9UeXBlO1xuXG5qUXVlcnkubm93ID0gRGF0ZS5ub3c7XG5cbmpRdWVyeS5pc051bWVyaWMgPSBmdW5jdGlvbiggb2JqICkge1xuXG5cdC8vIEFzIG9mIGpRdWVyeSAzLjAsIGlzTnVtZXJpYyBpcyBsaW1pdGVkIHRvXG5cdC8vIHN0cmluZ3MgYW5kIG51bWJlcnMgKHByaW1pdGl2ZXMgb3Igb2JqZWN0cylcblx0Ly8gdGhhdCBjYW4gYmUgY29lcmNlZCB0byBmaW5pdGUgbnVtYmVycyAoZ2gtMjY2Milcblx0dmFyIHR5cGUgPSBqUXVlcnkudHlwZSggb2JqICk7XG5cdHJldHVybiAoIHR5cGUgPT09IFwibnVtYmVyXCIgfHwgdHlwZSA9PT0gXCJzdHJpbmdcIiApICYmXG5cblx0XHQvLyBwYXJzZUZsb2F0IE5hTnMgbnVtZXJpYy1jYXN0IGZhbHNlIHBvc2l0aXZlcyAoXCJcIilcblx0XHQvLyAuLi5idXQgbWlzaW50ZXJwcmV0cyBsZWFkaW5nLW51bWJlciBzdHJpbmdzLCBwYXJ0aWN1bGFybHkgaGV4IGxpdGVyYWxzIChcIjB4Li4uXCIpXG5cdFx0Ly8gc3VidHJhY3Rpb24gZm9yY2VzIGluZmluaXRpZXMgdG8gTmFOXG5cdFx0IWlzTmFOKCBvYmogLSBwYXJzZUZsb2F0KCBvYmogKSApO1xufTtcblxualF1ZXJ5LnRyaW0gPSBmdW5jdGlvbiggdGV4dCApIHtcblx0cmV0dXJuIHRleHQgPT0gbnVsbCA/XG5cdFx0XCJcIiA6XG5cdFx0KCB0ZXh0ICsgXCJcIiApLnJlcGxhY2UoIHJ0cmltLCBcIiQxXCIgKTtcbn07XG5cblxuXG4vLyBSZWdpc3RlciBhcyBhIG5hbWVkIEFNRCBtb2R1bGUsIHNpbmNlIGpRdWVyeSBjYW4gYmUgY29uY2F0ZW5hdGVkIHdpdGggb3RoZXJcbi8vIGZpbGVzIHRoYXQgbWF5IHVzZSBkZWZpbmUsIGJ1dCBub3QgdmlhIGEgcHJvcGVyIGNvbmNhdGVuYXRpb24gc2NyaXB0IHRoYXRcbi8vIHVuZGVyc3RhbmRzIGFub255bW91cyBBTUQgbW9kdWxlcy4gQSBuYW1lZCBBTUQgaXMgc2FmZXN0IGFuZCBtb3N0IHJvYnVzdFxuLy8gd2F5IHRvIHJlZ2lzdGVyLiBMb3dlcmNhc2UganF1ZXJ5IGlzIHVzZWQgYmVjYXVzZSBBTUQgbW9kdWxlIG5hbWVzIGFyZVxuLy8gZGVyaXZlZCBmcm9tIGZpbGUgbmFtZXMsIGFuZCBqUXVlcnkgaXMgbm9ybWFsbHkgZGVsaXZlcmVkIGluIGEgbG93ZXJjYXNlXG4vLyBmaWxlIG5hbWUuIERvIHRoaXMgYWZ0ZXIgY3JlYXRpbmcgdGhlIGdsb2JhbCBzbyB0aGF0IGlmIGFuIEFNRCBtb2R1bGUgd2FudHNcbi8vIHRvIGNhbGwgbm9Db25mbGljdCB0byBoaWRlIHRoaXMgdmVyc2lvbiBvZiBqUXVlcnksIGl0IHdpbGwgd29yay5cblxuLy8gTm90ZSB0aGF0IGZvciBtYXhpbXVtIHBvcnRhYmlsaXR5LCBsaWJyYXJpZXMgdGhhdCBhcmUgbm90IGpRdWVyeSBzaG91bGRcbi8vIGRlY2xhcmUgdGhlbXNlbHZlcyBhcyBhbm9ueW1vdXMgbW9kdWxlcywgYW5kIGF2b2lkIHNldHRpbmcgYSBnbG9iYWwgaWYgYW5cbi8vIEFNRCBsb2FkZXIgaXMgcHJlc2VudC4galF1ZXJ5IGlzIGEgc3BlY2lhbCBjYXNlLiBGb3IgbW9yZSBpbmZvcm1hdGlvbiwgc2VlXG4vLyBodHRwczovL2dpdGh1Yi5jb20vanJidXJrZS9yZXF1aXJlanMvd2lraS9VcGRhdGluZy1leGlzdGluZy1saWJyYXJpZXMjd2lraS1hbm9uXG5cbmlmICggdHlwZW9mIGRlZmluZSA9PT0gXCJmdW5jdGlvblwiICYmIGRlZmluZS5hbWQgKSB7XG5cdGRlZmluZSggXCJqcXVlcnlcIiwgW10sIGZ1bmN0aW9uKCkge1xuXHRcdHJldHVybiBqUXVlcnk7XG5cdH0gKTtcbn1cblxuXG5cblxudmFyXG5cblx0Ly8gTWFwIG92ZXIgalF1ZXJ5IGluIGNhc2Ugb2Ygb3ZlcndyaXRlXG5cdF9qUXVlcnkgPSB3aW5kb3cualF1ZXJ5LFxuXG5cdC8vIE1hcCBvdmVyIHRoZSAkIGluIGNhc2Ugb2Ygb3ZlcndyaXRlXG5cdF8kID0gd2luZG93LiQ7XG5cbmpRdWVyeS5ub0NvbmZsaWN0ID0gZnVuY3Rpb24oIGRlZXAgKSB7XG5cdGlmICggd2luZG93LiQgPT09IGpRdWVyeSApIHtcblx0XHR3aW5kb3cuJCA9IF8kO1xuXHR9XG5cblx0aWYgKCBkZWVwICYmIHdpbmRvdy5qUXVlcnkgPT09IGpRdWVyeSApIHtcblx0XHR3aW5kb3cualF1ZXJ5ID0gX2pRdWVyeTtcblx0fVxuXG5cdHJldHVybiBqUXVlcnk7XG59O1xuXG4vLyBFeHBvc2UgalF1ZXJ5IGFuZCAkIGlkZW50aWZpZXJzLCBldmVuIGluIEFNRFxuLy8gKHRyYWMtNzEwMiNjb21tZW50OjEwLCBodHRwczovL2dpdGh1Yi5jb20vanF1ZXJ5L2pxdWVyeS9wdWxsLzU1Nylcbi8vIGFuZCBDb21tb25KUyBmb3IgYnJvd3NlciBlbXVsYXRvcnMgKHRyYWMtMTM1NjYpXG5pZiAoIHR5cGVvZiBub0dsb2JhbCA9PT0gXCJ1bmRlZmluZWRcIiApIHtcblx0d2luZG93LmpRdWVyeSA9IHdpbmRvdy4kID0galF1ZXJ5O1xufVxuXG5cblxuXG5yZXR1cm4galF1ZXJ5O1xufSApO1xuIiwiJ3VzZSBzdHJpY3QnO1xuXG52YXIga2V5c1NoaW07XG5pZiAoIU9iamVjdC5rZXlzKSB7XG5cdC8vIG1vZGlmaWVkIGZyb20gaHR0cHM6Ly9naXRodWIuY29tL2VzLXNoaW1zL2VzNS1zaGltXG5cdHZhciBoYXMgPSBPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O1xuXHR2YXIgdG9TdHIgPSBPYmplY3QucHJvdG90eXBlLnRvU3RyaW5nO1xuXHR2YXIgaXNBcmdzID0gcmVxdWlyZSgnLi9pc0FyZ3VtZW50cycpOyAvLyBlc2xpbnQtZGlzYWJsZS1saW5lIGdsb2JhbC1yZXF1aXJlXG5cdHZhciBpc0VudW1lcmFibGUgPSBPYmplY3QucHJvdG90eXBlLnByb3BlcnR5SXNFbnVtZXJhYmxlO1xuXHR2YXIgaGFzRG9udEVudW1CdWcgPSAhaXNFbnVtZXJhYmxlLmNhbGwoeyB0b1N0cmluZzogbnVsbCB9LCAndG9TdHJpbmcnKTtcblx0dmFyIGhhc1Byb3RvRW51bUJ1ZyA9IGlzRW51bWVyYWJsZS5jYWxsKGZ1bmN0aW9uICgpIHt9LCAncHJvdG90eXBlJyk7XG5cdHZhciBkb250RW51bXMgPSBbXG5cdFx0J3RvU3RyaW5nJyxcblx0XHQndG9Mb2NhbGVTdHJpbmcnLFxuXHRcdCd2YWx1ZU9mJyxcblx0XHQnaGFzT3duUHJvcGVydHknLFxuXHRcdCdpc1Byb3RvdHlwZU9mJyxcblx0XHQncHJvcGVydHlJc0VudW1lcmFibGUnLFxuXHRcdCdjb25zdHJ1Y3Rvcidcblx0XTtcblx0dmFyIGVxdWFsc0NvbnN0cnVjdG9yUHJvdG90eXBlID0gZnVuY3Rpb24gKG8pIHtcblx0XHR2YXIgY3RvciA9IG8uY29uc3RydWN0b3I7XG5cdFx0cmV0dXJuIGN0b3IgJiYgY3Rvci5wcm90b3R5cGUgPT09IG87XG5cdH07XG5cdHZhciBleGNsdWRlZEtleXMgPSB7XG5cdFx0JGFwcGxpY2F0aW9uQ2FjaGU6IHRydWUsXG5cdFx0JGNvbnNvbGU6IHRydWUsXG5cdFx0JGV4dGVybmFsOiB0cnVlLFxuXHRcdCRmcmFtZTogdHJ1ZSxcblx0XHQkZnJhbWVFbGVtZW50OiB0cnVlLFxuXHRcdCRmcmFtZXM6IHRydWUsXG5cdFx0JGlubmVySGVpZ2h0OiB0cnVlLFxuXHRcdCRpbm5lcldpZHRoOiB0cnVlLFxuXHRcdCRvbm1vemZ1bGxzY3JlZW5jaGFuZ2U6IHRydWUsXG5cdFx0JG9ubW96ZnVsbHNjcmVlbmVycm9yOiB0cnVlLFxuXHRcdCRvdXRlckhlaWdodDogdHJ1ZSxcblx0XHQkb3V0ZXJXaWR0aDogdHJ1ZSxcblx0XHQkcGFnZVhPZmZzZXQ6IHRydWUsXG5cdFx0JHBhZ2VZT2Zmc2V0OiB0cnVlLFxuXHRcdCRwYXJlbnQ6IHRydWUsXG5cdFx0JHNjcm9sbExlZnQ6IHRydWUsXG5cdFx0JHNjcm9sbFRvcDogdHJ1ZSxcblx0XHQkc2Nyb2xsWDogdHJ1ZSxcblx0XHQkc2Nyb2xsWTogdHJ1ZSxcblx0XHQkc2VsZjogdHJ1ZSxcblx0XHQkd2Via2l0SW5kZXhlZERCOiB0cnVlLFxuXHRcdCR3ZWJraXRTdG9yYWdlSW5mbzogdHJ1ZSxcblx0XHQkd2luZG93OiB0cnVlXG5cdH07XG5cdHZhciBoYXNBdXRvbWF0aW9uRXF1YWxpdHlCdWcgPSAoZnVuY3Rpb24gKCkge1xuXHRcdC8qIGdsb2JhbCB3aW5kb3cgKi9cblx0XHRpZiAodHlwZW9mIHdpbmRvdyA9PT0gJ3VuZGVmaW5lZCcpIHsgcmV0dXJuIGZhbHNlOyB9XG5cdFx0Zm9yICh2YXIgayBpbiB3aW5kb3cpIHtcblx0XHRcdHRyeSB7XG5cdFx0XHRcdGlmICghZXhjbHVkZWRLZXlzWyckJyArIGtdICYmIGhhcy5jYWxsKHdpbmRvdywgaykgJiYgd2luZG93W2tdICE9PSBudWxsICYmIHR5cGVvZiB3aW5kb3dba10gPT09ICdvYmplY3QnKSB7XG5cdFx0XHRcdFx0dHJ5IHtcblx0XHRcdFx0XHRcdGVxdWFsc0NvbnN0cnVjdG9yUHJvdG90eXBlKHdpbmRvd1trXSk7XG5cdFx0XHRcdFx0fSBjYXRjaCAoZSkge1xuXHRcdFx0XHRcdFx0cmV0dXJuIHRydWU7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9XG5cdFx0XHR9IGNhdGNoIChlKSB7XG5cdFx0XHRcdHJldHVybiB0cnVlO1xuXHRcdFx0fVxuXHRcdH1cblx0XHRyZXR1cm4gZmFsc2U7XG5cdH0oKSk7XG5cdHZhciBlcXVhbHNDb25zdHJ1Y3RvclByb3RvdHlwZUlmTm90QnVnZ3kgPSBmdW5jdGlvbiAobykge1xuXHRcdC8qIGdsb2JhbCB3aW5kb3cgKi9cblx0XHRpZiAodHlwZW9mIHdpbmRvdyA9PT0gJ3VuZGVmaW5lZCcgfHwgIWhhc0F1dG9tYXRpb25FcXVhbGl0eUJ1Zykge1xuXHRcdFx0cmV0dXJuIGVxdWFsc0NvbnN0cnVjdG9yUHJvdG90eXBlKG8pO1xuXHRcdH1cblx0XHR0cnkge1xuXHRcdFx0cmV0dXJuIGVxdWFsc0NvbnN0cnVjdG9yUHJvdG90eXBlKG8pO1xuXHRcdH0gY2F0Y2ggKGUpIHtcblx0XHRcdHJldHVybiBmYWxzZTtcblx0XHR9XG5cdH07XG5cblx0a2V5c1NoaW0gPSBmdW5jdGlvbiBrZXlzKG9iamVjdCkge1xuXHRcdHZhciBpc09iamVjdCA9IG9iamVjdCAhPT0gbnVsbCAmJiB0eXBlb2Ygb2JqZWN0ID09PSAnb2JqZWN0Jztcblx0XHR2YXIgaXNGdW5jdGlvbiA9IHRvU3RyLmNhbGwob2JqZWN0KSA9PT0gJ1tvYmplY3QgRnVuY3Rpb25dJztcblx0XHR2YXIgaXNBcmd1bWVudHMgPSBpc0FyZ3Mob2JqZWN0KTtcblx0XHR2YXIgaXNTdHJpbmcgPSBpc09iamVjdCAmJiB0b1N0ci5jYWxsKG9iamVjdCkgPT09ICdbb2JqZWN0IFN0cmluZ10nO1xuXHRcdHZhciB0aGVLZXlzID0gW107XG5cblx0XHRpZiAoIWlzT2JqZWN0ICYmICFpc0Z1bmN0aW9uICYmICFpc0FyZ3VtZW50cykge1xuXHRcdFx0dGhyb3cgbmV3IFR5cGVFcnJvcignT2JqZWN0LmtleXMgY2FsbGVkIG9uIGEgbm9uLW9iamVjdCcpO1xuXHRcdH1cblxuXHRcdHZhciBza2lwUHJvdG8gPSBoYXNQcm90b0VudW1CdWcgJiYgaXNGdW5jdGlvbjtcblx0XHRpZiAoaXNTdHJpbmcgJiYgb2JqZWN0Lmxlbmd0aCA+IDAgJiYgIWhhcy5jYWxsKG9iamVjdCwgMCkpIHtcblx0XHRcdGZvciAodmFyIGkgPSAwOyBpIDwgb2JqZWN0Lmxlbmd0aDsgKytpKSB7XG5cdFx0XHRcdHRoZUtleXMucHVzaChTdHJpbmcoaSkpO1xuXHRcdFx0fVxuXHRcdH1cblxuXHRcdGlmIChpc0FyZ3VtZW50cyAmJiBvYmplY3QubGVuZ3RoID4gMCkge1xuXHRcdFx0Zm9yICh2YXIgaiA9IDA7IGogPCBvYmplY3QubGVuZ3RoOyArK2opIHtcblx0XHRcdFx0dGhlS2V5cy5wdXNoKFN0cmluZyhqKSk7XG5cdFx0XHR9XG5cdFx0fSBlbHNlIHtcblx0XHRcdGZvciAodmFyIG5hbWUgaW4gb2JqZWN0KSB7XG5cdFx0XHRcdGlmICghKHNraXBQcm90byAmJiBuYW1lID09PSAncHJvdG90eXBlJykgJiYgaGFzLmNhbGwob2JqZWN0LCBuYW1lKSkge1xuXHRcdFx0XHRcdHRoZUtleXMucHVzaChTdHJpbmcobmFtZSkpO1xuXHRcdFx0XHR9XG5cdFx0XHR9XG5cdFx0fVxuXG5cdFx0aWYgKGhhc0RvbnRFbnVtQnVnKSB7XG5cdFx0XHR2YXIgc2tpcENvbnN0cnVjdG9yID0gZXF1YWxzQ29uc3RydWN0b3JQcm90b3R5cGVJZk5vdEJ1Z2d5KG9iamVjdCk7XG5cblx0XHRcdGZvciAodmFyIGsgPSAwOyBrIDwgZG9udEVudW1zLmxlbmd0aDsgKytrKSB7XG5cdFx0XHRcdGlmICghKHNraXBDb25zdHJ1Y3RvciAmJiBkb250RW51bXNba10gPT09ICdjb25zdHJ1Y3RvcicpICYmIGhhcy5jYWxsKG9iamVjdCwgZG9udEVudW1zW2tdKSkge1xuXHRcdFx0XHRcdHRoZUtleXMucHVzaChkb250RW51bXNba10pO1xuXHRcdFx0XHR9XG5cdFx0XHR9XG5cdFx0fVxuXHRcdHJldHVybiB0aGVLZXlzO1xuXHR9O1xufVxubW9kdWxlLmV4cG9ydHMgPSBrZXlzU2hpbTtcbiIsIid1c2Ugc3RyaWN0JztcblxudmFyIHNsaWNlID0gQXJyYXkucHJvdG90eXBlLnNsaWNlO1xudmFyIGlzQXJncyA9IHJlcXVpcmUoJy4vaXNBcmd1bWVudHMnKTtcblxudmFyIG9yaWdLZXlzID0gT2JqZWN0LmtleXM7XG52YXIga2V5c1NoaW0gPSBvcmlnS2V5cyA/IGZ1bmN0aW9uIGtleXMobykgeyByZXR1cm4gb3JpZ0tleXMobyk7IH0gOiByZXF1aXJlKCcuL2ltcGxlbWVudGF0aW9uJyk7XG5cbnZhciBvcmlnaW5hbEtleXMgPSBPYmplY3Qua2V5cztcblxua2V5c1NoaW0uc2hpbSA9IGZ1bmN0aW9uIHNoaW1PYmplY3RLZXlzKCkge1xuXHRpZiAoT2JqZWN0LmtleXMpIHtcblx0XHR2YXIga2V5c1dvcmtzV2l0aEFyZ3VtZW50cyA9IChmdW5jdGlvbiAoKSB7XG5cdFx0XHQvLyBTYWZhcmkgNS4wIGJ1Z1xuXHRcdFx0dmFyIGFyZ3MgPSBPYmplY3Qua2V5cyhhcmd1bWVudHMpO1xuXHRcdFx0cmV0dXJuIGFyZ3MgJiYgYXJncy5sZW5ndGggPT09IGFyZ3VtZW50cy5sZW5ndGg7XG5cdFx0fSgxLCAyKSk7XG5cdFx0aWYgKCFrZXlzV29ya3NXaXRoQXJndW1lbnRzKSB7XG5cdFx0XHRPYmplY3Qua2V5cyA9IGZ1bmN0aW9uIGtleXMob2JqZWN0KSB7IC8vIGVzbGludC1kaXNhYmxlLWxpbmUgZnVuYy1uYW1lLW1hdGNoaW5nXG5cdFx0XHRcdGlmIChpc0FyZ3Mob2JqZWN0KSkge1xuXHRcdFx0XHRcdHJldHVybiBvcmlnaW5hbEtleXMoc2xpY2UuY2FsbChvYmplY3QpKTtcblx0XHRcdFx0fVxuXHRcdFx0XHRyZXR1cm4gb3JpZ2luYWxLZXlzKG9iamVjdCk7XG5cdFx0XHR9O1xuXHRcdH1cblx0fSBlbHNlIHtcblx0XHRPYmplY3Qua2V5cyA9IGtleXNTaGltO1xuXHR9XG5cdHJldHVybiBPYmplY3Qua2V5cyB8fCBrZXlzU2hpbTtcbn07XG5cbm1vZHVsZS5leHBvcnRzID0ga2V5c1NoaW07XG4iLCIndXNlIHN0cmljdCc7XG5cbnZhciB0b1N0ciA9IE9iamVjdC5wcm90b3R5cGUudG9TdHJpbmc7XG5cbm1vZHVsZS5leHBvcnRzID0gZnVuY3Rpb24gaXNBcmd1bWVudHModmFsdWUpIHtcblx0dmFyIHN0ciA9IHRvU3RyLmNhbGwodmFsdWUpO1xuXHR2YXIgaXNBcmdzID0gc3RyID09PSAnW29iamVjdCBBcmd1bWVudHNdJztcblx0aWYgKCFpc0FyZ3MpIHtcblx0XHRpc0FyZ3MgPSBzdHIgIT09ICdbb2JqZWN0IEFycmF5XScgJiZcblx0XHRcdHZhbHVlICE9PSBudWxsICYmXG5cdFx0XHR0eXBlb2YgdmFsdWUgPT09ICdvYmplY3QnICYmXG5cdFx0XHR0eXBlb2YgdmFsdWUubGVuZ3RoID09PSAnbnVtYmVyJyAmJlxuXHRcdFx0dmFsdWUubGVuZ3RoID49IDAgJiZcblx0XHRcdHRvU3RyLmNhbGwodmFsdWUuY2FsbGVlKSA9PT0gJ1tvYmplY3QgRnVuY3Rpb25dJztcblx0fVxuXHRyZXR1cm4gaXNBcmdzO1xufTtcbiIsIi8vIENvcHlyaWdodCBKb3llbnQsIEluYy4gYW5kIG90aGVyIE5vZGUgY29udHJpYnV0b3JzLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhXG4vLyBjb3B5IG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlXG4vLyBcIlNvZnR3YXJlXCIpLCB0byBkZWFsIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmdcbi8vIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCxcbi8vIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXRcbi8vIHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXMgZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZVxuLy8gZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWRcbi8vIGluIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1Ncbi8vIE9SIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0Zcbi8vIE1FUkNIQU5UQUJJTElUWSwgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU5cbi8vIE5PIEVWRU5UIFNIQUxMIFRIRSBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLFxuLy8gREFNQUdFUyBPUiBPVEhFUiBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SXG4vLyBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSwgT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFXG4vLyBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU4gVEhFIFNPRlRXQVJFLlxuXG4ndXNlIHN0cmljdCc7XG5cbi8vIElmIG9iai5oYXNPd25Qcm9wZXJ0eSBoYXMgYmVlbiBvdmVycmlkZGVuLCB0aGVuIGNhbGxpbmdcbi8vIG9iai5oYXNPd25Qcm9wZXJ0eShwcm9wKSB3aWxsIGJyZWFrLlxuLy8gU2VlOiBodHRwczovL2dpdGh1Yi5jb20vam95ZW50L25vZGUvaXNzdWVzLzE3MDdcbmZ1bmN0aW9uIGhhc093blByb3BlcnR5KG9iaiwgcHJvcCkge1xuICByZXR1cm4gT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKG9iaiwgcHJvcCk7XG59XG5cbm1vZHVsZS5leHBvcnRzID0gZnVuY3Rpb24ocXMsIHNlcCwgZXEsIG9wdGlvbnMpIHtcbiAgc2VwID0gc2VwIHx8ICcmJztcbiAgZXEgPSBlcSB8fCAnPSc7XG4gIHZhciBvYmogPSB7fTtcblxuICBpZiAodHlwZW9mIHFzICE9PSAnc3RyaW5nJyB8fCBxcy5sZW5ndGggPT09IDApIHtcbiAgICByZXR1cm4gb2JqO1xuICB9XG5cbiAgdmFyIHJlZ2V4cCA9IC9cXCsvZztcbiAgcXMgPSBxcy5zcGxpdChzZXApO1xuXG4gIHZhciBtYXhLZXlzID0gMTAwMDtcbiAgaWYgKG9wdGlvbnMgJiYgdHlwZW9mIG9wdGlvbnMubWF4S2V5cyA9PT0gJ251bWJlcicpIHtcbiAgICBtYXhLZXlzID0gb3B0aW9ucy5tYXhLZXlzO1xuICB9XG5cbiAgdmFyIGxlbiA9IHFzLmxlbmd0aDtcbiAgLy8gbWF4S2V5cyA8PSAwIG1lYW5zIHRoYXQgd2Ugc2hvdWxkIG5vdCBsaW1pdCBrZXlzIGNvdW50XG4gIGlmIChtYXhLZXlzID4gMCAmJiBsZW4gPiBtYXhLZXlzKSB7XG4gICAgbGVuID0gbWF4S2V5cztcbiAgfVxuXG4gIGZvciAodmFyIGkgPSAwOyBpIDwgbGVuOyArK2kpIHtcbiAgICB2YXIgeCA9IHFzW2ldLnJlcGxhY2UocmVnZXhwLCAnJTIwJyksXG4gICAgICAgIGlkeCA9IHguaW5kZXhPZihlcSksXG4gICAgICAgIGtzdHIsIHZzdHIsIGssIHY7XG5cbiAgICBpZiAoaWR4ID49IDApIHtcbiAgICAgIGtzdHIgPSB4LnN1YnN0cigwLCBpZHgpO1xuICAgICAgdnN0ciA9IHguc3Vic3RyKGlkeCArIDEpO1xuICAgIH0gZWxzZSB7XG4gICAgICBrc3RyID0geDtcbiAgICAgIHZzdHIgPSAnJztcbiAgICB9XG5cbiAgICBrID0gZGVjb2RlVVJJQ29tcG9uZW50KGtzdHIpO1xuICAgIHYgPSBkZWNvZGVVUklDb21wb25lbnQodnN0cik7XG5cbiAgICBpZiAoIWhhc093blByb3BlcnR5KG9iaiwgaykpIHtcbiAgICAgIG9ialtrXSA9IHY7XG4gICAgfSBlbHNlIGlmIChpc0FycmF5KG9ialtrXSkpIHtcbiAgICAgIG9ialtrXS5wdXNoKHYpO1xuICAgIH0gZWxzZSB7XG4gICAgICBvYmpba10gPSBbb2JqW2tdLCB2XTtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gb2JqO1xufTtcblxudmFyIGlzQXJyYXkgPSBBcnJheS5pc0FycmF5IHx8IGZ1bmN0aW9uICh4cykge1xuICByZXR1cm4gT2JqZWN0LnByb3RvdHlwZS50b1N0cmluZy5jYWxsKHhzKSA9PT0gJ1tvYmplY3QgQXJyYXldJztcbn07XG4iLCIvLyBDb3B5cmlnaHQgSm95ZW50LCBJbmMuIGFuZCBvdGhlciBOb2RlIGNvbnRyaWJ1dG9ycy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYVxuLy8gY29weSBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZVxuLy8gXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbCBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nXG4vLyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0cyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsXG4vLyBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbCBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0XG4vLyBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGVcbi8vIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkXG4vLyBpbiBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTXG4vLyBPUiBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GXG4vLyBNRVJDSEFOVEFCSUxJVFksIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOXG4vLyBOTyBFVkVOVCBTSEFMTCBUSEUgQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSxcbi8vIERBTUFHRVMgT1IgT1RIRVIgTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUlxuLy8gT1RIRVJXSVNFLCBBUklTSU5HIEZST00sIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRVxuLy8gVVNFIE9SIE9USEVSIERFQUxJTkdTIElOIFRIRSBTT0ZUV0FSRS5cblxuJ3VzZSBzdHJpY3QnO1xuXG52YXIgc3RyaW5naWZ5UHJpbWl0aXZlID0gZnVuY3Rpb24odikge1xuICBzd2l0Y2ggKHR5cGVvZiB2KSB7XG4gICAgY2FzZSAnc3RyaW5nJzpcbiAgICAgIHJldHVybiB2O1xuXG4gICAgY2FzZSAnYm9vbGVhbic6XG4gICAgICByZXR1cm4gdiA/ICd0cnVlJyA6ICdmYWxzZSc7XG5cbiAgICBjYXNlICdudW1iZXInOlxuICAgICAgcmV0dXJuIGlzRmluaXRlKHYpID8gdiA6ICcnO1xuXG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxubW9kdWxlLmV4cG9ydHMgPSBmdW5jdGlvbihvYmosIHNlcCwgZXEsIG5hbWUpIHtcbiAgc2VwID0gc2VwIHx8ICcmJztcbiAgZXEgPSBlcSB8fCAnPSc7XG4gIGlmIChvYmogPT09IG51bGwpIHtcbiAgICBvYmogPSB1bmRlZmluZWQ7XG4gIH1cblxuICBpZiAodHlwZW9mIG9iaiA9PT0gJ29iamVjdCcpIHtcbiAgICByZXR1cm4gbWFwKG9iamVjdEtleXMob2JqKSwgZnVuY3Rpb24oaykge1xuICAgICAgdmFyIGtzID0gZW5jb2RlVVJJQ29tcG9uZW50KHN0cmluZ2lmeVByaW1pdGl2ZShrKSkgKyBlcTtcbiAgICAgIGlmIChpc0FycmF5KG9ialtrXSkpIHtcbiAgICAgICAgcmV0dXJuIG1hcChvYmpba10sIGZ1bmN0aW9uKHYpIHtcbiAgICAgICAgICByZXR1cm4ga3MgKyBlbmNvZGVVUklDb21wb25lbnQoc3RyaW5naWZ5UHJpbWl0aXZlKHYpKTtcbiAgICAgICAgfSkuam9pbihzZXApO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgcmV0dXJuIGtzICsgZW5jb2RlVVJJQ29tcG9uZW50KHN0cmluZ2lmeVByaW1pdGl2ZShvYmpba10pKTtcbiAgICAgIH1cbiAgICB9KS5qb2luKHNlcCk7XG5cbiAgfVxuXG4gIGlmICghbmFtZSkgcmV0dXJuICcnO1xuICByZXR1cm4gZW5jb2RlVVJJQ29tcG9uZW50KHN0cmluZ2lmeVByaW1pdGl2ZShuYW1lKSkgKyBlcSArXG4gICAgICAgICBlbmNvZGVVUklDb21wb25lbnQoc3RyaW5naWZ5UHJpbWl0aXZlKG9iaikpO1xufTtcblxudmFyIGlzQXJyYXkgPSBBcnJheS5pc0FycmF5IHx8IGZ1bmN0aW9uICh4cykge1xuICByZXR1cm4gT2JqZWN0LnByb3RvdHlwZS50b1N0cmluZy5jYWxsKHhzKSA9PT0gJ1tvYmplY3QgQXJyYXldJztcbn07XG5cbmZ1bmN0aW9uIG1hcCAoeHMsIGYpIHtcbiAgaWYgKHhzLm1hcCkgcmV0dXJuIHhzLm1hcChmKTtcbiAgdmFyIHJlcyA9IFtdO1xuICBmb3IgKHZhciBpID0gMDsgaSA8IHhzLmxlbmd0aDsgaSsrKSB7XG4gICAgcmVzLnB1c2goZih4c1tpXSwgaSkpO1xuICB9XG4gIHJldHVybiByZXM7XG59XG5cbnZhciBvYmplY3RLZXlzID0gT2JqZWN0LmtleXMgfHwgZnVuY3Rpb24gKG9iaikge1xuICB2YXIgcmVzID0gW107XG4gIGZvciAodmFyIGtleSBpbiBvYmopIHtcbiAgICBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKG9iaiwga2V5KSkgcmVzLnB1c2goa2V5KTtcbiAgfVxuICByZXR1cm4gcmVzO1xufTtcbiIsIid1c2Ugc3RyaWN0JztcblxuZXhwb3J0cy5kZWNvZGUgPSBleHBvcnRzLnBhcnNlID0gcmVxdWlyZSgnLi9kZWNvZGUnKTtcbmV4cG9ydHMuZW5jb2RlID0gZXhwb3J0cy5zdHJpbmdpZnkgPSByZXF1aXJlKCcuL2VuY29kZScpO1xuIiwiXCJ1c2Ugc3RyaWN0XCI7XG5cbnZhciBfYmluZCA9IEZ1bmN0aW9uLnByb3RvdHlwZS5iaW5kO1xuZnVuY3Rpb24gdG9GYWN0b3J5KENsYXNzKSB7XG4gIHZhciBGYWN0b3J5ID0gZnVuY3Rpb24gRmFjdG9yeSgpIHtcbiAgICBmb3IgKHZhciBfbGVuID0gYXJndW1lbnRzLmxlbmd0aCwgYXJncyA9IEFycmF5KF9sZW4pLCBfa2V5ID0gMDsgX2tleSA8IF9sZW47IF9rZXkrKykge1xuICAgICAgYXJnc1tfa2V5XSA9IGFyZ3VtZW50c1tfa2V5XTtcbiAgICB9XG5cbiAgICByZXR1cm4gbmV3IChfYmluZC5hcHBseShDbGFzcywgW251bGxdLmNvbmNhdChhcmdzKSkpKCk7XG4gIH07XG4gIEZhY3RvcnkuX19wcm90b19fID0gQ2xhc3M7XG4gIEZhY3RvcnkucHJvdG90eXBlID0gQ2xhc3MucHJvdG90eXBlO1xuICByZXR1cm4gRmFjdG9yeTtcbn1cblxubW9kdWxlLmV4cG9ydHMgPSB0b0ZhY3Rvcnk7XG5cbiIsImltcG9ydCAqIGFzIFN0YWNrcyBmcm9tIFwiLi4vLi4vc3RhY2tzXCI7XG5cbmV4cG9ydCBjbGFzcyBCYW5uZXJDb250cm9sbGVyIGV4dGVuZHMgU3RhY2tzLlN0YWNrc0NvbnRyb2xsZXIge1xuICAgIHN0YXRpYyB0YXJnZXRzID0gW1wiYmFubmVyXCJdO1xuXG4gICAgZGVjbGFyZSByZWFkb25seSBiYW5uZXJUYXJnZXQ6IEhUTUxFbGVtZW50O1xuXG4gICAgLyoqXG4gICAgICogVG9nZ2xlcyB0aGUgdmlzaWJpbGl0eSBvZiB0aGUgYmFubmVyXG4gICAgICovXG4gICAgdG9nZ2xlKGRpc3BhdGNoZXI6IEV2ZW50IHwgRWxlbWVudCB8IG51bGwgPSBudWxsKSB7XG4gICAgICAgIHRoaXMuX3RvZ2dsZSh1bmRlZmluZWQsIGRpc3BhdGNoZXIpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFNob3dzIHRoZSBiYW5uZXJcbiAgICAgKi9cbiAgICBzaG93KGRpc3BhdGNoZXI6IEV2ZW50IHwgRWxlbWVudCB8IG51bGwgPSBudWxsKSB7XG4gICAgICAgIHRoaXMuX3RvZ2dsZSh0cnVlLCBkaXNwYXRjaGVyKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBIaWRlcyB0aGUgYmFubmVyXG4gICAgICovXG4gICAgaGlkZShkaXNwYXRjaGVyOiBFdmVudCB8IEVsZW1lbnQgfCBudWxsID0gbnVsbCkge1xuICAgICAgICB0aGlzLl90b2dnbGUoZmFsc2UsIGRpc3BhdGNoZXIpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFRvZ2dsZXMgdGhlIHZpc2liaWxpdHkgb2YgdGhlIGJhbm5lciBlbGVtZW50XG4gICAgICogQHBhcmFtIHNob3cgT3B0aW9uYWwgcGFyYW1ldGVyIHRoYXQgZm9yY2Ugc2hvd3MvaGlkZXMgdGhlIGVsZW1lbnQgb3IgdG9nZ2xlcyBpdCBpZiBsZWZ0IHVuZGVmaW5lZFxuICAgICAqL1xuICAgIHByaXZhdGUgX3RvZ2dsZShcbiAgICAgICAgc2hvdz86IGJvb2xlYW4gfCB1bmRlZmluZWQsXG4gICAgICAgIGRpc3BhdGNoZXI6IEV2ZW50IHwgRWxlbWVudCB8IG51bGwgPSBudWxsXG4gICAgKSB7XG4gICAgICAgIGxldCB0b1Nob3cgPSBzaG93O1xuICAgICAgICBjb25zdCBpc1Zpc2libGUgPVxuICAgICAgICAgICAgdGhpcy5iYW5uZXJUYXJnZXQuZ2V0QXR0cmlidXRlKFwiYXJpYS1oaWRkZW5cIikgPT09IFwiZmFsc2VcIjtcblxuICAgICAgICAvLyBpZiB3ZSdyZSBsZXR0aW5nIHRoZSBjbGFzcyB0b2dnbGUsIHdlIG5lZWQgdG8gZmlndXJlIG91dCBpZiB0aGUgYmFubmVyIGlzIHZpc2libGUgbWFudWFsbHlcbiAgICAgICAgaWYgKHR5cGVvZiB0b1Nob3cgPT09IFwidW5kZWZpbmVkXCIpIHtcbiAgICAgICAgICAgIHRvU2hvdyA9ICFpc1Zpc2libGU7XG4gICAgICAgIH1cblxuICAgICAgICAvLyBpZiB0aGUgc3RhdGUgbWF0Y2hlcyB0aGUgZGlzaXJlZCBzdGF0ZSwgcmV0dXJuIHdpdGhvdXQgY2hhbmdpbmcgYW55dGhpbmdcbiAgICAgICAgaWYgKCh0b1Nob3cgJiYgaXNWaXNpYmxlKSB8fCAoIXRvU2hvdyAmJiAhaXNWaXNpYmxlKSkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgY29uc3QgZGlzcGF0Y2hpbmdFbGVtZW50ID0gdGhpcy5nZXREaXNwYXRjaGVyKGRpc3BhdGNoZXIpO1xuXG4gICAgICAgIC8vIHNob3cvaGlkZSBldmVudHMgdHJpZ2dlciBiZWZvcmUgdG9nZ2xpbmcgdGhlIGNsYXNzXG4gICAgICAgIGNvbnN0IHRyaWdnZXJlZEV2ZW50ID0gdGhpcy50cmlnZ2VyRXZlbnQoXG4gICAgICAgICAgICB0b1Nob3cgPyBcInNob3dcIiA6IFwiaGlkZVwiLFxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIGRpc3BhdGNoZXI6IHRoaXMuZ2V0RGlzcGF0Y2hlcihkaXNwYXRjaGluZ0VsZW1lbnQpLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIHRoaXMuYmFubmVyVGFyZ2V0XG4gICAgICAgICk7XG5cbiAgICAgICAgLy8gaWYgdGhpcyBwcmUtc2hvdy9oaWRlIGV2ZW50IHdhcyBwcmV2ZW50ZWQsIGRvbid0IGF0dGVtcHQgdG8gY29udGludWUgY2hhbmdpbmcgdGhlIGJhbm5lciBzdGF0ZVxuICAgICAgICBpZiAodHJpZ2dlcmVkRXZlbnQuZGVmYXVsdFByZXZlbnRlZCkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5iYW5uZXJUYXJnZXQuc2V0QXR0cmlidXRlKFxuICAgICAgICAgICAgXCJhcmlhLWhpZGRlblwiLFxuICAgICAgICAgICAgdG9TaG93ID8gXCJmYWxzZVwiIDogXCJ0cnVlXCJcbiAgICAgICAgKTtcblxuICAgICAgICBpZiAoIXRvU2hvdykge1xuICAgICAgICAgICAgdGhpcy5yZW1vdmVCYW5uZXJPbkhpZGUoKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMudHJpZ2dlckV2ZW50KFxuICAgICAgICAgICAgdG9TaG93ID8gXCJzaG93blwiIDogXCJoaWRkZW5cIixcbiAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBkaXNwYXRjaGVyOiBkaXNwYXRjaGluZ0VsZW1lbnQsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgdGhpcy5iYW5uZXJUYXJnZXRcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBSZW1vdmUgdGhlIGVsZW1lbnQgb24gaGlkZSBpZiB0aGUgYHJlbW92ZS13aGVuLWhpZGRlbmAgZmxhZyBpcyBzZXRcbiAgICAgKi9cbiAgICBwcml2YXRlIHJlbW92ZUJhbm5lck9uSGlkZSgpIHtcbiAgICAgICAgaWYgKHRoaXMuZGF0YS5nZXQoXCJyZW1vdmUtd2hlbi1oaWRkZW5cIikgIT09IFwidHJ1ZVwiKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLmJhbm5lclRhcmdldC5hZGRFdmVudExpc3RlbmVyKFxuICAgICAgICAgICAgXCJzLWJhbm5lcjpoaWRkZW5cIixcbiAgICAgICAgICAgICgpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmVsZW1lbnQucmVtb3ZlKCk7XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgeyBvbmNlOiB0cnVlIH1cbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBEZXRlcm1pbmVzIHRoZSBjb3JyZWN0IGRpc3BhdGNoaW5nIGVsZW1lbnQgZnJvbSBhIHBvdGVudGlhbCBpbnB1dFxuICAgICAqIEBwYXJhbSBkaXNwYXRjaGVyIFRoZSBldmVudCBvciBlbGVtZW50IHRvIGdldCB0aGUgZGlzcGF0Y2hlciBmcm9tXG4gICAgICovXG4gICAgcHJpdmF0ZSBnZXREaXNwYXRjaGVyKGRpc3BhdGNoZXI6IEV2ZW50IHwgRWxlbWVudCB8IG51bGwgPSBudWxsKTogRWxlbWVudCB7XG4gICAgICAgIGlmIChkaXNwYXRjaGVyIGluc3RhbmNlb2YgRXZlbnQpIHtcbiAgICAgICAgICAgIHJldHVybiA8RWxlbWVudD5kaXNwYXRjaGVyLnRhcmdldDtcbiAgICAgICAgfSBlbHNlIGlmIChkaXNwYXRjaGVyIGluc3RhbmNlb2YgRWxlbWVudCkge1xuICAgICAgICAgICAgcmV0dXJuIGRpc3BhdGNoZXI7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICByZXR1cm4gdGhpcy5lbGVtZW50O1xuICAgICAgICB9XG4gICAgfVxufVxuXG4vKipcbiAqIEhlbHBlciB0byBtYW51YWxseSBzaG93IGFuIHMtYmFubmVyIGVsZW1lbnQgdmlhIGV4dGVybmFsIEpTXG4gKiBAcGFyYW0gZWxlbWVudCB0aGUgZWxlbWVudCB0aGUgYGRhdGEtY29udHJvbGxlcj1cInMtYmFubmVyXCJgIGF0dHJpYnV0ZSBpcyBvblxuICovXG5leHBvcnQgZnVuY3Rpb24gc2hvd0Jhbm5lcihlbGVtZW50OiBIVE1MRWxlbWVudCkge1xuICAgIHRvZ2dsZUJhbm5lcihlbGVtZW50LCB0cnVlKTtcbn1cblxuLyoqXG4gKiBIZWxwZXIgdG8gbWFudWFsbHkgaGlkZSBhbiBzLWJhbm5lciBlbGVtZW50IHZpYSBleHRlcm5hbCBKU1xuICogQHBhcmFtIGVsZW1lbnQgdGhlIGVsZW1lbnQgdGhlIGBkYXRhLWNvbnRyb2xsZXI9XCJzLWJhbm5lclwiYCBhdHRyaWJ1dGUgaXMgb25cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGhpZGVCYW5uZXIoZWxlbWVudDogSFRNTEVsZW1lbnQpIHtcbiAgICB0b2dnbGVCYW5uZXIoZWxlbWVudCwgZmFsc2UpO1xufVxuXG4vKipcbiAqIEhlbHBlciB0byBtYW51YWxseSBzaG93IGFuIHMtYmFubmVyIGVsZW1lbnQgdmlhIGV4dGVybmFsIEpTXG4gKiBAcGFyYW0gZWxlbWVudCB0aGUgZWxlbWVudCB0aGUgYGRhdGEtY29udHJvbGxlcj1cInMtYmFubmVyXCJgIGF0dHJpYnV0ZSBpcyBvblxuICogQHBhcmFtIHNob3cgd2hldGhlciB0byBmb3JjZSBzaG93L2hpZGUgdGhlIGJhbm5lcjsgdG9nZ2xlcyB0aGUgYmFubmVyIGlmIGxlZnQgdW5kZWZpbmVkXG4gKi9cbmZ1bmN0aW9uIHRvZ2dsZUJhbm5lcihlbGVtZW50OiBIVE1MRWxlbWVudCwgc2hvdz86IGJvb2xlYW4gfCB1bmRlZmluZWQpIHtcbiAgICBjb25zdCBjb250cm9sbGVyID0gU3RhY2tzLmFwcGxpY2F0aW9uLmdldENvbnRyb2xsZXJGb3JFbGVtZW50QW5kSWRlbnRpZmllcihcbiAgICAgICAgZWxlbWVudCxcbiAgICAgICAgXCJzLWJhbm5lclwiXG4gICAgKSBhcyBCYW5uZXJDb250cm9sbGVyO1xuXG4gICAgaWYgKCFjb250cm9sbGVyKSB7XG4gICAgICAgIHRocm93IFwiVW5hYmxlIHRvIGdldCBzLWJhbm5lciBjb250cm9sbGVyIGZyb20gZWxlbWVudFwiO1xuICAgIH1cblxuICAgIHNob3cgPyBjb250cm9sbGVyLnNob3coKSA6IGNvbnRyb2xsZXIuaGlkZSgpO1xufVxuIiwiaW1wb3J0ICogYXMgU3RhY2tzIGZyb20gXCIuLi8uLi9zdGFja3NcIjtcblxuZXhwb3J0IGNsYXNzIE1vZGFsQ29udHJvbGxlciBleHRlbmRzIFN0YWNrcy5TdGFja3NDb250cm9sbGVyIHtcbiAgICBzdGF0aWMgdGFyZ2V0cyA9IFtcIm1vZGFsXCIsIFwiaW5pdGlhbEZvY3VzXCJdO1xuXG4gICAgZGVjbGFyZSByZWFkb25seSBtb2RhbFRhcmdldDogSFRNTEVsZW1lbnQ7XG4gICAgZGVjbGFyZSByZWFkb25seSBpbml0aWFsRm9jdXNUYXJnZXRzOiBIVE1MRWxlbWVudFtdO1xuXG4gICAgcHJpdmF0ZSBfYm91bmRDbGlja0ZuITogKGV2ZW50OiBNb3VzZUV2ZW50KSA9PiB2b2lkO1xuICAgIHByaXZhdGUgX2JvdW5kS2V5cHJlc3NGbiE6IChldmVudDogS2V5Ym9hcmRFdmVudCkgPT4gdm9pZDtcblxuICAgIHByaXZhdGUgcmV0dXJuRWxlbWVudCE6IEhUTUxFbGVtZW50O1xuXG4gICAgcHJpdmF0ZSBfYm91bmRUYWJUcmFwITogKGV2ZW50OiBLZXlib2FyZEV2ZW50KSA9PiB2b2lkO1xuXG4gICAgY29ubmVjdCgpIHtcbiAgICAgICAgdGhpcy52YWxpZGF0ZSgpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIERpc2Nvbm5lY3RzIGFsbCBhZGRlZCBldmVudCBsaXN0ZW5lcnMgb24gY29udHJvbGxlciBkaXNjb25uZWN0XG4gICAgICovXG4gICAgZGlzY29ubmVjdCgpIHtcbiAgICAgICAgdGhpcy51bmJpbmREb2N1bWVudEV2ZW50cygpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFRvZ2dsZXMgdGhlIHZpc2liaWxpdHkgb2YgdGhlIG1vZGFsXG4gICAgICovXG4gICAgdG9nZ2xlKGRpc3BhdGNoZXI6IEV2ZW50IHwgRWxlbWVudCB8IG51bGwgPSBudWxsKSB7XG4gICAgICAgIHRoaXMuX3RvZ2dsZSh1bmRlZmluZWQsIGRpc3BhdGNoZXIpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFNob3dzIHRoZSBtb2RhbFxuICAgICAqL1xuICAgIHNob3coZGlzcGF0Y2hlcjogRXZlbnQgfCBFbGVtZW50IHwgbnVsbCA9IG51bGwpIHtcbiAgICAgICAgdGhpcy5fdG9nZ2xlKHRydWUsIGRpc3BhdGNoZXIpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEhpZGVzIHRoZSBtb2RhbFxuICAgICAqL1xuICAgIGhpZGUoZGlzcGF0Y2hlcjogRXZlbnQgfCBFbGVtZW50IHwgbnVsbCA9IG51bGwpIHtcbiAgICAgICAgdGhpcy5fdG9nZ2xlKGZhbHNlLCBkaXNwYXRjaGVyKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBWYWxpZGF0ZXMgdGhlIG1vZGFsIHNldHRpbmdzIGFuZCBhdHRlbXB0cyB0byBzZXQgbmVjZXNzYXJ5IGludGVybmFsIHZhcmlhYmxlc1xuICAgICAqL1xuICAgIHByaXZhdGUgdmFsaWRhdGUoKSB7XG4gICAgICAgIC8vIGNoZWNrIGZvciByZXR1cm5FbGVtZW50IHN1cHBvcnRcbiAgICAgICAgY29uc3QgcmV0dXJuRWxlbWVudFNlbGVjdG9yID0gdGhpcy5kYXRhLmdldChcInJldHVybi1lbGVtZW50XCIpO1xuICAgICAgICBpZiAocmV0dXJuRWxlbWVudFNlbGVjdG9yKSB7XG4gICAgICAgICAgICB0aGlzLnJldHVybkVsZW1lbnQgPSA8SFRNTEVsZW1lbnQ+KFxuICAgICAgICAgICAgICAgIGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IocmV0dXJuRWxlbWVudFNlbGVjdG9yKVxuICAgICAgICAgICAgKTtcblxuICAgICAgICAgICAgaWYgKCF0aGlzLnJldHVybkVsZW1lbnQpIHtcbiAgICAgICAgICAgICAgICB0aHJvdyAoXG4gICAgICAgICAgICAgICAgICAgIFwiVW5hYmxlIHRvIGZpbmQgZWxlbWVudCBieSByZXR1cm4tZWxlbWVudCBzZWxlY3RvcjogXCIgK1xuICAgICAgICAgICAgICAgICAgICByZXR1cm5FbGVtZW50U2VsZWN0b3JcbiAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogVG9nZ2xlcyB0aGUgdmlzaWJpbGl0eSBvZiB0aGUgbW9kYWwgZWxlbWVudFxuICAgICAqIEBwYXJhbSBzaG93IE9wdGlvbmFsIHBhcmFtZXRlciB0aGF0IGZvcmNlIHNob3dzL2hpZGVzIHRoZSBlbGVtZW50IG9yIHRvZ2dsZXMgaXQgaWYgbGVmdCB1bmRlZmluZWRcbiAgICAgKi9cbiAgICBwcml2YXRlIF90b2dnbGUoXG4gICAgICAgIHNob3c/OiBib29sZWFuIHwgdW5kZWZpbmVkLFxuICAgICAgICBkaXNwYXRjaGVyOiBFdmVudCB8IEVsZW1lbnQgfCBudWxsID0gbnVsbFxuICAgICkge1xuICAgICAgICBsZXQgdG9TaG93ID0gc2hvdztcbiAgICAgICAgY29uc3QgaXNWaXNpYmxlID1cbiAgICAgICAgICAgIHRoaXMubW9kYWxUYXJnZXQuZ2V0QXR0cmlidXRlKFwiYXJpYS1oaWRkZW5cIikgPT09IFwiZmFsc2VcIjtcblxuICAgICAgICAvLyBpZiB3ZSdyZSBsZXR0aW5nIHRoZSBjbGFzcyB0b2dnbGUsIHdlIG5lZWQgdG8gZmlndXJlIG91dCBpZiB0aGUgcG9wb3ZlciBpcyB2aXNpYmxlIG1hbnVhbGx5XG4gICAgICAgIGlmICh0eXBlb2YgdG9TaG93ID09PSBcInVuZGVmaW5lZFwiKSB7XG4gICAgICAgICAgICB0b1Nob3cgPSAhaXNWaXNpYmxlO1xuICAgICAgICB9XG5cbiAgICAgICAgLy8gaWYgdGhlIHN0YXRlIG1hdGNoZXMgdGhlIGRpc2lyZWQgc3RhdGUsIHJldHVybiB3aXRob3V0IGNoYW5naW5nIGFueXRoaW5nXG4gICAgICAgIGlmICgodG9TaG93ICYmIGlzVmlzaWJsZSkgfHwgKCF0b1Nob3cgJiYgIWlzVmlzaWJsZSkpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IGRpc3BhdGNoaW5nRWxlbWVudCA9IHRoaXMuZ2V0RGlzcGF0Y2hlcihkaXNwYXRjaGVyKTtcblxuICAgICAgICAvLyBzaG93L2hpZGUgZXZlbnRzIHRyaWdnZXIgYmVmb3JlIHRvZ2dsaW5nIHRoZSBjbGFzc1xuICAgICAgICBjb25zdCB0cmlnZ2VyZWRFdmVudCA9IHRoaXMudHJpZ2dlckV2ZW50KFxuICAgICAgICAgICAgdG9TaG93ID8gXCJzaG93XCIgOiBcImhpZGVcIixcbiAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICByZXR1cm5FbGVtZW50OiB0aGlzLnJldHVybkVsZW1lbnQsXG4gICAgICAgICAgICAgICAgZGlzcGF0Y2hlcjogdGhpcy5nZXREaXNwYXRjaGVyKGRpc3BhdGNoaW5nRWxlbWVudCksXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgdGhpcy5tb2RhbFRhcmdldFxuICAgICAgICApO1xuXG4gICAgICAgIC8vIGlmIHRoaXMgcHJlLXNob3cvaGlkZSBldmVudCB3YXMgcHJldmVudGVkLCBkb24ndCBhdHRlbXB0IHRvIGNvbnRpbnVlIGNoYW5naW5nIHRoZSBtb2RhbCBzdGF0ZVxuICAgICAgICBpZiAodHJpZ2dlcmVkRXZlbnQuZGVmYXVsdFByZXZlbnRlZCkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5yZXR1cm5FbGVtZW50ID0gdHJpZ2dlcmVkRXZlbnQuZGV0YWlsLnJldHVybkVsZW1lbnQ7XG4gICAgICAgIHRoaXMubW9kYWxUYXJnZXQuc2V0QXR0cmlidXRlKFwiYXJpYS1oaWRkZW5cIiwgdG9TaG93ID8gXCJmYWxzZVwiIDogXCJ0cnVlXCIpO1xuXG4gICAgICAgIGlmICh0b1Nob3cpIHtcbiAgICAgICAgICAgIHRoaXMuYmluZERvY3VtZW50RXZlbnRzKCk7XG4gICAgICAgICAgICB0aGlzLmZvY3VzSW5zaWRlTW9kYWwoKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMudW5iaW5kRG9jdW1lbnRFdmVudHMoKTtcbiAgICAgICAgICAgIHRoaXMuZm9jdXNSZXR1cm5FbGVtZW50KCk7XG4gICAgICAgICAgICB0aGlzLnJlbW92ZU1vZGFsT25IaWRlKCk7XG4gICAgICAgIH1cblxuICAgICAgICAvLyBjaGVjayBmb3IgdHJhbnNpdGlvbmVuZCBzdXBwb3J0XG4gICAgICAgIGNvbnN0IHN1cHBvcnRzVHJhbnNpdGlvbkVuZCA9XG4gICAgICAgICAgICB0aGlzLm1vZGFsVGFyZ2V0Lm9udHJhbnNpdGlvbmVuZCAhPT0gdW5kZWZpbmVkO1xuXG4gICAgICAgIC8vIHNob3duL2hpZGRlbiBldmVudHMgdHJpZ2dlciBhZnRlciB0b2dnbGluZyB0aGUgY2xhc3NcbiAgICAgICAgaWYgKHN1cHBvcnRzVHJhbnNpdGlvbkVuZCkge1xuICAgICAgICAgICAgLy8gd2FpdCB1bnRpbCBhZnRlciB0aGUgbW9kYWwgZmluaXNoZXMgdHJhbnNpdGlvbmluZyB0byBmaXJlIHRoZSBldmVudFxuICAgICAgICAgICAgdGhpcy5tb2RhbFRhcmdldC5hZGRFdmVudExpc3RlbmVyKFxuICAgICAgICAgICAgICAgIFwidHJhbnNpdGlvbmVuZFwiLFxuICAgICAgICAgICAgICAgICgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgLy9UT0RPIHRoaXMgaXMgZmlyaW5nIHdhYWF5IHRvIHNvb24/XG4gICAgICAgICAgICAgICAgICAgIHRoaXMudHJpZ2dlckV2ZW50KFxuICAgICAgICAgICAgICAgICAgICAgICAgdG9TaG93ID8gXCJzaG93blwiIDogXCJoaWRkZW5cIixcbiAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNwYXRjaGVyOiBkaXNwYXRjaGluZ0VsZW1lbnQsXG4gICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5tb2RhbFRhcmdldFxuICAgICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgeyBvbmNlOiB0cnVlIH1cbiAgICAgICAgICAgICk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLnRyaWdnZXJFdmVudChcbiAgICAgICAgICAgICAgICB0b1Nob3cgPyBcInNob3duXCIgOiBcImhpZGRlblwiLFxuICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgZGlzcGF0Y2hlcjogZGlzcGF0Y2hpbmdFbGVtZW50LFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgdGhpcy5tb2RhbFRhcmdldFxuICAgICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8qKlxuICAgICAqIExpc3RlbnMgZm9yIHRoZSBzLW1vZGFsOmhpZGRlbiBldmVudCBhbmQgZm9jdXNlcyB0aGUgcmV0dXJuRWxlbWVudCB3aGVuIGl0IGlzIGZpcmVkXG4gICAgICovXG4gICAgcHJpdmF0ZSBmb2N1c1JldHVybkVsZW1lbnQoKSB7XG4gICAgICAgIGlmICghdGhpcy5yZXR1cm5FbGVtZW50KSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLm1vZGFsVGFyZ2V0LmFkZEV2ZW50TGlzdGVuZXIoXG4gICAgICAgICAgICBcInMtbW9kYWw6aGlkZGVuXCIsXG4gICAgICAgICAgICAoKSA9PiB7XG4gICAgICAgICAgICAgICAgLy8gZG91YmxlIGNoZWNrIHRoZSBlbGVtZW50IHN0aWxsIGV4aXN0cyB3aGVuIHRoZSBldmVudCBpcyBjYWxsZWRcbiAgICAgICAgICAgICAgICBpZiAoXG4gICAgICAgICAgICAgICAgICAgIHRoaXMucmV0dXJuRWxlbWVudCAmJlxuICAgICAgICAgICAgICAgICAgICBkb2N1bWVudC5ib2R5LmNvbnRhaW5zKHRoaXMucmV0dXJuRWxlbWVudClcbiAgICAgICAgICAgICAgICApIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5yZXR1cm5FbGVtZW50LmZvY3VzKCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIHsgb25jZTogdHJ1ZSB9XG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogUmVtb3ZlIHRoZSBlbGVtZW50IG9uIGhpZGUgaWYgdGhlIGByZW1vdmUtd2hlbi1oaWRkZW5gIGZsYWcgaXMgc2V0XG4gICAgICovXG4gICAgcHJpdmF0ZSByZW1vdmVNb2RhbE9uSGlkZSgpIHtcbiAgICAgICAgaWYgKHRoaXMuZGF0YS5nZXQoXCJyZW1vdmUtd2hlbi1oaWRkZW5cIikgIT09IFwidHJ1ZVwiKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLm1vZGFsVGFyZ2V0LmFkZEV2ZW50TGlzdGVuZXIoXG4gICAgICAgICAgICBcInMtbW9kYWw6aGlkZGVuXCIsXG4gICAgICAgICAgICAoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5lbGVtZW50LnJlbW92ZSgpO1xuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIHsgb25jZTogdHJ1ZSB9XG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogR2V0cyBhbGwgZWxlbWVudHMgd2l0aGluIHRoZSBtb2RhbCB0aGF0IGNvdWxkIHJlY2VpdmUga2V5Ym9hcmQgZm9jdXMuXG4gICAgICovXG4gICAgcHJpdmF0ZSBnZXRBbGxUYWJiYWJsZXMoKSB7XG4gICAgICAgIHJldHVybiBBcnJheS5mcm9tKFxuICAgICAgICAgICAgdGhpcy5tb2RhbFRhcmdldC5xdWVyeVNlbGVjdG9yQWxsPEhUTUxFbGVtZW50PihcbiAgICAgICAgICAgICAgICBcIltocmVmXSwgaW5wdXQsIHNlbGVjdCwgdGV4dGFyZWEsIGJ1dHRvbiwgW3RhYmluZGV4XVwiXG4gICAgICAgICAgICApXG4gICAgICAgICkuZmlsdGVyKChlbDogRWxlbWVudCkgPT5cbiAgICAgICAgICAgIGVsLm1hdGNoZXMoXCI6bm90KFtkaXNhYmxlZF0pOm5vdChbdGFiaW5kZXg9Jy0xJ10pXCIpXG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogUmV0dXJucyB0aGUgZmlyc3QgdmlzaWJsZSBlbGVtZW50IGluIGFuIGFycmF5IG9yIGB1bmRlZmluZWRgIGlmIG5vIGVsZW1lbnRzIGFyZSB2aXNpYmxlLlxuICAgICAqL1xuICAgIHByaXZhdGUgZmlyc3RWaXNpYmxlKGVsZW1lbnRzOiBIVE1MRWxlbWVudFtdKSB7XG4gICAgICAgIC8vIGh0dHBzOi8vc3RhY2tvdmVyZmxvdy5jb20vYS8yMTY5NjU4NVxuICAgICAgICByZXR1cm4gZWxlbWVudHMuZmluZCgoZWwpID0+IGVsLm9mZnNldFBhcmVudCAhPT0gbnVsbCk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogUmV0dXJucyB0aGUgbGFzdCB2aXNpYmxlIGVsZW1lbnQgaW4gYW4gYXJyYXkgb3IgYHVuZGVmaW5lZGAgaWYgbm8gZWxlbWVudHMgYXJlIHZpc2libGUuXG4gICAgICovXG4gICAgcHJpdmF0ZSBsYXN0VmlzaWJsZShlbGVtZW50czogSFRNTEVsZW1lbnRbXSkge1xuICAgICAgICByZXR1cm4gdGhpcy5maXJzdFZpc2libGUoWy4uLmVsZW1lbnRzXS5yZXZlcnNlKCkpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEF0dGVtcHRzIHRvIHNoaWZ0IGtleWJvYXJkIGZvY3VzIGludG8gdGhlIG1vZGFsLlxuICAgICAqIElmIGVsZW1lbnRzIHdpdGggYGRhdGEtcy1tb2RhbC10YXJnZXQ9XCJpbml0aWFsRm9jdXNcImAgYXJlIHByZXNlbnQgYW5kIHZpc2libGUsIG9uZSBvZiB0aG9zZSB3aWxsIGJlIHNlbGVjdGVkLlxuICAgICAqIE90aGVyd2lzZSwgdGhlIGZpcnN0IHZpc2libGUgZm9jdXNhYmxlIGVsZW1lbnQgd2lsbCByZWNlaXZlIGZvY3VzLlxuICAgICAqL1xuICAgIHByaXZhdGUgZm9jdXNJbnNpZGVNb2RhbCgpIHtcbiAgICAgICAgdGhpcy5tb2RhbFRhcmdldC5hZGRFdmVudExpc3RlbmVyKFxuICAgICAgICAgICAgXCJzLW1vZGFsOnNob3duXCIsXG4gICAgICAgICAgICAoKSA9PiB7XG4gICAgICAgICAgICAgICAgLy8gT25seSBzZXQgZm9jdXMgaWYgZm9jdXMgaXMgbm90IGFscmVhZHkgc2V0IG9uIGFuIGVsZW1lbnQgd2l0aGluIHRoZSBtb2RhbFxuICAgICAgICAgICAgICAgIGlmICghdGhpcy5tb2RhbFRhcmdldC5jb250YWlucyhkb2N1bWVudC5hY3RpdmVFbGVtZW50KSkge1xuICAgICAgICAgICAgICAgICAgICBjb25zdCBpbml0aWFsRm9jdXMgPVxuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5maXJzdFZpc2libGUodGhpcy5pbml0aWFsRm9jdXNUYXJnZXRzKSA/P1xuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5maXJzdFZpc2libGUodGhpcy5nZXRBbGxUYWJiYWJsZXMoKSkgPz9cbiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMubW9kYWxUYXJnZXQ7IC8vSWYgdGhlcmUncyBub3RoaW5nIGVsc2UsIGZvY3VzIHRoZSBtb2RhbCBpdHNlbGZcblxuICAgICAgICAgICAgICAgICAgICBpbml0aWFsRm9jdXMuZm9jdXMoKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgeyBvbmNlOiB0cnVlIH1cbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBSZXR1cm5zIGtleWJvYXJkIGZvY3VzIHRvIHRoZSBtb2RhbCBpZiBpdCBoYXMgbGVmdCBvciBpcyBhYm91dCB0byBsZWF2ZS5cbiAgICAgKi9cbiAgICBwcml2YXRlIGtlZXBGb2N1c1dpdGhpbk1vZGFsKGU6IEtleWJvYXJkRXZlbnQpIHtcbiAgICAgICAgaWYgKGUua2V5ICE9PSBcIlRhYlwiKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICAvL1RhYiBrZXkgd2FzIHByZXNzZWQsIGZpZ3VyZSBvdXQgd2hhdCB0byBmb2N1cyBuZXh0XG4gICAgICAgIGNvbnN0IHRhYmJhYmxlcyA9IHRoaXMuZ2V0QWxsVGFiYmFibGVzKCk7XG4gICAgICAgIGlmICh0YWJiYWJsZXMubGVuZ3RoID09PSAwKSB7XG4gICAgICAgICAgICAvLyBOb3RoaW5nIGZvY3VzYWJsZSBmb3VuZCBpbiB0aGUgbW9kYWwuIFN0b3AgdGhlIHVzZXIgZnJvbSB0YWJiaW5nIHRvIHNvbWV0aGluZyBvdXRzaWRlIHRoZSBtb2RhbFxuICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgLy8gSWYgc29tZWhvdyB0aGUgdXNlciBoYXMgdGFiYmVkIG91dCBvZiB0aGUgbW9kYWwsIHB1c2ggdGhlbSB0byB0aGUgZmlyc3QgaXRlbS5cbiAgICAgICAgaWYgKCF0aGlzLm1vZGFsVGFyZ2V0LmNvbnRhaW5zKDxFbGVtZW50PmUudGFyZ2V0KSkge1xuICAgICAgICAgICAgY29uc3QgZm9jdXNUYXJnZXQgPSB0aGlzLmZpcnN0VmlzaWJsZSh0YWJiYWJsZXMpO1xuICAgICAgICAgICAgaWYgKGZvY3VzVGFyZ2V0KSB7XG4gICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICAgIGZvY3VzVGFyZ2V0LmZvY3VzKCk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIEtlZXAgZm9jdXNhYmxlIGN5Y2xpbmcgd2l0aGluIHRoZSBtb2RhbCBieSBsb29waW5nIHRocm91Z2ggZWxlbWVudHMgd2l0aGluIHRoZSBtb2RhbFxuICAgICAgICBjb25zdCBmaXJzdFRhYmJhYmxlID0gdGhpcy5maXJzdFZpc2libGUodGFiYmFibGVzKTtcbiAgICAgICAgY29uc3QgbGFzdFRhYmJhYmxlID0gdGhpcy5sYXN0VmlzaWJsZSh0YWJiYWJsZXMpO1xuXG4gICAgICAgIGlmIChmaXJzdFRhYmJhYmxlICYmIGxhc3RUYWJiYWJsZSkge1xuICAgICAgICAgICAgaWYgKGZpcnN0VGFiYmFibGUgPT09IGxhc3RUYWJiYWJsZSkge1xuICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgICBmaXJzdFRhYmJhYmxlLmZvY3VzKCk7XG4gICAgICAgICAgICB9IGVsc2UgaWYgKGUuc2hpZnRLZXkgJiYgZS50YXJnZXQgPT09IGZpcnN0VGFiYmFibGUpIHtcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgICAgbGFzdFRhYmJhYmxlLmZvY3VzKCk7XG4gICAgICAgICAgICB9IGVsc2UgaWYgKCFlLnNoaWZ0S2V5ICYmIGUudGFyZ2V0ID09PSBsYXN0VGFiYmFibGUpIHtcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgICAgZmlyc3RUYWJiYWJsZS5mb2N1cygpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQmluZHMgZ2xvYmFsIGV2ZW50cyB0byB0aGUgZG9jdW1lbnQgZm9yIGhpZGluZyBwb3BvdmVycyBvbiB1c2VyIGludGVyYWN0aW9uXG4gICAgICovXG4gICAgcHJpdmF0ZSBiaW5kRG9jdW1lbnRFdmVudHMoKSB7XG4gICAgICAgIC8vIGluIG9yZGVyIGZvciByZW1vdmVFdmVudExpc3RlbmVyIHRvIHJlbW92ZSB0aGUgcmlnaHQgZXZlbnQsIHRoaXMgYm91bmQgZnVuY3Rpb24gbmVlZHMgYSBjb25zdGFudCByZWZlcmVuY2VcbiAgICAgICAgdGhpcy5fYm91bmRDbGlja0ZuID1cbiAgICAgICAgICAgIHRoaXMuX2JvdW5kQ2xpY2tGbiB8fCB0aGlzLmhpZGVPbk91dHNpZGVDbGljay5iaW5kKHRoaXMpO1xuICAgICAgICB0aGlzLl9ib3VuZEtleXByZXNzRm4gPVxuICAgICAgICAgICAgdGhpcy5fYm91bmRLZXlwcmVzc0ZuIHx8IHRoaXMuaGlkZU9uRXNjYXBlUHJlc3MuYmluZCh0aGlzKTtcbiAgICAgICAgdGhpcy5fYm91bmRUYWJUcmFwID1cbiAgICAgICAgICAgIHRoaXMuX2JvdW5kVGFiVHJhcCB8fCB0aGlzLmtlZXBGb2N1c1dpdGhpbk1vZGFsLmJpbmQodGhpcyk7XG5cbiAgICAgICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcIm1vdXNlZG93blwiLCB0aGlzLl9ib3VuZENsaWNrRm4pO1xuICAgICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKFwia2V5dXBcIiwgdGhpcy5fYm91bmRLZXlwcmVzc0ZuKTtcbiAgICAgICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcImtleWRvd25cIiwgdGhpcy5fYm91bmRUYWJUcmFwKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBVbmJpbmRzIGdsb2JhbCBldmVudHMgdG8gdGhlIGRvY3VtZW50IGZvciBoaWRpbmcgcG9wb3ZlcnMgb24gdXNlciBpbnRlcmFjdGlvblxuICAgICAqL1xuICAgIHByaXZhdGUgdW5iaW5kRG9jdW1lbnRFdmVudHMoKSB7XG4gICAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJtb3VzZWRvd25cIiwgdGhpcy5fYm91bmRDbGlja0ZuKTtcbiAgICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImtleXVwXCIsIHRoaXMuX2JvdW5kS2V5cHJlc3NGbik7XG4gICAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJrZXlkb3duXCIsIHRoaXMuX2JvdW5kVGFiVHJhcCk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogRm9yY2VzIHRoZSBwb3BvdmVyIHRvIGhpZGUgaWYgYSB1c2VyIGNsaWNrcyBvdXRzaWRlIG9mIGl0IG9yIGl0cyByZWZlcmVuY2UgZWxlbWVudFxuICAgICAqL1xuICAgIHByaXZhdGUgaGlkZU9uT3V0c2lkZUNsaWNrKGU6IEV2ZW50KSB7XG4gICAgICAgIGNvbnN0IHRhcmdldCA9IDxOb2RlPmUudGFyZ2V0O1xuICAgICAgICAvLyBjaGVjayBpZiB0aGUgZG9jdW1lbnQgd2FzIGNsaWNrZWQgaW5zaWRlIGVpdGhlciB0aGUgdG9nZ2xlIGVsZW1lbnQgb3IgdGhlIG1vZGFsIGl0c2VsZlxuICAgICAgICAvLyBub3RlOiAuY29udGFpbnMgYWxzbyByZXR1cm5zIHRydWUgaWYgdGhlIG5vZGUgaXRzZWxmIG1hdGNoZXMgdGhlIHRhcmdldCBlbGVtZW50XG4gICAgICAgIGlmIChcbiAgICAgICAgICAgICF0aGlzLm1vZGFsVGFyZ2V0XG4gICAgICAgICAgICAgICAgLnF1ZXJ5U2VsZWN0b3IoXCIucy1tb2RhbC0tZGlhbG9nXCIpXG4gICAgICAgICAgICAgICAgPy5jb250YWlucyh0YXJnZXQpICYmXG4gICAgICAgICAgICBkb2N1bWVudC5ib2R5LmNvbnRhaW5zKHRhcmdldClcbiAgICAgICAgKSB7XG4gICAgICAgICAgICB0aGlzLl90b2dnbGUoZmFsc2UsIGUpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogRm9yY2VzIHRoZSBwb3BvdmVyIHRvIGhpZGUgaWYgdGhlIHVzZXIgcHJlc3NlcyBlc2NhcGUgd2hpbGUgaXQsIG9uZSBvZiBpdHMgY2hpbGRlbiwgb3IgdGhlIHJlZmVyZW5jZSBlbGVtZW50IGFyZSBmb2N1c2VkXG4gICAgICovXG4gICAgcHJpdmF0ZSBoaWRlT25Fc2NhcGVQcmVzcyhlOiBLZXlib2FyZEV2ZW50KSB7XG4gICAgICAgIC8vIGlmIHRoZSBFU0Mga2V5ICgyNykgd2Fzbid0IHByZXNzZWQgb3IgaWYgbm8gcG9wb3ZlcnMgYXJlIHNob3dpbmcsIHJldHVyblxuICAgICAgICBpZiAoXG4gICAgICAgICAgICBlLndoaWNoICE9PSAyNyB8fFxuICAgICAgICAgICAgdGhpcy5tb2RhbFRhcmdldC5nZXRBdHRyaWJ1dGUoXCJhcmlhLWhpZGRlblwiKSA9PT0gXCJ0cnVlXCJcbiAgICAgICAgKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLl90b2dnbGUoZmFsc2UsIGUpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIERldGVybWluZXMgdGhlIGNvcnJlY3QgZGlzcGF0Y2hpbmcgZWxlbWVudCBmcm9tIGEgcG90ZW50aWFsIGlucHV0XG4gICAgICogQHBhcmFtIGRpc3BhdGNoZXIgVGhlIGV2ZW50IG9yIGVsZW1lbnQgdG8gZ2V0IHRoZSBkaXNwYXRjaGVyIGZyb21cbiAgICAgKi9cbiAgICBwcml2YXRlIGdldERpc3BhdGNoZXIoZGlzcGF0Y2hlcjogRXZlbnQgfCBFbGVtZW50IHwgbnVsbCA9IG51bGwpOiBFbGVtZW50IHtcbiAgICAgICAgaWYgKGRpc3BhdGNoZXIgaW5zdGFuY2VvZiBFdmVudCkge1xuICAgICAgICAgICAgcmV0dXJuIDxFbGVtZW50PmRpc3BhdGNoZXIudGFyZ2V0O1xuICAgICAgICB9IGVsc2UgaWYgKGRpc3BhdGNoZXIgaW5zdGFuY2VvZiBFbGVtZW50KSB7XG4gICAgICAgICAgICByZXR1cm4gZGlzcGF0Y2hlcjtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHJldHVybiB0aGlzLmVsZW1lbnQ7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbi8qKlxuICogSGVscGVyIHRvIG1hbnVhbGx5IHNob3cgYW4gcy1tb2RhbCBlbGVtZW50IHZpYSBleHRlcm5hbCBKU1xuICogQHBhcmFtIGVsZW1lbnQgdGhlIGVsZW1lbnQgdGhlIGBkYXRhLWNvbnRyb2xsZXI9XCJzLW1vZGFsXCJgIGF0dHJpYnV0ZSBpcyBvblxuICovXG5leHBvcnQgZnVuY3Rpb24gc2hvd01vZGFsKGVsZW1lbnQ6IEhUTUxFbGVtZW50KSB7XG4gICAgdG9nZ2xlTW9kYWwoZWxlbWVudCwgdHJ1ZSk7XG59XG5cbi8qKlxuICogSGVscGVyIHRvIG1hbnVhbGx5IGhpZGUgYW4gcy1tb2RhbCBlbGVtZW50IHZpYSBleHRlcm5hbCBKU1xuICogQHBhcmFtIGVsZW1lbnQgdGhlIGVsZW1lbnQgdGhlIGBkYXRhLWNvbnRyb2xsZXI9XCJzLW1vZGFsXCJgIGF0dHJpYnV0ZSBpcyBvblxuICovXG5leHBvcnQgZnVuY3Rpb24gaGlkZU1vZGFsKGVsZW1lbnQ6IEhUTUxFbGVtZW50KSB7XG4gICAgdG9nZ2xlTW9kYWwoZWxlbWVudCwgZmFsc2UpO1xufVxuXG4vKipcbiAqIEhlbHBlciB0byBtYW51YWxseSBzaG93IGFuIHMtbW9kYWwgZWxlbWVudCB2aWEgZXh0ZXJuYWwgSlNcbiAqIEBwYXJhbSBlbGVtZW50IHRoZSBlbGVtZW50IHRoZSBgZGF0YS1jb250cm9sbGVyPVwicy1tb2RhbFwiYCBhdHRyaWJ1dGUgaXMgb25cbiAqIEBwYXJhbSBzaG93IHdoZXRoZXIgdG8gZm9yY2Ugc2hvdy9oaWRlIHRoZSBtb2RhbDsgdG9nZ2xlcyB0aGUgbW9kYWwgaWYgbGVmdCB1bmRlZmluZWRcbiAqL1xuZnVuY3Rpb24gdG9nZ2xlTW9kYWwoZWxlbWVudDogSFRNTEVsZW1lbnQsIHNob3c/OiBib29sZWFuIHwgdW5kZWZpbmVkKSB7XG4gICAgY29uc3QgY29udHJvbGxlciA9IFN0YWNrcy5hcHBsaWNhdGlvbi5nZXRDb250cm9sbGVyRm9yRWxlbWVudEFuZElkZW50aWZpZXIoXG4gICAgICAgIGVsZW1lbnQsXG4gICAgICAgIFwicy1tb2RhbFwiXG4gICAgKSBhcyBNb2RhbENvbnRyb2xsZXI7XG5cbiAgICBpZiAoIWNvbnRyb2xsZXIpIHtcbiAgICAgICAgdGhyb3cgXCJVbmFibGUgdG8gZ2V0IHMtbW9kYWwgY29udHJvbGxlciBmcm9tIGVsZW1lbnRcIjtcbiAgICB9XG5cbiAgICBzaG93ID8gY29udHJvbGxlci5zaG93KCkgOiBjb250cm9sbGVyLmhpZGUoKTtcbn1cbiIsImltcG9ydCAqIGFzIFN0YWNrcyBmcm9tIFwiLi4vLi4vc3RhY2tzXCI7XG5cbmV4cG9ydCBjbGFzcyBUYWJMaXN0Q29udHJvbGxlciBleHRlbmRzIFN0YWNrcy5TdGFja3NDb250cm9sbGVyIHtcbiAgICBwcml2YXRlIGJvdW5kU2VsZWN0VGFiITogKGV2ZW50OiBNb3VzZUV2ZW50KSA9PiB2b2lkO1xuICAgIHByaXZhdGUgYm91bmRIYW5kbGVLZXlkb3duITogKGV2ZW50OiBLZXlib2FyZEV2ZW50KSA9PiB2b2lkO1xuXG4gICAgY29ubmVjdCgpIHtcbiAgICAgICAgc3VwZXIuY29ubmVjdCgpO1xuXG4gICAgICAgIHRoaXMuYm91bmRTZWxlY3RUYWIgPSB0aGlzLnNlbGVjdFRhYi5iaW5kKHRoaXMpO1xuICAgICAgICB0aGlzLmJvdW5kSGFuZGxlS2V5ZG93biA9IHRoaXMuaGFuZGxlS2V5ZG93bi5iaW5kKHRoaXMpO1xuXG4gICAgICAgIGZvciAoY29uc3QgdGFiIG9mIHRoaXMudGFiVGFyZ2V0cykge1xuICAgICAgICAgICAgdGFiLmFkZEV2ZW50TGlzdGVuZXIoXCJjbGlja1wiLCB0aGlzLmJvdW5kU2VsZWN0VGFiKTtcbiAgICAgICAgICAgIHRhYi5hZGRFdmVudExpc3RlbmVyKFwia2V5ZG93blwiLCB0aGlzLmJvdW5kSGFuZGxlS2V5ZG93bik7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBkaXNjb25uZWN0KCkge1xuICAgICAgICBzdXBlci5kaXNjb25uZWN0KCk7XG5cbiAgICAgICAgZm9yIChjb25zdCB0YWIgb2YgdGhpcy50YWJUYXJnZXRzKSB7XG4gICAgICAgICAgICB0YWIucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsIHRoaXMuYm91bmRTZWxlY3RUYWIpO1xuICAgICAgICAgICAgdGFiLnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJrZXlkb3duXCIsIHRoaXMuYm91bmRIYW5kbGVLZXlkb3duKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEdldHMgYWxsIHRhYnMgd2l0aGluIHRoZSBjb250cm9sbGVyLlxuICAgICAqL1xuICAgIGdldCB0YWJUYXJnZXRzKCk6IEhUTUxFbGVtZW50W10ge1xuICAgICAgICByZXR1cm4gQXJyYXkuZnJvbSh0aGlzLmVsZW1lbnQucXVlcnlTZWxlY3RvckFsbChcIltyb2xlPXRhYl1cIikpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEhhbmRsZXMgY2xpY2sgZXZlbnRzIG9uIGluZGl2aWR1YWwgdGFicywgY2F1c2luZyB0aGVtIHRvIGJlIHNlbGVjdGVkLlxuICAgICAqL1xuICAgIHNlbGVjdFRhYihldmVudDogTW91c2VFdmVudCkge1xuICAgICAgICB0aGlzLnN3aXRjaFRvVGFiKDxIVE1MRWxlbWVudD5ldmVudC5jdXJyZW50VGFyZ2V0KTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBIYW5kbGVzIGxlZnQgYW5kIHJpZ2h0IGFycm93IGtleWRvd24gZXZlbnRzIG9uIGluZGl2aWR1YWwgdGFicyxcbiAgICAgKiBzZWxlY3RpbmcgdGhlIGFkamFjZW50IHRhYiBjb3JyZXNwb25kaW5nIHRvIHRoZSBldmVudC5cbiAgICAgKi9cbiAgICBoYW5kbGVLZXlkb3duKGV2ZW50OiBLZXlib2FyZEV2ZW50KSB7XG4gICAgICAgIGxldCB0YWJFbGVtZW50ID0gPEhUTUxFbGVtZW50PmV2ZW50LmN1cnJlbnRUYXJnZXQ7XG5cbiAgICAgICAgY29uc3QgdGFicyA9IHRoaXMudGFiVGFyZ2V0cztcbiAgICAgICAgbGV0IHRhYkluZGV4ID0gdGFicy5pbmRleE9mKHRhYkVsZW1lbnQpO1xuXG4gICAgICAgIGlmIChldmVudC5rZXkgPT09IFwiQXJyb3dSaWdodFwiKSB7XG4gICAgICAgICAgICB0YWJJbmRleCsrO1xuICAgICAgICB9IGVsc2UgaWYgKGV2ZW50LmtleSA9PT0gXCJBcnJvd0xlZnRcIikge1xuICAgICAgICAgICAgdGFiSW5kZXgtLTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIFVzZSBjaXJjdWxhciBuYXZpZ2F0aW9uIHdoZW4gdXNlcnMgZ28gcGFzdCB0aGUgZmlyc3Qgb3IgbGFzdCB0YWIuXG4gICAgICAgIGlmICh0YWJJbmRleCA8IDApIHtcbiAgICAgICAgICAgIHRhYkluZGV4ID0gdGFicy5sZW5ndGggLSAxO1xuICAgICAgICB9XG4gICAgICAgIGlmICh0YWJJbmRleCA+PSB0YWJzLmxlbmd0aCkge1xuICAgICAgICAgICAgdGFiSW5kZXggPSAwO1xuICAgICAgICB9XG5cbiAgICAgICAgdGFiRWxlbWVudCA9IHRhYnNbdGFiSW5kZXhdO1xuICAgICAgICB0aGlzLnN3aXRjaFRvVGFiKHRhYkVsZW1lbnQpO1xuXG4gICAgICAgIC8vIEZvY3VzIHRoZSBuZXdseSBzZWxlY3RlZCB0YWIgc28gaXQgY2FuIHJlY2VpdmUga2V5Ym9hcmQgZXZlbnRzLlxuICAgICAgICB0aGlzLnNlbGVjdGVkVGFiPy5mb2N1cygpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEF0dGVtcHRzIHRvIHN3aXRjaCB0byBhIG5ldyB0YWIsIGRvaW5nIG5vdGhpbmcgaWYgdGhlIHRhYiBpcyBhbHJlYWR5IHNlbGVjdGVkIG9yXG4gICAgICogdGhlIHMtbmF2aWdhdGlvbi10YWJsaXN0OnNlbGVjdCBldmVudCBpcyBwcmV2ZW50ZWQuXG4gICAgICovXG4gICAgcHJpdmF0ZSBzd2l0Y2hUb1RhYihuZXdUYWI6IEhUTUxFbGVtZW50KSB7XG4gICAgICAgIGNvbnN0IG9sZFRhYiA9IHRoaXMuc2VsZWN0ZWRUYWI7XG4gICAgICAgIGlmIChvbGRUYWIgPT09IG5ld1RhYikge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMudHJpZ2dlckV2ZW50KFwic2VsZWN0XCIsIHsgb2xkVGFiLCBuZXdUYWIgfSkuZGVmYXVsdFByZXZlbnRlZCkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5zZWxlY3RlZFRhYiA9IG5ld1RhYjtcbiAgICAgICAgdGhpcy50cmlnZ2VyRXZlbnQoXCJzZWxlY3RlZFwiLCB7IG9sZFRhYiwgbmV3VGFiIH0pO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFJldHVybnMgdGhlIGN1cnJlbnRseSBzZWxlY3RlZCB0YWIgb3IgbnVsbCBpZiBubyB0YWJzIGFyZSBzZWxlY3RlZC5cbiAgICAgKi9cbiAgICBwdWJsaWMgZ2V0IHNlbGVjdGVkVGFiKCk6IEhUTUxFbGVtZW50IHwgbnVsbCB7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICB0aGlzLnRhYlRhcmdldHMuZmluZChcbiAgICAgICAgICAgICAgICAoZSkgPT4gZS5nZXRBdHRyaWJ1dGUoXCJhcmlhLXNlbGVjdGVkXCIpID09PSBcInRydWVcIlxuICAgICAgICAgICAgKSB8fCBudWxsXG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogU3dpdGNoZXMgdGhlIHRhYmxpc3QgdG8gdGhlIHByb3ZpZGVkIHRhYiwgdXBkYXRpbmcgdGhlIHRhYnMgYW5kIHBhbmVsc1xuICAgICAqIHRvIHJlZmxlY3QgdGhlIGNoYW5nZS5cbiAgICAgKiBAcGFyYW0gc2VsZWN0ZWRUYWIgVGhlIHRhYiB0byBzZWxlY3QuIElmIGBudWxsYCBpcyBwcm92aWRlZCBvciB0aGUgZWxlbWVudFxuICAgICAqIGlzIG5vdCBhIHZhbGlkIHRhYiwgYWxsIHRhYnMgd2lsbCBiZSB1bnNlbGVjdGVkLlxuICAgICAqL1xuICAgIHB1YmxpYyBzZXQgc2VsZWN0ZWRUYWIoc2VsZWN0ZWRUYWI6IEhUTUxFbGVtZW50IHwgbnVsbCkge1xuICAgICAgICBmb3IgKGNvbnN0IHRhYiBvZiB0aGlzLnRhYlRhcmdldHMpIHtcbiAgICAgICAgICAgIGNvbnN0IHBhbmVsSWQgPSB0YWIuZ2V0QXR0cmlidXRlKFwiYXJpYS1jb250cm9sc1wiKTtcbiAgICAgICAgICAgIGNvbnN0IHBhbmVsID0gcGFuZWxJZCA/IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKHBhbmVsSWQpIDogbnVsbDtcblxuICAgICAgICAgICAgaWYgKHRhYiA9PT0gc2VsZWN0ZWRUYWIpIHtcbiAgICAgICAgICAgICAgICB0YWIuY2xhc3NMaXN0LmFkZChcImlzLXNlbGVjdGVkXCIpO1xuICAgICAgICAgICAgICAgIHRhYi5zZXRBdHRyaWJ1dGUoXCJhcmlhLXNlbGVjdGVkXCIsIFwidHJ1ZVwiKTtcbiAgICAgICAgICAgICAgICB0YWIucmVtb3ZlQXR0cmlidXRlKFwidGFiaW5kZXhcIik7XG4gICAgICAgICAgICAgICAgcGFuZWw/LmNsYXNzTGlzdC5yZW1vdmUoXCJkLW5vbmVcIik7XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIHRhYi5jbGFzc0xpc3QucmVtb3ZlKFwiaXMtc2VsZWN0ZWRcIik7XG4gICAgICAgICAgICAgICAgdGFiLnNldEF0dHJpYnV0ZShcImFyaWEtc2VsZWN0ZWRcIiwgXCJmYWxzZVwiKTtcbiAgICAgICAgICAgICAgICB0YWIuc2V0QXR0cmlidXRlKFwidGFiaW5kZXhcIiwgXCItMVwiKTtcbiAgICAgICAgICAgICAgICBwYW5lbD8uY2xhc3NMaXN0LmFkZChcImQtbm9uZVwiKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbn1cbiIsImltcG9ydCB7IGNyZWF0ZVBvcHBlciwgUGxhY2VtZW50IH0gZnJvbSBcIkBwb3BwZXJqcy9jb3JlXCI7XG5pbXBvcnQgdHlwZSAqIGFzIFBvcHBlciBmcm9tIFwiQHBvcHBlcmpzL2NvcmVcIjtcbmltcG9ydCAqIGFzIFN0YWNrcyBmcm9tIFwiLi4vLi4vc3RhY2tzXCI7XG5cbnR5cGUgT3V0c2lkZUNsaWNrQmVoYXZpb3IgPVxuICAgIHwgXCJhbHdheXNcIlxuICAgIHwgXCJuZXZlclwiXG4gICAgfCBcImlmLWluLXZpZXdwb3J0XCJcbiAgICB8IFwiYWZ0ZXItZGlzbWlzc2FsXCI7XG5cbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBCYXNlUG9wb3ZlckNvbnRyb2xsZXIgZXh0ZW5kcyBTdGFja3MuU3RhY2tzQ29udHJvbGxlciB7XG4gICAgcHJpdmF0ZSBwb3BwZXIhOiBQb3BwZXIuSW5zdGFuY2U7XG5cbiAgICBwcm90ZWN0ZWQgcG9wb3ZlckVsZW1lbnQhOiBIVE1MRWxlbWVudDtcblxuICAgIHByb3RlY3RlZCByZWZlcmVuY2VFbGVtZW50ITogSFRNTEVsZW1lbnQ7XG5cbiAgICAvKipcbiAgICAgKiBBbiBhdHRyaWJ1dGUgY29udGFpbmluZyB0aGUgSUQgb2YgdGhlIHBvcG92ZXIgZWxlbWVudCB0byByZW5kZXIsIGUuZy4gYXJpYS1jb250cm9scyBvciBhcmlhLWRlc2NyaWJlZGJ5LlxuICAgICAqL1xuICAgIHByb3RlY3RlZCBhYnN0cmFjdCBwb3BvdmVyU2VsZWN0b3JBdHRyaWJ1dGU6IHN0cmluZztcblxuICAgIC8qKlxuICAgICAqIEJpbmRzIGV2ZW50cyB0byB0aGUgZG9jdW1lbnQgb24gZWxlbWVudCBzaG93XG4gICAgICovXG4gICAgcHJvdGVjdGVkIGFic3RyYWN0IGJpbmREb2N1bWVudEV2ZW50cygpOiB2b2lkO1xuXG4gICAgLyoqXG4gICAgICogVW5iaW5kcyBldmVudHMgb24gdGhlIGRvY3VtZW50IG9uIGVsZW1lbnQgaGlkZVxuICAgICAqL1xuICAgIHByb3RlY3RlZCBhYnN0cmFjdCB1bmJpbmREb2N1bWVudEV2ZW50cygpOiB2b2lkO1xuXG4gICAgLyoqXG4gICAgICogUmV0dXJucyB0cnVlIGlmIHRoZSBpZiB0aGUgcG9wb3ZlciBpcyBjdXJyZW50bHkgdmlzaWJsZS5cbiAgICAgKi9cbiAgICBnZXQgaXNWaXNpYmxlKCkge1xuICAgICAgICBjb25zdCBwb3BvdmVyRWxlbWVudCA9IHRoaXMucG9wb3ZlckVsZW1lbnQ7XG4gICAgICAgIHJldHVybiBwb3BvdmVyRWxlbWVudFxuICAgICAgICAgICAgPyBwb3BvdmVyRWxlbWVudC5jbGFzc0xpc3QuY29udGFpbnMoXCJpcy12aXNpYmxlXCIpXG4gICAgICAgICAgICA6IGZhbHNlO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEdldHMgd2hldGhlciB0aGUgZWxlbWVudCBpcyB2aXNpYmxlIGluIHRoZSBicm93c2VyJ3Mgdmlld3BvcnQuXG4gICAgICovXG4gICAgZ2V0IGlzSW5WaWV3cG9ydCgpIHtcbiAgICAgICAgY29uc3QgZWxlbWVudCA9IHRoaXMucG9wb3ZlckVsZW1lbnQ7XG4gICAgICAgIGlmICghdGhpcy5pc1Zpc2libGUgfHwgIWVsZW1lbnQpIHtcbiAgICAgICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIEZyb20gaHR0cHM6Ly9zdGFja292ZXJmbG93LmNvbS9hLzUzNTQ1MzYuICBUaGVvcmV0aWNhbGx5LCB0aGlzIGNvdWxkIGJlIGNhbGN1bGF0ZWQgdXNpbmcgUG9wcGVyJ3MgZGV0ZWN0T3ZlcmZsb3cgZnVuY3Rpb24sXG4gICAgICAgIC8vIGJ1dCBpdCdzIHVuY2xlYXIgaG93IHRvIGFjY2VzcyB0aGF0IHdpdGggb3VyIGN1cnJlbnQgY29uZmlndXJhdGlvbi5cblxuICAgICAgICBjb25zdCByZWN0ID0gZWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgICAgY29uc3Qgdmlld0hlaWdodCA9IE1hdGgubWF4KFxuICAgICAgICAgICAgZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LmNsaWVudEhlaWdodCxcbiAgICAgICAgICAgIHdpbmRvdy5pbm5lckhlaWdodFxuICAgICAgICApO1xuICAgICAgICBjb25zdCB2aWV3V2lkdGggPSBNYXRoLm1heChcbiAgICAgICAgICAgIGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5jbGllbnRXaWR0aCxcbiAgICAgICAgICAgIHdpbmRvdy5pbm5lcldpZHRoXG4gICAgICAgICk7XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIHJlY3QuYm90dG9tID4gMCAmJlxuICAgICAgICAgICAgcmVjdC50b3AgPCB2aWV3SGVpZ2h0ICYmXG4gICAgICAgICAgICByZWN0LnJpZ2h0ID4gMCAmJlxuICAgICAgICAgICAgcmVjdC5sZWZ0IDwgdmlld1dpZHRoXG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIGdldCBzaG91bGRIaWRlT25PdXRzaWRlQ2xpY2soKSB7XG4gICAgICAgIGNvbnN0IGhpZGVCZWhhdmlvciA9IDxPdXRzaWRlQ2xpY2tCZWhhdmlvcj4oXG4gICAgICAgICAgICB0aGlzLmRhdGEuZ2V0KFwiaGlkZS1vbi1vdXRzaWRlLWNsaWNrXCIpXG4gICAgICAgICk7XG4gICAgICAgIHN3aXRjaCAoaGlkZUJlaGF2aW9yKSB7XG4gICAgICAgICAgICBjYXNlIFwiYWZ0ZXItZGlzbWlzc2FsXCI6XG4gICAgICAgICAgICBjYXNlIFwibmV2ZXJcIjpcbiAgICAgICAgICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICAgICAgICBjYXNlIFwiaWYtaW4tdmlld3BvcnRcIjpcbiAgICAgICAgICAgICAgICByZXR1cm4gdGhpcy5pc0luVmlld3BvcnQ7XG4gICAgICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgICAgICAgIHJldHVybiB0cnVlO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogSW5pdGlhbGl6ZXMgYW5kIHZhbGlkYXRlcyBjb250cm9sbGVyIHZhcmlhYmxlc1xuICAgICAqL1xuICAgIGNvbm5lY3QoKSB7XG4gICAgICAgIHN1cGVyLmNvbm5lY3QoKTtcbiAgICAgICAgdGhpcy52YWxpZGF0ZSgpO1xuICAgICAgICBpZiAodGhpcy5pc1Zpc2libGUpIHtcbiAgICAgICAgICAgIC8vIGp1c3QgY2FsbCBpbml0aWFsaXplIGhlcmUsIG5vdCBzaG93LiBUaGlzIGtlZXBzIGFscmVhZHkgdmlzaWJsZSBwb3BvdmVycyBmcm9tIGFkZGluZy9maXJpbmcgZG9jdW1lbnQgZXZlbnRzXG4gICAgICAgICAgICB0aGlzLmluaXRpYWxpemVQb3BwZXIoKTtcbiAgICAgICAgfSBlbHNlIGlmICh0aGlzLmRhdGEuZ2V0KFwiYXV0by1zaG93XCIpID09PSBcInRydWVcIikge1xuICAgICAgICAgICAgdGhpcy5zaG93KG51bGwpO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5kYXRhLmRlbGV0ZShcImF1dG8tc2hvd1wiKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDbGVhbnMgdXAgcG9wcGVyLmpzIGVsZW1lbnRzIGFuZCBkaXNjb25uZWN0cyBhbGwgYWRkZWQgZXZlbnQgbGlzdGVuZXJzXG4gICAgICovXG4gICAgZGlzY29ubmVjdCgpIHtcbiAgICAgICAgdGhpcy5oaWRlKCk7XG4gICAgICAgIGlmICh0aGlzLnBvcHBlcikge1xuICAgICAgICAgICAgdGhpcy5wb3BwZXIuZGVzdHJveSgpO1xuICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lXG4gICAgICAgICAgICAvLyBAdHMtaWdub3JlIFRoZSBvcGVyYW5kIG9mIGEgJ2RlbGV0ZScgb3BlcmF0b3IgbXVzdCBiZSBvcHRpb25hbCAudHMoMjc5MClcbiAgICAgICAgICAgIGRlbGV0ZSB0aGlzLnBvcHBlcjtcbiAgICAgICAgfVxuICAgICAgICBzdXBlci5kaXNjb25uZWN0KCk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogVG9nZ2xlcyB0aGUgdmlzaWJpbGl0eSBvZiB0aGUgcG9wb3ZlclxuICAgICAqL1xuICAgIHRvZ2dsZShkaXNwYXRjaGVyOiBFdmVudCB8IEVsZW1lbnQgfCBudWxsID0gbnVsbCkge1xuICAgICAgICB0aGlzLmlzVmlzaWJsZSA/IHRoaXMuaGlkZShkaXNwYXRjaGVyKSA6IHRoaXMuc2hvdyhkaXNwYXRjaGVyKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBTaG93cyB0aGUgcG9wb3ZlciBpZiBub3QgYWxyZWFkeSB2aXNpYmxlXG4gICAgICovXG4gICAgc2hvdyhkaXNwYXRjaGVyOiBFdmVudCB8IEVsZW1lbnQgfCBudWxsID0gbnVsbCkge1xuICAgICAgICBpZiAodGhpcy5pc1Zpc2libGUpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IGRpc3BhdGNoZXJFbGVtZW50ID0gdGhpcy5nZXREaXNwYXRjaGVyKGRpc3BhdGNoZXIpO1xuXG4gICAgICAgIGlmIChcbiAgICAgICAgICAgIHRoaXMudHJpZ2dlckV2ZW50KFwic2hvd1wiLCB7XG4gICAgICAgICAgICAgICAgZGlzcGF0Y2hlcjogZGlzcGF0Y2hlckVsZW1lbnQsXG4gICAgICAgICAgICB9KS5kZWZhdWx0UHJldmVudGVkXG4gICAgICAgICkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKCF0aGlzLnBvcHBlcikge1xuICAgICAgICAgICAgdGhpcy5pbml0aWFsaXplUG9wcGVyKCk7XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLnBvcG92ZXJFbGVtZW50LmNsYXNzTGlzdC5hZGQoXCJpcy12aXNpYmxlXCIpO1xuXG4gICAgICAgIC8vIGVuc3VyZSB0aGUgcG9wcGVyIGhhcyBiZWVuIHBvc2l0aW9uZWQgY29ycmVjdGx5XG4gICAgICAgIHRoaXMuc2NoZWR1bGVVcGRhdGUoKTtcblxuICAgICAgICB0aGlzLnNob3duKGRpc3BhdGNoZXJFbGVtZW50KTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBIaWRlcyB0aGUgcG9wb3ZlciBpZiBub3QgYWxyZWFkeSBoaWRkZW5cbiAgICAgKi9cbiAgICBoaWRlKGRpc3BhdGNoZXI6IEV2ZW50IHwgRWxlbWVudCB8IG51bGwgPSBudWxsKSB7XG4gICAgICAgIGlmICghdGhpcy5pc1Zpc2libGUpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IGRpc3BhdGNoZXJFbGVtZW50ID0gdGhpcy5nZXREaXNwYXRjaGVyKGRpc3BhdGNoZXIpO1xuXG4gICAgICAgIGlmIChcbiAgICAgICAgICAgIHRoaXMudHJpZ2dlckV2ZW50KFwiaGlkZVwiLCB7XG4gICAgICAgICAgICAgICAgZGlzcGF0Y2hlcjogZGlzcGF0Y2hlckVsZW1lbnQsXG4gICAgICAgICAgICB9KS5kZWZhdWx0UHJldmVudGVkXG4gICAgICAgICkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5wb3BvdmVyRWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKFwiaXMtdmlzaWJsZVwiKTtcblxuICAgICAgICBpZiAodGhpcy5wb3BwZXIpIHtcbiAgICAgICAgICAgIC8vIGNvbXBsZXRlbHkgZGVzdHJveSB0aGUgcG9wcGVyIG9uIGhpZGU7IHRoaXMgaXMgaW4gbGluZSB3aXRoIFBvcHBlci5qcydzIHBlcmZvcm1hbmNlIHJlY29tbWVuZGF0aW9uc1xuICAgICAgICAgICAgdGhpcy5wb3BwZXIuZGVzdHJveSgpO1xuICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lXG4gICAgICAgICAgICAvLyBAdHMtaWdub3JlIFRoZSBvcGVyYW5kIG9mIGEgJ2RlbGV0ZScgb3BlcmF0b3IgbXVzdCBiZSBvcHRpb25hbCAudHMoMjc5MClcbiAgICAgICAgICAgIGRlbGV0ZSB0aGlzLnBvcHBlcjtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIG9uIGZpcnN0IGludGVyYWN0aW9uLCBoaWRlLW9uLW91dHNpZGUtY2xpY2sgd2l0aCB2YWx1ZSBcImFmdGVyLWRpc21pc3NhbFwiIHJldmVydHMgdG8gdGhlIGRlZmF1bHQgYmVoYXZpb3JcbiAgICAgICAgaWYgKFxuICAgICAgICAgICAgPE91dHNpZGVDbGlja0JlaGF2aW9yPnRoaXMuZGF0YS5nZXQoXCJoaWRlLW9uLW91dHNpZGUtY2xpY2tcIikgPT09XG4gICAgICAgICAgICBcImFmdGVyLWRpc21pc3NhbFwiXG4gICAgICAgICkge1xuICAgICAgICAgICAgdGhpcy5kYXRhLmRlbGV0ZShcImhpZGUtb24tb3V0c2lkZS1jbGlja1wiKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuaGlkZGVuKGRpc3BhdGNoZXJFbGVtZW50KTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBCaW5kcyBkb2N1bWVudCBldmVudHMgZm9yIHRoaXMgcG9wb3ZlciBhbmQgZmlyZXMgdGhlIHNob3duIGV2ZW50XG4gICAgICovXG4gICAgcHJvdGVjdGVkIHNob3duKGRpc3BhdGNoZXI6IEVsZW1lbnQgfCBudWxsID0gbnVsbCkge1xuICAgICAgICB0aGlzLmJpbmREb2N1bWVudEV2ZW50cygpO1xuICAgICAgICB0aGlzLnRyaWdnZXJFdmVudChcInNob3duXCIsIHtcbiAgICAgICAgICAgIGRpc3BhdGNoZXI6IGRpc3BhdGNoZXIsXG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFVuYmluZHMgZG9jdW1lbnQgZXZlbnRzIGZvciB0aGlzIHBvcG92ZXIgYW5kIGZpcmVzIHRoZSBoaWRkZW4gZXZlbnRcbiAgICAgKi9cbiAgICBwcm90ZWN0ZWQgaGlkZGVuKGRpc3BhdGNoZXI6IEVsZW1lbnQgfCBudWxsID0gbnVsbCkge1xuICAgICAgICB0aGlzLnVuYmluZERvY3VtZW50RXZlbnRzKCk7XG4gICAgICAgIHRoaXMudHJpZ2dlckV2ZW50KFwiaGlkZGVuXCIsIHtcbiAgICAgICAgICAgIGRpc3BhdGNoZXI6IGRpc3BhdGNoZXIsXG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEdlbmVyYXRlcyB0aGUgcG9wb3ZlciBpZiBub3QgZm91bmQgZHVyaW5nIGluaXRpYWxpemF0aW9uXG4gICAgICovXG4gICAgcHJvdGVjdGVkIGdlbmVyYXRlUG9wb3ZlcigpOiBIVE1MRWxlbWVudCB8IG51bGwge1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBJbml0aWFsaXplcyB0aGUgUG9wcGVyIGZvciB0aGlzIGluc3RhbmNlXG4gICAgICovXG4gICAgcHJpdmF0ZSBpbml0aWFsaXplUG9wcGVyKCkge1xuICAgICAgICB0aGlzLnBvcHBlciA9IGNyZWF0ZVBvcHBlcih0aGlzLnJlZmVyZW5jZUVsZW1lbnQsIHRoaXMucG9wb3ZlckVsZW1lbnQsIHtcbiAgICAgICAgICAgIHBsYWNlbWVudDogKHRoaXMuZGF0YS5nZXQoXCJwbGFjZW1lbnRcIikgYXMgUGxhY2VtZW50KSB8fCBcImJvdHRvbVwiLFxuICAgICAgICAgICAgbW9kaWZpZXJzOiBbXG4gICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICBuYW1lOiBcIm9mZnNldFwiLFxuICAgICAgICAgICAgICAgICAgICBvcHRpb25zOiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBvZmZzZXQ6IFswLCAxMF0sIC8vIFRoZSBlbnRpcmUgcG9wb3ZlciBzaG91bGQgYmUgMTBweCBhd2F5IGZyb20gdGhlIGVsZW1lbnRcbiAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgXSxcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogVmFsaWRhdGVzIHRoZSBwb3BvdmVyIHNldHRpbmdzIGFuZCBhdHRlbXB0cyB0byBzZXQgbmVjZXNzYXJ5IGludGVybmFsIHZhcmlhYmxlc1xuICAgICAqL1xuICAgIHByaXZhdGUgdmFsaWRhdGUoKSB7XG4gICAgICAgIGNvbnN0IHJlZmVyZW5jZVNlbGVjdG9yID0gdGhpcy5kYXRhLmdldChcInJlZmVyZW5jZS1zZWxlY3RvclwiKTtcblxuICAgICAgICB0aGlzLnJlZmVyZW5jZUVsZW1lbnQgPSA8SFRNTEVsZW1lbnQ+dGhpcy5lbGVtZW50O1xuXG4gICAgICAgIC8vIGlmIHRoZXJlIGlzIGFuIGFsdGVybmF0aXZlIHJlZmVyZW5jZSBzZWxlY3RvciBhbmQgdGhhdCBlbGVtZW50IGV4aXN0cywgdXNlIGl0IChhbmQgdGhyb3cgaWYgaXQgaXNuJ3QgZm91bmQpXG4gICAgICAgIGlmIChyZWZlcmVuY2VTZWxlY3Rvcikge1xuICAgICAgICAgICAgdGhpcy5yZWZlcmVuY2VFbGVtZW50ID0gPEhUTUxFbGVtZW50PihcbiAgICAgICAgICAgICAgICB0aGlzLmVsZW1lbnQucXVlcnlTZWxlY3RvcihyZWZlcmVuY2VTZWxlY3RvcilcbiAgICAgICAgICAgICk7XG5cbiAgICAgICAgICAgIGlmICghdGhpcy5yZWZlcmVuY2VFbGVtZW50KSB7XG4gICAgICAgICAgICAgICAgdGhyb3cgKFxuICAgICAgICAgICAgICAgICAgICBcIlVuYWJsZSB0byBmaW5kIGVsZW1lbnQgYnkgcmVmZXJlbmNlIHNlbGVjdG9yOiBcIiArXG4gICAgICAgICAgICAgICAgICAgIHJlZmVyZW5jZVNlbGVjdG9yXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IHBvcG92ZXJJZCA9IHRoaXMucmVmZXJlbmNlRWxlbWVudC5nZXRBdHRyaWJ1dGUoXG4gICAgICAgICAgICB0aGlzLnBvcG92ZXJTZWxlY3RvckF0dHJpYnV0ZVxuICAgICAgICApO1xuXG4gICAgICAgIGxldCBwb3BvdmVyRWxlbWVudDogSFRNTEVsZW1lbnQgfCBudWxsID0gbnVsbDtcblxuICAgICAgICAvLyBpZiB0aGUgcG9wb3ZlciBpcyBuYW1lZCwgYXR0ZW1wdCB0byBmZXRjaCBpdCAoYW5kIHRocm93IGFuIGVycm9yIGlmIGl0IGRvZXNuJ3QgZXhpc3QpXG4gICAgICAgIGlmIChwb3BvdmVySWQpIHtcbiAgICAgICAgICAgIHBvcG92ZXJFbGVtZW50ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQocG9wb3ZlcklkKTtcblxuICAgICAgICAgICAgaWYgKCFwb3BvdmVyRWxlbWVudCkge1xuICAgICAgICAgICAgICAgIHRocm93IGBbJHt0aGlzLnBvcG92ZXJTZWxlY3RvckF0dHJpYnV0ZX09XCJ7UE9QT1ZFUl9JRH1cIl0gcmVxdWlyZWRgO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIC8vIGlmIHRoZSBwb3BvdmVyIGlzbid0IG5hbWVkLCBhdHRlbXB0IHRvIGdlbmVyYXRlIGl0XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgcG9wb3ZlckVsZW1lbnQgPSB0aGlzLmdlbmVyYXRlUG9wb3ZlcigpO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKCFwb3BvdmVyRWxlbWVudCkge1xuICAgICAgICAgICAgdGhyb3cgXCJ1bmFibGUgdG8gZmluZCBvciBnZW5lcmF0ZSBwb3BvdmVyIGVsZW1lbnRcIjtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMucG9wb3ZlckVsZW1lbnQgPSBwb3BvdmVyRWxlbWVudDtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBEZXRlcm1pbmVzIHRoZSBjb3JyZWN0IGRpc3BhdGNoaW5nIGVsZW1lbnQgZnJvbSBhIHBvdGVudGlhbCBpbnB1dFxuICAgICAqIEBwYXJhbSBkaXNwYXRjaGVyIFRoZSBldmVudCBvciBlbGVtZW50IHRvIGdldCB0aGUgZGlzcGF0Y2hlciBmcm9tXG4gICAgICovXG4gICAgcHJvdGVjdGVkIGdldERpc3BhdGNoZXIoXG4gICAgICAgIGRpc3BhdGNoZXI6IEV2ZW50IHwgRWxlbWVudCB8IG51bGwgPSBudWxsXG4gICAgKTogRWxlbWVudCB7XG4gICAgICAgIGlmIChkaXNwYXRjaGVyIGluc3RhbmNlb2YgRXZlbnQpIHtcbiAgICAgICAgICAgIHJldHVybiA8RWxlbWVudD5kaXNwYXRjaGVyLnRhcmdldDtcbiAgICAgICAgfSBlbHNlIGlmIChkaXNwYXRjaGVyIGluc3RhbmNlb2YgRWxlbWVudCkge1xuICAgICAgICAgICAgcmV0dXJuIGRpc3BhdGNoZXI7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICByZXR1cm4gdGhpcy5lbGVtZW50O1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogU2NoZWR1bGVzIHRoZSBwb3BvdmVyIHRvIHVwZGF0ZSBvbiB0aGUgbmV4dCBhbmltYXRpb24gZnJhbWUgaWYgdmlzaWJsZVxuICAgICAqL1xuICAgIHByb3RlY3RlZCBzY2hlZHVsZVVwZGF0ZSgpIHtcbiAgICAgICAgaWYgKHRoaXMucG9wcGVyICYmIHRoaXMuaXNWaXNpYmxlKSB7XG4gICAgICAgICAgICB2b2lkIHRoaXMucG9wcGVyLnVwZGF0ZSgpO1xuICAgICAgICB9XG4gICAgfVxufVxuXG5leHBvcnQgY2xhc3MgUG9wb3ZlckNvbnRyb2xsZXIgZXh0ZW5kcyBCYXNlUG9wb3ZlckNvbnRyb2xsZXIge1xuICAgIHN0YXRpYyB0YXJnZXRzID0gW107XG5cbiAgICBwcm90ZWN0ZWQgcG9wb3ZlclNlbGVjdG9yQXR0cmlidXRlID0gXCJhcmlhLWNvbnRyb2xzXCI7XG5cbiAgICBwcml2YXRlIGJvdW5kSGlkZU9uT3V0c2lkZUNsaWNrITogKGV2ZW50OiBNb3VzZUV2ZW50KSA9PiB2b2lkO1xuICAgIHByaXZhdGUgYm91bmRIaWRlT25Fc2NhcGVQcmVzcyE6IChldmVudDogS2V5Ym9hcmRFdmVudCkgPT4gdm9pZDtcblxuICAgIC8qKlxuICAgICAqIFRvZ2dsZXMgb3B0aW9uYWwgY2xhc3NlcyBhbmQgYWNjZXNzaWJpbGl0eSBhdHRyaWJ1dGVzIGluIGFkZGl0aW9uIHRvIEJhc2VQb3BvdmVyQ29udHJvbGxlci5zaG93blxuICAgICAqL1xuICAgIHByb3RlY3RlZCBvdmVycmlkZSBzaG93bihkaXNwYXRjaGVyOiBFbGVtZW50IHwgbnVsbCA9IG51bGwpIHtcbiAgICAgICAgdGhpcy50b2dnbGVPcHRpb25hbENsYXNzZXModHJ1ZSk7XG4gICAgICAgIHRoaXMudG9nZ2xlQWNjZXNzaWJpbGl0eUF0dHJpYnV0ZXModHJ1ZSk7XG4gICAgICAgIHN1cGVyLnNob3duKGRpc3BhdGNoZXIpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFRvZ2dsZXMgb3B0aW9uYWwgY2xhc3NlcyBhbmQgYWNjZXNzaWJpbGl0eSBhdHRyaWJ1dGVzIGluIGFkZGl0aW9uIHRvIEJhc2VQb3BvdmVyQ29udHJvbGxlci5oaWRkZW5cbiAgICAgKi9cbiAgICBwcm90ZWN0ZWQgb3ZlcnJpZGUgaGlkZGVuKGRpc3BhdGNoZXI6IEVsZW1lbnQgfCBudWxsID0gbnVsbCkge1xuICAgICAgICB0aGlzLnRvZ2dsZU9wdGlvbmFsQ2xhc3NlcyhmYWxzZSk7XG4gICAgICAgIHRoaXMudG9nZ2xlQWNjZXNzaWJpbGl0eUF0dHJpYnV0ZXMoZmFsc2UpO1xuICAgICAgICBzdXBlci5oaWRkZW4oZGlzcGF0Y2hlcik7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogSW5pdGlhbGl6ZXMgYWNjZXNzaWJpbGl0eSBhdHRyaWJ1dGVzIGluIGFkZGl0aW9uIHRvIEJhc2VQb3BvdmVyQ29udHJvbGxlci5jb25uZWN0XG4gICAgICovXG4gICAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3QoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLmNvbm5lY3QoKTtcblxuICAgICAgICB0aGlzLnRvZ2dsZUFjY2Vzc2liaWxpdHlBdHRyaWJ1dGVzKCk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQmluZHMgZ2xvYmFsIGV2ZW50cyB0byB0aGUgZG9jdW1lbnQgZm9yIGhpZGluZyBwb3BvdmVycyBvbiB1c2VyIGludGVyYWN0aW9uXG4gICAgICovXG4gICAgcHJvdGVjdGVkIGJpbmREb2N1bWVudEV2ZW50cygpIHtcbiAgICAgICAgdGhpcy5ib3VuZEhpZGVPbk91dHNpZGVDbGljayA9XG4gICAgICAgICAgICB0aGlzLmJvdW5kSGlkZU9uT3V0c2lkZUNsaWNrIHx8IHRoaXMuaGlkZU9uT3V0c2lkZUNsaWNrLmJpbmQodGhpcyk7XG4gICAgICAgIHRoaXMuYm91bmRIaWRlT25Fc2NhcGVQcmVzcyA9XG4gICAgICAgICAgICB0aGlzLmJvdW5kSGlkZU9uRXNjYXBlUHJlc3MgfHwgdGhpcy5oaWRlT25Fc2NhcGVQcmVzcy5iaW5kKHRoaXMpO1xuXG4gICAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoXCJtb3VzZWRvd25cIiwgdGhpcy5ib3VuZEhpZGVPbk91dHNpZGVDbGljayk7XG4gICAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoXCJrZXl1cFwiLCB0aGlzLmJvdW5kSGlkZU9uRXNjYXBlUHJlc3MpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFVuYmluZHMgZ2xvYmFsIGV2ZW50cyB0byB0aGUgZG9jdW1lbnQgZm9yIGhpZGluZyBwb3BvdmVycyBvbiB1c2VyIGludGVyYWN0aW9uXG4gICAgICovXG4gICAgcHJvdGVjdGVkIHVuYmluZERvY3VtZW50RXZlbnRzKCkge1xuICAgICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKFwibW91c2Vkb3duXCIsIHRoaXMuYm91bmRIaWRlT25PdXRzaWRlQ2xpY2spO1xuICAgICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKFwia2V5dXBcIiwgdGhpcy5ib3VuZEhpZGVPbkVzY2FwZVByZXNzKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBGb3JjZXMgdGhlIHBvcG92ZXIgdG8gaGlkZSBpZiBhIHVzZXIgY2xpY2tzIG91dHNpZGUgb2YgaXQgb3IgaXRzIHJlZmVyZW5jZSBlbGVtZW50XG4gICAgICogQHBhcmFtIHtFdmVudH0gZSAtIFRoZSBkb2N1bWVudCBjbGljayBldmVudFxuICAgICAqL1xuICAgIHByaXZhdGUgaGlkZU9uT3V0c2lkZUNsaWNrKGU6IE1vdXNlRXZlbnQpIHtcbiAgICAgICAgY29uc3QgdGFyZ2V0ID0gPE5vZGU+ZS50YXJnZXQ7XG4gICAgICAgIC8vIGNoZWNrIGlmIHRoZSBkb2N1bWVudCB3YXMgY2xpY2tlZCBpbnNpZGUgZWl0aGVyIHRoZSByZWZlcmVuY2UgZWxlbWVudCBvciB0aGUgcG9wb3ZlciBpdHNlbGZcbiAgICAgICAgLy8gbm90ZTogLmNvbnRhaW5zIGFsc28gcmV0dXJucyB0cnVlIGlmIHRoZSBub2RlIGl0c2VsZiBtYXRjaGVzIHRoZSB0YXJnZXQgZWxlbWVudFxuICAgICAgICBpZiAoXG4gICAgICAgICAgICB0aGlzLnNob3VsZEhpZGVPbk91dHNpZGVDbGljayAmJlxuICAgICAgICAgICAgIXRoaXMucmVmZXJlbmNlRWxlbWVudC5jb250YWlucyh0YXJnZXQpICYmXG4gICAgICAgICAgICAhdGhpcy5wb3BvdmVyRWxlbWVudC5jb250YWlucyh0YXJnZXQpICYmXG4gICAgICAgICAgICBkb2N1bWVudC5ib2R5LmNvbnRhaW5zKHRhcmdldClcbiAgICAgICAgKSB7XG4gICAgICAgICAgICB0aGlzLmhpZGUoZSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBGb3JjZXMgdGhlIHBvcG92ZXIgdG8gaGlkZSBpZiB0aGUgdXNlciBwcmVzc2VzIGVzY2FwZSB3aGlsZSBpdCwgb25lIG9mIGl0cyBjaGlsZGVuLCBvciB0aGUgcmVmZXJlbmNlIGVsZW1lbnQgYXJlIGZvY3VzZWRcbiAgICAgKiBAcGFyYW0ge0V2ZW50fSBlIC0gVGhlIGRvY3VtZW50IGtleXVwIGV2ZW50XG4gICAgICovXG4gICAgcHJpdmF0ZSBoaWRlT25Fc2NhcGVQcmVzcyhlOiBLZXlib2FyZEV2ZW50KSB7XG4gICAgICAgIC8vIGlmIHRoZSBFU0Mga2V5ICgyNykgd2Fzbid0IHByZXNzZWQgb3IgaWYgbm8gcG9wb3ZlcnMgYXJlIHNob3dpbmcsIHJldHVyblxuICAgICAgICBpZiAoZS53aGljaCAhPT0gMjcgfHwgIXRoaXMuaXNWaXNpYmxlKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICAvLyBjaGVjayBpZiB0aGUgdGFyZ2V0IHdhcyBpbnNpZGUgdGhlIHBvcG92ZXIgZWxlbWVudCBhbmQgcmVmb2N1cyB0aGUgdHJpZ2dlcmluZyBlbGVtZW50XG4gICAgICAgIC8vIG5vdGU6IC5jb250YWlucyBhbHNvIHJldHVybnMgdHJ1ZSBpZiB0aGUgbm9kZSBpdHNlbGYgbWF0Y2hlcyB0aGUgdGFyZ2V0IGVsZW1lbnRcbiAgICAgICAgaWYgKHRoaXMucG9wb3ZlckVsZW1lbnQuY29udGFpbnMoPE5vZGU+ZS50YXJnZXQpKSB7XG4gICAgICAgICAgICB0aGlzLnJlZmVyZW5jZUVsZW1lbnQuZm9jdXMoKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuaGlkZShlKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBUb2dnbGVzIGFsbCBjbGFzc2VzIG9uIHRoZSBvcmlnaW5hdGluZyBlbGVtZW50IGJhc2VkIG9uIHRoZSBgY2xhc3MtdG9nZ2xlYCBkYXRhXG4gICAgICogQHBhcmFtIHtib29sZWFuPX0gc2hvdyAtIEEgYm9vbGVhbiBpbmRpY2F0aW5nIHdoZXRoZXIgdGhpcyBpcyBiZWluZyB0cmlnZ2VyZWQgYnkgYSBzaG93IG9yIGhpZGUuXG4gICAgICovXG4gICAgcHJpdmF0ZSB0b2dnbGVPcHRpb25hbENsYXNzZXMoc2hvdz86IGJvb2xlYW4pIHtcbiAgICAgICAgaWYgKCF0aGlzLmRhdGEuaGFzKFwidG9nZ2xlLWNsYXNzXCIpKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCB0b2dnbGVDbGFzcyA9IHRoaXMuZGF0YS5nZXQoXCJ0b2dnbGUtY2xhc3NcIikgfHwgXCJcIjtcbiAgICAgICAgY29uc3QgY2wgPSB0aGlzLnJlZmVyZW5jZUVsZW1lbnQuY2xhc3NMaXN0O1xuICAgICAgICB0b2dnbGVDbGFzcy5zcGxpdCgvXFxzKy8pLmZvckVhY2goZnVuY3Rpb24gKGNsczogc3RyaW5nKSB7XG4gICAgICAgICAgICBjbC50b2dnbGUoY2xzLCBzaG93KTtcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogVG9nZ2xlcyBhY2Nlc3NpYmlsaXR5IGF0dHJpYnV0ZXMgYmFzZWQgb24gd2hldGhlciB0aGUgcG9wb3ZlciBpcyBzaG93biBvciBub3RcbiAgICAgKiBAcGFyYW0ge2Jvb2xlYW49fSBzaG93IC0gQSBib29sZWFuIGluZGljYXRpbmcgd2hldGhlciB0aGlzIGlzIGJlaW5nIHRyaWdnZXJlZCBieSBhIHNob3cgb3IgaGlkZS5cbiAgICAgKi9cbiAgICBwcml2YXRlIHRvZ2dsZUFjY2Vzc2liaWxpdHlBdHRyaWJ1dGVzKHNob3c/OiBib29sZWFuKSB7XG4gICAgICAgIGNvbnN0IGV4cGFuZGVkVmFsdWUgPVxuICAgICAgICAgICAgc2hvdz8udG9TdHJpbmcoKSB8fCB0aGlzLnJlZmVyZW5jZUVsZW1lbnQuYXJpYUV4cGFuZGVkIHx8IFwiZmFsc2VcIjtcbiAgICAgICAgdGhpcy5yZWZlcmVuY2VFbGVtZW50LmFyaWFFeHBhbmRlZCA9IGV4cGFuZGVkVmFsdWU7XG4gICAgICAgIHRoaXMucmVmZXJlbmNlRWxlbWVudC5zZXRBdHRyaWJ1dGUoXCJhcmlhLWV4cGFuZGVkXCIsIGV4cGFuZGVkVmFsdWUpO1xuICAgIH1cbn1cblxuLyoqXG4gKiBIZWxwZXIgdG8gbWFudWFsbHkgc2hvdyBhbiBzLXBvcG92ZXIgZWxlbWVudCB2aWEgZXh0ZXJuYWwgSlNcbiAqIEBwYXJhbSBlbGVtZW50IHRoZSBlbGVtZW50IHRoZSBgZGF0YS1jb250cm9sbGVyPVwicy1wb3BvdmVyXCJgIGF0dHJpYnV0ZSBpcyBvblxuICovXG5leHBvcnQgZnVuY3Rpb24gc2hvd1BvcG92ZXIoZWxlbWVudDogSFRNTEVsZW1lbnQpIHtcbiAgICBjb25zdCB7IGlzUG9wb3ZlciwgY29udHJvbGxlciB9ID0gZ2V0UG9wb3ZlcihlbGVtZW50KTtcbiAgICBpZiAoY29udHJvbGxlcikge1xuICAgICAgICBjb250cm9sbGVyLnNob3coKTtcbiAgICB9IGVsc2UgaWYgKGlzUG9wb3Zlcikge1xuICAgICAgICBlbGVtZW50LnNldEF0dHJpYnV0ZShcImRhdGEtcy1wb3BvdmVyLWF1dG8tc2hvd1wiLCBcInRydWVcIik7XG4gICAgfSBlbHNlIHtcbiAgICAgICAgdGhyb3cgYGVsZW1lbnQgZG9lcyBub3QgaGF2ZSBkYXRhLWNvbnRyb2xsZXI9XCJzLXBvcG92ZXJcImA7XG4gICAgfVxufVxuXG4vKipcbiAqIEhlbHBlciB0byBtYW51YWxseSBoaWRlIGFuIHMtcG9wb3ZlciBlbGVtZW50IHZpYSBleHRlcm5hbCBKU1xuICogQHBhcmFtIGVsZW1lbnQgdGhlIGVsZW1lbnQgdGhlIGBkYXRhLWNvbnRyb2xsZXI9XCJzLXBvcG92ZXJcImAgYXR0cmlidXRlIGlzIG9uXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBoaWRlUG9wb3ZlcihlbGVtZW50OiBFbGVtZW50KSB7XG4gICAgY29uc3QgeyBpc1BvcG92ZXIsIGNvbnRyb2xsZXIsIHBvcG92ZXIgfSA9IGdldFBvcG92ZXIoZWxlbWVudCk7XG5cbiAgICBpZiAoY29udHJvbGxlcikge1xuICAgICAgICBjb250cm9sbGVyLmhpZGUoKTtcbiAgICB9IGVsc2UgaWYgKGlzUG9wb3Zlcikge1xuICAgICAgICBlbGVtZW50LnJlbW92ZUF0dHJpYnV0ZShcImRhdGEtcy1wb3BvdmVyLWF1dG8tc2hvd1wiKTtcbiAgICAgICAgaWYgKHBvcG92ZXIpIHtcbiAgICAgICAgICAgIHBvcG92ZXIuY2xhc3NMaXN0LnJlbW92ZShcImlzLXZpc2libGVcIik7XG4gICAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgICB0aHJvdyBgZWxlbWVudCBkb2VzIG5vdCBoYXZlIGRhdGEtY29udHJvbGxlcj1cInMtcG9wb3ZlclwiYDtcbiAgICB9XG59XG5cbi8qKlxuICogT3B0aW9ucyB0byB1c2Ugd2hlbiBhdHRhY2hpbmcgYSBwb3BvdmVyIHZpYSBgU3RhY2tzLmF0dGFjaFBvcG92ZXJgLlxuICogQHNlZSBTdGFja3MuYXR0YWNoUG9wb3ZlclxuICovXG5leHBvcnQgaW50ZXJmYWNlIFBvcG92ZXJPcHRpb25zIHtcbiAgICAvKipcbiAgICAgKiBXaGVuIHRydWUsIHRoZSBgY2xpY2stPnMtcG9wb3ZlciN0b2dnbGVgIGFjdGlvbiB3aWxsIGJlIGF0dGFjaGVkIHRvIHRoZSBjb250cm9sbGVyIGVsZW1lbnQgb3IgcmVmZXJlbmNlIGVsZW1lbnQuXG4gICAgICovXG4gICAgdG9nZ2xlT25DbGljaz86IGJvb2xlYW47XG4gICAgLyoqXG4gICAgICogV2hlbiBzZXQsIGBkYXRhLXMtcG9wb3Zlci1wbGFjZW1lbnRgIHdpbGwgYmUgc2V0IHRvIHRoaXMgdmFsdWUgb24gdGhlIGNvbnRyb2xsZXIgZWxlbWVudC5cbiAgICAgKi9cbiAgICBwbGFjZW1lbnQ/OiBzdHJpbmc7XG5cbiAgICAvKipcbiAgICAgKiBXaGVuIHRydWUsIHRoZSBwb3BvdmVyIHdpbGwgYXBwZWFyIGltbWVkaWF0ZWx5IHdoZW4gdGhlIGNvbnRyb2xsZXIgY29ubmVjdHMuXG4gICAgICovXG4gICAgYXV0b1Nob3c/OiBib29sZWFuO1xufVxuXG4vKipcbiAqIEF0dGFjaGVzIGEgcG9wb3ZlciB0byBhbiBlbGVtZW50IGFuZCBwZXJmb3JtcyBhZGRpdGlvbmFsIGNvbmZpZ3VyYXRpb24uXG4gKiBAcGFyYW0gZWxlbWVudCB0aGUgZWxlbWVudCB0aGF0IHdpbGwgcmVjZWl2ZSB0aGUgYGRhdGEtY29udHJvbGxlcj1cInMtcG9wb3ZlclwiYCBhdHRyaWJ1dGUuXG4gKiBAcGFyYW0gcG9wb3ZlciBhbiBlbGVtZW50IHdpdGggdGhlIGAucy1wb3BvdmVyYCBjbGFzcyBvciBIVE1MIHN0cmluZyBjb250YWluaW5nIGEgc2luZ2xlIGVsZW1lbnQgd2l0aCB0aGUgYC5zLXBvcG92ZXJgIGNsYXNzLlxuICogICAgICAgICAgICAgICAgSWYgdGhlIHBvcG92ZXIgZG9lcyBub3QgaGF2ZSBhIHBhcmVudCBlbGVtZW50LCBpdCB3aWxsIGJlIGluc2VydGVkIGFzIGEgaW1tZWRpYXRlbHkgYWZ0ZXIgdGhlIHJlZmVyZW5jZSBlbGVtZW50LlxuICogQHBhcmFtIG9wdGlvbnMgYW4gb3B0aW9uYWwgY29sbGVjdGlvbiBvZiBvcHRpb25zIHRvIHVzZSB3aGVuIGNvbmZpZ3VyaW5nIHRoZSBwb3BvdmVyLlxuICovXG5leHBvcnQgZnVuY3Rpb24gYXR0YWNoUG9wb3ZlcihcbiAgICBlbGVtZW50OiBFbGVtZW50LFxuICAgIHBvcG92ZXI6IEVsZW1lbnQgfCBzdHJpbmcsXG4gICAgb3B0aW9ucz86IFBvcG92ZXJPcHRpb25zXG4pIHtcbiAgICBjb25zdCB7IHJlZmVyZW5jZUVsZW1lbnQsIHBvcG92ZXI6IGV4aXN0aW5nUG9wb3ZlciB9ID0gZ2V0UG9wb3ZlcihlbGVtZW50KTtcblxuICAgIGlmIChleGlzdGluZ1BvcG92ZXIpIHtcbiAgICAgICAgdGhyb3cgYGVsZW1lbnQgYWxyZWFkeSBoYXMgcG9wb3ZlciB3aXRoIGlkPVwiJHtleGlzdGluZ1BvcG92ZXIuaWR9XCJgO1xuICAgIH1cblxuICAgIGlmICghcmVmZXJlbmNlRWxlbWVudCkge1xuICAgICAgICB0aHJvdyBgZWxlbWVudCBoYXMgaW52YWxpZCBkYXRhLXMtcG9wb3Zlci1yZWZlcmVuY2Utc2VsZWN0b3IgYXR0cmlidXRlYDtcbiAgICB9XG5cbiAgICBpZiAodHlwZW9mIHBvcG92ZXIgPT09IFwic3RyaW5nXCIpIHtcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXVuc2FuaXRpemVkL21ldGhvZFxuICAgICAgICBjb25zdCBlbGVtZW50cyA9IGRvY3VtZW50XG4gICAgICAgICAgICAuY3JlYXRlUmFuZ2UoKVxuICAgICAgICAgICAgLmNyZWF0ZUNvbnRleHR1YWxGcmFnbWVudChwb3BvdmVyKS5jaGlsZHJlbjtcbiAgICAgICAgaWYgKGVsZW1lbnRzLmxlbmd0aCAhPT0gMSkge1xuICAgICAgICAgICAgdGhyb3cgXCJwb3BvdmVyIHNob3VsZCBjb250YWluIGEgc2luZ2xlIGVsZW1lbnRcIjtcbiAgICAgICAgfVxuICAgICAgICBwb3BvdmVyID0gZWxlbWVudHNbMF07XG4gICAgfVxuXG4gICAgY29uc3QgZXhpc3RpbmdJZCA9IHJlZmVyZW5jZUVsZW1lbnQuZ2V0QXR0cmlidXRlKFwiYXJpYS1jb250cm9sc1wiKTtcbiAgICBsZXQgcG9wb3ZlcklkID0gcG9wb3Zlci5pZDtcblxuICAgIGlmICghcG9wb3Zlci5jbGFzc0xpc3QuY29udGFpbnMoXCJzLXBvcG92ZXJcIikpIHtcbiAgICAgICAgdGhyb3cgYHBvcG92ZXIgc2hvdWxkIGhhdmUgdGhlIFwicy1wb3BvdmVyXCIgY2xhc3MgYnV0IGhhZCBjbGFzcz1cIiR7cG9wb3Zlci5jbGFzc05hbWV9XCJgO1xuICAgIH1cblxuICAgIGlmIChleGlzdGluZ0lkICYmIGV4aXN0aW5nSWQgIT09IHBvcG92ZXJJZCkge1xuICAgICAgICB0aHJvdyBgZWxlbWVudCBoYXMgYXJpYS1jb250cm9scz1cIiR7ZXhpc3RpbmdJZH1cIiBidXQgcG9wb3ZlciBoYXMgaWQ9XCIke3BvcG92ZXJJZH1cImA7XG4gICAgfVxuXG4gICAgaWYgKCFwb3BvdmVySWQpIHtcbiAgICAgICAgcG9wb3ZlcklkID1cbiAgICAgICAgICAgIFwiLS1zdGFja3Mtcy1wb3BvdmVyLVwiICsgTWF0aC5yYW5kb20oKS50b1N0cmluZygzNikuc3Vic3RyaW5nKDIsIDEwKTtcbiAgICAgICAgcG9wb3Zlci5pZCA9IHBvcG92ZXJJZDtcbiAgICB9XG5cbiAgICBpZiAoIWV4aXN0aW5nSWQpIHtcbiAgICAgICAgcmVmZXJlbmNlRWxlbWVudC5zZXRBdHRyaWJ1dGUoXCJhcmlhLWNvbnRyb2xzXCIsIHBvcG92ZXJJZCk7XG4gICAgfVxuXG4gICAgaWYgKCFwb3BvdmVyLnBhcmVudEVsZW1lbnQgJiYgZWxlbWVudC5wYXJlbnRFbGVtZW50KSB7XG4gICAgICAgIHJlZmVyZW5jZUVsZW1lbnQuaW5zZXJ0QWRqYWNlbnRFbGVtZW50KFwiYWZ0ZXJlbmRcIiwgcG9wb3Zlcik7XG4gICAgfVxuXG4gICAgdG9nZ2xlQ29udHJvbGxlcihlbGVtZW50LCBcInMtcG9wb3ZlclwiLCB0cnVlKTtcblxuICAgIGlmIChvcHRpb25zKSB7XG4gICAgICAgIGlmIChvcHRpb25zLnRvZ2dsZU9uQ2xpY2spIHtcbiAgICAgICAgICAgIHJlZmVyZW5jZUVsZW1lbnQuc2V0QXR0cmlidXRlKFxuICAgICAgICAgICAgICAgIFwiZGF0YS1hY3Rpb25cIixcbiAgICAgICAgICAgICAgICBcImNsaWNrLT5zLXBvcG92ZXIjdG9nZ2xlXCJcbiAgICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKG9wdGlvbnMucGxhY2VtZW50KSB7XG4gICAgICAgICAgICBlbGVtZW50LnNldEF0dHJpYnV0ZShcImRhdGEtcy1wb3BvdmVyLXBsYWNlbWVudFwiLCBvcHRpb25zLnBsYWNlbWVudCk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKG9wdGlvbnMuYXV0b1Nob3cpIHtcbiAgICAgICAgICAgIGVsZW1lbnQuc2V0QXR0cmlidXRlKFwiZGF0YS1zLXBvcG92ZXItYXV0by1zaG93XCIsIFwidHJ1ZVwiKTtcbiAgICAgICAgfVxuICAgIH1cbn1cblxuLyoqXG4gKiBSZW1vdmVzIHRoZSBwb3BvdmVyIGNvbnRyb2xsZXIgZnJvbSBhbiBlbGVtZW50IGFuZCByZW1vdmVzIHRoZSBwb3BvdmVyIGZyb20gdGhlIERPTS5cbiAqIEBwYXJhbSBlbGVtZW50IHRoZSBlbGVtZW50IHRoYXQgaGFzIHRoZSBgZGF0YS1jb250cm9sbGVyPVwicy1wb3BvdmVyXCJgIGF0dHJpYnV0ZS5cbiAqIEByZXR1cm5zIFRoZSBwb3BvdmVyIHRoYXQgd2FzIGF0dGFjaGVkIHRvIHRoZSBlbGVtZW50LlxuICovXG5leHBvcnQgZnVuY3Rpb24gZGV0YWNoUG9wb3ZlcihlbGVtZW50OiBFbGVtZW50KSB7XG4gICAgY29uc3QgeyBpc1BvcG92ZXIsIGNvbnRyb2xsZXIsIHJlZmVyZW5jZUVsZW1lbnQsIHBvcG92ZXIgfSA9XG4gICAgICAgIGdldFBvcG92ZXIoZWxlbWVudCk7XG5cbiAgICAvLyBIaWRlIHRoZSBwb3BvdmVyIHNvIGl0cyBldmVudHMgZmlyZS5cbiAgICBjb250cm9sbGVyPy5oaWRlKCk7XG5cbiAgICAvLyBSZW1vdmUgdGhlIHBvcG92ZXIgaWYgaXQgZXhpc3RzXG4gICAgcG9wb3Zlcj8ucmVtb3ZlKCk7XG5cbiAgICAvLyBSZW1vdmUgdGhlIHBvcG92ZXIgY29udHJvbGxlciBhbmQgdGhlIGFyaWEtY29udHJvbHMgYXR0cmlidXRlcy5cbiAgICBpZiAoaXNQb3BvdmVyKSB7XG4gICAgICAgIHRvZ2dsZUNvbnRyb2xsZXIoZWxlbWVudCwgXCJzLXBvcG92ZXJcIiwgZmFsc2UpO1xuICAgICAgICBpZiAocmVmZXJlbmNlRWxlbWVudCkge1xuICAgICAgICAgICAgcmVmZXJlbmNlRWxlbWVudC5yZW1vdmVBdHRyaWJ1dGUoXCJhcmlhLWNvbnRyb2xzXCIpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcmV0dXJuIHBvcG92ZXI7XG59XG5cbmludGVyZmFjZSBHZXRQb3BvdmVyUmVzdWx0IHtcbiAgICAvKiogaW5kaWNhdGVzIHdoZXRoZXIgb3Igbm90IHRoZSBlbGVtZW50IGhhcyBzLXBvcG92ZXIgaW4gaXRzIGBkYXRhLWNvbnRyb2xsZXJgIGNsYXNzICovXG4gICAgaXNQb3BvdmVyOiBib29sZWFuO1xuICAgIC8qKiBlbGVtZW50J3MgZXhpc3RpbmcgYFBvcG92ZXJDb250cm9sbGVyYCBvciBudWxsIGl0IGl0IGhhcyBub3QgYmVlbiBjb25maWd1cmVkIHlldCAqL1xuICAgIGNvbnRyb2xsZXI6IFBvcG92ZXJDb250cm9sbGVyIHwgbnVsbDtcbiAgICAvKiogcG9wb3ZlcidzIHJlZmVyZW5jZSBlbGVtZW50IGFzIHdvdWxkIGxpdmUgaW4gYHJlZmVyZW5jZVNlbGVjdG9yYCBvciBudWxsIGlmIGludmFsaWQgKi9cbiAgICByZWZlcmVuY2VFbGVtZW50OiBFbGVtZW50IHwgbnVsbDtcbiAgICAvKiogcG9wb3ZlciBjdXJyZW50bHkgYXNzb2NpYXRlZCB3aXRoIHRoZSBjb250cm9sbGVyLCBvciBudWxsIGlmIG9uZSBkb2VzIG5vdCBleGlzdCBpbiB0aGUgRE9NICovXG4gICAgcG9wb3ZlcjogSFRNTEVsZW1lbnQgfCBudWxsO1xufVxuXG4vKipcbiAqIEdldHMgdGhlIGN1cnJlbnQgc3RhdGUgb2YgYW4gZWxlbWVudCB0aGF0IG1heSBiZSBvciBpcyBpbnRlbmRlZCB0byBiZSBhbiBzLXBvcG92ZXIgY29udHJvbGxlclxuICogc28gaXQgY2FuIGJlIGNvbmZpZ3VyZWQgZWl0aGVyIGRpcmVjdGx5IG9yIHZpYSB0aGUgRE9NLlxuICogQHBhcmFtIGVsZW1lbnQgQW4gZWxlbWVudCB0aGF0IG1heSBoYXZlIGBkYXRhLWNvbnRyb2xsZXI9XCJzLXBvcG92ZXJcImAuXG4gKi9cbmZ1bmN0aW9uIGdldFBvcG92ZXIoZWxlbWVudDogRWxlbWVudCk6IEdldFBvcG92ZXJSZXN1bHQge1xuICAgIGNvbnN0IGlzUG9wb3ZlciA9XG4gICAgICAgIGVsZW1lbnQuZ2V0QXR0cmlidXRlKFwiZGF0YS1jb250cm9sbGVyXCIpPy5pbmNsdWRlcyhcInMtcG9wb3ZlclwiKSB8fCBmYWxzZTtcbiAgICBjb25zdCBjb250cm9sbGVyID0gU3RhY2tzLmFwcGxpY2F0aW9uLmdldENvbnRyb2xsZXJGb3JFbGVtZW50QW5kSWRlbnRpZmllcihcbiAgICAgICAgZWxlbWVudCxcbiAgICAgICAgXCJzLXBvcG92ZXJcIlxuICAgICkgYXMgUG9wb3ZlckNvbnRyb2xsZXI7XG4gICAgY29uc3QgcmVmZXJlbmNlU2VsZWN0b3IgPSBlbGVtZW50LmdldEF0dHJpYnV0ZShcbiAgICAgICAgXCJkYXRhLXMtcG9wb3Zlci1yZWZlcmVuY2Utc2VsZWN0b3JcIlxuICAgICk7XG4gICAgY29uc3QgcmVmZXJlbmNlRWxlbWVudCA9IHJlZmVyZW5jZVNlbGVjdG9yXG4gICAgICAgID8gZWxlbWVudC5xdWVyeVNlbGVjdG9yKHJlZmVyZW5jZVNlbGVjdG9yKVxuICAgICAgICA6IGVsZW1lbnQ7XG4gICAgY29uc3QgcG9wb3ZlcklkID0gcmVmZXJlbmNlRWxlbWVudFxuICAgICAgICA/IHJlZmVyZW5jZUVsZW1lbnQuZ2V0QXR0cmlidXRlKFwiYXJpYS1jb250cm9sc1wiKVxuICAgICAgICA6IG51bGw7XG4gICAgY29uc3QgcG9wb3ZlciA9IHBvcG92ZXJJZCA/IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKHBvcG92ZXJJZCkgOiBudWxsO1xuICAgIHJldHVybiB7IGlzUG9wb3ZlciwgY29udHJvbGxlciwgcmVmZXJlbmNlRWxlbWVudCwgcG9wb3ZlciB9O1xufVxuXG4vKipcbiAqIEFkZHMgb3IgcmVtb3ZlcyB0aGUgY29udHJvbGxlciBmcm9tIGFuIGVsZW1lbnQncyBbZGF0YS1jb250cm9sbGVyXSBhdHRyaWJ1dGUgd2l0aG91dCBhbHRlcmluZyBleGlzdGluZyBlbnRyaWVzXG4gKiBAcGFyYW0gZWwgVGhlIGVsZW1lbnQgdG8gYWx0ZXJcbiAqIEBwYXJhbSBjb250cm9sbGVyTmFtZSBUaGUgbmFtZSBvZiB0aGUgY29udHJvbGxlciB0byBhZGQvcmVtb3ZlXG4gKiBAcGFyYW0gaW5jbHVkZSBXaGV0aGVyIHRvIGFkZCB0aGUgY29udHJvbGxlck5hbWUgdmFsdWVcbiAqL1xuZnVuY3Rpb24gdG9nZ2xlQ29udHJvbGxlcihcbiAgICBlbDogRWxlbWVudCxcbiAgICBjb250cm9sbGVyTmFtZTogc3RyaW5nLFxuICAgIGluY2x1ZGU6IGJvb2xlYW5cbikge1xuICAgIGNvbnN0IGNvbnRyb2xsZXJzID0gbmV3IFNldChcbiAgICAgICAgZWwuZ2V0QXR0cmlidXRlKFwiZGF0YS1jb250cm9sbGVyXCIpPy5zcGxpdCgvXFxzKy8pXG4gICAgKTtcbiAgICBpZiAoaW5jbHVkZSkge1xuICAgICAgICBjb250cm9sbGVycy5hZGQoY29udHJvbGxlck5hbWUpO1xuICAgIH0gZWxzZSB7XG4gICAgICAgIGNvbnRyb2xsZXJzLmRlbGV0ZShjb250cm9sbGVyTmFtZSk7XG4gICAgfVxuICAgIGVsLnNldEF0dHJpYnV0ZShcImRhdGEtY29udHJvbGxlclwiLCBBcnJheS5mcm9tKGNvbnRyb2xsZXJzKS5qb2luKFwiIFwiKSk7XG59XG4iLCJpbXBvcnQgKiBhcyBTdGFja3MgZnJvbSBcIi4uLy4uL3N0YWNrc1wiO1xuaW1wb3J0IHsgQmFzZVBvcG92ZXJDb250cm9sbGVyLCBQb3BvdmVyQ29udHJvbGxlciB9IGZyb20gXCIuL3BvcG92ZXJcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUb29sdGlwT3B0aW9ucyB7XG4gICAgcGxhY2VtZW50OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjbGFzcyBUb29sdGlwQ29udHJvbGxlciBleHRlbmRzIEJhc2VQb3BvdmVyQ29udHJvbGxlciB7XG4gICAgc3RhdGljIHRhcmdldHMgPSBbXTtcblxuICAgIHByb3RlY3RlZCBwb3BvdmVyU2VsZWN0b3JBdHRyaWJ1dGUgPSBcImFyaWEtZGVzY3JpYmVkYnlcIjtcblxuICAgIHByaXZhdGUgYm91bmRTY2hlZHVsZVNob3chOiAoKSA9PiB2b2lkO1xuICAgIHByaXZhdGUgYm91bmRIaWRlITogKCkgPT4gdm9pZDtcbiAgICBwcml2YXRlIGJvdW5kSGlkZUlmV2l0aGluITogKCkgPT4gdm9pZDtcbiAgICBwcml2YXRlIGJvdW5kSGlkZU9uRXNjYXBlS2V5RXZlbnQhOiAoKSA9PiB2b2lkO1xuICAgIHByaXZhdGUgYm91bmRIaWRlSWZOb3RGb2N1c2VkITogKCkgPT4gdm9pZDtcbiAgICBwcml2YXRlIGJvdW5kQ2xlYXJBY3RpdmVUaW1lb3V0ITogKCkgPT4gdm9pZDtcbiAgICBwcml2YXRlIGFjdGl2ZVRpbWVvdXQhOiBudW1iZXI7XG5cbiAgICAvKipcbiAgICAgKiBCaW5kcyBtb3VzZW92ZXIgYW5kIG1vdXNlb3V0IGV2ZW50cyBpbiBhZGRpdGlvbiB0byBCYXNlUG9wb3ZlckNvbnRyb2xsZXIuY29ubmVjdFxuICAgICAqL1xuICAgIGNvbm5lY3QoKSB7XG4gICAgICAgIHN1cGVyLmNvbm5lY3QoKTtcblxuICAgICAgICAvLyBPbmx5IGJpbmQgdG8gbW91c2UgZXZlbnRzIGlmIHRoZSBwb2ludGVyIGRldmljZSBzdXBwb3J0cyBob3ZlciBiZWhhdmlvci5cbiAgICAgICAgLy8gT3RoZXJ3aXNlIHdlIHJ1biBpbnRvIGlzc3VlcyB3aXRoIG1vYmlsZSBicm93c2VyIHNob3dpbmcgcG9wb3ZlcnMgZm9yXG4gICAgICAgIC8vIGNsaWNrIGV2ZW50cyBhbmQgbm90IGJlaW5nIGFibGUgdG8gaGlkZSB0aGVtLlxuICAgICAgICBpZiAod2luZG93Lm1hdGNoTWVkaWEoXCIoaG92ZXI6IGhvdmVyKVwiKS5tYXRjaGVzKSB7XG4gICAgICAgICAgICB0aGlzLmJpbmRNb3VzZUV2ZW50cygpO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuYmluZEtleWJvYXJkRXZlbnRzKCk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogVW5iaW5kcyBtb3VzZSBldmVudHMgaW4gYWRkaXRpb24gdG8gQmFzZVBvcG92ZXJDb250cm9sbGVyLmRpc2Nvbm5lY3RcbiAgICAgKi9cbiAgICBkaXNjb25uZWN0KCkge1xuICAgICAgICB0aGlzLnVuYmluZEtleWJvYXJkRXZlbnRzKCk7XG4gICAgICAgIHRoaXMudW5iaW5kTW91c2VFdmVudHMoKTtcbiAgICAgICAgc3VwZXIuZGlzY29ubmVjdCgpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEF0dGVtcHRzIHRvIHNob3cgdGhlIHRvb2x0aXAgcG9wb3ZlciBzbyBsb25nIGFzIG5vIG90aGVyIFN0YWNrcy1tYW5hZ2VkIHBvcG92ZXIgaXNcbiAgICAgKiBwcmVzZW50IG9uIHRoZSBwYWdlLlxuICAgICAqL1xuICAgIHNob3coZGlzcGF0Y2hlcjogRXZlbnQgfCBFbGVtZW50IHwgbnVsbCA9IG51bGwpIHtcbiAgICAgICAgLy8gY2hlY2sgYW5kIHNlZSBpZiB0aGlzIGNvbnRyb2xsZXIgY29leGlzdHMgd2l0aCBhIHBvcG92ZXJcbiAgICAgICAgY29uc3QgY29udHJvbGxlciA9XG4gICAgICAgICAgICBTdGFja3MuYXBwbGljYXRpb24uZ2V0Q29udHJvbGxlckZvckVsZW1lbnRBbmRJZGVudGlmaWVyKFxuICAgICAgICAgICAgICAgIHRoaXMuZWxlbWVudCxcbiAgICAgICAgICAgICAgICBcInMtcG9wb3ZlclwiXG4gICAgICAgICAgICApO1xuXG4gICAgICAgIC8vIGlmIHRoZSBjb250cm9sbGVyIGV4aXN0cyBhbmQgYWxyZWFkeSBoYXMgYSB2aXNpYmxlIHBvcG92ZXIsIGRvbid0IHNob3cgdGhlIHRvb2x0aXBcbiAgICAgICAgaWYgKGNvbnRyb2xsZXIgJiYgKDxQb3BvdmVyQ29udHJvbGxlcj5jb250cm9sbGVyKS5pc1Zpc2libGUpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIHN1cGVyLnNob3coZGlzcGF0Y2hlcik7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogU2V0cyB1cCBhIHRvb2x0aXAgcG9wb3ZlciBzaG93IGFmdGVyIGEgZGVsYXkuXG4gICAgICovXG4gICAgc2NoZWR1bGVTaG93KGRpc3BhdGNoZXI6IEV2ZW50IHwgRWxlbWVudCB8IG51bGwgPSBudWxsKSB7XG4gICAgICAgIHdpbmRvdy5jbGVhclRpbWVvdXQodGhpcy5hY3RpdmVUaW1lb3V0KTtcbiAgICAgICAgdGhpcy5hY3RpdmVUaW1lb3V0ID0gd2luZG93LnNldFRpbWVvdXQoXG4gICAgICAgICAgICAoKSA9PiB0aGlzLnNob3coZGlzcGF0Y2hlciksXG4gICAgICAgICAgICAzMDBcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDYW5jZWxzIHRoZSBzY2hlZHVsZWQgdG9vbHRpcCBwb3BvdmVyIGRpc3BsYXkgYW5kIGhpZGVzIGl0IGlmIGFscmVhZHkgZGlzcGxheWVkXG4gICAgICovXG4gICAgc2NoZWR1bGVIaWRlKGRpc3BhdGNoZXI6IEV2ZW50IHwgRWxlbWVudCB8IG51bGwgPSBudWxsKSB7XG4gICAgICAgIHdpbmRvdy5jbGVhclRpbWVvdXQodGhpcy5hY3RpdmVUaW1lb3V0KTtcbiAgICAgICAgdGhpcy5hY3RpdmVUaW1lb3V0ID0gd2luZG93LnNldFRpbWVvdXQoXG4gICAgICAgICAgICAoKSA9PiBzdXBlci5oaWRlKGRpc3BhdGNoZXIpLFxuICAgICAgICAgICAgMTAwXG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQ2FuY2VscyB0aGUgYWN0aXZlVGltZW91dFxuICAgICAqL1xuICAgIGNsZWFyQWN0aXZlVGltZW91dCgpIHtcbiAgICAgICAgY2xlYXJUaW1lb3V0KHRoaXMuYWN0aXZlVGltZW91dCk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQXBwbGllcyBkYXRhLXMtdG9vbHRpcC1odG1sLXRpdGxlIGFuZCB0aXRsZSBhdHRyaWJ1dGVzLlxuICAgICAqL1xuICAgIGFwcGx5VGl0bGVBdHRyaWJ1dGVzKCkge1xuICAgICAgICBsZXQgY29udGVudDogTm9kZTtcblxuICAgICAgICBjb25zdCBodG1sVGl0bGUgPSB0aGlzLmRhdGEuZ2V0KFwiaHRtbC10aXRsZVwiKTtcbiAgICAgICAgaWYgKGh0bWxUaXRsZSkge1xuICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXVuc2FuaXRpemVkL21ldGhvZFxuICAgICAgICAgICAgY29udGVudCA9IGRvY3VtZW50XG4gICAgICAgICAgICAgICAgLmNyZWF0ZVJhbmdlKClcbiAgICAgICAgICAgICAgICAuY3JlYXRlQ29udGV4dHVhbEZyYWdtZW50KGh0bWxUaXRsZSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBjb25zdCBwbGFpblRpdGxlID0gdGhpcy5lbGVtZW50LmdldEF0dHJpYnV0ZShcInRpdGxlXCIpO1xuICAgICAgICAgICAgaWYgKHBsYWluVGl0bGUpIHtcbiAgICAgICAgICAgICAgICBjb250ZW50ID0gZG9jdW1lbnQuY3JlYXRlVGV4dE5vZGUocGxhaW5UaXRsZSk7XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5kYXRhLmRlbGV0ZShcImh0bWwtdGl0bGVcIik7XG4gICAgICAgIHRoaXMuZWxlbWVudC5yZW1vdmVBdHRyaWJ1dGUoXCJ0aXRsZVwiKTtcblxuICAgICAgICBsZXQgcG9wb3ZlcklkID0gdGhpcy5lbGVtZW50LmdldEF0dHJpYnV0ZShcImFyaWEtZGVzY3JpYmVkYnlcIik7XG4gICAgICAgIGlmICghcG9wb3ZlcklkKSB7XG4gICAgICAgICAgICBwb3BvdmVySWQgPSBUb29sdGlwQ29udHJvbGxlci5nZW5lcmF0ZUlkKCk7XG4gICAgICAgICAgICB0aGlzLmVsZW1lbnQuc2V0QXR0cmlidXRlKFwiYXJpYS1kZXNjcmliZWRieVwiLCBwb3BvdmVySWQpO1xuICAgICAgICB9XG5cbiAgICAgICAgbGV0IHBvcG92ZXIgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZChwb3BvdmVySWQpO1xuICAgICAgICBpZiAoIXBvcG92ZXIpIHtcbiAgICAgICAgICAgIHBvcG92ZXIgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiZGl2XCIpO1xuICAgICAgICAgICAgcG9wb3Zlci5pZCA9IHBvcG92ZXJJZDtcbiAgICAgICAgICAgIHBvcG92ZXIuY2xhc3NOYW1lID0gXCJzLXBvcG92ZXIgcy1wb3BvdmVyX190b29sdGlwXCI7XG4gICAgICAgICAgICBwb3BvdmVyLnNldEF0dHJpYnV0ZShcInJvbGVcIiwgXCJ0b29sdGlwXCIpO1xuXG4gICAgICAgICAgICBjb25zdCBwYXJlbnROb2RlID0gdGhpcy5lbGVtZW50LnBhcmVudE5vZGU7XG4gICAgICAgICAgICBpZiAocGFyZW50Tm9kZSkge1xuICAgICAgICAgICAgICAgIC8vIGluc2VydEJlZm9yZSBpbnNlcnRzIGF0IGVuZCBpZiBlbGVtZW50Lm5leHRTaWJsaW5nIGlzIG51bGwuXG4gICAgICAgICAgICAgICAgcGFyZW50Tm9kZS5pbnNlcnRCZWZvcmUocG9wb3ZlciwgdGhpcy5lbGVtZW50Lm5leHRTaWJsaW5nKTtcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgZG9jdW1lbnQuYm9keS5hcHBlbmRDaGlsZChwb3BvdmVyKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIC8vIGNsZWFyIGFuZCBzZXQgdGhlIGNvbnRlbnQgb2YgdGhlIHBvcG92ZXJcbiAgICAgICAgcG9wb3Zlci5pbm5lckhUTUwgPSBcIlwiO1xuICAgICAgICBwb3BvdmVyLmFwcGVuZENoaWxkKGNvbnRlbnQpO1xuXG4gICAgICAgIHRoaXMuc2NoZWR1bGVVcGRhdGUoKTtcblxuICAgICAgICByZXR1cm4gcG9wb3ZlcjtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBBdXRvbWF0aWNhbGx5IGhpZGVzIHRoZSB0b29sdGlwIHBvcG92ZXIgd2hlbiBhIFN0YWNrcyBwb3BvdmVyIGlzIHNob3duIGFueXdoZXJlIG9uXG4gICAgICogdGhlIHBhZ2UuXG4gICAgICovXG4gICAgcHJvdGVjdGVkIGJpbmREb2N1bWVudEV2ZW50cygpIHtcbiAgICAgICAgdGhpcy5ib3VuZEhpZGVJZldpdGhpbiA9XG4gICAgICAgICAgICB0aGlzLmJvdW5kSGlkZUlmV2l0aGluIHx8IHRoaXMuaGlkZUlmV2l0aGluLmJpbmQodGhpcyk7XG5cbiAgICAgICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcInMtcG9wb3ZlcjpzaG93blwiLCB0aGlzLmJvdW5kSGlkZUlmV2l0aGluKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBVbmJpbmRzIGFsbCBtb3VzZSBldmVudHNcbiAgICAgKi9cbiAgICBwcm90ZWN0ZWQgdW5iaW5kRG9jdW1lbnRFdmVudHMoKSB7XG4gICAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJzLXBvcG92ZXI6c2hvd25cIiwgdGhpcy5ib3VuZEhpZGVJZldpdGhpbik7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQXR0ZW1wdHMgdG8gZ2VuZXJhdGUgYSBuZXcgdG9vbHRpcCBwb3BvdmVyIGZyb20gdGhlIHRpdGxlIGF0dHJpYnV0ZSBpZiBubyBwb3BvdmVyXG4gICAgICogd2FzIHByZXNlbnQgd2hlbiByZXF1ZXN0ZWQsIG90aGVyd2lzZSB0aHJvd3MgYW4gZXJyb3IuXG4gICAgICovXG4gICAgcHJvdGVjdGVkIGdlbmVyYXRlUG9wb3ZlcigpOiBIVE1MRWxlbWVudCB8IG51bGwge1xuICAgICAgICByZXR1cm4gdGhpcy5hcHBseVRpdGxlQXR0cmlidXRlcygpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEhpZGVzIHRoZSB0b29sdGlwIGlmIGlzIG9yIGlzIHdpdGhpbiB0aGUgZXZlbnQncyB0YXJnZXQuXG4gICAgICogQHBhcmFtIGV2ZW50IEFuIGV2ZW50IG9iamVjdCBmcm9tIHMtcG9wb3ZlcjpzaG93blxuICAgICAqL1xuICAgIHByaXZhdGUgaGlkZUlmV2l0aGluKGV2ZW50OiBFdmVudCkge1xuICAgICAgICBpZiAoKDxFbGVtZW50PmV2ZW50LnRhcmdldCkuY29udGFpbnModGhpcy5yZWZlcmVuY2VFbGVtZW50KSkge1xuICAgICAgICAgICAgdGhpcy5zY2hlZHVsZUhpZGUoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEhpZGVzIHRoZSB0b29sdGlwIGlmIHRoZSBmb2N1cyBpcyBub3Qgb24gdGhlIHBvcG92ZXIgZWxlbWVudC5cbiAgICAgKiBAcGFyYW0gZXZlbnQgQSBmb2N1c291dCBldmVudCBvYmplY3QgZnJvbSB0aGUgcmVmZXJlbmNlIG9yIHBvcG92ZXIgZWxlbWVudFxuICAgICAqL1xuICAgIHByaXZhdGUgaGlkZUlmTm90Rm9jdXNlZChldmVudDogRm9jdXNFdmVudCkge1xuICAgICAgICBpZiAoXG4gICAgICAgICAgICAhdGhpcy5yZWZlcmVuY2VFbGVtZW50LmNvbnRhaW5zKGV2ZW50LnJlbGF0ZWRUYXJnZXQgYXMgTm9kZSkgJiZcbiAgICAgICAgICAgICF0aGlzLnBvcG92ZXJFbGVtZW50LmNvbnRhaW5zKGV2ZW50LnJlbGF0ZWRUYXJnZXQgYXMgTm9kZSlcbiAgICAgICAgKSB7XG4gICAgICAgICAgICB0aGlzLnNjaGVkdWxlSGlkZSgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBoaWRlT25Fc2NhcGVLZXlFdmVudChldmVudDogS2V5Ym9hcmRFdmVudCkge1xuICAgICAgICBpZiAoZXZlbnQua2V5ID09PSBcIkVzY2FwZVwiKSB7XG4gICAgICAgICAgICB0aGlzLnNjaGVkdWxlSGlkZSgpO1xuICAgICAgICB9XG4gICAgfVxuICAgIC8qKlxuICAgICAqIEJpbmRzIG1vdXNlIGV2ZW50cyB0byBzaG93L2hpZGUgb24gcmVmZXJlbmNlIGVsZW1lbnQgaG92ZXJcbiAgICAgKi9cbiAgICBwcml2YXRlIGJpbmRLZXlib2FyZEV2ZW50cygpIHtcbiAgICAgICAgdGhpcy5ib3VuZFNjaGVkdWxlU2hvdyA9XG4gICAgICAgICAgICB0aGlzLmJvdW5kU2NoZWR1bGVTaG93IHx8IHRoaXMuc2NoZWR1bGVTaG93LmJpbmQodGhpcyk7XG4gICAgICAgIHRoaXMuYm91bmRIaWRlT25Fc2NhcGVLZXlFdmVudCA9XG4gICAgICAgICAgICB0aGlzLmJvdW5kSGlkZU9uRXNjYXBlS2V5RXZlbnQgfHxcbiAgICAgICAgICAgIHRoaXMuaGlkZU9uRXNjYXBlS2V5RXZlbnQuYmluZCh0aGlzKTtcbiAgICAgICAgdGhpcy5ib3VuZEhpZGVJZk5vdEZvY3VzZWQgPVxuICAgICAgICAgICAgdGhpcy5ib3VuZEhpZGVJZk5vdEZvY3VzZWQgfHwgdGhpcy5oaWRlSWZOb3RGb2N1c2VkLmJpbmQodGhpcyk7XG4gICAgICAgIHRoaXMucmVmZXJlbmNlRWxlbWVudC5hZGRFdmVudExpc3RlbmVyKFwiZm9jdXNcIiwgdGhpcy5ib3VuZFNjaGVkdWxlU2hvdyk7XG4gICAgICAgIHRoaXMucmVmZXJlbmNlRWxlbWVudC5hZGRFdmVudExpc3RlbmVyKFxuICAgICAgICAgICAgXCJmb2N1c291dFwiLFxuICAgICAgICAgICAgdGhpcy5ib3VuZEhpZGVJZk5vdEZvY3VzZWQuYmluZCh0aGlzKVxuICAgICAgICApO1xuICAgICAgICB0aGlzLnBvcG92ZXJFbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIoXG4gICAgICAgICAgICBcImZvY3Vzb3V0XCIsXG4gICAgICAgICAgICB0aGlzLmJvdW5kSGlkZUlmTm90Rm9jdXNlZC5iaW5kKHRoaXMpXG4gICAgICAgICk7XG4gICAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoXCJrZXl1cFwiLCB0aGlzLmJvdW5kSGlkZU9uRXNjYXBlS2V5RXZlbnQpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFVuYmluZHMgYWxsIG1vdXNlIGV2ZW50c1xuICAgICAqL1xuICAgIHByaXZhdGUgdW5iaW5kS2V5Ym9hcmRFdmVudHMoKSB7XG4gICAgICAgIHRoaXMucmVmZXJlbmNlRWxlbWVudC5yZW1vdmVFdmVudExpc3RlbmVyKFxuICAgICAgICAgICAgXCJmb2N1c1wiLFxuICAgICAgICAgICAgdGhpcy5ib3VuZFNjaGVkdWxlU2hvd1xuICAgICAgICApO1xuICAgICAgICB0aGlzLnJlZmVyZW5jZUVsZW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcbiAgICAgICAgICAgIFwiZm9jdXNvdXRcIixcbiAgICAgICAgICAgIHRoaXMuYm91bmRIaWRlSWZOb3RGb2N1c2VkXG4gICAgICAgICk7XG4gICAgICAgIHRoaXMucmVmZXJlbmNlRWxlbWVudC5yZW1vdmVFdmVudExpc3RlbmVyKFxuICAgICAgICAgICAgXCJmb2N1c291dFwiLFxuICAgICAgICAgICAgdGhpcy5ib3VuZEhpZGVJZk5vdEZvY3VzZWRcbiAgICAgICAgKTtcbiAgICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImtleXVwXCIsIHRoaXMuYm91bmRIaWRlT25Fc2NhcGVLZXlFdmVudCk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQmluZHMgbW91c2UgZXZlbnRzIHRvIHNob3cvaGlkZSBvbiByZWZlcmVuY2UgZWxlbWVudCBob3ZlclxuICAgICAqL1xuICAgIHByaXZhdGUgYmluZE1vdXNlRXZlbnRzKCkge1xuICAgICAgICB0aGlzLmJvdW5kU2NoZWR1bGVTaG93ID1cbiAgICAgICAgICAgIHRoaXMuYm91bmRTY2hlZHVsZVNob3cgfHwgdGhpcy5zY2hlZHVsZVNob3cuYmluZCh0aGlzKTtcbiAgICAgICAgdGhpcy5ib3VuZEhpZGUgPSB0aGlzLmJvdW5kSGlkZSB8fCB0aGlzLnNjaGVkdWxlSGlkZS5iaW5kKHRoaXMpO1xuICAgICAgICB0aGlzLmJvdW5kQ2xlYXJBY3RpdmVUaW1lb3V0ID1cbiAgICAgICAgICAgIHRoaXMuYm91bmRDbGVhckFjdGl2ZVRpbWVvdXQgfHwgdGhpcy5jbGVhckFjdGl2ZVRpbWVvdXQuYmluZCh0aGlzKTtcbiAgICAgICAgdGhpcy5yZWZlcmVuY2VFbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIoXG4gICAgICAgICAgICBcIm1vdXNlb3ZlclwiLFxuICAgICAgICAgICAgdGhpcy5ib3VuZFNjaGVkdWxlU2hvd1xuICAgICAgICApO1xuICAgICAgICB0aGlzLnJlZmVyZW5jZUVsZW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcIm1vdXNlb3V0XCIsIHRoaXMuYm91bmRIaWRlKTtcbiAgICAgICAgdGhpcy5wb3BvdmVyRWxlbWVudC5hZGRFdmVudExpc3RlbmVyKFxuICAgICAgICAgICAgXCJtb3VzZW92ZXJcIixcbiAgICAgICAgICAgIHRoaXMuYm91bmRDbGVhckFjdGl2ZVRpbWVvdXRcbiAgICAgICAgKTtcbiAgICAgICAgdGhpcy5wb3BvdmVyRWxlbWVudC5hZGRFdmVudExpc3RlbmVyKFwibW91c2VvdXRcIiwgdGhpcy5ib3VuZEhpZGUpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFVuYmluZHMgYWxsIG1vdXNlIGV2ZW50c1xuICAgICAqL1xuICAgIHByaXZhdGUgdW5iaW5kTW91c2VFdmVudHMoKSB7XG4gICAgICAgIHRoaXMucmVmZXJlbmNlRWxlbWVudC5yZW1vdmVFdmVudExpc3RlbmVyKFxuICAgICAgICAgICAgXCJtb3VzZW92ZXJcIixcbiAgICAgICAgICAgIHRoaXMuYm91bmRTY2hlZHVsZVNob3dcbiAgICAgICAgKTtcbiAgICAgICAgdGhpcy5yZWZlcmVuY2VFbGVtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJtb3VzZW91dFwiLCB0aGlzLmJvdW5kSGlkZSk7XG4gICAgICAgIHRoaXMucG9wb3ZlckVsZW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcbiAgICAgICAgICAgIFwibW91c2VvdmVyXCIsXG4gICAgICAgICAgICB0aGlzLmJvdW5kQ2xlYXJBY3RpdmVUaW1lb3V0XG4gICAgICAgICk7XG4gICAgICAgIHRoaXMucG9wb3ZlckVsZW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcIm1vdXNlb3V0XCIsIHRoaXMuYm91bmRIaWRlKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBHZW5lcmF0ZXMgYW4gSUQgZm9yIHRvb2x0aXBzIGNyZWF0ZWQgd2l0aCBzZXRUb29sdGlwLlxuICAgICAqL1xuICAgIHByaXZhdGUgc3RhdGljIGdlbmVyYXRlSWQoKSB7XG4gICAgICAgIC8vIGdlbmVyYXRlIGEgcmFuZG9tIG51bWJlciwgdGhlbiBjb252ZXJ0IHRvIGEgd2VsbCBmb3JtYXR0ZWQgc3RyaW5nXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICBcIi0tc3RhY2tzLXMtdG9vbHRpcC1cIiArIE1hdGgucmFuZG9tKCkudG9TdHJpbmcoMzYpLnN1YnN0cmluZygyLCAxMClcbiAgICAgICAgKTtcbiAgICB9XG59XG5cbi8qKlxuICogQWRkcyBvciB1cGRhdGVzIGEgU3RhY2tzIHRvb2x0aXAgb24gYSBnaXZlbiBlbGVtZW50LCBpbml0aWFsaXppbmcgdGhlIGNvbnRyb2xsZXIgaWYgbmVjZXNzYXJ5XG4gKiBAcGFyYW0gZWxlbWVudCBUaGUgZWxlbWVudCB0byBhZGQgYSB0b29sdGlwIHRvLlxuICogQHBhcmFtIGh0bWwgQW4gSFRNTCBzdHJpbmcgdG8gcG9wdWxhdGUgdGhlIHRvb2x0aXAgd2l0aC5cbiAqIEBwYXJhbSBvcHRpb25zIE9wdGlvbnMgZm9yIHJlbmRlcmluZyB0aGUgdG9vbHRpcC5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHNldFRvb2x0aXBIdG1sKFxuICAgIGVsZW1lbnQ6IEVsZW1lbnQsXG4gICAgaHRtbDogc3RyaW5nLFxuICAgIG9wdGlvbnM/OiBUb29sdGlwT3B0aW9uc1xuKSB7XG4gICAgZWxlbWVudC5zZXRBdHRyaWJ1dGUoXCJkYXRhLXMtdG9vbHRpcC1odG1sLXRpdGxlXCIsIGh0bWwpO1xuICAgIGVsZW1lbnQucmVtb3ZlQXR0cmlidXRlKFwidGl0bGVcIik7XG4gICAgYXBwbHlPcHRpb25zQW5kVGl0bGVBdHRyaWJ1dGVzKGVsZW1lbnQsIG9wdGlvbnMpO1xufVxuXG4vKipcbiAqIEFkZHMgb3IgdXBkYXRlcyBhIFN0YWNrcyB0b29sdGlwIG9uIGEgZ2l2ZW4gZWxlbWVudCwgaW5pdGlhbGl6aW5nIHRoZSBjb250cm9sbGVyIGlmIG5lY2Vzc2FyeVxuICogQHBhcmFtIGVsZW1lbnQgVGhlIGVsZW1lbnQgdG8gYWRkIGEgdG9vbHRpcCB0by5cbiAqIEBwYXJhbSB0ZXh0IEEgcGxhaW4gdGV4dCBzdHJpbmcgdG8gcG9wdWxhdGUgdGhlIHRvb2x0aXAgd2l0aC5cbiAqIEBwYXJhbSBvcHRpb25zIE9wdGlvbnMgZm9yIHJlbmRlcmluZyB0aGUgdG9vbHRpcC5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHNldFRvb2x0aXBUZXh0KFxuICAgIGVsZW1lbnQ6IEVsZW1lbnQsXG4gICAgdGV4dDogc3RyaW5nLFxuICAgIG9wdGlvbnM/OiBUb29sdGlwT3B0aW9uc1xuKSB7XG4gICAgZWxlbWVudC5zZXRBdHRyaWJ1dGUoXCJ0aXRsZVwiLCB0ZXh0KTtcbiAgICBlbGVtZW50LnJlbW92ZUF0dHJpYnV0ZShcImRhdGEtcy10b29sdGlwLWh0bWwtdGl0bGVcIik7XG4gICAgYXBwbHlPcHRpb25zQW5kVGl0bGVBdHRyaWJ1dGVzKGVsZW1lbnQsIG9wdGlvbnMpO1xufVxuXG4vKipcbiAqIFNoYXJlZCBoZWxwZXIgZm9yIHNldFRvb2x0aXAqIHRvIGluaXRpYWxpemUgYW5kIHNldCB0b29sdGlwIGNvbnRlbnRcbiAqIEBwYXJhbSBlbGVtZW50IFRoZSBlbGVtZW50IHRvIGFkZCBhIHRvb2x0aXAgdG8uXG4gKiBAcGFyYW0gb3B0aW9ucyBPcHRpb25zIGZvciByZW5kZXJpbmcgdGhlIHRvb2x0aXAuXG4gKi9cbmZ1bmN0aW9uIGFwcGx5T3B0aW9uc0FuZFRpdGxlQXR0cmlidXRlcyhcbiAgICBlbGVtZW50OiBFbGVtZW50LFxuICAgIG9wdGlvbnM/OiBUb29sdGlwT3B0aW9uc1xuKSB7XG4gICAgaWYgKG9wdGlvbnMgJiYgb3B0aW9ucy5wbGFjZW1lbnQpIHtcbiAgICAgICAgZWxlbWVudC5zZXRBdHRyaWJ1dGUoXCJkYXRhLXMtdG9vbHRpcC1wbGFjZW1lbnRcIiwgb3B0aW9ucy5wbGFjZW1lbnQpO1xuICAgIH1cblxuICAgIGNvbnN0IGNvbnRyb2xsZXIgPSA8VG9vbHRpcENvbnRyb2xsZXI+KFxuICAgICAgICBTdGFja3MuYXBwbGljYXRpb24uZ2V0Q29udHJvbGxlckZvckVsZW1lbnRBbmRJZGVudGlmaWVyKFxuICAgICAgICAgICAgZWxlbWVudCxcbiAgICAgICAgICAgIFwicy10b29sdGlwXCJcbiAgICAgICAgKVxuICAgICk7XG5cbiAgICBpZiAoY29udHJvbGxlcikge1xuICAgICAgICBjb250cm9sbGVyLmFwcGx5VGl0bGVBdHRyaWJ1dGVzKCk7XG4gICAgfSBlbHNlIHtcbiAgICAgICAgY29uc3QgZGF0YUNvbnRyb2xsZXIgPSBlbGVtZW50LmdldEF0dHJpYnV0ZShcImRhdGEtY29udHJvbGxlclwiKTtcbiAgICAgICAgZWxlbWVudC5zZXRBdHRyaWJ1dGUoXG4gICAgICAgICAgICBcImRhdGEtY29udHJvbGxlclwiLFxuICAgICAgICAgICAgYCR7ZGF0YUNvbnRyb2xsZXIgPyBkYXRhQ29udHJvbGxlciA6IFwiXCJ9IHMtdG9vbHRpcGBcbiAgICAgICAgKTtcbiAgICB9XG59XG4iLCJpbXBvcnQgKiBhcyBTdGFja3MgZnJvbSBcIi4uLy4uL3N0YWNrc1wiO1xuXG4vKipcbiAqIFRoZSBzdHJpbmcgdmFsdWVzIG9mIHRoZXNlIGVudW1lcmF0aW9ucyBzaG91bGQgY29ycmVzcG9uZCB3aXRoIGBhcmlhLXNvcnRgIHZhbGlkIHZhbHVlcy5cbiAqXG4gKiBAc2VlIGh0dHBzOi8vZGV2ZWxvcGVyLm1vemlsbGEub3JnL2VuLVVTL2RvY3MvV2ViL0FjY2Vzc2liaWxpdHkvQVJJQS9BdHRyaWJ1dGVzL2FyaWEtc29ydCN2YWx1ZXNcbiAqL1xuZXhwb3J0IGVudW0gU29ydE9yZGVyIHtcbiAgICBBc2NlbmRpbmcgPSBcImFzY2VuZGluZ1wiLFxuICAgIERlc2NlbmRpbmcgPSBcImRlc2NlbmRpbmdcIixcbiAgICBOb25lID0gXCJub25lXCIsXG59XG5cbmV4cG9ydCBjbGFzcyBUYWJsZUNvbnRyb2xsZXIgZXh0ZW5kcyBTdGFja3MuU3RhY2tzQ29udHJvbGxlciB7XG4gICAgZGVjbGFyZSByZWFkb25seSBjb2x1bW5UYXJnZXQ6IEhUTUxUYWJsZUNlbGxFbGVtZW50O1xuICAgIGRlY2xhcmUgcmVhZG9ubHkgY29sdW1uVGFyZ2V0czogSFRNTFRhYmxlQ2VsbEVsZW1lbnRbXTtcblxuICAgIHN0YXRpYyB0YXJnZXRzID0gW1wiY29sdW1uXCJdO1xuXG4gICAgc29ydChldnQ6IFBvaW50ZXJFdmVudCkge1xuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXRoaXMtYWxpYXNcbiAgICAgICAgY29uc3QgY29udHJvbGxlciA9IHRoaXM7XG4gICAgICAgIGNvbnN0IHNvcnRUcmlnZ2VyRWwgPSBldnQuY3VycmVudFRhcmdldDtcbiAgICAgICAgLy8gVE9ETzogc3VwcG9ydCAqb25seSogYnV0dG9uIGFzIHRyaWdnZXIgaW4gbmV4dCBtYWpvciByZWxlYXNlXG4gICAgICAgIGNvbnN0IHRyaWdnZXJJc0J1dHRvbiA9IHNvcnRUcmlnZ2VyRWwgaW5zdGFuY2VvZiBIVE1MQnV0dG9uRWxlbWVudDtcbiAgICAgICAgLy8gdGhlIGJlbG93IGNvbmRpdGlvbmFsIGlzIGhlcmUgZm9yIGJhY2t3YXJkIGNvbXBhdGliaWxpdHkgd2l0aCB0aGUgb2xkIEFQSVxuICAgICAgICAvLyB3aGVyZSB3ZSBkaWQgbm90IGFkdmlzZSBidXR0b25zIGFzIHNvcnRhYmxlIGNvbHVtbiBoZWFkIHRyaWdnZXJzXG4gICAgICAgIGNvbnN0IGNvbEhlYWQgPSAoXG4gICAgICAgICAgICB0cmlnZ2VySXNCdXR0b24gPyBzb3J0VHJpZ2dlckVsLnBhcmVudEVsZW1lbnQgOiBzb3J0VHJpZ2dlckVsXG4gICAgICAgICkgYXMgSFRNTFRhYmxlQ2VsbEVsZW1lbnQ7XG4gICAgICAgIGNvbnN0IHRhYmxlID0gdGhpcy5lbGVtZW50IGFzIEhUTUxUYWJsZUVsZW1lbnQ7XG4gICAgICAgIGNvbnN0IHRib2R5ID0gdGFibGUudEJvZGllc1swXTtcblxuICAgICAgICAvLyB0aGUgY29sdW1uIHNsb3QgbnVtYmVyIG9mIHRoZSBjbGlja2VkIGhlYWRlclxuICAgICAgICBjb25zdCBjb2xubyA9IGdldENlbGxTbG90KGNvbEhlYWQpO1xuXG4gICAgICAgIGlmIChjb2xubyA8IDApIHtcbiAgICAgICAgICAgIC8vIHRoaXMgc2hvdWxkbid0IGhhcHBlbiBpZiB0aGUgY2xpY2tlZCBlbGVtZW50IGlzIGFjdHVhbGx5IGEgY29sdW1uIGhlYWRcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIGFuIGluZGV4IG9mIHRoZSA8dGJvZHk+LCBzbyB3ZSBjYW4gZmluZCBvdXQgZm9yIGVhY2ggcm93IHdoaWNoIDx0ZD4gZWxlbWVudCBpc1xuICAgICAgICAvLyBpbiB0aGUgc2FtZSBjb2x1bW4gc2xvdCBhcyB0aGUgaGVhZGVyXG4gICAgICAgIGNvbnN0IHNsb3RJbmRleCA9IGJ1aWxkSW5kZXgodGJvZHkpO1xuXG4gICAgICAgIC8vIHRoZSBkZWZhdWx0IGJlaGF2aW9yIHdoZW4gY2xpY2tpbmcgYSBoZWFkZXIgaXMgdG8gc29ydCBieSB0aGlzIGNvbHVtbiBpbiBhc2NlbmRpbmdcbiAgICAgICAgLy8gZGlyZWN0aW9uLCAqdW5sZXNzKiBpdCBpcyBhbHJlYWR5IHNvcnRlZCB0aGF0IHdheVxuICAgICAgICBjb25zdCBkaXJlY3Rpb24gPVxuICAgICAgICAgICAgY29sSGVhZC5nZXRBdHRyaWJ1dGUoXCJhcmlhLXNvcnRcIikgPT09IFNvcnRPcmRlci5Bc2NlbmRpbmcgPyAtMSA6IDE7XG5cbiAgICAgICAgY29uc3Qgcm93cyA9IEFycmF5LmZyb20odGFibGUudEJvZGllc1swXS5yb3dzKTtcblxuICAgICAgICAvLyBpZiB0aGlzIGlzIHN0aWxsIGZhbHNlIGFmdGVyIHRyYXZlcnNpbmcgdGhlIGRhdGEsIHRoYXQgbWVhbnMgYWxsIHZhbHVlcyBhcmUgaW50ZWdlcnMgKG9yIGVtcHR5KVxuICAgICAgICAvLyBhbmQgdGh1cyB3ZSdsbCBzb3J0IG51bWVyaWNhbGx5LlxuICAgICAgICBsZXQgYW55Tm9uSW50ID0gZmFsc2U7XG5cbiAgICAgICAgLy8gZGF0YSB3aWxsIGJlIGEgbGlzdCBvZiB0dXBsZXMgW3ZhbHVlLCByb3dOdW1dLCB3aGVyZSB2YWx1ZSBpcyB3aGF0IHdlJ3JlIHNvcnRpbmcgYnlcbiAgICAgICAgY29uc3QgZGF0YTogW3N0cmluZyB8IG51bWJlciwgbnVtYmVyXVtdID0gW107XG4gICAgICAgIGxldCBmaXJzdEJvdHRvbVJvdzogSFRNTFRhYmxlUm93RWxlbWVudDtcbiAgICAgICAgcm93cy5mb3JFYWNoKGZ1bmN0aW9uIChyb3csIGluZGV4KSB7XG4gICAgICAgICAgICBjb25zdCBmb3JjZSA9IGNvbnRyb2xsZXIuZ2V0RWxlbWVudERhdGEocm93LCBcInNvcnQtdG9cIik7XG4gICAgICAgICAgICBpZiAoZm9yY2UgPT09IFwidG9wXCIpIHtcbiAgICAgICAgICAgICAgICByZXR1cm47IC8vIHJvd3Mgbm90IGFkZGVkIHRvIHRoZSBsaXN0IHdpbGwgYXV0b21hdGljYWxseSBlbmQgdXAgYXQgdGhlIHRvcFxuICAgICAgICAgICAgfSBlbHNlIGlmIChmb3JjZSA9PT0gXCJib3R0b21cIikge1xuICAgICAgICAgICAgICAgIGlmICghZmlyc3RCb3R0b21Sb3cpIHtcbiAgICAgICAgICAgICAgICAgICAgZmlyc3RCb3R0b21Sb3cgPSByb3c7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGNvbnN0IGNlbGwgPSBzbG90SW5kZXhbaW5kZXhdW2NvbG5vXTtcbiAgICAgICAgICAgIGlmICghY2VsbCkge1xuICAgICAgICAgICAgICAgIGRhdGEucHVzaChbXCJcIiwgaW5kZXhdKTtcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIC8vIHVubGVzcyB0aGUgdG8tYmUtc29ydGVkLWJ5IHZhbHVlIGlzIGV4cGxpY2l0bHkgcHJvdmlkZWQgb24gdGhlIGVsZW1lbnQgdmlhIHRoaXMgYXR0cmlidXRlLFxuICAgICAgICAgICAgLy8gdGhlIHZhbHVlIHdlJ3JlIHVzaW5nIGlzIHRoZSBjZWxsJ3MgdGV4dCwgdHJpbW1lZCBvZiBhbnkgd2hpdGVzcGFjZVxuICAgICAgICAgICAgY29uc3QgZXhwbGljaXQgPSBjb250cm9sbGVyLmdldEVsZW1lbnREYXRhKGNlbGwsIFwic29ydC12YWxcIik7XG4gICAgICAgICAgICBjb25zdCBkID0gZXhwbGljaXQgPz8gY2VsbC50ZXh0Q29udGVudD8udHJpbSgpID8/IFwiXCI7XG5cbiAgICAgICAgICAgIGlmIChkICE9PSBcIlwiICYmIGAke3BhcnNlSW50KGQsIDEwKX1gICE9PSBkKSB7XG4gICAgICAgICAgICAgICAgYW55Tm9uSW50ID0gdHJ1ZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGRhdGEucHVzaChbZCwgaW5kZXhdKTtcbiAgICAgICAgfSk7XG5cbiAgICAgICAgLy8gSWYgYWxsIHZhbHVlcyB3ZXJlIGludGVnZXJzIChvciBlbXB0eSBjZWxscyksIHNvcnQgbnVtZXJpY2FsbHksIHdpdGggZW1wdHkgY2VsbHMgdHJlYXRlZCBhc1xuICAgICAgICAvLyBoYXZpbmcgdGhlIGxvd2VzdCBwb3NzaWJsZSB2YWx1ZSAoaS5lLiBzb3J0ZWQgdG8gdGhlIHRvcCBpZiBhc2NlbmRpbmcsIGJvdHRvbSBpZiBkZXNjZW5kaW5nKVxuICAgICAgICBpZiAoIWFueU5vbkludCkge1xuICAgICAgICAgICAgZGF0YS5mb3JFYWNoKGZ1bmN0aW9uICh0dXBsZSkge1xuICAgICAgICAgICAgICAgIHR1cGxlWzBdID1cbiAgICAgICAgICAgICAgICAgICAgdHVwbGVbMF0gPT09IFwiXCJcbiAgICAgICAgICAgICAgICAgICAgICAgID8gTnVtYmVyLk1JTl9WQUxVRVxuICAgICAgICAgICAgICAgICAgICAgICAgOiBwYXJzZUludCh0dXBsZVswXSBhcyBzdHJpbmcsIDEwKTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG5cbiAgICAgICAgLy8gV2UgZG9uJ3Qgc29ydCBhbiBhcnJheSBvZiA8dHI+LCBidXQgaW5zdGVhZCBhbiBhcnJheXMgb2Ygcm93ICpudW1iZXJzKiwgYmVjYXVzZSB0aGlzIHdheSB3ZVxuICAgICAgICAvLyBjYW4gZW5mb3JjZSBzdGFibGUgc29ydGluZywgaS5lLiByb3dzIHRoYXQgY29tcGFyZSBlcXVhbCBhcmUgZ3VhcmFudGVlZCB0byByZW1haW4gaW4gdGhlIHNhbWVcbiAgICAgICAgLy8gb3JkZXIgKHRoZSBKUyBzdGFuZGFyZCBkb2VzIG5vdCBndXJhbnRlZSB0aGlzIGZvciBzb3J0KCkpLlxuICAgICAgICBkYXRhLnNvcnQoZnVuY3Rpb24gKGEsIGIpIHtcbiAgICAgICAgICAgIC8vIGZpcnN0IGNvbXBhcmUgdGhlIHZhbHVlcyAoYVswXSlcbiAgICAgICAgICAgIGlmIChhWzBdID4gYlswXSkge1xuICAgICAgICAgICAgICAgIHJldHVybiAxICogZGlyZWN0aW9uO1xuICAgICAgICAgICAgfSBlbHNlIGlmIChhWzBdIDwgYlswXSkge1xuICAgICAgICAgICAgICAgIHJldHVybiAtMSAqIGRpcmVjdGlvbjtcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgLy8gaWYgdGhlIHZhbHVlcyBhcmUgZXF1YWwsIGNvbXBhcmUgdGhlIHJvdyBudW1iZXJzIChhWzFdKSB0byBndWFyYW50ZWUgc3RhYmxlIHNvcnRpbmdcbiAgICAgICAgICAgICAgICAvLyAobm90ZSB0aGF0IHRoaXMgY29tcGFyaXNvbiBpcyBpbmRlcGVuZGVudCBvZiB0aGUgc29ydGluZyBkaXJlY3Rpb24pXG4gICAgICAgICAgICAgICAgcmV0dXJuIGFbMV0gPiBiWzFdID8gMSA6IC0xO1xuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcblxuICAgICAgICAvLyB0aGlzIGlzIHRoZSBhY3R1YWwgcmVvcmRlcmluZyBvZiB0aGUgdGFibGUgcm93c1xuICAgICAgICBkYXRhLmZvckVhY2goKFtfLCByb3dJbmRleF0pID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHJvdyA9IHJvd3Nbcm93SW5kZXhdO1xuICAgICAgICAgICAgcm93LnBhcmVudEVsZW1lbnQ/LnJlbW92ZUNoaWxkKHJvdyk7XG5cbiAgICAgICAgICAgIGlmIChmaXJzdEJvdHRvbVJvdykge1xuICAgICAgICAgICAgICAgIHRib2R5Lmluc2VydEJlZm9yZShyb3csIGZpcnN0Qm90dG9tUm93KTtcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgdGJvZHkuYXBwZW5kQ2hpbGQocm93KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG5cbiAgICAgICAgLy8gdXBkYXRlIHRoZSBVSSBhbmQgc2V0IHRoZSBgZGF0YS1zb3J0LWRpcmVjdGlvbmAgYXR0cmlidXRlIGlmIGFwcHJvcHJpYXRlLCBzbyB0aGF0IHRoZSBuZXh0IGNsaWNrXG4gICAgICAgIC8vIHdpbGwgY2F1c2Ugc29ydGluZyBpbiBkZXNjZW5kaW5nIGRpcmVjdGlvblxuICAgICAgICB0aGlzLnVwZGF0ZVNvcnRlZENvbHVtblN0eWxlcyhcbiAgICAgICAgICAgIGNvbEhlYWQsXG4gICAgICAgICAgICBkaXJlY3Rpb24gPT09IDEgPyBTb3J0T3JkZXIuQXNjZW5kaW5nIDogU29ydE9yZGVyLkRlc2NlbmRpbmdcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIHVwZGF0ZVNvcnRlZENvbHVtblN0eWxlcyA9IChcbiAgICAgICAgdGFyZ2V0Q29sdW1uSGVhZGVyOiBFbGVtZW50LFxuICAgICAgICBkaXJlY3Rpb246IFNvcnRPcmRlclxuICAgICk6IHZvaWQgPT4ge1xuICAgICAgICAvLyBMb29wIHRocm91Z2ggYWxsIHNvcnRhYmxlIGNvbHVtbnMgYW5kIHJlbW92ZSB0aGVpciBzb3J0aW5nIGRpcmVjdGlvblxuICAgICAgICAvLyAoaWYgYW55KSwgYW5kIG9ubHkgbGVhdmUvc2V0IGEgc29ydGluZyBvbiBgdGFyZ2V0Q29sdW1uSGVhZGVyYC5cbiAgICAgICAgdGhpcy5jb2x1bW5UYXJnZXRzLmZvckVhY2goKGhlYWRlcjogSFRNTFRhYmxlQ2VsbEVsZW1lbnQpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGlzQ3VycmVudCA9IGhlYWRlciA9PT0gdGFyZ2V0Q29sdW1uSGVhZGVyO1xuICAgICAgICAgICAgY29uc3QgY2xhc3NTdWZmaXggPSBpc0N1cnJlbnRcbiAgICAgICAgICAgICAgICA/IGRpcmVjdGlvbiA9PT0gU29ydE9yZGVyLkFzY2VuZGluZ1xuICAgICAgICAgICAgICAgICAgICA/IFwiYXNjXCJcbiAgICAgICAgICAgICAgICAgICAgOiBcImRlc2NcIlxuICAgICAgICAgICAgICAgIDogU29ydE9yZGVyLk5vbmU7XG5cbiAgICAgICAgICAgIGhlYWRlci5jbGFzc0xpc3QudG9nZ2xlKFxuICAgICAgICAgICAgICAgIFwiaXMtc29ydGVkXCIsXG4gICAgICAgICAgICAgICAgaXNDdXJyZW50ICYmIGRpcmVjdGlvbiAhPT0gU29ydE9yZGVyLk5vbmVcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgICBoZWFkZXIucXVlcnlTZWxlY3RvckFsbChcIi5qcy1zb3J0aW5nLWluZGljYXRvclwiKS5mb3JFYWNoKChpY29uKSA9PiB7XG4gICAgICAgICAgICAgICAgaWNvbi5jbGFzc0xpc3QudG9nZ2xlKFxuICAgICAgICAgICAgICAgICAgICBcImQtbm9uZVwiLFxuICAgICAgICAgICAgICAgICAgICAhaWNvbi5jbGFzc0xpc3QuY29udGFpbnMoXG4gICAgICAgICAgICAgICAgICAgICAgICBcImpzLXNvcnRpbmctaW5kaWNhdG9yLVwiICsgY2xhc3NTdWZmaXhcbiAgICAgICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgaWYgKGlzQ3VycmVudCkge1xuICAgICAgICAgICAgICAgIGhlYWRlci5zZXRBdHRyaWJ1dGUoXCJhcmlhLXNvcnRcIiwgZGlyZWN0aW9uKTtcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgaGVhZGVyLnJlbW92ZUF0dHJpYnV0ZShcImFyaWEtc29ydFwiKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfTtcbn1cblxuLyoqXG4gKiBAaW50ZXJuYWwgVGhpcyBmdW5jdGlvbiBpcyBleHBvcnRlZCBmb3IgdGVzdGluZyBwdXJwb3NlcyBidXQgaXMgbm90IGEgcGFydCBvZiBvdXIgcHVibGljIEFQSVxuICpcbiAqIEBwYXJhbSBzZWN0aW9uXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBidWlsZEluZGV4KFxuICAgIHNlY3Rpb246IEhUTUxUYWJsZVNlY3Rpb25FbGVtZW50XG4pOiBIVE1MVGFibGVDZWxsRWxlbWVudFtdW10ge1xuICAgIGNvbnN0IHJlc3VsdCA9IGJ1aWxkSW5kZXhPckdldENlbGxTbG90KHNlY3Rpb24pO1xuXG4gICAgaWYgKCFBcnJheS5pc0FycmF5KHJlc3VsdCkpIHtcbiAgICAgICAgdGhyb3cgXCJzaG91bGRuJ3QgaGFwcGVuXCI7XG4gICAgfVxuXG4gICAgcmV0dXJuIHJlc3VsdDtcbn1cblxuLyoqXG4gKiBAaW50ZXJuYWwgVGhpcyBmdW5jdGlvbiBpcyBleHBvcnRlZCBmb3IgdGVzdGluZyBwdXJwb3NlcyBidXQgaXMgbm90IGEgcGFydCBvZiBvdXIgcHVibGljIEFQSVxuICpcbiAqIEBwYXJhbSBjZWxsXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBnZXRDZWxsU2xvdChjZWxsOiBIVE1MVGFibGVDZWxsRWxlbWVudCk6IG51bWJlciB7XG4gICAgY29uc3QgdGFibGVFbGVtZW50ID0gY2VsbC5wYXJlbnRFbGVtZW50Py5wYXJlbnRFbGVtZW50O1xuXG4gICAgaWYgKCEodGFibGVFbGVtZW50IGluc3RhbmNlb2YgSFRNTFRhYmxlU2VjdGlvbkVsZW1lbnQpKSB7XG4gICAgICAgIHRocm93IFwiaW52YWxpZCB0YWJsZVwiO1xuICAgIH1cblxuICAgIGNvbnN0IHJlc3VsdCA9IGJ1aWxkSW5kZXhPckdldENlbGxTbG90KHRhYmxlRWxlbWVudCwgY2VsbCk7XG5cbiAgICBpZiAodHlwZW9mIHJlc3VsdCAhPT0gXCJudW1iZXJcIikge1xuICAgICAgICB0aHJvdyBcInNob3VsZG4ndCBoYXBwZW5cIjtcbiAgICB9XG5cbiAgICByZXR1cm4gcmVzdWx0O1xufVxuXG4vKipcbiAqIEp1c3QgYmVjYXVzZSBhIDx0ZD4gaXMgdGhlIDR0aCAqY2hpbGQqIG9mIGl0cyA8dHI+IGRvZXNuJ3QgbWVhbiBpdCBiZWxvbmdzIHRvIHRoZSA0dGggKmNvbHVtbipcbiAqIG9mIHRoZSB0YWJsZS4gUHJldmlvdXMgY2VsbHMgbWF5IGhhdmUgYSBjb2xzcGFuOyBjZWxscyBpbiBwcmV2aW91cyByb3dzIG1heSBoYXZlIGEgcm93c3Bhbi5cbiAqIEJlY2F1c2Ugd2UgbmVlZCB0byBrbm93IHdoaWNoIGhlYWRlciBjZWxscyBhbmQgZGF0YSBjZWxscyBiZWxvbmcgdG9nZXRoZXIsIHdlIGhhdmUgdG8gMSkgZmluZCBvdXRcbiAqIHdoaWNoIGNvbHVtbiBudW1iZXIgKG9yIFwic2xvdFwiIGFzIHdlIGNhbGwgaXQgaGVyZSkgdGhlIGhlYWRlciBjZWxsIGhhcywgYW5kIDIpIGZvciBlYWNoIHJvdyBmaW5kXG4gKiBvdXQgd2hpY2ggPHRkPiBjZWxsIGNvcnJlc3BvbmRzIHRvIHRoaXMgc2xvdCAoYmVjYXVzZSB0aG9zZSBhcmUgdGhlIHJvd3Mgd2UncmUgc29ydGluZyBieSkuXG4gKlxuICogVGhhdCdzIHdoYXQgdGhlIGZvbGxvd2luZyBmdW5jdGlvbiBkb2VzLiBJZiB0aGUgc2Vjb25kIGFyZ3VtZW50IGlzIG5vdCBnaXZlbiwgaXQgcmV0dXJucyBhbiBpbmRleFxuICogb2YgdGhlIHRhYmxlLCB3aGljaCBpcyBhbiBhcnJheSBvZiBhcnJheXMuIEVhY2ggb2YgdGhlIHN1Yi1hcnJheXMgY29ycmVzcG9uZHMgdG8gYSB0YWJsZSByb3cuIFRoZVxuICogaW5kaWNlcyBvZiB0aGUgc3ViLWFycmF5IGNvcnJlc3BvbmQgdG8gY29sdW1uIHNsb3RzOyB0aGUgdmFsdWVzIGFyZSB0aGUgYWN0dWFsIHRhYmxlIGNlbGwgZWxlbWVudHMuXG4gKiBGb3IgZXhhbXBsZSBpbmRleFs0XVszXSBpcyB0aGUgPHRkPiBvciA8dGg+IGluIHJvdyA0LCBjb2x1bW4gMyBvZiB0aGUgdGFibGUgc2VjdGlvbiAoPHRib2R5PiBvciA8dGhlYWQ+KS5cbiAqIE5vdGUgdGhhdCB0aGlzIGVsZW1lbnQgaXMgbm90IG5lY2Vzc2FyaWx5IGV2ZW4gaW4gdGhlIDR0aCAoemVyby1iYXNlZCkgPHRyPiAtLSBpZiBpdCBoYXMgYSByb3dTcGFuID4gMSxcbiAqIGl0IG1heSBhbHNvIGJlIGluIGEgcHJldmlvdXMgPHRyPi5cbiAqXG4gKiBJZiB0aGUgc2Vjb25kIGFyZ3VtZW50IGlzIGdpdmVuLCBpdCdzIGEgPHRkPiBvciA8dGg+IHRoYXQgd2UncmUgdHJ5aW5nIHRvIGZpbmQsIGFuZCB0aGUgYWxnb3JpdGhtXG4gKiBzdG9wcyBhcyBzb29uIGFzIGl0IGhhcyBmb3VuZCBpdCBhbmQgdGhlIGZ1bmN0aW9uIHJldHVybnMgaXRzIHNsb3QgbnVtYmVyLlxuICovXG5mdW5jdGlvbiBidWlsZEluZGV4T3JHZXRDZWxsU2xvdChcbiAgICBzZWN0aW9uOiBIVE1MVGFibGVTZWN0aW9uRWxlbWVudCxcbiAgICBmaW5kQ2VsbD86IEhUTUxUYWJsZUNlbGxFbGVtZW50XG4pIHtcbiAgICBjb25zdCBpbmRleCA9IFtdO1xuICAgIGxldCBjdXJSb3c6IEVsZW1lbnQgfCBudWxsID0gc2VjdGlvbi5jaGlsZHJlblswXTtcblxuICAgIC8vIHRoZSBlbGVtZW50cyBvZiB0aGVzZSB0d28gYXJyYXlzIGFyZSBzeW5jaHJvbml6ZWQ7IHRoZSBmaXJzdCBhcnJheSBjb250YWlucyB0YWJsZSBjZWxsIGVsZW1lbnRzLFxuICAgIC8vIHRoZSBzZWNvbmQgb25lIGNvbnRhaW5zIGEgbnVtYmVyIHRoYXQgaW5kaWNhdGVzIGZvciBob3cgbWFueSBtb3JlIHJvd3MgdGhpcyBlbGVtZW50cyB3aWxsXG4gICAgLy8gZXhpc3QgKGkuZS4gdGhlIHZhbHVlIGlzIGluaXRpYWxseSBvbmUgbGVzcyB0aGFuIHRoZSBjZWxsJ3Mgcm93c3BhbiwgYW5kIHdpbGwgYmUgZGVjcmVhc2VkIGZvciBlYWNoIHJvdylcbiAgICBjb25zdCBncm93aW5nOiBIVE1MVGFibGVDZWxsRWxlbWVudFtdID0gW107XG4gICAgY29uc3QgZ3Jvd2luZ1Jvd3NMZWZ0OiBudW1iZXJbXSA9IFtdO1xuXG4gICAgLy8gY29udGludWUgd2hpbGUgd2UgaGF2ZSBhY3R1YWwgPHRyPidzIGxlZnQgKm9yKiB3ZSBzdGlsbCBoYXZlIHJvd3NwYW4nZWQgZWxlbWVudHMgdGhhdCBhcmVuJ3QgZG9uZVxuICAgIHdoaWxlIChjdXJSb3cgfHwgZ3Jvd2luZ1Jvd3NMZWZ0LnNvbWUoKGUpID0+IGUgIT09IDApKSB7XG4gICAgICAgIGNvbnN0IGN1ckluZGV4Um93OiBIVE1MVGFibGVDZWxsRWxlbWVudFtdID0gW107XG4gICAgICAgIGluZGV4LnB1c2goY3VySW5kZXhSb3cpO1xuXG4gICAgICAgIGxldCBjdXJTbG90ID0gMDtcbiAgICAgICAgaWYgKGN1clJvdykge1xuICAgICAgICAgICAgZm9yIChcbiAgICAgICAgICAgICAgICBsZXQgY3VyQ2VsbElkeCA9IDA7XG4gICAgICAgICAgICAgICAgY3VyQ2VsbElkeCA8IGN1clJvdy5jaGlsZHJlbi5sZW5ndGg7XG4gICAgICAgICAgICAgICAgY3VyQ2VsbElkeCsrXG4gICAgICAgICAgICApIHtcbiAgICAgICAgICAgICAgICB3aGlsZSAoZ3Jvd2luZ1Jvd3NMZWZ0W2N1clNsb3RdKSB7XG4gICAgICAgICAgICAgICAgICAgIGdyb3dpbmdSb3dzTGVmdFtjdXJTbG90XS0tO1xuICAgICAgICAgICAgICAgICAgICBjdXJJbmRleFJvd1tjdXJTbG90XSA9IGdyb3dpbmdbY3VyU2xvdF07XG4gICAgICAgICAgICAgICAgICAgIGN1clNsb3QrKztcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICBjb25zdCBjZWxsID0gY3VyUm93LmNoaWxkcmVuW2N1ckNlbGxJZHhdO1xuXG4gICAgICAgICAgICAgICAgaWYgKCEoY2VsbCBpbnN0YW5jZW9mIEhUTUxUYWJsZUNlbGxFbGVtZW50KSkge1xuICAgICAgICAgICAgICAgICAgICB0aHJvdyBcImludmFsaWQgdGFibGVcIjtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICBpZiAoZ2V0Q29tcHV0ZWRTdHlsZShjZWxsKS5kaXNwbGF5ID09PSBcIm5vbmVcIikge1xuICAgICAgICAgICAgICAgICAgICBjb250aW51ZTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICBpZiAoY2VsbCA9PT0gZmluZENlbGwpIHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIGN1clNsb3Q7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgY29uc3QgbmV4dEZyZWVTbG90ID0gY3VyU2xvdCArIGNlbGwuY29sU3BhbjtcblxuICAgICAgICAgICAgICAgIGZvciAoOyBjdXJTbG90IDwgbmV4dEZyZWVTbG90OyBjdXJTbG90KyspIHtcbiAgICAgICAgICAgICAgICAgICAgZ3Jvd2luZ1Jvd3NMZWZ0W2N1clNsb3RdID0gY2VsbC5yb3dTcGFuIC0gMTsgLy8gaWYgYW55IG9mIHRoZXNlIGlzIGFscmVhZHkgZ3Jvd2luZywgdGhlIHRhYmxlIGlzIGJyb2tlbiAtLSBubyBndWFyYW50ZWVzIG9mIGFueXRoaW5nXG4gICAgICAgICAgICAgICAgICAgIGdyb3dpbmdbY3VyU2xvdF0gPSBjZWxsO1xuICAgICAgICAgICAgICAgICAgICBjdXJJbmRleFJvd1tjdXJTbG90XSA9IGNlbGw7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgd2hpbGUgKGN1clNsb3QgPCBncm93aW5nLmxlbmd0aCkge1xuICAgICAgICAgICAgaWYgKGdyb3dpbmdSb3dzTGVmdFtjdXJTbG90XSkge1xuICAgICAgICAgICAgICAgIGdyb3dpbmdSb3dzTGVmdFtjdXJTbG90XS0tO1xuICAgICAgICAgICAgICAgIGN1ckluZGV4Um93W2N1clNsb3RdID0gZ3Jvd2luZ1tjdXJTbG90XTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgY3VyU2xvdCsrO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGN1clJvdykge1xuICAgICAgICAgICAgY3VyUm93ID0gY3VyUm93Lm5leHRFbGVtZW50U2libGluZztcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8vIGlmIGZpbmRDZWxsIHdhcyBnaXZlbiwgYnV0IHdlIGVuZCB1cCBoZXJlLCB0aGF0IG1lYW5zIGl0IGlzbid0IGluIHRoaXMgc2VjdGlvblxuICAgIHJldHVybiBmaW5kQ2VsbCA/IC0xIDogaW5kZXg7XG59XG4iLCJpbXBvcnQgKiBhcyBTdGFja3MgZnJvbSBcIi4uLy4uL3N0YWNrc1wiO1xuXG5leHBvcnQgY2xhc3MgVG9hc3RDb250cm9sbGVyIGV4dGVuZHMgU3RhY2tzLlN0YWNrc0NvbnRyb2xsZXIge1xuICAgIHN0YXRpYyB0YXJnZXRzID0gW1widG9hc3RcIiwgXCJpbml0aWFsRm9jdXNcIl07XG5cbiAgICBkZWNsYXJlIHJlYWRvbmx5IHRvYXN0VGFyZ2V0OiBIVE1MRWxlbWVudDtcbiAgICBkZWNsYXJlIHJlYWRvbmx5IGluaXRpYWxGb2N1c1RhcmdldHM6IEhUTUxFbGVtZW50W107XG5cbiAgICBwcml2YXRlIF9ib3VuZENsaWNrRm4hOiAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gICAgcHJpdmF0ZSBfYm91bmRLZXlwcmVzc0ZuITogKGV2ZW50OiBLZXlib2FyZEV2ZW50KSA9PiB2b2lkO1xuXG4gICAgcHJpdmF0ZSBhY3RpdmVUaW1lb3V0ITogbnVtYmVyO1xuICAgIHByaXZhdGUgcmV0dXJuRWxlbWVudCE6IEhUTUxFbGVtZW50O1xuXG4gICAgY29ubmVjdCgpIHtcbiAgICAgICAgdGhpcy52YWxpZGF0ZSgpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIERpc2Nvbm5lY3RzIGFsbCBhZGRlZCBldmVudCBsaXN0ZW5lcnMgb24gY29udHJvbGxlciBkaXNjb25uZWN0XG4gICAgICovXG4gICAgZGlzY29ubmVjdCgpIHtcbiAgICAgICAgdGhpcy51bmJpbmREb2N1bWVudEV2ZW50cygpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFRvZ2dsZXMgdGhlIHZpc2liaWxpdHkgb2YgdGhlIHRvYXN0XG4gICAgICovXG4gICAgdG9nZ2xlKGRpc3BhdGNoZXI6IEV2ZW50IHwgRWxlbWVudCB8IG51bGwgPSBudWxsKSB7XG4gICAgICAgIHRoaXMuX3RvZ2dsZSh1bmRlZmluZWQsIGRpc3BhdGNoZXIpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFNob3dzIHRoZSB0b2FzdFxuICAgICAqL1xuICAgIHNob3coZGlzcGF0Y2hlcjogRXZlbnQgfCBFbGVtZW50IHwgbnVsbCA9IG51bGwpIHtcbiAgICAgICAgdGhpcy5fdG9nZ2xlKHRydWUsIGRpc3BhdGNoZXIpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEhpZGVzIHRoZSB0b2FzdFxuICAgICAqL1xuICAgIGhpZGUoZGlzcGF0Y2hlcjogRXZlbnQgfCBFbGVtZW50IHwgbnVsbCA9IG51bGwpIHtcbiAgICAgICAgdGhpcy5fdG9nZ2xlKGZhbHNlLCBkaXNwYXRjaGVyKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBWYWxpZGF0ZXMgdGhlIHRvYXN0IHNldHRpbmdzIGFuZCBhdHRlbXB0cyB0byBzZXQgbmVjZXNzYXJ5IGludGVybmFsIHZhcmlhYmxlc1xuICAgICAqL1xuICAgIHByaXZhdGUgdmFsaWRhdGUoKSB7XG4gICAgICAgIC8vIGNoZWNrIGZvciByZXR1cm5FbGVtZW50IHN1cHBvcnRcbiAgICAgICAgY29uc3QgcmV0dXJuRWxlbWVudFNlbGVjdG9yID0gdGhpcy5kYXRhLmdldChcInJldHVybi1lbGVtZW50XCIpO1xuICAgICAgICBpZiAocmV0dXJuRWxlbWVudFNlbGVjdG9yKSB7XG4gICAgICAgICAgICB0aGlzLnJldHVybkVsZW1lbnQgPSA8SFRNTEVsZW1lbnQ+KFxuICAgICAgICAgICAgICAgIGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IocmV0dXJuRWxlbWVudFNlbGVjdG9yKVxuICAgICAgICAgICAgKTtcblxuICAgICAgICAgICAgaWYgKCF0aGlzLnJldHVybkVsZW1lbnQpIHtcbiAgICAgICAgICAgICAgICB0aHJvdyAoXG4gICAgICAgICAgICAgICAgICAgIFwiVW5hYmxlIHRvIGZpbmQgZWxlbWVudCBieSByZXR1cm4tZWxlbWVudCBzZWxlY3RvcjogXCIgK1xuICAgICAgICAgICAgICAgICAgICByZXR1cm5FbGVtZW50U2VsZWN0b3JcbiAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogVG9nZ2xlcyB0aGUgdmlzaWJpbGl0eSBvZiB0aGUgdG9hc3QgZWxlbWVudFxuICAgICAqIEBwYXJhbSBzaG93IE9wdGlvbmFsIHBhcmFtZXRlciB0aGF0IGZvcmNlIHNob3dzL2hpZGVzIHRoZSBlbGVtZW50IG9yIHRvZ2dsZXMgaXQgaWYgbGVmdCB1bmRlZmluZWRcbiAgICAgKi9cbiAgICBwcml2YXRlIF90b2dnbGUoXG4gICAgICAgIHNob3c/OiBib29sZWFuIHwgdW5kZWZpbmVkLFxuICAgICAgICBkaXNwYXRjaGVyOiBFdmVudCB8IEVsZW1lbnQgfCBudWxsID0gbnVsbFxuICAgICkge1xuICAgICAgICBsZXQgdG9TaG93ID0gc2hvdztcbiAgICAgICAgY29uc3QgaXNWaXNpYmxlID1cbiAgICAgICAgICAgIHRoaXMudG9hc3RUYXJnZXQuZ2V0QXR0cmlidXRlKFwiYXJpYS1oaWRkZW5cIikgPT09IFwiZmFsc2VcIjtcblxuICAgICAgICAvLyBpZiB3ZSdyZSBsZXR0aW5nIHRoZSBjbGFzcyB0b2dnbGUsIHdlIG5lZWQgdG8gZmlndXJlIG91dCBpZiB0aGUgdG9hc3QgaXMgdmlzaWJsZSBtYW51YWxseVxuICAgICAgICBpZiAodHlwZW9mIHRvU2hvdyA9PT0gXCJ1bmRlZmluZWRcIikge1xuICAgICAgICAgICAgdG9TaG93ID0gIWlzVmlzaWJsZTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIGlmIHRoZSBzdGF0ZSBtYXRjaGVzIHRoZSBkaXNpcmVkIHN0YXRlLCByZXR1cm4gd2l0aG91dCBjaGFuZ2luZyBhbnl0aGluZ1xuICAgICAgICBpZiAoKHRvU2hvdyAmJiBpc1Zpc2libGUpIHx8ICghdG9TaG93ICYmICFpc1Zpc2libGUpKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCBkaXNwYXRjaGluZ0VsZW1lbnQgPSB0aGlzLmdldERpc3BhdGNoZXIoZGlzcGF0Y2hlcik7XG5cbiAgICAgICAgLy8gc2hvdy9oaWRlIGV2ZW50cyB0cmlnZ2VyIGJlZm9yZSB0b2dnbGluZyB0aGUgY2xhc3NcbiAgICAgICAgY29uc3QgdHJpZ2dlcmVkRXZlbnQgPSB0aGlzLnRyaWdnZXJFdmVudChcbiAgICAgICAgICAgIHRvU2hvdyA/IFwic2hvd1wiIDogXCJoaWRlXCIsXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgcmV0dXJuRWxlbWVudDogdGhpcy5yZXR1cm5FbGVtZW50LFxuICAgICAgICAgICAgICAgIGRpc3BhdGNoZXI6IHRoaXMuZ2V0RGlzcGF0Y2hlcihkaXNwYXRjaGluZ0VsZW1lbnQpLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIHRoaXMudG9hc3RUYXJnZXRcbiAgICAgICAgKTtcblxuICAgICAgICAvLyBpZiB0aGlzIHByZS1zaG93L2hpZGUgZXZlbnQgd2FzIHByZXZlbnRlZCwgZG9uJ3QgYXR0ZW1wdCB0byBjb250aW51ZSBjaGFuZ2luZyB0aGUgdG9hc3Qgc3RhdGVcbiAgICAgICAgaWYgKHRyaWdnZXJlZEV2ZW50LmRlZmF1bHRQcmV2ZW50ZWQpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMucmV0dXJuRWxlbWVudCA9IHRyaWdnZXJlZEV2ZW50LmRldGFpbC5yZXR1cm5FbGVtZW50O1xuICAgICAgICB0aGlzLnRvYXN0VGFyZ2V0LnNldEF0dHJpYnV0ZShcImFyaWEtaGlkZGVuXCIsIHRvU2hvdyA/IFwiZmFsc2VcIiA6IFwidHJ1ZVwiKTtcblxuICAgICAgICBpZiAodG9TaG93KSB7XG4gICAgICAgICAgICB0aGlzLmJpbmREb2N1bWVudEV2ZW50cygpO1xuICAgICAgICAgICAgdGhpcy5oaWRlQWZ0ZXJUaW1lb3V0KCk7XG5cbiAgICAgICAgICAgIGlmICh0aGlzLmRhdGEuZ2V0KFwicHJldmVudC1mb2N1cy1jYXB0dXJlXCIpICE9PSBcInRydWVcIikge1xuICAgICAgICAgICAgICAgIHRoaXMuZm9jdXNJbnNpZGVUb2FzdCgpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy51bmJpbmREb2N1bWVudEV2ZW50cygpO1xuICAgICAgICAgICAgdGhpcy5mb2N1c1JldHVybkVsZW1lbnQoKTtcbiAgICAgICAgICAgIHRoaXMucmVtb3ZlVG9hc3RPbkhpZGUoKTtcbiAgICAgICAgICAgIHRoaXMuY2xlYXJBY3RpdmVUaW1lb3V0KCk7XG4gICAgICAgIH1cblxuICAgICAgICAvLyBjaGVjayBmb3IgdHJhbnNpdGlvbmVuZCBzdXBwb3J0XG4gICAgICAgIGNvbnN0IHN1cHBvcnRzVHJhbnNpdGlvbkVuZCA9XG4gICAgICAgICAgICB0aGlzLnRvYXN0VGFyZ2V0Lm9udHJhbnNpdGlvbmVuZCAhPT0gdW5kZWZpbmVkO1xuXG4gICAgICAgIC8vIHNob3duL2hpZGRlbiBldmVudHMgdHJpZ2dlciBhZnRlciB0b2dnbGluZyB0aGUgY2xhc3NcbiAgICAgICAgaWYgKHN1cHBvcnRzVHJhbnNpdGlvbkVuZCkge1xuICAgICAgICAgICAgLy8gd2FpdCB1bnRpbCBhZnRlciB0aGUgdG9hc3QgZmluaXNoZXMgdHJhbnNpdGlvbmluZyB0byBmaXJlIHRoZSBldmVudFxuICAgICAgICAgICAgdGhpcy50b2FzdFRhcmdldC5hZGRFdmVudExpc3RlbmVyKFxuICAgICAgICAgICAgICAgIFwidHJhbnNpdGlvbmVuZFwiLFxuICAgICAgICAgICAgICAgICgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgLy9UT0RPIHRoaXMgaXMgZmlyaW5nIHdhYWF5IHRvIHNvb24/XG4gICAgICAgICAgICAgICAgICAgIHRoaXMudHJpZ2dlckV2ZW50KFxuICAgICAgICAgICAgICAgICAgICAgICAgdG9TaG93ID8gXCJzaG93blwiIDogXCJoaWRkZW5cIixcbiAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNwYXRjaGVyOiBkaXNwYXRjaGluZ0VsZW1lbnQsXG4gICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy50b2FzdFRhcmdldFxuICAgICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgeyBvbmNlOiB0cnVlIH1cbiAgICAgICAgICAgICk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLnRyaWdnZXJFdmVudChcbiAgICAgICAgICAgICAgICB0b1Nob3cgPyBcInNob3duXCIgOiBcImhpZGRlblwiLFxuICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgZGlzcGF0Y2hlcjogZGlzcGF0Y2hpbmdFbGVtZW50LFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgdGhpcy50b2FzdFRhcmdldFxuICAgICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8qKlxuICAgICAqIExpc3RlbnMgZm9yIHRoZSBzLXRvYXN0OmhpZGRlbiBldmVudCBhbmQgZm9jdXNlcyB0aGUgcmV0dXJuRWxlbWVudCB3aGVuIGl0IGlzIGZpcmVkXG4gICAgICovXG4gICAgcHJpdmF0ZSBmb2N1c1JldHVybkVsZW1lbnQoKSB7XG4gICAgICAgIGlmICghdGhpcy5yZXR1cm5FbGVtZW50KSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLnRvYXN0VGFyZ2V0LmFkZEV2ZW50TGlzdGVuZXIoXG4gICAgICAgICAgICBcInMtdG9hc3Q6aGlkZGVuXCIsXG4gICAgICAgICAgICAoKSA9PiB7XG4gICAgICAgICAgICAgICAgLy8gZG91YmxlIGNoZWNrIHRoZSBlbGVtZW50IHN0aWxsIGV4aXN0cyB3aGVuIHRoZSBldmVudCBpcyBjYWxsZWRcbiAgICAgICAgICAgICAgICBpZiAoXG4gICAgICAgICAgICAgICAgICAgIHRoaXMucmV0dXJuRWxlbWVudCAmJlxuICAgICAgICAgICAgICAgICAgICBkb2N1bWVudC5ib2R5LmNvbnRhaW5zKHRoaXMucmV0dXJuRWxlbWVudClcbiAgICAgICAgICAgICAgICApIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5yZXR1cm5FbGVtZW50LmZvY3VzKCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIHsgb25jZTogdHJ1ZSB9XG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogUmVtb3ZlIHRoZSBlbGVtZW50IG9uIGhpZGUgaWYgdGhlIGByZW1vdmUtd2hlbi1oaWRkZW5gIGZsYWcgaXMgc2V0XG4gICAgICovXG4gICAgcHJpdmF0ZSByZW1vdmVUb2FzdE9uSGlkZSgpIHtcbiAgICAgICAgaWYgKHRoaXMuZGF0YS5nZXQoXCJyZW1vdmUtd2hlbi1oaWRkZW5cIikgIT09IFwidHJ1ZVwiKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLnRvYXN0VGFyZ2V0LmFkZEV2ZW50TGlzdGVuZXIoXG4gICAgICAgICAgICBcInMtdG9hc3Q6aGlkZGVuXCIsXG4gICAgICAgICAgICAoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5lbGVtZW50LnJlbW92ZSgpO1xuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIHsgb25jZTogdHJ1ZSB9XG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogSGlkZSB0aGUgZWxlbWVudCBhZnRlciBhIGRlbGF5XG4gICAgICovXG4gICAgcHJpdmF0ZSBoaWRlQWZ0ZXJUaW1lb3V0KCkge1xuICAgICAgICBpZiAoXG4gICAgICAgICAgICB0aGlzLmRhdGEuZ2V0KFwicHJldmVudC1hdXRvLWhpZGVcIikgPT09IFwidHJ1ZVwiIHx8XG4gICAgICAgICAgICB0aGlzLmRhdGEuZ2V0KFwiaGlkZS1hZnRlci10aW1lb3V0XCIpID09PSBcIjBcIlxuICAgICAgICApIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IHRpbWVvdXQgPVxuICAgICAgICAgICAgcGFyc2VJbnQodGhpcy5kYXRhLmdldChcImhpZGUtYWZ0ZXItdGltZW91dFwiKSBhcyBzdHJpbmcsIDEwKSB8fCAzMDAwO1xuXG4gICAgICAgIHRoaXMuYWN0aXZlVGltZW91dCA9IHdpbmRvdy5zZXRUaW1lb3V0KCgpID0+IHRoaXMuaGlkZSgpLCB0aW1lb3V0KTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDYW5jZWxzIHRoZSBhY3RpdmVUaW1lb3V0XG4gICAgICovXG4gICAgY2xlYXJBY3RpdmVUaW1lb3V0KCkge1xuICAgICAgICBjbGVhclRpbWVvdXQodGhpcy5hY3RpdmVUaW1lb3V0KTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBHZXRzIGFsbCBlbGVtZW50cyB3aXRoaW4gdGhlIHRvYXN0IHRoYXQgY291bGQgcmVjZWl2ZSBrZXlib2FyZCBmb2N1cy5cbiAgICAgKi9cbiAgICBwcml2YXRlIGdldEFsbFRhYmJhYmxlcygpIHtcbiAgICAgICAgcmV0dXJuIEFycmF5LmZyb20oXG4gICAgICAgICAgICB0aGlzLnRvYXN0VGFyZ2V0LnF1ZXJ5U2VsZWN0b3JBbGw8SFRNTEVsZW1lbnQ+KFxuICAgICAgICAgICAgICAgIFwiW2hyZWZdLCBpbnB1dCwgc2VsZWN0LCB0ZXh0YXJlYSwgYnV0dG9uLCBbdGFiaW5kZXhdXCJcbiAgICAgICAgICAgIClcbiAgICAgICAgKS5maWx0ZXIoKGVsOiBFbGVtZW50KSA9PlxuICAgICAgICAgICAgZWwubWF0Y2hlcyhcIjpub3QoW2Rpc2FibGVkXSk6bm90KFt0YWJpbmRleD0nLTEnXSlcIilcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBSZXR1cm5zIHRoZSBmaXJzdCB2aXNpYmxlIGVsZW1lbnQgaW4gYW4gYXJyYXkgb3IgYHVuZGVmaW5lZGAgaWYgbm8gZWxlbWVudHMgYXJlIHZpc2libGUuXG4gICAgICovXG4gICAgcHJpdmF0ZSBmaXJzdFZpc2libGUoZWxlbWVudHM/OiBIVE1MRWxlbWVudFtdKSB7XG4gICAgICAgIC8vIGh0dHBzOi8vc3RhY2tvdmVyZmxvdy5jb20vYS8yMTY5NjU4NVxuICAgICAgICByZXR1cm4gZWxlbWVudHM/LmZpbmQoKGVsKSA9PiBlbC5vZmZzZXRQYXJlbnQgIT09IG51bGwpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEF0dGVtcHRzIHRvIHNoaWZ0IGtleWJvYXJkIGZvY3VzIGludG8gdGhlIHRvYXN0LlxuICAgICAqIElmIGVsZW1lbnRzIHdpdGggYGRhdGEtcy10b2FzdC10YXJnZXQ9XCJpbml0aWFsRm9jdXNcImAgYXJlIHByZXNlbnQgYW5kIHZpc2libGUsIG9uZSBvZiB0aG9zZSB3aWxsIGJlIHNlbGVjdGVkLlxuICAgICAqIE90aGVyd2lzZSwgdGhlIGZpcnN0IHZpc2libGUgZm9jdXNhYmxlIGVsZW1lbnQgd2lsbCByZWNlaXZlIGZvY3VzLlxuICAgICAqL1xuICAgIHByaXZhdGUgZm9jdXNJbnNpZGVUb2FzdCgpIHtcbiAgICAgICAgdGhpcy50b2FzdFRhcmdldC5hZGRFdmVudExpc3RlbmVyKFxuICAgICAgICAgICAgXCJzLXRvYXN0OnNob3duXCIsXG4gICAgICAgICAgICAoKSA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgaW5pdGlhbEZvY3VzID1cbiAgICAgICAgICAgICAgICAgICAgdGhpcy5maXJzdFZpc2libGUodGhpcy5pbml0aWFsRm9jdXNUYXJnZXRzKSA/P1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmZpcnN0VmlzaWJsZSh0aGlzLmdldEFsbFRhYmJhYmxlcygpKTtcbiAgICAgICAgICAgICAgICBpbml0aWFsRm9jdXM/LmZvY3VzKCk7XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgeyBvbmNlOiB0cnVlIH1cbiAgICAgICAgKTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogQmluZHMgZ2xvYmFsIGV2ZW50cyB0byB0aGUgZG9jdW1lbnQgZm9yIGhpZGluZyB0b2FzdHMgb24gdXNlciBpbnRlcmFjdGlvblxuICAgICAqL1xuICAgIHByaXZhdGUgYmluZERvY3VtZW50RXZlbnRzKCkge1xuICAgICAgICAvLyBpbiBvcmRlciBmb3IgcmVtb3ZlRXZlbnRMaXN0ZW5lciB0byByZW1vdmUgdGhlIHJpZ2h0IGV2ZW50LCB0aGlzIGJvdW5kIGZ1bmN0aW9uIG5lZWRzIGEgY29uc3RhbnQgcmVmZXJlbmNlXG4gICAgICAgIHRoaXMuX2JvdW5kQ2xpY2tGbiA9XG4gICAgICAgICAgICB0aGlzLl9ib3VuZENsaWNrRm4gfHwgdGhpcy5oaWRlT25PdXRzaWRlQ2xpY2suYmluZCh0aGlzKTtcbiAgICAgICAgdGhpcy5fYm91bmRLZXlwcmVzc0ZuID1cbiAgICAgICAgICAgIHRoaXMuX2JvdW5kS2V5cHJlc3NGbiB8fCB0aGlzLmhpZGVPbkVzY2FwZVByZXNzLmJpbmQodGhpcyk7XG5cbiAgICAgICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcIm1vdXNlZG93blwiLCB0aGlzLl9ib3VuZENsaWNrRm4pO1xuICAgICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKFwia2V5dXBcIiwgdGhpcy5fYm91bmRLZXlwcmVzc0ZuKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBVbmJpbmRzIGdsb2JhbCBldmVudHMgdG8gdGhlIGRvY3VtZW50IGZvciBoaWRpbmcgdG9hc3RzIG9uIHVzZXIgaW50ZXJhY3Rpb25cbiAgICAgKi9cbiAgICBwcml2YXRlIHVuYmluZERvY3VtZW50RXZlbnRzKCkge1xuICAgICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKFwibW91c2Vkb3duXCIsIHRoaXMuX2JvdW5kQ2xpY2tGbik7XG4gICAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJrZXl1cFwiLCB0aGlzLl9ib3VuZEtleXByZXNzRm4pO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEZvcmNlcyB0aGUgdG9hc3QgdG8gaGlkZSBpZiBhIHVzZXIgY2xpY2tzIG91dHNpZGUgb2YgaXQgb3IgaXRzIHJlZmVyZW5jZSBlbGVtZW50XG4gICAgICovXG4gICAgcHJpdmF0ZSBoaWRlT25PdXRzaWRlQ2xpY2soZTogRXZlbnQpIHtcbiAgICAgICAgY29uc3QgdGFyZ2V0ID0gPE5vZGU+ZS50YXJnZXQ7XG4gICAgICAgIC8vIGNoZWNrIGlmIHRoZSBkb2N1bWVudCB3YXMgY2xpY2tlZCBpbnNpZGUgZWl0aGVyIHRoZSB0b2dnbGUgZWxlbWVudCBvciB0aGUgdG9hc3QgaXRzZWxmXG4gICAgICAgIC8vIG5vdGU6IC5jb250YWlucyBhbHNvIHJldHVybnMgdHJ1ZSBpZiB0aGUgbm9kZSBpdHNlbGYgbWF0Y2hlcyB0aGUgdGFyZ2V0IGVsZW1lbnRcbiAgICAgICAgaWYgKFxuICAgICAgICAgICAgIXRoaXMudG9hc3RUYXJnZXQ/LmNvbnRhaW5zKHRhcmdldCkgJiZcbiAgICAgICAgICAgIGRvY3VtZW50LmJvZHkuY29udGFpbnModGFyZ2V0KSAmJlxuICAgICAgICAgICAgdGhpcy5kYXRhLmdldChcImhpZGUtb24tb3V0c2lkZS1jbGlja1wiKSAhPT0gXCJmYWxzZVwiXG4gICAgICAgICkge1xuICAgICAgICAgICAgdGhpcy5fdG9nZ2xlKGZhbHNlLCBlKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEZvcmNlcyB0aGUgdG9hc3QgdG8gaGlkZSBpZiB0aGUgdXNlciBwcmVzc2VzIGVzY2FwZSB3aGlsZSBpdCwgb25lIG9mIGl0cyBjaGlsZGVuLCBvciB0aGUgcmVmZXJlbmNlIGVsZW1lbnQgYXJlIGZvY3VzZWRcbiAgICAgKi9cbiAgICBwcml2YXRlIGhpZGVPbkVzY2FwZVByZXNzKGU6IEtleWJvYXJkRXZlbnQpIHtcbiAgICAgICAgLy8gaWYgdGhlIEVTQyBrZXkgKDI3KSB3YXNuJ3QgcHJlc3NlZCBvciBpZiBubyB0b2FzdHMgYXJlIHNob3dpbmcsIHJldHVyblxuICAgICAgICBpZiAoXG4gICAgICAgICAgICBlLndoaWNoICE9PSAyNyB8fFxuICAgICAgICAgICAgdGhpcy50b2FzdFRhcmdldC5nZXRBdHRyaWJ1dGUoXCJhcmlhLWhpZGRlblwiKSA9PT0gXCJ0cnVlXCJcbiAgICAgICAgKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLl90b2dnbGUoZmFsc2UsIGUpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIERldGVybWluZXMgdGhlIGNvcnJlY3QgZGlzcGF0Y2hpbmcgZWxlbWVudCBmcm9tIGEgcG90ZW50aWFsIGlucHV0XG4gICAgICogQHBhcmFtIGRpc3BhdGNoZXIgVGhlIGV2ZW50IG9yIGVsZW1lbnQgdG8gZ2V0IHRoZSBkaXNwYXRjaGVyIGZyb21cbiAgICAgKi9cbiAgICBwcml2YXRlIGdldERpc3BhdGNoZXIoZGlzcGF0Y2hlcjogRXZlbnQgfCBFbGVtZW50IHwgbnVsbCA9IG51bGwpOiBFbGVtZW50IHtcbiAgICAgICAgaWYgKGRpc3BhdGNoZXIgaW5zdGFuY2VvZiBFdmVudCkge1xuICAgICAgICAgICAgcmV0dXJuIDxFbGVtZW50PmRpc3BhdGNoZXIudGFyZ2V0O1xuICAgICAgICB9IGVsc2UgaWYgKGRpc3BhdGNoZXIgaW5zdGFuY2VvZiBFbGVtZW50KSB7XG4gICAgICAgICAgICByZXR1cm4gZGlzcGF0Y2hlcjtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHJldHVybiB0aGlzLmVsZW1lbnQ7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbi8qKlxuICogSGVscGVyIHRvIG1hbnVhbGx5IHNob3cgYW4gcy10b2FzdCBlbGVtZW50IHZpYSBleHRlcm5hbCBKU1xuICogQHBhcmFtIGVsZW1lbnQgdGhlIGVsZW1lbnQgdGhlIGBkYXRhLWNvbnRyb2xsZXI9XCJzLXRvYXN0XCJgIGF0dHJpYnV0ZSBpcyBvblxuICovXG5leHBvcnQgZnVuY3Rpb24gc2hvd1RvYXN0KGVsZW1lbnQ6IEhUTUxFbGVtZW50KSB7XG4gICAgdG9nZ2xlVG9hc3QoZWxlbWVudCwgdHJ1ZSk7XG59XG5cbi8qKlxuICogSGVscGVyIHRvIG1hbnVhbGx5IGhpZGUgYW4gcy10b2FzdCBlbGVtZW50IHZpYSBleHRlcm5hbCBKU1xuICogQHBhcmFtIGVsZW1lbnQgdGhlIGVsZW1lbnQgdGhlIGBkYXRhLWNvbnRyb2xsZXI9XCJzLXRvYXN0XCJgIGF0dHJpYnV0ZSBpcyBvblxuICovXG5leHBvcnQgZnVuY3Rpb24gaGlkZVRvYXN0KGVsZW1lbnQ6IEhUTUxFbGVtZW50KSB7XG4gICAgdG9nZ2xlVG9hc3QoZWxlbWVudCwgZmFsc2UpO1xufVxuXG4vKipcbiAqIEhlbHBlciB0byBtYW51YWxseSBzaG93IGFuIHMtdG9hc3QgZWxlbWVudCB2aWEgZXh0ZXJuYWwgSlNcbiAqIEBwYXJhbSBlbGVtZW50IHRoZSBlbGVtZW50IHRoZSBgZGF0YS1jb250cm9sbGVyPVwicy10b2FzdFwiYCBhdHRyaWJ1dGUgaXMgb25cbiAqIEBwYXJhbSBzaG93IHdoZXRoZXIgdG8gZm9yY2Ugc2hvdy9oaWRlIHRoZSB0b2FzdDsgdG9nZ2xlcyB0aGUgdG9hc3QgaWYgbGVmdCB1bmRlZmluZWRcbiAqL1xuZnVuY3Rpb24gdG9nZ2xlVG9hc3QoZWxlbWVudDogSFRNTEVsZW1lbnQsIHNob3c/OiBib29sZWFuIHwgdW5kZWZpbmVkKSB7XG4gICAgY29uc3QgY29udHJvbGxlciA9IFN0YWNrcy5hcHBsaWNhdGlvbi5nZXRDb250cm9sbGVyRm9yRWxlbWVudEFuZElkZW50aWZpZXIoXG4gICAgICAgIGVsZW1lbnQsXG4gICAgICAgIFwicy10b2FzdFwiXG4gICAgKSBhcyBUb2FzdENvbnRyb2xsZXI7XG5cbiAgICBpZiAoIWNvbnRyb2xsZXIpIHtcbiAgICAgICAgdGhyb3cgXCJVbmFibGUgdG8gZ2V0IHMtdG9hc3QgY29udHJvbGxlciBmcm9tIGVsZW1lbnRcIjtcbiAgICB9XG5cbiAgICBzaG93ID8gY29udHJvbGxlci5zaG93KCkgOiBjb250cm9sbGVyLmhpZGUoKTtcbn1cbiIsIi8vIGV4cG9ydCBhbGwgY29udHJvbGxlcnMgKndpdGggaGVscGVycyogc28gdGhleSBjYW4gYmUgYnVsayByZS1leHBvcnRlZCBieSB0aGUgcGFja2FnZSBlbnRyeSBwb2ludFxuZXhwb3J0IHtcbiAgICBCYW5uZXJDb250cm9sbGVyLFxuICAgIGhpZGVCYW5uZXIsXG4gICAgc2hvd0Jhbm5lcixcbn0gZnJvbSBcIi4vY29tcG9uZW50cy9iYW5uZXIvYmFubmVyXCI7XG5leHBvcnQge1xuICAgIE1vZGFsQ29udHJvbGxlcixcbiAgICBoaWRlTW9kYWwsXG4gICAgc2hvd01vZGFsLFxufSBmcm9tIFwiLi9jb21wb25lbnRzL21vZGFsL21vZGFsXCI7XG5leHBvcnQgeyBUYWJMaXN0Q29udHJvbGxlciB9IGZyb20gXCIuL2NvbXBvbmVudHMvbmF2aWdhdGlvbi9uYXZpZ2F0aW9uXCI7XG5leHBvcnQge1xuICAgIGF0dGFjaFBvcG92ZXIsXG4gICAgZGV0YWNoUG9wb3ZlcixcbiAgICBoaWRlUG9wb3ZlcixcbiAgICBCYXNlUG9wb3ZlckNvbnRyb2xsZXIsXG4gICAgUG9wb3ZlckNvbnRyb2xsZXIsXG4gICAgc2hvd1BvcG92ZXIsXG59IGZyb20gXCIuL2NvbXBvbmVudHMvcG9wb3Zlci9wb3BvdmVyXCI7XG5leHBvcnQgeyBUYWJsZUNvbnRyb2xsZXIgfSBmcm9tIFwiLi9jb21wb25lbnRzL3RhYmxlL3RhYmxlXCI7XG5leHBvcnQge1xuICAgIFRvYXN0Q29udHJvbGxlcixcbiAgICBoaWRlVG9hc3QsXG4gICAgc2hvd1RvYXN0LFxufSBmcm9tIFwiLi9jb21wb25lbnRzL3RvYXN0L3RvYXN0XCI7XG5leHBvcnQge1xuICAgIHNldFRvb2x0aXBIdG1sLFxuICAgIHNldFRvb2x0aXBUZXh0LFxuICAgIFRvb2x0aXBDb250cm9sbGVyLFxufSBmcm9tIFwiLi9jb21wb25lbnRzL3BvcG92ZXIvdG9vbHRpcFwiO1xuIiwiaW1wb3J0IFwiLi9zdGFja3MubGVzc1wiO1xuaW1wb3J0IHtcbiAgICBCYW5uZXJDb250cm9sbGVyLFxuICAgIE1vZGFsQ29udHJvbGxlcixcbiAgICBQb3BvdmVyQ29udHJvbGxlcixcbiAgICBUYWJsZUNvbnRyb2xsZXIsXG4gICAgVGFiTGlzdENvbnRyb2xsZXIsXG4gICAgVG9hc3RDb250cm9sbGVyLFxuICAgIFRvb2x0aXBDb250cm9sbGVyLFxufSBmcm9tIFwiLi9jb250cm9sbGVyc1wiO1xuaW1wb3J0IHsgYXBwbGljYXRpb24sIFN0YWNrc0FwcGxpY2F0aW9uIH0gZnJvbSBcIi4vc3RhY2tzXCI7XG5cbi8vIHJlZ2lzdGVyIGFsbCBidWlsdC1pbiBjb250cm9sbGVyc1xuYXBwbGljYXRpb24ucmVnaXN0ZXIoXCJzLWJhbm5lclwiLCBCYW5uZXJDb250cm9sbGVyKTtcbmFwcGxpY2F0aW9uLnJlZ2lzdGVyKFwicy1tb2RhbFwiLCBNb2RhbENvbnRyb2xsZXIpO1xuYXBwbGljYXRpb24ucmVnaXN0ZXIoXCJzLXRvYXN0XCIsIFRvYXN0Q29udHJvbGxlcik7XG5hcHBsaWNhdGlvbi5yZWdpc3RlcihcInMtbmF2aWdhdGlvbi10YWJsaXN0XCIsIFRhYkxpc3RDb250cm9sbGVyKTtcbmFwcGxpY2F0aW9uLnJlZ2lzdGVyKFwicy1wb3BvdmVyXCIsIFBvcG92ZXJDb250cm9sbGVyKTtcbmFwcGxpY2F0aW9uLnJlZ2lzdGVyKFwicy10YWJsZVwiLCBUYWJsZUNvbnRyb2xsZXIpO1xuYXBwbGljYXRpb24ucmVnaXN0ZXIoXCJzLXRvb2x0aXBcIiwgVG9vbHRpcENvbnRyb2xsZXIpO1xuXG4vLyBmaW5hbGl6ZSB0aGUgYXBwbGljYXRpb24gdG8gZ3VhcmQgb3VyIGNvbnRyb2xsZXIgbmFtZXNwYWNlXG5TdGFja3NBcHBsaWNhdGlvbi5maW5hbGl6ZSgpO1xuXG4vLyBleHBvcnQgYWxsIGNvbnRyb2xsZXJzIHcvIGhlbHBlcnNcbmV4cG9ydCAqIGZyb20gXCIuL2NvbnRyb2xsZXJzXCI7XG4vLyBleHBvcnQgdGhlIGVudGlyZXR5IG9mIHRoZSBjb250ZW50cyBvZiBzdGFja3MudHNcbmV4cG9ydCAqIGZyb20gXCIuL3N0YWNrc1wiO1xuIiwiLy8gZXh0cmFjdGVkIGJ5IG1pbmktY3NzLWV4dHJhY3QtcGx1Z2luXG5leHBvcnQge307IiwiaW1wb3J0ICogYXMgU3RpbXVsdXMgZnJvbSBcIkBob3R3aXJlZC9zdGltdWx1c1wiO1xuXG5leHBvcnQgY2xhc3MgU3RhY2tzQXBwbGljYXRpb24gZXh0ZW5kcyBTdGltdWx1cy5BcHBsaWNhdGlvbiB7XG4gICAgc3RhdGljIF9pbml0aWFsaXppbmcgPSB0cnVlO1xuXG4gICAgbG9hZCguLi5kZWZpbml0aW9uczogU3RpbXVsdXMuRGVmaW5pdGlvbltdKTogdm9pZDtcbiAgICBsb2FkKGRlZmluaXRpb25zOiBTdGltdWx1cy5EZWZpbml0aW9uW10pOiB2b2lkO1xuICAgIGxvYWQoXG4gICAgICAgIGhlYWQ6IFN0aW11bHVzLkRlZmluaXRpb24gfCBTdGltdWx1cy5EZWZpbml0aW9uW10sXG4gICAgICAgIC4uLnJlc3Q6IFN0aW11bHVzLkRlZmluaXRpb25bXVxuICAgICkge1xuICAgICAgICBjb25zdCBkZWZpbml0aW9ucyA9IEFycmF5LmlzQXJyYXkoaGVhZCkgPyBoZWFkIDogW2hlYWQsIC4uLnJlc3RdO1xuXG4gICAgICAgIGZvciAoY29uc3QgZGVmaW5pdGlvbiBvZiBkZWZpbml0aW9ucykge1xuICAgICAgICAgICAgY29uc3QgaGFzUHJlZml4ID0gL15zLS8udGVzdChkZWZpbml0aW9uLmlkZW50aWZpZXIpO1xuICAgICAgICAgICAgaWYgKFN0YWNrc0FwcGxpY2F0aW9uLl9pbml0aWFsaXppbmcgJiYgIWhhc1ByZWZpeCkge1xuICAgICAgICAgICAgICAgIHRocm93ICdTdGFja3MtY3JlYXRlZCBTdGltdWx1cyBjb250cm9sbGVyIG5hbWVzIG11c3Qgc3RhcnQgd2l0aCBcInMtXCIuJztcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGlmICghU3RhY2tzQXBwbGljYXRpb24uX2luaXRpYWxpemluZyAmJiBoYXNQcmVmaXgpIHtcbiAgICAgICAgICAgICAgICB0aHJvdyAnVGhlIFwicy1cIiBwcmVmaXggb24gU3RpbXVsdXMgY29udHJvbGxlciBuYW1lcyBpcyByZXNlcnZlZCBmb3IgU3RhY2tzLWNyZWF0ZWQgY29udHJvbGxlcnMuJztcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIHN1cGVyLmxvYWQoZGVmaW5pdGlvbnMpO1xuICAgIH1cblxuICAgIHN0YXRpYyBzdGFydChcbiAgICAgICAgZWxlbWVudD86IEVsZW1lbnQsXG4gICAgICAgIHNjaGVtYT86IFN0aW11bHVzLlNjaGVtYVxuICAgICk6IFN0YWNrc0FwcGxpY2F0aW9uIHtcbiAgICAgICAgY29uc3QgYXBwbGljYXRpb24gPSBuZXcgU3RhY2tzQXBwbGljYXRpb24oZWxlbWVudCwgc2NoZW1hKTtcblxuICAgICAgICBhcHBsaWNhdGlvbi5zdGFydCgpO1xuICAgICAgICByZXR1cm4gYXBwbGljYXRpb247XG4gICAgfVxuXG4gICAgc3RhdGljIGZpbmFsaXplKCkge1xuICAgICAgICBTdGFja3NBcHBsaWNhdGlvbi5faW5pdGlhbGl6aW5nID0gZmFsc2U7XG4gICAgfVxufVxuXG5leHBvcnQgY29uc3QgYXBwbGljYXRpb246IFN0aW11bHVzLkFwcGxpY2F0aW9uID0gU3RhY2tzQXBwbGljYXRpb24uc3RhcnQoKTtcblxuZXhwb3J0IGNsYXNzIFN0YWNrc0NvbnRyb2xsZXIgZXh0ZW5kcyBTdGltdWx1cy5Db250cm9sbGVyIHtcbiAgICBwcm90ZWN0ZWQgZ2V0RWxlbWVudERhdGEoZWxlbWVudDogRWxlbWVudCwga2V5OiBzdHJpbmcpIHtcbiAgICAgICAgcmV0dXJuIGVsZW1lbnQuZ2V0QXR0cmlidXRlKFwiZGF0YS1cIiArIHRoaXMuaWRlbnRpZmllciArIFwiLVwiICsga2V5KTtcbiAgICB9XG4gICAgcHJvdGVjdGVkIHNldEVsZW1lbnREYXRhKGVsZW1lbnQ6IEVsZW1lbnQsIGtleTogc3RyaW5nLCB2YWx1ZTogc3RyaW5nKSB7XG4gICAgICAgIGVsZW1lbnQuc2V0QXR0cmlidXRlKFwiZGF0YS1cIiArIHRoaXMuaWRlbnRpZmllciArIFwiLVwiICsga2V5LCB2YWx1ZSk7XG4gICAgfVxuICAgIHByb3RlY3RlZCByZW1vdmVFbGVtZW50RGF0YShlbGVtZW50OiBFbGVtZW50LCBrZXk6IHN0cmluZykge1xuICAgICAgICBlbGVtZW50LnJlbW92ZUF0dHJpYnV0ZShcImRhdGEtXCIgKyB0aGlzLmlkZW50aWZpZXIgKyBcIi1cIiArIGtleSk7XG4gICAgfVxuICAgIHByb3RlY3RlZCB0cmlnZ2VyRXZlbnQ8VD4oXG4gICAgICAgIGV2ZW50TmFtZTogc3RyaW5nLFxuICAgICAgICBkZXRhaWw/OiBULFxuICAgICAgICBvcHRpb25hbEVsZW1lbnQ/OiBFbGVtZW50XG4gICAgKSB7XG4gICAgICAgIGNvbnN0IG5hbWVzcGFjZWROYW1lID0gdGhpcy5pZGVudGlmaWVyICsgXCI6XCIgKyBldmVudE5hbWU7XG4gICAgICAgIGxldCBldmVudDogQ3VzdG9tRXZlbnQ8VD47XG4gICAgICAgIHRyeSB7XG4gICAgICAgICAgICBldmVudCA9IG5ldyBDdXN0b21FdmVudChuYW1lc3BhY2VkTmFtZSwge1xuICAgICAgICAgICAgICAgIGJ1YmJsZXM6IHRydWUsXG4gICAgICAgICAgICAgICAgY2FuY2VsYWJsZTogdHJ1ZSxcbiAgICAgICAgICAgICAgICBkZXRhaWw6IGRldGFpbCxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9IGNhdGNoIHtcbiAgICAgICAgICAgIC8vIEludGVybmV0IEV4cGxvcmVyXG5cbiAgICAgICAgICAgIGV2ZW50ID0gZG9jdW1lbnQuY3JlYXRlRXZlbnQoXCJDdXN0b21FdmVudFwiKTtcbiAgICAgICAgICAgIGV2ZW50LmluaXRDdXN0b21FdmVudChuYW1lc3BhY2VkTmFtZSwgdHJ1ZSwgdHJ1ZSwgZGV0YWlsKTtcbiAgICAgICAgfVxuICAgICAgICAob3B0aW9uYWxFbGVtZW50IHx8IHRoaXMuZWxlbWVudCkuZGlzcGF0Y2hFdmVudChldmVudCk7XG4gICAgICAgIHJldHVybiBldmVudDtcbiAgICB9XG59XG5cbi8vIENvbnRyb2xsZXJEZWZpbml0aW9uL2NyZWF0ZUNvbnRyb2xsZXIvYWRkQ29udHJvbGxlciBpcyBoZXJlIHRvIG1ha2Vcbi8vIGl0IGVhc2llciB0byBjb25zdW1lIFN0aW11bHVzIGZyb20gRVM1IGZpbGVzICh3aXRob3V0IGNsYXNzZXMpXG5leHBvcnQgaW50ZXJmYWNlIENvbnRyb2xsZXJEZWZpbml0aW9uIHtcbiAgICBbbmFtZTogc3RyaW5nXTogdW5rbm93bjtcbiAgICB0YXJnZXRzPzogc3RyaW5nW107XG59XG5leHBvcnQgZnVuY3Rpb24gY3JlYXRlQ29udHJvbGxlcihcbiAgICBjb250cm9sbGVyRGVmaW5pdGlvbjogQ29udHJvbGxlckRlZmluaXRpb25cbik6IHR5cGVvZiBTdGFja3NDb250cm9sbGVyIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcHJvdG90eXBlLWJ1aWx0aW5zXG4gICAgY29uc3QgQ29udHJvbGxlciA9IGNvbnRyb2xsZXJEZWZpbml0aW9uLmhhc093blByb3BlcnR5KFwidGFyZ2V0c1wiKVxuICAgICAgICA/IGNsYXNzIENvbnRyb2xsZXIgZXh0ZW5kcyBTdGFja3NDb250cm9sbGVyIHtcbiAgICAgICAgICAgICAgc3RhdGljIHRhcmdldHMgPSBjb250cm9sbGVyRGVmaW5pdGlvbi50YXJnZXRzID8/IFtdO1xuICAgICAgICAgIH1cbiAgICAgICAgOiBjbGFzcyBDb250cm9sbGVyIGV4dGVuZHMgU3RhY2tzQ29udHJvbGxlciB7fTtcblxuICAgIGZvciAoY29uc3QgcHJvcCBpbiBjb250cm9sbGVyRGVmaW5pdGlvbikge1xuICAgICAgICBjb25zdCBvd25Qcm9wRGVzY3JpcHRvciA9XG4gICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcHJvdG90eXBlLWJ1aWx0aW5zXG4gICAgICAgICAgICBjb250cm9sbGVyRGVmaW5pdGlvbi5oYXNPd25Qcm9wZXJ0eShwcm9wKSAmJlxuICAgICAgICAgICAgT2JqZWN0LmdldE93blByb3BlcnR5RGVzY3JpcHRvcihjb250cm9sbGVyRGVmaW5pdGlvbiwgcHJvcCk7XG4gICAgICAgIGlmIChwcm9wICE9PSBcInRhcmdldHNcIiAmJiBvd25Qcm9wRGVzY3JpcHRvcikge1xuICAgICAgICAgICAgT2JqZWN0LmRlZmluZVByb3BlcnR5KFxuICAgICAgICAgICAgICAgIENvbnRyb2xsZXIucHJvdG90eXBlLFxuICAgICAgICAgICAgICAgIHByb3AsXG4gICAgICAgICAgICAgICAgb3duUHJvcERlc2NyaXB0b3JcbiAgICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gQ29udHJvbGxlcjtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGFkZENvbnRyb2xsZXIobmFtZTogc3RyaW5nLCBjb250cm9sbGVyOiBDb250cm9sbGVyRGVmaW5pdGlvbikge1xuICAgIGFwcGxpY2F0aW9uLnJlZ2lzdGVyKG5hbWUsIGNyZWF0ZUNvbnRyb2xsZXIoY29udHJvbGxlcikpO1xufVxuIiwiaW1wb3J0ICogYXMgU3RpbXVsdXMgZnJvbSBcIkBob3R3aXJlZC9zdGltdWx1c1wiO1xuXG4oZnVuY3Rpb24oKXtcbiAgICB2YXIgYXBwbGljYXRpb24gPSBTdGltdWx1cy5BcHBsaWNhdGlvbi5zdGFydCgpO1xuICAgIGFwcGxpY2F0aW9uLnJlZ2lzdGVyKFwiZG9jcy1yZXNpemVyXCIsIGNsYXNzIGV4dGVuZHMgU3RpbXVsdXMuQ29udHJvbGxlciB7XG4gICAgICAgIHN0YXRpYyB0YXJnZXRzID0gW1wicmVzaXphYmxlXCIsIFwiZGVmYXVsdFwiXTtcbiAgICAgICAgcmVzaXphYmxlVGFyZ2V0ITogRWxlbWVudDtcbiAgICAgICAgcmVzaXphYmxlVGFyZ2V0cyE6IEVsZW1lbnRbXTtcbiAgICAgICAgaGFzUmVzaXphYmxlVGFyZ2V0ITogYm9vbGVhbjtcbiAgICAgICAgZGVmYXVsdFRhcmdldCE6IEVsZW1lbnQ7XG4gICAgICAgIGRlZmF1bHRUYXJnZXRzITogRWxlbWVudFtdO1xuICAgICAgICBoYXNEZWZhdWx0VGFyZ2V0ITogYm9vbGVhbjtcblxuICAgICAgICBwcml2YXRlIF9zZWxlY3RlZCE6IEVsZW1lbnQgfCBudWxsO1xuICAgICAgICBwcml2YXRlIF9zaXplQ2xhc3MhOiBzdHJpbmcgfCBudWxsO1xuXG4gICAgICAgIGNvbm5lY3QoKSB7XG4gICAgICAgICAgICB0aGlzLl9zZWxlY3RlZCA9IG51bGw7XG4gICAgICAgICAgICB0aGlzLl9zaXplQ2xhc3MgPSBudWxsO1xuICAgICAgICAgICAgaWYgKHRoaXMuaGFzRGVmYXVsdFRhcmdldCkge1xuICAgICAgICAgICAgICAgIHZhciBldnQgPSBkb2N1bWVudC5jcmVhdGVFdmVudCgnbW91c2VldmVudCcpO1xuICAgICAgICAgICAgICAgIGV2dC5pbml0RXZlbnQoJ2NsaWNrJywgdHJ1ZSwgdHJ1ZSk7XG4gICAgICAgICAgICAgICAgdmFyIHRoYXQgPSB0aGlzO1xuICAgICAgICAgICAgICAgIHNldFRpbWVvdXQoZnVuY3Rpb24gKCkge1xuICAgICAgICAgICAgICAgICAgICB0aGF0LmRlZmF1bHRUYXJnZXQuZGlzcGF0Y2hFdmVudChldnQpO1xuICAgICAgICAgICAgICAgIH0sIDApO1xuICAgICAgICAgICAgfVxuICAgICAgICB9O1xuXG4gICAgICAgIHNtYWxsKGU6IEV2ZW50KSB7XG4gICAgICAgICAgICB0aGlzLl9oYW5kbGVTaXplRXZlbnQoZSwgXCJ3NDBcIik7XG4gICAgICAgIH07XG5cbiAgICAgICAgbGFyZ2UoZTogRXZlbnQpIHtcbiAgICAgICAgICAgIHRoaXMuX2hhbmRsZVNpemVFdmVudChlLCBcIncxMDBcIik7XG4gICAgICAgIH07XG5cbiAgICAgICAgX2hhbmRsZVNpemVFdmVudChldnQ6IEV2ZW50LCBjbHM6IHN0cmluZykge1xuICAgICAgICAgICAgaWYgKCEoZXZ0LmN1cnJlbnRUYXJnZXQgaW5zdGFuY2VvZiBFbGVtZW50KSkge1xuICAgICAgICAgICAgICAgIHRocm93IFwidW5leHBlY3RlZCBldmVudFwiXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpZiAodGhpcy5fc2l6ZUNsYXNzKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5yZXNpemFibGVUYXJnZXQuY2xhc3NMaXN0LnJlbW92ZSh0aGlzLl9zaXplQ2xhc3MpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgaWYgKHRoaXMuX3NlbGVjdGVkKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5fc2VsZWN0ZWQuY2xhc3NMaXN0LnJlbW92ZShcImJnLWJsYWNrLTIyNVwiKTtcbiAgICAgICAgICAgICAgICB0aGlzLl9zZWxlY3RlZC5jbGFzc0xpc3QucmVtb3ZlKFwiZmMtYmxhY2stNTAwXCIpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgdGhpcy5fc2l6ZUNsYXNzID0gY2xzO1xuICAgICAgICAgICAgdGhpcy5yZXNpemFibGVUYXJnZXQuY2xhc3NMaXN0LmFkZChjbHMpO1xuICAgICAgICAgICAgdGhpcy5fc2VsZWN0ZWQgPSBldnQuY3VycmVudFRhcmdldCBhcyBFbGVtZW50O1xuICAgICAgICAgICAgZXZ0LmN1cnJlbnRUYXJnZXQuY2xhc3NMaXN0LmFkZChcImJnLWJsYWNrLTIyNVwiKTtcbiAgICAgICAgICAgIGV2dC5jdXJyZW50VGFyZ2V0LmNsYXNzTGlzdC5hZGQoXCJmYy1ibGFjay01MDBcIik7XG4gICAgICAgICAgICBldnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgfVxuICAgIH0pO1xufSkoKTsiLCJ2YXIgZmVlZGJhY2tGb3JtcyA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJy5qcy1mZWVkYmFjay1mb3JtJyk7XG52YXIgZmVlZGJhY2tUb2FzdCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJy5qcy1mZWVkYmFjay10b2FzdCcpO1xuXG5mb3IgKHZhciBmb3JtIG9mIGZlZWRiYWNrRm9ybXMpIHtcbiAgICBmb3JtLmFkZEV2ZW50TGlzdGVuZXIoJ3N1Ym1pdCcsIGhhbmRsZUZlZWRiYWNrKVxufVxuXG5mdW5jdGlvbiBoYW5kbGVGZWVkYmFjayhldnQpIHtcbiAgICBldnQucHJldmVudERlZmF1bHQoKTtcblxuICAgIHZhciBmb3JtRGF0YSA9IG5ldyBGb3JtRGF0YShldnQudGFyZ2V0KTtcbiAgICBmZXRjaCgnLycsIHtcbiAgICAgICAgbWV0aG9kOiAnUE9TVCcsXG4gICAgICAgIGhlYWRlcnM6IHsgXCJDb250ZW50LVR5cGVcIjogXCJhcHBsaWNhdGlvbi94LXd3dy1mb3JtLXVybGVuY29kZWRcIiB9LFxuICAgICAgICBib2R5OiBuZXcgVVJMU2VhcmNoUGFyYW1zKGZvcm1EYXRhKS50b1N0cmluZygpXG4gICAgfSlcbiAgICAudGhlbigoKSA9PiBvcGVuVG9hc3QoKSlcbiAgICAuY2F0Y2goKGVycm9yKSA9PiBhbGVydChlcnJvcikpXG59XG5cbmZ1bmN0aW9uIG9wZW5Ub2FzdCgpIHtcbiAgICBmZWVkYmFja1RvYXN0LnNldEF0dHJpYnV0ZShcImFyaWEtaGlkZGVuXCIsIFwiZmFsc2VcIik7XG5cbiAgICBmb3IgKHZhciBmb3JtIG9mIGZlZWRiYWNrRm9ybXMpIHtcbiAgICAgICAgZm9ybS5jbGFzc0xpc3QuYWRkKFwicGUtbm9uZVwiLCBcIm81MFwiKTtcbiAgICB9XG5cbiAgICBzZXRUaW1lb3V0KGZ1bmN0aW9uICgpIHtcbiAgICAgICAgZmVlZGJhY2tUb2FzdC5zZXRBdHRyaWJ1dGUoXCJhcmlhLWhpZGRlblwiLCBcInRydWVcIik7XG5cbiAgICAgICAgZm9yICh2YXIgZm9ybSBvZiBmZWVkYmFja0Zvcm1zKSB7XG4gICAgICAgICAgICBmb3JtLmNsYXNzTGlzdC5yZW1vdmUoXCJwZS1ub25lXCIsIFwibzUwXCIpO1xuICAgICAgICB9XG4gICAgfSwgNTAwMCk7XG59IiwiJChkb2N1bWVudCkucmVhZHkoZnVuY3Rpb24oKSB7XG4gICAgdmFyIG5hdmlnYXRpb24gPSAkKFwiLmpzLW5hdmlnYXRpb25cIik7XG4gICAgdmFyIGhhbWJ1cmdlckJ0biA9ICQoXCIuanMtaGFtYnVyZ2VyLWJ0blwiKTtcblxuICAgIGhhbWJ1cmdlckJ0bi5vbihcImNsaWNrXCIsIGZ1bmN0aW9uKGUpIHtcbiAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuXG4gICAgICAgIGhhbWJ1cmdlckJ0bi50b2dnbGVDbGFzcyhcImlzLXNlbGVjdGVkXCIpO1xuICAgICAgICBuYXZpZ2F0aW9uLnRvZ2dsZUNsYXNzKFwibWQ6ZC1ub25lXCIpO1xuICAgIH0pO1xufSk7XG4iLCIvLyBAdHMtZXhwZWN0LWVycm9yXG5nbG9iYWwuJCA9IHJlcXVpcmUoXCJqcXVlcnlcIik7XG4iLCIkKGRvY3VtZW50KS5yZWFkeShmdW5jdGlvbigpIHtcbiAgICAvLyBDYWNoZSBzb21lIHZhcmlhYmxlc1xuICAgIHZhciBuYXZpZ2F0aW9uID0gJChcIi5qcy1uYXZpZ2F0aW9uXCIpO1xuICAgIHZhciBoYW1idXJnZXJCdG4gPSAkKFwiLmpzLWhhbWJ1cmdlci1idG5cIik7XG5cbiAgICAvLyBEaXNhYmxlIGFueSBlbXB0eSBsaW5rc1xuICAgICQoXCJhW2hyZWY9JyMnXVwiKS5jbGljayhmdW5jdGlvbihlKSB7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICB9KTtcblxuICAgIC8vIERvY3MgdGFibGUgXCJTaG93IGFsbCBjbGFzc2VzXCIgLSB1c2UgZGVsZWdhdGlvbiBzbyBpdCB3b3JrcyBhZnRlciBzaWRlYmFyIG5hdiBBSkFYIGxvYWRcbiAgICAkKGRvY3VtZW50KS5vbihcImNsaWNrXCIsIFwiLmpzLWRvY3MtdGFibGUtZXhwYW5kXCIsIGZ1bmN0aW9uKCkge1xuICAgICAgICB2YXIgYnV0dG9uID0gJCh0aGlzKTtcbiAgICAgICAgdmFyIHRhYmxlSWQgPSBidXR0b24uYXR0cihcImFyaWEtY29udHJvbHNcIik7XG4gICAgICAgIHZhciB0YWJsZSA9IHRhYmxlSWQgPyBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCh0YWJsZUlkKSA6IG51bGw7XG4gICAgICAgIGlmICh0YWJsZSkge1xuICAgICAgICAgICAgYnV0dG9uLmFkZENsYXNzKFwiZC1ub25lXCIpO1xuICAgICAgICAgICAgYnV0dG9uLmF0dHIoXCJhcmlhLWV4cGFuZGVkXCIsIFwidHJ1ZVwiKTtcbiAgICAgICAgICAgIHRhYmxlLmNsYXNzTGlzdC5yZW1vdmUoXCJ2LXRydW5jYXRlXCIsIFwidi10cnVuY2F0ZS1mYWRlXCIsIFwib3ZlcmZsb3ctYXV0b1wiKTtcbiAgICAgICAgICAgIHRhYmxlLmNsYXNzTGlzdC5hZGQoXCJvdmVyZmxvdy14LWF1dG9cIik7XG4gICAgICAgIH1cbiAgICB9KTtcblxuICAgIGZ1bmN0aW9uIHJlZ2VuZXJhdGVNZW51ICgpIHtcbiAgICAgICAgLy8gSGlkZSB0aGUgbmF2aWdhdGlvbiBpZiB3ZSd2ZSBvcGVuZWQgaXRcbiAgICAgICAgaGFtYnVyZ2VyQnRuLnJlbW92ZUNsYXNzKFwiaXMtc2VsZWN0ZWRcIik7XG4gICAgICAgIG5hdmlnYXRpb24uYWRkQ2xhc3MoXCJtZDpkLW5vbmVcIik7XG4gICAgfVxuXG4gICAgZnVuY3Rpb24ga2lsbEVtcHR5TGlua3MoKSB7XG4gICAgICAgIC8vIEtpbGwgZGVmYXVsdCBiZWhhdmlvciBvbiBlbXB0eSBsaW5rc1xuICAgICAgICAkKFwiYVtocmVmPScjJ11cIikub24oXCJjbGlja1wiLCBmdW5jdGlvbihlKSB7XG4gICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICAkLndoZW4oJC5yZWFkeSkudGhlbihmdW5jdGlvbigpIHtcbiAgICAgICAgcmVnZW5lcmF0ZU1lbnUoKTtcbiAgICAgICAga2lsbEVtcHR5TGlua3MoKTtcblxuICAgICAgICB3aW5kb3cuaGlzdG9yeS5yZXBsYWNlU3RhdGUoe1xuICAgICAgICAgICAgJ2hyZWYnOiB3aW5kb3cubG9jYXRpb24uaHJlZixcbiAgICAgICAgICAgICd0aXRsZSc6ICQoJ2hlYWQnKS5maWx0ZXIoJ3RpdGxlJykudGV4dCgpLFxuICAgICAgICAgICAgJ25hdic6ICQoZG9jdW1lbnQpLmZpbmQoJyNuYXYnKS5odG1sKCksXG4gICAgICAgICAgICAnY29udGVudCc6ICQoZG9jdW1lbnQpLmZpbmQoJyNjb250ZW50JykuaHRtbCgpLFxuICAgICAgICB9LCAnJywgd2luZG93LmxvY2F0aW9uLmhyZWYpXG5cbiAgICAgICAgJCgnI25hdicpLm9uKCdjbGljaycsICdhJywgZnVuY3Rpb24gKGV2ZW50KSB7XG5cbiAgICAgICAgICAgIC8vIEFsbG93IG9wZW5pbmcgbGlua3MgaW4gbmV3IHRhYnNcbiAgICAgICAgICAgIGlmIChldmVudC5tZXRhS2V5IHx8IGV2ZW50LmN0cmxLZXkpIHtcbiAgICAgICAgICAgICAgcmV0dXJuXG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIC8vIFByZXZlbnQgZm9sbG93aW5nIGxpbmtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcblxuICAgICAgICAgICAgLy8gR2V0IGRlc2lyZWQgbGlua1xuICAgICAgICAgICAgdmFyIGhyZWYgPSAkKHRoaXMpLmF0dHIoJ2hyZWYnKVxuXG4gICAgICAgICAgICAvLyBNYWtlIEFqYXggcmVxdWVzdCB0byBnZXQgdGhlIHBhZ2UgY29udGVudFxuICAgICAgICAgICAgJC5hamF4KHtcbiAgICAgICAgICAgICAgbWV0aG9kOiAnR0VUJyxcbiAgICAgICAgICAgICAgdXJsOiBocmVmLFxuICAgICAgICAgICAgICBjYWNoZTogZmFsc2UsXG4gICAgICAgICAgICAgIGRhdGFUeXBlOiAnaHRtbCcsXG4gICAgICAgICAgICB9KS5kb25lKGZ1bmN0aW9uKGh0bWwpIHtcblxuICAgICAgICAgICAgICAgIC8vIFBhcnNlIHRoZSBIVE1MIHJlc3BvbnNlXG4gICAgICAgICAgICAgICAgdmFyIHRpdGxlID0gJChodG1sKS5maWx0ZXIoJ3RpdGxlJykudGV4dCgpXG4gICAgICAgICAgICAgICAgdmFyIG5hdiA9ICQoaHRtbCkuZmluZCgnI25hdicpLmh0bWwoKVxuICAgICAgICAgICAgICAgIHZhciBjb250ZW50ID0gJChodG1sKS5maW5kKCcjY29udGVudCcpLmh0bWwoKVxuXG4gICAgICAgICAgICAgICAgLy8gVXBkYXRlIHRoZSBwYWdlXG4gICAgICAgICAgICAgICAgJCgnaGVhZCB0aXRsZScpLnRleHQodGl0bGUpXG4gICAgICAgICAgICAgICAgJCgnI25hdicpLmh0bWwobmF2KVxuICAgICAgICAgICAgICAgICQoJyNjb250ZW50JykuaHRtbChjb250ZW50KVxuXG4gICAgICAgICAgICAgICAgLy8gVXBkYXRlIHRoZSBUT0MgZnJvbSBuZXcgY29udGVudCBoZWFkaW5nc1xuICAgICAgICAgICAgICAgIHZhciAkbmV3VG9jID0gJChodG1sKS5maW5kKFwiLmpzLXRvY1wiKTtcbiAgICAgICAgICAgICAgICB2YXIgdG9jQ29udGVudCA9ICRuZXdUb2MuaHRtbCgpO1xuXG4gICAgICAgICAgICAgICAgaWYgKCRuZXdUb2MubGVuZ3RoID4gMCAmJiB0b2NDb250ZW50LnRyaW0oKSAhPT0gXCJcIikge1xuICAgICAgICAgICAgICAgICAgICAkKFwiLmpzLXRvY1wiKS5odG1sKHRvY0NvbnRlbnQpLnNob3coKTtcbiAgICAgICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICAkKFwiLmpzLXRvY1wiKS5odG1sKFwiXCIpLmhpZGUoKTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAvLyBTY3JvbGwgdG8gdGhlIHRvcCBvZiB0aGUgcGFnZVxuICAgICAgICAgICAgICAgICQoZG9jdW1lbnQpLnNjcm9sbFRvcCgwKVxuXG4gICAgICAgICAgICAgICAgcmVnZW5lcmF0ZU1lbnUoKTtcbiAgICAgICAgICAgICAgICBraWxsRW1wdHlMaW5rcygpO1xuXG4gICAgICAgICAgICAgICAgLy8gQWRkIHBhZ2UgbG9hZCB0byBicm93c2VyIGhpc3RvcnlcbiAgICAgICAgICAgICAgICB3aW5kb3cuaGlzdG9yeS5wdXNoU3RhdGUoe1xuICAgICAgICAgICAgICAgICAgICAnaHJlZic6IGhyZWYsXG4gICAgICAgICAgICAgICAgICAgICd0aXRsZSc6IHRpdGxlLFxuICAgICAgICAgICAgICAgICAgICAnbmF2JzogJChodG1sKS5maW5kKCcjbmF2JykuaHRtbCgpLFxuICAgICAgICAgICAgICAgICAgICAnY29udGVudCc6ICQoaHRtbCkuZmluZCgnI2NvbnRlbnQnKS5odG1sKCksXG4gICAgICAgICAgICAgICAgfSwgJycsIGhyZWYpXG4gICAgICAgICAgICB9KVxuICAgICAgICB9KVxuXG4gICAgICAgIHdpbmRvdy5vbnBvcHN0YXRlID0gaGlzdG9yeS5vbnB1c2hzdGF0ZSA9IGZ1bmN0aW9uKGUpIHtcbiAgICAgICAgICAgIGlmKGUuc3RhdGUpe1xuICAgICAgICAgICAgICAgIC8vIFVwZGF0ZSB0aGUgcGFnZVxuICAgICAgICAgICAgICAgICQoJ3RpdGxlJykudGV4dChlLnN0YXRlLnRpdGxlKVxuICAgICAgICAgICAgICAgICQoJyNuYXYnKS5odG1sKGUuc3RhdGUubmF2KVxuICAgICAgICAgICAgICAgICQoJyNjb250ZW50JykuaHRtbChlLnN0YXRlLmNvbnRlbnQpXG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9KTtcbn0pO1xuIiwiLy8gVE9ETyBkb2NzZWFyY2ggZXhwZWN0cyBgcHJvY2Vzcy5lbnZgLCBhcyBpZiBpdCB3ZXJlIGEgbm9kZWpzIGZpbGUsIHNvIHBvbHlmaWxsIGl0IGhlcmVcbi8vIHVzdWFsbHkgdGhlc2UgYXJlIHN0cmlwcGVkIG91dCBiZWZvcmUgdGhleSBtYWtlIGl0IGludG8gdGhlIGRpc3RyaWJ1dGFibGUsIGJ1dCBJIGd1ZXNzIG5vdCB0aGlzIG9uZS4uLlxuLy8gQHRzLWV4cGVjdC1lcnJvclxuZ2xvYmFsLnByb2Nlc3MgPSB7XG4gICAgZW52OiB7fVxufTtcbmNvbnN0IGRvY3NlYXJjaCA9IHJlcXVpcmUoXCJkb2NzZWFyY2guanNcIik7XG5cbiQoZG9jdW1lbnQpLnJlYWR5KGZ1bmN0aW9uICgpIHtcbiAgICAvLyBBbGdvbGlhIHNlYXJjaCBpbmRleCBjb25maWd1cmF0aW9uIGFuZCBzdGF0czpcbiAgICAvLyBodHRwczovL3d3dy5hbGdvbGlhLmNvbS9hcHBzL0owTE9WT0wzVzYvZXhwbG9yZXIvYnJvd3NlL3N0YWNrb3ZlcmZsb3dfZGVzaWduXG4gICAgZG9jc2VhcmNoKHtcbiAgICAgICAgYXBwSWQ6IFwiSjBMT1ZPTDNXNlwiLFxuICAgICAgICBhcGlLZXk6IFwiN2M4MjIzM2MwOWYxOTVjNzc1ZWNhNjNiNjQwN2QwZmRcIixcbiAgICAgICAgaW5kZXhOYW1lOiBcInN0YWNrb3ZlcmZsb3dfZGVzaWduXCIsXG4gICAgICAgIGlucHV0U2VsZWN0b3I6IFwiI3NlYXJjaGJveFwiLFxuICAgIH0pO1xuXG4gICAgLy8gU2hvdyBvciBoaWRlIHNlYXJjaFxuICAgIHZhciBzZWFyY2hDb250YWluZXIgPSAkKFwiLmpzLXNlYXJjaFwiKTtcbiAgICB2YXIgc2VhcmNoQ2xvc2VJY29uID0gJChcIi5qcy1zZWFyY2gtY2xvc2UtaWNvblwiKTtcbiAgICB2YXIgc2VhcmNoSWNvbiA9ICQoXCIuanMtc2VhcmNoLWljb25cIik7XG4gICAgdmFyIHNlYXJjaEJ0biA9ICQoXCIuanMtc2VhcmNoLWJ0blwiKTtcblxuICAgIHNlYXJjaEJ0bi5jbGljayhmdW5jdGlvbiAoZSkge1xuICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICAgICAgc2VhcmNoSWNvbi50b2dnbGVDbGFzcyhcImQtbm9uZVwiKTtcbiAgICAgICAgc2VhcmNoQ2xvc2VJY29uLnRvZ2dsZUNsYXNzKFwiZC1ub25lXCIpO1xuICAgICAgICBzZWFyY2hDb250YWluZXIudG9nZ2xlQ2xhc3MoXCJkb2NzLXRvcGJhci0tc2VhcmNoYmFyX19vcGVuXCIpO1xuXG4gICAgICAgIGlmIChzZWFyY2hDb250YWluZXIuaGFzQ2xhc3MoXCJkb2NzLXRvcGJhci0tc2VhcmNoYmFyX19vcGVuXCIpKSB7XG4gICAgICAgICAgICBzZWFyY2hDb250YWluZXIuZmluZChcImlucHV0XCIpLmZvY3VzKCk7XG4gICAgICAgIH1cbiAgICB9KTtcbn0pO1xuIiwiJChkb2N1bWVudCkucmVhZHkoZnVuY3Rpb24gKCkge1xuICAgIHZhciB0aGVtZURhcmtUb2dnbGVTd2l0Y2ggPSAkKFwiI3RvZ2dsZS10aGVtZS1kYXJrXCIpO1xuICAgIHZhciB0aGVtZUN1c3RvbVRvZ2dsZVN3aXRjaCA9ICQoXCIjdG9nZ2xlLXRoZW1lLWN1c3RvbVwiKTtcbiAgICB2YXIgdGhlbWVIaWdoY29udHJhc3RUb2dnbGVTd2l0Y2ggPSAkKFwiI3RvZ2dsZS10aGVtZS1oaWdoY29udHJhc3RcIik7XG4gICAgdmFyIGJvZHkgPSAkKFwiYm9keVwiKTtcbiAgICB2YXIgYnJvd3NlclByZWZlcnNEYXJrID0gd2luZG93Lm1hdGNoTWVkaWEgJiYgd2luZG93Lm1hdGNoTWVkaWEoXCIocHJlZmVycy1jb2xvci1zY2hlbWU6IGRhcmspXCIpLm1hdGNoZXM7XG4gICAgdmFyIGlzQ3VzdG9tID0gYm9keS5oYXNDbGFzcyhcInRoZW1lLWN1c3RvbVwiKTtcbiAgICB2YXIgaXNEYXJrID0gYm9keS5oYXNDbGFzcyhcInRoZW1lLWRhcmtcIikgfHwgYnJvd3NlclByZWZlcnNEYXJrICYmIGJvZHkuaGFzQ2xhc3MoXCJ0aGVtZS1zeXN0ZW1cIik7XG4gICAgdmFyIGlzSGlnaGNvbnRyYXN0ID0gYm9keS5oYXNDbGFzcyhcInRoZW1lLWhpZ2hjb250cmFzdFwiKTtcblxuICAgIHRoZW1lQ3VzdG9tVG9nZ2xlU3dpdGNoLnByb3AoXCJjaGVja2VkXCIsIGlzQ3VzdG9tKTtcbiAgICB0aGVtZURhcmtUb2dnbGVTd2l0Y2gucHJvcChcImNoZWNrZWRcIiwgaXNEYXJrKTtcbiAgICB0aGVtZUhpZ2hjb250cmFzdFRvZ2dsZVN3aXRjaC5wcm9wKFwiY2hlY2tlZFwiLCBpc0hpZ2hjb250cmFzdCk7XG5cbiAgICB0aGVtZURhcmtUb2dnbGVTd2l0Y2guY2hhbmdlKGZ1bmN0aW9uIChlKSB7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcblxuICAgICAgICB2YXIgaXNGb3JjZWREYXJrTW9kZSA9IGJvZHkuaGFzQ2xhc3MoXCJ0aGVtZS1kYXJrXCIpO1xuICAgICAgICB2YXIgaXNVbmZvcmNlZERhcmtNb2RlID0gYnJvd3NlclByZWZlcnNEYXJrICYmIGJvZHkuaGFzQ2xhc3MoXCJ0aGVtZS1zeXN0ZW1cIik7XG5cbiAgICAgICAgaWYgKGJyb3dzZXJQcmVmZXJzRGFyaykge1xuICAgICAgICAgICAgYm9keS50b2dnbGVDbGFzcyhcInRoZW1lLXN5c3RlbVwiLCAhaXNVbmZvcmNlZERhcmtNb2RlKTtcbiAgICAgICAgICAgIGJvZHkudG9nZ2xlQ2xhc3MoXCJ0aGVtZS1kYXJrXCIsIGZhbHNlKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIGJvZHkudG9nZ2xlQ2xhc3MoXCJ0aGVtZS1zeXN0ZW1cIiwgdHJ1ZSk7XG4gICAgICAgICAgICBib2R5LnRvZ2dsZUNsYXNzKFwidGhlbWUtZGFya1wiLCAhaXNGb3JjZWREYXJrTW9kZSk7XG4gICAgICAgIH1cblxuICAgICAgICAkKHRoaXMpLnByb3AoXCJjaGVja2VkXCIsICEoaXNVbmZvcmNlZERhcmtNb2RlIHx8IGlzRm9yY2VkRGFya01vZGUpKTtcblxuICAgICAgICBsb2NhbFN0b3JhZ2Uuc2V0SXRlbShcImZvcmNlRGFya01vZGVPblwiLCAhKGlzVW5mb3JjZWREYXJrTW9kZSB8fCBpc0ZvcmNlZERhcmtNb2RlKSk7XG5cbiAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH0pO1xuXG4gICAgdGhlbWVDdXN0b21Ub2dnbGVTd2l0Y2guY2hhbmdlKGZ1bmN0aW9uIChlKSB7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcblxuICAgICAgICB2YXIgaXNDdXN0b20gPSBib2R5Lmhhc0NsYXNzKFwidGhlbWUtY3VzdG9tXCIpO1xuXG4gICAgICAgICQodGhpcykucHJvcChcImNoZWNrZWRcIiwgIWlzQ3VzdG9tKTtcbiAgICAgICAgYm9keS50b2dnbGVDbGFzcyhcInRoZW1lLWN1c3RvbVwiLCAhaXNDdXN0b20pO1xuICAgICAgICBib2R5LnRvZ2dsZUNsYXNzKFwidGhlbWVkXCIsICFpc0N1c3RvbSk7XG5cbiAgICAgICAgbG9jYWxTdG9yYWdlLnNldEl0ZW0oXCJjdXN0b21UaGVtZVwiLCAhaXNDdXN0b20pO1xuXG4gICAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9KTtcblxuICAgIHRoZW1lSGlnaGNvbnRyYXN0VG9nZ2xlU3dpdGNoLmNoYW5nZShmdW5jdGlvbiAoZSkge1xuICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICAgICAgdmFyIGlzSGlnaGNvbnRyYXN0ID0gYm9keS5oYXNDbGFzcyhcInRoZW1lLWhpZ2hjb250cmFzdFwiKTtcblxuICAgICAgICAkKHRoaXMpLnByb3AoXCJjaGVja2VkXCIsICFpc0hpZ2hjb250cmFzdCk7XG4gICAgICAgIGJvZHkudG9nZ2xlQ2xhc3MoXCJ0aGVtZS1oaWdoY29udHJhc3RcIiwgIWlzSGlnaGNvbnRyYXN0KTtcblxuICAgICAgICBsb2NhbFN0b3JhZ2Uuc2V0SXRlbShcImZvcmNlSGlnaENvbnRyYXN0TW9kZU9uXCIsICFpc0hpZ2hjb250cmFzdCk7XG5cbiAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH0pO1xufSk7XG4iLCIvLyBleHRyYWN0ZWQgYnkgbWluaS1jc3MtZXh0cmFjdC1wbHVnaW5cbmV4cG9ydCB7fTsiLCIvKiAoaWdub3JlZCkgKi8iLCIvLyBUaGUgbW9kdWxlIGNhY2hlXG52YXIgX193ZWJwYWNrX21vZHVsZV9jYWNoZV9fID0ge307XG5cbi8vIFRoZSByZXF1aXJlIGZ1bmN0aW9uXG5mdW5jdGlvbiBfX3dlYnBhY2tfcmVxdWlyZV9fKG1vZHVsZUlkKSB7XG5cdC8vIENoZWNrIGlmIG1vZHVsZSBpcyBpbiBjYWNoZVxuXHR2YXIgY2FjaGVkTW9kdWxlID0gX193ZWJwYWNrX21vZHVsZV9jYWNoZV9fW21vZHVsZUlkXTtcblx0aWYgKGNhY2hlZE1vZHVsZSAhPT0gdW5kZWZpbmVkKSB7XG5cdFx0cmV0dXJuIGNhY2hlZE1vZHVsZS5leHBvcnRzO1xuXHR9XG5cdC8vIENoZWNrIGlmIG1vZHVsZSBleGlzdHMgKGRldmVsb3BtZW50IG9ubHkpXG5cdGlmIChfX3dlYnBhY2tfbW9kdWxlc19fW21vZHVsZUlkXSA9PT0gdW5kZWZpbmVkKSB7XG5cdFx0dmFyIGUgPSBuZXcgRXJyb3IoXCJDYW5ub3QgZmluZCBtb2R1bGUgJ1wiICsgbW9kdWxlSWQgKyBcIidcIik7XG5cdFx0ZS5jb2RlID0gJ01PRFVMRV9OT1RfRk9VTkQnO1xuXHRcdHRocm93IGU7XG5cdH1cblx0Ly8gQ3JlYXRlIGEgbmV3IG1vZHVsZSAoYW5kIHB1dCBpdCBpbnRvIHRoZSBjYWNoZSlcblx0dmFyIG1vZHVsZSA9IF9fd2VicGFja19tb2R1bGVfY2FjaGVfX1ttb2R1bGVJZF0gPSB7XG5cdFx0Ly8gbm8gbW9kdWxlLmlkIG5lZWRlZFxuXHRcdC8vIG5vIG1vZHVsZS5sb2FkZWQgbmVlZGVkXG5cdFx0ZXhwb3J0czoge31cblx0fTtcblxuXHQvLyBFeGVjdXRlIHRoZSBtb2R1bGUgZnVuY3Rpb25cblx0X193ZWJwYWNrX21vZHVsZXNfX1ttb2R1bGVJZF0uY2FsbChtb2R1bGUuZXhwb3J0cywgbW9kdWxlLCBtb2R1bGUuZXhwb3J0cywgX193ZWJwYWNrX3JlcXVpcmVfXyk7XG5cblx0Ly8gUmV0dXJuIHRoZSBleHBvcnRzIG9mIHRoZSBtb2R1bGVcblx0cmV0dXJuIG1vZHVsZS5leHBvcnRzO1xufVxuXG4iLCIvLyBnZXREZWZhdWx0RXhwb3J0IGZ1bmN0aW9uIGZvciBjb21wYXRpYmlsaXR5IHdpdGggbm9uLWhhcm1vbnkgbW9kdWxlc1xuX193ZWJwYWNrX3JlcXVpcmVfXy5uID0gKG1vZHVsZSkgPT4ge1xuXHR2YXIgZ2V0dGVyID0gbW9kdWxlICYmIG1vZHVsZS5fX2VzTW9kdWxlID9cblx0XHQoKSA9PiAobW9kdWxlWydkZWZhdWx0J10pIDpcblx0XHQoKSA9PiAobW9kdWxlKTtcblx0X193ZWJwYWNrX3JlcXVpcmVfXy5kKGdldHRlciwgeyBhOiBnZXR0ZXIgfSk7XG5cdHJldHVybiBnZXR0ZXI7XG59OyIsIi8vIGRlZmluZSBnZXR0ZXIgZnVuY3Rpb25zIGZvciBoYXJtb255IGV4cG9ydHNcbl9fd2VicGFja19yZXF1aXJlX18uZCA9IChleHBvcnRzLCBkZWZpbml0aW9uKSA9PiB7XG5cdGZvcih2YXIga2V5IGluIGRlZmluaXRpb24pIHtcblx0XHRpZihfX3dlYnBhY2tfcmVxdWlyZV9fLm8oZGVmaW5pdGlvbiwga2V5KSAmJiAhX193ZWJwYWNrX3JlcXVpcmVfXy5vKGV4cG9ydHMsIGtleSkpIHtcblx0XHRcdE9iamVjdC5kZWZpbmVQcm9wZXJ0eShleHBvcnRzLCBrZXksIHsgZW51bWVyYWJsZTogdHJ1ZSwgZ2V0OiBkZWZpbml0aW9uW2tleV0gfSk7XG5cdFx0fVxuXHR9XG59OyIsIl9fd2VicGFja19yZXF1aXJlX18ubyA9IChvYmosIHByb3ApID0+IChPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwob2JqLCBwcm9wKSkiLCIvLyBkZWZpbmUgX19lc01vZHVsZSBvbiBleHBvcnRzXG5fX3dlYnBhY2tfcmVxdWlyZV9fLnIgPSAoZXhwb3J0cykgPT4ge1xuXHRpZih0eXBlb2YgU3ltYm9sICE9PSAndW5kZWZpbmVkJyAmJiBTeW1ib2wudG9TdHJpbmdUYWcpIHtcblx0XHRPYmplY3QuZGVmaW5lUHJvcGVydHkoZXhwb3J0cywgU3ltYm9sLnRvU3RyaW5nVGFnLCB7IHZhbHVlOiAnTW9kdWxlJyB9KTtcblx0fVxuXHRPYmplY3QuZGVmaW5lUHJvcGVydHkoZXhwb3J0cywgJ19fZXNNb2R1bGUnLCB7IHZhbHVlOiB0cnVlIH0pO1xufTsiLCJpbXBvcnQgXCJAc3RhY2tvdmVyZmxvdy9zdGFja3MvbGliL2luZGV4XCI7XG5pbXBvcnQgXCIuLi9sZXNzL3N0YWNrcy1kb2N1bWVudGF0aW9uLmxlc3NcIjtcbmltcG9ydCBcIi4vY29udHJvbGxlcnMvZG9jcy1yZXNpemVyXCI7XG5pbXBvcnQgKiBhcyBTdGFja3MgZnJvbSBcIkBzdGFja292ZXJmbG93L3N0YWNrcy9saWIvaW5kZXhcIjtcblxuLy8gQHRzLWV4cGVjdC1lcnJvclxuZ2xvYmFsLlN0YWNrcyA9IFN0YWNrcztcblxuaW1wb3J0IFwiLi9nbG9iYWwuanF1ZXJ5XCI7XG5pbXBvcnQgXCIuL2dsb2JhbC5zZWFyY2hcIjtcbmltcG9ydCBcIi4vZ2xvYmFsLm5hdmlnYXRpb25cIjtcbmltcG9ydCBcIi4vZ2xvYmFsLmhhbWJ1cmdlclwiO1xuaW1wb3J0IFwiLi9nbG9iYWwudGhlbWluZ1wiO1xuaW1wb3J0IFwiLi9nbG9iYWwuZmVlZGJhY2tcIjtcbiJdLCJuYW1lcyI6W10sImlnbm9yZUxpc3QiOltdLCJzb3VyY2VSb290IjoiIn0=
\ No newline at end of file
diff --git a/packages/stacks-docs-next/static/legacy/fragments/product/components/checkbox/fragment.html b/packages/stacks-docs-next/static/legacy/fragments/product/components/checkbox/fragment.html
new file mode 100644
index 0000000000..7e7e0d4d73
--- /dev/null
+++ b/packages/stacks-docs-next/static/legacy/fragments/product/components/checkbox/fragment.html
@@ -0,0 +1,745 @@
+
+            <div class="d-flex ai-start jc-space-between">
+                <!-- <h1 class="fs-display1 mb0">Checkbox</h1> -->
+
+                
+                    <p class="docs-copy fc-black-500 fs-title mb0">Checkable inputs that visually allow for multiple options or true/false values.</p>
+                
+                
+                
+                    <div class="d-flex g8 ai-center">
+
+                        
+                            <a class="s-badge s-badge__squared s-badge__danger" href="https://beta.svelte.stackoverflow.design/?path=/docs/components-checkbox--docs" target="_blank">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconCheck" aria-hidden="true"><path d="m18.16 5-.53.53L7.55 15.61l-.53.53-5.03-5.03 1.06-1.06 3.97 3.97 9.55-9.55.53-.53z"></path></svg> Svelte
+                            </a>
+                        
+
+                        
+
+                        
+                            <a class="s-badge s-badge__squared" href="https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=720-2910&amp;p=f&amp;m=dev" target="_blank">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconCheck" aria-hidden="true"><path d="m18.16 5-.53.53L7.55 15.61l-.53.53-5.03-5.03 1.06-1.06 3.97 3.97 9.55-9.55.53-.53z"></path></svg> Figma
+                            </a>
+                        
+                    </div>
+                
+            </div>
+            
+            <div class="mt32">
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="classes">Classes</h2><a class="s-btn s-btn__clear" href="#classes"><span class="v-visible-sr">Section titled Classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    
+    
+    
+    
+
+
+    
+
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+
+
+    
+
+
+
+    
+
+
+    
+
+
+
+    
+
+
+<div id="docs-table" class="overflow-x-auto s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell4">
+                        Class
+                    </th>
+                
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Modifies
+                    </th>
+                
+                
+                    <th scope="col" class="">
+                        Description
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-checkbox</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>Base checkbox style.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-checkbox__checkmark</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-checkbox</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Checkmark style.</td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+</section>
+
+<section class="docs-section">
+
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="base">Base</h2><a class="s-btn s-btn__clear" href="#base"><span class="v-visible-sr">Section titled Base</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Use the <code>.s-checkbox</code> to wrap <code>input[type="checkbox"]</code> elements to apply checkbox styles.</p>
+
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-checkbox"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"checkbox"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"example-name"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"example-item"</span> /&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"example-item"</span>&gt;</span>Check Label<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div class="overflow-x-auto" tabindex="0">
+                <table class="docs-table s-table s-table__bx-simple">
+                    <thead>
+                        <tr>
+                            <th scope="col">Example</th>
+                            <th scope="col">Description</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        
+                            <tr>
+                                <td class="va-middle pr8">
+                                    <div class="s-checkbox">
+                                        <input type="checkbox" name="checkbox-group" id="checkbox-unchecked">
+                                        <label class="s-label" for="checkbox-unchecked">Checkbox label</label>
+                                    </div>
+                                </td>
+                                <td class="va-middle">Unchecked checkbox.</td>
+                            </tr>
+                        
+                            <tr>
+                                <td class="va-middle pr8">
+                                    <div class="s-checkbox">
+                                        <input type="checkbox" name="checkbox-group" id="checkbox-disabled-unchecked" disabled="">
+                                        <label class="s-label" for="checkbox-disabled-unchecked">Checkbox label</label>
+                                    </div>
+                                </td>
+                                <td class="va-middle">Disabled unchecked checkbox.</td>
+                            </tr>
+                        
+                            <tr>
+                                <td class="va-middle pr8">
+                                    <div class="s-checkbox">
+                                        <input type="checkbox" name="checkbox-group" id="checkbox-checked" checked="">
+                                        <label class="s-label" for="checkbox-checked">Checkbox label</label>
+                                    </div>
+                                </td>
+                                <td class="va-middle">Checked checkbox.</td>
+                            </tr>
+                        
+                            <tr>
+                                <td class="va-middle pr8">
+                                    <div class="s-checkbox">
+                                        <input type="checkbox" name="checkbox-group" id="checkbox-disabled-checked" checked="" disabled="">
+                                        <label class="s-label" for="checkbox-disabled-checked">Checkbox label</label>
+                                    </div>
+                                </td>
+                                <td class="va-middle">Disabled checked checkbox.</td>
+                            </tr>
+                        
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="checkmark">Checkmark</h3><a class="s-btn s-btn__clear" href="#checkmark"><span class="v-visible-sr">Section titled Checkmark</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">The checkmark style is an alternative to the base checkbox style. To use the checkmark style, wrap your input and label in a container with the <code>.s-checkbox__checkmark</code> class.</p>
+
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-checkbox s-checkbox__checkmark"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"example-item"</span>&gt;</span><br>    Checkmark Label<br>    <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"checkbox"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"example-name"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"example-item"</span> /&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div class="overflow-x-auto" tabindex="0">
+                <table class="docs-table s-table s-table__bx-simple">
+                    <thead>
+                        <tr>
+                            <th scope="col" class="s-table--cell3">Example</th>
+                            <th scope="col">Class</th>
+                            <th scope="col">Description</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        
+                            <tr>
+                                <td class="va-middle pr8">
+                                    <label class="s-checkbox s-checkbox__checkmark" for="checkmark-checkbox-unchecked">
+                                        Checkmark label
+                                        <input type="checkbox" name="checkmark-checkbox-group" id="checkmark-checkbox-unchecked">
+                                    </label>
+                                </td>
+                                <td class="va-middle">
+                                    <code>.s-checkbox__checkmark</code>
+                                </td>
+                                <td class="va-middle">Unchecked checkmark with a checkbox element.</td>
+                            </tr>
+                        
+                            <tr>
+                                <td class="va-middle pr8">
+                                    <label class="s-checkbox s-checkbox__checkmark" for="checkmark-checkbox-disabled-unchecked">
+                                        Checkmark label
+                                        <input type="checkbox" name="checkmark-checkbox-group" id="checkmark-checkbox-disabled-unchecked" disabled="">
+                                    </label>
+                                </td>
+                                <td class="va-middle">
+                                    <code>.s-checkbox__checkmark</code>
+                                </td>
+                                <td class="va-middle">Disabled unchecked checkmark with a checkbox element.</td>
+                            </tr>
+                        
+                            <tr>
+                                <td class="va-middle pr8">
+                                    <label class="s-checkbox s-checkbox__checkmark" for="checkmark-checkbox-checked">
+                                        Checkmark label
+                                        <input type="checkbox" name="checkmark-checkbox-group" id="checkmark-checkbox-checked" checked="">
+                                    </label>
+                                </td>
+                                <td class="va-middle">
+                                    <code>.s-checkbox__checkmark</code>
+                                </td>
+                                <td class="va-middle">Checked checkmark with a checkbox element.</td>
+                            </tr>
+                        
+                            <tr>
+                                <td class="va-middle pr8">
+                                    <label class="s-checkbox s-checkbox__checkmark" for="checkmark-checkbox-disabled-checked">
+                                        Checkmark label
+                                        <input type="checkbox" name="checkmark-checkbox-group" id="checkmark-checkbox-disabled-checked" checked="" disabled="">
+                                    </label>
+                                </td>
+                                <td class="va-middle">
+                                    <code>.s-checkbox__checkmark</code>
+                                </td>
+                                <td class="va-middle">Disabled checked checkmark with a checkbox element.</td>
+                            </tr>
+                        
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="accessibility">Accessibility</h2><a class="s-btn s-btn__clear" href="#accessibility"><span class="v-visible-sr">Section titled Accessibility</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">The best accessibility is semantic HTML. Most screen readers understand how to parse inputs if they're correctly formatted. When it comes to checkboxes, there are a few things to keep in mind:</p>
+    <ul class="docs-copy">
+        <li>All inputs should have an <code>id</code> attribute.</li>
+        <li>Be sure to associate the checkbox label by using the <code>for</code> attribute. The value here is the input's <code>id</code>.</li>
+        <li>If you have a group of related checkboxes, use the <code>fieldset</code> and <code>legend</code> to group them together.</li>
+    </ul>
+    <p class="docs-copy">For more information, please read Gov.UK's article, <a href="https://accessibility.blog.gov.uk/2016/07/22/using-the-fieldset-and-legend-elements/" target="_blank"><em>"Using the fieldset and legend elements"</em></a>.</p>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="checkbox-group">Checkbox group</h2><a class="s-btn s-btn__clear" href="#checkbox-group"><span class="v-visible-sr">Section titled Checkbox group</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="vertical-group">Vertical group</h3><a class="s-btn s-btn__clear" href="#vertical-group"><span class="v-visible-sr">Section titled Vertical group</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">fieldset</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">legend</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">legend</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-checkbox"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"checkbox"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"vert-checkbox-1"</span> /&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"vert-checkbox-1"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-checkbox"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"checkbox"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"vert-checkbox-2"</span> /&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"vert-checkbox-2"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-checkbox"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"checkbox"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"vert-checkbox-3"</span> /&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"vert-checkbox-3"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">fieldset</span>&gt;</span></code></pre>
+        <div class="docs-preview--example d-flex g24 fd-column">
+            <fieldset class="s-form-group">
+                <legend class="s-label">Which types of fruit do you like? <span class="ml4 fw-normal fc-light">(Check all that apply)</span></legend>
+                
+                    <div class="s-checkbox">
+                        <input type="checkbox" name="" id="vert-checkbox-Apples" checked="">
+                        <label class="s-label" for="vert-checkbox-Apples">Apples</label>
+                    </div>
+                
+                    <div class="s-checkbox">
+                        <input type="checkbox" name="" id="vert-checkbox-Oranges">
+                        <label class="s-label" for="vert-checkbox-Oranges">Oranges</label>
+                    </div>
+                
+                    <div class="s-checkbox">
+                        <input type="checkbox" name="" id="vert-checkbox-Bananas">
+                        <label class="s-label" for="vert-checkbox-Bananas">Bananas</label>
+                    </div>
+                
+            </fieldset>
+        </div>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="horizontal-group">Horizontal group</h3><a class="s-btn s-btn__clear" href="#horizontal-group"><span class="v-visible-sr">Section titled Horizontal group</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">fieldset</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group s-form-group__horizontal"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">legend</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">legend</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-checkbox"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"checkbox"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"hori-checkbox-1"</span> /&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"hori-checkbox-1"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-checkbox"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"checkbox"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"hori-checkbox-2"</span> /&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"hori-checkbox-2"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-checkbox"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"checkbox"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"hori-checkbox-3"</span> /&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"hori-checkbox-3"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">fieldset</span>&gt;</span></code></pre>
+        <div class="docs-preview--example d-flex g24 fd-column">
+            <fieldset class="s-form-group s-form-group__horizontal">
+                <legend class="s-label">Which types of fruit do you like? <span class="ml4 fw-normal fc-light">(Check all that apply)</span></legend>
+                
+                    <div class="s-checkbox">
+                        <input type="checkbox" name="" id="hori-checkbox-Apples" checked="">
+                        <label class="s-label" for="hori-checkbox-Apples">Apples</label>
+                    </div>
+                
+                    <div class="s-checkbox">
+                        <input type="checkbox" name="" id="hori-checkbox-Oranges">
+                        <label class="s-label" for="hori-checkbox-Oranges">Oranges</label>
+                    </div>
+                
+                    <div class="s-checkbox">
+                        <input type="checkbox" name="" id="hori-checkbox-Bananas">
+                        <label class="s-label" for="hori-checkbox-Bananas">Bananas</label>
+                    </div>
+                
+            </fieldset>
+        </div>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="with-description-copy">With description copy</h3><a class="s-btn s-btn__clear" href="#with-description-copy"><span class="v-visible-sr">Section titled With description copy</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">fieldset</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">legend</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">legend</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-checkbox"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"checkbox"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"desc-checkbox-1"</span> /&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"desc-checkbox-1"</span>&gt;</span><br>            …<br>            <span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-description"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    …<br><span class="hljs-tag">&lt;/<span class="hljs-name">fieldset</span>&gt;</span></code></pre>
+        <div class="docs-preview--example d-flex g24 fd-column">
+            <fieldset class="s-form-group">
+                <legend class="s-label">Which types of fruit do you like? <span class="ml4 fw-normal fc-light">(Check all that apply)</span></legend>
+                
+                    <div class="s-checkbox">
+                        <input type="checkbox" name="" id="desc-checkbox-Apples" checked="">
+                        <label class="s-label" for="desc-checkbox-Apples">
+                            Apples
+                            <p class="s-description">Fresh red apples.</p>
+                        </label>
+                    </div>
+                
+                    <div class="s-checkbox">
+                        <input type="checkbox" name="" id="desc-checkbox-Oranges">
+                        <label class="s-label" for="desc-checkbox-Oranges">
+                            Oranges
+                            <p class="s-description">Juicy and sweet oranges.</p>
+                        </label>
+                    </div>
+                
+                    <div class="s-checkbox">
+                        <input type="checkbox" name="" id="desc-checkbox-Bananas">
+                        <label class="s-label" for="desc-checkbox-Bananas">
+                            Bananas
+                            <p class="s-description">Ripe yellow bananas.</p>
+                        </label>
+                    </div>
+                
+            </fieldset>
+        </div>
+    </div>
+
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="validation-states">Validation states</h2><a class="s-btn s-btn__clear" href="#validation-states"><span class="v-visible-sr">Section titled Validation states</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Checkboxes use the same validation states as <a href="/product/components/inputs">inputs</a>.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="validation-classes">Validation classes</h3><a class="s-btn s-btn__clear" href="#validation-classes"><span class="v-visible-sr">Section titled Validation classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    
+    
+    
+    
+
+
+    
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+    
+
+
+
+
+    
+
+
+
+
+    
+
+
+
+    
+
+
+<div id="docs-table" class="overflow-x-auto s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell3">
+                        Class
+                    </th>
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Applies to
+                    </th>
+                
+                
+                
+                    <th scope="col" class="">
+                        Description
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.has-warning</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Parent element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>Used to warn users that the value they’ve entered has a potential problem, but it doesn’t block them from proceeding.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.has-error</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Parent element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>Used to alert users that the value they’ve entered is incorrect, not filled in, or has a problem which will block them from proceeding.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.has-success</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Parent element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>Used to notify users that the value they’ve entered is fine or has been submitted successfully.</td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="validation-examples">Validation examples</h3><a class="s-btn s-btn__clear" href="#validation-examples"><span class="v-visible-sr">Section titled Validation examples</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-comment">&lt;!-- Checkbox w/ warning --&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-checkbox has-warning"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"checkbox"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"warn-checkbox-1"</span> /&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"warn-checkbox-1"</span>&gt;</span><br>        …<br>        <span class="hljs-tag">&lt;<span class="hljs-name">p</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-description"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example d-flex g24 fd-column">
+            <fieldset class="s-form-group">
+                <legend class="s-label">Which types of fruit do you like? <span class="ml4 fw-normal fc-light">(Check all that apply)</span></legend>
+                
+                    <div class="s-checkbox has-warning">
+                        <input type="checkbox" name="" id="state-checkbox-Apples" checked="">
+                        <label class="s-label" for="state-checkbox-Apples">
+                            Apples
+                            <p class="s-description">Fresh red apples.</p>
+                        </label>
+                    </div>
+                
+                    <div class="s-checkbox has-error">
+                        <input type="checkbox" name="" id="state-checkbox-Oranges">
+                        <label class="s-label" for="state-checkbox-Oranges">
+                            Oranges
+                            <p class="s-description">Juicy and sweet oranges.</p>
+                        </label>
+                    </div>
+                
+                    <div class="s-checkbox has-success">
+                        <input type="checkbox" name="" id="state-checkbox-Bananas">
+                        <label class="s-label" for="state-checkbox-Bananas">
+                            Bananas
+                            <p class="s-description">Ripe yellow bananas.</p>
+                        </label>
+                    </div>
+                
+            </fieldset>
+        </div>
+    </div>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="indeterminate-state">Indeterminate state</h2><a class="s-btn s-btn__clear" href="#indeterminate-state"><span class="v-visible-sr">Section titled Indeterminate state</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Checkboxes can be styled by using the <code>:indeterminate</code> pseudo class.</p>
+    <div class="s-notice s-anchors s-anchors__inherit s-anchors__underlined s-notice__info mb16"><span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconInfo" aria-hidden="true"><path d="M17.33 4.64a9.08 9.08 0 0 1-12.7 12.7l1.08-1.09A7.58 7.58 0 0 0 16.25 5.71zM10 .92c2.47 0 4.7.98 6.34 2.58l-1.06 1.06A7.58 7.58 0 0 0 4.56 15.28L3.5 16.34A9.08 9.08 0 0 1 10 .91"></path><path d="M10.76 15h-2V8h2zm0-8h-2V5h2z"></path></svg></span><span>
+        <strong>Note:</strong> The <code>:indeterminate</code> pseudo class can only be set via JavaScript. Use the <code>HTMLInputElement</code> object's <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes"><code>indeterminate</code></a> property to set the state.
+    </span></div>
+
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">fieldset</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-form-group"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-checkbox"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"checkbox"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">""</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"indeterminate-checkbox-1"</span> /&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"indeterminate-checkbox-1"</span>&gt;</span>Select all<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">fieldset</span>&gt;</span><br><br><span class="hljs-tag">&lt;<span class="hljs-name">script</span>&gt;</span><span class="language-javascript"><br>    <span class="hljs-variable language_">document</span>.<span class="hljs-title function_">getElementById</span>(<span class="hljs-string">"indeterminate-checkbox-1"</span>).<span class="hljs-property">indeterminate</span> = <span class="hljs-literal">true</span>;<br></span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <fieldset class="s-form-group">
+                <div class="s-checkbox">
+                    <input type="checkbox" name="" id="indeterminate-checkbox-1">
+                    <label class="s-label" for="indeterminate-checkbox-1">Select all</label>
+                </div>
+            </fieldset>
+        </div>
+    </div>
+</section>
+
+<script>
+    document.getElementById("indeterminate-checkbox-1").indeterminate = true;
+</script>
+</div>
+
+            <!-- <div class="d-flex my48 pt24">
+                <div class="mr16">
+                    
+                    <form
+                        id="quick-positive-feedback-checkbox"
+                        class="js-feedback-form v-hidden"
+                        name="quick-positive-feedback-checkbox"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <form
+                        id="quick-negative-feedback-checkbox"
+                        class="js-feedback-form v-hidden"
+                        name="quick-negative-feedback-checkbox"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-positive"
+                        role="tooltip">
+                        <div class="s-popover--content">This page is useful</div>
+                    </div>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-negative"
+                        role="tooltip">
+                        <div class="s-popover--content">This page needs improvement</div>
+                    </div>
+                    <div id="vote-feedback" class="s-vote">
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-positive-feedback-checkbox"
+                            aria-describedby="tooltip-feedback-positive"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUp" aria-hidden="true"><path d="M10 3q.41.02.64.36l6.9 11.5a.75.75 0 1 1-1.28.78L10 5.21l-5.58 9.3h8.04v-.01h1.1l.97 1.5H3.1a.75.75 0 0 1-.65-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUpFill" aria-hidden="true"><path d="M10 3h.1a1 1 0 0 1 .42.21l.12.15 6.9 11.5.05.09v.03l.02.04q.04.12.04.26v.03q0 .13-.07.25v.02l-.03.04a1 1 0 0 1-.2.23l-.06.05-.04.01-.04.03-.04.01a1 1 0 0 1-.27.05H3a.75.75 0 0 1-.55-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="v-visible-sr">upvote</span>
+                        </button>
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-negative-feedback-checkbox"
+                            aria-describedby="tooltip-feedback-negative"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDown" aria-hidden="true"><path d="M10 16a.8.8 0 0 1-.64-.36l-6.9-11.5a.75.75 0 1 1 1.28-.78L10 13.8l5.58-9.3H6.44L5.47 3H16.9a.75.75 0 0 1 .65 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDownFill" aria-hidden="true"><path d="M10 16h-.1l-.1-.02a.8.8 0 0 1-.45-.34l-6.9-11.5-.04-.08-.01-.04L2.39 4a1 1 0 0 1-.04-.26V3.7q0-.14.06-.26l.01-.02.02-.04a1 1 0 0 1 .27-.27l.03-.02.05-.02.04-.02A1 1 0 0 1 3.1 3H17a.75.75 0 0 1 .54 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="v-visible-sr">downvote</span>
+                        </button>
+                    </div>
+                </div>
+
+                <form
+                    class="w100 js-feedback-form"
+                    name="feedback-checkbox"
+                    method="POST"
+                    data-netlify="true"
+                    action="/success">
+                    <fieldset class="d-flex fd-column fl-grow1 g16">
+                        <legend class="fs-title fw-bold">How’d we do?</legend>
+                        <div class="fs-body2">Anonymously upvote, downvote, or send additional feedback below.</div>
+
+                        <textarea
+                            class="s-textarea hmn1"
+                            id="feedback-form"
+                            name="additional-feedback"
+                            placeholder="Tell us how we can improve this page…" required></textarea>
+
+                        <div class="d-flex ai-center fd-row-reverse g8 jc-space-between mln6 sm:d-grid sm:grid__1 sm:ml0">
+                            <button
+                                type="submit"
+                                class="s-btn as-start fl-shrink0">
+                                Send feedback
+                            </button>
+                            <div class="d-flex fw-wrap g8 sm:d-grid sm:grid__1">
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/edit/develop/packages/stacks-docs/./product/components/checkbox.html"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    <svg aria-hidden="true" class="svg-icon iconPencilSm" width="14" height="14"  viewBox="0 0 14 14"><path fill="#F1B600" d="m2 10.12 6.37-6.43 1.88 1.88L3.88 12H2z"/><path fill="#E87C87" d="m11.1 1.71 1.13 1.12c.2.2.2.51 0 .71L11.1 4.7 9.21 2.86l1.17-1.15c.2-.2.51-.2.71 0"/></svg>
+                                    Edit
+                                </a>
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/issues/new/choose"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    File an issue
+                                </a>
+                            </div>
+                        </div>
+                    </fieldset>
+                </form>
+            </div> -->
+
+            <!-- <div class="ta-right">
+                <a href="https://www.netlify.com"><img src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg" alt="Deploys by Netlify" /></a>
+            </div> -->
+        
\ No newline at end of file
diff --git a/packages/stacks-docs-next/static/legacy/fragments/product/components/navigation/fragment.html b/packages/stacks-docs-next/static/legacy/fragments/product/components/navigation/fragment.html
new file mode 100644
index 0000000000..03aa69a33d
--- /dev/null
+++ b/packages/stacks-docs-next/static/legacy/fragments/product/components/navigation/fragment.html
@@ -0,0 +1,1157 @@
+
+            <div class="d-flex ai-start jc-space-between">
+                <!-- <h1 class="fs-display1 mb0">Navigation</h1> -->
+
+                
+                    <p class="docs-copy fc-black-500 fs-title mb0">Our navigation component is a collection of buttons that respond gracefully to various window sizes and parent containers.</p>
+                
+                
+                
+                    <div class="d-flex g8 ai-center">
+
+                        
+                            <a class="s-badge s-badge__squared s-badge__danger" href="https://beta.svelte.stackoverflow.design/?path=/docs/components-navigation--docs" target="_blank">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconCheck" aria-hidden="true"><path d="m18.16 5-.53.53L7.55 15.61l-.53.53-5.03-5.03 1.06-1.06 3.97 3.97 9.55-9.55.53-.53z"></path></svg> Svelte
+                            </a>
+                        
+
+                        
+                            <a class="s-badge s-badge__squared s-badge__success" href="/product/develop/javascript" target="_blank">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconCheck" aria-hidden="true"><path d="m18.16 5-.53.53L7.55 15.61l-.53.53-5.03-5.03 1.06-1.06 3.97 3.97 9.55-9.55.53-.53z"></path></svg> JavaScript
+                            </a>
+                        
+
+                        
+                            <a class="s-badge s-badge__squared" href="https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=610-18812&amp;t=5ggsDIb9OENEwDl0-1" target="_blank">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconCheck" aria-hidden="true"><path d="m18.16 5-.53.53L7.55 15.61l-.53.53-5.03-5.03 1.06-1.06 3.97 3.97 9.55-9.55.53-.53z"></path></svg> Figma
+                            </a>
+                        
+                    </div>
+                
+            </div>
+            
+            <div class="mt32"><section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="classes">Classes</h2><a class="s-btn s-btn__clear" href="#classes"><span class="v-visible-sr">Section titled Classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    
+    
+    
+
+
+    
+
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+    
+
+
+
+    
+
+
+<div id="docs-table" class="overflow-x-auto s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell4">
+                        Class
+                    </th>
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Parent
+                    </th>
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Modifies
+                    </th>
+                
+                
+                    <th scope="col" class="">
+                        Description
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-navigation</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>Base parent container for navigation.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-navigation--item</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-navigation</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>The individual item in a navigation</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-navigation--avatar</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-navigation--item</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>Applies styling to the avatar of the navigation item</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-navigation--icon</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-navigation--item</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>Applies styling to the icon of the navigation item</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-navigation--item-text</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-navigation--item</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>The element meant to contain the text of the navigation item</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-navigation__scroll</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-navigation</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>When the navigation items overflow the width of the component, enable horizontal scrolling. By default, navigation items will wrap. This should not be applied to vertical navigations.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-navigation__sm</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-navigation</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Tightens up the overall spacing and reduces the text size</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-navigation__vertical</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-navigation</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Renders the navigation vertically.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-navigation--item__dropdown</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-navigation--item</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Adds a small caret that indicates a dropdown</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.is-selected</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-navigation--item</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Applies to a navigation item that’s currently selected / active</td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+
+    
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="preventing-layout-shift">Preventing layout shift</h3><a class="s-btn s-btn__clear" href="#preventing-layout-shift"><span class="v-visible-sr">Section titled Preventing layout shift</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+        <p class="docs-copy">Horizontal layout shift may occur when changing which item is selected within the navigation component. We recommend including the <code>data-text</code> attribute on the child navigation item text element with the value duplicating the text of the item to prevent the layout shift. See below for examples.</p>
+
+        <div class="overflow-x-auto mb32" tabindex="0">
+            <table class="docs-table s-table s-table__bx-simple">
+                <thead>
+                    <tr>
+                        <th scope="col" class="s-table--cell3">Item</th>
+                        <th scope="col" class="s-table--cell3">Applied to</th>
+                        <th scope="col">Description</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    
+                        <tr>
+                            <th scope="row"><code>data-text="[value]"</code></th>
+                            <td><code>.s-navigation--item-text</code></td>
+                            <td class="p8">Prevents layout shift when changing selected button. Value should be the text of the navigation item.</td>
+                        </tr>
+                    
+                </tbody>
+            </table>
+        </div>
+    
+</section>
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="horizontal">Horizontal</h2><a class="s-btn s-btn__clear" href="#horizontal"><span class="v-visible-sr">Section titled Horizontal</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Care should be taken to only include at most one primary and one secondary navigation per page. Using multiple navigations with the same style can cause user confusion.</p>
+    <p class="docs-copy">Forcing a navigation to scroll is an established pattern on mobile devices, so it may be appropriate to use it in that context. Wrapping tends to make more sense on larger screens, where the user isn’t forced to scroll passed a ton of navigation chrome.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="horizontal-default">Horizontal default</h3><a class="s-btn s-btn__clear" href="#horizontal-default"><span class="v-visible-sr">Section titled Horizontal default</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Use the default size for primary page-level navigation, typically placed near the top of the page.</p>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">nav</span> <span class="hljs-attr">aria-label</span>=<span class="hljs-string">"…"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">ul</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item is-selected"</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">ul</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">nav</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <p class="ff-mono mb8" id="horizontal-full-width-nav">Full width</p>
+            <nav class="mb32" aria-label="horizontal full width navigation">
+                <ul class="s-navigation">
+                    <li>
+                        <a href="#" class="s-navigation--item is-selected">
+                            <span class="s-navigation--item-text" data-text="Product">Product</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#" class="s-navigation--item">
+                            <span class="s-navigation--item-text" data-text="Email">Email</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#" class="s-navigation--item">
+                            <span class="s-navigation--item-text" data-text="Content">Content</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#" class="s-navigation--item">
+                            <span class="s-navigation--item-text" data-text="Brand">Brand</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#" class="s-navigation--item">
+                            <span class="s-navigation--item-text" data-text="Marketing">Marketing</span>
+                        </a>
+                    </li>
+                
+            </ul></nav>
+
+            <p class="ff-mono mb8" id="horizontal-nav-wrapped">Wrapped</p>
+            <nav class="wmx2" aria-labelledby="horizontal wrapped navigation">
+                <ul class="s-navigation">
+                    <li>
+                        <a href="#" class="s-navigation--item is-selected">
+                            <span class="s-navigation--item-text" data-text="Product">Product</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#" class="s-navigation--item">
+                            <span class="s-navigation--item-text" data-text="Email">Email</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#" class="s-navigation--item">
+                            <span class="s-navigation--item-text" data-text="Content">Content</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#" class="s-navigation--item">
+                            <span class="s-navigation--item-text" data-text="Brand">Brand</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#" class="s-navigation--item">
+                            <span class="s-navigation--item-text" data-text="Marketing">Marketing</span>
+                        </a>
+                    </li>
+                </ul>
+            </nav>
+        </div>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="icons">Icons</h3><a class="s-btn s-btn__clear" href="#icons"><span class="v-visible-sr">Section titled Icons</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Use the icon variant for a prominent, secondary horizontal navigation bar that directs users to main page sections. Limit use to one per page and do not use it for in-page filtering. Icon styles should change with the state of the item (ex: selected items use a fill icon)</p>
+
+    <div class="docs-preview">
+    <pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">nav</span> <span class="hljs-attr">aria-label</span>=<span class="hljs-string">"…"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">ul</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation"</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item is-selected"</span>&gt;</span><br>                    @Svg.QandAFill.With("s-navigation--icon")<br>                    <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"Content"</span>&gt;</span>Content<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>                <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span>&gt;</span><br>                    @Svg.TagStack.With("s-navigation--icon")<br>                    <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"Topics"</span>&gt;</span>Topics<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>                <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span>&gt;</span><br>                    @Svg.UserStack.With("s-navigation--icon")<br>                    <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"People"</span>&gt;</span>People<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>                <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item s-navigation--item__dropdown"</span>&gt;</span><br>                    @Svg.Settings.With("s-navigation--icon")<br>                    <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"Settings"</span>&gt;</span>Settings<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>                <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">ul</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">nav</span>&gt;</span></code></pre>
+    <div class="docs-preview--example">
+        <div class="d-flex jc-space-between sm:d-block">
+            <nav aria-label="horizontal full width navigation with icons" class="d-inline-block">
+                <ul class="s-navigation">
+                    <li>
+                        <a href="#" class="s-navigation--item is-selected">
+                            <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconQandAFill s-navigation--icon" aria-hidden="true"><path d="M11.5 1c.82 0 1.5.67 1.5 1.5v2h-3V6h7.5c.83 0 1.5.67 1.5 1.5v10.03a1.5 1.5 0 0 1-2.41 1.2l-3.05-2.35H8.76a1.5 1.5 0 0 1-1.5-1.5v-3.49h-.09l-3.8 2.69A1.5 1.5 0 0 1 1 12.85V2.5C1 1.67 1.68 1 2.5 1zm1.09 11.17L11 10.6v1.58l1.59 1.6 3.17-3.18V9zM6.1 9h1.13V7.79H6.1zm.57-5.46C5.82 3.54 5 4.16 5 5.07h1.13c0-.15.17-.4.54-.4s.53.25.53.4q0 .1-.07.2l-.27.3-.32.38c-.2.27-.44.64-.44 1.11h1.13q-.01-.13.2-.42l.27-.3.31-.36q.31-.38.32-.9c0-.92-.82-1.54-1.66-1.54"></path></svg>
+                            <span class="s-navigation--item-text" data-text="Content">Content</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#" class="s-navigation--item">
+                            <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconTagStack s-navigation--icon" aria-hidden="true"><path d="M18.56 8.94 17.5 10l1.06 1.06-5.7 5.7-1.07-1.06 5.7-5.7-5.7-5.7 1.06-1.06zM7.7 3c.4 0 .8.16 1.08.44l5.33 5.25c.6.6.61 1.58 0 2.19L10 15.05c-.6.6-1.56.61-2.17.02l-5.35-5.2c-.3-.29-.47-.69-.47-1.1V4.55C2 3.69 2.7 3 3.55 3zM3.55 4.5a.1.1 0 0 0-.05.05v4.22l.01.03L8.86 14q.04.02.07 0l4.13-4.18v-.06L7.74 4.5l-.03-.01zm3.97 3L6.46 8.56 5.4 7.5l1.06-1.06z"></path></svg>
+                            <span class="s-navigation--item-text" data-text="Topics">Topics</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#" class="s-navigation--item">
+                            <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconUserStack s-navigation--icon" aria-hidden="true"><path d="M14.03 10.6c.96 0 1.8.59 2.12 1.49l1.07 3c.52 1.46-.56 3-2.12 3H15v-1.5h.1c.52 0 .88-.51.7-1l-1.06-3a.75.75 0 0 0-.7-.5H13v-1.5zm-4.08-.06a1.5 1.5 0 0 1 1.27.9l1.91 4.47a1.5 1.5 0 0 1-1.18 2.08l-.2.01H3.5l-.2-.01A1.5 1.5 0 0 1 2 16.5h9.75l-1.91-4.47H5.42L4.14 15H2.51l1.53-3.56a1.5 1.5 0 0 1 1.26-.9h4.64M12 1.99a3.75 3.75 0 0 1 0 7.5V8a2.25 2.25 0 0 0 0-4.5h-.4V2zM7.83 2a3.74 3.74 0 0 1 3.54 3.73v.2a3.74 3.74 0 0 1-3.73 3.54h-.2a3.74 3.74 0 0 1-3.53-3.55v-.19A3.74 3.74 0 0 1 7.63 2zm-.2 1.5a2.24 2.24 0 0 0 0 4.47 2.24 2.24 0 0 0 0-4.47"></path></svg>
+                            <span class="s-navigation--item-text" data-text="People">People</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#" class="s-navigation--item s-navigation--item__dropdown">
+                            <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconSettings s-navigation--icon" aria-hidden="true"><path d="m10 2.9 1.86-1.85a9 9 0 0 1 3.15 1.3l.02 2.62 2.62.02a9 9 0 0 1 1.3 3.15L17.11 10l1.84 1.86a9 9 0 0 1-1.3 3.15l-2.62.02-.02 2.61a9 9 0 0 1-3.15 1.31L10 17.11l-1.86 1.84a9 9 0 0 1-2.78-1.07L5 17.65l-.02-2.62L2.35 15a9 9 0 0 1-1.3-3.15L2.89 10 1.05 8.14a9 9 0 0 1 1.3-3.15l2.62-.02L5 2.35a9 9 0 0 1 3.15-1.3zm1.06 1.06L10 5 8.95 3.96 7.69 2.7q-.63.2-1.2.5l-.02 1.77V5H5v1.47h-.02l-1.77.01-.15.3-.15.36-.2.55 1.25 1.26L5 10l-1.04 1.06-1.24 1.25q.2.63.5 1.2l1.76.02H5V15h1.47v.02l.01 1.76a8 8 0 0 0 1.21.5l1.26-1.24L10 15l1.06 1.04 1.25 1.24q.63-.2 1.2-.5l.02-1.76V15H15v-1.47h.02l1.76-.01a8 8 0 0 0 .5-1.21l-1.24-1.25L15 10l1.04-1.05 1.24-1.26a8 8 0 0 0-.5-1.2l-1.76-.02H15V5h-1.47v-.02l-.01-1.77a8 8 0 0 0-1.21-.5zM7.2 8.86a3.02 3.02 0 1 1 5.6 2.27 3.02 3.02 0 0 1-5.6-2.26m3.37-.27a1.5 1.5 0 0 0-1.98.84l-.05.15a1.52 1.52 0 1 0 2.03-1"></path></svg>
+                            <span class="s-navigation--item-text" data-text="Settings">Settings</span>
+                        </a>
+                    </li>
+                </ul>
+            </nav>
+            <button class="s-btn s-btn__tonal s-btn__dropdown">Today</button>
+        </div>
+    </div>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="scrolling">Scrolling</h3><a class="s-btn s-btn__clear" href="#scrolling"><span class="v-visible-sr">Section titled Scrolling</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">nav</span> <span class="hljs-attr">aria-label</span>=<span class="hljs-string">"…"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">ul</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation s-navigation__scroll"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item is-selected"</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">ul</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">nav</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <nav class="wmx3" aria-label="scrolling navigation">
+                <ul class="s-navigation s-navigation__scroll">
+                    <li>
+                        <a href="#" class="s-navigation--item is-selected">
+                            <span class="s-navigation--item-text" data-text="Product">Product</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#" class="s-navigation--item">
+                            <span class="s-navigation--item-text" data-text="Email">Email</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#" class="s-navigation--item">
+                            <span class="s-navigation--item-text" data-text="Content">Content</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#" class="s-navigation--item">
+                            <span class="s-navigation--item-text" data-text="Brand">Brand</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#" class="s-navigation--item">
+                            <span class="s-navigation--item-text" data-text="Marketing">Marketing</span>
+                        </a>
+                    </li>
+                </ul>
+            </nav>
+        </div>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="dropdown">Dropdown</h3><a class="s-btn s-btn__clear" href="#dropdown"><span class="v-visible-sr">Section titled Dropdown</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">nav</span> <span class="hljs-attr">aria-label</span>=<span class="hljs-string">"…"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">ul</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation s-navigation__scroll"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item is-selected"</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item s-navigation--item__dropdown"</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">ul</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">nav</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <nav class="wmx3" aria-label="dropdown navigation">
+                <ul class="s-navigation s-navigation__scroll">
+                    <li>
+                        <a href="#" class="s-navigation--item is-selected">
+                            <span class="s-navigation--item-text" data-text="Product">Product</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#" class="s-navigation--item">
+                            <span class="s-navigation--item-text" data-text="Email">Email</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#" class="s-navigation--item s-navigation--item__dropdown">
+                            <span class="s-navigation--item-text" data-text="More">More</span>
+                        </a>
+                    </li>
+                </ul>
+            </nav>
+        </div>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="small">Small</h3><a class="s-btn s-btn__clear" href="#small"><span class="v-visible-sr">Section titled Small</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Use the small variant for on-page filtering in space-constrained areas, such as controlling small lists. Avoid using icons on the small variant.</p>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">nav</span> <span class="hljs-attr">aria-label</span>=<span class="hljs-string">"…"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">ul</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation s-navigation__sm"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item is-selected"</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">ul</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">nav</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <nav aria-label="small navigation">
+                <ul class="s-navigation s-navigation__sm">
+                    <li>
+                        <a href="#" class="s-navigation--item is-selected">
+                            <span class="s-navigation--item-text" data-text="Product">Product</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#" class="s-navigation--item">
+                            <span class="s-navigation--item-text" data-text="Email">Email</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#" class="s-navigation--item">
+                            <span class="s-navigation--item-text" data-text="Content">Content</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#" class="s-navigation--item">
+                            <span class="s-navigation--item-text" data-text="Brand">Brand</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#" class="s-navigation--item">
+                            <span class="s-navigation--item-text" data-text="Marketing">Marketing</span>
+                        </a>
+                    </li>
+                </ul>
+            </nav>
+        </div>
+    </div>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="vertical">Vertical</h2><a class="s-btn s-btn__clear" href="#vertical"><span class="v-visible-sr">Section titled Vertical</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Stacks also provides a vertical variation with support for section headers.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="vertical-default">Vertical default</h3><a class="s-btn s-btn__clear" href="#vertical-default"><span class="v-visible-sr">Section titled Vertical default</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">nav</span> <span class="hljs-attr">aria-label</span>=<span class="hljs-string">"…"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">ul</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation s-navigation__vertical"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item is-selected"</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">ul</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">nav</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <nav class="ws2" aria-label="vertical default navigation">
+                <ul class="s-navigation s-navigation__vertical">
+                    <li>
+                        <a href="#" class="s-navigation--item is-selected">
+                            <span class="s-navigation--item-text" data-text="Product">Product</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#" class="s-navigation--item">
+                            <span class="s-navigation--item-text" data-text="Email">Email</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#" class="s-navigation--item">
+                            <span class="s-navigation--item-text" data-text="Content">Content</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#" class="s-navigation--item">
+                            <span class="s-navigation--item-text" data-text="Brand">Brand</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#" class="s-navigation--item">
+                            <span class="s-navigation--item-text" data-text="Marketing">Marketing</span>
+                        </a>
+                    </li>
+                </ul>
+            </nav>
+        </div>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="vertical-icons">Vertical Icons</h3><a class="s-btn s-btn__clear" href="#vertical-icons"><span class="v-visible-sr">Section titled Vertical Icons</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Vertical navigation items with icons have a larger padding.</p>
+
+    <div class="docs-preview">
+    <pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">nav</span> <span class="hljs-attr">aria-label</span>=<span class="hljs-string">"…"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">ul</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation s-navigation__vertical"</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item is-selected"</span>&gt;</span><br>                    @Svg.HomeFill.With("s-navigation--icon")<br>                    <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"Home"</span>&gt;</span>Home<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>                <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item d-flex jc-space-between"</span>&gt;</span><br>                    @Svg.Jobs.With("s-navigation--icon")<br>                    <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"Jobs"</span>&gt;</span>Jobs<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>                    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-badge s-badge__xs s-badge__featured ml-auto"</span>&gt;</span>New<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>                <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item d-flex jc-space-between"</span>&gt;</span><br>                    @Svg.Bookmark.With("s-navigation--icon")<br>                    <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"Saves"</span>&gt;</span>Saves<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>                    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-activity-indicator ml-auto"</span>&gt;</span><br>                        3 <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"v-visible-sr"</span>&gt;</span>new activities<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>                    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>                <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span>&gt;</span><br>                    @Svg.UserStack.With("s-navigation--icon")<br>                    <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"Users"</span>&gt;</span>Users<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>                <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">ul</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">nav</span>&gt;</span></code></pre>
+    <div class="docs-preview--example">
+        <nav class="ws2" aria-label="vertical full width navigation with icons">
+            <ul class="s-navigation s-navigation__vertical">
+                <li>
+                    <a href="#" class="s-navigation--item is-selected">
+                        <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconHomeFill s-navigation--icon" aria-hidden="true"><path d="m10 2 7 5.86V15c0 .83-.67 1.5-1.5 1.5 0 .83-.67 1.5-1.5 1.5h-3v-5H9v5H4.5A1.5 1.5 0 0 1 3 16.5V7.86z"></path><path d="M17 7.86v8.64c0 .83-.67 1.5-1.5 1.5H11v-5H9v5H4.5A1.5 1.5 0 0 1 3 16.5V7.86L10 2zm-12.5.7v7.94h3v-5h5v5h3V8.56L10 3.96z"></path></svg>
+                        <span class="s-navigation--item-text" data-text="Home">Home</span>
+                    </a>
+                </li>
+                <li>
+                    <a href="#" class="s-navigation--item d-flex jc-space-between">
+                        <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconJobs s-navigation--icon" aria-hidden="true"><path d="M11.5 3c.83 0 1.5.67 1.5 1.5V6h3.5c.83 0 1.5.67 1.5 1.5v8h-1.5V17h-13A1.5 1.5 0 0 1 2 15.65V7.5C2 6.67 2.67 6 3.5 6H7V4.5C7 3.67 7.67 3 8.5 3zM13 15.5h3.5v-8H13zm-4.5 0h3v-8h-3zm-5 0H7v-8H3.5zm5-9.5h3V4.5h-3z"></path></svg>
+                        <span class="s-navigation--item-text" data-text="Jobs">Jobs</span>
+                        <div class="s-badge s-badge__xs s-badge__featured ml-auto">New</div>
+                    </a>
+                </li>
+                <li>
+                    <a href="#" class="s-navigation--item d-flex jc-space-between">
+                        <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconBookmark s-navigation--icon" aria-hidden="true"><path d="M14.5 3.5H16v12.68a1.75 1.75 0 0 1-2.8 1.4L10 15.22l-3.2 2.38c-1.13.83-2.7.08-2.8-1.27V4.25l.01-.23A2.25 2.25 0 0 1 6.25 2h8.25zm-8.25 0a.75.75 0 0 0-.75.75v11.93l.01.08c.05.15.25.23.39.12l3.65-2.7.1-.07c.26-.13.57-.11.8.06l3.65 2.71c.17.13.4 0 .4-.2V3.5z"></path></svg>
+                        <span class="s-navigation--item-text" data-text="Saves">Saves</span>
+                        <div class="s-activity-indicator ml-auto">
+                            3 <div class="v-visible-sr">new activities</div>
+                        </div>
+                    </a>
+                </li>
+                <li>
+                    <a href="#" class="s-navigation--item">
+                        <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconUserStack s-navigation--icon" aria-hidden="true"><path d="M14.03 10.6c.96 0 1.8.59 2.12 1.49l1.07 3c.52 1.46-.56 3-2.12 3H15v-1.5h.1c.52 0 .88-.51.7-1l-1.06-3a.75.75 0 0 0-.7-.5H13v-1.5zm-4.08-.06a1.5 1.5 0 0 1 1.27.9l1.91 4.47a1.5 1.5 0 0 1-1.18 2.08l-.2.01H3.5l-.2-.01A1.5 1.5 0 0 1 2 16.5h9.75l-1.91-4.47H5.42L4.14 15H2.51l1.53-3.56a1.5 1.5 0 0 1 1.26-.9h4.64M12 1.99a3.75 3.75 0 0 1 0 7.5V8a2.25 2.25 0 0 0 0-4.5h-.4V2zM7.83 2a3.74 3.74 0 0 1 3.54 3.73v.2a3.74 3.74 0 0 1-3.73 3.54h-.2a3.74 3.74 0 0 1-3.53-3.55v-.19A3.74 3.74 0 0 1 7.63 2zm-.2 1.5a2.24 2.24 0 0 0 0 4.47 2.24 2.24 0 0 0 0-4.47"></path></svg>
+                        <span class="s-navigation--item-text" data-text="Users">Users</span>
+                    </a>
+                </li>
+            </ul>
+        </nav>
+    </div>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="avatar">Avatar</h3><a class="s-btn s-btn__clear" href="#avatar"><span class="v-visible-sr">Section titled Avatar</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <div class="docs-preview">
+        <pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">nav</span> <span class="hljs-attr">aria-label</span>=<span class="hljs-string">"…"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">ul</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation s-navigation__vertical"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item is-selected"</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--avatar s-avatar"</span>&gt;</span><br>                    <span class="hljs-tag">&lt;<span class="hljs-name">img</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-avatar--image"</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://picsum.photos/32"</span> /&gt;</span><br>                <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"Humson"</span>&gt;</span>Humson<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--avatar s-avatar"</span>&gt;</span><br>                    <span class="hljs-tag">&lt;<span class="hljs-name">img</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-avatar--image"</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://picsum.photos/32"</span> /&gt;</span><br>                <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"Samson"</span>&gt;</span>Samson<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">ul</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">nav</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <nav class="ws2" aria-label="avatar navigation">
+                <ul class="s-navigation s-navigation__vertical">
+                    <li>
+                        <a href="#" class="s-navigation--item is-selected">
+                            <div class="s-navigation--avatar s-avatar">
+                                <img class="s-avatar--image" src="https://picsum.photos/32">
+                            </div>
+                            <span class="s-navigation--item-text" data-text="Humson">Humson</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#" class="s-navigation--item">
+                            <div class="s-navigation--avatar s-avatar">
+                                <img class="s-avatar--image" src="https://picsum.photos/32">
+                            </div>
+                            <span class="s-navigation--item-text" data-text="Samson">Samson</span>
+                        </a>
+                    </li>
+                </ul>
+            </nav>
+        </div>
+    </div>
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="titles">Titles</h3><a class="s-btn s-btn__clear" href="#titles"><span class="v-visible-sr">Section titled Titles</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">nav</span> <span class="hljs-attr">aria-label</span>=<span class="hljs-string">"…"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">ul</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation s-navigation__vertical"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">h4</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--title"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"nav-section1"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">h4</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">ul</span> <span class="hljs-attr">aria-labelledby</span>=<span class="hljs-string">"nav-section1"</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>                    <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item is-selected"</span>&gt;</span><br>                        <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>                    <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>                <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>                    <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span>&gt;</span><br>                        <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>                    <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>                <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">ul</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br><br>        <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">h4</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--title"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"nav-section2"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">h4</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">ul</span> <span class="hljs-attr">aria-labelledby</span>=<span class="hljs-string">"nav-section2"</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>                    <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span>&gt;</span><br>                        <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>                    <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>                <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>                    <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span>&gt;</span><br>                        <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>                    <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>                <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>                    <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span>&gt;</span><br>                        <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>                    <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>                <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>                    <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span>&gt;</span><br>                        <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>                    <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>                <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><br>                    <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span>&gt;</span><br>                        <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>                    <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>                <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>            <span class="hljs-tag">&lt;/<span class="hljs-name">ul</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">ul</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">nav</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <nav class="ws2" aria-label="titles navigation">
+                <ul class="s-navigation s-navigation__vertical">
+                    <li>
+                        <h4 class="s-navigation--title" id="nav-resources">Resources</h4>
+                        <ul aria-labelledby="nav-resources">
+                            <li><a href="#" class="s-navigation--item is-selected">Icons</a></li>
+                            <li><a href="#" class="s-navigation--item">Spot illustrations</a></li>
+                        </ul>
+                    </li>
+                    <li>
+                        <h4 class="s-navigation--title" id="nav-base">Base</h4>
+                        <ul aria-labelledby="nav-base">
+                            <li>
+                                <a href="#" class="s-navigation--item is-selected">
+                                    <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconHomeFill s-navigation--icon" aria-hidden="true"><path d="m10 2 7 5.86V15c0 .83-.67 1.5-1.5 1.5 0 .83-.67 1.5-1.5 1.5h-3v-5H9v5H4.5A1.5 1.5 0 0 1 3 16.5V7.86z"></path><path d="M17 7.86v8.64c0 .83-.67 1.5-1.5 1.5H11v-5H9v5H4.5A1.5 1.5 0 0 1 3 16.5V7.86L10 2zm-12.5.7v7.94h3v-5h5v5h3V8.56L10 3.96z"></path></svg>
+                                    <span class="s-navigation--item-text" data-text="Home">Home</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#" class="s-navigation--item">
+                                    <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconJobs s-navigation--icon" aria-hidden="true"><path d="M11.5 3c.83 0 1.5.67 1.5 1.5V6h3.5c.83 0 1.5.67 1.5 1.5v8h-1.5V17h-13A1.5 1.5 0 0 1 2 15.65V7.5C2 6.67 2.67 6 3.5 6H7V4.5C7 3.67 7.67 3 8.5 3zM13 15.5h3.5v-8H13zm-4.5 0h3v-8h-3zm-5 0H7v-8H3.5zm5-9.5h3V4.5h-3z"></path></svg>
+                                    <span class="s-navigation--item-text" data-text="Jobs">Jobs</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#" class="s-navigation--item">
+                                    <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconBookmark s-navigation--icon" aria-hidden="true"><path d="M14.5 3.5H16v12.68a1.75 1.75 0 0 1-2.8 1.4L10 15.22l-3.2 2.38c-1.13.83-2.7.08-2.8-1.27V4.25l.01-.23A2.25 2.25 0 0 1 6.25 2h8.25zm-8.25 0a.75.75 0 0 0-.75.75v11.93l.01.08c.05.15.25.23.39.12l3.65-2.7.1-.07c.26-.13.57-.11.8.06l3.65 2.71c.17.13.4 0 .4-.2V3.5z"></path></svg>
+                                    <span class="s-navigation--item-text" data-text="Saves">Saves</span>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#" class="s-navigation--item">
+                                    <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconUserStack s-navigation--icon" aria-hidden="true"><path d="M14.03 10.6c.96 0 1.8.59 2.12 1.49l1.07 3c.52 1.46-.56 3-2.12 3H15v-1.5h.1c.52 0 .88-.51.7-1l-1.06-3a.75.75 0 0 0-.7-.5H13v-1.5zm-4.08-.06a1.5 1.5 0 0 1 1.27.9l1.91 4.47a1.5 1.5 0 0 1-1.18 2.08l-.2.01H3.5l-.2-.01A1.5 1.5 0 0 1 2 16.5h9.75l-1.91-4.47H5.42L4.14 15H2.51l1.53-3.56a1.5 1.5 0 0 1 1.26-.9h4.64M12 1.99a3.75 3.75 0 0 1 0 7.5V8a2.25 2.25 0 0 0 0-4.5h-.4V2zM7.83 2a3.74 3.74 0 0 1 3.54 3.73v.2a3.74 3.74 0 0 1-3.73 3.54h-.2a3.74 3.74 0 0 1-3.53-3.55v-.19A3.74 3.74 0 0 1 7.63 2zm-.2 1.5a2.24 2.24 0 0 0 0 4.47 2.24 2.24 0 0 0 0-4.47"></path></svg>
+                                    <span class="s-navigation--item-text" data-text="Users">Users</span>
+                                </a>
+                            </li>
+                        </ul>
+                    </li>                    
+                </ul>
+            </nav>
+        </div>
+    </div>
+</section>
+
+<div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="buttons">Buttons</h2><a class="s-btn s-btn__clear" href="#buttons"><span class="v-visible-sr">Section titled Buttons</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+<p class="docs-copy">This component can be used for in-page navigation patterns, using <code>button</code> elements in place of link. When doing so, it may be appropriate to annotate elements with <code>role="tablist"</code> to indicate the dynamic behavior.</p>
+
+<div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">nav</span> <span class="hljs-attr">aria-label</span>=<span class="hljs-string">"…"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"tablist"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"button"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item is-selected"</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"tab"</span> <span class="hljs-attr">aria-selected</span>=<span class="hljs-string">"true"</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"button"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"tab"</span> <span class="hljs-attr">aria-selected</span>=<span class="hljs-string">"false"</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"button"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"tab"</span> <span class="hljs-attr">aria-selected</span>=<span class="hljs-string">"false"</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">nav</span>&gt;</span></code></pre>
+    <div class="docs-preview--example">
+        <nav aria-label="button navigation">
+            <div role="tablist" class="s-navigation">
+                <button type="button" class="s-navigation--item is-selected" role="tab" aria-selected="true">
+                    <span class="s-navigation--item-text" data-text="Current revision">Current revision</span>
+                </button>
+                <button type="button" class="s-navigation--item" role="tab" aria-selected="false">
+                    <span class="s-navigation--item-text" data-text="Side-by-side diff">Side-by-side diff</span>
+                </button>
+                <button type="button" class="s-navigation--item" role="tab" aria-selected="false">
+                    <span class="s-navigation--item-text" data-text="Inline diff">Inline diff</span>
+                </button>
+            </div>
+        </nav>
+    </div>
+</div>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="interactive-tabs">Interactive tabs</h2><a class="s-btn s-btn__clear" href="#interactive-tabs"><span class="v-visible-sr">Section titled Interactive tabs</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <p class="docs-copy">Stacks provides a Stimulus controller for interactive tab-style navigation within a single document.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="attributes">Attributes</h3><a class="s-btn s-btn__clear" href="#attributes"><span class="v-visible-sr">Section titled Attributes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="overflow-x-auto mb32" tabindex="0">
+        <table class="docs-table s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th class="s-table--cell5" scope="col">Attribute</th>
+                    <th class="s-table--cell2" scope="col">Applied to</th>
+                    <th scope="col">Description</th>
+                </tr>
+            </thead>
+            <tbody class="fs-caption">
+                <tr>
+                    <th scope="row"><code>data-controller="s-navigation-tablist"</code></th>
+                    <td><code>.s-navigation</code></td>
+                    <td class="p8">Wires up the element to the tooltip controller.</td>
+                </tr>
+                <tr>
+                    <th scope="row"><code>role="tablist"</code></th>
+                    <td><code>.s-navigation</code></td>
+                    <td class="p8">Indicates to accessibility tools that the navigation element is a tab list.</td>
+                </tr>
+                <tr>
+                    <th scope="row"><code>role="tab"</code></th>
+                    <td><code>.s-navigation--item</code></td>
+                    <td class="p8">Indicates to accessibility tools that the navigation item is a tab.  Used by the controller to automatically connect mouse and keyboard events.</td>
+                </tr>
+                <tr>
+                    <th scope="row"><code>class="s-navigation--item is-selected"</code></th>
+                    <td>Initially selected <code>.s-navigation--item</code> elements</td>
+                    <td class="p8">Provides visual indication that the tab is selected.</td>
+                </tr>
+                <tr>
+                    <th scope="row"><code>aria-selected="{true|false}"</code></th>
+                    <td><code>.s-navigation--item</code></td>
+                    <td class="p8">Indicates to accessibility tools which tab is selected.  Used by the controller to track the selected tab.</td>
+                </tr>
+                <tr>
+                    <th scope="row"><code>id="{TAB_ID}"</code></th>
+                    <td><code>.s-navigation--item</code></td>
+                    <td class="p8">A unique id for the tab.  Will be used by the tab panel to refer back to the button via <code>aria-labelledby="{TAB_ID}"</code>.</td>
+                </tr>
+                <tr>
+                    <th scope="row"><code>aria-controls="{PANEL_ID}"</code></th>
+                    <td><code>.s-navigation--item</code></td>
+                    <td class="p8">A unique id for the panel element corresponding to the tab.</td>
+                </tr>
+                <tr>
+                    <th scope="row"><code>tabindex="-1"</code></th>
+                    <td>Initially unselected <code>.s-navigation--item</code> elements</td>
+                    <td class="p8">Indicates to the browser that the element should be excluded from tab navigation.  When interacting with the control, arrow keys will be used to switch tabs.</td>
+                </tr>
+                <tr>
+                    <th scope="row"><code>role="tabpanel"</code></th>
+                    <td>Tab panel elements</td>
+                    <td class="p8">Indicates to accessibility tools that the element is a panel corresponding to a tab.</td>
+                </tr>
+                <tr>
+                    <th scope="row"><code>id="{PANEL_ID}"</code></th>
+                    <td>Tab panel elements</td>
+                    <td class="p8">A unique id for the panel.  Used by the tab to identify the panel that will be shown when it is active, via <code>aria-controls="{PANEL_ID}"</code>.</td>
+                </tr>
+                <tr>
+                    <th scope="row"><code>aria-labelledby="{TAB_ID}"</code></th>
+                    <td>Tab panel elements</td>
+                    <td class="p8">Refers to the id of the tab element that corresponds to the panel.</td>
+                </tr>
+                <tr>
+                    <th scope="row"><code>class="d-none"</code></th>
+                    <td>Initially hidden tab panel elements</td>
+                    <td class="p8">Suppressed display of tab panels.</td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="events">Events</h3><a class="s-btn s-btn__clear" href="#events"><span class="v-visible-sr">Section titled Events</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="overflow-x-auto mb32" tabindex="0">
+        <table class="docs-table s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th class="s-table--cell5" scope="col">Event</th>
+                    <th class="s-table--cell2" scope="col">Element</th>
+                    <th scope="col">Description</th>
+                </tr>
+            </thead>
+            <tbody class="fs-caption">
+                <tr>
+                    <th scope="row"><code>s-navigation-tablist:select</code></th>
+                    <td>Controller element</td>
+                    <td><span class="s-label--status ml0">Default preventable</span> Fires immediately before a new tab is selected.  Calling <code>.preventDefault()</code> cancels the display of the tab and keeps the state unchanged.</td>
+                </tr>
+                <tr>
+                    <th scope="row"><code>s-navigation-tablist:selected</code></th>
+                    <td>Controller element</td>
+                    <td>Fires immediately after the new tag has been selected.</td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+    <div class="overflow-x-auto mb32" tabindex="0">
+        <table class="docs-table s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th class="s-table--cell5" scope="col">event.detail</th>
+                    <th class="s-table--cell2" scope="col">Applicable events</th>
+                    <th scope="col">Description</th>
+                </tr>
+            </thead>
+            <tbody class="fs-caption">
+                <tr>
+                    <th scope="row"><code>oldTab</code></th>
+                    <td><code>s-navigation-tablist:*</code></td>
+                    <td>Contains <code>HTMLElement | null</code> representing the previously selected tab, if one was selected.  This is the element with <code>role="tab"</code>, not the panel itself which can be found using the tab's <code>aria-controls</code> attribute.</td>
+                </tr>
+                <tr>
+                    <th scope="row"><code>newTab</code></th>
+                    <td><code>s-navigation-tablist:*</code></td>
+                    <td>Contains <code>HTMLElement</code> representing the newly selected tab.  This is the element with <code>role="tab"</code>, not the panel itself which can be found using the tab's <code>aria-controls</code> attribute.</td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="example">Example</h3><a class="s-btn s-btn__clear" href="#example"><span class="v-visible-sr">Section titled Example</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">nav</span> <span class="hljs-attr">aria-label</span>=<span class="hljs-string">"…"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation"</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"tablist"</span> <span class="hljs-attr">data-controller</span>=<span class="hljs-string">"s-navigation-tablist"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">button</span><br>            <span class="hljs-attr">type</span>=<span class="hljs-string">"button"</span><br>            <span class="hljs-attr">role</span>=<span class="hljs-string">"tab"</span><br>            <span class="hljs-attr">id</span>=<span class="hljs-string">"tab-question"</span><br>            <span class="hljs-attr">aria-selected</span>=<span class="hljs-string">"true"</span><br>            <span class="hljs-attr">aria-controls</span>=<span class="hljs-string">"panel-question"</span><br>            <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item is-selected"</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"Task"</span>&gt;</span>Task<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">button</span><br>            <span class="hljs-attr">type</span>=<span class="hljs-string">"button"</span><br>            <span class="hljs-attr">role</span>=<span class="hljs-string">"tab"</span><br>            <span class="hljs-attr">id</span>=<span class="hljs-string">"tab-answers"</span><br>            <span class="hljs-attr">aria-selected</span>=<span class="hljs-string">"false"</span><br>            <span class="hljs-attr">aria-controls</span>=<span class="hljs-string">"panel-answers"</span><br>            <span class="hljs-attr">tabindex</span>=<span class="hljs-string">"-1"</span><br>            <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item"</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-navigation--item-text"</span> <span class="hljs-attr">data-text</span>=<span class="hljs-string">"Answers"</span>&gt;</span>Answers<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">nav</span>&gt;</span><br><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"panel-question"</span> <span class="hljs-attr">aria-labelledby</span>=<span class="hljs-string">"tab-question"</span>&gt;</span><br>    …<br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"panel-answers"</span> <span class="hljs-attr">aria-labelledby</span>=<span class="hljs-string">"tab-answers"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-none"</span>&gt;</span><br>    …<br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+
+            <nav class="mb8" aria-label="example tablist navigation">
+                <div class="s-navigation" role="tablist" data-controller="s-navigation-tablist">
+                    <button type="button" role="tab" id="tab-1" aria-selected="true" aria-controls="panel-1" class="s-navigation--item is-selected">
+                        <span class="s-navigation--item-text" data-text="Task">Task</span>
+                    </button>
+                    <button type="button" role="tab" id="tab-2" aria-selected="false" aria-controls="panel-2" tabindex="-1" class="s-navigation--item">
+                        <span class="s-navigation--item-text" data-text="Answers">Answers</span>
+                    </button>
+                    <button type="button" role="tab" id="tab-3" aria-selected="false" aria-controls="panel-3" tabindex="-1" class="s-navigation--item">
+                        <span class="s-navigation--item-text" data-text="Duplicate A">Duplicate A</span>
+                    </button>
+                    <button type="button" role="tab" id="tab-4" aria-selected="false" aria-controls="panel-4" tabindex="-1" class="s-navigation--item">
+                        <span class="s-navigation--item-text" data-text="Duplicate B">Duplicate B</span>
+                    </button>
+                </div>
+            </nav>
+
+            <div id="panel-1" aria-labelledby="tab-1">
+                <div class="fs-headline1">Review the following question</div>
+                <p>…</p>
+            </div>
+
+            <div id="panel-2" aria-labelledby="tab-2" class="d-none">
+                <div class="fs-headline1">Answers</div>
+                <p>…</p>
+            </div>
+
+            <div id="panel-3" aria-labelledby="tab-2" class="d-none">
+                <div class="fs-headline1">Potential Duplicate A</div>
+                <p>…</p>
+            </div>
+
+            <div id="panel-4" aria-labelledby="tab-2" class="d-none">
+                <div class="fs-headline1">Potential Duplicate B</div>
+                <p>…</p>
+            </div>
+        </div>
+    </div>
+</section>
+
+<script>
+    for (const link of document.querySelectorAll('.docs-preview--example a[href="#"]')) {
+        link.addEventListener('click', (e) => e.preventDefault());
+    }
+</script>
+</div>
+
+            <!-- <div class="d-flex my48 pt24">
+                <div class="mr16">
+                    
+                    <form
+                        id="quick-positive-feedback-navigation"
+                        class="js-feedback-form v-hidden"
+                        name="quick-positive-feedback-navigation"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <form
+                        id="quick-negative-feedback-navigation"
+                        class="js-feedback-form v-hidden"
+                        name="quick-negative-feedback-navigation"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-positive"
+                        role="tooltip">
+                        <div class="s-popover--content">This page is useful</div>
+                    </div>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-negative"
+                        role="tooltip">
+                        <div class="s-popover--content">This page needs improvement</div>
+                    </div>
+                    <div id="vote-feedback" class="s-vote">
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-positive-feedback-navigation"
+                            aria-describedby="tooltip-feedback-positive"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUp" aria-hidden="true"><path d="M10 3q.41.02.64.36l6.9 11.5a.75.75 0 1 1-1.28.78L10 5.21l-5.58 9.3h8.04v-.01h1.1l.97 1.5H3.1a.75.75 0 0 1-.65-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUpFill" aria-hidden="true"><path d="M10 3h.1a1 1 0 0 1 .42.21l.12.15 6.9 11.5.05.09v.03l.02.04q.04.12.04.26v.03q0 .13-.07.25v.02l-.03.04a1 1 0 0 1-.2.23l-.06.05-.04.01-.04.03-.04.01a1 1 0 0 1-.27.05H3a.75.75 0 0 1-.55-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="v-visible-sr">upvote</span>
+                        </button>
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-negative-feedback-navigation"
+                            aria-describedby="tooltip-feedback-negative"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDown" aria-hidden="true"><path d="M10 16a.8.8 0 0 1-.64-.36l-6.9-11.5a.75.75 0 1 1 1.28-.78L10 13.8l5.58-9.3H6.44L5.47 3H16.9a.75.75 0 0 1 .65 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDownFill" aria-hidden="true"><path d="M10 16h-.1l-.1-.02a.8.8 0 0 1-.45-.34l-6.9-11.5-.04-.08-.01-.04L2.39 4a1 1 0 0 1-.04-.26V3.7q0-.14.06-.26l.01-.02.02-.04a1 1 0 0 1 .27-.27l.03-.02.05-.02.04-.02A1 1 0 0 1 3.1 3H17a.75.75 0 0 1 .54 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="v-visible-sr">downvote</span>
+                        </button>
+                    </div>
+                </div>
+
+                <form
+                    class="w100 js-feedback-form"
+                    name="feedback-navigation"
+                    method="POST"
+                    data-netlify="true"
+                    action="/success">
+                    <fieldset class="d-flex fd-column fl-grow1 g16">
+                        <legend class="fs-title fw-bold">How’d we do?</legend>
+                        <div class="fs-body2">Anonymously upvote, downvote, or send additional feedback below.</div>
+
+                        <textarea
+                            class="s-textarea hmn1"
+                            id="feedback-form"
+                            name="additional-feedback"
+                            placeholder="Tell us how we can improve this page…" required></textarea>
+
+                        <div class="d-flex ai-center fd-row-reverse g8 jc-space-between mln6 sm:d-grid sm:grid__1 sm:ml0">
+                            <button
+                                type="submit"
+                                class="s-btn as-start fl-shrink0">
+                                Send feedback
+                            </button>
+                            <div class="d-flex fw-wrap g8 sm:d-grid sm:grid__1">
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/edit/develop/packages/stacks-docs/./product/components/navigation.html"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    <svg aria-hidden="true" class="svg-icon iconPencilSm" width="14" height="14"  viewBox="0 0 14 14"><path fill="#F1B600" d="m2 10.12 6.37-6.43 1.88 1.88L3.88 12H2z"/><path fill="#E87C87" d="m11.1 1.71 1.13 1.12c.2.2.2.51 0 .71L11.1 4.7 9.21 2.86l1.17-1.15c.2-.2.51-.2.71 0"/></svg>
+                                    Edit
+                                </a>
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/issues/new/choose"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    File an issue
+                                </a>
+                            </div>
+                        </div>
+                    </fieldset>
+                </form>
+            </div> -->
+
+            <!-- <div class="ta-right">
+                <a href="https://www.netlify.com"><img src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg" alt="Deploys by Netlify" /></a>
+            </div> -->
+        
\ No newline at end of file
diff --git a/packages/stacks-docs-next/static/legacy/fragments/product/components/notices/fragment.html b/packages/stacks-docs-next/static/legacy/fragments/product/components/notices/fragment.html
new file mode 100644
index 0000000000..b40cabc7dc
--- /dev/null
+++ b/packages/stacks-docs-next/static/legacy/fragments/product/components/notices/fragment.html
@@ -0,0 +1,1892 @@
+
+            <div class="d-flex ai-start jc-space-between">
+                <!-- <h1 class="fs-display1 mb0">Notices</h1> -->
+
+                
+                    <p class="docs-copy fc-black-500 fs-title mb0">Notices deliver <strong>System</strong> and <strong>Engagement</strong> messaging, informing the user about product or account statuses and related actions.</p>
+                
+                
+                
+                    <div class="d-flex g8 ai-center">
+
+                        
+                            <a class="s-badge s-badge__squared s-badge__danger" href="https://beta.svelte.stackoverflow.design/?path=/docs/components-notice--docs" target="_blank">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconCheck" aria-hidden="true"><path d="m18.16 5-.53.53L7.55 15.61l-.53.53-5.03-5.03 1.06-1.06 3.97 3.97 9.55-9.55.53-.53z"></path></svg> Svelte
+                            </a>
+                        
+
+                        
+
+                        
+                            <a class="s-badge s-badge__squared" href="https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=612-18813&amp;p=f&amp;m=dev" target="_blank">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconCheck" aria-hidden="true"><path d="m18.16 5-.53.53L7.55 15.61l-.53.53-5.03-5.03 1.06-1.06 3.97 3.97 9.55-9.55.53-.53z"></path></svg> Figma
+                            </a>
+                        
+                    </div>
+                
+            </div>
+            
+            <div class="mt32"><!-- TODO: Add accessibility section with differences between <aside> and status/alert roles and when to use them -->
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="classes">Classes</h2><a class="s-btn s-btn__clear" href="#classes"><span class="v-visible-sr">Section titled Classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    
+    
+    
+
+
+    
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+    
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+    
+
+
+
+    
+
+
+<div id="docs-table" class="overflow-auto v-truncate v-truncate-fade s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell3">
+                        Class
+                    </th>
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Parent
+                    </th>
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Modifies
+                    </th>
+                
+                
+                    <th scope="col" class="">
+                        Description
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-notice</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine"><code>.s-toast</code> when rendered as a toast</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>Base notice parent class.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-notice--actions</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-notice</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>Container styling for notice actions including the dismiss button.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-notice--dismiss</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-notice</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>Applies to child button element within the notice to position it appropriately.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-notice__activity</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-notice</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Applies activity (pink) visual styles.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-notice__danger</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-notice</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Applies danger (red) visual styles.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-notice__featured</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-notice</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Applies featured (purple) visual styles.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-notice__important</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-notice</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Applies an important visual style. This should be used for time-sensitive, pressing information that needs to be noticed by the user.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-notice__info</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-notice</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Applies info (blue) visual styles.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-notice__success</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-notice</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Applies success (green) visual styles.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-notice__warning</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-notice</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Applies warning (yellow) visual styles.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-toast</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>Parent of <code>.s-notice</code>. See the <a href="#toast">Toast section</a> for more information.</td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+    <button id="show-docs-table-button" class="js-docs-table-expand s-btn s-btn__tonal s-btn__sm w100" type="button" aria-expanded="false" aria-controls="docs-table">
+        Show all classes
+    </button>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="accessibility">Accessibility</h2><a class="s-btn s-btn__clear" href="#accessibility"><span class="v-visible-sr">Section titled Accessibility</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    
+    
+    
+    
+    
+    
+    
+    
+
+
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+
+
+
+
+    
+
+
+    
+
+
+
+
+<div id="docs-accessibility-table" class="overflow-auto v-truncate v-truncate-fade s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell4">
+                        Item
+                    </th>
+                
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Modifies
+                    </th>
+                
+                
+                    <th scope="col" class="">
+                        Description
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>aria-labelledby="[id]"</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-toast</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Used to reference the alert message within the dialog. If you are using <code>.s-toast</code>, <strong>this must be applied.</strong></td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>aria-hidden="[state]"</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-toast</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Informs assistive technologies (such as screen readers) if they should ignore the element. When applied to <code>.s-toast</code>, Stacks will use this attribute to show or hide the toast.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>aria-label="[text]"</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-btn</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Labels the element for assistive technologies (such as screen readers).  This should be used on any button that does not contain text content.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>role="alert"</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-notice</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>A form of live region which contains important, usually time-sensitive, information. Elements with an alert role have an implicit <code>aria-live</code> value of <code>assertive</code> and implicit <code>aria-atomic</code> value of <code>true</code>.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>role="alertdialog"</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-toast</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>The wrapping content area of an <code>alert</code>. Elements with the <code>alertdialog</code> role <strong>must</strong> use the <code>aria-describedby</code> attribute to reference the alert message within the dialog.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>role="status"</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-notice</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>A form of live region which contains advisory information but isn't important enough to justify an alert role. Elements with a status role have an implicit <code>aria-live</code> value of <code>polite</code> and implicit <code>aria-atomic</code> value of <code>true</code>. If the element controlling the status appears in a different area of the page, you <strong>must make the relationship explicit</strong> with the <code>aria-controls</code> attribute.</td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+    <button id="show-docs-accessibility-table-button" class="js-docs-table-expand s-btn s-btn__tonal s-btn__sm w100" type="button" aria-expanded="false" aria-controls="docs-accessibility-table">
+        Show all accessibility items
+    </button>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="examples">Examples</h2><a class="s-btn s-btn__clear" href="#examples"><span class="v-visible-sr">Section titled Examples</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="base">Base</h3><a class="s-btn s-btn__clear" href="#base"><span class="v-visible-sr">Section titled Base</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice"</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"status"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice--icon"</span>&gt;</span>@Svg.Help<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice s-notice__info"</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"status"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice--icon"</span>&gt;</span>@Svg.Info<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice s-notice__success"</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"status"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice--icon"</span>&gt;</span>@Svg.Check<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span>&gt;</span>… <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice s-notice__warning"</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"status"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice--icon"</span>&gt;</span>@Svg.Alert<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice s-notice__danger"</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"status"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice--icon"</span>&gt;</span>@Svg.AlertFill<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice s-notice__featured"</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"status"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice--icon"</span>&gt;</span>@Svg.Star<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice s-notice__activity"</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"status"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice--icon"</span>&gt;</span>@Svg.Notification<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div class="d-flex g8 fd-column">
+                
+                    
+                    
+
+                    <div class="s-notice s-notice__default s-anchors s-anchors__inherit s-anchors__underlined" role="presentation">
+                        <span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconHelp" aria-hidden="true"><path d="M17.33 4.64a9.08 9.08 0 0 1-12.7 12.7l1.08-1.09A7.58 7.58 0 0 0 16.25 5.71zM10 .92c2.47 0 4.7.98 6.34 2.58l-1.06 1.06A7.58 7.58 0 0 0 4.56 15.28L3.5 16.34A9.08 9.08 0 0 1 10 .91M11 15H9v-2h2zm-.83-10c2.23 0 3.47 1.17 3.47 3.03 0 2.2-2.62 2.7-2.62 3.97H9c0-2.44 2.5-2.53 2.5-3.97 0-.66-.34-1.17-1.27-1.17-.87 0-1.29.57-1.37 1.5H6.73A3.4 3.4 0 0 1 10.17 5"></path></svg></span>
+                        <span>
+                            Default filled message style
+                            <code>and some code</code> notice. <a href="#">Link</a>
+                        </span>
+                    </div>
+                
+                    
+                    
+
+                    <div class="s-notice s-notice__info s-anchors s-anchors__inherit s-anchors__underlined" role="presentation">
+                        <span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconInfo" aria-hidden="true"><path d="M17.33 4.64a9.08 9.08 0 0 1-12.7 12.7l1.08-1.09A7.58 7.58 0 0 0 16.25 5.71zM10 .92c2.47 0 4.7.98 6.34 2.58l-1.06 1.06A7.58 7.58 0 0 0 4.56 15.28L3.5 16.34A9.08 9.08 0 0 1 10 .91"></path><path d="M10.76 15h-2V8h2zm0-8h-2V5h2z"></path></svg></span>
+                        <span>
+                            Info filled message style
+                            <code>and some code</code> notice. <a href="#">Link</a>
+                        </span>
+                    </div>
+                
+                    
+                    
+
+                    <div class="s-notice s-notice__success s-anchors s-anchors__inherit s-anchors__underlined" role="presentation">
+                        <span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconCheck" aria-hidden="true"><path d="m18.16 5-.53.53L7.55 15.61l-.53.53-5.03-5.03 1.06-1.06 3.97 3.97 9.55-9.55.53-.53z"></path></svg></span>
+                        <span>
+                            Success filled message style
+                            <code>and some code</code> notice. <a href="#">Link</a>
+                        </span>
+                    </div>
+                
+                    
+                    
+
+                    <div class="s-notice s-notice__warning s-anchors s-anchors__inherit s-anchors__underlined" role="presentation">
+                        <span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconAlert" aria-hidden="true"><path d="M10 2q.41.01.64.37l8.76 14.58a.75.75 0 0 1-.65 1.14H1.25a.75.75 0 0 1-.65-1.14L9.36 2.37l.05-.09A.8.8 0 0 1 10 2M2.57 16.6h14.86L10 4.2zM11 15.52H9v-2h2zm0-2.97H9v-5.5h2z"></path></svg></span>
+                        <span>
+                            Warning filled message style
+                            <code>and some code</code> notice. <a href="#">Link</a>
+                        </span>
+                    </div>
+                
+                    
+                    
+
+                    <div class="s-notice s-notice__danger s-anchors s-anchors__inherit s-anchors__underlined" role="presentation">
+                        <span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconAlertFill" aria-hidden="true"><path d="M10 2q.41.01.64.37l8.76 14.58a.75.75 0 0 1-.65 1.14H1.25a.75.75 0 0 1-.65-1.14L9.36 2.37l.05-.08A.8.8 0 0 1 10 2M9 13.53v2h2v-2zm0-6.47v5.5h2v-5.5z"></path></svg></span>
+                        <span>
+                            Danger filled message style
+                            <code>and some code</code> notice. <a href="#">Link</a>
+                        </span>
+                    </div>
+                
+                    
+                    
+
+                    <div class="s-notice s-notice__featured s-anchors s-anchors__inherit s-anchors__underlined" role="presentation">
+                        <span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconStar" aria-hidden="true"><path d="M12.25 7h7.28l-5.89 4.29.68 2.08-2.07-1.5-.04-.12-.33-1.04.88-.64 2.16-1.56h-3.76l-.34-1.04L10 4.94l-.82 2.53-.34 1.04H5.08l2.16 1.56.88.64-.33 1.04-.83 2.54 2.16-1.57.87-.64 5.12 3.72.78 2.41L10 13.93l-5.9 4.28 2.26-6.92L.46 7h7.29L10 .08z"></path></svg></span>
+                        <span>
+                            Featured filled message style
+                            <code>and some code</code> notice. <a href="#">Link</a>
+                        </span>
+                    </div>
+                
+                    
+                    
+
+                    <div class="s-notice s-notice__activity s-anchors s-anchors__inherit s-anchors__underlined" role="presentation">
+                        <span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconNotification" aria-hidden="true"><path d="M8.32 15a1.65 1.65 0 0 0 3.3 0h1.5a3.15 3.15 0 0 1-6.3 0zM9.97 2c1.29 0 2.52.53 3.42 1.46s1.4 2.18 1.4 3.49c0 1.87.32 3.17.67 4.05h-1.6a13 13 0 0 1-.56-4.05c0-.92-.36-1.8-.99-2.45a3.27 3.27 0 0 0-4.68 0 3.5 3.5 0 0 0-.98 2.45c0 2.56-.54 4.25-1.1 5.34l-.13.21h10.66a.75.75 0 0 1 0 1.5H3.86a.75.75 0 0 1-.52-1.29l.1-.08h-.01l.03-.02q.05-.04.17-.16.23-.23.59-.86c.44-.84.93-2.3.93-4.64 0-1.3.5-2.56 1.4-3.5A4.8 4.8 0 0 1 9.97 2"></path></svg></span>
+                        <span>
+                            Activity filled message style
+                            <code>and some code</code> notice. <a href="#">Link</a>
+                        </span>
+                    </div>
+                
+            </div>
+        </div>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="important">Important</h3><a class="s-btn s-btn__clear" href="#important"><span class="v-visible-sr">Section titled Important</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Used sparingly for when an important notice needs to be noticed</p>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice s-notice__important"</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"alert"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice--icon"</span>&gt;</span>@Svg.Help<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice s-notice__info s-notice__important"</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"alert"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice--icon"</span>&gt;</span>@Svg.Info<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice s-notice__success s-notice__important"</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"alert"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice--icon"</span>&gt;</span>@Svg.Info<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span>&gt;</span>… <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice s-notice__warning s-notice__important"</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"alert"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice--icon"</span>&gt;</span>@Svg.Alert<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice s-notice__danger s-notice__important"</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"alert"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice--icon"</span>&gt;</span>@Svg.AlertFill<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice s-notice__featured s-notice__important"</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"alert"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice--icon"</span>&gt;</span>@Svg.Star<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice s-notice__activity s-notice__important"</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"alert"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice--icon"</span>&gt;</span>@Svg.Notification<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div class="d-flex g8 fd-column">
+                
+                    
+                    
+                        
+                    
+
+                    <div class="s-notice s-notice__important s-anchors s-anchors__inherit s-anchors__underlined" role="presentation">
+                        <span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconHelp" aria-hidden="true"><path d="M17.33 4.64a9.08 9.08 0 0 1-12.7 12.7l1.08-1.09A7.58 7.58 0 0 0 16.25 5.71zM10 .92c2.47 0 4.7.98 6.34 2.58l-1.06 1.06A7.58 7.58 0 0 0 4.56 15.28L3.5 16.34A9.08 9.08 0 0 1 10 .91M11 15H9v-2h2zm-.83-10c2.23 0 3.47 1.17 3.47 3.03 0 2.2-2.62 2.7-2.62 3.97H9c0-2.44 2.5-2.53 2.5-3.97 0-.66-.34-1.17-1.27-1.17-.87 0-1.29.57-1.37 1.5H6.73A3.4 3.4 0 0 1 10.17 5"></path></svg></span>
+                        <span>
+                            Default filled message style
+                            <code>and some code</code> notice. <a href="#">Link</a>
+                        </span>
+                    </div>
+                
+                    
+                    
+
+                    <div class="s-notice s-notice__info s-notice__important s-anchors s-anchors__inherit s-anchors__underlined" role="presentation">
+                        <span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconInfo" aria-hidden="true"><path d="M17.33 4.64a9.08 9.08 0 0 1-12.7 12.7l1.08-1.09A7.58 7.58 0 0 0 16.25 5.71zM10 .92c2.47 0 4.7.98 6.34 2.58l-1.06 1.06A7.58 7.58 0 0 0 4.56 15.28L3.5 16.34A9.08 9.08 0 0 1 10 .91"></path><path d="M10.76 15h-2V8h2zm0-8h-2V5h2z"></path></svg></span>
+                        <span>
+                            Info filled message style
+                            <code>and some code</code> notice. <a href="#">Link</a>
+                        </span>
+                    </div>
+                
+                    
+                    
+
+                    <div class="s-notice s-notice__success s-notice__important s-anchors s-anchors__inherit s-anchors__underlined" role="presentation">
+                        <span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconCheck" aria-hidden="true"><path d="m18.16 5-.53.53L7.55 15.61l-.53.53-5.03-5.03 1.06-1.06 3.97 3.97 9.55-9.55.53-.53z"></path></svg></span>
+                        <span>
+                            Success filled message style
+                            <code>and some code</code> notice. <a href="#">Link</a>
+                        </span>
+                    </div>
+                
+                    
+                    
+
+                    <div class="s-notice s-notice__warning s-notice__important s-anchors s-anchors__inherit s-anchors__underlined" role="presentation">
+                        <span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconAlert" aria-hidden="true"><path d="M10 2q.41.01.64.37l8.76 14.58a.75.75 0 0 1-.65 1.14H1.25a.75.75 0 0 1-.65-1.14L9.36 2.37l.05-.09A.8.8 0 0 1 10 2M2.57 16.6h14.86L10 4.2zM11 15.52H9v-2h2zm0-2.97H9v-5.5h2z"></path></svg></span>
+                        <span>
+                            Warning filled message style
+                            <code>and some code</code> notice. <a href="#">Link</a>
+                        </span>
+                    </div>
+                
+                    
+                    
+
+                    <div class="s-notice s-notice__danger s-notice__important s-anchors s-anchors__inherit s-anchors__underlined" role="presentation">
+                        <span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconAlertFill" aria-hidden="true"><path d="M10 2q.41.01.64.37l8.76 14.58a.75.75 0 0 1-.65 1.14H1.25a.75.75 0 0 1-.65-1.14L9.36 2.37l.05-.08A.8.8 0 0 1 10 2M9 13.53v2h2v-2zm0-6.47v5.5h2v-5.5z"></path></svg></span>
+                        <span>
+                            Danger filled message style
+                            <code>and some code</code> notice. <a href="#">Link</a>
+                        </span>
+                    </div>
+                
+                    
+                    
+
+                    <div class="s-notice s-notice__featured s-notice__important s-anchors s-anchors__inherit s-anchors__underlined" role="presentation">
+                        <span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconStar" aria-hidden="true"><path d="M12.25 7h7.28l-5.89 4.29.68 2.08-2.07-1.5-.04-.12-.33-1.04.88-.64 2.16-1.56h-3.76l-.34-1.04L10 4.94l-.82 2.53-.34 1.04H5.08l2.16 1.56.88.64-.33 1.04-.83 2.54 2.16-1.57.87-.64 5.12 3.72.78 2.41L10 13.93l-5.9 4.28 2.26-6.92L.46 7h7.29L10 .08z"></path></svg></span>
+                        <span>
+                            Featured filled message style
+                            <code>and some code</code> notice. <a href="#">Link</a>
+                        </span>
+                    </div>
+                
+                    
+                    
+
+                    <div class="s-notice s-notice__activity s-notice__important s-anchors s-anchors__inherit s-anchors__underlined" role="presentation">
+                        <span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconNotification" aria-hidden="true"><path d="M8.32 15a1.65 1.65 0 0 0 3.3 0h1.5a3.15 3.15 0 0 1-6.3 0zM9.97 2c1.29 0 2.52.53 3.42 1.46s1.4 2.18 1.4 3.49c0 1.87.32 3.17.67 4.05h-1.6a13 13 0 0 1-.56-4.05c0-.92-.36-1.8-.99-2.45a3.27 3.27 0 0 0-4.68 0 3.5 3.5 0 0 0-.98 2.45c0 2.56-.54 4.25-1.1 5.34l-.13.21h10.66a.75.75 0 0 1 0 1.5H3.86a.75.75 0 0 1-.52-1.29l.1-.08h-.01l.03-.02q.05-.04.17-.16.23-.23.59-.86c.44-.84.93-2.3.93-4.64 0-1.3.5-2.56 1.4-3.5A4.8 4.8 0 0 1 9.97 2"></path></svg></span>
+                        <span>
+                            Activity filled message style
+                            <code>and some code</code> notice. <a href="#">Link</a>
+                        </span>
+                    </div>
+                
+            </div>
+        </div>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="styling-child-links">Styling child links</h3><a class="s-btn s-btn__clear" href="#styling-child-links"><span class="v-visible-sr">Section titled Styling child links</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">We recommend using <a href="/product/components/links/#descendent-anchors"><b>descendent anchor</b> classes</a>, typically <code>.s-anchors.s-anchors__inherit.s-anchors__underlined</code> for notices containing links generated from markdown when you cannot manually generate the inner html.</p>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice s-notice__info"</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"presentation"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span>&gt;</span>Notice with <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"#"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-link"</span>&gt;</span>default link style<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice s-notice__info s-anchors s-anchors__inherit s-anchors__underlined"</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"presentation"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">span</span>&gt;</span>Notice with <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"#"</span>&gt;</span>custom link style<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div class="d-flex fd-column g8">
+                <div class="s-notice s-notice__info" role="presentation">
+                    <span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconInfo" aria-hidden="true"><path d="M17.33 4.64a9.08 9.08 0 0 1-12.7 12.7l1.08-1.09A7.58 7.58 0 0 0 16.25 5.71zM10 .92c2.47 0 4.7.98 6.34 2.58l-1.06 1.06A7.58 7.58 0 0 0 4.56 15.28L3.5 16.34A9.08 9.08 0 0 1 10 .91"></path><path d="M10.76 15h-2V8h2zm0-8h-2V5h2z"></path></svg></span>
+                    <span>Notice with <a href="#" class="s-link">default link style</a></span>
+                </div>
+                <div class="s-notice s-notice__info s-anchors s-anchors__inherit s-anchors__underlined" role="presentation">
+                    <span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconInfo" aria-hidden="true"><path d="M17.33 4.64a9.08 9.08 0 0 1-12.7 12.7l1.08-1.09A7.58 7.58 0 0 0 16.25 5.71zM10 .92c2.47 0 4.7.98 6.34 2.58l-1.06 1.06A7.58 7.58 0 0 0 4.56 15.28L3.5 16.34A9.08 9.08 0 0 1 10 .91"></path><path d="M10.76 15h-2V8h2zm0-8h-2V5h2z"></path></svg></span>
+                    <span>
+                        Notice with
+                        <code>.s-anchors</code> <code>.s-anchors__inherit</code> <code>.s-anchors__underlined</code> and <a href="#">custom link style</a>
+                    </span>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="toast">Toast</h2><a class="s-btn s-btn__clear" href="#toast"><span class="v-visible-sr">Section titled Toast</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="s-notice s-anchors s-anchors__inherit s-anchors__underlined s-notice__warning mb16"><span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconAlert" aria-hidden="true"><path d="M10 2q.41.01.64.37l8.76 14.58a.75.75 0 0 1-.65 1.14H1.25a.75.75 0 0 1-.65-1.14L9.36 2.37l.05-.09A.8.8 0 0 1 10 2M2.57 16.6h14.86L10 4.2zM11 15.52H9v-2h2zm0-2.97H9v-5.5h2z"></path></svg></span><span>
+        We are phasing out Toasts due to significant accessibility barriers. Avoid this component for new features. Instead, prioritize integrated alternatives—such as component state changes or inline messages—to provide accessible feedback directly where the user is focused.
+    </span></div>
+
+    <p class="docs-copy">
+        Toasts are floating notices that are aligned to the center top of the page. They disappear after a set time. 
+        Visibility is changed with animation by toggling between <code>aria-hidden="true"</code> and <code>aria-hidden="false"</code>. 
+        When including a dismiss button the <code>.s-notice--dismiss</code> class should be applied to the button for toast-specific styling.
+    </p>    
+
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span><br>    <span class="hljs-attr">role</span>=<span class="hljs-string">"alertdialog"</span><br>    <span class="hljs-attr">id</span>=<span class="hljs-string">"example-toast"</span><br>    <span class="hljs-attr">class</span>=<span class="hljs-string">"s-toast"</span><br>    <span class="hljs-attr">aria-hidden</span>=<span class="hljs-string">"true"</span><br>    <span class="hljs-attr">aria-labelledby</span>=<span class="hljs-string">"toast-message"</span><br>    <span class="hljs-attr">data-controller</span>=<span class="hljs-string">"s-toast"</span><br>    <span class="hljs-attr">data-s-toast-target</span>=<span class="hljs-string">"toast"</span><br>    <span class="hljs-attr">data-s-toast-return-element</span>=<span class="hljs-string">".js-example-toast-open[data-target='#example-toast']"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">aside</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice d-flex wmn4"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice--icon"</span>&gt;</span>@Svg.Info<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">span</span>&gt;</span>Toast notice message with an undo button<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-notice--actions"</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"button"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-link s-link__underlined"</span>&gt;</span>Undo<span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span><br>            <span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"button"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-link s-notice--dismiss js-toast-close"</span> <span class="hljs-attr">aria-label</span>=<span class="hljs-string">"Dismiss"</span>&gt;</span>@Svg.Cross<span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">aside</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example">
+            <div class="ps-relative d-flex flex__center gy8 fd-column jc-center">
+                
+                    
+                    
+                        
+                    
+
+                    <div class="s-toast ps-static" aria-hidden="false" role="presentation">
+                        <div class="s-notice d-flex wmn4">
+                            <span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconHelp" aria-hidden="true"><path d="M17.33 4.64a9.08 9.08 0 0 1-12.7 12.7l1.08-1.09A7.58 7.58 0 0 0 16.25 5.71zM10 .92c2.47 0 4.7.98 6.34 2.58l-1.06 1.06A7.58 7.58 0 0 0 4.56 15.28L3.5 16.34A9.08 9.08 0 0 1 10 .91M11 15H9v-2h2zm-.83-10c2.23 0 3.47 1.17 3.47 3.03 0 2.2-2.62 2.7-2.62 3.97H9c0-2.44 2.5-2.53 2.5-3.97 0-.66-.34-1.17-1.27-1.17-.87 0-1.29.57-1.37 1.5H6.73A3.4 3.4 0 0 1 10.17 5"></path></svg></span>
+                            <span>Default toast with an undo button.</span>
+                            <div class="s-notice--actions">
+                                <button type="button" class="s-link s-link__underlined">Undo</button>
+                                <button type="button" class="s-link s-notice--dismiss"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconCross" aria-hidden="true"><path d="m9.75 8.69 1.06 1.06 4.9 4.9-1.06 1.06-4.9-4.9-4.9 4.9-1.06-1.06 4.9-4.9-4.9-4.9 1.06-1.06zm4.9-4.9 1.06 1.06-4.07 4.08-1.07-1.07z"></path></svg></button>
+                            </div>
+                        </div>
+                    </div>
+                
+                    
+                    
+
+                    <div class="s-toast ps-static" aria-hidden="false" role="presentation">
+                        <div class="s-notice s-notice__info d-flex wmn4">
+                            <span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconInfo" aria-hidden="true"><path d="M17.33 4.64a9.08 9.08 0 0 1-12.7 12.7l1.08-1.09A7.58 7.58 0 0 0 16.25 5.71zM10 .92c2.47 0 4.7.98 6.34 2.58l-1.06 1.06A7.58 7.58 0 0 0 4.56 15.28L3.5 16.34A9.08 9.08 0 0 1 10 .91"></path><path d="M10.76 15h-2V8h2zm0-8h-2V5h2z"></path></svg></span>
+                            <span>Info toast with an undo button.</span>
+                            <div class="s-notice--actions">
+                                <button type="button" class="s-link s-link__underlined">Undo</button>
+                                <button type="button" class="s-link s-notice--dismiss"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconCross" aria-hidden="true"><path d="m9.75 8.69 1.06 1.06 4.9 4.9-1.06 1.06-4.9-4.9-4.9 4.9-1.06-1.06 4.9-4.9-4.9-4.9 1.06-1.06zm4.9-4.9 1.06 1.06-4.07 4.08-1.07-1.07z"></path></svg></button>
+                            </div>
+                        </div>
+                    </div>
+                
+                    
+                    
+
+                    <div class="s-toast ps-static" aria-hidden="false" role="presentation">
+                        <div class="s-notice s-notice__success d-flex wmn4">
+                            <span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconCheck" aria-hidden="true"><path d="m18.16 5-.53.53L7.55 15.61l-.53.53-5.03-5.03 1.06-1.06 3.97 3.97 9.55-9.55.53-.53z"></path></svg></span>
+                            <span>Success toast with an undo button.</span>
+                            <div class="s-notice--actions">
+                                <button type="button" class="s-link s-link__underlined">Undo</button>
+                                <button type="button" class="s-link s-notice--dismiss"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconCross" aria-hidden="true"><path d="m9.75 8.69 1.06 1.06 4.9 4.9-1.06 1.06-4.9-4.9-4.9 4.9-1.06-1.06 4.9-4.9-4.9-4.9 1.06-1.06zm4.9-4.9 1.06 1.06-4.07 4.08-1.07-1.07z"></path></svg></button>
+                            </div>
+                        </div>
+                    </div>
+                
+                    
+                    
+
+                    <div class="s-toast ps-static" aria-hidden="false" role="presentation">
+                        <div class="s-notice s-notice__warning d-flex wmn4">
+                            <span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconAlert" aria-hidden="true"><path d="M10 2q.41.01.64.37l8.76 14.58a.75.75 0 0 1-.65 1.14H1.25a.75.75 0 0 1-.65-1.14L9.36 2.37l.05-.09A.8.8 0 0 1 10 2M2.57 16.6h14.86L10 4.2zM11 15.52H9v-2h2zm0-2.97H9v-5.5h2z"></path></svg></span>
+                            <span>Warning toast with an undo button.</span>
+                            <div class="s-notice--actions">
+                                <button type="button" class="s-link s-link__underlined">Undo</button>
+                                <button type="button" class="s-link s-notice--dismiss"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconCross" aria-hidden="true"><path d="m9.75 8.69 1.06 1.06 4.9 4.9-1.06 1.06-4.9-4.9-4.9 4.9-1.06-1.06 4.9-4.9-4.9-4.9 1.06-1.06zm4.9-4.9 1.06 1.06-4.07 4.08-1.07-1.07z"></path></svg></button>
+                            </div>
+                        </div>
+                    </div>
+                
+                    
+                    
+
+                    <div class="s-toast ps-static" aria-hidden="false" role="presentation">
+                        <div class="s-notice s-notice__danger d-flex wmn4">
+                            <span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconAlertFill" aria-hidden="true"><path d="M10 2q.41.01.64.37l8.76 14.58a.75.75 0 0 1-.65 1.14H1.25a.75.75 0 0 1-.65-1.14L9.36 2.37l.05-.08A.8.8 0 0 1 10 2M9 13.53v2h2v-2zm0-6.47v5.5h2v-5.5z"></path></svg></span>
+                            <span>Danger toast with an undo button.</span>
+                            <div class="s-notice--actions">
+                                <button type="button" class="s-link s-link__underlined">Undo</button>
+                                <button type="button" class="s-link s-notice--dismiss"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconCross" aria-hidden="true"><path d="m9.75 8.69 1.06 1.06 4.9 4.9-1.06 1.06-4.9-4.9-4.9 4.9-1.06-1.06 4.9-4.9-4.9-4.9 1.06-1.06zm4.9-4.9 1.06 1.06-4.07 4.08-1.07-1.07z"></path></svg></button>
+                            </div>
+                        </div>
+                    </div>
+                
+                    
+                    
+
+                    <div class="s-toast ps-static" aria-hidden="false" role="presentation">
+                        <div class="s-notice s-notice__featured d-flex wmn4">
+                            <span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconStar" aria-hidden="true"><path d="M12.25 7h7.28l-5.89 4.29.68 2.08-2.07-1.5-.04-.12-.33-1.04.88-.64 2.16-1.56h-3.76l-.34-1.04L10 4.94l-.82 2.53-.34 1.04H5.08l2.16 1.56.88.64-.33 1.04-.83 2.54 2.16-1.57.87-.64 5.12 3.72.78 2.41L10 13.93l-5.9 4.28 2.26-6.92L.46 7h7.29L10 .08z"></path></svg></span>
+                            <span>Featured toast with an undo button.</span>
+                            <div class="s-notice--actions">
+                                <button type="button" class="s-link s-link__underlined">Undo</button>
+                                <button type="button" class="s-link s-notice--dismiss"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconCross" aria-hidden="true"><path d="m9.75 8.69 1.06 1.06 4.9 4.9-1.06 1.06-4.9-4.9-4.9 4.9-1.06-1.06 4.9-4.9-4.9-4.9 1.06-1.06zm4.9-4.9 1.06 1.06-4.07 4.08-1.07-1.07z"></path></svg></button>
+                            </div>
+                        </div>
+                    </div>
+                
+                    
+                    
+
+                    <div class="s-toast ps-static" aria-hidden="false" role="presentation">
+                        <div class="s-notice s-notice__activity d-flex wmn4">
+                            <span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconNotification" aria-hidden="true"><path d="M8.32 15a1.65 1.65 0 0 0 3.3 0h1.5a3.15 3.15 0 0 1-6.3 0zM9.97 2c1.29 0 2.52.53 3.42 1.46s1.4 2.18 1.4 3.49c0 1.87.32 3.17.67 4.05h-1.6a13 13 0 0 1-.56-4.05c0-.92-.36-1.8-.99-2.45a3.27 3.27 0 0 0-4.68 0 3.5 3.5 0 0 0-.98 2.45c0 2.56-.54 4.25-1.1 5.34l-.13.21h10.66a.75.75 0 0 1 0 1.5H3.86a.75.75 0 0 1-.52-1.29l.1-.08h-.01l.03-.02q.05-.04.17-.16.23-.23.59-.86c.44-.84.93-2.3.93-4.64 0-1.3.5-2.56 1.4-3.5A4.8 4.8 0 0 1 9.97 2"></path></svg></span>
+                            <span>Activity toast with an undo button.</span>
+                            <div class="s-notice--actions">
+                                <button type="button" class="s-link s-link__underlined">Undo</button>
+                                <button type="button" class="s-link s-notice--dismiss"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconCross" aria-hidden="true"><path d="m9.75 8.69 1.06 1.06 4.9 4.9-1.06 1.06-4.9-4.9-4.9 4.9-1.06-1.06 4.9-4.9-4.9-4.9 1.06-1.06zm4.9-4.9 1.06 1.06-4.07 4.08-1.07-1.07z"></path></svg></button>
+                            </div>
+                        </div>
+                    </div>
+                
+            </div>
+        </div>
+        <div class="bg-black-150 ba bc-black-200 btw0 p16">
+            <button class="s-btn js-toast-open" data-toggle="s-toast" data-target="#launch-toast-base">Launch example toast notice</button>
+        </div>
+    
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="javascript">JavaScript</h3><a class="s-btn s-btn__clear" href="#javascript"><span class="v-visible-sr">Section titled JavaScript</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h4 class="fl-grow1 mb0 lh-sm  fs-body3 fc-black-400" id="attributes">Attributes</h4><a class="s-btn s-btn__clear" href="#attributes"><span class="v-visible-sr">Section titled Attributes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    
+    
+    
+    
+    
+    <div class="mb32">
+        
+
+
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+
+
+
+
+    
+
+
+    
+
+
+
+    
+
+
+<div id="docs-javascript-attributes-table" class="overflow-x-auto s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell5">
+                        Attribute
+                    </th>
+                
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Modifies
+                    </th>
+                
+                
+                    <th scope="col" class="">
+                        Description
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>data-controller="s-toast"</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Controller element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Wires up the element to the toast controller. This may be a <code>.s-toast</code> element or a wrapper element.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>data-s-toast-target="toast"</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Controller element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Wires up the element that is to be shown/hidden</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>data-s-toast-target="initialFocus"</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Any child focusable element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Designates which element to focus on toast show. If absent, defaults to the first focusable element within the toast.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>data-action="s-toast#toggle"</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Toggling element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Wires up the element to toggle the visibility of a toast</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>data-s-toast-return-element="[css selector]"</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Controller element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td><em>(optional)</em> Designates the element to return focus to when the toast is closed. If left unset, focus is not altered on close.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>data-s-toast-remove-when-hidden="true"</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Controller element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td><em>(optional)</em> Removes the toast from the DOM entirely when it is hidden</td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h4 class="fl-grow1 mb0 lh-sm  fs-body3 fc-black-400" id="events">Events</h4><a class="s-btn s-btn__clear" href="#events"><span class="v-visible-sr">Section titled Events</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    
+    
+    
+    
+    <div class="mb32">
+        
+
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+    
+
+
+
+
+
+
+    
+
+
+    
+
+
+
+    
+
+
+<div id="docs-javascript-events-table" class="overflow-x-auto s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell3">
+                        Event
+                    </th>
+                
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Modifies
+                    </th>
+                
+                
+                    <th scope="col" class="">
+                        Description
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>s-toast:show</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Toast target</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Fires immediately before showing the toast. Calling <code>.preventDefault()</code> cancels the display of the toast.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>s-toast:shown</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Toast target</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Fires after the toast has been visually shown</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>s-toast:hide</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Toast target</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Fires immediately before hiding the toast. Calling <code>.preventDefault()</code> cancels the removal of the toast.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>s-toast:hidden</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Toast target</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Fires after the toast has been visually hidden</td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h4 class="fl-grow1 mb0 lh-sm  fs-body3 fc-black-400" id="event-details">Event details</h4><a class="s-btn s-btn__clear" href="#event-details"><span class="v-visible-sr">Section titled Event details</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    
+    
+    
+    
+    
+    <div class="mb32">
+        
+
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+    
+
+
+
+
+
+
+
+    
+
+
+
+    
+
+
+<div id="docs-javascript-event-details-table" class="overflow-x-auto s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell3">
+                        event.detail
+                    </th>
+                
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Applicable events
+                    </th>
+                
+                
+                    <th scope="col" class="">
+                        Description
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>dispatcher</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>s-toast:*</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Contains the <code>Element</code> that initiated the event. For instance, the button clicked to show, the element clicked outside the toast that caused it to hide, etc.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>returnElement</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>s-toast:show,<br>s-toast:hide</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Contains the <code>Element</code> to return focus to on hide. If a value is set to this property inside an event listener, it will be updated on the controller as well.</td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h4 class="fl-grow1 mb0 lh-sm  fs-body3 fc-black-400" id="helpers">Helpers</h4><a class="s-btn s-btn__clear" href="#helpers"><span class="v-visible-sr">Section titled Helpers</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">
+        The following helpers are available to manually show and hide a toast notice.
+    </p>
+    
+    
+    
+    
+    
+    
+
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+    
+
+
+
+
+
+
+
+    
+
+
+
+    
+
+
+<div id="docs-javascript-helpers-table" class="overflow-x-auto s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell3">
+                        Function
+                    </th>
+                
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Parameters
+                    </th>
+                
+                
+                    <th scope="col" class="">
+                        Description
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>Stacks.showToast</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Helper to manually show an s-toast element via external JS</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>Stacks.hideToast</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Helper to manually hide an s-toast element via external JS</td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+</section>
+
+<!-- Example notice content -->
+<script src="/assets/dist/entry.toasts.js" defer=""></script>
+
+<aside class="s-toast" id="launch-toast-base" aria-hidden="true" aria-labelledby="toast-message" role="alertdialog" data-controller="s-toast" data-s-toast-target="toast" data-s-toast-return-element=".js-toast-open[data-target='#launch-toast-base']">
+    <div class="s-notice s-notice__info">
+        <span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconInfo" aria-hidden="true"><path d="M17.33 4.64a9.08 9.08 0 0 1-12.7 12.7l1.08-1.09A7.58 7.58 0 0 0 16.25 5.71zM10 .92c2.47 0 4.7.98 6.34 2.58l-1.06 1.06A7.58 7.58 0 0 0 4.56 15.28L3.5 16.34A9.08 9.08 0 0 1 10 .91"></path><path d="M10.76 15h-2V8h2zm0-8h-2V5h2z"></path></svg></span>
+        Toast notice message with an undo button
+        <div class="s-notice--actions">
+            <button type="button" class="s-link s-link__underlined">Undo</button>
+            <button type="button" class="s-link s-notice--dismiss js-toast-close" aria-label="Dismiss" data-action="s-toast#hide"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconCross" aria-hidden="true"><path d="m9.75 8.69 1.06 1.06 4.9 4.9-1.06 1.06-4.9-4.9-4.9 4.9-1.06-1.06 4.9-4.9-4.9-4.9 1.06-1.06zm4.9-4.9 1.06 1.06-4.07 4.08-1.07-1.07z"></path></svg></button>
+        </div>
+    </div>
+</aside></div>
+
+            <!-- <div class="d-flex my48 pt24">
+                <div class="mr16">
+                    
+                    <form
+                        id="quick-positive-feedback-notices"
+                        class="js-feedback-form v-hidden"
+                        name="quick-positive-feedback-notices"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <form
+                        id="quick-negative-feedback-notices"
+                        class="js-feedback-form v-hidden"
+                        name="quick-negative-feedback-notices"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-positive"
+                        role="tooltip">
+                        <div class="s-popover--content">This page is useful</div>
+                    </div>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-negative"
+                        role="tooltip">
+                        <div class="s-popover--content">This page needs improvement</div>
+                    </div>
+                    <div id="vote-feedback" class="s-vote">
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-positive-feedback-notices"
+                            aria-describedby="tooltip-feedback-positive"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUp" aria-hidden="true"><path d="M10 3q.41.02.64.36l6.9 11.5a.75.75 0 1 1-1.28.78L10 5.21l-5.58 9.3h8.04v-.01h1.1l.97 1.5H3.1a.75.75 0 0 1-.65-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUpFill" aria-hidden="true"><path d="M10 3h.1a1 1 0 0 1 .42.21l.12.15 6.9 11.5.05.09v.03l.02.04q.04.12.04.26v.03q0 .13-.07.25v.02l-.03.04a1 1 0 0 1-.2.23l-.06.05-.04.01-.04.03-.04.01a1 1 0 0 1-.27.05H3a.75.75 0 0 1-.55-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="v-visible-sr">upvote</span>
+                        </button>
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-negative-feedback-notices"
+                            aria-describedby="tooltip-feedback-negative"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDown" aria-hidden="true"><path d="M10 16a.8.8 0 0 1-.64-.36l-6.9-11.5a.75.75 0 1 1 1.28-.78L10 13.8l5.58-9.3H6.44L5.47 3H16.9a.75.75 0 0 1 .65 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDownFill" aria-hidden="true"><path d="M10 16h-.1l-.1-.02a.8.8 0 0 1-.45-.34l-6.9-11.5-.04-.08-.01-.04L2.39 4a1 1 0 0 1-.04-.26V3.7q0-.14.06-.26l.01-.02.02-.04a1 1 0 0 1 .27-.27l.03-.02.05-.02.04-.02A1 1 0 0 1 3.1 3H17a.75.75 0 0 1 .54 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="v-visible-sr">downvote</span>
+                        </button>
+                    </div>
+                </div>
+
+                <form
+                    class="w100 js-feedback-form"
+                    name="feedback-notices"
+                    method="POST"
+                    data-netlify="true"
+                    action="/success">
+                    <fieldset class="d-flex fd-column fl-grow1 g16">
+                        <legend class="fs-title fw-bold">How’d we do?</legend>
+                        <div class="fs-body2">Anonymously upvote, downvote, or send additional feedback below.</div>
+
+                        <textarea
+                            class="s-textarea hmn1"
+                            id="feedback-form"
+                            name="additional-feedback"
+                            placeholder="Tell us how we can improve this page…" required></textarea>
+
+                        <div class="d-flex ai-center fd-row-reverse g8 jc-space-between mln6 sm:d-grid sm:grid__1 sm:ml0">
+                            <button
+                                type="submit"
+                                class="s-btn as-start fl-shrink0">
+                                Send feedback
+                            </button>
+                            <div class="d-flex fw-wrap g8 sm:d-grid sm:grid__1">
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/edit/develop/packages/stacks-docs/./product/components/notices.html"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    <svg aria-hidden="true" class="svg-icon iconPencilSm" width="14" height="14"  viewBox="0 0 14 14"><path fill="#F1B600" d="m2 10.12 6.37-6.43 1.88 1.88L3.88 12H2z"/><path fill="#E87C87" d="m11.1 1.71 1.13 1.12c.2.2.2.51 0 .71L11.1 4.7 9.21 2.86l1.17-1.15c.2-.2.51-.2.71 0"/></svg>
+                                    Edit
+                                </a>
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/issues/new/choose"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    File an issue
+                                </a>
+                            </div>
+                        </div>
+                    </fieldset>
+                </form>
+            </div> -->
+
+            <!-- <div class="ta-right">
+                <a href="https://www.netlify.com"><img src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg" alt="Deploys by Netlify" /></a>
+            </div> -->
+        
\ No newline at end of file
diff --git a/packages/stacks-docs-next/static/legacy/fragments/product/components/popovers/fragment.html b/packages/stacks-docs-next/static/legacy/fragments/product/components/popovers/fragment.html
new file mode 100644
index 0000000000..8543bf3973
--- /dev/null
+++ b/packages/stacks-docs-next/static/legacy/fragments/product/components/popovers/fragment.html
@@ -0,0 +1,1806 @@
+
+            <div class="d-flex ai-start jc-space-between">
+                <!-- <h1 class="fs-display1 mb0">Popovers</h1> -->
+
+                
+                    <p class="docs-copy fc-black-500 fs-title mb0">Popovers are small content containers that provide a contextual overlay. They can be used as in-context feature explanations, dropdowns, or tooltips.</p>
+                
+                
+                
+                    <div class="d-flex g8 ai-center">
+
+                        
+                            <a class="s-badge s-badge__squared s-badge__danger" href="https://beta.svelte.stackoverflow.design/?path=/docs/components-popover--docs" target="_blank">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconCheck" aria-hidden="true"><path d="m18.16 5-.53.53L7.55 15.61l-.53.53-5.03-5.03 1.06-1.06 3.97 3.97 9.55-9.55.53-.53z"></path></svg> Svelte
+                            </a>
+                        
+
+                        
+                            <a class="s-badge s-badge__squared s-badge__success" href="/product/develop/javascript" target="_blank">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconCheck" aria-hidden="true"><path d="m18.16 5-.53.53L7.55 15.61l-.53.53-5.03-5.03 1.06-1.06 3.97 3.97 9.55-9.55.53-.53z"></path></svg> JavaScript
+                            </a>
+                        
+
+                        
+                            <a class="s-badge s-badge__squared" href="https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=1617-27089&amp;t=W4QmlFOpYoEpInDB-0" target="_blank">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconCheck" aria-hidden="true"><path d="m18.16 5-.53.53L7.55 15.61l-.53.53-5.03-5.03 1.06-1.06 3.97 3.97 9.55-9.55.53-.53z"></path></svg> Figma
+                            </a>
+                        
+                    </div>
+                
+            </div>
+            
+            <div class="mt32">
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="classes">Classes</h2><a class="s-btn s-btn__clear" href="#classes"><span class="v-visible-sr">Section titled Classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    
+    
+    
+
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+    
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+    
+
+
+
+    
+
+
+<div id="popovers-classes-table" class="overflow-x-auto s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell3">
+                        Class
+                    </th>
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Parent
+                    </th>
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Modifies
+                    </th>
+                
+                
+                    <th scope="col" class="">
+                        Description
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-popover</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>Base parent container for popovers</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-popover--close</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-popover</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>Used to dismiss a popover</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-popover--content</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-popover</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>Wrapper around the popover content to apply appropriate overflow styles</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-popover__tooltip</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-popover</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Removes minimum size constraints to support shorter tooltip text</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.is-visible</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-popover</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>This class toggles the popover visibility</td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="interactive-popovers">Interactive popovers</h2><a class="s-btn s-btn__clear" href="#interactive-popovers"><span class="v-visible-sr">Section titled Interactive popovers</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <p class="docs-copy">Stacks provides a Stimulus controller that allows you to interactively display a popover from a source element. Positioning direction are managed for you by <a href="https://popper.js.org">Popper.js</a>, a powerful popover positioning library we've added as a dependency.  These popovers are automatically hidden when user click outside the popover or tap the <kbd>Esc</kbd> key.</p>
+
+    <section class="docs-section">
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="interactive-attributes">Interactive Attributes</h3><a class="s-btn s-btn__clear" href="#interactive-attributes"><span class="v-visible-sr">Section titled Interactive Attributes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        
+        
+        
+        
+        
+        
+        
+        
+        
+
+
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+
+
+
+
+
+    
+
+
+
+
+<div id="popovers-interactive-attributes-table" class="overflow-auto v-truncate v-truncate-fade s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell4">
+                        Attribute
+                    </th>
+                
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Applied to
+                    </th>
+                
+                
+                    <th scope="col" class="">
+                        Description
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>id="{POPOVER_ID}"</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-popover</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>A unique id that the popover’s toggling element can target. Matches the value of <code>[aria-controls]</code> on the toggling element.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>data-controller="s-popover"</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Controller element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Wires up the element to the popover controller. This may be a toggling element or a wrapper element.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>data-s-popover-reference-selector="[css selector]"</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Controller element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>(optional) Designates the element to use as the popover reference. If left unset, the value defaults to the controller element.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>aria-controls="{POPOVER_ID}"</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Reference element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Associates the element to the desired popover element.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>data-action="s-popover#toggle"</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Toggling element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Wires up the element to toggle the visibility of a generic popover.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>data-s-popover-toggle-class="[class list]"</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Controller element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Adds an optional space-delineated list of classes to be toggled on the originating element when the popover is shown or hidden.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>data-s-popover-placement="<a href="https://popper.js.org/popper-documentation.html#Popper.placements">[placement]</a>"</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Controller element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Dictates where to place the popover in relation to the reference element. By default, the placement value is <code>bottom</code>. Accepted placements are <code>auto</code>, <code>top</code>, <code>right</code>, <code>bottom</code>, <code>left</code>. Each placement can take an additional <code>-start</code> and <code>-end</code> variation.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>data-s-popover-auto-show="[true|false]"</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Controller element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>(optional) If <code>true</code>, the popover will appear immediately when the Stacks controller is first connected. This should be used in place of <code>.is-visible</code> for displaying popovers on load as it will prevent the popover from appearing before it has been correctly positioned.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>data-s-popover-hide-on-outside-click="[always|never|if-in-viewport|after-dismissal]"</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Controller element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>(optional) Default: <code>always</code><ul><li>If <code>always</code>, the popover will appear disappear when outside clicks occur.</li><li>If <code>if-in-viewport</code>, the popover will only disappear when outside clicks occur if the popover is in the viewport.</li><li>If <code>never</code>, the popover will not disappear on outside clicks and will only be dismissed through other means, e.g. <code>data-target="s-popover#hide"</code>.</li><li>If <code>after-dismissal</code>, the popover will not disappear on outside clicks unless it has been dismissed some other way at least once.</li></ul></td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+    <button id="show-popovers-interactive-attributes-table-button" class="js-docs-table-expand s-btn s-btn__tonal s-btn__sm w100" type="button" aria-expanded="false" aria-controls="popovers-interactive-attributes-table">
+        Show all interactive attributes
+    </button>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+    </section>
+
+    <section class="docs-section">
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="interactive-events">Interactive Events</h3><a class="s-btn s-btn__clear" href="#interactive-events"><span class="v-visible-sr">Section titled Interactive Events</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        
+        
+        
+        
+        
+        
+
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+    
+
+
+
+
+
+
+
+    
+
+
+
+    
+
+
+<div id="popovers-interactive-events-table" class="overflow-x-auto s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell3">
+                        Event
+                    </th>
+                
+                
+                
+                
+                    <th scope="col" class="">
+                        Description
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>s-popover:show</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                    
+                        <td>Fires immediately before showing and positioning the popover. This fires before the popover is first displayed to the user, and can be used to create or initialize the popover element. Calling .preventDefault() cancels the display of the popover.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>s-popover:shown</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                    
+                        <td>Fires immediately after showing the popover.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>s-popover:hide</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                    
+                        <td>Fires immediately before hiding the popover. Calling .preventDefault() prevents the removal of the popover.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>s-popover:hidden</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                    
+                        <td>Fires immediately after hiding the popover.</td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+    </section>
+
+    <section class="docs-section">
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="dispatched-events">Dispatched Events</h3><a class="s-btn s-btn__clear" href="#dispatched-events"><span class="v-visible-sr">Section titled Dispatched Events</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        
+        
+        
+        
+        
+        
+        
+
+
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+
+
+
+
+
+    
+
+
+
+    
+
+
+<div id="popovers-dispatched-events-table" class="overflow-x-auto s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell4">
+                        Event
+                    </th>
+                
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Element
+                    </th>
+                
+                
+                    <th scope="col" class="">
+                        Description
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>dispatcher</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>s-popover:*</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Contains the <code>Element</code> that initiated the event. For instance, the button clicked to show, the element clicked outside the popover that caused it to hide, etc.</td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+    </section>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="examples">Examples</h2><a class="s-btn s-btn__clear" href="#examples"><span class="v-visible-sr">Section titled Examples</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="docs-preview bs-none">
+        <div class="docs-preview--example ba bar-md bg-black-100">
+            <div class="d-flex ai-center g8 sm:fd-column">
+                <button class="s-btn" data-controller="s-popover" data-s-popover-placement="top-start" data-s-popover-toggle-class="is-selected" data-action="s-popover#toggle" aria-controls="popover-example-1" aria-expanded="false">
+                    Show example popover
+                </button>
+                <div id="popover-example-1" class="s-popover ws2" role="menu">
+                    <div class="s-popover--content">
+                        <form class="d-flex fd-column g8" role="presentation">
+                            <div class="d-flex gy4 fd-column">
+                                <label class="s-label" for="example-item1">Username</label>
+                                <input class="s-input" id="example-item1" type="text">
+                            </div>
+                            <div class="d-flex gy4 fd-column">
+                                <label class="s-label" for="example-item2">Password</label>
+                                <input class="s-input" id="example-item2" type="password">
+                            </div>
+                            <button type="submit" class="s-btn w100">Sign in</button>
+                            <a href="#" class="s-btn s-btn__tonal w100">Create an account</a>
+                        </form>
+                    </div>
+                </div>
+                <button class="s-btn s-btn__dropdown" data-controller="s-popover" data-s-popover-toggle-class="is-selected" data-action="s-popover#toggle" aria-controls="popover-example-2" aria-expanded="false">
+                    Show example popover
+                </button>
+                <div id="popover-example-2" class="s-popover p16" role="menu">
+                    <div class="s-popover--content">
+                        <div class="s-empty-state wmx2">
+                            <svg aria-hidden="true" class="svg-spot spotEmptyLg mb12" width="96" height="96" viewBox="0 0 96 96"><path d="M8 12a4 4 0 0 1 4-4h79a4 4 0 0 1 4 4v18a4 4 0 0 1-4 4H12a4 4 0 0 1-4-4zm0 33a4 4 0 0 1 4-4h79a4 4 0 0 1 4 4v18a4 4 0 0 1-4 4H12a4 4 0 0 1-4-4zM4 78.63a1.5 1.5 0 0 1-3 0V75.5A4.5 4.5 0 0 1 5.5 71h2.44a1.5 1.5 0 0 1 0 3H5.5c-.83 0-1.5.67-1.5 1.5zm9.27-6.13c0-.83.68-1.5 1.5-1.5h4.88a1.5 1.5 0 0 1 0 3h-4.88a1.5 1.5 0 0 1-1.5-1.5m11.72 0c0-.83.67-1.5 1.5-1.5h4.88a1.5 1.5 0 1 1 0 3h-4.88a1.5 1.5 0 0 1-1.5-1.5m11.71 0c0-.83.67-1.5 1.5-1.5h4.88a1.5 1.5 0 1 1 0 3H38.2a1.5 1.5 0 0 1-1.5-1.5m11.72 0c0-.83.67-1.5 1.5-1.5h4.88a1.5 1.5 0 0 1 0 3h-4.88a1.5 1.5 0 0 1-1.5-1.5m11.71 0c0-.83.67-1.5 1.5-1.5h4.88a1.5 1.5 0 0 1 0 3h-4.88a1.5 1.5 0 0 1-1.5-1.5m11.72 0c0-.83.67-1.5 1.5-1.5h4.88a1.5 1.5 0 0 1 0 3h-4.88a1.5 1.5 0 0 1-1.5-1.5m11.71 0c0-.83.67-1.5 1.5-1.5h2.44a4.5 4.5 0 0 1 4.5 4.5v3.13a1.5 1.5 0 0 1-3 0V75.5a1.5 1.5 0 0 0-1.5-1.5h-2.44a1.5 1.5 0 0 1-1.5-1.5M2.5 85.88c.83 0 1.5.67 1.5 1.5v3.15A1.5 1.5 0 0 0 5.5 92h2.44a1.5 1.5 0 0 1 0 3H5.4A4.5 4.5 0 0 1 1 90.5v-3.12c0-.83.67-1.5 1.5-1.5m88 0c.83 0 1.5.67 1.5 1.5v3.12a4.5 4.5 0 0 1-4.5 4.5h-2.44a1.5 1.5 0 0 1 0-3h2.44a1.5 1.5 0 0 0 1.5-1.5v-3.12c0-.83.67-1.5 1.5-1.5M13.27 93.5c0-.83.68-1.5 1.5-1.5h4.88a1.5 1.5 0 0 1 0 3h-4.88a1.5 1.5 0 0 1-1.5-1.5m11.72 0c0-.83.67-1.5 1.5-1.5h4.88a1.5 1.5 0 0 1 0 3h-4.88a1.5 1.5 0 0 1-1.5-1.5m11.71 0c0-.83.67-1.5 1.5-1.5h4.88a1.5 1.5 0 1 1 0 3H38.2a1.5 1.5 0 0 1-1.5-1.5m11.72 0c0-.83.67-1.5 1.5-1.5h4.88a1.5 1.5 0 0 1 0 3h-4.88a1.5 1.5 0 0 1-1.5-1.5m11.71 0c0-.83.67-1.5 1.5-1.5h4.88a1.5 1.5 0 0 1 0 3h-4.88a1.5 1.5 0 0 1-1.5-1.5m11.72 0c0-.83.67-1.5 1.5-1.5h4.88a1.5 1.5 0 0 1 0 3h-4.88a1.5 1.5 0 0 1-1.5-1.5" opacity=".2"></path><path d="M14.5 18a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5m8.5-2.5c0-.83.67-1.5 1.5-1.5h57a1.5 1.5 0 0 1 0 3h-57a1.5 1.5 0 0 1-1.5-1.5M5.5 1A4.5 4.5 0 0 0 1 5.5v20A4.5 4.5 0 0 0 5.5 30h81a4.5 4.5 0 0 0 4.5-4.5v-20A4.5 4.5 0 0 0 86.5 1zM4 5.5C4 4.67 4.67 4 5.5 4h81c.83 0 1.5.67 1.5 1.5v20c0 .83-.67 1.5-1.5 1.5h-81A1.5 1.5 0 0 1 4 25.5zm13 43a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0m7.5-1.5a1.5 1.5 0 0 0 0 3h57a1.5 1.5 0 0 0 0-3zm-19-13A4.5 4.5 0 0 0 1 38.5v20A4.5 4.5 0 0 0 5.5 63h81a4.5 4.5 0 0 0 4.5-4.5v-20a4.5 4.5 0 0 0-4.5-4.5zM4 38.5c0-.83.67-1.5 1.5-1.5h81c.83 0 1.5.67 1.5 1.5v20c0 .83-.67 1.5-1.5 1.5h-81A1.5 1.5 0 0 1 4 58.5z"></path></svg>
+                            <p>There’s no data associated with your account yet. Please check back tomorrow.</p>
+                            <button class="s-btn s-btn__tonal">Link an account</button>
+                        </div>
+                    </div>
+                </div>
+                <button class="s-btn s-btn__tonal p4" data-controller="s-popover" data-s-popover-toggle-class="is-selected" data-s-popover-placement="top" data-action="s-popover#toggle" aria-controls="popover-example-4" aria-expanded="false">
+                    <svg aria-hidden="true" class="svg-icon iconInfoSm" width="14" height="14" viewBox="0 0 14 14"><path d="M7 1a6 6 0 1 1 0 12A6 6 0 0 1 7 1m1 10V6H6v5zm0-6V3H6v2z"></path></svg>
+                    <span class="v-visible-sr">info</span>
+                </button>
+                <div id="popover-example-4" class="s-popover" role="menu">
+                    <div class="s-popover--content">
+                        <p>We know you hate spam, and we do too. That’s why we make it easy for you to update your email preferences or unsubscribe at anytime.</p>
+                        <p class="mb0">We never share your email address with third parties for marketing purposes.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <section class="docs-section">
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="default-interactivity">Default interactivity</h3><a class="s-btn s-btn__clear" href="#default-interactivity"><span class="v-visible-sr">Section titled Default interactivity</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        <p class="docs-copy">To enable interactive popovers, you will need to add the above attributes to the popover’s originating button. Custom positioning can be specified using the <code>data-s-popover-placement</code>. In the following example, we’ve chosen <code>bottom-start</code>. No positioning classes need to be added to your markup, only the data attributes.</p>
+        <p class="docs-copy">To promote being able to tab to an open popover, it’s best to place the popover immediately after the toggling button in the markup as siblings.</p>
+
+        <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-btn s-btn__dropdown"</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"button"</span><br>        <span class="hljs-attr">aria-controls</span>=<span class="hljs-string">"popover-example"</span><br>        <span class="hljs-attr">aria-expanded</span>=<span class="hljs-string">"false"</span><br>        <span class="hljs-attr">data-controller</span>=<span class="hljs-string">"s-popover"</span><br>        <span class="hljs-attr">data-action</span>=<span class="hljs-string">"s-popover#toggle"</span><br>        <span class="hljs-attr">data-s-popover-placement</span>=<span class="hljs-string">"bottom-start"</span><br>        <span class="hljs-attr">data-s-popover-toggle-class</span>=<span class="hljs-string">"is-selected"</span>&gt;</span><br>    …<br><span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-popover"</span><br>    <span class="hljs-attr">id</span>=<span class="hljs-string">"popover-example"</span><br>    <span class="hljs-attr">role</span>=<span class="hljs-string">"menu"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-popover--content"</span>&gt;</span><br>        …<br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+            <div class="docs-preview--example">
+                <button class="s-btn s-btn__dropdown" role="button" aria-controls="popover-example" aria-expanded="false" data-controller="s-popover" data-action="s-popover#toggle" data-s-popover-placement="bottom-start" data-s-popover-toggle-class="is-selected">
+                    Popover button
+                </button>
+                <div class="s-popover wmn-initial w-auto" id="popover-example" role="menu">
+                    <div class="s-popover--content">
+                        Example popover content
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="docs-section">
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="dismissible">Dismissible</h3><a class="s-btn s-btn__clear" href="#dismissible"><span class="v-visible-sr">Section titled Dismissible</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        <p class="docs-copy">In the case of new feature callouts, it may be appropriate to include an explicit dismiss button. You can add one using the styling provided by <code>.s-popover--close</code>.</p>
+        <p class="docs-copy">In order for to close the popover with an explicit close button, you’ll need to add the controller to a parent as illustrated in the following example code:</p>
+        <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"…"</span><br>    <span class="hljs-attr">data-controller</span>=<span class="hljs-string">"s-popover"</span><br>    <span class="hljs-attr">data-s-popover-reference-selector</span>=<span class="hljs-string">"#reference-element"</span>&gt;</span><br><br>    <span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"reference-element"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-btn s-btn__dropdown"</span><br>            <span class="hljs-attr">aria-controls</span>=<span class="hljs-string">"popover-example"</span><br>            <span class="hljs-attr">aria-expanded</span>=<span class="hljs-string">"true"</span><br>            <span class="hljs-attr">data-action</span>=<span class="hljs-string">"s-popover#toggle"</span>&gt;</span><br>        …<br>    <span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span><br><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"popover-example"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-popover is-visible"</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"menu"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-popover--close s-btn s-btn__tonal"</span> <span class="hljs-attr">aria-label</span>=<span class="hljs-string">"Close"</span><br>            <span class="hljs-attr">data-action</span>=<span class="hljs-string">"s-popover#toggle"</span>&gt;</span><br>            @Svg.Cross<br>        <span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-popover--content"</span>&gt;</span><br>            …<br>        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+            <div class="docs-preview--example bg-black-100">
+                <div class="s-popover ps-relative is-visible">
+                    <button class="s-popover--close s-btn s-btn__clear" aria-label="Close"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconCross" aria-hidden="true"><path d="m9.75 8.69 1.06 1.06 4.9 4.9-1.06 1.06-4.9-4.9-4.9 4.9-1.06-1.06 4.9-4.9-4.9-4.9 1.06-1.06zm4.9-4.9 1.06 1.06-4.07 4.08-1.07-1.07z"></path></svg></button>
+                    <div class="s-popover--content">
+                        <p class="mb0">Dismissible persistent popover presented with a close button</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="docs-section">
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="javascript-interaction">JavaScript interaction</h3><a class="s-btn s-btn__clear" href="#javascript-interaction"><span class="v-visible-sr">Section titled JavaScript interaction</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        <p class="docs-copy">There may be cases where you need to show or hide a popover via JavaScript. For example, if you need to show a popover at a specific time or if you need to hide a popover from an event outside of the controller, Stacks provides convenience methods to achieve this.</p>
+        <div class="docs-preview">
+<pre class="language-javascript s-code-block" tabindex="0"><code class="language-javascript s-code-block"><span class="hljs-title class_">Stacks</span>.<span class="hljs-property">application</span>.<span class="hljs-title function_">register</span>(<span class="hljs-string">"section"</span>, <span class="hljs-keyword">class</span> <span class="hljs-title class_">extends</span> <span class="hljs-title class_">Stacks</span>.<span class="hljs-property">StacksController</span> {<br>    <span class="hljs-keyword">static</span> targets = [<span class="hljs-string">"help"</span>];<br><br>    <span class="hljs-title function_">showHelp</span>(<span class="hljs-params">event</span>) {<br>        <span class="hljs-title class_">Stacks</span>.<span class="hljs-title function_">showPopover</span>(<span class="hljs-variable language_">this</span>.<span class="hljs-property">helpTarget</span>);<br>        event.<span class="hljs-title function_">stopPropagation</span>();<br>    }<br>    <span class="hljs-title function_">hideHelp</span>(<span class="hljs-params">event</span>) {<br>        <span class="hljs-title class_">Stacks</span>.<span class="hljs-title function_">hidePopover</span>(<span class="hljs-variable language_">this</span>.<span class="hljs-property">helpTarget</span>);<br>    }<br>});</code></pre>
+            <section class="docs-preview--example bg-black-100">
+                <div data-controller="section">
+                    <div class="d-flex ai-center jc-space-between mb16">
+                        <h1 class="fs-headline1 mb0" role="presentation">Lorem ipsum</h1>
+                        <div>
+                            <button type="button" class="s-btn s-btn__tonal p0" data-section-target="help" data-controller="s-popover" data-action="s-popover#toggle" data-s-popover-placement="left" aria-controls="popover-help-example" aria-expanded="false">
+                                        <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconHelp" aria-hidden="true"><path d="M17.33 4.64a9.08 9.08 0 0 1-12.7 12.7l1.08-1.09A7.58 7.58 0 0 0 16.25 5.71zM10 .92c2.47 0 4.7.98 6.34 2.58l-1.06 1.06A7.58 7.58 0 0 0 4.56 15.28L3.5 16.34A9.08 9.08 0 0 1 10 .91M11 15H9v-2h2zm-.83-10c2.23 0 3.47 1.17 3.47 3.03 0 2.2-2.62 2.7-2.62 3.97H9c0-2.44 2.5-2.53 2.5-3.97 0-.66-.34-1.17-1.27-1.17-.87 0-1.29.57-1.37 1.5H6.73A3.4 3.4 0 0 1 10.17 5"></path></svg>
+                                        <span class="v-visible-sr">help</span>
+                                    </button>
+                            <div class="s-popover wmn-initial w-auto" id="popover-help-example" role="menu">
+                                <div class="s-popover--content">
+                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <p class="fc-light">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et metus molestie nulla luctus sodales ac luctus justo. Aenean iaculis ac ante sit amet aliquam. Duis dolor velit, imperdiet sed mauris eu, sollicitudin egestas nisl. Ut vitae nulla eu risus iaculis semper sit amet vitae tortor. Sed convallis lacus quis libero placerat finibus. Phasellus pulvinar vel nunc eu tempor. Sed pharetra magna a felis egestas placerat. Sed imperdiet dui a sem fermentum, eget consectetur elit feugiat. Phasellus non condimentum orci. Nam id molestie elit, ut gravida metus. Vivamus vel nunc risus. Maecenas posuere sit amet tellus vel laoreet. Nulla lacus mauris, rhoncus eu laoreet quis, mattis vehicula nisl. Integer efficitur quam et nisi luctus scelerisque. Mauris efficitur lectus ac malesuada congue.</p>
+                    <button class="s-btn s-btn__link" data-action="section#showHelp">Click here for help</button>
+                </div>
+            </section>
+        </div>
+    </section>
+
+    <section class="docs-section">
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="javascript-configuration-(popovers)">JavaScript configuration (popovers)</h3><a class="s-btn s-btn__clear" href="#javascript-configuration-(popovers)"><span class="v-visible-sr">Section titled JavaScript configuration (popovers)</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        <p class="docs-copy">Situations may also arise where popovers need to be attached to an element after the document is rendered. For example, a button could have a contextual menu that is too expensive to serve up on every page load.</p>
+        <p class="docs-copy">Popovers can be attached to an element after the fact using <code>Stacks.attachPopover</code>.</p>
+        <p class="docs-copy">This method takes three parameters, the element to attach the popover to, the popover either as an element or an HTML string, and optional options for displaying the popover.</p>
+
+        <div class="docs-preview">
+<pre class="language-javascript s-code-block" tabindex="0"><code class="language-javascript s-code-block"><span class="hljs-title class_">Stacks</span>.<span class="hljs-property">application</span>.<span class="hljs-title function_">register</span>(<span class="hljs-string">"actions"</span>, <span class="hljs-keyword">class</span> <span class="hljs-title class_">extends</span> <span class="hljs-title class_">Stacks</span>.<span class="hljs-property">StacksController</span> {<br><br>    <span class="hljs-keyword">var</span> loaded = <span class="hljs-literal">false</span>;<br><br>    <span class="hljs-keyword">async</span> <span class="hljs-title function_">load</span>(<span class="hljs-params"></span>) {<br>        <span class="hljs-keyword">if</span> (<span class="hljs-variable language_">this</span>.<span class="hljs-property">loaded</span>) { <span class="hljs-keyword">return</span>; }<br>        <span class="hljs-title class_">Stacks</span>.<span class="hljs-title function_">attachPopover</span>(<span class="hljs-variable language_">this</span>.<span class="hljs-property">element</span>,<br>                             <span class="hljs-keyword">await</span> <span class="hljs-title function_">fetch</span>(<span class="hljs-string">`/posts/{postId}/actions`</span>),<br>                             { <span class="hljs-attr">autoShow</span>: <span class="hljs-literal">true</span>, <span class="hljs-attr">toggleOnClick</span>: <span class="hljs-literal">true</span> });<br>        <span class="hljs-variable language_">this</span>.<span class="hljs-property">loaded</span> = <span class="hljs-literal">true</span>;<br>    }<br>});</code></pre>
+            <div class="docs-preview--example bg-black-100">
+                <button class="s-btn s-btn__dropdown" data-controller="actions" data-action="actions#load" aria-expanded="false">
+                    Actions
+                </button>
+            </div>
+        </div>
+    </section>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="tooltips">Tooltips</h2><a class="s-btn s-btn__clear" href="#tooltips"><span class="v-visible-sr">Section titled Tooltips</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <p class="docs-copy">When a popover is intended only for display as an on-hover tooltip and contains no interactive text, the <code>s-tooltip</code> controller can be used in place of <code>s-popover</code>. This is a separate controller that can be used alongside <code>s-popover</code> on a single target element.</p>
+
+    <section class="docs-section">
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="tooltip-hover-attributes">Tooltip hover attributes</h3><a class="s-btn s-btn__clear" href="#tooltip-hover-attributes"><span class="v-visible-sr">Section titled Tooltip hover attributes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        
+        
+        
+        
+        
+        
+        
+        
+
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+    
+
+
+
+
+
+
+
+    
+
+
+
+
+<div id="popovers-tooltip-hover-attributes-table" class="overflow-auto v-truncate v-truncate-fade s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell3">
+                        Attribute
+                    </th>
+                
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Applied to
+                    </th>
+                
+                
+                    <th scope="col" class="">
+                        Description
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>id="{POPOVER_ID}"</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-popover</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>A unique id that the popover’s toggling element can target. Matches the value of <code>[aria-describedby]</code> on the toggling element.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>data-controller="s-tooltip"</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Controller element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Wires up the element to the tooltip controller.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>data-s-tooltip-reference-selector="[css selector]"</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Controller element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>(optional) Designates the element to use as the tooltip reference. If left unset, the value defaults to the controller element.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>aria-describedby="{POPOVER_ID}"</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Reference element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Associates the element to the desired popover element.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>title="{TITLE}"</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Controller element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>If <code>aria-describedby</code> is not present or valid, and the title attribute exists, the title will be removed from the element and be used to create a popover immediately after the element. All content will be escaped and inserted as text.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>data-s-tooltip-html-title="{TITLE}"</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Controller element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Acts the exact same as the <code>title</code> attribute, but inserts the raw text directly as html. If both this and the <code>title</code> attribute exist on the element, this attribute will be used.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>data-s-tooltip-placement="<a href="https://popper.js.org/popper-documentation.html#Popper.placements">[placement]</a>"</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Controller element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Dictates where to place the tooltip in relation to the reference element. By default, the placement value is <code>bottom</code>. Accepted placements are <code>auto</code>, <code>top</code>, <code>right</code>, <code>bottom</code>, <code>left</code>. Each placement can take an additional <code>-start</code> and <code>-end</code> variation.</td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+    <button id="show-popovers-tooltip-hover-attributes-table-button" class="js-docs-table-expand s-btn s-btn__tonal s-btn__sm w100" type="button" aria-expanded="false" aria-controls="popovers-tooltip-hover-attributes-table">
+        Show all tooltip hover attributes
+    </button>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+    </section>
+
+    <section class="docs-section">
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="tooltip-hover-events">Tooltip hover events</h3><a class="s-btn s-btn__clear" href="#tooltip-hover-events"><span class="v-visible-sr">Section titled Tooltip hover events</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        
+        
+        
+        
+        
+        
+        
+        
+        
+
+
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+
+
+
+
+
+    
+
+
+
+
+<div id="popovers-tooltip-hover-events-table" class="overflow-auto v-truncate v-truncate-fade s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell4">
+                        Event
+                    </th>
+                
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Element
+                    </th>
+                
+                
+                    <th scope="col" class="">
+                        Description
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>s-tooltip:show</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Controller element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Default preventable Fires immediately before showing and positioning the tooltip. This fires before the tooltip is first displayed to the user, and can be used to create or initialize the tooltip element. Calling <code>.preventDefault()</code> cancels the display of the popover.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>s-tooltip:shown</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Controller element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Fires immediately after showing the tooltip.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>s-tooltip:hide</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Controller element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Default preventable Fires immediately before hiding the tooltip. Calling <code>.preventDefault()</code> prevents the removal of the tooltip.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>s-tooltip:hidden</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                    <span class="ff-mono fs-fine">Controller element</span>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Fires immediately after hiding the tooltip.</td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+    <button id="show-popovers-tooltip-hover-events-table-button" class="js-docs-table-expand s-btn s-btn__tonal s-btn__sm w100" type="button" aria-expanded="false" aria-controls="popovers-tooltip-hover-events-table">
+        Show all tooltip hover events
+    </button>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+    </section>
+
+    <section class="docs-section">
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="tooltip-dispatched-events">Tooltip dispatched events</h3><a class="s-btn s-btn__clear" href="#tooltip-dispatched-events"><span class="v-visible-sr">Section titled Tooltip dispatched events</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        
+        
+        
+        
+        
+        
+        
+
+
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+
+
+
+
+
+    
+
+
+
+    
+
+
+<div id="popovers-tooltip-dispatched-events-table" class="overflow-x-auto s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell4">
+                        Event
+                    </th>
+                
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Element
+                    </th>
+                
+                
+                    <th scope="col" class="">
+                        Description
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>dispatcher</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>s-tooltip:*</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Contains the <code>Element</code> that initiated the event. For instance, the element hovered over to show, etc.</td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+    </section>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="tooltip-examples">Tooltip examples</h2><a class="s-btn s-btn__clear" href="#tooltip-examples"><span class="v-visible-sr">Section titled Tooltip examples</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">If the user doesn’t need to interact with the <em>contents</em> of the popover, it may be appropriate to only show it on hover. This will make popovers feel like a tooltip. To do so, we provide an alternative controller, <code>s-tooltip</code>, that shows the tooltip only on hover.</p>
+
+    <section class="docs-section">
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="title-attribute">Title attribute</h3><a class="s-btn s-btn__clear" href="#title-attribute"><span class="v-visible-sr">Section titled Title attribute</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        <p class="docs-copy">In the simple case where no markup is needed in the tooltip, the popover element can be omitted and automatically generated using the <code>title</code> attribute.</p>
+
+        <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-btn"</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"button"</span><br>        <span class="hljs-attr">title</span>=<span class="hljs-string">"…"</span><br>        <span class="hljs-attr">data-controller</span>=<span class="hljs-string">"s-tooltip"</span><br>        <span class="hljs-attr">data-s-tooltip-placement</span>=<span class="hljs-string">"bottom-start"</span>&gt;</span><br>    …<br><span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span></code></pre>
+            <div class="docs-preview--example bg-black-100">
+                <button class="s-btn" role="button" data-controller="s-tooltip" title="This popover shows content from the title attribute." data-s-tooltip-placement="bottom-start">
+                    Hover tooltip popover
+                </button>
+            </div>
+        </div>
+    </section>
+
+    <section class="docs-section">
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="javascript-configuration-(tooltips)">JavaScript configuration (tooltips)</h3><a class="s-btn s-btn__clear" href="#javascript-configuration-(tooltips)"><span class="v-visible-sr">Section titled JavaScript configuration (tooltips)</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        <p class="docs-copy">In cases where the tooltip needs to display simple text or HTML, the popover can be configured using JavaScript. Plain text tooltips will render characters like &lt;, &gt;, and &amp; as is. HTML tooltips will render the HTML as expected.</p>
+        <div class="docs-preview">
+<pre class="language-javascript s-code-block" tabindex="0"><code class="language-javascript s-code-block"><span class="hljs-title class_">Stacks</span>.<span class="hljs-title function_">setTooltipText</span>(el,<br>    <span class="hljs-string">"Plain text tooltip"</span>,<br>    {<br>        <span class="hljs-attr">placement</span>: <span class="hljs-string">"top-start"</span><br>    });<br><br><span class="hljs-title class_">Stacks</span>.<span class="hljs-title function_">setTooltipHtml</span>(el,<br>    <span class="hljs-string">"Tooltip &lt;i&gt;with&lt;/i&gt; HTML"</span>,<br>    {<br>        <span class="hljs-attr">placement</span>: <span class="hljs-string">"top-end"</span><br>    });</code></pre>
+            <div class="docs-preview--example bg-black-100">
+                <button class="s-btn js-text-tooltip-example" role="button">
+                    Hover tooltip popover with plain text
+                </button>
+                <button class="s-btn js-html-tooltip-example" role="button">
+                    Hover tooltip popover with HTML
+                </button>
+            </div>
+        </div>
+    </section>
+
+    <section class="docs-section">
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="rich-tooltips">Rich tooltips</h3><a class="s-btn s-btn__clear" href="#rich-tooltips"><span class="v-visible-sr">Section titled Rich tooltips</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        <p class="docs-copy">When a rich tooltip is required, a popover element can be configured in much the same way as an <code>s-popover</code> controller, with the most notable difference being the use of <code>aria-describedby</code> instead of <code>aria-controls</code>.</p>
+
+        <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">button</span><br>    <span class="hljs-attr">class</span>=<span class="hljs-string">"s-btn"</span><br>    <span class="hljs-attr">role</span>=<span class="hljs-string">"button"</span><br>    <span class="hljs-attr">aria-describedby</span>=<span class="hljs-string">"tooltip-example"</span><br>    <span class="hljs-attr">aria-expanded</span>=<span class="hljs-string">"false"</span><br>    <span class="hljs-attr">data-controller</span>=<span class="hljs-string">"s-tooltip"</span>&gt;</span><br>    …<br><span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span><br>    <span class="hljs-attr">class</span>=<span class="hljs-string">"s-popover s-popover__tooltip"</span><br>    <span class="hljs-attr">id</span>=<span class="hljs-string">"tooltip-example"</span><br>    <span class="hljs-attr">role</span>=<span class="hljs-string">"tooltip"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-popover--content"</span>&gt;</span><br>        …<br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+            <div class="docs-preview--example bg-black-100">
+                <button class="s-btn" role="button" aria-describedby="tooltip-example" aria-expanded="false" data-controller="s-tooltip">
+                    Hover tooltip popover
+                </button>
+                <div class="s-popover s-popover__tooltip" id="tooltip-example" role="tooltip">
+                    <div class="s-popover--content">
+                        <div class="s-empty-state wmx2">
+                            <svg aria-hidden="true" class="svg-spot spotEmptyLg mb12" width="96" height="96" viewBox="0 0 96 96"><path d="M8 12a4 4 0 0 1 4-4h79a4 4 0 0 1 4 4v18a4 4 0 0 1-4 4H12a4 4 0 0 1-4-4zm0 33a4 4 0 0 1 4-4h79a4 4 0 0 1 4 4v18a4 4 0 0 1-4 4H12a4 4 0 0 1-4-4zM4 78.63a1.5 1.5 0 0 1-3 0V75.5A4.5 4.5 0 0 1 5.5 71h2.44a1.5 1.5 0 0 1 0 3H5.5c-.83 0-1.5.67-1.5 1.5zm9.27-6.13c0-.83.68-1.5 1.5-1.5h4.88a1.5 1.5 0 0 1 0 3h-4.88a1.5 1.5 0 0 1-1.5-1.5m11.72 0c0-.83.67-1.5 1.5-1.5h4.88a1.5 1.5 0 1 1 0 3h-4.88a1.5 1.5 0 0 1-1.5-1.5m11.71 0c0-.83.67-1.5 1.5-1.5h4.88a1.5 1.5 0 1 1 0 3H38.2a1.5 1.5 0 0 1-1.5-1.5m11.72 0c0-.83.67-1.5 1.5-1.5h4.88a1.5 1.5 0 0 1 0 3h-4.88a1.5 1.5 0 0 1-1.5-1.5m11.71 0c0-.83.67-1.5 1.5-1.5h4.88a1.5 1.5 0 0 1 0 3h-4.88a1.5 1.5 0 0 1-1.5-1.5m11.72 0c0-.83.67-1.5 1.5-1.5h4.88a1.5 1.5 0 0 1 0 3h-4.88a1.5 1.5 0 0 1-1.5-1.5m11.71 0c0-.83.67-1.5 1.5-1.5h2.44a4.5 4.5 0 0 1 4.5 4.5v3.13a1.5 1.5 0 0 1-3 0V75.5a1.5 1.5 0 0 0-1.5-1.5h-2.44a1.5 1.5 0 0 1-1.5-1.5M2.5 85.88c.83 0 1.5.67 1.5 1.5v3.15A1.5 1.5 0 0 0 5.5 92h2.44a1.5 1.5 0 0 1 0 3H5.4A4.5 4.5 0 0 1 1 90.5v-3.12c0-.83.67-1.5 1.5-1.5m88 0c.83 0 1.5.67 1.5 1.5v3.12a4.5 4.5 0 0 1-4.5 4.5h-2.44a1.5 1.5 0 0 1 0-3h2.44a1.5 1.5 0 0 0 1.5-1.5v-3.12c0-.83.67-1.5 1.5-1.5M13.27 93.5c0-.83.68-1.5 1.5-1.5h4.88a1.5 1.5 0 0 1 0 3h-4.88a1.5 1.5 0 0 1-1.5-1.5m11.72 0c0-.83.67-1.5 1.5-1.5h4.88a1.5 1.5 0 0 1 0 3h-4.88a1.5 1.5 0 0 1-1.5-1.5m11.71 0c0-.83.67-1.5 1.5-1.5h4.88a1.5 1.5 0 1 1 0 3H38.2a1.5 1.5 0 0 1-1.5-1.5m11.72 0c0-.83.67-1.5 1.5-1.5h4.88a1.5 1.5 0 0 1 0 3h-4.88a1.5 1.5 0 0 1-1.5-1.5m11.71 0c0-.83.67-1.5 1.5-1.5h4.88a1.5 1.5 0 0 1 0 3h-4.88a1.5 1.5 0 0 1-1.5-1.5m11.72 0c0-.83.67-1.5 1.5-1.5h4.88a1.5 1.5 0 0 1 0 3h-4.88a1.5 1.5 0 0 1-1.5-1.5" opacity=".2"></path><path d="M14.5 18a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5m8.5-2.5c0-.83.67-1.5 1.5-1.5h57a1.5 1.5 0 0 1 0 3h-57a1.5 1.5 0 0 1-1.5-1.5M5.5 1A4.5 4.5 0 0 0 1 5.5v20A4.5 4.5 0 0 0 5.5 30h81a4.5 4.5 0 0 0 4.5-4.5v-20A4.5 4.5 0 0 0 86.5 1zM4 5.5C4 4.67 4.67 4 5.5 4h81c.83 0 1.5.67 1.5 1.5v20c0 .83-.67 1.5-1.5 1.5h-81A1.5 1.5 0 0 1 4 25.5zm13 43a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0m7.5-1.5a1.5 1.5 0 0 0 0 3h57a1.5 1.5 0 0 0 0-3zm-19-13A4.5 4.5 0 0 0 1 38.5v20A4.5 4.5 0 0 0 5.5 63h81a4.5 4.5 0 0 0 4.5-4.5v-20a4.5 4.5 0 0 0-4.5-4.5zM4 38.5c0-.83.67-1.5 1.5-1.5h81c.83 0 1.5.67 1.5 1.5v20c0 .83-.67 1.5-1.5 1.5h-81A1.5 1.5 0 0 1 4 58.5z"></path></svg>
+                            <p class="mb0">There’s no data associated with your account yet. Please visit our <a href="#" class="s-link">help page</a> for more information.</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="docs-section">
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="tooltips-and-interactive-popovers">Tooltips and interactive popovers</h3><a class="s-btn s-btn__clear" href="#tooltips-and-interactive-popovers"><span class="v-visible-sr">Section titled Tooltips and interactive popovers</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        <p class="docs-copy">Hover tooltips can be used alongside interactive popovers. Tooltips will no appear when the interactive popover is visible.</p>
+
+        <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-btn s-btn__dropdown"</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"button"</span><br>        <span class="hljs-attr">aria-controls</span>=<span class="hljs-string">"popover-example"</span><br>        <span class="hljs-attr">aria-expanded</span>=<span class="hljs-string">"false"</span><br>        <span class="hljs-attr">data-controller</span>=<span class="hljs-string">"s-popover s-tooltip"</span><br>        <span class="hljs-attr">data-action</span>=<span class="hljs-string">"s-popover#toggle"</span><br>        <span class="hljs-attr">data-s-popover-placement</span>=<span class="hljs-string">"bottom-start"</span><br>        <span class="hljs-attr">data-s-popover-toggle-class</span>=<span class="hljs-string">"is-selected"</span><br>        <span class="hljs-attr">title</span>=<span class="hljs-string">"…"</span><br>        <span class="hljs-attr">data-s-tooltip-placement</span>=<span class="hljs-string">"top-start"</span>&gt;</span><br>    …<br><span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-popover"</span><br>       <span class="hljs-attr">id</span>=<span class="hljs-string">"popover-example"</span><br>       <span class="hljs-attr">role</span>=<span class="hljs-string">"menu"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-popover--content"</span>&gt;</span><br>        …<br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+            <div class="docs-preview--example">
+                <button class="s-btn s-btn__dropdown" role="button" aria-controls="popover-example-with-tooltip" aria-expanded="false" data-controller="s-popover s-tooltip" data-action="s-popover#toggle" data-s-popover-placement="bottom-start" data-s-popover-toggle-class="is-selected" title="View your saved filters" data-s-tooltip-placement="top-start">
+                    Popover button with tooltip hover
+                </button>
+                <div class="s-popover wmn-initial w-auto" id="popover-example-with-tooltip" role="menu">
+                    <div class="s-popover--content">
+                        <div class="tt-uppercase fs-fine fc-light">
+                            Saved filters
+                        </div>
+                        <div class="fc-black-350 fs-caption ta-center p16">
+                            Save custom sorting &amp; filtering for easy access.
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="manual-placement">Manual placement</h2><a class="s-btn s-btn__clear" href="#manual-placement"><span class="v-visible-sr">Section titled Manual placement</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="s-notice s-anchors s-anchors__inherit s-anchors__underlined s-notice__warning mb16"><span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconAlert" aria-hidden="true"><path d="M10 2q.41.01.64.37l8.76 14.58a.75.75 0 0 1-.65 1.14H1.25a.75.75 0 0 1-.65-1.14L9.36 2.37l.05-.09A.8.8 0 0 1 10 2M2.57 16.6h14.86L10 4.2zM11 15.52H9v-2h2zm0-2.97H9v-5.5h2z"></path></svg></span><span>
+        Our Stimulus popover controller handles the positioning of popovers for you. Popovers <em>can</em> be positioned manually for various legacy reasons, but we recommend using the <code>s-popover</code> controller's <code>placement</code> property instead.
+    </span></div>
+
+    <section class="docs-section">
+        <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="manual-examples">Manual examples</h3><a class="s-btn s-btn__clear" href="#manual-examples"><span class="v-visible-sr">Section titled Manual examples</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+        <p class="docs-copy">Popovers can also be positioned manually if you aren’t using the built-in JavaScript interactivity. Practically, this might look like adding something like <code>t8 l8</code> to <code>.s-popover</code>.</p>
+        <p class="docs-copy">By default, popovers are hidden and positioned absolutely. Adding the class <code>.is-visible</code> will show the popover.</p>
+
+        <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-popover"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-popover--content"</span>&gt;</span><br>        …<br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+            <div class="docs-preview--example bg-black-100">
+                <div class="s-popover ps-relative z-base is-visible">
+                    <div class="s-popover--content">
+                        <p class="mb0">Example popover with manual placement</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+</section>
+
+<!-- Example popover javascript -->
+<script src="/assets/dist/entry.popovers.js" defer=""></script>
+</div>
+
+            <!-- <div class="d-flex my48 pt24">
+                <div class="mr16">
+                    
+                    <form
+                        id="quick-positive-feedback-popovers"
+                        class="js-feedback-form v-hidden"
+                        name="quick-positive-feedback-popovers"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <form
+                        id="quick-negative-feedback-popovers"
+                        class="js-feedback-form v-hidden"
+                        name="quick-negative-feedback-popovers"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-positive"
+                        role="tooltip">
+                        <div class="s-popover--content">This page is useful</div>
+                    </div>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-negative"
+                        role="tooltip">
+                        <div class="s-popover--content">This page needs improvement</div>
+                    </div>
+                    <div id="vote-feedback" class="s-vote">
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-positive-feedback-popovers"
+                            aria-describedby="tooltip-feedback-positive"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUp" aria-hidden="true"><path d="M10 3q.41.02.64.36l6.9 11.5a.75.75 0 1 1-1.28.78L10 5.21l-5.58 9.3h8.04v-.01h1.1l.97 1.5H3.1a.75.75 0 0 1-.65-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUpFill" aria-hidden="true"><path d="M10 3h.1a1 1 0 0 1 .42.21l.12.15 6.9 11.5.05.09v.03l.02.04q.04.12.04.26v.03q0 .13-.07.25v.02l-.03.04a1 1 0 0 1-.2.23l-.06.05-.04.01-.04.03-.04.01a1 1 0 0 1-.27.05H3a.75.75 0 0 1-.55-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="v-visible-sr">upvote</span>
+                        </button>
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-negative-feedback-popovers"
+                            aria-describedby="tooltip-feedback-negative"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDown" aria-hidden="true"><path d="M10 16a.8.8 0 0 1-.64-.36l-6.9-11.5a.75.75 0 1 1 1.28-.78L10 13.8l5.58-9.3H6.44L5.47 3H16.9a.75.75 0 0 1 .65 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDownFill" aria-hidden="true"><path d="M10 16h-.1l-.1-.02a.8.8 0 0 1-.45-.34l-6.9-11.5-.04-.08-.01-.04L2.39 4a1 1 0 0 1-.04-.26V3.7q0-.14.06-.26l.01-.02.02-.04a1 1 0 0 1 .27-.27l.03-.02.05-.02.04-.02A1 1 0 0 1 3.1 3H17a.75.75 0 0 1 .54 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="v-visible-sr">downvote</span>
+                        </button>
+                    </div>
+                </div>
+
+                <form
+                    class="w100 js-feedback-form"
+                    name="feedback-popovers"
+                    method="POST"
+                    data-netlify="true"
+                    action="/success">
+                    <fieldset class="d-flex fd-column fl-grow1 g16">
+                        <legend class="fs-title fw-bold">How’d we do?</legend>
+                        <div class="fs-body2">Anonymously upvote, downvote, or send additional feedback below.</div>
+
+                        <textarea
+                            class="s-textarea hmn1"
+                            id="feedback-form"
+                            name="additional-feedback"
+                            placeholder="Tell us how we can improve this page…" required></textarea>
+
+                        <div class="d-flex ai-center fd-row-reverse g8 jc-space-between mln6 sm:d-grid sm:grid__1 sm:ml0">
+                            <button
+                                type="submit"
+                                class="s-btn as-start fl-shrink0">
+                                Send feedback
+                            </button>
+                            <div class="d-flex fw-wrap g8 sm:d-grid sm:grid__1">
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/edit/develop/packages/stacks-docs/./product/components/popovers.html"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    <svg aria-hidden="true" class="svg-icon iconPencilSm" width="14" height="14"  viewBox="0 0 14 14"><path fill="#F1B600" d="m2 10.12 6.37-6.43 1.88 1.88L3.88 12H2z"/><path fill="#E87C87" d="m11.1 1.71 1.13 1.12c.2.2.2.51 0 .71L11.1 4.7 9.21 2.86l1.17-1.15c.2-.2.51-.2.71 0"/></svg>
+                                    Edit
+                                </a>
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/issues/new/choose"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    File an issue
+                                </a>
+                            </div>
+                        </div>
+                    </fieldset>
+                </form>
+            </div> -->
+
+            <!-- <div class="ta-right">
+                <a href="https://www.netlify.com"><img src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg" alt="Deploys by Netlify" /></a>
+            </div> -->
+        
\ No newline at end of file
diff --git a/packages/stacks-docs-next/static/legacy/fragments/product/components/prose/fragment.html b/packages/stacks-docs-next/static/legacy/fragments/product/components/prose/fragment.html
new file mode 100644
index 0000000000..fe8c0c7e98
--- /dev/null
+++ b/packages/stacks-docs-next/static/legacy/fragments/product/components/prose/fragment.html
@@ -0,0 +1,1274 @@
+
+            <div class="d-flex ai-start jc-space-between">
+                <!-- <h1 class="fs-display1 mb0">Prose</h1> -->
+
+                
+                    <p class="docs-copy fc-black-500 fs-title mb0">The prose component provides proper styling for rendered Markdown.</p>
+                
+                
+                
+            </div>
+            
+            <div class="mt32">
+
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="parameters">Parameters</h2><a class="s-btn s-btn__clear" href="#parameters"><span class="v-visible-sr">Section titled Parameters</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    
+    
+    
+
+
+    
+
+
+
+
+    
+
+
+    
+
+
+    
+
+
+    
+
+
+
+
+    
+
+
+
+    
+
+
+    
+
+
+
+    
+
+
+<div id="docs-table" class="overflow-x-auto s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell3">
+                        Class
+                    </th>
+                
+                
+                
+                    <th scope="col" class="s-table--cell2">
+                        Modifies
+                    </th>
+                
+                
+                    <th scope="col" class="">
+                        Description
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-prose</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                        <td>Adds proper styling for rendered Markdown.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-prose__sm</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-prose</code>
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>Decreases the base font size and line height.</td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="examples">Examples</h2><a class="s-btn s-btn__clear" href="#examples"><span class="v-visible-sr">Section titled Examples</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="minimal">Minimal</h3><a class="s-btn s-btn__clear" href="#minimal"><span class="v-visible-sr">Section titled Minimal</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">We modified this test document from the folks at <a href="https://github.com/tailwindcss/typography/blob/master/README.md">Tailwind</a> to demonstrate and explain our design choices.</p>
+
+    <div class="docs-preview d-flex fd-column">
+        <div class="ps-sticky bg-white z-popover py16 t64 bb bc-black-200 sm:py8 mbn1">
+            <button class="s-btn s-btn__tonal" aria-expanded="false" aria-controls="prose-example-minimal" data-expanded-text="Collapse example" data-collapsed-text="Expand example">
+                Expand example
+            </button>
+        </div>
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-prose"</span>&gt;</span><br>    …<br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div id="prose-example-minimal" class="docs-preview--example hmx4 overflow-scroll js-expandable">
+            <div class="s-prose" role="presentation">
+                <p>Stacks adds a new <code>s-prose</code> class that you can slap on any block of vanilla HTML content and turn it into a beautiful, well-formatted document:</p>
+<pre class="language-html s-code-block"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">article</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-prose"</span>&gt;</span>
+  <span class="hljs-tag">&lt;<span class="hljs-name">h1</span>&gt;</span>Garlic bread with cheese: What the science tells us<span class="hljs-tag">&lt;/<span class="hljs-name">h1</span>&gt;</span>
+  <span class="hljs-tag">&lt;<span class="hljs-name">p</span>&gt;</span>
+    For years parents have espoused the health benefits of eating garlic bread with cheese to their
+    children, with the food earning such an iconic status in our culture that kids will often dress
+    up as warm, cheesy loaf for Halloween.
+  <span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span>
+  <span class="hljs-tag">&lt;<span class="hljs-name">p</span>&gt;</span>
+    But a recent study shows that the celebrated appetizer may be linked to a series of rabies cases
+    springing up around the country.
+  <span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span>
+  <span class="hljs-comment">&lt;!-- ... --&gt;</span>
+<span class="hljs-tag">&lt;/<span class="hljs-name">article</span>&gt;</span>
+</code></pre>
+<h2>What to expect from here on out</h2>
+<p>What follows from here is just a bunch of absolute nonsense we’ve written to dogfood the component itself. It includes every sensible typographic element we could think of, like <strong>bold text</strong>, unordered lists, ordered lists, code blocks, block quotes, <em>and even italics</em>.</p>
+<p>It’s important to cover all of these use cases for a few reasons:</p>
+<ol>
+<li>We want everything to look good out of the box.</li>
+<li>Really just the first reason, that’s the whole point of the plugin.</li>
+<li>Here’s a third pretend reason though a list with three items looks more realistic than a list with two items.</li>
+</ol>
+<p>Now we’re going to try out another header style.</p>
+<h3>Typography should be easy</h3>
+<p>So that’s a header for you—with any luck if we’ve done our job correctly that will look pretty reasonable.</p>
+<p>Something a wise person once told me about typography is:</p>
+<blockquote>
+<p>Typography is pretty important if you don’t want your stuff to look like trash. Make it good then it won’t be bad.</p>
+</blockquote>
+<p>It’s probably important that images look okay here by default as well:</p>
+<p><img src="https://images.unsplash.com/photo-1556740758-90de374c12ad?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=crop&amp;w=1000&amp;q=80" alt="two people performing a transaction at a counter on either side of a point of sale system in a trendy salon"></p>
+<p>Now I’m going to show you an example of an unordered list to make sure that looks good, too:</p>
+<ul>
+<li>So here is the first item in this list.</li>
+<li>In this example we’re keeping the items short.</li>
+<li>Later, we’ll use longer, more complex list items.</li>
+</ul>
+<p>And that’s the end of this section.</p>
+<h2>What if we stack headings?</h2>
+<h3>We should make sure that looks good, too.</h3>
+<p>Sometimes you have headings directly underneath each other. In those cases you often have to undo the top margin on the second heading because it usually looks better for the headings to be closer together than a paragraph followed by a heading should be.</p>
+<h3>When a heading comes after a paragraph …</h3>
+<p>When a heading comes after a paragraph, we need a bit more space, like I already mentioned above. Now let’s see what a more complex list would look like.</p>
+<ul>
+<li>
+<p><strong>I often do this thing where list items have headings.</strong></p>
+<p>For some reason I think this looks cool which is unfortunate because it’s pretty annoying to get the styles right.</p>
+<p>I often have two or three paragraphs in these list items, too, so the hard part is getting the spacing between the paragraphs, list item heading, and separate list items to all make sense. Pretty tough honestly, you could make a strong argument that you just shouldn’t write this way.</p>
+</li>
+<li>
+<p><strong>Since this is a list, I need at least two items.</strong></p>
+<p>I explained what I’m doing already in the previous list item, but a list wouldn’t be a list if it only had one item, and we really want this to look realistic. That’s why I’ve added this second list item so I actually have something to look at when writing the styles.</p>
+</li>
+<li>
+<p><strong>It’s not a bad idea to add a third item either.</strong></p>
+<p>I think it probably would’ve been fine to just use two items but three is definitely not worse, and since I seem to be having no trouble making up arbitrary things to type, I might as well include it.</p>
+</li>
+</ul>
+<p>After this sort of list I usually have a closing statement or paragraph, because it kinda looks weird jumping right to a heading.</p>
+<h2>Code should look okay by default.</h2>
+<p>Here’s what a default <code>tailwind.config.js</code> file looks like at the time of writing:</p>
+<pre class="language-js s-code-block"><code class="language-js s-code-block"><span class="hljs-variable language_">module</span>.<span class="hljs-property">exports</span> = {
+  <span class="hljs-attr">purge</span>: [],
+  <span class="hljs-attr">theme</span>: {
+    <span class="hljs-attr">extend</span>: {},
+  },
+  <span class="hljs-attr">variants</span>: {},
+  <span class="hljs-attr">plugins</span>: [],
+}
+</code></pre>
+<p>Hopefully that looks good enough to you.</p>
+<h3>What about nested lists?</h3>
+<p>Nested lists basically always look bad which is why editors like Medium don’t even let you do it, but I guess since some of you goofballs are going to do it we have to carry the burden of at least making it work.</p>
+<ol>
+<li><strong>Nested lists are rarely a good idea.</strong>
+<ul>
+<li>You might feel like you are being really “organized” or something but you are just creating a gross shape on the screen that is hard to read.</li>
+<li>Nested navigation in UIs is a bad idea too, keep things as flat as possible.</li>
+<li>Nesting tons of folders in your source code is also not helpful.</li>
+</ul>
+</li>
+<li><strong>Since we need to have more items, here’s another one.</strong>
+<ul>
+<li>I’m not sure if we’ll bother styling more than two levels deep.</li>
+<li>Two is already too much, three is guaranteed to be a bad idea.</li>
+<li>If you nest four levels deep you belong in prison.</li>
+</ul>
+</li>
+<li><strong>Two items isn’t really a list, three is good though.</strong>
+<ul>
+<li>Again please don’t nest lists if you want people to actually read your content.</li>
+<li>Nobody wants to look at this.</li>
+<li>I’m upset that we even have to bother styling this.</li>
+</ul>
+</li>
+</ol>
+<p>The most annoying thing about lists in Markdown is that <code>&lt;li&gt;</code> elements aren’t given a child <code>&lt;p&gt;</code> tag unless there are multiple paragraphs in the list item. That means I have to worry about styling that annoying situation too.</p>
+<ul>
+<li>
+<p><strong>For example, here’s another nested list.</strong></p>
+<p>But this time with a second paragraph.</p>
+<ul>
+<li>These list items won’t have <code>&lt;p&gt;</code> tags</li>
+<li>Because they are only one line each</li>
+</ul>
+</li>
+<li>
+<p><strong>But in this second top-level list item, they will.</strong></p>
+<p>This is especially annoying because of the spacing on this paragraph.</p>
+<ul>
+<li>
+<p>As you can see here, because I’ve added a second line, this list item now has a <code>&lt;p&gt;</code> tag.</p>
+<p>This is the second line I’m talking about by the way.</p>
+</li>
+<li>
+<p>Finally here’s another list item so it’s more like a list.</p>
+</li>
+</ul>
+</li>
+<li>
+<p>A closing list item, but with no nested list, because why not?</p>
+</li>
+</ul>
+<p>And finally a sentence to close off this section.</p>
+<h2>There are other elements we need to style</h2>
+<p>I almost forgot to mention links, like <a href="https://stackoverflow.com">Stack Overflow</a>.</p>
+<p>We even included table styles, check it out:</p>
+<div class="s-table-container">
+  <table class="s-table">
+    <thead>
+      <tr>
+        <th>Wrestler</th>
+        <th>Origin</th>
+        <th>Finisher</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td>Bret "The Hitman" Hart</td>
+        <td>Calgary, AB</td>
+        <td>Sharpshooter</td>
+      </tr>
+      <tr>
+        <td>Stone Cold Steve Austin</td>
+        <td>Austin, TX</td>
+        <td>Stone Cold Stunner</td>
+      </tr>
+      <tr>
+        <td>Randy Savage</td>
+        <td>Sarasota, FL</td>
+        <td>Elbow Drop</td>
+      </tr>
+      <tr>
+        <td>Vader</td>
+        <td>Boulder, CO</td>
+        <td>Vader Bomb</td>
+      </tr>
+      <tr>
+        <td>Razor Ramon</td>
+        <td>Chuluota, FL</td>
+        <td>Razor’s Edge</td>
+      </tr>
+    </tbody>
+  </table>
+</div>
+<p>We also need to make sure inline code looks good, like if I wanted to talk about <code>&lt;span&gt;</code> elements.</p>
+<h3>Sometimes I even use <code>code</code> in headings</h3>
+<p>Another thing I’ve done in the past is put a <code>code</code> tag inside of a link, like if I wanted to tell you about the <a href="https://github.com/stackexchange/stacks"><code>stackexchange/stacks</code></a> repository.</p>
+<h3>We still need to think about stacked headings though.</h3>
+<h4>Let’s make sure we don’t screw that up with <code>h4</code> elements, either.</h4>
+<p>Phew, with any luck we have styled the headings above this text and they look pretty good.</p>
+<h5>We should also make sure we're styling <code>h5</code> elements as well.</h5>
+<p>Let’s add a closing paragraph here so things end with a decently sized block of text. I can’t explain why I want things to end that way but I have to assume it’s because I think things will look weird or unbalanced if there is a heading too close to the end of the document.</p>
+<h6>And, finally, an <code>h6</code>.</h6>
+<p>Ultimately, though, we also want to support the <code>h6</code> headers.</p>
+<p>What I’ve written here is probably long enough, but adding this final sentence can’t hurt.</p>
+
+            </div>
+        </div>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="full-markdown-spec">Full Markdown spec</h3><a class="s-btn s-btn__clear" href="#full-markdown-spec"><span class="v-visible-sr">Section titled Full Markdown spec</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">This example includes the full kitchen-sink collection of everything the Markdown spec includes.</p>
+    <div class="docs-preview d-flex fd-column">
+        <div class="ps-sticky bg-white z-popover py16 t64 bb bc-black-200 sm:py8">
+            <button class="s-btn s-btn__tonal" aria-expanded="false" aria-controls="prose-example-full" data-expanded-text="Collapse example" data-collapsed-text="Expand example">
+                Expand example
+            </button>
+        </div>
+        <div id="prose-example-full" class="docs-preview--example hmx4 overflow-scroll js-expandable">
+            <div class="s-prose" role="presentation">
+                <h1>The Comprehensive Formatting Test</h1>
+<h2>Code Formatting</h2>
+<ul>
+<li>Inline code formatting or code spans
+<ul>
+<li>Normal backticks <code>System.out.println("Hello World!");</code>.</li>
+<li>Escaped backticks: <code>for line in `someCommand` </code></li>
+<li>A single backtick character in a line won't form a code block '`'.</li>
+<li>There are two backtick characters ('`') in this line ('`').</li>
+</ul>
+</li>
+<li>Block code formatting</li>
+</ul>
+<pre><code>System.out.println("Hello World!");
+System.out.println("Code Block!");
+</code></pre>
+<pre class="language-html s-code-block"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-progress s-progress__stepped"</span>&gt;</span>
+    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-progress--step is-complete"</span>&gt;</span>
+        <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-progress--stop"</span>&gt;</span>
+            @Svg.CheckmarkSm
+        <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
+        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-progress--bar s-progress--bar__right"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
+        <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-progress--label"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
+    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
+
+    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-progress--step is-complete"</span>&gt;</span>
+        <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"…"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-progress--stop"</span>&gt;</span>
+            @Svg.CheckmarkSm
+        <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
+        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-progress--bar s-progress--bar__left"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
+        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-progress--bar s-progress--bar__right"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
+        <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-progress--label"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
+    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
+
+    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-progress--step is-active"</span>&gt;</span>
+        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-progress--stop"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
+        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-progress--bar s-progress--bar__left"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
+        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-progress--bar s-progress--bar__right"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
+        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-progress--label"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
+    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
+
+    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-progress--step"</span>&gt;</span>
+        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-progress--stop"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
+        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-progress--bar s-progress--bar__left"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
+        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-progress--label"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
+    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
+<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
+</code></pre>
+<ul>
+<li>
+<p>HTML and other markdown are not supported within code spans or code blocks.</p>
+<pre><code>```
+&lt;/code&gt; *Not in code!* &lt;code&gt;
+```
+</code></pre>
+<pre><code>&lt;/code&gt; *Not in code!* &lt;code&gt;
+</code></pre>
+</li>
+</ul>
+<h2>Line Breaks</h2>
+<ul>
+<li>
+<p>This is one line.
+This was intended to be on the next line, but it appears on the same line.</p>
+</li>
+<li>
+<p>This is one paragraph. It has some sentences.</p>
+<p>This is intended to be a second paragraph.</p>
+</li>
+<li>
+<p>This is one line.<br>
+This is intended to be on the next line.</p>
+</li>
+</ul>
+<h2>Italics and Bold</h2>
+<ul>
+<li>
+<p>This is <em>italic</em> text. This is <em>italic</em> too.</p>
+</li>
+<li>
+<p>This is <strong>bold</strong> text. This is <strong>bold</strong> too.</p>
+</li>
+<li>
+<p><em><strong>underscores only</strong></em> and <em><strong>asterisks only</strong></em> and <strong><em>underscore and asterisk</em></strong> and <strong><em>asterisk and underscore</em></strong>.</p>
+</li>
+<li>
+<p><strong><strong>Four!</strong></strong></p>
+</li>
+<li>
+<p><em><strong><strong>Five!</strong></strong></em></p>
+</li>
+<li>
+<p><strong><strong>Two and Two!</strong></strong></p>
+</li>
+<li>
+<p><em><em>One and One!</em></em></p>
+</li>
+</ul>
+<h2>Links</h2>
+<ul>
+<li>
+<p>Inline links:</p>
+<ul>
+<li><a href="https://meta.stackexchange.com">Meta Stack Exchange</a></li>
+<li><a href="https://meta.stackexchange.com" title="TopQuestions">Meta Stack Exchange with tooltip</a></li>
+<li><a href="https://meta.stackexchange.com" title="TopQuestions">Meta Stack Exchange with tooltip</a></li>
+<li><a href="https://meta.stackexchange.com" title="TopQuestions">Meta Stack Exchange with tooltip</a></li>
+<li>[Escaped link to Meta Stack Exchange](https://meta.stackexchange.com)</li>
+<li><a href="https://meta.stackexchange.com">No protocol link to Meta Stack Exchange</a></li>
+</ul>
+</li>
+<li>
+<p>Reference links:</p>
+<ul>
+<li><a href="https://meta.stackexchange.com">Meta Stack Exchange</a></li>
+</ul>
+</li>
+<li>
+<p>Bare URLs</p>
+<ul>
+<li>Bare URLs get turned into links. http://example.com</li>
+<li>Angle brackets force links. <a href="https://www.google.com">https://www.google.com</a></li>
+</ul>
+</li>
+</ul>
+<h2>Images</h2>
+<ul>
+<li>Inline images, similar to links but with leading <code>!</code>:
+<ul>
+<li>A normal image<br>
+<img src="https://i.stack.imgur.com/7I1jg.jpg" alt="An image of a unicorn"></li>
+<li>An image with a tooltip<br>
+<img src="https://i.stack.imgur.com/7I1jg.jpg" alt="An image of a unicorn" title="Unicorn!"></li>
+<li>Escaped image so as to not render the actual image<br>
+![An image of a unicorn](https://i.stack.imgur.com/7I1jg.jpg (Unicorn!))</li>
+</ul>
+</li>
+<li>Reference images:
+<ul>
+<li><img src="https://i.stack.imgur.com/7I1jg.jpg" alt="image of a unicorn"></li>
+</ul>
+</li>
+<li>Image links - surround an image with a link.
+<a href="http://example.com"><img src="https://i.stack.imgur.com/7I1jg.jpg" alt="An image of a unicorn"></a></li>
+<li>A bunch of images in a row
+<img src="https://i.stack.imgur.com/7I1jg.jpg" width="100" alt="a unicorn"><img src="https://i.stack.imgur.com/7I1jg.jpg" width="100" alt="a unicorn"><img src="https://i.stack.imgur.com/7I1jg.jpg" width="100" alt="a unicorn"></li>
+</ul>
+<h2>Headers</h2>
+<ul>
+<li>
+<h1>Heading 1</h1>
+</li>
+<li>
+<h2>Heading 2</h2>
+</li>
+<li>
+<h3>Heading 3</h3>
+</li>
+<li>
+<h4>Heading 4</h4>
+</li>
+<li>
+<h5>Heading 5</h5>
+</li>
+<li>
+<h6>Heading 6</h6>
+</li>
+<li>Escaped <code>#</code> # Not a heading</li>
+<li>
+<h1><em>Italic</em> Header</h1>
+</li>
+</ul>
+<h2>Horizontal Rules</h2>
+<hr>
+<h2>Blockquotes</h2>
+<blockquote>
+<p>A general quote
+With multiple lines</p>
+<p>First level!</p>
+<blockquote>
+<p>Second level!</p>
+<blockquote>
+<p>Third level!</p>
+</blockquote>
+<p>Need blank line and one less
+Spanning a blank line</p>
+</blockquote>
+</blockquote>
+<ul>
+<li>
+<blockquote>
+<p>A quote within a list item</p>
+</blockquote>
+</li>
+<li>
+<p>One can nest blockquotes with multiple <code>&gt;</code> characters.</p>
+<blockquote>
+<p>First level!</p>
+<blockquote>
+<p>Second level!</p>
+<blockquote>
+<p>Third level!</p>
+</blockquote>
+<p>Need blank line and one less &lt; to go back to second.</p>
+</blockquote>
+<p>Same idea for back to first.</p>
+</blockquote>
+</li>
+<li>
+<p>Escape a <code>&gt;</code> character with a backslash.</p>
+<p>&gt; I want a <code>&gt;</code>!</p>
+</li>
+<li>
+<p>Markdown within a blockquote</p>
+<blockquote>
+<p>Enjoy <strong>this</strong> <code>unicorn</code>!</p>
+<p><img src="https://i.stack.imgur.com/7I1jg.jpg" alt="image of a unicorn"></p>
+</blockquote>
+</li>
+<li>
+<p>Code formatting works within a blockquote. Indenting requires 5 spaces: 1 for the blockquote, and 4 for the code indention.</p>
+<blockquote>
+<pre><code>System.out.println("Hello World!");
+</code></pre>
+</blockquote>
+<blockquote>
+<p>Inline: <code>System.out.println("Hello World!");</code></p>
+</blockquote>
+<blockquote>
+<p>Code fence:</p>
+<pre><code>System.out.println("Hello World!");
+</code></pre>
+</blockquote>
+</li>
+</ul>
+<h2>Lists</h2>
+<ul>
+<li>Unordered Lists
+<ul>
+<li>One</li>
+<li>Two</li>
+<li>Three</li>
+</ul>
+</li>
+</ul>
+<ol>
+<li>Ordered Lists
+<ol>
+<li>One</li>
+<li>Two</li>
+<li>Three</li>
+</ol>
+</li>
+</ol>
+<ul>
+<li>Multiple lines within list items: indent 4 spaces, or do we need to?</li>
+</ul>
+<ol>
+<li>Same line
+Continuation of the same line</li>
+<li>Next line
+Not indented</li>
+<li>Next line
+Continuation of the same line</li>
+</ol>
+<ul>
+<li>Nested lists: indent 4 spaces.</li>
+</ul>
+<ol>
+<li>Top level
+<ul>
+<li>Mid level
+<ol>
+<li>Bottom level</li>
+</ol>
+</li>
+<li>Mid level
+<ul>
+<li>Bottom level</li>
+</ul>
+</li>
+</ul>
+</li>
+<li>Top level
+<ol>
+<li>Mid level
+<ul>
+<li>Bottom level</li>
+</ul>
+</li>
+</ol>
+</li>
+</ol>
+<ul>
+<li>
+<p>List item</p>
+<p>List paragraph</p>
+</li>
+<li>
+<p>List item</p>
+<p>List paragraph</p>
+<ul>
+<li>Subitem</li>
+<li>Subitem</li>
+</ul>
+<p>List paragraph</p>
+</li>
+</ul>
+<ul>
+<li>Code within list items: indention requires blank line then 4 additional spaces beyond list indention level.</li>
+</ul>
+<ol>
+<li>
+<p>Top level</p>
+<pre><code>System.out.println("Code fence");
+</code></pre>
+<p>Inline: <code>System.out.println("Inline");</code></p>
+</li>
+</ol>
+<ul>
+<li>Blockquote within list items: blank line then indent 4 spaces.</li>
+</ul>
+<ol>
+<li>Top level
+<blockquote>
+<p>Quote is indented.</p>
+</blockquote>
+</li>
+</ol>
+<h2>Markdown Escapes</h2>
+<p>\ ` * _ { } [ ] ( ) # + - . !</p>
+<h2>Tables</h2>
+<div class="s-table-container">
+    <table class="s-table">
+        <thead>
+            <tr>
+                <th>Syntax</th>
+                <th>Whatever</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr>
+                <td>Title</td>
+                <td>Title</td>
+            </tr>
+            <tr>
+                <td>Title</td>
+                <td>Title</td>
+            </tr>
+        </tbody>
+    </table>
+</div>
+<h2>Strikethrough</h2>
+<p>~~Incorrect~~</p>
+<h2>Spoilers</h2>
+<ul>
+<li>Create a spoiler with <code>&gt;!</code>:</li>
+</ul>
+<blockquote class="spoiler js-spoiler" data-spoiler="Reveal spoiler">
+    <p>Tyler Durden is <a href="#">Luke Skywalker’s</a> father.</p>
+    <p>Keyser Söze was dead the whole time.</p>
+</blockquote>
+<blockquote class="spoiler js-spoiler" data-spoiler="Reveal spoiler">
+    <img src="https://i.stack.imgur.com/7I1jg.jpg" alt="a unicorn" title="Tooltip">
+</blockquote>
+<!-- ## Stack Exchange Extensions to Markdown
+
+### Tags
+
+- Enclose in brackets `[]` and text is prefixed with `tag:`.  Letters get lowercased.  They link to the main site's tag page for that tag.
+
+        [tag:mytag] [tag:UPPERCASE] [tag:with1number]
+
+    [tag:mytag] [tag:UPPERCASE] [tag:with1number]
+
+- Allowed characters: alphanumeric plus limited punctuation: Individual `-`, `#`, and `.` characters are allowed.
+
+        [tag:abcdefghijklmnopqrstuvwxyz-#.ABCEDFGHIJKLMNOPQRSTUVWXYZ0123456789]
+
+    [tag:abcdefghijklmnopqrstuvwxyz-#.ABCEDFGHIJKLMNOPQRSTUVWXYZ0123456789]
+
+    - Leading and trailing `-` are stripped off, but the tag still forms.
+
+            [tag:c-] [tag:c--] [tag:-c] [tag:--c] [tag:-----c] [tag:c-------]
+
+        [tag:c-] [tag:c--] [tag:-c] [tag:--c] [tag:-----c] [tag:c-------]
+
+    - Trailing `.` are stripped off, but the tag still forms.
+
+            [tag:c.] [tag:c..] [tag:.c] [tag:..c] [tag:.....c] [tag:c.......]
+
+        [tag:c.] [tag:c..] [tag:.c] [tag:..c] [tag:.....c] [tag:c.......]
+
+    - Leading `#` are stripped off, but the tag still forms.
+
+            [tag:c#] [tag:c##] [tag:#c] [tag:##c] [tag:#####c] [tag:c#######]
+
+        [tag:c#] [tag:c##] [tag:#c] [tag:##c] [tag:#####c] [tag:c#######]
+
+- The `+` character is allowed, but if they're in the middle, there must be as least 2 of them.
+
+        [tag:abc+def] [tag:abc++def] [tag:abc++++++++++++++++++++def]
+
+    [tag:abc+def] [tag:abc++def] [tag:abc++++++++++++++++++++def]
+
+    - Leading `+` are stripped off, but the tag still forms.
+
+            [tag:c+] [tag:c++] [tag:+c] [tag:++c] [tag:+++++c] [tag:c+++++++]
+
+        [tag:c+] [tag:c++] [tag:+c] [tag:++c] [tag:+++++c] [tag:c+++++++]
+
+- Meta-tags: Use the `meta-tag:` prefix.  They link to the meta site's tag page for that tag.
+
+        [meta-tag:blah]
+
+    [meta-tag:blah]
+
+    - Certain meta tag names are given special styling.
+
+        [meta-tag:bug] [meta-tag:discussion] [meta-tag:feature-request] [meta-tag:support]
+
+        [meta-tag:community-ads] [meta-tag:faq] [meta-tag:featured] [meta-tag:status-bydesign] [meta-tag:status-declined] [meta-tag:status-deferred] [meta-tag:status-completed] [meta-tag:status-norepro] [meta-tag:status-planned] [meta-tag:status-review] [meta-tag:status-reproduced]
+
+- Certain words, regardless of case, don't form tags, regardless of capitalization or whether it's a meta tag.  There are no other words, 4 letters or less, that don't form tags.  The words "and" and "or" won't form tags.  In preview, "not" won't form a tag but the actual post will render it.  The preview renders them as the text is, e.g. `[tag:Or]` but the post will render it `or`.
+
+    ```
+    [tag:an] [tag:and] [tag:AND] [tag:band]
+    [tag:no] [tag:not] [tag:noT] [tag:note]
+    [meta-tag:o] [meta-tag:or] [meta-tag:Or] [meta-tag:ore]
+    [tag:and-not-or]
+    ```
+
+    [tag:an] [tag:and] [tag:AND] [tag:band]
+    [tag:no] [tag:not] [tag:noT] [tag:note]
+    [meta-tag:o] [meta-tag:or] [meta-tag:Or] [meta-tag:ore]
+    [tag:and-not-or]
+
+-->
+<h2>Allowed HTML</h2>
+<p>Only some <a href="https://meta.stackexchange.com/questions/1777/what-html-tags-are-allowed-on-stack-exchange-sites">basic HTML elements are whitelisted</a>.  Also, only some attributes within those tags are whitelisted as well.  If specified, they must be in order!  Those that don't meet these requirements are completely stripped from the content.</p>
+<!-- language-all: lang-html -->
+<ul>
+<li>
+<p><code>&lt;a&gt;</code>: <code>href</code> then <code>title</code></p>
+<p><a href="https//meta.stackexchange.com/" title="Tooltip"><em>Meta Stack Exchange</em></a></p>
+</li>
+<li>
+<p><code>&lt;b&gt;</code> or <code>&lt;strong&gt;</code>: no attributes</p>
+<p><b>Bold</b> and <strong>Strong</strong></p>
+</li>
+<li>
+<p><code>&lt;blockquote&gt;</code>: no attributes</p>
+<blockquote>To be or not to be, that is the question.</blockquote>
+</li>
+<li>
+<p><code>&lt;br&gt;</code>: no attributes</p>
+<p>You can<br>break to<br>the next line.</p>
+</li>
+<li>
+<p><code>&lt;del&gt;</code> or <code>&lt;strike&gt;</code>: no attributes</p>
+<p><del>That's not right.</del> <strike>That's not even wrong.</strike> Correct.</p>
+</li>
+<li>
+<p><code>&lt;dl&gt;</code>, <code>&lt;dt&gt;</code>, and <code>&lt;dd&gt;</code>: no attributes</p>
+  <dl>
+    <dt>SO</dt>
+    <dd>Stack Overflow</dd>
+    <dt>SE</dt>
+    <dd>Stack Exchange</dd>
+  </dl>
+</li>
+<li>
+<p><code>&lt;em&gt;</code> or <code>&lt;i&gt;</code>: no attributes</p>
+<p><em>Emphasis</em> and <i>Italic</i></p>
+</li>
+<li>
+<p><code>&lt;h1&gt;</code>, <code>&lt;h2&gt;</code>, and <code>&lt;h3&gt;</code>: no attributes</p>
+<h1>Header One</h1>
+<h2>Header Two</h2>
+<h3>Header Three</h3>
+<h4>Header Four</h4>
+<h5>Header Five</h5>
+<h6>Header Six</h6>
+</li>
+<li>
+<p><code>&lt;hr&gt;</code>: no attributes</p>
+<hr>
+</li>
+<li>
+<p><code>&lt;img&gt;</code>: <code>src</code> then <code>width</code> then <code>height</code> then <code>alt</code> then <code>title</code></p>
+<img src="https://i.stack.imgur.com/7I1jg.jpg" alt="a unicorn" title="Tooltip">
+<ul>
+<li>
+<p>Specifying one of <code>width</code> or <code>height</code> scales the image; must specify both to change the aspect ratio.  They can't be <code>px</code> and they max out at 999.</p>
+<img src="https://i.stack.imgur.com/7I1jg.jpg" width="999" alt="a unicorn">
+<img src="https://i.stack.imgur.com/7I1jg.jpg" width="100" alt="a unicorn">
+<img src="https://i.stack.imgur.com/7I1jg.jpg" height="999" alt="a unicorn">
+<img src="https://i.stack.imgur.com/7I1jg.jpg" width="999" height="100" alt="a unicorn">
+<img src="https://i.stack.imgur.com/7I1jg.jpg" width="100" height="999" alt="a unicorn">
+<ul>
+<li>
+<p>Animated gifs are supported</p>
+<img src="https://i.stack.imgur.com/AXtId.gif" alt="waffles">
+</li>
+</ul>
+</li>
+</ul>
+</li>
+<li>
+<p><code>&lt;kbd&gt;</code>: no attributes</p>
+<p><kbd>abcdefghijklmnopqrstuvwxyz!@#$%^&amp;*()-_=+`~[{]}|;:'",&lt;.&gt;/?0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ</kbd></p>
+<ul>
+<li>
+<p>Nested <code>&lt;kbd&gt;</code> elements are allowed.</p>
+<p><kbd>Outer<kbd>Nested</kbd></kbd></p>
+</li>
+</ul>
+</li>
+<li>
+<p><code>&lt;ol&gt;</code> or <code>&lt;ul&gt;</code> with <code>&lt;li&gt;</code>: <code>&lt;ol&gt;</code> can have <code>start</code></p>
+<pre><code>&lt;ol&gt;&lt;li&gt;First&lt;/li&gt;&lt;li&gt;Second&lt;/li&gt;&lt;/ol&gt; &lt;ul&gt;&lt;li&gt;Something&lt;/li&gt;&lt;li&gt;Else&lt;/li&gt;&lt;/ul&gt;
+</code></pre>
+  <ol><li>First</li><li>Second</li></ol> <ul><li>Something</li><li>Else</li></ul>
+<ul>
+<li>
+<p>Start at desired number up to 2<sup>31</sup> - 1.</p>
+<pre><code>&lt;ol start="2147483647"&gt;&lt;li&gt;First&lt;/li&gt;&lt;/ol&gt;
+</code></pre>
+  <ol start="2147483647"><li>First</li></ol>
+</li>
+</ul>
+</li>
+<li>
+<p><code>&lt;p&gt;</code>: no attributes</p>
+<pre><code>&lt;p&gt;Paragraph1&lt;/p&gt;&lt;p&gt;Paragraph2&lt;/p&gt;
+</code></pre>
+  <p>Paragraph1</p><p>Paragraph2</p>
+</li>
+<li>
+<p><code>&lt;pre&gt;</code>: no attributes</p>
+<pre><code>&lt;pre&gt;System.out.println("Hello World!");&lt;/pre&gt;
+</code></pre>
+  <pre>System.out.println("Hello World!");</pre>
+</li>
+<li>
+<p><code>&lt;sup&gt;</code> and <code>&lt;sub&gt;</code>: no attributes</p>
+<pre><code>x&lt;sup&gt;2&lt;/sup&gt; + A&lt;sub&gt;0&lt;/sub&gt;
+</code></pre>
+<p>x<sup>2</sup> + A<sub>0</sub></p>
+<ul>
+<li>
+<p>They can be nested.</p>
+<pre><code>a&lt;sup&gt;b&lt;sup&gt;c&lt;sup&gt;d&lt;sub&gt;e&lt;sup&gt;f&lt;/sup&gt;&lt;/sub&gt;&lt;/sup&gt;&lt;/sup&gt;&lt;/sup&gt;
+</code></pre>
+<p>a<sup>b<sup>c<sup>d<sub>e<sup>f</sup></sub></sup></sup></sup></p>
+</li>
+</ul>
+</li>
+<li>
+<p>Escape your <code>&lt;&gt;</code></p>
+<pre><code>HashMap&lt;String, Object&gt;
+</code></pre>
+<p>HashMap&lt;String, Object&gt;</p>
+<pre><code>`HashMap&lt;String, Object&gt;`
+</code></pre>
+<p><code>HashMap&lt;String, Object&gt;</code></p>
+<pre><code>HashMap&amp;lt;String, Object&amp;gt;
+</code></pre>
+<p>HashMap&lt;String, Object&gt;</p>
+</li>
+</ul>
+<h2>Unicode</h2>
+<h3>Emojis</h3>
+<p>☺🐉</p>
+<h3>Right-to-left</h3>
+<p>‮ABCDEF</p>
+<h3>Superscript, subscript, strikeout</h3>
+<p>ᵃᵉⁱᵒᵘ ₐₑᵢₒᵤ s̶t̶r̶i̶k̶e̶o̶u̶t̶</p>
+<h3>Zalgo</h3>
+<p>Z̸̧̦̥͔̻̞̟͔͒̓̄̓͐͆͋̃̅͆̓͘̚͝͝à̷̛̜͇̺̖̯̭͓̱̱̣̺̲̪̰l̷̢̳̤̮͈͎̩̱̳̱̱̞͆͂̽̀̃͒̿̄̅͊͘͘̚͠͝ͅg̷͙͋o̶̧̩̓̓͌̄͊͐̓̇̏͝ ̶̛͚͖͍̦͕̞͈͆̋̓̈̏̈̓̊̅͆͘͜t̸̬̮̖̖͙͔̮͊̔͊͌́̈́͒̇͒̽̑̎̚̕͠ė̶̖̰̬͙͙̇̈͌͘͜͜x̴͔̎t̶̖́̒̏͒͌̈́̏͊̒̉ͅ ̵̨͍̬͔̼̣̘̖͍͖̘͍͋̑͛̂̾̋ḧ̸̡̘̬̲̣̺́́̿̀̈ͅé̷̦̰̻̤̲̺̠̏͒̉͛̍͌̍ͅr̶̩̯̱̜͆̌̾͌̑̇̊͒̃̀̽̍̚é̴̜̉̇̿̈́͌̕.̸̢̱͔̲̫̇͌̽̌͂͊͊̈́̇</p>
+
+            </div>
+        </div>
+    </div>
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="sizing">Sizing</h2><a class="s-btn s-btn__clear" href="#sizing"><span class="v-visible-sr">Section titled Sizing</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="small">Small</h3><a class="s-btn s-btn__clear" href="#small"><span class="v-visible-sr">Section titled Small</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">In ancilliary content like comments or side-discussions, it may be appropriate to add the small variation.</p>
+    <div class="docs-preview d-flex fd-column">
+        <div class="ps-sticky bg-white z-popover py16 t64 bb bc-black-200 sm:py8 mbn1">
+            <button class="s-btn s-btn__tonal" aria-expanded="false" aria-controls="prose-example-small" data-expanded-text="Collapse example" data-collapsed-text="Expand example">
+                Expand example
+            </button>
+        </div>
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-prose s-prose__sm"</span>&gt;</span><br>    …<br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div id="prose-example-small" class="docs-preview--example hmx4 overflow-scroll js-expandable">
+            <div class="s-prose s-prose__sm" role="presentation">
+                <p>Stacks adds a new <code>s-prose</code> class that you can slap on any block of vanilla HTML content and turn it into a beautiful, well-formatted document:</p>
+<pre class="language-html s-code-block"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">article</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-prose"</span>&gt;</span>
+  <span class="hljs-tag">&lt;<span class="hljs-name">h1</span>&gt;</span>Garlic bread with cheese: What the science tells us<span class="hljs-tag">&lt;/<span class="hljs-name">h1</span>&gt;</span>
+  <span class="hljs-tag">&lt;<span class="hljs-name">p</span>&gt;</span>
+    For years parents have espoused the health benefits of eating garlic bread with cheese to their
+    children, with the food earning such an iconic status in our culture that kids will often dress
+    up as warm, cheesy loaf for Halloween.
+  <span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span>
+  <span class="hljs-tag">&lt;<span class="hljs-name">p</span>&gt;</span>
+    But a recent study shows that the celebrated appetizer may be linked to a series of rabies cases
+    springing up around the country.
+  <span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span>
+  <span class="hljs-comment">&lt;!-- ... --&gt;</span>
+<span class="hljs-tag">&lt;/<span class="hljs-name">article</span>&gt;</span>
+</code></pre>
+<h2>What to expect from here on out</h2>
+<p>What follows from here is just a bunch of absolute nonsense we’ve written to dogfood the component itself. It includes every sensible typographic element we could think of, like <strong>bold text</strong>, unordered lists, ordered lists, code blocks, block quotes, <em>and even italics</em>.</p>
+<p>It’s important to cover all of these use cases for a few reasons:</p>
+<ol>
+<li>We want everything to look good out of the box.</li>
+<li>Really just the first reason, that’s the whole point of the plugin.</li>
+<li>Here’s a third pretend reason though a list with three items looks more realistic than a list with two items.</li>
+</ol>
+<p>Now we’re going to try out another header style.</p>
+<h3>Typography should be easy</h3>
+<p>So that’s a header for you—with any luck if we’ve done our job correctly that will look pretty reasonable.</p>
+<p>Something a wise person once told me about typography is:</p>
+<blockquote>
+<p>Typography is pretty important if you don’t want your stuff to look like trash. Make it good then it won’t be bad.</p>
+</blockquote>
+<p>It’s probably important that images look okay here by default as well:</p>
+<p><img src="https://images.unsplash.com/photo-1556740758-90de374c12ad?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=crop&amp;w=1000&amp;q=80" alt="two people performing a transaction at a counter on either side of a point of sale system in a trendy salon"></p>
+<p>Now I’m going to show you an example of an unordered list to make sure that looks good, too:</p>
+<ul>
+<li>So here is the first item in this list.</li>
+<li>In this example we’re keeping the items short.</li>
+<li>Later, we’ll use longer, more complex list items.</li>
+</ul>
+<p>And that’s the end of this section.</p>
+<h2>What if we stack headings?</h2>
+<h3>We should make sure that looks good, too.</h3>
+<p>Sometimes you have headings directly underneath each other. In those cases you often have to undo the top margin on the second heading because it usually looks better for the headings to be closer together than a paragraph followed by a heading should be.</p>
+<h3>When a heading comes after a paragraph …</h3>
+<p>When a heading comes after a paragraph, we need a bit more space, like I already mentioned above. Now let’s see what a more complex list would look like.</p>
+<ul>
+<li>
+<p><strong>I often do this thing where list items have headings.</strong></p>
+<p>For some reason I think this looks cool which is unfortunate because it’s pretty annoying to get the styles right.</p>
+<p>I often have two or three paragraphs in these list items, too, so the hard part is getting the spacing between the paragraphs, list item heading, and separate list items to all make sense. Pretty tough honestly, you could make a strong argument that you just shouldn’t write this way.</p>
+</li>
+<li>
+<p><strong>Since this is a list, I need at least two items.</strong></p>
+<p>I explained what I’m doing already in the previous list item, but a list wouldn’t be a list if it only had one item, and we really want this to look realistic. That’s why I’ve added this second list item so I actually have something to look at when writing the styles.</p>
+</li>
+<li>
+<p><strong>It’s not a bad idea to add a third item either.</strong></p>
+<p>I think it probably would’ve been fine to just use two items but three is definitely not worse, and since I seem to be having no trouble making up arbitrary things to type, I might as well include it.</p>
+</li>
+</ul>
+<p>After this sort of list I usually have a closing statement or paragraph, because it kinda looks weird jumping right to a heading.</p>
+<h2>Code should look okay by default.</h2>
+<p>Here’s what a default <code>tailwind.config.js</code> file looks like at the time of writing:</p>
+<pre class="language-js s-code-block"><code class="language-js s-code-block"><span class="hljs-variable language_">module</span>.<span class="hljs-property">exports</span> = {
+  <span class="hljs-attr">purge</span>: [],
+  <span class="hljs-attr">theme</span>: {
+    <span class="hljs-attr">extend</span>: {},
+  },
+  <span class="hljs-attr">variants</span>: {},
+  <span class="hljs-attr">plugins</span>: [],
+}
+</code></pre>
+<p>Hopefully that looks good enough to you.</p>
+<h3>What about nested lists?</h3>
+<p>Nested lists basically always look bad which is why editors like Medium don’t even let you do it, but I guess since some of you goofballs are going to do it we have to carry the burden of at least making it work.</p>
+<ol>
+<li><strong>Nested lists are rarely a good idea.</strong>
+<ul>
+<li>You might feel like you are being really “organized” or something but you are just creating a gross shape on the screen that is hard to read.</li>
+<li>Nested navigation in UIs is a bad idea too, keep things as flat as possible.</li>
+<li>Nesting tons of folders in your source code is also not helpful.</li>
+</ul>
+</li>
+<li><strong>Since we need to have more items, here’s another one.</strong>
+<ul>
+<li>I’m not sure if we’ll bother styling more than two levels deep.</li>
+<li>Two is already too much, three is guaranteed to be a bad idea.</li>
+<li>If you nest four levels deep you belong in prison.</li>
+</ul>
+</li>
+<li><strong>Two items isn’t really a list, three is good though.</strong>
+<ul>
+<li>Again please don’t nest lists if you want people to actually read your content.</li>
+<li>Nobody wants to look at this.</li>
+<li>I’m upset that we even have to bother styling this.</li>
+</ul>
+</li>
+</ol>
+<p>The most annoying thing about lists in Markdown is that <code>&lt;li&gt;</code> elements aren’t given a child <code>&lt;p&gt;</code> tag unless there are multiple paragraphs in the list item. That means I have to worry about styling that annoying situation too.</p>
+<ul>
+<li>
+<p><strong>For example, here’s another nested list.</strong></p>
+<p>But this time with a second paragraph.</p>
+<ul>
+<li>These list items won’t have <code>&lt;p&gt;</code> tags</li>
+<li>Because they are only one line each</li>
+</ul>
+</li>
+<li>
+<p><strong>But in this second top-level list item, they will.</strong></p>
+<p>This is especially annoying because of the spacing on this paragraph.</p>
+<ul>
+<li>
+<p>As you can see here, because I’ve added a second line, this list item now has a <code>&lt;p&gt;</code> tag.</p>
+<p>This is the second line I’m talking about by the way.</p>
+</li>
+<li>
+<p>Finally here’s another list item so it’s more like a list.</p>
+</li>
+</ul>
+</li>
+<li>
+<p>A closing list item, but with no nested list, because why not?</p>
+</li>
+</ul>
+<p>And finally a sentence to close off this section.</p>
+<h2>There are other elements we need to style</h2>
+<p>I almost forgot to mention links, like <a href="https://stackoverflow.com">Stack Overflow</a>.</p>
+<p>We even included table styles, check it out:</p>
+<div class="s-table-container">
+  <table class="s-table">
+    <thead>
+      <tr>
+        <th>Wrestler</th>
+        <th>Origin</th>
+        <th>Finisher</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td>Bret "The Hitman" Hart</td>
+        <td>Calgary, AB</td>
+        <td>Sharpshooter</td>
+      </tr>
+      <tr>
+        <td>Stone Cold Steve Austin</td>
+        <td>Austin, TX</td>
+        <td>Stone Cold Stunner</td>
+      </tr>
+      <tr>
+        <td>Randy Savage</td>
+        <td>Sarasota, FL</td>
+        <td>Elbow Drop</td>
+      </tr>
+      <tr>
+        <td>Vader</td>
+        <td>Boulder, CO</td>
+        <td>Vader Bomb</td>
+      </tr>
+      <tr>
+        <td>Razor Ramon</td>
+        <td>Chuluota, FL</td>
+        <td>Razor’s Edge</td>
+      </tr>
+    </tbody>
+  </table>
+</div>
+<p>We also need to make sure inline code looks good, like if I wanted to talk about <code>&lt;span&gt;</code> elements.</p>
+<h3>Sometimes I even use <code>code</code> in headings</h3>
+<p>Another thing I’ve done in the past is put a <code>code</code> tag inside of a link, like if I wanted to tell you about the <a href="https://github.com/stackexchange/stacks"><code>stackexchange/stacks</code></a> repository.</p>
+<h3>We still need to think about stacked headings though.</h3>
+<h4>Let’s make sure we don’t screw that up with <code>h4</code> elements, either.</h4>
+<p>Phew, with any luck we have styled the headings above this text and they look pretty good.</p>
+<h5>We should also make sure we're styling <code>h5</code> elements as well.</h5>
+<p>Let’s add a closing paragraph here so things end with a decently sized block of text. I can’t explain why I want things to end that way but I have to assume it’s because I think things will look weird or unbalanced if there is a heading too close to the end of the document.</p>
+<h6>And, finally, an <code>h6</code>.</h6>
+<p>Ultimately, though, we also want to support the <code>h6</code> headers.</p>
+<p>What I’ve written here is probably long enough, but adding this final sentence can’t hurt.</p>
+
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Additional javascript -->
+<script>
+    document.querySelectorAll('.js-expandable').forEach((expandable) => {
+        const id = expandable.id;
+        if (!id) return;
+
+        const button = document.querySelector(`[aria-controls="${id}"]`);
+        if (!button) return;
+
+        const expandedText = button.getAttribute('data-expanded-text');
+        const collapsedText = button.getAttribute('data-collapsed-text');
+
+        button.addEventListener('click', () => {
+            expandable.classList.toggle('hmx4');
+            expandable.classList.toggle('overflow-scroll');
+            const isExpanded = !expandable.classList.contains('hmx4');
+            button.setAttribute('aria-expanded', isExpanded);
+            button.classList.toggle('is-selected', isExpanded);
+            const newText = isExpanded ? expandedText : collapsedText;
+            if (newText !== null) button.textContent = newText;
+        });
+    });
+</script></div>
+
+            <!-- <div class="d-flex my48 pt24">
+                <div class="mr16">
+                    
+                    <form
+                        id="quick-positive-feedback-prose"
+                        class="js-feedback-form v-hidden"
+                        name="quick-positive-feedback-prose"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <form
+                        id="quick-negative-feedback-prose"
+                        class="js-feedback-form v-hidden"
+                        name="quick-negative-feedback-prose"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-positive"
+                        role="tooltip">
+                        <div class="s-popover--content">This page is useful</div>
+                    </div>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-negative"
+                        role="tooltip">
+                        <div class="s-popover--content">This page needs improvement</div>
+                    </div>
+                    <div id="vote-feedback" class="s-vote">
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-positive-feedback-prose"
+                            aria-describedby="tooltip-feedback-positive"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUp" aria-hidden="true"><path d="M10 3q.41.02.64.36l6.9 11.5a.75.75 0 1 1-1.28.78L10 5.21l-5.58 9.3h8.04v-.01h1.1l.97 1.5H3.1a.75.75 0 0 1-.65-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUpFill" aria-hidden="true"><path d="M10 3h.1a1 1 0 0 1 .42.21l.12.15 6.9 11.5.05.09v.03l.02.04q.04.12.04.26v.03q0 .13-.07.25v.02l-.03.04a1 1 0 0 1-.2.23l-.06.05-.04.01-.04.03-.04.01a1 1 0 0 1-.27.05H3a.75.75 0 0 1-.55-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="v-visible-sr">upvote</span>
+                        </button>
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-negative-feedback-prose"
+                            aria-describedby="tooltip-feedback-negative"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDown" aria-hidden="true"><path d="M10 16a.8.8 0 0 1-.64-.36l-6.9-11.5a.75.75 0 1 1 1.28-.78L10 13.8l5.58-9.3H6.44L5.47 3H16.9a.75.75 0 0 1 .65 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDownFill" aria-hidden="true"><path d="M10 16h-.1l-.1-.02a.8.8 0 0 1-.45-.34l-6.9-11.5-.04-.08-.01-.04L2.39 4a1 1 0 0 1-.04-.26V3.7q0-.14.06-.26l.01-.02.02-.04a1 1 0 0 1 .27-.27l.03-.02.05-.02.04-.02A1 1 0 0 1 3.1 3H17a.75.75 0 0 1 .54 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="v-visible-sr">downvote</span>
+                        </button>
+                    </div>
+                </div>
+
+                <form
+                    class="w100 js-feedback-form"
+                    name="feedback-prose"
+                    method="POST"
+                    data-netlify="true"
+                    action="/success">
+                    <fieldset class="d-flex fd-column fl-grow1 g16">
+                        <legend class="fs-title fw-bold">How’d we do?</legend>
+                        <div class="fs-body2">Anonymously upvote, downvote, or send additional feedback below.</div>
+
+                        <textarea
+                            class="s-textarea hmn1"
+                            id="feedback-form"
+                            name="additional-feedback"
+                            placeholder="Tell us how we can improve this page…" required></textarea>
+
+                        <div class="d-flex ai-center fd-row-reverse g8 jc-space-between mln6 sm:d-grid sm:grid__1 sm:ml0">
+                            <button
+                                type="submit"
+                                class="s-btn as-start fl-shrink0">
+                                Send feedback
+                            </button>
+                            <div class="d-flex fw-wrap g8 sm:d-grid sm:grid__1">
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/edit/develop/packages/stacks-docs/./product/components/prose.html"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    <svg aria-hidden="true" class="svg-icon iconPencilSm" width="14" height="14"  viewBox="0 0 14 14"><path fill="#F1B600" d="m2 10.12 6.37-6.43 1.88 1.88L3.88 12H2z"/><path fill="#E87C87" d="m11.1 1.71 1.13 1.12c.2.2.2.51 0 .71L11.1 4.7 9.21 2.86l1.17-1.15c.2-.2.51-.2.71 0"/></svg>
+                                    Edit
+                                </a>
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/issues/new/choose"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    File an issue
+                                </a>
+                            </div>
+                        </div>
+                    </fieldset>
+                </form>
+            </div> -->
+
+            <!-- <div class="ta-right">
+                <a href="https://www.netlify.com"><img src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg" alt="Deploys by Netlify" /></a>
+            </div> -->
+        
\ No newline at end of file
diff --git a/packages/stacks-docs-next/static/legacy/fragments/product/components/sidebar-widgets/fragment.html b/packages/stacks-docs-next/static/legacy/fragments/product/components/sidebar-widgets/fragment.html
new file mode 100644
index 0000000000..8c37763a46
--- /dev/null
+++ b/packages/stacks-docs-next/static/legacy/fragments/product/components/sidebar-widgets/fragment.html
@@ -0,0 +1,366 @@
+
+            <div class="d-flex ai-start jc-space-between">
+                <!-- <h1 class="fs-display1 mb0">Sidebar widgets</h1> -->
+
+                
+                    <p class="docs-copy fc-black-500 fs-title mb0">Sidebar widgets are flexible containers that provide a lot of patterns that are helpful in a variety of sidebar uses.</p>
+                
+                
+                
+            </div>
+            
+            <div class="mt32">
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="classes">Classes</h2><a class="s-btn s-btn__clear" href="#classes"><span class="v-visible-sr">Section titled Classes</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    
+    
+    
+    
+    
+
+
+    
+
+
+
+
+
+
+    
+
+
+    
+
+
+
+
+    
+
+
+    
+
+
+
+    
+
+
+
+    
+
+
+<div id="docs-table" class="overflow-x-auto s-anchors s-anchors__underlined" tabindex="0">
+    <table class="docs-table s-table s-table__bx-simple">
+        <thead>
+            <tr>
+                
+                    <th scope="col" class="s-table--cell4">
+                        Class
+                    </th>
+                
+                
+                    <th scope="col" class="s-table--cell3">
+                        Parent
+                    </th>
+                
+                
+                
+                    <th scope="col" class="">
+                        Description
+                    </th>
+                
+            </tr>
+        </thead>
+        <tbody class="fs-caption">
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-sidebarwidget</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                <em class="fc-black-350">N/A</em>
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>Base sidebar widget style.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-sidebarwidget--content</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-sidebarwidget</code>
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>Container for the sidebar widget content.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-sidebarwidget--header</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-sidebarwidget</code>
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>Container for the sidebar widget header.</td>
+                    
+                </tr>
+            
+                <tr>
+                    
+                        <td>
+                            
+                                
+                                    <code>.s-sidebarwidget--footer</code>
+                                
+                                
+                            
+                        </td>
+                    
+                    
+                        <td>
+                            
+                                
+                                
+                                    <code>.s-sidebarwidget</code>
+                                
+                            
+                        </td>
+                    
+                    
+                    
+                        <td>Container for the sidebar widget footer.</td>
+                    
+                </tr>
+            
+        </tbody>
+    </table>
+</div>
+
+
+<!-- Reset all default values -->
+
+
+
+
+
+
+
+
+
+
+
+
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="basic-style">Basic style</h2><a class="s-btn s-btn__clear" href="#basic-style"><span class="v-visible-sr">Section titled Basic style</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <p class="docs-copy">
+        In its simplest form, <code>.s-sidebarwidget</code> is comprised of a <code>.s-sidebarwidget--content</code> section and optional <code>.s-sidebarwidget--header</code> and <code>.s-sidebarwidget--footer</code> sections.
+        Together these classes create a widget with appropriate inner spacing for you to put whatever you want into it.
+    </p>
+
+    <div class="s-notice s-anchors s-anchors__inherit s-anchors__underlined s-notice__info mb16"><span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconInfo" aria-hidden="true"><path d="M17.33 4.64a9.08 9.08 0 0 1-12.7 12.7l1.08-1.09A7.58 7.58 0 0 0 16.25 5.71zM10 .92c2.47 0 4.7.98 6.34 2.58l-1.06 1.06A7.58 7.58 0 0 0 4.56 15.28L3.5 16.34A9.08 9.08 0 0 1 10 .91"></path><path d="M10.76 15h-2V8h2zm0-8h-2V5h2z"></path></svg></span><span>
+        <span>By default the content is a flex container. If you require <code>display: block</code> instead, add the <code>d-block</code> class.</span>
+    </span></div>
+
+    <div class="s-notice s-anchors s-anchors__inherit s-anchors__underlined s-notice__warning mb16"><span class="s-notice--icon"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconAlert" aria-hidden="true"><path d="M10 2q.41.01.64.37l8.76 14.58a.75.75 0 0 1-.65 1.14H1.25a.75.75 0 0 1-.65-1.14L9.36 2.37l.05-.09A.8.8 0 0 1 10 2M2.57 16.6h14.86L10 4.2zM11 15.52H9v-2h2zm0-2.97H9v-5.5h2z"></path></svg></span><span>
+        <span>
+            The examples of s-sidebarwidget--header are shown with h2 elements, but the appropriate heading level may differ depending on context. 
+            Please use the appropriate heading level for your context to ensure heading levels only increase by 1.
+        </span>
+    </span></div>
+
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-sidebarwidget"</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-sidebarwidget--header"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">h2</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">h2</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-btn s-btn__xs s-btn__clear s-sidebarwidget--action"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-sidebarwidget--content"</span>&gt;</span><br>        …<br>        <span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-btn s-btn__tonal s-sidebarwidget--action"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-sidebarwidget--footer"</span>&gt;</span><br>        <span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"s-btn s-btn__tonal s-sidebarwidget--action"</span>&gt;</span>…<span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></code></pre>
+        <div class="docs-preview--example overflow-x-auto d-flex fd-column">
+            <div class="s-sidebarwidget wmx3 as-center">
+                <div class="s-sidebarwidget--header">
+                    <div class="mr8"><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconAward" aria-hidden="true"><path d="M10 1a6 6 0 0 1 4 10.47v5.85a.75.75 0 0 1-1.12.66L10 16.36l-2.88 1.62A.75.75 0 0 1 6 17.32v-5.85A5.98 5.98 0 0 1 10 1m0 1.5a4.5 4.5 0 1 0 1 8.88v1.53a6 6 0 0 1-3.5-.46v3.6l2.13-1.2q.36-.2.74 0l2.13 1.2v-5.31A4.5 4.5 0 0 0 10 2.5M12.83 7 10 9.83 7.17 7 10 4.17z"></path></svg></div>
+                    <h2>Community Achievements</h2>
+                    <a href="#" class="s-btn s-btn__xs s-btn__clear s-sidebarwidget--action">
+                        <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconPlus mr4" aria-hidden="true"><path d="M10.5 17.5H9v-7H2V9h7V2h1.5zm7-7H12V9h5.5z"></path></svg>Track
+                    </a>
+                </div>
+                <div class="s-sidebarwidget--content">
+                    <span>You’ve earned 3 new badges this week! Keep contributing to unlock more achievements and privileges within the community.</span>
+                    <button class="s-btn s-btn__tonal s-sidebarwidget--action">View all badges</button>
+                </div>
+                <div class="s-sidebarwidget--footer">
+                    <button class="s-btn s-btn__tonal s-sidebarwidget--action">See your progress</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+<script type="text/javascript">
+    document.addEventListener('DOMContentLoaded', function() {
+        // Kill default behavior on empty links
+        document.querySelectorAll("a[href='#']").forEach(function(link) {
+            link.addEventListener("click", function(e) {
+                e.preventDefault();
+                e.stopPropagation();
+            });
+        });
+    });
+</script>
+</section></div>
+
+            <!-- <div class="d-flex my48 pt24">
+                <div class="mr16">
+                    
+                    <form
+                        id="quick-positive-feedback-sidebar-widgets"
+                        class="js-feedback-form v-hidden"
+                        name="quick-positive-feedback-sidebar-widgets"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <form
+                        id="quick-negative-feedback-sidebar-widgets"
+                        class="js-feedback-form v-hidden"
+                        name="quick-negative-feedback-sidebar-widgets"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-positive"
+                        role="tooltip">
+                        <div class="s-popover--content">This page is useful</div>
+                    </div>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-negative"
+                        role="tooltip">
+                        <div class="s-popover--content">This page needs improvement</div>
+                    </div>
+                    <div id="vote-feedback" class="s-vote">
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-positive-feedback-sidebar-widgets"
+                            aria-describedby="tooltip-feedback-positive"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUp" aria-hidden="true"><path d="M10 3q.41.02.64.36l6.9 11.5a.75.75 0 1 1-1.28.78L10 5.21l-5.58 9.3h8.04v-.01h1.1l.97 1.5H3.1a.75.75 0 0 1-.65-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUpFill" aria-hidden="true"><path d="M10 3h.1a1 1 0 0 1 .42.21l.12.15 6.9 11.5.05.09v.03l.02.04q.04.12.04.26v.03q0 .13-.07.25v.02l-.03.04a1 1 0 0 1-.2.23l-.06.05-.04.01-.04.03-.04.01a1 1 0 0 1-.27.05H3a.75.75 0 0 1-.55-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="v-visible-sr">upvote</span>
+                        </button>
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-negative-feedback-sidebar-widgets"
+                            aria-describedby="tooltip-feedback-negative"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDown" aria-hidden="true"><path d="M10 16a.8.8 0 0 1-.64-.36l-6.9-11.5a.75.75 0 1 1 1.28-.78L10 13.8l5.58-9.3H6.44L5.47 3H16.9a.75.75 0 0 1 .65 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDownFill" aria-hidden="true"><path d="M10 16h-.1l-.1-.02a.8.8 0 0 1-.45-.34l-6.9-11.5-.04-.08-.01-.04L2.39 4a1 1 0 0 1-.04-.26V3.7q0-.14.06-.26l.01-.02.02-.04a1 1 0 0 1 .27-.27l.03-.02.05-.02.04-.02A1 1 0 0 1 3.1 3H17a.75.75 0 0 1 .54 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="v-visible-sr">downvote</span>
+                        </button>
+                    </div>
+                </div>
+
+                <form
+                    class="w100 js-feedback-form"
+                    name="feedback-sidebar-widgets"
+                    method="POST"
+                    data-netlify="true"
+                    action="/success">
+                    <fieldset class="d-flex fd-column fl-grow1 g16">
+                        <legend class="fs-title fw-bold">How’d we do?</legend>
+                        <div class="fs-body2">Anonymously upvote, downvote, or send additional feedback below.</div>
+
+                        <textarea
+                            class="s-textarea hmn1"
+                            id="feedback-form"
+                            name="additional-feedback"
+                            placeholder="Tell us how we can improve this page…" required></textarea>
+
+                        <div class="d-flex ai-center fd-row-reverse g8 jc-space-between mln6 sm:d-grid sm:grid__1 sm:ml0">
+                            <button
+                                type="submit"
+                                class="s-btn as-start fl-shrink0">
+                                Send feedback
+                            </button>
+                            <div class="d-flex fw-wrap g8 sm:d-grid sm:grid__1">
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/edit/develop/packages/stacks-docs/./product/components/sidebar-widgets.html"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    <svg aria-hidden="true" class="svg-icon iconPencilSm" width="14" height="14"  viewBox="0 0 14 14"><path fill="#F1B600" d="m2 10.12 6.37-6.43 1.88 1.88L3.88 12H2z"/><path fill="#E87C87" d="m11.1 1.71 1.13 1.12c.2.2.2.51 0 .71L11.1 4.7 9.21 2.86l1.17-1.15c.2-.2.51-.2.71 0"/></svg>
+                                    Edit
+                                </a>
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/issues/new/choose"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    File an issue
+                                </a>
+                            </div>
+                        </div>
+                    </fieldset>
+                </form>
+            </div> -->
+
+            <!-- <div class="ta-right">
+                <a href="https://www.netlify.com"><img src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg" alt="Deploys by Netlify" /></a>
+            </div> -->
+        
\ No newline at end of file
diff --git a/packages/stacks-docs-next/static/legacy/fragments/product/foundation/theming/fragment.html b/packages/stacks-docs-next/static/legacy/fragments/product/foundation/theming/fragment.html
new file mode 100644
index 0000000000..8ac219fa19
--- /dev/null
+++ b/packages/stacks-docs-next/static/legacy/fragments/product/foundation/theming/fragment.html
@@ -0,0 +1,1023 @@
+
+            <div class="d-flex ai-start jc-space-between">
+                <!-- <h1 class="fs-display1 mb0">Theming</h1> -->
+
+                
+                    <p class="docs-copy fc-black-500 fs-title mb0">Stacks provides a robust theming API to handle theming in various contexts.</p>
+                
+                
+                
+            </div>
+            
+            <div class="mt32">
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="default-theme-stops">Default theme stops</h2><a class="s-btn s-btn__clear" href="#default-theme-stops"><span class="v-visible-sr">Section titled Default theme stops</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Stacks provides primary and secondary theme stops that can be overridden in your custom theme.</p>
+
+    
+        
+            <div class="d-grid g24 mt16 mb32" style="grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));">
+                
+                    
+                    
+                        <div>
+                            <h3>Theme primary</h3>
+                            <div class="bar-md overflow-hidden bs-md ba baw2 bc-white">
+                                
+                                    
+
+                                    
+
+                                    
+                                    
+                                        
+                                    
+                                    <div class="p12 bg-theme-primary fc-white">
+                                        theme-primary
+                                    </div>
+                                
+                                    
+
+                                    
+                                        
+                                    
+
+                                    
+                                    
+                                    <div class="p12 bg-theme-primary-100 fc-black">
+                                        theme-primary-100
+                                    </div>
+                                
+                                    
+
+                                    
+                                        
+                                    
+
+                                    
+                                    
+                                    <div class="p12 bg-theme-primary-200 fc-black">
+                                        theme-primary-200
+                                    </div>
+                                
+                                    
+
+                                    
+                                        
+                                    
+
+                                    
+                                    
+                                        
+                                    
+                                    <div class="p12 bg-theme-primary-300 fc-white">
+                                        theme-primary-300
+                                    </div>
+                                
+                                    
+
+                                    
+                                        
+                                    
+
+                                    
+                                    
+                                        
+                                    
+                                    <div class="p12 bg-theme-primary-400 fc-white">
+                                        theme-primary-400
+                                    </div>
+                                
+                                    
+
+                                    
+                                        
+                                    
+
+                                    
+                                    
+                                        
+                                    
+                                    <div class="p12 bg-theme-primary-500 fc-white">
+                                        theme-primary-500
+                                    </div>
+                                
+                                    
+
+                                    
+                                        
+                                    
+
+                                    
+                                    
+                                        
+                                    
+                                    <div class="p12 bg-theme-primary-600 fc-white">
+                                        theme-primary-600
+                                    </div>
+                                
+                            </div>
+                        </div>
+                    
+                
+                    
+                    
+                        <div>
+                            <h3>Theme secondary</h3>
+                            <div class="bar-md overflow-hidden bs-md ba baw2 bc-white">
+                                
+                                    
+
+                                    
+
+                                    
+                                    
+                                        
+                                    
+                                    <div class="p12 bg-theme-secondary fc-white">
+                                        theme-secondary
+                                    </div>
+                                
+                                    
+
+                                    
+                                        
+                                    
+
+                                    
+                                    
+                                    <div class="p12 bg-theme-secondary-100 fc-black">
+                                        theme-secondary-100
+                                    </div>
+                                
+                                    
+
+                                    
+                                        
+                                    
+
+                                    
+                                    
+                                    <div class="p12 bg-theme-secondary-200 fc-black">
+                                        theme-secondary-200
+                                    </div>
+                                
+                                    
+
+                                    
+                                        
+                                    
+
+                                    
+                                    
+                                        
+                                    
+                                    <div class="p12 bg-theme-secondary-300 fc-white">
+                                        theme-secondary-300
+                                    </div>
+                                
+                                    
+
+                                    
+                                        
+                                    
+
+                                    
+                                    
+                                        
+                                    
+                                    <div class="p12 bg-theme-secondary-400 fc-white">
+                                        theme-secondary-400
+                                    </div>
+                                
+                                    
+
+                                    
+                                        
+                                    
+
+                                    
+                                    
+                                        
+                                    
+                                    <div class="p12 bg-theme-secondary-500 fc-white">
+                                        theme-secondary-500
+                                    </div>
+                                
+                                    
+
+                                    
+                                        
+                                    
+
+                                    
+                                    
+                                        
+                                    
+                                    <div class="p12 bg-theme-secondary-600 fc-white">
+                                        theme-secondary-600
+                                    </div>
+                                
+                            </div>
+                        </div>
+                    
+                
+                    
+                    
+                
+                    
+                    
+                
+                    
+                    
+                
+                    
+                    
+                
+                    
+                    
+                
+                    
+                    
+                
+                    
+                    
+                
+                    
+                    
+                
+                    
+                    
+                
+            </div>
+        
+    
+</section>
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="theming-api">Theming API</h2><a class="s-btn s-btn__clear" href="#theming-api"><span class="v-visible-sr">Section titled Theming API</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="programmatic-theme-generation">Programmatic theme generation</h3><a class="s-btn s-btn__clear" href="#programmatic-theme-generation"><span class="v-visible-sr">Section titled Programmatic theme generation</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Use <code>.create-custom-theme-hsl-variables(@color, @tier, @modeCustom)</code> to create a custom theme.</p>
+        
+    <p class="docs-copy">This function generates two sets of CSS variables: 1) independent h/s/l color variables and 2) variables at each colors stop that reference the h/s/l variables. Provide this function the arguments defined below to generate theme colors which will apply across Stacks.</p>
+
+    <div class="overflow-x-auto mb32" tabindex="0">
+        <table class="docs-table s-table s-table__bx-simple">
+            <thead>
+                <tr>
+                    <th class="s-table--cell2" scope="col">Argument</th>
+                    <th class="s-table--cell3" scope="col">Type</th>
+                    <th scope="col">Default</th>
+                    <th scope="col">Description</th>
+                </tr>
+            </thead>
+            <tbody class="fs-caption">
+                <tr>
+                    <td><code>@color</code></td>
+                    <td>HSL, hex, or other color value</td>
+                    <td></td>
+                    <td>Color to use to generate theme values.</td>
+                </tr>
+                <tr>
+                    <td><code>@tier</code></td>
+                    <td>
+                        <code>primary</code> |
+                        <code>secondary</code>
+                    </td>
+                    <td><code>primary</code></td>
+                    <td>Color tier to generate.</td>
+                </tr>
+                <tr>
+                    <td><code>@modeCustom</code></td>
+                    <td>
+                        <code>base</code> |
+                        <code>dark</code>
+                    </td>
+                    <td><code>base</code></td>
+                    <td>The color mode the theme applies to.</td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+
+    <div class="docs-preview _preview-none mb24">
+        <div class="d-flex jc-space-between ai-end mb12"><h4 class="fl-grow1 mb0 lh-sm  fs-body3 fc-black-400" id="format">Format</h4><a class="s-btn s-btn__clear" href="#format"><span class="v-visible-sr">Section titled Format</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+<pre class="language-css s-code-block" tabindex="0"><code class="language-css s-code-block"><span class="hljs-selector-class">.theme-custom</span><span class="hljs-selector-class">.themed</span> {<br>    <span class="hljs-selector-class">.create-custom-theme-hsl-variables</span>(hsl(<span class="hljs-number">172</span>, <span class="hljs-number">37%</span>, <span class="hljs-number">48%</span>), primary);<br>    <span class="hljs-selector-class">.create-custom-theme-hsl-variables</span>(hsl(<span class="hljs-number">259</span>, <span class="hljs-number">29%</span>, <span class="hljs-number">55%</span>), secondary);<br>    <span class="hljs-selector-class">.create-custom-theme-hsl-variables</span>(hsl(<span class="hljs-number">201</span>, <span class="hljs-number">70%</span>, <span class="hljs-number">55%</span>), primary, dark);<br>    <span class="hljs-selector-class">.create-custom-theme-hsl-variables</span>(hsl(<span class="hljs-number">270</span>, <span class="hljs-number">34%</span>, <span class="hljs-number">40%</span>), secondary, dark);<br>}</code></pre>
+    </div>
+
+        <div class="d-flex jc-space-between ai-end mb12"><h4 class="fl-grow1 mb0 lh-sm  fs-body3 fc-black-400" id="example">Example</h4><a class="s-btn s-btn__clear" href="#example"><span class="v-visible-sr">Section titled Example</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+
+    <div class="docs-preview _preview-none mb24">
+<pre class="language-css s-code-block" tabindex="0"><code class="language-css s-code-block"><span class="hljs-comment">/* Input */</span><br><span class="hljs-selector-class">.theme-custom</span><span class="hljs-selector-class">.themed</span> {<br>    <span class="hljs-selector-class">.create-custom-theme-hsl-variables</span>(hsl(<span class="hljs-number">172</span>, <span class="hljs-number">37%</span>, <span class="hljs-number">48%</span>), primary);<br>}<br><br><span class="hljs-comment">/* Output */</span><br><span class="hljs-selector-class">.theme-custom</span><span class="hljs-selector-class">.themed</span> {<br>    <span class="hljs-comment">/* HSL variables */</span><br>    <span class="hljs-attr">--theme-base-primary-color-h</span>: <span class="hljs-number">172</span>;<br>    <span class="hljs-attr">--theme-base-primary-color-s</span>: <span class="hljs-number">37%</span>;<br>    <span class="hljs-attr">--theme-base-primary-color-l</span>: <span class="hljs-number">48%</span>;<br>    <span class="hljs-comment">/* Color variables based on HSL variables */</span><br>    <span class="hljs-attr">--theme-primary-custom</span>: <span class="hljs-built_in">var</span>(--theme-primary-custom-<span class="hljs-number">400</span>);<br>    <span class="hljs-attr">--theme-primary-custom-100</span>: <span class="hljs-built_in">hsl</span>(<span class="hljs-built_in">var</span>(--theme-base-primary-color-h), <span class="hljs-built_in">calc</span>(<span class="hljs-built_in">var</span>(--theme-base-primary-color-s) + <span class="hljs-number">0</span> * <span class="hljs-number">1%</span>), <span class="hljs-built_in">clamp</span>(<span class="hljs-number">70%</span>, <span class="hljs-built_in">calc</span>(<span class="hljs-built_in">var</span>(--theme-base-primary-color-l) + <span class="hljs-number">50</span> * <span class="hljs-number">1%</span>), <span class="hljs-number">95%</span>));<br>    <span class="hljs-attr">--theme-primary-custom-200</span>: <span class="hljs-built_in">hsl</span>(<span class="hljs-built_in">var</span>(--theme-base-primary-color-h), <span class="hljs-built_in">calc</span>(<span class="hljs-built_in">var</span>(--theme-base-primary-color-s) + <span class="hljs-number">0</span> * <span class="hljs-number">1%</span>), <span class="hljs-built_in">clamp</span>(<span class="hljs-number">55%</span>, <span class="hljs-built_in">calc</span>(<span class="hljs-built_in">var</span>(--theme-base-primary-color-l) + <span class="hljs-number">35</span> * <span class="hljs-number">1%</span>), <span class="hljs-number">90%</span>));<br>    <span class="hljs-attr">--theme-primary-custom-300</span>: <span class="hljs-built_in">hsl</span>(<span class="hljs-built_in">var</span>(--theme-base-primary-color-h), <span class="hljs-built_in">calc</span>(<span class="hljs-built_in">var</span>(--theme-base-primary-color-s) + <span class="hljs-number">0</span> * <span class="hljs-number">1%</span>), <span class="hljs-built_in">clamp</span>(<span class="hljs-number">35%</span>, <span class="hljs-built_in">calc</span>(<span class="hljs-built_in">var</span>(--theme-base-primary-color-l) + <span class="hljs-number">15</span> * <span class="hljs-number">1%</span>), <span class="hljs-number">75%</span>));<br>    <span class="hljs-attr">--theme-primary-custom-400</span>: <span class="hljs-built_in">hsl</span>(<span class="hljs-built_in">var</span>(--theme-base-primary-color-h), <span class="hljs-built_in">calc</span>(<span class="hljs-built_in">var</span>(--theme-base-primary-color-s) + <span class="hljs-number">0</span> * <span class="hljs-number">1%</span>), <span class="hljs-built_in">clamp</span>(<span class="hljs-number">20%</span>, <span class="hljs-built_in">calc</span>(<span class="hljs-built_in">var</span>(--theme-base-primary-color-l) + <span class="hljs-number">0</span> * <span class="hljs-number">1%</span>), <span class="hljs-number">60%</span>));<br>    <span class="hljs-attr">--theme-primary-custom-500</span>: <span class="hljs-built_in">hsl</span>(<span class="hljs-built_in">var</span>(--theme-base-primary-color-h), <span class="hljs-built_in">calc</span>(<span class="hljs-built_in">var</span>(--theme-base-primary-color-s) + <span class="hljs-number">0</span> * <span class="hljs-number">1%</span>), <span class="hljs-built_in">clamp</span>(<span class="hljs-number">15%</span>, <span class="hljs-built_in">calc</span>(<span class="hljs-built_in">var</span>(--theme-base-primary-color-l) + -<span class="hljs-number">14</span> * <span class="hljs-number">1%</span>), <span class="hljs-number">45%</span>));<br>    <span class="hljs-attr">--theme-primary-custom-600</span>: <span class="hljs-built_in">hsl</span>(<span class="hljs-built_in">var</span>(--theme-base-primary-color-h), <span class="hljs-built_in">calc</span>(<span class="hljs-built_in">var</span>(--theme-base-primary-color-s) + <span class="hljs-number">0</span> * <span class="hljs-number">1%</span>), <span class="hljs-built_in">clamp</span>(<span class="hljs-number">5%</span>, <span class="hljs-built_in">calc</span>(<span class="hljs-built_in">var</span>(--theme-base-primary-color-l) + -<span class="hljs-number">26</span> * <span class="hljs-number">1%</span>), <span class="hljs-number">30%</span>));<br>}</code></pre>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h4 class="fl-grow1 mb0 lh-sm  fs-body3 fc-black-400" id="manual-addition-of-theme-variables">Manual addition of theme variables</h4><a class="s-btn s-btn__clear" href="#manual-addition-of-theme-variables"><span class="v-visible-sr">Section titled Manual addition of theme variables</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">If you need to apply a theme without using the above function, you can do so by manually adding the variables above to your CSS. The most common use for this approach is when the theme needs to change client-side, such as when allowing the user to change and preview a theme dynamically.</p>
+
+    <p class="docs-copy">With this approach, we recommend targeting new h/s/l color variables on a parent element that includes <code>.themed</code> class.</p>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="live-playground">Live playground</h3><a class="s-btn s-btn__clear" href="#live-playground"><span class="v-visible-sr">Section titled Live playground</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <div class="themed js-custom-theme d-flex fd-column g24">
+        <div class="fs-subheading">HSL</div>
+        <div class="d-flex g32 fw-wrap">
+            <div class="d-flex gy4 fd-column">
+                <label class="d-block s-label" for="js-color-input-h">Hue</label>
+                <input type="range" id="js-color-input-h" class="js-color-input" name="h" min="0" max="360" value="172">
+            </div>
+            <div class="d-flex gy4 fd-column">
+                <label class="d-block s-label" for="js-color-input-s">Saturation</label>
+                <input type="range" id="js-color-input-s" class="js-color-input" name="s" min="0" max="100" value="37">
+            </div>
+            <div class="d-flex gy4 fd-column">
+                <label class="d-block s-label" for="js-color-input-l">Lightness</label>
+                <input type="range" id="js-color-input-l" class="js-color-input" name="l" min="0" max="100" value="48">
+            </div>
+        </div>
+
+        <div class="docs-preview bs-none mb24 overflow-hidden">
+            <pre class="s-code-block bs js-custom-theme-variables" tabindex="0">Loading…</pre>
+        
+            <div>
+                
+                    
+                        
+                            
+                            
+
+                            
+                            
+                                
+                            
+                            <div class="p12 bg-theme-primary fc-white">
+                            theme-primary
+                            </div>
+                        
+                            
+                            
+                                
+                            
+
+                            
+                            
+                            <div class="p12 bg-theme-primary-100 fc-black">
+                            theme-primary-100
+                            </div>
+                        
+                            
+                            
+                                
+                            
+
+                            
+                            
+                            <div class="p12 bg-theme-primary-200 fc-black">
+                            theme-primary-200
+                            </div>
+                        
+                            
+                            
+                                
+                            
+
+                            
+                            
+                                
+                            
+                            <div class="p12 bg-theme-primary-300 fc-white">
+                            theme-primary-300
+                            </div>
+                        
+                            
+                            
+                                
+                            
+
+                            
+                            
+                                
+                            
+                            <div class="p12 bg-theme-primary-400 fc-white">
+                            theme-primary-400
+                            </div>
+                        
+                            
+                            
+                                
+                            
+
+                            
+                            
+                                
+                            
+                            <div class="p12 bg-theme-primary-500 fc-white">
+                            theme-primary-500
+                            </div>
+                        
+                            
+                            
+                                
+                            
+
+                            
+                            
+                                
+                            
+                            <div class="p12 bg-theme-primary-600 fc-white">
+                            theme-primary-600
+                            </div>
+                        
+                    
+                
+                    
+                
+                    
+                
+                    
+                
+                    
+                
+                    
+                
+                    
+                
+                    
+                
+                    
+                
+                    
+                
+                    
+                
+            </div>
+        </div>
+    </div>
+
+    <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="theme-variables-overrides">Theme variables overrides</h3><a class="s-btn s-btn__clear" href="#theme-variables-overrides"><span class="v-visible-sr">Section titled Theme variables overrides</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Stacks provides CSS variables for fine grained control of theming. These variables allow you to adjust the theming on specific components and elements, as well as body background and font color.</p>
+
+    <div class="docs-preview _preview-none mb24">
+<pre class="language-css s-code-block" tabindex="0"><code class="language-css s-code-block"><span class="hljs-attr">--theme-background-color</span><br><span class="hljs-attr">--theme-body-font-color</span><br><span class="hljs-attr">--theme-button-active-background-color</span><br><span class="hljs-attr">--theme-button-color</span><br><span class="hljs-attr">--theme-button-hover-background-color</span><br><span class="hljs-attr">--theme-button-hover-color</span><br><span class="hljs-attr">--theme-button-outlined-border-color</span><br><span class="hljs-attr">--theme-button-outlined-selected-border-color</span><br><span class="hljs-attr">--theme-button-primary-active-background-color</span><br><span class="hljs-attr">--theme-button-primary-background-color</span><br><span class="hljs-attr">--theme-button-primary-color</span><br><span class="hljs-attr">--theme-button-primary-hover-background-color</span><br><span class="hljs-attr">--theme-button-primary-hover-color</span><br><span class="hljs-attr">--theme-button-primary-number-color</span><br><span class="hljs-attr">--theme-button-primary-selected-background-color</span><br><span class="hljs-attr">--theme-button-primary-selected-color</span><br><span class="hljs-attr">--theme-button-selected-background-color</span><br><span class="hljs-attr">--theme-button-selected-color</span><br><span class="hljs-attr">--theme-link-color</span><br><span class="hljs-attr">--theme-link-color-hover</span><br><span class="hljs-attr">--theme-link-color-visited</span><br><span class="hljs-attr">--theme-post-body-font-family</span><br><span class="hljs-attr">--theme-post-title-color</span><br><span class="hljs-attr">--theme-post-title-color-hover</span><br><span class="hljs-attr">--theme-post-title-color-visited</span><br><span class="hljs-attr">--theme-post-title-font-family</span><br><span class="hljs-attr">--theme-tag-background-color</span><br><span class="hljs-attr">--theme-tag-border-color</span><br><span class="hljs-attr">--theme-tag-color</span><br><span class="hljs-attr">--theme-tag-hover-background-color</span><br><span class="hljs-attr">--theme-tag-hover-border-color</span><br><span class="hljs-attr">--theme-tag-hover-color</span><br><span class="hljs-attr">--theme-tag-required-background-color</span><br><span class="hljs-attr">--theme-tag-required-border-color</span><br><span class="hljs-attr">--theme-tag-required-color</span><br><span class="hljs-attr">--theme-tag-required-hover-background-color</span><br><span class="hljs-attr">--theme-tag-required-hover-border-color</span><br><span class="hljs-attr">--theme-tag-required-hover-color</span><br><span class="hljs-attr">--theme-topbar-height</span></code></pre>
+    </div>
+</section>
+
+
+<section class="docs-section">
+    <div class="d-flex jc-space-between ai-end mb12"><h2 class="fl-grow1 mb0 lh-sm  fs-headline1" id="child-theming">Child theming</h2><a class="s-btn s-btn__clear" href="#child-theming"><span class="v-visible-sr">Section titled Child theming</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+    <p class="docs-copy">Stacks allows for further theming various portions of a page. You can simply pair the <code>.themed</code> class with an atomic color stop, and a new theming scope. For this example, we’re using a class name of <code>.theme-team-[xxx]</code> with a unique ID appended.</p>
+    <div class="docs-preview">
+<pre class="language-html s-code-block" tabindex="0"><code class="language-html s-code-block"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"bg-theme-primary-740"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"themed theme-team-001 bg-theme-primary-400"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"themed theme-team-002 bg-theme-primary-400"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"themed theme-team-003 bg-theme-primary-400"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><br><span class="hljs-tag">&lt;<span class="hljs-name">style</span>&gt;</span><span class="language-css"><br>    <span class="hljs-selector-class">.theme-team-001</span> {<br>        <span class="hljs-attr">--theme-base-primary-color-h</span>: <span class="hljs-number">349</span>;<br>        <span class="hljs-attr">--theme-base-primary-color-s</span>: <span class="hljs-number">81%</span>;<br>        <span class="hljs-attr">--theme-base-primary-color-l</span>: <span class="hljs-number">58%</span>;<br>        <span class="hljs-attr">--theme-base-secondary-color-h</span>: <span class="hljs-number">349</span>;<br>        <span class="hljs-attr">--theme-base-secondary-color-s</span>: <span class="hljs-number">81%</span>;<br>        <span class="hljs-attr">--theme-base-secondary-color-l</span>: <span class="hljs-number">58%</span>;<br>    }<br><br>    <span class="hljs-selector-class">.theme-team-002</span> {<br>        <span class="hljs-attr">--theme-base-primary-color-h</span>: <span class="hljs-number">41</span>;<br>        <span class="hljs-attr">--theme-base-primary-color-s</span>: <span class="hljs-number">93%</span>;<br>        <span class="hljs-attr">--theme-base-primary-color-l</span>: <span class="hljs-number">58%</span>;<br>        <span class="hljs-attr">--theme-base-secondary-color-h</span>: <span class="hljs-number">41</span>;<br>        <span class="hljs-attr">--theme-base-secondary-color-s</span>: <span class="hljs-number">93%</span>;<br>        <span class="hljs-attr">--theme-base-secondary-color-l</span>: <span class="hljs-number">58%</span>;<br>    }<br><br>    <span class="hljs-selector-class">.theme-team-003</span> {<br>        <span class="hljs-attr">--theme-base-primary-color-h</span>: <span class="hljs-number">288</span>;<br>        <span class="hljs-attr">--theme-base-primary-color-s</span>: <span class="hljs-number">76%</span>;<br>        <span class="hljs-attr">--theme-base-primary-color-l</span>: <span class="hljs-number">38%</span>;<br>        <span class="hljs-attr">--theme-base-secondary-color-h</span>: <span class="hljs-number">288</span>;<br>        <span class="hljs-attr">--theme-base-secondary-color-s</span>: <span class="hljs-number">76%</span>;<br>        <span class="hljs-attr">--theme-base-secondary-color-l</span>: <span class="hljs-number">38%</span>;<br><br>        <span class="hljs-comment">/* Override colors for dark mode only */</span><br>        <span class="hljs-attr">--theme-dark-primary-color-h</span>: <span class="hljs-number">288</span>;<br>        <span class="hljs-attr">--theme-dark-primary-color-s</span>: <span class="hljs-number">45%</span>;<br>        <span class="hljs-attr">--theme-dark-primary-color-l</span>: <span class="hljs-number">60%</span>;<br>        <span class="hljs-attr">--theme-dark-secondary-color-h</span>: <span class="hljs-number">288</span>;<br>        <span class="hljs-attr">--theme-dark-secondary-color-s</span>: <span class="hljs-number">45%</span>;<br>        <span class="hljs-attr">--theme-dark-secondary-color-l</span>: <span class="hljs-number">60%</span>;<br>    }<br></span><span class="hljs-tag">&lt;/<span class="hljs-name">style</span>&gt;</span></code></pre>
+
+    
+    
+        
+            
+            
+            
+            
+            
+
+            <div class="p16">
+                <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="default">Default</h3><a class="s-btn s-btn__clear" href="#default"><span class="v-visible-sr">Section titled Default</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+                <div class="ba bar-md bc-black-225 p16 d:bg-black-100 ">
+                    <div class="d-flex g24 fd-column">
+                    
+                        
+                            <div class="d-flex g8 fd-column ">
+                                <div class="mb4 ff-mono fc-medium">
+                                    body
+                                    
+                                    
+                                </div>
+                                <div class="d-flex g16 ai-center">
+                                    <div class="s-avatar s-avatar__32 bg-theme-primary-400">
+                                        
+                                    </div>
+                                    <input class="s-input s-input__xs wmx1" aria-label="demo input" placeholder="email">
+                                    <button class="s-btn s-btn__sm" type="button">Subscribe</button>
+                                    <div>
+                                        <div class="s-pagination">
+                                            <span class="s-pagination--item is-selected">1</span>
+                                            <a class="s-pagination--item">2</a>
+                                            <a class="s-pagination--item">Next</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        
+                        
+                            <div class="d-flex g8 fd-column  themed theme-team-001">
+                                <div class="mb4 ff-mono fc-medium">
+                                    
+                                    
+                                    .themed.theme-team-001
+                                </div>
+                                <div class="d-flex g16 ai-center">
+                                    <div class="s-avatar s-avatar__32 bg-theme-primary-400">
+                                        
+                                            <div class="s-avatar--letter">C</div>
+                                            <svg aria-hidden="true" class="svg-icon iconShieldXSm native s-avatar--badge" width="9" height="10" viewBox="0 0 9 10"><path fill="var(--white)" d="M0 1.84 4.5 0 9 1.84v3.17C9 7.53 6.3 10 4.5 10S0 7.53 0 5.01z"></path><path fill="var(--black-400)" d="M1 2.5 4.5 1 8 2.5v2.51C8 7.35 5.35 9 4.5 9S1 7.34 1 5.01zm2.98 3.02L3.2 7h2.6l-.78-1.48a.4.4 0 0 1 .15-.38c.34-.24.73-.7.73-1.14 0-.71-.5-1.23-1.41-1.23-.92 0-1.39.52-1.39 1.23 0 .44.4.9.73 1.14q.19.14.15.38"></path></svg>
+                                        
+                                    </div>
+                                    <input class="s-input s-input__xs wmx1" aria-label="demo input" placeholder="email">
+                                    <button class="s-btn s-btn__sm" type="button">Subscribe</button>
+                                    <div>
+                                        <div class="s-pagination">
+                                            <span class="s-pagination--item is-selected">1</span>
+                                            <a class="s-pagination--item">2</a>
+                                            <a class="s-pagination--item">Next</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        
+                        
+                            <div class="d-flex g8 fd-column  themed theme-team-002">
+                                <div class="mb4 ff-mono fc-medium">
+                                    
+                                    
+                                    .themed.theme-team-002
+                                </div>
+                                <div class="d-flex g16 ai-center">
+                                    <div class="s-avatar s-avatar__32 bg-theme-primary-400">
+                                        
+                                            <div class="s-avatar--letter">C</div>
+                                            <svg aria-hidden="true" class="svg-icon iconShieldXSm native s-avatar--badge" width="9" height="10" viewBox="0 0 9 10"><path fill="var(--white)" d="M0 1.84 4.5 0 9 1.84v3.17C9 7.53 6.3 10 4.5 10S0 7.53 0 5.01z"></path><path fill="var(--black-400)" d="M1 2.5 4.5 1 8 2.5v2.51C8 7.35 5.35 9 4.5 9S1 7.34 1 5.01zm2.98 3.02L3.2 7h2.6l-.78-1.48a.4.4 0 0 1 .15-.38c.34-.24.73-.7.73-1.14 0-.71-.5-1.23-1.41-1.23-.92 0-1.39.52-1.39 1.23 0 .44.4.9.73 1.14q.19.14.15.38"></path></svg>
+                                        
+                                    </div>
+                                    <input class="s-input s-input__xs wmx1" aria-label="demo input" placeholder="email">
+                                    <button class="s-btn s-btn__sm" type="button">Subscribe</button>
+                                    <div>
+                                        <div class="s-pagination">
+                                            <span class="s-pagination--item is-selected">1</span>
+                                            <a class="s-pagination--item">2</a>
+                                            <a class="s-pagination--item">Next</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        
+                        
+                            <div class="d-flex g8 fd-column  themed theme-team-003">
+                                <div class="mb4 ff-mono fc-medium">
+                                    
+                                    
+                                    .themed.theme-team-003
+                                </div>
+                                <div class="d-flex g16 ai-center">
+                                    <div class="s-avatar s-avatar__32 bg-theme-primary-400">
+                                        
+                                            <div class="s-avatar--letter">C</div>
+                                            <svg aria-hidden="true" class="svg-icon iconShieldXSm native s-avatar--badge" width="9" height="10" viewBox="0 0 9 10"><path fill="var(--white)" d="M0 1.84 4.5 0 9 1.84v3.17C9 7.53 6.3 10 4.5 10S0 7.53 0 5.01z"></path><path fill="var(--black-400)" d="M1 2.5 4.5 1 8 2.5v2.51C8 7.35 5.35 9 4.5 9S1 7.34 1 5.01zm2.98 3.02L3.2 7h2.6l-.78-1.48a.4.4 0 0 1 .15-.38c.34-.24.73-.7.73-1.14 0-.71-.5-1.23-1.41-1.23-.92 0-1.39.52-1.39 1.23 0 .44.4.9.73 1.14q.19.14.15.38"></path></svg>
+                                        
+                                    </div>
+                                    <input class="s-input s-input__xs wmx1" aria-label="demo input" placeholder="email">
+                                    <button class="s-btn s-btn__sm" type="button">Subscribe</button>
+                                    <div>
+                                        <div class="s-pagination">
+                                            <span class="s-pagination--item is-selected">1</span>
+                                            <a class="s-pagination--item">2</a>
+                                            <a class="s-pagination--item">Next</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        
+                    </div>
+                </div>
+            </div>
+        
+            
+            
+            
+            
+                
+                
+            
+            
+
+            <div class="p16">
+                <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="light-forced">Light forced</h3><a class="s-btn s-btn__clear" href="#light-forced"><span class="v-visible-sr">Section titled Light forced</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+                <div class="ba bar-md bc-black-225 p16 d:bg-black-100 theme-light__forced">
+                    <div class="d-flex g24 fd-column">
+                    
+                        
+                            <div class="d-flex g8 fd-column ">
+                                <div class="mb4 ff-mono fc-medium">
+                                    body
+                                    .theme-light__forced
+                                    
+                                </div>
+                                <div class="d-flex g16 ai-center">
+                                    <div class="s-avatar s-avatar__32 bg-theme-primary-400">
+                                        
+                                    </div>
+                                    <input class="s-input s-input__xs wmx1" aria-label="demo input" placeholder="email">
+                                    <button class="s-btn s-btn__sm" type="button">Subscribe</button>
+                                    <div>
+                                        <div class="s-pagination">
+                                            <span class="s-pagination--item is-selected">1</span>
+                                            <a class="s-pagination--item">2</a>
+                                            <a class="s-pagination--item">Next</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        
+                        
+                            <div class="d-flex g8 fd-column  themed theme-team-001">
+                                <div class="mb4 ff-mono fc-medium">
+                                    
+                                    .theme-light__forced
+                                    .themed.theme-team-001
+                                </div>
+                                <div class="d-flex g16 ai-center">
+                                    <div class="s-avatar s-avatar__32 bg-theme-primary-400">
+                                        
+                                            <div class="s-avatar--letter">C</div>
+                                            <svg aria-hidden="true" class="svg-icon iconShieldXSm native s-avatar--badge" width="9" height="10" viewBox="0 0 9 10"><path fill="var(--white)" d="M0 1.84 4.5 0 9 1.84v3.17C9 7.53 6.3 10 4.5 10S0 7.53 0 5.01z"></path><path fill="var(--black-400)" d="M1 2.5 4.5 1 8 2.5v2.51C8 7.35 5.35 9 4.5 9S1 7.34 1 5.01zm2.98 3.02L3.2 7h2.6l-.78-1.48a.4.4 0 0 1 .15-.38c.34-.24.73-.7.73-1.14 0-.71-.5-1.23-1.41-1.23-.92 0-1.39.52-1.39 1.23 0 .44.4.9.73 1.14q.19.14.15.38"></path></svg>
+                                        
+                                    </div>
+                                    <input class="s-input s-input__xs wmx1" aria-label="demo input" placeholder="email">
+                                    <button class="s-btn s-btn__sm" type="button">Subscribe</button>
+                                    <div>
+                                        <div class="s-pagination">
+                                            <span class="s-pagination--item is-selected">1</span>
+                                            <a class="s-pagination--item">2</a>
+                                            <a class="s-pagination--item">Next</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        
+                        
+                            <div class="d-flex g8 fd-column  themed theme-team-002">
+                                <div class="mb4 ff-mono fc-medium">
+                                    
+                                    .theme-light__forced
+                                    .themed.theme-team-002
+                                </div>
+                                <div class="d-flex g16 ai-center">
+                                    <div class="s-avatar s-avatar__32 bg-theme-primary-400">
+                                        
+                                            <div class="s-avatar--letter">C</div>
+                                            <svg aria-hidden="true" class="svg-icon iconShieldXSm native s-avatar--badge" width="9" height="10" viewBox="0 0 9 10"><path fill="var(--white)" d="M0 1.84 4.5 0 9 1.84v3.17C9 7.53 6.3 10 4.5 10S0 7.53 0 5.01z"></path><path fill="var(--black-400)" d="M1 2.5 4.5 1 8 2.5v2.51C8 7.35 5.35 9 4.5 9S1 7.34 1 5.01zm2.98 3.02L3.2 7h2.6l-.78-1.48a.4.4 0 0 1 .15-.38c.34-.24.73-.7.73-1.14 0-.71-.5-1.23-1.41-1.23-.92 0-1.39.52-1.39 1.23 0 .44.4.9.73 1.14q.19.14.15.38"></path></svg>
+                                        
+                                    </div>
+                                    <input class="s-input s-input__xs wmx1" aria-label="demo input" placeholder="email">
+                                    <button class="s-btn s-btn__sm" type="button">Subscribe</button>
+                                    <div>
+                                        <div class="s-pagination">
+                                            <span class="s-pagination--item is-selected">1</span>
+                                            <a class="s-pagination--item">2</a>
+                                            <a class="s-pagination--item">Next</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        
+                        
+                            <div class="d-flex g8 fd-column  themed theme-team-003">
+                                <div class="mb4 ff-mono fc-medium">
+                                    
+                                    .theme-light__forced
+                                    .themed.theme-team-003
+                                </div>
+                                <div class="d-flex g16 ai-center">
+                                    <div class="s-avatar s-avatar__32 bg-theme-primary-400">
+                                        
+                                            <div class="s-avatar--letter">C</div>
+                                            <svg aria-hidden="true" class="svg-icon iconShieldXSm native s-avatar--badge" width="9" height="10" viewBox="0 0 9 10"><path fill="var(--white)" d="M0 1.84 4.5 0 9 1.84v3.17C9 7.53 6.3 10 4.5 10S0 7.53 0 5.01z"></path><path fill="var(--black-400)" d="M1 2.5 4.5 1 8 2.5v2.51C8 7.35 5.35 9 4.5 9S1 7.34 1 5.01zm2.98 3.02L3.2 7h2.6l-.78-1.48a.4.4 0 0 1 .15-.38c.34-.24.73-.7.73-1.14 0-.71-.5-1.23-1.41-1.23-.92 0-1.39.52-1.39 1.23 0 .44.4.9.73 1.14q.19.14.15.38"></path></svg>
+                                        
+                                    </div>
+                                    <input class="s-input s-input__xs wmx1" aria-label="demo input" placeholder="email">
+                                    <button class="s-btn s-btn__sm" type="button">Subscribe</button>
+                                    <div>
+                                        <div class="s-pagination">
+                                            <span class="s-pagination--item is-selected">1</span>
+                                            <a class="s-pagination--item">2</a>
+                                            <a class="s-pagination--item">Next</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        
+                    </div>
+                </div>
+            </div>
+        
+            
+            
+            
+            
+                
+                
+            
+            
+                
+            
+
+            <div class="p16">
+                <div class="d-flex jc-space-between ai-end mb12"><h3 class="fl-grow1 mb0 lh-sm  fs-subheading fc-black-500" id="dark-forced">Dark forced</h3><a class="s-btn s-btn__clear" href="#dark-forced"><span class="v-visible-sr">Section titled Dark forced</span><svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconLink" aria-hidden="true"><path d="M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38"></path></svg></a></div>
+                <div class="ba bar-md bc-black-225 p16 bg-black-100 theme-dark__forced">
+                    <div class="d-flex g24 fd-column">
+                    
+                        
+                            <div class="d-flex g8 fd-column ">
+                                <div class="mb4 ff-mono fc-medium">
+                                    body
+                                    .theme-dark__forced
+                                    
+                                </div>
+                                <div class="d-flex g16 ai-center">
+                                    <div class="s-avatar s-avatar__32 bg-theme-primary-400">
+                                        
+                                    </div>
+                                    <input class="s-input s-input__xs wmx1" aria-label="demo input" placeholder="email">
+                                    <button class="s-btn s-btn__sm" type="button">Subscribe</button>
+                                    <div>
+                                        <div class="s-pagination">
+                                            <span class="s-pagination--item is-selected">1</span>
+                                            <a class="s-pagination--item">2</a>
+                                            <a class="s-pagination--item">Next</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        
+                        
+                            <div class="d-flex g8 fd-column  themed theme-team-001">
+                                <div class="mb4 ff-mono fc-medium">
+                                    
+                                    .theme-dark__forced
+                                    .themed.theme-team-001
+                                </div>
+                                <div class="d-flex g16 ai-center">
+                                    <div class="s-avatar s-avatar__32 bg-theme-primary-400">
+                                        
+                                            <div class="s-avatar--letter">C</div>
+                                            <svg aria-hidden="true" class="svg-icon iconShieldXSm native s-avatar--badge" width="9" height="10" viewBox="0 0 9 10"><path fill="var(--white)" d="M0 1.84 4.5 0 9 1.84v3.17C9 7.53 6.3 10 4.5 10S0 7.53 0 5.01z"></path><path fill="var(--black-400)" d="M1 2.5 4.5 1 8 2.5v2.51C8 7.35 5.35 9 4.5 9S1 7.34 1 5.01zm2.98 3.02L3.2 7h2.6l-.78-1.48a.4.4 0 0 1 .15-.38c.34-.24.73-.7.73-1.14 0-.71-.5-1.23-1.41-1.23-.92 0-1.39.52-1.39 1.23 0 .44.4.9.73 1.14q.19.14.15.38"></path></svg>
+                                        
+                                    </div>
+                                    <input class="s-input s-input__xs wmx1" aria-label="demo input" placeholder="email">
+                                    <button class="s-btn s-btn__sm" type="button">Subscribe</button>
+                                    <div>
+                                        <div class="s-pagination">
+                                            <span class="s-pagination--item is-selected">1</span>
+                                            <a class="s-pagination--item">2</a>
+                                            <a class="s-pagination--item">Next</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        
+                        
+                            <div class="d-flex g8 fd-column  themed theme-team-002">
+                                <div class="mb4 ff-mono fc-medium">
+                                    
+                                    .theme-dark__forced
+                                    .themed.theme-team-002
+                                </div>
+                                <div class="d-flex g16 ai-center">
+                                    <div class="s-avatar s-avatar__32 bg-theme-primary-400">
+                                        
+                                            <div class="s-avatar--letter">C</div>
+                                            <svg aria-hidden="true" class="svg-icon iconShieldXSm native s-avatar--badge" width="9" height="10" viewBox="0 0 9 10"><path fill="var(--white)" d="M0 1.84 4.5 0 9 1.84v3.17C9 7.53 6.3 10 4.5 10S0 7.53 0 5.01z"></path><path fill="var(--black-400)" d="M1 2.5 4.5 1 8 2.5v2.51C8 7.35 5.35 9 4.5 9S1 7.34 1 5.01zm2.98 3.02L3.2 7h2.6l-.78-1.48a.4.4 0 0 1 .15-.38c.34-.24.73-.7.73-1.14 0-.71-.5-1.23-1.41-1.23-.92 0-1.39.52-1.39 1.23 0 .44.4.9.73 1.14q.19.14.15.38"></path></svg>
+                                        
+                                    </div>
+                                    <input class="s-input s-input__xs wmx1" aria-label="demo input" placeholder="email">
+                                    <button class="s-btn s-btn__sm" type="button">Subscribe</button>
+                                    <div>
+                                        <div class="s-pagination">
+                                            <span class="s-pagination--item is-selected">1</span>
+                                            <a class="s-pagination--item">2</a>
+                                            <a class="s-pagination--item">Next</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        
+                        
+                            <div class="d-flex g8 fd-column  themed theme-team-003">
+                                <div class="mb4 ff-mono fc-medium">
+                                    
+                                    .theme-dark__forced
+                                    .themed.theme-team-003
+                                </div>
+                                <div class="d-flex g16 ai-center">
+                                    <div class="s-avatar s-avatar__32 bg-theme-primary-400">
+                                        
+                                            <div class="s-avatar--letter">C</div>
+                                            <svg aria-hidden="true" class="svg-icon iconShieldXSm native s-avatar--badge" width="9" height="10" viewBox="0 0 9 10"><path fill="var(--white)" d="M0 1.84 4.5 0 9 1.84v3.17C9 7.53 6.3 10 4.5 10S0 7.53 0 5.01z"></path><path fill="var(--black-400)" d="M1 2.5 4.5 1 8 2.5v2.51C8 7.35 5.35 9 4.5 9S1 7.34 1 5.01zm2.98 3.02L3.2 7h2.6l-.78-1.48a.4.4 0 0 1 .15-.38c.34-.24.73-.7.73-1.14 0-.71-.5-1.23-1.41-1.23-.92 0-1.39.52-1.39 1.23 0 .44.4.9.73 1.14q.19.14.15.38"></path></svg>
+                                        
+                                    </div>
+                                    <input class="s-input s-input__xs wmx1" aria-label="demo input" placeholder="email">
+                                    <button class="s-btn s-btn__sm" type="button">Subscribe</button>
+                                    <div>
+                                        <div class="s-pagination">
+                                            <span class="s-pagination--item is-selected">1</span>
+                                            <a class="s-pagination--item">2</a>
+                                            <a class="s-pagination--item">Next</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        
+                    </div>
+                </div>
+            </div>
+        
+    </div>
+</section>
+
+<style>
+    .theme-team-001 {
+        --theme-base-primary-color-h: 349;
+        --theme-base-primary-color-s: 81%;
+        --theme-base-primary-color-l: 58%;
+        --theme-base-secondary-color-h: 349;
+        --theme-base-secondary-color-s: 81%;
+        --theme-base-secondary-color-l: 58%;
+
+        --theme-dark-primary-color-h: 349;
+        --theme-dark-primary-color-s: 81%;
+        --theme-dark-primary-color-l: 58%;
+        --theme-dark-secondary-color-h: 349;
+        --theme-dark-secondary-color-s: 81%;
+        --theme-dark-secondary-color-l: 58%;
+    }
+    .theme-team-002 {
+        --theme-base-primary-color-h: 41;
+        --theme-base-primary-color-s: 93%;
+        --theme-base-primary-color-l: 58%;
+        --theme-base-secondary-color-h: 41;
+        --theme-base-secondary-color-s: 93%;
+        --theme-base-secondary-color-l: 58%;
+
+        --theme-dark-primary-color-h: 41;
+        --theme-dark-primary-color-s: 93%;
+        --theme-dark-primary-color-l: 58%;
+        --theme-dark-secondary-color-h: 41;
+        --theme-dark-secondary-color-s: 93%;
+        --theme-dark-secondary-color-l: 58%;
+    }
+    .theme-team-003 {
+        --theme-base-primary-color-h: 288;
+        --theme-base-primary-color-s: 76%;
+        --theme-base-primary-color-l: 38%;
+        --theme-base-secondary-color-h: 288;
+        --theme-base-secondary-color-s: 76%;
+        --theme-base-secondary-color-l: 38%;
+
+        --theme-dark-primary-color-h: 288;
+        --theme-dark-primary-color-s: 45%;
+        --theme-dark-primary-color-l: 60%;
+        --theme-dark-secondary-color-h: 288;
+        --theme-dark-secondary-color-s: 45%;
+        --theme-dark-secondary-color-l: 60%;
+    }
+</style>
+
+<script>
+    const customThemeContainer = document.querySelector('.js-custom-theme');
+    const customThemeCodeblock = document.querySelector('.js-custom-theme-variables');
+    const customThemeInputs = document.querySelectorAll('.js-color-input');
+
+    const customThemeStyles = () => {
+        const themeVarBase = "--theme-base-primary-color-";
+        const themeVarDark = "--theme-dark-primary-color-";
+        const getVars = (varPrefix) => {
+            return [...customThemeInputs].map(input => {
+                const name = input.getAttribute("name");
+                const value = name === "s" || name === "l" ? `${input.value}%` : input.value;
+                return `${varPrefix}${name}: ${value}`;
+            });
+        };
+        return [...getVars(themeVarBase), ...getVars(themeVarDark)].join(";\n");
+    };
+
+    customThemeInputs.forEach(input => {
+        input.addEventListener('input', () => {
+            console.log(customThemeStyles());
+            customThemeContainer.style = customThemeStyles();
+            customThemeCodeblock.innerText = customThemeStyles();
+        });
+    });
+
+    customThemeCodeblock.innerText = customThemeStyles();
+    customThemeContainer.style = customThemeStyles();
+</script></div>
+
+            <!-- <div class="d-flex my48 pt24">
+                <div class="mr16">
+                    
+                    <form
+                        id="quick-positive-feedback-theming"
+                        class="js-feedback-form v-hidden"
+                        name="quick-positive-feedback-theming"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <form
+                        id="quick-negative-feedback-theming"
+                        class="js-feedback-form v-hidden"
+                        name="quick-negative-feedback-theming"
+                        method="POST"
+                        data-netlify="true"
+                        action="/success">
+                    </form>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-positive"
+                        role="tooltip">
+                        <div class="s-popover--content">This page is useful</div>
+                    </div>
+                    <div
+                        class="s-popover s-popover__tooltip"
+                        id="tooltip-feedback-negative"
+                        role="tooltip">
+                        <div class="s-popover--content">This page needs improvement</div>
+                    </div>
+                    <div id="vote-feedback" class="s-vote">
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-positive-feedback-theming"
+                            aria-describedby="tooltip-feedback-positive"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUp" aria-hidden="true"><path d="M10 3q.41.02.64.36l6.9 11.5a.75.75 0 1 1-1.28.78L10 5.21l-5.58 9.3h8.04v-.01h1.1l.97 1.5H3.1a.75.75 0 0 1-.65-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteUpFill" aria-hidden="true"><path d="M10 3h.1a1 1 0 0 1 .42.21l.12.15 6.9 11.5.05.09v.03l.02.04q.04.12.04.26v.03q0 .13-.07.25v.02l-.03.04a1 1 0 0 1-.2.23l-.06.05-.04.01-.04.03-.04.01a1 1 0 0 1-.27.05H3a.75.75 0 0 1-.55-1.13l6.9-11.5A.8.8 0 0 1 10 3"/></svg>
+                            </span>
+                            <span class="v-visible-sr">upvote</span>
+                        </button>
+                        <button
+                            class="s-vote--btn"
+                            type="submit"
+                            form="quick-negative-feedback-theming"
+                            aria-describedby="tooltip-feedback-negative"
+                            aria-expanded="false"
+                            data-controller="s-tooltip"
+                            data-s-tooltip-placement="right"
+                        >
+                            <span class="s-btn-icon">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDown" aria-hidden="true"><path d="M10 16a.8.8 0 0 1-.64-.36l-6.9-11.5a.75.75 0 1 1 1.28-.78L10 13.8l5.58-9.3H6.44L5.47 3H16.9a.75.75 0 0 1 .65 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="s-btn-icon-fill d-none">
+                                <svg width="20" height="20" viewBox="0 0 20 20" class="svg-icon IconVoteDownFill" aria-hidden="true"><path d="M10 16h-.1l-.1-.02a.8.8 0 0 1-.45-.34l-6.9-11.5-.04-.08-.01-.04L2.39 4a1 1 0 0 1-.04-.26V3.7q0-.14.06-.26l.01-.02.02-.04a1 1 0 0 1 .27-.27l.03-.02.05-.02.04-.02A1 1 0 0 1 3.1 3H17a.75.75 0 0 1 .54 1.14l-6.9 11.5A.8.8 0 0 1 10 16"/></svg>
+                            </span>
+                            <span class="v-visible-sr">downvote</span>
+                        </button>
+                    </div>
+                </div>
+
+                <form
+                    class="w100 js-feedback-form"
+                    name="feedback-theming"
+                    method="POST"
+                    data-netlify="true"
+                    action="/success">
+                    <fieldset class="d-flex fd-column fl-grow1 g16">
+                        <legend class="fs-title fw-bold">How’d we do?</legend>
+                        <div class="fs-body2">Anonymously upvote, downvote, or send additional feedback below.</div>
+
+                        <textarea
+                            class="s-textarea hmn1"
+                            id="feedback-form"
+                            name="additional-feedback"
+                            placeholder="Tell us how we can improve this page…" required></textarea>
+
+                        <div class="d-flex ai-center fd-row-reverse g8 jc-space-between mln6 sm:d-grid sm:grid__1 sm:ml0">
+                            <button
+                                type="submit"
+                                class="s-btn as-start fl-shrink0">
+                                Send feedback
+                            </button>
+                            <div class="d-flex fw-wrap g8 sm:d-grid sm:grid__1">
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/edit/develop/packages/stacks-docs/./product/foundation/theming.html"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    <svg aria-hidden="true" class="svg-icon iconPencilSm" width="14" height="14"  viewBox="0 0 14 14"><path fill="#F1B600" d="m2 10.12 6.37-6.43 1.88 1.88L3.88 12H2z"/><path fill="#E87C87" d="m11.1 1.71 1.13 1.12c.2.2.2.51 0 .71L11.1 4.7 9.21 2.86l1.17-1.15c.2-.2.51-.2.71 0"/></svg>
+                                    Edit
+                                </a>
+                                <a
+                                    href="https://github.com/StackExchange/Stacks/issues/new/choose"
+                                    class="s-btn s-btn__clear s-btn__icon s-btn__sm">
+                                    File an issue
+                                </a>
+                            </div>
+                        </div>
+                    </fieldset>
+                </form>
+            </div> -->
+
+            <!-- <div class="ta-right">
+                <a href="https://www.netlify.com"><img src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg" alt="Deploys by Netlify" /></a>
+            </div> -->
+        
\ No newline at end of file
diff --git a/packages/stacks-docs-next/static/legacy/llms.txt b/packages/stacks-docs-next/static/legacy/llms.txt
new file mode 100644
index 0000000000..6410fd6eb4
--- /dev/null
+++ b/packages/stacks-docs-next/static/legacy/llms.txt
@@ -0,0 +1,782 @@
+# Site Content for LLMs
+# Generated: 2026-04-10T21:27:38.807Z
+# Site URL: https://stackoverflow.design
+
+## Collection: base
+
+### Page: Backgrounds
+URL: https://stackoverflow.design/product/base/backgrounds/
+Date: 2026-03-24T21:30:16.513Z
+Tags: base
+description: Atomic classes for controlling the background properties of an element’s background image.
+
+Content:
+Background size Section titled Background size Background size classes Section titled Background size classes Class Output .bg-auto background-size: auto; .bg-cover background-size: cover; .bg-contain background-size: contain; Background repeat Section titled Background repeat Background repeat classes Section titled Background repeat classes Class Output .bg-repeat background-repeat: repeat; .bg-no-repeat background-repeat: no-repeat; .bg-repeat-x background-repeat: repeat-x; .bg-repeat-y background-repeat: repeat-y; Background position Section titled Background position Background position classes Section titled Background position classes Class Output .bg-bottom background-position: bottom; .bg-center background-position: center; .bg-left background-position: left; .bg-left-bottom background-position: left bottom; .bg-left-top background-position: left top; .bg-right background-position: right; .bg-right-bottom background-position: right bottom; .bg-right-top background-position: right top; .bg-top background-position: top; Background position examples Section titled Background position examples &lt; div class = &quot;bg-no-repeat bg-bottom&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;bg-no-repeat bg-center&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;bg-no-repeat bg-left&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;bg-no-repeat bg-left-bottom&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;bg-no-repeat bg-left-top&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;bg-no-repeat bg-right&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;bg-no-repeat bg-right-bottom&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;bg-no-repeat bg-right-top&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;bg-no-repeat bg-top&quot; &gt; … &lt;/ div &gt; .bg-bottom .bg-center .bg-left .bg-left-bottom .bg-left-top .bg-right .bg-right-bottom .bg-right-top .bg-top Background attachment Section titled Background attachment Background attachment classes Section titled Background attachment classes Class Output .bg-fixed background-attachment: fixed; .bg-local background-attachment: local; .bg-scroll background-attachment: scroll; Background image Section titled Background image Background image classes Section titled Background image classes Class Output .bg-image-none background-image: none; Background utilities Section titled Background utilities Loading Section titled Loading The Loading utility applies a shimmering gradient animation to a container's background. Use this class to create flexible 'skeleton' placeholders that mimic the shape and layout of content while it loads. &lt; div class = &quot;p16&quot; &gt; &lt; div class = &quot;ws3 d-flex g16&quot; &gt; &lt; div class = &quot;v-visible-sr&quot; &gt; Loading… &lt;/ div &gt; &lt; div class = &quot;bg-loading s-avatar s-avatar__96 fl-shrink0&quot; &gt; &lt;/ div &gt; &lt; div class = &quot;d-flex fd-column g8 jc-space-between w100&quot; &gt; &lt; div class = &quot;bg-loading bar-md h24&quot; &gt; &lt;/ div &gt; &lt; div class = &quot;bg-loading bar-md h24&quot; &gt; &lt;/ div &gt; &lt; div class = &quot;bg-loading bar-md h24 w70&quot; &gt; &lt;/ div &gt; &lt;/ div &gt; &lt;/ div &gt; &lt;/ div &gt; Loading… Confetti Section titled Confetti Adding the confetti background utility adds confetti to any block-level element. You can choose the animated version, or static version. The animated version respects prefers-reduced-motion and displays the static version of the background when necessary. No JavaScript required. &lt; div class = &quot;bg-confetti-animated&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;bg-confetti-static&quot; &gt; … &lt;/ div &gt; Animated Static
+
+---
+
+### Page: Border radius
+URL: https://stackoverflow.design/product/base/border-radius/
+Date: 2026-03-24T21:30:16.513Z
+Tags: base
+description: Stacks provides atomic classes for border radius.
+
+Content:
+Classes Section titled Classes Abbreviation Output Definition Responsive? .bar0 border-radius: 0 Apply a border radius of 0 to all corners .btlr0 border-top-left-radius: 0 Apply a border radius of 0 to the top left corner .btrr0 border-top-right-radius: 0 Apply a border radius of 0 to the top right corner .bblr0 border-bottom-left-radius: 0 Apply a border radius of 0 to the bottom left corner .bbrr0 border-bottom-right-radius: 0 Apply a border radius of 0 to the bottom right corner .btr0 border-top-left-radius: 0 border-top-right-radius: 0 Apply a border radius of 0 to the top corners .brr0 border-top-right-radius: 0 border-bottom-right-radius: 0 Apply a border radius of 0 to the right corners .bbr0 border-bottom-left-radius: 0 border-bottom-right-radius: 0 Apply a border radius of 0 to the bottom corners .blr0 border-bottom-left-radius: 0 border-top-left-radius: 0 Apply a border radius of 0 to the left corners .bar-md border-radius: 10px Apply a border radius of 10px to all corners .btlr-md border-top-left-radius: 10px Apply a border radius of 10px to the top left corner .btrr-md border-top-right-radius: 10px Apply a border radius of 10px to the top right corner .bblr-md border-bottom-left-radius: 10px Apply a border radius of 10px to the bottom left corner .bbrr-md border-bottom-right-radius: 10px Apply a border radius of 10px to the bottom right corner .btr-md border-top-left-radius: 10px border-top-right-radius: 10px Apply a border radius of 10px to the top corners .brr-md border-top-right-radius: 10px border-bottom-right-radius: 10px Apply a border radius of 10px to the right corners .bbr-md border-bottom-left-radius: 10px border-bottom-right-radius: 10px Apply a border radius of 10px to the bottom corners .blr-md border-bottom-left-radius: 10px border-top-left-radius: 10px Apply a border radius of 10px to the left corners .bar-pill border-radius: 1000px Apply a border radius of 1000px to each corner for a 100% rounding of the left and right corners .bar-circle border-radius: 100% Apply a border radius of 100% to each corner circular appearance Examples Section titled Examples All corners Section titled All corners &lt;!-- 0px Border radius --&gt; &lt; div class = &quot;bar0&quot; &gt; &lt;/ div &gt; &lt;!-- 10px Border radius --&gt; &lt; div class = &quot;bar-md&quot; &gt; &lt;/ div &gt; &lt;!-- Circle Border radius --&gt; &lt; div class = &quot;bar-circle&quot; &gt; &lt;/ div &gt; &lt;!-- 1000px Border radius --&gt; &lt; div class = &quot;bar-pill&quot; &gt; &lt;/ div &gt; .bar0 .bar-md .bar-circle .bar-pill Top left corner Section titled Top left corner &lt;!-- 0px Top Left Border Radius --&gt; &lt; div class = &quot;btlr0&quot; &gt; &lt;/ div &gt; &lt;!-- 10px Top Left Border Radius --&gt; &lt; div class = &quot;btlr-md&quot; &gt; &lt;/ div &gt; .btlr0 .btlr-md Top right corner Section titled Top right corner &lt;!-- 0px Top Right Border Radius --&gt; &lt; div class = &quot;btrr0&quot; &gt; &lt;/ div &gt; &lt;!-- 10px Top Right Border Radius --&gt; &lt; div class = &quot;btrr-md&quot; &gt; &lt;/ div &gt; .btrr0 .btrr-md Bottom right corner Section titled Bottom right corner &lt;!-- 0px Bottom Right Border Radius --&gt; &lt; div class = &quot;bbrr0&quot; &gt; &lt;/ div &gt; &lt;!-- 10px Bottom Right Border Radius --&gt; &lt; div class = &quot;bbrr-md&quot; &gt; &lt;/ div &gt; .bbrr0 .bbrr-md Bottom left corner Section titled Bottom left corner &lt;!-- 0px Bottom Left Border Radius --&gt; &lt; div class = &quot;bblr0&quot; &gt; &lt;/ div &gt; &lt;!-- 10px Bottom Left Border Radius --&gt; &lt; div class = &quot;bblr-md&quot; &gt; &lt;/ div &gt; .bblr0 .bblr-md Top corners Section titled Top corners &lt;!-- 0px Top Border Radius --&gt; &lt; div class = &quot;btr0&quot; &gt; &lt;/ div &gt; &lt;!-- 10px Top Border Radius --&gt; &lt; div class = &quot;btr-md&quot; &gt; &lt;/ div &gt; .btr0 .btr-md Bottom corners Section titled Bottom corners &lt;!-- 0px Bottom Border Radius --&gt; &lt; div class = &quot;bbr0&quot; &gt; &lt;/ div &gt; &lt;!-- 10px Bottom Border Radius --&gt; &lt; div class = &quot;bbr-md&quot; &gt; &lt;/ div &gt; .bbr0 .bbr-md Left corners Section titled Left corners &lt;!-- 0px Left Border Radius --&gt; &lt; div class = &quot;blr0&quot; &gt; &lt;/ div &gt; &lt;!-- 10px Left Border Radius --&gt; &lt; div class = &quot;blr-md&quot; &gt; &lt;/ div &gt; .blr0 .blr-md Right corners Section titled Right corners &lt;!-- 0px Right Border Radius --&gt; &lt; div class = &quot;brr0&quot; &gt; &lt;/ div &gt; &lt;!-- 10px Right Border Radius --&gt; &lt; div class = &quot;brr-md&quot; &gt; &lt;/ div &gt; .brr0 .brr-md
+
+---
+
+### Page: Borders
+URL: https://stackoverflow.design/product/base/borders/
+Date: 2026-03-24T21:30:16.513Z
+Tags: base
+description: Stacks provides atomic classes for borders.
+
+Content:
+Classes Section titled Classes Class Output Apply border to Responsive? .ba border: solid 1px #000 all sides .bt border-top: solid 1px #000 top .bb border-bottom: solid 1px #000 bottom .bl border-left: solid 1px #000 left .br border-right: solid 1px #000 right .by border-top: solid 1px #000; border-bottom: solid 1px #000; top and bottom .bx border-left: solid 1px #000; border-right: solid 1px #000; left and right Examples Section titled Examples &lt; div class = &quot;ba&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;bt&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;br&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;bb&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;bl&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;bx&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;by&quot; &gt; … &lt;/ div &gt; all sides top bottom left right top and bottom left and right Width Section titled Width Width classes Section titled Width classes Class Output Border width, side(s) Responsive? .baw0 border-width: 0 zero, all sides .btw0 border-top-width: 0 zero, top .bbw0 border-bottom-width: 0 zero, bottom .blw0 border-left-width: 0 zero, left .brw0 border-right-width: 0 zero, right .byw0 border-top-width: 0; border-bottom-width: 0; zero, top and bottom .bxw0 border-left-width: 0; border-right-width: 0; zero, left and right .baw1 border-width: 1px 1px, all .btw1 border-top-width: 1px 1px, top .bbw1 border-bottom-width: 1px 1px, bottom .blw1 border-left-width: 1px 1px, left .brw1 border-right-width: 1px 1px, right .byw1 border-top-width: 1px; border-bottom-width: 1px; 1px, top and bottom .bxw1 border-left-width: 1px; border-right-width: 1px; 1px, left and right .baw2 border-width: 2px 2px, all .btw2 border-top-width: 2px 2px, top .bbw2 border-bottom-width: 2px 2px, bottom .blw2 border-left-width: 2px 2px, left .brw2 border-right-width: 2px 2px, right .byw2 border-top-width: 2px; border-bottom-width: 2px; 2px, top and bottom .bxw2 border-left-width: 2px; border-right-width: 2px; 2px, left and right .baw3 border-width: 4px 4px, all .btw3 border-top-width: 4px 4px, top .bbw3 border-bottom-width: 4px 4px, bottom .blw3 border-left-width: 4px 4px, left .brw3 border-right-width: 4px 4px, right .byw3 border-top-width: 4px; border-bottom-width: 4px; 4px, top and bottom .bxw3 border-left-width: 4px; border-right-width: 4px; 4px, left and right Width examples Section titled Width examples &lt; div class = &quot;ba&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;ba brw0&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;ba bbw0&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;ba baw2&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;ba baw3&quot; &gt; … &lt;/ div &gt; .ba .ba.brw0 .ba.bbw0 .ba.baw2 .ba.baw3 Style Section titled Style Style classes Section titled Style classes Class Output Definition .bas-solid border-style: solid Applies a solid border style to all sides .bts-solid border-top-style: solid Applies a solid border style to the top side .brs-solid border-right-style: solid Applies a solid border style to the right side .bbs-solid border-bottom-style: solid Applies a solid border style to the bottom side .bls-solid border-left-style: solid Applies a solid border style to the left side .bas-dashed border-style: dashed Applies a dashed border style to all sides .bts-dashed border-top-style: dashed Applies a dashed border style to the top side .brs-dashed border-right-style: dashed Applies a dashed border style to the right side .bbs-dashed border-bottom-style: dashed Applies a dashed border style to the bottom side .bls-dashed border-left-style: dashed Applies a dashed border style to the left side Style examples Section titled Style examples &lt; div class = &quot;ba bas-solid&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;ba bas-dashed&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;ba brs-dashed&quot; &gt; … &lt;/ div &gt; Solid border style Dashed border style Dashed border right style Color Section titled Color Color classes Section titled Color classes Each color stop is available as a border class. See the colors documentation for all available classes.
+
+---
+
+### Page: Box shadow
+URL: https://stackoverflow.design/product/base/box-shadow/
+Date: 2026-03-24T21:30:16.513Z
+Tags: base
+description: Box shadow atomic classes allow you to change an element’s box shadow quickly.
+
+Content:
+Classes Section titled Classes Class Output Hover? Focus? Responsive? .bs-none box-shadow: none; .bs-sm box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.05), 0 1px 4px hsla(0, 0%, 0%, 0.05), 0 2px 8px hsla(0, 0%, 0%, 0.05) .bs-md box-shadow: 0 1px 3px hsla(0, 0%, 0%, 0.06), 0 2px 6px hsla(0, 0%, 0%, 0.06), 0 3px 8px hsla(0, 0%, 0%, 0.09) .bs-lg box-shadow: 0 1px 4px hsla(0, 0%, 0%, 0.09), 0 3px 8px hsla(0, 0%, 0%, 0.09), 0 4px 13px hsla(0, 0%, 0%, 0.13) .bs-xl box-shadow: 0 10px 24px hsla(0, 0%, 0%, 0.05), 0 20px 48px hsla(0, 0%, 0%, 0.05), 0 1px 4px hsla(0, 0%, 0%, 0.1) .bs-ring box-shadow: 0 0 0 var(--su4) var(--focus-ring); Examples Section titled Examples &lt; div class = &quot;bs-sm&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;bs-md&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;bs-lg&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;bs-xl&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;bs-ring&quot; &gt; … &lt;/ div &gt; .bs-sm .bs-md .bs-lg .bs-xl .bs-ring
+
+---
+
+### Page: Box sizing
+URL: https://stackoverflow.design/product/base/box-sizing/
+Date: 2026-03-24T21:30:16.514Z
+Tags: base
+description: Box-sizing atomic classes allow one to determine what is used to determine an element’s width or height.
+
+Content:
+Classes Section titled Classes Class Output Definition .box-content box-sizing: content-box; Indicates that the element's width and height affects only the element's content box, that is the area minus the element's margin, padding, and borders. This is the default browser value. .box-border box-sizing: border-box; Indicates that the element's width and height affects the entire element. This is the preferred default value for Stacks. .box-unset box-sizing: unset; Removes the previously set box-sizing value, reverting it back to the initial browser value. Examples Section titled Examples &lt; div &gt; … &lt;/ div &gt; &lt; div class = &quot;box-content&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;box-border&quot; &gt; … &lt;/ div &gt; Parent container Child container box-sizing: content-box; width: 100%; padding: 0; border-width: 0; Parent container Child container box-sizing: content-box; width: 100%; padding: 12px; border-width: 1px; Parent container Child container box-sizing: border-box; width: 100%; padding: 12px; border-width: 1px;
+
+---
+
+### Page: Current color
+URL: https://stackoverflow.design/product/base/current-color/
+Date: 2026-03-24T21:30:16.514Z
+Tags: base
+description: Atomic classes allow you to quickly add currentColor to an element’s fill or stroke property.
+
+Content:
+Classes Section titled Classes Class Output .fill-current fill: currentColor; .stroke-current stroke: currentColor; Examples Section titled Examples When applied to an SVG, applying currentColor to the fill or stroke property allows you to inherit the parent element’s text color or the text color applied to the element itself. &lt; svg class = &quot;fill-current&quot; &gt; … &lt;/ svg &gt; &lt; svg class = &quot;fill-current fc-orange-400&quot; &gt; … &lt;/ svg &gt; &lt; svg class = &quot;stroke-current&quot; &gt; … &lt;/ svg &gt; &lt; svg class = &quot;stroke-current fc-orange-400&quot; &gt; … &lt;/ svg &gt;
+
+---
+
+### Page: Cursors
+URL: https://stackoverflow.design/product/base/cursors/
+Date: 2026-03-24T21:30:16.514Z
+Tags: base
+description: Atomic cursor classes allow you to quickly change an element’s cursor behavior.
+
+Content:
+Classes Section titled Classes Class Output .c-auto cursor: auto; .c-default cursor: default; .c-pointer cursor: pointer; .c-text cursor: text; .c-wait cursor: wait; .c-move cursor: move; .c-not-allowed cursor: not-allowed; .c-help cursor: help; Examples Section titled Examples &lt; div class = &quot;c-auto&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;c-default&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;c-pointer&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;c-text&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;c-wait&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;c-move&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;c-not-allowed&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;c-help&quot; &gt; … &lt;/ div &gt; .c-auto .c-default .c-pointer .c-text .c-wait .c-move .c-not-allowed .c-help
+
+---
+
+### Page: Display
+URL: https://stackoverflow.design/product/base/display/
+Date: 2026-03-24T21:30:16.514Z
+Tags: base
+description: Display atomic classes allow you to change an element’s display quickly.
+
+Content:
+Classes Section titled Classes Class Output Definition Responsive? Print? .d-block display: block; This turns any element into a block-level element. .d-inline display: inline; Turns any element into an inline element that flows like text. .d-inline-block display: inline-block; Turns any element into a block-level box that will be flowed with surrounding content as if it were a single inline box (behaving much like a replaced element would) .d-flex display: flex; Lays out its content according to the flexbox model. .d-inline-flex display: inline-flex; This makes the element behave like an inline element and lays out its content according to the flexbox model. .d-grid display: grid; This lays out an element and its contents using grid layout. .d-inline-grid display: inline-grid; This makes the element behave like an inline element and lays out its content according to the grid model. .d-table display: table; This makes your element behave like table HTML elements. It defines a block-level box. .d-table-cell display: table-cell; These elements behave like td HTML elements. .d-none display: none; Effectively removes the element from the DOM. Useful for showing / hiding elements. To hide things when the page is printed, apply .print:d-none .d-unset display: unset; Removes any display property from the element. Examples Section titled Examples &lt; div class = &quot;d-block&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-inline&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-inline-block&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-table&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-table-cell&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-none&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-unset&quot; &gt; … &lt;/ div &gt; .d-block .d-inline .d-inline .d-inline .d-inline-block .d-inline-block .d-table > .d-table-cell .d-table > .d-table-cell .d-table > .d-table-cell
+
+---
+
+### Page: Flex
+URL: https://stackoverflow.design/product/base/flex/
+Date: 2026-03-24T21:30:16.515Z
+Tags: base
+description: Stacks provides extensive utility and helper classes for flex layouts. If you are new to flex layouts, check out this <a href="https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/" rel="external">interactive introduction</a> by Joshua Comeau.</p>
+
+Content:
+Basic flex layout Section titled Basic flex layout A flex layout is initiated with the .d-flex class. By default, display: flex; starts a non-wrapping row. To convert it to a column, apply the .fd-column atomic class. &lt; div class = &quot;d-flex&quot; &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt; div class = &quot;d-flex fd-column&quot; &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; .flex--item .flex--item .flex--item .flex--item Fluid Section titled Fluid By default, all flex items will only be as wide as their content. If you would like a flex item or all the flex items to fill the remaining space, apply the .fl-grow1 to the individual item, or .flex__fl-equal to the parent to apply to all children. Fluid examples Section titled Fluid examples &lt; div class = &quot;d-flex&quot; &gt; &lt; div class = &quot;flex--item fl-grow1&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt; div class = &quot;d-flex flex__fl-equal&quot; &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; .flex--item.fl-grow1 .flex--item .flex--item .flex--item .flex--item Fixed cells Section titled Fixed cells You can either fix the width of an individual element or fix the width of all child elements within a parent container by setting the width on the parent. The cell widths are based on a 12-column flex layout system. Fixed classes Section titled Fixed classes Individual Width Uniform Width Output .flex--item1 .flex__allitems1 flex-basis: 8.333333333%; .flex--item2 .flex__allitems2 flex-basis: 16.666666667%; .flex--item3 .flex__allitems3 flex-basis: 24.999999999%; .flex--item4 .flex__allitems4 flex-basis: 33.333333332%; .flex--item5 .flex__allitems5 flex-basis: 41.666666665%; .flex--item6 .flex__allitems6 flex-basis: 50%; .flex--item7 .flex__allitems7 flex-basis: 58.333333331%; .flex--item8 .flex__allitems8 flex-basis: 66.666666664%; .flex--item9 .flex__allitems9 flex-basis: 74.999999997%; .flex--item10 .flex__allitems10 flex-basis: 83.33333333%; .flex--item11 .flex__allitems11 flex-basis: 91.666666663%; .flex--item12 .flex__allitems12 flex-basis: 100%; Fixed examples Section titled Fixed examples &lt; div class = &quot;d-flex&quot; &gt; &lt; div class = &quot;flex--item2&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item10&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt; div class = &quot;d-flex&quot; &gt; &lt; div class = &quot;flex--item3&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item6&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt; div class = &quot;d-flex flex__allitems4&quot; &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; .flex--item[x] .flex--item2 .flex--item10 .flex--item[x] and standard .flex--item .flex--item3 .flex--item6 .flex--item .d-flex.flex__allitems4 .flex--item .flex--item .flex--item .flex--item Helpers Section titled Helpers We have a few helper classes you can add to a .d-flex container that affect the child .flex--item s. Helper classes Section titled Helper classes Class Definition Responsive? .flex__center Centers child elements along a parent’s main and cross axis. .flex__fl-shrink0 Disables shrinking from all child elements .flex__fl-equal Makes each child element grow equally Helpers examples Section titled Helpers examples &lt; div class = &quot;d-flex flex__center&quot; &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt; div class = &quot;d-flex flex__fl-shrink0&quot; &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt; div class = &quot;d-flex flex__fl-equal&quot; &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; .flex__center .flex--item .flex__fl-shrink0 .flex--item .flex--item .flex--item .flex__fl-equal .flex--item .flex--item .flex--item Nested flex layouts Section titled Nested flex layouts Flex layouts can be nested within each other. This allows you to create unique, custom layouts without needing to create new, custom code or override existing styles. Nested examples Section titled Nested examples &lt; div class = &quot;d-flex&quot; &gt; &lt; div class = &quot;d-flex&quot; &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt; div class = &quot;flex--item2&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item2&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; .flex--item .flex--item .flex--item2 .flex--item2 Gutters Section titled Gutters Deprecation: gutters will be removed in a future release. Please use gap classes to set spacing on flex items. Sometimes gutters are desired between cells. To do so apply the appropriate class to the parent wrapper. The gutter applies a margin to all sides. The sizes available are the same as the spacing units . Gutter classes Section titled Gutter classes Class Output .gs2 2px .gs4 4px .gs6 6px .gs8 8px .gs12 12px .gs16 16px .gs24 24px .gs32 32px .gs48 48px .gs64 64px .gsx Applies margins only to left and right .gsy Applies margins only to top and bottom Gutter examples Section titled Gutter examples &lt; div class = &quot;d-flex flex__fl-equal gs16&quot; &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt; div class = &quot;d-flex flex__fl-equal gs16 gsx&quot; &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt; div class = &quot;d-flex flex__fl-equal gs16 gsy&quot; &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; .gs16 .gs16 .gs16 .gs16 .gs16.gsx -- Row gutters only .gs16.gsx -- Row gutters only .gs16.gsx -- Row gutters only .gs16.gsx -- Row gutters only .gs16.gsy -- Column gutters only .gs16.gsy -- Column gutters only .gs16.gsy -- Column gutters only .gs16.gsy -- Column gutters only Nested gutters Section titled Nested gutters Note: Nested flex layouts with gutter spacing will conflict with each other in unpredictable ways. TL;DR? Don’t stick a .d-flex directly into a .d-flex , instead stick a .d-flex into a .flex--item like so: If you are nesting a flex layout with gutter spacing into another flex layout that also has gutter spacing, the child’s parent wrapper margins will be overwritten by the parent. To have the child flex layout’s gutter spacing honored, you have to put the child flex layout within a .flex--item wrapper first. This allows the parent and child flex layout gutter spacing to act correctly without interfering with each other. Do &lt; div class = &quot;d-flex gs32&quot; &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item&quot; &gt; &lt; div class = &quot;d-flex gs16&quot; &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt;/ div &gt; &lt;/ div &gt; .flex--item .flex--item .flex--item Don’t &lt; div class = &quot;d-flex gs32&quot; &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-flex gs16&quot; &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt;/ div &gt; .flex--item .flex--item .flex--item Flex direction Section titled Flex direction On a flex container, you can set the direction of the child items. Flex direction classes Section titled Flex direction classes Class Definition Responsive? .fd-row Sets the flex direction to a row. .fd-row-reverse Reverses the row flex direction. .fd-column Sets the flex direction to a column. .fd-column-reverse Reverses the column flex direction. Flex direction examples Section titled Flex direction examples &lt; div class = &quot;d-flex fd-row&quot; &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt; div class = &quot;d-flex fd-row-reverse&quot; &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt; div class = &quot;d-flex fd-column&quot; &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt; div class = &quot;d-flex fd-column-reverse&quot; &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;flex--item&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; .fd-row Default .flex--item 1 .flex--item 2 .flex--item 3 .fd-row-reverse .flex--item 1 .flex--item 2 .flex--item 3 .fd-column .flex--item 1 .flex--item 2 .flex--item 3 .fd-column-reverse ....
+
+---
+
+### Page: Floats
+URL: https://stackoverflow.design/product/base/floats/
+Date: 2026-03-24T21:30:16.515Z
+Tags: base
+description: Float and clear atomic classes allow you to change how an element is positioned within the layout. These should be used when possible to help create consistency.
+
+Content:
+Classes Section titled Classes Class Output Definition Examples Section titled Examples Floats Section titled Floats &lt; div class = &quot;ps-relative clearfix&quot; &gt; &lt; div class = &quot;float-none&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;float-left&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;float-right&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; .float-none .float-left .float-right Clears Section titled Clears &lt; div class = &quot;ps-relative clearfix&quot; &gt; &lt; div class = &quot;float-none&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;float-left&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;float-right&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; .float-left .float-left .clear-left .float-right .float-right .clear-right .float-left .float-right .clear-both
+
+---
+
+### Page: Gap
+URL: https://stackoverflow.design/product/base/gap/
+Date: 2026-03-24T21:30:16.515Z
+Tags: base
+description: Atomic CSS gap classes allow you to set spacing on the direct children of elements with <code>flexbox</code> and <code>grid</code> layouts.
+
+Content:
+Gap classes Section titled Gap classes Class Output Definition Responsive? .g0 gap: 0 Add no space between items .g1 gap: 1px Space out items by 1px .g2 gap: 2px Space out items by 2px .g4 gap: 4px Space out items by 4px .g6 gap: 6px Space out items by 6px .g8 gap: 8px Space out items by 8px .g12 gap: 12px Space out items by 12px .g16 gap: 16px Space out items by 16px .g24 gap: 24px Space out items by 24px .g32 gap: 32px Space out items by 32px .g48 gap: 48px Space out items by 48px .g64 gap: 64px Space out items by 64px Examples Section titled Examples &lt; div class = &quot;d-grid g0&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid g1&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid g2&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid g4&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid g8&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid g12&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid g16&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid g24&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid g32&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid g48&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid g64&quot; &gt; … &lt;/ div &gt; .g0 .g1 .g2 .g4 .g6 .g8 .g12 .g16 .g24 .g32 .g48 .g64 Column gap Section titled Column gap Spacing can be set on just the x-axis with .gx classes. They can be used independently or in combination with other atomic gap classes. Class Definition Responsive? .gx0 Add no space between columns .gx1 Space out columns by 1px .gx2 Space out columns by 2px .gx4 Space out columns by 4px .gx6 Space out columns by 6px .gx8 Space out columns by 8px .gx12 Space out columns by 12px .gx16 Space out columns by 16px .gx24 Space out columns by 24px .gx32 Space out columns by 32px .gx48 Space out columns by 48px .gx64 Space out columns by 64px Column examples Section titled Column examples &lt; div class = &quot;d-grid gx0&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid gx1&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid gx2&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid gx4&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid gx8&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid gx12&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid gx16&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid gx24&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid gx32&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid gx48&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid gx64&quot; &gt; … &lt;/ div &gt; .gx0 .gx1 .gx2 .gx4 .gx6 .gx8 .gx12 .gx16 .gx24 .gx32 .gx48 .gx64 Row gap Section titled Row gap Spacing can be set on just the y-axis with .gy classes. They can be used independently or in combination with other atomic gap classes. Class Definition Responsive? .gy0 Add no space between rows .gy1 Space out rows by 1px .gy2 Space out rows by 2px .gy4 Space out rows by 4px .gy6 Space out rows by 6px .gy8 Space out rows by 8px .gy12 Space out rows by 12px .gy16 Space out rows by 16px .gy24 Space out rows by 24px .gy32 Space out rows by 32px .gy48 Space out rows by 48px .gy64 Space out rows by 64px Row examples Section titled Row examples &lt; div class = &quot;d-grid gy0&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid gy1&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid gy2&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid gy4&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid gy8&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid gy12&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid gy16&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid gy24&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid gy32&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid gy48&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid gy64&quot; &gt; … &lt;/ div &gt; .gy0 .gy1 .gy2 .gy4 .gy6 .gy8 .gy12 .gy16 .gy24 .gy32 .gy48 .gy64
+
+---
+
+### Page: Grid
+URL: https://stackoverflow.design/product/base/grid/
+Date: 2026-03-24T21:30:16.515Z
+Tags: base
+description: Atomic CSS grid classes allow you to quickly add native css grids to your container.
+
+Content:
+Overview Section titled Overview CSS Grids are the most powerful layout system available in CSS. It has two dimensions, meaning it can handle both columns and rows simultaneously, unlike flex layouts which can only do one at a time. Applying .d-grid to a container will lay out its children according to the CSS Grid layout spec. Adding atomic modifying classes will change the layout’s behavior. Applying classes to an individual .grid--item will change that cell’s behavior. Examples Section titled Examples &lt; div class = &quot;d-grid&quot; &gt; &lt; div class = &quot;grid--item&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; .d-grid .grid__4 .g16 .sm:g-af-row .grid--item .grid--col-all .grid--item .grid--col1 .md:grid--col-all .grid--row2 .grid--item .grid--col3 .md:grid--col-all .grid__2 .d-grid .g16 .grid__2 .sm:g-af-row .grid--item .sm:grid--col-all .grid--item .sm:grid--col-all .grid--item .sm:grid--col-all .grid--item .sm:grid--col-all .grid--item .grid--col2 .grid--item .grid--col1 .md:grid--col2 .grid--item .grid--col-all .grid--item .md:grid--col2 .md:has-row-2 .grid--item .md:grid--col2 .grid--item .md:grid--col2 .grid--item .md:grid--col-all Columns Section titled Columns To define a discrete number of columns in your grid layout, you can add a grid__[x] modifying class. Column classes Section titled Column classes Class Output Definition Responsive? .grid__1 grid-template-columns: repeat(1, minmax(0, 1fr)) Creates a grid layout with 1 column .grid__2 grid-template-columns: repeat(2, minmax(0, 2fr)) Creates a grid layout with 2 columns .grid__3 grid-template-columns: repeat(3, minmax(0, 3fr)) Creates a grid layout with 3 columns .grid__4 grid-template-columns: repeat(4, minmax(0, 4fr)) Creates a grid layout with 4 columns .grid__5 grid-template-columns: repeat(5, minmax(0, 5fr)) Creates a grid layout with 5 columns .grid__6 grid-template-columns: repeat(6, minmax(0, 6fr)) Creates a grid layout with 6 columns .grid__7 grid-template-columns: repeat(7, minmax(0, 7fr)) Creates a grid layout with 7 columns .grid__8 grid-template-columns: repeat(8, minmax(0, 8fr)) Creates a grid layout with 8 columns .grid__9 grid-template-columns: repeat(9, minmax(0, 9fr)) Creates a grid layout with 9 columns .grid__10 grid-template-columns: repeat(10, minmax(0, 10fr)) Creates a grid layout with 10 columns .grid__11 grid-template-columns: repeat(11, minmax(0, 11fr)) Creates a grid layout with 11 columns .grid__12 grid-template-columns: repeat(1, minmax(0, 12fr)) Creates a grid layout with 12 columns .grid__auto grid-template-columns: auto 1fr Creates a grid layout with auto-sized columns based on their content Columns examples Section titled Columns examples &lt; div class = &quot;d-grid grid__1&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid grid__2&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid grid__3&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid grid__4&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid grid__5&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid grid__6&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid grid__7&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid grid__8&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid grid__9&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid grid__10&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid grid__11&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid grid__12&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid grid__auto&quot; &gt; … &lt;/ div &gt; 1 1 2 1 2 3 1 2 3 4 1 2 3 4 5 1 2 3 4 5 6 1 2 3 4 5 6 7 1 2 3 4 5 6 7 8 1 2 3 4 5 6 7 8 9 1 2 3 4 5 6 7 8 9 10 1 2 3 4 5 6 7 8 9 10 11 1 2 3 4 5 6 7 8 9 10 11 12 1 2 3 4 Column and row spans Section titled Column and row spans You can apply grid--col[x] to your columns, and grid--row[x] to your rows to span a specific number of columns or rows. Column spanning classes Section titled Column spanning classes Class Output Definition Responsive? .grid--col-all grid-column: 1 / -1 Span all the columns .grid--col1 grid-column: span 1 Span 1 column .grid--col2 grid-column: span 2 Span 2 columns .grid--col3 grid-column: span 3 Span 3 columns .grid--col4 grid-column: span 4 Span 4 columns .grid--col5 grid-column: span 5 Span 5 columns .grid--col6 grid-column: span 6 Span 6 columns .grid--col7 grid-column: span 7 Span 7 columns .grid--col8 grid-column: span 8 Span 8 columns .grid--col9 grid-column: span 9 Span 9 columns .grid--col10 grid-column: span 10 Span 10 columns .grid--col11 grid-column: span 11 Span 11 columns .grid--col12 grid-column: span 12 Span 12 columns Column examples Section titled Column examples &lt; div class = &quot;d-grid grid__12&quot; &gt; &lt; div class = &quot;grid--col-all&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;grid--col1&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;grid--col2&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;grid--col3&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;grid--col4&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;grid--col5&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;grid--col6&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;grid--col7&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;grid--col8&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;grid--col9&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;grid--col10&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;grid--col11&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;grid--col12&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; .grid--col-all .grid--col1 .grid--col2 .grid--col3 .grid--col4 .grid--col5 .grid--col6 .grid--col7 .grid--col8 .grid--col9 .grid--col10 .grid--col11 .grid--col12 Row classes Section titled Row classes Class Output Definition Responsive? .grid--row-all grid-row: 1 / -1 Span all the rows .grid--row1 grid-row: span 1 Span 1 row .grid--row2 grid-row: span 2 Span 2 rows .grid--row3 grid-row: span 3 Span 3 rows .grid--row4 grid-row: span 4 Span 4 rows .grid--row5 grid-row: span 5 Span 5 rows .grid--row6 grid-row: span 6 Span 6 rows .grid--row7 grid-row: span 7 Span 7 rows .grid--row8 grid-row: span 8 Span 8 rows .grid--row9 grid-row: span 9 Span 9 rows .grid--row10 grid-row: span 10 Span 10 rows .grid--row11 grid-row: span 11 Span 11 rows .grid--row12 grid-row: span 12 Span 12 rows Row example Section titled Row example &lt; div class = &quot;d-grid grid__4&quot; &gt; &lt; div class = &quot;grid--col2 grid--row4&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;grid--col2&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;grid--col2&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;grid--col2&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;grid--col2&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; .grid--col2 .grid--row4 .grid--col2 .grid--col2 .grid--col2 .grid--col2 Autoflow Section titled Autoflow If you have grid items that you don’t explicitly place on the grid, the auto-placement algorithm kicks in to automatically place the items. Autoflow classes Section titled Autoflow classes Class Output Definition Responsive? .g-af-row grid-auto-flow: row Items are placed by filling each row in turn, adding new rows as necessary. The default. .g-af-column grid-auto-flow: column Items are placed by filling each column in turn, adding new columns as necessary. .g-af-dense grid-auto-flow: dense Dense packing algorithm attempts to fill in holes earlier in the grid, if smaller items come up later. This may cause items to appear out-of-order, when doing so would fill in holes left by larger items. Autoflow examples Section titled Autoflow examples &lt; div class = &quot;d-grid g-af-row&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid g-af-column&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;d-grid g-af-dense&quot; &gt; … &lt;/ div &gt; .g-af-row 1 2 3 .g-af-column 1 2 3 4 5 6 7 8 9 10 11 12 .g-af-dense 1 2 3 4 5 6 7 8 9 10 11 12 Start and end Section titled Start and end If you’d like to offset a column or row and specify its start and end positioning classes, you can apply these atomic classes. Column start and end classes Section titled Column start and end classes Class Output Definition Responsive? .grid--col-start1 grid-column-start: 1 Start at the 1st column .grid--col-start2 grid-column-start: 2 Start at the 2nd column .grid--col-start3 grid-column-start: 3 Start at the 3rd column .grid--col-start4 grid-column-start: 4 Start at the 4th column .grid--col-start5 grid-column-start: 5 Start at the 5th column .grid--col-start6 grid-column-start: 6 Start at the 6th column .grid--col-start7 grid-column-start: 7 Start at the 7th column .grid--col-start8 grid-column-start: 8 Start at the 8th column .grid--col-start9 grid-column-start: 9 Start at the 9th column .grid--col-start10 grid-column-start: 10 Start at the 10th column .grid--col-start11 grid-column-start: 11 Start at the 11th column .grid--col-start12 grid-column-start: 12 Start at the 12th column .grid--col-end2 grid-column-end: 2 End at the start of 2nd column .grid--col-end3 grid-column-end: 3 End at the start of 3rd column .grid--col-end4 grid-column-end: 4 End at the start of 4th column .grid--col-end5 grid-column-end: 5 End at the start of 5th column .grid--col-end6 grid-column-end: 6 End at the start of 6th column .grid--col-end7 grid-column-end: 7 End at the start of 7th column .grid--col-end8 grid-column-end: 8 End at the start of 8th column .grid--col-end9 grid-column-end: 9 End at the start of 9th column .grid--col-end10 grid-column-end: 10 End at the start of 10th column .grid--col-end11 grid-column-end: 11 End at the start of 11th column .grid--col-end12 grid-column-end: 12 End at the start of 12th column ....
+
+---
+
+### Page: Height
+URL: https://stackoverflow.design/product/base/height/
+Date: 2026-03-24T21:30:16.516Z
+Tags: base
+description: Stacks provides atomic sizing classes for heights using pixel, rem, and percentage values. Most height classes are based on a 16px base font size and will scale based on the browser's font size.
+
+Content:
+Pixel height Section titled Pixel height Pixel height classes allow you to set the height of an element to a specific pixel value. Pixel height classes Section titled Pixel height classes Class Computed value rem value Responsive? .h0 height: 0px; 0rem .h1 height: 1px; 0.063rem .h2 height: 2px; 0.125rem .h4 height: 4px; 0.25rem .h6 height: 6px; 0.375rem .h8 height: 8px; 0.5rem .h12 height: 12px; 0.75rem .h16 height: 16px; 1rem .h24 height: 24px; 1.5rem .h32 height: 32px; 2rem .h48 height: 48px; 3rem .h64 height: 64px; 4rem .h96 height: 96px; 6rem .h128 height: 128px; 8rem Base height examples Section titled Base height examples &lt; div class = &quot;h2&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;h4&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;h6&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;h8&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;h12&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;h16&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;h24&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;h32&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;h48&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;h64&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;h96&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;h128&quot; &gt; … &lt;/ div &gt; .h0 .h1 .h2 .h4 .h6 .h8 .h12 .h16 .h24 .h32 .h48 .h64 .h96 .h128 Sizing units height Section titled Sizing units height Sizing units height classes allow you to set the height of an element according to a predefined set of 12 common values in used in Stacks. Sizing units height classes Section titled Sizing units height classes Class Computed value rem value Responsive? .hs1 height: 128px; 8rem .hs2 height: 256px; 16rem .hs3 height: 344px; 21.5rem .hs4 height: 448px; 28rem .hs5 height: 512px; 32rem .hs6 height: 640px; 40rem .hs7 height: 768px; 48rem .hs8 height: 848px; 53rem .hs9 height: 960px; 60rem .hs10 height: 1024px; 64rem .hs11 height: 1120px; 70rem .hs12 height: 1280px; 80rem Sizing units height examples Section titled Sizing units height examples &lt; div class = &quot;hs1&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;hs2&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;hs3&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;hs4&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;hs5&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;hs6&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;hs7&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;hs8&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;hs9&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;hs10&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;hs11&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;hs12&quot; &gt; … &lt;/ div &gt; .hs1 .hs2 .hs3 .hs4 .hs5 .hs6 .hs7 .hs8 .hs9 .hs10 .hs11 .hs12 Fluid height Section titled Fluid height Fluid height classes allow you to set the height of an element to a percentage of the parent element's height or to the full height of the viewport. Fluid height classes Section titled Fluid height classes Class Value Responsive? .h100 height: 100%; .h-screen height: 100vh; .h-auto height: auto; Fluid height examples Section titled Fluid height examples &lt; div class = &quot;h100&quot; &gt; … &lt;/ div &gt; .h100 Min height Section titled Min height Min height classes allow you to set the minimum height of an element. Min height classes Section titled Min height classes Class Computed value rem value Responsive? .hmn0 min-height: 0; - .hmn1 min-height: 128px; 8rem .hmn2 min-height: 256px; 16rem .hmn3 min-height: 344px; 21.5rem .hmn4 min-height: 448px; 28rem .hmn5 min-height: 512px; 32rem .hmn6 min-height: 640px; 40rem .hmn7 min-height: 768px; 48rem .hmn8 min-height: 848px; 53rem .hmn9 min-height: 960px; 60rem .hmn10 min-height: 1024px; 64rem .hmn11 min-height: 1120px; 70rem .hmn12 min-height: 1280px; 80rem .hmn100 min-height: 100%; - .hmn-screen min-height: 100vh; - .hmn-initial min-height: initial; - Max height Section titled Max height Max height classes allow you to set the maximum height of an element. Max height classes Section titled Max height classes Class Computed value rem value Responsive? .hmx1 max-height: 128px; 8rem .hmx2 max-height: 256px; 16rem .hmx3 max-height: 344px; 21.5rem .hmx4 max-height: 448px; 28rem .hmx5 max-height: 512px; 32rem .hmx6 max-height: 640px; 40rem .hmx7 max-height: 768px; 48rem .hmx8 max-height: 848px; 53rem .hmx9 max-height: 960px; 60rem .hmx10 max-height: 1024px; 64rem .hmx11 max-height: 1120px; 70rem .hmx12 max-height: 1280px; 80rem .hmx100 max-height: 100%; - .hmx-screen max-height: 100vh; - .hmx-initial max-height: initial; -
+
+---
+
+### Page: Interactivity
+URL: https://stackoverflow.design/product/base/interactivity/
+Date: 2026-03-24T21:30:16.516Z
+Tags: base
+description: Atomic interactivity classes allow you to quickly change an element’s interactivity.
+
+Content:
+Pointer events Section titled Pointer events The pointer-events CSS property enables or disables all mouse events on an element. Pointer events classes Section titled Pointer events classes Class Output Definition .pe-auto pointer-events: auto; The element behaves as it would if the pointer-events property were not specified. .pe-none pointer-events: none; Disables mouse events (clicking, dragging, hovering, etc.) on the element and its decendents. Pointer events examples Section titled Pointer events examples &lt; div class = &quot;pe-auto&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;pe-none&quot; &gt; … &lt;/ div &gt; .pe-auto .pe-none Focus Section titled Focus The focus utility classes allow you to apply custom focus styles to an element. Add the conditional prefix f: to only apply the style when the element is focused. Focus classes Section titled Focus classes Class Definition .focus The element will have the default Stacks focus style applied. .focus-inset The element will have the inset Stacks focus style applied. .focus-bordered The element will have the default Stacks focus style applied and match the border to the focus style. .focus-inset-bordered The element will have the inset Stacks focus style applied and match the border to the focus style. Focus examples Section titled Focus examples &lt; div class = &quot;focus&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;focus-inset&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;focus-bordered&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;focus-inset-bordered&quot; &gt; … &lt;/ div &gt; .focus .focus-inset .focus-bordered .focus-inset-bordered Conditional focus examples Section titled Conditional focus examples Add the conditional prefix f: to only apply the style when the element is focused. &lt; div class = &quot;f:focus&quot; role = &quot;button&quot; tabindex = &quot;0&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;f:focus-inset&quot; role = &quot;button&quot; tabindex = &quot;0&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;f:focus-bordered&quot; role = &quot;button&quot; tabindex = &quot;0&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;f:focus-inset-bordered&quot; role = &quot;button&quot; tabindex = &quot;0&quot; &gt; … &lt;/ div &gt; .f:focus .f:focus-inset .f:focus-bordered .f:focus-inset-bordered User select Section titled User select The user-select CSS property controls whether the user can select text. User select classes Section titled User select classes Class Output Definition .us-auto user-select: auto; The element behaves as it would if the user-select property were not specified. .us-none user-select: none; The text of the element and its sub-elements is not selectable. It may be appropriate to combine with .c-default User select examples Section titled User select examples &lt; div class = &quot;us-auto&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;us-none&quot; &gt; … &lt;/ div &gt; .us-auto .us-none
+
+---
+
+### Page: Lists
+URL: https://stackoverflow.design/product/base/lists/
+Date: 2026-03-24T21:30:16.516Z
+Tags: base
+description: Stacks provides a few atomic classes to help style lists.
+
+Content:
+Classes Section titled Classes Class Output .list-reset list-style: none; margin: 0; padding: 0; .list-ls-none list-style: none; .list-ls-disc list-style-type: disc; .list-ls-decimal list-style-type: decimal; .list-ls-unset list-style-type: inherit; .list-inside list-style-position: inside; .list-outside list-style-position: outside; Examples Section titled Examples By design, our lists inherit some sensible margins by default. However, in some layouts, you may want to strip these default margins by adding .list-reset and then explicitly choosing a list style and list style position. These classes can be applied to ordered and unordered lists interchangably, though if you’re wanting to show decimals, it’s most appropriate to mark your list up as an ordered list. List Style Section titled List Style &lt; ol class = &quot;list-reset&quot; &gt; … &lt;/ ol &gt; &lt; ul class = &quot;list-ls-none&quot; &gt; … &lt;/ ul &gt; &lt; ul class = &quot;list-ls-disc&quot; &gt; … &lt;/ ul &gt; &lt; ol class = &quot;list-ls-decimal&quot; &gt; … &lt;/ ol &gt; List item 1 List item 2 List item 3 List item 4 List item 5 List item 1 List item 2 List item 3 List item 4 List item 5 List item 1 List item 2 List item 3 List item 4 List item 5 List item 1 List item 2 List item 3 List item 4 List item 5 List Position Section titled List Position By default, the position of markers in a list item are outside their containing element. &lt; ul class = &quot;list-reset list-ls-disc list-inside&quot; &gt; … &lt;/ ul &gt; &lt; ul class = &quot;list-reset list-ls-disc list-outside&quot; &gt; … &lt;/ ul &gt; List item 1 List item 2 List item 3 List item 4 List item 5 List item 1 List item 2 List item 3 List item 4 List item 5
+
+---
+
+### Page: Margin
+URL: https://stackoverflow.design/product/base/margin/
+Date: 2026-03-24T21:30:16.516Z
+Tags: base
+description: Stacks provides atomic classes to override margin.
+
+Content:
+Base Section titled Base Immutable margin utilities are based on our global white space scale. These can dramatically help reduce the size of large stylesheets and allow for greater flexibility and quicker iteration when designing in the browser. Abbreviations Section titled Abbreviations Abbreviation Property Responsive? m margin mt margin-top mr margin-right mb margin-bottom ml margin-left mx margin x-axis my margin y-axis Base examples Section titled Base examples &lt; div class = &quot;mt8 mr4 mb32 ml64&quot; &gt; … &lt;/ div &gt; Example div with different margins applied Base classes Section titled Base classes 0 1px 2px 4px 6px 8px 12px 16px 24px 32px 48px 64px 96px 128px 50% 100% m .m0 .m1 .m2 .m4 .m6 .m8 .m12 .m16 .m24 .m32 .m48 .m64 .m96 .m128 .m50 .m100 mt .mt0 .mt1 .mt2 .mt4 .mt6 .mt8 .mt12 .mt16 .mt24 .mt32 .mt48 .mt64 .mt96 .mt128 .mt50 .mt100 mr .mr0 .mr1 .mr2 .mr4 .mr6 .mr8 .mr12 .mr16 .mr24 .mr32 .mr48 .mr64 .mr96 .mr128 .mr50 .mr100 mb .mb0 .mb1 .mb2 .mb4 .mb6 .mb8 .mb12 .mb16 .mb24 .mb32 .mb48 .mb64 .mb96 .mb128 .mb50 .mb100 ml .ml0 .ml1 .ml2 .ml4 .ml6 .ml8 .ml12 .ml16 .ml24 .ml32 .ml48 .ml64 .ml96 .ml128 .ml50 .ml100 mx .mx0 .mx1 .mx2 .mx4 .mx6 .mx8 .mx12 .mx16 .mx24 .mx32 .mx48 .mx64 .mx96 .mx128 .mx50 .mx100 my .my0 .my1 .my2 .my4 .my6 .my8 .my12 .my16 .my24 .my32 .my48 .my64 .my96 .my128 .my50 .my100 Negative Section titled Negative Immutable margin utilities are based on our global white space scale. These can dramatically help reduce the size of large stylesheets and allow for greater flexibility and quicker iteration when designing in the browser. Abbreviations Section titled Abbreviations Abbreviation Property Responsive? mn margin mtn margin-top mrn margin-right mbn margin-bottom mln margin-left mxn margin x-axis myn margin y-axis Negative examples Section titled Negative examples &lt; div class = &quot;mtn8 mrn4 mbn32 mln64&quot; &gt; … &lt;/ div &gt; Example div with different margins applied Negative classes Section titled Negative classes 1px 2px 4px 6px 8px 12px 16px 24px 32px 48px 64px 96px 128px 50% 100% mn .mn1 .mn2 .mn4 .mn6 .mn8 .mn12 .mn16 .mn24 .mn32 .mn48 .mn64 .mn96 .mn128 .mn50 .mn100 mtn .mtn1 .mtn2 .mtn4 .mtn6 .mtn8 .mtn12 .mtn16 .mtn24 .mtn32 .mtn48 .mtn64 .mtn96 .mtn128 .mtn50 .mtn100 mrn .mrn1 .mrn2 .mrn4 .mrn6 .mrn8 .mrn12 .mrn16 .mrn24 .mrn32 .mrn48 .mrn64 .mrn96 .mrn128 .mrn50 .mrn100 mbn .mbn1 .mbn2 .mbn4 .mbn6 .mbn8 .mbn12 .mbn16 .mbn24 .mbn32 .mbn48 .mbn64 .mbn96 .mbn128 .mbn50 .mbn100 mln .mln1 .mln2 .mln4 .mln6 .mln8 .mln12 .mln16 .mln24 .mln32 .mln48 .mln64 .mln96 .mln128 .mln50 .mln100 mxn .mxn1 .mxn2 .mxn4 .mxn6 .mxn8 .mxn12 .mxn16 .mxn24 .mxn32 .mxn48 .mxn64 .mxn96 .mxn128 .mxn50 .mxn100 myn .myn1 .myn2 .myn4 .myn6 .myn8 .myn12 .myn16 .myn24 .myn32 .myn48 .myn64 .myn96 .myn128 .myn50 .myn100 Auto Section titled Auto Stacks provides additional automatic margin classes. These come in handy when positioning individual flex items within flex layouts, or horizontally centering a block-level element. Auto classes Section titled Auto classes Class Property .m-auto margin .mt-auto margin-top .mr-auto margin-right .mb-auto margin-bottom .ml-auto margin-left .mx-auto margin x-axis .my-auto margin y-axis
+
+---
+
+### Page: Object fit
+URL: https://stackoverflow.design/product/base/object-fit/
+Date: 2026-03-24T21:30:16.516Z
+Tags: base
+description: Atomic classes that control the sizing of an <code>img</code> or <code>video</code> relative to its container.
+
+Content:
+Classes Section titled Classes Class Output Definition .of-contain object-fit: contain Fit the content to the content box while preserving its aspect ratio. This may result in empty space in the content box. .of-cover object-fit: cover Cover the entire content box with the content while preserving its aspect ratio. This may crop the content. .of-fill object-fit: fill Stretch and scale the content’s dimensions to match its content box. This is the default browser value. .of-none object-fit: none Prevent the content from being resized. .of-scale-down object-fit: scale-down When larger than the content box, resize the content to fill its content box. Otherwise, maintain the content’s original dimensions. .op-center object-position: center Center the content within its content box. Examples Section titled Examples &lt; img class = &quot;of-contain&quot; src = &quot;…&quot; /&gt; &lt; img class = &quot;of-cover&quot; src = &quot;…&quot; /&gt; &lt; img class = &quot;of-fill&quot; src = &quot;…&quot; /&gt; &lt; img class = &quot;of-none&quot; src = &quot;…&quot; /&gt; &lt; img class = &quot;of-scale-down&quot; src = &quot;…&quot; /&gt; &lt; img class = &quot;of-none op-center&quot; src = &quot;…&quot; /&gt; .of-contain .of-contain .of-cover .of-cover .of-fill .of-fill .of-none .of-none .of-scale-down .of-scale-down .op-center.op-none .op-center.op-none
+
+---
+
+### Page: Opacity
+URL: https://stackoverflow.design/product/base/opacity/
+Date: 2026-03-24T21:30:16.517Z
+Tags: base
+description: Atomic opacity classes allow you to change an element’s opacity quickly.
+
+Content:
+Classes Section titled Classes Class Output Hover? Focus? .o0 opacity: 0; .o5 opacity: 0.05; .o10 opacity: 0.1; .o20 opacity: 0.2; .o30 opacity: 0.3; .o40 opacity: 0.4; .o50 opacity: 0.5; .o60 opacity: 0.6; .o70 opacity: 0.7; .o80 opacity: 0.8; .o90 opacity: 0.9; .o100 opacity: 1; Examples Section titled Examples &lt; div class = &quot;o0&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;o5&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;o10&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;o20&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;o30&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;o40&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;o50&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;o60&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;o70&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;o80&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;o90&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;o100&quot; &gt; … &lt;/ div &gt; .o0 .o5 .o10 .o20 .o30 .o40 .o50 .o60 .o70 .o80 .o90 .o100
+
+---
+
+### Page: Outline
+URL: https://stackoverflow.design/product/base/outline/
+Date: 2026-03-24T21:30:16.517Z
+Tags: base
+description: null
+
+Content:
+Warning: Atomic outline classes mimic or remove default Stacks focus styles. They should only be applied when absolutely necessary. Classes Section titled Classes Class Output Definition .outline-none outline: 0; Removes the browser’s default focus style. To maintain accessibility, care should be taken to replace the style that’s been removed. .outline-ring Standard Stacks focus style Standard Stacks focus style. Examples Section titled Examples &lt; div class = &quot;outline-none&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;outline-ring&quot; &gt; … &lt;/ div &gt; .outline-none .outline-ring
+
+---
+
+### Page: Overflow
+URL: https://stackoverflow.design/product/base/overflow/
+Date: 2026-03-24T21:30:16.517Z
+Tags: base
+description: Atomic overflow classes allow you to change an element’s overflow properties quickly.
+
+Content:
+Classes Section titled Classes Class Output Definition .overflow-auto overflow: auto; If content fits inside the content box, it looks the same as visible, but still establishes a new block-formatting context. Desktop browsers like Firefox provide scrollbars if content overflows. .overflow-x-auto overflow-x: auto; If content fits inside the content box, it looks the same as visible in the x dimension, but still establishes a new block-formatting context. Desktop browsers like Firefox provide scrollbars if content overflows. .overflow-y-auto overflow-y: auto; If content fits inside the content box, it looks the same as visible in the y dimension, but still establishes a new block-formatting context. Desktop browsers like Firefox provide scrollbars if content overflows. .overflow-hidden overflow: hidden; Content is clipped if necessary to fit the content box. No scrollbars are provided. .overflow-x-hidden overflow-x: hidden; Content is clipped if necessary to fit the content box. No scrollbars are provided in the x dimension. .overflow-y-hidden overflow-y: hidden; Content is clipped if necessary to fit the content box. No scrollbars are provided in the y dimension. .overflow-scroll overflow: scroll; Content is clipped if necessary to fit the content box. Browsers display scrollbars whether or not any content is actually clipped. (This prevents scrollbars from appearing or disappearing when the content changes.) Printers may still print overflowing content. .overflow-x-scroll overflow-x: scroll; Content is clipped if necessary to fit the content box. Browsers display scrollbars whether or not any content is actually clipped in the x dimension. .overflow-y-scroll overflow-y: scroll; Content is clipped if necessary to fit the content box. Browsers display scrollbars whether or not any content is actually clipped in the y dimension. .overflow-visible overflow: visible; Content is not clipped and may be rendered outside the content box. This is the default value. Examples Section titled Examples &lt; div class = &quot;overflow-auto&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;overflow-x-auto&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;overflow-y-auto&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;overflow-hidden&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;overflow-x-hidden&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;overflow-y-hidden&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;overflow-scroll&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;overflow-x-scroll&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;overflow-y-scroll&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;overflow-visible&quot; &gt; … &lt;/ div &gt; .overflow-auto .overflow-x-auto .overflow-y-auto .overflow-hidden .overflow-x-hidden .overflow-y-hidden .overflow-scroll .overflow-x-scroll .overflow-y-scroll .overflow-visible
+
+---
+
+### Page: Padding
+URL: https://stackoverflow.design/product/base/padding/
+Date: 2026-03-24T21:30:16.517Z
+Tags: base
+description: Stacks provides atomic classes to override padding.
+
+Content:
+Padding Section titled Padding Immutable padding utilities are based on a global white space scale defined with custom properties. These can dramatically help reduce the size of large stylesheets and allow for greater flexibility and quicker iteration when designing in the browser. Padding should never be declared outside of these utilities. This is meant to help create consistency and avoid magic numbers. If, for some reason, the default white space scale does not suit your design, customize and extend it before use. Padding class abbreviations Section titled Padding class abbreviations Abbreviation Property Responsive? p padding pt padding-top pr padding-right pb padding-bottom pl padding-left px padding x-axis py padding y-axis Padding classes Section titled Padding classes &lt; div class = &quot;pt4 pr64 pb64 pl64&quot; &gt; … &lt;/ div &gt; Example div with different paddings applied 0 1px 2px 4px 6px 8px 12px 16px 24px 32px 48px 64px 96px 128px 50% 100% p .p0 .p1 .p2 .p4 .p6 .p8 .p12 .p16 .p24 .p32 .p48 .p64 .p96 .p128 .p50 .p100 pt .pt0 .pt1 .pt2 .pt4 .pt6 .pt8 .pt12 .pt16 .pt24 .pt32 .pt48 .pt64 .pt96 .pt128 .pt50 .pt100 pr .pr0 .pr1 .pr2 .pr4 .pr6 .pr8 .pr12 .pr16 .pr24 .pr32 .pr48 .pr64 .pr96 .pr128 .pr50 .pr100 pb .pb0 .pb1 .pb2 .pb4 .pb6 .pb8 .pb12 .pb16 .pb24 .pb32 .pb48 .pb64 .pb96 .pb128 .pb50 .pb100 pl .pl0 .pl1 .pl2 .pl4 .pl6 .pl8 .pl12 .pl16 .pl24 .pl32 .pl48 .pl64 .pl96 .pl128 .pl50 .pl100 px - .px1 .px2 .px4 .px6 .px8 .px12 .px16 .px24 .px32 .px48 .px64 .px96 .px128 - - py - .py1 .py2 .py4 .py6 .py8 .py12 .py16 .py24 .py32 .py48 .py64 .py96 .py128 - -
+
+---
+
+### Page: Positioning
+URL: https://stackoverflow.design/product/base/position/
+Date: 2026-03-24T21:30:16.518Z
+Tags: base
+description: Atomic positioning classes allow you to quickly change an element’s position.
+
+Content:
+Classes Section titled Classes Class Output Definition Responsive? .ps-absolute position: absolute; Absolutely positions an element. Typically is used in conjunction with top , right , bottom , and left properties. Note: Absolutely positioning an element takes it out of the DOM flow and puts it automatically above all relatively positioned items which don’t have a z-index assigned. .ps-fixed position: fixed; Fixes an element within the viewport. Typically is used in conjunction with top , right , bottom , and left properties. Note: Fixing an element’s position, like absolute positioning, takes it out of the DOM flow and puts it automatically above all relatively positioned items. .ps-relative position: relative; Relatively positions an element in relation to elements around it. The top and bottom properties specify the vertical offset from its normal position. In the same way the left and right properties specify the horizontal offset. .ps-static position: static; An element is positioned according to the document’s flow. The top , right , bottom , left , and z-index properties have no effect . This is the default value. .ps-sticky position: sticky; An element is positioned according to the document's flow, and then offset relative to its flow root and containing block. This creates a new stacking context. Notes: Sticky elements, by design, will not work inside an element with overflow:hidden; or overflow:auto; values. Examples Section titled Examples &lt; div class = &quot;ps-static&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;ps-relative&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;ps-absolute&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;ps-sticky&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;ps-fixed&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;ps-unset&quot; &gt; … &lt;/ div &gt; .ps-static .ps-relative .t32 r24 .ps-absolute .t48 .r32 .ps-sticky .t64 Coordinates Section titled Coordinates Our spacing units aren’t limited to margin and padding; they also apply to top, right, left, and bottom declarations. Combined with our position utility classes, you should be able to achieve absolutely-positioned layouts while adhering to Stacks’ spacing conventions. Coordinate classes Section titled Coordinate classes Abbreviation Definition Responsive? t top r right b bottom l left i inset tn negative top rn negative right bn negative bottom ln negative left Coordinate examples Section titled Coordinate examples &lt; div class = &quot;ps-absolute t12 l12&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;ps-absolute t48 r24&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;ps-absolute b48 l48&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;ps-absolute bn8 rn8&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;ps-absolute i64&quot; &gt; … &lt;/ div &gt; .t12 .l12 .t48 .r24 .t50 .l50 .b48 .l48 .rn8 .bn8 .i64 Positive coordinates Section titled Positive coordinates Prefix 0 1px 2px 4px 6px 8px 12px 16px 24px 32px 48px 64px 96px 128px 50% 100% t .t0 .t1 .t2 .t4 .t6 .t8 .t12 .t16 .t24 .t32 .t48 .t64 .t96 .t128 .t50 .t100 r .r0 .r1 .r2 .r4 .r6 .r8 .r12 .r16 .r24 .r32 .r48 .r64 .r96 .r128 .r50 .r100 b .b0 .b1 .b2 .b4 .b6 .b8 .b12 .b16 .b24 .b32 .b48 .b64 .b96 .b128 .b50 .b100 l .l0 .l1 .l2 .l4 .l6 .l8 .l12 .l16 .l24 .l32 .l48 .l64 .l96 .l128 .l50 .l100 i .i0 .i1 .i2 .i4 .i6 .i8 .i12 .i16 .i24 .i32 .i48 .i64 .i96 .i128 - - Negative coordinates Section titled Negative coordinates Prefix -1px -2px -4px -6px -8px -12px -16px -24px -32px -48px -64px -96px -128px -50% -100% tn .tn1 .tn2 .tn4 .tn6 .tn8 .tn12 .tn16 .tn24 .tn32 .tn48 .tn64 .tn96 .tn128 .tn50 .tn100 rn .rn1 .rn2 .rn4 .rn6 .rn8 .rn12 .rn16 .rn24 .rn32 .rn48 .rn64 .rn96 .rn128 .rn50 .rn100 bn .bn1 .bn2 .bn4 .bn6 .bn8 .bn12 .bn16 .bn24 .bn32 .bn48 .bn64 .bn96 .bn128 .bn50 .bn100 ln .ln1 .ln2 .ln4 .ln6 .ln8 .ln12 .ln16 .ln24 .ln32 .ln48 .ln64 .ln96 .ln128 .ln50 .ln100
+
+---
+
+### Page: Transitions
+URL: https://stackoverflow.design/product/base/transitions/
+Date: 2026-03-24T21:30:16.518Z
+Tags: base
+description: Atomic transition classes allow you to quickly apply transitions properties to an element. You can modify an element’s transition duration, property, or delay.
+
+Content:
+You can trigger CSS transitions directly with pseudo classes like :hover which activate on mouse over, :focus which activates when user tabs onto or clicks into an input element, or active when a user clicks on an element. You can also trigger a CSS transition using JavaScript by adding or removing a class. Classes Section titled Classes Class Output Definition .t transition-duration: .1s; transition-property: all; transition-timing-function: ease-in; transition-delay: 0s; Apply a default transition style to an element. .t-slow transition-duration: .25s; Slow down the default transition to 0.25s. .t-fast transition-duration: .05s; Speed up the default transition to 0.05s. .t-unset transition-property: none; Remove transition properties from an element. .t-bg transition-property: background-color; Transition the background property of an element. .t-opacity transition-property: opacity; Transition the opacity property of an element. .t-shadow transition-property: box-shadow; Transition the box shadow property of an element. .t-delay transition-delay: .25s; Apply a transition delay to an element. .t-delay-unset transition-delay: 0s; Remove a transition delay from an element. Base transition Section titled Base transition The base transition applies a default duration timing function to an element. &lt; div class = &quot;t&quot; &gt; … &lt;/ div &gt; .t Speed Section titled Speed Change an elements default transition duration. &lt; div class = &quot;t-slow&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;t-fast&quot; &gt; … &lt;/ div &gt; .t-slow .t-fast Property Section titled Property Target a specific CSS property for transition, or remove the default transition. &lt; div class = &quot;t-unset&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;t-bg&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;t-opacity&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;t-shadow&quot; &gt; … &lt;/ div &gt; .t-unset .t-bg .t-opacity .t-shadow Delay Section titled Delay Refers to how long you want to wait before starting the duration. &lt; div class = &quot;t-delay&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;t-delay-unset&quot; &gt; … &lt;/ div &gt; .t-delay .t-delay-unset
+
+---
+
+### Page: Truncation
+URL: https://stackoverflow.design/product/base/truncation/
+Date: 2026-03-24T21:30:16.518Z
+Tags: base
+description: Stacks provides utility classes for various types of truncation.
+
+Content:
+Classes Section titled Classes Class Applies to Description .truncate Text is cropped to the width of its parent with an ellipsis. .v-truncate[x] Text is cropped to the length of [x] number of lines with an ellipsis. .v-truncate-fade Text is cropped by visually fading it out. .v-truncate-fade__sm .v-truncate-fade Reduces the height of the visible text .v-truncate-fade__lg .v-truncate-fade Increases the amount of visible text. Examples Section titled Examples Ellipses Section titled Ellipses CSS offers truncation on arbitrarily-long strings. This can help sanitize user-inputted things like bios, locations, or display names. In order for text truncation to work, it should be applied to a block-level element. Truncation can only apply to text/strings, not arbitrary block-level elements. &lt; p class = &quot;truncate&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;v-truncate1&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;v-truncate2&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;v-truncate3&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;v-truncate4&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;v-truncate5&quot; &gt; … &lt;/ p &gt; Regardless of length, this text will be truncated horizontally. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Regardless of length, this text will be this text will be truncated to 1 line, vertically. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Regardless of length, this text will be this text will be truncated to 2 lines, vertically. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Regardless of length, this text will be this text will be truncated to 3 lines, vertically. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Regardless of length, this text will be this text will be truncated to 4 lines, vertically. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Regardless of length, this text will be this text will be truncated to 5 lines, vertically. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Fade Section titled Fade Alternatively, you can use a vertical fade that will set max-height and sets a vertical mask-image : &lt; p class = &quot;v-truncate-fade v-truncate-fade__sm&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;v-truncate-fade&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;v-truncate-fade v-truncate-fade__lg&quot; &gt; … &lt;/ p &gt; Regardless of length, this text will be this text will fade out, vertically. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Regardless of length, this text will be this text will fade out, vertically. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Regardless of length, this text will be this text will fade out, vertically. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+---
+
+### Page: Vertical alignment
+URL: https://stackoverflow.design/product/base/vertical-alignment/
+Date: 2026-03-24T21:30:16.518Z
+Tags: base
+description: Atomic vertical alignment classes allow you to change an element’s vertical alignment quickly.
+
+Content:
+Classes Section titled Classes Class Output .va-baseline vertical-align: baseline; .va-bottom vertical-align: bottom; .va-middle vertical-align: middle; .va-sub vertical-align: sub; .va-super vertical-align: super; .va-text-bottom vertical-align: text-bottom; .va-text-top vertical-align: text-top; .va-top vertical-align: top; .va-unset vertical-align: unset; Examples Section titled Examples &lt; div class = &quot;va-baseline&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;va-bottom&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;va-middle&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;va-sub&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;va-super&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;va-text-bottom&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;va-text-top&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;va-top&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;va-unset&quot; &gt; … &lt;/ div &gt; .va-baseline .va-bottom .va-middle .va-sub .va-super .va-text-bottom .va-text-top .va-top .va-unset
+
+---
+
+### Page: Visibility
+URL: https://stackoverflow.design/product/base/visibility/
+Date: 2026-03-24T21:30:16.519Z
+Tags: base
+description: Atomic visibility classes allow you to quickly change an element’s visibility.
+
+Content:
+Classes Section titled Classes Class Definition .v-visible The element visible .v-visible-sr The element is visible only to screen readers .v-hidden The element is invisible, but still affects layout as normal Examples Section titled Examples &lt; div class = &quot;v-visible&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;v-visible-sr&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;v-hidden&quot; &gt; … &lt;/ div &gt; .v-visible .v-visible-sr .v-hidden
+
+---
+
+### Page: Width
+URL: https://stackoverflow.design/product/base/width/
+Date: 2026-03-24T21:30:16.519Z
+Tags: base
+description: Stacks provides atomic sizing classes for widths using pixel, rem, and percentage values. Most width classes are based on a 16px base font size and will scale based on the browser's font size.
+
+Content:
+Pixel width Section titled Pixel width Pixel width classes allow you to set the width of an element to a specific pixel value. Pixel width classes Section titled Pixel width classes Class Computed value rem value Responsive? .w0 width: 0px; 0rem .w1 width: 1px; 0.063rem .w2 width: 2px; 0.125rem .w4 width: 4px; 0.25rem .w6 width: 6px; 0.375rem .w8 width: 8px; 0.5rem .w12 width: 12px; 0.75rem .w16 width: 16px; 1rem .w24 width: 24px; 1.5rem .w32 width: 32px; 2rem .w48 width: 48px; 3rem .w64 width: 64px; 4rem .w96 width: 96px; 6rem .w128 width: 128px; 8rem Pixel width examples Section titled Pixel width examples &lt; div class = &quot;w0&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;w1&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;w2&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;w4&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;w6&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;w8&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;w12&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;w16&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;w24&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;w32&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;w48&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;w64&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;w96&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;w128&quot; &gt; … &lt;/ div &gt; .w0 .w1 .w2 .w4 .w6 .w8 .w12 .w16 .w24 .w32 .w48 .w64 .w96 .w128 Sizing units width Section titled Sizing units width Sizing units width classes allow you to set the width of an element according to a predefined set of 12 common values in used in Stacks. Sizing units width classes Section titled Sizing units width classes Class Computed value rem value Responsive? .ws1 width: 128px; 8rem .ws2 width: 256px; 16rem .ws3 width: 344px; 21.5rem .ws4 width: 448px; 28rem .ws5 width: 512px; 32rem .ws6 width: 640px; 40rem .ws7 width: 768px; 48rem .ws8 width: 848px; 53rem .ws9 width: 960px; 60rem .ws10 width: 1024px; 64rem .ws11 width: 1120px; 70rem .ws12 width: 1280px; 80rem Sizing units width examples Section titled Sizing units width examples &lt; div class = &quot;ws1&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;ws2&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;ws3&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;ws4&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;ws5&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;ws6&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;ws7&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;ws8&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;ws9&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;ws10&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;ws11&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;ws12&quot; &gt; … &lt;/ div &gt; .ws1 .ws2 .ws3 .ws4 .ws5 .ws6 .ws7 .ws8 .ws9 .ws10 .ws11 .ws12 Fluid width Section titled Fluid width Fluid width classes allow you to set the width of an element to a percentage of the parent element's width or to the full width of the viewport. Fluid width classes Section titled Fluid width classes Class Value Responsive? .w10 width: 10% .w20 width: 20% .w25 width: 25% .w30 width: 30% .w33 width: 33% .w40 width: 40% .w50 width: 50% .w60 width: 60% .w66 width: 66% .w70 width: 70% .w75 width: 75% .w80 width: 80% .w90 width: 90% .w100 width: 100% .w-screen width: 100vw; .w-auto width: auto; Fluid width examples Section titled Fluid width examples &lt; div class = &quot;w10&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;w20&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;w25&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;w30&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;w33&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;w40&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;w50&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;w60&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;w66&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;w70&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;w75&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;w80&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;w90&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;w100&quot; &gt; … &lt;/ div &gt; .w10 .w20 .w25 .w30 .w33 .w40 .w50 .w60 .w66 .w70 .w75 .w80 .w90 .w100 Min width Section titled Min width Min width classes allow you to set the minimum width of an element. Min width classes Section titled Min width classes Class Computed value rem value Responsive? .wmn0 min-width: 0; - .wmn1 min-width: 128px; 8rem .wmn2 min-width: 256px; 16rem .wmn3 min-width: 344px; 21.5rem .wmn4 min-width: 448px; 28rem .wmn5 min-width: 512px; 32rem .wmn6 min-width: 640px; 40rem .wmn7 min-width: 768px; 48rem .wmn8 min-width: 848px; 53rem .wmn9 min-width: 960px; 60rem .wmn10 min-width: 1024px; 64rem .wmn11 min-width: 1120px; 70rem .wmn12 min-width: 1280px; 80rem .wmn25 min-width: 25%; - .wmn50 min-width: 50%; - .wmn75 min-width: 75%; - .wmn100 min-width: 100%; - .wmn-screen min-width: 100vh; - .wmn-initial min-width: initial; - Max width Section titled Max width Max width classes allow you to set the maximum width of an element. Max width classes Section titled Max width classes Class Computed value rem value Responsive? .wmx1 max-width: 128px; 8rem .wmx2 max-width: 256px; 16rem .wmx3 max-width: 344px; 21.5rem .wmx4 max-width: 448px; 28rem .wmx5 max-width: 512px; 32rem .wmx6 max-width: 640px; 40rem .wmx7 max-width: 768px; 48rem .wmx8 max-width: 848px; 53rem .wmx9 max-width: 960px; 60rem .wmx10 max-width: 1024px; 64rem .wmx11 max-width: 1120px; 70rem .wmx12 max-width: 1280px; 80rem .wmx25 max-width: 25%; - .wmx50 max-width: 50%; - .wmx75 max-width: 75%; - .wmx100 max-width: 100%; - .wmx-screen max-width: 100vh; - .wmx-initial max-width: initial; -
+
+---
+
+### Page: Z-Index
+URL: https://stackoverflow.design/product/base/z-index/
+Date: 2026-03-24T21:30:16.519Z
+Tags: base
+description: Atomic z-index classes allow you to change an element’s z-index quickly.
+
+Content:
+Classes Section titled Classes Class Output .z-hide z-index: -1; .z-base z-index: 0; .z-selected z-index: 25; .z-active z-index: 50; .z-dropdown z-index: 1000; .z-popover z-index: 2000; .z-tooltip z-index: 3000; .z-banner z-index: 4000; .z-nav z-index: 5000; .z-nav-fixed z-index: 5050; .z-modal-bg z-index: 8050; .z-modal z-index: 9000; Examples Section titled Examples &lt; div class = &quot;z-base&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;z-hide&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;z-selected&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;z-active&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;z-dropdown&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;z-popover&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;z-tooltip&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;z-banner&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;z-nav&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;z-nav-fixed&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;z-modal-bg&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;z-modal&quot; &gt; … &lt;/ div &gt; .z-hide .z-base .z-selected .z-active .z-dropdown .z-popover .z-tooltip .z-banner .z-nav .z-nav-fixed .z-modal-bg .z-modal
+
+---
+
+## Collection: components
+
+### Page: Activity indicator
+URL: https://stackoverflow.design/product/components/activity-indicator/
+Date: 2026-03-24T21:30:16.519Z
+Tags: components
+description: Stacks provides a small jewel for indicating new activity.
+
+Content:
+Classes Section titled Classes Class Modifies Description .s-activity-indicator N/A Base activity indicator element with theme-aware coloring .s-activity-indicator__success .s-activity-indicator Styles the activity indicator in a success state .s-activity-indicator__warning .s-activity-indicator Styles the activity indicator in a warning state .s-activity-indicator__danger .s-activity-indicator Styles the activity indicator in a danger state .s-activity-indicator__sm .s-activity-indicator Styles the activity indicator in a small size Examples Section titled Examples Default Section titled Default By default, our indicator has no positioning attached to it. Depending on your context, you can modify the activity indicator’s positioning using any combination of atomic classes. Since our activity indicator has no inherent semantic meaning, make sure to include visually-hidden, screenreader-only text with the v-visible-sr class. &lt; div class = &quot;s-activity-indicator&quot; &gt; &lt; div class = &quot;v-visible-sr&quot; &gt; New activity &lt;/ div &gt; &lt;/ div &gt; &lt; div class = &quot;s-activity-indicator&quot; &gt; … &lt; div class = &quot;v-visible-sr&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt; div class = &quot;s-activity-indicator&quot; &gt; … &lt; div class = &quot;v-visible-sr&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt; div class = &quot;s-activity-indicator&quot; &gt; … &lt; div class = &quot;v-visible-sr&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt; div class = &quot;s-activity-indicator&quot; &gt; … &lt;/ div &gt; &lt; a href = &quot;#&quot; class = &quot;s-link s-link__muted&quot; &gt; &lt; div class = &quot;s-avatar bg-red-400 ps-relative&quot; &gt; &lt; div class = &quot;s-avatar--indicator s-activity-indicator s-activity-indicator__sm&quot; &gt; &lt; div class = &quot;v-visible-sr&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt; div class = &quot;s-avatar--letter&quot; &gt; … &lt;/ div &gt; @Svg.ShieldXSm.With(&quot;native s-avatar--badge&quot;) &lt;/ div &gt; &lt; span class = &quot;pl4&quot; &gt; … &lt;/ span &gt; &lt;/ a &gt; &lt; div class = &quot;ps-relative&quot; &gt; @Svg.Notification &lt; div class = &quot;s-activity-indicator s-activity-indicator__sm ps-absolute tn4 rn4 ba baw2 bc-white box-content&quot; &gt; &lt; div class = &quot;v-visible-sr&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt;/ div &gt; &lt; div class = &quot;ps-relative&quot; &gt; @Svg.Notification &lt; div class = &quot;ps-absolute ba baw2 bc-white bar-pill lh-xs tn8 rn8&quot; &gt; &lt; div class = &quot;s-activity-indicator&quot; &gt; 3 &lt; div class = &quot;v-visible-sr&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt;/ div &gt; &lt;/ div &gt; New activity 3 New activity 12 New activity 370 New activity new New activity New activity G Grayson New activity 3 … Variations Section titled Variations Stacks also provides alternative styling for success, warning, and danger states. &lt; div class = &quot;s-activity-indicator s-activity-indicator__success&quot; &gt; &lt; div class = &quot;v-visible-sr&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt; div class = &quot;s-activity-indicator s-activity-indicator__warning&quot; &gt; &lt; div class = &quot;v-visible-sr&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt; div class = &quot;s-activity-indicator s-activity-indicator__danger&quot; &gt; &lt; div class = &quot;v-visible-sr&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; New activity 3 New activity 12 New activity 370 New activity new New activity New activity G Grayson New activity 3 New activities New activity 3 New activity 12 New activity 370 New activity new New activity New activity G Grayson New activity 3 New activities New activity 3 New activity 12 New activity 370 New activity new New activity New activity G Grayson New activity 3 New activities
+
+---
+
+### Page: Avatars
+URL: https://stackoverflow.design/product/components/avatars/
+Date: 2026-03-24T21:30:16.520Z
+Tags: components
+description: Avatars are used to quickly identify users or teams.
+
+Content:
+Classes Section titled Classes Class Parent Modifies Description .s-avatar N/A N/A The base avatar at 16px. .s-avatar--image .s-avatar N/A A child element for displaying a user’s profile image. .s-avatar--letter .s-avatar N/A A child element for displaying an abbreviated Team name. .s-avatar--badge .s-avatar N/A A child element that provides positioning to the shield on Team avatars. .s-avatar--indicator .s-avatar N/A A child element that provides positioning to the activity indicator on user's avatars. .s-avatar__24 N/A .s-avatar Adds the proper border radius and scaling at 24px. .s-avatar__32 N/A .s-avatar Adds the proper border radius and scaling at 32px. .s-avatar__48 N/A .s-avatar Adds the proper border radius and scaling at 48px. .s-avatar__64 N/A .s-avatar Adds the proper border radius and scaling at 64px. .s-avatar__96 N/A .s-avatar Adds the proper border radius and scaling at 96px. .s-avatar__128 N/A .s-avatar Adds the proper border radius and scaling at 128px. Show all classes Examples Section titled Examples Users Section titled Users Including an image with the class s-avatar--image within s-avatar will apply the correct size. Remember, you’ll want to double the size of the avatar image to account for retina screens. &lt; a href = &quot;…&quot; class = &quot;s-avatar&quot; &gt; &lt; img class = &quot;s-avatar--image&quot; src = &quot;https://picsum.photos/32&quot; /&gt; &lt;/ a &gt; &lt; a href = &quot;…&quot; class = &quot;s-avatar s-avatar__24&quot; &gt; &lt; img class = &quot;s-avatar--image&quot; src = &quot;https://picsum.photos/48&quot; /&gt; &lt;/ a &gt; &lt; a href = &quot;…&quot; class = &quot;s-avatar s-avatar__32&quot; &gt; &lt; img class = &quot;s-avatar--image&quot; src = &quot;https://picsum.photos/64&quot; /&gt; &lt;/ a &gt; &lt; a href = &quot;…&quot; class = &quot;s-avatar s-avatar__48&quot; &gt; &lt; img class = &quot;s-avatar--image&quot; src = &quot;https://picsum.photos/96&quot; /&gt; &lt;/ a &gt; &lt; a href = &quot;…&quot; class = &quot;s-avatar s-avatar__64&quot; &gt; &lt; img class = &quot;s-avatar--image&quot; src = &quot;https://picsum.photos/128&quot; /&gt; &lt;/ a &gt; &lt; a href = &quot;…&quot; class = &quot;s-avatar s-avatar__96&quot; &gt; &lt; img class = &quot;s-avatar--image&quot; src = &quot;https://picsum.photos/192&quot; /&gt; &lt;/ a &gt; &lt; a href = &quot;…&quot; class = &quot;s-avatar s-avatar__128&quot; &gt; &lt; img class = &quot;s-avatar--image&quot; src = &quot;https://picsum.photos/256&quot; /&gt; &lt;/ a &gt; 16px .s-avatar__16 24px .s-avatar__24 32px .s-avatar__32 48px .s-avatar__48 64px .s-avatar__64 96px .s-avatar__96 128px .s-avatar__128 Activity Section titled Activity Avatars can display activity indicators to show activities or status changes. Add the s-avatar--indicator class to a child element of s-avatar along with s-activity-indicator and s-activity-indicator__sm classes. The indicator is positioned at the top-right corner of the avatar. &lt; a href = &quot;…&quot; class = &quot;s-avatar&quot; &gt; &lt; div class = &quot;s-avatar--indicator s-activity-indicator s-activity-indicator__sm s-activity-indicator__success&quot; &gt; &lt; div class = &quot;v-visible-sr&quot; &gt; Online &lt;/ div &gt; &lt;/ div &gt; &lt; img class = &quot;s-avatar--image&quot; src = &quot;https://picsum.photos/32&quot; /&gt; &lt;/ a &gt; &lt; a href = &quot;…&quot; class = &quot;s-avatar s-avatar__24&quot; &gt; &lt; div class = &quot;s-avatar--indicator s-activity-indicator s-activity-indicator__sm s-activity-indicator__success&quot; &gt; &lt; div class = &quot;v-visible-sr&quot; &gt; Online &lt;/ div &gt; &lt;/ div &gt; &lt; img class = &quot;s-avatar--image&quot; src = &quot;https://picsum.photos/48&quot; /&gt; &lt;/ a &gt; 16px default Online 24px .s-avatar__24 Online Stack Internal Section titled Stack Internal When displaying a team’s identity, we badge the avatar with a shield. We fall back to the first letter of their name and a color we choose at random. As Stack Internal administrators add more data—choosing a color or uploading an avatar—we progressively enhance the avatar. In this example, from left to right, we have a team name of Hum with no avatar or custom color. In the middle we have a team name of Hum with a custom color. In the last example, we have a team name of Hum with a custom avatar applied. &lt; a href = &quot;…&quot; class = &quot;s-link s-link__muted&quot; &gt; &lt; div class = &quot;s-avatar&quot; &gt; &lt; div class = &quot;s-avatar--letter&quot; aria-hidden = &quot;true&quot; &gt; H &lt;/ div &gt; @Svg.ShieldXSm.With(&quot;native s-avatar--badge&quot;) &lt;/ div &gt; &lt; span class = &quot;pl4&quot; &gt; Team name &lt;/ span &gt; &lt;/ a &gt; &lt; a href = &quot;…&quot; class = &quot;s-avatar s-avatar__24&quot; &gt; &lt; div class = &quot;s-avatar--letter&quot; aria-hidden = &quot;true&quot; &gt; H &lt;/ div &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; Hum &lt;/ span &gt; @Svg.ShieldXSm.With(&quot;native s-avatar--badge&quot;) &lt;/ a &gt; &lt; a href = &quot;…&quot; class = &quot;s-avatar s-avatar__32&quot; &gt; &lt; div class = &quot;s-avatar--letter&quot; aria-hidden = &quot;true&quot; &gt; H &lt;/ div &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; Hum &lt;/ span &gt; @Svg.ShieldXSm.With(&quot;native s-avatar--badge&quot;) &lt;/ a &gt; &lt; a href = &quot;…&quot; class = &quot;s-avatar s-avatar__48&quot; &gt; &lt; div class = &quot;s-avatar--letter&quot; aria-hidden = &quot;true&quot; &gt; H &lt;/ div &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; Hum &lt;/ span &gt; @Svg.ShieldXSm.With(&quot;native s-avatar--badge&quot;) &lt;/ a &gt; &lt; a href = &quot;…&quot; class = &quot;s-avatar s-avatar__64&quot; &gt; &lt; div class = &quot;s-avatar--letter&quot; aria-hidden = &quot;true&quot; &gt; H &lt;/ div &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; Hum &lt;/ span &gt; @Svg.ShieldXSm.With(&quot;native s-avatar--badge&quot;) &lt;/ a &gt; &lt; a href = &quot;…&quot; class = &quot;s-avatar s-avatar__96&quot; &gt; &lt; div class = &quot;s-avatar--letter&quot; aria-hidden = &quot;true&quot; &gt; H &lt;/ div &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; Hum &lt;/ span &gt; @Svg.ShieldXSm.With(&quot;native s-avatar--badge&quot;) &lt;/ a &gt; &lt; a href = &quot;…&quot; class = &quot;s-avatar s-avatar__128&quot; &gt; &lt; div class = &quot;s-avatar--letter&quot; aria-hidden = &quot;true&quot; &gt; H &lt;/ div &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; Hum &lt;/ span &gt; @Svg.ShieldXSm.With(&quot;native s-avatar--badge&quot;) &lt;/ a &gt; 16px .s-avatar__16 H Hum H Hum Hum 24px .s-avatar__24 H Hum H Hum 32px .s-avatar__32 H Hum H Hum 48px .s-avatar__48 H Hum H Hum 64px .s-avatar__64 H Hum H Hum 96px .s-avatar__96 H Hum H Hum 128px .s-avatar__128 H Hum H Hum
+
+---
+
+### Page: Badges
+URL: https://stackoverflow.design/product/components/badges/
+Date: 2026-03-24T21:30:16.520Z
+Tags: components
+description: Badges are labels used for flags, earned achievements, and number totals.
+
+Content:
+Classes Section titled Classes Class Modifies Description .s-badge N/A Base badge element. .s-badge__gold .s-badge Badge indicating a gold award. .s-badge__silver .s-badge Badge indicating a silver award. .s-badge__bronze .s-badge Badge indicating a bronze award. .s-badge__important .s-badge Applies important styling to the badge. .s-badge__squared .s-badge Applies a background color to the badge's icon. .s-badge__info .s-badge Badge indicating an info status. .s-badge__warning .s-badge Badge indicating a warning status. .s-badge__danger .s-badge Badge indicating a danger status. .s-badge__critical .s-badge Badge indicating a critical status. .s-badge__tonal .s-badge Badge indicating a tonal status. .s-badge__success .s-badge Badge indicating a success status. .s-badge__featured .s-badge Badge indicating a featured status. .s-badge__sm .s-badge Applies a small size to the badge. .s-badge__lg .s-badge Applies a large size to the badge. Show all classes Styles Section titled Styles Default Section titled Default &lt; span class = &quot;s-badge&quot; &gt; default &lt;/ span &gt; default General Section titled General A general-purpose badge used for functional information and system-level status updates. &lt; span class = &quot;s-badge&quot; &gt; &lt; span class = &quot;s-bling s-bling__filled&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; Badge &lt;/ span &gt; &lt;/ span &gt; general &lt;/ span &gt; Badge general Reputation Section titled Reputation A reputation badge to display a user’s total rep count. &lt; span class = &quot;s-badge&quot; &gt; &lt; span class = &quot;s-bling s-bling__filled s-bling__rep&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; Rep badge &lt;/ span &gt; &lt;/ span &gt; 99 rep &lt;/ span &gt; Rep badge 99 rep Activity Section titled Activity An activity badge to signal real-time events and draw attention. &lt; span class = &quot;s-badge&quot; &gt; &lt; span class = &quot;s-bling s-bling__filled s-bling__activity&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; Activity badge &lt;/ span &gt; &lt;/ span &gt; new message &lt;/ span &gt; Activity badge new message Achievement Section titled Achievement Badges that provides information about user achievements. &lt; span class = &quot;s-badge&quot; &gt; &lt; span class = &quot;s-bling s-bling__filled s-bling__gold&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; Gold badge &lt;/ span &gt; &lt;/ span &gt; Great Question &lt;/ span &gt; &lt; span class = &quot;s-badge&quot; &gt; &lt; span class = &quot;s-bling s-bling__filled s-bling__silver&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; Silver badge &lt;/ span &gt; &lt;/ span &gt; Favorite Question &lt;/ span &gt; &lt; span class = &quot;s-badge&quot; &gt; &lt; span class = &quot;s-bling s-bling__filled s-bling__bronze&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; Bronze badge &lt;/ span &gt; &lt;/ span &gt; Altruist &lt;/ span &gt; Example Description gold badge Great Question Gold badge achievement that a user earns within a community. silver badge Favorite Question Silver badge achievement that a user earns within a community. bronze badge Altruist Bronze badge achievement that a user earns within a community. Tag Section titled Tag Badges that display achievements a user has earned for their contributions within a specific topic/tag. &lt; span class = &quot;s-badge s-badge__gold&quot; &gt; &lt; span class = &quot;s-bling s-bling__gold&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; Gold tag badge &lt;/ span &gt; &lt;/ span &gt; python &lt;/ span &gt; &lt; span class = &quot;s-badge s-badge__silver&quot; &gt; &lt; span class = &quot;s-bling s-bling__silver&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; Silver tag badge &lt;/ span &gt; &lt;/ span &gt; css &lt;/ span &gt; &lt; span class = &quot;s-badge s-badge__bronze&quot; &gt; &lt; span class = &quot;s-bling s-bling__bronze&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; Bronze tag badge &lt;/ span &gt; &lt;/ span &gt; javascript &lt;/ span &gt; Example Modifier class Description gold tag badge python .s-badge__gold Gold badge achievement that a user earns for a specific tag within a community. silver tag badge css .s-badge__silver Silver badge achievement that a user earns for a specific tag within a community. bronze tag badge javascript .s-badge__bronze Bronze badge achievement that a user earns for a specific tag within a community. States Section titled States Use State badges to communicate semantic status or severity, such as success, warning, or danger. These variants apply specific system colors to convey meaning and can be configured with or without icons. Note: Avoid using icons in the small variant unless a dedicated small icon size is available. &lt; span class = &quot;s-badge&quot; &gt; @Svg.Document Archived &lt;/ span &gt; &lt; span class = &quot;s-badge s-badge__info&quot; &gt; @Svg.Compose Draft &lt;/ span &gt; &lt; span class = &quot;s-badge s-badge__warning&quot; &gt; @Svg.Eye Review &lt;/ span &gt; &lt; span class = &quot;s-badge s-badge__danger&quot; &gt; @Svg.Flag Closed &lt;/ span &gt; &lt; span class = &quot;s-badge s-badge__critical&quot; &gt; @Svg.Challenge Deleted &lt;/ span &gt; &lt; span class = &quot;s-badge s-badge__tonal&quot; &gt; @Svg.Key Pinned &lt;/ span &gt; &lt; span class = &quot;s-badge s-badge__success&quot; &gt; @Svg.Check Success &lt;/ span &gt; &lt; span class = &quot;s-badge s-badge__featured&quot; &gt; @Svg.Star New &lt;/ span &gt; Example Modifier class Description Archived Archived N/A Neutral badge styling. Can be used to indicate an inactive state that requires minimal visual emphasis. Draft Draft .s-badge__info Info badge styling. Review Review .s-badge__warning Warning badge styling. Closed Closed .s-badge__danger Danger badge styling. Deleted Deleted .s-badge__critical Critical badge styling. Pinned Pinned .s-badge__tonal Tonal badge styling. Success Success .s-badge__success Success badge styling. New New .s-badge__featured Featured badge styling. Can be used to draw attention to the new features and changes Squared Section titled Squared Use the squared variant sparingly to provide additional emphasis, reserving it primarily for states related to gamification or achievements. &lt; span class = &quot;s-badge s-badge__squared s-badge__success&quot; &gt; @Svg.Check Accepted answer &lt;/ span &gt; &lt; span class = &quot;s-badge s-badge__squared s-badge__featured&quot; &gt; @Svg.VoteUp Earn badge &lt;/ span &gt; Example Modifier classes Description Accepted answer .s-badge__squared .s-badge__success Success badge styling in squared variant. Earn badge .s-badge__squared .s-badge__featured Featured badge styling in squared variant. Important Section titled Important Emboldens the above visual styles by strengthening the background saturation. This should be used for time-sensitive, pressing information that needs to be noticed by the user. &lt; span class = &quot;s-badge s-badge__warning s-badge__squared s-badge__important&quot; &gt; @Svg.Notification Needs attention &lt;/ span &gt; &lt; span class = &quot;s-badge s-badge__danger s-badge__important&quot; &gt; @Svg.VoteUp Ending soon &lt;/ span &gt; &lt; span class = &quot;s-badge s-badge__critical s-badge__important&quot; &gt; Spam &lt;/ span &gt; &lt; span class = &quot;s-badge s-badge__info s-badge__sm s-badge__important&quot; &gt; +100 &lt;/ span &gt; Example Modifier classes Description Needs attention .s-badge__squared .s-badge__warning .s-badge__important Warning badge styling in squared variant with important styling. Ending soon .s-badge__danger .s-badge__important Danger badge styling with important styling. Spam .s-badge__critical .s-badge__important Critical badge styling with important styling. +100 .s-badge__info .s-badge__important Info badge styling in small size with important styling. User Section titled User &lt; span class = &quot;s-badge s-badge__admin&quot; &gt; Admin &lt;/ span &gt; &lt; span class = &quot;s-badge s-badge__moderator&quot; &gt; Moderator &lt;/ span &gt; &lt; span class = &quot;s-badge s-badge__staff&quot; &gt; Staff &lt;/ span &gt; &lt; span class = &quot;s-badge s-badge__bot&quot; &gt; Bot &lt;/ span &gt; &lt; span class = &quot;s-badge s-badge__ai&quot; &gt; AI &lt;/ span &gt; &lt; span class = &quot;s-badge s-badge__new&quot; &gt; New &lt;/ span &gt; Examples Class Description Admin .s-badge__admin Badge indicating user is an admin. Moderator .s-badge__moderator Badge indicating user is an moderator. Staff .s-badge__staff Badge indicating user is staff. AI .s-badge__ai Badge indicating content is AI generated. Bot .s-badge__bot Badge indicating user is a bot. New .s-badge__new Badge indicating new user Sizes Section titled Sizes Badges come in three sizes. &lt; span class = &quot;s-badge s-badge__sm&quot; &gt; Small &lt;/ span &gt; &lt; span class = &quot;s-badge&quot; &gt; Default &lt;/ span &gt; &lt; span class = &quot;s-badge s-badge__lg&quot; &gt; Large &lt;/ span &gt; Examples Modifier class Description Small .s-badge__sm The badge in small size. Default .s-badge__ The badge in default size. Large .s-badge__lg The badge in large size.
+
+---
+
+### Page: Banners
+URL: https://stackoverflow.design/product/components/banners/
+Date: 2026-03-24T21:30:16.520Z
+Tags: components
+description: Banners are full-width notices used for system and engagement messaging. They are highly intrusive and should be used only when essential information needs to be conveyed to the user.
+
+Content:
+Classes Section titled Classes Class Parent Modifies Description .s-banner N/A N/A Base banner parent class. This defaults to a system banner style. .s-banner--actions .s-banner N/A Container styling for banner actions including the dismiss button. .s-banner--dismiss .s-banner N/A Applies to child button element within the banner to position it appropriately. .s-banner__important N/A .s-banner Applies an important visual style. This should be used for time-sensitive, pressing information that needs to be noticed by the user. .s-banner__info N/A .s-banner Applies info (blue) visual styles. .s-banner__success N/A .s-banner Applies success (green) visual styles. .s-banner__warning N/A .s-banner Applies warning (yellow) visual styles. .s-banner__danger N/A .s-banner Applies danger (red) visual styles. .s-banner__featured N/A .s-banner Applies featured (purple) visual styles. .s-banner__activity N/A .s-banner Applies activity (pink) visual styles. .is-pinned N/A .s-banner Pins the banner to the top of the browser window. Show all classes Usage guidelines Section titled Usage guidelines System banners are used for system messaging. They are full-width notices placed in one of two locations: Pinned: If the system banner is related to the entire website (e.g. the website is in read-only), above all other content including the topbar. To pin a system banner to the top of the browser window, add .is-pinned . Below the top navigation bar: This is the default location for all system banners. Use these banners when it affects only a particular area of the product (e.g. when a product subscription is about to expire). Refer to the Classes section for more information on how to apply the correct styles to the banner. Examples Section titled Examples Style Base Info Success Warning Danger Featured Activity Important? Pinned? Show example Remove example Base Section titled Base &lt; div class = &quot;s-banner&quot; role = &quot;alert&quot; aria-hidden = &quot;false&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;s-banner s-banner__important&quot; role = &quot;alert&quot; aria-hidden = &quot;false&quot; &gt; … &lt;/ div &gt; Stacks is currently frozen in read-only mode. Contact the team to restore access. Stacks is currently frozen in read-only mode. Contact the team to restore access. Info Section titled Info &lt; div class = &quot;s-banner s-banner__info&quot; role = &quot;alert&quot; aria-hidden = &quot;false&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;s-banner s-banner__info s-banner__important&quot; role = &quot;alert&quot; aria-hidden = &quot;false&quot; &gt; … &lt;/ div &gt; Stacks is currently frozen in read-only mode. Contact the team to restore access. Stacks is currently frozen in read-only mode. Contact the team to restore access. Success Section titled Success &lt; div class = &quot;s-banner s-banner__success&quot; role = &quot;alert&quot; aria-hidden = &quot;false&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;s-banner s-banner__success s-banner__important&quot; role = &quot;alert&quot; aria-hidden = &quot;false&quot; &gt; … &lt;/ div &gt; Stacks is currently frozen in read-only mode. Contact the team to restore access. Stacks is currently frozen in read-only mode. Contact the team to restore access. Warning Section titled Warning &lt; div class = &quot;s-banner s-banner__warning&quot; role = &quot;alert&quot; aria-hidden = &quot;false&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;s-banner s-banner__warning s-banner__important&quot; role = &quot;alert&quot; aria-hidden = &quot;false&quot; &gt; … &lt;/ div &gt; Stacks is currently frozen in read-only mode. Contact the team to restore access. Stacks is currently frozen in read-only mode. Contact the team to restore access. Danger Section titled Danger &lt; div class = &quot;s-banner s-banner__danger&quot; role = &quot;alert&quot; aria-hidden = &quot;false&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;s-banner s-banner__danger s-banner__important&quot; role = &quot;alert&quot; aria-hidden = &quot;false&quot; &gt; … &lt;/ div &gt; Stacks is currently frozen in read-only mode. Contact the team to restore access. Stacks is currently frozen in read-only mode. Contact the team to restore access. Featured Section titled Featured &lt; div class = &quot;s-banner s-banner__featured&quot; role = &quot;alert&quot; aria-hidden = &quot;false&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;s-banner s-banner__featured s-banner__important&quot; role = &quot;alert&quot; aria-hidden = &quot;false&quot; &gt; … &lt;/ div &gt; Stacks is currently frozen in read-only mode. Contact the team to restore access. Stacks is currently frozen in read-only mode. Contact the team to restore access. Activity Section titled Activity &lt; div class = &quot;s-banner s-banner__activity&quot; role = &quot;alert&quot; aria-hidden = &quot;false&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;s-banner s-banner__activity s-banner__important&quot; role = &quot;alert&quot; aria-hidden = &quot;false&quot; &gt; … &lt;/ div &gt; Stacks is currently frozen in read-only mode. Contact the team to restore access. Stacks is currently frozen in read-only mode. Contact the team to restore access. JavaScript Section titled JavaScript The .s-banner component includes a controller to show and hide the banner programitically. While it is optional, at least including the functionality to close the banner is recommended. Example Section titled Example &lt; div role = &quot;alert&quot; id = &quot;example-banner&quot; class = &quot;s-banner&quot; aria-labelledby = &quot;example-message&quot; aria-hidden = &quot;true&quot; data-controller = &quot;s-banner&quot; data-s-banner-target = &quot;banner&quot; &gt; Example banner &lt;/ div &gt; … &lt; button data-toggle = &quot;s-banner&quot; data-target = &quot;#example-banner&quot; &gt; Show banner &lt;/ button &gt; document . querySelector ( &quot;.js-banner-toggle&quot; ). addEventListener ( &quot;click&quot; , function ( e ) { Stacks . showBanner ( document . querySelector ( &quot;#example-banner&quot; )); }); Attributes Section titled Attributes Attribute Applies to Description data-controller="s-banner" Controller element Wires up the element to the banner controller. This may be a .s-banner element or a wrapper element. data-s-banner-target="banner" .s-banner element Wires up the element that is to be shown/hidden data-s-banner-remove-when-hidden="true" Controller element (optional) Removes the banner from the DOM entirely when it is hidden Events Section titled Events Event Applies to Description s-banner:show Banner target Fires immediately before showing the banner. Calling .preventDefault() cancels the display of the banner. s-banner:shown Banner target Fires after the banner has been visually shown s-banner:hide Banner target Fires immediately before hiding the banner. Calling .preventDefault() cancels the removal of the banner. s-banner:hidden Banner target Fires after the banner has been visually hidden Event details Section titled Event details event.detail Applicable events Description dispatcher N/A Contains the Element that initiated the event. For instance, the button clicked to show, the element clicked outside the banner that caused it to hide, etc. Helpers Section titled Helpers Function Parameters Description Stacks.showBanner Element : the element the data-controller="s-banner" attribute is on Helper to manually show an s-banner element via external JS Stacks.hideBanner Element : the element the data-controller="s-banner" attribute is on Helper to manually hide an s-banner element via external JS Stacks is currently frozen in read-only mode. Contact the team to restore access.
+
+---
+
+### Page: Bling
+URL: https://stackoverflow.design/product/components/bling/
+Date: 2026-03-24T21:30:16.520Z
+Tags: components
+description: Bling is used to indicate award type in badges and user cards.
+
+Content:
+Classes Section titled Classes Class Modifies Description .s-bling N/A Base bling element. .s-bling__gold .s-bling Gold bling element. .s-bling__silver .s-bling Silver bling element. .s-bling__bronze .s-bling Bronze bling element. .s-bling__activity .s-bling Activity bling element. .s-bling__filled .s-bling Filled bling element. .s-bling__rep .s-bling Reputation bling element. .s-bling__sm .s-bling Small bling element. .s-bling__lg .s-bling Large bling element. Show all classes Types Section titled Types Use the clear bling variant only when its associated color is already present in the component, such as within a colored tag badge or alongside a filled element. &lt; span class = &quot;s-bling&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; … &lt;/ span &gt; &lt;/ span &gt; &lt; span class = &quot;s-bling s-bling__gold&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; … &lt;/ span &gt; &lt;/ span &gt; &lt; span class = &quot;s-bling s-bling__silver&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; … &lt;/ span &gt; &lt;/ span &gt; &lt; span class = &quot;s-bling s-bling__bronze&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; … &lt;/ span &gt; &lt;/ span &gt; Example Class Description default bling .s-bling A general bling shape used for reputation, notifications or other. gold bling .s-bling .s-bling__gold The "gold" award bling shape. silver bling .s-bling .s-bling__silver The "silver" award bling shape. bronze bling .s-bling .s-bling__bronze The "bronze" award bling shape. Filled Section titled Filled Use the filled bling style to represent a specific achievement badge or to display the total count of badges a user has earned. &lt; span class = &quot;s-bling s-bling__filled&quot; &gt; … &lt;/ span &gt; &lt; span class = &quot;s-bling s-bling__filled s-bling__rep&quot; &gt; … &lt;/ span &gt; &lt; span class = &quot;s-bling s-bling__filled s-bling__activity&quot; &gt; … &lt;/ span &gt; &lt; span class = &quot;s-bling s-bling__filled s-bling__gold&quot; &gt; … &lt;/ span &gt; &lt; span class = &quot;s-bling s-bling__filled s-bling__silver&quot; &gt; … &lt;/ span &gt; &lt; span class = &quot;s-bling s-bling__filled s-bling__bronze&quot; &gt; … &lt;/ span &gt; Example Class Description default bling .s-bling .s-bling__filled A general bling used for information, status, labels or other. rep bling .s-bling .s-bling__filled .s-bling__rep A “rep” bling used for general reputation points. activity bling .s-bling .s-bling__filled .s-bling__activity An activity bling to signal real-time events and draw attention. gold bling .s-bling .s-bling__filled .s-bling__gold A "gold" award bling. silver bling .s-bling .s-bling__filled .s-bling__silver A "silver" award bling. bronze bling .s-bling .s-bling__filled .s-bling__bronze A "bronze" award bling. Sizes Section titled Sizes A bling component has a default size. To change the bling’s size, apply one of the following sizing classes along with the base .s-bling class. &lt; span class = &quot;s-bling s-bling__filled s-bling__sm&quot; &gt; … &lt;/ span &gt; &lt; span class = &quot;s-bling s-bling__filled&quot; &gt; … &lt;/ span &gt; &lt; span class = &quot;s-bling s-bling__filled s-bling__lg&quot; &gt; … &lt;/ span &gt; Example Class Description sm bling .s-bling .s-bling__sm A “sm” bling. default bling .s-bling A “default” bling. lg bling .s-bling .s-bling__lg A “lg” bling.
+
+---
+
+### Page: Buttons
+URL: https://stackoverflow.design/product/components/buttons/
+Date: 2026-03-24T21:30:16.521Z
+Tags: components
+description: Buttons are user interface elements which allows users to take actions throughout the project. It is important that they have ample click space and help communicate the importance of their actions.
+
+Content:
+Classes Section titled Classes Class Parent Modifies Description .s-btn N/A N/A Base button element .s-btn--badge .s-btn N/A Badge container for the button .s-btn__clear N/A .s-btn Clear button variant .s-btn__danger N/A .s-btn Danger button variant .s-btn__featured N/A .s-btn Featured button variant .s-btn__tonal N/A .s-btn Tonal button variant .s-btn__dropdown N/A .s-btn Dropdown button variant .s-btn__icon N/A .s-btn Icon button variant .s-btn__link N/A .s-btn Link button variant .s-btn__unset N/A .s-btn Unset button variant .s-btn__facebook N/A .s-btn Facebook button variant .s-btn__github N/A .s-btn GitHub button variant .s-btn__google N/A .s-btn Google button variant .s-btn__xs N/A .s-btn Extra small button variant .s-btn__sm N/A .s-btn Small button variant .s-btn__lg N/A .s-btn Large button variant Show all classes Styles Section titled Styles Stacks provides 3 different button styles: Base Danger Featured Tonal Each style is explained below, detailing how and where to use these styles. Base Section titled Base Base buttons can gain clear styling with the .s-btn__clear class. &lt; button class = &quot;s-btn&quot; type = &quot;button&quot; &gt; … &lt;/ button &gt; &lt; button class = &quot;s-btn s-btn__clear&quot; type = &quot;button&quot; &gt; … &lt;/ button &gt; Type Class Default State Selected State Disabled State Base .s-btn Ask question Ask question Ask question Clear .s-btn .s-btn__clear Ask question Ask question Ask question Danger Section titled Danger Danger buttons are a secondary button style, used to visually communicate destructive actions such as deleting content, accounts, or canceling services. &lt; button class = &quot;s-btn s-btn__danger&quot; type = &quot;button&quot; &gt; … &lt;/ button &gt; &lt; button class = &quot;s-btn s-btn__danger s-btn__clear&quot; type = &quot;button&quot; &gt; … &lt;/ button &gt; Type Class Default State Selected State Disabled State Base .s-btn .s-btn__danger Ask question Ask question Ask question Clear .s-btn .s-btn__danger .s-btn__clear Ask question Ask question Ask question Featured Section titled Featured Featured buttons are a secondary button style, used to visually draw attention to something new or temporary, usually as part of onboarding or to announce a new feature. These should be used sparingly, and permanent placements should be avoided. &lt; button class = &quot;s-btn s-btn__featured&quot; type = &quot;button&quot; &gt; … &lt;/ button &gt; &lt; button class = &quot;s-btn s-btn__featured s-btn__clear&quot; type = &quot;button&quot; &gt; … &lt;/ button &gt; Type Class Default State Selected State Disabled State Base .s-btn .s-btn__featured Ask question Ask question Ask question Tonal Section titled Tonal Tonal buttons are a secondary button style, a grayscale visual treatment. Used in layouts for the least important items or currently inactive actions. &lt; button class = &quot;s-btn s-btn__tonal&quot; type = &quot;button&quot; &gt; … &lt;/ button &gt; &lt; button class = &quot;s-btn s-btn__clear s-btn__tonal&quot; type = &quot;button&quot; &gt; … &lt;/ button &gt; Type Class Default State Selected State Disabled State Base .s-btn .s-btn__tonal Ask question Ask question Ask question Anchors Section titled Anchors Anchors can be rendered with the .s-btn to adopt a button-like visual style for a link. &lt; a href = &quot;#&quot; class = &quot;s-btn&quot; &gt; Ask question &lt;/ a &gt; Type Class Default State Selected State Disabled State Base .s-btn Ask question Ask question Ask question Base, Clear .s-btn .s-btn__clear Ask question Ask question Ask question Tonal .s-btn .s-btn__tonal Ask question Ask question Ask question Danger .s-btn .s-btn__danger Ask question Ask question Ask question Danger, Clear .s-btn .s-btn__danger .s-btn__clear Ask question Ask question Ask question Featured .s-btn .s-btn__featured Ask question Ask question Ask question Loading Section titled Loading Indicate a loading state by adding a .s-loader component to a button. &lt; button class = &quot;s-btn&quot; type = &quot;button&quot; &gt; &lt; div class = &quot;s-loader s-loader__sm&quot; &gt; &lt; div class = &quot;s-loader--sr-text&quot; &gt; Loading… &lt;/ div &gt; &lt;/ div &gt; Ask question &lt;/ button &gt; Type Class Default State Selected State Disabled State Base .s-btn .s-loader s-loader__sm Loading… Ask question Loading… Ask question Loading… Ask question Base, Clear .s-btn .s-btn__clear .s-loader s-loader__sm Loading… Ask question Loading… Ask question Loading… Ask question Tonal .s-btn .s-btn__tonal .s-loader s-loader__sm Loading… Ask question Loading… Ask question Loading… Ask question Danger .s-btn .s-btn__danger .s-loader s-loader__sm Loading… Ask question Loading… Ask question Loading… Ask question Danger, Clear .s-btn .s-btn__danger .s-btn__clear .s-loader s-loader__sm Loading… Ask question Loading… Ask question Loading… Ask question Featured .s-btn .s-btn__featured .s-loader s-loader__sm Loading… Ask question Loading… Ask question Loading… Ask question Dropdowns Section titled Dropdowns Adding the class .s-btn__dropdown to any button style will add an appropriately-styled caret. These should be paired with a menu or popover. &lt; button class = &quot;s-btn s-btn__dropdown&quot; type = &quot;button&quot; &gt; Dropdown &lt;/ button &gt; Type Class Default State Selected State Disabled State Base .s-btn .s-btn__dropdown Ask question Ask question Ask question Base, Clear .s-btn .s-btn__clear .s-btn__dropdown Ask question Ask question Ask question Tonal .s-btn .s-btn__tonal .s-btn__dropdown Ask question Ask question Ask question Danger .s-btn .s-btn__danger .s-btn__dropdown Ask question Ask question Ask question Danger, Clear .s-btn .s-btn__danger .s-btn__clear .s-btn__dropdown Ask question Ask question Ask question Featured .s-btn .s-btn__featured .s-btn__dropdown Ask question Ask question Ask question Badges Section titled Badges Adding an .s-btn--badge to any button will add an appropriately-styled badge. &lt; button class = &quot;s-btn&quot; type = &quot;button&quot; &gt; Badge &lt; span class = &quot;s-btn--badge&quot; &gt; &lt; span class = &quot;s-btn--number&quot; &gt; 198 &lt;/ span &gt; &lt;/ span &gt; &lt;/ button &gt; Type Class Default State Selected State Disabled State Base .s-btn .s-btn--badge Badge 198 Badge 198 Badge 198 Base, Clear .s-btn .s-btn__clear .s-btn--badge Badge 198 Badge 198 Badge 198 Tonal .s-btn .s-btn__tonal .s-btn--badge Badge 198 Badge 198 Badge 198 Danger .s-btn .s-btn__danger .s-btn--badge Badge 198 Badge 198 Badge 198 Danger, Clear .s-btn .s-btn__danger .s-btn__clear .s-btn--badge Badge 198 Badge 198 Badge 198 Featured .s-btn .s-btn__featured .s-btn--badge Badge 198 Badge 198 Badge 198 Sizes Section titled Sizes A button’s default font-size is determined by the @body-fs variable. To change the button’s font-size, use the following classes with .s-btn : Note: Avoid using icons within the extra small button size. This variant is designed for tight spaces, and standard icons are too large to fit without breaking the button's height and layout. Type Class Size Example Extra Small s-btn__xs 12px Ask question Small s-btn__sm 13px Ask question Default N/A 14px Ask question Large s-btn__lg 17px Ask question Toggle buttons Section titled Toggle buttons Each button class has a selected state which can be visually activated by applying the .is-selected class. When a button can switch between selected and unselected states, it is important to also annotate the button with the aria-pressed attribute for accessibility. A title attribute may also be appropriate to describe what will happen when pressing the button. &lt; button class = &quot;s-btn&quot; type = &quot;button&quot; aria-pressed = &quot;false&quot; title = &quot;…&quot; &gt; … &lt;/ button &gt; &lt; button class = &quot;s-btn is-selected&quot; type = &quot;button&quot; aria-pressed = &quot;true&quot; title = &quot;…&quot; &gt; … &lt;/ button &gt; &lt; script &gt; toggleButton. addEventListener ( &#x27;click&#x27; , () =&gt; { let wasSelected = toggleButton. getAttribute ( &#x27;aria-pressed&#x27; ) === &#x27;true&#x27; ; let isSelected = !wasSelected; toggleButton. classList . toggle ( &#x27;is-selected&#x27; , isSelected); toggleButton. setAttribute ( &#x27;aria-pressed&#x27; , isSelected. toString ()); … }); &lt;/ script &gt; Initially unselected toggle button Initially selected toggle button Additional styles Section titled Additional styles Stacks provides additional classes for cases that are a bit more rare. Disabled Section titled Disabled Type Attribute Definition Example Disabled [aria-disabled="true"] Adds disabled styling to any element with .s-btn applied. Ask question Resets Section titled Resets Type Class Definition Example Unset .s-btn__unset Removes all styling from a button and reverts focus states to browser default. Unset button Link .s-btn__link Styles a button element as though it were a link. Instead of transforming an s-btn to a link, you most likely want to style a button as a link . Link button Icons Section titled Icons Type Class Definition Examples Icon .s-btn__icon Adds some margin overrides that apply to an icon within a button Delete up Social Section titled Social Type Class Definition Examples Facebook .s-btn__facebook Styles a button consistent with Facebook’s branding Facebook Google .s-btn__google Styles a button consistent with Google’s branding Google GitHub .s-btn__github Styles a button consistent with GitHub’s branding GitHub Ordering Section titled Ordering To maintain product consistency, buttons should maintain the following layout ordering: Within a row Section titled Within a row Most button groups should be ordered from the most important to the least important action, left to right....
+
+---
+
+### Page: Checkbox
+URL: https://stackoverflow.design/product/components/checkbox/
+Date: 2026-03-24T21:30:16.522Z
+Tags: components
+description: Checkable inputs that visually allow for multiple options or true/false values.
+
+Content:
+Classes Section titled Classes Class Modifies Description .s-checkbox N/A Base checkbox style. .s-checkbox__checkmark .s-checkbox Checkmark style. Base Section titled Base Use the .s-checkbox to wrap input[type="checkbox"] elements to apply checkbox styles. &lt; div class = &quot;s-checkbox&quot; &gt; &lt; input type = &quot;checkbox&quot; name = &quot;example-name&quot; id = &quot;example-item&quot; /&gt; &lt; label class = &quot;s-label&quot; for = &quot;example-item&quot; &gt; Check Label &lt;/ label &gt; &lt;/ div &gt; Example Description Checkbox label Unchecked checkbox. Checkbox label Disabled unchecked checkbox. Checkbox label Checked checkbox. Checkbox label Disabled checked checkbox. Checkmark Section titled Checkmark The checkmark style is an alternative to the base checkbox style. To use the checkmark style, wrap your input and label in a container with the .s-checkbox__checkmark class. &lt; label class = &quot;s-checkbox s-checkbox__checkmark&quot; for = &quot;example-item&quot; &gt; Checkmark Label &lt; input type = &quot;checkbox&quot; name = &quot;example-name&quot; id = &quot;example-item&quot; /&gt; &lt;/ label &gt; Example Class Description Checkmark label .s-checkbox__checkmark Unchecked checkmark with a checkbox element. Checkmark label .s-checkbox__checkmark Disabled unchecked checkmark with a checkbox element. Checkmark label .s-checkbox__checkmark Checked checkmark with a checkbox element. Checkmark label .s-checkbox__checkmark Disabled checked checkmark with a checkbox element. Accessibility Section titled Accessibility The best accessibility is semantic HTML. Most screen readers understand how to parse inputs if they're correctly formatted. When it comes to checkboxes, there are a few things to keep in mind: All inputs should have an id attribute. Be sure to associate the checkbox label by using the for attribute. The value here is the input's id . If you have a group of related checkboxes, use the fieldset and legend to group them together. For more information, please read Gov.UK's article, "Using the fieldset and legend elements" . Checkbox group Section titled Checkbox group Vertical group Section titled Vertical group &lt; fieldset class = &quot;s-form-group&quot; &gt; &lt; legend class = &quot;s-label&quot; &gt; … &lt;/ legend &gt; &lt; div class = &quot;s-checkbox&quot; &gt; &lt; input type = &quot;checkbox&quot; name = &quot;…&quot; id = &quot;vert-checkbox-1&quot; /&gt; &lt; label class = &quot;s-label&quot; for = &quot;vert-checkbox-1&quot; &gt; … &lt;/ label &gt; &lt;/ div &gt; &lt; div class = &quot;s-checkbox&quot; &gt; &lt; input type = &quot;checkbox&quot; name = &quot;…&quot; id = &quot;vert-checkbox-2&quot; /&gt; &lt; label class = &quot;s-label&quot; for = &quot;vert-checkbox-2&quot; &gt; … &lt;/ label &gt; &lt;/ div &gt; &lt; div class = &quot;s-checkbox&quot; &gt; &lt; input type = &quot;checkbox&quot; name = &quot;…&quot; id = &quot;vert-checkbox-3&quot; /&gt; &lt; label class = &quot;s-label&quot; for = &quot;vert-checkbox-3&quot; &gt; … &lt;/ label &gt; &lt;/ div &gt; &lt;/ fieldset &gt; Which types of fruit do you like? (Check all that apply) Apples Oranges Bananas Horizontal group Section titled Horizontal group &lt; fieldset class = &quot;s-form-group s-form-group__horizontal&quot; &gt; &lt; legend class = &quot;s-label&quot; &gt; … &lt;/ legend &gt; &lt; div class = &quot;s-checkbox&quot; &gt; &lt; input type = &quot;checkbox&quot; name = &quot;…&quot; id = &quot;hori-checkbox-1&quot; /&gt; &lt; label class = &quot;s-label&quot; for = &quot;hori-checkbox-1&quot; &gt; … &lt;/ label &gt; &lt;/ div &gt; &lt; div class = &quot;s-checkbox&quot; &gt; &lt; input type = &quot;checkbox&quot; name = &quot;…&quot; id = &quot;hori-checkbox-2&quot; /&gt; &lt; label class = &quot;s-label&quot; for = &quot;hori-checkbox-2&quot; &gt; … &lt;/ label &gt; &lt;/ div &gt; &lt; div class = &quot;s-checkbox&quot; &gt; &lt; input type = &quot;checkbox&quot; name = &quot;…&quot; id = &quot;hori-checkbox-3&quot; /&gt; &lt; label class = &quot;s-label&quot; for = &quot;hori-checkbox-3&quot; &gt; … &lt;/ label &gt; &lt;/ div &gt; &lt;/ fieldset &gt; Which types of fruit do you like? (Check all that apply) Apples Oranges Bananas With description copy Section titled With description copy &lt; fieldset class = &quot;s-form-group&quot; &gt; &lt; legend class = &quot;s-label&quot; &gt; … &lt;/ legend &gt; &lt; div class = &quot;s-checkbox&quot; &gt; &lt; input type = &quot;checkbox&quot; name = &quot;…&quot; id = &quot;desc-checkbox-1&quot; /&gt; &lt; label class = &quot;s-label&quot; for = &quot;desc-checkbox-1&quot; &gt; … &lt; p class = &quot;s-description&quot; &gt; … &lt;/ p &gt; &lt;/ label &gt; &lt;/ div &gt; … &lt;/ fieldset &gt; Which types of fruit do you like? (Check all that apply) Apples Fresh red apples. Oranges Juicy and sweet oranges. Bananas Ripe yellow bananas. Validation states Section titled Validation states Checkboxes use the same validation states as inputs . Validation classes Section titled Validation classes Class Applies to Description .has-warning Parent element Used to warn users that the value they’ve entered has a potential problem, but it doesn’t block them from proceeding. .has-error Parent element Used to alert users that the value they’ve entered is incorrect, not filled in, or has a problem which will block them from proceeding. .has-success Parent element Used to notify users that the value they’ve entered is fine or has been submitted successfully. Validation examples Section titled Validation examples &lt;!-- Checkbox w/ warning --&gt; &lt; div class = &quot;s-checkbox has-warning&quot; &gt; &lt; input type = &quot;checkbox&quot; name = &quot;…&quot; id = &quot;warn-checkbox-1&quot; /&gt; &lt; label class = &quot;s-label&quot; for = &quot;warn-checkbox-1&quot; &gt; … &lt; p class = &quot;s-description&quot; &gt; … &lt;/ p &gt; &lt;/ label &gt; &lt;/ div &gt; Which types of fruit do you like? (Check all that apply) Apples Fresh red apples. Oranges Juicy and sweet oranges. Bananas Ripe yellow bananas. Indeterminate state Section titled Indeterminate state Checkboxes can be styled by using the :indeterminate pseudo class. Note: The :indeterminate pseudo class can only be set via JavaScript. Use the HTMLInputElement object's indeterminate property to set the state. &lt; fieldset class = &quot;s-form-group&quot; &gt; &lt; div class = &quot;s-checkbox&quot; &gt; &lt; input type = &quot;checkbox&quot; name = &quot;&quot; id = &quot;indeterminate-checkbox-1&quot; /&gt; &lt; label class = &quot;s-label&quot; for = &quot;indeterminate-checkbox-1&quot; &gt; Select all &lt;/ label &gt; &lt;/ div &gt; &lt;/ fieldset &gt; &lt; script &gt; document . getElementById ( &quot;indeterminate-checkbox-1&quot; ). indeterminate = true ; &lt;/ script &gt; Select all
+
+---
+
+### Page: Code block
+URL: https://stackoverflow.design/product/components/code-blocks/
+Date: 2026-03-24T21:30:16.522Z
+Tags: components
+description: Stacks provides styling for code blocks with syntax highlighting provided by highlight.js. Special care was taken to make sure our light and dark themes felt like Stack Overflow while maintaining near AAA color contrasts and still being distinguishable for those with a color vision deficiency.
+
+Content:
+Classes Section titled Classes Class Modifies Description .s-code-block N/A Base code block style. .linenums .s-code-block Adds a line numbers column to the code block. .linenums:&lt;n&gt; .s-code-block Adds a line numbers column to the code block starting at a number &lt;n&gt; . Language examples Section titled Language examples The following examples are a small subset of the languages that highlight.js supports. HTML Section titled HTML &lt; pre class = &quot;s-code-block language-html&quot; &gt; … &lt;/ pre &gt; &lt; form class = &quot;d-flex gy4 fd-column&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;question-title&quot; &gt; Question title &lt;/ label &gt; &lt; div class = &quot;d-flex ps-relative&quot; &gt; &lt; input class = &quot;s-input&quot; type = &quot;text&quot; id = &quot;question-title&quot; placeholder = &quot;e.g. Why doesn’t Stack Overflow use a custom web font?&quot; /&gt; &lt;/ div &gt; &lt;/ form &gt; JavaScript Section titled JavaScript &lt; pre class = &quot;s-code-block language-javascript&quot; &gt; … &lt;/ pre &gt; import React , { Component } from &#x27;react&#x27; import { IP } from &#x27;../constants/IP&#x27; import { withAuth0 } from &#x27;@auth0/auth0-react&#x27; ; class AddATournament extends Component { componentDidMount ( ) { this . myNewListOfAllTournamentsWithAuth () } } export default withAuth0 ( AddATournament ); CSS Section titled CSS &lt; pre class = &quot;s-code-block language-css&quot; &gt; … &lt;/ pre &gt; .s-input , .s-textarea { -webkit- appearance : none; width : 100% ; margin : 0 ; padding : 0.6em 0.7em ; border : 1px solid var (--bc-darker); border-radius : 3px ; background-color : var (--white); color : var (--fc-dark); font-size : 13px ; font-family : inherit; line-height : 1.15384615 ; scrollbar-color : var (--scrollbar) transparent; } @supports ( -webkit-overflow-scrolling : touch) { .s-input , .s-textarea { font-size : 16px ; padding : 0.36em 0.55em ; } .s-input ::-webkit-input-placeholder, .s-textarea::-webkit-input-placeholder { line-height : normal !important ; } } Java Section titled Java &lt; pre class = &quot;s-code-block language-java&quot; &gt; … &lt;/ pre &gt; package l2f.gameserver.model; public abstract strictfp class L2Char extends L2Object { public static final Short ERROR = 0x0001 ; public void moveTo ( int x, int y, int z) { _ai = null ; log( &quot;Should not be called&quot; ); if ( 1 &gt; 5 ) { // what? return ; } } } Ruby Section titled Ruby &lt; pre class = &quot;s-code-block language-ruby&quot; &gt; … &lt;/ pre &gt; # The Greeter class class Greeter def initialize ( name ) @name = name.capitalize end def salute puts &quot;Hello #{ @name } !&quot; end end g = Greeter .new( &quot;world&quot; ) g.salute Python Section titled Python &lt; pre class = &quot;s-code-block language-python&quot; &gt; … &lt;/ pre &gt; def all_indices ( value, qlist ): indices = [] idx = - 1 while True : try : idx = qlist.index(value, idx+ 1 ) indices.append(idx) except ValueError: break return indices all_indices( &quot;foo&quot; , [ &quot;foo&quot; , &quot;bar&quot; , &quot;baz&quot; , &quot;foo&quot; ]) Objective-C Section titled Objective-C &lt; pre class = &quot;s-code-block language-objectivec&quot; &gt; … &lt;/ pre &gt; #import &lt;UIKit/UIKit.h&gt; #import &quot;Dependency.h&quot; @protocol WorldDataSource @optional - ( NSString *)worldName; @required - ( BOOL )allowsToLive; @end @property ( nonatomic , readonly ) NSString *title; - ( IBAction ) show; @end - ( UITextField *) userName { UITextField *retval = nil ; @synchronized ( self ) { retval = [[userName retain ] autorelease]; } return retval; } - ( void ) setUserName:( UITextField *)userName_ { @synchronized ( self ) { [userName_ retain ]; [userName release]; userName = userName_; } } Swift Section titled Swift &lt; pre class = &quot;s-code-block language-swift&quot; &gt; … &lt;/ pre &gt; import Foundation @objc class Person : Entity { var name: String ! var age: Int ! init ( name : String , age : Int ) { /* /* ... */ */ } // Return a descriptive string for this person func description ( offset : Int = 0 ) -&gt; String { return &quot; \(name) is \(age + offset) years old&quot; } } Less Section titled Less &lt; pre class = &quot;s-code-block language-less&quot; &gt; … &lt;/ pre &gt; @import &quot;fruits&quot; ; @rhythm: 1.5em ; @media screen and ( min-resolution : 2dppx ) { body { font-size : 125% } } section &gt; .foo + #bar :hover [href*= &quot;less&quot; ] { margin : @rhythm 0 0 @rhythm ; padding : calc ( 5% + 20px ); background : #f00ba7 url( http://placehold.alpha-centauri/42.png ) no-repeat; background-image : linear-gradient (- 135deg , wheat, fuchsia) !important ; background-blend-mode : multiply; } @font-face { font-family : /* ? */ &#x27;Omega&#x27; ; src : url( &#x27;../fonts/omega-webfont.woff?v=2.0.2&#x27; ); } .icon-baz ::before { display : inline-block; font-family : &quot;Omega&quot; , Alpha, sans-serif; content : &quot;\f085&quot; ; color : rgba ( 98 , 76 /* or 54 */ , 231 , . 75 ); } Json Section titled Json &lt; pre class = &quot;s-code-block language-json&quot; &gt; … &lt;/ pre &gt; [ { &quot;title&quot; : &quot;apples&quot; , &quot;count&quot; : [ 12000 , 20000 ] , &quot;description&quot; : { &quot;text&quot; : &quot;...&quot; , &quot;sensitive&quot; : false } } , { &quot;title&quot; : &quot;oranges&quot; , &quot;count&quot; : [ 17500 , null ] , &quot;description&quot; : { &quot;text&quot; : &quot;...&quot; , &quot;sensitive&quot; : false } } ] C Sharp Section titled C Sharp &lt; pre class = &quot;s-code-block language-csharp&quot; &gt; … &lt;/ pre &gt; using System.IO.Compression; # pragma warning disable 414, 3021 namespace MyApplication { [ Obsolete( &quot;...&quot; ) ] class Program : IInterface { public static List &lt; int &gt; JustDoIt ( int count ) { Console.WriteLine( $&quot;Hello {Name} !&quot; ); return new List&lt; int &gt;( new int [] { 1 , 2 , 3 }) } } } SQL Section titled SQL &lt; pre class = &quot;s-code-block language-sql&quot; &gt; … &lt;/ pre &gt; CREATE TABLE &quot;topic&quot; ( &quot;id&quot; serial NOT NULL PRIMARY KEY , &quot;forum_id&quot; integer NOT NULL , &quot;subject&quot; varchar ( 255 ) NOT NULL ); ALTER TABLE &quot;topic&quot; ADD CONSTRAINT forum_id FOREIGN KEY (&quot;forum_id&quot;) REFERENCES &quot;forum&quot; (&quot;id&quot;); -- Initials insert into &quot;topic&quot; (&quot;forum_id&quot;, &quot;subject&quot;) values ( 2 , &#x27;D&#x27;&#x27;artagnian&#x27; ); Diff Section titled Diff &lt; pre class = &quot;s-code-block language-diff&quot; &gt; … &lt;/ pre &gt; Index: languages/ini.js =================================================================== languages/ini.js (revision 199) +++ languages/ini.js (revision 200) @@ -1,8 +1,7 @@ hljs.LANGUAGES.ini = { case_insensitive: true, - defaultMode: - { + defaultMode: { contains: [&#x27;comment&#x27;, &#x27;title&#x27;, &#x27;setting&#x27;], illegal: &#x27;[^\\s]&#x27; }, *** /path/to/original timestamp /path/to/new timestamp *************** *** 1,3 **** 1,9 - + This is an important + notice! It should + therefore be located at + the beginning of this + document! ! compress the size of the ! changes. It is important to spell Line numbers Section titled Line numbers Add .linenums to include line numbers on a code block. Default Section titled Default &lt; pre class = &quot;s-code-block language-html linenums&quot; &gt; … &lt;/ pre &gt; 1 2 3 4 5 6 &lt; form class = &quot;d-flex g4 fd-column&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;full-name&quot; &gt; Name &lt;/ label &gt; &lt; div class = &quot;d-flex&quot; &gt; &lt; input class = &quot;s-input&quot; type = &quot;text&quot; id = &quot;full-name&quot; /&gt; &lt;/ div &gt; &lt;/ form &gt; Offset Section titled Offset Append a number preceeded by : to .linenums to offset the start of the line numbers. &lt; pre class = &quot;s-code-block language-json linenums:23&quot; &gt; … &lt;/ pre &gt; 23 24 25 26 27 28 29 30 31 32 33 34 [ { &quot;title&quot; : &quot;apples&quot; , &quot;count&quot; : [ 12000 , 20000 ] , &quot;description&quot; : { &quot;text&quot; : &quot;...&quot; , &quot;sensitive&quot; : false } } , { &quot;title&quot; : &quot;oranges&quot; , &quot;count&quot; : [ 17500 , null ] , &quot;description&quot; : { &quot;text&quot; : &quot;...&quot; , &quot;sensitive&quot; : false } } ]
+
+---
+
+### Page: Editor
+URL: https://stackoverflow.design/product/components/editor/
+Date: 2026-03-24T21:30:16.522Z
+Tags: components
+description: The Stacks editor adds “what you see is what you get” and Markdown capabilities to textareas. It is available as a separate <a href="https://github.com/StackExchange/Stacks-Editor">Editor</a> repository, but requires Stacks’ CSS for styling.
+
+Content:
+Installation Section titled Installation Because of its size, the Stacks editor is bundled independently of Stacks. You can install it a few ways: NPM Section titled NPM The Stacks Editor is available as an NPM package. To make it available in your node modules, npm install @stackoverflow/stacks-editor Import via Modules or CommonJS Section titled Import via Modules or CommonJS import { StacksEditor } from &quot;@stackoverflow/stacks-editor&quot; ; // Don’t forget to include the styles as well import &quot;@stackoverflow/stacks-editor/styles.css&quot; ; new StacksEditor ( document . querySelector ( &quot;#editor-container&quot; ), &quot;*Your* **markdown** here&quot; ); Import via script tag Section titled Import via script tag &lt;!-- Include the bundled styles --&gt; &lt; link rel = &quot;stylesheet&quot; src = &quot;path/to/node_modules/@stackoverflow/stacks-editor/dist/styles.css&quot; /&gt; &lt; div id = &quot;editor-container&quot; &gt; &lt;/ div &gt; &lt;!-- highlight.js is not included in the bundle, so include it as well if you want it --&gt; &lt; script src = &quot;//unpkg.com/@highlightjs/cdn-assets@latest/highlight.min.js&quot; &gt; &lt;/ script &gt; &lt;!-- Include the bundle --&gt; &lt; script src = &quot;path/to/node_modules/@stackoverflow/stacks-editor/dist/app.bundle.js&quot; &gt; &lt;/ script &gt; &lt;!-- Initialize the editor --&gt; &lt; script &gt; new window . stacksEditor . StacksEditor ( document . querySelector ( &quot;#editor-container&quot; ), &quot;*Your* **markdown** here&quot; , {} ); &lt;/ script &gt; Configuration Section titled Configuration There are several options you can pass to the Stacks Editor. --> Examples Section titled Examples Empty Section titled Empty &lt; div id = &quot;editor-example-1&quot; &gt; &lt;/ div &gt; &lt; script &gt; new window . stacksEditor . StacksEditor ( document . querySelector ( &quot;#editor-example-1&quot; ), &quot;&quot; , {} ); &lt;/ script &gt; Textarea content with tables enabled Section titled Textarea content with tables enabled &lt; textarea id = &quot;editor-content-2&quot; class = &quot;d-none&quot; &gt; … &lt;/ textarea &gt; &lt; div id = &quot;editor-example-2&quot; &gt; &lt;/ div &gt; &lt; script &gt; new window . stacksEditor . StacksEditor ( document . querySelector ( &quot;#editor-example-2&quot; ), document . querySelector ( &quot;#editor-content-2&quot; ). value , { parserFeatures : { tables : true , }, } ); &lt;/ script &gt; Stacks adds a new `s-prose` class that you can slap on any block of vanilla HTML content and turn it into a beautiful, well-formatted document: ```html Garlic bread with cheese: What the science tells us For years parents have espoused the health benefits of eating garlic bread with cheese to their children, with the food earning such an iconic status in our culture that kids will often dress up as warm, cheesy loaf for Halloween. But a recent study shows that the celebrated appetizer may be linked to a series of rabies cases springing up around the country. ``` ## What to expect from here on out What follows from here is just a bunch of absolute nonsense we’ve written to dogfood the component itself. It includes every sensible typographic element we could think of, like **bold text**, unordered lists, ordered lists, code blocks, block quotes, _and even italics_. It’s important to cover all of these use cases for a few reasons: 1. We want everything to look good out of the box. 2. Really just the first reason, that’s the whole point of the plugin. 3. Here’s a third pretend reason though a list with three items looks more realistic than a list with two items. Now we’re going to try out another header style. ### Typography should be easy So that’s a header for you—with any luck if we’ve done our job correctly that will look pretty reasonable. Something a wise person once told me about typography is: > Typography is pretty important if you don’t want your stuff to look like trash. Make it good then it won’t be bad. It’s probably important that images look okay here by default as well: Now I’m going to show you an example of an unordered list to make sure that looks good, too: - So here is the first item in this list. - In this example we’re keeping the items short. - Later, we’ll use longer, more complex list items. And that’s the end of this section. ## What if we stack headings? ### We should make sure that looks good, too. Sometimes you have headings directly underneath each other. In those cases you often have to undo the top margin on the second heading because it usually looks better for the headings to be closer together than a paragraph followed by a heading should be. ### When a heading comes after a paragraph … When a heading comes after a paragraph, we need a bit more space, like I already mentioned above. Now let’s see what a more complex list would look like. - **I often do this thing where list items have headings.** For some reason I think this looks cool which is unfortunate because it’s pretty annoying to get the styles right. I often have two or three paragraphs in these list items, too, so the hard part is getting the spacing between the paragraphs, list item heading, and separate list items to all make sense. Pretty tough honestly, you could make a strong argument that you just shouldn’t write this way. - **Since this is a list, I need at least two items.** I explained what I’m doing already in the previous list item, but a list wouldn’t be a list if it only had one item, and we really want this to look realistic. That’s why I’ve added this second list item so I actually have something to look at when writing the styles. - **It’s not a bad idea to add a third item either.** I think it probably would’ve been fine to just use two items but three is definitely not worse, and since I seem to be having no trouble making up arbitrary things to type, I might as well include it. After this sort of list I usually have a closing statement or paragraph, because it kinda looks weird jumping right to a heading. ## Code should look okay by default. Here’s what a default `tailwind.config.js` file looks like at the time of writing: ```js module.exports = { purge: [], theme: { extend: {}, }, variants: {}, plugins: [], } ``` Hopefully that looks good enough to you. ### What about nested lists? Nested lists basically always look bad which is why editors like Medium don’t even let you do it, but I guess since some of you goofballs are going to do it we have to carry the burden of at least making it work. 1. **Nested lists are rarely a good idea.** - You might feel like you are being really “organized” or something but you are just creating a gross shape on the screen that is hard to read. - Nested navigation in UIs is a bad idea too, keep things as flat as possible. - Nesting tons of folders in your source code is also not helpful. 2. **Since we need to have more items, here’s another one.** - I’m not sure if we’ll bother styling more than two levels deep. - Two is already too much, three is guaranteed to be a bad idea. - If you nest four levels deep you belong in prison. 3. **Two items isn’t really a list, three is good though.** - Again please don’t nest lists if you want people to actually read your content. - Nobody wants to look at this. - I’m upset that we even have to bother styling this. The most annoying thing about lists in Markdown is that ` ` elements aren’t given a child ` ` tag unless there are multiple paragraphs in the list item. That means I have to worry about styling that annoying situation too. - **For example, here’s another nested list.** But this time with a second paragraph. - These list items won’t have ` ` tags - Because they are only one line each - **But in this second top-level list item, they will.** This is especially annoying because of the spacing on this paragraph. - As you can see here, because I’ve added a second line, this list item now has a ` ` tag. This is the second line I’m talking about by the way. - Finally here’s another list item so it’s more like a list. - A closing list item, but with no nested list, because why not? And finally a sentence to close off this section. ## There are other elements we need to style I almost forgot to mention links, like [Stack Overflow](https://stackoverflow.com). We even included table styles, check it out: Wrestler Origin Finisher Bret "The Hitman" Hart Calgary, AB Sharpshooter Stone Cold Steve Austin Austin, TX Stone Cold Stunner Randy Savage Sarasota, FL Elbow Drop Vader Boulder, CO Vader Bomb Razor Ramon Chuluota, FL Razor’s Edge We also need to make sure inline code looks good, like if I wanted to talk about ` ` elements. ### Sometimes I even use `code` in headings Another thing I’ve done in the past is put a `code` tag inside of a link, like if I wanted to tell you about the [`stackexchange/stacks`](https://github.com/stackexchange/stacks) repository. ### We still need to think about stacked headings though. #### Let’s make sure we don’t screw that up with `h4` elements, either. Phew, with any luck we have styled the headings above this text and they look pretty good. ##### We should also make sure we're styling `h5` elements as well. Let’s add a closing paragraph here so things end with a decently sized block of text. I can’t explain why I want things to end that way but I have to assume it’s because I think things will look weird or unbalanced if there is a heading too close to the end of the document. ###### And, finally, an `h6`. Ultimately, though, we also want to support the `h6` headers. What I’ve written here is probably long enough, but adding this final sentence can’t hurt.
+
+---
+
+### Page: Empty states
+URL: https://stackoverflow.design/product/components/empty-states/
+Date: 2026-03-24T21:30:16.522Z
+Tags: components
+description: Empty states are used when there is no data to show. Ideally they orient the user by providing feedback based on the the user’s last interaction or communicate the benefits of a feature. When appropriate, they should explain the next steps the user should take and provide guidance with a clear call-to-action.
+
+Content:
+Classes Section titled Classes Class Description .s-empty-state Base empty state style. No data or results Section titled No data or results Typical use-case for an empty state is when a feature has no data or a search/filter operation yields no results. Actionable Section titled Actionable If the user is able to address the situation resulting in an empty state, it is appropriate to include a button for them to do so. &lt; div class = &quot;s-empty-state wmx4 p48&quot; &gt; @Svg.Spot.Empty.With(&quot;native&quot;) &lt; h4 class = &quot;s-empty-state--title&quot; &gt; No questions match your result. &lt;/ h4 &gt; &lt; p &gt; Try refining your search term or trying something more general. &lt;/ p &gt; &lt; button class = &quot;s-btn s-btn__tonal&quot; &gt; Clear filters &lt;/ a &gt; &lt;/ div &gt; No questions match your result. Try refining your search term or trying something more general. Clear filters Non-actionable Section titled Non-actionable If the user can’t take an action to fix the situation, it’s appropriate to set expectations. &lt; div class = &quot;s-empty-state wmx4 p48&quot; &gt; @Svg.Spot.Empty.With(&quot;native&quot;) &lt; h4 class = &quot;s-empty-state--title&quot; &gt; User trends not ready &lt;/ h4 &gt; &lt; p &gt; Please check back in a few days. &lt;/ p &gt; &lt;/ div &gt; User trends not ready Please check back in a few days. Minimal Section titled Minimal If desired, both the title and call-to-action may be omitted for a minimal look. &lt; div class = &quot;s-empty-state wmx4 p48&quot; &gt; @Svg.Spot.Empty.With(&quot;native&quot;) &lt; p &gt; There’s no data associated with &lt; a href = &quot;#&quot; class = &quot;s-link s-link__underlined&quot; &gt; this account &lt;/ a &gt; . &lt;/ p &gt; &lt;/ div &gt; There’s no data associated with this account .
+
+---
+
+### Page: Inputs
+URL: https://stackoverflow.design/product/components/inputs/
+Date: 2026-03-24T21:30:16.523Z
+Tags: components
+description: Input elements are used to gather information from users.
+
+Content:
+Classes Section titled Classes Class Modifies Description .s-input N/A Base input style. .s-input__creditcard .s-input Adds a credit card icon to the input. .s-input__search .s-input Adds a search icon to the input. .s-input__sm .s-input Apply a small size. .s-input__lg .s-input Apply a large size. Base style Section titled Base style Inputs are normally paired with a label, but there are times when they can be used without a label. Placeholder text should primarily be used as a content prompt and only provided when needed. &lt;!-- Base --&gt; &lt; div class = &quot;s-form-group&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;example-item1&quot; &gt; Full name &lt;/ label &gt; &lt; p class = &quot;s-description&quot; &gt; This will be shown only to employers and other Team members. &lt;/ p &gt; &lt; input class = &quot;s-input&quot; id = &quot;example-item1&quot; type = &quot;text&quot; placeholder = &quot;Enter your input here&quot; /&gt; &lt;/ div &gt; &lt;!-- Disabled --&gt; &lt; div class = &quot;s-form-group is-disabled&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;example-item2&quot; &gt; Display name &lt;/ label &gt; &lt; div class = &quot;d-flex ps-relative&quot; &gt; &lt; input class = &quot;s-input&quot; id = &quot;example-item2&quot; type = &quot;text&quot; placeholder = &quot;Enter your input here&quot; disabled /&gt; {% icon &quot;Lock&quot;, &quot;s-input-icon fc-black-400&quot; %} &lt;/ div &gt; &lt;/ div &gt; &lt;!-- Readonly --&gt; &lt; div class = &quot;s-form-group ps-relative is-readonly&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;example-item3&quot; &gt; Legal name &lt;/ label &gt; &lt; div class = &quot;d-flex ps-relative&quot; &gt; &lt; input class = &quot;s-input&quot; id = &quot;example-item3&quot; type = &quot;text&quot; placeholder = &quot;Enter your input here&quot; readonly value = &quot;Prefilled readonly input&quot; /&gt; {% icon &quot;Lock&quot;, &quot;s-input-icon&quot; %} &lt;/ div &gt; &lt;/ div &gt; Full name This will be shown only to employers and other Team members. Display name Legal name Accessibility Section titled Accessibility The best accessibility is semantic HTML. Most screen readers understand how to parse inputs if they're correctly formatted. When it comes to inputs, there are a few things to keep in mind: All inputs should have an id attribute. Be sure to associate the input’s label by using the for attribute. The value here is the input’s id . If you have a group of related inputs, use the fieldset and legend to group them together. For more information, please read Gov.UK's article, "Using the fieldset and legend elements" . Required input fields Section titled Required input fields Labels or instructions must be provided when content requires user input. For any input field within a form that is required for successful data submission, provide the asterisk * as a symbol and a legend advising the meaning of the symbol before the first use. Stacks includes a special .s-required-symbol class to ensure the symbol (asterisk) is clearly visible. Class Applies Description .s-required-symbol abbr element enclosing the asterisk Used to style the asterisk indicating that a specific field is required. &lt; abbr class = &quot;s-required-symbol&quot; title = &quot;required&quot; &gt; * &lt;/ abbr &gt; Required symbols are not necessary for areas where only a single input field is seen on the page (ex: sign up modals). For more information, see WCAG Technique H90 . Required input fields example Section titled Required input fields example &lt; div class = &quot;d-flex w100 jc-space-between ai-center&quot; &gt; &lt; h1 class = &quot;fs-headline1 fw-normal mb16&quot; &gt; Ask a question &lt;/ h1 &gt; &lt; p class = &quot;fs-caption fc-black-400&quot; &gt; Required fields &lt; abbr class = &quot;s-required-symbol&quot; title = &quot;required&quot; &gt; * &lt;/ abbr &gt; &lt;/ p &gt; &lt;/ div &gt; &lt; form class = &quot;d-flex fd-column gy24&quot; &gt; &lt; div class = &quot;s-form-group&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;example-title-required&quot; &gt; Title &lt; abbr class = &quot;s-required-symbol&quot; title = &quot;required&quot; &gt; * &lt;/ abbr &gt; &lt;/ label &gt; &lt; input class = &quot;s-input&quot; id = &quot;example-title-required&quot; type = &quot;text&quot; placeholder = &quot;Type a title&quot; /&gt; &lt;/ div &gt; &lt; div class = &quot;s-form-group&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;example-body-required&quot; &gt; Body &lt; abbr class = &quot;s-required-symbol&quot; title = &quot;required&quot; &gt; * &lt;/ abbr &gt; &lt;/ label &gt; &lt; textarea class = &quot;s-textarea hmn1&quot; id = &quot;example-body-required&quot; placeholder = &quot;Type a question&quot; &gt; &lt;/ textarea &gt; &lt;/ div &gt; &lt; div class = &quot;s-form-group&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;example-ask-members&quot; &gt; Ask team members &lt;/ label &gt; &lt; input class = &quot;s-input&quot; id = &quot;example-ask-members&quot; type = &quot;text&quot; placeholder = &quot;Type a name&quot; /&gt; &lt;/ div &gt; &lt;/ form &gt; Ask a question Required fields * Title * Body * Ask team members Validation states Section titled Validation states Validation states provides the user feedback based on their interaction (or lack of interaction) with an input. These styles are applied by applying the appropriate class to the wrapping parent container. Validation classes Section titled Validation classes Class Applies to Description .has-warning Parent element Used to warn users that the value they’ve entered has a potential problem, but it doesn’t block them from proceeding. .has-error Parent element Used to alert users that the value they’ve entered is incorrect, not filled in, or has a problem which will block them from proceeding. .has-success Parent element Used to notify users that the value they’ve entered is fine or has been submitted successfully. Validation guidance Section titled Validation guidance In most cases, validation states shouldn’t be shown until after the user has submitted the form. There are certain exceptions where it can be appropriate to show a validation state without form submission—after a sufficient delay. For example, validating the existence of a username can occur after the user has stopped typing, or when they’ve deselected the input. Once the user is presented validation states, they can be cleared as soon as the user interacts with the form field. For example, the error state for an incorrect password should be cleared as soon as the user focuses the input to re-enter their password. Similarly to using for with labels, validation messages below inputs should be associated with their respective fields using the aria-describedby attribute for accessible behavior. Validation examples Section titled Validation examples Warning Section titled Warning &lt; div class = &quot;s-form-group has-warning&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;example-warning&quot; &gt; Username &lt;/ label &gt; &lt; div class = &quot;d-flex ps-relative&quot; &gt; &lt; input class = &quot;s-input&quot; id = &quot;example-warning&quot; type = &quot;text&quot; placeholder = &quot;&quot; aria-describedby = &quot;example-warning-desc&quot; /&gt; @Svg.Alert.With(&quot;s-input-icon&quot;) &lt;/ div &gt; &lt; p id = &quot;example-warning-desc&quot; class = &quot;s-input-message&quot; &gt; Caps lock is on! &lt; a href = &quot;#&quot; &gt; Having trouble entering your username? &lt;/ a &gt; &lt;/ p &gt; &lt;/ div &gt; Username Caps lock is on! Having trouble entering your username? Error Section titled Error In addition to using the "error" state for a field, be sure to use the aria-invalid attribute to indicate to assistive technology that respective fields have failed validation. &lt; div class = &quot;s-form-group has-error&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;example-error&quot; &gt; Username &lt;/ label &gt; &lt; div class = &quot;d-flex ps-relative&quot; &gt; &lt; input class = &quot;s-input&quot; id = &quot;example-error&quot; type = &quot;text&quot; placeholder = &quot;e.g. johndoe111&quot; aria-describedby = &quot;example-error-desc&quot; aria-invalid = &quot;true&quot; /&gt; @Svg.AlertFill.With(&quot;s-input-icon&quot;) &lt;/ div &gt; &lt; p id = &quot;example-error-desc&quot; class = &quot;s-input-message&quot; &gt; You must provide a username. &lt; a href = &quot;#&quot; &gt; Forgot your username? &lt;/ a &gt; &lt;/ p &gt; &lt;/ div &gt; Username You must provide a username. Forgot your username? Success Section titled Success &lt; div class = &quot;s-form-group has-success&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;example-success&quot; &gt; Username &lt;/ label &gt; &lt; div class = &quot;d-flex ps-relative&quot; &gt; &lt; input class = &quot;s-input&quot; id = &quot;example-success&quot; type = &quot;text&quot; aria-describedby = &quot;example-success-desc&quot; /&gt; @Svg.Checkmark.With(&quot;s-input-icon&quot;) &lt;/ div &gt; &lt; p id = &quot;example-success-desc&quot; class = &quot;s-input-message&quot; &gt; That name is available! &lt; a href = &quot;#&quot; &gt; Why do we require a username? &lt;/ a &gt; &lt;/ p &gt; &lt;/ div &gt; Username That name is available! Why do we require a username? Icons Section titled Icons Search Section titled Search Stacks provides helper classes to consistently style an input used for search. First, wrap your search input in an element with relative positioning. Then, and add s-input__search to the input itself. Finally, be sure to add s-input-icon and s-input-icon__search to the search icon....
+
+---
+
+### Page: Labels
+URL: https://stackoverflow.design/product/components/labels/
+Date: 2026-03-24T21:30:16.523Z
+Tags: components
+description: Labels are used to describe inputs, select menus, textareas, radio buttons, and checkboxes.
+
+Content:
+Classes Section titled Classes Class Modifies Description .s-label N/A Base label style. .s-label__sm .s-label Apply a small size. .s-label__lg .s-label Apply a large size. Labels inform users what information is being asked of them. They should be written in sentence case. For usability reasons, if a label is connected with an input, the for="[id]" attribute should be filled in. This attribute references the input’s id="[value]" value. This makes clicking the label automatically focus the proper input. Base style Section titled Base style &lt; form class = &quot;s-form-group&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;question-title&quot; &gt; Question title &lt;/ label &gt; &lt; div class = &quot;d-flex ps-relative&quot; &gt; &lt; input class = &quot;s-input&quot; type = &quot;text&quot; id = &quot;question-title&quot; placeholder = &quot;e.g. Why doesn’t Stack Overflow use a custom web font?&quot; /&gt; &lt;/ div &gt; &lt;/ form &gt; Question title Sizes Section titled Sizes Class Name Size Example .s-label__sm Small 14px Question title N/A Default 16px Question title .s-label__lg Large 22px Question title Description copy Section titled Description copy When a label or input needs further explantation, text should be placed directly underneath it. &lt; form class = &quot;s-form-group&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;example-item&quot; &gt; Question title &lt;/ label &gt; &lt; p class = &quot;s-description&quot; &gt; Clear question titles are more likely to get answered. &lt;/ p &gt; &lt; div class = &quot;d-flex ps-relative&quot; &gt; &lt; input class = &quot;s-input&quot; id = &quot;example-item&quot; type = &quot;text&quot; placeholder = &quot;e.g. Why doesn’t Stack Overflow use a custom web font?&quot; /&gt; &lt;/ div &gt; &lt;/ form &gt; Question title Clear question titles are more likely to get answered. Status Section titled Status Use status indicators to append essential context to a label. This pattern supports any of the various badge states available. When using this indicator, display the full word 'Required' rather than an asterisk. Note: If the majority of a form’s inputs are required, prioritize the asterisk pattern outlined in Input Accessibility instead. &lt; form class = &quot;s-form-group&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;question-title-required&quot; &gt; Question title &lt; span class = &quot;s-badge s-badge__danger&quot; &gt; Required &lt;/ span &gt; &lt;/ label &gt; &lt; div class = &quot;d-flex ps-relative&quot; &gt; &lt; input class = &quot;s-input&quot; type = &quot;text&quot; id = &quot;question-title-required&quot; placeholder = &quot;e.g. Why doesn’t Stack Overflow use a custom web font?&quot; /&gt; &lt;/ div &gt; &lt;/ form &gt; Question title Required &lt; form class = &quot;s-form-group&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;question-tags&quot; &gt; Question tags &lt; span class = &quot;s-badge&quot; &gt; Optional &lt;/ span &gt; &lt;/ label &gt; &lt; div class = &quot;d-flex ps-relative&quot; &gt; &lt; input class = &quot;s-input&quot; type = &quot;text&quot; id = &quot;question-tags&quot; placeholder = &quot;e.g. Why doesn’t Stack Overflow use a custom web font?&quot; /&gt; &lt;/ div &gt; &lt;/ form &gt; Question tags Optional &lt; form class = &quot;s-form-group&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;question-title-new&quot; &gt; What is your favorite animal? &lt; span class = &quot;s-badge s-badge__info&quot; &gt; Saved for later &lt;/ span &gt; &lt;/ label &gt; &lt; div class = &quot;d-flex ps-relative&quot; &gt; &lt; input class = &quot;s-input&quot; type = &quot;text&quot; id = &quot;question-title-new&quot; placeholder = &quot;e.g. hedgehog, platypus, sugar glider&quot; /&gt; &lt;/ div &gt; &lt;/ form &gt; What is your favorite animal? Saved for later &lt; form class = &quot;s-form-group&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;question-title-beta&quot; &gt; Notify people &lt; span class = &quot;s-badge s-badge__featured&quot; &gt; New feature &lt;/ span &gt; &lt;/ label &gt; &lt; div class = &quot;d-flex ps-relative&quot; &gt; &lt; input class = &quot;s-input&quot; type = &quot;text&quot; id = &quot;question-title-beta&quot; placeholder = &quot;e.g. jdoe, bgates, sjobs&quot; /&gt; &lt;/ div &gt; &lt;/ form &gt; Notify people New feature
+
+---
+
+### Page: Links
+URL: https://stackoverflow.design/product/components/links/
+Date: 2026-03-24T21:30:16.523Z
+Tags: components
+description: Links are lightly styled via the <code>a</code> element by default. In addition, we provide <code>.s-link</code> and its variations. In rare situations, <code>.s-link</code> can be applied to n <code>button</code> while maintaining the look of an anchor.
+
+Content:
+Links Section titled Links Link classes Section titled Link classes Class Modifies Description .s-link N/A Base link style that is used almost universally. .s-link__grayscale .s-link A link style modification with our default text color. .s-link__muted .s-link Applies a visually muted style to the base style. .s-link__danger .s-link Applies an important, destructive red to the base style. .s-link__inherit .s-link Applies the parent element’s text color. .s-link__underlined .s-link Adds an underline to the link’s text. .s-link__dropdown .s-link Applies a caret for dropdowns and additional interactivity. Single link examples Section titled Single link examples &lt; a class = &quot;s-link&quot; href = &quot;#&quot; &gt; Default &lt;/ a &gt; &lt; a class = &quot;s-link s-link__grayscale&quot; href = &quot;#&quot; &gt; Grayscale &lt;/ a &gt; &lt; a class = &quot;s-link s-link__muted&quot; href = &quot;#&quot; &gt; Muted &lt;/ a &gt; &lt; a class = &quot;s-link s-link__danger&quot; href = &quot;#&quot; &gt; Danger &lt;/ a &gt; &lt; a class = &quot;s-link s-link__inherit&quot; href = &quot;#&quot; &gt; Inherit &lt;/ a &gt; &lt; a class = &quot;s-link s-link__underlined&quot; href = &quot;#&quot; &gt; Underlined &lt;/ a &gt; &lt; button class = &quot;s-link&quot; &gt; Button Link &lt;/ button &gt; &lt; a class = &quot;s-link s-link__dropdown&quot; href = &quot;#&quot; &gt; Links &lt;/ a &gt; Default Grayscale Muted Danger Inherit Underlined Button Link Links Accessibility Section titled Accessibility Any link with adjacent static text cannot use color alone to differentiate it as a link. If a link is next to static text and the only visual indication that it’s a link is the color of the text, it will require an underline in addition to the color. Reference WCAG SC 1.4.1 for more details. Anchors Section titled Anchors Anchor classes Section titled Anchor classes Class Modifies Description .s-anchors N/A A consistent link style is applied to all descendent anchors. .s-anchors__default .s-anchors All descendent links receive s-link’s default styling. .s-anchors__grayscale .s-anchors Applies gray styling to all descendent links. .s-anchors__muted .s-anchors Applies a visually muted style to all descendent links. .s-anchors__danger .s-anchors Applies an important, destructive red to all descendent links. .s-anchors__underlined .s-anchors Applies an underline to all descendent links. .s-anchors__inherit .s-anchors Applies the parent element’s text color to all descendent links. Anchor examples Section titled Anchor examples Sometimes you need to give all &lt;a&gt; elements inside a container or component the same color, even when it&lsquo;s impractical or even impossible to give each anchor element an s-link class (e.g. because the markup is generated from Markdown). In this case, you can add the s-anchors class together with one of the modifiers s-anchors__default , s-anchors__grayscale , s-anchors__muted , s-anchors__danger , or s-anchors__inherit to the container. &lt; div class = &quot;s-anchors&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;s-anchors s-anchors__grayscale&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;s-anchors s-anchors__muted&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;s-anchors s-anchors__danger&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;s-anchors s-anchors__underlined&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;s-anchors s-anchors__inherit&quot; &gt; … &lt;/ div &gt; There is a default link here , a button , and another one . There is a grayscale link here , a button , and another one . There is a muted link here , a button , and another one . There is a danger link here , a button , and another one . There is a underlined link here , a button , and another one . There is a inherit link here , a button , and another one . One additional level of nesting is supported, but even that should be exceedingly rare. More than that is not supported. &lt; div class = &quot;s-anchors s-anchors__danger s-card&quot; &gt; All &lt; a href = &quot;#&quot; &gt; links &lt;/ a &gt; in this &lt; a href = &quot;#&quot; &gt; outer box &lt;/ a &gt; are &lt; a href = &quot;#&quot; &gt; dangerous &lt;/ a &gt; . &lt; div class = &quot;s-anchors s-anchors__default s-card w70 mt8&quot; &gt; But all &lt; a href = &quot;#&quot; &gt; links &lt;/ a &gt; in this &lt; a href = &quot;#&quot; &gt; inner box &lt;/ a &gt; have the &lt; a href = &quot;#&quot; &gt; default &lt;/ a &gt; link color. &lt;/ div &gt; &lt;/ div &gt; All links in this outer box are dangerous . But all links in this inner box have the default link color. An explicit s-link on an anchor overrides any s-anchors setting: &lt; div class = &quot;s-anchors s-anchors__danger s-card&quot; &gt; All &lt; a href = &quot;#&quot; &gt; links &lt;/ a &gt; in this &lt; a href = &quot;#&quot; &gt; box &lt;/ a &gt; are &lt; a href = &quot;#&quot; &gt; dangerous &lt;/ a &gt; , except for &lt; a class = &quot;s-link&quot; &gt; this one &lt;/ a &gt; which uses the default color, and &lt; a class = &quot;s-link s-link__muted&quot; &gt; this muted link &lt;/ a &gt; . &lt;/ div &gt; All links in this box are dangerous , except for this one which uses the default color, and this muted link .
+
+---
+
+### Page: Loader
+URL: https://stackoverflow.design/product/components/loader/
+Date: 2026-03-24T21:30:16.524Z
+Tags: components
+description: The loader component indicates an active wait state for a page, section, or interactive element.
+
+Content:
+Classes Section titled Classes Class Parent Modifies Description .s-loader N/A N/A Base class for the loader component .s-loader--sr-text .s-loader N/A Necessary to render the center loader block and renders the accessible text .s-loader__sm N/A .s-loader A small variant of the loader component .s-loader__lg N/A .s-loader A large variant of the loader component Examples Section titled Examples Base Section titled Base The base loader component displays three animated squares. &lt; div class = &quot;s-loader&quot; &gt; &lt; div class = &quot;s-loader--sr-text&quot; &gt; Loading… &lt;/ div &gt; &lt;/ div &gt; Loading… Sizes Section titled Sizes Class Modifies Example .s-loader__sm .s-loader Loading… .s-loader N/A Loading… .s-loader__lg .s-loader Loading…
+
+---
+
+### Page: Menus
+URL: https://stackoverflow.design/product/components/menus/
+Date: 2026-03-24T21:30:16.524Z
+Tags: components
+description: A menu offers a contextual list of actions or functions.
+
+Content:
+Classes Section titled Classes Class Parent Modifies Description .s-menu N/A N/A Base container styling for a menu. .s-menu--divider .s-menu N/A Adds a divider line between menu sections. .s-menu--item .s-menu N/A Applies link styling to link within a menu. Used for actionable elements. .s-menu--title .s-menu N/A Adds appropriate styling for a title within a menu. .s-menu--icon .s-menu--item N/A Applies styling to an icon. .s-menu--action .s-menu--item N/A Applies link styling to link within a menu. Used for actionable elements. .s-menu--action__danger N/A .s-menu--action Applies danger styling to a menu link. Used for destructive actions. Examples Section titled Examples A menu displays a list of choices temporarily, and usually represent tasks or actions. Don’t confuse menus for navigation . Basic Section titled Basic At its most basic, a menu is a simple styled list of contextual actions. Because they’re contextual, it’s strongly recommended that a menu is contained within a popover or a card . When placed in various containers, you’ll need to either account for the padding on the container, or use negative margins on the menu component itself. &lt; div class = &quot;s-popover p8&quot; &gt; &lt; ul class = &quot;s-menu&quot; role = &quot;menu&quot; &gt; &lt; li class = &quot;s-menu--item&quot; role = &quot;menuitem&quot; &gt; &lt; a class = &quot;s-menu--action&quot; href = &quot;…&quot; &gt; … &lt;/ a &gt; &lt;/ li &gt; &lt; li class = &quot;s-menu--item&quot; role = &quot;menuitem&quot; &gt; &lt; button class = &quot;s-menu--action&quot; &gt; … &lt;/ button &gt; &lt;/ li &gt; &lt;/ ul &gt; &lt;/ div &gt; &lt; div class = &quot;docs-card p8&quot; &gt; &lt; ul class = &quot;s-menu&quot; role = &quot;menu&quot; &gt; … &lt;/ ul &gt; &lt;/ div &gt; &lt; ul class = &quot;s-menu&quot; role = &quot;menu&quot; &gt; &lt; li class = &quot;s-menu--item&quot; role = &quot;menuitem&quot; &gt; &lt; a class = &quot;s-menu--action&quot; href = &quot;…&quot; &gt; … &lt;/ a &gt; &lt;/ li &gt; &lt;/ ul &gt; Within a popover Share Edit Follow Within a card Share Edit Follow No container Share Edit Follow Titles and Dividers Section titled Titles and Dividers You can split up your menu by using either titles, dividers, or some combination of the two. Titles help group similar conceptual actions—in this example, we’ve grouped all sharing options. We’ve also split our destructive actions into their own section using a divider. &lt; div class = &quot;s-popover px0 py4&quot; &gt; &lt; ul class = &quot;s-menu&quot; role = &quot;menu&quot; &gt; &lt; li class = &quot;s-menu--title&quot; role = &quot;separator&quot; &gt; … &lt;/ li &gt; &lt; li class = &quot;s-menu--item&quot; role = &quot;menuitem&quot; &gt; &lt; a class = &quot;s-menu--action&quot; href = &quot;…&quot; &gt; … &lt;/ a &gt; &lt;/ li &gt; &lt; li class = &quot;s-menu--divider&quot; role = &quot;separator&quot; &gt; &lt;/ li &gt; &lt; li class = &quot;s-menu--item&quot; role = &quot;menuitem&quot; &gt; &lt; a class = &quot;s-menu--action s-menu--action__danger&quot; href = &quot;…&quot; &gt; … &lt;/ a &gt; &lt;/ li &gt; &lt;/ ul &gt; &lt;/ div &gt; Layout Email Facebook Twitter Deactivate Delete Icons Section titled Icons Icons can be added to menu items to help visually distinguish actions. Include the s-menu--icon class on the icon to ensure proper spacing and alignment. &lt; ul class = &quot;s-menu&quot; role = &quot;menu&quot; &gt; &lt; li class = &quot;s-menu--item&quot; role = &quot;menuitem&quot; &gt; &lt; a class = &quot;s-menu--action&quot; href = &quot;#&quot; &gt; @Svg.Home.With(&quot;s-menu--icon&quot;) Home &lt;/ a &gt; &lt;/ li &gt; &lt; li class = &quot;s-menu--item&quot; role = &quot;menuitem&quot; &gt; &lt; a class = &quot;s-menu--action&quot; href = &quot;#&quot; &gt; @Svg.Inbox.With(&quot;s-menu--icon&quot;) Inbox &lt;/ a &gt; &lt;/ li &gt; &lt; li class = &quot;s-menu--item&quot; role = &quot;menuitem&quot; &gt; &lt; a class = &quot;s-menu--action&quot; href = &quot;#&quot; &gt; @Svg.Settings.With(&quot;s-menu--icon&quot;) Settings &lt;/ a &gt; &lt;/ li &gt; &lt;/ ul &gt; Home Inbox Settings Selected states Section titled Selected states To create selectable menu items, add .s-checkbox.s-checkbox__checkmark or .s-radio.s-radio__checkmark to the .s-menu--action element and include a radio or checkbox input as a child element. When the input is :checked , the corresponding menu item displays a checkmark. &lt; fieldset class = &quot;s-menu s-form-group&quot; &gt; &lt; legend class = &quot;s-menu--title&quot; &gt; … &lt;/ legend &gt; &lt; div class = &quot;s-menu--item&quot; &gt; &lt; label class = &quot;s-menu--action s-radio s-radio__checkmark&quot; for = &quot;…&quot; &gt; &lt; input type = &quot;radio&quot; id = &quot;…&quot; name = &quot;…&quot; value = &quot;…&quot; &gt; … &lt;/ label &gt; &lt;/ div &gt; … &lt;/ fieldset &gt; &lt; fieldset class = &quot;s-menu s-form-group&quot; &gt; &lt; legend class = &quot;s-menu--title&quot; &gt; … &lt;/ legend &gt; &lt; div class = &quot;s-menu--item&quot; &gt; &lt; label class = &quot;s-menu--action s-checkbox s-checkbox__checkmark&quot; for = &quot;…&quot; &gt; &lt; input type = &quot;checkbox&quot; id = &quot;…&quot; name = &quot;…&quot; value = &quot;…&quot; &gt; … &lt;/ label &gt; &lt;/ div &gt; … &lt;/ fieldset &gt; With radio input Select one Frequent Votes Unanswered With checkbox input Select multiple Frequent Votes Unanswered Radio groups Section titled Radio groups In the case of user management, it’s appropriate to include radio options. In this example, we’re setting a user’s role. While our examples up to this point have all been simple unordered lists, the s-menu component works on any markup including fieldset . &lt; div class = &quot;s-menu&quot; role = &quot;menu&quot; &gt; &lt; fieldset &gt; &lt; legend class = &quot;s-menu--title&quot; &gt; … &lt;/ legend &gt; &lt; label class = &quot;s-menu--item s-radio&quot; for = &quot;…&quot; &gt; &lt; input type = &quot;radio&quot; name = &quot;…&quot; id = &quot;…&quot; role = &quot;menuitemradio&quot; checked &gt; &lt; div &gt; &lt; div class = &quot;s-label&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;s-description mt2&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt;/ label &gt; &lt; label class = &quot;s-menu--item s-radio&quot; for = &quot;…&quot; &gt; &lt; input type = &quot;radio&quot; name = &quot;…&quot; id = &quot;…&quot; role = &quot;menuitemradio&quot; &gt; &lt; div &gt; &lt; div class = &quot;s-label&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;s-description mt2&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt;/ label &gt; &lt;/ fieldset &gt; &lt;/ div &gt; Role User Can view, ask, answer, and edit questions. Can also vote on and flag content. Moderator Everything a user can do, but can also delete and close questions. Admin Everything a moderator can do and can also manage users, permissions, and site settings.
+
+---
+
+### Page: Modals
+URL: https://stackoverflow.design/product/components/modals/
+Date: 2026-03-24T21:30:16.524Z
+Tags: components
+description: Modals are dialog overlays that prevent the user from interacting with the rest of the website until an action is taken or the dialog is dismissed. Modals are purposefully disruptive and should be used thoughtfully and sparingly.
+
+Content:
+Classes Section titled Classes Class Parent Modifies Description .s-modal N/A N/A Base parent container for modals. .s-modal--dialog .s-modal N/A Creates a container that holds the modal dialog with proper padding and shadows. .s-modal--body .s-modal--dialog N/A Adds proper styling to the modal dialog’s body text. .s-modal--close .s-modal--dialog N/A Used to dismiss a modal. .s-modal--header .s-modal--dialog N/A Adds proper styling to the modal dialog’s header. .s-modal--footer .s-modal--dialog N/A Adds the desired spacing to the row of button actions. .s-modal__danger N/A .s-modal Adds styling for potentially dangerous actions. .s-modal__full N/A .s-modal--dialog Makes the container take up as much of the screen as possible. Show all classes JavaScript Section titled JavaScript Attributes Section titled Attributes Class Applies to Description data-controller="s-modal" Controller element Wires up the element to the modal controller. This may be a .s-modal element or a wrapper element. data-s-modal-target="modal" .s-modal element Wires up the element that is to be shown/hidden data-s-modal-target="initialFocus" Any child focusable element Designates which element to focus on modal show. If absent, defaults to the first focusable element within the modal. data-action="s-modal#toggle" Any child focusable element Wires up the element that is to be shown/hidden data-action="s-modal#hide" Any child focusable element Wires up the element that is to be shown/hidden data-s-modal-return-element="[css selector]" Controller element Designates the element to return focus to when the modal is closed. If left unset, focus is not altered on close. data-s-modal-remove-when-hidden="true" Controller element Removes the modal from the DOM entirely when it is hidden Show all attributes Events Section titled Events Class Applies to Description s-modal:show Modal target Fires immediately before showing the modal. Calling .preventDefault() cancels the display of the modal. s-modal:shown Modal target Fires after the modal has been visually shown s-modal:hide Modal target Fires immediately before hiding the modal. Calling .preventDefault() cancels the removal of the modal. s-modal:hidden Modal target Fires after the modal has been visually hidden Show all events Event details Section titled Event details Class Applies to Description dispatcher Modal target Contains the Element that initiated the event. For instance, the button clicked to show, the element clicked outside the modal that caused it to hide, etc. returnElement Modal target Contains the Element to return focus to on hide. If a value is set to this property inside an event listener, it will be updated on the controller as well. Helpers Section titled Helpers Class Applies to Description Stacks.showModal Controller element Helper to manually show an s-modal element via external JS Stacks.hideModal Controller element Helper to manually hide an s-modal element via external JS Accessibility Section titled Accessibility Modals are designed with accessibility in mind by default. When a modal is open, navigation with the keyboard will be constrained to only those elements within the modal. To ensure maximum compatibility, all a tags must have href attributes and any default focusable items you don’t want focusable must have their tabindex set to -1 . Class Applies to Description aria-describedby="[id]" Modal target Supply the modal’s summary copy id. Assistive technologies (such as screen readers) use this to attribute to associate static text with a widget, element groups, headings, definitions, etc. ( Source ) aria-hidden="[state]" Modal target Informs assistive technologies (such as screen readers) if they should ignore the element. This should not be confused with the HTML5 hidden attribute which tells the browser to not display an element. ( Source ) aria-label="[text]" Modal target Labels the element for assistive technologies (such as screen readers). ( Source ) aria-labelledby="[id]" Modal target Supply the modal’s title id here. Assistive technologies (such as screen readers) use this to attribute to catalog the document objects correctly. ( Source ) role="dialog" Modal target Identifies dialog elements for assistive technologies ( Source ) role="document" Modal target Helps assistive technologies to switch their reading mode from the larger document to a focused dialog window. ( Source ) Example title Nullam ornare lectus vitae lacus sagittis, at sodales leo viverra. Suspendisse nec nulla dignissim elit varius tempus. Cras viverra neque at imperdiet vehicula. Curabitur condimentum id dolor vitae ultrices. Pellentesque scelerisque nunc sit amet leo fringilla bibendum. Etiam feugiat imperdiet mi, eu blandit arcu cursus a. Pellentesque cursus massa id dolor ullamcorper, at condimentum nunc ultrices. Save changes Cancel Example danger title Nullam ornare lectus vitae lacus sagittis, at sodales leo viverra. Suspendisse nec nulla dignissim elit varius tempus. Cras viverra neque at imperdiet vehicula. Curabitur condimentum id dolor vitae ultrices. Pellentesque scelerisque nunc sit amet leo fringilla bibendum. Etiam feugiat imperdiet mi, eu blandit arcu cursus a. Pellentesque cursus massa id dolor ullamcorper, at condimentum nunc ultrices. Save changes Cancel Examples Section titled Examples Launch example modal Launch example modal w/ danger state You can wire up a modal along with the corresponding button by wrapping both in a s-modal controller and attaching the corresponding data-* attributes. Make sure to set data-s-modal-return-element if you want your button to refocus on close. &lt; div data-controller = &quot;s-modal&quot; data-s-modal-return-element = &quot;#js-return-focus&quot; &gt; &lt; button type = &quot;button&quot; id = &quot;js-return-focus&quot; data-action = &quot;s-modal#show&quot; &gt; Show modal &lt;/ button &gt; &lt; aside class = &quot;s-modal&quot; data-s-modal-target = &quot;modal&quot; id = &quot;modal-base&quot; tabindex = &quot;-1&quot; role = &quot;dialog&quot; aria-labelledby = &quot;modal-title&quot; aria-describedby = &quot;modal-description&quot; aria-hidden = &quot;true&quot; &gt; &lt; div class = &quot;s-modal--dialog&quot; role = &quot;document&quot; &gt; &lt; h1 class = &quot;s-modal--header&quot; id = &quot;modal-title&quot; &gt; … &lt;/ h1 &gt; &lt; p class = &quot;s-modal--body&quot; id = &quot;modal-description&quot; &gt; … &lt;/ p &gt; &lt; div class = &quot;d-flex gx8 s-modal--footer&quot; &gt; &lt; button class = &quot;s-btn&quot; type = &quot;button&quot; &gt; … &lt;/ button &gt; &lt; button class = &quot;s-btn s-btn__danger&quot; type = &quot;button&quot; data-action = &quot;s-modal#hide&quot; &gt; … &lt;/ button &gt; &lt;/ div &gt; &lt; button class = &quot;s-modal--close s-btn s-btn__clear&quot; type = &quot;button&quot; aria-label = &quot;@_s(&quot; Close &quot;)&quot; data-action = &quot;s-modal#hide&quot; &gt; @Svg.Cross &lt;/ button &gt; &lt;/ div &gt; &lt;/ aside &gt; &lt;/ div &gt; Example title Nullam ornare lectus vitae lacus sagittis, at sodales leo viverra. Suspendisse nec nulla dignissim elit varius tempus. Cras viverra neque at imperdiet vehicula. Curabitur condimentum id dolor vitae ultrices. Pellentesque scelerisque nunc sit amet leo fringilla bibendum. Etiam feugiat imperdiet mi, eu blandit arcu cursus a. Save changes Cancel Alternatively, you can also use the built in helper to display a modal straight from your JS file. This is useful for the times when your modal markup can’t live next to your button or if it is generated dynamically (e.g. from an AJAX call). &lt; button class = &quot;s-btn js-modal-toggle&quot; type = &quot;button&quot; &gt; Show modal &lt;/ button &gt; &lt; aside class = &quot;s-modal&quot; id = &quot;modal-base&quot; role = &quot;dialog&quot; aria-labelledby = &quot;modal-title&quot; aria-describedby = &quot;modal-description&quot; aria-hidden = &quot;true&quot; data-controller = &quot;s-modal&quot; data-s-modal-target = &quot;modal&quot; &gt; &lt; div class = &quot;s-modal--dialog&quot; role = &quot;document&quot; &gt; &lt; h1 class = &quot;s-modal--header&quot; id = &quot;modal-title&quot; &gt; … &lt;/ h1 &gt; &lt; p class = &quot;s-modal--body&quot; id = &quot;modal-description&quot; &gt; … &lt;/ p &gt; &lt; div class = &quot;d-flex gx8 s-modal--footer&quot; &gt; &lt; button class = &quot;s-btn&quot; type = &quot;button&quot; &gt; … &lt;/ button &gt; &lt; button class = &quot;s-btn s-btn__clear&quot; type = &quot;button&quot; data-action = &quot;s-modal#hide&quot; &gt; … &lt;/ button &gt; &lt;/ div &gt; &lt; button class = &quot;s-modal--close s-btn s-btn__clear&quot; type = &quot;button&quot; aria-label = &quot;@_s(&quot; Close &quot;)&quot; data-action = &quot;s-modal#hide&quot; &gt; @Svg.Cross &lt;/ button &gt; &lt;/ div &gt; &lt;/ aside &gt; document . querySelector ( &quot;.js-modal-toggle&quot; ). addEventListener ( &quot;click&quot; , function ( e ) { Stacks . showModal ( document . querySelector ( &quot;#modal-base&quot; )); }); Danger state Section titled Danger state Not every modal is sunshine and rainbows. Sometimes there are potentially drastic things that could happen by hitting a confirm button in a modal—such as deleting an account. In moments like this, add the .s-modal__danger class to .s-modal . Additionally, you should switch the buttons to .s-btn__danger , since the main call to action will be destructive....
+
+---
+
+### Page: Navigation
+URL: https://stackoverflow.design/product/components/navigation/
+Date: 2026-03-24T21:30:16.524Z
+Tags: components
+description: Our navigation component is a collection of buttons that respond gracefully to various window sizes and parent containers.
+
+Content:
+Classes Section titled Classes Class Parent Modifies Description .s-navigation N/A N/A Base parent container for navigation. .s-navigation--item .s-navigation N/A The individual item in a navigation .s-navigation--avatar .s-navigation--item N/A Applies styling to the avatar of the navigation item .s-navigation--icon .s-navigation--item N/A Applies styling to the icon of the navigation item .s-navigation--item-text .s-navigation--item N/A The element meant to contain the text of the navigation item .s-navigation__scroll N/A .s-navigation When the navigation items overflow the width of the component, enable horizontal scrolling. By default, navigation items will wrap. This should not be applied to vertical navigations. .s-navigation__sm N/A .s-navigation Tightens up the overall spacing and reduces the text size .s-navigation__vertical N/A .s-navigation Renders the navigation vertically. .s-navigation--item__dropdown N/A .s-navigation--item Adds a small caret that indicates a dropdown .is-selected N/A .s-navigation--item Applies to a navigation item that’s currently selected / active Preventing layout shift Section titled Preventing layout shift Horizontal layout shift may occur when changing which item is selected within the navigation component. We recommend including the data-text attribute on the child navigation item text element with the value duplicating the text of the item to prevent the layout shift. See below for examples. Item Applied to Description data-text="[value]" .s-navigation--item-text Prevents layout shift when changing selected button. Value should be the text of the navigation item. Horizontal Section titled Horizontal Care should be taken to only include at most one primary and one secondary navigation per page. Using multiple navigations with the same style can cause user confusion. Forcing a navigation to scroll is an established pattern on mobile devices, so it may be appropriate to use it in that context. Wrapping tends to make more sense on larger screens, where the user isn’t forced to scroll passed a ton of navigation chrome. Horizontal default Section titled Horizontal default Use the default size for primary page-level navigation, typically placed near the top of the page. &lt; nav aria-label = &quot;…&quot; &gt; &lt; ul class = &quot;s-navigation&quot; &gt; &lt; li &gt; &lt; a href = &quot;…&quot; class = &quot;s-navigation--item is-selected&quot; &gt; &lt; span class = &quot;s-navigation--item-text&quot; data-text = &quot;…&quot; &gt; … &lt;/ span &gt; &lt;/ a &gt; &lt;/ li &gt; &lt; li &gt; &lt; a href = &quot;…&quot; class = &quot;s-navigation--item&quot; &gt; &lt; span class = &quot;s-navigation--item-text&quot; data-text = &quot;…&quot; &gt; … &lt;/ span &gt; &lt;/ a &gt; &lt;/ li &gt; &lt; li &gt; &lt; a href = &quot;…&quot; class = &quot;s-navigation--item&quot; &gt; &lt; span class = &quot;s-navigation--item-text&quot; data-text = &quot;…&quot; &gt; … &lt;/ span &gt; &lt;/ a &gt; &lt;/ li &gt; &lt; li &gt; &lt; a href = &quot;…&quot; class = &quot;s-navigation--item&quot; &gt; &lt; span class = &quot;s-navigation--item-text&quot; data-text = &quot;…&quot; &gt; … &lt;/ span &gt; &lt;/ a &gt; &lt;/ li &gt; &lt; li &gt; &lt; a href = &quot;…&quot; class = &quot;s-navigation--item&quot; &gt; &lt; span class = &quot;s-navigation--item-text&quot; data-text = &quot;…&quot; &gt; … &lt;/ span &gt; &lt;/ a &gt; &lt;/ li &gt; &lt;/ ul &gt; &lt;/ nav &gt; Full width Product Email Content Brand Marketing Wrapped Product Email Content Brand Marketing Icons Section titled Icons Use the icon variant for a prominent, secondary horizontal navigation bar that directs users to main page sections. Limit use to one per page and do not use it for in-page filtering. Icon styles should change with the state of the item (ex: selected items use a fill icon) &lt; nav aria-label = &quot;…&quot; &gt; &lt; ul class = &quot;s-navigation&quot; &gt; &lt; li &gt; &lt; a href = &quot;…&quot; class = &quot;s-navigation--item is-selected&quot; &gt; @Svg.QandAFill.With(&quot;s-navigation--icon&quot;) &lt; span class = &quot;s-navigation--item-text&quot; data-text = &quot;Content&quot; &gt; Content &lt;/ span &gt; &lt;/ a &gt; &lt;/ li &gt; &lt; li &gt; &lt; a href = &quot;…&quot; class = &quot;s-navigation--item&quot; &gt; @Svg.TagStack.With(&quot;s-navigation--icon&quot;) &lt; span class = &quot;s-navigation--item-text&quot; data-text = &quot;Topics&quot; &gt; Topics &lt;/ span &gt; &lt;/ a &gt; &lt;/ li &gt; &lt; li &gt; &lt; a href = &quot;…&quot; class = &quot;s-navigation--item&quot; &gt; @Svg.UserStack.With(&quot;s-navigation--icon&quot;) &lt; span class = &quot;s-navigation--item-text&quot; data-text = &quot;People&quot; &gt; People &lt;/ span &gt; &lt;/ a &gt; &lt;/ li &gt; &lt; li &gt; &lt; a href = &quot;…&quot; class = &quot;s-navigation--item s-navigation--item__dropdown&quot; &gt; @Svg.Settings.With(&quot;s-navigation--icon&quot;) &lt; span class = &quot;s-navigation--item-text&quot; data-text = &quot;Settings&quot; &gt; Settings &lt;/ span &gt; &lt;/ a &gt; &lt;/ li &gt; &lt;/ ul &gt; &lt;/ nav &gt; Content Topics People Settings Today Scrolling Section titled Scrolling &lt; nav aria-label = &quot;…&quot; &gt; &lt; ul class = &quot;s-navigation s-navigation__scroll&quot; &gt; &lt; li &gt; &lt; a href = &quot;…&quot; class = &quot;s-navigation--item is-selected&quot; &gt; &lt; span class = &quot;s-navigation--item-text&quot; data-text = &quot;…&quot; &gt; … &lt;/ span &gt; &lt;/ a &gt; &lt;/ li &gt; &lt; li &gt; &lt; a href = &quot;…&quot; class = &quot;s-navigation--item&quot; &gt; &lt; span class = &quot;s-navigation--item-text&quot; data-text = &quot;…&quot; &gt; … &lt;/ span &gt; &lt;/ a &gt; &lt;/ li &gt; &lt; li &gt; &lt; a href = &quot;…&quot; class = &quot;s-navigation--item&quot; &gt; &lt; span class = &quot;s-navigation--item-text&quot; data-text = &quot;…&quot; &gt; … &lt;/ span &gt; &lt;/ a &gt; &lt;/ li &gt; &lt; li &gt; &lt; a href = &quot;…&quot; class = &quot;s-navigation--item&quot; &gt; &lt; span class = &quot;s-navigation--item-text&quot; data-text = &quot;…&quot; &gt; … &lt;/ span &gt; &lt;/ a &gt; &lt;/ li &gt; &lt; li &gt; &lt; a href = &quot;…&quot; class = &quot;s-navigation--item&quot; &gt; &lt; span class = &quot;s-navigation--item-text&quot; data-text = &quot;…&quot; &gt; … &lt;/ span &gt; &lt;/ a &gt; &lt;/ li &gt; &lt;/ ul &gt; &lt;/ nav &gt; Product Email Content Brand Marketing Dropdown Section titled Dropdown &lt; nav aria-label = &quot;…&quot; &gt; &lt; ul class = &quot;s-navigation s-navigation__scroll&quot; &gt; &lt; li &gt; &lt; a href = &quot;…&quot; class = &quot;s-navigation--item is-selected&quot; &gt; &lt; span class = &quot;s-navigation--item-text&quot; data-text = &quot;…&quot; &gt; … &lt;/ span &gt; &lt;/ a &gt; &lt;/ li &gt; &lt; li &gt; &lt; a href = &quot;…&quot; class = &quot;s-navigation--item&quot; &gt; &lt; span class = &quot;s-navigation--item-text&quot; data-text = &quot;…&quot; &gt; … &lt;/ span &gt; &lt;/ a &gt; &lt;/ li &gt; &lt; li &gt; &lt; a href = &quot;…&quot; class = &quot;s-navigation--item s-navigation--item__dropdown&quot; &gt; &lt; span class = &quot;s-navigation--item-text&quot; data-text = &quot;…&quot; &gt; … &lt;/ span &gt; &lt;/ a &gt; &lt;/ li &gt; &lt;/ ul &gt; &lt;/ nav &gt; Product Email More Small Section titled Small Use the small variant for on-page filtering in space-constrained areas, such as controlling small lists. Avoid using icons on the small variant. &lt; nav aria-label = &quot;…&quot; &gt; &lt; ul class = &quot;s-navigation s-navigation__sm&quot; &gt; &lt; li &gt; &lt; a href = &quot;…&quot; class = &quot;s-navigation--item is-selected&quot; &gt; &lt; span class = &quot;s-navigation--item-text&quot; data-text = &quot;…&quot; &gt; … &lt;/ span &gt; &lt;/ a &gt; &lt;/ li &gt; &lt; li &gt; &lt; a href = &quot;…&quot; class = &quot;s-navigation--item&quot; &gt; &lt; span class = &quot;s-navigation--item-text&quot; data-text = &quot;…&quot; &gt; … &lt;/ span &gt; &lt;/ a &gt; &lt;/ li &gt; &lt; li &gt; &lt; a href = &quot;…&quot; class = &quot;s-navigation--item&quot; &gt; &lt; span class = &quot;s-navigation--item-text&quot; data-text = &quot;…&quot; &gt; … &lt;/ span &gt; &lt;/ a &gt; &lt;/ li &gt; &lt; li &gt; &lt; a href = &quot;…&quot; class = &quot;s-navigation--item&quot; &gt; &lt; span class = &quot;s-navigation--item-text&quot; data-text = &quot;…&quot; &gt; … &lt;/ span &gt; &lt;/ a &gt; &lt;/ li &gt; &lt; li &gt; &lt; a href = &quot;…&quot; class = &quot;s-navigation--item&quot; &gt; &lt; span class = &quot;s-navigation--item-text&quot; data-text = &quot;…&quot; &gt; … &lt;/ span &gt; &lt;/ a &gt; &lt;/ li &gt; &lt;/ ul &gt; &lt;/ nav &gt; Product Email Content Brand Marketing Vertical Section titled Vertical Stacks also provides a vertical variation with support for section headers....
+
+---
+
+### Page: Notices
+URL: https://stackoverflow.design/product/components/notices/
+Date: 2026-03-24T21:30:16.525Z
+Tags: components
+description: Notices deliver <strong>System</strong> and <strong>Engagement</strong> messaging, informing the user about product or account statuses and related actions.
+
+Content:
+and status/alert roles and when to use them --> Classes Section titled Classes Class Parent Modifies Description .s-notice .s-toast when rendered as a toast N/A Base notice parent class. .s-notice--actions .s-notice N/A Container styling for notice actions including the dismiss button. .s-notice--dismiss .s-notice N/A Applies to child button element within the notice to position it appropriately. .s-notice__activity N/A .s-notice Applies activity (pink) visual styles. .s-notice__danger N/A .s-notice Applies danger (red) visual styles. .s-notice__featured N/A .s-notice Applies featured (purple) visual styles. .s-notice__important N/A .s-notice Applies an important visual style. This should be used for time-sensitive, pressing information that needs to be noticed by the user. .s-notice__info N/A .s-notice Applies info (blue) visual styles. .s-notice__success N/A .s-notice Applies success (green) visual styles. .s-notice__warning N/A .s-notice Applies warning (yellow) visual styles. .s-toast N/A N/A Parent of .s-notice . See the Toast section for more information. Show all classes Accessibility Section titled Accessibility Item Modifies Description aria-labelledby="[id]" .s-toast Used to reference the alert message within the dialog. If you are using .s-toast , this must be applied. aria-hidden="[state]" .s-toast Informs assistive technologies (such as screen readers) if they should ignore the element. When applied to .s-toast , Stacks will use this attribute to show or hide the toast. aria-label="[text]" .s-btn Labels the element for assistive technologies (such as screen readers). This should be used on any button that does not contain text content. role="alert" .s-notice A form of live region which contains important, usually time-sensitive, information. Elements with an alert role have an implicit aria-live value of assertive and implicit aria-atomic value of true . role="alertdialog" .s-toast The wrapping content area of an alert . Elements with the alertdialog role must use the aria-describedby attribute to reference the alert message within the dialog. role="status" .s-notice A form of live region which contains advisory information but isn't important enough to justify an alert role. Elements with a status role have an implicit aria-live value of polite and implicit aria-atomic value of true . If the element controlling the status appears in a different area of the page, you must make the relationship explicit with the aria-controls attribute. Show all accessibility items Examples Section titled Examples Base Section titled Base &lt; div class = &quot;s-notice&quot; role = &quot;status&quot; &gt; &lt; span class = &quot;s-notice--icon&quot; &gt; @Svg.Help &lt;/ span &gt; &lt; span &gt; … &lt;/ span &gt; &lt;/ div &gt; &lt; div class = &quot;s-notice s-notice__info&quot; role = &quot;status&quot; &gt; &lt; span class = &quot;s-notice--icon&quot; &gt; @Svg.Info &lt;/ span &gt; &lt; span &gt; … &lt;/ span &gt; &lt;/ div &gt; &lt; div class = &quot;s-notice s-notice__success&quot; role = &quot;status&quot; &gt; &lt; span class = &quot;s-notice--icon&quot; &gt; @Svg.Check &lt;/ span &gt; &lt; span &gt; … &lt; a href = &quot;…&quot; &gt; … &lt;/ a &gt; &lt;/ span &gt; &lt;/ div &gt; &lt; div class = &quot;s-notice s-notice__warning&quot; role = &quot;status&quot; &gt; &lt; span class = &quot;s-notice--icon&quot; &gt; @Svg.Alert &lt;/ span &gt; &lt; span &gt; … &lt;/ span &gt; &lt;/ div &gt; &lt; div class = &quot;s-notice s-notice__danger&quot; role = &quot;status&quot; &gt; &lt; span class = &quot;s-notice--icon&quot; &gt; @Svg.AlertFill &lt;/ span &gt; &lt; span &gt; … &lt;/ span &gt; &lt;/ div &gt; &lt; div class = &quot;s-notice s-notice__featured&quot; role = &quot;status&quot; &gt; &lt; span class = &quot;s-notice--icon&quot; &gt; @Svg.Star &lt;/ span &gt; &lt; span &gt; … &lt;/ span &gt; &lt;/ div &gt; &lt; div class = &quot;s-notice s-notice__activity&quot; role = &quot;status&quot; &gt; &lt; span class = &quot;s-notice--icon&quot; &gt; @Svg.Notification &lt;/ span &gt; &lt; span &gt; … &lt;/ span &gt; &lt;/ div &gt; Default filled message style and some code notice. Link Info filled message style and some code notice. Link Success filled message style and some code notice. Link Warning filled message style and some code notice. Link Danger filled message style and some code notice. Link Featured filled message style and some code notice. Link Activity filled message style and some code notice. Link Important Section titled Important Used sparingly for when an important notice needs to be noticed &lt; div class = &quot;s-notice s-notice__important&quot; role = &quot;alert&quot; &gt; &lt; span class = &quot;s-notice--icon&quot; &gt; @Svg.Help &lt;/ span &gt; &lt; span &gt; … &lt;/ span &gt; &lt;/ div &gt; &lt; div class = &quot;s-notice s-notice__info s-notice__important&quot; role = &quot;alert&quot; &gt; &lt; span class = &quot;s-notice--icon&quot; &gt; @Svg.Info &lt;/ span &gt; &lt; span &gt; … &lt;/ span &gt; &lt;/ div &gt; &lt; div class = &quot;s-notice s-notice__success s-notice__important&quot; role = &quot;alert&quot; &gt; &lt; span class = &quot;s-notice--icon&quot; &gt; @Svg.Info &lt;/ span &gt; &lt; span &gt; … &lt; a href = &quot;…&quot; &gt; … &lt;/ a &gt; &lt;/ span &gt; &lt;/ div &gt; &lt; div class = &quot;s-notice s-notice__warning s-notice__important&quot; role = &quot;alert&quot; &gt; &lt; span class = &quot;s-notice--icon&quot; &gt; @Svg.Alert &lt;/ span &gt; &lt; span &gt; … &lt;/ span &gt; &lt;/ div &gt; &lt; div class = &quot;s-notice s-notice__danger s-notice__important&quot; role = &quot;alert&quot; &gt; &lt; span class = &quot;s-notice--icon&quot; &gt; @Svg.AlertFill &lt;/ span &gt; &lt; span &gt; … &lt;/ span &gt; &lt;/ div &gt; &lt; div class = &quot;s-notice s-notice__featured s-notice__important&quot; role = &quot;alert&quot; &gt; &lt; span class = &quot;s-notice--icon&quot; &gt; @Svg.Star &lt;/ span &gt; &lt; span &gt; … &lt;/ span &gt; &lt;/ div &gt; &lt; div class = &quot;s-notice s-notice__activity s-notice__important&quot; role = &quot;alert&quot; &gt; &lt; span class = &quot;s-notice--icon&quot; &gt; @Svg.Notification &lt;/ span &gt; &lt; span &gt; … &lt;/ span &gt; &lt;/ div &gt; Default filled message style and some code notice. Link Info filled message style and some code notice. Link Success filled message style and some code notice. Link Warning filled message style and some code notice. Link Danger filled message style and some code notice. Link Featured filled message style and some code notice. Link Activity filled message style and some code notice. Link Styling child links Section titled Styling child links We recommend using descendent anchor classes , typically .s-anchors.s-anchors__inherit.s-anchors__underlined for notices containing links generated from markdown when you cannot manually generate the inner html. &lt; div class = &quot;s-notice s-notice__info&quot; role = &quot;presentation&quot; &gt; &lt; span &gt; Notice with &lt; a href = &quot;#&quot; class = &quot;s-link&quot; &gt; default link style &lt;/ a &gt; &lt;/ span &gt; &lt;/ div &gt; &lt; div class = &quot;s-notice s-notice__info s-anchors s-anchors__inherit s-anchors__underlined&quot; role = &quot;presentation&quot; &gt; &lt; span &gt; Notice with &lt; a href = &quot;#&quot; &gt; custom link style &lt;/ a &gt; &lt;/ span &gt; &lt;/ div &gt; Notice with default link style Notice with .s-anchors .s-anchors__inherit .s-anchors__underlined and custom link style Toast Section titled Toast We are phasing out Toasts due to significant accessibility barriers. Avoid this component for new features. Instead, prioritize integrated alternatives—such as component state changes or inline messages—to provide accessible feedback directly where the user is focused. Toasts are floating notices that are aligned to the center top of the page. They disappear after a set time. Visibility is changed with animation by toggling between aria-hidden="true" and aria-hidden="false" . When including a dismiss button the .s-notice--dismiss class should be applied to the button for toast-specific styling. &lt; div role = &quot;alertdialog&quot; id = &quot;example-toast&quot; class = &quot;s-toast&quot; aria-hidden = &quot;true&quot; aria-labelledby = &quot;toast-message&quot; data-controller = &quot;s-toast&quot; data-s-toast-target = &quot;toast&quot; data-s-toast-return-element = &quot;.js-example-toast-open[data-target=&#x27;#example-toast&#x27;]&quot; &gt; &lt; aside class = &quot;s-notice d-flex wmn4&quot; &gt; &lt; span class = &quot;s-notice--icon&quot; &gt; @Svg.Info &lt;/ span &gt; &lt; span &gt; Toast notice message with an undo button &lt;/ span &gt; &lt; div class = &quot;s-notice--actions&quot; &gt; &lt; button type = &quot;button&quot; class = &quot;s-link s-link__underlined&quot; &gt; Undo &lt;/ button &gt; &lt; button type = &quot;button&quot; class = &quot;s-link s-notice--dismiss js-toast-close&quot; aria-label = &quot;Dismiss&quot; &gt; @Svg.Cross &lt;/ button &gt; &lt;/ div &gt; &lt;/ aside &gt; &lt;/ div &gt; Default toast with an undo button. Undo Info toast with an undo button. Undo Success toast with an undo button. Undo Warning toast with an undo button. Undo Danger toast with an undo button. Undo Featured toast with an undo button. Undo Activity toast with an undo button. Undo Launch example toast notice JavaScript Section titled JavaScript Attributes Section titled Attributes Attribute Modifies Description data-controller="s-toast" Controller element Wires up the element to the toast controller. This may be a .s-toast element or a wrapper element. data-s-toast-target="toast" Controller element Wires up the element that is to be shown/hidden data-s-toast-target="initialFocus" Any child focusable element Designates which element to focus on toast show. If absent, defaults to the first focusable element within the toast....
+
+---
+
+### Page: Pagination
+URL: https://stackoverflow.design/product/components/pagination/
+Date: 2026-03-24T21:30:16.525Z
+Tags: components
+description: Pagination splits content into pages, as seen on questions, tags, users, and jobs listings.
+
+Content:
+Classes Section titled Classes Class Parent Modifies Description .s-pagination N/A N/A Base pagination style. .s-pagination--item .s-pagination N/A A child element that's used as a link and labeled with the page number. .s-pagination--item__clear N/A .s-pagination--item Clears the background and removes any interactivity. Used for ellipses and descriptions. .s-pagination--item__nav N/A .s-pagination--item Styles the Next or Previous button with a circular background and fixed dimensions. Typically used with an icon to indicate navigation to the next page. .is-selected N/A .s-pagination--item Active state that's applied to the current page. Example Section titled Example &lt; nav class = &quot;s-pagination&quot; aria-label = &quot;pagination&quot; &gt; &lt; ul &gt; &lt; li &gt; &lt; a class = &quot;s-pagination--item s-pagination--item__nav&quot; href = &quot;#&quot; &gt; @Svg.ArrowLeft &lt; span class = &quot;v-visible-sr&quot; &gt; previous page &lt;/ span &gt; &lt;/ a &gt; &lt;/ li &gt; &lt; li &gt; &lt; a class = &quot;s-pagination--item is-selected&quot; href = &quot;…&quot; aria-current = &quot;page&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; page &lt;/ span &gt; 1 &lt;/ a &gt; &lt;/ li &gt; &lt; li &gt; &lt; a class = &quot;s-pagination--item&quot; href = &quot;…&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; page &lt;/ span &gt; 2 &lt;/ a &gt; &lt;/ li &gt; &lt; li &gt; &lt; a class = &quot;s-pagination--item&quot; href = &quot;…&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; page &lt;/ span &gt; 3 &lt;/ a &gt; &lt;/ li &gt; &lt; li &gt; &lt; a class = &quot;s-pagination--item&quot; href = &quot;…&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; page &lt;/ span &gt; 4 &lt;/ a &gt; &lt;/ li &gt; &lt; li &gt; &lt; a class = &quot;s-pagination--item&quot; href = &quot;…&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; page &lt;/ span &gt; 5 &lt;/ a &gt; &lt;/ li &gt; &lt; li &gt; &lt; span class = &quot;s-pagination--item s-pagination--item__clear&quot; &gt; … &lt;/ span &gt; &lt;/ li &gt; &lt; li &gt; &lt; a class = &quot;s-pagination--item&quot; href = &quot;…&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; page &lt;/ span &gt; 122386 &lt;/ a &gt; &lt;/ li &gt; &lt; li &gt; &lt; a class = &quot;s-pagination--item s-pagination--item__nav&quot; href = &quot;…&quot; &gt; @Svg.ArrowRight &lt; span class = &quot;v-visible-sr&quot; &gt; next page &lt;/ span &gt; &lt;/ a &gt; &lt;/ li &gt; &lt;/ ul &gt; &lt;/ nav &gt; previous page 1 2 3 4 5 … 122386 next page
+
+---
+
+### Page: Popovers
+URL: https://stackoverflow.design/product/components/popovers/
+Date: 2026-03-24T21:30:16.525Z
+Tags: components
+description: Popovers are small content containers that provide a contextual overlay. They can be used as in-context feature explanations, dropdowns, or tooltips.
+
+Content:
+Classes Section titled Classes Class Parent Modifies Description .s-popover N/A N/A Base parent container for popovers .s-popover--close .s-popover N/A Used to dismiss a popover .s-popover--content .s-popover N/A Wrapper around the popover content to apply appropriate overflow styles .s-popover__tooltip N/A .s-popover Removes minimum size constraints to support shorter tooltip text .is-visible N/A .s-popover This class toggles the popover visibility Interactive popovers Section titled Interactive popovers Stacks provides a Stimulus controller that allows you to interactively display a popover from a source element. Positioning direction are managed for you by Popper.js , a powerful popover positioning library we've added as a dependency. These popovers are automatically hidden when user click outside the popover or tap the Esc key. Interactive Attributes Section titled Interactive Attributes Attribute Applied to Description id="{POPOVER_ID}" .s-popover A unique id that the popover’s toggling element can target. Matches the value of [aria-controls] on the toggling element. data-controller="s-popover" Controller element Wires up the element to the popover controller. This may be a toggling element or a wrapper element. data-s-popover-reference-selector="[css selector]" Controller element (optional) Designates the element to use as the popover reference. If left unset, the value defaults to the controller element. aria-controls="{POPOVER_ID}" Reference element Associates the element to the desired popover element. data-action="s-popover#toggle" Toggling element Wires up the element to toggle the visibility of a generic popover. data-s-popover-toggle-class="[class list]" Controller element Adds an optional space-delineated list of classes to be toggled on the originating element when the popover is shown or hidden. data-s-popover-placement=" [placement] " Controller element Dictates where to place the popover in relation to the reference element. By default, the placement value is bottom . Accepted placements are auto , top , right , bottom , left . Each placement can take an additional -start and -end variation. data-s-popover-auto-show="[true|false]" Controller element (optional) If true , the popover will appear immediately when the Stacks controller is first connected. This should be used in place of .is-visible for displaying popovers on load as it will prevent the popover from appearing before it has been correctly positioned. data-s-popover-hide-on-outside-click="[always|never|if-in-viewport|after-dismissal]" Controller element (optional) Default: always If always , the popover will appear disappear when outside clicks occur. If if-in-viewport , the popover will only disappear when outside clicks occur if the popover is in the viewport. If never , the popover will not disappear on outside clicks and will only be dismissed through other means, e.g. data-target="s-popover#hide" . If after-dismissal , the popover will not disappear on outside clicks unless it has been dismissed some other way at least once. Show all interactive attributes Interactive Events Section titled Interactive Events Event Description s-popover:show Fires immediately before showing and positioning the popover. This fires before the popover is first displayed to the user, and can be used to create or initialize the popover element. Calling .preventDefault() cancels the display of the popover. s-popover:shown Fires immediately after showing the popover. s-popover:hide Fires immediately before hiding the popover. Calling .preventDefault() prevents the removal of the popover. s-popover:hidden Fires immediately after hiding the popover. Dispatched Events Section titled Dispatched Events Event Element Description dispatcher s-popover:* Contains the Element that initiated the event. For instance, the button clicked to show, the element clicked outside the popover that caused it to hide, etc. Examples Section titled Examples Show example popover Username Password Sign in Create an account Show example popover There’s no data associated with your account yet. Please check back tomorrow. Link an account info We know you hate spam, and we do too. That’s why we make it easy for you to update your email preferences or unsubscribe at anytime. We never share your email address with third parties for marketing purposes. Default interactivity Section titled Default interactivity To enable interactive popovers, you will need to add the above attributes to the popover’s originating button. Custom positioning can be specified using the data-s-popover-placement . In the following example, we’ve chosen bottom-start . No positioning classes need to be added to your markup, only the data attributes. To promote being able to tab to an open popover, it’s best to place the popover immediately after the toggling button in the markup as siblings. &lt; button class = &quot;s-btn s-btn__dropdown&quot; role = &quot;button&quot; aria-controls = &quot;popover-example&quot; aria-expanded = &quot;false&quot; data-controller = &quot;s-popover&quot; data-action = &quot;s-popover#toggle&quot; data-s-popover-placement = &quot;bottom-start&quot; data-s-popover-toggle-class = &quot;is-selected&quot; &gt; … &lt;/ button &gt; &lt; div class = &quot;s-popover&quot; id = &quot;popover-example&quot; role = &quot;menu&quot; &gt; &lt; div class = &quot;s-popover--content&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; Popover button Example popover content Dismissible Section titled Dismissible In the case of new feature callouts, it may be appropriate to include an explicit dismiss button. You can add one using the styling provided by .s-popover--close . In order for to close the popover with an explicit close button, you’ll need to add the controller to a parent as illustrated in the following example code: &lt; div class = &quot;…&quot; data-controller = &quot;s-popover&quot; data-s-popover-reference-selector = &quot;#reference-element&quot; &gt; &lt; button id = &quot;reference-element&quot; class = &quot;s-btn s-btn__dropdown&quot; aria-controls = &quot;popover-example&quot; aria-expanded = &quot;true&quot; data-action = &quot;s-popover#toggle&quot; &gt; … &lt;/ button &gt; &lt; div id = &quot;popover-example&quot; class = &quot;s-popover is-visible&quot; role = &quot;menu&quot; &gt; &lt; button class = &quot;s-popover--close s-btn s-btn__tonal&quot; aria-label = &quot;Close&quot; data-action = &quot;s-popover#toggle&quot; &gt; @Svg.Cross &lt;/ button &gt; &lt; div class = &quot;s-popover--content&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt;/ div &gt; Dismissible persistent popover presented with a close button JavaScript interaction Section titled JavaScript interaction There may be cases where you need to show or hide a popover via JavaScript. For example, if you need to show a popover at a specific time or if you need to hide a popover from an event outside of the controller, Stacks provides convenience methods to achieve this. Stacks . application . register ( &quot;section&quot; , class extends Stacks . StacksController { static targets = [ &quot;help&quot; ]; showHelp ( event ) { Stacks . showPopover ( this . helpTarget ); event. stopPropagation (); } hideHelp ( event ) { Stacks . hidePopover ( this . helpTarget ); } }); Lorem ipsum help Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et metus molestie nulla luctus sodales ac luctus justo. Aenean iaculis ac ante sit amet aliquam. Duis dolor velit, imperdiet sed mauris eu, sollicitudin egestas nisl. Ut vitae nulla eu risus iaculis semper sit amet vitae tortor. Sed convallis lacus quis libero placerat finibus. Phasellus pulvinar vel nunc eu tempor. Sed pharetra magna a felis egestas placerat. Sed imperdiet dui a sem fermentum, eget consectetur elit feugiat. Phasellus non condimentum orci. Nam id molestie elit, ut gravida metus. Vivamus vel nunc risus. Maecenas posuere sit amet tellus vel laoreet. Nulla lacus mauris, rhoncus eu laoreet quis, mattis vehicula nisl. Integer efficitur quam et nisi luctus scelerisque. Mauris efficitur lectus ac malesuada congue. Click here for help JavaScript configuration (popovers) Section titled JavaScript configuration (popovers) Situations may also arise where popovers need to be attached to an element after the document is rendered. For example, a button could have a contextual menu that is too expensive to serve up on every page load. Popovers can be attached to an element after the fact using Stacks.attachPopover . This method takes three parameters, the element to attach the popover to, the popover either as an element or an HTML string, and optional options for displaying the popover. Stacks . application . register ( &quot;actions&quot; , class extends Stacks . StacksController { var loaded = false ; async load ( ) { if ( this . loaded ) { return ; } Stacks . attachPopover ( this . element , await fetch ( `/posts/{postId}/actions` ), { autoShow : true , toggleOnClick : true }); this . loaded = true ; } }); Actions Tooltips Section titled Tooltips When a popover is intended only for display as an on-hover tooltip and contains no interactive text, the s-tooltip controller can be used in place of s-popover . This is a separate controller that can be used alongside s-popover on a single target element. Tooltip hover attributes Section titled Tooltip hover attributes Attribute Applied to Description id="{POPOVER_ID}" .s-popover A unique id that the popover’s toggling element can target. Matches the value of [aria-describedby] on the toggling element. data-controller="s-tooltip" Controller element Wires up the element to the tooltip controller. data-s-tooltip-reference-selector="[css selector]" Controller element (optional) Designates the element to use as the tooltip reference. If left unset, the value defaults to the controller element....
+
+---
+
+### Page: Post summary
+URL: https://stackoverflow.design/product/components/post-summary/
+Date: 2026-03-24T21:30:16.526Z
+Tags: components
+description: The post summary component summarizes various content and associated meta data into a highly configurable component.
+
+Content:
+Classes Section titled Classes Class Parent Modifies Description .s-post-summary N/A N/A Base parent container for a post summary .s-post-summary--answers .s-post-summary N/A Container for the post summary answers .s-post-summary--content .s-post-summary N/A Container for the post summary content .s-post-summary--stats .s-post-summary N/A Container for the post summary stats .s-post-summary--tags .s-post-summary N/A Container for the post summary tags .s-post-summary--title .s-post-summary N/A Container for the post summary title .s-post-summary--answer .s-post-summary--answers N/A Container for the post summary answer .s-post-summary--content-meta .s-post-summary--content N/A A container for post meta data, things like tags and user cards. .s-post-summary--content-type .s-post-summary--content N/A Container for the post summary content type .s-post-summary--excerpt .s-post-summary--content N/A Container for the post summary excerpt .s-post-summary--stats-answers .s-post-summary--stats N/A Container for the post summary answers .s-post-summary--stats-bounty .s-post-summary--stats N/A Container for the post summary bounty .s-post-summary--stats-item .s-post-summary--stats N/A A genericcontainer for views, comments, read time, and other meta data which prepends a separator icon. .s-post-summary--stats-votes .s-post-summary--stats N/A Container for the post summary votes .s-post-summary--title-link .s-post-summary--title N/A Link styling for the post summary title .s-post-summary--title-icon .s-post-summary--title N/A Icon styling for the post summary title .s-post-summary--sm-hide N/A .s-post-summary > * Hides the stats container on small screens. .s-post-summary--sm-show N/A .s-post-summary > * Shows the stats container on small screens. .s-post-summary__answered N/A .s-post-summary Adds the styling necessary for a question with accepted answers .s-post-summary__deleted N/A .s-post-summary Adds the styling necessary for a deleted post .s-post-summary--answer__accepted N/A .s-post-summary--answer Adds the styling necessary for an accepted answer Show all classes Examples Section titled Examples Base Section titled Base Use the post summary component to provide a concise summary of a question, article, or other content. &lt; div class = &quot;s-post-summary&quot; &gt; &lt; div class = &quot;s-post-summary--stats s-post-summary--sm-hide&quot; &gt; &lt; div class = &quot;s-post-summary--stats-votes&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;s-post-summary--stats-answers&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt; div class = &quot;s-post-summary--content&quot; &gt; &lt; div class = &quot;s-post-summary--content-meta&quot; &gt; &lt; div class = &quot;s-user-card s-user-card__sm&quot; &gt; &lt; div class = &quot;s-user-card--group&quot; href = &quot;…&quot; &gt; &lt; a class = &quot;s-avatar&quot; href = &quot;…&quot; &gt; &lt; img class = &quot;s-avatar--image&quot; src = &quot;…&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; … &lt;/ span &gt; &lt;/ a &gt; &lt; span class = &quot;s-user-card--username&quot; &gt; … &lt;/ span &gt; &lt; ul class = &quot;s-user-card--group&quot; &gt; &lt; li class = &quot;s-user-card--rep&quot; &gt; &lt; span class = &quot;s-bling s-bling__rep s-bling__sm&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; reputation bling &lt;/ span &gt; &lt;/ span &gt; … &lt;/ li &gt; &lt;/ ul &gt; &lt; span &gt; &lt; a class = &quot;s-user-card--time&quot; title = &quot;…&quot; data-controller = &quot;s-tooltip&quot; href = &quot;…&quot; &gt; &lt; time &gt; … &lt;/ time &gt; &lt;/ a &gt; &lt;/ span &gt; &lt;/ div &gt; &lt;/ div &gt; &lt; div class = &quot;s-post-summary--stats s-post-summary--sm-show&quot; &gt; &lt; div class = &quot;s-post-summary--stats-votes&quot; &gt; {% icon &quot;Vote16Up&quot; %} … &lt;/ div &gt; &lt; div class = &quot;s-post-summary--stats-answers&quot; &gt; {% icon &quot;Answer16&quot; %} … &lt; span class = &quot;v-visible-sr&quot; &gt; answers &lt;/ span &gt; &lt;/ div &gt; &lt;/ div &gt; &lt; div class = &quot;s-post-summary--stats-item&quot; &gt; … views &lt;/ div &gt; &lt;/ div &gt; &lt; div class = &quot;s-post-summary--title&quot; &gt; &lt; a class = &quot;s-post-summary--title-link&quot; href = &quot;…&quot; &gt; … &lt;/ a &gt; &lt;/ div &gt; &lt; p class = &quot;s-post-summary--excerpt v-truncate3&quot; &gt; … &lt;/ p &gt; &lt; div class = &quot;s-post-summary--tags&quot; &gt; &lt; a class = &quot;s-tag&quot; href = &quot;…&quot; &gt; … &lt;/ a &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt;/ div &gt; +24 votes 1 answers SofiaAlc reputation bling 1 asked 2 hours ago 24 1 answers 98 views How to reduce hallucinations and improve source relevance in a RAG pipeline? I have built a Retrieval-Augmented Generation (RAG) system using LangChain, a vector database, and an open-source LLM. While it works reasonably well, the model often hallucinates answers or cites sources that are only tangentially related to the user's query. My chunking strategy is set to a chunk size of 1000 tokens, which seems to be the sweet spot for the model. retrieval-augmented-generation langchain llm vector-database Answered Section titled Answered Add the .s-post-summary__answered modifier class to indicate that the post has an accepted answer. &lt; div class = &quot;s-post-summary s-post-summary__answered&quot; &gt; … &lt;/ div &gt; +24 votes 1 answers SofiaAlc reputation bling 1 asked 2 hours ago 24 1 answers 98 views How to reduce hallucinations and improve source relevance in a RAG pipeline? I have built a Retrieval-Augmented Generation (RAG) system using LangChain, a vector database, and an open-source LLM. While it works reasonably well, the model often hallucinates answers or cites sources that are only tangentially related to the user's query. My chunking strategy is set to a chunk size of 1000 tokens, which seems to be the sweet spot for the model. retrieval-augmented-generation langchain llm vector-database Bountied Section titled Bountied Include the .s-post-summary--stats-bounty element to indicate that the post has a bounty. &lt; div class = &quot;s-post-summary&quot; &gt; &lt; div class = &quot;s-post-summary--stats s-post-summary--sm-hide&quot; &gt; &lt; div class = &quot;s-post-summary--stats-votes&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;s-post-summary--stats-answers&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;s-post-summary--stats-bounty&quot; &gt; +50 &lt; span class = &quot;v-visible-sr&quot; &gt; bounty &lt;/ span &gt; &lt;/ div &gt; &lt;/ div &gt; &lt; div class = &quot;s-post-summary--content&quot; &gt; … &lt; div class = &quot;s-post-summary--content-meta&quot; &gt; &lt; div class = &quot;s-user-card s-user-card__sm&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;s-post-summary--stats s-post-summary--sm-show&quot; &gt; &lt; div class = &quot;s-post-summary--stats-votes&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;s-post-summary--stats-answers&quot; &gt; … &lt;/ div &gt; &lt; div class = &quot;s-post-summary--stats-bounty&quot; &gt; +50 &lt; span class = &quot;v-visible-sr&quot; &gt; bounty &lt;/ span &gt; &lt;/ div &gt; &lt;/ div &gt; &lt;/ div &gt; … &lt;/ div &gt; … &lt;/ div &gt; +24 votes 1 answers + 50 SofiaAlc reputation bling 1 asked 2 hours ago 24 1 answers + 50 98 views How to reduce hallucinations and improve source relevance in a RAG pipeline? I have built a Retrieval-Augmented Generation (RAG) system using LangChain, a vector database, and an open-source LLM. While it works reasonably well, the model often hallucinates answers or cites sources that are only tangentially related to the user's query. My chunking strategy is set to a chunk size of 1000 tokens, which seems to be the sweet spot for the model. retrieval-augmented-generation langchain llm vector-database Ignored Section titled Ignored Including an ignored tag will automatically apply custom ignored styling to the post summary. &lt; div class = &quot;s-post-summary&quot; &gt; … &lt; div class = &quot;s-post-summary--content&quot; &gt; … &lt; div class = &quot;s-post-summary--tags&quot; &gt; &lt; a class = &quot;s-tag s-tag__ignored&quot; href = &quot;…&quot; &gt; … &lt;/ a &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt;/ div &gt; +24 votes 1 answers + 50 SofiaAlc reputation bling 1 asked 2 hours ago 24 1 answers + 50 98 views How to reduce hallucinations and improve source relevance in a RAG pipeline? I have built a Retrieval-Augmented Generation (RAG) system using LangChain, a vector database, and an open-source LLM. While it works reasonably well, the model often hallucinates answers or cites sources that are only tangentially related to the user's query. My chunking strategy is set to a chunk size of 1000 tokens, which seems to be the sweet spot for the model. Ignored tag retrieval-augmented-generation langchain llm vector-database ai Watched Section titled Watched Including a watched tag will automatically apply custom watched styling to the post summary. &lt; div class = &quot;s-post-summary&quot; &gt; … &lt; div class = &quot;s-post-summary--content&quot; &gt; … &lt; div class = &quot;s-post-summary--tags&quot; &gt; &lt; a class = &quot;s-tag s-tag__watched&quot; href = &quot;…&quot; &gt; … &lt;/ a &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt;/ div &gt; +24 votes 1 answers SofiaAlc reputation bling 1 asked 2 hours ago 24 1 answers 98 views How to reduce hallucinations and improve source relevance in a RAG pipeline? I have built a Retrieval-Augmented Generation (RAG) system using LangChain, a vector database, and an open-source LLM. While it works reasonably well, the model often hallucinates answers or cites sources that are only tangentially related to the user's query. My chunking strategy is set to a chunk size of 1000 tokens, which seems to be the sweet spot for the model. Watched tag retrieval-augmented-generation langchain llm vector-database ai Deleted Section titled Deleted Include the ....
+
+---
+
+### Page: Prose
+URL: https://stackoverflow.design/product/components/prose/
+Date: 2026-03-24T21:30:16.526Z
+Tags: components
+description: The prose component provides proper styling for rendered Markdown.
+
+Content:
+Parameters Section titled Parameters Class Modifies Description .s-prose N/A Adds proper styling for rendered Markdown. .s-prose__sm .s-prose Decreases the base font size and line height. Examples Section titled Examples Minimal Section titled Minimal We modified this test document from the folks at Tailwind to demonstrate and explain our design choices. Expand example &lt; div class = &quot;s-prose&quot; &gt; … &lt;/ div &gt; Stacks adds a new s-prose class that you can slap on any block of vanilla HTML content and turn it into a beautiful, well-formatted document: &lt; article class = &quot;s-prose&quot; &gt; &lt; h1 &gt; Garlic bread with cheese: What the science tells us &lt;/ h1 &gt; &lt; p &gt; For years parents have espoused the health benefits of eating garlic bread with cheese to their children, with the food earning such an iconic status in our culture that kids will often dress up as warm, cheesy loaf for Halloween. &lt;/ p &gt; &lt; p &gt; But a recent study shows that the celebrated appetizer may be linked to a series of rabies cases springing up around the country. &lt;/ p &gt; &lt;!-- ... --&gt; &lt;/ article &gt; What to expect from here on out What follows from here is just a bunch of absolute nonsense we’ve written to dogfood the component itself. It includes every sensible typographic element we could think of, like bold text , unordered lists, ordered lists, code blocks, block quotes, and even italics . It’s important to cover all of these use cases for a few reasons: We want everything to look good out of the box. Really just the first reason, that’s the whole point of the plugin. Here’s a third pretend reason though a list with three items looks more realistic than a list with two items. Now we’re going to try out another header style. Typography should be easy So that’s a header for you—with any luck if we’ve done our job correctly that will look pretty reasonable. Something a wise person once told me about typography is: Typography is pretty important if you don’t want your stuff to look like trash. Make it good then it won’t be bad. It’s probably important that images look okay here by default as well: Now I’m going to show you an example of an unordered list to make sure that looks good, too: So here is the first item in this list. In this example we’re keeping the items short. Later, we’ll use longer, more complex list items. And that’s the end of this section. What if we stack headings? We should make sure that looks good, too. Sometimes you have headings directly underneath each other. In those cases you often have to undo the top margin on the second heading because it usually looks better for the headings to be closer together than a paragraph followed by a heading should be. When a heading comes after a paragraph … When a heading comes after a paragraph, we need a bit more space, like I already mentioned above. Now let’s see what a more complex list would look like. I often do this thing where list items have headings. For some reason I think this looks cool which is unfortunate because it’s pretty annoying to get the styles right. I often have two or three paragraphs in these list items, too, so the hard part is getting the spacing between the paragraphs, list item heading, and separate list items to all make sense. Pretty tough honestly, you could make a strong argument that you just shouldn’t write this way. Since this is a list, I need at least two items. I explained what I’m doing already in the previous list item, but a list wouldn’t be a list if it only had one item, and we really want this to look realistic. That’s why I’ve added this second list item so I actually have something to look at when writing the styles. It’s not a bad idea to add a third item either. I think it probably would’ve been fine to just use two items but three is definitely not worse, and since I seem to be having no trouble making up arbitrary things to type, I might as well include it. After this sort of list I usually have a closing statement or paragraph, because it kinda looks weird jumping right to a heading. Code should look okay by default. Here’s what a default tailwind.config.js file looks like at the time of writing: module . exports = { purge : [], theme : { extend : {}, }, variants : {}, plugins : [], } Hopefully that looks good enough to you. What about nested lists? Nested lists basically always look bad which is why editors like Medium don’t even let you do it, but I guess since some of you goofballs are going to do it we have to carry the burden of at least making it work. Nested lists are rarely a good idea. You might feel like you are being really “organized” or something but you are just creating a gross shape on the screen that is hard to read. Nested navigation in UIs is a bad idea too, keep things as flat as possible. Nesting tons of folders in your source code is also not helpful. Since we need to have more items, here’s another one. I’m not sure if we’ll bother styling more than two levels deep. Two is already too much, three is guaranteed to be a bad idea. If you nest four levels deep you belong in prison. Two items isn’t really a list, three is good though. Again please don’t nest lists if you want people to actually read your content. Nobody wants to look at this. I’m upset that we even have to bother styling this. The most annoying thing about lists in Markdown is that &lt;li&gt; elements aren’t given a child &lt;p&gt; tag unless there are multiple paragraphs in the list item. That means I have to worry about styling that annoying situation too. For example, here’s another nested list. But this time with a second paragraph. These list items won’t have &lt;p&gt; tags Because they are only one line each But in this second top-level list item, they will. This is especially annoying because of the spacing on this paragraph. As you can see here, because I’ve added a second line, this list item now has a &lt;p&gt; tag. This is the second line I’m talking about by the way. Finally here’s another list item so it’s more like a list. A closing list item, but with no nested list, because why not? And finally a sentence to close off this section. There are other elements we need to style I almost forgot to mention links, like Stack Overflow . We even included table styles, check it out: Wrestler Origin Finisher Bret "The Hitman" Hart Calgary, AB Sharpshooter Stone Cold Steve Austin Austin, TX Stone Cold Stunner Randy Savage Sarasota, FL Elbow Drop Vader Boulder, CO Vader Bomb Razor Ramon Chuluota, FL Razor’s Edge We also need to make sure inline code looks good, like if I wanted to talk about &lt;span&gt; elements. Sometimes I even use code in headings Another thing I’ve done in the past is put a code tag inside of a link, like if I wanted to tell you about the stackexchange/stacks repository. We still need to think about stacked headings though. Let’s make sure we don’t screw that up with h4 elements, either. Phew, with any luck we have styled the headings above this text and they look pretty good. We should also make sure we're styling h5 elements as well. Let’s add a closing paragraph here so things end with a decently sized block of text. I can’t explain why I want things to end that way but I have to assume it’s because I think things will look weird or unbalanced if there is a heading too close to the end of the document. And, finally, an h6 . Ultimately, though, we also want to support the h6 headers. What I’ve written here is probably long enough, but adding this final sentence can’t hurt. Full Markdown spec Section titled Full Markdown spec This example includes the full kitchen-sink collection of everything the Markdown spec includes. Expand example The Comprehensive Formatting Test Code Formatting Inline code formatting or code spans Normal backticks System.out.println(&quot;Hello World!&quot;); . Escaped backticks: for line in `someCommand` A single backtick character in a line won't form a code block '`'. There are two backtick characters ('`') in this line ('`'). Block code formatting System.out.println(&quot;Hello World!&quot;); System.out.println(&quot;Code Block!&quot;); &lt; div class = &quot;s-progress s-progress__stepped&quot; &gt; &lt; div class = &quot;s-progress--step is-complete&quot; &gt; &lt; a href = &quot;…&quot; class = &quot;s-progress--stop&quot; &gt; @Svg.CheckmarkSm &lt;/ a &gt; &lt; div class = &quot;s-progress--bar s-progress--bar__right&quot; &gt; &lt;/ div &gt; &lt; a class = &quot;s-progress--label&quot; &gt; … &lt;/ a &gt; &lt;/ div &gt; &lt; div class = &quot;s-progress--step is-complete&quot; &gt; &lt; a href = &quot;…&quot; class = &quot;s-progress--stop&quot; &gt; @Svg.CheckmarkSm &lt;/ a &gt; &lt; div class = &quot;s-progress--bar s-progress--bar__left&quot; &gt; &lt;/ div &gt; &lt; div class = &quot;s-progress--bar s-progress--bar__right&quot; &gt; &lt;/ div &gt; &lt; a class = &quot;s-progress--label&quot; &gt; … &lt;/ a &gt; &lt;/ div &gt; &lt; div class = &quot;s-progress--step is-active&quot; &gt; &lt; div class = &quot;s-progress--stop&quot; &gt; &lt;/ div &gt; &lt; div class = &quot;s-progress--bar s-progress--bar__left&quot; &gt; &lt;/ div &gt; &lt; div class = &quot;s-progress--bar s-progress--bar__right&quot; &gt; &lt;/ div &gt; &lt; div class = &quot;s-progress--label&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt; div class = &quot;s-progress--step&quot; &gt; &lt; div class = &quot;s-progress--stop&quot; &gt; &lt;/ div &gt; &lt; div class = &quot;s-progress--bar s-progress--bar__left&quot; &gt; &lt;/ div &gt; &lt; div class = &quot;s-progress--label&quot; &gt; … &lt;/ div &gt; &lt;/ div &gt; &lt;/ div &gt; HTML and other markdown are not supported within code spans or code blocks. ``` &lt;/code&gt; *Not in code!* &lt;code&gt; ``` &lt;/code&gt; *Not in code!* &lt;code&gt; Line Breaks This is one line. This was intended to be on the next line, but it appears on the same line. This is one paragraph. It has some sentences....
+
+---
+
+### Page: Radio
+URL: https://stackoverflow.design/product/components/radio/
+Date: 2026-03-24T21:30:16.526Z
+Tags: components
+description: Checkable inputs that visually allow for single selection from multiple options.
+
+Content:
+Classes Section titled Classes Class Modifies Description .s-radio N/A Base radio style. .s-radio__checkmark .s-radio Checkmark style. Base Section titled Base Use the .s-radio to wrap input[type="radio"] elements to apply radio styles. &lt; div class = &quot;s-radio&quot; &gt; &lt; input type = &quot;radio&quot; name = &quot;example-name&quot; id = &quot;example-item&quot; /&gt; &lt; label class = &quot;s-label&quot; for = &quot;example-item&quot; &gt; Check Label &lt;/ label &gt; &lt;/ div &gt; Example Description Radio label Unchecked radio. Radio label Disabled unchecked radio. Radio label Checked radio. Radio label Disabled checked radio. Checkmark Section titled Checkmark The checkmark style is an alternative to the base radio style. To use the checkmark style, wrap your input and label in a container with the .s-radio__checkmark class. &lt; label class = &quot;s-radio s-radio__checkmark&quot; for = &quot;example-item&quot; &gt; Checkmark Label &lt; input type = &quot;radio&quot; name = &quot;example-name&quot; id = &quot;example-item&quot; /&gt; &lt;/ label &gt; Example Class Description Checkmark label .s-radio__checkmark Unchecked checkmark with a radio element. Checkmark label .s-radio__checkmark Disabled unchecked checkmark with a radio element. Checkmark label .s-radio__checkmark Checked checkmark with a radio element. Checkmark label .s-radio__checkmark Disabled checked checkmark with a radio element. Accessibility Section titled Accessibility The best accessibility is semantic HTML. Most screen readers understand how to parse inputs if they're correctly formatted. When it comes to radios, there are a few things to keep in mind: All inputs should have an id attribute. Be sure to associate the radio label by using the for attribute. The value here is the input's id . If you have a group of related radios, use the fieldset and legend to group them together. For more information, please read Gov.UK's article, "Using the fieldset and legend elements" . Radio group Section titled Radio group Vertical group Section titled Vertical group &lt; fieldset class = &quot;s-form-group&quot; &gt; &lt; legend class = &quot;s-label&quot; &gt; … &lt;/ legend &gt; &lt; div class = &quot;s-radio&quot; &gt; &lt; input type = &quot;radio&quot; name = &quot;vert-radio&quot; id = &quot;vert-radio-1&quot; /&gt; &lt; label class = &quot;s-label&quot; for = &quot;vert-radio-1&quot; &gt; … &lt;/ label &gt; &lt;/ div &gt; &lt; div class = &quot;s-radio&quot; &gt; &lt; input type = &quot;radio&quot; name = &quot;vert-radio&quot; id = &quot;vert-radio-2&quot; /&gt; &lt; label class = &quot;s-label&quot; for = &quot;vert-radio-2&quot; &gt; … &lt;/ label &gt; &lt;/ div &gt; &lt; div class = &quot;s-radio&quot; &gt; &lt; input type = &quot;radio&quot; name = &quot;vert-radio&quot; id = &quot;vert-radio-3&quot; /&gt; &lt; label class = &quot;s-label&quot; for = &quot;vert-radio-3&quot; &gt; … &lt;/ label &gt; &lt;/ div &gt; &lt;/ fieldset &gt; &lt;!-- Checkmark w/ radio using .s-menu for additional styling --&gt; &lt; fieldset class = &quot;s-menu s-form-group&quot; &gt; &lt; legend class = &quot;s-menu--title&quot; &gt; … &lt;/ legend &gt; &lt; div class = &quot;s-menu--item&quot; &gt; &lt; label class = &quot;s-menu--action s-radio s-radio__checkmark&quot; for = &quot;vert-checkmark-1&quot; &gt; &lt; input type = &quot;radio&quot; name = &quot;vert-checkmark&quot; id = &quot;vert-checkmark-1&quot; /&gt; … &lt;/ label &gt; &lt;/ div &gt; &lt; div class = &quot;s-menu--item&quot; &gt; &lt; label class = &quot;s-menu--action s-radio s-radio__checkmark&quot; for = &quot;vert-checkmark-2&quot; &gt; &lt; input type = &quot;radio&quot; name = &quot;vert-checkmark&quot; id = &quot;vert-checkmark-2&quot; /&gt; … &lt;/ label &gt; &lt;/ div &gt; &lt; div class = &quot;s-menu--item&quot; &gt; &lt; label class = &quot;s-menu--action s-radio s-radio__checkmark&quot; for = &quot;vert-checkmark-3&quot; &gt; &lt; input type = &quot;radio&quot; name = &quot;vert-checkmark&quot; id = &quot;vert-checkmark-3&quot; /&gt; … &lt;/ label &gt; &lt;/ div &gt; &lt;/ fieldset &gt; Which types of fruit do you like? Apples Oranges Bananas Pick a fruit Apples Oranges Bananas Horizontal group Section titled Horizontal group &lt; fieldset class = &quot;s-form-group s-form-group__horizontal&quot; &gt; &lt; legend class = &quot;s-label&quot; &gt; … &lt;/ legend &gt; &lt; div class = &quot;s-radio&quot; &gt; &lt; input type = &quot;radio&quot; name = &quot;hori-radio&quot; id = &quot;hori-radio-1&quot; /&gt; &lt; label class = &quot;s-label&quot; for = &quot;hori-radio-1&quot; &gt; … &lt;/ label &gt; &lt;/ div &gt; &lt; div class = &quot;s-radio&quot; &gt; &lt; input type = &quot;radio&quot; name = &quot;hori-radio&quot; id = &quot;hori-radio-2&quot; /&gt; &lt; label class = &quot;s-label&quot; for = &quot;hori-radio-2&quot; &gt; … &lt;/ label &gt; &lt;/ div &gt; &lt; div class = &quot;s-radio&quot; &gt; &lt; input type = &quot;radio&quot; name = &quot;hori-radio&quot; id = &quot;hori-radio-3&quot; /&gt; &lt; label class = &quot;s-label&quot; for = &quot;hori-radio-3&quot; &gt; … &lt;/ label &gt; &lt;/ div &gt; &lt;/ fieldset &gt; Which types of fruit do you like? Apples Oranges Bananas With description copy Section titled With description copy &lt; fieldset class = &quot;s-form-group&quot; &gt; &lt; legend class = &quot;s-label&quot; &gt; … &lt;/ legend &gt; &lt; div class = &quot;s-radio&quot; &gt; &lt; input type = &quot;radio&quot; name = &quot;desc-radio&quot; id = &quot;desc-radio-1&quot; /&gt; &lt; label class = &quot;s-label&quot; for = &quot;desc-radio-1&quot; &gt; … &lt; p class = &quot;s-description&quot; &gt; … &lt;/ p &gt; &lt;/ label &gt; &lt;/ div &gt; … &lt;/ fieldset &gt; &lt;!-- Checkmark w/ radio using .s-menu for additional styling --&gt; &lt; fieldset class = &quot;s-menu s-form-group&quot; &gt; &lt; legend class = &quot;s-menu--title&quot; &gt; … &lt;/ legend &gt; &lt; div class = &quot;s-menu--item&quot; &gt; &lt; label class = &quot;s-menu--action s-radio s-radio__checkmark&quot; for = &quot;desc-checkmark-1&quot; &gt; &lt; input type = &quot;radio&quot; name = &quot;desc-checkmark&quot; id = &quot;desc-checkmark-1&quot; /&gt; &lt; div &gt; … &lt; p class = &quot;s-description&quot; &gt; … &lt;/ p &gt; &lt;/ div &gt; &lt;/ label &gt; &lt;/ div &gt; … &lt;/ fieldset &gt; Which types of fruit do you like? Apples Fresh red apples. Oranges Juicy and sweet oranges. Bananas Ripe yellow bananas. Pick a fruit Apples Fresh red apples. Oranges Juicy and sweet oranges. Bananas Ripe yellow bananas. Validation states Section titled Validation states Radios use the same validation states as inputs . Validation classes Section titled Validation classes Class Applies to Description .has-warning Parent element Used to warn users that the value they’ve entered has a potential problem, but it doesn’t block them from proceeding. .has-error Parent element Used to alert users that the value they’ve entered is incorrect, not filled in, or has a problem which will block them from proceeding. .has-success Parent element Used to notify users that the value they’ve entered is fine or has been submitted successfully. Validation examples Section titled Validation examples &lt;!-- Radio w/ error --&gt; &lt; div class = &quot;s-radio has-error&quot; &gt; &lt; input type = &quot;radio&quot; name = &quot;error-radio&quot; id = &quot;error-radio-1&quot; /&gt; &lt; label class = &quot;s-label&quot; for = &quot;error-radio-1&quot; &gt; … &lt; p class = &quot;s-description&quot; &gt; … &lt;/ p &gt; &lt;/ label &gt; &lt;/ div &gt; &lt;!-- Checkmark w/ success --&gt; &lt; label class = &quot;s-radio s-radio__checkmark has-success&quot; for = &quot;success-checkmark-1&quot; &gt; &lt; input type = &quot;radio&quot; name = &quot;success-checkmark&quot; id = &quot;success-checkmark-1&quot; /&gt; &lt; div &gt; … &lt; p class = &quot;s-description&quot; &gt; … &lt;/ p &gt; &lt;/ div &gt; &lt;/ label &gt; Which types of fruit do you like? Apples Fresh red apples. Oranges Juicy and sweet oranges. Bananas Ripe yellow bananas. Pick a fruit Apples Fresh red apples. Oranges Juicy and sweet oranges. Bananas Ripe yellow bananas.
+
+---
+
+### Page: Select
+URL: https://stackoverflow.design/product/components/select/
+Date: 2026-03-24T21:30:16.526Z
+Tags: components
+description: A selectable menu list from which a user can make a single selection. Typically they are used when there are more than four possible options. The custom select menu styling is achieved by wrapping the <code>select</code> tag within the <code>.s-select</code> class.
+
+Content:
+Classes Section titled Classes Class Modifies Description .s-select N/A Base select style. .s-select__sm .s-select Apply a small size. .s-select__lg .s-select Apply a large size. .has-error .s-select Apply an error state. .has-success .s-select Apply a success state. .has-warning .s-select Apply a warning state. Base style Section titled Base style &lt; div class = &quot;s-form-group&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;select-menu&quot; &gt; How will you be traveling? &lt; p class = &quot;mt2 s-description&quot; &gt; Select the transportation method you will be using to come to the event. &lt;/ p &gt; &lt;/ label &gt; &lt; div class = &quot;s-select&quot; &gt; &lt; select id = &quot;select-menu&quot; &gt; &lt; option value = &quot;&quot; selected &gt; Please select one… &lt;/ option &gt; &lt; option value = &quot;walk&quot; &gt; Walk &lt;/ option &gt; &lt; option value = &quot;bike&quot; &gt; Bicycle &lt;/ option &gt; &lt; option value = &quot;car&quot; &gt; Automobile &lt;/ option &gt; &lt; option value = &quot;rail&quot; &gt; Train &lt;/ option &gt; &lt; option value = &quot;fly&quot; &gt; Plane &lt;/ option &gt; &lt;/ select &gt; &lt;/ div &gt; &lt;/ div &gt; &lt; div class = &quot;s-form-group is-disabled&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;select-menu-disabled&quot; &gt; Where are you staying? &lt;/ label &gt; &lt; div class = &quot;s-select&quot; &gt; &lt; select id = &quot;select-menu-disabled&quot; disabled &gt; &lt; option value = &quot;&quot; selected &gt; Please select one… &lt;/ option &gt; &lt; option value = &quot;bronx&quot; &gt; Bronx &lt;/ option &gt; &lt; option value = &quot;brooklyn&quot; &gt; Brooklyn &lt;/ option &gt; &lt; option value = &quot;manhattan&quot; &gt; Manhattan &lt;/ option &gt; &lt; option value = &quot;queens&quot; &gt; Queens &lt;/ option &gt; &lt; option value = &quot;staten-island&quot; &gt; Staten Island &lt;/ option &gt; &lt;/ select &gt; &lt;/ div &gt; &lt;/ div &gt; How will you be traveling? Select the transportation method you will be using to come to the event. Please select one… Walk Bicycle Automobile Train Plane Where are you staying? Please select one… Bronx Brooklyn Manhattan Queens Staten Island Validation states Section titled Validation states Validation states provides the user feedback based on their interaction (or lack of interaction) with a select menu. These styles are applied by applying the appropriate class to the wrapping parent container. Validation classes Section titled Validation classes Class Applies to Description .has-warning Parent element Used to warn users that the value they’ve entered has a potential problem, but it doesn’t block them from proceeding. .has-error Parent element Used to alert users that the value they’ve entered is incorrect, not filled in, or has a problem which will block them from proceeding. .has-success Parent element Used to notify users that the value they’ve entered is fine or has been submitted successfully. Validation examples Section titled Validation examples Warning Section titled Warning &lt; div class = &quot;s-form-group has-warning&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;select-menu&quot; &gt; How will you be traveling? &lt; p class = &quot;mt2 s-description&quot; &gt; Select the transportation method you will be using to come to the event. &lt;/ p &gt; &lt;/ label &gt; &lt; div class = &quot;s-select&quot; &gt; &lt; select id = &quot;select-menu&quot; &gt; &lt; option value = &quot;&quot; selected &gt; Please select one… &lt;/ option &gt; &lt; option value = &quot;walk&quot; &gt; Walk &lt;/ option &gt; &lt; option value = &quot;bike&quot; &gt; Bicycle &lt;/ option &gt; &lt; option value = &quot;car&quot; &gt; Automobile &lt;/ option &gt; &lt; option value = &quot;rail&quot; &gt; Train &lt;/ option &gt; &lt; option value = &quot;fly&quot; &gt; Plane &lt;/ option &gt; &lt;/ select &gt; @Svg.Alert.With(&quot;s-input-icon&quot;) &lt;/ div &gt; &lt;/ div &gt; How will you be traveling? Select the transportation method you will be using to come to the event. Please select one… Walk Bicycle Automobile Train Plane Error Section titled Error &lt; div class = &quot;s-form-group has-error&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;select-menu&quot; &gt; How will you be traveling? &lt; p class = &quot;mt2 s-description&quot; &gt; Select the transportation method you will be using to come to the event. &lt;/ p &gt; &lt;/ label &gt; &lt; div class = &quot;s-select&quot; &gt; &lt; select id = &quot;select-menu&quot; &gt; &lt; option value = &quot;&quot; selected &gt; Please select one… &lt;/ option &gt; &lt; option value = &quot;walk&quot; &gt; Walk &lt;/ option &gt; &lt; option value = &quot;bike&quot; &gt; Bicycle &lt;/ option &gt; &lt; option value = &quot;car&quot; &gt; Automobile &lt;/ option &gt; &lt; option value = &quot;rail&quot; &gt; Train &lt;/ option &gt; &lt; option value = &quot;fly&quot; &gt; Plane &lt;/ option &gt; &lt;/ select &gt; @Svg.AlertFill.With(&quot;s-input-icon&quot;) &lt;/ div &gt; &lt;/ div &gt; How will you be traveling? Select the transportation method you will be using to come to the event. Please select one… Walk Bicycle Automobile Train Plane Success Section titled Success &lt; div class = &quot;s-form-group has-success&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;select-menu&quot; &gt; How will you be traveling? &lt; p class = &quot;mt2 s-description&quot; &gt; Select the transportation method you will be using to come to the event. &lt;/ p &gt; &lt;/ label &gt; &lt; div class = &quot;s-select&quot; &gt; &lt; select id = &quot;select-menu&quot; &gt; &lt; option value = &quot;&quot; selected &gt; Please select one… &lt;/ option &gt; &lt; option value = &quot;walk&quot; &gt; Walk &lt;/ option &gt; &lt; option value = &quot;bike&quot; &gt; Bicycle &lt;/ option &gt; &lt; option value = &quot;car&quot; &gt; Automobile &lt;/ option &gt; &lt; option value = &quot;rail&quot; &gt; Train &lt;/ option &gt; &lt; option value = &quot;fly&quot; &gt; Plane &lt;/ option &gt; &lt;/ select &gt; @Svg.Check.With(&quot;s-input-icon&quot;) &lt;/ div &gt; &lt;/ div &gt; How will you be traveling? Select the transportation method you will be using to come to the event. Please select one… Walk Bicycle Automobile Train Plane Sizes Section titled Sizes Class Name Size Example .s-select__sm Small 13px 1 Example 2 Options N/A Default 14px 1 Example 2 Options .s-select__lg Large 18px 1 Example 2 Options
+
+---
+
+### Page: Sidebar widgets
+URL: https://stackoverflow.design/product/components/sidebar-widgets/
+Date: 2026-03-24T21:30:16.527Z
+Tags: components
+description: Sidebar widgets are flexible containers that provide a lot of patterns that are helpful in a variety of sidebar uses.
+
+Content:
+Classes Section titled Classes Class Parent Description .s-sidebarwidget N/A Base sidebar widget style. .s-sidebarwidget--content .s-sidebarwidget Container for the sidebar widget content. .s-sidebarwidget--header .s-sidebarwidget Container for the sidebar widget header. .s-sidebarwidget--footer .s-sidebarwidget Container for the sidebar widget footer. Basic style Section titled Basic style In its simplest form, .s-sidebarwidget is comprised of a .s-sidebarwidget--content section and optional .s-sidebarwidget--header and .s-sidebarwidget--footer sections. Together these classes create a widget with appropriate inner spacing for you to put whatever you want into it. By default the content is a flex container. If you require display: block instead, add the d-block class. The examples of s-sidebarwidget--header are shown with h2 elements, but the appropriate heading level may differ depending on context. Please use the appropriate heading level for your context to ensure heading levels only increase by 1. &lt; div class = &quot;s-sidebarwidget&quot; &gt; &lt; div class = &quot;s-sidebarwidget--header&quot; &gt; &lt; h2 &gt; … &lt;/ h2 &gt; &lt; a class = &quot;s-btn s-btn__xs s-btn__clear s-sidebarwidget--action&quot; &gt; … &lt;/ a &gt; &lt;/ div &gt; &lt; div class = &quot;s-sidebarwidget--content&quot; &gt; … &lt; button class = &quot;s-btn s-btn__tonal s-sidebarwidget--action&quot; &gt; … &lt;/ button &gt; &lt;/ div &gt; &lt; div class = &quot;s-sidebarwidget--footer&quot; &gt; &lt; button class = &quot;s-btn s-btn__tonal s-sidebarwidget--action&quot; &gt; … &lt;/ button &gt; &lt;/ div &gt; &lt;/ div &gt; Community Achievements Track You’ve earned 3 new badges this week! Keep contributing to unlock more achievements and privileges within the community. View all badges See your progress
+
+---
+
+### Page: Tables
+URL: https://stackoverflow.design/product/components/tables/
+Date: 2026-03-24T21:30:16.527Z
+Tags: components
+description: Tables are used to list all information from a data set. The base style establishes preferred padding, font-size, and font-weight treatments. To enhance or customize the look of the table, apply any additional classes listed below.
+
+Content:
+Classes Section titled Classes Class Parent Modifies Description .s-table-container N/A N/A Container for the table. .s-table .s-table-container N/A Base table style. .s-table--cell:n .s-table > tr > td N/A Table cell width in 12 evenly divided columns. Replace :n with the number of columns the cell should span. .s-table__b0 N/A .s-table Removes all table cell borders. .s-table__bx N/A .s-table Shows only horizontal table cell borders. Good for tables with lots of data that can be sorted and filtered. .s-table__bx-simple N/A .s-table Removes most of the default borders and backgrounds. Good for tables without much data that don't need to be sorted or filtered. .s-table__sortable N/A .s-table Applies styling to imply the table is sortable. .s-table__stripes N/A .s-table Apply zebra striping to the table. .s-table__sm N/A .s-table Apply a condensed sizing to the table. .s-table__lg N/A .s-table Apply a large sizing to the table. Default style Section titled Default style Tables should be wrapped in a container, .s-table-container . This provides horizontal scrolling when necessary in the smallest breakpoints. The default table style is a bordered cell layout with a stylized header row. &lt; div class = &quot;s-table-container&quot; &gt; &lt; table class = &quot;s-table&quot; &gt; &lt; thead &gt; &lt; tr &gt; &lt; th scope = &quot;col&quot; &gt; &lt;/ th &gt; &lt; th scope = &quot;col&quot; &gt; &lt;/ th &gt; &lt; th scope = &quot;col&quot; &gt; &lt;/ th &gt; &lt; th scope = &quot;col&quot; &gt; &lt;/ th &gt; &lt;/ tr &gt; &lt;/ thead &gt; &lt; tbody &gt; &lt; tr &gt; &lt; th scope = &quot;row&quot; &gt; &lt;/ th &gt; &lt; td &gt; &lt;/ td &gt; &lt; td &gt; &lt;/ td &gt; &lt; td &gt; &lt;/ td &gt; &lt;/ tr &gt; &lt;/ tbody &gt; &lt;/ table &gt; &lt;/ div &gt; Name Username Joined Last seen Aaron Shekey aaronshekey Dec 1 ’17 at 20:24 just now Joshua Hynes joshuahynes Feb 12 at 18:47 Aug 10 at 14:57 Piper Lawson piperlawson Jul 5 at 14:32 Aug 14 at 12:41 Borders & backgrounds Section titled Borders & backgrounds By default, tables are outlined, have borders on all cells, and have a styled header. Depending on the size and complexity of a table, these can all be configured. Horizontal borders Section titled Horizontal borders Shows only horizontal table cell borders. Good for tables with lots of data that can be sorted and filtered. &lt; div class = &quot;s-table-container&quot; &gt; &lt; table class = &quot;s-table s-table__bx&quot; &gt; … &lt;/ table &gt; &lt;/ div &gt; First name Last name Username 1 Aaron S. @aarons 2 Joshua H. @joshuah 3 Paweł L. @pawełl 4 Ted G. @so-ted Simple borders Section titled Simple borders Removes most of the default borders and backgrounds. Good for tables without much data that don't need to be sorted or filtered. &lt; div class = &quot;s-table-container&quot; &gt; &lt; table class = &quot;s-table s-table__bx-simple&quot; &gt; … &lt;/ table &gt; &lt;/ div &gt; First name Last name Username 1 Aaron S. @aarons 2 Joshua H. @joshuah 3 Paweł L. @pawełl 4 Ted G. @so-ted No borders Section titled No borders Removes all table cell borders. &lt; div class = &quot;s-table-container&quot; &gt; &lt; table class = &quot;s-table s-table__b0&quot; &gt; … &lt;/ table &gt; &lt;/ div &gt; First name Last name Username 1 Aaron S. @aarons 2 Joshua H. @joshuah 3 Paweł L. @pawełl 4 Ted G. @so-ted Zebra striping Section titled Zebra striping When tables have a lot of information, you can help users group information and isolate data by adding zebra striping. &lt; div class = &quot;s-table-container&quot; &gt; &lt; table class = &quot;s-table s-table__stripes&quot; &gt; … &lt;/ table &gt; &lt;/ div &gt; First Name Last Name Username 1 Aaron S. @aarons 2 Joshua H. @joshuah 3 Paweł L. @pawełl 4 Ted G. @so-ted Spacing Section titled Spacing A table’s padding can be changed to be more or less condensed. Small Section titled Small &lt; div class = &quot;s-table-container&quot; &gt; &lt; table class = &quot;s-table s-table__sm&quot; &gt; … &lt;/ table &gt; &lt;/ div &gt; First Name Last Name Username 1 Aaron S. @aarons 2 Joshua H. @joshuah Default Section titled Default &lt; div class = &quot;s-table-container&quot; &gt; &lt; table class = &quot;s-table&quot; &gt; … &lt;/ table &gt; &lt;/ div &gt; First Name Last Name Username 1 Paweł L. @pawełl 2 Ted G. @so-ted Large Section titled Large &lt; div class = &quot;s-table-container&quot; &gt; &lt; table class = &quot;s-table s-table__lg&quot; &gt; … &lt;/ table &gt; &lt;/ div &gt; First Name Last Name Username 1 Aaron S. @aarons 2 Joshua H. @joshuah Cell widths Section titled Cell widths Table columns will size themselves based on their content. To set a specific width, you can use one of the following table cell classes to specify the width for any column. Classes Section titled Classes Class Width .s-table--cell1 8.3333333% .s-table--cell2 16.6666667% .s-table--cell3 25% .s-table--cell4 33.3333333% .s-table--cell5 41.6666667% .s-table--cell6 50% .s-table--cell7 58.3333333% .s-table--cell8 66.6666667% .s-table--cell9 75% .s-table--cell10 83.3333333% .s-table--cell11 91.6666667% .s-table--cell12 100% Examples Section titled Examples // Example 1 &lt; div class = &quot;s-table-container&quot; &gt; &lt; table class = &quot;s-table&quot; &gt; &lt; tr &gt; &lt; td class = &quot;s-table--cell2&quot; &gt; … &lt;/ td &gt; &lt; td &gt; … &lt;/ td &gt; &lt;/ tr &gt; &lt;/ table &gt; &lt;/ div &gt; // Example 2 &lt; div class = &quot;s-table-container&quot; &gt; &lt; table class = &quot;s-table&quot; &gt; &lt; tr &gt; &lt; td class = &quot;s-table--cell3&quot; &gt; … &lt;/ td &gt; &lt; td class = &quot;s-table--cell6&quot; &gt; … &lt;/ td &gt; &lt; td &gt; … &lt;/ td &gt; &lt; td &gt; … &lt;/ td &gt; &lt; td &gt; … &lt;/ td &gt; &lt;/ tr &gt; &lt;/ table &gt; &lt;/ div &gt; // Example 3 &lt; div class = &quot;s-table-container&quot; &gt; &lt; table class = &quot;s-table&quot; &gt; &lt; tr &gt; &lt; td class = &quot;s-table--cell4&quot; &gt; … &lt;/ td &gt; &lt; td &gt; … &lt;/ td &gt; &lt; td &gt; … &lt;/ td &gt; &lt; td &gt; … &lt;/ td &gt; &lt; td &gt; … &lt;/ td &gt; &lt; td class = &quot;s-table--cell2&quot; &gt; … &lt;/ td &gt; &lt;/ tr &gt; &lt;/ table &gt; &lt;/ div &gt; .s-table--cell2 No Class .s-table--cell3 .s-table--cell6 No Class No Class No Class .s-table--cell4 No Class No Class No Class No Class .s-table--cell2 Alignment Section titled Alignment Vertical alignment Section titled Vertical alignment The default vertical alignment is middle . You change a table’s or a specific cell’s vertical alignment by using the Vertical Alignment atomic classes . &lt; div class = &quot;s-table-container&quot; &gt; &lt; table class = &quot;s-table&quot; &gt; &lt; tbody &gt; &lt; tr &gt; &lt; td class = &quot;va-top&quot; &gt; … &lt;/ td &gt; &lt; td class = &quot;va-middle&quot; &gt; … &lt;/ td &gt; &lt; td class = &quot;va-bottom&quot; &gt; … &lt;/ td &gt; &lt;/ tr &gt; &lt;/ tbody &gt; &lt;/ table &gt; &lt;/ div &gt; &lt; div class = &quot;s-table-container&quot; &gt; &lt; table class = &quot;s-table va-bottom&quot; &gt; &lt; tbody &gt; &lt; tr &gt; &lt; td &gt; … &lt;/ td &gt; &lt; td &gt; … &lt;/ td &gt; &lt; td &gt; … &lt;/ td &gt; &lt;/ tr &gt; &lt;/ tbody &gt; &lt;/ table &gt; &lt;/ div &gt; .va-top .va-middle .va-bottom .s-table.va-bottom .s-table.va-bottom .s-table.va-bottom Text alignment Section titled Text alignment Text alignment can be changed at a table or cell level by using atomic text alignment classes . Columns containing copy should be left-aligned. Columns containing numbers should be right-aligned. &lt; div class = &quot;s-table-container&quot; &gt; &lt; table class = &quot;s-table&quot; &gt; &lt; tbody &gt; &lt; tr &gt; &lt; td class = &quot;ta-left&quot; &gt; … &lt;/ td &gt; &lt; td class = &quot;ta-center&quot; &gt; … &lt;/ td &gt; &lt; td class = &quot;ta-right&quot; &gt; … &lt;/ td &gt; &lt;/ tr &gt; &lt;/ tbody &gt; &lt;/ table &gt; &lt;/ div &gt; &lt; div class = &quot;s-table-container&quot; &gt; &lt; table class = &quot;s-table ta-right&quot; &gt; &lt; tbody &gt; &lt; tr &gt; &lt; td &gt; … &lt;/ td &gt; &lt; td &gt; … &lt;/ td &gt; &lt; td &gt; … &lt;/ td &gt; &lt;/ tr &gt; &lt;/ tbody &gt; &lt;/ table &gt; &lt;/ div &gt; .ta-left .ta-center .ta-right .s-table.ta-right .s-table.ta-right .s-table.ta-right Sortable tables Section titled Sortable tables To indicate that the user can sort a table by different columns, add the s-table__sortable class to the table. The &lt;th&gt; cells should include arrows to indicate sortability or the currently applied sorting. In addition, the column that is currently sorted should be indicated with the is-sorted class on its &lt;th&gt; . &lt; div class = &quot;s-table-container&quot; &gt; &lt; table class = &quot;s-table s-table__sortable&quot; &gt; &lt; thead &gt; &lt; tr &gt; &lt; th scope = &quot;col&quot; class = &quot;is-sorted&quot; &gt; &lt; button type = &quot;button&quot; &gt; Listing @Svg.ArrowDownSm &lt;/ button &gt; &lt;/ th &gt; &lt; th scope = &quot;col&quot; &gt; &lt; button type = &quot;button&quot; &gt; Status @Svg.ArrowUpDownSm &lt;/ button &gt; &lt;/ th &gt; &lt; th scope = &quot;col&quot; &gt; &lt; button type = &quot;button&quot; &gt; Owner @Svg.ArrowUpDownSm &lt;/ button &gt; &lt;/ th &gt; &lt; th scope = &quot;col&quot; class = &quot;ta-right&quot; &gt; &lt; button type = &quot;button&quot; &gt; Views @Svg.ArrowUpDownSm &lt;/ button &gt; &lt;/ th &gt; &lt; th scope = &quot;col&quot; class = &quot;ta-right&quot; &gt; &lt; button type = &quot;button&quot; &gt; Applies @Svg....
+
+---
+
+### Page: Tags
+URL: https://stackoverflow.design/product/components/tags/
+Date: 2026-03-24T21:30:16.527Z
+Tags: components
+description: Tags are an interactive, community-generated keyword that allow communities to label, organize, and discover related content. Tags are maintained by their respective communities
+
+Content:
+Classes Section titled Classes Class Parent Modifies Description .s-tag N/A N/A Base tag style that is used almost universally. .s-tag--dismiss .s-tag N/A For a clear or dismiss action icon. When using this element, it should be rendered as a button containing the icon and the parent .s-tag should be rendered as a span element. .s-tag--sponsor .s-tag N/A Correctly positions a tag’s sponsor logo. .s-tag__moderator N/A .s-tag Exclusively used within Meta communities by moderators (and employees) to assign unique statuses to questions. .s-tag__required N/A .s-tag Exclusively used within Meta communities to denote the post type. One of these tags are required on all Meta posts. .s-tag__ignored N/A .s-tag Prepends an icon to indicate the tag is ignored. .s-tag__watched N/A .s-tag Prepends an icon to indicate the tag is watched. .s-tag__sm N/A .s-tag Apply a small size to the tag. .s-tag__lg N/A .s-tag Apply a large size to the tag. Accessibility Section titled Accessibility Tags should be focusable and navigable with the keyboard. The various tag states (Required, Moderator, Watched, Ignored) are visually distinct but do not include any text indicators for screen readers. For that reason it is recommended to provide additional context using hidden text elements with the v-visible-sr class. Examples Section titled Examples Default tag Section titled Default tag &lt; a class = &quot;s-tag&quot; href = &quot;#&quot; &gt; … &lt;/ a &gt; &lt; span class = &quot;s-tag&quot; &gt; … &lt; button class = &quot;s-tag--dismiss&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; Dismiss … tag &lt;/ span &gt; @Svg.ClearSm &lt;/ button &gt; &lt;/ span &gt; &lt; a class = &quot;s-tag&quot; href = &quot;…&quot; &gt; &lt; img class = &quot;s-tag--sponsor&quot; src = &quot;…&quot; …&gt; … &lt; div class = &quot;v-visible-sr&quot; &gt; Sponsored tag &lt;/ div &gt; &lt;/ a &gt; &lt; span class = &quot;s-tag&quot; &gt; &lt; a href = &quot;…&quot; &gt; … &lt;/ a &gt; &lt; button class = &quot;s-tag--dismiss&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; Dismiss … tag &lt;/ span &gt; @Svg.ClearSm &lt;/ button &gt; &lt;/ span &gt; jquery javascript Dismiss javascript tag android Sponsored tag javascript Dismiss javascript tag Moderator Section titled Moderator &lt; a class = &quot;s-tag s-tag__moderator&quot; href = &quot;#&quot; &gt; status-completed &lt; div class = &quot;v-visible-sr&quot; &gt; Moderator tag &lt;/ div &gt; &lt;/ a &gt; &lt; span class = &quot;s-tag s-tag__moderator&quot; &gt; status-bydesign &lt; div class = &quot;v-visible-sr&quot; &gt; Moderator tag &lt;/ div &gt; &lt; button class = &quot;s-tag--dismiss&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; Dismiss status-bydesign tag &lt;/ span &gt; @Svg.ClearSm &lt;/ button &gt; &lt;/ span &gt; &lt; a class = &quot;s-tag s-tag__moderator&quot; href = &quot;#&quot; &gt; status-planned &lt; div class = &quot;v-visible-sr&quot; &gt; Moderator tag &lt;/ div &gt; &lt;/ a &gt; status-completed Moderator tag status-bydesign Moderator tag Dismiss status-bydesign tag status-planned Moderator tag Required Section titled Required &lt; a class = &quot;s-tag s-tag__required&quot; href = &quot;#&quot; &gt; discussion &lt; div class = &quot;v-visible-sr&quot; &gt; Required tag &lt;/ div &gt; &lt;/ a &gt; &lt; span class = &quot;s-tag s-tag__required&quot; &gt; feature-request &lt; div class = &quot;v-visible-sr&quot; &gt; Required tag &lt;/ div &gt; &lt; button class = &quot;s-tag--dismiss&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; Dismiss feature-request tag &lt;/ span &gt; @Svg.ClearSm &lt;/ button &gt; &lt;/ span &gt; &lt; a class = &quot;s-tag s-tag__required&quot; href = &quot;#&quot; &gt; bug &lt; div class = &quot;v-visible-sr&quot; &gt; Required tag &lt;/ div &gt; &lt;/ a &gt; discussion Required tag feature-request Required tag Dismiss feature-request tag bug Required tag Watched Section titled Watched &lt; a class = &quot;s-tag s-tag__watched&quot; href = &quot;#&quot; &gt; asp-net &lt; div class = &quot;v-visible-sr&quot; &gt; Watched tag &lt;/ div &gt; &lt;/ a &gt; asp-net Watched tag Ignored Section titled Ignored &lt; a class = &quot;s-tag s-tag__ignored&quot; href = &quot;#&quot; &gt; netscape &lt; div class = &quot;v-visible-sr&quot; &gt; Ignored tag &lt;/ div &gt; &lt;/ a &gt; netscape Ignored tag Sizes Section titled Sizes Class Applied to Example .s-tag__sm .s-tag css N/A .s-tag css .s-tag__lg .s-tag css
+
+---
+
+### Page: Textarea
+URL: https://stackoverflow.design/product/components/textarea/
+Date: 2026-03-24T21:30:16.528Z
+Tags: components
+description: Multi-line inputs used by users to enter longer text portions.
+
+Content:
+Classes Section titled Classes Class Modifies Description .s-textarea N/A Base textarea style. .s-textarea__sm .s-textarea Apply a small size. .s-textarea__lg .s-textarea Apply a large size. Base style Section titled Base style &lt; div class = &quot;d-flex fd-column gy4&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;example-item&quot; &gt; Question body &lt;/ label &gt; &lt; div class = &quot;d-flex ps-relative&quot; &gt; &lt; textarea class = &quot;s-textarea w100&quot; id = &quot;example-item&quot; placeholder = &quot;…&quot; &gt; &lt;/ textarea &gt; &lt;/ div &gt; &lt;/ div &gt; Question body Accessibility Section titled Accessibility It is recommended to follow the same accessibility guidance as the Input component . Including marking Textarea's as required via the .s-required-symbol class. Validation states Section titled Validation states Validation states provides the user feedback based on their interaction (or lack of interaction) with a textarea. These styles are applied by applying the appropriate class to the wrapping parent container. Validation classes Section titled Validation classes Class Applies to Description .has-warning Parent element Used to warn users that the value they’ve entered has a potential problem, but it doesn’t block them from proceeding. .has-error Parent element Used to alert users that the value they’ve entered is incorrect, not filled in, or has a problem which will block them from proceeding. .has-success Parent element Used to notify users that the value they’ve entered is fine or has been submitted successfully. Validation examples Section titled Validation examples Warning Section titled Warning &lt; div class = &quot;s-form-group has-warning&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;example-warning&quot; &gt; Description &lt;/ label &gt; &lt; div class = &quot;d-flex ps-relative&quot; &gt; &lt; textarea class = &quot;s-textarea w100&quot; id = &quot;example-warning&quot; placeholder = &quot;Please describe your problem&quot; &gt; &lt;/ textarea &gt; @Svg.Alert.With(&quot;s-input-icon&quot;) &lt;/ div &gt; &lt; p class = &quot;s-input-message&quot; &gt; Consider entering a description to help us better help you. &lt;/ p &gt; &lt;/ div &gt; Description Consider entering a description to help us better help you. Error Section titled Error &lt; div class = &quot;s-form-group has-error&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;example-success&quot; &gt; Description &lt;/ label &gt; &lt; div class = &quot;d-flex ps-relative&quot; &gt; &lt; textarea class = &quot;s-textarea w100&quot; id = &quot;example-success&quot; placeholder = &quot;Please describe your problem&quot; &gt; &lt;/ textarea &gt; @Svg.AlertCircle.With(&quot;s-input-icon&quot;) &lt;/ div &gt; &lt; p class = &quot;s-input-message&quot; &gt; A description must be provided. &lt;/ p &gt; &lt;/ div &gt; Description A description must be provided. Success Section titled Success &lt; div class = &quot;s-form-group has-success&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;example-success&quot; &gt; Description &lt;/ label &gt; &lt; div class = &quot;d-flex ps-relative&quot; &gt; &lt; textarea class = &quot;s-textarea w100&quot; id = &quot;example-success&quot; placeholder = &quot;Please describe your problem&quot; &gt; How do you know your company is ready for a design system? How do you implement one without too many pain points? How do you efficiently maintain one once it’s built? &lt;/ textarea &gt; @Svg.Checkmark.With(&quot;s-input-icon&quot;) &lt;/ div &gt; &lt; p class = &quot;s-input-message&quot; &gt; Thanks for providing a description. &lt;/ p &gt; &lt;/ div &gt; Description How do you know your company is ready for a design system? How do you implement one without too many pain points? How do you efficiently maintain one once it’s built? Thanks for providing a description. Sizes Section titled Sizes Class Name Size Example .s-textarea__sm Small 13px N/A Default 14px .s-textarea__lg Large 18px
+
+---
+
+### Page: Toggle switch
+URL: https://stackoverflow.design/product/components/toggle-switch/
+Date: 2026-03-24T21:30:16.528Z
+Tags: components
+description: A toggle is used to quickly switch between two or more possible states. They are most commonly used for simple “on/off” switches.
+
+Content:
+Classes Section titled Classes Class Modifies Description .s-toggle-switch N/A Base toggle switch style. .s-toggle-switch__multiple .s-toggle-switch Used to style toggle switches with three or more options. Styles Section titled Styles Basic toggle Section titled Basic toggle Toggle switches take up less space than an “on/off” radio button group and communicate their intended purpose more clearly than a checkbox that toggles functionality. They also provide consistency between desktop and mobile experiences. &lt; div class = &quot;d-flex ai-center g8&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;toggle-example-default&quot; &gt; … &lt;/ label &gt; &lt; input class = &quot;s-toggle-switch&quot; id = &quot;toggle-example-default&quot; type = &quot;checkbox&quot; &gt; &lt;/ div &gt; &lt; div class = &quot;d-flex ai-center g8&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;toggle-example-checked&quot; &gt; … &lt;/ label &gt; &lt; input class = &quot;s-toggle-switch&quot; id = &quot;toggle-example-checked&quot; type = &quot;checkbox&quot; checked &gt; &lt;/ div &gt; &lt; div class = &quot;d-flex ai-center g8&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;toggle-example-disabled&quot; &gt; … &lt;/ label &gt; &lt; input class = &quot;s-toggle-switch&quot; id = &quot;toggle-example-disabled&quot; type = &quot;checkbox&quot; disabled &gt; &lt;/ div &gt; &lt; div class = &quot;d-flex ai-center g8&quot; &gt; &lt; label class = &quot;s-label&quot; for = &quot;toggle-example-checked&quot; &gt; … &lt;/ label &gt; &lt; input class = &quot;s-toggle-switch&quot; id = &quot;toggle-example-checked-disabled&quot; type = &quot;checkbox&quot; disabled checked &gt; &lt;/ div &gt; Default Checked Disabled Checked and disabled Two or more options with icons Section titled Two or more options with icons Toggles switches can be extended to choose between two or more states where each state is represented by an icon. Using the __multiple toggle instead of a radio group and making sure labels follow their inputs in this case is important. &lt; fieldset &gt; &lt; div class = &quot;d-flex ai-center g8&quot; &gt; &lt; legend class = &quot;s-label c-default&quot; &gt; … &lt;/ legend &gt; &lt; div class = &quot;s-toggle-switch s-toggle-switch__multiple&quot; &gt; &lt; input type = &quot;radio&quot; name = &quot;group1&quot; id = &quot;input-1&quot; checked value = &quot;value1&quot; &gt; &lt; label for = &quot;input-1&quot; aria-label = &quot;First value&quot; title = &quot;First value&quot; &gt; @Svg.Icon1 &lt;/ label &gt; &lt; input type = &quot;radio&quot; name = &quot;group1&quot; id = &quot;input-2&quot; value = &quot;value2&quot; &gt; &lt; label for = &quot;input-2&quot; aria-label = &quot;Second value&quot; title = &quot;Second value&quot; &gt; @Svg.Icon2 &lt;/ label &gt; &lt; input type = &quot;radio&quot; name = &quot;group1&quot; id = &quot;input-3&quot; value = &quot;value3&quot; &gt; &lt; label for = &quot;input-3&quot; aria-label = &quot;Third value&quot; title = &quot;Third value&quot; &gt; @Svg.Icon3 &lt;/ label &gt; &lt;/ div &gt; &lt;/ div &gt; &lt;/ fieldset &gt; Search Style Export Type
+
+---
+
+### Page: User cards
+URL: https://stackoverflow.design/product/components/user-cards/
+Date: 2026-03-24T21:30:16.528Z
+Tags: components
+description: User cards are a combination of a user and metadata about the user or post
+
+Content:
+Classes Section titled Classes Class Parent Modifies Description .s-user-card N/A N/A Base user card container that applies the basic style. .s-user-card--column N/A .s-user-card > * A container for column elements. .s-user-card--row N/A .s-user-card > * A container for row elements. .s-user-card--group N/A .s-user-card > * A container for group elements. .s-user-card--bio N/A N/A Container for the user's bio. .s-user-card--recognition N/A N/A Container for recognition by a collective. .s-user-card--rep N/A N/A Container for the user's reputation. .s-user-card--time N/A N/A Container for the user's timestamp. .s-user-card--username N/A N/A Container for the user's username. .s-user-card__sm N/A .s-user-card Use the small variant for space-constrained areas, such as post summaries, or to establish visual hierarchy for secondary content like comments and replies. .s-user-card__lg N/A .s-user-card Use the large variant when space permits and more detailed information is desired. .s-user-card--group__split N/A .s-user-card--group Inserts a separator between each element. Show all classes Examples Section titled Examples Default Section titled Default The Base style is the standard variant used to connect a user to their content, appearing most frequently in post-summary lists and on question pages. This view is flexible, allowing various metadata fields to be shown or hidden as needed. Note on timestamps: Hovering over the timestamp displays a popover with precise dates and a link to the post's /timeline. For authors, this shows the post creation date; for editors, it shows the last modification date. &lt; div class = &quot;s-user-card&quot; &gt; &lt; a class = &quot;s-user-card--group&quot; href = &quot;…&quot; &gt; &lt;!-- Note: Default variant includes avatar size modifier (s-avatar__24) --&gt; &lt; span class = &quot;s-avatar s-avatar__24&quot; &gt; &lt; img class = &quot;s-avatar--image&quot; alt = &quot;…&quot; src = &quot;…&quot; /&gt; &lt;/ span &gt; &lt; span class = &quot;s-user-card--username&quot; &gt; … &lt;/ span &gt; &lt;/ a &gt; &lt; ul class = &quot;s-user-card--group&quot; &gt; &lt; li class = &quot;s-user-card--rep&quot; &gt; &lt; span class = &quot;s-bling s-bling__sm&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; reputation bling &lt;/ span &gt; &lt;/ span &gt; … &lt;/ li &gt; &lt; li &gt; &lt; span class = &quot;s-bling s-bling__gold s-bling__sm&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; gold bling &lt;/ span &gt; &lt;/ span &gt; … &lt;/ li &gt; &lt; li &gt; &lt; span class = &quot;s-bling s-bling__silver s-bling__sm&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; silver bling &lt;/ span &gt; &lt;/ span &gt; … &lt;/ li &gt; &lt; li &gt; &lt; span class = &quot;s-bling s-bling__bronze s-bling__sm&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; bronze bling &lt;/ span &gt; &lt;/ span &gt; … &lt;/ li &gt; &lt;/ ul &gt; &lt; a class = &quot;s-user-card--time&quot; href = &quot;…&quot; title = &quot;2026-01-09 12:15:39Z&quot; data-controller = &quot;s-tooltip&quot; &gt; &lt; time &gt; … &lt;/ time &gt; &lt;/ a &gt; &lt;/ div &gt; SofiaAlc asked 2 hr ago SofiaAlc reputation bling 1,775 asked 2 hr ago SofiaAlc reputation bling 1,775 gold bling silver bling bronze bling asked 2 hr ago SofiaAlc reputation bling 1,775 gold bling 8 silver bling 12 bronze bling 4 asked 2 hr ago With badges Section titled With badges Adds the User badge indicator to the usercard. Use this to signify the official role, status, or origin of the account (such as Moderator, Staff, or Bot) directly alongside the user's name. &lt; div class = &quot;s-user-card&quot; &gt; &lt; a class = &quot;s-user-card--group&quot; href = &quot;…&quot; &gt; &lt;!-- Note: Default variant includes avatar size modifier (s-avatar__24) --&gt; &lt; span class = &quot;s-avatar s-avatar__24&quot; &gt; &lt; img class = &quot;s-avatar--image&quot; alt = &quot;…&quot; src = &quot;…&quot; /&gt; &lt;/ span &gt; &lt; span class = &quot;s-user-card--username&quot; &gt; … &lt;/ span &gt; &lt;/ a &gt; &lt; div class = &quot;s-user-card--group&quot; &gt; &lt; span class = &quot;s-badge s-badge__sm&quot; &gt; … &lt;/ span &gt; &lt;/ div &gt; &lt; ul class = &quot;s-user-card--group&quot; &gt; &lt; li class = &quot;s-user-card--rep&quot; &gt; &lt; span class = &quot;s-bling s-bling__sm&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; reputation bling &lt;/ span &gt; &lt;/ span &gt; … &lt;/ li &gt; &lt; li &gt; &lt; span class = &quot;s-bling s-bling__gold s-bling__sm&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; gold bling &lt;/ span &gt; &lt;/ span &gt; … &lt;/ li &gt; &lt; li &gt; &lt; span class = &quot;s-bling s-bling__silver s-bling__sm&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; silver bling &lt;/ span &gt; &lt;/ span &gt; … &lt;/ li &gt; &lt; li &gt; &lt; span class = &quot;s-bling s-bling__bronze s-bling__sm&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; bronze bling &lt;/ span &gt; &lt;/ span &gt; … &lt;/ li &gt; &lt;/ ul &gt; &lt; a class = &quot;s-user-card--time&quot; href = &quot;…&quot; title = &quot;2026-01-09 12:15:39Z&quot; data-controller = &quot;s-tooltip&quot; &gt; &lt; time &gt; … &lt;/ time &gt; &lt;/ a &gt; &lt;/ div &gt; Community Bot asked 2 hr ago SofiaAlc Mod asked 2 hr ago SofiaAlc Staff Mod asked 2 hr ago SofiaAlc Mod reputation bling 1,775 gold bling silver bling bronze bling asked 2 hr ago SofiaAlc Staff Mod reputation bling 1,775 gold bling 8 silver bling 12 bronze bling 4 asked 2 hr ago Sizes Section titled Sizes Class Size Description .s-user-card__sm small Use the small variant for space-constrained areas, such as post summaries, or to establish visual hierarchy for secondary content like comments and replies. N/A N/A Use the default variant when the user needs a more primary focus of the content. This style features a larger avatar to establish top-level hierarchy like question and answer authors. .s-user-card__lg large Use the large variant when space permits and more detailed information is desired Small Section titled Small &lt; div class = &quot;s-user-card s-user-card__sm&quot; &gt; &lt; a class = &quot;s-user-card--group&quot; href = &quot;…&quot; &gt; &lt;!-- Note: Small variant does not include avatar size modifier --&gt; &lt; span class = &quot;s-avatar&quot; &gt; &lt; img class = &quot;s-avatar--image&quot; alt = &quot;…&quot; src = &quot;…&quot; /&gt; &lt;/ span &gt; &lt; span class = &quot;s-user-card--username&quot; &gt; … &lt;/ span &gt; &lt;/ a &gt; &lt; div class = &quot;s-user-card--group&quot; &gt; &lt; span class = &quot;s-badge s-badge__sm&quot; &gt; … &lt;/ span &gt; &lt;/ div &gt; &lt; ul class = &quot;s-user-card--group&quot; &gt; &lt; li class = &quot;s-user-card--rep&quot; &gt; &lt; span class = &quot;s-bling s-bling__sm&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; reputation bling &lt;/ span &gt; &lt;/ span &gt; … &lt;/ li &gt; &lt; li &gt; &lt; span class = &quot;s-bling s-bling__gold s-bling__sm&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; gold bling &lt;/ span &gt; &lt;/ span &gt; … &lt;/ li &gt; &lt; li &gt; &lt; span class = &quot;s-bling s-bling__silver s-bling__sm&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; silver bling &lt;/ span &gt; &lt;/ span &gt; … &lt;/ li &gt; &lt; li &gt; &lt; span class = &quot;s-bling s-bling__bronze s-bling__sm&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; bronze bling &lt;/ span &gt; &lt;/ span &gt; … &lt;/ li &gt; &lt;/ ul &gt; &lt; a class = &quot;s-user-card--time&quot; href = &quot;…&quot; title = &quot;2026-01-09 12:15:39Z&quot; data-controller = &quot;s-tooltip&quot; &gt; &lt; time &gt; … &lt;/ time &gt; &lt;/ a &gt; &lt;/ div &gt; SofiaAlc asked 2 hr ago SofiaAlc reputation bling 1,775 gold bling 8 silver bling 12 bronze bling 4 asked 2 hr ago SofiaAlc Mod asked 2 hr ago Large Section titled Large &lt; div class = &quot;s-user-card s-user-card__lg&quot; &gt; &lt; div class = &quot;s-user-card--row&quot; &gt; &lt; a class = &quot;s-avatar s-avatar__48&quot; href = &quot;#&quot; &gt; &lt; img class = &quot;s-avatar--image&quot; alt = &quot;…&quot; src = &quot;…&quot; /&gt; &lt;/ a &gt; &lt; div class = &quot;s-user-card--column&quot; &gt; &lt; div class = &quot;s-user-card--row&quot; &gt; &lt; a class = &quot;s-user-card--username&quot; href = &quot;#&quot; &gt; … &lt;/ a &gt; &lt; div class = &quot;s-user-card--group&quot; &gt; &lt; span class = &quot;s-badge s-badge__staff s-badge__sm&quot; &gt; … &lt;/ span &gt; &lt; span class = &quot;s-badge s-badge__moderator s-badge__sm&quot; &gt; … &lt;/ span &gt; &lt;/ div &gt; &lt;/ div &gt; &lt; ul class = &quot;s-user-card--group&quot; &gt; &lt; li class = &quot;s-user-card--rep&quot; &gt; &lt; span class = &quot;s-bling s-bling__sm&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; reputation bling &lt;/ span &gt; &lt;/ span &gt; … &lt;/ li &gt; &lt; li &gt; &lt; span class = &quot;s-bling s-bling__gold s-bling__sm&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; gold bling &lt;/ span &gt; &lt;/ span &gt; … &lt;/ li &gt; &lt; li &gt; &lt; span class = &quot;s-bling s-bling__silver s-bling__sm&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; silver bling &lt;/ span &gt; &lt;/ span &gt; … &lt;/ li &gt; &lt; li &gt; &lt; span class = &quot;s-bling s-bling__bronze s-bling__sm&quot; &gt; &lt; span class = &quot;v-visible-sr&quot; &gt; bronze bling &lt;/ span &gt; &lt;/ span &gt; … &lt;/ li &gt; &lt;/ ul &gt; &lt;/ div &gt; &lt;/ div &gt; &lt; div class = &quot;s-user-card--column&quot; &gt; &lt; div class = &quot;s-user-card--row s-user-card--recognition&quot; &gt; @Svg.Icon.StarVerifiedSm....
+
+---
+
+### Page: Vote
+URL: https://stackoverflow.design/product/components/vote/
+Date: 2026-03-24T21:30:16.529Z
+Tags: components
+description: The vote component allows users to vote on the quality of content by casting an upvote or downvote.
+
+Content:
+Classes Section titled Classes Class Parent Modifies Description .s-vote N/A N/A Base vote component. .s-vote--btn .s-vote N/A Vote button. .s-vote--votes .s-vote N/A Container for vote counts. .s-vote--downvotes .s-vote--votes N/A Downvote count. .s-vote--total .s-vote--votes N/A Total vote count. .s-vote--upvotes .s-vote--votes N/A Upvote count. .s-vote__expanded N/A .s-vote Expanded vote style that shows upvote and downvote counts separately. .s-vote__horizontal N/A .s-vote Horizontal vote style that arranges buttons and counts in a row. This layout does not officially support downvoting or expanded vote count. Examples Section titled Examples Base Section titled Base The base vote component includes an upvote button, a downvote button, and a vote count. When the vote count is zero and the current user has not voted, it should display Vote in place of a number. Otherwise, show the vote count and truncate large numbers (e.g., 1.2k). &lt; div class = &quot;s-vote&quot; &gt; &lt; button class = &quot;s-vote--btn&quot; &gt; @Svg.Vote16Up &lt; span class = &quot;v-visible-sr&quot; &gt; upvote &lt;/ span &gt; &lt;/ button &gt; &lt; span class = &quot;s-vote--votes&quot; &gt; &lt; span class = &quot;s-vote--total&quot; &gt; 12 &lt;/ span &gt; &lt;/ span &gt; &lt; button class = &quot;s-vote--btn&quot; &gt; @Svg.Vote16Down &lt; span class = &quot;v-visible-sr&quot; &gt; downvote &lt;/ span &gt; &lt;/ button &gt; &lt;/ div &gt; Base upvote 12 downvote 0 vote count upvote Vote downvote ≥ 1,000 votes upvote 27.5K downvote Expanded Section titled Expanded Include the .s-vote__expanded modifier to show upvote and downvote counts instead of the total vote count. This modifier hides .s-vote--total and shows .s-vote--upvotes and .s-vote--downvotes instead. &lt; div class = &quot;s-vote s-vote__expanded&quot; &gt; &lt; button class = &quot;s-vote--btn&quot; &gt; @Svg.Vote16Up &lt; span class = &quot;v-visible-sr&quot; &gt; upvote &lt;/ span &gt; &lt;/ button &gt; &lt; button class = &quot;s-vote--votes&quot; &gt; &lt; span class = &quot;s-vote--upvotes&quot; &gt; 12 &lt;/ span &gt; &lt; span class = &quot;s-vote--total&quot; &gt; 20 &lt;/ span &gt; &lt; span class = &quot;s-vote--downvotes&quot; &gt; 8 &lt;/ span &gt; &lt;/ button &gt; &lt; button class = &quot;s-vote--btn&quot; &gt; @Svg.Vote16Down &lt; span class = &quot;v-visible-sr&quot; &gt; downvote &lt;/ span &gt; &lt;/ button &gt; &lt;/ div &gt; upvote +12 20 -8 downvote Horizontal Section titled Horizontal Apply the .s-vote__horizontal modifier to arrange the vote buttons and counts in a horizontal layout. This layout does not officially support expanded vote count. This configuration is best suited for scenarios such as comment voting, where a more compact design is preferred. &lt; div class = &quot;s-vote s-vote__horizontal&quot; &gt; &lt; button class = &quot;s-vote--btn&quot; &gt; @Svg.Vote16Up &lt; span class = &quot;v-visible-sr&quot; &gt; upvote &lt;/ span &gt; &lt; span class = &quot;s-vote--votes&quot; &gt; &lt; span class = &quot;s-vote--total&quot; &gt; 5 &lt;/ span &gt; &lt;/ span &gt; &lt;/ button &gt; &lt;/ div &gt; &lt; div class = &quot;s-vote s-vote__horizontal&quot; &gt; &lt; button class = &quot;s-vote--btn&quot; &gt; @Svg.Vote16Up &lt; span class = &quot;v-visible-sr&quot; &gt; upvote &lt;/ span &gt; &lt;/ button &gt; &lt; span class = &quot;s-vote--votes&quot; &gt; &lt; span class = &quot;s-vote--total&quot; &gt; 10 &lt;/ span &gt; &lt;/ span &gt; &lt; button class = &quot;s-vote--btn&quot; &gt; @Svg.Vote16Down &lt; span class = &quot;v-visible-sr&quot; &gt; downvote &lt;/ span &gt; &lt;/ button &gt; &lt;/ div &gt; upvote 5 upvote 10 downvote Voted Section titled Voted Use filled vote icons to indicate when the current user has upvoted or downvoted the content. &lt; div class = &quot;s-vote s-vote__horizontal&quot; &gt; &lt; button class = &quot;s-vote--btn&quot; &gt; @Svg.Vote16UpFill &lt; span class = &quot;v-visible-sr&quot; &gt; upvoted &lt;/ span &gt; &lt;/ button &gt; &lt; span class = &quot;s-vote--votes&quot; &gt; &lt; span class = &quot;s-vote--total&quot; &gt; 12 &lt;/ span &gt; &lt;/ span &gt; &lt; button class = &quot;s-vote--btn&quot; &gt; @Svg.Vote16Down &lt; span class = &quot;v-visible-sr&quot; &gt; downvote &lt;/ span &gt; &lt;/ button &gt; &lt;/ div &gt; Upvoted upvoted 27.5K downvote Downvoted upvote 11 downvoted Horizontal upvoted upvoted 6 Horizontal downvoted upvote 4 downvoted
+
+---
+
+## Collection: develop
+
+### Page: Building Stacks
+URL: https://stackoverflow.design/product/develop/building/
+Date: 2026-03-24T21:30:16.529Z
+Tags: develop
+description: The following is a guide to building and running Stacks locally. You’ll need to be able to build Stacks to contribute to our documentation or add new classes to our CSS library.
+
+Content:
+Clone the repo Section titled Clone the repo There are two common ways to clone a repo : Use the command line: git clone https://github.com/StackExchange/Stacks.git Use GitHub’s desktop app. Download and install GitHub Desktop . Login with your GitHub credentials. Clone the Stacks repo. Get Node and NPM installed Section titled Get Node and NPM installed We use a bunch of NPM dependencies to process and package up Stacks for delivery. You’ll need to install them. Install Node & NPM Open the Stacks repo in a Terminal window. Install the NPM dependencies. npm install Running Stacks Section titled Running Stacks That should do it for all our dependencies. You’re now able to run Stacks. From the top level of the Stacks repo, run our main script npm run start -w packages/stacks-docs Visit your local copy of Stacks at http://localhost:8080/ Getting help Section titled Getting help Installing dependencies can be frustrating, and we’re here to help. If you’re stuck, the Stacks team is always available in #stacks. If that doesn’t work, try opening an issue .
+
+---
+
+### Page: Conditional classes
+URL: https://stackoverflow.design/product/develop/conditional-classes/
+Date: 2026-03-24T21:30:16.529Z
+Tags: develop
+description: Stacks provides conditional atomic classes to easily build complex responsive designs, hover states, and print layouts. A limited selection of conditional classes are available throughout Stacks. These are represented in class definitions tables by a green checkmark <svg aria-hidden="true" class="svg-icon iconCheckmark fc-green-400 va-middle" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41 14.59 3 6 11.59 2.41 8 1 9.41l5 5 10-10z"></path></svg>.
+
+Content:
+Responsive Section titled Responsive Many utility classes in Stacks are also available in screen-size specific variations. For example, the .d-none utility can be applied to small browser widths and below using the .sm:d-none class, on medium browser widths and below using the .md:d-none class, and on large browser widths and below using the .lg:d-none class. This is done using predefined max-width media query breakpoints represented by t-shirt sizes. A common example would be to apply .md:fd-column to a flex layout. This means, “At the medium breakpoint and smaller, switch the flex layout from columns to rows by applying fd-column .” Note: Our font size classes, .fs-[x] are automatically adjusted at the smallest breakpoint. Responsive classes Section titled Responsive classes Class Breakpoint Definition .[x] N/A The class is applied on all browser widths. .lg:[x] 92.25rem The class is applied on large browser widths and below. (1476px at 16px font size) .md:[x] 71.875rem The class is applied on medium browser widths and below. (1150px at 16px font size) .sm:[x] 48.75rem The class is applied on small browser widths and below. (780px at 16px font size) Responsive example Section titled Responsive example Resize your browser to see which classes are applied. &lt; div class = "d-flex flex__center md:fd-column g16" &gt; &lt; div class = "wmx3 fs-body3 lg:ta-center " &gt; … &lt;/ div &gt; &lt; div class = " md:order-first sm:d-none " &gt; &lt; svg &gt; … &lt;/ svg &gt; &lt;/ div &gt; &lt;/ div &gt; Stack Overflow for Teams is a private, secure home for your team’s questions and answers. No more digging through stale wikis and lost emails—give your team back the time it needs to build better products. Hover Section titled Hover Stacks provides hover-only atomic classes. By applying .h:bs-lg , .h:o100 , and .h:fc-black-600 , you’re saying “On hover, add a large box shadow, an opacity of 100%, and a font color of black 900.” &lt; div class = &quot;ba bc-black-225 p12 bar-md o80 bs-sm h:bs-lg h:o100 h:fc-black-600&quot; &gt; &lt;/ div &gt; Example Focus Section titled Focus Stacks provides focus-only atomic classes. By applying .f:o100 , and .f:fc-black-600 , you’re saying “On focus, add an opacity of 100%, and a font color of black 900.” &lt; div class = &quot;ba bc-black-225 p12 bar-md o80 bs-sm f:o100 f:fc-black-600&quot; &gt; &lt;/ div &gt; Example Print Section titled Print Stacks provides print-only atomic classes. By applying .print:d-none , you’re saying “In print layouts, remove this element from the layout.” &lt; div class = &quot;ba bc-black-225 p12 bar-md print:d-none&quot; &gt; &lt;/ div &gt; &lt; div class = &quot;ba bc-black-225 p12 bar-md d-none print:d-block&quot; &gt; &lt;/ div &gt; This element will be removed from the page while printing. This element will only be shown when printing. Dark mode Section titled Dark mode Stacks provides darkmode-only atomic classes. By applying .d:bg-green-300 , you’re saying “In dark mode, apply a background of green 100.” &lt; div class = &quot;bg-yellow-300 fc-yellow-600 d:bg-green-300 d:fc-green-600&quot; &gt; &lt;/ div &gt; This element will be yellow text and background in light mode but will become green in dark mode. In addition to specific overrides, you can force an element’s colors to be light or dark by applying .theme-dark__forced or .theme-light__forced . This comes in handy when showing users a preview of light or dark interface elements. &lt; div class = &quot;fc-dark bg-yellow-300 ba bc-yellow-300 theme-light__forced&quot; &gt; &lt;/ div &gt; This element will be rendered with light mode colors regardless of theme preference.
+
+---
+
+### Page: JavaScript
+URL: https://stackoverflow.design/product/develop/javascript/
+Date: 2026-03-24T21:30:16.529Z
+Tags: develop
+description: This is an introduction to the JavaScript functionality provided by Stacks.
+
+Content:
+Including the Stacks JavaScript Section titled Including the Stacks JavaScript While Stacks is first and foremost a CSS library, it also provides commonly used functionality for some components via JavaScript. This functionality is optional. If you only need the styling parts of Stack, you’re free to ignore the provided JavaScript. The converse is not true: The JavaScript components work under the assumption that the Stacks CSS is available. Stacks JavaScript is currently included within various Stack Overflow projects automatically. If you’re working on a Stack Overflow project, chances are it’s already available for you! If not, reach out to us and we’ll work on getting it setup. To include Stacks JavaScript in other projects, do the following. Include the file dist/js/stacks.min.js in your page. For example, if you use the unpkg CDN, add the tag &lt;script src="https://unpkg.com/@stackoverflow/stacks/dist/js/stacks.min.js"&gt;&lt;/script&gt; to your HTML. See Using Stacks for more information on Unpkg and installing Stacks via NPM. Using the Stacks JavaScript Section titled Using the Stacks JavaScript The Stacks JavaScript components are provided as Stimulus controllers. Stimulus is a library created by Basecamp . Stimulus allows you to add functionality to your markup in a way that is similar to how you add styling to your markup: by modifying HTML attributes. Just as you style components by adding classes to the class attribute, with Stacks JavaScript, you’ll give components optional functionality by adding data-… attributes to the HTML. The basic functional unit of Stimulus, and of a Stacks JavaScript component, is a controller . Controllers are identified by their name, and all Stacks-provided controller names are prefixed with s-… , just like component CSS classes. You give functionality to an HTML element by setting its data-controller attribute. &lt; div class = &quot;s-magic-widget s-magic-widget__awesome&quot; data-controller = &quot;s-magic-widget&quot; &gt; &lt;/ div &gt; Refer to the documentation of individual components on how to configure a component’s behavior. Creating your own Stimulus controllers Section titled Creating your own Stimulus controllers A side effect of including the Stacks JavaScript in your project is that you also have Stimulus available in your page. This means you can not only use Stacks-provided controllers, but also create your own. For general information about writing code with Stimulus, refer to the official documentation . That documentation generally assumes that you’re writing ES6 code. In order to make it useful without ES6-to-ES5 transpilation, Stacks provides a helper that allows you to write controllers using old-fashioned JavaScript syntax. This helper is called Stacks.addController and takes two arguments: The name (&ldquo;identifier&rdquo;) of the controller, and an object that is analogous to the ES6 class that you would write for your controller, except that it's a plain JavaScript object. All own enumerable properties of that object will be made available on the controller prototype, with the exception of the targets property, which will be available on the controller constructor itself, i.e. statically. With that, you can create and register the final Hello World controller example from the official documentation like this: Stacks . addController ( &quot;greeter&quot; , { targets : [ &quot;name&quot; ], greet : function ( ) { console . log ( &quot;Hello, &quot; + this . name + &quot;!&quot; ); }, get name () { return this . nameTarget . value ; } }); JavaScript classnames Section titled JavaScript classnames We prefix our JavaScript target classes with .js- so that changing or adding a class name for styling purposes doesn’t inadvertently break our JS. This allows us to style elements with any chain of atomic or component classes from Stacks without breaking any additional JavaScript interactivity. We also try to avoid IDs for both visual styling and JavaScript targeting. They aren’t reusable, visual styling can’t be overwritten by atomic classes, and, like non- .js- classes, we can’t tell if there is JavaScript interactivity attached at a glance. Do &lt; div class = &quot;s-component bs-lg js-copy&quot; &gt; … &lt;/ div &gt; var button = document . querySelector ( &#x27;.js-copy&#x27; ); button. addEventListener ( &#x27;click&#x27; , function ( ) { … }); Don’t &lt; div class = &quot;s-component bs-lg&quot; &gt; … &lt;/ div &gt; var button = document . querySelector ( &#x27;.s-component&#x27; ); button. addEventListener ( &#x27;click&#x27; , function ( ) { … }); .s-component { … } Don’t &lt; div id = &quot;card&quot; &gt; … &lt;/ div &gt; var button = document . querySelector ( &#x27;#card&#x27; ); button. addEventListener ( &#x27;click&#x27; , function ( ) { … }); #card { … }
+
+---
+
+### Page: Using Stacks
+URL: https://stackoverflow.design/product/develop/using-stacks/
+Date: 2026-03-24T21:30:16.530Z
+Tags: develop
+description: A short guide to Stacks, a robust CSS & JavaScript Pattern library for rapidly building Stack Overflow.
+
+Content:
+Goals Section titled Goals Stacks is built with a unified goal: We should be writing as little CSS & JavaScript as possible . To achieve this goal, the Stacks team has created a robust set of reusable components. These include components like buttons, tables, and form elements. We’ve also created a powerful set of atomic classes that can be chained together to create just about any layout without writing a single line of new CSS. Further, these atomic classes can be used as modifiers of pre-existing components. Installing Section titled Installing Stacks is currently included within various Stack Overflow projects automatically. If you’re working on a Stack Overflow project, chances are it’s already available for you! If not, reach out to us and we’ll work on getting it set up. To include Stacks in other projects, you can install Stacks via NPM: npm install --save @stackoverflow/stacks You can also include a minified, compiled Stacks CSS style sheet that’s delivered via Unkpg, a CDN for NPM packages. This is good for things like Codepen or other quick prototypes. This CDN should not be considered production-ready. &lt;link rel=&quot;stylesheet&quot; href=&quot;https://unpkg.com/@stackoverflow/stacks/dist/css/stacks.min.css&quot;&gt; To use Stack’s built-in JavaScript interactivity with your components, refer to the JavaScript guidelines . If you’re hotlinking to Stacks on the Stack Overflow CDN, you are doing it wrong . You are setting yourself up for breaking upstream changes. Instead, you should install via properly versioned package management like NPM. This will keep you pinned to a stable version. How to best use Stacks Section titled How to best use Stacks In order to use Stacks, let’s consider the design you’d like to implement. My design uses existing components Identify if the design you’re implementing uses any existing components. Great, it does? Grab the markup from that component’s example page and paste that into your view. My design uses existing components, but has some special cases. E.g. background colors, border, and font sizes . Awesome, copy the component’s example markup to your view and add an atomic class to override its styling. Practically, this will likely just be adding something like an .mb12 to a button, or hiding something temporarily with .d-none . My design uses a new pattern that doesn’t have a component yet. No worries, let’s build your view by assembling some atomic classes. If you’re doing this more than once, you should help us identify a new pattern by requesting a new component . My design is super special and… I’m going to write a lot of custom CSS from scratch in its own .less file that I’ve included in the bundle. You probably shouldn’t be doing this. With atomic classes, you can build most of what you’re attempting to do without writing a single new line of CSS. The Stacks team would prefer you use these pre-existing classes to build new UI. Every line of CSS you write, the more CSS we have to maintain, the more our users have to download, and the more bytes we have to host. Getting Help Section titled Getting Help Need help? Open an issue . We’ll be happy to help.
+
+---
+
+## Collection: foundation
+
+### Page: Accessibility
+URL: https://stackoverflow.design/product/foundation/accessibility/
+Date: 2026-03-24T21:30:16.530Z
+Tags: foundation
+description: A non-comprehensive guide to accessibility best practices when using Stacks.
+
+Content:
+Target Section titled Target All Stack Overflow product UIs must conform to the AA conformance level of the Web Content Accessibility Guidelines (WCAG) 2.2 with a few exceptions around color contrast documented below. High contrast modes Section titled High contrast modes When high contrast mode is enabled, Stack Overflow product UIs must meet or exceed the Success Criterion 1.4.6 Contrast (Enhanced) of the Web Content Accessibility Guidelines (WCAG) 2.2 and should conform to the remaining AAA conformance level rules when reasonably achievable. This only applies to the subset of Stack Overflow products that provide high contrast modes. Note: not all Stack Overflow products are expected to support high contrast modes . Visual accessibility Section titled Visual accessibility Stack Overflow product UIs MUST conform to a custom conformance level of the Accessible Perceptual Contrast Algorithm (APCA). This custom conformance level replaces the AA conformance level of the Web Content Accessibility Guidelines (WCAG) 2.2 for color contrast. Color & contrast Section titled Color & contrast Stacks aims to equip you with an accessible color palette and has been tested against WCAG AA, WCAG AAA and the newer APCA color standards. Most of our color combinations meet WCAG AA and APCA levels defined below. We also offer high contrast mode which offers a greater level of contrast. Contrast ratios Section titled Contrast ratios Contrast is the difference in luminance or color between any two elements. All visual readers require ample luminance contrast for fluent readability. Stack Overflow products must conform to a custom conformance level of the Accessible Perceptual Contrast Algorithm (APCA). Based on our custom conformance level, all text must have a Lightness contrast (Lc) value of 60, body copy must have a Lc value of 75, icons must have a Lc value of 45, and placeholder and disabled text must have a Lc of 30. These numbers will be negative when calculating for dark mode. Button Robots Do Use luminance contrast that meets our standards as defined above. Button Robots Don't Use low luminance contrast that fail our standards. Visual cues Section titled Visual cues Visual readers with color vision deficiency (CVD) have problems differentiating some hues and therefore these users need help discerning differences between items. This means that color (hue) should never be the sole means of communicating information and should always be paired with a non-color dependent indicator to accommodate all visual users. Do Use an icon alongside color to convey meaning. Don't Use color alone to convey meaning. Focus states Section titled Focus states Some people navigate through a website by using a keyboard or other device (instead of a mouse). A focus state should clearly let users know which item they’re on and is ready to interact with. Stack’s has taken a hybrid approach in using both the browser’s default styles (smaller interactive components like text links) and a custom focus ring. Foundation for custom approach Section titled Foundation for custom approach The custom approach adds two different outline rings on the inside of the component. The outer ring color uses secondary-theme-400 theme-secondary-400 (matching the primary button color) and the inner ring color uses white white (matching the background). Button Default Button Focus The outer ring color will always display as the theme color even when applied to a muted or danger styled button. This ensures the focus ring maintains a 3:1 color contrast ratio for any adjacent colors (WCAG level AA) within any theme (assuming the secondary-theme color theme-secondary-400 already passes the 3:1 contrast ratio). Button Tonal default Button Tonal focus Button Danger default Button Danger focus Meeting level AAA Section titled Meeting level AAA Both focus rings are always 2px thick. This allows the focus state to meet WCAG 2.4.13 Focus Appearance (AAA) standards for High Contrast mode. Whenever possible, the rings should be added to the inside of the component so we can better ensure that the rings don't get accidentally cut off by the surrounding layout (which helps us to meet WCAG 2.4.11 Focus Not Obscured AA ). However, this does result in a padding reduction within the element, surrounding the text. When choosing to set the focus rings on the inside (inset), the component must have at least 4px of padding at the smallest size. This has been applied to buttons, navigation, and pagination. When the padding amount is not sufficient enough to support a double ring on the inside of the component, the rings are placed on the outside. The components included are tags, toggles, form elements (input fields, selects, radio/checkboxes…), block links and the editor. javascript Tag default javascript Tag focus Toggle default Toggle focused Consistent style patterns Section titled Consistent style patterns Filled Section titled Filled Any component that already has an existing background color that fills the shape will maintain its original fill color. Product Navigation active default Product Navigation active focus Off Weekly Toggle (multi) default Off Weekly Toggle (multi) focused Bordered Section titled Bordered For components that have an existing border around the component when not in focus, a background fill color is added in addition to the focus rings. This ensures there’s a strong enough visual difference between the non-focus and focus state. These patterns are maintained across all components for consistency. page 2 Pagination default page 2 Pagination focus Floating Section titled Floating Components without an existing fill or border will only display the double rings on focus. Since the inner ring matches the background color in most cases, this will visually appear like a single ring around the perimeter of the component. [object Object] [object Object] [object Object] [object Object] [object Object] Editor icon default [object Object] [object Object] [object Object] [object Object] [object Object] Editor icon focus Exceptions Section titled Exceptions The exceptions to this pattern are the Clear button variations. All buttons display a background fill layer when in focus. Clear , Outline and Filled styles will all look the same when in focus. The fill color was chosen to match the existing Filled style. Button Clear default Button Clear focus Button Tonal default Button Tonal default focus Browser default Section titled Browser default Some focusable elements and Stacks components currently do not include custom focus styling. These elements will instead render the browser-default focus indicators. Viewport size Section titled Viewport size All Stack Overflow products must conform to the WCAG 2.2 SC 1.4.10: Reflow . This requires that our product UIs support viewports as small as 320px x 256px without requiring the user scrolling in multiple dimensions (unless an element requires it for usage or meaning). Very few users will ever use a viewport this small, but it's important to support it so users can zoom in up to 400% and still have a usable experience. At 400% zoom, a 320x256 viewport translates to 1280x1024, which is a common resolution for many users. Supporting this small viewport size ensures that users with low vision can still use our products effectively. Exceptions Section titled Exceptions There are some exceptions to this rule. Some elements such as tables and videos may require horizontal scrolling on small viewports. In these cases, it's acceptable to require scrolling in two dimensions. See the WCAG 2.2 documentation on Reflow for detailed guidance. Landmarks Section titled Landmarks ARIA landmarks should be used across Stack Overflow product pages to provide clear navigation structures for users relying on assistive technologies. Landmarks are inserted into the page explictly using the role attribute on an element (e.g. role="search" , etc...) or by leveraging semantic HTML (e.g. an header element is given automatically the banner landmark). Using semantic HTML elements should be preferred over using the role attribute whenever possible. For a comprehensive guide on using ARIA landmark roles refer to: WCAG ARIA11 Technique Using HTML landmark roles to improve accessibility Landmarks Browser Extension
+
+---
+
+### Page: Color fundamentals
+URL: https://stackoverflow.design/product/foundation/color-fundamentals/
+Date: 2026-03-24T21:30:16.530Z
+Tags: foundation
+description: Color is used distinguish our brand, convey meaning, and invoke emotions. A color palette ensures a familiar and consistent experience across our products.
+
+Content:
+Palette Section titled Palette Neutral colors Section titled Neutral colors The neutral palette consists of black, white, and grays. The neutral palette is dominant in our UI, using subtle shifts in value to create hierarchy and organize content. black-050 black-100 black-150 black-200 black-225 black-250 black-300 black-350 black-400 black-500 black-600 Saturated colors Section titled Saturated colors Stacks uses 5 colors with 6 stops per color. Colors are used sparingly and intentionally to convey meaning, draw attention to UI, or create associations. orange-100 orange-200 orange-300 orange-400 orange-500 orange-600 blue-100 blue-200 blue-300 blue-400 blue-500 blue-600 green-100 green-200 green-300 green-400 green-500 green-600 red-100 red-200 red-300 red-400 red-500 red-600 yellow-100 yellow-200 yellow-300 yellow-400 yellow-500 yellow-600 purple-100 purple-200 purple-300 purple-400 purple-500 purple-600 pink-100 pink-200 pink-300 pink-400 pink-500 pink-600 orange-100 orange-200 orange-300 orange-400 orange-500 orange-600 blue-100 blue-200 blue-300 blue-400 blue-500 blue-600 green-100 green-200 green-300 green-400 green-500 green-600 red-100 red-200 red-300 red-400 red-500 red-600 yellow-100 yellow-200 yellow-300 yellow-400 yellow-500 yellow-600 purple-100 purple-200 purple-300 purple-400 purple-500 purple-600 pink-100 pink-200 pink-300 pink-400 pink-500 pink-600 Usage Section titled Usage Color roles Section titled Color roles Color roles describe the intention behind the color. Role Description black-400 Neutral Use for text and secondary UI elements, such as buttons theme-secondary Primary Use for primary actions theme-primary Accent Use for UI that either relates to the brand or doesn’t have a specific meaning tied to it. blue-400 Information Use for UI to communicate information that you’d like the user to be aware of success Success Use for UI to communicate a successful action has taken place warning Warning Use for UI that communicates a user should proceed with caution danger Danger Use for UI that communicates the user has encountered danger or an error purple-400 Discovery Use for UI that depicts something new, such as onboarding or a new feature Backgrounds Section titled Backgrounds Default background color black-050 50 black-100 100 black-150 150 black-200 200 black-225 black-250 black-300 black-350 black-400 black-500 black-600 Background layers Stops 50 through 200 are used for background layers Borders Section titled Borders black-050 black-100 black-150 black-200 200 black-225 225 black-250 black-300 300 black-350 black-400 black-500 black-600 Decorative borders Input borders Stops 200 and 225 are used for decorative borders and dividers throughout our UI. The 250 stop is used for input borders such as text field or secondary button. Text Section titled Text black-050 black-100 black-150 black-200 black-225 black-250 black-300 black-350 black-400 400 black-500 500 black-600 600 Text Heading Stops 500 and 600 can be used for text. Neutrals, blue, red, and green can also be used at 400 and will meet APCA contrast minimums within these shades. Orange and yellow should not be used at 400 because it does not meet our contrast standards. Icons and illustrations Section titled Icons and illustrations black-050 black-100 black-150 black-200 black-225 black-250 black-300 black-350 350 black-400 400 black-500 500 black-600 Illustrations Icons Stops 400 and 500 are for icons, while 350 should be used for more detailed illustrations. Layering Section titled Layering Colors in the neutral palette are layered on top of each other to foster a sense of hierarchy and create associations. Body background Content Component Body background Content Component Background layer Light mode Dark mode Body background black-100 black-100 (Teams) black-050 black-100 (SO) white white Content black-050 black-050 black-050 black-050 Component black-100 black-100 black-100 black-100 Component alt black-150 black-150 black-150 black-150 Emphasis levels Section titled Emphasis levels Emphasis determines the amount of contrast a color has against the default surface. Emphasis has a range from subtle to bold. Bold emphasis has more contrast against the background, which adds more attention than using UI with the subtle or default emphasis level. Robots Robots Robots Robots Robots Robots Bold Robots Robots Robots Robots Robots Robots Default Robots Robots Robots Robots Robots Robots Subtle Text Bold Text Default Text Subtle Interaction states Section titled Interaction states In Stacks, a component will get darker (or lighter in dark mode) as they interact with it. These progresses happen by adding 100 to the color before the interaction happens. Example: Blue-400 on hover becomes Blue-500. For a disabled button state, subtract 100 from the default color. Button Default Button Hover Button Selected Button Disabled Light, dark, and high contrast modes Section titled Light, dark, and high contrast modes Stacks supports light, dark, and high contrast modes. By using Stacks, you will get each of these modes for free. By using a Stacks component, an atomic color class, or CSS variable directly, your theme will switch appropriately based on the following methods: You can apply .theme-system to the body element. This will change colors based on the prefers-color-scheme media query, which is ultimately powered by the user’s system or browser settings. This can be preferable for folks who have their system turn to dark mode based on ambient light or time of day. Alternatively, you can set a dark mode that is not system dependent by attaching .theme-dark to the body element. Adding .theme-highcontrast to the body element will boost colors to WCAG Level AAA contrast ratios in as many places as possible. This mode stacks on top of both light and dark modes. The only exception is branded themed colors remain untouched by high contrast mode. There are also conditional classes that can be applied to override assumed dark mode colors, force light mode, or to force dark mode. Forcing modes can be good for previews in admin-only situations.
+
+---
+
+### Page: Icons
+URL: https://stackoverflow.design/product/foundation/icons/
+Date: 2026-03-24T21:30:16.530Z
+Tags: foundation
+description: Stacks provides a complete icon set, managed separately in the <a href="https://github.com/StackExchange/Stacks-Icons">Stacks-Icons</a> repository. There you’ll find deeper documentation on the various uses as well as the icons’ source in our design tool Figma.
+
+Content:
+Usage Section titled Usage Stacks icons are designed to be directly injected into the markup as an svg element. This allows us to color them on the fly using any of our atomic classes. We have different helpers in different environments. Production Section titled Production If you’re in Stack Overflow’s production environment, we have a helper that can be called with @Svg. and the icon name, eg. @Svg.Alert . By default, any icon will inherit the text color of the parent element. Optionally, you can pass the class native to the icon to render any native colors that are included eg. @Svg.Ballon.With("native") . This same syntax allows you to pass additional arbitrary classes like atomic helpers, or js- prefixed classes. @Svg .Wave @Svg .Wave.With( &quot;native&quot; ) @Svg .Wave.With( &quot;fc-black-350 float-right js-dropdown-target&quot; ) Default With native colors With arbitrary classes Prototypes Section titled Prototypes Our icon set also includes a JavaScript library for use in prototypes outside our production environment. This JavaScript is loaded in our Stacks playground in Codepen . When using data-icon attributes, you need to prefix the icon names with Icon (e.g. IconWave ). If you’re building a prototype in your own environment, you’ll need to include Stacks as a dependency as well as the icons library . &lt; svg data-icon = &quot;IconWave&quot; &gt; &lt;/ svg &gt; &lt; svg data-icon = &quot;IconWave&quot; class = &quot;native&quot; &gt; &lt;/ svg &gt; &lt; svg data-icon = &quot;IconWave&quot; class = &quot;fc-black-350 float-right js-dropdown-target&quot; &gt; &lt;/ svg &gt; Default With native colors With arbitrary classes Documentation Section titled Documentation For use within our documentation, we’ve also included a Liquid helper. {% icon &quot;Wave&quot; %} {% icon &quot;Wave&quot; , &quot;native&quot; %} {% icon &quot;Wave&quot; , &quot;fc-black-350 float-right js-dropdown-target&quot; %} Default With native colors With arbitrary classes Requesting an icon Section titled Requesting an icon If an icon you need isn’t here, please do one of the following two options: Submit a request outlining the desired icon, the icon’s intended purposed, and where it will be used. If the icon is ready, submit a pull request to have it to be reviewed. Please be sure to provide the same information as above. Icon set Section titled Icon set Toggle native colors @Svg.Alert Alert icon @Svg.Alert16 Alert16 icon @Svg.Alert16Fill Alert16Fill icon @Svg.Alert24 Alert24 icon @Svg.Alert24Fill Alert24Fill icon @Svg.Alert32 Alert32 icon @Svg.Alert32Fill Alert32Fill icon @Svg.AlertFill AlertFill icon @Svg.Answer Answer icon @Svg.Answer16 Answer16 icon @Svg.Answer16Duotone Answer16Duotone icon @Svg.Answer16Fill Answer16Fill icon @Svg.Answer24 Answer24 icon @Svg.Answer24Duotone Answer24Duotone icon @Svg.Answer24Fill Answer24Fill icon @Svg.Answer24Stack Answer24Stack icon @Svg.Answer24StackDuotone Answer24StackDuotone icon @Svg.Answer24StackFill Answer24StackFill icon @Svg.Answer32 Answer32 icon @Svg.Answer32Duotone Answer32Duotone icon @Svg.Answer32Fill Answer32Fill icon @Svg.Answer32Stack Answer32Stack icon @Svg.Answer32StackDuotone Answer32StackDuotone icon @Svg.Answer32StackFill Answer32StackFill icon @Svg.Answer64 Answer64 icon @Svg.Answer64Duotone Answer64Duotone icon @Svg.Answer64Fill Answer64Fill icon @Svg.Answer64Stack Answer64Stack icon @Svg.Answer64StackDuotone Answer64StackDuotone icon @Svg.Answer64StackFill Answer64StackFill icon @Svg.AnswerDuotone AnswerDuotone icon @Svg.AnswerFill AnswerFill icon @Svg.AnswerStack AnswerStack icon @Svg.AnswerStackDuotone AnswerStackDuotone icon @Svg.AnswerStackFill AnswerStackFill icon @Svg.Archive Archive icon @Svg.Archive16 Archive16 icon @Svg.Archive16Fill Archive16Fill icon @Svg.ArchiveFill ArchiveFill icon @Svg.ArrowDown ArrowDown icon @Svg.ArrowDownBox ArrowDownBox icon @Svg.ArrowDownLeft ArrowDownLeft icon @Svg.ArrowDownLeftBox ArrowDownLeftBox icon @Svg.ArrowDownRight ArrowDownRight icon @Svg.ArrowLeft ArrowLeft icon @Svg.ArrowLeftBox ArrowLeftBox icon @Svg.ArrowRight ArrowRight icon @Svg.ArrowRightBox ArrowRightBox icon @Svg.ArrowUp ArrowUp icon @Svg.ArrowUpBox ArrowUpBox icon @Svg.ArrowUpLeft ArrowUpLeft icon @Svg.ArrowUpRight ArrowUpRight icon @Svg.ArrowUpRightBox ArrowUpRightBox icon @Svg.Assistant Assistant icon @Svg.Assistant16 Assistant16 icon @Svg.Assistant24 Assistant24 icon @Svg.Assistant32 Assistant32 icon @Svg.Assistant64 Assistant64 icon @Svg.Award Award icon @Svg.Award16 Award16 icon @Svg.Award16Fill Award16Fill icon @Svg.AwardFill AwardFill icon @Svg.Blog Blog icon @Svg.Blog32 Blog32 icon @Svg.Bookmark Bookmark icon @Svg.Bookmark24 Bookmark24 icon @Svg.Bookmark32 Bookmark32 icon @Svg.Bookmark64 Bookmark64 icon @Svg.Bookmark64Stack Bookmark64Stack icon @Svg.BookmarkFill BookmarkFill icon @Svg.BookmarkStack BookmarkStack icon @Svg.BookmarkStackFill BookmarkStackFill icon @Svg.Calendar Calendar icon @Svg.Calendar64 Calendar64 icon @Svg.Challenge Challenge icon @Svg.Challenge64 Challenge64 icon @Svg.ChallengeFill ChallengeFill icon @Svg.Chart Chart icon @Svg.Chat Chat icon @Svg.Chat24 Chat24 icon @Svg.Chat24Duotone Chat24Duotone icon @Svg.Chat24Fill Chat24Fill icon @Svg.Chat32 Chat32 icon @Svg.Chat32Duotone Chat32Duotone icon @Svg.Chat32Fill Chat32Fill icon @Svg.Chat64 Chat64 icon @Svg.Chat64Duotone Chat64Duotone icon @Svg.Chat64Fill Chat64Fill icon @Svg.ChatDuotone ChatDuotone icon @Svg.ChatFill ChatFill icon @Svg.Check Check icon @Svg.Check16 Check16 icon @Svg.Check16Circle Check16Circle icon @Svg.Check16FillCircle Check16FillCircle icon @Svg.Check16FillSquare Check16FillSquare icon @Svg.Check16Square Check16Square icon @Svg.Check24 Check24 icon @Svg.Check24Circle Check24Circle icon @Svg.Check24FillCircle Check24FillCircle icon @Svg.Check24FillSquare Check24FillSquare icon @Svg.Check24Square Check24Square icon @Svg.Check32 Check32 icon @Svg.Check32Circle Check32Circle icon @Svg.Check32FillCircle Check32FillCircle icon @Svg.Check32FillSquare Check32FillSquare icon @Svg.Check32Square Check32Square icon @Svg.CheckCircle CheckCircle icon @Svg.CheckFillCircle CheckFillCircle icon @Svg.CheckFillSquare CheckFillSquare icon @Svg.CheckSquare CheckSquare icon @Svg.Chevron12Down Chevron12Down icon @Svg.Chevron12DownFill Chevron12DownFill icon @Svg.Chevron12DownUp Chevron12DownUp icon @Svg.Chevron12DownUpFill Chevron12DownUpFill icon @Svg.Chevron12Left Chevron12Left icon @Svg.Chevron12LeftFill Chevron12LeftFill icon @Svg.Chevron12Right Chevron12Right icon @Svg.Chevron12RightFill Chevron12RightFill icon @Svg.Chevron12Up Chevron12Up icon @Svg.Chevron12UpDown Chevron12UpDown icon @Svg.Chevron12UpDownFill Chevron12UpDownFill icon @Svg.Chevron12UpFill Chevron12UpFill icon @Svg.Chevron16Down Chevron16Down icon @Svg.Chevron16DownFill Chevron16DownFill icon @Svg.Chevron16DownUp Chevron16DownUp icon @Svg.Chevron16DownUpFill Chevron16DownUpFill icon @Svg.Chevron16Left Chevron16Left icon @Svg.Chevron16LeftFill Chevron16LeftFill icon @Svg.Chevron16Right Chevron16Right icon @Svg.Chevron16RightFill Chevron16RightFill icon @Svg.Chevron16Up Chevron16Up icon @Svg.Chevron16UpDown Chevron16UpDown icon @Svg.Chevron16UpDownFill Chevron16UpDownFill icon @Svg.Chevron16UpFill Chevron16UpFill icon @Svg.ChevronDown ChevronDown icon @Svg.ChevronLeft ChevronLeft icon @Svg.ChevronRight ChevronRight icon @Svg.ChevronUp ChevronUp icon @Svg.Clock Clock icon @Svg.Clock64 Clock64 icon @Svg.Code Code icon @Svg.CodeBox CodeBox icon @Svg.CodeDocument CodeDocument icon @Svg.Comment Comment icon @Svg.Comment16 Comment16 icon @Svg.Comment16Fill Comment16Fill icon @Svg.CommentFill CommentFill icon @Svg.Community Community icon @Svg.CommunityFill CommunityFill icon @Svg.CommunityFillStack CommunityFillStack icon @Svg.CommunityStack CommunityStack icon @Svg.Company Company icon @Svg.Company64 Company64 icon @Svg.CompanyFill CompanyFill icon @Svg.Compose Compose icon @Svg.ComposeComment ComposeComment icon @Svg.ComposeCommentFill ComposeCommentFill icon @Svg.ComposeDocument ComposeDocument icon @Svg.ComposeDocumentFill ComposeDocumentFill icon @Svg.ComposeFill ComposeFill icon @Svg.Cross Cross icon @Svg.Cross16 Cross16 icon @Svg.Cross16Circle Cross16Circle icon @Svg.Cross16FillCircle Cross16FillCircle icon @Svg.Cross16FillSquare Cross16FillSquare icon @Svg.Cross16Square Cross16Square icon @Svg.Cross24 Cross24 icon @Svg.Cross24Circle Cross24Circle icon @Svg.Cross24FillCircle Cross24FillCircle icon @Svg.Cross24FillSquare Cross24FillSquare icon @Svg.Cross24Square Cross24Square icon @Svg.Cross32 Cross32 icon @Svg.Cross32Circle Cross32Circle icon @Svg.Cross32FillCircle Cross32FillCircle icon @Svg.Cross32FillSquare Cross32FillSquare icon @Svg.Cross32Square Cross32Square icon @Svg.CrossCircle CrossCircle icon @Svg.CrossFillCircle CrossFillCircle icon @Svg.CrossFillSquare CrossFillSquare icon @Svg.CrossSquare CrossSquare icon @Svg.Document Document icon @Svg.Document16 Document16 icon @Svg.Document16Fill Document16Fill icon @Svg.Document16Stack Document16Stack icon @Svg.Document16StackFill Document16StackFill icon @Svg.Document32Stack Document32Stack icon @Svg.Document64Stack Document64Stack icon @Svg.DocumentFill DocumentFill icon @Svg.DocumentStack DocumentStack icon @Svg.DocumentStackFill DocumentStackFill icon @Svg.Expert Expert icon @Svg.Expert16 Expert16 icon @Svg.Expert16Fill Expert16Fill icon @Svg.ExpertFill ExpertFill icon @Svg.Eye Eye icon @Svg.Eye16 Eye16 icon @Svg.Eye16Fill Eye16Fill icon @Svg.Eye16FillOff Eye16FillOff icon @Svg.Eye16Off Eye16Off icon @Svg.EyeOff EyeOff icon @Svg.Flag Flag icon @Svg.FlagFill FlagFill icon @Svg.FlagOff FlagOff icon @Svg.FlagOffFill FlagOffFill icon @Svg.Glyph Glyph icon @Svg.Glyph16 Glyph16 icon @Svg.Glyph16Square Glyph16Square icon @Svg.Glyph24 Glyph24 icon @Svg.Glyph24Square Glyph24Square icon @Svg.Glyph32 Glyph32 icon @Svg.Glyph32Square Glyph32Square icon @Svg.Glyph64 Glyph64 icon @Svg.Glyph64Square Glyph64Square icon @Svg.GlyphSquare GlyphSquare icon @Svg....
+
+---
+
+### Page: Spot illustrations
+URL: https://stackoverflow.design/product/foundation/spots/
+Date: 2026-03-24T21:30:16.531Z
+Tags: foundation
+description: Spot illustrations are the slightly grown up version of icons with a little more detail. They’re most often used in empty states and new product announcements. They’re built externally on the <a href="https://github.com/StackExchange/Stacks-Icons">Icons</a> repository.
+
+Content:
+Using the spots helpers Section titled Using the spots helpers Just like icons, spot illustrations are delivered as a Razor helper in Stack Overflow’s production environment, a custom liquid tag in our documentation’s Eleventy site generator, and a JavaScript helper for use in prototypes. Helpers should be used for all spot illustrations in lieu of SVG sprite sheets or static raster image assets. This ensures a single source of truth for all spot illustrations. Basic Section titled Basic &lt;!-- Razor --&gt; @Svg.Spot.Wave &lt;!-- Liquid --&gt; {% spot &quot;Wave&quot; %} &lt;!-- JavaScript Helper --&gt; &lt; svg data-spot = &quot;SpotWave&quot; &gt; &lt;/ svg &gt; Arbitrary classes Section titled Arbitrary classes Spot illustrations can be colored on the fly with support for arbitrary classes. &lt;!-- Razor --&gt; @Svg.Spot.Wave.With(&quot;fc-orange-400 float-right js-dropdown-target&quot;) &lt;!-- Liquid --&gt; {% spot &quot;Wave&quot;, &quot;fc-orange-400 float-right js-dropdown-target&quot; %} &lt;!-- JavaScript Helper --&gt; &lt; svg data-spot = &quot;SpotWave&quot; class = &quot;fc-orange-400 float-right js-dropdown-target&quot; &gt; &lt;/ svg &gt; Spot illustrations Section titled Spot illustrations @Svg.Spot.Ads Ads spot @Svg.Spot.Answers Answers spot @Svg.Spot.Award Award spot @Svg.Spot.Celebrate Celebrate spot @Svg.Spot.Chat Chat spot @Svg.Spot.Checklist Checklist spot @Svg.Spot.Coding Coding spot @Svg.Spot.Conversation Conversation spot @Svg.Spot.Create Create spot @Svg.Spot.Dataset Dataset spot @Svg.Spot.Document Document spot @Svg.Spot.Empty Empty spot @Svg.Spot.Error Error spot @Svg.Spot.Error401 Error401 spot @Svg.Spot.Error404 Error404 spot @Svg.Spot.Error500 Error500 spot @Svg.Spot.Error503 Error503 spot @Svg.Spot.Idea Idea spot @Svg.Spot.Ideas Ideas spot @Svg.Spot.Learning Learning spot @Svg.Spot.Loading Loading spot @Svg.Spot.LoadingGlyph LoadingGlyph spot @Svg.Spot.Lock Lock spot @Svg.Spot.Metrics Metrics spot @Svg.Spot.People People spot @Svg.Spot.Puzzle Puzzle spot @Svg.Spot.Questions Questions spot @Svg.Spot.Search Search spot @Svg.Spot.Server Server spot @Svg.Spot.Support Support spot @Svg.Spot.Validation Validation spot @Svg.Spot.Work Work spot
+
+---
+
+### Page: Theming
+URL: https://stackoverflow.design/product/foundation/theming/
+Date: 2026-03-24T21:30:16.531Z
+Tags: foundation
+description: Stacks provides a robust theming API to handle theming in various contexts.
+
+Content:
+Default theme stops Section titled Default theme stops Stacks provides primary and secondary theme stops that can be overridden in your custom theme. Theme primary theme-primary theme-primary-100 theme-primary-200 theme-primary-300 theme-primary-400 theme-primary-500 theme-primary-600 Theme secondary theme-secondary theme-secondary-100 theme-secondary-200 theme-secondary-300 theme-secondary-400 theme-secondary-500 theme-secondary-600 Theming API Section titled Theming API Programmatic theme generation Section titled Programmatic theme generation Use .create-custom-theme-hsl-variables(@color, @tier, @modeCustom) to create a custom theme. This function generates two sets of CSS variables: 1) independent h/s/l color variables and 2) variables at each colors stop that reference the h/s/l variables. Provide this function the arguments defined below to generate theme colors which will apply across Stacks. Argument Type Default Description @color HSL, hex, or other color value Color to use to generate theme values. @tier primary | secondary primary Color tier to generate. @modeCustom base | dark base The color mode the theme applies to. Format Section titled Format .theme-custom .themed { .create-custom-theme-hsl-variables (hsl( 172 , 37% , 48% ), primary); .create-custom-theme-hsl-variables (hsl( 259 , 29% , 55% ), secondary); .create-custom-theme-hsl-variables (hsl( 201 , 70% , 55% ), primary, dark); .create-custom-theme-hsl-variables (hsl( 270 , 34% , 40% ), secondary, dark); } Example Section titled Example /* Input */ .theme-custom .themed { .create-custom-theme-hsl-variables (hsl( 172 , 37% , 48% ), primary); } /* Output */ .theme-custom .themed { /* HSL variables */ --theme-base-primary-color-h : 172 ; --theme-base-primary-color-s : 37% ; --theme-base-primary-color-l : 48% ; /* Color variables based on HSL variables */ --theme-primary-custom : var (--theme-primary-custom- 400 ); --theme-primary-custom-100 : hsl ( var (--theme-base-primary-color-h), calc ( var (--theme-base-primary-color-s) + 0 * 1% ), clamp ( 70% , calc ( var (--theme-base-primary-color-l) + 50 * 1% ), 95% )); --theme-primary-custom-200 : hsl ( var (--theme-base-primary-color-h), calc ( var (--theme-base-primary-color-s) + 0 * 1% ), clamp ( 55% , calc ( var (--theme-base-primary-color-l) + 35 * 1% ), 90% )); --theme-primary-custom-300 : hsl ( var (--theme-base-primary-color-h), calc ( var (--theme-base-primary-color-s) + 0 * 1% ), clamp ( 35% , calc ( var (--theme-base-primary-color-l) + 15 * 1% ), 75% )); --theme-primary-custom-400 : hsl ( var (--theme-base-primary-color-h), calc ( var (--theme-base-primary-color-s) + 0 * 1% ), clamp ( 20% , calc ( var (--theme-base-primary-color-l) + 0 * 1% ), 60% )); --theme-primary-custom-500 : hsl ( var (--theme-base-primary-color-h), calc ( var (--theme-base-primary-color-s) + 0 * 1% ), clamp ( 15% , calc ( var (--theme-base-primary-color-l) + - 14 * 1% ), 45% )); --theme-primary-custom-600 : hsl ( var (--theme-base-primary-color-h), calc ( var (--theme-base-primary-color-s) + 0 * 1% ), clamp ( 5% , calc ( var (--theme-base-primary-color-l) + - 26 * 1% ), 30% )); } Manual addition of theme variables Section titled Manual addition of theme variables If you need to apply a theme without using the above function, you can do so by manually adding the variables above to your CSS. The most common use for this approach is when the theme needs to change client-side, such as when allowing the user to change and preview a theme dynamically. With this approach, we recommend targeting new h/s/l color variables on a parent element that includes .themed class. Live playground Section titled Live playground HSL Hue Saturation Lightness Loading… theme-primary theme-primary-100 theme-primary-200 theme-primary-300 theme-primary-400 theme-primary-500 theme-primary-600 Theme variables overrides Section titled Theme variables overrides Stacks provides CSS variables for fine grained control of theming. These variables allow you to adjust the theming on specific components and elements, as well as body background and font color. --theme-background-color --theme-body-font-color --theme-button-active-background-color --theme-button-color --theme-button-hover-background-color --theme-button-hover-color --theme-button-outlined-border-color --theme-button-outlined-selected-border-color --theme-button-primary-active-background-color --theme-button-primary-background-color --theme-button-primary-color --theme-button-primary-hover-background-color --theme-button-primary-hover-color --theme-button-primary-number-color --theme-button-primary-selected-background-color --theme-button-primary-selected-color --theme-button-selected-background-color --theme-button-selected-color --theme-link-color --theme-link-color-hover --theme-link-color-visited --theme-post-body-font-family --theme-post-title-color --theme-post-title-color-hover --theme-post-title-color-visited --theme-post-title-font-family --theme-tag-background-color --theme-tag-border-color --theme-tag-color --theme-tag-hover-background-color --theme-tag-hover-border-color --theme-tag-hover-color --theme-tag-required-background-color --theme-tag-required-border-color --theme-tag-required-color --theme-tag-required-hover-background-color --theme-tag-required-hover-border-color --theme-tag-required-hover-color --theme-topbar-height Child theming Section titled Child theming Stacks allows for further theming various portions of a page. You can simply pair the .themed class with an atomic color stop, and a new theming scope. For this example, we’re using a class name of .theme-team-[xxx] with a unique ID appended. &lt; div class = &quot;bg-theme-primary-740&quot; &gt; &lt;/ div &gt; &lt; div class = &quot;themed theme-team-001 bg-theme-primary-400&quot; &gt; &lt;/ div &gt; &lt; div class = &quot;themed theme-team-002 bg-theme-primary-400&quot; &gt; &lt;/ div &gt; &lt; div class = &quot;themed theme-team-003 bg-theme-primary-400&quot; &gt; &lt;/ div &gt; &lt; style &gt; .theme-team-001 { --theme-base-primary-color-h : 349 ; --theme-base-primary-color-s : 81% ; --theme-base-primary-color-l : 58% ; --theme-base-secondary-color-h : 349 ; --theme-base-secondary-color-s : 81% ; --theme-base-secondary-color-l : 58% ; } .theme-team-002 { --theme-base-primary-color-h : 41 ; --theme-base-primary-color-s : 93% ; --theme-base-primary-color-l : 58% ; --theme-base-secondary-color-h : 41 ; --theme-base-secondary-color-s : 93% ; --theme-base-secondary-color-l : 58% ; } .theme-team-003 { --theme-base-primary-color-h : 288 ; --theme-base-primary-color-s : 76% ; --theme-base-primary-color-l : 38% ; --theme-base-secondary-color-h : 288 ; --theme-base-secondary-color-s : 76% ; --theme-base-secondary-color-l : 38% ; /* Override colors for dark mode only */ --theme-dark-primary-color-h : 288 ; --theme-dark-primary-color-s : 45% ; --theme-dark-primary-color-l : 60% ; --theme-dark-secondary-color-h : 288 ; --theme-dark-secondary-color-s : 45% ; --theme-dark-secondary-color-l : 60% ; } &lt;/ style &gt; Default Section titled Default body Subscribe 1 2 Next .themed.theme-team-001 C Subscribe 1 2 Next .themed.theme-team-002 C Subscribe 1 2 Next .themed.theme-team-003 C Subscribe 1 2 Next Light forced Section titled Light forced body .theme-light__forced Subscribe 1 2 Next .theme-light__forced .themed.theme-team-001 C Subscribe 1 2 Next .theme-light__forced .themed.theme-team-002 C Subscribe 1 2 Next .theme-light__forced .themed.theme-team-003 C Subscribe 1 2 Next Dark forced Section titled Dark forced body .theme-dark__forced Subscribe 1 2 Next .theme-dark__forced .themed.theme-team-001 C Subscribe 1 2 Next .theme-dark__forced .themed.theme-team-002 C Subscribe 1 2 Next .theme-dark__forced .themed.theme-team-003 C Subscribe 1 2 Next
+
+---
+
+### Page: Typography
+URL: https://stackoverflow.design/product/foundation/typography/
+Date: 2026-03-24T21:30:16.531Z
+Tags: foundation
+description: Stacks provides atomic classes to override default styling of typography. Change typographic weights, styles, and alignment with these atomic styles.
+
+Content:
+Basic Section titled Basic These styles should only be used as overrides. They shouldn’t replace standard semantic uses of strong or em tags. Basic classes Section titled Basic classes Class Output Definition .fw-normal font-weight: 400; Normal font weight. Maps to 400. .fw-medium font-weight: 500; Medium font weight. Maps to 500. .fw-bold font-weight: 600; Bold font weight. Maps to 600. .fs-normal font-style: normal; Selects the normal font within the font-family. .fs-italic font-style: italic; Selects the italic font within the font-family. .tt-capitalize text-transform: capitalize; The first character in each word is capitalized regardless of markup. .tt-lowercase text-transform: lowercase; All characters are lowercase regardless of markup. .tt-uppercase text-transform: uppercase; All characters are uppercase regardless of markup. .tt-none text-transform: none; Characters in a string remain unchanged. .tt-unset text-transform: unset; Text-transform is unset entirely. .td-underline text-decoration: underline; Text renders with an underline. .td-none text-decoration: none; Text renders without an underline. Basic examples Section titled Basic examples &lt; p class = &quot;fw-normal&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;fw-bold&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;fs-normal&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;fs-italic&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;fs-unset&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;tt-capitalize&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;tt-lowercase&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;tt-uppercase&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;tt-none&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;tt-unset&quot; &gt; … &lt;/ p &gt; &lt; a class = &quot;td-underline&quot; &gt; … &lt;/ a &gt; &lt; a class = &quot;td-none&quot; &gt; … &lt;/ a &gt; Font Weight: Normal Font Weight: Bold Font Style: Normal Font Style: Italic Font Style: Unset Text Transform: Capitalize Text Transform: Lowercase Text Transform: Uppercase Text Transform: None Text Transform: Unset Text Decoration: Underline Text Decoration: None Layout Section titled Layout Layout classes Section titled Layout classes Class Output Definition Responsive? .ta-left text-align: left; Inline contents are aligned to the left edge. .ta-center text-align: center; Inline contents are aligned to the center. .ta-right text-align: right; Inline contents are aligned to the right edge. .ta-justify text-align: justify; Inline contents are justified. Text should be spaced to line up its left and right edges to the left and right edges, except for the last line. .ws-normal white-space: normal; Lines are broken as necessary to fill the parent. .ws-nowrap white-space: nowrap; Text wrapping is disabled. .ws-pre white-space: pre; Whitespace is preserved but text won’t wrap. .ws-pre-wrap white-space: pre-wrap; Whitespace is preserved but text will wrap. New lines are preserved. .ws-pre-line white-space: pre-line; Whitespace is preserved but text will wrap. New lines are collapsed. .ow-normal word-break: normal; Restores overflow wrapping behavior. .ow-anywhere overflow-wrap: anywhere; Breaks a string of characters at any point when no other acceptable break points are available and does not hyphenate the break. .ow-break-word overflow-wrap: break-word; Breaks a word to a new line only if the entire word cannot be placed on its own line without overflowing. .ow-inherit overflow-wrap: inherit; Inherits the parent value. .ow-intial overflow-wrap: intial; Restores the value to the initial value set on the body. .ow-unset overflow-wrap: unset; Unsets any inherited behavior. Does not work in IE. .break-word word-break: break-word; overflow-wrap: break-word; hyphens: auto; A utility class combining all word-break strategies when you absolutely must break a word. .wb-normal word-break: normal; Restores word break behavior. .wb-break-all word-break: break-all; To prevent copy from overflowing its box, breaks should occur between any two characters (excluding Chinese, Japanese, and Korean text) .wb-keep-all word-break: keep-all; Removes word breaks for Chinese, Japanese, and Korean text. All other text behavior is the same as normal. .wb-inherit word-break: inherit; Inherits the parent value. .wb-intial word-break: intial; Restores the value to the initial value set on the body. .wb-unset word-break: unset; Unsets any inherited behavior. Layout examples Section titled Layout examples &lt; p class = &quot;ta-left&quot; &gt; Text align: Left &lt;/ p &gt; &lt; p class = &quot;ta-center&quot; &gt; Text align: Center &lt;/ p &gt; &lt; p class = &quot;ta-right&quot; &gt; Text align: Right &lt;/ p &gt; &lt; p class = &quot;ta-justify&quot; &gt; Justify: … &lt;/ p &gt; &lt; p class = &quot;ta-unset&quot; &gt; Text align: Unset &lt;/ p &gt; &lt; p class = &quot;ws-normal&quot; &gt; White-space: Normal &lt;/ p &gt; &lt; p class = &quot;ws-nowrap&quot; &gt; White-space: Nowrap &lt;/ p &gt; &lt; p class = &quot;ws-pre&quot; &gt; White-space: Pre &lt;/ p &gt; &lt; p class = &quot;ws-pre-wrap&quot; &gt; White-space: Pre-wrap &lt;/ p &gt; &lt; p class = &quot;ws-pre-line&quot; &gt; White-space: Pre-line &lt;/ p &gt; &lt; p class = &quot;ws-unset&quot; &gt; White-space: Unset &lt;/ p &gt; &lt; p class = &quot;break-word&quot; &gt; Break word &lt;/ p &gt; &lt; p class = &quot;truncate&quot; &gt; Truncate: … &lt;/ p &gt; Text Align: Left Text Align: Center Text Align: Right Text Align: Justify — Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Text Align: Unset White-space: Normal White-space: Nowrap White-space: Pre White-space: Pre-wrap White-space: Pre-line White-space: Unset Break word: MethionylglutaminylarginylhionylglutaminylargintyrosylglutamylmethionylglutaminylarginyltyrlarginyltyrosylglutamylMethionylglutaminylarginyltyrosylglutamylnyltyrosylserinemethionylglutaminylargiglutamylmethionyosylglutamylmethionylglutaminylglutaminylarginyltyrosylglutamylmethionylglutaminylarginyltyrosylglutamylmetyltyrosylglutamylserine Fonts Section titled Fonts &lt; p class = &quot;ff-sans&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;ff-serif&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;ff-mono&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;ff-inherit&quot; &gt; … &lt;/ p &gt; Sans Serif -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" Serif Georgia, Cambria, "Times New Roman", Times, serif Monospace "SF Mono", SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace Sizes Section titled Sizes Fonts larger than .fs-body1 are reduced in size at the smallest responsive breakpoint. .fs-body1 or smaller remain fixed at their initial pixel values. Size classes Section titled Size classes Class Size Line Height Responsive Size .fs-fine 12px 1.36 12px .fs-caption 13px 1.40 13px .fs-body1 14px 1.40 14px .fs-body2 16px 1.40 15px .fs-body3 18px 1.40 16px .fs-subheading 20px 1.40 18px .fs-title 22px 1.40 20px .fs-headline1 28px 1.40 23px .fs-headline2 36px 1.40 26px .fs-display1 46px 1.34 29px .fs-display2 58px 1.28 34px .fs-display3 72px 1.20 37px .fs-display4 100px 1.18 43px Size examples Section titled Size examples &lt; p class = &quot;fs-fine&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;fs-caption&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;fs-body1&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;fs-body2&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;fs-body3&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;fs-subheading&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;fs-title&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;fs-headline1&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;fs-headline2&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;fs-display1&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;fs-display2&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;fs-display3&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;fs-display4&quot; &gt; … &lt;/ p &gt; Fine Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Caption Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Body 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Body 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Body 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Subheading Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat....
+
+---
+
+### Page: Colors
+URL: https://stackoverflow.design/product/foundation/colors/
+Date: 2026-03-25T21:24:55.627Z
+Tags: foundation
+description: To avoid specifying color values by hand, we’ve included a robust set of color variables. For maintainability, please use these instead of hardcoding color values.
+
+Content:
+Stops Section titled Stops Theme primary theme-primary theme-primary-100 theme-primary-200 theme-primary-300 theme-primary-400 theme-primary-500 theme-primary-600 Theme secondary theme-secondary theme-secondary-100 theme-secondary-200 theme-secondary-300 theme-secondary-400 theme-secondary-500 theme-secondary-600 Orange orange-100 orange-200 orange-300 orange-400 orange-500 orange-600 Blue blue-100 blue-200 blue-300 blue-400 blue-500 blue-600 Green green-100 green-200 green-300 green-400 green-500 green-600 Red red-100 red-200 red-300 red-400 red-500 red-600 Yellow yellow-100 yellow-200 yellow-300 yellow-400 yellow-500 yellow-600 Purple purple-100 purple-200 purple-300 purple-400 purple-500 purple-600 Pink pink-100 pink-200 pink-300 pink-400 pink-500 pink-600 Black black-050 black-100 black-150 black-200 black-225 black-250 black-300 black-350 black-400 black-500 black-600 black White white Brand Section titled Brand Please see the brand guidlines for color use , these should not be used without prior direction from the brand team. brand brand-black brand-off-white brand-blue-light brand-blue brand-blue-dark brand-brown-light brand-green brand-green-dark brand-orange-medium brand-orange-dark brand-pink brand-pink-dark brand-purple brand-purple-dark brand-yellow brand-yellow-dark Classes Section titled Classes Each color stop is available as an atomic text, background, and border class. Using these atomic classes means your view will respond to dark mode appropriately. These colors are available conditionally . Theme primary Section titled Theme primary Text Background Border .fc-theme-primary .bg-theme-primary .bc-theme-primary .fc-theme-primary-100 .bg-theme-primary-100 .bc-theme-primary-100 .fc-theme-primary-200 .bg-theme-primary-200 .bc-theme-primary-200 .fc-theme-primary-300 .bg-theme-primary-300 .bc-theme-primary-300 .fc-theme-primary-400 .bg-theme-primary-400 .bc-theme-primary-400 .fc-theme-primary-500 .bg-theme-primary-500 .bc-theme-primary-500 .fc-theme-primary-600 .bg-theme-primary-600 .bc-theme-primary-600 Theme secondary Section titled Theme secondary Text Background Border .fc-theme-secondary .bg-theme-secondary .bc-theme-secondary .fc-theme-secondary-100 .bg-theme-secondary-100 .bc-theme-secondary-100 .fc-theme-secondary-200 .bg-theme-secondary-200 .bc-theme-secondary-200 .fc-theme-secondary-300 .bg-theme-secondary-300 .bc-theme-secondary-300 .fc-theme-secondary-400 .bg-theme-secondary-400 .bc-theme-secondary-400 .fc-theme-secondary-500 .bg-theme-secondary-500 .bc-theme-secondary-500 .fc-theme-secondary-600 .bg-theme-secondary-600 .bc-theme-secondary-600 Orange Section titled Orange Text Background Border .fc-orange-100 .bg-orange-100 .bc-orange-100 .fc-orange-200 .bg-orange-200 .bc-orange-200 .fc-orange-300 .bg-orange-300 .bc-orange-300 .fc-orange-400 .bg-orange-400 .bc-orange-400 .fc-orange-500 .bg-orange-500 .bc-orange-500 .fc-orange-600 .bg-orange-600 .bc-orange-600 Blue Section titled Blue Text Background Border .fc-blue-100 .bg-blue-100 .bc-blue-100 .fc-blue-200 .bg-blue-200 .bc-blue-200 .fc-blue-300 .bg-blue-300 .bc-blue-300 .fc-blue-400 .bg-blue-400 .bc-blue-400 .fc-blue-500 .bg-blue-500 .bc-blue-500 .fc-blue-600 .bg-blue-600 .bc-blue-600 Green Section titled Green Text Background Border .fc-green-100 .bg-green-100 .bc-green-100 .fc-green-200 .bg-green-200 .bc-green-200 .fc-green-300 .bg-green-300 .bc-green-300 .fc-green-400 .bg-green-400 .bc-green-400 .fc-green-500 .bg-green-500 .bc-green-500 .fc-green-600 .bg-green-600 .bc-green-600 Red Section titled Red Text Background Border .fc-red-100 .bg-red-100 .bc-red-100 .fc-red-200 .bg-red-200 .bc-red-200 .fc-red-300 .bg-red-300 .bc-red-300 .fc-red-400 .bg-red-400 .bc-red-400 .fc-red-500 .bg-red-500 .bc-red-500 .fc-red-600 .bg-red-600 .bc-red-600 Yellow Section titled Yellow Text Background Border .fc-yellow-100 .bg-yellow-100 .bc-yellow-100 .fc-yellow-200 .bg-yellow-200 .bc-yellow-200 .fc-yellow-300 .bg-yellow-300 .bc-yellow-300 .fc-yellow-400 .bg-yellow-400 .bc-yellow-400 .fc-yellow-500 .bg-yellow-500 .bc-yellow-500 .fc-yellow-600 .bg-yellow-600 .bc-yellow-600 Purple Section titled Purple Text Background Border .fc-purple-100 .bg-purple-100 .bc-purple-100 .fc-purple-200 .bg-purple-200 .bc-purple-200 .fc-purple-300 .bg-purple-300 .bc-purple-300 .fc-purple-400 .bg-purple-400 .bc-purple-400 .fc-purple-500 .bg-purple-500 .bc-purple-500 .fc-purple-600 .bg-purple-600 .bc-purple-600 Pink Section titled Pink Text Background Border .fc-pink-100 .bg-pink-100 .bc-pink-100 .fc-pink-200 .bg-pink-200 .bc-pink-200 .fc-pink-300 .bg-pink-300 .bc-pink-300 .fc-pink-400 .bg-pink-400 .bc-pink-400 .fc-pink-500 .bg-pink-500 .bc-pink-500 .fc-pink-600 .bg-pink-600 .bc-pink-600 Black Section titled Black Text Background Border .fc-black-050 .bg-black-050 .bc-black-050 .fc-black-100 .bg-black-100 .bc-black-100 .fc-black-150 .bg-black-150 .bc-black-150 .fc-black-200 .bg-black-200 .bc-black-200 .fc-black-225 .bg-black-225 .bc-black-225 .fc-black-250 .bg-black-250 .bc-black-250 .fc-black-300 .bg-black-300 .bc-black-300 .fc-black-350 .bg-black-350 .bc-black-350 .fc-black-400 .bg-black-400 .bc-black-400 .fc-black-500 .bg-black-500 .bc-black-500 .fc-black-600 .bg-black-600 .bc-black-600 .fc-black-600 .bg-black-600 .bc-black-600 White Section titled White Text Background Border .fc-white .bg-white .bc-white Aliases Section titled Aliases Body text Section titled Body text &lt; p class = &quot;fc-light&quot; &gt; … &lt;/ p &gt; &lt; p class = &quot;fc-medium&quot; &gt; … &lt;/ p &gt; &lt; p &gt; … &lt;/ p &gt; &lt; p class = &quot;fc-dark&quot; &gt; … &lt;/ p &gt; Text classes Example .fc-light This is example light text. .fc-medium This is example medium text. .fc-dark This is example dark text. Danger Section titled Danger Text classes Background classes Border Classes .fc-danger .bg-danger .bc-danger Error Section titled Error Text classes Background classes Border Classes .fc-error .bg-error .bc-error Warning Section titled Warning Text classes Background classes Border Classes .fc-warning .bg-warning .bc-warning Success Section titled Success Text classes Background classes Border Classes .fc-success .bg-success .bc-success
+
+---
+
diff --git a/packages/stacks-docs-next/svelte.config.js b/packages/stacks-docs-next/svelte.config.js
index 786a9a83e7..1015bce0e6 100644
--- a/packages/stacks-docs-next/svelte.config.js
+++ b/packages/stacks-docs-next/svelte.config.js
@@ -37,8 +37,29 @@ const config = {
                 extractToc,
                 exposeToc,
                 rehypeSectionize,
-                [rehypeAutolinkHeadings, { behavior: "wrap" }],
+                [rehypeAutolinkHeadings, {
+                    behavior: "append",
+                    properties: { className: ["docs-heading-anchor"], ariaHidden: "true", tabIndex: -1 },
+                    content: {
+                        type: "element",
+                        tagName: "svg",
+                        properties: {
+                            width: "20",
+                            height: "20",
+                            viewBox: "0 0 20 20",
+                            className: ["svg-icon", "IconLink"],
+                            ariaHidden: "true",
+                        },
+                        children: [{
+                            type: "element",
+                            tagName: "path",
+                            properties: { d: "M8.93 6.81a5 5 0 0 1 3.56 1.95l-1.2.9a3.4 3.4 0 0 0-5.11-.37L3.7 11.77l-.11.12a3.4 3.4 0 0 0 4.9 4.67l1.41-1.4 1.06 1.05-1.42 1.43a4.9 4.9 0 0 1-6.92-6.92h.01l2.49-2.49a5 5 0 0 1 3.8-1.42m5.44-5.75a4.9 4.9 0 0 1 3.48 8.29l-2.5 2.5a4.9 4.9 0 0 1-7.37-.54l1.2-.9a3.4 3.4 0 0 0 5.11.37l2.48-2.47a3.4 3.4 0 0 0-4.8-4.8l-1.41 1.4-.53-.52-.53-.53 1.42-1.42h.01a5 5 0 0 1 3.44-1.38" },
+                            children: [],
+                        }],
+                    },
+                }],
                 addTableClasses,
+                addDocClasses,
             ],
         }),
     ],
@@ -48,7 +69,6 @@ const config = {
             $src: "src",
             $components: "src/components",
             $docs: "src/docs",
-            $data: "../stacks-docs/_data",
         },
     },
     extensions: [".svelte", ".md"],
@@ -67,6 +87,45 @@ function exposeToc() {
     };
 }
 
+// Custom plugin to add individual docs-* classes to generated elements.
+// These replace the old .doc X descendant-selector pattern so each element
+// carries its own class and does not depend on a parent .doc wrapper.
+function addDocClasses() {
+    return function (tree) {
+        visit(tree, "element", (node) => {
+            node.properties = node.properties || {};
+            const existing = Array.isArray(node.properties.className)
+                ? node.properties.className
+                : node.properties.className
+                    ? [node.properties.className]
+                    : [];
+
+            const add = (...names) => {
+                node.properties.className = [...existing, ...names];
+            };
+
+            switch (node.tagName) {
+                case "h2": add("docs-heading", "docs-h2"); break;
+                case "h3": add("docs-heading", "docs-h3"); break;
+                case "h4": add("docs-heading", "docs-h4"); break;
+                case "p":       add("docs-copy"); break;
+                case "ol":      add("docs-copy"); break;
+                case "section": add("docs-section"); break;
+                case "ul":  add("docs-ul");  break;
+                case "li":  add("docs-li");  break;
+                case "nav": add("docs-nav"); break;
+                case "img": add("docs-img"); break;
+                case "iframe": add("docs-iframe"); break;
+                case "a":
+                    if (!existing.includes("docs-heading-anchor")) {
+                        add("docs-link");
+                    }
+                    break;
+            }
+        });
+    };
+}
+
 // Custom plugin to add Stacks classes to tables
 function addTableClasses() {
     return function (tree) {
diff --git a/packages/stacks-svelte/src/components/Pagination/Pagination.svelte b/packages/stacks-svelte/src/components/Pagination/Pagination.svelte
index 83c5823c2a..7855a0ad4d 100644
--- a/packages/stacks-svelte/src/components/Pagination/Pagination.svelte
+++ b/packages/stacks-svelte/src/components/Pagination/Pagination.svelte
@@ -15,7 +15,7 @@
     let { i18nNavigationLabel = "Pagination", children }: Props = $props();
 </script>
 
-<nav aria-label={i18nNavigationLabel} class="pl24">
+<nav aria-label={i18nNavigationLabel}>
     <ul class="list-reset s-pagination">
         {@render children?.()}
     </ul>