@ulu/frontend 0.1.0-beta.99 → 0.2.0-beta.10

package/dist/README.md

@@ -0,0 +1,12 @@
+# Dist
+
+## UMD
+
+This is for testing (code pen, etc) it includes the full library, externals are set to globals and it has the full stylesheet (only useful for basic testing).
+
+## ES
+
+This is the version of the library that should be consumed by users. It includes the JS bundle and typescript declarations. 
+
+Note the legacy `import { something } from "@ulu/frontend/js/ui/some-module.js"` import syntax is preserved/mapped through this bundle now. But most users should import like `import { something } from "@ulu/frontend"`.
+

package/{types/utils/system.d.ts → dist/es/core/component.d.ts}

@@ -3,11 +3,11 @@
  */
 export class ComponentInitializer {
     static defaults: {
-        type: any;
-        baseAttribute: any;
+        type: null;
+        baseAttribute: null;
     };
     static requiredOptions: string[];
-    static hasRequiredOptions: Function;
+    static hasRequiredOptions: any;
     /**
      * Create a new instance of ComponentInitializer
      * @param {Object} options Options for configuring the component initializer.
@@ -18,7 +18,7 @@ export class ComponentInitializer {
         type: string;
         baseAttribute: string;
     });
-    options: any;
+    options: never;
     logTitle: string;
     /**
      * Initializes the component based on the provided configuration.
@@ -26,16 +26,14 @@ export class ComponentInitializer {
      * @param {Function} config.setup The setup function to call for each element.
      * @param {String} config.key [null] The optional key to use with attribute selector.
      * @param {Boolean} config.withData [null] Whether to retrieve element data.
-     * @param {Array} config.events [null] Ulu events that should call setup when dispatched (ie. pageModified, pageResized)
-     * @param {Boolean} config.onPageResized [null] Whether to bind event listener for page resize end
+     * @param {Array} config.coreEvents [null] An array of core event names (e.g., 'pageModified') that should trigger a re-initialization.
      * @param {HTMLElement} config.context [document] The context to query within.
      */
     init(config: {
         setup: Function;
         key: string;
         withData: boolean;
-        events: any[];
-        onPageResized: boolean;
+        coreEvents: any[];
         context: HTMLElement;
     }): void;
     /**
@@ -44,14 +42,12 @@ export class ComponentInitializer {
      * @param {function} config.setup The setup function to call for each element.
      * @param {string} config.key The optional key to use with attribute selector.
      * @param {boolean} config.withData [false] Whether to retrieve element data.
-     * @param {boolean} config.onPageModified [true] Whether to bind event listener for page modifications.
      * @param {HTMLElement} config.context [document] The context to query within.
      */
     setupElements(config: {
         setup: Function;
         key: string;
         withData: boolean;
-        onPageModified: boolean;
         context: HTMLElement;
     }): void;
     /**
@@ -105,9 +101,4 @@ export class ComponentInitializer {
      */
     logError(...msgs: any[]): void;
 }
-/**
- * Class serves as a base for representing individual occurrences of a UI component, providing a consistent structure for each
- */
-export class ComponentInstance {
-}
-//# sourceMappingURL=system.d.ts.map
+//# sourceMappingURL=component.d.ts.map

