@pnx-mixtape/mxds 0.0.4 → 0.0.6

package/dist/build/drop-menu.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-menu.entry.js","sources":["../../src/Component/DropMenu/Elements/DropMenu.ts"],"sourcesContent":["/**\n * DropMenu\n * @file Create a DropMenu using the Popover and Anchor APIs\n */\n\nimport { Keyboard, makeAnchor } from \"../../../Utility/utilities\"\n\nexport type DropMenuEvent = CustomEvent<{\n  event: MouseEvent | KeyboardEvent\n  target: HTMLButtonElement | HTMLAnchorElement\n}>\n\nexport default class DropMenu extends HTMLElement {\n  internals_: ElementInternals\n  controller: AbortController\n  keyboard: Keyboard = new Keyboard()\n  closeOnClick: boolean\n\n  constructor() {\n    super()\n    this.internals_ = this.attachInternals()\n    this.controller = new AbortController()\n  }\n\n  async connectedCallback() {\n    if (!this.menu || !this.trigger) return\n\n    // Polyfill anchor (everywhere so far).\n    if (!(\"anchorName\" in document.documentElement.style)) {\n      const { default: Polyfills } = await import(\"../polyfills.js\")\n      new Polyfills(this.menu) // eslint-disable-line no-new\n    }\n    // Polyfill popover (FF only)\n    if (!Object.hasOwn(HTMLElement, \"popover\")) {\n      await import(\"@oddbird/popover-polyfill\")\n    }\n    this.closeOnClick = this.hasAttribute(\"closeonclick\")\n\n    const { signal }: AbortController = this.controller\n    document.addEventListener(\n      \"click\",\n      (event: MouseEvent): void => {\n        const { target } = event\n        if (\n          (target as HTMLElement) !== this.menu &&\n          ![...this.items].includes(\n            target as HTMLButtonElement | HTMLAnchorElement,\n          )\n        )\n          return\n        this.handleSelect(event)\n        event.preventDefault()\n      },\n      {\n        signal,\n      },\n    )\n\n    document.addEventListener(\n      \"keydown\",\n      (event: KeyboardEvent): void => {\n        const { target, key } = event\n        if (\n          (target as HTMLElement) !== this.menu &&\n          ![...this.items].includes(\n            target as HTMLButtonElement | HTMLAnchorElement,\n          )\n        )\n          return\n        if (key === \"Enter\") this.handleSelect(event)\n        event.preventDefault()\n      },\n      {\n        signal,\n      },\n    )\n\n    this.keyboard.attachEventListeners(signal)\n    this.menu.addEventListener(\"focusin\", this.attachKeyboardMenu, {\n      signal,\n    })\n    this.menu.addEventListener(\"focusout\", this.detachKeyboardMenu, {\n      signal,\n    })\n    this.menu.addEventListener(\"toggle\", this.handleToggle, {\n      signal,\n    })\n  }\n\n  disconnectedCallback(): void {\n    this.controller.abort()\n    this.keyboard.detachMenu()\n  }\n\n  handleSelect = (event: MouseEvent | KeyboardEvent): void => {\n    const target = event.target as HTMLButtonElement | HTMLAnchorElement\n    this.items.forEach(item => {\n      if (!(item instanceof HTMLButtonElement)) return\n      item.setAttribute(\"aria-checked\", String(item === target))\n    })\n    const newEvent: DropMenuEvent = new CustomEvent(\"drop-menu-select\", {\n      bubbles: true,\n      cancelable: true,\n      detail: {\n        event,\n        target,\n      },\n    })\n    this.menu.dispatchEvent(newEvent)\n    if (this.closeOnClick) this.menu.togglePopover()\n  }\n\n  handleToggle = ({ newState }: ToggleEvent): void => {\n    const handleClose = () => this.menu.togglePopover()\n    if (newState === \"open\") {\n      this.keyboard.attachPopup(this.menu.id, handleClose)\n    } else {\n      this.keyboard.detachPopup(this.menu.id)\n    }\n  }\n\n  attachKeyboardMenu = (): void => {\n    this.keyboard.attachMenu(this.menu, this.items)\n  }\n\n  detachKeyboardMenu = (): void => {\n    this.keyboard.detachMenu()\n  }\n\n  get menu(): HTMLDivElement | null {\n    const menu: HTMLDivElement | null = this.querySelector(\"[popover]\")\n    if (!menu) {\n      throw new Error(`${this.localName} must contain a <div popover> element.`)\n    }\n    menu.id = menu.id || this.generatedId()\n    return menu\n  }\n\n  get items(): NodeListOf<HTMLButtonElement | HTMLAnchorElement> {\n    const items: NodeListOf<HTMLButtonElement | HTMLAnchorElement> =\n      this.menu.querySelectorAll(\":scope > *\")\n    if (!items) {\n      throw new Error(`${this.localName} must contain some menu items.`)\n    }\n    return items\n  }\n\n  get trigger(): HTMLButtonElement | null {\n    const trigger: HTMLButtonElement | null = this.querySelector(\n      `[popovertarget=${this.menu?.id}]`,\n    )\n    if (!trigger) {\n      throw new Error(\n        `${this.localName} must contain a <button popovertarget=\"${this.menu.id}\">`,\n      )\n    }\n    return trigger\n  }\n\n  generatedId = (): string => {\n    const string: string | undefined = this.trigger?.textContent?.trim()\n    return !string ? \"\" : makeAnchor(string)\n  }\n}\n\ncustomElements.define(\"mx-dropmenu\", DropMenu)\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"mx-dropmenu\": DropMenu\n  }\n}\n"],"names":[],"mappings":"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"}

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 design-system.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZvb3Rlci1tZW51LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7RUFFRTtBQUNGO0lBRUk7TUFDRSxhQUFhO0lBQ2Y7O0lBRUE7TUFDRSx5Q0FBeUM7TUFDekMsOEJBQThCO0lBV2hDOztNQVRFOztJQUpGO1FBS0ksa0NBQWtDO0lBUXRDO01BUEU7O01BRUE7UUFDRSxxQkFBcUI7UUFDckIsa0NBQWtDO1FBQ2xDLG9DQUFvQztNQUN0Qzs7SUFHRjtNQUNFLHFCQUFxQjtJQUN2QjtBQUVKIiwiZmlsZSI6ImZvb3Rlci1tZW51LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRm9vdGVyIE5hdmlnYXRpb25cbiAqL1xuQGxheWVyIGRlc2lnbi1zeXN0ZW0uY29tcG9uZW50cyB7XG4gIC5uYXYtLWZvb3RlciB7XG4gICAgJiB1bCB7XG4gICAgICBkaXNwbGF5OiBncmlkO1xuICAgIH1cblxuICAgICYgLm5hdl9fbGV2ZWwtMSB7XG4gICAgICBnYXA6IHZhcigtLXNwYWNpbmctbCkgdmFyKC0tc3BhY2luZy14eHhsKTtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyIDFmcjtcblxuICAgICAgQG1lZGlhICgtLW1lZGl1bS11cCkge1xuICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmciAxZnIgMWZyO1xuICAgICAgfVxuXG4gICAgICAmID4gbGkgPiBhIHtcbiAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1zcGFjaW5nLWwpO1xuICAgICAgICBmb250LXdlaWdodDogdmFyKC0tZm9udC13ZWlnaHQtYm9sZCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiAubmF2X19sZXZlbC0yIHtcbiAgICAgIGdhcDogdmFyKC0tc3BhY2luZy1zKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ== */

