@ulu/frontend 0.2.0-beta.5 → 0.2.0-beta.7

package/dist/{types → es}/ui/collapsible.d.ts

@@ -34,17 +34,38 @@ export class Collapsible {
     constructor(elements: {
         trigger: Node;
         content: Node;
-    }, config: any);
+    }, config: Object);
     elements: {
         trigger: Node;
         content: Node;
-    };
-    options: any;
-    isOpen: boolean;
-    handlers: {};
+    } | undefined;
+    options: ({
+        clickOutsideCloses: boolean;
+        focusoutCloses: boolean;
+        escapeCloses: boolean;
+        /**
+         * The module won't attach the handlers (you need to do it yourself)
+         */
+        selfManaged: boolean;
+        /**
+         * This collapsible starts in open state
+         */
+        startOpen: boolean;
+        /**
+         * Open/active state class
+         */
+        openClass: string;
+        /**
+         * Output debug info
+         */
+        debug: boolean;
+        onChange(_ctx: any): void;
+    } & Object) | undefined;
+    isOpen: boolean | undefined;
+    handlers: {} | undefined;
     attachHandlers(): void;
-    clickHandler: (event: any) => void;
-    focusoutHandler: (event: any) => void;
+    clickHandler: ((event: any) => void) | undefined;
+    focusoutHandler: ((event: any) => void) | undefined;
     removeHandlers(): void;
     onClick(event: any): void;
     destroy(): void;

package/dist/es/ui/collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../lib/js/ui/collapsible.js"],"names":[],"mappings":"AAQA;;GAEG;AACH;IACE;;;;QAME;;WAEG;;QAGH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;MAKH;IACF;;;;;;OAMG;IACH,sBALG;QAAuB,OAAO,EAAtB,IAAI;QACW,OAAO,EAAtB,IAAI;KACZ,UAAQ,MAAM,EAqBhB;IAXC;iBAZS,IAAI;iBACJ,IAAI;kBAWW;IACxB;;;;QApCA;;WAEG;;QAGH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;4BAqBmB;IACtB,4BAAmB;IACnB,yBAAkB;IASpB,uBAoBC;IAjBC,iDAEC;IACD,oDAWC;IAIH,uBAIC;IACD,0BAEC;IACD,gBAGC;IACD,+BAIC;IACD,cAOC;IACD,sDAEC;IACD,wCAqBC;IACD;;OAEG;IACH,+BAoBC;IACD;;OAEG;IACH,iCAQC;IACD,uBAEC;IACD,wBAEC;IACD,yBAEC;CAqBF"}

package/dist/es/ui/collapsible.js

