@designestate/dees-domtools - npm Package Compare versions

Comparing version 1.0.18 to 1.0.19

dist_ts/domtools.breakpoints.d.ts

@@ -5,6 +5,6 @@ export declare const desktop = 1240;
 export declare const phone = 340;
-export declare type TEnvironment = 'native' | 'desktop' | 'tablet' | 'phablet' | 'phone';
-export declare const setEnvironment: (envArg: any) => void;
-export declare const cssForTablet: (contentArg: any) => string;
-export declare const cssForPhablet: (contentArg: any) => string;
-export declare const cssForPhone: (contentArg: any) => string;
+export declare type TViewport = 'native' | 'desktop' | 'tablet' | 'phablet' | 'phone';
+export declare const getEnvironment: () => Promise<TViewport>;
+export declare const cssForTablet: (contentArg: any) => Promise<string>;
+export declare const cssForPhablet: (contentArg: any) => Promise<string>;
+export declare const cssForPhone: (contentArg: any) => Promise<string>;

dist_ts/domtools.breakpoints.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.cssForPhone = exports.cssForPhablet = exports.cssForTablet = exports.setEnvironment = exports.phone = exports.phablet = exports.tablet = exports.desktop = void 0;
+exports.cssForPhone = exports.cssForPhablet = exports.cssForTablet = exports.getEnvironment = exports.phone = exports.phablet = exports.tablet = exports.desktop = void 0;
+const domtools_classes_domtools_1 = require("./domtools.classes.domtools");
 exports.desktop = 1240;
@@ -8,8 +9,8 @@ exports.tablet = 700;
 exports.phone = 340;
