@scania/tegel 1.38.0-feat-text-field-add-types-and-props-beta.0 → 1.38.0-support-paste-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/handlePasteEvent-901439bf.js +33 -0
- package/dist/cjs/index-ca8040ad.js +4 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/tds-core-header-item_2.cjs.entry.js +1 -1
- package/dist/cjs/tds-dropdown_2.cjs.entry.js +22 -55
- package/dist/cjs/tds-navigation-tab.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js +6 -4
- package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-slider.cjs.entry.js +10 -39
- package/dist/cjs/tds-text-field.cjs.entry.js +31 -8
- package/dist/cjs/tds-textarea.cjs.entry.js +18 -3
- package/dist/cjs/tegel.cjs.js +1 -1
- package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +3 -13
- package/dist/collection/components/dropdown/dropdown.js +20 -56
- package/dist/collection/components/header/header-item/header-item.css +3 -3
- package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.js +6 -4
- package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.css +6 -84
- package/dist/collection/components/side-menu/side-menu-item/side-menu-item.css +6 -82
- package/dist/collection/components/slider/slider.css +28 -24
- package/dist/collection/components/slider/slider.js +9 -38
- package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.css +1 -1
- package/dist/collection/components/text-field/text-field.js +33 -46
- package/dist/collection/components/textarea/textarea.js +18 -3
- package/dist/collection/utils/handlePasteEvent.js +29 -0
- package/dist/components/p-0cf97292.js +31 -0
- package/dist/components/{p-072bf53a.js → p-63437b77.js} +1 -1
- package/dist/components/{p-ad6babcd.js → p-6adb1ce3.js} +1 -1
- package/dist/components/{p-de36fc8a.js → p-94bfc9f4.js} +20 -44
- package/dist/components/{p-c4318e35.js → p-d64878cb.js} +3 -13
- package/dist/components/{p-92c2da85.js → p-ea381f94.js} +1 -1
- package/dist/components/tds-dropdown-option.js +1 -1
- package/dist/components/tds-dropdown.js +1 -1
- package/dist/components/tds-header-brand-symbol.js +1 -1
- package/dist/components/tds-header-dropdown.js +1 -1
- package/dist/components/tds-header-hamburger.js +1 -1
- package/dist/components/tds-header-item.js +1 -1
- package/dist/components/tds-header-launcher-button.js +1 -1
- package/dist/components/tds-header-launcher.js +2 -2
- package/dist/components/tds-navigation-tab.js +1 -1
- package/dist/components/tds-side-menu-collapse-button.js +7 -5
- package/dist/components/tds-side-menu-dropdown-list-item.js +1 -1
- package/dist/components/tds-side-menu-dropdown.js +1 -1
- package/dist/components/tds-side-menu-item.js +1 -1
- package/dist/components/tds-slider.js +12 -59
- package/dist/components/tds-table-footer.js +2 -2
- package/dist/components/tds-text-field.js +210 -1
- package/dist/components/tds-textarea.js +18 -3
- package/dist/esm/handlePasteEvent-eefa3884.js +31 -0
- package/dist/esm/index-51d04e39.js +4 -4
- package/dist/esm/loader.js +1 -1
- package/dist/esm/tds-core-header-item_2.entry.js +1 -1
- package/dist/esm/tds-dropdown_2.entry.js +22 -55
- package/dist/esm/tds-navigation-tab.entry.js +1 -1
- package/dist/esm/tds-side-menu-collapse-button.entry.js +6 -4
- package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +1 -1
- package/dist/esm/tds-side-menu-item.entry.js +1 -1
- package/dist/esm/tds-slider.entry.js +10 -39
- package/dist/esm/tds-text-field.entry.js +31 -8
- package/dist/esm/tds-textarea.entry.js +19 -4
- package/dist/esm/tegel.js +1 -1
- package/dist/tegel/p-06d3490c.entry.js +1 -0
- package/dist/tegel/p-0cf97292.js +1 -0
- package/dist/tegel/p-397c8969.entry.js +1 -0
- package/dist/tegel/p-5c077bb9.entry.js +1 -0
- package/dist/tegel/p-61a1dc59.entry.js +1 -0
- package/dist/tegel/p-a0591e58.entry.js +1 -0
- package/dist/tegel/p-a4f83463.entry.js +1 -0
- package/dist/tegel/p-a7a4fb4b.entry.js +1 -0
- package/dist/tegel/p-ae438c2e.entry.js +1 -0
- package/dist/tegel/{p-ecb34850.entry.js → p-db38b4f2.entry.js} +1 -1
- package/dist/tegel/tegel.css +1 -1
- package/dist/tegel/tegel.esm.js +1 -1
- package/dist/types/components/dropdown/dropdown.d.ts +0 -4
- package/dist/types/components/slider/slider.d.ts +0 -2
- package/dist/types/components/text-field/text-field.d.ts +2 -5
- package/dist/types/components/textarea/textarea.d.ts +2 -0
- package/dist/types/components.d.ts +2 -18
- package/dist/types/utils/handlePasteEvent.d.ts +9 -0
- package/package.json +1 -1
- package/dist/components/p-5e6035ad.js +0 -191
- package/dist/tegel/p-2c9ea0be.entry.js +0 -1
- package/dist/tegel/p-2f9b15f6.entry.js +0 -1
- package/dist/tegel/p-336f2de3.entry.js +0 -1
- package/dist/tegel/p-56ff5780.entry.js +0 -1
- package/dist/tegel/p-628dc7f7.entry.js +0 -1
- package/dist/tegel/p-c465f9b8.entry.js +0 -1
- package/dist/tegel/p-c4f701f6.entry.js +0 -1
- package/dist/tegel/p-cd5103e3.entry.js +0 -1
package/dist/tegel/tegel.esm.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as a}from"./p-2049fab2.js";export{s as setNonce}from"./p-2049fab2.js";import{g as t}from"./p-e1255160.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((async e=>(await t(),a(JSON.parse('[["p-9b0c886e",[[1,"tds-header-launcher",{"tdsAriaLabel":[1,"tds-aria-label"],"open":[32],"buttonEl":[32],"hasListTypeMenu":[32]},[[8,"click","onAnyClick"],[8,"keydown","handleKeyDown"]]]]],["p-3022d31d",[[1,"tds-header-dropdown",{"label":[1],"noDropdownIcon":[4,"no-dropdown-icon"],"selected":[4],"tdsAriaLabel":[1,"tds-aria-label"],"open":[32],"buttonEl":[32]},[[4,"click","onAnyClick"],[8,"keydown","handleKeyDown"]]]]],["p-336f2de3",[[0,"tds-slider",{"label":[1],"value":[1025],"min":[1],"max":[1],"ticks":[1],"showTickNumbers":[4,"show-tick-numbers"],"tooltip":[4],"disabled":[4],"readOnly":[4,"read-only"],"controls":[4],"input":[4],"step":[1],"name":[1],"thumbSize":[1,"thumb-size"],"snap":[4],"tdsAriaLabel":[1,"tds-aria-label"],"sliderId":[1,"slider-id"],"tdsReadOnlyAriaLabel":[1,"tds-read-only-aria-label"],"reset":[64]},[[0,"keydown","handleKeydown"],[9,"mouseup","handleRelease"],[9,"touchend","handleRelease"],[9,"mousemove","handleMove"],[9,"touchmove","handleMove"]],{"value":["handleValueUpdate"]}]]],["p-1c75f8a7",[[1,"tds-table-footer",{"pagination":[516],"paginationValue":[1538,"pagination-value"],"rowsperpage":[516],"rowsPerPageValues":[16],"pages":[514],"cols":[2],"columnsNumber":[32],"compactDesign":[32],"lastCorrectValue":[32],"tableId":[32],"horizontalScrollWidth":[32],"rowsPerPageValue":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-f9c17612",[[1,"tds-header-hamburger",{"tdsAriaLabel":[1,"tds-aria-label"]}]]],["p-cd5103e3",[[2,"tds-textarea",{"label":[1],"name":[1],"helper":[1],"cols":[2],"rows":[2],"labelPosition":[1,"label-position"],"placeholder":[1],"value":[1],"disabled":[4],"readOnly":[4,"read-only"],"hideReadOnlyIcon":[4,"hide-read-only-icon"],"state":[1],"maxLength":[2,"max-length"],"modeVariant":[1,"mode-variant"],"autofocus":[4],"noMinWidth":[4,"no-min-width"],"tdsAriaLabel":[1,"tds-aria-label"],"focusInput":[32],"focusElement":[64]}]]],["p-c7b0253c",[[1,"tds-header-brand-symbol"]]],["p-a66a4a4e",[[1,"tds-side-menu-dropdown",{"defaultOpen":[4,"default-open"],"buttonLabel":[1,"button-label"],"selected":[4],"open":[4],"hoverState":[32],"collapsed":[32]},[[16,"internalTdsSideMenuPropChange","collapsedSideMenuEventHandler"],[1,"pointerenter","onEventPointerEnter"],[0,"focusin","onEventFocus"],[1,"pointerleave","onEventPointerLeave"],[0,"focusout","onEventBlur"],[0,"keydown","handleKeyDown"]]]]],["p-b20f250b",[[1,"tds-side-menu-user",{"heading":[1],"subheading":[1],"imgSrc":[1,"img-src"],"imgAlt":[1,"img-alt"]}]]],["p-5734c6ef",[[1,"tds-accordion-item",{"header":[1],"expandIconPosition":[1,"expand-icon-position"],"disabled":[4],"expanded":[516],"paddingReset":[4,"padding-reset"],"ariaLevelValue":[1,"aria-level-value"],"toggleAccordionItem":[64],"expand":[64],"collapse":[64],"isExpanded":[64]}]]],["p-bcd5e06d",[[1,"tds-banner",{"icon":[1],"header":[1],"subheader":[1],"variant":[1],"bannerId":[1,"banner-id"],"hidden":[516],"roleType":[1,"role-type"],"hideBanner":[64],"showBanner":[64]}]]],["p-4a77edf1",[[1,"tds-card",{"modeVariant":[1,"mode-variant"],"imagePlacement":[1,"image-placement"],"header":[1],"subheader":[1],"bodyImg":[1,"body-img"],"bodyImgAlt":[1,"body-img-alt"],"bodyDivider":[4,"body-divider"],"clickable":[4],"stretch":[4],"cardId":[1,"card-id"]}]]],["p-3ebe93ff",[[2,"tds-datetime",{"type":[513],"value":[1537],"min":[1],"max":[1],"defaultValue":[1,"default-value"],"disabled":[4],"size":[1],"noMinWidth":[4,"no-min-width"],"modeVariant":[1,"mode-variant"],"name":[1],"state":[1],"autofocus":[4],"label":[1],"labelPosition":[1,"label-position"],"helper":[1],"tdsAriaLabel":[1,"tds-aria-label"],"focusInput":[32],"reset":[64],"setValue":[64],"focusElement":[64]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]]]]],["p-d184a3f0",[[1,"tds-folder-tabs",{"modeVariant":[1,"mode-variant"],"defaultSelectedIndex":[2,"default-selected-index"],"selectedIndex":[514,"selected-index"],"tdsScrollLeftAriaLabel":[1,"tds-scroll-left-aria-label"],"tdsScrollRightAriaLabel":[1,"tds-scroll-right-aria-label"],"buttonWidth":[32],"showLeftScroll":[32],"showRightScroll":[32],"selectTab":[64],"reinitialize":[64]},null,{"selectedIndex":["handleSelectedIndexUpdate"]}]]],["p-6a615ac1",[[1,"tds-footer-group",{"titleText":[1,"title-text"],"tdsListAriaLabel":[1,"tds-list-aria-label"],"open":[32],"isMobile":[32]},[[9,"resize","handleResize"]]]]],["p-7013249b",[[1,"tds-header-cell",{"cellKey":[513,"cell-key"],"cellValue":[513,"cell-value"],"customWidth":[513,"custom-width"],"sortable":[4],"textAlign":[513,"text-align"],"disablePadding":[516,"disable-padding"],"tdsAriaLabelSortButton":[513,"tds-aria-label-sort-button"],"textAlignState":[32],"sortingDirection":[32],"sortedByMyKey":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"multiselect":[32],"enableToolbarDesign":[32],"tableId":[32],"expandableRows":[32]},[[16,"internalTdsPropChange","internalTdsPropChangeListener"],[16,"internalSortButtonClicked","updateOptionsContent"]]]]],["p-601a74ad",[[4,"tds-header-launcher-list"]]],["p-7caad569",[[1,"tds-header-launcher-list-item"]]],["p-614bcd4b",[[1,"tds-inline-tabs",{"modeVariant":[1,"mode-variant"],"defaultSelectedIndex":[2,"default-selected-index"],"selectedIndex":[514,"selected-index"],"tdsScrollLeftAriaLabel":[1,"tds-scroll-left-aria-label"],"tdsScrollRightAriaLabel":[1,"tds-scroll-right-aria-label"],"leftPadding":[514,"left-padding"],"showLeftScroll":[32],"showRightScroll":[32],"selectTab":[64],"reinitialize":[64]},null,{"selectedIndex":["handleSelectedIndexUpdate"]}]]],["p-8ae4e03c",[[1,"tds-message",{"header":[1],"modeVariant":[1,"mode-variant"],"variant":[1],"noIcon":[4,"no-icon"],"minimal":[4],"tdsAlertDialog":[1,"tds-alert-dialog"],"tdsAriaLabel":[1,"tds-aria-label"]}]]],["p-9b2257f3",[[1,"tds-modal",{"header":[1],"prevent":[4],"size":[1],"actionsPosition":[1,"actions-position"],"selector":[1],"referenceEl":[16],"show":[4],"closable":[4],"tdsAlertDialog":[1,"tds-alert-dialog"],"isShown":[32],"activeElementIndex":[32],"showModal":[64],"closeModal":[64],"isOpen":[64],"initializeModal":[64],"cleanupModal":[64]},[[10,"keydown","handleFocusTrap"]]]]],["p-25f4b4ca",[[1,"tds-navigation-tabs",{"modeVariant":[1,"mode-variant"],"defaultSelectedIndex":[2,"default-selected-index"],"selectedIndex":[514,"selected-index"],"leftPadding":[514,"left-padding"],"tdsScrollLeftAriaLabel":[1,"tds-scroll-left-aria-label"],"tdsScrollRightAriaLabel":[1,"tds-scroll-right-aria-label"],"showLeftScroll":[32],"showRightScroll":[32],"selectTab":[64],"reinitialize":[64]},null,{"selectedIndex":["handleSelectedIndexUpdate"]}]]],["p-c15eba7d",[[6,"tds-popover-menu",{"selector":[1],"referenceEl":[16],"show":[4],"defaultShow":[4,"default-show"],"placement":[1],"animation":[1],"offsetSkidding":[2,"offset-skidding"],"offsetDistance":[2,"offset-distance"],"fluidWidth":[4,"fluid-width"],"modeVariant":[1,"mode-variant"],"childRef":[32],"close":[64]}]]],["p-525c81b1",[[1,"tds-side-menu-close-button"]]],["p-c465f9b8",[[1,"tds-side-menu-collapse-button",{"collapsed":[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]]],["p-84de314b",[[1,"tds-step",{"index":[1],"state":[1],"tdsAriaCurrent":[1,"tds-aria-current"],"hideLabels":[32],"size":[32],"orientation":[32],"labelPosition":[32]},[[16,"internalTdsPropsChange","handlePropsChange"]]]]],["p-fbffe3aa",[[1,"tds-table-body-input-wrapper",{"showIcon":[4,"show-icon"],"renderSlot":[32],"inputFocused":[32],"compactDesign":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-d0f09796",[[1,"tds-table-body-row",{"selected":[516],"disabled":[516],"clickable":[516],"multiselect":[32],"mainCheckBoxStatus":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-bd935506",[[1,"tds-table-header",{"allSelected":[1540,"all-selected"],"selected":[1540],"disabled":[1540],"indeterminate":[4],"multiselect":[32],"expandableRows":[32],"mainCheckboxSelected":[32],"mainExpendSelected":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"whiteBackground":[32],"enableToolbarDesign":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"internalTdsRowExpanded","internalTdsRowExpandedListener"]]]]],["p-3ec01fb3",[[1,"tds-table-header-input-wrapper",{"showIcon":[4,"show-icon"],"compactDesign":[4,"compact-design"],"renderSlot":[32],"inputFocused":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-3a92d554",[[1,"tds-table-toolbar",{"tableTitle":[513,"table-title"],"filter":[516],"tdsSearchAriaLabel":[1,"tds-search-aria-label"],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"whiteBackground":[32],"tableId":[32],"horizontalScrollWidth":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-49364819",[[1,"tds-toast",{"toastId":[1,"toast-id"],"header":[1],"subheader":[1],"variant":[1],"hidden":[516],"closable":[4],"toastRole":[1,"toast-role"],"tdsCloseAriaLabel":[1,"tds-close-aria-label"],"tdsAriaLive":[1,"tds-aria-live"],"hideToast":[64],"showToast":[64]}]]],["p-650b98bf",[[1,"tds-accordion",{"modeVariant":[1,"mode-variant"],"hideLastBorder":[4,"hide-last-border"]}]]],["p-87219f00",[[1,"tds-badge",{"value":[1],"hidden":[516],"size":[1],"tdsAriaLive":[1,"tds-aria-live"],"tdsAriaLabel":[32],"shape":[32],"text":[32]},null,{"value":["watchProps"],"size":["watchProps"]}]]],["p-72006dd7",[[1,"tds-block",{"modeVariant":[1,"mode-variant"],"componentTag":[1,"component-tag"]}]]],["p-f4b5e80b",[[1,"tds-body-cell",{"cellValue":[520,"cell-value"],"cellKey":[520,"cell-key"],"disablePadding":[516,"disable-padding"],"textAlign":[513,"text-align"],"textAlignState":[32],"activeSorting":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"tableId":[32]},[[16,"internalTdsPropChange","internalTdsPropChangeListener"],[16,"internalTdsHover","internalTdsHoverListener"],[16,"internalTdsTextAlign","internalTdsTextAlignListener"]]]]],["p-b734b309",[[1,"tds-breadcrumb",{"current":[4]}]]],["p-1b471db7",[[1,"tds-breadcrumbs",{"tdsAriaLabel":[1,"tds-aria-label"]}]]],["p-a74cb560",[[6,"tds-button",{"text":[1],"type":[1],"variant":[1],"size":[1],"disabled":[4],"fullbleed":[4],"modeVariant":[1,"mode-variant"],"animation":[1],"tdsAriaLabel":[1,"tds-aria-label"],"name":[1],"value":[1],"onlyIcon":[32]},[[0,"keydown","handleKeyDown"],[0,"keyup","handleKeyUp"]]]]],["p-303acf88",[[6,"tds-chip",{"type":[1],"size":[1],"chipId":[1,"chip-id"],"checked":[1540],"name":[1],"value":[1],"disabled":[4],"tdsAriaLabel":[1,"tds-aria-label"]},[[16,"internalRadioOnChange","handleInternaRadioChange"]]]]],["p-b2b9561f",[[1,"tds-folder-tab",{"disabled":[4],"selected":[32],"tabWidth":[32],"setTabWidth":[64],"setSelected":[64]}]]],["p-bb1d069f",[[1,"tds-footer",{"modeVariant":[1,"mode-variant"]}]]],["p-bdc913a0",[[1,"tds-footer-item"]]],["p-a829417c",[[4,"tds-header"]]],["p-7d427dff",[[1,"tds-header-dropdown-list-user",{"imgUrl":[1,"img-url"],"imgAlt":[1,"img-alt"],"header":[1],"subheader":[1]}]]],["p-22b6223e",[[4,"tds-header-launcher-grid",{"headingElement":[32]}]]],["p-6e57997e",[[1,"tds-header-launcher-grid-item"]]],["p-debd6adc",[[4,"tds-header-launcher-grid-title"]]],["p-9099d978",[[4,"tds-header-launcher-list-title"]]],["p-1bbef1a5",[[1,"tds-header-title"]]],["p-bb9445ff",[[1,"tds-inline-tab",{"disabled":[4],"selected":[32],"setSelected":[64]}]]],["p-b994e7ac",[[1,"tds-link",{"disabled":[4],"underline":[4],"standalone":[4]}]]],["p-ecb34850",[[1,"tds-navigation-tab",{"disabled":[4],"selected":[32],"setSelected":[64]}]]],["p-bcdf13e0",[[1,"tds-popover-menu-item",{"disabled":[4]}]]],["p-86e99fdb",[[6,"tds-radio-button",{"name":[1],"value":[1],"radioId":[1,"radio-id"],"checked":[516],"required":[4],"disabled":[4],"tdsAriaLabel":[1,"tds-aria-label"],"tdsTabIndex":[2,"tds-tab-index"],"focusElement":[64]}]]],["p-0cfe8671",[[1,"tds-side-menu",{"open":[1028],"persistent":[4],"collapsed":[1028],"isUpperSlotEmpty":[32],"isCollapsed":[32],"initialCollapsedState":[32],"activeElementIndex":[32]},[[8,"keydown","handleKeyDown"],[10,"keydown","handleFocusTrap"],[16,"internalTdsCollapse","collapsedSideMenuEventHandler"]],{"collapsed":["onCollapsedChange"],"open":["onOpenChange"]}]]],["p-46c9af0f",[[1,"tds-side-menu-dropdown-list",{"collapsed":[32]},[[16,"internalTdsSideMenuPropChange","collapsedSideMenuEventHandler"]]]]],["p-2f9b15f6",[[1,"tds-side-menu-dropdown-list-item",{"selected":[4],"dropdownHasIcon":[32],"dropdownHasUser":[32],"collapsed":[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]]],["p-27c2f109",[[1,"tds-side-menu-overlay"]]],["p-5dd2aac8",[[0,"tds-spinner",{"size":[1],"variant":[1]}]]],["p-177386d5",[[1,"tds-stepper",{"orientation":[1],"labelPosition":[1,"label-position"],"size":[1],"hideLabels":[4,"hide-labels"],"stepperId":[1,"stepper-id"],"tdsAriaLabel":[1,"tds-aria-label"]},null,{"orientation":["handleDirectionChange"],"labelPosition":["handleLabelPositionChange"],"size":["handleSizeChange"],"hideLabels":["handleHideLabelsChange"]}]]],["p-08f63e5d",[[1,"tds-table",{"verticalDividers":[516,"vertical-dividers"],"compactDesign":[516,"compact-design"],"noMinWidth":[516,"no-min-width"],"multiselect":[516],"expandableRows":[516,"expandable-rows"],"responsive":[516],"modeVariant":[513,"mode-variant"],"zebraMode":[513,"zebra-mode"],"horizontalScrollWidth":[1,"horizontal-scroll-width"],"tableId":[1,"table-id"],"enableHorizontalScrollToolbarDesign":[32],"enableHorizontalScrollFooterDesign":[32],"getSelectedRows":[64]},null,{"multiselect":["multiselectChanged"],"expandableRows":["enableExpandableRowsChanged"],"compactDesign":["compactDesignChanged"],"verticalDividers":["verticalDividersChanged"],"noMinWidth":["noMinWidthChanged"],"zebraMode":["zebraModeChanged"],"modeVariant":["modeVariantChanged"],"horizontalScrollWidth":["widthChanged"]}]]],["p-aec3e4cf",[[4,"tds-table-body",{"multiselect":[32],"enablePaginationTableBody":[32],"expandableRows":[32],"multiselectArray":[32],"multiselectArrayJSON":[32],"mainCheckboxStatus":[32],"columnsNumber":[32],"zebraMode":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"internalTdsRowChange","bodyCheckboxListener"]]]]],["p-f2232281",[[1,"tds-table-body-row-expandable",{"colSpan":[2,"col-span"],"rowId":[513,"row-id"],"expanded":[516],"overflow":[513],"autoCollapse":[4,"auto-collapse"],"tdsAriaLabelExpandButton":[513,"tds-aria-label-expand-button"],"isExpanded":[32],"tableId":[32],"columnsNumber":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"modeVariant":[32],"expand":[64],"collapse":[64]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"tdsChange","handleRowExpand"]],{"expanded":["watchExpanded"]}]]],["p-704682d6",[[6,"tds-tag",{"text":[1],"size":[1],"variant":[1]}]]],["p-a6238890",[[6,"tds-toggle",{"checked":[516],"required":[4],"size":[1],"name":[1],"headline":[1],"disabled":[4],"toggleId":[1,"toggle-id"],"tdsAriaLabel":[1,"tds-aria-label"],"toggle":[64],"focusElement":[64]}]]],["p-462a6049",[[1,"tds-header-launcher-button",{"active":[4],"tdsAriaLabel":[1,"tds-aria-label"]}]]],["p-56ff5780",[[6,"tds-text-field",{"type":[513],"labelPosition":[1,"label-position"],"label":[1],"min":[8],"max":[8],"helper":[1],"placeholder":[1],"value":[513],"disabled":[4],"readOnly":[4,"read-only"],"hideReadOnlyIcon":[4,"hide-read-only-icon"],"size":[1],"modeVariant":[1,"mode-variant"],"noMinWidth":[4,"no-min-width"],"name":[1],"state":[1],"maxLength":[2,"max-length"],"autofocus":[4],"tdsAriaLabel":[1,"tds-aria-label"],"required":[4],"autocomplete":[1],"focusInput":[32],"focusElement":[64]}]]],["p-25d026a6",[[1,"tds-divider",{"orientation":[1],"variant":[1]}]]],["p-7cb9790d",[[1,"tds-header-dropdown-list",{"size":[513],"headingElement":[32]}]]],["p-cf7af8f2",[[1,"tds-header-dropdown-list-item",{"selected":[4],"size":[513]}]]],["p-628dc7f7",[[17,"tds-dropdown-option",{"value":[8],"disabled":[4],"tdsAriaLabel":[1,"tds-aria-label"],"internalValue":[32],"selected":[32],"multiselect":[32],"size":[32],"setSelected":[64]},null,{"value":["valueWatcher"]}],[1,"tds-dropdown",{"name":[1],"disabled":[4],"helper":[1],"label":[1],"labelPosition":[1,"label-position"],"modeVariant":[1,"mode-variant"],"openDirection":[1,"open-direction"],"placeholder":[1],"size":[1],"animation":[1],"error":[4],"multiselect":[4],"filter":[4],"normalizeText":[4,"normalize-text"],"noResultText":[1,"no-result-text"],"defaultValue":[8,"default-value"],"value":[1032],"tdsAriaLabel":[1,"tds-aria-label"],"open":[32],"internalValue":[32],"filterResult":[32],"filterFocus":[32],"internalDefaultValue":[32],"selectedOptions":[32],"filterQuery":[32],"setValue":[64],"reset":[64],"removeValue":[64],"focusElement":[64],"close":[64],"updateDisplay":[64],"appendValue":[64]},[[9,"mousedown","onAnyClick"],[0,"focusin","onFocusIn"],[0,"focusout","onFocusOut"],[0,"keydown","onKeyDown"]],{"value":["handleValueChange"],"open":["handleOpenState"],"defaultValue":["handleDefaultValueChange"]}]]],["p-abad3489",[[6,"tds-popover-canvas",{"selector":[1],"referenceEl":[16],"defaultShow":[4,"default-show"],"show":[4],"placement":[1],"offsetSkidding":[2,"offset-skidding"],"animation":[1],"offsetDistance":[2,"offset-distance"],"modifiers":[16],"tdsAlertDialog":[1,"tds-alert-dialog"],"childRef":[32],"close":[64]}]]],["p-5bca9fe7",[[1,"tds-side-menu-user-image",{"src":[1],"alt":[1]}],[1,"tds-side-menu-user-label",{"heading":[1],"subheading":[1]}]]],["p-c4f701f6",[[1,"tds-side-menu-item",{"selected":[4],"active":[4],"collapsed":[32],"hasUserComponent":[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]]],["p-23fb4dee",[[6,"tds-tooltip",{"text":[1],"selector":[1],"referenceEl":[16],"defaultShow":[4,"default-show"],"mouseOverTooltip":[4,"mouse-over-tooltip"],"trigger":[1],"show":[1028],"placement":[1],"offsetSkidding":[2,"offset-skidding"],"offsetDistance":[2,"offset-distance"],"tdsAriaDescribedby":[1,"tds-aria-describedby"]},[[8,"keydown","handleKeyDown"]]]]],["p-8c2695af",[[6,"tds-checkbox",{"name":[1],"checkboxId":[1,"checkbox-id"],"disabled":[4],"required":[4],"checked":[1540],"indeterminate":[1028],"value":[1],"tdsAriaLabel":[1,"tds-aria-label"],"tdsAriaDescribedby":[1,"tds-aria-describedby"],"toggleCheckbox":[64],"focusElement":[64]},[[4,"reset","handleFormReset"]],{"indeterminate":["handleIndeterminateState"]}]]],["p-0cac9ea6",[[6,"tds-popover-core",{"selector":[1],"referenceEl":[16],"defaultShow":[4,"default-show"],"animation":[1],"show":[4],"placement":[1],"offsetSkidding":[2,"offset-skidding"],"offsetDistance":[2,"offset-distance"],"modifiers":[16],"trigger":[1],"autoHide":[4,"auto-hide"],"renderedShowValue":[32],"popperInstance":[32],"target":[32],"isShown":[32],"disableLogic":[32],"hasShownAtLeastOnce":[32],"openedByKeyboard":[32],"close":[64]},[[8,"click","onAnyClick"],[8,"internalTdsShow","onTdsShow"],[8,"keydown","handleKeydown"]],{"show":["onShowChange"],"referenceEl":["onReferenceElChanged"],"trigger":["onTriggerChanged"],"isShown":["onIsShownChange"]}]]],["p-2c9ea0be",[[1,"tds-header-item",{"active":[4],"selected":[4]}],[1,"tds-core-header-item"]]],["p-eff87481",[[1,"tds-icon",{"name":[513],"size":[513],"svgTitle":[1,"svg-title"],"tdsAriaHidden":[4,"tds-aria-hidden"],"svgDescription":[1,"svg-description"],"icons_object":[32],"arrayOfIcons":[32]}]]]]'),e))));
|
|
1
|
+
import{p as e,b as a}from"./p-2049fab2.js";export{s as setNonce}from"./p-2049fab2.js";import{g as t}from"./p-e1255160.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((async e=>(await t(),a(JSON.parse('[["p-9b0c886e",[[1,"tds-header-launcher",{"tdsAriaLabel":[1,"tds-aria-label"],"open":[32],"buttonEl":[32],"hasListTypeMenu":[32]},[[8,"click","onAnyClick"],[8,"keydown","handleKeyDown"]]]]],["p-3022d31d",[[1,"tds-header-dropdown",{"label":[1],"noDropdownIcon":[4,"no-dropdown-icon"],"selected":[4],"tdsAriaLabel":[1,"tds-aria-label"],"open":[32],"buttonEl":[32]},[[4,"click","onAnyClick"],[8,"keydown","handleKeyDown"]]]]],["p-1c75f8a7",[[1,"tds-table-footer",{"pagination":[516],"paginationValue":[1538,"pagination-value"],"rowsperpage":[516],"rowsPerPageValues":[16],"pages":[514],"cols":[2],"columnsNumber":[32],"compactDesign":[32],"lastCorrectValue":[32],"tableId":[32],"horizontalScrollWidth":[32],"rowsPerPageValue":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-f9c17612",[[1,"tds-header-hamburger",{"tdsAriaLabel":[1,"tds-aria-label"]}]]],["p-a4f83463",[[6,"tds-text-field",{"type":[513],"labelPosition":[1,"label-position"],"label":[1],"min":[8],"max":[8],"helper":[1],"placeholder":[1],"value":[513],"disabled":[4],"readOnly":[4,"read-only"],"hideReadOnlyIcon":[4,"hide-read-only-icon"],"size":[1],"modeVariant":[1,"mode-variant"],"noMinWidth":[4,"no-min-width"],"name":[1],"state":[1],"maxLength":[2,"max-length"],"autofocus":[4],"tdsAriaLabel":[1,"tds-aria-label"],"focusInput":[32],"focusElement":[64]}]]],["p-a7a4fb4b",[[2,"tds-textarea",{"label":[1],"name":[1],"helper":[1],"cols":[2],"rows":[2],"labelPosition":[1,"label-position"],"placeholder":[1],"value":[1],"disabled":[4],"readOnly":[4,"read-only"],"hideReadOnlyIcon":[4,"hide-read-only-icon"],"state":[1],"maxLength":[2,"max-length"],"modeVariant":[1,"mode-variant"],"autofocus":[4],"noMinWidth":[4,"no-min-width"],"tdsAriaLabel":[1,"tds-aria-label"],"focusInput":[32],"focusElement":[64]}]]],["p-c7b0253c",[[1,"tds-header-brand-symbol"]]],["p-a66a4a4e",[[1,"tds-side-menu-dropdown",{"defaultOpen":[4,"default-open"],"buttonLabel":[1,"button-label"],"selected":[4],"open":[4],"hoverState":[32],"collapsed":[32]},[[16,"internalTdsSideMenuPropChange","collapsedSideMenuEventHandler"],[1,"pointerenter","onEventPointerEnter"],[0,"focusin","onEventFocus"],[1,"pointerleave","onEventPointerLeave"],[0,"focusout","onEventBlur"],[0,"keydown","handleKeyDown"]]]]],["p-b20f250b",[[1,"tds-side-menu-user",{"heading":[1],"subheading":[1],"imgSrc":[1,"img-src"],"imgAlt":[1,"img-alt"]}]]],["p-5734c6ef",[[1,"tds-accordion-item",{"header":[1],"expandIconPosition":[1,"expand-icon-position"],"disabled":[4],"expanded":[516],"paddingReset":[4,"padding-reset"],"ariaLevelValue":[1,"aria-level-value"],"toggleAccordionItem":[64],"expand":[64],"collapse":[64],"isExpanded":[64]}]]],["p-bcd5e06d",[[1,"tds-banner",{"icon":[1],"header":[1],"subheader":[1],"variant":[1],"bannerId":[1,"banner-id"],"hidden":[516],"roleType":[1,"role-type"],"hideBanner":[64],"showBanner":[64]}]]],["p-4a77edf1",[[1,"tds-card",{"modeVariant":[1,"mode-variant"],"imagePlacement":[1,"image-placement"],"header":[1],"subheader":[1],"bodyImg":[1,"body-img"],"bodyImgAlt":[1,"body-img-alt"],"bodyDivider":[4,"body-divider"],"clickable":[4],"stretch":[4],"cardId":[1,"card-id"]}]]],["p-3ebe93ff",[[2,"tds-datetime",{"type":[513],"value":[1537],"min":[1],"max":[1],"defaultValue":[1,"default-value"],"disabled":[4],"size":[1],"noMinWidth":[4,"no-min-width"],"modeVariant":[1,"mode-variant"],"name":[1],"state":[1],"autofocus":[4],"label":[1],"labelPosition":[1,"label-position"],"helper":[1],"tdsAriaLabel":[1,"tds-aria-label"],"focusInput":[32],"reset":[64],"setValue":[64],"focusElement":[64]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]]]]],["p-d184a3f0",[[1,"tds-folder-tabs",{"modeVariant":[1,"mode-variant"],"defaultSelectedIndex":[2,"default-selected-index"],"selectedIndex":[514,"selected-index"],"tdsScrollLeftAriaLabel":[1,"tds-scroll-left-aria-label"],"tdsScrollRightAriaLabel":[1,"tds-scroll-right-aria-label"],"buttonWidth":[32],"showLeftScroll":[32],"showRightScroll":[32],"selectTab":[64],"reinitialize":[64]},null,{"selectedIndex":["handleSelectedIndexUpdate"]}]]],["p-6a615ac1",[[1,"tds-footer-group",{"titleText":[1,"title-text"],"tdsListAriaLabel":[1,"tds-list-aria-label"],"open":[32],"isMobile":[32]},[[9,"resize","handleResize"]]]]],["p-7013249b",[[1,"tds-header-cell",{"cellKey":[513,"cell-key"],"cellValue":[513,"cell-value"],"customWidth":[513,"custom-width"],"sortable":[4],"textAlign":[513,"text-align"],"disablePadding":[516,"disable-padding"],"tdsAriaLabelSortButton":[513,"tds-aria-label-sort-button"],"textAlignState":[32],"sortingDirection":[32],"sortedByMyKey":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"multiselect":[32],"enableToolbarDesign":[32],"tableId":[32],"expandableRows":[32]},[[16,"internalTdsPropChange","internalTdsPropChangeListener"],[16,"internalSortButtonClicked","updateOptionsContent"]]]]],["p-601a74ad",[[4,"tds-header-launcher-list"]]],["p-7caad569",[[1,"tds-header-launcher-list-item"]]],["p-614bcd4b",[[1,"tds-inline-tabs",{"modeVariant":[1,"mode-variant"],"defaultSelectedIndex":[2,"default-selected-index"],"selectedIndex":[514,"selected-index"],"tdsScrollLeftAriaLabel":[1,"tds-scroll-left-aria-label"],"tdsScrollRightAriaLabel":[1,"tds-scroll-right-aria-label"],"leftPadding":[514,"left-padding"],"showLeftScroll":[32],"showRightScroll":[32],"selectTab":[64],"reinitialize":[64]},null,{"selectedIndex":["handleSelectedIndexUpdate"]}]]],["p-8ae4e03c",[[1,"tds-message",{"header":[1],"modeVariant":[1,"mode-variant"],"variant":[1],"noIcon":[4,"no-icon"],"minimal":[4],"tdsAlertDialog":[1,"tds-alert-dialog"],"tdsAriaLabel":[1,"tds-aria-label"]}]]],["p-9b2257f3",[[1,"tds-modal",{"header":[1],"prevent":[4],"size":[1],"actionsPosition":[1,"actions-position"],"selector":[1],"referenceEl":[16],"show":[4],"closable":[4],"tdsAlertDialog":[1,"tds-alert-dialog"],"isShown":[32],"activeElementIndex":[32],"showModal":[64],"closeModal":[64],"isOpen":[64],"initializeModal":[64],"cleanupModal":[64]},[[10,"keydown","handleFocusTrap"]]]]],["p-25f4b4ca",[[1,"tds-navigation-tabs",{"modeVariant":[1,"mode-variant"],"defaultSelectedIndex":[2,"default-selected-index"],"selectedIndex":[514,"selected-index"],"leftPadding":[514,"left-padding"],"tdsScrollLeftAriaLabel":[1,"tds-scroll-left-aria-label"],"tdsScrollRightAriaLabel":[1,"tds-scroll-right-aria-label"],"showLeftScroll":[32],"showRightScroll":[32],"selectTab":[64],"reinitialize":[64]},null,{"selectedIndex":["handleSelectedIndexUpdate"]}]]],["p-c15eba7d",[[6,"tds-popover-menu",{"selector":[1],"referenceEl":[16],"show":[4],"defaultShow":[4,"default-show"],"placement":[1],"animation":[1],"offsetSkidding":[2,"offset-skidding"],"offsetDistance":[2,"offset-distance"],"fluidWidth":[4,"fluid-width"],"modeVariant":[1,"mode-variant"],"childRef":[32],"close":[64]}]]],["p-525c81b1",[[1,"tds-side-menu-close-button"]]],["p-06d3490c",[[1,"tds-side-menu-collapse-button",{"collapsed":[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]]],["p-ae438c2e",[[0,"tds-slider",{"label":[1],"value":[1025],"min":[1],"max":[1],"ticks":[1],"showTickNumbers":[4,"show-tick-numbers"],"tooltip":[4],"disabled":[4],"readOnly":[4,"read-only"],"controls":[4],"input":[4],"step":[1],"name":[1],"thumbSize":[1,"thumb-size"],"snap":[4],"tdsAriaLabel":[1,"tds-aria-label"],"sliderId":[1,"slider-id"],"tdsReadOnlyAriaLabel":[1,"tds-read-only-aria-label"],"reset":[64]},[[0,"keydown","handleKeydown"],[9,"mouseup","handleRelease"],[9,"touchend","handleRelease"],[9,"mousemove","handleMove"],[9,"touchmove","handleMove"]],{"value":["handleValueUpdate"]}]]],["p-84de314b",[[1,"tds-step",{"index":[1],"state":[1],"tdsAriaCurrent":[1,"tds-aria-current"],"hideLabels":[32],"size":[32],"orientation":[32],"labelPosition":[32]},[[16,"internalTdsPropsChange","handlePropsChange"]]]]],["p-fbffe3aa",[[1,"tds-table-body-input-wrapper",{"showIcon":[4,"show-icon"],"renderSlot":[32],"inputFocused":[32],"compactDesign":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-d0f09796",[[1,"tds-table-body-row",{"selected":[516],"disabled":[516],"clickable":[516],"multiselect":[32],"mainCheckBoxStatus":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-bd935506",[[1,"tds-table-header",{"allSelected":[1540,"all-selected"],"selected":[1540],"disabled":[1540],"indeterminate":[4],"multiselect":[32],"expandableRows":[32],"mainCheckboxSelected":[32],"mainExpendSelected":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"whiteBackground":[32],"enableToolbarDesign":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"internalTdsRowExpanded","internalTdsRowExpandedListener"]]]]],["p-3ec01fb3",[[1,"tds-table-header-input-wrapper",{"showIcon":[4,"show-icon"],"compactDesign":[4,"compact-design"],"renderSlot":[32],"inputFocused":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-3a92d554",[[1,"tds-table-toolbar",{"tableTitle":[513,"table-title"],"filter":[516],"tdsSearchAriaLabel":[1,"tds-search-aria-label"],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"whiteBackground":[32],"tableId":[32],"horizontalScrollWidth":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-49364819",[[1,"tds-toast",{"toastId":[1,"toast-id"],"header":[1],"subheader":[1],"variant":[1],"hidden":[516],"closable":[4],"toastRole":[1,"toast-role"],"tdsCloseAriaLabel":[1,"tds-close-aria-label"],"tdsAriaLive":[1,"tds-aria-live"],"hideToast":[64],"showToast":[64]}]]],["p-650b98bf",[[1,"tds-accordion",{"modeVariant":[1,"mode-variant"],"hideLastBorder":[4,"hide-last-border"]}]]],["p-87219f00",[[1,"tds-badge",{"value":[1],"hidden":[516],"size":[1],"tdsAriaLive":[1,"tds-aria-live"],"tdsAriaLabel":[32],"shape":[32],"text":[32]},null,{"value":["watchProps"],"size":["watchProps"]}]]],["p-72006dd7",[[1,"tds-block",{"modeVariant":[1,"mode-variant"],"componentTag":[1,"component-tag"]}]]],["p-f4b5e80b",[[1,"tds-body-cell",{"cellValue":[520,"cell-value"],"cellKey":[520,"cell-key"],"disablePadding":[516,"disable-padding"],"textAlign":[513,"text-align"],"textAlignState":[32],"activeSorting":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"tableId":[32]},[[16,"internalTdsPropChange","internalTdsPropChangeListener"],[16,"internalTdsHover","internalTdsHoverListener"],[16,"internalTdsTextAlign","internalTdsTextAlignListener"]]]]],["p-b734b309",[[1,"tds-breadcrumb",{"current":[4]}]]],["p-1b471db7",[[1,"tds-breadcrumbs",{"tdsAriaLabel":[1,"tds-aria-label"]}]]],["p-a74cb560",[[6,"tds-button",{"text":[1],"type":[1],"variant":[1],"size":[1],"disabled":[4],"fullbleed":[4],"modeVariant":[1,"mode-variant"],"animation":[1],"tdsAriaLabel":[1,"tds-aria-label"],"name":[1],"value":[1],"onlyIcon":[32]},[[0,"keydown","handleKeyDown"],[0,"keyup","handleKeyUp"]]]]],["p-303acf88",[[6,"tds-chip",{"type":[1],"size":[1],"chipId":[1,"chip-id"],"checked":[1540],"name":[1],"value":[1],"disabled":[4],"tdsAriaLabel":[1,"tds-aria-label"]},[[16,"internalRadioOnChange","handleInternaRadioChange"]]]]],["p-b2b9561f",[[1,"tds-folder-tab",{"disabled":[4],"selected":[32],"tabWidth":[32],"setTabWidth":[64],"setSelected":[64]}]]],["p-bb1d069f",[[1,"tds-footer",{"modeVariant":[1,"mode-variant"]}]]],["p-bdc913a0",[[1,"tds-footer-item"]]],["p-a829417c",[[4,"tds-header"]]],["p-7d427dff",[[1,"tds-header-dropdown-list-user",{"imgUrl":[1,"img-url"],"imgAlt":[1,"img-alt"],"header":[1],"subheader":[1]}]]],["p-22b6223e",[[4,"tds-header-launcher-grid",{"headingElement":[32]}]]],["p-6e57997e",[[1,"tds-header-launcher-grid-item"]]],["p-debd6adc",[[4,"tds-header-launcher-grid-title"]]],["p-9099d978",[[4,"tds-header-launcher-list-title"]]],["p-1bbef1a5",[[1,"tds-header-title"]]],["p-bb9445ff",[[1,"tds-inline-tab",{"disabled":[4],"selected":[32],"setSelected":[64]}]]],["p-b994e7ac",[[1,"tds-link",{"disabled":[4],"underline":[4],"standalone":[4]}]]],["p-db38b4f2",[[1,"tds-navigation-tab",{"disabled":[4],"selected":[32],"setSelected":[64]}]]],["p-bcdf13e0",[[1,"tds-popover-menu-item",{"disabled":[4]}]]],["p-86e99fdb",[[6,"tds-radio-button",{"name":[1],"value":[1],"radioId":[1,"radio-id"],"checked":[516],"required":[4],"disabled":[4],"tdsAriaLabel":[1,"tds-aria-label"],"tdsTabIndex":[2,"tds-tab-index"],"focusElement":[64]}]]],["p-0cfe8671",[[1,"tds-side-menu",{"open":[1028],"persistent":[4],"collapsed":[1028],"isUpperSlotEmpty":[32],"isCollapsed":[32],"initialCollapsedState":[32],"activeElementIndex":[32]},[[8,"keydown","handleKeyDown"],[10,"keydown","handleFocusTrap"],[16,"internalTdsCollapse","collapsedSideMenuEventHandler"]],{"collapsed":["onCollapsedChange"],"open":["onOpenChange"]}]]],["p-46c9af0f",[[1,"tds-side-menu-dropdown-list",{"collapsed":[32]},[[16,"internalTdsSideMenuPropChange","collapsedSideMenuEventHandler"]]]]],["p-a0591e58",[[1,"tds-side-menu-dropdown-list-item",{"selected":[4],"dropdownHasIcon":[32],"dropdownHasUser":[32],"collapsed":[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]]],["p-27c2f109",[[1,"tds-side-menu-overlay"]]],["p-5dd2aac8",[[0,"tds-spinner",{"size":[1],"variant":[1]}]]],["p-177386d5",[[1,"tds-stepper",{"orientation":[1],"labelPosition":[1,"label-position"],"size":[1],"hideLabels":[4,"hide-labels"],"stepperId":[1,"stepper-id"],"tdsAriaLabel":[1,"tds-aria-label"]},null,{"orientation":["handleDirectionChange"],"labelPosition":["handleLabelPositionChange"],"size":["handleSizeChange"],"hideLabels":["handleHideLabelsChange"]}]]],["p-08f63e5d",[[1,"tds-table",{"verticalDividers":[516,"vertical-dividers"],"compactDesign":[516,"compact-design"],"noMinWidth":[516,"no-min-width"],"multiselect":[516],"expandableRows":[516,"expandable-rows"],"responsive":[516],"modeVariant":[513,"mode-variant"],"zebraMode":[513,"zebra-mode"],"horizontalScrollWidth":[1,"horizontal-scroll-width"],"tableId":[1,"table-id"],"enableHorizontalScrollToolbarDesign":[32],"enableHorizontalScrollFooterDesign":[32],"getSelectedRows":[64]},null,{"multiselect":["multiselectChanged"],"expandableRows":["enableExpandableRowsChanged"],"compactDesign":["compactDesignChanged"],"verticalDividers":["verticalDividersChanged"],"noMinWidth":["noMinWidthChanged"],"zebraMode":["zebraModeChanged"],"modeVariant":["modeVariantChanged"],"horizontalScrollWidth":["widthChanged"]}]]],["p-aec3e4cf",[[4,"tds-table-body",{"multiselect":[32],"enablePaginationTableBody":[32],"expandableRows":[32],"multiselectArray":[32],"multiselectArrayJSON":[32],"mainCheckboxStatus":[32],"columnsNumber":[32],"zebraMode":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"internalTdsRowChange","bodyCheckboxListener"]]]]],["p-f2232281",[[1,"tds-table-body-row-expandable",{"colSpan":[2,"col-span"],"rowId":[513,"row-id"],"expanded":[516],"overflow":[513],"autoCollapse":[4,"auto-collapse"],"tdsAriaLabelExpandButton":[513,"tds-aria-label-expand-button"],"isExpanded":[32],"tableId":[32],"columnsNumber":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"modeVariant":[32],"expand":[64],"collapse":[64]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"tdsChange","handleRowExpand"]],{"expanded":["watchExpanded"]}]]],["p-704682d6",[[6,"tds-tag",{"text":[1],"size":[1],"variant":[1]}]]],["p-a6238890",[[6,"tds-toggle",{"checked":[516],"required":[4],"size":[1],"name":[1],"headline":[1],"disabled":[4],"toggleId":[1,"toggle-id"],"tdsAriaLabel":[1,"tds-aria-label"],"toggle":[64],"focusElement":[64]}]]],["p-462a6049",[[1,"tds-header-launcher-button",{"active":[4],"tdsAriaLabel":[1,"tds-aria-label"]}]]],["p-25d026a6",[[1,"tds-divider",{"orientation":[1],"variant":[1]}]]],["p-7cb9790d",[[1,"tds-header-dropdown-list",{"size":[513],"headingElement":[32]}]]],["p-cf7af8f2",[[1,"tds-header-dropdown-list-item",{"selected":[4],"size":[513]}]]],["p-397c8969",[[17,"tds-dropdown-option",{"value":[8],"disabled":[4],"tdsAriaLabel":[1,"tds-aria-label"],"internalValue":[32],"selected":[32],"multiselect":[32],"size":[32],"setSelected":[64]},null,{"value":["valueWatcher"]}],[1,"tds-dropdown",{"name":[1],"disabled":[4],"helper":[1],"label":[1],"labelPosition":[1,"label-position"],"modeVariant":[1,"mode-variant"],"openDirection":[1,"open-direction"],"placeholder":[1],"size":[1],"animation":[1],"error":[4],"multiselect":[4],"filter":[4],"normalizeText":[4,"normalize-text"],"noResultText":[1,"no-result-text"],"defaultValue":[8,"default-value"],"value":[1032],"tdsAriaLabel":[1,"tds-aria-label"],"open":[32],"internalValue":[32],"filterResult":[32],"filterFocus":[32],"internalDefaultValue":[32],"selectedOptions":[32],"setValue":[64],"reset":[64],"removeValue":[64],"focusElement":[64],"close":[64],"updateDisplay":[64],"appendValue":[64]},[[9,"mousedown","onAnyClick"],[0,"keydown","onKeyDown"]],{"value":["handleValueChange"],"open":["handleOpenState"],"defaultValue":["handleDefaultValueChange"]}]]],["p-abad3489",[[6,"tds-popover-canvas",{"selector":[1],"referenceEl":[16],"defaultShow":[4,"default-show"],"show":[4],"placement":[1],"offsetSkidding":[2,"offset-skidding"],"animation":[1],"offsetDistance":[2,"offset-distance"],"modifiers":[16],"tdsAlertDialog":[1,"tds-alert-dialog"],"childRef":[32],"close":[64]}]]],["p-23fb4dee",[[6,"tds-tooltip",{"text":[1],"selector":[1],"referenceEl":[16],"defaultShow":[4,"default-show"],"mouseOverTooltip":[4,"mouse-over-tooltip"],"trigger":[1],"show":[1028],"placement":[1],"offsetSkidding":[2,"offset-skidding"],"offsetDistance":[2,"offset-distance"],"tdsAriaDescribedby":[1,"tds-aria-describedby"]},[[8,"keydown","handleKeyDown"]]]]],["p-5bca9fe7",[[1,"tds-side-menu-user-image",{"src":[1],"alt":[1]}],[1,"tds-side-menu-user-label",{"heading":[1],"subheading":[1]}]]],["p-5c077bb9",[[1,"tds-side-menu-item",{"selected":[4],"active":[4],"collapsed":[32],"hasUserComponent":[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]]],["p-8c2695af",[[6,"tds-checkbox",{"name":[1],"checkboxId":[1,"checkbox-id"],"disabled":[4],"required":[4],"checked":[1540],"indeterminate":[1028],"value":[1],"tdsAriaLabel":[1,"tds-aria-label"],"tdsAriaDescribedby":[1,"tds-aria-describedby"],"toggleCheckbox":[64],"focusElement":[64]},[[4,"reset","handleFormReset"]],{"indeterminate":["handleIndeterminateState"]}]]],["p-0cac9ea6",[[6,"tds-popover-core",{"selector":[1],"referenceEl":[16],"defaultShow":[4,"default-show"],"animation":[1],"show":[4],"placement":[1],"offsetSkidding":[2,"offset-skidding"],"offsetDistance":[2,"offset-distance"],"modifiers":[16],"trigger":[1],"autoHide":[4,"auto-hide"],"renderedShowValue":[32],"popperInstance":[32],"target":[32],"isShown":[32],"disableLogic":[32],"hasShownAtLeastOnce":[32],"openedByKeyboard":[32],"close":[64]},[[8,"click","onAnyClick"],[8,"internalTdsShow","onTdsShow"],[8,"keydown","handleKeydown"]],{"show":["onShowChange"],"referenceEl":["onReferenceElChanged"],"trigger":["onTriggerChanged"],"isShown":["onIsShownChange"]}]]],["p-61a1dc59",[[1,"tds-header-item",{"active":[4],"selected":[4]}],[1,"tds-core-header-item"]]],["p-eff87481",[[1,"tds-icon",{"name":[513],"size":[513],"svgTitle":[1,"svg-title"],"tdsAriaHidden":[4,"tds-aria-hidden"],"svgDescription":[1,"svg-description"],"icons_object":[32],"arrayOfIcons":[32]}]]]]'),e))));
|
|
@@ -46,10 +46,8 @@ export declare class TdsDropdown {
|
|
|
46
46
|
filterFocus: boolean;
|
|
47
47
|
internalDefaultValue: string;
|
|
48
48
|
private selectedOptions;
|
|
49
|
-
filterQuery: string;
|
|
50
49
|
private dropdownList;
|
|
51
50
|
private inputElement;
|
|
52
|
-
private hasFocus;
|
|
53
51
|
handleValueChange(newValue: string | number | (string | number)[]): void;
|
|
54
52
|
private normalizeValue;
|
|
55
53
|
private updateDropdownStateInternal;
|
|
@@ -100,8 +98,6 @@ export declare class TdsDropdown {
|
|
|
100
98
|
/** Input event for the Dropdown. */
|
|
101
99
|
tdsInput: EventEmitter<InputEvent>;
|
|
102
100
|
onAnyClick(event: MouseEvent): void;
|
|
103
|
-
onFocusIn(event: FocusEvent): void;
|
|
104
|
-
onFocusOut(event: FocusEvent): void;
|
|
105
101
|
onKeyDown(event: KeyboardEvent): Promise<void>;
|
|
106
102
|
handleOpenState(): void;
|
|
107
103
|
handleDefaultValueChange(newValue: string | number): void;
|
|
@@ -84,8 +84,6 @@ export declare class TdsSlider {
|
|
|
84
84
|
private calculateThumbLeftFromValue;
|
|
85
85
|
/** Updates the slider value based on the current input value */
|
|
86
86
|
private updateSliderValueOnInputChange;
|
|
87
|
-
/** Updates the slider value when using tds-text-field (reads value from host element) */
|
|
88
|
-
private updateSliderValueFromTextField;
|
|
89
87
|
/** Updates the slider value based on the current input value when enter is pressed */
|
|
90
88
|
private handleInputFieldEnterPress;
|
|
91
89
|
private grabThumb;
|
|
@@ -9,7 +9,7 @@ export declare class TdsTextField {
|
|
|
9
9
|
/** Text input for focus state */
|
|
10
10
|
textInput?: HTMLInputElement;
|
|
11
11
|
/** Which input type, text, password or similar */
|
|
12
|
-
type: 'text' | 'password' | 'number'
|
|
12
|
+
type: 'text' | 'password' | 'number';
|
|
13
13
|
/** Position of the label for the Text Field. */
|
|
14
14
|
labelPosition: 'inside' | 'outside' | 'no-label';
|
|
15
15
|
/** Label text */
|
|
@@ -46,10 +46,6 @@ export declare class TdsTextField {
|
|
|
46
46
|
autofocus: boolean;
|
|
47
47
|
/** Value to be used for the aria-label attribute. Can be used for announcing that readOnly prop is set to true. */
|
|
48
48
|
tdsAriaLabel: string;
|
|
49
|
-
/** Makes the text field required */
|
|
50
|
-
required: boolean;
|
|
51
|
-
/** Value to be used for the text field's autocomplete attribute */
|
|
52
|
-
autocomplete: string;
|
|
53
49
|
/** Listen to the focus state of the input */
|
|
54
50
|
focusInput: boolean;
|
|
55
51
|
/** Change event for the Text Field */
|
|
@@ -58,6 +54,7 @@ export declare class TdsTextField {
|
|
|
58
54
|
/** Input event for the Text Field */
|
|
59
55
|
tdsInput: EventEmitter<InputEvent>;
|
|
60
56
|
handleInput(event: InputEvent): void;
|
|
57
|
+
handlePaste(event: ClipboardEvent): void;
|
|
61
58
|
/** Focus event for the Text Field */
|
|
62
59
|
tdsFocus: EventEmitter<FocusEvent>;
|
|
63
60
|
/** Set the input as focus when clicking the whole Text Field with suffix/prefix */
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
2
|
export declare class TdsTextarea {
|
|
3
|
+
host: HTMLElement;
|
|
3
4
|
/** Text input for focus state */
|
|
4
5
|
textEl?: HTMLTextAreaElement;
|
|
5
6
|
private uuid;
|
|
@@ -48,6 +49,7 @@ export declare class TdsTextarea {
|
|
|
48
49
|
/** Input event for the Textarea */
|
|
49
50
|
tdsInput: EventEmitter<InputEvent>;
|
|
50
51
|
handleInput(event: InputEvent): void;
|
|
52
|
+
handlePaste(event: ClipboardEvent): void;
|
|
51
53
|
/** Focus event for the Textarea */
|
|
52
54
|
tdsFocus: EventEmitter<FocusEvent>;
|
|
53
55
|
handleFocus(event: FocusEvent): void;
|
|
@@ -1526,10 +1526,6 @@ export namespace Components {
|
|
|
1526
1526
|
"variant": 'Success' | 'Warning' | 'New' | 'Neutral' | 'Information' | 'Error';
|
|
1527
1527
|
}
|
|
1528
1528
|
interface TdsTextField {
|
|
1529
|
-
/**
|
|
1530
|
-
* Value to be used for the text field's autocomplete attribute
|
|
1531
|
-
*/
|
|
1532
|
-
"autocomplete": string;
|
|
1533
1529
|
/**
|
|
1534
1530
|
* Autofocus for input
|
|
1535
1531
|
*/
|
|
@@ -1590,10 +1586,6 @@ export namespace Components {
|
|
|
1590
1586
|
* Set input in readonly state
|
|
1591
1587
|
*/
|
|
1592
1588
|
"readOnly": boolean;
|
|
1593
|
-
/**
|
|
1594
|
-
* Makes the text field required
|
|
1595
|
-
*/
|
|
1596
|
-
"required": boolean;
|
|
1597
1589
|
/**
|
|
1598
1590
|
* Size of the input
|
|
1599
1591
|
*/
|
|
@@ -1609,7 +1601,7 @@ export namespace Components {
|
|
|
1609
1601
|
/**
|
|
1610
1602
|
* Which input type, text, password or similar
|
|
1611
1603
|
*/
|
|
1612
|
-
"type": 'text' | 'password' | 'number'
|
|
1604
|
+
"type": 'text' | 'password' | 'number';
|
|
1613
1605
|
/**
|
|
1614
1606
|
* Value of the input text
|
|
1615
1607
|
*/
|
|
@@ -4525,10 +4517,6 @@ declare namespace LocalJSX {
|
|
|
4525
4517
|
"variant"?: 'Success' | 'Warning' | 'New' | 'Neutral' | 'Information' | 'Error';
|
|
4526
4518
|
}
|
|
4527
4519
|
interface TdsTextField {
|
|
4528
|
-
/**
|
|
4529
|
-
* Value to be used for the text field's autocomplete attribute
|
|
4530
|
-
*/
|
|
4531
|
-
"autocomplete"?: string;
|
|
4532
4520
|
/**
|
|
4533
4521
|
* Autofocus for input
|
|
4534
4522
|
*/
|
|
@@ -4601,10 +4589,6 @@ declare namespace LocalJSX {
|
|
|
4601
4589
|
* Set input in readonly state
|
|
4602
4590
|
*/
|
|
4603
4591
|
"readOnly"?: boolean;
|
|
4604
|
-
/**
|
|
4605
|
-
* Makes the text field required
|
|
4606
|
-
*/
|
|
4607
|
-
"required"?: boolean;
|
|
4608
4592
|
/**
|
|
4609
4593
|
* Size of the input
|
|
4610
4594
|
*/
|
|
@@ -4620,7 +4604,7 @@ declare namespace LocalJSX {
|
|
|
4620
4604
|
/**
|
|
4621
4605
|
* Which input type, text, password or similar
|
|
4622
4606
|
*/
|
|
4623
|
-
"type"?: 'text' | 'password' | 'number'
|
|
4607
|
+
"type"?: 'text' | 'password' | 'number';
|
|
4624
4608
|
/**
|
|
4625
4609
|
* Value of the input text
|
|
4626
4610
|
*/
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Utility function to handle paste events and trigger input events
|
|
3
|
+
* This ensures that paste operations properly trigger tdsInput events
|
|
4
|
+
*
|
|
5
|
+
* @param element - The HTMLInputElement or HTMLTextAreaElement that received the paste
|
|
6
|
+
* @param onInputCallback - Callback function to handle the input event
|
|
7
|
+
* @param valueProcessor - Optional function to process the value before setting it
|
|
8
|
+
*/
|
|
9
|
+
export declare function handlePasteEvent(element: HTMLInputElement | HTMLTextAreaElement, onInputCallback: (syntheticEvent: InputEvent) => void, valueProcessor?: (value: string) => string): void;
|
package/package.json
CHANGED
|
@@ -1,191 +0,0 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, d as createEvent, h } from './p-28ef5186.js';
|
|
2
|
-
import { h as hasSlot } from './p-ae110fc2.js';
|
|
3
|
-
import { g as generateUniqueId } from './p-11648030.js';
|
|
4
|
-
import { d as defineCustomElement$3 } from './p-b390ece5.js';
|
|
5
|
-
import { d as defineCustomElement$2 } from './p-d3866be7.js';
|
|
6
|
-
import { d as defineCustomElement$1 } from './p-40253725.js';
|
|
7
|
-
|
|
8
|
-
const textFieldCss = ".text-field-input-lg.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.text-field-input-lg.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-lg.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-lg.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-lg.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-md.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-md.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-md.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-md.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-md.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-sm.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-sm.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-sm.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-sm.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-sm.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-container.sc-tds-text-field{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-text-field-background);border-bottom:1px solid var(--tds-text-field-border-bottom);border-top:1px solid transparent;transition:border-bottom-color 200ms ease}.text-field-container.sc-tds-text-field:hover{border-bottom-color:var(--tds-text-field-border-bottom-hover)}.form-text-field-md.sc-tds-text-field .text-field-container.sc-tds-text-field{height:48px}.form-text-field-sm.sc-tds-text-field .text-field-container.sc-tds-text-field{height:40px}.text-field-container.sc-tds-text-field:focus-within{border:2px solid var(--tds-focus-outline-color);margin:0 -2px}.text-field-input-container.sc-tds-text-field{position:relative;width:100%}.text-field-data.sc-tds-text-field,.text-field-input.sc-tds-text-field{color:var(--tds-text-field-data-color)}.text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-text-field-label-color)}.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-text-field-label-inside-color);left:16px}.form-text-field.sc-tds-text-field{display:block;min-width:208px}.form-text-field-nomin.sc-tds-text-field{min-width:auto}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:20px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.text-field-helper.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;justify-content:space-between;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--tds-text-field-helper)}.text-field-helper.sc-tds-text-field .text-field-textcounter.sc-tds-text-field{margin-left:auto}.form-text-field-disabled.sc-tds-text-field .text-field-container.sc-tds-text-field{cursor:not-allowed;border-bottom-color:transparent}.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{color:var(--tds-text-field-ps-color-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-disabled)}.text-field-icon__readonly.sc-tds-text-field{display:none;position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--tds-text-field-icon-read-only-label-color)}.text-field-icon__readonly.sc-tds-text-field .tds-tooltip.sc-tds-text-field{min-width:150px}.form-text-field-readonly.sc-tds-text-field{user-select:auto;caret-color:transparent;cursor:default}.form-text-field-readonly.sc-tds-text-field .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-readonly)}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field:hover~.text-field-icon__readonly-label.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-input.sc-tds-text-field{background-color:transparent}.form-text-field-readonly.sc-tds-text-field:has(.text-field-icon__readonly) .text-field-input.sc-tds-text-field{padding-right:54px}.form-text-field-success.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-success)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-error)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-error)}.text-field-helper-error-state.sc-tds-text-field{display:flex;gap:8px;flex-wrap:nowrap}.text-field-textcounter-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-disabled)}.text-field-textcounter.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-text-field-textcounter);float:right}.text-field-textcounter.text-field-textcounter-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-disabled)}.text-field-textcounter.text-field-textcounter-divider.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider)}.text-field-textcounter.text-field-textcounter-divider-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider-disabled)}.text-field-slot-wrap-prefix.sc-tds-text-field,.text-field-slot-wrap-suffix.sc-tds-text-field{align-self:center;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);margin:0 0 0 14px;color:var(--tds-text-field-ps-color)}.text-field-slot-wrap-prefix.sc-tds-text-field-s>:not(tds-icon),.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 0 0 2px}.text-field-slot-wrap-prefix.text-field-error.sc-tds-text-field,.text-field-slot-wrap-suffix.text-field-error.sc-tds-text-field{color:var(--tds-text-field-ps-color-error)}.text-field-slot-wrap-suffix.sc-tds-text-field{margin:0 14px 0 0}.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 2px 0 0}";
|
|
9
|
-
const TdsTextFieldStyle0 = textFieldCss;
|
|
10
|
-
|
|
11
|
-
const TdsTextField = /*@__PURE__*/ proxyCustomElement(class TdsTextField extends H {
|
|
12
|
-
constructor() {
|
|
13
|
-
super();
|
|
14
|
-
this.__registerHost();
|
|
15
|
-
this.tdsChange = createEvent(this, "tdsChange", 6);
|
|
16
|
-
this.tdsInput = createEvent(this, "tdsInput", 6);
|
|
17
|
-
this.tdsFocus = createEvent(this, "tdsFocus", 6);
|
|
18
|
-
this.tdsBlur = createEvent(this, "tdsBlur", 6);
|
|
19
|
-
this.uuid = generateUniqueId();
|
|
20
|
-
this.type = 'text';
|
|
21
|
-
this.labelPosition = 'no-label';
|
|
22
|
-
this.label = '';
|
|
23
|
-
this.min = undefined;
|
|
24
|
-
this.max = undefined;
|
|
25
|
-
this.helper = undefined;
|
|
26
|
-
this.placeholder = '';
|
|
27
|
-
this.value = '';
|
|
28
|
-
this.disabled = false;
|
|
29
|
-
this.readOnly = false;
|
|
30
|
-
this.hideReadOnlyIcon = false;
|
|
31
|
-
this.size = 'lg';
|
|
32
|
-
this.modeVariant = null;
|
|
33
|
-
this.noMinWidth = false;
|
|
34
|
-
this.name = '';
|
|
35
|
-
this.state = 'default';
|
|
36
|
-
this.maxLength = undefined;
|
|
37
|
-
this.autofocus = false;
|
|
38
|
-
this.tdsAriaLabel = undefined;
|
|
39
|
-
this.required = false;
|
|
40
|
-
this.autocomplete = 'off';
|
|
41
|
-
this.focusInput = false;
|
|
42
|
-
}
|
|
43
|
-
handleChange(event) {
|
|
44
|
-
this.tdsChange.emit(event);
|
|
45
|
-
}
|
|
46
|
-
// Data input event in value prop
|
|
47
|
-
handleInput(event) {
|
|
48
|
-
const inputEl = event.target;
|
|
49
|
-
let { value } = inputEl;
|
|
50
|
-
// Custom handling of number inputs when min/max are set
|
|
51
|
-
if (this.type === 'number') {
|
|
52
|
-
const numericValue = Number(value);
|
|
53
|
-
if (this.min !== undefined && numericValue < Number(this.min)) {
|
|
54
|
-
value = String(this.min);
|
|
55
|
-
}
|
|
56
|
-
if (this.max !== undefined && numericValue > Number(this.max)) {
|
|
57
|
-
value = String(this.max);
|
|
58
|
-
}
|
|
59
|
-
inputEl.value = value;
|
|
60
|
-
}
|
|
61
|
-
this.value = value;
|
|
62
|
-
this.tdsInput.emit(event);
|
|
63
|
-
}
|
|
64
|
-
/** Set the input as focus when clicking the whole Text Field with suffix/prefix */
|
|
65
|
-
handleFocus(event) {
|
|
66
|
-
this.textInput.focus();
|
|
67
|
-
this.focusInput = true;
|
|
68
|
-
this.tdsFocus.emit(event);
|
|
69
|
-
}
|
|
70
|
-
/** Set the input as focus when clicking the whole Text Field with suffix/prefix */
|
|
71
|
-
handleBlur(event) {
|
|
72
|
-
this.focusInput = false;
|
|
73
|
-
this.tdsBlur.emit(event);
|
|
74
|
-
}
|
|
75
|
-
/** Method to handle focus */
|
|
76
|
-
async focusElement() {
|
|
77
|
-
if (this.textInput) {
|
|
78
|
-
this.textInput.focus();
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
render() {
|
|
82
|
-
var _a;
|
|
83
|
-
const usesPrefixSlot = hasSlot('prefix', this.host);
|
|
84
|
-
const usesSuffixSlot = hasSlot('suffix', this.host);
|
|
85
|
-
return (h("div", { key: '5176142333959937bf50a57083231c904bc904a5', class: {
|
|
86
|
-
'form-text-field': true,
|
|
87
|
-
'form-text-field-nomin': this.noMinWidth,
|
|
88
|
-
'text-field-focus': this.focusInput && !this.disabled,
|
|
89
|
-
'text-field-data': this.value !== '' && this.value !== null,
|
|
90
|
-
'text-field-container-label-inside': this.labelPosition === 'inside' && this.size !== 'sm',
|
|
91
|
-
'form-text-field-disabled': this.disabled,
|
|
92
|
-
'form-text-field-readonly': this.disabled ? false : this.readOnly,
|
|
93
|
-
'tds-mode-variant-primary': this.readOnly
|
|
94
|
-
? this.modeVariant === 'secondary'
|
|
95
|
-
: this.modeVariant === 'primary',
|
|
96
|
-
'tds-mode-variant-secondary': this.readOnly
|
|
97
|
-
? this.modeVariant === 'primary'
|
|
98
|
-
: this.modeVariant === 'secondary',
|
|
99
|
-
'form-text-field-md': this.size === 'md',
|
|
100
|
-
'form-text-field-sm': this.size === 'sm',
|
|
101
|
-
'form-text-field-error': this.state === 'error',
|
|
102
|
-
'form-text-field-success': this.state === 'success',
|
|
103
|
-
} }, this.labelPosition === 'outside' && (h("div", { key: 'e2bf45f7635233e9d85edf3bdb8ce11270bc7662', class: "text-field-label-outside" }, h("label", { key: '223b6f56c6367aa1f3350cf5192323353815d7aa', htmlFor: `text-field-input-element-${this.uuid}` }, this.label))), h("div", { key: '15549969c2aad58376b8a4398a189d1adae4ac38', onClick: () => this.textInput.focus(), class: "text-field-container" }, usesPrefixSlot && (h("div", { key: '2317c9f118169e7492016640b8ee16f06ff99c03', class: {
|
|
104
|
-
'text-field-slot-wrap-prefix': true,
|
|
105
|
-
'text-field-error': this.state === 'error',
|
|
106
|
-
'text-field-success': this.state === 'success',
|
|
107
|
-
'text-field-default': this.state === 'default',
|
|
108
|
-
} }, h("slot", { key: '82ed6f444853365bfdba485477c51a224dfe8694', name: "prefix" }))), h("div", { key: '41009c0b3e0037f56c118040dfd1fd8b30046d1b', class: "text-field-input-container" }, h("input", { key: '22873b319a55725e23a1c0f394dc1b287b266610', ref: (inputEl) => {
|
|
109
|
-
this.textInput = inputEl;
|
|
110
|
-
}, class: {
|
|
111
|
-
'text-field-input': true,
|
|
112
|
-
'text-field-input-sm': this.size === 'sm',
|
|
113
|
-
'text-field-input-md': this.size === 'md',
|
|
114
|
-
'text-field-input-lg': this.size === 'lg',
|
|
115
|
-
}, type: this.type, disabled: this.disabled, readonly: this.disabled ? false : this.readOnly, placeholder: this.placeholder, value: this.value, autofocus: this.autofocus, maxlength: this.maxLength, name: this.name, min: this.min, max: this.max, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), onFocus: (event) => {
|
|
116
|
-
if (!this.readOnly) {
|
|
117
|
-
this.handleFocus(event);
|
|
118
|
-
}
|
|
119
|
-
}, onBlur: (event) => {
|
|
120
|
-
if (!this.readOnly) {
|
|
121
|
-
this.handleBlur(event);
|
|
122
|
-
}
|
|
123
|
-
}, "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": `text-field-helper-element-${this.uuid}`, "aria-readonly": this.readOnly, id: `text-field-input-element-${this.uuid}`, required: this.required, autocomplete: this.autocomplete }), this.labelPosition === 'inside' && this.size !== 'sm' && (h("label", { key: '75991eafd96aba94557ab7a049778a3ea97b2ae7', class: "text-field-label-inside", htmlFor: `text-field-input-element-${this.uuid}` }, this.label))), usesSuffixSlot && (h("div", { key: 'fffe2ff86f1e52b8ea8fc2783062c8b0395f237e', class: {
|
|
124
|
-
'text-field-slot-wrap-suffix': true,
|
|
125
|
-
'text-field-error': this.state === 'error',
|
|
126
|
-
'text-field-success': this.state === 'success',
|
|
127
|
-
'text-field-default': this.state === 'default',
|
|
128
|
-
'tds-u-display-none': this.readOnly,
|
|
129
|
-
} }, h("slot", { key: '8f5525e5dea933ec1d592c81cb94d3516944fe36', name: "suffix" }))), this.readOnly && !this.hideReadOnlyIcon && (h("span", { key: 'c6db63da6886396b3185c1c2848ffb02172d8bb7', class: "text-field-icon__readonly" }, h("tds-tooltip", { key: '1c97a0f9a27445bc3db63507954379126935fcfa', placement: "top-end", text: "This field is non-editable", selector: "#readonly-tooltip" }), h("tds-icon", { key: '7cc3a6788517d70c9dd19206fc20922ecd2e0452', id: "readonly-tooltip", name: "edit_inactive", size: "20px" })))), h("div", { key: '4b55eb60fa52b4323ddafc302c0ad6eacd5ac4a5', "aria-live": "assertive" }, (this.helper || this.maxLength > 0) && (h("div", { key: '988750b05a617a6919548042ade5692d754da6b6', class: "text-field-helper", id: `text-field-helper-element-${this.uuid}` }, this.state === 'error' && (h("div", { key: 'b9f0a3bdbbcd1bac146f4bed21b9998ef436e80b', class: "text-field-helper-error-state" }, !this.readOnly && h("tds-icon", { key: 'b811d4216d615ad6ada5dc2cb88ab8f82dd87b47', name: "error", size: "16px" }), this.helper)), this.state !== 'error' && this.helper, !this.readOnly && this.maxLength > 0 && (h("span", { key: 'c0ce5dc118f23327e9746c4d7784a61586913289', class: {
|
|
130
|
-
'text-field-textcounter-divider': true,
|
|
131
|
-
'text-field-textcounter-disabled': this.disabled,
|
|
132
|
-
} }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, " / ", this.maxLength)))))));
|
|
133
|
-
}
|
|
134
|
-
get host() { return this; }
|
|
135
|
-
static get style() { return TdsTextFieldStyle0; }
|
|
136
|
-
}, [6, "tds-text-field", {
|
|
137
|
-
"type": [513],
|
|
138
|
-
"labelPosition": [1, "label-position"],
|
|
139
|
-
"label": [1],
|
|
140
|
-
"min": [8],
|
|
141
|
-
"max": [8],
|
|
142
|
-
"helper": [1],
|
|
143
|
-
"placeholder": [1],
|
|
144
|
-
"value": [513],
|
|
145
|
-
"disabled": [4],
|
|
146
|
-
"readOnly": [4, "read-only"],
|
|
147
|
-
"hideReadOnlyIcon": [4, "hide-read-only-icon"],
|
|
148
|
-
"size": [1],
|
|
149
|
-
"modeVariant": [1, "mode-variant"],
|
|
150
|
-
"noMinWidth": [4, "no-min-width"],
|
|
151
|
-
"name": [1],
|
|
152
|
-
"state": [1],
|
|
153
|
-
"maxLength": [2, "max-length"],
|
|
154
|
-
"autofocus": [4],
|
|
155
|
-
"tdsAriaLabel": [1, "tds-aria-label"],
|
|
156
|
-
"required": [4],
|
|
157
|
-
"autocomplete": [1],
|
|
158
|
-
"focusInput": [32],
|
|
159
|
-
"focusElement": [64]
|
|
160
|
-
}]);
|
|
161
|
-
function defineCustomElement() {
|
|
162
|
-
if (typeof customElements === "undefined") {
|
|
163
|
-
return;
|
|
164
|
-
}
|
|
165
|
-
const components = ["tds-text-field", "tds-icon", "tds-popover-core", "tds-tooltip"];
|
|
166
|
-
components.forEach(tagName => { switch (tagName) {
|
|
167
|
-
case "tds-text-field":
|
|
168
|
-
if (!customElements.get(tagName)) {
|
|
169
|
-
customElements.define(tagName, TdsTextField);
|
|
170
|
-
}
|
|
171
|
-
break;
|
|
172
|
-
case "tds-icon":
|
|
173
|
-
if (!customElements.get(tagName)) {
|
|
174
|
-
defineCustomElement$3();
|
|
175
|
-
}
|
|
176
|
-
break;
|
|
177
|
-
case "tds-popover-core":
|
|
178
|
-
if (!customElements.get(tagName)) {
|
|
179
|
-
defineCustomElement$2();
|
|
180
|
-
}
|
|
181
|
-
break;
|
|
182
|
-
case "tds-tooltip":
|
|
183
|
-
if (!customElements.get(tagName)) {
|
|
184
|
-
defineCustomElement$1();
|
|
185
|
-
}
|
|
186
|
-
break;
|
|
187
|
-
} });
|
|
188
|
-
}
|
|
189
|
-
defineCustomElement();
|
|
190
|
-
|
|
191
|
-
export { TdsTextField as T, defineCustomElement as d };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as e,H as o,g as s}from"./p-2049fab2.js";import{d as r}from"./p-52bf0fdf.js";const d=class{constructor(e){t(this,e)}render(){return e(o,{key:"61b64a52364893a5b67de5797ae49b3c238086ac"},e("div",{key:"29a46213b10ea291137b2fa7e2f28594177da0fb",class:"item"},e("slot",{key:"a844cb74962112475d6da8d1598f0fa7e1fa0b64"})))}};d.style=":host{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-nav-item-color)}:host .item{all:unset;box-sizing:border-box;display:flex;justify-content:center;align-items:center;min-width:var(--tds-header-height);height:var(--tds-header-height);margin:0}:host .item *{box-sizing:border-box}:host slot{white-space:nowrap}:host ::slotted(svg){font-size:20px}";const a=class{constructor(e){t(this,e),this.active=!1,this.selected=!1}updateSlotted(t,e){const o=this.slotEl.assignedElements({flatten:!0})[0];if(o){const s=r(o,t);s&&e(s)}}updateSlottedElements(){this.slotEl&&(this.updateSlotted((t=>"tds-icon"===t.tagName.toLowerCase()||"svg"===t.tagName.toLowerCase()),(t=>t.classList.add("__tds-header-item-icon"))),this.updateSlotted((t=>"img"===t.tagName.toLowerCase()),(t=>t.classList.add("__tds-header-item-image"))))}updateOrder(){this.host.style.order="end"===this.host.getAttribute("order")?"1":"0"}componentDidLoad(){this.slotEl=this.host.shadowRoot.querySelector("slot"),this.updateSlottedElements(),this.slotEl.addEventListener("slotchange",this.updateSlottedElements),this.updateOrder(),this.mutationObserver=new MutationObserver((t=>{t.forEach((t=>{"attributes"===t.type&&"order"===t.attributeName&&this.updateOrder()}))})),this.mutationObserver.observe(this.host,{attributes:!0,attributeFilter:["order"]})}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}render(){return e(o,{key:"4a9d013ab3abde506f9992453cae793db9a652cf"},e("tds-core-header-item",{key:"359634d0bca7720c8a9bfd5c696a89c97df76a75",class:{"component-active":this.active,"component-selected":this.selected}},e("slot",{key:"7318ad6ea4d1dfa0f16b70c6f305ece087aeea2e"})))}get host(){return s(this)}};a.style=":host ::slotted(button),:host ::slotted(a){all:unset;box-sizing:border-box;background-color:var(--tds-header-background);border-right:1px solid var(--tds-header--basic-element-border);width:100%;height:100%;cursor:pointer;padding:0 24px;display:flex;align-items:center;gap:8px}:host ::slotted(button) *,:host ::slotted(a) *{box-sizing:border-box}:host ::slotted(button:hover),:host ::slotted(a:hover){background-color:var(--tds-header-item-hover)}:host ::slotted(button:focus-visible),:host ::slotted(a:focus-visible){border:none;outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px}:host .component-active ::slotted(button),:host .component-active ::slotted(a){background-color:var(--tds-header--basic-element-background-open);color:var(--tds-header-nav-item-dropdown-opened-color);border-color:var(--tds-header--basic-element-border-open)}:host .component-selected:not(.component-active) ::slotted(button),:host .component-selected:not(.component-active) ::slotted(a){background-color:var(--tds-header--basic-element-background-selected);padding-top:4px;border-bottom-style:solid;border-bottom-width:4px;border-bottom-color:var(--tds-nav-item-border-color-active)}";export{d as tds_core_header_item,a as tds_header_item}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,h as t,H as e,g as n}from"./p-2049fab2.js";const s=class{constructor(t){o(this,t),this.selected=!1,this.dropdownHasIcon=!1,this.dropdownHasUser=!1,this.collapsed=!1}collapseSideMenuEventHandler(o){this.collapsed=o.detail.collapsed}connectedCallback(){var o;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=null===(o=this.sideMenuEl)||void 0===o?void 0:o.collapsed}componentDidLoad(){var o;const t=this.host.closest("tds-side-menu-dropdown"),e=null==t?void 0:t.querySelector("tds-side-menu-user"),n=t.shadowRoot.querySelector('slot[name="icon"]').assignedElements(),s=(null==n?void 0:n.length)>0,d="tds-side-menu-user-image"===(null===(o=null==n?void 0:n[0])||void 0===o?void 0:o.tagName.toLowerCase());s&&!d&&(this.dropdownHasIcon=!0),e&&(this.dropdownHasUser=!0)}render(){return t(e,{key:"7aedc4c01840378247f5b6f06f55f8763cd6533d",role:"listitem"},t("div",{key:"60dd4aa980084396fb930f28a95d811fb394375a",class:{component:!0,"component-selected":this.selected,"component-dropdown-has-icon":this.dropdownHasIcon,"component-dropdown-has-user":this.dropdownHasUser,"component-collapsed":this.collapsed}},t("slot",{key:"75a256ed4d6674cb5d3bd7bc29026ea1e13b6489"})))}get host(){return n(this)}};s.style=':host{display:block;box-sizing:border-box;height:48px;width:100%}:host .component{height:100%;width:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--tds-nav-item-border-color);display:flex;align-items:center;height:100%;padding:0 24px;width:100%;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-header-nav-item-dropdown-opened-background);color:var(--tds-header-nav-item-dropdown-opened-color);border:none}:host .component ::slotted(a:hover),:host .component ::slotted(button:hover){background-color:var(--tds-sidebar-item-state-hover);cursor:pointer;position:relative}:host .component ::slotted(a:hover)::before,:host .component ::slotted(button:hover)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-hover-indicator)}:host .component ::slotted(a:hover:focus-visible),:host .component ::slotted(button:hover:focus-visible){background-color:var(--tds-sidebar-item-state-hover);cursor:pointer;position:relative}:host .component ::slotted(a:hover:focus-visible)::before,:host .component ::slotted(button:hover:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-hover-indicator)}:host .component ::slotted(a:active),:host .component ::slotted(button:active){background-color:var(--tds-sidemenu-item-state-active) !important;cursor:pointer;position:relative}:host .component ::slotted(a:active)::before,:host .component ::slotted(button:active)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component ::slotted(a:active:focus-visible),:host .component ::slotted(button:active:focus-visible){background-color:var(--tds-sidemenu-item-state-active) !important;cursor:pointer;position:relative}:host .component ::slotted(a:active:focus-visible)::before,:host .component ::slotted(button:active:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component ::slotted(a:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px}:host .component.component-selected ::slotted(a),:host .component.component-selected ::slotted(button){background-color:var(--tds-header-nav-item-dropdown-opened-background-selected);position:relative}:host .component.component-selected ::slotted(a)::before,:host .component.component-selected ::slotted(button)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component.component-selected ::slotted(a:focus-visible),:host .component.component-selected ::slotted(button:focus-visible){background-color:var(--tds-header-nav-item-dropdown-opened-background-selected);position:relative}:host .component.component-selected ::slotted(a:focus-visible)::before,:host .component.component-selected ::slotted(button:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(button){padding:16px 48px 16px 58px}:host .component.component-dropdown-has-user:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-user:not(.component-collapsed) ::slotted(button){padding:16px 48px 16px 64px}';export{s as tds_side_menu_dropdown_list_item}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,c as t,h as e,g as i}from"./p-2049fab2.js";import{g as d}from"./p-11648030.js";const r=class{constructor(e){s(this,e),this.tdsChange=t(this,"tdsChange",6),this.tdsInput=t(this,"tdsInput",6),this.wrapperElement=null,this.thumbElement=null,this.thumbInnerElement=null,this.trackElement=null,this.trackFillElement=null,this.thumbGrabbed=!1,this.thumbLeft=0,this.tickValues=[],this.useControls=!1,this.useInput=!1,this.useSmall=!1,this.useSnapping=!1,this.supposedValueSlot=-1,this.resizeObserverAdded=!1,this.resetEventListenerAdded=!1,this.ariaLiveElement=null,this.announcementDebounceTimeout=null,this.resetToInitialValue=()=>{this.forceValueUpdate(this.initialValue),this.reset()},this.label="",this.value="0",this.min="0",this.max="100",this.ticks="0",this.showTickNumbers=!1,this.tooltip=!1,this.disabled=!1,this.readOnly=!1,this.controls=!1,this.input=!1,this.step="1",this.name="",this.thumbSize="lg",this.snap=!1,this.tdsAriaLabel="",this.sliderId=d(),this.tdsReadOnlyAriaLabel=""}roundToStep(s){const t=parseFloat(this.step);if(!t)return parseFloat(s.toFixed());const e=Math.round(s/t)*t,i=(t.toString().split(".")[1]||"").length;return parseFloat(e.toFixed(i))}async reset(){this.componentWillLoad(),this.componentDidLoad()}handleKeydown(s){switch(s.key){case"ArrowLeft":case"ArrowDown":case"-":this.stepLeft(s),this.announceValueChange();break;case"ArrowRight":case"ArrowUp":case"+":this.stepRight(s),this.announceValueChange();break;case"Home":this.setToMinValue(),this.announceValueChange();break;case"End":this.setToMaxValue(),this.announceValueChange()}}handleRelease(s){this.thumbGrabbed?(this.thumbGrabbed=!1,this.thumbInnerElement.classList.remove("pressed"),this.thumbElement&&this.thumbElement.setAttribute("aria-grabbed","false"),this.updateValue(s),this.trackElement.focus()):(s.target===this.trackElement||s.target===this.trackFillElement)&&(this.thumbCore(s),this.trackElement.focus())}handleMove(s){this.thumbGrabbed&&this.thumbCore(s)}handleValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.updateTrack()}setToMinValue(){this.readOnly||this.disabled||this.forceValueUpdate(this.min)}setToMaxValue(){this.readOnly||this.disabled||this.forceValueUpdate(this.max)}updateSupposedValueSlot(s){const t=parseInt(this.ticks),e=this.getTrackWidth(),i=Math.round(e/(t+1)),d=Math.round(s/i)*i;let r=0;return d>=0&&d<=e?r=d:d>e?r=e:d<0&&(r=0),this.supposedValueSlot=Math.round(r/i),d}thumbCore(s){const t=parseInt(this.ticks),e=this.trackElement.getBoundingClientRect();let i=0;"mousemove"===s.type||"mouseup"===s.type?i=s.clientX-e.left:"touchmove"===s.type?i=s.touches[0].clientX-e.left:console.warn("Slider component: Unsupported event!"),this.supposedValueSlot=-1,this.useSnapping&&t>0&&(i=this.updateSupposedValueSlot(i)),this.thumbLeft=this.constrainThumb(i),this.thumbElement.style.left=`${this.thumbLeft}px`,this.updateValue(s)}updateTrack(){const s=this.getTrackWidth();this.trackFillElement&&(this.trackFillElement.style.width=this.thumbLeft/s*100+"%")}announceValueChange(){this.ariaLiveElement&&(clearTimeout(this.announcementDebounceTimeout),this.announcementDebounceTimeout=setTimeout((()=>{this.ariaLiveElement.textContent=`${this.label?this.label+" ":""}${this.value} of ${this.max}`}),50))}updateValue(s){const t=this.getTrackWidth(),e=parseFloat(this.min),i=parseFloat(this.max);if(this.useSnapping&&this.supposedValueSlot>=0){const s=this.tickValues[this.supposedValueSlot];this.value=s.toString(),this.calculateThumbLeftFromValue(s)}else this.value=this.roundToStep(e+this.thumbLeft/t*(i-e)).toString();this.updateTrack(),this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`)),this.tdsInput.emit({value:this.value}),"touchend"!==s.type&&"mouseup"!==s.type||(this.tdsChange.emit({value:this.value}),this.announceValueChange())}forceValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`)),this.tdsChange.emit({value:this.value}),this.updateTrack(),this.announceValueChange()}constrainThumb(s){const t=this.getTrackWidth();return s<0?0:s>t?t:s}getTrackWidth(){if(!this.trackElement)return 0;const s=this.trackElement.getBoundingClientRect();return s.right-s.left}calculateThumbLeftFromValue(s){const t=s,e=this.getTrackWidth(),i=t-parseFloat(this.min),d=parseFloat(this.max)-parseFloat(this.min);this.thumbLeft=i/d*e,this.updateSupposedValueSlot(this.thumbLeft),this.thumbElement&&(this.thumbElement.style.left=`${this.thumbLeft}px`,this.thumbElement.setAttribute("aria-valuenow",this.value))}updateSliderValueOnInputChange(s){let t=parseFloat(s.target.value);if(t===parseFloat(this.value))return;const e=parseFloat(this.min),i=parseFloat(this.max);t<e?t=e:t>i&&(t=i);const d=this.roundToStep(t);this.forceValueUpdate(d.toString())}updateSliderValueFromTextField(s){const t=s.target;let e=parseFloat(t&&void 0!==t.value?t.value:"");if(Number.isNaN(e))return;const i=parseFloat(this.min),d=parseFloat(this.max);e<i?e=i:e>d&&(e=d);const r=this.roundToStep(e);this.forceValueUpdate(r.toString())}handleInputFieldEnterPress(s){s.stopPropagation(),"Enter"===s.key&&(this.updateSliderValueOnInputChange(s),s.target.blur())}grabThumb(){this.readOnly||(this.thumbGrabbed=!0,this.thumbInnerElement.classList.add("pressed"),this.thumbElement&&this.thumbElement.setAttribute("aria-grabbed","true"))}calculateInputSizeFromMax(){const s=this.host.querySelector('tds-text-field input[type="number"]');s&&(this.readOnly?s.style.width=52+8*this.max.length+"px":s.setAttribute("size",`${this.max.length}`))}controlsStep(s,t){if(this.readOnly||this.disabled)return;const e=parseInt(this.ticks);if(this.useSnapping&&e>0)this.supposedValueSlot+=s>0?1:-1,this.supposedValueSlot<0?this.supposedValueSlot=0:this.supposedValueSlot>e+1&&(this.supposedValueSlot=e+1),this.updateValue(t);else{const t=this.getTrackWidth(),e=this.thumbLeft/t;let i=parseFloat(this.min)+e*(parseFloat(this.max)-parseFloat(this.min));i+=s,i=this.roundToStep(i),i<parseFloat(this.min)?i=parseFloat(this.min):i>parseFloat(this.max)&&(i=parseFloat(this.max)),this.value=`${i}`,this.forceValueUpdate(this.value)}}stepLeft(s){this.controlsStep(-parseFloat(this.step),s)}stepRight(s){this.controlsStep(parseFloat(this.step),s)}componentWillLoad(){const s=parseInt(this.ticks);if(s>0){this.tickValues=[parseFloat(this.min)];const t=(parseFloat(this.max)-parseFloat(this.min))/(s+1),e=(parseFloat(this.step).toString().split(".")[1]||"").length;for(let i=1;i<=s;i++){const s=parseFloat(this.min)+t*i;this.tickValues.push(parseFloat(s.toFixed(e)))}this.tickValues.push(parseFloat(this.max))}this.useInput=!1,this.useControls=!1,this.controls?this.useControls=!0:this.input&&(this.useInput=!0),this.useSmall="sm"===this.thumbSize,this.useSnapping=this.snap,parseFloat(this.min)>parseFloat(this.max)&&(console.warn("min-prop must have a higher value than max-prop for the component to work correctly."),this.disabled=!0)}componentDidLoad(){this.calculateInputSizeFromMax(),this.resizeObserverAdded||(this.resizeObserverAdded=!0,new ResizeObserver((()=>{this.calculateThumbLeftFromValue(this.value),this.updateTrack()})).observe(this.wrapperElement)),this.calculateThumbLeftFromValue(this.value),this.updateTrack(),this.initialValue||(this.initialValue=this.value),this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`),this.thumbElement.tabIndex=this.disabled?-1:0)}componentDidRender(){this.resetEventListenerAdded||(this.formElement=this.host.closest("form"),this.formElement&&(this.formElement.addEventListener("reset",this.resetToInitialValue),this.resetEventListenerAdded=!0))}connectedCallback(){this.readOnly&&!this.tdsReadOnlyAriaLabel&&console.warn("tds-slider: tdsAriaLabel is reccomended when readonly is true"),this.resetEventListenerAdded&&this.formElement&&(this.formElement.removeEventListener("reset",this.resetToInitialValue),this.resetEventListenerAdded=!1)}render(){const s=this.readOnly?this.tdsReadOnlyAriaLabel:this.label||this.tdsAriaLabel;return e("div",{key:"6077f356c7723ce54bdee208039af07154499684",class:{"tds-slider-wrapper":!0,"read-only":this.readOnly}},e("input",{key:"0ee6d0f1c8661bdcae6a3df5eca7b154306338eb",class:"tds-slider-native-element",type:"range",name:this.name,min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled}),e("div",{key:"cfb2700cf9d16c204182a72f9f00ccd03b58ef89",class:"sr-only","aria-live":"assertive",ref:s=>{this.ariaLiveElement=s}}),e("div",{key:"b90c1d06afd96682a108b24506660e7544c4be38",class:{"tds-slider":!0,disabled:this.disabled,"tds-slider-small":this.useSmall},ref:s=>{this.wrapperElement=s},"aria-disabled":this.disabled?"true":"false"},e("label",{key:"3d0bc3f42de59e4397dc8da0edf7ec29802ee8ab",id:`${this.sliderId}-label`,class:this.showTickNumbers&&"offset"},this.label),this.useInput&&e("div",{key:"c3868e2225cc4dacf60d23e31bdb2b106b85ce22",class:"tds-slider__input-values"},e("div",{key:"af100279435087101f37043ea083e5e33d930079",class:"tds-slider__input-value min-value"},this.min)),this.useControls&&e("div",{key:"83c0078ec0ae39d29582e1ff1f4c3fc5f3a09483",class:"tds-slider__controls"},e("div",{key:"31947e6cd76c35b8b8e7c0fb92b777e3bf8538b7",class:"tds-slider__control tds-slider__control-minus",onClick:s=>this.stepLeft(s),role:"button","aria-label":"Decrease value",tabindex:this.disabled||this.readOnly?"-1":"0"},e("tds-icon",{key:"4c005f8c628236482eecdac51bd43a860f9e38d9",name:"minus",size:"16px"}))),e("div",{key:"c6f21ded71244d202e255a90039f03872af09d5a",class:"tds-slider-inner",tabIndex:-1},this.tickValues.length>0&&e("div",{key:"df1e820e1077ccec24826e38ba1b1fdd8dc0ae90",class:"tds-slider__value-dividers-wrapper"},e("div",{key:"f8cadf57f46068f61d1afc2bbcc30997a750705b",class:"tds-slider__value-dividers"},this.tickValues.map((s=>e("div",{class:"tds-slider__value-divider"},this.showTickNumbers&&e("span",null,s)))))),e("div",{key:"389ba385948b6772e803b7b9ec858061451f7534",class:"tds-slider__track",ref:s=>{this.trackElement=s},tabindex:this.disabled?"-1":"0",role:"presentation",onFocus:()=>{this.thumbElement&&this.thumbElement.focus()}},e("div",{key:"5409aec334156fc5c5ac6a2cdbcb38ee50e35259",class:"tds-slider__track-fill",ref:s=>{this.trackFillElement=s}}),e("div",{key:"8e0953ed9771846db11b9f79f6844065494f1b01",class:"tds-slider__thumb",ref:s=>{this.thumbElement=s},onMouseDown:()=>this.grabThumb(),onTouchStart:()=>this.grabThumb(),role:"slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.value,"aria-valuetext":`${this.value} of ${this.max}`,"aria-labelledby":`${this.sliderId}-label`,"aria-grabbed":this.thumbGrabbed?"true":"false","aria-label":s,tabindex:this.disabled?"-1":"0"},this.tooltip&&e("div",{key:"ed08cca6219adff68babc9c535aff278a1b3325e",class:"tds-slider__value"},this.value,e("svg",{key:"dc46d041d7c123400a42ea9c9472cf0a329eb4a1",width:"18",height:"14",viewBox:"0 0 18 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"3d46edb2069bd056a2ae09efa4bfa7f6319afe3b",d:"M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z",fill:"currentColor"}))),e("div",{key:"202f2b005a969cd7eb3396c14ef6f72224fcd56a",class:"tds-slider__thumb-inner",ref:s=>{this.thumbInnerElement=s}})))),this.useInput&&e("div",{key:"ca2e84c4bccc24ebbc58a4915f62b5ecb77462c9",class:"tds-slider__input-values"},e("div",{key:"58fdb8a9a25b9f15314aab8ffaee9424fbb26458",class:"tds-slider__input-value",onClick:s=>this.stepLeft(s)},this.max),e("div",{key:"4cba8f4c2b8a89922dbaa9eec4c2f9d12f43b62c",class:"tds-slider__input-field-wrapper"},e("tds-text-field",{key:"65d311769aa5202134676cf9c4652132fbfc364d",noMinWidth:!0,size:"sm",type:"number",value:this.value,min:this.min,max:this.max,readOnly:this.readOnly,disabled:this.disabled,onTdsChange:s=>console.log(s),tdsAriaLabel:this.readOnly?this.tdsReadOnlyAriaLabel:void 0,onTdsBlur:s=>this.updateSliderValueFromTextField(s),onKeyDown:s=>this.handleInputFieldEnterPress(s)}))),this.useControls&&e("div",{key:"da8881158bee1aec2724a0e71af3faa88bc0eb17",class:"tds-slider__controls"},e("div",{key:"241b11a3bee6ce8cf3e53ba77a095e2fb0cdb8a6",class:"tds-slider__control tds-slider__control-plus",onClick:s=>this.stepRight(s),role:"button","aria-label":"Increase value",tabindex:this.disabled||this.readOnly?"-1":"0"},e("tds-icon",{key:"c8e5466b53a1fe6abaaab77741e4adb7ec197341",name:"plus",size:"16px"})))))}get host(){return i(this)}static get watchers(){return{value:["handleValueUpdate"]}}};r.style='tds-slider{box-sizing:border-box;width:100%}tds-slider *{box-sizing:border-box}tds-slider input[type=range].tds-slider-native-element{display:none}tds-slider .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.tds-slider .tds-slider-inner{width:100%;height:20px;position:relative}.tds-slider .tds-slider-inner:focus-within .tds-slider__thumb-inner{outline:var(--tds-slider-thumb-focus-outline);box-shadow:var(--tds-slider-thumb-focus-box-shadow);outline-offset:var(--tds-slider-thumb-focus-outline-offset);z-index:1}.tds-slider .tds-slider__controls{position:relative;top:-25px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus{padding:18px 18px 18px 0}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus{padding:18px 0 18px 18px}.tds-slider .tds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.tds-slider .tds-slider__input-values .tds-slider__input-value{user-select:none;padding:18px;color:var(--tds-slider-input-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}.tds-slider .tds-slider__input-values .tds-slider__input-value.min-value{padding-left:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--tds-slider-inputfield-background);display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]{width:auto;padding:12px;text-align:center;appearance:textfield}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-outer-spin-button,.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input:read-only{text-align:left}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-icon__readonly{right:12px}.tds-slider label{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);user-select:none;position:absolute;color:var(--tds-slider-label-color);padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);user-select:none;border-radius:4px;padding:8px 11px;position:absolute;transform:translate(-50%, -100%);top:-24px;background-color:var(--tds-slider-value-tooltip-background);color:var(--tds-slider-value-tooltip-color)}.tds-slider .tds-slider__value svg{color:var(--tds-slider-value-tooltip-background);position:absolute;left:50%;transform:translateX(-50%);top:34px}.tds-slider .tds-slider__thumb{position:absolute}.tds-slider .tds-slider__thumb:hover .tds-slider__value{display:block}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner{width:20px;height:20px;border-radius:100%;background-color:var(--tds-slider-thumb-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner::before{content:" ";display:none;width:48px;height:48px;background-color:var(--tds-slider-thumb-color);position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner:hover::before{display:block;background-color:var(--tds-slider-thumb-hover)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:24px;height:24px}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed::before{display:block;background-color:var(--tds-slider-thumb-pressed)}.tds-slider .tds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.tds-slider .tds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider{transform:translateY(-50%);height:16px;background-color:var(--tds-slider-divider-color);color:var(--tds-slider-divider-values-color);width:1px}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span{display:block;user-select:none;color:var(-tds-grey-700);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.tds-slider .tds-slider__track{width:100%;height:2px;border-radius:1px;background-color:var(--tds-slider-track-color);position:relative;cursor:pointer}.tds-slider .tds-slider__track::after{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px;cursor:pointer;z-index:0}.tds-slider .tds-slider__track:focus{outline:0}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner{width:24px;height:24px}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner::before{display:block;opacity:0.08}.tds-slider .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-fill-color);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.tds-slider .tds-slider__track .tds-slider__thumb{z-index:1}.tds-slider.disabled{cursor:not-allowed}.tds-slider.disabled>*{pointer-events:none}.tds-slider.disabled label{color:var(--tds-slider-label-disabled)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--tds-slider-input-value-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper{pointer-events:none}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{color:var(--tds-slider-inputfield-number-disabled);box-shadow:none;pointer-events:none;background:var(--tds-slider-inputfield-background-disabled)}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track{cursor:not-allowed;background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider{background-color:var(--tds-slider-divider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--tds-slider-divider-values-disabled)}.tds-slider.disabled .tds-slider__thumb{pointer-events:none}.tds-slider.disabled .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--tds-slider-thumb-disabled);cursor:default}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner{width:16px;height:16px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner::before{width:40px;height:40px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:20px;height:20px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-color)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-disabled)}';export{r as tds_slider}
|