Compare commits

...

77 Commits

Author SHA1 Message Date
7b99c70275 2.0.30 2023-10-23 17:20:09 +02:00
9f3b396633 fix(core): update 2023-10-23 17:20:08 +02:00
8dd48fdc05 2.0.29 2023-09-17 14:39:59 +02:00
2538f59769 fix(core): update 2023-09-17 14:39:59 +02:00
216a605f93 2.0.28 2023-09-17 14:38:30 +02:00
0808b9a5f9 fix(core): update 2023-09-17 14:38:29 +02:00
dc13ad997b 2.0.27 2023-09-04 16:31:56 +02:00
1c7c1c2432 fix(core): update 2023-09-04 16:31:56 +02:00
969cd12725 2.0.26 2023-09-04 14:56:58 +02:00
f2aa825f95 fix(core): update 2023-09-04 14:56:57 +02:00
9d072cde61 2.0.25 2023-08-07 19:34:45 +02:00
3b100a5b20 fix(core): update 2023-08-07 19:34:44 +02:00
ef76535d2b 2.0.24 2023-08-07 17:06:42 +02:00
b6e307d2e1 fix(core): update 2023-08-07 17:06:41 +02:00
4b24440e2a 2.0.23 2023-08-07 09:19:54 +02:00
4867099008 fix(core): update 2023-08-07 09:19:53 +02:00
ac7e109f6c 2.0.22 2023-03-29 22:52:56 +02:00
019297f998 fix(core): update 2023-03-29 22:52:56 +02:00
d0ddeaca5d 2.0.21 2023-03-29 20:29:13 +02:00
fe50d39d01 fix(core): update 2023-03-29 20:29:12 +02:00
6da377f0f6 2.0.20 2023-03-26 23:59:13 +02:00
a39d46458a fix(core): update 2023-03-26 23:59:12 +02:00
45be5f90ee 2.0.19 2023-03-15 22:22:31 +01:00
67927cc3a2 fix(core): update 2023-03-15 22:22:30 +01:00
f4b8260c45 2.0.18 2022-12-31 12:34:13 +01:00
5c86ee7bf3 fix(core): update 2022-12-31 12:34:12 +01:00
50c4be30b8 2.0.17 2022-12-31 11:52:59 +01:00
dce8ec6470 fix(core): update 2022-12-31 11:52:58 +01:00
14446ece3c 2.0.16 2022-05-21 02:30:20 +02:00
794281541b fix(core): update 2022-05-21 02:30:19 +02:00
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
bb6818324d 2.0.0 2022-03-16 14:47:45 +01:00
3dee5f9b68 1.0.36 2022-03-16 14:46:51 +01:00
ef92d1bde3 fix(core): update 2022-03-16 14:46:51 +01:00
e394c999b2 1.0.35 2022-01-07 19:47:05 +01:00
68bcc10ee6 fix(core): update 2022-01-07 19:47:05 +01:00
d2cd5ce6f3 1.0.34 2022-01-06 22:09:53 +01:00
29fb3a2f9b fix(core): update 2022-01-06 22:09:52 +01:00
ef1e373fb3 1.0.33 2022-01-06 22:08:09 +01:00
d607968dfb fix(core): update 2022-01-06 22:08:08 +01:00
45b2183c88 1.0.32 2022-01-06 21:53:21 +01:00
68f11d7e76 fix(core): update 2022-01-06 21:53:21 +01:00
cc6f14551f 1.0.31 2021-12-14 01:59:51 +01:00
12f6bb3317 fix(core): update 2021-12-14 01:59:50 +01:00
b63fac3f75 1.0.30 2021-12-13 23:29:16 +01:00
61d7de2323 fix(core): update 2021-12-13 23:29:16 +01:00
d6c7f5da97 1.0.29 2021-12-10 22:23:36 +01:00
36c7f8ae38 fix(core): update 2021-12-10 22:23:36 +01:00
19 changed files with 6095 additions and 27668 deletions

View File

