@3t-transform/threeteeui 0.1.7 → 0.1.8
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/cjs/{index-451f61dd.js → index-8ba406f6.js} +91 -3
- package/dist/cjs/loader.cjs.js +3 -18
- package/dist/cjs/tttx-button.cjs.entry.js +2 -2
- package/dist/cjs/tttx-form.cjs.entry.js +1 -1
- package/dist/cjs/tttx-icon.cjs.entry.js +1 -1
- package/dist/cjs/tttx-keyvalue-block.cjs.entry.js +1 -1
- package/dist/cjs/tttx-list.cjs.entry.js +4 -34
- package/dist/cjs/tttx-loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/tttx-standalone-input.cjs.entry.js +1 -1
- package/dist/cjs/tttx-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/tttx.cjs.js +8 -116
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/atoms/tttx-button/tttx-button.css +8 -0
- package/dist/collection/components/molecules/tttx-standalone-input/tttx-standalone-input.stories.js +13 -0
- package/dist/collection/components/molecules/tttx-toolbar/tttx-toolbar.stories.js +1 -1
- package/dist/components/index.d.ts +9 -0
- package/dist/components/index.js +1 -5
- package/dist/components/tttx-button.js +1 -1
- package/dist/components/tttx-list.js +3 -33
- package/dist/esm/{index-0350f122.js → index-5f9b72ff.js} +91 -4
- package/dist/esm/loader.js +3 -18
- package/dist/esm/polyfills/css-shim.js +1 -1
- package/dist/esm/tttx-button.entry.js +2 -2
- package/dist/esm/tttx-form.entry.js +1 -1
- package/dist/esm/tttx-icon.entry.js +1 -1
- package/dist/esm/tttx-keyvalue-block.entry.js +1 -1
- package/dist/esm/tttx-list.entry.js +4 -34
- package/dist/esm/tttx-loading-spinner.entry.js +1 -1
- package/dist/esm/tttx-standalone-input.entry.js +1 -1
- package/dist/esm/tttx-toolbar.entry.js +1 -1
- package/dist/esm/tttx.js +5 -116
- package/dist/tttx/index.esm.js +0 -1
- package/dist/tttx/{p-0a85dda4.entry.js → p-0342cc46.entry.js} +1 -1
- package/dist/tttx/p-1290dcd7.entry.js +3 -0
- package/dist/tttx/{p-a0179cb1.entry.js → p-1b394414.entry.js} +1 -1
- package/dist/tttx/{p-5cae1beb.entry.js → p-405219b2.entry.js} +1 -1
- package/dist/tttx/{p-4f3958fa.entry.js → p-435c62b3.entry.js} +1 -1
- package/dist/tttx/{p-1b015a9d.entry.js → p-4ecc9e8b.entry.js} +1 -1
- package/dist/tttx/{p-cc6644c9.entry.js → p-9cff9c64.entry.js} +1 -1
- package/dist/tttx/{p-92465671.entry.js → p-adf35f58.entry.js} +1 -1
- package/dist/tttx/p-c4b803fc.js +2 -0
- package/dist/tttx/tttx.esm.js +1 -129
- package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.d.ts +6 -6
- package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.stories.d.ts +1 -0
- package/dist/types/stencil-public-runtime.d.ts +59 -3
- package/loader/index.d.ts +9 -0
- package/package.json +1 -1
- package/dist/cjs/app-globals-3a1e7e63.js +0 -5
- package/dist/cjs/css-shim-211819bc.js +0 -6
- package/dist/cjs/dom-9deb26c8.js +0 -75
- package/dist/cjs/index-11cfdabe.js +0 -3297
- package/dist/cjs/shadow-css-bf3843d2.js +0 -389
- package/dist/collection/components/atoms/tttx-button/test/tttx-button.e2e.js +0 -9
- package/dist/collection/components/atoms/tttx-button/test/tttx-button.spec.js +0 -83
- package/dist/collection/components/atoms/tttx-icon/test/tttx-icon.e2e.js +0 -9
- package/dist/collection/components/atoms/tttx-icon/test/tttx-icon.spec.js +0 -16
- package/dist/collection/components/atoms/tttx-keyvalue-block/test/tttx-keyvalue-block.spec.js +0 -216
- package/dist/collection/components/atoms/tttx-loading-spinner/Test/tttx-loading-spinner.spec.js +0 -64
- package/dist/collection/components/molecules/tttx-form/lib/setErrorState.spec.js +0 -38
- package/dist/collection/components/molecules/tttx-form/lib/validityCheck.spec.js +0 -214
- package/dist/collection/components/molecules/tttx-form/test/tttx-form.e2e.js +0 -9
- package/dist/collection/components/molecules/tttx-form/test/tttx-form.spec.js +0 -232
- package/dist/collection/components/molecules/tttx-list/test/ttttx-list.spec.e2e.js +0 -26
- package/dist/collection/components/molecules/tttx-list/test/tttx-list.spec.js +0 -183
- package/dist/collection/components/molecules/tttx-standalone-input/test/tttx-standalone-input.e2e.js +0 -9
- package/dist/collection/components/molecules/tttx-standalone-input/test/tttx-standalone-input.spec.js +0 -219
- package/dist/collection/components/molecules/tttx-toolbar/test/tttx-toolbar.test.js +0 -0
- package/dist/collection/shared/test/domsanitiser.options.spec.js +0 -23
- package/dist/esm/app-globals-0f993ce5.js +0 -3
- package/dist/esm/css-shim-9d54a2f2.js +0 -4
- package/dist/esm/dom-6be6f662.js +0 -73
- package/dist/esm/index-dbe25028.js +0 -3262
- package/dist/esm/shadow-css-ed4599f8.js +0 -387
- package/dist/tttx/app-globals-0f993ce5.js +0 -3
- package/dist/tttx/css-shim-9d54a2f2.js +0 -4
- package/dist/tttx/dom-6be6f662.js +0 -73
- package/dist/tttx/index-dbe25028.js +0 -3262
- package/dist/tttx/p-62869344.js +0 -2
- package/dist/tttx/p-cd1565e0.entry.js +0 -3
- package/dist/tttx/shadow-css-ed4599f8.js +0 -387
- package/dist/tttx/tttx-button.entry.js +0 -30
- package/dist/tttx/tttx-form.entry.js +0 -373
- package/dist/tttx/tttx-icon.entry.js +0 -17
- package/dist/tttx/tttx-keyvalue-block.entry.js +0 -63
- package/dist/tttx/tttx-list.entry.js +0 -1730
- package/dist/tttx/tttx-loading-spinner.entry.js +0 -22
- package/dist/tttx/tttx-standalone-input.entry.js +0 -66
- package/dist/tttx/tttx-toolbar.entry.js +0 -16
- package/dist/types/components/atoms/tttx-button/test/tttx-button.e2e.d.ts +0 -1
- package/dist/types/components/atoms/tttx-button/test/tttx-button.spec.d.ts +0 -1
- package/dist/types/components/atoms/tttx-icon/test/tttx-icon.e2e.d.ts +0 -1
- package/dist/types/components/atoms/tttx-icon/test/tttx-icon.spec.d.ts +0 -1
- package/dist/types/components/atoms/tttx-keyvalue-block/test/tttx-keyvalue-block.spec.d.ts +0 -1
- package/dist/types/components/atoms/tttx-loading-spinner/Test/tttx-loading-spinner.spec.d.ts +0 -1
- package/dist/types/components/molecules/tttx-form/lib/setErrorState.spec.d.ts +0 -1
- package/dist/types/components/molecules/tttx-form/lib/validityCheck.spec.d.ts +0 -1
- package/dist/types/components/molecules/tttx-form/test/tttx-form.e2e.d.ts +0 -1
- package/dist/types/components/molecules/tttx-form/test/tttx-form.spec.d.ts +0 -1
- package/dist/types/components/molecules/tttx-list/test/ttttx-list.spec.e2e.d.ts +0 -1
- package/dist/types/components/molecules/tttx-list/test/tttx-list.spec.d.ts +0 -1
- package/dist/types/components/molecules/tttx-standalone-input/test/tttx-standalone-input.e2e.d.ts +0 -1
- package/dist/types/components/molecules/tttx-standalone-input/test/tttx-standalone-input.spec.d.ts +0 -1
- package/dist/types/components/molecules/tttx-toolbar/test/tttx-toolbar.test.d.ts +0 -0
- package/dist/types/shared/test/domsanitiser.options.spec.d.ts +0 -1
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-dbe25028.js';
|
|
2
|
-
|
|
3
|
-
const tttxLoadingSpinnerCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.spinner-container{position:absolute}.loading-box{display:flex;align-items:center;justify-content:center}.loading-text{font-size:16px;font-weight:400;padding-top:10px;text-align:center}.spinner{border:solid #1479c6;border-bottom-color:#d5d5d5;border-radius:50%;position:relative;box-sizing:border-box;animation:rotation 1s linear infinite}.spinner.small{height:20px;width:20px;border-width:4px}.spinner.large{height:60px;width:60px;border-width:8px}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
|
|
4
|
-
|
|
5
|
-
const TttxLoadingSpinner = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.loadingMessage = undefined;
|
|
9
|
-
this.size = 'large';
|
|
10
|
-
}
|
|
11
|
-
renderLoadingMessage() {
|
|
12
|
-
if (!this.loadingMessage)
|
|
13
|
-
return '';
|
|
14
|
-
return h("div", { class: "loading-text" }, "Loading, please wait...");
|
|
15
|
-
}
|
|
16
|
-
render() {
|
|
17
|
-
return (h("div", { class: "spinner-container" }, h("div", { class: "loading-box" }, h("span", { class: `spinner ${this.size}` })), this.renderLoadingMessage()));
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
TttxLoadingSpinner.style = tttxLoadingSpinnerCss;
|
|
21
|
-
|
|
22
|
-
export { TttxLoadingSpinner as tttx_loading_spinner };
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, f as createEvent, h, e as Host } from './index-dbe25028.js';
|
|
2
|
-
|
|
3
|
-
const tttxStandaloneInputCss = ".material-symbols-rounded.sc-tttx-standalone-input{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.material-symbols-rounded.sc-tttx-standalone-input{font-family:\"Material Symbols Rounded\", sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}.icon-left.sc-tttx-standalone-input,.icon-right.sc-tttx-standalone-input{flex-basis:24px}.icon-left.sc-tttx-standalone-input span.sc-tttx-standalone-input,.icon-right.sc-tttx-standalone-input span.sc-tttx-standalone-input{font-size:24px;line-height:24px;text-align:center;display:block;width:24px;height:24px;margin-top:4px}.icon-left.sc-tttx-standalone-input span.sc-tttx-standalone-input{margin-left:4px}.icon-right.sc-tttx-standalone-input span.sc-tttx-standalone-input{margin-right:4px}.icon-right.sc-tttx-standalone-input{margin-top:5px}.icon-left.sc-tttx-standalone-input{margin-top:5px;margin-left:4px}.iconleft.sc-tttx-standalone-input .input.sc-tttx-standalone-input{padding-left:4px}.iconright.sc-tttx-standalone-input .input.sc-tttx-standalone-input{padding-right:4px}.input-icon.sc-tttx-standalone-input{position:absolute;margin-top:9px;margin-left:4px}.errormsg.sc-tttx-standalone-input{display:flex;justify-content:center;align-items:center;float:left;margin-bottom:16px;box-sizing:border-box;background-color:transparent;height:26px;font-size:14px;border-radius:none;z-index:2;color:#dc0000}.errormsg.sc-tttx-standalone-input .validationicon.sc-tttx-standalone-input{width:16px;height:16px;font-size:16px;margin-right:4px;vertical-align:middle;color:#dc0000}.danger.sc-tttx-standalone-input{color:#dc0000}.optional.sc-tttx-standalone-input{color:#757575;font-weight:normal}label.inputBlock.sc-tttx-standalone-input{display:block;position:relative;line-height:21px}label.inputInline.sc-tttx-standalone-input{display:flex;white-space:nowrap;align-items:center}label.inputInline.sc-tttx-standalone-input .input-container.sc-tttx-standalone-input{margin:0 4px;width:100%;display:flex;align-items:center;gap:4px;position:relative}label.sc-tttx-standalone-input{font-weight:500;font-size:16px}input.sc-tttx-standalone-input:not([type=submit]){font-family:\"Roboto\", serif;box-sizing:border-box;width:100%;height:36px;padding:0 16px;font-size:16px;border:1px solid #d5d5d5;border-radius:4px;margin-top:4px}input[type=date].sc-tttx-standalone-input{background:white;display:block;min-width:calc(100% - 18px);line-height:37px}@media (max-width: 600px){input[type=date].sc-tttx-standalone-input{padding-top:6px}}input.invalid.sc-tttx-standalone-input:invalid,input.standalone.invalid.sc-tttx-standalone-input{border:1px solid #dc0000}.input-icon.sc-tttx-standalone-input~input.sc-tttx-standalone-input{padding:0 32px}input.sc-tttx-standalone-input~.errorBubble.sc-tttx-standalone-input{min-height:27px;position:relative;font-size:14px;font-weight:normal;width:100%;font-family:\"Roboto\", sans-serif;color:#dc0000;display:flex;align-content:center;align-items:center;justify-items:center}input.sc-tttx-standalone-input~.errorBubble.sc-tttx-standalone-input:not(.visible){visibility:hidden}input.sc-tttx-standalone-input~.errorBubble.sc-tttx-standalone-input span.sc-tttx-standalone-input{color:#dc0000;font-size:16px;margin-right:4px;height:16px}input.invalid.sc-tttx-standalone-input:invalid~.errorBubble.sc-tttx-standalone-input{position:relative;font-size:14px;font-weight:normal;width:100%;font-family:\"Roboto\", sans-serif;color:#dc0000;visibility:visible}input.sc-tttx-standalone-input:focus{border-color:#1479c6}input.sc-tttx-standalone-input:focus-visible{outline:none}.sc-tttx-standalone-input-h{display:block}";
|
|
4
|
-
|
|
5
|
-
const TttxInput = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.valueChanged = createEvent(this, "valueChanged", 7);
|
|
9
|
-
this.focusChanged = createEvent(this, "focusChanged", 7);
|
|
10
|
-
this.blurChanged = createEvent(this, "blurChanged", 7);
|
|
11
|
-
this.invalidChanged = createEvent(this, "invalidChanged", 7);
|
|
12
|
-
this.label = undefined;
|
|
13
|
-
this.showerrormsg = undefined;
|
|
14
|
-
this.showerrorbubble = true;
|
|
15
|
-
this.errormsg = undefined;
|
|
16
|
-
this.iconleft = undefined;
|
|
17
|
-
this.iconright = undefined;
|
|
18
|
-
this.inputicon = undefined;
|
|
19
|
-
this.inline = undefined;
|
|
20
|
-
this.inputAutocapitalize = undefined;
|
|
21
|
-
this.inputAutofocus = undefined;
|
|
22
|
-
this.inputKeyhint = undefined;
|
|
23
|
-
this.inputIndex = undefined;
|
|
24
|
-
this.inputTitle = undefined;
|
|
25
|
-
this.autocomplete = undefined;
|
|
26
|
-
this.checked = undefined;
|
|
27
|
-
this.disabled = undefined;
|
|
28
|
-
this.max = undefined;
|
|
29
|
-
this.maxlength = undefined;
|
|
30
|
-
this.min = undefined;
|
|
31
|
-
this.minlength = undefined;
|
|
32
|
-
this.name = undefined;
|
|
33
|
-
this.pattern = undefined;
|
|
34
|
-
this.placeholder = undefined;
|
|
35
|
-
this.readonly = undefined;
|
|
36
|
-
this.required = undefined;
|
|
37
|
-
this.step = undefined;
|
|
38
|
-
this.type = 'text';
|
|
39
|
-
this.value = undefined;
|
|
40
|
-
}
|
|
41
|
-
handleChange(event) {
|
|
42
|
-
const target = event.target;
|
|
43
|
-
this.value = target.value;
|
|
44
|
-
this.valueChanged.emit(target.value);
|
|
45
|
-
}
|
|
46
|
-
handleFocus(event) {
|
|
47
|
-
const target = event.target;
|
|
48
|
-
this.focusChanged.emit(target.value);
|
|
49
|
-
}
|
|
50
|
-
handleBlur(event) {
|
|
51
|
-
const target = event.target;
|
|
52
|
-
this.blurChanged.emit(target.value);
|
|
53
|
-
}
|
|
54
|
-
handleInvalid(event) {
|
|
55
|
-
event.preventDefault();
|
|
56
|
-
const target = event.target;
|
|
57
|
-
this.invalidChanged.emit(target.value);
|
|
58
|
-
}
|
|
59
|
-
render() {
|
|
60
|
-
const classNames = ['standalone', this.showerrormsg ? 'invalid' : ''].join(' ');
|
|
61
|
-
return (h(Host, null, h("label", { class: this.inline ? 'inputInline' : 'inputBlock' }, this.label, !this.required ? h("span", { class: "optional" }, "\u00A0(optional)") : '', this.iconleft && (h("div", { class: "icon-left" }, h("tttx-icon", { icon: this.iconleft, color: "grey" }))), h("div", { class: "input-container" }, this.inputicon && (h("tttx-icon", { class: "input-icon", icon: this.inputicon, color: "grey" })), h("input", { class: classNames, autocapitalize: this.inputAutocapitalize, autofocus: this.inputAutofocus, enterkeyhint: this.inputKeyhint, tabindex: this.inputIndex, title: this.inputTitle, autocomplete: this.autocomplete, checked: this.checked, disabled: this.disabled, max: this.max, maxlength: this.maxlength, min: this.min, minlength: this.minlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readonly: this.readonly, required: this.required, step: this.step, type: this.type, value: this.value, onBlur: this.handleBlur.bind(this), onFocus: this.handleFocus.bind(this), onInput: this.handleChange.bind(this), onInvalid: this.handleInvalid.bind(this) }), this.iconright && (h("div", { class: "icon-right" }, h("tttx-icon", { icon: this.iconright, color: "grey" }))), this.showerrorbubble && (h("span", { class: ['errorBubble', this.showerrormsg && this.errormsg ? 'visible' : ''].join(' ') }, h("span", { class: "material-symbols-rounded validationicon" }, "warning"), " ", this.errormsg))))));
|
|
62
|
-
}
|
|
63
|
-
};
|
|
64
|
-
TttxInput.style = tttxStandaloneInputCss;
|
|
65
|
-
|
|
66
|
-
export { TttxInput as tttx_standalone_input };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, e as Host } from './index-dbe25028.js';
|
|
2
|
-
|
|
3
|
-
const tttxToolbarCss = ":host{height:36px;display:flex;padding:8px 0;gap:8px}:host(.bordered){border-bottom:1px solid #d5d5d5}slot[name=before]{display:flex;flex:1 1 0px;gap:8px}slot[name=center]{display:flex;justify-content:center;flex:1 1 0px;gap:8px}slot[name=after]{display:flex;justify-content:end;flex:1 1 0px;gap:8px}";
|
|
4
|
-
|
|
5
|
-
const TttxToolbar = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.border = true;
|
|
9
|
-
}
|
|
10
|
-
render() {
|
|
11
|
-
return (h(Host, { class: this.border ? 'bordered' : '' }, h("slot", { name: 'before' }), h("slot", { name: 'center' }), h("slot", { name: 'after' })));
|
|
12
|
-
}
|
|
13
|
-
};
|
|
14
|
-
TttxToolbar.style = tttxToolbarCss;
|
|
15
|
-
|
|
16
|
-
export { TttxToolbar as tttx_toolbar };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
package/dist/types/components/atoms/tttx-loading-spinner/Test/tttx-loading-spinner.spec.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
package/dist/types/components/molecules/tttx-standalone-input/test/tttx-standalone-input.e2e.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
package/dist/types/components/molecules/tttx-standalone-input/test/tttx-standalone-input.spec.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
File without changes
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|