@xplortech/apollo-core 1.0.0-beta.8 → 1.0.0-beta.9
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/build/style.css +55 -4
- package/dist/apollo-core/apollo-core.css +5841 -9
- package/dist/apollo-core/apollo-core.esm.js +163 -1
- package/dist/apollo-core/apollo-core.esm.js.map +1 -0
- package/dist/apollo-core/app-globals-0f993ce5.js +5 -0
- package/dist/apollo-core/app-globals-0f993ce5.js.map +1 -0
- package/dist/apollo-core/css-shim-6210ce77.js +6 -0
- package/dist/apollo-core/css-shim-6210ce77.js.map +1 -0
- package/dist/apollo-core/dom-423bdd70.js +75 -0
- package/dist/apollo-core/dom-423bdd70.js.map +1 -0
- package/dist/apollo-core/index-307c7018.js +3397 -0
- package/dist/apollo-core/index-307c7018.js.map +1 -0
- package/dist/apollo-core/index-912d1a21.js +586 -0
- package/dist/apollo-core/index-912d1a21.js.map +1 -0
- package/dist/apollo-core/index.esm.js +3 -0
- package/dist/apollo-core/index.esm.js.map +1 -0
- package/dist/apollo-core/p-08abab41.entry.js +2 -0
- package/dist/apollo-core/p-08abab41.entry.js.map +1 -0
- package/dist/apollo-core/p-16654189.entry.js +2 -0
- package/dist/apollo-core/p-16654189.entry.js.map +1 -0
- package/dist/apollo-core/p-2f90296c.js +3 -3
- package/dist/apollo-core/p-2f90296c.js.map +1 -0
- package/dist/apollo-core/p-315920cd.entry.js +2 -0
- package/dist/apollo-core/p-315920cd.entry.js.map +1 -0
- package/dist/apollo-core/p-3c934536.entry.js +2 -0
- package/dist/apollo-core/p-3c934536.entry.js.map +1 -0
- package/dist/apollo-core/p-47a55fa9.entry.js +2 -0
- package/dist/apollo-core/p-47a55fa9.entry.js.map +1 -0
- package/dist/apollo-core/p-485d0c40.entry.js +2 -0
- package/dist/apollo-core/p-485d0c40.entry.js.map +1 -0
- package/dist/apollo-core/p-5a038a8e.entry.js +2 -0
- package/dist/apollo-core/p-5a038a8e.entry.js.map +1 -0
- package/dist/apollo-core/p-88135928.entry.js +2 -0
- package/dist/apollo-core/p-88135928.entry.js.map +1 -0
- package/dist/apollo-core/p-91d6572c.entry.js +2 -0
- package/dist/apollo-core/p-91d6572c.entry.js.map +1 -0
- package/dist/apollo-core/p-ad90fe4d.js +2 -1
- package/dist/apollo-core/p-ad90fe4d.js.map +1 -0
- package/dist/apollo-core/p-ae99c266.entry.js +2 -0
- package/dist/apollo-core/p-ae99c266.entry.js.map +1 -0
- package/dist/apollo-core/p-aeef61dd.entry.js +2 -0
- package/dist/apollo-core/p-aeef61dd.entry.js.map +1 -0
- package/dist/apollo-core/p-c1b28f32.entry.js +2 -0
- package/dist/apollo-core/p-c1b28f32.entry.js.map +1 -0
- package/dist/apollo-core/p-ce6cb219.entry.js +2 -0
- package/dist/apollo-core/p-ce6cb219.entry.js.map +1 -0
- package/dist/apollo-core/p-cf2e6132.js +3 -0
- package/dist/apollo-core/p-cf2e6132.js.map +1 -0
- package/dist/apollo-core/p-e9cd309e.entry.js +2 -0
- package/dist/apollo-core/p-e9cd309e.entry.js.map +1 -0
- package/dist/apollo-core/p-f5561238.entry.js +2 -0
- package/dist/apollo-core/p-f5561238.entry.js.map +1 -0
- package/dist/apollo-core/p-ff46d20f.entry.js +2 -0
- package/dist/apollo-core/p-ff46d20f.entry.js.map +1 -0
- package/dist/{custom-elements/index.js → apollo-core/regular-133c23b5.js} +13 -4312
- package/dist/apollo-core/regular-133c23b5.js.map +1 -0
- package/dist/apollo-core/shadow-css-f0279020.js +389 -0
- package/dist/apollo-core/shadow-css-f0279020.js.map +1 -0
- package/dist/apollo-core/xpl-application-shell.entry.js +51 -0
- package/dist/apollo-core/xpl-application-shell.entry.js.map +1 -0
- package/dist/apollo-core/xpl-avatar.entry.js +28 -0
- package/dist/apollo-core/xpl-avatar.entry.js.map +1 -0
- package/dist/apollo-core/xpl-backdrop.entry.js +19 -0
- package/dist/apollo-core/xpl-backdrop.entry.js.map +1 -0
- package/dist/apollo-core/xpl-badge.entry.js +21 -0
- package/dist/apollo-core/xpl-badge.entry.js.map +1 -0
- package/dist/apollo-core/xpl-breadcrumb-item.entry.js +19 -0
- package/dist/apollo-core/xpl-breadcrumb-item.entry.js.map +1 -0
- package/dist/apollo-core/xpl-breadcrumbs.entry.js +14 -0
- package/dist/apollo-core/xpl-breadcrumbs.entry.js.map +1 -0
- package/dist/apollo-core/xpl-button-row.entry.js +23 -0
- package/dist/apollo-core/xpl-button-row.entry.js.map +1 -0
- package/dist/apollo-core/xpl-button.entry.js +60 -0
- package/dist/apollo-core/xpl-button.entry.js.map +1 -0
- package/dist/apollo-core/xpl-checkbox.entry.js +35 -0
- package/dist/apollo-core/xpl-checkbox.entry.js.map +1 -0
- package/dist/apollo-core/xpl-choicelist.entry.js +48 -0
- package/dist/apollo-core/xpl-choicelist.entry.js.map +1 -0
- package/dist/apollo-core/xpl-content-area.entry.js +15 -0
- package/dist/apollo-core/xpl-content-area.entry.js.map +1 -0
- package/dist/apollo-core/xpl-divider.entry.js +17 -0
- package/dist/apollo-core/xpl-divider.entry.js.map +1 -0
- package/dist/apollo-core/xpl-dropdown-group.entry.js +35 -0
- package/dist/apollo-core/xpl-dropdown-group.entry.js.map +1 -0
- package/dist/apollo-core/xpl-dropdown-heading.entry.js +15 -0
- package/dist/apollo-core/xpl-dropdown-heading.entry.js.map +1 -0
- package/dist/apollo-core/xpl-dropdown-option.entry.js +70 -0
- package/dist/apollo-core/xpl-dropdown-option.entry.js.map +1 -0
- package/dist/apollo-core/xpl-dropdown.entry.js +106 -0
- package/dist/apollo-core/xpl-dropdown.entry.js.map +1 -0
- package/dist/apollo-core/xpl-grid-item.entry.js +23 -0
- package/dist/apollo-core/xpl-grid-item.entry.js.map +1 -0
- package/dist/apollo-core/xpl-grid.entry.js +33 -0
- package/dist/apollo-core/xpl-grid.entry.js.map +1 -0
- package/dist/apollo-core/xpl-input.entry.js +2553 -0
- package/dist/apollo-core/xpl-input.entry.js.map +1 -0
- package/dist/apollo-core/xpl-list.entry.js +37 -0
- package/dist/apollo-core/xpl-list.entry.js.map +1 -0
- package/dist/apollo-core/xpl-main-nav.entry.js +25 -0
- package/dist/apollo-core/xpl-main-nav.entry.js.map +1 -0
- package/dist/apollo-core/xpl-nav-item.entry.js +25 -0
- package/dist/apollo-core/xpl-nav-item.entry.js.map +1 -0
- package/dist/apollo-core/xpl-pagination.entry.js +77 -0
- package/dist/apollo-core/xpl-pagination.entry.js.map +1 -0
- package/dist/apollo-core/xpl-radio.entry.js +34 -0
- package/dist/apollo-core/xpl-radio.entry.js.map +1 -0
- package/dist/apollo-core/xpl-secondary-nav.entry.js +14 -0
- package/dist/apollo-core/xpl-secondary-nav.entry.js.map +1 -0
- package/dist/apollo-core/xpl-select.entry.js +680 -0
- package/dist/apollo-core/xpl-select.entry.js.map +1 -0
- package/dist/apollo-core/xpl-table.entry.js +109 -0
- package/dist/apollo-core/xpl-table.entry.js.map +1 -0
- package/dist/apollo-core/xpl-tag.entry.js +19 -0
- package/dist/apollo-core/xpl-tag.entry.js.map +1 -0
- package/dist/apollo-core/xpl-toggle.entry.js +35 -0
- package/dist/apollo-core/xpl-toggle.entry.js.map +1 -0
- package/dist/apollo-core/xpl-utility-bar.entry.js +31 -0
- package/dist/apollo-core/xpl-utility-bar.entry.js.map +1 -0
- package/dist/cjs/apollo-core.cjs.js +150 -5
- package/dist/cjs/apollo-core.cjs.js.map +1 -0
- package/dist/cjs/app-globals-3a1e7e63.js +7 -0
- package/dist/cjs/app-globals-3a1e7e63.js.map +1 -0
- package/dist/cjs/css-shim-0a6fd78d.js +8 -0
- package/dist/cjs/css-shim-0a6fd78d.js.map +1 -0
- package/dist/cjs/dom-2c6adc90.js +77 -0
- package/dist/cjs/dom-2c6adc90.js.map +1 -0
- package/dist/cjs/index-0fdb260e.js +3564 -0
- package/dist/cjs/index-0fdb260e.js.map +1 -0
- package/dist/cjs/index-318d5fc7.js +588 -0
- package/dist/cjs/index-318d5fc7.js.map +1 -0
- package/dist/cjs/{index-2ab4832e.js → index-e53b018b.js} +85 -2
- package/dist/cjs/index-e53b018b.js.map +1 -0
- package/dist/cjs/index.cjs.js +3 -0
- package/dist/cjs/index.cjs.js.map +1 -0
- package/dist/cjs/loader.cjs.js +23 -3
- package/dist/cjs/loader.cjs.js.map +1 -0
- package/dist/cjs/regular-503465f4.js +16056 -0
- package/dist/cjs/regular-503465f4.js.map +1 -0
- package/dist/cjs/regular-872f5226.js +2 -0
- package/dist/cjs/regular-872f5226.js.map +1 -0
- package/dist/cjs/shadow-css-39dfcfae.js +391 -0
- package/dist/cjs/shadow-css-39dfcfae.js.map +1 -0
- package/dist/cjs/v4-14140ff3.js +2 -0
- package/dist/cjs/v4-14140ff3.js.map +1 -0
- package/dist/cjs/xpl-application-shell.cjs.entry.js +3 -1
- package/dist/cjs/xpl-application-shell.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-avatar.cjs.entry.js +32 -0
- package/dist/cjs/xpl-avatar.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-avatar_12.cjs.entry.js +3 -1
- package/dist/cjs/xpl-avatar_12.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-backdrop.cjs.entry.js +3 -1
- package/dist/cjs/xpl-backdrop.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-badge.cjs.entry.js +25 -0
- package/dist/cjs/xpl-badge.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-breadcrumb-item.cjs.entry.js +23 -0
- package/dist/cjs/xpl-breadcrumb-item.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-breadcrumbs.cjs.entry.js +18 -0
- package/dist/cjs/xpl-breadcrumbs.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-button-row.cjs.entry.js +3 -1
- package/dist/cjs/xpl-button-row.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-button.cjs.entry.js +64 -0
- package/dist/cjs/xpl-button.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-checkbox.cjs.entry.js +39 -0
- package/dist/cjs/xpl-checkbox.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-choicelist.cjs.entry.js +3 -1
- package/dist/cjs/xpl-choicelist.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-content-area.cjs.entry.js +19 -0
- package/dist/cjs/xpl-content-area.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-divider.cjs.entry.js +3 -1
- package/dist/cjs/xpl-divider.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-dropdown-group.cjs.entry.js +39 -0
- package/dist/cjs/xpl-dropdown-group.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-dropdown-group_3.cjs.entry.js +6 -3
- package/dist/cjs/xpl-dropdown-group_3.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-dropdown-heading.cjs.entry.js +19 -0
- package/dist/cjs/xpl-dropdown-heading.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-dropdown-option.cjs.entry.js +74 -0
- package/dist/cjs/xpl-dropdown-option.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-dropdown.cjs.entry.js +110 -0
- package/dist/cjs/xpl-dropdown.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-dropdown_2.cjs.entry.js +6 -2
- package/dist/cjs/xpl-dropdown_2.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-grid-item.cjs.entry.js +3 -1
- package/dist/cjs/xpl-grid-item.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-grid.cjs.entry.js +3 -1
- package/dist/cjs/xpl-grid.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-input.cjs.entry.js +509 -600
- package/dist/cjs/xpl-input.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-list.cjs.entry.js +4 -2
- package/dist/cjs/xpl-list.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-main-nav.cjs.entry.js +3 -1
- package/dist/cjs/xpl-main-nav.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-nav-item.cjs.entry.js +29 -0
- package/dist/cjs/xpl-nav-item.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-pagination.cjs.entry.js +3 -1
- package/dist/cjs/xpl-pagination.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-radio.cjs.entry.js +38 -0
- package/dist/cjs/xpl-radio.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-secondary-nav.cjs.entry.js +18 -0
- package/dist/cjs/xpl-secondary-nav.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-select.cjs.entry.js +80 -6
- package/dist/cjs/xpl-select.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-table.cjs.entry.js +113 -0
- package/dist/cjs/xpl-table.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-tag.cjs.entry.js +23 -0
- package/dist/cjs/xpl-tag.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-toggle.cjs.entry.js +5 -3
- package/dist/cjs/xpl-toggle.cjs.entry.js.map +1 -0
- package/dist/cjs/xpl-utility-bar.cjs.entry.js +35 -0
- package/dist/cjs/xpl-utility-bar.cjs.entry.js.map +1 -0
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/xpl-application-shell/xpl-application-shell.js +1 -0
- package/dist/collection/components/xpl-application-shell/xpl-application-shell.js.map +1 -0
- package/dist/collection/components/xpl-avatar/xpl-avatar.js +1 -0
- package/dist/collection/components/xpl-avatar/xpl-avatar.js.map +1 -0
- package/dist/collection/components/xpl-backdrop/xpl-backdrop.js +1 -0
- package/dist/collection/components/xpl-backdrop/xpl-backdrop.js.map +1 -0
- package/dist/collection/components/xpl-badge/xpl-badge.js +1 -0
- package/dist/collection/components/xpl-badge/xpl-badge.js.map +1 -0
- package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js +1 -0
- package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js.map +1 -0
- package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.js +1 -0
- package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.js.map +1 -0
- package/dist/collection/components/xpl-button/xpl-button.js +1 -0
- package/dist/collection/components/xpl-button/xpl-button.js.map +1 -0
- package/dist/collection/components/xpl-button-row/xpl-button-row.js +1 -0
- package/dist/collection/components/xpl-button-row/xpl-button-row.js.map +1 -0
- package/dist/collection/components/xpl-checkbox/xpl-checkbox.js +1 -0
- package/dist/collection/components/xpl-checkbox/xpl-checkbox.js.map +1 -0
- package/dist/collection/components/xpl-choicelist/choice.js +1 -0
- package/dist/collection/components/xpl-choicelist/choice.js.map +1 -0
- package/dist/collection/components/xpl-choicelist/xpl-choicelist.js +1 -0
- package/dist/collection/components/xpl-choicelist/xpl-choicelist.js.map +1 -0
- package/dist/collection/components/xpl-content-area/xpl-content-area.js +1 -0
- package/dist/collection/components/xpl-content-area/xpl-content-area.js.map +1 -0
- package/dist/collection/components/xpl-divider/xpl-divider.js +1 -0
- package/dist/collection/components/xpl-divider/xpl-divider.js.map +1 -0
- package/dist/collection/components/xpl-dropdown/dropdownoption.js +1 -0
- package/dist/collection/components/xpl-dropdown/dropdownoption.js.map +1 -0
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js +1 -0
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js.map +1 -0
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js +1 -0
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js.map +1 -0
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js +23 -4
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js.map +1 -0
- package/dist/collection/components/xpl-dropdown/xpl-dropdown.js +8 -11
- package/dist/collection/components/xpl-dropdown/xpl-dropdown.js.map +1 -0
- package/dist/collection/components/xpl-grid/xpl-grid.js +1 -0
- package/dist/collection/components/xpl-grid/xpl-grid.js.map +1 -0
- package/dist/collection/components/xpl-grid-item/xpl-grid-item.js +1 -0
- package/dist/collection/components/xpl-grid-item/xpl-grid-item.js.map +1 -0
- package/dist/collection/components/xpl-input/xpl-input.js +1 -0
- package/dist/collection/components/xpl-input/xpl-input.js.map +1 -0
- package/dist/collection/components/xpl-list/listitem.js +1 -0
- package/dist/collection/components/xpl-list/listitem.js.map +1 -0
- package/dist/collection/components/xpl-list/xpl-list.js +1 -0
- package/dist/collection/components/xpl-list/xpl-list.js.map +1 -0
- package/dist/collection/components/xpl-main-nav/xpl-main-nav.js +1 -0
- package/dist/collection/components/xpl-main-nav/xpl-main-nav.js.map +1 -0
- package/dist/collection/components/xpl-nav-item/xpl-nav-item.js +1 -0
- package/dist/collection/components/xpl-nav-item/xpl-nav-item.js.map +1 -0
- package/dist/collection/components/xpl-pagination/xpl-pagination.js +1 -0
- package/dist/collection/components/xpl-pagination/xpl-pagination.js.map +1 -0
- package/dist/collection/components/xpl-radio/xpl-radio.js +1 -0
- package/dist/collection/components/xpl-radio/xpl-radio.js.map +1 -0
- package/dist/collection/components/xpl-secondary-nav/xpl-secondary-nav.js +1 -0
- package/dist/collection/components/xpl-secondary-nav/xpl-secondary-nav.js.map +1 -0
- package/dist/collection/components/xpl-select/xpl-select.js +95 -9
- package/dist/collection/components/xpl-select/xpl-select.js.map +1 -0
- package/dist/collection/components/xpl-table/xpl-table.js +1 -0
- package/dist/collection/components/xpl-table/xpl-table.js.map +1 -0
- package/dist/collection/components/xpl-tag/xpl-tag.js +1 -0
- package/dist/collection/components/xpl-tag/xpl-tag.js.map +1 -0
- package/dist/collection/components/xpl-toggle/xpl-toggle.js +1 -0
- package/dist/collection/components/xpl-toggle/xpl-toggle.js.map +1 -0
- package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js +1 -0
- package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js.map +1 -0
- package/dist/components/index.d.ts +39 -0
- package/dist/components/index.js +81 -0
- package/dist/components/index.js.map +1 -0
- package/dist/components/index2.js +586 -0
- package/dist/components/index2.js.map +1 -0
- package/dist/components/regular.js +16054 -0
- package/dist/components/regular.js.map +1 -0
- package/dist/components/v4.js +77 -0
- package/dist/components/v4.js.map +1 -0
- package/dist/components/xpl-application-shell.d.ts +11 -0
- package/dist/components/xpl-application-shell.js +80 -0
- package/dist/components/xpl-application-shell.js.map +1 -0
- package/dist/components/xpl-avatar.d.ts +11 -0
- package/dist/components/xpl-avatar.js +8 -0
- package/dist/components/xpl-avatar.js.map +1 -0
- package/dist/components/xpl-avatar2.js +51 -0
- package/dist/components/xpl-avatar2.js.map +1 -0
- package/dist/components/xpl-backdrop.d.ts +11 -0
- package/dist/components/xpl-backdrop.js +8 -0
- package/dist/components/xpl-backdrop.js.map +1 -0
- package/dist/components/xpl-backdrop2.js +35 -0
- package/dist/components/xpl-backdrop2.js.map +1 -0
- package/dist/components/xpl-badge.d.ts +11 -0
- package/dist/components/xpl-badge.js +8 -0
- package/dist/components/xpl-badge.js.map +1 -0
- package/dist/components/xpl-badge2.js +38 -0
- package/dist/components/xpl-badge2.js.map +1 -0
- package/dist/components/xpl-breadcrumb-item.d.ts +11 -0
- package/dist/components/xpl-breadcrumb-item.js +36 -0
- package/dist/components/xpl-breadcrumb-item.js.map +1 -0
- package/dist/components/xpl-breadcrumbs.d.ts +11 -0
- package/dist/components/xpl-breadcrumbs.js +31 -0
- package/dist/components/xpl-breadcrumbs.js.map +1 -0
- package/dist/components/xpl-button-row.d.ts +11 -0
- package/dist/components/xpl-button-row.js +50 -0
- package/dist/components/xpl-button-row.js.map +1 -0
- package/dist/components/xpl-button.d.ts +11 -0
- package/dist/components/xpl-button.js +8 -0
- package/dist/components/xpl-button.js.map +1 -0
- package/dist/components/xpl-button2.js +85 -0
- package/dist/components/xpl-button2.js.map +1 -0
- package/dist/components/xpl-checkbox.d.ts +11 -0
- package/dist/components/xpl-checkbox.js +8 -0
- package/dist/components/xpl-checkbox.js.map +1 -0
- package/dist/components/xpl-checkbox2.js +59 -0
- package/dist/components/xpl-checkbox2.js.map +1 -0
- package/dist/components/xpl-choicelist.d.ts +11 -0
- package/dist/components/xpl-choicelist.js +85 -0
- package/dist/components/xpl-choicelist.js.map +1 -0
- package/dist/components/xpl-content-area.d.ts +11 -0
- package/dist/components/xpl-content-area.js +34 -0
- package/dist/components/xpl-content-area.js.map +1 -0
- package/dist/components/xpl-divider.d.ts +11 -0
- package/dist/components/xpl-divider.js +36 -0
- package/dist/components/xpl-divider.js.map +1 -0
- package/dist/components/xpl-dropdown-group.d.ts +11 -0
- package/dist/components/xpl-dropdown-group.js +8 -0
- package/dist/components/xpl-dropdown-group.js.map +1 -0
- package/dist/components/xpl-dropdown-group2.js +69 -0
- package/dist/components/xpl-dropdown-group2.js.map +1 -0
- package/dist/components/xpl-dropdown-heading.d.ts +11 -0
- package/dist/components/xpl-dropdown-heading.js +8 -0
- package/dist/components/xpl-dropdown-heading.js.map +1 -0
- package/dist/components/xpl-dropdown-heading2.js +31 -0
- package/dist/components/xpl-dropdown-heading2.js.map +1 -0
- package/dist/components/xpl-dropdown-option.d.ts +11 -0
- package/dist/components/xpl-dropdown-option.js +8 -0
- package/dist/components/xpl-dropdown-option.js.map +1 -0
- package/dist/components/xpl-dropdown-option2.js +89 -0
- package/dist/components/xpl-dropdown-option2.js.map +1 -0
- package/dist/components/xpl-dropdown.d.ts +11 -0
- package/dist/components/xpl-dropdown.js +8 -0
- package/dist/components/xpl-dropdown.js.map +1 -0
- package/dist/components/xpl-dropdown2.js +147 -0
- package/dist/components/xpl-dropdown2.js.map +1 -0
- package/dist/components/xpl-grid-item.d.ts +11 -0
- package/dist/components/xpl-grid-item.js +45 -0
- package/dist/components/xpl-grid-item.js.map +1 -0
- package/dist/components/xpl-grid.d.ts +11 -0
- package/dist/components/xpl-grid.js +50 -0
- package/dist/components/xpl-grid.js.map +1 -0
- package/dist/components/xpl-input.d.ts +11 -0
- package/dist/components/xpl-input.js +2594 -0
- package/dist/components/xpl-input.js.map +1 -0
- package/dist/components/xpl-list.d.ts +11 -0
- package/dist/components/xpl-list.js +68 -0
- package/dist/components/xpl-list.js.map +1 -0
- package/dist/components/xpl-main-nav.d.ts +11 -0
- package/dist/components/xpl-main-nav.js +44 -0
- package/dist/components/xpl-main-nav.js.map +1 -0
- package/dist/components/xpl-nav-item.d.ts +11 -0
- package/dist/components/xpl-nav-item.js +44 -0
- package/dist/components/xpl-nav-item.js.map +1 -0
- package/dist/components/xpl-pagination.d.ts +11 -0
- package/dist/components/xpl-pagination.js +100 -0
- package/dist/components/xpl-pagination.js.map +1 -0
- package/dist/components/xpl-radio.d.ts +11 -0
- package/dist/components/xpl-radio.js +8 -0
- package/dist/components/xpl-radio.js.map +1 -0
- package/dist/components/xpl-radio2.js +57 -0
- package/dist/components/xpl-radio2.js.map +1 -0
- package/dist/components/xpl-secondary-nav.d.ts +11 -0
- package/dist/components/xpl-secondary-nav.js +31 -0
- package/dist/components/xpl-secondary-nav.js.map +1 -0
- package/dist/components/xpl-select.d.ts +11 -0
- package/dist/components/xpl-select.js +745 -0
- package/dist/components/xpl-select.js.map +1 -0
- package/dist/components/xpl-table.d.ts +11 -0
- package/dist/components/xpl-table.js +136 -0
- package/dist/components/xpl-table.js.map +1 -0
- package/dist/components/xpl-tag.d.ts +11 -0
- package/dist/components/xpl-tag.js +8 -0
- package/dist/components/xpl-tag.js.map +1 -0
- package/dist/components/xpl-tag2.js +33 -0
- package/dist/components/xpl-tag2.js.map +1 -0
- package/dist/components/xpl-toggle.d.ts +11 -0
- package/dist/components/xpl-toggle.js +61 -0
- package/dist/components/xpl-toggle.js.map +1 -0
- package/dist/components/xpl-utility-bar.d.ts +11 -0
- package/dist/components/xpl-utility-bar.js +52 -0
- package/dist/components/xpl-utility-bar.js.map +1 -0
- package/dist/esm/apollo-core.js +151 -6
- package/dist/esm/apollo-core.js.map +1 -0
- package/dist/esm/app-globals-0f993ce5.js +5 -0
- package/dist/esm/app-globals-0f993ce5.js.map +1 -0
- package/dist/esm/css-shim-6210ce77.js +6 -0
- package/dist/esm/css-shim-6210ce77.js.map +1 -0
- package/dist/esm/dom-423bdd70.js +75 -0
- package/dist/esm/dom-423bdd70.js.map +1 -0
- package/dist/esm/index-307c7018.js +3526 -0
- package/dist/esm/index-307c7018.js.map +1 -0
- package/dist/esm/index-912d1a21.js +586 -0
- package/dist/esm/index-912d1a21.js.map +1 -0
- package/dist/esm/{index-392b5b96.js → index-df9b48b4.js} +85 -2
- package/dist/esm/index-df9b48b4.js.map +1 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/loader.js +24 -4
- package/dist/esm/loader.js.map +1 -0
- package/dist/esm/regular-133c23b5.js +16054 -0
- package/dist/esm/regular-133c23b5.js.map +1 -0
- package/dist/esm/regular-86225e9d.js +2 -0
- package/dist/esm/regular-86225e9d.js.map +1 -0
- package/dist/esm/shadow-css-f0279020.js +389 -0
- package/dist/esm/shadow-css-f0279020.js.map +1 -0
- package/dist/esm/v4-929670b7.js +2 -0
- package/dist/esm/v4-929670b7.js.map +1 -0
- package/dist/esm/xpl-application-shell.entry.js +3 -1
- package/dist/esm/xpl-application-shell.entry.js.map +1 -0
- package/dist/esm/xpl-avatar.entry.js +28 -0
- package/dist/esm/xpl-avatar.entry.js.map +1 -0
- package/dist/esm/xpl-avatar_12.entry.js +3 -1
- package/dist/esm/xpl-avatar_12.entry.js.map +1 -0
- package/dist/esm/xpl-backdrop.entry.js +3 -1
- package/dist/esm/xpl-backdrop.entry.js.map +1 -0
- package/dist/esm/xpl-badge.entry.js +21 -0
- package/dist/esm/xpl-badge.entry.js.map +1 -0
- package/dist/esm/xpl-breadcrumb-item.entry.js +19 -0
- package/dist/esm/xpl-breadcrumb-item.entry.js.map +1 -0
- package/dist/esm/xpl-breadcrumbs.entry.js +14 -0
- package/dist/esm/xpl-breadcrumbs.entry.js.map +1 -0
- package/dist/esm/xpl-button-row.entry.js +3 -1
- package/dist/esm/xpl-button-row.entry.js.map +1 -0
- package/dist/esm/xpl-button.entry.js +60 -0
- package/dist/esm/xpl-button.entry.js.map +1 -0
- package/dist/esm/xpl-checkbox.entry.js +35 -0
- package/dist/esm/xpl-checkbox.entry.js.map +1 -0
- package/dist/esm/xpl-choicelist.entry.js +3 -1
- package/dist/esm/xpl-choicelist.entry.js.map +1 -0
- package/dist/esm/xpl-content-area.entry.js +15 -0
- package/dist/esm/xpl-content-area.entry.js.map +1 -0
- package/dist/esm/xpl-divider.entry.js +3 -1
- package/dist/esm/xpl-divider.entry.js.map +1 -0
- package/dist/esm/xpl-dropdown-group.entry.js +35 -0
- package/dist/esm/xpl-dropdown-group.entry.js.map +1 -0
- package/dist/esm/xpl-dropdown-group_3.entry.js +6 -3
- package/dist/esm/xpl-dropdown-group_3.entry.js.map +1 -0
- package/dist/esm/xpl-dropdown-heading.entry.js +15 -0
- package/dist/esm/xpl-dropdown-heading.entry.js.map +1 -0
- package/dist/esm/xpl-dropdown-option.entry.js +70 -0
- package/dist/esm/xpl-dropdown-option.entry.js.map +1 -0
- package/dist/esm/xpl-dropdown.entry.js +106 -0
- package/dist/esm/xpl-dropdown.entry.js.map +1 -0
- package/dist/esm/xpl-dropdown_2.entry.js +6 -2
- package/dist/esm/xpl-dropdown_2.entry.js.map +1 -0
- package/dist/esm/xpl-grid-item.entry.js +3 -1
- package/dist/esm/xpl-grid-item.entry.js.map +1 -0
- package/dist/esm/xpl-grid.entry.js +3 -1
- package/dist/esm/xpl-grid.entry.js.map +1 -0
- package/dist/esm/xpl-input.entry.js +508 -599
- package/dist/esm/xpl-input.entry.js.map +1 -0
- package/dist/esm/xpl-list.entry.js +4 -2
- package/dist/esm/xpl-list.entry.js.map +1 -0
- package/dist/esm/xpl-main-nav.entry.js +3 -1
- package/dist/esm/xpl-main-nav.entry.js.map +1 -0
- package/dist/esm/xpl-nav-item.entry.js +25 -0
- package/dist/esm/xpl-nav-item.entry.js.map +1 -0
- package/dist/esm/xpl-pagination.entry.js +3 -1
- package/dist/esm/xpl-pagination.entry.js.map +1 -0
- package/dist/esm/xpl-radio.entry.js +34 -0
- package/dist/esm/xpl-radio.entry.js.map +1 -0
- package/dist/esm/xpl-secondary-nav.entry.js +14 -0
- package/dist/esm/xpl-secondary-nav.entry.js.map +1 -0
- package/dist/esm/xpl-select.entry.js +79 -5
- package/dist/esm/xpl-select.entry.js.map +1 -0
- package/dist/esm/xpl-table.entry.js +109 -0
- package/dist/esm/xpl-table.entry.js.map +1 -0
- package/dist/esm/xpl-tag.entry.js +19 -0
- package/dist/esm/xpl-tag.entry.js.map +1 -0
- package/dist/esm/xpl-toggle.entry.js +4 -2
- package/dist/esm/xpl-toggle.entry.js.map +1 -0
- package/dist/esm/xpl-utility-bar.entry.js +31 -0
- package/dist/esm/xpl-utility-bar.entry.js.map +1 -0
- package/dist/stories/application-shell.stories.js +1 -0
- package/dist/stories/application-shell.stories.js.map +1 -0
- package/dist/stories/avatar.stories.js +1 -0
- package/dist/stories/avatar.stories.js.map +1 -0
- package/dist/stories/backdrop.stories.js +1 -0
- package/dist/stories/backdrop.stories.js.map +1 -0
- package/dist/stories/badge.stories.js +1 -0
- package/dist/stories/badge.stories.js.map +1 -0
- package/dist/stories/breadcrumbs.stories.js +1 -0
- package/dist/stories/breadcrumbs.stories.js.map +1 -0
- package/dist/stories/button-row.stories.js +1 -0
- package/dist/stories/button-row.stories.js.map +1 -0
- package/dist/stories/button.stories.js +1 -0
- package/dist/stories/button.stories.js.map +1 -0
- package/dist/stories/checkbox.stories.js +1 -0
- package/dist/stories/checkbox.stories.js.map +1 -0
- package/dist/stories/choicelist.stories.js +1 -0
- package/dist/stories/choicelist.stories.js.map +1 -0
- package/dist/stories/content-area.stories.js +1 -0
- package/dist/stories/content-area.stories.js.map +1 -0
- package/dist/stories/divider.stories.js +1 -0
- package/dist/stories/divider.stories.js.map +1 -0
- package/dist/stories/dropdown.stories.js +74 -65
- package/dist/stories/dropdown.stories.js.map +1 -0
- package/dist/stories/grid.stories.js +1 -0
- package/dist/stories/grid.stories.js.map +1 -0
- package/dist/stories/input.stories.js +1 -0
- package/dist/stories/input.stories.js.map +1 -0
- package/dist/stories/list.stories.js +1 -0
- package/dist/stories/list.stories.js.map +1 -0
- package/dist/stories/main-nav.stories.js +1 -0
- package/dist/stories/main-nav.stories.js.map +1 -0
- package/dist/stories/pagination.stories.js +1 -0
- package/dist/stories/pagination.stories.js.map +1 -0
- package/dist/stories/radio.stories.js +1 -0
- package/dist/stories/radio.stories.js.map +1 -0
- package/dist/stories/secondary-nav.stories.js +1 -0
- package/dist/stories/secondary-nav.stories.js.map +1 -0
- package/dist/stories/select.stories.js +109 -32
- package/dist/stories/select.stories.js.map +1 -0
- package/dist/stories/table.stories.js +1 -0
- package/dist/stories/table.stories.js.map +1 -0
- package/dist/stories/tabs.stories.js +1 -0
- package/dist/stories/tabs.stories.js.map +1 -0
- package/dist/stories/toggle.stories.js +1 -0
- package/dist/stories/toggle.stories.js.map +1 -0
- package/dist/stories/utility-bar.stories.js +1 -0
- package/dist/stories/utility-bar.stories.js.map +1 -0
- package/dist/types/Users/{fernandogelin/Xplor → roc/Sites}/apollo/.stencil/stories/dropdown.stories.d.ts +17 -1
- package/dist/types/Users/roc/Sites/apollo/.stencil/stories/select.stories.d.ts +134 -0
- package/dist/types/components/xpl-dropdown/dropdownoption.d.ts +1 -0
- package/dist/types/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.d.ts +7 -1
- package/dist/types/components/xpl-dropdown/xpl-dropdown.d.ts +2 -2
- package/dist/types/components/xpl-select/xpl-select.d.ts +16 -2
- package/dist/types/components.d.ts +41 -12
- package/dist/types/stencil-public-runtime.d.ts +12 -12
- package/package.json +7 -6
- package/CHANGELOG.md +0 -106
- package/dist/apollo-core/p-10f00380.entry.js +0 -1
- package/dist/apollo-core/p-26ec64fe.entry.js +0 -1
- package/dist/apollo-core/p-31acfdb4.entry.js +0 -1
- package/dist/apollo-core/p-4184ac44.entry.js +0 -1
- package/dist/apollo-core/p-4fa14839.entry.js +0 -1
- package/dist/apollo-core/p-55b87345.js +0 -2
- package/dist/apollo-core/p-63a6c98a.entry.js +0 -1
- package/dist/apollo-core/p-68c33b77.entry.js +0 -1
- package/dist/apollo-core/p-78d07caf.entry.js +0 -1
- package/dist/apollo-core/p-796957d3.entry.js +0 -1
- package/dist/apollo-core/p-88160d68.entry.js +0 -1
- package/dist/apollo-core/p-9ec318bb.entry.js +0 -1
- package/dist/apollo-core/p-a2a34e44.entry.js +0 -1
- package/dist/apollo-core/p-beea2502.entry.js +0 -1
- package/dist/apollo-core/p-d499e43f.entry.js +0 -1
- package/dist/apollo-core/p-d8a3d94c.entry.js +0 -1
- package/dist/apollo-core/p-e047b446.entry.js +0 -1
- package/dist/collection/components/xpl-select/selectchoice.js +0 -1
- package/dist/custom-elements/index.d.ts +0 -219
- package/dist/types/Users/fernandogelin/Xplor/apollo/.stencil/stories/select.stories.d.ts +0 -74
- package/dist/types/components/xpl-select/selectchoice.d.ts +0 -4
- /package/dist/types/Users/{fernandogelin/Xplor → roc/Sites}/apollo/.stencil/stories/application-shell.stories.d.ts +0 -0
- /package/dist/types/Users/{fernandogelin/Xplor → roc/Sites}/apollo/.stencil/stories/avatar.stories.d.ts +0 -0
- /package/dist/types/Users/{fernandogelin/Xplor → roc/Sites}/apollo/.stencil/stories/backdrop.stories.d.ts +0 -0
- /package/dist/types/Users/{fernandogelin/Xplor → roc/Sites}/apollo/.stencil/stories/badge.stories.d.ts +0 -0
- /package/dist/types/Users/{fernandogelin/Xplor → roc/Sites}/apollo/.stencil/stories/breadcrumbs.stories.d.ts +0 -0
- /package/dist/types/Users/{fernandogelin/Xplor → roc/Sites}/apollo/.stencil/stories/button-row.stories.d.ts +0 -0
- /package/dist/types/Users/{fernandogelin/Xplor → roc/Sites}/apollo/.stencil/stories/button.stories.d.ts +0 -0
- /package/dist/types/Users/{fernandogelin/Xplor → roc/Sites}/apollo/.stencil/stories/checkbox.stories.d.ts +0 -0
- /package/dist/types/Users/{fernandogelin/Xplor → roc/Sites}/apollo/.stencil/stories/choicelist.stories.d.ts +0 -0
- /package/dist/types/Users/{fernandogelin/Xplor → roc/Sites}/apollo/.stencil/stories/content-area.stories.d.ts +0 -0
- /package/dist/types/Users/{fernandogelin/Xplor → roc/Sites}/apollo/.stencil/stories/divider.stories.d.ts +0 -0
- /package/dist/types/Users/{fernandogelin/Xplor → roc/Sites}/apollo/.stencil/stories/grid.stories.d.ts +0 -0
- /package/dist/types/Users/{fernandogelin/Xplor → roc/Sites}/apollo/.stencil/stories/input.stories.d.ts +0 -0
- /package/dist/types/Users/{fernandogelin/Xplor → roc/Sites}/apollo/.stencil/stories/list.stories.d.ts +0 -0
- /package/dist/types/Users/{fernandogelin/Xplor → roc/Sites}/apollo/.stencil/stories/main-nav.stories.d.ts +0 -0
- /package/dist/types/Users/{fernandogelin/Xplor → roc/Sites}/apollo/.stencil/stories/pagination.stories.d.ts +0 -0
- /package/dist/types/Users/{fernandogelin/Xplor → roc/Sites}/apollo/.stencil/stories/radio.stories.d.ts +0 -0
- /package/dist/types/Users/{fernandogelin/Xplor → roc/Sites}/apollo/.stencil/stories/secondary-nav.stories.d.ts +0 -0
- /package/dist/types/Users/{fernandogelin/Xplor → roc/Sites}/apollo/.stencil/stories/table.stories.d.ts +0 -0
- /package/dist/types/Users/{fernandogelin/Xplor → roc/Sites}/apollo/.stencil/stories/tabs.stories.d.ts +0 -0
- /package/dist/types/Users/{fernandogelin/Xplor → roc/Sites}/apollo/.stencil/stories/toggle.stories.d.ts +0 -0
- /package/dist/types/Users/{fernandogelin/Xplor → roc/Sites}/apollo/.stencil/stories/utility-bar.stories.d.ts +0 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as o,h as e,H as t,g as n}from"./p-cf2e6132.js";var s=undefined&&undefined.__rest||function(o,e){var t={};for(var n in o)if(Object.prototype.hasOwnProperty.call(o,n)&&e.indexOf(n)<0)t[n]=o[n];if(o!=null&&typeof Object.getOwnPropertySymbols==="function")for(var s=0,n=Object.getOwnPropertySymbols(o);s<n.length;s++){if(e.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(o,n[s]))t[n[s]]=o[n[s]]}return t};const i=class{constructor(e){o(this,e);this.groupName=undefined;this.options=undefined}render(){const{groupName:o,options:n}=this;const i=n&&n.length;const l=i&&n.map((o=>{var{groupName:t}=o,n=s(o,["groupName"]);return t?e("xpl-dropdown-group",Object.assign({label:t},n)):e("xpl-dropdown-option",Object.assign({},n))}));return e(t,{role:"group","aria-label":o},e("li",{class:"xpl-dropdown-list-item"},e("xpl-dropdown-heading",{label:o}),e("ul",{class:"xpl-dropdown-list"},l||e("slot",{name:"options"}))))}};const l=class{constructor(e){o(this,e);this.label=undefined}render(){return e(t,{class:{"xpl-dropdown-heading":true},role:"presentation"},e("span",null,this.label||e("slot",{name:"heading"})))}};const r=class{constructor(e){o(this,e);this.isDisabled=undefined;this.label=undefined;this.value=undefined;this.isSelected=undefined}componentWillLoad(){this.dropdown=this.hostElement.closest("xpl-dropdown")}handleClick(o){const{closeOnSelect:e,mode:t}=this.dropdown;if(Boolean(o.x&&o.y)){this.dropdown.handleSelect(o,{component:this});if(t==="single"&&e)this.dropdown.isOpen=false}}handleKeyup(o){const{dropdown:e}=this;const t=["ArrowDown","ArrowLeft","ArrowRight","ArrowUp","Tab"];const{closeOnSelect:n,mode:s,selectOnFocus:i}=this.dropdown;if(i&&t.includes(o.key)){const t=document.activeElement.closest("xpl-dropdown-option");const i={component:{hostElement:t}};e.handleSelect(o,i);if(s==="single"&&n)this.dropdown.isOpen=false;return}const l=["Escape","Enter"];if(l.includes(o.key)){e.handleSelect(o,{component:this});if(this.dropdown.closeOnSelect)this.dropdown.isOpen=false}}connectedCallback(){this.hostElement.addEventListener("click",this.handleClick.bind(this));this.hostElement.addEventListener("keyup",this.handleKeyup.bind(this))}disconnectedCallback(){this.hostElement.removeEventListener("click",this.handleClick);this.hostElement.removeEventListener("keyup",this.handleKeyup)}render(){const{label:o,isSelected:n,isDisabled:s,value:i}=this;return e(t,{class:{"xpl-dropdown-option":true,"xpl-dropdown-option--disabled":s,"xpl-dropdown-option--selected":n},role:"option","aria-checked":n,"aria-disabled":s,"aria-selected":n,value:i},e("li",{class:"xpl-dropdown-list-item"},o||e("slot",{name:"option"})))}get hostElement(){return n(this)}};export{i as xpl_dropdown_group,l as xpl_dropdown_heading,r as xpl_dropdown_option};
|
|
2
|
+
//# sourceMappingURL=p-315920cd.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["XplDropdownGroup","render","groupName","options","this","hasOptions","length","mappedOptions","map","_a","properties","__rest","h","Object","assign","label","Host","role","class","name","XplDropdownHeading","XplDropdownOption","componentWillLoad","dropdown","hostElement","closest","handleClick","ev","closeOnSelect","mode","Boolean","x","y","handleSelect","component","isOpen","handleKeyup","navigationKeys","selectOnFocus","includes","key","document","activeElement","selectionKeys","connectedCallback","addEventListener","bind","disconnectedCallback","removeEventListener","isSelected","isDisabled","value"],"sources":["./src/components/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.tsx","./src/components/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.tsx","./src/components/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.tsx"],"sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\nimport type { DropdownOptionGroup } from '../dropdownoption';\n\n@Component({ tag: 'xpl-dropdown-group' })\nexport class XplDropdownGroup {\n /** text to display as heading */\n @Prop({ attribute: 'label' }) groupName: string;\n\n /** options that are listed */\n @Prop() options?: DropdownOptionGroup['options'];\n\n render() {\n const { groupName, options } = this;\n\n const hasOptions = options && options.length;\n const mappedOptions =\n hasOptions &&\n options.map(({ groupName, ...properties }) =>\n groupName ? (\n <xpl-dropdown-group\n label={groupName}\n {...properties}\n ></xpl-dropdown-group>\n ) : (\n <xpl-dropdown-option {...properties}></xpl-dropdown-option>\n )\n );\n return (\n <Host role=\"group\" aria-label={groupName}>\n <li class=\"xpl-dropdown-list-item\">\n <xpl-dropdown-heading\n label={groupName}\n ></xpl-dropdown-heading>\n <ul class=\"xpl-dropdown-list\">\n {mappedOptions || <slot name=\"options\"></slot>}\n </ul>\n </li>\n </Host>\n );\n }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({ tag: 'xpl-dropdown-heading' })\nexport class XplDropdownHeading {\n /** text to display as heading */\n @Prop() label: string;\n\n render() {\n return (\n <Host class={{ 'xpl-dropdown-heading': true }} role=\"presentation\">\n <span>{this.label || <slot name=\"heading\"></slot>}</span>\n </Host>\n );\n }\n}\n","import { Component, Element, Host, h, Prop } from '@stencil/core';\n\n@Component({ tag: 'xpl-dropdown-option' })\nexport class XplDropdownOption {\n /** whether option is disabled */\n @Prop({ attribute: 'disabled', reflect: true }) isDisabled?: boolean;\n\n /**\n * text to display for option\n */\n @Prop() label: string;\n\n /**\n * The selected options value to be submitted with the form, should this option be selected.\n */\n @Prop() value?: string;\n\n /** whether option is selected */\n // eslint-disable-next-line @stencil/strict-mutable\n @Prop({ attribute: 'selected', mutable: true, reflect: true })\n isSelected?: boolean;\n\n @Element() hostElement: HTMLXplDropdownOptionElement;\n private dropdown: HTMLXplDropdownElement;\n\n componentWillLoad() {\n this.dropdown = this.hostElement.closest('xpl-dropdown');\n }\n\n private handleClick(ev: PointerEvent) {\n const { closeOnSelect, mode } = this.dropdown;\n\n if (Boolean(ev.x && ev.y)) {\n this.dropdown.handleSelect(ev, { component: this });\n\n if (mode === 'single' && closeOnSelect)\n this.dropdown.isOpen = false;\n }\n }\n\n private handleKeyup(ev: KeyboardEvent) {\n const { dropdown } = this;\n\n const navigationKeys = [\n 'ArrowDown',\n 'ArrowLeft',\n 'ArrowRight',\n 'ArrowUp',\n 'Tab',\n ];\n const { closeOnSelect, mode, selectOnFocus } = this.dropdown;\n\n if (selectOnFocus && navigationKeys.includes(ev.key)) {\n const hostElement = document.activeElement.closest(\n 'xpl-dropdown-option'\n );\n const component = {\n component: { hostElement } as XplDropdownOption,\n };\n dropdown.handleSelect(ev, component);\n\n if (mode === 'single' && closeOnSelect)\n this.dropdown.isOpen = false;\n return;\n }\n\n const selectionKeys = ['Escape', 'Enter'];\n if (selectionKeys.includes(ev.key)) {\n dropdown.handleSelect(ev, { component: this });\n\n if (this.dropdown.closeOnSelect) this.dropdown.isOpen = false;\n }\n }\n\n connectedCallback() {\n this.hostElement.addEventListener('click', this.handleClick.bind(this));\n this.hostElement.addEventListener('keyup', this.handleKeyup.bind(this));\n }\n\n disconnectedCallback() {\n this.hostElement.removeEventListener('click', this.handleClick);\n this.hostElement.removeEventListener('keyup', this.handleKeyup);\n }\n\n render() {\n const { label, isSelected, isDisabled, value } = this;\n\n return (\n <Host\n class={{\n 'xpl-dropdown-option': true,\n 'xpl-dropdown-option--disabled': isDisabled,\n 'xpl-dropdown-option--selected': isSelected,\n }}\n role=\"option\"\n aria-checked={isSelected}\n aria-disabled={isDisabled}\n aria-selected={isSelected}\n value={value}\n >\n <li class=\"xpl-dropdown-list-item\">\n {label || <slot name=\"option\"></slot>}\n </li>\n </Host>\n );\n }\n}\n"],"mappings":"6aAIaA,EAAgB,M,yEAOzBC,SACI,MAAMC,UAAEA,EAASC,QAAEA,GAAYC,KAE/B,MAAMC,EAAaF,GAAWA,EAAQG,OACtC,MAAMC,EACFF,GACAF,EAAQK,KAAKC,I,IAAAP,UAAEA,GAASO,EAAKC,EAAUC,EAAAF,EAA1B,eACT,OAAAP,EACIU,EAAA,qBAAAC,OAAAC,OAAA,CACIC,MAAOb,GACHQ,IAGRE,EAAA,sBAAAC,OAAAC,OAAA,GAAyBJ,GAC5B,IAET,OACIE,EAACI,EAAI,CAACC,KAAK,QAAO,aAAaf,GAC3BU,EAAA,MAAIM,MAAM,0BACNN,EAAA,wBACIG,MAAOb,IAEXU,EAAA,MAAIM,MAAM,qBACLX,GAAiBK,EAAA,QAAMO,KAAK,c,SC/BxCC,EAAkB,M,8CAI3BnB,SACI,OACIW,EAACI,EAAI,CAACE,MAAO,CAAE,uBAAwB,MAAQD,KAAK,gBAChDL,EAAA,YAAOR,KAAKW,OAASH,EAAA,QAAMO,KAAK,a,SCPnCE,EAAiB,M,uHAsB1BC,oBACIlB,KAAKmB,SAAWnB,KAAKoB,YAAYC,QAAQ,e,CAGrCC,YAAYC,GAChB,MAAMC,cAAEA,EAAaC,KAAEA,GAASzB,KAAKmB,SAErC,GAAIO,QAAQH,EAAGI,GAAKJ,EAAGK,GAAI,CACvB5B,KAAKmB,SAASU,aAAaN,EAAI,CAAEO,UAAW9B,OAE5C,GAAIyB,IAAS,UAAYD,EACrBxB,KAAKmB,SAASY,OAAS,K,EAI3BC,YAAYT,GAChB,MAAMJ,SAAEA,GAAanB,KAErB,MAAMiC,EAAiB,CACnB,YACA,YACA,aACA,UACA,OAEJ,MAAMT,cAAEA,EAAaC,KAAEA,EAAIS,cAAEA,GAAkBlC,KAAKmB,SAEpD,GAAIe,GAAiBD,EAAeE,SAASZ,EAAGa,KAAM,CAClD,MAAMhB,EAAciB,SAASC,cAAcjB,QACvC,uBAEJ,MAAMS,EAAY,CACdA,UAAW,CAAEV,gBAEjBD,EAASU,aAAaN,EAAIO,GAE1B,GAAIL,IAAS,UAAYD,EACrBxB,KAAKmB,SAASY,OAAS,MAC3B,M,CAGJ,MAAMQ,EAAgB,CAAC,SAAU,SACjC,GAAIA,EAAcJ,SAASZ,EAAGa,KAAM,CAChCjB,EAASU,aAAaN,EAAI,CAAEO,UAAW9B,OAEvC,GAAIA,KAAKmB,SAASK,cAAexB,KAAKmB,SAASY,OAAS,K,EAIhES,oBACIxC,KAAKoB,YAAYqB,iBAAiB,QAASzC,KAAKsB,YAAYoB,KAAK1C,OACjEA,KAAKoB,YAAYqB,iBAAiB,QAASzC,KAAKgC,YAAYU,KAAK1C,M,CAGrE2C,uBACI3C,KAAKoB,YAAYwB,oBAAoB,QAAS5C,KAAKsB,aACnDtB,KAAKoB,YAAYwB,oBAAoB,QAAS5C,KAAKgC,Y,CAGvDnC,SACI,MAAMc,MAAEA,EAAKkC,WAAEA,EAAUC,WAAEA,EAAUC,MAAEA,GAAU/C,KAEjD,OACIQ,EAACI,EAAI,CACDE,MAAO,CACH,sBAAuB,KACvB,gCAAiCgC,EACjC,gCAAiCD,GAErChC,KAAK,SAAQ,eACCgC,EAAU,gBACTC,EAAU,gBACVD,EACfE,MAAOA,GAEPvC,EAAA,MAAIM,MAAM,0BACLH,GAASH,EAAA,QAAMO,KAAK,Y"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,c as i,h as s,H as n}from"./p-cf2e6132.js";const o=class{constructor(s){t(this,s);this.clickPrimary=i(this,"clickPrimary",7);this.clickSecondary=i(this,"clickSecondary",7);this.clickTertiary=i(this,"clickTertiary",7);this.onPrimary=()=>this.clickPrimary.emit();this.onSecondary=()=>this.clickSecondary.emit();this.onTertiary=()=>this.clickTertiary.emit();this.primary=undefined;this.secondary=undefined;this.tertiary=undefined}render(){return s(n,{class:"xpl-button-row"},s("div",{class:"xpl-button-row-inner"},s("div",{class:"xpl-button-row__left"},this.secondary&&s("xpl-button",{variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary)),s("div",{class:"xpl-button-row__right"},this.tertiary&&s("xpl-button",{variant:"subtle",type:"button",onClick:this.onTertiary},this.tertiary),this.secondary&&s("xpl-button",{variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary),this.primary&&s("xpl-button",{class:"xpl-button-row__primary",onClick:this.onPrimary},this.primary))))}};export{o as xpl_button_row};
|
|
2
|
+
//# sourceMappingURL=p-3c934536.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["XplButtonRow","this","onPrimary","clickPrimary","emit","onSecondary","clickSecondary","onTertiary","clickTertiary","render","h","Host","class","secondary","variant","type","onClick","tertiary","primary"],"sources":["./src/components/components/xpl-button-row/xpl-button-row.tsx"],"sourcesContent":["import { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'xpl-button-row',\n})\nexport class XplButtonRow {\n /**\n * The text for the primary button.\n */\n @Prop({ reflect: false }) primary: 'string';\n /**\n * The text for the secondary button. If left\n * empty, will not render a secondary button.\n */\n @Prop({ reflect: false }) secondary: 'string';\n /**\n * The text for the tertiary button. If left\n * empty, will not render a secondary button.\n */\n @Prop({ reflect: false }) tertiary: 'string';\n\n /**\n * Fires on the primary button.\n * If not set, the button can act as a standard\n * submit button for a form.\n */\n @Event() clickPrimary: EventEmitter;\n /**\n * Adds an event listener to the secondary button.\n */\n @Event() clickSecondary: EventEmitter;\n /**\n * Adds an event listener to the tertiary button.\n */\n @Event() clickTertiary: EventEmitter;\n\n private onPrimary = () => this.clickPrimary.emit();\n private onSecondary = () => this.clickSecondary.emit();\n private onTertiary = () => this.clickTertiary.emit();\n\n render() {\n return (\n <Host class=\"xpl-button-row\">\n <div class=\"xpl-button-row-inner\">\n <div class=\"xpl-button-row__left\">\n {this.secondary && (\n <xpl-button\n variant=\"secondary\"\n type=\"button\"\n onClick={this.onSecondary}\n >\n {this.secondary}\n </xpl-button>\n )}\n </div>\n <div class=\"xpl-button-row__right\">\n {this.tertiary && (\n <xpl-button\n variant=\"subtle\"\n type=\"button\"\n onClick={this.onTertiary}\n >\n {this.tertiary}\n </xpl-button>\n )}\n {this.secondary && (\n <xpl-button\n variant=\"secondary\"\n type=\"button\"\n onClick={this.onSecondary}\n >\n {this.secondary}\n </xpl-button>\n )}\n {this.primary && (\n <xpl-button\n class=\"xpl-button-row__primary\"\n onClick={this.onPrimary}\n >\n {this.primary}\n </xpl-button>\n )}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"+DAKaA,EAAY,M,gKA+BbC,KAAAC,UAAY,IAAMD,KAAKE,aAAaC,OACpCH,KAAAI,YAAc,IAAMJ,KAAKK,eAAeF,OACxCH,KAAAM,WAAa,IAAMN,KAAKO,cAAcJ,O,wEAE9CK,SACI,OACIC,EAACC,EAAI,CAACC,MAAM,kBACRF,EAAA,OAAKE,MAAM,wBACPF,EAAA,OAAKE,MAAM,wBACNX,KAAKY,WACFH,EAAA,cACII,QAAQ,YACRC,KAAK,SACLC,QAASf,KAAKI,aAEbJ,KAAKY,YAIlBH,EAAA,OAAKE,MAAM,yBACNX,KAAKgB,UACFP,EAAA,cACII,QAAQ,SACRC,KAAK,SACLC,QAASf,KAAKM,YAEbN,KAAKgB,UAGbhB,KAAKY,WACFH,EAAA,cACII,QAAQ,YACRC,KAAK,SACLC,QAASf,KAAKI,aAEbJ,KAAKY,WAGbZ,KAAKiB,SACFR,EAAA,cACIE,MAAM,0BACNI,QAASf,KAAKC,WAEbD,KAAKiB,W"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as i,c as t,h as s,H as n}from"./p-cf2e6132.js";const a=class{constructor(s){i(this,s);this.page=t(this,"page",7);this._goto=i=>{this.page.emit(i);if(!this.waitForCallback){this.current=i}};this.goPrev=()=>{if(this.current>1)this._goto(this.current-1)};this.goNext=()=>{const i=Math.ceil(this.total/this.perPage);if(this.current<i)this._goto(this.current+1)};this.total=undefined;this.perPage=undefined;this.waitForCallback=undefined;this.current=1}async goto(i){this.current=i}render(){const i=Math.ceil(this.total/this.perPage);let t=[1];if(i<7)t=[1,2,3,4,5,6];if(this.current<=3||this.current>=i-2){t=[1,2,3,"...",i-2,i-1,i]}else{t=[1,"...",this.current-1,this.current,this.current+1,"...",i]}const a=(this.current-1)*this.perPage+1;const l=Math.min(a+this.perPage-1,this.total);return s(n,null,s("div",{class:"xpl-pagination"},s("div",null,s("p",null,"Showing ",s("span",null,a)," to"," ",s("span",null,l)," of"," ",s("span",null,this.total)," results")),s("div",null,s("nav",{"aria-label":"Pagination"},s("button",{onClick:this.goPrev,class:"xpl-pagination-prev"},s("span",null,"Previous"),s("svg",{viewBox:"0 0 20 20","aria-hidden":"true"},s("path",{"fill-rule":"evenodd",d:"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z","clip-rule":"evenodd"}))),t.map((i=>{if(i==="..."){return s("span",{class:"xpl-pagination-ellipsis"},"...")}if(i===this.current){return s("button",{"aria-current":"page",class:"xpl-pagination-current"},i)}return s("button",{onClick:()=>this._goto(i)},i)})),s("button",{onClick:this.goNext,class:"xpl-pagination-next"},s("span",null,"Next"),s("svg",{viewBox:"0 0 20 20","aria-hidden":"true"},s("path",{"fill-rule":"evenodd",d:"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z","clip-rule":"evenodd"})))))))}};export{a as xpl_pagination};
|
|
2
|
+
//# sourceMappingURL=p-47a55fa9.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["XplPagination","this","_goto","n","page","emit","waitForCallback","current","goPrev","goNext","numPages","Math","ceil","total","perPage","async","render","showing","showingFirst","showingLast","min","h","Host","class","onClick","viewBox","d","map"],"sources":["./src/components/components/xpl-pagination/xpl-pagination.tsx"],"sourcesContent":["import {\n Component,\n Host,\n h,\n Event,\n EventEmitter,\n Prop,\n State,\n Method,\n} from '@stencil/core';\n\n@Component({\n tag: 'xpl-pagination',\n})\nexport class XplPagination {\n @Prop() total: number;\n @Prop() perPage: number;\n @Prop() waitForCallback: boolean;\n @State() current: number = 1;\n\n @Event() page: EventEmitter;\n\n /**\n * Calling `goto` with a page number (which should probably be\n * taken from the `page` event) updates the pagination's state\n * and re-renders it, showing the appropriate buttons given the current page.\n * @param n\n */\n @Method()\n async goto(n: number) {\n this.current = n;\n }\n\n /**\n * Private `_goto` method respects the `waitForCallback` prop --\n * it will always emit the `page` event, but won't actually update\n * the state of what the current page is, leaving that to the caller\n * to update once (presumably) some other data has loaded.\n */\n private _goto = (n: number) => {\n this.page.emit(n);\n if (!this.waitForCallback) {\n this.current = n;\n }\n };\n\n private goPrev = () => {\n if (this.current > 1) this._goto(this.current - 1);\n };\n\n private goNext = () => {\n const numPages = Math.ceil(this.total / this.perPage);\n if (this.current < numPages) this._goto(this.current + 1);\n };\n\n render() {\n const numPages = Math.ceil(this.total / this.perPage);\n\n let showing: (number | '...')[] = [1];\n if (numPages < 7) showing = [1, 2, 3, 4, 5, 6];\n if (this.current <= 3 || this.current >= numPages - 2) {\n showing = [1, 2, 3, '...', numPages - 2, numPages - 1, numPages];\n } else {\n showing = [\n 1,\n '...',\n this.current - 1,\n this.current,\n this.current + 1,\n '...',\n numPages,\n ];\n }\n\n const showingFirst = (this.current - 1) * this.perPage + 1;\n const showingLast = Math.min(\n showingFirst + this.perPage - 1,\n this.total\n );\n\n return (\n <Host>\n <div class=\"xpl-pagination\">\n <div>\n <p>\n Showing <span>{showingFirst}</span> to{' '}\n <span>{showingLast}</span> of{' '}\n <span>{this.total}</span> results\n </p>\n </div>\n <div>\n <nav aria-label=\"Pagination\">\n <button\n onClick={this.goPrev}\n class=\"xpl-pagination-prev\"\n >\n <span>Previous</span>\n <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n <path\n fill-rule=\"evenodd\"\n d=\"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z\"\n clip-rule=\"evenodd\"\n />\n </svg>\n </button>\n {showing.map((n) => {\n if (n === '...') {\n return (\n <span class=\"xpl-pagination-ellipsis\">\n ...\n </span>\n );\n }\n if (n === this.current) {\n return (\n <button\n aria-current=\"page\"\n class=\"xpl-pagination-current\"\n >\n {n}\n </button>\n );\n }\n return (\n <button onClick={() => this._goto(n)}>\n {n}\n </button>\n );\n })}\n <button\n onClick={this.goNext}\n class=\"xpl-pagination-next\"\n >\n <span>Next</span>\n <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n <path\n fill-rule=\"evenodd\"\n d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\"\n clip-rule=\"evenodd\"\n />\n </svg>\n </button>\n </nav>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"+DAcaA,EAAa,M,oDAyBdC,KAAAC,MAASC,IACbF,KAAKG,KAAKC,KAAKF,GACf,IAAKF,KAAKK,gBAAiB,CACvBL,KAAKM,QAAUJ,C,GAIfF,KAAAO,OAAS,KACb,GAAIP,KAAKM,QAAU,EAAGN,KAAKC,MAAMD,KAAKM,QAAU,EAAE,EAG9CN,KAAAQ,OAAS,KACb,MAAMC,EAAWC,KAAKC,KAAKX,KAAKY,MAAQZ,KAAKa,SAC7C,GAAIb,KAAKM,QAAUG,EAAUT,KAAKC,MAAMD,KAAKM,QAAU,EAAE,E,wFAlClC,C,CAW3BQ,WAAWZ,GACPF,KAAKM,QAAUJ,C,CAyBnBa,SACI,MAAMN,EAAWC,KAAKC,KAAKX,KAAKY,MAAQZ,KAAKa,SAE7C,IAAIG,EAA8B,CAAC,GACnC,GAAIP,EAAW,EAAGO,EAAU,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,GAC5C,GAAIhB,KAAKM,SAAW,GAAKN,KAAKM,SAAWG,EAAW,EAAG,CACnDO,EAAU,CAAC,EAAG,EAAG,EAAG,MAAOP,EAAW,EAAGA,EAAW,EAAGA,E,KACpD,CACHO,EAAU,CACN,EACA,MACAhB,KAAKM,QAAU,EACfN,KAAKM,QACLN,KAAKM,QAAU,EACf,MACAG,E,CAIR,MAAMQ,GAAgBjB,KAAKM,QAAU,GAAKN,KAAKa,QAAU,EACzD,MAAMK,EAAcR,KAAKS,IACrBF,EAAejB,KAAKa,QAAU,EAC9Bb,KAAKY,OAGT,OACIQ,EAACC,EAAI,KACDD,EAAA,OAAKE,MAAM,kBACPF,EAAA,WACIA,EAAA,oBACYA,EAAA,YAAOH,GAAoB,MAAI,IACvCG,EAAA,YAAOF,GAAmB,MAAI,IAC9BE,EAAA,YAAOpB,KAAKY,OAAa,aAGjCQ,EAAA,WACIA,EAAA,oBAAgB,cACZA,EAAA,UACIG,QAASvB,KAAKO,OACde,MAAM,uBAENF,EAAA,wBACAA,EAAA,OAAKI,QAAQ,YAAW,cAAa,QACjCJ,EAAA,oBACc,UACVK,EAAE,oHAAmH,YAC3G,cAIrBT,EAAQU,KAAKxB,IACV,GAAIA,IAAM,MAAO,CACb,OACIkB,EAAA,QAAME,MAAM,2BAAyB,M,CAK7C,GAAIpB,IAAMF,KAAKM,QAAS,CACpB,OACIc,EAAA,yBACiB,OACbE,MAAM,0BAELpB,E,CAIb,OACIkB,EAAA,UAAQG,QAAS,IAAMvB,KAAKC,MAAMC,IAC7BA,EACI,IAGjBkB,EAAA,UACIG,QAASvB,KAAKQ,OACdc,MAAM,uBAENF,EAAA,oBACAA,EAAA,OAAKI,QAAQ,YAAW,cAAa,QACjCJ,EAAA,oBACc,UACVK,EAAE,qHAAoH,YAC5G,iB"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as s,h as r,H as e}from"./p-cf2e6132.js";const i=class{constructor(r){s(this,r);this.tier=undefined}render(){let s="xpl-divider";s+=` xpl-divider--${this.tier}`;return r(e,{class:s},r("span",null,r("slot",null)))}};export{i as xpl_divider};
|
|
2
|
+
//# sourceMappingURL=p-485d0c40.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["XplDivider","render","className","this","tier","h","Host","class"],"sources":["./src/components/components/xpl-divider/xpl-divider.tsx"],"sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'xpl-divider',\n})\nexport class XplDivider {\n /**\n * The tier should be an integer between 0 and 3.\n * Tier 0 dividers do not display text, and 1-3 increase\n * in size with each increasing tier.\n */\n @Prop() tier?: number;\n\n render() {\n let className = 'xpl-divider';\n className += ` xpl-divider--${this.tier}`;\n\n return (\n <Host class={className}>\n <span>\n <slot></slot>\n </span>\n </Host>\n );\n }\n}\n"],"mappings":"wDAKaA,EAAU,M,6CAQnBC,SACI,IAAIC,EAAY,cAChBA,GAAa,iBAAiBC,KAAKC,OAEnC,OACIC,EAACC,EAAI,CAACC,MAAOL,GACTG,EAAA,YACIA,EAAA,c"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as s,h as t,H as i}from"./p-cf2e6132.js";import{v as e}from"./p-ad90fe4d.js";const l=class{constructor(t){s(this,t);this.checked=undefined;this.description=undefined;this.disabled=undefined;this.heading=undefined;this.label=undefined;this.name=undefined;this.variant="default";this.id=e()}render(){let s="xpl-toggle-container";if(this.disabled)s+=" xpl-toggle-container--disabled";let e="xpl-toggle";if(this.variant==="small")e+=" xpl-toggle--small";return t(i,{class:s},(this.heading||this.description)&&t("label",{class:{"xpl-label":true,"xpl-label--disabled":this.disabled},htmlFor:this.id},this.heading,this.description&&t("small",{class:{"xpl-description":true,"xpl-description--disabled":this.disabled}},this.description)),t("input",{class:e,type:"checkbox",checked:this.checked,disabled:this.disabled,id:this.id,name:this.name}),this.label&&t("label",{htmlFor:this.id},this.label))}};export{l as xpl_toggle};
|
|
2
|
+
//# sourceMappingURL=p-5a038a8e.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["XplToggle","uuid","render","containerClassName","this","disabled","className","variant","h","Host","class","heading","description","htmlFor","id","type","checked","name","label"],"sources":["./src/components/components/xpl-toggle/xpl-toggle.tsx"],"sourcesContent":["import { Component, Host, h, Prop, State } from '@stencil/core';\nimport { v4 as uuid } from 'uuid';\n\n@Component({\n tag: 'xpl-toggle',\n})\nexport class XplToggle {\n @Prop() checked?: boolean;\n /**\n * The toggle's description appears *above* the toggle.\n */\n @Prop() description?: string;\n @Prop() disabled?: boolean;\n /**\n * The toggle's heading appears *above* the toggle.\n */\n @Prop() heading?: string;\n /**\n * The toggle's label appears *to the right of* the toggle.\n */\n @Prop() label?: string;\n @Prop() name?: string;\n /**\n * The size of the toggle -- `default` or `small`\n */\n @Prop() variant?: 'default' | 'small' = 'default';\n\n @State() id: string = uuid();\n\n render() {\n let containerClassName = 'xpl-toggle-container';\n if (this.disabled)\n containerClassName += ' xpl-toggle-container--disabled';\n\n let className = 'xpl-toggle';\n if (this.variant === 'small') className += ' xpl-toggle--small';\n\n return (\n <Host class={containerClassName}>\n {(this.heading || this.description) && (\n <label\n class={{\n 'xpl-label': true,\n 'xpl-label--disabled': this.disabled,\n }}\n htmlFor={this.id}\n >\n {this.heading}\n {this.description && (\n <small\n class={{\n 'xpl-description': true,\n 'xpl-description--disabled': this.disabled,\n }}\n >\n {this.description}\n </small>\n )}\n </label>\n )}\n <input\n class={className}\n type=\"checkbox\"\n checked={this.checked}\n disabled={this.disabled}\n id={this.id}\n name={this.name}\n ></input>\n {this.label && <label htmlFor={this.id}>{this.label}</label>}\n </Host>\n );\n }\n}\n"],"mappings":"4FAMaA,EAAS,M,gLAmBsB,U,QAElBC,G,CAEtBC,SACI,IAAIC,EAAqB,uBACzB,GAAIC,KAAKC,SACLF,GAAsB,kCAE1B,IAAIG,EAAY,aAChB,GAAIF,KAAKG,UAAY,QAASD,GAAa,qBAE3C,OACIE,EAACC,EAAI,CAACC,MAAOP,IACPC,KAAKO,SAAWP,KAAKQ,cACnBJ,EAAA,SACIE,MAAO,CACH,YAAa,KACb,sBAAuBN,KAAKC,UAEhCQ,QAAST,KAAKU,IAEbV,KAAKO,QACLP,KAAKQ,aACFJ,EAAA,SACIE,MAAO,CACH,kBAAmB,KACnB,4BAA6BN,KAAKC,WAGrCD,KAAKQ,cAKtBJ,EAAA,SACIE,MAAOJ,EACPS,KAAK,WACLC,QAASZ,KAAKY,QACdX,SAAUD,KAAKC,SACfS,GAAIV,KAAKU,GACTG,KAAMb,KAAKa,OAEdb,KAAKc,OAASV,EAAA,SAAOK,QAAST,KAAKU,IAAKV,KAAKc,O"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,h as i,H as s}from"./p-cf2e6132.js";const r=class{constructor(i){t(this,i);this.xs=6;this.sm=6;this.md=6;this.lg=6}render(){let t="xpl-grid-item";t+=` xpl-grid-item-xs-${this.xs}`;t+=` xpl-grid-item-sm-${this.sm}`;t+=` xpl-grid-item-md-${this.md}`;t+=` xpl-grid-item-lg-${this.lg}`;return i(s,{class:t},i("slot",null))}};export{r as xpl_grid_item};
|
|
2
|
+
//# sourceMappingURL=p-88135928.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["XplGridItem","render","className","this","xs","sm","md","lg","h","Host","class"],"sources":["./src/components/components/xpl-grid-item/xpl-grid-item.tsx"],"sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'xpl-grid-item',\n})\nexport class XplGridItem {\n @Prop() xs: number = 6;\n @Prop() sm: number = 6;\n @Prop() md: number = 6;\n @Prop() lg: number = 6;\n\n render() {\n let className = 'xpl-grid-item';\n className += ` xpl-grid-item-xs-${this.xs}`;\n className += ` xpl-grid-item-sm-${this.sm}`;\n className += ` xpl-grid-item-md-${this.md}`;\n className += ` xpl-grid-item-lg-${this.lg}`;\n\n return (\n <Host class={className}>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"mappings":"wDAKaA,EAAW,M,iCACC,E,QACA,E,QACA,E,QACA,C,CAErBC,SACI,IAAIC,EAAY,gBAChBA,GAAa,qBAAqBC,KAAKC,KACvCF,GAAa,qBAAqBC,KAAKE,KACvCH,GAAa,qBAAqBC,KAAKG,KACvCJ,GAAa,qBAAqBC,KAAKI,KAEvC,OACIC,EAACC,EAAI,CAACC,MAAOR,GACTM,EAAA,a"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as a,c as n,h as e,H as t}from"./p-cf2e6132.js";const i=class{constructor(e){a(this,e);this.navWidth=n(this,"navWidth",7);this.width="default"}navWidthHandler(){this.navWidth.emit(this.width)}connectedCallback(){this.navWidthHandler()}componentDidUpdate(){this.navWidthHandler()}render(){return e(t,{class:`xpl-main-nav xpl-main-nav--${this.width}`,"aria-label":"Sidebar"},e("nav",null,e("header",{"aria-label":"Sidebar Header"},e("slot",{name:"logo"}),e("slot",{name:"brand-name"})),e("div",{class:"xpl-main-nav__main_section"},e("slot",{name:"navigation"})),e("footer",{class:"xpl-main-nav__footer","aria-label":"Sidebar Footer"},e("slot",{name:"footer"}))))}};export{i as xpl_main_nav};
|
|
2
|
+
//# sourceMappingURL=p-91d6572c.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["XplMainNav","navWidthHandler","this","navWidth","emit","width","connectedCallback","componentDidUpdate","render","h","Host","class","name"],"sources":["./src/components/components/xpl-main-nav/xpl-main-nav.tsx"],"sourcesContent":["import { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'xpl-main-nav',\n})\nexport class XplMainNav {\n /**\n * @property {string} width - The width of the Main Nav.\n */\n @Prop() width: 'default' | 'md' | 'sm' = 'default';\n\n /**\n * @event {string} navWidth - Emits the `nav-width` prop set by the user\n * when the component is attached to the DOM and when the component is updated.\n */\n @Event() navWidth: EventEmitter<string>;\n private navWidthHandler() {\n this.navWidth.emit(this.width);\n }\n\n connectedCallback() {\n this.navWidthHandler();\n }\n\n componentDidUpdate() {\n this.navWidthHandler();\n }\n\n render() {\n return (\n <Host\n class={`xpl-main-nav xpl-main-nav--${this.width}`}\n aria-label=\"Sidebar\"\n >\n <nav>\n <header aria-label=\"Sidebar Header\">\n <slot name=\"logo\"></slot>\n <slot name=\"brand-name\"></slot>\n </header>\n <div class=\"xpl-main-nav__main_section\">\n <slot name=\"navigation\"></slot>\n </div>\n <footer\n class=\"xpl-main-nav__footer\"\n aria-label=\"Sidebar Footer\"\n >\n <slot name=\"footer\"></slot>\n </footer>\n </nav>\n </Host>\n );\n }\n}\n"],"mappings":"+DAKaA,EAAU,M,uEAIsB,S,CAOjCC,kBACJC,KAAKC,SAASC,KAAKF,KAAKG,M,CAG5BC,oBACIJ,KAAKD,iB,CAGTM,qBACIL,KAAKD,iB,CAGTO,SACI,OACIC,EAACC,EAAI,CACDC,MAAO,8BAA8BT,KAAKG,QAAO,aACtC,WAEXI,EAAA,WACIA,EAAA,uBAAmB,kBACfA,EAAA,QAAMG,KAAK,SACXH,EAAA,QAAMG,KAAK,gBAEfH,EAAA,OAAKE,MAAM,8BACPF,EAAA,QAAMG,KAAK,gBAEfH,EAAA,UACIE,MAAM,uBAAsB,aACjB,kBAEXF,EAAA,QAAMG,KAAK,a"}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
var r
|
|
1
|
+
var r;var t=new Uint8Array(16);function o(){if(!r){r=typeof crypto!=="undefined"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto!=="undefined"&&typeof msCrypto.getRandomValues==="function"&&msCrypto.getRandomValues.bind(msCrypto);if(!r){throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported")}}return r(t)}const n=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;function e(r){return typeof r==="string"&&n.test(r)}var f=[];for(var i=0;i<256;++i){f.push((i+256).toString(16).substr(1))}function u(r){var t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:0;var o=(f[r[t+0]]+f[r[t+1]]+f[r[t+2]]+f[r[t+3]]+"-"+f[r[t+4]]+f[r[t+5]]+"-"+f[r[t+6]]+f[r[t+7]]+"-"+f[r[t+8]]+f[r[t+9]]+"-"+f[r[t+10]]+f[r[t+11]]+f[r[t+12]]+f[r[t+13]]+f[r[t+14]]+f[r[t+15]]).toLowerCase();if(!e(o)){throw TypeError("Stringified UUID is invalid")}return o}function a(r,t,n){r=r||{};var e=r.random||(r.rng||o)();e[6]=e[6]&15|64;e[8]=e[8]&63|128;if(t){n=n||0;for(var f=0;f<16;++f){t[n+f]=e[f]}return t}return u(e)}export{a as v};
|
|
2
|
+
//# sourceMappingURL=p-ad90fe4d.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["getRandomValues","rnds8","Uint8Array","rng","crypto","bind","msCrypto","Error","REGEX","validate","uuid","test","byteToHex","i","push","toString","substr","stringify","arr","offset","arguments","length","undefined","toLowerCase","TypeError","v4","options","buf","rnds","random"],"sources":["./node_modules/uuid/dist/esm-browser/rng.js","./node_modules/uuid/dist/esm-browser/regex.js","./node_modules/uuid/dist/esm-browser/validate.js","./node_modules/uuid/dist/esm-browser/stringify.js","./node_modules/uuid/dist/esm-browser/v4.js"],"sourcesContent":["// Unique ID creation requires a high quality random # generator. In the browser we therefore\n// require the crypto API and do not support built-in fallback to lower quality random number\n// generators (like Math.random()).\nvar getRandomValues;\nvar rnds8 = new Uint8Array(16);\nexport default function rng() {\n // lazy load so that environments that need to polyfill have a chance to do so\n if (!getRandomValues) {\n // getRandomValues needs to be invoked in a context where \"this\" is a Crypto implementation. Also,\n // find the complete implementation of crypto (msCrypto) on IE11.\n getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto !== 'undefined' && typeof msCrypto.getRandomValues === 'function' && msCrypto.getRandomValues.bind(msCrypto);\n\n if (!getRandomValues) {\n throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');\n }\n }\n\n return getRandomValues(rnds8);\n}","export default /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;","import REGEX from './regex.js';\n\nfunction validate(uuid) {\n return typeof uuid === 'string' && REGEX.test(uuid);\n}\n\nexport default validate;","import validate from './validate.js';\n/**\n * Convert array of 16 byte values to UUID string format of the form:\n * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX\n */\n\nvar byteToHex = [];\n\nfor (var i = 0; i < 256; ++i) {\n byteToHex.push((i + 0x100).toString(16).substr(1));\n}\n\nfunction stringify(arr) {\n var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n // Note: Be careful editing this code! It's been tuned for performance\n // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434\n var uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID. If this throws, it's likely due to one\n // of the following:\n // - One or more input array values don't map to a hex octet (leading to\n // \"undefined\" in the uuid)\n // - Invalid input values for the RFC `version` or `variant` fields\n\n if (!validate(uuid)) {\n throw TypeError('Stringified UUID is invalid');\n }\n\n return uuid;\n}\n\nexport default stringify;","import rng from './rng.js';\nimport stringify from './stringify.js';\n\nfunction v4(options, buf, offset) {\n options = options || {};\n var rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`\n\n rnds[6] = rnds[6] & 0x0f | 0x40;\n rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided\n\n if (buf) {\n offset = offset || 0;\n\n for (var i = 0; i < 16; ++i) {\n buf[offset + i] = rnds[i];\n }\n\n return buf;\n }\n\n return stringify(rnds);\n}\n\nexport default v4;"],"mappings":"AAGA,IAAIA,EACJ,IAAIC,EAAQ,IAAIC,WAAW,IACZ,SAASC,IAEtB,IAAKH,EAAiB,CAGpBA,SAAyBI,SAAW,aAAeA,OAAOJ,iBAAmBI,OAAOJ,gBAAgBK,KAAKD,gBAAkBE,WAAa,oBAAsBA,SAASN,kBAAoB,YAAcM,SAASN,gBAAgBK,KAAKC,UAEvO,IAAKN,EAAiB,CACpB,MAAM,IAAIO,MAAM,2GACtB,CACA,CAEE,OAAOP,EAAgBC,EACzB,CClBA,MAAAO,EAAe,sHCEf,SAASC,EAASC,GAChB,cAAcA,IAAS,UAAYF,EAAMG,KAAKD,EAChD,CCEA,IAAIE,EAAY,GAEhB,IAAK,IAAIC,EAAI,EAAGA,EAAI,MAAOA,EAAG,CAC5BD,EAAUE,MAAMD,EAAI,KAAOE,SAAS,IAAIC,OAAO,GACjD,CAEA,SAASC,EAAUC,GACjB,IAAIC,EAASC,UAAUC,OAAS,GAAKD,UAAU,KAAOE,UAAYF,UAAU,GAAK,EAGjF,IAAIV,GAAQE,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAM,IAAMP,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAM,IAAMP,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAM,IAAMP,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAM,IAAMP,EAAUM,EAAIC,EAAS,KAAOP,EAAUM,EAAIC,EAAS,KAAOP,EAAUM,EAAIC,EAAS,KAAOP,EAAUM,EAAIC,EAAS,KAAOP,EAAUM,EAAIC,EAAS,KAAOP,EAAUM,EAAIC,EAAS,MAAMI,cAMzf,IAAKd,EAASC,GAAO,CACnB,MAAMc,UAAU,8BACpB,CAEE,OAAOd,CACT,CCxBA,SAASe,EAAGC,EAASC,EAAKR,GACxBO,EAAUA,GAAW,GACrB,IAAIE,EAAOF,EAAQG,SAAWH,EAAQvB,KAAOA,KAE7CyB,EAAK,GAAKA,EAAK,GAAK,GAAO,GAC3BA,EAAK,GAAKA,EAAK,GAAK,GAAO,IAE3B,GAAID,EAAK,CACPR,EAASA,GAAU,EAEnB,IAAK,IAAIN,EAAI,EAAGA,EAAI,KAAMA,EAAG,CAC3Bc,EAAIR,EAASN,GAAKe,EAAKf,EAC7B,CAEI,OAAOc,CACX,CAEE,OAAOV,EAAUW,EACnB,Q"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,h as l,H as s,F as a}from"./p-cf2e6132.js";import"./p-2f90296c.js";const r=({avatar:t,avatars:s,badges:r,href:e,title:i,subtext:n,metadata:p})=>{const c=s||r||n;const u=l(a,null,t&&(t.slice(0,1)==="/"||t.slice(0,4)==="http"?l("xpl-avatar",{src:t,name:i}):l("xpl-avatar",{name:i},t)),l("div",{class:"xpl-list-item-content"},l("div",{class:"xpl-list-left"},l("div",null,l("h4",null,i),p&&l("ul",{class:"xpl-list-item-metadata"},p.map((t=>{if(typeof t==="string"){return l("li",null,t)}else{return l("li",null,l("span",{class:`far fa-${t.icon}`})," ",t.text)}}))))),c&&l("div",{class:"xpl-list-right"},n&&l("div",{class:"xpl-list-item-subtext"},n),s&&l("div",{class:"xpl-avatar-group xpl-avatar-group--s"},s.map((t=>l("img",{src:t,alt:""})))),r&&r.map((t=>{if(typeof t==="string"){return l("xpl-badge",null,t)}else{return l("xpl-badge",{dot:t.dot,variant:t.variant},t.text)}})))));return e?l("a",{class:"xpl-list-item",href:e},u):l("div",{class:"xpl-list-item"},u)};const e=class{constructor(l){t(this,l);this.items=[]}render(){return l(s,null,this.items.map((t=>l(r,Object.assign({},t)))))}};export{e as xpl_list};
|
|
2
|
+
//# sourceMappingURL=p-ae99c266.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["ListItemCpt","avatar","avatars","badges","href","title","subtext","metadata","hasRight","inner","h","Fragment","slice","src","name","class","map","d","icon","text","a","alt","b","dot","variant","XplList","render","Host","this","items","item","Object","assign"],"sources":["./src/components/components/xpl-list/xpl-list.tsx"],"sourcesContent":["import {\n Component,\n Host,\n h,\n Prop,\n FunctionalComponent,\n Fragment,\n} from '@stencil/core';\nimport '../../../font-awesome/fontawesome';\nimport '../../../font-awesome/regular';\nimport type { ListItem } from './listitem';\n\nconst ListItemCpt: FunctionalComponent<ListItem> = ({\n avatar,\n avatars,\n badges,\n href,\n title,\n subtext,\n metadata,\n}) => {\n const hasRight = avatars || badges || subtext;\n const inner = (\n <Fragment>\n {avatar &&\n (avatar.slice(0, 1) === '/' || avatar.slice(0, 4) === 'http' ? (\n <xpl-avatar src={avatar} name={title}></xpl-avatar>\n ) : (\n <xpl-avatar name={title}>{avatar}</xpl-avatar>\n ))}\n <div class=\"xpl-list-item-content\">\n <div class=\"xpl-list-left\">\n <div>\n <h4>{title}</h4>\n {metadata && (\n <ul class=\"xpl-list-item-metadata\">\n {metadata.map((d) => {\n if (typeof d === 'string') {\n return <li>{d}</li>;\n } else {\n return (\n <li>\n <span\n class={`far fa-${d.icon}`}\n ></span>{' '}\n {d.text}\n </li>\n );\n }\n })}\n </ul>\n )}\n </div>\n </div>\n {hasRight && (\n <div class=\"xpl-list-right\">\n {subtext && (\n <div class=\"xpl-list-item-subtext\">{subtext}</div>\n )}\n {avatars && (\n <div class=\"xpl-avatar-group xpl-avatar-group--s\">\n {avatars.map((a) => (\n <img src={a} alt=\"\" />\n ))}\n </div>\n )}\n {badges &&\n badges.map((b) => {\n if (typeof b === 'string') {\n return <xpl-badge>{b}</xpl-badge>;\n } else {\n return (\n <xpl-badge\n dot={b.dot}\n variant={b.variant}\n >\n {b.text}\n </xpl-badge>\n );\n }\n })}\n </div>\n )}\n </div>\n </Fragment>\n );\n return href ? (\n <a class=\"xpl-list-item\" href={href}>\n {inner}\n </a>\n ) : (\n <div class=\"xpl-list-item\">{inner}</div>\n );\n};\n\n@Component({\n tag: 'xpl-list',\n})\nexport class XplList {\n /**\n * `items` should be an array of objects with the following signature:\n * {\n * avatar?: string; // The URL of the avatar, or the placeholder initials (ex. \"SPD\").\n * avatars?: string[]; // The URLs of multiple avatars to be displayed in a group on the right.\n * badges?: string[] | { // An array of strings or badge-like objects to be displayed as badges\n * dot?: boolean; // in a group on the right. See <xpl-badge> for more details.\n * text: string;\n * variant?: string;\n * }[];\n * href?: string; // A URL, if this list item is meant to link somewhere.\n * title: string; // The text to be displayed for the list item.\n * metadata?: string[] | { // An array of strings or strings with icons (reference the allowed\n * icon: string; // Font Awesome icons) to be displayed as metadata below the title.\n * text: string;\n * }[];\n * subtext?: string; // Subtext to be displayed on the right.\n * }\n *\n * - Note that you should *only use one of* `avatars`, `badges`, or `subtext`, to avoid cluttering\n * the right-hand side of the list item.\n */\n @Prop() items?: ListItem[] = [];\n\n render() {\n return (\n <Host>\n {this.items.map((item) => (\n <ListItemCpt {...item} />\n ))}\n </Host>\n );\n }\n}\n"],"mappings":"iFAYA,MAAMA,EAA6C,EAC/CC,SACAC,UACAC,SACAC,OACAC,QACAC,UACAC,eAEA,MAAMC,EAAWN,GAAWC,GAAUG,EACtC,MAAMG,EACFC,EAACC,EAAQ,KACJV,IACIA,EAAOW,MAAM,EAAG,KAAO,KAAOX,EAAOW,MAAM,EAAG,KAAO,OAClDF,EAAA,cAAYG,IAAKZ,EAAQa,KAAMT,IAE/BK,EAAA,cAAYI,KAAMT,GAAQJ,IAElCS,EAAA,OAAKK,MAAM,yBACPL,EAAA,OAAKK,MAAM,iBACPL,EAAA,WACIA,EAAA,UAAKL,GACJE,GACGG,EAAA,MAAIK,MAAM,0BACLR,EAASS,KAAKC,IACX,UAAWA,IAAM,SAAU,CACvB,OAAOP,EAAA,UAAKO,E,KACT,CACH,OACIP,EAAA,UACIA,EAAA,QACIK,MAAO,UAAUE,EAAEC,SACd,IACRD,EAAEE,K,QASlCX,GACGE,EAAA,OAAKK,MAAM,kBACNT,GACGI,EAAA,OAAKK,MAAM,yBAAyBT,GAEvCJ,GACGQ,EAAA,OAAKK,MAAM,wCACNb,EAAQc,KAAKI,GACVV,EAAA,OAAKG,IAAKO,EAAGC,IAAI,QAI5BlB,GACGA,EAAOa,KAAKM,IACR,UAAWA,IAAM,SAAU,CACvB,OAAOZ,EAAA,iBAAYY,E,KAChB,CACH,OACIZ,EAAA,aACIa,IAAKD,EAAEC,IACPC,QAASF,EAAEE,SAEVF,EAAEH,K,QAU3C,OAAOf,EACHM,EAAA,KAAGK,MAAM,gBAAgBX,KAAMA,GAC1BK,GAGLC,EAAA,OAAKK,MAAM,iBAAiBN,EAC/B,E,MAMQgB,EAAO,M,oCAuBa,E,CAE7BC,SACI,OACIhB,EAACiB,EAAI,KACAC,KAAKC,MAAMb,KAAKc,GACbpB,EAACV,EAAW+B,OAAAC,OAAA,GAAKF,M"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as l,h as i,H as t}from"./p-cf2e6132.js";const s=class{constructor(i){l(this,i);this.withSubnav=false;this.withUtility=true;this.navWidth="default";this.isNavOpenAtStartup=undefined;this.navOpen=true}closeNavOnMobile(){if(window.innerWidth<=640){this.navOpen=false}}navToggleHandler(){this.navOpen=!this.navOpen}navWithHandler(l){this.navWidth=l.detail}onWindowResize(){this.closeNavOnMobile()}connectedCallback(){this.closeNavOnMobile()}componentWillLoad(){this.navOpen=this.isNavOpenAtStartup!==undefined?this.isNavOpenAtStartup:this.navOpen}render(){let l="xpl-application-shell";if(this.withUtility)l+=" xpl-application-shell--with_utility";let s="xpl-application-shell__nav";s+=this.navOpen?` xpl-application-shell__nav--${this.navWidth}--open`:` xpl-application-shell__nav--${this.navWidth}`;return i(t,{class:l},i("div",{class:s},i("slot",{name:"nav"})),i("div",{class:"xpl-application-shell__subnav"},i("slot",{name:"subnav"})),i("div",{class:"xpl-application-shell__utility"},i("slot",{name:"utility"})),i("div",{class:"xpl-application-shell__content"},i("slot",{name:"content"})),i("xpl-backdrop",{onClick:()=>this.navToggleHandler(),class:{"xpl-application-shell__backdrop--open":this.navOpen},relative:true}))}};export{s as xpl_application_shell};
|
|
2
|
+
//# sourceMappingURL=p-aeef61dd.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["XplApplicationShell","closeNavOnMobile","window","innerWidth","this","navOpen","navToggleHandler","navWithHandler","event","navWidth","detail","onWindowResize","connectedCallback","componentWillLoad","isNavOpenAtStartup","undefined","render","applicationShellClasses","withUtility","navClasses","h","Host","class","name","onClick","relative"],"sources":["./src/components/components/xpl-application-shell/xpl-application-shell.tsx"],"sourcesContent":["import { Component, h, Host, Listen, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'xpl-application-shell',\n})\nexport class XplApplicationShell {\n private closeNavOnMobile() {\n if (window.innerWidth <= 640) {\n this.navOpen = false;\n }\n }\n\n /**\n * @property {boolean} - Whether or not the Grid should have space for a secondary (sub) navigation bar\n */\n @Prop() withSubnav: boolean = false;\n /**\n * @property {boolean} - Whether or not the Grid should have space for a utility bar\n */\n @Prop() withUtility: boolean = true;\n\n /**\n * @property {string} - The width of the main navigation bar, can be passed or updated when nav-width event is emitted.\n */\n @Prop() navWidth: string = 'default';\n\n /**\n * @property {boolean} - * @property {boolean} - Optional property that defines whether or not the main nav is open at startup.\n */\n @Prop() isNavOpenAtStartup: boolean;\n\n /**\n * @state {boolean} - Whether or not the main nav is open, updates when the nav-open event is emitted.\n */\n @State() navOpen: boolean = true;\n\n @Listen('navOpen')\n navToggleHandler() {\n this.navOpen = !this.navOpen;\n }\n\n @Listen('navWidth')\n navWithHandler(event) {\n this.navWidth = event.detail;\n }\n\n @Listen('resize', { target: 'window' })\n onWindowResize() {\n this.closeNavOnMobile();\n }\n\n connectedCallback() {\n this.closeNavOnMobile();\n }\n\n componentWillLoad() {\n this.navOpen =\n this.isNavOpenAtStartup !== undefined\n ? this.isNavOpenAtStartup\n : this.navOpen;\n }\n\n render() {\n let applicationShellClasses = 'xpl-application-shell';\n if (this.withUtility)\n applicationShellClasses += ' xpl-application-shell--with_utility';\n\n let navClasses = 'xpl-application-shell__nav';\n navClasses += this.navOpen\n ? ` xpl-application-shell__nav--${this.navWidth}--open`\n : ` xpl-application-shell__nav--${this.navWidth}`;\n\n return (\n <Host class={applicationShellClasses}>\n <div class={navClasses}>\n <slot name=\"nav\"></slot>\n </div>\n <div class=\"xpl-application-shell__subnav\">\n <slot name=\"subnav\"></slot>\n </div>\n <div class=\"xpl-application-shell__utility\">\n <slot name=\"utility\"></slot>\n </div>\n <div class=\"xpl-application-shell__content\">\n <slot name=\"content\"></slot>\n </div>\n <xpl-backdrop\n onClick={() => this.navToggleHandler()}\n class={{\n 'xpl-application-shell__backdrop--open': this.navOpen,\n }}\n relative\n ></xpl-backdrop>\n </Host>\n );\n }\n}\n"],"mappings":"wDAKaA,EAAmB,M,yCAUE,M,iBAIC,K,cAKJ,U,+CAUC,I,CA5BpBC,mBACJ,GAAIC,OAAOC,YAAc,IAAK,CAC1BC,KAAKC,QAAU,K,EA6BvBC,mBACIF,KAAKC,SAAWD,KAAKC,O,CAIzBE,eAAeC,GACXJ,KAAKK,SAAWD,EAAME,M,CAI1BC,iBACIP,KAAKH,kB,CAGTW,oBACIR,KAAKH,kB,CAGTY,oBACIT,KAAKC,QACDD,KAAKU,qBAAuBC,UACtBX,KAAKU,mBACLV,KAAKC,O,CAGnBW,SACI,IAAIC,EAA0B,wBAC9B,GAAIb,KAAKc,YACLD,GAA2B,uCAE/B,IAAIE,EAAa,6BACjBA,GAAcf,KAAKC,QACb,gCAAgCD,KAAKK,iBACrC,gCAAgCL,KAAKK,WAE3C,OACIW,EAACC,EAAI,CAACC,MAAOL,GACTG,EAAA,OAAKE,MAAOH,GACRC,EAAA,QAAMG,KAAK,SAEfH,EAAA,OAAKE,MAAM,iCACPF,EAAA,QAAMG,KAAK,YAEfH,EAAA,OAAKE,MAAM,kCACPF,EAAA,QAAMG,KAAK,aAEfH,EAAA,OAAKE,MAAM,kCACPF,EAAA,QAAMG,KAAK,aAEfH,EAAA,gBACII,QAAS,IAAMpB,KAAKE,mBACpBgB,MAAO,CACH,wCAAyClB,KAAKC,SAElDoB,SAAQ,O"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,h as s,H as i,g as e,c as n}from"./p-cf2e6132.js";import{v as l}from"./p-ad90fe4d.js";const a=class{constructor(s){t(this,s);this.color=undefined;this.disabled=false;this.href=undefined;this.name=undefined;this.size=undefined;this.src=undefined;this.status=undefined;this.target=undefined}render(){let t="xpl-avatar";if(this.size)t+=` xpl-avatar--${this.size}`;if(this.color)t+=` xpl-avatar--${this.color}`;const e=s("div",null,this.src?s("img",{alt:this.name,src:this.src}):s("div",{class:"xpl-avatar__placeholder"},s("slot",null)),this.status&&s("div",{class:`xpl-avatar__dot--${this.status}`}));return s(i,null,this.href&&!this.disabled?s("a",{href:this.href,class:t,target:this.target},e):this.href&&this.disabled?s("div",{class:t+" xpl-avatar--disabled"},e):s("div",{class:t},e))}};const h=class{constructor(s){t(this,s);this.dot=undefined;this.variant=undefined}render(){let t="xpl-badge";if(this.dot)t+=" xpl-badge--dot";if(this.variant)t+=" xpl-badge--"+this.variant;return s(i,null,s("div",{class:t},s("slot",null)))}};const r=class{constructor(s){t(this,s);this.chevron=`<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-right" class="svg-inline--fa fa-chevron-right fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">\n <path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path>\n </svg>\n `}render(){return s(i,{class:"xpl-breadcrumb-item",role:"listitem"},s("li",{role:"none"},s("slot",null)),s("span",{innerHTML:`${this.chevron}`}))}};const d=class{constructor(s){t(this,s)}render(){return s(i,null,s("nav",{class:"xpl-breadcrumbs","aria-label":"Breadcrumb"},s("ol",{role:"list"},s("slot",null))))}};const c=class{constructor(s){t(this,s);this.disabled=undefined;this.link=undefined;this.iconOnly=undefined;this.fullWidth=undefined;this.name=undefined;this.size="default";this.type=undefined;this.value=undefined;this.variant="primary";this.state="neutral"}componentDidRender(){const t=this.el.attributes;const s=Object.keys(t).filter((s=>{const i=t[s].name;if(i){return i.includes("data-test")||i.includes("aria-")}return false})).reduce(((s,i)=>Object.assign(Object.assign({},s),{[t[i].name]:t[i].value})),{});const i=this.el.querySelector("button");Object.keys(s).forEach((t=>{i.setAttribute(t,s[t]);this.el.removeAttribute(t)}))}render(){let t=`xpl-button\n xpl-button--${this.size}\n xpl-button--${this.state}\n xpl-button--${this.variant}`;if(this.iconOnly)t+=" xpl-button--icon-only";if(this.fullWidth)t+=" xpl-button--full-width";if(this.link&&this.disabled)t+=" xpl-button--link-disabled";return s(i,{class:t},this.link?s("slot",null):s("button",{disabled:this.disabled,name:this.name,type:this.type,value:this.value},s("slot",null)))}get el(){return e(this)}};const o=class{constructor(s){t(this,s);this.checkboxChange=n(this,"checkboxChange",7);this.checked=undefined;this.description=undefined;this.disabled=undefined;this.indeterminate=undefined;this.name=undefined;this.required=undefined;this.styled=undefined;this.value=undefined;this.id=l()}render(){return s(i,{class:{"xpl-checkbox-radio-container":true,styled:this.styled,disabled:this.disabled}},s("input",{class:"xpl-checkbox",type:"checkbox",checked:this.checked,disabled:this.disabled,id:this.id,indeterminate:this.indeterminate,onChange:()=>this.checkboxChange.emit(this.input.checked),name:this.name,ref:t=>this.input=t,required:this.required,value:this.value}),s("label",{class:{"xpl-label":true,"xpl-label--disabled":this.disabled},htmlFor:this.id},s("slot",null),this.description&&s("small",{class:{"xpl-description":true,"xpl-description--disabled":this.disabled}},this.description)))}};const u=class{constructor(s){t(this,s);this.size="wide"}render(){return s(i,null,s("main",{class:`xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}`},s("div",{class:"xpl-content-area"},s("slot",null))))}};const p=class{constructor(s){t(this,s);this.navOpen=n(this,"navOpen",7);this.navControl=false}onNavToggle(){if(window.innerWidth<=640){this.navOpen.emit(false)}}render(){return s(i,{class:"xpl-nav-item",role:"listitem",onClick:()=>{if(this.navControl){this.onNavToggle()}}},s("slot",{name:"link"},s("slot",{name:"icon"}),s("slot",null)))}};const f=class{constructor(s){t(this,s);this.radioChange=n(this,"radioChange",7);this.checked=undefined;this.description=undefined;this.disabled=undefined;this.name=undefined;this.required=undefined;this.styled=undefined;this.value=undefined;this.id=l()}render(){return s(i,{class:{"xpl-checkbox-radio-container":true,styled:this.styled,disabled:this.disabled}},s("input",{class:"xpl-radio",type:"radio",checked:this.checked,disabled:this.disabled,id:this.id,name:this.name,required:this.required,value:this.value,onChange:()=>this.radioChange.emit(true)}),s("label",{class:{"xpl-label":true,"xpl-label--disabled":this.disabled},htmlFor:this.id},s("slot",null),this.description&&s("small",{class:{"xpl-description":true,"xpl-description--disabled":this.disabled}},this.description)))}};const b=class{constructor(s){t(this,s)}render(){return s(i,{class:"xpl-secondary-nav"},s("nav",{"aria-label":"Secondary Nav"},s("slot",null)))}};const x=class{constructor(s){t(this,s);this.tableSelect=n(this,"tableSelect",7);this.selectAll=t=>{const{target:s}=t;if(!(s instanceof HTMLInputElement))return;const{checked:i}=s;this.areAllSelected=i;this.selected=this.selected.map((()=>i));this.onChange()};this.selectOne=(t,s)=>{const{target:i}=t;if(!(i instanceof HTMLInputElement))return;const{checked:e}=i;this.areAllSelected=false;this.selected=this.selected.map(((t,i)=>i===s?e:t));this.onChange()};this.onChange=()=>{this.tableSelect.emit({selected:this.selected,areAllSelected:this.areAllSelected})};this.onScroll=()=>{this.hasScrolled=this.container.scrollLeft>0};this.setData=()=>{this.rowData=this.data!==undefined?Array.from(this.data):[];this.selected=new Array(this.rowData.length).fill(false)};this.columns=undefined;this.data=undefined;this.freeze=undefined;this.multiselect=undefined;this.striped=undefined;this.areAllSelected=false;this.rowData=undefined;this.hasScrolled=false;this.selected=undefined}watchData(){this.setData()}componentWillLoad(){this.areAllSelected=false;this.setData()}render(){let t="xpl-table";if(this.striped)t+=" xpl-table--striped";if(this.freeze)t+=" xpl-table--freeze";if(this.hasScrolled)t+=" xpl-table--has-scrolled";return s(i,null,s("div",{class:"xpl-table-container",onScroll:this.onScroll,ref:t=>this.container=t},s("table",{class:t},this.columns&&s("thead",null,this.columns.map(((t,i)=>s("th",null,this.multiselect&&i===0?s("label",{htmlFor:"__xpl-table-th"},s("input",{checked:this.areAllSelected,id:"__xpl-table-th",indeterminate:!this.areAllSelected&&this.selected.some((t=>t)),onChange:t=>{this.selectAll(t)},type:"checkbox"}),t):t)))),s("tbody",null,this.rowData.map(((t,i)=>s("tr",{class:this.selected&&this.selected[i]?"xpl-table-row-selected":""},t.map(((t,e)=>s("td",null,this.multiselect&&e===0?s("label",{htmlFor:"__xpl-table-row-"+i},s("input",{id:"__xpl-table-row-"+i,checked:this.selected[i],type:"checkbox",onChange:t=>this.selectOne(t,i)}),s("div",{innerHTML:t})):s("div",{innerHTML:t})))))))))))}static get watchers(){return{data:["watchData"]}}};const v=class{constructor(s){t(this,s);this.navOpen=n(this,"navOpen",7);this.bars=`\n <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bars" class="svg-inline--fa fa-bars fa-w-14 xpl-utility-nav__bars" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path></svg>\n `;this.navControl=undefined;this.isNavOpenAtStartup=undefined;this.open=true}onNavToggle(){this.open=!this.open;this.navOpen.emit(this.open)}componentWillLoad(){this.open=this.isNavOpenAtStartup!==undefined?this.isNavOpenAtStartup:this.open}render(){return s(i,null,s("nav",{"aria-label":"utility navigation bar",class:"xpl-utility-bar"},this.navControl?s("div",null,s("button",{class:"xpl-utility-bar__nav-control",onClick:()=>this.onNavToggle(),innerHTML:`${this.bars}`}),s("slot",{name:"aside"})):s("slot",{name:"aside"}),s("slot",{name:"main"})))}};export{a as xpl_avatar,h as xpl_badge,r as xpl_breadcrumb_item,d as xpl_breadcrumbs,c as xpl_button,o as xpl_checkbox,u as xpl_content_area,p as xpl_nav_item,f as xpl_radio,b as xpl_secondary_nav,x as xpl_table,v as xpl_utility_bar};
|
|
2
|
+
//# sourceMappingURL=p-c1b28f32.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["XplAvatar","render","className","this","size","color","inner","h","src","alt","name","class","status","Host","href","disabled","target","XplBadge","dot","variant","XplBreadcrumbItem","constructor","hostRef","chevron","role","innerHTML","XplBreadcrumbs","XplButton","componentDidRender","attrs","el","attributes","dataAttrs","Object","keys","filter","k","propertyName","includes","reduce","acc","assign","value","child","querySelector","forEach","setAttribute","removeAttribute","state","iconOnly","fullWidth","link","type","XplCheckbox","uuid","styled","checked","id","indeterminate","onChange","checkboxChange","emit","input","ref","required","htmlFor","description","XplContentArea","XplNavItem","onNavToggle","window","innerWidth","navOpen","onClick","navControl","XplRadio","radioChange","XplSecondaryNav","XplTable","selectAll","e","HTMLInputElement","areAllSelected","selected","map","selectOne","i","v","_i","tableSelect","onScroll","hasScrolled","container","scrollLeft","setData","rowData","data","undefined","Array","from","length","fill","watchData","componentWillLoad","striped","freeze","columns","column","multiselect","some","a","row","rowNum","cell","XplUtilityBar","bars","open","isNavOpenAtStartup"],"sources":["./src/components/components/xpl-avatar/xpl-avatar.tsx","./src/components/components/xpl-badge/xpl-badge.tsx","./src/components/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.tsx","./src/components/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.tsx","./src/components/components/xpl-button/xpl-button.tsx","./src/components/components/xpl-checkbox/xpl-checkbox.tsx","./src/components/components/xpl-content-area/xpl-content-area.tsx","./src/components/components/xpl-nav-item/xpl-nav-item.tsx","./src/components/components/xpl-radio/xpl-radio.tsx","./src/components/components/xpl-secondary-nav/xpl-secondary-nav.tsx","./src/components/components/xpl-table/xpl-table.tsx","./src/components/components/xpl-utility-bar/xpl-utility-bar.tsx"],"sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'xpl-avatar',\n})\nexport class XplAvatar {\n @Prop() color?: 'green' | 'yellow' | 'pink' | 'primary' | 'secondary';\n @Prop() disabled?: boolean = false;\n @Prop() href?: string;\n @Prop() name?: string;\n @Prop() size?: 'md' | 'sm';\n @Prop() src?: string;\n @Prop() status?: 'active' | 'warning' | 'inactive';\n @Prop() target?: string;\n\n render() {\n let className = 'xpl-avatar';\n if (this.size) className += ` xpl-avatar--${this.size}`;\n if (this.color) className += ` xpl-avatar--${this.color}`;\n\n const inner = (\n <div>\n {this.src ? (\n <img alt={this.name} src={this.src} />\n ) : (\n <div class=\"xpl-avatar__placeholder\">\n <slot></slot>\n </div>\n )}\n {this.status && (\n <div class={`xpl-avatar__dot--${this.status}`}></div>\n )}\n </div>\n );\n\n return (\n <Host>\n {this.href && !this.disabled ? (\n <a href={this.href} class={className} target={this.target}>\n {inner}\n </a>\n ) : this.href && this.disabled ? (\n <div class={className + ' xpl-avatar--disabled'}>\n {inner}\n </div>\n ) : (\n <div class={className}>{inner}</div>\n )}\n </Host>\n );\n }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'xpl-badge',\n})\nexport class XplBadge {\n @Prop() dot?: boolean;\n @Prop() variant?: 'success' | 'warning' | 'inactive' | 'error';\n\n render() {\n let className = 'xpl-badge';\n if (this.dot) className += ' xpl-badge--dot';\n if (this.variant) className += ' xpl-badge--' + this.variant;\n\n return (\n <Host>\n <div class={className}>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * @slot unnamed - content rendered inside <li>, should be link or button (styled as link)\n */\n@Component({\n tag: 'xpl-breadcrumb-item',\n})\nexport class XplBreadcrumbItem {\n // This is temporary as we still don't have a xpl-icon component. When that's created we should update this code.\n private chevron = `<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"chevron-right\" class=\"svg-inline--fa fa-chevron-right fa-w-10\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n <path fill=\"currentColor\" d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"></path>\n </svg>\n `;\n\n render() {\n return (\n <Host class=\"xpl-breadcrumb-item\" role=\"listitem\">\n <li role=\"none\">\n <slot></slot>\n </li>\n <span innerHTML={`${this.chevron}`} />\n </Host>\n );\n }\n}\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * @slot unnamed - content rendered <ol>, should be a group of <li> or <xpl-breadcrumb-item>\n */\n@Component({\n tag: 'xpl-breadcrumbs',\n})\nexport class XplBreadcrumbs {\n render() {\n return (\n <Host>\n <nav class=\"xpl-breadcrumbs\" aria-label=\"Breadcrumb\">\n <ol role=\"list\">\n <slot></slot>\n </ol>\n </nav>\n </Host>\n );\n }\n}\n","import { Component, Element, Host, h, Prop } from '@stencil/core';\n@Component({\n tag: 'xpl-button',\n})\nexport class XplButton {\n @Element() el: HTMLXplButtonElement;\n /**\n * whether button should be disabled\n */\n @Prop() disabled?: boolean;\n /**\n * whether button should yield a slot for a link tag\n */\n @Prop() link?: boolean;\n /**\n * whether button should render icon only\n */\n @Prop() iconOnly?: boolean;\n /**\n * whether button should render with full width\n */\n @Prop() fullWidth?: boolean;\n /**\n * @property {string} - button name attribute\n */\n @Prop() name?: string;\n /**\n * @property {\"default\" | \"sm\" | \"xs\"} - button size\n */\n @Prop() size: 'default' | 'sm' | 'xs' = 'default';\n /**\n * @property {\"submit\" | \"reset\" | \"button\"} - button type attribute\n */\n @Prop() type?: 'submit' | 'reset' | 'button';\n /**\n * @property {string} - button value attribute\n */\n @Prop() value?: string;\n /**\n * @property {\"primary\" | \"secondary\" | \"subtle\"} - button variant\n */\n @Prop() variant: 'primary' | 'secondary' | 'subtle' = 'primary';\n /**\n * @property {\"neutral\" | \"warning\" | \"success\"} - button state (color) neutral=purple, success=green, warning=red\n */\n @Prop() state: 'neutral' | 'warning' | 'success' = 'neutral';\n\n componentDidRender() {\n const attrs = this.el.attributes;\n const dataAttrs = Object.keys(attrs)\n .filter((k) => {\n const propertyName = attrs[k].name;\n if (propertyName) {\n return (\n propertyName.includes('data-test') ||\n propertyName.includes('aria-')\n );\n }\n return false;\n })\n .reduce((acc, k) => {\n return { ...acc, [attrs[k].name]: attrs[k].value };\n }, {});\n\n const child = this.el.querySelector('button');\n Object.keys(dataAttrs).forEach((k) => {\n child.setAttribute(k, dataAttrs[k]);\n this.el.removeAttribute(k);\n });\n }\n\n render() {\n let className = `xpl-button\n xpl-button--${this.size}\n xpl-button--${this.state}\n xpl-button--${this.variant}`;\n if (this.iconOnly) className += ' xpl-button--icon-only';\n if (this.fullWidth) className += ' xpl-button--full-width';\n if (this.link && this.disabled)\n className += ' xpl-button--link-disabled';\n\n return (\n <Host class={className}>\n {\n /**\n * Conditionally render either an <slot> or <button> element\n * depending on if there's an `link` or not\n */\n this.link ? (\n <slot></slot>\n ) : (\n <button\n disabled={this.disabled}\n name={this.name}\n type={this.type}\n value={this.value}\n >\n <slot></slot>\n </button>\n )\n }\n </Host>\n );\n }\n}\n","import {\n Component,\n Host,\n h,\n Prop,\n State,\n Event,\n EventEmitter,\n} from '@stencil/core';\nimport { v4 as uuid } from 'uuid';\n\n@Component({\n tag: 'xpl-checkbox',\n})\nexport class XplCheckbox {\n @Prop() checked?: boolean;\n @Prop() description?: string;\n @Prop() disabled?: boolean;\n @Prop() indeterminate?: boolean;\n @Prop() name?: string;\n @Prop() required?: boolean;\n @Prop() styled?: boolean;\n @Prop() value?: string;\n\n @State() id: string = uuid();\n\n /** @private */\n @Event() checkboxChange: EventEmitter;\n\n private input!: HTMLInputElement;\n\n render() {\n return (\n <Host\n class={{\n 'xpl-checkbox-radio-container': true,\n styled: this.styled,\n disabled: this.disabled,\n }}\n >\n <input\n class=\"xpl-checkbox\"\n type=\"checkbox\"\n checked={this.checked}\n disabled={this.disabled}\n id={this.id}\n indeterminate={this.indeterminate}\n onChange={() =>\n this.checkboxChange.emit(this.input.checked)\n }\n name={this.name}\n ref={(el) => (this.input = el as HTMLInputElement)}\n required={this.required}\n value={this.value}\n ></input>\n <label\n class={{\n 'xpl-label': true,\n 'xpl-label--disabled': this.disabled,\n }}\n htmlFor={this.id}\n >\n <slot></slot>\n {this.description && (\n <small\n class={{\n 'xpl-description': true,\n 'xpl-description--disabled': this.disabled,\n }}\n >\n {this.description}\n </small>\n )}\n </label>\n </Host>\n );\n }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'xpl-content-area',\n})\nexport class XplContentArea {\n /**\n * @property {string} size - The content-area size.\n */\n @Prop() size: 'wide' | 'narrow' | 'full' = 'wide';\n\n render() {\n return (\n <Host>\n <main\n class={`xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}`}\n >\n <div class=\"xpl-content-area\">\n <slot></slot>\n </div>\n </main>\n </Host>\n );\n }\n}\n","import { Component, Event, EventEmitter, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'xpl-nav-item',\n})\nexport class XplNavItem {\n /**\n * @property {boolean} - Whether or not the item should control the main nav state on click\n */\n @Prop() navControl?: boolean = false;\n\n /**\n * @event {boolean} - Emits the desired state of the navigation bar (open: true/false)\n */\n @Event() navOpen: EventEmitter<boolean>;\n\n private onNavToggle() {\n if (window.innerWidth <= 640) {\n this.navOpen.emit(false);\n }\n }\n\n render() {\n return (\n <Host\n class=\"xpl-nav-item\"\n role=\"listitem\"\n onClick={() => {\n if (this.navControl) {\n this.onNavToggle();\n }\n }}\n >\n <slot name=\"link\">\n <slot name=\"icon\"></slot>\n <slot></slot>\n </slot>\n </Host>\n );\n }\n}\n","import {\n Component,\n Host,\n h,\n Prop,\n State,\n Event,\n EventEmitter,\n} from '@stencil/core';\nimport { v4 as uuid } from 'uuid';\n\n@Component({\n tag: 'xpl-radio',\n})\nexport class XplRadio {\n @Prop() checked?: boolean;\n @Prop() description?: string;\n @Prop() disabled?: boolean;\n @Prop() name?: string;\n @Prop() required?: boolean;\n @Prop() styled?: boolean;\n @Prop() value?: string;\n\n @State() id: string = uuid();\n\n /** @private */\n @Event() radioChange: EventEmitter;\n\n render() {\n return (\n <Host\n class={{\n 'xpl-checkbox-radio-container': true,\n styled: this.styled,\n disabled: this.disabled,\n }}\n >\n <input\n class=\"xpl-radio\"\n type=\"radio\"\n checked={this.checked}\n disabled={this.disabled}\n id={this.id}\n name={this.name}\n required={this.required}\n value={this.value}\n onChange={() => this.radioChange.emit(true)}\n ></input>\n <label\n class={{\n 'xpl-label': true,\n 'xpl-label--disabled': this.disabled,\n }}\n htmlFor={this.id}\n >\n <slot></slot>\n {this.description && (\n <small\n class={{\n 'xpl-description': true,\n 'xpl-description--disabled': this.disabled,\n }}\n >\n {this.description}\n </small>\n )}\n </label>\n </Host>\n );\n }\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'xpl-secondary-nav',\n})\nexport class XplSecondaryNav {\n render() {\n return (\n <Host class=\"xpl-secondary-nav\">\n <nav aria-label=\"Secondary Nav\">\n <slot></slot>\n </nav>\n </Host>\n );\n }\n}\n","import {\n Component,\n Host,\n Prop,\n State,\n Event,\n EventEmitter,\n h,\n Watch,\n} from '@stencil/core';\n\n@Component({\n tag: 'xpl-table',\n})\nexport class XplTable {\n @Prop() columns?: string[];\n @Prop() data?: string[][];\n @Prop() freeze?: boolean;\n @Prop() multiselect?: boolean;\n @Prop() striped?: boolean;\n\n @State() areAllSelected: boolean = false;\n @State() rowData: string[][];\n @State() hasScrolled: boolean = false;\n @State() selected: boolean[];\n\n @Event() tableSelect: EventEmitter;\n\n private container!: HTMLDivElement;\n\n private selectAll = (e: Event) => {\n const { target } = e;\n if (!(target instanceof HTMLInputElement)) return;\n const { checked } = target;\n this.areAllSelected = checked;\n this.selected = this.selected.map(() => checked);\n this.onChange();\n };\n\n private selectOne = (e: Event, i: number) => {\n const { target } = e;\n if (!(target instanceof HTMLInputElement)) return;\n const { checked } = target;\n this.areAllSelected = false;\n this.selected = this.selected.map((v, _i) => (_i === i ? checked : v));\n this.onChange();\n };\n\n private onChange = () => {\n this.tableSelect.emit({\n selected: this.selected,\n areAllSelected: this.areAllSelected,\n });\n };\n\n private onScroll = () => {\n this.hasScrolled = this.container.scrollLeft > 0;\n };\n\n /**\n * TODO: Need to figure out how this interplays with data\n * received from an API/server\n */\n // private sortBy = (col: number, ascending = true) => {\n // this.rowData.sort((a, b) => {\n // const A = a[col];\n // const B = b[col];\n // if (typeof A === 'number' && typeof B === 'number') {\n // const f = ascending ? 1 : -1;\n // return A > B ? f : -f;\n // }\n // return -1;\n // });\n // this.rowData = Array.from(this.rowData);\n // this.render();\n // };\n\n private setData = () => {\n this.rowData = this.data !== undefined ? Array.from(this.data) : [];\n this.selected = new Array(this.rowData.length).fill(false);\n };\n\n @Watch('data')\n watchData() {\n this.setData();\n }\n\n componentWillLoad() {\n this.areAllSelected = false;\n this.setData();\n }\n\n render() {\n let className = 'xpl-table';\n if (this.striped) className += ' xpl-table--striped';\n if (this.freeze) className += ' xpl-table--freeze';\n if (this.hasScrolled) className += ' xpl-table--has-scrolled';\n\n return (\n <Host>\n <div\n class=\"xpl-table-container\"\n onScroll={this.onScroll}\n ref={(el) => (this.container = el as HTMLDivElement)}\n >\n <table class={className}>\n {this.columns && (\n <thead>\n {this.columns.map((column, i) => {\n return (\n <th>\n {this.multiselect && i === 0 ? (\n <label htmlFor=\"__xpl-table-th\">\n <input\n checked={\n this.areAllSelected\n }\n id=\"__xpl-table-th\"\n // appear indeterminate when at least one but not all\n // are selected\n indeterminate={\n !this\n .areAllSelected &&\n this.selected.some(\n (a) => a\n )\n }\n onChange={(e) => {\n this.selectAll(e);\n }}\n type=\"checkbox\"\n />\n {column}\n </label>\n ) : (\n column\n )}\n </th>\n );\n })}\n </thead>\n )}\n <tbody>\n {this.rowData.map((row, rowNum) => {\n return (\n <tr\n class={\n this.selected &&\n this.selected[rowNum]\n ? 'xpl-table-row-selected'\n : ''\n }\n >\n {row.map((cell, i) => {\n return (\n <td>\n {this.multiselect &&\n i === 0 ? (\n <label\n htmlFor={\n '__xpl-table-row-' +\n rowNum\n }\n >\n <input\n id={\n '__xpl-table-row-' +\n rowNum\n }\n checked={\n this\n .selected[\n rowNum\n ]\n }\n type=\"checkbox\"\n onChange={(e) =>\n this.selectOne(\n e,\n rowNum\n )\n }\n />\n <div\n innerHTML={cell}\n />\n </label>\n ) : (\n <div innerHTML={cell} />\n )}\n </td>\n );\n })}\n </tr>\n );\n })}\n </tbody>\n </table>\n </div>\n </Host>\n );\n }\n}\n","import {\n Component,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n State,\n} from '@stencil/core';\n\n@Component({\n tag: 'xpl-utility-bar',\n})\nexport class XplUtilityBar {\n /**\n * @event {boolean} - Emits the desired state of the navigation bar (open: true/false)\n */\n @Event() navOpen: EventEmitter<boolean>;\n\n /**\n * @property {boolean} - whether or not to show the bars to control the state of the navigation bar (open/close)\n */\n @Prop() navControl?: boolean;\n\n /**\n * @property {boolean} - Optional property that defines whether or not the main nav is open at startup.\n */\n @Prop() isNavOpenAtStartup?: boolean;\n\n @State() open: boolean = true;\n\n private onNavToggle() {\n this.open = !this.open;\n this.navOpen.emit(this.open);\n }\n\n private bars = `\n <svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"bars\" class=\"svg-inline--fa fa-bars fa-w-14 xpl-utility-nav__bars\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path fill=\"currentColor\" d=\"M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z\"></path></svg>\n `;\n\n componentWillLoad() {\n this.open =\n this.isNavOpenAtStartup !== undefined\n ? this.isNavOpenAtStartup\n : this.open;\n }\n\n render() {\n return (\n <Host>\n <nav\n aria-label=\"utility navigation bar\"\n class=\"xpl-utility-bar\"\n >\n {this.navControl ? (\n <div>\n <button\n class=\"xpl-utility-bar__nav-control\"\n onClick={() => this.onNavToggle()}\n innerHTML={`${this.bars}`}\n ></button>\n <slot name=\"aside\"></slot>\n </div>\n ) : (\n <slot name=\"aside\"></slot>\n )}\n <slot name=\"main\"></slot>\n </nav>\n </Host>\n );\n }\n}\n"],"mappings":"0GAKaA,EAAS,M,4DAEW,M,2HAQ7BC,SACI,IAAIC,EAAY,aAChB,GAAIC,KAAKC,KAAMF,GAAa,gBAAgBC,KAAKC,OACjD,GAAID,KAAKE,MAAOH,GAAa,gBAAgBC,KAAKE,QAElD,MAAMC,EACFC,EAAA,WACKJ,KAAKK,IACFD,EAAA,OAAKE,IAAKN,KAAKO,KAAMF,IAAKL,KAAKK,MAE/BD,EAAA,OAAKI,MAAM,2BACPJ,EAAA,cAGPJ,KAAKS,QACFL,EAAA,OAAKI,MAAO,oBAAoBR,KAAKS,YAKjD,OACIL,EAACM,EAAI,KACAV,KAAKW,OAASX,KAAKY,SAChBR,EAAA,KAAGO,KAAMX,KAAKW,KAAMH,MAAOT,EAAWc,OAAQb,KAAKa,QAC9CV,GAELH,KAAKW,MAAQX,KAAKY,SAClBR,EAAA,OAAKI,MAAOT,EAAY,yBACnBI,GAGLC,EAAA,OAAKI,MAAOT,GAAYI,G,SCzC/BW,EAAQ,M,mEAIjBhB,SACI,IAAIC,EAAY,YAChB,GAAIC,KAAKe,IAAKhB,GAAa,kBAC3B,GAAIC,KAAKgB,QAASjB,GAAa,eAAiBC,KAAKgB,QAErD,OACIZ,EAACM,EAAI,KACDN,EAAA,OAAKI,MAAOT,GACRK,EAAA,c,SCTPa,EAAiB,MAH9BC,YAAAC,G,UAKYnB,KAAAoB,QAAU,uiB,CAKlBtB,SACI,OACIM,EAACM,EAAI,CAACF,MAAM,sBAAsBa,KAAK,YACnCjB,EAAA,MAAIiB,KAAK,QACLjB,EAAA,cAEJA,EAAA,QAAMkB,UAAW,GAAGtB,KAAKoB,Y,SCb5BG,EAAc,M,yBACvBzB,SACI,OACIM,EAACM,EAAI,KACDN,EAAA,OAAKI,MAAM,kBAAiB,aAAY,cACpCJ,EAAA,MAAIiB,KAAK,QACLjB,EAAA,e,SCVXoB,EAAS,M,oJAyBsB,U,sDAYc,U,WAIH,S,CAEnDC,qBACI,MAAMC,EAAQ1B,KAAK2B,GAAGC,WACtB,MAAMC,EAAYC,OAAOC,KAAKL,GACzBM,QAAQC,IACL,MAAMC,EAAeR,EAAMO,GAAG1B,KAC9B,GAAI2B,EAAc,CACd,OACIA,EAAaC,SAAS,cACtBD,EAAaC,SAAS,Q,CAG9B,OAAO,KAAK,IAEfC,QAAO,CAACC,EAAKJ,IACVH,OAAAQ,OAAAR,OAAAQ,OAAA,GAAYD,GAAG,CAAE,CAACX,EAAMO,GAAG1B,MAAOmB,EAAMO,GAAGM,SAC5C,IAEP,MAAMC,EAAQxC,KAAK2B,GAAGc,cAAc,UACpCX,OAAOC,KAAKF,GAAWa,SAAST,IAC5BO,EAAMG,aAAaV,EAAGJ,EAAUI,IAChCjC,KAAK2B,GAAGiB,gBAAgBX,EAAE,G,CAIlCnC,SACI,IAAIC,EAAY,+CACUC,KAAKC,yCACLD,KAAK6C,0CACL7C,KAAKgB,UAC/B,GAAIhB,KAAK8C,SAAU/C,GAAa,yBAChC,GAAIC,KAAK+C,UAAWhD,GAAa,0BACjC,GAAIC,KAAKgD,MAAQhD,KAAKY,SAClBb,GAAa,6BAEjB,OACIK,EAACM,EAAI,CAACF,MAAOT,GAMLC,KAAKgD,KACD5C,EAAA,aAEAA,EAAA,UACIQ,SAAUZ,KAAKY,SACfL,KAAMP,KAAKO,KACX0C,KAAMjD,KAAKiD,KACXV,MAAOvC,KAAKuC,OAEZnC,EAAA,c,iCCnFf8C,EAAW,M,8QAUEC,G,CAOtBrD,SACI,OACIM,EAACM,EAAI,CACDF,MAAO,CACH,+BAAgC,KAChC4C,OAAQpD,KAAKoD,OACbxC,SAAUZ,KAAKY,WAGnBR,EAAA,SACII,MAAM,eACNyC,KAAK,WACLI,QAASrD,KAAKqD,QACdzC,SAAUZ,KAAKY,SACf0C,GAAItD,KAAKsD,GACTC,cAAevD,KAAKuD,cACpBC,SAAU,IACNxD,KAAKyD,eAAeC,KAAK1D,KAAK2D,MAAMN,SAExC9C,KAAMP,KAAKO,KACXqD,IAAMjC,GAAQ3B,KAAK2D,MAAQhC,EAC3BkC,SAAU7D,KAAK6D,SACftB,MAAOvC,KAAKuC,QAEhBnC,EAAA,SACII,MAAO,CACH,YAAa,KACb,sBAAuBR,KAAKY,UAEhCkD,QAAS9D,KAAKsD,IAEdlD,EAAA,aACCJ,KAAK+D,aACF3D,EAAA,SACII,MAAO,CACH,kBAAmB,KACnB,4BAA6BR,KAAKY,WAGrCZ,KAAK+D,c,SCjErBC,EAAc,M,mCAIoB,M,CAE3ClE,SACI,OACIM,EAACM,EAAI,KACDN,EAAA,QACII,MAAO,sDAAsDR,KAAKC,QAElEG,EAAA,OAAKI,MAAM,oBACPJ,EAAA,e,SCbX6D,EAAU,M,0EAIY,K,CAOvBC,cACJ,GAAIC,OAAOC,YAAc,IAAK,CAC1BpE,KAAKqE,QAAQX,KAAK,M,EAI1B5D,SACI,OACIM,EAACM,EAAI,CACDF,MAAM,eACNa,KAAK,WACLiD,QAAS,KACL,GAAItE,KAAKuE,WAAY,CACjBvE,KAAKkE,a,IAIb9D,EAAA,QAAMG,KAAK,QACPH,EAAA,QAAMG,KAAK,SACXH,EAAA,c,SCrBPoE,EAAQ,M,2OASKrB,G,CAKtBrD,SACI,OACIM,EAACM,EAAI,CACDF,MAAO,CACH,+BAAgC,KAChC4C,OAAQpD,KAAKoD,OACbxC,SAAUZ,KAAKY,WAGnBR,EAAA,SACII,MAAM,YACNyC,KAAK,QACLI,QAASrD,KAAKqD,QACdzC,SAAUZ,KAAKY,SACf0C,GAAItD,KAAKsD,GACT/C,KAAMP,KAAKO,KACXsD,SAAU7D,KAAK6D,SACftB,MAAOvC,KAAKuC,MACZiB,SAAU,IAAMxD,KAAKyE,YAAYf,KAAK,QAE1CtD,EAAA,SACII,MAAO,CACH,YAAa,KACb,sBAAuBR,KAAKY,UAEhCkD,QAAS9D,KAAKsD,IAEdlD,EAAA,aACCJ,KAAK+D,aACF3D,EAAA,SACII,MAAO,CACH,kBAAmB,KACnB,4BAA6BR,KAAKY,WAGrCZ,KAAK+D,c,SC1DrBW,EAAe,M,yBACxB5E,SACI,OACIM,EAACM,EAAI,CAACF,MAAM,qBACRJ,EAAA,oBAAgB,iBACZA,EAAA,c,SCIPuE,EAAQ,M,kEAgBT3E,KAAA4E,UAAaC,IACjB,MAAMhE,OAAEA,GAAWgE,EACnB,KAAMhE,aAAkBiE,kBAAmB,OAC3C,MAAMzB,QAAEA,GAAYxC,EACpBb,KAAK+E,eAAiB1B,EACtBrD,KAAKgF,SAAWhF,KAAKgF,SAASC,KAAI,IAAM5B,IACxCrD,KAAKwD,UAAU,EAGXxD,KAAAkF,UAAY,CAACL,EAAUM,KAC3B,MAAMtE,OAAEA,GAAWgE,EACnB,KAAMhE,aAAkBiE,kBAAmB,OAC3C,MAAMzB,QAAEA,GAAYxC,EACpBb,KAAK+E,eAAiB,MACtB/E,KAAKgF,SAAWhF,KAAKgF,SAASC,KAAI,CAACG,EAAGC,IAAQA,IAAOF,EAAI9B,EAAU+B,IACnEpF,KAAKwD,UAAU,EAGXxD,KAAAwD,SAAW,KACfxD,KAAKsF,YAAY5B,KAAK,CAClBsB,SAAUhF,KAAKgF,SACfD,eAAgB/E,KAAK+E,gBACvB,EAGE/E,KAAAuF,SAAW,KACfvF,KAAKwF,YAAcxF,KAAKyF,UAAUC,WAAa,CAAC,EAqB5C1F,KAAA2F,QAAU,KACd3F,KAAK4F,QAAU5F,KAAK6F,OAASC,UAAYC,MAAMC,KAAKhG,KAAK6F,MAAQ,GACjE7F,KAAKgF,SAAW,IAAIe,MAAM/F,KAAK4F,QAAQK,QAAQC,KAAK,MAAM,E,uIA1D3B,M,wCAEH,M,wBA4DhCC,YACInG,KAAK2F,S,CAGTS,oBACIpG,KAAK+E,eAAiB,MACtB/E,KAAK2F,S,CAGT7F,SACI,IAAIC,EAAY,YAChB,GAAIC,KAAKqG,QAAStG,GAAa,sBAC/B,GAAIC,KAAKsG,OAAQvG,GAAa,qBAC9B,GAAIC,KAAKwF,YAAazF,GAAa,2BAEnC,OACIK,EAACM,EAAI,KACDN,EAAA,OACII,MAAM,sBACN+E,SAAUvF,KAAKuF,SACf3B,IAAMjC,GAAQ3B,KAAKyF,UAAY9D,GAE/BvB,EAAA,SAAOI,MAAOT,GACTC,KAAKuG,SACFnG,EAAA,aACKJ,KAAKuG,QAAQtB,KAAI,CAACuB,EAAQrB,IAEnB/E,EAAA,UACKJ,KAAKyG,aAAetB,IAAM,EACvB/E,EAAA,SAAO0D,QAAQ,kBACX1D,EAAA,SACIiD,QACIrD,KAAK+E,eAETzB,GAAG,iBAGHC,eACKvD,KACI+E,gBACL/E,KAAKgF,SAAS0B,MACTC,GAAMA,IAGfnD,SAAWqB,IACP7E,KAAK4E,UAAUC,EAAE,EAErB5B,KAAK,aAERuD,GACG,MAShCpG,EAAA,aACKJ,KAAK4F,QAAQX,KAAI,CAAC2B,EAAKC,IAEhBzG,EAAA,MACII,MACIR,KAAKgF,UACLhF,KAAKgF,SAAS6B,GACR,yBACA,IAGTD,EAAI3B,KAAI,CAAC6B,EAAM3B,IAER/E,EAAA,UACKJ,KAAKyG,aACNtB,IAAM,EACF/E,EAAA,SACI0D,QACI,mBACA+C,GAGJzG,EAAA,SACIkD,GACI,mBACAuD,EAEJxD,QACIrD,KACKgF,SACD6B,GAGR5D,KAAK,WACLO,SAAWqB,GACP7E,KAAKkF,UACDL,EACAgC,KAIZzG,EAAA,OACIkB,UAAWwF,KAInB1G,EAAA,OAAKkB,UAAWwF,a,0DC/K3DC,EAAa,M,0DAuBd/G,KAAAgH,KAAO,kmB,sEAPU,I,CAEjB9C,cACJlE,KAAKiH,MAAQjH,KAAKiH,KAClBjH,KAAKqE,QAAQX,KAAK1D,KAAKiH,K,CAO3Bb,oBACIpG,KAAKiH,KACDjH,KAAKkH,qBAAuBpB,UACtB9F,KAAKkH,mBACLlH,KAAKiH,I,CAGnBnH,SACI,OACIM,EAACM,EAAI,KACDN,EAAA,oBACe,yBACXI,MAAM,mBAELR,KAAKuE,WACFnE,EAAA,WACIA,EAAA,UACII,MAAM,+BACN8D,QAAS,IAAMtE,KAAKkE,cACpB5C,UAAW,GAAGtB,KAAKgH,SAEvB5G,EAAA,QAAMG,KAAK,WAGfH,EAAA,QAAMG,KAAK,UAEfH,EAAA,QAAMG,KAAK,U"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,h as o,H as s,g as n,c as e}from"./p-cf2e6132.js";var i=undefined&&undefined.__rest||function(t,o){var s={};for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&o.indexOf(n)<0)s[n]=t[n];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var e=0,n=Object.getOwnPropertySymbols(t);e<n.length;e++){if(o.indexOf(n[e])<0&&Object.prototype.propertyIsEnumerable.call(t,n[e]))s[n[e]]=t[n[e]]}return s};const l=class{constructor(o){t(this,o);this.handleClickOutside=({target:t})=>{const{triggerId:o}=this;const s=o&&t.id===o;const n=this.hostElement.contains(t);if(!n&&!s)this.isOpen=false};this.isOpen=false;this.closeOnSelect=true;this.mode="single";this.options=undefined;this.selectOnFocus=false;this.triggerId=undefined;this.update=undefined}async handleSelect(t,{component:o}){const{hostElement:s,mode:n,options:e,update:i}=this;const l=n==="single";const c=n==="multi";if(Boolean(e)){e.reduce(((t,o)=>[...t,...o.groupName?o.options:[o]]),[]).forEach((t=>{const s=(t.value||t.label)===(o.hostElement.value||o.hostElement.label);if(l){t.isSelected=s;o.hostElement.isSelected=t.isSelected}else if(c&&s){t.isSelected=!t.isSelected;o.hostElement.isSelected=t.isSelected}}));const t=o=>{o.options=o.groupName?o.options.map(t):undefined;return o};this.options=e.map(t)}else if(l){const t=Array.from(s.querySelectorAll("xpl-dropdown-option"));t.forEach((t=>t.isSelected=t===o.hostElement))}else if(c){o.isSelected=!o.isSelected}if(Boolean(i))i(t,{component:this})}componentWillLoad(){this.handleSelect=this.handleSelect.bind(this)}connectedCallback(){document.addEventListener("mousedown",this.handleClickOutside.bind(this))}disconnectedCallback(){document.removeEventListener("mousedown",this.handleClickOutside)}render(){let{isOpen:t}=this;const{mode:n,options:e}=this;const l=e&&e.length;const c=l&&e.map((t=>{var{groupName:s,options:n}=t,e=i(t,["groupName","options"]);return s?o("xpl-dropdown-group",Object.assign({groupName:s,options:n},e)):o("xpl-dropdown-option",Object.assign({},e))}));return o(s,{"aria-expanded":t,class:{"xpl-dropdown":true,"xpl-dropdown--multi":n==="multi","xpl-dropdown--open":t},role:"listbox"},o("ul",{class:"xpl-dropdown-list"},c||o("slot",{name:"options"})))}get hostElement(){return n(this)}};const c=class{constructor(o){t(this,o);this.close=e(this,"close",7)}render(){return o(s,{class:"xpl-tag-container"},o("button",{class:"xpl-tag",onClick:()=>{this.close.emit()}},o("slot",null)),o("button",{class:"xpl-tag__close",onClick:()=>{this.close.emit()}},"×"))}};export{l as xpl_dropdown,c as xpl_tag};
|
|
2
|
+
//# sourceMappingURL=p-ce6cb219.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["XplDropdown","this","handleClickOutside","target","triggerId","isTrigger","id","isInside","hostElement","contains","isOpen","async","e","component","mode","options","update","isSingle","isMulti","Boolean","reduce","acc","curr","groupName","forEach","option","isMatch","value","label","isSelected","mapOptions","map","undefined","optionNodes","Array","from","querySelectorAll","node","componentWillLoad","handleSelect","bind","connectedCallback","document","addEventListener","disconnectedCallback","removeEventListener","render","hasOptions","length","mappedOptions","_a","properties","__rest","h","Object","assign","Host","class","role","name","XplTag","onClick","close","emit"],"sources":["./src/components/components/xpl-dropdown/xpl-dropdown.tsx","./src/components/components/xpl-tag/xpl-tag.tsx"],"sourcesContent":["import { Component, Element, h, Host, Method, Prop } from '@stencil/core';\nimport type { DropdownItem } from './dropdownoption';\nimport type { XplDropdownOption } from './xpl-dropdown-option/xpl-dropdown-option';\n\n@Component({ tag: 'xpl-dropdown' })\nexport class XplDropdown {\n /** text to display as heading */\n @Prop({ attribute: 'open', mutable: true, reflect: true }) isOpen: boolean =\n false;\n\n /** options that are listed */\n @Prop() closeOnSelect: boolean = true;\n\n /** constant representing number of options that can be selected */\n @Prop() mode: 'single' | 'multi' = 'single';\n\n /** options that are listed */\n @Prop() options?: DropdownItem[];\n\n /** whether selection should be made when focusing on interactable element */\n @Prop() selectOnFocus: boolean = false;\n\n /** the id for the element that triggers the open state */\n @Prop() triggerId: string;\n\n /**\n * @callback update\n * @param {Object} e - event object\n * @param {Object} options - component\n */\n /** call back function invoked when a selection is made */\n @Prop() update?: (e, { component }: { component: XplDropdown }) => void;\n\n @Element() hostElement: HTMLXplDropdownElement;\n\n /**\n * called on dropdown option click and keydown events to update isSelected states\n */\n @Method()\n async handleSelect(\n e,\n { component }: { component: XplDropdownOption }\n ): Promise<void> {\n const { hostElement, mode, options, update } = this;\n const isSingle = mode === 'single';\n const isMulti = mode === 'multi';\n\n if (Boolean(options)) {\n options\n .reduce<typeof options>(\n (acc, curr) => [\n ...acc,\n ...(curr.groupName ? curr.options : [curr]),\n ],\n []\n )\n .forEach((option) => {\n const isMatch =\n (option.value || option.label) ===\n (component.hostElement.value ||\n component.hostElement.label);\n if (isSingle) {\n option.isSelected = isMatch;\n component.hostElement.isSelected = option.isSelected;\n } else if (isMulti && isMatch) {\n option.isSelected = !option.isSelected;\n component.hostElement.isSelected = option.isSelected;\n }\n });\n\n const mapOptions = (option: DropdownItem): DropdownItem => {\n option.options = option.groupName\n ? option.options.map(mapOptions)\n : undefined;\n return option;\n };\n this.options = options.map(mapOptions);\n } else if (isSingle) {\n const optionNodes = Array.from(\n hostElement.querySelectorAll('xpl-dropdown-option')\n );\n optionNodes.forEach(\n (node) => (node.isSelected = node === component.hostElement)\n );\n } else if (isMulti) {\n component.isSelected = !component.isSelected;\n }\n\n if (Boolean(update)) update(e, { component: this });\n }\n\n private handleClickOutside = ({ target }: MouseEvent): void => {\n const { triggerId } = this;\n const isTrigger = triggerId && (target as HTMLElement).id === triggerId;\n const isInside = this.hostElement.contains(\n target as undefined as HTMLElement\n );\n\n if (!isInside && !isTrigger) this.isOpen = false;\n };\n\n componentWillLoad() {\n this.handleSelect = this.handleSelect.bind(this);\n }\n\n connectedCallback() {\n document.addEventListener(\n 'mousedown',\n this.handleClickOutside.bind(this)\n );\n }\n\n disconnectedCallback() {\n document.removeEventListener('mousedown', this.handleClickOutside);\n }\n\n render() {\n let { isOpen } = this;\n\n const { mode, options } = this;\n\n const hasOptions = options && options.length;\n const mappedOptions =\n hasOptions &&\n options.map(({ groupName, options, ...properties }) =>\n groupName ? (\n <xpl-dropdown-group\n groupName={groupName}\n options={options}\n {...properties}\n ></xpl-dropdown-group>\n ) : (\n <xpl-dropdown-option {...properties}></xpl-dropdown-option>\n )\n );\n\n return (\n <Host\n aria-expanded={isOpen}\n class={{\n 'xpl-dropdown': true,\n 'xpl-dropdown--multi': mode === 'multi',\n 'xpl-dropdown--open': isOpen,\n }}\n role=\"listbox\"\n >\n <ul class=\"xpl-dropdown-list\">\n {mappedOptions || <slot name=\"options\"></slot>}\n </ul>\n </Host>\n );\n }\n}\n","import { Component, Host, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'xpl-tag',\n})\nexport class XplTag {\n @Event() close: EventEmitter;\n\n render() {\n return (\n <Host class=\"xpl-tag-container\">\n <button\n class=\"xpl-tag\"\n onClick={() => {\n this.close.emit();\n }}\n >\n <slot></slot>\n </button>\n <button\n class=\"xpl-tag__close\"\n onClick={() => {\n this.close.emit();\n }}\n >\n ×\n </button>\n </Host>\n );\n }\n}\n"],"mappings":"obAKaA,EAAW,M,yBAsFZC,KAAAC,mBAAqB,EAAGC,aAC5B,MAAMC,UAAEA,GAAcH,KACtB,MAAMI,EAAYD,GAAcD,EAAuBG,KAAOF,EAC9D,MAAMG,EAAWN,KAAKO,YAAYC,SAC9BN,GAGJ,IAAKI,IAAaF,EAAWJ,KAAKS,OAAS,KAAK,E,YA1FhD,M,mBAG6B,K,UAGE,S,0CAMF,M,+CAmBjCC,mBACIC,GACAC,UAAEA,IAEF,MAAML,YAAEA,EAAWM,KAAEA,EAAIC,QAAEA,EAAOC,OAAEA,GAAWf,KAC/C,MAAMgB,EAAWH,IAAS,SAC1B,MAAMI,EAAUJ,IAAS,QAEzB,GAAIK,QAAQJ,GAAU,CAClBA,EACKK,QACG,CAACC,EAAKC,IAAS,IACRD,KACCC,EAAKC,UAAYD,EAAKP,QAAU,CAACO,KAEzC,IAEHE,SAASC,IACN,MAAMC,GACDD,EAAOE,OAASF,EAAOG,UACvBf,EAAUL,YAAYmB,OACnBd,EAAUL,YAAYoB,OAC9B,GAAIX,EAAU,CACVQ,EAAOI,WAAaH,EACpBb,EAAUL,YAAYqB,WAAaJ,EAAOI,U,MACvC,GAAIX,GAAWQ,EAAS,CAC3BD,EAAOI,YAAcJ,EAAOI,WAC5BhB,EAAUL,YAAYqB,WAAaJ,EAAOI,U,KAItD,MAAMC,EAAcL,IAChBA,EAAOV,QAAUU,EAAOF,UAClBE,EAAOV,QAAQgB,IAAID,GACnBE,UACN,OAAOP,CAAM,EAEjBxB,KAAKc,QAAUA,EAAQgB,IAAID,E,MACxB,GAAIb,EAAU,CACjB,MAAMgB,EAAcC,MAAMC,KACtB3B,EAAY4B,iBAAiB,wBAEjCH,EAAYT,SACPa,GAAUA,EAAKR,WAAaQ,IAASxB,EAAUL,a,MAEjD,GAAIU,EAAS,CAChBL,EAAUgB,YAAchB,EAAUgB,U,CAGtC,GAAIV,QAAQH,GAASA,EAAOJ,EAAG,CAAEC,UAAWZ,M,CAahDqC,oBACIrC,KAAKsC,aAAetC,KAAKsC,aAAaC,KAAKvC,K,CAG/CwC,oBACIC,SAASC,iBACL,YACA1C,KAAKC,mBAAmBsC,KAAKvC,M,CAIrC2C,uBACIF,SAASG,oBAAoB,YAAa5C,KAAKC,mB,CAGnD4C,SACI,IAAIpC,OAAEA,GAAWT,KAEjB,MAAMa,KAAEA,EAAIC,QAAEA,GAAYd,KAE1B,MAAM8C,EAAahC,GAAWA,EAAQiC,OACtC,MAAMC,EACFF,GACAhC,EAAQgB,KAAKmB,I,IAAA3B,UAAEA,EAASR,QAAEA,GAAOmC,EAAKC,EAAUC,EAAAF,EAAnC,yBACT,OAAA3B,EACI8B,EAAA,qBAAAC,OAAAC,OAAA,CACIhC,UAAWA,EACXR,QAASA,GACLoC,IAGRE,EAAA,sBAAAC,OAAAC,OAAA,GAAyBJ,GAC5B,IAGT,OACIE,EAACG,EAAI,iBACc9C,EACf+C,MAAO,CACH,eAAgB,KAChB,sBAAuB3C,IAAS,QAChC,qBAAsBJ,GAE1BgD,KAAK,WAELL,EAAA,MAAII,MAAM,qBACLR,GAAiBI,EAAA,QAAMM,KAAK,a,0CC9IpCC,EAAM,M,sDAGfd,SACI,OACIO,EAACG,EAAI,CAACC,MAAM,qBACRJ,EAAA,UACII,MAAM,UACNI,QAAS,KACL5D,KAAK6D,MAAMC,MAAM,GAGrBV,EAAA,cAEJA,EAAA,UACII,MAAM,iBACNI,QAAS,KACL5D,KAAK6D,MAAMC,MAAM,GACpB,K"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
const t="apollo-core";let e;let n;let s=false;let l=false;let o=false;let c=false;let i=false;const f=(t,e="")=>{{return()=>{}}};const r=(t,e)=>{{return()=>{}}};const u="{visibility:hidden}.hydrated{visibility:inherit}";const a="http://www.w3.org/1999/xlink";const d={};const p="http://www.w3.org/2000/svg";const h="http://www.w3.org/1999/xhtml";const b=t=>{t=typeof t;return t==="object"||t==="function"};function m(t){var e,n,s;return(s=(n=(e=t.head)===null||e===void 0?void 0:e.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&s!==void 0?s:undefined}const $=(t,e,...n)=>{let s=null;let l=null;let o=null;let c=false;let i=false;const f=[];const r=e=>{for(let n=0;n<e.length;n++){s=e[n];if(Array.isArray(s)){r(s)}else if(s!=null&&typeof s!=="boolean"){if(c=typeof t!=="function"&&!b(s)){s=String(s)}if(c&&i){f[f.length-1].t+=s}else{f.push(c?w(null,s):s)}i=c}}};r(n);if(e){if(e.key){l=e.key}if(e.name){o=e.name}{const t=e.className||e.class;if(t){e.class=typeof t!=="object"?t:Object.keys(t).filter((e=>t[e])).join(" ")}}}if(typeof t==="function"){return t(e===null?{}:e,f,v)}const u=w(t,null);u.l=e;if(f.length>0){u.o=f}{u.i=l}{u.u=o}return u};const w=(t,e)=>{const n={p:0,h:t,t:e,m:null,o:null};{n.l=null}{n.i=null}{n.u=null}return n};const y={};const g=t=>t&&t.h===y;const v={forEach:(t,e)=>t.map(k).forEach(e),map:(t,e)=>t.map(k).map(e).map(j)};const k=t=>({vattrs:t.l,vchildren:t.o,vkey:t.i,vname:t.u,vtag:t.h,vtext:t.t});const j=t=>{if(typeof t.vtag==="function"){const e=Object.assign({},t.vattrs);if(t.vkey){e.key=t.vkey}if(t.vname){e.name=t.vname}return $(t.vtag,e,...t.vchildren||[])}const e=w(t.vtag,t.vtext);e.l=t.vattrs;e.o=t.vchildren;e.i=t.vkey;e.u=t.vname;return e};const O=(t,e)=>{if(t!=null&&!b(t)){if(e&4){return t==="false"?false:t===""||!!t}if(e&2){return parseFloat(t)}if(e&1){return String(t)}return t}return t};const x=t=>yt(t).$;const C=(t,e,n)=>{const s=x(t);return{emit:t=>M(s,e,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:t})}};const M=(t,e,n)=>{const s=Rt.ce(e,n);t.dispatchEvent(s);return s};const R=(t,e,n,s,l,o)=>{if(n!==s){let c=kt(t,e);let i=e.toLowerCase();if(e==="class"){const e=t.classList;const l=T(n);const o=T(s);e.remove(...l.filter((t=>t&&!o.includes(t))));e.add(...o.filter((t=>t&&!l.includes(t))))}else if(e==="style"){{for(const e in n){if(!s||s[e]==null){if(e.includes("-")){t.style.removeProperty(e)}else{t.style[e]=""}}}}for(const e in s){if(!n||s[e]!==n[e]){if(e.includes("-")){t.style.setProperty(e,s[e])}else{t.style[e]=s[e]}}}}else if(e==="key");else if(e==="ref"){if(s){s(t)}}else if(!c&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(kt(Ct,i)){e=i.slice(2)}else{e=i[2]+e.slice(3)}if(n){Rt.rel(t,e,n,false)}if(s){Rt.ael(t,e,s,false)}}else{const f=b(s);if((c||f&&s!==null)&&!l){try{if(!t.tagName.includes("-")){const l=s==null?"":s;if(e==="list"){c=false}else if(n==null||t[e]!=l){t[e]=l}}else{t[e]=s}}catch(t){}}let r=false;{if(i!==(i=i.replace(/^xlink\:?/,""))){e=i;r=true}}if(s==null||s===false){if(s!==false||t.getAttribute(e)===""){if(r){t.removeAttributeNS(a,e)}else{t.removeAttribute(e)}}}else if((!c||o&4||l)&&!f){s=s===true?"":s;if(r){t.setAttributeNS(a,e,s)}else{t.setAttribute(e,s)}}}}};const P=/\s/;const T=t=>!t?[]:t.split(P);const U=(t,e,n,s)=>{const l=e.m.nodeType===11&&e.m.host?e.m.host:e.m;const o=t&&t.l||d;const c=e.l||d;{for(s in o){if(!(s in c)){R(l,s,o[s],undefined,n,e.p)}}}for(s in c){R(l,s,o[s],c[s],n,e.p)}};const E=(t,l,i,f)=>{const r=l.o[i];let u=0;let a;let d;let b;if(!s){o=true;if(r.h==="slot"){r.p|=r.o?2:1}}if(r.t!==null){a=r.m=Mt.createTextNode(r.t)}else if(r.p&1){a=r.m=Mt.createTextNode("")}else{if(!c){c=r.h==="svg"}a=r.m=Mt.createElementNS(c?p:h,r.p&2?"slot-fb":r.h);if(c&&r.h==="foreignObject"){c=false}{U(null,r,c)}if(r.o){for(u=0;u<r.o.length;++u){d=E(t,r,u);if(d){a.appendChild(d)}}}{if(r.h==="svg"){c=false}else if(a.tagName==="foreignObject"){c=true}}}{a["s-hn"]=n;if(r.p&(2|1)){a["s-sr"]=true;a["s-cr"]=e;a["s-sn"]=r.u||"";b=t&&t.o&&t.o[i];if(b&&b.h===r.h&&t.m){L(t.m,false)}}}return a};const L=(t,e)=>{Rt.p|=1;const s=t.childNodes;for(let t=s.length-1;t>=0;t--){const l=s[t];if(l["s-hn"]!==n&&l["s-ol"]){S(l).insertBefore(l,H(l));l["s-ol"].remove();l["s-ol"]=undefined;o=true}if(e){L(l,e)}}Rt.p&=~1};const N=(t,e,n,s,l,o)=>{let c=t["s-cr"]&&t["s-cr"].parentNode||t;let i;for(;l<=o;++l){if(s[l]){i=E(null,n,l);if(i){s[l].m=i;c.insertBefore(i,H(e))}}}};const D=(t,e,n,s,o)=>{for(;e<=n;++e){if(s=t[e]){o=s.m;z(s);{l=true;if(o["s-ol"]){o["s-ol"].remove()}else{L(o,true)}}o.remove()}}};const F=(t,e,n,s)=>{let l=0;let o=0;let c=0;let i=0;let f=e.length-1;let r=e[0];let u=e[f];let a=s.length-1;let d=s[0];let p=s[a];let h;let b;while(l<=f&&o<=a){if(r==null){r=e[++l]}else if(u==null){u=e[--f]}else if(d==null){d=s[++o]}else if(p==null){p=s[--a]}else if(A(r,d)){W(r,d);r=e[++l];d=s[++o]}else if(A(u,p)){W(u,p);u=e[--f];p=s[--a]}else if(A(r,p)){if(r.h==="slot"||p.h==="slot"){L(r.m.parentNode,false)}W(r,p);t.insertBefore(r.m,u.m.nextSibling);r=e[++l];p=s[--a]}else if(A(u,d)){if(r.h==="slot"||p.h==="slot"){L(u.m.parentNode,false)}W(u,d);t.insertBefore(u.m,r.m);u=e[--f];d=s[++o]}else{c=-1;{for(i=l;i<=f;++i){if(e[i]&&e[i].i!==null&&e[i].i===d.i){c=i;break}}}if(c>=0){b=e[c];if(b.h!==d.h){h=E(e&&e[o],n,c)}else{W(b,d);e[c]=undefined;h=b.m}d=s[++o]}else{h=E(e&&e[o],n,o);d=s[++o]}if(h){{S(r.m).insertBefore(h,H(r.m))}}}}if(l>f){N(t,s[a+1]==null?null:s[a+1].m,n,s,o,a)}else if(o>a){D(e,l,f)}};const A=(t,e)=>{if(t.h===e.h){if(t.h==="slot"){return t.u===e.u}{return t.i===e.i}}return false};const H=t=>t&&t["s-ol"]||t;const S=t=>(t["s-ol"]?t["s-ol"]:t).parentNode;const W=(t,e)=>{const n=e.m=t.m;const s=t.o;const l=e.o;const o=e.h;const i=e.t;let f;if(i===null){{c=o==="svg"?true:o==="foreignObject"?false:c}{if(o==="slot");else{U(t,e,c)}}if(s!==null&&l!==null){F(n,s,e,l)}else if(l!==null){if(t.t!==null){n.textContent=""}N(n,null,e,l,0,l.length-1)}else if(s!==null){D(s,0,s.length-1)}if(c&&o==="svg"){c=false}}else if(f=n["s-cr"]){f.parentNode.textContent=i}else if(t.t!==i){n.data=i}};const q=t=>{const e=t.childNodes;let n;let s;let l;let o;let c;let i;for(s=0,l=e.length;s<l;s++){n=e[s];if(n.nodeType===1){if(n["s-sr"]){c=n["s-sn"];n.hidden=false;for(o=0;o<l;o++){i=e[o].nodeType;if(e[o]["s-hn"]!==n["s-hn"]||c!==""){if(i===1&&c===e[o].getAttribute("slot")){n.hidden=true;break}}else{if(i===1||i===3&&e[o].textContent.trim()!==""){n.hidden=true;break}}}}q(n)}}};const I=[];const V=t=>{let e;let n;let s;let o;let c;let i;let f=0;const r=t.childNodes;const u=r.length;for(;f<u;f++){e=r[f];if(e["s-sr"]&&(n=e["s-cr"])&&n.parentNode){s=n.parentNode.childNodes;o=e["s-sn"];for(i=s.length-1;i>=0;i--){n=s[i];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==e["s-hn"]){if(_(n,o)){c=I.find((t=>t.g===n));l=true;n["s-sn"]=n["s-sn"]||o;if(c){c.v=e}else{I.push({v:e,g:n})}if(n["s-sr"]){I.map((t=>{if(_(t.g,n["s-sn"])){c=I.find((t=>t.g===n));if(c&&!t.v){t.v=c.v}}}))}}else if(!I.some((t=>t.g===n))){I.push({g:n})}}}}if(e.nodeType===1){V(e)}}};const _=(t,e)=>{if(t.nodeType===1){if(t.getAttribute("slot")===null&&e===""){return true}if(t.getAttribute("slot")===e){return true}return false}if(t["s-sn"]===e){return true}return e===""};const z=t=>{{t.l&&t.l.ref&&t.l.ref(null);t.o&&t.o.map(z)}};const B=(t,c)=>{const i=t.$;const f=t.k;const r=t.j||w(null,null);const u=g(c)?c:$(null,null,c);n=i.tagName;if(f.O){u.l=u.l||{};f.O.map((([t,e])=>u.l[e]=i[t]))}u.h=null;u.p|=4;t.j=u;u.m=r.m=i;{e=i["s-cr"];s=(f.p&1)!==0;l=false}W(r,u);{Rt.p|=1;if(o){V(u.m);let t;let e;let n;let s;let l;let o;let c=0;for(;c<I.length;c++){t=I[c];e=t.g;if(!e["s-ol"]){n=Mt.createTextNode("");n["s-nr"]=e;e.parentNode.insertBefore(e["s-ol"]=n,e)}}for(c=0;c<I.length;c++){t=I[c];e=t.g;if(t.v){s=t.v.parentNode;l=t.v.nextSibling;n=e["s-ol"];while(n=n.previousSibling){o=n["s-nr"];if(o&&o["s-sn"]===e["s-sn"]&&s===o.parentNode){o=o.nextSibling;if(!o||!o["s-nr"]){l=o;break}}}if(!l&&s!==e.parentNode||e.nextSibling!==l){if(e!==l){if(!e["s-hn"]&&e["s-ol"]){e["s-hn"]=e["s-ol"].parentNode.nodeName}s.insertBefore(e,l)}}}else{if(e.nodeType===1){e.hidden=true}}}}if(l){q(u.m)}Rt.p&=~1;I.length=0}};const G=(t,e)=>{if(e&&!t.C&&e["s-p"]){e["s-p"].push(new Promise((e=>t.C=e)))}};const J=(t,e)=>{{t.p|=16}if(t.p&4){t.p|=512;return}G(t,t.M);const n=()=>K(t,e);return Ft(n)};const K=(t,e)=>{const n=f("scheduleUpdate",t.k.R);const s=t.P;let l;if(e){{t.p|=256;if(t.T){t.T.map((([t,e])=>tt(s,t,e)));t.T=null}}{l=tt(s,"componentWillLoad")}}n();return et(l,(()=>Q(t,s)))};const Q=async(t,e,n)=>{const s=t.$;const l=f("update",t.k.R);const o=s["s-rc"];const c=f("render",t.k.R);{X(t,e)}if(o){o.map((t=>t()));s["s-rc"]=undefined}c();l();{const e=s["s-p"];const n=()=>Y(t);if(e.length===0){n()}else{Promise.all(e).then(n);t.p|=4;e.length=0}}};const X=(t,e,n)=>{try{e=e.render();{t.p&=~16}{t.p|=2}{{{B(t,e)}}}}catch(e){jt(e,t.$)}return null};const Y=t=>{const e=t.k.R;const n=t.$;const s=f("postUpdate",e);const l=t.P;const o=t.M;{tt(l,"componentDidRender")}if(!(t.p&64)){t.p|=64;{nt(n)}{tt(l,"componentDidLoad")}s();{t.U(n);if(!o){Z()}}}else{{tt(l,"componentDidUpdate")}s()}{t.L(n)}{if(t.C){t.C();t.C=undefined}if(t.p&512){Dt((()=>J(t,false)))}t.p&=~(4|512)}};const Z=e=>{{nt(Mt.documentElement)}Dt((()=>M(Ct,"appload",{detail:{namespace:t}})))};const tt=(t,e,n)=>{if(t&&t[e]){try{return t[e](n)}catch(t){jt(t)}}return undefined};const et=(t,e)=>t&&t.then?t.then(e):e();const nt=t=>t.classList.add("hydrated");const st=(t,e)=>yt(t).N.get(e);const lt=(t,e,n,s)=>{const l=yt(t);const o=l.$;const c=l.N.get(e);const i=l.p;const f=l.P;n=O(n,s.D[e][0]);const r=Number.isNaN(c)&&Number.isNaN(n);const u=n!==c&&!r;if((!(i&8)||c===undefined)&&u){l.N.set(e,n);if(f){if(s.F&&i&128){const t=s.F[e];if(t){t.map((t=>{try{f[t](n,c,e)}catch(t){jt(t,o)}}))}}if((i&(2|16))===2){J(l,false)}}}};const ot=(t,e,n)=>{if(e.D){if(t.watchers){e.F=t.watchers}const s=Object.entries(e.D);const l=t.prototype;s.map((([t,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(l,t,{get(){return st(this,t)},set(n){lt(this,t,n,e)},configurable:true,enumerable:true})}else if(n&1&&s&64){Object.defineProperty(l,t,{value(...e){const n=yt(this);return n.A.then((()=>n.P[t](...e)))}})}}));if(n&1){const n=new Map;l.attributeChangedCallback=function(t,e,s){Rt.jmp((()=>{const e=n.get(t);if(this.hasOwnProperty(e)){s=this[e];delete this[e]}else if(l.hasOwnProperty(e)&&typeof this[e]==="number"&&this[e]==s){return}this[e]=s===null&&typeof this[e]==="boolean"?false:s}))};t.observedAttributes=s.filter((([t,e])=>e[0]&15)).map((([t,s])=>{const l=s[1]||t;n.set(l,t);if(s[0]&512){e.O.push([t,l])}return l}))}}return t};const ct=async(t,e,n,s,l)=>{if((e.p&32)===0){{e.p|=32;l=xt(n);if(l.then){const t=r();l=await l;t()}if(!l.isProxied){{n.F=l.watchers}ot(l,n,2);l.isProxied=true}const t=f("createInstance",n.R);{e.p|=8}try{new l(e)}catch(t){jt(t)}{e.p&=~8}{e.p|=128}t();it(e.P)}}const o=e.M;const c=()=>J(e,true);if(o&&o["s-rc"]){o["s-rc"].push(c)}else{c()}};const it=t=>{{tt(t,"connectedCallback")}};const ft=t=>{if((Rt.p&1)===0){const e=yt(t);const n=e.k;const s=f("connectedCallback",n.R);if(!(e.p&1)){e.p|=1;{if(n.p&(4|8)){rt(t)}}{let n=t;while(n=n.parentNode||n.host){if(n["s-p"]){G(e,e.M=n);break}}}if(n.D){Object.entries(n.D).map((([e,[n]])=>{if(n&31&&t.hasOwnProperty(e)){const n=t[e];delete t[e];t[e]=n}}))}{ct(t,e,n)}}else{pt(t,e,n.H);it(e.P)}s()}};const rt=t=>{const e=t["s-cr"]=Mt.createComment("");e["s-cn"]=true;t.insertBefore(e,t.firstChild)};const ut=t=>{if((Rt.p&1)===0){const e=yt(t);const n=e.P;{if(e.S){e.S.map((t=>t()));e.S=undefined}}{tt(n,"disconnectedCallback")}}};const at=(t,e={})=>{var n;const s=f();const l=[];const o=e.exclude||[];const c=Ct.customElements;const i=Mt.head;const r=i.querySelector("meta[charset]");const a=Mt.createElement("style");const d=[];let p;let h=true;Object.assign(Rt,e);Rt.W=new URL(e.resourcesUrl||"./",Mt.baseURI).href;t.map((t=>{t[1].map((e=>{const n={p:e[0],R:e[1],D:e[2],H:e[3]};{n.D=e[2]}{n.H=e[3]}{n.O=[]}{n.F={}}const s=n.R;const i=class extends HTMLElement{constructor(t){super(t);t=this;vt(t,n)}connectedCallback(){if(p){clearTimeout(p);p=null}if(h){d.push(this)}else{Rt.jmp((()=>ft(this)))}}disconnectedCallback(){Rt.jmp((()=>ut(this)))}componentOnReady(){return yt(this).q}};n.I=t[0];if(!o.includes(s)&&!c.get(s)){l.push(s);c.define(s,ot(i,n,1))}}))}));{a.innerHTML=l+u;a.setAttribute("data-styles","");const t=(n=Rt.V)!==null&&n!==void 0?n:m(Mt);if(t!=null){a.setAttribute("nonce",t)}i.insertBefore(a,r?r.nextSibling:i.firstChild)}h=false;if(d.length){d.map((t=>t.connectedCallback()))}else{{Rt.jmp((()=>p=setTimeout(Z,30)))}}s()};const dt=(t,e)=>e;const pt=(t,e,n,s)=>{if(n){n.map((([n,s,l])=>{const o=bt(t,n);const c=ht(e,l);const i=mt(n);Rt.ael(o,s,c,i);(e.S=e.S||[]).push((()=>Rt.rel(o,s,c,i)))}))}};const ht=(t,e)=>n=>{try{{if(t.p&256){t.P[e](n)}else{(t.T=t.T||[]).push([e,n])}}}catch(t){jt(t)}};const bt=(t,e)=>{if(e&8)return Ct;return t};const mt=t=>(t&2)!==0;const $t=t=>Rt.V=t;const wt=new WeakMap;const yt=t=>wt.get(t);const gt=(t,e)=>wt.set(e.P=t,e);const vt=(t,e)=>{const n={p:0,$:t,k:e,N:new Map};{n.A=new Promise((t=>n.L=t))}{n.q=new Promise((t=>n.U=t));t["s-p"]=[];t["s-rc"]=[]}pt(t,n,e.H);return wt.set(t,n)};const kt=(t,e)=>e in t;const jt=(t,e)=>(0,console.error)(t,e);const Ot=new Map;const xt=(t,e,n)=>{const s=t.R.replace(/-/g,"_");const l=t.I;const o=Ot.get(l);if(o){return o[s]}
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((t=>{{Ot.set(l,t)}return t[s]}),jt)};const Ct=typeof window!=="undefined"?window:{};const Mt=Ct.document||{head:{}};const Rt={p:0,W:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,s)=>t.addEventListener(e,n,s),rel:(t,e,n,s)=>t.removeEventListener(e,n,s),ce:(t,e)=>new CustomEvent(t,e)};const Pt=t=>Promise.resolve(t);const Tt=[];const Ut=[];const Et=(t,e)=>n=>{t.push(n);if(!i){i=true;if(e&&Rt.p&4){Dt(Nt)}else{Rt.raf(Nt)}}};const Lt=t=>{for(let e=0;e<t.length;e++){try{t[e](performance.now())}catch(t){jt(t)}}t.length=0};const Nt=()=>{Lt(Tt);{Lt(Ut);if(i=Tt.length>0){Rt.raf(Nt)}}};const Dt=t=>Pt().then(t);const Ft=Et(Ut,true);export{dt as F,y as H,at as b,C as c,x as g,$ as h,Pt as p,gt as r,$t as s};
|
|
3
|
+
//# sourceMappingURL=p-cf2e6132.js.map
|