@design.estate/dees-catalog 1.0.225 → 1.0.226
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist_bundle/bundle.js +314 -229
- package/dist_bundle/bundle.js.map +4 -4
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/dees-form.d.ts +2 -1
- package/dist_ts_web/elements/dees-form.demo.d.ts +1 -0
- package/dist_ts_web/elements/dees-form.demo.js +34 -0
- package/dist_ts_web/elements/dees-form.js +7 -19
- package/dist_ts_web/elements/dees-input-fileupload.d.ts +1 -2
- package/dist_ts_web/elements/dees-input-fileupload.js +2 -3
- package/dist_ts_web/elements/dees-input-iban.d.ts +15 -0
- package/dist_ts_web/elements/dees-input-iban.demo.d.ts +1 -0
- package/dist_ts_web/elements/dees-input-iban.demo.js +3 -0
- package/dist_ts_web/elements/dees-input-iban.js +113 -0
- package/dist_ts_web/elements/dees-input-phone.d.ts +10 -0
- package/dist_ts_web/elements/dees-input-phone.demo.d.ts +1 -0
- package/dist_ts_web/elements/dees-input-phone.demo.js +3 -0
- package/dist_ts_web/elements/dees-input-phone.js +20 -0
- package/dist_ts_web/elements/dees-input-searchselect.d.ts +1 -0
- package/dist_ts_web/elements/dees-input-searchselect.js +2 -0
- package/dist_ts_web/elements/dees-input-tags.d.ts +1 -0
- package/dist_ts_web/elements/dees-input-tags.js +2 -0
- package/dist_ts_web/elements/dees-input-text.d.ts +6 -1
- package/dist_ts_web/elements/dees-input-text.js +140 -71
- package/dist_ts_web/elements/index.d.ts +2 -0
- package/dist_ts_web/elements/index.js +3 -1
- package/dist_watch/bundle.js +1320 -106
- package/dist_watch/bundle.js.map +4 -4
- package/package.json +3 -1
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/dees-form.demo.ts +35 -0
- package/ts_web/elements/dees-form.ts +22 -23
- package/ts_web/elements/dees-input-fileupload.ts +1 -2
- package/ts_web/elements/dees-input-iban.demo.ts +3 -0
- package/ts_web/elements/dees-input-iban.ts +98 -0
- package/ts_web/elements/dees-input-phone.demo.ts +3 -0
- package/ts_web/elements/dees-input-phone.ts +29 -0
- package/ts_web/elements/dees-input-searchselect.ts +0 -0
- package/ts_web/elements/dees-input-tags.ts +0 -0
- package/ts_web/elements/dees-input-text.ts +153 -76
- package/ts_web/elements/index.ts +2 -0
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export const commitinfo = {
|
|
5
5
|
name: '@design.estate/dees-catalog',
|
|
6
|
-
version: '1.0.
|
|
6
|
+
version: '1.0.225',
|
|
7
7
|
description: 'website for lossless.com'
|
|
8
8
|
};
|
|
9
9
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsNkJBQTZCO0lBQ25DLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLFdBQVcsRUFBRSwwQkFBMEI7Q0FDeEMsQ0FBQSJ9
|
|
@@ -6,7 +6,8 @@ import { DeesInputQuantitySelector } from './dees-input-quantityselector.js';
|
|
|
6
6
|
import { DeesInputRadio } from './dees-input-radio.js';
|
|
7
7
|
import { DeesFormSubmit } from './dees-form-submit.js';
|
|
8
8
|
import { DeesTable } from './dees-table.js';
|
|
9
|
-
|
|
9
|
+
import { DeesInputIban } from './dees-input-iban.js';
|
|
10
|
+
export type TFormInputElement = DeesInputCheckbox | DeesInputIban | DeesInputText | DeesInputQuantitySelector | DeesInputRadio | DeesTable<any>;
|
|
10
11
|
declare global {
|
|
11
12
|
interface HTMLElementTagNameMap {
|
|
12
13
|
'dees-form': DeesForm;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { html, domtools } from '@design.estate/dees-element';
|
|
2
|
+
export const demoFunc = () => html `
|
|
3
|
+
<style>
|
|
4
|
+
.demoContainer {
|
|
5
|
+
max-width: 400px;
|
|
6
|
+
margin: auto;
|
|
7
|
+
padding: 16px;
|
|
8
|
+
background: #111;
|
|
9
|
+
}
|
|
10
|
+
</style>
|
|
11
|
+
<div class="demoContainer">
|
|
12
|
+
<dees-form
|
|
13
|
+
style="display: block; margin:auto; max-width: 500px; padding: 20px"
|
|
14
|
+
@formData=${async (eventArg) => {
|
|
15
|
+
const form = eventArg.currentTarget;
|
|
16
|
+
form.setStatus('pending', 'authenticating...');
|
|
17
|
+
await domtools.plugins.smartdelay.delayFor(1000);
|
|
18
|
+
form.setStatus('success', 'authenticated!');
|
|
19
|
+
}}
|
|
20
|
+
>
|
|
21
|
+
<dees-input-text .required="${true}" key="hello1" label="a text"></dees-input-text>
|
|
22
|
+
<dees-input-text .required="${true}" key="hello2" label="also a text"></dees-input-text>
|
|
23
|
+
<dees-input-text .required="${true}" key="hello3" label="a password" isPasswordBool></dees-input-text>
|
|
24
|
+
<dees-input-checkbox
|
|
25
|
+
.required="${true}"
|
|
26
|
+
key="hello3"
|
|
27
|
+
label="another text"
|
|
28
|
+
></dees-input-checkbox>
|
|
29
|
+
<dees-input-iban></dees-input-iban>
|
|
30
|
+
<dees-form-submit>Submit</dees-form-submit>
|
|
31
|
+
</dees-form>
|
|
32
|
+
</div>
|
|
33
|
+
`;
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1mb3JtLmRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvZGVlcy1mb3JtLmRlbW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUc3RCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7Ozs7Ozs7Ozs7a0JBWWhCLEtBQUssRUFBRSxRQUFRLEVBQUUsRUFBRTtJQUM3QixNQUFNLElBQUksR0FBYSxRQUFRLENBQUMsYUFBYSxDQUFDO0lBQzlDLElBQUksQ0FBQyxTQUFTLENBQUMsU0FBUyxFQUFFLG1CQUFtQixDQUFDLENBQUM7SUFDL0MsTUFBTSxRQUFRLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDakQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztBQUM5QyxDQUFDOztvQ0FFNkIsSUFBSTtvQ0FDSixJQUFJO29DQUNKLElBQUk7O3FCQUVuQixJQUFJOzs7Ozs7OztDQVF4QixDQUFDIn0=
|
|
@@ -12,9 +12,12 @@ import { DeesInputQuantitySelector } from './dees-input-quantityselector.js';
|
|
|
12
12
|
import { DeesInputRadio } from './dees-input-radio.js';
|
|
13
13
|
import { DeesFormSubmit } from './dees-form-submit.js';
|
|
14
14
|
import { DeesTable } from './dees-table.js';
|
|
15
|
+
import { demoFunc } from './dees-form.demo.js';
|
|
16
|
+
import { DeesInputIban } from './dees-input-iban.js';
|
|
15
17
|
// Unified set for form input types
|
|
16
18
|
const FORM_INPUT_TYPES = [
|
|
17
19
|
DeesInputCheckbox,
|
|
20
|
+
DeesInputIban,
|
|
18
21
|
DeesInputText,
|
|
19
22
|
DeesInputQuantitySelector,
|
|
20
23
|
DeesInputRadio,
|
|
@@ -27,22 +30,7 @@ export let DeesForm = class DeesForm extends DeesElement {
|
|
|
27
30
|
this.changeSubject = new domtools.rxjs.Subject();
|
|
28
31
|
this.readyDeferred = domtools.plugins.smartpromise.defer();
|
|
29
32
|
}
|
|
30
|
-
static { this.demo =
|
|
31
|
-
<dees-form
|
|
32
|
-
style="display: block; margin:auto; max-width: 500px; padding: 20px"
|
|
33
|
-
@formData=${async (eventArg) => {
|
|
34
|
-
const form = eventArg.currentTarget;
|
|
35
|
-
form.setStatus('pending', 'authenticating...');
|
|
36
|
-
await domtools.plugins.smartdelay.delayFor(1000);
|
|
37
|
-
form.setStatus('success', 'authenticated!');
|
|
38
|
-
}}
|
|
39
|
-
>
|
|
40
|
-
<dees-input-text .required="${true}" key="hello1" label="a text"></dees-input-text>
|
|
41
|
-
<dees-input-text .required="${true}" key="hello2" label="also a text"></dees-input-text>
|
|
42
|
-
<dees-input-checkbox .required="${true}" key="hello3" label="another text"></dees-input-checkbox>
|
|
43
|
-
<dees-form-submit>Submit</dees-form-submit>
|
|
44
|
-
</dees-form>
|
|
45
|
-
`; }
|
|
33
|
+
static { this.demo = demoFunc; }
|
|
46
34
|
render() {
|
|
47
35
|
return html `
|
|
48
36
|
<style>
|
|
@@ -68,10 +56,10 @@ export let DeesForm = class DeesForm extends DeesElement {
|
|
|
68
56
|
this.readyDeferred.resolve();
|
|
69
57
|
}
|
|
70
58
|
getFormElements() {
|
|
71
|
-
return
|
|
59
|
+
return Array.from(this.children).filter((child) => FORM_INPUT_TYPES.includes(child.constructor));
|
|
72
60
|
}
|
|
73
61
|
getSubmitButton() {
|
|
74
|
-
return Array.from(this.children).find(child => child instanceof DeesFormSubmit);
|
|
62
|
+
return Array.from(this.children).find((child) => child instanceof DeesFormSubmit);
|
|
75
63
|
}
|
|
76
64
|
async updateRequiredStatus() {
|
|
77
65
|
console.log('checking the required status.');
|
|
@@ -177,4 +165,4 @@ export let DeesForm = class DeesForm extends DeesElement {
|
|
|
177
165
|
DeesForm = __decorate([
|
|
178
166
|
customElement('dees-form')
|
|
179
167
|
], DeesForm);
|
|
180
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
168
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1mb3JtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtZm9ybS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxPQUFPLEVBQ0wsYUFBYSxFQUNiLElBQUksRUFFSixXQUFXLEdBRVosTUFBTSw2QkFBNkIsQ0FBQztBQUNyQyxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBRXpELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzdELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUM3RSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRXJELG1DQUFtQztBQUNuQyxNQUFNLGdCQUFnQixHQUFHO0lBQ3ZCLGlCQUFpQjtJQUNqQixhQUFhO0lBQ2IsYUFBYTtJQUNiLHlCQUF5QjtJQUN6QixjQUFjO0lBQ2QsU0FBUztDQUNWLENBQUM7QUFpQkssV0FBTSxRQUFRLEdBQWQsTUFBTSxRQUFTLFNBQVEsV0FBVztJQUFsQzs7UUFHRSxTQUFJLEdBQVcsUUFBUSxDQUFDO1FBQ3hCLGtCQUFhLEdBQUcsSUFBSSxRQUFRLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQzVDLGtCQUFhLEdBQUcsUUFBUSxDQUFDLE9BQU8sQ0FBQyxZQUFZLENBQUMsS0FBSyxFQUFFLENBQUM7SUF3Si9ELENBQUM7YUE1SmUs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
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { DeesElement, type TemplateResult, type CSSResult } from '@design.estate/dees-element';
|
|
2
|
-
import * as domtools from '@design.estate/dees-domtools';
|
|
1
|
+
import { DeesElement, type TemplateResult, type CSSResult, domtools } from '@design.estate/dees-element';
|
|
3
2
|
declare global {
|
|
4
3
|
interface HTMLElementTagNameMap {
|
|
5
4
|
'dees-input-fileupload': DeesInputFileupload;
|
|
@@ -7,8 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
7
7
|
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
8
8
|
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
9
9
|
};
|
|
10
|
-
import { customElement, DeesElement, property, html, css, unsafeCSS, cssManager, } from '@design.estate/dees-element';
|
|
11
|
-
import * as domtools from '@design.estate/dees-domtools';
|
|
10
|
+
import { customElement, DeesElement, property, html, css, unsafeCSS, cssManager, domtools, } from '@design.estate/dees-element';
|
|
12
11
|
export let DeesInputFileupload = class DeesInputFileupload extends DeesElement {
|
|
13
12
|
static { this.demo = () => html `<dees-input-fileupload .label=${'Attachments'}></dees-input-fileupload>`; }
|
|
14
13
|
constructor() {
|
|
@@ -208,4 +207,4 @@ DeesInputFileupload = __decorate([
|
|
|
208
207
|
customElement('dees-input-fileupload'),
|
|
209
208
|
__metadata("design:paramtypes", [])
|
|
210
209
|
], DeesInputFileupload);
|
|
211
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
210
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC1maWxldXBsb2FkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtaW5wdXQtZmlsZXVwbG9hZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsYUFBYSxFQUNiLFdBQVcsRUFFWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLEdBQUcsRUFDSCxTQUFTLEVBQ1QsVUFBVSxFQUVWLFFBQVEsR0FDVCxNQUFNLDZCQUE2QixDQUFDO0FBUzlCLFdBQU0sbUJBQW1CLEdBQXpCLE1BQU0sbUJBQW9CLFNBQVEsV0FBVzthQUNwQyxTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLGlDQUFpQyxhQUFhLDJCQUEyQixBQUF0RixDQUF1RjtJQXVDekc7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQXRDVixXQUFXO1FBQ0osa0JBQWEsR0FBRyxJQUFJLFFBQVEsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7UUFLNUMsVUFBSyxHQUFXLElBQUksQ0FBQztRQVdyQixVQUFLLEdBQVcsRUFBRSxDQUFDO1FBR25CLFVBQUssR0FBZ0UsTUFBTSxDQUFDO1FBSzVFLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFLMUIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUsxQixlQUFVLEdBQVcsZ0JBQWdCLENBQUM7SUFJN0MsQ0FBQzthQUVhLFdBQU0sR0FBRztRQUNyQixVQUFVLENBQUMsYUFBYTtRQUN4QixHQUFHLENBQUE7Ozs7Ozs7Ozs7Ozs7aUJBYVUsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDOzs7Ozs7Ozs7Ozs7OztzQkFjN0IsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7aUJBOEI3QyxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUM7Ozs7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
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { DeesElement, type TemplateResult, domtools } from '@design.estate/dees-element';
|
|
2
|
+
export declare class DeesInputIban extends DeesElement {
|
|
3
|
+
static demo: () => TemplateResult<1>;
|
|
4
|
+
enteredString: string;
|
|
5
|
+
enteredIbanIsValid: boolean;
|
|
6
|
+
disabled: boolean;
|
|
7
|
+
required: boolean;
|
|
8
|
+
label: string;
|
|
9
|
+
key: string;
|
|
10
|
+
value: string;
|
|
11
|
+
changeSubject: domtools.rxjs.Subject<DeesInputIban>;
|
|
12
|
+
render(): TemplateResult;
|
|
13
|
+
firstUpdated(): Promise<void>;
|
|
14
|
+
validateIban(eventArg: InputEvent): Promise<void>;
|
|
15
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { html } from '@design.estate/dees-element';
|
|
2
|
+
export const demoFunc = () => html `<dees-input-iban .label=${'IBAN'}></dees-input-iban>`;
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC1pYmFuLmRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvZGVlcy1pbnB1dC1pYmFuLmRlbW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRW5ELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUEsMkJBQTJCLE1BQU0scUJBQXFCLENBQUMifQ==
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
8
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
9
|
+
};
|
|
10
|
+
import { customElement, DeesElement, state, html, domtools, property, } from '@design.estate/dees-element';
|
|
11
|
+
import * as ibantools from 'ibantools';
|
|
12
|
+
import { demoFunc } from './dees-input-iban.demo.js';
|
|
13
|
+
export let DeesInputIban = class DeesInputIban extends DeesElement {
|
|
14
|
+
constructor() {
|
|
15
|
+
super(...arguments);
|
|
16
|
+
// INSTANCE
|
|
17
|
+
this.enteredString = '';
|
|
18
|
+
this.enteredIbanIsValid = false;
|
|
19
|
+
this.disabled = false;
|
|
20
|
+
this.required = false;
|
|
21
|
+
this.label = '';
|
|
22
|
+
this.key = '';
|
|
23
|
+
this.value = '';
|
|
24
|
+
this.changeSubject = new domtools.rxjs.Subject();
|
|
25
|
+
}
|
|
26
|
+
// STATIC
|
|
27
|
+
static { this.demo = demoFunc; }
|
|
28
|
+
render() {
|
|
29
|
+
return html `
|
|
30
|
+
<style>
|
|
31
|
+
input[type='text'] {
|
|
32
|
+
line-height: 20px;
|
|
33
|
+
padding: 5px;
|
|
34
|
+
width: 250px;
|
|
35
|
+
}
|
|
36
|
+
</style>
|
|
37
|
+
<dees-input-text
|
|
38
|
+
.label=${'IBAN'}
|
|
39
|
+
.value=${this.value}
|
|
40
|
+
@input=${(eventArg) => {
|
|
41
|
+
this.validateIban(eventArg);
|
|
42
|
+
}}
|
|
43
|
+
></dees-input-text>
|
|
44
|
+
`;
|
|
45
|
+
}
|
|
46
|
+
async firstUpdated() {
|
|
47
|
+
const deesInputText = this.shadowRoot.querySelector('dees-input-text');
|
|
48
|
+
deesInputText.disabled = this.disabled;
|
|
49
|
+
deesInputText.required = this.required;
|
|
50
|
+
deesInputText.changeSubject.subscribe(valueArg => {
|
|
51
|
+
this.value = valueArg.value;
|
|
52
|
+
this.changeSubject.next(this);
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
async validateIban(eventArg) {
|
|
56
|
+
const inputElement = eventArg.target;
|
|
57
|
+
let enteredString = inputElement?.value;
|
|
58
|
+
enteredString = enteredString || '';
|
|
59
|
+
if (this.enteredString !== enteredString) {
|
|
60
|
+
this.enteredString = ibantools.friendlyFormatIBAN(enteredString) || '';
|
|
61
|
+
if (inputElement) {
|
|
62
|
+
inputElement.value = this.enteredString;
|
|
63
|
+
this.value = this.enteredString;
|
|
64
|
+
this.changeSubject.next(this);
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
this.enteredIbanIsValid = ibantools.isValidIBAN(this.enteredString.replace(/ /g, ''));
|
|
68
|
+
const deesInputText = this.shadowRoot.querySelector('dees-input-text');
|
|
69
|
+
deesInputText.validationText = `IBAN is valid: ${this.enteredIbanIsValid}`;
|
|
70
|
+
}
|
|
71
|
+
};
|
|
72
|
+
__decorate([
|
|
73
|
+
state(),
|
|
74
|
+
__metadata("design:type", String)
|
|
75
|
+
], DeesInputIban.prototype, "enteredString", void 0);
|
|
76
|
+
__decorate([
|
|
77
|
+
state(),
|
|
78
|
+
__metadata("design:type", Boolean)
|
|
79
|
+
], DeesInputIban.prototype, "enteredIbanIsValid", void 0);
|
|
80
|
+
__decorate([
|
|
81
|
+
property({
|
|
82
|
+
type: Boolean,
|
|
83
|
+
}),
|
|
84
|
+
__metadata("design:type", Object)
|
|
85
|
+
], DeesInputIban.prototype, "disabled", void 0);
|
|
86
|
+
__decorate([
|
|
87
|
+
property({
|
|
88
|
+
type: Boolean,
|
|
89
|
+
}),
|
|
90
|
+
__metadata("design:type", Object)
|
|
91
|
+
], DeesInputIban.prototype, "required", void 0);
|
|
92
|
+
__decorate([
|
|
93
|
+
property({
|
|
94
|
+
type: String,
|
|
95
|
+
}),
|
|
96
|
+
__metadata("design:type", Object)
|
|
97
|
+
], DeesInputIban.prototype, "label", void 0);
|
|
98
|
+
__decorate([
|
|
99
|
+
property({
|
|
100
|
+
type: String,
|
|
101
|
+
}),
|
|
102
|
+
__metadata("design:type", Object)
|
|
103
|
+
], DeesInputIban.prototype, "key", void 0);
|
|
104
|
+
__decorate([
|
|
105
|
+
property({
|
|
106
|
+
type: String,
|
|
107
|
+
}),
|
|
108
|
+
__metadata("design:type", Object)
|
|
109
|
+
], DeesInputIban.prototype, "value", void 0);
|
|
110
|
+
DeesInputIban = __decorate([
|
|
111
|
+
customElement('dees-input-iban')
|
|
112
|
+
], DeesInputIban);
|
|
113
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC1pYmFuLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtaW5wdXQtaWJhbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsYUFBYSxFQUNiLFdBQVcsRUFFWCxLQUFLLEVBQ0wsSUFBSSxFQUNKLFFBQVEsRUFDUixRQUFRLEdBQ1QsTUFBTSw2QkFBNkIsQ0FBQztBQUVyQyxPQUFPLEtBQUssU0FBUyxNQUFNLFdBQVcsQ0FBQztBQUN2QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFHOUMsV0FBTSxhQUFhLEdBQW5CLE1BQU0sYUFBYyxTQUFRLFdBQVc7SUFBdkM7O1FBSUwsV0FBVztRQUVYLGtCQUFhLEdBQVcsRUFBRSxDQUFDO1FBRzNCLHVCQUFrQixHQUFZLEtBQUssQ0FBQztRQUs3QixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBS2pCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFLakIsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUtYLFFBQUcsR0FBRyxFQUFFLENBQUM7UUFLVCxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBRVgsa0JBQWEsR0FBRyxJQUFJLFFBQVEsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFpQixDQUFDO0lBK0NwRSxDQUFDO0lBbEZDLFNBQVM7YUFDSyxTQUFJLEdBQUcsUUFBUSxBQUFYLENBQVk7SUFvQ3ZCLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTs7Ozs7Ozs7O2lCQVNFLE1BQU07aUJBQ04sSUFBSSxDQUFDLEtBQUs7aUJBQ1YsQ0FBQyxRQUFvQixFQUFFLEVBQUU7WUFDaEMsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUM5QixDQUFDOztLQUVKLENBQUM7SUFDSixDQUFDO0lBRU0sS0FBSyxDQUFDLFlBQVk7UUFDdkIsTUFBTSxhQUFhLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUN2RSxhQUFhLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDdkMsYUFBYSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQ3ZDLGFBQWEsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQy9DLElBQUksQ0FBQyxLQUFLLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQztZQUM1QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNoQyxDQUFDLENBQUMsQ0FBQTtJQUNKLENBQUM7SUFFTSxLQUFLLENBQUMsWUFBWSxDQUFDLFFBQW9CO1FBQzVDLE1BQU0sWUFBWSxHQUFxQixRQUFRLENBQUMsTUFBMEIsQ0FBQztRQUMzRSxJQUFJLGFBQWEsR0FBRyxZQUFZLEVBQUUsS0FBSyxDQUFDO1FBQ3hDLGFBQWEsR0FBRyxhQUFhLElBQUksRUFBRSxDQUFDO1FBQ3BDLElBQUksSUFBSSxDQUFDLGFBQWEsS0FBSyxhQUFhLEVBQUU7WUFDeEMsSUFBSSxDQUFDLGFBQWEsR0FBRyxTQUFTLENBQUMsa0JBQWtCLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ3ZFLElBQUksWUFBWSxFQUFFO2dCQUNoQixZQUFZLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUM7Z0JBQ3hDLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQztnQkFDaEMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7YUFDL0I7U0FDRjtRQUNELElBQUksQ0FBQyxrQkFBa0IsR0FBRyxTQUFTLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ3RGLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFDdkUsYUFBYSxDQUFDLGNBQWMsR0FBRyxrQkFBa0IsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7SUFDN0UsQ0FBQzs7QUE1RUQ7SUFEQyxLQUFLLEVBQUU7O29EQUNtQjtBQUczQjtJQURDLEtBQUssRUFBRTs7eURBQzRCO0FBSzdCO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE9BQU87S0FDZCxDQUFDOzsrQ0FDc0I7QUFLakI7SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsT0FBTztLQUNkLENBQUM7OytDQUNzQjtBQUtqQjtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQzs7NENBQ2dCO0FBS1g7SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtLQUNiLENBQUM7OzBDQUNjO0FBS1Q7SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtLQUNiLENBQUM7OzRDQUNnQjtBQWxDUCxhQUFhO0lBRHpCLGFBQWEsQ0FBQyxpQkFBaUIsQ0FBQztHQUNwQixhQUFhLENBbUZ6QiJ9
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
|
|
2
|
+
declare global {
|
|
3
|
+
interface HTMLElementTagNameMap {
|
|
4
|
+
'dees-input-phone': DeesInputPhone;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
export declare class DeesInputPhone extends DeesElement {
|
|
8
|
+
static demo: () => TemplateResult<1>;
|
|
9
|
+
render(): TemplateResult<1>;
|
|
10
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { html } from '@design.estate/dees-element';
|
|
2
|
+
export const demoFunc = () => html `<dees-input-phone .label=${'Phone Number'}></dees-input-phone>`;
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC1waG9uZS5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtaW5wdXQtcGhvbmUuZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFbkQsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQSw0QkFBNEIsY0FBYyxzQkFBc0IsQ0FBQyJ9
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { customElement, DeesElement, property, html, css, unsafeCSS, cssManager, } from '@design.estate/dees-element';
|
|
8
|
+
import { demoFunc } from './dees-input-phone.demo.js';
|
|
9
|
+
export let DeesInputPhone = class DeesInputPhone extends DeesElement {
|
|
10
|
+
// STATIC
|
|
11
|
+
static { this.demo = demoFunc; }
|
|
12
|
+
// INSTANCE
|
|
13
|
+
render() {
|
|
14
|
+
return html `<div>Phone Input</div>`;
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
DeesInputPhone = __decorate([
|
|
18
|
+
customElement('dees-input-phone')
|
|
19
|
+
], DeesInputPhone);
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC1waG9uZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLWlucHV0LXBob25lLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLE9BQU8sRUFDTCxhQUFhLEVBQ2IsV0FBVyxFQUVYLFFBQVEsRUFDUixJQUFJLEVBQ0osR0FBRyxFQUNILFNBQVMsRUFDVCxVQUFVLEdBRVgsTUFBTSw2QkFBNkIsQ0FBQztBQUNyQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFTL0MsV0FBTSxjQUFjLEdBQXBCLE1BQU0sY0FBZSxTQUFRLFdBQVc7SUFDN0MsU0FBUzthQUNLLFNBQUksR0FBRyxRQUFRLEFBQVgsQ0FBWTtJQUU5QixXQUFXO0lBQ0osTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBLHdCQUF3QixDQUFDO0lBQ3RDLENBQUM7O0FBUFUsY0FBYztJQUQxQixhQUFhLENBQUMsa0JBQWtCLENBQUM7R0FDckIsY0FBYyxDQVExQiJ9
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
|
|
1
|
+
import { DeesElement, type TemplateResult, type CSSResult } from '@design.estate/dees-element';
|
|
2
2
|
import * as domtools from '@design.estate/dees-domtools';
|
|
3
3
|
declare global {
|
|
4
4
|
interface HTMLElementTagNameMap {
|
|
@@ -15,7 +15,12 @@ export declare class DeesInputText extends DeesElement {
|
|
|
15
15
|
disabled: boolean;
|
|
16
16
|
isPasswordBool: boolean;
|
|
17
17
|
showPasswordBool: boolean;
|
|
18
|
+
validationState: 'valid' | 'warn' | 'invalid';
|
|
19
|
+
validationText: string;
|
|
20
|
+
validationFunction: (value: string) => boolean;
|
|
21
|
+
static styles: CSSResult[];
|
|
18
22
|
render(): TemplateResult;
|
|
23
|
+
firstUpdated(): void;
|
|
19
24
|
updateValue(eventArg: Event): Promise<void>;
|
|
20
25
|
freeze(): Promise<void>;
|
|
21
26
|
unfreeze(): Promise<void>;
|