@design.estate/dees-domtools 2.0.36

package/dist_ts/domtools.colors.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuY29sb3JzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHMvZG9tdG9vbHMuY29sb3JzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/dist_ts/domtools.css.basestyles.d.ts

@@ -0,0 +1,5 @@
+/**
+ * changes scrollbar styles to be consistent across OS borders
+ */
+export declare const scrollBarStyles: string;
+export declare const globalBaseStyles: string;

package/dist_ts/domtools.css.basestyles.js

@@ -0,0 +1,39 @@
+import './domtools.classes.domtools.js';
+import { css, unsafeCSS } from 'lit';
+/**
+ * changes scrollbar styles to be consistent across OS borders
+ */
+export const scrollBarStyles = (() => {
+    const returnStylesOld = navigator.userAgent.indexOf('Mac OS X') === -1 ? css ``.cssText : ``;
+    const returnStyles = css `
+    /* width */
+    ::-webkit-scrollbar {
+      width: 0px;
+    }
+    body {
+      scrollbar-width: none;
+    }
+  `.cssText;
+    return returnStyles;
+})();
+export const globalBaseStyles = css `
+  /*
+  @font-face {
+    font-family: 'Material Icons';
+    font-style: normal;
+    font-weight: 400;
+    src: url(https://fonts.gstatic.com/s/materialicons/v42/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2)
+      format('woff2');
+  } */
+
+  /* global body styles */
+  body {
+    margin: 0px;
+    font-family: 'Inter', sans-serif;
+    box-sizing: border-box;
+  }
+
+  /* scroll bar styles */
+  ${unsafeCSS(scrollBarStyles)}
+`.cssText;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuY3NzLmJhc2VzdHlsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi90cy9kb210b29scy5jc3MuYmFzZXN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUF5QixnQ0FBZ0MsQ0FBQztBQUUxRCxPQUFPLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxNQUFNLEtBQUssQ0FBQztBQUVyQzs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBVyxDQUFDLEdBQUcsRUFBRTtJQUMzQyxNQUFNLGVBQWUsR0FBRyxTQUFTLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFBLEVBQUUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUM1RixNQUFNLFlBQVksR0FBRyxHQUFHLENBQUE7Ozs7Ozs7O0dBUXZCLENBQUMsT0FBTyxDQUFDO0lBQ1YsT0FBTyxZQUFZLENBQUM7QUFDdEIsQ0FBQyxDQUFDLEVBQUUsQ0FBQztBQUVMLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFXLEdBQUcsQ0FBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBa0J2QyxTQUFTLENBQUMsZUFBZSxDQUFDO0NBQzdCLENBQUMsT0FBTyxDQUFDIn0=

package/dist_ts/domtools.css.breakpoints.d.ts

@@ -0,0 +1,12 @@
+import { CSSResult } from 'lit';
+export declare const desktop = 1600;
+export declare const notebook = 1240;
+export declare const tablet = 1024;
+export declare const phablet = 600;
+export declare const phone = 400;
+export type TViewport = 'native' | 'desktop' | 'tablet' | 'phablet' | 'phone';
+export declare const cssForDesktop: (cssArg: CSSResult) => CSSResult;
+export declare const cssForNotebook: (cssArg: CSSResult) => CSSResult;
+export declare const cssForTablet: (cssArg: CSSResult) => CSSResult;
+export declare const cssForPhablet: (cssArg: CSSResult) => CSSResult;
+export declare const cssForPhone: (cssArg: CSSResult) => CSSResult;

package/dist_ts/domtools.css.breakpoints.js

