@ulu/frontend 0.1.0-beta.33 → 0.1.0-beta.34

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":"AA0BA;;;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;qCAlQoC,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;
@@ -23,8 +33,7 @@ export class Slider {
         iconClassPrevious: any;
         iconClassNext: any;
     };
-    constructor(elements: any, config: any, debug?: boolean);
-    debug: boolean;
+    constructor(elements: any, config: any);
     options: any;
     slide: {
         element: any;
@@ -122,7 +131,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":"AA+EA,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,oDAUC;IACD;;;;;;MAwBC;IACD;;;;MAmBC;IACD,2DAQC;IACD,uCAMC;IACD,mCAEC;IACD,iCAIC;CACF"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../js/ui/slider.js"],"names":[],"mappings":"AAsEA;;GAEG;AACH,6BASC;AAED;;;;GAIG;AACH,uCAHW,IAAI,sBAkBd;AAlED;;GAEG;AACH,+CAGG;AA8DH;;GAEG;AACH;IACE,wBAAsB;IACtB;;OAEG;IACH;;;;;;;;;;;;MAaC;IACD,wCAgCC;IA9BC,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,oDAUC;IACD;;;;;;MAwBC;IACD;;;;MAmBC;IACD,2DAQC;IACD,uCAMC;IACD,kCAEC;IACD,iCAIC;CACF;qCArfoC,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":"AAqBA;;;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"}

package/types/ui/theme-toggle.d.ts

@@ -7,29 +7,21 @@ 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
- */
-export function setup(): void;
 /**
  * Sets up a single toggle
  * @param {HTMLElement} toggle A toggle to be setup
  */
