@design.estate/dees-domtools 2.3.5 → 2.3.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist_bundle/bundle.js +492 -280
  2. package/dist_bundle/bundle.js.map +4 -4
  3. package/dist_ts/00_commitinfo_data.js +1 -1
  4. package/dist_ts/domtools.classes.domtools.js +40 -41
  5. package/dist_ts/domtools.classes.keyboard.js +12 -11
  6. package/dist_ts/domtools.classes.scroller.js +14 -13
  7. package/dist_ts/domtools.classes.thememanager.js +5 -4
  8. package/dist_ts/domtools.plugins.d.ts +1 -1
  9. package/dist_ts/domtools.plugins.js +2 -2
  10. package/npmextra.json +12 -6
  11. package/package.json +17 -16
  12. package/readme.md +20 -17
  13. package/ts/00_commitinfo_data.ts +1 -1
  14. package/ts/domtools.plugins.ts +1 -1
  15. package/dist_ts/csstools.breakpoints.d.ts +0 -9
  16. package/dist_ts/csstools.breakpoints.js +0 -60
  17. package/dist_ts/csstools.elementbasicsetup.d.ts +0 -5
  18. package/dist_ts/csstools.elementbasicsetup.js +0 -43
  19. package/dist_ts/csstools.elementbasicstyles.d.ts +0 -1
  20. package/dist_ts/csstools.elementbasicstyles.js +0 -13
  21. package/dist_ts/domtools.breakpoints.d.ts +0 -9
  22. package/dist_ts/domtools.breakpoints.js +0 -71
  23. package/dist_ts/domtools.classes.elementinstrumenter.d.ts +0 -6
  24. package/dist_ts/domtools.classes.elementinstrumenter.js +0 -50
  25. package/dist_ts/domtools.classes.router.d.ts +0 -1
  26. package/dist_ts/domtools.classes.router.js +0 -3
  27. package/dist_ts/domtools.css.theme.d.ts +0 -4
  28. package/dist_ts/domtools.css.theme.js +0 -32
  29. package/dist_ts/domtools.elementbasicsetup.d.ts +0 -5
  30. package/dist_ts/domtools.elementbasicsetup.js +0 -67
  31. package/dist_ts/domtools.elementbasicstyles.d.ts +0 -1
  32. package/dist_ts/domtools.elementbasicstyles.js +0 -13
  33. package/dist_ts/domtools.move.d.ts +0 -1
  34. package/dist_ts/domtools.move.js +0 -3
