@scania/tegel 1.34.0-design.tokens.beta.test.0 → 1.34.0-internal-variables-demo.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-ca8040ad.js +4 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/tds-body-cell.cjs.entry.js +2 -2
- package/dist/cjs/tds-core-header-item_2.cjs.entry.js +2 -2
- package/dist/cjs/tds-dropdown_2.cjs.entry.js +1 -1
- package/dist/cjs/tds-folder-tab.cjs.entry.js +2 -2
- package/dist/cjs/tds-folder-tabs.cjs.entry.js +2 -2
- package/dist/cjs/tds-footer-group.cjs.entry.js +1 -1
- package/dist/cjs/tds-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.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-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.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 +24 -6
- package/dist/cjs/tds-inline-tab.cjs.entry.js +2 -2
- package/dist/cjs/tds-inline-tabs.cjs.entry.js +2 -2
- package/dist/cjs/tds-navigation-tab.cjs.entry.js +2 -2
- package/dist/cjs/tds-navigation-tabs.cjs.entry.js +4 -4
- package/dist/cjs/tds-popover-canvas.cjs.entry.js +6 -3
- package/dist/cjs/tds-popover-menu.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +4 -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 +3 -3
- package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js +3 -3
- package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +4 -4
- package/dist/cjs/tds-side-menu-item.cjs.entry.js +3 -3
- package/dist/cjs/tds-side-menu-overlay.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-user-image_2.cjs.entry.js +4 -4
- package/dist/cjs/tds-side-menu-user.cjs.entry.js +2 -2
- package/dist/cjs/tds-side-menu.cjs.entry.js +1 -1
- package/dist/cjs/tds-slider.cjs.entry.js +9 -9
- package/dist/cjs/tds-spinner.cjs.entry.js +1 -1
- package/dist/cjs/tds-step.cjs.entry.js +1 -1
- package/dist/cjs/tds-table-body-input-wrapper.cjs.entry.js +2 -2
- package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js +7 -7
- package/dist/cjs/tds-table-body-row.cjs.entry.js +2 -2
- package/dist/cjs/tds-table-body.cjs.entry.js +2 -2
- package/dist/cjs/tds-table-footer.cjs.entry.js +3 -3
- package/dist/cjs/tds-table-header-input-wrapper.cjs.entry.js +1 -1
- package/dist/cjs/tds-table-header.cjs.entry.js +2 -2
- package/dist/cjs/tds-table-toolbar.cjs.entry.js +2 -2
- package/dist/cjs/tds-text-field.cjs.entry.js +7 -7
- package/dist/cjs/tds-textarea.cjs.entry.js +4 -4
- package/dist/cjs/tds-toast.cjs.entry.js +3 -3
- package/dist/cjs/tds-toggle.cjs.entry.js +2 -2
- package/dist/cjs/tds-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/tegel.cjs.js +1 -1
- package/dist/collection/components/dropdown/dropdown.css +66 -14
- package/dist/collection/components/footer/footer-group/footer-group.css +0 -3
- package/dist/collection/components/header/core-header-item/core-header-item.css +10 -3
- package/dist/collection/components/header/header-brand-symbol/header-brand-symbol.css +3 -2
- package/dist/collection/components/header/header-dropdown/header-dropdown.css +1 -1
- package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.css +17 -10
- package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.css +18 -7
- package/dist/collection/components/header/header-item/header-item.css +15 -9
- package/dist/collection/components/header/header-launcher/header-launcher.css +1 -1
- package/dist/collection/components/header/header-launcher-grid-item/header-launcher-grid-item.css +10 -3
- package/dist/collection/components/header/header-launcher-grid-title/header-launcher-grid-title.css +11 -4
- package/dist/collection/components/header/header-launcher-list-item/header-launcher-list-item.css +1 -1
- package/dist/collection/components/header/header-launcher-list-title/header-launcher-list-title.css +11 -4
- package/dist/collection/components/header/header-title/header-title.css +4 -3
- package/dist/collection/components/header/header.css +4 -4
- package/dist/collection/components/icon/icon.js +25 -8
- package/dist/collection/components/popover-canvas/popover-canvas.css +1 -1
- package/dist/collection/components/popover-canvas/popover-canvas.js +26 -10
- package/dist/collection/components/popover-menu/popover-menu.css +1 -1
- package/dist/collection/components/side-menu/side-menu-close-button/side-menu-close-button.css +7 -21
- package/dist/collection/components/side-menu/side-menu-close-button/side-menu-close-button.js +3 -1
- package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.css +6 -4
- 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.css +34 -6
- package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js +3 -3
- package/dist/collection/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.css +7 -1
- package/dist/collection/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.js +2 -2
- package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.css +38 -14
- package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js +2 -2
- package/dist/collection/components/side-menu/side-menu-item/side-menu-item.css +35 -20
- package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js +2 -2
- 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.css +1 -2
- 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.css +5 -2
- 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.css +12 -4
- 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 +16 -7
- package/dist/collection/components/slider/slider.css +6 -17
- 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/table/table-body/table-body.js +2 -2
- package/dist/collection/components/table/table-body-cell/table-body-cell.js +2 -2
- package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.js +2 -2
- package/dist/collection/components/table/table-body-row/table-body-row.js +2 -2
- package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js +7 -7
- package/dist/collection/components/table/table-footer/table-footer.js +3 -3
- package/dist/collection/components/table/table-header/table-header.js +2 -2
- package/dist/collection/components/table/table-header-cell/table-header-cell.js +1 -1
- package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.js +1 -1
- package/dist/collection/components/table/table-toolbar/table-toolbar.js +2 -2
- package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js +2 -2
- package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +2 -2
- package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js +2 -2
- package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +2 -2
- package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.js +2 -2
- package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +4 -4
- package/dist/collection/components/text-field/text-field.css +29 -0
- package/dist/collection/components/text-field/text-field.js +6 -6
- package/dist/collection/components/textarea/textarea.css +27 -0
- package/dist/collection/components/textarea/textarea.js +3 -3
- package/dist/collection/components/toast/toast.js +3 -3
- package/dist/collection/components/toggle/toggle.js +2 -2
- package/dist/collection/components/tooltip/tooltip.js +2 -2
- package/dist/components/{p-f9c933c0.js → p-14edfa40.js} +1 -1
- package/dist/components/{p-b609e7a7.js → p-1a71c773.js} +2 -2
- package/dist/components/{p-af5310f8.js → p-55929c34.js} +1 -1
- package/dist/components/{p-927cf777.js → p-597922b6.js} +2 -2
- package/dist/components/{p-eb76089f.js → p-6524ae73.js} +2 -2
- package/dist/components/{p-4e5ff414.js → p-7adbd356.js} +24 -6
- package/dist/components/{p-4cd4e1e3.js → p-86cd8d5e.js} +2 -2
- package/dist/components/{p-9ad61cb5.js → p-9597d1a2.js} +1 -1
- package/dist/components/{p-0e04ed76.js → p-a8fea701.js} +3 -3
- package/dist/components/{p-d437241f.js → p-e26b8b01.js} +3 -3
- package/dist/components/{p-ee402b70.js → p-e9b88277.js} +2 -2
- package/dist/components/{p-4bf2bec5.js → p-ee839631.js} +7 -3
- package/dist/components/tds-accordion-item.js +1 -1
- package/dist/components/tds-banner.js +1 -1
- package/dist/components/tds-body-cell.js +2 -2
- package/dist/components/tds-core-header-item.js +1 -1
- package/dist/components/tds-datetime.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-tab.js +2 -2
- package/dist/components/tds-folder-tabs.js +3 -3
- package/dist/components/tds-footer-group.js +2 -2
- package/dist/components/tds-header-brand-symbol.js +3 -3
- package/dist/components/tds-header-cell.js +2 -2
- 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.js +5 -5
- package/dist/components/tds-header-hamburger.js +3 -3
- 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-list-item.js +2 -2
- package/dist/components/tds-header-launcher-list-title.js +1 -1
- package/dist/components/tds-header-launcher.js +6 -6
- 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-tab.js +2 -2
- package/dist/components/tds-inline-tabs.js +3 -3
- package/dist/components/tds-message.js +1 -1
- package/dist/components/tds-modal.js +1 -1
- package/dist/components/tds-navigation-tab.js +2 -2
- package/dist/components/tds-navigation-tabs.js +5 -5
- package/dist/components/tds-popover-canvas.js +1 -1
- package/dist/components/tds-popover-menu.js +1 -1
- package/dist/components/tds-side-menu-close-button.js +12 -4
- package/dist/components/tds-side-menu-collapse-button.js +6 -6
- package/dist/components/tds-side-menu-dropdown-list-item.js +3 -3
- package/dist/components/tds-side-menu-dropdown-list.js +3 -3
- package/dist/components/tds-side-menu-dropdown.js +6 -6
- 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 +4 -4
- package/dist/components/tds-side-menu.js +1 -1
- package/dist/components/tds-slider.js +10 -10
- package/dist/components/tds-spinner.js +1 -1
- package/dist/components/tds-step.js +2 -2
- package/dist/components/tds-table-body-input-wrapper.js +3 -3
- package/dist/components/tds-table-body-row-expandable.js +7 -7
- package/dist/components/tds-table-body-row.js +2 -2
- package/dist/components/tds-table-body.js +2 -2
- package/dist/components/tds-table-footer.js +6 -6
- package/dist/components/tds-table-header-input-wrapper.js +2 -2
- package/dist/components/tds-table-header.js +2 -2
- package/dist/components/tds-table-toolbar.js +3 -3
- package/dist/components/tds-text-field.js +9 -9
- package/dist/components/tds-textarea.js +6 -6
- package/dist/components/tds-toast.js +4 -4
- package/dist/components/tds-toggle.js +2 -2
- package/dist/components/tds-tooltip.js +1 -1
- package/dist/esm/index-51d04e39.js +4 -4
- package/dist/esm/loader.js +1 -1
- package/dist/esm/tds-body-cell.entry.js +2 -2
- package/dist/esm/tds-core-header-item_2.entry.js +2 -2
- package/dist/esm/tds-dropdown_2.entry.js +1 -1
- package/dist/esm/tds-folder-tab.entry.js +2 -2
- package/dist/esm/tds-folder-tabs.entry.js +2 -2
- package/dist/esm/tds-footer-group.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.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-list-item.entry.js +1 -1
- package/dist/esm/tds-header-launcher-list-title.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 +24 -6
- package/dist/esm/tds-inline-tab.entry.js +2 -2
- package/dist/esm/tds-inline-tabs.entry.js +2 -2
- package/dist/esm/tds-navigation-tab.entry.js +2 -2
- package/dist/esm/tds-navigation-tabs.entry.js +4 -4
- package/dist/esm/tds-popover-canvas.entry.js +6 -3
- package/dist/esm/tds-popover-menu.entry.js +1 -1
- package/dist/esm/tds-side-menu-close-button.entry.js +4 -2
- package/dist/esm/tds-side-menu-collapse-button.entry.js +5 -5
- package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +3 -3
- package/dist/esm/tds-side-menu-dropdown-list.entry.js +3 -3
- package/dist/esm/tds-side-menu-dropdown.entry.js +4 -4
- package/dist/esm/tds-side-menu-item.entry.js +3 -3
- package/dist/esm/tds-side-menu-overlay.entry.js +1 -1
- package/dist/esm/tds-side-menu-user-image_2.entry.js +4 -4
- package/dist/esm/tds-side-menu-user.entry.js +2 -2
- package/dist/esm/tds-side-menu.entry.js +1 -1
- package/dist/esm/tds-slider.entry.js +9 -9
- package/dist/esm/tds-spinner.entry.js +1 -1
- package/dist/esm/tds-step.entry.js +1 -1
- package/dist/esm/tds-table-body-input-wrapper.entry.js +2 -2
- package/dist/esm/tds-table-body-row-expandable.entry.js +7 -7
- package/dist/esm/tds-table-body-row.entry.js +2 -2
- package/dist/esm/tds-table-body.entry.js +2 -2
- package/dist/esm/tds-table-footer.entry.js +3 -3
- package/dist/esm/tds-table-header-input-wrapper.entry.js +1 -1
- package/dist/esm/tds-table-header.entry.js +2 -2
- package/dist/esm/tds-table-toolbar.entry.js +2 -2
- package/dist/esm/tds-text-field.entry.js +7 -7
- package/dist/esm/tds-textarea.entry.js +4 -4
- package/dist/esm/tds-toast.entry.js +3 -3
- package/dist/esm/tds-toggle.entry.js +2 -2
- package/dist/esm/tds-tooltip.entry.js +2 -2
- package/dist/esm/tegel.js +1 -1
- package/dist/tegel/p-050a6707.entry.js +1 -0
- package/dist/tegel/p-0d6ce4bf.entry.js +1 -0
- package/dist/tegel/{p-a2f84e4a.entry.js → p-10865bbb.entry.js} +1 -1
- package/dist/tegel/p-10af200f.entry.js +1 -0
- package/dist/tegel/{p-e7638f10.entry.js → p-17542748.entry.js} +1 -1
- package/dist/tegel/p-19b1c3bf.entry.js +1 -0
- package/dist/tegel/p-2fad3996.entry.js +1 -0
- package/dist/tegel/{p-22e4a4f9.entry.js → p-32371b91.entry.js} +1 -1
- package/dist/tegel/p-3488afc9.entry.js +1 -0
- package/dist/tegel/{p-ec395ccd.entry.js → p-36b7d6f6.entry.js} +1 -1
- package/dist/tegel/{p-c6e76ba8.entry.js → p-40ee935d.entry.js} +1 -1
- package/dist/tegel/{p-fe51bbbb.entry.js → p-479654f1.entry.js} +1 -1
- package/dist/tegel/p-47bd2c84.entry.js +1 -0
- package/dist/tegel/{p-f12ce132.entry.js → p-47ea5841.entry.js} +1 -1
- package/dist/tegel/p-50bc2a9e.entry.js +1 -0
- package/dist/tegel/{p-17b55fa2.entry.js → p-58a0184d.entry.js} +1 -1
- package/dist/tegel/p-60e1d00a.entry.js +1 -0
- package/dist/tegel/p-61849351.entry.js +1 -0
- package/dist/tegel/{p-a077836e.entry.js → p-62bc6e68.entry.js} +1 -1
- package/dist/tegel/p-6b5aeb4a.entry.js +1 -0
- package/dist/tegel/{p-9db54bd1.entry.js → p-6d63d203.entry.js} +1 -1
- package/dist/tegel/{p-40ae469d.entry.js → p-7c8980b0.entry.js} +1 -1
- package/dist/tegel/p-80da6858.entry.js +1 -0
- package/dist/tegel/{p-67f3c355.entry.js → p-9f5ac36f.entry.js} +1 -1
- package/dist/tegel/p-a4f49931.entry.js +1 -0
- package/dist/tegel/p-a7718b4e.entry.js +1 -0
- package/dist/tegel/p-a93938ae.entry.js +1 -0
- package/dist/tegel/p-b4a372b0.entry.js +1 -0
- package/dist/tegel/{p-d9b054fa.entry.js → p-bbde7f62.entry.js} +1 -1
- package/dist/tegel/{p-a829417c.entry.js → p-bcb085b2.entry.js} +1 -1
- package/dist/tegel/{p-db46db63.entry.js → p-bccdcc4b.entry.js} +1 -1
- package/dist/tegel/{p-9572319f.entry.js → p-be33adf1.entry.js} +1 -1
- package/dist/tegel/p-c1df3164.entry.js +1 -0
- package/dist/tegel/{p-f8cc59e0.entry.js → p-c7287b51.entry.js} +1 -1
- package/dist/tegel/{p-c94e0062.entry.js → p-cd34bdde.entry.js} +1 -1
- package/dist/tegel/p-d0ca3f24.entry.js +1 -0
- package/dist/tegel/{p-7caad569.entry.js → p-d0e6a5e6.entry.js} +1 -1
- package/dist/tegel/{p-45a503af.entry.js → p-d3fa7477.entry.js} +1 -1
- package/dist/tegel/{p-c79386a0.entry.js → p-d794f5c9.entry.js} +1 -1
- package/dist/tegel/p-defa18d9.entry.js +1 -0
- package/dist/tegel/{p-f1b0f4f6.entry.js → p-dfcaadff.entry.js} +1 -1
- package/dist/tegel/{p-f5c24e0b.entry.js → p-e08723c7.entry.js} +1 -1
- package/dist/tegel/{p-80ce20cc.entry.js → p-e5325648.entry.js} +1 -1
- package/dist/tegel/p-ea57cf53.entry.js +1 -0
- package/dist/tegel/{p-7aaaeb32.entry.js → p-f0368e43.entry.js} +1 -1
- package/dist/tegel/p-f0d05af2.entry.js +1 -0
- package/dist/tegel/{p-c1ff5218.entry.js → p-f20ec378.entry.js} +1 -1
- package/dist/tegel/{p-10646dec.entry.js → p-f2340a88.entry.js} +1 -1
- package/dist/tegel/{p-b3446292.entry.js → p-f944d3b3.entry.js} +1 -1
- package/dist/tegel/p-f951ff7d.entry.js +1 -0
- package/dist/tegel/p-fe7292a0.entry.js +1 -0
- package/dist/tegel/tegel.css +39 -3
- package/dist/tegel/tegel.esm.js +1 -1
- package/dist/types/components/icon/icon.d.ts +2 -1
- package/dist/types/components/popover-canvas/popover-canvas.d.ts +3 -1
- package/dist/types/components.d.ts +10 -2
- package/dist-styles/core.css +370 -359
- package/dist-styles/scania-variables.css +1 -0
- package/dist-styles/scania.css +371 -359
- package/dist-styles/traton-variables.css +1 -0
- package/dist-styles/traton.css +371 -359
- package/package.json +1 -1
- package/dist/tegel/p-06d3490c.entry.js +0 -1
- package/dist/tegel/p-0d09f1ad.entry.js +0 -1
- package/dist/tegel/p-1bbef1a5.entry.js +0 -1
- package/dist/tegel/p-27c2f109.entry.js +0 -1
- package/dist/tegel/p-33aa94c4.entry.js +0 -1
- package/dist/tegel/p-4095d044.entry.js +0 -1
- package/dist/tegel/p-46c9af0f.entry.js +0 -1
- package/dist/tegel/p-525c81b1.entry.js +0 -1
- package/dist/tegel/p-5bca9fe7.entry.js +0 -1
- package/dist/tegel/p-5f35ce3b.entry.js +0 -1
- package/dist/tegel/p-7d427dff.entry.js +0 -1
- package/dist/tegel/p-84d8c038.entry.js +0 -1
- package/dist/tegel/p-8efd9d9a.entry.js +0 -1
- package/dist/tegel/p-9099d978.entry.js +0 -1
- package/dist/tegel/p-9620b368.entry.js +0 -1
- package/dist/tegel/p-a1a335f8.entry.js +0 -1
- package/dist/tegel/p-a333339f.entry.js +0 -1
- package/dist/tegel/p-a66a4a4e.entry.js +0 -1
- package/dist/tegel/p-b20f250b.entry.js +0 -1
- package/dist/tegel/p-c7b0253c.entry.js +0 -1
- package/dist/tegel/p-ceddaae5.entry.js +0 -1
- package/dist/tegel/p-debd6adc.entry.js +0 -1
- package/dist/tegel/p-f11cb5b2.entry.js +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-51d04e39.js';
|
|
2
2
|
import { g as generateUniqueId } from './generateUniqueId-7934d315.js';
|
|
3
3
|
|
|
4
|
-
const sliderCss = "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 .slider-primary .tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--slider-inputfield-background)}tds-slider .slider-secondary .tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--slider-inputfield-background-secondary)}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider-wrapper.slider-success .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{border-left:1px solid var(--slider-border-left-success);border-right:1px solid var(--slider-border-right-success);border-bottom:1px solid var(--slider-border-bottom-success);border-top:1px solid var(--slider-border-top-success);color:var(--slider-input-success-text);box-shadow:var(--slider-border-success)}.tds-slider-wrapper.slider-success .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:hover{box-shadow:var(--slider-border-success)}.tds-slider-wrapper:focus-within{border-radius:var(--tds-spacing-element-4);outline:2px solid var(--tds-blue-400);outline-offset:2px}.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__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{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);color:var(--slider-input-value);padding:18px;user-select:none}.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(--slider-inputfield-background);border-radius:var(--slider-border-radius);display:flex;align-items:center;justify-content:center}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-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);border-left:1px solid var(--slider-border-left);border-right:1px solid var(--slider-border-right);border-bottom:1px solid var(--slider-border-bottom);border-top:1px solid var(--slider-border-top);border-radius:var(--slider-border-radius);box-shadow:var(--slider-border-appearance);color:var(--slider-input-inputfield);border:0;background-color:transparent;text-align:center;padding:12px}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:hover{border-left:1px solid var(--slider-border-left-hover);border-right:1px solid var(--slider-border-right-hover);border-bottom:1px solid var(--slider-border-bottom-hover);border-top:1px solid var(--slider-border-top-hover);box-shadow:var(--slider-border-hover)}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:focus{border-left:1px solid var(--slider-border-left-focus);border-right:1px solid var(--slider-border-right-focus);border-bottom:1px solid var(--slider-border-bottom-focus);border-top:1px solid var(--slider-border-top-focus);box-shadow:var(--slider-border-focus);outline:var(--slider-border-outline)}.tds-slider label{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(--slider-label);user-select:none;position:absolute;padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font-family:var(--detail-01-font-family);font-size:var(--detail-01-font-size);line-height:var(--detail-01-line-height);font-weight:var(--detail-01-font-weight);letter-spacing:var(--detail-01-letter-spacing);text-transform:var(--detail-01-text-transform);background-color:var(--slider-value-tooltip-background);color:var(--slider-value-tooltip);z-index:2;user-select:none;border-radius:4px;padding:8px 11px;position:absolute;transform:translate(-50%, -100%);top:-24px}.tds-slider .tds-slider__value svg{color:var(--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 .tds-slider__thumb-inner{background-color:var(--slider-thumb);width:20px;height:20px;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner::before{background-color:var(--slider-thumb);content:\" \";display:none;width:48px;height:48px;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;opacity:0.08}.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;opacity:0.16 !important}.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{background-color:var(--slider-divider);color:var(--slider-divider-values);transform:translateY(-50%);height:16px;width:1px}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span{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;user-select:none;color:var(-tds-grey-700);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.tds-slider .tds-slider__track{background-color:var(--slider-track);width:100%;height:2px;border-radius:1px;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(--slider-track-fill);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(--slider-disabled-text)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus svg,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus svg{fill:var(--slider-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--slider-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(--slider-disabled);pointer-events:none;box-shadow:none}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track{cursor:not-allowed}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--slider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--slider-disabled)}.tds-slider.disabled .tds-slider__thumb{pointer-events:none}.tds-slider.disabled .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--slider-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:default}.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(--slider-controls)}.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(--slider-disabled)}";
|
|
4
|
+
const sliderCss = "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 .slider-primary .tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--slider-inputfield-background)}tds-slider .slider-secondary .tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--slider-inputfield-background-secondary)}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider-wrapper.slider-success .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{box-shadow:var(--slider-input-field-box-shadow-success);color:var(--slider-input-success-text)}.tds-slider-wrapper.slider-success .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:hover{box-shadow:var(--slider-input-field-box-shadow-success)}.tds-slider-wrapper:focus-within{border-radius:var(--tds-spacing-element-4);outline:2px solid var(--tds-blue-400);outline-offset:2px}.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__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{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);color:var(--slider-input-value);padding:18px;user-select:none}.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(--slider-inputfield-background);border-radius:var(--slider-border-radius);display:flex;align-items:center;justify-content:center}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-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);border-left:1px solid var(--slider-border-left);border-right:1px solid var(--slider-border-right);border-bottom:1px solid var(--slider-border-bottom);border-top:1px solid var(--slider-border-top);border-radius:var(--slider-border-radius);box-shadow:var(--slider-input-field-box-shadow);color:var(--slider-input-inputfield);border:0;background-color:transparent;text-align:center;padding:12px;transition:box-shadow 200ms ease}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:hover{box-shadow:var(--slider-input-field-box-shadow-hover)}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:focus{box-shadow:var(--slider-input-field-box-shadow-focus);outline:var(--slider-border-outline)}.tds-slider label{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(--slider-label);user-select:none;position:absolute;padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font-family:var(--detail-01-font-family);font-size:var(--detail-01-font-size);line-height:var(--detail-01-line-height);font-weight:var(--detail-01-font-weight);letter-spacing:var(--detail-01-letter-spacing);text-transform:var(--detail-01-text-transform);background-color:var(--slider-value-tooltip-background);color:var(--slider-value-tooltip);z-index:2;user-select:none;border-radius:4px;padding:8px 11px;position:absolute;transform:translate(-50%, -100%);top:-24px}.tds-slider .tds-slider__value svg{color:var(--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 .tds-slider__thumb-inner{background-color:var(--slider-thumb);width:20px;height:20px;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner::before{background-color:var(--slider-thumb);content:\" \";display:none;width:48px;height:48px;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;opacity:0.08}.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;opacity:0.16 !important}.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{background-color:var(--slider-divider);color:var(--slider-divider-values);transform:translateY(-50%);height:16px;width:1px}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span{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;user-select:none;color:var(-tds-grey-700);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.tds-slider .tds-slider__track{background-color:var(--slider-track);width:100%;height:2px;border-radius:1px;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(--slider-track-fill);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(--slider-disabled-text)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus svg,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus svg{fill:var(--slider-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--slider-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(--slider-disabled);pointer-events:none;box-shadow:none}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track{cursor:not-allowed}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--slider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--slider-disabled)}.tds-slider.disabled .tds-slider__thumb{pointer-events:none}.tds-slider.disabled .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--slider-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:default}.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(--slider-controls)}.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(--slider-disabled)}";
|
|
5
5
|
const TdsSliderStyle0 = sliderCss;
|
|
6
6
|
|
|
7
7
|
const TdsSlider = class {
|
|
@@ -408,34 +408,34 @@ const TdsSlider = class {
|
|
|
408
408
|
}
|
|
409
409
|
render() {
|
|
410
410
|
const ariaLabel = this.readOnly ? this.tdsReadOnlyAriaLabel : this.label || this.tdsAriaLabel;
|
|
411
|
-
return (h("div", { key: '
|
|
411
|
+
return (h("div", { key: 'bd4183c7e9ab8598f2f1e00ff7d6d395847400d5', class: {
|
|
412
412
|
'tds-slider-wrapper': true,
|
|
413
413
|
'read-only': this.readOnly,
|
|
414
414
|
'slider-default': this.state === 'default',
|
|
415
415
|
'slider-success': this.state === 'success',
|
|
416
416
|
'slider-primary': this.modeVariant === 'primary',
|
|
417
417
|
'slider-secondary': this.modeVariant === 'secondary',
|
|
418
|
-
} }, h("input", { key: '
|
|
418
|
+
} }, h("input", { key: '26336c8cae0fa98a4afd3971c85d606bc19ef1d8', 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 }), h("div", { key: '81b4037332a2cd014499aab8e0a736f6b29466ad', class: "sr-only", "aria-live": "assertive", ref: (el) => {
|
|
419
419
|
this.ariaLiveElement = el;
|
|
420
|
-
} }), h("div", { key: '
|
|
420
|
+
} }), h("div", { key: '45076b1377c6ed50ca30bb54ea6813e0bbe86823', class: {
|
|
421
421
|
'tds-slider': true,
|
|
422
422
|
'disabled': this.disabled,
|
|
423
423
|
'tds-slider-small': this.useSmall,
|
|
424
424
|
}, ref: (el) => {
|
|
425
425
|
this.wrapperElement = el;
|
|
426
|
-
}, "aria-disabled": this.disabled ? 'true' : 'false' }, h("label", { key: '
|
|
426
|
+
}, "aria-disabled": this.disabled ? 'true' : 'false' }, h("label", { key: '986444a64e1254c9fe7e48d92439dfbf68e1cd9c', id: `${this.sliderId}-label`, class: this.showTickNumbers && 'offset' }, this.label), this.useInput && (h("div", { key: '78958c70f9f18a68e5a652cab122ce69390a7638', class: "tds-slider__input-values" }, h("div", { key: '7488b615ae3f989e89819418e95a0e50f6870f39', class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (h("div", { key: 'b13a12af4fa8b1256bff7df615f870295604fcb8', class: "tds-slider__controls" }, h("div", { key: '6d8f516d30ef263971969b2034d132e47254e7a8', class: "tds-slider__control tds-slider__control-minus", onClick: (event) => this.stepLeft(event), role: "button", "aria-label": "Decrease value", tabindex: this.disabled || this.readOnly ? '-1' : '0' }, h("tds-icon", { key: '29be5d68dc58887ca806d2e871e21abd49f8bc6b', name: "minus", size: "16px" })))), h("div", { key: '2082aa0ebf30e5e32c9d5f2dcfc092cf51f486f7', class: "tds-slider-inner", tabIndex: -1 }, this.tickValues.length > 0 && (h("div", { key: '78894f9a5ec898237bad37507ceb0e719829e835', class: "tds-slider__value-dividers-wrapper" }, h("div", { key: '28b5650b22efe479753a15585266daba70e8fe99', class: "tds-slider__value-dividers" }, this.tickValues.map((value) => (h("div", { class: "tds-slider__value-divider" }, this.showTickNumbers && h("span", null, value))))))), h("div", { key: '4c3345c0729d8b2fc8dc41d7d341649a3456e431', class: "tds-slider__track", ref: (el) => {
|
|
427
427
|
this.trackElement = el;
|
|
428
428
|
}, tabindex: this.disabled ? '-1' : '0', role: "presentation", onFocus: () => {
|
|
429
429
|
if (this.thumbElement) {
|
|
430
430
|
this.thumbElement.focus();
|
|
431
431
|
}
|
|
432
|
-
} }, h("div", { key: '
|
|
432
|
+
} }, h("div", { key: '93c0ab45f73c0c2ee8dbdaf75dcc0b36a5d8c5e6', class: "tds-slider__track-fill", ref: (el) => {
|
|
433
433
|
this.trackFillElement = el;
|
|
434
|
-
} }), h("div", { key: '
|
|
434
|
+
} }), h("div", { key: '0ad854c25663ba050dc1aedb737a209d43046e50', class: "tds-slider__thumb", ref: (el) => {
|
|
435
435
|
this.thumbElement = el;
|
|
436
|
-
}, 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": ariaLabel, tabindex: this.disabled ? '-1' : '0' }, this.tooltip && (h("div", { key: '
|
|
436
|
+
}, 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": ariaLabel, tabindex: this.disabled ? '-1' : '0' }, this.tooltip && (h("div", { key: 'b80b3f6e542820507f5b75cc458475ded9f3d917', class: "tds-slider__value" }, this.value, h("svg", { key: 'e3144dc00d812cb4ea7c2b1be1ac5e79e70d9022', width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '940b3dc10755cb6b66d793e1fe03201a4661dbfd', 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" })))), h("div", { key: 'a6da99482099afd5b4a36f51e43cd83184a80e4f', class: "tds-slider__thumb-inner", ref: (el) => {
|
|
437
437
|
this.thumbInnerElement = el;
|
|
438
|
-
} })))), this.useInput && (h("div", { key: '
|
|
438
|
+
} })))), this.useInput && (h("div", { key: 'c80e10049d55a5457ddbfdbccc107e26a48d44b1', class: "tds-slider__input-values" }, h("div", { key: '31892d55b7ffb5db331bbb273ff9ade5ff5ce187', class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), h("div", { key: '5cfd66b7016d413a52b884d61ba585e25e6d8e53', class: "tds-slider__input-field-wrapper" }, h("input", { key: '0110bd5e6bf77baf28e621145fa4b683b488ee62', size: this.calculateInputSizeFromMax(), class: "tds-slider__input-field", value: this.value, "aria-label": this.readOnly ? this.tdsReadOnlyAriaLabel : undefined, onBlur: (event) => this.updateSliderValueOnInputChange(event), onKeyDown: (event) => this.handleInputFieldEnterPress(event), type: "number", min: this.min, max: this.max, step: this.step })))), this.useControls && (h("div", { key: 'b4acf1abc7c3ec847e385ce3e71c396975efbbc0', class: "tds-slider__controls" }, h("div", { key: '41d053f1471824dc3e6acdd143dc15a3b29dcb62', class: "tds-slider__control tds-slider__control-plus", onClick: (event) => this.stepRight(event), role: "button", "aria-label": "Increase value", tabindex: this.disabled || this.readOnly ? '-1' : '0' }, h("tds-icon", { key: '9f78191d97f05e5e3ee1dc10243beb5435671116', name: "plus", size: "16px" })))))));
|
|
439
439
|
}
|
|
440
440
|
get host() { return getElement(this); }
|
|
441
441
|
static get watchers() { return {
|
|
@@ -10,7 +10,7 @@ const TdsSpinner = class {
|
|
|
10
10
|
this.variant = 'standard';
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h(Host, { key: '
|
|
13
|
+
return (h(Host, { key: '258284f4a0e66ef317ebf68f1e84535bf4525b2f', "aria-live": "assertive", role: "status", "aria-label": "loading" }, h("svg", { key: '4c5543d50a45c97f658d9328df8ed957d1e074c9', class: `tds-spinner-svg tds-spinner-svg-${this.size}`, "aria-hidden": "true" }, h("circle", { key: 'ccf4e40860c20df27d693e2c613a965278ac1d6c', class: `tds-spinner-circle tds-spinner-circle-${this.variant}` }))));
|
|
14
14
|
}
|
|
15
15
|
};
|
|
16
16
|
TdsSpinner.style = TdsSpinnerStyle0;
|
|
@@ -42,7 +42,7 @@ const TdsStep = class {
|
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
render() {
|
|
45
|
-
return (h(Host, { key: '
|
|
45
|
+
return (h(Host, { key: '63f48cb400926167cb53d6913e1b0edac574c2dc' }, h("div", { key: 'a9483ebdd03951cf1828cdac06ef86cd6b4e27ba', role: "listitem", "aria-disabled": this.state === 'upcoming' ? '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' : ''}` }, h("span", { key: 'a23c61ecdf87f217d94264e93318de8020e30fc7', class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (h("tds-icon", { "aria-hidden": "true", svgTitle: `tds-step-icon-${this.stepperId}`, class: 'tds-step-icon', name: this.state === 'success' ? 'tick' : 'warning', size: this.size === 'lg' ? '20px' : '16px' })) : (h("span", { "aria-hidden": "true", class: "index-container" }, this.index))), !this.hideLabels && (h("div", { key: '0366447fa1a632cc011de046eaf1577c30bca23f', "aria-hidden": "true", class: `label ${this.size} ${this.state}` }, h("slot", { key: '4cc352a04e2851c9517099a974451cc75ed4d87e', name: "label" }))))));
|
|
46
46
|
}
|
|
47
47
|
get el() { return getElement(this); }
|
|
48
48
|
};
|
|
@@ -86,11 +86,11 @@ const TdsTableBodyInputWrapper = class {
|
|
|
86
86
|
}
|
|
87
87
|
}
|
|
88
88
|
render() {
|
|
89
|
-
return (h(Host, { key: '
|
|
89
|
+
return (h(Host, { key: '9fabe030017ee975b37b1d0c26adbffa092bb739', class: {
|
|
90
90
|
'focused-input-wrapper': this.inputFocused,
|
|
91
91
|
'show-icon': this.showIcon,
|
|
92
92
|
'tds-table__compact': this.compactDesign,
|
|
93
|
-
} }, this.renderSlot && h("slot", { key: '
|
|
93
|
+
} }, this.renderSlot && h("slot", { key: 'bf8e229f4e82bf5cfff7f10e6a42122c55c571a3', onSlotchange: () => this.handleSlotChange() }), this.showIcon && h("tds-icon", { key: '1f03e14af874769b376c3fb3c631791d80bb8eef', class: "edit-icon", slot: "icon", size: "16px", name: "edit" })));
|
|
94
94
|
}
|
|
95
95
|
get host() { return getElement(this); }
|
|
96
96
|
};
|
|
@@ -100,26 +100,26 @@ const TdsTableBodyRowExpandable = class {
|
|
|
100
100
|
this.sendValue();
|
|
101
101
|
}
|
|
102
102
|
render() {
|
|
103
|
-
return (h(Host, { key: '
|
|
103
|
+
return (h(Host, { key: 'ce2f0459371d7b5ae0e61850a023eb550ea1918b', class: {
|
|
104
104
|
'tds-table__row': true,
|
|
105
105
|
'tds-table__row-expand--active': this.isExpanded,
|
|
106
106
|
'tds-table__compact': this.compactDesign,
|
|
107
107
|
'tds-table--divider': this.verticalDividers,
|
|
108
|
-
} }, h("tr", { key: '
|
|
108
|
+
} }, h("tr", { key: '945cc2da086748eeb743c2b953cbc2439187ff2a', id: `expandable-content-${this.rowId}`, class: {
|
|
109
109
|
'tds-table__row': true,
|
|
110
110
|
'tds-table__row--expanded': this.isExpanded,
|
|
111
|
-
}, part: "row" }, h("td", { key: '
|
|
111
|
+
}, part: "row" }, h("td", { key: 'f6ef8298bf105ca9d2f3370f82ac374237b67a41', class: {
|
|
112
112
|
'tds-table__cell-expand': true,
|
|
113
|
-
} }, h("label", { key: '
|
|
113
|
+
} }, h("label", { key: '9952502bf560b48421ee37ae122ece5f0da3ef97', class: "tds-table__expand-control-container" }, h("input", { key: 'a7369527c6b2ef079837c63b22274dda8e62fefc', class: "tds-table__expand-input", type: "checkbox", onChange: (event) => this.onChangeHandler(event), checked: this.isExpanded, "aria-expanded": this.isExpanded ? 'true' : 'false', "aria-controls": `expandable-content-${this.rowId}`, "aria-label": this.tdsAriaLabelExpandButton }), h("span", { key: 'de8cc51db3ea6d5ff6936fe34664d5d96fc60ab3', class: "tds-expendable-row-icon" }, h("svg", { key: '62b247929999b2a01f05592826835bd70048d370', fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: '843c725fd0f9404752d4f4e7694c342f44f687c5', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z", fill: "currentColor" }))))), h("slot", { key: '210f15581be86a7b1ec185eddb3127052011b5dd' })), h("tr", { key: 'e5093efd395986a9756d8642e9df1acf61102bae', class: {
|
|
114
114
|
'tds-table__row-expand': true,
|
|
115
115
|
'tds-table__row-expand--expanded': this.isExpanded,
|
|
116
|
-
}, part: "expand-row" }, h("td", { key: '
|
|
116
|
+
}, part: "expand-row" }, h("td", { key: 'e3c982507e9a9e9d188c546d28b2eaf1a35ea483', class: {
|
|
117
117
|
'tds-table__cell-expand': true,
|
|
118
118
|
'tds-table__cell-expand--overflow-hidden': this.overflow === 'hidden',
|
|
119
119
|
'tds-table__cell-expand--overflow-visible': this.overflow === 'visible',
|
|
120
|
-
}, part: "expand-row-cell", colSpan: this.columnsNumber }, h("div", { key: '
|
|
120
|
+
}, part: "expand-row-cell", colSpan: this.columnsNumber }, h("div", { key: 'f56682afa6d59fd03d42526859309e286458b539', style: {
|
|
121
121
|
overflow: this.overflow,
|
|
122
|
-
} }, h("slot", { key: '
|
|
122
|
+
} }, h("slot", { key: '722cbdebb09838b5e1ea045f6d3066d24368e419', name: "expand-row" }))))));
|
|
123
123
|
}
|
|
124
124
|
get host() { return getElement(this); }
|
|
125
125
|
static get watchers() { return {
|
|
@@ -72,13 +72,13 @@ const TdsTableBodyRow = class {
|
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
74
|
render() {
|
|
75
|
-
return (h(Host, { key: '
|
|
75
|
+
return (h(Host, { key: '7ba4597616440e7767243890c79864259f494809', tabindex: this.clickable ? '0' : null, class: {
|
|
76
76
|
'tds-table__row': true,
|
|
77
77
|
'tds-table__row--selected': this.selected,
|
|
78
78
|
'tds-table__compact': this.compactDesign,
|
|
79
79
|
'tds-table--divider': this.verticalDividers,
|
|
80
80
|
'tds-table__row--clickable': this.clickable,
|
|
81
|
-
}, onClick: (e) => this.handleRowClick(e), onKeyDown: (e) => this.handleKeyDown(e), role: "row" }, this.multiselect && (h("td", { key: '
|
|
81
|
+
}, onClick: (e) => this.handleRowClick(e), onKeyDown: (e) => this.handleKeyDown(e), role: "row" }, this.multiselect && (h("td", { key: 'd21a3062ed62bf5f3ecfbcf0fdecf09164b51a2f', class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: 'c77ff16d0a994cc06ea7cb2268e519b86d64f085', onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), h("slot", { key: 'f17bed1fc5675e091e18d51745f654189773f11d' })));
|
|
82
82
|
}
|
|
83
83
|
get host() { return getElement(this); }
|
|
84
84
|
};
|
|
@@ -62,12 +62,12 @@ const TdsTableBody = class {
|
|
|
62
62
|
}
|
|
63
63
|
}
|
|
64
64
|
render() {
|
|
65
|
-
return (h(Host, { key: '
|
|
65
|
+
return (h(Host, { key: '1a7e07924ed9f36b8c4359789148963ab3851ae7', "data-selected-rows": this.multiselectArrayJSON, class: {
|
|
66
66
|
'tds-table--zebra-mode-rows-odd': this.zebraMode === 'rows-odd',
|
|
67
67
|
'tds-table--zebra-mode-rows-even': this.zebraMode === 'rows-even',
|
|
68
68
|
'tds-table--zebra-mode-columns-odd': this.zebraMode === 'columns-odd',
|
|
69
69
|
'tds-table--zebra-mode-columns-even': this.zebraMode === 'columns-even',
|
|
70
|
-
} }, h("slot", { key: '
|
|
70
|
+
} }, h("slot", { key: 'a8da63114252a56f50b4823baf90a9eae0eb414b' })));
|
|
71
71
|
}
|
|
72
72
|
get host() { return getElement(this); }
|
|
73
73
|
};
|
|
@@ -133,12 +133,12 @@ const TdsTableFooter = class {
|
|
|
133
133
|
}
|
|
134
134
|
render() {
|
|
135
135
|
var _a;
|
|
136
|
-
return (h(Host, { key: '
|
|
136
|
+
return (h(Host, { key: 'ef10157de8bd21d020eab709b8b1cfbd0497cf12', class: {
|
|
137
137
|
'tds-table--compact': this.compactDesign,
|
|
138
138
|
'footer__horizontal-scroll': !!this.horizontalScrollWidth,
|
|
139
|
-
}, style: this.getStyles() }, h("tr", { key: '
|
|
139
|
+
}, style: this.getStyles() }, h("tr", { key: '25987ea6cf6cdb1116fa1a18303553e168675a26', class: "tds-table__footer-row" }, h("td", { key: 'dc2e516eb866d3f8618593cb902b1616be26702e', class: "tds-table__footer-cell", colSpan: this.columnsNumber }, this.pagination && (h("div", { key: '1f72626867f49dd3dfb6a75d1c5c9ae442a5dca0', class: "tds-table__pagination" }, h("div", { key: '46c99c1e03eaa2c72b01b5476097f67542dcf873', class: "tds-table__row-selector" }, this.rowsperpage && ((_a = this.rowsPerPageValues) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("div", { key: '4126adc0bc4629e7f9244c5f74fa9c03b8ca9475', class: "rows-per-page" }, h("p", { key: '795fe282730d46353c66c3aca916760d7bf5ad56' }, "Rows per page"), h("tds-dropdown", { key: '43e70ffc5418c48d87fb69c7b070d84ac78b4a2e', modeVariant: "secondary", id: "rows-dropdown", class: "page-dropdown", size: "xs", defaultValue: `${this.rowsPerPageValues[0]}`, onTdsChange: (event) => this.rowsPerPageChange(event) }, this.rowsPerPageValues.map((value) => {
|
|
140
140
|
return (h("tds-dropdown-option", { value: `${value}` }, value));
|
|
141
|
-
}))))), h("div", { key: '
|
|
141
|
+
}))))), h("div", { key: '8e5ad50f7acde8786633ae3e1bfc743e3dcff64c', class: "tds-table__page-selector" }, h("input", { key: 'fd91b13f5c9c9ef0a6ecce7613cf9e1805c90a60', ref: (element) => (this.inputElement = element), class: "tds-table__page-selector-input", type: "number", min: "1", max: this.pages, value: this.paginationValue, pattern: "[0-9]+", dir: "rtl", onChange: (event) => this.paginationInputChange(event), onAnimationEnd: removeShakeAnimation }), h("p", { key: '6a14f3235cf6d95e7b733b424c94a91304ea9a6e', class: "tds-table__footer-text" }, "of ", h("span", { key: 'b844edce0c9d68ba0a4b3bcf95be7b6acbb17616' }, this.pages), " pages"), h("button", { key: 'f808fa27c7ce60ec963355442550b2ee4b684254', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.firstPage() }, h("tds-icon", { key: '8b795215e40ff0f5dffd3c053c791b9bc19035aa', name: "skip_backwards", size: "20px" })), h("button", { key: 'f30422518268f30195f8411b70c91dd58cd8ea3c', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.previousPage() }, h("tds-icon", { key: '2d024cea17fd5a7e021fc0c7e244ffaecdb10062', name: "chevron_left", size: "20px" })), h("button", { key: 'c6e8733c92c9d36fe807916c1af69e2f0e3a9604', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.nextPage() }, h("tds-icon", { key: '23e0c5bd4c97ded51a5d346e1492997dedf77fa5', name: "chevron_right", size: "20px" })), h("button", { key: '81fcc39bbf208f610d06151614c90fbd0bb1951e', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.lastPage() }, h("tds-icon", { key: 'ce19da46b8345c9ceb69ff2e775a85d78ad3b6fb', name: "skip_forward", size: "20px" })))))))));
|
|
142
142
|
}
|
|
143
143
|
get host() { return getElement(this); }
|
|
144
144
|
};
|
|
@@ -68,7 +68,7 @@ const TdsTableHeaderInputWrapper = class {
|
|
|
68
68
|
}
|
|
69
69
|
}
|
|
70
70
|
render() {
|
|
71
|
-
return (h(Host, { key: '
|
|
71
|
+
return (h(Host, { key: '13e05f7cd1dbe0a06611ffacc4e4b842d6469eba', class: {
|
|
72
72
|
'focused-input-wrapper': this.inputFocused,
|
|
73
73
|
'show-icon': this.showIcon,
|
|
74
74
|
'tds-table__compact': this.compactDesign,
|
|
@@ -85,11 +85,11 @@ const TdsTableHeaderRow = class {
|
|
|
85
85
|
});
|
|
86
86
|
}
|
|
87
87
|
render() {
|
|
88
|
-
return (h(Host, { key: '
|
|
88
|
+
return (h(Host, { key: '75f1971a9e5da0235c05bd6df404e00ef5e00ebe', class: {
|
|
89
89
|
'tds-table--compact': this.compactDesign,
|
|
90
90
|
'tds-table--divider': this.verticalDividers,
|
|
91
91
|
'tds-table--toolbar-available': this.enableToolbarDesign,
|
|
92
|
-
} }, h("tr", { key: '
|
|
92
|
+
} }, h("tr", { key: 'b5a11da2da4150e10670bd337d54a52ff374f0c4' }, this.multiselect && (h("th", { key: '4e3306cac508165e6275f1d25003ded464f46d96', class: "tds-table__header-cell tds-table__header-cell--checkbox" }, h("div", { key: '3a56745e002253a5c5600f84c1ca5079a7f3b337', class: "tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: 'fdcaf57c308efe9fef3ac0769903cd0803b48b71', checked: this.allSelected || this.selected, disabled: this.disabled, indeterminate: this.indeterminate, onTdsChange: (event) => this.handleCheckboxChange(event) })))), this.expandableRows && (h("th", { key: 'fa98bc0ad7ae71ab5e0dc68aee1d75ca36b1e83a', class: "tds-table__header-cell tds-table__header-cell--checkbox" })), h("slot", { key: '0b5f62c41e92984f42db820a57a89be2f5a57993' }))));
|
|
93
93
|
}
|
|
94
94
|
get host() { return getElement(this); }
|
|
95
95
|
};
|
|
@@ -70,10 +70,10 @@ const TdsTableToolbar = class {
|
|
|
70
70
|
return styles;
|
|
71
71
|
}
|
|
72
72
|
render() {
|
|
73
|
-
return (h(Host, { key: '
|
|
73
|
+
return (h(Host, { key: '7b33de1426988b4bf97d3856c135945859783b6f', class: {
|
|
74
74
|
'tds-table--compact': this.compactDesign,
|
|
75
75
|
'toolbar__horizontal-scroll': !!this.horizontalScrollWidth,
|
|
76
|
-
}, style: this.getStyles(), "aria-labelledby": "table-toolbar-title" }, h("div", { key: '
|
|
76
|
+
}, style: this.getStyles(), "aria-labelledby": "table-toolbar-title" }, h("div", { key: '7c176540ee9476479de7a818de7f46258c94142d', class: "tds-table__upper-bar-flex" }, h("div", { key: '95eef4de54dd8d5507354f695b8420a4951f4c1b', class: "tds-table__actionbar-left" }, this.tableTitle && (h("caption", { key: 'c58973635367598d3f8b4a52881003157381d94a', id: "table-toolbar-title", class: "tds-table__title" }, this.tableTitle)), h("slot", { key: 'e39d96b2f21a7f1645041acbd99b618debde089e', name: "start" })), h("div", { key: '24df42114518c53b2ed16376272207d02a8631d8', class: "tds-table__actionbar" }, this.filter && (h("div", { key: '58860c836dfd8baecb98f9ee494c34a542bde347', class: "tds-table__searchbar" }, h("input", { key: '418e9cbc47efa12dbef046b08adb4ef676b1b9ca', class: "tds-table__searchbar-input", type: "text", onKeyUp: (event) => this.handleSearch(event), "aria-label": this.tdsSearchAriaLabel }), h("span", { key: '6c090c782535c42fd0e7ccd439835f550ddfaa0b', class: "tds-table__searchbar-icon" }, h("tds-icon", { key: 'e0e115652f69cc8a39d77b2e81f94e7789d868e6', name: "search", size: "20px" })))), h("slot", { key: '50e519e153bcb2d3a56303171e9db06c47735dd6', name: "end" })))));
|
|
77
77
|
}
|
|
78
78
|
get host() { return getElement(this); }
|
|
79
79
|
};
|
|
@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
|
|
|
2
2
|
import { h as hasSlot } from './hasSlot-d52114d0.js';
|
|
3
3
|
import { g as generateUniqueId } from './generateUniqueId-7934d315.js';
|
|
4
4
|
|
|
5
|
-
const textFieldCss = ".text-field-input.sc-tds-text-field{all:unset;border-radius:var(--text-field-border-radius);background-color:var(--text-field-background);color:var(--text-field-text);width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;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)}.text-field-input.sc-tds-text-field::placeholder{color:var(--text-field-placeholder)}.text-field-input.sc-tds-text-field:disabled{background-color:var(--text-field-background-disabled);color:var(--text-field-text-disabled);user-select:none;pointer-events:none}.text-field-input.sc-tds-text-field:disabled::placeholder{color:var(--text-field-placeholder-disabled)}.text-field-input.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--text-field-label-disabled)}.text-field-input-lg.sc-tds-text-field{padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.text-field-input-md.sc-tds-text-field{padding:var(--tds-spacing-element-16)}.text-field-input-sm.sc-tds-text-field{padding:var(--tds-spacing-element-16)}.text-field-container.sc-tds-text-field{box-shadow:var(--text-field-box-shadow);border-radius:var(--text-field-border-radius);display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--text-field-background);transition:box-shadow 200ms ease}.text-field-container.sc-tds-text-field:hover{box-shadow:var(--text-field-box-shadow-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-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(--text-field-text)}.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);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--text-field-label)}.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);position:absolute;pointer-events:none;color:var(--text-field-label-inside);left:16px}.text-field-label-inside-placeholder.sc-tds-text-field{color:var(--text-field-placeholder)}.form-text-field.sc-tds-text-field{padding-bottom:1px}.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::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(--text-field-placeholder)}.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-md.sc-tds-text-field,.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-md.sc-tds-text-field::placeholder,.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-md.sc-tds-text-field .sc-tds-text-field::placeholder,.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-md.sc-tds-text-field:focus::placeholder,.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(--text-field-placeholder)}.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,.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.text-field-focus.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-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);transition:0.1s ease all}.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-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-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-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{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{top:12px}.text-field-bar.sc-tds-text-field{position:relative;width:100%;left:0;z-index:1}.text-field-bar.sc-tds-text-field::after{background:var(--text-field-bar-focus);content:\"\";height:2px;width:100%;bottom:0;position:absolute;transform:scaleX(0);transition:0.35s ease transform}.form-text-field.text-field-focus.sc-tds-text-field .text-field-container.sc-tds-text-field{outline:var(--text-field-focus-outline);outline-offset:var(--text-field-focus-outline-offset)}.form-text-field.text-field-focus.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{transform:scaleX(1)}.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);color:var(--text-field-helper);padding-top:var(--tds-spacing-element-4);display:flex;gap:8px;justify-content:space-between;flex-basis:100%}.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 .text-field-container.sc-tds-text-field{cursor:not-allowed;box-shadow:none}.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-prefix.sc-tds-text-field>*.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-suffix.sc-tds-text-field>*.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{color:var(--text-field-affix-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-label-inside.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-helper.sc-tds-text-field{color:var(--text-field-label-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-input.sc-tds-text-field{background-color:var(--text-field-background-disabled)}.text-field-icon__readonly.sc-tds-text-field{display:none;position:absolute;right:18px;top:50%;transform:translateY(-50%)}.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-bottom-color:var(--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{box-shadow:var(--text-field-box-shadow-success)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-helper.sc-tds-text-field{color:var(--text-field-helper-error)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{box-shadow:var(--text-field-box-shadow-error)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-bar.sc-tds-text-field::before,.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-bar.sc-tds-text-field::after{background:var(--text-field-bar-error)}.text-field-focus.form-text-field-error.sc-tds-text-field .text-field-container.sc-tds-text-field{outline:var(--text-field-focus-outline-error);outline-offset:var(--text-field-focus-outline-offset)}.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(--text-field-textcounter-disabled)}.text-field-textcounter.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);color:var(--text-field-textcounter);float:right}.text-field-textcounter.text-field-textcounter-disabled.sc-tds-text-field{color:var(--text-field-textcounter-disabled)}.text-field-textcounter.text-field-textcounter-divider.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);color:var(--text-field-textcounter-divider)}.text-field-textcounter.text-field-textcounter-divider-disabled.sc-tds-text-field{color:var(--text-field-textcounter-divider)}.text-field-slot-wrap-prefix.sc-tds-text-field,.text-field-slot-wrap-suffix.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);color:var(--text-field-affix);align-self:center;margin:0 0 0 14px}.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(--text-field-affix-error)}.text-field-slot-wrap-suffix.sc-tds-text-field{margin:0 14px 0 0}.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 2px 0 0}";
|
|
5
|
+
const textFieldCss = ".sc-tds-text-field-h{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body.sc-tds-text-field{scrollbar-width:thin}@keyframes tds-shake-animation{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.text-field-input.sc-tds-text-field{all:unset;border-radius:var(--text-field-border-radius);background-color:var(--text-field-background);color:var(--text-field-text);width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;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)}.text-field-input.sc-tds-text-field::placeholder{color:var(--text-field-placeholder)}.text-field-input.sc-tds-text-field:disabled{background-color:var(--text-field-background-disabled);color:var(--text-field-text-disabled);user-select:none;pointer-events:none}.text-field-input.sc-tds-text-field:disabled::placeholder{color:var(--text-field-placeholder-disabled)}.text-field-input.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--text-field-label-disabled)}.text-field-input-lg.sc-tds-text-field{padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.text-field-input-md.sc-tds-text-field{padding:var(--tds-spacing-element-16)}.text-field-input-sm.sc-tds-text-field{padding:var(--tds-spacing-element-16)}.text-field-container.sc-tds-text-field{box-shadow:var(--text-field-box-shadow);border-radius:var(--text-field-border-radius);display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--text-field-background);transition:box-shadow 200ms ease}.text-field-container.sc-tds-text-field:hover{box-shadow:var(--text-field-box-shadow-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-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(--text-field-text)}.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);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--text-field-label)}.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);position:absolute;pointer-events:none;color:var(--text-field-label-inside);left:16px}.text-field-label-inside-placeholder.sc-tds-text-field{color:var(--text-field-placeholder)}.form-text-field.sc-tds-text-field{padding-bottom:1px}.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::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(--text-field-placeholder)}.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-md.sc-tds-text-field,.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-md.sc-tds-text-field::placeholder,.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-md.sc-tds-text-field .sc-tds-text-field::placeholder,.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-md.sc-tds-text-field:focus::placeholder,.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(--text-field-placeholder)}.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,.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.text-field-focus.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-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);transition:0.1s ease all}.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-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-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-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{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{top:12px}.text-field-bar.sc-tds-text-field{position:relative;width:100%;left:0;z-index:1}.text-field-bar.sc-tds-text-field::after{background:var(--text-field-bar-focus);content:\"\";height:2px;width:100%;bottom:0;position:absolute;transform:scaleX(0);transition:0.35s ease transform}.form-text-field.text-field-focus.sc-tds-text-field .text-field-container.sc-tds-text-field{outline:var(--text-field-focus-outline);outline-offset:var(--text-field-focus-outline-offset)}.form-text-field.text-field-focus.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{transform:scaleX(1)}.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);color:var(--text-field-helper);padding-top:var(--tds-spacing-element-4);display:flex;gap:8px;justify-content:space-between;flex-basis:100%}.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 .text-field-container.sc-tds-text-field{cursor:not-allowed;box-shadow:none}.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-prefix.sc-tds-text-field>*.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-suffix.sc-tds-text-field>*.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{color:var(--text-field-affix-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-label-inside.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-helper.sc-tds-text-field{color:var(--text-field-label-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-input.sc-tds-text-field{background-color:var(--text-field-background-disabled)}.text-field-icon__readonly.sc-tds-text-field{display:none;position:absolute;right:18px;top:50%;transform:translateY(-50%)}.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-bottom-color:var(--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{box-shadow:var(--text-field-box-shadow-success)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-helper.sc-tds-text-field{color:var(--text-field-helper-error)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{box-shadow:var(--text-field-box-shadow-error)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-bar.sc-tds-text-field::before,.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-bar.sc-tds-text-field::after{background:var(--text-field-bar-error)}.text-field-focus.form-text-field-error.sc-tds-text-field .text-field-container.sc-tds-text-field{outline:var(--text-field-focus-outline-error);outline-offset:var(--text-field-focus-outline-offset)}.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(--text-field-textcounter-disabled)}.text-field-textcounter.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);color:var(--text-field-textcounter);float:right}.text-field-textcounter.text-field-textcounter-disabled.sc-tds-text-field{color:var(--text-field-textcounter-disabled)}.text-field-textcounter.text-field-textcounter-divider.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);color:var(--text-field-textcounter-divider)}.text-field-textcounter.text-field-textcounter-divider-disabled.sc-tds-text-field{color:var(--text-field-textcounter-divider)}.text-field-slot-wrap-prefix.sc-tds-text-field,.text-field-slot-wrap-suffix.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);color:var(--text-field-affix);align-self:center;margin:0 0 0 14px}.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(--text-field-affix-error)}.text-field-slot-wrap-suffix.sc-tds-text-field{margin:0 14px 0 0}.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 2px 0 0}";
|
|
6
6
|
const TdsTextFieldStyle0 = textFieldCss;
|
|
7
7
|
|
|
8
8
|
const TdsTextField = class {
|
|
@@ -81,7 +81,7 @@ const TdsTextField = class {
|
|
|
81
81
|
var _a;
|
|
82
82
|
const usesPrefixSlot = hasSlot('prefix', this.host);
|
|
83
83
|
const usesSuffixSlot = hasSlot('suffix', this.host);
|
|
84
|
-
return (h("div", { key: '
|
|
84
|
+
return (h("div", { key: '8755d2f9fbbae4ba86587d0ff759b303a8933c87', class: {
|
|
85
85
|
'form-text-field': true,
|
|
86
86
|
'form-text-field-nomin': this.noMinWidth,
|
|
87
87
|
'text-field-focus': this.focusInput && !this.disabled,
|
|
@@ -99,12 +99,12 @@ const TdsTextField = class {
|
|
|
99
99
|
'form-text-field-sm': this.size === 'sm',
|
|
100
100
|
'form-text-field-error': this.state === 'error',
|
|
101
101
|
'form-text-field-success': this.state === 'success',
|
|
102
|
-
} }, this.labelPosition === 'outside' && (h("div", { key: '
|
|
102
|
+
} }, this.labelPosition === 'outside' && (h("div", { key: '5ea1087cce259d7fa7831520cfad2b61eb2b6977', class: "text-field-label-outside" }, h("label", { key: 'aa93180025a17cdd68c53a62c0f92d9c608a2fd4', htmlFor: `text-field-input-element-${this.uuid}` }, this.label))), h("div", { key: '7eea38fdd39d7a5d409595eff4831352316bbd06', onClick: () => this.textInput.focus(), class: "text-field-container" }, usesPrefixSlot && (h("div", { key: 'bf93437bf95aefc5c458182bffdc28bae2e39204', class: {
|
|
103
103
|
'text-field-slot-wrap-prefix': true,
|
|
104
104
|
'text-field-error': this.state === 'error',
|
|
105
105
|
'text-field-success': this.state === 'success',
|
|
106
106
|
'text-field-default': this.state === 'default',
|
|
107
|
-
} }, h("slot", { key: '
|
|
107
|
+
} }, h("slot", { key: '1c29047bfcce9bc92bab6d0805a4490fb8f3b1b0', name: "prefix" }))), h("div", { key: '2c3eb1a0a58deecf78ae84c040e34ca26b891dee', class: "text-field-input-container" }, h("input", { key: 'cd537efca0ae390d6a72f5d17df89c5b9e79872a', ref: (inputEl) => {
|
|
108
108
|
this.textInput = inputEl;
|
|
109
109
|
}, class: {
|
|
110
110
|
'text-field-input': true,
|
|
@@ -119,16 +119,16 @@ const TdsTextField = class {
|
|
|
119
119
|
if (!this.readOnly) {
|
|
120
120
|
this.handleBlur(event);
|
|
121
121
|
}
|
|
122
|
-
}, "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}` }), this.labelPosition === 'inside' && this.size !== 'sm' && (h("label", { key: '
|
|
122
|
+
}, "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}` }), this.labelPosition === 'inside' && this.size !== 'sm' && (h("label", { key: 'd211a62fdc2f3eb1d343eb27dd728554132a6664', class: {
|
|
123
123
|
'text-field-label-inside': true,
|
|
124
124
|
'text-field-label-inside-placeholder': this.placeholder === '',
|
|
125
|
-
}, htmlFor: `text-field-input-element-${this.uuid}` }, this.label))), usesSuffixSlot && (h("div", { key: '
|
|
125
|
+
}, htmlFor: `text-field-input-element-${this.uuid}` }, this.label))), usesSuffixSlot && (h("div", { key: '189eecde9dace623bf724220ac1c9fc3f024c7a3', class: {
|
|
126
126
|
'text-field-slot-wrap-suffix': true,
|
|
127
127
|
'text-field-error': this.state === 'error',
|
|
128
128
|
'text-field-success': this.state === 'success',
|
|
129
129
|
'text-field-default': this.state === 'default',
|
|
130
130
|
'tds-u-display-none': this.readOnly,
|
|
131
|
-
} }, h("slot", { key: '
|
|
131
|
+
} }, h("slot", { key: '14aba4f9a131fed1b71317dc6e167923fc4dfb30', name: "suffix" }))), this.readOnly && !this.hideReadOnlyIcon && (h("span", { key: '923b49e0906c68e29e4d2ef7f0f74a52a29d0c9d', class: "text-field-icon__readonly" }, h("tds-tooltip", { key: '30651b869b7618edfc99d70da97386a875a456f0', placement: "top-end", text: "This field is non-editable", selector: "#readonly-tooltip" }), h("tds-icon", { key: 'e9d4f090f8de0be64567e21ff998bd9c152f69e8', id: "readonly-tooltip", name: "edit_inactive", size: "20px" })))), h("div", { key: '8b04bf35b202ae1023025bf84eaf2b185f1511ec', class: "text-field-bar" }), h("div", { key: 'd607d23d4f3559e9655cf65b4146ade9cec96174', "aria-live": "assertive" }, (this.helper || this.maxLength > 0) && (h("div", { key: 'e6bd818f42a23ba0b9e23c6379748efd2c80faae', class: "text-field-helper", id: `text-field-helper-element-${this.uuid}` }, this.state === 'error' && (h("div", { key: '6646975561f9f59017b648f50cf7384bdbced8b2', class: "text-field-helper-error-state" }, !this.readOnly && h("tds-icon", { key: 'ff633a41fec84da6b59ee3896d4cd7e60932c9e6', name: "error", size: "16px" }), this.helper)), this.state !== 'error' && this.helper, !this.readOnly && this.maxLength > 0 && (h("span", { key: '01295a87689d2a535b86d1f83753958adb0a3a3b', class: {
|
|
132
132
|
'text-field-textcounter-divider': true,
|
|
133
133
|
'text-field-textcounter-disabled': this.disabled,
|
|
134
134
|
} }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, " / ", this.maxLength)))))));
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h } from './index-51d04e39.js';
|
|
2
2
|
import { g as generateUniqueId } from './generateUniqueId-7934d315.js';
|
|
3
3
|
|
|
4
|
-
const textareaCss = ".textarea-container.sc-tds-textarea{border-radius:var(--textarea-border-radius);position:relative;box-sizing:border-box;height:auto;width:100%;min-width:208px;display:inline-flex;background-color:transparent;flex-flow:row wrap;border-bottom:0}.textarea-container.no-min-width.sc-tds-textarea{min-width:unset}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea{padding-bottom:1px;position:relative;width:unset;min-width:100%}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{background:var(--textarea-bar);content:\"\";height:2px;width:100%;bottom:0;position:absolute;transform:scaleX(0);transition:0.35s ease transform}.textarea-input.sc-tds-textarea{width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--textarea-text);background-color:var(--textarea-background);border-radius:var(--textarea-border-radius);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);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;box-shadow:var(--textarea-box-shadow);transition:box-shadow 200ms ease}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--textarea-placeholder)}.textarea-input.sc-tds-textarea:disabled{background-color:var(--textarea-disabled-background);color:var(--textarea-disabled-text);cursor:not-allowed}.textarea-input.sc-tds-textarea:disabled::placeholder{color:var(--textarea-disabled-placeholder)}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{box-shadow:var(--textarea-box-shadow-hover)}.textarea-resizer-icon.sc-tds-textarea{color:var(--textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block}.textarea-label.sc-tds-textarea{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);display:block;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--textarea-label)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{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);transition:0.1s ease all;color:var(--textarea-label-inside);position:absolute;top:var(--tds-spacing-element-20);left:var(--tds-spacing-element-16)}.textarea-container.textarea-label-inside.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--textarea-disabled-label)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea .sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea:focus::placeholder{transition:color 0.35s ease;color:var(--textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{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);top:var(--tds-spacing-element-8)}.textarea-container.textarea-focus.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{transform:scaleX(1)}.textarea-container.textarea-focus.sc-tds-textarea .textarea-input.sc-tds-textarea{outline:var(--textarea-focus-outline);outline-offset:var(--textarea-focus-outline-offset)}.textarea-container.textarea-focus.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{outline:var(--textarea-focus-outline-error);outline-offset:var(--textarea-focus-outline-offset)}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{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);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{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(--textarea-textcounter);float:right;flex-basis:100%;text-align:right;padding-top:var(--tds-spacing-element-4)}.textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{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(--textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{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);display:flex;gap:8px;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--textarea-helper);flex-grow:2;flex-basis:auto}.textarea-helper.sc-tds-textarea~.textarea-textcounter.sc-tds-textarea{flex-basis:auto}.textarea-success.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-error)}.textarea-error.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{background:var(--textarea-bar-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--textarea-helper-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-disabled);pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--textarea-disabled-label)}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-resizer-icon.sc-tds-textarea{background-color:var(--textarea-background-secondary)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-read-only)}.textarea-readonly.sc-tds-textarea .textfield-container.sc-tds-textarea{background-color:transparent}.textarea-readonly.sc-tds-textarea:has(.textarea-icon__readonly) .textarea-input.sc-tds-textarea{padding-right:54px}";
|
|
4
|
+
const textareaCss = ".sc-tds-textarea-h{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body.sc-tds-textarea{scrollbar-width:thin}@keyframes tds-shake-animation{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.textarea-container.sc-tds-textarea{border-radius:var(--textarea-border-radius);position:relative;box-sizing:border-box;height:auto;width:100%;min-width:208px;display:inline-flex;background-color:transparent;flex-flow:row wrap;border-bottom:0}.textarea-container.no-min-width.sc-tds-textarea{min-width:unset}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea{padding-bottom:1px;position:relative;width:unset;min-width:100%}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{background:var(--textarea-bar);content:\"\";height:2px;width:100%;bottom:0;position:absolute;transform:scaleX(0);transition:0.35s ease transform}.textarea-input.sc-tds-textarea{width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--textarea-text);background-color:var(--textarea-background);border-radius:var(--textarea-border-radius);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);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;box-shadow:var(--textarea-box-shadow);transition:box-shadow 200ms ease}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--textarea-placeholder)}.textarea-input.sc-tds-textarea:disabled{background-color:var(--textarea-disabled-background);color:var(--textarea-disabled-text);cursor:not-allowed}.textarea-input.sc-tds-textarea:disabled::placeholder{color:var(--textarea-disabled-placeholder)}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{box-shadow:var(--textarea-box-shadow-hover)}.textarea-resizer-icon.sc-tds-textarea{color:var(--textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block}.textarea-label.sc-tds-textarea{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);display:block;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--textarea-label)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{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);transition:0.1s ease all;color:var(--textarea-label-inside);position:absolute;top:var(--tds-spacing-element-20);left:var(--tds-spacing-element-16)}.textarea-container.textarea-label-inside.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--textarea-disabled-label)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea .sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea:focus::placeholder{transition:color 0.35s ease;color:var(--textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{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);top:var(--tds-spacing-element-8)}.textarea-container.textarea-focus.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{transform:scaleX(1)}.textarea-container.textarea-focus.sc-tds-textarea .textarea-input.sc-tds-textarea{outline:var(--textarea-focus-outline);outline-offset:var(--textarea-focus-outline-offset)}.textarea-container.textarea-focus.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{outline:var(--textarea-focus-outline-error);outline-offset:var(--textarea-focus-outline-offset)}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{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);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{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(--textarea-textcounter);float:right;flex-basis:100%;text-align:right;padding-top:var(--tds-spacing-element-4)}.textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{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(--textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{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);display:flex;gap:8px;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--textarea-helper);flex-grow:2;flex-basis:auto}.textarea-helper.sc-tds-textarea~.textarea-textcounter.sc-tds-textarea{flex-basis:auto}.textarea-success.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-error)}.textarea-error.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{background:var(--textarea-bar-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--textarea-helper-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed;background-color:var(--textarea-disabled-background)}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-disabled);pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--textarea-disabled-label)}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-resizer-icon.sc-tds-textarea{background-color:var(--textarea-background-secondary)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-input.sc-tds-textarea{box-shadow:var(--textarea-box-shadow-read-only)}.textarea-readonly.sc-tds-textarea .textfield-container.sc-tds-textarea{background-color:transparent}.textarea-readonly.sc-tds-textarea:has(.textarea-icon__readonly) .textarea-input.sc-tds-textarea{padding-right:54px}";
|
|
5
5
|
const TdsTextareaStyle0 = textareaCss;
|
|
6
6
|
|
|
7
7
|
const TdsTextarea = class {
|
|
@@ -74,7 +74,7 @@ const TdsTextarea = class {
|
|
|
74
74
|
}
|
|
75
75
|
render() {
|
|
76
76
|
var _a;
|
|
77
|
-
return (h("div", { key: '
|
|
77
|
+
return (h("div", { key: '35a6da35824ae7f4e4ded6ccfcf3e5a49d0b4ced', class: {
|
|
78
78
|
'textarea-container': true,
|
|
79
79
|
'textarea-focus': this.focusInput,
|
|
80
80
|
'textarea-label-inside': this.labelPosition === 'inside',
|
|
@@ -84,7 +84,7 @@ const TdsTextarea = class {
|
|
|
84
84
|
'textarea-data': this.value !== '',
|
|
85
85
|
[`textarea-${this.state}`]: this.state === 'error' || this.state === 'success',
|
|
86
86
|
'no-min-width': this.noMinWidth,
|
|
87
|
-
} }, this.labelPosition !== 'no-label' && (h("label", { key: '
|
|
87
|
+
} }, this.labelPosition !== 'no-label' && (h("label", { key: 'e61160d9391ac45df69d7766e02fddb80be1393a', htmlFor: `textarea-element-${this.uuid}`, class: 'textarea-label' }, this.label)), h("div", { key: '5c7d291894b8fd203a1a2c5eb63dd2fd79443d72', class: "textarea-wrapper" }, h("textarea", { key: 'c4b24b7095b7cc5eb9b99389a137ceeed5c3ce08', id: `textarea-element-${this.uuid}`, class: "textarea-input", ref: (inputEl) => {
|
|
88
88
|
this.textEl = inputEl;
|
|
89
89
|
}, disabled: this.disabled, readonly: !this.disabled && this.readOnly, placeholder: this.placeholder, value: this.value, name: this.name, autofocus: this.autofocus, maxlength: this.maxLength, cols: this.cols, rows: this.rows, onFocus: (event) => {
|
|
90
90
|
if (!this.readOnly) {
|
|
@@ -94,7 +94,7 @@ const TdsTextarea = class {
|
|
|
94
94
|
if (!this.readOnly) {
|
|
95
95
|
this.handleBlur(event);
|
|
96
96
|
}
|
|
97
|
-
}, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), "aria-invalid": this.state === 'error' ? 'true' : 'false', "aria-readonly": this.readOnly ? 'true' : 'false', "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": `textarea-helper-element-${this.uuid}` }), h("span", { key: '
|
|
97
|
+
}, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), "aria-invalid": this.state === 'error' ? 'true' : 'false', "aria-readonly": this.readOnly ? 'true' : 'false', "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": `textarea-helper-element-${this.uuid}` }), h("span", { key: '1fead181323b352e0c4ae4ca2f985b46817704df', class: "textarea-resizer-icon" }, h("svg", { key: '2b779b6ea748b4c6431283ce969385167f1d284e', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '5f10ef8019b3212655d4dc6e6ad46b449e82c781', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z", fill: "currentColor" }))), !this.disabled && !this.hideReadOnlyIcon && this.readOnly && (h("span", { key: '6d35b3883b5502bca47881c680392f6a0c0e8042', class: "textarea-icon__readonly" }, h("tds-tooltip", { key: '7630bdf15f702a394b3d843ff42c98124f4dc73a', placement: "top-end", text: "This field is non-editable", selector: "#readonly-tooltip" }), h("tds-icon", { key: '40852a610f2c16f40f04915e507a63204e72f8fd', id: "readonly-tooltip", name: "edit_inactive", svgTitle: "inactive" })))), h("span", { key: '1b669046100c57269a5e29eee659ce31c39a5eae', class: 'textarea-helper', "aria-live": "assertive", id: `textarea-helper-element-${this.uuid}` }, this.state === 'error' && this.helper && !this.readOnly && (h("tds-icon", { key: '8b17e98d5ba98d3da322480f96bb5f28b7f13e45', name: "error", size: "16px" })), this.helper), this.maxLength > 0 && (h("div", { key: 'a4a3cdb0254363e84a49649157098e2321b78c6a', class: 'textarea-textcounter' }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, h("span", { key: '74c186ab1f66de62e8636f40f2491ab78271ae0f', class: "textfield-textcounter-divider" }, " / "), " ", this.maxLength))));
|
|
98
98
|
}
|
|
99
99
|
};
|
|
100
100
|
TdsTextarea.style = TdsTextareaStyle0;
|
|
@@ -66,12 +66,12 @@ const TdsToast = class {
|
|
|
66
66
|
const usesHeaderSlot = hasSlot('header', this.host);
|
|
67
67
|
const usesSubheaderSlot = hasSlot('subheader', this.host);
|
|
68
68
|
const usesActionsSlot = hasSlot('actions', this.host);
|
|
69
|
-
return (h(Host, { key: '
|
|
69
|
+
return (h(Host, { key: '6ba5732a3ff93b97c613bffcda2f493811061e83', "aria-live": this.tdsAriaLive, toastRole: this.toastRole, "aria-describedby": this.host.getAttribute('aria-describedby'), class: {
|
|
70
70
|
hide: this.hidden,
|
|
71
71
|
show: !this.hidden,
|
|
72
|
-
} }, h("div", { key: '
|
|
72
|
+
} }, h("div", { key: 'f2b76363d71329f1d50df18edf89c9dbc3525a90', class: `
|
|
73
73
|
wrapper
|
|
74
|
-
${this.variant}` }, h("tds-icon", { key: '
|
|
74
|
+
${this.variant}` }, h("tds-icon", { key: '460999b742319606c71ade27ca7ea36a9be120e8', name: this.getIconName(), size: "20px", svgTitle: this.getIconName() }), h("div", { key: 'e74fccf191bfaa0960ccb2e0f2842541e2f949ad', class: `content` }, h("div", { key: '3a605ab1c0f3a76eaec449c7607c74777a56adfc', class: "header-subheader" }, this.header && h("div", { key: 'daf02dda1974caee9c258ef70fec52c6d1e96a53', class: "header" }, this.header), usesHeaderSlot && h("slot", { key: '3a9c06a7cf24b0f9fec95968ab0dfa0d5a684dc2', name: "header" }), this.subheader && h("div", { key: '2373839829e1c97095aea731d25e3b315f2713ad', class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { key: 'd657efc02c25f78b1f39fcfb2bd384eda20388d8', name: "subheader" })), usesActionsSlot && (h("div", { key: '9dfd4d788b63deb66f01d81cb1518c7cd397d43b', class: `toast-bottom ${usesSubheaderSlot || this.subheader ? 'subheader' : 'no-subheader'}` }, h("slot", { key: 'a015e97271bab5c61d42bf1538823e5fd7d3366a', name: "actions" })))), this.closable && (h("button", { key: '0721073183ed1e9380c89baea3d3b1e4a6cb4636', id: "my-button", "aria-label": this.tdsCloseAriaLabel, onClick: this.handleClose, class: "close" }, h("tds-icon", { key: 'ce4f5a872d4a380e532db1fffc88c2e56c032be2', name: "cross", size: "20px", svgTitle: "cross" }))))));
|
|
75
75
|
}
|
|
76
76
|
get host() { return getElement(this); }
|
|
77
77
|
};
|
|
@@ -47,10 +47,10 @@ const TdsToggle = class {
|
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
render() {
|
|
50
|
-
return (h("div", { key: '
|
|
50
|
+
return (h("div", { key: '16b67a2023e378db67b07944509321477250e060', class: "tds-toggle" }, this.headline && (h("div", { key: 'b53aa2ef5f2bcd19121cbae1fdb53f50ec4dc2bd', class: {
|
|
51
51
|
'toggle-headline': true,
|
|
52
52
|
'disabled': this.disabled,
|
|
53
|
-
} }, this.headline)), h("input", { key: '
|
|
53
|
+
} }, this.headline)), h("input", { key: 'a6c65460f886d564a1182ad89598a91ad46ed73d', ref: (inputEl) => (this.inputElement = inputEl), "aria-label": this.tdsAriaLabel, "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), "aria-checked": this.checked, "aria-required": this.required, onChange: () => this.handleToggle(), class: `${this.size}`, checked: this.checked, disabled: this.disabled, required: this.required, type: "checkbox", name: this.name, id: this.toggleId, role: "switch" }), this.labelSlot && (h("label", { key: 'a1d7b3d6e3262d0b5a36295c39f8dfd18c63f025', class: { disabled: this.disabled }, htmlFor: this.toggleId }, h("slot", { key: '51ab9bbe5b140291bedda6b50ec4e923d120306b', name: "label" })))));
|
|
54
54
|
}
|
|
55
55
|
get host() { return getElement(this); }
|
|
56
56
|
};
|
|
@@ -60,7 +60,7 @@ const TdsTooltip = class {
|
|
|
60
60
|
}
|
|
61
61
|
render() {
|
|
62
62
|
var _a;
|
|
63
|
-
return (h(Host, { key: '
|
|
63
|
+
return (h(Host, { key: '317e4188e7bf9ba55e6f4cd0623550f6d7c08964', role: "tooltip", "aria-describedby": this.tdsAriaDescribedby, "aria-label": this.text }, h("tds-popover-core", Object.assign({ key: 'fc6513347062dbc3ea7c53b5a1f211b30a28d009' }, this.inheritedAttributes, { class: {
|
|
64
64
|
'tds-tooltip': true,
|
|
65
65
|
[`tds-tooltip-${this.border}`]: true,
|
|
66
66
|
[(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
|
|
@@ -73,7 +73,7 @@ const TdsTooltip = class {
|
|
|
73
73
|
// @ts-ignore
|
|
74
74
|
onInternalTdsClose: () => {
|
|
75
75
|
this.show = false;
|
|
76
|
-
}, defaultShow: this.defaultShow }), this.text, h("slot", { key: '
|
|
76
|
+
}, defaultShow: this.defaultShow }), this.text, h("slot", { key: '07c57f1a21acca7cd3f68bda431c4e5c78ad883d' }))));
|
|
77
77
|
}
|
|
78
78
|
get host() { return getElement(this); }
|
|
79
79
|
};
|