@six-group/ui-library 0.0.0-insider.f8f39e7 → 0.0.0-insider.fa2c15f
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/{form-control-72186fcc.js → form-control-8d64e974.js} +2 -2
- package/dist/cjs/{form-control-72186fcc.js.map → form-control-8d64e974.js.map} +1 -1
- package/dist/cjs/{index-5dd19c4b.js → index-d7748d51.js} +13 -469
- package/dist/cjs/index-d7748d51.js.map +1 -0
- package/dist/cjs/index.cjs.js +54 -1
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/six-alert.cjs.entry.js +39 -7
- package/dist/cjs/six-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/six-avatar.cjs.entry.js +1 -1
- package/dist/cjs/six-badge.cjs.entry.js +1 -1
- package/dist/cjs/six-button.cjs.entry.js +1 -1
- package/dist/cjs/six-card.cjs.entry.js +1 -1
- package/dist/cjs/six-checkbox_2.cjs.entry.js +2 -2
- package/dist/cjs/six-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/six-details.cjs.entry.js +2 -2
- package/dist/cjs/six-details.cjs.entry.js.map +1 -1
- package/dist/cjs/six-dialog.cjs.entry.js +1 -1
- package/dist/cjs/six-drawer.cjs.entry.js +1 -1
- package/dist/cjs/six-dropdown_2.cjs.entry.js +6 -4
- package/dist/cjs/six-dropdown_2.cjs.entry.js.map +1 -1
- package/dist/cjs/six-error-page.cjs.entry.js +1 -1
- package/dist/cjs/six-error.cjs.entry.js +1 -1
- package/dist/cjs/six-file-list-item.cjs.entry.js +1 -1
- package/dist/cjs/six-file-list.cjs.entry.js +1 -1
- package/dist/cjs/six-file-upload.cjs.entry.js +1 -1
- package/dist/cjs/six-footer.cjs.entry.js +1 -1
- package/dist/cjs/six-group-label.cjs.entry.js +2 -2
- package/dist/cjs/six-header.cjs.entry.js +1 -1
- package/dist/cjs/six-icon-button.cjs.entry.js +1 -1
- package/dist/cjs/six-icon.cjs.entry.js +1 -1
- package/dist/cjs/six-input.cjs.entry.js +2 -2
- package/dist/cjs/six-item-picker.cjs.entry.js +1 -1
- package/dist/cjs/six-language-switcher.cjs.entry.js +1 -1
- package/dist/cjs/six-layout-grid.cjs.entry.js +1 -1
- package/dist/cjs/six-main-container.cjs.entry.js +1 -1
- package/dist/cjs/six-menu-divider.cjs.entry.js +1 -1
- package/dist/cjs/six-menu-label.cjs.entry.js +1 -1
- package/dist/cjs/six-picto.cjs.entry.js +1 -1
- package/dist/cjs/six-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/six-progress-ring.cjs.entry.js +1 -1
- package/dist/cjs/six-radio.cjs.entry.js +1 -1
- package/dist/cjs/six-range.cjs.entry.js +2 -2
- package/dist/cjs/six-root.cjs.entry.js +2 -21
- package/dist/cjs/six-root.cjs.entry.js.map +1 -1
- package/dist/cjs/six-search-field.cjs.entry.js +1 -1
- package/dist/cjs/six-select.cjs.entry.js +2 -2
- package/dist/cjs/six-sidebar-item-group.cjs.entry.js +1 -1
- package/dist/cjs/six-sidebar-item.cjs.entry.js +1 -1
- package/dist/cjs/six-sidebar.cjs.entry.js +1 -1
- package/dist/cjs/six-spinner.cjs.entry.js +1 -1
- package/dist/cjs/six-stage-indicator.cjs.entry.js +22 -0
- package/dist/cjs/six-stage-indicator.cjs.entry.js.map +1 -0
- package/dist/cjs/six-switch.cjs.entry.js +2 -2
- package/dist/cjs/six-tab-group.cjs.entry.js +1 -1
- package/dist/cjs/six-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/six-tab.cjs.entry.js +1 -1
- package/dist/cjs/six-tag.cjs.entry.js +1 -1
- package/dist/cjs/six-textarea.cjs.entry.js +2 -2
- package/dist/cjs/six-tile.cjs.entry.js +1 -1
- package/dist/cjs/six-timepicker.cjs.entry.js +1 -1
- package/dist/cjs/six-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/ui-library.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +3 -4
- package/dist/collection/components/six-alert/six-alert.css +4 -0
- package/dist/collection/components/six-alert/six-alert.js +56 -11
- package/dist/collection/components/six-alert/six-alert.js.map +1 -1
- package/dist/collection/components/six-details/six-details.css +0 -4
- package/dist/collection/components/six-dropdown/six-dropdown.js +5 -3
- package/dist/collection/components/six-dropdown/six-dropdown.js.map +1 -1
- package/dist/collection/components/six-root/six-root.js +1 -69
- package/dist/collection/components/six-root/six-root.js.map +1 -1
- package/dist/collection/components/six-root/test/six-root.spec.js +0 -7
- package/dist/collection/components/six-root/test/six-root.spec.js.map +1 -1
- package/dist/collection/index.js +1 -0
- package/dist/collection/index.js.map +1 -1
- package/dist/collection/utils/alert.js +54 -0
- package/dist/collection/utils/alert.js.map +1 -0
- package/dist/components/index.js +55 -3
- package/dist/components/index.js.map +1 -1
- package/dist/components/six-alert.js +38 -6
- package/dist/components/six-alert.js.map +1 -1
- package/dist/components/six-details2.js +1 -1
- package/dist/components/six-details2.js.map +1 -1
- package/dist/components/six-dropdown2.js +5 -3
- package/dist/components/six-dropdown2.js.map +1 -1
- package/dist/components/six-root.js +4 -33
- package/dist/components/six-root.js.map +1 -1
- package/dist/components.json +45 -114
- package/dist/esm/{form-control-77fcccd0.js → form-control-d403a9cf.js} +2 -2
- package/dist/esm/{form-control-77fcccd0.js.map → form-control-d403a9cf.js.map} +1 -1
- package/dist/esm/{index-6c10d50b.js → index-79d4ef67.js} +13 -469
- package/dist/esm/index-79d4ef67.js.map +1 -0
- package/dist/esm/index.js +56 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/six-alert.entry.js +39 -7
- package/dist/esm/six-alert.entry.js.map +1 -1
- package/dist/esm/six-avatar.entry.js +1 -1
- package/dist/esm/six-badge.entry.js +1 -1
- package/dist/esm/six-button.entry.js +1 -1
- package/dist/esm/six-card.entry.js +1 -1
- package/dist/esm/six-checkbox_2.entry.js +2 -2
- package/dist/esm/six-datepicker.entry.js +1 -1
- package/dist/esm/six-details.entry.js +2 -2
- package/dist/esm/six-details.entry.js.map +1 -1
- package/dist/esm/six-dialog.entry.js +1 -1
- package/dist/esm/six-drawer.entry.js +1 -1
- package/dist/esm/six-dropdown_2.entry.js +6 -4
- package/dist/esm/six-dropdown_2.entry.js.map +1 -1
- package/dist/esm/six-error-page.entry.js +1 -1
- package/dist/esm/six-error.entry.js +1 -1
- package/dist/esm/six-file-list-item.entry.js +1 -1
- package/dist/esm/six-file-list.entry.js +1 -1
- package/dist/esm/six-file-upload.entry.js +1 -1
- package/dist/esm/six-footer.entry.js +1 -1
- package/dist/esm/six-group-label.entry.js +2 -2
- package/dist/esm/six-header.entry.js +1 -1
- package/dist/esm/six-icon-button.entry.js +1 -1
- package/dist/esm/six-icon.entry.js +1 -1
- package/dist/esm/six-input.entry.js +2 -2
- package/dist/esm/six-item-picker.entry.js +1 -1
- package/dist/esm/six-language-switcher.entry.js +1 -1
- package/dist/esm/six-layout-grid.entry.js +1 -1
- package/dist/esm/six-main-container.entry.js +1 -1
- package/dist/esm/six-menu-divider.entry.js +1 -1
- package/dist/esm/six-menu-label.entry.js +1 -1
- package/dist/esm/six-picto.entry.js +1 -1
- package/dist/esm/six-progress-bar.entry.js +1 -1
- package/dist/esm/six-progress-ring.entry.js +1 -1
- package/dist/esm/six-radio.entry.js +1 -1
- package/dist/esm/six-range.entry.js +2 -2
- package/dist/esm/six-root.entry.js +2 -21
- package/dist/esm/six-root.entry.js.map +1 -1
- package/dist/esm/six-search-field.entry.js +1 -1
- package/dist/esm/six-select.entry.js +2 -2
- package/dist/esm/six-sidebar-item-group.entry.js +1 -1
- package/dist/esm/six-sidebar-item.entry.js +1 -1
- package/dist/esm/six-sidebar.entry.js +1 -1
- package/dist/esm/six-spinner.entry.js +1 -1
- package/dist/esm/six-stage-indicator.entry.js +18 -0
- package/dist/esm/six-stage-indicator.entry.js.map +1 -0
- package/dist/esm/six-switch.entry.js +2 -2
- package/dist/esm/six-tab-group.entry.js +1 -1
- package/dist/esm/six-tab-panel.entry.js +1 -1
- package/dist/esm/six-tab.entry.js +1 -1
- package/dist/esm/six-tag.entry.js +1 -1
- package/dist/esm/six-textarea.entry.js +2 -2
- package/dist/esm/six-tile.entry.js +1 -1
- package/dist/esm/six-timepicker.entry.js +1 -1
- package/dist/esm/six-tooltip.entry.js +1 -1
- package/dist/esm/ui-library.js +3 -3
- package/dist/types/components/six-alert/six-alert.d.ts +13 -6
- package/dist/types/components/six-root/six-root.d.ts +0 -13
- package/dist/types/components.d.ts +8 -55
- package/dist/types/index.d.ts +1 -0
- package/dist/types/types.d.ts +1 -0
- package/dist/types/utils/alert.d.ts +10 -0
- package/dist/ui-library/index.esm.js +1 -1
- package/dist/ui-library/index.esm.js.map +1 -1
- package/dist/ui-library/{p-8c38a7bd.entry.js → p-0440335d.entry.js} +2 -2
- package/dist/ui-library/{p-d702b6ec.entry.js → p-04cc397c.entry.js} +2 -2
- package/dist/ui-library/{p-5a5f6869.entry.js → p-0edd3091.entry.js} +2 -2
- package/dist/ui-library/{p-4772a9d3.entry.js → p-150b7664.entry.js} +2 -2
- package/dist/ui-library/{p-01ae4500.entry.js → p-1f5840b5.entry.js} +2 -2
- package/dist/ui-library/{p-bff679fa.entry.js → p-28cc013e.entry.js} +2 -2
- package/dist/ui-library/{p-65778e3d.entry.js → p-3424bbc0.entry.js} +2 -2
- package/dist/ui-library/{p-2d86ba99.entry.js → p-348c68a8.entry.js} +2 -2
- package/dist/ui-library/{p-31a4a74c.entry.js → p-3723ca06.entry.js} +2 -2
- package/dist/ui-library/{p-2008636b.entry.js → p-37aeac5e.entry.js} +2 -2
- package/dist/ui-library/{p-fe87f64b.entry.js → p-3d7fb086.entry.js} +2 -2
- package/dist/ui-library/{p-979eabb5.entry.js → p-457f7373.entry.js} +2 -2
- package/dist/ui-library/{p-b8ea574b.entry.js → p-4a667f31.entry.js} +2 -2
- package/dist/ui-library/{p-021f6da9.entry.js → p-50dae789.entry.js} +2 -2
- package/dist/ui-library/{p-621c2742.entry.js → p-546e33d9.entry.js} +2 -2
- package/dist/ui-library/{p-1be990f9.entry.js → p-5db3a705.entry.js} +2 -2
- package/dist/ui-library/{p-67496e8c.js → p-61e66671.js} +2 -2
- package/dist/ui-library/{p-db9d2fde.entry.js → p-6296779b.entry.js} +2 -2
- package/dist/ui-library/{p-e0dd0307.entry.js → p-64b4755d.entry.js} +2 -2
- package/dist/ui-library/p-6c1b046e.entry.js +2 -0
- package/dist/ui-library/p-6c1b046e.entry.js.map +1 -0
- package/dist/ui-library/{p-4b154936.entry.js → p-7115316e.entry.js} +2 -2
- package/dist/ui-library/{p-2132da0a.entry.js → p-870b988d.entry.js} +2 -2
- package/dist/ui-library/{p-831517cd.entry.js → p-884c5cf9.entry.js} +2 -2
- package/dist/ui-library/{p-2cd674e0.entry.js → p-8888a367.entry.js} +2 -2
- package/dist/ui-library/{p-87e197ee.entry.js → p-935c78a7.entry.js} +2 -2
- package/dist/ui-library/{p-4a3ba956.entry.js → p-961bd001.entry.js} +2 -2
- package/dist/ui-library/{p-98ce9502.entry.js → p-9b08068d.entry.js} +2 -2
- package/dist/ui-library/{p-a036cc6f.entry.js → p-9c79341d.entry.js} +2 -2
- package/dist/ui-library/{p-adf5a4da.entry.js → p-a9c159f2.entry.js} +2 -2
- package/dist/ui-library/{p-88767c27.entry.js → p-ac57ba5c.entry.js} +2 -2
- package/dist/ui-library/p-af15381b.js +3 -0
- package/dist/ui-library/p-af15381b.js.map +1 -0
- package/dist/ui-library/{p-ace4ec84.entry.js → p-b1a5f3cd.entry.js} +2 -2
- package/dist/ui-library/{p-78529c8c.entry.js → p-b385a241.entry.js} +2 -2
- package/dist/ui-library/p-b74c5d6b.entry.js +2 -0
- package/dist/ui-library/p-b74c5d6b.entry.js.map +1 -0
- package/dist/ui-library/p-bf2fb53f.entry.js +2 -0
- package/dist/ui-library/p-bf2fb53f.entry.js.map +1 -0
- package/dist/ui-library/{p-fce214eb.entry.js → p-c2c7370b.entry.js} +2 -2
- package/dist/ui-library/{p-1b135e1c.entry.js → p-caea1eb6.entry.js} +2 -2
- package/dist/ui-library/{p-d221d86a.entry.js → p-d3f5b9a8.entry.js} +2 -2
- package/dist/ui-library/{p-4752a63c.entry.js → p-d42b18eb.entry.js} +2 -2
- package/dist/ui-library/{p-a29f6a0e.entry.js → p-d769cc36.entry.js} +2 -2
- package/dist/ui-library/{p-e340a0ad.entry.js → p-d95e292e.entry.js} +2 -2
- package/dist/ui-library/p-da7f3dbd.entry.js +2 -0
- package/dist/ui-library/p-da7f3dbd.entry.js.map +1 -0
- package/dist/ui-library/{p-a3fd8c74.entry.js → p-dfb89b6a.entry.js} +2 -2
- package/dist/ui-library/{p-1aa28025.entry.js → p-e6032375.entry.js} +2 -2
- package/dist/ui-library/{p-943ce0f2.entry.js → p-e60d2324.entry.js} +2 -2
- package/dist/ui-library/{p-0274c52c.entry.js → p-e8298c6e.entry.js} +2 -2
- package/dist/ui-library/{p-1431a2a8.entry.js → p-ed279165.entry.js} +2 -2
- package/dist/ui-library/{p-66cd3b0c.entry.js → p-ed61b75c.entry.js} +2 -2
- package/dist/ui-library/{p-391f10f1.entry.js → p-ee872c04.entry.js} +2 -2
- package/dist/ui-library/{p-3dd28dc0.entry.js → p-f1ab3384.entry.js} +2 -2
- package/dist/ui-library/p-f4ef481c.entry.js +2 -0
- package/dist/ui-library/p-f4ef481c.entry.js.map +1 -0
- package/dist/ui-library/{p-0cb135aa.entry.js → p-f8cbb8da.entry.js} +2 -2
- package/dist/ui-library/ui-library.css +1 -1
- package/dist/ui-library/ui-library.esm.js +1 -1
- package/dist/ui-library/ui-library.esm.js.map +1 -1
- package/package.json +1 -1
- package/dist/cjs/index-5dd19c4b.js.map +0 -1
- package/dist/cjs/set-attributes_2.cjs.entry.js +0 -73
- package/dist/cjs/set-attributes_2.cjs.entry.js.map +0 -1
- package/dist/collection/wrappers/set-attributes/set-attributes.js +0 -74
- package/dist/collection/wrappers/set-attributes/set-attributes.js.map +0 -1
- package/dist/collection/wrappers/set-attributes/test/set-attributes.spec.js +0 -16
- package/dist/collection/wrappers/set-attributes/test/set-attributes.spec.js.map +0 -1
- package/dist/components/set-attributes.d.ts +0 -11
- package/dist/components/set-attributes.js +0 -8
- package/dist/components/set-attributes.js.map +0 -1
- package/dist/components/set-attributes2.js +0 -73
- package/dist/components/set-attributes2.js.map +0 -1
- package/dist/esm/index-6c10d50b.js.map +0 -1
- package/dist/esm/set-attributes_2.entry.js +0 -68
- package/dist/esm/set-attributes_2.entry.js.map +0 -1
- package/dist/types/wrappers/set-attributes/set-attributes.d.ts +0 -9
- package/dist/ui-library/p-3783aed0.entry.js +0 -2
- package/dist/ui-library/p-3783aed0.entry.js.map +0 -1
- package/dist/ui-library/p-3f0f59b6.entry.js +0 -2
- package/dist/ui-library/p-3f0f59b6.entry.js.map +0 -1
- package/dist/ui-library/p-46ee280d.entry.js +0 -2
- package/dist/ui-library/p-46ee280d.entry.js.map +0 -1
- package/dist/ui-library/p-a919b557.entry.js +0 -2
- package/dist/ui-library/p-a919b557.entry.js.map +0 -1
- package/dist/ui-library/p-b5f844f7.entry.js +0 -2
- package/dist/ui-library/p-b5f844f7.entry.js.map +0 -1
- package/dist/ui-library/p-ca63a6fa.js +0 -3
- package/dist/ui-library/p-ca63a6fa.js.map +0 -1
- /package/dist/ui-library/{p-8c38a7bd.entry.js.map → p-0440335d.entry.js.map} +0 -0
- /package/dist/ui-library/{p-d702b6ec.entry.js.map → p-04cc397c.entry.js.map} +0 -0
- /package/dist/ui-library/{p-5a5f6869.entry.js.map → p-0edd3091.entry.js.map} +0 -0
- /package/dist/ui-library/{p-4772a9d3.entry.js.map → p-150b7664.entry.js.map} +0 -0
- /package/dist/ui-library/{p-01ae4500.entry.js.map → p-1f5840b5.entry.js.map} +0 -0
- /package/dist/ui-library/{p-bff679fa.entry.js.map → p-28cc013e.entry.js.map} +0 -0
- /package/dist/ui-library/{p-65778e3d.entry.js.map → p-3424bbc0.entry.js.map} +0 -0
- /package/dist/ui-library/{p-2d86ba99.entry.js.map → p-348c68a8.entry.js.map} +0 -0
- /package/dist/ui-library/{p-31a4a74c.entry.js.map → p-3723ca06.entry.js.map} +0 -0
- /package/dist/ui-library/{p-2008636b.entry.js.map → p-37aeac5e.entry.js.map} +0 -0
- /package/dist/ui-library/{p-fe87f64b.entry.js.map → p-3d7fb086.entry.js.map} +0 -0
- /package/dist/ui-library/{p-979eabb5.entry.js.map → p-457f7373.entry.js.map} +0 -0
- /package/dist/ui-library/{p-b8ea574b.entry.js.map → p-4a667f31.entry.js.map} +0 -0
- /package/dist/ui-library/{p-021f6da9.entry.js.map → p-50dae789.entry.js.map} +0 -0
- /package/dist/ui-library/{p-621c2742.entry.js.map → p-546e33d9.entry.js.map} +0 -0
- /package/dist/ui-library/{p-1be990f9.entry.js.map → p-5db3a705.entry.js.map} +0 -0
- /package/dist/ui-library/{p-67496e8c.js.map → p-61e66671.js.map} +0 -0
- /package/dist/ui-library/{p-db9d2fde.entry.js.map → p-6296779b.entry.js.map} +0 -0
- /package/dist/ui-library/{p-e0dd0307.entry.js.map → p-64b4755d.entry.js.map} +0 -0
- /package/dist/ui-library/{p-4b154936.entry.js.map → p-7115316e.entry.js.map} +0 -0
- /package/dist/ui-library/{p-2132da0a.entry.js.map → p-870b988d.entry.js.map} +0 -0
- /package/dist/ui-library/{p-831517cd.entry.js.map → p-884c5cf9.entry.js.map} +0 -0
- /package/dist/ui-library/{p-2cd674e0.entry.js.map → p-8888a367.entry.js.map} +0 -0
- /package/dist/ui-library/{p-87e197ee.entry.js.map → p-935c78a7.entry.js.map} +0 -0
- /package/dist/ui-library/{p-4a3ba956.entry.js.map → p-961bd001.entry.js.map} +0 -0
- /package/dist/ui-library/{p-98ce9502.entry.js.map → p-9b08068d.entry.js.map} +0 -0
- /package/dist/ui-library/{p-a036cc6f.entry.js.map → p-9c79341d.entry.js.map} +0 -0
- /package/dist/ui-library/{p-adf5a4da.entry.js.map → p-a9c159f2.entry.js.map} +0 -0
- /package/dist/ui-library/{p-88767c27.entry.js.map → p-ac57ba5c.entry.js.map} +0 -0
- /package/dist/ui-library/{p-ace4ec84.entry.js.map → p-b1a5f3cd.entry.js.map} +0 -0
- /package/dist/ui-library/{p-78529c8c.entry.js.map → p-b385a241.entry.js.map} +0 -0
- /package/dist/ui-library/{p-fce214eb.entry.js.map → p-c2c7370b.entry.js.map} +0 -0
- /package/dist/ui-library/{p-1b135e1c.entry.js.map → p-caea1eb6.entry.js.map} +0 -0
- /package/dist/ui-library/{p-d221d86a.entry.js.map → p-d3f5b9a8.entry.js.map} +0 -0
- /package/dist/ui-library/{p-4752a63c.entry.js.map → p-d42b18eb.entry.js.map} +0 -0
- /package/dist/ui-library/{p-a29f6a0e.entry.js.map → p-d769cc36.entry.js.map} +0 -0
- /package/dist/ui-library/{p-e340a0ad.entry.js.map → p-d95e292e.entry.js.map} +0 -0
- /package/dist/ui-library/{p-a3fd8c74.entry.js.map → p-dfb89b6a.entry.js.map} +0 -0
- /package/dist/ui-library/{p-1aa28025.entry.js.map → p-e6032375.entry.js.map} +0 -0
- /package/dist/ui-library/{p-943ce0f2.entry.js.map → p-e60d2324.entry.js.map} +0 -0
- /package/dist/ui-library/{p-0274c52c.entry.js.map → p-e8298c6e.entry.js.map} +0 -0
- /package/dist/ui-library/{p-1431a2a8.entry.js.map → p-ed279165.entry.js.map} +0 -0
- /package/dist/ui-library/{p-66cd3b0c.entry.js.map → p-ed61b75c.entry.js.map} +0 -0
- /package/dist/ui-library/{p-391f10f1.entry.js.map → p-ee872c04.entry.js.map} +0 -0
- /package/dist/ui-library/{p-3dd28dc0.entry.js.map → p-f1ab3384.entry.js.map} +0 -0
- /package/dist/ui-library/{p-0cb135aa.entry.js.map → p-f8cbb8da.entry.js.map} +0 -0
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
const NAMESPACE = 'ui-library';
|
|
2
|
-
const BUILD = /* ui-library */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
|
|
3
2
|
|
|
4
3
|
/**
|
|
5
4
|
* Virtual DOM patching algorithm based on Snabbdom by
|
|
@@ -10,11 +9,7 @@ const BUILD = /* ui-library */ { allRenderFn: true, appendChildSlotFix: false, a
|
|
|
10
9
|
* Modified for Stencil's renderer and slot projection
|
|
11
10
|
*/
|
|
12
11
|
let scopeId;
|
|
13
|
-
let contentRef;
|
|
14
12
|
let hostTagName;
|
|
15
|
-
let useNativeShadowDom = false;
|
|
16
|
-
let checkSlotFallbackVisibility = false;
|
|
17
|
-
let checkSlotRelocate = false;
|
|
18
13
|
let isSvgMode = false;
|
|
19
14
|
let queuePending = false;
|
|
20
15
|
const createTime = (fnName, tagName = '') => {
|
|
@@ -90,7 +85,6 @@ function queryNonceMetaTagContent(doc) {
|
|
|
90
85
|
const h = (nodeName, vnodeData, ...children) => {
|
|
91
86
|
let child = null;
|
|
92
87
|
let key = null;
|
|
93
|
-
let slotName = null;
|
|
94
88
|
let simple = false;
|
|
95
89
|
let lastSimple = false;
|
|
96
90
|
const vNodeChildren = [];
|
|
@@ -121,9 +115,6 @@ const h = (nodeName, vnodeData, ...children) => {
|
|
|
121
115
|
if (vnodeData.key) {
|
|
122
116
|
key = vnodeData.key;
|
|
123
117
|
}
|
|
124
|
-
if (vnodeData.name) {
|
|
125
|
-
slotName = vnodeData.name;
|
|
126
|
-
}
|
|
127
118
|
// normalize class / className attributes
|
|
128
119
|
{
|
|
129
120
|
const classData = vnodeData.className || vnodeData.class;
|
|
@@ -149,9 +140,6 @@ const h = (nodeName, vnodeData, ...children) => {
|
|
|
149
140
|
{
|
|
150
141
|
vnode.$key$ = key;
|
|
151
142
|
}
|
|
152
|
-
{
|
|
153
|
-
vnode.$name$ = slotName;
|
|
154
|
-
}
|
|
155
143
|
return vnode;
|
|
156
144
|
};
|
|
157
145
|
/**
|
|
@@ -176,9 +164,6 @@ const newVNode = (tag, text) => {
|
|
|
176
164
|
{
|
|
177
165
|
vnode.$key$ = null;
|
|
178
166
|
}
|
|
179
|
-
{
|
|
180
|
-
vnode.$name$ = null;
|
|
181
|
-
}
|
|
182
167
|
return vnode;
|
|
183
168
|
};
|
|
184
169
|
const Host = {};
|
|
@@ -593,45 +578,21 @@ const updateElement = (oldVnode, newVnode, isSvgMode, memberName) => {
|
|
|
593
578
|
* @returns the newly created node
|
|
594
579
|
*/
|
|
595
580
|
const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
596
|
-
var _a;
|
|
597
581
|
// tslint:disable-next-line: prefer-const
|
|
598
582
|
const newVNode = newParentVNode.$children$[childIndex];
|
|
599
583
|
let i = 0;
|
|
600
584
|
let elm;
|
|
601
585
|
let childNode;
|
|
602
|
-
let oldVNode;
|
|
603
|
-
if (!useNativeShadowDom) {
|
|
604
|
-
// remember for later we need to check to relocate nodes
|
|
605
|
-
checkSlotRelocate = true;
|
|
606
|
-
if (newVNode.$tag$ === 'slot') {
|
|
607
|
-
if (scopeId) {
|
|
608
|
-
// scoped css needs to add its scoped id to the parent element
|
|
609
|
-
parentElm.classList.add(scopeId + '-s');
|
|
610
|
-
}
|
|
611
|
-
newVNode.$flags$ |= newVNode.$children$
|
|
612
|
-
? // slot element has fallback content
|
|
613
|
-
2 /* VNODE_FLAGS.isSlotFallback */
|
|
614
|
-
: // slot element does not have fallback content
|
|
615
|
-
1 /* VNODE_FLAGS.isSlotReference */;
|
|
616
|
-
}
|
|
617
|
-
}
|
|
618
586
|
if (newVNode.$text$ !== null) {
|
|
619
587
|
// create text node
|
|
620
588
|
elm = newVNode.$elm$ = doc.createTextNode(newVNode.$text$);
|
|
621
589
|
}
|
|
622
|
-
else if (newVNode.$flags$ & 1 /* VNODE_FLAGS.isSlotReference */) {
|
|
623
|
-
// create a slot reference node
|
|
624
|
-
elm = newVNode.$elm$ =
|
|
625
|
-
doc.createTextNode('');
|
|
626
|
-
}
|
|
627
590
|
else {
|
|
628
591
|
if (!isSvgMode) {
|
|
629
592
|
isSvgMode = newVNode.$tag$ === 'svg';
|
|
630
593
|
}
|
|
631
594
|
// create element
|
|
632
|
-
elm = newVNode.$elm$ = (doc.createElementNS(isSvgMode ? SVG_NS : HTML_NS, newVNode.$
|
|
633
|
-
? 'slot-fb'
|
|
634
|
-
: newVNode.$tag$)
|
|
595
|
+
elm = newVNode.$elm$ = (doc.createElementNS(isSvgMode ? SVG_NS : HTML_NS, newVNode.$tag$)
|
|
635
596
|
);
|
|
636
597
|
if (isSvgMode && newVNode.$tag$ === 'foreignObject') {
|
|
637
598
|
isSvgMode = false;
|
|
@@ -648,7 +609,7 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
|
648
609
|
if (newVNode.$children$) {
|
|
649
610
|
for (i = 0; i < newVNode.$children$.length; ++i) {
|
|
650
611
|
// create the node
|
|
651
|
-
childNode = createElm(oldParentVNode, newVNode, i
|
|
612
|
+
childNode = createElm(oldParentVNode, newVNode, i);
|
|
652
613
|
// return node could have been null
|
|
653
614
|
if (childNode) {
|
|
654
615
|
// append our new node
|
|
@@ -670,59 +631,8 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
|
670
631
|
// This needs to always happen so we can hide nodes that are projected
|
|
671
632
|
// to another component but don't end up in a slot
|
|
672
633
|
elm['s-hn'] = hostTagName;
|
|
673
|
-
{
|
|
674
|
-
if (newVNode.$flags$ & (2 /* VNODE_FLAGS.isSlotFallback */ | 1 /* VNODE_FLAGS.isSlotReference */)) {
|
|
675
|
-
// remember the content reference comment
|
|
676
|
-
elm['s-sr'] = true;
|
|
677
|
-
// Persist the name of the slot that this slot was going to be projected into.
|
|
678
|
-
elm['s-fs'] = (_a = newVNode.$attrs$) === null || _a === void 0 ? void 0 : _a.slot;
|
|
679
|
-
// remember the content reference comment
|
|
680
|
-
elm['s-cr'] = contentRef;
|
|
681
|
-
// remember the slot name, or empty string for default slot
|
|
682
|
-
elm['s-sn'] = newVNode.$name$ || '';
|
|
683
|
-
// check if we've got an old vnode for this slot
|
|
684
|
-
oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
|
|
685
|
-
if (oldVNode && oldVNode.$tag$ === newVNode.$tag$ && oldParentVNode.$elm$) {
|
|
686
|
-
{
|
|
687
|
-
// we've got an old slot vnode and the wrapper is being replaced
|
|
688
|
-
// so let's move the old slot content back to its original location
|
|
689
|
-
putBackInOriginalLocation(oldParentVNode.$elm$, false);
|
|
690
|
-
}
|
|
691
|
-
}
|
|
692
|
-
}
|
|
693
|
-
}
|
|
694
634
|
return elm;
|
|
695
635
|
};
|
|
696
|
-
const putBackInOriginalLocation = (parentElm, recursive) => {
|
|
697
|
-
var _a;
|
|
698
|
-
plt.$flags$ |= 1 /* PLATFORM_FLAGS.isTmpDisconnected */;
|
|
699
|
-
const oldSlotChildNodes = parentElm.childNodes;
|
|
700
|
-
for (let i = oldSlotChildNodes.length - 1; i >= 0; i--) {
|
|
701
|
-
const childNode = oldSlotChildNodes[i];
|
|
702
|
-
if (childNode['s-hn'] !== hostTagName && childNode['s-ol']) {
|
|
703
|
-
// and relocate it back to it's original location
|
|
704
|
-
parentReferenceNode(childNode).insertBefore(childNode, referenceNode(childNode));
|
|
705
|
-
// remove the old original location comment entirely
|
|
706
|
-
// later on the patch function will know what to do
|
|
707
|
-
// and move this to the correct spot if need be
|
|
708
|
-
childNode['s-ol'].remove();
|
|
709
|
-
childNode['s-ol'] = undefined;
|
|
710
|
-
// Reset so we can correctly move the node around again.
|
|
711
|
-
childNode['s-sh'] = undefined;
|
|
712
|
-
// When putting an element node back in its original location,
|
|
713
|
-
// we need to reset the `slot` attribute back to the value it originally had
|
|
714
|
-
// so we can correctly relocate it again in the future
|
|
715
|
-
if (childNode.nodeType === 1 /* NODE_TYPE.ElementNode */) {
|
|
716
|
-
childNode.setAttribute('slot', (_a = childNode['s-sn']) !== null && _a !== void 0 ? _a : '');
|
|
717
|
-
}
|
|
718
|
-
checkSlotRelocate = true;
|
|
719
|
-
}
|
|
720
|
-
if (recursive) {
|
|
721
|
-
putBackInOriginalLocation(childNode, recursive);
|
|
722
|
-
}
|
|
723
|
-
}
|
|
724
|
-
plt.$flags$ &= ~1 /* PLATFORM_FLAGS.isTmpDisconnected */;
|
|
725
|
-
};
|
|
726
636
|
/**
|
|
727
637
|
* Create DOM nodes corresponding to a list of {@link d.Vnode} objects and
|
|
728
638
|
* add them to the DOM in the appropriate place.
|
|
@@ -739,17 +649,17 @@ const putBackInOriginalLocation = (parentElm, recursive) => {
|
|
|
739
649
|
* creating DOM nodes (inclusive)
|
|
740
650
|
*/
|
|
741
651
|
const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
|
|
742
|
-
let containerElm = (
|
|
652
|
+
let containerElm = (parentElm);
|
|
743
653
|
let childNode;
|
|
744
654
|
if (containerElm.shadowRoot && containerElm.tagName === hostTagName) {
|
|
745
655
|
containerElm = containerElm.shadowRoot;
|
|
746
656
|
}
|
|
747
657
|
for (; startIdx <= endIdx; ++startIdx) {
|
|
748
658
|
if (vnodes[startIdx]) {
|
|
749
|
-
childNode = createElm(null, parentVNode, startIdx
|
|
659
|
+
childNode = createElm(null, parentVNode, startIdx);
|
|
750
660
|
if (childNode) {
|
|
751
661
|
vnodes[startIdx].$elm$ = childNode;
|
|
752
|
-
containerElm.insertBefore(childNode,
|
|
662
|
+
containerElm.insertBefore(childNode, before);
|
|
753
663
|
}
|
|
754
664
|
}
|
|
755
665
|
}
|
|
@@ -772,20 +682,6 @@ const removeVnodes = (vnodes, startIdx, endIdx) => {
|
|
|
772
682
|
const elm = vnode.$elm$;
|
|
773
683
|
nullifyVNodeRefs(vnode);
|
|
774
684
|
if (elm) {
|
|
775
|
-
{
|
|
776
|
-
// we're removing this element
|
|
777
|
-
// so it's possible we need to show slot fallback content now
|
|
778
|
-
checkSlotFallbackVisibility = true;
|
|
779
|
-
if (elm['s-ol']) {
|
|
780
|
-
// remove the original location comment
|
|
781
|
-
elm['s-ol'].remove();
|
|
782
|
-
}
|
|
783
|
-
else {
|
|
784
|
-
// it's possible that child nodes of the node
|
|
785
|
-
// that's being removed are slot nodes
|
|
786
|
-
putBackInOriginalLocation(elm, true);
|
|
787
|
-
}
|
|
788
|
-
}
|
|
789
685
|
// remove the vnode's element from the dom
|
|
790
686
|
elm.remove();
|
|
791
687
|
}
|
|
@@ -906,23 +802,6 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh, isInitialRender = fal
|
|
|
906
802
|
newEndVnode = newCh[--newEndIdx];
|
|
907
803
|
}
|
|
908
804
|
else if (isSameVnode(oldStartVnode, newEndVnode, isInitialRender)) {
|
|
909
|
-
// case: "Vnode moved right"
|
|
910
|
-
//
|
|
911
|
-
// We've found that the last node in our window on the new children is
|
|
912
|
-
// the same VNode as the _first_ node in our window on the old children
|
|
913
|
-
// we're dealing with now. Visually, this is the layout of these two
|
|
914
|
-
// nodes:
|
|
915
|
-
//
|
|
916
|
-
// newCh: [..., newStartVnode , ... , newEndVnode , ...]
|
|
917
|
-
// ^^^^^^^^^^^
|
|
918
|
-
// oldCh: [..., oldStartVnode , ... , oldEndVnode , ...]
|
|
919
|
-
// ^^^^^^^^^^^^^
|
|
920
|
-
//
|
|
921
|
-
// In this situation we need to patch `newEndVnode` onto `oldStartVnode`
|
|
922
|
-
// and move the DOM element for `oldStartVnode`.
|
|
923
|
-
if ((oldStartVnode.$tag$ === 'slot' || newEndVnode.$tag$ === 'slot')) {
|
|
924
|
-
putBackInOriginalLocation(oldStartVnode.$elm$.parentNode, false);
|
|
925
|
-
}
|
|
926
805
|
patch(oldStartVnode, newEndVnode, isInitialRender);
|
|
927
806
|
// We need to move the element for `oldStartVnode` into a position which
|
|
928
807
|
// will be appropriate for `newEndVnode`. For this we can use
|
|
@@ -946,24 +825,6 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh, isInitialRender = fal
|
|
|
946
825
|
newEndVnode = newCh[--newEndIdx];
|
|
947
826
|
}
|
|
948
827
|
else if (isSameVnode(oldEndVnode, newStartVnode, isInitialRender)) {
|
|
949
|
-
// case: "Vnode moved left"
|
|
950
|
-
//
|
|
951
|
-
// We've found that the first node in our window on the new children is
|
|
952
|
-
// the same VNode as the _last_ node in our window on the old children.
|
|
953
|
-
// Visually, this is the layout of these two nodes:
|
|
954
|
-
//
|
|
955
|
-
// newCh: [..., newStartVnode , ... , newEndVnode , ...]
|
|
956
|
-
// ^^^^^^^^^^^^^
|
|
957
|
-
// oldCh: [..., oldStartVnode , ... , oldEndVnode , ...]
|
|
958
|
-
// ^^^^^^^^^^^
|
|
959
|
-
//
|
|
960
|
-
// In this situation we need to patch `newStartVnode` onto `oldEndVnode`
|
|
961
|
-
// (which will handle updating any changed attributes, reconciling their
|
|
962
|
-
// children etc) but we also need to move the DOM node to which
|
|
963
|
-
// `oldEndVnode` corresponds.
|
|
964
|
-
if ((oldStartVnode.$tag$ === 'slot' || newEndVnode.$tag$ === 'slot')) {
|
|
965
|
-
putBackInOriginalLocation(oldEndVnode.$elm$.parentNode, false);
|
|
966
|
-
}
|
|
967
828
|
patch(oldEndVnode, newStartVnode, isInitialRender);
|
|
968
829
|
// We've already checked above if `oldStartVnode` and `newStartVnode` are
|
|
969
830
|
// the same node, so since we're here we know that they are not. Thus we
|
|
@@ -998,7 +859,7 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh, isInitialRender = fal
|
|
|
998
859
|
elmToMove = oldCh[idxInOld];
|
|
999
860
|
if (elmToMove.$tag$ !== newStartVnode.$tag$) {
|
|
1000
861
|
// the tag doesn't match so we'll need a new DOM element
|
|
1001
|
-
node = createElm(oldCh && oldCh[newStartIdx], newVNode, idxInOld
|
|
862
|
+
node = createElm(oldCh && oldCh[newStartIdx], newVNode, idxInOld);
|
|
1002
863
|
}
|
|
1003
864
|
else {
|
|
1004
865
|
patch(elmToMove, newStartVnode, isInitialRender);
|
|
@@ -1014,13 +875,13 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh, isInitialRender = fal
|
|
|
1014
875
|
// the key of the first new child OR the build is not using `key`
|
|
1015
876
|
// attributes at all. In either case we need to create a new element
|
|
1016
877
|
// for the new node.
|
|
1017
|
-
node = createElm(oldCh && oldCh[newStartIdx], newVNode, newStartIdx
|
|
878
|
+
node = createElm(oldCh && oldCh[newStartIdx], newVNode, newStartIdx);
|
|
1018
879
|
newStartVnode = newCh[++newStartIdx];
|
|
1019
880
|
}
|
|
1020
881
|
if (node) {
|
|
1021
882
|
// if we created a new node then handle inserting it to the DOM
|
|
1022
883
|
{
|
|
1023
|
-
|
|
884
|
+
oldStartVnode.$elm$.parentNode.insertBefore(node, oldStartVnode.$elm$);
|
|
1024
885
|
}
|
|
1025
886
|
}
|
|
1026
887
|
}
|
|
@@ -1059,9 +920,6 @@ const isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
|
|
|
1059
920
|
// compare if two vnode to see if they're "technically" the same
|
|
1060
921
|
// need to have the same element tag, and same key to be the same
|
|
1061
922
|
if (leftVNode.$tag$ === rightVNode.$tag$) {
|
|
1062
|
-
if (leftVNode.$tag$ === 'slot') {
|
|
1063
|
-
return leftVNode.$name$ === rightVNode.$name$;
|
|
1064
|
-
}
|
|
1065
923
|
// this will be set if JSX tags in the build have `key` attrs set on them
|
|
1066
924
|
// we only want to check this if we're not on the first render since on
|
|
1067
925
|
// first render `leftVNode.$key$` will always be `null`, so we can be led
|
|
@@ -1074,14 +932,6 @@ const isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
|
|
|
1074
932
|
}
|
|
1075
933
|
return false;
|
|
1076
934
|
};
|
|
1077
|
-
const referenceNode = (node) => {
|
|
1078
|
-
// this node was relocated to a new location in the dom
|
|
1079
|
-
// because of some other component's slot
|
|
1080
|
-
// but we still have an html comment in place of where
|
|
1081
|
-
// it's original location was according to it's original vdom
|
|
1082
|
-
return (node && node['s-ol']) || node;
|
|
1083
|
-
};
|
|
1084
|
-
const parentReferenceNode = (node) => (node['s-ol'] ? node['s-ol'] : node).parentNode;
|
|
1085
935
|
/**
|
|
1086
936
|
* Handle reconciling an outdated VNode with a new one which corresponds to
|
|
1087
937
|
* it. This function handles flushing updates to the DOM and reconciling the
|
|
@@ -1097,7 +947,6 @@ const patch = (oldVNode, newVNode, isInitialRender = false) => {
|
|
|
1097
947
|
const newChildren = newVNode.$children$;
|
|
1098
948
|
const tag = newVNode.$tag$;
|
|
1099
949
|
const text = newVNode.$text$;
|
|
1100
|
-
let defaultHolder;
|
|
1101
950
|
if (text === null) {
|
|
1102
951
|
{
|
|
1103
952
|
// test if we're rendering an svg element, or still rendering nodes inside of one
|
|
@@ -1136,193 +985,12 @@ const patch = (oldVNode, newVNode, isInitialRender = false) => {
|
|
|
1136
985
|
isSvgMode = false;
|
|
1137
986
|
}
|
|
1138
987
|
}
|
|
1139
|
-
else if ((defaultHolder = elm['s-cr'])) {
|
|
1140
|
-
// this element has slotted content
|
|
1141
|
-
defaultHolder.parentNode.textContent = text;
|
|
1142
|
-
}
|
|
1143
988
|
else if (oldVNode.$text$ !== text) {
|
|
1144
989
|
// update the text content for the text only vnode
|
|
1145
990
|
// and also only if the text is different than before
|
|
1146
991
|
elm.data = text;
|
|
1147
992
|
}
|
|
1148
993
|
};
|
|
1149
|
-
/**
|
|
1150
|
-
* Adjust the `.hidden` property as-needed on any nodes in a DOM subtree which
|
|
1151
|
-
* are slot fallbacks nodes.
|
|
1152
|
-
*
|
|
1153
|
-
* A slot fallback node should be visible by default. Then, it should be
|
|
1154
|
-
* conditionally hidden if:
|
|
1155
|
-
*
|
|
1156
|
-
* - it has a sibling with a `slot` property set to its slot name or if
|
|
1157
|
-
* - it is a default fallback slot node, in which case we hide if it has any
|
|
1158
|
-
* content
|
|
1159
|
-
*
|
|
1160
|
-
* @param elm the element of interest
|
|
1161
|
-
*/
|
|
1162
|
-
const updateFallbackSlotVisibility = (elm) => {
|
|
1163
|
-
const childNodes = elm.childNodes;
|
|
1164
|
-
for (const childNode of childNodes) {
|
|
1165
|
-
if (childNode.nodeType === 1 /* NODE_TYPE.ElementNode */) {
|
|
1166
|
-
if (childNode['s-sr']) {
|
|
1167
|
-
// this is a slot fallback node
|
|
1168
|
-
// get the slot name for this slot reference node
|
|
1169
|
-
const slotName = childNode['s-sn'];
|
|
1170
|
-
// by default always show a fallback slot node
|
|
1171
|
-
// then hide it if there are other slots in the light dom
|
|
1172
|
-
childNode.hidden = false;
|
|
1173
|
-
// we need to check all of its sibling nodes in order to see if
|
|
1174
|
-
// `childNode` should be hidden
|
|
1175
|
-
for (const siblingNode of childNodes) {
|
|
1176
|
-
// Don't check the node against itself
|
|
1177
|
-
if (siblingNode !== childNode) {
|
|
1178
|
-
if (siblingNode['s-hn'] !== childNode['s-hn'] || slotName !== '') {
|
|
1179
|
-
// this sibling node is from a different component OR is a named
|
|
1180
|
-
// fallback slot node
|
|
1181
|
-
if (siblingNode.nodeType === 1 /* NODE_TYPE.ElementNode */ &&
|
|
1182
|
-
(slotName === siblingNode.getAttribute('slot') || slotName === siblingNode['s-sn'])) {
|
|
1183
|
-
childNode.hidden = true;
|
|
1184
|
-
break;
|
|
1185
|
-
}
|
|
1186
|
-
}
|
|
1187
|
-
else {
|
|
1188
|
-
// this is a default fallback slot node
|
|
1189
|
-
// any element or text node (with content)
|
|
1190
|
-
// should hide the default fallback slot node
|
|
1191
|
-
if (siblingNode.nodeType === 1 /* NODE_TYPE.ElementNode */ ||
|
|
1192
|
-
(siblingNode.nodeType === 3 /* NODE_TYPE.TextNode */ && siblingNode.textContent.trim() !== '')) {
|
|
1193
|
-
childNode.hidden = true;
|
|
1194
|
-
break;
|
|
1195
|
-
}
|
|
1196
|
-
}
|
|
1197
|
-
}
|
|
1198
|
-
}
|
|
1199
|
-
}
|
|
1200
|
-
// keep drilling down
|
|
1201
|
-
updateFallbackSlotVisibility(childNode);
|
|
1202
|
-
}
|
|
1203
|
-
}
|
|
1204
|
-
};
|
|
1205
|
-
/**
|
|
1206
|
-
* Component-global information about nodes which are either currently being
|
|
1207
|
-
* relocated or will be shortly.
|
|
1208
|
-
*/
|
|
1209
|
-
const relocateNodes = [];
|
|
1210
|
-
/**
|
|
1211
|
-
* Mark the contents of a slot for relocation via adding references to them to
|
|
1212
|
-
* the {@link relocateNodes} data structure. The actual work of relocating them
|
|
1213
|
-
* will then be handled in {@link renderVdom}.
|
|
1214
|
-
*
|
|
1215
|
-
* @param elm a render node whose child nodes need to be relocated
|
|
1216
|
-
*/
|
|
1217
|
-
const markSlotContentForRelocation = (elm) => {
|
|
1218
|
-
// tslint:disable-next-line: prefer-const
|
|
1219
|
-
let node;
|
|
1220
|
-
let hostContentNodes;
|
|
1221
|
-
let j;
|
|
1222
|
-
for (const childNode of elm.childNodes) {
|
|
1223
|
-
// we need to find child nodes which are slot references so we can then try
|
|
1224
|
-
// to match them up with nodes that need to be relocated
|
|
1225
|
-
if (childNode['s-sr'] && (node = childNode['s-cr']) && node.parentNode) {
|
|
1226
|
-
// first get the content reference comment node ('s-cr'), then we get
|
|
1227
|
-
// its parent, which is where all the host content is now
|
|
1228
|
-
hostContentNodes = node.parentNode.childNodes;
|
|
1229
|
-
const slotName = childNode['s-sn'];
|
|
1230
|
-
// iterate through all the nodes under the location where the host was
|
|
1231
|
-
// originally rendered
|
|
1232
|
-
for (j = hostContentNodes.length - 1; j >= 0; j--) {
|
|
1233
|
-
node = hostContentNodes[j];
|
|
1234
|
-
// check that the node is not a content reference node or a node
|
|
1235
|
-
// reference and then check that the host name does not match that of
|
|
1236
|
-
// childNode.
|
|
1237
|
-
// In addition, check that the slot either has not already been relocated, or
|
|
1238
|
-
// that its current location's host is not childNode's host. This is essentially
|
|
1239
|
-
// a check so that we don't try to relocate (and then hide) a node that is already
|
|
1240
|
-
// where it should be.
|
|
1241
|
-
if (!node['s-cn'] &&
|
|
1242
|
-
!node['s-nr'] &&
|
|
1243
|
-
node['s-hn'] !== childNode['s-hn'] &&
|
|
1244
|
-
(!BUILD.experimentalSlotFixes )) {
|
|
1245
|
-
// if `node` is located in the slot that `childNode` refers to (via the
|
|
1246
|
-
// `'s-sn'` property) then we need to relocate it from it's current spot
|
|
1247
|
-
// (under the host element parent) to the right slot location
|
|
1248
|
-
if (isNodeLocatedInSlot(node, slotName)) {
|
|
1249
|
-
// it's possible we've already decided to relocate this node
|
|
1250
|
-
let relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
|
|
1251
|
-
// made some changes to slots
|
|
1252
|
-
// let's make sure we also double check
|
|
1253
|
-
// fallbacks are correctly hidden or shown
|
|
1254
|
-
checkSlotFallbackVisibility = true;
|
|
1255
|
-
// ensure that the slot-name attr is correct
|
|
1256
|
-
node['s-sn'] = node['s-sn'] || slotName;
|
|
1257
|
-
if (relocateNodeData) {
|
|
1258
|
-
relocateNodeData.$nodeToRelocate$['s-sh'] = childNode['s-hn'];
|
|
1259
|
-
// we marked this node for relocation previously but didn't find
|
|
1260
|
-
// out the slot reference node to which it needs to be relocated
|
|
1261
|
-
// so write it down now!
|
|
1262
|
-
relocateNodeData.$slotRefNode$ = childNode;
|
|
1263
|
-
}
|
|
1264
|
-
else {
|
|
1265
|
-
node['s-sh'] = childNode['s-hn'];
|
|
1266
|
-
// add to our list of nodes to relocate
|
|
1267
|
-
relocateNodes.push({
|
|
1268
|
-
$slotRefNode$: childNode,
|
|
1269
|
-
$nodeToRelocate$: node,
|
|
1270
|
-
});
|
|
1271
|
-
}
|
|
1272
|
-
if (node['s-sr']) {
|
|
1273
|
-
relocateNodes.map((relocateNode) => {
|
|
1274
|
-
if (isNodeLocatedInSlot(relocateNode.$nodeToRelocate$, node['s-sn'])) {
|
|
1275
|
-
relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
|
|
1276
|
-
if (relocateNodeData && !relocateNode.$slotRefNode$) {
|
|
1277
|
-
relocateNode.$slotRefNode$ = relocateNodeData.$slotRefNode$;
|
|
1278
|
-
}
|
|
1279
|
-
}
|
|
1280
|
-
});
|
|
1281
|
-
}
|
|
1282
|
-
}
|
|
1283
|
-
else if (!relocateNodes.some((r) => r.$nodeToRelocate$ === node)) {
|
|
1284
|
-
// the node is not found within the slot (`childNode`) that we're
|
|
1285
|
-
// currently looking at, so we stick it into `relocateNodes` to
|
|
1286
|
-
// handle later. If we never find a home for this element then
|
|
1287
|
-
// we'll need to hide it
|
|
1288
|
-
relocateNodes.push({
|
|
1289
|
-
$nodeToRelocate$: node,
|
|
1290
|
-
});
|
|
1291
|
-
}
|
|
1292
|
-
}
|
|
1293
|
-
}
|
|
1294
|
-
}
|
|
1295
|
-
// if we're dealing with any type of element (capable of itself being a
|
|
1296
|
-
// slot reference or containing one) then we recur
|
|
1297
|
-
if (childNode.nodeType === 1 /* NODE_TYPE.ElementNode */) {
|
|
1298
|
-
markSlotContentForRelocation(childNode);
|
|
1299
|
-
}
|
|
1300
|
-
}
|
|
1301
|
-
};
|
|
1302
|
-
/**
|
|
1303
|
-
* Check whether a node is located in a given named slot.
|
|
1304
|
-
*
|
|
1305
|
-
* @param nodeToRelocate the node of interest
|
|
1306
|
-
* @param slotName the slot name to check
|
|
1307
|
-
* @returns whether the node is located in the slot or not
|
|
1308
|
-
*/
|
|
1309
|
-
const isNodeLocatedInSlot = (nodeToRelocate, slotName) => {
|
|
1310
|
-
if (nodeToRelocate.nodeType === 1 /* NODE_TYPE.ElementNode */) {
|
|
1311
|
-
if (nodeToRelocate.getAttribute('slot') === null && slotName === '') {
|
|
1312
|
-
// if the node doesn't have a slot attribute, and the slot we're checking
|
|
1313
|
-
// is not a named slot, then we assume the node should be within the slot
|
|
1314
|
-
return true;
|
|
1315
|
-
}
|
|
1316
|
-
if (nodeToRelocate.getAttribute('slot') === slotName) {
|
|
1317
|
-
return true;
|
|
1318
|
-
}
|
|
1319
|
-
return false;
|
|
1320
|
-
}
|
|
1321
|
-
if (nodeToRelocate['s-sn'] === slotName) {
|
|
1322
|
-
return true;
|
|
1323
|
-
}
|
|
1324
|
-
return slotName === '';
|
|
1325
|
-
};
|
|
1326
994
|
/**
|
|
1327
995
|
* 'Nullify' any VDom `ref` callbacks on a VDom node or its children by calling
|
|
1328
996
|
* them with `null`. This signals that the DOM element corresponding to the VDom
|
|
@@ -1350,7 +1018,6 @@ const nullifyVNodeRefs = (vNode) => {
|
|
|
1350
1018
|
* @param isInitialLoad whether or not this is the first call after page load
|
|
1351
1019
|
*/
|
|
1352
1020
|
const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
1353
|
-
var _a, _b, _c, _d;
|
|
1354
1021
|
const hostElm = hostRef.$hostElement$;
|
|
1355
1022
|
const cmpMeta = hostRef.$cmpMeta$;
|
|
1356
1023
|
const oldVNode = hostRef.$vnode$ || newVNode(null, null);
|
|
@@ -1393,110 +1060,8 @@ const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
|
1393
1060
|
{
|
|
1394
1061
|
scopeId = hostElm['s-sc'];
|
|
1395
1062
|
}
|
|
1396
|
-
{
|
|
1397
|
-
contentRef = hostElm['s-cr'];
|
|
1398
|
-
useNativeShadowDom = (cmpMeta.$flags$ & 1 /* CMP_FLAGS.shadowDomEncapsulation */) !== 0;
|
|
1399
|
-
// always reset
|
|
1400
|
-
checkSlotFallbackVisibility = false;
|
|
1401
|
-
}
|
|
1402
1063
|
// synchronous patch
|
|
1403
1064
|
patch(oldVNode, rootVnode, isInitialLoad);
|
|
1404
|
-
{
|
|
1405
|
-
// while we're moving nodes around existing nodes, temporarily disable
|
|
1406
|
-
// the disconnectCallback from working
|
|
1407
|
-
plt.$flags$ |= 1 /* PLATFORM_FLAGS.isTmpDisconnected */;
|
|
1408
|
-
if (checkSlotRelocate) {
|
|
1409
|
-
markSlotContentForRelocation(rootVnode.$elm$);
|
|
1410
|
-
for (const relocateData of relocateNodes) {
|
|
1411
|
-
const nodeToRelocate = relocateData.$nodeToRelocate$;
|
|
1412
|
-
if (!nodeToRelocate['s-ol']) {
|
|
1413
|
-
// add a reference node marking this node's original location
|
|
1414
|
-
// keep a reference to this node for later lookups
|
|
1415
|
-
const orgLocationNode = doc.createTextNode('');
|
|
1416
|
-
orgLocationNode['s-nr'] = nodeToRelocate;
|
|
1417
|
-
nodeToRelocate.parentNode.insertBefore((nodeToRelocate['s-ol'] = orgLocationNode), nodeToRelocate);
|
|
1418
|
-
}
|
|
1419
|
-
}
|
|
1420
|
-
for (const relocateData of relocateNodes) {
|
|
1421
|
-
const nodeToRelocate = relocateData.$nodeToRelocate$;
|
|
1422
|
-
const slotRefNode = relocateData.$slotRefNode$;
|
|
1423
|
-
if (slotRefNode) {
|
|
1424
|
-
const parentNodeRef = slotRefNode.parentNode;
|
|
1425
|
-
// When determining where to insert content, the most simple case would be
|
|
1426
|
-
// to relocate the node immediately following the slot reference node. We do this
|
|
1427
|
-
// by getting a reference to the node immediately following the slot reference node
|
|
1428
|
-
// since we will use `insertBefore` to manipulate the DOM.
|
|
1429
|
-
//
|
|
1430
|
-
// If there is no node immediately following the slot reference node, then we will just
|
|
1431
|
-
// end up appending the node as the last child of the parent.
|
|
1432
|
-
let insertBeforeNode = slotRefNode.nextSibling;
|
|
1433
|
-
// If the node we're currently planning on inserting the new node before is an element,
|
|
1434
|
-
// we need to do some additional checks to make sure we're inserting the node in the correct order.
|
|
1435
|
-
// The use case here would be that we have multiple nodes being relocated to the same slot. So, we want
|
|
1436
|
-
// to make sure they get inserted into their new how in the same order they were declared in their original location.
|
|
1437
|
-
//
|
|
1438
|
-
// TODO(STENCIL-914): Remove `experimentalSlotFixes` check
|
|
1439
|
-
{
|
|
1440
|
-
let orgLocationNode = (_a = nodeToRelocate['s-ol']) === null || _a === void 0 ? void 0 : _a.previousSibling;
|
|
1441
|
-
while (orgLocationNode) {
|
|
1442
|
-
let refNode = (_b = orgLocationNode['s-nr']) !== null && _b !== void 0 ? _b : null;
|
|
1443
|
-
if (refNode && refNode['s-sn'] === nodeToRelocate['s-sn'] && parentNodeRef === refNode.parentNode) {
|
|
1444
|
-
refNode = refNode.nextSibling;
|
|
1445
|
-
if (!refNode || !refNode['s-nr']) {
|
|
1446
|
-
insertBeforeNode = refNode;
|
|
1447
|
-
break;
|
|
1448
|
-
}
|
|
1449
|
-
}
|
|
1450
|
-
orgLocationNode = orgLocationNode.previousSibling;
|
|
1451
|
-
}
|
|
1452
|
-
}
|
|
1453
|
-
if ((!insertBeforeNode && parentNodeRef !== nodeToRelocate.parentNode) ||
|
|
1454
|
-
nodeToRelocate.nextSibling !== insertBeforeNode) {
|
|
1455
|
-
// we've checked that it's worth while to relocate
|
|
1456
|
-
// since that the node to relocate
|
|
1457
|
-
// has a different next sibling or parent relocated
|
|
1458
|
-
if (nodeToRelocate !== insertBeforeNode) {
|
|
1459
|
-
if (!nodeToRelocate['s-hn'] && nodeToRelocate['s-ol']) {
|
|
1460
|
-
// probably a component in the index.html that doesn't have its hostname set
|
|
1461
|
-
nodeToRelocate['s-hn'] = nodeToRelocate['s-ol'].parentNode.nodeName;
|
|
1462
|
-
}
|
|
1463
|
-
// Add it back to the dom but in its new home
|
|
1464
|
-
// If we get to this point and `insertBeforeNode` is `null`, that means
|
|
1465
|
-
// we're just going to append the node as the last child of the parent. Passing
|
|
1466
|
-
// `null` as the second arg here will trigger that behavior.
|
|
1467
|
-
parentNodeRef.insertBefore(nodeToRelocate, insertBeforeNode);
|
|
1468
|
-
// Reset the `hidden` value back to what it was defined as originally
|
|
1469
|
-
// This solves a problem where a `slot` is dynamically rendered and `hidden` may have
|
|
1470
|
-
// been set on content originally, but now it has a slot to go to so it should have
|
|
1471
|
-
// the value it was defined as having in the DOM, not what we overrode it to.
|
|
1472
|
-
if (nodeToRelocate.nodeType === 1 /* NODE_TYPE.ElementNode */) {
|
|
1473
|
-
nodeToRelocate.hidden = (_c = nodeToRelocate['s-ih']) !== null && _c !== void 0 ? _c : false;
|
|
1474
|
-
}
|
|
1475
|
-
}
|
|
1476
|
-
}
|
|
1477
|
-
}
|
|
1478
|
-
else {
|
|
1479
|
-
// this node doesn't have a slot home to go to, so let's hide it
|
|
1480
|
-
if (nodeToRelocate.nodeType === 1 /* NODE_TYPE.ElementNode */) {
|
|
1481
|
-
// Store the initial value of `hidden` so we can reset it later when
|
|
1482
|
-
// moving nodes around.
|
|
1483
|
-
if (isInitialLoad) {
|
|
1484
|
-
nodeToRelocate['s-ih'] = (_d = nodeToRelocate.hidden) !== null && _d !== void 0 ? _d : false;
|
|
1485
|
-
}
|
|
1486
|
-
nodeToRelocate.hidden = true;
|
|
1487
|
-
}
|
|
1488
|
-
}
|
|
1489
|
-
}
|
|
1490
|
-
}
|
|
1491
|
-
if (checkSlotFallbackVisibility) {
|
|
1492
|
-
updateFallbackSlotVisibility(rootVnode.$elm$);
|
|
1493
|
-
}
|
|
1494
|
-
// done moving nodes around
|
|
1495
|
-
// allow the disconnect callback to work again
|
|
1496
|
-
plt.$flags$ &= ~1 /* PLATFORM_FLAGS.isTmpDisconnected */;
|
|
1497
|
-
// always reset
|
|
1498
|
-
relocateNodes.length = 0;
|
|
1499
|
-
}
|
|
1500
1065
|
};
|
|
1501
1066
|
const attachToAncestor = (hostRef, ancestorComponent) => {
|
|
1502
1067
|
if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent['s-p']) {
|
|
@@ -2055,16 +1620,6 @@ const connectedCallback = (elm) => {
|
|
|
2055
1620
|
if (!(hostRef.$flags$ & 1 /* HOST_FLAGS.hasConnected */)) {
|
|
2056
1621
|
// first time this component has connected
|
|
2057
1622
|
hostRef.$flags$ |= 1 /* HOST_FLAGS.hasConnected */;
|
|
2058
|
-
{
|
|
2059
|
-
// initUpdate
|
|
2060
|
-
// if the slot polyfill is required we'll need to put some nodes
|
|
2061
|
-
// in here to act as original content anchors as we move nodes around
|
|
2062
|
-
// host element has been connected to the DOM
|
|
2063
|
-
if ((// TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
|
|
2064
|
-
cmpMeta.$flags$ & (4 /* CMP_FLAGS.hasSlotRelocation */ | 8 /* CMP_FLAGS.needsShadowDomShim */))) {
|
|
2065
|
-
setContentReference(elm);
|
|
2066
|
-
}
|
|
2067
|
-
}
|
|
2068
1623
|
{
|
|
2069
1624
|
// find the first ancestor component (if there is one) and register
|
|
2070
1625
|
// this component as one of the actively loading child components for its ancestor
|
|
@@ -2111,17 +1666,6 @@ const connectedCallback = (elm) => {
|
|
|
2111
1666
|
endConnected();
|
|
2112
1667
|
}
|
|
2113
1668
|
};
|
|
2114
|
-
const setContentReference = (elm) => {
|
|
2115
|
-
// only required when we're NOT using native shadow dom (slot)
|
|
2116
|
-
// or this browser doesn't support native shadow dom
|
|
2117
|
-
// and this host element was NOT created with SSR
|
|
2118
|
-
// let's pick out the inner content for slot projection
|
|
2119
|
-
// create a node to represent where the original
|
|
2120
|
-
// content was first placed, which is useful later on
|
|
2121
|
-
const contentRefElm = (elm['s-cr'] = doc.createComment(''));
|
|
2122
|
-
contentRefElm['s-cn'] = true;
|
|
2123
|
-
elm.insertBefore(contentRefElm, elm.firstChild);
|
|
2124
|
-
};
|
|
2125
1669
|
const disconnectInstance = (instance) => {
|
|
2126
1670
|
{
|
|
2127
1671
|
safeCall(instance, 'disconnectedCallback');
|
|
@@ -2517,10 +2061,6 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
2517
2061
|
return import(
|
|
2518
2062
|
/* webpackMode: "lazy" */
|
|
2519
2063
|
'./six-tile.entry.js').then(processMod, consoleError);
|
|
2520
|
-
case 'set-attributes_2':
|
|
2521
|
-
return import(
|
|
2522
|
-
/* webpackMode: "lazy" */
|
|
2523
|
-
'./set-attributes_2.entry.js').then(processMod, consoleError);
|
|
2524
2064
|
case 'six-button':
|
|
2525
2065
|
return import(
|
|
2526
2066
|
/* webpackMode: "lazy" */
|
|
@@ -2533,6 +2073,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
2533
2073
|
return import(
|
|
2534
2074
|
/* webpackMode: "lazy" */
|
|
2535
2075
|
'./six-picto.entry.js').then(processMod, consoleError);
|
|
2076
|
+
case 'six-stage-indicator':
|
|
2077
|
+
return import(
|
|
2078
|
+
/* webpackMode: "lazy" */
|
|
2079
|
+
'./six-stage-indicator.entry.js').then(processMod, consoleError);
|
|
2536
2080
|
case 'six-timepicker':
|
|
2537
2081
|
return import(
|
|
2538
2082
|
/* webpackMode: "lazy" */
|
|
@@ -2654,4 +2198,4 @@ const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
|
|
|
2654
2198
|
|
|
2655
2199
|
export { Host as H, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
|
|
2656
2200
|
|
|
2657
|
-
//# sourceMappingURL=index-
|
|
2201
|
+
//# sourceMappingURL=index-79d4ef67.js.map
|