@pnx-mixtape/mxds 0.0.1

package/dist/build/cookie-compliance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookie-compliance.js","sources":["../../src/Utility/Elements/cookie-compliance.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access */\n/**\n * @file cookie compliance banner\n * adapted from http://alex-d.github.io/Cookies-EU-banner/.\n *\n * Any additional tracking javascript should first check `window.CookieCompliance.hasConsent()`\n * before being initialised.\n */\n\nimport Cookies from \"js-cookie\"\n\nexport default class CookieCompliance {\n  banner: HTMLElement\n  acceptBtn: HTMLButtonElement\n  moreBtn: HTMLButtonElement\n  rejectBtn: HTMLButtonElement\n  bots: RegExp\n  cookieName: string\n  waitRemove: number\n  trackingCookiesNames: string[]\n  hostname: string | undefined\n  defaultCookieSettings:\n    | {\n        path: string\n        expires: number\n        sameSite: string\n      }\n    | undefined\n\n  constructor(el: HTMLElement) {\n    this.banner = el\n    this.acceptBtn = el.querySelector(\"[data-cookie-accept]\")\n    this.moreBtn = el.querySelector(\"[data-cookie-more]\")\n    this.rejectBtn = el.querySelector(\"[data-cookie-reject]\")\n    this.bots = /bot|crawler|spider|crawling/i\n    this.cookieName = \"has-cookie-consent\"\n    this.waitRemove =\n      this.banner.dataset.waitRemove === undefined\n        ? 0\n        : parseInt(this.banner.dataset.waitRemove, 10)\n    this.trackingCookiesNames = [\n      \"__utma\",\n      \"__utmb\",\n      \"__utmc\",\n      \"__utmt\",\n      \"__utmv\",\n      \"__utmz\",\n      \"_ga\",\n      \"_gat\",\n      \"_gid\",\n    ]\n  }\n\n  init = (): void => {\n    this.hostname = document.location.hostname.replace(/^www\\./, \"\")\n    this.defaultCookieSettings = {\n      path: \"/\",\n      expires: 365,\n      sameSite: \"Lax\",\n    }\n\n    // Detect if the visitor is a bot or not\n    // Prevent for search engine take the cookie alert message as main content of the page.\n    const isBot: boolean = this.bots.test(navigator.userAgent)\n\n    // Check if DoNotTrack is activated.\n    const dnt =\n      // @ts-expect-error older browser.\n      navigator.doNotTrack || navigator.msDoNotTrack || window.doNotTrack\n    const isToTrack: boolean =\n      dnt !== null && dnt !== undefined\n        ? dnt && dnt !== \"yes\" && dnt !== 1 && dnt !== \"1\"\n        : true\n\n    // Do nothing if it is a bot.\n    // If DoNotTrack is activated, do nothing too.\n    if (isBot || !isToTrack || this.hasConsent() === false) {\n      this.removeBanner(0)\n      return\n    }\n\n    // User has already consent to use cookies to tracking.\n    if (this.hasConsent() === true) {\n      return\n    }\n\n    // Otherwise show banner.\n    this.showBanner()\n  }\n\n  showBanner = (): void => {\n    this.banner.removeAttribute(\"inert\")\n    if (this.moreBtn) {\n      this.moreBtn.addEventListener(\"click\", this.deleteCookie)\n    }\n    if (this.acceptBtn) {\n      this.acceptBtn.addEventListener(\"click\", this.accept)\n    }\n    if (this.rejectBtn) {\n      this.rejectBtn.addEventListener(\"click\", this.reject)\n    }\n  }\n\n  reject = (): void => {\n    this.removeBanner(this.waitRemove)\n    this.setCookie(\"false\")\n\n    // Delete existing tracking cookies\n    this.trackingCookiesNames.map(this.deleteCookie)\n  }\n\n  accept = (): void => {\n    this.removeBanner(this.waitRemove)\n    this.setCookie(\"true\")\n  }\n\n  hasConsent = (): boolean => {\n    const consent: \"true\" | \"false\" = Cookies.get(this.cookieName)\n    if (consent === \"true\") {\n      return true\n    }\n    if (consent === \"false\") {\n      return false\n    }\n\n    return null\n  }\n\n  setCookie = (value: \"true\" | \"false\"): void => {\n    Cookies.set(this.cookieName, value, this.defaultCookieSettings)\n    Cookies.set(this.cookieName, value, {\n      domain: `.${this.hostname}`,\n      ...this.defaultCookieSettings,\n    })\n  }\n\n  deleteCookie = (): void => {\n    Cookies.remove(this.cookieName, this.defaultCookieSettings)\n    Cookies.remove(this.cookieName, {\n      domain: `.${this.hostname}`,\n      ...this.defaultCookieSettings,\n    })\n  }\n\n  removeBanner = (wait: number): void => {\n    setTimeout(() => {\n      if (this.banner && this.banner.parentNode) {\n        if (this.moreBtn) {\n          this.moreBtn.removeEventListener(\"click\", this.deleteCookie)\n        }\n        if (this.acceptBtn) {\n          this.acceptBtn.removeEventListener(\"click\", this.accept)\n        }\n        if (this.rejectBtn) {\n          this.rejectBtn.removeEventListener(\"click\", this.reject)\n        }\n        this.banner.parentNode.removeChild(this.banner)\n      }\n    }, wait)\n  }\n\n  static create({ context = null } = {}): void {\n    const [el] = window.once(\n      \"cookie-compliance\",\n      \"#cookie-compliance\",\n      context || document,\n    )\n    if (el) {\n      const cookieCompliance: CookieCompliance = new CookieCompliance(el)\n      cookieCompliance.init()\n      window.CookieCompliance = cookieCompliance\n    }\n  }\n}\n"],"names":["Cookies"],"mappings":"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"}

package/dist/build/dialog.css

