@3t-transform/threeteeui 0.0.10 → 0.0.12

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 (93) hide show
  1. package/dist/cjs/{index-8a4cb9bc.js → index-61cd741f.js} +43 -88
  2. package/dist/cjs/loader.cjs.js +3 -4
  3. package/dist/cjs/tttx-button.cjs.entry.js +2 -2
  4. package/dist/cjs/tttx-checkbox.cjs.entry.js +3 -3
  5. package/dist/cjs/tttx-form.cjs.entry.js +169 -41
  6. package/dist/cjs/tttx-icon.cjs.entry.js +2 -2
  7. package/dist/cjs/tttx-list.cjs.entry.js +198 -0
  8. package/dist/cjs/tttx-loading-spinner.cjs.entry.js +4 -4
  9. package/dist/cjs/tttx-popover-content.cjs.entry.js +2 -2
  10. package/dist/cjs/tttx-standalone-input.cjs.entry.js +134 -0
  11. package/dist/cjs/tttx.cjs.js +3 -7
  12. package/dist/collection/collection-manifest.json +4 -3
  13. package/dist/collection/components/atoms/tttx-button/tttx-button.css +1 -0
  14. package/dist/collection/components/atoms/tttx-button/tttx-button.stories.js +3 -3
  15. package/dist/collection/components/atoms/tttx-icon/tttx-icon.css +3 -3
  16. package/dist/collection/components/atoms/tttx-icon/tttx-icon.stories.js +15 -15
  17. package/dist/collection/components/atoms/tttx-loading-spinner/tttx-loading-spinner.css +1 -1
  18. package/dist/collection/components/atoms/tttx-loading-spinner/tttx-loading-spinner.js +2 -2
  19. package/dist/collection/components/atoms/tttx-loading-spinner/tttx-loading-spinner.stories.js +1 -1
  20. package/dist/collection/components/atoms/tttx-popover-content/tttx-popover-content.js +1 -1
  21. package/dist/collection/components/atoms/tttx-popover-content/tttx-popover-content.stories.js +3 -3
  22. package/dist/collection/components/atoms/ttx-checkbox/tttx-checkbox.css +85 -39
  23. package/dist/collection/components/atoms/ttx-checkbox/tttx-checkbox.js +1 -1
  24. package/dist/collection/components/atoms/ttx-checkbox/tttx-checkbox.stories.js +5 -5
  25. package/dist/collection/components/molecules/tttx-form/tttx-form.css +230 -0
  26. package/dist/collection/components/molecules/tttx-form/tttx-form.js +195 -55
  27. package/dist/collection/components/molecules/tttx-form/tttx-form.stories.js +97 -28
  28. package/dist/collection/components/molecules/tttx-list/tttx-list.css +56 -0
  29. package/dist/collection/components/molecules/tttx-list/tttx-list.js +311 -0
  30. package/dist/collection/components/molecules/tttx-list/tttx-list.stories.js +37 -0
  31. package/dist/collection/components/molecules/{tttx-input/tttx-input.css → tttx-standalone-input/tttx-standalone-input.css} +77 -49
  32. package/dist/collection/components/molecules/tttx-standalone-input/tttx-standalone-input.js +561 -0
  33. package/dist/collection/components/molecules/tttx-standalone-input/tttx-standalone-input.stories.js +156 -0
  34. package/dist/collection/components/palette.stories.js +81 -81
  35. package/dist/collection/docs/gettingstarted-developer.stories.js +4 -4
  36. package/dist/components/index.d.ts +2 -10
  37. package/dist/components/index.js +3 -2
  38. package/dist/components/tttx-button.js +1 -1
  39. package/dist/components/tttx-checkbox.js +2 -2
  40. package/dist/components/tttx-form.js +167 -39
  41. package/dist/components/tttx-icon2.js +1 -1
  42. package/dist/components/{tttx-input.d.ts → tttx-list.d.ts} +4 -4
  43. package/dist/components/tttx-list.js +225 -0
  44. package/dist/components/tttx-loading-spinner.js +1 -38
  45. package/dist/components/tttx-loading-spinner2.js +40 -0
  46. package/dist/components/tttx-popover-content.js +1 -1
  47. package/dist/components/tttx-standalone-input.d.ts +11 -0
  48. package/dist/components/tttx-standalone-input.js +178 -0
  49. package/dist/esm/{index-9654537d.js → index-d8718abe.js} +44 -88
  50. package/dist/esm/loader.js +3 -4
  51. package/dist/esm/polyfills/css-shim.js +1 -1
  52. package/dist/esm/tttx-button.entry.js +2 -2
  53. package/dist/esm/tttx-checkbox.entry.js +3 -3
  54. package/dist/esm/tttx-form.entry.js +169 -41
  55. package/dist/esm/tttx-icon.entry.js +2 -2
  56. package/dist/esm/tttx-list.entry.js +194 -0
  57. package/dist/esm/tttx-loading-spinner.entry.js +4 -4
  58. package/dist/esm/tttx-popover-content.entry.js +2 -2
  59. package/dist/esm/tttx-standalone-input.entry.js +130 -0
  60. package/dist/esm/tttx.js +3 -4
  61. package/dist/tttx/p-1b6b4223.entry.js +1 -0
  62. package/dist/tttx/p-1ea7e424.entry.js +1 -0
  63. package/dist/tttx/{p-3cb692d6.entry.js → p-629411bc.entry.js} +1 -1
  64. package/dist/tttx/p-7d84c410.entry.js +1 -0
  65. package/dist/tttx/p-80bbe164.js +2 -0
  66. package/dist/tttx/{p-1884203f.entry.js → p-daa82b1b.entry.js} +1 -1
  67. package/dist/tttx/p-db1f56ba.entry.js +1 -0
  68. package/dist/tttx/p-dee50f14.entry.js +1 -0
  69. package/dist/tttx/{p-674e2f18.entry.js → p-e5c02c27.entry.js} +1 -1
  70. package/dist/tttx/tttx.esm.js +1 -1
  71. package/dist/types/components/molecules/tttx-form/tttx-form.d.ts +14 -7
  72. package/dist/types/components/molecules/tttx-form/tttx-form.stories.d.ts +1 -8
  73. package/dist/types/components/molecules/tttx-list/tttx-list.d.ts +51 -0
  74. package/dist/types/components/molecules/tttx-list/tttx-list.stories.d.ts +13 -0
  75. package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.d.ts +38 -0
  76. package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.stories.d.ts +106 -0
  77. package/dist/types/components.d.ts +88 -39
  78. package/dist/types/stencil-public-runtime.d.ts +3 -59
  79. package/loader/index.d.ts +0 -9
  80. package/package.json +67 -65
  81. package/readme.md +89 -86
  82. package/dist/cjs/tttx-input.cjs.entry.js +0 -44
  83. package/dist/collection/components/molecules/tttx-input/tttx-input.js +0 -259
  84. package/dist/collection/components/molecules/tttx-input/tttx-input.stories.js +0 -106
  85. package/dist/components/tttx-input.js +0 -77
  86. package/dist/esm/tttx-input.entry.js +0 -40
  87. package/dist/tttx/p-317b13d3.entry.js +0 -1
  88. package/dist/tttx/p-3cd7ad04.entry.js +0 -1
  89. package/dist/tttx/p-b6cc2780.js +0 -2
  90. package/dist/tttx/p-f30a0e84.entry.js +0 -1
  91. package/dist/tttx/p-f4855113.entry.js +0 -1
  92. package/dist/types/components/molecules/tttx-input/tttx-input.d.ts +0 -20
  93. package/dist/types/components/molecules/tttx-input/tttx-input.stories.d.ts +0 -60