@@ -0,0 +1,140 @@
+var f = Object.defineProperty;
+var p = (r, t, e) => t in r ? f(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var d = (r, t, e) => p(r, typeof t != "symbol" ? t + "" : t, e);
+import { getUluEventName as v } from "../core/events.js";
+import { logError as k, log as E } from "../utils/class-logger.js";
+import { ensureId as h } from "../utils/id.js";
+const l = class l {
+  /**
+   * @param {Object} elements Elements object 
+   * @param {Node} elements.trigger Trigger button/element that opens/closes collapsible
+   * @param {Node} elements.content The content element that the trigger reveals
+   * @param {Object} config Configuration options (see defaults)
+   * @returns {Object} Collapsible instance
+   */
+  constructor(t, e) {
+    const { trigger: s, content: n } = t;
+    if (!s || !n) {
+      k(this, "missing required elements (trigger or content)");
+      return;
+    }
+    const i = Object.assign({}, l.defaults, e);
+    this.elements = t, this.options = i, this.isOpen = !1, this.handlers = {}, h(s), h(n), this.debugLog(this, this), i.selfManaged || this.attachHandlers(), this.setup();
+  }
+  attachHandlers() {
+    const { trigger: t, content: e } = this.elements, { focusoutCloses: s } = this.options;
+    this.clickHandler = (n) => {
+      this.onClick(n);
+    }, this.focusoutHandler = (n) => {
+      s && document.addEventListener("focusin", () => {
+        e.contains(document.activeElement) || this.close(n);
+      }, { once: !0 });
+    }, t.addEventListener("click", this.clickHandler), e.addEventListener("focusout", this.focusoutHandler);
+  }
+  removeHandlers() {
+    const { trigger: t, content: e } = this.elements;
+    t.removeEventListener("click", this.clickHandler), e.removeEventListener("focusout", this.focusoutHandler);
+  }
+  onClick(t) {
+    this.toggle(t);
+  }
+  destroy() {
+    this.removeHandlers(), this.destroyTemporaryHandlers();
+  }
+  debugLog(...t) {
+    this.options.debug && E(this, ...t);
+  }
+  setup() {
+    const { trigger: t, content: e } = this.elements, { startOpen: s } = this.options;
+    t.setAttribute("role", "button"), t.setAttribute("aria-controls", e.id), e.setAttribute("aria-labelledby", t.id), this.setState(s);
+  }
+  createEvent(t, e) {
+    return new CustomEvent(v("collapsible:" + t), { detail: e });
+  }
+  setState(t, e) {
+    const s = {
+      collapsible: this,
+      isOpen: t,
+      event: e
+    };
+    this.debugLog(this, "Set state", s);
+    const { trigger: n, content: i } = this.elements, { openClass: c } = this.options, o = (a) => a.classList[t ? "add" : "remove"](c);
+    n.setAttribute("aria-expanded", t ? "true" : "false"), o(n), o(i), this.isOpen = t, this.options.onChange(s), n.dispatchEvent(this.createEvent("change", s)), t ? this.setupTemporaryHandlers() : this.destroyTemporaryHandlers();
+  }
+  /**
+   * Setup handlers needed for closing once open
+   */
+  setupTemporaryHandlers() {
+    const { content: t, trigger: e } = this.elements, { clickOutsideCloses: s, escapeCloses: n } = this.options, i = (o) => {
+      const { target: a } = o, m = e.contains(a), g = t.contains(a);
+      s && !m && !g && this.close(o);
+    }, c = (o) => {
+      n && o.key === "Escape" && this.close(o);
+    };
+    document.addEventListener("click", i), document.addEventListener("keydown", c), this.handlers.onDocumentClick = i, this.handlers.onDocumentKeydown = c;
+  }
+  /**
+   * Destroy handlers attached for closing once open
+   */
+  destroyTemporaryHandlers() {
+    const { onDocumentClick: t, onDocumentKeydown: e } = this.handlers;
+    t && document.removeEventListener("click", t), t && document.removeEventListener("keydown", e);
+  }
+  open(t) {
+    this.setState(!0, t);
+  }
+  close(t) {
+    this.setState(!1, t);
+  }
+  toggle(t) {
+    this.setState(!this.isOpen, t);
+  }
+  // This is removed because I think it's not useful, users should keep references
+  // Static Methods for managing instances of this class
+  // static instances = [];
+  // /**
+  //  * Get collapsible instance by trigger element
+  //  * @param {Node|String} trigger Trigger node or trigger ID
+  //  */
+  // static getInstance(trigger) {
+  //   return Collapsible.instances.find(c => typeof trigger === "string" ? 
+  //     c.elements.trigger.id === trigger : 
+  //     c.elements.trigger === trigger
+  //   );
+  // }
+  // static removeInstance(instance) {
+  //   const index = Collapsible.instances.findIndex(c => c === instance);
+  //   if (index > -1) {
+  //     Collapsible.instances.splice(index, 1);
+  //   }
+  // }
+};
+d(l, "defaults", {
+  clickOutsideCloses: !1,
+  // oneOpenPerContext: false, // This should be another module that manages instances within a context (accordions)
+  // clickWithinCloses: false, // Not sure how this was used but seems like it should be separate
+  focusoutCloses: !1,
+  escapeCloses: !1,
+  /**
+   * The module won't attach the handlers (you need to do it yourself)
+   */
+  selfManaged: !1,
+  /**
+   * This collapsible starts in open state
+   */
+  startOpen: !1,
+  /**
+   * Open/active state class
+   */
+  openClass: "is-active",
+  /**
+   * Output debug info
+   */
+  debug: !0,
+  onChange(t) {
+  }
+});
+let u = l;
+export {
+  u as Collapsible
+};

package/dist/{types → es}/ui/details-group.d.ts

@@ -1,3 +1,4 @@
+import { ComponentInitializer } from '../core/component.js';
 /**
  * Initialize everything in document
  * - This will only initialize elements once, it is safe to call on page changes
@@ -34,5 +35,4 @@ export type DetailsGroupInstance = {
      */
     setupChildren: Function;
 };
