From 554b72b075c3b752dd3a21f522884bf96552dc91 Mon Sep 17 00:00:00 2001 From: Philipp Kunz Date: Mon, 15 Jan 2024 12:57:49 +0100 Subject: [PATCH] fix(core): update --- ts_web/00_commitinfo_data.ts | 2 +- .../elements/dees-input-multitoggle.demo.ts | 6 ++++ ts_web/elements/dees-input-multitoggle.ts | 2 +- ts_web/elements/dees-input-typelist.demo.ts | 12 ++++++- ts_web/elements/dees-input-typelist.ts | 33 +++++++++++++++---- ts_web/elements/dees-pdf.ts | 15 ++------- ts_web/elements/dees-progressbar.ts | 0 ts_web/elements/dees-updater.demo.ts | 7 ++++ ts_web/elements/dees-updater.ts | 22 +++++++------ 9 files changed, 67 insertions(+), 32 deletions(-) create mode 100644 ts_web/elements/dees-progressbar.ts create mode 100644 ts_web/elements/dees-updater.demo.ts diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts index 2b37fca..63b1fc6 100644 --- a/ts_web/00_commitinfo_data.ts +++ b/ts_web/00_commitinfo_data.ts @@ -3,6 +3,6 @@ */ export const commitinfo = { name: '@design.estate/dees-catalog', - version: '1.0.242', + version: '1.0.243', description: 'website for lossless.com' } diff --git a/ts_web/elements/dees-input-multitoggle.demo.ts b/ts_web/elements/dees-input-multitoggle.demo.ts index bcb3a8c..f975baf 100644 --- a/ts_web/elements/dees-input-multitoggle.demo.ts +++ b/ts_web/elements/dees-input-multitoggle.demo.ts @@ -5,4 +5,10 @@ export const demoFunc = () => html` .options=${['option 1', 'option 2', 'a longer option with multiple words']} .selectedOption=${'option 2'} > + `; \ No newline at end of file diff --git a/ts_web/elements/dees-input-multitoggle.ts b/ts_web/elements/dees-input-multitoggle.ts index 8b4a37a..b27e2b4 100644 --- a/ts_web/elements/dees-input-multitoggle.ts +++ b/ts_web/elements/dees-input-multitoggle.ts @@ -96,7 +96,7 @@ export class DeesInputMultitoggle extends DeesElement { public async firstUpdated() { if (this.type === 'boolean') { - this.options = [this.booleanTrueName || 'true', this.booleanFalseName]; + this.options = [this.booleanTrueName || 'true', this.booleanFalseName || 'false']; } this.setIndicator(); } diff --git a/ts_web/elements/dees-input-typelist.demo.ts b/ts_web/elements/dees-input-typelist.demo.ts index 9046471..c616e3b 100644 --- a/ts_web/elements/dees-input-typelist.demo.ts +++ b/ts_web/elements/dees-input-typelist.demo.ts @@ -1,5 +1,15 @@ import { html } from '@design.estate/dees-element'; export const demoFunc = () => html` - + +
+ +
`; \ No newline at end of file diff --git a/ts_web/elements/dees-input-typelist.ts b/ts_web/elements/dees-input-typelist.ts index b551eb3..4be6422 100644 --- a/ts_web/elements/dees-input-typelist.ts +++ b/ts_web/elements/dees-input-typelist.ts @@ -40,29 +40,48 @@ export class DeesInputTypelist extends DeesElement { border-left: ${cssManager.bdTheme('1px solid #CCC', 'none')}; } - .selections { - padding: 8px; + .tags { + padding: 16px; + cursor: default; + } + + .notags { + text-align: center; + opacity: 0.5; + font-size: 12px; } input { + display: block; + box-sizing: border-box; background: #181818; width: 100%; outline: none; border: none; color: inherit; - padding: 8px; + padding: 0px 16px; + overflow: hidden; + line-height: 32px; + height: 0px; + transition: height 0.2s; + } + + input:focus { + height: 32px; } `, ]; public render(): TemplateResult { return html` -
MultiSelect
+
Type List
-
- Nothing selected... +
{ + this.shadowRoot.querySelector('input').focus(); + }}> +
No tags yet
- +
`; } diff --git a/ts_web/elements/dees-pdf.ts b/ts_web/elements/dees-pdf.ts index 6e56577..510d367 100644 --- a/ts_web/elements/dees-pdf.ts +++ b/ts_web/elements/dees-pdf.ts @@ -57,18 +57,9 @@ export class DeesPdf extends DeesElement { if (!DeesPdf.pdfJsReady) { const pdfJsReadyDeferred = domtools.plugins.smartpromise.defer(); DeesPdf.pdfJsReady = pdfJsReadyDeferred.promise; - const loadDeferred = domtools.plugins.smartpromise.defer(); - const script = document.createElement('script'); - script.addEventListener('load', () => { - console.log('pdf.js loaded!'); - loadDeferred.resolve(); - }); - script.src = 'https:////mozilla.github.io/pdf.js/build/pdf.js'; - document.getElementsByTagName('head')[0].appendChild(script); - // The workerSrc property shall be specified. - await loadDeferred.promise; - DeesPdf.pdfjsLib = window['pdfjs-dist/build/pdf']; - DeesPdf.pdfjsLib.GlobalWorkerOptions.workerSrc = '//mozilla.github.io/pdf.js/build/pdf.worker.js'; + // @ts-ignore + DeesPdf.pdfjsLib = await import('https://cdn.jsdelivr.net/npm/pdfjs-dist@4.0.379/+esm'); + DeesPdf.pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdn.jsdelivr.net/npm/pdfjs-dist@4.0.379/build/pdf.worker.mjs'; pdfJsReadyDeferred.resolve(); } await DeesPdf.pdfJsReady; diff --git a/ts_web/elements/dees-progressbar.ts b/ts_web/elements/dees-progressbar.ts new file mode 100644 index 0000000..e69de29 diff --git a/ts_web/elements/dees-updater.demo.ts b/ts_web/elements/dees-updater.demo.ts new file mode 100644 index 0000000..e70219b --- /dev/null +++ b/ts_web/elements/dees-updater.demo.ts @@ -0,0 +1,7 @@ +import { html } from '@design.estate/dees-element'; + +import { DeesUpdater } from './dees-updater.js'; + +export const demoFunc = () => { + +} \ No newline at end of file diff --git a/ts_web/elements/dees-updater.ts b/ts_web/elements/dees-updater.ts index 5072f97..70d8045 100644 --- a/ts_web/elements/dees-updater.ts +++ b/ts_web/elements/dees-updater.ts @@ -1,7 +1,5 @@ -import { customElement, DeesElement, type TemplateResult, html, property, type CSSResult, } from '@design.estate/dees-element'; - -import * as domtools from '@design.estate/dees-domtools'; - +import { customElement, DeesElement, type TemplateResult, html, property, type CSSResult, domtools } from '@design.estate/dees-element'; +import { demoFunc } from './dees-updater.demo.js'; import './dees-windowlayer'; import { css, cssManager } from '@design.estate/dees-element'; @@ -14,7 +12,11 @@ declare global { @customElement('dees-updater') export class DeesUpdater extends DeesElement { - public static demo = () => html``; + public static demo = demoFunc; + + public static async createAndShow() { + + } @property({ type: String, @@ -38,9 +40,8 @@ export class DeesUpdater extends DeesElement { will-change: transform; position: relative; background: ${cssManager.bdTheme('#eeeeeb', '#222')}; - margin: auto; max-width: 800px; - border-radius: 3px; + border-radius: 8px; border-top: 1px solid ${cssManager.bdTheme('#eeeeeb', '#333')}; } @@ -68,7 +69,9 @@ export class DeesUpdater extends DeesElement { public render(): TemplateResult { return html` - +
@@ -84,7 +87,6 @@ export class DeesUpdater extends DeesElement { } private windowLayerClicked() { - const windowLayer = this.shadowRoot.querySelector('dees-windowlayer'); - windowLayer.toggleVisibility(); + } }