@pnx-mixtape/mxds 0.0.5 → 0.0.6

package/dist/build/in-page-navigation.entry.js

@@ -0,0 +1,89 @@
+import { m as makeAnchor, c as createElement } from "./chunks/utilities-B4YZb689.js";
+class InPageNavigation extends HTMLElement {
+  constructor() {
+    super();
+    this.handleClick = (target) => {
+      this.active = this.items.find((item) => item.link === target);
+      if (!this.links || !this.active) return;
+      this.links.forEach((link) => link.classList.remove("is-active"));
+      this.active.link.classList.add("is-active");
+    };
+    this.internals_ = this.attachInternals();
+    this.controller = new AbortController();
+    this.headingLevels = this.dataset?.headings || "h2";
+    this.items = [];
+  }
+  connectedCallback() {
+    if (!this.menu || !this.headings) return;
+    this.headings.forEach((heading) => {
+      const listItem = this.generateListItem(heading);
+      const link = this.generateAnchor(heading);
+      this.items.push({ link, heading });
+      listItem.appendChild(link);
+      this.menu?.appendChild(listItem);
+    });
+    const { signal } = this.controller;
+    this.menu.addEventListener(
+      "click",
+      (e) => {
+        const { target } = e;
+        if (!(target instanceof HTMLAnchorElement)) return;
+        this.handleClick(target);
+      },
+      {
+        signal
+      }
+    );
+  }
+  disconnectedCallback() {
+    if (!this.menu || !this.headings) return;
+    this.menu.textContent = "";
+    this.items = [];
+    this.controller.abort();
+  }
+  get menu() {
+    const menu = this.querySelector("ul, ol");
+    if (!menu) {
+      throw new Error(`${this.localName} must contain a <ul> or <ol> element.`);
+    }
+    return menu;
+  }
+  get container() {
+    const selector = this.getAttribute("data-content");
+    if (!selector) {
+      throw new Error(
+        `${this.localName} must have a [data-content] attribute that contains the content selector.`
+      );
+    }
+    return this.closest(selector) || this.parentElement.querySelector(selector);
+  }
+  get headings() {
+    return this.container?.querySelectorAll(this.headingLevels);
+  }
+  get links() {
+    return this.menu?.querySelectorAll("a");
+  }
+  generatedId(heading) {
+    const string = heading?.textContent?.trim();
+    return !string ? "" : makeAnchor(string);
+  }
+  generateAnchor(heading) {
+    const { textContent, id } = heading;
+    const linkText = heading.getAttribute("data-in-page-navigation-title") || textContent;
+    const targetID = id || this.generatedId(heading);
+    if (!id) heading.id = targetID;
+    const item = createElement(
+      `<a href="#${targetID}" class="icon icon--chevron-right">${linkText}</a>`
+    );
+    return item;
+  }
+  generateListItem(heading) {
+    const { tagName } = heading;
+    const item = createElement(
+      `<li class="in-page-navigation__level--${tagName.toLowerCase()}"></li>`
+    );
+    return item;
+  }
+}
+customElements.define("mx-in-page-navigation", InPageNavigation);
+//# sourceMappingURL=in-page-navigation.entry.js.map

