@3t-transform/threeteeui 0.0.22 → 0.0.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{index-bf777121.js → index-2943e8f8.js} +1 -122
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/tttx-button.cjs.entry.js +1 -1
- package/dist/cjs/tttx-icon.cjs.entry.js +1 -1
- package/dist/cjs/tttx-keyvalue-block.cjs.entry.js +8 -5
- package/dist/cjs/tttx-loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/tttx-standalone-input.cjs.entry.js +2 -1
- package/dist/cjs/tttx.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +1 -7
- package/dist/collection/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.js +7 -4
- package/dist/collection/components/molecules/tttx-standalone-input/tttx-standalone-input.js +1 -0
- package/dist/components/index.d.ts +0 -6
- package/dist/components/index.js +0 -6
- package/dist/components/tttx-button.js +54 -1
- package/dist/components/tttx-keyvalue-block.js +7 -4
- package/dist/components/tttx-loading-spinner.js +38 -1
- package/dist/components/tttx-standalone-input.js +1 -0
- package/dist/esm/{index-a05bd606.js → index-058a3cd0.js} +2 -122
- package/dist/esm/loader.js +3 -3
- package/dist/esm/tttx-button.entry.js +1 -1
- package/dist/esm/tttx-icon.entry.js +1 -1
- package/dist/esm/tttx-keyvalue-block.entry.js +8 -5
- package/dist/esm/tttx-loading-spinner.entry.js +1 -1
- package/dist/esm/tttx-standalone-input.entry.js +2 -1
- package/dist/esm/tttx.js +3 -3
- package/dist/tttx/{p-68ff0f39.entry.js → p-046868d9.entry.js} +1 -1
- package/dist/tttx/{p-93763d3c.entry.js → p-1adb2b75.entry.js} +1 -1
- package/dist/tttx/{p-a5808741.entry.js → p-495cf4b3.entry.js} +1 -1
- package/dist/tttx/p-a4d9929a.entry.js +1 -0
- package/dist/tttx/p-ad637dde.entry.js +1 -0
- package/dist/tttx/p-bbb7dbf7.js +2 -0
- package/dist/tttx/tttx.esm.js +1 -1
- package/dist/types/components.d.ts +0 -136
- package/package.json +2 -2
- package/dist/cjs/tttx-checkbox.cjs.entry.js +0 -28
- package/dist/cjs/tttx-form.cjs.entry.js +0 -374
- package/dist/cjs/tttx-input-calendar.cjs.entry.js +0 -125
- package/dist/cjs/tttx-list.cjs.entry.js +0 -198
- package/dist/cjs/tttx-popover-content.cjs.entry.js +0 -23
- package/dist/cjs/tttx-table.cjs.entry.js +0 -60
- package/dist/collection/components/atoms/tttx-popover-content/tttx-popover-content.css +0 -30
- package/dist/collection/components/atoms/tttx-popover-content/tttx-popover-content.js +0 -97
- package/dist/collection/components/atoms/tttx-popover-content/tttx-popover-content.stories.js +0 -23
- package/dist/collection/components/atoms/ttx-checkbox/tttx-checkbox.css +0 -181
- package/dist/collection/components/atoms/ttx-checkbox/tttx-checkbox.js +0 -102
- package/dist/collection/components/atoms/ttx-checkbox/tttx-checkbox.stories.js +0 -13
- package/dist/collection/components/molecules/tttx-form/tttx-form.css +0 -314
- package/dist/collection/components/molecules/tttx-form/tttx-form.js +0 -452
- package/dist/collection/components/molecules/tttx-form/tttx-form.stories.js +0 -109
- package/dist/collection/components/molecules/tttx-input-calendar/tttx-input-calendar.css +0 -93
- package/dist/collection/components/molecules/tttx-input-calendar/tttx-input-calendar.js +0 -174
- package/dist/collection/components/molecules/tttx-input-calendar/tttx-input-calendar.stories.js +0 -27
- package/dist/collection/components/molecules/tttx-list/tttx-list.css +0 -56
- package/dist/collection/components/molecules/tttx-list/tttx-list.js +0 -312
- package/dist/collection/components/molecules/tttx-list/tttx-list.stories.js +0 -37
- package/dist/collection/components/molecules/tttx-table/tttx-table.css +0 -166
- package/dist/collection/components/molecules/tttx-table/tttx-table.js +0 -174
- package/dist/collection/components/molecules/tttx-table/tttx-table.stories.js +0 -81
- package/dist/components/tttx-button2.js +0 -56
- package/dist/components/tttx-checkbox.d.ts +0 -11
- package/dist/components/tttx-checkbox.js +0 -46
- package/dist/components/tttx-form.d.ts +0 -11
- package/dist/components/tttx-form.js +0 -391
- package/dist/components/tttx-input-calendar.d.ts +0 -11
- package/dist/components/tttx-input-calendar.js +0 -157
- package/dist/components/tttx-list.d.ts +0 -11
- package/dist/components/tttx-list.js +0 -225
- package/dist/components/tttx-loading-spinner2.js +0 -40
- package/dist/components/tttx-popover-content.d.ts +0 -11
- package/dist/components/tttx-popover-content.js +0 -6
- package/dist/components/tttx-popover-content2.js +0 -39
- package/dist/components/tttx-table.d.ts +0 -11
- package/dist/components/tttx-table.js +0 -91
- package/dist/esm/tttx-checkbox.entry.js +0 -24
- package/dist/esm/tttx-form.entry.js +0 -370
- package/dist/esm/tttx-input-calendar.entry.js +0 -121
- package/dist/esm/tttx-list.entry.js +0 -194
- package/dist/esm/tttx-popover-content.entry.js +0 -19
- package/dist/esm/tttx-table.entry.js +0 -56
- package/dist/tttx/p-037d286f.entry.js +0 -1
- package/dist/tttx/p-07b134af.js +0 -2
- package/dist/tttx/p-1b63f16a.entry.js +0 -1
- package/dist/tttx/p-45afb84c.entry.js +0 -1
- package/dist/tttx/p-46b5551e.entry.js +0 -1
- package/dist/tttx/p-9536b8c4.entry.js +0 -1
- package/dist/tttx/p-a92ca87e.entry.js +0 -1
- package/dist/tttx/p-a96ca037.entry.js +0 -1
- package/dist/tttx/p-f579ed1e.entry.js +0 -1
- package/dist/types/components/atoms/tttx-popover-content/tttx-popover-content.d.ts +0 -7
- package/dist/types/components/atoms/tttx-popover-content/tttx-popover-content.stories.d.ts +0 -18
- package/dist/types/components/atoms/ttx-checkbox/tttx-checkbox.d.ts +0 -9
- package/dist/types/components/atoms/ttx-checkbox/tttx-checkbox.stories.d.ts +0 -6
- package/dist/types/components/molecules/tttx-form/tttx-form.d.ts +0 -134
- package/dist/types/components/molecules/tttx-form/tttx-form.stories.d.ts +0 -12
- package/dist/types/components/molecules/tttx-input-calendar/tttx-input-calendar.d.ts +0 -19
- package/dist/types/components/molecules/tttx-input-calendar/tttx-input-calendar.stories.d.ts +0 -26
- package/dist/types/components/molecules/tttx-list/tttx-list.d.ts +0 -51
- package/dist/types/components/molecules/tttx-list/tttx-list.stories.d.ts +0 -13
- package/dist/types/components/molecules/tttx-table/tttx-table.d.ts +0 -15
- package/dist/types/components/molecules/tttx-table/tttx-table.stories.d.ts +0 -21
|
@@ -171,10 +171,6 @@ const parsePropertyValue = (propValue, propType) => {
|
|
|
171
171
|
// but we'll cheat here and say that the string "false" is the boolean false
|
|
172
172
|
return propValue === 'false' ? false : propValue === '' || !!propValue;
|
|
173
173
|
}
|
|
174
|
-
if (propType & 2 /* MEMBER_FLAGS.Number */) {
|
|
175
|
-
// force it to be a number
|
|
176
|
-
return parseFloat(propValue);
|
|
177
|
-
}
|
|
178
174
|
if (propType & 1 /* MEMBER_FLAGS.String */) {
|
|
179
175
|
// could have been passed as a number or boolean
|
|
180
176
|
// but we still want it as a string
|
|
@@ -311,12 +307,6 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
|
311
307
|
classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
|
|
312
308
|
classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
|
|
313
309
|
}
|
|
314
|
-
else if (memberName === 'ref') {
|
|
315
|
-
// minifier will clean this up
|
|
316
|
-
if (newValue) {
|
|
317
|
-
newValue(elm);
|
|
318
|
-
}
|
|
319
|
-
}
|
|
320
310
|
else if ((!isProp ) &&
|
|
321
311
|
memberName[0] === 'o' &&
|
|
322
312
|
memberName[1] === 'n') {
|
|
@@ -511,7 +501,6 @@ const removeVnodes = (vnodes, startIdx, endIdx, vnode, elm) => {
|
|
|
511
501
|
for (; startIdx <= endIdx; ++startIdx) {
|
|
512
502
|
if ((vnode = vnodes[startIdx])) {
|
|
513
503
|
elm = vnode.$elm$;
|
|
514
|
-
callNodeRefs(vnode);
|
|
515
504
|
// remove the vnode's element from the dom
|
|
516
505
|
elm.remove();
|
|
517
506
|
}
|
|
@@ -764,12 +753,6 @@ const patch = (oldVNode, newVNode) => {
|
|
|
764
753
|
elm.data = text;
|
|
765
754
|
}
|
|
766
755
|
};
|
|
767
|
-
const callNodeRefs = (vNode) => {
|
|
768
|
-
{
|
|
769
|
-
vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);
|
|
770
|
-
vNode.$children$ && vNode.$children$.map(callNodeRefs);
|
|
771
|
-
}
|
|
772
|
-
};
|
|
773
756
|
/**
|
|
774
757
|
* The main entry point for Stencil's virtual DOM-based rendering engine
|
|
775
758
|
*
|
|
@@ -822,20 +805,10 @@ const dispatchHooks = (hostRef, isInitialLoad) => {
|
|
|
822
805
|
const instance = hostRef.$lazyInstance$ ;
|
|
823
806
|
let promise;
|
|
824
807
|
if (isInitialLoad) {
|
|
825
|
-
{
|
|
826
|
-
hostRef.$flags$ |= 256 /* HOST_FLAGS.isListenReady */;
|
|
827
|
-
if (hostRef.$queuedListeners$) {
|
|
828
|
-
hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event));
|
|
829
|
-
hostRef.$queuedListeners$ = null;
|
|
830
|
-
}
|
|
831
|
-
}
|
|
832
808
|
{
|
|
833
809
|
promise = safeCall(instance, 'componentWillLoad');
|
|
834
810
|
}
|
|
835
811
|
}
|
|
836
|
-
{
|
|
837
|
-
promise = then(promise, () => safeCall(instance, 'componentWillRender'));
|
|
838
|
-
}
|
|
839
812
|
endSchedule();
|
|
840
813
|
return then(promise, () => updateComponent(hostRef, instance, isInitialLoad));
|
|
841
814
|
};
|
|
@@ -903,20 +876,13 @@ const postUpdateComponent = (hostRef) => {
|
|
|
903
876
|
const tagName = hostRef.$cmpMeta$.$tagName$;
|
|
904
877
|
const elm = hostRef.$hostElement$;
|
|
905
878
|
const endPostUpdate = createTime('postUpdate', tagName);
|
|
906
|
-
const instance = hostRef.$lazyInstance$ ;
|
|
907
879
|
const ancestorComponent = hostRef.$ancestorComponent$;
|
|
908
|
-
{
|
|
909
|
-
safeCall(instance, 'componentDidRender');
|
|
910
|
-
}
|
|
911
880
|
if (!(hostRef.$flags$ & 64 /* HOST_FLAGS.hasLoadedComponent */)) {
|
|
912
881
|
hostRef.$flags$ |= 64 /* HOST_FLAGS.hasLoadedComponent */;
|
|
913
882
|
{
|
|
914
883
|
// DOM WRITE!
|
|
915
884
|
addHydratedFlag(elm);
|
|
916
885
|
}
|
|
917
|
-
{
|
|
918
|
-
safeCall(instance, 'componentDidLoad');
|
|
919
|
-
}
|
|
920
886
|
endPostUpdate();
|
|
921
887
|
{
|
|
922
888
|
hostRef.$onReadyResolve$(elm);
|
|
@@ -972,7 +938,6 @@ const getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propNam
|
|
|
972
938
|
const setValue = (ref, propName, newVal, cmpMeta) => {
|
|
973
939
|
// check our new property value against our internal value
|
|
974
940
|
const hostRef = getHostRef(ref);
|
|
975
|
-
const elm = hostRef.$hostElement$ ;
|
|
976
941
|
const oldVal = hostRef.$instanceValues$.get(propName);
|
|
977
942
|
const flags = hostRef.$flags$;
|
|
978
943
|
const instance = hostRef.$lazyInstance$ ;
|
|
@@ -985,22 +950,6 @@ const setValue = (ref, propName, newVal, cmpMeta) => {
|
|
|
985
950
|
// set our new value!
|
|
986
951
|
hostRef.$instanceValues$.set(propName, newVal);
|
|
987
952
|
if (instance) {
|
|
988
|
-
// get an array of method names of watch functions to call
|
|
989
|
-
if (cmpMeta.$watchers$ && flags & 128 /* HOST_FLAGS.isWatchReady */) {
|
|
990
|
-
const watchMethods = cmpMeta.$watchers$[propName];
|
|
991
|
-
if (watchMethods) {
|
|
992
|
-
// this instance is watching for when this property changed
|
|
993
|
-
watchMethods.map((watchMethodName) => {
|
|
994
|
-
try {
|
|
995
|
-
// fire off each of the watch methods that are watching this property
|
|
996
|
-
instance[watchMethodName](newVal, oldVal, propName);
|
|
997
|
-
}
|
|
998
|
-
catch (e) {
|
|
999
|
-
consoleError(e, elm);
|
|
1000
|
-
}
|
|
1001
|
-
});
|
|
1002
|
-
}
|
|
1003
|
-
}
|
|
1004
953
|
if ((flags & (2 /* HOST_FLAGS.hasRendered */ | 16 /* HOST_FLAGS.isQueuedForUpdate */)) === 2 /* HOST_FLAGS.hasRendered */) {
|
|
1005
954
|
// looks like this value actually changed, so we've got work to do!
|
|
1006
955
|
// but only if we've already rendered, otherwise just chill out
|
|
@@ -1023,9 +972,6 @@ const setValue = (ref, propName, newVal, cmpMeta) => {
|
|
|
1023
972
|
*/
|
|
1024
973
|
const proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
1025
974
|
if (cmpMeta.$members$) {
|
|
1026
|
-
if (Cstr.watchers) {
|
|
1027
|
-
cmpMeta.$watchers$ = Cstr.watchers;
|
|
1028
|
-
}
|
|
1029
975
|
// It's better to have a const than two Object.entries()
|
|
1030
976
|
const members = Object.entries(cmpMeta.$members$);
|
|
1031
977
|
const prototype = Cstr.prototype;
|
|
@@ -1130,12 +1076,6 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
|
|
|
1130
1076
|
endLoad();
|
|
1131
1077
|
}
|
|
1132
1078
|
if (!Cstr.isProxied) {
|
|
1133
|
-
// we've never proxied this Constructor before
|
|
1134
|
-
// let's add the getters/setters to its prototype before
|
|
1135
|
-
// the first time we create an instance of the implementation
|
|
1136
|
-
{
|
|
1137
|
-
cmpMeta.$watchers$ = Cstr.watchers;
|
|
1138
|
-
}
|
|
1139
1079
|
proxyComponent(Cstr, cmpMeta, 2 /* PROXY_FLAGS.proxyState */);
|
|
1140
1080
|
Cstr.isProxied = true;
|
|
1141
1081
|
}
|
|
@@ -1159,9 +1099,6 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
|
|
|
1159
1099
|
{
|
|
1160
1100
|
hostRef.$flags$ &= ~8 /* HOST_FLAGS.isConstructingInstance */;
|
|
1161
1101
|
}
|
|
1162
|
-
{
|
|
1163
|
-
hostRef.$flags$ |= 128 /* HOST_FLAGS.isWatchReady */;
|
|
1164
|
-
}
|
|
1165
1102
|
endNewInstance();
|
|
1166
1103
|
}
|
|
1167
1104
|
if (Cstr.style) {
|
|
@@ -1229,28 +1166,12 @@ const connectedCallback = (elm) => {
|
|
|
1229
1166
|
initializeComponent(elm, hostRef, cmpMeta);
|
|
1230
1167
|
}
|
|
1231
1168
|
}
|
|
1232
|
-
else {
|
|
1233
|
-
// not the first time this has connected
|
|
1234
|
-
// reattach any event listeners to the host
|
|
1235
|
-
// since they would have been removed when disconnected
|
|
1236
|
-
addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
|
|
1237
|
-
}
|
|
1238
1169
|
endConnected();
|
|
1239
1170
|
}
|
|
1240
1171
|
};
|
|
1241
1172
|
const disconnectedCallback = (elm) => {
|
|
1242
1173
|
if ((plt.$flags$ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {
|
|
1243
|
-
|
|
1244
|
-
const instance = hostRef.$lazyInstance$ ;
|
|
1245
|
-
{
|
|
1246
|
-
if (hostRef.$rmListeners$) {
|
|
1247
|
-
hostRef.$rmListeners$.map((rmListener) => rmListener());
|
|
1248
|
-
hostRef.$rmListeners$ = undefined;
|
|
1249
|
-
}
|
|
1250
|
-
}
|
|
1251
|
-
{
|
|
1252
|
-
safeCall(instance, 'disconnectedCallback');
|
|
1253
|
-
}
|
|
1174
|
+
getHostRef(elm);
|
|
1254
1175
|
}
|
|
1255
1176
|
};
|
|
1256
1177
|
const bootstrapLazy = (lazyBundles, options = {}) => {
|
|
@@ -1278,12 +1199,6 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1278
1199
|
{
|
|
1279
1200
|
cmpMeta.$members$ = compactMeta[2];
|
|
1280
1201
|
}
|
|
1281
|
-
{
|
|
1282
|
-
cmpMeta.$listeners$ = compactMeta[3];
|
|
1283
|
-
}
|
|
1284
|
-
{
|
|
1285
|
-
cmpMeta.$watchers$ = {};
|
|
1286
|
-
}
|
|
1287
1202
|
const tagName = cmpMeta.$tagName$;
|
|
1288
1203
|
const HostElement = class extends HTMLElement {
|
|
1289
1204
|
// StencilLazyHost
|
|
@@ -1354,40 +1269,6 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1354
1269
|
// Fallback appLoad event
|
|
1355
1270
|
endBootstrap();
|
|
1356
1271
|
};
|
|
1357
|
-
const addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
|
|
1358
|
-
if (listeners) {
|
|
1359
|
-
listeners.map(([flags, name, method]) => {
|
|
1360
|
-
const target = getHostListenerTarget(elm, flags) ;
|
|
1361
|
-
const handler = hostListenerProxy(hostRef, method);
|
|
1362
|
-
const opts = hostListenerOpts(flags);
|
|
1363
|
-
plt.ael(target, name, handler, opts);
|
|
1364
|
-
(hostRef.$rmListeners$ = hostRef.$rmListeners$ || []).push(() => plt.rel(target, name, handler, opts));
|
|
1365
|
-
});
|
|
1366
|
-
}
|
|
1367
|
-
};
|
|
1368
|
-
const hostListenerProxy = (hostRef, methodName) => (ev) => {
|
|
1369
|
-
try {
|
|
1370
|
-
{
|
|
1371
|
-
if (hostRef.$flags$ & 256 /* HOST_FLAGS.isListenReady */) {
|
|
1372
|
-
// instance is ready, let's call it's member method for this event
|
|
1373
|
-
hostRef.$lazyInstance$[methodName](ev);
|
|
1374
|
-
}
|
|
1375
|
-
else {
|
|
1376
|
-
(hostRef.$queuedListeners$ = hostRef.$queuedListeners$ || []).push([methodName, ev]);
|
|
1377
|
-
}
|
|
1378
|
-
}
|
|
1379
|
-
}
|
|
1380
|
-
catch (e) {
|
|
1381
|
-
consoleError(e);
|
|
1382
|
-
}
|
|
1383
|
-
};
|
|
1384
|
-
const getHostListenerTarget = (elm, flags) => {
|
|
1385
|
-
if (flags & 4 /* LISTENER_FLAGS.TargetDocument */)
|
|
1386
|
-
return doc;
|
|
1387
|
-
return elm;
|
|
1388
|
-
};
|
|
1389
|
-
// prettier-ignore
|
|
1390
|
-
const hostListenerOpts = (flags) => (flags & 2 /* LISTENER_FLAGS.Capture */) !== 0;
|
|
1391
1272
|
/**
|
|
1392
1273
|
* Assigns the given value to the nonce property on the runtime platform object.
|
|
1393
1274
|
* During runtime, this value is used to set the nonce attribute on all dynamically created script and style tags.
|
|
@@ -1410,7 +1291,6 @@ const registerHost = (elm, cmpMeta) => {
|
|
|
1410
1291
|
elm['s-p'] = [];
|
|
1411
1292
|
elm['s-rc'] = [];
|
|
1412
1293
|
}
|
|
1413
|
-
addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
|
|
1414
1294
|
return hostRefs.set(elm, hostRef);
|
|
1415
1295
|
};
|
|
1416
1296
|
const isMemberInElement = (elm, memberName) => memberName in elm;
|
|
@@ -1502,4 +1382,4 @@ const flush = () => {
|
|
|
1502
1382
|
const nextTick = /*@__PURE__*/ (cb) => promiseResolve().then(cb);
|
|
1503
1383
|
const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
|
|
1504
1384
|
|
|
1505
|
-
export { Host as H, bootstrapLazy as b, createEvent as c,
|
|
1385
|
+
export { Host as H, bootstrapLazy as b, createEvent as c, h, promiseResolve as p, registerInstance as r, setNonce as s };
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { p as promiseResolve, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { p as promiseResolve, b as bootstrapLazy } from './index-058a3cd0.js';
|
|
2
|
+
export { s as setNonce } from './index-058a3cd0.js';
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
5
|
Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
|
|
@@ -11,7 +11,7 @@ const patchEsm = () => {
|
|
|
11
11
|
const defineCustomElements = (win, options) => {
|
|
12
12
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
13
13
|
return patchEsm().then(() => {
|
|
14
|
-
return bootstrapLazy([["tttx-
|
|
14
|
+
return bootstrapLazy([["tttx-button",[[1,"tttx-button",{"notext":[4],"icon":[1],"iconposition":[1],"design":[1]}]]],["tttx-standalone-input",[[2,"tttx-standalone-input",{"label":[1],"showerrormsg":[4],"errormsg":[1],"iconleft":[1],"iconright":[1],"inputAutocapitalize":[1,"input-autocapitalize"],"inputAutofocus":[4,"input-autofocus"],"inputKeyhint":[1,"input-keyhint"],"inputIndex":[8,"input-index"],"inputTitle":[1,"input-title"],"autocomplete":[1],"checked":[4],"disabled":[4],"max":[8],"maxlength":[8],"min":[8],"minlength":[8],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[8],"required":[4],"step":[8],"type":[1],"value":[1032]}]]],["tttx-keyvalue-block",[[1,"tttx-keyvalue-block",{"keyvalues":[8],"horizontal":[4]}]]],["tttx-loading-spinner",[[1,"tttx-loading-spinner",{"loadingMessage":[1028,"loading-message"],"size":[1025]}]]],["tttx-icon",[[1,"tttx-icon",{"icon":[1],"color":[1]}]]]], options);
|
|
15
15
|
});
|
|
16
16
|
};
|
|
17
17
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-
|
|
1
|
+
import { r as registerInstance, h, H as Host } from './index-058a3cd0.js';
|
|
2
2
|
|
|
3
3
|
const tttxButtonCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.button{font-family:Roboto, serif;box-sizing:border-box;height:36px;min-width:36px;padding:0;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-content{display:block;padding:0 16px}.icon-left,.icon-right{margin-top:4px}.iconleft{padding-left:8px}.iconleft .button-content{padding-left:4px}.iconright{padding-right:8px}.iconright .button-content{padding-right:4px}.notext{padding:0 6px}.button:hover{background:rgba(17, 17, 17, 0.1);border:1px solid #D5D5D5}.button:active{background:rgba(17, 17, 17, 0.2);border:1px solid #D5D5D5}.primary{background:#1479c6;border:1px solid #1479c6;color:white}.primary:hover{background:#146EB3;border:1px solid #146EB3}.primary:active{background:#1464A2;border:1px solid #1464A2}.borderless{background:transparent;border:none;color:#212121}.borderless:hover{background:rgba(17, 17, 17, 0.1);border:none}.borderless:active{background:rgba(17, 17, 17, 0.2);border:none}.danger{background:#DC0000;border:1px solid #DC0000;color:white}.danger:hover{background:#C60000;border:1px solid #C60000}.danger:active{background:#B00000;border:1px solid #B00000}.disabled{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}.disabled:hover{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}.disabled:active{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}:host{display:inline-block}.spacingleft{margin-left:8px}";
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-
|
|
1
|
+
import { r as registerInstance, h, H as Host } from './index-058a3cd0.js';
|
|
2
2
|
|
|
3
3
|
const tttxIconCss = ".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:inline-block;cursor:default;user-select:none}.icon-size{width:24px;height:24px}.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}";
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-
|
|
1
|
+
import { r as registerInstance, h, H as Host } from './index-058a3cd0.js';
|
|
2
2
|
|
|
3
3
|
const tttxKeyvalueBlockCss = ":host{display:block}dl{margin:0;padding:0;font-family:\"Roboto\", sans-serif;cursor:default}dt{font-weight:400;line-height:21px;font-size:16px}dt,dt.subTitle{color:#757575}dt.mainTitle{color:#212121}dd{margin:0;font-weight:400;font-size:16px;color:#212121;line-height:21px;margin-bottom:18px}dl.horizontal{display:flex;flex-direction:row;width:100%}dl.horizontal div{flex-grow:1}@media (max-width: 769px){dl.horizontal{flex-wrap:wrap}dl.horizontal div{width:50%}}@media (max-width: 600px){dl.horizontal div{width:100%}}";
|
|
4
4
|
|
|
@@ -27,17 +27,20 @@ const TttxKeyvalueBlock = class {
|
|
|
27
27
|
for (let i = 0; i < values.length; i++) {
|
|
28
28
|
const value = values[i];
|
|
29
29
|
if (this.horizontal) {
|
|
30
|
-
elements.push(h("div", null, h("dt", { class:
|
|
30
|
+
elements.push(h("div", null, h("dt", { class: 'mainTitle' }, value.title), h("dt", { class: 'subTitle' }, value.subTitle), h("dd", null, value.data)));
|
|
31
31
|
}
|
|
32
32
|
else {
|
|
33
|
-
elements.push(h("dt", { class:
|
|
34
|
-
elements.push(h("dt", { class:
|
|
33
|
+
elements.push(h("dt", { class: 'mainTitle' }, value.title));
|
|
34
|
+
elements.push(h("dt", { class: 'subTitle' }, value.subTitle));
|
|
35
35
|
elements.push(h("dd", null, value.data));
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
return elements;
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
|
+
if (!this.keyvalues) {
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
41
44
|
let values;
|
|
42
45
|
if (typeof this.keyvalues === 'string') {
|
|
43
46
|
values = JSON.parse(this.keyvalues);
|
|
@@ -52,7 +55,7 @@ const TttxKeyvalueBlock = class {
|
|
|
52
55
|
else {
|
|
53
56
|
elements = this.renderSingleElements(values);
|
|
54
57
|
}
|
|
55
|
-
return (h(Host, null, h("dl", { class: this.horizontal ?
|
|
58
|
+
return (h(Host, null, h("dl", { class: this.horizontal ? 'horizontal' : null }, elements)));
|
|
56
59
|
}
|
|
57
60
|
};
|
|
58
61
|
TttxKeyvalueBlock.style = tttxKeyvalueBlockCss;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-
|
|
1
|
+
import { r as registerInstance, h } from './index-058a3cd0.js';
|
|
2
2
|
|
|
3
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
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, H as Host } from './index-058a3cd0.js';
|
|
2
2
|
|
|
3
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
4
|
|
|
@@ -49,6 +49,7 @@ const TttxInput = class {
|
|
|
49
49
|
this.blurChanged.emit(target.value);
|
|
50
50
|
}
|
|
51
51
|
handleInvalid(event) {
|
|
52
|
+
event.preventDefault();
|
|
52
53
|
const target = event.target;
|
|
53
54
|
this.invalidChanged.emit(target.value);
|
|
54
55
|
}
|
package/dist/esm/tttx.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { p as promiseResolve, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { p as promiseResolve, b as bootstrapLazy } from './index-058a3cd0.js';
|
|
2
|
+
export { s as setNonce } from './index-058a3cd0.js';
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
5
|
Stencil Client Patch Browser v2.22.3 | MIT Licensed | https://stenciljs.com
|
|
@@ -14,5 +14,5 @@ const patchBrowser = () => {
|
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
patchBrowser().then(options => {
|
|
17
|
-
return bootstrapLazy([["tttx-
|
|
17
|
+
return bootstrapLazy([["tttx-button",[[1,"tttx-button",{"notext":[4],"icon":[1],"iconposition":[1],"design":[1]}]]],["tttx-standalone-input",[[2,"tttx-standalone-input",{"label":[1],"showerrormsg":[4],"errormsg":[1],"iconleft":[1],"iconright":[1],"inputAutocapitalize":[1,"input-autocapitalize"],"inputAutofocus":[4,"input-autofocus"],"inputKeyhint":[1,"input-keyhint"],"inputIndex":[8,"input-index"],"inputTitle":[1,"input-title"],"autocomplete":[1],"checked":[4],"disabled":[4],"max":[8],"maxlength":[8],"min":[8],"minlength":[8],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[8],"required":[4],"step":[8],"type":[1],"value":[1032]}]]],["tttx-keyvalue-block",[[1,"tttx-keyvalue-block",{"keyvalues":[8],"horizontal":[4]}]]],["tttx-loading-spinner",[[1,"tttx-loading-spinner",{"loadingMessage":[1028,"loading-message"],"size":[1025]}]]],["tttx-icon",[[1,"tttx-icon",{"icon":[1],"color":[1]}]]]], options);
|
|
18
18
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as t,H as r}from"./p-
|
|
1
|
+
import{r as o,h as t,H as r}from"./p-bbb7dbf7.js";const i=class{constructor(t){o(this,t),this._iconcolor="black",this.notext=void 0,this.icon=void 0,this.iconposition="left",this.design="default"}componentWillLoad(){this._design=this.design,["primary","default","disabled","danger","borderless"].includes(this.design)||(this._design="default"),"primary"!==this._design&&"danger"!==this._design||(this._iconcolor="white")}render(){return t(r,null,t("button",{class:`button ${this._design} ${this.icon?"withicon":""} ${this.icon&&this.iconposition?"icon"+this.iconposition:""} ${this.notext?"notext":""}`},this.icon&&"left"===this.iconposition&&t("div",{class:"icon-left"},t("tttx-icon",{icon:this.icon,color:this._iconcolor})),!this.notext&&t("div",{class:"button-content"},t("slot",null)),this.icon&&"right"===this.iconposition&&t("div",{class:"icon-right"},t("tttx-icon",{icon:this.icon,color:this._iconcolor}))))}};i.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.button{font-family:Roboto, serif;box-sizing:border-box;height:36px;min-width:36px;padding:0;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-content{display:block;padding:0 16px}.icon-left,.icon-right{margin-top:4px}.iconleft{padding-left:8px}.iconleft .button-content{padding-left:4px}.iconright{padding-right:8px}.iconright .button-content{padding-right:4px}.notext{padding:0 6px}.button:hover{background:rgba(17, 17, 17, 0.1);border:1px solid #D5D5D5}.button:active{background:rgba(17, 17, 17, 0.2);border:1px solid #D5D5D5}.primary{background:#1479c6;border:1px solid #1479c6;color:white}.primary:hover{background:#146EB3;border:1px solid #146EB3}.primary:active{background:#1464A2;border:1px solid #1464A2}.borderless{background:transparent;border:none;color:#212121}.borderless:hover{background:rgba(17, 17, 17, 0.1);border:none}.borderless:active{background:rgba(17, 17, 17, 0.2);border:none}.danger{background:#DC0000;border:1px solid #DC0000;color:white}.danger:hover{background:#C60000;border:1px solid #C60000}.danger:active{background:#B00000;border:1px solid #B00000}.disabled{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}.disabled:hover{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}.disabled:active{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}:host{display:inline-block}.spacingleft{margin-left:8px}';export{i as tttx_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i}from"./p-
|
|
1
|
+
import{r as t,h as i}from"./p-bbb7dbf7.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{r as o,h as t,H as e}from"./p-
|
|
1
|
+
import{r as o,h as t,H as e}from"./p-bbb7dbf7.js";const r=class{constructor(t){o(this,t),this.icon=void 0,this.color="grey"}render(){return t(e,null,t("span",{class:`material-symbols-rounded ${this.color?this.color:""}`},this.icon))}};r.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:inline-block;cursor:default;user-select:none}.icon-size{width:24px;height:24px}.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}';export{r as tttx_icon}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as n,H as s}from"./p-bbb7dbf7.js";const o=class{constructor(n){t(this,n),this.valueChanged=i(this,"valueChanged",7),this.focusChanged=i(this,"focusChanged",7),this.blurChanged=i(this,"blurChanged",7),this.invalidChanged=i(this,"invalidChanged",7),this.label=void 0,this.showerrormsg=void 0,this.errormsg=void 0,this.iconleft=void 0,this.iconright=void 0,this.inputAutocapitalize=void 0,this.inputAutofocus=void 0,this.inputKeyhint=void 0,this.inputIndex=void 0,this.inputTitle=void 0,this.autocomplete=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(t){this.focusChanged.emit(t.target.value)}handleBlur(t){this.blurChanged.emit(t.target.value)}handleInvalid(t){t.preventDefault(),this.invalidChanged.emit(t.target.value)}render(){const t=["standalone",this.showerrormsg?"invalid":""].join(" ");return n(s,null,n("label",{class:"inputBlock"},this.label,this.required?"":n("span",{class:"optional"}," (optional)"),this.iconleft&&n("div",{class:"icon-left"},n("tttx-icon",{icon:this.iconleft,color:"grey"})),n("input",{class:t,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&&n("div",{class:"icon-right"},n("tttx-icon",{icon:this.iconright,color:"grey"})),n("span",{class:["errorBubble",this.showerrormsg&&this.errormsg?"visible":""].join(" ")},n("span",{class:"material-symbols-rounded validationicon"},"warning")," ",this.errormsg)))}};o.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{o as tttx_standalone_input}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as l,H as i}from"./p-bbb7dbf7.js";const d=class{constructor(l){t(this,l),this.keyvalues=void 0,this.horizontal=void 0}renderSingleElements(t){const i=Object.keys(t),d=[];for(let o=0;o<i.length;o++)this.horizontal?d.push(l("div",null,l("dt",null,i[o]),l("dd",null,t[i[o]]))):(d.push(l("dt",null,i[o])),d.push(l("dd",null,t[i[o]])));return d}renderArrayElements(t){const i=[];for(let d=0;d<t.length;d++){const o=t[d];this.horizontal?i.push(l("div",null,l("dt",{class:"mainTitle"},o.title),l("dt",{class:"subTitle"},o.subTitle),l("dd",null,o.data))):(i.push(l("dt",{class:"mainTitle"},o.title)),i.push(l("dt",{class:"subTitle"},o.subTitle)),i.push(l("dd",null,o.data)))}return i}render(){if(!this.keyvalues)return;let t,d;return t="string"==typeof this.keyvalues?JSON.parse(this.keyvalues):this.keyvalues,d=Array.isArray(t)?this.renderArrayElements(t):this.renderSingleElements(t),l(i,null,l("dl",{class:this.horizontal?"horizontal":null},d))}};d.style=':host{display:block}dl{margin:0;padding:0;font-family:"Roboto", sans-serif;cursor:default}dt{font-weight:400;line-height:21px;font-size:16px}dt,dt.subTitle{color:#757575}dt.mainTitle{color:#212121}dd{margin:0;font-weight:400;font-size:16px;color:#212121;line-height:21px;margin-bottom:18px}dl.horizontal{display:flex;flex-direction:row;width:100%}dl.horizontal div{flex-grow:1}@media (max-width: 769px){dl.horizontal{flex-wrap:wrap}dl.horizontal div{width:50%}}@media (max-width: 600px){dl.horizontal div{width:100%}}';export{d as tttx_keyvalue_block}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
let e,t,n=!1;const l={},o=e=>"object"==(e=typeof e)||"function"===e;function s(e){var t,n,l;return null!==(l=null===(n=null===(t=e.head)||void 0===t?void 0:t.querySelector('meta[name="csp-nonce"]'))||void 0===n?void 0:n.getAttribute("content"))&&void 0!==l?l:void 0}const c=(e,t,...n)=>{let l=null,s=!1,c=!1;const r=[],u=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?u(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!o(l))&&(l+=""),s&&c?r[r.length-1].t+=l:r.push(s?i(null,l):l),c=s)};if(u(n),t){const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}const a=i(e,null);return a.l=t,r.length>0&&(a.o=r),a},i=(e,t)=>({i:0,u:e,t,$:null,o:null,l:null}),r={},u=(e,t,n)=>{const l=(e=>H(e).m)(e);return{emit:e=>a(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},a=(e,t,n)=>{const l=G.ce(t,n);return e.dispatchEvent(l),l},f=new WeakMap,d=e=>"sc-"+e.h,$=(e,t,n,l,s,c)=>{if(n!==l){let i=q(e,t),r=t.toLowerCase();if("class"===t){const t=e.classList,o=h(n),s=h(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if(i||"o"!==t[0]||"n"!==t[1]){const r=o(l);if((i||r&&null!==l)&&!s)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?i=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!i||4&c||s)&&!r&&e.setAttribute(t,l=!0===l?"":l)}else t="-"===t[2]?t.slice(3):q(B,r)?r.slice(2):r[2]+t.slice(3),n&&G.rel(e,t,n,!1),l&&G.ael(e,t,l,!1)}},m=/\s/,h=e=>e?e.split(m):[],p=(e,t,n,o)=>{const s=11===t.$.nodeType&&t.$.host?t.$.host:t.$,c=e&&e.l||l,i=t.l||l;for(o in c)o in i||$(s,o,c[o],void 0,n,t.i);for(o in i)$(s,o,c[o],i[o],n,t.i)},y=(t,n,l)=>{const o=n.o[l];let s,c,i=0;if(null!==o.t)s=o.$=D.createTextNode(o.t);else if(s=o.$=D.createElement(o.u),p(null,o,!1),null!=e&&s["s-si"]!==e&&s.classList.add(s["s-si"]=e),o.o)for(i=0;i<o.o.length;++i)c=y(t,o,i),c&&s.appendChild(c);return s},b=(e,n,l,o,s,c)=>{let i,r=e;for(r.shadowRoot&&r.tagName===t&&(r=r.shadowRoot);s<=c;++s)o[s]&&(i=y(null,l,s),i&&(o[s].$=i,r.insertBefore(i,n)))},w=(e,t,n,l)=>{for(;t<=n;++t)(l=e[t])&&l.$.remove()},v=(e,t)=>e.u===t.u,S=(e,t)=>{const n=t.$=e.$,l=e.o,o=t.o,s=t.t;null===s?("slot"===t.u||p(e,t,!1),null!==l&&null!==o?((e,t,n,l)=>{let o,s=0,c=0,i=t.length-1,r=t[0],u=t[i],a=l.length-1,f=l[0],d=l[a];for(;s<=i&&c<=a;)null==r?r=t[++s]:null==u?u=t[--i]:null==f?f=l[++c]:null==d?d=l[--a]:v(r,f)?(S(r,f),r=t[++s],f=l[++c]):v(u,d)?(S(u,d),u=t[--i],d=l[--a]):v(r,d)?(S(r,d),e.insertBefore(r.$,u.$.nextSibling),r=t[++s],d=l[--a]):v(u,f)?(S(u,f),e.insertBefore(u.$,r.$),u=t[--i],f=l[++c]):(o=y(t&&t[c],n,c),f=l[++c],o&&r.$.parentNode.insertBefore(o,r.$));s>i?b(e,null==l[a+1]?null:l[a+1].$,n,l,c,a):c>a&&w(t,s,i)})(n,l,t,o):null!==o?(null!==e.t&&(n.textContent=""),b(n,null,t,o,0,o.length-1)):null!==l&&w(l,0,l.length-1)):e.t!==s&&(n.data=s)},g=(e,t)=>{t&&!e.p&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.p=t)))},j=(e,t)=>{if(e.i|=16,!(4&e.i))return g(e,e.v),te((()=>M(e,t)));e.i|=512},M=(e,t)=>{const n=e.S;let l;return t&&(l=P(n,"componentWillLoad")),E(l,(()=>k(e,n,t)))},k=async(e,t,n)=>{const l=e.m,o=l["s-rc"];n&&(e=>{const t=e.g,n=e.m,l=t.i,o=((e,t)=>{var n;let l=d(t);const o=z.get(l);if(e=11===e.nodeType?e:D,o)if("string"==typeof o){let t,c=f.get(e=e.head||e);if(c||f.set(e,c=new Set),!c.has(l)){{t=D.createElement("style"),t.innerHTML=o;const l=null!==(n=G.j)&&void 0!==n?n:s(D);null!=l&&t.setAttribute("nonce",l),e.insertBefore(t,e.querySelector("link"))}c&&c.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"),2&l&&n.classList.add(o+"-s"))})(e);C(e,t),o&&(o.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>O(e);0===t.length?n():(Promise.all(t).then(n),e.i|=4,t.length=0)}},C=(n,l)=>{try{l=l.render(),n.i&=-17,n.i|=2,((n,l)=>{const o=n.m,s=n.M||i(null,null),u=(e=>e&&e.u===r)(l)?l:c(null,null,l);t=o.tagName,u.u=null,u.i|=4,n.M=u,u.$=s.$=o.shadowRoot||o,e=o["s-sc"],S(s,u)})(n,l)}catch(e){F(e,n.m)}return null},O=e=>{const t=e.m,n=e.v;64&e.i||(e.i|=64,L(t),e.k(t),n||x()),e.p&&(e.p(),e.p=void 0),512&e.i&&ee((()=>j(e,!1))),e.i&=-517},x=()=>{L(D.documentElement),ee((()=>a(B,"appload",{detail:{namespace:"tttx"}})))},P=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){F(e)}},E=(e,t)=>e&&e.then?e.then(t):t(),L=e=>e.classList.add("hydrated"),N=(e,t,n)=>{if(t.C){const l=Object.entries(t.C),s=e.prototype;if(l.map((([e,[l]])=>{(31&l||2&n&&32&l)&&Object.defineProperty(s,e,{get(){return((e,t)=>H(this).O.get(t))(0,e)},set(n){((e,t,n,l)=>{const s=H(e),c=s.O.get(t),i=s.i,r=s.S;n=((e,t)=>null==e||o(e)?e:4&t?"false"!==e&&(""===e||!!e):1&t?e+"":e)(n,l.C[t][0]),8&i&&void 0!==c||n===c||Number.isNaN(c)&&Number.isNaN(n)||(s.O.set(t,n),r&&2==(18&i)&&j(s,!1))})(this,e,n,t)},configurable:!0,enumerable:!0})})),1&n){const t=new Map;s.attributeChangedCallback=function(e,n,l){G.jmp((()=>{const n=t.get(e);if(this.hasOwnProperty(n))l=this[n],delete this[n];else if(s.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},T=(e,t={})=>{var n;const l=[],o=t.exclude||[],c=B.customElements,i=D.head,r=i.querySelector("meta[charset]"),u=D.createElement("style"),a=[];let f,$=!0;Object.assign(G,t),G.P=new URL(t.resourcesUrl||"./",D.baseURI).href,e.map((e=>{e[1].map((t=>{const n={i:t[0],h:t[1],C:t[2],L:t[3]};n.C=t[2];const s=n.h,i=class extends HTMLElement{constructor(e){super(e),U(e=this,n),1&n.i&&e.attachShadow({mode:"open"})}connectedCallback(){f&&(clearTimeout(f),f=null),$?a.push(this):G.jmp((()=>(e=>{if(0==(1&G.i)){const t=H(e),n=t.g,l=()=>{};if(!(1&t.i)){t.i|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){g(t,t.v=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,o)=>{if(0==(32&t.i)){{if(t.i|=32,(o=_(n)).then){const e=()=>{};o=await o,e()}o.isProxied||(N(o,n,2),o.isProxied=!0);const e=()=>{};t.i|=8;try{new o(t)}catch(e){F(e)}t.i&=-9,e()}if(o.style){let e=o.style;const t=d(n);if(!z.has(t)){const l=()=>{};((e,t,n)=>{let l=z.get(e);J&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,z.set(e,l)})(t,e,!!(1&n.i)),l()}}}const s=t.v,c=()=>j(t,!0);s&&s["s-rc"]?s["s-rc"].push(c):c()})(0,t,n)}l()}})(this)))}disconnectedCallback(){G.jmp((()=>{}))}componentOnReady(){return H(this).N}};n.T=e[0],o.includes(s)||c.get(s)||(l.push(s),c.define(s,N(i,n,1)))}))}));{u.innerHTML=l+"{visibility:hidden}.hydrated{visibility:inherit}",u.setAttribute("data-styles","");const e=null!==(n=G.j)&&void 0!==n?n:s(D);null!=e&&u.setAttribute("nonce",e),i.insertBefore(u,r?r.nextSibling:i.firstChild)}$=!1,a.length?a.map((e=>e.connectedCallback())):G.jmp((()=>f=setTimeout(x,30)))},W=e=>G.j=e,A=new WeakMap,H=e=>A.get(e),R=(e,t)=>A.set(t.S=e,t),U=(e,t)=>{const n={i:0,m:e,g:t,O:new Map};return n.N=new Promise((e=>n.k=e)),e["s-p"]=[],e["s-rc"]=[],A.set(e,n)},q=(e,t)=>t in e,F=(e,t)=>(0,console.error)(e,t),V=new Map,_=e=>{const t=e.h.replace(/-/g,"_"),n=e.T,l=V.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(V.set(n,e),e[t])),F)
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},z=new Map,B="undefined"!=typeof window?window:{},D=B.document||{head:{}},G={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)},I=e=>Promise.resolve(e),J=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),K=[],Q=[],X=(e,t)=>l=>{e.push(l),n||(n=!0,t&&4&G.i?ee(Z):G.raf(Z))},Y=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){F(e)}e.length=0},Z=()=>{Y(K),Y(Q),(n=K.length>0)&&G.raf(Z)},ee=e=>I().then(e),te=X(Q,!0);export{r as H,T as b,u as c,c as h,I as p,R as r,W as s}
|
package/dist/tttx/tttx.esm.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,b as e}from"./p-
|
|
1
|
+
import{p as t,b as e}from"./p-bbb7dbf7.js";export{s as setNonce}from"./p-bbb7dbf7.js";(()=>{const e=import.meta.url,n={};return""!==e&&(n.resourcesUrl=new URL(".",e).href),t(n)})().then((t=>e([["p-046868d9",[[1,"tttx-button",{notext:[4],icon:[1],iconposition:[1],design:[1]}]]],["p-a4d9929a",[[2,"tttx-standalone-input",{label:[1],showerrormsg:[4],errormsg:[1],iconleft:[1],iconright:[1],inputAutocapitalize:[1,"input-autocapitalize"],inputAutofocus:[4,"input-autofocus"],inputKeyhint:[1,"input-keyhint"],inputIndex:[8,"input-index"],inputTitle:[1,"input-title"],autocomplete:[1],checked:[4],disabled:[4],max:[8],maxlength:[8],min:[8],minlength:[8],name:[1],pattern:[1],placeholder:[1],readonly:[8],required:[4],step:[8],type:[1],value:[1032]}]]],["p-ad637dde",[[1,"tttx-keyvalue-block",{keyvalues:[8],horizontal:[4]}]]],["p-1adb2b75",[[1,"tttx-loading-spinner",{loadingMessage:[1028,"loading-message"],size:[1025]}]]],["p-495cf4b3",[[1,"tttx-icon",{icon:[1],color:[1]}]]]],t)));
|