@zanichelli/albe-web-components 6.6.10-test → 6.8.0
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/CHANGELOG.md +19 -0
- package/dist/cjs/_commonjsHelpers-537d719a.js +20 -0
- package/dist/cjs/breakpoints-88c4fd6c.js +7 -0
- package/{www/build/hammer-782a2043.js → dist/cjs/hammer-4f20813e.js} +6 -5
- package/{www/build/icons-85e529a3.js → dist/cjs/icons-9e555ff7.js} +3 -1
- package/{www/build/index-291c96fb.js → dist/cjs/index-e3299e0a.js} +521 -1473
- package/dist/cjs/index-fa110f37.js +311 -0
- package/dist/cjs/index.cjs.js +295 -0
- package/dist/cjs/loader.cjs.js +21 -0
- package/dist/cjs/utils-600bad93.js +100 -0
- package/{www/build/utils-d783f6be.js → dist/cjs/utils-8bc9056f.js} +22 -38
- package/dist/cjs/web-components-library.cjs.js +19 -0
- package/dist/{web-components-library/z-alert.entry.js → cjs/z-alert.cjs.entry.js} +8 -4
- package/{www/build/z-anchor-navigation.entry.js → dist/cjs/z-anchor-navigation.cjs.entry.js} +9 -5
- package/dist/cjs/z-app-header_2.cjs.entry.js +153 -0
- package/dist/{web-components-library/z-app-switcher.entry.js → cjs/z-app-switcher.cjs.entry.js} +11 -7
- package/dist/cjs/z-aria-alert.cjs.entry.js +19 -0
- package/dist/{web-components-library/z-avatar.entry.js → cjs/z-avatar.cjs.entry.js} +14 -10
- package/dist/{web-components-library/z-typography.entry.js → cjs/z-body_2.cjs.entry.js} +21 -5
- package/dist/{web-components-library/z-button-sort.entry.js → cjs/z-button-sort.cjs.entry.js} +11 -7
- package/{www/build/z-button.entry.js → dist/cjs/z-button.cjs.entry.js} +14 -10
- package/dist/{web-components-library/z-card.entry.js → cjs/z-card.cjs.entry.js} +21 -17
- package/dist/{web-components-library/z-carousel.entry.js → cjs/z-carousel.cjs.entry.js} +15 -11
- package/{www/build/z-chip.entry.js → dist/cjs/z-chip.cjs.entry.js} +16 -12
- package/dist/{web-components-library/z-combobox.entry.js → cjs/z-combobox.cjs.entry.js} +27 -23
- package/{www/build/z-contextual-menu.entry.js → dist/cjs/z-contextual-menu.cjs.entry.js} +11 -7
- package/dist/{web-components-library/z-cover-hero.entry.js → cjs/z-cover-hero.cjs.entry.js} +16 -12
- package/dist/{web-components-library/z-date-picker.entry.js → cjs/z-date-picker.cjs.entry.js} +39 -41
- package/{www/build/z-divider.entry.js → dist/cjs/z-divider.cjs.entry.js} +11 -7
- package/dist/cjs/z-dragdrop-area_3.cjs.entry.js +76 -0
- package/{www/build/z-file-upload.entry.js → dist/cjs/z-file-upload.cjs.entry.js} +27 -23
- package/{www/build/z-file.entry.js → dist/cjs/z-file.cjs.entry.js} +13 -9
- package/{www/build/z-ghost-loading.entry.js → dist/cjs/z-ghost-loading.cjs.entry.js} +8 -4
- package/{www/build/z-info-box.entry.js → dist/cjs/z-info-box.cjs.entry.js} +9 -5
- package/dist/{web-components-library/z-info-reveal.entry.js → cjs/z-info-reveal.cjs.entry.js} +11 -7
- package/dist/cjs/z-input_2.cjs.entry.js +266 -0
- package/{www/build/z-link.entry.js → dist/cjs/z-link.cjs.entry.js} +12 -8
- package/dist/cjs/z-list_3.cjs.entry.js +261 -0
- package/dist/{web-components-library/z-logo.entry.js → cjs/z-logo.cjs.entry.js} +8 -4
- package/dist/{web-components-library/z-menu-section.entry.js → cjs/z-menu-section.cjs.entry.js} +11 -7
- package/dist/{web-components-library/z-menu.entry.js → cjs/z-menu.cjs.entry.js} +14 -10
- package/{www/build/z-messages-pocket.entry.js → dist/cjs/z-messages-pocket.cjs.entry.js} +17 -13
- package/dist/{web-components-library/z-myz-card-alert.entry.js → cjs/z-myz-card-alert.cjs.entry.js} +12 -8
- package/dist/{web-components-library/z-myz-card-dictionary.entry.js → cjs/z-myz-card-dictionary.cjs.entry.js} +10 -6
- package/{www/build/z-myz-card-footer-sections.entry.js → dist/cjs/z-myz-card-footer-sections.cjs.entry.js} +8 -4
- package/{www/build/z-myz-card-footer.entry.js → dist/cjs/z-myz-card-footer.cjs.entry.js} +12 -8
- package/{www/build/z-myz-card-icon.entry.js → dist/cjs/z-myz-card-icon.cjs.entry.js} +8 -4
- package/{www/build/z-myz-card-info.entry.js → dist/cjs/z-myz-card-info.cjs.entry.js} +23 -19
- package/{www/build/z-myz-card-list.entry.js → dist/cjs/z-myz-card-list.cjs.entry.js} +11 -7
- package/dist/cjs/z-myz-card_4.cjs.entry.js +108 -0
- package/{www/build/z-myz-list-item.entry.js → dist/cjs/z-myz-list-item.cjs.entry.js} +13 -9
- package/{www/build/z-myz-list.entry.js → dist/cjs/z-myz-list.cjs.entry.js} +9 -5
- package/{www/build/z-navigation-tab-link.entry.js → dist/cjs/z-navigation-tab-link.cjs.entry.js} +16 -12
- package/dist/{web-components-library/z-navigation-tab.entry.js → cjs/z-navigation-tab.cjs.entry.js} +16 -12
- package/dist/{web-components-library/z-navigation-tabs.entry.js → cjs/z-navigation-tabs.cjs.entry.js} +17 -13
- package/{www/build/z-notification.entry.js → dist/cjs/z-notification.cjs.entry.js} +10 -6
- package/{www/build/z-offcanvas.entry.js → dist/cjs/z-offcanvas.cjs.entry.js} +16 -12
- package/{www/build/z-otp.entry.js → dist/cjs/z-otp.cjs.entry.js} +11 -7
- package/{www/build/z-pagination.entry.js → dist/cjs/z-pagination.cjs.entry.js} +23 -19
- package/dist/cjs/z-panel-elem.cjs.entry.js +30 -0
- package/dist/{web-components-library/z-pocket-message.entry.js → cjs/z-pocket-message.cjs.entry.js} +8 -4
- package/dist/cjs/z-pocket_3.cjs.entry.js +125 -0
- package/dist/{web-components-library/z-popover.entry.js → cjs/z-popover.cjs.entry.js} +33 -29
- package/{www/build/z-range-picker.entry.js → dist/cjs/z-range-picker.cjs.entry.js} +32 -28
- package/dist/{web-components-library/z-searchbar.entry.js → cjs/z-searchbar.cjs.entry.js} +27 -23
- package/{www/build/z-section-title.entry.js → dist/cjs/z-section-title.cjs.entry.js} +11 -7
- package/{www/build/z-select.entry.js → dist/cjs/z-select.cjs.entry.js} +29 -25
- package/dist/{web-components-library/z-skip-to-content.entry.js → cjs/z-skip-to-content.cjs.entry.js} +14 -10
- package/{www/build/z-slideshow.entry.js → dist/cjs/z-slideshow.cjs.entry.js} +23 -19
- package/{www/build/z-stepper-item.entry.js → dist/cjs/z-stepper-item.cjs.entry.js} +9 -5
- package/dist/{web-components-library/z-stepper.entry.js → cjs/z-stepper.cjs.entry.js} +8 -4
- package/{www/build/z-table-body.entry.js → dist/cjs/z-table-body.cjs.entry.js} +9 -5
- package/{www/build/z-table-cell.entry.js → dist/cjs/z-table-cell.cjs.entry.js} +13 -9
- package/{www/build/z-table-empty-box.entry.js → dist/cjs/z-table-empty-box.cjs.entry.js} +10 -6
- package/dist/cjs/z-table-expanded-row.cjs.entry.js +19 -0
- package/{www/build/z-table-footer.entry.js → dist/cjs/z-table-footer.cjs.entry.js} +9 -5
- package/{www/build/z-table-head.entry.js → dist/cjs/z-table-head.cjs.entry.js} +9 -5
- package/dist/{web-components-library/z-table-header-row.entry.js → cjs/z-table-header-row.cjs.entry.js} +9 -5
- package/dist/{web-components-library/z-table-header.entry.js → cjs/z-table-header.cjs.entry.js} +26 -22
- package/dist/{web-components-library/z-table-row.entry.js → cjs/z-table-row.cjs.entry.js} +16 -12
- package/dist/{web-components-library/z-table-sticky-footer.entry.js → cjs/z-table-sticky-footer.cjs.entry.js} +8 -4
- package/dist/{web-components-library/z-table.entry.js → cjs/z-table.cjs.entry.js} +20 -16
- package/{www/build/z-tag.entry.js → dist/cjs/z-tag.cjs.entry.js} +9 -5
- package/dist/{web-components-library/z-toast-notification-list.entry.js → cjs/z-toast-notification-list.cjs.entry.js} +11 -7
- package/{www/build/z-toast-notification.entry.js → dist/cjs/z-toast-notification.cjs.entry.js} +34 -30
- package/dist/{web-components-library/z-toggle-button.entry.js → cjs/z-toggle-button.cjs.entry.js} +10 -6
- package/{www/build/z-toggle-switch.entry.js → dist/cjs/z-toggle-switch.cjs.entry.js} +16 -12
- package/{www/build/z-tooltip.entry.js → dist/cjs/z-tooltip.cjs.entry.js} +10 -6
- package/dist/{web-components-library/z-visually-hidden.entry.js → cjs/z-visually-hidden.cjs.entry.js} +8 -4
- package/{www/build/index-968a240f.js → dist/collection/beans/index.js} +47 -49
- package/dist/collection/collection-manifest.json +100 -0
- package/dist/collection/components/buttons/z-button/index.js +241 -0
- package/dist/collection/components/buttons/z-button/styles.css +149 -0
- package/dist/collection/components/buttons/z-button-sort/index.js +220 -0
- package/dist/collection/components/buttons/z-button-sort/styles.css +101 -0
- package/dist/collection/components/buttons/z-chip/index.js +133 -0
- package/dist/collection/components/buttons/z-chip/styles.css +131 -0
- package/dist/collection/components/buttons/z-toggle-button/index.js +126 -0
- package/dist/collection/components/buttons/z-toggle-button/styles.css +62 -0
- package/dist/collection/components/buttons/z-toggle-switch/index.js +144 -0
- package/dist/collection/components/buttons/z-toggle-switch/styles.css +104 -0
- package/dist/collection/components/date-picker/styles.css +565 -0
- package/dist/collection/components/date-picker/utils.js +76 -0
- package/dist/collection/components/date-picker/z-date-picker/index.js +295 -0
- package/dist/collection/components/date-picker/z-range-picker/index.js +499 -0
- package/dist/collection/components/file-upload/z-dragdrop-area/index.js +53 -0
- package/dist/collection/components/file-upload/z-dragdrop-area/styles.css +51 -0
- package/dist/collection/components/file-upload/z-file/index.js +131 -0
- package/dist/collection/components/file-upload/z-file/styles.css +23 -0
- package/dist/collection/components/file-upload/z-file-upload/index.js +363 -0
- package/dist/collection/components/file-upload/z-file-upload/styles.css +84 -0
- package/dist/collection/components/icons/icons.js +747 -0
- package/dist/collection/components/icons/z-icon/index.js +114 -0
- package/dist/collection/components/icons/z-icon/styles.css +14 -0
- package/dist/collection/components/index.js +8 -0
- package/dist/collection/components/indicators/z-stepper/index.js +21 -0
- package/dist/collection/components/indicators/z-stepper/styles.css +19 -0
- package/dist/collection/components/indicators/z-stepper-item/index.js +93 -0
- package/dist/collection/components/indicators/z-stepper-item/styles.css +114 -0
- package/dist/collection/components/inputs/z-combobox/index.js +545 -0
- package/dist/collection/components/inputs/z-combobox/styles.css +159 -0
- package/dist/collection/components/inputs/z-input/index.js +733 -0
- package/dist/collection/components/inputs/z-input/styles.css +327 -0
- package/dist/collection/components/inputs/z-input-message/index.js +89 -0
- package/dist/collection/components/inputs/z-input-message/styles.css +33 -0
- package/dist/collection/components/inputs/z-searchbar/index.js +516 -0
- package/dist/collection/components/inputs/z-searchbar/styles.css +211 -0
- package/dist/collection/components/inputs/z-select/index.js +633 -0
- package/dist/collection/components/inputs/z-select/styles.css +88 -0
- package/dist/collection/components/list/z-list/index.js +91 -0
- package/dist/collection/components/list/z-list/styles.css +6 -0
- package/dist/collection/components/list/z-list-element/index.js +508 -0
- package/dist/collection/components/list/z-list-element/styles.css +121 -0
- package/dist/collection/components/list/z-list-group/index.js +175 -0
- package/dist/collection/components/list/z-list-group/styles.css +21 -0
- package/dist/collection/components/list/z-toast-notification-list/index.js +105 -0
- package/dist/collection/components/list/z-toast-notification-list/styles.css +100 -0
- package/dist/collection/components/logo/z-logo/index.js +131 -0
- package/dist/collection/components/logo/z-logo/styles.css +29 -0
- package/dist/collection/components/modal/z-modal/index.js +156 -0
- package/dist/collection/components/modal/z-modal/styles.css +179 -0
- package/dist/collection/components/navigation/tabs/navigation-tab.css +136 -0
- package/dist/collection/components/navigation/tabs/z-navigation-tab/index.js +242 -0
- package/dist/collection/components/navigation/tabs/z-navigation-tab-link/index.js +264 -0
- package/dist/collection/components/navigation/tabs/z-navigation-tabs/index.js +200 -0
- package/dist/collection/components/navigation/tabs/z-navigation-tabs/styles.css +104 -0
- package/dist/collection/components/navigation/z-app-header/index.js +306 -0
- package/dist/collection/components/navigation/z-app-header/styles.css +420 -0
- package/dist/collection/components/navigation/z-app-switcher/index.js +79 -0
- package/dist/collection/components/navigation/z-app-switcher/styles.css +23 -0
- package/dist/collection/components/navigation/z-link/index.js +317 -0
- package/dist/collection/components/navigation/z-link/styles.css +167 -0
- package/dist/collection/components/navigation/z-menu/index.js +225 -0
- package/dist/collection/components/navigation/z-menu/styles.css +146 -0
- package/dist/collection/components/navigation/z-menu-section/index.js +116 -0
- package/dist/collection/components/navigation/z-menu-section/styles.css +91 -0
- package/dist/collection/components/notification/z-info-box/index.js +85 -0
- package/dist/collection/components/notification/z-info-box/styles.css +23 -0
- package/dist/collection/components/notification/z-notification/index.js +195 -0
- package/dist/collection/components/notification/z-notification/styles.css +114 -0
- package/dist/collection/components/notification/z-toast-notification/index.js +399 -0
- package/dist/collection/components/notification/z-toast-notification/styles.css +254 -0
- package/dist/collection/components/notification/z-tooltip/index.js +133 -0
- package/dist/collection/components/notification/z-tooltip/styles.css +16 -0
- package/dist/collection/components/panel/z-panel-elem/index.js +193 -0
- package/dist/collection/components/panel/z-panel-elem/styles.css +39 -0
- package/dist/collection/components/typography/z-body/index.js +68 -0
- package/dist/collection/components/typography/z-heading/index.js +68 -0
- package/dist/collection/components/typography/z-typography/index.js +91 -0
- package/dist/collection/components/typography/z-typography/styles.css +65 -0
- package/dist/collection/components/z-anchor-navigation/index.js +95 -0
- package/dist/collection/components/z-anchor-navigation/styles.css +129 -0
- package/dist/collection/components/z-aria-alert/index.js +39 -0
- package/dist/collection/components/z-avatar/index.js +142 -0
- package/dist/collection/components/z-avatar/styles.css +32 -0
- package/dist/collection/components/z-card/index.js +177 -0
- package/dist/collection/components/z-card/styles.css +206 -0
- package/dist/collection/components/z-carousel/index.js +300 -0
- package/dist/collection/components/z-carousel/styles.css +129 -0
- package/dist/collection/components/z-contextual-menu/index.js +126 -0
- package/dist/collection/components/z-contextual-menu/styles.css +60 -0
- package/dist/collection/components/z-cover-hero/index.js +103 -0
- package/dist/collection/components/z-cover-hero/styles.css +78 -0
- package/dist/collection/components/z-divider/index.js +95 -0
- package/dist/collection/components/z-divider/styles.css +37 -0
- package/dist/collection/components/z-ghost-loading/index.js +18 -0
- package/dist/collection/components/z-ghost-loading/styles.css +34 -0
- package/dist/collection/components/z-info-reveal/index.js +147 -0
- package/dist/collection/components/z-info-reveal/styles.css +103 -0
- package/dist/collection/components/z-offcanvas/index.js +162 -0
- package/dist/collection/components/z-offcanvas/styles.css +191 -0
- package/dist/collection/components/z-pagination/index.js +435 -0
- package/dist/collection/components/z-pagination/styles.css +199 -0
- package/dist/collection/components/z-popover/index.js +512 -0
- package/dist/collection/components/z-popover/styles.css +147 -0
- package/dist/collection/components/z-section-title/index.js +88 -0
- package/dist/collection/components/z-section-title/styles.css +44 -0
- package/dist/collection/components/z-skip-to-content/index.js +139 -0
- package/dist/collection/components/z-skip-to-content/styles.css +80 -0
- package/dist/collection/components/z-table/z-table/index.js +352 -0
- package/dist/collection/components/z-table/z-table/styles.css +115 -0
- package/dist/collection/components/z-table/z-table-body/index.js +23 -0
- package/dist/collection/components/z-table/z-table-body/styles.css +9 -0
- package/dist/collection/components/z-table/z-table-cell/index.js +86 -0
- package/dist/collection/components/z-table/z-table-cell/styles.css +58 -0
- package/dist/collection/components/z-table/z-table-empty-box/index.js +72 -0
- package/dist/collection/components/z-table/z-table-empty-box/styles.css +38 -0
- package/dist/collection/components/z-table/z-table-expanded-row/index.js +39 -0
- package/dist/collection/components/z-table/z-table-expanded-row/styles.css +9 -0
- package/dist/collection/components/z-table/z-table-footer/index.js +22 -0
- package/dist/collection/components/z-table/z-table-footer/styles.css +5 -0
- package/dist/collection/components/z-table/z-table-head/index.js +22 -0
- package/dist/collection/components/z-table/z-table-head/styles.css +5 -0
- package/dist/collection/components/z-table/z-table-header/index.js +238 -0
- package/dist/collection/components/z-table/z-table-header/styles.css +71 -0
- package/dist/collection/components/z-table/z-table-header-row/index.js +41 -0
- package/dist/collection/components/z-table/z-table-header-row/styles.css +13 -0
- package/dist/collection/components/z-table/z-table-row/index.js +92 -0
- package/dist/collection/components/z-table/z-table-row/styles.css +45 -0
- package/dist/collection/components/z-table/z-table-sticky-footer/index.js +21 -0
- package/dist/collection/components/z-table/z-table-sticky-footer/styles.css +11 -0
- package/dist/collection/components/z-tag/index.js +65 -0
- package/dist/collection/components/z-tag/styles.css +46 -0
- package/dist/collection/components/z-visually-hidden/index.js +18 -0
- package/dist/collection/components/z-visually-hidden/styles.css +12 -0
- package/{www/build/breakpoints-c386984e.js → dist/collection/constants/breakpoints.js} +1 -2
- package/dist/collection/constants/icons.js +6 -0
- package/dist/collection/index.js +7 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card/index.js +129 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card/styles.css +44 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-alert/index.js +151 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-alert/styles.css +62 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-body/index.js +22 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-body/styles.css +13 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-cover/index.js +93 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-cover/styles.css +11 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/index.js +177 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/styles.css +72 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-footer/index.js +207 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-footer/styles.css +182 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/index.js +22 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/styles.css +20 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-header/index.js +109 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-header/styles.css +47 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-icon/index.js +81 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-icon/styles.css +69 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-info/index.js +199 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-info/styles.css +93 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-list/index.js +60 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-list/styles.css +41 -0
- package/dist/collection/snowflakes/myz/list/z-myz-list/index.js +78 -0
- package/dist/collection/snowflakes/myz/list/z-myz-list/styles.css +4 -0
- package/dist/collection/snowflakes/myz/list/z-myz-list-item/index.js +192 -0
- package/dist/collection/snowflakes/myz/list/z-myz-list-item/styles.css +47 -0
- package/dist/collection/snowflakes/myz/pocket/z-messages-pocket/index.js +120 -0
- package/dist/collection/snowflakes/myz/pocket/z-messages-pocket/styles.css +102 -0
- package/dist/collection/snowflakes/myz/pocket/z-pocket/index.js +191 -0
- package/dist/collection/snowflakes/myz/pocket/z-pocket/styles.css +44 -0
- package/dist/collection/snowflakes/myz/pocket/z-pocket-body/index.js +84 -0
- package/dist/collection/snowflakes/myz/pocket/z-pocket-body/styles.css +41 -0
- package/dist/collection/snowflakes/myz/pocket/z-pocket-header/index.js +93 -0
- package/dist/collection/snowflakes/myz/pocket/z-pocket-header/styles.css +27 -0
- package/dist/collection/snowflakes/myz/pocket/z-pocket-message/index.js +22 -0
- package/dist/collection/snowflakes/myz/pocket/z-pocket-message/styles.css +44 -0
- package/dist/collection/snowflakes/myz/z-alert/index.js +47 -0
- package/dist/collection/snowflakes/myz/z-alert/styles.css +28 -0
- package/dist/collection/snowflakes/myz/z-otp/index.js +120 -0
- package/dist/collection/snowflakes/myz/z-otp/styles.css +47 -0
- package/dist/collection/snowflakes/myz/z-slideshow/index.js +180 -0
- package/dist/collection/snowflakes/myz/z-slideshow/styles.css +127 -0
- package/dist/collection/utils/storybook-utils.js +51 -0
- package/{www/build/utils-b96780be.js → dist/collection/utils/utils.js} +13 -16
- package/dist/esm/_commonjsHelpers-9943807e.js +17 -0
- package/dist/{web-components-library → esm}/breakpoints-c386984e.js +0 -0
- package/dist/{web-components-library/hammer-782a2043.js → esm/hammer-c3266b17.js} +2 -3
- package/dist/{web-components-library → esm}/icons-85e529a3.js +0 -0
- package/dist/{web-components-library → esm}/index-968a240f.js +0 -0
- package/dist/{web-components-library/index-291c96fb.js → esm/index-a2ca4b97.js} +492 -1472
- package/dist/esm/index.js +9 -0
- package/dist/esm/loader.js +17 -0
- package/dist/esm/polyfills/core-js.js +11 -0
- package/dist/esm/polyfills/css-shim.js +1 -0
- package/dist/esm/polyfills/dom.js +79 -0
- package/dist/esm/polyfills/es5-html-element.js +1 -0
- package/dist/esm/polyfills/index.js +34 -0
- package/dist/esm/polyfills/system.js +6 -0
- package/dist/{web-components-library/utils-d783f6be.js → esm/utils-151f0ab4.js} +4 -26
- package/dist/{web-components-library/utils-b96780be.js → esm/utils-6cf7efe2.js} +0 -18
- package/dist/esm/web-components-library.js +17 -0
- package/{www/build → dist/esm}/z-alert.entry.js +1 -1
- package/dist/{web-components-library → esm}/z-anchor-navigation.entry.js +1 -1
- package/dist/esm/z-app-header_2.entry.js +148 -0
- package/{www/build → dist/esm}/z-app-switcher.entry.js +1 -1
- package/{www/build → dist/esm}/z-aria-alert.entry.js +1 -1
- package/{www/build → dist/esm}/z-avatar.entry.js +1 -1
- package/{www/build/z-typography.entry.js → dist/esm/z-body_2.entry.js} +13 -2
- package/{www/build → dist/esm}/z-button-sort.entry.js +1 -1
- package/dist/{web-components-library → esm}/z-button.entry.js +1 -1
- package/{www/build → dist/esm}/z-card.entry.js +1 -1
- package/{www/build → dist/esm}/z-carousel.entry.js +1 -1
- package/dist/{web-components-library → esm}/z-chip.entry.js +2 -2
- package/{www/build → dist/esm}/z-combobox.entry.js +2 -2
- package/dist/{web-components-library → esm}/z-contextual-menu.entry.js +1 -1
- package/{www/build → dist/esm}/z-cover-hero.entry.js +1 -1
- package/{www/build → dist/esm}/z-date-picker.entry.js +6 -12
- package/dist/{web-components-library → esm}/z-divider.entry.js +1 -1
- package/{www/build/z-modal.entry.js → dist/esm/z-dragdrop-area_3.entry.js} +43 -2
- package/dist/{web-components-library → esm}/z-file-upload.entry.js +2 -2
- package/dist/{web-components-library → esm}/z-file.entry.js +2 -2
- package/dist/{web-components-library → esm}/z-ghost-loading.entry.js +1 -1
- package/dist/{web-components-library → esm}/z-info-box.entry.js +1 -1
- package/{www/build → dist/esm}/z-info-reveal.entry.js +1 -1
- package/dist/esm/z-input_2.entry.js +261 -0
- package/dist/{web-components-library → esm}/z-link.entry.js +1 -1
- package/dist/esm/z-list_3.entry.js +255 -0
- package/{www/build → dist/esm}/z-logo.entry.js +1 -1
- package/{www/build → dist/esm}/z-menu-section.entry.js +1 -1
- package/{www/build → dist/esm}/z-menu.entry.js +1 -1
- package/dist/{web-components-library → esm}/z-messages-pocket.entry.js +1 -1
- package/{www/build → dist/esm}/z-myz-card-alert.entry.js +1 -1
- package/{www/build → dist/esm}/z-myz-card-dictionary.entry.js +1 -1
- package/dist/{web-components-library → esm}/z-myz-card-footer-sections.entry.js +1 -1
- package/dist/{web-components-library → esm}/z-myz-card-footer.entry.js +1 -1
- package/dist/{web-components-library → esm}/z-myz-card-icon.entry.js +1 -1
- package/dist/{web-components-library → esm}/z-myz-card-info.entry.js +2 -2
- package/dist/{web-components-library → esm}/z-myz-card-list.entry.js +1 -1
- package/dist/esm/z-myz-card_4.entry.js +101 -0
- package/dist/{web-components-library → esm}/z-myz-list-item.entry.js +2 -2
- package/dist/{web-components-library → esm}/z-myz-list.entry.js +1 -1
- package/dist/{web-components-library → esm}/z-navigation-tab-link.entry.js +1 -1
- package/{www/build → dist/esm}/z-navigation-tab.entry.js +1 -1
- package/{www/build → dist/esm}/z-navigation-tabs.entry.js +1 -1
- package/dist/{web-components-library → esm}/z-notification.entry.js +1 -1
- package/dist/{web-components-library → esm}/z-offcanvas.entry.js +1 -1
- package/dist/{web-components-library → esm}/z-otp.entry.js +1 -1
- package/dist/{web-components-library → esm}/z-pagination.entry.js +1 -1
- package/dist/{web-components-library → esm}/z-panel-elem.entry.js +1 -1
- package/{www/build → dist/esm}/z-pocket-message.entry.js +1 -1
- package/dist/esm/z-pocket_3.entry.js +119 -0
- package/{www/build → dist/esm}/z-popover.entry.js +1 -1
- package/dist/{web-components-library → esm}/z-range-picker.entry.js +3 -3
- package/{www/build → dist/esm}/z-searchbar.entry.js +3 -3
- package/dist/{web-components-library → esm}/z-section-title.entry.js +1 -1
- package/dist/{web-components-library → esm}/z-select.entry.js +2 -2
- package/{www/build → dist/esm}/z-skip-to-content.entry.js +2 -2
- package/dist/{web-components-library → esm}/z-slideshow.entry.js +2 -2
- package/dist/{web-components-library → esm}/z-stepper-item.entry.js +1 -1
- package/{www/build → dist/esm}/z-stepper.entry.js +1 -1
- package/dist/{web-components-library → esm}/z-table-body.entry.js +1 -1
- package/dist/{web-components-library → esm}/z-table-cell.entry.js +1 -1
- package/dist/{web-components-library → esm}/z-table-empty-box.entry.js +1 -1
- package/{www/build → dist/esm}/z-table-expanded-row.entry.js +1 -1
- package/dist/{web-components-library → esm}/z-table-footer.entry.js +1 -1
- package/dist/{web-components-library → esm}/z-table-head.entry.js +1 -1
- package/{www/build → dist/esm}/z-table-header-row.entry.js +1 -1
- package/{www/build → dist/esm}/z-table-header.entry.js +2 -2
- package/{www/build → dist/esm}/z-table-row.entry.js +1 -1
- package/{www/build → dist/esm}/z-table-sticky-footer.entry.js +1 -1
- package/{www/build → dist/esm}/z-table.entry.js +2 -2
- package/dist/{web-components-library → esm}/z-tag.entry.js +1 -1
- package/{www/build → dist/esm}/z-toast-notification-list.entry.js +1 -1
- package/dist/{web-components-library → esm}/z-toast-notification.entry.js +3 -3
- package/{www/build → dist/esm}/z-toggle-button.entry.js +1 -1
- package/dist/{web-components-library → esm}/z-toggle-switch.entry.js +2 -2
- package/dist/{web-components-library → esm}/z-tooltip.entry.js +1 -1
- package/{www/build → dist/esm}/z-visually-hidden.entry.js +1 -1
- package/dist/index.cjs.js +1 -0
- package/dist/index.js +1 -0
- package/dist/types/components/inputs/z-input-message/index.d.ts +3 -0
- package/dist/web-components-library/index.esm.js +1 -9
- package/dist/web-components-library/p-009c9f67.entry.js +1 -0
- package/dist/web-components-library/p-01f001fd.entry.js +1 -0
- package/dist/web-components-library/p-05ced71c.entry.js +1 -0
- package/dist/web-components-library/p-074ea569.entry.js +1 -0
- package/dist/web-components-library/p-07e18572.entry.js +1 -0
- package/dist/web-components-library/p-0843b0e7.entry.js +1 -0
- package/dist/web-components-library/p-0fa4b50b.entry.js +1 -0
- package/dist/web-components-library/p-112455b1.js +1 -0
- package/dist/web-components-library/p-1d66b265.entry.js +1 -0
- package/dist/web-components-library/p-214b6cee.entry.js +1 -0
- package/dist/web-components-library/p-26033729.entry.js +1 -0
- package/dist/web-components-library/p-26f834e5.entry.js +1 -0
- package/dist/web-components-library/p-2acd6a51.entry.js +1 -0
- package/dist/web-components-library/p-2d1b6c3c.entry.js +1 -0
- package/dist/web-components-library/p-2efedcf4.entry.js +1 -0
- package/dist/web-components-library/p-32509af7.entry.js +1 -0
- package/dist/web-components-library/p-33352f9e.entry.js +1 -0
- package/dist/web-components-library/p-344e7ae7.entry.js +1 -0
- package/dist/web-components-library/p-34c26207.entry.js +1 -0
- package/dist/web-components-library/p-37e050bd.entry.js +1 -0
- package/dist/web-components-library/p-38a3cf3b.entry.js +1 -0
- package/dist/web-components-library/p-3a468aa9.entry.js +1 -0
- package/dist/web-components-library/p-3be171d0.entry.js +1 -0
- package/dist/web-components-library/p-3eb60c95.entry.js +1 -0
- package/dist/web-components-library/p-3f55dce6.entry.js +1 -0
- package/dist/web-components-library/p-4423b00c.entry.js +1 -0
- package/dist/web-components-library/p-475ca461.entry.js +1 -0
- package/dist/web-components-library/p-51e308ca.entry.js +1 -0
- package/dist/web-components-library/p-53065788.entry.js +1 -0
- package/dist/web-components-library/p-540c7d73.entry.js +1 -0
- package/dist/web-components-library/p-59cfee8d.entry.js +1 -0
- package/dist/web-components-library/p-5c62387a.entry.js +1 -0
- package/dist/web-components-library/p-5dd9a2c6.entry.js +1 -0
- package/dist/web-components-library/p-61424b8a.entry.js +1 -0
- package/dist/web-components-library/p-6289c4bd.entry.js +1 -0
- package/dist/web-components-library/p-6b1a5309.entry.js +1 -0
- package/dist/web-components-library/p-6bf7c966.entry.js +1 -0
- package/dist/web-components-library/p-6c163539.entry.js +1 -0
- package/dist/web-components-library/p-735bdfa3.entry.js +1 -0
- package/dist/web-components-library/p-73c91de3.entry.js +1 -0
- package/dist/web-components-library/p-7b3b99ee.entry.js +1 -0
- package/dist/web-components-library/p-7ea553e9.entry.js +1 -0
- package/dist/web-components-library/p-810bd730.entry.js +1 -0
- package/dist/web-components-library/p-8b15b30c.entry.js +1 -0
- package/dist/web-components-library/p-8c105bd1.entry.js +1 -0
- package/dist/web-components-library/p-8ebe4adf.js +1 -0
- package/dist/web-components-library/p-93142fac.entry.js +1 -0
- package/dist/web-components-library/p-95b8f109.entry.js +1 -0
- package/dist/web-components-library/p-9c28b8fc.entry.js +1 -0
- package/dist/web-components-library/p-9c338aeb.entry.js +1 -0
- package/dist/web-components-library/p-9d03a7d6.entry.js +1 -0
- package/dist/web-components-library/p-9d57a84c.entry.js +1 -0
- package/dist/web-components-library/p-9f543b6a.entry.js +1 -0
- package/dist/web-components-library/p-a05ce0a6.entry.js +1 -0
- package/dist/web-components-library/p-a0e2715e.entry.js +1 -0
- package/dist/web-components-library/p-a23e9115.js +1 -0
- package/dist/web-components-library/p-a6c0f149.entry.js +1 -0
- package/dist/web-components-library/p-a79d1412.entry.js +1 -0
- package/dist/web-components-library/p-a82ea410.entry.js +1 -0
- package/dist/web-components-library/p-ae6197f4.entry.js +1 -0
- package/dist/web-components-library/p-ae79573a.entry.js +1 -0
- package/dist/web-components-library/p-af4d1987.entry.js +1 -0
- package/dist/web-components-library/p-b3c29822.js +1 -0
- package/dist/web-components-library/p-b6f36170.entry.js +16 -0
- package/dist/web-components-library/p-bb0fe7bc.entry.js +1 -0
- package/dist/web-components-library/p-bdefe224.entry.js +1 -0
- package/dist/web-components-library/p-beba3e67.entry.js +1 -0
- package/dist/web-components-library/p-c4417a91.entry.js +1 -0
- package/dist/web-components-library/p-ce83ce18.entry.js +1 -0
- package/dist/web-components-library/p-d17ebc2f.js +2 -0
- package/dist/web-components-library/p-d2127d84.entry.js +1 -0
- package/dist/web-components-library/p-d69e14fb.js +1 -0
- package/dist/web-components-library/p-d9a6a204.entry.js +1 -0
- package/dist/web-components-library/p-de0b8df8.entry.js +1 -0
- package/dist/web-components-library/p-de55c171.entry.js +1 -0
- package/dist/web-components-library/p-e40b16fa.entry.js +1 -0
- package/dist/web-components-library/p-e43e61ac.js +7 -0
- package/dist/web-components-library/p-e45cf758.entry.js +1 -0
- package/dist/web-components-library/p-eaa4eba8.entry.js +1 -0
- package/dist/web-components-library/p-ede9fbf5.entry.js +1 -0
- package/dist/web-components-library/p-f0653e72.entry.js +1 -0
- package/dist/web-components-library/p-f158d205.entry.js +1 -0
- package/dist/web-components-library/p-f425f188.js +1 -0
- package/dist/web-components-library/p-f54f63e1.entry.js +1 -0
- package/dist/web-components-library/p-f95cc914.entry.js +1 -0
- package/dist/web-components-library/web-components-library.css +1 -1636
- package/dist/web-components-library/web-components-library.esm.js +1 -129
- package/package.json +1 -1
- package/react/components.d.ts +1 -22
- package/react/components.js +3 -25
- package/react/components.js.map +1 -1
- package/www/build/index.esm.js +1 -9
- package/www/build/p-009c9f67.entry.js +1 -0
- package/www/build/p-01f001fd.entry.js +1 -0
- package/www/build/p-05ced71c.entry.js +1 -0
- package/www/build/p-074ea569.entry.js +1 -0
- package/www/build/p-07e18572.entry.js +1 -0
- package/www/build/p-0843b0e7.entry.js +1 -0
- package/www/build/p-0fa4b50b.entry.js +1 -0
- package/www/build/p-112455b1.js +1 -0
- package/www/build/p-1d66b265.entry.js +1 -0
- package/www/build/p-214b6cee.entry.js +1 -0
- package/www/build/p-26033729.entry.js +1 -0
- package/www/build/p-26f834e5.entry.js +1 -0
- package/www/build/p-2acd6a51.entry.js +1 -0
- package/www/build/p-2d1b6c3c.entry.js +1 -0
- package/www/build/p-2efedcf4.entry.js +1 -0
- package/www/build/p-32509af7.entry.js +1 -0
- package/www/build/p-32511690.css +1636 -0
- package/www/build/p-33352f9e.entry.js +1 -0
- package/www/build/p-344e7ae7.entry.js +1 -0
- package/www/build/p-34c26207.entry.js +1 -0
- package/www/build/p-37e050bd.entry.js +1 -0
- package/www/build/p-38a3cf3b.entry.js +1 -0
- package/www/build/p-3a468aa9.entry.js +1 -0
- package/www/build/p-3be171d0.entry.js +1 -0
- package/www/build/p-3eb60c95.entry.js +1 -0
- package/www/build/p-3f55dce6.entry.js +1 -0
- package/www/build/p-4423b00c.entry.js +1 -0
- package/www/build/p-475ca461.entry.js +1 -0
- package/www/build/p-51e308ca.entry.js +1 -0
- package/www/build/p-53065788.entry.js +1 -0
- package/www/build/p-540c7d73.entry.js +1 -0
- package/www/build/p-59cfee8d.entry.js +1 -0
- package/www/build/p-5c62387a.entry.js +1 -0
- package/www/build/p-5dd9a2c6.entry.js +1 -0
- package/www/build/p-61424b8a.entry.js +1 -0
- package/www/build/p-6289c4bd.entry.js +1 -0
- package/www/build/p-6b1a5309.entry.js +1 -0
- package/www/build/p-6bf7c966.entry.js +1 -0
- package/www/build/p-6c163539.entry.js +1 -0
- package/www/build/p-735bdfa3.entry.js +1 -0
- package/www/build/p-73c91de3.entry.js +1 -0
- package/www/build/p-7b3b99ee.entry.js +1 -0
- package/www/build/p-7ea553e9.entry.js +1 -0
- package/www/build/p-810bd730.entry.js +1 -0
- package/www/build/p-8b15b30c.entry.js +1 -0
- package/www/build/p-8c105bd1.entry.js +1 -0
- package/www/build/p-8ebe4adf.js +1 -0
- package/www/build/p-93142fac.entry.js +1 -0
- package/www/build/p-95b8f109.entry.js +1 -0
- package/www/build/p-9c28b8fc.entry.js +1 -0
- package/www/build/p-9c338aeb.entry.js +1 -0
- package/www/build/p-9d03a7d6.entry.js +1 -0
- package/www/build/p-9d57a84c.entry.js +1 -0
- package/www/build/p-9f543b6a.entry.js +1 -0
- package/www/build/p-a05ce0a6.entry.js +1 -0
- package/www/build/p-a0e2715e.entry.js +1 -0
- package/www/build/p-a23e9115.js +1 -0
- package/www/build/p-a5066bae.js +129 -0
- package/www/build/p-a6c0f149.entry.js +1 -0
- package/www/build/p-a79d1412.entry.js +1 -0
- package/www/build/p-a82ea410.entry.js +1 -0
- package/www/build/p-ae6197f4.entry.js +1 -0
- package/www/build/p-ae79573a.entry.js +1 -0
- package/www/build/p-af4d1987.entry.js +1 -0
- package/www/build/p-b3c29822.js +1 -0
- package/www/build/p-b6f36170.entry.js +16 -0
- package/www/build/p-bb0fe7bc.entry.js +1 -0
- package/www/build/p-bdefe224.entry.js +1 -0
- package/www/build/p-beba3e67.entry.js +1 -0
- package/www/build/p-c4417a91.entry.js +1 -0
- package/www/build/p-ce83ce18.entry.js +1 -0
- package/www/build/p-d17ebc2f.js +2 -0
- package/www/build/p-d2127d84.entry.js +1 -0
- package/www/build/p-d69e14fb.js +1 -0
- package/www/build/p-d9a6a204.entry.js +1 -0
- package/www/build/p-de0b8df8.entry.js +1 -0
- package/www/build/p-de55c171.entry.js +1 -0
- package/www/build/p-e40b16fa.entry.js +1 -0
- package/www/build/p-e43e61ac.js +7 -0
- package/www/build/p-e45cf758.entry.js +1 -0
- package/www/build/p-eaa4eba8.entry.js +1 -0
- package/www/build/p-ede9fbf5.entry.js +1 -0
- package/www/build/p-f0653e72.entry.js +1 -0
- package/www/build/p-f158d205.entry.js +1 -0
- package/www/build/p-f425f188.js +1 -0
- package/www/build/p-f54f63e1.entry.js +1 -0
- package/www/build/p-f95cc914.entry.js +1 -0
- package/www/build/web-components-library.css +1 -1636
- package/www/build/web-components-library.esm.js +1 -129
- package/www/index.html +1 -10
- package/dist/web-components-library/_commonjsHelpers-8fe71198.js +0 -44
- package/dist/web-components-library/app-globals-0f993ce5.js +0 -3
- package/dist/web-components-library/css-shim-b3f2ee8d.js +0 -4
- package/dist/web-components-library/dom-665d6011.js +0 -73
- package/dist/web-components-library/shadow-css-b18e99d7.js +0 -387
- package/dist/web-components-library/z-app-header.entry.js +0 -129
- package/dist/web-components-library/z-aria-alert.entry.js +0 -15
- package/dist/web-components-library/z-body.entry.js +0 -14
- package/dist/web-components-library/z-dragdrop-area.entry.js +0 -33
- package/dist/web-components-library/z-heading.entry.js +0 -14
- package/dist/web-components-library/z-icon.entry.js +0 -22
- package/dist/web-components-library/z-input-message.entry.js +0 -20
- package/dist/web-components-library/z-input.entry.js +0 -231
- package/dist/web-components-library/z-list-element.entry.js +0 -173
- package/dist/web-components-library/z-list-group.entry.js +0 -56
- package/dist/web-components-library/z-list.entry.js +0 -36
- package/dist/web-components-library/z-modal.entry.js +0 -29
- package/dist/web-components-library/z-myz-card-body.entry.js +0 -15
- package/dist/web-components-library/z-myz-card-cover.entry.js +0 -18
- package/dist/web-components-library/z-myz-card-header.entry.js +0 -36
- package/dist/web-components-library/z-myz-card.entry.js +0 -42
- package/dist/web-components-library/z-pocket-body.entry.js +0 -23
- package/dist/web-components-library/z-pocket-header.entry.js +0 -36
- package/dist/web-components-library/z-pocket.entry.js +0 -68
- package/dist/web-components-library/z-table-expanded-row.entry.js +0 -15
- package/www/build/_commonjsHelpers-8fe71198.js +0 -44
- package/www/build/app-globals-0f993ce5.js +0 -3
- package/www/build/css-shim-b3f2ee8d.js +0 -4
- package/www/build/dom-665d6011.js +0 -73
- package/www/build/shadow-css-b18e99d7.js +0 -387
- package/www/build/z-app-header.entry.js +0 -129
- package/www/build/z-body.entry.js +0 -14
- package/www/build/z-dragdrop-area.entry.js +0 -33
- package/www/build/z-heading.entry.js +0 -14
- package/www/build/z-icon.entry.js +0 -22
- package/www/build/z-input-message.entry.js +0 -20
- package/www/build/z-input.entry.js +0 -231
- package/www/build/z-list-element.entry.js +0 -173
- package/www/build/z-list-group.entry.js +0 -56
- package/www/build/z-list.entry.js +0 -36
- package/www/build/z-myz-card-body.entry.js +0 -15
- package/www/build/z-myz-card-cover.entry.js +0 -18
- package/www/build/z-myz-card-header.entry.js +0 -36
- package/www/build/z-myz-card.entry.js +0 -42
- package/www/build/z-panel-elem.entry.js +0 -26
- package/www/build/z-pocket-body.entry.js +0 -23
- package/www/build/z-pocket-header.entry.js +0 -36
- package/www/build/z-pocket.entry.js +0 -68
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
const NAMESPACE = 'web-components-library';
|
|
2
|
-
const BUILD = /* web-components-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: true, cmpWillUpdate: true, connectedCallback: false, constructableCSS: false, cssAnnotations: true, cssVarShim: false, devTools: true, disconnectedCallback: true, dynamicImportShim: false, element: false, event: true, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: true, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: true, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: true, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, safari10: false, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, shadowDomShim: false, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
|
|
3
|
-
const Env = /* web-components-library */ {};
|
|
4
2
|
|
|
5
3
|
/**
|
|
6
4
|
* Virtual DOM patching algorithm based on Snabbdom by
|
|
@@ -13,120 +11,25 @@ const Env = /* web-components-library */ {};
|
|
|
13
11
|
let scopeId;
|
|
14
12
|
let contentRef;
|
|
15
13
|
let hostTagName;
|
|
16
|
-
let customError;
|
|
17
|
-
let i = 0;
|
|
18
14
|
let useNativeShadowDom = false;
|
|
19
15
|
let checkSlotFallbackVisibility = false;
|
|
20
16
|
let checkSlotRelocate = false;
|
|
21
17
|
let isSvgMode = false;
|
|
22
|
-
let renderingRef = null;
|
|
23
|
-
let queueCongestion = 0;
|
|
24
18
|
let queuePending = false;
|
|
25
|
-
const Build = {
|
|
26
|
-
isDev: BUILD.isDev ? true : false,
|
|
27
|
-
isBrowser: true,
|
|
28
|
-
isServer: false,
|
|
29
|
-
isTesting: BUILD.isTesting ? true : false,
|
|
30
|
-
};
|
|
31
|
-
const Context = {};
|
|
32
|
-
const getAssetPath = (path) => {
|
|
33
|
-
const assetUrl = new URL(path, plt.$resourcesUrl$);
|
|
34
|
-
return assetUrl.origin !== win.location.origin ? assetUrl.href : assetUrl.pathname;
|
|
35
|
-
};
|
|
36
|
-
const setAssetPath = (path) => (plt.$resourcesUrl$ = path);
|
|
37
19
|
const createTime = (fnName, tagName = '') => {
|
|
38
|
-
|
|
39
|
-
const key = `st:${fnName}:${tagName}:${i++}`;
|
|
40
|
-
// Start
|
|
41
|
-
performance.mark(key);
|
|
42
|
-
// End
|
|
43
|
-
return () => performance.measure(`[Stencil] ${fnName}() <${tagName}>`, key);
|
|
44
|
-
}
|
|
45
|
-
else {
|
|
20
|
+
{
|
|
46
21
|
return () => {
|
|
47
22
|
return;
|
|
48
23
|
};
|
|
49
24
|
}
|
|
50
25
|
};
|
|
51
26
|
const uniqueTime = (key, measureText) => {
|
|
52
|
-
|
|
53
|
-
if (performance.getEntriesByName(key).length === 0) {
|
|
54
|
-
performance.mark(key);
|
|
55
|
-
}
|
|
56
|
-
return () => {
|
|
57
|
-
if (performance.getEntriesByName(measureText).length === 0) {
|
|
58
|
-
performance.measure(measureText, key);
|
|
59
|
-
}
|
|
60
|
-
};
|
|
61
|
-
}
|
|
62
|
-
else {
|
|
27
|
+
{
|
|
63
28
|
return () => {
|
|
64
29
|
return;
|
|
65
30
|
};
|
|
66
31
|
}
|
|
67
32
|
};
|
|
68
|
-
const inspect = (ref) => {
|
|
69
|
-
const hostRef = getHostRef(ref);
|
|
70
|
-
if (!hostRef) {
|
|
71
|
-
return undefined;
|
|
72
|
-
}
|
|
73
|
-
const flags = hostRef.$flags$;
|
|
74
|
-
const hostElement = hostRef.$hostElement$;
|
|
75
|
-
return {
|
|
76
|
-
renderCount: hostRef.$renderCount$,
|
|
77
|
-
flags: {
|
|
78
|
-
hasRendered: !!(flags & 2 /* HOST_FLAGS.hasRendered */),
|
|
79
|
-
hasConnected: !!(flags & 1 /* HOST_FLAGS.hasConnected */),
|
|
80
|
-
isWaitingForChildren: !!(flags & 4 /* HOST_FLAGS.isWaitingForChildren */),
|
|
81
|
-
isConstructingInstance: !!(flags & 8 /* HOST_FLAGS.isConstructingInstance */),
|
|
82
|
-
isQueuedForUpdate: !!(flags & 16 /* HOST_FLAGS.isQueuedForUpdate */),
|
|
83
|
-
hasInitializedComponent: !!(flags & 32 /* HOST_FLAGS.hasInitializedComponent */),
|
|
84
|
-
hasLoadedComponent: !!(flags & 64 /* HOST_FLAGS.hasLoadedComponent */),
|
|
85
|
-
isWatchReady: !!(flags & 128 /* HOST_FLAGS.isWatchReady */),
|
|
86
|
-
isListenReady: !!(flags & 256 /* HOST_FLAGS.isListenReady */),
|
|
87
|
-
needsRerender: !!(flags & 512 /* HOST_FLAGS.needsRerender */),
|
|
88
|
-
},
|
|
89
|
-
instanceValues: hostRef.$instanceValues$,
|
|
90
|
-
ancestorComponent: hostRef.$ancestorComponent$,
|
|
91
|
-
hostElement,
|
|
92
|
-
lazyInstance: hostRef.$lazyInstance$,
|
|
93
|
-
vnode: hostRef.$vnode$,
|
|
94
|
-
modeName: hostRef.$modeName$,
|
|
95
|
-
onReadyPromise: hostRef.$onReadyPromise$,
|
|
96
|
-
onReadyResolve: hostRef.$onReadyResolve$,
|
|
97
|
-
onInstancePromise: hostRef.$onInstancePromise$,
|
|
98
|
-
onInstanceResolve: hostRef.$onInstanceResolve$,
|
|
99
|
-
onRenderResolve: hostRef.$onRenderResolve$,
|
|
100
|
-
queuedListeners: hostRef.$queuedListeners$,
|
|
101
|
-
rmListeners: hostRef.$rmListeners$,
|
|
102
|
-
['s-id']: hostElement['s-id'],
|
|
103
|
-
['s-cr']: hostElement['s-cr'],
|
|
104
|
-
['s-lr']: hostElement['s-lr'],
|
|
105
|
-
['s-p']: hostElement['s-p'],
|
|
106
|
-
['s-rc']: hostElement['s-rc'],
|
|
107
|
-
['s-sc']: hostElement['s-sc'],
|
|
108
|
-
};
|
|
109
|
-
};
|
|
110
|
-
const installDevTools = () => {
|
|
111
|
-
if (BUILD.devTools) {
|
|
112
|
-
const stencil = (win.stencil = win.stencil || {});
|
|
113
|
-
const originalInspect = stencil.inspect;
|
|
114
|
-
stencil.inspect = (ref) => {
|
|
115
|
-
let result = inspect(ref);
|
|
116
|
-
if (!result && typeof originalInspect === 'function') {
|
|
117
|
-
result = originalInspect(ref);
|
|
118
|
-
}
|
|
119
|
-
return result;
|
|
120
|
-
};
|
|
121
|
-
}
|
|
122
|
-
};
|
|
123
|
-
const CONTENT_REF_ID = 'r';
|
|
124
|
-
const ORG_LOCATION_ID = 'o';
|
|
125
|
-
const SLOT_NODE_ID = 's';
|
|
126
|
-
const TEXT_NODE_ID = 't';
|
|
127
|
-
const HYDRATE_ID = 's-id';
|
|
128
|
-
const HYDRATED_STYLE_ID = 'sty-id';
|
|
129
|
-
const HYDRATE_CHILD_ID = 'c-id';
|
|
130
33
|
const HYDRATED_CSS = '{visibility:hidden}.hydrated{visibility:inherit}';
|
|
131
34
|
const XLINK_NS = 'http://www.w3.org/1999/xlink';
|
|
132
35
|
/**
|
|
@@ -176,11 +79,6 @@ const h = (nodeName, vnodeData, ...children) => {
|
|
|
176
79
|
if ((simple = typeof nodeName !== 'function' && !isComplexType(child))) {
|
|
177
80
|
child = String(child);
|
|
178
81
|
}
|
|
179
|
-
else if (BUILD.isDev && typeof nodeName !== 'function' && child.$flags$ === undefined) {
|
|
180
|
-
consoleDevError(`vNode passed as children has unexpected type.
|
|
181
|
-
Make sure it's using the correct h() function.
|
|
182
|
-
Empty objects can also be the cause, look for JSX comments that became objects.`);
|
|
183
|
-
}
|
|
184
82
|
if (simple && lastSimple) {
|
|
185
83
|
// If the previous child was simple (string), we merge both
|
|
186
84
|
vNodeChildren[vNodeChildren.length - 1].$text$ += child;
|
|
@@ -195,17 +93,14 @@ Empty objects can also be the cause, look for JSX comments that became objects.`
|
|
|
195
93
|
};
|
|
196
94
|
walk(children);
|
|
197
95
|
if (vnodeData) {
|
|
198
|
-
if (BUILD.isDev && nodeName === 'input') {
|
|
199
|
-
validateInputProperties(vnodeData);
|
|
200
|
-
}
|
|
201
96
|
// normalize class / classname attributes
|
|
202
|
-
if (
|
|
97
|
+
if (vnodeData.key) {
|
|
203
98
|
key = vnodeData.key;
|
|
204
99
|
}
|
|
205
|
-
if (
|
|
100
|
+
if (vnodeData.name) {
|
|
206
101
|
slotName = vnodeData.name;
|
|
207
102
|
}
|
|
208
|
-
|
|
103
|
+
{
|
|
209
104
|
const classData = vnodeData.className || vnodeData.class;
|
|
210
105
|
if (classData) {
|
|
211
106
|
vnodeData.class =
|
|
@@ -217,24 +112,15 @@ Empty objects can also be the cause, look for JSX comments that became objects.`
|
|
|
217
112
|
}
|
|
218
113
|
}
|
|
219
114
|
}
|
|
220
|
-
if (BUILD.isDev && vNodeChildren.some(isHost)) {
|
|
221
|
-
consoleDevError(`The <Host> must be the single root component. Make sure:
|
|
222
|
-
- You are NOT using hostData() and <Host> in the same component.
|
|
223
|
-
- <Host> is used once, and it's the single root component of the render() function.`);
|
|
224
|
-
}
|
|
225
|
-
if (BUILD.vdomFunctional && typeof nodeName === 'function') {
|
|
226
|
-
// nodeName is a functional component
|
|
227
|
-
return nodeName(vnodeData === null ? {} : vnodeData, vNodeChildren, vdomFnUtils);
|
|
228
|
-
}
|
|
229
115
|
const vnode = newVNode(nodeName, null);
|
|
230
116
|
vnode.$attrs$ = vnodeData;
|
|
231
117
|
if (vNodeChildren.length > 0) {
|
|
232
118
|
vnode.$children$ = vNodeChildren;
|
|
233
119
|
}
|
|
234
|
-
|
|
120
|
+
{
|
|
235
121
|
vnode.$key$ = key;
|
|
236
122
|
}
|
|
237
|
-
|
|
123
|
+
{
|
|
238
124
|
vnode.$name$ = slotName;
|
|
239
125
|
}
|
|
240
126
|
return vnode;
|
|
@@ -247,277 +133,19 @@ const newVNode = (tag, text) => {
|
|
|
247
133
|
$elm$: null,
|
|
248
134
|
$children$: null,
|
|
249
135
|
};
|
|
250
|
-
|
|
136
|
+
{
|
|
251
137
|
vnode.$attrs$ = null;
|
|
252
138
|
}
|
|
253
|
-
|
|
139
|
+
{
|
|
254
140
|
vnode.$key$ = null;
|
|
255
141
|
}
|
|
256
|
-
|
|
142
|
+
{
|
|
257
143
|
vnode.$name$ = null;
|
|
258
144
|
}
|
|
259
145
|
return vnode;
|
|
260
146
|
};
|
|
261
147
|
const Host = {};
|
|
262
148
|
const isHost = (node) => node && node.$tag$ === Host;
|
|
263
|
-
const vdomFnUtils = {
|
|
264
|
-
forEach: (children, cb) => children.map(convertToPublic).forEach(cb),
|
|
265
|
-
map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate),
|
|
266
|
-
};
|
|
267
|
-
const convertToPublic = (node) => ({
|
|
268
|
-
vattrs: node.$attrs$,
|
|
269
|
-
vchildren: node.$children$,
|
|
270
|
-
vkey: node.$key$,
|
|
271
|
-
vname: node.$name$,
|
|
272
|
-
vtag: node.$tag$,
|
|
273
|
-
vtext: node.$text$,
|
|
274
|
-
});
|
|
275
|
-
const convertToPrivate = (node) => {
|
|
276
|
-
if (typeof node.vtag === 'function') {
|
|
277
|
-
const vnodeData = Object.assign({}, node.vattrs);
|
|
278
|
-
if (node.vkey) {
|
|
279
|
-
vnodeData.key = node.vkey;
|
|
280
|
-
}
|
|
281
|
-
if (node.vname) {
|
|
282
|
-
vnodeData.name = node.vname;
|
|
283
|
-
}
|
|
284
|
-
return h(node.vtag, vnodeData, ...(node.vchildren || []));
|
|
285
|
-
}
|
|
286
|
-
const vnode = newVNode(node.vtag, node.vtext);
|
|
287
|
-
vnode.$attrs$ = node.vattrs;
|
|
288
|
-
vnode.$children$ = node.vchildren;
|
|
289
|
-
vnode.$key$ = node.vkey;
|
|
290
|
-
vnode.$name$ = node.vname;
|
|
291
|
-
return vnode;
|
|
292
|
-
};
|
|
293
|
-
/**
|
|
294
|
-
* Validates the ordering of attributes on an input element
|
|
295
|
-
* @param inputElm the element to validate
|
|
296
|
-
*/
|
|
297
|
-
const validateInputProperties = (inputElm) => {
|
|
298
|
-
const props = Object.keys(inputElm);
|
|
299
|
-
const value = props.indexOf('value');
|
|
300
|
-
if (value === -1) {
|
|
301
|
-
return;
|
|
302
|
-
}
|
|
303
|
-
const typeIndex = props.indexOf('type');
|
|
304
|
-
const minIndex = props.indexOf('min');
|
|
305
|
-
const maxIndex = props.indexOf('max');
|
|
306
|
-
const stepIndex = props.indexOf('step');
|
|
307
|
-
if (value < typeIndex || value < minIndex || value < maxIndex || value < stepIndex) {
|
|
308
|
-
consoleDevWarn(`The "value" prop of <input> should be set after "min", "max", "type" and "step"`);
|
|
309
|
-
}
|
|
310
|
-
};
|
|
311
|
-
const initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
|
|
312
|
-
const endHydrate = createTime('hydrateClient', tagName);
|
|
313
|
-
const shadowRoot = hostElm.shadowRoot;
|
|
314
|
-
const childRenderNodes = [];
|
|
315
|
-
const slotNodes = [];
|
|
316
|
-
const shadowRootNodes = BUILD.shadowDom && shadowRoot ? [] : null;
|
|
317
|
-
const vnode = (hostRef.$vnode$ = newVNode(tagName, null));
|
|
318
|
-
if (!plt.$orgLocNodes$) {
|
|
319
|
-
initializeDocumentHydrate(doc.body, (plt.$orgLocNodes$ = new Map()));
|
|
320
|
-
}
|
|
321
|
-
hostElm[HYDRATE_ID] = hostId;
|
|
322
|
-
hostElm.removeAttribute(HYDRATE_ID);
|
|
323
|
-
clientHydrate(vnode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, hostElm, hostId);
|
|
324
|
-
childRenderNodes.map((c) => {
|
|
325
|
-
const orgLocationId = c.$hostId$ + '.' + c.$nodeId$;
|
|
326
|
-
const orgLocationNode = plt.$orgLocNodes$.get(orgLocationId);
|
|
327
|
-
const node = c.$elm$;
|
|
328
|
-
if (orgLocationNode && supportsShadow && orgLocationNode['s-en'] === '') {
|
|
329
|
-
orgLocationNode.parentNode.insertBefore(node, orgLocationNode.nextSibling);
|
|
330
|
-
}
|
|
331
|
-
if (!shadowRoot) {
|
|
332
|
-
node['s-hn'] = tagName;
|
|
333
|
-
if (orgLocationNode) {
|
|
334
|
-
node['s-ol'] = orgLocationNode;
|
|
335
|
-
node['s-ol']['s-nr'] = node;
|
|
336
|
-
}
|
|
337
|
-
}
|
|
338
|
-
plt.$orgLocNodes$.delete(orgLocationId);
|
|
339
|
-
});
|
|
340
|
-
if (BUILD.shadowDom && shadowRoot) {
|
|
341
|
-
shadowRootNodes.map((shadowRootNode) => {
|
|
342
|
-
if (shadowRootNode) {
|
|
343
|
-
shadowRoot.appendChild(shadowRootNode);
|
|
344
|
-
}
|
|
345
|
-
});
|
|
346
|
-
}
|
|
347
|
-
endHydrate();
|
|
348
|
-
};
|
|
349
|
-
const clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, node, hostId) => {
|
|
350
|
-
let childNodeType;
|
|
351
|
-
let childIdSplt;
|
|
352
|
-
let childVNode;
|
|
353
|
-
let i;
|
|
354
|
-
if (node.nodeType === 1 /* NODE_TYPE.ElementNode */) {
|
|
355
|
-
childNodeType = node.getAttribute(HYDRATE_CHILD_ID);
|
|
356
|
-
if (childNodeType) {
|
|
357
|
-
// got the node data from the element's attribute
|
|
358
|
-
// `${hostId}.${nodeId}.${depth}.${index}`
|
|
359
|
-
childIdSplt = childNodeType.split('.');
|
|
360
|
-
if (childIdSplt[0] === hostId || childIdSplt[0] === '0') {
|
|
361
|
-
childVNode = {
|
|
362
|
-
$flags$: 0,
|
|
363
|
-
$hostId$: childIdSplt[0],
|
|
364
|
-
$nodeId$: childIdSplt[1],
|
|
365
|
-
$depth$: childIdSplt[2],
|
|
366
|
-
$index$: childIdSplt[3],
|
|
367
|
-
$tag$: node.tagName.toLowerCase(),
|
|
368
|
-
$elm$: node,
|
|
369
|
-
$attrs$: null,
|
|
370
|
-
$children$: null,
|
|
371
|
-
$key$: null,
|
|
372
|
-
$name$: null,
|
|
373
|
-
$text$: null,
|
|
374
|
-
};
|
|
375
|
-
childRenderNodes.push(childVNode);
|
|
376
|
-
node.removeAttribute(HYDRATE_CHILD_ID);
|
|
377
|
-
// this is a new child vnode
|
|
378
|
-
// so ensure its parent vnode has the vchildren array
|
|
379
|
-
if (!parentVNode.$children$) {
|
|
380
|
-
parentVNode.$children$ = [];
|
|
381
|
-
}
|
|
382
|
-
// add our child vnode to a specific index of the vnode's children
|
|
383
|
-
parentVNode.$children$[childVNode.$index$] = childVNode;
|
|
384
|
-
// this is now the new parent vnode for all the next child checks
|
|
385
|
-
parentVNode = childVNode;
|
|
386
|
-
if (shadowRootNodes && childVNode.$depth$ === '0') {
|
|
387
|
-
shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
|
|
388
|
-
}
|
|
389
|
-
}
|
|
390
|
-
}
|
|
391
|
-
// recursively drill down, end to start so we can remove nodes
|
|
392
|
-
for (i = node.childNodes.length - 1; i >= 0; i--) {
|
|
393
|
-
clientHydrate(parentVNode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, node.childNodes[i], hostId);
|
|
394
|
-
}
|
|
395
|
-
if (node.shadowRoot) {
|
|
396
|
-
// keep drilling down through the shadow root nodes
|
|
397
|
-
for (i = node.shadowRoot.childNodes.length - 1; i >= 0; i--) {
|
|
398
|
-
clientHydrate(parentVNode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, node.shadowRoot.childNodes[i], hostId);
|
|
399
|
-
}
|
|
400
|
-
}
|
|
401
|
-
}
|
|
402
|
-
else if (node.nodeType === 8 /* NODE_TYPE.CommentNode */) {
|
|
403
|
-
// `${COMMENT_TYPE}.${hostId}.${nodeId}.${depth}.${index}`
|
|
404
|
-
childIdSplt = node.nodeValue.split('.');
|
|
405
|
-
if (childIdSplt[1] === hostId || childIdSplt[1] === '0') {
|
|
406
|
-
// comment node for either the host id or a 0 host id
|
|
407
|
-
childNodeType = childIdSplt[0];
|
|
408
|
-
childVNode = {
|
|
409
|
-
$flags$: 0,
|
|
410
|
-
$hostId$: childIdSplt[1],
|
|
411
|
-
$nodeId$: childIdSplt[2],
|
|
412
|
-
$depth$: childIdSplt[3],
|
|
413
|
-
$index$: childIdSplt[4],
|
|
414
|
-
$elm$: node,
|
|
415
|
-
$attrs$: null,
|
|
416
|
-
$children$: null,
|
|
417
|
-
$key$: null,
|
|
418
|
-
$name$: null,
|
|
419
|
-
$tag$: null,
|
|
420
|
-
$text$: null,
|
|
421
|
-
};
|
|
422
|
-
if (childNodeType === TEXT_NODE_ID) {
|
|
423
|
-
childVNode.$elm$ = node.nextSibling;
|
|
424
|
-
if (childVNode.$elm$ && childVNode.$elm$.nodeType === 3 /* NODE_TYPE.TextNode */) {
|
|
425
|
-
childVNode.$text$ = childVNode.$elm$.textContent;
|
|
426
|
-
childRenderNodes.push(childVNode);
|
|
427
|
-
// remove the text comment since it's no longer needed
|
|
428
|
-
node.remove();
|
|
429
|
-
if (!parentVNode.$children$) {
|
|
430
|
-
parentVNode.$children$ = [];
|
|
431
|
-
}
|
|
432
|
-
parentVNode.$children$[childVNode.$index$] = childVNode;
|
|
433
|
-
if (shadowRootNodes && childVNode.$depth$ === '0') {
|
|
434
|
-
shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
|
|
435
|
-
}
|
|
436
|
-
}
|
|
437
|
-
}
|
|
438
|
-
else if (childVNode.$hostId$ === hostId) {
|
|
439
|
-
// this comment node is specifcally for this host id
|
|
440
|
-
if (childNodeType === SLOT_NODE_ID) {
|
|
441
|
-
// `${SLOT_NODE_ID}.${hostId}.${nodeId}.${depth}.${index}.${slotName}`;
|
|
442
|
-
childVNode.$tag$ = 'slot';
|
|
443
|
-
if (childIdSplt[5]) {
|
|
444
|
-
node['s-sn'] = childVNode.$name$ = childIdSplt[5];
|
|
445
|
-
}
|
|
446
|
-
else {
|
|
447
|
-
node['s-sn'] = '';
|
|
448
|
-
}
|
|
449
|
-
node['s-sr'] = true;
|
|
450
|
-
if (BUILD.shadowDom && shadowRootNodes) {
|
|
451
|
-
// browser support shadowRoot and this is a shadow dom component
|
|
452
|
-
// create an actual slot element
|
|
453
|
-
childVNode.$elm$ = doc.createElement(childVNode.$tag$);
|
|
454
|
-
if (childVNode.$name$) {
|
|
455
|
-
// add the slot name attribute
|
|
456
|
-
childVNode.$elm$.setAttribute('name', childVNode.$name$);
|
|
457
|
-
}
|
|
458
|
-
// insert the new slot element before the slot comment
|
|
459
|
-
node.parentNode.insertBefore(childVNode.$elm$, node);
|
|
460
|
-
// remove the slot comment since it's not needed for shadow
|
|
461
|
-
node.remove();
|
|
462
|
-
if (childVNode.$depth$ === '0') {
|
|
463
|
-
shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
|
|
464
|
-
}
|
|
465
|
-
}
|
|
466
|
-
slotNodes.push(childVNode);
|
|
467
|
-
if (!parentVNode.$children$) {
|
|
468
|
-
parentVNode.$children$ = [];
|
|
469
|
-
}
|
|
470
|
-
parentVNode.$children$[childVNode.$index$] = childVNode;
|
|
471
|
-
}
|
|
472
|
-
else if (childNodeType === CONTENT_REF_ID) {
|
|
473
|
-
// `${CONTENT_REF_ID}.${hostId}`;
|
|
474
|
-
if (BUILD.shadowDom && shadowRootNodes) {
|
|
475
|
-
// remove the content ref comment since it's not needed for shadow
|
|
476
|
-
node.remove();
|
|
477
|
-
}
|
|
478
|
-
else if (BUILD.slotRelocation) {
|
|
479
|
-
hostElm['s-cr'] = node;
|
|
480
|
-
node['s-cn'] = true;
|
|
481
|
-
}
|
|
482
|
-
}
|
|
483
|
-
}
|
|
484
|
-
}
|
|
485
|
-
}
|
|
486
|
-
else if (parentVNode && parentVNode.$tag$ === 'style') {
|
|
487
|
-
const vnode = newVNode(null, node.textContent);
|
|
488
|
-
vnode.$elm$ = node;
|
|
489
|
-
vnode.$index$ = '0';
|
|
490
|
-
parentVNode.$children$ = [vnode];
|
|
491
|
-
}
|
|
492
|
-
};
|
|
493
|
-
const initializeDocumentHydrate = (node, orgLocNodes) => {
|
|
494
|
-
if (node.nodeType === 1 /* NODE_TYPE.ElementNode */) {
|
|
495
|
-
let i = 0;
|
|
496
|
-
for (; i < node.childNodes.length; i++) {
|
|
497
|
-
initializeDocumentHydrate(node.childNodes[i], orgLocNodes);
|
|
498
|
-
}
|
|
499
|
-
if (node.shadowRoot) {
|
|
500
|
-
for (i = 0; i < node.shadowRoot.childNodes.length; i++) {
|
|
501
|
-
initializeDocumentHydrate(node.shadowRoot.childNodes[i], orgLocNodes);
|
|
502
|
-
}
|
|
503
|
-
}
|
|
504
|
-
}
|
|
505
|
-
else if (node.nodeType === 8 /* NODE_TYPE.CommentNode */) {
|
|
506
|
-
const childIdSplt = node.nodeValue.split('.');
|
|
507
|
-
if (childIdSplt[0] === ORG_LOCATION_ID) {
|
|
508
|
-
orgLocNodes.set(childIdSplt[1] + '.' + childIdSplt[2], node);
|
|
509
|
-
node.nodeValue = '';
|
|
510
|
-
// useful to know if the original location is
|
|
511
|
-
// the root light-dom of a shadow dom component
|
|
512
|
-
node['s-en'] = childIdSplt[3];
|
|
513
|
-
}
|
|
514
|
-
}
|
|
515
|
-
};
|
|
516
|
-
// Private
|
|
517
|
-
const computeMode = (elm) => modeResolutionChain.map((h) => h(elm)).find((m) => !!m);
|
|
518
|
-
// Public
|
|
519
|
-
const setMode = (handler) => modeResolutionChain.push(handler);
|
|
520
|
-
const getMode = (ref) => getHostRef(ref).$modeName$;
|
|
521
149
|
/**
|
|
522
150
|
* Parse a new property value for a given property type.
|
|
523
151
|
*
|
|
@@ -544,16 +172,16 @@ const getMode = (ref) => getHostRef(ref).$modeName$;
|
|
|
544
172
|
const parsePropertyValue = (propValue, propType) => {
|
|
545
173
|
// ensure this value is of the correct prop type
|
|
546
174
|
if (propValue != null && !isComplexType(propValue)) {
|
|
547
|
-
if (
|
|
175
|
+
if (propType & 4 /* MEMBER_FLAGS.Boolean */) {
|
|
548
176
|
// per the HTML spec, any string value means it is a boolean true value
|
|
549
177
|
// but we'll cheat here and say that the string "false" is the boolean false
|
|
550
178
|
return propValue === 'false' ? false : propValue === '' || !!propValue;
|
|
551
179
|
}
|
|
552
|
-
if (
|
|
180
|
+
if (propType & 2 /* MEMBER_FLAGS.Number */) {
|
|
553
181
|
// force it to be a number
|
|
554
182
|
return parseFloat(propValue);
|
|
555
183
|
}
|
|
556
|
-
if (
|
|
184
|
+
if (propType & 1 /* MEMBER_FLAGS.String */) {
|
|
557
185
|
// could have been passed as a number or boolean
|
|
558
186
|
// but we still want it as a string
|
|
559
187
|
return String(propValue);
|
|
@@ -565,14 +193,11 @@ const parsePropertyValue = (propValue, propType) => {
|
|
|
565
193
|
// so no need to change to a different type
|
|
566
194
|
return propValue;
|
|
567
195
|
};
|
|
568
|
-
const getElement = (ref) => (
|
|
196
|
+
const getElement = (ref) => (getHostRef(ref).$hostElement$ );
|
|
569
197
|
const createEvent = (ref, name, flags) => {
|
|
570
198
|
const elm = getElement(ref);
|
|
571
199
|
return {
|
|
572
200
|
emit: (detail) => {
|
|
573
|
-
if (BUILD.isDev && !elm.isConnected) {
|
|
574
|
-
consoleDevWarn(`The "${name}" event was emitted, but the dispatcher node is no longer connected to the dom.`);
|
|
575
|
-
}
|
|
576
201
|
return emitEvent(elm, name, {
|
|
577
202
|
bubbles: !!(flags & 4 /* EVENT_FLAGS.Bubbles */),
|
|
578
203
|
composed: !!(flags & 2 /* EVENT_FLAGS.Composed */),
|
|
@@ -612,11 +237,8 @@ const registerStyle = (scopeId, cssText, allowCS) => {
|
|
|
612
237
|
styles.set(scopeId, style);
|
|
613
238
|
};
|
|
614
239
|
const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
|
|
615
|
-
let scopeId = getScopeId(cmpMeta
|
|
240
|
+
let scopeId = getScopeId(cmpMeta);
|
|
616
241
|
const style = styles.get(scopeId);
|
|
617
|
-
if (!BUILD.attachStyles) {
|
|
618
|
-
return scopeId;
|
|
619
|
-
}
|
|
620
242
|
// if an element is NOT connected then getRootNode() will return the wrong root node
|
|
621
243
|
// so the fallback is to always use the document for the root node in those cases
|
|
622
244
|
styleContainerNode = styleContainerNode.nodeType === 11 /* NODE_TYPE.DocumentFragment */ ? styleContainerNode : doc;
|
|
@@ -629,31 +251,11 @@ const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
|
|
|
629
251
|
rootAppliedStyles.set(styleContainerNode, (appliedStyles = new Set()));
|
|
630
252
|
}
|
|
631
253
|
if (!appliedStyles.has(scopeId)) {
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
(styleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId}"]`))) {
|
|
635
|
-
// This is only happening on native shadow-dom, do not needs CSS var shim
|
|
636
|
-
styleElm.innerHTML = style;
|
|
637
|
-
}
|
|
638
|
-
else {
|
|
639
|
-
if (BUILD.cssVarShim && plt.$cssShim$) {
|
|
640
|
-
styleElm = plt.$cssShim$.createHostStyle(hostElm, scopeId, style, !!(cmpMeta.$flags$ & 10 /* CMP_FLAGS.needsScopedEncapsulation */));
|
|
641
|
-
const newScopeId = styleElm['s-sc'];
|
|
642
|
-
if (newScopeId) {
|
|
643
|
-
scopeId = newScopeId;
|
|
644
|
-
// we don't want to add this styleID to the appliedStyles Set
|
|
645
|
-
// since the cssVarShim might need to apply several different
|
|
646
|
-
// stylesheets for the same component
|
|
647
|
-
appliedStyles = null;
|
|
648
|
-
}
|
|
649
|
-
}
|
|
650
|
-
else {
|
|
254
|
+
{
|
|
255
|
+
{
|
|
651
256
|
styleElm = doc.createElement('style');
|
|
652
257
|
styleElm.innerHTML = style;
|
|
653
258
|
}
|
|
654
|
-
if (BUILD.hydrateServerSide || BUILD.hotModuleReplacement) {
|
|
655
|
-
styleElm.setAttribute(HYDRATED_STYLE_ID, scopeId);
|
|
656
|
-
}
|
|
657
259
|
styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector('link'));
|
|
658
260
|
}
|
|
659
261
|
if (appliedStyles) {
|
|
@@ -661,7 +263,7 @@ const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
|
|
|
661
263
|
}
|
|
662
264
|
}
|
|
663
265
|
}
|
|
664
|
-
else if (
|
|
266
|
+
else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
|
|
665
267
|
styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
|
|
666
268
|
}
|
|
667
269
|
}
|
|
@@ -672,8 +274,8 @@ const attachStyles = (hostRef) => {
|
|
|
672
274
|
const elm = hostRef.$hostElement$;
|
|
673
275
|
const flags = cmpMeta.$flags$;
|
|
674
276
|
const endAttachStyles = createTime('attachStyles', cmpMeta.$tagName$);
|
|
675
|
-
const scopeId = addStyle(
|
|
676
|
-
if (
|
|
277
|
+
const scopeId = addStyle(elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(), cmpMeta);
|
|
278
|
+
if (flags & 10 /* CMP_FLAGS.needsScopedEncapsulation */) {
|
|
677
279
|
// only required when we're NOT using native shadow dom (slot)
|
|
678
280
|
// or this browser doesn't support native shadow dom
|
|
679
281
|
// and this host element was NOT created with SSR
|
|
@@ -683,14 +285,13 @@ const attachStyles = (hostRef) => {
|
|
|
683
285
|
// DOM WRITE!!
|
|
684
286
|
elm['s-sc'] = scopeId;
|
|
685
287
|
elm.classList.add(scopeId + '-h');
|
|
686
|
-
if (
|
|
288
|
+
if (flags & 2 /* CMP_FLAGS.scopedCssEncapsulation */) {
|
|
687
289
|
elm.classList.add(scopeId + '-s');
|
|
688
290
|
}
|
|
689
291
|
}
|
|
690
292
|
endAttachStyles();
|
|
691
293
|
};
|
|
692
|
-
const getScopeId = (cmp, mode) => 'sc-' + (
|
|
693
|
-
const convertScopedToShadow = (css) => css.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g, '$1{');
|
|
294
|
+
const getScopeId = (cmp, mode) => 'sc-' + (cmp.$tagName$);
|
|
694
295
|
/**
|
|
695
296
|
* Production setAccessor() function based on Preact by
|
|
696
297
|
* Jason Miller (@developit)
|
|
@@ -703,19 +304,19 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
|
703
304
|
if (oldValue !== newValue) {
|
|
704
305
|
let isProp = isMemberInElement(elm, memberName);
|
|
705
306
|
let ln = memberName.toLowerCase();
|
|
706
|
-
if (
|
|
307
|
+
if (memberName === 'class') {
|
|
707
308
|
const classList = elm.classList;
|
|
708
309
|
const oldClasses = parseClassList(oldValue);
|
|
709
310
|
const newClasses = parseClassList(newValue);
|
|
710
311
|
classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
|
|
711
312
|
classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
|
|
712
313
|
}
|
|
713
|
-
else if (
|
|
314
|
+
else if (memberName === 'style') {
|
|
714
315
|
// update style attribute, css properties and values
|
|
715
|
-
|
|
316
|
+
{
|
|
716
317
|
for (const prop in oldValue) {
|
|
717
318
|
if (!newValue || newValue[prop] == null) {
|
|
718
|
-
if (
|
|
319
|
+
if (prop.includes('-')) {
|
|
719
320
|
elm.style.removeProperty(prop);
|
|
720
321
|
}
|
|
721
322
|
else {
|
|
@@ -726,7 +327,7 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
|
726
327
|
}
|
|
727
328
|
for (const prop in newValue) {
|
|
728
329
|
if (!oldValue || newValue[prop] !== oldValue[prop]) {
|
|
729
|
-
if (
|
|
330
|
+
if (prop.includes('-')) {
|
|
730
331
|
elm.style.setProperty(prop, newValue[prop]);
|
|
731
332
|
}
|
|
732
333
|
else {
|
|
@@ -735,16 +336,15 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
|
735
336
|
}
|
|
736
337
|
}
|
|
737
338
|
}
|
|
738
|
-
else if (
|
|
339
|
+
else if (memberName === 'key')
|
|
739
340
|
;
|
|
740
|
-
else if (
|
|
341
|
+
else if (memberName === 'ref') {
|
|
741
342
|
// minifier will clean this up
|
|
742
343
|
if (newValue) {
|
|
743
344
|
newValue(elm);
|
|
744
345
|
}
|
|
745
346
|
}
|
|
746
|
-
else if (
|
|
747
|
-
(BUILD.lazyLoad ? !isProp : !elm.__lookupSetter__(memberName)) &&
|
|
347
|
+
else if ((!isProp ) &&
|
|
748
348
|
memberName[0] === 'o' &&
|
|
749
349
|
memberName[1] === 'n') {
|
|
750
350
|
// Event Handlers
|
|
@@ -783,7 +383,7 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
|
783
383
|
plt.ael(elm, memberName, newValue, false);
|
|
784
384
|
}
|
|
785
385
|
}
|
|
786
|
-
else
|
|
386
|
+
else {
|
|
787
387
|
// Set property if it exists and it's not a SVG
|
|
788
388
|
const isComplex = isComplexType(newValue);
|
|
789
389
|
if ((isProp || (isComplex && newValue !== null)) && !isSvg) {
|
|
@@ -812,7 +412,7 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
|
812
412
|
* - if the newValue is null/undefined or 'false'.
|
|
813
413
|
*/
|
|
814
414
|
let xlink = false;
|
|
815
|
-
|
|
415
|
+
{
|
|
816
416
|
if (ln !== (ln = ln.replace(/^xlink\:?/, ''))) {
|
|
817
417
|
memberName = ln;
|
|
818
418
|
xlink = true;
|
|
@@ -820,7 +420,7 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
|
820
420
|
}
|
|
821
421
|
if (newValue == null || newValue === false) {
|
|
822
422
|
if (newValue !== false || elm.getAttribute(memberName) === '') {
|
|
823
|
-
if (
|
|
423
|
+
if (xlink) {
|
|
824
424
|
elm.removeAttributeNS(XLINK_NS, memberName);
|
|
825
425
|
}
|
|
826
426
|
else {
|
|
@@ -830,7 +430,7 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
|
830
430
|
}
|
|
831
431
|
else if ((!isProp || flags & 4 /* VNODE_FLAGS.isHost */ || isSvg) && !isComplex) {
|
|
832
432
|
newValue = newValue === true ? '' : newValue;
|
|
833
|
-
if (
|
|
433
|
+
if (xlink) {
|
|
834
434
|
elm.setAttributeNS(XLINK_NS, memberName, newValue);
|
|
835
435
|
}
|
|
836
436
|
else {
|
|
@@ -851,7 +451,7 @@ const updateElement = (oldVnode, newVnode, isSvgMode, memberName) => {
|
|
|
851
451
|
: newVnode.$elm$;
|
|
852
452
|
const oldVnodeAttrs = (oldVnode && oldVnode.$attrs$) || EMPTY_OBJ;
|
|
853
453
|
const newVnodeAttrs = newVnode.$attrs$ || EMPTY_OBJ;
|
|
854
|
-
|
|
454
|
+
{
|
|
855
455
|
// remove attributes no longer present on the vnode by setting them to undefined
|
|
856
456
|
for (memberName in oldVnodeAttrs) {
|
|
857
457
|
if (!(memberName in newVnodeAttrs)) {
|
|
@@ -881,7 +481,7 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
|
881
481
|
let elm;
|
|
882
482
|
let childNode;
|
|
883
483
|
let oldVNode;
|
|
884
|
-
if (
|
|
484
|
+
if (!useNativeShadowDom) {
|
|
885
485
|
// remember for later we need to check to relocate nodes
|
|
886
486
|
checkSlotRelocate = true;
|
|
887
487
|
if (newVNode.$tag$ === 'slot') {
|
|
@@ -896,38 +496,32 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
|
896
496
|
1 /* VNODE_FLAGS.isSlotReference */;
|
|
897
497
|
}
|
|
898
498
|
}
|
|
899
|
-
if (
|
|
900
|
-
consoleDevError(`The JSX ${newVNode.$text$ !== null ? `"${newVNode.$text$}" text` : `"${newVNode.$tag$}" element`} node should not be shared within the same renderer. The renderer caches element lookups in order to improve performance. However, a side effect from this is that the exact same JSX node should not be reused. For more information please see https://stenciljs.com/docs/templating-jsx#avoid-shared-jsx-nodes`);
|
|
901
|
-
}
|
|
902
|
-
if (BUILD.vdomText && newVNode.$text$ !== null) {
|
|
499
|
+
if (newVNode.$text$ !== null) {
|
|
903
500
|
// create text node
|
|
904
501
|
elm = newVNode.$elm$ = doc.createTextNode(newVNode.$text$);
|
|
905
502
|
}
|
|
906
|
-
else if (
|
|
503
|
+
else if (newVNode.$flags$ & 1 /* VNODE_FLAGS.isSlotReference */) {
|
|
907
504
|
// create a slot reference node
|
|
908
505
|
elm = newVNode.$elm$ =
|
|
909
|
-
|
|
506
|
+
doc.createTextNode('');
|
|
910
507
|
}
|
|
911
508
|
else {
|
|
912
|
-
if (
|
|
509
|
+
if (!isSvgMode) {
|
|
913
510
|
isSvgMode = newVNode.$tag$ === 'svg';
|
|
914
511
|
}
|
|
915
512
|
// create element
|
|
916
|
-
elm = newVNode.$elm$ = (
|
|
917
|
-
? doc.createElementNS(isSvgMode ? SVG_NS : HTML_NS, BUILD.slotRelocation && newVNode.$flags$ & 2 /* VNODE_FLAGS.isSlotFallback */
|
|
513
|
+
elm = newVNode.$elm$ = (doc.createElementNS(isSvgMode ? SVG_NS : HTML_NS, newVNode.$flags$ & 2 /* VNODE_FLAGS.isSlotFallback */
|
|
918
514
|
? 'slot-fb'
|
|
919
515
|
: newVNode.$tag$)
|
|
920
|
-
|
|
921
|
-
|
|
922
|
-
: newVNode.$tag$));
|
|
923
|
-
if (BUILD.svg && isSvgMode && newVNode.$tag$ === 'foreignObject') {
|
|
516
|
+
);
|
|
517
|
+
if (isSvgMode && newVNode.$tag$ === 'foreignObject') {
|
|
924
518
|
isSvgMode = false;
|
|
925
519
|
}
|
|
926
520
|
// add css classes, attrs, props, listeners, etc.
|
|
927
|
-
|
|
521
|
+
{
|
|
928
522
|
updateElement(null, newVNode, isSvgMode);
|
|
929
523
|
}
|
|
930
|
-
if (
|
|
524
|
+
if (isDef(scopeId) && elm['s-si'] !== scopeId) {
|
|
931
525
|
// if there is a scopeId and this is the initial render
|
|
932
526
|
// then let's add the scopeId as a css class
|
|
933
527
|
elm.classList.add((elm['s-si'] = scopeId));
|
|
@@ -943,7 +537,7 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
|
943
537
|
}
|
|
944
538
|
}
|
|
945
539
|
}
|
|
946
|
-
|
|
540
|
+
{
|
|
947
541
|
if (newVNode.$tag$ === 'svg') {
|
|
948
542
|
// Only reset the SVG context when we're exiting <svg> element
|
|
949
543
|
isSvgMode = false;
|
|
@@ -954,7 +548,7 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
|
954
548
|
}
|
|
955
549
|
}
|
|
956
550
|
}
|
|
957
|
-
|
|
551
|
+
{
|
|
958
552
|
elm['s-hn'] = hostTagName;
|
|
959
553
|
if (newVNode.$flags$ & (2 /* VNODE_FLAGS.isSlotFallback */ | 1 /* VNODE_FLAGS.isSlotReference */)) {
|
|
960
554
|
// remember the content reference comment
|
|
@@ -999,9 +593,9 @@ const putBackInOriginalLocation = (parentElm, recursive) => {
|
|
|
999
593
|
plt.$flags$ &= ~1 /* PLATFORM_FLAGS.isTmpDisconnected */;
|
|
1000
594
|
};
|
|
1001
595
|
const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
|
|
1002
|
-
let containerElm = ((
|
|
596
|
+
let containerElm = ((parentElm['s-cr'] && parentElm['s-cr'].parentNode) || parentElm);
|
|
1003
597
|
let childNode;
|
|
1004
|
-
if (
|
|
598
|
+
if (containerElm.shadowRoot && containerElm.tagName === hostTagName) {
|
|
1005
599
|
containerElm = containerElm.shadowRoot;
|
|
1006
600
|
}
|
|
1007
601
|
for (; startIdx <= endIdx; ++startIdx) {
|
|
@@ -1009,7 +603,7 @@ const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) =>
|
|
|
1009
603
|
childNode = createElm(null, parentVNode, startIdx, parentElm);
|
|
1010
604
|
if (childNode) {
|
|
1011
605
|
vnodes[startIdx].$elm$ = childNode;
|
|
1012
|
-
containerElm.insertBefore(childNode,
|
|
606
|
+
containerElm.insertBefore(childNode, referenceNode(before) );
|
|
1013
607
|
}
|
|
1014
608
|
}
|
|
1015
609
|
}
|
|
@@ -1019,7 +613,7 @@ const removeVnodes = (vnodes, startIdx, endIdx, vnode, elm) => {
|
|
|
1019
613
|
if ((vnode = vnodes[startIdx])) {
|
|
1020
614
|
elm = vnode.$elm$;
|
|
1021
615
|
callNodeRefs(vnode);
|
|
1022
|
-
|
|
616
|
+
{
|
|
1023
617
|
// we're removing this element
|
|
1024
618
|
// so it's possible we need to show slot fallback content now
|
|
1025
619
|
checkSlotFallbackVisibility = true;
|
|
@@ -1165,7 +759,7 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
|
|
|
1165
759
|
//
|
|
1166
760
|
// In this situation we need to patch `newEndVnode` onto `oldStartVnode`
|
|
1167
761
|
// and move the DOM element for `oldStartVnode`.
|
|
1168
|
-
if (
|
|
762
|
+
if ((oldStartVnode.$tag$ === 'slot' || newEndVnode.$tag$ === 'slot')) {
|
|
1169
763
|
putBackInOriginalLocation(oldStartVnode.$elm$.parentNode, false);
|
|
1170
764
|
}
|
|
1171
765
|
patch(oldStartVnode, newEndVnode);
|
|
@@ -1206,7 +800,7 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
|
|
|
1206
800
|
// (which will handle updating any changed attributes, reconciling their
|
|
1207
801
|
// children etc) but we also need to move the DOM node to which
|
|
1208
802
|
// `oldEndVnode` corresponds.
|
|
1209
|
-
if (
|
|
803
|
+
if ((oldStartVnode.$tag$ === 'slot' || newEndVnode.$tag$ === 'slot')) {
|
|
1210
804
|
putBackInOriginalLocation(oldEndVnode.$elm$.parentNode, false);
|
|
1211
805
|
}
|
|
1212
806
|
patch(oldEndVnode, newStartVnode);
|
|
@@ -1229,7 +823,7 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
|
|
|
1229
823
|
// children which have the same key as the first node in the new
|
|
1230
824
|
// children.
|
|
1231
825
|
idxInOld = -1;
|
|
1232
|
-
|
|
826
|
+
{
|
|
1233
827
|
for (i = oldStartIdx; i <= oldEndIdx; ++i) {
|
|
1234
828
|
if (oldCh[i] && oldCh[i].$key$ !== null && oldCh[i].$key$ === newStartVnode.$key$) {
|
|
1235
829
|
idxInOld = i;
|
|
@@ -1237,7 +831,7 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
|
|
|
1237
831
|
}
|
|
1238
832
|
}
|
|
1239
833
|
}
|
|
1240
|
-
if (
|
|
834
|
+
if (idxInOld >= 0) {
|
|
1241
835
|
// We found a node in the old children which matches up with the first
|
|
1242
836
|
// node in the new children! So let's deal with that
|
|
1243
837
|
elmToMove = oldCh[idxInOld];
|
|
@@ -1264,12 +858,9 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
|
|
|
1264
858
|
}
|
|
1265
859
|
if (node) {
|
|
1266
860
|
// if we created a new node then handle inserting it to the DOM
|
|
1267
|
-
|
|
861
|
+
{
|
|
1268
862
|
parentReferenceNode(oldStartVnode.$elm$).insertBefore(node, referenceNode(oldStartVnode.$elm$));
|
|
1269
863
|
}
|
|
1270
|
-
else {
|
|
1271
|
-
oldStartVnode.$elm$.parentNode.insertBefore(node, oldStartVnode.$elm$);
|
|
1272
|
-
}
|
|
1273
864
|
}
|
|
1274
865
|
}
|
|
1275
866
|
}
|
|
@@ -1277,7 +868,7 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
|
|
|
1277
868
|
// we have some more new nodes to add which don't match up with old nodes
|
|
1278
869
|
addVnodes(parentElm, newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].$elm$, newVNode, newCh, newStartIdx, newEndIdx);
|
|
1279
870
|
}
|
|
1280
|
-
else if (
|
|
871
|
+
else if (newStartIdx > newEndIdx) {
|
|
1281
872
|
// there are nodes in the `oldCh` array which no longer correspond to nodes
|
|
1282
873
|
// in the new array, so lets remove them (which entails cleaning up the
|
|
1283
874
|
// relevant DOM nodes)
|
|
@@ -1305,14 +896,13 @@ const isSameVnode = (leftVNode, rightVNode) => {
|
|
|
1305
896
|
// compare if two vnode to see if they're "technically" the same
|
|
1306
897
|
// need to have the same element tag, and same key to be the same
|
|
1307
898
|
if (leftVNode.$tag$ === rightVNode.$tag$) {
|
|
1308
|
-
if (
|
|
899
|
+
if (leftVNode.$tag$ === 'slot') {
|
|
1309
900
|
return leftVNode.$name$ === rightVNode.$name$;
|
|
1310
901
|
}
|
|
1311
902
|
// this will be set if components in the build have `key` attrs set on them
|
|
1312
|
-
|
|
903
|
+
{
|
|
1313
904
|
return leftVNode.$key$ === rightVNode.$key$;
|
|
1314
905
|
}
|
|
1315
|
-
return true;
|
|
1316
906
|
}
|
|
1317
907
|
return false;
|
|
1318
908
|
};
|
|
@@ -1339,14 +929,14 @@ const patch = (oldVNode, newVNode) => {
|
|
|
1339
929
|
const tag = newVNode.$tag$;
|
|
1340
930
|
const text = newVNode.$text$;
|
|
1341
931
|
let defaultHolder;
|
|
1342
|
-
if (
|
|
1343
|
-
|
|
932
|
+
if (text === null) {
|
|
933
|
+
{
|
|
1344
934
|
// test if we're rendering an svg element, or still rendering nodes inside of one
|
|
1345
935
|
// only add this to the when the compiler sees we're using an svg somewhere
|
|
1346
936
|
isSvgMode = tag === 'svg' ? true : tag === 'foreignObject' ? false : isSvgMode;
|
|
1347
937
|
}
|
|
1348
|
-
|
|
1349
|
-
if (
|
|
938
|
+
{
|
|
939
|
+
if (tag === 'slot')
|
|
1350
940
|
;
|
|
1351
941
|
else {
|
|
1352
942
|
// either this is the first render of an element OR it's an update
|
|
@@ -1355,33 +945,33 @@ const patch = (oldVNode, newVNode) => {
|
|
|
1355
945
|
updateElement(oldVNode, newVNode, isSvgMode);
|
|
1356
946
|
}
|
|
1357
947
|
}
|
|
1358
|
-
if (
|
|
948
|
+
if (oldChildren !== null && newChildren !== null) {
|
|
1359
949
|
// looks like there's child vnodes for both the old and new vnodes
|
|
1360
950
|
// so we need to call `updateChildren` to reconcile them
|
|
1361
951
|
updateChildren(elm, oldChildren, newVNode, newChildren);
|
|
1362
952
|
}
|
|
1363
953
|
else if (newChildren !== null) {
|
|
1364
954
|
// no old child vnodes, but there are new child vnodes to add
|
|
1365
|
-
if (
|
|
955
|
+
if (oldVNode.$text$ !== null) {
|
|
1366
956
|
// the old vnode was text, so be sure to clear it out
|
|
1367
957
|
elm.textContent = '';
|
|
1368
958
|
}
|
|
1369
959
|
// add the new vnode children
|
|
1370
960
|
addVnodes(elm, null, newVNode, newChildren, 0, newChildren.length - 1);
|
|
1371
961
|
}
|
|
1372
|
-
else if (
|
|
962
|
+
else if (oldChildren !== null) {
|
|
1373
963
|
// no new child vnodes, but there are old child vnodes to remove
|
|
1374
964
|
removeVnodes(oldChildren, 0, oldChildren.length - 1);
|
|
1375
965
|
}
|
|
1376
|
-
if (
|
|
966
|
+
if (isSvgMode && tag === 'svg') {
|
|
1377
967
|
isSvgMode = false;
|
|
1378
968
|
}
|
|
1379
969
|
}
|
|
1380
|
-
else if (
|
|
970
|
+
else if ((defaultHolder = elm['s-cr'])) {
|
|
1381
971
|
// this element has slotted content
|
|
1382
972
|
defaultHolder.parentNode.textContent = text;
|
|
1383
973
|
}
|
|
1384
|
-
else if (
|
|
974
|
+
else if (oldVNode.$text$ !== text) {
|
|
1385
975
|
// update the text content for the text only vnode
|
|
1386
976
|
// and also only if the text is different than before
|
|
1387
977
|
elm.data = text;
|
|
@@ -1519,7 +1109,7 @@ const isNodeLocatedInSlot = (nodeToRelocate, slotNameAttr) => {
|
|
|
1519
1109
|
return slotNameAttr === '';
|
|
1520
1110
|
};
|
|
1521
1111
|
const callNodeRefs = (vNode) => {
|
|
1522
|
-
|
|
1112
|
+
{
|
|
1523
1113
|
vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);
|
|
1524
1114
|
vNode.$children$ && vNode.$children$.map(callNodeRefs);
|
|
1525
1115
|
}
|
|
@@ -1530,41 +1120,26 @@ const renderVdom = (hostRef, renderFnResults) => {
|
|
|
1530
1120
|
const oldVNode = hostRef.$vnode$ || newVNode(null, null);
|
|
1531
1121
|
const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
|
|
1532
1122
|
hostTagName = hostElm.tagName;
|
|
1533
|
-
|
|
1534
|
-
if (BUILD.isDev && Array.isArray(renderFnResults) && renderFnResults.some(isHost)) {
|
|
1535
|
-
throw new Error(`The <Host> must be the single root component.
|
|
1536
|
-
Looks like the render() function of "${hostTagName.toLowerCase()}" is returning an array that contains the <Host>.
|
|
1537
|
-
|
|
1538
|
-
The render() function should look like this instead:
|
|
1539
|
-
|
|
1540
|
-
render() {
|
|
1541
|
-
// Do not return an array
|
|
1542
|
-
return (
|
|
1543
|
-
<Host>{content}</Host>
|
|
1544
|
-
);
|
|
1545
|
-
}
|
|
1546
|
-
`);
|
|
1547
|
-
}
|
|
1548
|
-
if (BUILD.reflect && cmpMeta.$attrsToReflect$) {
|
|
1123
|
+
if (cmpMeta.$attrsToReflect$) {
|
|
1549
1124
|
rootVnode.$attrs$ = rootVnode.$attrs$ || {};
|
|
1550
1125
|
cmpMeta.$attrsToReflect$.map(([propName, attribute]) => (rootVnode.$attrs$[attribute] = hostElm[propName]));
|
|
1551
1126
|
}
|
|
1552
1127
|
rootVnode.$tag$ = null;
|
|
1553
1128
|
rootVnode.$flags$ |= 4 /* VNODE_FLAGS.isHost */;
|
|
1554
1129
|
hostRef.$vnode$ = rootVnode;
|
|
1555
|
-
rootVnode.$elm$ = oldVNode.$elm$ = (
|
|
1556
|
-
|
|
1130
|
+
rootVnode.$elm$ = oldVNode.$elm$ = (hostElm.shadowRoot || hostElm );
|
|
1131
|
+
{
|
|
1557
1132
|
scopeId = hostElm['s-sc'];
|
|
1558
1133
|
}
|
|
1559
|
-
|
|
1134
|
+
{
|
|
1560
1135
|
contentRef = hostElm['s-cr'];
|
|
1561
|
-
useNativeShadowDom =
|
|
1136
|
+
useNativeShadowDom = (cmpMeta.$flags$ & 1 /* CMP_FLAGS.shadowDomEncapsulation */) !== 0;
|
|
1562
1137
|
// always reset
|
|
1563
1138
|
checkSlotFallbackVisibility = false;
|
|
1564
1139
|
}
|
|
1565
1140
|
// synchronous patch
|
|
1566
1141
|
patch(oldVNode, rootVnode);
|
|
1567
|
-
|
|
1142
|
+
{
|
|
1568
1143
|
// while we're moving nodes around existing nodes, temporarily disable
|
|
1569
1144
|
// the disconnectCallback from working
|
|
1570
1145
|
plt.$flags$ |= 1 /* PLATFORM_FLAGS.isTmpDisconnected */;
|
|
@@ -1584,9 +1159,7 @@ render() {
|
|
|
1584
1159
|
// add a reference node marking this node's original location
|
|
1585
1160
|
// keep a reference to this node for later lookups
|
|
1586
1161
|
orgLocationNode =
|
|
1587
|
-
|
|
1588
|
-
? originalLocationDebugNode(nodeToRelocate)
|
|
1589
|
-
: doc.createTextNode('');
|
|
1162
|
+
doc.createTextNode('');
|
|
1590
1163
|
orgLocationNode['s-nr'] = nodeToRelocate;
|
|
1591
1164
|
nodeToRelocate.parentNode.insertBefore((nodeToRelocate['s-ol'] = orgLocationNode), nodeToRelocate);
|
|
1592
1165
|
}
|
|
@@ -1643,23 +1216,16 @@ render() {
|
|
|
1643
1216
|
relocateNodes.length = 0;
|
|
1644
1217
|
}
|
|
1645
1218
|
};
|
|
1646
|
-
// slot comment debug nodes only created with the `--debug` flag
|
|
1647
|
-
// otherwise these nodes are text nodes w/out content
|
|
1648
|
-
const slotReferenceDebugNode = (slotVNode) => doc.createComment(`<slot${slotVNode.$name$ ? ' name="' + slotVNode.$name$ + '"' : ''}> (host=${hostTagName.toLowerCase()})`);
|
|
1649
|
-
const originalLocationDebugNode = (nodeToRelocate) => doc.createComment(`org-location for ` +
|
|
1650
|
-
(nodeToRelocate.localName
|
|
1651
|
-
? `<${nodeToRelocate.localName}> (host=${nodeToRelocate['s-hn']})`
|
|
1652
|
-
: `[${nodeToRelocate.textContent}]`));
|
|
1653
1219
|
const attachToAncestor = (hostRef, ancestorComponent) => {
|
|
1654
|
-
if (
|
|
1220
|
+
if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent['s-p']) {
|
|
1655
1221
|
ancestorComponent['s-p'].push(new Promise((r) => (hostRef.$onRenderResolve$ = r)));
|
|
1656
1222
|
}
|
|
1657
1223
|
};
|
|
1658
1224
|
const scheduleUpdate = (hostRef, isInitialLoad) => {
|
|
1659
|
-
|
|
1225
|
+
{
|
|
1660
1226
|
hostRef.$flags$ |= 16 /* HOST_FLAGS.isQueuedForUpdate */;
|
|
1661
1227
|
}
|
|
1662
|
-
if (
|
|
1228
|
+
if (hostRef.$flags$ & 4 /* HOST_FLAGS.isWaitingForChildren */) {
|
|
1663
1229
|
hostRef.$flags$ |= 512 /* HOST_FLAGS.needsRerender */;
|
|
1664
1230
|
return;
|
|
1665
1231
|
}
|
|
@@ -1668,34 +1234,30 @@ const scheduleUpdate = (hostRef, isInitialLoad) => {
|
|
|
1668
1234
|
// has already fired off its lifecycle update then
|
|
1669
1235
|
// fire off the initial update
|
|
1670
1236
|
const dispatch = () => dispatchHooks(hostRef, isInitialLoad);
|
|
1671
|
-
return
|
|
1237
|
+
return writeTask(dispatch) ;
|
|
1672
1238
|
};
|
|
1673
1239
|
const dispatchHooks = (hostRef, isInitialLoad) => {
|
|
1674
|
-
const elm = hostRef.$hostElement$;
|
|
1675
1240
|
const endSchedule = createTime('scheduleUpdate', hostRef.$cmpMeta$.$tagName$);
|
|
1676
|
-
const instance =
|
|
1241
|
+
const instance = hostRef.$lazyInstance$ ;
|
|
1677
1242
|
let promise;
|
|
1678
1243
|
if (isInitialLoad) {
|
|
1679
|
-
|
|
1244
|
+
{
|
|
1680
1245
|
hostRef.$flags$ |= 256 /* HOST_FLAGS.isListenReady */;
|
|
1681
1246
|
if (hostRef.$queuedListeners$) {
|
|
1682
1247
|
hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event));
|
|
1683
1248
|
hostRef.$queuedListeners$ = null;
|
|
1684
1249
|
}
|
|
1685
1250
|
}
|
|
1686
|
-
|
|
1687
|
-
if (BUILD.cmpWillLoad) {
|
|
1251
|
+
{
|
|
1688
1252
|
promise = safeCall(instance, 'componentWillLoad');
|
|
1689
1253
|
}
|
|
1690
1254
|
}
|
|
1691
1255
|
else {
|
|
1692
|
-
|
|
1693
|
-
if (BUILD.cmpWillUpdate) {
|
|
1256
|
+
{
|
|
1694
1257
|
promise = safeCall(instance, 'componentWillUpdate');
|
|
1695
1258
|
}
|
|
1696
1259
|
}
|
|
1697
|
-
|
|
1698
|
-
if (BUILD.cmpWillRender) {
|
|
1260
|
+
{
|
|
1699
1261
|
promise = then(promise, () => safeCall(instance, 'componentWillRender'));
|
|
1700
1262
|
}
|
|
1701
1263
|
endSchedule();
|
|
@@ -1706,46 +1268,15 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
|
|
|
1706
1268
|
const elm = hostRef.$hostElement$;
|
|
1707
1269
|
const endUpdate = createTime('update', hostRef.$cmpMeta$.$tagName$);
|
|
1708
1270
|
const rc = elm['s-rc'];
|
|
1709
|
-
if (
|
|
1271
|
+
if (isInitialLoad) {
|
|
1710
1272
|
// DOM WRITE!
|
|
1711
1273
|
attachStyles(hostRef);
|
|
1712
1274
|
}
|
|
1713
1275
|
const endRender = createTime('render', hostRef.$cmpMeta$.$tagName$);
|
|
1714
|
-
|
|
1715
|
-
hostRef
|
|
1716
|
-
}
|
|
1717
|
-
if (BUILD.hydrateServerSide) {
|
|
1718
|
-
await callRender(hostRef, instance, elm);
|
|
1719
|
-
}
|
|
1720
|
-
else {
|
|
1721
|
-
callRender(hostRef, instance, elm);
|
|
1722
|
-
}
|
|
1723
|
-
if (BUILD.cssVarShim && plt.$cssShim$) {
|
|
1724
|
-
plt.$cssShim$.updateHost(elm);
|
|
1276
|
+
{
|
|
1277
|
+
callRender(hostRef, instance);
|
|
1725
1278
|
}
|
|
1726
|
-
if (
|
|
1727
|
-
hostRef.$renderCount$++;
|
|
1728
|
-
hostRef.$flags$ &= ~1024 /* HOST_FLAGS.devOnRender */;
|
|
1729
|
-
}
|
|
1730
|
-
if (BUILD.hydrateServerSide) {
|
|
1731
|
-
try {
|
|
1732
|
-
// manually connected child components during server-side hydrate
|
|
1733
|
-
serverSideConnected(elm);
|
|
1734
|
-
if (isInitialLoad) {
|
|
1735
|
-
// using only during server-side hydrate
|
|
1736
|
-
if (hostRef.$cmpMeta$.$flags$ & 1 /* CMP_FLAGS.shadowDomEncapsulation */) {
|
|
1737
|
-
elm['s-en'] = '';
|
|
1738
|
-
}
|
|
1739
|
-
else if (hostRef.$cmpMeta$.$flags$ & 2 /* CMP_FLAGS.scopedCssEncapsulation */) {
|
|
1740
|
-
elm['s-en'] = 'c';
|
|
1741
|
-
}
|
|
1742
|
-
}
|
|
1743
|
-
}
|
|
1744
|
-
catch (e) {
|
|
1745
|
-
consoleError(e, elm);
|
|
1746
|
-
}
|
|
1747
|
-
}
|
|
1748
|
-
if (BUILD.asyncLoading && rc) {
|
|
1279
|
+
if (rc) {
|
|
1749
1280
|
// ok, so turns out there are some child host elements
|
|
1750
1281
|
// waiting on this parent element to load
|
|
1751
1282
|
// let's fire off all update callbacks waiting
|
|
@@ -1754,7 +1285,7 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
|
|
|
1754
1285
|
}
|
|
1755
1286
|
endRender();
|
|
1756
1287
|
endUpdate();
|
|
1757
|
-
|
|
1288
|
+
{
|
|
1758
1289
|
const childrenPromises = elm['s-p'];
|
|
1759
1290
|
const postUpdate = () => postUpdateComponent(hostRef);
|
|
1760
1291
|
if (childrenPromises.length === 0) {
|
|
@@ -1766,117 +1297,70 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
|
|
|
1766
1297
|
childrenPromises.length = 0;
|
|
1767
1298
|
}
|
|
1768
1299
|
}
|
|
1769
|
-
else {
|
|
1770
|
-
postUpdateComponent(hostRef);
|
|
1771
|
-
}
|
|
1772
1300
|
};
|
|
1773
1301
|
const callRender = (hostRef, instance, elm) => {
|
|
1774
|
-
// in order for bundlers to correctly treeshake the BUILD object
|
|
1775
|
-
// we need to ensure BUILD is not deoptimized within a try/catch
|
|
1776
|
-
// https://rollupjs.org/guide/en/#treeshake tryCatchDeoptimization
|
|
1777
|
-
const allRenderFn = BUILD.allRenderFn ? true : false;
|
|
1778
|
-
const lazyLoad = BUILD.lazyLoad ? true : false;
|
|
1779
|
-
const taskQueue = BUILD.taskQueue ? true : false;
|
|
1780
|
-
const updatable = BUILD.updatable ? true : false;
|
|
1781
1302
|
try {
|
|
1782
|
-
|
|
1783
|
-
|
|
1784
|
-
if (updatable && taskQueue) {
|
|
1303
|
+
instance = instance.render() ;
|
|
1304
|
+
{
|
|
1785
1305
|
hostRef.$flags$ &= ~16 /* HOST_FLAGS.isQueuedForUpdate */;
|
|
1786
1306
|
}
|
|
1787
|
-
|
|
1307
|
+
{
|
|
1788
1308
|
hostRef.$flags$ |= 2 /* HOST_FLAGS.hasRendered */;
|
|
1789
1309
|
}
|
|
1790
|
-
|
|
1791
|
-
|
|
1310
|
+
{
|
|
1311
|
+
{
|
|
1792
1312
|
// looks like we've got child nodes to render into this host element
|
|
1793
1313
|
// or we need to update the css class/attrs on the host element
|
|
1794
1314
|
// DOM WRITE!
|
|
1795
|
-
|
|
1796
|
-
return Promise.resolve(instance).then((value) => renderVdom(hostRef, value));
|
|
1797
|
-
}
|
|
1798
|
-
else {
|
|
1315
|
+
{
|
|
1799
1316
|
renderVdom(hostRef, instance);
|
|
1800
1317
|
}
|
|
1801
1318
|
}
|
|
1802
|
-
else {
|
|
1803
|
-
elm.textContent = instance;
|
|
1804
|
-
}
|
|
1805
1319
|
}
|
|
1806
1320
|
}
|
|
1807
1321
|
catch (e) {
|
|
1808
1322
|
consoleError(e, hostRef.$hostElement$);
|
|
1809
1323
|
}
|
|
1810
|
-
renderingRef = null;
|
|
1811
1324
|
return null;
|
|
1812
1325
|
};
|
|
1813
|
-
const getRenderingRef = () => renderingRef;
|
|
1814
1326
|
const postUpdateComponent = (hostRef) => {
|
|
1815
1327
|
const tagName = hostRef.$cmpMeta$.$tagName$;
|
|
1816
1328
|
const elm = hostRef.$hostElement$;
|
|
1817
1329
|
const endPostUpdate = createTime('postUpdate', tagName);
|
|
1818
|
-
const instance =
|
|
1330
|
+
const instance = hostRef.$lazyInstance$ ;
|
|
1819
1331
|
const ancestorComponent = hostRef.$ancestorComponent$;
|
|
1820
|
-
|
|
1821
|
-
if (BUILD.isDev) {
|
|
1822
|
-
hostRef.$flags$ |= 1024 /* HOST_FLAGS.devOnRender */;
|
|
1823
|
-
}
|
|
1332
|
+
{
|
|
1824
1333
|
safeCall(instance, 'componentDidRender');
|
|
1825
|
-
if (BUILD.isDev) {
|
|
1826
|
-
hostRef.$flags$ &= ~1024 /* HOST_FLAGS.devOnRender */;
|
|
1827
|
-
}
|
|
1828
1334
|
}
|
|
1829
|
-
emitLifecycleEvent(elm, 'componentDidRender');
|
|
1830
1335
|
if (!(hostRef.$flags$ & 64 /* HOST_FLAGS.hasLoadedComponent */)) {
|
|
1831
1336
|
hostRef.$flags$ |= 64 /* HOST_FLAGS.hasLoadedComponent */;
|
|
1832
|
-
|
|
1337
|
+
{
|
|
1833
1338
|
// DOM WRITE!
|
|
1834
1339
|
addHydratedFlag(elm);
|
|
1835
1340
|
}
|
|
1836
|
-
|
|
1837
|
-
if (BUILD.isDev) {
|
|
1838
|
-
hostRef.$flags$ |= 2048 /* HOST_FLAGS.devOnDidLoad */;
|
|
1839
|
-
}
|
|
1341
|
+
{
|
|
1840
1342
|
safeCall(instance, 'componentDidLoad');
|
|
1841
|
-
if (BUILD.isDev) {
|
|
1842
|
-
hostRef.$flags$ &= ~2048 /* HOST_FLAGS.devOnDidLoad */;
|
|
1843
|
-
}
|
|
1844
1343
|
}
|
|
1845
|
-
emitLifecycleEvent(elm, 'componentDidLoad');
|
|
1846
1344
|
endPostUpdate();
|
|
1847
|
-
|
|
1345
|
+
{
|
|
1848
1346
|
hostRef.$onReadyResolve$(elm);
|
|
1849
1347
|
if (!ancestorComponent) {
|
|
1850
|
-
appDidLoad(
|
|
1348
|
+
appDidLoad();
|
|
1851
1349
|
}
|
|
1852
1350
|
}
|
|
1853
1351
|
}
|
|
1854
1352
|
else {
|
|
1855
|
-
|
|
1856
|
-
// we've already loaded this component
|
|
1857
|
-
// fire off the user's componentDidUpdate method (if one was provided)
|
|
1858
|
-
// componentDidUpdate runs AFTER render() has been called
|
|
1859
|
-
// and all child components have finished updating
|
|
1860
|
-
if (BUILD.isDev) {
|
|
1861
|
-
hostRef.$flags$ |= 1024 /* HOST_FLAGS.devOnRender */;
|
|
1862
|
-
}
|
|
1353
|
+
{
|
|
1863
1354
|
safeCall(instance, 'componentDidUpdate');
|
|
1864
|
-
if (BUILD.isDev) {
|
|
1865
|
-
hostRef.$flags$ &= ~1024 /* HOST_FLAGS.devOnRender */;
|
|
1866
|
-
}
|
|
1867
1355
|
}
|
|
1868
|
-
emitLifecycleEvent(elm, 'componentDidUpdate');
|
|
1869
1356
|
endPostUpdate();
|
|
1870
1357
|
}
|
|
1871
|
-
|
|
1872
|
-
elm['s-hmr-load'] && elm['s-hmr-load']();
|
|
1873
|
-
}
|
|
1874
|
-
if (BUILD.method && BUILD.lazyLoad) {
|
|
1358
|
+
{
|
|
1875
1359
|
hostRef.$onInstanceResolve$(elm);
|
|
1876
1360
|
}
|
|
1877
1361
|
// load events fire from bottom to top
|
|
1878
1362
|
// the deepest elements load first then bubbles up
|
|
1879
|
-
|
|
1363
|
+
{
|
|
1880
1364
|
if (hostRef.$onRenderResolve$) {
|
|
1881
1365
|
hostRef.$onRenderResolve$();
|
|
1882
1366
|
hostRef.$onRenderResolve$ = undefined;
|
|
@@ -1890,32 +1374,13 @@ const postUpdateComponent = (hostRef) => {
|
|
|
1890
1374
|
// ( •_•)>⌐■-■
|
|
1891
1375
|
// (⌐■_■)
|
|
1892
1376
|
};
|
|
1893
|
-
const forceUpdate = (ref) => {
|
|
1894
|
-
if (BUILD.updatable) {
|
|
1895
|
-
const hostRef = getHostRef(ref);
|
|
1896
|
-
const isConnected = hostRef.$hostElement$.isConnected;
|
|
1897
|
-
if (isConnected &&
|
|
1898
|
-
(hostRef.$flags$ & (2 /* HOST_FLAGS.hasRendered */ | 16 /* HOST_FLAGS.isQueuedForUpdate */)) === 2 /* HOST_FLAGS.hasRendered */) {
|
|
1899
|
-
scheduleUpdate(hostRef, false);
|
|
1900
|
-
}
|
|
1901
|
-
// Returns "true" when the forced update was successfully scheduled
|
|
1902
|
-
return isConnected;
|
|
1903
|
-
}
|
|
1904
|
-
return false;
|
|
1905
|
-
};
|
|
1906
1377
|
const appDidLoad = (who) => {
|
|
1907
1378
|
// on appload
|
|
1908
1379
|
// we have finish the first big initial render
|
|
1909
|
-
|
|
1380
|
+
{
|
|
1910
1381
|
addHydratedFlag(doc.documentElement);
|
|
1911
1382
|
}
|
|
1912
|
-
if (BUILD.asyncQueue) {
|
|
1913
|
-
plt.$flags$ |= 2 /* PLATFORM_FLAGS.appLoaded */;
|
|
1914
|
-
}
|
|
1915
1383
|
nextTick(() => emitEvent(win, 'appload', { detail: { namespace: NAMESPACE } }));
|
|
1916
|
-
if (BUILD.profile && performance.measure) {
|
|
1917
|
-
performance.measure(`[Stencil] ${NAMESPACE} initial load (by ${who})`, 'st:app:start');
|
|
1918
|
-
}
|
|
1919
1384
|
};
|
|
1920
1385
|
const safeCall = (instance, method, arg) => {
|
|
1921
1386
|
if (instance && instance[method]) {
|
|
@@ -1931,61 +1396,27 @@ const safeCall = (instance, method, arg) => {
|
|
|
1931
1396
|
const then = (promise, thenFn) => {
|
|
1932
1397
|
return promise && promise.then ? promise.then(thenFn) : thenFn();
|
|
1933
1398
|
};
|
|
1934
|
-
const
|
|
1935
|
-
|
|
1936
|
-
emitEvent(elm, 'stencil_' + lifecycleName, {
|
|
1937
|
-
bubbles: true,
|
|
1938
|
-
composed: true,
|
|
1939
|
-
detail: {
|
|
1940
|
-
namespace: NAMESPACE,
|
|
1941
|
-
},
|
|
1942
|
-
});
|
|
1943
|
-
}
|
|
1944
|
-
};
|
|
1945
|
-
const addHydratedFlag = (elm) => BUILD.hydratedClass
|
|
1946
|
-
? elm.classList.add('hydrated')
|
|
1947
|
-
: BUILD.hydratedAttribute
|
|
1948
|
-
? elm.setAttribute('hydrated', '')
|
|
1949
|
-
: undefined;
|
|
1950
|
-
const serverSideConnected = (elm) => {
|
|
1951
|
-
const children = elm.children;
|
|
1952
|
-
if (children != null) {
|
|
1953
|
-
for (let i = 0, ii = children.length; i < ii; i++) {
|
|
1954
|
-
const childElm = children[i];
|
|
1955
|
-
if (typeof childElm.connectedCallback === 'function') {
|
|
1956
|
-
childElm.connectedCallback();
|
|
1957
|
-
}
|
|
1958
|
-
serverSideConnected(childElm);
|
|
1959
|
-
}
|
|
1960
|
-
}
|
|
1961
|
-
};
|
|
1399
|
+
const addHydratedFlag = (elm) => elm.classList.add('hydrated')
|
|
1400
|
+
;
|
|
1962
1401
|
const getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
|
|
1963
1402
|
const setValue = (ref, propName, newVal, cmpMeta) => {
|
|
1964
1403
|
// check our new property value against our internal value
|
|
1965
1404
|
const hostRef = getHostRef(ref);
|
|
1966
|
-
const elm =
|
|
1405
|
+
const elm = hostRef.$hostElement$ ;
|
|
1967
1406
|
const oldVal = hostRef.$instanceValues$.get(propName);
|
|
1968
1407
|
const flags = hostRef.$flags$;
|
|
1969
|
-
const instance =
|
|
1408
|
+
const instance = hostRef.$lazyInstance$ ;
|
|
1970
1409
|
newVal = parsePropertyValue(newVal, cmpMeta.$members$[propName][0]);
|
|
1971
1410
|
// explicitly check for NaN on both sides, as `NaN === NaN` is always false
|
|
1972
1411
|
const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);
|
|
1973
1412
|
const didValueChange = newVal !== oldVal && !areBothNaN;
|
|
1974
|
-
if ((!
|
|
1413
|
+
if ((!(flags & 8 /* HOST_FLAGS.isConstructingInstance */) || oldVal === undefined) && didValueChange) {
|
|
1975
1414
|
// gadzooks! the property's value has changed!!
|
|
1976
1415
|
// set our new value!
|
|
1977
1416
|
hostRef.$instanceValues$.set(propName, newVal);
|
|
1978
|
-
if (
|
|
1979
|
-
if (hostRef.$flags$ & 1024 /* HOST_FLAGS.devOnRender */) {
|
|
1980
|
-
consoleDevWarn(`The state/prop "${propName}" changed during rendering. This can potentially lead to infinite-loops and other bugs.`, '\nElement', elm, '\nNew value', newVal, '\nOld value', oldVal);
|
|
1981
|
-
}
|
|
1982
|
-
else if (hostRef.$flags$ & 2048 /* HOST_FLAGS.devOnDidLoad */) {
|
|
1983
|
-
consoleDevWarn(`The state/prop "${propName}" changed during "componentDidLoad()", this triggers extra re-renders, try to setup on "componentWillLoad()"`, '\nElement', elm, '\nNew value', newVal, '\nOld value', oldVal);
|
|
1984
|
-
}
|
|
1985
|
-
}
|
|
1986
|
-
if (!BUILD.lazyLoad || instance) {
|
|
1417
|
+
if (instance) {
|
|
1987
1418
|
// get an array of method names of watch functions to call
|
|
1988
|
-
if (
|
|
1419
|
+
if (cmpMeta.$watchers$ && flags & 128 /* HOST_FLAGS.isWatchReady */) {
|
|
1989
1420
|
const watchMethods = cmpMeta.$watchers$[propName];
|
|
1990
1421
|
if (watchMethods) {
|
|
1991
1422
|
// this instance is watching for when this property changed
|
|
@@ -2000,13 +1431,7 @@ const setValue = (ref, propName, newVal, cmpMeta) => {
|
|
|
2000
1431
|
});
|
|
2001
1432
|
}
|
|
2002
1433
|
}
|
|
2003
|
-
if (
|
|
2004
|
-
(flags & (2 /* HOST_FLAGS.hasRendered */ | 16 /* HOST_FLAGS.isQueuedForUpdate */)) === 2 /* HOST_FLAGS.hasRendered */) {
|
|
2005
|
-
if (BUILD.cmpShouldUpdate && instance.componentShouldUpdate) {
|
|
2006
|
-
if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
|
|
2007
|
-
return;
|
|
2008
|
-
}
|
|
2009
|
-
}
|
|
1434
|
+
if ((flags & (2 /* HOST_FLAGS.hasRendered */ | 16 /* HOST_FLAGS.isQueuedForUpdate */)) === 2 /* HOST_FLAGS.hasRendered */) {
|
|
2010
1435
|
// looks like this value actually changed, so we've got work to do!
|
|
2011
1436
|
// but only if we've already rendered, otherwise just chill out
|
|
2012
1437
|
// queue that we need to do an update, but don't worry about queuing
|
|
@@ -2027,17 +1452,16 @@ const setValue = (ref, propName, newVal, cmpMeta) => {
|
|
|
2027
1452
|
* @returns a reference to the same constructor passed in (but now mutated)
|
|
2028
1453
|
*/
|
|
2029
1454
|
const proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
2030
|
-
if (
|
|
2031
|
-
if (
|
|
1455
|
+
if (cmpMeta.$members$) {
|
|
1456
|
+
if (Cstr.watchers) {
|
|
2032
1457
|
cmpMeta.$watchers$ = Cstr.watchers;
|
|
2033
1458
|
}
|
|
2034
1459
|
// It's better to have a const than two Object.entries()
|
|
2035
1460
|
const members = Object.entries(cmpMeta.$members$);
|
|
2036
1461
|
const prototype = Cstr.prototype;
|
|
2037
1462
|
members.map(([memberName, [memberFlags]]) => {
|
|
2038
|
-
if ((
|
|
2039
|
-
|
|
2040
|
-
((!BUILD.lazyLoad || flags & 2 /* PROXY_FLAGS.proxyState */) && memberFlags & 32 /* MEMBER_FLAGS.State */))) {
|
|
1463
|
+
if ((memberFlags & 31 /* MEMBER_FLAGS.Prop */ ||
|
|
1464
|
+
((flags & 2 /* PROXY_FLAGS.proxyState */) && memberFlags & 32 /* MEMBER_FLAGS.State */))) {
|
|
2041
1465
|
// proxyComponent - prop
|
|
2042
1466
|
Object.defineProperty(prototype, memberName, {
|
|
2043
1467
|
get() {
|
|
@@ -2045,21 +1469,6 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
2045
1469
|
return getValue(this, memberName);
|
|
2046
1470
|
},
|
|
2047
1471
|
set(newValue) {
|
|
2048
|
-
// only during dev time
|
|
2049
|
-
if (BUILD.isDev) {
|
|
2050
|
-
const ref = getHostRef(this);
|
|
2051
|
-
if (
|
|
2052
|
-
// we are proxying the instance (not element)
|
|
2053
|
-
(flags & 1 /* PROXY_FLAGS.isElementConstructor */) === 0 &&
|
|
2054
|
-
// the element is not constructing
|
|
2055
|
-
(ref.$flags$ & 8 /* HOST_FLAGS.isConstructingInstance */) === 0 &&
|
|
2056
|
-
// the member is a prop
|
|
2057
|
-
(memberFlags & 31 /* MEMBER_FLAGS.Prop */) !== 0 &&
|
|
2058
|
-
// the member is not mutable
|
|
2059
|
-
(memberFlags & 1024 /* MEMBER_FLAGS.Mutable */) === 0) {
|
|
2060
|
-
consoleDevWarn(`@Prop() "${memberName}" on <${cmpMeta.$tagName$}> is immutable but was modified from within the component.\nMore information: https://stenciljs.com/docs/properties#prop-mutability`);
|
|
2061
|
-
}
|
|
2062
|
-
}
|
|
2063
1472
|
// proxyComponent, set value
|
|
2064
1473
|
setValue(this, memberName, newValue, cmpMeta);
|
|
2065
1474
|
},
|
|
@@ -2067,9 +1476,7 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
2067
1476
|
enumerable: true,
|
|
2068
1477
|
});
|
|
2069
1478
|
}
|
|
2070
|
-
else if (
|
|
2071
|
-
BUILD.method &&
|
|
2072
|
-
flags & 1 /* PROXY_FLAGS.isElementConstructor */ &&
|
|
1479
|
+
else if (flags & 1 /* PROXY_FLAGS.isElementConstructor */ &&
|
|
2073
1480
|
memberFlags & 64 /* MEMBER_FLAGS.Method */) {
|
|
2074
1481
|
// proxyComponent - method
|
|
2075
1482
|
Object.defineProperty(prototype, memberName, {
|
|
@@ -2080,7 +1487,7 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
2080
1487
|
});
|
|
2081
1488
|
}
|
|
2082
1489
|
});
|
|
2083
|
-
if (
|
|
1490
|
+
if ((flags & 1 /* PROXY_FLAGS.isElementConstructor */)) {
|
|
2084
1491
|
const attrNameToPropName = new Map();
|
|
2085
1492
|
prototype.attributeChangedCallback = function (attrName, _oldValue, newValue) {
|
|
2086
1493
|
plt.jmp(() => {
|
|
@@ -2140,7 +1547,7 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
2140
1547
|
.map(([propName, m]) => {
|
|
2141
1548
|
const attrName = m[1] || propName;
|
|
2142
1549
|
attrNameToPropName.set(attrName, propName);
|
|
2143
|
-
if (
|
|
1550
|
+
if (m[0] & 512 /* MEMBER_FLAGS.ReflectAttr */) {
|
|
2144
1551
|
cmpMeta.$attrsToReflect$.push([propName, attrName]);
|
|
2145
1552
|
}
|
|
2146
1553
|
return attrName;
|
|
@@ -2151,29 +1558,25 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
2151
1558
|
};
|
|
2152
1559
|
const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) => {
|
|
2153
1560
|
// initializeComponent
|
|
2154
|
-
if ((
|
|
2155
|
-
|
|
2156
|
-
if (BUILD.lazyLoad || BUILD.hydrateClientSide) {
|
|
1561
|
+
if ((hostRef.$flags$ & 32 /* HOST_FLAGS.hasInitializedComponent */) === 0) {
|
|
1562
|
+
{
|
|
2157
1563
|
// we haven't initialized this element yet
|
|
2158
1564
|
hostRef.$flags$ |= 32 /* HOST_FLAGS.hasInitializedComponent */;
|
|
2159
1565
|
// lazy loaded components
|
|
2160
1566
|
// request the component's implementation to be
|
|
2161
1567
|
// wired up with the host element
|
|
2162
|
-
Cstr = loadModule(cmpMeta
|
|
1568
|
+
Cstr = loadModule(cmpMeta);
|
|
2163
1569
|
if (Cstr.then) {
|
|
2164
1570
|
// Await creates a micro-task avoid if possible
|
|
2165
|
-
const endLoad = uniqueTime(
|
|
1571
|
+
const endLoad = uniqueTime();
|
|
2166
1572
|
Cstr = await Cstr;
|
|
2167
1573
|
endLoad();
|
|
2168
1574
|
}
|
|
2169
|
-
if (
|
|
2170
|
-
throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
|
|
2171
|
-
}
|
|
2172
|
-
if (BUILD.member && !Cstr.isProxied) {
|
|
1575
|
+
if (!Cstr.isProxied) {
|
|
2173
1576
|
// we've never proxied this Constructor before
|
|
2174
1577
|
// let's add the getters/setters to its prototype before
|
|
2175
1578
|
// the first time we create an instance of the implementation
|
|
2176
|
-
|
|
1579
|
+
{
|
|
2177
1580
|
cmpMeta.$watchers$ = Cstr.watchers;
|
|
2178
1581
|
}
|
|
2179
1582
|
proxyComponent(Cstr, cmpMeta, 2 /* PROXY_FLAGS.proxyState */);
|
|
@@ -2183,7 +1586,7 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
|
|
|
2183
1586
|
// ok, time to construct the instance
|
|
2184
1587
|
// but let's keep track of when we start and stop
|
|
2185
1588
|
// so that the getters/setters don't incorrectly step on data
|
|
2186
|
-
|
|
1589
|
+
{
|
|
2187
1590
|
hostRef.$flags$ |= 8 /* HOST_FLAGS.isConstructingInstance */;
|
|
2188
1591
|
}
|
|
2189
1592
|
// construct the lazy-loaded component implementation
|
|
@@ -2196,42 +1599,20 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
|
|
|
2196
1599
|
catch (e) {
|
|
2197
1600
|
consoleError(e);
|
|
2198
1601
|
}
|
|
2199
|
-
|
|
1602
|
+
{
|
|
2200
1603
|
hostRef.$flags$ &= ~8 /* HOST_FLAGS.isConstructingInstance */;
|
|
2201
1604
|
}
|
|
2202
|
-
|
|
1605
|
+
{
|
|
2203
1606
|
hostRef.$flags$ |= 128 /* HOST_FLAGS.isWatchReady */;
|
|
2204
1607
|
}
|
|
2205
1608
|
endNewInstance();
|
|
2206
|
-
fireConnectedCallback(hostRef.$lazyInstance$);
|
|
2207
|
-
}
|
|
2208
|
-
else {
|
|
2209
|
-
// sync constructor component
|
|
2210
|
-
Cstr = elm.constructor;
|
|
2211
|
-
hostRef.$flags$ |= 32 /* HOST_FLAGS.hasInitializedComponent */;
|
|
2212
|
-
// wait for the CustomElementRegistry to mark the component as ready before setting `isWatchReady`. Otherwise,
|
|
2213
|
-
// watchers may fire prematurely if `customElements.get()`/`customElements.whenDefined()` resolves _before_
|
|
2214
|
-
// Stencil has completed instantiating the component.
|
|
2215
|
-
customElements.whenDefined(cmpMeta.$tagName$).then(() => (hostRef.$flags$ |= 128 /* HOST_FLAGS.isWatchReady */));
|
|
2216
1609
|
}
|
|
2217
|
-
if (
|
|
1610
|
+
if (Cstr.style) {
|
|
2218
1611
|
// this component has styles but we haven't registered them yet
|
|
2219
1612
|
let style = Cstr.style;
|
|
2220
|
-
|
|
2221
|
-
style = style[(hostRef.$modeName$ = computeMode(elm))];
|
|
2222
|
-
if (BUILD.hydrateServerSide && hostRef.$modeName$) {
|
|
2223
|
-
elm.setAttribute('s-mode', hostRef.$modeName$);
|
|
2224
|
-
}
|
|
2225
|
-
}
|
|
2226
|
-
const scopeId = getScopeId(cmpMeta, hostRef.$modeName$);
|
|
1613
|
+
const scopeId = getScopeId(cmpMeta);
|
|
2227
1614
|
if (!styles.has(scopeId)) {
|
|
2228
1615
|
const endRegisterStyles = createTime('registerStyles', cmpMeta.$tagName$);
|
|
2229
|
-
if (!BUILD.hydrateServerSide &&
|
|
2230
|
-
BUILD.shadowDom &&
|
|
2231
|
-
BUILD.shadowDomShim &&
|
|
2232
|
-
cmpMeta.$flags$ & 8 /* CMP_FLAGS.needsShadowDomShim */) {
|
|
2233
|
-
style = await import('./shadow-css-b18e99d7.js').then((m) => m.scopeCss(style, scopeId, false));
|
|
2234
|
-
}
|
|
2235
1616
|
registerStyle(scopeId, style, !!(cmpMeta.$flags$ & 1 /* CMP_FLAGS.shadowDomEncapsulation */));
|
|
2236
1617
|
endRegisterStyles();
|
|
2237
1618
|
}
|
|
@@ -2240,7 +1621,7 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
|
|
|
2240
1621
|
// we've successfully created a lazy instance
|
|
2241
1622
|
const ancestorComponent = hostRef.$ancestorComponent$;
|
|
2242
1623
|
const schedule = () => scheduleUpdate(hostRef, true);
|
|
2243
|
-
if (
|
|
1624
|
+
if (ancestorComponent && ancestorComponent['s-rc']) {
|
|
2244
1625
|
// this is the initial load and this component it has an ancestor component
|
|
2245
1626
|
// but the ancestor component has NOT fired its will update lifecycle yet
|
|
2246
1627
|
// so let's just cool our jets and wait for the ancestor to continue first
|
|
@@ -2253,59 +1634,31 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
|
|
|
2253
1634
|
schedule();
|
|
2254
1635
|
}
|
|
2255
1636
|
};
|
|
2256
|
-
const fireConnectedCallback = (instance) => {
|
|
2257
|
-
if (BUILD.lazyLoad && BUILD.connectedCallback) {
|
|
2258
|
-
safeCall(instance, 'connectedCallback');
|
|
2259
|
-
}
|
|
2260
|
-
};
|
|
2261
1637
|
const connectedCallback = (elm) => {
|
|
2262
1638
|
if ((plt.$flags$ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {
|
|
2263
1639
|
const hostRef = getHostRef(elm);
|
|
2264
1640
|
const cmpMeta = hostRef.$cmpMeta$;
|
|
2265
1641
|
const endConnected = createTime('connectedCallback', cmpMeta.$tagName$);
|
|
2266
|
-
if (BUILD.hostListenerTargetParent) {
|
|
2267
|
-
// only run if we have listeners being attached to a parent
|
|
2268
|
-
addHostEventListeners(elm, hostRef, cmpMeta.$listeners$, true);
|
|
2269
|
-
}
|
|
2270
1642
|
if (!(hostRef.$flags$ & 1 /* HOST_FLAGS.hasConnected */)) {
|
|
2271
1643
|
// first time this component has connected
|
|
2272
1644
|
hostRef.$flags$ |= 1 /* HOST_FLAGS.hasConnected */;
|
|
2273
|
-
|
|
2274
|
-
if (BUILD.hydrateClientSide) {
|
|
2275
|
-
hostId = elm.getAttribute(HYDRATE_ID);
|
|
2276
|
-
if (hostId) {
|
|
2277
|
-
if (BUILD.shadowDom && supportsShadow && cmpMeta.$flags$ & 1 /* CMP_FLAGS.shadowDomEncapsulation */) {
|
|
2278
|
-
const scopeId = BUILD.mode
|
|
2279
|
-
? addStyle(elm.shadowRoot, cmpMeta, elm.getAttribute('s-mode'))
|
|
2280
|
-
: addStyle(elm.shadowRoot, cmpMeta);
|
|
2281
|
-
elm.classList.remove(scopeId + '-h', scopeId + '-s');
|
|
2282
|
-
}
|
|
2283
|
-
initializeClientHydrate(elm, cmpMeta.$tagName$, hostId, hostRef);
|
|
2284
|
-
}
|
|
2285
|
-
}
|
|
2286
|
-
if (BUILD.slotRelocation && !hostId) {
|
|
1645
|
+
{
|
|
2287
1646
|
// initUpdate
|
|
2288
1647
|
// if the slot polyfill is required we'll need to put some nodes
|
|
2289
1648
|
// in here to act as original content anchors as we move nodes around
|
|
2290
1649
|
// host element has been connected to the DOM
|
|
2291
|
-
if (
|
|
2292
|
-
((BUILD.slot || BUILD.shadowDom) &&
|
|
2293
|
-
cmpMeta.$flags$ & (4 /* CMP_FLAGS.hasSlotRelocation */ | 8 /* CMP_FLAGS.needsShadowDomShim */))) {
|
|
1650
|
+
if ((cmpMeta.$flags$ & (4 /* CMP_FLAGS.hasSlotRelocation */ | 8 /* CMP_FLAGS.needsShadowDomShim */))) {
|
|
2294
1651
|
setContentReference(elm);
|
|
2295
1652
|
}
|
|
2296
1653
|
}
|
|
2297
|
-
|
|
1654
|
+
{
|
|
2298
1655
|
// find the first ancestor component (if there is one) and register
|
|
2299
1656
|
// this component as one of the actively loading child components for its ancestor
|
|
2300
1657
|
let ancestorComponent = elm;
|
|
2301
1658
|
while ((ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host)) {
|
|
2302
1659
|
// climb up the ancestors looking for the first
|
|
2303
1660
|
// component that hasn't finished its lifecycle update yet
|
|
2304
|
-
if (
|
|
2305
|
-
ancestorComponent.nodeType === 1 /* NODE_TYPE.ElementNode */ &&
|
|
2306
|
-
ancestorComponent.hasAttribute('s-id') &&
|
|
2307
|
-
ancestorComponent['s-p']) ||
|
|
2308
|
-
ancestorComponent['s-p']) {
|
|
1661
|
+
if (ancestorComponent['s-p']) {
|
|
2309
1662
|
// we found this components first ancestor component
|
|
2310
1663
|
// keep a reference to this component's ancestor component
|
|
2311
1664
|
attachToAncestor(hostRef, (hostRef.$ancestorComponent$ = ancestorComponent));
|
|
@@ -2315,7 +1668,7 @@ const connectedCallback = (elm) => {
|
|
|
2315
1668
|
}
|
|
2316
1669
|
// Lazy properties
|
|
2317
1670
|
// https://developers.google.com/web/fundamentals/web-components/best-practices#lazy-properties
|
|
2318
|
-
if (
|
|
1671
|
+
if (cmpMeta.$members$) {
|
|
2319
1672
|
Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
|
|
2320
1673
|
if (memberFlags & 31 /* MEMBER_FLAGS.Prop */ && elm.hasOwnProperty(memberName)) {
|
|
2321
1674
|
const value = elm[memberName];
|
|
@@ -2324,14 +1677,7 @@ const connectedCallback = (elm) => {
|
|
|
2324
1677
|
}
|
|
2325
1678
|
});
|
|
2326
1679
|
}
|
|
2327
|
-
|
|
2328
|
-
// connectedCallback, taskQueue, initialLoad
|
|
2329
|
-
// angular sets attribute AFTER connectCallback
|
|
2330
|
-
// https://github.com/angular/angular/issues/18909
|
|
2331
|
-
// https://github.com/angular/angular/issues/19940
|
|
2332
|
-
nextTick(() => initializeComponent(elm, hostRef, cmpMeta));
|
|
2333
|
-
}
|
|
2334
|
-
else {
|
|
1680
|
+
{
|
|
2335
1681
|
initializeComponent(elm, hostRef, cmpMeta);
|
|
2336
1682
|
}
|
|
2337
1683
|
}
|
|
@@ -2339,9 +1685,7 @@ const connectedCallback = (elm) => {
|
|
|
2339
1685
|
// not the first time this has connected
|
|
2340
1686
|
// reattach any event listeners to the host
|
|
2341
1687
|
// since they would have been removed when disconnected
|
|
2342
|
-
addHostEventListeners(elm, hostRef, cmpMeta.$listeners
|
|
2343
|
-
// fire off connectedCallback() on component instance
|
|
2344
|
-
fireConnectedCallback(hostRef.$lazyInstance$);
|
|
1688
|
+
addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
|
|
2345
1689
|
}
|
|
2346
1690
|
endConnected();
|
|
2347
1691
|
}
|
|
@@ -2353,316 +1697,27 @@ const setContentReference = (elm) => {
|
|
|
2353
1697
|
// let's pick out the inner content for slot projection
|
|
2354
1698
|
// create a node to represent where the original
|
|
2355
1699
|
// content was first placed, which is useful later on
|
|
2356
|
-
const contentRefElm = (elm['s-cr'] = doc.createComment(
|
|
1700
|
+
const contentRefElm = (elm['s-cr'] = doc.createComment(''));
|
|
2357
1701
|
contentRefElm['s-cn'] = true;
|
|
2358
1702
|
elm.insertBefore(contentRefElm, elm.firstChild);
|
|
2359
1703
|
};
|
|
2360
1704
|
const disconnectedCallback = (elm) => {
|
|
2361
1705
|
if ((plt.$flags$ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {
|
|
2362
1706
|
const hostRef = getHostRef(elm);
|
|
2363
|
-
const instance =
|
|
2364
|
-
|
|
1707
|
+
const instance = hostRef.$lazyInstance$ ;
|
|
1708
|
+
{
|
|
2365
1709
|
if (hostRef.$rmListeners$) {
|
|
2366
1710
|
hostRef.$rmListeners$.map((rmListener) => rmListener());
|
|
2367
1711
|
hostRef.$rmListeners$ = undefined;
|
|
2368
1712
|
}
|
|
2369
1713
|
}
|
|
2370
|
-
|
|
2371
|
-
if (BUILD.cssVarShim && plt.$cssShim$) {
|
|
2372
|
-
plt.$cssShim$.removeHost(elm);
|
|
2373
|
-
}
|
|
2374
|
-
if (BUILD.lazyLoad && BUILD.disconnectedCallback) {
|
|
1714
|
+
{
|
|
2375
1715
|
safeCall(instance, 'disconnectedCallback');
|
|
2376
1716
|
}
|
|
2377
|
-
if (BUILD.cmpDidUnload) {
|
|
2378
|
-
safeCall(instance, 'componentDidUnload');
|
|
2379
|
-
}
|
|
2380
1717
|
}
|
|
2381
1718
|
};
|
|
2382
|
-
const defineCustomElement = (Cstr, compactMeta) => {
|
|
2383
|
-
customElements.define(compactMeta[1], proxyCustomElement(Cstr, compactMeta));
|
|
2384
|
-
};
|
|
2385
|
-
const proxyCustomElement = (Cstr, compactMeta) => {
|
|
2386
|
-
const cmpMeta = {
|
|
2387
|
-
$flags$: compactMeta[0],
|
|
2388
|
-
$tagName$: compactMeta[1],
|
|
2389
|
-
};
|
|
2390
|
-
if (BUILD.member) {
|
|
2391
|
-
cmpMeta.$members$ = compactMeta[2];
|
|
2392
|
-
}
|
|
2393
|
-
if (BUILD.hostListener) {
|
|
2394
|
-
cmpMeta.$listeners$ = compactMeta[3];
|
|
2395
|
-
}
|
|
2396
|
-
if (BUILD.watchCallback) {
|
|
2397
|
-
cmpMeta.$watchers$ = Cstr.$watchers$;
|
|
2398
|
-
}
|
|
2399
|
-
if (BUILD.reflect) {
|
|
2400
|
-
cmpMeta.$attrsToReflect$ = [];
|
|
2401
|
-
}
|
|
2402
|
-
if (BUILD.shadowDom && !supportsShadow && cmpMeta.$flags$ & 1 /* CMP_FLAGS.shadowDomEncapsulation */) {
|
|
2403
|
-
cmpMeta.$flags$ |= 8 /* CMP_FLAGS.needsShadowDomShim */;
|
|
2404
|
-
}
|
|
2405
|
-
const originalConnectedCallback = Cstr.prototype.connectedCallback;
|
|
2406
|
-
const originalDisconnectedCallback = Cstr.prototype.disconnectedCallback;
|
|
2407
|
-
Object.assign(Cstr.prototype, {
|
|
2408
|
-
__registerHost() {
|
|
2409
|
-
registerHost(this, cmpMeta);
|
|
2410
|
-
},
|
|
2411
|
-
connectedCallback() {
|
|
2412
|
-
connectedCallback(this);
|
|
2413
|
-
if (BUILD.connectedCallback && originalConnectedCallback) {
|
|
2414
|
-
originalConnectedCallback.call(this);
|
|
2415
|
-
}
|
|
2416
|
-
},
|
|
2417
|
-
disconnectedCallback() {
|
|
2418
|
-
disconnectedCallback(this);
|
|
2419
|
-
if (BUILD.disconnectedCallback && originalDisconnectedCallback) {
|
|
2420
|
-
originalDisconnectedCallback.call(this);
|
|
2421
|
-
}
|
|
2422
|
-
},
|
|
2423
|
-
__attachShadow() {
|
|
2424
|
-
if (supportsShadow) {
|
|
2425
|
-
if (BUILD.shadowDelegatesFocus) {
|
|
2426
|
-
this.attachShadow({
|
|
2427
|
-
mode: 'open',
|
|
2428
|
-
delegatesFocus: !!(cmpMeta.$flags$ & 16 /* CMP_FLAGS.shadowDelegatesFocus */),
|
|
2429
|
-
});
|
|
2430
|
-
}
|
|
2431
|
-
else {
|
|
2432
|
-
this.attachShadow({ mode: 'open' });
|
|
2433
|
-
}
|
|
2434
|
-
}
|
|
2435
|
-
else {
|
|
2436
|
-
this.shadowRoot = this;
|
|
2437
|
-
}
|
|
2438
|
-
},
|
|
2439
|
-
});
|
|
2440
|
-
Cstr.is = cmpMeta.$tagName$;
|
|
2441
|
-
return proxyComponent(Cstr, cmpMeta, 1 /* PROXY_FLAGS.isElementConstructor */ | 2 /* PROXY_FLAGS.proxyState */);
|
|
2442
|
-
};
|
|
2443
|
-
const forceModeUpdate = (elm) => {
|
|
2444
|
-
if (BUILD.style && BUILD.mode && !BUILD.lazyLoad) {
|
|
2445
|
-
const mode = computeMode(elm);
|
|
2446
|
-
const hostRef = getHostRef(elm);
|
|
2447
|
-
if (hostRef.$modeName$ !== mode) {
|
|
2448
|
-
const cmpMeta = hostRef.$cmpMeta$;
|
|
2449
|
-
const oldScopeId = elm['s-sc'];
|
|
2450
|
-
const scopeId = getScopeId(cmpMeta, mode);
|
|
2451
|
-
const style = elm.constructor.style[mode];
|
|
2452
|
-
const flags = cmpMeta.$flags$;
|
|
2453
|
-
if (style) {
|
|
2454
|
-
if (!styles.has(scopeId)) {
|
|
2455
|
-
registerStyle(scopeId, style, !!(flags & 1 /* CMP_FLAGS.shadowDomEncapsulation */));
|
|
2456
|
-
}
|
|
2457
|
-
hostRef.$modeName$ = mode;
|
|
2458
|
-
elm.classList.remove(oldScopeId + '-h', oldScopeId + '-s');
|
|
2459
|
-
attachStyles(hostRef);
|
|
2460
|
-
forceUpdate(elm);
|
|
2461
|
-
}
|
|
2462
|
-
}
|
|
2463
|
-
}
|
|
2464
|
-
};
|
|
2465
|
-
const patchCloneNode = (HostElementPrototype) => {
|
|
2466
|
-
const orgCloneNode = HostElementPrototype.cloneNode;
|
|
2467
|
-
HostElementPrototype.cloneNode = function (deep) {
|
|
2468
|
-
const srcNode = this;
|
|
2469
|
-
const isShadowDom = BUILD.shadowDom ? srcNode.shadowRoot && supportsShadow : false;
|
|
2470
|
-
const clonedNode = orgCloneNode.call(srcNode, isShadowDom ? deep : false);
|
|
2471
|
-
if (BUILD.slot && !isShadowDom && deep) {
|
|
2472
|
-
let i = 0;
|
|
2473
|
-
let slotted, nonStencilNode;
|
|
2474
|
-
const stencilPrivates = [
|
|
2475
|
-
's-id',
|
|
2476
|
-
's-cr',
|
|
2477
|
-
's-lr',
|
|
2478
|
-
's-rc',
|
|
2479
|
-
's-sc',
|
|
2480
|
-
's-p',
|
|
2481
|
-
's-cn',
|
|
2482
|
-
's-sr',
|
|
2483
|
-
's-sn',
|
|
2484
|
-
's-hn',
|
|
2485
|
-
's-ol',
|
|
2486
|
-
's-nr',
|
|
2487
|
-
's-si',
|
|
2488
|
-
];
|
|
2489
|
-
for (; i < srcNode.childNodes.length; i++) {
|
|
2490
|
-
slotted = srcNode.childNodes[i]['s-nr'];
|
|
2491
|
-
nonStencilNode = stencilPrivates.every((privateField) => !srcNode.childNodes[i][privateField]);
|
|
2492
|
-
if (slotted) {
|
|
2493
|
-
if (BUILD.appendChildSlotFix && clonedNode.__appendChild) {
|
|
2494
|
-
clonedNode.__appendChild(slotted.cloneNode(true));
|
|
2495
|
-
}
|
|
2496
|
-
else {
|
|
2497
|
-
clonedNode.appendChild(slotted.cloneNode(true));
|
|
2498
|
-
}
|
|
2499
|
-
}
|
|
2500
|
-
if (nonStencilNode) {
|
|
2501
|
-
clonedNode.appendChild(srcNode.childNodes[i].cloneNode(true));
|
|
2502
|
-
}
|
|
2503
|
-
}
|
|
2504
|
-
}
|
|
2505
|
-
return clonedNode;
|
|
2506
|
-
};
|
|
2507
|
-
};
|
|
2508
|
-
const patchSlotAppendChild = (HostElementPrototype) => {
|
|
2509
|
-
HostElementPrototype.__appendChild = HostElementPrototype.appendChild;
|
|
2510
|
-
HostElementPrototype.appendChild = function (newChild) {
|
|
2511
|
-
const slotName = (newChild['s-sn'] = getSlotName(newChild));
|
|
2512
|
-
const slotNode = getHostSlotNode(this.childNodes, slotName);
|
|
2513
|
-
if (slotNode) {
|
|
2514
|
-
const slotChildNodes = getHostSlotChildNodes(slotNode, slotName);
|
|
2515
|
-
const appendAfter = slotChildNodes[slotChildNodes.length - 1];
|
|
2516
|
-
return appendAfter.parentNode.insertBefore(newChild, appendAfter.nextSibling);
|
|
2517
|
-
}
|
|
2518
|
-
return this.__appendChild(newChild);
|
|
2519
|
-
};
|
|
2520
|
-
};
|
|
2521
|
-
/**
|
|
2522
|
-
* Patches the text content of an unnamed slotted node inside a scoped component
|
|
2523
|
-
* @param hostElementPrototype the `Element` to be patched
|
|
2524
|
-
* @param cmpMeta component runtime metadata used to determine if the component should be patched or not
|
|
2525
|
-
*/
|
|
2526
|
-
const patchTextContent = (hostElementPrototype, cmpMeta) => {
|
|
2527
|
-
if (BUILD.scoped && cmpMeta.$flags$ & 2 /* CMP_FLAGS.scopedCssEncapsulation */) {
|
|
2528
|
-
const descriptor = Object.getOwnPropertyDescriptor(Node.prototype, 'textContent');
|
|
2529
|
-
Object.defineProperty(hostElementPrototype, '__textContent', descriptor);
|
|
2530
|
-
Object.defineProperty(hostElementPrototype, 'textContent', {
|
|
2531
|
-
get() {
|
|
2532
|
-
var _a;
|
|
2533
|
-
// get the 'default slot', which would be the first slot in a shadow tree (if we were using one), whose name is
|
|
2534
|
-
// the empty string
|
|
2535
|
-
const slotNode = getHostSlotNode(this.childNodes, '');
|
|
2536
|
-
// when a slot node is found, the textContent _may_ be found in the next sibling (text) node, depending on how
|
|
2537
|
-
// nodes were reordered during the vdom render. first try to get the text content from the sibling.
|
|
2538
|
-
if (((_a = slotNode === null || slotNode === void 0 ? void 0 : slotNode.nextSibling) === null || _a === void 0 ? void 0 : _a.nodeType) === 3 /* NODE_TYPES.TEXT_NODE */) {
|
|
2539
|
-
return slotNode.nextSibling.textContent;
|
|
2540
|
-
}
|
|
2541
|
-
else if (slotNode) {
|
|
2542
|
-
return slotNode.textContent;
|
|
2543
|
-
}
|
|
2544
|
-
else {
|
|
2545
|
-
// fallback to the original implementation
|
|
2546
|
-
return this.__textContent;
|
|
2547
|
-
}
|
|
2548
|
-
},
|
|
2549
|
-
set(value) {
|
|
2550
|
-
var _a;
|
|
2551
|
-
// get the 'default slot', which would be the first slot in a shadow tree (if we were using one), whose name is
|
|
2552
|
-
// the empty string
|
|
2553
|
-
const slotNode = getHostSlotNode(this.childNodes, '');
|
|
2554
|
-
// when a slot node is found, the textContent _may_ need to be placed in the next sibling (text) node,
|
|
2555
|
-
// depending on how nodes were reordered during the vdom render. first try to set the text content on the
|
|
2556
|
-
// sibling.
|
|
2557
|
-
if (((_a = slotNode === null || slotNode === void 0 ? void 0 : slotNode.nextSibling) === null || _a === void 0 ? void 0 : _a.nodeType) === 3 /* NODE_TYPES.TEXT_NODE */) {
|
|
2558
|
-
slotNode.nextSibling.textContent = value;
|
|
2559
|
-
}
|
|
2560
|
-
else if (slotNode) {
|
|
2561
|
-
slotNode.textContent = value;
|
|
2562
|
-
}
|
|
2563
|
-
else {
|
|
2564
|
-
// we couldn't find a slot, but that doesn't mean that there isn't one. if this check ran before the DOM
|
|
2565
|
-
// loaded, we could have missed it. check for a content reference element on the scoped component and insert
|
|
2566
|
-
// it there
|
|
2567
|
-
this.__textContent = value;
|
|
2568
|
-
const contentRefElm = this['s-cr'];
|
|
2569
|
-
if (contentRefElm) {
|
|
2570
|
-
this.insertBefore(contentRefElm, this.firstChild);
|
|
2571
|
-
}
|
|
2572
|
-
}
|
|
2573
|
-
},
|
|
2574
|
-
});
|
|
2575
|
-
}
|
|
2576
|
-
};
|
|
2577
|
-
const patchChildSlotNodes = (elm, cmpMeta) => {
|
|
2578
|
-
class FakeNodeList extends Array {
|
|
2579
|
-
item(n) {
|
|
2580
|
-
return this[n];
|
|
2581
|
-
}
|
|
2582
|
-
}
|
|
2583
|
-
if (cmpMeta.$flags$ & 8 /* CMP_FLAGS.needsShadowDomShim */) {
|
|
2584
|
-
const childNodesFn = elm.__lookupGetter__('childNodes');
|
|
2585
|
-
Object.defineProperty(elm, 'children', {
|
|
2586
|
-
get() {
|
|
2587
|
-
return this.childNodes.map((n) => n.nodeType === 1);
|
|
2588
|
-
},
|
|
2589
|
-
});
|
|
2590
|
-
Object.defineProperty(elm, 'childElementCount', {
|
|
2591
|
-
get() {
|
|
2592
|
-
return elm.children.length;
|
|
2593
|
-
},
|
|
2594
|
-
});
|
|
2595
|
-
Object.defineProperty(elm, 'childNodes', {
|
|
2596
|
-
get() {
|
|
2597
|
-
const childNodes = childNodesFn.call(this);
|
|
2598
|
-
if ((plt.$flags$ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0 &&
|
|
2599
|
-
getHostRef(this).$flags$ & 2 /* HOST_FLAGS.hasRendered */) {
|
|
2600
|
-
const result = new FakeNodeList();
|
|
2601
|
-
for (let i = 0; i < childNodes.length; i++) {
|
|
2602
|
-
const slot = childNodes[i]['s-nr'];
|
|
2603
|
-
if (slot) {
|
|
2604
|
-
result.push(slot);
|
|
2605
|
-
}
|
|
2606
|
-
}
|
|
2607
|
-
return result;
|
|
2608
|
-
}
|
|
2609
|
-
return FakeNodeList.from(childNodes);
|
|
2610
|
-
},
|
|
2611
|
-
});
|
|
2612
|
-
}
|
|
2613
|
-
};
|
|
2614
|
-
const getSlotName = (node) => node['s-sn'] || (node.nodeType === 1 && node.getAttribute('slot')) || '';
|
|
2615
|
-
/**
|
|
2616
|
-
* Recursively searches a series of child nodes for a slot with the provided name.
|
|
2617
|
-
* @param childNodes the nodes to search for a slot with a specific name.
|
|
2618
|
-
* @param slotName the name of the slot to match on.
|
|
2619
|
-
* @returns a reference to the slot node that matches the provided name, `null` otherwise
|
|
2620
|
-
*/
|
|
2621
|
-
const getHostSlotNode = (childNodes, slotName) => {
|
|
2622
|
-
let i = 0;
|
|
2623
|
-
let childNode;
|
|
2624
|
-
for (; i < childNodes.length; i++) {
|
|
2625
|
-
childNode = childNodes[i];
|
|
2626
|
-
if (childNode['s-sr'] && childNode['s-sn'] === slotName) {
|
|
2627
|
-
return childNode;
|
|
2628
|
-
}
|
|
2629
|
-
childNode = getHostSlotNode(childNode.childNodes, slotName);
|
|
2630
|
-
if (childNode) {
|
|
2631
|
-
return childNode;
|
|
2632
|
-
}
|
|
2633
|
-
}
|
|
2634
|
-
return null;
|
|
2635
|
-
};
|
|
2636
|
-
const getHostSlotChildNodes = (n, slotName) => {
|
|
2637
|
-
const childNodes = [n];
|
|
2638
|
-
while ((n = n.nextSibling) && n['s-sn'] === slotName) {
|
|
2639
|
-
childNodes.push(n);
|
|
2640
|
-
}
|
|
2641
|
-
return childNodes;
|
|
2642
|
-
};
|
|
2643
|
-
const hmrStart = (elm, cmpMeta, hmrVersionId) => {
|
|
2644
|
-
// ¯\_(ツ)_/¯
|
|
2645
|
-
const hostRef = getHostRef(elm);
|
|
2646
|
-
// reset state flags to only have been connected
|
|
2647
|
-
hostRef.$flags$ = 1 /* HOST_FLAGS.hasConnected */;
|
|
2648
|
-
// TODO
|
|
2649
|
-
// detatch any event listeners that may have been added
|
|
2650
|
-
// because we're not passing an exact event name it'll
|
|
2651
|
-
// remove all of this element's event, which is good
|
|
2652
|
-
// create a callback for when this component finishes hmr
|
|
2653
|
-
elm['s-hmr-load'] = () => {
|
|
2654
|
-
// finished hmr for this element
|
|
2655
|
-
delete elm['s-hmr-load'];
|
|
2656
|
-
};
|
|
2657
|
-
// re-initialize the component
|
|
2658
|
-
initializeComponent(elm, hostRef, cmpMeta, hmrVersionId);
|
|
2659
|
-
};
|
|
2660
1719
|
const bootstrapLazy = (lazyBundles, options = {}) => {
|
|
2661
|
-
|
|
2662
|
-
performance.mark('st:app:start');
|
|
2663
|
-
}
|
|
2664
|
-
installDevTools();
|
|
2665
|
-
const endBootstrap = createTime('bootstrapLazy');
|
|
1720
|
+
const endBootstrap = createTime();
|
|
2666
1721
|
const cmpTags = [];
|
|
2667
1722
|
const exclude = options.exclude || [];
|
|
2668
1723
|
const customElements = win.customElements;
|
|
@@ -2670,27 +1725,10 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
2670
1725
|
const metaCharset = /*@__PURE__*/ head.querySelector('meta[charset]');
|
|
2671
1726
|
const visibilityStyle = /*@__PURE__*/ doc.createElement('style');
|
|
2672
1727
|
const deferredConnectedCallbacks = [];
|
|
2673
|
-
const styles = /*@__PURE__*/ doc.querySelectorAll(`[${HYDRATED_STYLE_ID}]`);
|
|
2674
1728
|
let appLoadFallback;
|
|
2675
1729
|
let isBootstrapping = true;
|
|
2676
|
-
let i = 0;
|
|
2677
1730
|
Object.assign(plt, options);
|
|
2678
1731
|
plt.$resourcesUrl$ = new URL(options.resourcesUrl || './', doc.baseURI).href;
|
|
2679
|
-
if (BUILD.asyncQueue) {
|
|
2680
|
-
if (options.syncQueue) {
|
|
2681
|
-
plt.$flags$ |= 4 /* PLATFORM_FLAGS.queueSync */;
|
|
2682
|
-
}
|
|
2683
|
-
}
|
|
2684
|
-
if (BUILD.hydrateClientSide) {
|
|
2685
|
-
// If the app is already hydrated there is not point to disable the
|
|
2686
|
-
// async queue. This will improve the first input delay
|
|
2687
|
-
plt.$flags$ |= 2 /* PLATFORM_FLAGS.appLoaded */;
|
|
2688
|
-
}
|
|
2689
|
-
if (BUILD.hydrateClientSide && BUILD.shadowDom) {
|
|
2690
|
-
for (; i < styles.length; i++) {
|
|
2691
|
-
registerStyle(styles[i].getAttribute(HYDRATED_STYLE_ID), convertScopedToShadow(styles[i].innerHTML), true);
|
|
2692
|
-
}
|
|
2693
|
-
}
|
|
2694
1732
|
lazyBundles.map((lazyBundle) => {
|
|
2695
1733
|
lazyBundle[1].map((compactMeta) => {
|
|
2696
1734
|
const cmpMeta = {
|
|
@@ -2699,24 +1737,19 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
2699
1737
|
$members$: compactMeta[2],
|
|
2700
1738
|
$listeners$: compactMeta[3],
|
|
2701
1739
|
};
|
|
2702
|
-
|
|
1740
|
+
{
|
|
2703
1741
|
cmpMeta.$members$ = compactMeta[2];
|
|
2704
1742
|
}
|
|
2705
|
-
|
|
1743
|
+
{
|
|
2706
1744
|
cmpMeta.$listeners$ = compactMeta[3];
|
|
2707
1745
|
}
|
|
2708
|
-
|
|
1746
|
+
{
|
|
2709
1747
|
cmpMeta.$attrsToReflect$ = [];
|
|
2710
1748
|
}
|
|
2711
|
-
|
|
1749
|
+
{
|
|
2712
1750
|
cmpMeta.$watchers$ = {};
|
|
2713
1751
|
}
|
|
2714
|
-
|
|
2715
|
-
cmpMeta.$flags$ |= 8 /* CMP_FLAGS.needsShadowDomShim */;
|
|
2716
|
-
}
|
|
2717
|
-
const tagName = BUILD.transformTagName && options.transformTagName
|
|
2718
|
-
? options.transformTagName(cmpMeta.$tagName$)
|
|
2719
|
-
: cmpMeta.$tagName$;
|
|
1752
|
+
const tagName = cmpMeta.$tagName$;
|
|
2720
1753
|
const HostElement = class extends HTMLElement {
|
|
2721
1754
|
// StencilLazyHost
|
|
2722
1755
|
constructor(self) {
|
|
@@ -2724,28 +1757,16 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
2724
1757
|
super(self);
|
|
2725
1758
|
self = this;
|
|
2726
1759
|
registerHost(self, cmpMeta);
|
|
2727
|
-
if (
|
|
1760
|
+
if (cmpMeta.$flags$ & 1 /* CMP_FLAGS.shadowDomEncapsulation */) {
|
|
2728
1761
|
// this component is using shadow dom
|
|
2729
1762
|
// and this browser supports shadow dom
|
|
2730
1763
|
// add the read-only property "shadowRoot" to the host element
|
|
2731
1764
|
// adding the shadow root build conditionals to minimize runtime
|
|
2732
|
-
|
|
2733
|
-
|
|
2734
|
-
self.attachShadow({
|
|
2735
|
-
mode: 'open',
|
|
2736
|
-
delegatesFocus: !!(cmpMeta.$flags$ & 16 /* CMP_FLAGS.shadowDelegatesFocus */),
|
|
2737
|
-
});
|
|
2738
|
-
}
|
|
2739
|
-
else {
|
|
1765
|
+
{
|
|
1766
|
+
{
|
|
2740
1767
|
self.attachShadow({ mode: 'open' });
|
|
2741
1768
|
}
|
|
2742
1769
|
}
|
|
2743
|
-
else if (!BUILD.hydrateServerSide && !('shadowRoot' in self)) {
|
|
2744
|
-
self.shadowRoot = self;
|
|
2745
|
-
}
|
|
2746
|
-
}
|
|
2747
|
-
if (BUILD.slotChildNodesFix) {
|
|
2748
|
-
patchChildSlotNodes(self, cmpMeta);
|
|
2749
1770
|
}
|
|
2750
1771
|
}
|
|
2751
1772
|
connectedCallback() {
|
|
@@ -2768,20 +1789,6 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
2768
1789
|
return getHostRef(this).$onReadyPromise$;
|
|
2769
1790
|
}
|
|
2770
1791
|
};
|
|
2771
|
-
if (BUILD.cloneNodeFix) {
|
|
2772
|
-
patchCloneNode(HostElement.prototype);
|
|
2773
|
-
}
|
|
2774
|
-
if (BUILD.appendChildSlotFix) {
|
|
2775
|
-
patchSlotAppendChild(HostElement.prototype);
|
|
2776
|
-
}
|
|
2777
|
-
if (BUILD.hotModuleReplacement) {
|
|
2778
|
-
HostElement.prototype['s-hmr'] = function (hmrVersionId) {
|
|
2779
|
-
hmrStart(this, cmpMeta, hmrVersionId);
|
|
2780
|
-
};
|
|
2781
|
-
}
|
|
2782
|
-
if (BUILD.scopedSlotTextContentFix) {
|
|
2783
|
-
patchTextContent(HostElement.prototype, cmpMeta);
|
|
2784
|
-
}
|
|
2785
1792
|
cmpMeta.$lazyBundleId$ = lazyBundle[0];
|
|
2786
1793
|
if (!exclude.includes(tagName) && !customElements.get(tagName)) {
|
|
2787
1794
|
cmpTags.push(tagName);
|
|
@@ -2789,7 +1796,7 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
2789
1796
|
}
|
|
2790
1797
|
});
|
|
2791
1798
|
});
|
|
2792
|
-
|
|
1799
|
+
{
|
|
2793
1800
|
visibilityStyle.innerHTML = cmpTags + HYDRATED_CSS;
|
|
2794
1801
|
visibilityStyle.setAttribute('data-styles', '');
|
|
2795
1802
|
head.insertBefore(visibilityStyle, metaCharset ? metaCharset.nextSibling : head.firstChild);
|
|
@@ -2800,89 +1807,17 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
2800
1807
|
deferredConnectedCallbacks.map((host) => host.connectedCallback());
|
|
2801
1808
|
}
|
|
2802
1809
|
else {
|
|
2803
|
-
|
|
2804
|
-
plt.jmp(() => (appLoadFallback = setTimeout(appDidLoad, 30, 'timeout')));
|
|
2805
|
-
}
|
|
2806
|
-
else {
|
|
1810
|
+
{
|
|
2807
1811
|
plt.jmp(() => (appLoadFallback = setTimeout(appDidLoad, 30)));
|
|
2808
1812
|
}
|
|
2809
1813
|
}
|
|
2810
1814
|
// Fallback appLoad event
|
|
2811
1815
|
endBootstrap();
|
|
2812
1816
|
};
|
|
2813
|
-
const getConnect = (_ref, tagName) => {
|
|
2814
|
-
const componentOnReady = () => {
|
|
2815
|
-
let elm = doc.querySelector(tagName);
|
|
2816
|
-
if (!elm) {
|
|
2817
|
-
elm = doc.createElement(tagName);
|
|
2818
|
-
doc.body.appendChild(elm);
|
|
2819
|
-
}
|
|
2820
|
-
return typeof elm.componentOnReady === 'function' ? elm.componentOnReady() : Promise.resolve(elm);
|
|
2821
|
-
};
|
|
2822
|
-
const create = (...args) => {
|
|
2823
|
-
return componentOnReady().then((el) => el.create(...args));
|
|
2824
|
-
};
|
|
2825
|
-
return {
|
|
2826
|
-
create,
|
|
2827
|
-
componentOnReady,
|
|
2828
|
-
};
|
|
2829
|
-
};
|
|
2830
|
-
const getContext = (_elm, context) => {
|
|
2831
|
-
if (context in Context) {
|
|
2832
|
-
return Context[context];
|
|
2833
|
-
}
|
|
2834
|
-
else if (context === 'window') {
|
|
2835
|
-
return win;
|
|
2836
|
-
}
|
|
2837
|
-
else if (context === 'document') {
|
|
2838
|
-
return doc;
|
|
2839
|
-
}
|
|
2840
|
-
else if (context === 'isServer' || context === 'isPrerender') {
|
|
2841
|
-
return BUILD.hydrateServerSide ? true : false;
|
|
2842
|
-
}
|
|
2843
|
-
else if (context === 'isClient') {
|
|
2844
|
-
return BUILD.hydrateServerSide ? false : true;
|
|
2845
|
-
}
|
|
2846
|
-
else if (context === 'resourcesUrl' || context === 'publicPath') {
|
|
2847
|
-
return getAssetPath('.');
|
|
2848
|
-
}
|
|
2849
|
-
else if (context === 'queue') {
|
|
2850
|
-
return {
|
|
2851
|
-
write: writeTask,
|
|
2852
|
-
read: readTask,
|
|
2853
|
-
tick: {
|
|
2854
|
-
then(cb) {
|
|
2855
|
-
return nextTick(cb);
|
|
2856
|
-
},
|
|
2857
|
-
},
|
|
2858
|
-
};
|
|
2859
|
-
}
|
|
2860
|
-
return undefined;
|
|
2861
|
-
};
|
|
2862
|
-
const Fragment = (_, children) => children;
|
|
2863
1817
|
const addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
|
|
2864
|
-
if (
|
|
2865
|
-
// this is called immediately within the element's constructor
|
|
2866
|
-
// initialize our event listeners on the host element
|
|
2867
|
-
// we do this now so that we can listen to events that may
|
|
2868
|
-
// have fired even before the instance is ready
|
|
2869
|
-
if (BUILD.hostListenerTargetParent) {
|
|
2870
|
-
// this component may have event listeners that should be attached to the parent
|
|
2871
|
-
if (attachParentListeners) {
|
|
2872
|
-
// this is being ran from within the connectedCallback
|
|
2873
|
-
// which is important so that we know the host element actually has a parent element
|
|
2874
|
-
// filter out the listeners to only have the ones that ARE being attached to the parent
|
|
2875
|
-
listeners = listeners.filter(([flags]) => flags & 32 /* LISTENER_FLAGS.TargetParent */);
|
|
2876
|
-
}
|
|
2877
|
-
else {
|
|
2878
|
-
// this is being ran from within the component constructor
|
|
2879
|
-
// everything BUT the parent element listeners should be attached at this time
|
|
2880
|
-
// filter out the listeners that are NOT being attached to the parent
|
|
2881
|
-
listeners = listeners.filter(([flags]) => !(flags & 32 /* LISTENER_FLAGS.TargetParent */));
|
|
2882
|
-
}
|
|
2883
|
-
}
|
|
1818
|
+
if (listeners) {
|
|
2884
1819
|
listeners.map(([flags, name, method]) => {
|
|
2885
|
-
const target =
|
|
1820
|
+
const target = getHostListenerTarget(elm, flags) ;
|
|
2886
1821
|
const handler = hostListenerProxy(hostRef, method);
|
|
2887
1822
|
const opts = hostListenerOpts(flags);
|
|
2888
1823
|
plt.ael(target, name, handler, opts);
|
|
@@ -2892,7 +1827,7 @@ const addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) =
|
|
|
2892
1827
|
};
|
|
2893
1828
|
const hostListenerProxy = (hostRef, methodName) => (ev) => {
|
|
2894
1829
|
try {
|
|
2895
|
-
|
|
1830
|
+
{
|
|
2896
1831
|
if (hostRef.$flags$ & 256 /* HOST_FLAGS.isListenReady */) {
|
|
2897
1832
|
// instance is ready, let's call it's member method for this event
|
|
2898
1833
|
hostRef.$lazyInstance$[methodName](ev);
|
|
@@ -2901,172 +1836,22 @@ const hostListenerProxy = (hostRef, methodName) => (ev) => {
|
|
|
2901
1836
|
(hostRef.$queuedListeners$ = hostRef.$queuedListeners$ || []).push([methodName, ev]);
|
|
2902
1837
|
}
|
|
2903
1838
|
}
|
|
2904
|
-
else {
|
|
2905
|
-
hostRef.$hostElement$[methodName](ev);
|
|
2906
|
-
}
|
|
2907
1839
|
}
|
|
2908
1840
|
catch (e) {
|
|
2909
1841
|
consoleError(e);
|
|
2910
1842
|
}
|
|
2911
1843
|
};
|
|
2912
1844
|
const getHostListenerTarget = (elm, flags) => {
|
|
2913
|
-
if (
|
|
1845
|
+
if (flags & 4 /* LISTENER_FLAGS.TargetDocument */)
|
|
2914
1846
|
return doc;
|
|
2915
|
-
if (
|
|
1847
|
+
if (flags & 8 /* LISTENER_FLAGS.TargetWindow */)
|
|
2916
1848
|
return win;
|
|
2917
|
-
if (
|
|
1849
|
+
if (flags & 16 /* LISTENER_FLAGS.TargetBody */)
|
|
2918
1850
|
return doc.body;
|
|
2919
|
-
if (BUILD.hostListenerTargetParent && flags & 32 /* LISTENER_FLAGS.TargetParent */)
|
|
2920
|
-
return elm.parentElement;
|
|
2921
1851
|
return elm;
|
|
2922
1852
|
};
|
|
2923
1853
|
// prettier-ignore
|
|
2924
|
-
const hostListenerOpts = (flags) =>
|
|
2925
|
-
? ({
|
|
2926
|
-
passive: (flags & 1 /* LISTENER_FLAGS.Passive */) !== 0,
|
|
2927
|
-
capture: (flags & 2 /* LISTENER_FLAGS.Capture */) !== 0,
|
|
2928
|
-
})
|
|
2929
|
-
: (flags & 2 /* LISTENER_FLAGS.Capture */) !== 0;
|
|
2930
|
-
const setPlatformOptions = (opts) => Object.assign(plt, opts);
|
|
2931
|
-
const insertVdomAnnotations = (doc, staticComponents) => {
|
|
2932
|
-
if (doc != null) {
|
|
2933
|
-
const docData = {
|
|
2934
|
-
hostIds: 0,
|
|
2935
|
-
rootLevelIds: 0,
|
|
2936
|
-
staticComponents: new Set(staticComponents),
|
|
2937
|
-
};
|
|
2938
|
-
const orgLocationNodes = [];
|
|
2939
|
-
parseVNodeAnnotations(doc, doc.body, docData, orgLocationNodes);
|
|
2940
|
-
orgLocationNodes.forEach((orgLocationNode) => {
|
|
2941
|
-
if (orgLocationNode != null) {
|
|
2942
|
-
const nodeRef = orgLocationNode['s-nr'];
|
|
2943
|
-
let hostId = nodeRef['s-host-id'];
|
|
2944
|
-
let nodeId = nodeRef['s-node-id'];
|
|
2945
|
-
let childId = `${hostId}.${nodeId}`;
|
|
2946
|
-
if (hostId == null) {
|
|
2947
|
-
hostId = 0;
|
|
2948
|
-
docData.rootLevelIds++;
|
|
2949
|
-
nodeId = docData.rootLevelIds;
|
|
2950
|
-
childId = `${hostId}.${nodeId}`;
|
|
2951
|
-
if (nodeRef.nodeType === 1 /* NODE_TYPE.ElementNode */) {
|
|
2952
|
-
nodeRef.setAttribute(HYDRATE_CHILD_ID, childId);
|
|
2953
|
-
}
|
|
2954
|
-
else if (nodeRef.nodeType === 3 /* NODE_TYPE.TextNode */) {
|
|
2955
|
-
if (hostId === 0) {
|
|
2956
|
-
const textContent = nodeRef.nodeValue.trim();
|
|
2957
|
-
if (textContent === '') {
|
|
2958
|
-
// useless whitespace node at the document root
|
|
2959
|
-
orgLocationNode.remove();
|
|
2960
|
-
return;
|
|
2961
|
-
}
|
|
2962
|
-
}
|
|
2963
|
-
const commentBeforeTextNode = doc.createComment(childId);
|
|
2964
|
-
commentBeforeTextNode.nodeValue = `${TEXT_NODE_ID}.${childId}`;
|
|
2965
|
-
nodeRef.parentNode.insertBefore(commentBeforeTextNode, nodeRef);
|
|
2966
|
-
}
|
|
2967
|
-
}
|
|
2968
|
-
let orgLocationNodeId = `${ORG_LOCATION_ID}.${childId}`;
|
|
2969
|
-
const orgLocationParentNode = orgLocationNode.parentElement;
|
|
2970
|
-
if (orgLocationParentNode) {
|
|
2971
|
-
if (orgLocationParentNode['s-en'] === '') {
|
|
2972
|
-
// ending with a "." means that the parent element
|
|
2973
|
-
// of this node's original location is a SHADOW dom element
|
|
2974
|
-
// and this node is apart of the root level light dom
|
|
2975
|
-
orgLocationNodeId += `.`;
|
|
2976
|
-
}
|
|
2977
|
-
else if (orgLocationParentNode['s-en'] === 'c') {
|
|
2978
|
-
// ending with a ".c" means that the parent element
|
|
2979
|
-
// of this node's original location is a SCOPED element
|
|
2980
|
-
// and this node is apart of the root level light dom
|
|
2981
|
-
orgLocationNodeId += `.c`;
|
|
2982
|
-
}
|
|
2983
|
-
}
|
|
2984
|
-
orgLocationNode.nodeValue = orgLocationNodeId;
|
|
2985
|
-
}
|
|
2986
|
-
});
|
|
2987
|
-
}
|
|
2988
|
-
};
|
|
2989
|
-
const parseVNodeAnnotations = (doc, node, docData, orgLocationNodes) => {
|
|
2990
|
-
if (node == null) {
|
|
2991
|
-
return;
|
|
2992
|
-
}
|
|
2993
|
-
if (node['s-nr'] != null) {
|
|
2994
|
-
orgLocationNodes.push(node);
|
|
2995
|
-
}
|
|
2996
|
-
if (node.nodeType === 1 /* NODE_TYPE.ElementNode */) {
|
|
2997
|
-
node.childNodes.forEach((childNode) => {
|
|
2998
|
-
const hostRef = getHostRef(childNode);
|
|
2999
|
-
if (hostRef != null && !docData.staticComponents.has(childNode.nodeName.toLowerCase())) {
|
|
3000
|
-
const cmpData = {
|
|
3001
|
-
nodeIds: 0,
|
|
3002
|
-
};
|
|
3003
|
-
insertVNodeAnnotations(doc, childNode, hostRef.$vnode$, docData, cmpData);
|
|
3004
|
-
}
|
|
3005
|
-
parseVNodeAnnotations(doc, childNode, docData, orgLocationNodes);
|
|
3006
|
-
});
|
|
3007
|
-
}
|
|
3008
|
-
};
|
|
3009
|
-
const insertVNodeAnnotations = (doc, hostElm, vnode, docData, cmpData) => {
|
|
3010
|
-
if (vnode != null) {
|
|
3011
|
-
const hostId = ++docData.hostIds;
|
|
3012
|
-
hostElm.setAttribute(HYDRATE_ID, hostId);
|
|
3013
|
-
if (hostElm['s-cr'] != null) {
|
|
3014
|
-
hostElm['s-cr'].nodeValue = `${CONTENT_REF_ID}.${hostId}`;
|
|
3015
|
-
}
|
|
3016
|
-
if (vnode.$children$ != null) {
|
|
3017
|
-
const depth = 0;
|
|
3018
|
-
vnode.$children$.forEach((vnodeChild, index) => {
|
|
3019
|
-
insertChildVNodeAnnotations(doc, vnodeChild, cmpData, hostId, depth, index);
|
|
3020
|
-
});
|
|
3021
|
-
}
|
|
3022
|
-
if (hostElm && vnode && vnode.$elm$ && !hostElm.hasAttribute('c-id')) {
|
|
3023
|
-
const parent = hostElm.parentElement;
|
|
3024
|
-
if (parent && parent.childNodes) {
|
|
3025
|
-
const parentChildNodes = Array.from(parent.childNodes);
|
|
3026
|
-
const comment = parentChildNodes.find((node) => node.nodeType === 8 /* NODE_TYPE.CommentNode */ && node['s-sr']);
|
|
3027
|
-
if (comment) {
|
|
3028
|
-
const index = parentChildNodes.indexOf(hostElm) - 1;
|
|
3029
|
-
vnode.$elm$.setAttribute(HYDRATE_CHILD_ID, `${comment['s-host-id']}.${comment['s-node-id']}.0.${index}`);
|
|
3030
|
-
}
|
|
3031
|
-
}
|
|
3032
|
-
}
|
|
3033
|
-
}
|
|
3034
|
-
};
|
|
3035
|
-
const insertChildVNodeAnnotations = (doc, vnodeChild, cmpData, hostId, depth, index) => {
|
|
3036
|
-
const childElm = vnodeChild.$elm$;
|
|
3037
|
-
if (childElm == null) {
|
|
3038
|
-
return;
|
|
3039
|
-
}
|
|
3040
|
-
const nodeId = cmpData.nodeIds++;
|
|
3041
|
-
const childId = `${hostId}.${nodeId}.${depth}.${index}`;
|
|
3042
|
-
childElm['s-host-id'] = hostId;
|
|
3043
|
-
childElm['s-node-id'] = nodeId;
|
|
3044
|
-
if (childElm.nodeType === 1 /* NODE_TYPE.ElementNode */) {
|
|
3045
|
-
childElm.setAttribute(HYDRATE_CHILD_ID, childId);
|
|
3046
|
-
}
|
|
3047
|
-
else if (childElm.nodeType === 3 /* NODE_TYPE.TextNode */) {
|
|
3048
|
-
const parentNode = childElm.parentNode;
|
|
3049
|
-
const nodeName = parentNode.nodeName;
|
|
3050
|
-
if (nodeName !== 'STYLE' && nodeName !== 'SCRIPT') {
|
|
3051
|
-
const textNodeId = `${TEXT_NODE_ID}.${childId}`;
|
|
3052
|
-
const commentBeforeTextNode = doc.createComment(textNodeId);
|
|
3053
|
-
parentNode.insertBefore(commentBeforeTextNode, childElm);
|
|
3054
|
-
}
|
|
3055
|
-
}
|
|
3056
|
-
else if (childElm.nodeType === 8 /* NODE_TYPE.CommentNode */) {
|
|
3057
|
-
if (childElm['s-sr']) {
|
|
3058
|
-
const slotName = childElm['s-sn'] || '';
|
|
3059
|
-
const slotNodeId = `${SLOT_NODE_ID}.${childId}.${slotName}`;
|
|
3060
|
-
childElm.nodeValue = slotNodeId;
|
|
3061
|
-
}
|
|
3062
|
-
}
|
|
3063
|
-
if (vnodeChild.$children$ != null) {
|
|
3064
|
-
const childDepth = depth + 1;
|
|
3065
|
-
vnodeChild.$children$.forEach((vnode, index) => {
|
|
3066
|
-
insertChildVNodeAnnotations(doc, vnode, cmpData, hostId, childDepth, index);
|
|
3067
|
-
});
|
|
3068
|
-
}
|
|
3069
|
-
};
|
|
1854
|
+
const hostListenerOpts = (flags) => (flags & 2 /* LISTENER_FLAGS.Capture */) !== 0;
|
|
3070
1855
|
const hostRefs = /*@__PURE__*/ new WeakMap();
|
|
3071
1856
|
const getHostRef = (ref) => hostRefs.get(ref);
|
|
3072
1857
|
const registerInstance = (lazyInstance, hostRef) => hostRefs.set((hostRef.$lazyInstance$ = lazyInstance), hostRef);
|
|
@@ -3077,65 +1862,361 @@ const registerHost = (elm, cmpMeta) => {
|
|
|
3077
1862
|
$cmpMeta$: cmpMeta,
|
|
3078
1863
|
$instanceValues$: new Map(),
|
|
3079
1864
|
};
|
|
3080
|
-
|
|
3081
|
-
hostRef.$renderCount$ = 0;
|
|
3082
|
-
}
|
|
3083
|
-
if (BUILD.method && BUILD.lazyLoad) {
|
|
1865
|
+
{
|
|
3084
1866
|
hostRef.$onInstancePromise$ = new Promise((r) => (hostRef.$onInstanceResolve$ = r));
|
|
3085
1867
|
}
|
|
3086
|
-
|
|
1868
|
+
{
|
|
3087
1869
|
hostRef.$onReadyPromise$ = new Promise((r) => (hostRef.$onReadyResolve$ = r));
|
|
3088
1870
|
elm['s-p'] = [];
|
|
3089
1871
|
elm['s-rc'] = [];
|
|
3090
1872
|
}
|
|
3091
|
-
addHostEventListeners(elm, hostRef, cmpMeta.$listeners
|
|
1873
|
+
addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
|
|
3092
1874
|
return hostRefs.set(elm, hostRef);
|
|
3093
1875
|
};
|
|
3094
1876
|
const isMemberInElement = (elm, memberName) => memberName in elm;
|
|
3095
|
-
const consoleError = (e, el) => (
|
|
3096
|
-
const STENCIL_DEV_MODE = BUILD.isTesting
|
|
3097
|
-
? ['STENCIL:'] // E2E testing
|
|
3098
|
-
: [
|
|
3099
|
-
'%cstencil',
|
|
3100
|
-
'color: white;background:#4c47ff;font-weight: bold; font-size:10px; padding:2px 6px; border-radius: 5px',
|
|
3101
|
-
];
|
|
3102
|
-
const consoleDevError = (...m) => console.error(...STENCIL_DEV_MODE, ...m);
|
|
3103
|
-
const consoleDevWarn = (...m) => console.warn(...STENCIL_DEV_MODE, ...m);
|
|
3104
|
-
const consoleDevInfo = (...m) => console.info(...STENCIL_DEV_MODE, ...m);
|
|
3105
|
-
const setErrorHandler = (handler) => (customError = handler);
|
|
1877
|
+
const consoleError = (e, el) => (0, console.error)(e, el);
|
|
3106
1878
|
const cmpModules = /*@__PURE__*/ new Map();
|
|
3107
1879
|
const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
3108
1880
|
// loadModuleImport
|
|
3109
1881
|
const exportName = cmpMeta.$tagName$.replace(/-/g, '_');
|
|
3110
1882
|
const bundleId = cmpMeta.$lazyBundleId$;
|
|
3111
|
-
|
|
3112
|
-
consoleDevError(`Trying to lazily load component <${cmpMeta.$tagName$}> with style mode "${hostRef.$modeName$}", but it does not exist.`);
|
|
3113
|
-
return undefined;
|
|
3114
|
-
}
|
|
3115
|
-
const module = !BUILD.hotModuleReplacement ? cmpModules.get(bundleId) : false;
|
|
1883
|
+
const module = cmpModules.get(bundleId) ;
|
|
3116
1884
|
if (module) {
|
|
3117
1885
|
return module[exportName];
|
|
3118
1886
|
}
|
|
3119
|
-
|
|
1887
|
+
|
|
1888
|
+
if (!hmrVersionId || !BUILD.hotModuleReplacement) {
|
|
1889
|
+
const processMod = importedModule => {
|
|
1890
|
+
cmpModules.set(bundleId, importedModule);
|
|
1891
|
+
return importedModule[exportName];
|
|
1892
|
+
}
|
|
1893
|
+
switch(bundleId) {
|
|
1894
|
+
|
|
1895
|
+
case 'z-app-header_2':
|
|
1896
|
+
return import(
|
|
1897
|
+
/* webpackMode: "lazy" */
|
|
1898
|
+
'./z-app-header_2.entry.js').then(processMod, consoleError);
|
|
1899
|
+
case 'z-anchor-navigation':
|
|
1900
|
+
return import(
|
|
1901
|
+
/* webpackMode: "lazy" */
|
|
1902
|
+
'./z-anchor-navigation.entry.js').then(processMod, consoleError);
|
|
1903
|
+
case 'z-app-switcher':
|
|
1904
|
+
return import(
|
|
1905
|
+
/* webpackMode: "lazy" */
|
|
1906
|
+
'./z-app-switcher.entry.js').then(processMod, consoleError);
|
|
1907
|
+
case 'z-aria-alert':
|
|
1908
|
+
return import(
|
|
1909
|
+
/* webpackMode: "lazy" */
|
|
1910
|
+
'./z-aria-alert.entry.js').then(processMod, consoleError);
|
|
1911
|
+
case 'z-avatar':
|
|
1912
|
+
return import(
|
|
1913
|
+
/* webpackMode: "lazy" */
|
|
1914
|
+
'./z-avatar.entry.js').then(processMod, consoleError);
|
|
1915
|
+
case 'z-button-sort':
|
|
1916
|
+
return import(
|
|
1917
|
+
/* webpackMode: "lazy" */
|
|
1918
|
+
'./z-button-sort.entry.js').then(processMod, consoleError);
|
|
1919
|
+
case 'z-card':
|
|
1920
|
+
return import(
|
|
1921
|
+
/* webpackMode: "lazy" */
|
|
1922
|
+
'./z-card.entry.js').then(processMod, consoleError);
|
|
1923
|
+
case 'z-carousel':
|
|
1924
|
+
return import(
|
|
1925
|
+
/* webpackMode: "lazy" */
|
|
1926
|
+
'./z-carousel.entry.js').then(processMod, consoleError);
|
|
1927
|
+
case 'z-combobox':
|
|
1928
|
+
return import(
|
|
1929
|
+
/* webpackMode: "lazy" */
|
|
1930
|
+
'./z-combobox.entry.js').then(processMod, consoleError);
|
|
1931
|
+
case 'z-contextual-menu':
|
|
1932
|
+
return import(
|
|
1933
|
+
/* webpackMode: "lazy" */
|
|
1934
|
+
'./z-contextual-menu.entry.js').then(processMod, consoleError);
|
|
1935
|
+
case 'z-cover-hero':
|
|
1936
|
+
return import(
|
|
1937
|
+
/* webpackMode: "lazy" */
|
|
1938
|
+
'./z-cover-hero.entry.js').then(processMod, consoleError);
|
|
1939
|
+
case 'z-date-picker':
|
|
1940
|
+
return import(
|
|
1941
|
+
/* webpackMode: "lazy" */
|
|
1942
|
+
'./z-date-picker.entry.js').then(processMod, consoleError);
|
|
1943
|
+
case 'z-file':
|
|
1944
|
+
return import(
|
|
1945
|
+
/* webpackMode: "lazy" */
|
|
1946
|
+
'./z-file.entry.js').then(processMod, consoleError);
|
|
1947
|
+
case 'z-file-upload':
|
|
1948
|
+
return import(
|
|
1949
|
+
/* webpackMode: "lazy" */
|
|
1950
|
+
'./z-file-upload.entry.js').then(processMod, consoleError);
|
|
1951
|
+
case 'z-info-box':
|
|
1952
|
+
return import(
|
|
1953
|
+
/* webpackMode: "lazy" */
|
|
1954
|
+
'./z-info-box.entry.js').then(processMod, consoleError);
|
|
1955
|
+
case 'z-info-reveal':
|
|
1956
|
+
return import(
|
|
1957
|
+
/* webpackMode: "lazy" */
|
|
1958
|
+
'./z-info-reveal.entry.js').then(processMod, consoleError);
|
|
1959
|
+
case 'z-logo':
|
|
1960
|
+
return import(
|
|
1961
|
+
/* webpackMode: "lazy" */
|
|
1962
|
+
'./z-logo.entry.js').then(processMod, consoleError);
|
|
1963
|
+
case 'z-menu':
|
|
1964
|
+
return import(
|
|
1965
|
+
/* webpackMode: "lazy" */
|
|
1966
|
+
'./z-menu.entry.js').then(processMod, consoleError);
|
|
1967
|
+
case 'z-menu-section':
|
|
1968
|
+
return import(
|
|
1969
|
+
/* webpackMode: "lazy" */
|
|
1970
|
+
'./z-menu-section.entry.js').then(processMod, consoleError);
|
|
1971
|
+
case 'z-messages-pocket':
|
|
1972
|
+
return import(
|
|
1973
|
+
/* webpackMode: "lazy" */
|
|
1974
|
+
'./z-messages-pocket.entry.js').then(processMod, consoleError);
|
|
1975
|
+
case 'z-myz-card-alert':
|
|
1976
|
+
return import(
|
|
1977
|
+
/* webpackMode: "lazy" */
|
|
1978
|
+
'./z-myz-card-alert.entry.js').then(processMod, consoleError);
|
|
1979
|
+
case 'z-myz-card-dictionary':
|
|
1980
|
+
return import(
|
|
1981
|
+
/* webpackMode: "lazy" */
|
|
1982
|
+
'./z-myz-card-dictionary.entry.js').then(processMod, consoleError);
|
|
1983
|
+
case 'z-myz-card-footer':
|
|
1984
|
+
return import(
|
|
1985
|
+
/* webpackMode: "lazy" */
|
|
1986
|
+
'./z-myz-card-footer.entry.js').then(processMod, consoleError);
|
|
1987
|
+
case 'z-myz-card-footer-sections':
|
|
1988
|
+
return import(
|
|
1989
|
+
/* webpackMode: "lazy" */
|
|
1990
|
+
'./z-myz-card-footer-sections.entry.js').then(processMod, consoleError);
|
|
1991
|
+
case 'z-myz-card-icon':
|
|
1992
|
+
return import(
|
|
1993
|
+
/* webpackMode: "lazy" */
|
|
1994
|
+
'./z-myz-card-icon.entry.js').then(processMod, consoleError);
|
|
1995
|
+
case 'z-myz-card-info':
|
|
1996
|
+
return import(
|
|
1997
|
+
/* webpackMode: "lazy" */
|
|
1998
|
+
'./z-myz-card-info.entry.js').then(processMod, consoleError);
|
|
1999
|
+
case 'z-myz-card-list':
|
|
2000
|
+
return import(
|
|
2001
|
+
/* webpackMode: "lazy" */
|
|
2002
|
+
'./z-myz-card-list.entry.js').then(processMod, consoleError);
|
|
2003
|
+
case 'z-myz-list':
|
|
2004
|
+
return import(
|
|
2005
|
+
/* webpackMode: "lazy" */
|
|
2006
|
+
'./z-myz-list.entry.js').then(processMod, consoleError);
|
|
2007
|
+
case 'z-navigation-tab':
|
|
2008
|
+
return import(
|
|
2009
|
+
/* webpackMode: "lazy" */
|
|
2010
|
+
'./z-navigation-tab.entry.js').then(processMod, consoleError);
|
|
2011
|
+
case 'z-navigation-tab-link':
|
|
2012
|
+
return import(
|
|
2013
|
+
/* webpackMode: "lazy" */
|
|
2014
|
+
'./z-navigation-tab-link.entry.js').then(processMod, consoleError);
|
|
2015
|
+
case 'z-navigation-tabs':
|
|
2016
|
+
return import(
|
|
2017
|
+
/* webpackMode: "lazy" */
|
|
2018
|
+
'./z-navigation-tabs.entry.js').then(processMod, consoleError);
|
|
2019
|
+
case 'z-notification':
|
|
2020
|
+
return import(
|
|
2021
|
+
/* webpackMode: "lazy" */
|
|
2022
|
+
'./z-notification.entry.js').then(processMod, consoleError);
|
|
2023
|
+
case 'z-offcanvas':
|
|
2024
|
+
return import(
|
|
2025
|
+
/* webpackMode: "lazy" */
|
|
2026
|
+
'./z-offcanvas.entry.js').then(processMod, consoleError);
|
|
2027
|
+
case 'z-otp':
|
|
2028
|
+
return import(
|
|
2029
|
+
/* webpackMode: "lazy" */
|
|
2030
|
+
'./z-otp.entry.js').then(processMod, consoleError);
|
|
2031
|
+
case 'z-pagination':
|
|
2032
|
+
return import(
|
|
2033
|
+
/* webpackMode: "lazy" */
|
|
2034
|
+
'./z-pagination.entry.js').then(processMod, consoleError);
|
|
2035
|
+
case 'z-panel-elem':
|
|
2036
|
+
return import(
|
|
2037
|
+
/* webpackMode: "lazy" */
|
|
2038
|
+
'./z-panel-elem.entry.js').then(processMod, consoleError);
|
|
2039
|
+
case 'z-pocket-message':
|
|
2040
|
+
return import(
|
|
2041
|
+
/* webpackMode: "lazy" */
|
|
2042
|
+
'./z-pocket-message.entry.js').then(processMod, consoleError);
|
|
2043
|
+
case 'z-range-picker':
|
|
2044
|
+
return import(
|
|
2045
|
+
/* webpackMode: "lazy" */
|
|
2046
|
+
'./z-range-picker.entry.js').then(processMod, consoleError);
|
|
2047
|
+
case 'z-searchbar':
|
|
2048
|
+
return import(
|
|
2049
|
+
/* webpackMode: "lazy" */
|
|
2050
|
+
'./z-searchbar.entry.js').then(processMod, consoleError);
|
|
2051
|
+
case 'z-section-title':
|
|
2052
|
+
return import(
|
|
2053
|
+
/* webpackMode: "lazy" */
|
|
2054
|
+
'./z-section-title.entry.js').then(processMod, consoleError);
|
|
2055
|
+
case 'z-select':
|
|
2056
|
+
return import(
|
|
2057
|
+
/* webpackMode: "lazy" */
|
|
2058
|
+
'./z-select.entry.js').then(processMod, consoleError);
|
|
2059
|
+
case 'z-skip-to-content':
|
|
2060
|
+
return import(
|
|
2061
|
+
/* webpackMode: "lazy" */
|
|
2062
|
+
'./z-skip-to-content.entry.js').then(processMod, consoleError);
|
|
2063
|
+
case 'z-slideshow':
|
|
2064
|
+
return import(
|
|
2065
|
+
/* webpackMode: "lazy" */
|
|
2066
|
+
'./z-slideshow.entry.js').then(processMod, consoleError);
|
|
2067
|
+
case 'z-stepper':
|
|
2068
|
+
return import(
|
|
2069
|
+
/* webpackMode: "lazy" */
|
|
2070
|
+
'./z-stepper.entry.js').then(processMod, consoleError);
|
|
2071
|
+
case 'z-stepper-item':
|
|
2072
|
+
return import(
|
|
2073
|
+
/* webpackMode: "lazy" */
|
|
2074
|
+
'./z-stepper-item.entry.js').then(processMod, consoleError);
|
|
2075
|
+
case 'z-table':
|
|
2076
|
+
return import(
|
|
2077
|
+
/* webpackMode: "lazy" */
|
|
2078
|
+
'./z-table.entry.js').then(processMod, consoleError);
|
|
2079
|
+
case 'z-table-body':
|
|
2080
|
+
return import(
|
|
2081
|
+
/* webpackMode: "lazy" */
|
|
2082
|
+
'./z-table-body.entry.js').then(processMod, consoleError);
|
|
2083
|
+
case 'z-table-expanded-row':
|
|
2084
|
+
return import(
|
|
2085
|
+
/* webpackMode: "lazy" */
|
|
2086
|
+
'./z-table-expanded-row.entry.js').then(processMod, consoleError);
|
|
2087
|
+
case 'z-table-footer':
|
|
2088
|
+
return import(
|
|
2089
|
+
/* webpackMode: "lazy" */
|
|
2090
|
+
'./z-table-footer.entry.js').then(processMod, consoleError);
|
|
2091
|
+
case 'z-table-head':
|
|
2092
|
+
return import(
|
|
2093
|
+
/* webpackMode: "lazy" */
|
|
2094
|
+
'./z-table-head.entry.js').then(processMod, consoleError);
|
|
2095
|
+
case 'z-table-header-row':
|
|
2096
|
+
return import(
|
|
2097
|
+
/* webpackMode: "lazy" */
|
|
2098
|
+
'./z-table-header-row.entry.js').then(processMod, consoleError);
|
|
2099
|
+
case 'z-table-row':
|
|
2100
|
+
return import(
|
|
2101
|
+
/* webpackMode: "lazy" */
|
|
2102
|
+
'./z-table-row.entry.js').then(processMod, consoleError);
|
|
2103
|
+
case 'z-table-sticky-footer':
|
|
2104
|
+
return import(
|
|
2105
|
+
/* webpackMode: "lazy" */
|
|
2106
|
+
'./z-table-sticky-footer.entry.js').then(processMod, consoleError);
|
|
2107
|
+
case 'z-tag':
|
|
2108
|
+
return import(
|
|
2109
|
+
/* webpackMode: "lazy" */
|
|
2110
|
+
'./z-tag.entry.js').then(processMod, consoleError);
|
|
2111
|
+
case 'z-toast-notification':
|
|
2112
|
+
return import(
|
|
2113
|
+
/* webpackMode: "lazy" */
|
|
2114
|
+
'./z-toast-notification.entry.js').then(processMod, consoleError);
|
|
2115
|
+
case 'z-toast-notification-list':
|
|
2116
|
+
return import(
|
|
2117
|
+
/* webpackMode: "lazy" */
|
|
2118
|
+
'./z-toast-notification-list.entry.js').then(processMod, consoleError);
|
|
2119
|
+
case 'z-toggle-button':
|
|
2120
|
+
return import(
|
|
2121
|
+
/* webpackMode: "lazy" */
|
|
2122
|
+
'./z-toggle-button.entry.js').then(processMod, consoleError);
|
|
2123
|
+
case 'z-toggle-switch':
|
|
2124
|
+
return import(
|
|
2125
|
+
/* webpackMode: "lazy" */
|
|
2126
|
+
'./z-toggle-switch.entry.js').then(processMod, consoleError);
|
|
2127
|
+
case 'z-tooltip':
|
|
2128
|
+
return import(
|
|
2129
|
+
/* webpackMode: "lazy" */
|
|
2130
|
+
'./z-tooltip.entry.js').then(processMod, consoleError);
|
|
2131
|
+
case 'z-visually-hidden':
|
|
2132
|
+
return import(
|
|
2133
|
+
/* webpackMode: "lazy" */
|
|
2134
|
+
'./z-visually-hidden.entry.js').then(processMod, consoleError);
|
|
2135
|
+
case 'z-alert':
|
|
2136
|
+
return import(
|
|
2137
|
+
/* webpackMode: "lazy" */
|
|
2138
|
+
'./z-alert.entry.js').then(processMod, consoleError);
|
|
2139
|
+
case 'z-chip':
|
|
2140
|
+
return import(
|
|
2141
|
+
/* webpackMode: "lazy" */
|
|
2142
|
+
'./z-chip.entry.js').then(processMod, consoleError);
|
|
2143
|
+
case 'z-dragdrop-area_3':
|
|
2144
|
+
return import(
|
|
2145
|
+
/* webpackMode: "lazy" */
|
|
2146
|
+
'./z-dragdrop-area_3.entry.js').then(processMod, consoleError);
|
|
2147
|
+
case 'z-ghost-loading':
|
|
2148
|
+
return import(
|
|
2149
|
+
/* webpackMode: "lazy" */
|
|
2150
|
+
'./z-ghost-loading.entry.js').then(processMod, consoleError);
|
|
2151
|
+
case 'z-myz-card_4':
|
|
2152
|
+
return import(
|
|
2153
|
+
/* webpackMode: "lazy" */
|
|
2154
|
+
'./z-myz-card_4.entry.js').then(processMod, consoleError);
|
|
2155
|
+
case 'z-pocket_3':
|
|
2156
|
+
return import(
|
|
2157
|
+
/* webpackMode: "lazy" */
|
|
2158
|
+
'./z-pocket_3.entry.js').then(processMod, consoleError);
|
|
2159
|
+
case 'z-table-cell':
|
|
2160
|
+
return import(
|
|
2161
|
+
/* webpackMode: "lazy" */
|
|
2162
|
+
'./z-table-cell.entry.js').then(processMod, consoleError);
|
|
2163
|
+
case 'z-table-empty-box':
|
|
2164
|
+
return import(
|
|
2165
|
+
/* webpackMode: "lazy" */
|
|
2166
|
+
'./z-table-empty-box.entry.js').then(processMod, consoleError);
|
|
2167
|
+
case 'z-table-header':
|
|
2168
|
+
return import(
|
|
2169
|
+
/* webpackMode: "lazy" */
|
|
2170
|
+
'./z-table-header.entry.js').then(processMod, consoleError);
|
|
2171
|
+
case 'z-myz-list-item':
|
|
2172
|
+
return import(
|
|
2173
|
+
/* webpackMode: "lazy" */
|
|
2174
|
+
'./z-myz-list-item.entry.js').then(processMod, consoleError);
|
|
2175
|
+
case 'z-link':
|
|
2176
|
+
return import(
|
|
2177
|
+
/* webpackMode: "lazy" */
|
|
2178
|
+
'./z-link.entry.js').then(processMod, consoleError);
|
|
2179
|
+
case 'z-list_3':
|
|
2180
|
+
return import(
|
|
2181
|
+
/* webpackMode: "lazy" */
|
|
2182
|
+
'./z-list_3.entry.js').then(processMod, consoleError);
|
|
2183
|
+
case 'z-body_2':
|
|
2184
|
+
return import(
|
|
2185
|
+
/* webpackMode: "lazy" */
|
|
2186
|
+
'./z-body_2.entry.js').then(processMod, consoleError);
|
|
2187
|
+
case 'z-input_2':
|
|
2188
|
+
return import(
|
|
2189
|
+
/* webpackMode: "lazy" */
|
|
2190
|
+
'./z-input_2.entry.js').then(processMod, consoleError);
|
|
2191
|
+
case 'z-popover':
|
|
2192
|
+
return import(
|
|
2193
|
+
/* webpackMode: "lazy" */
|
|
2194
|
+
'./z-popover.entry.js').then(processMod, consoleError);
|
|
2195
|
+
case 'z-divider':
|
|
2196
|
+
return import(
|
|
2197
|
+
/* webpackMode: "lazy" */
|
|
2198
|
+
'./z-divider.entry.js').then(processMod, consoleError);
|
|
2199
|
+
case 'z-button':
|
|
2200
|
+
return import(
|
|
2201
|
+
/* webpackMode: "lazy" */
|
|
2202
|
+
'./z-button.entry.js').then(processMod, consoleError);
|
|
2203
|
+
}
|
|
2204
|
+
}
|
|
3120
2205
|
return import(
|
|
3121
2206
|
/* @vite-ignore */
|
|
3122
2207
|
/* webpackInclude: /\.entry\.js$/ */
|
|
3123
2208
|
/* webpackExclude: /\.system\.entry\.js$/ */
|
|
3124
2209
|
/* webpackMode: "lazy" */
|
|
3125
|
-
`./${bundleId}.entry.js${
|
|
3126
|
-
|
|
2210
|
+
`./${bundleId}.entry.js${''}`).then((importedModule) => {
|
|
2211
|
+
{
|
|
3127
2212
|
cmpModules.set(bundleId, importedModule);
|
|
3128
2213
|
}
|
|
3129
2214
|
return importedModule[exportName];
|
|
3130
2215
|
}, consoleError);
|
|
3131
2216
|
};
|
|
3132
2217
|
const styles = /*@__PURE__*/ new Map();
|
|
3133
|
-
const modeResolutionChain = [];
|
|
3134
2218
|
const win = typeof window !== 'undefined' ? window : {};
|
|
3135
|
-
const CSS = BUILD.cssVarShim ? win.CSS : null;
|
|
3136
2219
|
const doc = win.document || { head: {} };
|
|
3137
|
-
const H = (win.HTMLElement || class {
|
|
3138
|
-
});
|
|
3139
2220
|
const plt = {
|
|
3140
2221
|
$flags$: 0,
|
|
3141
2222
|
$resourcesUrl$: '',
|
|
@@ -3145,27 +2226,8 @@ const plt = {
|
|
|
3145
2226
|
rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
|
|
3146
2227
|
ce: (eventName, opts) => new CustomEvent(eventName, opts),
|
|
3147
2228
|
};
|
|
3148
|
-
const setPlatformHelpers = (helpers) => {
|
|
3149
|
-
Object.assign(plt, helpers);
|
|
3150
|
-
};
|
|
3151
|
-
const supportsShadow = BUILD.shadowDomShim && BUILD.shadowDom
|
|
3152
|
-
? /*@__PURE__*/ (() => (doc.head.attachShadow + '').indexOf('[native') > -1)()
|
|
3153
|
-
: true;
|
|
3154
|
-
const supportsListenerOptions = /*@__PURE__*/ (() => {
|
|
3155
|
-
let supportsListenerOptions = false;
|
|
3156
|
-
try {
|
|
3157
|
-
doc.addEventListener('e', null, Object.defineProperty({}, 'passive', {
|
|
3158
|
-
get() {
|
|
3159
|
-
supportsListenerOptions = true;
|
|
3160
|
-
},
|
|
3161
|
-
}));
|
|
3162
|
-
}
|
|
3163
|
-
catch (e) { }
|
|
3164
|
-
return supportsListenerOptions;
|
|
3165
|
-
})();
|
|
3166
2229
|
const promiseResolve = (v) => Promise.resolve(v);
|
|
3167
|
-
const supportsConstructableStylesheets =
|
|
3168
|
-
? /*@__PURE__*/ (() => {
|
|
2230
|
+
const supportsConstructableStylesheets = /*@__PURE__*/ (() => {
|
|
3169
2231
|
try {
|
|
3170
2232
|
new CSSStyleSheet();
|
|
3171
2233
|
return typeof new CSSStyleSheet().replaceSync === 'function';
|
|
@@ -3173,10 +2235,9 @@ const supportsConstructableStylesheets = BUILD.constructableCSS
|
|
|
3173
2235
|
catch (e) { }
|
|
3174
2236
|
return false;
|
|
3175
2237
|
})()
|
|
3176
|
-
|
|
2238
|
+
;
|
|
3177
2239
|
const queueDomReads = [];
|
|
3178
2240
|
const queueDomWrites = [];
|
|
3179
|
-
const queueDomWritesLow = [];
|
|
3180
2241
|
const queueTask = (queue, write) => (cb) => {
|
|
3181
2242
|
queue.push(cb);
|
|
3182
2243
|
if (!queuePending) {
|
|
@@ -3200,53 +2261,13 @@ const consume = (queue) => {
|
|
|
3200
2261
|
}
|
|
3201
2262
|
queue.length = 0;
|
|
3202
2263
|
};
|
|
3203
|
-
const consumeTimeout = (queue, timeout) => {
|
|
3204
|
-
let i = 0;
|
|
3205
|
-
let ts = 0;
|
|
3206
|
-
while (i < queue.length && (ts = performance.now()) < timeout) {
|
|
3207
|
-
try {
|
|
3208
|
-
queue[i++](ts);
|
|
3209
|
-
}
|
|
3210
|
-
catch (e) {
|
|
3211
|
-
consoleError(e);
|
|
3212
|
-
}
|
|
3213
|
-
}
|
|
3214
|
-
if (i === queue.length) {
|
|
3215
|
-
queue.length = 0;
|
|
3216
|
-
}
|
|
3217
|
-
else if (i !== 0) {
|
|
3218
|
-
queue.splice(0, i);
|
|
3219
|
-
}
|
|
3220
|
-
};
|
|
3221
2264
|
const flush = () => {
|
|
3222
|
-
if (BUILD.asyncQueue) {
|
|
3223
|
-
queueCongestion++;
|
|
3224
|
-
}
|
|
3225
2265
|
// always force a bunch of medium callbacks to run, but still have
|
|
3226
2266
|
// a throttle on how many can run in a certain time
|
|
3227
2267
|
// DOM READS!!!
|
|
3228
2268
|
consume(queueDomReads);
|
|
3229
2269
|
// DOM WRITES!!!
|
|
3230
|
-
|
|
3231
|
-
const timeout = (plt.$flags$ & 6 /* PLATFORM_FLAGS.queueMask */) === 2 /* PLATFORM_FLAGS.appLoaded */
|
|
3232
|
-
? performance.now() + 14 * Math.ceil(queueCongestion * (1.0 / 10.0))
|
|
3233
|
-
: Infinity;
|
|
3234
|
-
consumeTimeout(queueDomWrites, timeout);
|
|
3235
|
-
consumeTimeout(queueDomWritesLow, timeout);
|
|
3236
|
-
if (queueDomWrites.length > 0) {
|
|
3237
|
-
queueDomWritesLow.push(...queueDomWrites);
|
|
3238
|
-
queueDomWrites.length = 0;
|
|
3239
|
-
}
|
|
3240
|
-
if ((queuePending = queueDomReads.length + queueDomWrites.length + queueDomWritesLow.length > 0)) {
|
|
3241
|
-
// still more to do yet, but we've run out of time
|
|
3242
|
-
// let's let this thing cool off and try again in the next tick
|
|
3243
|
-
plt.raf(flush);
|
|
3244
|
-
}
|
|
3245
|
-
else {
|
|
3246
|
-
queueCongestion = 0;
|
|
3247
|
-
}
|
|
3248
|
-
}
|
|
3249
|
-
else {
|
|
2270
|
+
{
|
|
3250
2271
|
consume(queueDomWrites);
|
|
3251
2272
|
if ((queuePending = queueDomReads.length > 0)) {
|
|
3252
2273
|
// still more to do yet, but we've run out of time
|
|
@@ -3256,7 +2277,6 @@ const flush = () => {
|
|
|
3256
2277
|
}
|
|
3257
2278
|
};
|
|
3258
2279
|
const nextTick = /*@__PURE__*/ (cb) => promiseResolve().then(cb);
|
|
3259
|
-
const readTask = /*@__PURE__*/ queueTask(queueDomReads, false);
|
|
3260
2280
|
const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
|
|
3261
2281
|
|
|
3262
|
-
export {
|
|
2282
|
+
export { Host as H, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r };
|