package/dist/build/in-page-navigation.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"in-page-navigation.entry.js","sources":["../../src/Component/InPageNavigation/Elements/InPageNavigation.ts"],"sourcesContent":["/**\n * DialogBase\n * @file Support opening/closing, and adding a scroll lock to the body.\n */\n\nimport { makeAnchor, createElement } from \"../../../Utility/utilities\"\n\nexport default class InPageNavigation extends HTMLElement {\n  internals_: ElementInternals\n  controller: AbortController\n  headingLevels: string\n  items: { link: HTMLAnchorElement; heading: HTMLHeadingElement }[]\n  active: { link: HTMLAnchorElement; heading: HTMLHeadingElement } | undefined\n\n  constructor() {\n    super()\n    this.internals_ = this.attachInternals()\n    this.controller = new AbortController()\n    this.headingLevels = this.dataset?.headings || \"h2\"\n    this.items = []\n  }\n\n  connectedCallback(): void {\n    if (!this.menu || !this.headings) return\n\n    this.headings.forEach((heading: HTMLHeadingElement) => {\n      const listItem: HTMLLIElement = this.generateListItem(heading)\n      const link: HTMLAnchorElement = this.generateAnchor(heading)\n      this.items.push({ link, heading })\n      listItem.appendChild(link)\n      this.menu?.appendChild(listItem)\n    })\n\n    const { signal }: AbortController = this.controller\n\n    // Open on toggle click.\n    this.menu.addEventListener(\n      \"click\",\n      (e: MouseEvent): void => {\n        const { target } = e\n        if (!(target instanceof HTMLAnchorElement)) return\n        this.handleClick(target)\n      },\n      {\n        signal,\n      },\n    )\n  }\n\n  disconnectedCallback(): void {\n    if (!this.menu || !this.headings) return\n    this.menu.textContent = \"\"\n    this.items = []\n    this.controller.abort()\n  }\n\n  handleClick = (target: EventTarget | null): void => {\n    this.active = this.items.find(item => item.link === target)\n    if (!this.links || !this.active) return\n    this.links.forEach(link => link.classList.remove(\"is-active\"))\n    this.active.link.classList.add(\"is-active\")\n  }\n\n  get menu(): HTMLUListElement | HTMLOListElement | null {\n    const menu: HTMLUListElement | HTMLOListElement | null =\n      this.querySelector(\"ul, ol\")\n    if (!menu) {\n      throw new Error(`${this.localName} must contain a <ul> or <ol> element.`)\n    }\n    return menu\n  }\n\n  get container(): HTMLElement | null {\n    const selector: string | null = this.getAttribute(\"data-content\")\n    if (!selector) {\n      throw new Error(\n        `${this.localName} must have a [data-content] attribute that contains the content selector.`,\n      )\n    }\n    return this.closest(selector) || this.parentElement.querySelector(selector)\n  }\n\n  get headings(): NodeListOf<HTMLHeadingElement> | undefined {\n    return this.container?.querySelectorAll(this.headingLevels)\n  }\n\n  get links(): NodeListOf<HTMLAnchorElement> | undefined {\n    return this.menu?.querySelectorAll(\"a\")\n  }\n\n  generatedId(heading: HTMLHeadingElement): string {\n    const string: string | undefined = heading?.textContent?.trim()\n    return !string ? \"\" : makeAnchor(string)\n  }\n\n  generateAnchor(heading: HTMLHeadingElement): HTMLAnchorElement {\n    const { textContent, id } = heading\n    const linkText: string | null =\n      heading.getAttribute(\"data-in-page-navigation-title\") || textContent\n    const targetID: string = id || this.generatedId(heading)\n    if (!id) heading.id = targetID\n    const item: Element = createElement(\n      `<a href=\"#${targetID}\" class=\"icon icon--chevron-right\">${linkText}</a>`,\n    )\n\n    return item as HTMLAnchorElement\n  }\n\n  generateListItem(heading: HTMLHeadingElement): HTMLLIElement {\n    const { tagName } = heading\n    const item: Element = createElement(\n      `<li class=\"in-page-navigation__level--${tagName.toLowerCase()}\"></li>`,\n    )\n\n    return item as HTMLLIElement\n  }\n}\n\ncustomElements.define(\"mx-in-page-navigation\", InPageNavigation)\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"mx-in-page-navigation\": InPageNavigation\n  }\n}\n"],"names":[],"mappings":";AAOA,MAAqB,yBAAyB,YAAY;AAAA,EAOxD,cAAc;AACN;AAyCR,SAAA,cAAc,CAAC,WAAqC;AAClD,WAAK,SAAS,KAAK,MAAM,KAAK,CAAQ,SAAA,KAAK,SAAS,MAAM;AAC1D,UAAI,CAAC,KAAK,SAAS,CAAC,KAAK,OAAQ;AACjC,WAAK,MAAM,QAAQ,CAAA,SAAQ,KAAK,UAAU,OAAO,WAAW,CAAC;AAC7D,WAAK,OAAO,KAAK,UAAU,IAAI,WAAW;AAAA,IAAA;AA5CrC,SAAA,aAAa,KAAK;AAClB,SAAA,aAAa,IAAI;AACjB,SAAA,gBAAgB,KAAK,SAAS,YAAY;AAC/C,SAAK,QAAQ;EACf;AAAA,EAEA,oBAA0B;AACxB,QAAI,CAAC,KAAK,QAAQ,CAAC,KAAK,SAAU;AAE7B,SAAA,SAAS,QAAQ,CAAC,YAAgC;AAC/C,YAAA,WAA0B,KAAK,iBAAiB,OAAO;AACvD,YAAA,OAA0B,KAAK,eAAe,OAAO;AAC3D,WAAK,MAAM,KAAK,EAAE,MAAM,QAAS,CAAA;AACjC,eAAS,YAAY,IAAI;AACpB,WAAA,MAAM,YAAY,QAAQ;AAAA,IAAA,CAChC;AAEK,UAAA,EAAE,OAAO,IAAqB,KAAK;AAGzC,SAAK,KAAK;AAAA,MACR;AAAA,MACA,CAAC,MAAwB;AACjB,cAAA,EAAE,OAAW,IAAA;AACf,YAAA,EAAE,kBAAkB,mBAAoB;AAC5C,aAAK,YAAY,MAAM;AAAA,MACzB;AAAA,MACA;AAAA,QACE;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEA,uBAA6B;AAC3B,QAAI,CAAC,KAAK,QAAQ,CAAC,KAAK,SAAU;AAClC,SAAK,KAAK,cAAc;AACxB,SAAK,QAAQ;AACb,SAAK,WAAW;EAClB;AAAA,EASA,IAAI,OAAmD;AAC/C,UAAA,OACJ,KAAK,cAAc,QAAQ;AAC7B,QAAI,CAAC,MAAM;AACT,YAAM,IAAI,MAAM,GAAG,KAAK,SAAS,uCAAuC;AAAA,IAC1E;AACO,WAAA;AAAA,EACT;AAAA,EAEA,IAAI,YAAgC;AAC5B,UAAA,WAA0B,KAAK,aAAa,cAAc;AAChE,QAAI,CAAC,UAAU;AACb,YAAM,IAAI;AAAA,QACR,GAAG,KAAK,SAAS;AAAA,MAAA;AAAA,IAErB;AACA,WAAO,KAAK,QAAQ,QAAQ,KAAK,KAAK,cAAc,cAAc,QAAQ;AAAA,EAC5E;AAAA,EAEA,IAAI,WAAuD;AACzD,WAAO,KAAK,WAAW,iBAAiB,KAAK,aAAa;AAAA,EAC5D;AAAA,EAEA,IAAI,QAAmD;AAC9C,WAAA,KAAK,MAAM,iBAAiB,GAAG;AAAA,EACxC;AAAA,EAEA,YAAY,SAAqC;AACzC,UAAA,SAA6B,SAAS,aAAa,KAAK;AAC9D,WAAO,CAAC,SAAS,KAAK,WAAW,MAAM;AAAA,EACzC;AAAA,EAEA,eAAe,SAAgD;AACvD,UAAA,EAAE,aAAa,GAAO,IAAA;AAC5B,UAAM,WACJ,QAAQ,aAAa,+BAA+B,KAAK;AAC3D,UAAM,WAAmB,MAAM,KAAK,YAAY,OAAO;AACnD,QAAA,CAAC,GAAI,SAAQ,KAAK;AACtB,UAAM,OAAgB;AAAA,MACpB,aAAa,QAAQ,sCAAsC,QAAQ;AAAA,IAAA;AAG9D,WAAA;AAAA,EACT;AAAA,EAEA,iBAAiB,SAA4C;AACrD,UAAA,EAAE,QAAY,IAAA;AACpB,UAAM,OAAgB;AAAA,MACpB,yCAAyC,QAAQ,YAAA,CAAa;AAAA,IAAA;AAGzD,WAAA;AAAA,EACT;AACF;AAEA,eAAe,OAAO,yBAAyB,gBAAgB;"}

package/dist/build/link-list.css

