@pnx-mixtape/mxds 0.0.13 → 0.0.15

package/src/Utility/Context/ImageComponent.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable no-unused-vars */
 /**
  * A Framework Context for passing in Image and Image components.
  *
@@ -18,7 +17,7 @@ import {
   PropsWithChildren,
   ComponentPropsWithoutRef,
   createContext,
-  useContext,
+  use,
 } from "react"
 
 type ImageComponentProps = ComponentPropsWithoutRef<"img">
@@ -31,7 +30,7 @@ const DefaultImageComponent = ({
 
 const ImageComponentContext: Context<ImageComponentContextValue> =
   createContext<ImageComponentContextValue>(DefaultImageComponent)
-export const useImageComponent = () => useContext(ImageComponentContext)
+export const useImageComponent = () => use(ImageComponentContext)
 
 type ImageComponentProviderProps = PropsWithChildren & {
   component?: (ImageComponentProps) => JSX.Element
@@ -41,9 +40,7 @@ const ImageComponentProvider = ({
   children,
   component = null,
 }: ImageComponentProviderProps) => (
-  <ImageComponentContext.Provider value={component}>
-    {children}
-  </ImageComponentContext.Provider>
+  <ImageComponentContext value={component}>{children}</ImageComponentContext>
 )
 
 export default ImageComponentProvider

package/src/Utility/Context/LinkComponent.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable no-unused-vars */
 /**
  * A Framework Context for passing in Link and Image components.
  *
@@ -18,7 +17,7 @@ import {
   PropsWithChildren,
   ComponentPropsWithoutRef,
   createContext,
-  useContext,
+  use,
 } from "react"
 
 type LinkComponentProps = ComponentPropsWithoutRef<"a"> &
@@ -39,7 +38,7 @@ const DefaultLinkComponent = ({
 
 const LinkComponentContext: Context<LinkComponentValue> =
   createContext<LinkComponentValue>(DefaultLinkComponent)
-export const useLinkComponent = () => useContext(LinkComponentContext)
+export const useLinkComponent = () => use(LinkComponentContext)
 
 type LinkComponentProviderProps = PropsWithChildren & {
   component: (LinkComponentProps) => JSX.Element
@@ -49,9 +48,7 @@ const LinkComponentProvider = ({
   children,
   component = null,
 }: LinkComponentProviderProps): JSX.Element => (
-  <LinkComponentContext.Provider value={component}>
-    {children}
-  </LinkComponentContext.Provider>
+  <LinkComponentContext value={component}>{children}</LinkComponentContext>
 )
 
 export default LinkComponentProvider

package/src/Utility/Drupal/drupal.css

@@ -5,7 +5,7 @@
  */
 
 main :is(.user-login-form, .user-register-form, .user-pass) {
-  max-inline-size: var(--container-max-width-narrow);
+  inline-size: min(100%, var(--container-max-width-narrow));
   margin-block: var(--spacing-xxl);
   margin-inline: auto;
 }
