@ulu/frontend 0.1.0-beta.1 → 0.1.0-beta.100

package/types/settings.d.ts

@@ -0,0 +1,70 @@
+/**
+ * Retrieves a copy of the default settings.
+ * @returns {object} A copy of the default settings object.
+ */
+export function getDefaultSettings(): object;
+/**
+ * Updates multiple configuration settings.
+ * @param {object} changes An object containing the settings to update.
+ */
+export function updateSettings(changes: object): void;
+/**
+ * Retrieves a copy of the current configuration settings.
+ * @returns {object} A copy of the current settings object.
+ */
+export function getSettings(): object;
+/**
+ * Retrieves a specific configuration setting by key.
+ * @param {string} key The key of the setting to retrieve.
+ * @returns {*} The value of the setting, or undefined if not found.
+ */
+export function getSetting(key: string): any;
+/**
+ * Updates a specific configuration setting.
+ * @param {string} key The key of the setting to update.
+ * @param {*} value The new value for the setting.
+ */
+export function updateSetting(key: string, value: any): void;
+/**
+ * Creates a wrapped string representation of a configuration setting.
+ * This function returns an object with a `toString()` method that, when called,
+ * retrieves the current value of the specified setting. This allows the setting
+ * to be used as a string literal, dynamically retrieving its value.
+ *
+ * @param {String} key The key of the setting to wrap.
+ * @param {Function} transform Optional function to transform the setting's
+ * value when its string representation is requested.
+ * @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;
+/**
+ * Default settings
+ */
+export type Defaults = {
+    /**
+     * - The CSS class string for the close icon
+     */
+    iconClassClose: string;
+    /**
+     * - The CSS class string for the drag X icon
+     */
+    iconClassDragX: string;
+    /**
+     * - The CSS class string for the dragging in both directions
+     */
+    iconClassDragBoth: string;
+    /**
+     * - The CSS class string for the previous icon
+     */
+    iconClassPrevious: string;
+    /**
+     * - The CSS class string for the next icon
+     */
+    iconClassNext: string;
+    /**
+     * - The prefix to use for CSS custom properties
+     */
+    cssvarPrefix: string;
+};
+//# sourceMappingURL=settings.d.ts.map

package/types/settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../js/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,OAShB;AAED;;;;GAIG;AACH,mCAHW,MAAM,oBAKhB;AAED;;;;;;;;;;;GAWG;AACH,yEAOC;;;;;;;;oBAxFa,MAAM;;;;oBACN,MAAM;;;;uBACN,MAAM;;;;uBACN,MAAM;;;;mBACN,MAAM;;;;kBACN,MAAM"}

package/types/ui/breakpoints.d.ts