package/dist/build/footer.css

@@ -0,0 +1,61 @@
+/**
+ * Global Footer
+ */
+
+@layer design-system.layouts {
+  .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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZvb3Rlci5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLGdCQUFnQjtJQUNoQix3QkFBd0I7RUFTMUI7O0lBUEU7TUFDRSxhQUFhO0lBQ2Y7O0lBRUE7TUFDRSxtREFBbUQ7SUFDckQ7SUFJQTs7RUFERjtNQUVJLGtCQUFrQjtFQUV0QjtJQURFOztFQUdGO0lBQ0UscUNBQXFDO0lBQ3JDOzhDQUMwQztJQUQxQzs4Q0FDMEM7SUFDMUMsa0JBQWtCO0lBQ2xCLGNBQWM7SUFDZCxhQUFhO0lBQ2IsOEJBQThCO0lBQzlCLG1CQUFtQjtJQUNuQixlQUFlO0lBQ2YsZUFBZTtFQVlqQjs7SUFWRTs7RUFaRjtNQWFJLHNCQUFzQjtFQVMxQjtJQVJFO01BR0U7O0lBREY7UUFFSSxzQkFBc0I7UUFDdEIsaUJBQWlCO0lBRXJCO01BREU7QUFHTjs7QUFFQTtFQUNFO0lBQ0UsYUFBYTtFQUNmO0FBQ0YiLCJmaWxlIjoiZm9vdGVyLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2xvYmFsIEZvb3RlclxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmxheW91dHMge1xuICAuZm9vdGVyIHtcbiAgICBwb3NpdGlvbjogc3RpY2t5O1xuICAgIGluc2V0LWJsb2NrLXN0YXJ0OiAxMDB2aDtcblxuICAgICYgLm5hdl9fdG9nZ2xlIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgJiAuZ3JpZCB7XG4gICAgICByb3ctZ2FwOiB2YXIoLS1mb290ZXItcm93LWdhcCwgdmFyKC0tc3BhY2luZy14eHhsKSk7XG4gICAgfVxuICB9XG5cbiAgLmZvb3Rlcl9fbG9nbyB7XG4gICAgQG1lZGlhICgtLW1lZGl1bS1kb3duKSB7XG4gICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgfVxuICB9XG5cbiAgLmZvb3Rlcl9fbWV0YSB7XG4gICAgcGFkZGluZy1ibG9jay1zdGFydDogdmFyKC0tc3BhY2luZy1zKTtcbiAgICBib3JkZXItYmxvY2stc3RhcnQ6IHZhcigtLWxpbmUtd2lkdGgsIDFweCkgc29saWRcbiAgICAgIHZhcigtLWxpbmUtY29sb3VyLCB2YXIoLS1jb2xvdXItYm9yZGVyKSk7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIGxpbmUtaGVpZ2h0OiAyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZmxleC13cmFwOiB3cmFwO1xuICAgIGdhcDogdmFyKC0tZ2FwKTtcblxuICAgIEBtZWRpYSAoLS14LXNtYWxsLWRvd24pIHtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgfVxuXG4gICAgJiAubmF2LS1pbmxpbmUgPiB1bCB7XG4gICAgICBAbWVkaWEgKC0teC1zbWFsbC1kb3duKSB7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIGdhcDogdmFyKC0tZ2FwLXMpO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuXG5AbWVkaWEgcHJpbnQge1xuICAuZm9vdGVyIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG4iXX0= */