-import { ComponentInitializer } from "../core/component.js";
 //# sourceMappingURL=details-group.d.ts.map

package/dist/es/ui/details-group.js

@@ -0,0 +1,49 @@
+import { ComponentInitializer as p } from "../core/component.js";
+const s = new p({
+  type: "details-group",
+  baseAttribute: "data-ulu-details-group"
+}), u = s.getAttribute("child-init"), f = {
+  onlyOneOpen: !0,
+  childSelector: ":scope > details"
+};
+function b() {
+  s.init({
+    withData: !0,
+    coreEvents: ["pageModified"],
+    setup({ element: e, data: n, initialize: r }) {
+      d(e, n), r();
+    }
+  });
+}
+function d(e, n) {
+  const r = Object.assign({}, f, n);
+  try {
+    c();
+  } catch (t) {
+    console.error(t);
+  }
+  function i() {
+    return e.querySelectorAll(r.childSelector);
+  }
+  function c() {
+    i().forEach((t) => {
+      t.hasAttribute(u) || (t.setAttribute(u, ""), t.addEventListener("toggle", a));
+    });
+  }
+  function a({ target: t }) {
+    r.onlyOneOpen && t.open && i().forEach((o) => {
+      o !== t && o.open && (o.open = !1);
+    });
+  }
+  function l() {
+    i().forEach((t) => {
+      t.removeEventListener("toggle", a), t.removeAttribute(u);
+    }), e.removeAttribute(s.getAttribute("init"));
+  }
+  return { destroy: l, element: e, setupChildren: c };
+}
+export {
+  b as init,
+  s as initializer,
+  d as setupGroup
+};

package/dist/{types → es}/ui/dialog.d.ts

@@ -1,7 +1,8 @@
+import { ComponentInitializer } from '../core/component.js';
 /**
  * @param {Object} options Change options used as default for dialogs, can then be overridden by data attribute settings on element
  */
-export function setDefaults(options: any): void;
+export function setDefaults(options: Object): void;
 /**
  * Initialize everything in document
  * - This will only initialize elements once, it is safe to call on page changes
@@ -23,7 +24,7 @@ export function setupDialog(dialog: Node, userOptions: any): void;
  * @param {Node} dialog
  * @returns {Object}
  */
-export function getDialogOptions(dialog: Node): any;
+export function getDialogOptions(dialog: Node): Object;
 /**
  * Base attribute for a dialog
  */
@@ -44,5 +45,4 @@ export namespace defaults {
     let preventScroll: boolean;
     let preventScrollShift: boolean;
 }
-import { ComponentInitializer } from "../core/component.js";
 //# sourceMappingURL=dialog.d.ts.map

package/dist/es/ui/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../lib/js/ui/dialog.js"],"names":[],"mappings":"AA6DA;;GAEG;AACH,qCAFW,MAAM,QAIhB;AAED;;;GAGG;AACH,6BAqBC;AAED;;;;GAIG;AACH,sCAHW,IAAI,0BA2Bd;AAED;;;GAGG;AACH,oCAFW,IAAI,0BA6Dd;AAED;;;;GAIG;AACH,yCAHW,IAAI,GACF,MAAM,CAIlB;AA7LD;;GAEG;AACH,4BAA6B,iBAAiB,CAAC;AAE/C;;GAEG;AACH,+CAAuF;AAEvF;;GAEG;AACH,oCAAgE;;;;;;;;;qCAjB3B,sBAAsB"}

package/dist/es/ui/dialog.js

