@ulu/frontend 0.1.0-beta.9 → 0.1.0-beta.91

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"}

package/types/ui/resizer.d.ts

@@ -1,28 +1,128 @@
+/**
+ * Class for creating/controlling a container size with a handle/control
+ */
 export class Resizer {
     static defaults: {
         debug: boolean;
-        overrideMaxWidth: boolean;
-        fromLeft: boolean;
+        /**
+         * Amount to increase size by (ie. pointer movement * multiplier)
+         */
+        multiplier: number;
+        /**
+         * Remove max-width, max-height
+         */
+        overrideMaxDimensions: boolean;
+        /**
+         * @type {"left"|"right"|null}
+         * Specifies the horizontal edge from which resizing occurs.
+         * `null` means no horizontal resizing.
+         * - Default null
+         */
+        fromX: "left" | "right" | null;
+        /**
+         * @type {"top"|"bottom"|null}
+         * Specifies the vertical edge from which resizing occurs.
+         * - `null` means no vertical resizing.
+         * - Default null
+         */
+        fromY: "top" | "bottom" | null;
+        /**
+         * The step in pixels for keyboard resizing with arrow keys.
+         */
+        keyboardStep: number;
+        /**
+         * Debounce time in milliseconds for ending a keyboard resize.
+         */
+        keyboardDebounceTime: number;
+        /**
+         * If true, the Resizer instance will automatically bind its own DOM event listeners
+         * (pointerdown, keydown) to the control element. If `false`, the user is
+         * responsible for calling `resizerInstance.onPointerdown(event)` and
+         * `resizerInstance.onKeydown(event)` from their own listeners.
+         * Default: true
+         */
+        manageEvents: boolean;
+        /**
+         * If true, the Resizer instance will automatically manage the `aria-label`
+         * attribute of the control element. If `false`, the user is responsible
+         * for setting this attribute.
+         * Default: false
+         */
+        manageAriaLabel: boolean;
+        /**
+         * If true, pointer events (mouse/touch) will enable resizing.
+         * Default: true
+         */
+        enablePointerResizing: boolean;
+        /**
+         * If true, keyboard events (arrow keys) will enable resizing.
+         * Default: true
+         */
+        enableKeyboardResizing: boolean;
     };
     /**
-     *
-     * @param {Node} container Container to be resize
-     * @param {Node} control Resize handle element
-     * @param {Object} options Defualt can be changed on class
-     * @param {Boolean} options.debug Enable non-essential debugging logs
-     * @param {Boolean} options.overrideMaxWidth When script is activated by handle remove the elements max-width and allow the width of the resize to exceed the max (default false)
-     * @param {Boolean} options.fromLeft The script should assume the handle is on the left side of the element
+     * @param {Node} container Container to be resized
+     * @param {HTMLElement} control Resize handle element (should be focusable like a button)
+     * @param {Object} config Options to configure the resizer.
+     * @param {Boolean} [config.debug=false] Enable non-essential debugging logs.
+     * @param {Boolean} [config.multiplier=1] Amount to increase size by (ie. pointer movement * multiplier).
+     * @param {Boolean} [config.overrideMaxDimensions=false] When script is activated by handle, remove the element's max-width/max-height and allow the resize to exceed them.
+     * @param {"left"|"right"|null} [config.fromX=null] Horizontal resizing direction.
+     * @param {"top"|"bottom"|null} [config.fromY=null] Vertical resizing direction.
+     * @param {number} [config.keyboardStep=10] The step in pixels for keyboard resizing.
+     * @param {number} [config.keyboardDebounceTime=200] Debounce time for keyboard resize end.
+     * @param {boolean} [config.manageEvents=true] If true, the Resizer will automatically bind its own events.
+     * @param {boolean} [config.manageAriaLabel=false] If true, the Resizer will manage the control's aria-label.
+     * @param {boolean} [config.enablePointerResizing=true] If true, pointer events will enable resizing.
+     * @param {boolean} [config.enableKeyboardResizing=true] If true, keyboard events will enable resizing.
      */
-    constructor(container: Node, control: Node, options: {
-        debug: boolean;
-        overrideMaxWidth: boolean;
-        fromLeft: boolean;
+    constructor(container: Node, control: HTMLElement, config: {
+        debug?: boolean;
+        multiplier?: boolean;
+        overrideMaxDimensions?: boolean;
+        fromX?: "left" | "right" | null;
+        fromY?: "top" | "bottom" | null;
+        keyboardStep?: number;
+        keyboardDebounceTime?: number;
+        manageEvents?: boolean;
+        manageAriaLabel?: boolean;
+        enablePointerResizing?: boolean;
+        enableKeyboardResizing?: boolean;
     });
     options: any;
     container: Node;
-    control: Node;
-    handlerMousedown: any;
+    control: HTMLElement;
+    debug: any;
+    resizeHorizontal: boolean;
+    resizeVertical: boolean;
+    /**
+     * Cleans up event listeners and internal state to prevent memory leaks.
+     */
     destroy(): void;
-    onMousedown(e: any): void;
+    /**
+     * Public handler for pointerdown events. Call this method from your own event listeners
+     * if `manageEvents` is false. Its logic will only execute if `enablePointerResizing` is true.
+     * @param {PointerEvent} e The pointerdown event.
+     */
+    onPointerdown(e: PointerEvent): void;
+    /**
+     * Public handler for keydown events. Call this method from your own event listeners
+     * if `manageEvents` is false. Its logic will only execute if `enableKeyboardResizing` is true.
+     * @param {KeyboardEvent} e The keydown event.
+     */
+    onKeydown(e: KeyboardEvent): void;
+    /**
+     * Generates an accessible label for the resize control based on its configuration.
+     * This is a convenience function that can be used by the consumer if `manageAriaLabel` is false.
+     * @returns {string} The suggested aria-label for the control.
+     */
+    getAriaLabel(): string;
+    /**
+     * Dispatches a custom event on the container element.
+     * @param {string} type The event type (e.g., "resizer:start", "resizer:update", "resizer:end").
+     * @param {Object} [data={}] Optional data to attach to the event's detail property.
+     */
+    dispatchEvent(type: string, data?: any): void;
+    #private;
 }
 //# sourceMappingURL=resizer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"resizer.d.ts","sourceRoot":"","sources":["../../js/ui/resizer.js"],"names":[],"mappings":"AAeA;IACE;;;;MAIE;IACF;;;;;;;;OAQG;IACH,uBAPW,IAAI,WACJ,IAAI;QAEa,KAAK;QACL,gBAAgB;QAChB,QAAQ;OAWnC;IALC,aAA2D;IAC3D,gBAA0B;IAC1B,cAAsB;IACtB,sBAAmD;IAGrD,gBAEC;IACD,0BAkBC;CACF"}
+{"version":3,"file":"resizer.d.ts","sourceRoot":"","sources":["../../js/ui/resizer.js"],"names":[],"mappings":"AAUA;;GAEG;AACH;IACE;;QAEE;;WAEG;;QAEH;;WAEG;;QAEH;;;;;WAKG;eAJO,MAAM,GAAC,OAAO,GAAC,IAAI;QAM7B;;;;;WAKG;eAJO,KAAK,GAAC,QAAQ,GAAC,IAAI;QAM7B;;WAEG;;QAEH;;WAEG;;QAEH;;;;;;WAMG;;QAEH;;;;;WAKG;;QAEH;;;WAGG;;QAEH;;;WAGG;;MAEH;IAaF;;;;;;;;;;;;;;;OAeG;IACH,uBAfW,IAAI,WACJ,WAAW;QAEM,KAAK;QACL,UAAU;QACV,qBAAqB;QACT,KAAK,GAAlC,MAAM,GAAC,OAAO,GAAC,IAAI;QACU,KAAK,GAAlC,KAAK,GAAC,QAAQ,GAAC,IAAI;QACH,YAAY,GAA5B,MAAM;QACU,oBAAoB,GAApC,MAAM;QACW,YAAY,GAA7B,OAAO;QACU,eAAe,GAAhC,OAAO;QACU,qBAAqB,GAAtC,OAAO;QACU,sBAAsB,GAAvC,OAAO;OAmDjB;IA3CC,aAAsB;IACtB,gBAA0B;IAC1B,qBAAsB;IACtB,WAA0B;IAmB1B,0BAA8C;IAC9C,wBAA4C;IAqC9C;;OAEG;IACH,gBAsBC;IAwGD;;;;OAIG;IACH,iBAFW,YAAY,QAyCtB;IAED;;;;OAIG;IACH,aAFW,aAAa,QA4DvB;IAED;;;;OAIG;IACH,gBAFa,MAAM,CAYlB;IAED;;;;OAIG;IACH,oBAHW,MAAM,oBAKhB;;CACF"}

package/types/ui/scroll-slider.d.ts

@@ -3,11 +3,9 @@
  * - This will only initialize elements once, it is safe to call on page changes
  */
 export function init(): void;
-export function setup(): void;
-export namespace attrs {
-    let init: string;
-    let slider: string;
-    let track: string;
-    let controls: string;
-}
+/**
+ * Scroll Slider Component Initializer
+ */
+export const initializer: ComponentInitializer;
+import { ComponentInitializer } from "../utils/system.js";
 //# sourceMappingURL=scroll-slider.d.ts.map

package/types/ui/scroll-slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-slider.d.ts","sourceRoot":"","sources":["../../js/ui/scroll-slider.js"],"names":[],"mappings":"AA+BA;;;GAGG;AACH,6BAGC;AAED,8BAGC"}
+{"version":3,"file":"scroll-slider.d.ts","sourceRoot":"","sources":["../../js/ui/scroll-slider.js"],"names":[],"mappings":"AAuBA;;;GAGG;AACH,6BASC;AA5BD;;GAEG;AACH,+CAGG;qCAVkC,oBAAoB"}

package/types/ui/scrollpoint.d.ts

@@ -4,15 +4,9 @@
  */
 export function init(): void;
 /**
- * Setup all points and groups
+ * Scrollpoint Component Initializer
  */
-export function setup(): void;
-export namespace attrs {
-    let init: string;
-    let point: string;
-    let group: string;
-    let groupAnchors: string;
-}
+export const initializer: ComponentInitializer;
 /**
  * Single scrollpoint
  * - Note "forward" and "reverse" refer to scroll directions
@@ -130,4 +124,5 @@ export class Scrollpoint {
     updateStateAttribute(isActive: any, isForward: any): void;
     destroy(): void;
 }
+import { ComponentInitializer } from "../utils/system.js";
 //# sourceMappingURL=scrollpoint.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"scrollpoint.d.ts","sourceRoot":"","sources":["../../js/ui/scrollpoint.js"],"names":[],"mappings":"AAyCA;;;GAGG;AACH,6BAGC;AAED;;GAEG;AACH,8BAqBC;;;;;;;AAID;;;;;;;GAOG;AACH;IACE;QACE;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;QAEH;;WAEG;;QAEH;;WAEG;;MAIH;IACF;;;;OAIG;IACH,qBAHW,IAAI,eAkCd;IArBC,aAAsB;IACtB,+BAAoB;IACpB,kBAAwB;IACxB,kBAAqB;IACrB,cAAsB;IACtB,sBAGC;IACD;;;;;;;MAOC;IAMH,kCAEC;IACD;;;;MAMC;IACD;;;OAGG;IACH,8BAkBC;IACD,sBAUC;IACD,kBAGC;IACD,8CAcC;IACD,qBAEC;IACD,mDAmBC;IACD,0DAMC;IACD,gBASC;CACF"}
+{"version":3,"file":"scrollpoint.d.ts","sourceRoot":"","sources":["../../js/ui/scrollpoint.js"],"names":[],"mappings":"AA2BA;;;GAGG;AACH,6BAUC;AAtBD;;GAEG;AACH,+CAGG;AAkBH;;;;;;;GAOG;AACH;IACE;QACE;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;QAEH;;WAEG;;QAEH;;WAEG;;MAIH;IACF;;;;OAIG;IACH,qBAHW,IAAI,eAkCd;IArBC,aAAsB;IACtB,+BAAoB;IACpB,kBAAwB;IACxB,kBAAqB;IACrB,cAAsB;IACtB,sBAGC;IACD;;;;;;;MAOC;IAMH,kCAEC;IACD;;;;MAMC;IACD;;;OAGG;IACH,8BAkBC;IACD,sBAUC;IACD,kBAGC;IACD,8CAcC;IACD,qBAEC;IACD,mDAmBC;IACD,0DAMC;IACD,gBASC;CACF;qCAnQoC,oBAAoB"}

package/types/ui/slider.d.ts

@@ -1,15 +1,25 @@
+/**
+ * Initialize all sliders based on data attribute selectors
+ */
 export function init(): void;
-export function setup(): void;
-export function setupSlider(container: any): void;
-export namespace attrs {
-    let init: string;
-    let slider: string;
-    let track: string;
-    let trackContainer: string;
-    let controls: string;
-}
+/**
+ * Setup single slider instance from querying via data attribute selectors
+ * @param {Node} container The slide container to query children from
+ * @param {Object} options Options for slider class
+ */
+export function setupSlider(container: Node, options: any): void;
+/**
+ * Slider Component Initializer
+ */
+export const initializer: ComponentInitializer;
+/**
+ * Class that controls slider
+ */
 export class Slider {
     static instances: any[];
+    /**
+     * Default options for slider
+     */
     static defaults: {
         classAccessiblyHidden: string;
         namespace: string;
@@ -20,11 +30,14 @@ export class Slider {
         transitionDurationExit: number;
         transitionTimingFunction: string;
         buttonClasses: string[];
-        iconClassesPrevious: string[];
-        iconClassesNext: string[];
+        iconClassPrevious: any;
+        iconClassNext: any;
+        swipeEnabled: boolean;
+        swipeOptions: {
+            preventScroll: boolean;
+        };
     };
-    constructor(elements: any, config: any, debug?: boolean);
-    debug: boolean;
+    constructor(elements: any, config: any);
     options: any;
     slide: {
         element: any;
@@ -32,6 +45,9 @@ export class Slider {
         number: number;
     };
     index: any;
+    swipeInstance: any;
+    swipeListener: (event: any) => void;
+    swipeImageListener: (event: any) => void;
     transitioning: boolean;
     slides: {
         element: any;
@@ -102,6 +118,8 @@ export class Slider {
     }): any;
     goto(index: any, event: any, triggerType: any): void;
     setup(): void;
+    setupSwipe(): void;
+    onSwipe(event: any): void;
     trackContainerStyles(): string;
     transitionCss(property: any): string;
     trackCss(): string;
@@ -122,7 +140,8 @@ export class Slider {
     };
     createNavButton(slide: any, index: any): HTMLButtonElement;
     getControlContent(action: any): string;
-    getNavContent(number: any): string;
+    getNavContent(slide: any): string;
     emit(name: any, args: any): void;
 }
+import { ComponentInitializer } from "../utils/system.js";
 //# sourceMappingURL=slider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../js/ui/slider.js"],"names":[],"mappings":"AA8EA,6BAGC;AAED,8BAGC;AAED,kDAqBC;;;;;;;;AAED;IACE,wBAAsB;IACtB;;;;;;;;;;;;MAaC;IAED,yDAiCC;IA/BC,eAA+B;IAC/B,aAAsB;IACtB;;;;MAAiB;IACjB,WAAiB;IACjB,uBAA0B;IAQ1B;;;;QAME;IACF,cAIC;IAED;;;cACuF;IAMzF;;OAEG;IACH,qBAKC;IACD;;OAEG;IACH,2BAOC;IACD;;OAEG;IACH,uBAMC;IACD;;;;;;OAMG;IACH,8BAJW,MAAM,YACN,MAAM,kCAqChB;IACD;;OAEG;IACH,wCASC;IACD;;;OAGG;IACH,oDASC;IACD;;OAEG;IACH,yCAOC;IACD;;OAEG;IACH;;;;;;sBAoDC;IACD;;OAEG;IACH;;;sBAUC;IACD;;OAEG;IACH;;;YAOC;IACD,qDA0CC;IACD,cAYC;IACD,+BAKC;IACD,qCAOC;IACD,mBAQC;IACD,mBASC;IACD,yCASC;IACD,oDASC;IACD;;;;;;MAwBC;IACD;;;;MAmBC;IACD,2DAQC;IAED,uCAMC;IACD,mCAEC;IACD,iCAIC;CACF"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../js/ui/slider.js"],"names":[],"mappings":"AAyEA;;GAEG;AACH,6BASC;AAED;;;;GAIG;AACH,uCAHW,IAAI,sBAkBd;AAlED;;GAEG;AACH,+CAGG;AA8DH;;GAEG;AACH;IACE,wBAAsB;IACtB;;OAEG;IACH;;;;;;;;;;;;;;;;MAgBC;IACD,wCAmCC;IAjCC,aAAsB;IACtB;;;;MAAiB;IACjB,WAAiB;IACjB,mBAAyB;IACzB,oCAAyB;IACzB,yCAA8B;IAC9B,uBAA0B;IAQ1B;;;;QAME;IACF,cAIC;IAED;;;cACuF;IAMzF;;OAEG;IACH,qBAKC;IACD;;OAEG;IACH,2BAOC;IACD;;OAEG;IACH,uBAMC;IACD;;;;;;OAMG;IACH,8BAJW,MAAM,YACN,MAAM,kCAqChB;IACD;;OAEG;IACH,wCASC;IACD;;;OAGG;IACH,oDASC;IACD;;OAEG;IACH,yCAOC;IACD;;OAEG;IACH;;;;;;sBAoDC;IACD;;OAEG;IACH;;;sBAUC;IACD;;OAEG;IACH;;;YAOC;IACD,qDA0CC;IACD,cAmBC;IACD,mBAsBC;IACD,0BAMC;IACD,+BAKC;IACD,qCAOC;IACD,mBAQC;IACD,mBASC;IACD,yCASC;IACD,oDAUC;IACD;;;;;;MAwBC;IACD;;;;MAmBC;IACD,2DAQC;IACD,uCAMC;IACD,kCAEC;IACD,iCAIC;CACF;qCAjiBoC,oBAAoB"}

package/types/ui/tabs.d.ts

@@ -1,14 +1,7 @@
 /**
  * Init all instances currently in document
- * @param {Object} options Options to serve as defaults
  */
-export function init(options?: any): void;
-/**
- * Init all tabs within a certain context
- * @param {Node} context Element to init within
- * @param {Object} options Options to serve as defaults
- */
-export function initWithin(context: Node, options?: any): void;
+export function init(): void;
 /**
  *
  * @param {Node} element Tablist Element
@@ -21,4 +14,9 @@ export function setup(element: Node, options?: Node): any;
  * @type {Array}
  */
 export const instances: any[];
+/**
+ * Tabs Component Initializer
+ */
+export const initializer: ComponentInitializer;
+import { ComponentInitializer } from "../utils/system.js";
 //# sourceMappingURL=tabs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../js/ui/tabs.js"],"names":[],"mappings":"AAeA;;;GAGG;AACH,0CAcC;AAED;;;;GAIG;AACH,oCAHW,IAAI,uBAUd;AAED;;;;;GAKG;AACH,+BAJW,IAAI,YACJ,IAAI,OAuCd;AAlFD;;;GAGG;AACH,8BAA4B"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../js/ui/tabs.js"],"names":[],"mappings":"AA2BA;;GAEG;AACH,6BAoBC;AAED;;;;;GAKG;AACH,+BAJW,IAAI,YACJ,IAAI,OA2Bd;AArED;;;GAGG;AACH,8BAA4B;AAE5B;;GAEG;AACH,+CAGG;qCAdkC,oBAAoB"}