@@ -0,0 +1,194 @@
1
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d8718abe.js';
2
+
3
+ const tttxListCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.material-symbols-rounded{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}:host{display:flex;flex-direction:column}.tttx-list__row{min-height:52px;line-height:36px;padding:8px;display:flex;flex-direction:row;align-items:center;cursor:pointer;border-bottom:1px solid #d5d5d5}.tttx-list__row .generic-template__content{width:100%;display:flex;align-items:center;gap:8px}.tttx-list__row:first-of-type{border-top:1px solid #d5d5d5}.tttx-list__row:focus,.tttx-list__row:active{background-color:#e6e6e6}.tttx-list__row.selected{background-color:#e7f1f9}.load-indicator{display:flex;justify-content:center}";
4
+
5
+ const TttxList = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ this.listPaginate = createEvent(this, "listPaginate", 7);
9
+ this.listSelectedEvent = createEvent(this, "listSelectedEvent", 7);
10
+ this.listItemClick = createEvent(this, "listItemClick", 7);
11
+ this.rowCount = 0;
12
+ this.name = undefined;
13
+ this.selectable = undefined;
14
+ this.items = [];
15
+ this.selectedIds = [];
16
+ this.loading = true;
17
+ this.lastPage = false;
18
+ }
19
+ listLoadHandler(event) {
20
+ if (event.detail.name !== this.name)
21
+ return;
22
+ this.items = [...this.items, ...event.detail.items];
23
+ this.loading = false;
24
+ this.lastPage = event.detail.lastPage;
25
+ this.renderRows(event.detail.items);
26
+ if (this.scrollableParent.clientHeight === this.scrollableParent.scrollHeight)
27
+ this.listPaginateHandler();
28
+ }
29
+ listPaginateHandler() {
30
+ // We don't want to emit an event to load the next page if this is the last page, or if we're already loading
31
+ if (this.lastPage || this.loading)
32
+ return;
33
+ this.loading = true;
34
+ this.listPaginate.emit({ name: this.name });
35
+ }
36
+ listClearDataCacheHandler(event) {
37
+ if (event.detail.name !== this.name)
38
+ return;
39
+ this.items = [];
40
+ this.selectedIds = [];
41
+ this.listItemContainer()
42
+ .querySelectorAll(".tttx-list__row")
43
+ .forEach((node) => {
44
+ node.remove();
45
+ });
46
+ this.rowCount = 0;
47
+ this.lastPage = false;
48
+ this.loading = false;
49
+ }
50
+ listActionSelectedEventHandler(event) {
51
+ if (event.detail.name !== this.name || !this.selectable || this.selectedIds.length === 0)
52
+ return;
53
+ const selectedRows = this.selectedIds.map(id => {
54
+ return this.items[id];
55
+ });
56
+ if (event.detail.removeRows)
57
+ this.removeSelectedRows();
58
+ this.listSelectedEvent.emit({
59
+ name: this.name,
60
+ eventName: event.detail.eventName,
61
+ selectedRows,
62
+ });
63
+ }
64
+ removeSelectedRows() {
65
+ const orderedSelectedIds = [...this.selectedIds].sort((a, b) => {
66
+ return b - a;
67
+ });
68
+ orderedSelectedIds.forEach(itemIndex => {
69
+ this.items.splice(itemIndex, 1);
70
+ this.listItemContainer().removeChild(this.listItemContainer().querySelector(`[data-row-id="${itemIndex}"]`));
71
+ // If this removes the scrollbar and we're not on the last page, load in a new page
72
+ if (this.scrollableParent.clientHeight === this.scrollableParent.scrollHeight)
73
+ this.listPaginateHandler();
74
+ });
75
+ // Empty selected ids with mutation rather than assignment to avoid unecessary component rerender
76
+ this.selectedIds.splice(0, this.selectedIds.length);
77
+ }
78
+ listItemClickHandler(itemData) {
79
+ if (this.selectedIds.length !== 0)
80
+ return;
81
+ this.listItemClick.emit({ itemData, name: this.name });
82
+ }
83
+ componentWillLoad() {
84
+ this.template = this.host.querySelector("template");
85
+ this.scrollableParent = this.getScrollableParent(this.host);
86
+ const scrollableContext = this.scrollableParent === document.scrollingElement ? document : this.scrollableParent;
87
+ scrollableContext.addEventListener("scroll", this.scrollHandler.bind(this));
88
+ window.addEventListener("resize", this.scrollHandler.bind(this));
89
+ }
90
+ componentDidLoad() {
91
+ // Emit event to load first page
92
+ this.listPaginate.emit({ name: this.name });
93
+ }
94
+ listItemContainer() {
95
+ return this.host.shadowRoot.querySelector(".list-item-container");
96
+ }
97
+ async scrollHandler() {
98
+ const { clientHeight, scrollTop, scrollHeight } = this.scrollableParent;
99
+ if (Math.abs(scrollHeight - clientHeight - scrollTop) < 26)
100
+ this.listPaginateHandler();
101
+ }
102
+ isScrollable(node) {
103
+ const hasScrollbar = ["scroll", "auto"].includes(node.style.overflowY);
104
+ return hasScrollbar;
105
+ }
106
+ getScrollableParent(node) {
107
+ if (!node || node === document.body) {
108
+ return document.scrollingElement;
109
+ }
110
+ else {
111
+ return this.isScrollable(node) ? node : this.getScrollableParent(node.parentElement);
112
+ }
113
+ }
114
+ appendRowCheckbox(rowContainer) {
115
+ if (!this.selectable)
116
+ return;
117
+ const rowId = this.rowCount;
118
+ const checkbox = document.createElement("input");
119
+ checkbox.setAttribute("type", "checkbox");
120
+ checkbox.addEventListener("click", e => {
121
+ e.stopPropagation();
122
+ if (e.target.checked) {
123
+ this.selectedIds = [...this.selectedIds, rowId];
124
+ rowContainer.classList.add("selected");
125
+ }
126
+ else {
127
+ this.selectedIds = this.selectedIds.filter(id => {
128
+ return id !== rowId;
129
+ });
130
+ rowContainer.classList.remove("selected");
131
+ }
132
+ });
133
+ rowContainer.setAttribute("data-row-id", `${rowId}`);
134
+ this.rowCount++;
135
+ rowContainer.appendChild(checkbox);
136
+ }
137
+ appendSeededTemplate(rowData, rowContainer) {
138
+ this.template.childNodes.forEach(child => {
139
+ const clone = child.cloneNode(false);
140
+ if (clone.getAttribute("data-fields")) {
141
+ const fields = clone.getAttribute("data-fields").replace(/\s/g, "").split(",");
142
+ const filteredRowData = Object.fromEntries(fields.map((field) => {
143
+ return [field, rowData[field]];
144
+ }));
145
+ clone.setAttribute("row-data", JSON.stringify(filteredRowData));
146
+ }
147
+ else {
148
+ clone.setAttribute("row-data", JSON.stringify(rowData));
149
+ }
150
+ rowContainer.appendChild(clone);
151
+ });
152
+ }
153
+ appendGenericTemplate(rowData, rowContainer) {
154
+ const row = document.createElement("div");
155
+ row.classList.add("generic-template__content");
156
+ row.textContent = rowData.text;
157
+ rowContainer.appendChild(row);
158
+ if (!rowData.icon)
159
+ return;
160
+ const icon = document.createElement("span");
161
+ icon.classList.add("material-symbols-rounded");
162
+ icon.textContent = rowData.icon;
163
+ if (rowData.iconColor)
164
+ icon.style["color"] = rowData.iconColor;
165
+ row.prepend(icon);
166
+ }
167
+ row(rowData) {
168
+ const rowContainer = document.createElement("div");
169
+ rowContainer.classList.add("tttx-list__row");
170
+ rowContainer.addEventListener("click", () => {
171
+ this.listItemClickHandler(rowData);
172
+ });
173
+ this.appendRowCheckbox(rowContainer);
174
+ this.template ? this.appendSeededTemplate(rowData, rowContainer) : this.appendGenericTemplate(rowData, rowContainer);
175
+ return rowContainer;
176
+ }
177
+ renderRows(batchData) {
178
+ batchData.forEach(rowData => {
179
+ this.listItemContainer().appendChild(this.row(rowData));
180
+ });
181
+ }
182
+ loadIndicator() {
183
+ if (!this.loading)
184
+ return;
185
+ return h("div", { class: "load-indicator" }, h("tttx-loading-spinner", { size: 'large' }));
186
+ }
187
+ render() {
188
+ return (h(Host, null, h("div", { class: "list-item-container", tabindex: "0" }, !this.loading && this.items.length === 0 ? "No data to display" : undefined), this.loadIndicator()));
189
+ }
190
+ get host() { return getElement(this); }
191
+ };
192
+ TttxList.style = tttxListCss;
193
+
194
+ export { TttxList as tttx_list };
@@ -1,6 +1,6 @@
1
- import { r as registerInstance, h } from './index-9654537d.js';
1
+ import { r as registerInstance, h } from './index-d8718abe.js';
2
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)}}";
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
4
 
5
5
  const TttxLoadingSpinner = class {
6
6
  constructor(hostRef) {
@@ -11,10 +11,10 @@ const TttxLoadingSpinner = class {
11
11
  renderLoadingMessage() {
12
12
  if (!this.loadingMessage)
13
13
  return '';
14
- return h("div", { class: 'loading-text' }, "Loading, please wait...");
14
+ return h("div", { class: "loading-text" }, "Loading, please wait...");
15
15
  }
16
16
  render() {
17
- return h("div", { class: 'spinner-container' }, h("div", { class: "loading-box" }, h("span", { class: `spinner ${this.size}` })), this.renderLoadingMessage());
17
+ return (h("div", { class: "spinner-container" }, h("div", { class: "loading-box" }, h("span", { class: `spinner ${this.size}` })), this.renderLoadingMessage()));
18
18
  }
19
19
  };
20
20
  TttxLoadingSpinner.style = tttxLoadingSpinnerCss;
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h, H as Host } from './index-9654537d.js';
1
+ import { r as registerInstance, h, H as Host } from './index-d8718abe.js';
2
2
 
3
3
  const tttxPopoverContentCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}:host{display:block;max-width:400px}h4{margin:0;font-size:15px;font-weight:700;color:black;margin-bottom:4px}p{margin:0;font-size:14px;font-weight:normal;color:black;margin-bottom:4px}.linky{color:#1479c6;text-decoration:none;cursor:pointer}";
4
4
 
@@ -11,7 +11,7 @@ const TttxPopoverContent = class {
11
11
  this.linktext = undefined;
12
12
  }
13
13
  render() {
14
- return (h(Host, null, this.header && h("h4", null, this.header), this.body && h("p", null, this.body), this.linkcontext && h("span", { class: "linky", onClick: (evt) => console.log(this.linkcontext, evt) }, this.linktext || 'More Information')));
14
+ return (h(Host, null, this.header && h("h4", null, this.header), this.body && h("p", null, this.body), this.linkcontext && (h("span", { class: "linky", onClick: evt => console.log(this.linkcontext, evt) }, this.linktext || 'More Information'))));
15
15
  }
16
16
  };
17
17
  TttxPopoverContent.style = tttxPopoverContentCss;
@@ -0,0 +1,130 @@
1
+ import { r as registerInstance, c as createEvent, h, H as Host } from './index-d8718abe.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;margin-right:4px}.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}.focused.sc-tttx-standalone-input{border-color:#1479c6}.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.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}input.invalid.sc-tttx-standalone-input:invalid,input.standalone.invalid.sc-tttx-standalone-input{border:1px solid #dc0000}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}.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.isfocused = false;
10
+ this.label = undefined;
11
+ this.valid = undefined;
12
+ this.showerrormsg = undefined;
13
+ this.errormsg = undefined;
14
+ this.iconleft = undefined;
15
+ this.iconright = undefined;
16
+ this.autocapitalize = undefined;
17
+ this.autocomplete = undefined;
18
+ this.autofocus = undefined;
19
+ this.checked = undefined;
20
+ this.disabled = undefined;
21
+ this.max = undefined;
22
+ this.maxlength = undefined;
23
+ this.min = undefined;
24
+ this.minlength = undefined;
25
+ this.name = undefined;
26
+ this.pattern = undefined;
27
+ this.placeholder = undefined;
28
+ this.readonly = undefined;
29
+ this.required = undefined;
30
+ this.step = undefined;
31
+ this.type = 'text';
32
+ this.value = undefined;
33
+ }
34
+ handleChange(event) {
35
+ const target = event.target;
36
+ this.value = target.value;
37
+ this.valueChanged.emit(target.value);
38
+ }
39
+ handleFocus() {
40
+ this.isfocused = true;
41
+ }
42
+ handleBlur() {
43
+ this.isfocused = false;
44
+ }
45
+ render() {
46
+ const classNames = ['standalone', this.showerrormsg ? 'invalid' : ''].join(' ');
47
+ return (h(Host, null, h("label", { class: 'inputBlock' }, this.label, !this.required ? h("span", { class: "optional" }, "\u00A0(optional)") : '', this.iconleft && (h("div", { class: "icon-left" }, h("tttx-icon", { icon: this.iconleft, colour: "grey" }))), h("input", { class: classNames, autocapitalize: this.type === 'url' || this.type === 'email' || this.type === 'password' ? this.autocapitalize : null, autofocus: this.autofocus, autocomplete: this.type === 'text' ||
48
+ this.type === 'search' ||
49
+ this.type === 'url' ||
50
+ this.type === 'tel' ||
51
+ this.type === 'email' ||
52
+ this.type === 'password' ||
53
+ this.type === 'datepickers' ||
54
+ this.type === 'range' ||
55
+ this.type === 'color'
56
+ ? this.autocomplete
57
+ : null, checked: this.type === 'checkbox' || this.type === 'radio' ? this.checked : null, disabled: !this.required ? this.disabled : null, max: this.type === 'date' ||
58
+ this.type === 'month' ||
59
+ this.type === 'week' ||
60
+ this.type === 'time' ||
61
+ this.type === 'datetime-local' ||
62
+ this.type === 'number' ||
63
+ this.type === 'range'
64
+ ? this.max
65
+ : null, maxlength: this.maxlength, min: this.type === 'date' ||
66
+ this.type === 'month' ||
67
+ this.type === 'week' ||
68
+ this.type === 'time' ||
69
+ this.type === 'datetime-local' ||
70
+ this.type === 'number' ||
71
+ this.type === 'range'
72
+ ? this.min
73
+ : null, minlength: this.maxlength, name: this.name, pattern: this.type === 'text' ||
74
+ this.type === 'date' ||
75
+ this.type === 'search' ||
76
+ this.type === 'url' ||
77
+ this.type === 'tel' ||
78
+ this.type === 'email' ||
79
+ this.type === 'password'
80
+ ? this.pattern
81
+ : null, placeholder: this.type === 'text' ||
82
+ this.type === 'tel' ||
83
+ this.type === 'email' ||
84
+ this.type === 'url' ||
85
+ this.type === 'password' ||
86
+ this.type === 'search'
87
+ ? this.placeholder
88
+ : null, readonly: this.type === 'text' ||
89
+ this.type === 'search' ||
90
+ this.type === 'url' ||
91
+ this.type === 'tel' ||
92
+ this.type === 'email' ||
93
+ this.type === 'password' ||
94
+ this.type === 'date' ||
95
+ this.type === 'month' ||
96
+ this.type === 'week' ||
97
+ this.type === 'time' ||
98
+ this.type === 'datetime-local' ||
99
+ this.type === 'number'
100
+ ? this.readonly
101
+ : null, required: this.type === 'text' ||
102
+ this.type === 'search' ||
103
+ this.type === 'url' ||
104
+ this.type === 'tel' ||
105
+ this.type === 'email' ||
106
+ this.type === 'password' ||
107
+ this.type === 'date' ||
108
+ this.type === 'month' ||
109
+ this.type === 'week' ||
110
+ this.type === 'time' ||
111
+ this.type === 'datetime-local' ||
112
+ this.type === 'number' ||
113
+ this.type === 'checkbox' ||
114
+ this.type === 'radio' ||
115
+ this.type === 'file'
116
+ ? this.required
117
+ : null, step: this.type === 'date' ||
118
+ this.type === 'month' ||
119
+ this.type === 'week' ||
120
+ this.type === 'time' ||
121
+ this.type === 'datetime-local' ||
122
+ this.type === 'number' ||
123
+ this.type === 'range'
124
+ ? this.step
125
+ : null, type: this.type, value: this.value, onBlur: this.handleBlur.bind(this), onFocus: this.handleFocus.bind(this), onInput: this.handleChange.bind(this) }), this.iconright && (h("div", { class: "icon-right" }, h("tttx-icon", { icon: this.iconright, colour: "grey" }))), h("span", { class: ['errorBubble', this.showerrormsg && this.errormsg ? 'visible' : ''].join(' ') }, h("span", { class: "material-symbols-rounded validationicon" }, "warning"), " ", this.errormsg))));
126
+ }
127
+ };
128
+ TttxInput.style = tttxStandaloneInputCss;
129
+
130
+ export { TttxInput as tttx_standalone_input };
package/dist/esm/tttx.js CHANGED
@@ -1,8 +1,7 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-9654537d.js';
2
- export { s as setNonce } from './index-9654537d.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-d8718abe.js';
3
2
 