@@ -0,0 +1,72 @@
+/**
+ * Link List
+ */
+
+@layer design-system.components {
+  .mx-link-list {
+    list-style-type: none;
+    padding-inline-start: 0;
+  }
+
+    .mx-link-list a {
+      display: block;
+      text-decoration-line: none;
+      color: inherit;
+    }
+
+      .mx-link-list a:hover {
+        text-decoration-line: underline;
+      }
+
+    .mx-link-list li {
+      min-block-size: var(--min-height, var(--spacing-xl));
+      border-block-end: 1px solid
+        var(--line-colour, var(--colour-border));
+      border-block-end: var(--line-width, 1px) solid
+        var(--line-colour, var(--colour-border));
+    }
+
+      .mx-link-list li:last-child {
+        border-block-end: 0;
+      }
+
+    .mx-link-list .mx-icon {
+      position: relative;
+      display: flex;
+      align-items: center;
+      padding-block: var(--spacing-xxxs);
+      inline-size: 100%;
+      gap: var(--spacing-s);
+    }
+
+      .mx-link-list .mx-icon::before {
+        flex: 0 0 auto;
+        -webkit-mask-position: left center;
+                mask-position: left center;
+      }
+
+    .mx-link-list:where(:not(.mx-link-list--reverse)) .mx-icon {
+      justify-content: space-between;
+    }
+
+      .mx-link-list:where(:not(.mx-link-list--reverse)) .mx-icon::before {
+        -webkit-mask-position: right center;
+                mask-position: right center;
+        order: 2;
+      }
+    [dir="rtl"] .mx-link-list .mx-icon::before, .translated-rtl .mx-link-list .mx-icon::before {
+      -webkit-mask-position: left center;
+              mask-position: left center;
+    }
+
+    [dir="rtl"] .mx-link-list.mx-link-list--reverse .mx-icon::before, .translated-rtl .mx-link-list.mx-link-list--reverse .mx-icon::before {
+      -webkit-mask-position: right center;
+              mask-position: right center;
+    }
+
+  * + .mx-link-list {
+    margin-block-start: var(--spacing-m);
+  }
+}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxpbmstbGlzdC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLHFCQUFxQjtJQUNyQix1QkFBdUI7RUE0Q3pCOztJQTFDRTtNQUNFLGNBQWM7TUFDZCwwQkFBMEI7TUFDMUIsY0FBYztJQUtoQjs7TUFIRTtRQUNFLCtCQUErQjtNQUNqQzs7SUFHRjtNQUNFLG9EQUFvRDtNQUNwRDtnREFDMEM7TUFEMUM7Z0RBQzBDO0lBSzVDOztNQUhFO1FBQ0UsbUJBQW1CO01BQ3JCOztJQUdGO01BQ0Usa0JBQWtCO01BQ2xCLGFBQWE7TUFDYixtQkFBbUI7TUFDbkIsa0NBQWtDO01BQ2xDLGlCQUFpQjtNQUNqQixxQkFBcUI7SUFNdkI7O01BSkU7UUFDRSxjQUFjO1FBQ2Qsa0NBQTBCO2dCQUExQiwwQkFBMEI7TUFDNUI7O0lBR0Y7TUFDRSw4QkFBOEI7SUFNaEM7O01BSkU7UUFDRSxtQ0FBMkI7Z0JBQTNCLDJCQUEyQjtRQUMzQixRQUFRO01BQ1Y7SUFNRjtNQUNFLGtDQUEwQjtjQUExQiwwQkFBMEI7SUFDNUI7O0lBRUE7TUFDRSxtQ0FBMkI7Y0FBM0IsMkJBQTJCO0lBQzdCOztFQUdGO0lBQ0Usb0NBQW9DO0VBQ3RDO0FBQ0YiLCJmaWxlIjoibGluay1saXN0LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogTGluayBMaXN0XG4gKi9cblxuQGxheWVyIGRlc2lnbi1zeXN0ZW0uY29tcG9uZW50cyB7XG4gIC5teC1saW5rLWxpc3Qge1xuICAgIGxpc3Qtc3R5bGUtdHlwZTogbm9uZTtcbiAgICBwYWRkaW5nLWlubGluZS1zdGFydDogMDtcblxuICAgICYgYSB7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIHRleHQtZGVjb3JhdGlvbi1saW5lOiBub25lO1xuICAgICAgY29sb3I6IGluaGVyaXQ7XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb24tbGluZTogdW5kZXJsaW5lO1xuICAgICAgfVxuICAgIH1cblxuICAgICYgbGkge1xuICAgICAgbWluLWJsb2NrLXNpemU6IHZhcigtLW1pbi1oZWlnaHQsIHZhcigtLXNwYWNpbmcteGwpKTtcbiAgICAgIGJvcmRlci1ibG9jay1lbmQ6IHZhcigtLWxpbmUtd2lkdGgsIDFweCkgc29saWRcbiAgICAgICAgdmFyKC0tbGluZS1jb2xvdXIsIHZhcigtLWNvbG91ci1ib3JkZXIpKTtcblxuICAgICAgJjpsYXN0LWNoaWxkIHtcbiAgICAgICAgYm9yZGVyLWJsb2NrLWVuZDogMDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIC5teC1pY29uIHtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgcGFkZGluZy1ibG9jazogdmFyKC0tc3BhY2luZy14eHhzKTtcbiAgICAgIGlubGluZS1zaXplOiAxMDAlO1xuICAgICAgZ2FwOiB2YXIoLS1zcGFjaW5nLXMpO1xuXG4gICAgICAmOjpiZWZvcmUge1xuICAgICAgICBmbGV4OiAwIDAgYXV0bztcbiAgICAgICAgbWFzay1wb3NpdGlvbjogbGVmdCBjZW50ZXI7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJjp3aGVyZSg6bm90KC5teC1saW5rLWxpc3QtLXJldmVyc2UpKSAubXgtaWNvbiB7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cbiAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgIG1hc2stcG9zaXRpb246IHJpZ2h0IGNlbnRlcjtcbiAgICAgICAgb3JkZXI6IDI7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgW2Rpcj1cInJ0bFwiXSAubXgtbGluay1saXN0LFxuICAudHJhbnNsYXRlZC1ydGwgLm14LWxpbmstbGlzdCB7XG4gICAgJiAubXgtaWNvbjo6YmVmb3JlIHtcbiAgICAgIG1hc2stcG9zaXRpb246IGxlZnQgY2VudGVyO1xuICAgIH1cblxuICAgICYubXgtbGluay1saXN0LS1yZXZlcnNlIC5teC1pY29uOjpiZWZvcmUge1xuICAgICAgbWFzay1wb3NpdGlvbjogcmlnaHQgY2VudGVyO1xuICAgIH1cbiAgfVxuXG4gICogKyAubXgtbGluay1saXN0IHtcbiAgICBtYXJnaW4tYmxvY2stc3RhcnQ6IHZhcigtLXNwYWNpbmctbSk7XG4gIH1cbn1cbiJdfQ== */

package/dist/build/masthead.css

@@ -0,0 +1,39 @@
+/**
+ * Masthead
+ */
+
+@layer design-system.layouts {
+    .masthead .flex {
+      justify-content: space-between;
+      align-items: center;
+      padding-block: var(--secondary-gap, var(--spacing-xxs));
+      padding-inline: 0;
+    }
+
+      .masthead .flex::after {
+        display: none;
+      }
+
+  .masthead__nav {
+    display: none;
+  }
+
+    @media (min-width: 720px) {
+
+  .masthead__nav {
+      display: inline-block;
+  }
+    }
+
+    .masthead__nav ul {
+      margin: auto;
+    }
+}
+
+@media print {
+  .masthead {
+    display: none;
+  }
+}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1hc3RoZWFkLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7RUFFRTs7QUFFRjtJQUVJO01BQ0UsOEJBQThCO01BQzlCLG1CQUFtQjtNQUNuQix1REFBdUQ7TUFDdkQsaUJBQWlCO0lBS25COztNQUhFO1FBQ0UsYUFBYTtNQUNmOztFQUlKO0lBQ0UsYUFBYTtFQVNmOztJQVBFOztFQUhGO01BSUkscUJBQXFCO0VBTXpCO0lBTEU7O0lBRUE7TUFDRSxZQUFZO0lBQ2Q7QUFFSjs7QUFFQTtFQUNFO0lBQ0UsYUFBYTtFQUNmO0FBQ0YiLCJmaWxlIjoibWFzdGhlYWQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBNYXN0aGVhZFxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmxheW91dHMge1xuICAubWFzdGhlYWQge1xuICAgICYgLmZsZXgge1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIHBhZGRpbmctYmxvY2s6IHZhcigtLXNlY29uZGFyeS1nYXAsIHZhcigtLXNwYWNpbmcteHhzKSk7XG4gICAgICBwYWRkaW5nLWlubGluZTogMDtcblxuICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC5tYXN0aGVhZF9fbmF2IHtcbiAgICBkaXNwbGF5OiBub25lO1xuXG4gICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICB9XG5cbiAgICAmIHVsIHtcbiAgICAgIG1hcmdpbjogYXV0bztcbiAgICB9XG4gIH1cbn1cblxuQG1lZGlhIHByaW50IHtcbiAgLm1hc3RoZWFkIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG4iXX0= */

package/dist/build/nav-list.css