@@ -0,0 +1,98 @@
+/**
+ * Dialog
+ */
+
+@layer defaults {
+  mx-dialog {
+    display: block;
+  }
+}
+
+@layer components {
+  .dialog {
+    max-inline-size: var(--container-max-width);
+    max-block-size: 90vh;
+    overflow-x: auto;
+    overflow-y: hidden;
+    overflow: auto hidden;
+    overscroll-behavior: contain;
+    background-color: var(--dialog-background, var(--colour-background));
+    border: 1px solid
+      var(--line-colour, var(--colour-border));
+    border: var(--line-width, 1px) solid
+      var(--line-colour, var(--colour-border));
+    padding: 0;
+    margin: auto;
+  }
+
+    .dialog::backdrop {
+      background-color: hsla(0, 0%, 100%, 0.75);
+    }
+
+    .dialog .dialog__content {
+      padding: var(--spacing-s);
+    }
+
+      @media (min-width: 720px) {
+
+    .dialog .dialog__content {
+        padding-block: var(--spacing-l);
+        padding-inline: var(--spacing-xl);
+    }
+      }
+
+    .dialog > .icon--close {
+      position: absolute;
+      inset-block-start: var(--spacing-xxs);
+      inset-inline-end: var(--spacing-xxs);
+      border: 0;
+      z-index: 11;
+    }
+
+    .dialog .form__actions {
+      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));
+      padding-block: var(--spacing-s);
+      align-content: center;
+      justify-content: center;
+      place-content: center;
+    }
+}
+
+/**
+ * Dialog fullscreen.
+ */
+
+@layer components {
+  .dialog--fullscreen {
+    box-shadow: none;
+    border: 0;
+    inset-block-start: 0;
+    inline-size: 100%;
+    max-inline-size: none;
+    block-size: 100%;
+    max-block-size: none;
+  }
+
+    .dialog--fullscreen[open] {
+      display: flex;
+      flex-direction: column;
+    }
+
+    .dialog--fullscreen .dialog__content {
+      max-inline-size: var(--container-max-width);
+      margin: auto;
+    }
+}
+
+/* Prevent scrolling on the body. */
+.body--scroll-lock,
+.body-dialog--open {
+  overflow: hidden;
+  position: fixed;
+  inline-size: 100vw;
+}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRpYWxvZy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLGNBQWM7RUFDaEI7QUFDRjs7QUFFQTtFQUNFO0lBQ0UsMkNBQTJDO0lBQzNDLG9CQUFvQjtJQUNwQixnQkFBcUI7SUFBckIsa0JBQXFCO0lBQXJCLHFCQUFxQjtJQUNyQiw0QkFBNEI7SUFDNUIsb0VBQW9FO0lBQ3BFOzhDQUMwQztJQUQxQzs4Q0FDMEM7SUFDMUMsVUFBVTtJQUNWLFlBQVk7RUE2QmQ7O0lBM0JFO01BQ0UseUNBQTBDO0lBQzVDOztJQUVBO01BQ0UseUJBQXlCO0lBTTNCOztNQUpFOztJQUhGO1FBSUksK0JBQStCO1FBQy9CLGlDQUFpQztJQUVyQztNQURFOztJQUdGO01BQ0Usa0JBQWtCO01BQ2xCLHFDQUFxQztNQUNyQyxvQ0FBb0M7TUFDcEMsU0FBUztNQUNULFdBQVc7SUFDYjs7SUFFQTtNQUNFO2dEQUMwQztNQUQxQztnREFDMEM7TUFDMUMsK0JBQStCO01BQy9CLHFCQUFxQjtNQUFyQix1QkFBcUI7TUFBckIscUJBQXFCO0lBQ3ZCO0FBRUo7O0FBRUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLGdCQUFnQjtJQUNoQixTQUFTO0lBQ1Qsb0JBQW9CO0lBQ3BCLGlCQUFpQjtJQUNqQixxQkFBcUI7SUFDckIsZ0JBQWdCO0lBQ2hCLG9CQUFvQjtFQVd0Qjs7SUFURTtNQUNFLGFBQWE7TUFDYixzQkFBc0I7SUFDeEI7O0lBRUE7TUFDRSwyQ0FBMkM7TUFDM0MsWUFBWTtJQUNkO0FBRUo7O0FBRUEsbUNBQW1DO0FBQ25DOztFQUVFLGdCQUFnQjtFQUNoQixlQUFlO0VBQ2Ysa0JBQWtCO0FBQ3BCIiwiZmlsZSI6ImRpYWxvZy5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIERpYWxvZ1xuICovXG5cbkBsYXllciBkZWZhdWx0cyB7XG4gIG14LWRpYWxvZyB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbn1cblxuQGxheWVyIGNvbXBvbmVudHMge1xuICAuZGlhbG9nIHtcbiAgICBtYXgtaW5saW5lLXNpemU6IHZhcigtLWNvbnRhaW5lci1tYXgtd2lkdGgpO1xuICAgIG1heC1ibG9jay1zaXplOiA5MHZoO1xuICAgIG92ZXJmbG93OiBhdXRvIGhpZGRlbjtcbiAgICBvdmVyc2Nyb2xsLWJlaGF2aW9yOiBjb250YWluO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRpYWxvZy1iYWNrZ3JvdW5kLCB2YXIoLS1jb2xvdXItYmFja2dyb3VuZCkpO1xuICAgIGJvcmRlcjogdmFyKC0tbGluZS13aWR0aCwgMXB4KSBzb2xpZFxuICAgICAgdmFyKC0tbGluZS1jb2xvdXIsIHZhcigtLWNvbG91ci1ib3JkZXIpKTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogYXV0bztcblxuICAgICY6OmJhY2tkcm9wIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IGhzbGEoMGRlZyAwJSAxMDAlIC8gNzUlKTtcbiAgICB9XG5cbiAgICAmIC5kaWFsb2dfX2NvbnRlbnQge1xuICAgICAgcGFkZGluZzogdmFyKC0tc3BhY2luZy1zKTtcblxuICAgICAgQG1lZGlhICgtLW1lZGl1bS11cCkge1xuICAgICAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1zcGFjaW5nLWwpO1xuICAgICAgICBwYWRkaW5nLWlubGluZTogdmFyKC0tc3BhY2luZy14bCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiA+IC5pY29uLS1jbG9zZSB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBpbnNldC1ibG9jay1zdGFydDogdmFyKC0tc3BhY2luZy14eHMpO1xuICAgICAgaW5zZXQtaW5saW5lLWVuZDogdmFyKC0tc3BhY2luZy14eHMpO1xuICAgICAgYm9yZGVyOiAwO1xuICAgICAgei1pbmRleDogMTE7XG4gICAgfVxuXG4gICAgJiAuZm9ybV9fYWN0aW9ucyB7XG4gICAgICBib3JkZXItYmxvY2stc3RhcnQ6IHZhcigtLWxpbmUtd2lkdGgsIDFweCkgc29saWRcbiAgICAgICAgdmFyKC0tbGluZS1jb2xvdXIsIHZhcigtLWNvbG91ci1ib3JkZXIpKTtcbiAgICAgIHBhZGRpbmctYmxvY2s6IHZhcigtLXNwYWNpbmctcyk7XG4gICAgICBwbGFjZS1jb250ZW50OiBjZW50ZXI7XG4gICAgfVxuICB9XG59XG5cbi8qKlxuICogRGlhbG9nIGZ1bGxzY3JlZW4uXG4gKi9cblxuQGxheWVyIGNvbXBvbmVudHMge1xuICAuZGlhbG9nLS1mdWxsc2NyZWVuIHtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIGJvcmRlcjogMDtcbiAgICBpbnNldC1ibG9jay1zdGFydDogMDtcbiAgICBpbmxpbmUtc2l6ZTogMTAwJTtcbiAgICBtYXgtaW5saW5lLXNpemU6IG5vbmU7XG4gICAgYmxvY2stc2l6ZTogMTAwJTtcbiAgICBtYXgtYmxvY2stc2l6ZTogbm9uZTtcblxuICAgICZbb3Blbl0ge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgfVxuXG4gICAgJiAuZGlhbG9nX19jb250ZW50IHtcbiAgICAgIG1heC1pbmxpbmUtc2l6ZTogdmFyKC0tY29udGFpbmVyLW1heC13aWR0aCk7XG4gICAgICBtYXJnaW46IGF1dG87XG4gICAgfVxuICB9XG59XG5cbi8qIFByZXZlbnQgc2Nyb2xsaW5nIG9uIHRoZSBib2R5LiAqL1xuLmJvZHktLXNjcm9sbC1sb2NrLFxuLmJvZHktZGlhbG9nLS1vcGVuIHtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBpbmxpbmUtc2l6ZTogMTAwdnc7XG59XG4iXX0= */