@@ -1,32 +1,32 @@
 /**
  * @class
  * Class that provides method for retrieving and acting on breakpoints passed
- * from CSS (using element psuedo content prop)
+ * from CSS (using element pseudo content prop)
  */
 export class BreakpointManager {
     static instances: any[];
     static defaults: {
         element: HTMLElement;
-        valueFromPsuedo: boolean;
-        customProperty: string;
-        psuedoSelector: string;
+        valueFromPseudo: boolean;
+        customProperty: any;
+        pseudoSelector: string;
         order: string[];
         debug: boolean;
     };
     /**
-     * @param {Object} config Configruation object
+     * @param {Object} config Configuration object
      * @param {Array} config.order Array of strings that correspond to the breakpoints setup in the styles, Breakpoints from smallest to largest, defaults to [small, medium, large]
      * @param {Array} config.customProperty Property to grab breakpoint from (default is --breakpoint)
-     * @param {Array} config.valueFromPsuedo Use the legacy method of grabbing breakpoint from psuedo element, default uses custom property
-     * @param {Node} config.element The element to retrieve active breakpoint from stylesheet. (default is html) For using the old psuedo method, adjust this to document.body
-     * @param {String} config.psuedoSelector Change psuedo selector used to get the breakpoint from the psuedo's content property
+     * @param {Array} config.valueFromPseudo Use the legacy method of grabbing breakpoint from pseudo element, default uses custom property
+     * @param {Node} config.element The element to retrieve active breakpoint from stylesheet. (default is html) For using the old pseudo method, adjust this to document.body
+     * @param {String} config.pseudoSelector Change pseudo selector used to get the breakpoint from the pseudo's content property
      */
     constructor(config: {
         order: any[];
         customProperty: any[];
-        valueFromPsuedo: any[];
+        valueFromPseudo: any[];
         element: Node;
-        psuedoSelector: string;
+        pseudoSelector: string;
     });
     active: any;
     previous: any;
@@ -36,9 +36,9 @@ export class BreakpointManager {
     breakpoints: {};
     onChangeCallbacks: any[];
     /**
-     * Add a callback for everytime a breakpoint changes
+     * Add a callback for every time a breakpoint changes
      * - Not recommended, possibly use to watch for changes, etc
-     * - For more control use intance.at(name) with breakpoint methods
+     * - For more control use instance.at(name) with breakpoint methods
      * @param {Function} callback Function to call, passed one argument current instance which can be used to get information about breakpoints
      */
     onChange(callback: Function): void;
@@ -48,9 +48,9 @@ export class BreakpointManager {
      */
     removeOnChange(callback: Function): void;
     /**
-     * Get breakpoint from a psuedo element
+     * Get breakpoint from a pseudo element
      */
-    getBreakpointInPsuedo(): string;
+    getBreakpointInPseudo(): string;
     /**
      * Get breakpoint from a custom property
      */

package/types/ui/breakpoints.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../js/ui/breakpoints.js"],"names":[],"mappings":"AAeA;;;;GAIG;AACH;IACE,wBAAsB;IACtB;;;;;;;MAOC;IACD;;;;;;;OAOG;IACH;QANyB,KAAK;QACL,cAAc;QACd,eAAe;QAChB,OAAO,EAApB,IAAI;QACW,cAAc;OAevC;IAXC,YAAkB;IAClB,cAAoB;IACpB,iBAAuB;IACvB,wBAA2B;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,eA6CC;IACD;;;;OAIG;IACH,kBAFY,UAAU,CAQrB;CACF;AAsED;;;GAGG;AACH;IACE,qCAQC;IAPC;;;;MAIC;IACD,cAAuB;IACvB,UAAgB;IAElB;;;;;OAKG;IACH,wDAEC;IACD;;;;;OAKG;IACH,6BAEC;IACD;;;;;OAKG;IACH,6BAEC;IACD;;;OAGG;IACH,8BAEC;IACD;;;;OAIG;IACH,mDAGC;IAED,yBAGC;CACF;AAnID;;;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,cAAe,QAiBzB;IACD;;OAEG;IACH,2BAQC;CACF"}
+{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../js/ui/breakpoints.js"],"names":[],"mappings":"AAkBA;;;;GAIG;AACH;IACE,wBAAsB;IACtB;;;;;;;MAQC;IACD;;;;;;;OAOG;IACH;QANyB,KAAK;QACL,cAAc;QACd,eAAe;QAChB,OAAO,EAApB,IAAI;QACW,cAAc;OAevC;IAXC,YAAkB;IAClB,cAAoB;IACpB,iBAAuB;IACvB,wBAA2B;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,eA4CC;IACD;;;;OAIG;IACH,kBAFY,UAAU,CAQrB;CACF;AAsED;;;GAGG;AACH;IACE,qCAQC;IAPC;;;;MAIC;IACD,cAAuB;IACvB,UAAgB;IAElB;;;;;OAKG;IACH,wDAEC;IACD;;;;;OAKG;IACH,6BAEC;IACD;;;;;OAKG;IACH,6BAEC;IACD;;;OAGG;IACH,8BAEC;IACD;;;;OAIG;IACH,mDAGC;IAED,yBAGC;CACF;AAnID;;;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,cAAe,QAiBzB;IACD;;OAEG;IACH,2BAQC;CACF"}

package/types/ui/collapsible.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../js/ui/collapsible.js"],"names":[],"mappings":"AAQA;;GAEG;AACH;IACE;;;;QAME;;WAEG;;QAGH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;MAKH;IACF;;;;;;OAMG;IACH;QAL0B,OAAO,EAAtB,IAAI;QACW,OAAO,EAAtB,IAAI;oBAsBd;IAXC;iBAZS,IAAI;iBACJ,IAAI;MAWW;IACxB,aAAsB;IACtB,gBAAmB;IACnB,aAAkB;IASpB,uBAaC;IAVC,mCAEC;IACD,sCAIC;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"}
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../js/ui/collapsible.js"],"names":[],"mappings":"AAQA;;GAEG;AACH;IACE;;;;QAME;;WAEG;;QAGH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;MAKH;IACF;;;;;;OAMG;IACH;QAL0B,OAAO,EAAtB,IAAI;QACW,OAAO,EAAtB,IAAI;oBAsBd;IAXC;iBAZS,IAAI;iBACJ,IAAI;MAWW;IACxB,aAAsB;IACtB,gBAAmB;IACnB,aAAkB;IASpB,uBAoBC;IAjBC,mCAEC;IACD,sCAWC;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/types/ui/details-group.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Initialize everything in document
+ * - This will only initialize elements once, it is safe to call on page changes
+ */
+export function init(): void;
+/**
+ * @typedef {Object} DetailsGroupInstance
+ * @property {Function} destroy A function to remove event listeners and attributes.
+ * @property {HTMLElement} element The parent element.
+ * @property {Function} setupChildren A function to initialize the child details elements.
+ */
+/**
+ * Sets up a single group of details elements to manage their behavior.
+ * @param {HTMLElement} element - The parent element containing the details elements.
+ * @param {Object} options - The options for this group
+ * @returns {DetailsGroupInstance}
+ */
+export function setupGroup(element: HTMLElement, userOptions: any): DetailsGroupInstance;
+/**
+ * Dialog Component Initializer
+ */
+export const initializer: ComponentInitializer;
+export type DetailsGroupInstance = {
+    /**
+     * A function to remove event listeners and attributes.
+     */
+    destroy: Function;
+    /**
+     * The parent element.
+     */
+    element: HTMLElement;
+    /**
+     * A function to initialize the child details elements.
+     */
+    setupChildren: Function;
+};
+import { ComponentInitializer } from "../utils/system.js";
+//# sourceMappingURL=details-group.d.ts.map

package/types/ui/details-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"details-group.d.ts","sourceRoot":"","sources":["../../js/ui/details-group.js"],"names":[],"mappings":"AAqBA;;;GAGG;AACH,6BASC;AAED;;;;;GAKG;AAEH;;;;;GAKG;AACH,oCAJW,WAAW,qBAET,oBAAoB,CAgEhC;AAxGD;;GAEG;AACH,+CAGG;;;;;;;;;aA0BW,WAAW;;;;;;qCAlCY,oBAAoB"}

package/types/ui/dialog.d.ts

@@ -1,5 +1,5 @@
 /**
- * @param {Object} options Change options used as default for dialogs, can then be overriden by data attribute settings on element
+ * @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;
 /**
@@ -7,36 +7,42 @@ export function setDefaults(options: any): void;
  * - This will only initialize elements once, it is safe to call on page changes
  */
 export function init(): void;
-/**
- * Setup dialogs and triggers
- */
-export function setup(): void;
 /**
  * Setup click handlers on a trigger
- * @param {Node} trigger
+ * @param {Node} trigger Trigger button element
+ * @param {String} dialogId The dialog's id to open
  */
-export function setupTrigger(trigger: Node): void;
+export function setupTrigger(trigger: Node, dialogId: string): void;
 /**
  * Setup click handlers for a dialog
  * @param {Node} dialog
  */
-export function setupDialog(dialog: Node): void;
+export function setupDialog(dialog: Node, userOptions: any): void;
 /**
  * For a given dialog, get it's options (from data attribute)
  * @param {Node} dialog
  * @returns {Object}
  */
 export function getDialogOptions(dialog: Node): any;
-export namespace attrs {
-    let init: string;
-    let dialog: string;
-    let trigger: string;
-    let close: string;
-}
+/**
+ * Base attribute for a dialog
+ */
+export const baseAttribute: "data-ulu-dialog";
+/**
+ * Dialog Component Initializer
+ */
+export const initializer: ComponentInitializer;
+/**
+ * Attribute for close buttons within a dialog
+ */
+export const closeAttribute: string;
 export namespace defaults {
     let nonModal: boolean;
     let documentEnd: boolean;
     let clickOutsideCloses: boolean;
     let pauseVideos: boolean;
+    let preventScroll: boolean;
+    let preventScrollShift: boolean;
 }
+import { ComponentInitializer } from "../utils/system.js";
 //# sourceMappingURL=dialog.d.ts.map

package/types/ui/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../js/ui/dialog.js"],"names":[],"mappings":"AAkDA;;GAEG;AACH,gDAEC;AAED;;;GAGG;AACH,6BAGC;AAED;;GAEG;AACH,8BAOC;AAED;;;GAGG;AACH,sCAFW,IAAI,QAoBd;AAED;;;GAGG;AACH,oCAFW,IAAI,QA0Bd;AAED;;;;GAIG;AACH,yCAHW,IAAI,OAMd"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../js/ui/dialog.js"],"names":[],"mappings":"AA6DA;;GAEG;AACH,gDAEC;AAED;;;GAGG;AACH,6BAqBC;AAED;;;;GAIG;AACH,sCAHW,IAAI,0BA2Bd;AAED;;;GAGG;AACH,oCAFW,IAAI,0BA6Dd;AAED;;;;GAIG;AACH,yCAHW,IAAI,OAKd;AA7LD;;GAEG;AACH,8CAA+C;AAE/C;;GAEG;AACH,+CAAuF;AAEvF;;GAEG;AACH,oCAAgE;;;;;;;;;qCAjB3B,oBAAoB"}

package/types/ui/flipcard.d.ts

@@ -1,7 +1,19 @@
+/**
+ * Initialize flipcards using data-ulu-flipcard attribute
+ */
 export function init(): void;
-export function setup(): void;
+/**
+ * Flipcard Component Initializer
+ */
+export const initializer: ComponentInitializer;
+/**
+ * Flipcard class (creates flipcard instance and behaviors)
+ */
 export class Flipcard {
     static instances: any[];
+    /**
+     * Default options for Flipcard
+     */
     static defaults: {
         namespace: string;
         proxyClick: {
@@ -10,9 +22,8 @@ export class Flipcard {
             exclude: string;
         };
     };
-    constructor(container: any, front: any, back: any, config: any, debug?: boolean);
+    constructor(container: any, front: any, back: any, config: any);
     options: any;
-    debug: boolean;
     elements: {
         container: any;
         front: any;
@@ -32,14 +43,9 @@ export class Flipcard {
     }): void;
     getClass(child: any): any;
     createControlContent(): string;
-    setVisiblity(visible: any): void;
+    setVisibility(visible: any): void;
     containerCss(): string;
     panelCss(zIndex?: number): string;
 }
-export namespace attrs {
-    let init: string;
-    let flipcard: string;
-    let front: string;
-    let back: string;
-}
+import { ComponentInitializer } from "../utils/system.js";
 //# sourceMappingURL=flipcard.d.ts.map

package/types/ui/flipcard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flipcard.d.ts","sourceRoot":"","sources":["../../js/ui/flipcard.js"],"names":[],"mappings":"AAmJA,6BAGC;AAED,8BAGC;AAjJD;IACE,wBAAsB;IACtB;;;;;;;MAOE;IACF,iFAgBC;IAZC,aAA2D;IAI3D,eAA+B;IAC/B;;;;MAA0C;IAC1C,gBAAmB;IACnB,YAA6D;IAC7D,kBAA0D;IAK5D,eAEC;IACD,cAqCC;IACD;;;OAGG;IACH;;aAQC;IACD,0BAGC;IACD,+BAIC;IACD,iCASC;IACD,uBAWC;IACD,kCAKC;CACF"}
+{"version":3,"file":"flipcard.d.ts","sourceRoot":"","sources":["../../js/ui/flipcard.js"],"names":[],"mappings":"AAgBA;;GAEG;AACH,6BAYC;AAvBD;;GAEG;AACH,+CAGG;AAmBH;;GAEG;AACH;IACE,wBAAsB;IACtB;;OAEG;IACH;;;;;;;MAOE;IACF,gEAgBC;IAZC,aAA2D;IAK3D;;;;MAA0C;IAC1C,gBAAmB;IACnB,YAA6D;IAC7D,kBAA0D;IAK5D,eAEC;IACD,cAqCC;IACD;;;OAGG;IACH;;aAQC;IACD,0BAGC;IACD,+BAIC;IACD,kCASC;IACD,uBAWC;IACD,kCAKC;CACF;qCAzJoC,oBAAoB"}

package/types/ui/grid.d.ts

@@ -1,13 +1,11 @@
 /**
  * Sets up document for grid position classes
- * @param {String} selector The selector for the parent element
  * @param {Object} classes Classes (optional) @see setPositionClasses
  */
-export function init(selector: string, classes: any): void;
+export function init(classes: any): void;
 /**
- * Goes through document and finds elements that need to have positioning classes
- * @param {String} selector The selector for the parent element
- * @param {Object} classes Classes (optional) @see setPositionClasses
+ * Dialog Component Initializer
  */
-export function setup(selector: string, classes: any): void;
+export const initializer: ComponentInitializer;
+import { ComponentInitializer } from "../utils/system.js";
 //# sourceMappingURL=grid.d.ts.map

package/types/ui/grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../js/ui/grid.js"],"names":[],"mappings":"AAOA;;;;GAIG;AACH,2DAIC;AAED;;;;GAIG;AACH,4DAEC"}
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../js/ui/grid.js"],"names":[],"mappings":"AAeA;;;GAGG;AACH,yCAQC;AApBD;;GAEG;AACH,+CAGG;qCATkC,oBAAoB"}

package/types/ui/index.d.ts

@@ -19,5 +19,6 @@ export * as print from "./print.js";
 export * as printDetails from "./print-details.js";
 export * as scrollSlider from "./scroll-slider.js";
 export * as themeToggle from "./theme-toggle.js";
-declare namespace ___Users_joescherben_Personal_Projects_ULU_frontend_js_ui_index_ { }
+export * as detailsGroup from "./details-group.js";
+declare namespace ___Users_joe_Projects_Personal_Github_frontend_js_ui_index_ { }
 //# sourceMappingURL=index.d.ts.map

package/types/ui/modal-builder.d.ts

@@ -7,15 +7,6 @@ export function setDefaults(options: any): void;
  * - This will only initialize elements once, it is safe to call on page changes
  */
 export function init(): void;
-/**
- * Query and setup all builder
- */
-export function setup(): void;
-/**
- * Build a dialog for the given content
- * @param {Node} element
- */
-export function setupBuilder(element: Node): void;
 /**
  *
  * @param {Node} content Content element of the dialog (what is inserted into the body)
@@ -23,10 +14,18 @@ export function setupBuilder(element: Node): void;
  */
 export function buildModal(content: Node, options: any): {
     modal: Element;
+    resizer: Resizer;
 };
+/**
+ * Modal Builder Component Initializer
+ */
+export const initializer: ComponentInitializer;
 export namespace defaults {
     export let title: any;
     export let titleIcon: any;
+    export let titleClass: string;
+    export let labelledby: any;
+    export let describedby: any;
     export let nonModal: boolean;
     export let documentEnd: boolean;
     export let allowResize: boolean;
@@ -38,8 +37,12 @@ export namespace defaults {
     export let noMinHeight: boolean;
     let _class: string;
     export { _class as class };
-    export let classCloseIcon: string;
-    export let classResizerIcon: string;
+    export let baseClass: string;
+    export let footerElement: any;
+    export let footerHtml: any;
+    export let classCloseIcon: any;
+    export let classResizerIcon: any;
+    export let classResizerIconBoth: any;
     export let debug: boolean;
     export function templateCloseIcon(config: any): string;
     export function templateResizerIcon(config: any): string;
@@ -51,4 +54,106 @@ export namespace defaults {
      */
     export function template(id: string, config: any): string;
 }
+/**
+ * Default builder options (extends dialog defaults, watch name collisions)
+ * - Decided to extend defaults so the interface in HTML is singular
+ * - This is sometimes easier to template (merging and serializing options
+ * in twig for example)
+ */
+export type DefaultModalOptions = {
+    /**
+     * - The title of the modal. Defaults to `null`.
+     */
+    title: string | null;
+    /**
+     * - The class name for an icon to display in the title. Defaults to `null`.
+     */
+    titleIcon: string | null;
+    /**
+     * - Extra class/classes to add to title
+     */
+    titleClass: string;
+    /**
+     * - Set the aria-labelledby attribute to a specific title within the modal, to connect to a custom title implementation, if using built in title this will be set automatically
+     */
+    labelledby: string;
+    /**
+     * - Set the aria-describedby on the dialog, elements id, to tie a specific part of the content to be the accessible description
+     */
+    describedby: string;
+    /**
+     * - If `true`, the modal will not prevent interaction with elements behind it. Defaults to `false`.
+     */
+    nonModal: boolean;
+    /**
+     * - If `true`, the modal will be appended to the end of the `document.body`. Defaults to `true`.
+     */
+    documentEnd: boolean;
+    /**
+     * - If `true`, the modal will be resizable. Defaults to `false`.
+     */
+    allowResize: boolean;
+    /**
+     * - The initial position of the modal. Defaults to `"center"`.
+     */
+    position: "center" | "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+    /**
+     * - If `true`, the modal body will fill the available space. Defaults to `false`.
+     */
+    bodyFills: boolean;
+    /**
+     * - If `true`, no backdrop will be displayed behind the modal. Defaults to `false`.
+     */
+    noBackdrop: boolean;
+    /**
+     * - The size of the modal. Defaults to `"default"`.
+     */
+    size: "default" | "small" | "large" | "fullscreen";
+    /**
+     * - If `true`, the modal content will be optimized for printing. Defaults to `false`.
+     */
+    print: boolean;
+    /**
+     * - If `true`, the modal will not have a minimum height. Defaults to `false`.
+     */
+    noMinHeight: boolean;
+    /**
+     * - Additional CSS class(es) to add to the modal. Defaults to `""`.
+     */
+    class: string;
+    /**
+     * - The base CSS class for the modal elements. Defaults to `"modal"`.
+     */
+    baseClass: string;
+    /**
+     * - The class name for the close icon. Uses the wrapped setting string.
+     */
+    classCloseIcon: string;
+    /**
+     * - The class name for the resizer icon. Uses the wrapped setting string.
+     */
+    classResizerIcon: string;
+    /**
+     * - Element or selector to use as the footer (will be moved to dialog on creation, used for DOM API)
+     */
+    footerElement: string | Node;
+    /**
+     * - Markup to use in the footer
+     */
+    footerHtml: string | Node;
+    /**
+     * - Enables debug logging. Defaults to `false`.
+     */
+    debug: boolean;
+    /**
+     * - A function that returns the HTML for the close icon.
+     */
+    templateCloseIcon: (arg0: object) => string;
+    /**
+     * - The resolved modal configuration object.
+     */
+    config: (arg0: object) => string;
+};
+import { Resizer } from "./resizer.js";
+import { ComponentInitializer } from "../utils/system.js";
 //# sourceMappingURL=modal-builder.d.ts.map

package/types/ui/modal-builder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal-builder.d.ts","sourceRoot":"","sources":["../../js/ui/modal-builder.js"],"names":[],"mappings":"AA+FA;;GAEG;AACH,gDAEC;AAED;;;GAGG;AACH,6BAGC;AAED;;GAEG;AACH,8BAGC;AAED;;;GAGG;AACH,sCAFW,IAAI,QAMd;AAED;;;;GAIG;AACH,oCAHW,IAAI;;EAmDd;;;;;;;;;;;;;;;;;;IA5IC,uDAEC;IACD,yDAEC;IACD;;;;;OAKG;IACH,0DAmCC"}
+{"version":3,"file":"modal-builder.d.ts","sourceRoot":"","sources":["../../js/ui/modal-builder.js"],"names":[],"mappings":"AAkJA;;GAEG;AACH,gDAEC;AAED;;;GAGG;AACH,6BAQC;AAED;;;;GAIG;AACH,oCAHW,IAAI;;;EAsEd;AAlOD;;GAEG;AACH,+CAGG;;;;;;;;;;;;;;;;;;;;;;;;;IA+DD,uDAGC;IACD,yDAIC;IACD;;;;;OAKG;IACH,0DA2CC;;;;;;;;;;;;WAjHW,MAAM,GAAC,IAAI;;;;eACX,MAAM,GAAC,IAAI;;;;gBACX,MAAM;;;;gBACN,MAAM;;;;iBACN,MAAM;;;;cACN,OAAO;;;;iBACP,OAAO;;;;iBACP,OAAO;;;;cACP,QAAQ,GAAC,UAAU,GAAC,YAAY,GAAC,WAAW,GAAC,aAAa,GAAC,eAAe,GAAC,cAAc;;;;eACzF,OAAO;;;;gBACP,OAAO;;;;UACP,SAAS,GAAC,OAAO,GAAC,OAAO,GAAC,YAAY;;;;WACtC,OAAO;;;;iBACP,OAAO;;;;WACP,MAAM;;;;eACN,MAAM;;;;oBACN,MAAM;;;;sBACN,MAAM;;;;mBACN,MAAM,GAAC,IAAI;;;;gBACX,MAAM,GAAC,IAAI;;;;WACX,OAAO;;;;8BACE,MAAM,KAAG,MAAM;;;;mBACf,MAAM,KAAG,MAAM;;wBAzCd,cAAc;qCAHD,oBAAoB"}

package/types/ui/overflow-scroller.d.ts

@@ -8,8 +8,8 @@ export class OverflowScroller {
         offsetEnd: number;
         amount: string;
         buttonClasses: string[];
-        iconClassesPrevious: string[];
-        iconClassesNext: string[];
+        iconClassPrevious: any;
+        iconClassNext: any;
     };
     constructor(elements: any, config: any);
     options: any;

package/types/ui/overflow-scroller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overflow-scroller.d.ts","sourceRoot":"","sources":["../../js/ui/overflow-scroller.js"],"names":[],"mappings":"AAkBA;IACE,wBAAsB;IACtB;;;;;;;;;;MAUC;IACD,wCAeC;IAdC,aAAmE;IAInE,cAGC;IACD,qBAAuB;IACvB,yBAA2B;IAC3B,gCAA4C;IAK9C,sBAGC;IADC,qBAAwD;IAE1D;;;;;;MA2BC;IACD,oDAQC;IACD,uCAMC;IACD,2BAGC;IACD,2BAiBC;IACD,8CAeC;IACD,6BAaC;IACD,aAMC;IACD,iBAMC;IACD,6BAGC;CACF"}
+{"version":3,"file":"overflow-scroller.d.ts","sourceRoot":"","sources":["../../js/ui/overflow-scroller.js"],"names":[],"mappings":"AAmBA;IACE,wBAAsB;IACtB;;;;;;;;;;MAUC;IACD,wCAgBC;IAfC,aAAmE;IAKnE,cAGC;IACD,qBAAuB;IACvB,yBAA2B;IAC3B,gCAA4C;IAK9C,sBAGC;IADC,qBAAwD;IAE1D;;;;;;MA2BC;IACD,oDAQC;IACD,uCAMC;IACD,2BAGC;IACD,2BAiBC;IACD,8CAeC;IACD,6BAaC;IACD,aAMC;IACD,iBAMC;IACD,6BAGC;CACF"}

package/types/ui/popover.d.ts

@@ -2,16 +2,10 @@
  * Initialize default popover
  */
 export function init(): void;
-/**
- * Query all popovers on current page and set them up
- * - Use this manually if needed
- * - Won't setup a popover more than once
- */
-export function setup(): void;
 /**
  * Find the popover's elements
  */
-export function resolve(trigger: any): false | {
+export function resolve(trigger: any, userOptions: any): false | {
     elements: {
         trigger: any;
         content: any;
@@ -22,6 +16,10 @@ export function resolve(trigger: any): false | {
     floatingOptions: any;
 };
 export function getContentByTrigger(trigger: any): any;
+/**
+ * Popover Component Initializer
+ */
+export const initializer: ComponentInitializer;
 /**
  * Array of current instances
  */
@@ -36,5 +34,6 @@ export class Popover extends Collapsible {
     floatingCleanup: Function;
     destroyFloatingInstance(): void;
 }
+import { ComponentInitializer } from "../utils/system.js";
 import { Collapsible } from "./collapsible.js";
 //# sourceMappingURL=popover.d.ts.map

package/types/ui/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../js/ui/popover.js"],"names":[],"mappings":"AA6BA;;GAEG;AACH,6BAGC;AAED;;;;GAIG;AACH,8BAWC;AAED;;GAEG;AACH;;;;;;;;;EAkBC;AAKD,uDAmBC;AA5FD;;GAEG;AACH,4BAAqC;AA4FrC;;GAEG;AACH;IACE,8DAIC;IADC,qBAA4C;IAa9C,+BAIC;IADC,0BAA+E;IAEjF,gCAKC;CACF;4BAhI2B,kBAAkB"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../js/ui/popover.js"],"names":[],"mappings":"AAgCA;;GAEG;AACH,6BAmBC;AAED;;GAEG;AACH;;;;;;;;;EAiBC;AAKD,uDAmBC;AA5FD;;GAEG;AACH,+CAGG;AAOH;;GAEG;AACH,4BAAqC;AA+ErC;;GAEG;AACH;IACE,8DAIC;IADC,qBAA4C;IAa9C,+BAIC;IADC,0BAA+E;IAEjF,gCAKC;CACF;qCAlIoC,oBAAoB;4BAE7B,kBAAkB"}

package/types/ui/print.d.ts

@@ -3,8 +3,4 @@
  * - This will only initialize elements once, it is safe to call on page changes
  */
 export function init(): void;
-export namespace attrs {
-    let trigger: string;
-    let init: string;
-}
 //# sourceMappingURL=print.d.ts.map

package/types/ui/print.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"print.d.ts","sourceRoot":"","sources":["../../js/ui/print.js"],"names":[],"mappings":"AA2BA;;;GAGG;AACH,6BAGC"}
+{"version":3,"file":"print.d.ts","sourceRoot":"","sources":["../../js/ui/print.js"],"names":[],"mappings":"AAuBA;;;GAGG;AACH,6BASC"}

package/types/ui/programmatic-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"programmatic-modal.d.ts","sourceRoot":"","sources":["../../js/ui/programmatic-modal.js"],"names":[],"mappings":"AASA;IACE;;;MAGE;IACF,gCAeC;IAbC,aAAsB;IACtB,cAAoB;IACpB,mBAAyB;IAEzB,qCAGC;IACD,2BAEC;IAIH,sBAMC;IACD,gBAMC;IACD;;;;MA6CC;CACF"}
+{"version":3,"file":"programmatic-modal.d.ts","sourceRoot":"","sources":["../../js/ui/programmatic-modal.js"],"names":[],"mappings":"AAUA;IACE;;;MAGE;IACF,gCAeC;IAbC,aAAsB;IACtB,cAAoB;IACpB,mBAAyB;IAEzB,qCAGC;IACD,2BAEC;IAIH,sBAMC;IACD,gBAMC;IACD;;;;MAkDC;CACF"}

package/types/ui/proxy-click.d.ts

@@ -1,5 +1,5 @@
 /**
- * @param {Object} options Change options used as default for dialogs, can then be overriden by data attribute settings on element
+ * @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;
 /**
@@ -7,12 +7,28 @@ export function setDefaults(options: any): void;
  * - This will only initialize elements once, it is safe to call on page changes
  */
 export function init(): void;
-export function setup(context?: Document): void;
-export function attachHandlers(proxy: any, child: any, options: any): void;
+/**
+ * Setup a single proxy click
+ * @param {Node} proxy The container who's click should proxy the click of inner element with options.selector (defaults to [data-ulu-proxy-click-source])
+ * @param {Object} userOptions Options to override defaults
+ */
+export function setupProxy(proxy: Node, userOptions: any): void;
+/**
+ * Main function for attaching behaviors that enable proxy click
+ * @param {Node} proxy The container who's click should proxy the click of inner element with options.selector (defaults to [data-ulu-proxy-click-source])
+ * @param {Node} child The element who is being proxied and will get clicked if the proxy is clicked (as long as not an interactive element within proxy)
+ * @param {Object} config Merged/final options object
+ */
+export function attachHandlers(proxy: Node, child: Node, config: any): void;
+/**
+ * Proxy Click Component Initializer
+ */
+export const initializer: ComponentInitializer;
 export namespace defaults {
     let selector: string;
     let selectorPreventBase: string;
     let selectorPrevent: string;
     let mousedownDurationPrevent: number;
 }
+import { ComponentInitializer } from "../utils/system.js";
 //# sourceMappingURL=proxy-click.d.ts.map

package/types/ui/proxy-click.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"proxy-click.d.ts","sourceRoot":"","sources":["../../js/ui/proxy-click.js"],"names":[],"mappings":"AAiCA;;GAEG;AACH,gDAEC;AACD;;;GAGG;AACH,6BAGC;AAED,gDAaC;AACD,2EAiBC"}
+{"version":3,"file":"proxy-click.d.ts","sourceRoot":"","sources":["../../js/ui/proxy-click.js"],"names":[],"mappings":"AAkCA;;GAEG;AACH,gDAEC;AACD;;;GAGG;AACH,6BASC;AAED;;;;GAIG;AACH,kCAHW,IAAI,0BAWd;AAED;;;;;GAKG;AACH,sCAJW,IAAI,SACJ,IAAI,qBAoBd;AAhFD;;GAEG;AACH,+CAGG;;;;;;;qCARkC,oBAAoB"}