diff --git a/package-lock.json b/package-lock.json index 66139b7..727f553 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1180,40 +1180,40 @@ } }, "@fortawesome/fontawesome-common-types": { - "version": "0.2.32", - "resolved": "https://verdaccio.lossless.one/@fortawesome%2ffontawesome-common-types/-/fontawesome-common-types-0.2.32.tgz", - "integrity": "sha512-ux2EDjKMpcdHBVLi/eWZynnPxs0BtFVXJkgHIxXRl+9ZFaHPvYamAfCzeeQFqHRjuJtX90wVnMRaMQAAlctz3w==" + "version": "0.2.34", + "resolved": "https://verdaccio.lossless.one/@fortawesome%2ffontawesome-common-types/-/fontawesome-common-types-0.2.34.tgz", + "integrity": "sha512-XcIn3iYbTEzGIxD0/dY5+4f019jIcEIWBiHc3KrmK/ROahwxmZ/s+tdj97p/5K0klz4zZUiMfUlYP0ajhSJjmA==" }, "@fortawesome/fontawesome-svg-core": { - "version": "1.2.32", - "resolved": "https://verdaccio.lossless.one/@fortawesome%2ffontawesome-svg-core/-/fontawesome-svg-core-1.2.32.tgz", - "integrity": "sha512-XjqyeLCsR/c/usUpdWcOdVtWFVjPbDFBTQkn2fQRrWhhUoxriQohO2RWDxLyUM8XpD+Zzg5xwJ8gqTYGDLeGaQ==", + "version": "1.2.34", + "resolved": "https://verdaccio.lossless.one/@fortawesome%2ffontawesome-svg-core/-/fontawesome-svg-core-1.2.34.tgz", + "integrity": "sha512-0KNN0nc5eIzaJxlv43QcDmTkDY1CqeN6J7OCGSs+fwGPdtv0yOQqRjieopBCmw+yd7uD3N2HeNL3Zm5isDleLg==", "requires": { - "@fortawesome/fontawesome-common-types": "^0.2.32" + "@fortawesome/fontawesome-common-types": "^0.2.34" } }, "@fortawesome/free-brands-svg-icons": { - "version": "5.15.1", - "resolved": "https://verdaccio.lossless.one/@fortawesome%2ffree-brands-svg-icons/-/free-brands-svg-icons-5.15.1.tgz", - "integrity": "sha512-pkTZIWn7iuliCCgV+huDfZmZb2UjslalXGDA2PcqOVUYJmYL11y6ooFiMJkJvUZu+xgAc1gZgQe+Px12mZF0CA==", + "version": "5.15.2", + "resolved": "https://verdaccio.lossless.one/@fortawesome%2ffree-brands-svg-icons/-/free-brands-svg-icons-5.15.2.tgz", + "integrity": "sha512-YPlVjE1cEO+OJ9I9ay3TQ3I88+XkxMTYwnnddqAboxLhPNGncsHV0DjWOVLCyuAY66yPfyndWwVn4v7vuqsO1g==", "requires": { - "@fortawesome/fontawesome-common-types": "^0.2.32" + "@fortawesome/fontawesome-common-types": "^0.2.34" } }, "@fortawesome/free-regular-svg-icons": { - "version": "5.15.1", - "resolved": "https://verdaccio.lossless.one/@fortawesome%2ffree-regular-svg-icons/-/free-regular-svg-icons-5.15.1.tgz", - "integrity": "sha512-eD9NWFy89e7SVVtrLedJUxIpCBGhd4x7s7dhesokjyo1Tw62daqN5UcuAGu1NrepLLq1IeAYUVfWwnOjZ/j3HA==", + "version": "5.15.2", + "resolved": "https://verdaccio.lossless.one/@fortawesome%2ffree-regular-svg-icons/-/free-regular-svg-icons-5.15.2.tgz", + "integrity": "sha512-Uv5NQCYjyisNVTu/1Xjs+z8vwQjbfT6hiqYvQNfF0n8qdgfWLM581bAfVMQ3BCs1SPy+eEUKNcGkK4n0FihFHg==", "requires": { - "@fortawesome/fontawesome-common-types": "^0.2.32" + "@fortawesome/fontawesome-common-types": "^0.2.34" } }, "@fortawesome/free-solid-svg-icons": { - "version": "5.15.1", - "resolved": "https://verdaccio.lossless.one/@fortawesome%2ffree-solid-svg-icons/-/free-solid-svg-icons-5.15.1.tgz", - "integrity": "sha512-EFMuKtzRMNbvjab/SvJBaOOpaqJfdSap/Nl6hst7CgrJxwfORR1drdTV6q1Ib/JVzq4xObdTDcT6sqTaXMqfdg==", + "version": "5.15.2", + "resolved": "https://verdaccio.lossless.one/@fortawesome%2ffree-solid-svg-icons/-/free-solid-svg-icons-5.15.2.tgz", + "integrity": "sha512-ZfCU+QjaFsdNZmOGmfqEWhzI3JOe37x5dF4kz9GeXvKn/sTxhqMtZ7mh3lBf76SvcYY5/GKFuyG7p1r4iWMQqw==", "requires": { - "@fortawesome/fontawesome-common-types": "^0.2.32" + "@fortawesome/fontawesome-common-types": "^0.2.34" } }, "@gitzone/tsbuild": { @@ -10129,9 +10129,9 @@ "dev": true }, "typescript": { - "version": "4.1.2", - "resolved": "https://verdaccio.lossless.one/typescript/-/typescript-4.1.2.tgz", - "integrity": "sha512-thGloWsGH3SOxv1SoY7QojKi0tc+8FnOmiarEGMbd/lar7QOEd3hvlx3Fp5y6FlDUGl9L+pd4n2e+oToGMmhRQ==" + "version": "4.1.5", + "resolved": "https://verdaccio.lossless.one/typescript/-/typescript-4.1.5.tgz", + "integrity": "sha512-6OSu9PTIzmn9TCDiovULTnET6BgXtDYL4Gg4szY+cGsc3JP1dQL8qvE8kShTRx1NIw4Q9IBHlwODjkjWEtMUyA==" }, "uglify-js": { "version": "3.12.1", diff --git a/package.json b/package.json index f6d5a08..d64ff6e 100644 --- a/package.json +++ b/package.json @@ -16,11 +16,11 @@ "@designestate/dees-domtools": "^1.0.84", "@designestate/dees-element": "^1.0.10", "@designestate/dees-wcctools": "^1.0.54", - "@fortawesome/fontawesome-svg-core": "^1.2.32", - "@fortawesome/free-brands-svg-icons": "^5.15.1", - "@fortawesome/free-regular-svg-icons": "^5.15.1", - "@fortawesome/free-solid-svg-icons": "^5.15.1", - "typescript": "^4.1.2" + "@fortawesome/fontawesome-svg-core": "^1.2.34", + "@fortawesome/free-brands-svg-icons": "^5.15.2", + "@fortawesome/free-regular-svg-icons": "^5.15.2", + "@fortawesome/free-solid-svg-icons": "^5.15.2", + "typescript": "^4.1.5" }, "devDependencies": { "@gitzone/tsbuild": "^2.1.25", diff --git a/ts_web/elements/dees-button.ts b/ts_web/elements/dees-button.ts index fb41d8d..a37306f 100644 --- a/ts_web/elements/dees-button.ts +++ b/ts_web/elements/dees-button.ts @@ -2,6 +2,12 @@ import { customElement, html, DeesElement, property, TemplateResult } from '@des import * as domtools from '@designestate/dees-domtools'; +declare global { + interface HTMLElementTagNameMap { + 'dees-button': DeesButton; + } +} + @customElement('dees-button') export class DeesButton extends DeesElement { public static demo = () => html`` diff --git a/ts_web/elements/dees-form-submit.ts b/ts_web/elements/dees-form-submit.ts index 0bf3710..34b4a05 100644 --- a/ts_web/elements/dees-form-submit.ts +++ b/ts_web/elements/dees-form-submit.ts @@ -2,6 +2,12 @@ import { customElement, html, LitElement } from 'lit-element'; import {DeesForm} from './dees-form'; +declare global { + interface HTMLElementTagNameMap { + 'dees-form-submit': DeesFormSubmit; + } +} + @customElement('dees-form-submit') export class DeesFormSubmit extends LitElement { diff --git a/ts_web/elements/dees-form.ts b/ts_web/elements/dees-form.ts index 1ac71f0..99ec064 100644 --- a/ts_web/elements/dees-form.ts +++ b/ts_web/elements/dees-form.ts @@ -5,6 +5,12 @@ import { DeesInputText } from './dees-input-text'; import { DeesInputQuantitySelector } from './dees-input-quantityselector'; import { DeesInputRadio } from './dees-input-radio'; +declare global { + interface HTMLElementTagNameMap { + 'dees-form': DeesForm; + } +} + @customElement('dees-form') export class DeesForm extends LitElement { public static demo = () => html` diff --git a/ts_web/elements/dees-updater.ts b/ts_web/elements/dees-updater.ts new file mode 100644 index 0000000..b9f7fb4 --- /dev/null +++ b/ts_web/elements/dees-updater.ts @@ -0,0 +1,47 @@ +import { customElement, LitElement, TemplateResult, html, property } from 'lit-element'; + +import * as domtools from '@designestate/dees-domtools'; + + +import './dees-windowlayer'; + +declare global { + interface HTMLElementTagNameMap { + 'dees-updater': DeesUpdater; + } +} + +@customElement('dees-updater') +export class DeesUpdater extends LitElement { + public static demo = () => html``; + + @property() + currentVersion: string; + + @property() + updatedVersion: string; + + constructor() { + super(); + domtools.elementBasic.setup(); + } + + public render(): TemplateResult { + return html` + ${domtools.elementBasic.styles} + + +
+ > + `; + } +} diff --git a/ts_web/elements/dees-windowlayer.ts b/ts_web/elements/dees-windowlayer.ts new file mode 100644 index 0000000..8837875 --- /dev/null +++ b/ts_web/elements/dees-windowlayer.ts @@ -0,0 +1,50 @@ +import { customElement, LitElement, TemplateResult, html, property } from 'lit-element'; + +import * as domtools from '@designestate/dees-domtools'; + +declare global { + interface HTMLElementTagNameMap { + 'dees-windowlayer': DeesWindowLayer; + } +} + +@customElement('dees-windowlayer') +export class DeesWindowLayer extends LitElement { + public static demo = () => html``; + + constructor() { + super(); + domtools.elementBasic.setup(); + } + + public render(): TemplateResult { + return html` + ${domtools.elementBasic.styles} + +
+ +
+ `; + } + + firstUpdated() { + setTimeout(() => { + this.shadowRoot.querySelector('.windowOverlay').classList.add('visible'); + }, 100); + } +} diff --git a/ts_web/elements/index.ts b/ts_web/elements/index.ts index 54dea7b..f8ec7a4 100644 --- a/ts_web/elements/index.ts +++ b/ts_web/elements/index.ts @@ -8,3 +8,5 @@ export * from './dees-input-quantityselector'; export * from './dees-input-radio'; export * from './dees-input-text'; export * from './dees-toast'; +export * from './dees-updater'; +export * from './dees-windowlayer';