@ -0,0 +1,66 @@
name: Default (not tags)
on:
push:
tags-ignore:
- '**'
env:
IMAGE: registry.gitlab.com/hosttoday/ht-docker-node:npmci
NPMCI_COMPUTED_REPOURL: https://${{gitea.repository_owner}}:${{secrets.GITEA_TOKEN}}@gitea.lossless.digital/${{gitea.repository}}.git
NPMCI_TOKEN_NPM: ${{secrets.NPMCI_TOKEN_NPM}}
NPMCI_TOKEN_NPM2: ${{secrets.NPMCI_TOKEN_NPM2}}
NPMCI_GIT_GITHUBTOKEN: ${{secrets.NPMCI_GIT_GITHUBTOKEN}}
NPMCI_URL_CLOUDLY: ${{secrets.NPMCI_URL_CLOUDLY}}
jobs:
security:
runs-on: ubuntu-latest
continue-on-error: true
container:
image: ${{ env.IMAGE }}
steps:
- uses: actions/checkout@v3
- name: Install pnpm and npmci
run: |
pnpm install -g pnpm
pnpm install -g @shipzone/npmci
- name: Run npm prepare
run: npmci npm prepare
- name: Audit production dependencies
run: |
npmci command npm config set registry https://registry.npmjs.org
npmci command pnpm audit --audit-level=high --prod
continue-on-error: true
- name: Audit development dependencies
run: |
npmci command npm config set registry https://registry.npmjs.org
npmci command pnpm audit --audit-level=high --dev
continue-on-error: true
test:
if: ${{ always() }}
needs: security
runs-on: ubuntu-latest
container:
image: ${{ env.IMAGE }}
steps:
- uses: actions/checkout@v3
- name: Test stable
run: |
npmci node install stable
npmci npm install
npmci npm test
- name: Test build
run: |
npmci node install stable
npmci npm install
npmci npm build

View File

@ -0,0 +1,124 @@
name: Default (tags)
on:
push:
tags:
- '*'
env:
IMAGE: registry.gitlab.com/hosttoday/ht-docker-node:npmci
NPMCI_COMPUTED_REPOURL: https://${{gitea.repository_owner}}:${{secrets.GITEA_TOKEN}}@gitea.lossless.digital/${{gitea.repository}}.git
NPMCI_TOKEN_NPM: ${{secrets.NPMCI_TOKEN_NPM}}
NPMCI_TOKEN_NPM2: ${{secrets.NPMCI_TOKEN_NPM2}}
NPMCI_GIT_GITHUBTOKEN: ${{secrets.NPMCI_GIT_GITHUBTOKEN}}
NPMCI_URL_CLOUDLY: ${{secrets.NPMCI_URL_CLOUDLY}}
jobs:
security:
runs-on: ubuntu-latest
continue-on-error: true
container:
image: ${{ env.IMAGE }}
steps:
- uses: actions/checkout@v3
- name: Prepare
run: |
pnpm install -g pnpm
pnpm install -g @shipzone/npmci
npmci npm prepare
- name: Audit production dependencies
run: |
npmci command npm config set registry https://registry.npmjs.org
npmci command pnpm audit --audit-level=high --prod
continue-on-error: true
- name: Audit development dependencies
run: |
npmci command npm config set registry https://registry.npmjs.org
npmci command pnpm audit --audit-level=high --dev
continue-on-error: true
test:
if: ${{ always() }}
needs: security
runs-on: ubuntu-latest
container:
image: ${{ env.IMAGE }}
steps:
- uses: actions/checkout@v3
- name: Prepare
run: |
pnpm install -g pnpm
pnpm install -g @shipzone/npmci
npmci npm prepare
- name: Test stable
run: |
npmci node install stable
npmci npm install
npmci npm test
- name: Test build
run: |
npmci node install stable
npmci npm install
npmci npm build
release:
needs: test
if: github.event_name == 'push' && startsWith(github.ref, 'refs/tags/')
runs-on: ubuntu-latest
container:
image: ${{ env.IMAGE }}
steps:
- uses: actions/checkout@v3
- name: Prepare
run: |
pnpm install -g pnpm
pnpm install -g @shipzone/npmci
npmci npm prepare
- name: Release
run: |
npmci node install stable
npmci npm publish
metadata:
needs: test
if: github.event_name == 'push' && startsWith(github.ref, 'refs/tags/')
runs-on: ubuntu-latest
container:
image: ${{ env.IMAGE }}
continue-on-error: true
steps:
- uses: actions/checkout@v3
- name: Prepare
run: |
pnpm install -g pnpm
pnpm install -g @shipzone/npmci
npmci npm prepare
- name: Code quality
run: |
npmci command npm install -g typescript
npmci npm install
- name: Trigger
run: npmci trigger
- name: Build docs and upload artifacts
run: |
npmci node install stable
npmci npm install
pnpm install -g @git.zone/tsdoc
npmci command tsdoc
continue-on-error: true

