@ulu/frontend 0.0.13 → 0.0.15

package/js/helpers/css-breakpoint.js

@@ -25,7 +25,7 @@ export class CssBreakpoints {
     valueFromPsuedo: false,
     customProperty: "--breakpoint",
     psuedoSelector: ':before',
-    order: ["small", "medium", "large"],
+    order: ["none", "small", "medium", "large"],
     debug: false
   }
   /**
@@ -76,6 +76,10 @@ export class CssBreakpoints {
    */
   update() {
     const name = this.getBreakpoint();
+    if (!name) {
+      logError(this, 'Unable to get current breakpoint, maybe order is incorrect? Breakpoint check skipped!');
+      return;
+    }
     // console.log('name:\n', name);
     if (name === this.active) return;
     // this.log(`current breakpoint: ${ name }`);
@@ -117,7 +121,7 @@ export class CssBreakpoints {
   /**
    * Get a breakpoint by key
    * @param {String} name The name of the breakpoint to get
-   * @return {Breakpoint} Breakpoint to act on (see BreakpointDirection)
+   * @return {Breakpoint} Breakpoint to act on (see Breakpoint class)
    */
   at(name) {
     const bp = this.breakpoints[name];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ulu/frontend",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "description": "Theming library",
   "browser": "js/index.js",
   "main": "index.js",

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

@@ -53,7 +53,7 @@ export class CssBreakpoints {
     /**
      * Get a breakpoint by key
      * @param {String} name The name of the breakpoint to get
-     * @return {Breakpoint} Breakpoint to act on (see BreakpointDirection)
+     * @return {Breakpoint} Breakpoint to act on (see Breakpoint class)
      */
     at(name: string): Breakpoint;
 }