@@ -1,43 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.elementBasicSetup = void 0;
4
- const smartpromise_1 = require("@pushrocks/smartpromise");
5
- /**
6
- * a basic setup for elements
7
- * makes sure everything is in check
8
- */
9
- exports.elementBasicSetup = async () => {
10
- if (globalThis.deesCssToolsReady) {
11
- await globalThis.deesCssToolsReady.promise;
12
- }
13
- else {
14
- // lets prevent double execution
15
- globalThis.deesCssToolsReady = smartpromise_1.defer();
16
- // lets make sure the dom is ready
17
- const documentReady = smartpromise_1.defer();
18
- document.onreadystatechange = () => {
19
- if (document.readyState === 'interactive') {
20
- documentReady.resolve();
21
- }
22
- };
23
- await documentReady.promise;
24
- // lets get started
25
- const head = document.querySelector('head');
26
- const body = document.querySelector('body');
27
- // material font
28
- const materialFontCss = `
29
- @font-face {
30
- font-family: 'Material Icons';
31
- font-style: normal;
32
- font-weight: 400;
33
- src: url(https://fonts.gstatic.com/s/materialicons/v42/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
34
- }
35
- `;
36
- const styleElement = document.createElement('style');
37
- styleElement.type = 'text/css';
38
- styleElement.appendChild(document.createTextNode(materialFontCss));
39
- head.appendChild(styleElement);
40
- globalThis.deesCssToolsReady.resolve();
41
- }
42
- };
43
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3NzdG9vbHMuZWxlbWVudGJhc2ljc2V0dXAuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi90cy9jc3N0b29scy5lbGVtZW50YmFzaWNzZXR1cC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSwwREFBZ0Q7QUFFaEQ7OztHQUdHO0FBQ1UsUUFBQSxpQkFBaUIsR0FBRyxLQUFLLElBQUksRUFBRTtJQUMxQyxJQUFJLFVBQVUsQ0FBQyxpQkFBaUIsRUFBRTtRQUNoQyxNQUFNLFVBQVUsQ0FBQyxpQkFBaUIsQ0FBQyxPQUFPLENBQUM7S0FDNUM7U0FBTTtRQUNMLGdDQUFnQztRQUNoQyxVQUFVLENBQUMsaUJBQWlCLEdBQUcsb0JBQUssRUFBRSxDQUFDO1FBRXZDLGtDQUFrQztRQUNsQyxNQUFNLGFBQWEsR0FBRyxvQkFBSyxFQUFFLENBQUM7UUFDOUIsUUFBUSxDQUFDLGtCQUFrQixHQUFHLEdBQUcsRUFBRTtZQUNqQyxJQUFJLFFBQVEsQ0FBQyxVQUFVLEtBQUssYUFBYSxFQUFFO2dCQUN6QyxhQUFhLENBQUMsT0FBTyxFQUFFLENBQUM7YUFDekI7UUFDSCxDQUFDLENBQUM7UUFDRixNQUFNLGFBQWEsQ0FBQyxPQUFPLENBQUM7UUFFNUIsbUJBQW1CO1FBQ25CLE1BQU0sSUFBSSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDNUMsTUFBTSxJQUFJLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUU1QyxnQkFBZ0I7UUFDaEIsTUFBTSxlQUFlLEdBQUc7Ozs7Ozs7S0FPdkIsQ0FBQztRQUNGLE1BQU0sWUFBWSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDckQsWUFBWSxDQUFDLElBQUksR0FBRyxVQUFVLENBQUM7UUFDL0IsWUFBWSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsY0FBYyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUM7UUFDbkUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUcvQixVQUFVLENBQUMsaUJBQWlCLENBQUMsT0FBTyxFQUFFLENBQUM7S0FDeEM7QUFDSCxDQUFDLENBQUMifQ==
@@ -1 +0,0 @@
1
- export declare const elementBasicStyles: import("lit-element").TemplateResult;
@@ -1,13 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.elementBasicStyles = void 0;
4
- const lit_element_1 = require("lit-element");
5
- exports.elementBasicStyles = lit_element_1.html `
6
- <style>
7
- * {
8
- font-family: 'Roboto', sans-serif;
9
- box-sizing: border-box;
10
- }
11
- </style>
12
- `;
13
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3NzdG9vbHMuZWxlbWVudGJhc2ljc3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHMvY3NzdG9vbHMuZWxlbWVudGJhc2ljc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLDZDQUFtQztBQUN0QixRQUFBLGtCQUFrQixHQUFHLGtCQUFJLENBQUE7Ozs7Ozs7Q0FPckMsQ0FBQyJ9
@@ -1,9 +0,0 @@
1
- export declare const desktop = 1240;
2
- export declare const tablet = 1024;
3
- export declare const phablet = 600;
4
- export declare const phone = 400;
5
- export declare type TViewport = 'native' | 'desktop' | 'tablet' | 'phablet' | 'phone';
6
- export declare const getEnvironment: () => TViewport;
7
- export declare const cssForTablet: (contentArg: any) => string;
8
- export declare const cssForPhablet: (contentArg: any) => string;
9
- export declare const cssForPhone: (contentArg: any) => string;
@@ -1,71 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.cssForPhone = exports.cssForPhablet = exports.cssForTablet = exports.getEnvironment = exports.phone = exports.phablet = exports.tablet = exports.desktop = void 0;
4
- exports.desktop = 1240;
5
- exports.tablet = 1024;
6
- exports.phablet = 600;
7
- exports.phone = 400;
8
- const getEnvironment = () => {
9
- if (globalThis.deesDomTools &&
10
- globalThis.deesDomTools.domToolsStatePart.getState().virtualViewport) {
11
- return globalThis.deesDomTools.domToolsStatePart.getState().virtualViewport;
12
- }
13
- else {
14
- return 'native';
15
- }
16
- };
17
- exports.getEnvironment = getEnvironment;
18
- const cssForTablet = (contentArg) => {
19
- if ((0, exports.getEnvironment)() === 'native' || (0, exports.getEnvironment)() === 'desktop') {
20
- return `
21
- @media (max-width: ${exports.tablet}px) {
22
- ${contentArg}
23
- }
24
- `;
25
- }
26
- else if ((0, exports.getEnvironment)() === 'tablet' ||
27
- (0, exports.getEnvironment)() === 'phablet' ||
28
- (0, exports.getEnvironment)() === 'phone') {
29
- return `
30
- @media (min-width: 0px) {
31
- ${contentArg}
32
- }
33
- `;
34
- }
35
- };
36
- exports.cssForTablet = cssForTablet;
37
- const cssForPhablet = (contentArg) => {
38
- if ((0, exports.getEnvironment)() === 'native' || (0, exports.getEnvironment)() === 'desktop') {
39
- return `
40
- @media (max-width: ${exports.phablet}px) {
41
- ${contentArg}
42
- }
43
- `;
44
- }
45
- else if ((0, exports.getEnvironment)() === 'phablet' || (0, exports.getEnvironment)() === 'phone') {
46
- return `
47
- @media (min-width: 0px) {
48
- ${contentArg}
49
- }
50
- `;
51
- }
52
- };
53
- exports.cssForPhablet = cssForPhablet;
54
- const cssForPhone = (contentArg) => {
55
- if ((0, exports.getEnvironment)() === 'native' || (0, exports.getEnvironment)() === 'desktop') {
56
- return `
57
- @media (max-width: ${exports.phone}px) {
58
- ${contentArg}
59
- }
60
- `;
61
- }
62
- else if ((0, exports.getEnvironment)() === 'phone') {
63
- return `
64
- @media (min-width: 0px) {
65
- ${contentArg}
66
- }
67
- `;
68
- }
69
- };
70
- exports.cssForPhone = cssForPhone;
71
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuYnJlYWtwb2ludHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi90cy9kb210b29scy5icmVha3BvaW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFFYSxRQUFBLE9BQU8sR0FBRyxJQUFJLENBQUM7QUFDZixRQUFBLE1BQU0sR0FBRyxJQUFJLENBQUM7QUFDZCxRQUFBLE9BQU8sR0FBRyxHQUFHLENBQUM7QUFDZCxRQUFBLEtBQUssR0FBRyxHQUFHLENBQUM7QUFJbEIsTUFBTSxjQUFjLEdBQUcsR0FBYyxFQUFFO0lBQzVDLElBQ0UsVUFBVSxDQUFDLFlBQVk7UUFDdkIsVUFBVSxDQUFDLFlBQVksQ0FBQyxpQkFBaUIsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxlQUFlLEVBQ3BFO1FBQ0EsT0FBTyxVQUFVLENBQUMsWUFBWSxDQUFDLGlCQUFpQixDQUFDLFFBQVEsRUFBRSxDQUFDLGVBQWUsQ0FBQztLQUM3RTtTQUFNO1FBQ0wsT0FBTyxRQUFRLENBQUM7S0FDakI7QUFDSCxDQUFDLENBQUM7QUFUVyxRQUFBLGNBQWMsa0JBU3pCO0FBRUssTUFBTSxZQUFZLEdBQUcsQ0FBQyxVQUFVLEVBQUUsRUFBRTtJQUN6QyxJQUFJLElBQUEsc0JBQWMsR0FBRSxLQUFLLFFBQVEsSUFBSSxJQUFBLHNCQUFjLEdBQUUsS0FBSyxTQUFTLEVBQUU7UUFDbkUsT0FBTzsyQkFDZ0IsY0FBTTtVQUN2QixVQUFVOztLQUVmLENBQUM7S0FDSDtTQUFNLElBQ0wsSUFBQSxzQkFBYyxHQUFFLEtBQUssUUFBUTtRQUM3QixJQUFBLHNCQUFjLEdBQUUsS0FBSyxTQUFTO1FBQzlCLElBQUEsc0JBQWMsR0FBRSxLQUFLLE9BQU8sRUFDNUI7UUFDQSxPQUFPOztVQUVELFVBQVU7O0tBRWYsQ0FBQztLQUNIO0FBQ0gsQ0FBQyxDQUFDO0FBbEJXLFFBQUEsWUFBWSxnQkFrQnZCO0FBRUssTUFBTSxhQUFhLEdBQUcsQ0FBQyxVQUFVLEVBQUUsRUFBRTtJQUMxQyxJQUFJLElBQUEsc0JBQWMsR0FBRSxLQUFLLFFBQVEsSUFBSSxJQUFBLHNCQUFjLEdBQUUsS0FBSyxTQUFTLEVBQUU7UUFDbkUsT0FBTzsyQkFDZ0IsZUFBTztVQUN4QixVQUFVOztLQUVmLENBQUM7S0FDSDtTQUFNLElBQUksSUFBQSxzQkFBYyxHQUFFLEtBQUssU0FBUyxJQUFJLElBQUEsc0JBQWMsR0FBRSxLQUFLLE9BQU8sRUFBRTtRQUN6RSxPQUFPOztVQUVELFVBQVU7O0tBRWYsQ0FBQztLQUNIO0FBQ0gsQ0FBQyxDQUFDO0FBZFcsUUFBQSxhQUFhLGlCQWN4QjtBQUVLLE1BQU0sV0FBVyxHQUFHLENBQUMsVUFBVSxFQUFFLEVBQUU7SUFDeEMsSUFBSSxJQUFBLHNCQUFjLEdBQUUsS0FBSyxRQUFRLElBQUksSUFBQSxzQkFBYyxHQUFFLEtBQUssU0FBUyxFQUFFO1FBQ25FLE9BQU87MkJBQ2dCLGFBQUs7VUFDdEIsVUFBVTs7S0FFZixDQUFDO0tBQ0g7U0FBTSxJQUFJLElBQUEsc0JBQWMsR0FBRSxLQUFLLE9BQU8sRUFBRTtRQUN2QyxPQUFPOztVQUVELFVBQVU7O0tBRWYsQ0FBQztLQUNIO0FBQ0gsQ0FBQyxDQUFDO0FBZFcsUUFBQSxXQUFXLGVBY3RCIn0=
@@ -1,6 +0,0 @@
1
- import { LitElement } from 'lit-element';
2
- export declare class ElementInstrumenter {
3
- connectedElements: import("@pushrocks/lik").ObjectMap<LitElement>;
4
- instrumentElement(elementArg: LitElement): void;
5
- forEachelement(eachFuncArg: (elementArg: LitElement) => Promise<void>): Promise<void>;
6
- }
@@ -1,50 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
- Object.defineProperty(o, "default", { enumerable: true, value: v });
11
- }) : function(o, v) {
12
- o["default"] = v;
13
- });
14
- var __importStar = (this && this.__importStar) || function (mod) {
15
- if (mod && mod.__esModule) return mod;
16
- var result = {};
17
- if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
- __setModuleDefault(result, mod);
19
- return result;
20
- };
21
- Object.defineProperty(exports, "__esModule", { value: true });
22
- exports.ElementInstrumenter = void 0;
23
- const plugins = __importStar(require("./domtools.plugins"));
24
- class ElementInstrumenter {
25
- constructor() {
26
- this.connectedElements = new plugins.lik.ObjectMap();
27
- }
28
- instrumentElement(elementArg) {
29
- const addToConnectedElementsFunc = (eventArg) => {
30
- this.connectedElements.add(elementArg);
31
- };
32
- const removeFromConnectedElementsFunc = eventArg => {
33
- this.connectedElements.remove(elementArg);
34
- elementArg.removeEventListener('domtools-connected', addToConnectedElementsFunc);
35
- elementArg.removeEventListener('domtools-disconnected', removeFromConnectedElementsFunc);
36
- };
37
- elementArg.addEventListener('domtools-connected', addToConnectedElementsFunc);
38
- elementArg.addEventListener('domtools-disconnected', removeFromConnectedElementsFunc);
39
- if (elementArg.parentElement) {
40
- this.connectedElements.add(elementArg);
41
- }
42
- }
43
- async forEachelement(eachFuncArg) {
44
- for (const elementArg of this.connectedElements.getArray()) {
45
- await eachFuncArg(elementArg);
46
- }
47
- }
48
- }
49
- exports.ElementInstrumenter = ElementInstrumenter;
50
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuY2xhc3Nlcy5lbGVtZW50aW5zdHJ1bWVudGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHMvZG9tdG9vbHMuY2xhc3Nlcy5lbGVtZW50aW5zdHJ1bWVudGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw0REFBOEM7QUFHOUMsTUFBYSxtQkFBbUI7SUFBaEM7UUFDRSxzQkFBaUIsR0FBRyxJQUFJLE9BQU8sQ0FBQyxHQUFHLENBQUMsU0FBUyxFQUFjLENBQUM7SUF3QjlELENBQUM7SUF0QlEsaUJBQWlCLENBQUMsVUFBc0I7UUFDN0MsTUFBTSwwQkFBMEIsR0FBRyxDQUFDLFFBQXFCLEVBQUUsRUFBRTtZQUMzRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ3pDLENBQUMsQ0FBQztRQUNGLE1BQU0sK0JBQStCLEdBQUcsUUFBUSxDQUFDLEVBQUU7WUFDakQsSUFBSSxDQUFDLGlCQUFpQixDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUMxQyxVQUFVLENBQUMsbUJBQW1CLENBQUMsb0JBQW9CLEVBQUUsMEJBQTBCLENBQUMsQ0FBQztZQUNqRixVQUFVLENBQUMsbUJBQW1CLENBQUMsdUJBQXVCLEVBQUUsK0JBQStCLENBQUMsQ0FBQztRQUMzRixDQUFDLENBQUM7UUFDRixVQUFVLENBQUMsZ0JBQWdCLENBQUMsb0JBQW9CLEVBQUUsMEJBQTBCLENBQUMsQ0FBQztRQUM5RSxVQUFVLENBQUMsZ0JBQWdCLENBQUMsdUJBQXVCLEVBQUUsK0JBQStCLENBQUMsQ0FBQztRQUV0RixJQUFJLFVBQVUsQ0FBQyxhQUFhLEVBQUU7WUFDNUIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQztTQUN4QztJQUNILENBQUM7SUFFTSxLQUFLLENBQUMsY0FBYyxDQUFDLFdBQXNEO1FBQ2hGLEtBQUssTUFBTSxVQUFVLElBQUksSUFBSSxDQUFDLGlCQUFpQixDQUFDLFFBQVEsRUFBRSxFQUFFO1lBQzFELE1BQU0sV0FBVyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1NBQy9CO0lBQ0gsQ0FBQztDQUNGO0FBekJELGtEQXlCQyJ9
@@ -1 +0,0 @@
1
- export {};
@@ -1,3 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuY2xhc3Nlcy5yb3V0ZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi90cy9kb210b29scy5jbGFzc2VzLnJvdXRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=
@@ -1,4 +0,0 @@
1
- /**
2
- * changes scrollbar styles to be consistent across OS borders
3
- */
4
- export declare const scrollBarStyles: void;
@@ -1,32 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.scrollBarStyles = void 0;
4
- /**
5
- * changes scrollbar styles to be consistent across OS borders
6
- */
7
- exports.scrollBarStyles = (() => {
8
- const returnStyles = navigator.userAgent.indexOf('Windows') !== -1
9
- ? `
10
- /* width */
11
- ::-webkit-scrollbar {
12
- width: 8px;
13
- }
14
-
15
- /* Track */
16
- ::-webkit-scrollbar-track {
17
- background: #111;
18
- }
19
-
20
- /* Handle */
21
- ::-webkit-scrollbar-thumb {
22
- background: #666;
23
- }
24
-
25
- /* Handle on hover */
26
- ::-webkit-scrollbar-thumb:hover {
27
- background: #777;
28
- }
29
- `
30
- : ``;
31
- })();
32
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuY3NzLnRoZW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHMvZG9tdG9vbHMuY3NzLnRoZW1lLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUVBOztHQUVHO0FBQ1UsUUFBQSxlQUFlLEdBQUcsQ0FBQyxHQUFHLEVBQUU7SUFDbkMsTUFBTSxZQUFZLEdBQ2hCLFNBQVMsQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMzQyxDQUFDLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBb0JQO1FBQ0ssQ0FBQyxDQUFDLEVBQUUsQ0FBQztBQUNYLENBQUMsQ0FBQyxFQUFFLENBQUMifQ==
@@ -1,5 +0,0 @@
1
- /**
2
- * a basic setup for elements
3
- * makes sure everything is in check
4
- */
5
- export declare const elementBasicSetup: () => Promise<void>;
@@ -1,67 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.elementBasicSetup = void 0;
4
- const smartpromise_1 = require("@pushrocks/smartpromise");
5
- const createStyleElement = (headElement, styleText) => {
6
- const styleElement = document.createElement('style');
7
- styleElement.type = 'text/css';
8
- styleElement.appendChild(document.createTextNode(styleText));
9
- headElement.appendChild(styleElement);
10
- };
11
- /**
12
- * a basic setup for elements
13
- * makes sure everything is in check
14
- */
15
- exports.elementBasicSetup = async () => {
16
- if (globalThis.deesCssToolsReady) {
17
- await globalThis.deesCssToolsReady.promise;
18
- }
19
- else {
20
- // lets prevent double execution
21
- globalThis.deesCssToolsReady = smartpromise_1.defer();
22
- // lets make sure the dom is ready
23
- const documentReady = smartpromise_1.defer();
24
- const readyStateChangedFunc = () => {
25
- if (document.readyState === 'interactive' || document.readyState === 'complete') {
26
- console.log('elementBasicSetup: element basic setup complete');
27
- documentReady.resolve();
28
- }
29
- else {
30
- console.log('elementBasicSetup: document not yet ready');
31
- }
32
- };
33
- document.addEventListener('readystatechange', readyStateChangedFunc);
34
- console.log('elementBasicSetup: waiting for document to be ready');
35
- await documentReady.promise;
36
- console.log('elementBasicSetup: document ready!');
37
- // lets get started
38
- const head = document.querySelector('head');
39
- const body = document.querySelector('body');
40
- // bodyStyles
41
- const bodyStyles = `
42
- body {
43
- margin: 0px;
44
- font-family: 'Roboto', sans-serif;
45
- box-sizing: border-box;
46
- }
47
- `;
48
- createStyleElement(head, bodyStyles);
49
- // material font
50
- const materialFontStyles = `
51
- @font-face {
52
- font-family: 'Material Icons';
53
- font-style: normal;
54
- font-weight: 400;
55
- src: url(https://fonts.gstatic.com/s/materialicons/v42/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
56
- }
57
- `;
58
- createStyleElement(head, materialFontStyles);
59
- // Roboto Font
60
- const robotoFontCss = `
61
- @import url('https://fonts.googleapis.com/css?family=Roboto');
62
- `;
63
- createStyleElement(head, robotoFontCss);
64
- globalThis.deesCssToolsReady.resolve();
65
- }
66
- };
67
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuZWxlbWVudGJhc2ljc2V0dXAuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi90cy9kb210b29scy5lbGVtZW50YmFzaWNzZXR1cC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSwwREFBZ0Q7QUFFaEQsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLFdBQXdCLEVBQUUsU0FBaUIsRUFBRSxFQUFFO0lBQ3pFLE1BQU0sWUFBWSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDckQsWUFBWSxDQUFDLElBQUksR0FBRyxVQUFVLENBQUM7SUFDL0IsWUFBWSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsY0FBYyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUM7SUFDN0QsV0FBVyxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsQ0FBQztBQUN4QyxDQUFDLENBQUM7QUFFRjs7O0dBR0c7QUFDVSxRQUFBLGlCQUFpQixHQUFHLEtBQUssSUFBSSxFQUFFO0lBQzFDLElBQUksVUFBVSxDQUFDLGlCQUFpQixFQUFFO1FBQ2hDLE1BQU0sVUFBVSxDQUFDLGlCQUFpQixDQUFDLE9BQU8sQ0FBQztLQUM1QztTQUFNO1FBQ0wsZ0NBQWdDO1FBQ2hDLFVBQVUsQ0FBQyxpQkFBaUIsR0FBRyxvQkFBSyxFQUFFLENBQUM7UUFFdkMsa0NBQWtDO1FBQ2xDLE1BQU0sYUFBYSxHQUFHLG9CQUFLLEVBQUUsQ0FBQztRQUM5QixNQUFNLHFCQUFxQixHQUFHLEdBQUcsRUFBRTtZQUNqQyxJQUFJLFFBQVEsQ0FBQyxVQUFVLEtBQUssYUFBYSxJQUFJLFFBQVEsQ0FBQyxVQUFVLEtBQUssVUFBVSxFQUFFO2dCQUMvRSxPQUFPLENBQUMsR0FBRyxDQUFDLGlEQUFpRCxDQUFDLENBQUE7Z0JBQzlELGFBQWEsQ0FBQyxPQUFPLEVBQUUsQ0FBQzthQUN6QjtpQkFBTTtnQkFDTCxPQUFPLENBQUMsR0FBRyxDQUFDLDJDQUEyQyxDQUFDLENBQUM7YUFDMUQ7UUFDSCxDQUFDLENBQUM7UUFDRixRQUFRLENBQUMsZ0JBQWdCLENBQUMsa0JBQWtCLEVBQUUscUJBQXFCLENBQUMsQ0FBQztRQUNyRSxPQUFPLENBQUMsR0FBRyxDQUFDLHFEQUFxRCxDQUFDLENBQUM7UUFDbkUsTUFBTSxhQUFhLENBQUMsT0FBTyxDQUFDO1FBQzVCLE9BQU8sQ0FBQyxHQUFHLENBQUMsb0NBQW9DLENBQUMsQ0FBQztRQUVsRCxtQkFBbUI7UUFDbkIsTUFBTSxJQUFJLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUM1QyxNQUFNLElBQUksR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBRTVDLGFBQWE7UUFDYixNQUFNLFVBQVUsR0FBRzs7Ozs7O0tBTWxCLENBQUM7UUFDRixrQkFBa0IsQ0FBQyxJQUFJLEVBQUUsVUFBVSxDQUFDLENBQUM7UUFFckMsZ0JBQWdCO1FBQ2hCLE1BQU0sa0JBQWtCLEdBQUc7Ozs7Ozs7S0FPMUIsQ0FBQztRQUNGLGtCQUFrQixDQUFDLElBQUksRUFBRSxrQkFBa0IsQ0FBQyxDQUFDO1FBRTdDLGNBQWM7UUFDZCxNQUFNLGFBQWEsR0FBRzs7S0FFckIsQ0FBQztRQUNGLGtCQUFrQixDQUFDLElBQUksRUFBRSxhQUFhLENBQUMsQ0FBQztRQUV4QyxVQUFVLENBQUMsaUJBQWlCLENBQUMsT0FBTyxFQUFFLENBQUM7S0FDeEM7QUFDSCxDQUFDLENBQUMifQ==
@@ -1 +0,0 @@
1
- export declare const elementBasicStyles: import("lit-element").TemplateResult;
@@ -1,13 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.elementBasicStyles = void 0;
4
- const lit_element_1 = require("lit-element");
5
- exports.elementBasicStyles = lit_element_1.html `
6
- <style>
7
- * {
8
- font-family: 'Roboto', sans-serif;
9
- box-sizing: border-box;
10
- }
11
- </style>
12
- `;
13
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuZWxlbWVudGJhc2ljc3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHMvZG9tdG9vbHMuZWxlbWVudGJhc2ljc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLDZDQUFtQztBQUN0QixRQUFBLGtCQUFrQixHQUFHLGtCQUFJLENBQUE7Ozs7Ozs7Q0FPckMsQ0FBQyJ9
@@ -1 +0,0 @@
1
- export {};
@@ -1,3 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMubW92ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3RzL2RvbXRvb2xzLm1vdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9