@refinitiv-ui/elements 5.11.0 → 5.12.0-alpha.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/README.md +4 -4
- package/package.json +21 -290
- package/lib/accordion/index.d.ts +0 -76
- package/lib/accordion/index.js +0 -136
- package/lib/accordion/themes/halo/dark/index.js +0 -3
- package/lib/accordion/themes/halo/light/index.js +0 -3
- package/lib/accordion/themes/solar/charcoal/index.js +0 -3
- package/lib/accordion/themes/solar/pearl/index.js +0 -3
- package/lib/appstate-bar/index.d.ts +0 -65
- package/lib/appstate-bar/index.js +0 -100
- package/lib/appstate-bar/themes/halo/dark/index.js +0 -3
- package/lib/appstate-bar/themes/halo/light/index.js +0 -3
- package/lib/appstate-bar/themes/solar/charcoal/index.js +0 -3
- package/lib/appstate-bar/themes/solar/pearl/index.js +0 -3
- package/lib/autosuggest/helpers/types.d.ts +0 -54
- package/lib/autosuggest/helpers/types.js +0 -1
- package/lib/autosuggest/helpers/utils.d.ts +0 -39
- package/lib/autosuggest/helpers/utils.js +0 -75
- package/lib/autosuggest/index.d.ts +0 -538
- package/lib/autosuggest/index.js +0 -1255
- package/lib/autosuggest/themes/halo/dark/index.js +0 -5
- package/lib/autosuggest/themes/halo/light/index.js +0 -5
- package/lib/autosuggest/themes/solar/charcoal/index.js +0 -5
- package/lib/autosuggest/themes/solar/pearl/index.js +0 -5
- package/lib/button/index.d.ts +0 -132
- package/lib/button/index.js +0 -223
- package/lib/button/themes/halo/dark/index.js +0 -3
- package/lib/button/themes/halo/light/index.js +0 -3
- package/lib/button/themes/solar/charcoal/index.js +0 -3
- package/lib/button/themes/solar/pearl/index.js +0 -3
- package/lib/button-bar/index.d.ts +0 -76
- package/lib/button-bar/index.js +0 -155
- package/lib/button-bar/themes/halo/dark/index.js +0 -3
- package/lib/button-bar/themes/halo/light/index.js +0 -3
- package/lib/button-bar/themes/solar/charcoal/index.js +0 -3
- package/lib/button-bar/themes/solar/pearl/index.js +0 -3
- package/lib/calendar/constants.d.ts +0 -26
- package/lib/calendar/constants.js +0 -28
- package/lib/calendar/index.d.ts +0 -412
- package/lib/calendar/index.js +0 -1274
- package/lib/calendar/locales.d.ts +0 -1
- package/lib/calendar/locales.js +0 -41
- package/lib/calendar/themes/halo/dark/index.js +0 -3
- package/lib/calendar/themes/halo/light/index.js +0 -3
- package/lib/calendar/themes/solar/charcoal/index.js +0 -3
- package/lib/calendar/themes/solar/pearl/index.js +0 -3
- package/lib/calendar/types.d.ts +0 -32
- package/lib/calendar/types.js +0 -1
- package/lib/calendar/utils.d.ts +0 -42
- package/lib/calendar/utils.js +0 -120
- package/lib/canvas/index.d.ts +0 -101
- package/lib/canvas/index.js +0 -173
- package/lib/canvas/themes/halo/dark/index.js +0 -2
- package/lib/canvas/themes/halo/light/index.js +0 -2
- package/lib/canvas/themes/solar/charcoal/index.js +0 -2
- package/lib/canvas/themes/solar/pearl/index.js +0 -2
- package/lib/card/helpers/types.d.ts +0 -12
- package/lib/card/helpers/types.js +0 -1
- package/lib/card/index.d.ts +0 -142
- package/lib/card/index.js +0 -248
- package/lib/card/themes/halo/dark/index.js +0 -5
- package/lib/card/themes/halo/light/index.js +0 -5
- package/lib/card/themes/solar/charcoal/index.js +0 -5
- package/lib/card/themes/solar/pearl/index.js +0 -5
- package/lib/chart/helpers/index.d.ts +0 -2
- package/lib/chart/helpers/index.js +0 -2
- package/lib/chart/helpers/legend.d.ts +0 -5
- package/lib/chart/helpers/legend.js +0 -78
- package/lib/chart/helpers/merge.d.ts +0 -15
- package/lib/chart/helpers/merge.js +0 -28
- package/lib/chart/helpers/types.d.ts +0 -69
- package/lib/chart/helpers/types.js +0 -1
- package/lib/chart/index.d.ts +0 -187
- package/lib/chart/index.js +0 -491
- package/lib/chart/plugins/doughnut-center-label.d.ts +0 -3
- package/lib/chart/plugins/doughnut-center-label.js +0 -196
- package/lib/chart/themes/halo/dark/index.js +0 -4
- package/lib/chart/themes/halo/light/index.js +0 -4
- package/lib/chart/themes/solar/charcoal/index.js +0 -4
- package/lib/chart/themes/solar/pearl/index.js +0 -4
- package/lib/checkbox/index.d.ts +0 -97
- package/lib/checkbox/index.js +0 -194
- package/lib/checkbox/themes/halo/dark/index.js +0 -4
- package/lib/checkbox/themes/halo/light/index.js +0 -4
- package/lib/checkbox/themes/solar/charcoal/index.js +0 -4
- package/lib/checkbox/themes/solar/pearl/index.js +0 -4
- package/lib/clock/index.d.ts +0 -321
- package/lib/clock/index.js +0 -583
- package/lib/clock/themes/halo/dark/index.js +0 -2
- package/lib/clock/themes/halo/light/index.js +0 -2
- package/lib/clock/themes/solar/charcoal/index.js +0 -2
- package/lib/clock/themes/solar/pearl/index.js +0 -2
- package/lib/clock/utils/TickManager.d.ts +0 -14
- package/lib/clock/utils/TickManager.js +0 -66
- package/lib/clock/utils/timestamps.d.ts +0 -6
- package/lib/clock/utils/timestamps.js +0 -6
- package/lib/collapse/index.d.ts +0 -119
- package/lib/collapse/index.js +0 -197
- package/lib/collapse/themes/halo/dark/index.js +0 -5
- package/lib/collapse/themes/halo/light/index.js +0 -5
- package/lib/collapse/themes/solar/charcoal/index.js +0 -5
- package/lib/collapse/themes/solar/pearl/index.js +0 -5
- package/lib/color-dialog/elements/color-palettes.d.ts +0 -52
- package/lib/color-dialog/elements/color-palettes.js +0 -101
- package/lib/color-dialog/elements/grayscale-palettes.d.ts +0 -67
- package/lib/color-dialog/elements/grayscale-palettes.js +0 -161
- package/lib/color-dialog/elements/palettes.d.ts +0 -65
- package/lib/color-dialog/elements/palettes.js +0 -132
- package/lib/color-dialog/helpers/color-helpers.d.ts +0 -16
- package/lib/color-dialog/helpers/color-helpers.js +0 -161
- package/lib/color-dialog/helpers/value-model.d.ts +0 -75
- package/lib/color-dialog/helpers/value-model.js +0 -141
- package/lib/color-dialog/index.d.ts +0 -232
- package/lib/color-dialog/index.js +0 -459
- package/lib/color-dialog/themes/halo/dark/index.js +0 -7
- package/lib/color-dialog/themes/halo/light/index.js +0 -7
- package/lib/color-dialog/themes/solar/charcoal/index.js +0 -7
- package/lib/color-dialog/themes/solar/pearl/index.js +0 -7
- package/lib/combo-box/helpers/filter.d.ts +0 -10
- package/lib/combo-box/helpers/filter.js +0 -29
- package/lib/combo-box/helpers/keyboard-event.d.ts +0 -17
- package/lib/combo-box/helpers/keyboard-event.js +0 -19
- package/lib/combo-box/helpers/renderer.d.ts +0 -8
- package/lib/combo-box/helpers/renderer.js +0 -24
- package/lib/combo-box/helpers/types.d.ts +0 -11
- package/lib/combo-box/helpers/types.js +0 -1
- package/lib/combo-box/index.d.ts +0 -551
- package/lib/combo-box/index.js +0 -1183
- package/lib/combo-box/themes/halo/dark/index.js +0 -7
- package/lib/combo-box/themes/halo/light/index.js +0 -7
- package/lib/combo-box/themes/solar/charcoal/index.js +0 -7
- package/lib/combo-box/themes/solar/pearl/index.js +0 -7
- package/lib/counter/index.d.ts +0 -91
- package/lib/counter/index.js +0 -154
- package/lib/counter/themes/halo/dark/index.js +0 -3
- package/lib/counter/themes/halo/light/index.js +0 -3
- package/lib/counter/themes/solar/charcoal/index.js +0 -3
- package/lib/counter/themes/solar/pearl/index.js +0 -3
- package/lib/counter/utils.d.ts +0 -13
- package/lib/counter/utils.js +0 -52
- package/lib/datetime-picker/index.d.ts +0 -509
- package/lib/datetime-picker/index.js +0 -1175
- package/lib/datetime-picker/locales.d.ts +0 -8
- package/lib/datetime-picker/locales.js +0 -57
- package/lib/datetime-picker/themes/halo/dark/index.js +0 -7
- package/lib/datetime-picker/themes/halo/light/index.js +0 -7
- package/lib/datetime-picker/themes/solar/charcoal/index.js +0 -7
- package/lib/datetime-picker/themes/solar/pearl/index.js +0 -7
- package/lib/datetime-picker/types.d.ts +0 -3
- package/lib/datetime-picker/types.js +0 -1
- package/lib/datetime-picker/utils.d.ts +0 -55
- package/lib/datetime-picker/utils.js +0 -92
- package/lib/dialog/draggable-element.d.ts +0 -14
- package/lib/dialog/draggable-element.js +0 -221
- package/lib/dialog/index.d.ts +0 -196
- package/lib/dialog/index.js +0 -328
- package/lib/dialog/themes/halo/dark/index.js +0 -7
- package/lib/dialog/themes/halo/light/index.js +0 -7
- package/lib/dialog/themes/solar/charcoal/index.js +0 -7
- package/lib/dialog/themes/solar/pearl/index.js +0 -7
- package/lib/email-field/index.d.ts +0 -80
- package/lib/email-field/index.js +0 -86
- package/lib/email-field/themes/halo/dark/index.js +0 -3
- package/lib/email-field/themes/halo/light/index.js +0 -3
- package/lib/email-field/themes/solar/charcoal/index.js +0 -3
- package/lib/email-field/themes/solar/pearl/index.js +0 -3
- package/lib/events.d.ts +0 -121
- package/lib/events.js +0 -1
- package/lib/flag/index.d.ts +0 -96
- package/lib/flag/index.js +0 -168
- package/lib/flag/themes/halo/dark/index.js +0 -2
- package/lib/flag/themes/halo/light/index.js +0 -2
- package/lib/flag/themes/solar/charcoal/index.js +0 -2
- package/lib/flag/themes/solar/pearl/index.js +0 -2
- package/lib/flag/utils/FlagLoader.d.ts +0 -47
- package/lib/flag/utils/FlagLoader.js +0 -86
- package/lib/header/index.d.ts +0 -46
- package/lib/header/index.js +0 -73
- package/lib/header/themes/halo/dark/index.js +0 -2
- package/lib/header/themes/halo/light/index.js +0 -2
- package/lib/header/themes/solar/charcoal/index.js +0 -2
- package/lib/header/themes/solar/pearl/index.js +0 -2
- package/lib/heatmap/helpers/color.d.ts +0 -30
- package/lib/heatmap/helpers/color.js +0 -68
- package/lib/heatmap/helpers/text.d.ts +0 -26
- package/lib/heatmap/helpers/text.js +0 -91
- package/lib/heatmap/helpers/track.d.ts +0 -102
- package/lib/heatmap/helpers/track.js +0 -160
- package/lib/heatmap/helpers/types.d.ts +0 -40
- package/lib/heatmap/helpers/types.js +0 -1
- package/lib/heatmap/index.d.ts +0 -453
- package/lib/heatmap/index.js +0 -1103
- package/lib/heatmap/themes/halo/dark/index.js +0 -4
- package/lib/heatmap/themes/halo/light/index.js +0 -4
- package/lib/heatmap/themes/solar/charcoal/index.js +0 -4
- package/lib/heatmap/themes/solar/pearl/index.js +0 -4
- package/lib/icon/index.d.ts +0 -90
- package/lib/icon/index.js +0 -171
- package/lib/icon/themes/halo/dark/index.js +0 -2
- package/lib/icon/themes/halo/light/index.js +0 -2
- package/lib/icon/themes/solar/charcoal/index.js +0 -2
- package/lib/icon/themes/solar/pearl/index.js +0 -2
- package/lib/icon/utils/IconLoader.d.ts +0 -52
- package/lib/icon/utils/IconLoader.js +0 -93
- package/lib/index.d.ts +0 -3
- package/lib/index.js +0 -3
- package/lib/interactive-chart/helpers/merge.d.ts +0 -15
- package/lib/interactive-chart/helpers/merge.js +0 -28
- package/lib/interactive-chart/helpers/types.d.ts +0 -45
- package/lib/interactive-chart/helpers/types.js +0 -6
- package/lib/interactive-chart/index.d.ts +0 -383
- package/lib/interactive-chart/index.js +0 -1093
- package/lib/interactive-chart/themes/halo/dark/index.js +0 -3
- package/lib/interactive-chart/themes/halo/light/index.js +0 -3
- package/lib/interactive-chart/themes/solar/charcoal/index.js +0 -3
- package/lib/interactive-chart/themes/solar/pearl/index.js +0 -3
- package/lib/item/helpers/types.d.ts +0 -57
- package/lib/item/helpers/types.js +0 -1
- package/lib/item/index.d.ts +0 -159
- package/lib/item/index.js +0 -272
- package/lib/item/themes/halo/dark/index.js +0 -4
- package/lib/item/themes/halo/light/index.js +0 -4
- package/lib/item/themes/solar/charcoal/index.js +0 -4
- package/lib/item/themes/solar/pearl/index.js +0 -4
- package/lib/label/index.d.ts +0 -102
- package/lib/label/index.js +0 -245
- package/lib/label/themes/halo/dark/index.js +0 -3
- package/lib/label/themes/halo/light/index.js +0 -3
- package/lib/label/themes/solar/charcoal/index.js +0 -3
- package/lib/label/themes/solar/pearl/index.js +0 -3
- package/lib/layout/index.d.ts +0 -107
- package/lib/layout/index.js +0 -212
- package/lib/layout/themes/halo/dark/index.js +0 -2
- package/lib/layout/themes/halo/light/index.js +0 -2
- package/lib/layout/themes/solar/charcoal/index.js +0 -2
- package/lib/layout/themes/solar/pearl/index.js +0 -2
- package/lib/led-gauge/index.d.ts +0 -144
- package/lib/led-gauge/index.js +0 -438
- package/lib/led-gauge/themes/halo/dark/index.js +0 -3
- package/lib/led-gauge/themes/halo/light/index.js +0 -3
- package/lib/led-gauge/themes/solar/charcoal/index.js +0 -3
- package/lib/led-gauge/themes/solar/pearl/index.js +0 -3
- package/lib/list/extensible-function.d.ts +0 -8
- package/lib/list/extensible-function.js +0 -13
- package/lib/list/helpers/list-renderer.d.ts +0 -9
- package/lib/list/helpers/list-renderer.js +0 -37
- package/lib/list/helpers/types.d.ts +0 -3
- package/lib/list/helpers/types.js +0 -1
- package/lib/list/index.d.ts +0 -313
- package/lib/list/index.js +0 -640
- package/lib/list/renderer.d.ts +0 -36
- package/lib/list/renderer.js +0 -9
- package/lib/list/themes/halo/dark/index.js +0 -3
- package/lib/list/themes/halo/light/index.js +0 -3
- package/lib/list/themes/solar/charcoal/index.js +0 -3
- package/lib/list/themes/solar/pearl/index.js +0 -3
- package/lib/loader/index.d.ts +0 -41
- package/lib/loader/index.js +0 -61
- package/lib/loader/themes/halo/dark/index.js +0 -2
- package/lib/loader/themes/halo/light/index.js +0 -2
- package/lib/loader/themes/solar/charcoal/index.js +0 -2
- package/lib/loader/themes/solar/pearl/index.js +0 -2
- package/lib/multi-input/helpers/types.d.ts +0 -11
- package/lib/multi-input/helpers/types.js +0 -1
- package/lib/multi-input/index.d.ts +0 -301
- package/lib/multi-input/index.js +0 -594
- package/lib/multi-input/themes/halo/dark/index.js +0 -4
- package/lib/multi-input/themes/halo/light/index.js +0 -4
- package/lib/multi-input/themes/solar/charcoal/index.js +0 -4
- package/lib/multi-input/themes/solar/pearl/index.js +0 -4
- package/lib/notification/elements/notification-tray.d.ts +0 -97
- package/lib/notification/elements/notification-tray.js +0 -167
- package/lib/notification/elements/notification.d.ts +0 -90
- package/lib/notification/elements/notification.js +0 -154
- package/lib/notification/helpers/status.d.ts +0 -30
- package/lib/notification/helpers/status.js +0 -130
- package/lib/notification/helpers/types.d.ts +0 -10
- package/lib/notification/helpers/types.js +0 -1
- package/lib/notification/index.d.ts +0 -2
- package/lib/notification/index.js +0 -2
- package/lib/notification/themes/halo/dark/index.js +0 -5
- package/lib/notification/themes/halo/light/index.js +0 -5
- package/lib/notification/themes/solar/charcoal/index.js +0 -5
- package/lib/notification/themes/solar/pearl/index.js +0 -5
- package/lib/number-field/index.d.ts +0 -339
- package/lib/number-field/index.js +0 -740
- package/lib/number-field/themes/halo/dark/index.js +0 -3
- package/lib/number-field/themes/halo/light/index.js +0 -3
- package/lib/number-field/themes/solar/charcoal/index.js +0 -3
- package/lib/number-field/themes/solar/pearl/index.js +0 -3
- package/lib/overlay/elements/overlay-backdrop.d.ts +0 -46
- package/lib/overlay/elements/overlay-backdrop.js +0 -64
- package/lib/overlay/elements/overlay-viewport.d.ts +0 -40
- package/lib/overlay/elements/overlay-viewport.js +0 -52
- package/lib/overlay/elements/overlay.d.ts +0 -408
- package/lib/overlay/elements/overlay.js +0 -1426
- package/lib/overlay/helpers/functions.d.ts +0 -13
- package/lib/overlay/helpers/functions.js +0 -16
- package/lib/overlay/helpers/types.d.ts +0 -97
- package/lib/overlay/helpers/types.js +0 -16
- package/lib/overlay/index.d.ts +0 -2
- package/lib/overlay/index.js +0 -1
- package/lib/overlay/managers/backdrop-manager.d.ts +0 -45
- package/lib/overlay/managers/backdrop-manager.js +0 -96
- package/lib/overlay/managers/close-manager.d.ts +0 -54
- package/lib/overlay/managers/close-manager.js +0 -138
- package/lib/overlay/managers/focus-manager.d.ts +0 -71
- package/lib/overlay/managers/focus-manager.js +0 -228
- package/lib/overlay/managers/interaction-lock-manager.d.ts +0 -138
- package/lib/overlay/managers/interaction-lock-manager.js +0 -375
- package/lib/overlay/managers/viewport-manager.d.ts +0 -93
- package/lib/overlay/managers/viewport-manager.js +0 -211
- package/lib/overlay/managers/zindex-manager.d.ts +0 -80
- package/lib/overlay/managers/zindex-manager.js +0 -195
- package/lib/overlay/themes/halo/dark/index.js +0 -4
- package/lib/overlay/themes/halo/light/index.js +0 -4
- package/lib/overlay/themes/solar/charcoal/index.js +0 -4
- package/lib/overlay/themes/solar/pearl/index.js +0 -4
- package/lib/overlay-menu/helpers/types.d.ts +0 -8
- package/lib/overlay-menu/helpers/types.js +0 -1
- package/lib/overlay-menu/index.d.ts +0 -387
- package/lib/overlay-menu/index.js +0 -935
- package/lib/overlay-menu/managers/menu-manager.d.ts +0 -98
- package/lib/overlay-menu/managers/menu-manager.js +0 -240
- package/lib/overlay-menu/themes/halo/dark/index.js +0 -5
- package/lib/overlay-menu/themes/halo/light/index.js +0 -5
- package/lib/overlay-menu/themes/solar/charcoal/index.js +0 -5
- package/lib/overlay-menu/themes/solar/pearl/index.js +0 -5
- package/lib/pagination/index.d.ts +0 -275
- package/lib/pagination/index.js +0 -552
- package/lib/pagination/themes/halo/dark/index.js +0 -6
- package/lib/pagination/themes/halo/light/index.js +0 -6
- package/lib/pagination/themes/solar/charcoal/index.js +0 -6
- package/lib/pagination/themes/solar/pearl/index.js +0 -6
- package/lib/panel/index.d.ts +0 -48
- package/lib/panel/index.js +0 -74
- package/lib/panel/themes/halo/dark/index.js +0 -2
- package/lib/panel/themes/halo/light/index.js +0 -2
- package/lib/panel/themes/solar/charcoal/index.js +0 -2
- package/lib/panel/themes/solar/pearl/index.js +0 -2
- package/lib/password-field/index.d.ts +0 -89
- package/lib/password-field/index.js +0 -112
- package/lib/password-field/themes/halo/dark/index.js +0 -3
- package/lib/password-field/themes/halo/light/index.js +0 -3
- package/lib/password-field/themes/solar/charcoal/index.js +0 -3
- package/lib/password-field/themes/solar/pearl/index.js +0 -3
- package/lib/pill/index.d.ts +0 -97
- package/lib/pill/index.js +0 -160
- package/lib/pill/themes/halo/dark/index.js +0 -3
- package/lib/pill/themes/halo/light/index.js +0 -3
- package/lib/pill/themes/solar/charcoal/index.js +0 -3
- package/lib/pill/themes/solar/pearl/index.js +0 -3
- package/lib/progress-bar/index.d.ts +0 -82
- package/lib/progress-bar/index.js +0 -157
- package/lib/progress-bar/themes/halo/dark/index.js +0 -2
- package/lib/progress-bar/themes/halo/light/index.js +0 -2
- package/lib/progress-bar/themes/solar/charcoal/index.js +0 -2
- package/lib/progress-bar/themes/solar/pearl/index.js +0 -2
- package/lib/radio-button/index.d.ts +0 -123
- package/lib/radio-button/index.js +0 -261
- package/lib/radio-button/radio-button-registry.d.ts +0 -22
- package/lib/radio-button/radio-button-registry.js +0 -93
- package/lib/radio-button/themes/halo/dark/index.js +0 -3
- package/lib/radio-button/themes/halo/light/index.js +0 -3
- package/lib/radio-button/themes/solar/charcoal/index.js +0 -3
- package/lib/radio-button/themes/solar/pearl/index.js +0 -3
- package/lib/rating/index.d.ts +0 -91
- package/lib/rating/index.js +0 -157
- package/lib/rating/themes/halo/dark/index.js +0 -2
- package/lib/rating/themes/halo/light/index.js +0 -2
- package/lib/rating/themes/solar/charcoal/index.js +0 -2
- package/lib/rating/themes/solar/pearl/index.js +0 -2
- package/lib/search-field/index.d.ts +0 -77
- package/lib/search-field/index.js +0 -84
- package/lib/search-field/themes/halo/dark/index.js +0 -3
- package/lib/search-field/themes/halo/light/index.js +0 -3
- package/lib/search-field/themes/solar/charcoal/index.js +0 -3
- package/lib/search-field/themes/solar/pearl/index.js +0 -3
- package/lib/select/helpers/types.d.ts +0 -3
- package/lib/select/helpers/types.js +0 -1
- package/lib/select/index.d.ts +0 -396
- package/lib/select/index.js +0 -981
- package/lib/select/themes/halo/dark/index.js +0 -5
- package/lib/select/themes/halo/light/index.js +0 -5
- package/lib/select/themes/solar/charcoal/index.js +0 -5
- package/lib/select/themes/solar/pearl/index.js +0 -5
- package/lib/sidebar-layout/index.d.ts +0 -70
- package/lib/sidebar-layout/index.js +0 -134
- package/lib/sidebar-layout/themes/halo/dark/index.js +0 -3
- package/lib/sidebar-layout/themes/halo/light/index.js +0 -3
- package/lib/sidebar-layout/themes/solar/charcoal/index.js +0 -3
- package/lib/sidebar-layout/themes/solar/pearl/index.js +0 -3
- package/lib/slider/index.d.ts +0 -409
- package/lib/slider/index.js +0 -1187
- package/lib/slider/themes/halo/dark/index.js +0 -3
- package/lib/slider/themes/halo/light/index.js +0 -3
- package/lib/slider/themes/solar/charcoal/index.js +0 -3
- package/lib/slider/themes/solar/pearl/index.js +0 -3
- package/lib/sparkline/index.d.ts +0 -109
- package/lib/sparkline/index.js +0 -188
- package/lib/sparkline/themes/halo/dark/index.js +0 -2
- package/lib/sparkline/themes/halo/light/index.js +0 -2
- package/lib/sparkline/themes/solar/charcoal/index.js +0 -2
- package/lib/sparkline/themes/solar/pearl/index.js +0 -2
- package/lib/swing-gauge/const.d.ts +0 -22
- package/lib/swing-gauge/const.js +0 -26
- package/lib/swing-gauge/helpers.d.ts +0 -8
- package/lib/swing-gauge/helpers.js +0 -105
- package/lib/swing-gauge/index.d.ts +0 -296
- package/lib/swing-gauge/index.js +0 -764
- package/lib/swing-gauge/themes/halo/dark/index.js +0 -3
- package/lib/swing-gauge/themes/halo/light/index.js +0 -3
- package/lib/swing-gauge/themes/solar/charcoal/index.js +0 -3
- package/lib/swing-gauge/themes/solar/pearl/index.js +0 -3
- package/lib/swing-gauge/types.d.ts +0 -34
- package/lib/swing-gauge/types.js +0 -1
- package/lib/tab/index.d.ts +0 -118
- package/lib/tab/index.js +0 -208
- package/lib/tab/themes/halo/dark/index.js +0 -4
- package/lib/tab/themes/halo/light/index.js +0 -4
- package/lib/tab/themes/solar/charcoal/index.js +0 -4
- package/lib/tab/themes/solar/pearl/index.js +0 -4
- package/lib/tab-bar/helpers/animate.d.ts +0 -16
- package/lib/tab-bar/helpers/animate.js +0 -53
- package/lib/tab-bar/index.d.ts +0 -108
- package/lib/tab-bar/index.js +0 -218
- package/lib/tab-bar/themes/halo/dark/index.js +0 -4
- package/lib/tab-bar/themes/halo/light/index.js +0 -4
- package/lib/tab-bar/themes/solar/charcoal/index.js +0 -4
- package/lib/tab-bar/themes/solar/pearl/index.js +0 -4
- package/lib/text-field/index.d.ts +0 -151
- package/lib/text-field/index.js +0 -260
- package/lib/text-field/themes/halo/dark/index.js +0 -3
- package/lib/text-field/themes/halo/light/index.js +0 -3
- package/lib/text-field/themes/solar/charcoal/index.js +0 -3
- package/lib/text-field/themes/solar/pearl/index.js +0 -3
- package/lib/time-picker/index.d.ts +0 -412
- package/lib/time-picker/index.js +0 -898
- package/lib/time-picker/themes/halo/dark/index.js +0 -4
- package/lib/time-picker/themes/halo/light/index.js +0 -4
- package/lib/time-picker/themes/solar/charcoal/index.js +0 -4
- package/lib/time-picker/themes/solar/pearl/index.js +0 -4
- package/lib/toggle/index.d.ts +0 -87
- package/lib/toggle/index.js +0 -153
- package/lib/toggle/themes/halo/dark/index.js +0 -2
- package/lib/toggle/themes/halo/light/index.js +0 -2
- package/lib/toggle/themes/solar/charcoal/index.js +0 -2
- package/lib/toggle/themes/solar/pearl/index.js +0 -2
- package/lib/tooltip/elements/title-tooltip.d.ts +0 -1
- package/lib/tooltip/elements/title-tooltip.js +0 -18
- package/lib/tooltip/elements/tooltip-element.d.ts +0 -21
- package/lib/tooltip/elements/tooltip-element.js +0 -54
- package/lib/tooltip/helpers/overflow-tooltip.d.ts +0 -9
- package/lib/tooltip/helpers/overflow-tooltip.js +0 -19
- package/lib/tooltip/helpers/renderer.d.ts +0 -8
- package/lib/tooltip/helpers/renderer.js +0 -11
- package/lib/tooltip/helpers/types.d.ts +0 -23
- package/lib/tooltip/helpers/types.js +0 -1
- package/lib/tooltip/index.d.ts +0 -232
- package/lib/tooltip/index.js +0 -477
- package/lib/tooltip/managers/tooltip-manager.d.ts +0 -15
- package/lib/tooltip/managers/tooltip-manager.js +0 -140
- package/lib/tooltip/themes/halo/dark/index.js +0 -3
- package/lib/tooltip/themes/halo/light/index.js +0 -3
- package/lib/tooltip/themes/solar/charcoal/index.js +0 -3
- package/lib/tooltip/themes/solar/pearl/index.js +0 -3
- package/lib/tornado-chart/elements/tornado-chart.d.ts +0 -78
- package/lib/tornado-chart/elements/tornado-chart.js +0 -122
- package/lib/tornado-chart/elements/tornado-item.d.ts +0 -110
- package/lib/tornado-chart/elements/tornado-item.js +0 -207
- package/lib/tornado-chart/index.d.ts +0 -2
- package/lib/tornado-chart/index.js +0 -2
- package/lib/tornado-chart/themes/halo/dark/index.js +0 -6
- package/lib/tornado-chart/themes/halo/light/index.js +0 -6
- package/lib/tornado-chart/themes/solar/charcoal/index.js +0 -6
- package/lib/tornado-chart/themes/solar/pearl/index.js +0 -6
- package/lib/tree/elements/tree-item.d.ts +0 -129
- package/lib/tree/elements/tree-item.js +0 -238
- package/lib/tree/elements/tree.d.ts +0 -203
- package/lib/tree/elements/tree.js +0 -414
- package/lib/tree/helpers/filter.d.ts +0 -8
- package/lib/tree/helpers/filter.js +0 -33
- package/lib/tree/helpers/renderer.d.ts +0 -5
- package/lib/tree/helpers/renderer.js +0 -33
- package/lib/tree/helpers/types.d.ts +0 -25
- package/lib/tree/helpers/types.js +0 -1
- package/lib/tree/index.d.ts +0 -4
- package/lib/tree/index.js +0 -3
- package/lib/tree/managers/tree-manager.d.ts +0 -248
- package/lib/tree/managers/tree-manager.js +0 -395
- package/lib/tree/themes/halo/dark/index.js +0 -7
- package/lib/tree/themes/halo/light/index.js +0 -7
- package/lib/tree/themes/solar/charcoal/index.js +0 -7
- package/lib/tree/themes/solar/pearl/index.js +0 -7
- package/lib/tree-select/helpers/types.d.ts +0 -4
- package/lib/tree-select/helpers/types.js +0 -1
- package/lib/tree-select/index.d.ts +0 -404
- package/lib/tree-select/index.js +0 -891
- package/lib/tree-select/themes/halo/dark/index.js +0 -11
- package/lib/tree-select/themes/halo/light/index.js +0 -11
- package/lib/tree-select/themes/solar/charcoal/index.js +0 -11
- package/lib/tree-select/themes/solar/pearl/index.js +0 -11
- package/lib/version.d.ts +0 -1
- package/lib/version.js +0 -1
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import '@refinitiv-ui/elements/lib/item/themes/halo/dark';
|
|
2
|
-
|
|
3
|
-
elf.customStyles.define('ef-list', ':host{--item-indent:8px;--item-height:24px;color:#ccc;background-color:transparent;touch-action:manipulation;scrollbar-face-color:#595959;scrollbar-shadow-color:#595959;scrollbar-highlight-color:#595959;scrollbar-arrow-color:#595959;scrollbar-track-color:#1a1a1a;scrollbar-3dlight-color:#1a1a1a;scrollbar-darkshadow-color:#1a1a1a;scrollbar-color:#595959 #1a1a1a;scrollbar-width:thin}:host(:focus){outline:0}:host([readonly]) [part=list-item]{cursor:default}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#595959;border-radius:0;border:1px solid transparent}::-webkit-scrollbar-thumb:hover{background:#334bff}::-webkit-scrollbar-thumb:active{background:#0f1e8a}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb:horizontal{background-size:auto 6px;background-repeat:repeat-x;background-image:linear-gradient(to bottom,#595959,#595959);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:horizontal:hover{background-image:linear-gradient(to bottom,#334bff,#334bff);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:horizontal:active{background-image:linear-gradient(to bottom,#0f1e8a,#0f1e8a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical{background-size:6px auto;background-repeat:repeat-y;background-image:linear-gradient(to right,#595959,#595959);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical:hover{background-image:linear-gradient(to right,#334bff,#334bff);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical:active{background-image:linear-gradient(to right,#0f1e8a,#0f1e8a);background-color:transparent;background-position:center}::-webkit-scrollbar-track:horizontal{border-top:1px solid #0d0d0d;border-bottom:1px solid #0d0d0d}::-webkit-scrollbar-track:vertical{border-left:1px solid #0d0d0d;border-right:1px solid #0d0d0d}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat #1a1a1a;height:16px;width:16px;display:none;border:1px solid #0d0d0d}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:hover{background-color:#334bff;border:1px solid #334bff}::-webkit-scrollbar-button:active{background-color:#0f1e8a;border:1px solid #0d0d0d}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{border-bottom-color:#0d0d0d;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px;border-bottom-color:#334bff}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px;border-bottom-color:#0d0d0d}::-webkit-scrollbar-button:vertical:end:increment{border-top-color:#0d0d0d;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px;border-top-color:#334bff}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px;border-top-color:#0d0d0d}::-webkit-scrollbar-button:horizontal:start:decrement{border-right-color:#0d0d0d;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px;border-right-color:#334bff}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px;border-right-color:#0d0d0d}::-webkit-scrollbar-button:horizontal:end:increment{border-left-color:#0d0d0d;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px;border-left-color:#334bff}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px;border-left-color:#0d0d0d}');
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import '@refinitiv-ui/elements/lib/item/themes/halo/light';
|
|
2
|
-
|
|
3
|
-
elf.customStyles.define('ef-list', ':host{--item-indent:8px;--item-height:24px;color:#404040;background-color:transparent;touch-action:manipulation;scrollbar-face-color:#999;scrollbar-shadow-color:#999;scrollbar-highlight-color:#999;scrollbar-arrow-color:#999;scrollbar-track-color:#f2f2f2;scrollbar-3dlight-color:#f2f2f2;scrollbar-darkshadow-color:#f2f2f2;scrollbar-color:#999 #f2f2f2;scrollbar-width:thin}:host(:focus){outline:0}:host([readonly]) [part=list-item]{cursor:default}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#999;border-radius:0;border:1px solid transparent}::-webkit-scrollbar-thumb:hover{background:#334bff}::-webkit-scrollbar-thumb:active{background:#0f1e8a}::-webkit-scrollbar-track{background:#f2f2f2}::-webkit-scrollbar-thumb:horizontal{background-size:auto 6px;background-repeat:repeat-x;background-image:linear-gradient(to bottom,#999,#999);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:horizontal:hover{background-image:linear-gradient(to bottom,#334bff,#334bff);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:horizontal:active{background-image:linear-gradient(to bottom,#0f1e8a,#0f1e8a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical{background-size:6px auto;background-repeat:repeat-y;background-image:linear-gradient(to right,#999,#999);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical:hover{background-image:linear-gradient(to right,#334bff,#334bff);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical:active{background-image:linear-gradient(to right,#0f1e8a,#0f1e8a);background-color:transparent;background-position:center}::-webkit-scrollbar-track:horizontal{border-top:1px solid #fff;border-bottom:1px solid #fff}::-webkit-scrollbar-track:vertical{border-left:1px solid #fff;border-right:1px solid #fff}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat #f2f2f2;height:16px;width:16px;display:none;border:1px solid #fff}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:hover{background-color:#334bff;border:1px solid #334bff}::-webkit-scrollbar-button:active{background-color:#0f1e8a;border:1px solid #fff}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{border-bottom-color:#fff;background-image:linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px;border-bottom-color:#334bff}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px;border-bottom-color:#fff}::-webkit-scrollbar-button:vertical:end:increment{border-top-color:#fff;background-image:linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px;border-top-color:#334bff}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px;border-top-color:#fff}::-webkit-scrollbar-button:horizontal:start:decrement{border-right-color:#fff;background-image:linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px;border-right-color:#334bff}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px;border-right-color:#fff}::-webkit-scrollbar-button:horizontal:end:increment{border-left-color:#fff;background-image:linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px;border-left-color:#334bff}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px;border-left-color:#fff}');
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import '@refinitiv-ui/elements/lib/item/themes/solar/charcoal';
|
|
2
|
-
|
|
3
|
-
elf.customStyles.define('ef-list', ':host{--item-indent:7px;--item-height:22px;color:#c2c2c2;background-color:transparent;touch-action:manipulation;scrollbar-face-color:#666570;scrollbar-shadow-color:#666570;scrollbar-highlight-color:#666570;scrollbar-arrow-color:#666570;scrollbar-track-color:#2e2e33;scrollbar-3dlight-color:#2e2e33;scrollbar-darkshadow-color:#2e2e33;scrollbar-color:#666570 #2e2e33}:host(:focus){outline:0}:host([readonly]) [part=list-item]{cursor:default}::-webkit-scrollbar{width:13px;height:13px}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat #2e2e33;height:12px;width:12px;display:block}::-webkit-scrollbar-thumb{background:#666570;border-radius:7px;border:2px solid #2e2e33}::-webkit-scrollbar-thumb:hover{background:#e2e2e2}::-webkit-scrollbar-thumb:active{background:#f93}::-webkit-scrollbar-track{background:#2e2e33}::-webkit-scrollbar-corner{background:#2e2e33}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{background-image:linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570);background-position:10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 2.5px,5px 3.5px,4px 4.5px,3px 5.5px,2px 6.5px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2);background-position:10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 2.5px,5px 3.5px,4px 4.5px,3px 5.5px,2px 6.5px}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93);background-position:10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 2.5px,5px 3.5px,4px 4.5px,3px 5.5px,2px 6.5px}::-webkit-scrollbar-button:vertical:end:increment{background-image:linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570);background-position:10px 3.5px,9px 4.5px,8px 5.5px,7px 6.5px,6px 7.5px,5px 6.5px,4px 5.5px,3px 4.5px,2px 3.5px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2);background-position:10px 3.5px,9px 4.5px,8px 5.5px,7px 6.5px,6px 7.5px,5px 6.5px,4px 5.5px,3px 4.5px,2px 3.5px}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93);background-position:10px 3.5px,9px 4.5px,8px 5.5px,7px 6.5px,6px 7.5px,5px 6.5px,4px 5.5px,3px 4.5px,2px 3.5px}::-webkit-scrollbar-button:horizontal:start:decrement{background-image:linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570);background-position:6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,2.5px 6px,3.5px 5px,4.5px 4px,5.5px 3px,6.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2);background-position:6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,2.5px 6px,3.5px 5px,4.5px 4px,5.5px 3px,6.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93);background-position:6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,2.5px 6px,3.5px 5px,4.5px 4px,5.5px 3px,6.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment{background-image:linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570);background-position:3.5px 10px,4.5px 9px,5.5px 8px,6.5px 7px,7.5px 6px,6.5px 5px,5.5px 4px,4.5px 3px,3.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2);background-position:3.5px 10px,4.5px 9px,5.5px 8px,6.5px 7px,7.5px 6px,6.5px 5px,5.5px 4px,4.5px 3px,3.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93);background-position:3.5px 10px,4.5px 9px,5.5px 8px,6.5px 7px,7.5px 6px,6.5px 5px,5.5px 4px,4.5px 3px,3.5px 2px}');
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import '@refinitiv-ui/elements/lib/item/themes/solar/pearl';
|
|
2
|
-
|
|
3
|
-
elf.customStyles.define('ef-list', ':host{--item-indent:7px;--item-height:22px;color:#484848;background-color:transparent;touch-action:manipulation;scrollbar-face-color:#8a8a96;scrollbar-shadow-color:#8a8a96;scrollbar-highlight-color:#8a8a96;scrollbar-arrow-color:#8a8a96;scrollbar-track-color:#fff;scrollbar-3dlight-color:#fff;scrollbar-darkshadow-color:#fff;scrollbar-color:#8a8a96 #fff}:host(:focus){outline:0}:host([readonly]) [part=list-item]{cursor:default}::-webkit-scrollbar{width:13px;height:13px}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat #fff;height:12px;width:12px;display:block}::-webkit-scrollbar-thumb{background:#8a8a96;border-radius:7px;border:2px solid #fff}::-webkit-scrollbar-thumb:hover{background:#a9afba}::-webkit-scrollbar-thumb:active{background:#ee7600}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-corner{background:#fff}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{background-image:linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96);background-position:10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 2.5px,5px 3.5px,4px 4.5px,3px 5.5px,2px 6.5px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba);background-position:10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 2.5px,5px 3.5px,4px 4.5px,3px 5.5px,2px 6.5px}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600);background-position:10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 2.5px,5px 3.5px,4px 4.5px,3px 5.5px,2px 6.5px}::-webkit-scrollbar-button:vertical:end:increment{background-image:linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96);background-position:10px 3.5px,9px 4.5px,8px 5.5px,7px 6.5px,6px 7.5px,5px 6.5px,4px 5.5px,3px 4.5px,2px 3.5px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba);background-position:10px 3.5px,9px 4.5px,8px 5.5px,7px 6.5px,6px 7.5px,5px 6.5px,4px 5.5px,3px 4.5px,2px 3.5px}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600);background-position:10px 3.5px,9px 4.5px,8px 5.5px,7px 6.5px,6px 7.5px,5px 6.5px,4px 5.5px,3px 4.5px,2px 3.5px}::-webkit-scrollbar-button:horizontal:start:decrement{background-image:linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96);background-position:6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,2.5px 6px,3.5px 5px,4.5px 4px,5.5px 3px,6.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba);background-position:6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,2.5px 6px,3.5px 5px,4.5px 4px,5.5px 3px,6.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600);background-position:6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,2.5px 6px,3.5px 5px,4.5px 4px,5.5px 3px,6.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment{background-image:linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96);background-position:3.5px 10px,4.5px 9px,5.5px 8px,6.5px 7px,7.5px 6px,6.5px 5px,5.5px 4px,4.5px 3px,3.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba);background-position:3.5px 10px,4.5px 9px,5.5px 8px,6.5px 7px,7.5px 6px,6.5px 5px,5.5px 4px,4.5px 3px,3.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600);background-position:3.5px 10px,4.5px 9px,5.5px 8px,6.5px 7px,7.5px 6px,6.5px 5px,5.5px 4px,4.5px 3px,3.5px 2px}');
|
package/lib/loader/index.d.ts
DELETED
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { JSXInterface } from '../jsx';
|
|
2
|
-
import { BasicElement, PropertyValues, TemplateResult } from '@refinitiv-ui/core';
|
|
3
|
-
/**
|
|
4
|
-
* An animated graphical component,
|
|
5
|
-
* used to show that an app is performing an action
|
|
6
|
-
* in the background such as downloading content.
|
|
7
|
-
*/
|
|
8
|
-
export declare class Loader extends BasicElement {
|
|
9
|
-
/**
|
|
10
|
-
* Element version number
|
|
11
|
-
* @returns version number
|
|
12
|
-
*/
|
|
13
|
-
static get version(): string;
|
|
14
|
-
/**
|
|
15
|
-
* Collection of template part names,
|
|
16
|
-
* used to create and theme different loader styles
|
|
17
|
-
*/
|
|
18
|
-
protected get templateParts(): readonly string[];
|
|
19
|
-
protected firstUpdated(changedProperties: PropertyValues): void;
|
|
20
|
-
/**
|
|
21
|
-
* A `TemplateResult` that will be used
|
|
22
|
-
* to render the updated internal template.
|
|
23
|
-
*
|
|
24
|
-
* @return TemplateResult
|
|
25
|
-
*/
|
|
26
|
-
protected render(): TemplateResult;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
declare global {
|
|
30
|
-
interface HTMLElementTagNameMap {
|
|
31
|
-
'ef-loader': Loader;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
namespace JSX {
|
|
35
|
-
interface IntrinsicElements {
|
|
36
|
-
'ef-loader': Partial<Loader> | JSXInterface.HTMLAttributes<Loader>;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
export {};
|
package/lib/loader/index.js
DELETED
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
import { BasicElement, html } from '@refinitiv-ui/core';
|
|
3
|
-
import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
|
|
4
|
-
import { VERSION } from '../version.js';
|
|
5
|
-
/**
|
|
6
|
-
* Global cache for loader template parts
|
|
7
|
-
*/
|
|
8
|
-
let cachedParts;
|
|
9
|
-
/**
|
|
10
|
-
* An animated graphical component,
|
|
11
|
-
* used to show that an app is performing an action
|
|
12
|
-
* in the background such as downloading content.
|
|
13
|
-
*/
|
|
14
|
-
let Loader = class Loader extends BasicElement {
|
|
15
|
-
/**
|
|
16
|
-
* Element version number
|
|
17
|
-
* @returns version number
|
|
18
|
-
*/
|
|
19
|
-
static get version() {
|
|
20
|
-
return VERSION;
|
|
21
|
-
}
|
|
22
|
-
/**
|
|
23
|
-
* Collection of template part names,
|
|
24
|
-
* used to create and theme different loader styles
|
|
25
|
-
*/
|
|
26
|
-
get templateParts() {
|
|
27
|
-
const parts = cachedParts || this.getComputedVariable('--parts')
|
|
28
|
-
.split(',').map(part => part.trim()).filter(part => part);
|
|
29
|
-
if (cachedParts !== parts && parts.length) {
|
|
30
|
-
cachedParts = parts;
|
|
31
|
-
}
|
|
32
|
-
return parts;
|
|
33
|
-
}
|
|
34
|
-
firstUpdated(changedProperties) {
|
|
35
|
-
super.firstUpdated(changedProperties);
|
|
36
|
-
!cachedParts && this.requestUpdate(); // polyfilled browsers require a second update
|
|
37
|
-
}
|
|
38
|
-
/**
|
|
39
|
-
* A `TemplateResult` that will be used
|
|
40
|
-
* to render the updated internal template.
|
|
41
|
-
*
|
|
42
|
-
* @return TemplateResult
|
|
43
|
-
*/
|
|
44
|
-
render() {
|
|
45
|
-
const dots = [];
|
|
46
|
-
for (const part of this.templateParts) {
|
|
47
|
-
dots.push(html `
|
|
48
|
-
<i part="${part}"></i>
|
|
49
|
-
`);
|
|
50
|
-
}
|
|
51
|
-
return html `
|
|
52
|
-
<div part="wrapper">${dots}</div>
|
|
53
|
-
`;
|
|
54
|
-
}
|
|
55
|
-
};
|
|
56
|
-
Loader = __decorate([
|
|
57
|
-
customElement('ef-loader', {
|
|
58
|
-
alias: 'amber-loader'
|
|
59
|
-
})
|
|
60
|
-
], Loader);
|
|
61
|
-
export { Loader };
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
elf.customStyles.define('ef-loader', ':host{--parts:bar,shape shape-1,shape shape-2,shape shape-3,bar bar-1,bar bar-2,box box-1,box box-2,box box-3,shape shape-1 flash flash-1,shape shape-2 flash flash-2,shape shape-3 flash flash-3;position:absolute;top:0;right:0;bottom:0;left:0}:host [part=wrapper]{font-size:32px;width:2.75em;height:1em;color:#404040;position:absolute;top:calc(50% - .5em);left:calc(50% - 1.375em);display:block}:host [part~=shape]{color:grey;border:1px solid;width:.5em;height:.5em;transform:rotate(45deg);position:absolute;top:50%;margin:calc(-.25em - 1px)}:host [part~=shape-1]{left:17.67766953%;-webkit-animation:1s linear infinite alternate shape-1;animation:1s linear infinite alternate shape-1}:host [part~=shape-2]{left:50%;-webkit-animation:.5s linear infinite alternate shape-2;animation:.5s linear infinite alternate shape-2}:host [part~=shape-3]{right:17.67766953%;-webkit-animation:1s linear infinite alternate shape-3;animation:1s linear infinite alternate shape-3}:host [part~=flash]{color:#6678ff;box-sizing:border-box;outline:currentColor solid 2px;margin:-.25em}:host [part~=flash-1]{-webkit-animation:1s linear infinite alternate flash-1;animation:1s linear infinite alternate flash-1}:host [part~=flash-2]{-webkit-animation:.5s linear infinite alternate flash-2;animation:.5s linear infinite alternate flash-2}:host [part~=flash-3]{-webkit-animation:1s linear infinite alternate flash-3;animation:1s linear infinite alternate flash-3}:host [part~=box]{position:absolute;border:1px solid;margin:calc(-1em / 32 - 1px);width:calc(1em / 16);height:calc(1em / 16);top:50%}:host [part~=box-1]{left:17.67766953%;-webkit-animation:1s linear infinite alternate box-1;animation:1s linear infinite alternate box-1}:host [part~=box-2]{left:50%;-webkit-animation:.5s linear infinite alternate box-2;animation:.5s linear infinite alternate box-2}:host [part~=box-3]{right:17.67766953%;-webkit-animation:1s linear infinite alternate box-3;animation:1s linear infinite alternate box-3}:host [part~=bar]{position:absolute;top:50%;left:17.67766953%;right:17.67766953%;height:2px;margin-top:-1px;background-color:currentColor}:host [part~=bar-1]{left:17.67766953%;right:50%;background-color:#6678ff;-webkit-animation:1s linear infinite alternate bar-1;animation:1s linear infinite alternate bar-1}:host [part~=bar-2]{right:17.67766953%;left:50%;background-color:#6678ff;-webkit-animation:1s linear infinite alternate bar-2;animation:1s linear infinite alternate bar-2}@-webkit-keyframes shape-1{0%,10%{opacity:0}100%,25%{opacity:1}}@keyframes shape-1{0%,10%{opacity:0}100%,25%{opacity:1}}@-webkit-keyframes shape-2{0%,50%{opacity:1}100%,80%{opacity:0}}@keyframes shape-2{0%,50%{opacity:1}100%,80%{opacity:0}}@-webkit-keyframes shape-3{0%,75%{opacity:1}100%,90%{opacity:0}}@keyframes shape-3{0%,75%{opacity:1}100%,90%{opacity:0}}@-webkit-keyframes flash-1{0%{opacity:1}100%,25%{opacity:0}}@keyframes flash-1{0%{opacity:1}100%,25%{opacity:0}}@-webkit-keyframes flash-2{0%,50%{opacity:0}100%{opacity:1}}@keyframes flash-2{0%,50%{opacity:0}100%{opacity:1}}@-webkit-keyframes flash-3{0%,75%{opacity:0}100%{opacity:1}}@keyframes flash-3{0%,75%{opacity:0}100%{opacity:1}}@-webkit-keyframes box-1{0%,20%{background-color:#ccc;border-color:transparent}100%,25%{background-color:#0d0d0d;border-color:inherit}}@keyframes box-1{0%,20%{background-color:#ccc;border-color:transparent}100%,25%{background-color:#0d0d0d;border-color:inherit}}@-webkit-keyframes box-2{0%,50%{background-color:#0d0d0d;border-color:inherit}100%,60%{background-color:#ccc;border-color:transparent}}@keyframes box-2{0%,50%{background-color:#0d0d0d;border-color:inherit}100%,60%{background-color:#ccc;border-color:transparent}}@-webkit-keyframes box-3{0%,75%{background-color:#0d0d0d;border-color:inherit}100%,80%{background-color:#ccc;border-color:transparent}}@keyframes box-3{0%,75%{background-color:#0d0d0d;border-color:inherit}100%,80%{background-color:#ccc;border-color:transparent}}@-webkit-keyframes bar-1{0%,5%{transform:scaleX(0);transform-origin:left center}24%{transform:scaleX(1);transform-origin:left center}26%{transform:scaleX(1);transform-origin:right center}100%,45%{transform:scaleX(0);transform-origin:right center}}@keyframes bar-1{0%,5%{transform:scaleX(0);transform-origin:left center}24%{transform:scaleX(1);transform-origin:left center}26%{transform:scaleX(1);transform-origin:right center}100%,45%{transform:scaleX(0);transform-origin:right center}}@-webkit-keyframes bar-2{0%,55%{transform:scaleX(0);transform-origin:left center}74%{transform:scaleX(1);transform-origin:left center}76%{transform:scaleX(1);transform-origin:right center}100%,95%{transform:scaleX(0);transform-origin:right center}}@keyframes bar-2{0%,55%{transform:scaleX(0);transform-origin:left center}74%{transform:scaleX(1);transform-origin:left center}76%{transform:scaleX(1);transform-origin:right center}100%,95%{transform:scaleX(0);transform-origin:right center}}');
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
elf.customStyles.define('ef-loader', ':host{--parts:bar,shape shape-1,shape shape-2,shape shape-3,bar bar-1,bar bar-2,box box-1,box box-2,box box-3,shape shape-1 flash flash-1,shape shape-2 flash flash-2,shape shape-3 flash flash-3;position:absolute;top:0;right:0;bottom:0;left:0}:host [part=wrapper]{font-size:32px;width:2.75em;height:1em;color:#d9d9d9;position:absolute;top:calc(50% - .5em);left:calc(50% - 1.375em);display:block}:host [part~=shape]{color:#ccc;border:1px solid;width:.5em;height:.5em;transform:rotate(45deg);position:absolute;top:50%;margin:calc(-.25em - 1px)}:host [part~=shape-1]{left:17.67766953%;-webkit-animation:1s linear infinite alternate shape-1;animation:1s linear infinite alternate shape-1}:host [part~=shape-2]{left:50%;-webkit-animation:.5s linear infinite alternate shape-2;animation:.5s linear infinite alternate shape-2}:host [part~=shape-3]{right:17.67766953%;-webkit-animation:1s linear infinite alternate shape-3;animation:1s linear infinite alternate shape-3}:host [part~=flash]{color:#334bff;box-sizing:border-box;outline:currentColor solid 2px;margin:-.25em}:host [part~=flash-1]{-webkit-animation:1s linear infinite alternate flash-1;animation:1s linear infinite alternate flash-1}:host [part~=flash-2]{-webkit-animation:.5s linear infinite alternate flash-2;animation:.5s linear infinite alternate flash-2}:host [part~=flash-3]{-webkit-animation:1s linear infinite alternate flash-3;animation:1s linear infinite alternate flash-3}:host [part~=box]{position:absolute;border:1px solid;margin:calc(-1em / 32 - 1px);width:calc(1em / 16);height:calc(1em / 16);top:50%}:host [part~=box-1]{left:17.67766953%;-webkit-animation:1s linear infinite alternate box-1;animation:1s linear infinite alternate box-1}:host [part~=box-2]{left:50%;-webkit-animation:.5s linear infinite alternate box-2;animation:.5s linear infinite alternate box-2}:host [part~=box-3]{right:17.67766953%;-webkit-animation:1s linear infinite alternate box-3;animation:1s linear infinite alternate box-3}:host [part~=bar]{position:absolute;top:50%;left:17.67766953%;right:17.67766953%;height:2px;margin-top:-1px;background-color:currentColor}:host [part~=bar-1]{left:17.67766953%;right:50%;background-color:#334bff;-webkit-animation:1s linear infinite alternate bar-1;animation:1s linear infinite alternate bar-1}:host [part~=bar-2]{right:17.67766953%;left:50%;background-color:#334bff;-webkit-animation:1s linear infinite alternate bar-2;animation:1s linear infinite alternate bar-2}@-webkit-keyframes shape-1{0%,10%{opacity:0}100%,25%{opacity:1}}@keyframes shape-1{0%,10%{opacity:0}100%,25%{opacity:1}}@-webkit-keyframes shape-2{0%,50%{opacity:1}100%,80%{opacity:0}}@keyframes shape-2{0%,50%{opacity:1}100%,80%{opacity:0}}@-webkit-keyframes shape-3{0%,75%{opacity:1}100%,90%{opacity:0}}@keyframes shape-3{0%,75%{opacity:1}100%,90%{opacity:0}}@-webkit-keyframes flash-1{0%{opacity:1}100%,25%{opacity:0}}@keyframes flash-1{0%{opacity:1}100%,25%{opacity:0}}@-webkit-keyframes flash-2{0%,50%{opacity:0}100%{opacity:1}}@keyframes flash-2{0%,50%{opacity:0}100%{opacity:1}}@-webkit-keyframes flash-3{0%,75%{opacity:0}100%{opacity:1}}@keyframes flash-3{0%,75%{opacity:0}100%{opacity:1}}@-webkit-keyframes box-1{0%,20%{background-color:#0d0d0d;border-color:transparent}100%,25%{background-color:#fff;border-color:inherit}}@keyframes box-1{0%,20%{background-color:#0d0d0d;border-color:transparent}100%,25%{background-color:#fff;border-color:inherit}}@-webkit-keyframes box-2{0%,50%{background-color:#fff;border-color:inherit}100%,60%{background-color:#0d0d0d;border-color:transparent}}@keyframes box-2{0%,50%{background-color:#fff;border-color:inherit}100%,60%{background-color:#0d0d0d;border-color:transparent}}@-webkit-keyframes box-3{0%,75%{background-color:#fff;border-color:inherit}100%,80%{background-color:#0d0d0d;border-color:transparent}}@keyframes box-3{0%,75%{background-color:#fff;border-color:inherit}100%,80%{background-color:#0d0d0d;border-color:transparent}}@-webkit-keyframes bar-1{0%,5%{transform:scaleX(0);transform-origin:left center}24%{transform:scaleX(1);transform-origin:left center}26%{transform:scaleX(1);transform-origin:right center}100%,45%{transform:scaleX(0);transform-origin:right center}}@keyframes bar-1{0%,5%{transform:scaleX(0);transform-origin:left center}24%{transform:scaleX(1);transform-origin:left center}26%{transform:scaleX(1);transform-origin:right center}100%,45%{transform:scaleX(0);transform-origin:right center}}@-webkit-keyframes bar-2{0%,55%{transform:scaleX(0);transform-origin:left center}74%{transform:scaleX(1);transform-origin:left center}76%{transform:scaleX(1);transform-origin:right center}100%,95%{transform:scaleX(0);transform-origin:right center}}@keyframes bar-2{0%,55%{transform:scaleX(0);transform-origin:left center}74%{transform:scaleX(1);transform-origin:left center}76%{transform:scaleX(1);transform-origin:right center}100%,95%{transform:scaleX(0);transform-origin:right center}}');
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
elf.customStyles.define('ef-loader', ':host{--parts:dot dot0,dot dot1,dot dot2;position:absolute;top:50%;left:50%;overflow:hidden;width:70px;height:20px;margin:-10px 0 0 -35px}:host([size=small]){width:30px;height:6px;margin:-3px 0 0 -15px}:host([size=small]) [part~=dot]{width:5px;height:5px}:host([size=medium]){width:42px;height:12px;margin:-6px 0 0 -21px}:host([size=medium]) [part~=dot]{width:10px;height:10px}:host [part=wrapper]{box-sizing:border-box;height:100%;width:100%;display:flex;align-items:center;justify-content:space-between}:host [part=wrapper]:after,:host [part=wrapper]:before{content:\'\'}:host [part~=dot]{box-sizing:border-box;width:17px;height:17px;border-radius:50%;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;border:1px solid rgba(194,194,194,.4)}:host [part~=dot0]{-webkit-animation-name:pulse-1;animation-name:pulse-1}:host [part~=dot1]{-webkit-animation-name:pulse-2;animation-name:pulse-2}:host [part~=dot2]{-webkit-animation-name:pulse-3;animation-name:pulse-3}@-webkit-keyframes pulse-1{0%,100%,80%{background-color:transparent}25%{background-color:rgba(194,194,194,.4)}}@keyframes pulse-1{0%,100%,80%{background-color:transparent}25%{background-color:rgba(194,194,194,.4)}}@-webkit-keyframes pulse-2{0%,10%,100%,90%{background-color:transparent}50%{background-color:rgba(194,194,194,.8)}}@keyframes pulse-2{0%,10%,100%,90%{background-color:transparent}50%{background-color:rgba(194,194,194,.8)}}@-webkit-keyframes pulse-3{0%,100%,20%{background-color:transparent}75%{background-color:rgba(194,194,194,.8)}}@keyframes pulse-3{0%,100%,20%{background-color:transparent}75%{background-color:rgba(194,194,194,.8)}}');
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
elf.customStyles.define('ef-loader', ':host{--parts:dot dot0,dot dot1,dot dot2;position:absolute;top:50%;left:50%;overflow:hidden;width:70px;height:20px;margin:-10px 0 0 -35px}:host([size=small]){width:30px;height:6px;margin:-3px 0 0 -15px}:host([size=small]) [part~=dot]{width:5px;height:5px}:host([size=medium]){width:42px;height:12px;margin:-6px 0 0 -21px}:host([size=medium]) [part~=dot]{width:10px;height:10px}:host [part=wrapper]{box-sizing:border-box;height:100%;width:100%;display:flex;align-items:center;justify-content:space-between}:host [part=wrapper]:after,:host [part=wrapper]:before{content:\'\'}:host [part~=dot]{box-sizing:border-box;width:17px;height:17px;border-radius:50%;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;border:1px solid rgba(72,72,72,.4)}:host [part~=dot0]{-webkit-animation-name:pulse-1;animation-name:pulse-1}:host [part~=dot1]{-webkit-animation-name:pulse-2;animation-name:pulse-2}:host [part~=dot2]{-webkit-animation-name:pulse-3;animation-name:pulse-3}@-webkit-keyframes pulse-1{0%,100%,80%{background-color:transparent}25%{background-color:rgba(72,72,72,.4)}}@keyframes pulse-1{0%,100%,80%{background-color:transparent}25%{background-color:rgba(72,72,72,.4)}}@-webkit-keyframes pulse-2{0%,10%,100%,90%{background-color:transparent}50%{background-color:rgba(72,72,72,.8)}}@keyframes pulse-2{0%,10%,100%,90%{background-color:transparent}50%{background-color:rgba(72,72,72,.8)}}@-webkit-keyframes pulse-3{0%,100%,20%{background-color:transparent}75%{background-color:rgba(72,72,72,.8)}}@keyframes pulse-3{0%,100%,20%{background-color:transparent}75%{background-color:rgba(72,72,72,.8)}}');
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { CollectionItem } from '@refinitiv-ui/utils/lib/collection.js';
|
|
2
|
-
export declare type SelectionIndex = number | null;
|
|
3
|
-
export declare type MultiInputEvents = 'item-added' | 'item-removed' | 'item-error';
|
|
4
|
-
export declare type MultiInputData = MultiInputDataItem[];
|
|
5
|
-
export interface MultiInputDataItem extends CollectionItem {
|
|
6
|
-
value: string;
|
|
7
|
-
label: string;
|
|
8
|
-
id?: string;
|
|
9
|
-
readonly?: boolean;
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,301 +0,0 @@
|
|
|
1
|
-
import { JSXInterface } from '../jsx';
|
|
2
|
-
import { ControlElement, CSSResultGroup, MultiValue, TemplateResult, PropertyValues } from '@refinitiv-ui/core';
|
|
3
|
-
import type { MultiInputData, MultiInputDataItem, SelectionIndex } from './helpers/types';
|
|
4
|
-
import '../pill/index.js';
|
|
5
|
-
import '../text-field/index.js';
|
|
6
|
-
export type { MultiInputData, MultiInputDataItem };
|
|
7
|
-
/**
|
|
8
|
-
* An input control component to display a selection of pills
|
|
9
|
-
*
|
|
10
|
-
* @event value-changed - Fired when new value of text field is changed.
|
|
11
|
-
* Property `detail.value` will be the new value.
|
|
12
|
-
*
|
|
13
|
-
* @event error-changed - Dispatched when error state changes.
|
|
14
|
-
* Property `detail.error` is error from validation.
|
|
15
|
-
*
|
|
16
|
-
* @event item-added - Fired when new pill is added.
|
|
17
|
-
* Property `detail.item` is new added pill.
|
|
18
|
-
* Property `detail.items` is new list of all pills.
|
|
19
|
-
*
|
|
20
|
-
* @event item-removed - Fired when item is removed.
|
|
21
|
-
* Property `detail.item` is pill that removed.
|
|
22
|
-
* Property `detail.items` is new list of all pills.
|
|
23
|
-
*
|
|
24
|
-
* @event item-error - Fired when item that attempt to add is invalid.
|
|
25
|
-
* Property `detail.item` is item with an error.
|
|
26
|
-
* Property `detail.items` a current list of pills.
|
|
27
|
-
*
|
|
28
|
-
* @prop {boolean} [readonly=false] - Hides text field and clear icon from all pills
|
|
29
|
-
* @attr {boolean} readonly - Hides text field and clear icon from all pills
|
|
30
|
-
*
|
|
31
|
-
* @attr {boolean} disabled - Set disabled state
|
|
32
|
-
* @prop {boolean} [disabled=false] - Set disabled state
|
|
33
|
-
*
|
|
34
|
-
* @prop {string} value - Current value of text field
|
|
35
|
-
* @attr {string} value - Current value of text field
|
|
36
|
-
*
|
|
37
|
-
*/
|
|
38
|
-
export declare class MultiInput extends ControlElement implements MultiValue {
|
|
39
|
-
/**
|
|
40
|
-
* Element version number
|
|
41
|
-
* @returns version number
|
|
42
|
-
*/
|
|
43
|
-
static get version(): string;
|
|
44
|
-
/**
|
|
45
|
-
* A `CSSResultGroup` that will be used
|
|
46
|
-
* to style the host, slotted children
|
|
47
|
-
* and the internal template of the element.
|
|
48
|
-
* @return CSS template
|
|
49
|
-
*/
|
|
50
|
-
static get styles(): CSSResultGroup;
|
|
51
|
-
/**
|
|
52
|
-
* Array of item's values ( readonly )
|
|
53
|
-
* @readonly
|
|
54
|
-
* @type {string[]}
|
|
55
|
-
* @default []
|
|
56
|
-
*/
|
|
57
|
-
get values(): string[];
|
|
58
|
-
/**
|
|
59
|
-
* Hide text input box
|
|
60
|
-
*/
|
|
61
|
-
pillsOnly: boolean;
|
|
62
|
-
/**
|
|
63
|
-
* Specify icon to display inside input box
|
|
64
|
-
*/
|
|
65
|
-
icon: string;
|
|
66
|
-
/**
|
|
67
|
-
* Placeholder text to display in input box
|
|
68
|
-
*/
|
|
69
|
-
placeholder: string;
|
|
70
|
-
/**
|
|
71
|
-
* Set state to error
|
|
72
|
-
*/
|
|
73
|
-
error: boolean;
|
|
74
|
-
/**
|
|
75
|
-
* Set state to warning
|
|
76
|
-
*/
|
|
77
|
-
warning: boolean;
|
|
78
|
-
/**
|
|
79
|
-
* Set character max limit
|
|
80
|
-
*/
|
|
81
|
-
maxLength: number | null;
|
|
82
|
-
/**
|
|
83
|
-
* Set character min limit
|
|
84
|
-
*/
|
|
85
|
-
minLength: number | null;
|
|
86
|
-
/**
|
|
87
|
-
* Selection start index
|
|
88
|
-
* @default null
|
|
89
|
-
*/
|
|
90
|
-
get selectionStart(): number | null;
|
|
91
|
-
set selectionStart(index: SelectionIndex);
|
|
92
|
-
/**
|
|
93
|
-
* Selection end index
|
|
94
|
-
* @default null
|
|
95
|
-
*/
|
|
96
|
-
get selectionEnd(): number | null;
|
|
97
|
-
set selectionEnd(index: SelectionIndex);
|
|
98
|
-
/**
|
|
99
|
-
* The data object, used to render the list.
|
|
100
|
-
* @type {MultiInputData | null}
|
|
101
|
-
* @default null
|
|
102
|
-
*/
|
|
103
|
-
get data(): MultiInputData | null;
|
|
104
|
-
set data(value: MultiInputData | null);
|
|
105
|
-
private _data;
|
|
106
|
-
/**
|
|
107
|
-
* the component of the list in rendered template
|
|
108
|
-
*/
|
|
109
|
-
private list;
|
|
110
|
-
/**
|
|
111
|
-
* the component of the search in rendered template
|
|
112
|
-
*/
|
|
113
|
-
private search?;
|
|
114
|
-
private composer;
|
|
115
|
-
/**
|
|
116
|
-
* @ignore
|
|
117
|
-
*/
|
|
118
|
-
readonly multiple = true;
|
|
119
|
-
/**
|
|
120
|
-
* Removes the item by the value and returns array of removed items
|
|
121
|
-
* @param value {string} Value of item to remove
|
|
122
|
-
* @returns array of removed items
|
|
123
|
-
*/
|
|
124
|
-
removeByValue(value: string): MultiInputData;
|
|
125
|
-
/**
|
|
126
|
-
* Add a new item to the input. Return newly added object or null if added invalid object.
|
|
127
|
-
* @param item to add. Object must have at least value and label
|
|
128
|
-
* @returns {MultiInputDataItem | null} added item
|
|
129
|
-
*/
|
|
130
|
-
add(item: MultiInputDataItem): MultiInputDataItem | null;
|
|
131
|
-
/**
|
|
132
|
-
* Removes last item. Returns item that removed or null if list was empty
|
|
133
|
-
* @returns {MultiInputDataItem | null} Removed item or null if list was empty
|
|
134
|
-
*/
|
|
135
|
-
removeLastItem(): MultiInputDataItem | null;
|
|
136
|
-
/**
|
|
137
|
-
* Removes pill by index. Returns item that removed or null if list was empty
|
|
138
|
-
* @param {number} index of pill to be removed
|
|
139
|
-
* @returns {MultiInputDataItem | null} Removed item or null if list was empty
|
|
140
|
-
*/
|
|
141
|
-
removeByIndex(index: number): MultiInputDataItem | null;
|
|
142
|
-
/**
|
|
143
|
-
* Remove item from collection and notify
|
|
144
|
-
* @param item processed entity
|
|
145
|
-
* @param notifyEvent should notify about changes
|
|
146
|
-
* @returns removed item or null
|
|
147
|
-
*/
|
|
148
|
-
private removeItem;
|
|
149
|
-
/**
|
|
150
|
-
* Removes item by a property within item
|
|
151
|
-
* @param value of property
|
|
152
|
-
* @param property name
|
|
153
|
-
* @returns array of removed items
|
|
154
|
-
*/
|
|
155
|
-
private removeByProperty;
|
|
156
|
-
/**
|
|
157
|
-
* Add item to collection and notify
|
|
158
|
-
* @param item processed entity
|
|
159
|
-
* @param notifyEvent should notify about changes
|
|
160
|
-
* @returns added item or null
|
|
161
|
-
*/
|
|
162
|
-
private addItem;
|
|
163
|
-
/**
|
|
164
|
-
* validate input according `minLength` and `maxLength` properties
|
|
165
|
-
* @param {string} value value for validate
|
|
166
|
-
* change state of `error` property according validation
|
|
167
|
-
* @returns {void}
|
|
168
|
-
*/
|
|
169
|
-
private validateInput;
|
|
170
|
-
/**
|
|
171
|
-
* @param value value of changed.
|
|
172
|
-
* @returns {boolean} true if there is no error, false when minLength more than 0 and value is too short
|
|
173
|
-
*/
|
|
174
|
-
private shouldValidateForMinLength;
|
|
175
|
-
/** Old value for handle reset value */
|
|
176
|
-
private oldValue;
|
|
177
|
-
/**
|
|
178
|
-
* Current value of text field
|
|
179
|
-
* @default -
|
|
180
|
-
* @param value Element value
|
|
181
|
-
*/
|
|
182
|
-
set value(value: string);
|
|
183
|
-
get value(): string;
|
|
184
|
-
/**
|
|
185
|
-
* @param value value for validate.
|
|
186
|
-
* @returns true if there is maxLength is null and maxLength is more than value.
|
|
187
|
-
*/
|
|
188
|
-
private shouldValidateForMaxLength;
|
|
189
|
-
/**
|
|
190
|
-
* Called when the element’s DOM has been updated and rendered
|
|
191
|
-
* @param changedProperties Properties that has changed
|
|
192
|
-
* @returns shouldUpdate
|
|
193
|
-
*/
|
|
194
|
-
protected updated(changedProperties: PropertyValues): void;
|
|
195
|
-
/**
|
|
196
|
-
* Check if input should be re-validated
|
|
197
|
-
* @param changedProperties Properties that has changed
|
|
198
|
-
* @returns True if input should be re-validated
|
|
199
|
-
*/
|
|
200
|
-
private shouldValidateInput;
|
|
201
|
-
/**
|
|
202
|
-
* Set the selection range
|
|
203
|
-
* @param startSelection Start of selection
|
|
204
|
-
* @param endSelection End of the selection
|
|
205
|
-
* @returns {void}
|
|
206
|
-
*/
|
|
207
|
-
setSelectionRange(startSelection: number, endSelection: number): void;
|
|
208
|
-
/**
|
|
209
|
-
* Select the contents of input
|
|
210
|
-
* @returns void
|
|
211
|
-
*/
|
|
212
|
-
select(): void;
|
|
213
|
-
/**
|
|
214
|
-
* render this component
|
|
215
|
-
* @returns the main template
|
|
216
|
-
*/
|
|
217
|
-
protected render(): TemplateResult;
|
|
218
|
-
/**
|
|
219
|
-
* render the search element
|
|
220
|
-
* @returns the template of the search element
|
|
221
|
-
*/
|
|
222
|
-
private get textFieldTemplate();
|
|
223
|
-
/**
|
|
224
|
-
* render pill components
|
|
225
|
-
* @returns the template of pill components
|
|
226
|
-
*/
|
|
227
|
-
private pillsTemplate;
|
|
228
|
-
/**
|
|
229
|
-
* render the pill component
|
|
230
|
-
* @param item for render
|
|
231
|
-
* @param index the position item of values
|
|
232
|
-
* @returns the template of a pill component
|
|
233
|
-
*/
|
|
234
|
-
private pillTemplate;
|
|
235
|
-
/**
|
|
236
|
-
* handle the clear event of pill
|
|
237
|
-
* @param event the event contains the current pill
|
|
238
|
-
* @returns {void}
|
|
239
|
-
*/
|
|
240
|
-
private onPillClearsHandler;
|
|
241
|
-
/**
|
|
242
|
-
* the wrapper for item events
|
|
243
|
-
* @param item to notify about
|
|
244
|
-
* @param eventType notify mode - [item-removed|item-added|item-error]
|
|
245
|
-
* @returns true if event was not prevented
|
|
246
|
-
*/
|
|
247
|
-
private notify;
|
|
248
|
-
/**
|
|
249
|
-
* Detect keydown and delete last item if delete key is pushed
|
|
250
|
-
* @param event keydown event
|
|
251
|
-
* @returns {void}
|
|
252
|
-
*/
|
|
253
|
-
private handleKeyDown;
|
|
254
|
-
/**
|
|
255
|
-
* handle when value is changed
|
|
256
|
-
* @param event Input change event
|
|
257
|
-
* @returns {void}
|
|
258
|
-
*/
|
|
259
|
-
private onInputChange;
|
|
260
|
-
/**
|
|
261
|
-
* handle keydown event when the key code is the backspace
|
|
262
|
-
* @param event keyboard backspace keydown for preventing default in case of native functionality removing
|
|
263
|
-
* @returns {void}
|
|
264
|
-
*/
|
|
265
|
-
private removeLastItemByKeyboard;
|
|
266
|
-
/**
|
|
267
|
-
* handle keydown event when the key code is the enter
|
|
268
|
-
* @returns {void}
|
|
269
|
-
*/
|
|
270
|
-
private addItemByKeyboard;
|
|
271
|
-
/**
|
|
272
|
-
* check the value of the search element and check readonly and disabled
|
|
273
|
-
* @returns the condition checks the search value is empty and switched off readonly and disabled of this component
|
|
274
|
-
*/
|
|
275
|
-
private isSearchValueEmptyWithoutReadonlyAndDisabled;
|
|
276
|
-
/**
|
|
277
|
-
* check the value of the search element and check readonly and disabled
|
|
278
|
-
* @returns the condition checks the search value is empty and switched off readonly and disabled of this component
|
|
279
|
-
*/
|
|
280
|
-
private isSearchValueNotEmptyWithoutReadonlyAndDisabled;
|
|
281
|
-
/**
|
|
282
|
-
* Item check for value and label to ensure it can be rendered
|
|
283
|
-
* @param item Item to check
|
|
284
|
-
* @returns true if item exists and contains value and label
|
|
285
|
-
*/
|
|
286
|
-
private isItem;
|
|
287
|
-
}
|
|
288
|
-
|
|
289
|
-
declare global {
|
|
290
|
-
interface HTMLElementTagNameMap {
|
|
291
|
-
'ef-multi-input': MultiInput;
|
|
292
|
-
}
|
|
293
|
-
|
|
294
|
-
namespace JSX {
|
|
295
|
-
interface IntrinsicElements {
|
|
296
|
-
'ef-multi-input': Partial<MultiInput> | JSXInterface.ControlHTMLAttributes<MultiInput>;
|
|
297
|
-
}
|
|
298
|
-
}
|
|
299
|
-
}
|
|
300
|
-
|
|
301
|
-
export {};
|