Compare commits

...

30 Commits

Author SHA1 Message Date
fdd3a5da90 2.0.15 2022-05-12 18:53:19 +02:00
0394a656cc fix(core): update 2022-05-12 18:53:19 +02:00
78051a5577 2.0.14 2022-05-02 17:44:43 +02:00
59c564af0a fix(core): update 2022-05-02 17:44:43 +02:00
4178955313 2.0.13 2022-05-01 16:52:42 +02:00
4e4d29abcf fix(core): update 2022-05-01 16:52:42 +02:00
06dbacb74d 2.0.12 2022-04-22 00:12:54 +02:00
5fc730eeb2 fix(core): update 2022-04-22 00:12:54 +02:00
1bdab82d0e 2.0.11 2022-04-21 23:15:15 +02:00
76841a6b25 fix(core): update 2022-04-21 23:15:14 +02:00
6dd5277f9e 2.0.10 2022-04-19 18:49:12 +02:00
4cbbf941c0 fix(core): update 2022-04-19 18:49:12 +02:00
61de38cb4d 2.0.9 2022-04-19 10:50:31 +02:00
a3ab19e5db fix(core): update 2022-04-19 10:50:31 +02:00
a7e1a02b52 2.0.8 2022-04-18 22:32:14 +02:00
9f974a97f5 fix(core): update 2022-04-18 22:32:14 +02:00
d80f94db29 2.0.7 2022-04-15 19:17:34 +02:00
a32b6b425b fix(core): update 2022-04-15 19:17:34 +02:00
9ca286697c 2.0.6 2022-03-29 15:59:17 +02:00
07dcfbe531 fix(core): update 2022-03-29 15:59:16 +02:00
ac919e2cce 2.0.5 2022-03-25 02:28:33 +01:00
30e1822b5b fix(core): update 2022-03-25 02:28:32 +01:00
b6c67a55e5 2.0.4 2022-03-24 15:32:02 +01:00
f20977e936 fix(core): update 2022-03-24 15:32:01 +01:00
8ad5906e06 2.0.3 2022-03-23 13:25:53 +01:00
4008de283c fix(core): update 2022-03-23 13:25:53 +01:00
1177ec6158 2.0.2 2022-03-16 15:00:10 +01:00
b8ced9a991 fix(core): update 2022-03-16 15:00:10 +01:00
9b30853a56 2.0.1 2022-03-16 14:48:02 +01:00
acc1d7eea7 fix(core): update 2022-03-16 14:48:01 +01:00
12 changed files with 3777 additions and 4528 deletions

View File

@ -12,6 +12,9 @@ stages:
- release
- metadata
before_script:
- npm install -g @shipzone/npmci
# ====================
# security stage
# ====================
@ -36,6 +39,7 @@ auditProductionDependencies:
- npmci command npm audit --audit-level=high --only=prod --production
tags:
- docker
allow_failure: true
auditDevDependencies:
image: registry.gitlab.com/hosttoday/ht-docker-node:npmci

24
.vscode/launch.json vendored
View File

@ -2,28 +2,10 @@
"version": "0.2.0",
"configurations": [
{
"name": "current file",
"type": "node",
"command": "npm test",
"name": "Run npm test",
"request": "launch",
"args": [
"${relativeFile}"
],
"runtimeArgs": ["-r", "@gitzone/tsrun"],
"cwd": "${workspaceRoot}",
"protocol": "inspector",
"internalConsoleOptions": "openOnSessionStart"
},
{
"name": "test.ts",
"type": "node",
"request": "launch",
"args": [
"test/test.ts"
],
"runtimeArgs": ["-r", "@gitzone/tsrun"],
"cwd": "${workspaceRoot}",
"protocol": "inspector",
"internalConsoleOptions": "openOnSessionStart"
"type": "node-terminal"
}
]
}

View File

@ -22,5 +22,6 @@
}
}
}
]
],
"typescript.tsdk": "node_modules/typescript/lib"
}

View File

@ -5,7 +5,7 @@
"githost": "gitlab.com",
"gitscope": "designestate",
"gitrepo": "dees-element",
"shortDescription": "a custom element class extending lit element class",
"description": "a custom element class extending lit element class",
"npmPackagename": "@designestate/dees-element",
"license": "MIT",
"projectDomain": "design.estate"