View File

@ -12,40 +12,36 @@ stages:
- release - release
- metadata - metadata
before_script:
- pnpm install -g pnpm
- pnpm install -g @shipzone/npmci
- npmci npm prepare
# ====================
# security stage
# ====================
# ==================== # ====================
# security stage # security stage
# ==================== # ====================
mirror:
stage: security
script:
- npmci git mirror
only:
- tags
tags:
- lossless
- docker
- notpriv
auditProductionDependencies: auditProductionDependencies:
image: registry.gitlab.com/hosttoday/ht-docker-node:npmci image: registry.gitlab.com/hosttoday/ht-docker-node:npmci
stage: security stage: security
script: script:
- npmci npm prepare - npmci command npm config set registry https://registry.npmjs.org
- npmci command npm install --production --ignore-scripts - npmci command pnpm audit --audit-level=high --prod
- npmci command npm config set registry https://registry.npmjs.org
- npmci command npm audit --audit-level=high --only=prod --production
tags: tags:
- lossless
- docker - docker
allow_failure: true
auditDevDependencies: auditDevDependencies:
image: registry.gitlab.com/hosttoday/ht-docker-node:npmci image: registry.gitlab.com/hosttoday/ht-docker-node:npmci
stage: security stage: security
script: script:
- npmci npm prepare
- npmci command npm install --ignore-scripts
- npmci command npm config set registry https://registry.npmjs.org - npmci command npm config set registry https://registry.npmjs.org
- npmci command npm audit --audit-level=high --only=dev - npmci command pnpm audit --audit-level=high --dev
tags: tags:
- lossless
- docker - docker
allow_failure: true allow_failure: true
@ -56,7 +52,6 @@ auditDevDependencies:
testStable: testStable:
stage: test stage: test
script: script:
- npmci npm prepare
- npmci node install stable - npmci node install stable
- npmci npm install - npmci npm install
- npmci npm test - npmci npm test
@ -67,10 +62,9 @@ testStable:
testBuild: testBuild:
stage: test stage: test
script: script:
- npmci npm prepare
- npmci node install stable - npmci node install stable
- npmci npm install - npmci npm install
- npmci command npm run build - npmci npm build
coverage: /\d+.?\d+?\%\s*coverage/ coverage: /\d+.?\d+?\%\s*coverage/
tags: tags:
- docker - docker
@ -96,10 +90,9 @@ codequality:
only: only:
- tags - tags
script: script:
- npmci command npm install -g tslint typescript - npmci command npm install -g typescript
- npmci npm prepare - npmci npm prepare
- npmci npm install - npmci npm install
- npmci command "tslint -c tslint.json ./ts/**/*.ts"
tags: tags:
- lossless - lossless
- docker - docker
@ -119,11 +112,9 @@ trigger:
pages: pages:
stage: metadata stage: metadata
script: script:
- npmci node install lts - npmci node install stable
- npmci command npm install -g @gitzone/tsdoc
- npmci npm prepare
- npmci npm install - npmci npm install
- npmci command tsdoc - npmci command npm run buildDocs
tags: tags:
- lossless - lossless
- docker - docker

24
.vscode/launch.json vendored
View File

@ -2,28 +2,10 @@
"version": "0.2.0", "version": "0.2.0",
"configurations": [ "configurations": [
{ {
"name": "current file", "command": "npm test",
"type": "node", "name": "Run npm test",
"request": "launch", "request": "launch",
"args": [ "type": "node-terminal"
"${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"
} }
] ]
} }

View File