@@ -0,0 +1,26 @@
+/**
+ * List Navigation
+ */
+
+@layer design-system.atoms {
+  .mx-nav--list {
+    margin-block-end: var(--spacing-m);
+  }
+
+    .mx-nav--list ul {
+      display: grid;
+      grid-gap: var(--nav-gap, var(--spacing-xxxs));
+      gap: var(--nav-gap, var(--spacing-xxxs));
+    }
+
+    .mx-nav--list [aria-current="page"] {
+      text-decoration-line: underline;
+    }
+
+  h2 + .mx-nav--list,
+  h3 + .mx-nav--list {
+    margin-block-start: var(--spacing-m);
+  }
+}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdi1saXN0LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7RUFFRTs7QUFFRjtFQUNFO0lBQ0Usa0NBQWtDO0VBVXBDOztJQVJFO01BQ0UsYUFBYTtNQUNiLDZDQUF3QztNQUF4Qyx3Q0FBd0M7SUFDMUM7O0lBRUE7TUFDRSwrQkFBK0I7SUFDakM7O0VBR0Y7O0lBRUUsb0NBQW9DO0VBQ3RDO0FBQ0YiLCJmaWxlIjoibmF2LWxpc3QuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBMaXN0IE5hdmlnYXRpb25cbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5hdG9tcyB7XG4gIC5teC1uYXYtLWxpc3Qge1xuICAgIG1hcmdpbi1ibG9jay1lbmQ6IHZhcigtLXNwYWNpbmctbSk7XG5cbiAgICAmIHVsIHtcbiAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICBnYXA6IHZhcigtLW5hdi1nYXAsIHZhcigtLXNwYWNpbmcteHh4cykpO1xuICAgIH1cblxuICAgICYgW2FyaWEtY3VycmVudD1cInBhZ2VcIl0ge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uLWxpbmU6IHVuZGVybGluZTtcbiAgICB9XG4gIH1cblxuICBoMiArIC5teC1uYXYtLWxpc3QsXG4gIGgzICsgLm14LW5hdi0tbGlzdCB7XG4gICAgbWFyZ2luLWJsb2NrLXN0YXJ0OiB2YXIoLS1zcGFjaW5nLW0pO1xuICB9XG59XG4iXX0= */

package/dist/build/navigation.css