@@ -0,0 +1,58 @@
+import './domtools.classes.domtools.js';
+import { unsafeCSS } from 'lit';
+export const desktop = 1600;
+export const notebook = 1240;
+export const tablet = 1024;
+export const phablet = 600;
+export const phone = 400;
+export const cssForDesktop = (cssArg) => {
+    return unsafeCSS(`
+    @container wccToolsViewport (min-width: ${desktop}px) {
+      ${cssArg.cssText}
+    }
+    @media (min-width: ${desktop}px) {
+      ${cssArg.cssText}
+    }
+  `);
+};
+export const cssForNotebook = (cssArg) => {
+    return unsafeCSS(`
+    @container wccToolsViewport (max-width: ${notebook}px) {
+      ${cssArg.cssText}
+    }
+    @media (max-width: ${notebook}px) {
+      ${cssArg.cssText}
+    }
+  `);
+};
+export const cssForTablet = (cssArg) => {
+    return unsafeCSS(`
+    @container wccToolsViewport (max-width: ${tablet}px) {
+      ${cssArg.cssText}
+    }
+    @media (max-width: ${tablet}px) {
+      ${cssArg.cssText}
+    }
+  `);
+};
+export const cssForPhablet = (cssArg) => {
+    return unsafeCSS(`
+    @container wccToolsViewport (max-width: ${phablet}px) {
+      ${cssArg.cssText}
+    }
+    @media (max-width: ${phablet}px) {
+      ${cssArg.cssText}
+    }
+  `);
+};
+export const cssForPhone = (cssArg) => {
+    return unsafeCSS(`
+    @container wccToolsViewport (max-width: ${phone}px) {
+      ${cssArg.cssText}
+    }
+    @media (max-width: ${phone}px) {
+      ${cssArg.cssText}
+    }
+  `);
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuY3NzLmJyZWFrcG9pbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHMvZG9tdG9vbHMuY3NzLmJyZWFrcG9pbnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQXlCLGdDQUFnQyxDQUFDO0FBRTFELE9BQU8sRUFBYSxTQUFTLEVBQUUsTUFBTSxLQUFLLENBQUM7QUFFM0MsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQztBQUM1QixNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDO0FBQzdCLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUM7QUFDM0IsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLEdBQUcsQ0FBQztBQUMzQixNQUFNLENBQUMsTUFBTSxLQUFLLEdBQUcsR0FBRyxDQUFDO0FBSXpCLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxDQUFDLE1BQWlCLEVBQUUsRUFBRTtJQUNqRCxPQUFPLFNBQVMsQ0FBQzs4Q0FDMkIsT0FBTztRQUM3QyxNQUFNLENBQUMsT0FBTzs7eUJBRUcsT0FBTztRQUN4QixNQUFNLENBQUMsT0FBTzs7R0FFbkIsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLENBQUMsTUFBaUIsRUFBRSxFQUFFO0lBQ2xELE9BQU8sU0FBUyxDQUFDOzhDQUMyQixRQUFRO1FBQzlDLE1BQU0sQ0FBQyxPQUFPOzt5QkFFRyxRQUFRO1FBQ3pCLE1BQU0sQ0FBQyxPQUFPOztHQUVuQixDQUFDLENBQUM7QUFDTCxDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxZQUFZLEdBQUcsQ0FBQyxNQUFpQixFQUFFLEVBQUU7SUFDaEQsT0FBTyxTQUFTLENBQUM7OENBQzJCLE1BQU07UUFDNUMsTUFBTSxDQUFDLE9BQU87O3lCQUVHLE1BQU07UUFDdkIsTUFBTSxDQUFDLE9BQU87O0dBRW5CLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxDQUFDLE1BQWlCLEVBQUUsRUFBRTtJQUNqRCxPQUFPLFNBQVMsQ0FBQzs4Q0FDMkIsT0FBTztRQUM3QyxNQUFNLENBQUMsT0FBTzs7eUJBRUcsT0FBTztRQUN4QixNQUFNLENBQUMsT0FBTzs7R0FFbkIsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLENBQUMsTUFBaUIsRUFBRSxFQUFFO0lBQy9DLE9BQU8sU0FBUyxDQUFDOzhDQUMyQixLQUFLO1FBQzNDLE1BQU0sQ0FBQyxPQUFPOzt5QkFFRyxLQUFLO1FBQ3RCLE1BQU0sQ0FBQyxPQUFPOztHQUVuQixDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMifQ==

package/dist_ts/domtools.css.d.ts

@@ -0,0 +1 @@
+export declare const cssGridColumns: (amountOfColumnsArg: number, gapSizeArg: number) => string;

package/dist_ts/domtools.css.js

@@ -0,0 +1,8 @@
+export const cssGridColumns = (amountOfColumnsArg, gapSizeArg) => {
+    let returnString = ``;
+    for (let i = 0; i < amountOfColumnsArg; i++) {
+        returnString += ` calc((100%/${amountOfColumnsArg}) - (${gapSizeArg * (amountOfColumnsArg - 1)}px/${amountOfColumnsArg}))`;
+    }
+    return returnString;
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuY3NzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHMvZG9tdG9vbHMuY3NzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxDQUFDLGtCQUEwQixFQUFFLFVBQWtCLEVBQUUsRUFBRTtJQUMvRSxJQUFJLFlBQVksR0FBRyxFQUFFLENBQUM7SUFDdEIsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLGtCQUFrQixFQUFFLENBQUMsRUFBRSxFQUFFO1FBQzNDLFlBQVksSUFBSSxlQUFlLGtCQUFrQixRQUMvQyxVQUFVLEdBQUcsQ0FBQyxrQkFBa0IsR0FBRyxDQUFDLENBQ3RDLE1BQU0sa0JBQWtCLElBQUksQ0FBQztLQUM5QjtJQUNELE9BQU8sWUFBWSxDQUFDO0FBQ3RCLENBQUMsQ0FBQyJ9

package/dist_ts/domtools.elementbasic.d.ts

@@ -0,0 +1,12 @@
+import { DomTools, IDomToolsContructorOptions } from './domtools.classes.domtools.js';
+import { LitElement } from 'lit';
+export declare const staticStyles: import("lit").CSSResult;
+/**
+ * styles to be included in every webcomponent
+ */
+export declare const styles: import("lit-html").TemplateResult<1>;
+/**
+ * a basic setup for elements
+ * makes sure everything is in check
+ */
+export declare const setup: (elementArg?: LitElement, optionsArg?: IDomToolsContructorOptions) => Promise<DomTools>;

package/dist_ts/domtools.elementbasic.js

@@ -0,0 +1,51 @@
+import './domtools.plugins.js';
+import { DomTools } from './domtools.classes.domtools.js';
+import { scrollBarStyles, globalBaseStyles } from './domtools.css.basestyles.js';
+import { html, css, unsafeCSS } from 'lit';
+export const staticStyles = css `
+  * {
+    transition: background 0.1s, color 0.1s;
+    box-sizing: border-box;
+  }
+
+  :host {
+    box-sizing: border-box;
+    font-family: 'Inter', sans-serif;
+  }
+
+  ${unsafeCSS(scrollBarStyles)}
+`;
+/**
+ * styles to be included in every webcomponent
+ */
+export const styles = html `
+  <style>
+    * {
+      transition: background 0.1s, color 0.1s;
+      box-sizing: border-box;
+    }
+
+    :host {
+      font-family: 'Inter', sans-serif;
+    }
+
+    ${scrollBarStyles}
+  </style>
+`;
+/**
+ * a basic setup for elements
+ * makes sure everything is in check
+ */
+export const setup = async (elementArg, optionsArg = {}) => {
+    const domTools = await DomTools.setupDomTools(optionsArg);
+    if (elementArg) {
+        // lets do something with the element
+        // not used right now
+    }
+    domTools.runOnce('elementBasicSetup', async () => {
+        // bodyStyles
+        domTools.setGlobalStyles(globalBaseStyles);
+    });
+    return domTools;
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuZWxlbWVudGJhc2ljLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHMvZG9tdG9vbHMuZWxlbWVudGJhc2ljLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQXlCLHVCQUF1QixDQUFDO0FBQ2pELE9BQU8sRUFBRSxRQUFRLEVBQThCLE1BQU0sZ0NBQWdDLENBQUM7QUFDdEYsT0FBTyxFQUFFLGVBQWUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRWpGLE9BQU8sRUFBRSxJQUFJLEVBQWMsR0FBRyxFQUFFLFNBQVMsRUFBRSxNQUFNLEtBQUssQ0FBQztBQUV2RCxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQUcsR0FBRyxDQUFBOzs7Ozs7Ozs7OztJQVczQixTQUFTLENBQUMsZUFBZSxDQUFDO0NBQzdCLENBQUM7QUFFRjs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUE7Ozs7Ozs7Ozs7O01BV3BCLGVBQWU7O0NBRXBCLENBQUM7QUFFRjs7O0dBR0c7QUFDSCxNQUFNLENBQUMsTUFBTSxLQUFLLEdBQUcsS0FBSyxFQUN4QixVQUF1QixFQUN2QixhQUF5QyxFQUFFLEVBQ3hCLEVBQUU7SUFDckIsTUFBTSxRQUFRLEdBQUcsTUFBTSxRQUFRLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBRTFELElBQUksVUFBVSxFQUFFO1FBQ2QscUNBQXFDO1FBQ3JDLHFCQUFxQjtLQUN0QjtJQUVELFFBQVEsQ0FBQyxPQUFPLENBQUMsbUJBQW1CLEVBQUUsS0FBSyxJQUFJLEVBQUU7UUFDL0MsYUFBYTtRQUNiLFFBQVEsQ0FBQyxlQUFlLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUM3QyxDQUFDLENBQUMsQ0FBQztJQUNILE9BQU8sUUFBUSxDQUFDO0FBQ2xCLENBQUMsQ0FBQyJ9

package/dist_ts/domtools.plugins.d.ts

@@ -0,0 +1,25 @@
+import * as deesComms from '@designestate/dees-comms';
+export { deesComms };
+import * as typedrequest from '@apiglobal/typedrequest';
+export { typedrequest };
+import * as smartdelay from '@pushrocks/smartdelay';
+import * as smartjson from '@pushrocks/smartjson';
+import * as smartpromise from '@pushrocks/smartpromise';
+import * as smartrouter from '@pushrocks/smartrouter';
+import * as smartrx from '@pushrocks/smartrx';
+import * as smartstate from '@pushrocks/smartstate';
+import * as smarturl from '@pushrocks/smarturl';
+import * as webrequest from '@pushrocks/webrequest';
+import * as websetup from '@pushrocks/websetup';
+import * as webstore from '@pushrocks/webstore';
+import { ObjectMap } from '@pushrocks/lik/dist_ts/lik.objectmap.js';
+import { Stringmap } from '@pushrocks/lik/dist_ts/lik.stringmap.js';
+import { FastMap } from '@pushrocks/lik/dist_ts/lik.fastmap.js';
+declare const lik: {
+    ObjectMap: typeof ObjectMap;
+    Stringmap: typeof Stringmap;
+    FastMap: typeof FastMap;
+};
+export { lik, smartdelay, smartjson, smartpromise, smartrouter, smartrx, smarturl, smartstate, webrequest, websetup, webstore, };
+import SweetScroll from 'sweet-scroll';
+export { SweetScroll };

package/dist_ts/domtools.plugins.js

@@ -0,0 +1,31 @@
+// designestate scope
+import * as deesComms from '@designestate/dees-comms';
+export { deesComms };
+// apiglobal scope
+import * as typedrequest from '@apiglobal/typedrequest';
+export { typedrequest };
+// pushrocks scope
+import * as smartdelay from '@pushrocks/smartdelay';
+import * as smartjson from '@pushrocks/smartjson';
+import * as smartpromise from '@pushrocks/smartpromise';
+import * as smartrouter from '@pushrocks/smartrouter';
+import * as smartrx from '@pushrocks/smartrx';
+import * as smartstate from '@pushrocks/smartstate';
+import * as smarturl from '@pushrocks/smarturl';
+import * as webrequest from '@pushrocks/webrequest';
+import * as websetup from '@pushrocks/websetup';
+import * as webstore from '@pushrocks/webstore';
+// subscope lik
+import { ObjectMap } from '@pushrocks/lik/dist_ts/lik.objectmap.js';
+import { Stringmap } from '@pushrocks/lik/dist_ts/lik.stringmap.js';
+import { FastMap } from '@pushrocks/lik/dist_ts/lik.fastmap.js';
+const lik = {
+    ObjectMap,
+    Stringmap,
+    FastMap,
+};
+export { lik, smartdelay, smartjson, smartpromise, smartrouter, smartrx, smarturl, smartstate, webrequest, websetup, webstore, };
+// third party scope
+import SweetScroll from 'sweet-scroll';
+export { SweetScroll };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMucGx1Z2lucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3RzL2RvbXRvb2xzLnBsdWdpbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEscUJBQXFCO0FBQ3JCLE9BQU8sS0FBSyxTQUFTLE1BQU0sMEJBQTBCLENBQUM7QUFFdEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxDQUFDO0FBRXJCLGtCQUFrQjtBQUNsQixPQUFPLEtBQUssWUFBWSxNQUFNLHlCQUF5QixDQUFDO0FBRXhELE9BQU8sRUFBRSxZQUFZLEVBQUUsQ0FBQztBQUV4QixrQkFBa0I7QUFDbEIsT0FBTyxLQUFLLFVBQVUsTUFBTSx1QkFBdUIsQ0FBQztBQUNwRCxPQUFPLEtBQUssU0FBUyxNQUFNLHNCQUFzQixDQUFDO0FBQ2xELE9BQU8sS0FBSyxZQUFZLE1BQU0seUJBQXlCLENBQUM7QUFDeEQsT0FBTyxLQUFLLFdBQVcsTUFBTSx3QkFBd0IsQ0FBQztBQUN0RCxPQUFPLEtBQUssT0FBTyxNQUFNLG9CQUFvQixDQUFDO0FBQzlDLE9BQU8sS0FBSyxVQUFVLE1BQU0sdUJBQXVCLENBQUM7QUFDcEQsT0FBTyxLQUFLLFFBQVEsTUFBTSxxQkFBcUIsQ0FBQztBQUNoRCxPQUFPLEtBQUssVUFBVSxNQUFNLHVCQUF1QixDQUFDO0FBQ3BELE9BQU8sS0FBSyxRQUFRLE1BQU0scUJBQXFCLENBQUM7QUFDaEQsT0FBTyxLQUFLLFFBQVEsTUFBTSxxQkFBcUIsQ0FBQztBQUVoRCxlQUFlO0FBQ2YsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNwRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDaEUsTUFBTSxHQUFHLEdBQUc7SUFDVixTQUFTO0lBQ1QsU0FBUztJQUNULE9BQU87Q0FDUixDQUFDO0FBRUYsT0FBTyxFQUNMLEdBQUcsRUFDSCxVQUFVLEVBQ1YsU0FBUyxFQUNULFlBQVksRUFDWixXQUFXLEVBQ1gsT0FBTyxFQUNQLFFBQVEsRUFDUixVQUFVLEVBQ1YsVUFBVSxFQUNWLFFBQVEsRUFDUixRQUFRLEdBQ1QsQ0FBQztBQUVGLG9CQUFvQjtBQUNwQixPQUFPLFdBQVcsTUFBTSxjQUFjLENBQUM7QUFFdkMsT0FBTyxFQUFFLFdBQVcsRUFBRSxDQUFDIn0=

package/dist_ts/index.d.ts

@@ -0,0 +1,16 @@
+export * from './domtools.colors.js';
+import * as elementBasic from './domtools.elementbasic.js';
+import * as breakpoints from './domtools.css.breakpoints.js';
+import * as css from './domtools.css.js';
+export { css, breakpoints, elementBasic };
+export { DomTools, IDomToolsContructorOptions } from './domtools.classes.domtools.js';
+export { TypedRequest } from '@apiglobal/typedrequest';
+export { IWebSetupConstructorOptions } from '@pushrocks/websetup';
+export { rxjs } from '@pushrocks/smartrx';
+import * as allPlugins from './domtools.plugins.js';
+export declare const plugins: {
+    smartdelay: typeof allPlugins.smartdelay;
+    smartpromise: typeof allPlugins.smartpromise;
+    SweetScroll: typeof allPlugins.SweetScroll;
+    smartstate: typeof allPlugins.smartstate;
+};

package/dist_ts/index.js

@@ -0,0 +1,17 @@
+export * from './domtools.colors.js';
+import * as elementBasic from './domtools.elementbasic.js';
+import * as breakpoints from './domtools.css.breakpoints.js';
+import * as css from './domtools.css.js';
+export { css, breakpoints, elementBasic };
+export { DomTools } from './domtools.classes.domtools.js';
+export { TypedRequest } from '@apiglobal/typedrequest';
+export {} from '@pushrocks/websetup';
+export { rxjs } from '@pushrocks/smartrx';
+import * as allPlugins from './domtools.plugins.js';
+export const plugins = {
+    smartdelay: allPlugins.smartdelay,
+    smartpromise: allPlugins.smartpromise,
+    SweetScroll: allPlugins.SweetScroll,
+    smartstate: allPlugins.smartstate,
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi90cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHNCQUFzQixDQUFDO0FBRXJDLE9BQU8sS0FBSyxZQUFZLE1BQU0sNEJBQTRCLENBQUM7QUFDM0QsT0FBTyxLQUFLLFdBQVcsTUFBTSwrQkFBK0IsQ0FBQztBQUM3RCxPQUFPLEtBQUssR0FBRyxNQUFNLG1CQUFtQixDQUFDO0FBRXpDLE9BQU8sRUFBRSxHQUFHLEVBQUUsV0FBVyxFQUFFLFlBQVksRUFBRSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxRQUFRLEVBQThCLE1BQU0sZ0NBQWdDLENBQUM7QUFDdEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3ZELE9BQU8sRUFBK0IsTUFBTSxxQkFBcUIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFMUMsT0FBTyxLQUFLLFVBQVUsTUFBTSx1QkFBdUIsQ0FBQztBQUVwRCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUc7SUFDckIsVUFBVSxFQUFFLFVBQVUsQ0FBQyxVQUFVO0lBQ2pDLFlBQVksRUFBRSxVQUFVLENBQUMsWUFBWTtJQUNyQyxXQUFXLEVBQUUsVUFBVSxDQUFDLFdBQVc7SUFDbkMsVUFBVSxFQUFFLFVBQVUsQ0FBQyxVQUFVO0NBQ2xDLENBQUMifQ==

package/license

@@ -0,0 +1,20 @@
+Copyright (c) 2020 Lossless GmbH (hello@lossless.com)
+Copyright (c) 2017 Nathan Friend (ts-keycode-enum)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/npmextra.json

@@ -0,0 +1,18 @@
+{
+  "gitzone": {
+    "projectType": "npm",
+    "module": {
+      "githost": "gitlab.com",
+      "gitscope": "design.estate",
+      "gitrepo": "dees-domtools",
+      "description": "tools to simplify complex css structures",
+      "npmPackagename": "@design.estate/dees-domtools",
+      "license": "MIT",
+      "projectDomain": "design.estate"
+    }
+  },
+  "npmci": {
+    "npmGlobalTools": [],
+    "npmAccessLevel": "public"
+  }
+}

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@design.estate/dees-domtools",
+  "version": "2.0.36",
+  "private": false,
+  "description": "tools to simplify complex css structures",
+  "main": "dist_ts/index.js",
+  "typings": "dist_ts/index.d.ts",
+  "type": "module",
+  "author": "Lossless GmbH",
+  "license": "MIT",
+  "scripts": {
+    "test": "(tstest test/ --web)",
+    "build": "(tsbuild --web --allowimplicitany && tsbundle npm)",
+    "format": "(gitzone format)",
+    "buildDocs": "tsdoc"
+  },
+  "devDependencies": {
+    "@gitzone/tsbuild": "^2.1.63",
+    "@gitzone/tsbundle": "^2.0.6",
+    "@gitzone/tstest": "^1.0.72",
+    "@pushrocks/tapbundle": "^5.0.4",
+    "@types/node": "^20.1.0"
+  },
+  "dependencies": {
+    "@apiglobal/typedrequest": "^2.0.8",
+    "@designestate/dees-comms": "^1.0.22",
+    "@pushrocks/lik": "^6.0.2",
+    "@pushrocks/smartdelay": "^3.0.1",
+    "@pushrocks/smartjson": "^5.0.5",
+    "@pushrocks/smartpromise": "^4.0.2",
+    "@pushrocks/smartrouter": "^1.0.16",
+    "@pushrocks/smartrx": "^3.0.0",
+    "@pushrocks/smartstate": "^2.0.6",
+    "@pushrocks/smarturl": "^3.0.6",
+    "@pushrocks/webrequest": "^3.0.23",
+    "@pushrocks/websetup": "^3.0.19",
+    "@pushrocks/webstore": "^2.0.8",
+    "lit": "^2.7.4",
+    "sweet-scroll": "^4.0.0"
+  },
+  "files": [
+    "ts/**/*",
+    "ts_web/**/*",
+    "dist/**/*",
+    "dist_*/**/*",
+    "dist_ts/**/*",
+    "dist_ts_web/**/*",
+    "assets/**/*",
+    "cli.js",
+    "npmextra.json",
+    "readme.md"
+  ],
+  "browserslist": [
+    "last 1 chrome versions"
+  ]
+}

package/readme.md

@@ -0,0 +1,37 @@
+# @designestate/dees-domtools
+tools to simplify complex css structures
+
+## Availabililty and Links
+* [npmjs.org (npm package)](https://www.npmjs.com/package/@designestate/dees-domtools)
+* [gitlab.com (source)](https://gitlab.com/designestate/dees-domtools)
+* [github.com (source mirror)](https://github.com/designestate/dees-domtools)
+* [docs (typedoc)](https://designestate.gitlab.io/dees-domtools/)
+
+## Status for master
+
+Status Category | Status Badge
+-- | --
+GitLab Pipelines | [![pipeline status](https://gitlab.com/designestate/dees-domtools/badges/master/pipeline.svg)](https://lossless.cloud)
+GitLab Pipline Test Coverage | [![coverage report](https://gitlab.com/designestate/dees-domtools/badges/master/coverage.svg)](https://lossless.cloud)
+npm | [![npm downloads per month](https://badgen.net/npm/dy/@designestate/dees-domtools)](https://lossless.cloud)
+Snyk | [![Known Vulnerabilities](https://badgen.net/snyk/designestate/dees-domtools)](https://lossless.cloud)
+TypeScript Support | [![TypeScript](https://badgen.net/badge/TypeScript/>=%203.x/blue?icon=typescript)](https://lossless.cloud)
+node Support | [![node](https://img.shields.io/badge/node->=%2010.x.x-blue.svg)](https://nodejs.org/dist/latest-v10.x/docs/api/)
+Code Style | [![Code Style](https://badgen.net/badge/style/prettier/purple)](https://lossless.cloud)
+PackagePhobia (total standalone install weight) | [![PackagePhobia](https://badgen.net/packagephobia/install/@designestate/dees-domtools)](https://lossless.cloud)
+PackagePhobia (package size on registry) | [![PackagePhobia](https://badgen.net/packagephobia/publish/@designestate/dees-domtools)](https://lossless.cloud)
+BundlePhobia (total size when bundled) | [![BundlePhobia](https://badgen.net/bundlephobia/minzip/@designestate/dees-domtools)](https://lossless.cloud)
+
+## Usage
+
+Use TypeScript for best in class intellisense
+
+## Contribution
+
+We are always happy for code contributions. If you are not the code contributing type that is ok. Still, maintaining Open Source repositories takes considerable time and thought. If you like the quality of what we do and our modules are useful to you we would appreciate a little monthly contribution: You can [contribute one time](https://lossless.link/contribute-onetime) or [contribute monthly](https://lossless.link/contribute). :)
+
+For further information read the linked docs at the top of this readme.
+
+## Legal
+> MIT licensed | **©** [Task Venture Capital GmbH](https://task.vc)
+| By using this npm module you agree to our [privacy policy](https://lossless.gmbH/privacy)

package/ts/00_commitinfo_data.ts

@@ -0,0 +1,8 @@
+/**
+ * autocreated commitinfo by @pushrocks/commitinfo
+ */
+export const commitinfo = {
+  name: '@design.estate/dees-domtools',
+  version: '2.0.36',
+  description: 'tools to simplify complex css structures'
+}

package/ts/domtools.classes.domtools.ts

@@ -0,0 +1,185 @@
+import * as plugins from './domtools.plugins.js';
+import { TViewport } from './domtools.css.breakpoints.js';
+import { Scroller } from './domtools.classes.scroller.js';
+import { WebSetup } from '@pushrocks/websetup';
+import { ThemeManager } from './domtools.classes.thememanager.js';
+import { Keyboard } from './domtools.classes.keyboard.js';
+
+export interface IDomToolsState {
+  virtualViewport: TViewport;
+  jwt: string;
+}
+
+export interface IDomToolsContructorOptions {
+  ignoreGlobal?: boolean;
+}
+
+export class DomTools {
+  // ======
+  // STATIC
+  // ======
+  /**
+   * setups domtools
+   */
+  public static async setupDomTools(optionsArg: IDomToolsContructorOptions = {}) {
+    let domToolsInstance: DomTools;
+    if (!globalThis.deesDomTools && !optionsArg.ignoreGlobal) {
+      globalThis.deesDomTools = new DomTools(optionsArg);
+      domToolsInstance = globalThis.deesDomTools;
+
+      // lets make sure the dom is ready
+      const readyStateChangedFunc = () => {
+        if (document.readyState === 'interactive' || document.readyState === 'complete') {
+          domToolsInstance.elements.headElement = document.querySelector('head');
+          domToolsInstance.elements.bodyElement = document.querySelector('body');
+          domToolsInstance.domReady.resolve();
+        }
+      };
+      document.addEventListener('readystatechange', readyStateChangedFunc);
+      domToolsInstance.domToolsReady.resolve();
+    } else if (optionsArg.ignoreGlobal) {
+      domToolsInstance = new DomTools(optionsArg);
+    } else {
+      domToolsInstance = globalThis.deesDomTools;
+    }
+    await domToolsInstance.domToolsReady.promise;
+    return domToolsInstance;
+  }
+
+  /**
+   * if you can, use the static asysnc .setupDomTools() function instead since it is safer to use.
+   */
+  public static getGlobalDomToolsSync(): DomTools {
+    const globalDomTools: DomTools = globalThis.deesDomTools;
+    if (!globalDomTools) {
+      throw new Error('You tried to access domtools synchronously too early');
+    }
+    return globalThis.deesDomTools;
+  }
+
+  // ========
+  // INSTANCE
+  // ========
+  // elements
+  public elements: {
+    headElement: HTMLElement;
+    bodyElement: HTMLElement;
+  } = {
+    headElement: null,
+    bodyElement: null,
+  };
+
+  public websetup: WebSetup = new WebSetup({
+    metaObject: {
+      title: 'loading...',
+    },
+  });
+
+  public smartstate = new plugins.smartstate.Smartstate();
+  public domToolsStatePart = this.smartstate.getStatePart<IDomToolsState>('domtools', {
+    virtualViewport: 'native',
+    jwt: null,
+  });
+
+  public router = new plugins.smartrouter.SmartRouter({
+    debug: false,
+  });
+
+  public convenience = {
+    typedrequest: plugins.typedrequest,
+    smartdelay: plugins.smartdelay,
+    smartjson: plugins.smartjson,
+    smarturl: plugins.smarturl,
+  };
+
+  public deesComms = new plugins.deesComms.DeesComms();
+  public scroller = new plugins.SweetScroll({
+    /* some options */
+  }); // TODO: switch to scroller class
+  public themeManager = new ThemeManager(this);
+  public keyboard = new Keyboard(document.body);
+
+  public domToolsReady = plugins.smartpromise.defer();
+  public domReady = plugins.smartpromise.defer();
+  public globalStylesReady = plugins.smartpromise.defer();
+
+  constructor(optionsArg: IDomToolsContructorOptions) {}
+
+  private runOnceTrackerStringMap = new plugins.lik.Stringmap();
+  private runOnceResultMap = new plugins.lik.FastMap();
+
+  /**
+   * run a function once and always get the Promise of the first execution
+   * @param identifierArg the indentifier arg identifies functions. functions with the same identifier are considered equal
+   * @param funcArg the actual func arg to run
+   */
+  public async runOnce<T>(identifierArg: string, funcArg: () => Promise<T>) {
+    const runningId = `${identifierArg}+runningCheck`;
+    if (!this.runOnceTrackerStringMap.checkString(identifierArg)) {
+      this.runOnceTrackerStringMap.addString(identifierArg);
+      this.runOnceTrackerStringMap.addString(runningId);
+      const result = await funcArg();
+      this.runOnceResultMap.addToMap(identifierArg, result);
+      this.runOnceTrackerStringMap.removeString(runningId);
+    }
+    return await this.runOnceTrackerStringMap.registerUntilTrue(
+      (stringMap) => {
+        return !stringMap.includes(runningId);
+      },
+      () => {
+        return this.runOnceResultMap.getByKey(identifierArg);
+      }
+    );
+  }
+
+  // setStuff
+  /**
+   * allows to set global styles
+   * @param stylesText the css text you want to set
+   */
+  public async setGlobalStyles(stylesText: string) {
+    await this.domReady.promise;
+    const styleElement = document.createElement('style');
+    styleElement.type = 'text/css';
+    styleElement.appendChild(document.createTextNode(stylesText));
+    this.elements.headElement.appendChild(styleElement);
+  }
+
+  /**
+   * allows to set global styles
+   * @param stylesText the css text you want to set
+   */
+  public async setExternalScript(scriptLinkArg: string) {
+    await this.domReady.promise;
+    const done = plugins.smartpromise.defer();
+    const script = document.createElement('script');
+    script.src = scriptLinkArg;
+    script.addEventListener('load', function () {
+      done.resolve();
+    });
+    const parentNode = document.head || document.body;
+    parentNode.append(script);
+    await done.promise;
+  }
+
+  /**
+   * allows setting external css files
+   * @param cssLinkArg a url to an external stylesheet
+   */
+  public async setExternalCss(cssLinkArg: string) {
+    const cssTag = document.createElement('link');
+    cssTag.rel = 'stylesheet';
+    cssTag.crossOrigin = 'anonymous';
+    cssTag.href = cssLinkArg;
+    document.head.append(cssTag);
+  }
+
+  /**
+   * allows setting of website infos
+   * @param optionsArg the website info
+   */
+  public async setWebsiteInfo(optionsArg: plugins.websetup.IWebSetupConstructorOptions) {
+    await this.websetup.setup(optionsArg);
+    await this.websetup.readyPromise;
+  }
+}