package/dist/build/disclosure-widget.js

@@ -0,0 +1,124 @@
+import { m as makeAnchor } from "./chunks/utilities-BIk0P2KX.js";
+class DisclosureWidget {
+  constructor(trigger, element, overrides, context = document) {
+    this.init = () => {
+      if (Object.prototype.hasOwnProperty.call(this.trigger, "disclosureWidget"))
+        return;
+      const { attribute, setInitialAttribute } = this.options;
+      this.trigger.disclosureWidget = this;
+      if (setInitialAttribute) this.element.setAttribute(attribute, "");
+      this.attach();
+    };
+    this.handleToggle = () => {
+      const { attribute, setInitialAttribute } = this.options;
+      this.element.toggleAttribute(attribute);
+      const hasAttribute = this.element.hasAttribute(attribute);
+      this.isOpen = setInitialAttribute ? !hasAttribute : hasAttribute;
+      this.trigger.setAttribute("aria-expanded", String(this.isOpen));
+      const newEvent = new CustomEvent(
+        "disclosure-toggle",
+        {
+          bubbles: true,
+          cancelable: true,
+          detail: {
+            isOpen: this.isOpen,
+            id: this.id,
+            options: this.options,
+            target: this.element
+          }
+        }
+      );
+      this.trigger.dispatchEvent(newEvent);
+    };
+    this.handleMouse = (event) => {
+      const { currentTarget, type, relatedTarget } = event;
+      if (type === "mouseover" || type === "mouseout") {
+        const triggerParent = this.trigger.parentNode;
+        if (triggerParent !== currentTarget || triggerParent.contains(relatedTarget))
+          return;
+      } else if (this.trigger !== currentTarget) return;
+      const { shouldPreventDefault } = this.options;
+      this.handleToggle();
+      if (shouldPreventDefault) {
+        event.preventDefault();
+        event.stopPropagation();
+      }
+    };
+    this.handleKeyboard = (event) => {
+      const { key, target } = event;
+      if (this.trigger !== target) return;
+      const { isOpen } = this;
+      const { shouldPreventDefault } = this.options;
+      switch (key) {
+        case "ArrowDown":
+        case "Enter":
+          if (!isOpen) this.handleToggle();
+          if (shouldPreventDefault) event.preventDefault();
+          break;
+        case "ArrowUp":
+        case "Escape":
+          if (isOpen) this.handleToggle();
+          if (shouldPreventDefault) event.preventDefault();
+          break;
+      }
+    };
+    this.attach = () => {
+      if (this.attached) return;
+      const { clickEvent } = this.options;
+      if (clickEvent === "mouseover") {
+        const parent = this.trigger.parentNode;
+        parent.addEventListener("mouseover", this.handleMouse);
+        parent.addEventListener("mouseout", this.handleMouse);
+      } else {
+        this.trigger.addEventListener("click", this.handleMouse);
+      }
+      this.trigger.addEventListener("keydown", this.handleKeyboard);
+      this.trigger.setAttribute("aria-expanded", "false");
+      if (!this.trigger.hasAttribute("aria-controls"))
+        this.trigger.setAttribute("aria-controls", this.id);
+      this.attached = true;
+    };
+    this.detach = () => {
+      if (!this.attached) return;
+      if (this.isOpen) {
+        this.handleToggle();
+      }
+      const { clickEvent } = this.options;
+      if (clickEvent === "mouseover") {
+        const parent = this.trigger.parentNode;
+        parent.removeEventListener("mouseover", this.handleMouse);
+        parent.removeEventListener("mouseout", this.handleMouse);
+      } else {
+        this.trigger.removeEventListener("click", this.handleMouse);
+      }
+      this.trigger.removeEventListener("keydown", this.handleKeyboard);
+      this.trigger.removeAttribute("aria-expanded");
+      this.attached = false;
+    };
+    this.generatedId = () => {
+      const string = this.trigger?.textContent?.trim();
+      return !string ? "" : makeAnchor(string);
+    };
+    if (!trigger) {
+      throw new Error("toggle is required.");
+    }
+    if (!element) {
+      throw new Error("element is required.");
+    }
+    const options = {
+      attribute: "inert",
+      shouldPreventDefault: true,
+      setInitialAttribute: true,
+      clickEvent: "click"
+    };
+    this.options = { ...options, ...overrides };
+    this.context = context || document;
+    this.trigger = trigger;
+    this.element = element;
+    this.id = this.element.id || this.generatedId();
+  }
+}
+export {
+  DisclosureWidget as default
+};
+//# sourceMappingURL=disclosure-widget.js.map