package/dist/es/core/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../lib/js/core/component.js"],"names":[],"mappings":"AAUA;;GAEG;AACH;IACE;;;MAGE;IACF,iCAGE;IACF,+BAEE;IAEF;;;;;OAKG;IACH,qBAHG;QAAwB,IAAI;QACJ,aAAa;KACvC,EASA;IAFC,eAAwE;IACxE,iBAAgD;IAElD;;;;;;;;OAQG;IACH,aANG;QAAyB,KAAK;QACP,GAAG;QACF,QAAQ;QACV,UAAU;QACJ,OAAO,EAA3B,WAAW;KACrB,QAcA;IACD;;;;;;;OAOG;IACH,sBALG;QAAyB,KAAK;QACP,GAAG,EAAlB,MAAM;QACU,QAAQ,EAAxB,OAAO;QACa,OAAO,EAA3B,WAAW;KACrB,QAKA;IACD;;;;OAIG;IACH,kCAGC;IACD;;;OAGG;IACH,uCAEC;IACD;;;OAGG;IACH,2CAEC;IACD;;;;;;OAMG;IACH,uDALW,WAAW,GAGT,KAAK,CAAC;QAAC,OAAO,EAAE,WAAW,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,UAAU,WAAU;KAAC,CAAC,CAS7E;IACD;;;OAGG;IACH,2BAFW,WAAW,QAIrB;IACD;;;OAGG;IACH,iCAFY,GAAC,CAKZ;IACD;;OAEG;IACH,0BAEC;IACD;;OAEG;IACH,2BAEC;IACD;;OAEG;IACH,+BAEC;CACF"}

package/dist/es/core/component.js