@ -5,7 +5,7 @@
"githost": "gitlab.com", "githost": "gitlab.com",
"gitscope": "designestate", "gitscope": "designestate",
"gitrepo": "dees-element", "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", "npmPackagename": "@designestate/dees-element",
"license": "MIT", "license": "MIT",
"projectDomain": "design.estate" "projectDomain": "design.estate"

27513
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -1,30 +1,30 @@
{ {
"name": "@designestate/dees-element", "name": "@design.estate/dees-element",
"version": "1.0.28", "version": "2.0.30",
"private": false, "private": false,
"description": "a custom element class extending lit element class", "description": "a custom element class extending lit element class",
"main": "dist_ts/index.js", "main": "dist_ts/index.js",
"typings": "dist_ts/index.d.ts", "typings": "dist_ts/index.d.ts",
"type": "module",
"author": "Lossless GmbH", "author": "Lossless GmbH",
"license": "MIT", "license": "MIT",
"scripts": { "scripts": {
"test": "(tstest test/ --web)", "test": "(tstest test/ --web)",
"build": "(tsbuild --web)" "build": "(tsbuild --web --allowimplicitany && tsbundle npm)",
"buildDocs": "tsdoc"
}, },
"devDependencies": { "devDependencies": {
"@gitzone/tsbuild": "^2.1.28", "@git.zone/tsbuild": "^2.1.70",
"@gitzone/tsbundle": "^1.0.88", "@git.zone/tsbundle": "^2.0.10",
"@gitzone/tstest": "^1.0.60", "@git.zone/tstest": "^1.0.81",
"@pushrocks/tapbundle": "^3.2.14", "@push.rocks/tapbundle": "^5.0.15",
"@types/node": "^16.11.12", "@types/node": "^20.8.7"
"tslint": "^6.1.3",
"tslint-config-prettier": "^1.18.0"
}, },
"dependencies": { "dependencies": {
"@designestate/dees-domtools": "^1.0.102", "@design.estate/dees-domtools": "^2.0.54",
"@pushrocks/isounique": "^1.0.4", "@push.rocks/isounique": "^1.0.5",
"@pushrocks/smartrx": "^2.0.19", "@push.rocks/smartrx": "^3.0.6",
"lit": "^2.0.2" "lit": "^3.0.0"
}, },
"browserslist": [ "browserslist": [
"last 1 chrome versions" "last 1 chrome versions"

5665
pnpm-lock.yaml generated Normal file

File diff suppressed because it is too large Load Diff

View File

@ -21,7 +21,6 @@ Code Style | [![Code Style](https://badgen.net/badge/style/prettier/purple)](htt
PackagePhobia (total standalone install weight) | [![PackagePhobia](https://badgen.net/packagephobia/install/@designestate/dees-element)](https://lossless.cloud) PackagePhobia (total standalone install weight) | [![PackagePhobia](https://badgen.net/packagephobia/install/@designestate/dees-element)](https://lossless.cloud)
PackagePhobia (package size on registry) | [![PackagePhobia](https://badgen.net/packagephobia/publish/@designestate/dees-element)](https://lossless.cloud) PackagePhobia (package size on registry) | [![PackagePhobia](https://badgen.net/packagephobia/publish/@designestate/dees-element)](https://lossless.cloud)
BundlePhobia (total size when bundled) | [![BundlePhobia](https://badgen.net/bundlephobia/minzip/@designestate/dees-element)](https://lossless.cloud) BundlePhobia (total size when bundled) | [![BundlePhobia](https://badgen.net/bundlephobia/minzip/@designestate/dees-element)](https://lossless.cloud)
Platform support | [![Supports Windows 10](https://badgen.net/badge/supports%20Windows%2010/yes/green?icon=windows)](https://lossless.cloud) [![Supports Mac OS X](https://badgen.net/badge/supports%20Mac%20OS%20X/yes/green?icon=apple)](https://lossless.cloud)
## Usage ## Usage
@ -33,7 +32,6 @@ We are always happy for code contributions. If you are not the code contributing
For further information read the linked docs at the top of this readme. For further information read the linked docs at the top of this readme.
> MIT licensed | **©** [Lossless GmbH](https://lossless.gmbh) ## 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) | By using this npm module you agree to our [privacy policy](https://lossless.gmbH/privacy)
[![repo-footer](https://lossless.gitlab.io/publicrelations/repofooter.svg)](https://maintainedby.lossless.com)

View File

@ -1,5 +1,5 @@
import { expect, tap } from '@pushrocks/tapbundle'; import { expect, tap } from '@push.rocks/tapbundle';
import * as deesElement from '../ts/index'; import * as deesElement from '../ts/index.js';
tap.test('should create a static element', async () => { tap.test('should create a static element', async () => {
@deesElement.customElement('my-button') @deesElement.customElement('my-button')
@ -11,12 +11,12 @@ tap.test('should create a static element', async () => {
.buttonClass { .buttonClass {
background: ${deesElement.cssManager.bdTheme('blue', 'black')}; background: ${deesElement.cssManager.bdTheme('blue', 'black')};
} }
` `,
]; ];
// INSTANCE // INSTANCE
render() { 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: '@design.estate/dees-element',
version: '2.0.30',
description: 'a custom element class extending lit element class'
}

View File

@ -1,6 +1,6 @@
import { CSSResult, unsafeCSS } from 'lit-element'; import { CSSResult, unsafeCSS } from 'lit';
import * as plugins from './dees-element.plugins'; import * as plugins from './dees-element.plugins.js';
import * as domtools from '@designestate/dees-domtools'; import * as domtools from '@design.estate/dees-domtools';
export interface IBdVarTriplet { export interface IBdVarTriplet {
cssVarName: string; cssVarName: string;
@ -28,24 +28,43 @@ export class CssManager {
}); });
} }
public get defaultStyles () { public get defaultStyles() {
return domtools.elementBasic.staticStyles; return domtools.elementBasic.staticStyles;
} }
public cssForTablet(contentArg) { 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)); return unsafeCSS(domtools.breakpoints.cssForTablet(contentArg));
}; }
public cssForPhablet(contentArg) { public cssForPhablet(contentArg: CSSResult) {
return unsafeCSS(domtools.breakpoints.cssForPhablet(contentArg)); return unsafeCSS(domtools.breakpoints.cssForPhablet(contentArg));
} }
public cssForPhone(contentArg) { public cssForPhone(contentArg: CSSResult) {
return unsafeCSS(domtools.breakpoints.cssForPhone(contentArg)); return unsafeCSS(domtools.breakpoints.cssForPhone(contentArg));
}; }
public bdTheme(brightValueArg: string, darkValueArg: string): CSSResult { public bdTheme(brightValueArg: string, darkValueArg: string): CSSResult {
let returnCssVar: string; 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( const existingTriplet = this.bdVarTripletStore.find(
(tripletArg) => (tripletArg) =>
tripletArg.darkValue === darkValueArg && tripletArg.brightValue === brightValueArg tripletArg.darkValue === darkValueArg && tripletArg.brightValue === brightValueArg
@ -59,13 +78,14 @@ export class CssManager {
darkValue: darkValueArg, darkValue: darkValueArg,
}; };
this.bdVarTripletStore.push(newTriplet); this.bdVarTripletStore.push(newTriplet);
this.domtoolsPromise.then(async (domtoolsArg) => { this.domtoolsPromise.then(async (domtoolsArg) => {
await domtoolsArg.domReady.promise; 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; returnCssVar = newTriplet.cssVarName;
} }
return plugins.lit.unsafeCSS(`var(${returnCssVar})`); return plugins.lit.unsafeCSS(`var(${returnCssVar}, ${defaultValue})`);
} }
public cssGridColumns = (amountOfColumnsArg: number, gapSizeArg: number): CSSResult => { public cssGridColumns = (amountOfColumnsArg: number, gapSizeArg: number): CSSResult => {

View File

@ -1,4 +1,4 @@
import * as plugins from './dees-element.plugins'; import * as plugins from './dees-element.plugins.js';
export class DeesElement extends plugins.lit.LitElement { export class DeesElement extends plugins.lit.LitElement {
// INSTANCE // INSTANCE
@ -6,33 +6,46 @@ export class DeesElement extends plugins.lit.LitElement {
public goBright: boolean = false; public goBright: boolean = false;
// domtools // domtools
public domtoolsPromise = plugins.domtools.elementBasic.setup(this); public domtoolsPromise: Promise<plugins.domtools.DomTools>;
@plugins.lit.property() @plugins.lit.property()
domtools?: plugins.domtools.DomTools; domtools?: plugins.domtools.DomTools;
public rxSubscriptions: plugins.smartrx.rxjs.Subscription[] = [];
private themeSubscription: plugins.smartrx.rxjs.Subscription; private themeSubscription: plugins.smartrx.rxjs.Subscription;
constructor() { private elementDomReadyDeferred = plugins.domtools.plugins.smartpromise.defer();
public elementDomReady = this.elementDomReadyDeferred.promise;
constructor(optionsArg: plugins.domtools.IDomToolsContructorOptions = {}) {
super(); super();
this.domtoolsPromise = plugins.domtools.elementBasic.setup(this, optionsArg);
this.domtoolsPromise.then((domtoolsArg) => { this.domtoolsPromise.then((domtoolsArg) => {
this.domtools = domtoolsArg; this.domtools = domtoolsArg;
}); });
} }
public connectedCallback() { public async connectedCallback() {
super.connectedCallback(); super.connectedCallback();
this.domtoolsPromise.then(async (domtools) => { const domtools = await this.domtoolsPromise;
this.themeSubscription = domtools.themeManager.themeObservable.subscribe((goBrightArg) => { this.themeSubscription = domtools.themeManager.themeObservable.subscribe((goBrightArg) => {
this.goBright = goBrightArg; this.goBright = goBrightArg;
});
}); });
this.rxSubscriptions.push(this.themeSubscription);
this.dispatchEvent(new CustomEvent('deesElementConnected')); this.dispatchEvent(new CustomEvent('deesElementConnected'));
} }
public disconnectedCallback() { public firstUpdated(_changedProperties: Map<string | number | symbol, unknown>): void {
super.firstUpdated(_changedProperties);
this.elementDomReadyDeferred.resolve();
}
public async disconnectedCallback() {
await this.domtoolsPromise;
super.disconnectedCallback(); super.disconnectedCallback();
this.themeSubscription.unsubscribe(); for (const subscription of this.rxSubscriptions) {
subscription.unsubscribe();
}
this.dispatchEvent(new CustomEvent('deesElementDisconnected')); this.dispatchEvent(new CustomEvent('deesElementDisconnected'));
} }
} }

View File

@ -0,0 +1,50 @@
import { type TemplateResult, noChange } from 'lit';
import { AsyncDirective, directive } from 'lit/async-directive.js';
class ResolveDirective extends AsyncDirective {
promise: Promise<unknown> | undefined;
hasPromiseSettled: boolean = false;
render(promise: Promise<unknown>) {
if (this.promise !== promise) {
this.promise = promise;
if (this.isConnected) {
this.handlePromise(promise);
}
}
return noChange;
}
handlePromise(promise: Promise<unknown>) {
this.hasPromiseSettled = false;
promise.then((value) => {
if (this.promise === promise && !this.hasPromiseSettled) {
this.setValue(value);
this.hasPromiseSettled = true;
}
}).catch((error) => {
if (this.promise === promise && !this.hasPromiseSettled) {
this.setValue(error);
this.hasPromiseSettled = true;
}
});
}
disconnected() {
this.hasPromiseSettled = true; // prevent setting value if the promise settles after disconnection
}
reconnected() {
if (!this.hasPromiseSettled) {
this.handlePromise(this.promise!);
}
}
}
export const resolve = directive(ResolveDirective);
export const resolveExec = (funcArg: () => Promise<TemplateResult | unknown>) => {
return resolve(funcArg());
}

View File

@ -0,0 +1,37 @@
import { noChange } from 'lit';
import { AsyncDirective, directive } from 'lit/async-directive.js';
import { rxjs } from '@push.rocks/smartrx';
class SubscribeDirective extends AsyncDirective {
observable: rxjs.Observable<unknown> | undefined;
sub: rxjs.Subscription | null = null;
render(observable: rxjs.Observable<unknown>) {
if (this.observable !== observable) {
this.sub?.unsubscribe();
this.observable = observable;
if (this.isConnected) {
this.subscribe(observable);
}
}
return noChange;
}
subscribe(observable: rxjs.Observable<unknown>) {
this.sub = observable.subscribe((v: unknown) => {
this.setValue(v);
});
}
disconnected() {
this.sub?.unsubscribe();
}
reconnected() {
this.subscribe(this.observable!);
}
}
export const subscribe = directive(SubscribeDirective);

View File

@ -1,25 +1,19 @@
// pushrocks scope // pushrocks scope
import * as isounique from '@pushrocks/isounique'; import * as isounique from '@push.rocks/isounique';
import * as smartrx from '@pushrocks/smartrx'; import * as smartrx from '@push.rocks/smartrx';
export { export { isounique, smartrx };
isounique,
smartrx
};
// third party scope // third party scope
import { css, unsafeCSS, LitElement } from 'lit'; import { css, unsafeCSS, LitElement } from 'lit';
import { property } from 'lit/decorators'; import { property } from 'lit/decorators/property.js';
const lit = { const lit = {
css, css,
unsafeCSS, unsafeCSS,
LitElement, LitElement,
property property,
}; };
import * as domtools from '@designestate/dees-domtools'; import * as domtools from '@design.estate/dees-domtools';
export { export { lit, domtools };
lit,
domtools
};

View File

@ -1,30 +1,41 @@
import { CssManager } from './dees-element.classes.cssmanager'; import { CssManager } from './dees-element.classes.cssmanager.js';
import * as plugins from './dees-element.plugins';
// lit exports // lit exports
export { export { html, type TemplateResult, css, unsafeCSS, render, type CSSResult } from 'lit';
html, export { unsafeHTML } from 'lit/directives/unsafe-html.js';
TemplateResult,
css,
unsafeCSS,
} from 'lit';
export { export { customElement } from 'lit/decorators/custom-element.js';
customElement,
property, export { property, state, query, queryAll, queryAsync } from 'lit/decorators.js';
state
} from 'lit/decorators' export { until } from 'lit/directives/until.js';
export { asyncAppend } from 'lit/directives/async-append.js';
// domtools exports // domtools exports
import * as domtools from '@designestate/dees-domtools'; import * as domtools from '@design.estate/dees-domtools';
export { export { domtools };
domtools
}
// DeesElements exports // DeesElements exports
export { DeesElement } from './dees-element.classes.dees-element'; export * from './dees-element.classes.dees-element.js';
export * from './dees-element.classes.subscribedirective.js';
export * from './dees-element.classes.resolvedirective.js';
/** /**
* a singleton instance of CssManager * a singleton instance of CssManager
*/ */
export const cssManager = new CssManager(); export const cssManager = new CssManager();
// better scoped exports
import { resolve } from './dees-element.classes.resolvedirective.js';
import { subscribe } from './dees-element.classes.subscribedirective.js';
export const directives = {
resolve,
subscribe,
}
import type { rxjs } from '@push.rocks/smartrx';
export type {
rxjs,
}

View File

@ -1,16 +1,14 @@
{ {
"compilerOptions": { "compilerOptions": {
"target": "es2017", "experimentalDecorators": true,
"module": "es2015", "useDefineForClassFields": false,
"moduleResolution": "node", "target": "ES2022",
"lib": ["es2017", "dom"], "module": "ES2022",
"declaration": true, "moduleResolution": "nodenext",
"inlineSources": true, "esModuleInterop": true,
"inlineSourceMap": true, "verbatimModuleSyntax": true
"noUnusedLocals": true, },
"noFallthroughCasesInSwitch": true, "exclude": [
"outDir": "dist/", "dist_*/**/*.d.ts"
"skipLibCheck": true, ]
"experimentalDecorators": true
}
} }

View File

@ -1,17 +0,0 @@
{
"extends": ["tslint:latest", "tslint-config-prettier"],
"rules": {
"semicolon": [true, "always"],
"no-console": false,
"ordered-imports": false,
"object-literal-sort-keys": false,
"member-ordering": {
"options":{
"order": [
"static-method"
]
}
}
},
"defaultSeverity": "warning"
}