package/dist/build/disclosure-widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"disclosure-widget.js","sources":["../../src/Utility/Elements/disclosure-widget.ts"],"sourcesContent":["/**\n * Class for a generic Disclosure Widget.\n */\nimport { makeAnchor } from \"../utilities\"\n\ntype DisclosureWidgetOptions = {\n  attribute?: string\n  shouldPreventDefault?: boolean\n  setInitialAttribute?: boolean\n  clickEvent?: \"click\" | \"mouseover\"\n}\n\nexport type DisclosureWidgetEvent = {\n  isOpen: boolean\n  id: string\n  options: DisclosureWidgetOptions\n  target: Element\n}\n\nexport default class DisclosureWidget {\n  options: DisclosureWidgetOptions\n  context: Document | Element\n  trigger: Element & { disclosureWidget?: DisclosureWidget }\n  element: Element\n  id: string\n  isOpen?: boolean\n  attached?: boolean\n\n  constructor(\n    trigger: Element,\n    element: Element,\n    overrides?: DisclosureWidgetOptions,\n    context: Element | Document = document,\n  ) {\n    if (!trigger) {\n      throw new Error(\"toggle is required.\")\n    }\n    if (!element) {\n      throw new Error(\"element is required.\")\n    }\n    const options: DisclosureWidgetOptions = {\n      attribute: \"inert\",\n      shouldPreventDefault: true,\n      setInitialAttribute: true,\n      clickEvent: \"click\",\n    }\n\n    this.options = { ...options, ...overrides }\n    this.context = context || document\n    this.trigger = trigger\n    this.element = element\n    this.id = this.element.id || this.generatedId()\n  }\n\n  init = (): void => {\n    if (Object.prototype.hasOwnProperty.call(this.trigger, \"disclosureWidget\"))\n      return\n    const { attribute, setInitialAttribute } = this.options\n    this.trigger.disclosureWidget = this\n    if (setInitialAttribute) this.element.setAttribute(attribute, \"\")\n    this.attach()\n  }\n\n  handleToggle = (): void => {\n    const { attribute, setInitialAttribute } = this.options\n    this.element.toggleAttribute(attribute)\n    const hasAttribute: boolean = this.element.hasAttribute(attribute)\n    this.isOpen = setInitialAttribute ? !hasAttribute : hasAttribute\n    this.trigger.setAttribute(\"aria-expanded\", String(this.isOpen))\n    const newEvent: CustomEvent<DisclosureWidgetEvent> = new CustomEvent(\n      \"disclosure-toggle\",\n      {\n        bubbles: true,\n        cancelable: true,\n        detail: {\n          isOpen: this.isOpen,\n          id: this.id,\n          options: this.options,\n          target: this.element,\n        },\n      },\n    )\n    this.trigger.dispatchEvent(newEvent)\n  }\n\n  handleMouse = (event: MouseEvent): void => {\n    const { currentTarget, type, relatedTarget } = event\n\n    if (type === \"mouseover\" || type === \"mouseout\") {\n      const triggerParent = this.trigger.parentNode\n      if (\n        triggerParent !== currentTarget ||\n        triggerParent.contains(relatedTarget as HTMLElement)\n      )\n        return\n    } else if (this.trigger !== currentTarget) return\n\n    const { shouldPreventDefault } = this.options\n    this.handleToggle()\n    if (shouldPreventDefault) {\n      event.preventDefault()\n      event.stopPropagation()\n    }\n  }\n\n  handleKeyboard = (event: KeyboardEvent): void => {\n    const { key, target } = event\n    if (this.trigger !== target) return\n    const { isOpen } = this\n    const { shouldPreventDefault } = this.options\n\n    switch (key) {\n      // Down/Enter should open it.\n      case \"ArrowDown\":\n      case \"Enter\":\n        if (!isOpen) this.handleToggle()\n        if (shouldPreventDefault) event.preventDefault()\n        break\n\n      // Up/Esc should close it.\n      case \"ArrowUp\":\n      case \"Escape\":\n        if (isOpen) this.handleToggle()\n        if (shouldPreventDefault) event.preventDefault()\n        break\n\n      default:\n        break\n    }\n  }\n\n  attach = (): void => {\n    if (this.attached) return\n    const { clickEvent } = this.options\n    if (clickEvent === \"mouseover\") {\n      const parent = this.trigger.parentNode\n      parent.addEventListener(\"mouseover\", this.handleMouse)\n      parent.addEventListener(\"mouseout\", this.handleMouse)\n    } else {\n      this.trigger.addEventListener(\"click\", this.handleMouse)\n    }\n    this.trigger.addEventListener(\"keydown\", this.handleKeyboard)\n\n    this.trigger.setAttribute(\"aria-expanded\", \"false\")\n    if (!this.trigger.hasAttribute(\"aria-controls\"))\n      this.trigger.setAttribute(\"aria-controls\", this.id)\n    this.attached = true\n  }\n\n  detach = (): void => {\n    if (!this.attached) return\n    if (this.isOpen) {\n      this.handleToggle()\n    }\n    const { clickEvent } = this.options\n    if (clickEvent === \"mouseover\") {\n      const parent = this.trigger.parentNode\n      parent.removeEventListener(\"mouseover\", this.handleMouse)\n      parent.removeEventListener(\"mouseout\", this.handleMouse)\n    } else {\n      this.trigger.removeEventListener(\"click\", this.handleMouse)\n    }\n    this.trigger.removeEventListener(\"keydown\", this.handleKeyboard)\n\n    this.trigger.removeAttribute(\"aria-expanded\")\n    this.attached = false\n  }\n\n  generatedId = (): string => {\n    const string: string | undefined = this.trigger?.textContent?.trim()\n    return !string ? \"\" : makeAnchor(string)\n  }\n}\n"],"names":[],"mappings":";AAmBA,MAAqB,iBAAiB;AAAA,EASpC,YACE,SACA,SACA,WACA,UAA8B,UAC9B;AAqBF,SAAA,OAAO,MAAY;AACjB,UAAI,OAAO,UAAU,eAAe,KAAK,KAAK,SAAS,kBAAkB;AACvE;AACF,YAAM,EAAE,WAAW,wBAAwB,KAAK;AAChD,WAAK,QAAQ,mBAAmB;AAChC,UAAI,oBAAqB,MAAK,QAAQ,aAAa,WAAW,EAAE;AAChE,WAAK,OAAO;AAAA,IAAA;AAGd,SAAA,eAAe,MAAY;AACzB,YAAM,EAAE,WAAW,wBAAwB,KAAK;AAC3C,WAAA,QAAQ,gBAAgB,SAAS;AACtC,YAAM,eAAwB,KAAK,QAAQ,aAAa,SAAS;AAC5D,WAAA,SAAS,sBAAsB,CAAC,eAAe;AACpD,WAAK,QAAQ,aAAa,iBAAiB,OAAO,KAAK,MAAM,CAAC;AAC9D,YAAM,WAA+C,IAAI;AAAA,QACvD;AAAA,QACA;AAAA,UACE,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,QAAQ;AAAA,YACN,QAAQ,KAAK;AAAA,YACb,IAAI,KAAK;AAAA,YACT,SAAS,KAAK;AAAA,YACd,QAAQ,KAAK;AAAA,UACf;AAAA,QACF;AAAA,MAAA;AAEG,WAAA,QAAQ,cAAc,QAAQ;AAAA,IAAA;AAGrC,SAAA,cAAc,CAAC,UAA4B;AACzC,YAAM,EAAE,eAAe,MAAM,cAAA,IAAkB;AAE3C,UAAA,SAAS,eAAe,SAAS,YAAY;AACzC,cAAA,gBAAgB,KAAK,QAAQ;AACnC,YACE,kBAAkB,iBAClB,cAAc,SAAS,aAA4B;AAEnD;AAAA,MACJ,WAAW,KAAK,YAAY,cAAe;AAErC,YAAA,EAAE,qBAAqB,IAAI,KAAK;AACtC,WAAK,aAAa;AAClB,UAAI,sBAAsB;AACxB,cAAM,eAAe;AACrB,cAAM,gBAAgB;AAAA,MACxB;AAAA,IAAA;AAGF,SAAA,iBAAiB,CAAC,UAA+B;AACzC,YAAA,EAAE,KAAK,OAAW,IAAA;AACpB,UAAA,KAAK,YAAY,OAAQ;AACvB,YAAA,EAAE,OAAW,IAAA;AACb,YAAA,EAAE,qBAAqB,IAAI,KAAK;AAEtC,cAAQ,KAAK;AAAA,QAEX,KAAK;AAAA,QACL,KAAK;AACC,cAAA,CAAC,OAAQ,MAAK;AACd,cAAA,4BAA4B;AAChC;AAAA,QAGF,KAAK;AAAA,QACL,KAAK;AACC,cAAA,aAAa;AACb,cAAA,4BAA4B;AAChC;AAAA,MAIJ;AAAA,IAAA;AAGF,SAAA,SAAS,MAAY;AACnB,UAAI,KAAK,SAAU;AACb,YAAA,EAAE,WAAW,IAAI,KAAK;AAC5B,UAAI,eAAe,aAAa;AACxB,cAAA,SAAS,KAAK,QAAQ;AACrB,eAAA,iBAAiB,aAAa,KAAK,WAAW;AAC9C,eAAA,iBAAiB,YAAY,KAAK,WAAW;AAAA,MAAA,OAC/C;AACL,aAAK,QAAQ,iBAAiB,SAAS,KAAK,WAAW;AAAA,MACzD;AACA,WAAK,QAAQ,iBAAiB,WAAW,KAAK,cAAc;AAEvD,WAAA,QAAQ,aAAa,iBAAiB,OAAO;AAClD,UAAI,CAAC,KAAK,QAAQ,aAAa,eAAe;AAC5C,aAAK,QAAQ,aAAa,iBAAiB,KAAK,EAAE;AACpD,WAAK,WAAW;AAAA,IAAA;AAGlB,SAAA,SAAS,MAAY;AACf,UAAA,CAAC,KAAK,SAAU;AACpB,UAAI,KAAK,QAAQ;AACf,aAAK,aAAa;AAAA,MACpB;AACM,YAAA,EAAE,WAAW,IAAI,KAAK;AAC5B,UAAI,eAAe,aAAa;AACxB,cAAA,SAAS,KAAK,QAAQ;AACrB,eAAA,oBAAoB,aAAa,KAAK,WAAW;AACjD,eAAA,oBAAoB,YAAY,KAAK,WAAW;AAAA,MAAA,OAClD;AACL,aAAK,QAAQ,oBAAoB,SAAS,KAAK,WAAW;AAAA,MAC5D;AACA,WAAK,QAAQ,oBAAoB,WAAW,KAAK,cAAc;AAE1D,WAAA,QAAQ,gBAAgB,eAAe;AAC5C,WAAK,WAAW;AAAA,IAAA;AAGlB,SAAA,cAAc,MAAc;AAC1B,YAAM,SAA6B,KAAK,SAAS,aAAa,KAAK;AACnE,aAAO,CAAC,SAAS,KAAK,WAAW,MAAM;AAAA,IAAA;AAxIvC,QAAI,CAAC,SAAS;AACN,YAAA,IAAI,MAAM,qBAAqB;AAAA,IACvC;AACA,QAAI,CAAC,SAAS;AACN,YAAA,IAAI,MAAM,sBAAsB;AAAA,IACxC;AACA,UAAM,UAAmC;AAAA,MACvC,WAAW;AAAA,MACX,sBAAsB;AAAA,MACtB,qBAAqB;AAAA,MACrB,YAAY;AAAA,IAAA;AAGd,SAAK,UAAU,EAAE,GAAG,SAAS,GAAG,UAAU;AAC1C,SAAK,UAAU,WAAW;AAC1B,SAAK,UAAU;AACf,SAAK,UAAU;AACf,SAAK,KAAK,KAAK,QAAQ,MAAM,KAAK;EACpC;AAwHF;"}