@@ -0,0 +1,112 @@
+import { getUluEventName as f } from "../core/events.js";
+import { ComponentInitializer as v } from "../core/component.js";
+import { preventScroll as h, wasClickOutside as E } from "@ulu/utils/browser/dom.js";
+import { prepVideos as O, pauseVideos as S } from "../utils/pause-youtube-video.js";
+const b = "data-ulu-dialog", i = new v({ type: "dialog", baseAttribute: b }), F = i.getAttribute("close"), V = {
+  /**
+   * Use non-modal interface for dialog
+   */
+  nonModal: !1,
+  /**
+   * Move the dialog to the document end (hoist out of content)
+   * - helpful if dialogs are within editor body, etc
+   */
+  documentEnd: !1,
+  /**
+   * Requires styling that reduces any padding/border on dialog
+   */
+  clickOutsideCloses: !0,
+  /**
+   * Whether or not to pause videos when dialog closes (currently just youtube and native)
+   */
+  pauseVideos: !0,
+  /**
+   * When open and not non-modal, the body is prevented from scrolling (defaults to true).
+   */
+  preventScroll: !0,
+  /**
+   * Compensate for layout shift when preventing scroll. Which adds padding equal to scrollbars 
+   * width while dialog is open
+   */
+  preventScrollShift: !0
+};
+let a = { ...V };
+function R(e) {
+  a = Object.assign({}, a, e);
+}
+function T() {
+  i.init({
+    coreEvents: ["pageModified"],
+    withData: !0,
+    setup({ element: e, initialize: s, data: t }) {
+      C(e, t), s();
+    }
+  }), i.init({
+    key: "trigger",
+    coreEvents: ["pageModified"],
+    withData: !0,
+    setup({ element: e, initialize: s, data: t }) {
+      w(e, t), s();
+    }
+  });
+}
+function w(e, s) {
+  e.addEventListener("click", t);
+  function t(r) {
+    var c;
+    r.target.closest("a") && r.preventDefault();
+    const o = document.getElementById(s);
+    if (!o) {
+      console.error("Could not locate dialog (id)", s);
+      return;
+    }
+    if (((c = o == null ? void 0 : o.tagName) == null ? void 0 : c.toLowerCase()) !== "dialog") {
+      console.error("Attempted to trigger non <dialog> element. Did you mean to use modal builder?");
+      return;
+    }
+    const u = D(o);
+    o[u.nonModal ? "show" : "showModal"]();
+  }
+}
+function C(e, s) {
+  const t = Object.assign({}, a, s), r = document.body, { preventScrollShift: d } = t;
+  let o;
+  if (e.addEventListener(f("resizer:start"), c), e.addEventListener(f("resizer:end"), m), e.addEventListener("click", u), t.documentEnd && r.appendChild(e), t.pauseVideos && k(e), !t.nonModal && t.preventScroll) {
+    let n;
+    e.addEventListener("toggle", (l) => {
+      l.newState === "open" ? n = h({ preventShift: d }) : n && n();
+    });
+  }
+  function u(n) {
+    const { target: l } = n, p = l === e, g = l.closest(i.attributeSelector("close"));
+    (!o && t.clickOutsideCloses && p && E(e, n) || g) && (t.pauseVideos && L(e), e.close());
+  }
+  function c(n) {
+    o = n.pointerId;
+  }
+  function m(n) {
+    o === n.pointerId && setTimeout(() => {
+      o = null;
+    }, 0);
+  }
+}
+function D(e) {
+  return Object.assign({}, a, i.getData(e));
+}
+function k(e) {
+  O(e);
+}
+function L(e) {
+  S(e), e.querySelectorAll("video").forEach((t) => t.pause());
+}
+export {
+  b as baseAttribute,
+  F as closeAttribute,
+  V as defaults,
+  D as getDialogOptions,
+  T as init,
+  i as initializer,
+  R as setDefaults,
+  C as setupDialog,
+  w as setupTrigger
+};

package/dist/{types → es}/ui/flipcard.d.ts

@@ -1,3 +1,4 @@
+import { ComponentInitializer } from '../core/component.js';
 /**
  * Initialize flipcards using data-ulu-flipcard attribute
  */