@@ -32,7 +32,6 @@ main :is(.user-login-form, .user-register-form, .user-pass) {
     overflow: hidden;
     z-index: 501;
     transform: translateX(-75%);
-    transition: transform 0.2s ease-in-out;
 
     &:hover {
       transform: translateX(0);
@@ -54,9 +53,6 @@ main :is(.user-login-form, .user-register-form, .user-pass) {
       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;
     }
   }
 

package/src/Utility/Elements/breakpoint-loader.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * Lazy Load a component based on breakpoint.
  */

package/src/Utility/Elements/cookie-compliance.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access */
 /**
  * @file cookie compliance banner
  * adapted from http://alex-d.github.io/Cookies-EU-banner/.

package/src/Utility/Elements/io-loader.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * Lazy Load on an Intersection Observer
  */

package/src/Utility/Hooks/useLocalStorage.ts

@@ -1,4 +1,3 @@
-/* eslint-disable no-unused-vars, @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call */
 import { useEffect, useCallback, useSyncExternalStore } from "react"
 
 type LocalStorageCallback = (this: Window, ev: StorageEvent) => void

package/src/Utility/Hooks/useMediaQuery.ts

@@ -1,4 +1,3 @@
-/* eslint-disable no-unused-vars */
 import { useCallback, useSyncExternalStore } from "react"
 
 type MediaQueryCallBack = (

package/src/Utility/Hooks/useToggle.ts

@@ -1,4 +1,3 @@
-/* eslint-disable no-unused-vars */
 import { useState, useCallback } from "react"
 
 const useToggle = (

package/src/Utility/global.d.ts

@@ -1,4 +1,3 @@
-/* eslint-disable no-unused-vars, @typescript-eslint/no-explicit-any */
 declare global {
   interface Window {
     Drupal?: any

package/src/Utility/utilities.ts

@@ -146,7 +146,6 @@ export const handleEscape = (
   }
 }
 
-/* eslint-disable no-unused-vars, @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access */
 export const loadOnReady = (
   callback: (this: Window, ev: Event) => void,
   name: string,

package/src/constants.css

@@ -4,6 +4,12 @@
  * Variables
  */
 
+@property --schemed {
+  syntax: "light | dark";
+  inherits: false;
+  initial-value: token("colour.scheme");
+}
+
 :root {
   --_hue-primary: token("colour.primary");
   --_hue-accent: token("colour.accent");
@@ -13,34 +19,54 @@
   --_hue-success: token("colour.success");
   --_hue-outline: token("utility.outline.hue");
 
+  /* Brand colors */
+  --colour-primary: oklch(50% 0.3 var(--_hue-primary));
+  --colour-primary-light: color-mix(in oklch, var(--colour-primary), white 90%);
+  --colour-accent: oklch(50% 0.3 var(--_hue-accent));
+  --colour-accent-light: color-mix(in oklch, var(--colour-accent), white 90%);
+
   /* System colours */
-  --colour-background: token("colour.main.bg");
-  --colour-background-alt: token("colour.main.bgAlt");
-  --colour-foreground: token("colour.main.fg");
-  --colour-foreground-alt: token("colour.main.fgAlt");
-  --colour-border: token("colour.main.border");
+  --color-scheme: token("colour.scheme");
 
-  /* Brand colors */
-  --colour-primary: lch(43% 100 var(--_hue-primary));
-  --colour-primary-light: lch(95% 10 var(--_hue-primary));
-  --colour-accent: lch(43% 100 var(--_hue-accent));
-  --colour-accent-light: lch(95% 10 var(--_hue-accent));
+  color-scheme: var(--color-scheme);
+
+  --colour-background: light-dark(
+    token("colour.main.bg"),
+    token("colour.reverse.bg")
+  );
+  --colour-background-alt: light-dark(
+    token("colour.main.bgAlt"),
+    token("colour.reverse.bgAlt")
+  );
+  --colour-foreground: light-dark(
+    token("colour.main.fg"),
+    token("colour.reverse.fg")
+  );
+  --colour-foreground-alt: light-dark(
+    token("colour.main.fgAlt"),
+    token("colour.reverse.fgAlt")
+  );
+  --colour-border: light-dark(
+    token("colour.main.border"),
+    token("colour.reverse.border")
+  );
+  --colour-link: light-dark(var(--colour-primary), var(--colour-primary-light));
 
   /* Reverse colors */
-  --colour-foreground-reverse: token("colour.reverse.fg");
-  --colour-foreground-alt-reverse: token("colour.reverse.fgAlt");
-  --colour-background-reverse: token("colour.reverse.bg");
-  --colour-border-reverse: token("colour.reverse.border");
+  --colour-foreground-reverse: light-dark(
+    token("colour.reverse.fg"),
+    token("colour.main.fg")
+  );
+  --colour-background-reverse: light-dark(
+    token("colour.reverse.bg"),
+    token("colour.main.bg")
+  );
 
   /* State colours */
-  --colour-error-foreground: lch(40% 100 var(--_hue-error));
-  --colour-error-background: lch(95% 10 var(--_hue-error));
-  --colour-success-foreground: lch(45% 100 var(--_hue-success));
-  --colour-success-background: lch(95% 10 var(--_hue-success));
-  --colour-warning-foreground: lch(46% 100 var(--_hue-warning));
-  --colour-warning-background: lch(95% 10 var(--_hue-warning));
-  --colour-info-foreground: lch(43% 100 var(--_hue-info));
-  --colour-info-background: lch(95% 10 var(--_hue-info));
+  --colour-error: oklch(45% 0.3 var(--_hue-error));
+  --colour-success: oklch(50% 0.3 var(--_hue-success));
+  --colour-warning: oklch(55% 0.3 var(--_hue-warning));
+  --colour-info: oklch(50% 0.3 var(--_hue-info));
 
   /* Typography */
   --font-family: token("font.family");
@@ -82,9 +108,12 @@
   --spacing-uuul: token("size.spacing.uuul");
 
   --outline-width: token("utility.outline.width");
-  --outline-offset: token("utility.outline.offset");
   --outline-style: token("utility.outline.style");
-  --outline-color: lch(45% 100 var(--_hue-outline));
+  --_colour-outline: oklch(50% 0.3 var(--_hue-outline));
+  --outline-color: light-dark(
+    var(--colour-outline),
+    color-mix(in oklch, var(--colour-outline), white 90%)
+  );
 
   /* Layout */
   --container-max-width-narrow: token("size.container.narrow");

package/src/enums.ts

@@ -1,5 +1,3 @@
-/* eslint-disable no-unused-vars */
-
 export enum Alignment {
   LEFT = "left",
   RIGHT = "right",
@@ -231,6 +229,7 @@ export enum BackgroundStyles {
   ALT = "alt",
   REVERSE = "reverse",
   RESET = "reset",
+  BOX = "box",
 }
 
 export enum TableStyles {

package/src/react.ts

@@ -57,6 +57,9 @@ export { default as Navigation } from "./Component/Navigation/Navigation"
 export { default as NavigationDropdown } from "./Component/Navigation/Dropdown"
 export { default as DropMenu } from "./Component/DropMenu/DropMenu"
 export { default as DropMenuItem } from "./Component/DropMenu/Components/DropMenuItem"
+export { default as ResultsBar } from "./Component/ResultsBar/ResultsBar"
+export { default as ResultsBarInfo } from "./Component/ResultsBar/Components/ResultsBarInfo"
+export { default as ResultsBarSort } from "./Component/ResultsBar/Components/ResultsBarSort"
 export {
   default as DropMenuProvider,
   useDropMenuContext,

package/src/tokens.js

@@ -29,26 +29,27 @@ export default {
     dropMenu: "420px",
   },
   colour: {
-    primary: "288",
-    accent: "328",
+    scheme: "light",
+    primary: "260",
+    accent: "320",
     main: {
-      fg: "lch(0% 0 0)",
-      bg: "lch(100% 0 0)",
-      fgAlt: "lch(25% 0 0)",
-      bgAlt: "lch(95% 0 0)",
-      border: "lch(90% 0 0)",
+      fg: "oklch(0 0 100)",
+      bg: "oklch(1 0 100)",
+      fgAlt: "oklch(0.25 0 100)",
+      bgAlt: "oklch(0.95 0 100)",
+      border: "oklch(.9 0 100)",
     },
     reverse: {
-      fg: "lch(100% 0 0)",
-      bg: "lch(0% 0 0)",
-      fgAlt: "lch(95% 0 0)",
-      bgAlt: "lch(25% 0 0)",
-      border: "lch(10% 0 0)",
+      fg: "oklch(1 0 100)",
+      bg: "oklch(0 0 100)",
+      fgAlt: "oklch(0.95 0 100)",
+      bgAlt: "oklch(0.25 0 100)",
+      border: "oklch(0.25 0 100)",
     },
-    info: "288",
-    warning: "70",
-    success: "134",
-    error: "34",
+    info: "260",
+    warning: "90",
+    success: "140",
+    error: "20",
   },
   font: {
     family: "system-ui, sans-serif",
@@ -101,9 +102,8 @@ export default {
   utility: {
     outline: {
       width: "2px",
-      offset: "0",
       style: "solid",
-      hue: "288",
+      hue: "260",
     },
     radius: {
       m: "3px",
@@ -111,7 +111,7 @@ export default {
       round: "50%",
     },
     shadow: {
-      colour: "lch(25% 0 0)",
+      colour: "oklch(0.25 0 100)",
       size: global.size.xs,
     },
     ratio: "16 / 9",

package/dist/build/accordion.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"accordion.entry.js","sources":["../../src/Component/Accordion/Elements/AccordionGroup.ts"],"sourcesContent":["/**\n * Accordion Group\n * @file Support opening and closing all.\n */\n\nexport default class AccordionGroup extends HTMLElement {\n  internals_: ElementInternals\n  controller: AbortController\n\n  constructor() {\n    super()\n    this.internals_ = this.attachInternals()\n    this.controller = new AbortController()\n  }\n\n  connectedCallback(): void {\n    if (!this.accordions || !this.expandTrigger || !this.collapseTrigger) return\n    this.collapseTrigger.disabled = true\n    const { signal }: AbortController = this.controller\n    this.addEventListener(\"click\", this.handleClick, {\n      signal,\n    })\n    this.accordions.forEach(details =>\n      details.addEventListener(\"toggle\", this.handleToggle, {\n        signal,\n      }),\n    )\n  }\n\n  disconnectedCallback(): void {\n    this.controller.abort()\n  }\n\n  handleClick = ({ target }) => {\n    if (target === this.expandTrigger) {\n      this.handleExpand()\n    }\n    if (target === this.collapseTrigger) {\n      this.handleCollapse()\n    }\n  }\n\n  handleExpand = () => {\n    this.accordions.forEach(detail => (detail.open = true))\n    this.expandTrigger.disabled = true\n    this.collapseTrigger.disabled = false\n  }\n\n  handleCollapse = () => {\n    this.accordions.forEach(detail => (detail.open = false))\n    this.expandTrigger.disabled = false\n    this.collapseTrigger.disabled = true\n  }\n\n  handleToggle = () => {\n    this.expandTrigger.disabled = [...this.accordions].every(\n      details => details.open === true,\n    )\n    this.collapseTrigger.disabled = [...this.accordions].every(\n      details => details.open !== true,\n    )\n  }\n\n  get accordions(): NodeListOf<HTMLDetailsElement> | null {\n    const accordions: NodeListOf<HTMLDetailsElement> | null =\n      this.querySelectorAll(\"details\")\n    if (!accordions.length) {\n      throw new Error(\n        `${this.localName} must contain at least one <details> element.`,\n      )\n    }\n    return accordions\n  }\n\n  get expandTrigger(): HTMLButtonElement | null {\n    const trigger: HTMLButtonElement | null = this.querySelector(\n      \"button[data-expand]\",\n    )\n    if (!trigger) {\n      throw new Error(\n        `${this.localName} must contain a <button data-expand> element.`,\n      )\n    }\n    return trigger\n  }\n\n  get collapseTrigger(): HTMLButtonElement | null {\n    const trigger: HTMLButtonElement | null = this.querySelector(\n      \"button[data-collapse]\",\n    )\n    if (!trigger) {\n      throw new Error(\n        `${this.localName} must contain a <button data-collapse> element.`,\n      )\n    }\n    return trigger\n  }\n}\n\ncustomElements.define(\"mx-accordion-group\", AccordionGroup)\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"mx-accordion-group\": AccordionGroup\n  }\n}\n"],"names":[],"mappings":";AAKA,MAAqB,uBAAuB,YAAY;AAAA,EAItD,cAAc;AACN;AAuBM,SAAA,cAAA,CAAC,EAAE,aAAa;AACxB,UAAA,WAAW,KAAK,eAAe;AACjC,aAAK,aAAa;AAAA,MACpB;AACI,UAAA,WAAW,KAAK,iBAAiB;AACnC,aAAK,eAAe;AAAA,MACtB;AAAA,IAAA;AAGF,SAAA,eAAe,MAAM;AACnB,WAAK,WAAW,QAAQ,CAAW,WAAA,OAAO,OAAO,IAAK;AACtD,WAAK,cAAc,WAAW;AAC9B,WAAK,gBAAgB,WAAW;AAAA,IAAA;AAGlC,SAAA,iBAAiB,MAAM;AACrB,WAAK,WAAW,QAAQ,CAAW,WAAA,OAAO,OAAO,KAAM;AACvD,WAAK,cAAc,WAAW;AAC9B,WAAK,gBAAgB,WAAW;AAAA,IAAA;AAGlC,SAAA,eAAe,MAAM;AACnB,WAAK,cAAc,WAAW,CAAC,GAAG,KAAK,UAAU,EAAE;AAAA,QACjD,CAAA,YAAW,QAAQ,SAAS;AAAA,MAAA;AAE9B,WAAK,gBAAgB,WAAW,CAAC,GAAG,KAAK,UAAU,EAAE;AAAA,QACnD,CAAA,YAAW,QAAQ,SAAS;AAAA,MAAA;AAAA,IAC9B;AAjDK,SAAA,aAAa,KAAK;AAClB,SAAA,aAAa,IAAI;EACxB;AAAA,EAEA,oBAA0B;AACpB,QAAA,CAAC,KAAK,cAAc,CAAC,KAAK,iBAAiB,CAAC,KAAK,gBAAiB;AACtE,SAAK,gBAAgB,WAAW;AAC1B,UAAA,EAAE,OAAO,IAAqB,KAAK;AACpC,SAAA,iBAAiB,SAAS,KAAK,aAAa;AAAA,MAC/C;AAAA,IAAA,CACD;AACD,SAAK,WAAW;AAAA,MAAQ,CACtB,YAAA,QAAQ,iBAAiB,UAAU,KAAK,cAAc;AAAA,QACpD;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAAA,EAEA,uBAA6B;AAC3B,SAAK,WAAW;EAClB;AAAA,EAgCA,IAAI,aAAoD;AAChD,UAAA,aACJ,KAAK,iBAAiB,SAAS;AAC7B,QAAA,CAAC,WAAW,QAAQ;AACtB,YAAM,IAAI;AAAA,QACR,GAAG,KAAK,SAAS;AAAA,MAAA;AAAA,IAErB;AACO,WAAA;AAAA,EACT;AAAA,EAEA,IAAI,gBAA0C;AAC5C,UAAM,UAAoC,KAAK;AAAA,MAC7C;AAAA,IAAA;AAEF,QAAI,CAAC,SAAS;AACZ,YAAM,IAAI;AAAA,QACR,GAAG,KAAK,SAAS;AAAA,MAAA;AAAA,IAErB;AACO,WAAA;AAAA,EACT;AAAA,EAEA,IAAI,kBAA4C;AAC9C,UAAM,UAAoC,KAAK;AAAA,MAC7C;AAAA,IAAA;AAEF,QAAI,CAAC,SAAS;AACZ,YAAM,IAAI;AAAA,QACR,GAAG,KAAK,SAAS;AAAA,MAAA;AAAA,IAErB;AACO,WAAA;AAAA,EACT;AACF;AAEA,eAAe,OAAO,sBAAsB,cAAc;"}

package/dist/build/chunks/Accordion-DSze7pxN.js

@@ -1,61 +0,0 @@
-import { m as makeAnchor } from "./utilities-B4YZb689.js";
-class Accordion extends HTMLElement {
-  constructor() {
-    super();
-    this.handleOpen = () => {
-      if (!this.details) return;
-      this.details.open = true;
-    };
-    this.handleClose = () => {
-      if (!this.details) return;
-      this.details.open = false;
-    };
-    this.handleHash = () => {
-      const { hash } = window.location;
-      if (hash && hash === `#${this.details?.id}`) {
-        this.handleOpen();
-      }
-    };
-    this.generatedId = () => {
-      const string = this.trigger?.textContent?.trim();
-      return !string ? "" : makeAnchor(string);
-    };
-    this.internals_ = this.attachInternals();
-    this.controller = new AbortController();
-  }
-  connectedCallback() {
-    if (!this.details || !this.trigger) return;
-    const { signal } = this.controller;
-    document.addEventListener("beforeprint", this.handleOpen, {
-      signal
-    });
-    document.addEventListener("afterprint", this.handleClose, {
-      signal
-    });
-    this.handleHash();
-    document.addEventListener("hashchange", this.handleHash, { signal });
-  }
-  disconnectedCallback() {
-    this.controller.abort();
-  }
-  get details() {
-    const details = this.querySelector("details");
-    if (!details) {
-      throw new Error(`${this.localName} must contain a <details> element.`);
-    }
-    details.id = details.id || this.generatedId();
-    return details;
-  }
-  get trigger() {
-    const trigger = this.querySelector("summary");
-    if (!trigger) {
-      throw new Error(`${this.localName} must contain a <summary> element.`);
-    }
-    return trigger;
-  }
-}
-customElements.define("mx-accordion", Accordion);
-export {
-  Accordion as A
-};
-//# sourceMappingURL=Accordion-DSze7pxN.js.map

package/dist/build/chunks/Accordion-DSze7pxN.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion-DSze7pxN.js","sources":["../../../src/Component/Accordion/Elements/Accordion.ts"],"sourcesContent":["/**\n * Accordion\n * @file Support opening on hash, adding an ID attribute and toggling on print.\n */\n\nimport { makeAnchor } from \"../../../Utility/utilities\"\n\nexport default class Accordion extends HTMLElement {\n  internals_: ElementInternals\n  controller: AbortController\n\n  constructor() {\n    super()\n    this.internals_ = this.attachInternals()\n    this.controller = new AbortController()\n  }\n\n  connectedCallback(): void {\n    if (!this.details || !this.trigger) return\n\n    const { signal }: AbortController = this.controller\n    document.addEventListener(\"beforeprint\", this.handleOpen, {\n      signal,\n    })\n    document.addEventListener(\"afterprint\", this.handleClose, {\n      signal,\n    })\n    this.handleHash()\n    document.addEventListener(\"hashchange\", this.handleHash, { signal })\n  }\n\n  disconnectedCallback(): void {\n    this.controller.abort()\n  }\n\n  handleOpen = (): void => {\n    if (!this.details) return\n    this.details.open = true\n  }\n\n  handleClose = (): void => {\n    if (!this.details) return\n    this.details.open = false\n  }\n\n  handleHash = (): void => {\n    const { hash }: Location = window.location\n    if (hash && hash === `#${this.details?.id}`) {\n      this.handleOpen()\n    }\n  }\n\n  get details(): HTMLDetailsElement | null {\n    const details: HTMLDetailsElement | null = this.querySelector(\"details\")\n    if (!details) {\n      throw new Error(`${this.localName} must contain a <details> element.`)\n    }\n    details.id = details.id || this.generatedId()\n    return details\n  }\n\n  get trigger(): HTMLElement | null {\n    const trigger: HTMLElement | null = this.querySelector(\"summary\")\n    if (!trigger) {\n      throw new Error(`${this.localName} must contain a <summary> element.`)\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-accordion\", Accordion)\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"mx-accordion\": Accordion\n  }\n}\n"],"names":[],"mappings":";AAOA,MAAqB,kBAAkB,YAAY;AAAA,EAIjD,cAAc;AACN;AAuBR,SAAA,aAAa,MAAY;AACnB,UAAA,CAAC,KAAK,QAAS;AACnB,WAAK,QAAQ,OAAO;AAAA,IAAA;AAGtB,SAAA,cAAc,MAAY;AACpB,UAAA,CAAC,KAAK,QAAS;AACnB,WAAK,QAAQ,OAAO;AAAA,IAAA;AAGtB,SAAA,aAAa,MAAY;AACjB,YAAA,EAAE,KAAK,IAAc,OAAO;AAClC,UAAI,QAAQ,SAAS,IAAI,KAAK,SAAS,EAAE,IAAI;AAC3C,aAAK,WAAW;AAAA,MAClB;AAAA,IAAA;AAoBF,SAAA,cAAc,MAAc;AAC1B,YAAM,SAA6B,KAAK,SAAS,aAAa,KAAK;AACnE,aAAO,CAAC,SAAS,KAAK,WAAW,MAAM;AAAA,IAAA;AA1DlC,SAAA,aAAa,KAAK;AAClB,SAAA,aAAa,IAAI;EACxB;AAAA,EAEA,oBAA0B;AACxB,QAAI,CAAC,KAAK,WAAW,CAAC,KAAK,QAAS;AAE9B,UAAA,EAAE,OAAO,IAAqB,KAAK;AAChC,aAAA,iBAAiB,eAAe,KAAK,YAAY;AAAA,MACxD;AAAA,IAAA,CACD;AACQ,aAAA,iBAAiB,cAAc,KAAK,aAAa;AAAA,MACxD;AAAA,IAAA,CACD;AACD,SAAK,WAAW;AAChB,aAAS,iBAAiB,cAAc,KAAK,YAAY,EAAE,QAAQ;AAAA,EACrE;AAAA,EAEA,uBAA6B;AAC3B,SAAK,WAAW;EAClB;AAAA,EAmBA,IAAI,UAAqC;AACjC,UAAA,UAAqC,KAAK,cAAc,SAAS;AACvE,QAAI,CAAC,SAAS;AACZ,YAAM,IAAI,MAAM,GAAG,KAAK,SAAS,oCAAoC;AAAA,IACvE;AACA,YAAQ,KAAK,QAAQ,MAAM,KAAK,YAAY;AACrC,WAAA;AAAA,EACT;AAAA,EAEA,IAAI,UAA8B;AAC1B,UAAA,UAA8B,KAAK,cAAc,SAAS;AAChE,QAAI,CAAC,SAAS;AACZ,YAAM,IAAI,MAAM,GAAG,KAAK,SAAS,oCAAoC;AAAA,IACvE;AACO,WAAA;AAAA,EACT;AAMF;AAEA,eAAe,OAAO,gBAAgB,SAAS;"}

package/dist/build/chunks/disclosure-widget-CQLPJ8Ta.js

@@ -1,124 +0,0 @@
-import { m as makeAnchor } from "./utilities-B4YZb689.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 D
-};
-//# sourceMappingURL=disclosure-widget-CQLPJ8Ta.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"disclosure-widget-CQLPJ8Ta.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":"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"}