package/dist/build/drop-menu.css

@@ -0,0 +1,78 @@
+/* stylelint-disable selector-class-pattern, function-no-unknown, property-no-unknown, selector-pseudo-class-no-unknown */
+
+/**
+ * Drop menu
+ *
+ * **Experimental** Using new CSS Anchoring and Popover API's, requires JS polyfill.
+ */
+
+@layer elements {
+  .drop-menu__trigger {
+    anchor-name: --drop-menu;
+  }
+
+    .drop-menu__trigger:has(~ :popover-open)::before {
+      rotate: 180deg;
+    }
+
+  .drop-menu {
+    position: absolute;
+    background-color: var(
+      --drop-menu-background,
+      var(--background, var(--colour-background))
+    );
+    color: var(
+      --drop-menu-foreground,
+      var(--foreground, var(--colour-foreground))
+    );
+    border: 2px solid
+      var(--line-colour, var(--colour-border));
+    border: var(--line-width, 2px) solid
+      var(--line-colour, var(--colour-border));
+    margin: 0;
+  }
+
+    @supports (inline-size: anchor-size(width)) {
+
+  .drop-menu {
+      position-anchor: --drop-menu;
+      inset-area: bottom;
+      position-area: bottom;
+      position-try-options: flip-block;
+      position-try-fallback: flip-block;
+      min-inline-size: anchor-size(width);
+  }
+    }
+
+    .drop-menu:popover-open {
+      display: flex;
+      flex-direction: column;
+    }
+
+    .drop-menu button {
+      -webkit-appearance: none;
+         -moz-appearance: none;
+              appearance: none;
+      line-height: inherit;
+      font-family: inherit;
+      font-size: inherit;
+      background-color: transparent;
+      color: inherit;
+      border: medium none currentcolor;
+      border: initial;
+      text-align: start;
+    }
+
+      .drop-menu button[aria-checked="true"] {
+        text-decoration-line: underline;
+      }
+
+    .drop-menu :is(a, button) {
+      padding-block: var(--spacing-xxxs);
+      padding-inline: var(--spacing-xs);
+      cursor: pointer;
+      min-inline-size: 15ch;
+    }
+}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtbWVudS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEseUhBQXlIOztBQUV6SDs7OztFQUlFOztBQUVGO0VBQ0U7SUFDRSx3QkFBd0I7RUFLMUI7O0lBSEU7TUFDRSxjQUFjO0lBQ2hCOztFQUdGO0lBQ0Usa0JBQWtCO0lBQ2xCOzs7S0FHQztJQUNEOzs7S0FHQztJQUNEOzhDQUMwQztJQUQxQzs4Q0FDMEM7SUFDMUMsU0FBUztFQXFDWDs7SUFuQ0U7O0VBZEY7TUFlSSw0QkFBNEI7TUFDNUIsa0JBQWtCO01BQ2xCLHFCQUFxQjtNQUNyQixnQ0FBZ0M7TUFDaEMsaUNBQWlDO01BQ2pDLG1DQUFtQztFQTZCdkM7SUE1QkU7O0lBRUE7TUFDRSxhQUFhO01BQ2Isc0JBQXNCO0lBQ3hCOztJQUVBO01BQ0Usd0JBQWdCO1NBQWhCLHFCQUFnQjtjQUFoQixnQkFBZ0I7TUFDaEIsb0JBQW9CO01BQ3BCLG9CQUFvQjtNQUNwQixrQkFBa0I7TUFDbEIsNkJBQTZCO01BQzdCLGNBQWM7TUFDZCxnQ0FBYTtNQUFiLGVBQWE7TUFDYixpQkFBaUI7SUFLbkI7O01BSEU7UUFDRSwrQkFBK0I7TUFDakM7O0lBR0Y7TUFDRSxrQ0FBa0M7TUFDbEMsaUNBQWlDO01BQ2pDLGVBQWU7TUFDZixxQkFBcUI7SUFDdkI7QUFFSiIsImZpbGUiOiJkcm9wLW1lbnUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyogc3R5bGVsaW50LWRpc2FibGUgc2VsZWN0b3ItY2xhc3MtcGF0dGVybiwgZnVuY3Rpb24tbm8tdW5rbm93biwgcHJvcGVydHktbm8tdW5rbm93biwgc2VsZWN0b3ItcHNldWRvLWNsYXNzLW5vLXVua25vd24gKi9cblxuLyoqXG4gKiBEcm9wIG1lbnVcbiAqXG4gKiAqKkV4cGVyaW1lbnRhbCoqIFVzaW5nIG5ldyBDU1MgQW5jaG9yaW5nIGFuZCBQb3BvdmVyIEFQSSdzLCByZXF1aXJlcyBKUyBwb2x5ZmlsbC5cbiAqL1xuXG5AbGF5ZXIgZWxlbWVudHMge1xuICAuZHJvcC1tZW51X190cmlnZ2VyIHtcbiAgICBhbmNob3ItbmFtZTogLS1kcm9wLW1lbnU7XG5cbiAgICAmOmhhcyh+IDpwb3BvdmVyLW9wZW4pOjpiZWZvcmUge1xuICAgICAgcm90YXRlOiAxODBkZWc7XG4gICAgfVxuICB9XG5cbiAgLmRyb3AtbWVudSB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcihcbiAgICAgIC0tZHJvcC1tZW51LWJhY2tncm91bmQsXG4gICAgICB2YXIoLS1iYWNrZ3JvdW5kLCB2YXIoLS1jb2xvdXItYmFja2dyb3VuZCkpXG4gICAgKTtcbiAgICBjb2xvcjogdmFyKFxuICAgICAgLS1kcm9wLW1lbnUtZm9yZWdyb3VuZCxcbiAgICAgIHZhcigtLWZvcmVncm91bmQsIHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kKSlcbiAgICApO1xuICAgIGJvcmRlcjogdmFyKC0tbGluZS13aWR0aCwgMnB4KSBzb2xpZFxuICAgICAgdmFyKC0tbGluZS1jb2xvdXIsIHZhcigtLWNvbG91ci1ib3JkZXIpKTtcbiAgICBtYXJnaW46IDA7XG5cbiAgICBAc3VwcG9ydHMgKGlubGluZS1zaXplOiBhbmNob3Itc2l6ZSh3aWR0aCkpIHtcbiAgICAgIHBvc2l0aW9uLWFuY2hvcjogLS1kcm9wLW1lbnU7XG4gICAgICBpbnNldC1hcmVhOiBib3R0b207XG4gICAgICBwb3NpdGlvbi1hcmVhOiBib3R0b207XG4gICAgICBwb3NpdGlvbi10cnktb3B0aW9uczogZmxpcC1ibG9jaztcbiAgICAgIHBvc2l0aW9uLXRyeS1mYWxsYmFjazogZmxpcC1ibG9jaztcbiAgICAgIG1pbi1pbmxpbmUtc2l6ZTogYW5jaG9yLXNpemUod2lkdGgpO1xuICAgIH1cblxuICAgICY6cG9wb3Zlci1vcGVuIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIH1cblxuICAgICYgYnV0dG9uIHtcbiAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICBsaW5lLWhlaWdodDogaW5oZXJpdDtcbiAgICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgICAgZm9udC1zaXplOiBpbmhlcml0O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgIGJvcmRlcjogdW5zZXQ7XG4gICAgICB0ZXh0LWFsaWduOiBzdGFydDtcblxuICAgICAgJlthcmlhLWNoZWNrZWQ9XCJ0cnVlXCJdIHtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uLWxpbmU6IHVuZGVybGluZTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIDppcyhhLCBidXR0b24pIHtcbiAgICAgIHBhZGRpbmctYmxvY2s6IHZhcigtLXNwYWNpbmcteHh4cyk7XG4gICAgICBwYWRkaW5nLWlubGluZTogdmFyKC0tc3BhY2luZy14cyk7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBtaW4taW5saW5lLXNpemU6IDE1Y2g7XG4gICAgfVxuICB9XG59XG4iXX0= */

