@scania/tegel 0.0.1-beta.7 → 0.0.1-beta.9
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/package.json +1 -1
- package/readme.md +7 -8
- package/dist/cjs/index-e1c79686.js +0 -1912
- package/dist/cjs/index.cjs.js +0 -2
- package/dist/cjs/loader.cjs.js +0 -21
- package/dist/cjs/popper-11d5f714.js +0 -1801
- package/dist/cjs/sdds-accordion-item.cjs.entry.js +0 -34
- package/dist/cjs/sdds-accordion.cjs.entry.js +0 -21
- package/dist/cjs/sdds-badges.cjs.entry.js +0 -55
- package/dist/cjs/sdds-body-cell_2.cjs.entry.js +0 -173
- package/dist/cjs/sdds-button.cjs.entry.js +0 -36
- package/dist/cjs/sdds-datetime.cjs.entry.js +0 -66
- package/dist/cjs/sdds-dropdown-filter.cjs.entry.js +0 -92
- package/dist/cjs/sdds-dropdown_2.cjs.entry.js +0 -335
- package/dist/cjs/sdds-header-cell.cjs.entry.js +0 -141
- package/dist/cjs/sdds-icon.cjs.entry.js +0 -42
- package/dist/cjs/sdds-inline-tabs-fullbleed.cjs.entry.js +0 -96
- package/dist/cjs/sdds-inline-tabs.cjs.entry.js +0 -211
- package/dist/cjs/sdds-modal.cjs.entry.js +0 -49
- package/dist/cjs/sdds-navigation-tabs.cjs.entry.js +0 -95
- package/dist/cjs/sdds-popover-canvas.cjs.entry.js +0 -76
- package/dist/cjs/sdds-popover-menu.cjs.entry.js +0 -75
- package/dist/cjs/sdds-slider.cjs.entry.js +0 -336
- package/dist/cjs/sdds-spinner.cjs.entry.js +0 -21
- package/dist/cjs/sdds-table-body-row-expandable.cjs.entry.js +0 -81
- package/dist/cjs/sdds-table-body.cjs.entry.js +0 -289
- package/dist/cjs/sdds-table-footer.cjs.entry.js +0 -165
- package/dist/cjs/sdds-table-header.cjs.entry.js +0 -100
- package/dist/cjs/sdds-table-toolbar.cjs.entry.js +0 -66
- package/dist/cjs/sdds-table.cjs.entry.js +0 -69
- package/dist/cjs/sdds-textarea.cjs.entry.js +0 -61
- package/dist/cjs/sdds-textfield.cjs.entry.js +0 -82
- package/dist/cjs/sdds-tooltip.cjs.entry.js +0 -95
- package/dist/cjs/tegel.cjs.js +0 -19
- package/dist/collection/collection-manifest.json +0 -40
- package/dist/collection/components/accordion/accordion-item/accordion-item.css +0 -134
- package/dist/collection/components/accordion/accordion-item/accordion-item.js +0 -146
- package/dist/collection/components/accordion/accordion.css +0 -77
- package/dist/collection/components/accordion/accordion.js +0 -62
- package/dist/collection/components/badge/badges.css +0 -42
- package/dist/collection/components/badge/badges.js +0 -150
- package/dist/collection/components/button/button-component.js +0 -154
- package/dist/collection/components/button/button.css +0 -658
- package/dist/collection/components/data-table/table/table.css +0 -15
- package/dist/collection/components/data-table/table/table.js +0 -253
- package/dist/collection/components/data-table/table-body/table-body.css +0 -22
- package/dist/collection/components/data-table/table-body/table-body.js +0 -425
- package/dist/collection/components/data-table/table-body-cell/table-body-cell.css +0 -40
- package/dist/collection/components/data-table/table-body-cell/table-body-cell.js +0 -169
- package/dist/collection/components/data-table/table-body-row/table-body-row.css +0 -196
- package/dist/collection/components/data-table/table-body-row/table-body-row.js +0 -164
- package/dist/collection/components/data-table/table-body-row-expandable/table-body-row-expandable.css +0 -79
- package/dist/collection/components/data-table/table-body-row-expandable/table-body-row-expandable.js +0 -155
- package/dist/collection/components/data-table/table-footer/table-footer.css +0 -93
- package/dist/collection/components/data-table/table-footer/table-footer.js +0 -355
- package/dist/collection/components/data-table/table-header/table-header.css +0 -204
- package/dist/collection/components/data-table/table-header/table-header.js +0 -153
- package/dist/collection/components/data-table/table-header-cell/table-header-cell.css +0 -126
- package/dist/collection/components/data-table/table-header-cell/table-header-cell.js +0 -320
- package/dist/collection/components/data-table/table-toolbar/table-toolbar.css +0 -92
- package/dist/collection/components/data-table/table-toolbar/table-toolbar.js +0 -142
- package/dist/collection/components/datetime/datetime.css +0 -375
- package/dist/collection/components/datetime/datetime.js +0 -251
- package/dist/collection/components/dropdown/dropdown-filter/dropdown-filter.js +0 -339
- package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +0 -185
- package/dist/collection/components/dropdown/dropdown.css +0 -891
- package/dist/collection/components/dropdown/dropdown.js +0 -554
- package/dist/collection/components/icon/icon.css +0 -16
- package/dist/collection/components/icon/icon.js +0 -89
- package/dist/collection/components/icon/iconsArray.js +0 -2
- package/dist/collection/components/modal/modal.css +0 -324
- package/dist/collection/components/modal/modal.js +0 -146
- package/dist/collection/components/popover-canvas/popover-canvas.css +0 -20
- package/dist/collection/components/popover-canvas/popover-canvas.js +0 -190
- package/dist/collection/components/popover-menu/popover-menu.css +0 -19
- package/dist/collection/components/popover-menu/popover-menu.js +0 -189
- package/dist/collection/components/slider/slider.css +0 -260
- package/dist/collection/components/slider/slider.js +0 -682
- package/dist/collection/components/spinner/spinner.css +0 -79
- package/dist/collection/components/spinner/spinner.js +0 -61
- package/dist/collection/components/tabs/inline-tabs-default/inline-tabs.css +0 -159
- package/dist/collection/components/tabs/inline-tabs-default/inline-tabs.js +0 -302
- package/dist/collection/components/tabs/inline-tabs-fullbleed/inline-tabs-fullbleed.css +0 -172
- package/dist/collection/components/tabs/inline-tabs-fullbleed/inline-tabs-fullbleed.js +0 -126
- package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.css +0 -153
- package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +0 -103
- package/dist/collection/components/textarea/textarea.css +0 -283
- package/dist/collection/components/textarea/textarea.js +0 -336
- package/dist/collection/components/textfield/textfield.css +0 -494
- package/dist/collection/components/textfield/textfield.js +0 -359
- package/dist/collection/components/tooltip/tooltip.css +0 -46
- package/dist/collection/components/tooltip/tooltip.js +0 -200
- package/dist/collection/index.js +0 -1
- package/dist/collection/stories/assets/code-brackets.svg +0 -1
- package/dist/collection/stories/assets/colors.svg +0 -1
- package/dist/collection/stories/assets/comments.svg +0 -1
- package/dist/collection/stories/assets/direction.svg +0 -1
- package/dist/collection/stories/assets/flow.svg +0 -1
- package/dist/collection/stories/assets/plugin.svg +0 -1
- package/dist/collection/stories/assets/repo.svg +0 -1
- package/dist/collection/stories/assets/stackalt.svg +0 -1
- package/dist/collection/utils/utils.js +0 -12
- package/dist/components/dropdown-option.js +0 -100
- package/dist/components/dropdown.js +0 -296
- package/dist/components/icon.js +0 -58
- package/dist/components/index.d.ts +0 -50
- package/dist/components/index.js +0 -30
- package/dist/components/popper.js +0 -1799
- package/dist/components/sdds-accordion-item.d.ts +0 -11
- package/dist/components/sdds-accordion-item.js +0 -60
- package/dist/components/sdds-accordion.d.ts +0 -11
- package/dist/components/sdds-accordion.js +0 -38
- package/dist/components/sdds-badges.d.ts +0 -11
- package/dist/components/sdds-badges.js +0 -76
- package/dist/components/sdds-body-cell.d.ts +0 -11
- package/dist/components/sdds-body-cell.js +0 -6
- package/dist/components/sdds-button.d.ts +0 -11
- package/dist/components/sdds-button.js +0 -58
- package/dist/components/sdds-datetime.d.ts +0 -11
- package/dist/components/sdds-datetime.js +0 -90
- package/dist/components/sdds-dropdown-filter.d.ts +0 -11
- package/dist/components/sdds-dropdown-filter.js +0 -138
- package/dist/components/sdds-dropdown-option.d.ts +0 -11
- package/dist/components/sdds-dropdown-option.js +0 -6
- package/dist/components/sdds-dropdown.d.ts +0 -11
- package/dist/components/sdds-dropdown.js +0 -6
- package/dist/components/sdds-header-cell.d.ts +0 -11
- package/dist/components/sdds-header-cell.js +0 -173
- package/dist/components/sdds-icon.d.ts +0 -11
- package/dist/components/sdds-icon.js +0 -6
- package/dist/components/sdds-inline-tabs-fullbleed.d.ts +0 -11
- package/dist/components/sdds-inline-tabs-fullbleed.js +0 -115
- package/dist/components/sdds-inline-tabs.d.ts +0 -11
- package/dist/components/sdds-inline-tabs.js +0 -235
- package/dist/components/sdds-modal.d.ts +0 -11
- package/dist/components/sdds-modal.js +0 -69
- package/dist/components/sdds-navigation-tabs.d.ts +0 -11
- package/dist/components/sdds-navigation-tabs.js +0 -113
- package/dist/components/sdds-popover-canvas.d.ts +0 -11
- package/dist/components/sdds-popover-canvas.js +0 -97
- package/dist/components/sdds-popover-menu.d.ts +0 -11
- package/dist/components/sdds-popover-menu.js +0 -96
- package/dist/components/sdds-slider.d.ts +0 -11
- package/dist/components/sdds-slider.js +0 -366
- package/dist/components/sdds-spinner.d.ts +0 -11
- package/dist/components/sdds-spinner.js +0 -37
- package/dist/components/sdds-table-body-row-expandable.d.ts +0 -11
- package/dist/components/sdds-table-body-row-expandable.js +0 -104
- package/dist/components/sdds-table-body-row.d.ts +0 -11
- package/dist/components/sdds-table-body-row.js +0 -6
- package/dist/components/sdds-table-body.d.ts +0 -11
- package/dist/components/sdds-table-body.js +0 -337
- package/dist/components/sdds-table-footer.d.ts +0 -11
- package/dist/components/sdds-table-footer.js +0 -196
- package/dist/components/sdds-table-header.d.ts +0 -11
- package/dist/components/sdds-table-header.js +0 -125
- package/dist/components/sdds-table-toolbar.d.ts +0 -11
- package/dist/components/sdds-table-toolbar.js +0 -88
- package/dist/components/sdds-table.d.ts +0 -11
- package/dist/components/sdds-table.js +0 -92
- package/dist/components/sdds-textarea.d.ts +0 -11
- package/dist/components/sdds-textarea.js +0 -90
- package/dist/components/sdds-textfield.d.ts +0 -11
- package/dist/components/sdds-textfield.js +0 -111
- package/dist/components/sdds-tooltip.d.ts +0 -11
- package/dist/components/sdds-tooltip.js +0 -116
- package/dist/components/table-body-cell.js +0 -102
- package/dist/components/table-body-row.js +0 -119
- package/dist/esm/index-b67b15a6.js +0 -1884
- package/dist/esm/index.js +0 -1
- package/dist/esm/loader.js +0 -17
- package/dist/esm/polyfills/core-js.js +0 -11
- package/dist/esm/polyfills/css-shim.js +0 -1
- package/dist/esm/polyfills/dom.js +0 -79
- package/dist/esm/polyfills/es5-html-element.js +0 -1
- package/dist/esm/polyfills/index.js +0 -34
- package/dist/esm/polyfills/system.js +0 -6
- package/dist/esm/popper-f860750c.js +0 -1799
- package/dist/esm/sdds-accordion-item.entry.js +0 -30
- package/dist/esm/sdds-accordion.entry.js +0 -17
- package/dist/esm/sdds-badges.entry.js +0 -51
- package/dist/esm/sdds-body-cell_2.entry.js +0 -168
- package/dist/esm/sdds-button.entry.js +0 -32
- package/dist/esm/sdds-datetime.entry.js +0 -62
- package/dist/esm/sdds-dropdown-filter.entry.js +0 -88
- package/dist/esm/sdds-dropdown_2.entry.js +0 -330
- package/dist/esm/sdds-header-cell.entry.js +0 -137
- package/dist/esm/sdds-icon.entry.js +0 -38
- package/dist/esm/sdds-inline-tabs-fullbleed.entry.js +0 -92
- package/dist/esm/sdds-inline-tabs.entry.js +0 -207
- package/dist/esm/sdds-modal.entry.js +0 -45
- package/dist/esm/sdds-navigation-tabs.entry.js +0 -91
- package/dist/esm/sdds-popover-canvas.entry.js +0 -72
- package/dist/esm/sdds-popover-menu.entry.js +0 -71
- package/dist/esm/sdds-slider.entry.js +0 -332
- package/dist/esm/sdds-spinner.entry.js +0 -17
- package/dist/esm/sdds-table-body-row-expandable.entry.js +0 -77
- package/dist/esm/sdds-table-body.entry.js +0 -285
- package/dist/esm/sdds-table-footer.entry.js +0 -161
- package/dist/esm/sdds-table-header.entry.js +0 -96
- package/dist/esm/sdds-table-toolbar.entry.js +0 -62
- package/dist/esm/sdds-table.entry.js +0 -65
- package/dist/esm/sdds-textarea.entry.js +0 -57
- package/dist/esm/sdds-textfield.entry.js +0 -78
- package/dist/esm/sdds-tooltip.entry.js +0 -91
- package/dist/esm/tegel.js +0 -17
- package/dist/index.cjs.js +0 -1
- package/dist/index.js +0 -1
- package/dist/node_modules/@types/jest/index.d.ts +0 -1512
- package/dist/tegel/index.esm.js +0 -0
- package/dist/tegel/p-040efb32.entry.js +0 -1
- package/dist/tegel/p-12ca5cfa.entry.js +0 -1
- package/dist/tegel/p-157e1618.js +0 -2
- package/dist/tegel/p-1fe61cf6.entry.js +0 -1
- package/dist/tegel/p-2f376504.entry.js +0 -1
- package/dist/tegel/p-44ced895.entry.js +0 -1
- package/dist/tegel/p-4880f03d.entry.js +0 -1
- package/dist/tegel/p-4aba73a3.entry.js +0 -1
- package/dist/tegel/p-4b58a02c.entry.js +0 -1
- package/dist/tegel/p-4cb85347.entry.js +0 -1
- package/dist/tegel/p-52031b5a.entry.js +0 -1
- package/dist/tegel/p-677baf7f.entry.js +0 -1
- package/dist/tegel/p-71797eaf.entry.js +0 -1
- package/dist/tegel/p-7373284c.entry.js +0 -1
- package/dist/tegel/p-7451779b.entry.js +0 -1
- package/dist/tegel/p-77aeea3b.entry.js +0 -1
- package/dist/tegel/p-8582d6a7.entry.js +0 -1
- package/dist/tegel/p-96021bd0.entry.js +0 -1
- package/dist/tegel/p-9d8caf51.entry.js +0 -1
- package/dist/tegel/p-a5919930.entry.js +0 -1
- package/dist/tegel/p-b01cface.entry.js +0 -1
- package/dist/tegel/p-bf896643.entry.js +0 -1
- package/dist/tegel/p-c311725c.entry.js +0 -1
- package/dist/tegel/p-cf72dfd9.entry.js +0 -1
- package/dist/tegel/p-d91caec6.entry.js +0 -1
- package/dist/tegel/p-e10eec33.entry.js +0 -1
- package/dist/tegel/p-ec26fc38.js +0 -1
- package/dist/tegel/p-f2262a69.entry.js +0 -1
- package/dist/tegel/p-f2f7aa45.entry.js +0 -1
- package/dist/tegel/tegel.css +0 -101
- package/dist/tegel/tegel.esm.js +0 -1
- package/dist/types/components/accordion/accordion-item/accordion-item.d.ts +0 -17
- package/dist/types/components/accordion/accordion.d.ts +0 -7
- package/dist/types/components/badge/badges.d.ts +0 -16
- package/dist/types/components/button/button-component.d.ts +0 -15
- package/dist/types/components/data-table/table/table.d.ts +0 -47
- package/dist/types/components/data-table/table-body/table-body.d.ts +0 -54
- package/dist/types/components/data-table/table-body-cell/table-body-cell.d.ts +0 -24
- package/dist/types/components/data-table/table-body-row/table-body-row.d.ts +0 -27
- package/dist/types/components/data-table/table-body-row-expandable/table-body-row-expandable.d.ts +0 -27
- package/dist/types/components/data-table/table-footer/table-footer.d.ts +0 -50
- package/dist/types/components/data-table/table-header/table-header.d.ts +0 -27
- package/dist/types/components/data-table/table-header-cell/table-header-cell.d.ts +0 -45
- package/dist/types/components/data-table/table-toolbar/table-toolbar.d.ts +0 -22
- package/dist/types/components/datetime/datetime.d.ts +0 -32
- package/dist/types/components/dropdown/dropdown-filter/dropdown-filter.d.ts +0 -42
- package/dist/types/components/dropdown/dropdown-option/dropdown-option.d.ts +0 -19
- package/dist/types/components/dropdown/dropdown.d.ts +0 -56
- package/dist/types/components/icon/icon.d.ts +0 -12
- package/dist/types/components/modal/modal.d.ts +0 -16
- package/dist/types/components/popover-canvas/popover-canvas.d.ts +0 -18
- package/dist/types/components/popover-menu/popover-menu.d.ts +0 -18
- package/dist/types/components/slider/slider.d.ts +0 -82
- package/dist/types/components/spinner/spinner.d.ts +0 -7
- package/dist/types/components/tabs/inline-tabs-default/inline-tabs.d.ts +0 -41
- package/dist/types/components/tabs/inline-tabs-fullbleed/inline-tabs-fullbleed.d.ts +0 -20
- package/dist/types/components/tabs/navigation-tabs/navigation-tabs.d.ts +0 -18
- package/dist/types/components/textarea/textarea.d.ts +0 -41
- package/dist/types/components/textfield/textfield.d.ts +0 -42
- package/dist/types/components/tooltip/tooltip.d.ts +0 -20
- package/dist/types/components.d.ts +0 -1752
- package/dist/types/global.d.ts +0 -2
- package/dist/types/index.d.ts +0 -1
- package/dist/types/stencil-public-runtime.d.ts +0 -1581
- package/dist/types/utils/utils.d.ts +0 -2
- package/loader/cdn.js +0 -3
- package/loader/index.cjs.js +0 -3
- package/loader/index.d.ts +0 -12
- package/loader/index.es2017.js +0 -3
- package/loader/index.js +0 -4
- package/loader/package.json +0 -11
package/dist/tegel/tegel.esm.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{p as e,b as t}from"./p-157e1618.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t([["p-12ca5cfa",[[1,"sdds-dropdown-filter",{placeholder:[1],label:[1],defaultOption:[1,"default-option"],selectedOption:[1,"selected-option"],disabled:[4],size:[1],inline:[4],labelPosition:[1,"label-position"],state:[1],helper:[1],data:[1],dataOptions:[32],filteredContent:[32],searchTerm:[32],selectedOptionState:[32],dropdownRef:[32],selectedLabel:[32],selectedValue:[32],resetOption:[64]},[[0,"inputSearch","updateOptionsContent"],[0,"selectOption","selectOptionHandler"]]]]],["p-52031b5a",[[4,"sdds-table-body",{disableFilteringFunction:[4,"disable-filtering-function"],disableSortingFunction:[4,"disable-sorting-function"],bodyData:[8,"body-data"],enableDummyData:[4,"enable-dummy-data"],dummyData:[32],rowsPerPage:[32],enableMultiselect:[32],enablePaginationTableBody:[32],enableExpandableRows:[32],innerBodyData:[32],bodyDataManipulated:[32],bodyDataOriginal:[32],multiselectArray:[32],multiselectArrayJSON:[32],mainCheckboxStatus:[32],columnsNumber:[32],disableAllSorting:[32],numberOfPages:[32],paginationValue:[32],tempPaginationDisable:[32],showNoResultsMessage:[32],tableId:[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"],[16,"sortColumnDataEvent","updateOptionsContent"],[16,"mainCheckboxSelectedEvent","headCheckboxListener"],[16,"bodyRowToTable","bodyCheckboxListener"],[16,"tableFilteringTerm","tableFilteringTermListener"]]]]],["p-c311725c",[[1,"sdds-accordion-item",{header:[1],expandIconPosition:[1,"expand-icon-position"],disabled:[4],expanded:[4],paddingReset:[4,"padding-reset"]}]]],["p-2f376504",[[1,"sdds-accordion",{divider:[4],modeVariant:[1,"mode-variant"]}]]],["p-7373284c",[[1,"sdds-badges",{value:[1],isVisible:[4,"is-visible"],isSmall:[4,"is-small"],size:[1],shape:[32],text:[32]}]]],["p-8582d6a7",[[1,"sdds-button",{text:[1],type:[1],variant:[1],size:[1],disabled:[4],fullbleed:[4],onlyIcon:[32]}]]],["p-77aeea3b",[[1,"sdds-datetime",{type:[513],value:[513],disabled:[4],size:[1],noMinWidth:[4,"no-min-width"],name:[1],state:[1],autofocus:[4],focusInput:[32]},[[0,"focus","handleFocusIn"],[0,"focusout","handleFocusOut"]]]]],["p-44ced895",[[1,"sdds-header-cell",{columnKey:[513,"column-key"],columnTitle:[513,"column-title"],customWidth:[513,"custom-width"],sortable:[4],textAlign:[513,"text-align"],textAlignState:[32],sortingDirection:[32],sortedByMyKey:[32],disableSortingBtn:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],whiteBackground:[32],enableMultiselect:[32],enableToolbarDesign:[32],tableId:[32],enableExpandableRows:[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"],[16,"sortingSwitcherEvent","sortingSwitcherEventListener"],[16,"sortColumnDataEvent","updateOptionsContent"],[16,"enableMultiselectEvent","enableMultiselectEventListener"]]]]],["p-bf896643",[[1,"sdds-inline-tabs",{defaultTab:[1,"default-tab"],autoHeight:[4,"auto-height"],modeVariant:[1,"mode-variant"],tabs:[32],buttonWidth:[32],tabHeight:[32],showLeftScroll:[32],showRightScroll:[32],showTab:[64]}]]],["p-677baf7f",[[1,"sdds-inline-tabs-fullbleed",{modeVariant:[1,"mode-variant"],tabs:[32],showLeftScroll:[32],showRightScroll:[32]}]]],["p-b01cface",[[1,"sdds-modal",{prevent:[4],size:[1],actions:[1],open:[4],openModal:[64]}]]],["p-d91caec6",[[1,"sdds-navigation-tabs",{tabs:[32],showLeftScroll:[32],showRightScroll:[32]}]]],["p-cf72dfd9",[[1,"sdds-popover-canvas",{selector:[1],show:[4],placement:[1],offsetSkidding:[2,"offset-skidding"],offsetDistance:[2,"offset-distance"],target:[32]},[[9,"mousedown","handleOutsideClick"]]]]],["p-f2f7aa45",[[1,"sdds-popover-menu",{selector:[1],show:[4],placement:[1],offsetSkidding:[2,"offset-skidding"],offsetDistance:[2,"offset-distance"],target:[32]},[[9,"mousedown","handleOutsideClick"]]]]],["p-7451779b",[[0,"sdds-slider",{label:[1],value:[1],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],size:[1],snap:[4],reset:[64]},[[0,"keydown","handleKeydown"],[9,"mouseup","handleMouseUp"],[9,"touchend","handleTouchEnd"],[9,"mousemove","handleMouseMove"],[9,"touchmove","handleTouchMove"]]]]],["p-040efb32",[[0,"sdds-spinner",{size:[1],variant:[1]}]]],["p-4aba73a3",[[1,"sdds-table",{verticalDividers:[516,"vertical-dividers"],compactDesign:[516,"compact-design"],noMinWidth:[516,"no-min-width"],whiteBackground:[516,"white-background"],enableMultiselect:[516,"enable-multiselect"],enableExpandableRows:[516,"enable-expandable-rows"],enableResponsive:[516,"enable-responsive"],tableId:[1,"table-id"]}]]],["p-f2262a69",[[1,"sdds-table-body-row-expandable",{colSpan:[2,"col-span"],isExpanded:[32],tableId:[32],columnsNumber:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],whiteBackground:[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"]]]]],["p-96021bd0",[[1,"sdds-table-footer",{enablePagination:[516,"enable-pagination"],rowsPerPage:[514,"rows-per-page"],enableClientPagination:[516,"enable-client-pagination"],clientPaginationValue:[514,"client-pagination-value"],clientMaxPages:[514,"client-max-pages"],clientSetColumnsNumber:[2,"client-set-columns-number"],disablePaginationFunction:[4,"disable-pagination-function"],columnsNumber:[32],numberOfPages:[32],paginationValue:[32],tempPaginationDisable:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],whiteBackground:[32],tableId:[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"],[16,"runPaginationEvent","runPaginationEventListener"]]]]],["p-1fe61cf6",[[1,"sdds-table-header",{enableMultiselect:[32],enableExpandableRows:[32],mainCheckboxSelected:[32],mainExpendSelected:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],whiteBackground:[32],enableToolbarDesign:[32],tableId:[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"],[16,"updateMainCheckboxEvent","updateMainCheckboxEventListener"],[16,"singleRowExpandedEvent","singleRowExpandedEventListener"]]]]],["p-71797eaf",[[1,"sdds-table-toolbar",{tableTitle:[513,"table-title"],enableFiltering:[516,"enable-filtering"],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],whiteBackground:[32],tableId:[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"]]]]],["p-4cb85347",[[0,"sdds-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"],state:[1],maxLength:[2,"max-length"],modeVariant:[1,"mode-variant"],autoFocus:[4,"auto-focus"],focusInput:[32]}]]],["p-4880f03d",[[4,"sdds-textfield",{type:[513],labelPosition:[1,"label-position"],label:[1],placeholder:[1],value:[513],disabled:[4],readonly:[4],size:[1],modeVariant:[1,"mode-variant"],noMinWidth:[4,"no-min-width"],name:[1],state:[1],maxLength:[2,"max-length"],autofocus:[4],focusInput:[32]}]]],["p-4b58a02c",[[1,"sdds-tooltip",{text:[1],selector:[1],mouseOverTooltip:[4,"mouse-over-tooltip"],show:[1028],placement:[1],target:[32]}]]],["p-a5919930",[[1,"sdds-icon",{name:[513],size:[513],icons_object:[32],arrayOfIcons:[32]}]]],["p-e10eec33",[[1,"sdds-body-cell",{cellValue:[520,"cell-value"],cellKey:[520,"cell-key"],disablePadding:[516,"disable-padding"],textAlignState:[32],activeSorting:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],whiteBackground:[32],tableId:[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"],[16,"headCellHoverEvent","headCellHoverEventListener"],[16,"textAlignEvent","textAlignEventListener"]]],[1,"sdds-table-body-row",{enableMultiselect:[32],bodyCheckBoxStatus:[32],mainCheckBoxStatus:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],whiteBackground:[32],tableId:[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"],[16,"mainCheckboxSelectedEvent","headCheckboxListener"],[16,"updateBodyCheckboxesEvent","updateBodyCheckboxesEventListener"]]]]],["p-9d8caf51",[[1,"sdds-dropdown",{placeholder:[1],defaultOption:[1,"default-option"],selectedOption:[1,"selected-option"],disabled:[4],type:[1],size:[1],inline:[4],labelPosition:[1,"label-position"],label:[1],state:[1],helper:[1],openDirection:[1,"open-direction"],optionValues:[32],optionLabels:[32],open:[32],node:[32],selectedLabel:[32],selectedValue:[32],selectedValuesArray:[32],selectedLabelsArray:[32],dropdownUniqueClass:[32],openUpwards:[32],dropdownMenuHeight:[32],dropdownMenuSelector:[32],listItemIndex:[32],listItemArray:[32],resetOption:[64]},[[4,"click","handleDocClick"],[0,"keydown","keyListener"],[0,"selectOption","selectOptionHandler"]]],[1,"sdds-dropdown-option",{selected:[4],disabled:[4],value:[513],innerValue:[32]},[[1,"mouseover","changeFocusHandler"],[1,"mouseout","removeFocusHandler"],[0,"keydown","onKeyDown"]]]]]],e)));
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '../../../stencil-public-runtime';
|
|
2
|
-
export declare class AccordionItem {
|
|
3
|
-
/** The header gives users the context about the additional information available inside the panel */
|
|
4
|
-
header: string;
|
|
5
|
-
/** Changes where the expand icon is placed. */
|
|
6
|
-
expandIconPosition: 'start' | 'end';
|
|
7
|
-
/** Disabled option in `boolean`. */
|
|
8
|
-
disabled: boolean;
|
|
9
|
-
/** Set to true to expand panel open */
|
|
10
|
-
expanded: boolean;
|
|
11
|
-
/** When true 16px on right padding instead of 64px */
|
|
12
|
-
paddingReset: boolean;
|
|
13
|
-
/** Fires after the accordion item is closed or opened, emitting the value (as boolean) of the current state of the accordion */
|
|
14
|
-
accordionItemToggle: EventEmitter<boolean>;
|
|
15
|
-
openAccordion(): void;
|
|
16
|
-
render(): any;
|
|
17
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
export declare class SddsBadges {
|
|
2
|
-
/** Value shown in badge */
|
|
3
|
-
value: string;
|
|
4
|
-
/** Changes visibility of badge */
|
|
5
|
-
isVisible: boolean;
|
|
6
|
-
/** @deprecated Use size prop instead. Changes badge from large to small size */
|
|
7
|
-
isSmall: boolean;
|
|
8
|
-
/** Sets component size. */
|
|
9
|
-
size: 'lg' | 'sm';
|
|
10
|
-
shape: string;
|
|
11
|
-
text: string;
|
|
12
|
-
watchProps(): void;
|
|
13
|
-
componentWillLoad(): void;
|
|
14
|
-
checkProps(): void;
|
|
15
|
-
render(): any;
|
|
16
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export declare class SddsButton {
|
|
2
|
-
/** Text inside a button */
|
|
3
|
-
text: string;
|
|
4
|
-
/** Type of button */
|
|
5
|
-
type: 'primary' | 'secondary' | 'ghost' | 'danger';
|
|
6
|
-
variant: 'default' | 'variant';
|
|
7
|
-
size: 'xs' | 'sm' | 'md' | 'lg';
|
|
8
|
-
/** Control for disabled state of component */
|
|
9
|
-
disabled: boolean;
|
|
10
|
-
/** When enabled, makes button take 100% width */
|
|
11
|
-
fullbleed: boolean;
|
|
12
|
-
onlyIcon: boolean;
|
|
13
|
-
componentWillLoad(): void;
|
|
14
|
-
render(): any;
|
|
15
|
-
}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '../../../stencil-public-runtime';
|
|
2
|
-
declare type Props = {
|
|
3
|
-
verticalDividers: boolean;
|
|
4
|
-
compactDesign: boolean;
|
|
5
|
-
noMinWidth: boolean;
|
|
6
|
-
whiteBackground: boolean;
|
|
7
|
-
enableMultiselect: boolean;
|
|
8
|
-
enableExpandableRows: boolean;
|
|
9
|
-
enableResponsive: boolean;
|
|
10
|
-
};
|
|
11
|
-
export declare type TablePropsChangedEvent = {
|
|
12
|
-
tableId: string;
|
|
13
|
-
changed: Array<keyof Props>;
|
|
14
|
-
} & Partial<Props>;
|
|
15
|
-
export declare class Table {
|
|
16
|
-
/** Enables style with vertical dividers between columns */
|
|
17
|
-
verticalDividers: boolean;
|
|
18
|
-
/** Enables style where data-table toolbar, rows and footer are less high */
|
|
19
|
-
compactDesign: boolean;
|
|
20
|
-
/** Enables to customise width on data-table columns */
|
|
21
|
-
noMinWidth: boolean;
|
|
22
|
-
/** Changes a colors of data data-table when used on white background */
|
|
23
|
-
whiteBackground: boolean;
|
|
24
|
-
/** Enables multiselect feature of data-table */
|
|
25
|
-
enableMultiselect: boolean;
|
|
26
|
-
/** Enables extended row feature of data-table */
|
|
27
|
-
enableExpandableRows: boolean;
|
|
28
|
-
/** Enables table to take 100% available width with equal spacing of columns */
|
|
29
|
-
enableResponsive: boolean;
|
|
30
|
-
/** ID used for internal table functionality and events, must be unique.
|
|
31
|
-
*
|
|
32
|
-
* **NOTE**: If you're listening for table events you need to set this ID yourself to identify the table, as the default ID is random and will be different every time.
|
|
33
|
-
*/
|
|
34
|
-
tableId: string;
|
|
35
|
-
host: HTMLElement;
|
|
36
|
-
/** Broadcasts changes to the tables props */
|
|
37
|
-
tablePropsChangedEvent: EventEmitter<TablePropsChangedEvent>;
|
|
38
|
-
emitTablePropsChangedEvent(changedValueName: keyof Props, changedValue: Props[keyof Props]): void;
|
|
39
|
-
enableMultiselectChanged(newValue: boolean): void;
|
|
40
|
-
enableExpandableRowsChanged(newValue: boolean): void;
|
|
41
|
-
compactDesignChanged(newValue: boolean): void;
|
|
42
|
-
verticalDividersChanged(newValue: boolean): void;
|
|
43
|
-
noMinWidthChanged(newValue: boolean): void;
|
|
44
|
-
whiteBackgroundChanged(newValue: boolean): void;
|
|
45
|
-
render(): any;
|
|
46
|
-
}
|
|
47
|
-
export {};
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '../../../stencil-public-runtime';
|
|
2
|
-
import { TablePropsChangedEvent } from '../table/table';
|
|
3
|
-
export declare class TableBody {
|
|
4
|
-
/** Disables inbuilt filtering logic, leaving user an option to create own filter functionality while listening to events from sdds-table-toolbar component for search term */
|
|
5
|
-
disableFilteringFunction: boolean;
|
|
6
|
-
/** Disables inbuilt sorting logic, leaving user an option to create own sorting functionality while listening to events from sdds-header-cell component for sorting */
|
|
7
|
-
disableSortingFunction: boolean;
|
|
8
|
-
/** Prop to pass JSON string which enables automatic rendering of table rows and cells */
|
|
9
|
-
bodyData: any;
|
|
10
|
-
/** Prop for showcase of rendering JSON in body-data, just for presentation purposes */
|
|
11
|
-
enableDummyData: boolean;
|
|
12
|
-
dummyData: any;
|
|
13
|
-
host: HTMLElement;
|
|
14
|
-
rowsPerPage: number;
|
|
15
|
-
enableMultiselect: boolean;
|
|
16
|
-
enablePaginationTableBody: boolean;
|
|
17
|
-
enableExpandableRows: boolean;
|
|
18
|
-
innerBodyData: any[];
|
|
19
|
-
bodyDataManipulated: any[];
|
|
20
|
-
bodyDataOriginal: any[];
|
|
21
|
-
multiselectArray: any[];
|
|
22
|
-
multiselectArrayJSON: string;
|
|
23
|
-
mainCheckboxStatus: boolean;
|
|
24
|
-
columnsNumber: number;
|
|
25
|
-
disableAllSorting: boolean;
|
|
26
|
-
numberOfPages: number;
|
|
27
|
-
paginationValue: number;
|
|
28
|
-
tempPaginationDisable: boolean;
|
|
29
|
-
showNoResultsMessage: boolean;
|
|
30
|
-
tableId: string;
|
|
31
|
-
tableEl: HTMLSddsTableElement;
|
|
32
|
-
arrayDataWatcher(newValue: string): void;
|
|
33
|
-
/** Event that sends unique table identifier and enable/disable status for sorting functionality */
|
|
34
|
-
sortingSwitcherEvent: EventEmitter<any>;
|
|
35
|
-
/** Sends unique table identifier and mainCheckbox status to all rows when multiselect feature is enabled */
|
|
36
|
-
updateBodyCheckboxesEvent: EventEmitter<any>;
|
|
37
|
-
/** Sends unique table identifier and status if mainCheckbox should change its state based on selection status of single rows when multiselect feature is used */
|
|
38
|
-
updateMainCheckboxEvent: EventEmitter<any>;
|
|
39
|
-
tablePropsChangedEventListener(event: CustomEvent<TablePropsChangedEvent>): void;
|
|
40
|
-
static compareValues(key: any, order?: string): (a: any, b: any) => number;
|
|
41
|
-
uncheckAll: () => void;
|
|
42
|
-
sortData(keyValue: any, sortingDirection: any): void;
|
|
43
|
-
updateOptionsContent(event: CustomEvent<any>): void;
|
|
44
|
-
selectedDataExporter: () => void;
|
|
45
|
-
headCheckboxListener(event: CustomEvent<any>): void;
|
|
46
|
-
bodyCheckBoxClicked: () => void;
|
|
47
|
-
bodyCheckboxListener(): void;
|
|
48
|
-
searchFunction(searchTerm: any): void;
|
|
49
|
-
tableFilteringTermListener(event: CustomEvent<any>): void;
|
|
50
|
-
connectedCallback(): void;
|
|
51
|
-
componentWillLoad(): void;
|
|
52
|
-
componentWillRender(): void;
|
|
53
|
-
render(): any;
|
|
54
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { TablePropsChangedEvent } from '../table/table';
|
|
2
|
-
export declare class TableBodyCell {
|
|
3
|
-
/** Value that will be presented as text inside a cell */
|
|
4
|
-
cellValue: string | number;
|
|
5
|
-
/** Passing same cell key for all body cells which is used in head cell enables features of text align and hovering */
|
|
6
|
-
cellKey: any;
|
|
7
|
-
/** Disables internal padding. Useful when passing other components to cell. */
|
|
8
|
-
disablePadding: boolean;
|
|
9
|
-
textAlignState: string;
|
|
10
|
-
activeSorting: boolean;
|
|
11
|
-
verticalDividers: boolean;
|
|
12
|
-
compactDesign: boolean;
|
|
13
|
-
noMinWidth: boolean;
|
|
14
|
-
whiteBackground: boolean;
|
|
15
|
-
tableId: string;
|
|
16
|
-
host: HTMLElement;
|
|
17
|
-
tableEl: HTMLSddsTableElement;
|
|
18
|
-
tablePropsChangedEventListener(event: CustomEvent<TablePropsChangedEvent>): void;
|
|
19
|
-
headCellHoverEventListener(event: CustomEvent<any>): void;
|
|
20
|
-
textAlignEventListener(event: CustomEvent<any>): void;
|
|
21
|
-
connectedCallback(): void;
|
|
22
|
-
componentWillLoad(): void;
|
|
23
|
-
render(): any;
|
|
24
|
-
}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '../../../stencil-public-runtime';
|
|
2
|
-
import { TablePropsChangedEvent } from '../table/table';
|
|
3
|
-
export declare class TableBodyRow {
|
|
4
|
-
enableMultiselect: boolean;
|
|
5
|
-
bodyCheckBoxStatus: boolean;
|
|
6
|
-
mainCheckBoxStatus: boolean;
|
|
7
|
-
verticalDividers: boolean;
|
|
8
|
-
compactDesign: boolean;
|
|
9
|
-
noMinWidth: boolean;
|
|
10
|
-
whiteBackground: boolean;
|
|
11
|
-
tableId: string;
|
|
12
|
-
host: HTMLElement;
|
|
13
|
-
tableEl: HTMLSddsTableElement;
|
|
14
|
-
bodyCheckBoxClicked(event: any): void;
|
|
15
|
-
bodyCheckBoxStatusUpdater(status: any): void;
|
|
16
|
-
tablePropsChangedEventListener(event: CustomEvent<TablePropsChangedEvent>): void;
|
|
17
|
-
/** Send status of single row to the parent, sdds-table component that hold logic for data export and main checkbox control */
|
|
18
|
-
bodyRowToTable: EventEmitter<boolean>;
|
|
19
|
-
/** Event that triggers pagination function. Needed as first rows have to be rendered in order for pagination to run */
|
|
20
|
-
runPaginationEvent: EventEmitter<string>;
|
|
21
|
-
headCheckboxListener(event: CustomEvent<any>): void;
|
|
22
|
-
updateBodyCheckboxesEventListener(event: CustomEvent<any>): void;
|
|
23
|
-
connectedCallback(): void;
|
|
24
|
-
componentWillLoad(): void;
|
|
25
|
-
componentDidLoad(): void;
|
|
26
|
-
render(): any;
|
|
27
|
-
}
|
package/dist/types/components/data-table/table-body-row-expandable/table-body-row-expandable.d.ts
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '../../../stencil-public-runtime';
|
|
2
|
-
import { TablePropsChangedEvent } from '../table/table';
|
|
3
|
-
export declare class TableBodyRowExpandable {
|
|
4
|
-
/** In case that automatic count of columns does not work, user can manually set this one. Take in mind that expandable control is column too */
|
|
5
|
-
colSpan: number;
|
|
6
|
-
isExpanded: boolean;
|
|
7
|
-
tableId: string;
|
|
8
|
-
columnsNumber: number;
|
|
9
|
-
verticalDividers: boolean;
|
|
10
|
-
compactDesign: boolean;
|
|
11
|
-
noMinWidth: boolean;
|
|
12
|
-
whiteBackground: boolean;
|
|
13
|
-
host: HTMLElement;
|
|
14
|
-
tableEl: HTMLSddsTableElement;
|
|
15
|
-
/** Sends out status of itw own expended status feature to table header component */
|
|
16
|
-
singleRowExpandedEvent: EventEmitter<any>;
|
|
17
|
-
/** Event that triggers pagination function. Needed as first rows have to be rendered in order for pagination to run */
|
|
18
|
-
runPaginationEvent: EventEmitter<string>;
|
|
19
|
-
tablePropsChangedEventListener(event: CustomEvent<TablePropsChangedEvent>): void;
|
|
20
|
-
connectedCallback(): void;
|
|
21
|
-
componentWillLoad(): void;
|
|
22
|
-
componentDidLoad(): void;
|
|
23
|
-
componentWillRender(): void;
|
|
24
|
-
sendValue(): void;
|
|
25
|
-
onChangeHandler(event: any): void;
|
|
26
|
-
render(): any;
|
|
27
|
-
}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '../../../stencil-public-runtime';
|
|
2
|
-
import { TablePropsChangedEvent } from '../table/table';
|
|
3
|
-
export declare class TableFooter {
|
|
4
|
-
/** Enable pagination and show pagination controls */
|
|
5
|
-
enablePagination: boolean;
|
|
6
|
-
/** Sets how many rows to display when pagination is enabled */
|
|
7
|
-
rowsPerPage: number;
|
|
8
|
-
/** Prop to enable client controlled pagination */
|
|
9
|
-
enableClientPagination: boolean;
|
|
10
|
-
/** Prop for client to set current page number */
|
|
11
|
-
clientPaginationValue: number;
|
|
12
|
-
/** Prop for client to set max number of pages */
|
|
13
|
-
clientMaxPages: number;
|
|
14
|
-
/** In case that automatic count of columns does not work, user can manually set this one. Take in mind that expandable control is column too */
|
|
15
|
-
clientSetColumnsNumber: number;
|
|
16
|
-
/** Disables inbuilt pagination logic, leaving user an option to create own pagination functionality while listening to events from sdds-table-footer component */
|
|
17
|
-
disablePaginationFunction: boolean;
|
|
18
|
-
/** State that memorize number of columns to display colSpan correctly - set from parent level */
|
|
19
|
-
columnsNumber: number;
|
|
20
|
-
/** Total number of pages, number of the rows divided with number of rows per page */
|
|
21
|
-
numberOfPages: number;
|
|
22
|
-
/** Initial value for pagination in input element */
|
|
23
|
-
paginationValue: number;
|
|
24
|
-
/** Temporarily disable pagination - due to search - set from parent level */
|
|
25
|
-
tempPaginationDisable: boolean;
|
|
26
|
-
verticalDividers: boolean;
|
|
27
|
-
compactDesign: boolean;
|
|
28
|
-
noMinWidth: boolean;
|
|
29
|
-
whiteBackground: boolean;
|
|
30
|
-
tableId: string;
|
|
31
|
-
host: HTMLElement;
|
|
32
|
-
tableEl: HTMLSddsTableElement;
|
|
33
|
-
/** Event that footer sends out in order to receive other necessary information from other subcomponents */
|
|
34
|
-
enablePaginationEvent: EventEmitter<any>;
|
|
35
|
-
tablePropsChangedEventListener(event: CustomEvent<TablePropsChangedEvent>): void;
|
|
36
|
-
connectedCallback(): void;
|
|
37
|
-
componentWillLoad(): void;
|
|
38
|
-
paginationPrev: (event: any) => void;
|
|
39
|
-
paginationNext: (event: any) => void;
|
|
40
|
-
paginationInputChange(event: any): void;
|
|
41
|
-
runPaginationEventListener(event: CustomEvent<any>): void;
|
|
42
|
-
runPagination: () => void;
|
|
43
|
-
/** Event to send current page value back to sdds-table-body component */
|
|
44
|
-
currentPageValueEvent: EventEmitter<any>;
|
|
45
|
-
sendPaginationValue(value: any): void;
|
|
46
|
-
clientPaginationPrev: (event: any) => void;
|
|
47
|
-
clientPaginationNext: (event: any) => void;
|
|
48
|
-
clientPaginationInputChange(event: any): void;
|
|
49
|
-
render(): any;
|
|
50
|
-
}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '../../../stencil-public-runtime';
|
|
2
|
-
import { TablePropsChangedEvent } from '../table/table';
|
|
3
|
-
export declare class TableHeaderRow {
|
|
4
|
-
enableMultiselect: boolean;
|
|
5
|
-
enableExpandableRows: boolean;
|
|
6
|
-
mainCheckboxSelected: boolean;
|
|
7
|
-
mainExpendSelected: boolean;
|
|
8
|
-
verticalDividers: boolean;
|
|
9
|
-
compactDesign: boolean;
|
|
10
|
-
noMinWidth: boolean;
|
|
11
|
-
whiteBackground: boolean;
|
|
12
|
-
enableToolbarDesign: boolean;
|
|
13
|
-
tableId: string;
|
|
14
|
-
host: HTMLElement;
|
|
15
|
-
tableEl: HTMLSddsTableElement;
|
|
16
|
-
/** Send status of main checkbox in header to the parent, sdds-table component */
|
|
17
|
-
mainCheckboxSelectedEvent: EventEmitter<any>;
|
|
18
|
-
tablePropsChangedEventListener(event: CustomEvent<TablePropsChangedEvent>): void;
|
|
19
|
-
updateMainCheckboxEventListener(event: CustomEvent<any>): void;
|
|
20
|
-
singleRowExpandedEventListener(event: CustomEvent<any>): void;
|
|
21
|
-
bodyExpandClicked(): void;
|
|
22
|
-
connectedCallback(): void;
|
|
23
|
-
componentWillLoad(): void;
|
|
24
|
-
componentWillRender(): void;
|
|
25
|
-
headCheckBoxClicked(event: any): void;
|
|
26
|
-
render(): any;
|
|
27
|
-
}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '../../../stencil-public-runtime';
|
|
2
|
-
import { TablePropsChangedEvent } from '../table/table';
|
|
3
|
-
export declare class TableHeaderCell {
|
|
4
|
-
/** Value of column key, usually comes from JSON, needed for sorting */
|
|
5
|
-
columnKey: string;
|
|
6
|
-
/** Text that displays in column cell */
|
|
7
|
-
columnTitle: string;
|
|
8
|
-
/** In case noMinWidth setting, user has to specify width value for each column, for example "150px" */
|
|
9
|
-
customWidth: string;
|
|
10
|
-
/** If passed as prop, enables sorting on that column */
|
|
11
|
-
sortable: boolean;
|
|
12
|
-
/** Setting for text align, default is left, but user can pass "right" as string - useful for numeric values */
|
|
13
|
-
textAlign: string;
|
|
14
|
-
textAlignState: string;
|
|
15
|
-
sortingDirection: string;
|
|
16
|
-
sortedByMyKey: boolean;
|
|
17
|
-
disableSortingBtn: boolean;
|
|
18
|
-
verticalDividers: boolean;
|
|
19
|
-
compactDesign: boolean;
|
|
20
|
-
noMinWidth: boolean;
|
|
21
|
-
whiteBackground: boolean;
|
|
22
|
-
enableMultiselect: boolean;
|
|
23
|
-
enableToolbarDesign: boolean;
|
|
24
|
-
tableId: string;
|
|
25
|
-
enableExpandableRows: boolean;
|
|
26
|
-
host: HTMLElement;
|
|
27
|
-
tableEl: HTMLSddsTableElement;
|
|
28
|
-
/** Sends unique table identifier,column key and sorting direction to the sdds-table-body component */
|
|
29
|
-
sortColumnDataEvent: EventEmitter<any>;
|
|
30
|
-
/** Sends unique table identifier, column key and text align value so the body cells with same key take the same text alignment as header cell */
|
|
31
|
-
textAlignEvent: EventEmitter<any>;
|
|
32
|
-
/** Sends unique table identifier, column key so the body cells with the same key change background when user hovers over header cell */
|
|
33
|
-
headCellHoverEvent: EventEmitter<any>;
|
|
34
|
-
tablePropsChangedEventListener(event: CustomEvent<TablePropsChangedEvent>): void;
|
|
35
|
-
sortingSwitcherEventListener(event: CustomEvent<any>): void;
|
|
36
|
-
updateOptionsContent(event: CustomEvent<any>): void;
|
|
37
|
-
enableMultiselectEventListener(event: CustomEvent<any>): void;
|
|
38
|
-
connectedCallback(): void;
|
|
39
|
-
componentWillLoad(): void;
|
|
40
|
-
componentWillRender(): void;
|
|
41
|
-
sortButtonClick: (key: any) => void;
|
|
42
|
-
headerCellContent: () => any;
|
|
43
|
-
onHeadCellHover: (key: any) => void;
|
|
44
|
-
render(): any;
|
|
45
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '../../../stencil-public-runtime';
|
|
2
|
-
import { TablePropsChangedEvent } from '../table/table';
|
|
3
|
-
export declare class TableToolbar {
|
|
4
|
-
/** Adds title to the data-table */
|
|
5
|
-
tableTitle: string;
|
|
6
|
-
/** Enables preview of searchbar */
|
|
7
|
-
enableFiltering: boolean;
|
|
8
|
-
verticalDividers: boolean;
|
|
9
|
-
compactDesign: boolean;
|
|
10
|
-
noMinWidth: boolean;
|
|
11
|
-
whiteBackground: boolean;
|
|
12
|
-
tableId: string;
|
|
13
|
-
host: HTMLElement;
|
|
14
|
-
tableEl: HTMLSddsTableElement;
|
|
15
|
-
/** Used for sending users input to main parent <sdds-table> component */
|
|
16
|
-
tableFilteringTerm: EventEmitter<any>;
|
|
17
|
-
tablePropsChangedEventListener(event: CustomEvent<TablePropsChangedEvent>): void;
|
|
18
|
-
connectedCallback(): void;
|
|
19
|
-
componentWillLoad(): void;
|
|
20
|
-
searchFunction(event: any): void;
|
|
21
|
-
render(): any;
|
|
22
|
-
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
-
export declare class Datetime {
|
|
3
|
-
/** Textinput for focus state */
|
|
4
|
-
textInput?: HTMLInputElement;
|
|
5
|
-
/** Which input type, text, password or similar */
|
|
6
|
-
type: string;
|
|
7
|
-
/** Value of the input text */
|
|
8
|
-
value: string;
|
|
9
|
-
/** Set input in disabled state */
|
|
10
|
-
disabled: boolean;
|
|
11
|
-
/** Size of the input */
|
|
12
|
-
size: 'sm' | 'md' | '';
|
|
13
|
-
/** With setting */
|
|
14
|
-
noMinWidth: boolean;
|
|
15
|
-
/** Name property */
|
|
16
|
-
name: string;
|
|
17
|
-
/** Error state of input */
|
|
18
|
-
state: string;
|
|
19
|
-
/** Autofocus for input */
|
|
20
|
-
autofocus: boolean;
|
|
21
|
-
/** Listen to the focus state of the input */
|
|
22
|
-
focusInput: any;
|
|
23
|
-
/** Change event for the datetime */
|
|
24
|
-
customChange: EventEmitter;
|
|
25
|
-
handleFocusIn(): void;
|
|
26
|
-
handleFocusOut(): void;
|
|
27
|
-
handleInput(e: any): void;
|
|
28
|
-
handleChange(e: any): void;
|
|
29
|
-
/** Set the input as focus when clicking the whole datetime with suffix/prefix */
|
|
30
|
-
handleFocusClick(): void;
|
|
31
|
-
render(): any;
|
|
32
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
export declare class DropdownFilter {
|
|
2
|
-
dataOptions: any[];
|
|
3
|
-
filteredContent: any[];
|
|
4
|
-
searchTerm: string;
|
|
5
|
-
selectedOptionState: any;
|
|
6
|
-
dropdownRef?: HTMLSddsDropdownElement;
|
|
7
|
-
/** Placeholder text for dropdown with no selected item */
|
|
8
|
-
placeholder: string;
|
|
9
|
-
/** Label for dropdown with no selected item */
|
|
10
|
-
label: string;
|
|
11
|
-
/** Add the value of the option to set it as default */
|
|
12
|
-
defaultOption: string;
|
|
13
|
-
/** Add the value of the option as string to set it as new selected value */
|
|
14
|
-
selectedOption: string;
|
|
15
|
-
/** Add the value of the option to set it as default */
|
|
16
|
-
disabled: boolean;
|
|
17
|
-
/** Controls the size of dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated */
|
|
18
|
-
size: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large';
|
|
19
|
-
/** Set to true to make the width following the label text length */
|
|
20
|
-
inline: boolean;
|
|
21
|
-
/** Position of label: `no-label` (default), `inside`, `outside` */
|
|
22
|
-
labelPosition: 'no-label' | 'inside' | 'outside';
|
|
23
|
-
/** Support `error` state */
|
|
24
|
-
state: string;
|
|
25
|
-
/** Add helper text in the bottom of dropdown */
|
|
26
|
-
helper: string;
|
|
27
|
-
/** Data is an array of objects that contains label and value
|
|
28
|
-
* `data = [{label:'Option 1', value:'opt-1'},{label:'Option 2', value:'opt-2'}]`
|
|
29
|
-
*/
|
|
30
|
-
data: string;
|
|
31
|
-
selectedLabel: string;
|
|
32
|
-
selectedValue: string;
|
|
33
|
-
componentWillLoad(): void;
|
|
34
|
-
parseData(newValue: string): void;
|
|
35
|
-
updateOptionsContent(event: CustomEvent<any>): void;
|
|
36
|
-
selectOptionHandler(event: CustomEvent<any>): void;
|
|
37
|
-
findData(): void;
|
|
38
|
-
setOptionsContent(): any;
|
|
39
|
-
/** Use this method to reset the dropdown. Then it will go back to its initial state. */
|
|
40
|
-
resetOption(): Promise<void>;
|
|
41
|
-
render(): any;
|
|
42
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '../../../stencil-public-runtime';
|
|
2
|
-
export declare class DropdownOption {
|
|
3
|
-
host: HTMLElement;
|
|
4
|
-
innerValue: string;
|
|
5
|
-
/** Selected set to true if selected */
|
|
6
|
-
selected: boolean;
|
|
7
|
-
/** Sets option to disabled state if true */
|
|
8
|
-
disabled: boolean;
|
|
9
|
-
/** Value is a unique string that will be used for application logic */
|
|
10
|
-
value: string;
|
|
11
|
-
selectOption: EventEmitter<any>;
|
|
12
|
-
isMultiSelectOption: boolean;
|
|
13
|
-
changeFocusHandler(): void;
|
|
14
|
-
removeFocusHandler(): void;
|
|
15
|
-
onKeyDown(event: KeyboardEvent): void;
|
|
16
|
-
componentWillLoad(): void;
|
|
17
|
-
selectOptionHandler(value: any): void;
|
|
18
|
-
render(): any;
|
|
19
|
-
}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
-
export declare class Dropdown {
|
|
3
|
-
textInput?: HTMLInputElement;
|
|
4
|
-
/** Placeholder text for dropdown with no selectedLabel item */
|
|
5
|
-
placeholder: string;
|
|
6
|
-
/** Add the value of the option as string to set it as default */
|
|
7
|
-
defaultOption: string;
|
|
8
|
-
/** Add the value of the option as string to set it as new selected value */
|
|
9
|
-
selectedOption: string;
|
|
10
|
-
/** Set to true for disabled states */
|
|
11
|
-
disabled: boolean;
|
|
12
|
-
/** `Controls type of dropdown. 'Default', 'multiselect' and 'filter' are correct values */
|
|
13
|
-
type: 'default' | 'multiselect' | 'filter';
|
|
14
|
-
/** Controls the size of dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated */
|
|
15
|
-
size: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large';
|
|
16
|
-
/** Set to true to make the width following the label text length */
|
|
17
|
-
inline: boolean;
|
|
18
|
-
/** Controls position of label */
|
|
19
|
-
labelPosition: 'no-label' | 'inside' | 'outside';
|
|
20
|
-
/** Label text for label inside & outside */
|
|
21
|
-
label: string;
|
|
22
|
-
/** Support `error` state */
|
|
23
|
-
state: string;
|
|
24
|
-
/** Add helper text in the bottom of dropdown */
|
|
25
|
-
helper: string;
|
|
26
|
-
/** Direction that the dropdown will open. By default set to auto. */
|
|
27
|
-
openDirection: 'down' | 'up' | 'auto';
|
|
28
|
-
optionValues: Array<any>;
|
|
29
|
-
optionLabels: Array<any>;
|
|
30
|
-
open: boolean;
|
|
31
|
-
node: HTMLElement;
|
|
32
|
-
selectedLabel: string;
|
|
33
|
-
selectedValue: string;
|
|
34
|
-
selectedValuesArray: Array<any>;
|
|
35
|
-
selectedLabelsArray: Array<any>;
|
|
36
|
-
dropdownUniqueClass: string;
|
|
37
|
-
openUpwards: boolean;
|
|
38
|
-
dropdownMenuHeight: number;
|
|
39
|
-
dropdownMenuSelector: HTMLElement;
|
|
40
|
-
listItemIndex: any;
|
|
41
|
-
listItemArray: any;
|
|
42
|
-
host: HTMLElement;
|
|
43
|
-
componentWillLoad(): void;
|
|
44
|
-
setOptionFromOutside(optionValue: any): void;
|
|
45
|
-
changeSelectedOption(): void;
|
|
46
|
-
handleDocClick(ev: any): void;
|
|
47
|
-
keyListener(ev: KeyboardEvent): void;
|
|
48
|
-
handleClick(): void;
|
|
49
|
-
tabbingLabelReset(): void;
|
|
50
|
-
selectOptionHandler(event: CustomEvent<any>): void;
|
|
51
|
-
inputSearch: EventEmitter<any>;
|
|
52
|
-
handleSearch(ev: any): void;
|
|
53
|
-
deselectAll(): void;
|
|
54
|
-
resetOption(): Promise<void>;
|
|
55
|
-
render(): any;
|
|
56
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
export declare class Icon {
|
|
2
|
-
/** Pass a name of the icon. For icon names, refer to https://digitaldesign.scania.com/foundations/icons/icon-library or storybook */
|
|
3
|
-
name: string;
|
|
4
|
-
/** Pass a size of icon as a string, for example: 32px, 1rem, 4em... */
|
|
5
|
-
size: string;
|
|
6
|
-
icons_object: string;
|
|
7
|
-
arrayOfIcons: any[];
|
|
8
|
-
componentWillLoad(): void;
|
|
9
|
-
arrayDataWatcher(newValue: string): void;
|
|
10
|
-
setIcons: () => any[];
|
|
11
|
-
render(): any;
|
|
12
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
export declare class Modal {
|
|
2
|
-
/** Disables closing modal on clicking on overlay area. */
|
|
3
|
-
prevent: boolean;
|
|
4
|
-
/** Size of modal. Accepted strings are: xs, sm, md, lg. */
|
|
5
|
-
size: 'xs' | 'sm' | 'md' | 'lg';
|
|
6
|
-
/** Sticky or Static Actions */
|
|
7
|
-
actions: 'sticky' | 'static';
|
|
8
|
-
open: boolean;
|
|
9
|
-
el: HTMLElement;
|
|
10
|
-
/** Shows the modal */
|
|
11
|
-
openModal(): Promise<void>;
|
|
12
|
-
setDissmissButtons(): void;
|
|
13
|
-
handleClick(e: any): void;
|
|
14
|
-
componentDidRender(): void;
|
|
15
|
-
render(): any;
|
|
16
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import type { Placement } from '@popperjs/core';
|
|
2
|
-
export declare class PopoverCanvas {
|
|
3
|
-
popoverCanvasElement: HTMLElement;
|
|
4
|
-
/** The CSS-selector that will trigger this Popover Canvas */
|
|
5
|
-
selector: string;
|
|
6
|
-
/** Decides if the Popover Canvas should be visible from the start */
|
|
7
|
-
show: boolean;
|
|
8
|
-
/** Decides the placement of the Popover Canvas */
|
|
9
|
-
placement: Placement;
|
|
10
|
-
/** Sets the offset skidding */
|
|
11
|
-
offsetSkidding: number;
|
|
12
|
-
/** Sets the offset distance */
|
|
13
|
-
offsetDistance: number;
|
|
14
|
-
target: any;
|
|
15
|
-
handleOutsideClick(): void;
|
|
16
|
-
componentDidLoad(): void;
|
|
17
|
-
render(): any;
|
|
18
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import type { Placement } from '@popperjs/core';
|
|
2
|
-
export declare class PopoverMenu {
|
|
3
|
-
popoverMenuElement: HTMLElement;
|
|
4
|
-
/** The CSS-selector that will trigger this Popover Menu */
|
|
5
|
-
selector: string;
|
|
6
|
-
/** Decides if the Popover Menu should be visible from the start */
|
|
7
|
-
show: boolean;
|
|
8
|
-
/** Decides the placement of the Popover Menu */
|
|
9
|
-
placement: Placement;
|
|
10
|
-
/** Sets the offset skidding */
|
|
11
|
-
offsetSkidding: number;
|
|
12
|
-
/** Sets the offset distance */
|
|
13
|
-
offsetDistance: number;
|
|
14
|
-
target: any;
|
|
15
|
-
handleOutsideClick(): void;
|
|
16
|
-
componentDidLoad(): void;
|
|
17
|
-
render(): any;
|
|
18
|
-
}
|