@@ -0,0 +1,371 @@
+/**
+ * Navigation
+ */
+
+@layer design-system.components {
+    .mx-nav ul {
+      display: flex;
+      flex-direction: column;
+      list-style-type: none;
+      padding-inline-start: 0;
+      font-size: var(--nav-font-size, var(--font-size));
+    }
+
+    .mx-nav a:where(:not([class])) {
+      text-decoration-line: none;
+      color: inherit;
+    }
+
+      .mx-nav a:where(:not([class])):hover {
+        text-decoration-line: underline;
+        text-decoration-line: var(--nav-active-underline, underline);
+      }
+    .mx-nav--inline > ul {
+      flex-flow: row wrap;
+      align-items: center;
+      gap: var(--nav-gap, var(--spacing-s));
+    }
+
+  .mx-nav__toggle {
+    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
+    background: initial;
+    padding: 0;
+    border: 0;
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+    position: absolute;
+    color: var(
+      --toggle-foreground,
+      var(--foreground, var(--colour-foreground))
+    );
+    inline-size: var(--spacing-l);
+    block-size: var(--spacing-l);
+    inset-block-start: 12px;
+    inset-block-start: var(--toggle-top, 12px);
+    inset-inline-end: 0;
+    cursor: pointer;
+  }
+    .mx-nav--open > .mx-nav__toggle::before {
+      transform: rotate(180deg);
+    }
+}
+
+/**
+ * Dropdown Navigation
+ */
+
+@layer design-system.components {
+  .nav--dropdown {
+    --nav-active-underline: none;
+
+    margin-block: var(--spacing-m);
+  }
+
+    @media (min-width: 720px) {
+  .nav--dropdown {
+      margin-block: 0;
+  }
+    }
+
+    .nav--dropdown li {
+      margin: 0;
+    }
+
+      .nav--dropdown li:is(.nav__has-subnav, :has(> ul)) {
+        position: relative;
+      }
+
+        .nav--dropdown li:is(.nav__has-subnav, :has(> ul)) > a {
+          --toggle-gap: var(--spacing-l);
+        }
+
+    .nav--dropdown a {
+      display: block;
+    }
+        @media (min-width: 720px) {
+
+      .nav--dropdown a[aria-expanded="true"] {
+          background-color: var(
+            --nav-expanded-background,
+            var(--background, var(--colour-background-alt))
+          );
+          color: inherit;
+          color: var(--nav-expanded-foreground, inherit);
+      }
+
+          .nav--dropdown a[aria-expanded="true"] + .nav__toggle {
+            color: inherit;
+            color: var(--nav-expanded-foreground, inherit);
+          }
+        }
+
+    .nav--dropdown li > ul {
+      transition:
+        0.2s opacity var(--ease),
+        0.2s visibility var(--ease);
+    }
+
+      .nav--dropdown li > ul[inert] {
+        block-size: 0;
+        opacity: 0;
+        visibility: hidden;
+        transition:
+          0.2s opacity var(--ease),
+          0.2s visibility var(--ease);
+      }
+
+        @media (min-width: 720px) {
+
+      .nav--dropdown li > ul[inert] {
+          block-size: auto;
+      }
+        }
+
+    .nav--dropdown .nav__level-1 {
+      margin: 0;
+      overflow: hidden;
+    }
+
+      @media (min-width: 720px) {
+
+    .nav--dropdown .nav__level-1 {
+        overflow: visible;
+        flex-flow: row;
+        align-items: center;
+        justify-content: flex-start;
+    }
+      }
+
+      .nav--dropdown .nav__level-1 > li {
+        border-block-start: 1px solid
+          var(--line-colour, var(--colour-border));
+        border-block-start: var(--line-width, 1px) solid
+          var(--line-colour, var(--colour-border));
+      }
+
+        @media (min-width: 720px) {
+
+      .nav--dropdown .nav__level-1 > li {
+          border-block-start: 0;
+      }
+        }
+
+        .nav--dropdown .nav__level-1 > li > a:where(:not(.button)) {
+          padding-block: var(--item-spacing, var(--spacing-xxs));
+          padding-inline-end: var(
+            --toggle-gap,
+            var(--item-spacing, var(--spacing-xxs))
+          );
+        }
+
+          @media (min-width: 720px) {
+
+        .nav--dropdown .nav__level-1 > li > a:where(:not(.button)) {
+            padding-inline-start: var(--item-spacing, var(--spacing-xxs));
+        }
+          }
+
+    .nav--dropdown .nav__level-2 {
+      display: block;
+      position: relative;
+      inset-inline-start: 0;
+      inline-size: 100%;
+      margin: 0;
+    }
+
+      @media (min-width: 720px) {
+
+    .nav--dropdown .nav__level-2 {
+        position: absolute;
+        inline-size: 270px;
+        inline-size: var(--dropdown-width, 270px);
+        border-radius: var(--border-radius);
+        background-color: var(
+          --nav-expanded-background,
+          var(--background, var(--colour-background-alt))
+        );
+        color: inherit;
+        color: var(--nav-expanded-foreground, inherit);
+    }
+
+        .nav--dropdown .nav__level-2 .nav__toggle::before {
+          transform: rotate(-90deg);
+        }
+      }
+        @media (max-width: 719.98px) {
+
+      .nav--dropdown .nav__level-2 > li {
+          border-block-start: 1px solid
+            var(--line-colour, var(--colour-border));
+          border-block-start: var(--line-width, 1px) solid
+            var(--line-colour, var(--colour-border));
+      }
+        }
+          .nav--dropdown .nav__level-2 > li > a:where(:not(.button)) {
+            padding: var(--item-spacing, var(--spacing-xxs));
+          }
+
+            @media (max-width: 719.98px) {
+          .nav--dropdown .nav__level-2 > li > a:where(:not(.button)) {
+              padding-inline-start: var(--spacing-l);
+          }
+            }
+      @media (min-width: 720px) {
+
+    .nav--dropdown .nav--reverse .nav__level-2 {
+        inset-inline: auto 0;
+    }
+
+        .nav--dropdown .nav--reverse .nav__level-2 .nav__toggle::before {
+          transform: rotate(90deg);
+        }
+      }
+
+    .nav--dropdown .nav__separator {
+      border-block-start: 1px solid
+        var(--line-colour, var(--colour-border));
+      border-block-start: var(--line-width, 1px) solid
+        var(--line-colour, var(--colour-border));
+    }
+}
+
+/**
+ * Dropdown Navigation - Mega Nav
+ */
+
+@layer design-system.components {
+    @media (max-width: 719.98px) {
+  .nav--mega-nav {
+      max-block-size: 100%;
+      overflow: auto;
+  }
+    }
+
+    .nav--mega-nav .nav__level-2 ul {
+      display: block;
+      position: relative;
+      padding-inline-start: var(--spacing-l);
+      border-block-start: 1px solid var(--border-colour);
+      inline-size: 100%;
+    }
+
+      @media (min-width: 720px) {
+
+    .nav--mega-nav .nav__level-2 ul {
+        position: absolute;
+        inset-inline-start: 270px;
+        inset-inline-start: var(--dropdown-width, 270px);
+        inset-block-start: 0;
+        inline-size: 270px;
+        inline-size: var(--dropdown-width, 270px);
+        min-block-size: 100%;
+        padding-inline-start: 0;
+        border-block-start: 0;
+        border-radius: 0 var(--border-radius) var(--border-radius) 0;
+        background-color: var(
+          --expanded-background,
+          var(--colour-background-alt)
+        );
+        color: inherit;
+        color: var(--expanded-foreground, inherit);
+    }
+      }
+
+      .nav--mega-nav .nav__level-2 ul > li > a:where(:not(.button)) {
+        padding: var(--item-spacing, var(--spacing-xxs));
+      }
+
+        @media (max-width: 719.98px) {
+
+      .nav--mega-nav .nav__level-2 ul > li > a:where(:not(.button)) {
+          padding-inline-start: var(--spacing-l);
+      }
+        }
+      @media (min-width: 720px) {
+
+    .nav--mega-nav .nav--reverse .nav__level-2 ul {
+        inset-inline-start: calc(270px * -1);
+        inset-inline-start: calc(var(--dropdown-width, 270px) * -1);
+        border-radius: var(--border-radius) 0 0 var(--border-radius);
+    }
+      }
+}
+
+/**
+ * Collapsible Navigation
+ */
+
+@layer design-system.components {
+    .nav--collapsible .nav__toggle {
+      inset-inline: auto var(--spacing-xxs);
+    }
+
+      @media (min-width: 720px) {
+    .nav--collapsible .nav__toggle {
+        display: block;
+    }
+      }
+
+    .nav--collapsible ul li {
+      position: relative;
+    }
+
+      .nav--collapsible ul li a {
+        display: block;
+        color: inherit;
+        border-block-end: 1px solid
+          var(--line-colour, var(--colour-border));
+        border-block-end: var(--line-width, 1px) solid
+          var(--line-colour, var(--colour-border));
+        padding: var(--item-spacing, var(--spacing-xxs));
+      }
+
+        .nav--collapsible ul li a:is(:focus, :focus-visible) {
+          outline-offset: -1px;
+        }
+
+    .nav--collapsible .nav__level-1 > li > a {
+      font-weight: var(--font-weight-bold);
+    }
+
+    .nav--collapsible .nav__level-2 > li > a {
+      padding-inline-start: var(--spacing-s);
+    }
+
+    .nav--collapsible .nav__level-3 > li > a {
+      padding-inline-start: var(--spacing-m);
+    }
+
+    .nav--collapsible :is([aria-current="page"], .is-active) > a {
+      background-color: var(
+        --nav-active-background,
+        var(--background, var(--colour-background-alt))
+      );
+      color: inherit;
+      color: var(--nav-active-foreground, inherit);
+    }
+
+    .nav--collapsible li > ul {
+      transition:
+        transform 0.2s var(--ease),
+        opacity 0.8s var(--ease);
+      transform-origin: top;
+      will-change: block-size;
+    }
+
+      .nav--collapsible li > ul[inert] {
+        block-size: 0;
+        opacity: 0;
+        transform: scaleY(0);
+        transition:
+          transform 0.8s var(--ease),
+          opacity 0.2s var(--ease);
+      }
+
+    .nav--collapsible li:is(.nav__has-subnav, :has(> ul)) > a {
+      padding-inline-end: var(--spacing-l);
+    }
+}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIl9uYXZpZ2F0aW9uLmNzcyIsIl9uYXZpZ2F0aW9uLWRyb3Bkb3duLmNzcyIsIl9uYXZpZ2F0aW9uLW1lZ2EuY3NzIiwiX25hdmlnYXRpb24tY29sbGFwc2libGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0lBRUk7TUFDRSxhQUFhO01BQ2Isc0JBQXNCO01BQ3RCLHFCQUFxQjtNQUNyQix1QkFBdUI7TUFDdkIsaURBQWlEO0lBQ25EOztJQUVBO01BQ0UsMEJBQTBCO01BQzFCLGNBQWM7SUFLaEI7O01BSEU7UUFDRSwrQkFBNEQ7UUFBNUQsNERBQTREO01BQzlEO0lBS0Y7TUFDRSxtQkFBbUI7TUFDbkIsbUJBQW1CO01BQ25CLHFDQUFxQztJQUN2Qzs7RUFHRjtJQUNFLGlGQUFpQjtJQUFqQixtQkFBaUI7SUFDakIsVUFBVTtJQUNWLFNBQVM7SUFDVCx3QkFBZ0I7T0FBaEIscUJBQWdCO1lBQWhCLGdCQUFnQjtJQUNoQixrQkFBa0I7SUFDbEI7OztLQUdDO0lBQ0QsNkJBQTZCO0lBQzdCLDRCQUE0QjtJQUM1Qix1QkFBMEM7SUFBMUMsMENBQTBDO0lBQzFDLG1CQUFtQjtJQUNuQixlQUFlO0VBQ2pCO0lBR0U7TUFDRSx5QkFBeUI7SUFDM0I7QUFFSjs7QUN0REE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLDRCQUE0Qjs7SUFFNUIsOEJBQThCO0VBOEloQzs7SUE1SUU7RUFMRjtNQU1JLGVBQWU7RUEySW5CO0lBMUlFOztJQUVBO01BQ0UsU0FBUztJQVNYOztNQVBFO1FBQ0Usa0JBQWtCO01BS3BCOztRQUhFO1VBQ0UsOEJBQThCO1FBQ2hDOztJQUlKO01BQ0UsY0FBYztJQWVoQjtRQVpJOztNQURGO1VBRUk7OztXQUdDO1VBQ0QsY0FBOEM7VUFBOUMsOENBQThDO01BTWxEOztVQUpJO1lBQ0UsY0FBOEM7WUFBOUMsOENBQThDO1VBQ2hEO1FBQ0Y7O0lBSUo7TUFDRTs7bUNBRTZCO0lBYy9COztNQVpFO1FBQ0UsYUFBYTtRQUNiLFVBQVU7UUFDVixrQkFBa0I7UUFDbEI7O3FDQUU2QjtNQUsvQjs7UUFIRTs7TUFSRjtVQVNJLGdCQUFnQjtNQUVwQjtRQURFOztJQUlKO01BQ0UsU0FBUztNQUNULGdCQUFnQjtJQTZCbEI7O01BM0JFOztJQUpGO1FBS0ksaUJBQWlCO1FBQ2pCLGNBQWM7UUFDZCxtQkFBbUI7UUFDbkIsMkJBQTJCO0lBdUIvQjtNQXRCRTs7TUFFQTtRQUNFO2tEQUMwQztRQUQxQztrREFDMEM7TUFpQjVDOztRQWZFOztNQUpGO1VBS0kscUJBQXFCO01BY3pCO1FBYkU7O1FBRUE7VUFDRSxzREFBc0Q7VUFDdEQ7OztXQUdDO1FBS0g7O1VBSEU7O1FBUEY7WUFRSSw2REFBNkQ7UUFFakU7VUFERTs7SUFLTjtNQUNFLGNBQWM7TUFDZCxrQkFBa0I7TUFDbEIscUJBQXFCO01BQ3JCLGlCQUFpQjtNQUNqQixTQUFTO0lBaUNYOztNQS9CRTs7SUFQRjtRQVFJLGtCQUFrQjtRQUNsQixrQkFBeUM7UUFBekMseUNBQXlDO1FBQ3pDLG1DQUFtQztRQUNuQzs7O1NBR0M7UUFDRCxjQUE4QztRQUE5Qyw4Q0FBOEM7SUF1QmxEOztRQXJCSTtVQUNFLHlCQUF5QjtRQUMzQjtNQUNGO1FBR0U7O01BREY7VUFFSTtvREFDMEM7VUFEMUM7b0RBQzBDO01BWTlDO1FBWEU7VUFHRTtZQUNFLGdEQUFnRDtVQUtsRDs7WUFIRTtVQUhGO2NBSUksc0NBQXNDO1VBRTFDO1lBREU7TUFPTjs7SUFERjtRQUVJLG9CQUFvQjtJQU14Qjs7UUFKSTtVQUNFLHdCQUF3QjtRQUMxQjtNQUNGOztJQUdGO01BQ0U7Z0RBQzBDO01BRDFDO2dEQUMwQztJQUM1QztBQUVKOztBQ3ZKQTs7RUFFRTs7QUFFRjtJQUVJO0VBREY7TUFFSSxvQkFBb0I7TUFDcEIsY0FBYztFQXlDbEI7SUF4Q0U7O0lBRUE7TUFDRSxjQUFjO01BQ2Qsa0JBQWtCO01BQ2xCLHNDQUFzQztNQUN0QyxrREFBa0Q7TUFDbEQsaUJBQWlCO0lBeUJuQjs7TUF2QkU7O0lBUEY7UUFRSSxrQkFBa0I7UUFDbEIseUJBQWdEO1FBQWhELGdEQUFnRDtRQUNoRCxvQkFBb0I7UUFDcEIsa0JBQXlDO1FBQXpDLHlDQUF5QztRQUN6QyxvQkFBb0I7UUFDcEIsdUJBQXVCO1FBQ3ZCLHFCQUFxQjtRQUNyQiw0REFBNEQ7UUFDNUQ7OztTQUdDO1FBQ0QsY0FBMEM7UUFBMUMsMENBQTBDO0lBVTlDO01BVEU7O01BRUE7UUFDRSxnREFBZ0Q7TUFLbEQ7O1FBSEU7O01BSEY7VUFJSSxzQ0FBc0M7TUFFMUM7UUFERTtNQUtGOztJQURGO1FBRUksb0NBQTJEO1FBQTNELDJEQUEyRDtRQUMzRCw0REFBNEQ7SUFFaEU7TUFERTtBQUdOOztBQ2xEQTs7RUFFRTs7QUFFRjtJQUVJO01BQ0UscUNBQXFDO0lBS3ZDOztNQUhFO0lBSEY7UUFJSSxjQUFjO0lBRWxCO01BREU7O0lBR0Y7TUFDRSxrQkFBa0I7SUFhcEI7O01BWEU7UUFDRSxjQUFjO1FBQ2QsY0FBYztRQUNkO2tEQUMwQztRQUQxQztrREFDMEM7UUFDMUMsZ0RBQWdEO01BS2xEOztRQUhFO1VBQ0Usb0JBQW9CO1FBQ3RCOztJQUlKO01BQ0Usb0NBQW9DO0lBQ3RDOztJQUVBO01BQ0Usc0NBQXNDO0lBQ3hDOztJQUVBO01BQ0Usc0NBQXNDO0lBQ3hDOztJQUVBO01BQ0U7OztPQUdDO01BQ0QsY0FBNEM7TUFBNUMsNENBQTRDO0lBQzlDOztJQUVBO01BQ0U7O2dDQUUwQjtNQUMxQixxQkFBcUI7TUFDckIsdUJBQXVCO0lBVXpCOztNQVJFO1FBQ0UsYUFBYTtRQUNiLFVBQVU7UUFDVixvQkFBb0I7UUFDcEI7O2tDQUUwQjtNQUM1Qjs7SUFHRjtNQUNFLG9DQUFvQztJQUN0QztBQUVKIiwiZmlsZSI6Im5hdmlnYXRpb24uY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBOYXZpZ2F0aW9uXG4gKi9cblxuQGxheWVyIGRlc2lnbi1zeXN0ZW0uY29tcG9uZW50cyB7XG4gIC5teC1uYXYge1xuICAgICYgdWwge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XG4gICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogMDtcbiAgICAgIGZvbnQtc2l6ZTogdmFyKC0tbmF2LWZvbnQtc2l6ZSwgdmFyKC0tZm9udC1zaXplKSk7XG4gICAgfVxuXG4gICAgJiBhOndoZXJlKDpub3QoW2NsYXNzXSkpIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbi1saW5lOiBub25lO1xuICAgICAgY29sb3I6IGluaGVyaXQ7XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb24tbGluZTogdmFyKC0tbmF2LWFjdGl2ZS11bmRlcmxpbmUsIHVuZGVybGluZSk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgLm14LW5hdi0taW5saW5lIHtcbiAgICAmID4gdWwge1xuICAgICAgZmxleC1mbG93OiByb3cgd3JhcDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBnYXA6IHZhcigtLW5hdi1nYXAsIHZhcigtLXNwYWNpbmctcykpO1xuICAgIH1cbiAgfVxuXG4gIC5teC1uYXZfX3RvZ2dsZSB7XG4gICAgYmFja2dyb3VuZDogdW5zZXQ7XG4gICAgcGFkZGluZzogMDtcbiAgICBib3JkZXI6IDA7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgY29sb3I6IHZhcihcbiAgICAgIC0tdG9nZ2xlLWZvcmVncm91bmQsXG4gICAgICB2YXIoLS1mb3JlZ3JvdW5kLCB2YXIoLS1jb2xvdXItZm9yZWdyb3VuZCkpXG4gICAgKTtcbiAgICBpbmxpbmUtc2l6ZTogdmFyKC0tc3BhY2luZy1sKTtcbiAgICBibG9jay1zaXplOiB2YXIoLS1zcGFjaW5nLWwpO1xuICAgIGluc2V0LWJsb2NrLXN0YXJ0OiB2YXIoLS10b2dnbGUtdG9wLCAxMnB4KTtcbiAgICBpbnNldC1pbmxpbmUtZW5kOiAwO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuXG4gIC5teC1uYXYtLW9wZW4ge1xuICAgICYgPiAubXgtbmF2X190b2dnbGU6OmJlZm9yZSB7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpO1xuICAgIH1cbiAgfVxufVxuIiwiLyoqXG4gKiBEcm9wZG93biBOYXZpZ2F0aW9uXG4gKi9cblxuQGxheWVyIGRlc2lnbi1zeXN0ZW0uY29tcG9uZW50cyB7XG4gIC5uYXYtLWRyb3Bkb3duIHtcbiAgICAtLW5hdi1hY3RpdmUtdW5kZXJsaW5lOiBub25lO1xuXG4gICAgbWFyZ2luLWJsb2NrOiB2YXIoLS1zcGFjaW5nLW0pO1xuXG4gICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgIG1hcmdpbi1ibG9jazogMDtcbiAgICB9XG5cbiAgICAmIGxpIHtcbiAgICAgIG1hcmdpbjogMDtcblxuICAgICAgJjppcygubmF2X19oYXMtc3VibmF2LCA6aGFzKD4gdWwpKSB7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICAgICAmID4gYSB7XG4gICAgICAgICAgLS10b2dnbGUtZ2FwOiB2YXIoLS1zcGFjaW5nLWwpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiBhIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuXG4gICAgICAmW2FyaWEtZXhwYW5kZWQ9XCJ0cnVlXCJdIHtcbiAgICAgICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoXG4gICAgICAgICAgICAtLW5hdi1leHBhbmRlZC1iYWNrZ3JvdW5kLFxuICAgICAgICAgICAgdmFyKC0tYmFja2dyb3VuZCwgdmFyKC0tY29sb3VyLWJhY2tncm91bmQtYWx0KSlcbiAgICAgICAgICApO1xuICAgICAgICAgIGNvbG9yOiB2YXIoLS1uYXYtZXhwYW5kZWQtZm9yZWdyb3VuZCwgaW5oZXJpdCk7XG5cbiAgICAgICAgICAmICsgLm5hdl9fdG9nZ2xlIHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoLS1uYXYtZXhwYW5kZWQtZm9yZWdyb3VuZCwgaW5oZXJpdCk7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiBsaSA+IHVsIHtcbiAgICAgIHRyYW5zaXRpb246XG4gICAgICAgIDAuMnMgb3BhY2l0eSB2YXIoLS1lYXNlKSxcbiAgICAgICAgMC4ycyB2aXNpYmlsaXR5IHZhcigtLWVhc2UpO1xuXG4gICAgICAmW2luZXJ0XSB7XG4gICAgICAgIGJsb2NrLXNpemU6IDA7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICAgICAgdHJhbnNpdGlvbjpcbiAgICAgICAgICAwLjJzIG9wYWNpdHkgdmFyKC0tZWFzZSksXG4gICAgICAgICAgMC4ycyB2aXNpYmlsaXR5IHZhcigtLWVhc2UpO1xuXG4gICAgICAgIEBtZWRpYSAoLS1nbG9iYWwtbmF2LXVwKSB7XG4gICAgICAgICAgYmxvY2stc2l6ZTogYXV0bztcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICYgLm5hdl9fbGV2ZWwtMSB7XG4gICAgICBtYXJnaW46IDA7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICAgICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi11cCkge1xuICAgICAgICBvdmVyZmxvdzogdmlzaWJsZTtcbiAgICAgICAgZmxleC1mbG93OiByb3c7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgICAgIH1cblxuICAgICAgJiA+IGxpIHtcbiAgICAgICAgYm9yZGVyLWJsb2NrLXN0YXJ0OiB2YXIoLS1saW5lLXdpZHRoLCAxcHgpIHNvbGlkXG4gICAgICAgICAgdmFyKC0tbGluZS1jb2xvdXIsIHZhcigtLWNvbG91ci1ib3JkZXIpKTtcblxuICAgICAgICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi11cCkge1xuICAgICAgICAgIGJvcmRlci1ibG9jay1zdGFydDogMDtcbiAgICAgICAgfVxuXG4gICAgICAgICYgPiBhOndoZXJlKDpub3QoLmJ1dHRvbikpIHtcbiAgICAgICAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1pdGVtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmcteHhzKSk7XG4gICAgICAgICAgcGFkZGluZy1pbmxpbmUtZW5kOiB2YXIoXG4gICAgICAgICAgICAtLXRvZ2dsZS1nYXAsXG4gICAgICAgICAgICB2YXIoLS1pdGVtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmcteHhzKSlcbiAgICAgICAgICApO1xuXG4gICAgICAgICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgICAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiB2YXIoLS1pdGVtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmcteHhzKSk7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiAubmF2X19sZXZlbC0yIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAwO1xuICAgICAgaW5saW5lLXNpemU6IDEwMCU7XG4gICAgICBtYXJnaW46IDA7XG5cbiAgICAgIEBtZWRpYSAoLS1nbG9iYWwtbmF2LXVwKSB7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgaW5saW5lLXNpemU6IHZhcigtLWRyb3Bkb3duLXdpZHRoLCAyNzBweCk7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWJvcmRlci1yYWRpdXMpO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoXG4gICAgICAgICAgLS1uYXYtZXhwYW5kZWQtYmFja2dyb3VuZCxcbiAgICAgICAgICB2YXIoLS1iYWNrZ3JvdW5kLCB2YXIoLS1jb2xvdXItYmFja2dyb3VuZC1hbHQpKVxuICAgICAgICApO1xuICAgICAgICBjb2xvcjogdmFyKC0tbmF2LWV4cGFuZGVkLWZvcmVncm91bmQsIGluaGVyaXQpO1xuXG4gICAgICAgICYgLm5hdl9fdG9nZ2xlOjpiZWZvcmUge1xuICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKC05MGRlZyk7XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgJiA+IGxpIHtcbiAgICAgICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtZG93bikge1xuICAgICAgICAgIGJvcmRlci1ibG9jay1zdGFydDogdmFyKC0tbGluZS13aWR0aCwgMXB4KSBzb2xpZFxuICAgICAgICAgICAgdmFyKC0tbGluZS1jb2xvdXIsIHZhcigtLWNvbG91ci1ib3JkZXIpKTtcbiAgICAgICAgfVxuXG4gICAgICAgICYgPiBhIHtcbiAgICAgICAgICAmOndoZXJlKDpub3QoLmJ1dHRvbikpIHtcbiAgICAgICAgICAgIHBhZGRpbmc6IHZhcigtLWl0ZW0tc3BhY2luZywgdmFyKC0tc3BhY2luZy14eHMpKTtcblxuICAgICAgICAgICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtZG93bikge1xuICAgICAgICAgICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogdmFyKC0tc3BhY2luZy1sKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIC5uYXYtLXJldmVyc2UgLm5hdl9fbGV2ZWwtMiB7XG4gICAgICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi11cCkge1xuICAgICAgICBpbnNldC1pbmxpbmU6IGF1dG8gMDtcblxuICAgICAgICAmIC5uYXZfX3RvZ2dsZTo6YmVmb3JlIHtcbiAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSg5MGRlZyk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIC5uYXZfX3NlcGFyYXRvciB7XG4gICAgICBib3JkZXItYmxvY2stc3RhcnQ6IHZhcigtLWxpbmUtd2lkdGgsIDFweCkgc29saWRcbiAgICAgICAgdmFyKC0tbGluZS1jb2xvdXIsIHZhcigtLWNvbG91ci1ib3JkZXIpKTtcbiAgICB9XG4gIH1cbn1cbiIsIi8qKlxuICogRHJvcGRvd24gTmF2aWdhdGlvbiAtIE1lZ2EgTmF2XG4gKi9cblxuQGxheWVyIGRlc2lnbi1zeXN0ZW0uY29tcG9uZW50cyB7XG4gIC5uYXYtLW1lZ2EtbmF2IHtcbiAgICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi1kb3duKSB7XG4gICAgICBtYXgtYmxvY2stc2l6ZTogMTAwJTtcbiAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgIH1cblxuICAgICYgLm5hdl9fbGV2ZWwtMiB1bCB7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiB2YXIoLS1zcGFjaW5nLWwpO1xuICAgICAgYm9yZGVyLWJsb2NrLXN0YXJ0OiAxcHggc29saWQgdmFyKC0tYm9yZGVyLWNvbG91cik7XG4gICAgICBpbmxpbmUtc2l6ZTogMTAwJTtcblxuICAgICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IHZhcigtLWRyb3Bkb3duLXdpZHRoLCAyNzBweCk7XG4gICAgICAgIGluc2V0LWJsb2NrLXN0YXJ0OiAwO1xuICAgICAgICBpbmxpbmUtc2l6ZTogdmFyKC0tZHJvcGRvd24td2lkdGgsIDI3MHB4KTtcbiAgICAgICAgbWluLWJsb2NrLXNpemU6IDEwMCU7XG4gICAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAwO1xuICAgICAgICBib3JkZXItYmxvY2stc3RhcnQ6IDA7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDAgdmFyKC0tYm9yZGVyLXJhZGl1cykgdmFyKC0tYm9yZGVyLXJhZGl1cykgMDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKFxuICAgICAgICAgIC0tZXhwYW5kZWQtYmFja2dyb3VuZCxcbiAgICAgICAgICB2YXIoLS1jb2xvdXItYmFja2dyb3VuZC1hbHQpXG4gICAgICAgICk7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1leHBhbmRlZC1mb3JlZ3JvdW5kLCBpbmhlcml0KTtcbiAgICAgIH1cblxuICAgICAgJiA+IGxpID4gYTp3aGVyZSg6bm90KC5idXR0b24pKSB7XG4gICAgICAgIHBhZGRpbmc6IHZhcigtLWl0ZW0tc3BhY2luZywgdmFyKC0tc3BhY2luZy14eHMpKTtcblxuICAgICAgICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi1kb3duKSB7XG4gICAgICAgICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IHZhcigtLXNwYWNpbmctbCk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIC5uYXYtLXJldmVyc2UgLm5hdl9fbGV2ZWwtMiB1bCB7XG4gICAgICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi11cCkge1xuICAgICAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IGNhbGModmFyKC0tZHJvcGRvd24td2lkdGgsIDI3MHB4KSAqIC0xKTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKC0tYm9yZGVyLXJhZGl1cykgMCAwIHZhcigtLWJvcmRlci1yYWRpdXMpO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIiwiLyoqXG4gKiBDb2xsYXBzaWJsZSBOYXZpZ2F0aW9uXG4gKi9cblxuQGxheWVyIGRlc2lnbi1zeXN0ZW0uY29tcG9uZW50cyB7XG4gIC5uYXYtLWNvbGxhcHNpYmxlIHtcbiAgICAmIC5uYXZfX3RvZ2dsZSB7XG4gICAgICBpbnNldC1pbmxpbmU6IGF1dG8gdmFyKC0tc3BhY2luZy14eHMpO1xuXG4gICAgICBAbWVkaWEgKC0tbWVkaXVtLXVwKSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgfVxuICAgIH1cblxuICAgICYgdWwgbGkge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgICAmIGEge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgICAgIGJvcmRlci1ibG9jay1lbmQ6IHZhcigtLWxpbmUtd2lkdGgsIDFweCkgc29saWRcbiAgICAgICAgICB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLWJvcmRlcikpO1xuICAgICAgICBwYWRkaW5nOiB2YXIoLS1pdGVtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmcteHhzKSk7XG5cbiAgICAgICAgJjppcyg6Zm9jdXMsIDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgb3V0bGluZS1vZmZzZXQ6IC0xcHg7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIC5uYXZfX2xldmVsLTEgPiBsaSA+IGEge1xuICAgICAgZm9udC13ZWlnaHQ6IHZhcigtLWZvbnQtd2VpZ2h0LWJvbGQpO1xuICAgIH1cblxuICAgICYgLm5hdl9fbGV2ZWwtMiA+IGxpID4gYSB7XG4gICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogdmFyKC0tc3BhY2luZy1zKTtcbiAgICB9XG5cbiAgICAmIC5uYXZfX2xldmVsLTMgPiBsaSA+IGEge1xuICAgICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IHZhcigtLXNwYWNpbmctbSk7XG4gICAgfVxuXG4gICAgJiA6aXMoW2FyaWEtY3VycmVudD1cInBhZ2VcIl0sIC5pcy1hY3RpdmUpID4gYSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoXG4gICAgICAgIC0tbmF2LWFjdGl2ZS1iYWNrZ3JvdW5kLFxuICAgICAgICB2YXIoLS1iYWNrZ3JvdW5kLCB2YXIoLS1jb2xvdXItYmFja2dyb3VuZC1hbHQpKVxuICAgICAgKTtcbiAgICAgIGNvbG9yOiB2YXIoLS1uYXYtYWN0aXZlLWZvcmVncm91bmQsIGluaGVyaXQpO1xuICAgIH1cblxuICAgICYgbGkgPiB1bCB7XG4gICAgICB0cmFuc2l0aW9uOlxuICAgICAgICB0cmFuc2Zvcm0gMC4ycyB2YXIoLS1lYXNlKSxcbiAgICAgICAgb3BhY2l0eSAwLjhzIHZhcigtLWVhc2UpO1xuICAgICAgdHJhbnNmb3JtLW9yaWdpbjogdG9wO1xuICAgICAgd2lsbC1jaGFuZ2U6IGJsb2NrLXNpemU7XG5cbiAgICAgICZbaW5lcnRdIHtcbiAgICAgICAgYmxvY2stc2l6ZTogMDtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgdHJhbnNmb3JtOiBzY2FsZVkoMCk7XG4gICAgICAgIHRyYW5zaXRpb246XG4gICAgICAgICAgdHJhbnNmb3JtIDAuOHMgdmFyKC0tZWFzZSksXG4gICAgICAgICAgb3BhY2l0eSAwLjJzIHZhcigtLWVhc2UpO1xuICAgICAgfVxuICAgIH1cblxuICAgICYgbGk6aXMoLm5hdl9faGFzLXN1Ym5hdiwgOmhhcyg+IHVsKSkgPiBhIHtcbiAgICAgIHBhZGRpbmctaW5saW5lLWVuZDogdmFyKC0tc3BhY2luZy1sKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ== */