@scania/tegel 1.57.0 → 1.58.0-side-menu-beta.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-7HaAPAXr.js +2548 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/tds-accordion-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-accordion.cjs.entry.js +1 -1
- package/dist/cjs/tds-badge.cjs.entry.js +1 -1
- package/dist/cjs/tds-banner.cjs.entry.js +1 -1
- package/dist/cjs/tds-block.cjs.entry.js +1 -1
- package/dist/cjs/tds-body-cell.cjs.entry.js +1 -1
- package/dist/cjs/tds-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/tds-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/tds-button_2.cjs.entry.js +1 -1
- package/dist/cjs/tds-card.cjs.entry.js +1 -1
- package/dist/cjs/tds-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/tds-chip.cjs.entry.js +1 -1
- package/dist/cjs/tds-core-header-item_2.cjs.entry.js +1 -1
- package/dist/cjs/tds-datetime.cjs.entry.js +1 -1
- package/dist/cjs/tds-dropdown_2.cjs.entry.js +1 -1
- package/dist/cjs/tds-folder-tab.cjs.entry.js +1 -1
- package/dist/cjs/tds-folder-tabs.cjs.entry.js +1 -1
- package/dist/cjs/tds-footer-group.cjs.entry.js +1 -1
- package/dist/cjs/tds-footer-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-footer.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-brand-symbol.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-cell.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-dropdown-list-user.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-dropdown-list.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-hamburger.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-button.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-grid-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-grid-title.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-grid.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-list-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-list-title.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-list.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-title.cjs.entry.js +1 -1
- package/dist/cjs/tds-header.cjs.entry.js +1 -1
- package/dist/cjs/tds-icon.cjs.entry.js +1 -1
- package/dist/cjs/tds-inline-tab.cjs.entry.js +1 -1
- package/dist/cjs/tds-inline-tabs.cjs.entry.js +1 -1
- package/dist/cjs/tds-link.cjs.entry.js +1 -1
- package/dist/cjs/tds-message.cjs.entry.js +1 -1
- package/dist/cjs/tds-modal.cjs.entry.js +1 -1
- package/dist/cjs/tds-navigation-tab.cjs.entry.js +1 -1
- package/dist/cjs/tds-navigation-tabs.cjs.entry.js +1 -1
- package/dist/cjs/tds-popover-canvas.cjs.entry.js +1 -1
- package/dist/cjs/tds-popover-core.cjs.entry.js +1 -1
- package/dist/cjs/tds-popover-menu-item.cjs.entry.js +2 -2
- package/dist/cjs/tds-popover-menu.cjs.entry.js +2 -2
- package/dist/cjs/tds-radio-button.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js +2 -2
- package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +2 -2
- package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js +2 -2
- package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/tds-side-menu-item.cjs.entry.js +2 -2
- package/dist/cjs/tds-side-menu-overlay.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-user-image_2.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-user.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu.cjs.entry.js +9 -7
- package/dist/cjs/tds-slider.cjs.entry.js +1 -1
- package/dist/cjs/tds-spinner.cjs.entry.js +1 -1
- package/dist/cjs/tds-step.cjs.entry.js +1 -1
- package/dist/cjs/tds-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tds-table-body-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 +1 -1
- 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 +1 -1
- package/dist/collection/assets/icons/traton/back.svg +1 -0
- package/dist/collection/assets/icons/traton/calendar_inactive.svg +1 -0
- package/dist/collection/assets/icons/traton/card.svg +1 -0
- package/dist/collection/assets/icons/traton/cart.svg +1 -0
- package/dist/collection/assets/icons/traton/clock.svg +1 -0
- package/dist/collection/assets/icons/traton/clock_inactive.svg +1 -0
- package/dist/collection/assets/icons/traton/contact.svg +1 -0
- package/dist/collection/assets/icons/traton/contact_inactive.svg +1 -0
- package/dist/collection/assets/icons/traton/copy.svg +1 -0
- package/dist/collection/assets/icons/traton/document.svg +1 -0
- package/dist/collection/assets/icons/traton/document_check.svg +1 -0
- package/dist/collection/assets/icons/traton/document_doc.svg +1 -0
- package/dist/collection/assets/icons/traton/document_eye.svg +1 -0
- package/dist/collection/assets/icons/traton/document_pdf.svg +1 -0
- package/dist/collection/assets/icons/traton/document_tool.svg +1 -0
- package/dist/collection/assets/icons/traton/document_word.svg +1 -0
- package/dist/collection/assets/icons/traton/document_wrong.svg +1 -0
- package/dist/collection/assets/icons/traton/document_xls.svg +1 -0
- package/dist/collection/assets/icons/traton/dollar.svg +1 -0
- package/dist/collection/assets/icons/traton/doner.svg +1 -0
- package/dist/collection/assets/icons/traton/double_kebab.svg +1 -0
- package/dist/collection/assets/icons/traton/download.svg +1 -0
- package/dist/collection/assets/icons/traton/edit_inactive.svg +1 -1
- package/dist/collection/assets/icons/traton/email.svg +1 -0
- package/dist/collection/assets/icons/traton/export.svg +1 -0
- package/dist/collection/assets/icons/traton/export_inactive.svg +1 -0
- package/dist/collection/assets/icons/traton/eye.svg +1 -0
- package/dist/collection/assets/icons/traton/eye_inactive.svg +1 -0
- package/dist/collection/assets/icons/traton/face_dissatisfied.svg +1 -0
- package/dist/collection/assets/icons/traton/face_neutral.svg +1 -0
- package/dist/collection/assets/icons/traton/face_satisfied.svg +1 -0
- package/dist/collection/assets/icons/traton/filters.svg +1 -0
- package/dist/collection/assets/icons/traton/filters_inactive.svg +1 -0
- package/dist/collection/assets/icons/traton/folder.svg +1 -0
- package/dist/collection/assets/icons/traton/fuel_gauge.svg +1 -0
- package/dist/collection/assets/icons/traton/fuel_gauge_inactive.svg +1 -0
- package/dist/collection/assets/icons/traton/global.svg +1 -0
- package/dist/collection/assets/icons/traton/heart.svg +1 -0
- package/dist/collection/assets/icons/traton/heart_inactive.svg +1 -0
- package/dist/collection/assets/icons/traton/home.svg +1 -0
- package/dist/collection/assets/icons/traton/home_inactive.svg +1 -0
- package/dist/collection/assets/icons/traton/image.svg +1 -0
- package/dist/collection/assets/icons/traton/image_add.svg +1 -0
- package/dist/collection/assets/icons/traton/image_inactive.svg +1 -0
- package/dist/collection/assets/icons/traton/image_set.svg +1 -0
- package/dist/collection/assets/icons/traton/kebab.svg +1 -0
- package/dist/collection/assets/icons/traton/link.svg +1 -0
- package/dist/collection/assets/icons/traton/link_broken.svg +1 -0
- package/dist/collection/assets/icons/traton/lock.svg +1 -0
- package/dist/collection/assets/icons/traton/meatballs.svg +1 -0
- package/dist/collection/assets/icons/traton/message.svg +1 -0
- package/dist/collection/assets/icons/traton/message_inactive.svg +1 -0
- package/dist/collection/assets/icons/traton/mileage.svg +1 -0
- package/dist/collection/assets/icons/traton/mileage_inactive.svg +1 -0
- package/dist/collection/assets/icons/traton/notification_inactive.svg +1 -0
- package/dist/collection/assets/icons/traton/phone.svg +1 -0
- package/dist/collection/assets/icons/traton/phone_inactive.svg +1 -0
- package/dist/collection/assets/icons/traton/pin.svg +1 -0
- package/dist/collection/assets/icons/traton/pin_inactive.svg +1 -0
- package/dist/collection/assets/icons/traton/placeholder.svg +1 -3
- package/dist/collection/assets/icons/traton/print_inactive.svg +1 -0
- package/dist/collection/assets/icons/traton/profile.svg +1 -0
- package/dist/collection/assets/icons/traton/profile_inactive.svg +1 -0
- package/dist/collection/assets/icons/traton/proportions.svg +1 -0
- package/dist/collection/assets/icons/traton/proportions_inactive.svg +1 -0
- package/dist/collection/assets/icons/traton/redirect.svg +1 -0
- package/dist/collection/assets/icons/traton/report.svg +1 -0
- package/dist/collection/assets/icons/traton/report_inactive.svg +1 -0
- package/dist/collection/assets/icons/traton/save.svg +1 -0
- package/dist/collection/assets/icons/traton/save_inactive.svg +1 -0
- package/dist/collection/assets/icons/traton/send.svg +1 -0
- package/dist/collection/assets/icons/traton/send_inactive.svg +1 -0
- package/dist/collection/assets/icons/traton/settings.svg +1 -0
- package/dist/collection/assets/icons/traton/skip_backwards.svg +1 -1
- package/dist/collection/assets/icons/traton/skip_forward.svg +1 -1
- package/dist/collection/assets/icons/traton/smartphone.svg +1 -0
- package/dist/collection/assets/icons/traton/smartphone_inactive.svg +1 -0
- package/dist/collection/assets/icons/traton/speedometer.svg +1 -0
- package/dist/collection/assets/icons/traton/speedometer_inactive.svg +1 -0
- package/dist/collection/assets/icons/traton/support.svg +1 -0
- package/dist/collection/assets/icons/traton/timer.svg +1 -0
- package/dist/collection/assets/icons/traton/tool.svg +1 -0
- package/dist/collection/assets/icons/traton/tool_inactive.svg +1 -0
- package/dist/collection/assets/icons/traton/trash.svg +1 -0
- package/dist/collection/assets/icons/traton/trash_inactive.svg +1 -0
- package/dist/collection/assets/icons/traton/unlock.svg +1 -0
- package/dist/collection/assets/icons/traton/upload.svg +1 -0
- package/dist/collection/assets/icons/traton/wallet.svg +1 -0
- package/dist/collection/assets/icons/traton/warning.svg +1 -1
- package/dist/collection/assets/icons/traton/wifi.svg +1 -0
- package/dist/collection/assets/icons/traton/wifi_inactive.svg +1 -0
- package/dist/collection/components/icon/tratonIconsArray.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.css +2 -2
- package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.js +1 -1
- package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js +1 -1
- package/dist/collection/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.js +1 -1
- package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js +1 -1
- package/dist/collection/components/side-menu/side-menu-item/side-menu-item.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/tegel-lite/shipped-components.js +2 -0
- package/dist/components/index.js +1 -1
- package/dist/components/{p-B0Pz58BS.js → p-CBIdP4f4.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-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.js +1 -1
- package/dist/esm/index-W873flBb.js +2519 -0
- package/dist/esm/loader.js +2 -2
- package/dist/esm/tds-accordion-item.entry.js +1 -1
- package/dist/esm/tds-accordion.entry.js +1 -1
- package/dist/esm/tds-badge.entry.js +1 -1
- package/dist/esm/tds-banner.entry.js +1 -1
- package/dist/esm/tds-block.entry.js +1 -1
- package/dist/esm/tds-body-cell.entry.js +1 -1
- package/dist/esm/tds-breadcrumb.entry.js +1 -1
- package/dist/esm/tds-breadcrumbs.entry.js +1 -1
- package/dist/esm/tds-button_2.entry.js +1 -1
- package/dist/esm/tds-card.entry.js +1 -1
- package/dist/esm/tds-checkbox.entry.js +1 -1
- package/dist/esm/tds-chip.entry.js +1 -1
- package/dist/esm/tds-core-header-item_2.entry.js +1 -1
- package/dist/esm/tds-datetime.entry.js +1 -1
- package/dist/esm/tds-dropdown_2.entry.js +1 -1
- 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 +1 -1
- package/dist/esm/tds-footer-item.entry.js +1 -1
- package/dist/esm/tds-footer.entry.js +1 -1
- package/dist/esm/tds-header-brand-symbol.entry.js +1 -1
- package/dist/esm/tds-header-cell.entry.js +1 -1
- package/dist/esm/tds-header-dropdown-list-item.entry.js +1 -1
- package/dist/esm/tds-header-dropdown-list-user.entry.js +1 -1
- package/dist/esm/tds-header-dropdown-list.entry.js +1 -1
- package/dist/esm/tds-header-dropdown.entry.js +1 -1
- package/dist/esm/tds-header-hamburger.entry.js +1 -1
- package/dist/esm/tds-header-launcher-button.entry.js +1 -1
- package/dist/esm/tds-header-launcher-grid-item.entry.js +1 -1
- package/dist/esm/tds-header-launcher-grid-title.entry.js +1 -1
- package/dist/esm/tds-header-launcher-grid.entry.js +1 -1
- package/dist/esm/tds-header-launcher-list-item.entry.js +1 -1
- package/dist/esm/tds-header-launcher-list-title.entry.js +1 -1
- package/dist/esm/tds-header-launcher-list.entry.js +1 -1
- package/dist/esm/tds-header-launcher.entry.js +1 -1
- package/dist/esm/tds-header-title.entry.js +1 -1
- package/dist/esm/tds-header.entry.js +1 -1
- package/dist/esm/tds-icon.entry.js +1 -1
- package/dist/esm/tds-inline-tab.entry.js +1 -1
- package/dist/esm/tds-inline-tabs.entry.js +1 -1
- package/dist/esm/tds-link.entry.js +1 -1
- package/dist/esm/tds-message.entry.js +1 -1
- package/dist/esm/tds-modal.entry.js +1 -1
- package/dist/esm/tds-navigation-tab.entry.js +1 -1
- package/dist/esm/tds-navigation-tabs.entry.js +1 -1
- package/dist/esm/tds-popover-canvas.entry.js +1 -1
- package/dist/esm/tds-popover-core.entry.js +1 -1
- package/dist/esm/tds-popover-menu-item.entry.js +2 -2
- package/dist/esm/tds-popover-menu.entry.js +2 -2
- package/dist/esm/tds-radio-button.entry.js +1 -1
- package/dist/esm/tds-side-menu-close-button.entry.js +1 -1
- package/dist/esm/tds-side-menu-collapse-button.entry.js +2 -2
- package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +2 -2
- package/dist/esm/tds-side-menu-dropdown-list.entry.js +2 -2
- package/dist/esm/tds-side-menu-dropdown.entry.js +2 -2
- package/dist/esm/tds-side-menu-item.entry.js +2 -2
- package/dist/esm/tds-side-menu-overlay.entry.js +1 -1
- package/dist/esm/tds-side-menu-user-image_2.entry.js +1 -1
- package/dist/esm/tds-side-menu-user.entry.js +1 -1
- package/dist/esm/tds-side-menu.entry.js +9 -7
- package/dist/esm/tds-slider.entry.js +1 -1
- package/dist/esm/tds-spinner.entry.js +1 -1
- package/dist/esm/tds-step.entry.js +1 -1
- package/dist/esm/tds-stepper.entry.js +1 -1
- package/dist/esm/tds-table-body-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 +1 -1
- 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 +2 -2
- package/dist/tegel/assets/icons/traton/back.svg +1 -0
- package/dist/tegel/assets/icons/traton/calendar_inactive.svg +1 -0
- package/dist/tegel/assets/icons/traton/card.svg +1 -0
- package/dist/tegel/assets/icons/traton/cart.svg +1 -0
- package/dist/tegel/assets/icons/traton/clock.svg +1 -0
- package/dist/tegel/assets/icons/traton/clock_inactive.svg +1 -0
- package/dist/tegel/assets/icons/traton/contact.svg +1 -0
- package/dist/tegel/assets/icons/traton/contact_inactive.svg +1 -0
- package/dist/tegel/assets/icons/traton/copy.svg +1 -0
- package/dist/tegel/assets/icons/traton/document.svg +1 -0
- package/dist/tegel/assets/icons/traton/document_check.svg +1 -0
- package/dist/tegel/assets/icons/traton/document_doc.svg +1 -0
- package/dist/tegel/assets/icons/traton/document_eye.svg +1 -0
- package/dist/tegel/assets/icons/traton/document_pdf.svg +1 -0
- package/dist/tegel/assets/icons/traton/document_tool.svg +1 -0
- package/dist/tegel/assets/icons/traton/document_word.svg +1 -0
- package/dist/tegel/assets/icons/traton/document_wrong.svg +1 -0
- package/dist/tegel/assets/icons/traton/document_xls.svg +1 -0
- package/dist/tegel/assets/icons/traton/dollar.svg +1 -0
- package/dist/tegel/assets/icons/traton/doner.svg +1 -0
- package/dist/tegel/assets/icons/traton/double_kebab.svg +1 -0
- package/dist/tegel/assets/icons/traton/download.svg +1 -0
- package/dist/tegel/assets/icons/traton/edit_inactive.svg +1 -1
- package/dist/tegel/assets/icons/traton/email.svg +1 -0
- package/dist/tegel/assets/icons/traton/export.svg +1 -0
- package/dist/tegel/assets/icons/traton/export_inactive.svg +1 -0
- package/dist/tegel/assets/icons/traton/eye.svg +1 -0
- package/dist/tegel/assets/icons/traton/eye_inactive.svg +1 -0
- package/dist/tegel/assets/icons/traton/face_dissatisfied.svg +1 -0
- package/dist/tegel/assets/icons/traton/face_neutral.svg +1 -0
- package/dist/tegel/assets/icons/traton/face_satisfied.svg +1 -0
- package/dist/tegel/assets/icons/traton/filters.svg +1 -0
- package/dist/tegel/assets/icons/traton/filters_inactive.svg +1 -0
- package/dist/tegel/assets/icons/traton/folder.svg +1 -0
- package/dist/tegel/assets/icons/traton/fuel_gauge.svg +1 -0
- package/dist/tegel/assets/icons/traton/fuel_gauge_inactive.svg +1 -0
- package/dist/tegel/assets/icons/traton/global.svg +1 -0
- package/dist/tegel/assets/icons/traton/heart.svg +1 -0
- package/dist/tegel/assets/icons/traton/heart_inactive.svg +1 -0
- package/dist/tegel/assets/icons/traton/home.svg +1 -0
- package/dist/tegel/assets/icons/traton/home_inactive.svg +1 -0
- package/dist/tegel/assets/icons/traton/image.svg +1 -0
- package/dist/tegel/assets/icons/traton/image_add.svg +1 -0
- package/dist/tegel/assets/icons/traton/image_inactive.svg +1 -0
- package/dist/tegel/assets/icons/traton/image_set.svg +1 -0
- package/dist/tegel/assets/icons/traton/kebab.svg +1 -0
- package/dist/tegel/assets/icons/traton/link.svg +1 -0
- package/dist/tegel/assets/icons/traton/link_broken.svg +1 -0
- package/dist/tegel/assets/icons/traton/lock.svg +1 -0
- package/dist/tegel/assets/icons/traton/meatballs.svg +1 -0
- package/dist/tegel/assets/icons/traton/message.svg +1 -0
- package/dist/tegel/assets/icons/traton/message_inactive.svg +1 -0
- package/dist/tegel/assets/icons/traton/mileage.svg +1 -0
- package/dist/tegel/assets/icons/traton/mileage_inactive.svg +1 -0
- package/dist/tegel/assets/icons/traton/notification_inactive.svg +1 -0
- package/dist/tegel/assets/icons/traton/phone.svg +1 -0
- package/dist/tegel/assets/icons/traton/phone_inactive.svg +1 -0
- package/dist/tegel/assets/icons/traton/pin.svg +1 -0
- package/dist/tegel/assets/icons/traton/pin_inactive.svg +1 -0
- package/dist/tegel/assets/icons/traton/placeholder.svg +1 -3
- package/dist/tegel/assets/icons/traton/print_inactive.svg +1 -0
- package/dist/tegel/assets/icons/traton/profile.svg +1 -0
- package/dist/tegel/assets/icons/traton/profile_inactive.svg +1 -0
- package/dist/tegel/assets/icons/traton/proportions.svg +1 -0
- package/dist/tegel/assets/icons/traton/proportions_inactive.svg +1 -0
- package/dist/tegel/assets/icons/traton/redirect.svg +1 -0
- package/dist/tegel/assets/icons/traton/report.svg +1 -0
- package/dist/tegel/assets/icons/traton/report_inactive.svg +1 -0
- package/dist/tegel/assets/icons/traton/save.svg +1 -0
- package/dist/tegel/assets/icons/traton/save_inactive.svg +1 -0
- package/dist/tegel/assets/icons/traton/send.svg +1 -0
- package/dist/tegel/assets/icons/traton/send_inactive.svg +1 -0
- package/dist/tegel/assets/icons/traton/settings.svg +1 -0
- package/dist/tegel/assets/icons/traton/skip_backwards.svg +1 -1
- package/dist/tegel/assets/icons/traton/skip_forward.svg +1 -1
- package/dist/tegel/assets/icons/traton/smartphone.svg +1 -0
- package/dist/tegel/assets/icons/traton/smartphone_inactive.svg +1 -0
- package/dist/tegel/assets/icons/traton/speedometer.svg +1 -0
- package/dist/tegel/assets/icons/traton/speedometer_inactive.svg +1 -0
- package/dist/tegel/assets/icons/traton/support.svg +1 -0
- package/dist/tegel/assets/icons/traton/timer.svg +1 -0
- package/dist/tegel/assets/icons/traton/tool.svg +1 -0
- package/dist/tegel/assets/icons/traton/tool_inactive.svg +1 -0
- package/dist/tegel/assets/icons/traton/trash.svg +1 -0
- package/dist/tegel/assets/icons/traton/trash_inactive.svg +1 -0
- package/dist/tegel/assets/icons/traton/unlock.svg +1 -0
- package/dist/tegel/assets/icons/traton/upload.svg +1 -0
- package/dist/tegel/assets/icons/traton/wallet.svg +1 -0
- package/dist/tegel/assets/icons/traton/warning.svg +1 -1
- package/dist/tegel/assets/icons/traton/wifi.svg +1 -0
- package/dist/tegel/assets/icons/traton/wifi_inactive.svg +1 -0
- package/dist/tegel/{p-14bd7f9d.entry.js → p-088d0304.entry.js} +1 -1
- package/dist/tegel/{p-5c8e1e23.entry.js → p-10685220.entry.js} +1 -1
- package/dist/tegel/{p-6e25b72c.entry.js → p-16c3b5b3.entry.js} +1 -1
- package/dist/tegel/{p-7c6568dc.entry.js → p-18684019.entry.js} +1 -1
- package/dist/tegel/{p-81c4587d.entry.js → p-1b1b1364.entry.js} +1 -1
- package/dist/tegel/{p-f5444f51.entry.js → p-1da4b8e7.entry.js} +1 -1
- package/dist/tegel/{p-028c3321.entry.js → p-246c89f3.entry.js} +1 -1
- package/dist/tegel/{p-b49a1c63.entry.js → p-246cbaeb.entry.js} +1 -1
- package/dist/tegel/{p-0de5da00.entry.js → p-29672c2b.entry.js} +1 -1
- package/dist/tegel/{p-1fcef3e5.entry.js → p-2df2c7f7.entry.js} +1 -1
- package/dist/tegel/{p-8c34a8ae.entry.js → p-2dfe91f1.entry.js} +1 -1
- package/dist/tegel/{p-54cc8bcc.entry.js → p-2f7261d8.entry.js} +1 -1
- package/dist/tegel/{p-5aa783f7.entry.js → p-342b5970.entry.js} +1 -1
- package/dist/tegel/{p-54a1c599.entry.js → p-363d99d9.entry.js} +1 -1
- package/dist/tegel/{p-6fbfd451.entry.js → p-39a83206.entry.js} +1 -1
- package/dist/tegel/{p-0e967cda.entry.js → p-4583b4ea.entry.js} +1 -1
- package/dist/tegel/{p-4534ef22.entry.js → p-478a8e53.entry.js} +1 -1
- package/dist/tegel/{p-481581ca.entry.js → p-4aa2423d.entry.js} +1 -1
- package/dist/tegel/{p-fba5ed41.entry.js → p-4cf6817a.entry.js} +1 -1
- package/dist/tegel/{p-67647efa.entry.js → p-4ed7b331.entry.js} +1 -1
- package/dist/tegel/{p-31d1a73e.entry.js → p-513b6672.entry.js} +1 -1
- package/dist/tegel/{p-53639e11.entry.js → p-51a5c460.entry.js} +1 -1
- package/dist/tegel/{p-a03f398a.entry.js → p-525a1d80.entry.js} +1 -1
- package/dist/tegel/{p-d34f0b64.entry.js → p-55b55e26.entry.js} +1 -1
- package/dist/tegel/{p-fbb484e7.entry.js → p-563d0978.entry.js} +1 -1
- package/dist/tegel/{p-1180e36d.entry.js → p-57fde3c8.entry.js} +1 -1
- package/dist/tegel/{p-0f215b94.entry.js → p-5c4f3b1b.entry.js} +1 -1
- package/dist/tegel/{p-bf58051f.entry.js → p-61548131.entry.js} +1 -1
- package/dist/tegel/{p-22c1561d.entry.js → p-6582e6d3.entry.js} +1 -1
- package/dist/tegel/{p-8687724b.entry.js → p-6ad29308.entry.js} +1 -1
- package/dist/tegel/p-70c6cffe.entry.js +1 -0
- package/dist/tegel/{p-d48d908c.entry.js → p-716907ea.entry.js} +1 -1
- package/dist/tegel/p-72b1cc66.entry.js +1 -0
- package/dist/tegel/{p-d5f274c9.entry.js → p-77e4d3a0.entry.js} +1 -1
- package/dist/tegel/{p-a6ea7026.entry.js → p-797effa6.entry.js} +1 -1
- package/dist/tegel/{p-aafaa5eb.entry.js → p-79b50806.entry.js} +1 -1
- package/dist/tegel/{p-fb22e7a0.entry.js → p-7a9c708b.entry.js} +1 -1
- package/dist/tegel/{p-640baeb9.entry.js → p-7cbf5e31.entry.js} +1 -1
- package/dist/tegel/{p-befe8918.entry.js → p-7fc0a4b5.entry.js} +1 -1
- package/dist/tegel/{p-ef349105.entry.js → p-80191ce9.entry.js} +1 -1
- package/dist/tegel/{p-b88f06e4.entry.js → p-80801743.entry.js} +1 -1
- package/dist/tegel/{p-c0234239.entry.js → p-847dc83f.entry.js} +1 -1
- package/dist/tegel/{p-b2086569.entry.js → p-8549c9b9.entry.js} +1 -1
- package/dist/tegel/{p-7eb31d04.entry.js → p-8a39cf7d.entry.js} +1 -1
- package/dist/tegel/{p-f368b2ed.entry.js → p-8ca4cf8e.entry.js} +1 -1
- package/dist/tegel/{p-084ee42e.entry.js → p-8e187985.entry.js} +1 -1
- package/dist/tegel/{p-5f63728c.entry.js → p-9159b7e5.entry.js} +1 -1
- package/dist/tegel/{p-3bf28a3c.entry.js → p-9354dd0d.entry.js} +1 -1
- package/dist/tegel/{p-788a039f.entry.js → p-9cfc859c.entry.js} +1 -1
- package/dist/tegel/{p-33f71542.entry.js → p-9ffb2057.entry.js} +1 -1
- package/dist/tegel/p-W873flBb.js +2 -0
- package/dist/tegel/{p-bd09110b.entry.js → p-a0a2d704.entry.js} +1 -1
- package/dist/tegel/{p-054b5be8.entry.js → p-a1a3b786.entry.js} +1 -1
- package/dist/tegel/{p-651bd931.entry.js → p-a29d50c6.entry.js} +1 -1
- package/dist/tegel/{p-99b3a5fd.entry.js → p-a9df8bd7.entry.js} +1 -1
- package/dist/tegel/{p-aae1501e.entry.js → p-ab7ab054.entry.js} +1 -1
- package/dist/tegel/{p-95d50d0d.entry.js → p-ab8218e8.entry.js} +1 -1
- package/dist/tegel/{p-90c2d880.entry.js → p-acefbb58.entry.js} +1 -1
- package/dist/tegel/{p-589bb903.entry.js → p-b16387a7.entry.js} +1 -1
- package/dist/tegel/{p-f8cd5790.entry.js → p-b16480c8.entry.js} +1 -1
- package/dist/tegel/{p-8a2b7e9e.entry.js → p-b2a0a7b2.entry.js} +1 -1
- package/dist/tegel/{p-f454193d.entry.js → p-b31a4a34.entry.js} +1 -1
- package/dist/tegel/{p-2a62a666.entry.js → p-b76295bc.entry.js} +1 -1
- package/dist/tegel/{p-88da6f4c.entry.js → p-baca1fc0.entry.js} +1 -1
- package/dist/tegel/{p-eb820981.entry.js → p-c11409c6.entry.js} +1 -1
- package/dist/tegel/{p-994ada32.entry.js → p-c2ebd704.entry.js} +1 -1
- package/dist/tegel/{p-d8db85ca.entry.js → p-ca943927.entry.js} +1 -1
- package/dist/tegel/{p-54a00bae.entry.js → p-cc3136c9.entry.js} +1 -1
- package/dist/tegel/{p-06a0d8df.entry.js → p-d588ba84.entry.js} +1 -1
- package/dist/tegel/{p-135083e5.entry.js → p-d7789699.entry.js} +1 -1
- package/dist/tegel/{p-368141f5.entry.js → p-e54f7229.entry.js} +1 -1
- package/dist/tegel/p-e58a0b11.entry.js +1 -0
- package/dist/tegel/{p-e243ff7d.entry.js → p-ebab2dc0.entry.js} +1 -1
- package/dist/tegel/{p-1f0ced8b.entry.js → p-eede8e78.entry.js} +1 -1
- package/dist/tegel/{p-9ffc0498.entry.js → p-f2908e1b.entry.js} +1 -1
- package/dist/tegel/{p-d88e9f9f.entry.js → p-f3e292c5.entry.js} +1 -1
- package/dist/tegel/{p-0f3a6b86.entry.js → p-f4e3719d.entry.js} +1 -1
- package/dist/tegel/{p-1a5430ec.entry.js → p-f518fb4b.entry.js} +1 -1
- package/dist/tegel/{p-ab99b286.entry.js → p-f853bd8a.entry.js} +1 -1
- package/dist/tegel/{p-845ae8f7.entry.js → p-fb734442.entry.js} +1 -1
- package/dist/tegel/tegel.css +11 -983
- package/dist/tegel/tegel.esm.js +1 -1
- 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/package.json +2 -2
- package/dist/cjs/index-DKgvtgC4.js +0 -2548
- package/dist/esm/index-Bw3kzv2l.js +0 -2519
- package/dist/tegel/p-05d5b700.entry.js +0 -1
- package/dist/tegel/p-084dfe23.entry.js +0 -1
- package/dist/tegel/p-4a4d4087.entry.js +0 -1
- package/dist/tegel/p-Bw3kzv2l.js +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,c as t,h as e,a as i}from"./p-Bw3kzv2l.js";import{g as d}from"./p-Cn4f8w1e.js";const r=class{constructor(e){s(this,e),this.tdsChange=t(this,"tdsChange",6),this.tdsInput=t(this,"tdsInput",6),this.label="",this.value="0",this.min="0",this.max="100",this.ticks="0",this.showTickNumbers=!1,this.tooltip=!1,this.disabled=!1,this.readOnly=!1,this.controls=!1,this.input=!1,this.step="1",this.name="",this.thumbSize="lg",this.snap=!1,this.tdsAriaLabel="",this.sliderId=d(),this.tdsReadOnlyAriaLabel="",this.wrapperElement=null,this.thumbElement=null,this.thumbInnerElement=null,this.trackElement=null,this.trackFillElement=null,this.thumbGrabbed=!1,this.thumbLeft=0,this.tickValues=[],this.useControls=!1,this.useInput=!1,this.useSmall=!1,this.useSnapping=!1,this.supposedValueSlot=-1,this.resizeObserverAdded=!1,this.initialValue="0",this.resetEventListenerAdded=!1,this.formElement=null,this.ariaLiveElement=null,this.resetToInitialValue=()=>{this.forceValueUpdate(this.initialValue),this.reset()}}roundToStep(s){const t=parseFloat(this.step);if(!t)return parseFloat(s.toFixed());const e=Math.round(s/t)*t,i=(t.toString().split(".")[1]||"").length;return parseFloat(e.toFixed(i))}async reset(){this.componentWillLoad(),this.componentDidLoad()}handleKeydown(s){switch(s.key){case"ArrowLeft":case"ArrowDown":case"-":this.stepLeft(s),this.announceValueChange();break;case"ArrowRight":case"ArrowUp":case"+":this.stepRight(s),this.announceValueChange();break;case"Home":this.setToMinValue(),this.announceValueChange();break;case"End":this.setToMaxValue(),this.announceValueChange()}}handleRelease(s){var t,e,i;this.thumbGrabbed?(this.thumbGrabbed=!1,null===(e=this.thumbInnerElement)||void 0===e||e.classList.remove("pressed"),this.thumbElement&&this.thumbElement.setAttribute("aria-grabbed","false"),this.updateValue(s),null===(i=this.trackElement)||void 0===i||i.focus()):(s.target===this.trackElement||s.target===this.trackFillElement)&&(this.thumbCore(s),null===(t=this.trackElement)||void 0===t||t.focus())}handleMove(s){this.thumbGrabbed&&this.thumbCore(s)}handleValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.updateTrack()}setToMinValue(){this.readOnly||this.disabled||this.forceValueUpdate(this.min)}setToMaxValue(){this.readOnly||this.disabled||this.forceValueUpdate(this.max)}updateSupposedValueSlot(s){const t=parseInt(this.ticks),e=this.getTrackWidth(),i=Math.round(e/(t+1)),d=Math.round(s/i)*i;let r=0;return d>=0&&d<=e?r=d:d>e?r=e:d<0&&(r=0),this.supposedValueSlot=Math.round(r/i),d}thumbCore(s){var t;const e=parseInt(this.ticks),i=null===(t=this.trackElement)||void 0===t?void 0:t.getBoundingClientRect();if(!i)return;let d=0;"mousemove"===s.type||"mouseup"===s.type?d=s.clientX-i.left:"touchmove"===s.type?d=s.touches[0].clientX-i.left:console.warn("Slider component: Unsupported event!"),this.supposedValueSlot=-1,this.useSnapping&&e>0&&(d=this.updateSupposedValueSlot(d)),this.thumbLeft=this.constrainThumb(d),this.thumbElement&&(this.thumbElement.style.left=`${this.thumbLeft}px`),this.updateValue(s)}updateTrack(){const s=this.getTrackWidth();this.trackFillElement&&(this.trackFillElement.style.width=this.thumbLeft/s*100+"%")}announceValueChange(){this.ariaLiveElement&&(clearTimeout(this.announcementDebounceTimeout),this.announcementDebounceTimeout=setTimeout((()=>{this.ariaLiveElement&&(this.ariaLiveElement.textContent=`${this.label?this.label+" ":""}${this.value} of ${this.max}`)}),50))}updateValue(s){const t=this.getTrackWidth(),e=parseFloat(this.min),i=parseFloat(this.max);if(this.useSnapping&&this.supposedValueSlot>=0){const s=this.tickValues[this.supposedValueSlot];this.value=s.toString(),this.calculateThumbLeftFromValue(s)}else this.value=this.roundToStep(e+this.thumbLeft/t*(i-e)).toString();this.updateTrack(),this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`)),this.tdsInput.emit({value:this.value}),"touchend"!==s.type&&"mouseup"!==s.type||(this.tdsChange.emit({value:this.value}),this.announceValueChange())}forceValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`)),this.tdsChange.emit({value:this.value}),this.updateTrack(),this.announceValueChange()}constrainThumb(s){const t=this.getTrackWidth();return s<0?0:s>t?t:s}getTrackWidth(){if(!this.trackElement)return 0;const s=this.trackElement.getBoundingClientRect();return s.right-s.left}calculateThumbLeftFromValue(s){const t=s,e=this.getTrackWidth(),i=t-parseFloat(this.min),d=parseFloat(this.max)-parseFloat(this.min);this.thumbLeft=i/d*e,this.updateSupposedValueSlot(this.thumbLeft),this.thumbElement&&(this.thumbElement.style.left=`${this.thumbLeft}px`,this.thumbElement.setAttribute("aria-valuenow",this.value))}updateSliderValueOnInputChange(s){let t=parseFloat(s.target.value);if(t===parseFloat(this.value))return;const e=parseFloat(this.min),i=parseFloat(this.max);t<e?t=e:t>i&&(t=i);const d=this.roundToStep(t);this.forceValueUpdate(d.toString())}updateSliderValueFromTextField(s){const t=s.target;let e=parseFloat(t&&void 0!==t.value?t.value:"");if(Number.isNaN(e))return;const i=parseFloat(this.min),d=parseFloat(this.max);e<i?e=i:e>d&&(e=d);const r=this.roundToStep(e);this.forceValueUpdate(r.toString())}handleInputFieldEnterPress(s){s.stopPropagation(),"Enter"===s.key&&(this.updateSliderValueOnInputChange(s),s.target.blur())}grabThumb(){var s;this.readOnly||(this.thumbGrabbed=!0,null===(s=this.thumbInnerElement)||void 0===s||s.classList.add("pressed"),this.thumbElement&&this.thumbElement.setAttribute("aria-grabbed","true"))}calculateInputSizeFromMax(){const s=this.host.querySelector('tds-text-field input[type="number"]');s&&(this.readOnly?s.style.width=52+8*this.max.length+"px":s.setAttribute("size",`${this.max.length}`))}controlsStep(s,t){if(this.readOnly||this.disabled)return;const e=parseInt(this.ticks);if(this.useSnapping&&e>0)this.supposedValueSlot+=s>0?1:-1,this.supposedValueSlot<0?this.supposedValueSlot=0:this.supposedValueSlot>e+1&&(this.supposedValueSlot=e+1),this.updateValue(t);else{const t=this.getTrackWidth(),e=this.thumbLeft/t;let i=parseFloat(this.min)+e*(parseFloat(this.max)-parseFloat(this.min));i+=s,i=this.roundToStep(i),i<parseFloat(this.min)?i=parseFloat(this.min):i>parseFloat(this.max)&&(i=parseFloat(this.max)),this.value=`${i}`,this.forceValueUpdate(this.value)}}stepLeft(s){this.controlsStep(-parseFloat(this.step),s)}stepRight(s){this.controlsStep(parseFloat(this.step),s)}componentWillLoad(){const s=parseInt(this.ticks);if(s>0){this.tickValues=[parseFloat(this.min)];const t=(parseFloat(this.max)-parseFloat(this.min))/(s+1),e=(parseFloat(this.step).toString().split(".")[1]||"").length;for(let i=1;i<=s;i++){const s=parseFloat(this.min)+t*i;this.tickValues.push(parseFloat(s.toFixed(e)))}this.tickValues.push(parseFloat(this.max))}this.useInput=!1,this.useControls=!1,this.controls?this.useControls=!0:this.input&&(this.useInput=!0),this.useSmall="sm"===this.thumbSize,this.useSnapping=this.snap,parseFloat(this.min)>parseFloat(this.max)&&(console.warn("min-prop must have a higher value than max-prop for the component to work correctly."),this.disabled=!0)}componentDidLoad(){if(this.calculateInputSizeFromMax(),!this.resizeObserverAdded&&"undefined"!=typeof ResizeObserver){this.resizeObserverAdded=!0;const s=new ResizeObserver((()=>{this.calculateThumbLeftFromValue(this.value),this.updateTrack()}));this.wrapperElement&&s.observe(this.wrapperElement)}this.calculateThumbLeftFromValue(this.value),this.updateTrack(),this.initialValue||(this.initialValue=this.value),this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`),this.thumbElement.tabIndex=this.disabled?-1:0)}componentDidRender(){this.resetEventListenerAdded||(this.formElement=this.host.closest("form"),this.formElement&&(this.formElement.addEventListener("reset",this.resetToInitialValue),this.resetEventListenerAdded=!0))}connectedCallback(){this.readOnly&&!this.tdsReadOnlyAriaLabel&&console.warn("tds-slider: tdsAriaLabel is reccomended when readonly is true"),this.resetEventListenerAdded&&this.formElement&&(this.formElement.removeEventListener("reset",this.resetToInitialValue),this.resetEventListenerAdded=!1)}render(){const s=this.readOnly?this.tdsReadOnlyAriaLabel:this.label||this.tdsAriaLabel;return e("div",{key:"6e6e00002da855b43067454de0a55af6802bdad0",class:{"tds-slider-wrapper":!0,"read-only":this.readOnly}},e("input",{key:"4d7f1b28864c9cca7c3183f4531aac19917f0fa9",class:"tds-slider-native-element",type:"range",name:this.name,min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled}),e("div",{key:"6bac81bc86f6d00f5961211ec401689e67f5a720",class:"sr-only","aria-live":"assertive",ref:s=>{this.ariaLiveElement=s}}),e("div",{key:"7d4ac685ad9f519eb6007ba1ef4bc6ab9ff58a9b",class:{"tds-slider":!0,disabled:this.disabled,"tds-slider-small":this.useSmall},ref:s=>{this.wrapperElement=s},"aria-disabled":this.disabled?"true":"false"},e("label",{key:"5338721c62889199ee0ecad2632eac2fd37485d0",id:`${this.sliderId}-label`,class:{offset:this.showTickNumbers}},this.label),this.useInput&&e("div",{key:"5ee4f8ac092f9ea0aa5f687b98e294955fe062c1",class:"tds-slider__input-values"},e("div",{key:"97e64f78a68451a2186372264e3e1503954bb67c",class:"tds-slider__input-value min-value"},this.min)),this.useControls&&e("div",{key:"89c03fd539fdcd689f7d76e1ed9beb8188e61f69",class:"tds-slider__controls"},e("div",{key:"82c8b4780f47925918a16cc11e4bf7a37b9de687",class:"tds-slider__control tds-slider__control-minus",onClick:s=>this.stepLeft(s),role:"button","aria-label":"Decrease value",tabindex:this.disabled||this.readOnly?"-1":"0"},e("tds-icon",{key:"e190b8ec6e617ea516a022d55e8075c4eb796507",name:"minus",size:"16px"}))),e("div",{key:"5b4f71b02daa36e964df0af18124217f217fce78",class:"tds-slider-inner",tabIndex:-1},this.tickValues.length>0&&e("div",{key:"1d6d917ab5107a47852a16988f621b62e57a5795",class:"tds-slider__value-dividers-wrapper"},e("div",{key:"133fd1ed3c566377f524b683a15aaa831aa03f40",class:"tds-slider__value-dividers"},this.tickValues.map((s=>e("div",{class:"tds-slider__value-divider"},this.showTickNumbers&&e("span",null,s)))))),e("div",{key:"40f727734b17f3933e0f7bc179354e205534af8d",class:"tds-slider__track",ref:s=>{this.trackElement=s},tabindex:this.disabled?"-1":"0",role:"presentation",onFocus:()=>{this.thumbElement&&this.thumbElement.focus()}},e("div",{key:"b6b56223be25e8493e0884c5fb2f4ef786fb4a87",class:"tds-slider__track-fill",ref:s=>{this.trackFillElement=s}}),e("div",{key:"74890de4d56ca2fa851212adeccb745c48b7b659",class:"tds-slider__thumb",ref:s=>{this.thumbElement=s},onMouseDown:()=>this.grabThumb(),onTouchStart:()=>this.grabThumb(),role:"slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.value,"aria-valuetext":`${this.value} of ${this.max}`,"aria-labelledby":`${this.sliderId}-label`,"aria-grabbed":this.thumbGrabbed?"true":"false","aria-label":s,tabindex:this.disabled?"-1":"0"},this.tooltip&&e("div",{key:"a02dff8e8707d5a0d42882b9eb30c94d65c004fe",class:"tds-slider__value"},this.value,e("svg",{key:"026cecebd18db87d4fbeb942c223e83ce2c5a21b",width:"18",height:"14",viewBox:"0 0 18 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"f31a00952f88e45747cfd0dc7353f4a484846afc",d:"M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z",fill:"currentColor"}))),e("div",{key:"6fcb3b1bf4dfa6fb081008680f3944736cfce6eb",class:"tds-slider__thumb-inner",ref:s=>{this.thumbInnerElement=s}})))),this.useInput&&e("div",{key:"c0b0dc771ccf46a5d5d119a0b3c44f5bceef6ad4",class:"tds-slider__input-values"},e("div",{key:"20a61bcb6e157416c42fe6fd54b32c2e10da09cc",class:"tds-slider__input-value",onClick:s=>this.stepLeft(s)},this.max),e("div",{key:"8c983dc792027814e7e27c41c2e507333ea6afba",class:"tds-slider__input-field-wrapper"},e("tds-text-field",{key:"6309046324fa52c8d4ade33dd3450eef5b2aa04b",noMinWidth:!0,size:"sm",type:"number",value:this.value,min:this.min,max:this.max,readOnly:this.readOnly,disabled:this.disabled,onTdsChange:s=>console.log(s),tdsAriaLabel:this.readOnly?this.tdsReadOnlyAriaLabel:void 0,onTdsBlur:s=>this.updateSliderValueFromTextField(s),onKeyDown:s=>this.handleInputFieldEnterPress(s)}))),this.useControls&&e("div",{key:"4f410440b2e830bfac5f908b563dbfc061e28519",class:"tds-slider__controls"},e("div",{key:"a3f1215891059fa3c83b499ba5597aa1758d0906",class:"tds-slider__control tds-slider__control-plus",onClick:s=>this.stepRight(s),role:"button","aria-label":"Increase value",tabindex:this.disabled||this.readOnly?"-1":"0"},e("tds-icon",{key:"0e5323b7f52360b34943580113386f408dd6d57e",name:"plus",size:"16px"})))))}get host(){return i(this)}static get watchers(){return{value:[{handleValueUpdate:0}]}}};r.style='tds-slider{box-sizing:border-box;width:100%}tds-slider *{box-sizing:border-box}tds-slider input[type=range].tds-slider-native-element{display:none}tds-slider .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.tds-slider .tds-slider-inner{width:100%;height:20px;position:relative}.tds-slider .tds-slider-inner:focus-within .tds-slider__thumb-inner{outline:var(--tds-slider-thumb-focus-outline);box-shadow:var(--tds-slider-thumb-focus-box-shadow);outline-offset:var(--tds-slider-thumb-focus-outline-offset);z-index:1}.tds-slider .tds-slider__controls{position:relative;top:-25px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus{padding:18px 18px 18px 0}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus{padding:18px 0 18px 18px}.tds-slider .tds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.tds-slider .tds-slider__input-values .tds-slider__input-value{user-select:none;padding:18px;color:var(--tds-slider-input-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}.tds-slider .tds-slider__input-values .tds-slider__input-value.min-value{padding-left:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--tds-slider-inputfield-background);display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]{width:auto;padding:12px;text-align:center;appearance:textfield}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-outer-spin-button,.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input:read-only{text-align:left}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-icon__readonly{right:12px}.tds-slider label{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);user-select:none;position:absolute;color:var(--tds-slider-label-color);padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);user-select:none;border-radius:4px;padding:8px 11px;position:absolute;transform:translate(-50%, -100%);top:-24px;background-color:var(--tds-slider-value-tooltip-background);color:var(--tds-slider-value-tooltip-color)}.tds-slider .tds-slider__value svg{color:var(--tds-slider-value-tooltip-background);position:absolute;left:50%;transform:translateX(-50%);top:34px}.tds-slider .tds-slider__thumb{position:absolute}.tds-slider .tds-slider__thumb:hover .tds-slider__value{display:block}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner{width:20px;height:20px;border-radius:100%;background-color:var(--tds-slider-thumb-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner::before{content:" ";display:none;width:48px;height:48px;background-color:var(--tds-slider-thumb-color);position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner:hover::before{display:block;background-color:var(--tds-slider-thumb-hover)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:24px;height:24px}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed::before{display:block;background-color:var(--tds-slider-thumb-pressed)}.tds-slider .tds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.tds-slider .tds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider{transform:translateY(-50%);height:16px;background-color:var(--tds-slider-divider-color);color:var(--tds-slider-divider-values-color);width:1px}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span{display:block;user-select:none;color:var(-tds-grey-700);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.tds-slider .tds-slider__track{width:100%;height:2px;border-radius:1px;background-color:var(--tds-slider-track-color);position:relative;cursor:pointer}.tds-slider .tds-slider__track::after{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px;cursor:pointer;z-index:0}.tds-slider .tds-slider__track:focus{outline:0}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner{width:24px;height:24px}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner::before{display:block;opacity:0.08}.tds-slider .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-fill-color);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.tds-slider .tds-slider__track .tds-slider__thumb{z-index:1}.tds-slider.disabled{cursor:not-allowed}.tds-slider.disabled>*{pointer-events:none}.tds-slider.disabled label{color:var(--tds-slider-label-disabled)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--tds-slider-input-value-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper{pointer-events:none}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{color:var(--tds-slider-inputfield-number-disabled);box-shadow:none;pointer-events:none;background:var(--tds-slider-inputfield-background-disabled)}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track{cursor:not-allowed;background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider{background-color:var(--tds-slider-divider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--tds-slider-divider-values-disabled)}.tds-slider.disabled .tds-slider__thumb{pointer-events:none}.tds-slider.disabled .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--tds-slider-thumb-disabled);cursor:default}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner{width:16px;height:16px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner::before{width:40px;height:40px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:20px;height:20px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-color)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-disabled)}';export{r as tds_slider}
|
|
1
|
+
import{r as s,c as t,h as e,a as i}from"./p-W873flBb.js";import{g as d}from"./p-Cn4f8w1e.js";const r=class{constructor(e){s(this,e),this.tdsChange=t(this,"tdsChange",6),this.tdsInput=t(this,"tdsInput",6),this.label="",this.value="0",this.min="0",this.max="100",this.ticks="0",this.showTickNumbers=!1,this.tooltip=!1,this.disabled=!1,this.readOnly=!1,this.controls=!1,this.input=!1,this.step="1",this.name="",this.thumbSize="lg",this.snap=!1,this.tdsAriaLabel="",this.sliderId=d(),this.tdsReadOnlyAriaLabel="",this.wrapperElement=null,this.thumbElement=null,this.thumbInnerElement=null,this.trackElement=null,this.trackFillElement=null,this.thumbGrabbed=!1,this.thumbLeft=0,this.tickValues=[],this.useControls=!1,this.useInput=!1,this.useSmall=!1,this.useSnapping=!1,this.supposedValueSlot=-1,this.resizeObserverAdded=!1,this.initialValue="0",this.resetEventListenerAdded=!1,this.formElement=null,this.ariaLiveElement=null,this.resetToInitialValue=()=>{this.forceValueUpdate(this.initialValue),this.reset()}}roundToStep(s){const t=parseFloat(this.step);if(!t)return parseFloat(s.toFixed());const e=Math.round(s/t)*t,i=(t.toString().split(".")[1]||"").length;return parseFloat(e.toFixed(i))}async reset(){this.componentWillLoad(),this.componentDidLoad()}handleKeydown(s){switch(s.key){case"ArrowLeft":case"ArrowDown":case"-":this.stepLeft(s),this.announceValueChange();break;case"ArrowRight":case"ArrowUp":case"+":this.stepRight(s),this.announceValueChange();break;case"Home":this.setToMinValue(),this.announceValueChange();break;case"End":this.setToMaxValue(),this.announceValueChange()}}handleRelease(s){var t,e,i;this.thumbGrabbed?(this.thumbGrabbed=!1,null===(e=this.thumbInnerElement)||void 0===e||e.classList.remove("pressed"),this.thumbElement&&this.thumbElement.setAttribute("aria-grabbed","false"),this.updateValue(s),null===(i=this.trackElement)||void 0===i||i.focus()):(s.target===this.trackElement||s.target===this.trackFillElement)&&(this.thumbCore(s),null===(t=this.trackElement)||void 0===t||t.focus())}handleMove(s){this.thumbGrabbed&&this.thumbCore(s)}handleValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.updateTrack()}setToMinValue(){this.readOnly||this.disabled||this.forceValueUpdate(this.min)}setToMaxValue(){this.readOnly||this.disabled||this.forceValueUpdate(this.max)}updateSupposedValueSlot(s){const t=parseInt(this.ticks),e=this.getTrackWidth(),i=Math.round(e/(t+1)),d=Math.round(s/i)*i;let r=0;return d>=0&&d<=e?r=d:d>e?r=e:d<0&&(r=0),this.supposedValueSlot=Math.round(r/i),d}thumbCore(s){var t;const e=parseInt(this.ticks),i=null===(t=this.trackElement)||void 0===t?void 0:t.getBoundingClientRect();if(!i)return;let d=0;"mousemove"===s.type||"mouseup"===s.type?d=s.clientX-i.left:"touchmove"===s.type?d=s.touches[0].clientX-i.left:console.warn("Slider component: Unsupported event!"),this.supposedValueSlot=-1,this.useSnapping&&e>0&&(d=this.updateSupposedValueSlot(d)),this.thumbLeft=this.constrainThumb(d),this.thumbElement&&(this.thumbElement.style.left=`${this.thumbLeft}px`),this.updateValue(s)}updateTrack(){const s=this.getTrackWidth();this.trackFillElement&&(this.trackFillElement.style.width=this.thumbLeft/s*100+"%")}announceValueChange(){this.ariaLiveElement&&(clearTimeout(this.announcementDebounceTimeout),this.announcementDebounceTimeout=setTimeout((()=>{this.ariaLiveElement&&(this.ariaLiveElement.textContent=`${this.label?this.label+" ":""}${this.value} of ${this.max}`)}),50))}updateValue(s){const t=this.getTrackWidth(),e=parseFloat(this.min),i=parseFloat(this.max);if(this.useSnapping&&this.supposedValueSlot>=0){const s=this.tickValues[this.supposedValueSlot];this.value=s.toString(),this.calculateThumbLeftFromValue(s)}else this.value=this.roundToStep(e+this.thumbLeft/t*(i-e)).toString();this.updateTrack(),this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`)),this.tdsInput.emit({value:this.value}),"touchend"!==s.type&&"mouseup"!==s.type||(this.tdsChange.emit({value:this.value}),this.announceValueChange())}forceValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`)),this.tdsChange.emit({value:this.value}),this.updateTrack(),this.announceValueChange()}constrainThumb(s){const t=this.getTrackWidth();return s<0?0:s>t?t:s}getTrackWidth(){if(!this.trackElement)return 0;const s=this.trackElement.getBoundingClientRect();return s.right-s.left}calculateThumbLeftFromValue(s){const t=s,e=this.getTrackWidth(),i=t-parseFloat(this.min),d=parseFloat(this.max)-parseFloat(this.min);this.thumbLeft=i/d*e,this.updateSupposedValueSlot(this.thumbLeft),this.thumbElement&&(this.thumbElement.style.left=`${this.thumbLeft}px`,this.thumbElement.setAttribute("aria-valuenow",this.value))}updateSliderValueOnInputChange(s){let t=parseFloat(s.target.value);if(t===parseFloat(this.value))return;const e=parseFloat(this.min),i=parseFloat(this.max);t<e?t=e:t>i&&(t=i);const d=this.roundToStep(t);this.forceValueUpdate(d.toString())}updateSliderValueFromTextField(s){const t=s.target;let e=parseFloat(t&&void 0!==t.value?t.value:"");if(Number.isNaN(e))return;const i=parseFloat(this.min),d=parseFloat(this.max);e<i?e=i:e>d&&(e=d);const r=this.roundToStep(e);this.forceValueUpdate(r.toString())}handleInputFieldEnterPress(s){s.stopPropagation(),"Enter"===s.key&&(this.updateSliderValueOnInputChange(s),s.target.blur())}grabThumb(){var s;this.readOnly||(this.thumbGrabbed=!0,null===(s=this.thumbInnerElement)||void 0===s||s.classList.add("pressed"),this.thumbElement&&this.thumbElement.setAttribute("aria-grabbed","true"))}calculateInputSizeFromMax(){const s=this.host.querySelector('tds-text-field input[type="number"]');s&&(this.readOnly?s.style.width=52+8*this.max.length+"px":s.setAttribute("size",`${this.max.length}`))}controlsStep(s,t){if(this.readOnly||this.disabled)return;const e=parseInt(this.ticks);if(this.useSnapping&&e>0)this.supposedValueSlot+=s>0?1:-1,this.supposedValueSlot<0?this.supposedValueSlot=0:this.supposedValueSlot>e+1&&(this.supposedValueSlot=e+1),this.updateValue(t);else{const t=this.getTrackWidth(),e=this.thumbLeft/t;let i=parseFloat(this.min)+e*(parseFloat(this.max)-parseFloat(this.min));i+=s,i=this.roundToStep(i),i<parseFloat(this.min)?i=parseFloat(this.min):i>parseFloat(this.max)&&(i=parseFloat(this.max)),this.value=`${i}`,this.forceValueUpdate(this.value)}}stepLeft(s){this.controlsStep(-parseFloat(this.step),s)}stepRight(s){this.controlsStep(parseFloat(this.step),s)}componentWillLoad(){const s=parseInt(this.ticks);if(s>0){this.tickValues=[parseFloat(this.min)];const t=(parseFloat(this.max)-parseFloat(this.min))/(s+1),e=(parseFloat(this.step).toString().split(".")[1]||"").length;for(let i=1;i<=s;i++){const s=parseFloat(this.min)+t*i;this.tickValues.push(parseFloat(s.toFixed(e)))}this.tickValues.push(parseFloat(this.max))}this.useInput=!1,this.useControls=!1,this.controls?this.useControls=!0:this.input&&(this.useInput=!0),this.useSmall="sm"===this.thumbSize,this.useSnapping=this.snap,parseFloat(this.min)>parseFloat(this.max)&&(console.warn("min-prop must have a higher value than max-prop for the component to work correctly."),this.disabled=!0)}componentDidLoad(){if(this.calculateInputSizeFromMax(),!this.resizeObserverAdded&&"undefined"!=typeof ResizeObserver){this.resizeObserverAdded=!0;const s=new ResizeObserver((()=>{this.calculateThumbLeftFromValue(this.value),this.updateTrack()}));this.wrapperElement&&s.observe(this.wrapperElement)}this.calculateThumbLeftFromValue(this.value),this.updateTrack(),this.initialValue||(this.initialValue=this.value),this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`),this.thumbElement.tabIndex=this.disabled?-1:0)}componentDidRender(){this.resetEventListenerAdded||(this.formElement=this.host.closest("form"),this.formElement&&(this.formElement.addEventListener("reset",this.resetToInitialValue),this.resetEventListenerAdded=!0))}connectedCallback(){this.readOnly&&!this.tdsReadOnlyAriaLabel&&console.warn("tds-slider: tdsAriaLabel is reccomended when readonly is true"),this.resetEventListenerAdded&&this.formElement&&(this.formElement.removeEventListener("reset",this.resetToInitialValue),this.resetEventListenerAdded=!1)}render(){const s=this.readOnly?this.tdsReadOnlyAriaLabel:this.label||this.tdsAriaLabel;return e("div",{key:"6e6e00002da855b43067454de0a55af6802bdad0",class:{"tds-slider-wrapper":!0,"read-only":this.readOnly}},e("input",{key:"4d7f1b28864c9cca7c3183f4531aac19917f0fa9",class:"tds-slider-native-element",type:"range",name:this.name,min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled}),e("div",{key:"6bac81bc86f6d00f5961211ec401689e67f5a720",class:"sr-only","aria-live":"assertive",ref:s=>{this.ariaLiveElement=s}}),e("div",{key:"7d4ac685ad9f519eb6007ba1ef4bc6ab9ff58a9b",class:{"tds-slider":!0,disabled:this.disabled,"tds-slider-small":this.useSmall},ref:s=>{this.wrapperElement=s},"aria-disabled":this.disabled?"true":"false"},e("label",{key:"5338721c62889199ee0ecad2632eac2fd37485d0",id:`${this.sliderId}-label`,class:{offset:this.showTickNumbers}},this.label),this.useInput&&e("div",{key:"5ee4f8ac092f9ea0aa5f687b98e294955fe062c1",class:"tds-slider__input-values"},e("div",{key:"97e64f78a68451a2186372264e3e1503954bb67c",class:"tds-slider__input-value min-value"},this.min)),this.useControls&&e("div",{key:"89c03fd539fdcd689f7d76e1ed9beb8188e61f69",class:"tds-slider__controls"},e("div",{key:"82c8b4780f47925918a16cc11e4bf7a37b9de687",class:"tds-slider__control tds-slider__control-minus",onClick:s=>this.stepLeft(s),role:"button","aria-label":"Decrease value",tabindex:this.disabled||this.readOnly?"-1":"0"},e("tds-icon",{key:"e190b8ec6e617ea516a022d55e8075c4eb796507",name:"minus",size:"16px"}))),e("div",{key:"5b4f71b02daa36e964df0af18124217f217fce78",class:"tds-slider-inner",tabIndex:-1},this.tickValues.length>0&&e("div",{key:"1d6d917ab5107a47852a16988f621b62e57a5795",class:"tds-slider__value-dividers-wrapper"},e("div",{key:"133fd1ed3c566377f524b683a15aaa831aa03f40",class:"tds-slider__value-dividers"},this.tickValues.map((s=>e("div",{class:"tds-slider__value-divider"},this.showTickNumbers&&e("span",null,s)))))),e("div",{key:"40f727734b17f3933e0f7bc179354e205534af8d",class:"tds-slider__track",ref:s=>{this.trackElement=s},tabindex:this.disabled?"-1":"0",role:"presentation",onFocus:()=>{this.thumbElement&&this.thumbElement.focus()}},e("div",{key:"b6b56223be25e8493e0884c5fb2f4ef786fb4a87",class:"tds-slider__track-fill",ref:s=>{this.trackFillElement=s}}),e("div",{key:"74890de4d56ca2fa851212adeccb745c48b7b659",class:"tds-slider__thumb",ref:s=>{this.thumbElement=s},onMouseDown:()=>this.grabThumb(),onTouchStart:()=>this.grabThumb(),role:"slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.value,"aria-valuetext":`${this.value} of ${this.max}`,"aria-labelledby":`${this.sliderId}-label`,"aria-grabbed":this.thumbGrabbed?"true":"false","aria-label":s,tabindex:this.disabled?"-1":"0"},this.tooltip&&e("div",{key:"a02dff8e8707d5a0d42882b9eb30c94d65c004fe",class:"tds-slider__value"},this.value,e("svg",{key:"026cecebd18db87d4fbeb942c223e83ce2c5a21b",width:"18",height:"14",viewBox:"0 0 18 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"f31a00952f88e45747cfd0dc7353f4a484846afc",d:"M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z",fill:"currentColor"}))),e("div",{key:"6fcb3b1bf4dfa6fb081008680f3944736cfce6eb",class:"tds-slider__thumb-inner",ref:s=>{this.thumbInnerElement=s}})))),this.useInput&&e("div",{key:"c0b0dc771ccf46a5d5d119a0b3c44f5bceef6ad4",class:"tds-slider__input-values"},e("div",{key:"20a61bcb6e157416c42fe6fd54b32c2e10da09cc",class:"tds-slider__input-value",onClick:s=>this.stepLeft(s)},this.max),e("div",{key:"8c983dc792027814e7e27c41c2e507333ea6afba",class:"tds-slider__input-field-wrapper"},e("tds-text-field",{key:"6309046324fa52c8d4ade33dd3450eef5b2aa04b",noMinWidth:!0,size:"sm",type:"number",value:this.value,min:this.min,max:this.max,readOnly:this.readOnly,disabled:this.disabled,onTdsChange:s=>console.log(s),tdsAriaLabel:this.readOnly?this.tdsReadOnlyAriaLabel:void 0,onTdsBlur:s=>this.updateSliderValueFromTextField(s),onKeyDown:s=>this.handleInputFieldEnterPress(s)}))),this.useControls&&e("div",{key:"4f410440b2e830bfac5f908b563dbfc061e28519",class:"tds-slider__controls"},e("div",{key:"a3f1215891059fa3c83b499ba5597aa1758d0906",class:"tds-slider__control tds-slider__control-plus",onClick:s=>this.stepRight(s),role:"button","aria-label":"Increase value",tabindex:this.disabled||this.readOnly?"-1":"0"},e("tds-icon",{key:"0e5323b7f52360b34943580113386f408dd6d57e",name:"plus",size:"16px"})))))}get host(){return i(this)}static get watchers(){return{value:[{handleValueUpdate:0}]}}};r.style='tds-slider{box-sizing:border-box;width:100%}tds-slider *{box-sizing:border-box}tds-slider input[type=range].tds-slider-native-element{display:none}tds-slider .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.tds-slider .tds-slider-inner{width:100%;height:20px;position:relative}.tds-slider .tds-slider-inner:focus-within .tds-slider__thumb-inner{outline:var(--tds-slider-thumb-focus-outline);box-shadow:var(--tds-slider-thumb-focus-box-shadow);outline-offset:var(--tds-slider-thumb-focus-outline-offset);z-index:1}.tds-slider .tds-slider__controls{position:relative;top:-25px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus{padding:18px 18px 18px 0}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus{padding:18px 0 18px 18px}.tds-slider .tds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.tds-slider .tds-slider__input-values .tds-slider__input-value{user-select:none;padding:18px;color:var(--tds-slider-input-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}.tds-slider .tds-slider__input-values .tds-slider__input-value.min-value{padding-left:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--tds-slider-inputfield-background);display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]{width:auto;padding:12px;text-align:center;appearance:textfield}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-outer-spin-button,.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input:read-only{text-align:left}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-icon__readonly{right:12px}.tds-slider label{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);user-select:none;position:absolute;color:var(--tds-slider-label-color);padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);user-select:none;border-radius:4px;padding:8px 11px;position:absolute;transform:translate(-50%, -100%);top:-24px;background-color:var(--tds-slider-value-tooltip-background);color:var(--tds-slider-value-tooltip-color)}.tds-slider .tds-slider__value svg{color:var(--tds-slider-value-tooltip-background);position:absolute;left:50%;transform:translateX(-50%);top:34px}.tds-slider .tds-slider__thumb{position:absolute}.tds-slider .tds-slider__thumb:hover .tds-slider__value{display:block}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner{width:20px;height:20px;border-radius:100%;background-color:var(--tds-slider-thumb-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner::before{content:" ";display:none;width:48px;height:48px;background-color:var(--tds-slider-thumb-color);position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner:hover::before{display:block;background-color:var(--tds-slider-thumb-hover)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:24px;height:24px}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed::before{display:block;background-color:var(--tds-slider-thumb-pressed)}.tds-slider .tds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.tds-slider .tds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider{transform:translateY(-50%);height:16px;background-color:var(--tds-slider-divider-color);color:var(--tds-slider-divider-values-color);width:1px}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span{display:block;user-select:none;color:var(-tds-grey-700);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.tds-slider .tds-slider__track{width:100%;height:2px;border-radius:1px;background-color:var(--tds-slider-track-color);position:relative;cursor:pointer}.tds-slider .tds-slider__track::after{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px;cursor:pointer;z-index:0}.tds-slider .tds-slider__track:focus{outline:0}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner{width:24px;height:24px}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner::before{display:block;opacity:0.08}.tds-slider .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-fill-color);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.tds-slider .tds-slider__track .tds-slider__thumb{z-index:1}.tds-slider.disabled{cursor:not-allowed}.tds-slider.disabled>*{pointer-events:none}.tds-slider.disabled label{color:var(--tds-slider-label-disabled)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--tds-slider-input-value-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper{pointer-events:none}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{color:var(--tds-slider-inputfield-number-disabled);box-shadow:none;pointer-events:none;background:var(--tds-slider-inputfield-background-disabled)}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track{cursor:not-allowed;background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider{background-color:var(--tds-slider-divider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--tds-slider-divider-values-disabled)}.tds-slider.disabled .tds-slider__thumb{pointer-events:none}.tds-slider.disabled .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--tds-slider-thumb-disabled);cursor:default}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner{width:16px;height:16px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner::before{width:40px;height:40px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:20px;height:20px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-color)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-disabled)}';export{r as tds_slider}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as r,H as a}from"./p-
|
|
1
|
+
import{r as e,h as r,H as a}from"./p-W873flBb.js";import{g as s}from"./p-Cn4f8w1e.js";const t=class{constructor(r){e(this,r),this.modeVariant=null,this.variant="information",this.noIcon=!1,this.minimal=!1,this.tdsAlertDialog="dialog",this.getIconName=()=>{switch(this.variant){case"information":default:return"info";case"error":return"error";case"warning":return"warning";case"success":return"tick"}}}getAriaLabel(){return this.header?this.header:this.tdsAriaLabel||`${this.variant} message`}render(){const e=this.header?`tds-message-header-${s()}`:void 0,t=this.minimal?void 0:`tds-message-content-${s()}`;return r(a,{key:"c79d924d806e8a2b19f706795d4a08074a9fce95",role:this.tdsAlertDialog,"aria-describedby":t,"aria-label":this.getAriaLabel(),class:{[`tds-mode-variant-${this.modeVariant}`]:null!==this.modeVariant}},r("div",{key:"17a525e4fb1991d668733b28a4e2916b77151908",class:{wrapper:!0,[this.variant]:!0,minimal:this.minimal}},!this.noIcon&&r("tds-icon",{key:"bc440727660747269df18977ead69b2aa25cc40b","aria-hidden":"true","aria-label":`${this.variant}`,svgTitle:`${this.variant}`,name:this.getIconName(),size:"20px"}),r("div",{key:"26c5ab6232b2c438c4dd04b718b4ede804495029",class:"content"},this.header&&r("div",{key:"10cb36b42f743e7d8b0f97e66e19455f573a1159",class:"header",id:e},this.header),!this.minimal&&r("div",{key:"0d9ff535f8afad68604eb3e20f360a5f321aebc7",class:"extended-message",id:t},r("slot",{key:"35a5db41848cdfff0adbd4637ea29a0360c8e5d7"})))))}};t.style=":host .wrapper{display:flex;padding:16px;background-color:var(--tds-message-background);border-radius:var(--tds-message-border-radius)}:host .wrapper.information{border-left:var(--tds-message-border-width) solid var(--tds-message-border-info);color:var(--tds-message-text-info)}:host .wrapper.information tds-icon{color:var(--tds-message-icon-info)}:host .wrapper.success{background-color:var(--tds-message-background-success);border-left:var(--tds-message-border-width) solid var(--tds-message-border-success);color:var(--tds-message-text-success)}:host .wrapper.success tds-icon{color:var(--tds-message-icon-success)}:host .wrapper.error{background-color:var(--tds-message-background-error);border-left:var(--tds-message-border-width) solid var(--tds-message-border-error);color:var(--tds-message-text-error)}:host .wrapper.error tds-icon{color:var(--tds-message-icon-error)}:host .wrapper.warning{background-color:var(--tds-message-background-warning);border-left:var(--tds-message-border-width) solid var(--tds-message-border-warning);color:var(--tds-message-text-warning)}:host .wrapper.warning tds-icon{color:var(--tds-message-icon-warning)}:host .wrapper.minimal{border:none;padding:0;background-color:transparent}:host .wrapper.minimal tds-icon{padding-right:8px}:host .wrapper.minimal .header{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)}:host .wrapper.minimal.error .header{color:var(--tds-message-minimal-header-error)}:host tds-icon{padding-right:16px}:host .content{display:flex;flex-direction:column;gap:4px;padding:2px 24px 2px 0;overflow-wrap:anywhere}:host .content .header{font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform)}:host .content .extended-message{font-family:var(--detail-03-font-family);font-size:var(--detail-03-font-size);line-height:var(--detail-03-line-height);font-weight:var(--detail-03-font-weight);letter-spacing:var(--detail-03-letter-spacing);text-transform:var(--detail-03-text-transform)}";export{t as tds_message}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as i,a as o}from"./p-
|
|
1
|
+
import{r as t,h as e,H as i,a as o}from"./p-W873flBb.js";const s={orientation:"orientation",labelPosition:"labelPosition",size:"size",hideLabels:"hideLabels"},r=class{constructor(e){t(this,e),this.state="upcoming"}componentWillLoad(){this.stepperEl=this.el.closest("tds-stepper"),this.stepperEl&&(this.orientation=this.stepperEl.orientation,this.labelPosition=this.stepperEl.labelPosition,this.size=this.stepperEl.size,this.hideLabels=this.stepperEl.hideLabels,this.stepperId=this.stepperEl.stepperId)}handlePropsChange(t){this.stepperId===t.detail.stepperId&&t.detail.changed.forEach((e=>{if(void 0===this[e])throw new Error(`Stepper prop is not supported: ${e}`);e in s&&(this[s[e]]=t.detail[e])}))}render(){return e(i,{key:"afc9e25f7fca169a9ccb2241eb374b87c1b0ff5b"},e("div",{key:"3bb5727f75e1c9a44e3033dfcaf511d093d1e085",role:"listitem","aria-disabled":"upcoming"===this.state?"true":"false","aria-current":this.tdsAriaCurrent,tabIndex:-1,"aria-label":`Step ${this.index}: ${this.state}`,class:`${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels?"hide-labels":""}`},e("span",{key:"c4f8eb7bd7039f14a7e374bb62fc8fd74f5aeeb8",class:`${this.state} content-container`},"success"===this.state||"error"===this.state?e("tds-icon",{"aria-hidden":"true",svgTitle:`tds-step-icon-${this.stepperId}`,class:"tds-step-icon",name:"success"===this.state?"tick":"warning",size:"lg"===this.size?"20px":"16px"}):e("span",{"aria-hidden":"true",class:"index-container"},this.index)),!this.hideLabels&&e("div",{key:"aca563c692e3602ddd3b5d80cc63085077139a87","aria-hidden":"true",class:`label ${this.size} ${this.state}`},e("slot",{key:"ed85239ef9c383e2a251f7cef4931da2348a8975",name:"label"}))))}get el(){return o(this)}};r.style=':host{position:relative;display:table-cell}:host [role=listitem]{display:flex;justify-content:start;flex-direction:row;align-items:center;gap:8px}:host [role=listitem].text-below{flex-direction:column}:host [role=listitem].lg{padding:0 20px;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem].lg .content-container{height:30px;min-width:30px}:host [role=listitem].lg .content-container tds-icon{vertical-align:bottom}:host [role=listitem].lg .content-container .index-container{vertical-align:sub}:host [role=listitem].lg.vertical::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:36px;width:1px;top:40px;left:36px}:host [role=listitem].lg.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 16px + 16px);right:0;top:16px}:host [role=listitem].lg.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 16px + 16px);left:0;top:16px}:host [role=listitem].lg.horizontal.hide-labels::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 16px + 8px);right:0;top:16px}:host [role=listitem].lg.horizontal.hide-labels::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 16px + 8px);left:0;top:16px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:auto;right:-10px;width:10px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:16px;left:-10px;right:auto;width:10px}:host [role=listitem].sm{padding:0 20px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem].sm .index-container{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline}:host [role=listitem].sm .content-container{height:24px;min-width:24px}:host [role=listitem].sm .tds-step-icon{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline;margin-top:-2px}:host [role=listitem].sm.vertical::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.vertical::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 12px + 16px);right:0;top:13px}:host [role=listitem].sm.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:0;right:calc(50% + 12px + 16px);top:13px}:host [role=listitem].sm.horizontal.hide-labels::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 12px + 8px);right:0;top:13px}:host [role=listitem].sm.horizontal.hide-labels::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 12px + 8px);left:0;top:13px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:13px;left:auto;right:-10px;width:10px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:13px;left:-10px;right:auto;width:10px}:host [role=listitem] .content-container{border-radius:100px;border:1px solid var(--tds-stepper-icon-background);text-align:center;position:relative}:host [role=listitem] .content-container.error{border-color:var(--tds-stepper-icon-step-border-color-warning);color:var(--tds-stepper-icon-step-border-color-warning)}:host [role=listitem] .content-container.success{background-color:var(--tds-stepper-icon-step-border-color-success);border-color:var(--tds-stepper-icon-step-border-color-success);color:var(--tds-white)}:host [role=listitem] .content-container.current{background-color:var(--tds-stepper-icon-step-border-color-current);color:var(--tds-stepper-color)}:host [role=listitem] .content-container.upcoming{background-color:transparent;border-color:var(--tds-stepper-label-border-color-upcoming);color:var(--tds-stepper-label-text-color-upcoming)}:host [role=listitem] .label{text-align:center}:host [role=listitem] .label.lg{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem] .label.sm{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem] .label.upcoming{color:var(--tds-stepper-label-text-color-upcoming);opacity:var(--tds-stepper-label-text-opacity-upcoming)}:host(:last-of-type) [role=listitem].horizontal.text-aside{padding-right:0;padding-left:20px}:host(:last-of-type) [role=listitem].horizontal.text-aside::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;width:20px;left:-10px;right:auto;top:16px}:host(:last-of-type) [role=listitem].horizontal.text-aside.sm.hide-labels::before{top:13px;width:13px;left:0;right:calc(50% + 20px)}:host(:last-of-type) [role=listitem].sm::after,:host(:last-of-type) [role=listitem].lg::after{display:none}:host(:last-of-type) [role=listitem].sm.vertical::before{display:none}:host(:first-of-type) [role=listitem].sm::before,:host(:first-of-type) [role=listitem].lg::before{display:none}';export{r as tds_step}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as a,H as t,a as s}from"./p-
|
|
1
|
+
import{r as e,h as a,H as t,a as s}from"./p-W873flBb.js";const d=class{constructor(a){e(this,a)}render(){return a(t,{key:"4a9b8a5924f026c20408e7cc32dc98ee9fd64ad1",role:"listitem"},a("div",{key:"3774339f0ca00bc041c51ad966da271dbe38fbb4",class:"user-box"},this.imgUrl&&a("img",{key:"f37f319f602d7418229f56f112d57e0e1346d043",src:this.imgUrl,alt:this.imgAlt}),a("slot",{key:"a45bc8a008a0be4596cbcf0937c56380ea99bb80",name:"thumbanil"}),a("div",{key:"a1f5e157d1ac7cee13abf1a85422950988f3b8ac",class:"user-content"},a("div",{key:"6e2106c0868094ac54c0e2a54de07ff43dc9f979",class:"header"},this.header,a("slot",{key:"440311184e59aff2fc3425a1779d6b04de98fdd8",name:"header"})),a("div",{key:"85c3966e778010328e6d137573a83245c1077ea8",class:"subheader"},this.subheader,a("slot",{key:"bbd9b87dfa675761e0bc6005431e1cb1e8867013",name:"subheader"})))))}get host(){return s(this)}};d.style=":host{background-color:var(--tds-header-avatar-item-background);display:flex;height:84px}:host .user-box{gap:16px;width:100%;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host img,:host slot[name=thumbnail]::slotted(*){width:34px;border-radius:100%}:host .user-content{display:flex;flex-direction:column;gap:4px}:host .user-content .header{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host .user-content .subheader{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-avatar-item-color)}";export{d as tds_header_dropdown_list_user}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,a as o}from"./p-
|
|
1
|
+
import{r as t,h as e,a as o}from"./p-W873flBb.js";const i=class{constructor(e){t(this,e),this.disabled=!1,this.underline=!0,this.standalone=!1}connectedCallback(){const t=this.host.querySelectorAll("a");t.length>1&&console.warn("tds-link is only intended to wrap one <a> tag");const e=t[0];e&&(this.disabled?(e.setAttribute("tabindex","-1"),e.setAttribute("aria-disabled","true")):(e.removeAttribute("tabindex"),e.removeAttribute("aria-disabled")))}render(){return e("span",{key:"7fc71860358da34d0bcf7db534263ceb95a0a34c",class:{disabled:this.disabled,"no-underline":!this.underline,standalone:this.standalone}},e("slot",{key:"481148d319d7dc0447b0568f1bc97ea0f17560b0"}))}get host(){return o(this)}};i.style=":host{display:inline}:host ::slotted(*){all:unset;cursor:pointer;outline:none;color:var(--tds-link);text-decoration:underline}:host ::slotted(*:hover){color:var(--tds-link-hover);text-decoration:none}:host .no-underline ::slotted(*){text-decoration:none}:host .no-underline ::slotted(*:hover){color:var(--tds-link-hover);text-decoration:underline;text-decoration-color:var(--tds-link-hover)}:host ::slotted(*:focus-visible){color:var(--tds-link-focus);text-decoration:none;box-shadow:0 0 0 1px var(--tds-white), 0 0 0 3px var(--tds-link-focus)}:host ::slotted(*:active){color:var(--tds-link);text-decoration:underline;text-decoration-color:var(--tds-link)}:host ::slotted(*:visited){color:var(--tds-link-visited);text-decoration-color:var(--tds-link-visited)}.disabled ::slotted(*),.disabled ::slotted(*:visited){opacity:var(--tds-link-opacity-disabled);pointer-events:none}.standalone ::slotted(*){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)}";export{i as tds_link}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as r,a as t}from"./p-
|
|
1
|
+
import{r as o,h as r,a as t}from"./p-W873flBb.js";const d=class{constructor(r){o(this,r),this.modeVariant=null,this.componentTag="div"}getNestingLevel(){let o=0,r=this.host.parentElement;for(;r;)"tds-block"===r.tagName.toLowerCase()&&o++,r=r.parentElement;return o}render(){const o=this.componentTag,t=this.getNestingLevel();let d="";return null===this.modeVariant&&(d=t%2==0?"tds-block-even":"tds-block-odd"),r(o,{key:"7f07ad2391246677a60d6e1f243bb399c1b97559",class:`tds-block ${d} ${null!==this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""}`},r("slot",{key:"b106075c5d159dbd679f5936e6e644d11c997492"}))}get host(){return t(this)}};d.style=".tds-block{box-sizing:border-box;font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);color:var(--tds-block-color);background-color:var(--tds-block-background);border-radius:var(--tds-block-border-radius);padding:16px}.tds-block *{box-sizing:border-box}.tds-mode-variant-primary{background-color:var(--tds-block-background-primary)}.tds-mode-variant-secondary{background-color:var(--tds-block-background-secondary)}.tds-block-even{background-color:var(--tds-block-background-even)}.tds-block-odd{background-color:var(--tds-block-background-odd)}";export{d as tds_block}
|