@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.
Files changed (104) hide show
  1. package/dist/cjs/{index-451f61dd.js → index-8ba406f6.js} +91 -3
  2. package/dist/cjs/loader.cjs.js +3 -18
  3. package/dist/cjs/tttx-button.cjs.entry.js +2 -2
  4. package/dist/cjs/tttx-form.cjs.entry.js +1 -1
  5. package/dist/cjs/tttx-icon.cjs.entry.js +1 -1
  6. package/dist/cjs/tttx-keyvalue-block.cjs.entry.js +1 -1
  7. package/dist/cjs/tttx-list.cjs.entry.js +4 -34
  8. package/dist/cjs/tttx-loading-spinner.cjs.entry.js +1 -1
  9. package/dist/cjs/tttx-standalone-input.cjs.entry.js +1 -1
  10. package/dist/cjs/tttx-toolbar.cjs.entry.js +1 -1
  11. package/dist/cjs/tttx.cjs.js +8 -116
  12. package/dist/collection/collection-manifest.json +2 -2
  13. package/dist/collection/components/atoms/tttx-button/tttx-button.css +8 -0
  14. package/dist/collection/components/molecules/tttx-standalone-input/tttx-standalone-input.stories.js +13 -0
  15. package/dist/collection/components/molecules/tttx-toolbar/tttx-toolbar.stories.js +1 -1
  16. package/dist/components/index.d.ts +9 -0
  17. package/dist/components/index.js +1 -5
  18. package/dist/components/tttx-button.js +1 -1
  19. package/dist/components/tttx-list.js +3 -33
  20. package/dist/esm/{index-0350f122.js → index-5f9b72ff.js} +91 -4
  21. package/dist/esm/loader.js +3 -18
  22. package/dist/esm/polyfills/css-shim.js +1 -1
  23. package/dist/esm/tttx-button.entry.js +2 -2
  24. package/dist/esm/tttx-form.entry.js +1 -1
  25. package/dist/esm/tttx-icon.entry.js +1 -1
  26. package/dist/esm/tttx-keyvalue-block.entry.js +1 -1
  27. package/dist/esm/tttx-list.entry.js +4 -34
  28. package/dist/esm/tttx-loading-spinner.entry.js +1 -1
  29. package/dist/esm/tttx-standalone-input.entry.js +1 -1
  30. package/dist/esm/tttx-toolbar.entry.js +1 -1
  31. package/dist/esm/tttx.js +5 -116
  32. package/dist/tttx/index.esm.js +0 -1
  33. package/dist/tttx/{p-0a85dda4.entry.js → p-0342cc46.entry.js} +1 -1
  34. package/dist/tttx/p-1290dcd7.entry.js +3 -0
  35. package/dist/tttx/{p-a0179cb1.entry.js → p-1b394414.entry.js} +1 -1
  36. package/dist/tttx/{p-5cae1beb.entry.js → p-405219b2.entry.js} +1 -1
  37. package/dist/tttx/{p-4f3958fa.entry.js → p-435c62b3.entry.js} +1 -1
  38. package/dist/tttx/{p-1b015a9d.entry.js → p-4ecc9e8b.entry.js} +1 -1
  39. package/dist/tttx/{p-cc6644c9.entry.js → p-9cff9c64.entry.js} +1 -1
  40. package/dist/tttx/{p-92465671.entry.js → p-adf35f58.entry.js} +1 -1
  41. package/dist/tttx/p-c4b803fc.js +2 -0
  42. package/dist/tttx/tttx.esm.js +1 -129
  43. package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.d.ts +6 -6
  44. package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.stories.d.ts +1 -0
  45. package/dist/types/stencil-public-runtime.d.ts +59 -3
  46. package/loader/index.d.ts +9 -0
  47. package/package.json +1 -1
  48. package/dist/cjs/app-globals-3a1e7e63.js +0 -5
  49. package/dist/cjs/css-shim-211819bc.js +0 -6
  50. package/dist/cjs/dom-9deb26c8.js +0 -75
  51. package/dist/cjs/index-11cfdabe.js +0 -3297
  52. package/dist/cjs/shadow-css-bf3843d2.js +0 -389
  53. package/dist/collection/components/atoms/tttx-button/test/tttx-button.e2e.js +0 -9
  54. package/dist/collection/components/atoms/tttx-button/test/tttx-button.spec.js +0 -83
  55. package/dist/collection/components/atoms/tttx-icon/test/tttx-icon.e2e.js +0 -9
  56. package/dist/collection/components/atoms/tttx-icon/test/tttx-icon.spec.js +0 -16
  57. package/dist/collection/components/atoms/tttx-keyvalue-block/test/tttx-keyvalue-block.spec.js +0 -216
  58. package/dist/collection/components/atoms/tttx-loading-spinner/Test/tttx-loading-spinner.spec.js +0 -64
  59. package/dist/collection/components/molecules/tttx-form/lib/setErrorState.spec.js +0 -38
  60. package/dist/collection/components/molecules/tttx-form/lib/validityCheck.spec.js +0 -214
  61. package/dist/collection/components/molecules/tttx-form/test/tttx-form.e2e.js +0 -9
  62. package/dist/collection/components/molecules/tttx-form/test/tttx-form.spec.js +0 -232
  63. package/dist/collection/components/molecules/tttx-list/test/ttttx-list.spec.e2e.js +0 -26
  64. package/dist/collection/components/molecules/tttx-list/test/tttx-list.spec.js +0 -183
  65. package/dist/collection/components/molecules/tttx-standalone-input/test/tttx-standalone-input.e2e.js +0 -9
  66. package/dist/collection/components/molecules/tttx-standalone-input/test/tttx-standalone-input.spec.js +0 -219
  67. package/dist/collection/components/molecules/tttx-toolbar/test/tttx-toolbar.test.js +0 -0
  68. package/dist/collection/shared/test/domsanitiser.options.spec.js +0 -23
  69. package/dist/esm/app-globals-0f993ce5.js +0 -3
  70. package/dist/esm/css-shim-9d54a2f2.js +0 -4
  71. package/dist/esm/dom-6be6f662.js +0 -73
  72. package/dist/esm/index-dbe25028.js +0 -3262
  73. package/dist/esm/shadow-css-ed4599f8.js +0 -387
  74. package/dist/tttx/app-globals-0f993ce5.js +0 -3
  75. package/dist/tttx/css-shim-9d54a2f2.js +0 -4
  76. package/dist/tttx/dom-6be6f662.js +0 -73
  77. package/dist/tttx/index-dbe25028.js +0 -3262
  78. package/dist/tttx/p-62869344.js +0 -2
  79. package/dist/tttx/p-cd1565e0.entry.js +0 -3
  80. package/dist/tttx/shadow-css-ed4599f8.js +0 -387
  81. package/dist/tttx/tttx-button.entry.js +0 -30
  82. package/dist/tttx/tttx-form.entry.js +0 -373
  83. package/dist/tttx/tttx-icon.entry.js +0 -17
  84. package/dist/tttx/tttx-keyvalue-block.entry.js +0 -63
  85. package/dist/tttx/tttx-list.entry.js +0 -1730
  86. package/dist/tttx/tttx-loading-spinner.entry.js +0 -22
  87. package/dist/tttx/tttx-standalone-input.entry.js +0 -66
  88. package/dist/tttx/tttx-toolbar.entry.js +0 -16
  89. package/dist/types/components/atoms/tttx-button/test/tttx-button.e2e.d.ts +0 -1
  90. package/dist/types/components/atoms/tttx-button/test/tttx-button.spec.d.ts +0 -1
  91. package/dist/types/components/atoms/tttx-icon/test/tttx-icon.e2e.d.ts +0 -1
  92. package/dist/types/components/atoms/tttx-icon/test/tttx-icon.spec.d.ts +0 -1
  93. package/dist/types/components/atoms/tttx-keyvalue-block/test/tttx-keyvalue-block.spec.d.ts +0 -1
  94. package/dist/types/components/atoms/tttx-loading-spinner/Test/tttx-loading-spinner.spec.d.ts +0 -1
  95. package/dist/types/components/molecules/tttx-form/lib/setErrorState.spec.d.ts +0 -1
  96. package/dist/types/components/molecules/tttx-form/lib/validityCheck.spec.d.ts +0 -1
  97. package/dist/types/components/molecules/tttx-form/test/tttx-form.e2e.d.ts +0 -1
  98. package/dist/types/components/molecules/tttx-form/test/tttx-form.spec.d.ts +0 -1
  99. package/dist/types/components/molecules/tttx-list/test/ttttx-list.spec.e2e.d.ts +0 -1
  100. package/dist/types/components/molecules/tttx-list/test/tttx-list.spec.d.ts +0 -1
  101. package/dist/types/components/molecules/tttx-standalone-input/test/tttx-standalone-input.e2e.d.ts +0 -1
  102. package/dist/types/components/molecules/tttx-standalone-input/test/tttx-standalone-input.spec.d.ts +0 -1
  103. package/dist/types/components/molecules/tttx-toolbar/test/tttx-toolbar.test.d.ts +0 -0
  104. 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 {};