package/dist/build/drupal.css

@@ -0,0 +1,74 @@
+/**
+ * Drupal Login Form
+ *
+ * Markup: login-form.twig
+ */
+
+main :is(.user-login-form, .user-register-form, .user-pass) {
+  max-inline-size: var(--container-max-width-narrow);
+  margin-block: var(--spacing-xxl);
+  margin-inline: auto;
+}
+
+/**
+ * Drupal Local Tasks
+ *
+ * Markup: local-tasks.twig
+ */
+
+.block-local-tasks-block .tab-list {
+    position: fixed;
+    inset-block-start: 300px;
+    inset-inline-start: 0;
+    inline-size: 120px;
+    margin-block-end: 0;
+    padding-inline-start: 0;
+    border: 2px solid
+      var(--line-colour, var(--colour-primary));
+    border: var(--line-width, 2px) solid
+      var(--line-colour, var(--colour-primary));
+    border-start-end-radius: var(--spacing-xxs);
+    border-end-end-radius: var(--spacing-xxs);
+    list-style-type: none;
+    overflow: hidden;
+    z-index: 501;
+    transform: translateX(-75%);
+    transition: transform 0.2s ease-in-out;
+  }
+
+.block-local-tasks-block .tab-list:hover {
+      transform: translateX(0);
+    }
+
+.block-local-tasks-block .tab-list li {
+      border-block-end: 2px solid
+        var(--line-colour, var(--colour-primary));
+      border-block-end: var(--line-width, 2px) solid
+        var(--line-colour, var(--colour-primary));
+    }
+
+.block-local-tasks-block .tab-list li:last-of-type {
+        border-block-end: 0 none;
+      }
+
+.block-local-tasks-block .tab-list a {
+      display: block;
+      -webkit-text-decoration: none;
+      text-decoration: none;
+      padding-block: var(--spacing-xxs);
+      padding-inline: var(--spacing-m);
+      color: var(--foreground, var(--colour-primary));
+      background-color: var(--background, var(--colour-background));
+      transition:
+        0.2s background-color,
+        0.2s color;
+    }
+
+@media print {
+
+.block-local-tasks-block {
+    display: none;
+}
+  }
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRydXBhbC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7RUFJRTs7QUFFRjtFQUNFLGtEQUFrRDtFQUNsRCxnQ0FBZ0M7RUFDaEMsbUJBQW1CO0FBQ3JCOztBQUVBOzs7O0VBSUU7O0FBR0E7SUFDRSxlQUFlO0lBQ2Ysd0JBQXdCO0lBQ3hCLHFCQUFxQjtJQUNyQixrQkFBa0I7SUFDbEIsbUJBQW1CO0lBQ25CLHVCQUF1QjtJQUN2QjsrQ0FDMkM7SUFEM0M7K0NBQzJDO0lBQzNDLDJDQUEyQztJQUMzQyx5Q0FBeUM7SUFDekMscUJBQXFCO0lBQ3JCLGdCQUFnQjtJQUNoQixZQUFZO0lBQ1osMkJBQTJCO0lBQzNCLHNDQUFzQztFQTBCeEM7O0FBeEJFO01BQ0Usd0JBQXdCO0lBQzFCOztBQUVBO01BQ0U7aURBQzJDO01BRDNDO2lEQUMyQztJQUs3Qzs7QUFIRTtRQUNFLHdCQUF3QjtNQUMxQjs7QUFHRjtNQUNFLGNBQWM7TUFDZCw2QkFBcUI7TUFBckIscUJBQXFCO01BQ3JCLGlDQUFpQztNQUNqQyxnQ0FBZ0M7TUFDaEMsK0NBQStDO01BQy9DLDZEQUE2RDtNQUM3RDs7a0JBRVk7SUFDZDs7QUFHRjs7QUE1Q0Y7SUE2Q0ksYUFBYTtBQUVqQjtFQURFIiwiZmlsZSI6ImRydXBhbC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIERydXBhbCBMb2dpbiBGb3JtXG4gKlxuICogTWFya3VwOiBsb2dpbi1mb3JtLnR3aWdcbiAqL1xuXG5tYWluIDppcygudXNlci1sb2dpbi1mb3JtLCAudXNlci1yZWdpc3Rlci1mb3JtLCAudXNlci1wYXNzKSB7XG4gIG1heC1pbmxpbmUtc2l6ZTogdmFyKC0tY29udGFpbmVyLW1heC13aWR0aC1uYXJyb3cpO1xuICBtYXJnaW4tYmxvY2s6IHZhcigtLXNwYWNpbmcteHhsKTtcbiAgbWFyZ2luLWlubGluZTogYXV0bztcbn1cblxuLyoqXG4gKiBEcnVwYWwgTG9jYWwgVGFza3NcbiAqXG4gKiBNYXJrdXA6IGxvY2FsLXRhc2tzLnR3aWdcbiAqL1xuXG4uYmxvY2stbG9jYWwtdGFza3MtYmxvY2sge1xuICAmIC50YWItbGlzdCB7XG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIGluc2V0LWJsb2NrLXN0YXJ0OiAzMDBweDtcbiAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IDA7XG4gICAgaW5saW5lLXNpemU6IDEyMHB4O1xuICAgIG1hcmdpbi1ibG9jay1lbmQ6IDA7XG4gICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDA7XG4gICAgYm9yZGVyOiB2YXIoLS1saW5lLXdpZHRoLCAycHgpIHNvbGlkXG4gICAgICB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLXByaW1hcnkpKTtcbiAgICBib3JkZXItc3RhcnQtZW5kLXJhZGl1czogdmFyKC0tc3BhY2luZy14eHMpO1xuICAgIGJvcmRlci1lbmQtZW5kLXJhZGl1czogdmFyKC0tc3BhY2luZy14eHMpO1xuICAgIGxpc3Qtc3R5bGUtdHlwZTogbm9uZTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHotaW5kZXg6IDUwMTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTc1JSk7XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1pbi1vdXQ7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICB9XG5cbiAgICAmIGxpIHtcbiAgICAgIGJvcmRlci1ibG9jay1lbmQ6IHZhcigtLWxpbmUtd2lkdGgsIDJweCkgc29saWRcbiAgICAgICAgdmFyKC0tbGluZS1jb2xvdXIsIHZhcigtLWNvbG91ci1wcmltYXJ5KSk7XG5cbiAgICAgICY6bGFzdC1vZi10eXBlIHtcbiAgICAgICAgYm9yZGVyLWJsb2NrLWVuZDogMCBub25lO1xuICAgICAgfVxuICAgIH1cblxuICAgICYgYSB7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICAgIHBhZGRpbmctYmxvY2s6IHZhcigtLXNwYWNpbmcteHhzKTtcbiAgICAgIHBhZGRpbmctaW5saW5lOiB2YXIoLS1zcGFjaW5nLW0pO1xuICAgICAgY29sb3I6IHZhcigtLWZvcmVncm91bmQsIHZhcigtLWNvbG91ci1wcmltYXJ5KSk7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1iYWNrZ3JvdW5kLCB2YXIoLS1jb2xvdXItYmFja2dyb3VuZCkpO1xuICAgICAgdHJhbnNpdGlvbjpcbiAgICAgICAgMC4ycyBiYWNrZ3JvdW5kLWNvbG9yLFxuICAgICAgICAwLjJzIGNvbG9yO1xuICAgIH1cbiAgfVxuXG4gIEBtZWRpYSBwcmludCB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuIl19 */

