@scania/tegel 1.3.0 → 1.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{index-f21bdb5d.js → index-705dca7c.js} +184 -95
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/tds-accordion-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-accordion.cjs.entry.js +1 -1
- package/dist/cjs/tds-badge.cjs.entry.js +1 -1
- package/dist/cjs/tds-banner.cjs.entry.js +1 -1
- package/dist/cjs/tds-block.cjs.entry.js +1 -1
- package/dist/cjs/tds-body-cell.cjs.entry.js +1 -1
- package/dist/cjs/tds-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/tds-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/tds-button.cjs.entry.js +2 -2
- package/dist/cjs/tds-card.cjs.entry.js +1 -1
- package/dist/cjs/tds-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/tds-chip.cjs.entry.js +2 -2
- package/dist/cjs/tds-core-header-item_2.cjs.entry.js +1 -1
- package/dist/cjs/tds-datetime.cjs.entry.js +1 -1
- package/dist/cjs/tds-divider.cjs.entry.js +1 -1
- package/dist/cjs/tds-dropdown-option.cjs.entry.js +1 -1
- package/dist/cjs/tds-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/tds-folder-tab.cjs.entry.js +1 -1
- package/dist/cjs/tds-folder-tabs.cjs.entry.js +2 -2
- package/dist/cjs/tds-footer-group.cjs.entry.js +1 -1
- package/dist/cjs/tds-footer-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-footer.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-brand-symbol.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-cell.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-dropdown-list-user.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-dropdown-list.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-hamburger.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-button.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-grid-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-grid-title.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-grid.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-list-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-list-title.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-list.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-title.cjs.entry.js +1 -1
- package/dist/cjs/tds-header.cjs.entry.js +1 -1
- package/dist/cjs/tds-icon.cjs.entry.js +1 -1
- package/dist/cjs/tds-inline-tab.cjs.entry.js +2 -2
- package/dist/cjs/tds-inline-tabs.cjs.entry.js +2 -2
- package/dist/cjs/tds-link.cjs.entry.js +1 -1
- package/dist/cjs/tds-message.cjs.entry.js +1 -1
- package/dist/cjs/tds-modal.cjs.entry.js +1 -1
- package/dist/cjs/tds-navigation-tab.cjs.entry.js +2 -2
- package/dist/cjs/tds-navigation-tabs.cjs.entry.js +2 -2
- package/dist/cjs/tds-popover-canvas.cjs.entry.js +1 -1
- package/dist/cjs/tds-popover-core.cjs.entry.js +1 -1
- package/dist/cjs/tds-popover-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-popover-menu.cjs.entry.js +1 -1
- package/dist/cjs/tds-radio-button.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-overlay.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-user-image_2.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-user.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu.cjs.entry.js +1 -1
- package/dist/cjs/tds-slider.cjs.entry.js +1 -1
- package/dist/cjs/tds-spinner.cjs.entry.js +1 -1
- package/dist/cjs/tds-step.cjs.entry.js +1 -1
- package/dist/cjs/tds-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js +1 -1
- package/dist/cjs/tds-table-body-row.cjs.entry.js +1 -1
- package/dist/cjs/tds-table-body.cjs.entry.js +1 -1
- package/dist/cjs/tds-table-footer.cjs.entry.js +1 -1
- package/dist/cjs/tds-table-header.cjs.entry.js +1 -1
- package/dist/cjs/tds-table-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/tds-table.cjs.entry.js +1 -1
- package/dist/cjs/tds-text-field.cjs.entry.js +1 -1
- package/dist/cjs/tds-textarea.cjs.entry.js +1 -1
- package/dist/cjs/tds-toast.cjs.entry.js +1 -1
- package/dist/cjs/tds-toggle.cjs.entry.js +1 -1
- package/dist/cjs/tds-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/tegel.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +4 -4
- package/dist/collection/components/dropdown/dropdown.js +2 -2
- package/dist/collection/components/modal/modal.stories.js +3 -3
- package/dist/collection/components/side-menu/side-menu.js +3 -3
- package/dist/collection/components/stepper/stepper.js +1 -1
- package/dist/collection/components/table/table/table.js +1 -1
- package/dist/collection/components/tabs/folder-tabs/folder-tabs.css +2 -2
- package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.css +0 -1
- package/dist/collection/components/tabs/inline-tabs/inline-tabs.css +2 -2
- package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.css +0 -1
- package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.css +2 -2
- package/dist/components/tds-button.js +1 -1
- package/dist/components/tds-chip.js +1 -1
- package/dist/components/tds-folder-tabs.js +1 -1
- package/dist/components/tds-inline-tab.js +1 -1
- package/dist/components/tds-inline-tabs.js +1 -1
- package/dist/components/tds-navigation-tab.js +1 -1
- package/dist/components/tds-navigation-tabs.js +1 -1
- package/dist/esm/{index-35cb608c.js → index-7dc8c41f.js} +184 -95
- package/dist/esm/loader.js +2 -2
- package/dist/esm/tds-accordion-item.entry.js +1 -1
- package/dist/esm/tds-accordion.entry.js +1 -1
- package/dist/esm/tds-badge.entry.js +1 -1
- package/dist/esm/tds-banner.entry.js +1 -1
- package/dist/esm/tds-block.entry.js +1 -1
- package/dist/esm/tds-body-cell.entry.js +1 -1
- package/dist/esm/tds-breadcrumb.entry.js +1 -1
- package/dist/esm/tds-breadcrumbs.entry.js +1 -1
- package/dist/esm/tds-button.entry.js +2 -2
- package/dist/esm/tds-card.entry.js +1 -1
- package/dist/esm/tds-checkbox.entry.js +1 -1
- package/dist/esm/tds-chip.entry.js +2 -2
- package/dist/esm/tds-core-header-item_2.entry.js +1 -1
- package/dist/esm/tds-datetime.entry.js +1 -1
- package/dist/esm/tds-divider.entry.js +1 -1
- package/dist/esm/tds-dropdown-option.entry.js +1 -1
- package/dist/esm/tds-dropdown.entry.js +1 -1
- package/dist/esm/tds-folder-tab.entry.js +1 -1
- package/dist/esm/tds-folder-tabs.entry.js +2 -2
- package/dist/esm/tds-footer-group.entry.js +1 -1
- package/dist/esm/tds-footer-item.entry.js +1 -1
- package/dist/esm/tds-footer.entry.js +1 -1
- package/dist/esm/tds-header-brand-symbol.entry.js +1 -1
- package/dist/esm/tds-header-cell.entry.js +1 -1
- package/dist/esm/tds-header-dropdown-list-item.entry.js +1 -1
- package/dist/esm/tds-header-dropdown-list-user.entry.js +1 -1
- package/dist/esm/tds-header-dropdown-list.entry.js +1 -1
- package/dist/esm/tds-header-dropdown.entry.js +1 -1
- package/dist/esm/tds-header-hamburger.entry.js +1 -1
- package/dist/esm/tds-header-launcher-button.entry.js +1 -1
- package/dist/esm/tds-header-launcher-grid-item.entry.js +1 -1
- package/dist/esm/tds-header-launcher-grid-title.entry.js +1 -1
- package/dist/esm/tds-header-launcher-grid.entry.js +1 -1
- package/dist/esm/tds-header-launcher-list-item.entry.js +1 -1
- package/dist/esm/tds-header-launcher-list-title.entry.js +1 -1
- package/dist/esm/tds-header-launcher-list.entry.js +1 -1
- package/dist/esm/tds-header-launcher.entry.js +1 -1
- package/dist/esm/tds-header-title.entry.js +1 -1
- package/dist/esm/tds-header.entry.js +1 -1
- package/dist/esm/tds-icon.entry.js +1 -1
- package/dist/esm/tds-inline-tab.entry.js +2 -2
- package/dist/esm/tds-inline-tabs.entry.js +2 -2
- package/dist/esm/tds-link.entry.js +1 -1
- package/dist/esm/tds-message.entry.js +1 -1
- package/dist/esm/tds-modal.entry.js +1 -1
- package/dist/esm/tds-navigation-tab.entry.js +2 -2
- package/dist/esm/tds-navigation-tabs.entry.js +2 -2
- package/dist/esm/tds-popover-canvas.entry.js +1 -1
- package/dist/esm/tds-popover-core.entry.js +1 -1
- package/dist/esm/tds-popover-menu-item.entry.js +1 -1
- package/dist/esm/tds-popover-menu.entry.js +1 -1
- package/dist/esm/tds-radio-button.entry.js +1 -1
- package/dist/esm/tds-side-menu-close-button.entry.js +1 -1
- package/dist/esm/tds-side-menu-collapse-button.entry.js +1 -1
- package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +1 -1
- package/dist/esm/tds-side-menu-dropdown-list.entry.js +1 -1
- package/dist/esm/tds-side-menu-dropdown.entry.js +1 -1
- package/dist/esm/tds-side-menu-item.entry.js +1 -1
- package/dist/esm/tds-side-menu-overlay.entry.js +1 -1
- package/dist/esm/tds-side-menu-user-image_2.entry.js +1 -1
- package/dist/esm/tds-side-menu-user.entry.js +1 -1
- package/dist/esm/tds-side-menu.entry.js +1 -1
- package/dist/esm/tds-slider.entry.js +1 -1
- package/dist/esm/tds-spinner.entry.js +1 -1
- package/dist/esm/tds-step.entry.js +1 -1
- package/dist/esm/tds-stepper.entry.js +1 -1
- package/dist/esm/tds-table-body-row-expandable.entry.js +1 -1
- package/dist/esm/tds-table-body-row.entry.js +1 -1
- package/dist/esm/tds-table-body.entry.js +1 -1
- package/dist/esm/tds-table-footer.entry.js +1 -1
- package/dist/esm/tds-table-header.entry.js +1 -1
- package/dist/esm/tds-table-toolbar.entry.js +1 -1
- package/dist/esm/tds-table.entry.js +1 -1
- package/dist/esm/tds-text-field.entry.js +1 -1
- package/dist/esm/tds-textarea.entry.js +1 -1
- package/dist/esm/tds-toast.entry.js +1 -1
- package/dist/esm/tds-toggle.entry.js +1 -1
- package/dist/esm/tds-tooltip.entry.js +1 -1
- package/dist/esm/tegel.js +3 -3
- package/dist/tegel/{p-db67d784.entry.js → p-0204ea55.entry.js} +1 -1
- package/dist/tegel/{p-f55da9ef.entry.js → p-027473cc.entry.js} +1 -1
- package/dist/tegel/{p-0893ad9d.entry.js → p-0308dd60.entry.js} +1 -1
- package/dist/tegel/{p-9839df9e.entry.js → p-05815c7a.entry.js} +1 -1
- package/dist/tegel/{p-cb9aba1b.entry.js → p-0891c691.entry.js} +1 -1
- package/dist/tegel/{p-c277a05d.entry.js → p-10600320.entry.js} +1 -1
- package/dist/tegel/{p-1efa3ab3.entry.js → p-15527d1c.entry.js} +1 -1
- package/dist/tegel/{p-7480ddd3.entry.js → p-1b55a206.entry.js} +1 -1
- package/dist/tegel/{p-41016d27.entry.js → p-1d6b48e1.entry.js} +1 -1
- package/dist/tegel/{p-bc94c1c2.entry.js → p-242abd17.entry.js} +1 -1
- package/dist/tegel/{p-a5a9cac8.entry.js → p-24ac98b9.entry.js} +1 -1
- package/dist/tegel/{p-d5bf6d99.entry.js → p-281a7ea6.entry.js} +1 -1
- package/dist/tegel/{p-52979643.entry.js → p-2f69406d.entry.js} +1 -1
- package/dist/tegel/p-31bb4c3e.entry.js +1 -0
- package/dist/tegel/{p-24f22b04.entry.js → p-32d2354f.entry.js} +1 -1
- package/dist/tegel/{p-e55ec17c.entry.js → p-3418e94b.entry.js} +1 -1
- package/dist/tegel/p-3e9b9672.js +2 -0
- package/dist/tegel/{p-ea5a0c9d.entry.js → p-46808902.entry.js} +1 -1
- package/dist/tegel/{p-0be49c5e.entry.js → p-47a92f41.entry.js} +1 -1
- package/dist/tegel/{p-f935d5f3.entry.js → p-4c314d67.entry.js} +1 -1
- package/dist/tegel/{p-b0703dd5.entry.js → p-4c913e4b.entry.js} +1 -1
- package/dist/tegel/{p-e3aa0903.entry.js → p-5092497e.entry.js} +1 -1
- package/dist/tegel/p-56a341a1.entry.js +1 -0
- package/dist/tegel/{p-535504e3.entry.js → p-574f1148.entry.js} +1 -1
- package/dist/tegel/{p-dc0fcac8.entry.js → p-5b1d6647.entry.js} +1 -1
- package/dist/tegel/{p-374161a8.entry.js → p-5c11a9c9.entry.js} +1 -1
- package/dist/tegel/{p-952a9830.entry.js → p-5dc4f120.entry.js} +1 -1
- package/dist/tegel/{p-89e23724.entry.js → p-5e8bf615.entry.js} +1 -1
- package/dist/tegel/{p-5e9aacd5.entry.js → p-604022ba.entry.js} +1 -1
- package/dist/tegel/{p-1f35bdc7.entry.js → p-6243906b.entry.js} +1 -1
- package/dist/tegel/{p-c56160f2.entry.js → p-6b625fe1.entry.js} +1 -1
- package/dist/tegel/{p-f8da6ce5.entry.js → p-74478110.entry.js} +1 -1
- package/dist/tegel/{p-a5152b59.entry.js → p-75eae0ae.entry.js} +1 -1
- package/dist/tegel/{p-517deee0.entry.js → p-7b5c5881.entry.js} +1 -1
- package/dist/tegel/{p-d6c9b267.entry.js → p-7be1c8ea.entry.js} +1 -1
- package/dist/tegel/{p-0e6f9768.entry.js → p-7f94a735.entry.js} +1 -1
- package/dist/tegel/{p-e8c8ed2f.entry.js → p-80dd10db.entry.js} +1 -1
- package/dist/tegel/{p-0d300a96.entry.js → p-81c7ece9.entry.js} +1 -1
- package/dist/tegel/{p-80a99356.entry.js → p-825be958.entry.js} +1 -1
- package/dist/tegel/{p-99327b6c.entry.js → p-83dc1dde.entry.js} +1 -1
- package/dist/tegel/{p-90987d11.entry.js → p-84b79c10.entry.js} +1 -1
- package/dist/tegel/{p-2eb27fd7.entry.js → p-851520df.entry.js} +1 -1
- package/dist/tegel/{p-a8712a64.entry.js → p-86c1146e.entry.js} +1 -1
- package/dist/tegel/{p-fbd856ca.entry.js → p-8837c8f0.entry.js} +1 -1
- package/dist/tegel/{p-2b8680cb.entry.js → p-8a7a998e.entry.js} +1 -1
- package/dist/tegel/{p-d8137332.entry.js → p-8c41b79d.entry.js} +1 -1
- package/dist/tegel/{p-3ade3e28.entry.js → p-8c781ff3.entry.js} +1 -1
- package/dist/tegel/{p-72d3a19b.entry.js → p-9108c81f.entry.js} +1 -1
- package/dist/tegel/{p-e035ddeb.entry.js → p-99632e91.entry.js} +1 -1
- package/dist/tegel/{p-900532bf.entry.js → p-9e1430c5.entry.js} +1 -1
- package/dist/tegel/{p-05eda91f.entry.js → p-a00c06d4.entry.js} +1 -1
- package/dist/tegel/{p-3516a5fc.entry.js → p-a872e086.entry.js} +1 -1
- package/dist/tegel/{p-bf32d97c.entry.js → p-ae19b833.entry.js} +1 -1
- package/dist/tegel/{p-c420b0a9.entry.js → p-b2466d89.entry.js} +1 -1
- package/dist/tegel/{p-abe23e76.entry.js → p-bda16bee.entry.js} +1 -1
- package/dist/tegel/{p-fecfc7c7.entry.js → p-c5138ecf.entry.js} +1 -1
- package/dist/tegel/{p-25347b32.entry.js → p-c7301ecb.entry.js} +1 -1
- package/dist/tegel/{p-d6c1d080.entry.js → p-caaab9d1.entry.js} +1 -1
- package/dist/tegel/{p-ceaa2ea7.entry.js → p-cb477168.entry.js} +1 -1
- package/dist/tegel/{p-fc76d99c.entry.js → p-cdf605b6.entry.js} +1 -1
- package/dist/tegel/{p-97c23511.entry.js → p-cec4cc4d.entry.js} +1 -1
- package/dist/tegel/{p-dfbb887e.entry.js → p-d2989b66.entry.js} +1 -1
- package/dist/tegel/{p-5f203f87.entry.js → p-d5bd93b0.entry.js} +1 -1
- package/dist/tegel/{p-03fc5ca3.entry.js → p-d72f1690.entry.js} +1 -1
- package/dist/tegel/{p-6361ae3a.entry.js → p-d73f40b0.entry.js} +1 -1
- package/dist/tegel/{p-92984605.entry.js → p-d757dc45.entry.js} +1 -1
- package/dist/tegel/{p-792a3cb6.entry.js → p-e07afb36.entry.js} +1 -1
- package/dist/tegel/{p-aaaced18.entry.js → p-e0a62474.entry.js} +1 -1
- package/dist/tegel/{p-18de1663.entry.js → p-e1cd3cc1.entry.js} +1 -1
- package/dist/tegel/{p-6e863efc.entry.js → p-e32e00dc.entry.js} +1 -1
- package/dist/tegel/{p-3a930215.entry.js → p-e5fd7377.entry.js} +1 -1
- package/dist/tegel/{p-d1dffa21.entry.js → p-e889c82b.entry.js} +1 -1
- package/dist/tegel/{p-54680d69.entry.js → p-ee299956.entry.js} +1 -1
- package/dist/tegel/{p-efb40b9c.entry.js → p-f0c9ff6a.entry.js} +1 -1
- package/dist/tegel/{p-f5063d5b.entry.js → p-f46ab7e0.entry.js} +1 -1
- package/dist/tegel/{p-1aaf365d.entry.js → p-f7b73968.entry.js} +1 -1
- package/dist/tegel/p-ff006811.entry.js +1 -0
- package/dist/tegel/{p-d5d2a4f0.entry.js → p-ff6dfbe5.entry.js} +1 -1
- package/dist/tegel/p-ffe71966.entry.js +1 -0
- package/dist/tegel/tegel.esm.js +1 -1
- package/dist/types/components/dropdown/dropdown-option/dropdown-option.d.ts +0 -1
- package/dist/types/components/dropdown/dropdown.d.ts +3 -3
- package/dist/types/components.d.ts +406 -1
- package/dist/types/stencil-public-runtime.d.ts +21 -0
- package/package.json +3 -4
- package/dist/tegel/p-25f306a0.js +0 -2
- package/dist/tegel/p-5b9f499d.entry.js +0 -1
- package/dist/tegel/p-6adb65cb.entry.js +0 -1
- package/dist/tegel/p-a001ec58.entry.js +0 -1
- package/dist/tegel/p-c191ca51.entry.js +0 -1
- package/dist/types/components/block/block.d.ts +0 -11
- package/dist/types/components/header/header-launcher/header-launcher.d.ts +0 -15
- package/dist/types/components/popover-canvas/popover-canvas.d.ts +0 -27
- package/dist/types/components/popover-core/popover-core.d.ts +0 -46
- package/dist/types/components/popover-menu/popover-menu.d.ts +0 -28
- package/dist/types/components/side-menu/side-menu-item/side-menu-item.d.ts +0 -24
- package/dist/types/components/side-menu/side-menu.d.ts +0 -45
- package/dist/types/components/table/table-body/table-body.d.ts +0 -24
- package/dist/types/components/table/table-body-cell/table-body-cell.d.ts +0 -27
- package/dist/types/components/table/table-body-row/table-body-row.d.ts +0 -28
- package/dist/types/components/table/table-body-row-expandable/table-body-row-expandable.d.ts +0 -29
- package/dist/types/components/table/table-header/table-header.d.ts +0 -39
- package/dist/types/components/table/table-header-cell/table-header-cell.d.ts +0 -56
- package/dist/types/components/table/table-toolbar/table-toolbar.d.ts +0 -29
- package/dist/types/components/tooltip/tooltip.d.ts +0 -34
|
@@ -3,6 +3,16 @@ export interface ComponentDecorator {
|
|
|
3
3
|
(opts?: ComponentOptions): ClassDecorator;
|
|
4
4
|
}
|
|
5
5
|
export interface ComponentOptions {
|
|
6
|
+
/**
|
|
7
|
+
* When set to `true` this component will be form-associated. See
|
|
8
|
+
* https://stenciljs.com/docs/next/form-associated documentation on how to
|
|
9
|
+
* build form-associated Stencil components that integrate into forms like
|
|
10
|
+
* native browser elements such as `<input>` and `<textarea>`.
|
|
11
|
+
*
|
|
12
|
+
* The {@link AttachInternals} decorator allows for access to the
|
|
13
|
+
* `ElementInternals` object to modify the associated form.
|
|
14
|
+
*/
|
|
15
|
+
formAssociated?: boolean;
|
|
6
16
|
/**
|
|
7
17
|
* Tag name of the web component. Ideally, the tag name must be globally unique,
|
|
8
18
|
* so it's recommended to choose an unique prefix for all your components within the same collection.
|
|
@@ -107,6 +117,9 @@ export interface EventOptions {
|
|
|
107
117
|
*/
|
|
108
118
|
composed?: boolean;
|
|
109
119
|
}
|
|
120
|
+
export interface AttachInternalsDecorator {
|
|
121
|
+
(): PropertyDecorator;
|
|
122
|
+
}
|
|
110
123
|
export interface ListenDecorator {
|
|
111
124
|
(eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
|
|
112
125
|
}
|
|
@@ -175,6 +188,12 @@ export declare const Element: ElementDecorator;
|
|
|
175
188
|
* https://stenciljs.com/docs/events
|
|
176
189
|
*/
|
|
177
190
|
export declare const Event: EventDecorator;
|
|
191
|
+
/**
|
|
192
|
+
* If the `formAssociated` option is set in options passed to the
|
|
193
|
+
* `@Component()` decorator then this decorator may be used to get access to the
|
|
194
|
+
* `ElementInternals` instance associated with the component.
|
|
195
|
+
*/
|
|
196
|
+
export declare const AttachInternals: AttachInternalsDecorator;
|
|
178
197
|
/**
|
|
179
198
|
* The `Listen()` decorator is for listening DOM events, including the ones
|
|
180
199
|
* dispatched from `@Events()`.
|
|
@@ -1115,11 +1134,13 @@ export declare namespace JSXBase {
|
|
|
1115
1134
|
autocomplete?: string;
|
|
1116
1135
|
}
|
|
1117
1136
|
interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
1137
|
+
height?: number;
|
|
1118
1138
|
media?: string;
|
|
1119
1139
|
sizes?: string;
|
|
1120
1140
|
src?: string;
|
|
1121
1141
|
srcSet?: string;
|
|
1122
1142
|
type?: string;
|
|
1143
|
+
width?: number;
|
|
1123
1144
|
}
|
|
1124
1145
|
interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
1125
1146
|
media?: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@scania/tegel",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.1",
|
|
4
4
|
"description": "Tegel Design System",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"keywords": [
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"scripts": {
|
|
36
36
|
"build": "stencil build --docs",
|
|
37
37
|
"start": "stencil build --dev --watch --serve",
|
|
38
|
-
"test": "docker
|
|
38
|
+
"test": "node docker-test-runner.js",
|
|
39
39
|
"update-snapshots": "docker run --rm --network host -v $(pwd):/work/ -w /work/ mcr.microsoft.com/playwright:v1.39.0-jammy /bin/bash -c 'npm install && npx playwright test --update-snapshots && exit'",
|
|
40
40
|
"test.watch": "stencil test --spec --e2e --watchAll",
|
|
41
41
|
"generate": "stencil generate",
|
|
@@ -48,8 +48,7 @@
|
|
|
48
48
|
},
|
|
49
49
|
"dependencies": {
|
|
50
50
|
"@popperjs/core": "^2.11.8",
|
|
51
|
-
"@stencil/core": "^4.
|
|
52
|
-
"dotenv": "^16.0.3",
|
|
51
|
+
"@stencil/core": "^4.7.1",
|
|
53
52
|
"prettier": "^2.7.1"
|
|
54
53
|
},
|
|
55
54
|
"devDependencies": {
|
package/dist/tegel/p-25f306a0.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
let e,t,n,l=!1,o=!1,s=!1,i=!1,c=!1;const r="http://www.w3.org/1999/xlink",f={},u=e=>"object"==(e=typeof e)||"function"===e;function a(e){var t,n,l;return null!==(l=null===(n=null===(t=e.head)||void 0===t?void 0:t.querySelector('meta[name="csp-nonce"]'))||void 0===n?void 0:n.getAttribute("content"))&&void 0!==l?l:void 0}const d=(e,t,...n)=>{let l=null,o=null,s=null,i=!1,c=!1;const r=[],f=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?f(l):null!=l&&"boolean"!=typeof l&&((i="function"!=typeof e&&!u(l))&&(l+=""),i&&c?r[r.length-1].t+=l:r.push(i?v(null,l):l),c=i)};if(f(n),t){t.key&&(o=t.key),t.name&&(s=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,r,y);const a=v(e,null);return a.l=t,r.length>0&&(a.o=r),a.i=o,a.u=s,a},v=(e,t)=>({v:0,p:e,t,$:null,o:null,l:null,i:null,u:null}),p={},y={forEach:(e,t)=>e.map($).forEach(t),map:(e,t)=>e.map($).map(t).map(h)},$=e=>({vattrs:e.l,vchildren:e.o,vkey:e.i,vname:e.u,vtag:e.p,vtext:e.t}),h=e=>{if("function"==typeof e.vtag){const t=Object.assign({},e.vattrs);return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),d(e.vtag,t,...e.vchildren||[])}const t=v(e.vtag,e.vtext);return t.l=e.vattrs,t.o=e.vchildren,t.i=e.vkey,t.u=e.vname,t},m=e=>re(e).h,b=(e,t,n)=>{const l=m(e);return{emit:e=>w(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},w=(e,t,n)=>{const l=me.ce(t,n);return e.dispatchEvent(l),l},g=new WeakMap,k=e=>"sc-"+e.m,j=(e,t,n,l,o,s)=>{if(n!==l){let i=ae(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=O(n),s=O(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("key"===t);else if("ref"===t)l&&l(e);else if(i||"o"!==t[0]||"n"!==t[1]){const f=u(l);if((i||f&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?i=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}let a=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(t=c,a=!0),null==l||!1===l?!1===l&&""!==e.getAttribute(t)||(a?e.removeAttributeNS(r,t):e.removeAttribute(t)):(!i||4&s||o)&&!f&&(l=!0===l?"":l,a?e.setAttributeNS(r,t,l):e.setAttribute(t,l))}else t="-"===t[2]?t.slice(3):ae($e,c)?c.slice(2):c[2]+t.slice(3),n&&me.rel(e,t,n,!1),l&&me.ael(e,t,l,!1)}},S=/\s/,O=e=>e?e.split(S):[],C=(e,t,n,l)=>{const o=11===t.$.nodeType&&t.$.host?t.$.host:t.$,s=e&&e.l||f,i=t.l||f;for(l in s)l in i||j(o,l,s[l],void 0,n,t.v);for(l in i)j(o,l,s[l],i[l],n,t.v)},M=(o,c,r,f)=>{const u=c.o[r];let a,d,v,p=0;if(l||(s=!0,"slot"===u.p&&(e&&f.classList.add(e+"-s"),u.v|=u.o?2:1)),null!==u.t)a=u.$=he.createTextNode(u.t);else if(1&u.v)a=u.$=he.createTextNode("");else{if(i||(i="svg"===u.p),a=u.$=he.createElementNS(i?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&u.v?"slot-fb":u.p),i&&"foreignObject"===u.p&&(i=!1),C(null,u,i),null!=e&&a["s-si"]!==e&&a.classList.add(a["s-si"]=e),u.o)for(p=0;p<u.o.length;++p)d=M(o,u,p,a),d&&a.appendChild(d);"svg"===u.p?i=!1:"foreignObject"===a.tagName&&(i=!0)}return a["s-hn"]=n,3&u.v&&(a["s-sr"]=!0,a["s-cr"]=t,a["s-sn"]=u.u||"",v=o&&o.o&&o.o[r],v&&v.p===u.p&&o.$&&x(o.$,!1)),a},x=(e,t)=>{me.v|=1;const l=e.childNodes;for(let e=l.length-1;e>=0;e--){const o=l[e];o["s-hn"]!==n&&o["s-ol"]&&(F(o).insertBefore(o,E(o)),o["s-ol"].remove(),o["s-ol"]=void 0,s=!0),t&&x(o,t)}me.v&=-2},R=(e,t,l,o,s,i)=>{let c,r=e["s-cr"]&&e["s-cr"].parentNode||e;for(r.shadowRoot&&r.tagName===n&&(r=r.shadowRoot);s<=i;++s)o[s]&&(c=M(null,l,s,e),c&&(o[s].$=c,r.insertBefore(c,E(t))))},P=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.$;U(t),e&&(o=!0,e["s-ol"]?e["s-ol"].remove():x(e,!0),e.remove())}}},T=(e,t)=>e.p===t.p&&("slot"===e.p?e.u===t.u:e.i===t.i),E=e=>e&&e["s-ol"]||e,F=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,L=(e,t)=>{const n=t.$=e.$,l=e.o,o=t.o,s=t.p,c=t.t;let r;null===c?(i="svg"===s||"foreignObject"!==s&&i,"slot"===s||C(e,t,i),null!==l&&null!==o?((e,t,n,l)=>{let o,s,i=0,c=0,r=0,f=0,u=t.length-1,a=t[0],d=t[u],v=l.length-1,p=l[0],y=l[v];for(;i<=u&&c<=v;)if(null==a)a=t[++i];else if(null==d)d=t[--u];else if(null==p)p=l[++c];else if(null==y)y=l[--v];else if(T(a,p))L(a,p),a=t[++i],p=l[++c];else if(T(d,y))L(d,y),d=t[--u],y=l[--v];else if(T(a,y))"slot"!==a.p&&"slot"!==y.p||x(a.$.parentNode,!1),L(a,y),e.insertBefore(a.$,d.$.nextSibling),a=t[++i],y=l[--v];else if(T(d,p))"slot"!==a.p&&"slot"!==y.p||x(d.$.parentNode,!1),L(d,p),e.insertBefore(d.$,a.$),d=t[--u],p=l[++c];else{for(r=-1,f=i;f<=u;++f)if(t[f]&&null!==t[f].i&&t[f].i===p.i){r=f;break}r>=0?(s=t[r],s.p!==p.p?o=M(t&&t[c],n,r,e):(L(s,p),t[r]=void 0,o=s.$),p=l[++c]):(o=M(t&&t[c],n,c,e),p=l[++c]),o&&F(a.$).insertBefore(o,E(a.$))}i>u?R(e,null==l[v+1]?null:l[v+1].$,n,l,c,v):c>v&&P(t,i,u)})(n,l,t,o):null!==o?(null!==e.t&&(n.textContent=""),R(n,null,t,o,0,o.length-1)):null!==l&&P(l,0,l.length-1),i&&"svg"===s&&(i=!1)):(r=n["s-cr"])?r.parentNode.textContent=c:e.t!==c&&(n.data=c)},N=e=>{const t=e.childNodes;let n,l,o,s,i,c;for(l=0,o=t.length;l<o;l++)if(n=t[l],1===n.nodeType){if(n["s-sr"])for(i=n["s-sn"],n.hidden=!1,s=0;s<o;s++)if(c=t[s].nodeType,t[s]["s-hn"]!==n["s-hn"]||""!==i){if(1===c&&i===t[s].getAttribute("slot")){n.hidden=!0;break}}else if(1===c||3===c&&""!==t[s].textContent.trim()){n.hidden=!0;break}N(n)}},W=[],A=e=>{let t,n,l,s,i,c,r=0;const f=e.childNodes,u=f.length;for(;r<u;r++){if(t=f[r],t["s-sr"]&&(n=t["s-cr"])&&n.parentNode)for(l=n.parentNode.childNodes,s=t["s-sn"],c=l.length-1;c>=0;c--)n=l[c],n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||(D(n,s)?(i=W.find((e=>e.k===n)),o=!0,n["s-sn"]=n["s-sn"]||s,i?i.j=t:W.push({j:t,k:n}),n["s-sr"]&&W.map((e=>{D(e.k,n["s-sn"])&&(i=W.find((e=>e.k===n)),i&&!e.j&&(e.j=i.j))}))):W.some((e=>e.k===n))||W.push({k:n}));1===t.nodeType&&A(t)}},D=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,U=e=>{e.l&&e.l.ref&&e.l.ref(null),e.o&&e.o.map(U)},H=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},q=(e,t)=>{if(e.v|=16,!(4&e.v))return H(e,e.O),Me((()=>V(e,t)));e.v|=512},V=(e,t)=>{const n=e.C;let l;return t&&(e.v|=256,e.M&&(e.M.map((([e,t])=>K(n,e,t))),e.M=void 0),l=K(n,"componentWillLoad")),l=_(l,(()=>K(n,"componentWillRender"))),_(l,(()=>B(e,n,t)))},_=(e,t)=>z(e)?e.then(t):t(),z=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,B=async(e,t,n)=>{var l;const o=e.h,s=o["s-rc"];n&&(e=>{const t=e.R,n=e.h,l=t.v,o=((e,t)=>{var n;const l=k(t),o=ye.get(l);if(e=11===e.nodeType?e:he,o)if("string"==typeof o){let t,s=g.get(e=e.head||e);if(s||g.set(e,s=new Set),!s.has(l)){{t=he.createElement("style"),t.innerHTML=o;const l=null!==(n=me.P)&&void 0!==n?n:a(he);null!=l&&t.setAttribute("nonce",l),e.insertBefore(t,e.querySelector("link"))}s&&s.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"),2&l&&n.classList.add(o+"-s"))})(e);G(e,t,o,n),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const t=null!==(l=o["s-p"])&&void 0!==l?l:[],n=()=>I(e);0===t.length?n():(Promise.all(t).then(n),e.v|=4,t.length=0)}},G=(i,c,r,f)=>{try{c=c.render(),i.v&=-17,i.v|=2,((i,c,r=!1)=>{const f=i.h,u=i.R,a=i.T||v(null,null),y=(e=>e&&e.p===p)(c)?c:d(null,null,c);if(n=f.tagName,u.F&&(y.l=y.l||{},u.F.map((([e,t])=>y.l[t]=f[e]))),r&&y.l)for(const e of Object.keys(y.l))f.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(y.l[e]=f[e]);if(y.p=null,y.v|=4,i.T=y,y.$=a.$=f.shadowRoot||f,e=f["s-sc"],t=f["s-cr"],l=0!=(1&u.v),o=!1,L(a,y),me.v|=1,s){let e,t,n,l,o,s;A(y.$);let i=0;for(;i<W.length;i++)e=W[i],t=e.k,t["s-ol"]||(n=he.createTextNode(""),n["s-nr"]=t,t.parentNode.insertBefore(t["s-ol"]=n,t));for(i=0;i<W.length;i++)if(e=W[i],t=e.k,e.j){for(l=e.j.parentNode,o=e.j.nextSibling,n=t["s-ol"];n=n.previousSibling;)if(s=n["s-nr"],s&&s["s-sn"]===t["s-sn"]&&l===s.parentNode&&(s=s.nextSibling,!s||!s["s-nr"])){o=s;break}(!o&&l!==t.parentNode||t.nextSibling!==o)&&t!==o&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),l.insertBefore(t,o))}else 1===t.nodeType&&(t.hidden=!0)}o&&N(y.$),me.v&=-2,W.length=0})(i,c,f)}catch(e){de(e,i.h)}return null},I=e=>{const t=e.h,n=e.C,l=e.O;K(n,"componentDidRender"),64&e.v?K(n,"componentDidUpdate"):(e.v|=64,Q(t),K(n,"componentDidLoad"),e.L(t),l||J()),e.N(t),e.S&&(e.S(),e.S=void 0),512&e.v&&Ce((()=>q(e,!1))),e.v&=-517},J=()=>{Q(he.documentElement),Ce((()=>w($e,"appload",{detail:{namespace:"tegel"}})))},K=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){de(e)}},Q=e=>e.classList.add("hydrated"),X=(e,t,n)=>{var l;if(t.W){e.watchers&&(t.A=e.watchers);const o=Object.entries(t.W),s=e.prototype;if(o.map((([e,[l]])=>{31&l||2&n&&32&l?Object.defineProperty(s,e,{get(){return((e,t)=>re(this).D.get(t))(0,e)},set(n){((e,t,n,l)=>{const o=re(e),s=o.h,i=o.D.get(t),c=o.v,r=o.C;if(n=((e,t)=>null==e||u(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(n,l.W[t][0]),(!(8&c)||void 0===i)&&n!==i&&(!Number.isNaN(i)||!Number.isNaN(n))&&(o.D.set(t,n),r)){if(l.A&&128&c){const e=l.A[t];e&&e.map((e=>{try{r[e](n,i,t)}catch(e){de(e,s)}}))}2==(18&c)&&q(o,!1)}})(this,e,n,t)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(s,e,{value(...t){const n=re(this);return n.U.then((()=>n.C[e](...t)))}})})),1&n){const n=new Map;s.attributeChangedCallback=function(e,l,o){me.jmp((()=>{const i=n.get(e);if(this.hasOwnProperty(i))o=this[i],delete this[i];else{if(s.hasOwnProperty(i)&&"number"==typeof this[i]&&this[i]==o)return;if(null==i){const n=re(this),s=null==n?void 0:n.v;if(!(8&s)&&128&s&&o!==l){const s=n.C,i=t.A[e];null==i||i.forEach((t=>{null!=s[t]&&s[t].call(s,o,l,e)}))}return}}this[i]=(null!==o||"boolean"!=typeof this[i])&&o}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!==(l=t.A)&&void 0!==l?l:{}),...o.filter((([e,t])=>15&t[0])).map((([e,l])=>{const o=l[1]||e;return n.set(o,e),512&l[0]&&t.F.push([e,o]),o}))]))}}return e},Y=e=>{K(e,"connectedCallback")},Z=e=>{K(e,"disconnectedCallback")},ee=(e,t={})=>{var n;const l=[],o=t.exclude||[],s=$e.customElements,i=he.head,c=i.querySelector("meta[charset]"),r=he.createElement("style"),f=[];let u,d=!0;Object.assign(me,t),me.H=new URL(t.resourcesUrl||"./",he.baseURI).href,e.map((e=>{e[1].map((n=>{var i;const c={v:n[0],m:n[1],W:n[2],q:n[3]};c.W=n[2],c.q=n[3],c.F=[],c.A=null!==(i=n[4])&&void 0!==i?i:{};const r=t.transformTagName?t.transformTagName(c.m):c.m,a=class extends HTMLElement{constructor(e){super(e),ue(e=this,c),1&c.v&&e.attachShadow({mode:"open",delegatesFocus:!!(16&c.v)})}connectedCallback(){u&&(clearTimeout(u),u=null),d?f.push(this):me.jmp((()=>(e=>{if(0==(1&me.v)){const t=re(e),n=t.R,l=()=>{};if(1&t.v)ne(e,t,n.q),(null==t?void 0:t.C)?Y(t.C):(null==t?void 0:t.V)&&t.V.then((()=>Y(t.C)));else{t.v|=1,12&n.v&&(e=>{const t=e["s-cr"]=he.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)})(e);{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){H(t,t.O=n);break}}n.W&&Object.entries(n.W).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,o)=>{if(0==(32&t.v)){t.v|=32;{if((o=pe(n)).then){const e=()=>{};o=await o,e()}o.isProxied||(n.A=o.watchers,X(o,n,2),o.isProxied=!0);const e=()=>{};t.v|=8;try{new o(t)}catch(e){de(e)}t.v&=-9,t.v|=128,e(),Y(t.C)}if(o.style){let e=o.style;const t=k(n);if(!ye.has(t)){const l=()=>{};((e,t,n)=>{let l=ye.get(e);we&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,ye.set(e,l)})(t,e,!!(1&n.v)),l()}}}const s=t.O,i=()=>q(t,!0);s&&s["s-rc"]?s["s-rc"].push(i):i()})(0,t,n)}l()}})(this)))}disconnectedCallback(){me.jmp((()=>(async()=>{if(0==(1&me.v)){const e=re(this);e._&&(e._.map((e=>e())),e._=void 0),(null==e?void 0:e.C)?Z(e.C):(null==e?void 0:e.V)&&e.V.then((()=>Z(e.C)))}})()))}componentOnReady(){return re(this).V}};c.B=e[0],o.includes(r)||s.get(r)||(l.push(r),s.define(r,X(a,c,1)))}))}));{r.innerHTML=l+"{visibility:hidden}.hydrated{visibility:inherit}",r.setAttribute("data-styles","");const e=null!==(n=me.P)&&void 0!==n?n:a(he);null!=e&&r.setAttribute("nonce",e),i.insertBefore(r,c?c.nextSibling:i.firstChild)}d=!1,f.length?f.map((e=>e.connectedCallback())):me.jmp((()=>u=setTimeout(J,30)))},te=(e,t)=>t,ne=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=oe(e,n),i=le(t,o),c=se(n);me.ael(s,l,i,c),(t._=t._||[]).push((()=>me.rel(s,l,i,c)))}))},le=(e,t)=>n=>{try{256&e.v?e.C[t](n):(e.M=e.M||[]).push([t,n])}catch(e){de(e)}},oe=(e,t)=>4&t?he:8&t?$e:16&t?he.body:e,se=e=>0!=(2&e),ie=e=>me.P=e,ce=new WeakMap,re=e=>ce.get(e),fe=(e,t)=>ce.set(t.C=e,t),ue=(e,t)=>{const n={v:0,h:e,R:t,D:new Map};return n.U=new Promise((e=>n.N=e)),n.V=new Promise((e=>n.L=e)),e["s-p"]=[],e["s-rc"]=[],ne(e,n,t.q),ce.set(e,n)},ae=(e,t)=>t in e,de=(e,t)=>(0,console.error)(e,t),ve=new Map,pe=e=>{const t=e.m.replace(/-/g,"_"),n=e.B,l=ve.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(ve.set(n,e),e[t])),de)
|
|
2
|
-
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},ye=new Map,$e="undefined"!=typeof window?window:{},he=$e.document||{head:{}},me={v:0,H:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},be=e=>Promise.resolve(e),we=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),ge=[],ke=[],je=(e,t)=>n=>{e.push(n),c||(c=!0,t&&4&me.v?Ce(Oe):me.raf(Oe))},Se=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){de(e)}e.length=0},Oe=()=>{Se(ge),Se(ke),(c=ge.length>0)&&me.raf(Oe)},Ce=e=>be().then(e),Me=je(ke,!0);export{te as F,p as H,ee as b,b as c,m as g,d as h,be as p,fe as r,ie as s}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as o,H as i}from"./p-25f306a0.js";const e=class{constructor(o){t(this,o),this.disabled=!1,this.selected=!1}async setSelected(t){this.selected=t}render(){return o(i,{role:"listitem"},o("div",{class:`inline-tab-item ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}`},o("slot",null)))}};e.style=':host{box-sizing:border-box;z-index:200;display:block;position:relative}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-navigation-tabs-tab-color);text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;padding:20px 4px}:host ::slotted(*:focus-visible)::before{content:"";position:absolute;left:0;right:0;top:20px;bottom:20px;outline:2px solid var(--tds-blue-400)}:host .inline-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .inline-tab-item{position:relative;margin-right:32px}:host .inline-tab-item:hover{cursor:pointer}:host .inline-tab-item:hover::after{width:100%}:host .inline-tab-item::after{content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--tds-inline-tabs-tab-indicator-background-hover);z-index:1}:host .selected ::slotted(*){color:var(--tds-inline-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-inline-tabs-tab-indicator-background-active)}:host .disabled{color:var(--tds-inline-tabs-tab-color-disabled)}:host .disabled ::slotted(*){opacity:var(--tds-inline-tabs-tab-color-opacity-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed}:host .disabled ::slotted(*:focus-visible){outline:none}:host(.first){margin-left:32px}:host(.last){margin-right:32px}';export{e as tds_inline_tab}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,h as t,H as i}from"./p-25f306a0.js";const e=class{constructor(t){o(this,t)}render(){return t(i,null,t("div",null))}};e.style=":host{position:fixed;width:100%;height:100%;background-color:black}div{position:fixed;width:100%;height:100%;pointer-events:none}";export{e as tds_side_menu_overlay}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,c,h as t,H as i,g as p}from"./p-25f306a0.js";import{g as o}from"./p-f7ce52e9.js";import{h}from"./p-ae110fc2.js";const d=class{constructor(t){s(this,t),this.tdsChange=c(this,"tdsChange",6),this.tdsClick=c(this,"tdsClick",6),this.handleChange=()=>{this.checked=!this.checked,this.tdsChange.emit({chipId:this.chipId,checked:this.checked,value:this.value})},this.handleClick=()=>{this.tdsClick.emit({chipId:this.chipId})},this.type="button",this.size="lg",this.chipId=o(),this.checked=!1,this.name=void 0,this.value=void 0}renderInputAttributes(){return"button"!==this.type?{value:this.value,checked:this.checked,name:this.name,onChange:()=>this.handleChange()}:{onClick:()=>this.handleClick()}}render(){const s=this.renderInputAttributes(),c=h("prefix",this.host),p=h("label",this.host),o=h("suffix",this.host);return t(i,null,t("div",{class:"component"},t("div",{class:{"tds-chip-component":!0,sm:"sm"===this.size,lg:"lg"===this.size,prefix:c,suffix:o}},t("input",Object.assign({type:this.type,id:this.chipId},s)),t("label",{onClick:s=>s.stopPropagation(),htmlFor:this.chipId},c&&t("slot",{name:"prefix"}),p&&t("slot",{name:"label"}),o&&t("slot",{name:"suffix"})))))}get host(){return p(this)}};d.style=".sc-tds-chip-s>*{display:inline-flex;align-items:center}.sc-tds-chip-h .sc-tds-chip-s>[slot=label]{padding-top:2px}.component.sc-tds-chip .tds-chip-component.sc-tds-chip{display:inline-flex}.component.sc-tds-chip .tds-chip-component.sc-tds-chip label.sc-tds-chip{background-color:var(--tds-chips-background);color:var(--tds-chips-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:inline-flex;align-items:center;border-radius:16px;cursor:pointer;white-space:nowrap}.component.sc-tds-chip .tds-chip-component.sc-tds-chip label.sc-tds-chip:hover{background-color:var(--tds-chips-background-hover)}.component.sc-tds-chip .tds-chip-component.lg.sc-tds-chip label.sc-tds-chip{height:32px;padding:0 16px;gap:8px}.component.sc-tds-chip .tds-chip-component.sm.sc-tds-chip label.sc-tds-chip{height:24px;padding:0 12px;gap:6px}.component.sc-tds-chip .tds-chip-component.sm.prefix.sc-tds-chip label.sc-tds-chip{padding:0 12px 0 6px}.component.sc-tds-chip .tds-chip-component.sm.suffix.sc-tds-chip label.sc-tds-chip{padding:0 6px 0 12px}.component.sc-tds-chip .tds-chip-component.lg.prefix.sc-tds-chip label.sc-tds-chip{padding:0 16px 0 8px}.component.sc-tds-chip .tds-chip-component.lg.suffix.sc-tds-chip label.sc-tds-chip{padding:0 8px 0 16px}.component.sc-tds-chip .tds-chip-component.lg.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:0 8px}.component.sc-tds-chip .tds-chip-component.sm.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:0 6px}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip{opacity:0;position:absolute;z-index:-1}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:focus-visible+label.sc-tds-chip{outline:2px solid var(--tds-blue-400);outline-offset:-2px;background-color:var(--tds-chips-background-focus)}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip{background-color:var(--tds-chips-background-active);color:var(--tds-chips-color-active)}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip:hover{background-color:var(--tds-chips-background-active-hover)}";export{d as tds_chip}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as o,H as a}from"./p-25f306a0.js";const i=class{constructor(o){t(this,o),this.disabled=!1,this.selected=!1}async setSelected(t){this.selected=t}render(){return o(a,{role:"listitem"},o("div",{class:`navigation-tab-item ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}`},o("slot",null)))}};i.style=':host{box-sizing:border-box;z-index:200;display:block}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-navigation-tabs-tab-color) !important;text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;padding:26px 4px}:host ::slotted(*:focus-visible)::before{content:"";position:absolute;left:0;right:0;top:26px;bottom:26px;outline:2px solid var(--tds-blue-400)}:host .navigation-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .navigation-tab-item{position:relative;margin-right:32px}:host .navigation-tab-item:hover{cursor:pointer}:host .navigation-tab-item:hover::after{width:100%}:host .navigation-tab-item::after{content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--tds-navigation-tabs-tab-indicator-background-hover);z-index:1}:host .selected ::slotted(*){color:var(--tds-navigation-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-navigation-tabs-tab-indicator-background-active)}:host .disabled{color:var(--tds-navigation-tabs-tab-color-disabled)}:host .disabled ::slotted(*){opacity:var(--tds-navigation-tabs-tab-color-opacity-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed}:host .disabled ::slotted(*:focus-visible){outline:none}:host(.first){margin-left:32px}:host(.last){margin-right:32px}';export{i as tds_navigation_tab}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @slot <default> - <b>Unnamed slot.</b> For the content.
|
|
3
|
-
*/
|
|
4
|
-
export declare class TdsBlock {
|
|
5
|
-
host: HTMLElement;
|
|
6
|
-
/** Mode variant of the component, based on current mode. */
|
|
7
|
-
modeVariant: 'primary' | 'secondary';
|
|
8
|
-
children: Array<HTMLTdsBlockElement>;
|
|
9
|
-
setModeVariantOnChildBlocks(): void;
|
|
10
|
-
render(): any;
|
|
11
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @slot <default> - <b>Unnamed slot.</b> For a launcher list (or grid) element.
|
|
3
|
-
*/
|
|
4
|
-
export declare class TdsHeaderLauncher {
|
|
5
|
-
host: HTMLElement;
|
|
6
|
-
open: boolean;
|
|
7
|
-
buttonEl?: HTMLTdsHeaderLauncherButtonElement;
|
|
8
|
-
hasListTypeMenu: boolean;
|
|
9
|
-
private uuid;
|
|
10
|
-
private ariaAttributes;
|
|
11
|
-
onAnyClick(event: MouseEvent): void;
|
|
12
|
-
componentDidLoad(): void;
|
|
13
|
-
toggleLauncher(): void;
|
|
14
|
-
render(): any;
|
|
15
|
-
}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import type { Placement } from '@popperjs/core';
|
|
2
|
-
import { Attributes } from '../../types/Attributes';
|
|
3
|
-
/**
|
|
4
|
-
* @slot <default> - <b>Unnamed slot.</b> For the contents of the popover.
|
|
5
|
-
*/
|
|
6
|
-
export declare class TdsPopoverCanvas {
|
|
7
|
-
host: HTMLTdsPopoverCanvasElement;
|
|
8
|
-
/** The CSS-selector for an element that will trigger the Popover */
|
|
9
|
-
selector: string;
|
|
10
|
-
/** Element that will trigger the Popover (takes priority over selector) */
|
|
11
|
-
referenceEl?: HTMLElement | null;
|
|
12
|
-
/** Controls whether the Popover is shown or not. If this is set hiding and showing
|
|
13
|
-
* will be decided by this prop and will need to be controlled from the outside.
|
|
14
|
-
*/
|
|
15
|
-
show: boolean;
|
|
16
|
-
/** Decides the placement of the Popover Canvas. See https://popper.js.org/docs/v2/constructors/#placement */
|
|
17
|
-
placement: Placement;
|
|
18
|
-
/** Sets the offset skidding */
|
|
19
|
-
offsetSkidding: number;
|
|
20
|
-
/** Sets the offset distance */
|
|
21
|
-
offsetDistance: number;
|
|
22
|
-
/** Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/ */
|
|
23
|
-
modifiers: Object[];
|
|
24
|
-
inheritedAttributes: Attributes;
|
|
25
|
-
componentWillLoad(): void;
|
|
26
|
-
render(): any;
|
|
27
|
-
}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
-
import type { Placement, Instance } from '@popperjs/core';
|
|
3
|
-
export declare class TdsPopoverCore {
|
|
4
|
-
host: HTMLTdsPopoverCoreElement;
|
|
5
|
-
/** The CSS-selector for an element that will trigger the pop-over */
|
|
6
|
-
selector: string;
|
|
7
|
-
/** Element that will trigger the pop-over (takes priority over selector) */
|
|
8
|
-
referenceEl?: HTMLElement | null;
|
|
9
|
-
/** Decides if the Popover Menu should be visible from the start */
|
|
10
|
-
show: boolean;
|
|
11
|
-
/** Decides the placement of the Popover Menu */
|
|
12
|
-
placement: Placement;
|
|
13
|
-
/** Sets the offset skidding */
|
|
14
|
-
offsetSkidding: number;
|
|
15
|
-
/** Sets the offset distance */
|
|
16
|
-
offsetDistance: number;
|
|
17
|
-
/** Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/ */
|
|
18
|
-
modifiers: Object[];
|
|
19
|
-
/** What triggers the popover to show */
|
|
20
|
-
trigger: 'click' | 'hover' | 'hover-popover';
|
|
21
|
-
/** Decides if the popover should hide automatically.
|
|
22
|
-
* Alternatevly it can be hidden externally based on emitted events. */
|
|
23
|
-
autoHide: boolean;
|
|
24
|
-
renderedShowValue: boolean;
|
|
25
|
-
popperInstance: Instance | null;
|
|
26
|
-
target?: HTMLElement | null;
|
|
27
|
-
isShown: boolean;
|
|
28
|
-
/** @internal Show event. */
|
|
29
|
-
tdsShow: EventEmitter<{}>;
|
|
30
|
-
/** @internal Close event. */
|
|
31
|
-
tdsClose: EventEmitter<{}>;
|
|
32
|
-
onAnyClick(event: MouseEvent): void;
|
|
33
|
-
onShowChange(newValue: boolean): void;
|
|
34
|
-
onReferenceElChanged(newValue: HTMLElement, oldValue: HTMLElement): void;
|
|
35
|
-
onTriggerChanged(newValue: 'click' | 'hover' | 'hover-popover'): void;
|
|
36
|
-
private setIsShown;
|
|
37
|
-
private onClickTarget;
|
|
38
|
-
private handleShow;
|
|
39
|
-
private handleHide;
|
|
40
|
-
private initialize;
|
|
41
|
-
private cleanUp;
|
|
42
|
-
componentDidLoad(): void;
|
|
43
|
-
componentDidRender(): void;
|
|
44
|
-
disconnectedCallback(): void;
|
|
45
|
-
render(): any;
|
|
46
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import type { Placement } from '@popperjs/core';
|
|
2
|
-
import { Attributes } from '../../types/Attributes';
|
|
3
|
-
/**
|
|
4
|
-
* @slot <default> - <b>Unnamed slot.</b> For the list of menu items.
|
|
5
|
-
*/
|
|
6
|
-
export declare class TdsPopoverMenu {
|
|
7
|
-
host: HTMLTdsPopoverMenuElement;
|
|
8
|
-
/** The CSS-selector for an element that will trigger the pop-over */
|
|
9
|
-
selector: string;
|
|
10
|
-
/** Element that will trigger the pop-over (takes priority over selector) */
|
|
11
|
-
referenceEl?: HTMLElement | null;
|
|
12
|
-
/** Controls whether the Popover is shown or not. If this is set hiding and showing
|
|
13
|
-
* will be decided by this prop and will need to be controlled from the outside. This
|
|
14
|
-
* also means that clicking outside of the popover won't close it.
|
|
15
|
-
*/
|
|
16
|
-
show: boolean;
|
|
17
|
-
/** Decides the placement of the Popover Menu */
|
|
18
|
-
placement: Placement;
|
|
19
|
-
/** Sets the offset skidding */
|
|
20
|
-
offsetSkidding: number;
|
|
21
|
-
/** Sets the offset distance */
|
|
22
|
-
offsetDistance: number;
|
|
23
|
-
/** If true this unsets the width (160px) of the Popover Menu */
|
|
24
|
-
fluidWidth: boolean;
|
|
25
|
-
inheritedAttributes: Attributes;
|
|
26
|
-
componentWillLoad(): void;
|
|
27
|
-
render(): any;
|
|
28
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { CollapseEvent } from '../side-menu';
|
|
2
|
-
/**
|
|
3
|
-
* @slot <default> - <b>Unnamed slot.</b> For injecting a native <code><button</code> and <code><a></code> element.
|
|
4
|
-
* */
|
|
5
|
-
export declare class TdsSideMenuItem {
|
|
6
|
-
host: HTMLTdsSideMenuItemElement;
|
|
7
|
-
/** If the item should appear selected. */
|
|
8
|
-
selected: boolean;
|
|
9
|
-
/** If the item should appear active. Can be used when the item is
|
|
10
|
-
* triggering a dropdown, and the dropdown is open, for example. */
|
|
11
|
-
active: boolean;
|
|
12
|
-
collapsed: boolean;
|
|
13
|
-
private sideMenuEl;
|
|
14
|
-
private slotEl;
|
|
15
|
-
updateSlotted(searchPredicate: (element: HTMLElement) => boolean, mutationCallback: (element: HTMLElement) => void): void;
|
|
16
|
-
/**
|
|
17
|
-
* This function is needed because we can't use CSS selectors to style something in the light dom
|
|
18
|
-
*/
|
|
19
|
-
updateSlottedElements(): void;
|
|
20
|
-
connectedCallback(): void;
|
|
21
|
-
componentDidLoad(): void;
|
|
22
|
-
collapseSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
|
|
23
|
-
render(): any;
|
|
24
|
-
}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
-
export type CollapseEvent = {
|
|
3
|
-
collapsed: boolean;
|
|
4
|
-
};
|
|
5
|
-
type Props = {
|
|
6
|
-
collapsed: boolean;
|
|
7
|
-
};
|
|
8
|
-
export type InternalTdsSideMenuPropChange = {
|
|
9
|
-
changed: Array<keyof Props>;
|
|
10
|
-
} & Partial<Props>;
|
|
11
|
-
/**
|
|
12
|
-
* @slot overlay - Used of injection of tds-side-menu-overlay
|
|
13
|
-
* @slot close-button - Used for injection of tds-side-menu-close-button that is show when in mobile view
|
|
14
|
-
* @slot <default> - <b>Unnamed slot.</b> For primary content of the side menu - like buttons.
|
|
15
|
-
* Used for nesting main content of Side Menu, e.g. <code><tds-side-menu-item></code> and <code><tds-side-menu-dropdown></code> components
|
|
16
|
-
* @slot end - Used for items that are presented at the bottom of the Side Menu, e.g. profile settings
|
|
17
|
-
* @slot sticky-end - Used for tds-side-menu-collapse-button component
|
|
18
|
-
* */
|
|
19
|
-
export declare class TdsSideMenu {
|
|
20
|
-
host: HTMLTdsSideMenuElement;
|
|
21
|
-
/** Applicable only for mobile. If the Side Menu is open or not. */
|
|
22
|
-
open: boolean;
|
|
23
|
-
/** Applicable only for desktop. If the Side Menu should always be shown. */
|
|
24
|
-
persistent: boolean;
|
|
25
|
-
/** If the Side Menu is collapsed. Only a persistent desktop menu can be collapsed.
|
|
26
|
-
* NOTE: Only use this if you have prevented the automatic collapsing with preventDefault on the tds-Collapse event. */
|
|
27
|
-
collapsed: boolean;
|
|
28
|
-
isUpperSlotEmpty: boolean;
|
|
29
|
-
isCollapsed: boolean;
|
|
30
|
-
private matchesLgBreakpointMq;
|
|
31
|
-
handleMatchesLgBreakpointChange: (e: MediaQueryListEvent) => void;
|
|
32
|
-
connectedCallback(): void;
|
|
33
|
-
componentDidLoad(): void;
|
|
34
|
-
disconnectedCallback(): void;
|
|
35
|
-
onCollapsedChange(newVal: boolean): void;
|
|
36
|
-
/** Event that is emitted when the Side Menu is collapsed. */
|
|
37
|
-
tdsCollapse: EventEmitter<CollapseEvent>;
|
|
38
|
-
/** @internal Broadcasts collapsed state to child components. */
|
|
39
|
-
internalTdsCollapse: EventEmitter<CollapseEvent>;
|
|
40
|
-
/** @internal Broadcasts collapsed state to child components. */
|
|
41
|
-
internalTdsSideMenuPropChange: EventEmitter<InternalTdsSideMenuPropChange>;
|
|
42
|
-
collapsedSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
|
|
43
|
-
render(): any;
|
|
44
|
-
}
|
|
45
|
-
export {};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { InternalTdsTablePropChange } from '../table/table';
|
|
2
|
-
/**
|
|
3
|
-
* @slot <default> - <b>Unnamed slot.</b> For table rows.
|
|
4
|
-
* @slot no-result - Slot for no result message when using filtering.
|
|
5
|
-
*/
|
|
6
|
-
export declare class TdsTableBody {
|
|
7
|
-
host: HTMLElement;
|
|
8
|
-
multiselect: boolean;
|
|
9
|
-
enablePaginationTableBody: boolean;
|
|
10
|
-
expandableRows: boolean;
|
|
11
|
-
multiselectArray: any[];
|
|
12
|
-
multiselectArrayJSON: string;
|
|
13
|
-
mainCheckboxStatus: boolean;
|
|
14
|
-
columnsNumber: number;
|
|
15
|
-
tableId: string;
|
|
16
|
-
tableEl: HTMLTdsTableElement;
|
|
17
|
-
internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;
|
|
18
|
-
bodyCheckBoxClicked: () => void;
|
|
19
|
-
bodyCheckboxListener(): void;
|
|
20
|
-
connectedCallback(): void;
|
|
21
|
-
componentWillLoad(): void;
|
|
22
|
-
componentWillRender(): void;
|
|
23
|
-
render(): any;
|
|
24
|
-
}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { InternalTdsTablePropChange } from '../table/table';
|
|
2
|
-
/**
|
|
3
|
-
* @slot <default> - <b>Unnamed slot.</b> For the cell contents.
|
|
4
|
-
*/
|
|
5
|
-
export declare class TdsTableBodyCell {
|
|
6
|
-
/** Value that will be presented as text inside a cell */
|
|
7
|
-
cellValue: string | number;
|
|
8
|
-
/** Passing the same cell key for all body cells which is used in head cell enables features of text align and hovering */
|
|
9
|
-
cellKey: any;
|
|
10
|
-
/** Disables internal padding. Useful when passing other components to cell. */
|
|
11
|
-
disablePadding: boolean;
|
|
12
|
-
textAlignState: string;
|
|
13
|
-
activeSorting: boolean;
|
|
14
|
-
verticalDividers: boolean;
|
|
15
|
-
compactDesign: boolean;
|
|
16
|
-
noMinWidth: boolean;
|
|
17
|
-
whiteBackground: boolean;
|
|
18
|
-
tableId: string;
|
|
19
|
-
host: HTMLElement;
|
|
20
|
-
tableEl: HTMLTdsTableElement;
|
|
21
|
-
internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;
|
|
22
|
-
internalTdsHoverListener(event: CustomEvent<any>): void;
|
|
23
|
-
internalTdsTextAlignListener(event: CustomEvent<any>): void;
|
|
24
|
-
connectedCallback(): void;
|
|
25
|
-
componentWillLoad(): void;
|
|
26
|
-
render(): any;
|
|
27
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '../../../stencil-public-runtime';
|
|
2
|
-
import { InternalTdsTablePropChange } from '../table/table';
|
|
3
|
-
/**
|
|
4
|
-
* @slot <default> - <b>Unnamed slot.</b> For the cells.
|
|
5
|
-
*/
|
|
6
|
-
export declare class TdsTableBodyRow {
|
|
7
|
-
/** Marks the row as selected, used for multiselect table. */
|
|
8
|
-
selected: boolean;
|
|
9
|
-
multiselect: boolean;
|
|
10
|
-
mainCheckBoxStatus: boolean;
|
|
11
|
-
verticalDividers: boolean;
|
|
12
|
-
compactDesign: boolean;
|
|
13
|
-
noMinWidth: boolean;
|
|
14
|
-
tableId: string;
|
|
15
|
-
host: HTMLElement;
|
|
16
|
-
tableEl: HTMLTdsTableElement;
|
|
17
|
-
/** Event emitted when a row is selected/deselected. */
|
|
18
|
-
tdsSelect: EventEmitter<{
|
|
19
|
-
tableId: string;
|
|
20
|
-
checked: boolean;
|
|
21
|
-
selectedRows: any[];
|
|
22
|
-
}>;
|
|
23
|
-
handleCheckboxChange(event: any): Promise<void>;
|
|
24
|
-
internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;
|
|
25
|
-
connectedCallback(): void;
|
|
26
|
-
componentWillLoad(): void;
|
|
27
|
-
render(): any;
|
|
28
|
-
}
|
package/dist/types/components/table/table-body-row-expandable/table-body-row-expandable.d.ts
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '../../../stencil-public-runtime';
|
|
2
|
-
import { InternalTdsTablePropChange } from '../table/table';
|
|
3
|
-
/**
|
|
4
|
-
* @slot <default> - <b>Unnamed slot.</b> For the cells.
|
|
5
|
-
* @slot expand-row - Slot for the expanded row.
|
|
6
|
-
*/
|
|
7
|
-
export declare class TdsTableBodyRowExpandable {
|
|
8
|
-
/** In case that automatic count of columns does not work, user can manually set this one.
|
|
9
|
-
* Take in mind that expandable control is column too */
|
|
10
|
-
colSpan: number;
|
|
11
|
-
isExpanded: boolean;
|
|
12
|
-
tableId: string;
|
|
13
|
-
columnsNumber: number;
|
|
14
|
-
verticalDividers: boolean;
|
|
15
|
-
compactDesign: boolean;
|
|
16
|
-
noMinWidth: boolean;
|
|
17
|
-
modeVariant: 'primary' | 'secondary';
|
|
18
|
-
host: HTMLElement;
|
|
19
|
-
tableEl: HTMLTdsTableElement;
|
|
20
|
-
/** @internal Sends out expanded status which is used by the Table header component */
|
|
21
|
-
internalTdsRowExpanded: EventEmitter<any>;
|
|
22
|
-
internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;
|
|
23
|
-
connectedCallback(): void;
|
|
24
|
-
componentWillLoad(): void;
|
|
25
|
-
componentWillRender(): void;
|
|
26
|
-
sendValue(): void;
|
|
27
|
-
onChangeHandler(event: any): void;
|
|
28
|
-
render(): any;
|
|
29
|
-
}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '../../../stencil-public-runtime';
|
|
2
|
-
import { InternalTdsTablePropChange } from '../table/table';
|
|
3
|
-
/**
|
|
4
|
-
* @slot <default> - <b>Unnamed slot.</b> For the header cells.
|
|
5
|
-
*/
|
|
6
|
-
export declare class TdsTableHeaderRow {
|
|
7
|
-
/** @deprecated Deprecated, use selected instead.. */
|
|
8
|
-
allSelected: boolean;
|
|
9
|
-
/** Prop for controling the checked/unchecked state of the "All selected"-checkbox. */
|
|
10
|
-
selected: boolean;
|
|
11
|
-
/** Prop for controling the indeterminate state of the "All selected"-checkbox. */
|
|
12
|
-
indeterminate: boolean;
|
|
13
|
-
multiselect: boolean;
|
|
14
|
-
expandableRows: boolean;
|
|
15
|
-
mainCheckboxSelected: boolean;
|
|
16
|
-
mainExpendSelected: boolean;
|
|
17
|
-
verticalDividers: boolean;
|
|
18
|
-
compactDesign: boolean;
|
|
19
|
-
noMinWidth: boolean;
|
|
20
|
-
whiteBackground: boolean;
|
|
21
|
-
enableToolbarDesign: boolean;
|
|
22
|
-
tableId: string;
|
|
23
|
-
host: HTMLElement;
|
|
24
|
-
tableEl: HTMLTdsTableElement;
|
|
25
|
-
/** Event emitted when the status of the select all checkbox changes. */
|
|
26
|
-
tdsSelectAll: EventEmitter<{
|
|
27
|
-
tableId: string;
|
|
28
|
-
checked: boolean;
|
|
29
|
-
selectedRows: any[];
|
|
30
|
-
}>;
|
|
31
|
-
internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;
|
|
32
|
-
internalTdsRowExpandedListener(event: CustomEvent<any>): void;
|
|
33
|
-
bodyExpandClicked(): void;
|
|
34
|
-
connectedCallback(): void;
|
|
35
|
-
componentWillLoad(): void;
|
|
36
|
-
componentWillRender(): void;
|
|
37
|
-
handleCheckboxChange(event: any): Promise<void>;
|
|
38
|
-
render(): any;
|
|
39
|
-
}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '../../../stencil-public-runtime';
|
|
2
|
-
import { InternalTdsTablePropChange } from '../table/table';
|
|
3
|
-
export declare class TdsTableHeaderCell {
|
|
4
|
-
/** The value of column key, usually comes from JSON, needed for sorting */
|
|
5
|
-
cellKey: string;
|
|
6
|
-
/** Text that displays in column cell */
|
|
7
|
-
cellValue: string;
|
|
8
|
-
/** In case noMinWidth is set, the user has to specify width value for each column. */
|
|
9
|
-
customWidth: string;
|
|
10
|
-
/** Enables sorting on that column */
|
|
11
|
-
sortable: boolean;
|
|
12
|
-
/** Setting for text align, default is left. Other accepted values are "right" or "end". */
|
|
13
|
-
textAlign: string;
|
|
14
|
-
textAlignState: string;
|
|
15
|
-
sortingDirection: 'asc' | 'desc';
|
|
16
|
-
sortedByMyKey: boolean;
|
|
17
|
-
verticalDividers: boolean;
|
|
18
|
-
compactDesign: boolean;
|
|
19
|
-
noMinWidth: boolean;
|
|
20
|
-
multiselect: boolean;
|
|
21
|
-
enableToolbarDesign: boolean;
|
|
22
|
-
tableId: string;
|
|
23
|
-
expandableRows: boolean;
|
|
24
|
-
host: HTMLElement;
|
|
25
|
-
tableEl: HTMLTdsTableElement;
|
|
26
|
-
/** Sends unique Table identifier, column key and sorting direction to the tds-table-body component, can also be listened to in order to implement custom-sorting logic. */
|
|
27
|
-
tdsSort: EventEmitter<{
|
|
28
|
-
tableId: string;
|
|
29
|
-
columnKey: string;
|
|
30
|
-
sortingDirection: 'asc' | 'desc';
|
|
31
|
-
}>;
|
|
32
|
-
/** @internal Sends unique Table identifier, column key and sorting direction to the tds-table-body component, can also be listened to in order to implement custom-sorting logic. */
|
|
33
|
-
internalSortButtonClicked: EventEmitter<{
|
|
34
|
-
tableId: string;
|
|
35
|
-
key: string;
|
|
36
|
-
}>;
|
|
37
|
-
/** @internal Sends unique Table identifier,column key and text align value so the body cells with a same key take the same text alignment as header cell */
|
|
38
|
-
internalTdsTextAlign: EventEmitter<any>;
|
|
39
|
-
/** @internal Sends unique Table identifier, column key so the body cells with the same key change background when user hovers over header cell */
|
|
40
|
-
internalTdsHover: EventEmitter<{
|
|
41
|
-
tableId: string;
|
|
42
|
-
key: string;
|
|
43
|
-
}>;
|
|
44
|
-
internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;
|
|
45
|
-
updateOptionsContent(event: CustomEvent<{
|
|
46
|
-
tableId: string;
|
|
47
|
-
key: string;
|
|
48
|
-
}>): void;
|
|
49
|
-
connectedCallback(): void;
|
|
50
|
-
componentWillLoad(): void;
|
|
51
|
-
componentWillRender(): void;
|
|
52
|
-
sortButtonClick: () => void;
|
|
53
|
-
headerCellContent: () => any;
|
|
54
|
-
onHeadCellHover: (key: any) => void;
|
|
55
|
-
render(): any;
|
|
56
|
-
}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '../../../stencil-public-runtime';
|
|
2
|
-
import { InternalTdsTablePropChange } from '../table/table';
|
|
3
|
-
/**
|
|
4
|
-
* @slot end - Slot for the end (right side) of the Table Toolbar.
|
|
5
|
-
*/
|
|
6
|
-
export declare class TdsTableToolbar {
|
|
7
|
-
/** Adds title to the Table */
|
|
8
|
-
tableTitle: string;
|
|
9
|
-
/** Enables preview of searchbar */
|
|
10
|
-
filter: boolean;
|
|
11
|
-
verticalDividers: boolean;
|
|
12
|
-
compactDesign: boolean;
|
|
13
|
-
noMinWidth: boolean;
|
|
14
|
-
whiteBackground: boolean;
|
|
15
|
-
tableId: string;
|
|
16
|
-
host: HTMLElement;
|
|
17
|
-
tableEl: HTMLTdsTableElement;
|
|
18
|
-
/** Used for sending users' input to the main parent tds-table the component,
|
|
19
|
-
* can also be listened to in order to implement custom sorting logic. */
|
|
20
|
-
tdsFilter: EventEmitter<{
|
|
21
|
-
tableId: string;
|
|
22
|
-
query: string;
|
|
23
|
-
}>;
|
|
24
|
-
internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;
|
|
25
|
-
connectedCallback(): void;
|
|
26
|
-
componentWillLoad(): void;
|
|
27
|
-
handleSearch(event: any): void;
|
|
28
|
-
render(): any;
|
|
29
|
-
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import type { Placement } from '@popperjs/core';
|
|
2
|
-
import { Attributes } from '../../types/Attributes';
|
|
3
|
-
/**
|
|
4
|
-
* @slot <default> - <b>Unnamed slot.</b> For the tooltip contents.
|
|
5
|
-
*/
|
|
6
|
-
export declare class TdsTooltip {
|
|
7
|
-
host: HTMLTdsTooltipElement;
|
|
8
|
-
/** In case Tooltip contains only text, no HTML, a text can be passed by this prop */
|
|
9
|
-
text: string;
|
|
10
|
-
/** The CSS-selector for an element that will trigger the Tooltip */
|
|
11
|
-
selector: string;
|
|
12
|
-
/** Element that will trigger the Tooltip (takes priority over selector) */
|
|
13
|
-
referenceEl?: HTMLElement | null;
|
|
14
|
-
/** Allow mouse over Tooltip. Useful when Tooltip contains clickable elements like link or button. */
|
|
15
|
-
mouseOverTooltip: boolean;
|
|
16
|
-
/** Prop in control of showing and hiding prop */
|
|
17
|
-
show: boolean;
|
|
18
|
-
/** Placement of Tooltip. */
|
|
19
|
-
placement: Placement;
|
|
20
|
-
border: string;
|
|
21
|
-
offsetSkidding: number;
|
|
22
|
-
offsetDistance: number;
|
|
23
|
-
popperjsExtraModifiers: {
|
|
24
|
-
name: string;
|
|
25
|
-
enabled: boolean;
|
|
26
|
-
phase: string;
|
|
27
|
-
fn: ({ state }: {
|
|
28
|
-
state: any;
|
|
29
|
-
}) => void;
|
|
30
|
-
}[];
|
|
31
|
-
inheritedAttributes: Attributes;
|
|
32
|
-
componentWillLoad(): void;
|
|
33
|
-
render(): any;
|
|
34
|
-
}
|