@refinitiv-ui/elements 6.14.3 → 6.15.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/CHANGELOG.md +13 -0
- package/lib/calendar/custom-elements.json +1 -1
- package/lib/calendar/custom-elements.md +1 -1
- package/lib/calendar/index.d.ts +1 -1
- package/lib/calendar/index.js +3 -2
- package/lib/calendar/types.d.ts +2 -0
- package/lib/chart/index.js +2 -1
- package/lib/combo-box/index.js +4 -0
- package/lib/datetime-picker/custom-elements.json +17 -0
- package/lib/datetime-picker/custom-elements.md +13 -9
- package/lib/datetime-picker/index.d.ts +17 -0
- package/lib/datetime-picker/index.js +75 -9
- package/lib/interactive-chart/index.js +1 -1
- package/lib/select/custom-elements.json +33 -33
- package/lib/select/custom-elements.md +1 -1
- package/lib/select/index.d.ts +22 -27
- package/lib/select/index.js +79 -105
- package/lib/slider/elements/slider-marker.d.ts +49 -0
- package/lib/slider/elements/slider-marker.js +72 -0
- package/lib/slider/elements/slider.d.ts +508 -0
- package/lib/slider/elements/slider.js +1431 -0
- package/lib/slider/index.d.ts +2 -469
- package/lib/slider/index.js +2 -1313
- package/lib/slider/themes/halo/dark/index.js +2 -1
- package/lib/slider/themes/halo/light/index.js +2 -1
- package/lib/slider/themes/solar/charcoal/index.js +2 -1
- package/lib/slider/themes/solar/pearl/index.js +2 -1
- package/lib/version.js +1 -1
- package/package.json +5 -5
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
import '@refinitiv-ui/elements/number-field/themes/halo/dark';
|
|
2
|
-
dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-slider', styles: ':host{
|
|
2
|
+
dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-slider-marker', styles: ':host{width:4px;height:8px;top:calc(50% - 4px);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host [part=marker]{background-color:var(--marker-color,#ccc);background-color:var(--marker-color,#6678ff)}:host [part=label]{top:15px;transform:translateX(calc(-50% + 4px / 2))}:host([label-align=right]) [part=label]{transform:translateX(calc(-100% + 4px))}:host([label-align=left]) [part=label]{transform:none}' }}));
|
|
3
|
+
dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-slider', styles: ':host{touch-action:manipulation;margin:1px 0;opacity:.9;opacity:1}:host(:not([disabled]):hover){opacity:1}:host(:not(:empty)) [part=slider-wrapper]{margin-bottom:20px}:host [part=slider-wrapper]{height:24px}:host [part=track-wrapper]{height:4px;background:var(--track-color,#333);top:calc((100% - 4px)/ 2)}:host(:not([disabled])) [part=track-fill]{height:inherit;background:var(--progress-color,var(--thumb-color,#ccc));background-color:var(--progress-color,var(--thumb-color,#6678ff))}:host([disabled]) [part=thumb],:host([disabled]) [part=thumb]:hover,:host([disabled]) [part=track-fill],:host([disabled]) [part=track-wrapper]::after{background:#333;content:\'\'}:host [part=thumb-container]{height:100%;top:0;margin-left:-4px;width:8px}:host([focused=visible]) [part=thumb-container][active] [part=thumb]{outline:#334bff solid 1px;outline-offset:2px}:host([show-steps]) [part=step-container]{height:inherit}:host([show-steps]:not([disabled])) [part=step]{height:inherit;background-image:linear-gradient(to right,var(--step-color,#6678ff),var(--step-color,#6678ff) 4px,transparent 0,transparent)}:host([show-steps]:not([disabled])) [part=track-wrapper]::after{height:inherit;width:4px;background-color:var(--step-color,#6678ff)}:host [part=pin]{width:26px;height:26px;margin-top:-6px;margin-left:-2px;transform:rotate(-45deg) scale(0) translate(0);transition:transform .1s ease-out;border-radius:50% 50% 50% 0;background-color:var(--pin-color,#ccc);display:none}:host [part=pin-value-marker]{font-family:inherit;font-size:.8em;color:var(--pin-text-color,#fff);line-height:1.25rem;font-weight:400;letter-spacing:.01786em;text-decoration:inherit;text-transform:inherit;transform:rotate(45deg);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host([pin].grabbable) [part=pin]{transform:rotate(-45deg) scale(1) translate(19px,-20px)}:host([pin].grabbable) [part=thumb]{transform:scale(.7);transform:none}:host [part=input]{margin:0;padding:0;width:var(--input-field-width,40px);min-width:40px;text-align:center;height:24px}:host [part=input][name=to],:host [part=input][name=value]{margin-left:16px}:host [part=input][name=from]{margin-right:16px}:host(:not([disabled]):not([readonly]):hover){cursor:pointer}:host [part=thumb]{box-sizing:border-box;transform:scale(.7);background:var(--thumb-color,#ccc);top:calc(4px / 2);border-radius:0;width:8px;height:20px;transform:none;border:1px solid #0d0d0d}:host(:not([disabled]):not([readonly]):not(.grabbable)) [part=thumb]:hover{background-color:var(--thumb-color,#1429bd);border-color:var(--thumb-color,#0d0d0d)}:host(.grabbable) [part=thumb]{border-width:2px;transform:scale(1);border:1px solid var(--thumb-color,#0d0d0d);background-color:var(--thumb-color,#0f1e8a);transform:none}' }}));
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
import '@refinitiv-ui/elements/number-field/themes/halo/light';
|
|
2
|
-
dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-slider', styles: ':host{
|
|
2
|
+
dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-slider-marker', styles: ':host{width:4px;height:8px;top:calc(50% - 4px);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host [part=marker]{background-color:var(--marker-color,#fafafa);background-color:var(--marker-color,#334bff)}:host [part=label]{top:15px;transform:translateX(calc(-50% + 4px / 2))}:host([label-align=right]) [part=label]{transform:translateX(calc(-100% + 4px))}:host([label-align=left]) [part=label]{transform:none}' }}));
|
|
3
|
+
dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-slider', styles: ':host{touch-action:manipulation;margin:1px 0;opacity:.9;opacity:1}:host(:not([disabled]):hover){opacity:1}:host(:not(:empty)) [part=slider-wrapper]{margin-bottom:20px}:host [part=slider-wrapper]{height:24px}:host [part=track-wrapper]{height:4px;background:var(--track-color,#d9d9d9);top:calc((100% - 4px)/ 2)}:host(:not([disabled])) [part=track-fill]{height:inherit;background:var(--progress-color,var(--thumb-color,#fafafa));background-color:var(--progress-color,var(--thumb-color,#334bff))}:host([disabled]) [part=thumb],:host([disabled]) [part=thumb]:hover,:host([disabled]) [part=track-fill],:host([disabled]) [part=track-wrapper]::after{background:#d9d9d9;content:\'\'}:host [part=thumb-container]{height:100%;top:0;margin-left:-4px;width:8px}:host([focused=visible]) [part=thumb-container][active] [part=thumb]{outline:#334bff solid 1px;outline-offset:2px}:host([show-steps]) [part=step-container]{height:inherit}:host([show-steps]:not([disabled])) [part=step]{height:inherit;background-image:linear-gradient(to right,var(--step-color,#334bff),var(--step-color,#334bff) 4px,transparent 0,transparent)}:host([show-steps]:not([disabled])) [part=track-wrapper]::after{height:inherit;width:4px;background-color:var(--step-color,#334bff)}:host [part=pin]{width:26px;height:26px;margin-top:-6px;margin-left:-2px;transform:rotate(-45deg) scale(0) translate(0);transition:transform .1s ease-out;border-radius:50% 50% 50% 0;background-color:var(--pin-color,#fafafa);display:none}:host [part=pin-value-marker]{font-family:inherit;font-size:.8em;color:var(--pin-text-color,#fff);line-height:1.25rem;font-weight:400;letter-spacing:.01786em;text-decoration:inherit;text-transform:inherit;transform:rotate(45deg);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host([pin].grabbable) [part=pin]{transform:rotate(-45deg) scale(1) translate(19px,-20px)}:host([pin].grabbable) [part=thumb]{transform:scale(.7);transform:none}:host [part=input]{margin:0;padding:0;width:var(--input-field-width,40px);min-width:40px;text-align:center;height:24px}:host [part=input][name=to],:host [part=input][name=value]{margin-left:16px}:host [part=input][name=from]{margin-right:16px}:host(:not([disabled]):not([readonly]):hover){cursor:pointer}:host [part=thumb]{box-sizing:border-box;transform:scale(.7);background:var(--thumb-color,#fafafa);top:calc(4px / 2);border-radius:0;width:8px;height:20px;transform:none;border:1px solid #404040}:host([disabled]) [part=thumb]{border-color:#ccc}:host(:not([disabled]):not([readonly]):not(.grabbable)) [part=thumb]:hover{background-color:var(--thumb-color,#1429bd);border-color:var(--thumb-color,#1429bd)}:host(.grabbable) [part=thumb]{border-width:2px;transform:scale(1);border:1px solid var(--thumb-color,#0f1e8a);background-color:var(--thumb-color,#0f1e8a);transform:none}' }}));
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
import '@refinitiv-ui/elements/number-field/themes/solar/charcoal';
|
|
2
|
-
dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-slider', styles: ':host{
|
|
2
|
+
dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-slider-marker', styles: ':host{width:3px;height:6px;top:calc(50% - 3px);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host [part=marker]{background-color:var(--marker-color,#f93)}:host [part=label]{top:15px;transform:translateX(calc(-50% + 3px / 2))}:host([label-align=right]) [part=label]{transform:translateX(calc(-100% + 3px))}:host([label-align=left]) [part=label]{transform:none}' }}));
|
|
3
|
+
dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-slider', styles: ':host{touch-action:manipulation;margin:1px 0;opacity:.9}:host(:not([disabled]):hover){opacity:1}:host(:not(:empty)) [part=slider-wrapper]{margin-bottom:20px}:host [part=slider-wrapper]{height:23px}:host [part=track-wrapper]{height:3px;background:var(--track-color,#666570)}:host(:not([disabled])) [part=track-fill]{height:inherit;background:var(--progress-color,var(--thumb-color,#f93))}:host([disabled]) [part=thumb],:host([disabled]) [part=thumb]:hover,:host([disabled]) [part=track-fill],:host([disabled]) [part=track-wrapper]::after{background:#666570;content:\'\'}:host [part=thumb-container]{width:22px;height:100%;margin-left:-9.5px}:host [part=thumb]{top:calc((100% - 20px + 3px)/ 2);height:20px;width:20px;box-sizing:border-box;border:3px solid transparent;border-radius:100%;transform:scale(.7);background:var(--thumb-color,#f93)}:host([focused=visible]) [part=thumb-container][active] [part=thumb]{outline:#f93 solid 1px;outline-offset:2px}:host(.grabbable) [part=thumb]{border-width:2px;transform:scale(1)}:host([show-steps]) [part=step-container]{height:inherit}:host([show-steps]:not([disabled])) [part=step]{height:inherit;background-image:linear-gradient(to right,var(--step-color,#f93),var(--step-color,#f93) 3px,transparent 0,transparent)}:host([show-steps]:not([disabled])) [part=track-wrapper]::after{height:inherit;width:3px;background-color:var(--step-color,#f93)}:host [part=pin]{width:26px;height:26px;margin-top:-6px;margin-left:-2px;transform:rotate(-45deg) scale(0) translate(0);transition:transform .1s ease-out;border-radius:50% 50% 50% 0;background-color:var(--pin-color,#f93)}:host [part=pin-value-marker]{font-family:inherit;font-size:.8em;color:var(--pin-text-color,#fff);line-height:1.25rem;font-weight:400;letter-spacing:.01786em;text-decoration:inherit;text-transform:inherit;transform:rotate(45deg);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host([pin].grabbable) [part=pin]{transform:rotate(-45deg) scale(1) translate(19px,-20px)}:host([pin].grabbable) [part=thumb]{transform:scale(.7)}:host [part=input]{margin:0;padding:0;width:var(--input-field-width,40px);min-width:40px;text-align:center;height:23px}:host [part=input][name=to],:host [part=input][name=value]{margin-left:16px}:host [part=input][name=from]{margin-right:16px}' }}));
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
import '@refinitiv-ui/elements/number-field/themes/solar/pearl';
|
|
2
|
-
dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-slider', styles: ':host{
|
|
2
|
+
dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-slider-marker', styles: ':host{width:3px;height:6px;top:calc(50% - 3px);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host [part=marker]{background-color:var(--marker-color,#f93)}:host [part=label]{top:15px;transform:translateX(calc(-50% + 3px / 2))}:host([label-align=right]) [part=label]{transform:translateX(calc(-100% + 3px))}:host([label-align=left]) [part=label]{transform:none}' }}));
|
|
3
|
+
dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-slider', styles: ':host{touch-action:manipulation;margin:1px 0;opacity:.9}:host(:not([disabled]):hover){opacity:1}:host(:not(:empty)) [part=slider-wrapper]{margin-bottom:20px}:host [part=slider-wrapper]{height:23px}:host [part=track-wrapper]{height:3px;background:var(--track-color,#d5d8db)}:host(:not([disabled])) [part=track-fill]{height:inherit;background:var(--progress-color,var(--thumb-color,#f93))}:host([disabled]) [part=thumb],:host([disabled]) [part=thumb]:hover,:host([disabled]) [part=track-fill],:host([disabled]) [part=track-wrapper]::after{background:#d5d8db;content:\'\'}:host [part=thumb-container]{width:22px;height:100%;margin-left:-9.5px}:host [part=thumb]{top:calc((100% - 20px + 3px)/ 2);height:20px;width:20px;box-sizing:border-box;border:3px solid transparent;border-radius:100%;transform:scale(.7);background:var(--thumb-color,#f93)}:host([focused=visible]) [part=thumb-container][active] [part=thumb]{outline:#f93 solid 1px;outline-offset:2px}:host(.grabbable) [part=thumb]{border-width:2px;transform:scale(1)}:host([show-steps]) [part=step-container]{height:inherit}:host([show-steps]:not([disabled])) [part=step]{height:inherit;background-image:linear-gradient(to right,var(--step-color,#f93),var(--step-color,#f93) 3px,transparent 0,transparent)}:host([show-steps]:not([disabled])) [part=track-wrapper]::after{height:inherit;width:3px;background-color:var(--step-color,#f93)}:host [part=pin]{width:26px;height:26px;margin-top:-6px;margin-left:-2px;transform:rotate(-45deg) scale(0) translate(0);transition:transform .1s ease-out;border-radius:50% 50% 50% 0;background-color:var(--pin-color,#f93)}:host [part=pin-value-marker]{font-family:inherit;font-size:.8em;color:var(--pin-text-color,#fff);line-height:1.25rem;font-weight:400;letter-spacing:.01786em;text-decoration:inherit;text-transform:inherit;transform:rotate(45deg);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host([pin].grabbable) [part=pin]{transform:rotate(-45deg) scale(1) translate(19px,-20px)}:host([pin].grabbable) [part=thumb]{transform:scale(.7)}:host [part=input]{margin:0;padding:0;width:var(--input-field-width,40px);min-width:40px;text-align:center;height:23px}:host [part=input][name=to],:host [part=input][name=value]{margin-left:16px}:host [part=input][name=from]{margin-right:16px}' }}));
|
package/lib/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export const VERSION = '6.
|
|
1
|
+
export const VERSION = '6.15.0';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@refinitiv-ui/elements",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.15.0",
|
|
4
4
|
"description": "Element Framework Elements",
|
|
5
5
|
"author": "LSEG",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -339,8 +339,8 @@
|
|
|
339
339
|
},
|
|
340
340
|
"dependencies": {
|
|
341
341
|
"@lit-labs/context": "^0.3.1",
|
|
342
|
-
"@refinitiv-ui/halo-theme": "^6.
|
|
343
|
-
"@refinitiv-ui/solar-theme": "^6.4.
|
|
342
|
+
"@refinitiv-ui/halo-theme": "^6.7.0",
|
|
343
|
+
"@refinitiv-ui/solar-theme": "^6.4.3",
|
|
344
344
|
"@types/chart.js": "^2.9.31",
|
|
345
345
|
"chart.js": "~2.9.4",
|
|
346
346
|
"d3-interpolate": "^3.0.1",
|
|
@@ -351,7 +351,7 @@
|
|
|
351
351
|
},
|
|
352
352
|
"devDependencies": {
|
|
353
353
|
"@refinitiv-ui/core": "^6.5.4",
|
|
354
|
-
"@refinitiv-ui/demo-block": "^6.1.
|
|
354
|
+
"@refinitiv-ui/demo-block": "^6.1.17",
|
|
355
355
|
"@refinitiv-ui/i18n": "^6.0.20",
|
|
356
356
|
"@refinitiv-ui/phrasebook": "^6.3.8",
|
|
357
357
|
"@refinitiv-ui/test-helpers": "^6.0.15",
|
|
@@ -370,5 +370,5 @@
|
|
|
370
370
|
"publishConfig": {
|
|
371
371
|
"access": "public"
|
|
372
372
|
},
|
|
373
|
-
"gitHead": "
|
|
373
|
+
"gitHead": "b9394c26e34a34e43edbbf0306fab5ae3e9aa60e"
|
|
374
374
|
}
|