@@ -0,0 +1,134 @@
+var h = Object.defineProperty;
+var c = (r, t, e) => t in r ? h(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var n = (r, t, e) => c(r, typeof t != "symbol" ? t + "" : t, e);
+import { hasRequiredProps as p } from "@ulu/utils/object.js";
+import { getDatasetOptionalJson as b } from "@ulu/utils/browser/dom.js";
+import { dataAttributeToDatasetKey as d } from "../utils/dom.js";
+import { getCoreEventName as g } from "./events.js";
+const i = class i {
+  /**
+   * Create a new instance of ComponentInitializer
+   * @param {Object} options Options for configuring the component initializer.
+   * @param {String} options.type Type of component (used for logs).
+   * @param {String} options.baseAttribute Prefix and base attribute name (used for base attribute and further element attribute names).
+   */
+  constructor(t) {
+    if (!i.hasRequiredOptions(t))
+      throw new Error(
+        `Missing a required options: ${i.requiredOptions.join(", ")}`
+      );
+    this.options = Object.assign({}, i.defaults, t), this.logTitle = `ULU: ${this.options.type}:
+`;
+  }
+  /**
+   * Initializes the component based on the provided configuration.
+   * @param {Object} config The initialization configuration.
+   * @param {Function} config.setup The setup function to call for each element.
+   * @param {String} config.key [null] The optional key to use with attribute selector.
+   * @param {Boolean} config.withData [null] Whether to retrieve element data.
+   * @param {Array} config.coreEvents [null] An array of core event names (e.g., 'pageModified') that should trigger a re-initialization.
+   * @param {HTMLElement} config.context [document] The context to query within.
+   */
+  init(t) {
+    var e;
+    this.setupElements(t), (e = t.coreEvents) != null && e.length && t.coreEvents.forEach((s) => {
+      const o = g(s);
+      o && document.addEventListener(o, () => this.setupElements(t));
+    });
+  }
+  /**
+   * Processes the elements based on the provided configuration.
+   * @param {object} config The initialization configuration.
+   * @param {function} config.setup The setup function to call for each element.
+   * @param {string} config.key The optional key to use with attribute selector.
+   * @param {boolean} config.withData [false] Whether to retrieve element data.
+   * @param {HTMLElement} config.context [document] The context to query within.
+   */
+  setupElements(t) {
+    const { setup: e, key: s, withData: o, context: a } = t;
+    this.queryAllInitial(s, o, a).forEach((u) => e(u, this));
+  }
+  /**
+   * Get an attribute name
+   * @param {String} key Optional key, if no key will return baseAttribute if key will return key added to base
+   * @returns {String} String like data-ulu-dialog or data-ulu-dialog-element
+   */
+  getAttribute(t) {
+    const { baseAttribute: e } = this.options;
+    return t ? `${e}-${t}` : `${e}`;
+  }
+  /**
+   * Create an attribute selector
+   * @param {String} key Optional key (see getAttribute)
+   */
+  attributeSelector(t) {
+    return `[${this.getAttribute(t)}]`;
+  }
+  /**
+   * Create an attribute selector for initial
+   * @return {String}
+   */
+  attributeSelectorInitial(t) {
+    return `${this.attributeSelector(t)}:not([${this.getAttribute("init")}])`;
+  }
+  /**
+   * Queries all main elements of a component that have not been initialized and extracts their data attributes.
+   * @param {HTMLElement} context The context to query within.
+   * @param {Boolean} withData Include dataset from element (as optional JSON)
+   * @param {Node} context Element to query elements from
+   * @returns {Array<{element: HTMLElement, data: object, initialize: Function}>} An array of objects containing the elements, their data, and convenience function initialize() which when called will set the init attribute on the element
+   */
+  queryAllInitial(t, e, s = document) {
+    return [...s.querySelectorAll(this.attributeSelectorInitial(t))].map((a) => ({
+      element: a,
+      data: e ? this.getData(a, t) : null,
+      initialize: () => this.initializeElement(a)
+    }));
+  }
+  /**
+   * Sets the init attribute on an element, marking it as initialized.
+   * @param {HTMLElement} element The element to initialize.
+   */
+  initializeElement(t) {
+    t.setAttribute(this.getAttribute("init"), "");
+  }
+  /**
+   * Get an elements dataset value as JSON or other value
+   * @return {*} The value of the dataset, if JSON will return object else will return string value or undefined
+   */
+  getData(t, e) {
+    const s = d(this.getAttribute(e));
+    return b(t, s);
+  }
+  /**
+   * Will output namespaced console logs for the given initializer
+   */
+  log(...t) {
+    console.log(this.logTitle, ...t);
+  }
+  /**
+   * Will output namespaced console warnings for the given initializer
+   */
+  warn(...t) {
+    console.warn(this.logTitle, ...t);
+  }
+  /**
+   * Will output namespaced console error for the given initializer
+   */
+  logError(...t) {
+    console.error(this.logTitle, ...t);
+  }
+};
+n(i, "defaults", {
+  type: null,
+  baseAttribute: null
+}), n(i, "requiredOptions", [
+  "type",
+  "baseAttribute"
+]), n(i, "hasRequiredOptions", p(
+  i.requiredOptions
+));
+let l = i;
+export {
+  l as ComponentInitializer
+};

package/dist/es/core/events.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Triggers one of the predefined core lifecycle events.
+ * @param {String} type Type of core event to dispatch.
+ * @param {Node} context Element to trigger the event from.
+ */
+export function dispatchCoreEvent(type: string, context: Node): void;
+/**
+ * A general-purpose utility to get a ULU-namespaced event name.
+ * @param {String} type The base name for the event.
+ * @returns {String} The `ulu:` prefixed event name.
+ */
+export function getUluEventName(type: string): string;
+/**
+ * Safely gets the full namespaced name for a predefined core event.
+ * @param {String} type The base name of the core event (e.g., 'pageModified').
+ * @returns {String|null} The full event name if valid, otherwise null.
+ */
+export function getCoreEventName(type: string): string | null;
+/**
+ * A general-purpose utility to create a ULU-namespaced CustomEvent.
+ * @param {String} type Event base name.
+ * @param {any} data Custom data to pass with the event.
+ * @param {Object} options CustomEvent options.
+ * @returns {CustomEvent}
+ */
+export function createUluEvent(type: string, data?: any, options?: Object): CustomEvent;
+//# sourceMappingURL=events.d.ts.map

package/dist/es/core/events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../../lib/js/core/events.js"],"names":[],"mappings":"AAkCA;;;;GAIG;AACH,yDAFW,IAAI,QAQd;AAED;;;;GAIG;AACH,sDAEC;AAED;;;;GAIG;AACH,gDAFa,SAAO,IAAI,CAQvB;AAED;;;;;;GAMG;AACH,oDAJW,GAAG,YACH,MAAM,GACJ,WAAW,CAIvB"}

package/dist/es/core/events.js

@@ -0,0 +1,45 @@
+import { debounce as s } from "@ulu/utils/performance.js";
+import { isBrowser as a } from "@ulu/utils/browser/dom.js";
+a() && (u(), f());
+const i = {
+  pageModified(e) {
+    e.dispatchEvent(n("pageModified"));
+  },
+  pageResized(e) {
+    e.dispatchEvent(n("pageResized"));
+  },
+  beforePrint(e) {
+    e.dispatchEvent(n("beforePrint"));
+  },
+  afterPrint(e) {
+    e.dispatchEvent(n("afterPrint"));
+  }
+}, c = Object.keys(i);
+function r(e, t) {
+  i[e] ? i[e](t) : console.warn(`Unable to dispatch non-core event: ${e}`);
+}
+function o(e) {
+  return "ulu:" + e;
+}
+function p(e) {
+  return c.includes(e) ? o(e) : (console.warn(`'${e}' is not a valid core event type.`), null);
+}
+function n(e, t = null, d = { bubbles: !0 }) {
+  return new CustomEvent(o(e), { detail: t, ...d });
+}
+function u() {
+  window.addEventListener("resize", s(() => r("pageResized", document), 250));
+}
+function f() {
+  window.addEventListener("beforeprint", () => {
+    r("beforePrint", document);
+  }), window.addEventListener("afterprint", () => {
+    r("afterPrint", document);
+  });
+}
+export {
+  n as createUluEvent,
+  r as dispatchCoreEvent,
+  p as getCoreEventName,
+  o as getUluEventName
+};

package/dist/es/core/index.d.ts

@@ -0,0 +1,4 @@
+export { ComponentInitializer } from './component.js';
+export { dispatchCoreEvent, getCoreEventName, getUluEventName, createUluEvent } from './events.js';
+export { getDefaultSettings, updateSettings, getSettings, getSetting, updateSetting, wrapSettingString } from './settings.js';
+//# sourceMappingURL=index.d.ts.map

package/{types/utils → dist/es/core}/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../js/utils/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/js/core/index.js"],"names":[],"mappings":""}

package/{types → dist/es/core}/settings.d.ts

@@ -37,7 +37,7 @@ export function updateSetting(key: string, value: any): void;
  * @returns {Object} An object with a `toString()` method that returns the
  * (optionally transformed) setting value as a string.
  */
-export function wrapSettingString(key: string, transform: Function): any;
+export function wrapSettingString(key: string, transform: Function): Object;
 /**
  * Default settings
  */

package/dist/es/core/settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../../../lib/js/core/settings.js"],"names":[],"mappings":"AA+BA;;;GAGG;AACH,sCAFa,MAAM,CAIlB;AAED;;;GAGG;AACH,wCAFW,MAAM,QAIhB;AAED;;;GAGG;AACH,+BAFa,MAAM,CAIlB;AAED;;;;GAIG;AACH,gCAHW,MAAM,GACJ,GAAC,CAQb;AAED;;;;GAIG;AACH,mCAHW,MAAM,SACN,GAAC,QAIX;AAED;;;;;;;;;;;GAWG;AACH,qEAHa,MAAM,CAUlB;;;;;;;;oBAxFa,MAAM;;;;oBACN,MAAM;;;;uBACN,MAAM;;;;uBACN,MAAM;;;;mBACN,MAAM;;;;kBACN,MAAM"}

package/dist/es/core/settings.js

@@ -0,0 +1,44 @@
+const c = {
+  iconClassClose: "css-icon css-icon--close",
+  iconClassDragX: "css-icon css-icon--drag-x",
+  iconClassDragBoth: "css-icon css-icon--drag-both",
+  iconClassPrevious: "css-icon  css-icon--angle-left",
+  iconClassNext: "css-icon  css-icon--angle-right",
+  cssvarPrefix: ""
+};
+let t = { ...c };
+function o() {
+  return { ...c };
+}
+function r(n) {
+  Object.assign(t, n);
+}
+function a() {
+  return { ...t };
+}
+function i(n) {
+  if (!t.hasOwnProperty(n)) {
+    console.warn(`Attempted to access non-existent setting: ${n}`);
+    return;
+  }
+  return t[n];
+}
+function g(n, s) {
+  t[n] = s;
+}
+function u(n, s) {
+  return {
+    toString() {
+      const e = i(n);
+      return s ? s(e) : e;
+    }
+  };
+}
+export {
+  o as getDefaultSettings,
+  i as getSetting,
+  a as getSettings,
+  g as updateSetting,
+  r as updateSettings,
+  u as wrapSettingString
+};

package/dist/es/index.d.ts

@@ -0,0 +1,4 @@
+export * from './core/index.js';
+export * from './ui/index.js';
+export * from './utils/index.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../js/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/js/index.js"],"names":[],"mappings":""}

package/dist/es/index.js

@@ -0,0 +1,125 @@
+import { createUluEvent as i, dispatchCoreEvent as r, getCoreEventName as a, getUluEventName as o } from "./core/events.js";
+import { getDefaultSettings as l, getSetting as n, getSettings as p, updateSetting as g, updateSettings as u, wrapSettingString as f } from "./core/settings.js";
+import { ComponentInitializer as m } from "./core/component.js";
+import { BreakpointManager as I } from "./ui/breakpoints.js";
+import { Collapsible as z } from "./ui/collapsible.js";
+import { init as D, initializer as C, setupGroup as v } from "./ui/details-group.js";
+import { baseAttribute as y, closeAttribute as T, defaults as B, getDialogOptions as P, init as h, initializer as A, setDefaults as k, setupDialog as G, setupTrigger as L } from "./ui/dialog.js";
+import { Flipcard as w, init as M, initializer as U } from "./ui/flipcard.js";
+import { init as F, initializer as O } from "./ui/grid.js";
+import { buildModal as N, defaults as R, init as W, initializer as K, setDefaults as j } from "./ui/modal-builder.js";
+import { ProgrammaticModalManager as J } from "./ui/programmatic-modal.js";
+import { OverflowScroller as X } from "./ui/overflow-scroller.js";
+import { createPager as Z } from "./ui/overflow-scroller-pager.js";
+import { init as $ } from "./ui/page.js";
+import { Popover as te, getContentByTrigger as ie, init as re, initializer as ae, instances as oe, resolve as se } from "./ui/popover.js";
+import { attrs as ne, init as pe } from "./ui/print-details.js";
+import { init as ue } from "./ui/print.js";
+import { attachHandlers as de, defaults as me, init as xe, initializer as Ie, setDefaults as ce, setupProxy as ze } from "./ui/proxy-click.js";
+import { Resizer as De } from "./ui/resizer.js";
+import { init as ve, initializer as be } from "./ui/scroll-slider.js";
+import { Scrollpoint as Te, init as Be, initializer as Pe } from "./ui/scrollpoint.js";
+import { Slider as Ae, init as ke, initializer as Ge, setupSlider as Le } from "./ui/slider.js";
+import { init as we, initializer as Me, instances as Ue, setup as Ve } from "./ui/tabs.js";
+import { defaults as Oe, init as He, initializer as Ne, setDefaults as Re, setupToggle as We } from "./ui/theme-toggle.js";
+import { Tooltip as je, init as qe, initializer as Je } from "./ui/tooltip.js";
+import { log as Xe, logError as Ye, logWarning as Ze, set as _e } from "./utils/class-logger.js";
+import { dataAttributeToDatasetKey as et, resolveClasses as tt, setPositionClasses as it } from "./utils/dom.js";
+import { FileSave as at } from "./utils/file-save.js";
+import { createFloatingUi as st, defaults as lt } from "./utils/floating-ui.js";
+import { configureIcons as pt } from "./utils/font-awesome.js";
+import { ensureId as ut, newId as ft } from "./utils/id.js";
+import { pauseVideos as mt, prepVideos as xt } from "./utils/pause-youtube-video.js";
+export {
+  I as BreakpointManager,
+  z as Collapsible,
+  m as ComponentInitializer,
+  at as FileSave,
+  w as Flipcard,
+  X as OverflowScroller,
+  te as Popover,
+  J as ProgrammaticModalManager,
+  De as Resizer,
+  Te as Scrollpoint,
+  Ae as Slider,
+  je as Tooltip,
+  Xe as classLoggerLog,
+  Ye as classLoggerLogError,
+  Ze as classLoggerLogWarning,
+  _e as classLoggerSet,
+  st as createFloatingUi,
+  i as createUluEvent,
+  et as dataAttributeToDatasetKey,
+  D as detailsGroupInit,
+  C as detailsGroupInitializer,
+  v as detailsGroupSetupGroup,
+  y as dialogBaseAttribute,
+  T as dialogCloseAttribute,
+  B as dialogDefaults,
+  P as dialogGetDialogOptions,
+  h as dialogInit,
+  A as dialogInitializer,
+  k as dialogSetDefaults,
+  G as dialogSetupDialog,
+  L as dialogSetupTrigger,
+  r as dispatchCoreEvent,
+  ut as ensureId,
+  M as flipcardInit,
+  U as flipcardInitializer,
+  lt as floatingUiDefaults,
+  pt as fontAwesomeConfigureIcons,
+  a as getCoreEventName,
+  l as getDefaultSettings,
+  n as getSetting,
+  p as getSettings,
+  o as getUluEventName,
+  F as gridInit,
+  O as gridInitializer,
+  N as modalBuilderBuildModal,
+  R as modalBuilderDefaults,
+  W as modalBuilderInit,
+  K as modalBuilderInitializer,
+  j as modalBuilderSetDefaults,
+  ft as newId,
+  Z as overflowScrollerCreatePager,
+  $ as pageInit,
+  ie as popoverGetContentByTrigger,
+  re as popoverInit,
+  ae as popoverInitializer,
+  oe as popoverInstances,
+  se as popoverResolve,
+  ne as printDetailsAttrs,
+  pe as printDetailsInit,
+  ue as printInit,
+  de as proxyClickAttachHandlers,
+  me as proxyClickDefaults,
+  xe as proxyClickInit,
+  Ie as proxyClickInitializer,
+  ce as proxyClickSetDefaults,
+  ze as proxyClickSetupProxy,
+  tt as resolveClasses,
+  ve as scrollSliderInit,
+  be as scrollSliderInitializer,
+  Be as scrollpointInit,
+  Pe as scrollpointInitializer,
+  it as setPositionClasses,
+  ke as sliderInit,
+  Ge as sliderInitializer,
+  Le as sliderSetupSlider,
+  we as tabsInit,
+  Me as tabsInitializer,
+  Ue as tabsInstances,
+  Ve as tabsSetup,
+  Oe as themeToggleDefaults,
+  He as themeToggleInit,
+  Ne as themeToggleInitializer,
+  Re as themeToggleSetDefaults,
+  We as themeToggleSetupToggle,
+  qe as tooltipInit,
+  Je as tooltipInitializer,
+  g as updateSetting,
+  u as updateSettings,
+  f as wrapSettingString,
+  mt as youtubePauseVideos,
+  xt as youtubePrepVideos
+};

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

@@ -5,10 +5,12 @@
  */
 export class BreakpointManager {
     static instances: any[];
+    static globalsInitialized: boolean;
+    static _initializeGlobals(): void;
     static defaults: {
         element: HTMLElement;
         valueFromPseudo: boolean;
-        customProperty: any;
+        customProperty: Object;
         pseudoSelector: string;
         order: string[];
         debug: boolean;
@@ -31,7 +33,7 @@ export class BreakpointManager {
     active: any;
     previous: any;
     activeIndex: any;
-    resizeDirection: string;
+    resizeDirection: string | null;
     previousIndex: any;
     breakpoints: {};
     onChangeCallbacks: any[];
@@ -91,16 +93,14 @@ declare class Breakpoint {
      */
     _setDirection(direction: string, active: boolean): void;
     /**
-     * Attach handler to be executed from the breakpoint and to all breakpoints below.
-     * - If the browser resizes from a breakpoint below this breakpoint,
-     *   and above the breakpoint name specified, this handler will fire
+     * Attach handler to be executed from the breakpoint and to all breakpoints below (inclusive).
+     * This corresponds to a `max-width` media query in SCSS.
      * @param {Function} handler Handler to be executed
      */
     max(handler: Function): void;
     /**
-     * Attach handler to be executed from the breakpoint and to all breakpoints below.
-     * - If the browser resizes from a breakpoint above this breakpoint,
-     *   and below the breakpoint name specified, this handler will fire
+     * Attach handler to be executed from the breakpoint and to all breakpoints above (inclusive).
+     * This corresponds to a `min-width` media query in SCSS.
      * @param {Function} handler Handler to be executed
      */
     min(handler: Function): void;
@@ -146,7 +146,7 @@ declare class BreakpointDirection {
      * @param {Function|Object} handler.on Function to be executed when direction is active
      * @param {Function|Object} handler.off Function to be executed when direction was active and is now changed to inactive
      */
-    add(handler: Function | any): void;
+    add(handler: Function | Object): void;
     /**
      * Removes a handler
      */

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

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../../lib/js/ui/breakpoints.js"],"names":[],"mappings":"AAcA;;;;GAIG;AACH;IACE,wBAAsB;IACtB,mCAAkC;IAElC,kCAQC;IACD;;;;;;;MAQC;IACD;;;;;;;OAOG;IACH,oBANG;QAAsB,KAAK;QACL,cAAc;QACd,eAAe;QAChB,OAAO,EAApB,IAAI;QACW,cAAc;KACvC,EAeA;IAXC,YAAkB;IAClB,cAAoB;IACpB,iBAAuB;IACvB,+BAA2B;IAC3B,mBAAyB;IACzB,gBAAqB;IACrB,yBAA2B;IAM7B;;;;;OAKG;IACH,mCAEC;IACD;;;OAGG;IACH,yCAEC;IACD;;OAEG;IACH,gCAEC;IACD;;OAEG;IACH,kCAEC;IACD;;OAEG;IACH,wBAMC;IACD;;OAEG;IACH,eAuCC;IACD;;;;OAIG;IACH,kBAFY,UAAU,CAQrB;CACF;AAsED;;;GAGG;AACH;IACE,qCAQC;IAPC;;;;MAIC;IACD,cAAuB;IACvB,UAAgB;IAElB;;;;;OAKG;IACH,wDAEC;IACD;;;;OAIG;IACH,6BAEC;IACD;;;;OAIG;IACH,6BAEC;IACD;;;OAGG;IACH,8BAEC;IACD;;;;OAIG;IACH,mDAOC;IAED,yBAGC;CACF;AArID;;;GAGG;AACH;IACE,6CAMC;IALC,eAA0B;IAC1B,gBAAmB;IACnB,UAAY;IACZ,WAAa;IACb,gBAA4B;IAE9B;;OAEG;IACH,sBAMC;IACD;;OAEG;IACH,4BAIC;IACD;;OAEG;IACH,+BAEC;IACD;;;;;OAKG;IACH,aAJW,WAAS,MAAM,QAiBzB;IACD;;OAEG;IACH,2BAQC;CACF"}