-let environment = 'native';
-exports.setEnvironment = envArg => {
-    environment = envArg;
+exports.getEnvironment = async () => {
+    const domToolsInstance = await domtools_classes_domtools_1.DomTools.setupDomTools();
+    return domToolsInstance.domToolsStatePart.getState().virtualViewport;
 };
-exports.cssForTablet = (contentArg) => {
-    if (environment === 'native' || environment === 'desktop') {
+exports.cssForTablet = async (contentArg) => {
+    if ((await exports.getEnvironment()) === 'native' || (await exports.getEnvironment()) === 'desktop') {
         return `
@@ -21,3 +22,5 @@ @media (max-width: ${exports.tablet}px) {
     }
-    else if (environment === 'tablet' || environment === 'phablet' || environment === 'phone') {
+    else if ((await exports.getEnvironment()) === 'tablet' ||
+        (await exports.getEnvironment()) === 'phablet' ||
+        (await exports.getEnvironment()) === 'phone') {
         return `
@@ -30,4 +33,4 @@ @media (min-width: 0px) {
 };
-exports.cssForPhablet = (contentArg) => {
-    if (environment === 'native' || environment === 'desktop') {
+exports.cssForPhablet = async (contentArg) => {
+    if ((await exports.getEnvironment()) === 'native' || (await exports.getEnvironment()) === 'desktop') {
         return `
@@ -39,3 +42,3 @@ @media (max-width: ${exports.phablet}px) {
     }
-    else if (environment === 'phablet' || environment === 'phone') {
+    else if ((await exports.getEnvironment()) === 'phablet' || (await exports.getEnvironment()) === 'phone') {
         return `
@@ -48,4 +51,4 @@ @media (min-width: 0px) {
 };
-exports.cssForPhone = (contentArg) => {
-    if (environment === 'native' || environment === 'desktop') {
+exports.cssForPhone = async (contentArg) => {
+    if ((await exports.getEnvironment()) === 'native' || (await exports.getEnvironment()) === 'desktop') {
         return `
@@ -57,3 +60,3 @@ @media (max-width: ${exports.phone}px) {
     }
-    else if (environment === 'phone') {
+    else if ((await exports.getEnvironment()) === 'phone') {
         return `
@@ -66,2 +69,2 @@ @media (min-width: 0px) {
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuYnJlYWtwb2ludHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi90cy9kb210b29scy5icmVha3BvaW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBYSxRQUFBLE9BQU8sR0FBRyxJQUFJLENBQUM7QUFDZixRQUFBLE1BQU0sR0FBRyxHQUFHLENBQUM7QUFDYixRQUFBLE9BQU8sR0FBRyxHQUFHLENBQUM7QUFDZCxRQUFBLEtBQUssR0FBRyxHQUFHLENBQUM7QUFJekIsSUFBSSxXQUFXLEdBQWlCLFFBQVEsQ0FBQztBQUU1QixRQUFBLGNBQWMsR0FBRyxNQUFNLENBQUMsRUFBRTtJQUNyQyxXQUFXLEdBQUcsTUFBTSxDQUFDO0FBQ3ZCLENBQUMsQ0FBQztBQUVXLFFBQUEsWUFBWSxHQUFHLENBQUMsVUFBVSxFQUFFLEVBQUU7SUFDekMsSUFBSSxXQUFXLEtBQUssUUFBUSxJQUFJLFdBQVcsS0FBSyxTQUFTLEVBQUU7UUFDekQsT0FBTzsyQkFDZ0IsY0FBTTtVQUN2QixVQUFVOztLQUVmLENBQUM7S0FDSDtTQUFNLElBQUksV0FBVyxLQUFLLFFBQVEsSUFBSSxXQUFXLEtBQUssU0FBUyxJQUFJLFdBQVcsS0FBSyxPQUFPLEVBQUU7UUFDM0YsT0FBTzs7VUFFRCxVQUFVOztLQUVmLENBQUM7S0FDSDtBQUNILENBQUMsQ0FBQztBQUVXLFFBQUEsYUFBYSxHQUFHLENBQUMsVUFBVSxFQUFFLEVBQUU7SUFDMUMsSUFBSSxXQUFXLEtBQUssUUFBUSxJQUFJLFdBQVcsS0FBSyxTQUFTLEVBQUU7UUFDekQsT0FBTzsyQkFDZ0IsZUFBTztVQUN4QixVQUFVOztLQUVmLENBQUM7S0FDSDtTQUFNLElBQUksV0FBVyxLQUFLLFNBQVMsSUFBSSxXQUFXLEtBQUssT0FBTyxFQUFFO1FBQy9ELE9BQU87O1VBRUQsVUFBVTs7S0FFZixDQUFDO0tBQ0g7QUFDSCxDQUFDLENBQUM7QUFFVyxRQUFBLFdBQVcsR0FBRyxDQUFDLFVBQVUsRUFBRSxFQUFFO0lBQ3hDLElBQUksV0FBVyxLQUFLLFFBQVEsSUFBSSxXQUFXLEtBQUssU0FBUyxFQUFFO1FBQ3pELE9BQU87MkJBQ2dCLGFBQUs7VUFDdEIsVUFBVTs7S0FFZixDQUFDO0tBQ0g7U0FBTSxJQUFJLFdBQVcsS0FBSyxPQUFPLEVBQUU7UUFDbEMsT0FBTzs7VUFFRCxVQUFVOztLQUVmLENBQUM7S0FDSDtBQUNILENBQUMsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuYnJlYWtwb2ludHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi90cy9kb210b29scy5icmVha3BvaW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSwyRUFBdUQ7QUFFMUMsUUFBQSxPQUFPLEdBQUcsSUFBSSxDQUFDO0FBQ2YsUUFBQSxNQUFNLEdBQUcsR0FBRyxDQUFDO0FBQ2IsUUFBQSxPQUFPLEdBQUcsR0FBRyxDQUFDO0FBQ2QsUUFBQSxLQUFLLEdBQUcsR0FBRyxDQUFDO0FBSVosUUFBQSxjQUFjLEdBQUcsS0FBSyxJQUF3QixFQUFFO0lBQzNELE1BQU0sZ0JBQWdCLEdBQUcsTUFBTSxvQ0FBUSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3hELE9BQU8sZ0JBQWdCLENBQUMsaUJBQWlCLENBQUMsUUFBUSxFQUFFLENBQUMsZUFBZSxDQUFDO0FBQ3ZFLENBQUMsQ0FBQztBQUVXLFFBQUEsWUFBWSxHQUFHLEtBQUssRUFBQyxVQUFVLEVBQUMsRUFBRTtJQUM3QyxJQUFJLENBQUMsTUFBTSxzQkFBYyxFQUFFLENBQUMsS0FBSyxRQUFRLElBQUksQ0FBQyxNQUFNLHNCQUFjLEVBQUUsQ0FBQyxLQUFLLFNBQVMsRUFBRTtRQUNuRixPQUFPOzJCQUNnQixjQUFNO1VBQ3ZCLFVBQVU7O0tBRWYsQ0FBQztLQUNIO1NBQU0sSUFDTCxDQUFDLE1BQU0sc0JBQWMsRUFBRSxDQUFDLEtBQUssUUFBUTtRQUNyQyxDQUFDLE1BQU0sc0JBQWMsRUFBRSxDQUFDLEtBQUssU0FBUztRQUN0QyxDQUFDLE1BQU0sc0JBQWMsRUFBRSxDQUFDLEtBQUssT0FBTyxFQUNwQztRQUNBLE9BQU87O1VBRUQsVUFBVTs7S0FFZixDQUFDO0tBQ0g7QUFDSCxDQUFDLENBQUM7QUFFVyxRQUFBLGFBQWEsR0FBRyxLQUFLLEVBQUMsVUFBVSxFQUFDLEVBQUU7SUFDOUMsSUFBSSxDQUFDLE1BQU0sc0JBQWMsRUFBRSxDQUFDLEtBQUssUUFBUSxJQUFJLENBQUMsTUFBTSxzQkFBYyxFQUFFLENBQUMsS0FBSyxTQUFTLEVBQUU7UUFDbkYsT0FBTzsyQkFDZ0IsZUFBTztVQUN4QixVQUFVOztLQUVmLENBQUM7S0FDSDtTQUFNLElBQUksQ0FBQyxNQUFNLHNCQUFjLEVBQUUsQ0FBQyxLQUFLLFNBQVMsSUFBSSxDQUFDLE1BQU0sc0JBQWMsRUFBRSxDQUFDLEtBQUssT0FBTyxFQUFFO1FBQ3pGLE9BQU87O1VBRUQsVUFBVTs7S0FFZixDQUFDO0tBQ0g7QUFDSCxDQUFDLENBQUM7QUFFVyxRQUFBLFdBQVcsR0FBRyxLQUFLLEVBQUMsVUFBVSxFQUFDLEVBQUU7SUFDNUMsSUFBSSxDQUFDLE1BQU0sc0JBQWMsRUFBRSxDQUFDLEtBQUssUUFBUSxJQUFJLENBQUMsTUFBTSxzQkFBYyxFQUFFLENBQUMsS0FBSyxTQUFTLEVBQUU7UUFDbkYsT0FBTzsyQkFDZ0IsYUFBSztVQUN0QixVQUFVOztLQUVmLENBQUM7S0FDSDtTQUFNLElBQUksQ0FBQyxNQUFNLHNCQUFjLEVBQUUsQ0FBQyxLQUFLLE9BQU8sRUFBRTtRQUMvQyxPQUFPOztVQUVELFVBQVU7O0tBRWYsQ0FBQztLQUNIO0FBQ0gsQ0FBQyxDQUFDIn0=

dist_ts/domtools.classes.domtools.d.ts

 import * as plugins from './domtools.plugins';
+import { TViewport } from './domtools.breakpoints';
+export interface IDomToolsState {
+    virtualViewport: TViewport;
+}
 export declare class DomTools {
     static setupDomTools(): Promise<DomTools>;
     smartstate: plugins.smartstate.Smartstate<unknown>;
+    domToolsStatePart: plugins.smartstate.StatePart<unknown, IDomToolsState>;
     domToolsReady: plugins.smartpromise.Deferred<unknown>;
@@ -12,2 +17,3 @@ domReady: plugins.smartpromise.Deferred<unknown>;
     };
+    constructor();
     setGlobalStyles(stylesText: string): Promise<void>;
@@ -22,2 +28,3 @@ private runOnceTrackerStringMap;
     runOnce<T>(identifierArg: string, funcArg: () => Promise<T>): Promise<unknown>;
+    setVirtualViewport(): void;
 }

dist_ts/domtools.classes.domtools.js

@@ -29,2 +29,3 @@ "use strict";
         this.smartstate = new plugins.smartstate.Smartstate();
+        this.domToolsStatePart = this.smartstate.getStatePart('domtools');
         this.domToolsReady = plugins.smartpromise.defer();
@@ -36,3 +37,3 @@ this.domReady = plugins.smartpromise.defer();
             headElement: null,
-            bodyElement: null,
+            bodyElement: null
         };
@@ -91,4 +92,5 @@ this.runOnceTrackerStringMap = new lik_stringmap_1.Stringmap();
     }
+    setVirtualViewport() { }
 }
 exports.DomTools = DomTools;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuY2xhc3Nlcy5kb210b29scy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3RzL2RvbXRvb2xzLmNsYXNzZXMuZG9tdG9vbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDREQUE4QztBQUM5Qyx3RUFBaUU7QUFDakUsb0VBQTZEO0FBRTdELE1BQWEsUUFBUTtJQUFyQjtRQXVCUyxlQUFVLEdBQUcsSUFBSSxPQUFPLENBQUMsVUFBVSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBRWpELGtCQUFhLEdBQUcsT0FBTyxDQUFDLFlBQVksQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUM3QyxhQUFRLEdBQUcsT0FBTyxDQUFDLFlBQVksQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUN4QyxzQkFBaUIsR0FBRyxPQUFPLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBRXhELFdBQVc7UUFDSixhQUFRLEdBR1g7WUFDRixXQUFXLEVBQUUsSUFBSTtZQUNqQixXQUFXLEVBQUUsSUFBSTtTQUNsQixDQUFDO1FBVU0sNEJBQXVCLEdBQUcsSUFBSSx5QkFBUyxFQUFFLENBQUM7UUFDMUMscUJBQWdCLEdBQUcsSUFBSSxxQkFBTyxFQUFFLENBQUM7SUFzQjNDLENBQUM7SUFwRVEsTUFBTSxDQUFDLEtBQUssQ0FBQyxhQUFhO1FBQy9CLElBQUksZ0JBQTBCLENBQUM7UUFDL0IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxZQUFZLEVBQUU7WUFDNUIsVUFBVSxDQUFDLFlBQVksR0FBRyxJQUFJLFFBQVEsRUFBRSxDQUFDO1lBQ3pDLGdCQUFnQixHQUFHLFVBQVUsQ0FBQyxZQUFZLENBQUM7WUFDM0Msa0NBQWtDO1lBQ2xDLE1BQU0scUJBQXFCLEdBQUcsR0FBRyxFQUFFO2dCQUNqQyxJQUFJLFFBQVEsQ0FBQyxVQUFVLEtBQUssYUFBYSxJQUFJLFFBQVEsQ0FBQyxVQUFVLEtBQUssVUFBVSxFQUFFO29CQUMvRSxnQkFBZ0IsQ0FBQyxRQUFRLENBQUMsV0FBVyxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLENBQUM7b0JBQ3ZFLGdCQUFnQixDQUFDLFFBQVEsQ0FBQyxXQUFXLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsQ0FBQztvQkFDdkUsZ0JBQWdCLENBQUMsUUFBUSxDQUFDLE9BQU8sRUFBRSxDQUFDO2lCQUNyQztZQUNILENBQUMsQ0FBQztZQUNGLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxrQkFBa0IsRUFBRSxxQkFBcUIsQ0FBQyxDQUFDO1lBQ3JFLGdCQUFnQixDQUFDLGFBQWEsQ0FBQyxPQUFPLEVBQUUsQ0FBQztTQUMxQzthQUFNO1lBQ0wsZ0JBQWdCLEdBQUcsVUFBVSxDQUFDLFlBQVksQ0FBQztTQUM1QztRQUNELE1BQU0sZ0JBQWdCLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQztRQUM3QyxPQUFPLGdCQUFnQixDQUFDO0lBQzFCLENBQUM7SUFpQk0sS0FBSyxDQUFDLGVBQWUsQ0FBQyxVQUFrQjtRQUM3QyxNQUFNLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDO1FBQzVCLE1BQU0sWUFBWSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDckQsWUFBWSxDQUFDLElBQUksR0FBRyxVQUFVLENBQUM7UUFDL0IsWUFBWSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsY0FBYyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUM7UUFDOUQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQ3RELENBQUM7SUFJRDs7OztPQUlHO0lBQ0ksS0FBSyxDQUFDLE9BQU8sQ0FBSSxhQUFxQixFQUFFLE9BQXlCO1FBQ3RFLE1BQU0sU0FBUyxHQUFHLEdBQUcsYUFBYSxlQUFlLENBQUM7UUFDbEQsSUFBRyxDQUFDLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLEVBQUU7WUFDM0QsSUFBSSxDQUFDLHVCQUF1QixDQUFDLFNBQVMsQ0FBQyxhQUFhLENBQUMsQ0FBQztZQUN0RCxJQUFJLENBQUMsdUJBQXVCLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBQ2xELE1BQU0sTUFBTSxHQUFHLE1BQU0sT0FBTyxFQUFFLENBQUM7WUFDL0IsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsQ0FBQyxhQUFhLEVBQUUsTUFBTSxDQUFDLENBQUM7WUFDdEQsSUFBSSxDQUFDLHVCQUF1QixDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQztTQUN0RDtRQUNELE9BQU8sTUFBTSxJQUFJLENBQUMsdUJBQXVCLENBQUMsaUJBQWlCLENBQUMsU0FBUyxDQUFDLEVBQUU7WUFDdEUsT0FBTyxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDeEMsQ0FBQyxFQUFFLEdBQUcsRUFBRTtZQUNOLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUN2RCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7Q0FFRjtBQXJFRCw0QkFxRUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuY2xhc3Nlcy5kb210b29scy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3RzL2RvbXRvb2xzLmNsYXNzZXMuZG9tdG9vbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDREQUE4QztBQUM5Qyx3RUFBaUU7QUFDakUsb0VBQTZEO0FBTzdELE1BQWEsUUFBUTtJQXVDbkI7UUFoQk8sZUFBVSxHQUFHLElBQUksT0FBTyxDQUFDLFVBQVUsQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNqRCxzQkFBaUIsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLFlBQVksQ0FBaUIsVUFBVSxDQUFDLENBQUM7UUFFN0Usa0JBQWEsR0FBRyxPQUFPLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQzdDLGFBQVEsR0FBRyxPQUFPLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ3hDLHNCQUFpQixHQUFHLE9BQU8sQ0FBQyxZQUFZLENBQUMsS0FBSyxFQUFFLENBQUM7UUFFeEQsV0FBVztRQUNKLGFBQVEsR0FHWDtZQUNGLFdBQVcsRUFBRSxJQUFJO1lBQ2pCLFdBQVcsRUFBRSxJQUFJO1NBQ2xCLENBQUM7UUFZTSw0QkFBdUIsR0FBRyxJQUFJLHlCQUFTLEVBQUUsQ0FBQztRQUMxQyxxQkFBZ0IsR0FBRyxJQUFJLHFCQUFPLEVBQUUsQ0FBQztJQVgxQixDQUFDO0lBdENULE1BQU0sQ0FBQyxLQUFLLENBQUMsYUFBYTtRQUMvQixJQUFJLGdCQUEwQixDQUFDO1FBQy9CLElBQUksQ0FBQyxVQUFVLENBQUMsWUFBWSxFQUFFO1lBQzVCLFVBQVUsQ0FBQyxZQUFZLEdBQUcsSUFBSSxRQUFRLEVBQUUsQ0FBQztZQUN6QyxnQkFBZ0IsR0FBRyxVQUFVLENBQUMsWUFBWSxDQUFDO1lBQzNDLGtDQUFrQztZQUNsQyxNQUFNLHFCQUFxQixHQUFHLEdBQUcsRUFBRTtnQkFDakMsSUFBSSxRQUFR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

dist_ts/domtools.css.js

@@ -7,6 +7,7 @@ "use strict";
     for (let i = 0; i < amountOfColumnsArg; i++) {
-        returnString += ` calc((100%/${amountOfColumnsArg}) - (${gapSizeArg * (amountOfColumnsArg - 1)}px/${amountOfColumnsArg}))`;
+        returnString += ` calc((100%/${amountOfColumnsArg}) - (${gapSizeArg *
+            (amountOfColumnsArg - 1)}px/${amountOfColumnsArg}))`;
     }
     return returnString;
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuY3NzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHMvZG9tdG9vbHMuY3NzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFhLFFBQUEsY0FBYyxHQUFHLENBQUMsa0JBQTBCLEVBQUUsVUFBa0IsRUFBRSxFQUFFO0lBQy9FLElBQUksWUFBWSxHQUFHLEVBQUUsQ0FBQztJQUN0QixLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsa0JBQWtCLEVBQUUsQ0FBQyxFQUFFLEVBQUU7UUFDM0MsWUFBWSxJQUFJLGVBQWUsa0JBQWtCLFFBQVEsVUFBVSxHQUFHLENBQUMsa0JBQWtCLEdBQUcsQ0FBQyxDQUFDLE1BQU0sa0JBQWtCLElBQUksQ0FBQztLQUM1SDtJQUNELE9BQU8sWUFBWSxDQUFDO0FBQ3RCLENBQUMsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuY3NzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHMvZG9tdG9vbHMuY3NzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFhLFFBQUEsY0FBYyxHQUFHLENBQUMsa0JBQTBCLEVBQUUsVUFBa0IsRUFBRSxFQUFFO0lBQy9FLElBQUksWUFBWSxHQUFHLEVBQUUsQ0FBQztJQUN0QixLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsa0JBQWtCLEVBQUUsQ0FBQyxFQUFFLEVBQUU7UUFDM0MsWUFBWSxJQUFJLGVBQWUsa0JBQWtCLFFBQVEsVUFBVTtZQUNqRSxDQUFDLGtCQUFrQixHQUFHLENBQUMsQ0FBQyxNQUFNLGtCQUFrQixJQUFJLENBQUM7S0FDeEQ7SUFDRCxPQUFPLFlBQVksQ0FBQztBQUN0QixDQUFDLENBQUMifQ==

dist_ts/domtools.elementbasic.js

@@ -44,2 +44,2 @@ "use strict";
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuZWxlbWVudGJhc2ljLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHMvZG9tdG9vbHMuZWxlbWVudGJhc2ljLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLDJFQUF1RDtBQUd2RCw2Q0FBbUM7QUFDdEIsUUFBQSxNQUFNLEdBQUcsa0JBQUksQ0FBQTs7Ozs7OztDQU96QixDQUFDO0FBR0Y7OztHQUdHO0FBQ1UsUUFBQSxLQUFLLEdBQUcsS0FBSyxJQUFJLEVBQUU7SUFDOUIsTUFBTSxRQUFRLEdBQUcsTUFBTSxvQ0FBUSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ2hELFFBQVEsQ0FBQyxPQUFPLENBQUMsbUJBQW1CLEVBQUUsS0FBSyxJQUFJLEVBQUU7UUFDL0MsYUFBYTtRQUNiLFFBQVEsQ0FBQyxlQUFlLENBQUM7Ozs7OztLQU14QixDQUFDLENBQUM7UUFFSCxnQkFBZ0I7UUFDaEIsUUFBUSxDQUFDLGVBQWUsQ0FBQzs7Ozs7OztLQU94QixDQUFDLENBQUM7UUFFSCxjQUFjO1FBQ2QsUUFBUSxDQUFDLGVBQWUsQ0FBQzs7S0FFeEIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuZWxlbWVudGJhc2ljLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHMvZG9tdG9vbHMuZWxlbWVudGJhc2ljLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLDJFQUF1RDtBQUV2RCw2Q0FBbUM7QUFDdEIsUUFBQSxNQUFNLEdBQUcsa0JBQUksQ0FBQTs7Ozs7OztDQU96QixDQUFDO0FBRUY7OztHQUdHO0FBQ1UsUUFBQSxLQUFLLEdBQUcsS0FBSyxJQUFJLEVBQUU7SUFDOUIsTUFBTSxRQUFRLEdBQUcsTUFBTSxvQ0FBUSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ2hELFFBQVEsQ0FBQyxPQUFPLENBQUMsbUJBQW1CLEVBQUUsS0FBSyxJQUFJLEVBQUU7UUFDL0MsYUFBYTtRQUNiLFFBQVEsQ0FBQyxlQUFlLENBQUM7Ozs7OztLQU14QixDQUFDLENBQUM7UUFFSCxnQkFBZ0I7UUFDaEIsUUFBUSxDQUFDLGVBQWUsQ0FBQzs7Ozs7OztLQU94QixDQUFDLENBQUM7UUFFSCxjQUFjO1FBQ2QsUUFBUSxDQUFDLGVBQWUsQ0FBQzs7S0FFeEIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMifQ==

dist_ts/domtools.plugins.js

@@ -28,2 +28,2 @@ "use strict";
 exports.smartstate = smartstate;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMucGx1Z2lucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3RzL2RvbXRvb2xzLnBsdWdpbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGtCQUFrQjtBQUNsQixzRUFBd0Q7QUFJdEQsb0NBQVk7QUFIZCxrRUFBb0Q7QUFJbEQsZ0NBQVUifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMucGx1Z2lucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3RzL2RvbXRvb2xzLnBsdWdpbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGtCQUFrQjtBQUNsQixzRUFBd0Q7QUFHL0Msb0NBQVk7QUFGckIsa0VBQW9EO0FBRTdCLGdDQUFVIn0=

dist_ts/index.js

@@ -33,2 +33,2 @@ "use strict";
 exports.css = css;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi90cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsb0RBQWtDO0FBRWxDLHNFQUF3RDtBQU90RCxvQ0FBWTtBQU5kLG9FQUFzRDtBQUtwRCxrQ0FBVztBQUpiLG9EQUFzQztBQUdwQyxrQkFBRyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi90cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsb0RBQWtDO0FBRWxDLHNFQUF3RDtBQUk3QixvQ0FBWTtBQUh2QyxvRUFBc0Q7QUFHeEMsa0NBQVc7QUFGekIsb0RBQXNDO0FBRTdCLGtCQUFHIn0=

package.json

 {
   "name": "@designestate/dees-domtools",
-  "version": "1.0.18",
+  "version": "1.0.19",
   "private": false,
@@ -25,5 +25,5 @@ "description": "tools to simplify complex css structures",
   "dependencies": {
-    "@pushrocks/lik": "^4.0.10",
+    "@pushrocks/lik": "^4.0.12",
     "@pushrocks/smartpromise": "^3.0.6",
-    "@pushrocks/smartstate": "^1.0.15",
+    "@pushrocks/smartstate": "^1.0.16",
     "lit-element": "^2.3.1"
@@ -30,0 +30,0 @@ },

ts/domtools.breakpoints.ts

@@ -0,1 +1,3 @@
+import { DomTools } from './domtools.classes.domtools';
+
 export const desktop = 1240;
@@ -6,12 +8,11 @@ export const tablet = 700;
 
-export type TEnvironment = 'native' | 'desktop' | 'tablet' | 'phablet' | 'phone';
+export type TViewport = 'native' | 'desktop' | 'tablet' | 'phablet' | 'phone';
 
-let environment: TEnvironment = 'native';
-
-export const setEnvironment = envArg => {
-  environment = envArg;
+export const getEnvironment = async (): Promise<TViewport> => {
+  const domToolsInstance = await DomTools.setupDomTools();
+  return domToolsInstance.domToolsStatePart.getState().virtualViewport;
 };
 
-export const cssForTablet = (contentArg) => {
-  if (environment === 'native' || environment === 'desktop') {
+export const cssForTablet = async contentArg => {
+  if ((await getEnvironment()) === 'native' || (await getEnvironment()) === 'desktop') {
     return `
@@ -22,3 +23,7 @@ @media (max-width: ${tablet}px) {
     `;
-  } else if (environment === 'tablet' || environment === 'phablet' || environment === 'phone') {
+  } else if (
+    (await getEnvironment()) === 'tablet' ||
+    (await getEnvironment()) === 'phablet' ||
+    (await getEnvironment()) === 'phone'
+  ) {
     return `
@@ -32,4 +37,4 @@ @media (min-width: 0px) {
 
-export const cssForPhablet = (contentArg) => {
-  if (environment === 'native' || environment === 'desktop') {
+export const cssForPhablet = async contentArg => {
+  if ((await getEnvironment()) === 'native' || (await getEnvironment()) === 'desktop') {
     return `
@@ -40,3 +45,3 @@ @media (max-width: ${phablet}px) {
     `;
-  } else if (environment === 'phablet' || environment === 'phone') {
+  } else if ((await getEnvironment()) === 'phablet' || (await getEnvironment()) === 'phone') {
     return `
@@ -50,4 +55,4 @@ @media (min-width: 0px) {
 
-export const cssForPhone = (contentArg) => {
-  if (environment === 'native' || environment === 'desktop') {
+export const cssForPhone = async contentArg => {
+  if ((await getEnvironment()) === 'native' || (await getEnvironment()) === 'desktop') {
     return `
@@ -58,3 +63,3 @@ @media (max-width: ${phone}px) {
     `;
-  } else if (environment === 'phone') {
+  } else if ((await getEnvironment()) === 'phone') {
     return `
@@ -61,0 +66,0 @@ @media (min-width: 0px) {

ts/domtools.classes.domtools.ts

 import * as plugins from './domtools.plugins';
 import { Stringmap } from '@pushrocks/lik/dist_ts/lik.stringmap';
 import { FastMap } from '@pushrocks/lik/dist_ts/lik.fastmap';
+import { TViewport } from './domtools.breakpoints';
 
+export interface IDomToolsState {
+  virtualViewport: TViewport;
+}
+
 export class DomTools {
@@ -29,2 +34,3 @@ public static async setupDomTools() {
   public smartstate = new plugins.smartstate.Smartstate();
+  public domToolsStatePart = this.smartstate.getStatePart<IDomToolsState>('domtools');
 
@@ -41,5 +47,7 @@ public domToolsReady = plugins.smartpromise.defer();
     headElement: null,
-    bodyElement: null,
+    bodyElement: null
   };
 
+  constructor() {}
+
   public async setGlobalStyles(stylesText: string) {
@@ -62,3 +70,3 @@ await this.domReady.promise;
     const runningId = `${identifierArg}+runningCheck`;
-    if(!this.runOnceTrackerStringMap.checkString(identifierArg)) {
+    if (!this.runOnceTrackerStringMap.checkString(identifierArg)) {
       this.runOnceTrackerStringMap.addString(identifierArg);
@@ -70,9 +78,13 @@ this.runOnceTrackerStringMap.addString(runningId);
     }
-    return await this.runOnceTrackerStringMap.registerUntilTrue(stringMap => {
-      return !stringMap.includes(runningId);
-    }, () => {
-      return this.runOnceResultMap.getByKey(identifierArg);
-    });
+    return await this.runOnceTrackerStringMap.registerUntilTrue(
+      stringMap => {
+        return !stringMap.includes(runningId);
+      },
+      () => {
+        return this.runOnceResultMap.getByKey(identifierArg);
+      }
+    );
   }
 
-}
+  setVirtualViewport() {}
+}

ts/domtools.classes.router.ts

@@ -1,1 +0,1 @@
-import * as plugins from './domtools.plugins';
+import * as plugins from './domtools.plugins';

ts/domtools.colors.ts

@@ -6,2 +6,2 @@ export interface IDeesColorSet {
   secondaryBackground: string;
-}
+}

ts/domtools.css.ts

 export const cssGridColumns = (amountOfColumnsArg: number, gapSizeArg: number) => {
   let returnString = ``;
   for (let i = 0; i < amountOfColumnsArg; i++) {
-    returnString += ` calc((100%/${amountOfColumnsArg}) - (${gapSizeArg * (amountOfColumnsArg - 1)}px/${amountOfColumnsArg}))`;
+    returnString += ` calc((100%/${amountOfColumnsArg}) - (${gapSizeArg *
+      (amountOfColumnsArg - 1)}px/${amountOfColumnsArg}))`;
   }
   return returnString;
 };

ts/domtools.elementbasic.ts

 import * as plugins from './domtools.plugins';
 import { DomTools } from './domtools.classes.domtools';
 
-
 import { html } from 'lit-element';
@@ -15,3 +14,2 @@ export const styles = html`
 
-
 /**
@@ -18,0 +16,0 @@ * a basic setup for elements

ts/domtools.plugins.ts

@@ -5,5 +5,2 @@ // pushrocks scope
 
-export {
-  smartpromise,
-  smartstate
-};
+export { smartpromise, smartstate };

ts/index.ts

@@ -7,6 +7,2 @@ export * from './domtools.colors';
 
-export {
-  css,
-  breakpoints,
-  elementBasic
-};
+export { css, breakpoints, elementBasic };

No alert changes

Improved metrics

Total package byte prevSize

1685905

increased by1.29%

Lines of code

13899

increased by2.12%

Dependency changes

• Updated@pushrocks/lik@^4.0.12

• Updated@pushrocks/smartstate@^1.0.16