8182
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -1,6 +1,6 @@
{
"name": "@designestate/dees-element",
"version": "2.0.0",
"version": "2.0.15",
"private": false,
"description": "a custom element class extending lit element class",
"main": "dist_ts/index.js",
@ -10,22 +10,22 @@
"license": "MIT",
"scripts": {
"test": "(tstest test/ --web)",
"build": "(tsbuild --web --allowimplicitany --skiplibcheck && tsbundle npm)"
"build": "(tsbuild --web --allowimplicitany && tsbundle npm)"
},
"devDependencies": {
"@gitzone/tsbuild": "^2.1.56",
"@gitzone/tsbundle": "^1.0.98",
"@gitzone/tstest": "^1.0.68",
"@pushrocks/tapbundle": "^5.0.2",
"@types/node": "^17.0.21",
"@gitzone/tsbuild": "^2.1.61",
"@gitzone/tsbundle": "^1.0.102",
"@gitzone/tstest": "^1.0.70",
"@pushrocks/tapbundle": "^5.0.3",
"@types/node": "^17.0.31",
"tslint": "^6.1.3",
"tslint-config-prettier": "^1.18.0"
},
"dependencies": {
"@designestate/dees-domtools": "^2.0.0",
"@designestate/dees-domtools": "^2.0.22",
"@pushrocks/isounique": "^1.0.5",
"@pushrocks/smartrx": "^2.0.25",
"lit": "^2.2.1"
"lit": "^2.2.3"
},
"browserslist": [
"last 1 chrome versions"

View File

@ -1,5 +1,5 @@
import { expect, tap } from '@pushrocks/tapbundle';
import * as deesElement from '../ts/index';
import * as deesElement from '../ts/index.js';
tap.test('should create a static element', async () => {
@deesElement.customElement('my-button')
@ -11,12 +11,12 @@ tap.test('should create a static element', async () => {
.buttonClass {
background: ${deesElement.cssManager.bdTheme('blue', 'black')};
}
`
`,
];
// INSTANCE
render() {
return deesElement.html`<div class="buttonClass">My Button</div>`
return deesElement.html`<div class="buttonClass">My Button</div>`;
}
}
});

8
ts/00_commitinfo_data.ts Normal file
View File

@ -0,0 +1,8 @@
/**
* autocreated commitinfo by @pushrocks/commitinfo
*/
export const commitinfo = {
name: '@designestate/dees-element',
version: '2.0.15',
description: 'a custom element class extending lit element class'
}

View File

@ -28,13 +28,21 @@ export class CssManager {
});
}
public get defaultStyles () {
public get defaultStyles() {
return domtools.elementBasic.staticStyles;
}
public cssForDesktop(contentArg: CSSResult) {
return unsafeCSS(domtools.breakpoints.cssForDesktop(contentArg));
}
public cssForNotebook(contentArg: CSSResult) {
return unsafeCSS(domtools.breakpoints.cssForNotebook(contentArg));
}
public cssForTablet(contentArg: CSSResult) {
return unsafeCSS(domtools.breakpoints.cssForTablet(contentArg));
};
}
public cssForPhablet(contentArg: CSSResult) {
return unsafeCSS(domtools.breakpoints.cssForPhablet(contentArg));
@ -42,10 +50,20 @@ export class CssManager {
public cssForPhone(contentArg: CSSResult) {
return unsafeCSS(domtools.breakpoints.cssForPhone(contentArg));
};
}
public bdTheme(brightValueArg: string, darkValueArg: string): CSSResult {
let returnCssVar: string;
// lets determine the default value for quick page rendering.
let defaultValue: string;
if (domtools.DomTools.getGlobalDomToolsSync()) {
defaultValue = domtools.DomTools.getGlobalDomToolsSync().themeManager.goBrightBoolean ? brightValueArg : darkValueArg;
} else {
defaultValue = darkValueArg
}
const existingTriplet = this.bdVarTripletStore.find(
(tripletArg) =>
tripletArg.darkValue === darkValueArg && tripletArg.brightValue === brightValueArg
@ -59,13 +77,17 @@ export class CssManager {
darkValue: darkValueArg,
};
this.bdVarTripletStore.push(newTriplet);
this.domtoolsPromise.then(async (domtoolsArg) => {
await domtoolsArg.domReady.promise;
document.body.style.setProperty(newTriplet.cssVarName, this.goBright ? newTriplet.brightValue : newTriplet.darkValue);
document.body.style.setProperty(
newTriplet.cssVarName,
defaultValue
);
});
returnCssVar = newTriplet.cssVarName;
}
return plugins.lit.unsafeCSS(`var(${returnCssVar})`);
return plugins.lit.unsafeCSS(`var(${returnCssVar}, ${defaultValue})`);
}
public cssGridColumns = (amountOfColumnsArg: number, gapSizeArg: number): CSSResult => {

View File

@ -6,7 +6,7 @@ export class DeesElement extends plugins.lit.LitElement {
public goBright: boolean = false;
// domtools
public domtoolsPromise = plugins.domtools.elementBasic.setup(this);
public domtoolsPromise: Promise<plugins.domtools.DomTools>;
@plugins.lit.property()
domtools?: plugins.domtools.DomTools;
@ -16,8 +16,9 @@ export class DeesElement extends plugins.lit.LitElement {
private elementDomReadyDeferred = plugins.domtools.plugins.smartpromise.defer();
public elementDomReady = this.elementDomReadyDeferred.promise;
constructor() {
constructor(optionsArg: plugins.domtools.IDomToolsContructorOptions = {}) {
super();
this.domtoolsPromise = plugins.domtools.elementBasic.setup(this, optionsArg);
this.domtoolsPromise.then((domtoolsArg) => {
this.domtools = domtoolsArg;
});

View File

@ -2,10 +2,7 @@
import * as isounique from '@pushrocks/isounique';
import * as smartrx from '@pushrocks/smartrx';
export {
isounique,
smartrx
};
export { isounique, smartrx };
// third party scope
import { css, unsafeCSS, LitElement } from 'lit';
@ -19,7 +16,4 @@ const lit = {
import * as domtools from '@designestate/dees-domtools';
export {
lit,
domtools
};
export { lit, domtools };

View File

@ -5,9 +5,10 @@ export { html, TemplateResult, css, unsafeCSS, render } from 'lit';
export { customElement } from 'lit/decorators/custom-element.js';
export { property } from 'lit/decorators/property.js';
export { property, state, query, queryAll, queryAsync } from 'lit/decorators.js';
export { state } from 'lit/decorators/state.js';
export { until } from 'lit/directives/until.js';
export { asyncAppend } from 'lit/directives/async-append.js';
// domtools exports
import * as domtools from '@designestate/dees-domtools';