design.estate/dees-domtools
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(core): update

Browse Source
This commit is contained in:
Philipp Kunz 2021-11-26 16:21:11 +01:00
parent f5fd0662d3
commit 97583c650d
9 changed files with 116 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
package-lock.json generated
View File

@ -20,7 +20,7 @@
"@pushrocks/webrequest": "^2.0.13",
"@pushrocks/websetup": "^3.0.15",
"@pushrocks/webstore": "^1.0.16",
"lit-element": "^3.0.2",
"lit": "^2.0.2",
"sweet-scroll": "^4.0.0"
},
"devDependencies": {
@ -9217,6 +9217,17 @@
"node": ">= 0.8.0"
}
},
"node_modules/lit": {
"version": "2.0.2",
"resolved": "https://verdaccio.lossless.one/lit/-/lit-2.0.2.tgz",
"integrity": "sha512-hKA/1YaSB+P+DvKWuR2q1Xzy/iayhNrJ3aveD0OQ9CKn6wUjsdnF/7LavDOJsKP/K5jzW/kXsuduPgRvTFrFJw==",
"license": "BSD-3-Clause",
"dependencies": {
"@lit/reactive-element": "^1.0.0",
"lit-element": "^3.0.0",
"lit-html": "^2.0.0"
}
},
"node_modules/lit-element": {
"version": "3.0.2",
"resolved": "https://verdaccio.lossless.one/lit-element/-/lit-element-3.0.2.tgz",
@ -9242,6 +9253,15 @@
"integrity": "sha512-B9btcSgPYb1q4oSOb/PrOT6Z/H+r6xuNzfH4lFli/AWhYwdtrgQkQWBbIc6mdnf6E2IL3gDXdkkqNktpU0OZQA==",
"license": "BSD-3-Clause"
},
"node_modules/lit/node_modules/lit-html": {
"version": "2.0.2",
"resolved": "https://verdaccio.lossless.one/lit-html/-/lit-html-2.0.2.tgz",
"integrity": "sha512-dON7Zg8btb14/fWohQLQBdSgkoiQA4mIUy87evmyJHtxRq7zS6LlC32bT5EPWiof5PUQaDpF45v2OlrxHA5Clg==",
"license": "BSD-3-Clause",
"dependencies": {
"@types/trusted-types": "^2.0.2"
}
},
"node_modules/locate-path": {
"version": "5.0.0",
"resolved": "https://verdaccio.lossless.one/locate-path/-/locate-path-5.0.0.tgz",
@ -22474,6 +22494,26 @@
"type-check": "~0.3.2"
}
},
"lit": {
"version": "2.0.2",
"resolved": "https://verdaccio.lossless.one/lit/-/lit-2.0.2.tgz",
"integrity": "sha512-hKA/1YaSB+P+DvKWuR2q1Xzy/iayhNrJ3aveD0OQ9CKn6wUjsdnF/7LavDOJsKP/K5jzW/kXsuduPgRvTFrFJw==",
"requires": {
"@lit/reactive-element": "^1.0.0",
"lit-element": "^3.0.0",
"lit-html": "^2.0.0"
},
"dependencies": {
"lit-html": {
"version": "2.0.2",
"resolved": "https://verdaccio.lossless.one/lit-html/-/lit-html-2.0.2.tgz",
"integrity": "sha512-dON7Zg8btb14/fWohQLQBdSgkoiQA4mIUy87evmyJHtxRq7zS6LlC32bT5EPWiof5PUQaDpF45v2OlrxHA5Clg==",
"requires": {
"@types/trusted-types": "^2.0.2"
}
}
}
},
"lit-element": {
"version": "3.0.2",
"resolved": "https://verdaccio.lossless.one/lit-element/-/lit-element-3.0.2.tgz",

2
package.json
View File

@ -33,7 +33,7 @@
"@pushrocks/webrequest": "^2.0.13",
"@pushrocks/websetup": "^3.0.15",
"@pushrocks/webstore": "^1.0.16",
"lit-element": "^3.0.2",
"lit": "^2.0.2",
"sweet-scroll": "^4.0.0"
},
"files": [

2
ts/domtools.classes.domtools.ts
View File

@ -1,7 +1,7 @@
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';
import { TViewport } from './domtools.css.breakpoints';
import { Scroller } from './domtools.classes.scroller';
import { WebSetup } from '@pushrocks/websetup';

10
ts/domtools.classes.thememanager.ts
View File

@ -1,4 +1,3 @@
import { LitElement } from 'lit-element';
import { DomTools } from './domtools.classes.domtools';
import * as plugins from './domtools.plugins';
@ -29,16 +28,25 @@ export class ThemeManager {
this.themeObservable.next(this.goBrightBoolean);
}
/**
* set the theme of the website to bright
*/
public goBright() {
this.goBrightBoolean = true;
this.updateAllConnectedElements();
}
/**
* set the theme of the website to dark
*/
public goDark() {
this.goBrightBoolean = false;
this.updateAllConnectedElements();
}
/**
* simply toggle between bright and dark
*/
public toggleDarkBright() {
this.goBrightBoolean = !this.goBrightBoolean;
this.updateAllConnectedElements();

59
ts/domtools.css.basestyles.ts Normal file
View File

@ -0,0 +1,59 @@
import { DomTools } from './domtools.classes.domtools';
import { css, unsafeCSS } from 'lit';
/**
* changes scrollbar styles to be consistent across OS borders
*/
export const scrollBarStyles: string = (() => {
const returnStyles =
navigator.userAgent.indexOf('Mac OS X') !== -1
? css`
/* width */
::-webkit-scrollbar {
width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
background: #111;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #666;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #777;
}
`.cssText
: ``;
return returnStyles;
})();
export const globalBaseStyles: string = css`
/* global material font */
@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');
}
/* Roboto Font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;300;400');
/* global body styles */
body {
margin: 0px;
font-family: 'Roboto', sans-serif;
box-sizing: border-box;
}
/* scroll bar styles */
${unsafeCSS(scrollBarStyles)}
`.cssText;

2
ts/domtools.breakpoints.ts → ts/domtools.css.breakpoints.ts
View File

@ -1,6 +1,6 @@
import { DomTools } from './domtools.classes.domtools';
import { CSSResult, unsafeCSS } from 'lit-element';
import { CSSResult, unsafeCSS } from 'lit';
export const desktop = 1240;
export const tablet = 1024;

31
ts/domtools.css.theme.ts
View File

@ -1,31 +0,0 @@
import { DomTools } from './domtools.classes.domtools';
/**
* changes scrollbar styles to be consistent across OS borders
*/
export const scrollBarStyles = (() => {
const returnStyles =
navigator.userAgent.indexOf('Mac OS X') !== -1
? `
/* width */
::-webkit-scrollbar {
width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
background: #111;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #666;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #777;
}
`
: ``;
})();

33
ts/domtools.elementbasic.ts
View File

@ -1,8 +1,8 @@
import * as plugins from './domtools.plugins';
import { DomTools } from './domtools.classes.domtools';
import { scrollBarStyles } from './domtools.css.theme';
import { scrollBarStyles, globalBaseStyles } from './domtools.css.basestyles';
import { html, LitElement, css, unsafeCSS } from 'lit-element';
import { html, LitElement, css, unsafeCSS } from 'lit';
export const staticStyles = css`
* {
@ -49,34 +49,7 @@ export const setup = async (elementArg?: LitElement): Promise<DomTools> => {
domTools.runOnce('elementBasicSetup', async () => {
// bodyStyles
domTools.setGlobalStyles(`
body {
margin: 0px;
font-family: 'Roboto', sans-serif;
box-sizing: border-box;
}
`);
// material font
domTools.setGlobalStyles(`
@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');
}
`);
// Roboto Font
domTools.setGlobalStyles(`
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;300;400');
`);
// scrollbars
domTools.setGlobalStyles(`
${scrollBarStyles}
`);
domTools.setGlobalStyles(globalBaseStyles);
});
return domTools;
};

2
ts/index.ts
View File

@ -1,7 +1,7 @@
export * from './domtools.colors';
import * as elementBasic from './domtools.elementbasic';
import * as breakpoints from './domtools.breakpoints';
import * as breakpoints from './domtools.css.breakpoints';
import * as css from './domtools.css';
export { css, breakpoints, elementBasic };