@xplortech/apollo-core 1.0.0-beta.8 → 2.4.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/.typings/apollo-components.html-data.json +4396 -0
- package/README.md +57 -25
- package/build/style.css +4374 -3359
- package/dist/apollo-core/apollo-core.css +50 -24
- package/dist/apollo-core/apollo-core.esm.js +1 -1
- package/dist/apollo-core/p-0ac33b3a.entry.js +1 -0
- package/dist/apollo-core/p-23ef2717.entry.js +6 -0
- package/dist/apollo-core/p-31461db7.entry.js +1 -0
- package/dist/apollo-core/p-3b5f8989.entry.js +1 -0
- package/dist/apollo-core/p-4fab8172.entry.js +1 -0
- package/dist/apollo-core/p-576ce90f.entry.js +1 -0
- package/dist/apollo-core/p-5ec45742.entry.js +1 -0
- package/dist/apollo-core/p-7b7db57a.entry.js +1 -0
- package/dist/apollo-core/p-7f8e5cd0.entry.js +1 -0
- package/dist/apollo-core/p-812bb0e4.entry.js +1 -0
- package/dist/apollo-core/p-845eef0d.entry.js +1 -0
- package/dist/apollo-core/p-8c1f73ea.entry.js +1 -0
- package/dist/apollo-core/p-94209785.entry.js +1 -0
- package/dist/apollo-core/p-9853028c.entry.js +1 -0
- package/dist/apollo-core/p-9d65ece7.entry.js +1 -0
- package/dist/apollo-core/p-CH4yJ6Qx.js +1 -0
- package/dist/apollo-core/p-Cqlsd6nf.js +1 -0
- package/dist/apollo-core/p-DQuL1Twl.js +1 -0
- package/dist/apollo-core/p-DhZas3eX.js +2 -0
- package/dist/apollo-core/p-b1f4604d.entry.js +1 -0
- package/dist/apollo-core/p-be292555.entry.js +1 -0
- package/dist/cjs/apollo-core.cjs.js +15 -13
- package/dist/cjs/app-globals-V2Kpy_OQ.js +5 -0
- package/dist/{esm/xpl-input.entry.js → cjs/index-BvmWjxWc.js} +2 -94
- package/dist/cjs/index-D__N_vw2.js +2160 -0
- package/dist/cjs/loader.cjs.js +6 -15
- package/dist/cjs/{v4-14140ff3.js → v4-D4KzFnn8.js} +1 -11
- package/dist/cjs/xpl-accordion.cjs.entry.js +73 -0
- package/dist/cjs/xpl-application-shell.cjs.entry.js +41 -46
- package/dist/cjs/xpl-avatar_41.cjs.entry.js +5521 -0
- package/dist/cjs/xpl-button-row.cjs.entry.js +13 -18
- package/dist/cjs/xpl-calendar.cjs.entry.js +66 -0
- package/dist/cjs/xpl-dynamic-table-cell.cjs.entry.js +33 -0
- package/dist/cjs/xpl-dynamic-table-row.cjs.entry.js +37 -0
- package/dist/cjs/xpl-dynamic-table.cjs.entry.js +64 -0
- package/dist/cjs/xpl-grid-item.cjs.entry.js +16 -18
- package/dist/cjs/xpl-grid.cjs.entry.js +29 -28
- package/dist/cjs/xpl-large-card.cjs.entry.js +27 -0
- package/dist/cjs/xpl-list.cjs.entry.js +23 -30
- package/dist/cjs/xpl-main-nav.cjs.entry.js +18 -20
- package/dist/cjs/xpl-table-header-cell.cjs.entry.js +57 -0
- package/dist/cjs/xpl-table-header.cjs.entry.js +14 -0
- package/dist/cjs/xpl-toggle.cjs.entry.js +22 -30
- package/dist/cjs/xpl-toolbar.cjs.entry.js +28 -0
- package/dist/collection/collection-manifest.json +59 -32
- package/dist/collection/components/xpl-accordion/accordion.stories.js +76 -0
- package/dist/collection/components/xpl-accordion/xpl-accordion.js +236 -0
- package/dist/collection/components/xpl-application-shell/application-shell.stories.js +733 -0
- package/dist/collection/components/xpl-application-shell/xpl-application-shell.js +163 -158
- package/dist/collection/components/xpl-avatar/avatar.stories.js +128 -0
- package/dist/collection/components/xpl-avatar/xpl-avatar.js +171 -162
- package/dist/collection/components/xpl-backdrop/backdrop.stories.js +20 -0
- package/dist/collection/components/xpl-backdrop/xpl-backdrop.js +39 -37
- package/dist/collection/components/xpl-badge/badge.stories.js +48 -0
- package/dist/collection/components/xpl-badge/xpl-badge.js +52 -52
- package/dist/collection/components/xpl-breadcrumbs/breadcrumbs.stories.js +130 -0
- package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js +8 -12
- package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.js +5 -8
- package/dist/collection/components/xpl-button/button.stories.js +133 -0
- package/dist/collection/components/xpl-button/xpl-button.js +272 -245
- package/dist/collection/components/xpl-button-row/button-row.stories.js +69 -0
- package/dist/collection/components/xpl-button-row/xpl-button-row.js +119 -116
- package/dist/collection/components/xpl-calendar/calendar.stories.js +59 -0
- package/dist/collection/components/xpl-calendar/xpl-calendar.js +224 -0
- package/dist/collection/components/xpl-checkbox/checkbox.stories.js +79 -0
- package/dist/collection/components/xpl-checkbox/xpl-checkbox.js +226 -193
- package/dist/collection/components/xpl-choicelist/choicelist.stories.js +134 -0
- package/dist/collection/components/xpl-choicelist/xpl-choicelist.js +220 -154
- package/dist/collection/components/xpl-content-area/content-area.stories.js +55 -0
- package/dist/collection/components/xpl-content-area/xpl-content-area.js +35 -33
- package/dist/collection/components/xpl-dashboard/dashboard.stories.js +48 -0
- package/dist/collection/components/xpl-dashboard/xpl-dashboard.js +7 -0
- package/dist/collection/components/xpl-data-card/data-card.stories.js +111 -0
- package/dist/collection/components/xpl-data-card/xpl-data-card.js +316 -0
- package/dist/collection/components/xpl-divider/divider.stories.js +32 -0
- package/dist/collection/components/xpl-divider/xpl-divider.js +30 -31
- package/dist/collection/components/xpl-dropdown/dropdown.stories.js +383 -0
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js +68 -66
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js +28 -29
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js +148 -114
- package/dist/collection/components/xpl-dropdown/xpl-dropdown.js +438 -256
- package/dist/collection/components/xpl-dynamic-table/dynamic-table.stories.js +161 -0
- package/dist/collection/components/xpl-dynamic-table/xpl-dynamic-table.js +97 -0
- package/dist/collection/components/xpl-dynamic-table-cell/xpl-dynamic-table-cell.js +52 -0
- package/dist/collection/components/xpl-dynamic-table-row/xpl-dynamic-table-row.js +81 -0
- package/dist/{stories → collection/components/xpl-grid}/grid.stories.js +44 -68
- package/dist/collection/components/xpl-grid/xpl-grid.js +27 -24
- package/dist/collection/components/xpl-grid-item/xpl-grid-item.js +100 -92
- package/dist/collection/components/xpl-header-accordion/header-accordion.stories.js +48 -0
- package/dist/collection/components/xpl-header-accordion/xpl-header-accordion.js +200 -0
- package/dist/collection/components/xpl-icon/icons.stories.js +107 -0
- package/dist/collection/components/xpl-icon/xpl-icon.css +5 -0
- package/dist/collection/components/xpl-icon/xpl-icon.js +101 -0
- package/dist/collection/components/xpl-input/input.stories.js +531 -0
- package/dist/collection/components/xpl-input/xpl-input-color/color-utils.js +167 -0
- package/dist/collection/components/xpl-input/xpl-input-color/xpl-input-color.js +387 -0
- package/dist/collection/components/xpl-input/xpl-input-date/xpl-input-date.js +377 -0
- package/dist/collection/components/xpl-input/xpl-input-file/xpl-input-file.js +276 -0
- package/dist/collection/components/xpl-input/xpl-input-time/time-utils.js +63 -0
- package/dist/collection/components/xpl-input/xpl-input-time/xpl-input-time.js +425 -0
- package/dist/collection/components/xpl-input/xpl-input.js +729 -460
- package/dist/collection/components/xpl-large-card/large-card.stories.js +127 -0
- package/dist/collection/components/xpl-large-card/xpl-large-card.js +81 -0
- package/dist/collection/components/xpl-list/list.stories.js +148 -0
- package/dist/collection/components/xpl-list/xpl-list.js +51 -53
- package/dist/collection/components/xpl-main-nav/main-nav.stories.js +307 -0
- package/dist/collection/components/xpl-main-nav/xpl-main-nav.js +65 -63
- package/dist/collection/components/xpl-modal/modal.stories.js +87 -0
- package/dist/collection/components/xpl-modal/xpl-modal.js +139 -0
- package/dist/collection/components/xpl-nav-item/xpl-nav-item.js +63 -61
- package/dist/collection/components/xpl-pagination/pagination.stories.js +35 -0
- package/dist/collection/components/xpl-pagination/xpl-pagination.js +217 -172
- package/dist/collection/components/xpl-popover/popover.stories.js +164 -0
- package/dist/collection/components/xpl-popover/xpl-popover.js +346 -0
- package/dist/collection/components/xpl-progress/progress.stories.js +102 -0
- package/dist/collection/components/xpl-progress/xpl-progress.js +60 -0
- package/dist/collection/components/xpl-radio/radio.stories.js +91 -0
- package/dist/collection/components/xpl-radio/xpl-radio.js +188 -175
- package/dist/collection/components/xpl-secondary-nav/secondary-nav.stories.js +78 -0
- package/dist/collection/components/xpl-secondary-nav/xpl-secondary-nav.js +5 -5
- package/dist/collection/components/xpl-select/select.stories.js +293 -0
- package/dist/collection/components/xpl-select/xpl-select.js +660 -308
- package/dist/collection/components/xpl-skeleton/skeleton.stories.js +67 -0
- package/dist/collection/components/xpl-skeleton/xpl-skeleton.js +175 -0
- package/dist/collection/components/xpl-slideout/slideout.stories.js +103 -0
- package/dist/collection/components/xpl-slideout/xpl-slideout.js +150 -0
- package/dist/collection/components/xpl-tab/xpl-tab.js +77 -0
- package/dist/collection/components/xpl-tab-panel/xpl-tab-panel.js +56 -0
- package/dist/collection/components/xpl-table/table.stories.js +143 -0
- package/dist/collection/components/xpl-table/xpl-table.js +379 -214
- package/dist/collection/components/xpl-table-header/table-header.stories.js +122 -0
- package/dist/collection/components/xpl-table-header/xpl-table-header.js +7 -0
- package/dist/collection/components/xpl-table-header-cell/table-header-cell.stories.js +71 -0
- package/dist/collection/components/xpl-table-header-cell/xpl-table-header-cell.js +198 -0
- package/dist/collection/components/xpl-tabs/tabs.stories.js +77 -0
- package/dist/collection/components/xpl-tabs/xpl-tabs.js +206 -0
- package/dist/collection/components/xpl-tag/xpl-tag.js +27 -27
- package/dist/collection/components/xpl-toast/toast.stories.js +82 -0
- package/dist/collection/components/xpl-toast/xpl-toast.js +162 -0
- package/dist/collection/components/xpl-toggle/toggle.stories.js +84 -0
- package/dist/collection/components/xpl-toggle/xpl-toggle.js +165 -157
- package/dist/collection/components/xpl-toolbar/xpl-toolbar.js +56 -0
- package/dist/collection/components/xpl-tooltip/tooltip-arrow.js +2 -0
- package/dist/collection/components/xpl-tooltip/tooltip.stories.js +85 -0
- package/dist/collection/components/xpl-tooltip/xpl-tooltip.js +75 -0
- package/dist/collection/components/xpl-utility-bar/utility-bar.stories.js +87 -0
- package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js +89 -93
- package/dist/components/_commonjsHelpers.js +1 -0
- package/dist/components/index.d.ts +45 -0
- package/dist/components/index.js +1 -0
- package/dist/components/index2.js +1 -0
- package/dist/components/index3.js +1 -0
- package/dist/components/v4.js +1 -0
- package/dist/components/xpl-accordion.d.ts +11 -0
- package/dist/components/xpl-accordion.js +1 -0
- package/dist/components/xpl-application-shell.d.ts +11 -0
- package/dist/components/xpl-application-shell.js +1 -0
- package/dist/components/xpl-avatar.d.ts +11 -0
- package/dist/components/xpl-avatar.js +1 -0
- package/dist/components/xpl-avatar2.js +1 -0
- package/dist/components/xpl-backdrop.d.ts +11 -0
- package/dist/components/xpl-backdrop.js +1 -0
- package/dist/components/xpl-backdrop2.js +1 -0
- package/dist/components/xpl-badge.d.ts +11 -0
- package/dist/components/xpl-badge.js +1 -0
- package/dist/components/xpl-badge2.js +1 -0
- package/dist/components/xpl-breadcrumb-item.d.ts +11 -0
- package/dist/components/xpl-breadcrumb-item.js +1 -0
- package/dist/components/xpl-breadcrumbs.d.ts +11 -0
- package/dist/components/xpl-breadcrumbs.js +1 -0
- package/dist/components/xpl-button-row.d.ts +11 -0
- package/dist/components/xpl-button-row.js +1 -0
- package/dist/components/xpl-button.d.ts +11 -0
- package/dist/components/xpl-button.js +1 -0
- package/dist/components/xpl-button2.js +1 -0
- package/dist/components/xpl-calendar.d.ts +11 -0
- package/dist/components/xpl-calendar.js +1 -0
- package/dist/components/xpl-checkbox.d.ts +11 -0
- package/dist/components/xpl-checkbox.js +1 -0
- package/dist/components/xpl-checkbox2.js +1 -0
- package/dist/components/xpl-choicelist.d.ts +11 -0
- package/dist/components/xpl-choicelist.js +1 -0
- package/dist/components/xpl-content-area.d.ts +11 -0
- package/dist/components/xpl-content-area.js +1 -0
- package/dist/components/xpl-dashboard.d.ts +11 -0
- package/dist/components/xpl-dashboard.js +1 -0
- package/dist/components/xpl-data-card.d.ts +11 -0
- package/dist/components/xpl-data-card.js +1 -0
- package/dist/components/xpl-divider.d.ts +11 -0
- package/dist/components/xpl-divider.js +1 -0
- package/dist/components/xpl-divider2.js +1 -0
- package/dist/components/xpl-dropdown-group.d.ts +11 -0
- package/dist/components/xpl-dropdown-group.js +1 -0
- package/dist/components/xpl-dropdown-group2.js +1 -0
- package/dist/components/xpl-dropdown-heading.d.ts +11 -0
- package/dist/components/xpl-dropdown-heading.js +1 -0
- package/dist/components/xpl-dropdown-heading2.js +1 -0
- package/dist/components/xpl-dropdown-option.d.ts +11 -0
- package/dist/components/xpl-dropdown-option.js +1 -0
- package/dist/components/xpl-dropdown-option2.js +1 -0
- package/dist/components/xpl-dropdown.d.ts +11 -0
- package/dist/components/xpl-dropdown.js +1 -0
- package/dist/components/xpl-dropdown2.js +1 -0
- package/dist/components/xpl-dynamic-table-cell.d.ts +11 -0
- package/dist/components/xpl-dynamic-table-cell.js +1 -0
- package/dist/components/xpl-dynamic-table-row.d.ts +11 -0
- package/dist/components/xpl-dynamic-table-row.js +1 -0
- package/dist/components/xpl-dynamic-table.d.ts +11 -0
- package/dist/components/xpl-dynamic-table.js +1 -0
- package/dist/components/xpl-grid-item.d.ts +11 -0
- package/dist/components/xpl-grid-item.js +1 -0
- package/dist/components/xpl-grid.d.ts +11 -0
- package/dist/components/xpl-grid.js +1 -0
- package/dist/components/xpl-header-accordion.d.ts +11 -0
- package/dist/components/xpl-header-accordion.js +1 -0
- package/dist/components/xpl-icon.d.ts +11 -0
- package/dist/components/xpl-icon.js +1 -0
- package/dist/components/xpl-icon2.js +6 -0
- package/dist/components/xpl-input-color.d.ts +11 -0
- package/dist/components/xpl-input-color.js +1 -0
- package/dist/components/xpl-input-date.d.ts +11 -0
- package/dist/components/xpl-input-date.js +1 -0
- package/dist/components/xpl-input-date2.js +1 -0
- package/dist/components/xpl-input-file.d.ts +11 -0
- package/dist/components/xpl-input-file.js +1 -0
- package/dist/components/xpl-input-file2.js +1 -0
- package/dist/components/xpl-input-time.d.ts +11 -0
- package/dist/components/xpl-input-time.js +1 -0
- package/dist/components/xpl-input.d.ts +11 -0
- package/dist/components/xpl-input.js +1 -0
- package/dist/components/xpl-input2.js +1 -0
- package/dist/components/xpl-large-card.d.ts +11 -0
- package/dist/components/xpl-large-card.js +1 -0
- package/dist/components/xpl-list.d.ts +11 -0
- package/dist/components/xpl-list.js +1 -0
- package/dist/components/xpl-main-nav.d.ts +11 -0
- package/dist/components/xpl-main-nav.js +1 -0
- package/dist/components/xpl-modal.d.ts +11 -0
- package/dist/components/xpl-modal.js +1 -0
- package/dist/components/xpl-nav-item.d.ts +11 -0
- package/dist/components/xpl-nav-item.js +1 -0
- package/dist/components/xpl-pagination.d.ts +11 -0
- package/dist/components/xpl-pagination.js +1 -0
- package/dist/components/xpl-popover.d.ts +11 -0
- package/dist/components/xpl-popover.js +1 -0
- package/dist/components/xpl-popover2.js +1 -0
- package/dist/components/xpl-progress.d.ts +11 -0
- package/dist/components/xpl-progress.js +1 -0
- package/dist/components/xpl-radio.d.ts +11 -0
- package/dist/components/xpl-radio.js +1 -0
- package/dist/components/xpl-radio2.js +1 -0
- package/dist/components/xpl-secondary-nav.d.ts +11 -0
- package/dist/components/xpl-secondary-nav.js +1 -0
- package/dist/components/xpl-select.d.ts +11 -0
- package/dist/components/xpl-select.js +1 -0
- package/dist/components/xpl-select2.js +1 -0
- package/dist/components/xpl-skeleton.d.ts +11 -0
- package/dist/components/xpl-skeleton.js +1 -0
- package/dist/components/xpl-slideout.d.ts +11 -0
- package/dist/components/xpl-slideout.js +1 -0
- package/dist/components/xpl-tab-panel.d.ts +11 -0
- package/dist/components/xpl-tab-panel.js +1 -0
- package/dist/components/xpl-tab.d.ts +11 -0
- package/dist/components/xpl-tab.js +1 -0
- package/dist/components/xpl-table-header-cell.d.ts +11 -0
- package/dist/components/xpl-table-header-cell.js +1 -0
- package/dist/components/xpl-table-header.d.ts +11 -0
- package/dist/components/xpl-table-header.js +1 -0
- package/dist/components/xpl-table.d.ts +11 -0
- package/dist/components/xpl-table.js +1 -0
- package/dist/components/xpl-tabs.d.ts +11 -0
- package/dist/components/xpl-tabs.js +1 -0
- package/dist/components/xpl-tag.d.ts +11 -0
- package/dist/components/xpl-tag.js +1 -0
- package/dist/components/xpl-tag2.js +1 -0
- package/dist/components/xpl-toast.d.ts +11 -0
- package/dist/components/xpl-toast.js +1 -0
- package/dist/components/xpl-toggle.d.ts +11 -0
- package/dist/components/xpl-toggle.js +1 -0
- package/dist/components/xpl-toolbar.d.ts +11 -0
- package/dist/components/xpl-toolbar.js +1 -0
- package/dist/components/xpl-tooltip.d.ts +11 -0
- package/dist/components/xpl-tooltip.js +1 -0
- package/dist/components/xpl-tooltip2.js +1 -0
- package/dist/components/xpl-utility-bar.d.ts +11 -0
- package/dist/components/xpl-utility-bar.js +1 -0
- package/dist/css/typography.stories.js +144 -0
- package/dist/esm/apollo-core.js +15 -12
- package/dist/esm/app-globals-DQuL1Twl.js +3 -0
- package/dist/{cjs/xpl-input.cjs.entry.js → esm/index-CH4yJ6Qx.js} +1 -99
- package/dist/esm/index-DhZas3eX.js +2132 -0
- package/dist/esm/loader.js +7 -14
- package/dist/esm/{v4-929670b7.js → v4-Cqlsd6nf.js} +1 -11
- package/dist/esm/xpl-accordion.entry.js +71 -0
- package/dist/esm/xpl-application-shell.entry.js +41 -44
- package/dist/esm/xpl-avatar_41.entry.js +5479 -0
- package/dist/esm/xpl-button-row.entry.js +13 -16
- package/dist/esm/xpl-calendar.entry.js +64 -0
- package/dist/esm/xpl-dynamic-table-cell.entry.js +31 -0
- package/dist/esm/xpl-dynamic-table-row.entry.js +35 -0
- package/dist/esm/xpl-dynamic-table.entry.js +62 -0
- package/dist/esm/xpl-grid-item.entry.js +16 -16
- package/dist/esm/xpl-grid.entry.js +29 -26
- package/dist/esm/xpl-large-card.entry.js +25 -0
- package/dist/esm/xpl-list.entry.js +23 -28
- package/dist/esm/xpl-main-nav.entry.js +18 -18
- package/dist/esm/xpl-table-header-cell.entry.js +55 -0
- package/dist/esm/xpl-table-header.entry.js +12 -0
- package/dist/esm/xpl-toggle.entry.js +22 -28
- package/dist/esm/xpl-toolbar.entry.js +26 -0
- package/dist/types/components/xpl-accordion/accordion.stories.d.ts +37 -0
- package/dist/types/components/xpl-accordion/xpl-accordion.d.ts +16 -0
- package/dist/types/components/xpl-application-shell/application-shell.stories.d.ts +60 -0
- package/dist/types/components/xpl-application-shell/xpl-application-shell.d.ts +12 -27
- package/dist/types/components/xpl-avatar/avatar.stories.d.ts +75 -0
- package/dist/types/components/xpl-avatar/xpl-avatar.d.ts +9 -9
- package/dist/types/components/xpl-backdrop/backdrop.stories.d.ts +17 -0
- package/dist/types/components/xpl-backdrop/xpl-backdrop.d.ts +2 -6
- package/dist/types/components/xpl-badge/badge.stories.d.ts +44 -0
- package/dist/types/components/xpl-badge/xpl-badge.d.ts +3 -3
- package/dist/types/components/xpl-breadcrumbs/breadcrumbs.stories.d.ts +53 -0
- package/dist/types/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.d.ts +2 -5
- package/dist/types/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.d.ts +1 -4
- package/dist/types/components/xpl-button/button.stories.d.ts +92 -0
- package/dist/types/components/xpl-button/xpl-button.d.ts +14 -43
- package/dist/types/components/xpl-button-row/button-row.stories.d.ts +45 -0
- package/dist/types/components/xpl-button-row/xpl-button-row.d.ts +10 -32
- package/dist/types/components/xpl-calendar/calendar.stories.d.ts +58 -0
- package/dist/types/components/xpl-calendar/xpl-calendar.d.ts +18 -0
- package/dist/types/components/xpl-checkbox/checkbox.stories.d.ts +65 -0
- package/dist/types/components/xpl-checkbox/xpl-checkbox.d.ts +13 -13
- package/dist/types/components/xpl-choicelist/choice.d.ts +5 -4
- package/dist/types/components/xpl-choicelist/choicelist.stories.d.ts +40 -0
- package/dist/types/components/xpl-choicelist/xpl-choicelist.d.ts +16 -32
- package/dist/types/components/xpl-content-area/content-area.stories.d.ts +13 -0
- package/dist/types/components/xpl-content-area/xpl-content-area.d.ts +2 -5
- package/dist/types/components/xpl-dashboard/dashboard.stories.d.ts +31 -0
- package/dist/types/components/xpl-dashboard/xpl-dashboard.d.ts +3 -0
- package/dist/types/components/xpl-data-card/data-card.stories.d.ts +114 -0
- package/dist/types/components/xpl-data-card/xpl-data-card.d.ts +21 -0
- package/dist/types/components/xpl-divider/divider.stories.d.ts +37 -0
- package/dist/types/components/xpl-divider/xpl-divider.d.ts +2 -7
- package/dist/types/components/xpl-dropdown/dropdown-option.d.ts +12 -0
- package/dist/types/components/xpl-dropdown/dropdown.stories.d.ts +25 -0
- package/dist/types/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.d.ts +4 -6
- package/dist/types/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.d.ts +2 -3
- package/dist/types/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.d.ts +13 -14
- package/dist/types/components/xpl-dropdown/xpl-dropdown.d.ts +34 -35
- package/dist/types/components/xpl-dynamic-table/dynamic-table.stories.d.ts +41 -0
- package/dist/types/components/xpl-dynamic-table/xpl-dynamic-table.d.ts +14 -0
- package/dist/types/components/xpl-dynamic-table-cell/xpl-dynamic-table-cell.d.ts +9 -0
- package/dist/types/components/xpl-dynamic-table-row/xpl-dynamic-table-row.d.ts +11 -0
- package/dist/types/components/xpl-grid/grid.stories.d.ts +133 -0
- package/dist/types/components/xpl-grid/xpl-grid.d.ts +3 -3
- package/dist/types/components/xpl-grid-item/xpl-grid-item.d.ts +5 -5
- package/dist/types/components/xpl-header-accordion/header-accordion.stories.d.ts +44 -0
- package/dist/types/components/xpl-header-accordion/xpl-header-accordion.d.ts +20 -0
- package/dist/types/components/xpl-icon/icons.stories.d.ts +54 -0
- package/dist/types/components/xpl-icon/xpl-icon.d.ts +8 -0
- package/dist/types/components/xpl-input/input.stories.d.ts +206 -0
- package/dist/types/components/xpl-input/xpl-input-color/color-utils.d.ts +41 -0
- package/dist/types/components/xpl-input/xpl-input-color/xpl-input-color.d.ts +30 -0
- package/dist/types/components/xpl-input/xpl-input-date/xpl-input-date.d.ts +30 -0
- package/dist/types/components/xpl-input/xpl-input-file/xpl-input-file.d.ts +24 -0
- package/dist/types/components/xpl-input/xpl-input-time/time-utils.d.ts +5 -0
- package/dist/types/components/xpl-input/xpl-input-time/xpl-input-time.d.ts +39 -0
- package/dist/types/components/xpl-input/xpl-input.d.ts +45 -85
- package/dist/types/components/xpl-large-card/large-card.stories.d.ts +71 -0
- package/dist/types/components/xpl-large-card/xpl-large-card.d.ts +8 -0
- package/dist/types/components/xpl-list/list.stories.d.ts +63 -0
- package/dist/types/components/xpl-list/listitem.d.ts +14 -14
- package/dist/types/components/xpl-list/xpl-list.d.ts +2 -26
- package/dist/types/components/xpl-main-nav/main-nav.stories.d.ts +13 -0
- package/dist/types/components/xpl-main-nav/xpl-main-nav.d.ts +6 -13
- package/dist/types/components/xpl-modal/modal.stories.d.ts +99 -0
- package/dist/types/components/xpl-modal/xpl-modal.d.ts +15 -0
- package/dist/types/components/xpl-nav-item/xpl-nav-item.d.ts +4 -10
- package/dist/types/components/xpl-pagination/pagination.stories.d.ts +35 -0
- package/dist/types/components/xpl-pagination/xpl-pagination.d.ts +19 -22
- package/dist/types/components/xpl-popover/popover.stories.d.ts +12 -0
- package/dist/types/components/xpl-popover/xpl-popover.d.ts +24 -0
- package/dist/types/components/xpl-progress/progress.stories.d.ts +34 -0
- package/dist/types/components/xpl-progress/xpl-progress.d.ts +6 -0
- package/dist/types/components/xpl-radio/radio.stories.d.ts +79 -0
- package/dist/types/components/xpl-radio/xpl-radio.d.ts +11 -11
- package/dist/types/components/xpl-secondary-nav/secondary-nav.stories.d.ts +5 -0
- package/dist/types/components/xpl-secondary-nav/xpl-secondary-nav.d.ts +1 -1
- package/dist/types/components/xpl-select/select.stories.d.ts +164 -0
- package/dist/types/components/xpl-select/xpl-select.d.ts +59 -55
- package/dist/types/components/xpl-skeleton/skeleton.stories.d.ts +26 -0
- package/dist/types/components/xpl-skeleton/xpl-skeleton.d.ts +10 -0
- package/dist/types/components/xpl-slideout/slideout.stories.d.ts +114 -0
- package/dist/types/components/xpl-slideout/xpl-slideout.d.ts +14 -0
- package/dist/types/components/xpl-tab/xpl-tab.d.ts +8 -0
- package/dist/types/components/xpl-tab-panel/xpl-tab-panel.d.ts +5 -0
- package/dist/types/components/xpl-table/table.stories.d.ts +84 -0
- package/dist/types/components/xpl-table/xpl-table.d.ts +37 -23
- package/dist/types/components/xpl-table-header/table-header.stories.d.ts +103 -0
- package/dist/types/components/xpl-table-header/xpl-table-header.d.ts +3 -0
- package/dist/types/components/xpl-table-header-cell/table-header-cell.stories.d.ts +55 -0
- package/dist/types/components/xpl-table-header-cell/xpl-table-header-cell.d.ts +14 -0
- package/dist/types/components/xpl-tabs/tabs.stories.d.ts +40 -0
- package/dist/types/components/xpl-tabs/xpl-tabs.d.ts +28 -0
- package/dist/types/components/xpl-tag/xpl-tag.d.ts +2 -2
- package/dist/types/components/xpl-toast/toast.stories.d.ts +62 -0
- package/dist/types/components/xpl-toast/xpl-toast.d.ts +14 -0
- package/dist/types/components/xpl-toggle/toggle.stories.d.ts +67 -0
- package/dist/types/components/xpl-toggle/xpl-toggle.d.ts +9 -21
- package/dist/types/components/xpl-toolbar/xpl-toolbar.d.ts +7 -0
- package/dist/types/components/xpl-tooltip/tooltip-arrow.d.ts +2 -0
- package/dist/types/components/xpl-tooltip/tooltip.stories.d.ts +39 -0
- package/dist/types/components/xpl-tooltip/xpl-tooltip.d.ts +6 -0
- package/dist/types/components/xpl-utility-bar/utility-bar.stories.d.ts +20 -0
- package/dist/types/components/xpl-utility-bar/xpl-utility-bar.d.ts +7 -17
- package/dist/types/components.d.ts +3060 -498
- package/dist/types/home/runner/work/apollo/apollo/packages/apollo-core/.stencil/css/typography.stories.d.ts +90 -0
- package/dist/types/stencil-public-runtime.d.ts +236 -34
- package/loader/cdn.js +1 -3
- package/loader/index.cjs.js +1 -3
- package/loader/index.d.ts +5 -2
- package/loader/index.es2017.js +1 -3
- package/loader/index.js +1 -3
- package/package.json +110 -61
- 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-2f90296c.js +0 -10
- 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-ad90fe4d.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/cjs/index-2ab4832e.js +0 -2003
- package/dist/cjs/regular-872f5226.js +0 -16043
- package/dist/cjs/xpl-avatar_12.cjs.entry.js +0 -362
- package/dist/cjs/xpl-backdrop.cjs.entry.js +0 -21
- package/dist/cjs/xpl-choicelist.cjs.entry.js +0 -50
- package/dist/cjs/xpl-divider.cjs.entry.js +0 -19
- package/dist/cjs/xpl-dropdown-group_3.cjs.entry.js +0 -113
- package/dist/cjs/xpl-dropdown_2.cjs.entry.js +0 -121
- package/dist/cjs/xpl-pagination.cjs.entry.js +0 -79
- package/dist/cjs/xpl-select.cjs.entry.js +0 -610
- package/dist/collection/components/xpl-select/selectchoice.js +0 -1
- package/dist/custom-elements/index.d.ts +0 -219
- package/dist/custom-elements/index.js +0 -20353
- package/dist/esm/index-392b5b96.js +0 -1973
- package/dist/esm/polyfills/core-js.js +0 -11
- package/dist/esm/polyfills/css-shim.js +0 -1
- package/dist/esm/polyfills/dom.js +0 -79
- package/dist/esm/polyfills/es5-html-element.js +0 -1
- package/dist/esm/polyfills/index.js +0 -34
- package/dist/esm/polyfills/system.js +0 -6
- package/dist/esm/regular-86225e9d.js +0 -16041
- package/dist/esm/xpl-avatar_12.entry.js +0 -347
- package/dist/esm/xpl-backdrop.entry.js +0 -17
- package/dist/esm/xpl-choicelist.entry.js +0 -46
- package/dist/esm/xpl-divider.entry.js +0 -15
- package/dist/esm/xpl-dropdown-group_3.entry.js +0 -107
- package/dist/esm/xpl-dropdown_2.entry.js +0 -116
- package/dist/esm/xpl-pagination.entry.js +0 -75
- package/dist/esm/xpl-select.entry.js +0 -606
- package/dist/stories/application-shell.stories.js +0 -776
- package/dist/stories/avatar.stories.js +0 -173
- package/dist/stories/backdrop.stories.js +0 -18
- package/dist/stories/badge.stories.js +0 -48
- package/dist/stories/breadcrumbs.stories.js +0 -117
- package/dist/stories/button-row.stories.js +0 -68
- package/dist/stories/button.stories.js +0 -122
- package/dist/stories/checkbox.stories.js +0 -78
- package/dist/stories/choicelist.stories.js +0 -112
- package/dist/stories/content-area.stories.js +0 -53
- package/dist/stories/divider.stories.js +0 -34
- package/dist/stories/dropdown.stories.js +0 -377
- package/dist/stories/input.stories.js +0 -268
- package/dist/stories/list.stories.js +0 -154
- package/dist/stories/main-nav.stories.js +0 -308
- package/dist/stories/pagination.stories.js +0 -84
- package/dist/stories/radio.stories.js +0 -68
- package/dist/stories/secondary-nav.stories.js +0 -76
- package/dist/stories/select.stories.js +0 -119
- package/dist/stories/table.stories.js +0 -107
- package/dist/stories/tabs.stories.js +0 -24
- package/dist/stories/toggle.stories.js +0 -84
- package/dist/stories/utility-bar.stories.js +0 -94
- package/dist/types/Users/fernandogelin/Xplor/apollo/.stencil/stories/application-shell.stories.d.ts +0 -71
- package/dist/types/Users/fernandogelin/Xplor/apollo/.stencil/stories/avatar.stories.d.ts +0 -91
- package/dist/types/Users/fernandogelin/Xplor/apollo/.stencil/stories/backdrop.stories.d.ts +0 -16
- package/dist/types/Users/fernandogelin/Xplor/apollo/.stencil/stories/badge.stories.d.ts +0 -48
- package/dist/types/Users/fernandogelin/Xplor/apollo/.stencil/stories/breadcrumbs.stories.d.ts +0 -53
- package/dist/types/Users/fernandogelin/Xplor/apollo/.stencil/stories/button-row.stories.d.ts +0 -49
- package/dist/types/Users/fernandogelin/Xplor/apollo/.stencil/stories/button.stories.d.ts +0 -91
- package/dist/types/Users/fernandogelin/Xplor/apollo/.stencil/stories/checkbox.stories.d.ts +0 -72
- package/dist/types/Users/fernandogelin/Xplor/apollo/.stencil/stories/choicelist.stories.d.ts +0 -41
- package/dist/types/Users/fernandogelin/Xplor/apollo/.stencil/stories/content-area.stories.d.ts +0 -29
- package/dist/types/Users/fernandogelin/Xplor/apollo/.stencil/stories/divider.stories.d.ts +0 -40
- package/dist/types/Users/fernandogelin/Xplor/apollo/.stencil/stories/dropdown.stories.d.ts +0 -135
- package/dist/types/Users/fernandogelin/Xplor/apollo/.stencil/stories/grid.stories.d.ts +0 -150
- package/dist/types/Users/fernandogelin/Xplor/apollo/.stencil/stories/input.stories.d.ts +0 -190
- package/dist/types/Users/fernandogelin/Xplor/apollo/.stencil/stories/list.stories.d.ts +0 -71
- package/dist/types/Users/fernandogelin/Xplor/apollo/.stencil/stories/main-nav.stories.d.ts +0 -30
- package/dist/types/Users/fernandogelin/Xplor/apollo/.stencil/stories/pagination.stories.d.ts +0 -0
- package/dist/types/Users/fernandogelin/Xplor/apollo/.stencil/stories/radio.stories.d.ts +0 -64
- package/dist/types/Users/fernandogelin/Xplor/apollo/.stencil/stories/secondary-nav.stories.d.ts +0 -16
- package/dist/types/Users/fernandogelin/Xplor/apollo/.stencil/stories/select.stories.d.ts +0 -74
- package/dist/types/Users/fernandogelin/Xplor/apollo/.stencil/stories/table.stories.d.ts +0 -49
- package/dist/types/Users/fernandogelin/Xplor/apollo/.stencil/stories/tabs.stories.d.ts +0 -0
- package/dist/types/Users/fernandogelin/Xplor/apollo/.stencil/stories/toggle.stories.d.ts +0 -74
- package/dist/types/Users/fernandogelin/Xplor/apollo/.stencil/stories/utility-bar.stories.d.ts +0 -20
- package/dist/types/components/xpl-dropdown/dropdownoption.d.ts +0 -10
- package/dist/types/components/xpl-select/selectchoice.d.ts +0 -4
- package/loader/package.json +0 -11
- /package/dist/collection/components/xpl-dropdown/{dropdownoption.js → dropdown-option.js} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as s,Host as n,transformTag as a}from"@stencil/core/internal/client";import{f as o}from"./index2.js";import{v as d}from"./v4.js";const l=(t=!1)=>`<svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="${t?"M0.557948 5.6813L6.06209 0.132167C6.23831 -0.0440556 6.52327 -0.0440556 6.69949 0.132167L7.44187 0.874551C7.61809 1.05077 7.61809 1.33573 7.44187 1.51195L2.99882 6L7.44187 10.488C7.61809 10.6643 7.61809 10.9492 7.44187 11.1254L6.69949 11.8678C6.52327 12.0441 6.23831 12.0441 6.06209 11.8678L0.557948 6.3187C0.381726 6.14248 0.381726 5.85752 0.557948 5.6813Z":"M7.44187 6.3187L1.93773 11.8678C1.76151 12.0441 1.47655 12.0441 1.30033 11.8678L0.557948 11.1254C0.381726 10.9492 0.381726 10.6643 0.557948 10.488L5.001 6L0.557948 1.51195C0.381726 1.33573 0.381726 1.05077 0.557948 0.874551L1.30033 0.132167C1.47655 -0.0440556 1.76151 -0.0440556 1.93773 0.132167L7.44187 5.6813C7.6181 5.85752 7.6181 6.14248 7.44187 6.3187Z"}" /></svg>`,r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.dateSelected=i(this,"dateSelected",7),this.inputId=d(),this.dateFormat="Y-m-d",this.mode="single"}async setDate(t){void 0!==this.flatpickrInstance&&("single"===this.mode&&"string"==typeof t||"range"===this.mode&&Array.isArray(t))&&this.flatpickrInstance.setDate(t)}componentWillLoad(){this.calendarInputId=this.inputId}componentDidLoad(){this.flatpickrInstance=o(this.inputElement,{allowInput:!0,dateFormat:this.dateFormat,defaultDate:this.defaultDate,maxDate:this.max,minDate:this.min,mode:this.mode,nextArrow:l(),prevArrow:l(!0),inline:!0,monthSelectorType:"dropdown",onChange:t=>{var e;this.dateSelected.emit("single"===this.mode?null===(e=t[0])||void 0===e?void 0:e.toISOString():t.map((t=>t.toISOString())))}})}disconnectedCallback(){void 0!==this.flatpickrInstance&&this.flatpickrInstance.destroy()}render(){return s(n,{key:"fb4c58e9ddbf919c96d99b2f9433f1e9ffb9f4df",class:"xpl-calendar"},s("input",{key:"764bc9e43533f1bf921e586ff05a11d102b9015a",class:"xpl-calendar-input",type:"text",id:this.calendarInputId,ref:t=>{this.inputElement=t}}))}},[0,"xpl-calendar",{inputId:[1,"input-id"],dateFormat:[1,"date-format"],max:[8],min:[8],mode:[1],defaultDate:[1,"default-date"],setDate:[64]}]),h=r,c=function(){"undefined"!=typeof customElements&&["xpl-calendar"].forEach((t=>{"xpl-calendar"===t&&(customElements.get(a(t))||customElements.define(a(t),r))}))};export{h as XplCalendar,c as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface XplCheckbox extends Components.XplCheckbox, HTMLElement {}
|
|
4
|
+
export const XplCheckbox: {
|
|
5
|
+
prototype: XplCheckbox;
|
|
6
|
+
new (): XplCheckbox;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{X as o,d as s}from"./xpl-checkbox2.js";const c=o,p=s;export{c as XplCheckbox,p as defineCustomElement}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as s,createEvent as t,h as i,Host as c,transformTag as a}from"@stencil/core/internal/client";import{v as d}from"./v4.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.checkboxChange=t(this,"checkboxChange",7),this.id=d(),this.onChange=e=>{this.checkboxChange.emit(this.value?this.value:e.target.checked)}}render(){return i(c,{key:"00250685fca2e8158973a57947ec1ae390b556c4",class:{"xpl-checkbox-radio-container":!0,styled:this.styled,disabled:this.disabled}},i("input",{key:"ead56008991620c8e6c612ee1e6d299a3a88c6d2",class:"xpl-checkbox",type:"checkbox",checked:this.checked,"data-id":this.dataId,disabled:this.disabled,id:this.id,indeterminate:this.indeterminate,onChange:this.onChange,name:this.name,required:this.required,value:this.value}),i("label",{key:"d336163f57e12ac87b1f29da074c66ef1e600a95",class:{"xpl-label":!0,"xpl-label--disabled":this.disabled},htmlFor:this.id},i("slot",{key:"c317e0a1f2e2ac2e63f95d268443d5ff0c53eb5e"}),this.description&&i("small",{key:"f6031a5c9db67dbe8bb94f396da56fb7dd28fea4",class:{"xpl-description":!0,"xpl-description--disabled":this.disabled}},this.description)))}},[260,"xpl-checkbox",{checked:[4],description:[1],disabled:[4],indeterminate:[4],name:[1],value:[1],required:[4],styled:[4],dataId:[1,"data-id"],id:[32]}]);function h(){"undefined"!=typeof customElements&&["xpl-checkbox"].forEach((e=>{"xpl-checkbox"===e&&(customElements.get(a(e))||customElements.define(a(e),l))}))}export{l as X,h as d}
|
|
@@ -0,0 +1,11 @@
|
|
|
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;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as s,createEvent as t,h as i,Host as c,transformTag as h}from"@stencil/core/internal/client";import{d as l}from"./xpl-checkbox2.js";import{d as o}from"./xpl-radio2.js";import{v as n}from"./v4.js";const a=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.choicelistChange=t(this,"choicelistChange",7),this.choicelistValueChange=t(this,"choicelistValueChange",7),this.name=n(),this.onChoiceChange=(e,s)=>{if(this.multi){if(this.selected=this.selected.map(((e,t)=>t===s?!e:e)),"string"==typeof e){const e=this.choices.filter(((e,s)=>this.selected[s])).map(((e,s)=>{var t;return null!==(t=e.value)&&void 0!==t?t:this.selected[s]}));this.choicelistValueChange.emit(e)}}else this.selected=this.selected.map(((e,t)=>t===s)),"string"==typeof e&&this.choicelistValueChange.emit(e)},this.renderChoice=({description:e,label:s,value:t,checked:c},h)=>this.multi?i("xpl-checkbox",{value:t,description:e,name:this.name,checked:c,onCheckboxChange:e=>this.onChoiceChange(e.detail,h)},s):i("xpl-radio",{value:t,description:e,name:this.name,checked:c,onRadioChange:e=>this.onChoiceChange(e.detail,h)},s)}onChoicesPropChange(e){this.selected=null!=e&&e.length>0?e.map((e=>e.checked||!1)):[]}onSelectedChange(e){this.choicelistChange.emit(e)}componentWillLoad(){this.onChoicesPropChange(this.choices)}render(){return i(c,{key:"385f51ecb532a4f496e6ab8a74ec8731bdcc321f",class:"xpl-choicelist-container"},void 0!==this.heading||void 0!==this.description?i("div",{class:"xpl-choicelist-heading"},this.heading&&i("h3",null,this.heading),this.description&&i("p",null,this.description)):null,this.choices&&i("ul",{key:"1c3d9eff6699a56b0cc955a5f2e9905480d8363b",class:{"xpl-choicelist":!0,"xpl-choicelist--styled":this.styled}},this.choices.map(((e,s)=>{const t=this.renderChoice(e,s);return i("li",{class:{selected:this.styled&&this.selected[s]}},t,e.children&&i("ul",null,e.children.map(((e,s)=>{const t=this.renderChoice(e,s);return i("li",null,t)}))))}))))}static get watchers(){return{choices:[{onChoicesPropChange:0}],selected:[{onSelectedChange:0}]}}},[0,"xpl-choicelist",{choices:[16],description:[1],heading:[1],multi:[4],name:[1],styled:[4],selected:[32]},void 0,{choices:[{onChoicesPropChange:0}],selected:[{onSelectedChange:0}]}]),r=a,d=function(){"undefined"!=typeof customElements&&["xpl-choicelist","xpl-checkbox","xpl-radio"].forEach((e=>{switch(e){case"xpl-choicelist":customElements.get(h(e))||customElements.define(h(e),a);break;case"xpl-checkbox":customElements.get(h(e))||l();break;case"xpl-radio":customElements.get(h(e))||o()}}))};export{r as XplChoicelist,d as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
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;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as t,h as c,Host as a,transformTag as n}from"@stencil/core/internal/client";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.size="wide"}render(){return c(a,{key:"20346d8b9d44a2cc90e2bade2beedc3786276c12"},c("main",{key:"9af1a83077ac5ae29038d998feaceb450be3f744",class:"xpl-content-area-wrapper xpl-content-area-wrapper__"+this.size},c("div",{key:"776a4b59943b1bbbcb81b9d35cee43618e81f338",class:"xpl-content-area"},c("slot",{key:"a4a023c5ca16110c9f9ccf1f10386e28a8b4c81e"}))))}},[260,"xpl-content-area",{size:[1]}]),s=r,o=function(){"undefined"!=typeof customElements&&["xpl-content-area"].forEach((e=>{"xpl-content-area"===e&&(customElements.get(n(e))||customElements.define(n(e),r))}))};export{s as XplContentArea,o as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
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;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as c,h as d,Host as s,transformTag as t}from"@stencil/core/internal/client";const a=e(class extends c{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return d(s,{key:"f072c5fdcc919dc5796dc23cdca36e9431a17814"},d("dl",{key:"899d09bec63eef669028c3e4d7193f2ab690f781",class:"xpl-dashboard"},d("slot",{key:"a36c42cb173e82d17c5d4b567a5a182152204813"})))}},[260,"xpl-dashboard"]),o=a,n=function(){"undefined"!=typeof customElements&&["xpl-dashboard"].forEach((e=>{"xpl-dashboard"===e&&(customElements.get(t(e))||customElements.define(t(e),a))}))};export{o as XplDashboard,n as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
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;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{proxyCustomElement as t,HTMLElement as a,h as s,Host as d,transformTag as c}from"@stencil/core/internal/client";import{d as e}from"./xpl-icon2.js";import{d as i}from"./xpl-tooltip2.js";const l=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.leadingIcon=!0,this.tooltipTextSmallStat="",this.tooltipTextStat=""}watchStat(t){this.stat=t}watchShortStat(t){this.shortStat=t}componentDidLoad(){if(this.link){const t=this.el.getElementsByTagName("a")[0]||this.el.getElementsByTagName("button")[0],a=document.createTextNode(this.name),s=document.createElement("span");s.appendChild(a),t.setAttribute("class","xpl-data-card__anchor"),t.appendChild(s)}}render(){const t="graph-content",a=this.el.querySelector(`[slot="${t}"]`),c="positive"===this.smallStatVariant?"arrow-up-right":"negative"===this.smallStatVariant?"arrow-down-right":"dash";return s(d,{key:"7e13a0c8bd9cfd9fcde4fddb5f657718fb03a9d4",role:"group",class:"xpl-data-card "+(this.link?"xpl-data-card__link":""),tabindex:"0"},s("dt",{key:"57bf426d9b7e4c4e0d6e2fdea37d9dcdb654b893",class:"xpl-data-card__header xpl-data-card__header--"+("secondary"===this.variant?"secondary":"primary")},s("header",{key:"8c7135e6b2be28073b597ba6f007f341e2e1a5ad"},!!this.leadingIcon&&this.icon&&s("span",{key:"8ee90dabd30e9ce6d27f5d973d966df11d6f973c",class:"xpl-data-card__icon--"+this.variant},s("xpl-icon",{key:"2e59ef2231055ccc724ffd4a8fc7fe7bef2b07af",icon:this.icon,"background-color":"secondary"===this.variant?"purple":"orange",size:20})),s("slot",{key:"7d110d59bdd258a204dbae64ed0c9d1582c17d6c",name:"title"},this.name)),this.link&&s("span",{key:"12b7bfda22bd7d17a4393bbd8a1cef61136a2944",class:"xpl-data-card__header-arrow"},s("xpl-icon",{key:"aaaa7e0caba5bc13d5fe491e4c66d5344788ddec",icon:"chevron-right",size:16}))),s("dd",{key:"cfd5cae926c7858f96a1f41a091e404b0f4ee600",class:"xpl-data-card__body"},s("div",{key:"0e16294a3965d915e3299db6ca51d1c9d4afdc35",class:"xpl-data-card__left"},s("span",{key:"3b55a4f2fcadd97f787309dfd009ef551376b613",class:"xpl-data-card-stat xpl-data-card-stat--long"},this.stat),this.tooltipTextStat?s("xpl-tooltip",{text:this.tooltipTextStat},s("div",{class:"xpl-data-card-stat xpl-data-card-stat--short"},this.shortStat?this.shortStat:this.stat)):s("div",{class:"xpl-data-card-stat xpl-data-card-stat--short"},s("abbr",{title:this.stat},this.shortStat?this.shortStat:this.stat)),this.smallStatVariant?this.tooltipTextSmallStat?s("xpl-tooltip",{text:this.tooltipTextSmallStat},s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small "+this.smallStatVariant},s("xpl-icon",{icon:c,size:16}),this.smallStat)):s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small "+this.smallStatVariant},s("xpl-icon",{icon:c,size:16}),this.smallStat):this.smallStatIcon&&(this.tooltipTextSmallStat?s("xpl-tooltip",{text:this.tooltipTextSmallStat},s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small"},s("xpl-icon",{icon:this.smallStatIcon,size:16}),this.smallStat)):s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small"},s("xpl-icon",{icon:this.smallStatIcon,size:16}),this.smallStat)),!!this.detail&&s("span",{key:"2e5e3f50a45719b9ceae4a762e428691373f8b5c",class:"xpl-data-card__detail"},this.detail)),a&&s("div",{key:"dbe07c3e040026f21f35ec47bd3eb912114d97b5",class:"xpl-data-card__right"},s("slot",{key:"aa6c8ca3de0ada039e60dcd29e89c3fcf55cc019",name:t}))))}get el(){return this}static get watchers(){return{stat:[{watchStat:0}],shortStat:[{watchShortStat:0}]}}},[260,"xpl-data-card",{link:[4],name:[1],stat:[1],shortStat:[1,"short-stat"],variant:[1],leadingIcon:[4,"leading-icon"],icon:[1],smallStat:[1,"small-stat"],smallStatIcon:[1,"small-stat-icon"],detail:[1],smallStatVariant:[1,"small-stat-variant"],tooltipTextSmallStat:[1,"tooltip-text-small-stat"],tooltipTextStat:[1,"tooltip-text-stat"]},void 0,{stat:[{watchStat:0}],shortStat:[{watchShortStat:0}]}]),o=l,r=function(){"undefined"!=typeof customElements&&["xpl-data-card","xpl-icon","xpl-tooltip"].forEach((t=>{switch(t){case"xpl-data-card":customElements.get(c(t))||customElements.define(c(t),l);break;case"xpl-icon":customElements.get(c(t))||e();break;case"xpl-tooltip":customElements.get(c(t))||i()}}))};export{o as XplDataCard,r as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
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;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{X as o,d as r}from"./xpl-divider2.js";const s=o,d=r;export{s as XplDivider,d as defineCustomElement}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as d,h as t,Host as s,transformTag as i}from"@stencil/core/internal/client";const c=e(class extends d{constructor(e){super(),!1!==e&&this.__registerHost()}render(){let e="xpl-divider";return e+=` xpl-divider--${this.tier}`,t(s,{key:"b4638a60d33219cb26494e124311a45226ee1fea",class:e},t("span",{key:"b399d389866e86f9a750cdd26a52c38cd3f9fa00"},t("slot",{key:"5a1f60fea3cd316eb1bddd0849fbb3489bf2c8b4"})))}},[260,"xpl-divider",{tier:[2]}]);function r(){"undefined"!=typeof customElements&&["xpl-divider"].forEach((e=>{"xpl-divider"===e&&(customElements.get(i(e))||customElements.define(i(e),c))}))}export{c as X,r as d}
|
|
@@ -0,0 +1,11 @@
|
|
|
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;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{X as o,d as p}from"./xpl-dropdown-group2.js";const r=o,s=p;export{r as XplDropdownGroup,s as defineCustomElement}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{proxyCustomElement as o,HTMLElement as e,h as r,Host as p,transformTag as n}from"@stencil/core/internal/client";import{d}from"./xpl-dropdown-heading2.js";import{d as t}from"./xpl-dropdown-option2.js";const a=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost()}render(){const{groupName:o,options:e}=this,n=e&&e.length&&e.map((o=>{var{groupName:e}=o,p=function(o,e){var r={};for(var p in o)Object.prototype.hasOwnProperty.call(o,p)&&e.indexOf(p)<0&&(r[p]=o[p]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(p=Object.getOwnPropertySymbols(o);n<p.length;n++)e.indexOf(p[n])<0&&Object.prototype.propertyIsEnumerable.call(o,p[n])&&(r[p[n]]=o[p[n]])}return r}(o,["groupName"]);return e?r("xpl-dropdown-group",Object.assign({label:e},p)):r("xpl-dropdown-option",Object.assign({},p))}));return r(p,{key:"f30203f92fbd12a8d7722dc24d7686d8a0c14a46",role:"group","aria-label":o},r("li",{key:"d0ea4ff252a095271a0377455f2f33ebe38ae85e",class:"xpl-dropdown-list-item"},r("xpl-dropdown-heading",{key:"8ae6c88ff139d0aef14589087b6271965d671336",label:o}),r("ul",{key:"265c9826177e976b142acc097e35249722c753a3",class:"xpl-dropdown-list"},n||r("slot",{key:"7f437bdbef703b6aba3fbc307c8bb1b6f6122ea3",name:"options"}))))}},[260,"xpl-dropdown-group",{groupName:[1,"label"],options:[16]}]);function l(){"undefined"!=typeof customElements&&["xpl-dropdown-group","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option"].forEach((o=>{switch(o){case"xpl-dropdown-group":customElements.get(n(o))||customElements.define(n(o),a);break;case"xpl-dropdown-group":customElements.get(n(o))||l();break;case"xpl-dropdown-heading":customElements.get(n(o))||d();break;case"xpl-dropdown-option":customElements.get(n(o))||t()}}))}export{a as X,l as d}
|
|
@@ -0,0 +1,11 @@
|
|
|
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;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{X as o,d}from"./xpl-dropdown-heading2.js";const p=o,r=d;export{p as XplDropdownHeading,r as defineCustomElement}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as n,h as d,Host as o,transformTag as t}from"@stencil/core/internal/client";const s=e(class extends n{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return d(o,{key:"563a7656647f84782bdf61d19f3878407f83675a",class:{"xpl-dropdown-heading":!0},role:"presentation"},d("span",{key:"a0b116e7b0b85966e10de0dc4a363fa7e2e3b769"},this.label||d("slot",{key:"c79235054e087811e80dadf35a4e490658ece3c5",name:"heading"})))}},[260,"xpl-dropdown-heading",{label:[1]}]);function a(){"undefined"!=typeof customElements&&["xpl-dropdown-heading"].forEach((e=>{"xpl-dropdown-heading"===e&&(customElements.get(t(e))||customElements.define(t(e),s))}))}export{s as X,a as d}
|
|
@@ -0,0 +1,11 @@
|
|
|
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;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{X as o,d as p}from"./xpl-dropdown-option2.js";const r=o,s=p;export{r as XplDropdownOption,s as defineCustomElement}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as t,h as o,Host as s,transformTag as i}from"@stencil/core/internal/client";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}componentWillLoad(){this.dropdown=this.hostElement.closest("xpl-dropdown")}handleClick(e){const{closeOnSelect:t,mode:o}=this.dropdown;e.x&&e.y&&(this.dropdown.handleSelect(e,{component:this}),"single"===o&&t&&(this.dropdown.isOpen=!1))}handleKeyup(e){const{dropdown:t}=this,{closeOnSelect:o,mode:s,selectOnFocus:i}=this.dropdown;if(i&&["ArrowDown","ArrowLeft","ArrowRight","ArrowUp","Tab"].includes(e.key)){const i=document.activeElement.closest("xpl-dropdown-option");return t.handleSelect(e,{component:{hostElement:i}}),void("single"===s&&o&&(this.dropdown.isOpen=!1))}["Escape","Enter"].includes(e.key)&&(t.handleSelect(e,{component:this}),("Escape"===e.key||this.dropdown.closeOnSelect&&"Enter"===e.key)&&(this.dropdown.isOpen=!1))}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:e,isSelected:t,isDisabled:i,value:n,subtitle:l}=this;return o(s,{key:"c2a8b75e28785e9adb9c7419a96da73317f9e546",class:{"xpl-dropdown-option":!0,"xpl-dropdown-option--disabled":i,"xpl-dropdown-option--selected":t},role:"option","aria-checked":t,"aria-disabled":i,"aria-selected":t,value:n},o("li",{key:"1ebbfe8cb270223284ccb98980fba11ecb6f45e7",class:"xpl-dropdown-list-item"},e||o("slot",{key:"4e26c99b1a73e2b6d64865df01410050732fa517",name:"option"}),l&&o("span",{key:"b039510ca92dada66455f4ea1a379877f26ffabe",class:"xpl-dropdown-list-item__subtitle"},l)))}get hostElement(){return this}},[260,"xpl-dropdown-option",{isDisabled:[516,"disabled"],label:[1],value:[1],subtitle:[1],isSelected:[4,"selected"]}]);function l(){"undefined"!=typeof customElements&&["xpl-dropdown-option"].forEach((e=>{"xpl-dropdown-option"===e&&(customElements.get(i(e))||customElements.define(i(e),n))}))}export{n as X,l as d}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface XplDropdown extends Components.XplDropdown, HTMLElement {}
|
|
4
|
+
export const XplDropdown: {
|
|
5
|
+
prototype: XplDropdown;
|
|
6
|
+
new (): XplDropdown;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{X as o,d as p}from"./xpl-dropdown2.js";const r=o,s=p;export{r as XplDropdown,s as defineCustomElement}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{proxyCustomElement as t,HTMLElement as o,createEvent as e,h as n,Host as s,transformTag as i}from"@stencil/core/internal/client";import{d}from"./xpl-dropdown-group2.js";import{d as l}from"./xpl-dropdown-heading2.js";import{d as r}from"./xpl-dropdown-option2.js";const p=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.isOpenChange=e(this,"isOpenChange",7),this.isOpen=!1,this.closeOnSelect=!0,this.mode="single",this.anchorToTrigger=!1,this.selectOnFocus=!1,this.requestAnimationFrameId=null,this.updateDropdownPosition=()=>{var t;if(!this.anchorToTrigger||!this.triggerId)return;const o=null===(t=document.getElementById(this.triggerId))||void 0===t?void 0:t.getBoundingClientRect();if(!o)return;const e=Math.max(this.hostElement.offsetHeight,300),n=window.innerHeight,s=n-o.bottom;s<e&&o.top>s?(this.hostElement.style.cssText=`\n left: ${o.left}px;\n width: ${o.width}px;\n bottom: ${n-o.top}px;\n top: auto;\n `,this.hostElement.classList.add("xpl-dropdown--above"),this.hostElement.classList.remove("xpl-dropdown--below")):(this.hostElement.style.cssText=`\n left: ${o.left}px;\n width: ${o.width}px;\n top: ${o.bottom}px;\n bottom: auto;\n `,this.hostElement.classList.add("xpl-dropdown--below"),this.hostElement.classList.remove("xpl-dropdown--above"))},this.handleClickOutside=({target:t})=>{const{triggerId:o}=this,e=o?document.getElementById(o):null,n=null==e?void 0:e.contains(t);this.hostElement.contains(t)||n||!this.isOpen||(this.isOpen=!1)},this.handleKeyDown=t=>{"Escape"===t.key&&this.isOpen&&(this.isOpen=!1)}}onSelectedValuesChanged(t,o=!1){if(this.options&&this.options.length>0){this.options.reduce(((t,o)=>[...t,...o.groupName?o.options:[o]]),[]).forEach((o=>{const e=o.value||o.label;if("single"===this.mode)o.isSelected=e===t;else{const n=Array.isArray(t)?t:[];o.isSelected=n.includes(e)}}));const e=t=>(t.options=t.groupName?t.options.map(e):void 0,t);this.options=this.options.map(e),this.update&&!o&&this.update(null,{component:this})}}onIsOpenStateChange(t){this.isOpenChange.emit(t)}onWindowScroll(){this.requestAnimationFrameId&&cancelAnimationFrame(this.requestAnimationFrameId),this.requestAnimationFrameId=requestAnimationFrame((()=>{this.updateDropdownPosition()}))}async handleSelect(t,{component:o}){const{hostElement:e,mode:n,options:s,update:i}=this,d="single"===n,l="multi"===n;if(s){s.reduce(((t,o)=>[...t,...o.groupName?o.options:[o]]),[]).forEach((t=>{const e=(t.value||t.label)===(o.hostElement.value||o.hostElement.label);d?(t.isSelected=e,o.hostElement.isSelected=!0):l&&e&&(t.isSelected=!t.isSelected,o.hostElement.isSelected=t.isSelected)}));const t=o=>(o.options=o.groupName?o.options.map(t):void 0,o);this.options=s.map(t)}else d?Array.from(e.querySelectorAll("xpl-dropdown-option")).forEach((t=>{t.isSelected=t===o.hostElement})):l&&(o.isSelected=!o.isSelected);i&&i(t,{component:this})}componentWillLoad(){this.handleSelect=this.handleSelect.bind(this),this.selectedValues&&this.onSelectedValuesChanged(this.selectedValues,!0)}connectedCallback(){document.addEventListener("mousedown",this.handleClickOutside.bind(this)),document.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){document.removeEventListener("mousedown",this.handleClickOutside),document.removeEventListener("keydown",this.handleKeyDown)}componentDidLoad(){this.updateDropdownPosition()}render(){const{isOpen:t}=this,{mode:o,options:e}=this,i=e&&e.length&&e.map((t=>{var{groupName:o,options:e,subtitle:s}=t,i=function(t,o){var e={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&o.indexOf(n)<0&&(e[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(n=Object.getOwnPropertySymbols(t);s<n.length;s++)o.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(t,n[s])&&(e[n[s]]=t[n[s]])}return e}(t,["groupName","options","subtitle"]);return o?n("xpl-dropdown-group",Object.assign({groupName:o,options:e},i)):n("xpl-dropdown-option",Object.assign({subtitle:s},i))}));return n(s,{key:"d576d4fbedb6a4a4a3da81b06ef881e1b1c6afe2","aria-expanded":t,class:{"xpl-dropdown":!0,"xpl-dropdown--multi":"multi"===o,"xpl-dropdown--open":t,"xpl-dropdown--anchor-to-trigger":this.anchorToTrigger},role:"listbox"},n("ul",{key:"78bc70d74413a238f0a5366fd607361e5157eafe",class:"xpl-dropdown-list"},i||n("slot",{key:"9128e7407413335b0699434e68e2aefafd222fc2",name:"options"})))}get hostElement(){return this}static get watchers(){return{selectedValues:[{onSelectedValuesChanged:0}],isOpen:[{onIsOpenStateChange:0}]}}},[260,"xpl-dropdown",{isOpen:[1540,"open"],closeOnSelect:[4,"close-on-select"],mode:[1],options:[1040],anchorToTrigger:[4,"anchor-to-trigger"],selectedValues:[1,"selected-values"],selectOnFocus:[4,"select-on-focus"],triggerId:[1,"trigger-id"],update:[16],handleSelect:[64]},[[11,"scroll","onWindowScroll"],[7,"scroll","onWindowScroll"],[9,"resize","onWindowScroll"]],{selectedValues:[{onSelectedValuesChanged:0}],isOpen:[{onIsOpenStateChange:0}]}]);function c(){"undefined"!=typeof customElements&&["xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option"].forEach((t=>{switch(t){case"xpl-dropdown":customElements.get(i(t))||customElements.define(i(t),p);break;case"xpl-dropdown-group":customElements.get(i(t))||d();break;case"xpl-dropdown-heading":customElements.get(i(t))||l();break;case"xpl-dropdown-option":customElements.get(i(t))||r()}}))}export{p as X,c as d}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface XplDynamicTableCell extends Components.XplDynamicTableCell, HTMLElement {}
|
|
4
|
+
export const XplDynamicTableCell: {
|
|
5
|
+
prototype: XplDynamicTableCell;
|
|
6
|
+
new (): XplDynamicTableCell;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as t,h as l,Host as c,transformTag as n}from"@stencil/core/internal/client";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.disabled=!1}componentDidLoad(){this.updateSlottedComponentsWhenDisabled()}componentDidUpdate(){this.updateSlottedComponentsWhenDisabled()}updateSlottedComponentsWhenDisabled(){this.hostElement.querySelectorAll("*").forEach((e=>{"disabled"in e&&(e.disabled=this.disabled)}))}render(){const e=Array.from(this.el.parentElement.children).indexOf(this.el)+1;return l(c,{key:"c48652542dadaa98dbfe8c1ca51c5be67c279091",role:"gridcell","aria-colindex":e,class:"xpl-dynamic-table-cell",ref:e=>{this.hostElement=e}},l("slot",{key:"3b6b21c64807f8e7dca3b18def3bb373a3778506"}))}get el(){return this}},[260,"xpl-dynamic-table-cell",{disabled:[4]}]),i=s,a=function(){"undefined"!=typeof customElements&&["xpl-dynamic-table-cell"].forEach((e=>{"xpl-dynamic-table-cell"===e&&(customElements.get(n(e))||customElements.define(n(e),s))}))};export{i as XplDynamicTableCell,a as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface XplDynamicTableRow extends Components.XplDynamicTableRow, HTMLElement {}
|
|
4
|
+
export const XplDynamicTableRow: {
|
|
5
|
+
prototype: XplDynamicTableRow;
|
|
6
|
+
new (): XplDynamicTableRow;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as l}from"@stencil/core/internal/client";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.disabled=!1,this.selected=!1,this.isDisabled=!1}componentWillLoad(){this.isDisabled=this.disabled}componentDidLoad(){this.updateRowCellsDisabledState()}componentDidUpdate(){this.updateRowCellsDisabledState()}updateRowCellsDisabledState(){this.hostElement.querySelectorAll("xpl-dynamic-table-cell").forEach((e=>{e.disabled=this.isDisabled}))}render(){return s(i,{key:"3f514b6ebd0c519329c1f88fd7a06681fd263c20",role:"row",class:`xpl-dynamic-table-row\n ${this.isDisabled?"disabled":""}\n ${this.selected?"selected":""}`,ref:e=>{this.hostElement=e}},s("slot",{key:"acfe30cd4d852f2787ac18376b8b491731a736d4"}))}},[260,"xpl-dynamic-table-row",{disabled:[4],selected:[4],isDisabled:[32]}]),d=c,n=function(){"undefined"!=typeof customElements&&["xpl-dynamic-table-row"].forEach((e=>{"xpl-dynamic-table-row"===e&&(customElements.get(l(e))||customElements.define(l(e),c))}))};export{d as XplDynamicTableRow,n as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface XplDynamicTable extends Components.XplDynamicTable, HTMLElement {}
|
|
4
|
+
export const XplDynamicTable: {
|
|
5
|
+
prototype: XplDynamicTable;
|
|
6
|
+
new (): XplDynamicTable;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as t,createEvent as n,h as a,transformTag as l}from"@stencil/core/internal/client";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.selectedItemCountChange=n(this,"selectedItemCountChange",7),this.selectedItemCount=0,this.colCount=0}updateColumnCount(){const e=this.el.querySelectorAll("xpl-table-header-cell");if(e.length===this.colCount)return;const t=Array.from(e).map((e=>null!==e.getAttribute("width")?e.getAttribute("width")+"px":"1fr"));this.el.style.setProperty("--column-widths",t.join(" ")),this.colCount=e.length}listenToDeselectEvent(){this.selectedItemCount=0,this.selectedItemCountChange.emit([])}listenToChangeEvent(){const e=document.querySelectorAll('.xpl-dynamic-table xpl-checkbox:not([class^="xpl-header-accordion__parent-checkbox"]) input:not([disabled])'),t=Array.from(e).filter((e=>e.checked)).map((e=>e.getAttribute("data-id")));this.selectedItemCount=t.length,this.selectedItemCountChange.emit(t)}updateRowGap(){null!==this.el.querySelector("xpl-header-accordion")&&[".xpl-dynamic-table",'.xpl-dynamic-table > [slot="body"]'].forEach((e=>{const t=this.el.querySelector(e);null!==t&&(t.style.rowGap="0.5rem")}))}componentDidLoad(){this.updateColumnCount(),this.updateRowGap()}componentDidUpdate(){this.updateColumnCount()}render(){return a("div",{key:"56ec7b395ff5f4dc42970e042ca8771b6fc2095a",role:"grid",class:"xpl-dynamic-table","aria-colcount":this.colCount},a("slot",{key:"38877bbaeaa319a9c876478f09dadf06248ab8ae",name:"header"}),a("slot",{key:"9c241ad399ac3e4e58a913d24174fe581bfab1bc",name:"body"}))}get el(){return this}},[260,"xpl-dynamic-table",{selectedItemCount:[32],colCount:[32]},[[8,"deselectAll","listenToDeselectEvent"],[8,"checkboxChange","listenToChangeEvent"]]]),s=c,i=function(){"undefined"!=typeof customElements&&["xpl-dynamic-table"].forEach((e=>{"xpl-dynamic-table"===e&&(customElements.get(l(e))||customElements.define(l(e),c))}))};export{s as XplDynamicTable,i as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface XplGridItem extends Components.XplGridItem, HTMLElement {}
|
|
4
|
+
export const XplGridItem: {
|
|
5
|
+
prototype: XplGridItem;
|
|
6
|
+
new (): XplGridItem;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{proxyCustomElement as t,HTMLElement as e,h as i,Host as s,transformTag as c}from"@stencil/core/internal/client";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.xs=6,this.sm=6,this.md=6,this.lg=6}render(){let t="xpl-grid-item";return 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,i(s,{key:"e88447c2042c92809a00464c721ffccbe3f421f7",class:t},i("slot",{key:"ba97ddd92e967cc9c883bcd462a4303015015160"}))}},[260,"xpl-grid-item",{xs:[2],sm:[2],md:[2],lg:[2]}]),m=l,r=function(){"undefined"!=typeof customElements&&["xpl-grid-item"].forEach((t=>{"xpl-grid-item"===t&&(customElements.get(c(t))||customElements.define(c(t),l))}))};export{m as XplGridItem,r as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface XplGrid extends Components.XplGrid, HTMLElement {}
|
|
4
|
+
export const XplGrid: {
|
|
5
|
+
prototype: XplGrid;
|
|
6
|
+
new (): XplGrid;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as t,h as s,Host as r,transformTag as i}from"@stencil/core/internal/client";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}componentDidLoad(){const e=Array.from(this.container.querySelectorAll(".xpl-grid-item"));let t=0,s=0,r=0,i=0;e.forEach((e=>{t+=+e.getAttribute("lg")||6,s+=+e.getAttribute("md")||6,r+=+e.getAttribute("sm")||6,i+=+e.getAttribute("xs")||6,t%6==0&&e.classList.add("xpl-grid-item-lg-last"),s%6==0&&e.classList.add("xpl-grid-item-md-last"),r%6==0&&e.classList.add("xpl-grid-item-sm-last"),i%6==0&&e.classList.add("xpl-grid-item-xs-last")}))}render(){return s(r,{key:"ebca0f4cd2335a920d6e070a5ea8e6ca32e06fb2",class:"xpl-grid"})}get container(){return this}},[0,"xpl-grid"]),n=l,d=function(){"undefined"!=typeof customElements&&["xpl-grid"].forEach((e=>{"xpl-grid"===e&&(customElements.get(i(e))||customElements.define(i(e),l))}))};export{n as XplGrid,d as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface XplHeaderAccordion extends Components.XplHeaderAccordion, HTMLElement {}
|
|
4
|
+
export const XplHeaderAccordion: {
|
|
5
|
+
prototype: XplHeaderAccordion;
|
|
6
|
+
new (): XplHeaderAccordion;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as t,h as i,Host as c,transformTag as o}from"@stencil/core/internal/client";import{d as s}from"./xpl-checkbox2.js";import{d as n}from"./xpl-icon2.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.initialExpanded=!1,this.disabled=!1,this.selectedCount=-1,this.hasCheckbox=!0,this.expanded=this.initialExpanded,this.parentChecked=!1,this.parentIndeterminate=!1,this.toggleAccordion=()=>{this.expanded=!this.expanded},this.handleParentCheckboxChange=e=>{var t;this.parentChecked=e,this.parentIndeterminate=!1,(null===(t=this.el)||void 0===t?void 0:t.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])')).forEach((t=>{t.checked=e}))}}applyBorderRadiusToLastRow(){var e;if(this.expanded){const t=null===(e=this.el)||void 0===e?void 0:e.querySelectorAll("xpl-dynamic-table-row"),i=t[t.length-1],c=null==i?void 0:i.querySelectorAll("xpl-dynamic-table-cell");c[0].style.borderBottomLeftRadius="0.5rem",c[c.length-1].style.borderBottomRightRadius="0.5rem"}}watchSelectedCount(e,t){e>-1&&this.updateParentCheckbox(e)}updateParentCheckbox(e){var t;const i=null===(t=this.el)||void 0===t?void 0:t.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])');0===e?(this.parentChecked=!1,this.parentIndeterminate=!1):e===i.length?(this.parentChecked=!0,this.parentIndeterminate=!1):(this.parentChecked=!1,this.parentIndeterminate=!0)}handleChildCheckboxChange(){var e;if(-1===this.selectedCount){const t=null===(e=this.el)||void 0===e?void 0:e.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])'),i=Array.from(t).filter((e=>e.checked)).length;this.updateParentCheckbox(i)}}componentDidLoad(){this.updateParentCheckbox(this.selectedCount>-1?this.selectedCount:0)}componentWillRender(){this.applyBorderRadiusToLastRow()}render(){return i(c,{key:"ee3fd9eb9638936fad6fdf39e6206e0e2732b920",class:"xpl-header-accordion"},i("div",{key:"94435c73c7f099bbd06ae686bdfa757d23af93e1",class:"header-accordion header-accordion--"+(this.expanded?"expanded":"collapsed")},this.hasCheckbox&&i("xpl-checkbox",{key:"55999a12930fd86d3c7271092a245db7e6229708",class:"xpl-header-accordion__parent-checkbox",checked:this.parentChecked,disabled:this.disabled,indeterminate:this.parentIndeterminate,onCheckboxChange:e=>this.handleParentCheckboxChange(e.detail)}),i("button",{key:"30fd009b44784a7718f8491c29b2319d8f24d775","aria-expanded":this.expanded,"aria-controls":this.contentId,class:"toggle-area",onClick:this.toggleAccordion,type:"button"},i("slot",{key:"29fd48fd7e822b01c6599ca1114492731e528720",name:"title"}),i("xpl-icon",{key:"a9d71ba4fb4701186b7e896ed0a8c6747179346b",size:16,icon:"chevron-down",class:this.expanded&&"rotate"}))),i("div",{key:"7d77c1a03c80b65a92d5db3ccf1c64c66a544ee5",id:this.contentId,role:"region",class:this.expanded?"content--shown":"content--hidden"},i("slot",{key:"1db8deafe423aaf6ec3eb2d4e783b49d9a207712",name:"content"})))}get el(){return this}static get watchers(){return{selectedCount:[{watchSelectedCount:0}]}}},[260,"xpl-header-accordion",{contentId:[1,"content-id"],initialExpanded:[4,"initial-expanded"],disabled:[4],selectedCount:[2,"selected-count"],hasCheckbox:[4,"has-checkbox"],expanded:[32],parentChecked:[32],parentIndeterminate:[32]},[[0,"checkboxChange","handleChildCheckboxChange"]],{selectedCount:[{watchSelectedCount:0}]}]),a=d,h=function(){"undefined"!=typeof customElements&&["xpl-header-accordion","xpl-checkbox","xpl-icon"].forEach((e=>{switch(e){case"xpl-header-accordion":customElements.get(o(e))||customElements.define(o(e),d);break;case"xpl-checkbox":customElements.get(o(e))||s();break;case"xpl-icon":customElements.get(o(e))||n()}}))};export{a as XplHeaderAccordion,h as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface XplIcon extends Components.XplIcon, HTMLElement {}
|
|
4
|
+
export const XplIcon: {
|
|
5
|
+
prototype: XplIcon;
|
|
6
|
+
new (): XplIcon;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{X as o,d as s}from"./xpl-icon2.js";const p=o,r=s;export{p as XplIcon,r as defineCustomElement}
|