@ulu/frontend 0.0.9 → 0.0.11

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## Version 0.0.10
+
+### JS
+
+- Update css-breakpoints helper to get breakpoint value with custom property, and make the psuedo element a legacy option that can be enabled
+
 ## Version 0.0.6
 
 ### SCSS

package/README.md

@@ -4,6 +4,8 @@ Front end development library (SCSS, JS, Vue)
 
 [Documentation](https://jscherbe.github.io/frontend/)
 
+[Change Log](CHANGELOG.md)
+
 ## SCSS Library
 
 This is the sass library. Set up for packaged use (under on namespace) and individual module use (importing modules directly

package/js/events/index.js

@@ -1,7 +1,7 @@
 /**
  * @module events
  */
-import { debounce } from "@ulu/utils/performance";
+import { debounce } from "@ulu/utils/performance.js";
 
 /**
  * Event object - called on dispatch

package/js/helpers/css-breakpoint.js

@@ -3,8 +3,7 @@
  */
 
 // Pass breakpoints from CSS to stylesheet, use this to attach behaviors on breakpoints
-import { debounce } from "@ulu/utils/performance";
-import { removeArrayElement } from "@ulu/utils/array";
+import { removeArrayElement } from "@ulu/utils/array.js";
 import { getName } from "../events/index.js";
 import { log, logError } from "../utils/logger.js";
 
@@ -22,14 +21,18 @@ window.addEventListener(getName("pageResized"), () => {
 export class CssBreakpoints {
   static instances = [];
   static defaults = {
-    element: document.body,
+    element: document.documentElement,
+    valueFromPsuedo: false,
+    customProperty: "--breakpoint",
     psuedoSelector: ':before',
     debug: false
   }
   /**
    * @param {Object} config Configruation object
    * @param {Array} config.order Required, Array of strings that correspond to the breakpoints setup in the styles, Breakpoints from smallest to largest
-   * @param {Node} config.element The element to retrieve active breakpoint from stylesheet  (default is body)
+   * @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
    */
   constructor(config) {
@@ -48,11 +51,27 @@ export class CssBreakpoints {
     this.update(); // Run for the first time, then whenever browser resizes
     CssBreakpoints.instances.push(this);
   }
+  /**
+   * Get breakpoint from a psuedo element
+   */
+  getBreakpointInPsuedo() {
+    return window.getComputedStyle(this.element, this.psuedoSelector).content.replace(/^"|"$/g, '');
+  }
+  /**
+   * Get breakpoint from a custom property
+   */
+  getBreakpointInProperty() {
+    return getComputedStyle(this.element).getPropertyValue(this.customProperty);
+  }
   /**
    * Get breakpoint from element (design note: user could override prototype)
    */
   getBreakpoint() {
-    return window.getComputedStyle(this.element, this.psuedoSelector).content.replace(/^"|"$/g, '');
+    if (this.valueFromPsuedo) {
+      return this.getBreakpointInPsuedo();
+    } else {
+      return this.getBreakpointInProperty();
+    }
   }
   /**
    * Updates the active breakpoint by checking the element and executes handlers on change

package/js/ui/modals.js

@@ -17,7 +17,7 @@
 // interface in the future we don't need to change/update markup.
 import MicroModal from 'micromodal';
 import Resizer from './resizer.js';
-import { createElementFromHtml } from '@ulu/utils/dom.js';
+import { createElementFromHtml } from '@ulu/utils/browser/dom.js';
 import { pauseVideos, prepVideos } from '../helpers/pause-youtube-video.js';
 const classes = {
   open: 'site-modal--open',

package/js/ui/slider.js

@@ -28,7 +28,7 @@
 //                              * Will Change use
 
 import maintain from 'ally.js/maintain/_maintain';
-import { log, logError, logWarning } from "@ulu/utils/logger.js";
+import { log, logError, logWarning } from "../utils/logger.js";
 import { hasRequiredProps } from '@ulu/utils/object.js';
 import { trimWhitespace } from "@ulu/utils/string.js";
 import { debounce } from "@ulu/utils/performance.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ulu/frontend",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "description": "Theming library",
   "browser": "js/index.js",
   "main": "index.js",
@@ -8,9 +8,16 @@
     ".": "./index.js",
     "./js/*.js": "./js/*.js",
     "./js/*": "./js/*",
-    "./scss/*.scss" : "./scss/*.scss",
-    "./scss/*" : "./scss/*",
-    "./scss" : "./scss/index.scss"
+    "./scss/*.scss": "./scss/*.scss",
+    "./scss/*": "./scss/*",
+    "./scss": "./scss/index.scss"
+  },
+  "typesVersions": {
+    "*": {
+      "js/*": [
+        "./types/*"
+      ]
+    }
   },
   "type": "module",
   "scripts": {
@@ -19,7 +26,8 @@
     "docs:preview": "vitepress preview docs-src",
     "docs:update:scss": "node ./docs-src/.vitepress/sassdoc.js",
     "docs:update:scss:debug": "node --inspect-brk ./docs-src/.vitepress/sassdoc.js",
-    "docs:build:js": "node ./docs-src/.vitepress/jsdoc.js"
+    "docs:build:js": "node ./docs-src/.vitepress/jsdoc.js",
+    "types": "npx tsc"
   },
   "repository": {
     "type": "git",
@@ -41,7 +49,6 @@
   },
   "homepage": "https://github.com/Jscherbe/frontend#readme",
   "devDependencies": {
-    "@ulu/utils": "^0.0.4",
     "@ulu/vitepress-auto-menus": "^0.0.3",
     "@ulu/vitepress-sassdoc": "^0.0.6",
     "clean-jsdoc-theme": "^4.2.17",
@@ -49,6 +56,10 @@
     "jsdoc": "^4.0.2",
     "jsdoc-to-markdown": "^8.0.0",
     "sass": "^1.51.0",
+    "typescript": "^5.3.3",
     "vitepress": "^1.0.0-rc.27"
+  },
+  "dependencies": {
+    "@ulu/utils": "^0.0.6"
   }
 }

package/types/events/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Triggers one of our custom events
+ * @param {String} type Type of event to dispatch
+ * @param {Node} context Element to trigger the event from
+ * @example
+ *   if (updatedMarkup) {
+ *     dispatch("pageModified", modalElement);
+ *   }
+ */
+export function dispatch(type: string, context: Node): void;
+/**
+ * Handles the actual event names being used (future could namespace)
+ * @param {String} type Type of event to get the actual event name for
+ * @returns {String}
+ */
+export function getName(type: string): string;
+//# sourceMappingURL=index.d.ts.map

package/types/events/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../js/events/index.js"],"names":[],"mappings":"AAoBA;;;;;;;;GAQG;AACH,gDANW,IAAI,QAYd;AAED;;;;GAIG;AACH,8CAEC"}

package/types/helpers/css-breakpoint.d.ts

@@ -0,0 +1,59 @@
+/**
+ * @class
+ * Class that provides method for retrieving and acting on breakpoints passed
+ * from CSS (using element psuedo content prop)
+ */
+export class CssBreakpoints {
+    static instances: any[];
+    static defaults: {
+        element: HTMLElement;
+        valueFromPsuedo: boolean;
+        customProperty: string;
+        psuedoSelector: string;
+        debug: boolean;
+    };
+    /**
+     * @param {Object} config Configruation object
+     * @param {Array} config.order Required, Array of strings that correspond to the breakpoints setup in the styles, Breakpoints from smallest to largest
+     * @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
+     */
+    constructor(config: {
+        order: any[];
+        customProperty: any[];
+        valueFromPsuedo: any[];
+        element: Node;
+        psuedoSelector: string;
+    });
+    active: any;
+    previous: any;
+    activeIndex: any;
+    resizeDirection: string;
+    previousIndex: any;
+    breakpoints: {};
+    /**
+     * Get breakpoint from a psuedo element
+     */
+    getBreakpointInPsuedo(): string;
+    /**
+     * Get breakpoint from a custom property
+     */
+    getBreakpointInProperty(): string;
+    /**
+     * Get breakpoint from element (design note: user could override prototype)
+     */
+    getBreakpoint(): string;
+    /**
+     * Updates the active breakpoint by checking the element and executes handlers on change
+     */
+    update(): void;
+    /**
+     * Get a breakpoint by key
+     * @param {String} name The name of the breakpoint to get
+     */
+    at(name: string): any;
+}
+export default CssBreakpoints;
+//# sourceMappingURL=css-breakpoint.d.ts.map

package/types/helpers/css-breakpoint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-breakpoint.d.ts","sourceRoot":"","sources":["../../js/helpers/css-breakpoint.js"],"names":[],"mappings":"AAeA;;;;GAIG;AACH;IACE,wBAAsB;IACtB;;;;;;MAMC;IACD;;;;;;;OAOG;IACH;QANyB,KAAK;QACL,cAAc;QACd,eAAe;QAChB,OAAO,EAApB,IAAI;QACW,cAAc;OAiBvC;IAVC,YAAkB;IAClB,cAAoB;IACpB,iBAAuB;IACvB,wBAA2B;IAC3B,mBAAyB;IACzB,gBAAqB;IAMvB;;OAEG;IACH,gCAEC;IACD;;OAEG;IACH,kCAEC;IACD;;OAEG;IACH,wBAMC;IACD;;OAEG;IACH,eAuCC;IACD;;;OAGG;IACH,sBAMC;CACF"}

package/types/helpers/file-save.d.ts

@@ -0,0 +1,17 @@
+export default FileSave;
+/**
+ * @module helpers/file-save
+ */
+declare class FileSave {
+    static isBrowserSupported(): boolean;
+    constructor(data: any, options: any);
+    filename: string;
+    type: string;
+    data: any;
+    blob: Blob;
+    url: string;
+    destroy(): void;
+    getUrl(): string;
+    createLink(text: any): any;
+}
+//# sourceMappingURL=file-save.d.ts.map

package/types/helpers/file-save.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-save.d.ts","sourceRoot":"","sources":["../../js/helpers/file-save.js"],"names":[],"mappings":";AAAA;;GAEG;AAoBH;IAwBE,qCAEC;IAzBD,qCAQC;IAPC,iBAAmC;IACnC,aAAsC;IAGtC,UAAgB;IAChB,WAAiD;IACjD,YAAyC;IAE3C,gBAEC;IACD,iBAEC;IACD,2BAOC;CAIF"}

package/types/helpers/node-data-manager.d.ts

@@ -0,0 +1,45 @@
+/**
+ * @module helpers/node-data-manager
+ */
+/**
+ * Class that provides a method to store data based on node/element
+ */
+export default class NodeDataManager {
+    store: any[];
+    /**
+     * Get data for an element/node
+     * @param {Node} node Html Node/Element to get data for
+     * @param {String|Boolean} key If key is passed, return that key's data for the element, if falsey return elements complete dataset
+     */
+    get(node: Node, key?: string | boolean): any;
+    /**
+     * Bind data to a specific Node/Element
+     * @param {Node} node Html Node/Element to get data for
+     * @param {String} key Key to save the data under
+     * @param {*} value Value to save
+     */
+    set(node: Node, key: string, value: any): void;
+    /**
+     * Return an elements store object
+     */
+    find(node: any): any;
+    /**
+     * Destroy all references to data and nodes/elements
+     */
+    destroy(): void;
+}
+/**
+ * Child class that provides a store for one specific node/element
+ */
+export class NodeDataStore {
+    constructor(node: any, data: any);
+    node: any;
+    data: any;
+    set(key: any, value: any): void;
+    get(key?: boolean): any;
+    remove(key: any): void;
+    isNode(node: any): any;
+    clearData(): void;
+    destroy(): void;
+}
+//# sourceMappingURL=node-data-manager.d.ts.map

package/types/helpers/node-data-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-data-manager.d.ts","sourceRoot":"","sources":["../../js/helpers/node-data-manager.js"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH;IAEI,aAAe;IAEjB;;;;OAIG;IACH,UAHW,IAAI,QACJ,gBAAc,OAOxB;IACD;;;;;OAKG;IACH,UAJW,IAAI,iCAWd;IACD;;OAEG;IACH,qBAEC;IACD;;OAEG;IACH,gBAGC;CACF;AACD;;GAEG;AACH;IACE,kCAGC;IAFC,UAAgB;IAChB,UAAsB;IAExB,gCAEC;IACD,wBAEC;IACD,uBAEC;IACD,uBAEC;IACD,kBAEC;IACD,gBAGC;CACF"}

package/types/helpers/pause-youtube-video.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Somewhat hacky way to pause the video
+ * - https://www.digitalredpanther.com/blog/play-pause-stop-youtube-embed
+ * - Actual JS API documentation (Didn't follow this for now) (https://developers.google.com/youtube/iframe_api_reference)
+ * @param {Element|Node} context The DOM element to search for and pause videos within
+ */
+export function pauseVideos(context?: Element | Node): void;
+/**
+ * Prep videos to be paused
+ * - Add query parameters for js API
+ * - Removes all other query parameters from iframe.src
+ */
+export function prepVideos(context?: Document): void;
+//# sourceMappingURL=pause-youtube-video.d.ts.map

package/types/helpers/pause-youtube-video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pause-youtube-video.d.ts","sourceRoot":"","sources":["../../js/helpers/pause-youtube-video.js"],"names":[],"mappings":"AAYA;;;;;GAKG;AACH,sCAFW,OAAO,GAAC,IAAI,QAWtB;AACD;;;;GAIG;AACH,qDAQC"}

package/types/helpers/scrollbar-width-property.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @module helpers/scrollbar-width-property
+ */
+/**
+ * Sets a CSS custom property equal to the scrollbar width
+ * @param {Node} element The element that is the child of a scrollabel container
+ * @param {Node} container The container that can be scrolled
+ * @param {Stirng} propName Custom property to set
+ */
+export default function addScrollbarProperty(element?: Node, container?: Node, propName?: Stirng): void;
+//# sourceMappingURL=scrollbar-width-property.d.ts.map

package/types/helpers/scrollbar-width-property.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollbar-width-property.d.ts","sourceRoot":"","sources":["../../js/helpers/scrollbar-width-property.js"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;;GAKG;AACH,uDAJW,IAAI,cACJ,IAAI,2BAMd"}

package/types/index.d.ts

@@ -0,0 +1,4 @@
+export { CssBreakpoints } from "./helpers/css-breakpoint.js";
+export * as events from "./events/index.js";
+export * as grid from "./ui/grid.js";
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

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

package/types/ui/flipcard.d.ts

@@ -0,0 +1,38 @@
+export class Flipcard {
+    static instances: any[];
+    static defaults: {
+        namespace: string;
+        proxyClick: {
+            allowSelection: boolean;
+            selectionMin: number;
+            exclude: string;
+        };
+    };
+    constructor(container: any, front: any, back: any, config: any, debug?: boolean);
+    options: any;
+    debug: boolean;
+    elements: {
+        container: any;
+        front: any;
+        back: any;
+    };
+    isOpen: boolean;
+    uid: string;
+    stateAttr: string;
+    toggle(): void;
+    setup(): void;
+    /**
+     * Click handler on everything on container
+     * - Determines if click was something that should be ignored (link, etc)
+     */
+    onProxyClick({ target }: {
+        target: any;
+    }): void;
+    getClass(child: any): any;
+    createControlContent(): string;
+    setVisiblity(visible: any): void;
+    containerCss(): string;
+    panelCss(zIndex?: number): string;
+}
+export default Flipcard;
+//# sourceMappingURL=flipcard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flipcard.d.ts","sourceRoot":"","sources":["../../js/ui/flipcard.js"],"names":[],"mappings":"AAgBA;IACE,wBAAsB;IACtB;;;;;;;MAOC;IACD,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"}

package/types/ui/grid.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 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;
+/**
+ * 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
+ */
+export function setup(selector: string, classes: any): void;
+/**
+ *   Sets up the positonal classes that would come from the equal
+ *   height module. Needs to be rerun by user when layout changes
+ *   or new instances are added to the screen
+ *   - Used for gutter crops
+ *   - Used for rule placement
+ *   - **Devs** Remember that default classes should match sass defaults
+ *   @param {Node} parent  The grid parent <data-grid="">
+ *   @param {Object} classes Override the default equal heights classes
+ */
+export function setPositionClasses(parent: Node, classes?: any): void;
+//# sourceMappingURL=grid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../js/ui/grid.js"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,2DAIC;AAED;;;;GAIG;AACH,4DAEC;AAED;;;;;;;;;GASG;AACH,2CAHa,IAAI,uBAqChB"}

package/types/ui/modals.d.ts

@@ -0,0 +1,27 @@
+export function attachTriggers(context?: Document): void;
+/**
+ * Function to setup each modal
+ * - Creates structure
+ * - Gets settings from elements data attrite
+ * - Moves it to the end of the document
+ * - Adds resizer if position (left || right)
+ * @param {Node} modal Modal element ie. `[data-site-modal]`
+ * @param {Object} settings Custom settings object to merge, same interface as `[data-site-modal]` settings
+ */
+export function setupModal(modal: Node, settings: any): void;
+/**
+ * Intialize all modals on the page
+ * - can be used after AJAX adds content
+ */
+/**
+ * Open a modal
+ * @param {String} id The id of the modal to open
+ */
+export function show(id: string, config: any): void;
+/**
+ * Close a modal
+ * @param {String} id The id of the modal to open
+ */
+export function close(id: string): void;
+export const triggerAttr: "data-site-modal-trigger";
+//# sourceMappingURL=modals.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modals.d.ts","sourceRoot":"","sources":["../../js/ui/modals.js"],"names":[],"mappings":"AA6DA,yDAeC;AAED;;;;;;;;GAQG;AACH,kCAHW,IAAI,uBAmFd;AACD;;;GAGG;AAIH;;;GAGG;AACH,oDAGC;AACD;;;GAGG;AACH,wCAEC;AAlKD,oDAA8C"}

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

@@ -0,0 +1,17 @@
+/**
+ * @module ui/overflow-scroller-pager
+ */
+/**
+ * Function to be used in overflow scrollers "amount" option. This function will
+ * determine how many items can fit in the viewport, taking into account scroll padding left,
+ * and will set the scroll amount to paginate between items. Items size can be anything
+ * (ie. one per screen vs 3.5 per screen will both work). This seperated from the plugin
+ * for tree shaking incase it's unneeded. Currently this is only setup for horizontal scrolling
+ *
+ * Note: This is setup to return the function, incase configuration is needed in the future
+ * it can be passed to the create function
+ *
+ * @return {Function} A function to be used in overflow scrollers "amount" configuration property
+ */
+export default function create(): Function;
+//# sourceMappingURL=overflow-scroller-pager.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"overflow-scroller-pager.d.ts","sourceRoot":"","sources":["../../js/ui/overflow-scroller-pager.js"],"names":[],"mappings":"AAAA;;GAEG;AACH;;;;;;;;;;;GAWG;AAEH,2CA4CC"}

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

@@ -0,0 +1,37 @@
+export class OverflowScroller {
+    static instances: any[];
+    static defaults: {
+        namespace: string;
+        events: {};
+        horizontal: boolean;
+        offsetStart: number;
+        offsetEnd: number;
+        amount: string;
+    };
+    constructor(elements: any, config: any);
+    options: any;
+    elements: any;
+    nextEnabled: boolean;
+    previousEnabled: boolean;
+    scrollHandler: (e: any) => void;
+    checkOverflow(): void;
+    hasOverflow: boolean;
+    createControls(context: any): {
+        controls: HTMLUListElement;
+        previousItem: HTMLLIElement;
+        nextItem: HTMLLIElement;
+        previous: HTMLButtonElement;
+        next: HTMLButtonElement;
+    };
+    createControlButton(action: any): HTMLButtonElement;
+    getControlContent(action: any): string;
+    onScroll(event: any): void;
+    onScrollHorizontal(): void;
+    setControlState(dir: any, enabled: any): void;
+    resolveAmount(dir: any): any;
+    next(): void;
+    previous(): void;
+    getClass(child: any): string;
+}
+export default OverflowScroller;
+//# sourceMappingURL=overflow-scroller.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=programmatic-modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"programmatic-modal.d.ts","sourceRoot":"","sources":["../../js/ui/programmatic-modal.js"],"names":[],"mappings":""}

package/types/ui/resizer.d.ts

@@ -0,0 +1,28 @@
+export default class ElementResizer {
+    static defaults: {
+        debug: boolean;
+        overrideMaxWidth: boolean;
+        fromLeft: 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
+     */
+    constructor(container: Node, control: Node, options: {
+        debug: boolean;
+        overrideMaxWidth: boolean;
+        fromLeft: boolean;
+    });
+    options: any;
+    container: Node;
+    control: Node;
+    handlerMousedown: any;
+    destroy(): void;
+    onMousedown(e: any): void;
+}
+//# sourceMappingURL=resizer.d.ts.map

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

@@ -0,0 +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,aAAkE;IAClE,gBAA0B;IAC1B,cAAsB;IACtB,sBAAmD;IAGrD,gBAEC;IACD,0BAkBC;CACF"}

package/types/ui/slider.d.ts

@@ -0,0 +1,116 @@
+export class Slider {
+    static instances: any[];
+    static defaults: {
+        classAccessiblyHidden: string;
+        namespace: string;
+        events: {};
+        transition: boolean;
+        transitionFade: boolean;
+        transitionDuration: number;
+        transitionDurationExit: number;
+        transitionTimingFunction: string;
+    };
+    constructor(elements: any, config: any, debug?: boolean);
+    debug: boolean;
+    options: any;
+    slide: {
+        element: any;
+        index: number;
+        number: number;
+    };
+    index: any;
+    transitioning: boolean;
+    slides: {
+        element: any;
+        index: number;
+        number: number;
+    }[];
+    elements: any;
+    transition: ({ slide, old }: {
+        slide: any;
+        old: any;
+    }) => any;
+    /**
+     * Sliding mechanism needs translate updated on resize
+     */
+    handleResize(): void;
+    /**
+     * Goto to the previous slide
+     */
+    previous(event: any): void;
+    /**
+     * Goto to the next slide
+     */
+    next(event: any): void;
+    /**
+     *  Makes sure that no matter what the callback is called if transition event
+     * doesn't start or fails to finish/cancel
+     * @param {number} element
+     * @param {number} duration Duration to wait for complete
+     * @param {Function} beginTransition Css changes to begin/start transtion
+     */
+    ensureTranstionEnds(element: number, duration: number, beginTransition: Function): any;
+    /**
+     * Translate the track to X
+     */
+    translateTo(x: any, duration: any): any;
+    /**
+     * Show's a specifc slide and hides others, except when passing true to show all
+     * then all slides will visible
+     */
+    setVisibility(activeSlide: any, showAll: any): void;
+    /**
+     * Perform a fade on a single slide
+     */
+    fadeSlide(slide: any, visible: any): any;
+    /**
+     * Handler for the entire slide transtion
+     */
+    slideTransition({ slide, index, old, oldIndex, triggerType }: {
+        slide: any;
+        index: any;
+        old: any;
+        oldIndex: any;
+        triggerType: any;
+    }): Promise<void>;
+    /**
+     * Handler for the entire fade transtion
+     */
+    fadeTransition({ slide, old }: {
+        slide: any;
+        old: any;
+    }): Promise<void>;
+    /**
+     * Handler for the entire NO transtion
+     */
+    noTransition({ slide, old }: {
+        slide: any;
+        old: any;
+    }): any;
+    goto(index: any, event: any, triggerType: any): void;
+    setup(): void;
+    trackContainerStyles(): string;
+    transitionCss(property: any): string;
+    trackCss(): string;
+    slideCss(): string;
+    getClass(child: any, modifier: any): any;
+    createControlButton(action: any): HTMLButtonElement;
+    createControls(context: any): {
+        controls: HTMLUListElement;
+        previousItem: HTMLLIElement;
+        nextItem: HTMLLIElement;
+        previous: HTMLButtonElement;
+        next: HTMLButtonElement;
+    };
+    createNav(container: any): {
+        nav: HTMLUListElement;
+        navButtons: any[];
+        navItems: HTMLLIElement[];
+    };
+    createNavButton(slide: any, index: any): HTMLButtonElement;
+    getControlContent(action: any): string;
+    getNavContent(number: any): string;
+    emit(name: any, args: any): void;
+}
+export default Slider;
+//# sourceMappingURL=slider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../js/ui/slider.js"],"names":[],"mappings":"AAoDA;IACE,wBAAsB;IACtB;;;;;;;;;MAWC;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,6BAJW,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,oDAQC;IACD;;;;;;MAwBC;IACD;;;;MAmBC;IACD,2DAQC;IACD,uCAKC;IACD,mCAEC;IACD,iCAIC;CACF"}

package/types/ui/tabs.d.ts

@@ -0,0 +1,2 @@
+export const instances: any[];
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../js/ui/tabs.js"],"names":[],"mappings":"AAmBA,8BAAqB"}

package/types/ui/tooltip.d.ts

@@ -0,0 +1,16 @@
+export default class Tooltip {
+    static defaults: {
+        namespace: string;
+        describedBy: boolean;
+        arrowSize: number;
+        classes: any[];
+    };
+    constructor(context: any, markup: any, config: any);
+    options: any;
+    context: any;
+    element: HTMLDivElement;
+    create(markup: any): HTMLDivElement;
+    inPage: boolean;
+    destroy(): void;
+}
+//# sourceMappingURL=tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../js/ui/tooltip.js"],"names":[],"mappings":"AAyCA;IACE;;;;;MAKC;IACD,oDAQC;IAJC,aAA0D;IAC1D,aAAsB;IACtB,wBAAkC;IAGpC,oCAkBC;IAHC,gBAAkB;IAIpB,gBAOC;CACF"}

package/types/utils/logger.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Changes to make to configuration
+ * @param {Object} changes
+ */
+export function set(changes: any): void;
+/**
+ * Proxy Console.log
+ * @param {Object} context Class instance (optional), will rely on classes (debug) property for output
+ * @param  {...any} messages
+ */
+export function log(context: any, ...messages: any[]): void;
+/**
+ * Proxy Console.warn
+ * @param {Object} context Class instance (optional), will rely on classes (debug) property for output
+ * @param  {...any} messages
+ */
+export function logWarning(context: any, ...messages: any[]): void;
+/**
+ * Proxy Console.error
+ * @param {Object} context Class instance (optional), will rely on classes (debug) property for output
+ * @param  {...any} messages
+ */
+export function logError(context: any, ...messages: any[]): void;
+//# sourceMappingURL=logger.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../js/utils/logger.js"],"names":[],"mappings":"AAgCA;;;GAGG;AACH,wCAEC;AAED;;;;GAIG;AACH,+CAFe,GAAG,UAMjB;AAED;;;;GAIG;AACH,sDAFe,GAAG,UAMjB;AAED;;;;GAIG;AACH,oDAFe,GAAG,UAMjB"}