@3t-transform/threeteeui 0.1.6 → 0.1.7
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/app-globals-3a1e7e63.js +5 -0
- package/dist/cjs/css-shim-211819bc.js +6 -0
- package/dist/cjs/dom-9deb26c8.js +75 -0
- package/dist/cjs/index-11cfdabe.js +3297 -0
- package/dist/cjs/{index-b3010e55.js → index-451f61dd.js} +1 -3
- package/dist/cjs/loader.cjs.js +18 -2
- package/dist/cjs/shadow-css-bf3843d2.js +389 -0
- package/dist/cjs/tttx-button.cjs.entry.js +1 -1
- 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 +34 -4
- 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 +20 -0
- package/dist/cjs/tttx.cjs.js +116 -4
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/atoms/tttx-button/test/tttx-button.e2e.js +9 -0
- package/dist/collection/components/atoms/tttx-button/test/tttx-button.spec.js +83 -0
- package/dist/collection/components/atoms/tttx-icon/test/tttx-icon.e2e.js +9 -0
- package/dist/collection/components/atoms/tttx-icon/test/tttx-icon.spec.js +16 -0
- package/dist/collection/components/atoms/tttx-keyvalue-block/test/tttx-keyvalue-block.spec.js +216 -0
- package/dist/collection/components/atoms/tttx-loading-spinner/Test/tttx-loading-spinner.spec.js +64 -0
- package/dist/collection/components/molecules/tttx-form/lib/setErrorState.spec.js +38 -0
- package/dist/collection/components/molecules/tttx-form/lib/validityCheck.spec.js +214 -0
- package/dist/collection/components/molecules/tttx-form/test/tttx-form.e2e.js +9 -0
- package/dist/collection/components/molecules/tttx-form/test/tttx-form.spec.js +232 -0
- package/dist/collection/components/molecules/tttx-list/test/ttttx-list.spec.e2e.js +26 -0
- package/dist/collection/components/molecules/tttx-list/test/tttx-list.spec.js +183 -0
- package/dist/collection/components/molecules/tttx-standalone-input/test/tttx-standalone-input.e2e.js +9 -0
- package/dist/collection/components/molecules/tttx-standalone-input/test/tttx-standalone-input.spec.js +219 -0
- package/dist/collection/components/molecules/tttx-toolbar/test/tttx-toolbar.test.js +0 -0
- package/dist/collection/components/molecules/tttx-toolbar/tttx-toolbar.css +30 -0
- package/dist/collection/components/molecules/tttx-toolbar/tttx-toolbar.js +44 -0
- package/dist/collection/components/molecules/tttx-toolbar/tttx-toolbar.stories.js +20 -0
- package/dist/collection/shared/test/domsanitiser.options.spec.js +23 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +5 -0
- package/dist/components/tttx-list.js +33 -3
- package/dist/components/tttx-toolbar.d.ts +11 -0
- package/dist/components/tttx-toolbar.js +36 -0
- package/dist/esm/app-globals-0f993ce5.js +3 -0
- package/dist/esm/css-shim-9d54a2f2.js +4 -0
- package/dist/esm/dom-6be6f662.js +73 -0
- package/dist/esm/{index-31631990.js → index-0350f122.js} +1 -3
- package/dist/esm/index-dbe25028.js +3262 -0
- package/dist/esm/loader.js +18 -2
- package/dist/esm/shadow-css-ed4599f8.js +387 -0
- package/dist/esm/tttx-button.entry.js +1 -1
- 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 +34 -4
- 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 +16 -0
- package/dist/esm/tttx.js +116 -4
- package/dist/tttx/app-globals-0f993ce5.js +3 -0
- package/dist/tttx/css-shim-9d54a2f2.js +4 -0
- package/dist/tttx/dom-6be6f662.js +73 -0
- package/dist/tttx/index-dbe25028.js +3262 -0
- package/dist/tttx/index.esm.js +1 -0
- package/dist/tttx/p-0a85dda4.entry.js +1 -0
- package/dist/tttx/{p-1f3d39fc.entry.js → p-1b015a9d.entry.js} +1 -1
- package/dist/tttx/{p-2e7f486e.entry.js → p-4f3958fa.entry.js} +1 -1
- package/dist/tttx/{p-14270585.entry.js → p-5cae1beb.entry.js} +1 -1
- package/dist/tttx/{p-0c6a665d.js → p-62869344.js} +1 -1
- package/dist/tttx/{p-979ebe65.entry.js → p-92465671.entry.js} +1 -1
- package/dist/tttx/{p-84d90779.entry.js → p-a0179cb1.entry.js} +1 -1
- package/dist/tttx/{p-263d093c.entry.js → p-cc6644c9.entry.js} +1 -1
- package/dist/tttx/{p-39f991c3.entry.js → p-cd1565e0.entry.js} +1 -1
- package/dist/tttx/shadow-css-ed4599f8.js +387 -0
- package/dist/tttx/tttx-button.entry.js +30 -0
- package/dist/tttx/tttx-form.entry.js +373 -0
- package/dist/tttx/tttx-icon.entry.js +17 -0
- package/dist/tttx/tttx-keyvalue-block.entry.js +63 -0
- package/dist/tttx/tttx-list.entry.js +1730 -0
- package/dist/tttx/tttx-loading-spinner.entry.js +22 -0
- package/dist/tttx/tttx-standalone-input.entry.js +66 -0
- package/dist/tttx/tttx-toolbar.entry.js +16 -0
- package/dist/tttx/tttx.esm.js +129 -1
- package/dist/types/components/atoms/tttx-button/test/tttx-button.e2e.d.ts +1 -0
- package/dist/types/components/atoms/tttx-button/test/tttx-button.spec.d.ts +1 -0
- package/dist/types/components/atoms/tttx-icon/test/tttx-icon.e2e.d.ts +1 -0
- package/dist/types/components/atoms/tttx-icon/test/tttx-icon.spec.d.ts +1 -0
- package/dist/types/components/atoms/tttx-keyvalue-block/test/tttx-keyvalue-block.spec.d.ts +1 -0
- package/dist/types/components/atoms/tttx-loading-spinner/Test/tttx-loading-spinner.spec.d.ts +1 -0
- package/dist/types/components/molecules/tttx-form/lib/setErrorState.spec.d.ts +1 -0
- package/dist/types/components/molecules/tttx-form/lib/validityCheck.spec.d.ts +1 -0
- package/dist/types/components/molecules/tttx-form/test/tttx-form.e2e.d.ts +1 -0
- package/dist/types/components/molecules/tttx-form/test/tttx-form.spec.d.ts +1 -0
- package/dist/types/components/molecules/tttx-list/test/ttttx-list.spec.e2e.d.ts +1 -0
- package/dist/types/components/molecules/tttx-list/test/tttx-list.spec.d.ts +1 -0
- package/dist/types/components/molecules/tttx-standalone-input/test/tttx-standalone-input.e2e.d.ts +1 -0
- package/dist/types/components/molecules/tttx-standalone-input/test/tttx-standalone-input.spec.d.ts +1 -0
- package/dist/types/components/molecules/tttx-toolbar/test/tttx-toolbar.test.d.ts +0 -0
- package/dist/types/components/molecules/tttx-toolbar/tttx-toolbar.d.ts +4 -0
- package/dist/types/components/molecules/tttx-toolbar/tttx-toolbar.stories.d.ts +13 -0
- package/dist/types/components.d.ts +15 -0
- package/dist/types/shared/test/domsanitiser.options.spec.d.ts +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,22 @@
|
|
|
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 };
|
|
@@ -0,0 +1,66 @@
|
|
|
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 };
|
|
@@ -0,0 +1,16 @@
|
|
|
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 };
|
package/dist/tttx/tttx.esm.js
CHANGED
|
@@ -1 +1,129 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import { B as BUILD, c as consoleDevInfo, p as plt, w as win, H, d as doc, N as NAMESPACE, a as promiseResolve, b as bootstrapLazy } from './index-dbe25028.js';
|
|
2
|
+
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
3
|
+
|
|
4
|
+
/*
|
|
5
|
+
Stencil Client Patch Browser v2.20.0 | MIT Licensed | https://stenciljs.com
|
|
6
|
+
*/
|
|
7
|
+
const getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\s|-/g, '_')}`;
|
|
8
|
+
const patchBrowser = () => {
|
|
9
|
+
// NOTE!! This fn cannot use async/await!
|
|
10
|
+
if (BUILD.isDev && !BUILD.isTesting) {
|
|
11
|
+
consoleDevInfo('Running in development mode.');
|
|
12
|
+
}
|
|
13
|
+
if (BUILD.cssVarShim) {
|
|
14
|
+
// shim css vars
|
|
15
|
+
plt.$cssShim$ = win.__cssshim;
|
|
16
|
+
}
|
|
17
|
+
if (BUILD.cloneNodeFix) {
|
|
18
|
+
// opted-in to polyfill cloneNode() for slot polyfilled components
|
|
19
|
+
patchCloneNodeFix(H.prototype);
|
|
20
|
+
}
|
|
21
|
+
if (BUILD.profile && !performance.mark) {
|
|
22
|
+
// not all browsers support performance.mark/measure (Safari 10)
|
|
23
|
+
// because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,
|
|
24
|
+
// simply stub the implementations out.
|
|
25
|
+
// TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)
|
|
26
|
+
// @ts-ignore
|
|
27
|
+
performance.mark = performance.measure = () => {
|
|
28
|
+
/*noop*/
|
|
29
|
+
};
|
|
30
|
+
performance.getEntriesByName = () => [];
|
|
31
|
+
}
|
|
32
|
+
// @ts-ignore
|
|
33
|
+
const scriptElm = BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim
|
|
34
|
+
? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\/${NAMESPACE}(\\.esm)?\\.js($|\\?|#)`).test(s.src) ||
|
|
35
|
+
s.getAttribute('data-stencil-namespace') === NAMESPACE)
|
|
36
|
+
: null;
|
|
37
|
+
const importMeta = import.meta.url;
|
|
38
|
+
const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};
|
|
39
|
+
if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {
|
|
40
|
+
// Safari < v11 support: This IF is true if it's Safari below v11.
|
|
41
|
+
// This fn cannot use async/await since Safari didn't support it until v11,
|
|
42
|
+
// however, Safari 10 did support modules. Safari 10 also didn't support "nomodule",
|
|
43
|
+
// so both the ESM file and nomodule file would get downloaded. Only Safari
|
|
44
|
+
// has 'onbeforeload' in the script, and "history.scrollRestoration" was added
|
|
45
|
+
// to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.
|
|
46
|
+
// IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.
|
|
47
|
+
return {
|
|
48
|
+
then() {
|
|
49
|
+
/* promise noop */
|
|
50
|
+
},
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
if (!BUILD.safari10 && importMeta !== '') {
|
|
54
|
+
opts.resourcesUrl = new URL('.', importMeta).href;
|
|
55
|
+
}
|
|
56
|
+
else if (BUILD.dynamicImportShim || BUILD.safari10) {
|
|
57
|
+
opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;
|
|
58
|
+
if (BUILD.dynamicImportShim) {
|
|
59
|
+
patchDynamicImport(opts.resourcesUrl, scriptElm);
|
|
60
|
+
}
|
|
61
|
+
if (BUILD.dynamicImportShim && !win.customElements) {
|
|
62
|
+
// module support, but no custom elements support (Old Edge)
|
|
63
|
+
// @ts-ignore
|
|
64
|
+
return import(/* webpackChunkName: "polyfills-dom" */ './dom-6be6f662.js').then(() => opts);
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
return promiseResolve(opts);
|
|
68
|
+
};
|
|
69
|
+
const patchDynamicImport = (base, orgScriptElm) => {
|
|
70
|
+
const importFunctionName = getDynamicImportFunction(NAMESPACE);
|
|
71
|
+
try {
|
|
72
|
+
// test if this browser supports dynamic imports
|
|
73
|
+
// There is a caching issue in V8, that breaks using import() in Function
|
|
74
|
+
// By generating a random string, we can workaround it
|
|
75
|
+
// Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info
|
|
76
|
+
win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);
|
|
77
|
+
}
|
|
78
|
+
catch (e) {
|
|
79
|
+
// this shim is specifically for browsers that do support "esm" imports
|
|
80
|
+
// however, they do NOT support "dynamic" imports
|
|
81
|
+
// basically this code is for old Edge, v18 and below
|
|
82
|
+
const moduleMap = new Map();
|
|
83
|
+
win[importFunctionName] = (src) => {
|
|
84
|
+
const url = new URL(src, base).href;
|
|
85
|
+
let mod = moduleMap.get(url);
|
|
86
|
+
if (!mod) {
|
|
87
|
+
const script = doc.createElement('script');
|
|
88
|
+
script.type = 'module';
|
|
89
|
+
script.crossOrigin = orgScriptElm.crossOrigin;
|
|
90
|
+
script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {
|
|
91
|
+
type: 'application/javascript',
|
|
92
|
+
}));
|
|
93
|
+
mod = new Promise((resolve) => {
|
|
94
|
+
script.onload = () => {
|
|
95
|
+
resolve(win[importFunctionName].m);
|
|
96
|
+
script.remove();
|
|
97
|
+
};
|
|
98
|
+
});
|
|
99
|
+
moduleMap.set(url, mod);
|
|
100
|
+
doc.head.appendChild(script);
|
|
101
|
+
}
|
|
102
|
+
return mod;
|
|
103
|
+
};
|
|
104
|
+
}
|
|
105
|
+
};
|
|
106
|
+
const patchCloneNodeFix = (HTMLElementPrototype) => {
|
|
107
|
+
const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;
|
|
108
|
+
HTMLElementPrototype.cloneNode = function (deep) {
|
|
109
|
+
if (this.nodeName === 'TEMPLATE') {
|
|
110
|
+
return nativeCloneNodeFn.call(this, deep);
|
|
111
|
+
}
|
|
112
|
+
const clonedNode = nativeCloneNodeFn.call(this, false);
|
|
113
|
+
const srcChildNodes = this.childNodes;
|
|
114
|
+
if (deep) {
|
|
115
|
+
for (let i = 0; i < srcChildNodes.length; i++) {
|
|
116
|
+
// Node.ATTRIBUTE_NODE === 2, and checking because IE11
|
|
117
|
+
if (srcChildNodes[i].nodeType !== 2) {
|
|
118
|
+
clonedNode.appendChild(srcChildNodes[i].cloneNode(true));
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
return clonedNode;
|
|
123
|
+
};
|
|
124
|
+
};
|
|
125
|
+
|
|
126
|
+
patchBrowser().then(options => {
|
|
127
|
+
globalScripts();
|
|
128
|
+
return bootstrapLazy([["tttx-button",[[1,"tttx-button",{"notext":[4],"icon":[1],"iconposition":[1],"design":[1]}]]],["tttx-list",[[1,"tttx-list",{"data":[1025],"name":[1]}]]],["tttx-standalone-input",[[2,"tttx-standalone-input",{"label":[1],"showerrormsg":[4],"showerrorbubble":[4],"errormsg":[1],"iconleft":[1],"iconright":[1],"inputicon":[1],"inline":[4],"inputAutocapitalize":[1,"input-autocapitalize"],"inputAutofocus":[4,"input-autofocus"],"inputKeyhint":[1,"input-keyhint"],"inputIndex":[8,"input-index"],"inputTitle":[1,"input-title"],"autocomplete":[1],"checked":[4],"disabled":[4],"max":[8],"maxlength":[8],"min":[8],"minlength":[8],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[8],"required":[4],"step":[8],"type":[1],"value":[1032]}]]],["tttx-form",[[1,"tttx-form",{"formschema":[1032],"submitValue":[1032,"submit-value"]}]]],["tttx-keyvalue-block",[[1,"tttx-keyvalue-block",{"keyvalues":[8],"horizontal":[4]}]]],["tttx-loading-spinner",[[1,"tttx-loading-spinner",{"loadingMessage":[1028,"loading-message"],"size":[1025]}]]],["tttx-toolbar",[[1,"tttx-toolbar",{"border":[4]}]]],["tttx-icon",[[1,"tttx-icon",{"icon":[1],"color":[1]}]]]], options);
|
|
129
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/types/components/molecules/tttx-standalone-input/test/tttx-standalone-input.e2e.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/types/components/molecules/tttx-standalone-input/test/tttx-standalone-input.spec.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
File without changes
|
|
@@ -72,6 +72,9 @@ export namespace Components {
|
|
|
72
72
|
"type": string;
|
|
73
73
|
"value": string | number;
|
|
74
74
|
}
|
|
75
|
+
interface TttxToolbar {
|
|
76
|
+
"border": boolean;
|
|
77
|
+
}
|
|
75
78
|
}
|
|
76
79
|
export interface TttxFormCustomEvent<T> extends CustomEvent<T> {
|
|
77
80
|
detail: T;
|
|
@@ -128,6 +131,12 @@ declare global {
|
|
|
128
131
|
prototype: HTMLTttxStandaloneInputElement;
|
|
129
132
|
new (): HTMLTttxStandaloneInputElement;
|
|
130
133
|
};
|
|
134
|
+
interface HTMLTttxToolbarElement extends Components.TttxToolbar, HTMLStencilElement {
|
|
135
|
+
}
|
|
136
|
+
var HTMLTttxToolbarElement: {
|
|
137
|
+
prototype: HTMLTttxToolbarElement;
|
|
138
|
+
new (): HTMLTttxToolbarElement;
|
|
139
|
+
};
|
|
131
140
|
interface HTMLElementTagNameMap {
|
|
132
141
|
"tttx-button": HTMLTttxButtonElement;
|
|
133
142
|
"tttx-form": HTMLTttxFormElement;
|
|
@@ -136,6 +145,7 @@ declare global {
|
|
|
136
145
|
"tttx-list": HTMLTttxListElement;
|
|
137
146
|
"tttx-loading-spinner": HTMLTttxLoadingSpinnerElement;
|
|
138
147
|
"tttx-standalone-input": HTMLTttxStandaloneInputElement;
|
|
148
|
+
"tttx-toolbar": HTMLTttxToolbarElement;
|
|
139
149
|
}
|
|
140
150
|
}
|
|
141
151
|
declare namespace LocalJSX {
|
|
@@ -210,6 +220,9 @@ declare namespace LocalJSX {
|
|
|
210
220
|
"type"?: string;
|
|
211
221
|
"value"?: string | number;
|
|
212
222
|
}
|
|
223
|
+
interface TttxToolbar {
|
|
224
|
+
"border"?: boolean;
|
|
225
|
+
}
|
|
213
226
|
interface IntrinsicElements {
|
|
214
227
|
"tttx-button": TttxButton;
|
|
215
228
|
"tttx-form": TttxForm;
|
|
@@ -218,6 +231,7 @@ declare namespace LocalJSX {
|
|
|
218
231
|
"tttx-list": TttxList;
|
|
219
232
|
"tttx-loading-spinner": TttxLoadingSpinner;
|
|
220
233
|
"tttx-standalone-input": TttxStandaloneInput;
|
|
234
|
+
"tttx-toolbar": TttxToolbar;
|
|
221
235
|
}
|
|
222
236
|
}
|
|
223
237
|
export { LocalJSX as JSX };
|
|
@@ -231,6 +245,7 @@ declare module "@stencil/core" {
|
|
|
231
245
|
"tttx-list": LocalJSX.TttxList & JSXBase.HTMLAttributes<HTMLTttxListElement>;
|
|
232
246
|
"tttx-loading-spinner": LocalJSX.TttxLoadingSpinner & JSXBase.HTMLAttributes<HTMLTttxLoadingSpinnerElement>;
|
|
233
247
|
"tttx-standalone-input": LocalJSX.TttxStandaloneInput & JSXBase.HTMLAttributes<HTMLTttxStandaloneInputElement>;
|
|
248
|
+
"tttx-toolbar": LocalJSX.TttxToolbar & JSXBase.HTMLAttributes<HTMLTttxToolbarElement>;
|
|
234
249
|
}
|
|
235
250
|
}
|
|
236
251
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|