-export function setupToggle(toggle: HTMLElement, passedOptions: any): {
+export function setupToggle(toggle: HTMLElement, userOptions: any): {
     destroy: () => void;
     toggle: HTMLElement;
     options: any;
     toggleState: (event: any) => void;
     setState(themeKey: any): void;
 };
-export namespace attrs {
-    let init: string;
-    let toggle: string;
-    let toggleIcon: string;
-    let toggleLabel: string;
-    let toggleRemote: string;
-    let state: string;
-}
+/**
+ * Theme Toggle Component Initializer
+ */
+export const initializer: ComponentInitializer;
 export namespace defaults {
     namespace themes {
         namespace light {
@@ -62,4 +54,5 @@ export namespace defaults {
     let storagePrefix: string;
     let debug: boolean;
 }
+import { ComponentInitializer } from "../utils/system.js";
 //# sourceMappingURL=theme-toggle.d.ts.map

package/types/ui/theme-toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-toggle.d.ts","sourceRoot":"","sources":["../../js/ui/theme-toggle.js"],"names":[],"mappings":"AAmGA;;GAEG;AACH,gDAEC;AAED;;;GAGG;AACH,6BAGC;AAED;;GAEG;AACH,8BAEC;AAED;;;GAGG;AACH,oCAFW,WAAW;;;;;;EAiGrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA1JC;;OAEG;IACH,mCAAiB"}
+{"version":3,"file":"theme-toggle.d.ts","sourceRoot":"","sources":["../../js/ui/theme-toggle.js"],"names":[],"mappings":"AAkGA;;GAEG;AACH,gDAEC;AAED;;;GAGG;AACH,6BASC;AAED;;;GAGG;AACH,oCAFW,WAAW;;;;;;EA+FrB;AAhND;;GAEG;AACH,+CAGG;;;;;;;;;;;;;;;;;;;;;;;IAmDD;;OAEG;IACH,mCAAiB;;;;;;;qCAjEkB,oBAAoB"}

package/types/ui/tooltip.d.ts

@@ -3,12 +3,9 @@
  */
 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
+ * Tooltip Component Initializer
  */
-export function setup(): void;
-export function setupTrigger(trigger: any): Tooltip;
+export const initializer: ComponentInitializer;
 /**
  * Tooltip
  * - Provides basic tooltip functionality
@@ -95,4 +92,5 @@ export class Tooltip {
     show(event: any): void;
     hide(event: any): void;
 }
+import { ComponentInitializer } from "../utils/system.js";
 //# sourceMappingURL=tooltip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../js/ui/tooltip.js"],"names":[],"mappings":"AAmBA;;GAEG;AACH,6BAGC;AAED;;;;GAIG;AACH,8BAGC;AAED,oDAQC;AAED;;;;GAIG;AACH;IACE;;OAEG;IACH;QACE;;;;WAIG;;QAEH;;;WAGG;;;;;QAKH;;;WAGG;qBADO,SAAO,IAAI;QAGrB;;WAEG;;QAEH;;;WAGG;;QAEH;;;WAGG;oBADO,aAAc;QAGxB;;;WAGG;oBADO,aAAc;QAGxB;;;WAGG;;QAEH;;WAEG;;QAUH;;;WAGG;;MAIH;IACF,kCAEE;IACF,mEAaC;IAPC,aAA+D;IAC/D,qBAAyF;IACzF,cAA+B;IAC/B,aAAkB;IAClB,gBAAmB;IAIrB,cAIC;IACD,2BAKC;IACD,gBAGC;IACD,uBAcC;IACD,gCASC;IACD,6BAkBC;IACD,uBAiCC;IACD,wBAiBC;IACD,wCAmBC;IACD,sDAEC;IACD,+BAEC;IADC,0BAA4E;IAE9E,gCAKC;IACD,uBAEC;IACD,uBAEC;CACF"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../js/ui/tooltip.js"],"names":[],"mappings":"AAuBA;;GAEG;AACH,6BAaC;AA5BD;;GAEG;AACH,+CAGG;AAwBH;;;;GAIG;AACH;IACE;;OAEG;IACH;QACE;;;;WAIG;;QAEH;;;WAGG;;;;;QAKH;;;WAGG;qBADO,SAAO,IAAI;QAGrB;;WAEG;;QAEH;;;WAGG;;QAEH;;;WAGG;oBADO,aAAc;QAGxB;;;WAGG;oBADO,aAAc;QAGxB;;;WAGG;;QAEH;;WAEG;;QAUH;;;WAGG;;MAIH;IACF,kCAEE;IACF,mEAaC;IAPC,aAA+D;IAC/D,qBAAyF;IACzF,cAA+B;IAC/B,aAAkB;IAClB,gBAAmB;IAIrB,cAIC;IACD,2BAKC;IACD,gBAGC;IACD,uBAcC;IACD,gCASC;IACD,6BAkBC;IACD,uBAiCC;IACD,wBAiBC;IACD,wCAmBC;IACD,sDAEC;IACD,+BAEC;IADC,0BAA4E;IAE9E,gCAKC;IACD,uBAEC;IACD,uBAEC;CACF;qCApRoC,oBAAoB"}

package/types/utils/dom.d.ts

@@ -1,3 +1,9 @@
+/**
+ * Converts a data attribute name to its corresponding dataset property name.
+ * @param {string} dataAttribute - The data attribute name (e.g., "data-ulu-dialog").
+ * @returns {string} - The dataset property name (e.g., "uluDialog").
+ */
+export function dataAttributeToDatasetKey(attribute: any): string;
 /**
  * Get an elements JSON dataset value
  * @param {Node} element

package/types/utils/dom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../js/utils/dom.js"],"names":[],"mappings":"AAOA;;;;;GAKG;AACH,wCAJW,IAAI,oBAYd;AAED;;;;;;GAMG;AACH,gDAJW,IAAI,gBAEF,YAAa,CASzB;AAED;;GAEG;AACH,mEAMC;AAGD;;;;;;;;;GASG;AACH,2CAHa,IAAI,uBAoChB;AAED;;;;;GAKG;AACH,mCAJW,SAAO,IAAI,kBAEV,WAAW,CAWtB;AAED;;;;;GAKG;AACH,oCAJW,SAAO,IAAI,wBAerB;AAED;;;;;;;;GAQG;AACH,8CANa,MAAM,EAAE,CAiBpB;AAED;;;;;GAKG;AACH,+CAJW,IAAI,cACJ,IAAI,2BAMd;AAnKD;;GAEG;AAGH,qCAAqD"}
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../js/utils/dom.js"],"names":[],"mappings":"AAOA;;;;GAIG;AACH,2DAFa,MAAM,CAOlB;AAED;;;;;GAKG;AACH,wCAJW,IAAI,oBAYd;AAED;;;;;;GAMG;AACH,gDAJW,IAAI,gBAEF,YAAa,CASzB;AAED;;GAEG;AACH,mEAMC;AAGD;;;;;;;;;GASG;AACH,2CAHa,IAAI,uBAoChB;AAED;;;;;GAKG;AACH,mCAJW,SAAO,IAAI,kBAEV,WAAW,CAWtB;AAED;;;;;GAKG;AACH,oCAJW,SAAO,IAAI,wBAerB;AAED;;;;;;;;GAQG;AACH,8CANa,MAAM,EAAE,CAiBpB;AAED;;;;;GAKG;AACH,+CAJW,IAAI,cACJ,IAAI,2BAMd;AA/KD;;GAEG;AAGH,qCAAqD"}

package/types/utils/system.d.ts

@@ -0,0 +1,113 @@
+/**
+ * Class serves as a utility for UI modules, handling the selection of elements and the initialization of corresponding component instances, ensuring consistent setup within the module
+ */
+export class ComponentInitializer {
+    static defaults: {
+        type: any;
+        baseAttribute: any;
+    };
+    static requiredOptions: string[];
+    static hasRequiredOptions: Function;
+    /**
+     * 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(options: {
+        type: string;
+        baseAttribute: string;
+    });
+    options: any;
+    logTitle: string;
+    /**
+     * 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.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 {HTMLElement} config.context [document] The context to query within.
+     */
+    init(config: {
+        setup: Function;
+        key: string;
+        withData: boolean;
+        events: any[];
+        onPageResized: boolean;
+        context: HTMLElement;
+    }): void;
+    /**
+     * 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 {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;
+    /**
+     * 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(key: string): string;
+    /**
+     * Create an attribute selector
+     * @param {String} key Optional key (see getAttribute)
+     */
+    attributeSelector(key: string): string;
+    /**
+     * Create an attribute selector for initial
+     * @return {String}
+     */
+    attributeSelectorInitial(key: any): string;
+    /**
+     * 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(key: any, withData: boolean, context?: HTMLElement): Array<{
+        element: HTMLElement;
+        data: object;
+        initialize: Function;
+    }>;
+    /**
+     * Sets the init attribute on an element, marking it as initialized.
+     * @param {HTMLElement} element The element to initialize.
+     */
+    initializeElement(element: HTMLElement): void;
+    /**
+     * 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(element: any, key: any): any;
+    /**
+     * Will output namespaced console logs for the given initializer
+     */
+    log(...msgs: any[]): void;
+    /**
+     * Will output namespaced console warnings for the given initializer
+     */
+    warn(...msgs: any[]): void;
+    /**
+     * Will output namespaced console error for the given initializer
+     */
+    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

package/types/utils/system.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"system.d.ts","sourceRoot":"","sources":["../../js/utils/system.js"],"names":[],"mappings":"AASA;;GAEG;AACH;IACE;;;MAGE;IACF,iCAGE;IACF,oCAEE;IAEF;;;;;OAKG;IACH;QAH2B,IAAI;QACJ,aAAa;OAUvC;IAFC,aAAwE;IACxE,iBAAgD;IAElD;;;;;;;;;OASG;IACH;QAP4B,KAAK;QACP,GAAG;QACF,QAAQ;QACV,MAAM;QACJ,aAAa;QACT,OAAO,EAA3B,WAAW;aAYrB;IACD;;;;;;;;OAQG;IACH;QAN4B,KAAK;QACP,GAAG,EAAlB,MAAM;QACU,QAAQ,EAAxB,OAAO;QACS,cAAc,EAA9B,OAAO;QACa,OAAO,EAA3B,WAAW;aAMrB;IACD;;;;OAIG;IACH,kCAGC;IACD;;;OAGG;IACH,uCAEC;IACD;;;OAGG;IACH,2CAEC;IACD;;;;;;OAMG;IACH,uDALW,WAAW,GAGT,MAAM;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,qCAGC;IACD;;OAEG;IACH,0BAEC;IACD;;OAEG;IACH,2BAEC;IACD;;OAEG;IACH,+BAEC;CACF;AAED;;GAEG;AACH;CAEC"}