@sankhyalabs/sankhyablocks 1.3.31-beta.6 → 1.3.32
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-532bcc28.js → index-1133bc2a.js} +9 -419
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/sankhyablocks.cjs.js +2 -2
- package/dist/cjs/snk-application.cjs.entry.js +99 -213
- package/dist/cjs/snk-pesquisa.cjs.entry.js +6 -3
- package/dist/cjs/teste-pesquisa.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +0 -4
- package/dist/collection/components/snk-application/snk-application.js +48 -165
- package/dist/collection/components/snk-pesquisa/snk-pesquisa.css +49 -10
- package/dist/collection/components/snk-pesquisa/snk-pesquisa.js +5 -1
- package/dist/collection/lib/http/data-fetcher/fetchers/dataunit-fetcher.js +21 -52
- package/dist/collection/lib/http/data-fetcher/fetchers/grid-config-fetcher.js +3 -4
- package/dist/collection/lib/http/data-fetcher/fetchers/pesquisa-fetcher.js +2 -0
- package/dist/components/snk-application2.js +98 -213
- package/dist/components/snk-pesquisa2.js +5 -2
- package/dist/esm/{index-0b078db7.js → index-ffda6382.js} +10 -419
- package/dist/esm/loader.js +2 -2
- package/dist/esm/sankhyablocks.js +2 -2
- package/dist/esm/snk-application.entry.js +99 -213
- package/dist/esm/snk-pesquisa.entry.js +6 -3
- package/dist/esm/teste-pesquisa.entry.js +1 -1
- package/dist/sankhyablocks/p-24238a55.entry.js +1 -0
- package/dist/sankhyablocks/{p-a8305c35.entry.js → p-2a7b4cb3.entry.js} +1 -1
- package/dist/sankhyablocks/p-bd1b31db.entry.js +69 -0
- package/dist/sankhyablocks/p-edcb9d8e.js +2 -0
- package/dist/sankhyablocks/sankhyablocks.esm.js +1 -1
- package/dist/types/components/snk-application/snk-application.d.ts +13 -90
- package/dist/types/components.d.ts +2 -334
- package/dist/types/lib/http/data-fetcher/fetchers/dataunit-fetcher.d.ts +0 -2
- package/dist/types/lib/http/data-fetcher/fetchers/grid-config-fetcher.d.ts +1 -1
- package/package.json +5 -5
- package/react/components.d.ts +0 -4
- package/react/components.js +0 -4
- package/react/components.js.map +1 -1
- package/dist/cjs/snk-data-unit.cjs.entry.js +0 -189
- package/dist/cjs/snk-form.cjs.entry.js +0 -95
- package/dist/cjs/snk-grid.cjs.entry.js +0 -64
- package/dist/cjs/snk-taskbar.cjs.entry.js +0 -140
- package/dist/cjs/taskbar-elements-9d47b416.js +0 -70
- package/dist/collection/components/snk-data-unit/snk-data-unit.css +0 -6
- package/dist/collection/components/snk-data-unit/snk-data-unit.js +0 -449
- package/dist/collection/components/snk-form/snk-form.css +0 -3
- package/dist/collection/components/snk-form/snk-form.js +0 -194
- package/dist/collection/components/snk-grid/snk-grid.css +0 -5
- package/dist/collection/components/snk-grid/snk-grid.js +0 -128
- package/dist/collection/components/snk-taskbar/elements/taskbar-elements.js +0 -65
- package/dist/collection/components/snk-taskbar/snk-taskbar.css +0 -3
- package/dist/collection/components/snk-taskbar/snk-taskbar.js +0 -252
- package/dist/components/snk-data-unit.d.ts +0 -11
- package/dist/components/snk-data-unit.js +0 -213
- package/dist/components/snk-form.d.ts +0 -11
- package/dist/components/snk-form.js +0 -121
- package/dist/components/snk-grid.d.ts +0 -11
- package/dist/components/snk-grid.js +0 -88
- package/dist/components/snk-taskbar.d.ts +0 -11
- package/dist/components/snk-taskbar.js +0 -6
- package/dist/components/snk-taskbar2.js +0 -221
- package/dist/esm/snk-data-unit.entry.js +0 -185
- package/dist/esm/snk-form.entry.js +0 -91
- package/dist/esm/snk-grid.entry.js +0 -60
- package/dist/esm/snk-taskbar.entry.js +0 -136
- package/dist/esm/taskbar-elements-3ba30bf4.js +0 -68
- package/dist/sankhyablocks/p-3cb106f7.entry.js +0 -69
- package/dist/sankhyablocks/p-3fce3190.entry.js +0 -1
- package/dist/sankhyablocks/p-560fdf54.entry.js +0 -1
- package/dist/sankhyablocks/p-574764bf.js +0 -1
- package/dist/sankhyablocks/p-8f7b9a85.entry.js +0 -1
- package/dist/sankhyablocks/p-9c225717.entry.js +0 -1
- package/dist/sankhyablocks/p-a45dba1a.js +0 -2
- package/dist/sankhyablocks/p-a670853c.entry.js +0 -1
- package/dist/types/components/snk-taskbar/elements/taskbar-elements.d.ts +0 -25
- package/dist/types/components/snk-taskbar/snk-taskbar.d.ts +0 -45
|
@@ -1,11 +1,7 @@
|
|
|
1
1
|
const NAMESPACE = 'sankhyablocks';
|
|
2
2
|
|
|
3
3
|
let scopeId;
|
|
4
|
-
let contentRef;
|
|
5
4
|
let hostTagName;
|
|
6
|
-
let useNativeShadowDom = false;
|
|
7
|
-
let checkSlotFallbackVisibility = false;
|
|
8
|
-
let checkSlotRelocate = false;
|
|
9
5
|
let isSvgMode = false;
|
|
10
6
|
let queuePending = false;
|
|
11
7
|
const win = typeof window !== 'undefined' ? window : {};
|
|
@@ -139,8 +135,6 @@ const isComplexType = (o) => {
|
|
|
139
135
|
// export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, ...children: d.ChildType[]): d.VNode;
|
|
140
136
|
const h = (nodeName, vnodeData, ...children) => {
|
|
141
137
|
let child = null;
|
|
142
|
-
let key = null;
|
|
143
|
-
let slotName = null;
|
|
144
138
|
let simple = false;
|
|
145
139
|
let lastSimple = false;
|
|
146
140
|
const vNodeChildren = [];
|
|
@@ -168,13 +162,6 @@ const h = (nodeName, vnodeData, ...children) => {
|
|
|
168
162
|
};
|
|
169
163
|
walk(children);
|
|
170
164
|
if (vnodeData) {
|
|
171
|
-
// normalize class / classname attributes
|
|
172
|
-
if (vnodeData.key) {
|
|
173
|
-
key = vnodeData.key;
|
|
174
|
-
}
|
|
175
|
-
if (vnodeData.name) {
|
|
176
|
-
slotName = vnodeData.name;
|
|
177
|
-
}
|
|
178
165
|
{
|
|
179
166
|
const classData = vnodeData.className || vnodeData.class;
|
|
180
167
|
if (classData) {
|
|
@@ -192,12 +179,6 @@ const h = (nodeName, vnodeData, ...children) => {
|
|
|
192
179
|
if (vNodeChildren.length > 0) {
|
|
193
180
|
vnode.$children$ = vNodeChildren;
|
|
194
181
|
}
|
|
195
|
-
{
|
|
196
|
-
vnode.$key$ = key;
|
|
197
|
-
}
|
|
198
|
-
{
|
|
199
|
-
vnode.$name$ = slotName;
|
|
200
|
-
}
|
|
201
182
|
return vnode;
|
|
202
183
|
};
|
|
203
184
|
const newVNode = (tag, text) => {
|
|
@@ -211,12 +192,6 @@ const newVNode = (tag, text) => {
|
|
|
211
192
|
{
|
|
212
193
|
vnode.$attrs$ = null;
|
|
213
194
|
}
|
|
214
|
-
{
|
|
215
|
-
vnode.$key$ = null;
|
|
216
|
-
}
|
|
217
|
-
{
|
|
218
|
-
vnode.$name$ = null;
|
|
219
|
-
}
|
|
220
195
|
return vnode;
|
|
221
196
|
};
|
|
222
197
|
const Host = {};
|
|
@@ -240,8 +215,6 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
|
240
215
|
classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
|
|
241
216
|
classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
|
|
242
217
|
}
|
|
243
|
-
else if (memberName === 'key')
|
|
244
|
-
;
|
|
245
218
|
else if (memberName === 'ref') {
|
|
246
219
|
// minifier will clean this up
|
|
247
220
|
if (newValue) {
|
|
@@ -354,36 +327,13 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
|
354
327
|
let i = 0;
|
|
355
328
|
let elm;
|
|
356
329
|
let childNode;
|
|
357
|
-
let oldVNode;
|
|
358
|
-
if (!useNativeShadowDom) {
|
|
359
|
-
// remember for later we need to check to relocate nodes
|
|
360
|
-
checkSlotRelocate = true;
|
|
361
|
-
if (newVNode.$tag$ === 'slot') {
|
|
362
|
-
if (scopeId) {
|
|
363
|
-
// scoped css needs to add its scoped id to the parent element
|
|
364
|
-
parentElm.classList.add(scopeId + '-s');
|
|
365
|
-
}
|
|
366
|
-
newVNode.$flags$ |= newVNode.$children$
|
|
367
|
-
? // slot element has fallback content
|
|
368
|
-
2 /* isSlotFallback */
|
|
369
|
-
: // slot element does not have fallback content
|
|
370
|
-
1 /* isSlotReference */;
|
|
371
|
-
}
|
|
372
|
-
}
|
|
373
330
|
if (newVNode.$text$ !== null) {
|
|
374
331
|
// create text node
|
|
375
332
|
elm = newVNode.$elm$ = doc.createTextNode(newVNode.$text$);
|
|
376
333
|
}
|
|
377
|
-
else if (newVNode.$flags$ & 1 /* isSlotReference */) {
|
|
378
|
-
// create a slot reference node
|
|
379
|
-
elm = newVNode.$elm$ =
|
|
380
|
-
doc.createTextNode('');
|
|
381
|
-
}
|
|
382
334
|
else {
|
|
383
335
|
// create element
|
|
384
|
-
elm = newVNode.$elm$ = (doc.createElement(newVNode.$
|
|
385
|
-
? 'slot-fb'
|
|
386
|
-
: newVNode.$tag$));
|
|
336
|
+
elm = newVNode.$elm$ = (doc.createElement(newVNode.$tag$));
|
|
387
337
|
// add css classes, attrs, props, listeners, etc.
|
|
388
338
|
{
|
|
389
339
|
updateElement(null, newVNode, isSvgMode);
|
|
@@ -396,7 +346,7 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
|
396
346
|
if (newVNode.$children$) {
|
|
397
347
|
for (i = 0; i < newVNode.$children$.length; ++i) {
|
|
398
348
|
// create the node
|
|
399
|
-
childNode = createElm(oldParentVNode, newVNode, i
|
|
349
|
+
childNode = createElm(oldParentVNode, newVNode, i);
|
|
400
350
|
// return node could have been null
|
|
401
351
|
if (childNode) {
|
|
402
352
|
// append our new node
|
|
@@ -405,62 +355,20 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
|
405
355
|
}
|
|
406
356
|
}
|
|
407
357
|
}
|
|
408
|
-
{
|
|
409
|
-
elm['s-hn'] = hostTagName;
|
|
410
|
-
if (newVNode.$flags$ & (2 /* isSlotFallback */ | 1 /* isSlotReference */)) {
|
|
411
|
-
// remember the content reference comment
|
|
412
|
-
elm['s-sr'] = true;
|
|
413
|
-
// remember the content reference comment
|
|
414
|
-
elm['s-cr'] = contentRef;
|
|
415
|
-
// remember the slot name, or empty string for default slot
|
|
416
|
-
elm['s-sn'] = newVNode.$name$ || '';
|
|
417
|
-
// check if we've got an old vnode for this slot
|
|
418
|
-
oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
|
|
419
|
-
if (oldVNode && oldVNode.$tag$ === newVNode.$tag$ && oldParentVNode.$elm$) {
|
|
420
|
-
// we've got an old slot vnode and the wrapper is being replaced
|
|
421
|
-
// so let's move the old slot content back to it's original location
|
|
422
|
-
putBackInOriginalLocation(oldParentVNode.$elm$, false);
|
|
423
|
-
}
|
|
424
|
-
}
|
|
425
|
-
}
|
|
426
358
|
return elm;
|
|
427
359
|
};
|
|
428
|
-
const putBackInOriginalLocation = (parentElm, recursive) => {
|
|
429
|
-
plt.$flags$ |= 1 /* isTmpDisconnected */;
|
|
430
|
-
const oldSlotChildNodes = parentElm.childNodes;
|
|
431
|
-
for (let i = oldSlotChildNodes.length - 1; i >= 0; i--) {
|
|
432
|
-
const childNode = oldSlotChildNodes[i];
|
|
433
|
-
if (childNode['s-hn'] !== hostTagName && childNode['s-ol']) {
|
|
434
|
-
// // this child node in the old element is from another component
|
|
435
|
-
// // remove this node from the old slot's parent
|
|
436
|
-
// childNode.remove();
|
|
437
|
-
// and relocate it back to it's original location
|
|
438
|
-
parentReferenceNode(childNode).insertBefore(childNode, referenceNode(childNode));
|
|
439
|
-
// remove the old original location comment entirely
|
|
440
|
-
// later on the patch function will know what to do
|
|
441
|
-
// and move this to the correct spot in need be
|
|
442
|
-
childNode['s-ol'].remove();
|
|
443
|
-
childNode['s-ol'] = undefined;
|
|
444
|
-
checkSlotRelocate = true;
|
|
445
|
-
}
|
|
446
|
-
if (recursive) {
|
|
447
|
-
putBackInOriginalLocation(childNode, recursive);
|
|
448
|
-
}
|
|
449
|
-
}
|
|
450
|
-
plt.$flags$ &= ~1 /* isTmpDisconnected */;
|
|
451
|
-
};
|
|
452
360
|
const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
|
|
453
|
-
let containerElm = (
|
|
361
|
+
let containerElm = (parentElm);
|
|
454
362
|
let childNode;
|
|
455
363
|
if (containerElm.shadowRoot && containerElm.tagName === hostTagName) {
|
|
456
364
|
containerElm = containerElm.shadowRoot;
|
|
457
365
|
}
|
|
458
366
|
for (; startIdx <= endIdx; ++startIdx) {
|
|
459
367
|
if (vnodes[startIdx]) {
|
|
460
|
-
childNode = createElm(null, parentVNode, startIdx
|
|
368
|
+
childNode = createElm(null, parentVNode, startIdx);
|
|
461
369
|
if (childNode) {
|
|
462
370
|
vnodes[startIdx].$elm$ = childNode;
|
|
463
|
-
containerElm.insertBefore(childNode,
|
|
371
|
+
containerElm.insertBefore(childNode, before);
|
|
464
372
|
}
|
|
465
373
|
}
|
|
466
374
|
}
|
|
@@ -470,20 +378,6 @@ const removeVnodes = (vnodes, startIdx, endIdx, vnode, elm) => {
|
|
|
470
378
|
if ((vnode = vnodes[startIdx])) {
|
|
471
379
|
elm = vnode.$elm$;
|
|
472
380
|
callNodeRefs(vnode);
|
|
473
|
-
{
|
|
474
|
-
// we're removing this element
|
|
475
|
-
// so it's possible we need to show slot fallback content now
|
|
476
|
-
checkSlotFallbackVisibility = true;
|
|
477
|
-
if (elm['s-ol']) {
|
|
478
|
-
// remove the original location comment
|
|
479
|
-
elm['s-ol'].remove();
|
|
480
|
-
}
|
|
481
|
-
else {
|
|
482
|
-
// it's possible that child nodes of the node
|
|
483
|
-
// that's being removed are slot nodes
|
|
484
|
-
putBackInOriginalLocation(elm, true);
|
|
485
|
-
}
|
|
486
|
-
}
|
|
487
381
|
// remove the vnode's element from the dom
|
|
488
382
|
elm.remove();
|
|
489
383
|
}
|
|
@@ -492,8 +386,6 @@ const removeVnodes = (vnodes, startIdx, endIdx, vnode, elm) => {
|
|
|
492
386
|
const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
|
|
493
387
|
let oldStartIdx = 0;
|
|
494
388
|
let newStartIdx = 0;
|
|
495
|
-
let idxInOld = 0;
|
|
496
|
-
let i = 0;
|
|
497
389
|
let oldEndIdx = oldCh.length - 1;
|
|
498
390
|
let oldStartVnode = oldCh[0];
|
|
499
391
|
let oldEndVnode = oldCh[oldEndIdx];
|
|
@@ -501,7 +393,6 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
|
|
|
501
393
|
let newStartVnode = newCh[0];
|
|
502
394
|
let newEndVnode = newCh[newEndIdx];
|
|
503
395
|
let node;
|
|
504
|
-
let elmToMove;
|
|
505
396
|
while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
|
|
506
397
|
if (oldStartVnode == null) {
|
|
507
398
|
// Vnode might have been moved left
|
|
@@ -527,56 +418,26 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
|
|
|
527
418
|
newEndVnode = newCh[--newEndIdx];
|
|
528
419
|
}
|
|
529
420
|
else if (isSameVnode(oldStartVnode, newEndVnode)) {
|
|
530
|
-
// Vnode moved right
|
|
531
|
-
if ((oldStartVnode.$tag$ === 'slot' || newEndVnode.$tag$ === 'slot')) {
|
|
532
|
-
putBackInOriginalLocation(oldStartVnode.$elm$.parentNode, false);
|
|
533
|
-
}
|
|
534
421
|
patch(oldStartVnode, newEndVnode);
|
|
535
422
|
parentElm.insertBefore(oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
|
|
536
423
|
oldStartVnode = oldCh[++oldStartIdx];
|
|
537
424
|
newEndVnode = newCh[--newEndIdx];
|
|
538
425
|
}
|
|
539
426
|
else if (isSameVnode(oldEndVnode, newStartVnode)) {
|
|
540
|
-
// Vnode moved left
|
|
541
|
-
if ((oldStartVnode.$tag$ === 'slot' || newEndVnode.$tag$ === 'slot')) {
|
|
542
|
-
putBackInOriginalLocation(oldEndVnode.$elm$.parentNode, false);
|
|
543
|
-
}
|
|
544
427
|
patch(oldEndVnode, newStartVnode);
|
|
545
428
|
parentElm.insertBefore(oldEndVnode.$elm$, oldStartVnode.$elm$);
|
|
546
429
|
oldEndVnode = oldCh[--oldEndIdx];
|
|
547
430
|
newStartVnode = newCh[++newStartIdx];
|
|
548
431
|
}
|
|
549
432
|
else {
|
|
550
|
-
// createKeyToOldIdx
|
|
551
|
-
idxInOld = -1;
|
|
552
433
|
{
|
|
553
|
-
for (i = oldStartIdx; i <= oldEndIdx; ++i) {
|
|
554
|
-
if (oldCh[i] && oldCh[i].$key$ !== null && oldCh[i].$key$ === newStartVnode.$key$) {
|
|
555
|
-
idxInOld = i;
|
|
556
|
-
break;
|
|
557
|
-
}
|
|
558
|
-
}
|
|
559
|
-
}
|
|
560
|
-
if (idxInOld >= 0) {
|
|
561
|
-
elmToMove = oldCh[idxInOld];
|
|
562
|
-
if (elmToMove.$tag$ !== newStartVnode.$tag$) {
|
|
563
|
-
node = createElm(oldCh && oldCh[newStartIdx], newVNode, idxInOld, parentElm);
|
|
564
|
-
}
|
|
565
|
-
else {
|
|
566
|
-
patch(elmToMove, newStartVnode);
|
|
567
|
-
oldCh[idxInOld] = undefined;
|
|
568
|
-
node = elmToMove.$elm$;
|
|
569
|
-
}
|
|
570
|
-
newStartVnode = newCh[++newStartIdx];
|
|
571
|
-
}
|
|
572
|
-
else {
|
|
573
434
|
// new element
|
|
574
|
-
node = createElm(oldCh && oldCh[newStartIdx], newVNode, newStartIdx
|
|
435
|
+
node = createElm(oldCh && oldCh[newStartIdx], newVNode, newStartIdx);
|
|
575
436
|
newStartVnode = newCh[++newStartIdx];
|
|
576
437
|
}
|
|
577
438
|
if (node) {
|
|
578
439
|
{
|
|
579
|
-
|
|
440
|
+
oldStartVnode.$elm$.parentNode.insertBefore(node, oldStartVnode.$elm$);
|
|
580
441
|
}
|
|
581
442
|
}
|
|
582
443
|
}
|
|
@@ -592,36 +453,19 @@ const isSameVnode = (vnode1, vnode2) => {
|
|
|
592
453
|
// compare if two vnode to see if they're "technically" the same
|
|
593
454
|
// need to have the same element tag, and same key to be the same
|
|
594
455
|
if (vnode1.$tag$ === vnode2.$tag$) {
|
|
595
|
-
|
|
596
|
-
return vnode1.$name$ === vnode2.$name$;
|
|
597
|
-
}
|
|
598
|
-
{
|
|
599
|
-
return vnode1.$key$ === vnode2.$key$;
|
|
600
|
-
}
|
|
456
|
+
return true;
|
|
601
457
|
}
|
|
602
458
|
return false;
|
|
603
459
|
};
|
|
604
|
-
const referenceNode = (node) => {
|
|
605
|
-
// this node was relocated to a new location in the dom
|
|
606
|
-
// because of some other component's slot
|
|
607
|
-
// but we still have an html comment in place of where
|
|
608
|
-
// it's original location was according to it's original vdom
|
|
609
|
-
return (node && node['s-ol']) || node;
|
|
610
|
-
};
|
|
611
|
-
const parentReferenceNode = (node) => (node['s-ol'] ? node['s-ol'] : node).parentNode;
|
|
612
460
|
const patch = (oldVNode, newVNode) => {
|
|
613
461
|
const elm = (newVNode.$elm$ = oldVNode.$elm$);
|
|
614
462
|
const oldChildren = oldVNode.$children$;
|
|
615
463
|
const newChildren = newVNode.$children$;
|
|
616
|
-
const tag = newVNode.$tag$;
|
|
617
464
|
const text = newVNode.$text$;
|
|
618
|
-
let defaultHolder;
|
|
619
465
|
if (text === null) {
|
|
620
466
|
// element node
|
|
621
467
|
{
|
|
622
|
-
|
|
623
|
-
;
|
|
624
|
-
else {
|
|
468
|
+
{
|
|
625
469
|
// either this is the first render of an element OR it's an update
|
|
626
470
|
// AND we already know it's possible it could have changed
|
|
627
471
|
// this updates the element's css classes, attrs, props, listeners, etc.
|
|
@@ -646,147 +490,12 @@ const patch = (oldVNode, newVNode) => {
|
|
|
646
490
|
removeVnodes(oldChildren, 0, oldChildren.length - 1);
|
|
647
491
|
}
|
|
648
492
|
}
|
|
649
|
-
else if ((defaultHolder = elm['s-cr'])) {
|
|
650
|
-
// this element has slotted content
|
|
651
|
-
defaultHolder.parentNode.textContent = text;
|
|
652
|
-
}
|
|
653
493
|
else if (oldVNode.$text$ !== text) {
|
|
654
494
|
// update the text content for the text only vnode
|
|
655
495
|
// and also only if the text is different than before
|
|
656
496
|
elm.data = text;
|
|
657
497
|
}
|
|
658
498
|
};
|
|
659
|
-
const updateFallbackSlotVisibility = (elm) => {
|
|
660
|
-
// tslint:disable-next-line: prefer-const
|
|
661
|
-
const childNodes = elm.childNodes;
|
|
662
|
-
let childNode;
|
|
663
|
-
let i;
|
|
664
|
-
let ilen;
|
|
665
|
-
let j;
|
|
666
|
-
let slotNameAttr;
|
|
667
|
-
let nodeType;
|
|
668
|
-
for (i = 0, ilen = childNodes.length; i < ilen; i++) {
|
|
669
|
-
childNode = childNodes[i];
|
|
670
|
-
if (childNode.nodeType === 1 /* ElementNode */) {
|
|
671
|
-
if (childNode['s-sr']) {
|
|
672
|
-
// this is a slot fallback node
|
|
673
|
-
// get the slot name for this slot reference node
|
|
674
|
-
slotNameAttr = childNode['s-sn'];
|
|
675
|
-
// by default always show a fallback slot node
|
|
676
|
-
// then hide it if there are other slots in the light dom
|
|
677
|
-
childNode.hidden = false;
|
|
678
|
-
for (j = 0; j < ilen; j++) {
|
|
679
|
-
nodeType = childNodes[j].nodeType;
|
|
680
|
-
if (childNodes[j]['s-hn'] !== childNode['s-hn'] || slotNameAttr !== '') {
|
|
681
|
-
// this sibling node is from a different component OR is a named fallback slot node
|
|
682
|
-
if (nodeType === 1 /* ElementNode */ && slotNameAttr === childNodes[j].getAttribute('slot')) {
|
|
683
|
-
childNode.hidden = true;
|
|
684
|
-
break;
|
|
685
|
-
}
|
|
686
|
-
}
|
|
687
|
-
else {
|
|
688
|
-
// this is a default fallback slot node
|
|
689
|
-
// any element or text node (with content)
|
|
690
|
-
// should hide the default fallback slot node
|
|
691
|
-
if (nodeType === 1 /* ElementNode */ ||
|
|
692
|
-
(nodeType === 3 /* TextNode */ && childNodes[j].textContent.trim() !== '')) {
|
|
693
|
-
childNode.hidden = true;
|
|
694
|
-
break;
|
|
695
|
-
}
|
|
696
|
-
}
|
|
697
|
-
}
|
|
698
|
-
}
|
|
699
|
-
// keep drilling down
|
|
700
|
-
updateFallbackSlotVisibility(childNode);
|
|
701
|
-
}
|
|
702
|
-
}
|
|
703
|
-
};
|
|
704
|
-
const relocateNodes = [];
|
|
705
|
-
const relocateSlotContent = (elm) => {
|
|
706
|
-
// tslint:disable-next-line: prefer-const
|
|
707
|
-
let childNode;
|
|
708
|
-
let node;
|
|
709
|
-
let hostContentNodes;
|
|
710
|
-
let slotNameAttr;
|
|
711
|
-
let relocateNodeData;
|
|
712
|
-
let j;
|
|
713
|
-
let i = 0;
|
|
714
|
-
const childNodes = elm.childNodes;
|
|
715
|
-
const ilen = childNodes.length;
|
|
716
|
-
for (; i < ilen; i++) {
|
|
717
|
-
childNode = childNodes[i];
|
|
718
|
-
if (childNode['s-sr'] && (node = childNode['s-cr']) && node.parentNode) {
|
|
719
|
-
// first got the content reference comment node
|
|
720
|
-
// then we got it's parent, which is where all the host content is in now
|
|
721
|
-
hostContentNodes = node.parentNode.childNodes;
|
|
722
|
-
slotNameAttr = childNode['s-sn'];
|
|
723
|
-
for (j = hostContentNodes.length - 1; j >= 0; j--) {
|
|
724
|
-
node = hostContentNodes[j];
|
|
725
|
-
if (!node['s-cn'] && !node['s-nr'] && node['s-hn'] !== childNode['s-hn']) {
|
|
726
|
-
// let's do some relocating to its new home
|
|
727
|
-
// but never relocate a content reference node
|
|
728
|
-
// that is suppose to always represent the original content location
|
|
729
|
-
if (isNodeLocatedInSlot(node, slotNameAttr)) {
|
|
730
|
-
// it's possible we've already decided to relocate this node
|
|
731
|
-
relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
|
|
732
|
-
// made some changes to slots
|
|
733
|
-
// let's make sure we also double check
|
|
734
|
-
// fallbacks are correctly hidden or shown
|
|
735
|
-
checkSlotFallbackVisibility = true;
|
|
736
|
-
node['s-sn'] = node['s-sn'] || slotNameAttr;
|
|
737
|
-
if (relocateNodeData) {
|
|
738
|
-
// previously we never found a slot home for this node
|
|
739
|
-
// but turns out we did, so let's remember it now
|
|
740
|
-
relocateNodeData.$slotRefNode$ = childNode;
|
|
741
|
-
}
|
|
742
|
-
else {
|
|
743
|
-
// add to our list of nodes to relocate
|
|
744
|
-
relocateNodes.push({
|
|
745
|
-
$slotRefNode$: childNode,
|
|
746
|
-
$nodeToRelocate$: node,
|
|
747
|
-
});
|
|
748
|
-
}
|
|
749
|
-
if (node['s-sr']) {
|
|
750
|
-
relocateNodes.map((relocateNode) => {
|
|
751
|
-
if (isNodeLocatedInSlot(relocateNode.$nodeToRelocate$, node['s-sn'])) {
|
|
752
|
-
relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
|
|
753
|
-
if (relocateNodeData && !relocateNode.$slotRefNode$) {
|
|
754
|
-
relocateNode.$slotRefNode$ = relocateNodeData.$slotRefNode$;
|
|
755
|
-
}
|
|
756
|
-
}
|
|
757
|
-
});
|
|
758
|
-
}
|
|
759
|
-
}
|
|
760
|
-
else if (!relocateNodes.some((r) => r.$nodeToRelocate$ === node)) {
|
|
761
|
-
// so far this element does not have a slot home, not setting slotRefNode on purpose
|
|
762
|
-
// if we never find a home for this element then we'll need to hide it
|
|
763
|
-
relocateNodes.push({
|
|
764
|
-
$nodeToRelocate$: node,
|
|
765
|
-
});
|
|
766
|
-
}
|
|
767
|
-
}
|
|
768
|
-
}
|
|
769
|
-
}
|
|
770
|
-
if (childNode.nodeType === 1 /* ElementNode */) {
|
|
771
|
-
relocateSlotContent(childNode);
|
|
772
|
-
}
|
|
773
|
-
}
|
|
774
|
-
};
|
|
775
|
-
const isNodeLocatedInSlot = (nodeToRelocate, slotNameAttr) => {
|
|
776
|
-
if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
|
|
777
|
-
if (nodeToRelocate.getAttribute('slot') === null && slotNameAttr === '') {
|
|
778
|
-
return true;
|
|
779
|
-
}
|
|
780
|
-
if (nodeToRelocate.getAttribute('slot') === slotNameAttr) {
|
|
781
|
-
return true;
|
|
782
|
-
}
|
|
783
|
-
return false;
|
|
784
|
-
}
|
|
785
|
-
if (nodeToRelocate['s-sn'] === slotNameAttr) {
|
|
786
|
-
return true;
|
|
787
|
-
}
|
|
788
|
-
return slotNameAttr === '';
|
|
789
|
-
};
|
|
790
499
|
const callNodeRefs = (vNode) => {
|
|
791
500
|
{
|
|
792
501
|
vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);
|
|
@@ -795,7 +504,6 @@ const callNodeRefs = (vNode) => {
|
|
|
795
504
|
};
|
|
796
505
|
const renderVdom = (hostRef, renderFnResults) => {
|
|
797
506
|
const hostElm = hostRef.$hostElement$;
|
|
798
|
-
const cmpMeta = hostRef.$cmpMeta$;
|
|
799
507
|
const oldVNode = hostRef.$vnode$ || newVNode(null, null);
|
|
800
508
|
const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
|
|
801
509
|
hostTagName = hostElm.tagName;
|
|
@@ -806,90 +514,8 @@ const renderVdom = (hostRef, renderFnResults) => {
|
|
|
806
514
|
{
|
|
807
515
|
scopeId = hostElm['s-sc'];
|
|
808
516
|
}
|
|
809
|
-
{
|
|
810
|
-
contentRef = hostElm['s-cr'];
|
|
811
|
-
useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
|
|
812
|
-
// always reset
|
|
813
|
-
checkSlotFallbackVisibility = false;
|
|
814
|
-
}
|
|
815
517
|
// synchronous patch
|
|
816
518
|
patch(oldVNode, rootVnode);
|
|
817
|
-
{
|
|
818
|
-
// while we're moving nodes around existing nodes, temporarily disable
|
|
819
|
-
// the disconnectCallback from working
|
|
820
|
-
plt.$flags$ |= 1 /* isTmpDisconnected */;
|
|
821
|
-
if (checkSlotRelocate) {
|
|
822
|
-
relocateSlotContent(rootVnode.$elm$);
|
|
823
|
-
let relocateData;
|
|
824
|
-
let nodeToRelocate;
|
|
825
|
-
let orgLocationNode;
|
|
826
|
-
let parentNodeRef;
|
|
827
|
-
let insertBeforeNode;
|
|
828
|
-
let refNode;
|
|
829
|
-
let i = 0;
|
|
830
|
-
for (; i < relocateNodes.length; i++) {
|
|
831
|
-
relocateData = relocateNodes[i];
|
|
832
|
-
nodeToRelocate = relocateData.$nodeToRelocate$;
|
|
833
|
-
if (!nodeToRelocate['s-ol']) {
|
|
834
|
-
// add a reference node marking this node's original location
|
|
835
|
-
// keep a reference to this node for later lookups
|
|
836
|
-
orgLocationNode =
|
|
837
|
-
doc.createTextNode('');
|
|
838
|
-
orgLocationNode['s-nr'] = nodeToRelocate;
|
|
839
|
-
nodeToRelocate.parentNode.insertBefore((nodeToRelocate['s-ol'] = orgLocationNode), nodeToRelocate);
|
|
840
|
-
}
|
|
841
|
-
}
|
|
842
|
-
for (i = 0; i < relocateNodes.length; i++) {
|
|
843
|
-
relocateData = relocateNodes[i];
|
|
844
|
-
nodeToRelocate = relocateData.$nodeToRelocate$;
|
|
845
|
-
if (relocateData.$slotRefNode$) {
|
|
846
|
-
// by default we're just going to insert it directly
|
|
847
|
-
// after the slot reference node
|
|
848
|
-
parentNodeRef = relocateData.$slotRefNode$.parentNode;
|
|
849
|
-
insertBeforeNode = relocateData.$slotRefNode$.nextSibling;
|
|
850
|
-
orgLocationNode = nodeToRelocate['s-ol'];
|
|
851
|
-
while ((orgLocationNode = orgLocationNode.previousSibling)) {
|
|
852
|
-
refNode = orgLocationNode['s-nr'];
|
|
853
|
-
if (refNode && refNode['s-sn'] === nodeToRelocate['s-sn'] && parentNodeRef === refNode.parentNode) {
|
|
854
|
-
refNode = refNode.nextSibling;
|
|
855
|
-
if (!refNode || !refNode['s-nr']) {
|
|
856
|
-
insertBeforeNode = refNode;
|
|
857
|
-
break;
|
|
858
|
-
}
|
|
859
|
-
}
|
|
860
|
-
}
|
|
861
|
-
if ((!insertBeforeNode && parentNodeRef !== nodeToRelocate.parentNode) ||
|
|
862
|
-
nodeToRelocate.nextSibling !== insertBeforeNode) {
|
|
863
|
-
// we've checked that it's worth while to relocate
|
|
864
|
-
// since that the node to relocate
|
|
865
|
-
// has a different next sibling or parent relocated
|
|
866
|
-
if (nodeToRelocate !== insertBeforeNode) {
|
|
867
|
-
if (!nodeToRelocate['s-hn'] && nodeToRelocate['s-ol']) {
|
|
868
|
-
// probably a component in the index.html that doesn't have it's hostname set
|
|
869
|
-
nodeToRelocate['s-hn'] = nodeToRelocate['s-ol'].parentNode.nodeName;
|
|
870
|
-
}
|
|
871
|
-
// add it back to the dom but in its new home
|
|
872
|
-
parentNodeRef.insertBefore(nodeToRelocate, insertBeforeNode);
|
|
873
|
-
}
|
|
874
|
-
}
|
|
875
|
-
}
|
|
876
|
-
else {
|
|
877
|
-
// this node doesn't have a slot home to go to, so let's hide it
|
|
878
|
-
if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
|
|
879
|
-
nodeToRelocate.hidden = true;
|
|
880
|
-
}
|
|
881
|
-
}
|
|
882
|
-
}
|
|
883
|
-
}
|
|
884
|
-
if (checkSlotFallbackVisibility) {
|
|
885
|
-
updateFallbackSlotVisibility(rootVnode.$elm$);
|
|
886
|
-
}
|
|
887
|
-
// done moving nodes around
|
|
888
|
-
// allow the disconnect callback to work again
|
|
889
|
-
plt.$flags$ &= ~1 /* isTmpDisconnected */;
|
|
890
|
-
// always reset
|
|
891
|
-
relocateNodes.length = 0;
|
|
892
|
-
}
|
|
893
519
|
};
|
|
894
520
|
const getElement = (ref) => (getHostRef(ref).$hostElement$ );
|
|
895
521
|
const createEvent = (ref, name, flags) => {
|
|
@@ -946,9 +572,6 @@ const dispatchHooks = (hostRef, isInitialLoad) => {
|
|
|
946
572
|
promise = safeCall(instance, 'componentWillLoad');
|
|
947
573
|
}
|
|
948
574
|
}
|
|
949
|
-
{
|
|
950
|
-
promise = then(promise, () => safeCall(instance, 'componentWillRender'));
|
|
951
|
-
}
|
|
952
575
|
endSchedule();
|
|
953
576
|
return then(promise, () => updateComponent(hostRef, instance, isInitialLoad));
|
|
954
577
|
};
|
|
@@ -1018,9 +641,6 @@ const postUpdateComponent = (hostRef) => {
|
|
|
1018
641
|
const endPostUpdate = createTime('postUpdate', tagName);
|
|
1019
642
|
const instance = hostRef.$lazyInstance$ ;
|
|
1020
643
|
const ancestorComponent = hostRef.$ancestorComponent$;
|
|
1021
|
-
{
|
|
1022
|
-
safeCall(instance, 'componentDidRender');
|
|
1023
|
-
}
|
|
1024
644
|
if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
|
|
1025
645
|
hostRef.$flags$ |= 64 /* hasLoadedComponent */;
|
|
1026
646
|
{
|
|
@@ -1110,15 +730,6 @@ const addHydratedFlag = (elm) => elm.classList.add('hydrated')
|
|
|
1110
730
|
const parsePropertyValue = (propValue, propType) => {
|
|
1111
731
|
// ensure this value is of the correct prop type
|
|
1112
732
|
if (propValue != null && !isComplexType(propValue)) {
|
|
1113
|
-
if (propType & 4 /* Boolean */) {
|
|
1114
|
-
// per the HTML spec, any string value means it is a boolean true value
|
|
1115
|
-
// but we'll cheat here and say that the string "false" is the boolean false
|
|
1116
|
-
return propValue === 'false' ? false : propValue === '' || !!propValue;
|
|
1117
|
-
}
|
|
1118
|
-
if (propType & 2 /* Number */) {
|
|
1119
|
-
// force it to be a number
|
|
1120
|
-
return parseFloat(propValue);
|
|
1121
|
-
}
|
|
1122
733
|
if (propType & 1 /* String */) {
|
|
1123
734
|
// could have been passed as a number or boolean
|
|
1124
735
|
// but we still want it as a string
|
|
@@ -1368,15 +979,6 @@ const connectedCallback = (elm) => {
|
|
|
1368
979
|
if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
|
|
1369
980
|
// first time this component has connected
|
|
1370
981
|
hostRef.$flags$ |= 1 /* hasConnected */;
|
|
1371
|
-
{
|
|
1372
|
-
// initUpdate
|
|
1373
|
-
// if the slot polyfill is required we'll need to put some nodes
|
|
1374
|
-
// in here to act as original content anchors as we move nodes around
|
|
1375
|
-
// host element has been connected to the DOM
|
|
1376
|
-
if ((cmpMeta.$flags$ & (4 /* hasSlotRelocation */ | 8 /* needsShadowDomShim */))) {
|
|
1377
|
-
setContentReference(elm);
|
|
1378
|
-
}
|
|
1379
|
-
}
|
|
1380
982
|
{
|
|
1381
983
|
// find the first ancestor component (if there is one) and register
|
|
1382
984
|
// this component as one of the actively loading child components for its ancestor
|
|
@@ -1414,17 +1016,6 @@ const connectedCallback = (elm) => {
|
|
|
1414
1016
|
endConnected();
|
|
1415
1017
|
}
|
|
1416
1018
|
};
|
|
1417
|
-
const setContentReference = (elm) => {
|
|
1418
|
-
// only required when we're NOT using native shadow dom (slot)
|
|
1419
|
-
// or this browser doesn't support native shadow dom
|
|
1420
|
-
// and this host element was NOT created with SSR
|
|
1421
|
-
// let's pick out the inner content for slot projection
|
|
1422
|
-
// create a node to represent where the original
|
|
1423
|
-
// content was first placed, which is useful later on
|
|
1424
|
-
const contentRefElm = (elm['s-cr'] = doc.createComment(''));
|
|
1425
|
-
contentRefElm['s-cn'] = true;
|
|
1426
|
-
elm.insertBefore(contentRefElm, elm.firstChild);
|
|
1427
|
-
};
|
|
1428
1019
|
const disconnectedCallback = (elm) => {
|
|
1429
1020
|
if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
|
|
1430
1021
|
const hostRef = getHostRef(elm);
|
|
@@ -1614,4 +1205,4 @@ const flush = () => {
|
|
|
1614
1205
|
const nextTick = /*@__PURE__*/ (cb) => promiseResolve().then(cb);
|
|
1615
1206
|
const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
|
|
1616
1207
|
|
|
1617
|
-
export { Host as H, bootstrapLazy as b, createEvent as c,
|
|
1208
|
+
export { Host as H, bootstrapLazy as b, createEvent as c, h, promiseResolve as p, registerInstance as r };
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { p as promiseResolve, b as bootstrapLazy } from './index-
|
|
1
|
+
import { p as promiseResolve, b as bootstrapLazy } from './index-ffda6382.js';
|
|
2
2
|
|
|
3
3
|
/*
|
|
4
4
|
Stencil Client Patch Esm v2.16.1 | MIT Licensed | https://stenciljs.com
|
|
@@ -10,7 +10,7 @@ const patchEsm = () => {
|
|
|
10
10
|
const defineCustomElements = (win, options) => {
|
|
11
11
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
12
12
|
return patchEsm().then(() => {
|
|
13
|
-
return bootstrapLazy([["
|
|
13
|
+
return bootstrapLazy([["snk-pesquisa",[[2,"snk-pesquisa",{"searchLoader":[16],"selectItem":[16],"argument":[1025],"_itemList":[32],"_startLoading":[32]}]]],["snk-application",[[2,"snk-application",{"isUserSup":[64],"hasAccess":[64],"getAllAccess":[64],"getStringParam":[64],"getIntParam":[64],"getFloatParam":[64],"getBooleanParam":[64],"getDateParam":[64],"showPopUp":[64],"closePopUp":[64],"temOpcional":[64],"getConfig":[64],"saveConfig":[64],"getAttributeFromHTMLWrapper":[64],"openApp":[64],"createDataunit":[64],"getResourceID":[64],"alert":[64],"error":[64],"confirm":[64],"info":[64],"loadFormConfig":[64],"loadGridConfig":[64],"saveGridConfig":[64],"executeSearch":[64],"isDebugMode":[64]}]]],["teste-pesquisa",[[1,"teste-pesquisa"]]]], options);
|
|
14
14
|
});
|
|
15
15
|
};
|
|
16
16
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { p as promiseResolve, b as bootstrapLazy } from './index-
|
|
1
|
+
import { p as promiseResolve, b as bootstrapLazy } from './index-ffda6382.js';
|
|
2
2
|
|
|
3
3
|
/*
|
|
4
4
|
Stencil Client Patch Browser v2.16.1 | MIT Licensed | https://stenciljs.com
|
|
@@ -13,5 +13,5 @@ const patchBrowser = () => {
|
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
patchBrowser().then(options => {
|
|
16
|
-
return bootstrapLazy([["
|
|
16
|
+
return bootstrapLazy([["snk-pesquisa",[[2,"snk-pesquisa",{"searchLoader":[16],"selectItem":[16],"argument":[1025],"_itemList":[32],"_startLoading":[32]}]]],["snk-application",[[2,"snk-application",{"isUserSup":[64],"hasAccess":[64],"getAllAccess":[64],"getStringParam":[64],"getIntParam":[64],"getFloatParam":[64],"getBooleanParam":[64],"getDateParam":[64],"showPopUp":[64],"closePopUp":[64],"temOpcional":[64],"getConfig":[64],"saveConfig":[64],"getAttributeFromHTMLWrapper":[64],"openApp":[64],"createDataunit":[64],"getResourceID":[64],"alert":[64],"error":[64],"confirm":[64],"info":[64],"loadFormConfig":[64],"loadGridConfig":[64],"saveGridConfig":[64],"executeSearch":[64],"isDebugMode":[64]}]]],["teste-pesquisa",[[1,"teste-pesquisa"]]]], options);
|
|
17
17
|
});
|