package/dist/build/footer-menu.css

@@ -0,0 +1,32 @@
+/**
+ * Footer Navigation
+ */
+@layer components {
+    .nav--footer ul {
+      display: grid;
+    }
+
+    .nav--footer .nav__level-1 {
+      gap: var(--spacing-l) var(--spacing-xxxl);
+      grid-template-columns: 1fr 1fr;
+    }
+
+      @media (min-width: 720px) {
+
+    .nav--footer .nav__level-1 {
+        grid-template-columns: 1fr 1fr 1fr;
+    }
+      }
+
+      .nav--footer .nav__level-1 > li > a {
+        display: inline-block;
+        margin-block-end: var(--spacing-l);
+        font-weight: var(--font-weight-bold);
+      }
+
+    .nav--footer .nav__level-2 {
+      gap: var(--spacing-s);
+    }
+}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZvb3Rlci1tZW51LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7RUFFRTtBQUNGO0lBRUk7TUFDRSxhQUFhO0lBQ2Y7O0lBRUE7TUFDRSx5Q0FBeUM7TUFDekMsOEJBQThCO0lBV2hDOztNQVRFOztJQUpGO1FBS0ksa0NBQWtDO0lBUXRDO01BUEU7O01BRUE7UUFDRSxxQkFBcUI7UUFDckIsa0NBQWtDO1FBQ2xDLG9DQUFvQztNQUN0Qzs7SUFHRjtNQUNFLHFCQUFxQjtJQUN2QjtBQUVKIiwiZmlsZSI6ImZvb3Rlci1tZW51LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRm9vdGVyIE5hdmlnYXRpb25cbiAqL1xuQGxheWVyIGNvbXBvbmVudHMge1xuICAubmF2LS1mb290ZXIge1xuICAgICYgdWwge1xuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICB9XG5cbiAgICAmIC5uYXZfX2xldmVsLTEge1xuICAgICAgZ2FwOiB2YXIoLS1zcGFjaW5nLWwpIHZhcigtLXNwYWNpbmcteHh4bCk7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmciAxZnI7XG5cbiAgICAgIEBtZWRpYSAoLS1tZWRpdW0tdXApIHtcbiAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgMWZyIDFmcjtcbiAgICAgIH1cblxuICAgICAgJiA+IGxpID4gYSB7XG4gICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgbWFyZ2luLWJsb2NrLWVuZDogdmFyKC0tc3BhY2luZy1sKTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigtLWZvbnQtd2VpZ2h0LWJvbGQpO1xuICAgICAgfVxuICAgIH1cblxuICAgICYgLm5hdl9fbGV2ZWwtMiB7XG4gICAgICBnYXA6IHZhcigtLXNwYWNpbmctcyk7XG4gICAgfVxuICB9XG59XG4iXX0= */

