@scania/tegel 1.58.0 → 1.59.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index-BfIOw0ml.js +2548 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/tds-accordion-item.cjs.entry.js +4 -4
- package/dist/cjs/tds-accordion.cjs.entry.js +3 -3
- package/dist/cjs/tds-badge.cjs.entry.js +3 -3
- package/dist/cjs/tds-banner.cjs.entry.js +3 -3
- package/dist/cjs/tds-block.cjs.entry.js +2 -2
- package/dist/cjs/tds-body-cell.cjs.entry.js +10 -4
- package/dist/cjs/tds-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/tds-breadcrumbs.cjs.entry.js +2 -2
- package/dist/cjs/tds-button_2.cjs.entry.js +10 -8
- package/dist/cjs/tds-card.cjs.entry.js +4 -4
- package/dist/cjs/tds-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/tds-chip.cjs.entry.js +2 -2
- package/dist/cjs/tds-core-header-item_2.cjs.entry.js +4 -4
- package/dist/cjs/tds-datetime.cjs.entry.js +4 -4
- package/dist/cjs/tds-dropdown_2.cjs.entry.js +7 -7
- package/dist/cjs/tds-folder-tab.cjs.entry.js +1 -1
- package/dist/cjs/tds-folder-tabs.cjs.entry.js +1 -1
- package/dist/cjs/tds-footer-group.cjs.entry.js +4 -4
- package/dist/cjs/tds-footer-item.cjs.entry.js +2 -2
- package/dist/cjs/tds-footer.cjs.entry.js +3 -3
- package/dist/cjs/tds-header-brand-symbol.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-cell.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +3 -3
- package/dist/cjs/tds-header-dropdown-list-user.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-dropdown-list.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-dropdown.cjs.entry.js +4 -4
- package/dist/cjs/tds-header-hamburger.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-launcher-button.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-launcher-grid-item.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-launcher-grid-title.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-launcher-grid.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-launcher-list-item.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-launcher-list-title.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-launcher-list.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-launcher.cjs.entry.js +3 -3
- package/dist/cjs/tds-header-title.cjs.entry.js +2 -2
- package/dist/cjs/tds-header.cjs.entry.js +2 -2
- package/dist/cjs/tds-icon.cjs.entry.js +2 -2
- package/dist/cjs/tds-inline-tab.cjs.entry.js +1 -1
- package/dist/cjs/tds-inline-tabs.cjs.entry.js +1 -1
- package/dist/cjs/tds-link.cjs.entry.js +3 -3
- package/dist/cjs/tds-message.cjs.entry.js +3 -3
- package/dist/cjs/tds-modal.cjs.entry.js +3 -3
- package/dist/cjs/tds-navigation-tab.cjs.entry.js +1 -1
- package/dist/cjs/tds-navigation-tabs.cjs.entry.js +1 -1
- package/dist/cjs/tds-popover-canvas.cjs.entry.js +4 -4
- package/dist/cjs/tds-popover-core.cjs.entry.js +2 -2
- package/dist/cjs/tds-popover-menu-item.cjs.entry.js +4 -4
- package/dist/cjs/tds-popover-menu.cjs.entry.js +5 -5
- package/dist/cjs/tds-radio-button.cjs.entry.js +3 -3
- package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +2 -2
- package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js +5 -5
- package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +4 -4
- package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js +4 -4
- package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +5 -5
- package/dist/cjs/tds-side-menu-item.cjs.entry.js +4 -4
- package/dist/cjs/tds-side-menu-overlay.cjs.entry.js +2 -2
- package/dist/cjs/tds-side-menu-user-image_2.cjs.entry.js +3 -3
- package/dist/cjs/tds-side-menu-user.cjs.entry.js +2 -2
- package/dist/cjs/tds-side-menu.cjs.entry.js +9 -7
- package/dist/cjs/tds-slider.cjs.entry.js +9 -9
- package/dist/cjs/tds-spinner.cjs.entry.js +2 -2
- package/dist/cjs/tds-step.cjs.entry.js +2 -2
- package/dist/cjs/tds-stepper.cjs.entry.js +2 -2
- package/dist/cjs/tds-table-body-input-wrapper.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 +3 -3
- package/dist/cjs/tds-table-footer.cjs.entry.js +1 -1
- package/dist/cjs/tds-table-header-input-wrapper.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-tag.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 +1 -1
- package/dist/collection/components/accordion/accordion-item/accordion-item.js +3 -3
- package/dist/collection/components/accordion/accordion.js +2 -2
- package/dist/collection/components/badge/badge.js +2 -2
- package/dist/collection/components/banner/banner.js +2 -2
- package/dist/collection/components/block/block.js +1 -1
- package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.js +1 -1
- package/dist/collection/components/breadcrumbs/breadcrumbs.js +1 -1
- package/dist/collection/components/button/button.js +3 -3
- package/dist/collection/components/card/card.css +5 -2
- package/dist/collection/components/card/card.js +2 -2
- package/dist/collection/components/checkbox/checkbox.js +2 -2
- package/dist/collection/components/chip/chip.js +1 -1
- package/dist/collection/components/datetime/datetime.js +3 -3
- package/dist/collection/components/divider/divider.css +5 -2
- package/dist/collection/components/divider/divider.js +8 -6
- package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +1 -1
- package/dist/collection/components/dropdown/dropdown.js +5 -5
- package/dist/collection/components/footer/footer-group/footer-group.js +3 -3
- package/dist/collection/components/footer/footer-item/footer-item.js +1 -1
- package/dist/collection/components/footer/footer.js +2 -2
- package/dist/collection/components/header/core-header-item/core-header-item.js +1 -1
- package/dist/collection/components/header/header-brand-symbol/header-brand-symbol.js +1 -1
- package/dist/collection/components/header/header-dropdown/header-dropdown.js +3 -3
- package/dist/collection/components/header/header-dropdown-list/header-dropdown-list.js +1 -1
- package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.js +2 -2
- package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.js +1 -1
- package/dist/collection/components/header/header-hamburger/header-hamburger.js +1 -1
- package/dist/collection/components/header/header-item/header-item.js +2 -2
- package/dist/collection/components/header/header-launcher/header-launcher.js +2 -2
- package/dist/collection/components/header/header-launcher-button/header-launcher-button.js +1 -1
- package/dist/collection/components/header/header-launcher-grid/header-launcher-grid.js +1 -1
- package/dist/collection/components/header/header-launcher-grid-item/header-launcher-grid-item.js +1 -1
- package/dist/collection/components/header/header-launcher-grid-title/header-launcher-grid-title.js +1 -1
- package/dist/collection/components/header/header-launcher-list/header-launcher-list.js +1 -1
- package/dist/collection/components/header/header-launcher-list-item/header-launcher-list-item.js +1 -1
- package/dist/collection/components/header/header-launcher-list-title/header-launcher-list-title.js +1 -1
- package/dist/collection/components/header/header-title/header-title.js +1 -1
- package/dist/collection/components/header/header.js +1 -1
- package/dist/collection/components/icon/icon.js +1 -1
- package/dist/collection/components/link/link.js +2 -2
- package/dist/collection/components/message/message.js +2 -2
- package/dist/collection/components/modal/modal.js +2 -2
- package/dist/collection/components/popover-canvas/popover-canvas.js +3 -3
- package/dist/collection/components/popover-core/popover-core.js +1 -1
- package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.css +20 -12
- package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.js +2 -2
- package/dist/collection/components/popover-menu/popover-menu.css +2 -2
- package/dist/collection/components/popover-menu/popover-menu.js +3 -3
- package/dist/collection/components/radio-button/radio-button.js +2 -2
- package/dist/collection/components/side-menu/side-menu-close-button/side-menu-close-button.js +1 -1
- package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.js +4 -4
- package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js +4 -4
- package/dist/collection/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.js +3 -3
- package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js +3 -3
- package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js +3 -3
- package/dist/collection/components/side-menu/side-menu-overlay/side-menu-overlay.js +1 -1
- package/dist/collection/components/side-menu/side-menu-user/side-menu-user.js +1 -1
- package/dist/collection/components/side-menu/side-menu-user-image/side-menu-user-image.js +1 -1
- package/dist/collection/components/side-menu/side-menu-user-label/side-menu-user-label.js +1 -1
- package/dist/collection/components/side-menu/side-menu.css +1 -1
- package/dist/collection/components/side-menu/side-menu.js +7 -5
- package/dist/collection/components/slider/slider.js +8 -8
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/stepper/step/step.js +1 -1
- package/dist/collection/components/stepper/stepper.js +1 -1
- package/dist/collection/components/table/table-body/table-body.js +2 -2
- package/dist/collection/components/table/table-body-cell/table-body-cell.css +0 -1
- package/dist/collection/components/table/table-body-cell/table-body-cell.js +34 -2
- package/dist/collection/tegel-lite/shipped-components.js +2 -0
- package/dist/components/index.js +1 -1
- package/dist/components/{p-DgETo9IA.js → p--K1UFH44.js} +1 -1
- package/dist/components/{p-B0Pz58BS.js → p-9TU-2F40.js} +1 -1
- package/dist/components/{p-CPt8yKD7.js → p-BLWAweLC.js} +1 -1
- package/dist/components/{p-CJtN1EIg.js → p-BMv0SLL4.js} +1 -1
- package/dist/components/p-Bej31lsj.js +1 -0
- package/dist/components/{p-Duga9LJ2.js → p-Bu0KDS61.js} +1 -1
- package/dist/components/{p-Dlj2h0pg.js → p-CS3vcVmy.js} +1 -1
- package/dist/components/{p-DH9u5b_c.js → p-CYN0BsIN.js} +1 -1
- package/dist/components/p-CZG3gym6.js +1 -0
- package/dist/components/{p-C9OMhzbc.js → p-CoSD7yUV.js} +1 -1
- package/dist/components/p-Cwl_y6bE.js +1 -0
- package/dist/components/{p-7N0u4VMq.js → p-CyUovIsf.js} +1 -1
- package/dist/components/{p-DhFWetNE.js → p-Cy_qSVig.js} +1 -1
- package/dist/components/{p-Dy_nSVaY.js → p-D-gv5mBV.js} +1 -1
- package/dist/components/{p-DRO9e7F4.js → p-DbqIEzt-.js} +1 -1
- package/dist/components/p-Dh37wWqw.js +1 -0
- package/dist/components/p-NGgwlrwW.js +1 -0
- package/dist/components/{p-1OlFnMHE.js → p-sM3NNe8A.js} +1 -1
- package/dist/components/tds-accordion-item.js +1 -1
- package/dist/components/tds-accordion.js +1 -1
- package/dist/components/tds-badge.js +1 -1
- package/dist/components/tds-banner.js +1 -1
- package/dist/components/tds-block.js +1 -1
- package/dist/components/tds-body-cell.js +1 -1
- package/dist/components/tds-breadcrumb.js +1 -1
- package/dist/components/tds-breadcrumbs.js +1 -1
- package/dist/components/tds-button.js +1 -1
- package/dist/components/tds-card.js +1 -1
- package/dist/components/tds-checkbox.js +1 -1
- package/dist/components/tds-chip.js +1 -1
- package/dist/components/tds-core-header-item.js +1 -1
- package/dist/components/tds-datetime.js +1 -1
- package/dist/components/tds-divider.js +1 -1
- package/dist/components/tds-dropdown-option.js +1 -1
- package/dist/components/tds-dropdown.js +1 -1
- package/dist/components/tds-folder-tabs.js +1 -1
- package/dist/components/tds-footer-group.js +1 -1
- package/dist/components/tds-footer-item.js +1 -1
- package/dist/components/tds-footer.js +1 -1
- package/dist/components/tds-header-brand-symbol.js +1 -1
- package/dist/components/tds-header-cell.js +1 -1
- package/dist/components/tds-header-dropdown-list-item.js +1 -1
- package/dist/components/tds-header-dropdown-list-user.js +1 -1
- package/dist/components/tds-header-dropdown-list.js +1 -1
- package/dist/components/tds-header-dropdown.js +1 -1
- package/dist/components/tds-header-hamburger.js +1 -1
- package/dist/components/tds-header-item.js +1 -1
- package/dist/components/tds-header-launcher-button.js +1 -1
- package/dist/components/tds-header-launcher-grid-item.js +1 -1
- package/dist/components/tds-header-launcher-grid-title.js +1 -1
- package/dist/components/tds-header-launcher-grid.js +1 -1
- package/dist/components/tds-header-launcher-list-item.js +1 -1
- package/dist/components/tds-header-launcher-list-title.js +1 -1
- package/dist/components/tds-header-launcher-list.js +1 -1
- package/dist/components/tds-header-launcher.js +1 -1
- package/dist/components/tds-header-title.js +1 -1
- package/dist/components/tds-header.js +1 -1
- package/dist/components/tds-icon.js +1 -1
- package/dist/components/tds-inline-tabs.js +1 -1
- package/dist/components/tds-link.js +1 -1
- package/dist/components/tds-message.js +1 -1
- package/dist/components/tds-modal.js +1 -1
- package/dist/components/tds-navigation-tabs.js +1 -1
- package/dist/components/tds-popover-canvas.js +1 -1
- package/dist/components/tds-popover-core.js +1 -1
- package/dist/components/tds-popover-menu-item.js +1 -1
- package/dist/components/tds-popover-menu.js +1 -1
- package/dist/components/tds-radio-button.js +1 -1
- package/dist/components/tds-side-menu-close-button.js +1 -1
- package/dist/components/tds-side-menu-collapse-button.js +1 -1
- package/dist/components/tds-side-menu-dropdown-list-item.js +1 -1
- package/dist/components/tds-side-menu-dropdown-list.js +1 -1
- package/dist/components/tds-side-menu-dropdown.js +1 -1
- package/dist/components/tds-side-menu-item.js +1 -1
- package/dist/components/tds-side-menu-overlay.js +1 -1
- package/dist/components/tds-side-menu-user-image.js +1 -1
- package/dist/components/tds-side-menu-user-label.js +1 -1
- package/dist/components/tds-side-menu-user.js +1 -1
- package/dist/components/tds-side-menu.js +1 -1
- package/dist/components/tds-slider.js +1 -1
- package/dist/components/tds-spinner.js +1 -1
- package/dist/components/tds-step.js +1 -1
- package/dist/components/tds-stepper.js +1 -1
- package/dist/components/tds-table-body-input-wrapper.js +1 -1
- package/dist/components/tds-table-body-row-expandable.js +1 -1
- package/dist/components/tds-table-body-row.js +1 -1
- package/dist/components/tds-table-body.js +1 -1
- package/dist/components/tds-table-footer.js +1 -1
- package/dist/components/tds-table-header-input-wrapper.js +1 -1
- package/dist/components/tds-table-header.js +1 -1
- package/dist/components/tds-table-toolbar.js +1 -1
- package/dist/components/tds-text-field.js +1 -1
- package/dist/components/tds-textarea.js +1 -1
- package/dist/components/tds-toast.js +1 -1
- package/dist/components/tds-tooltip.js +1 -1
- package/dist/esm/index-BaLlBOle.js +2519 -0
- package/dist/esm/loader.js +3 -3
- package/dist/esm/tds-accordion-item.entry.js +4 -4
- package/dist/esm/tds-accordion.entry.js +3 -3
- package/dist/esm/tds-badge.entry.js +3 -3
- package/dist/esm/tds-banner.entry.js +3 -3
- package/dist/esm/tds-block.entry.js +2 -2
- package/dist/esm/tds-body-cell.entry.js +10 -4
- package/dist/esm/tds-breadcrumb.entry.js +2 -2
- package/dist/esm/tds-breadcrumbs.entry.js +2 -2
- package/dist/esm/tds-button_2.entry.js +10 -8
- package/dist/esm/tds-card.entry.js +4 -4
- package/dist/esm/tds-checkbox.entry.js +3 -3
- package/dist/esm/tds-chip.entry.js +2 -2
- package/dist/esm/tds-core-header-item_2.entry.js +4 -4
- package/dist/esm/tds-datetime.entry.js +4 -4
- package/dist/esm/tds-dropdown_2.entry.js +7 -7
- package/dist/esm/tds-folder-tab.entry.js +1 -1
- package/dist/esm/tds-folder-tabs.entry.js +1 -1
- package/dist/esm/tds-footer-group.entry.js +4 -4
- package/dist/esm/tds-footer-item.entry.js +2 -2
- package/dist/esm/tds-footer.entry.js +3 -3
- package/dist/esm/tds-header-brand-symbol.entry.js +2 -2
- package/dist/esm/tds-header-cell.entry.js +1 -1
- package/dist/esm/tds-header-dropdown-list-item.entry.js +3 -3
- package/dist/esm/tds-header-dropdown-list-user.entry.js +2 -2
- package/dist/esm/tds-header-dropdown-list.entry.js +2 -2
- package/dist/esm/tds-header-dropdown.entry.js +4 -4
- package/dist/esm/tds-header-hamburger.entry.js +2 -2
- package/dist/esm/tds-header-launcher-button.entry.js +2 -2
- package/dist/esm/tds-header-launcher-grid-item.entry.js +2 -2
- package/dist/esm/tds-header-launcher-grid-title.entry.js +2 -2
- package/dist/esm/tds-header-launcher-grid.entry.js +2 -2
- package/dist/esm/tds-header-launcher-list-item.entry.js +2 -2
- package/dist/esm/tds-header-launcher-list-title.entry.js +2 -2
- package/dist/esm/tds-header-launcher-list.entry.js +2 -2
- package/dist/esm/tds-header-launcher.entry.js +3 -3
- package/dist/esm/tds-header-title.entry.js +2 -2
- package/dist/esm/tds-header.entry.js +2 -2
- package/dist/esm/tds-icon.entry.js +2 -2
- package/dist/esm/tds-inline-tab.entry.js +1 -1
- package/dist/esm/tds-inline-tabs.entry.js +1 -1
- package/dist/esm/tds-link.entry.js +3 -3
- package/dist/esm/tds-message.entry.js +3 -3
- package/dist/esm/tds-modal.entry.js +3 -3
- package/dist/esm/tds-navigation-tab.entry.js +1 -1
- package/dist/esm/tds-navigation-tabs.entry.js +1 -1
- package/dist/esm/tds-popover-canvas.entry.js +4 -4
- package/dist/esm/tds-popover-core.entry.js +2 -2
- package/dist/esm/tds-popover-menu-item.entry.js +4 -4
- package/dist/esm/tds-popover-menu.entry.js +5 -5
- package/dist/esm/tds-radio-button.entry.js +3 -3
- package/dist/esm/tds-side-menu-close-button.entry.js +2 -2
- package/dist/esm/tds-side-menu-collapse-button.entry.js +5 -5
- package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +4 -4
- package/dist/esm/tds-side-menu-dropdown-list.entry.js +4 -4
- package/dist/esm/tds-side-menu-dropdown.entry.js +5 -5
- package/dist/esm/tds-side-menu-item.entry.js +4 -4
- package/dist/esm/tds-side-menu-overlay.entry.js +2 -2
- package/dist/esm/tds-side-menu-user-image_2.entry.js +3 -3
- package/dist/esm/tds-side-menu-user.entry.js +2 -2
- package/dist/esm/tds-side-menu.entry.js +9 -7
- package/dist/esm/tds-slider.entry.js +9 -9
- package/dist/esm/tds-spinner.entry.js +2 -2
- package/dist/esm/tds-step.entry.js +2 -2
- package/dist/esm/tds-stepper.entry.js +2 -2
- package/dist/esm/tds-table-body-input-wrapper.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 +3 -3
- package/dist/esm/tds-table-footer.entry.js +1 -1
- package/dist/esm/tds-table-header-input-wrapper.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-tag.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-00184528.entry.js +1 -0
- package/dist/tegel/{p-529a7cc2.entry.js → p-023bffdc.entry.js} +1 -1
- package/dist/tegel/{p-94c48709.entry.js → p-039599a0.entry.js} +1 -1
- package/dist/tegel/{p-a39f56f7.entry.js → p-05e4830e.entry.js} +1 -1
- package/dist/tegel/{p-e8373fb7.entry.js → p-07d76c87.entry.js} +1 -1
- package/dist/tegel/{p-2952278a.entry.js → p-0dcb1b8f.entry.js} +1 -1
- package/dist/tegel/{p-90791c45.entry.js → p-0e0419ab.entry.js} +1 -1
- package/dist/tegel/p-0e69f7ae.entry.js +1 -0
- package/dist/tegel/{p-83555efb.entry.js → p-1396362e.entry.js} +1 -1
- package/dist/tegel/p-1c10e3d1.entry.js +1 -0
- package/dist/tegel/{p-253efbf0.entry.js → p-1ebc54ce.entry.js} +1 -1
- package/dist/tegel/{p-3b406b70.entry.js → p-29465e02.entry.js} +1 -1
- package/dist/tegel/{p-f0f9aa99.entry.js → p-294ff537.entry.js} +1 -1
- package/dist/tegel/p-300132c0.entry.js +1 -0
- package/dist/tegel/{p-e1267c91.entry.js → p-311908bf.entry.js} +1 -1
- package/dist/tegel/{p-c7c408d7.entry.js → p-337e5ad4.entry.js} +1 -1
- package/dist/tegel/{p-e4a2939b.entry.js → p-377eaf11.entry.js} +1 -1
- package/dist/tegel/{p-6d2375ba.entry.js → p-3918b52f.entry.js} +1 -1
- package/dist/tegel/{p-9b751a54.entry.js → p-3ae0d6c9.entry.js} +1 -1
- package/dist/tegel/p-409f8cbd.entry.js +1 -0
- package/dist/tegel/{p-19317bc5.entry.js → p-438ca33a.entry.js} +1 -1
- package/dist/tegel/{p-219701b9.entry.js → p-44024c43.entry.js} +1 -1
- package/dist/tegel/{p-2bf46da3.entry.js → p-44cfa82f.entry.js} +1 -1
- package/dist/tegel/{p-5861f1a1.entry.js → p-44de07c3.entry.js} +1 -1
- package/dist/tegel/p-4975d0dc.entry.js +1 -0
- package/dist/tegel/p-4b2815d9.entry.js +1 -0
- package/dist/tegel/{p-bc1c3343.entry.js → p-4c5732f7.entry.js} +1 -1
- package/dist/tegel/{p-af181980.entry.js → p-4dc87fd6.entry.js} +1 -1
- package/dist/tegel/{p-2aad9941.entry.js → p-4f28c640.entry.js} +1 -1
- package/dist/tegel/p-514678eb.entry.js +1 -0
- package/dist/tegel/{p-1059bf26.entry.js → p-570e6dfe.entry.js} +1 -1
- package/dist/tegel/{p-9dfc91c9.entry.js → p-5869453b.entry.js} +1 -1
- package/dist/tegel/{p-1d5775a4.entry.js → p-59ccd561.entry.js} +1 -1
- package/dist/tegel/{p-3316bc75.entry.js → p-5f2ce595.entry.js} +1 -1
- package/dist/tegel/{p-f23c255e.entry.js → p-65d158c6.entry.js} +1 -1
- package/dist/tegel/{p-adeab462.entry.js → p-70244522.entry.js} +1 -1
- package/dist/tegel/{p-70d1cd7b.entry.js → p-7451004a.entry.js} +1 -1
- package/dist/tegel/p-7480b7e4.entry.js +1 -0
- package/dist/tegel/{p-49205d14.entry.js → p-7ddbbe81.entry.js} +1 -1
- package/dist/tegel/{p-164cad49.entry.js → p-7e40d449.entry.js} +1 -1
- package/dist/tegel/p-7fd51ce7.entry.js +1 -0
- package/dist/tegel/{p-44d9917e.entry.js → p-81572036.entry.js} +1 -1
- package/dist/tegel/p-84e02470.entry.js +1 -0
- package/dist/tegel/p-8a13ca68.entry.js +1 -0
- package/dist/tegel/{p-ecc3dbb7.entry.js → p-8fc6ea68.entry.js} +1 -1
- package/dist/tegel/{p-093cb0c9.entry.js → p-91a5a3ef.entry.js} +1 -1
- package/dist/tegel/{p-f759d47e.entry.js → p-92a7a555.entry.js} +1 -1
- package/dist/tegel/p-95bc8158.entry.js +1 -0
- package/dist/tegel/p-95cf5a80.entry.js +1 -0
- package/dist/tegel/p-95f34237.entry.js +1 -0
- package/dist/tegel/{p-2f3097db.entry.js → p-97fd0362.entry.js} +1 -1
- package/dist/tegel/{p-f050bb72.entry.js → p-99e5cd6e.entry.js} +1 -1
- package/dist/tegel/{p-44469748.entry.js → p-9a2e40b7.entry.js} +1 -1
- package/dist/tegel/p-9c580abd.entry.js +1 -0
- package/dist/tegel/p-BaLlBOle.js +2 -0
- package/dist/tegel/{p-26bb5caa.entry.js → p-a20196c3.entry.js} +1 -1
- package/dist/tegel/{p-3aa9bd15.entry.js → p-ad31d3b6.entry.js} +1 -1
- package/dist/tegel/{p-268f9322.entry.js → p-b0b96473.entry.js} +1 -1
- package/dist/tegel/p-b6e0a9ab.entry.js +1 -0
- package/dist/tegel/{p-bf824c61.entry.js → p-b734081a.entry.js} +1 -1
- package/dist/tegel/p-ba453872.entry.js +1 -0
- package/dist/tegel/p-c0fd52ec.entry.js +1 -0
- package/dist/tegel/{p-cb961bcb.entry.js → p-c46ada9c.entry.js} +1 -1
- package/dist/tegel/{p-fdb498ce.entry.js → p-cc502489.entry.js} +1 -1
- package/dist/tegel/{p-06af4d7e.entry.js → p-d12cfd28.entry.js} +1 -1
- package/dist/tegel/{p-f05d9a15.entry.js → p-da5bea78.entry.js} +1 -1
- package/dist/tegel/p-db6eb598.entry.js +1 -0
- package/dist/tegel/{p-e7d8a8f0.entry.js → p-e4c134f9.entry.js} +1 -1
- package/dist/tegel/{p-25bebd01.entry.js → p-e6a6cebe.entry.js} +1 -1
- package/dist/tegel/{p-af6e3662.entry.js → p-e84b9808.entry.js} +1 -1
- package/dist/tegel/{p-fcc729b8.entry.js → p-e9c4017c.entry.js} +1 -1
- package/dist/tegel/p-eab99a0f.entry.js +1 -0
- package/dist/tegel/p-eb2d71e0.entry.js +1 -0
- package/dist/tegel/{p-776facd0.entry.js → p-f093c1a1.entry.js} +1 -1
- package/dist/tegel/p-f0ee6b81.entry.js +1 -0
- package/dist/tegel/{p-ccade09e.entry.js → p-f326d943.entry.js} +1 -1
- package/dist/tegel/{p-d5d3c0d6.entry.js → p-f39d8179.entry.js} +1 -1
- package/dist/tegel/{p-4c467717.entry.js → p-f4fb354c.entry.js} +1 -1
- package/dist/tegel/p-f96840e2.entry.js +1 -0
- package/dist/tegel/{p-92108e80.entry.js → p-fb60b750.entry.js} +1 -1
- package/dist/tegel/tegel.css +13 -5
- package/dist/tegel/tegel.esm.js +1 -1
- package/dist/types/components/divider/divider.d.ts +2 -2
- package/dist/types/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.d.ts +1 -1
- package/dist/types/components/side-menu/side-menu-dropdown/side-menu-dropdown.d.ts +1 -1
- package/dist/types/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.d.ts +1 -1
- package/dist/types/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.d.ts +1 -1
- package/dist/types/components/side-menu/side-menu-item/side-menu-item.d.ts +1 -1
- package/dist/types/components/side-menu/side-menu.d.ts +1 -0
- package/dist/types/components/table/table-body-cell/table-body-cell.d.ts +4 -0
- package/dist/types/components.d.ts +34 -5
- package/package.json +2 -2
- package/dist/cjs/index-CV3gWObH.js +0 -2548
- package/dist/components/p-B1QdNOPI.js +0 -1
- package/dist/components/p-BGW6utqb.js +0 -1
- package/dist/components/p-CbSJY3jI.js +0 -1
- package/dist/components/p-DnMNK2Ez.js +0 -1
- package/dist/components/p-Zonwl9_G.js +0 -1
- package/dist/esm/index-DiuTk88e.js +0 -2519
- package/dist/tegel/p-17e4be63.entry.js +0 -1
- package/dist/tegel/p-27534bfe.entry.js +0 -1
- package/dist/tegel/p-388954e8.entry.js +0 -1
- package/dist/tegel/p-39a3283a.entry.js +0 -1
- package/dist/tegel/p-3a0e496d.entry.js +0 -1
- package/dist/tegel/p-43395e95.entry.js +0 -1
- package/dist/tegel/p-4c5ef2a7.entry.js +0 -1
- package/dist/tegel/p-4c82d5aa.entry.js +0 -1
- package/dist/tegel/p-4da47655.entry.js +0 -1
- package/dist/tegel/p-67a97ef1.entry.js +0 -1
- package/dist/tegel/p-804ad347.entry.js +0 -1
- package/dist/tegel/p-88ffc80e.entry.js +0 -1
- package/dist/tegel/p-8b1224bf.entry.js +0 -1
- package/dist/tegel/p-9243b48e.entry.js +0 -1
- package/dist/tegel/p-DiuTk88e.js +0 -2
- package/dist/tegel/p-a30576d0.entry.js +0 -1
- package/dist/tegel/p-af4d84e3.entry.js +0 -1
- package/dist/tegel/p-b23c08ab.entry.js +0 -1
- package/dist/tegel/p-be62edff.entry.js +0 -1
- package/dist/tegel/p-c00bfc2a.entry.js +0 -1
- package/dist/tegel/p-cb22d3f5.entry.js +0 -1
- package/dist/tegel/p-d5a00b64.entry.js +0 -1
- package/dist/tegel/p-d67b0401.entry.js +0 -1
- package/dist/tegel/p-d928d574.entry.js +0 -1
- package/dist/tegel/p-f51710be.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as s,H as t,h as d,a}from"./index.js";const n=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return d(a,{key:"
|
|
1
|
+
import{t as e,p as s,H as t,h as d,a}from"./index.js";const n=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return d(a,{key:"cf2d9004a9c6dffcd4b9565ec43b9ff5918d0810"},this.heading,this.subheading&&d("div",{key:"876e4afd901483154f50cd5505895058cffa3751",class:"subheading"},this.subheading))}static get style(){return":host{display:block;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color)}:host .subheading{color:var(--tds-grey-500)}"}},[1,"tds-side-menu-user-label",{heading:[513],subheading:[513]}]);function i(){"undefined"!=typeof customElements&&["tds-side-menu-user-label"].forEach((s=>{"tds-side-menu-user-label"===s&&(customElements.get(e(s))||customElements.define(e(s),n))}))}i();export{n as T,i as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as e,H as o,h as s,a as n}from"./index.js";import{d as i}from"./p-CLF3diNe.js";const d=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.selected=!1,this.active=!1,this.collapsed=!1,this.hasUserComponent=!1}findSlottedAndExecute(t,e){var o;const s=null===(o=this.slotEl)||void 0===o?void 0:o.assignedElements({flatten:!0});if(!(null==s?void 0:s.length))return;const n=s[0];if(n){const o=i(n,t);o&&e(o)}}updateSlottedElements(){this.slotEl&&this.findSlottedAndExecute((t=>"tds-icon"===t.tagName.toLowerCase()||"svg"===t.tagName.toLowerCase()),(t=>{t.classList.add("__tds-side-menu-item-icon"),this.collapsed?t.classList.add("__tds-side-menu-item-icon-collapsed"):t.classList.remove("__tds-side-menu-item-icon-collapsed")}))}updateHasUserComponent(){if(this.slotEl){const t=t=>"tds-side-menu-user"===t.tagName.toLowerCase();this.hasUserComponent=!1,this.findSlottedAndExecute(t,(()=>{this.hasUserComponent=!0}))}}
|
|
1
|
+
import{t,p as e,H as o,h as s,a as n}from"./index.js";import{d as i}from"./p-CLF3diNe.js";const d=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.selected=!1,this.active=!1,this.collapsed=!1,this.hasUserComponent=!1}findSlottedAndExecute(t,e){var o;const s=null===(o=this.slotEl)||void 0===o?void 0:o.assignedElements({flatten:!0});if(!(null==s?void 0:s.length))return;const n=s[0];if(n){const o=i(n,t);o&&e(o)}}updateSlottedElements(){this.slotEl&&this.findSlottedAndExecute((t=>"tds-icon"===t.tagName.toLowerCase()||"svg"===t.tagName.toLowerCase()),(t=>{t.classList.add("__tds-side-menu-item-icon"),this.collapsed?t.classList.add("__tds-side-menu-item-icon-collapsed"):t.classList.remove("__tds-side-menu-item-icon-collapsed")}))}updateHasUserComponent(){if(this.slotEl){const t=t=>"tds-side-menu-user"===t.tagName.toLowerCase();this.hasUserComponent=!1,this.findSlottedAndExecute(t,(()=>{this.hasUserComponent=!0}))}}componentWillLoad(){var t;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(t=this.sideMenuEl)||void 0===t?void 0:t.collapsed)}componentDidLoad(){var t,e;this.slotEl=null!==(e=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("slot"))&&void 0!==e?e:null,this.updateSlottedElements(),this.updateHasUserComponent(),this.slotEl&&this.slotEl.addEventListener("slotchange",(()=>{this.updateSlottedElements(),this.updateHasUserComponent()}))}collapseSideMenuEventHandler(t){this.collapsed=t.detail.collapsed,this.updateSlottedElements(),this.updateHasUserComponent()}render(){return s(n,{key:"1fcfe1981864846efadb19f86e27c65be57e87ed"},s("div",{key:"48ab66bd93c5864704a236f7673247d91a9514ce",class:{component:!0,"component-selected":this.selected,"component-active":this.active,"component-collapsed":this.collapsed,"component-has-user":this.hasUserComponent}},s("slot",{key:"cf85b9e0d37d4e5609185472f8cdcc262bb678a2"})))}get host(){return this}static get style(){return':host{display:block}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;height:68px;width:100%;display:flex;align-items:center;gap:10px;padding:0 22px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);cursor:pointer}:host .component ::slotted(tds-side-menu-user),:host .component-has-user ::slotted(button){all:unset;box-sizing:border-box;height:68px;width:100%;display:flex;align-items:center;gap:16px;padding:0 22px 0 16px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);cursor:pointer}:host .component tds-icon{color:red !important}:host .component ::slotted(a:focus-visible),:host .component ::slotted(button:focus-visible){outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px;z-index:1}:host .component:hover ::slotted(a),:host .component:hover ::slotted(button),:host .component:hover ::slotted(tds-side-menu-user){background-color:var(--tds-sidebar-item-state-hover);position:relative}:host .component:hover ::slotted(a)::before,:host .component:hover ::slotted(button)::before,:host .component:hover ::slotted(tds-side-menu-user)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-hover-indicator)}:host .component:hover ::slotted(a:focus-visible),:host .component:hover ::slotted(button:focus-visible),:host .component:hover ::slotted(tds-side-menu-user:focus-visible){background-color:var(--tds-sidebar-item-state-hover);position:relative}:host .component:hover ::slotted(a:focus-visible)::before,:host .component:hover ::slotted(button:focus-visible)::before,:host .component:hover ::slotted(tds-side-menu-user:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-hover-indicator)}:host .component:active ::slotted(a),:host .component:active ::slotted(button),:host .component:active ::slotted(tds-side-menu-user){background-color:var(--tds-sidemenu-item-state-active);position:relative}:host .component:active ::slotted(a)::before,:host .component:active ::slotted(button)::before,:host .component:active ::slotted(tds-side-menu-user)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component:active ::slotted(a:focus-visible),:host .component:active ::slotted(button:focus-visible),:host .component:active ::slotted(tds-side-menu-user:focus-visible){background-color:var(--tds-sidemenu-item-state-active);position:relative}:host .component:active ::slotted(a:focus-visible)::before,:host .component:active ::slotted(button:focus-visible)::before,:host .component:active ::slotted(tds-side-menu-user:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component-collapsed ::slotted(a),:host .component-collapsed ::slotted(button){padding:0;display:flex;justify-content:center;align-items:center;position:relative}:host .component-selected:not(:host .component-active) ::slotted(a),:host .component-selected:not(:host .component-active) ::slotted(button),:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user){background-color:var(--tds-sidebar-item-state-selected);position:relative}:host .component-selected:not(:host .component-active) ::slotted(a)::before,:host .component-selected:not(:host .component-active) ::slotted(button)::before,:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component-selected:not(:host .component-active) ::slotted(a:focus-visible),:host .component-selected:not(:host .component-active) ::slotted(button:focus-visible),:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user:focus-visible){background-color:var(--tds-sidebar-item-state-selected);position:relative}:host .component-selected:not(:host .component-active) ::slotted(a:focus-visible)::before,:host .component-selected:not(:host .component-active) ::slotted(button:focus-visible)::before,:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}@media (min-width: 992px){:host .component.component-collapsed ::slotted(a),:host .component.component-collapsed ::slotted(button){color:rgba(90, 90, 90, 0);overflow:hidden}}'}},[257,"tds-side-menu-item",{selected:[516],active:[516],collapsed:[32],hasUserComponent:[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]);function c(){"undefined"!=typeof customElements&&["tds-side-menu-item"].forEach((e=>{"tds-side-menu-item"===e&&(customElements.get(t(e))||customElements.define(t(e),d))}))}c();export{d as T,c as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as o,H as n,h as r,a}from"./index.js";import{h as s}from"./p-DDX6uFcm.js";const d=o(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.type="button",this.variant="primary",this.size="lg",this.disabled=!1,this.fullbleed=!1,this.modeVariant=null,this.animation="none",this.onlyIcon=!1}handleKeyDown(t){var o;"Enter"!==t.key||this.disabled||null===(o=this.host.querySelector("button"))||void 0===o||o.classList.add("active")}handleKeyUp(t){var o;"Enter"!==t.key||this.disabled||null===(o=this.host.querySelector("button"))||void 0===o||o.classList.remove("active")}render(){const t=s("label",this.host),o=s("icon",this.host);return this.text||t||(this.onlyIcon=!0),r(a,{key:"7f8c8462a61bc5faf9ad2d6d9bf2e358aa3cf98e",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant),disabled:Boolean(this.disabled),fullbleed:Boolean(this.fullbleed)},disabled:this.disabled},r("button",Object.assign({key:"4875490d582b2d7b56761d4926677a875898448b",type:this.type,name:this.name?this.name:void 0,value:this.value?this.value:void 0,disabled:this.disabled,class:{primary:"primary"===this.variant,secondary:"secondary"===this.variant,ghost:"ghost"===this.variant,danger:"danger"===this.variant,lg:"lg"===this.size,md:"md"===this.size,sm:"sm"===this.size,xs:"xs"===this.size,disabled:this.disabled,fullbleed:this.fullbleed,icon:o,"only-icon":this.onlyIcon,[`animation-${this.animation}`]:"none"!==this.animation}},this.onlyIcon&&this.tdsAriaLabel&&{"aria-label":this.tdsAriaLabel}),this.text,t&&!this.onlyIcon&&r("slot",{key:"c2784c3405118a239965bf5ab95dd341ab10d5f0",name:"label"}),o&&r("slot",{key:"ba5b742b82d3879c01cdee53219daf3d2571768a",name:"icon"})))}get host(){return this}static get style(){return"tds-button.sc-tds-button{--tds-btn-border-radius:calc(var(--component-button-border-radius-default) * 1px);--tds-btn-opacity-disabled:calc(var(--component-button-opacity-disabled) / 100);--tds-btn-primary-background:var(--component-button-background-standard-primary-default);--tds-btn-primary-background-hover:var(--component-button-background-standard-primary-hover);--tds-btn-primary-background-active:var(--component-button-background-standard-primary-active);--tds-btn-primary-background-focus:var(--component-button-background-standard-primary-default);--tds-btn-primary-color:var(--component-button-text-standard-primary-default);--tds-btn-primary-color-hover:var(--component-button-text-standard-primary-hover);--tds-btn-primary-color-active:var(--component-button-text-standard-primary-active);--tds-btn-primary-color-focus:var(--component-button-text-standard-primary-hover);--tds-btn-primary-border-color:var(--component-button-border-standard-primary-default);--tds-btn-primary-border-color-hover:var(--component-button-border-standard-primary-hover);--tds-btn-primary-border-color-active:var(--component-button-border-standard-primary-active);--tds-btn-primary-border-color-focus:var(--component-button-border-standard-primary-hover);--tds-btn-primary-outline-color-focus:var(--component--focus-ring-color-strong);--tds-btn-icon-primary-fill:var(--component-button-icon-standard-primary-default);--tds-btn-icon-primary-color:var(--component-button-icon-standard-primary-default);--tds-btn-icon-primary-fill-hover:var(--component-button-icon-standard-primary-hover);--tds-btn-icon-primary-color-hover:var(--component-button-icon-standard-primary-hover);--tds-btn-icon-primary-fill-active:var(--component-button-icon-standard-primary-active);--tds-btn-icon-primary-color-active:var(--component-button-icon-standard-primary-active);--tds-btn-icon-primary-fill-focus:var(--component-button-icon-standard-primary-hover);--tds-btn-icon-primary-color-focus:var(--component-button-icon-standard-primary-hover);--tds-btn-secondary-background:var(--component-button-background-standard-secondary-default);--tds-btn-secondary-background-hover:var(--component-button-background-standard-secondary-hover);--tds-btn-secondary-background-active:var( --component-button-background-standard-secondary-active );--tds-btn-secondary-background-focus:var( --component-button-background-standard-secondary-default );--tds-btn-secondary-color:var(--component-button-text-standard-secondary-default);--tds-btn-secondary-color-hover:var(--component-button-text-standard-secondary-hover);--tds-btn-secondary-color-active:var(--component-button-text-standard-secondary-active);--tds-btn-secondary-color-focus:var(--component-button-text-standard-secondary-hover);--tds-btn-secondary-border-color:var(--component-button-border-standard-secondary-default);--tds-btn-secondary-border-color-hover:var(--component-button-border-standard-secondary-hover);--tds-btn-secondary-border-color-active:var(--component-button-border-standard-secondary-active);--tds-btn-secondary-border-color-focus:var(--component-button-border-standard-secondary-hover);--tds-btn-secondary-outline-color-focus:var(--component--focus-ring-color-strong);--tds-btn-icon-secondary-fill:var(--component-button-icon-standard-secondary-default);--tds-btn-icon-secondary-color:var(--component-button-icon-standard-secondary-default);--tds-btn-icon-secondary-fill-hover:var(--component-button-icon-standard-secondary-hover);--tds-btn-icon-secondary-color-hover:var(--component-button-icon-standard-secondary-hover);--tds-btn-icon-secondary-fill-active:var(--component-button-icon-standard-secondary-active);--tds-btn-icon-secondary-color-active:var(--component-button-icon-standard-secondary-active);--tds-btn-icon-secondary-fill-focus:var(--component-button-icon-standard-secondary-hover);--tds-btn-icon-secondary-color-focus:var(--component-button-icon-standard-secondary-hover);--tds-btn-ghost-background:var(--component-button-background-standard-tertiary-default);--tds-btn-ghost-background-hover:var(--component-button-background-standard-tertiary-hover);--tds-btn-ghost-background-active:var(--component-button-background-standard-tertiary-active);--tds-btn-ghost-background-focus:var(--component-button-background-standard-tertiary-default);--tds-btn-ghost-color:var(--component-button-text-standard-tertiary-default);--tds-btn-ghost-color-hover:var(--component-button-text-standard-tertiary-hover);--tds-btn-ghost-color-active:var(--component-button-text-standard-tertiary-active);--tds-btn-ghost-color-focus:var(--component-button-text-standard-tertiary-hover);--tds-btn-ghost-border-color:var(--component-button-border-standard-tertiary-default);--tds-btn-ghost-border-color-hover:var(--component-button-border-standard-tertiary-hover);--tds-btn-ghost-border-color-active:var(--component-button-border-standard-tertiary-active);--tds-btn-ghost-border-color-focus:var(--component-button-border-standard-tertiary-hover);--tds-btn-ghost-outline-color-focus:var(--component--focus-ring-color-strong);--tds-btn-icon-ghost-fill:var(--component-button-icon-standard-tertiary-default);--tds-btn-icon-ghost-color:var(--component-button-icon-standard-tertiary-default);--tds-btn-icon-ghost-fill-hover:var(--component-button-icon-standard-tertiary-hover);--tds-btn-icon-ghost-color-hover:var(--component-button-icon-standard-tertiary-hover);--tds-btn-icon-ghost-fill-active:var(--component-button-icon-standard-tertiary-active);--tds-btn-icon-ghost-color-active:var(--component-button-icon-standard-tertiary-active);--tds-btn-icon-ghost-fill-focus:var(--component-button-icon-standard-tertiary-hover);--tds-btn-icon-ghost-color-focus:var(--component-button-icon-standard-tertiary-hover);--tds-btn-danger-background:var(--component-button-background-danger-primary-default);--tds-btn-danger-background-hover:var(--component-button-background-danger-primary-hover);--tds-btn-danger-background-active:var(--component-button-background-danger-primary-active);--tds-btn-danger-background-focus:var(--component-button-background-danger-primary-default);--tds-btn-danger-color:var(--component-button-text-danger-primary-default);--tds-btn-danger-color-hover:var(--component-button-text-danger-primary-hover);--tds-btn-danger-color-active:var(--component-button-text-danger-primary-active);--tds-btn-danger-color-focus:var(--component-button-text-danger-primary-hover);--tds-btn-danger-border-color:var(--component-button-border-danger-primary-default);--tds-btn-danger-border-color-hover:var(--component-button-border-danger-primary-hover);--tds-btn-danger-border-color-active:var(--component-button-border-danger-primary-active);--tds-btn-danger-border-color-focus:var(--component-button-border-danger-primary-hover);--tds-btn-danger-outline-color-focus:var(--component--focus-ring-color-strong);--tds-btn-icon-danger-fill:var(--component-button-icon-danger-primary-default);--tds-btn-icon-danger-color:var(--component-button-icon-danger-primary-default);--tds-btn-icon-danger-fill-hover:var(--component-button-icon-danger-primary-hover);--tds-btn-icon-danger-color-hover:var(--component-button-icon-danger-primary-hover);--tds-btn-icon-danger-fill-active:var(--component-button-icon-danger-primary-active);--tds-btn-icon-danger-color-active:var(--component-button-icon-danger-primary-active);--tds-btn-icon-danger-fill-focus:var(--component-button-icon-danger-primary-hover);--tds-btn-icon-danger-color-focus:var(--component-button-icon-danger-primary-hover)}button.sc-tds-button{box-sizing:border-box;font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);display:inline-flex;align-items:center;border-radius:var(--tds-btn-border-radius);border:none;box-shadow:none;position:relative;text-decoration:none;cursor:pointer;height:56px;padding:var(--tds-spacing-element-20);border:1px solid transparent}button.sc-tds-button *.sc-tds-button{box-sizing:border-box}button.sc-tds-button:focus{outline:1px solid var(--component--focus-ring-color-strong)}button.sc-tds-button:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}button.xs.sc-tds-button{padding:var(--tds-spacing-element-4) var(--tds-spacing-element-8);height:24px;font-size:12px;border-radius:var(--tds-btn-border-radius)}button.sm.sc-tds-button{padding:var(--tds-spacing-element-12);height:40px}button.sm.icon.sc-tds-button{padding:10px var(--tds-spacing-element-12)}button.sm.only-icon.sc-tds-button{padding:11px}button.md.sc-tds-button{padding:var(--tds-spacing-element-16);height:48px}button.md.icon.sc-tds-button{padding:14px var(--tds-spacing-element-16)}button.md.only-icon.sc-tds-button{padding:13px}button.lg.sc-tds-button{padding:var(--tds-spacing-element-20);height:56px}button.lg.icon.sc-tds-button{padding:18px var(--tds-spacing-element-20)}button.lg.only-icon.sc-tds-button{padding:17px}button.fullbleed.sc-tds-button{width:100%;display:flex;justify-content:center}button.animation-fade.sc-tds-button{transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}button.primary.sc-tds-button{background:var(--tds-btn-primary-background);border-color:var(--tds-btn-primary-border-color);color:var(--tds-btn-primary-color);outline-color:var(--tds-btn-primary-outline-color)}button.primary.icon.sc-tds-button{fill:var(--tds-btn-icon-primary-fill);color:var(--tds-btn-icon-primary-fill);fill:var(--tds-btn-icon-primary-color);color:var(--tds-btn-icon-primary-color)}button.primary.sc-tds-button:hover{background:var(--tds-btn-primary-background-hover);border-color:var(--tds-btn-primary-border-color-hover);color:var(--tds-btn-primary-color-hover);outline-color:var(--tds-btn-primary-outline-color-hover)}button.primary:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.primary:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-primary-fill-hover);color:var(--tds-btn-icon-primary-fill-hover);fill:var(--tds-btn-icon-primary-color-hover);color:var(--tds-btn-icon-primary-color-hover)}button.primary.sc-tds-button:focus-visible{background:var(--tds-btn-primary-background-focus);border-color:var(--tds-btn-primary-border-color-focus);color:var(--tds-btn-primary-color-focus);outline-color:var(--tds-btn-primary-outline-color-focus)}button.primary:focus-visible.sc-tds-button-s>[slot=icon],button.primary:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-primary-fill-focus);color:var(--tds-btn-icon-primary-fill-focus);fill:var(--tds-btn-icon-primary-color-focus);color:var(--tds-btn-icon-primary-color-focus)}button.primary.sc-tds-button:active,button.primary.active.sc-tds-button{background:var(--tds-btn-primary-background-active);border-color:var(--tds-btn-primary-border-color-active);color:var(--tds-btn-primary-color-active);outline-color:var(--tds-btn-primary-outline-color-active)}button.primary:active:not(.disabled).sc-tds-button-s>[slot=icon],button.primary:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.primary.active:not(.disabled).sc-tds-button-s>[slot=icon],button.primary.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-primary-fill-active);color:var(--tds-btn-icon-primary-fill-active);fill:var(--tds-btn-icon-primary-color-active);color:var(--tds-btn-icon-primary-color-active)}button.primary.disabled.sc-tds-button,button.primary.sc-tds-button:disabled{opacity:var(--tds-btn-opacity-disabled)}button.secondary.sc-tds-button{background:var(--tds-btn-secondary-background);border-color:var(--tds-btn-secondary-border-color);color:var(--tds-btn-secondary-color);outline-color:var(--tds-btn-secondary-outline-color)}button.secondary.icon.sc-tds-button{fill:var(--tds-btn-icon-secondary-fill);color:var(--tds-btn-icon-secondary-fill);fill:var(--tds-btn-icon-secondary-color);color:var(--tds-btn-icon-secondary-color)}button.secondary.sc-tds-button:hover{background:var(--tds-btn-secondary-background-hover);border-color:var(--tds-btn-secondary-border-color-hover);color:var(--tds-btn-secondary-color-hover);outline-color:var(--tds-btn-secondary-outline-color-hover)}button.secondary:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.secondary:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-secondary-fill-hover);color:var(--tds-btn-icon-secondary-fill-hover);fill:var(--tds-btn-icon-secondary-color-hover);color:var(--tds-btn-icon-secondary-color-hover)}button.secondary.sc-tds-button:focus-visible{background:var(--tds-btn-secondary-background-focus);border-color:var(--tds-btn-secondary-border-color-focus);color:var(--tds-btn-secondary-color-focus);outline-color:var(--tds-btn-secondary-outline-color-focus)}button.secondary:focus-visible.sc-tds-button-s>[slot=icon],button.secondary:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-secondary-fill-focus);color:var(--tds-btn-icon-secondary-fill-focus);fill:var(--tds-btn-icon-secondary-color-focus);color:var(--tds-btn-icon-secondary-color-focus)}button.secondary.sc-tds-button:active,button.secondary.active.sc-tds-button{background:var(--tds-btn-secondary-background-active);border-color:var(--tds-btn-secondary-border-color-active);color:var(--tds-btn-secondary-color-active);outline-color:var(--tds-btn-secondary-outline-color-active)}button.secondary:active:not(.disabled).sc-tds-button-s>[slot=icon],button.secondary:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.secondary.active:not(.disabled).sc-tds-button-s>[slot=icon],button.secondary.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-secondary-fill-active);color:var(--tds-btn-icon-secondary-fill-active);fill:var(--tds-btn-icon-secondary-color-active);color:var(--tds-btn-icon-secondary-color-active)}button.secondary.disabled.sc-tds-button,button.secondary.sc-tds-button:disabled{opacity:var(--tds-btn-opacity-disabled)}button.ghost.sc-tds-button{background:var(--tds-btn-ghost-background);border-color:var(--tds-btn-ghost-border-color);color:var(--tds-btn-ghost-color);outline-color:var(--tds-btn-ghost-outline-color)}button.ghost.icon.sc-tds-button{fill:var(--tds-btn-icon-ghost-fill);color:var(--tds-btn-icon-ghost-fill);fill:var(--tds-btn-icon-ghost-color);color:var(--tds-btn-icon-ghost-color)}button.ghost.sc-tds-button:hover{background:var(--tds-btn-ghost-background-hover);border-color:var(--tds-btn-ghost-border-color-hover);color:var(--tds-btn-ghost-color-hover);outline-color:var(--tds-btn-ghost-outline-color-hover)}button.ghost:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.ghost:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-ghost-fill-hover);color:var(--tds-btn-icon-ghost-fill-hover);fill:var(--tds-btn-icon-ghost-color-hover);color:var(--tds-btn-icon-ghost-color-hover)}button.ghost.sc-tds-button:focus-visible{background:var(--tds-btn-ghost-background-focus);border-color:var(--tds-btn-ghost-border-color-focus);color:var(--tds-btn-ghost-color-focus);outline-color:var(--tds-btn-ghost-outline-color-focus)}button.ghost:focus-visible.sc-tds-button-s>[slot=icon],button.ghost:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-ghost-fill-focus);color:var(--tds-btn-icon-ghost-fill-focus);fill:var(--tds-btn-icon-ghost-color-focus);color:var(--tds-btn-icon-ghost-color-focus)}button.ghost.sc-tds-button:active,button.ghost.active.sc-tds-button{background:var(--tds-btn-ghost-background-active);border-color:var(--tds-btn-ghost-border-color-active);color:var(--tds-btn-ghost-color-active);outline-color:var(--tds-btn-ghost-outline-color-active)}button.ghost:active:not(.disabled).sc-tds-button-s>[slot=icon],button.ghost:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.ghost.active:not(.disabled).sc-tds-button-s>[slot=icon],button.ghost.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-ghost-fill-active);color:var(--tds-btn-icon-ghost-fill-active);fill:var(--tds-btn-icon-ghost-color-active);color:var(--tds-btn-icon-ghost-color-active)}button.ghost.disabled.sc-tds-button,button.ghost.sc-tds-button:disabled{opacity:var(--tds-btn-opacity-disabled)}button.danger.sc-tds-button{background:var(--tds-btn-danger-background);border-color:var(--tds-btn-danger-border-color);color:var(--tds-btn-danger-color);outline-color:var(--tds-btn-danger-outline-color)}button.danger.icon.sc-tds-button{fill:var(--tds-btn-icon-danger-fill);color:var(--tds-btn-icon-danger-fill);fill:var(--tds-btn-icon-danger-color);color:var(--tds-btn-icon-danger-color)}button.danger.sc-tds-button:hover{background:var(--tds-btn-danger-background-hover);border-color:var(--tds-btn-danger-border-color-hover);color:var(--tds-btn-danger-color-hover);outline-color:var(--tds-btn-danger-outline-color-hover)}button.danger:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.danger:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-danger-fill-hover);color:var(--tds-btn-icon-danger-fill-hover);fill:var(--tds-btn-icon-danger-color-hover);color:var(--tds-btn-icon-danger-color-hover)}button.danger.sc-tds-button:focus-visible{background:var(--tds-btn-danger-background-focus);border-color:var(--tds-btn-danger-border-color-focus);color:var(--tds-btn-danger-color-focus);outline-color:var(--tds-btn-danger-outline-color-focus)}button.danger:focus-visible.sc-tds-button-s>[slot=icon],button.danger:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-danger-fill-focus);color:var(--tds-btn-icon-danger-fill-focus);fill:var(--tds-btn-icon-danger-color-focus);color:var(--tds-btn-icon-danger-color-focus)}button.danger.sc-tds-button:active,button.danger.active.sc-tds-button{background:var(--tds-btn-danger-background-active);border-color:var(--tds-btn-danger-border-color-active);color:var(--tds-btn-danger-color-active);outline-color:var(--tds-btn-danger-outline-color-active)}button.danger:active:not(.disabled).sc-tds-button-s>[slot=icon],button.danger:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.danger.active:not(.disabled).sc-tds-button-s>[slot=icon],button.danger.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-danger-fill-active);color:var(--tds-btn-icon-danger-fill-active);fill:var(--tds-btn-icon-danger-color-active);color:var(--tds-btn-icon-danger-color-active)}button.danger.disabled.sc-tds-button,button.danger.sc-tds-button:disabled{opacity:var(--tds-btn-opacity-disabled)}tds-button.sc-tds-button-h{display:inline-flex;align-items:center}.sc-tds-button-htds-button.sc-tds-button-s>[slot=icon],.sc-tds-button-htds-button .sc-tds-button-s>[slot=icon]{width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}.sc-tds-button-htds-button .sm.sc-tds-button-s>[slot=icon],.sc-tds-button-htds-button .sm .sc-tds-button-s>[slot=icon]{width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16)}.disabled.sc-tds-button-h:active{pointer-events:none}.disabled.sc-tds-button-h button.sc-tds-button{cursor:not-allowed}.fullbleed.sc-tds-button-h{width:100%;justify-content:center}tds-button.sc-tds-button button.sc-tds-button{display:inline-flex;align-items:center}tds-button button.sm.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-12);width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16)}tds-button button.md.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-16);width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}tds-button button.lg.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}tds-button button.only-icon.sc-tds-button-s>[slot=icon]{margin-left:0;display:flex;align-items:center;justify-content:center}"}},[262,"tds-button",{text:[513],type:[513],variant:[513],size:[513],disabled:[516],fullbleed:[516],modeVariant:[513,"mode-variant"],animation:[513],tdsAriaLabel:[513,"tds-aria-label"],name:[513],value:[513],onlyIcon:[32]},[[0,"keydown","handleKeyDown"],[0,"keyup","handleKeyUp"]]]);function c(){"undefined"!=typeof customElements&&["tds-button"].forEach((o=>{"tds-button"===o&&(customElements.get(t(o))||customElements.define(t(o),d))}))}c();export{d as T,c as d}
|
|
1
|
+
import{t,p as o,H as n,h as r,a}from"./index.js";import{h as s}from"./p-DDX6uFcm.js";const d=o(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.type="button",this.variant="primary",this.size="lg",this.disabled=!1,this.fullbleed=!1,this.modeVariant=null,this.animation="none",this.onlyIcon=!1}handleKeyDown(t){var o;"Enter"!==t.key||this.disabled||null===(o=this.host.querySelector("button"))||void 0===o||o.classList.add("active")}handleKeyUp(t){var o;"Enter"!==t.key||this.disabled||null===(o=this.host.querySelector("button"))||void 0===o||o.classList.remove("active")}render(){const t=s("label",this.host),o=s("icon",this.host);return this.text||t||(this.onlyIcon=!0),r(a,{key:"6aa0aeb6026633e929a0e0c6b7715a6286350cb6",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant),disabled:Boolean(this.disabled),fullbleed:Boolean(this.fullbleed)},disabled:this.disabled},r("button",Object.assign({key:"1eafa70fc5067abc48937b5eb1bf1125c921438d",type:this.type,name:this.name?this.name:void 0,value:this.value?this.value:void 0,disabled:this.disabled,class:{primary:"primary"===this.variant,secondary:"secondary"===this.variant,ghost:"ghost"===this.variant,danger:"danger"===this.variant,lg:"lg"===this.size,md:"md"===this.size,sm:"sm"===this.size,xs:"xs"===this.size,disabled:this.disabled,fullbleed:this.fullbleed,icon:o,"only-icon":this.onlyIcon,[`animation-${this.animation}`]:"none"!==this.animation}},this.onlyIcon&&this.tdsAriaLabel&&{"aria-label":this.tdsAriaLabel}),this.text,t&&!this.onlyIcon&&r("slot",{key:"f4a72ae2c168c2a363b9a6c38bfc1c6bdc8ff396",name:"label"}),o&&r("slot",{key:"6b8d987053f43d42d667902efa2431f5b69d46f2",name:"icon"})))}get host(){return this}static get style(){return"tds-button.sc-tds-button{--tds-btn-border-radius:calc(var(--component-button-border-radius-default) * 1px);--tds-btn-opacity-disabled:calc(var(--component-button-opacity-disabled) / 100);--tds-btn-primary-background:var(--component-button-background-standard-primary-default);--tds-btn-primary-background-hover:var(--component-button-background-standard-primary-hover);--tds-btn-primary-background-active:var(--component-button-background-standard-primary-active);--tds-btn-primary-background-focus:var(--component-button-background-standard-primary-default);--tds-btn-primary-color:var(--component-button-text-standard-primary-default);--tds-btn-primary-color-hover:var(--component-button-text-standard-primary-hover);--tds-btn-primary-color-active:var(--component-button-text-standard-primary-active);--tds-btn-primary-color-focus:var(--component-button-text-standard-primary-hover);--tds-btn-primary-border-color:var(--component-button-border-standard-primary-default);--tds-btn-primary-border-color-hover:var(--component-button-border-standard-primary-hover);--tds-btn-primary-border-color-active:var(--component-button-border-standard-primary-active);--tds-btn-primary-border-color-focus:var(--component-button-border-standard-primary-hover);--tds-btn-primary-outline-color-focus:var(--component--focus-ring-color-strong);--tds-btn-icon-primary-fill:var(--component-button-icon-standard-primary-default);--tds-btn-icon-primary-color:var(--component-button-icon-standard-primary-default);--tds-btn-icon-primary-fill-hover:var(--component-button-icon-standard-primary-hover);--tds-btn-icon-primary-color-hover:var(--component-button-icon-standard-primary-hover);--tds-btn-icon-primary-fill-active:var(--component-button-icon-standard-primary-active);--tds-btn-icon-primary-color-active:var(--component-button-icon-standard-primary-active);--tds-btn-icon-primary-fill-focus:var(--component-button-icon-standard-primary-hover);--tds-btn-icon-primary-color-focus:var(--component-button-icon-standard-primary-hover);--tds-btn-secondary-background:var(--component-button-background-standard-secondary-default);--tds-btn-secondary-background-hover:var(--component-button-background-standard-secondary-hover);--tds-btn-secondary-background-active:var( --component-button-background-standard-secondary-active );--tds-btn-secondary-background-focus:var( --component-button-background-standard-secondary-default );--tds-btn-secondary-color:var(--component-button-text-standard-secondary-default);--tds-btn-secondary-color-hover:var(--component-button-text-standard-secondary-hover);--tds-btn-secondary-color-active:var(--component-button-text-standard-secondary-active);--tds-btn-secondary-color-focus:var(--component-button-text-standard-secondary-hover);--tds-btn-secondary-border-color:var(--component-button-border-standard-secondary-default);--tds-btn-secondary-border-color-hover:var(--component-button-border-standard-secondary-hover);--tds-btn-secondary-border-color-active:var(--component-button-border-standard-secondary-active);--tds-btn-secondary-border-color-focus:var(--component-button-border-standard-secondary-hover);--tds-btn-secondary-outline-color-focus:var(--component--focus-ring-color-strong);--tds-btn-icon-secondary-fill:var(--component-button-icon-standard-secondary-default);--tds-btn-icon-secondary-color:var(--component-button-icon-standard-secondary-default);--tds-btn-icon-secondary-fill-hover:var(--component-button-icon-standard-secondary-hover);--tds-btn-icon-secondary-color-hover:var(--component-button-icon-standard-secondary-hover);--tds-btn-icon-secondary-fill-active:var(--component-button-icon-standard-secondary-active);--tds-btn-icon-secondary-color-active:var(--component-button-icon-standard-secondary-active);--tds-btn-icon-secondary-fill-focus:var(--component-button-icon-standard-secondary-hover);--tds-btn-icon-secondary-color-focus:var(--component-button-icon-standard-secondary-hover);--tds-btn-ghost-background:var(--component-button-background-standard-tertiary-default);--tds-btn-ghost-background-hover:var(--component-button-background-standard-tertiary-hover);--tds-btn-ghost-background-active:var(--component-button-background-standard-tertiary-active);--tds-btn-ghost-background-focus:var(--component-button-background-standard-tertiary-default);--tds-btn-ghost-color:var(--component-button-text-standard-tertiary-default);--tds-btn-ghost-color-hover:var(--component-button-text-standard-tertiary-hover);--tds-btn-ghost-color-active:var(--component-button-text-standard-tertiary-active);--tds-btn-ghost-color-focus:var(--component-button-text-standard-tertiary-hover);--tds-btn-ghost-border-color:var(--component-button-border-standard-tertiary-default);--tds-btn-ghost-border-color-hover:var(--component-button-border-standard-tertiary-hover);--tds-btn-ghost-border-color-active:var(--component-button-border-standard-tertiary-active);--tds-btn-ghost-border-color-focus:var(--component-button-border-standard-tertiary-hover);--tds-btn-ghost-outline-color-focus:var(--component--focus-ring-color-strong);--tds-btn-icon-ghost-fill:var(--component-button-icon-standard-tertiary-default);--tds-btn-icon-ghost-color:var(--component-button-icon-standard-tertiary-default);--tds-btn-icon-ghost-fill-hover:var(--component-button-icon-standard-tertiary-hover);--tds-btn-icon-ghost-color-hover:var(--component-button-icon-standard-tertiary-hover);--tds-btn-icon-ghost-fill-active:var(--component-button-icon-standard-tertiary-active);--tds-btn-icon-ghost-color-active:var(--component-button-icon-standard-tertiary-active);--tds-btn-icon-ghost-fill-focus:var(--component-button-icon-standard-tertiary-hover);--tds-btn-icon-ghost-color-focus:var(--component-button-icon-standard-tertiary-hover);--tds-btn-danger-background:var(--component-button-background-danger-primary-default);--tds-btn-danger-background-hover:var(--component-button-background-danger-primary-hover);--tds-btn-danger-background-active:var(--component-button-background-danger-primary-active);--tds-btn-danger-background-focus:var(--component-button-background-danger-primary-default);--tds-btn-danger-color:var(--component-button-text-danger-primary-default);--tds-btn-danger-color-hover:var(--component-button-text-danger-primary-hover);--tds-btn-danger-color-active:var(--component-button-text-danger-primary-active);--tds-btn-danger-color-focus:var(--component-button-text-danger-primary-hover);--tds-btn-danger-border-color:var(--component-button-border-danger-primary-default);--tds-btn-danger-border-color-hover:var(--component-button-border-danger-primary-hover);--tds-btn-danger-border-color-active:var(--component-button-border-danger-primary-active);--tds-btn-danger-border-color-focus:var(--component-button-border-danger-primary-hover);--tds-btn-danger-outline-color-focus:var(--component--focus-ring-color-strong);--tds-btn-icon-danger-fill:var(--component-button-icon-danger-primary-default);--tds-btn-icon-danger-color:var(--component-button-icon-danger-primary-default);--tds-btn-icon-danger-fill-hover:var(--component-button-icon-danger-primary-hover);--tds-btn-icon-danger-color-hover:var(--component-button-icon-danger-primary-hover);--tds-btn-icon-danger-fill-active:var(--component-button-icon-danger-primary-active);--tds-btn-icon-danger-color-active:var(--component-button-icon-danger-primary-active);--tds-btn-icon-danger-fill-focus:var(--component-button-icon-danger-primary-hover);--tds-btn-icon-danger-color-focus:var(--component-button-icon-danger-primary-hover)}button.sc-tds-button{box-sizing:border-box;font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);display:inline-flex;align-items:center;border-radius:var(--tds-btn-border-radius);border:none;box-shadow:none;position:relative;text-decoration:none;cursor:pointer;height:56px;padding:var(--tds-spacing-element-20);border:1px solid transparent}button.sc-tds-button *.sc-tds-button{box-sizing:border-box}button.sc-tds-button:focus{outline:1px solid var(--component--focus-ring-color-strong)}button.sc-tds-button:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}button.xs.sc-tds-button{padding:var(--tds-spacing-element-4) var(--tds-spacing-element-8);height:24px;font-size:12px;border-radius:var(--tds-btn-border-radius)}button.sm.sc-tds-button{padding:var(--tds-spacing-element-12);height:40px}button.sm.icon.sc-tds-button{padding:10px var(--tds-spacing-element-12)}button.sm.only-icon.sc-tds-button{padding:11px}button.md.sc-tds-button{padding:var(--tds-spacing-element-16);height:48px}button.md.icon.sc-tds-button{padding:14px var(--tds-spacing-element-16)}button.md.only-icon.sc-tds-button{padding:13px}button.lg.sc-tds-button{padding:var(--tds-spacing-element-20);height:56px}button.lg.icon.sc-tds-button{padding:18px var(--tds-spacing-element-20)}button.lg.only-icon.sc-tds-button{padding:17px}button.fullbleed.sc-tds-button{width:100%;display:flex;justify-content:center}button.animation-fade.sc-tds-button{transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}button.primary.sc-tds-button{background:var(--tds-btn-primary-background);border-color:var(--tds-btn-primary-border-color);color:var(--tds-btn-primary-color);outline-color:var(--tds-btn-primary-outline-color)}button.primary.icon.sc-tds-button{fill:var(--tds-btn-icon-primary-fill);color:var(--tds-btn-icon-primary-fill);fill:var(--tds-btn-icon-primary-color);color:var(--tds-btn-icon-primary-color)}button.primary.sc-tds-button:hover{background:var(--tds-btn-primary-background-hover);border-color:var(--tds-btn-primary-border-color-hover);color:var(--tds-btn-primary-color-hover);outline-color:var(--tds-btn-primary-outline-color-hover)}button.primary:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.primary:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-primary-fill-hover);color:var(--tds-btn-icon-primary-fill-hover);fill:var(--tds-btn-icon-primary-color-hover);color:var(--tds-btn-icon-primary-color-hover)}button.primary.sc-tds-button:focus-visible{background:var(--tds-btn-primary-background-focus);border-color:var(--tds-btn-primary-border-color-focus);color:var(--tds-btn-primary-color-focus);outline-color:var(--tds-btn-primary-outline-color-focus)}button.primary:focus-visible.sc-tds-button-s>[slot=icon],button.primary:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-primary-fill-focus);color:var(--tds-btn-icon-primary-fill-focus);fill:var(--tds-btn-icon-primary-color-focus);color:var(--tds-btn-icon-primary-color-focus)}button.primary.sc-tds-button:active,button.primary.active.sc-tds-button{background:var(--tds-btn-primary-background-active);border-color:var(--tds-btn-primary-border-color-active);color:var(--tds-btn-primary-color-active);outline-color:var(--tds-btn-primary-outline-color-active)}button.primary:active:not(.disabled).sc-tds-button-s>[slot=icon],button.primary:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.primary.active:not(.disabled).sc-tds-button-s>[slot=icon],button.primary.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-primary-fill-active);color:var(--tds-btn-icon-primary-fill-active);fill:var(--tds-btn-icon-primary-color-active);color:var(--tds-btn-icon-primary-color-active)}button.primary.disabled.sc-tds-button,button.primary.sc-tds-button:disabled{opacity:var(--tds-btn-opacity-disabled)}button.secondary.sc-tds-button{background:var(--tds-btn-secondary-background);border-color:var(--tds-btn-secondary-border-color);color:var(--tds-btn-secondary-color);outline-color:var(--tds-btn-secondary-outline-color)}button.secondary.icon.sc-tds-button{fill:var(--tds-btn-icon-secondary-fill);color:var(--tds-btn-icon-secondary-fill);fill:var(--tds-btn-icon-secondary-color);color:var(--tds-btn-icon-secondary-color)}button.secondary.sc-tds-button:hover{background:var(--tds-btn-secondary-background-hover);border-color:var(--tds-btn-secondary-border-color-hover);color:var(--tds-btn-secondary-color-hover);outline-color:var(--tds-btn-secondary-outline-color-hover)}button.secondary:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.secondary:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-secondary-fill-hover);color:var(--tds-btn-icon-secondary-fill-hover);fill:var(--tds-btn-icon-secondary-color-hover);color:var(--tds-btn-icon-secondary-color-hover)}button.secondary.sc-tds-button:focus-visible{background:var(--tds-btn-secondary-background-focus);border-color:var(--tds-btn-secondary-border-color-focus);color:var(--tds-btn-secondary-color-focus);outline-color:var(--tds-btn-secondary-outline-color-focus)}button.secondary:focus-visible.sc-tds-button-s>[slot=icon],button.secondary:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-secondary-fill-focus);color:var(--tds-btn-icon-secondary-fill-focus);fill:var(--tds-btn-icon-secondary-color-focus);color:var(--tds-btn-icon-secondary-color-focus)}button.secondary.sc-tds-button:active,button.secondary.active.sc-tds-button{background:var(--tds-btn-secondary-background-active);border-color:var(--tds-btn-secondary-border-color-active);color:var(--tds-btn-secondary-color-active);outline-color:var(--tds-btn-secondary-outline-color-active)}button.secondary:active:not(.disabled).sc-tds-button-s>[slot=icon],button.secondary:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.secondary.active:not(.disabled).sc-tds-button-s>[slot=icon],button.secondary.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-secondary-fill-active);color:var(--tds-btn-icon-secondary-fill-active);fill:var(--tds-btn-icon-secondary-color-active);color:var(--tds-btn-icon-secondary-color-active)}button.secondary.disabled.sc-tds-button,button.secondary.sc-tds-button:disabled{opacity:var(--tds-btn-opacity-disabled)}button.ghost.sc-tds-button{background:var(--tds-btn-ghost-background);border-color:var(--tds-btn-ghost-border-color);color:var(--tds-btn-ghost-color);outline-color:var(--tds-btn-ghost-outline-color)}button.ghost.icon.sc-tds-button{fill:var(--tds-btn-icon-ghost-fill);color:var(--tds-btn-icon-ghost-fill);fill:var(--tds-btn-icon-ghost-color);color:var(--tds-btn-icon-ghost-color)}button.ghost.sc-tds-button:hover{background:var(--tds-btn-ghost-background-hover);border-color:var(--tds-btn-ghost-border-color-hover);color:var(--tds-btn-ghost-color-hover);outline-color:var(--tds-btn-ghost-outline-color-hover)}button.ghost:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.ghost:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-ghost-fill-hover);color:var(--tds-btn-icon-ghost-fill-hover);fill:var(--tds-btn-icon-ghost-color-hover);color:var(--tds-btn-icon-ghost-color-hover)}button.ghost.sc-tds-button:focus-visible{background:var(--tds-btn-ghost-background-focus);border-color:var(--tds-btn-ghost-border-color-focus);color:var(--tds-btn-ghost-color-focus);outline-color:var(--tds-btn-ghost-outline-color-focus)}button.ghost:focus-visible.sc-tds-button-s>[slot=icon],button.ghost:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-ghost-fill-focus);color:var(--tds-btn-icon-ghost-fill-focus);fill:var(--tds-btn-icon-ghost-color-focus);color:var(--tds-btn-icon-ghost-color-focus)}button.ghost.sc-tds-button:active,button.ghost.active.sc-tds-button{background:var(--tds-btn-ghost-background-active);border-color:var(--tds-btn-ghost-border-color-active);color:var(--tds-btn-ghost-color-active);outline-color:var(--tds-btn-ghost-outline-color-active)}button.ghost:active:not(.disabled).sc-tds-button-s>[slot=icon],button.ghost:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.ghost.active:not(.disabled).sc-tds-button-s>[slot=icon],button.ghost.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-ghost-fill-active);color:var(--tds-btn-icon-ghost-fill-active);fill:var(--tds-btn-icon-ghost-color-active);color:var(--tds-btn-icon-ghost-color-active)}button.ghost.disabled.sc-tds-button,button.ghost.sc-tds-button:disabled{opacity:var(--tds-btn-opacity-disabled)}button.danger.sc-tds-button{background:var(--tds-btn-danger-background);border-color:var(--tds-btn-danger-border-color);color:var(--tds-btn-danger-color);outline-color:var(--tds-btn-danger-outline-color)}button.danger.icon.sc-tds-button{fill:var(--tds-btn-icon-danger-fill);color:var(--tds-btn-icon-danger-fill);fill:var(--tds-btn-icon-danger-color);color:var(--tds-btn-icon-danger-color)}button.danger.sc-tds-button:hover{background:var(--tds-btn-danger-background-hover);border-color:var(--tds-btn-danger-border-color-hover);color:var(--tds-btn-danger-color-hover);outline-color:var(--tds-btn-danger-outline-color-hover)}button.danger:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.danger:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-danger-fill-hover);color:var(--tds-btn-icon-danger-fill-hover);fill:var(--tds-btn-icon-danger-color-hover);color:var(--tds-btn-icon-danger-color-hover)}button.danger.sc-tds-button:focus-visible{background:var(--tds-btn-danger-background-focus);border-color:var(--tds-btn-danger-border-color-focus);color:var(--tds-btn-danger-color-focus);outline-color:var(--tds-btn-danger-outline-color-focus)}button.danger:focus-visible.sc-tds-button-s>[slot=icon],button.danger:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-danger-fill-focus);color:var(--tds-btn-icon-danger-fill-focus);fill:var(--tds-btn-icon-danger-color-focus);color:var(--tds-btn-icon-danger-color-focus)}button.danger.sc-tds-button:active,button.danger.active.sc-tds-button{background:var(--tds-btn-danger-background-active);border-color:var(--tds-btn-danger-border-color-active);color:var(--tds-btn-danger-color-active);outline-color:var(--tds-btn-danger-outline-color-active)}button.danger:active:not(.disabled).sc-tds-button-s>[slot=icon],button.danger:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.danger.active:not(.disabled).sc-tds-button-s>[slot=icon],button.danger.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-danger-fill-active);color:var(--tds-btn-icon-danger-fill-active);fill:var(--tds-btn-icon-danger-color-active);color:var(--tds-btn-icon-danger-color-active)}button.danger.disabled.sc-tds-button,button.danger.sc-tds-button:disabled{opacity:var(--tds-btn-opacity-disabled)}tds-button.sc-tds-button-h{display:inline-flex;align-items:center}.sc-tds-button-htds-button.sc-tds-button-s>[slot=icon],.sc-tds-button-htds-button .sc-tds-button-s>[slot=icon]{width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}.sc-tds-button-htds-button .sm.sc-tds-button-s>[slot=icon],.sc-tds-button-htds-button .sm .sc-tds-button-s>[slot=icon]{width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16)}.disabled.sc-tds-button-h:active{pointer-events:none}.disabled.sc-tds-button-h button.sc-tds-button{cursor:not-allowed}.fullbleed.sc-tds-button-h{width:100%;justify-content:center}tds-button.sc-tds-button button.sc-tds-button{display:inline-flex;align-items:center}tds-button button.sm.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-12);width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16)}tds-button button.md.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-16);width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}tds-button button.lg.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}tds-button button.only-icon.sc-tds-button-s>[slot=icon]{margin-left:0;display:flex;align-items:center;justify-content:center}"}},[262,"tds-button",{text:[513],type:[513],variant:[513],size:[513],disabled:[516],fullbleed:[516],modeVariant:[513,"mode-variant"],animation:[513],tdsAriaLabel:[513,"tds-aria-label"],name:[513],value:[513],onlyIcon:[32]},[[0,"keydown","handleKeyDown"],[0,"keyup","handleKeyUp"]]]);function c(){"undefined"!=typeof customElements&&["tds-button"].forEach((o=>{"tds-button"===o&&(customElements.get(t(o))||customElements.define(t(o),d))}))}c();export{d as T,c as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as e,H as n,c as i,h as o,a as r}from"./index.js";import{g as s}from"./p-Cn4f8w1e.js";var a="top",u="bottom",f="right",c="left",d="auto",l=[a,u,f,c],h="start",p="end",v="viewport",m="popper",b=l.reduce((function(t,e){return t.concat([e+"-"+h,e+"-"+p])}),[]),y=[].concat(l,[d]).reduce((function(t,e){return t.concat([e,e+"-"+h,e+"-"+p])}),[]),g=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function w(t){return t?(t.nodeName||"").toLowerCase():null}function x(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function O(t){return t instanceof x(t).Element||t instanceof Element}function j(t){return t instanceof x(t).HTMLElement||t instanceof HTMLElement}function k(t){return"undefined"!=typeof ShadowRoot&&(t instanceof x(t).ShadowRoot||t instanceof ShadowRoot)}function E(t){return t.split("-")[0]}var S=Math.max,C=Math.min,T=Math.round;function M(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function R(){return!/^((?!chrome|android).)*safari/i.test(M())}function A(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);var i=t.getBoundingClientRect(),o=1,r=1;e&&j(t)&&(o=t.offsetWidth>0&&T(i.width)/t.offsetWidth||1,r=t.offsetHeight>0&&T(i.height)/t.offsetHeight||1);var s=(O(t)?x(t):window).visualViewport,a=!R()&&n,u=(i.left+(a&&s?s.offsetLeft:0))/o,f=(i.top+(a&&s?s.offsetTop:0))/r,c=i.width/o,d=i.height/r;return{width:c,height:d,top:f,right:u+c,bottom:f+d,left:u,x:u,y:f}}function P(t){var e=A(t),n=t.offsetWidth,i=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-i)<=1&&(i=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:i}}function B(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&k(n)){var i=e;do{if(i&&t.isSameNode(i))return!0;i=i.parentNode||i.host}while(i)}return!1}function I(t){return x(t).getComputedStyle(t)}function L(t){return["table","td","th"].indexOf(w(t))>=0}function q(t){return((O(t)?t.ownerDocument:t.document)||window.document).documentElement}function W(t){return"html"===w(t)?t:t.assignedSlot||t.parentNode||(k(t)?t.host:null)||q(t)}function H(t){return j(t)&&"fixed"!==I(t).position?t.offsetParent:null}function z(t){for(var e=x(t),n=H(t);n&&L(n)&&"static"===I(n).position;)n=H(n);return n&&("html"===w(n)||"body"===w(n)&&"static"===I(n).position)?e:n||function(t){var e=/firefox/i.test(M());if(/Trident/i.test(M())&&j(t)&&"fixed"===I(t).position)return null;var n=W(t);for(k(n)&&(n=n.host);j(n)&&["html","body"].indexOf(w(n))<0;){var i=I(n);if("none"!==i.transform||"none"!==i.perspective||"paint"===i.contain||-1!==["transform","perspective"].indexOf(i.willChange)||e&&"filter"===i.willChange||e&&i.filter&&"none"!==i.filter)return n;n=n.parentNode}return null}(t)||e}function D(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function K(t,e,n){return S(t,C(e,n))}function V(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function F(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}function U(t){return t.split("-")[1]}var $={top:"auto",right:"auto",bottom:"auto",left:"auto"};function _(t){var e,n=t.popper,i=t.popperRect,o=t.placement,r=t.variation,s=t.offsets,d=t.position,l=t.gpuAcceleration,h=t.adaptive,v=t.roundOffsets,m=t.isFixed,b=s.x,y=void 0===b?0:b,g=s.y,w=void 0===g?0:g,O="function"==typeof v?v({x:y,y:w}):{x:y,y:w};y=O.x,w=O.y;var j=s.hasOwnProperty("x"),k=s.hasOwnProperty("y"),E=c,S=a,C=window;if(h){var M=z(n),R="clientHeight",A="clientWidth";M===x(n)&&"static"!==I(M=q(n)).position&&"absolute"===d&&(R="scrollHeight",A="scrollWidth"),(o===a||(o===c||o===f)&&r===p)&&(S=u,w-=(m&&M===C&&C.visualViewport?C.visualViewport.height:M[R])-i.height,w*=l?1:-1),o!==c&&(o!==a&&o!==u||r!==p)||(E=f,y-=(m&&M===C&&C.visualViewport?C.visualViewport.width:M[A])-i.width,y*=l?1:-1)}var P,B=Object.assign({position:d},h&&$),L=!0===v?function(t,e){var n=t.y,i=e.devicePixelRatio||1;return{x:T(t.x*i)/i||0,y:T(n*i)/i||0}}({x:y,y:w},x(n)):{x:y,y:w};return y=L.x,w=L.y,Object.assign({},B,l?((P={})[S]=k?"0":"",P[E]=j?"0":"",P.transform=(C.devicePixelRatio||1)<=1?"translate("+y+"px, "+w+"px)":"translate3d("+y+"px, "+w+"px, 0)",P):((e={})[S]=k?w+"px":"",e[E]=j?y+"px":"",e.transform="",e))}var G={passive:!0},J={left:"right",right:"left",bottom:"top",top:"bottom"};function N(t){return t.replace(/left|right|bottom|top/g,(function(t){return J[t]}))}var Q={start:"end",end:"start"};function X(t){return t.replace(/start|end/g,(function(t){return Q[t]}))}function Y(t){var e=x(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Z(t){return A(q(t)).left+Y(t).scrollLeft}function tt(t){var e=I(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function et(t){return["html","body","#document"].indexOf(w(t))>=0?t.ownerDocument.body:j(t)&&tt(t)?t:et(W(t))}function nt(t,e){var n;void 0===e&&(e=[]);var i=et(t),o=i===(null==(n=t.ownerDocument)?void 0:n.body),r=x(i),s=o?[r].concat(r.visualViewport||[],tt(i)?i:[]):i,a=e.concat(s);return o?a:a.concat(nt(W(s)))}function it(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function ot(t,e,n){return e===v?it(function(t,e){var n=x(t),i=q(t),o=n.visualViewport,r=i.clientWidth,s=i.clientHeight,a=0,u=0;if(o){r=o.width,s=o.height;var f=R();(f||!f&&"fixed"===e)&&(a=o.offsetLeft,u=o.offsetTop)}return{width:r,height:s,x:a+Z(t),y:u}}(t,n)):O(e)?function(t,e){var n=A(t,!1,"fixed"===e);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(e,n):it(function(t){var e,n=q(t),i=Y(t),o=null==(e=t.ownerDocument)?void 0:e.body,r=S(n.scrollWidth,n.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),s=S(n.scrollHeight,n.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),a=-i.scrollLeft+Z(t),u=-i.scrollTop;return"rtl"===I(o||n).direction&&(a+=S(n.clientWidth,o?o.clientWidth:0)-r),{width:r,height:s,x:a,y:u}}(q(t)))}function rt(t){var e,n=t.reference,i=t.element,o=t.placement,r=o?E(o):null,s=o?U(o):null,d=n.x+n.width/2-i.width/2,l=n.y+n.height/2-i.height/2;switch(r){case a:e={x:d,y:n.y-i.height};break;case u:e={x:d,y:n.y+n.height};break;case f:e={x:n.x+n.width,y:l};break;case c:e={x:n.x-i.width,y:l};break;default:e={x:n.x,y:n.y}}var v=r?D(r):null;if(null!=v){var m="y"===v?"height":"width";switch(s){case h:e[v]=e[v]-(n[m]/2-i[m]/2);break;case p:e[v]=e[v]+(n[m]/2-i[m]/2)}}return e}function st(t,e){void 0===e&&(e={});var n=e.placement,i=void 0===n?t.placement:n,o=e.strategy,r=void 0===o?t.strategy:o,s=e.boundary,c=void 0===s?"clippingParents":s,d=e.rootBoundary,h=void 0===d?v:d,p=e.elementContext,b=void 0===p?m:p,y=e.altBoundary,g=void 0!==y&&y,x=e.padding,k=void 0===x?0:x,E=V("number"!=typeof k?k:F(k,l)),T=t.rects.popper,M=t.elements[g?b===m?"reference":m:b],R=function(t,e,n,i){var o="clippingParents"===e?function(t){var e=nt(W(t)),n=["absolute","fixed"].indexOf(I(t).position)>=0&&j(t)?z(t):t;return O(n)?e.filter((function(t){return O(t)&&B(t,n)&&"body"!==w(t)})):[]}(t):[].concat(e),r=[].concat(o,[n]),s=r.reduce((function(e,n){var o=ot(t,n,i);return e.top=S(o.top,e.top),e.right=C(o.right,e.right),e.bottom=C(o.bottom,e.bottom),e.left=S(o.left,e.left),e}),ot(t,r[0],i));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}(O(M)?M:M.contextElement||q(t.elements.popper),c,h,r),P=A(t.elements.reference),L=rt({reference:P,element:T,placement:i}),H=it(Object.assign({},T,L)),D=b===m?H:P,K={top:R.top-D.top+E.top,bottom:D.bottom-R.bottom+E.bottom,left:R.left-D.left+E.left,right:D.right-R.right+E.right},U=t.modifiersData.offset;if(b===m&&U){var $=U[i];Object.keys(K).forEach((function(t){var e=[f,u].indexOf(t)>=0?1:-1,n=[a,u].indexOf(t)>=0?"y":"x";K[t]+=$[n]*e}))}return K}function at(t,e){void 0===e&&(e={});var n=e.boundary,i=e.rootBoundary,o=e.padding,r=e.flipVariations,s=e.allowedAutoPlacements,a=void 0===s?y:s,u=U(e.placement),f=u?r?b:b.filter((function(t){return U(t)===u})):l,c=f.filter((function(t){return a.indexOf(t)>=0}));0===c.length&&(c=f);var d=c.reduce((function(e,r){return e[r]=st(t,{placement:r,boundary:n,rootBoundary:i,padding:o})[E(r)],e}),{});return Object.keys(d).sort((function(t,e){return d[t]-d[e]}))}var ut={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name;if(!e.modifiersData[i]._skip){for(var o=n.mainAxis,r=void 0===o||o,s=n.altAxis,l=void 0===s||s,p=n.fallbackPlacements,v=n.padding,m=n.boundary,b=n.rootBoundary,y=n.altBoundary,g=n.flipVariations,w=void 0===g||g,x=n.allowedAutoPlacements,O=e.options.placement,j=E(O),k=p||(j!==O&&w?function(t){if(E(t)===d)return[];var e=N(t);return[X(t),e,X(e)]}(O):[N(O)]),S=[O].concat(k).reduce((function(t,n){return t.concat(E(n)===d?at(e,{placement:n,boundary:m,rootBoundary:b,padding:v,flipVariations:w,allowedAutoPlacements:x}):n)}),[]),C=e.rects.reference,T=e.rects.popper,M=new Map,R=!0,A=S[0],P=0;P<S.length;P++){var B=S[P],I=E(B),L=U(B)===h,q=[a,u].indexOf(I)>=0,W=q?"width":"height",H=st(e,{placement:B,boundary:m,rootBoundary:b,altBoundary:y,padding:v}),z=q?L?f:c:L?u:a;C[W]>T[W]&&(z=N(z));var D=N(z),K=[];if(r&&K.push(H[I]<=0),l&&K.push(H[z]<=0,H[D]<=0),K.every((function(t){return t}))){A=B,R=!1;break}M.set(B,K)}if(R)for(var V=function(t){var e=S.find((function(e){var n=M.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return A=e,"break"},F=w?3:1;F>0&&"break"!==V(F);F--);e.placement!==A&&(e.modifiersData[i]._skip=!0,e.placement=A,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function ft(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function ct(t){return[a,f,u,c].some((function(e){return t[e]>=0}))}function dt(t,e,n){void 0===n&&(n=!1);var i,o,r=j(e),s=j(e)&&function(t){var e=t.getBoundingClientRect(),n=T(e.width)/t.offsetWidth||1,i=T(e.height)/t.offsetHeight||1;return 1!==n||1!==i}(e),a=q(e),u=A(t,s,n),f={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(r||!r&&!n)&&(("body"!==w(e)||tt(a))&&(f=(i=e)!==x(i)&&j(i)?{scrollLeft:(o=i).scrollLeft,scrollTop:o.scrollTop}:Y(i)),j(e)?((c=A(e,!0)).x+=e.clientLeft,c.y+=e.clientTop):a&&(c.x=Z(a))),{x:u.left+f.scrollLeft-c.x,y:u.top+f.scrollTop-c.y,width:u.width,height:u.height}}function lt(t){var e=new Map,n=new Set,i=[];function o(t){n.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!n.has(t)){var i=e.get(t);i&&o(i)}})),i.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){n.has(t.name)||o(t)})),i}var ht={placement:"bottom",modifiers:[],strategy:"absolute"};function pt(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function vt(t){void 0===t&&(t={});var e=t.defaultModifiers,n=void 0===e?[]:e,i=t.defaultOptions,o=void 0===i?ht:i;return function(t,e,i){void 0===i&&(i=o);var r,s,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},ht,o),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},u=[],f=!1,c={state:a,setOptions:function(i){var r="function"==typeof i?i(a.options):i;d(),a.options=Object.assign({},o,a.options,r),a.scrollParents={reference:O(t)?nt(t):t.contextElement?nt(t.contextElement):[],popper:nt(e)};var s,f,l=function(t){var e=lt(t);return g.reduce((function(t,n){return t.concat(e.filter((function(t){return t.phase===n})))}),[])}((s=[].concat(n,a.options.modifiers),f=s.reduce((function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t}),{}),Object.keys(f).map((function(t){return f[t]}))));return a.orderedModifiers=l.filter((function(t){return t.enabled})),a.orderedModifiers.forEach((function(t){var e=t.options,n=t.effect;if("function"==typeof n){var i=n({state:a,name:t.name,instance:c,options:void 0===e?{}:e});u.push(i||function(){})}})),c.update()},forceUpdate:function(){if(!f){var t=a.elements,e=t.reference,n=t.popper;if(pt(e,n)){a.rects={reference:dt(e,z(n),"fixed"===a.options.strategy),popper:P(n)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach((function(t){return a.modifiersData[t.name]=Object.assign({},t.data)}));for(var i=0;i<a.orderedModifiers.length;i++)if(!0!==a.reset){var o=a.orderedModifiers[i],r=o.fn,s=o.options;"function"==typeof r&&(a=r({state:a,options:void 0===s?{}:s,name:o.name,instance:c})||a)}else a.reset=!1,i=-1}}},update:(r=function(){return new Promise((function(t){c.forceUpdate(),t(a)}))},function(){return s||(s=new Promise((function(t){Promise.resolve().then((function(){s=void 0,t(r())}))}))),s}),destroy:function(){d(),f=!0}};if(!pt(t,e))return c;function d(){u.forEach((function(t){return t()})),u=[]}return c.setOptions(i).then((function(t){!f&&i.onFirstUpdate&&i.onFirstUpdate(t)})),c}}var mt=vt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,i=t.options,o=i.scroll,r=void 0===o||o,s=i.resize,a=void 0===s||s,u=x(e.elements.popper),f=[].concat(e.scrollParents.reference,e.scrollParents.popper);return r&&f.forEach((function(t){t.addEventListener("scroll",n.update,G)})),a&&u.addEventListener("resize",n.update,G),function(){r&&f.forEach((function(t){t.removeEventListener("scroll",n.update,G)})),a&&u.removeEventListener("resize",n.update,G)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=rt({reference:e.rects.reference,element:e.rects.popper,placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,i=n.gpuAcceleration,o=void 0===i||i,r=n.adaptive,s=void 0===r||r,a=n.roundOffsets,u=void 0===a||a,f={placement:E(e.placement),variation:U(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:o,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,_(Object.assign({},f,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:s,roundOffsets:u})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,_(Object.assign({},f,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:u})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var n=e.styles[t]||{},i=e.attributes[t]||{},o=e.elements[t];j(o)&&w(o)&&(Object.assign(o.style,n),Object.keys(i).forEach((function(t){var e=i[t];!1===e?o.removeAttribute(t):o.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach((function(t){var i=e.elements[t],o=e.attributes[t]||{},r=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce((function(t,e){return t[e]="",t}),{});j(i)&&w(i)&&(Object.assign(i.style,r),Object.keys(o).forEach((function(t){i.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.name,i=t.options.offset,o=void 0===i?[0,0]:i,r=y.reduce((function(t,n){return t[n]=function(t,e,n){var i=E(t),o=[c,a].indexOf(i)>=0?-1:1,r="function"==typeof n?n(Object.assign({},e,{placement:t})):n,s=r[0],u=r[1];return s=s||0,u=(u||0)*o,[c,f].indexOf(i)>=0?{x:u,y:s}:{x:s,y:u}}(n,e.rects,o),t}),{}),s=r[e.placement],u=s.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=s.x,e.modifiersData.popperOffsets.y+=u),e.modifiersData[n]=r}},ut,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name,o=n.mainAxis,r=void 0===o||o,s=n.altAxis,d=void 0!==s&&s,l=n.tether,p=void 0===l||l,v=n.tetherOffset,m=void 0===v?0:v,b=st(e,{boundary:n.boundary,rootBoundary:n.rootBoundary,padding:n.padding,altBoundary:n.altBoundary}),y=E(e.placement),g=U(e.placement),w=!g,x=D(y),O="x"===x?"y":"x",j=e.modifiersData.popperOffsets,k=e.rects.reference,T=e.rects.popper,M="function"==typeof m?m(Object.assign({},e.rects,{placement:e.placement})):m,R="number"==typeof M?{mainAxis:M,altAxis:M}:Object.assign({mainAxis:0,altAxis:0},M),A=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,B={x:0,y:0};if(j){if(r){var I,L="y"===x?a:c,q="y"===x?u:f,W="y"===x?"height":"width",H=j[x],V=H+b[L],F=H-b[q],$=p?-T[W]/2:0,_=g===h?k[W]:T[W],G=g===h?-T[W]:-k[W],J=e.elements.arrow,N=p&&J?P(J):{width:0,height:0},Q=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},X=Q[L],Y=Q[q],Z=K(0,k[W],N[W]),tt=w?k[W]/2-$-Z-X-R.mainAxis:_-Z-X-R.mainAxis,et=w?-k[W]/2+$+Z+Y+R.mainAxis:G+Z+Y+R.mainAxis,nt=e.elements.arrow&&z(e.elements.arrow),it=null!=(I=null==A?void 0:A[x])?I:0,ot=H+et-it,rt=K(p?C(V,H+tt-it-(nt?"y"===x?nt.clientTop||0:nt.clientLeft||0:0)):V,H,p?S(F,ot):F);j[x]=rt,B[x]=rt-H}if(d){var at,ut=j[O],ft="y"===O?"height":"width",ct=ut+b["x"===x?a:c],dt=ut-b["x"===x?u:f],lt=-1!==[a,c].indexOf(y),ht=null!=(at=null==A?void 0:A[O])?at:0,pt=lt?ct:ut-k[ft]-T[ft]-ht+R.altAxis,vt=lt?ut+k[ft]+T[ft]-ht-R.altAxis:dt,mt=p&<?function(t,e,n){var i=K(t,e,n);return i>n?n:i}(pt,ut,vt):K(p?pt:ct,ut,p?vt:dt);j[O]=mt,B[O]=mt-ut}e.modifiersData[i]=B}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,n=t.state,i=t.name,o=t.options,r=n.elements.arrow,s=n.modifiersData.popperOffsets,d=E(n.placement),h=D(d),p=[c,f].indexOf(d)>=0?"height":"width";if(r&&s){var v=function(t,e){return V("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:F(t,l))}(o.padding,n),m=P(r),b="y"===h?a:c,y="y"===h?u:f,g=n.rects.reference[p]+n.rects.reference[h]-s[h]-n.rects.popper[p],w=s[h]-n.rects.reference[h],x=z(r),O=x?"y"===h?x.clientHeight||0:x.clientWidth||0:0,j=O/2-m[p]/2+(g/2-w/2),k=K(v[b],j,O-m[p]-v[y]);n.modifiersData[i]=((e={})[h]=k,e.centerOffset=k-j,e)}},effect:function(t){var e=t.state,n=t.options.element,i=void 0===n?"[data-popper-arrow]":n;null!=i&&("string"!=typeof i||(i=e.elements.popper.querySelector(i)))&&B(e.elements.popper,i)&&(e.elements.arrow=i)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,i=e.rects.reference,o=e.rects.popper,r=e.modifiersData.preventOverflow,s=st(e,{elementContext:"reference"}),a=st(e,{altBoundary:!0}),u=ft(s,i),f=ft(a,o,r),c=ct(u),d=ct(f);e.modifiersData[n]={referenceClippingOffsets:u,popperEscapeOffsets:f,isReferenceHidden:c,hasPopperEscaped:d},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":c,"data-popper-escaped":d})}}]});const bt=e(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.internalTdsShow=i(this,"internalTdsShow",4),this.internalTdsClose=i(this,"internalTdsClose",0),this.defaultShow=!1,this.animation="none",this.show=null,this.placement="auto",this.offsetSkidding=0,this.offsetDistance=8,this.modifiers=[],this.trigger="click",this.autoHide=!0,this.renderedShowValue=!1,this.popperInstance=null,this.isShown=!1,this.disableLogic=!1,this.hasShownAtLeastOnce=!1,this.openedByKeyboard=!1,this.uuid=s(),this.setIsShown=t=>{this.isShown="function"==typeof t?t(this.isShown):t,this.isShown?(this.hasShownAtLeastOnce=!0,this.internalTdsShow.emit()):(this.internalTdsClose.emit(),this.openedByKeyboard=!1)},this.onClickTarget=t=>{t.stopPropagation(),this.openedByKeyboard="keydown"===t.type||"Enter"===t.key||" "===t.key,this.setIsShown((t=>!t))},this.handleShow=t=>{t.stopPropagation(),this.openedByKeyboard="focusin"===t.type,this.setIsShown(!0)},this.handleHide=t=>{t.stopPropagation(),this.setIsShown(!1)}}async close(){this.setIsShown(!1)}onAnyClick(t){"click"===this.trigger&&this.isShown&&null===this.show&&!t.composedPath().includes(this.host)&&this.setIsShown(!1)}onTdsShow(t){null===this.show&&t.target.id!==`tds-popover-core-${this.uuid}`&&this.setIsShown(!1)}handleKeydown(t){"Escape"===t.key&&this.isShown&&this.setIsShown(!1)}onShowChange(t){this.setIsShown(t)}onReferenceElChanged(t,e){t!==e&&this.initialize({referenceEl:t,trigger:this.trigger})}onTriggerChanged(t){this.initialize({referenceEl:this.referenceEl,trigger:t})}onIsShownChange(t){t&&this.openedByKeyboard&&setTimeout((()=>{this.focusFirstElement()}),0)}focusFirstElement(){const t=this.host.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])');t.length>0?t[0].focus():(this.host.setAttribute("tabindex","0"),this.host.focus())}initialize({referenceEl:t,trigger:e}){var n,i,o,r,s,a;this.cleanUp(),this.target=void 0!==t?t:this.selector?document.querySelector(this.selector):null,this.popperInstance=this.target?mt(this.target,this.host,{strategy:"fixed",placement:this.placement,modifiers:[{name:"offset",options:{offset:[this.offsetSkidding,this.offsetDistance]}},...this.modifiers]}):null,this.popperInstance||console.error("Could not initialize: reference element not found."),"click"===e&&null===this.show&&(null===(n=this.target)||void 0===n||n.addEventListener("click",this.onClickTarget),null===(i=this.target)||void 0===i||i.addEventListener("keydown",(t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.openedByKeyboard=!0,this.onClickTarget(t))}))),"hover"!==e&&"hover-popover"!==e||(null===(o=this.target)||void 0===o||o.addEventListener("focusin",this.handleShow),null===(r=this.target)||void 0===r||r.addEventListener("focusout",this.handleHide),null===(s=this.target)||void 0===s||s.addEventListener("mouseenter",this.handleShow),null===(a=this.target)||void 0===a||a.addEventListener("mouseleave",this.handleHide),"hover-popover"===e&&(this.host.addEventListener("mouseenter",this.handleShow),this.host.addEventListener("mouseleave",this.handleHide)))}cleanUp(){var t,e,n,i,o,r,s,a,u;null===(t=this.target)||void 0===t||t.removeEventListener("click",this.onClickTarget),null===(e=this.target)||void 0===e||e.removeEventListener("keydown",this.onClickTarget),null===(n=this.target)||void 0===n||n.removeEventListener("focusin",this.handleShow),null===(i=this.target)||void 0===i||i.removeEventListener("focusout",this.handleHide),null===(o=this.target)||void 0===o||o.removeEventListener("mouseenter",this.handleShow),null===(r=this.target)||void 0===r||r.removeEventListener("mouseleave",this.handleHide),null===(s=this.host)||void 0===s||s.removeEventListener("mouseenter",this.handleShow),null===(a=this.host)||void 0===a||a.removeEventListener("mouseleave",this.handleHide),null===(u=this.popperInstance)||void 0===u||u.destroy()}connectedCallback(){if(void 0===this.selector&&void 0===this.referenceEl)return this.disableLogic=!0,void console.warn("TDS-POPOVER-CORE: Popover internal logic disabled. Please provide a `selector` or `referenceEl` prop");this.initialize({referenceEl:this.referenceEl,trigger:this.trigger})}componentWillLoad(){this.setIsShown(!0===this.show||!0===this.defaultShow)}componentDidRender(){var t;!this.isShown||this.renderedShowValue||this.disableLogic||null===(t=this.popperInstance)||void 0===t||t.update(),this.renderedShowValue=this.isShown}disconnectedCallback(){this.cleanUp()}render(){const t=(e={"is-shown":this.isShown&&"none"===this.animation||void 0===this.animation,"is-hidden":!this.isShown&&"none"===this.animation||void 0===this.animation,"initially-hidden":!this.hasShownAtLeastOnce,"tds-animation-enter-fade":this.isShown&&"fade"===this.animation,"tds-animation-exit-fade":!this.isShown&&"fade"===this.animation},Object.keys(e).filter((t=>e[t])).join(" "));var e;return o(r,{key:"66b8fca6df92885f68b18ce426235de71a283bdf",role:this.host.getAttribute("role"),class:t,id:`tds-popover-core-${this.uuid}`},o("slot",{key:"57ff15f7fe4f5404cdac9c58cf5e4f074054b690"}))}get host(){return this}static get watchers(){return{show:[{onShowChange:0}],referenceEl:[{onReferenceElChanged:0}],trigger:[{onTriggerChanged:0}],isShown:[{onIsShownChange:0}]}}static get style(){return".sc-tds-popover-core-h{pointer-events:none;display:block}.tds-animation-enter-fade.sc-tds-popover-core-h{animation:tds-fade-in var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter) forwards}.tds-animation-exit-fade.sc-tds-popover-core-h{animation:tds-fade-out var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit) forwards}.is-shown.sc-tds-popover-core-h{opacity:1;pointer-events:auto;visibility:visible}.is-hidden.sc-tds-popover-core-h{opacity:0;pointer-events:none;visibility:hidden}.initially-hidden.sc-tds-popover-core-h{opacity:0;pointer-events:none;visibility:hidden}"}},[262,"tds-popover-core",{selector:[513],referenceEl:[16],defaultShow:[516,"default-show"],animation:[513],show:[516],placement:[513],offsetSkidding:[514,"offset-skidding"],offsetDistance:[514,"offset-distance"],modifiers:[16],trigger:[513],autoHide:[516,"auto-hide"],renderedShowValue:[32],popperInstance:[32],target:[32],isShown:[32],disableLogic:[32],hasShownAtLeastOnce:[32],openedByKeyboard:[32],close:[64]},[[8,"click","onAnyClick"],[8,"internalTdsShow","onTdsShow"],[8,"keydown","handleKeydown"]],{show:[{onShowChange:0}],referenceEl:[{onReferenceElChanged:0}],trigger:[{onTriggerChanged:0}],isShown:[{onIsShownChange:0}]}]);function yt(){"undefined"!=typeof customElements&&["tds-popover-core"].forEach((e=>{"tds-popover-core"===e&&(customElements.get(t(e))||customElements.define(t(e),bt))}))}yt();export{bt as T,yt as d}
|
|
1
|
+
import{t,p as e,H as n,c as i,h as o,a as r}from"./index.js";import{g as s}from"./p-Cn4f8w1e.js";var a="top",u="bottom",f="right",c="left",d="auto",l=[a,u,f,c],h="start",p="end",v="viewport",m="popper",b=l.reduce((function(t,e){return t.concat([e+"-"+h,e+"-"+p])}),[]),y=[].concat(l,[d]).reduce((function(t,e){return t.concat([e,e+"-"+h,e+"-"+p])}),[]),g=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function w(t){return t?(t.nodeName||"").toLowerCase():null}function x(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function O(t){return t instanceof x(t).Element||t instanceof Element}function j(t){return t instanceof x(t).HTMLElement||t instanceof HTMLElement}function k(t){return"undefined"!=typeof ShadowRoot&&(t instanceof x(t).ShadowRoot||t instanceof ShadowRoot)}function E(t){return t.split("-")[0]}var S=Math.max,C=Math.min,T=Math.round;function M(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function R(){return!/^((?!chrome|android).)*safari/i.test(M())}function A(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);var i=t.getBoundingClientRect(),o=1,r=1;e&&j(t)&&(o=t.offsetWidth>0&&T(i.width)/t.offsetWidth||1,r=t.offsetHeight>0&&T(i.height)/t.offsetHeight||1);var s=(O(t)?x(t):window).visualViewport,a=!R()&&n,u=(i.left+(a&&s?s.offsetLeft:0))/o,f=(i.top+(a&&s?s.offsetTop:0))/r,c=i.width/o,d=i.height/r;return{width:c,height:d,top:f,right:u+c,bottom:f+d,left:u,x:u,y:f}}function P(t){var e=A(t),n=t.offsetWidth,i=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-i)<=1&&(i=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:i}}function B(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&k(n)){var i=e;do{if(i&&t.isSameNode(i))return!0;i=i.parentNode||i.host}while(i)}return!1}function I(t){return x(t).getComputedStyle(t)}function L(t){return["table","td","th"].indexOf(w(t))>=0}function q(t){return((O(t)?t.ownerDocument:t.document)||window.document).documentElement}function W(t){return"html"===w(t)?t:t.assignedSlot||t.parentNode||(k(t)?t.host:null)||q(t)}function H(t){return j(t)&&"fixed"!==I(t).position?t.offsetParent:null}function z(t){for(var e=x(t),n=H(t);n&&L(n)&&"static"===I(n).position;)n=H(n);return n&&("html"===w(n)||"body"===w(n)&&"static"===I(n).position)?e:n||function(t){var e=/firefox/i.test(M());if(/Trident/i.test(M())&&j(t)&&"fixed"===I(t).position)return null;var n=W(t);for(k(n)&&(n=n.host);j(n)&&["html","body"].indexOf(w(n))<0;){var i=I(n);if("none"!==i.transform||"none"!==i.perspective||"paint"===i.contain||-1!==["transform","perspective"].indexOf(i.willChange)||e&&"filter"===i.willChange||e&&i.filter&&"none"!==i.filter)return n;n=n.parentNode}return null}(t)||e}function D(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function K(t,e,n){return S(t,C(e,n))}function V(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function F(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}function U(t){return t.split("-")[1]}var $={top:"auto",right:"auto",bottom:"auto",left:"auto"};function _(t){var e,n=t.popper,i=t.popperRect,o=t.placement,r=t.variation,s=t.offsets,d=t.position,l=t.gpuAcceleration,h=t.adaptive,v=t.roundOffsets,m=t.isFixed,b=s.x,y=void 0===b?0:b,g=s.y,w=void 0===g?0:g,O="function"==typeof v?v({x:y,y:w}):{x:y,y:w};y=O.x,w=O.y;var j=s.hasOwnProperty("x"),k=s.hasOwnProperty("y"),E=c,S=a,C=window;if(h){var M=z(n),R="clientHeight",A="clientWidth";M===x(n)&&"static"!==I(M=q(n)).position&&"absolute"===d&&(R="scrollHeight",A="scrollWidth"),(o===a||(o===c||o===f)&&r===p)&&(S=u,w-=(m&&M===C&&C.visualViewport?C.visualViewport.height:M[R])-i.height,w*=l?1:-1),o!==c&&(o!==a&&o!==u||r!==p)||(E=f,y-=(m&&M===C&&C.visualViewport?C.visualViewport.width:M[A])-i.width,y*=l?1:-1)}var P,B=Object.assign({position:d},h&&$),L=!0===v?function(t,e){var n=t.y,i=e.devicePixelRatio||1;return{x:T(t.x*i)/i||0,y:T(n*i)/i||0}}({x:y,y:w},x(n)):{x:y,y:w};return y=L.x,w=L.y,Object.assign({},B,l?((P={})[S]=k?"0":"",P[E]=j?"0":"",P.transform=(C.devicePixelRatio||1)<=1?"translate("+y+"px, "+w+"px)":"translate3d("+y+"px, "+w+"px, 0)",P):((e={})[S]=k?w+"px":"",e[E]=j?y+"px":"",e.transform="",e))}var G={passive:!0},J={left:"right",right:"left",bottom:"top",top:"bottom"};function N(t){return t.replace(/left|right|bottom|top/g,(function(t){return J[t]}))}var Q={start:"end",end:"start"};function X(t){return t.replace(/start|end/g,(function(t){return Q[t]}))}function Y(t){var e=x(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Z(t){return A(q(t)).left+Y(t).scrollLeft}function tt(t){var e=I(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function et(t){return["html","body","#document"].indexOf(w(t))>=0?t.ownerDocument.body:j(t)&&tt(t)?t:et(W(t))}function nt(t,e){var n;void 0===e&&(e=[]);var i=et(t),o=i===(null==(n=t.ownerDocument)?void 0:n.body),r=x(i),s=o?[r].concat(r.visualViewport||[],tt(i)?i:[]):i,a=e.concat(s);return o?a:a.concat(nt(W(s)))}function it(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function ot(t,e,n){return e===v?it(function(t,e){var n=x(t),i=q(t),o=n.visualViewport,r=i.clientWidth,s=i.clientHeight,a=0,u=0;if(o){r=o.width,s=o.height;var f=R();(f||!f&&"fixed"===e)&&(a=o.offsetLeft,u=o.offsetTop)}return{width:r,height:s,x:a+Z(t),y:u}}(t,n)):O(e)?function(t,e){var n=A(t,!1,"fixed"===e);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(e,n):it(function(t){var e,n=q(t),i=Y(t),o=null==(e=t.ownerDocument)?void 0:e.body,r=S(n.scrollWidth,n.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),s=S(n.scrollHeight,n.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),a=-i.scrollLeft+Z(t),u=-i.scrollTop;return"rtl"===I(o||n).direction&&(a+=S(n.clientWidth,o?o.clientWidth:0)-r),{width:r,height:s,x:a,y:u}}(q(t)))}function rt(t){var e,n=t.reference,i=t.element,o=t.placement,r=o?E(o):null,s=o?U(o):null,d=n.x+n.width/2-i.width/2,l=n.y+n.height/2-i.height/2;switch(r){case a:e={x:d,y:n.y-i.height};break;case u:e={x:d,y:n.y+n.height};break;case f:e={x:n.x+n.width,y:l};break;case c:e={x:n.x-i.width,y:l};break;default:e={x:n.x,y:n.y}}var v=r?D(r):null;if(null!=v){var m="y"===v?"height":"width";switch(s){case h:e[v]=e[v]-(n[m]/2-i[m]/2);break;case p:e[v]=e[v]+(n[m]/2-i[m]/2)}}return e}function st(t,e){void 0===e&&(e={});var n=e.placement,i=void 0===n?t.placement:n,o=e.strategy,r=void 0===o?t.strategy:o,s=e.boundary,c=void 0===s?"clippingParents":s,d=e.rootBoundary,h=void 0===d?v:d,p=e.elementContext,b=void 0===p?m:p,y=e.altBoundary,g=void 0!==y&&y,x=e.padding,k=void 0===x?0:x,E=V("number"!=typeof k?k:F(k,l)),T=t.rects.popper,M=t.elements[g?b===m?"reference":m:b],R=function(t,e,n,i){var o="clippingParents"===e?function(t){var e=nt(W(t)),n=["absolute","fixed"].indexOf(I(t).position)>=0&&j(t)?z(t):t;return O(n)?e.filter((function(t){return O(t)&&B(t,n)&&"body"!==w(t)})):[]}(t):[].concat(e),r=[].concat(o,[n]),s=r.reduce((function(e,n){var o=ot(t,n,i);return e.top=S(o.top,e.top),e.right=C(o.right,e.right),e.bottom=C(o.bottom,e.bottom),e.left=S(o.left,e.left),e}),ot(t,r[0],i));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}(O(M)?M:M.contextElement||q(t.elements.popper),c,h,r),P=A(t.elements.reference),L=rt({reference:P,element:T,placement:i}),H=it(Object.assign({},T,L)),D=b===m?H:P,K={top:R.top-D.top+E.top,bottom:D.bottom-R.bottom+E.bottom,left:R.left-D.left+E.left,right:D.right-R.right+E.right},U=t.modifiersData.offset;if(b===m&&U){var $=U[i];Object.keys(K).forEach((function(t){var e=[f,u].indexOf(t)>=0?1:-1,n=[a,u].indexOf(t)>=0?"y":"x";K[t]+=$[n]*e}))}return K}function at(t,e){void 0===e&&(e={});var n=e.boundary,i=e.rootBoundary,o=e.padding,r=e.flipVariations,s=e.allowedAutoPlacements,a=void 0===s?y:s,u=U(e.placement),f=u?r?b:b.filter((function(t){return U(t)===u})):l,c=f.filter((function(t){return a.indexOf(t)>=0}));0===c.length&&(c=f);var d=c.reduce((function(e,r){return e[r]=st(t,{placement:r,boundary:n,rootBoundary:i,padding:o})[E(r)],e}),{});return Object.keys(d).sort((function(t,e){return d[t]-d[e]}))}var ut={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name;if(!e.modifiersData[i]._skip){for(var o=n.mainAxis,r=void 0===o||o,s=n.altAxis,l=void 0===s||s,p=n.fallbackPlacements,v=n.padding,m=n.boundary,b=n.rootBoundary,y=n.altBoundary,g=n.flipVariations,w=void 0===g||g,x=n.allowedAutoPlacements,O=e.options.placement,j=E(O),k=p||(j!==O&&w?function(t){if(E(t)===d)return[];var e=N(t);return[X(t),e,X(e)]}(O):[N(O)]),S=[O].concat(k).reduce((function(t,n){return t.concat(E(n)===d?at(e,{placement:n,boundary:m,rootBoundary:b,padding:v,flipVariations:w,allowedAutoPlacements:x}):n)}),[]),C=e.rects.reference,T=e.rects.popper,M=new Map,R=!0,A=S[0],P=0;P<S.length;P++){var B=S[P],I=E(B),L=U(B)===h,q=[a,u].indexOf(I)>=0,W=q?"width":"height",H=st(e,{placement:B,boundary:m,rootBoundary:b,altBoundary:y,padding:v}),z=q?L?f:c:L?u:a;C[W]>T[W]&&(z=N(z));var D=N(z),K=[];if(r&&K.push(H[I]<=0),l&&K.push(H[z]<=0,H[D]<=0),K.every((function(t){return t}))){A=B,R=!1;break}M.set(B,K)}if(R)for(var V=function(t){var e=S.find((function(e){var n=M.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return A=e,"break"},F=w?3:1;F>0&&"break"!==V(F);F--);e.placement!==A&&(e.modifiersData[i]._skip=!0,e.placement=A,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function ft(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function ct(t){return[a,f,u,c].some((function(e){return t[e]>=0}))}function dt(t,e,n){void 0===n&&(n=!1);var i,o,r=j(e),s=j(e)&&function(t){var e=t.getBoundingClientRect(),n=T(e.width)/t.offsetWidth||1,i=T(e.height)/t.offsetHeight||1;return 1!==n||1!==i}(e),a=q(e),u=A(t,s,n),f={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(r||!r&&!n)&&(("body"!==w(e)||tt(a))&&(f=(i=e)!==x(i)&&j(i)?{scrollLeft:(o=i).scrollLeft,scrollTop:o.scrollTop}:Y(i)),j(e)?((c=A(e,!0)).x+=e.clientLeft,c.y+=e.clientTop):a&&(c.x=Z(a))),{x:u.left+f.scrollLeft-c.x,y:u.top+f.scrollTop-c.y,width:u.width,height:u.height}}function lt(t){var e=new Map,n=new Set,i=[];function o(t){n.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!n.has(t)){var i=e.get(t);i&&o(i)}})),i.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){n.has(t.name)||o(t)})),i}var ht={placement:"bottom",modifiers:[],strategy:"absolute"};function pt(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function vt(t){void 0===t&&(t={});var e=t.defaultModifiers,n=void 0===e?[]:e,i=t.defaultOptions,o=void 0===i?ht:i;return function(t,e,i){void 0===i&&(i=o);var r,s,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},ht,o),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},u=[],f=!1,c={state:a,setOptions:function(i){var r="function"==typeof i?i(a.options):i;d(),a.options=Object.assign({},o,a.options,r),a.scrollParents={reference:O(t)?nt(t):t.contextElement?nt(t.contextElement):[],popper:nt(e)};var s,f,l=function(t){var e=lt(t);return g.reduce((function(t,n){return t.concat(e.filter((function(t){return t.phase===n})))}),[])}((s=[].concat(n,a.options.modifiers),f=s.reduce((function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t}),{}),Object.keys(f).map((function(t){return f[t]}))));return a.orderedModifiers=l.filter((function(t){return t.enabled})),a.orderedModifiers.forEach((function(t){var e=t.options,n=t.effect;if("function"==typeof n){var i=n({state:a,name:t.name,instance:c,options:void 0===e?{}:e});u.push(i||function(){})}})),c.update()},forceUpdate:function(){if(!f){var t=a.elements,e=t.reference,n=t.popper;if(pt(e,n)){a.rects={reference:dt(e,z(n),"fixed"===a.options.strategy),popper:P(n)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach((function(t){return a.modifiersData[t.name]=Object.assign({},t.data)}));for(var i=0;i<a.orderedModifiers.length;i++)if(!0!==a.reset){var o=a.orderedModifiers[i],r=o.fn,s=o.options;"function"==typeof r&&(a=r({state:a,options:void 0===s?{}:s,name:o.name,instance:c})||a)}else a.reset=!1,i=-1}}},update:(r=function(){return new Promise((function(t){c.forceUpdate(),t(a)}))},function(){return s||(s=new Promise((function(t){Promise.resolve().then((function(){s=void 0,t(r())}))}))),s}),destroy:function(){d(),f=!0}};if(!pt(t,e))return c;function d(){u.forEach((function(t){return t()})),u=[]}return c.setOptions(i).then((function(t){!f&&i.onFirstUpdate&&i.onFirstUpdate(t)})),c}}var mt=vt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,i=t.options,o=i.scroll,r=void 0===o||o,s=i.resize,a=void 0===s||s,u=x(e.elements.popper),f=[].concat(e.scrollParents.reference,e.scrollParents.popper);return r&&f.forEach((function(t){t.addEventListener("scroll",n.update,G)})),a&&u.addEventListener("resize",n.update,G),function(){r&&f.forEach((function(t){t.removeEventListener("scroll",n.update,G)})),a&&u.removeEventListener("resize",n.update,G)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=rt({reference:e.rects.reference,element:e.rects.popper,placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,i=n.gpuAcceleration,o=void 0===i||i,r=n.adaptive,s=void 0===r||r,a=n.roundOffsets,u=void 0===a||a,f={placement:E(e.placement),variation:U(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:o,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,_(Object.assign({},f,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:s,roundOffsets:u})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,_(Object.assign({},f,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:u})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var n=e.styles[t]||{},i=e.attributes[t]||{},o=e.elements[t];j(o)&&w(o)&&(Object.assign(o.style,n),Object.keys(i).forEach((function(t){var e=i[t];!1===e?o.removeAttribute(t):o.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach((function(t){var i=e.elements[t],o=e.attributes[t]||{},r=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce((function(t,e){return t[e]="",t}),{});j(i)&&w(i)&&(Object.assign(i.style,r),Object.keys(o).forEach((function(t){i.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.name,i=t.options.offset,o=void 0===i?[0,0]:i,r=y.reduce((function(t,n){return t[n]=function(t,e,n){var i=E(t),o=[c,a].indexOf(i)>=0?-1:1,r="function"==typeof n?n(Object.assign({},e,{placement:t})):n,s=r[0],u=r[1];return s=s||0,u=(u||0)*o,[c,f].indexOf(i)>=0?{x:u,y:s}:{x:s,y:u}}(n,e.rects,o),t}),{}),s=r[e.placement],u=s.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=s.x,e.modifiersData.popperOffsets.y+=u),e.modifiersData[n]=r}},ut,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name,o=n.mainAxis,r=void 0===o||o,s=n.altAxis,d=void 0!==s&&s,l=n.tether,p=void 0===l||l,v=n.tetherOffset,m=void 0===v?0:v,b=st(e,{boundary:n.boundary,rootBoundary:n.rootBoundary,padding:n.padding,altBoundary:n.altBoundary}),y=E(e.placement),g=U(e.placement),w=!g,x=D(y),O="x"===x?"y":"x",j=e.modifiersData.popperOffsets,k=e.rects.reference,T=e.rects.popper,M="function"==typeof m?m(Object.assign({},e.rects,{placement:e.placement})):m,R="number"==typeof M?{mainAxis:M,altAxis:M}:Object.assign({mainAxis:0,altAxis:0},M),A=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,B={x:0,y:0};if(j){if(r){var I,L="y"===x?a:c,q="y"===x?u:f,W="y"===x?"height":"width",H=j[x],V=H+b[L],F=H-b[q],$=p?-T[W]/2:0,_=g===h?k[W]:T[W],G=g===h?-T[W]:-k[W],J=e.elements.arrow,N=p&&J?P(J):{width:0,height:0},Q=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},X=Q[L],Y=Q[q],Z=K(0,k[W],N[W]),tt=w?k[W]/2-$-Z-X-R.mainAxis:_-Z-X-R.mainAxis,et=w?-k[W]/2+$+Z+Y+R.mainAxis:G+Z+Y+R.mainAxis,nt=e.elements.arrow&&z(e.elements.arrow),it=null!=(I=null==A?void 0:A[x])?I:0,ot=H+et-it,rt=K(p?C(V,H+tt-it-(nt?"y"===x?nt.clientTop||0:nt.clientLeft||0:0)):V,H,p?S(F,ot):F);j[x]=rt,B[x]=rt-H}if(d){var at,ut=j[O],ft="y"===O?"height":"width",ct=ut+b["x"===x?a:c],dt=ut-b["x"===x?u:f],lt=-1!==[a,c].indexOf(y),ht=null!=(at=null==A?void 0:A[O])?at:0,pt=lt?ct:ut-k[ft]-T[ft]-ht+R.altAxis,vt=lt?ut+k[ft]+T[ft]-ht-R.altAxis:dt,mt=p&<?function(t,e,n){var i=K(t,e,n);return i>n?n:i}(pt,ut,vt):K(p?pt:ct,ut,p?vt:dt);j[O]=mt,B[O]=mt-ut}e.modifiersData[i]=B}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,n=t.state,i=t.name,o=t.options,r=n.elements.arrow,s=n.modifiersData.popperOffsets,d=E(n.placement),h=D(d),p=[c,f].indexOf(d)>=0?"height":"width";if(r&&s){var v=function(t,e){return V("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:F(t,l))}(o.padding,n),m=P(r),b="y"===h?a:c,y="y"===h?u:f,g=n.rects.reference[p]+n.rects.reference[h]-s[h]-n.rects.popper[p],w=s[h]-n.rects.reference[h],x=z(r),O=x?"y"===h?x.clientHeight||0:x.clientWidth||0:0,j=O/2-m[p]/2+(g/2-w/2),k=K(v[b],j,O-m[p]-v[y]);n.modifiersData[i]=((e={})[h]=k,e.centerOffset=k-j,e)}},effect:function(t){var e=t.state,n=t.options.element,i=void 0===n?"[data-popper-arrow]":n;null!=i&&("string"!=typeof i||(i=e.elements.popper.querySelector(i)))&&B(e.elements.popper,i)&&(e.elements.arrow=i)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,i=e.rects.reference,o=e.rects.popper,r=e.modifiersData.preventOverflow,s=st(e,{elementContext:"reference"}),a=st(e,{altBoundary:!0}),u=ft(s,i),f=ft(a,o,r),c=ct(u),d=ct(f);e.modifiersData[n]={referenceClippingOffsets:u,popperEscapeOffsets:f,isReferenceHidden:c,hasPopperEscaped:d},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":c,"data-popper-escaped":d})}}]});const bt=e(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.internalTdsShow=i(this,"internalTdsShow",4),this.internalTdsClose=i(this,"internalTdsClose",0),this.defaultShow=!1,this.animation="none",this.show=null,this.placement="auto",this.offsetSkidding=0,this.offsetDistance=8,this.modifiers=[],this.trigger="click",this.autoHide=!0,this.renderedShowValue=!1,this.popperInstance=null,this.isShown=!1,this.disableLogic=!1,this.hasShownAtLeastOnce=!1,this.openedByKeyboard=!1,this.uuid=s(),this.setIsShown=t=>{this.isShown="function"==typeof t?t(this.isShown):t,this.isShown?(this.hasShownAtLeastOnce=!0,this.internalTdsShow.emit()):(this.internalTdsClose.emit(),this.openedByKeyboard=!1)},this.onClickTarget=t=>{t.stopPropagation(),this.openedByKeyboard="keydown"===t.type||"Enter"===t.key||" "===t.key,this.setIsShown((t=>!t))},this.handleShow=t=>{t.stopPropagation(),this.openedByKeyboard="focusin"===t.type,this.setIsShown(!0)},this.handleHide=t=>{t.stopPropagation(),this.setIsShown(!1)}}async close(){this.setIsShown(!1)}onAnyClick(t){"click"===this.trigger&&this.isShown&&null===this.show&&!t.composedPath().includes(this.host)&&this.setIsShown(!1)}onTdsShow(t){null===this.show&&t.target.id!==`tds-popover-core-${this.uuid}`&&this.setIsShown(!1)}handleKeydown(t){"Escape"===t.key&&this.isShown&&this.setIsShown(!1)}onShowChange(t){this.setIsShown(t)}onReferenceElChanged(t,e){t!==e&&this.initialize({referenceEl:t,trigger:this.trigger})}onTriggerChanged(t){this.initialize({referenceEl:this.referenceEl,trigger:t})}onIsShownChange(t){t&&this.openedByKeyboard&&setTimeout((()=>{this.focusFirstElement()}),0)}focusFirstElement(){const t=this.host.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])');t.length>0?t[0].focus():(this.host.setAttribute("tabindex","0"),this.host.focus())}initialize({referenceEl:t,trigger:e}){var n,i,o,r,s,a;this.cleanUp(),this.target=void 0!==t?t:this.selector?document.querySelector(this.selector):null,this.popperInstance=this.target?mt(this.target,this.host,{strategy:"fixed",placement:this.placement,modifiers:[{name:"offset",options:{offset:[this.offsetSkidding,this.offsetDistance]}},...this.modifiers]}):null,this.popperInstance||console.error("Could not initialize: reference element not found."),"click"===e&&null===this.show&&(null===(n=this.target)||void 0===n||n.addEventListener("click",this.onClickTarget),null===(i=this.target)||void 0===i||i.addEventListener("keydown",(t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.openedByKeyboard=!0,this.onClickTarget(t))}))),"hover"!==e&&"hover-popover"!==e||(null===(o=this.target)||void 0===o||o.addEventListener("focusin",this.handleShow),null===(r=this.target)||void 0===r||r.addEventListener("focusout",this.handleHide),null===(s=this.target)||void 0===s||s.addEventListener("mouseenter",this.handleShow),null===(a=this.target)||void 0===a||a.addEventListener("mouseleave",this.handleHide),"hover-popover"===e&&(this.host.addEventListener("mouseenter",this.handleShow),this.host.addEventListener("mouseleave",this.handleHide)))}cleanUp(){var t,e,n,i,o,r,s,a,u;null===(t=this.target)||void 0===t||t.removeEventListener("click",this.onClickTarget),null===(e=this.target)||void 0===e||e.removeEventListener("keydown",this.onClickTarget),null===(n=this.target)||void 0===n||n.removeEventListener("focusin",this.handleShow),null===(i=this.target)||void 0===i||i.removeEventListener("focusout",this.handleHide),null===(o=this.target)||void 0===o||o.removeEventListener("mouseenter",this.handleShow),null===(r=this.target)||void 0===r||r.removeEventListener("mouseleave",this.handleHide),null===(s=this.host)||void 0===s||s.removeEventListener("mouseenter",this.handleShow),null===(a=this.host)||void 0===a||a.removeEventListener("mouseleave",this.handleHide),null===(u=this.popperInstance)||void 0===u||u.destroy()}connectedCallback(){if(void 0===this.selector&&void 0===this.referenceEl)return this.disableLogic=!0,void console.warn("TDS-POPOVER-CORE: Popover internal logic disabled. Please provide a `selector` or `referenceEl` prop");this.initialize({referenceEl:this.referenceEl,trigger:this.trigger})}componentWillLoad(){this.setIsShown(!0===this.show||!0===this.defaultShow)}componentDidRender(){var t;!this.isShown||this.renderedShowValue||this.disableLogic||null===(t=this.popperInstance)||void 0===t||t.update(),this.renderedShowValue=this.isShown}disconnectedCallback(){this.cleanUp()}render(){const t=(e={"is-shown":this.isShown&&"none"===this.animation||void 0===this.animation,"is-hidden":!this.isShown&&"none"===this.animation||void 0===this.animation,"initially-hidden":!this.hasShownAtLeastOnce,"tds-animation-enter-fade":this.isShown&&"fade"===this.animation,"tds-animation-exit-fade":!this.isShown&&"fade"===this.animation},Object.keys(e).filter((t=>e[t])).join(" "));var e;return o(r,{key:"88bf90595ba752c1cf65c6019e4bb00c623d81d4",role:this.host.getAttribute("role"),class:t,id:`tds-popover-core-${this.uuid}`},o("slot",{key:"b410dd127ce4f6e509147f7f0f28ac33954cb8ce"}))}get host(){return this}static get watchers(){return{show:[{onShowChange:0}],referenceEl:[{onReferenceElChanged:0}],trigger:[{onTriggerChanged:0}],isShown:[{onIsShownChange:0}]}}static get style(){return".sc-tds-popover-core-h{pointer-events:none;display:block}.tds-animation-enter-fade.sc-tds-popover-core-h{animation:tds-fade-in var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter) forwards}.tds-animation-exit-fade.sc-tds-popover-core-h{animation:tds-fade-out var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit) forwards}.is-shown.sc-tds-popover-core-h{opacity:1;pointer-events:auto;visibility:visible}.is-hidden.sc-tds-popover-core-h{opacity:0;pointer-events:none;visibility:hidden}.initially-hidden.sc-tds-popover-core-h{opacity:0;pointer-events:none;visibility:hidden}"}},[262,"tds-popover-core",{selector:[513],referenceEl:[16],defaultShow:[516,"default-show"],animation:[513],show:[516],placement:[513],offsetSkidding:[514,"offset-skidding"],offsetDistance:[514,"offset-distance"],modifiers:[16],trigger:[513],autoHide:[516,"auto-hide"],renderedShowValue:[32],popperInstance:[32],target:[32],isShown:[32],disableLogic:[32],hasShownAtLeastOnce:[32],openedByKeyboard:[32],close:[64]},[[8,"click","onAnyClick"],[8,"internalTdsShow","onTdsShow"],[8,"keydown","handleKeydown"]],{show:[{onShowChange:0}],referenceEl:[{onReferenceElChanged:0}],trigger:[{onTriggerChanged:0}],isShown:[{onIsShownChange:0}]}]);function yt(){"undefined"!=typeof customElements&&["tds-popover-core"].forEach((e=>{"tds-popover-core"===e&&(customElements.get(t(e))||customElements.define(t(e),bt))}))}yt();export{bt as T,yt as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e,p as t,H as s,h as r,a}from"./index.js";const o=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return r(a,{key:"7d276a5315a38c87d28b5e5ba1f16bcd7c74c0db"},r("div",{key:"44c9ee22549fa323794f0607e7746f395d5f8348",class:"item"},r("slot",{key:"0ec7c2d329877968187fa63153eee2668fa2d057"})))}static get style(){return":host{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-nav-item-color)}:host .item{all:unset;box-sizing:border-box;display:flex;justify-content:center;align-items:center;min-width:var(--tds-header-height);height:var(--tds-header-height);margin:0}:host .item *{box-sizing:border-box}:host slot{white-space:nowrap}:host ::slotted(svg){font-size:20px}"}},[257,"tds-core-header-item"]);function d(){"undefined"!=typeof customElements&&["tds-core-header-item"].forEach((t=>{"tds-core-header-item"===t&&(customElements.get(e(t))||customElements.define(e(t),o))}))}d();export{o as T,d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as e,H as o,h as s,a as d}from"./index.js";import{d as r}from"./p-CLF3diNe.js";import{d as i}from"./p-
|
|
1
|
+
import{t,p as e,H as o,h as s,a as d}from"./index.js";import{d as r}from"./p-CLF3diNe.js";import{d as i}from"./p-Bej31lsj.js";const n=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.active=!1,this.selected=!1}updateSlotted(t,e){var o;const s=null===(o=this.slotEl)||void 0===o?void 0:o.assignedElements({flatten:!0});if(!(null==s?void 0:s.length))return;const d=s[0];if(d){const o=r(d,t);o&&e(o)}}updateSlottedElements(){this.slotEl&&(this.updateSlotted((t=>"tds-icon"===t.tagName.toLowerCase()||"svg"===t.tagName.toLowerCase()),(t=>t.classList.add("__tds-header-item-icon"))),this.updateSlotted((t=>"img"===t.tagName.toLowerCase()),(t=>t.classList.add("__tds-header-item-image"))))}updateOrder(){this.host.style.order="end"===this.host.getAttribute("order")?"1":"0"}componentDidLoad(){var t,e;this.slotEl=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("slot"),this.updateSlottedElements(),null===(e=this.slotEl)||void 0===e||e.addEventListener("slotchange",this.updateSlottedElements),this.updateOrder(),this.mutationObserver=new MutationObserver((t=>{t.forEach((t=>{"attributes"===t.type&&"order"===t.attributeName&&this.updateOrder()}))})),this.mutationObserver.observe(this.host,{attributes:!0,attributeFilter:["order"]})}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}render(){return s(d,{key:"72263f1d62c9fcbbd243259ff2e74271886d27f3"},s("tds-core-header-item",{key:"d80b949b58f5d876b64b8bb2338cf4ebcf733a94",class:{"component-active":this.active,"component-selected":this.selected}},s("slot",{key:"bd98965490e993ea08fa0fc2ceebe5539889ef34"})))}get host(){return this}static get style(){return":host ::slotted(button),:host ::slotted(a){all:unset;box-sizing:border-box;background-color:var(--tds-header-background);border-right:1px solid var(--tds-header--basic-element-border);width:100%;height:100%;cursor:pointer;padding:0 24px;display:flex;align-items:center;gap:8px}:host ::slotted(button) *,:host ::slotted(a) *{box-sizing:border-box}:host ::slotted(button:hover),:host ::slotted(a:hover){background-color:var(--tds-header-item-hover);box-shadow:inset 0 -2px 0 0 var(--tds-header-item-border-hover)}:host ::slotted(button:active),:host ::slotted(a:active){background-color:var(--tds-header-item-active);box-shadow:inset 0 -2px 0 0 var(--tds-header-item-border-active)}:host ::slotted(button:focus-visible),:host ::slotted(a:focus-visible){border:none;margin-right:1px;outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px}:host .component-active ::slotted(button),:host .component-active ::slotted(a){background-color:var(--tds-header--basic-element-background-open);color:var(--tds-header-nav-item-dropdown-opened-color);border-color:var(--tds-header--basic-element-border-open)}:host .component-selected:not(.component-active) ::slotted(button),:host .component-selected:not(.component-active) ::slotted(a){box-shadow:inset 0 -4px 0 0 var(--tds-header-item-border-hover)}:host .component-selected:not(.component-active) ::slotted(button:focus-visible),:host .component-selected:not(.component-active) ::slotted(a:focus-visible){box-shadow:inset 0 0 0 3px var(--tds-white)}"}},[257,"tds-header-item",{active:[516],selected:[516]}]);function a(){"undefined"!=typeof customElements&&["tds-header-item","tds-core-header-item"].forEach((e=>{switch(e){case"tds-header-item":customElements.get(t(e))||customElements.define(t(e),n);break;case"tds-core-header-item":customElements.get(t(e))||i()}}))}a();export{n as T,a as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as o,H as s,h as i,a as e}from"./index.js";import{i as r}from"./p-CF8bH08v.js";import{d}from"./p-
|
|
1
|
+
import{t,p as o,H as s,h as i,a as e}from"./index.js";import{i as r}from"./p-CF8bH08v.js";import{d}from"./p-BMv0SLL4.js";const a=o(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.text="",this.defaultShow=!1,this.mouseOverTooltip=!1,this.trigger="hover",this.show=null,this.placement="bottom",this.offsetSkidding=0,this.offsetDistance=8,this.border="",this.popperjsExtraModifiers=[{name:"positionCalc",enabled:!0,phase:"main",fn:({state:t})=>{"bottom-start"===t.placement||"right-start"===t.placement?this.border="top-left":"bottom-end"===t.placement||"left-start"===t.placement?this.border="top-right":"top-end"===t.placement||"left-end"===t.placement?this.border="bottom-right":"top-start"===t.placement||"right-end"===t.placement?this.border="bottom-left":"bottom"!==t.placement&&"top"!==t.placement||(this.border="default")}}],this.inheritedAttributes={}}handleKeyDown(t){"Escape"===t.key&&this.show&&(this.show=!1)}componentWillLoad(){this.inheritedAttributes=r(this.host,["style","class"])}determineTrigger(){return"hover"===this.trigger?this.mouseOverTooltip?"hover-popover":"hover":this.trigger}render(){var t;return i(e,{key:"411cb8009557df87c9441f79463ace29ca6c9dfb",role:"tooltip","aria-describedby":this.tdsAriaDescribedby,"aria-label":this.text},i("tds-popover-core",Object.assign({key:"eee455fb2952a27257f7efc10d3216c199db4563"},this.inheritedAttributes,{class:{"tds-tooltip":!0,[`tds-tooltip-${this.border}`]:!0,[null!==(t=this.inheritedAttributes.class)&&void 0!==t?t:""]:!0,"tds-tooltip-show":!!this.show},selector:this.selector,referenceEl:this.referenceEl,trigger:this.determineTrigger(),modifiers:this.popperjsExtraModifiers,offsetSkidding:this.offsetSkidding,offsetDistance:this.offsetDistance,show:this.show,placement:this.placement,autoHide:!1,onInternalTdsShow:()=>{this.show=!0},onInternalTdsClose:()=>{this.show=!1},defaultShow:this.defaultShow}),this.text,i("slot",{key:"d8e87c4d8b208cedf3d2cb2daa13145e183494f6"})))}get host(){return this}static get style(){return".sc-tds-tooltip-h{position:absolute}.tds-tooltip.sc-tds-tooltip{box-sizing:border-box;font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:var(--tds-tooltip-border-radius);padding:8px;overflow-wrap:break-word;white-space:normal;max-width:192px;z-index:900;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip.sc-tds-tooltip *.sc-tds-tooltip{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left.sc-tds-tooltip{border-radius:var(--tds-tooltip-border-radius-none) var(--tds-tooltip-border-radius) var(--tds-tooltip-border-radius)}.tds-tooltip.tds-tooltip-top-right.sc-tds-tooltip{border-radius:var(--tds-tooltip-border-radius) var(--tds-tooltip-border-radius-none) var(--tds-tooltip-border-radius) var(--tds-tooltip-border-radius)}.tds-tooltip.tds-tooltip-bottom-right.sc-tds-tooltip{border-radius:var(--tds-tooltip-border-radius) var(--tds-tooltip-border-radius) var(--tds-tooltip-border-radius-none)}.tds-tooltip.tds-tooltip-bottom-left.sc-tds-tooltip{border-radius:var(--tds-tooltip-border-radius) var(--tds-tooltip-border-radius) var(--tds-tooltip-border-radius) var(--tds-tooltip-border-radius-none)}.tds-tooltip-show.sc-tds-tooltip{opacity:1;visibility:visible}"}},[262,"tds-tooltip",{text:[513],selector:[513],referenceEl:[16],defaultShow:[516,"default-show"],mouseOverTooltip:[516,"mouse-over-tooltip"],trigger:[513],show:[1540],placement:[513],offsetSkidding:[514,"offset-skidding"],offsetDistance:[514,"offset-distance"],tdsAriaDescribedby:[513,"tds-aria-describedby"]},[[8,"keydown","handleKeyDown"]]]);function l(){"undefined"!=typeof customElements&&["tds-tooltip","tds-popover-core"].forEach((o=>{switch(o){case"tds-tooltip":customElements.get(t(o))||customElements.define(t(o),a);break;case"tds-popover-core":customElements.get(t(o))||d()}}))}l();export{a as T,l as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as c,H as t,c as o,h as s}from"./index.js";import{g as d}from"./p-Cn4f8w1e.js";const r=c(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.tdsChange=o(this,"tdsChange",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.checkboxId=d(),this.disabled=!1,this.required=!1,this.checked=!1,this.indeterminate=!1,this.handleChange=()=>{this.checked=!this.checked,this.indeterminate=!1,this.tdsChange.emit({checkboxId:this.checkboxId,checked:this.checked,indeterminate:this.indeterminate,value:this.value})}}async toggleCheckbox(){return this.checked=!this.checked,this.indeterminate=!1,{checkboxId:this.checkboxId,checked:this.checked}}async focusElement(){this.inputElement&&this.inputElement.focus()}handleIndeterminateState(){this.inputElement.indeterminate=this.indeterminate}handleFocus(e){this.tdsFocus.emit(e)}handleBlur(e){this.tdsBlur.emit(e)}handleFormReset(e){this.host.closest("form")===e.target&&(this.checked=!1,this.indeterminate=!1)}render(){return s("div",{key:"
|
|
1
|
+
import{t as e,p as c,H as t,c as o,h as s}from"./index.js";import{g as d}from"./p-Cn4f8w1e.js";const r=c(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.tdsChange=o(this,"tdsChange",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.checkboxId=d(),this.disabled=!1,this.required=!1,this.checked=!1,this.indeterminate=!1,this.handleChange=()=>{this.checked=!this.checked,this.indeterminate=!1,this.tdsChange.emit({checkboxId:this.checkboxId,checked:this.checked,indeterminate:this.indeterminate,value:this.value})}}async toggleCheckbox(){return this.checked=!this.checked,this.indeterminate=!1,{checkboxId:this.checkboxId,checked:this.checked}}async focusElement(){this.inputElement&&this.inputElement.focus()}handleIndeterminateState(){this.inputElement.indeterminate=this.indeterminate}handleFocus(e){this.tdsFocus.emit(e)}handleBlur(e){this.tdsBlur.emit(e)}handleFormReset(e){this.host.closest("form")===e.target&&(this.checked=!1,this.indeterminate=!1)}render(){return s("div",{key:"701d1b9990768245981ddc7d9b63cdaea3afe7cf",class:"tds-checkbox"},s("input",{key:"2d038593dddd65b6f36724c1d21c42b56b1ee122",ref:e=>{e&&(this.inputElement=e)},indeterminate:this.indeterminate,"aria-checked":this.checked,"aria-required":this.required,"aria-label":this.tdsAriaLabel,"aria-describedby":this.tdsAriaDescribedby,required:this.required,type:"checkbox",name:this.name,value:this.value,id:this.checkboxId,checked:this.checked,disabled:this.disabled,onFocus:e=>this.handleFocus(e),onBlur:e=>this.handleBlur(e),onChange:()=>{this.handleChange()}}),s("label",{key:"baad151ab9ca1d51d25afc1dbe95f848af5098f5",htmlFor:this.checkboxId},s("slot",{key:"7cf6849b9d0d1c9eb8310aa5d076246b5daa54d5",name:"label"})))}get host(){return this}static get watchers(){return{indeterminate:[{handleIndeterminateState:0}]}}static get style(){return'.sc-tds-checkbox-h{align-items:center;position:relative;box-sizing:border-box}.tds-checkbox.sc-tds-checkbox{box-sizing:border-box;font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-checkbox-text);display:flex;align-items:center;margin-left:-4px}.tds-checkbox.sc-tds-checkbox *.sc-tds-checkbox{box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox{appearance:none;outline:none;margin:0;border:0;width:24px;height:24px;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox{color:var(--tds-checkbox-text);padding-left:var(--tds-spacing-element-4);padding-top:var(--tds-spacing-element-4);padding-bottom:var(--tds-spacing-element-4);cursor:pointer;display:flex;align-items:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox::before{content:"";position:absolute;width:100%;height:100%;left:0;top:0}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{content:"";position:absolute;box-sizing:border-box;width:16px;height:16px;left:4px;top:4px}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before{border:1px solid var(--tds-checkbox-border);background-color:var(--tds-checkbox-background);border-radius:var(--tds-checkbox-border-radius);box-shadow:0 0 0 2px var(--tds-checkbox-indicator);transition:box-shadow 0.2s ease-in-out}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{background-color:var(--tds-checkbox-icon-selected);mask:var(--tds-checkbox-icon-mask) no-repeat center;-webkit-mask:var(--tds-checkbox-icon-mask) no-repeat center;opacity:0;z-index:1}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:hover::before{border-color:var(--tds-checkbox-border-hover);background-color:var(--tds-checkbox-background-hover);box-shadow:0 0 0 2px var(--tds-checkbox-indicator-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:focus-visible::before{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1;border-radius:var(--tds-checkbox-focus-ring-radius)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked::before{border-color:var(--tds-checkbox-border-selected);background-color:var(--tds-checkbox-background-selected)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked::after{background-color:var(--tds-checkbox-icon-selected);opacity:1}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:hover::before{border-color:var(--tds-checkbox-border-selected-hover);background-color:var(--tds-checkbox-background-selected-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:hover::after{background-color:var(--tds-checkbox-icon-selected-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate::before{border-color:var(--tds-checkbox-border-indeterminate);background-color:var(--tds-checkbox-background-indeterminate)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate::after{background-color:var(--tds-checkbox-icon-indeterminate);mask:var(--tds-checkbox-icon-mask-indeterminate) no-repeat center;-webkit-mask:var(--tds-checkbox-icon-mask-indeterminate) no-repeat center;opacity:1}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:hover::before{border-color:var(--tds-checkbox-border-indeterminate-hover);background-color:var(--tds-checkbox-background-indeterminate-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:hover::after{background-color:var(--tds-checkbox-icon-indeterminate-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:hover+label.sc-tds-checkbox{color:var(--tds-checkbox-text-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox{cursor:not-allowed;opacity:var(--tds-checkbox-opacity-disabled)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox:hover::before{border-color:var(--tds-checkbox-border);background-color:var(--tds-checkbox-background);box-shadow:none}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled:checked:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox:checked:hover::before{border-color:var(--tds-checkbox-border-selected);background-color:var(--tds-checkbox-background-selected)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled:indeterminate:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox:indeterminate:hover::before{border-color:var(--tds-checkbox-border-indeterminate);background-color:var(--tds-checkbox-background-indeterminate)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled+label.sc-tds-checkbox,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox+label.sc-tds-checkbox{color:var(--tds-checkbox-text);opacity:var(--tds-checkbox-opacity-disabled);cursor:not-allowed}'}},[262,"tds-checkbox",{name:[513],checkboxId:[513,"checkbox-id"],disabled:[516],required:[516],checked:[1540],indeterminate:[1540],value:[513],tdsAriaLabel:[513,"tds-aria-label"],tdsAriaDescribedby:[513,"tds-aria-describedby"],toggleCheckbox:[64],focusElement:[64]},[[4,"reset","handleFormReset"]],{indeterminate:[{handleIndeterminateState:0}]}]);function b(){"undefined"!=typeof customElements&&["tds-checkbox"].forEach((c=>{"tds-checkbox"===c&&(customElements.get(e(c))||customElements.define(e(c),r))}))}b();export{r as T,b as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e,p as t,H as s,h as a,a as c}from"./index.js";import{i}from"./p-Q3W78DlP.js";import{d as o}from"./p-Bej31lsj.js";import{d as r}from"./p-Bu0KDS61.js";import{d}from"./p-sM3NNe8A.js";const n=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.active=!1}render(){this.ariaAttributes=Object.assign(Object.assign({},this.ariaAttributes),i(this.host));const e=Object.assign({},this.ariaAttributes);return a(c,{key:"c5ccce94f4e20551f6a9e81c7bef89435252216e"},a("tds-header-item",{key:"f8e47ffaff504eb8544ffe3b995006fcdc66b4c5",active:this.active},a("button",Object.assign({key:"74dff07caf204bffd577f13641ca01c1d52a3d7a"},e,{"aria-label":this.tdsAriaLabel}),a("tds-icon",{key:"27461f8d04863c17c1cc78d450b5f2edd01446ca",class:"icon",name:"bento",size:"20px","svg-title":this.tdsAriaLabel}))))}get host(){return this}static get style(){return":host{display:block}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:all 0.2s ease-in-out}"}},[1,"tds-header-launcher-button",{active:[516],tdsAriaLabel:[513,"tds-aria-label"]}]);function m(){"undefined"!=typeof customElements&&["tds-header-launcher-button","tds-core-header-item","tds-header-item","tds-icon"].forEach((t=>{switch(t){case"tds-header-launcher-button":customElements.get(e(t))||customElements.define(e(t),n);break;case"tds-core-header-item":customElements.get(e(t))||o();break;case"tds-header-item":customElements.get(e(t))||r();break;case"tds-icon":customElements.get(e(t))||d()}}))}m();export{n as T,m as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as s,H as e,h as i,a as o}from"./index.js";import{g as
|
|
1
|
+
import{t,p as s,H as e,h as i,a as o}from"./index.js";import{g as d,i as n}from"./p-CuIyaNyT.js";const l=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.slotListeners=new Map,this.size="md"}componentWillLoad(){var t,s;const{children:e}=this.host;for(let t=0;t<e.length;t++){const s=e[t];"size"in s&&(s.size=this.size)}let i=this.host;"tds-header-launcher-list"===(null===(s=null===(t=this.host)||void 0===t?void 0:t.parentElement)||void 0===s?void 0:s.tagName.toLowerCase())&&(i=this.host.parentElement);const o=d(i,n);o?this.headingElement=o:console.warn("Heading element for list not found")}componentDidLoad(){var t;null===(t=this.host.shadowRoot)||void 0===t||t.querySelectorAll("slot").forEach((t=>{const s=t=>{this.processAssignedElements(t.target)};t.addEventListener("slotchange",s),s({target:t}),this.slotListeners.set(t,s)}))}processAssignedElements(t){t.assignedElements().forEach((t=>{"li"!==t.tagName.toLowerCase()&&"slot"!==t.tagName.toLowerCase()&&"listitem"!==t.getAttribute("role")&&t.setAttribute("role","listitem"),"slot"===t.tagName.toLowerCase()&&this.processAssignedElements(t)}))}disconnectedCallback(){this.slotListeners.forEach(((t,s)=>{s.removeEventListener("slotchange",t),this.slotListeners.delete(s)}))}render(){var t;const s={role:"list","aria-labelledby":null===(t=this.headingElement)||void 0===t?void 0:t.id};return i(o,Object.assign({key:"e21067b3bfad5ad96a7b582e0c0fd04c412674f8"},s),i("slot",{key:"7524f7fac3435331c3a8b828958370395e5079de"}))}get host(){return this}static get style(){return":host{display:block;width:190px;padding:0;margin:0;list-style:none;border-radius:unset;background-color:var(--tds-header-app-launcher-menu-bg)}@media all and (max-width: 384px){:host{width:100vw}}:host([size=lg]){width:320px}"}},[257,"tds-header-dropdown-list",{size:[513],headingElement:[32]}]);function a(){"undefined"!=typeof customElements&&["tds-header-dropdown-list"].forEach((s=>{"tds-header-dropdown-list"===s&&(customElements.get(t(s))||customElements.define(t(s),l))}))}a();export{l as T,a as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e,p as i,H as d,h as r,a as t}from"./index.js";const s=i(class extends d{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.orientation="horizontal",this.variant="subtle"}render(){return r(t,{key:"d719a853ab8edcbd2f82fd3ace2e6049966be188",role:"separator","aria-orientation":"vertical"===this.orientation?"vertical":void 0},r("div",{key:"6b1d79bd559eeb881821c5e05f4153e509c58a28",class:{divider:!0,vertical:"vertical"===this.orientation,horizontal:"horizontal"===this.orientation,discrete:"discrete"===this.variant,subtle:"subtle"===this.variant,soft:"soft"===this.variant,defined:"defined"===this.variant,strong:"strong"===this.variant,expressive:"expressive"===this.variant||"dark-blue"===this.variant}}))}static get style(){return".divider{box-sizing:border-box;background-color:var(--tds-divider-background)}.divider *{box-sizing:border-box}.divider.discrete{background-color:var(--tds-divider-background-discrete)}.divider.subtle{background-color:var(--tds-divider-background-subtle)}.divider.soft{background-color:var(--tds-divider-background-soft)}.divider.defined{background-color:var(--tds-divider-background-defined)}.divider.strong{background-color:var(--tds-divider-background-strong)}.divider.expressive{background-color:var(--tds-divider-background-expressive)}.divider.horizontal{width:100%;height:1px}.divider.vertical{height:100%;width:1px}"}},[1,"tds-divider",{orientation:[513],variant:[513]}]);function o(){"undefined"!=typeof customElements&&["tds-divider"].forEach((i=>{"tds-divider"===i&&(customElements.get(e(i))||customElements.define(e(i),s))}))}o();export{s as D,o as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as e,H as i,c as d,h as l}from"./index.js";import{h as s}from"./p-DDX6uFcm.js";import{g as r}from"./p-Cn4f8w1e.js";import{g as a}from"./p-wEP_nEaO.js";import{d as o}from"./p-1OlFnMHE.js";import{d as n}from"./p-CJtN1EIg.js";import{d as f}from"./p-Dlj2h0pg.js";const c=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.tdsChange=d(this,"tdsChange",6),this.tdsInput=d(this,"tdsInput",6),this.tdsFocus=d(this,"tdsFocus",6),this.tdsBlur=d(this,"tdsBlur",6),this.tdsError=d(this,"tdsError",6),this.uuid=r(),this.type="text",this.labelPosition="no-label",this.label="",this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.size="lg",this.modeVariant=null,this.noMinWidth=!1,this.name="",this.state="default",this.autofocus=!1,this.required=!1,this.autocomplete="off",this.hideNumberArrows=!1,this.focusInput=!1}handleChange(t){this.tdsChange.emit(t)}handleInput(t){const e=t.target,{value:i}=e;this.value=i,this.tdsInput.emit(t)}handleFocus(t){var e;null===(e=this.textInput)||void 0===e||e.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}handleBlur(t){if(this.focusInput=!1,"number"===this.type&&this.textInput){const t=this.textInput.valueAsNumber,e=void 0!==this.min?Number(this.min):void 0,i=void 0!==this.max?Number(this.max):void 0;if(void 0!==e&&void 0!==i&&e>i)return void console.warn("tds-text-field: min value is greater than max value");if(!isNaN(t)){const d=this.textInput.value;let l=d,s=null;void 0!==e&&t<e&&(l=String(this.min),s="min"),void 0!==i&&t>i&&(l=String(this.max),s="max"),l!==d&&s&&(this.textInput.value=l,this.value=l,this.tdsError.emit({originalValue:d,clampedValue:l,reason:s}))}}this.tdsBlur.emit(t)}async focusElement(){this.textInput&&this.textInput.focus()}render(){var t,e,i,d;const r=s("prefix",this.host),o=s("suffix",this.host);return l("div",{key:"dd9defb9a38b4cf10e8c7f57035ab8dbce251a46",class:{"form-text-field":!0,"form-text-field-nomin":this.noMinWidth,"text-field-focus":this.focusInput&&!this.disabled,"text-field-data":""!==this.value&&null!==this.value,"text-field-container-label-inside":"inside"===this.labelPosition&&"sm"!==this.size,"form-text-field-disabled":this.disabled,"form-text-field-readonly":!this.disabled&&this.readOnly,"tds-mode-variant-primary":this.readOnly?"secondary"===this.modeVariant:"primary"===this.modeVariant,"tds-mode-variant-secondary":this.readOnly?"primary"===this.modeVariant:"secondary"===this.modeVariant,"form-text-field-md":"md"===this.size,"form-text-field-sm":"sm"===this.size,"form-text-field-error":"error"===this.state,"form-text-field-success":"success"===this.state}},"outside"===this.labelPosition&&l("div",{key:"6b93d807bfbb8bbd3c82d8335bca55ec9c78ed4a",class:"text-field-label-outside"},l("label",{key:"c625e090dfb2515f886f5b9d1ce2213e0c0fd3d4",htmlFor:`text-field-input-element-${this.uuid}`},this.label)),l("div",{key:"cb96dce1a1004b7951b3fb03d3841e27e79cc5a5",onClick:()=>{var t;return null===(t=this.textInput)||void 0===t?void 0:t.focus()},class:"text-field-container"},r&&l("div",{key:"2019699ebaa2e065e7dce91c3e0c819c4e14dd60",class:{"text-field-slot-wrap-prefix":!0,"text-field-error":"error"===this.state,"text-field-success":"success"===this.state,"text-field-default":"default"===this.state}},l("slot",{key:"157b5ac2ab057d033030ef52e4a1ff0bb54793fe",name:"prefix"})),l("div",{key:"92fc14cf021d3f0ec436b441d428186c0e9debb5",class:"text-field-input-container"},l("input",{key:"18d7207722fdd7107b492d9f2ac504da8daf4c14",ref:t=>{this.textInput=t},class:{"text-field-input":!0,"text-field-input-sm":"sm"===this.size,"text-field-input-md":"md"===this.size,"text-field-input-lg":"lg"===this.size,"text-field-input-no-arrows":this.hideNumberArrows},type:this.type,disabled:this.disabled,readonly:!this.disabled&&this.readOnly,placeholder:this.placeholder,value:this.value,autofocus:this.autofocus,maxlength:this.maxLength,name:this.name,min:this.min,max:this.max,step:this.step,onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)},"aria-invalid":a(this.host,this.state),"aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label,"aria-describedby":`text-field-helper-element-${this.uuid}`,"aria-readonly":this.readOnly,id:`text-field-input-element-${this.uuid}`,required:this.required,autocomplete:this.autocomplete}),"inside"===this.labelPosition&&"sm"!==this.size&&l("label",{key:"af177c81ba112bc0070257922119204317593249",class:"text-field-label-inside",htmlFor:`text-field-input-element-${this.uuid}`},this.label)),o&&l("div",{key:"363104da68171eeca7fd37e5aaff4d21dd95c54a",class:{"text-field-slot-wrap-suffix":!0,"text-field-error":"error"===this.state,"text-field-success":"success"===this.state,"text-field-default":"default"===this.state,"tds-u-display-none":this.readOnly}},l("slot",{key:"75b9836c7f556240471edba25233c00203d8bf55",name:"suffix"})),this.readOnly&&!this.hideReadOnlyIcon&&l("span",{key:"21e1dd37091b377c67d59b63275e12fb73b6b216",class:"text-field-icon__readonly"},l("tds-tooltip",{key:"eec43023c93207cdf31a5c1f69fc32ab53b62929",placement:"top-end",text:"This field is non-editable",selector:"#readonly-tooltip"}),l("tds-icon",{key:"060587e75f891223fa622e7434b59fd253216438",id:"readonly-tooltip",name:"edit_inactive",size:"20px"}))),l("div",{key:"ff1daddf3ce6df74855ab07c75697db48ff2a13e","aria-live":"assertive"},(this.helper||(null!==(t=this.maxLength)&&void 0!==t?t:0)>0)&&l("div",{key:"7232bd2259686766672c09218f3b56b739ea78a8",class:"text-field-helper",id:`text-field-helper-element-${this.uuid}`},"error"===this.state&&l("div",{key:"f37a5292ee69c54244bc829c5b96220e0450dd08",class:"text-field-helper-error-state"},!this.readOnly&&l("tds-icon",{key:"deddd774aadb77e171d81c368dbac8ebeebd7864",name:"error",size:"16px"}),this.helper),"error"!==this.state&&this.helper,!this.readOnly&&(null!==(e=this.maxLength)&&void 0!==e?e:0)>0&&l("span",{key:"a2a9f9ee206868eb12d6ff96fc8d6e32c0bad865",class:{"text-field-textcounter-divider":!0,"text-field-textcounter-disabled":this.disabled}},null===this.value?0:null===(i=this.value)||void 0===i?void 0:i.length," / ",null!==(d=this.maxLength)&&void 0!==d?d:0))))}get host(){return this}static get style(){return".text-field-input-lg.sc-tds-text-field{all:unset;border-radius:calc(var(--component--input-border-radius-top-left) * 1px) calc(var(--component--input-border-radius-top-right) * 1px) calc(var(--component--input-border-radius-bottom-right) * 1px) calc(var(--component--input-border-radius-bottom-left) * 1px);width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.text-field-input-lg.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-lg.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-lg.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-lg.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-md.sc-tds-text-field{all:unset;border-radius:calc(var(--component--input-border-radius-top-left) * 1px) calc(var(--component--input-border-radius-top-right) * 1px) calc(var(--component--input-border-radius-bottom-right) * 1px) calc(var(--component--input-border-radius-bottom-left) * 1px);width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-md.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-md.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-md.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-md.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-sm.sc-tds-text-field{all:unset;border-radius:calc(var(--component--input-border-radius-top-left) * 1px) calc(var(--component--input-border-radius-top-right) * 1px) calc(var(--component--input-border-radius-bottom-right) * 1px) calc(var(--component--input-border-radius-bottom-left) * 1px);width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-sm.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-sm.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-sm.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-sm.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-container.sc-tds-text-field{display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-text-field-background);border-style:solid;border-color:var(--tds-text-field-border-bottom);border-width:calc(var(--component--input-border-width-top) * 1px) calc(var(--component--input-border-width-right) * 1px) calc(var(--component--input-border-width-bottom) * 1px) calc(var(--component--input-border-width-left) * 1px);border-radius:calc(var(--component--input-border-radius-top-left) * 1px) calc(var(--component--input-border-radius-top-right) * 1px) calc(var(--component--input-border-radius-bottom-right) * 1px) calc(var(--component--input-border-radius-bottom-left) * 1px);transition:border-color 200ms ease}.text-field-container.sc-tds-text-field:hover{border-color:var(--tds-text-field-border-bottom-hover)}.form-text-field-md.sc-tds-text-field .text-field-container.sc-tds-text-field{height:48px}.form-text-field-sm.sc-tds-text-field .text-field-container.sc-tds-text-field{height:40px}.text-field-container.sc-tds-text-field:focus-within{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}.text-field-input-container.sc-tds-text-field{position:relative;width:100%}.text-field-data.sc-tds-text-field,.text-field-input.sc-tds-text-field{color:var(--tds-text-field-data-color)}.text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-text-field-label-color)}.text-field-label-inside.sc-tds-text-field{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-text-field-label-inside-color);left:16px}.form-text-field.sc-tds-text-field{display:block;min-width:208px}.form-text-field-nomin.sc-tds-text-field{min-width:auto}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:20px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.text-field-helper.sc-tds-text-field{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;justify-content:space-between;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--tds-text-field-helper)}.text-field-helper.sc-tds-text-field .text-field-textcounter.sc-tds-text-field{margin-left:auto}.form-text-field-disabled.sc-tds-text-field{cursor:not-allowed}.form-text-field-disabled.sc-tds-text-field .text-field-container.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-label-outside.sc-tds-text-field{opacity:var(--tds-text-field-opacity-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-container.sc-tds-text-field{cursor:not-allowed}.form-text-field-disabled.sc-tds-text-field .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-disabled)}.text-field-icon__readonly.sc-tds-text-field{display:none;position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--tds-text-field-icon-read-only-label-color)}.text-field-icon__readonly.sc-tds-text-field .tds-tooltip.sc-tds-text-field{min-width:150px}.form-text-field-readonly.sc-tds-text-field{user-select:auto;caret-color:transparent;cursor:default}.form-text-field-readonly.sc-tds-text-field .text-field-container.sc-tds-text-field{border-color:var(--tds-text-field-border-bottom-readonly)}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field:hover~.text-field-icon__readonly-label.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-input.sc-tds-text-field{background-color:transparent}.form-text-field-readonly.sc-tds-text-field:has(.text-field-icon__readonly) .text-field-input.sc-tds-text-field{padding-right:54px}.form-text-field-success.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{border-color:var(--tds-text-field-border-bottom-success)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-error)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{border-color:var(--tds-text-field-border-bottom-error)}.text-field-helper-error-state.sc-tds-text-field{display:flex;gap:8px;flex-wrap:nowrap}.text-field-textcounter-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-disabled)}.text-field-textcounter.sc-tds-text-field{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-text-field-textcounter);float:right}.text-field-textcounter.text-field-textcounter-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-disabled)}.text-field-textcounter.text-field-textcounter-divider.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider)}.text-field-textcounter.text-field-textcounter-divider-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider-disabled)}.text-field-slot-wrap-prefix.sc-tds-text-field,.text-field-slot-wrap-suffix.sc-tds-text-field{align-self:center;font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);letter-spacing:var(--tds-detail-02-ls);margin:0 0 0 14px;color:var(--tds-text-field-ps-color)}.text-field-slot-wrap-prefix.sc-tds-text-field-s>:not(tds-icon),.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 0 0 2px}.text-field-slot-wrap-prefix.text-field-error.sc-tds-text-field,.text-field-slot-wrap-suffix.text-field-error.sc-tds-text-field{color:var(--tds-text-field-ps-color-error)}.text-field-slot-wrap-suffix.sc-tds-text-field{margin:0 14px 0 0;color:var(--tds-text-field-ps-color-suffix)}.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 2px 0 0}.text-field-input-no-arrows.sc-tds-text-field{appearance:textfield}.text-field-input-no-arrows.sc-tds-text-field::-webkit-outer-spin-button,.text-field-input-no-arrows.sc-tds-text-field::-webkit-inner-spin-button{appearance:none;margin:0}"}},[262,"tds-text-field",{type:[513],labelPosition:[513,"label-position"],label:[513],min:[520],max:[520],step:[520],helper:[513],placeholder:[513],value:[513],disabled:[516],readOnly:[516,"read-only"],hideReadOnlyIcon:[516,"hide-read-only-icon"],size:[513],modeVariant:[513,"mode-variant"],noMinWidth:[516,"no-min-width"],name:[513],state:[513],maxLength:[514,"max-length"],autofocus:[516],tdsAriaLabel:[513,"tds-aria-label"],required:[516],autocomplete:[513],hideNumberArrows:[516,"hide-number-arrows"],focusInput:[32],focusElement:[64]}]);function x(){"undefined"!=typeof customElements&&["tds-text-field","tds-icon","tds-popover-core","tds-tooltip"].forEach((e=>{switch(e){case"tds-text-field":customElements.get(t(e))||customElements.define(t(e),c);break;case"tds-icon":customElements.get(t(e))||o();break;case"tds-popover-core":customElements.get(t(e))||n();break;case"tds-tooltip":customElements.get(t(e))||f()}}))}x();export{c as T,x as d}
|
|
1
|
+
import{t,p as e,H as i,c as d,h as l}from"./index.js";import{h as s}from"./p-DDX6uFcm.js";import{g as r}from"./p-Cn4f8w1e.js";import{g as a}from"./p-wEP_nEaO.js";import{d as o}from"./p-sM3NNe8A.js";import{d as n}from"./p-BMv0SLL4.js";import{d as f}from"./p-CS3vcVmy.js";const c=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.tdsChange=d(this,"tdsChange",6),this.tdsInput=d(this,"tdsInput",6),this.tdsFocus=d(this,"tdsFocus",6),this.tdsBlur=d(this,"tdsBlur",6),this.tdsError=d(this,"tdsError",6),this.uuid=r(),this.type="text",this.labelPosition="no-label",this.label="",this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.size="lg",this.modeVariant=null,this.noMinWidth=!1,this.name="",this.state="default",this.autofocus=!1,this.required=!1,this.autocomplete="off",this.hideNumberArrows=!1,this.focusInput=!1}handleChange(t){this.tdsChange.emit(t)}handleInput(t){const e=t.target,{value:i}=e;this.value=i,this.tdsInput.emit(t)}handleFocus(t){var e;null===(e=this.textInput)||void 0===e||e.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}handleBlur(t){if(this.focusInput=!1,"number"===this.type&&this.textInput){const t=this.textInput.valueAsNumber,e=void 0!==this.min?Number(this.min):void 0,i=void 0!==this.max?Number(this.max):void 0;if(void 0!==e&&void 0!==i&&e>i)return void console.warn("tds-text-field: min value is greater than max value");if(!isNaN(t)){const d=this.textInput.value;let l=d,s=null;void 0!==e&&t<e&&(l=String(this.min),s="min"),void 0!==i&&t>i&&(l=String(this.max),s="max"),l!==d&&s&&(this.textInput.value=l,this.value=l,this.tdsError.emit({originalValue:d,clampedValue:l,reason:s}))}}this.tdsBlur.emit(t)}async focusElement(){this.textInput&&this.textInput.focus()}render(){var t,e,i,d;const r=s("prefix",this.host),o=s("suffix",this.host);return l("div",{key:"dd9defb9a38b4cf10e8c7f57035ab8dbce251a46",class:{"form-text-field":!0,"form-text-field-nomin":this.noMinWidth,"text-field-focus":this.focusInput&&!this.disabled,"text-field-data":""!==this.value&&null!==this.value,"text-field-container-label-inside":"inside"===this.labelPosition&&"sm"!==this.size,"form-text-field-disabled":this.disabled,"form-text-field-readonly":!this.disabled&&this.readOnly,"tds-mode-variant-primary":this.readOnly?"secondary"===this.modeVariant:"primary"===this.modeVariant,"tds-mode-variant-secondary":this.readOnly?"primary"===this.modeVariant:"secondary"===this.modeVariant,"form-text-field-md":"md"===this.size,"form-text-field-sm":"sm"===this.size,"form-text-field-error":"error"===this.state,"form-text-field-success":"success"===this.state}},"outside"===this.labelPosition&&l("div",{key:"6b93d807bfbb8bbd3c82d8335bca55ec9c78ed4a",class:"text-field-label-outside"},l("label",{key:"c625e090dfb2515f886f5b9d1ce2213e0c0fd3d4",htmlFor:`text-field-input-element-${this.uuid}`},this.label)),l("div",{key:"cb96dce1a1004b7951b3fb03d3841e27e79cc5a5",onClick:()=>{var t;return null===(t=this.textInput)||void 0===t?void 0:t.focus()},class:"text-field-container"},r&&l("div",{key:"2019699ebaa2e065e7dce91c3e0c819c4e14dd60",class:{"text-field-slot-wrap-prefix":!0,"text-field-error":"error"===this.state,"text-field-success":"success"===this.state,"text-field-default":"default"===this.state}},l("slot",{key:"157b5ac2ab057d033030ef52e4a1ff0bb54793fe",name:"prefix"})),l("div",{key:"92fc14cf021d3f0ec436b441d428186c0e9debb5",class:"text-field-input-container"},l("input",{key:"18d7207722fdd7107b492d9f2ac504da8daf4c14",ref:t=>{this.textInput=t},class:{"text-field-input":!0,"text-field-input-sm":"sm"===this.size,"text-field-input-md":"md"===this.size,"text-field-input-lg":"lg"===this.size,"text-field-input-no-arrows":this.hideNumberArrows},type:this.type,disabled:this.disabled,readonly:!this.disabled&&this.readOnly,placeholder:this.placeholder,value:this.value,autofocus:this.autofocus,maxlength:this.maxLength,name:this.name,min:this.min,max:this.max,step:this.step,onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)},"aria-invalid":a(this.host,this.state),"aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label,"aria-describedby":`text-field-helper-element-${this.uuid}`,"aria-readonly":this.readOnly,id:`text-field-input-element-${this.uuid}`,required:this.required,autocomplete:this.autocomplete}),"inside"===this.labelPosition&&"sm"!==this.size&&l("label",{key:"af177c81ba112bc0070257922119204317593249",class:"text-field-label-inside",htmlFor:`text-field-input-element-${this.uuid}`},this.label)),o&&l("div",{key:"363104da68171eeca7fd37e5aaff4d21dd95c54a",class:{"text-field-slot-wrap-suffix":!0,"text-field-error":"error"===this.state,"text-field-success":"success"===this.state,"text-field-default":"default"===this.state,"tds-u-display-none":this.readOnly}},l("slot",{key:"75b9836c7f556240471edba25233c00203d8bf55",name:"suffix"})),this.readOnly&&!this.hideReadOnlyIcon&&l("span",{key:"21e1dd37091b377c67d59b63275e12fb73b6b216",class:"text-field-icon__readonly"},l("tds-tooltip",{key:"eec43023c93207cdf31a5c1f69fc32ab53b62929",placement:"top-end",text:"This field is non-editable",selector:"#readonly-tooltip"}),l("tds-icon",{key:"060587e75f891223fa622e7434b59fd253216438",id:"readonly-tooltip",name:"edit_inactive",size:"20px"}))),l("div",{key:"ff1daddf3ce6df74855ab07c75697db48ff2a13e","aria-live":"assertive"},(this.helper||(null!==(t=this.maxLength)&&void 0!==t?t:0)>0)&&l("div",{key:"7232bd2259686766672c09218f3b56b739ea78a8",class:"text-field-helper",id:`text-field-helper-element-${this.uuid}`},"error"===this.state&&l("div",{key:"f37a5292ee69c54244bc829c5b96220e0450dd08",class:"text-field-helper-error-state"},!this.readOnly&&l("tds-icon",{key:"deddd774aadb77e171d81c368dbac8ebeebd7864",name:"error",size:"16px"}),this.helper),"error"!==this.state&&this.helper,!this.readOnly&&(null!==(e=this.maxLength)&&void 0!==e?e:0)>0&&l("span",{key:"a2a9f9ee206868eb12d6ff96fc8d6e32c0bad865",class:{"text-field-textcounter-divider":!0,"text-field-textcounter-disabled":this.disabled}},null===this.value?0:null===(i=this.value)||void 0===i?void 0:i.length," / ",null!==(d=this.maxLength)&&void 0!==d?d:0))))}get host(){return this}static get style(){return".text-field-input-lg.sc-tds-text-field{all:unset;border-radius:calc(var(--component--input-border-radius-top-left) * 1px) calc(var(--component--input-border-radius-top-right) * 1px) calc(var(--component--input-border-radius-bottom-right) * 1px) calc(var(--component--input-border-radius-bottom-left) * 1px);width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.text-field-input-lg.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-lg.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-lg.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-lg.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-md.sc-tds-text-field{all:unset;border-radius:calc(var(--component--input-border-radius-top-left) * 1px) calc(var(--component--input-border-radius-top-right) * 1px) calc(var(--component--input-border-radius-bottom-right) * 1px) calc(var(--component--input-border-radius-bottom-left) * 1px);width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-md.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-md.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-md.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-md.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-sm.sc-tds-text-field{all:unset;border-radius:calc(var(--component--input-border-radius-top-left) * 1px) calc(var(--component--input-border-radius-top-right) * 1px) calc(var(--component--input-border-radius-bottom-right) * 1px) calc(var(--component--input-border-radius-bottom-left) * 1px);width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-sm.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-sm.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-sm.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-sm.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-container.sc-tds-text-field{display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-text-field-background);border-style:solid;border-color:var(--tds-text-field-border-bottom);border-width:calc(var(--component--input-border-width-top) * 1px) calc(var(--component--input-border-width-right) * 1px) calc(var(--component--input-border-width-bottom) * 1px) calc(var(--component--input-border-width-left) * 1px);border-radius:calc(var(--component--input-border-radius-top-left) * 1px) calc(var(--component--input-border-radius-top-right) * 1px) calc(var(--component--input-border-radius-bottom-right) * 1px) calc(var(--component--input-border-radius-bottom-left) * 1px);transition:border-color 200ms ease}.text-field-container.sc-tds-text-field:hover{border-color:var(--tds-text-field-border-bottom-hover)}.form-text-field-md.sc-tds-text-field .text-field-container.sc-tds-text-field{height:48px}.form-text-field-sm.sc-tds-text-field .text-field-container.sc-tds-text-field{height:40px}.text-field-container.sc-tds-text-field:focus-within{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}.text-field-input-container.sc-tds-text-field{position:relative;width:100%}.text-field-data.sc-tds-text-field,.text-field-input.sc-tds-text-field{color:var(--tds-text-field-data-color)}.text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-text-field-label-color)}.text-field-label-inside.sc-tds-text-field{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-text-field-label-inside-color);left:16px}.form-text-field.sc-tds-text-field{display:block;min-width:208px}.form-text-field-nomin.sc-tds-text-field{min-width:auto}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:20px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.text-field-helper.sc-tds-text-field{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;justify-content:space-between;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--tds-text-field-helper)}.text-field-helper.sc-tds-text-field .text-field-textcounter.sc-tds-text-field{margin-left:auto}.form-text-field-disabled.sc-tds-text-field{cursor:not-allowed}.form-text-field-disabled.sc-tds-text-field .text-field-container.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-label-outside.sc-tds-text-field{opacity:var(--tds-text-field-opacity-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-container.sc-tds-text-field{cursor:not-allowed}.form-text-field-disabled.sc-tds-text-field .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-disabled)}.text-field-icon__readonly.sc-tds-text-field{display:none;position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--tds-text-field-icon-read-only-label-color)}.text-field-icon__readonly.sc-tds-text-field .tds-tooltip.sc-tds-text-field{min-width:150px}.form-text-field-readonly.sc-tds-text-field{user-select:auto;caret-color:transparent;cursor:default}.form-text-field-readonly.sc-tds-text-field .text-field-container.sc-tds-text-field{border-color:var(--tds-text-field-border-bottom-readonly)}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field:hover~.text-field-icon__readonly-label.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-input.sc-tds-text-field{background-color:transparent}.form-text-field-readonly.sc-tds-text-field:has(.text-field-icon__readonly) .text-field-input.sc-tds-text-field{padding-right:54px}.form-text-field-success.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{border-color:var(--tds-text-field-border-bottom-success)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-error)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{border-color:var(--tds-text-field-border-bottom-error)}.text-field-helper-error-state.sc-tds-text-field{display:flex;gap:8px;flex-wrap:nowrap}.text-field-textcounter-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-disabled)}.text-field-textcounter.sc-tds-text-field{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-text-field-textcounter);float:right}.text-field-textcounter.text-field-textcounter-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-disabled)}.text-field-textcounter.text-field-textcounter-divider.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider)}.text-field-textcounter.text-field-textcounter-divider-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider-disabled)}.text-field-slot-wrap-prefix.sc-tds-text-field,.text-field-slot-wrap-suffix.sc-tds-text-field{align-self:center;font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);letter-spacing:var(--tds-detail-02-ls);margin:0 0 0 14px;color:var(--tds-text-field-ps-color)}.text-field-slot-wrap-prefix.sc-tds-text-field-s>:not(tds-icon),.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 0 0 2px}.text-field-slot-wrap-prefix.text-field-error.sc-tds-text-field,.text-field-slot-wrap-suffix.text-field-error.sc-tds-text-field{color:var(--tds-text-field-ps-color-error)}.text-field-slot-wrap-suffix.sc-tds-text-field{margin:0 14px 0 0;color:var(--tds-text-field-ps-color-suffix)}.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 2px 0 0}.text-field-input-no-arrows.sc-tds-text-field{appearance:textfield}.text-field-input-no-arrows.sc-tds-text-field::-webkit-outer-spin-button,.text-field-input-no-arrows.sc-tds-text-field::-webkit-inner-spin-button{appearance:none;margin:0}"}},[262,"tds-text-field",{type:[513],labelPosition:[513,"label-position"],label:[513],min:[520],max:[520],step:[520],helper:[513],placeholder:[513],value:[513],disabled:[516],readOnly:[516,"read-only"],hideReadOnlyIcon:[516,"hide-read-only-icon"],size:[513],modeVariant:[513,"mode-variant"],noMinWidth:[516,"no-min-width"],name:[513],state:[513],maxLength:[514,"max-length"],autofocus:[516],tdsAriaLabel:[513,"tds-aria-label"],required:[516],autocomplete:[513],hideNumberArrows:[516,"hide-number-arrows"],focusInput:[32],focusElement:[64]}]);function x(){"undefined"!=typeof customElements&&["tds-text-field","tds-icon","tds-popover-core","tds-tooltip"].forEach((e=>{switch(e){case"tds-text-field":customElements.get(t(e))||customElements.define(t(e),c);break;case"tds-icon":customElements.get(t(e))||o();break;case"tds-popover-core":customElements.get(t(e))||n();break;case"tds-tooltip":customElements.get(t(e))||f()}}))}x();export{c as T,x as d}
|