@xplortech/apollo-core 1.0.0-beta.18 → 1.0.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +106 -0
- package/build/style.css +2758 -1516
- package/dist/apollo-core/apollo-core.css +14 -4597
- package/dist/apollo-core/apollo-core.esm.js +1 -2
- package/dist/apollo-core/index.esm.js +0 -2
- package/dist/apollo-core/p-09b2f746.entry.js +1 -0
- package/dist/apollo-core/p-1b1e7207.entry.js +1 -0
- package/dist/apollo-core/p-20389bb6.entry.js +1 -0
- package/dist/apollo-core/p-25983fde.entry.js +1 -0
- package/dist/apollo-core/p-2f90296c.js +10 -0
- package/dist/apollo-core/p-4a348764.entry.js +1 -0
- package/dist/apollo-core/p-4e2b69e8.entry.js +1 -0
- package/dist/apollo-core/p-84bf6b2d.entry.js +1 -0
- package/dist/apollo-core/p-880c0359.entry.js +1 -0
- package/dist/apollo-core/p-8e47a5be.entry.js +1 -0
- package/dist/apollo-core/p-93958292.entry.js +1 -0
- package/dist/apollo-core/p-93c27db5.entry.js +1 -0
- package/dist/apollo-core/p-ad90fe4d.js +1 -2
- package/dist/apollo-core/p-b2327e2c.entry.js +1 -0
- package/dist/apollo-core/p-c3a12469.entry.js +1 -0
- package/dist/apollo-core/p-c55b5d9c.entry.js +1 -0
- package/dist/apollo-core/p-e369d7af.entry.js +1 -0
- package/dist/apollo-core/p-e60ecaef.entry.js +1 -0
- package/dist/apollo-core/p-f929c958.js +1 -0
- package/dist/cjs/apollo-core.cjs.js +3 -12
- package/dist/cjs/{index-000e170c.js → index-54ba5804.js} +216 -768
- package/dist/cjs/index.cjs.js +0 -2
- package/dist/cjs/loader.cjs.js +3 -6
- package/dist/cjs/regular-872f5226.js +16043 -0
- package/dist/cjs/v4-14140ff3.js +0 -2
- package/dist/cjs/xpl-application-shell.cjs.entry.js +13 -10
- package/dist/cjs/xpl-avatar_12.cjs.entry.js +299 -0
- package/dist/cjs/xpl-backdrop.cjs.entry.js +5 -3
- package/dist/cjs/xpl-button-row.cjs.entry.js +1 -6
- package/dist/cjs/xpl-choicelist.cjs.entry.js +1 -10
- package/dist/cjs/xpl-divider.cjs.entry.js +1 -4
- package/dist/cjs/xpl-dropdown-group_3.cjs.entry.js +4 -16
- package/dist/cjs/xpl-dropdown_2.cjs.entry.js +12 -14
- package/dist/cjs/xpl-grid-item.cjs.entry.js +1 -3
- package/dist/cjs/xpl-grid.cjs.entry.js +1 -3
- package/dist/cjs/xpl-input.cjs.entry.js +25 -22
- package/dist/cjs/xpl-list.cjs.entry.js +25 -4
- package/dist/cjs/xpl-main-nav.cjs.entry.js +4 -3
- package/dist/cjs/xpl-pagination.cjs.entry.js +2 -7
- package/dist/cjs/xpl-select.cjs.entry.js +25 -51
- package/dist/cjs/xpl-toggle.cjs.entry.js +4 -9
- package/dist/collection/collection-manifest.json +3 -6
- package/dist/collection/components/xpl-application-shell/xpl-application-shell.js +109 -125
- package/dist/collection/components/xpl-avatar/xpl-avatar.js +144 -151
- package/dist/collection/components/xpl-backdrop/xpl-backdrop.js +28 -27
- package/dist/collection/components/xpl-badge/xpl-badge.js +39 -44
- package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js +5 -3
- package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.js +5 -3
- package/dist/collection/components/xpl-button/xpl-button.js +188 -228
- package/dist/collection/components/xpl-button-row/xpl-button-row.js +104 -106
- package/dist/collection/components/xpl-checkbox/xpl-checkbox.js +171 -182
- package/dist/collection/components/xpl-choicelist/xpl-choicelist.js +126 -134
- package/dist/collection/components/xpl-content-area/xpl-content-area.js +31 -28
- package/dist/collection/components/xpl-divider/xpl-divider.js +23 -27
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js +41 -47
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js +22 -27
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js +55 -83
- package/dist/collection/components/xpl-dropdown/xpl-dropdown.js +161 -169
- package/dist/collection/components/xpl-grid/xpl-grid.js +1 -2
- package/dist/collection/components/xpl-grid-item/xpl-grid-item.js +74 -76
- package/dist/collection/components/xpl-input/xpl-input.js +419 -397
- package/dist/collection/components/xpl-list/xpl-list.js +77 -43
- package/dist/collection/components/xpl-main-nav/xpl-main-nav.js +54 -48
- package/dist/collection/components/xpl-nav-item/xpl-nav-item.js +49 -48
- package/dist/collection/components/xpl-pagination/xpl-pagination.js +128 -117
- package/dist/collection/components/xpl-radio/xpl-radio.js +148 -158
- package/dist/collection/components/xpl-secondary-nav/xpl-secondary-nav.js +4 -3
- package/dist/collection/components/xpl-select/xpl-select.js +235 -306
- package/dist/collection/components/xpl-table/xpl-table.js +148 -215
- package/dist/collection/components/xpl-tag/xpl-tag.js +25 -25
- package/dist/collection/components/xpl-toggle/xpl-toggle.js +135 -138
- package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js +52 -79
- package/dist/custom-elements/index.d.ts +219 -0
- package/dist/custom-elements/index.js +20201 -0
- package/dist/esm/apollo-core.js +3 -9
- package/dist/esm/{index-56581b5c.js → index-3df6db84.js} +217 -768
- package/dist/esm/index.js +0 -2
- package/dist/esm/loader.js +3 -6
- package/dist/esm/polyfills/css-shim.js +1 -1
- package/dist/esm/regular-86225e9d.js +16041 -0
- package/dist/esm/v4-929670b7.js +0 -2
- package/dist/esm/xpl-application-shell.entry.js +13 -10
- package/dist/esm/xpl-avatar_12.entry.js +284 -0
- package/dist/esm/xpl-backdrop.entry.js +5 -3
- package/dist/esm/xpl-button-row.entry.js +1 -6
- package/dist/esm/xpl-choicelist.entry.js +1 -10
- package/dist/esm/xpl-divider.entry.js +1 -4
- package/dist/esm/xpl-dropdown-group_3.entry.js +4 -16
- package/dist/esm/xpl-dropdown_2.entry.js +12 -14
- package/dist/esm/xpl-grid-item.entry.js +1 -3
- package/dist/esm/xpl-grid.entry.js +1 -3
- package/dist/esm/xpl-input.entry.js +25 -22
- package/dist/esm/xpl-list.entry.js +25 -4
- package/dist/esm/xpl-main-nav.entry.js +4 -3
- package/dist/esm/xpl-pagination.entry.js +2 -7
- package/dist/esm/xpl-select.entry.js +25 -51
- package/dist/esm/xpl-toggle.entry.js +4 -9
- package/dist/stories/application-shell.stories.js +8 -18
- package/dist/stories/avatar.stories.js +0 -1
- package/dist/stories/backdrop.stories.js +0 -1
- package/dist/stories/badge.stories.js +0 -1
- package/dist/stories/breadcrumbs.stories.js +0 -1
- package/dist/stories/button-row.stories.js +0 -1
- package/dist/stories/button.stories.js +5 -18
- package/dist/stories/checkbox.stories.js +0 -1
- package/dist/stories/choicelist.stories.js +0 -1
- package/dist/stories/content-area.stories.js +0 -1
- package/dist/stories/divider.stories.js +0 -1
- package/dist/stories/dropdown.stories.js +65 -74
- package/dist/stories/grid.stories.js +0 -1
- package/dist/stories/input.stories.js +0 -1
- package/dist/stories/list.stories.js +2 -3
- package/dist/stories/main-nav.stories.js +0 -1
- package/dist/stories/pagination.stories.js +0 -1
- package/dist/stories/radio.stories.js +0 -1
- package/dist/stories/secondary-nav.stories.js +0 -1
- package/dist/stories/select.stories.js +32 -109
- package/dist/stories/table.stories.js +7 -24
- package/dist/stories/tabs.stories.js +0 -1
- package/dist/stories/toggle.stories.js +0 -1
- package/dist/stories/utility-bar.stories.js +6 -2
- package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/application-shell.stories.d.ts +5 -14
- package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/button.stories.d.ts +2 -10
- package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/dropdown.stories.d.ts +1 -17
- package/dist/types/Users/fernandogelin/Projects/apollo-admin/packages/apollo/.stencil/stories/select.stories.d.ts +74 -0
- package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/table.stories.d.ts +1 -22
- package/dist/types/components/xpl-application-shell/xpl-application-shell.d.ts +1 -6
- package/dist/types/components/xpl-button/xpl-button.d.ts +0 -6
- package/dist/types/components/xpl-choicelist/xpl-choicelist.d.ts +1 -2
- package/dist/types/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.d.ts +0 -1
- package/dist/types/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.d.ts +1 -7
- package/dist/types/components/xpl-dropdown/xpl-dropdown.d.ts +5 -7
- package/dist/types/components/xpl-input/xpl-input.d.ts +2 -0
- package/dist/types/components/xpl-list/xpl-list.d.ts +3 -2
- package/dist/types/components/xpl-select/xpl-select.d.ts +1 -21
- package/dist/types/components/xpl-table/xpl-table.d.ts +7 -29
- package/dist/types/components/xpl-utility-bar/xpl-utility-bar.d.ts +1 -5
- package/dist/types/components.d.ts +21 -276
- package/dist/types/stencil-public-runtime.d.ts +23 -97
- package/loader/index.d.ts +1 -9
- package/loader/package.json +0 -1
- package/package.json +28 -21
- package/LICENSE +0 -21
- package/dist/apollo-core/apollo-core.esm.js.map +0 -1
- package/dist/apollo-core/index.esm.js.map +0 -1
- package/dist/apollo-core/p-1fa46bc3.entry.js +0 -2
- package/dist/apollo-core/p-1fa46bc3.entry.js.map +0 -1
- package/dist/apollo-core/p-29f4679d.entry.js +0 -2
- package/dist/apollo-core/p-29f4679d.entry.js.map +0 -1
- package/dist/apollo-core/p-3f3cc34e.entry.js +0 -2
- package/dist/apollo-core/p-3f3cc34e.entry.js.map +0 -1
- package/dist/apollo-core/p-5372bf3e.entry.js +0 -2
- package/dist/apollo-core/p-5372bf3e.entry.js.map +0 -1
- package/dist/apollo-core/p-5ceaec87.entry.js +0 -2
- package/dist/apollo-core/p-5ceaec87.entry.js.map +0 -1
- package/dist/apollo-core/p-60d4d252.entry.js +0 -2
- package/dist/apollo-core/p-60d4d252.entry.js.map +0 -1
- package/dist/apollo-core/p-6797b2b7.entry.js +0 -7
- package/dist/apollo-core/p-6797b2b7.entry.js.map +0 -1
- package/dist/apollo-core/p-6acc4122.entry.js +0 -2
- package/dist/apollo-core/p-6acc4122.entry.js.map +0 -1
- package/dist/apollo-core/p-787bac91.entry.js +0 -2
- package/dist/apollo-core/p-787bac91.entry.js.map +0 -1
- package/dist/apollo-core/p-7a8e818a.entry.js +0 -2
- package/dist/apollo-core/p-7a8e818a.entry.js.map +0 -1
- package/dist/apollo-core/p-807d8de9.entry.js +0 -2
- package/dist/apollo-core/p-807d8de9.entry.js.map +0 -1
- package/dist/apollo-core/p-ad90fe4d.js.map +0 -1
- package/dist/apollo-core/p-bcb81e30.entry.js +0 -2
- package/dist/apollo-core/p-bcb81e30.entry.js.map +0 -1
- package/dist/apollo-core/p-da5a8e74.entry.js +0 -2
- package/dist/apollo-core/p-da5a8e74.entry.js.map +0 -1
- package/dist/apollo-core/p-e0541e23.entry.js +0 -2
- package/dist/apollo-core/p-e0541e23.entry.js.map +0 -1
- package/dist/apollo-core/p-e215fc5f.entry.js +0 -2
- package/dist/apollo-core/p-e215fc5f.entry.js.map +0 -1
- package/dist/apollo-core/p-e8953b60.js +0 -3
- package/dist/apollo-core/p-e8953b60.js.map +0 -1
- package/dist/apollo-core/p-efa8a79d.entry.js +0 -2
- package/dist/apollo-core/p-efa8a79d.entry.js.map +0 -1
- package/dist/cjs/apollo-core.cjs.js.map +0 -1
- package/dist/cjs/index-000e170c.js.map +0 -1
- package/dist/cjs/index.cjs.js.map +0 -1
- package/dist/cjs/loader.cjs.js.map +0 -1
- package/dist/cjs/v4-14140ff3.js.map +0 -1
- package/dist/cjs/xpl-application-shell.cjs.entry.js.map +0 -1
- package/dist/cjs/xpl-avatar_15.cjs.entry.js +0 -2278
- package/dist/cjs/xpl-avatar_15.cjs.entry.js.map +0 -1
- package/dist/cjs/xpl-backdrop.cjs.entry.js.map +0 -1
- package/dist/cjs/xpl-button-row.cjs.entry.js.map +0 -1
- package/dist/cjs/xpl-choicelist.cjs.entry.js.map +0 -1
- package/dist/cjs/xpl-divider.cjs.entry.js.map +0 -1
- package/dist/cjs/xpl-dropdown-group_3.cjs.entry.js.map +0 -1
- package/dist/cjs/xpl-dropdown_2.cjs.entry.js.map +0 -1
- package/dist/cjs/xpl-grid-item.cjs.entry.js.map +0 -1
- package/dist/cjs/xpl-grid.cjs.entry.js.map +0 -1
- package/dist/cjs/xpl-input.cjs.entry.js.map +0 -1
- package/dist/cjs/xpl-list.cjs.entry.js.map +0 -1
- package/dist/cjs/xpl-main-nav.cjs.entry.js.map +0 -1
- package/dist/cjs/xpl-pagination.cjs.entry.js.map +0 -1
- package/dist/cjs/xpl-select.cjs.entry.js.map +0 -1
- package/dist/cjs/xpl-toggle.cjs.entry.js.map +0 -1
- package/dist/collection/components/xpl-application-shell/xpl-application-shell.js.map +0 -1
- package/dist/collection/components/xpl-avatar/xpl-avatar.js.map +0 -1
- package/dist/collection/components/xpl-backdrop/xpl-backdrop.js.map +0 -1
- package/dist/collection/components/xpl-badge/xpl-badge.js.map +0 -1
- package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js.map +0 -1
- package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.js.map +0 -1
- package/dist/collection/components/xpl-button/xpl-button.js.map +0 -1
- package/dist/collection/components/xpl-button-row/xpl-button-row.js.map +0 -1
- package/dist/collection/components/xpl-checkbox/xpl-checkbox.js.map +0 -1
- package/dist/collection/components/xpl-choicelist/choice.js +0 -2
- package/dist/collection/components/xpl-choicelist/choice.js.map +0 -1
- package/dist/collection/components/xpl-choicelist/xpl-choicelist.js.map +0 -1
- package/dist/collection/components/xpl-content-area/xpl-content-area.js.map +0 -1
- package/dist/collection/components/xpl-dashboard/xpl-dashboard.js +0 -8
- package/dist/collection/components/xpl-dashboard/xpl-dashboard.js.map +0 -1
- package/dist/collection/components/xpl-data-card/xpl-data-card.js +0 -162
- package/dist/collection/components/xpl-data-card/xpl-data-card.js.map +0 -1
- package/dist/collection/components/xpl-divider/xpl-divider.js.map +0 -1
- package/dist/collection/components/xpl-dropdown/dropdownoption.js +0 -2
- package/dist/collection/components/xpl-dropdown/dropdownoption.js.map +0 -1
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js.map +0 -1
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js.map +0 -1
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js.map +0 -1
- package/dist/collection/components/xpl-dropdown/xpl-dropdown.js.map +0 -1
- package/dist/collection/components/xpl-grid/xpl-grid.js.map +0 -1
- package/dist/collection/components/xpl-grid-item/xpl-grid-item.js.map +0 -1
- package/dist/collection/components/xpl-icon/xpl-icon.css +0 -5
- package/dist/collection/components/xpl-icon/xpl-icon.js +0 -93
- package/dist/collection/components/xpl-icon/xpl-icon.js.map +0 -1
- package/dist/collection/components/xpl-input/xpl-input.js.map +0 -1
- package/dist/collection/components/xpl-list/listitem.js +0 -2
- package/dist/collection/components/xpl-list/listitem.js.map +0 -1
- package/dist/collection/components/xpl-list/xpl-list.js.map +0 -1
- package/dist/collection/components/xpl-main-nav/xpl-main-nav.js.map +0 -1
- package/dist/collection/components/xpl-nav-item/xpl-nav-item.js.map +0 -1
- package/dist/collection/components/xpl-pagination/xpl-pagination.js.map +0 -1
- package/dist/collection/components/xpl-radio/xpl-radio.js.map +0 -1
- package/dist/collection/components/xpl-secondary-nav/xpl-secondary-nav.js.map +0 -1
- package/dist/collection/components/xpl-select/xpl-select.js.map +0 -1
- package/dist/collection/components/xpl-table/xpl-table.js.map +0 -1
- package/dist/collection/components/xpl-tag/xpl-tag.js.map +0 -1
- package/dist/collection/components/xpl-toggle/xpl-toggle.js.map +0 -1
- package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js.map +0 -1
- package/dist/components/index.d.ts +0 -39
- package/dist/components/index.js +0 -82
- package/dist/components/index.js.map +0 -1
- package/dist/components/v4.js +0 -77
- package/dist/components/v4.js.map +0 -1
- package/dist/components/xpl-application-shell.d.ts +0 -11
- package/dist/components/xpl-application-shell.js +0 -80
- package/dist/components/xpl-application-shell.js.map +0 -1
- package/dist/components/xpl-avatar.d.ts +0 -11
- package/dist/components/xpl-avatar.js +0 -8
- package/dist/components/xpl-avatar.js.map +0 -1
- package/dist/components/xpl-avatar2.js +0 -51
- package/dist/components/xpl-avatar2.js.map +0 -1
- package/dist/components/xpl-backdrop.d.ts +0 -11
- package/dist/components/xpl-backdrop.js +0 -8
- package/dist/components/xpl-backdrop.js.map +0 -1
- package/dist/components/xpl-backdrop2.js +0 -35
- package/dist/components/xpl-backdrop2.js.map +0 -1
- package/dist/components/xpl-badge.d.ts +0 -11
- package/dist/components/xpl-badge.js +0 -8
- package/dist/components/xpl-badge.js.map +0 -1
- package/dist/components/xpl-badge2.js +0 -38
- package/dist/components/xpl-badge2.js.map +0 -1
- package/dist/components/xpl-breadcrumb-item.d.ts +0 -11
- package/dist/components/xpl-breadcrumb-item.js +0 -36
- package/dist/components/xpl-breadcrumb-item.js.map +0 -1
- package/dist/components/xpl-breadcrumbs.d.ts +0 -11
- package/dist/components/xpl-breadcrumbs.js +0 -31
- package/dist/components/xpl-breadcrumbs.js.map +0 -1
- package/dist/components/xpl-button-row.d.ts +0 -11
- package/dist/components/xpl-button-row.js +0 -50
- package/dist/components/xpl-button-row.js.map +0 -1
- package/dist/components/xpl-button.d.ts +0 -11
- package/dist/components/xpl-button.js +0 -8
- package/dist/components/xpl-button.js.map +0 -1
- package/dist/components/xpl-button2.js +0 -85
- package/dist/components/xpl-button2.js.map +0 -1
- package/dist/components/xpl-checkbox.d.ts +0 -11
- package/dist/components/xpl-checkbox.js +0 -8
- package/dist/components/xpl-checkbox.js.map +0 -1
- package/dist/components/xpl-checkbox2.js +0 -59
- package/dist/components/xpl-checkbox2.js.map +0 -1
- package/dist/components/xpl-choicelist.d.ts +0 -11
- package/dist/components/xpl-choicelist.js +0 -85
- package/dist/components/xpl-choicelist.js.map +0 -1
- package/dist/components/xpl-content-area.d.ts +0 -11
- package/dist/components/xpl-content-area.js +0 -34
- package/dist/components/xpl-content-area.js.map +0 -1
- package/dist/components/xpl-dashboard.d.ts +0 -11
- package/dist/components/xpl-dashboard.js +0 -31
- package/dist/components/xpl-dashboard.js.map +0 -1
- package/dist/components/xpl-data-card.d.ts +0 -11
- package/dist/components/xpl-data-card.js +0 -80
- package/dist/components/xpl-data-card.js.map +0 -1
- package/dist/components/xpl-divider.d.ts +0 -11
- package/dist/components/xpl-divider.js +0 -36
- package/dist/components/xpl-divider.js.map +0 -1
- package/dist/components/xpl-dropdown-group.d.ts +0 -11
- package/dist/components/xpl-dropdown-group.js +0 -8
- package/dist/components/xpl-dropdown-group.js.map +0 -1
- package/dist/components/xpl-dropdown-group2.js +0 -69
- package/dist/components/xpl-dropdown-group2.js.map +0 -1
- package/dist/components/xpl-dropdown-heading.d.ts +0 -11
- package/dist/components/xpl-dropdown-heading.js +0 -8
- package/dist/components/xpl-dropdown-heading.js.map +0 -1
- package/dist/components/xpl-dropdown-heading2.js +0 -31
- package/dist/components/xpl-dropdown-heading2.js.map +0 -1
- package/dist/components/xpl-dropdown-option.d.ts +0 -11
- package/dist/components/xpl-dropdown-option.js +0 -8
- package/dist/components/xpl-dropdown-option.js.map +0 -1
- package/dist/components/xpl-dropdown-option2.js +0 -89
- package/dist/components/xpl-dropdown-option2.js.map +0 -1
- package/dist/components/xpl-dropdown.d.ts +0 -11
- package/dist/components/xpl-dropdown.js +0 -8
- package/dist/components/xpl-dropdown.js.map +0 -1
- package/dist/components/xpl-dropdown2.js +0 -147
- package/dist/components/xpl-dropdown2.js.map +0 -1
- package/dist/components/xpl-grid-item.d.ts +0 -11
- package/dist/components/xpl-grid-item.js +0 -45
- package/dist/components/xpl-grid-item.js.map +0 -1
- package/dist/components/xpl-grid.d.ts +0 -11
- package/dist/components/xpl-grid.js +0 -50
- package/dist/components/xpl-grid.js.map +0 -1
- package/dist/components/xpl-icon.d.ts +0 -11
- package/dist/components/xpl-icon.js +0 -8
- package/dist/components/xpl-icon.js.map +0 -1
- package/dist/components/xpl-icon2.js +0 -1850
- package/dist/components/xpl-icon2.js.map +0 -1
- package/dist/components/xpl-input.d.ts +0 -11
- package/dist/components/xpl-input.js +0 -2574
- package/dist/components/xpl-input.js.map +0 -1
- package/dist/components/xpl-list.d.ts +0 -11
- package/dist/components/xpl-list.js +0 -73
- package/dist/components/xpl-list.js.map +0 -1
- package/dist/components/xpl-main-nav.d.ts +0 -11
- package/dist/components/xpl-main-nav.js +0 -44
- package/dist/components/xpl-main-nav.js.map +0 -1
- package/dist/components/xpl-nav-item.d.ts +0 -11
- package/dist/components/xpl-nav-item.js +0 -44
- package/dist/components/xpl-nav-item.js.map +0 -1
- package/dist/components/xpl-pagination.d.ts +0 -11
- package/dist/components/xpl-pagination.js +0 -100
- package/dist/components/xpl-pagination.js.map +0 -1
- package/dist/components/xpl-radio.d.ts +0 -11
- package/dist/components/xpl-radio.js +0 -8
- package/dist/components/xpl-radio.js.map +0 -1
- package/dist/components/xpl-radio2.js +0 -57
- package/dist/components/xpl-radio2.js.map +0 -1
- package/dist/components/xpl-secondary-nav.d.ts +0 -11
- package/dist/components/xpl-secondary-nav.js +0 -31
- package/dist/components/xpl-secondary-nav.js.map +0 -1
- package/dist/components/xpl-select.d.ts +0 -11
- package/dist/components/xpl-select.js +0 -712
- package/dist/components/xpl-select.js.map +0 -1
- package/dist/components/xpl-table.d.ts +0 -11
- package/dist/components/xpl-table.js +0 -170
- package/dist/components/xpl-table.js.map +0 -1
- package/dist/components/xpl-tag.d.ts +0 -11
- package/dist/components/xpl-tag.js +0 -8
- package/dist/components/xpl-tag.js.map +0 -1
- package/dist/components/xpl-tag2.js +0 -33
- package/dist/components/xpl-tag2.js.map +0 -1
- package/dist/components/xpl-toggle.d.ts +0 -11
- package/dist/components/xpl-toggle.js +0 -61
- package/dist/components/xpl-toggle.js.map +0 -1
- package/dist/components/xpl-utility-bar.d.ts +0 -11
- package/dist/components/xpl-utility-bar.js +0 -55
- package/dist/components/xpl-utility-bar.js.map +0 -1
- package/dist/esm/apollo-core.js.map +0 -1
- package/dist/esm/index-56581b5c.js.map +0 -1
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/loader.js.map +0 -1
- package/dist/esm/v4-929670b7.js.map +0 -1
- package/dist/esm/xpl-application-shell.entry.js.map +0 -1
- package/dist/esm/xpl-avatar_15.entry.js +0 -2260
- package/dist/esm/xpl-avatar_15.entry.js.map +0 -1
- package/dist/esm/xpl-backdrop.entry.js.map +0 -1
- package/dist/esm/xpl-button-row.entry.js.map +0 -1
- package/dist/esm/xpl-choicelist.entry.js.map +0 -1
- package/dist/esm/xpl-divider.entry.js.map +0 -1
- package/dist/esm/xpl-dropdown-group_3.entry.js.map +0 -1
- package/dist/esm/xpl-dropdown_2.entry.js.map +0 -1
- package/dist/esm/xpl-grid-item.entry.js.map +0 -1
- package/dist/esm/xpl-grid.entry.js.map +0 -1
- package/dist/esm/xpl-input.entry.js.map +0 -1
- package/dist/esm/xpl-list.entry.js.map +0 -1
- package/dist/esm/xpl-main-nav.entry.js.map +0 -1
- package/dist/esm/xpl-pagination.entry.js.map +0 -1
- package/dist/esm/xpl-select.entry.js.map +0 -1
- package/dist/esm/xpl-toggle.entry.js.map +0 -1
- package/dist/stories/application-shell.stories.js.map +0 -1
- package/dist/stories/avatar.stories.js.map +0 -1
- package/dist/stories/backdrop.stories.js.map +0 -1
- package/dist/stories/badge.stories.js.map +0 -1
- package/dist/stories/breadcrumbs.stories.js.map +0 -1
- package/dist/stories/button-row.stories.js.map +0 -1
- package/dist/stories/button.stories.js.map +0 -1
- package/dist/stories/checkbox.stories.js.map +0 -1
- package/dist/stories/choicelist.stories.js.map +0 -1
- package/dist/stories/content-area.stories.js.map +0 -1
- package/dist/stories/dashboard.stories.js +0 -51
- package/dist/stories/dashboard.stories.js.map +0 -1
- package/dist/stories/data-card.stories.js +0 -70
- package/dist/stories/data-card.stories.js.map +0 -1
- package/dist/stories/divider.stories.js.map +0 -1
- package/dist/stories/dropdown.stories.js.map +0 -1
- package/dist/stories/grid.stories.js.map +0 -1
- package/dist/stories/icons.stories.js +0 -69
- package/dist/stories/icons.stories.js.map +0 -1
- package/dist/stories/input.stories.js.map +0 -1
- package/dist/stories/list.stories.js.map +0 -1
- package/dist/stories/main-nav.stories.js.map +0 -1
- package/dist/stories/pagination.stories.js.map +0 -1
- package/dist/stories/radio.stories.js.map +0 -1
- package/dist/stories/secondary-nav.stories.js.map +0 -1
- package/dist/stories/select.stories.js.map +0 -1
- package/dist/stories/table.stories.js.map +0 -1
- package/dist/stories/tabs.stories.js.map +0 -1
- package/dist/stories/toggle.stories.js.map +0 -1
- package/dist/stories/utility-bar.stories.js.map +0 -1
- package/dist/types/Users/roc/Sites/apollo/.stencil/stories/dashboard.stories.d.ts +0 -31
- package/dist/types/Users/roc/Sites/apollo/.stencil/stories/data-card.stories.d.ts +0 -71
- package/dist/types/Users/roc/Sites/apollo/.stencil/stories/icons.stories.d.ts +0 -77
- package/dist/types/Users/roc/Sites/apollo/.stencil/stories/select.stories.d.ts +0 -134
- package/dist/types/components/xpl-choicelist/choice.d.ts +0 -6
- package/dist/types/components/xpl-dashboard/xpl-dashboard.d.ts +0 -3
- package/dist/types/components/xpl-data-card/xpl-data-card.d.ts +0 -38
- package/dist/types/components/xpl-dropdown/dropdownoption.d.ts +0 -11
- package/dist/types/components/xpl-icon/xpl-icon.d.ts +0 -17
- package/dist/types/components/xpl-list/listitem.d.ts +0 -16
- /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/avatar.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/backdrop.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/badge.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/breadcrumbs.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/button-row.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/checkbox.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/choicelist.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/content-area.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/divider.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/grid.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/input.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/list.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/main-nav.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/pagination.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/radio.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/secondary-nav.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/tabs.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/toggle.stories.d.ts +0 -0
- /package/dist/types/Users/{roc/Sites → fernandogelin/Projects/apollo-admin/packages}/apollo/.stencil/stories/utility-bar.stories.d.ts +0 -0
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { X as XplCheckbox$1, d as defineCustomElement$1 } from './xpl-checkbox2.js';
|
|
2
|
-
|
|
3
|
-
const XplCheckbox = XplCheckbox$1;
|
|
4
|
-
const defineCustomElement = defineCustomElement$1;
|
|
5
|
-
|
|
6
|
-
export { XplCheckbox, defineCustomElement };
|
|
7
|
-
|
|
8
|
-
//# sourceMappingURL=xpl-checkbox.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"xpl-checkbox.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
|
|
2
|
-
import { v as v4 } from './v4.js';
|
|
3
|
-
|
|
4
|
-
const XplCheckbox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
5
|
-
constructor() {
|
|
6
|
-
super();
|
|
7
|
-
this.__registerHost();
|
|
8
|
-
this.checkboxChange = createEvent(this, "checkboxChange", 7);
|
|
9
|
-
this.checked = undefined;
|
|
10
|
-
this.description = undefined;
|
|
11
|
-
this.disabled = undefined;
|
|
12
|
-
this.indeterminate = undefined;
|
|
13
|
-
this.name = undefined;
|
|
14
|
-
this.required = undefined;
|
|
15
|
-
this.styled = undefined;
|
|
16
|
-
this.value = undefined;
|
|
17
|
-
this.id = v4();
|
|
18
|
-
}
|
|
19
|
-
render() {
|
|
20
|
-
return (h(Host, { class: {
|
|
21
|
-
'xpl-checkbox-radio-container': true,
|
|
22
|
-
styled: this.styled,
|
|
23
|
-
disabled: this.disabled,
|
|
24
|
-
} }, h("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: (el) => (this.input = el), required: this.required, value: this.value }), h("label", { class: {
|
|
25
|
-
'xpl-label': true,
|
|
26
|
-
'xpl-label--disabled': this.disabled,
|
|
27
|
-
}, htmlFor: this.id }, h("slot", null), this.description && (h("small", { class: {
|
|
28
|
-
'xpl-description': true,
|
|
29
|
-
'xpl-description--disabled': this.disabled,
|
|
30
|
-
} }, this.description)))));
|
|
31
|
-
}
|
|
32
|
-
}, [4, "xpl-checkbox", {
|
|
33
|
-
"checked": [4],
|
|
34
|
-
"description": [1],
|
|
35
|
-
"disabled": [4],
|
|
36
|
-
"indeterminate": [4],
|
|
37
|
-
"name": [1],
|
|
38
|
-
"required": [4],
|
|
39
|
-
"styled": [4],
|
|
40
|
-
"value": [1],
|
|
41
|
-
"id": [32]
|
|
42
|
-
}]);
|
|
43
|
-
function defineCustomElement() {
|
|
44
|
-
if (typeof customElements === "undefined") {
|
|
45
|
-
return;
|
|
46
|
-
}
|
|
47
|
-
const components = ["xpl-checkbox"];
|
|
48
|
-
components.forEach(tagName => { switch (tagName) {
|
|
49
|
-
case "xpl-checkbox":
|
|
50
|
-
if (!customElements.get(tagName)) {
|
|
51
|
-
customElements.define(tagName, XplCheckbox);
|
|
52
|
-
}
|
|
53
|
-
break;
|
|
54
|
-
} });
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
export { XplCheckbox as X, defineCustomElement as d };
|
|
58
|
-
|
|
59
|
-
//# sourceMappingURL=xpl-checkbox2.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"xpl-checkbox2.js","mappings":";;;MAca,WAAW;;;;;;;;;;;;;cAUEA,EAAI,EAAE;;EAO5B,MAAM;IACF,QACI,EAAC,IAAI,IACD,KAAK,EAAE;QACH,8BAA8B,EAAE,IAAI;QACpC,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ;OAC1B,IAED,aACI,KAAK,EAAC,cAAc,EACpB,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,QAAQ,EAAE,MACN,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EAEhD,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,KAAK,GAAG,EAAsB,CAAC,EAClD,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,GACZ,EACT,aACI,KAAK,EAAE;QACH,WAAW,EAAE,IAAI;QACjB,qBAAqB,EAAE,IAAI,CAAC,QAAQ;OACvC,EACD,OAAO,EAAE,IAAI,CAAC,EAAE,IAEhB,eAAa,EACZ,IAAI,CAAC,WAAW,KACb,aACI,KAAK,EAAE;QACH,iBAAiB,EAAE,IAAI;QACvB,2BAA2B,EAAE,IAAI,CAAC,QAAQ;OAC7C,IAEA,IAAI,CAAC,WAAW,CACb,CACX,CACG,CACL,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["uuid"],"sources":["./src/components/components/xpl-checkbox/xpl-checkbox.tsx"],"sourcesContent":["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"],"version":3}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Components, JSX } from "../types/components";
|
|
2
|
-
|
|
3
|
-
interface XplChoicelist extends Components.XplChoicelist, HTMLElement {}
|
|
4
|
-
export const XplChoicelist: {
|
|
5
|
-
prototype: XplChoicelist;
|
|
6
|
-
new (): XplChoicelist;
|
|
7
|
-
};
|
|
8
|
-
/**
|
|
9
|
-
* Used to define this component and all nested components recursively.
|
|
10
|
-
*/
|
|
11
|
-
export const defineCustomElement: () => void;
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
|
-
import { d as defineCustomElement$3 } from './xpl-checkbox2.js';
|
|
3
|
-
import { d as defineCustomElement$2 } from './xpl-radio2.js';
|
|
4
|
-
|
|
5
|
-
const XplChoicelist$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
6
|
-
constructor() {
|
|
7
|
-
super();
|
|
8
|
-
this.__registerHost();
|
|
9
|
-
this.choices = undefined;
|
|
10
|
-
this.description = undefined;
|
|
11
|
-
this.heading = undefined;
|
|
12
|
-
this.multi = undefined;
|
|
13
|
-
this.name = undefined;
|
|
14
|
-
this.styled = undefined;
|
|
15
|
-
this.selected = undefined;
|
|
16
|
-
}
|
|
17
|
-
componentWillLoad() {
|
|
18
|
-
this.selected =
|
|
19
|
-
this.choices !== undefined &&
|
|
20
|
-
this.choices !== null &&
|
|
21
|
-
this.choices.length > 0
|
|
22
|
-
? this.choices.map(() => false)
|
|
23
|
-
: [];
|
|
24
|
-
}
|
|
25
|
-
render() {
|
|
26
|
-
let className = 'xpl-choicelist';
|
|
27
|
-
if (this.styled)
|
|
28
|
-
className += ' xpl-choicelist--styled';
|
|
29
|
-
return (h(Host, { class: "xpl-choicelist-container" }, this.heading !== undefined ||
|
|
30
|
-
this.description !== undefined ? (h("div", { class: "xpl-choicelist-heading" }, this.heading && h("h3", null, this.heading), this.description && h("p", null, this.description))) : null, this.choices && (h("ul", { class: className }, this.choices.map(({ children, description, label }, i) => {
|
|
31
|
-
const inner = this.multi ? (h("xpl-checkbox", { description: description, name: this.name, onCheckboxChange: (e) => {
|
|
32
|
-
const { detail } = e;
|
|
33
|
-
this.selected = this.selected.map((v, j) => (i === j ? detail : v));
|
|
34
|
-
} }, label)) : (h("xpl-radio", { description: description, name: this.name, onRadioChange: () => {
|
|
35
|
-
this.selected = this.selected.map((_, j) => i === j);
|
|
36
|
-
} }, label));
|
|
37
|
-
let className = this.styled && this.selected[i]
|
|
38
|
-
? 'selected'
|
|
39
|
-
: '';
|
|
40
|
-
return (h("li", { class: className }, inner, children && (h("ul", null, children.map((child) => {
|
|
41
|
-
const childInner = this
|
|
42
|
-
.multi ? (h("xpl-checkbox", { description: child.description }, child.label)) : (h("xpl-radio", { description: child.description }, child.label));
|
|
43
|
-
return (h("li", null, childInner));
|
|
44
|
-
})))));
|
|
45
|
-
})))));
|
|
46
|
-
}
|
|
47
|
-
}, [0, "xpl-choicelist", {
|
|
48
|
-
"choices": [16],
|
|
49
|
-
"description": [1],
|
|
50
|
-
"heading": [1],
|
|
51
|
-
"multi": [4],
|
|
52
|
-
"name": [1],
|
|
53
|
-
"styled": [4],
|
|
54
|
-
"selected": [32]
|
|
55
|
-
}]);
|
|
56
|
-
function defineCustomElement$1() {
|
|
57
|
-
if (typeof customElements === "undefined") {
|
|
58
|
-
return;
|
|
59
|
-
}
|
|
60
|
-
const components = ["xpl-choicelist", "xpl-checkbox", "xpl-radio"];
|
|
61
|
-
components.forEach(tagName => { switch (tagName) {
|
|
62
|
-
case "xpl-choicelist":
|
|
63
|
-
if (!customElements.get(tagName)) {
|
|
64
|
-
customElements.define(tagName, XplChoicelist$1);
|
|
65
|
-
}
|
|
66
|
-
break;
|
|
67
|
-
case "xpl-checkbox":
|
|
68
|
-
if (!customElements.get(tagName)) {
|
|
69
|
-
defineCustomElement$3();
|
|
70
|
-
}
|
|
71
|
-
break;
|
|
72
|
-
case "xpl-radio":
|
|
73
|
-
if (!customElements.get(tagName)) {
|
|
74
|
-
defineCustomElement$2();
|
|
75
|
-
}
|
|
76
|
-
break;
|
|
77
|
-
} });
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
const XplChoicelist = XplChoicelist$1;
|
|
81
|
-
const defineCustomElement = defineCustomElement$1;
|
|
82
|
-
|
|
83
|
-
export { XplChoicelist, defineCustomElement };
|
|
84
|
-
|
|
85
|
-
//# sourceMappingURL=xpl-choicelist.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"xpl-choicelist.js","mappings":";;;;MAMaA,eAAa;;;;;;;;;;;;EAiCtB,iBAAiB;IACb,IAAI,CAAC,QAAQ;MACT,IAAI,CAAC,OAAO,KAAK,SAAS;QAC1B,IAAI,CAAC,OAAO,KAAK,IAAI;QACrB,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC;UACjB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,KAAK,CAAC;UAC7B,EAAE,CAAC;GAChB;EAED,MAAM;IACF,IAAI,SAAS,GAAG,gBAAgB,CAAC;IACjC,IAAI,IAAI,CAAC,MAAM;MAAE,SAAS,IAAI,yBAAyB,CAAC;IAExD,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,0BAA0B,IACjC,IAAI,CAAC,OAAO,KAAK,SAAS;MAC3B,IAAI,CAAC,WAAW,KAAK,SAAS,IAC1B,WAAK,KAAK,EAAC,wBAAwB,IAC9B,IAAI,CAAC,OAAO,IAAI,cAAK,IAAI,CAAC,OAAO,CAAM,EACvC,IAAI,CAAC,WAAW,IAAI,aAAI,IAAI,CAAC,WAAW,CAAK,CAC5C,IACN,IAAI,EACP,IAAI,CAAC,OAAO,KACT,UAAI,KAAK,EAAE,SAAS,IACf,IAAI,CAAC,OAAO,CAAC,GAAG,CACb,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC;MAChC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IACpB,oBACI,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,gBAAgB,EAAE,CAAC,CAElB;UACG,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;UACrB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAC7B,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,CACnC,CAAC;SACL,IAEA,KAAK,CACK,KAEf,iBACI,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,aAAa,EAAE;UACX,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAC7B,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CACpB,CAAC;SACL,IAEA,KAAK,CACE,CACf,CAAC;MAEF,IAAI,SAAS,GACT,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;UACzB,UAAU;UACV,EAAE,CAAC;MAEb,QACI,UAAI,KAAK,EAAE,SAAS,IACf,KAAK,EACL,QAAQ,KACL,cACK,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK;QAChB,MAAM,UAAU,GAAG,IAAI;WAClB,KAAK,IACN,oBACI,WAAW,EACP,KAAK,CAAC,WAAW,IAGpB,KAAK,CAAC,KAAK,CACD,KAEf,iBACI,WAAW,EACP,KAAK,CAAC,WAAW,IAGpB,KAAK,CAAC,KAAK,CACJ,CACf,CAAC;QACF,QACI,cAAK,UAAU,CAAM,EACvB;OACL,CAAC,CACD,CACR,CACA,EACP;KACL,CACJ,CACA,CACR,CACE,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["XplChoicelist"],"sources":["./src/components/components/xpl-choicelist/xpl-choicelist.tsx"],"sourcesContent":["import { Component, Host, h, Prop, State } from '@stencil/core';\nimport { Choice } from './choice';\n\n@Component({\n tag: 'xpl-choicelist',\n})\nexport class XplChoicelist {\n /**\n * An array of choices to be displayed in the list.\n * Each choice should be an object with keys:\n * - `checked` [boolean] - whether to pre-check or not\n * - `children` [Choice[]] - an array of child choices (recursive)\n * - `description` [string]\n * - `label` [string]\n */\n @Prop() choices: Choice[];\n /**\n * Descriptive text to be displayed above the choicelist.\n */\n @Prop() description?: string;\n /**\n * The title text to be displayed above the choicelist.\n */\n @Prop() heading?: string;\n /**\n * Whether the user can select more than one choice (true) or only a single choice (false). Corresponds to checkboxes vs. radio buttons.\n */\n @Prop() multi?: boolean;\n /**\n * The `name` to be associated with form data.\n */\n @Prop() name?: string;\n /**\n * If `true`, will include borders around the list and between individual choices.\n */\n @Prop() styled?: boolean;\n\n @State() selected: boolean[];\n\n componentWillLoad() {\n this.selected =\n this.choices !== undefined &&\n this.choices !== null &&\n this.choices.length > 0\n ? this.choices.map(() => false)\n : [];\n }\n\n render() {\n let className = 'xpl-choicelist';\n if (this.styled) className += ' xpl-choicelist--styled';\n\n return (\n <Host class=\"xpl-choicelist-container\">\n {this.heading !== undefined ||\n this.description !== undefined ? (\n <div class=\"xpl-choicelist-heading\">\n {this.heading && <h3>{this.heading}</h3>}\n {this.description && <p>{this.description}</p>}\n </div>\n ) : null}\n {this.choices && (\n <ul class={className}>\n {this.choices.map(\n ({ children, description, label }, i) => {\n const inner = this.multi ? (\n <xpl-checkbox\n description={description}\n name={this.name}\n onCheckboxChange={(e: {\n detail: boolean;\n }) => {\n const { detail } = e;\n this.selected = this.selected.map(\n (v, j) => (i === j ? detail : v)\n );\n }}\n >\n {label}\n </xpl-checkbox>\n ) : (\n <xpl-radio\n description={description}\n name={this.name}\n onRadioChange={() => {\n this.selected = this.selected.map(\n (_, j) => i === j\n );\n }}\n >\n {label}\n </xpl-radio>\n );\n\n let className =\n this.styled && this.selected[i]\n ? 'selected'\n : '';\n\n return (\n <li class={className}>\n {inner}\n {children && (\n <ul>\n {children.map((child) => {\n const childInner = this\n .multi ? (\n <xpl-checkbox\n description={\n child.description\n }\n >\n {child.label}\n </xpl-checkbox>\n ) : (\n <xpl-radio\n description={\n child.description\n }\n >\n {child.label}\n </xpl-radio>\n );\n return (\n <li>{childInner}</li>\n );\n })}\n </ul>\n )}\n </li>\n );\n }\n )}\n </ul>\n )}\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Components, JSX } from "../types/components";
|
|
2
|
-
|
|
3
|
-
interface XplContentArea extends Components.XplContentArea, HTMLElement {}
|
|
4
|
-
export const XplContentArea: {
|
|
5
|
-
prototype: XplContentArea;
|
|
6
|
-
new (): XplContentArea;
|
|
7
|
-
};
|
|
8
|
-
/**
|
|
9
|
-
* Used to define this component and all nested components recursively.
|
|
10
|
-
*/
|
|
11
|
-
export const defineCustomElement: () => void;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
|
-
|
|
3
|
-
const XplContentArea$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
4
|
-
constructor() {
|
|
5
|
-
super();
|
|
6
|
-
this.__registerHost();
|
|
7
|
-
this.size = 'wide';
|
|
8
|
-
}
|
|
9
|
-
render() {
|
|
10
|
-
return (h(Host, null, h("main", { class: `xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}` }, h("div", { class: "xpl-content-area" }, h("slot", null)))));
|
|
11
|
-
}
|
|
12
|
-
}, [4, "xpl-content-area", {
|
|
13
|
-
"size": [1]
|
|
14
|
-
}]);
|
|
15
|
-
function defineCustomElement$1() {
|
|
16
|
-
if (typeof customElements === "undefined") {
|
|
17
|
-
return;
|
|
18
|
-
}
|
|
19
|
-
const components = ["xpl-content-area"];
|
|
20
|
-
components.forEach(tagName => { switch (tagName) {
|
|
21
|
-
case "xpl-content-area":
|
|
22
|
-
if (!customElements.get(tagName)) {
|
|
23
|
-
customElements.define(tagName, XplContentArea$1);
|
|
24
|
-
}
|
|
25
|
-
break;
|
|
26
|
-
} });
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
const XplContentArea = XplContentArea$1;
|
|
30
|
-
const defineCustomElement = defineCustomElement$1;
|
|
31
|
-
|
|
32
|
-
export { XplContentArea, defineCustomElement };
|
|
33
|
-
|
|
34
|
-
//# sourceMappingURL=xpl-content-area.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"xpl-content-area.js","mappings":";;MAKaA,gBAAc;;;;gBAIoB,MAAM;;EAEjD,MAAM;IACF,QACI,EAAC,IAAI,QACD,YACI,KAAK,EAAE,sDAAsD,IAAI,CAAC,IAAI,EAAE,IAExE,WAAK,KAAK,EAAC,kBAAkB,IACzB,eAAa,CACX,CACH,CACJ,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;","names":["XplContentArea"],"sources":["./src/components/components/xpl-content-area/xpl-content-area.tsx"],"sourcesContent":["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"],"version":3}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Components, JSX } from "../types/components";
|
|
2
|
-
|
|
3
|
-
interface XplDashboard extends Components.XplDashboard, HTMLElement {}
|
|
4
|
-
export const XplDashboard: {
|
|
5
|
-
prototype: XplDashboard;
|
|
6
|
-
new (): XplDashboard;
|
|
7
|
-
};
|
|
8
|
-
/**
|
|
9
|
-
* Used to define this component and all nested components recursively.
|
|
10
|
-
*/
|
|
11
|
-
export const defineCustomElement: () => void;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
|
-
|
|
3
|
-
const XplDashboard$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
4
|
-
constructor() {
|
|
5
|
-
super();
|
|
6
|
-
this.__registerHost();
|
|
7
|
-
}
|
|
8
|
-
render() {
|
|
9
|
-
return (h(Host, null, h("dl", { class: "xpl-dashboard" }, h("slot", null))));
|
|
10
|
-
}
|
|
11
|
-
}, [4, "xpl-dashboard"]);
|
|
12
|
-
function defineCustomElement$1() {
|
|
13
|
-
if (typeof customElements === "undefined") {
|
|
14
|
-
return;
|
|
15
|
-
}
|
|
16
|
-
const components = ["xpl-dashboard"];
|
|
17
|
-
components.forEach(tagName => { switch (tagName) {
|
|
18
|
-
case "xpl-dashboard":
|
|
19
|
-
if (!customElements.get(tagName)) {
|
|
20
|
-
customElements.define(tagName, XplDashboard$1);
|
|
21
|
-
}
|
|
22
|
-
break;
|
|
23
|
-
} });
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
const XplDashboard = XplDashboard$1;
|
|
27
|
-
const defineCustomElement = defineCustomElement$1;
|
|
28
|
-
|
|
29
|
-
export { XplDashboard, defineCustomElement };
|
|
30
|
-
|
|
31
|
-
//# sourceMappingURL=xpl-dashboard.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"xpl-dashboard.js","mappings":";;MAKaA,cAAY;;;;;EACrB,MAAM;IACF,QACI,EAAC,IAAI,QACD,UAAI,KAAK,EAAC,eAAe,IACrB,eAAa,CACZ,CACF,EACT;GACL;;;;;;;;;;;;;;;;;;;;;","names":["XplDashboard"],"sources":["./src/components/components/xpl-dashboard/xpl-dashboard.tsx"],"sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'xpl-dashboard',\n})\nexport class XplDashboard {\n render() {\n return (\n <Host>\n <dl class=\"xpl-dashboard\">\n <slot></slot>\n </dl>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Components, JSX } from "../types/components";
|
|
2
|
-
|
|
3
|
-
interface XplDataCard extends Components.XplDataCard, HTMLElement {}
|
|
4
|
-
export const XplDataCard: {
|
|
5
|
-
prototype: XplDataCard;
|
|
6
|
-
new (): XplDataCard;
|
|
7
|
-
};
|
|
8
|
-
/**
|
|
9
|
-
* Used to define this component and all nested components recursively.
|
|
10
|
-
*/
|
|
11
|
-
export const defineCustomElement: () => void;
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
|
-
import { d as defineCustomElement$2 } from './xpl-icon2.js';
|
|
3
|
-
|
|
4
|
-
const XplDataCard$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
5
|
-
constructor() {
|
|
6
|
-
super();
|
|
7
|
-
this.__registerHost();
|
|
8
|
-
this.link = undefined;
|
|
9
|
-
this.name = undefined;
|
|
10
|
-
this.stat = undefined;
|
|
11
|
-
this.shortStat = undefined;
|
|
12
|
-
this.variant = undefined;
|
|
13
|
-
this.icon = undefined;
|
|
14
|
-
}
|
|
15
|
-
watchStat(newValue) {
|
|
16
|
-
this.stat = newValue;
|
|
17
|
-
}
|
|
18
|
-
watchShortStat(newValue) {
|
|
19
|
-
this.shortStat = newValue;
|
|
20
|
-
}
|
|
21
|
-
componentDidLoad() {
|
|
22
|
-
if (this.link) {
|
|
23
|
-
const anchorEl = this.el.getElementsByTagName('a')[0] ||
|
|
24
|
-
this.el.getElementsByTagName('button')[0];
|
|
25
|
-
const anchorText = document.createTextNode(this.name);
|
|
26
|
-
const anchorSpan = document.createElement('span');
|
|
27
|
-
anchorSpan.appendChild(anchorText);
|
|
28
|
-
anchorEl.setAttribute('class', 'xpl-data-card__anchor');
|
|
29
|
-
anchorEl.appendChild(anchorSpan);
|
|
30
|
-
}
|
|
31
|
-
return;
|
|
32
|
-
}
|
|
33
|
-
render() {
|
|
34
|
-
const bgColorHue = this.variant === 'secondary' ? 'purple' : 'orange';
|
|
35
|
-
let headerClasses = `xpl-data-card__header${!this.icon ? '--no-icon ' : ' '}`;
|
|
36
|
-
headerClasses +=
|
|
37
|
-
this.variant === 'secondary'
|
|
38
|
-
? 'xpl-data-card__header--secondary'
|
|
39
|
-
: 'xpl-data-card__header--primary';
|
|
40
|
-
return (h(Host, { role: "group", class: `xpl-data-card ${this.link && 'xpl-data-card__link'}`, tabindex: "0" }, this.link &&
|
|
41
|
-
(this.shortStat ? (h("abbr", { title: this.stat }, h("slot", null))) : (h("slot", null))), h("dt", null, this.name), h("dd", null, h("div", { class: headerClasses }, !!this.icon && (h("xpl-icon", { icon: this.icon, "background-color": bgColorHue, size: 20 })), this.link && (h("span", { class: "xpl-data-card__header__arrow" }, h("xpl-icon", { icon: "chevron-right", size: 16 })))), h("span", { class: this.shortStat && 'xpl-data-card__long_stat' }, this.stat), this.shortStat && (h("span", { class: "xpl-data-card__short_stat" }, h("abbr", { title: this.stat }, this.shortStat))))));
|
|
42
|
-
}
|
|
43
|
-
get el() { return this; }
|
|
44
|
-
static get watchers() { return {
|
|
45
|
-
"stat": ["watchStat"],
|
|
46
|
-
"shortStat": ["watchShortStat"]
|
|
47
|
-
}; }
|
|
48
|
-
}, [4, "xpl-data-card", {
|
|
49
|
-
"link": [4],
|
|
50
|
-
"name": [1],
|
|
51
|
-
"stat": [1],
|
|
52
|
-
"shortStat": [1, "short-stat"],
|
|
53
|
-
"variant": [1],
|
|
54
|
-
"icon": [1]
|
|
55
|
-
}]);
|
|
56
|
-
function defineCustomElement$1() {
|
|
57
|
-
if (typeof customElements === "undefined") {
|
|
58
|
-
return;
|
|
59
|
-
}
|
|
60
|
-
const components = ["xpl-data-card", "xpl-icon"];
|
|
61
|
-
components.forEach(tagName => { switch (tagName) {
|
|
62
|
-
case "xpl-data-card":
|
|
63
|
-
if (!customElements.get(tagName)) {
|
|
64
|
-
customElements.define(tagName, XplDataCard$1);
|
|
65
|
-
}
|
|
66
|
-
break;
|
|
67
|
-
case "xpl-icon":
|
|
68
|
-
if (!customElements.get(tagName)) {
|
|
69
|
-
defineCustomElement$2();
|
|
70
|
-
}
|
|
71
|
-
break;
|
|
72
|
-
} });
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
const XplDataCard = XplDataCard$1;
|
|
76
|
-
const defineCustomElement = defineCustomElement$1;
|
|
77
|
-
|
|
78
|
-
export { XplDataCard, defineCustomElement };
|
|
79
|
-
|
|
80
|
-
//# sourceMappingURL=xpl-data-card.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"xpl-data-card.js","mappings":";;;MAMaA,aAAW;;;;;;;;;;;EAkCpB,SAAS,CAAC,QAAgB;IACtB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;GACxB;EAGD,cAAc,CAAC,QAAgB;IAC3B,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;GAC7B;EAED,gBAAgB;IACZ,IAAI,IAAI,CAAC,IAAI,EAAE;MACX,MAAM,QAAQ,GACV,IAAI,CAAC,EAAE,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACpC,IAAI,CAAC,EAAE,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;MAC9C,MAAM,UAAU,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;MACtD,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;MAClD,UAAU,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;MAEnC,QAAQ,CAAC,YAAY,CAAC,OAAO,EAAE,uBAAuB,CAAC,CAAC;MACxD,QAAQ,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;KACpC;IACD,OAAO;GACV;EAED,MAAM;IACF,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,KAAK,WAAW,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACtE,IAAI,aAAa,GAAG,wBAChB,CAAC,IAAI,CAAC,IAAI,GAAG,YAAY,GAAG,GAChC,EAAE,CAAC;IACH,aAAa;MACT,IAAI,CAAC,OAAO,KAAK,WAAW;UACtB,kCAAkC;UAClC,gCAAgC,CAAC;IAC3C,QACI,EAAC,IAAI,IACD,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,iBAAiB,IAAI,CAAC,IAAI,IAAI,qBAAqB,EAAE,EAC5D,QAAQ,EAAC,GAAG,IAEX,IAAI,CAAC,IAAI;OACL,IAAI,CAAC,SAAS,IACX,YAAM,KAAK,EAAE,IAAI,CAAC,IAAI,IAClB,eAAa,CACV,KAEP,eAAa,CAChB,CAAC,EACN,cAAK,IAAI,CAAC,IAAI,CAAM,EACpB,cACI,WAAK,KAAK,EAAE,aAAa,IACpB,CAAC,CAAC,IAAI,CAAC,IAAI,KACR,gBACI,IAAI,EAAE,IAAI,CAAC,IAAI,sBACG,UAAU,EAC5B,IAAI,EAAE,EAAE,GACA,CACf,EACA,IAAI,CAAC,IAAI,KACN,YAAM,KAAK,EAAC,8BAA8B,IACtC,gBACI,IAAI,EAAC,eAAe,EACpB,IAAI,EAAE,EAAE,GACA,CACT,CACV,CACC,EACN,YAAM,KAAK,EAAE,IAAI,CAAC,SAAS,IAAI,0BAA0B,IACpD,IAAI,CAAC,IAAI,CACP,EACN,IAAI,CAAC,SAAS,KACX,YAAM,KAAK,EAAC,2BAA2B,IACnC,YAAM,KAAK,EAAE,IAAI,CAAC,IAAI,IAAG,IAAI,CAAC,SAAS,CAAQ,CAC5C,CACV,CACA,CACF,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["XplDataCard"],"sources":["./src/components/components/xpl-data-card/xpl-data-card.tsx"],"sourcesContent":["import { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\nimport { IconName } from '../xpl-icon/xpl-icon';\n\n@Component({\n tag: 'xpl-data-card',\n})\nexport class XplDataCard {\n @Element() el: HTMLXplDataCardElement;\n /**\n * Whether the card is a link\n */\n @Prop() link?: boolean;\n /**\n * Name Term\n */\n @Prop() name: string;\n /**\n * Detail, stat, or value to be displayed.\n * Will be rendered when card is larger than 441px.\n * Will also appear in the tooltip when shortStat\n * is shown.\n */\n @Prop() stat: string;\n /**\n * Detail, stat, or value to be displayed\n * in short format. Will be rendered when card is\n * smaller than 441px.\n */\n @Prop() shortStat?: string;\n /**\n * Color variant. Used to set the icon\n * color and background.\n */\n @Prop() variant?: 'primary' | 'secondary';\n /**\n * Whether to display the icon or not.\n */\n @Prop() icon?: IconName;\n\n @Watch('stat')\n watchStat(newValue: string) {\n this.stat = newValue;\n }\n\n @Watch('shortStat')\n watchShortStat(newValue: string) {\n this.shortStat = newValue;\n }\n\n componentDidLoad() {\n if (this.link) {\n const anchorEl =\n this.el.getElementsByTagName('a')[0] ||\n this.el.getElementsByTagName('button')[0];\n const anchorText = document.createTextNode(this.name);\n const anchorSpan = document.createElement('span');\n anchorSpan.appendChild(anchorText);\n\n anchorEl.setAttribute('class', 'xpl-data-card__anchor');\n anchorEl.appendChild(anchorSpan);\n }\n return;\n }\n\n render() {\n const bgColorHue = this.variant === 'secondary' ? 'purple' : 'orange';\n let headerClasses = `xpl-data-card__header${\n !this.icon ? '--no-icon ' : ' '\n }`;\n headerClasses +=\n this.variant === 'secondary'\n ? 'xpl-data-card__header--secondary'\n : 'xpl-data-card__header--primary';\n return (\n <Host\n role=\"group\"\n class={`xpl-data-card ${this.link && 'xpl-data-card__link'}`}\n tabindex=\"0\"\n >\n {this.link &&\n (this.shortStat ? (\n <abbr title={this.stat}>\n <slot></slot>\n </abbr>\n ) : (\n <slot></slot>\n ))}\n <dt>{this.name}</dt>\n <dd>\n <div class={headerClasses}>\n {!!this.icon && (\n <xpl-icon\n icon={this.icon}\n background-color={bgColorHue}\n size={20}\n ></xpl-icon>\n )}\n {this.link && (\n <span class=\"xpl-data-card__header__arrow\">\n <xpl-icon\n icon=\"chevron-right\"\n size={16}\n ></xpl-icon>\n </span>\n )}\n </div>\n <span class={this.shortStat && 'xpl-data-card__long_stat'}>\n {this.stat}\n </span>\n {this.shortStat && (\n <span class=\"xpl-data-card__short_stat\">\n <abbr title={this.stat}>{this.shortStat}</abbr>\n </span>\n )}\n </dd>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Components, JSX } from "../types/components";
|
|
2
|
-
|
|
3
|
-
interface XplDivider extends Components.XplDivider, HTMLElement {}
|
|
4
|
-
export const XplDivider: {
|
|
5
|
-
prototype: XplDivider;
|
|
6
|
-
new (): XplDivider;
|
|
7
|
-
};
|
|
8
|
-
/**
|
|
9
|
-
* Used to define this component and all nested components recursively.
|
|
10
|
-
*/
|
|
11
|
-
export const defineCustomElement: () => void;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
|
-
|
|
3
|
-
const XplDivider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
4
|
-
constructor() {
|
|
5
|
-
super();
|
|
6
|
-
this.__registerHost();
|
|
7
|
-
this.tier = undefined;
|
|
8
|
-
}
|
|
9
|
-
render() {
|
|
10
|
-
let className = 'xpl-divider';
|
|
11
|
-
className += ` xpl-divider--${this.tier}`;
|
|
12
|
-
return (h(Host, { class: className }, h("span", null, h("slot", null))));
|
|
13
|
-
}
|
|
14
|
-
}, [4, "xpl-divider", {
|
|
15
|
-
"tier": [2]
|
|
16
|
-
}]);
|
|
17
|
-
function defineCustomElement$1() {
|
|
18
|
-
if (typeof customElements === "undefined") {
|
|
19
|
-
return;
|
|
20
|
-
}
|
|
21
|
-
const components = ["xpl-divider"];
|
|
22
|
-
components.forEach(tagName => { switch (tagName) {
|
|
23
|
-
case "xpl-divider":
|
|
24
|
-
if (!customElements.get(tagName)) {
|
|
25
|
-
customElements.define(tagName, XplDivider$1);
|
|
26
|
-
}
|
|
27
|
-
break;
|
|
28
|
-
} });
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
const XplDivider = XplDivider$1;
|
|
32
|
-
const defineCustomElement = defineCustomElement$1;
|
|
33
|
-
|
|
34
|
-
export { XplDivider, defineCustomElement };
|
|
35
|
-
|
|
36
|
-
//# sourceMappingURL=xpl-divider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"xpl-divider.js","mappings":";;MAKaA,YAAU;;;;;;EAQnB,MAAM;IACF,IAAI,SAAS,GAAG,aAAa,CAAC;IAC9B,SAAS,IAAI,iBAAiB,IAAI,CAAC,IAAI,EAAE,CAAC;IAE1C,QACI,EAAC,IAAI,IAAC,KAAK,EAAE,SAAS,IAClB,gBACI,eAAa,CACV,CACJ,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;","names":["XplDivider"],"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"],"version":3}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Components, JSX } from "../types/components";
|
|
2
|
-
|
|
3
|
-
interface XplDropdownGroup extends Components.XplDropdownGroup, HTMLElement {}
|
|
4
|
-
export const XplDropdownGroup: {
|
|
5
|
-
prototype: XplDropdownGroup;
|
|
6
|
-
new (): XplDropdownGroup;
|
|
7
|
-
};
|
|
8
|
-
/**
|
|
9
|
-
* Used to define this component and all nested components recursively.
|
|
10
|
-
*/
|
|
11
|
-
export const defineCustomElement: () => void;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { X as XplDropdownGroup$1, d as defineCustomElement$1 } from './xpl-dropdown-group2.js';
|
|
2
|
-
|
|
3
|
-
const XplDropdownGroup = XplDropdownGroup$1;
|
|
4
|
-
const defineCustomElement = defineCustomElement$1;
|
|
5
|
-
|
|
6
|
-
export { XplDropdownGroup, defineCustomElement };
|
|
7
|
-
|
|
8
|
-
//# sourceMappingURL=xpl-dropdown-group.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"xpl-dropdown-group.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
|
-
import { d as defineCustomElement$2 } from './xpl-dropdown-heading2.js';
|
|
3
|
-
import { d as defineCustomElement$1 } from './xpl-dropdown-option2.js';
|
|
4
|
-
|
|
5
|
-
var __rest = (undefined && undefined.__rest) || function (s, e) {
|
|
6
|
-
var t = {};
|
|
7
|
-
for (var p in s)
|
|
8
|
-
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
9
|
-
t[p] = s[p];
|
|
10
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
11
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
12
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
13
|
-
t[p[i]] = s[p[i]];
|
|
14
|
-
}
|
|
15
|
-
return t;
|
|
16
|
-
};
|
|
17
|
-
const XplDropdownGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
18
|
-
constructor() {
|
|
19
|
-
super();
|
|
20
|
-
this.__registerHost();
|
|
21
|
-
this.groupName = undefined;
|
|
22
|
-
this.options = undefined;
|
|
23
|
-
}
|
|
24
|
-
render() {
|
|
25
|
-
const { groupName, options } = this;
|
|
26
|
-
const hasOptions = options && options.length;
|
|
27
|
-
const mappedOptions = hasOptions &&
|
|
28
|
-
options.map((_a) => {
|
|
29
|
-
var { groupName } = _a, properties = __rest(_a, ["groupName"]);
|
|
30
|
-
return groupName ? (h("xpl-dropdown-group", Object.assign({ label: groupName }, properties))) : (h("xpl-dropdown-option", Object.assign({}, properties)));
|
|
31
|
-
});
|
|
32
|
-
return (h(Host, { role: "group", "aria-label": groupName }, h("li", { class: "xpl-dropdown-list-item" }, h("xpl-dropdown-heading", { label: groupName }), h("ul", { class: "xpl-dropdown-list" }, mappedOptions || h("slot", { name: "options" })))));
|
|
33
|
-
}
|
|
34
|
-
}, [4, "xpl-dropdown-group", {
|
|
35
|
-
"groupName": [1, "label"],
|
|
36
|
-
"options": [16]
|
|
37
|
-
}]);
|
|
38
|
-
function defineCustomElement() {
|
|
39
|
-
if (typeof customElements === "undefined") {
|
|
40
|
-
return;
|
|
41
|
-
}
|
|
42
|
-
const components = ["xpl-dropdown-group", "xpl-dropdown-group", "xpl-dropdown-heading", "xpl-dropdown-option"];
|
|
43
|
-
components.forEach(tagName => { switch (tagName) {
|
|
44
|
-
case "xpl-dropdown-group":
|
|
45
|
-
if (!customElements.get(tagName)) {
|
|
46
|
-
customElements.define(tagName, XplDropdownGroup);
|
|
47
|
-
}
|
|
48
|
-
break;
|
|
49
|
-
case "xpl-dropdown-group":
|
|
50
|
-
if (!customElements.get(tagName)) {
|
|
51
|
-
defineCustomElement();
|
|
52
|
-
}
|
|
53
|
-
break;
|
|
54
|
-
case "xpl-dropdown-heading":
|
|
55
|
-
if (!customElements.get(tagName)) {
|
|
56
|
-
defineCustomElement$2();
|
|
57
|
-
}
|
|
58
|
-
break;
|
|
59
|
-
case "xpl-dropdown-option":
|
|
60
|
-
if (!customElements.get(tagName)) {
|
|
61
|
-
defineCustomElement$1();
|
|
62
|
-
}
|
|
63
|
-
break;
|
|
64
|
-
} });
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
export { XplDropdownGroup as X, defineCustomElement as d };
|
|
68
|
-
|
|
69
|
-
//# sourceMappingURL=xpl-dropdown-group2.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"xpl-dropdown-group2.js","mappings":";;;;;;;;;;;;;;;;MAIa,gBAAgB;;;;;;;EAOzB,MAAM;IACF,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IAEpC,MAAM,UAAU,GAAG,OAAO,IAAI,OAAO,CAAC,MAAM,CAAC;IAC7C,MAAM,aAAa,GACf,UAAU;MACV,OAAO,CAAC,GAAG,CAAC,CAAC,EAA4B;YAA5B,EAAE,SAAS,OAAiB,EAAZ,UAAU,cAA1B,aAA4B,CAAF;QACnC,OAAA,SAAS,IACL,wCACI,KAAK,EAAE,SAAS,IACZ,UAAU,EACI,KAEtB,2CAAyB,UAAU,EAAwB,CAC9D,CAAA;OAAA,CACJ,CAAC;IACN,QACI,EAAC,IAAI,IAAC,IAAI,EAAC,OAAO,gBAAa,SAAS,IACpC,UAAI,KAAK,EAAC,wBAAwB,IAC9B,4BACI,KAAK,EAAE,SAAS,GACI,EACxB,UAAI,KAAK,EAAC,mBAAmB,IACxB,aAAa,IAAI,YAAM,IAAI,EAAC,SAAS,GAAQ,CAC7C,CACJ,CACF,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.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"],"version":3}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Components, JSX } from "../types/components";
|
|
2
|
-
|
|
3
|
-
interface XplDropdownHeading extends Components.XplDropdownHeading, HTMLElement {}
|
|
4
|
-
export const XplDropdownHeading: {
|
|
5
|
-
prototype: XplDropdownHeading;
|
|
6
|
-
new (): XplDropdownHeading;
|
|
7
|
-
};
|
|
8
|
-
/**
|
|
9
|
-
* Used to define this component and all nested components recursively.
|
|
10
|
-
*/
|
|
11
|
-
export const defineCustomElement: () => void;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { X as XplDropdownHeading$1, d as defineCustomElement$1 } from './xpl-dropdown-heading2.js';
|
|
2
|
-
|
|
3
|
-
const XplDropdownHeading = XplDropdownHeading$1;
|
|
4
|
-
const defineCustomElement = defineCustomElement$1;
|
|
5
|
-
|
|
6
|
-
export { XplDropdownHeading, defineCustomElement };
|
|
7
|
-
|
|
8
|
-
//# sourceMappingURL=xpl-dropdown-heading.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"xpl-dropdown-heading.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
|
-
|
|
3
|
-
const XplDropdownHeading = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
4
|
-
constructor() {
|
|
5
|
-
super();
|
|
6
|
-
this.__registerHost();
|
|
7
|
-
this.label = undefined;
|
|
8
|
-
}
|
|
9
|
-
render() {
|
|
10
|
-
return (h(Host, { class: { 'xpl-dropdown-heading': true }, role: "presentation" }, h("span", null, this.label || h("slot", { name: "heading" }))));
|
|
11
|
-
}
|
|
12
|
-
}, [4, "xpl-dropdown-heading", {
|
|
13
|
-
"label": [1]
|
|
14
|
-
}]);
|
|
15
|
-
function defineCustomElement() {
|
|
16
|
-
if (typeof customElements === "undefined") {
|
|
17
|
-
return;
|
|
18
|
-
}
|
|
19
|
-
const components = ["xpl-dropdown-heading"];
|
|
20
|
-
components.forEach(tagName => { switch (tagName) {
|
|
21
|
-
case "xpl-dropdown-heading":
|
|
22
|
-
if (!customElements.get(tagName)) {
|
|
23
|
-
customElements.define(tagName, XplDropdownHeading);
|
|
24
|
-
}
|
|
25
|
-
break;
|
|
26
|
-
} });
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
export { XplDropdownHeading as X, defineCustomElement as d };
|
|
30
|
-
|
|
31
|
-
//# sourceMappingURL=xpl-dropdown-heading2.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"xpl-dropdown-heading2.js","mappings":";;MAGa,kBAAkB;;;;;;EAI3B,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAE,EAAE,sBAAsB,EAAE,IAAI,EAAE,EAAE,IAAI,EAAC,cAAc,IAC9D,gBAAO,IAAI,CAAC,KAAK,IAAI,YAAM,IAAI,EAAC,SAAS,GAAQ,CAAQ,CACtD,EACT;GACL;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.tsx"],"sourcesContent":["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"],"version":3}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Components, JSX } from "../types/components";
|
|
2
|
-
|
|
3
|
-
interface XplDropdownOption extends Components.XplDropdownOption, HTMLElement {}
|
|
4
|
-
export const XplDropdownOption: {
|
|
5
|
-
prototype: XplDropdownOption;
|
|
6
|
-
new (): XplDropdownOption;
|
|
7
|
-
};
|
|
8
|
-
/**
|
|
9
|
-
* Used to define this component and all nested components recursively.
|
|
10
|
-
*/
|
|
11
|
-
export const defineCustomElement: () => void;
|