package/dist/build/footer.css

@@ -0,0 +1,61 @@
+/**
+ * Global Footer
+ */
+
+@layer components {
+  .footer {
+    position: sticky;
+    inset-block-start: 100vh;
+  }
+
+    .footer .nav__toggle {
+      display: none;
+    }
+
+    .footer .grid {
+      row-gap: var(--footer-row-gap, var(--spacing-xxxl));
+    }
+    @media (max-width: 719.98px) {
+
+  .footer__logo {
+      text-align: center;
+  }
+    }
+
+  .footer__meta {
+    padding-block-start: var(--spacing-s);
+    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));
+    text-align: center;
+    line-height: 2;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: var(--gap);
+  }
+
+    @media (max-width: 419.98px) {
+
+  .footer__meta {
+      flex-direction: column;
+  }
+    }
+      @media (max-width: 419.98px) {
+
+    .footer__meta .nav--inline > ul {
+        flex-direction: column;
+        gap: var(--gap-s);
+    }
+      }
+}
+
+@media print {
+  .footer {
+    display: none;
+  }
+}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZvb3Rlci5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLGdCQUFnQjtJQUNoQix3QkFBd0I7RUFTMUI7O0lBUEU7TUFDRSxhQUFhO0lBQ2Y7O0lBRUE7TUFDRSxtREFBbUQ7SUFDckQ7SUFJQTs7RUFERjtNQUVJLGtCQUFrQjtFQUV0QjtJQURFOztFQUdGO0lBQ0UscUNBQXFDO0lBQ3JDOzhDQUMwQztJQUQxQzs4Q0FDMEM7SUFDMUMsa0JBQWtCO0lBQ2xCLGNBQWM7SUFDZCxhQUFhO0lBQ2IsOEJBQThCO0lBQzlCLG1CQUFtQjtJQUNuQixlQUFlO0lBQ2YsZUFBZTtFQVlqQjs7SUFWRTs7RUFaRjtNQWFJLHNCQUFzQjtFQVMxQjtJQVJFO01BR0U7O0lBREY7UUFFSSxzQkFBc0I7UUFDdEIsaUJBQWlCO0lBRXJCO01BREU7QUFHTjs7QUFFQTtFQUNFO0lBQ0UsYUFBYTtFQUNmO0FBQ0YiLCJmaWxlIjoiZm9vdGVyLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2xvYmFsIEZvb3RlclxuICovXG5cbkBsYXllciBjb21wb25lbnRzIHtcbiAgLmZvb3RlciB7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgICBpbnNldC1ibG9jay1zdGFydDogMTAwdmg7XG5cbiAgICAmIC5uYXZfX3RvZ2dsZSB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgICYgLmdyaWQge1xuICAgICAgcm93LWdhcDogdmFyKC0tZm9vdGVyLXJvdy1nYXAsIHZhcigtLXNwYWNpbmcteHh4bCkpO1xuICAgIH1cbiAgfVxuXG4gIC5mb290ZXJfX2xvZ28ge1xuICAgIEBtZWRpYSAoLS1tZWRpdW0tZG93bikge1xuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIH1cbiAgfVxuXG4gIC5mb290ZXJfX21ldGEge1xuICAgIHBhZGRpbmctYmxvY2stc3RhcnQ6IHZhcigtLXNwYWNpbmctcyk7XG4gICAgYm9yZGVyLWJsb2NrLXN0YXJ0OiB2YXIoLS1saW5lLXdpZHRoLCAxcHgpIHNvbGlkXG4gICAgICB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLWJvcmRlcikpO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBsaW5lLWhlaWdodDogMjtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICBnYXA6IHZhcigtLWdhcCk7XG5cbiAgICBAbWVkaWEgKC0teC1zbWFsbC1kb3duKSB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIH1cblxuICAgICYgLm5hdi0taW5saW5lID4gdWwge1xuICAgICAgQG1lZGlhICgtLXgtc21hbGwtZG93bikge1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBnYXA6IHZhcigtLWdhcC1zKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cblxuQG1lZGlhIHByaW50IHtcbiAgLmZvb3RlciB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuIl19 */