@@ -47,5 +48,4 @@ export class Flipcard {
     containerCss(): string;
     panelCss(zIndex?: number): string;
 }
-import { ComponentInitializer } from "../core/component.js";
 //# sourceMappingURL=flipcard.d.ts.map

package/dist/es/ui/flipcard.js

@@ -0,0 +1,97 @@
+var p = Object.defineProperty;
+var h = (r, t, e) => t in r ? p(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var l = (r, t, e) => h(r, typeof t != "symbol" ? t + "" : t, e);
+import { ComponentInitializer as f } from "../core/component.js";
+import { trimWhitespace as m } from "@ulu/utils/string.js";
+import { logError as b, log as g } from "../utils/class-logger.js";
+const d = new f({
+  type: "flipcard",
+  baseAttribute: "data-ulu-flipcard"
+});
+function k() {
+  d.init({
+    withData: !0,
+    coreEvents: ["pageModified"],
+    setup({ element: r, data: t, initialize: e }) {
+      const n = Object.assign({}, t), i = r.querySelector(d.attributeSelector("front")), o = r.querySelector(d.attributeSelector("back"));
+      new u(r, i, o, n), e();
+    }
+  });
+}
+const c = class c {
+  constructor(t, e, n, i) {
+    n || b(this, "Missing an element (container, front, back)"), this.options = Object.assign({}, c.defaults, i);
+    const { namespace: o } = this.options;
+    c.instances.push(this), this.elements = { container: t, front: e, back: n }, this.isOpen = !1, this.uid = `${o}-id-${c.instances.length}`, this.stateAttr = `data-${o}-state`.toLowerCase(), this.setup(), this.setVisibility(!1), g(this, this);
+  }
+  toggle() {
+    this.setVisibility(!this.isOpen);
+  }
+  setup() {
+    const { uid: t } = this, { namespace: e, proxyClick: n } = this.options, { container: i, front: o, back: a } = this.elements, s = this.elements.control = document.createElement("button");
+    s.classList.add(this.getClass("control-button")), s.setAttribute("type", "button"), s.innerHTML = this.createControlContent(), s.style.gridArea = e, s.style.zIndex = "-1", s.addEventListener("focusin", () => {
+      s.style.zIndex = "20";
+    }), s.addEventListener("focusout", () => {
+      s.style.zIndex = "-1";
+    }), s.addEventListener("click", this.toggle.bind(this)), a.parentNode.insertBefore(s, a), i.classList.add(this.options.namespace), i.setAttribute("style", m(this.containerCss())), n && i.addEventListener("click", this.onProxyClick.bind(this)), o.style.gridArea = e, a.style.gridArea = e, s.id = `${t}-control`, s.setAttribute("aria-controls", a.id), s.setAttribute("aria-expanded", "false"), a.id = `${t}-back`, a.setAttribute("aria-labelledby", s.id), a.setAttribute("aria-hidden", "true");
+  }
+  /**
+   * Click handler on everything on container
+   * - Determines if click was something that should be ignored (link, etc)
+   */
+  onProxyClick({ target: t }) {
+    const { exclude: e, allowSelection: n, selectionMin: i } = this.options.proxyClick, o = window.getSelection();
+    e && !t.matches(e) && (!n || o.toString().length < i) && this.toggle();
+  }
+  getClass(t) {
+    const { namespace: e } = this.options;
+    return t ? `${e}__${t}` : e;
+  }
+  createControlContent() {
+    return `
+      <span class="hidden-visually">Show More Information</span>
+    `;
+  }
+  setVisibility(t) {
+    const { back: e, container: n, control: i } = this.elements, o = t ? "open" : "closed";
+    e.style.zIndex = t ? "10" : "1", e.style.visibility = t ? "visible" : "hidden", n.setAttribute(this.stateAttr, o), e.setAttribute("aria-hidden", t ? "false" : "true"), i.setAttribute("aria-expanded", t ? "true" : "false"), this.isOpen = t;
+  }
+  containerCss() {
+    return `
+      display: -ms-grid;
+      display: grid;
+      position: relative; 
+      -ms-grid-columns: 1fr; 
+      grid-template-columns: 1fr;
+      justify-items: stretch;
+      grid-template-areas: "${this.options.namespace}";
+      cursor: pointer;
+    `;
+  }
+  panelCss(t = 1) {
+    return `
+      grid-area: ${this.options.namespace};
+      z-index: ${t}
+    `;
+  }
+};
+l(c, "instances", []), /**
+ * Default options for Flipcard
+ */
+l(c, "defaults", {
+  namespace: "Flipcard",
+  proxyClick: {
+    allowSelection: !0,
+    // Don't proxy click if the user has more than the minmimum selected
+    selectionMin: 10,
+    // Minimum length that qualifies as a selection
+    exclude: "a, input, textarea, button"
+    // Selectors to avoid closing a flipcard onProxyclick 
+  }
+});
+let u = c;
+export {
+  u as Flipcard,
+  k as init,
+  d as initializer
+};

package/dist/{types → es}/ui/grid.d.ts

@@ -1,11 +1,11 @@
+import { ComponentInitializer } from '../core/component.js';
 /**
  * Sets up document for grid position classes
  * @param {Object} classes Classes (optional) @see setPositionClasses
  */
-export function init(classes: any): void;
+export function init(classes: Object): void;
 /**
  * Dialog Component Initializer
  */
 export const initializer: ComponentInitializer;
-import { ComponentInitializer } from "../core/component.js";
 //# sourceMappingURL=grid.d.ts.map

package/dist/{types → es}/ui/grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../lib/js/ui/grid.js"],"names":[],"mappings":"AAeA;;;GAGG;AACH,yCAQC;AApBD;;GAEG;AACH,+CAGG;qCATkC,sBAAsB"}
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../lib/js/ui/grid.js"],"names":[],"mappings":"AAeA;;;GAGG;AACH,8BAFW,MAAM,QAUhB;AApBD;;GAEG;AACH,+CAGG;qCATkC,sBAAsB"}

package/dist/es/ui/grid.js

@@ -0,0 +1,18 @@
+import { ComponentInitializer as o } from "../core/component.js";
+import { setPositionClasses as n } from "../utils/dom.js";
+const r = new o({
+  type: "grid",
+  baseAttribute: "data-grid"
+});
+function p(i) {
+  r.init({
+    coreEvents: ["pageModified", "pageResized"],
+    setup({ element: t, initialize: e }) {
+      n(t, i), e();
+    }
+  });
+}
+export {
+  p as init,
+  r as initializer
+};

package/dist/{types → es}/ui/index.d.ts

@@ -1,22 +1,22 @@
-export { BreakpointManager } from "./breakpoints.js";
-export { Collapsible } from "./collapsible.js";
-export { OverflowScroller } from "./overflow-scroller.js";
-export { createPager as overflowScrollerCreatePager } from "./overflow-scroller-pager.js";
-export { init as pageInit } from "./page.js";
-export { init as printInit } from "./print.js";
-export { Resizer } from "./resizer.js";
-export { init as detailsGroupInit, initializer as detailsGroupInitializer, setupGroup as detailsGroupSetupGroup } from "./details-group.js";
-export { baseAttribute as dialogBaseAttribute, closeAttribute as dialogCloseAttribute, defaults as dialogDefaults, getDialogOptions as dialogGetDialogOptions, init as dialogInit, initializer as dialogInitializer, setDefaults as dialogSetDefaults, setupDialog as dialogSetupDialog, setupTrigger as dialogSetupTrigger } from "./dialog.js";
-export { Flipcard, init as flipcardInit, initializer as flipcardInitializer } from "./flipcard.js";
-export { init as gridInit, initializer as gridInitializer } from "./grid.js";
-export { buildModal as modalBuilderBuildModal, defaults as modalBuilderDefaults, init as modalBuilderInit, initializer as modalBuilderInitializer, setDefaults as modalBuilderSetDefaults } from "./modal-builder.js";
-export { getContentByTrigger as popoverGetContentByTrigger, init as popoverInit, initializer as popoverInitializer, instances as popoverInstances, Popover, resolve as popoverResolve } from "./popover.js";
-export { attrs as printDetailsAttrs, init as printDetailsInit } from "./print-details.js";
-export { attachHandlers as proxyClickAttachHandlers, defaults as proxyClickDefaults, init as proxyClickInit, initializer as proxyClickInitializer, setDefaults as proxyClickSetDefaults, setupProxy as proxyClickSetupProxy } from "./proxy-click.js";
-export { init as scrollSliderInit, initializer as scrollSliderInitializer } from "./scroll-slider.js";
-export { init as scrollpointInit, initializer as scrollpointInitializer, Scrollpoint } from "./scrollpoint.js";
-export { init as sliderInit, initializer as sliderInitializer, setupSlider as sliderSetupSlider, Slider } from "./slider.js";
-export { init as tabsInit, initializer as tabsInitializer, instances as tabsInstances, setup as tabsSetup } from "./tabs.js";
-export { defaults as themeToggleDefaults, init as themeToggleInit, initializer as themeToggleInitializer, setDefaults as themeToggleSetDefaults, setupToggle as themeToggleSetupToggle } from "./theme-toggle.js";
-export { init as tooltipInit, initializer as tooltipInitializer, Tooltip } from "./tooltip.js";
+export { BreakpointManager } from './breakpoints.js';
+export { Collapsible } from './collapsible.js';
+export { OverflowScroller } from './overflow-scroller.js';
+export { createPager as overflowScrollerCreatePager } from './overflow-scroller-pager.js';
+export { init as pageInit } from './page.js';
+export { init as printInit } from './print.js';
+export { Resizer } from './resizer.js';
+export { init as detailsGroupInit, initializer as detailsGroupInitializer, setupGroup as detailsGroupSetupGroup } from './details-group.js';
+export { baseAttribute as dialogBaseAttribute, closeAttribute as dialogCloseAttribute, defaults as dialogDefaults, getDialogOptions as dialogGetDialogOptions, init as dialogInit, initializer as dialogInitializer, setDefaults as dialogSetDefaults, setupDialog as dialogSetupDialog, setupTrigger as dialogSetupTrigger } from './dialog.js';
+export { Flipcard, init as flipcardInit, initializer as flipcardInitializer } from './flipcard.js';
+export { init as gridInit, initializer as gridInitializer } from './grid.js';
+export { buildModal as modalBuilderBuildModal, defaults as modalBuilderDefaults, init as modalBuilderInit, initializer as modalBuilderInitializer, setDefaults as modalBuilderSetDefaults } from './modal-builder.js';
+export { getContentByTrigger as popoverGetContentByTrigger, init as popoverInit, initializer as popoverInitializer, instances as popoverInstances, Popover, resolve as popoverResolve } from './popover.js';
+export { attrs as printDetailsAttrs, init as printDetailsInit } from './print-details.js';
+export { attachHandlers as proxyClickAttachHandlers, defaults as proxyClickDefaults, init as proxyClickInit, initializer as proxyClickInitializer, setDefaults as proxyClickSetDefaults, setupProxy as proxyClickSetupProxy } from './proxy-click.js';
+export { init as scrollSliderInit, initializer as scrollSliderInitializer } from './scroll-slider.js';
+export { init as scrollpointInit, initializer as scrollpointInitializer, Scrollpoint } from './scrollpoint.js';
+export { init as sliderInit, initializer as sliderInitializer, setupSlider as sliderSetupSlider, Slider } from './slider.js';
+export { init as tabsInit, initializer as tabsInitializer, instances as tabsInstances, setup as tabsSetup } from './tabs.js';
+export { defaults as themeToggleDefaults, init as themeToggleInit, initializer as themeToggleInitializer, setDefaults as themeToggleSetDefaults, setupToggle as themeToggleSetupToggle } from './theme-toggle.js';
+export { init as tooltipInit, initializer as tooltipInitializer, Tooltip } from './tooltip.js';
 //# sourceMappingURL=index.d.ts.map