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

fix(core): update

Browse Source
This commit is contained in:
Philipp Kunz 2023-11-29 17:20:32 +01:00
parent 6cfda1ebf3
commit d852186888
9 changed files with 1119 additions and 1293 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.gitea/workflows/default_tags.yaml
View File

@ -119,6 +119,6 @@ jobs:
run: |
npmci node install stable
npmci npm install
pnpm install -g @gitzone/tsdoc
pnpm install -g @git.zone/tsdoc
npmci command tsdoc
continue-on-error: true

22
package.json
View File

@ -16,28 +16,28 @@
"license": "MIT",
"dependencies": {
"@design.estate/dees-domtools": "^2.0.55",
"@design.estate/dees-element": "^2.0.31",
"@design.estate/dees-element": "^2.0.33",
"@design.estate/dees-wcctools": "^1.0.81",
"@fortawesome/fontawesome-svg-core": "^6.4.2",
"@fortawesome/free-brands-svg-icons": "^6.4.2",
"@fortawesome/free-regular-svg-icons": "^6.4.2",
"@fortawesome/free-solid-svg-icons": "^6.4.2",
"@fortawesome/fontawesome-svg-core": "^6.5.0",
"@fortawesome/free-brands-svg-icons": "^6.5.0",
"@fortawesome/free-regular-svg-icons": "^6.5.0",
"@fortawesome/free-solid-svg-icons": "^6.5.0",
"@push.rocks/smarti18n": "^1.0.4",
"@push.rocks/smartpromise": "^4.0.3",
"@push.rocks/smartstring": "^4.0.9",
"@tsclass/tsclass": "^4.0.46",
"highlight.js": "11.9.0",
"ibantools": "^4.3.5",
"ibantools": "^4.3.6",
"pdfjs-dist": "^3.11.174"
},
"devDependencies": {
"@gitzone/tsbuild": "^2.1.66",
"@gitzone/tsbundle": "^2.0.8",
"@gitzone/tstest": "^1.0.77",
"@gitzone/tswatch": "^2.0.7",
"@git.zone/tsbuild": "^2.1.66",
"@git.zone/tsbundle": "^2.0.8",
"@git.zone/tstest": "^1.0.77",
"@git.zone/tswatch": "^2.0.7",
"@push.rocks/projectinfo": "^5.0.2",
"@push.rocks/tapbundle": "^5.0.15",
"@types/node": "^20.8.7"
"@types/node": "^20.10.0"
},
"files": [
"ts/**/*",

2330
pnpm-lock.yaml
View File

File diff suppressed because it is too large Load Diff

2
ts_web/00_commitinfo_data.ts
View File

@ -3,6 +3,6 @@
*/
export const commitinfo = {
name: '@design.estate/dees-catalog',
version: '1.0.230',
version: '1.0.231',
description: 'website for lossless.com'
}

11
ts_web/elements/dees-input-dropdown.demo.ts Normal file
View File

@ -0,0 +1,11 @@
import { html } from '@design.estate/dees-element';
export const demoFunc = () => html`
<dees-input-dropdown
.options=${[
{option: 'option 1', key: 'option1'},
{option: 'option 2', key: 'option2'},
{option: 'option 3', key: 'option3'}
]}
></dees-input-dropdown>
`

28
ts_web/elements/dees-input-dropdown.ts
View File

@ -1,5 +1,6 @@
import { customElement, DeesElement, type TemplateResult, property, html, css, cssManager, type CSSResult, } from '@design.estate/dees-element';
import * as domtools from '@design.estate/dees-domtools';
import { demoFunc } from './dees-input-dropdown.demo.js';
declare global {
interface HTMLElementTagNameMap {
@ -9,15 +10,7 @@ declare global {
@customElement('dees-input-dropdown')
export class DeesInputDropdown extends DeesElement {
public static demo = () => html`
<dees-input-dropdown
.options=${[
{option: 'option 1', key: 'option1'},
{option: 'option 2', key: 'option2'},
{option: 'option 3', key: 'option3'}
]}
></dees-input-dropdown>
`
public static demo = demoFunc
// INSTANCE
public changeSubject = new domtools.plugins.smartrx.rxjs.Subject();
@ -100,12 +93,11 @@ export class DeesInputDropdown extends DeesElement {
cursor: pointer;
transition: all 0.2s ease;
opacity: 0;
position: relative;
position: absolute;
background: ${cssManager.bdTheme('#ffffff', '#222222')};
max-width: 420px;
box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
min-height: 40px;
margin-top: -40px;
z-index: 100;
border-radius: 3px;
padding: 4px;
@ -135,12 +127,8 @@ export class DeesInputDropdown extends DeesElement {
public render(): TemplateResult {
return html`
${domtools.elementBasic.styles}
<style>
</style>
<div class="maincontainer">
<div class="selectedBox show" @click="${event => {this.toggleSelectionBox();}}">
<div class="selectedBox show" @click="${event => {this.openSelectionBox();}}">
${this.selectedOption?.option}
</div>
<div class="selectionBox">
@ -165,12 +153,16 @@ export class DeesInputDropdown extends DeesElement {
detail: selectedOption,
bubbles: true
}));
this.toggleSelectionBox();
this.openSelectionBox();
this.changeSubject.next(this);
}
public toggleSelectionBox() {
public openSelectionBox() {
this.shadowRoot.querySelector('.selectedBox').classList.toggle('show');
this.shadowRoot.querySelector('.selectionBox').classList.toggle('show');
}
public closeSelectionBox() {
}
}

1
ts_web/elements/dees-modal.ts
View File

@ -71,6 +71,7 @@ export class DeesModal extends DeesElement {
:host {
font-family: 'Roboto', 'Inter', sans-serif;
color: ${cssManager.bdTheme('#333', '#fff')};
will-change: transform;
}
.modalContainer {
display: flex;

12
ts_web/elements/dees-windowlayer.ts
View File

@ -66,14 +66,22 @@ export class DeesWindowLayer extends DeesElement {
pointer-events: none;
z-index: 200;
}
.slotContent {
height: 100vh;
width: 100vw;
display: flex;
justify-content: center;
align-items: center;
}
.visible {
background: rgba(0, 0, 0, 0.2);
backdrop-filter: brightness(0.9) ${this.options.blur ? 'blur(2px)' : ''};
pointer-events: all;
}
</style>
<div @click=${this.dispatchClicked} class="windowOverlay ${this.visible ? 'visible' : null}">
<div class="windowOverlay ${this.visible ? 'visible' : null}">
</div>
<div @click=${this.dispatchClicked} class="slotContent">
<slot></slot>
</div>
`;

4
tsconfig.json
View File

@ -3,8 +3,8 @@
"experimentalDecorators": true,
"useDefineForClassFields": false,
"target": "ES2022",
"module": "ES2022",
"moduleResolution": "nodenext",
"module": "NodeNext",
"moduleResolution": "NodeNext",
"esModuleInterop": true,
"verbatimModuleSyntax": true
},