4
3
  /*
5
- Stencil Client Patch Browser v2.22.3 | MIT Licensed | https://stenciljs.com
4
+ Stencil Client Patch Browser v2.20.0 | MIT Licensed | https://stenciljs.com
6
5
  */
7
6
  const patchBrowser = () => {
8
7
  const importMeta = import.meta.url;
@@ -14,5 +13,5 @@ const patchBrowser = () => {
14
13
  };
15
14
 
16
15
  patchBrowser().then(options => {
17
- return bootstrapLazy([["tttx-input",[[1,"tttx-input",{"label":[1],"valid":[4],"showerrormsg":[4],"errormsg":[1],"value":[1025],"type":[1],"placeholder":[1],"pattern":[1],"iconleft":[1],"iconright":[1],"required":[4],"isfocused":[32]}]]],["tttx-button",[[1,"tttx-button",{"fontColor":[1,"font-color"],"buttonStyle":[1,"button-style"]},[[0,"clickEvent","onClicked"]]]]],["tttx-checkbox",[[1,"tttx-checkbox",{"value":[4],"label":[1],"required":[4]}]]],["tttx-form",[[1,"tttx-form",{"dataAttribute":[1,"data-attribute"],"functionAttribute":[1,"function-attribute"]}]]],["tttx-loading-spinner",[[1,"tttx-loading-spinner",{"loadingMessage":[1028,"loading-message"],"size":[1025]}]]],["tttx-popover-content",[[1,"tttx-popover-content",{"header":[1],"body":[1],"linkcontext":[1],"linktext":[1]}]]],["tttx-icon",[[1,"tttx-icon",{"icon":[1],"colour":[1]},[[4,"click","handleDocumentClick"]]]]]], options);
16
+ return bootstrapLazy([["tttx-list",[[1,"tttx-list",{"name":[1],"selectable":[4],"items":[32],"selectedIds":[32],"loading":[32],"lastPage":[32]},[[4,"listPageLoad","listLoadHandler"],[4,"listClearDataCache","listClearDataCacheHandler"],[4,"listActionSelectedEvent","listActionSelectedEventHandler"]]]]],["tttx-standalone-input",[[2,"tttx-standalone-input",{"label":[1],"valid":[4],"showerrormsg":[4],"errormsg":[1],"iconleft":[1],"iconright":[1],"autocapitalize":[1],"autocomplete":[1],"autofocus":[4],"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],"isfocused":[32]}]]],["tttx-button",[[1,"tttx-button",{"fontColor":[1,"font-color"],"buttonStyle":[1,"button-style"]},[[0,"clickEvent","onClicked"]]]]],["tttx-checkbox",[[1,"tttx-checkbox",{"value":[4],"label":[1],"required":[4]}]]],["tttx-form",[[1,"tttx-form",{"formschema":[8],"submitValue":[8,"submit-value"]}]]],["tttx-popover-content",[[1,"tttx-popover-content",{"header":[1],"body":[1],"linkcontext":[1],"linktext":[1]}]]],["tttx-icon",[[1,"tttx-icon",{"icon":[1],"colour":[1]},[[4,"click","handleDocumentClick"]]]]],["tttx-loading-spinner",[[1,"tttx-loading-spinner",{"loadingMessage":[1028,"loading-message"],"size":[1025]}]]]], options);
18
17
  });
@@ -0,0 +1 @@
1
+ import{r as t,h as n,H as e,g as r}from"./p-80bbe164.js";var o="top",i="bottom",a="right",f="left",u=[o,i,a,f],c=u.reduce((function(t,n){return t.concat([n+"-start",n+"-end"])}),[]),s=[].concat(u,["auto"]).reduce((function(t,n){return t.concat([n,n+"-start",n+"-end"])}),[]),l=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function p(t){return t?(t.nodeName||"").toLowerCase():null}function d(t){if(null==t)return window;if("[object Window]"!==t.toString()){var n=t.ownerDocument;return n&&n.defaultView||window}return t}function v(t){return t instanceof d(t).Element||t instanceof Element}function h(t){return t instanceof d(t).HTMLElement||t instanceof HTMLElement}function b(t){return"undefined"!=typeof ShadowRoot&&(t instanceof d(t).ShadowRoot||t instanceof ShadowRoot)}function m(t){return t.split("-")[0]}var y=Math.max,w=Math.min,x=Math.round;function g(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function O(){return!/^((?!chrome|android).)*safari/i.test(g())}function j(t,n,e){void 0===n&&(n=!1),void 0===e&&(e=!1);var r=t.getBoundingClientRect(),o=1,i=1;n&&h(t)&&(o=t.offsetWidth>0&&x(r.width)/t.offsetWidth||1,i=t.offsetHeight>0&&x(r.height)/t.offsetHeight||1);var a=(v(t)?d(t):window).visualViewport,f=!O()&&e,u=(r.left+(f&&a?a.offsetLeft:0))/o,c=(r.top+(f&&a?a.offsetTop:0))/i,s=r.width/o,l=r.height/i;return{width:s,height:l,top:c,right:u+s,bottom:c+l,left:u,x:u,y:c}}function k(t){var n=j(t),e=t.offsetWidth,r=t.offsetHeight;return Math.abs(n.width-e)<=1&&(e=n.width),Math.abs(n.height-r)<=1&&(r=n.height),{x:t.offsetLeft,y:t.offsetTop,width:e,height:r}}function M(t,n){var e=n.getRootNode&&n.getRootNode();if(t.contains(n))return!0;if(e&&b(e)){var r=n;do{if(r&&t.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function L(t){return d(t).getComputedStyle(t)}function A(t){return["table","td","th"].indexOf(p(t))>=0}function E(t){return((v(t)?t.ownerDocument:t.document)||window.document).documentElement}function P(t){return"html"===p(t)?t:t.assignedSlot||t.parentNode||(b(t)?t.host:null)||E(t)}function R(t){return h(t)&&"fixed"!==L(t).position?t.offsetParent:null}function q(t){for(var n=d(t),e=R(t);e&&A(e)&&"static"===L(e).position;)e=R(e);return e&&("html"===p(e)||"body"===p(e)&&"static"===L(e).position)?n:e||function(t){var n=/firefox/i.test(g());if(/Trident/i.test(g())&&h(t)&&"fixed"===L(t).position)return null;var e=P(t);for(b(e)&&(e=e.host);h(e)&&["html","body"].indexOf(p(e))<0;){var r=L(e);if("none"!==r.transform||"none"!==r.perspective||"paint"===r.contain||-1!==["transform","perspective"].indexOf(r.willChange)||n&&"filter"===r.willChange||n&&r.filter&&"none"!==r.filter)return e;e=e.parentNode}return null}(t)||n}function B(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function S(t,n,e){return y(t,w(n,e))}function W(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function z(t,n){return n.reduce((function(n,e){return n[e]=t,n}),{})}function C(t){return t.split("-")[1]}var H={top:"auto",right:"auto",bottom:"auto",left:"auto"};function I(t){var n,e=t.popper,r=t.popperRect,u=t.placement,c=t.variation,s=t.offsets,l=t.position,p=t.gpuAcceleration,v=t.adaptive,h=t.roundOffsets,b=t.isFixed,m=s.x,y=void 0===m?0:m,w=s.y,g=void 0===w?0:w,O="function"==typeof h?h({x:y,y:g}):{x:y,y:g};y=O.x,g=O.y;var j=s.hasOwnProperty("x"),k=s.hasOwnProperty("y"),M=f,A=o,P=window;if(v){var R=q(e),B="clientHeight",S="clientWidth";R===d(e)&&"static"!==L(R=E(e)).position&&"absolute"===l&&(B="scrollHeight",S="scrollWidth"),R=R,(u===o||(u===f||u===a)&&"end"===c)&&(A=i,g-=(b&&R===P&&P.visualViewport?P.visualViewport.height:R[B])-r.height,g*=p?1:-1),u!==f&&(u!==o&&u!==i||"end"!==c)||(M=a,y-=(b&&R===P&&P.visualViewport?P.visualViewport.width:R[S])-r.width,y*=p?1:-1)}var W,z=Object.assign({position:l},v&&H),C=!0===h?function(t,n){var e=t.y,r=n.devicePixelRatio||1;return{x:x(t.x*r)/r||0,y:x(e*r)/r||0}}({x:y,y:g},d(e)):{x:y,y:g};return y=C.x,g=C.y,Object.assign({},z,p?((W={})[A]=k?"0":"",W[M]=j?"0":"",W.transform=(P.devicePixelRatio||1)<=1?"translate("+y+"px, "+g+"px)":"translate3d("+y+"px, "+g+"px, 0)",W):((n={})[A]=k?g+"px":"",n[M]=j?y+"px":"",n.transform="",n))}var T={passive:!0},D={left:"right",right:"left",bottom:"top",top:"bottom"};function F(t){return t.replace(/left|right|bottom|top/g,(function(t){return D[t]}))}var $={start:"end",end:"start"};function _(t){return t.replace(/start|end/g,(function(t){return $[t]}))}function G(t){var n=d(t);return{scrollLeft:n.pageXOffset,scrollTop:n.pageYOffset}}function U(t){return j(E(t)).left+G(t).scrollLeft}function V(t){var n=L(t);return/auto|scroll|overlay|hidden/.test(n.overflow+n.overflowY+n.overflowX)}function J(t){return["html","body","#document"].indexOf(p(t))>=0?t.ownerDocument.body:h(t)&&V(t)?t:J(P(t))}function K(t,n){var e;void 0===n&&(n=[]);var r=J(t),o=r===(null==(e=t.ownerDocument)?void 0:e.body),i=d(r),a=o?[i].concat(i.visualViewport||[],V(r)?r:[]):r,f=n.concat(a);return o?f:f.concat(K(P(a)))}function N(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function Q(t,n,e){return"viewport"===n?N(function(t,n){var e=d(t),r=E(t),o=e.visualViewport,i=r.clientWidth,a=r.clientHeight,f=0,u=0;if(o){i=o.width,a=o.height;var c=O();(c||!c&&"fixed"===n)&&(f=o.offsetLeft,u=o.offsetTop)}return{width:i,height:a,x:f+U(t),y:u}}(t,e)):v(n)?function(t,n){var e=j(t,!1,"fixed"===n);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}(n,e):N(function(t){var n,e=E(t),r=G(t),o=null==(n=t.ownerDocument)?void 0:n.body,i=y(e.scrollWidth,e.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),a=y(e.scrollHeight,e.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),f=-r.scrollLeft+U(t),u=-r.scrollTop;return"rtl"===L(o||e).direction&&(f+=y(e.clientWidth,o?o.clientWidth:0)-i),{width:i,height:a,x:f,y:u}}(E(t)))}function X(t){var n,e=t.reference,r=t.element,u=t.placement,c=u?m(u):null,s=u?C(u):null,l=e.x+e.width/2-r.width/2,p=e.y+e.height/2-r.height/2;switch(c){case o:n={x:l,y:e.y-r.height};break;case i:n={x:l,y:e.y+e.height};break;case a:n={x:e.x+e.width,y:p};break;case f:n={x:e.x-r.width,y:p};break;default:n={x:e.x,y:e.y}}var d=c?B(c):null;if(null!=d){var v="y"===d?"height":"width";switch(s){case"start":n[d]=n[d]-(e[v]/2-r[v]/2);break;case"end":n[d]=n[d]+(e[v]/2-r[v]/2)}}return n}function Y(t,n){void 0===n&&(n={});var e=n.placement,r=void 0===e?t.placement:e,f=n.strategy,c=void 0===f?t.strategy:f,s=n.boundary,l=void 0===s?"clippingParents":s,d=n.rootBoundary,b=void 0===d?"viewport":d,m=n.elementContext,x=void 0===m?"popper":m,g=n.altBoundary,O=void 0!==g&&g,k=n.padding,A=void 0===k?0:k,R=W("number"!=typeof A?A:z(A,u)),B=t.rects.popper,S=t.elements[O?"popper"===x?"reference":"popper":x],C=function(t,n,e,r){var o="clippingParents"===n?function(t){var n=K(P(t)),e=["absolute","fixed"].indexOf(L(t).position)>=0&&h(t)?q(t):t;return v(e)?n.filter((function(t){return v(t)&&M(t,e)&&"body"!==p(t)})):[]}(t):[].concat(n),i=[].concat(o,[e]),a=i.reduce((function(n,e){var o=Q(t,e,r);return n.top=y(o.top,n.top),n.right=w(o.right,n.right),n.bottom=w(o.bottom,n.bottom),n.left=y(o.left,n.left),n}),Q(t,i[0],r));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(v(S)?S:S.contextElement||E(t.elements.popper),l,b,c),H=j(t.elements.reference),I=X({reference:H,element:B,strategy:"absolute",placement:r}),T=N(Object.assign({},B,I)),D="popper"===x?T:H,F={top:C.top-D.top+R.top,bottom:D.bottom-C.bottom+R.bottom,left:C.left-D.left+R.left,right:D.right-C.right+R.right},$=t.modifiersData.offset;if("popper"===x&&$){var _=$[r];Object.keys(F).forEach((function(t){var n=[a,i].indexOf(t)>=0?1:-1,e=[o,i].indexOf(t)>=0?"y":"x";F[t]+=_[e]*n}))}return F}function Z(t,n){void 0===n&&(n={});var e=n.boundary,r=n.rootBoundary,o=n.padding,i=n.flipVariations,a=n.allowedAutoPlacements,f=void 0===a?s:a,l=C(n.placement),p=l?i?c:c.filter((function(t){return C(t)===l})):u,d=p.filter((function(t){return f.indexOf(t)>=0}));0===d.length&&(d=p);var v=d.reduce((function(n,i){return n[i]=Y(t,{placement:i,boundary:e,rootBoundary:r,padding:o})[m(i)],n}),{});return Object.keys(v).sort((function(t,n){return v[t]-v[n]}))}function tt(t,n,e){return void 0===e&&(e={x:0,y:0}),{top:t.top-n.height-e.y,right:t.right-n.width+e.x,bottom:t.bottom-n.height+e.y,left:t.left-n.width-e.x}}function nt(t){return[o,a,i,f].some((function(n){return t[n]>=0}))}function et(t,n,e){void 0===e&&(e=!1);var r,o,i=h(n),a=h(n)&&function(t){var n=t.getBoundingClientRect(),e=x(n.width)/t.offsetWidth||1,r=x(n.height)/t.offsetHeight||1;return 1!==e||1!==r}(n),f=E(n),u=j(t,a,e),c={scrollLeft:0,scrollTop:0},s={x:0,y:0};return(i||!i&&!e)&&(("body"!==p(n)||V(f))&&(c=(r=n)!==d(r)&&h(r)?{scrollLeft:(o=r).scrollLeft,scrollTop:o.scrollTop}:G(r)),h(n)?((s=j(n,!0)).x+=n.clientLeft,s.y+=n.clientTop):f&&(s.x=U(f))),{x:u.left+c.scrollLeft-s.x,y:u.top+c.scrollTop-s.y,width:u.width,height:u.height}}function rt(t){var n=new Map,e=new Set,r=[];function o(t){e.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!e.has(t)){var r=n.get(t);r&&o(r)}})),r.push(t)}return t.forEach((function(t){n.set(t.name,t)})),t.forEach((function(t){e.has(t.name)||o(t)})),r}var ot={placement:"bottom",modifiers:[],strategy:"absolute"};function it(){for(var t=arguments.length,n=new Array(t),e=0;e<t;e++)n[e]=arguments[e];return!n.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function at(t){void 0===t&&(t={});var n=t.defaultModifiers,e=void 0===n?[]:n,r=t.defaultOptions,o=void 0===r?ot:r;return function(t,n,r){void 0===r&&(r=o);var i,a,f={placement:"bottom",orderedModifiers:[],options:Object.assign({},ot,o),modifiersData:{},elements:{reference:t,popper:n},attributes:{},styles:{}},u=[],c=!1,s={state:f,setOptions:function(r){var i="function"==typeof r?r(f.options):r;p(),f.options=Object.assign({},o,f.options,i),f.scrollParents={reference:v(t)?K(t):t.contextElement?K(t.contextElement):[],popper:K(n)};var a,c,d=function(t){var n=rt(t);return l.reduce((function(t,e){return t.concat(n.filter((function(t){return t.phase===e})))}),[])}((a=[].concat(e,f.options.modifiers),c=a.reduce((function(t,n){var e=t[n.name];return t[n.name]=e?Object.assign({},e,n,{options:Object.assign({},e.options,n.options),data:Object.assign({},e.data,n.data)}):n,t}),{}),Object.keys(c).map((function(t){return c[t]}))));return f.orderedModifiers=d.filter((function(t){return t.enabled})),f.orderedModifiers.forEach((function(t){var n=t.options,e=t.effect;if("function"==typeof e){var r=e({state:f,name:t.name,instance:s,options:void 0===n?{}:n});u.push(r||function(){})}})),s.update()},forceUpdate:function(){if(!c){var t=f.elements,n=t.reference,e=t.popper;if(it(n,e)){f.rects={reference:et(n,q(e),"fixed"===f.options.strategy),popper:k(e)},f.reset=!1,f.placement=f.options.placement,f.orderedModifiers.forEach((function(t){return f.modifiersData[t.name]=Object.assign({},t.data)}));for(var r=0;r<f.orderedModifiers.length;r++)if(!0!==f.reset){var o=f.orderedModifiers[r],i=o.fn,a=o.options;"function"==typeof i&&(f=i({state:f,options:void 0===a?{}:a,name:o.name,instance:s})||f)}else f.reset=!1,r=-1}}},update:(i=function(){return new Promise((function(t){s.forceUpdate(),t(f)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(i())}))}))),a}),destroy:function(){p(),c=!0}};if(!it(t,n))return s;function p(){u.forEach((function(t){return t()})),u=[]}return s.setOptions(r).then((function(t){!c&&r.onFirstUpdate&&r.onFirstUpdate(t)})),s}}var ft=at({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var n=t.state,e=t.instance,r=t.options,o=r.scroll,i=void 0===o||o,a=r.resize,f=void 0===a||a,u=d(n.elements.popper),c=[].concat(n.scrollParents.reference,n.scrollParents.popper);return i&&c.forEach((function(t){t.addEventListener("scroll",e.update,T)})),f&&u.addEventListener("resize",e.update,T),function(){i&&c.forEach((function(t){t.removeEventListener("scroll",e.update,T)})),f&&u.removeEventListener("resize",e.update,T)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var n=t.state;n.modifiersData[t.name]=X({reference:n.rects.reference,element:n.rects.popper,strategy:"absolute",placement:n.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var n=t.state,e=t.options,r=e.gpuAcceleration,o=void 0===r||r,i=e.adaptive,a=void 0===i||i,f=e.roundOffsets,u=void 0===f||f,c={placement:m(n.placement),variation:C(n.placement),popper:n.elements.popper,popperRect:n.rects.popper,gpuAcceleration:o,isFixed:"fixed"===n.options.strategy};null!=n.modifiersData.popperOffsets&&(n.styles.popper=Object.assign({},n.styles.popper,I(Object.assign({},c,{offsets:n.modifiersData.popperOffsets,position:n.options.strategy,adaptive:a,roundOffsets:u})))),null!=n.modifiersData.arrow&&(n.styles.arrow=Object.assign({},n.styles.arrow,I(Object.assign({},c,{offsets:n.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:u})))),n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-placement":n.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var n=t.state;Object.keys(n.elements).forEach((function(t){var e=n.styles[t]||{},r=n.attributes[t]||{},o=n.elements[t];h(o)&&p(o)&&(Object.assign(o.style,e),Object.keys(r).forEach((function(t){var n=r[t];!1===n?o.removeAttribute(t):o.setAttribute(t,!0===n?"":n)})))}))},effect:function(t){var n=t.state,e={popper:{position:n.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(n.elements.popper.style,e.popper),n.styles=e,n.elements.arrow&&Object.assign(n.elements.arrow.style,e.arrow),function(){Object.keys(n.elements).forEach((function(t){var r=n.elements[t],o=n.attributes[t]||{},i=Object.keys(n.styles.hasOwnProperty(t)?n.styles[t]:e[t]).reduce((function(t,n){return t[n]="",t}),{});h(r)&&p(r)&&(Object.assign(r.style,i),Object.keys(o).forEach((function(t){r.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var n=t.state,e=t.name,r=t.options.offset,i=void 0===r?[0,0]:r,u=s.reduce((function(t,e){return t[e]=function(t,n,e){var r=m(t),i=[f,o].indexOf(r)>=0?-1:1,u="function"==typeof e?e(Object.assign({},n,{placement:t})):e,c=u[0],s=u[1];return c=c||0,s=(s||0)*i,[f,a].indexOf(r)>=0?{x:s,y:c}:{x:c,y:s}}(e,n.rects,i),t}),{}),c=u[n.placement],l=c.y;null!=n.modifiersData.popperOffsets&&(n.modifiersData.popperOffsets.x+=c.x,n.modifiersData.popperOffsets.y+=l),n.modifiersData[e]=u}},{name:"flip",enabled:!0,phase:"main",fn:function(t){var n=t.state,e=t.options,r=t.name;if(!n.modifiersData[r]._skip){for(var u=e.mainAxis,c=void 0===u||u,s=e.altAxis,l=void 0===s||s,p=e.fallbackPlacements,d=e.padding,v=e.boundary,h=e.rootBoundary,b=e.altBoundary,y=e.flipVariations,w=void 0===y||y,x=e.allowedAutoPlacements,g=n.options.placement,O=m(g),j=p||(O!==g&&w?function(t){if("auto"===m(t))return[];var n=F(t);return[_(t),n,_(n)]}(g):[F(g)]),k=[g].concat(j).reduce((function(t,e){return t.concat("auto"===m(e)?Z(n,{placement:e,boundary:v,rootBoundary:h,padding:d,flipVariations:w,allowedAutoPlacements:x}):e)}),[]),M=n.rects.reference,L=n.rects.popper,A=new Map,E=!0,P=k[0],R=0;R<k.length;R++){var q=k[R],B=m(q),S="start"===C(q),W=[o,i].indexOf(B)>=0,z=W?"width":"height",H=Y(n,{placement:q,boundary:v,rootBoundary:h,altBoundary:b,padding:d}),I=W?S?a:f:S?i:o;M[z]>L[z]&&(I=F(I));var T=F(I),D=[];if(c&&D.push(H[B]<=0),l&&D.push(H[I]<=0,H[T]<=0),D.every((function(t){return t}))){P=q,E=!1;break}A.set(q,D)}if(E)for(var $=function(t){var n=k.find((function(n){var e=A.get(n);if(e)return e.slice(0,t).every((function(t){return t}))}));if(n)return P=n,"break"},G=w?3:1;G>0&&"break"!==$(G);G--);n.placement!==P&&(n.modifiersData[r]._skip=!0,n.placement=P,n.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var n=t.state,e=t.options,r=t.name,u=e.mainAxis,c=void 0===u||u,s=e.altAxis,l=void 0!==s&&s,p=e.tether,d=void 0===p||p,v=e.tetherOffset,h=void 0===v?0:v,b=Y(n,{boundary:e.boundary,rootBoundary:e.rootBoundary,padding:e.padding,altBoundary:e.altBoundary}),x=m(n.placement),g=C(n.placement),O=!g,j=B(x),M="x"===j?"y":"x",L=n.modifiersData.popperOffsets,A=n.rects.reference,E=n.rects.popper,P="function"==typeof h?h(Object.assign({},n.rects,{placement:n.placement})):h,R="number"==typeof P?{mainAxis:P,altAxis:P}:Object.assign({mainAxis:0,altAxis:0},P),W=n.modifiersData.offset?n.modifiersData.offset[n.placement]:null,z={x:0,y:0};if(L){if(c){var H,I="y"===j?o:f,T="y"===j?i:a,D="y"===j?"height":"width",F=L[j],$=F+b[I],_=F-b[T],G=d?-E[D]/2:0,U="start"===g?A[D]:E[D],V="start"===g?-E[D]:-A[D],J=n.elements.arrow,K=d&&J?k(J):{width:0,height:0},N=n.modifiersData["arrow#persistent"]?n.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},Q=N[I],X=N[T],Z=S(0,A[D],K[D]),tt=O?A[D]/2-G-Z-Q-R.mainAxis:U-Z-Q-R.mainAxis,nt=O?-A[D]/2+G+Z+X+R.mainAxis:V+Z+X+R.mainAxis,et=n.elements.arrow&&q(n.elements.arrow),rt=null!=(H=null==W?void 0:W[j])?H:0,ot=F+nt-rt,it=S(d?w($,F+tt-rt-(et?"y"===j?et.clientTop||0:et.clientLeft||0:0)):$,F,d?y(_,ot):_);L[j]=it,z[j]=it-F}if(l){var at,ft=L[M],ut="y"===M?"height":"width",ct=ft+b["x"===j?o:f],st=ft-b["x"===j?i:a],lt=-1!==[o,f].indexOf(x),pt=null!=(at=null==W?void 0:W[M])?at:0,dt=lt?ct:ft-A[ut]-E[ut]-pt+R.altAxis,vt=lt?ft+A[ut]+E[ut]-pt-R.altAxis:st,ht=d&&lt?function(t,n,e){var r=S(t,n,e);return r>e?e:r}(dt,ft,vt):S(d?dt:ct,ft,d?vt:st);L[M]=ht,z[M]=ht-ft}n.modifiersData[r]=z}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var n,e=t.state,r=t.name,c=t.options,s=e.elements.arrow,l=e.modifiersData.popperOffsets,p=m(e.placement),d=B(p),v=[f,a].indexOf(p)>=0?"height":"width";if(s&&l){var h=function(t,n){return W("number"!=typeof(t="function"==typeof t?t(Object.assign({},n.rects,{placement:n.placement})):t)?t:z(t,u))}(c.padding,e),b=k(s),y="y"===d?o:f,w="y"===d?i:a,x=e.rects.reference[v]+e.rects.reference[d]-l[d]-e.rects.popper[v],g=l[d]-e.rects.reference[d],O=q(s),j=O?"y"===d?O.clientHeight||0:O.clientWidth||0:0,M=j/2-b[v]/2+(x/2-g/2),L=S(h[y],M,j-b[v]-h[w]);e.modifiersData[r]=((n={})[d]=L,n.centerOffset=L-M,n)}},effect:function(t){var n=t.state,e=t.options.element,r=void 0===e?"[data-popper-arrow]":e;null!=r&&("string"!=typeof r||(r=n.elements.popper.querySelector(r)))&&M(n.elements.popper,r)&&(n.elements.arrow=r)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var n=t.state,e=t.name,r=n.rects.reference,o=n.rects.popper,i=n.modifiersData.preventOverflow,a=Y(n,{elementContext:"reference"}),f=Y(n,{altBoundary:!0}),u=tt(a,r),c=tt(f,o,i),s=nt(u),l=nt(c);n.modifiersData[e]={referenceClippingOffsets:u,popperEscapeOffsets:c,isReferenceHidden:s,hasPopperEscaped:l},n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-reference-hidden":s,"data-popper-escaped":l})}}]});const ut=class{constructor(n){t(this,n),this.icon=void 0,this.colour="grey"}handleDocumentClick(t){t.composedPath().includes(this.referenceElement)||(this.popperElement&&this.popperElement.removeAttribute("data-show"),this.popperInstance&&this.popperInstance.update())}componentWillLoad(){this.hasPopoverSlot=!!this.el.querySelector('[slot="popover"]')}componentDidLoad(){this.popperInstance=ft(this.referenceElement,this.popperElement,{placement:"top",modifiers:[{name:"flip",options:{fallbackPlacements:["bottom"]}},{name:"offset",options:{offset:[0,12]}}]})}disconnectedCallback(){this.popperInstance.destroy()}render(){return n(e,null,n("span",{onClick:()=>{this.popperElement&&this.popperElement.setAttribute("data-show",""),this.popperInstance&&this.popperInstance.update()},ref:t=>this.referenceElement=t,class:`material-symbols-rounded ${this.colour?this.colour:""} ${this.hasPopoverSlot?"clickable":""}`},this.icon),this.hasPopoverSlot&&n("div",{ref:t=>this.popperElement=t,class:"tooltip"},n("slot",{name:"popover"}),n("div",{class:"arrow","data-popper-arrow":!0})))}get el(){return r(this)}};ut.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded{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}:host{display:block}.tooltip{background:#ffffff;color:#343434;font-weight:bold;padding:8px 16px;font-size:13px;border-radius:4px;box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.3);display:none}.tooltip[data-show]{display:block}.arrow,.arrow::before{position:absolute;width:8px;height:8px;background:inherit}.arrow{visibility:hidden}.arrow::before{visibility:visible;content:"";transform:rotate(45deg)}.tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}.tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}.tooltip[data-popper-placement^=left]>.arrow{right:-4px}.tooltip[data-popper-placement^=right]>.arrow{left:-4px}.red{color:#dc0000}.orange{color:#f59500}.blue{color:#1479c6}.green{color:#a2bb31}.gray{color:#757575}.black{color:#212121}.white{color:white}.clickable{cursor:pointer}';export{ut as tttx_icon}
@@ -0,0 +1 @@
1
+ import{r as t,c as i,h as s,H as n}from"./p-80bbe164.js";const e=class{constructor(s){t(this,s),this.valueChanged=i(this,"valueChanged",7),this.isfocused=!1,this.label=void 0,this.valid=void 0,this.showerrormsg=void 0,this.errormsg=void 0,this.iconleft=void 0,this.iconright=void 0,this.autocapitalize=void 0,this.autocomplete=void 0,this.autofocus=void 0,this.checked=void 0,this.disabled=void 0,this.max=void 0,this.maxlength=void 0,this.min=void 0,this.minlength=void 0,this.name=void 0,this.pattern=void 0,this.placeholder=void 0,this.readonly=void 0,this.required=void 0,this.step=void 0,this.type="text",this.value=void 0}handleChange(t){const i=t.target;this.value=i.value,this.valueChanged.emit(i.value)}handleFocus(){this.isfocused=!0}handleBlur(){this.isfocused=!1}render(){const t=["standalone",this.showerrormsg?"invalid":""].join(" ");return s(n,null,s("label",{class:"inputBlock"},this.label,this.required?"":s("span",{class:"optional"}," (optional)"),this.iconleft&&s("div",{class:"icon-left"},s("tttx-icon",{icon:this.iconleft,colour:"grey"})),s("input",{class:t,autocapitalize:"url"===this.type||"email"===this.type||"password"===this.type?this.autocapitalize:null,autofocus:this.autofocus,autocomplete:"text"===this.type||"search"===this.type||"url"===this.type||"tel"===this.type||"email"===this.type||"password"===this.type||"datepickers"===this.type||"range"===this.type||"color"===this.type?this.autocomplete:null,checked:"checkbox"===this.type||"radio"===this.type?this.checked:null,disabled:this.required?null:this.disabled,max:"date"===this.type||"month"===this.type||"week"===this.type||"time"===this.type||"datetime-local"===this.type||"number"===this.type||"range"===this.type?this.max:null,maxlength:this.maxlength,min:"date"===this.type||"month"===this.type||"week"===this.type||"time"===this.type||"datetime-local"===this.type||"number"===this.type||"range"===this.type?this.min:null,minlength:this.maxlength,name:this.name,pattern:"text"===this.type||"date"===this.type||"search"===this.type||"url"===this.type||"tel"===this.type||"email"===this.type||"password"===this.type?this.pattern:null,placeholder:"text"===this.type||"tel"===this.type||"email"===this.type||"url"===this.type||"password"===this.type||"search"===this.type?this.placeholder:null,readonly:"text"===this.type||"search"===this.type||"url"===this.type||"tel"===this.type||"email"===this.type||"password"===this.type||"date"===this.type||"month"===this.type||"week"===this.type||"time"===this.type||"datetime-local"===this.type||"number"===this.type?this.readonly:null,required:"text"===this.type||"search"===this.type||"url"===this.type||"tel"===this.type||"email"===this.type||"password"===this.type||"date"===this.type||"month"===this.type||"week"===this.type||"time"===this.type||"datetime-local"===this.type||"number"===this.type||"checkbox"===this.type||"radio"===this.type||"file"===this.type?this.required:null,step:"date"===this.type||"month"===this.type||"week"===this.type||"time"===this.type||"datetime-local"===this.type||"number"===this.type||"range"===this.type?this.step:null,type:this.type,value:this.value,onBlur:this.handleBlur.bind(this),onFocus:this.handleFocus.bind(this),onInput:this.handleChange.bind(this)}),this.iconright&&s("div",{class:"icon-right"},s("tttx-icon",{icon:this.iconright,colour:"grey"})),s("span",{class:["errorBubble",this.showerrormsg&&this.errormsg?"visible":""].join(" ")},s("span",{class:"material-symbols-rounded validationicon"},"warning")," ",this.errormsg)))}};e.style='.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;margin-right:4px}.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}.focused.sc-tttx-standalone-input{border-color:#1479c6}.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.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}input.invalid.sc-tttx-standalone-input:invalid,input.standalone.invalid.sc-tttx-standalone-input{border:1px solid #dc0000}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}.sc-tttx-standalone-input-h{display:block}';export{e as tttx_standalone_input}
@@ -1 +1 @@
1
- import{r as t,c as o,h as i,H as n}from"./p-b6cc2780.js";const r=class{constructor(i){t(this,i),this.clickEvent=o(this,"clickEvent",7),this.fontColor=void 0,this.buttonStyle=void 0}onClick(){this.clickEvent.emit("clicked")}onClicked(t){console.log("Picked up a clickEvent",t)}render(){return i(n,null,i("button",{onClick:this.onClick.bind(this),class:`button ${this.fontColor} ${this.buttonStyle}`},i("span",null,i("slot",null))))}};r.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.button{height:36px;padding:8px 16px;margin:0;background:transparent;color:#212121;border:1px solid #c8c8c8;border-radius:4px;text-transform:uppercase;display:flex;justify-content:left;align-items:center;font-size:14px;font-weight:400}.button:hover{background:#f0f0f0}.button:active{background:#e3e3e3}.primary-blue{background:#1479c6;border:1px solid #1479c6}.primary-blue:hover{background:#1169ba}.primary-blue:active{background:#0951a8}.secondary-white{background:white;border:1px solid #212121}:host{display:inline-block}.spacingleft{margin-left:8px}.font-white{color:white}.font-black{color:#212121}';export{r as tttx_button}
1
+ import{r as t,c as o,h as i,H as e}from"./p-80bbe164.js";const r=class{constructor(i){t(this,i),this.clickEvent=o(this,"clickEvent",7),this.fontColor=void 0,this.buttonStyle=void 0}onClick(){this.clickEvent.emit("clicked")}onClicked(t){console.log("Picked up a clickEvent",t)}render(){return i(e,null,i("button",{onClick:this.onClick.bind(this),class:`button ${this.fontColor} ${this.buttonStyle}`},i("span",null,i("slot",null))))}};r.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.button{height:36px;padding:8px 16px;margin:0;background:transparent;color:#212121;border:1px solid #c8c8c8;border-radius:4px;text-transform:uppercase;display:flex;justify-content:left;align-items:center;font-size:14px;font-weight:400}.button:hover{background:#f0f0f0}.button:active{background:#e3e3e3}.primary-blue{background:#1479c6;border:1px solid #1479c6;color:white}.primary-blue:hover{background:#1169ba}.primary-blue:active{background:#0951a8}.secondary-white{background:white;border:1px solid #212121}:host{display:inline-block}.spacingleft{margin-left:8px}.font-white{color:white}.font-black{color:#212121}';export{r as tttx_button}
@@ -0,0 +1 @@
1
+ import{r as i,c as t,h as o,H as n}from"./p-80bbe164.js";const e=class{constructor(o){i(this,o),this.valueChanged=t(this,"valueChanged",7),this.value=void 0,this.label=void 0,this.required=void 0}handleClick(i){const t=i.target;this.value=t.checked,this.valueChanged.emit(t.checked)}render(){return o(n,null,o("div",{class:"field spacing"},this.label&&o("label",{class:"label"},this.label,this.required?"":o("span",{class:"optional"}," (optional)")),o("input",{type:"checkbox",class:"input",onChange:i=>this.handleClick(i),checked:this.value})))}};e.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded{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,.icon-right{flex-basis:24px}.icon-left span,.icon-right span{font-size:24px;line-height:24px;text-align:center;display:block;width:24px;height:24px;margin-top:4px}.icon-left span{margin-left:4px}.icon-right span{margin-right:4px}.icon-right{margin-top:5px;margin-right:4px}.icon-left{margin-top:5px;margin-left:4px}.iconleft .input{padding-left:4px}.iconright .input{padding-right:4px}.focused{border-color:#1479c6}.errormsg{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 .validationicon{width:16px;height:16px;font-size:16px;margin-right:4px;vertical-align:middle;color:#dc0000}.danger{color:#dc0000}.optional{color:#757575;font-weight:normal}label.inputBlock{display:block;position:relative;line-height:21px}label{font-weight:500;font-size:16px}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]{background:white;display:block;min-width:calc(100% - 18px);line-height:37px}input.invalid:invalid,input.standalone.invalid{border:1px solid #dc0000}input~.errorBubble{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~.errorBubble:not(.visible){visibility:hidden}input~.errorBubble span{color:#dc0000;font-size:16px;margin-right:4px;height:16px}input.invalid:invalid~.errorBubble{position:relative;font-size:14px;font-weight:normal;width:100%;font-family:"Roboto", sans-serif;color:#dc0000;visibility:visible}input:focus{border-color:#1479c6}:host{display:block}.spacing{margin-bottom:16px}';export{e as tttx_checkbox}
@@ -0,0 +1,2 @@
1
+ let e,t,n=!1;const l={},s=e=>"object"==(e=typeof e)||"function"===e,o=(e,t,...n)=>{let l=null,o=!1,i=!1;const r=[],a=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?a(l):null!=l&&"boolean"!=typeof l&&((o="function"!=typeof e&&!s(l))&&(l+=""),o&&i?r[r.length-1].t+=l:r.push(o?c(null,l):l),i=o)};if(a(n),t){const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}const u=c(e,null);return u.l=t,r.length>0&&(u.o=r),u},c=(e,t)=>({i:0,u:e,t,h:null,o:null,l:null}),i={},r=e=>q(e).m,a=(e,t,n)=>{const l=r(e);return{emit:e=>u(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},u=(e,t,n)=>{const l=Q.ce(t,n);return e.dispatchEvent(l),l},f=new WeakMap,d=e=>"sc-"+e.p,h=(e,t,n,l,o,c)=>{if(n!==l){let i=_(e,t),r=t.toLowerCase();if("class"===t){const t=e.classList,s=p(n),o=p(l);t.remove(...s.filter((e=>e&&!o.includes(e)))),t.add(...o.filter((e=>e&&!s.includes(e))))}else if("ref"===t)l&&l(e);else if(i||"o"!==t[0]||"n"!==t[1]){const r=s(l);if((i||r&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{const s=null==l?"":l;"list"===t?i=!1:null!=n&&e[t]==s||(e[t]=s)}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!i||4&c||o)&&!r&&e.setAttribute(t,l=!0===l?"":l)}else t="-"===t[2]?t.slice(3):_(J,r)?r.slice(2):r[2]+t.slice(3),n&&Q.rel(e,t,n,!1),l&&Q.ael(e,t,l,!1)}},m=/\s/,p=e=>e?e.split(m):[],y=(e,t,n,s)=>{const o=11===t.h.nodeType&&t.h.host?t.h.host:t.h,c=e&&e.l||l,i=t.l||l;for(s in c)s in i||h(o,s,c[s],void 0,n,t.i);for(s in i)h(o,s,c[s],i[s],n,t.i)},$=(t,n,l)=>{const s=n.o[l];let o,c,i=0;if(null!==s.t)o=s.h=K.createTextNode(s.t);else if(o=s.h=K.createElement(s.u),y(null,s,!1),null!=e&&o["s-si"]!==e&&o.classList.add(o["s-si"]=e),s.o)for(i=0;i<s.o.length;++i)c=$(t,s,i),c&&o.appendChild(c);return o},b=(e,n,l,s,o,c)=>{let i,r=e;for(r.shadowRoot&&r.tagName===t&&(r=r.shadowRoot);o<=c;++o)s[o]&&(i=$(null,l,o),i&&(s[o].h=i,r.insertBefore(i,n)))},w=(e,t,n,l,s)=>{for(;t<=n;++t)(l=e[t])&&(s=l.h,j(l),s.remove())},S=(e,t)=>e.u===t.u,g=(e,t)=>{const n=t.h=e.h,l=e.o,s=t.o,o=t.t;null===o?("slot"===t.u||y(e,t,!1),null!==l&&null!==s?((e,t,n,l)=>{let s,o=0,c=0,i=t.length-1,r=t[0],a=t[i],u=l.length-1,f=l[0],d=l[u];for(;o<=i&&c<=u;)null==r?r=t[++o]:null==a?a=t[--i]:null==f?f=l[++c]:null==d?d=l[--u]:S(r,f)?(g(r,f),r=t[++o],f=l[++c]):S(a,d)?(g(a,d),a=t[--i],d=l[--u]):S(r,d)?(g(r,d),e.insertBefore(r.h,a.h.nextSibling),r=t[++o],d=l[--u]):S(a,f)?(g(a,f),e.insertBefore(a.h,r.h),a=t[--i],f=l[++c]):(s=$(t&&t[c],n,c),f=l[++c],s&&r.h.parentNode.insertBefore(s,r.h));o>i?b(e,null==l[u+1]?null:l[u+1].h,n,l,c,u):c>u&&w(t,o,i)})(n,l,t,s):null!==s?(null!==e.t&&(n.textContent=""),b(n,null,t,s,0,s.length-1)):null!==l&&w(l,0,l.length-1)):e.t!==o&&(n.data=o)},j=e=>{e.l&&e.l.ref&&e.l.ref(null),e.o&&e.o.map(j)},v=(e,t)=>{t&&!e.$&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.$=t)))},M=(e,t)=>{if(e.i|=16,!(4&e.i))return v(e,e.S),oe((()=>k(e,t)));e.i|=512},k=(e,t)=>{const n=e.g;let l;return t&&(e.i|=256,e.j&&(e.j.map((([e,t])=>P(n,e,t))),e.j=null),l=P(n,"componentWillLoad")),l=R(l,(()=>P(n,"componentWillRender"))),R(l,(()=>C(e,n,t)))},C=async(e,t,n)=>{const l=e.m,s=l["s-rc"];n&&(e=>{const t=e.v,n=e.m,l=t.i,s=((e,t)=>{let n=d(t);const l=I.get(n);if(e=11===e.nodeType?e:K,l)if("string"==typeof l){let t,s=f.get(e=e.head||e);s||f.set(e,s=new Set),s.has(n)||(t=K.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),s&&s.add(n))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=s,n.classList.add(s+"-h"),2&l&&n.classList.add(s+"-s"))})(e);O(e,t),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>x(e);0===t.length?n():(Promise.all(t).then(n),e.i|=4,t.length=0)}},O=(n,l)=>{try{l=l.render(),n.i&=-17,n.i|=2,((n,l)=>{const s=n.m,r=n.M||c(null,null),a=(e=>e&&e.u===i)(l)?l:o(null,null,l);t=s.tagName,a.u=null,a.i|=4,n.M=a,a.h=r.h=s.shadowRoot||s,e=s["s-sc"],g(r,a)})(n,l)}catch(e){z(e,n.m)}return null},x=e=>{const t=e.m,n=e.g,l=e.S;P(n,"componentDidRender"),64&e.i||(e.i|=64,W(t),P(n,"componentDidLoad"),e.k(t),l||L()),e.$&&(e.$(),e.$=void 0),512&e.i&&se((()=>M(e,!1))),e.i&=-517},L=()=>{W(K.documentElement),se((()=>u(J,"appload",{detail:{namespace:"tttx"}})))},P=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){z(e)}},R=(e,t)=>e&&e.then?e.then(t):t(),W=e=>e.classList.add("hydrated"),E=(e,t,n)=>{if(t.C){e.watchers&&(t.O=e.watchers);const l=Object.entries(t.C),o=e.prototype;if(l.map((([e,[l]])=>{(31&l||2&n&&32&l)&&Object.defineProperty(o,e,{get(){return((e,t)=>q(this).L.get(t))(0,e)},set(n){((e,t,n,l)=>{const o=q(e),c=o.m,i=o.L.get(t),r=o.i,a=o.g;if(n=((e,t)=>null==e||s(e)?e:4&t?"false"!==e&&(""===e||!!e):1&t?e+"":e)(n,l.C[t][0]),(!(8&r)||void 0===i)&&n!==i&&(!Number.isNaN(i)||!Number.isNaN(n))&&(o.L.set(t,n),a)){if(l.O&&128&r){const e=l.O[t];e&&e.map((e=>{try{a[e](n,i,t)}catch(e){z(e,c)}}))}2==(18&r)&&M(o,!1)}})(this,e,n,t)},configurable:!0,enumerable:!0})})),1&n){const t=new Map;o.attributeChangedCallback=function(e,n,l){Q.jmp((()=>{const n=t.get(e);if(this.hasOwnProperty(n))l=this[n],delete this[n];else if(o.hasOwnProperty(n)&&"number"==typeof this[n]&&this[n]==l)return;this[n]=(null!==l||"boolean"!=typeof this[n])&&l}))},e.observedAttributes=l.filter((([e,t])=>15&t[0])).map((([e,n])=>{const l=n[1]||e;return t.set(l,e),l}))}}return e},N=(e,t={})=>{const n=[],l=t.exclude||[],s=J.customElements,o=K.head,c=o.querySelector("meta[charset]"),i=K.createElement("style"),r=[];let a,u=!0;Object.assign(Q,t),Q.P=new URL(t.resourcesUrl||"./",K.baseURI).href,e.map((e=>{e[1].map((t=>{const o={i:t[0],p:t[1],C:t[2],R:t[3]};o.C=t[2],o.R=t[3],o.O={};const c=o.p,i=class extends HTMLElement{constructor(e){super(e),V(e=this,o),1&o.i&&e.attachShadow({mode:"open"})}connectedCallback(){a&&(clearTimeout(a),a=null),u?r.push(this):Q.jmp((()=>(e=>{if(0==(1&Q.i)){const t=q(e),n=t.v,l=()=>{};if(1&t.i)T(e,t,n.R);else{t.i|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){v(t,t.S=n);break}}n.C&&Object.entries(n.C).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,s)=>{if(0==(32&t.i)){{if(t.i|=32,(s=G(n)).then){const e=()=>{};s=await s,e()}s.isProxied||(n.O=s.watchers,E(s,n,2),s.isProxied=!0);const e=()=>{};t.i|=8;try{new s(t)}catch(e){z(e)}t.i&=-9,t.i|=128,e()}if(s.style){let e=s.style;const t=d(n);if(!I.has(t)){const l=()=>{};((e,t,n)=>{let l=I.get(e);Y&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,I.set(e,l)})(t,e,!!(1&n.i)),l()}}}const o=t.S,c=()=>M(t,!0);o&&o["s-rc"]?o["s-rc"].push(c):c()})(0,t,n)}l()}})(this)))}disconnectedCallback(){Q.jmp((()=>(()=>{if(0==(1&Q.i)){const e=q(this),t=e.g;e.W&&(e.W.map((e=>e())),e.W=void 0),P(t,"disconnectedCallback")}})()))}componentOnReady(){return q(this).N}};o.T=e[0],l.includes(c)||s.get(c)||(n.push(c),s.define(c,E(i,o,1)))}))})),i.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",i.setAttribute("data-styles",""),o.insertBefore(i,c?c.nextSibling:o.firstChild),u=!1,r.length?r.map((e=>e.connectedCallback())):Q.jmp((()=>a=setTimeout(L,30)))},T=(e,t,n)=>{n&&n.map((([n,l,s])=>{const o=D(e,n),c=A(t,s),i=H(n);Q.ael(o,l,c,i),(t.W=t.W||[]).push((()=>Q.rel(o,l,c,i)))}))},A=(e,t)=>n=>{try{256&e.i?e.g[t](n):(e.j=e.j||[]).push([t,n])}catch(e){z(e)}},D=(e,t)=>4&t?K:e,H=e=>0!=(2&e),U=new WeakMap,q=e=>U.get(e),F=(e,t)=>U.set(t.g=e,t),V=(e,t)=>{const n={i:0,m:e,v:t,L:new Map};return n.N=new Promise((e=>n.k=e)),e["s-p"]=[],e["s-rc"]=[],T(e,n,t.R),U.set(e,n)},_=(e,t)=>t in e,z=(e,t)=>(0,console.error)(e,t),B=new Map,G=e=>{const t=e.p.replace(/-/g,"_"),n=e.T,l=B.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(B.set(n,e),e[t])),z)
2
+ /*!__STENCIL_STATIC_IMPORT_SWITCH__*/},I=new Map,J="undefined"!=typeof window?window:{},K=J.document||{head:{}},Q={i:0,P:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},X=e=>Promise.resolve(e),Y=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),Z=[],ee=[],te=(e,t)=>l=>{e.push(l),n||(n=!0,t&&4&Q.i?se(le):Q.raf(le))},ne=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){z(e)}e.length=0},le=()=>{ne(Z),ne(ee),(n=Z.length>0)&&Q.raf(le)},se=e=>X().then(e),oe=te(ee,!0);export{i as H,N as b,a as c,r as g,o as h,X as p,F as r}
@@ -1 +1 @@
1
- import{r as o,h as t,H as i}from"./p-b6cc2780.js";const s=class{constructor(t){o(this,t),this.header=void 0,this.body=void 0,this.linkcontext=void 0,this.linktext=void 0}render(){return t(i,null,this.header&&t("h4",null,this.header),this.body&&t("p",null,this.body),this.linkcontext&&t("span",{class:"linky",onClick:o=>console.log(this.linkcontext,o)},this.linktext||"More Information"))}};s.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}:host{display:block;max-width:400px}h4{margin:0;font-size:15px;font-weight:700;color:black;margin-bottom:4px}p{margin:0;font-size:14px;font-weight:normal;color:black;margin-bottom:4px}.linky{color:#1479c6;text-decoration:none;cursor:pointer}';export{s as tttx_popover_content}
1
+ import{r as o,h as t,H as i}from"./p-80bbe164.js";const s=class{constructor(t){o(this,t),this.header=void 0,this.body=void 0,this.linkcontext=void 0,this.linktext=void 0}render(){return t(i,null,this.header&&t("h4",null,this.header),this.body&&t("p",null,this.body),this.linkcontext&&t("span",{class:"linky",onClick:o=>console.log(this.linkcontext,o)},this.linktext||"More Information"))}};s.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}:host{display:block;max-width:400px}h4{margin:0;font-size:15px;font-weight:700;color:black;margin-bottom:4px}p{margin:0;font-size:14px;font-weight:normal;color:black;margin-bottom:4px}.linky{color:#1479c6;text-decoration:none;cursor:pointer}';export{s as tttx_popover_content}
@@ -0,0 +1 @@
1
+ import{r as i,c as t,h as e,H as o}from"./p-80bbe164.js";const n=class{constructor(e){i(this,e),this.submitEvent=t(this,"submitEvent",7),this.template=document.createElement("template"),this.formschema=void 0,this.submitValue=void 0}onFormSchemaChange(i){this._formSchema="string"==typeof i?JSON.parse(i):i}validityCheck(i){var t,e,o,n;i.preventDefault();const r=i.target;let a=!0,l="";if(r.validity.valueMissing?l=null!==(t=r.dataset.required)&&void 0!==t?t:"This field is required":r.validity.patternMismatch?l=null!==(e=r.dataset.pattern)&&void 0!==e?e:"Incorrect format":r.validity.badInput?l=null!==(o=r.dataset.badinput)&&void 0!==o?o:"Wrong input type":r.validity.rangeOverflow||r.validity.rangeUnderflow?l=null!==(n=r.dataset.range)&&void 0!==n?n:"Invalid value":a=!1,a){r.className="invalid";const i=document.createElement("span");i.className="material-symbols-rounded",i.textContent="warning",r.parentElement.querySelector(".errorBubble").replaceChildren(),r.parentElement.querySelector(".errorBubble").append(i),r.parentElement.querySelector(".errorBubble").append(l)}else r.className="",r.parentElement.querySelector(".errorBubble").replaceChildren()}doSubmit(i){i.preventDefault();const t=new FormData(i.target);this.submitEvent.emit(t)}fieldsetChange(i){console.log(i.target.name+" has changed")}componentWillLoad(){this.onFormSchemaChange(this.formschema)}componentWillRender(){this.template.content.replaceChildren(),this.populateFormFromSchema()}populateFormFromSchema(){if(!this._formSchema)return;const i=this._formSchema.properties;Object.keys(i).forEach((t=>{var e,o,n;const r=i[t].form,a=document.createElement("input");if(a.name=t,a.type=r.type,a.placeholder=null!==(e=r.placeholder)&&void 0!==e?e:"",a.autocomplete="off",a.autocapitalize="off",r.validation){const i=r.validation;i.required&&(a.setAttribute("required",""),a.setAttribute("data-required",null!==(o=i.required.message)&&void 0!==o?o:"")),i.pattern&&(a.setAttribute("pattern",i.pattern.pattern),a.setAttribute("data-pattern",null!==(n=i.pattern.message)&&void 0!==n?n:"")),i.badInput&&a.setAttribute("data-badinput",i.badInput.message),i.minmax&&(a.setAttribute("min",i.minmax.min),a.setAttribute("max",i.minmax.max),a.setAttribute("data-range",i.minmax.message)),i.maxlength&&a.setAttribute("maxlength",i.maxlength)}const l=document.createElement("div");l.className="errorBubble";const s=document.createElement("label");if(s.className="inputBlock",s.innerText=r.label,!r.validation){const i=document.createElement("span");i.className="optional",i.innerHTML="&nbsp;(optional)",s.appendChild(i)}s.appendChild(a),s.appendChild(l),this.template.content.append(s)}));const t=document.createElement("input");t.type="submit",t.className="button primary-blue",console.log(this.submitValue),t.value="Save",this.template.content.append(t)}componentDidRender(){if(!this._formSchema)return;const i=this.template.content.cloneNode(!0);Object.keys(this._formSchema.properties).forEach((t=>{i.querySelector(`[name=${t}]`).oninvalid=this.validityCheck.bind(this),i.querySelector(`[name=${t}]`).onblur=this.validityCheck.bind(this)})),this.fieldset.appendChild(i)}render(){return e(o,null,e("form",{onSubmit:this.doSubmit.bind(this)},e("fieldset",{onChange:this.fieldsetChange,ref:i=>this.fieldset=i})))}static get watchers(){return{formschema:["onFormSchemaChange"]}}};n.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded{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,.icon-right{flex-basis:24px}.icon-left span,.icon-right span{font-size:24px;line-height:24px;text-align:center;display:block;width:24px;height:24px;margin-top:4px}.icon-left span{margin-left:4px}.icon-right span{margin-right:4px}.icon-right{margin-top:5px;margin-right:4px}.icon-left{margin-top:5px;margin-left:4px}.iconleft .input{padding-left:4px}.iconright .input{padding-right:4px}.focused{border-color:#1479c6}.errormsg{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 .validationicon{width:16px;height:16px;font-size:16px;margin-right:4px;vertical-align:middle;color:#dc0000}.danger{color:#dc0000}.optional{color:#757575;font-weight:normal}label.inputBlock{display:block;position:relative;line-height:21px}label{font-weight:500;font-size:16px}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]{background:white;display:block;min-width:calc(100% - 18px);line-height:37px}input.invalid:invalid,input.standalone.invalid{border:1px solid #dc0000}input~.errorBubble{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~.errorBubble:not(.visible){visibility:hidden}input~.errorBubble span{color:#dc0000;font-size:16px;margin-right:4px;height:16px}input.invalid:invalid~.errorBubble{position:relative;font-size:14px;font-weight:normal;width:100%;font-family:"Roboto", sans-serif;color:#dc0000;visibility:visible}input:focus{border-color:#1479c6}.button{height:36px;padding:8px 16px;margin:0;background:transparent;color:#212121;border:1px solid #c8c8c8;border-radius:4px;text-transform:uppercase;display:flex;justify-content:left;align-items:center;font-size:14px;font-weight:400}.button:hover{background:#f0f0f0}.button:active{background:#e3e3e3}.primary-blue{background:#1479c6;border:1px solid #1479c6;color:white}.primary-blue:hover{background:#1169ba}.primary-blue:active{background:#0951a8}.secondary-white{background:white;border:1px solid #212121}:host{display:block}fieldset{margin:0;padding:0;border:none}input[type=submit]{margin-left:auto}';export{n as tttx_form}
@@ -0,0 +1 @@
1
+ import{r as t,c as i,h as s,H as e,g as o}from"./p-80bbe164.js";const n=class{constructor(s){t(this,s),this.listPaginate=i(this,"listPaginate",7),this.listSelectedEvent=i(this,"listSelectedEvent",7),this.listItemClick=i(this,"listItemClick",7),this.rowCount=0,this.name=void 0,this.selectable=void 0,this.items=[],this.selectedIds=[],this.loading=!0,this.lastPage=!1}listLoadHandler(t){t.detail.name===this.name&&(this.items=[...this.items,...t.detail.items],this.loading=!1,this.lastPage=t.detail.lastPage,this.renderRows(t.detail.items),this.scrollableParent.clientHeight===this.scrollableParent.scrollHeight&&this.listPaginateHandler())}listPaginateHandler(){this.lastPage||this.loading||(this.loading=!0,this.listPaginate.emit({name:this.name}))}listClearDataCacheHandler(t){t.detail.name===this.name&&(this.items=[],this.selectedIds=[],this.listItemContainer().querySelectorAll(".tttx-list__row").forEach((t=>{t.remove()})),this.rowCount=0,this.lastPage=!1,this.loading=!1)}listActionSelectedEventHandler(t){if(t.detail.name!==this.name||!this.selectable||0===this.selectedIds.length)return;const i=this.selectedIds.map((t=>this.items[t]));t.detail.removeRows&&this.removeSelectedRows(),this.listSelectedEvent.emit({name:this.name,eventName:t.detail.eventName,selectedRows:i})}removeSelectedRows(){[...this.selectedIds].sort(((t,i)=>i-t)).forEach((t=>{this.items.splice(t,1),this.listItemContainer().removeChild(this.listItemContainer().querySelector(`[data-row-id="${t}"]`)),this.scrollableParent.clientHeight===this.scrollableParent.scrollHeight&&this.listPaginateHandler()})),this.selectedIds.splice(0,this.selectedIds.length)}listItemClickHandler(t){0===this.selectedIds.length&&this.listItemClick.emit({itemData:t,name:this.name})}componentWillLoad(){this.template=this.host.querySelector("template"),this.scrollableParent=this.getScrollableParent(this.host),(this.scrollableParent===document.scrollingElement?document:this.scrollableParent).addEventListener("scroll",this.scrollHandler.bind(this)),window.addEventListener("resize",this.scrollHandler.bind(this))}componentDidLoad(){this.listPaginate.emit({name:this.name})}listItemContainer(){return this.host.shadowRoot.querySelector(".list-item-container")}async scrollHandler(){const{clientHeight:t,scrollTop:i,scrollHeight:s}=this.scrollableParent;Math.abs(s-t-i)<26&&this.listPaginateHandler()}isScrollable(t){return["scroll","auto"].includes(t.style.overflowY)}getScrollableParent(t){return t&&t!==document.body?this.isScrollable(t)?t:this.getScrollableParent(t.parentElement):document.scrollingElement}appendRowCheckbox(t){if(!this.selectable)return;const i=this.rowCount,s=document.createElement("input");s.setAttribute("type","checkbox"),s.addEventListener("click",(s=>{s.stopPropagation(),s.target.checked?(this.selectedIds=[...this.selectedIds,i],t.classList.add("selected")):(this.selectedIds=this.selectedIds.filter((t=>t!==i)),t.classList.remove("selected"))})),t.setAttribute("data-row-id",`${i}`),this.rowCount++,t.appendChild(s)}appendSeededTemplate(t,i){this.template.childNodes.forEach((s=>{const e=s.cloneNode(!1);if(e.getAttribute("data-fields")){const i=e.getAttribute("data-fields").replace(/\s/g,"").split(","),s=Object.fromEntries(i.map((i=>[i,t[i]])));e.setAttribute("row-data",JSON.stringify(s))}else e.setAttribute("row-data",JSON.stringify(t));i.appendChild(e)}))}appendGenericTemplate(t,i){const s=document.createElement("div");if(s.classList.add("generic-template__content"),s.textContent=t.text,i.appendChild(s),!t.icon)return;const e=document.createElement("span");e.classList.add("material-symbols-rounded"),e.textContent=t.icon,t.iconColor&&(e.style.color=t.iconColor),s.prepend(e)}row(t){const i=document.createElement("div");return i.classList.add("tttx-list__row"),i.addEventListener("click",(()=>{this.listItemClickHandler(t)})),this.appendRowCheckbox(i),this.template?this.appendSeededTemplate(t,i):this.appendGenericTemplate(t,i),i}renderRows(t){t.forEach((t=>{this.listItemContainer().appendChild(this.row(t))}))}loadIndicator(){if(this.loading)return s("div",{class:"load-indicator"},s("tttx-loading-spinner",{size:"large"}))}render(){return s(e,null,s("div",{class:"list-item-container",tabindex:"0"},this.loading||0!==this.items.length?void 0:"No data to display"),this.loadIndicator())}get host(){return o(this)}};n.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded{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}:host{display:flex;flex-direction:column}.tttx-list__row{min-height:52px;line-height:36px;padding:8px;display:flex;flex-direction:row;align-items:center;cursor:pointer;border-bottom:1px solid #d5d5d5}.tttx-list__row .generic-template__content{width:100%;display:flex;align-items:center;gap:8px}.tttx-list__row:first-of-type{border-top:1px solid #d5d5d5}.tttx-list__row:focus,.tttx-list__row:active{background-color:#e6e6e6}.tttx-list__row.selected{background-color:#e7f1f9}.load-indicator{display:flex;justify-content:center}';export{n as tttx_list}
@@ -1 +1 @@
1
- import{r as t,h as i}from"./p-b6cc2780.js";const e=class{constructor(i){t(this,i),this.loadingMessage=void 0,this.size="large"}renderLoadingMessage(){return this.loadingMessage?i("div",{class:"loading-text"},"Loading, please wait..."):""}render(){return i("div",{class:"spinner-container"},i("div",{class:"loading-box"},i("span",{class:`spinner ${this.size}`})),this.renderLoadingMessage())}};e.style='.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)}}';export{e as tttx_loading_spinner}
1
+ import{r as t,h as i}from"./p-80bbe164.js";const e=class{constructor(i){t(this,i),this.loadingMessage=void 0,this.size="large"}renderLoadingMessage(){return this.loadingMessage?i("div",{class:"loading-text"},"Loading, please wait..."):""}render(){return i("div",{class:"spinner-container"},i("div",{class:"loading-box"},i("span",{class:`spinner ${this.size}`})),this.renderLoadingMessage())}};e.style='.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)}}';export{e as tttx_loading_spinner}
@@ -1 +1 @@
1
- import{p as t,b as e}from"./p-b6cc2780.js";export{s as setNonce}from"./p-b6cc2780.js";(()=>{const e=import.meta.url,o={};return""!==e&&(o.resourcesUrl=new URL(".",e).href),t(o)})().then((t=>e([["p-3cd7ad04",[[1,"tttx-input",{label:[1],valid:[4],showerrormsg:[4],errormsg:[1],value:[1025],type:[1],placeholder:[1],pattern:[1],iconleft:[1],iconright:[1],required:[4],isfocused:[32]}]]],["p-3cb692d6",[[1,"tttx-button",{fontColor:[1,"font-color"],buttonStyle:[1,"button-style"]},[[0,"clickEvent","onClicked"]]]]],["p-317b13d3",[[1,"tttx-checkbox",{value:[4],label:[1],required:[4]}]]],["p-f30a0e84",[[1,"tttx-form",{dataAttribute:[1,"data-attribute"],functionAttribute:[1,"function-attribute"]}]]],["p-674e2f18",[[1,"tttx-loading-spinner",{loadingMessage:[1028,"loading-message"],size:[1025]}]]],["p-1884203f",[[1,"tttx-popover-content",{header:[1],body:[1],linkcontext:[1],linktext:[1]}]]],["p-f4855113",[[1,"tttx-icon",{icon:[1],colour:[1]},[[4,"click","handleDocumentClick"]]]]]],t)));
1
+ import{p as e,b as t}from"./p-80bbe164.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t([["p-dee50f14",[[1,"tttx-list",{name:[1],selectable:[4],items:[32],selectedIds:[32],loading:[32],lastPage:[32]},[[4,"listPageLoad","listLoadHandler"],[4,"listClearDataCache","listClearDataCacheHandler"],[4,"listActionSelectedEvent","listActionSelectedEventHandler"]]]]],["p-1ea7e424",[[2,"tttx-standalone-input",{label:[1],valid:[4],showerrormsg:[4],errormsg:[1],iconleft:[1],iconright:[1],autocapitalize:[1],autocomplete:[1],autofocus:[4],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],isfocused:[32]}]]],["p-629411bc",[[1,"tttx-button",{fontColor:[1,"font-color"],buttonStyle:[1,"button-style"]},[[0,"clickEvent","onClicked"]]]]],["p-7d84c410",[[1,"tttx-checkbox",{value:[4],label:[1],required:[4]}]]],["p-db1f56ba",[[1,"tttx-form",{formschema:[8],submitValue:[8,"submit-value"]}]]],["p-daa82b1b",[[1,"tttx-popover-content",{header:[1],body:[1],linkcontext:[1],linktext:[1]}]]],["p-1b6b4223",[[1,"tttx-icon",{icon:[1],colour:[1]},[[4,"click","handleDocumentClick"]]]]],["p-e5c02c27",[[1,"tttx-loading-spinner",{loadingMessage:[1028,"loading-message"],size:[1025]}]]]],e)));
@@ -1,11 +1,18 @@
1
1
  import { EventEmitter } from '../../../stencil-public-runtime';
2
2
  export declare class TttxForm {
3
- el: HTMLElement;
4
- dataAttribute: string;
5
- functionAttribute: string;
6
- formSubmit: EventEmitter;
7
- fetchFormData: () => {};
8
- validateFormField(element: HTMLInputElement): boolean;
9
- componentDidLoad(): void;
3
+ private fieldset;
4
+ private template;
5
+ private _formSchema;
6
+ formschema: any;
7
+ submitValue: any;
8
+ submitEvent: EventEmitter<FormData>;
9
+ onFormSchemaChange(newValue: any): void;
10
+ validityCheck(event: FocusEvent): void;
11
+ doSubmit(event: SubmitEvent): void;
12
+ fieldsetChange(event: Event): void;
13
+ componentWillLoad(): void;
14
+ componentWillRender(): void;
15
+ populateFormFromSchema(): void;
16
+ componentDidRender(): void;
10
17
  render(): any;
11
18
  }
@@ -1,13 +1,6 @@
1
1
  declare const _default: {
2
2
  title: string;
3
3
  component: string;
4
- parameters: {
5
- actions: {
6
- handles: string[];
7
- };
8
- };
9
4
  };
10
5
  export default _default;
11
- export declare const CreateUserTemplate: () => string;
12
- export declare const LoginTemplate: () => string;
13
- export declare const TextBoxExample: () => string;
6
+ export declare const ExampleFormFromJSON: () => string;