@breadstone/mosaik-elements-foundation 0.0.217 → 0.0.218
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/Controls/Components/Inputs/CheckBox/CheckBoxElement.d.ts +0 -1
- package/Controls/Components/Inputs/CheckBox/CheckBoxElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/CheckBox/CheckBoxElement.js +0 -1
- package/Controls/Components/Inputs/CheckBox/CheckBoxElement.js.map +1 -1
- package/Controls/Components/Inputs/Radio/RadioElement.d.ts +0 -1
- package/Controls/Components/Inputs/Radio/RadioElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/Radio/RadioElement.js +0 -1
- package/Controls/Components/Inputs/Radio/RadioElement.js.map +1 -1
- package/Controls/Components/Inputs/Select/SelectItemElement.d.ts +1 -0
- package/Controls/Components/Inputs/Select/SelectItemElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/Select/SelectItemElement.js +7 -1
- package/Controls/Components/Inputs/Select/SelectItemElement.js.map +1 -1
- package/Controls/Components/Media/Badge/BadgeElement.d.ts +4 -36
- package/Controls/Components/Media/Badge/BadgeElement.d.ts.map +1 -1
- package/Controls/Components/Media/Badge/BadgeElement.js +18 -46
- package/Controls/Components/Media/Badge/BadgeElement.js.map +1 -1
- package/Controls/Components/Media/Badge/BadgeElementTemplate.d.ts.map +1 -1
- package/Controls/Components/Media/Badge/BadgeElementTemplate.js +10 -16
- package/Controls/Components/Media/Badge/BadgeElementTemplate.js.map +1 -1
- package/Controls/Components/Media/Badge/IBadgeElementProps.d.ts +10 -1
- package/Controls/Components/Media/Badge/IBadgeElementProps.d.ts.map +1 -1
- package/Controls/Components/Media/Badge/Themes/BadgeElement.Cosmopolitan.d.ts.map +1 -1
- package/Controls/Components/Media/Badge/Themes/BadgeElement.Cosmopolitan.js +101 -34
- package/Controls/Components/Media/Badge/Themes/BadgeElement.Cosmopolitan.js.map +1 -1
- package/Controls/Components/Media/Badge/Themes/BadgeElement.Joy.d.ts.map +1 -1
- package/Controls/Components/Media/Badge/Themes/BadgeElement.Joy.js +308 -115
- package/Controls/Components/Media/Badge/Themes/BadgeElement.Joy.js.map +1 -1
- package/Controls/Components/Media/Badge/Themes/BadgeElement.Memphis.d.ts.map +1 -1
- package/Controls/Components/Media/Badge/Themes/BadgeElement.Memphis.js +290 -60
- package/Controls/Components/Media/Badge/Themes/BadgeElement.Memphis.js.map +1 -1
- package/Controls/Components/Media/Icon/IconElementTemplate.d.ts.map +1 -1
- package/Controls/Components/Media/Icon/IconElementTemplate.js +1 -3
- package/Controls/Components/Media/Icon/IconElementTemplate.js.map +1 -1
- package/Controls/Components/Primitives/Summary/SummaryElement.d.ts +2 -1
- package/Controls/Components/Primitives/Summary/SummaryElement.d.ts.map +1 -1
- package/Controls/Components/Primitives/Summary/SummaryElement.js +2 -1
- package/Controls/Components/Primitives/Summary/SummaryElement.js.map +1 -1
- package/Controls/Components/Primitives/Summary/SummaryElementTemplate.d.ts.map +1 -1
- package/Controls/Components/Primitives/Summary/SummaryElementTemplate.js +6 -9
- package/Controls/Components/Primitives/Summary/SummaryElementTemplate.js.map +1 -1
- package/Controls/Components/Primitives/Summary/Themes/SummaryElement.Cosmopolitan.d.ts.map +1 -1
- package/Controls/Components/Primitives/Summary/Themes/SummaryElement.Cosmopolitan.js +12 -1
- package/Controls/Components/Primitives/Summary/Themes/SummaryElement.Cosmopolitan.js.map +1 -1
- package/Controls/Components/Primitives/Summary/Themes/SummaryElement.Joy.d.ts.map +1 -1
- package/Controls/Components/Primitives/Summary/Themes/SummaryElement.Joy.js +12 -1
- package/Controls/Components/Primitives/Summary/Themes/SummaryElement.Joy.js.map +1 -1
- package/Controls/Components/Primitives/Summary/Themes/SummaryElement.Memphis.d.ts.map +1 -1
- package/Controls/Components/Primitives/Summary/Themes/SummaryElement.Memphis.js +12 -1
- package/Controls/Components/Primitives/Summary/Themes/SummaryElement.Memphis.js.map +1 -1
- package/Controls/Components/Primitives/Text/TextElement.d.ts.map +1 -1
- package/Controls/Components/Primitives/Text/TextElement.js +10 -1
- package/Controls/Components/Primitives/Text/TextElement.js.map +1 -1
- package/Controls/Components/Primitives/Text/Themes/TextElement.Joy.js +5 -5
- package/Controls/Components/Ranges/MeterBar/IMeterBarElementProps.d.ts +2 -0
- package/Controls/Components/Ranges/MeterBar/IMeterBarElementProps.d.ts.map +1 -1
- package/Controls/Components/Ranges/MeterBar/MeterBarElement.d.ts +43 -0
- package/Controls/Components/Ranges/MeterBar/MeterBarElement.d.ts.map +1 -1
- package/Controls/Components/Ranges/MeterBar/MeterBarElement.js +81 -3
- package/Controls/Components/Ranges/MeterBar/MeterBarElement.js.map +1 -1
- package/Controls/Components/Ranges/MeterBar/MeterBarElementTemplate.d.ts.map +1 -1
- package/Controls/Components/Ranges/MeterBar/MeterBarElementTemplate.js +19 -5
- package/Controls/Components/Ranges/MeterBar/MeterBarElementTemplate.js.map +1 -1
- package/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Cosmopolitan.d.ts.map +1 -1
- package/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Cosmopolitan.js +50 -0
- package/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Cosmopolitan.js.map +1 -1
- package/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Joy.d.ts.map +1 -1
- package/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Joy.js +55 -1
- package/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Joy.js.map +1 -1
- package/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Memphis.d.ts.map +1 -1
- package/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Memphis.js +50 -0
- package/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Memphis.js.map +1 -1
- package/Controls/Components/Ranges/MeterRing/IMeterRingElementProps.d.ts +2 -0
- package/Controls/Components/Ranges/MeterRing/IMeterRingElementProps.d.ts.map +1 -1
- package/Controls/Components/Ranges/MeterRing/MeterRingElement.d.ts +119 -6
- package/Controls/Components/Ranges/MeterRing/MeterRingElement.d.ts.map +1 -1
- package/Controls/Components/Ranges/MeterRing/MeterRingElement.js +174 -19
- package/Controls/Components/Ranges/MeterRing/MeterRingElement.js.map +1 -1
- package/Controls/Components/Ranges/MeterRing/MeterRingElementTemplate.d.ts.map +1 -1
- package/Controls/Components/Ranges/MeterRing/MeterRingElementTemplate.js +31 -16
- package/Controls/Components/Ranges/MeterRing/MeterRingElementTemplate.js.map +1 -1
- package/Controls/Components/Ranges/MeterRing/Themes/MeterRingElement.Cosmopolitan.d.ts.map +1 -1
- package/Controls/Components/Ranges/MeterRing/Themes/MeterRingElement.Cosmopolitan.js +87 -3
- package/Controls/Components/Ranges/MeterRing/Themes/MeterRingElement.Cosmopolitan.js.map +1 -1
- package/Controls/Components/Ranges/MeterRing/Themes/MeterRingElement.Joy.d.ts.map +1 -1
- package/Controls/Components/Ranges/MeterRing/Themes/MeterRingElement.Joy.js +82 -22
- package/Controls/Components/Ranges/MeterRing/Themes/MeterRingElement.Joy.js.map +1 -1
- package/Controls/Components/Ranges/MeterRing/Themes/MeterRingElement.Memphis.d.ts.map +1 -1
- package/Controls/Components/Ranges/MeterRing/Themes/MeterRingElement.Memphis.js +102 -18
- package/Controls/Components/Ranges/MeterRing/Themes/MeterRingElement.Memphis.js.map +1 -1
- package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Cosmopolitan.d.ts.map +1 -1
- package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Cosmopolitan.js +44 -20
- package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Cosmopolitan.js.map +1 -1
- package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Joy.d.ts.map +1 -1
- package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Joy.js +33 -31
- package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Joy.js.map +1 -1
- package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Memphis.d.ts.map +1 -1
- package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Memphis.js +68 -20
- package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Memphis.js.map +1 -1
- package/Controls/Components/Ranges/ProgressRing/ProgressRingElement.d.ts +1 -2
- package/Controls/Components/Ranges/ProgressRing/ProgressRingElement.d.ts.map +1 -1
- package/Controls/Components/Ranges/ProgressRing/ProgressRingElement.js +1 -2
- package/Controls/Components/Ranges/ProgressRing/ProgressRingElement.js.map +1 -1
- package/Controls/Components/Ranges/ProgressRing/ProgressRingElementTemplate.d.ts.map +1 -1
- package/Controls/Components/Ranges/ProgressRing/ProgressRingElementTemplate.js +4 -5
- package/Controls/Components/Ranges/ProgressRing/ProgressRingElementTemplate.js.map +1 -1
- package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Cosmopolitan.d.ts.map +1 -1
- package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Cosmopolitan.js +31 -21
- package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Cosmopolitan.js.map +1 -1
- package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Joy.d.ts.map +1 -1
- package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Joy.js +51 -41
- package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Joy.js.map +1 -1
- package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Memphis.d.ts.map +1 -1
- package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Memphis.js +31 -21
- package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Memphis.js.map +1 -1
- package/Controls/Components/Selectors/Combo/ComboElement.d.ts +9 -0
- package/Controls/Components/Selectors/Combo/ComboElement.d.ts.map +1 -1
- package/Controls/Components/Selectors/Combo/ComboElement.js +84 -14
- package/Controls/Components/Selectors/Combo/ComboElement.js.map +1 -1
- package/Controls/Components/Selectors/Combo/ComboItemElement.d.ts +1 -0
- package/Controls/Components/Selectors/Combo/ComboItemElement.d.ts.map +1 -1
- package/Controls/Components/Selectors/Combo/ComboItemElement.js +7 -1
- package/Controls/Components/Selectors/Combo/ComboItemElement.js.map +1 -1
- package/Controls/Components/Selectors/Combo/ComboItemElementTemplate.d.ts.map +1 -1
- package/Controls/Components/Selectors/Combo/ComboItemElementTemplate.js +2 -1
- package/Controls/Components/Selectors/Combo/ComboItemElementTemplate.js.map +1 -1
- package/Controls/Types/MeterScale.d.ts +25 -0
- package/Controls/Types/MeterScale.d.ts.map +1 -0
- package/Controls/Types/MeterScale.js +22 -0
- package/Controls/Types/MeterScale.js.map +1 -0
- package/Index.d.ts +1 -0
- package/Index.d.ts.map +1 -1
- package/Index.js +1 -0
- package/Index.js.map +1 -1
- package/custom-elements.json +253 -23
- package/package.json +3 -3
- package/Controls/Components/Layouts/TileManager/ITileStateChangeEventArgs.d.ts +0 -1
- package/Controls/Components/Layouts/TileManager/ITileStateChangeEventArgs.d.ts.map +0 -1
- package/Controls/Components/Layouts/TileManager/ITileStateChangeEventArgs.js +0 -11
- package/Controls/Components/Layouts/TileManager/ITileStateChangeEventArgs.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Text/TextElement.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"TextElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Text/TextElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -28,11 +28,11 @@ export function textElementJoyStyle() {
|
|
|
28
28
|
--text-font-transform: var(--joy-typography-body1-text-transform);
|
|
29
29
|
--text-font-weight: var(--joy-typography-body1-font-weight);
|
|
30
30
|
--text-foreground-color: var(--joy-scheme-foreground);
|
|
31
|
-
--text-gap:
|
|
32
|
-
--text-padding-bottom:
|
|
33
|
-
--text-padding-left:
|
|
34
|
-
--text-padding-right:
|
|
35
|
-
--text-padding-top:
|
|
31
|
+
--text-gap: none;
|
|
32
|
+
--text-padding-bottom: none;
|
|
33
|
+
--text-padding-left: none;
|
|
34
|
+
--text-padding-right: none;
|
|
35
|
+
--text-padding-top: none;
|
|
36
36
|
--text-shadow: var(--joy-elevation-none);
|
|
37
37
|
--text-transition-duration: var(--joy-duration-short);
|
|
38
38
|
--text-transition-mode: ease;
|
|
@@ -3,6 +3,7 @@ import type { ILabelableProps } from '../../../Behaviors/Labelable';
|
|
|
3
3
|
import type { IOrientableProps } from '../../../Behaviors/Orientable';
|
|
4
4
|
import type { IVariantableProps } from '../../../Behaviors/Variantable';
|
|
5
5
|
import type { MeterRange } from '../../../Types/MeterRange';
|
|
6
|
+
import type { MeterScale } from '../../../Types/MeterScale';
|
|
6
7
|
import type { IRangeBaseElementProps } from '../Abstracts/IRangeBaseElementProps';
|
|
7
8
|
/**
|
|
8
9
|
* Represents the `{@link IMeterBarElementProps}` interface.
|
|
@@ -15,5 +16,6 @@ export interface IMeterBarElementProps extends IVariantableProps, IOrientablePro
|
|
|
15
16
|
low: number;
|
|
16
17
|
optimum: number;
|
|
17
18
|
range: MeterRange;
|
|
19
|
+
scale: MeterScale;
|
|
18
20
|
}
|
|
19
21
|
//# sourceMappingURL=IMeterBarElementProps.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IMeterBarElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/MeterBar/IMeterBarElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAIlF;;;;GAIG;AACH,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,eAAe,EAAE,sBAAsB;IAE1I,SAAS,EAAE,MAAM,CAAC;IAElB,IAAI,EAAE,MAAM,CAAC;IAEb,GAAG,EAAE,MAAM,CAAC;IAEZ,OAAO,EAAE,MAAM,CAAC;IAEhB,KAAK,EAAE,UAAU,CAAC;CAErB"}
|
|
1
|
+
{"version":3,"file":"IMeterBarElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/MeterBar/IMeterBarElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAIlF;;;;GAIG;AACH,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,eAAe,EAAE,sBAAsB;IAE1I,SAAS,EAAE,MAAM,CAAC;IAElB,IAAI,EAAE,MAAM,CAAC;IAEb,GAAG,EAAE,MAAM,CAAC;IAEZ,OAAO,EAAE,MAAM,CAAC;IAEhB,KAAK,EAAE,UAAU,CAAC;IAElB,KAAK,EAAE,UAAU,CAAC;CAErB"}
|
|
@@ -1,6 +1,22 @@
|
|
|
1
1
|
import { MeterRange } from '../../../Types/MeterRange';
|
|
2
|
+
import { MeterScale } from '../../../Types/MeterScale';
|
|
2
3
|
import { RangeBaseElement } from '../Abstracts/RangeBaseElement';
|
|
3
4
|
import type { IMeterBarElementProps } from './IMeterBarElementProps';
|
|
5
|
+
/**
|
|
6
|
+
* Represents segment information for the segmented scale mode.
|
|
7
|
+
*
|
|
8
|
+
* @private
|
|
9
|
+
*/
|
|
10
|
+
interface IMeterSegment {
|
|
11
|
+
/**
|
|
12
|
+
* The range type of the segment.
|
|
13
|
+
*/
|
|
14
|
+
range: MeterRange;
|
|
15
|
+
/**
|
|
16
|
+
* The width percentage of the segment (0-100).
|
|
17
|
+
*/
|
|
18
|
+
width: number;
|
|
19
|
+
}
|
|
4
20
|
declare const MeterBarElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Orientable").IOrientableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Labelable").ILabelableProps) & typeof RangeBaseElement & import("../../../Behaviors/Themeable").IThemeableCtor;
|
|
5
21
|
/**
|
|
6
22
|
* Meter bar - a visual representation of a numeric value within a specified range.
|
|
@@ -16,6 +32,7 @@ export declare class MeterBarElement extends MeterBarElement_base implements IMe
|
|
|
16
32
|
private _low;
|
|
17
33
|
private _optimum;
|
|
18
34
|
private _range;
|
|
35
|
+
private _scale;
|
|
19
36
|
/**
|
|
20
37
|
* @public
|
|
21
38
|
*/
|
|
@@ -70,6 +87,32 @@ export declare class MeterBarElement extends MeterBarElement_base implements IMe
|
|
|
70
87
|
*/
|
|
71
88
|
get range(): MeterRange;
|
|
72
89
|
private set range(value);
|
|
90
|
+
/**
|
|
91
|
+
* Gets or sets the `scale` property.
|
|
92
|
+
* Determines how the meter scale is visually represented.
|
|
93
|
+
* - `continuous`: Single continuous bar with color based on current range (default).
|
|
94
|
+
* - `segmented`: Visible segments for low, optimum, and high zones with a marker for the current value.
|
|
95
|
+
*
|
|
96
|
+
* @public
|
|
97
|
+
* @attr
|
|
98
|
+
*/
|
|
99
|
+
get scale(): MeterScale;
|
|
100
|
+
set scale(value: MeterScale);
|
|
101
|
+
/**
|
|
102
|
+
* Gets the percentage of the current value within the range (0-100).
|
|
103
|
+
*
|
|
104
|
+
* @public
|
|
105
|
+
* @readonly
|
|
106
|
+
*/
|
|
107
|
+
get percent(): number;
|
|
108
|
+
/**
|
|
109
|
+
* Gets the segments for the segmented scale mode.
|
|
110
|
+
* Returns an array of segments representing low, optimum, and high zones.
|
|
111
|
+
*
|
|
112
|
+
* @public
|
|
113
|
+
* @readonly
|
|
114
|
+
*/
|
|
115
|
+
get segments(): Array<IMeterSegment>;
|
|
73
116
|
protected onPropertyChanged(): void;
|
|
74
117
|
}
|
|
75
118
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MeterBarElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/MeterBar/MeterBarElement.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;;
|
|
1
|
+
{"version":3,"file":"MeterBarElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/MeterBar/MeterBarElement.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AASrE;;;;GAIG;AACH,UAAU,aAAa;IAEnB;;OAEG;IACH,KAAK,EAAE,UAAU,CAAC;IAElB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACjB;;AAED;;;;;;;GAOG;AACH,qBAea,eACT,SAAQ,oBACR,YAAW,qBAAqB;IAIhC,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,MAAM,CAAa;IAM3B;;OAEG;;IAgBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IACW,SAAS,IAAI,MAAM,CAE7B;IAED,IAAW,SAAS,CAAC,KAAK,EAAE,MAAM,EAKjC;IAED;;;;;OAKG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;;;;OAKG;IACH,IACW,GAAG,IAAI,MAAM,CAEvB;IAED,IAAW,GAAG,CAAC,KAAK,EAAE,MAAM,EAK3B;IAED;;;;;OAKG;IACH,IACW,OAAO,IAAI,MAAM,CAE3B;IAED,IAAW,OAAO,CAAC,KAAK,EAAE,MAAM,EAK/B;IAED;;;;;;OAMG;IACH,IACW,KAAK,IAAI,UAAU,CAE7B;IAED,OAAO,KAAK,KAAK,QAKhB;IAED;;;;;;;;OAQG;IACH,IACW,KAAK,IAAI,UAAU,CAE7B;IAED,IAAW,KAAK,CAAC,KAAK,EAAE,UAAU,EAKjC;IAED;;;;;OAKG;IACH,IAAW,OAAO,IAAI,MAAM,CAK3B;IAED;;;;;;OAMG;IACH,IAAW,QAAQ,IAAI,KAAK,CAAC,aAAa,CAAC,CAoC1C;IAYD,SAAS,CAAC,iBAAiB,IAAI,IAAI;CAgBtC;AAED;;EAEE;AACF,yBAAiB,eAAe,CAAC;IAC7B,KAAY,KAAK,GAAG,qBAAqB,CAAC;CAC7C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,eAAe,CAAC;KACvC;CACJ"}
|
|
@@ -16,6 +16,7 @@ import { Attribute } from '../../../Decorators/AttributeDecorator';
|
|
|
16
16
|
import { Component } from '../../../Decorators/ComponentDecorator';
|
|
17
17
|
import { Watch } from '../../../Decorators/WatchDecorator';
|
|
18
18
|
import { MeterRange } from '../../../Types/MeterRange';
|
|
19
|
+
import { MeterScale } from '../../../Types/MeterScale';
|
|
19
20
|
import { TextElement } from '../../Primitives/Text/TextElement';
|
|
20
21
|
import { RangeBaseElement } from '../Abstracts/RangeBaseElement';
|
|
21
22
|
import { meterBarElementTemplate } from './MeterBarElementTemplate';
|
|
@@ -23,7 +24,6 @@ import { meterBarElementJoyStyle } from './Themes/MeterBarElement.Joy';
|
|
|
23
24
|
import { meterBarElementMemphisStyle } from './Themes/MeterBarElement.Memphis';
|
|
24
25
|
import { meterBarElementCosmopolitanStyle } from './Themes/MeterBarElement.Cosmopolitan';
|
|
25
26
|
import { Themeable } from '../../../Behaviors/Themeable';
|
|
26
|
-
// #endregion
|
|
27
27
|
/**
|
|
28
28
|
* Meter bar - a visual representation of a numeric value within a specified range.
|
|
29
29
|
*
|
|
@@ -39,6 +39,7 @@ let MeterBarElement = class MeterBarElement extends Themeable(Variantable(Orient
|
|
|
39
39
|
_low;
|
|
40
40
|
_optimum;
|
|
41
41
|
_range;
|
|
42
|
+
_scale;
|
|
42
43
|
// #endregion
|
|
43
44
|
// #region Ctor
|
|
44
45
|
/**
|
|
@@ -51,6 +52,7 @@ let MeterBarElement = class MeterBarElement extends Themeable(Variantable(Orient
|
|
|
51
52
|
this._low = 0;
|
|
52
53
|
this._optimum = 0;
|
|
53
54
|
this._range = MeterRange.Normal;
|
|
55
|
+
this._scale = MeterScale.Continuous;
|
|
54
56
|
}
|
|
55
57
|
// #endregion
|
|
56
58
|
// #region Properties
|
|
@@ -141,6 +143,77 @@ let MeterBarElement = class MeterBarElement extends Themeable(Variantable(Orient
|
|
|
141
143
|
this.requestUpdate('range');
|
|
142
144
|
}
|
|
143
145
|
}
|
|
146
|
+
/**
|
|
147
|
+
* Gets or sets the `scale` property.
|
|
148
|
+
* Determines how the meter scale is visually represented.
|
|
149
|
+
* - `continuous`: Single continuous bar with color based on current range (default).
|
|
150
|
+
* - `segmented`: Visible segments for low, optimum, and high zones with a marker for the current value.
|
|
151
|
+
*
|
|
152
|
+
* @public
|
|
153
|
+
* @attr
|
|
154
|
+
*/
|
|
155
|
+
get scale() {
|
|
156
|
+
return this._scale;
|
|
157
|
+
}
|
|
158
|
+
set scale(value) {
|
|
159
|
+
if (this._scale !== value) {
|
|
160
|
+
this._scale = value;
|
|
161
|
+
this.requestUpdate('scale');
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
/**
|
|
165
|
+
* Gets the percentage of the current value within the range (0-100).
|
|
166
|
+
*
|
|
167
|
+
* @public
|
|
168
|
+
* @readonly
|
|
169
|
+
*/
|
|
170
|
+
get percent() {
|
|
171
|
+
if (this.max <= this.min) {
|
|
172
|
+
return 0;
|
|
173
|
+
}
|
|
174
|
+
return ((this.value - this.min) / (this.max - this.min)) * 100;
|
|
175
|
+
}
|
|
176
|
+
/**
|
|
177
|
+
* Gets the segments for the segmented scale mode.
|
|
178
|
+
* Returns an array of segments representing low, optimum, and high zones.
|
|
179
|
+
*
|
|
180
|
+
* @public
|
|
181
|
+
* @readonly
|
|
182
|
+
*/
|
|
183
|
+
get segments() {
|
|
184
|
+
const totalRange = this.max - this.min;
|
|
185
|
+
if (totalRange <= 0) {
|
|
186
|
+
return [];
|
|
187
|
+
}
|
|
188
|
+
const segments = [];
|
|
189
|
+
// Low segment: min to low
|
|
190
|
+
const lowWidth = ((this.low - this.min) / totalRange) * 100;
|
|
191
|
+
if (lowWidth > 0) {
|
|
192
|
+
segments.push({
|
|
193
|
+
range: MeterRange.Low,
|
|
194
|
+
width: lowWidth
|
|
195
|
+
});
|
|
196
|
+
}
|
|
197
|
+
// Optimum segment: low to high
|
|
198
|
+
const optimumWidth = ((this.high - this.low) / totalRange) * 100;
|
|
199
|
+
if (optimumWidth > 0) {
|
|
200
|
+
segments.push({
|
|
201
|
+
range: MeterRange.Optimum,
|
|
202
|
+
width: optimumWidth
|
|
203
|
+
});
|
|
204
|
+
}
|
|
205
|
+
// High segment: high to max
|
|
206
|
+
const highWidth = ((this.max - this.high) / totalRange) * 100;
|
|
207
|
+
if (highWidth > 0) {
|
|
208
|
+
segments.push({
|
|
209
|
+
range: MeterRange.High,
|
|
210
|
+
width: highWidth
|
|
211
|
+
});
|
|
212
|
+
}
|
|
213
|
+
return segments;
|
|
214
|
+
}
|
|
215
|
+
// #endregion
|
|
216
|
+
// #region Methods
|
|
144
217
|
onPropertyChanged() {
|
|
145
218
|
let range = MeterRange.Normal;
|
|
146
219
|
if (this.value < this.low) {
|
|
@@ -180,10 +253,15 @@ __decorate([
|
|
|
180
253
|
__metadata("design:type", String),
|
|
181
254
|
__metadata("design:paramtypes", [String])
|
|
182
255
|
], MeterBarElement.prototype, "range", null);
|
|
256
|
+
__decorate([
|
|
257
|
+
Attribute({ type: MeterScale }),
|
|
258
|
+
__metadata("design:type", String),
|
|
259
|
+
__metadata("design:paramtypes", [String])
|
|
260
|
+
], MeterBarElement.prototype, "scale", null);
|
|
183
261
|
__decorate([
|
|
184
262
|
Watch('value'),
|
|
185
|
-
Watch('
|
|
186
|
-
Watch('
|
|
263
|
+
Watch('min'),
|
|
264
|
+
Watch('max'),
|
|
187
265
|
Watch('low'),
|
|
188
266
|
Watch('high'),
|
|
189
267
|
Watch('optimum'),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MeterBarElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/MeterBar/MeterBarElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"MeterBarElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/MeterBar/MeterBarElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAsBzD;;;;;;;GAOG;AAgBI,IAAM,eAAe,GAArB,MAAM,eACT,SAAQ,SAAS,CAAC,WAAW,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IAGpF,iBAAiB;IAET,UAAU,CAAS;IACnB,KAAK,CAAS;IACd,IAAI,CAAS;IACb,QAAQ,CAAS;IACjB,MAAM,CAAa;IACnB,MAAM,CAAa;IAE3B,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;QACpB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QACf,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;QACd,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAChC,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC,UAAU,CAAC;IACxC,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,kBAAkB,CAAC;IAC9B,CAAC;IAED;;;;;OAKG;IACH,IACW,SAAS;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IAED,IAAW,SAAS,CAAC,KAAa;QAC9B,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;YAC5B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QACpC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IACW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,IAAW,IAAI,CAAC,KAAa;QACzB,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IACW,GAAG;QACV,OAAO,IAAI,CAAC,IAAI,CAAC;IACrB,CAAC;IAED,IAAW,GAAG,CAAC,KAAa;QACxB,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;YACtB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YAClB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IACW,OAAO;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IAED,IAAW,OAAO,CAAC,KAAa;QAC5B,IAAI,IAAI,CAAC,QAAQ,KAAK,KAAK,EAAE,CAAC;YAC1B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QAClC,CAAC;IACL,CAAC;IAED;;;;;;OAMG;IACH,IACW,KAAK;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAED,IAAY,KAAK,CAAC,KAAiB;QAC/B,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE,CAAC;YACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAChC,CAAC;IACL,CAAC;IAED;;;;;;;;OAQG;IACH,IACW,KAAK;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAED,IAAW,KAAK,CAAC,KAAiB;QAC9B,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE,CAAC;YACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAChC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAAW,OAAO;QACd,IAAI,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;YACvB,OAAO,CAAC,CAAC;QACb,CAAC;QACD,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;IACnE,CAAC;IAED;;;;;;OAMG;IACH,IAAW,QAAQ;QACf,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;QACvC,IAAI,UAAU,IAAI,CAAC,EAAE,CAAC;YAClB,OAAO,EAAE,CAAC;QACd,CAAC;QAED,MAAM,QAAQ,GAAyB,EAAE,CAAC;QAE1C,0BAA0B;QAC1B,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,GAAG,GAAG,CAAC;QAC5D,IAAI,QAAQ,GAAG,CAAC,EAAE,CAAC;YACf,QAAQ,CAAC,IAAI,CAAC;gBACV,KAAK,EAAE,UAAU,CAAC,GAAG;gBACrB,KAAK,EAAE,QAAQ;aAClB,CAAC,CAAC;QACP,CAAC;QAED,+BAA+B;QAC/B,MAAM,YAAY,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,GAAG,GAAG,CAAC;QACjE,IAAI,YAAY,GAAG,CAAC,EAAE,CAAC;YACnB,QAAQ,CAAC,IAAI,CAAC;gBACV,KAAK,EAAE,UAAU,CAAC,OAAO;gBACzB,KAAK,EAAE,YAAY;aACtB,CAAC,CAAC;QACP,CAAC;QAED,4BAA4B;QAC5B,MAAM,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,GAAG,GAAG,CAAC;QAC9D,IAAI,SAAS,GAAG,CAAC,EAAE,CAAC;YAChB,QAAQ,CAAC,IAAI,CAAC;gBACV,KAAK,EAAE,UAAU,CAAC,IAAI;gBACtB,KAAK,EAAE,SAAS;aACnB,CAAC,CAAC;QACP,CAAC;QAED,OAAO,QAAQ,CAAC;IACpB,CAAC;IAED,aAAa;IAEb,kBAAkB;IAQR,iBAAiB;QACvB,IAAI,KAAK,GAAe,UAAU,CAAC,MAAM,CAAC;QAE1C,IAAI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YACxB,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC;QAC3B,CAAC;aAAM,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACjC,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC;QAC5B,CAAC;aAAM,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACpC,KAAK,GAAG,UAAU,CAAC,OAAO,CAAC;QAC/B,CAAC;QAED,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACvB,CAAC;CAIJ,CAAA;AA9LG;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;gDAG3B;AAeD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;2CAG3B;AAeD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;0CAG3B;AAeD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;8CAG3B;AAgBD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;;;4CAG/B;AAkBD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;;;4CAG/B;AA6ES;IANT,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,KAAK,CAAC;IACZ,KAAK,CAAC,KAAK,CAAC;IACZ,KAAK,CAAC,KAAK,CAAC;IACZ,KAAK,CAAC,MAAM,CAAC;IACb,KAAK,CAAC,SAAS,CAAC;;;;wDAahB;AA/OQ,eAAe;IAf3B,SAAS,CAAC;QACP,QAAQ,EAAE,kBAAkB;QAC5B,QAAQ,EAAE,uBAAuB;QACjC,MAAM,EAAE;YACJ,GAAG,EAAE,uBAAuB;YAC5B,OAAO,EAAE,2BAA2B;YACpC,YAAY,EAAE,gCAAgC;SACjD;QACD,IAAI,EAAE;YACF,IAAI,EAAE,OAAO;SAChB;QACD,OAAO,EAAE;YACL,WAAW;SACd;KACJ,CAAC;;GACW,eAAe,CAmP3B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MeterBarElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/MeterBar/MeterBarElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"MeterBarElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/MeterBar/MeterBarElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAIjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIzD;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,eAAe,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAkCvF"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
// #region Imports
|
|
2
2
|
import { html } from '../../../../Dom/Html';
|
|
3
3
|
import { RendererServiceLocator } from '../../../../Dom/Renderer';
|
|
4
|
-
import { styleMap, when } from '../../../Directives/Directives';
|
|
4
|
+
import { repeat, styleMap, when } from '../../../Directives/Directives';
|
|
5
|
+
import { MeterScale } from '../../../Types/MeterScale';
|
|
5
6
|
// #endregion
|
|
6
7
|
/**
|
|
7
8
|
* The template of the {@link MeterBarElement}.
|
|
@@ -9,7 +10,8 @@ import { styleMap, when } from '../../../Directives/Directives';
|
|
|
9
10
|
* @public
|
|
10
11
|
*/
|
|
11
12
|
export function meterBarElementTemplate(e) {
|
|
12
|
-
const percentage =
|
|
13
|
+
const percentage = e.percent;
|
|
14
|
+
const isSegmented = e.scale === MeterScale.Segmented;
|
|
13
15
|
return html `
|
|
14
16
|
${when(e.label.trim(), () => html `
|
|
15
17
|
<slot name="label">
|
|
@@ -20,12 +22,24 @@ export function meterBarElementTemplate(e) {
|
|
|
20
22
|
`)}
|
|
21
23
|
<div part="bar"
|
|
22
24
|
style="${styleMap({ height: `${e.thickness}px` })}">
|
|
23
|
-
|
|
24
|
-
|
|
25
|
+
${when(isSegmented, () => html `
|
|
26
|
+
<div part="segments">
|
|
27
|
+
${repeat(e.segments, (segment) => segment.range, (segment) => html `
|
|
28
|
+
<div part="segment"
|
|
29
|
+
data-range="${segment.range}"
|
|
30
|
+
style="${styleMap({ width: `${segment.width}%` })}"></div>
|
|
31
|
+
`)}
|
|
32
|
+
</div>
|
|
33
|
+
<div part="marker"
|
|
34
|
+
style="${styleMap({ left: `${percentage}%` })}"></div>
|
|
35
|
+
`, () => html `
|
|
36
|
+
<div part="fill"
|
|
37
|
+
style="width: ${percentage}%"></div>
|
|
38
|
+
`)}
|
|
25
39
|
</div>
|
|
26
40
|
<div part="hint">
|
|
27
41
|
<slot name="hint"
|
|
28
|
-
@slotchange="${(x) => x.target.assignedElements().map((
|
|
42
|
+
@slotchange="${(x) => x.target.assignedElements().map((y, i) => RendererServiceLocator.current.setStyle(y, 'order', i))}"></slot>
|
|
29
43
|
</div>
|
|
30
44
|
`;
|
|
31
45
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MeterBarElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/MeterBar/MeterBarElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"MeterBarElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/MeterBar/MeterBarElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAGvD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,uBAAuB,CAA4B,CAAI;IACnE,MAAM,UAAU,GAAG,CAAC,CAAC,OAAO,CAAC;IAC7B,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,KAAK,UAAU,CAAC,SAAS,CAAC;IAErD,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;sCAGH,IAAI;kCACR,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE;;SAEvC,CAAC;;sBAEY,QAAQ,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC;cAChD,IAAI,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;sBAEpB,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,CAAA;;uCAE/C,OAAO,CAAC,KAAK;kCAClB,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;qBACrD,CAAC;;;8BAGQ,QAAQ,CAAC,EAAE,IAAI,EAAE,GAAG,UAAU,GAAG,EAAE,CAAC;aACrD,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;qCAEY,UAAU;aAClC,CAAC;;;;iCAImB,CAAC,CAAQ,EAAE,EAAE,CAAG,CAAC,CAAC,MAA0B,CAAC,gBAAgB,EAAyB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,sBAAsB,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;;KAExL,CAAC;AACN,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MeterBarElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,gCAAgC,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"MeterBarElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,gCAAgC,IAAI,SAAS,CA4H5D"}
|
|
@@ -13,6 +13,9 @@ import { css } from '../../../../../Dom/Css';
|
|
|
13
13
|
export function meterBarElementCosmopolitanStyle() {
|
|
14
14
|
return css `
|
|
15
15
|
:host {
|
|
16
|
+
--meter-bar-fill-color-high: var(--cosmopolitan-color-semantic-warning);
|
|
17
|
+
--meter-bar-fill-color-low: var(--cosmopolitan-color-semantic-error);
|
|
18
|
+
--meter-bar-fill-color-optimum: var(--cosmopolitan-color-semantic-success);
|
|
16
19
|
--meter-bar-font-family: unset;
|
|
17
20
|
--meter-bar-font-letter-spacing: unset;
|
|
18
21
|
--meter-bar-font-line-height: unset;
|
|
@@ -21,6 +24,7 @@ export function meterBarElementCosmopolitanStyle() {
|
|
|
21
24
|
--meter-bar-font-text-transform: unset;
|
|
22
25
|
--meter-bar-font-weight: unset;
|
|
23
26
|
--meter-bar-gap: unset;
|
|
27
|
+
--meter-bar-marker-color: var(--cosmopolitan-scheme-foreground);
|
|
24
28
|
--meter-bar-padding-bottom: unset;
|
|
25
29
|
--meter-bar-padding-left: unset;
|
|
26
30
|
--meter-bar-padding-right: unset;
|
|
@@ -68,6 +72,7 @@ export function meterBarElementCosmopolitanStyle() {
|
|
|
68
72
|
border-radius: 10px;
|
|
69
73
|
width: 100%;
|
|
70
74
|
height: 4px;
|
|
75
|
+
position: relative;
|
|
71
76
|
overflow: hidden;
|
|
72
77
|
}
|
|
73
78
|
|
|
@@ -77,12 +82,57 @@ export function meterBarElementCosmopolitanStyle() {
|
|
|
77
82
|
transition: width .3s;
|
|
78
83
|
}
|
|
79
84
|
|
|
85
|
+
:host [part="bar"] [part="segments"] {
|
|
86
|
+
flex-direction: row;
|
|
87
|
+
gap: 2px;
|
|
88
|
+
width: 100%;
|
|
89
|
+
height: 100%;
|
|
90
|
+
display: flex;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
:host [part="bar"] [part="segment"] {
|
|
94
|
+
flex-shrink: 0;
|
|
95
|
+
height: 100%;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
:host [part="bar"] [part="segment"]:first-child {
|
|
99
|
+
border-radius: 10px 0 0 10px;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
:host [part="bar"] [part="segment"]:last-child {
|
|
103
|
+
border-radius: 0 10px 10px 0;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
:host [part="bar"] [part="marker"] {
|
|
107
|
+
background-color: var(--meter-bar-marker-color);
|
|
108
|
+
border-radius: 2px;
|
|
109
|
+
width: 4px;
|
|
110
|
+
height: calc(100% + 8px);
|
|
111
|
+
transition: left .3s;
|
|
112
|
+
position: absolute;
|
|
113
|
+
top: 50%;
|
|
114
|
+
transform: translate(-50%, -50%);
|
|
115
|
+
box-shadow: 0 0 4px #0000004d;
|
|
116
|
+
}
|
|
117
|
+
|
|
80
118
|
:host [part="hint"] {
|
|
81
119
|
flex-direction: row;
|
|
82
120
|
justify-content: space-between;
|
|
83
121
|
display: flex;
|
|
84
122
|
}
|
|
85
123
|
|
|
124
|
+
:host [part="bar"] [part="segment"][data-range="low"] {
|
|
125
|
+
background-color: var(--meter-bar-fill-color-low);
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
:host [part="bar"] [part="segment"][data-range="optimum"] {
|
|
129
|
+
background-color: var(--meter-bar-fill-color-optimum);
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
:host [part="bar"] [part="segment"][data-range="high"] {
|
|
133
|
+
background-color: var(--meter-bar-fill-color-high);
|
|
134
|
+
}
|
|
135
|
+
|
|
86
136
|
`;
|
|
87
137
|
}
|
|
88
138
|
//# sourceMappingURL=MeterBarElement.Cosmopolitan.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MeterBarElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,gCAAgC;IAC5C,OAAO,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"MeterBarElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,gCAAgC;IAC5C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0HT,CAAC;AACN,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MeterBarElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"MeterBarElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CAoJnD"}
|
|
@@ -13,6 +13,9 @@ import { css } from '../../../../../Dom/Css';
|
|
|
13
13
|
export function meterBarElementJoyStyle() {
|
|
14
14
|
return css `
|
|
15
15
|
:host {
|
|
16
|
+
--meter-bar-fill-color-high: var(--joy-color-semantic-warning);
|
|
17
|
+
--meter-bar-fill-color-low: var(--joy-color-semantic-error);
|
|
18
|
+
--meter-bar-fill-color-optimum: var(--joy-color-semantic-success);
|
|
16
19
|
--meter-bar-font-family: unset;
|
|
17
20
|
--meter-bar-font-letter-spacing: unset;
|
|
18
21
|
--meter-bar-font-line-height: unset;
|
|
@@ -21,6 +24,7 @@ export function meterBarElementJoyStyle() {
|
|
|
21
24
|
--meter-bar-font-text-transform: unset;
|
|
22
25
|
--meter-bar-font-weight: unset;
|
|
23
26
|
--meter-bar-gap: unset;
|
|
27
|
+
--meter-bar-marker-color: var(--joy-scheme-foreground);
|
|
24
28
|
--meter-bar-padding-bottom: unset;
|
|
25
29
|
--meter-bar-padding-left: unset;
|
|
26
30
|
--meter-bar-padding-right: unset;
|
|
@@ -68,6 +72,7 @@ export function meterBarElementJoyStyle() {
|
|
|
68
72
|
border-radius: 10px;
|
|
69
73
|
width: 100%;
|
|
70
74
|
height: 4px;
|
|
75
|
+
position: relative;
|
|
71
76
|
overflow: hidden;
|
|
72
77
|
}
|
|
73
78
|
|
|
@@ -77,6 +82,39 @@ export function meterBarElementJoyStyle() {
|
|
|
77
82
|
transition: width .3s;
|
|
78
83
|
}
|
|
79
84
|
|
|
85
|
+
:host [part="bar"] [part="segments"] {
|
|
86
|
+
flex-direction: row;
|
|
87
|
+
gap: 2px;
|
|
88
|
+
width: 100%;
|
|
89
|
+
height: 100%;
|
|
90
|
+
display: flex;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
:host [part="bar"] [part="segment"] {
|
|
94
|
+
flex-shrink: 0;
|
|
95
|
+
height: 100%;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
:host [part="bar"] [part="segment"]:first-child {
|
|
99
|
+
border-radius: 10px 0 0 10px;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
:host [part="bar"] [part="segment"]:last-child {
|
|
103
|
+
border-radius: 0 10px 10px 0;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
:host [part="bar"] [part="marker"] {
|
|
107
|
+
background-color: var(--meter-bar-marker-color);
|
|
108
|
+
border-radius: 2px;
|
|
109
|
+
width: 4px;
|
|
110
|
+
height: calc(100% + 8px);
|
|
111
|
+
transition: left .3s;
|
|
112
|
+
position: absolute;
|
|
113
|
+
top: 50%;
|
|
114
|
+
transform: translate(-50%, -50%);
|
|
115
|
+
box-shadow: 0 0 4px #0000004d;
|
|
116
|
+
}
|
|
117
|
+
|
|
80
118
|
:host [part="hint"] {
|
|
81
119
|
flex-direction: row;
|
|
82
120
|
justify-content: space-between;
|
|
@@ -87,7 +125,23 @@ export function meterBarElementJoyStyle() {
|
|
|
87
125
|
background-color: var(--joy-scheme-highlight);
|
|
88
126
|
}
|
|
89
127
|
|
|
90
|
-
:host [part="bar"] [part="fill"]
|
|
128
|
+
:host [part="bar"] [part="fill"] {
|
|
129
|
+
background-color: var(--joy-color-info-500);
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
:host [part="bar"] [part="segment"][data-range="low"] {
|
|
133
|
+
background-color: var(--joy-color-warning-500);
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
:host [part="bar"] [part="segment"][data-range="optimum"] {
|
|
137
|
+
background-color: var(--joy-color-success-500);
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
:host [part="bar"] [part="segment"][data-range="high"] {
|
|
141
|
+
background-color: var(--joy-color-danger-500);
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
:host([range="normal"]) [part="fill"] {
|
|
91
145
|
background-color: var(--joy-color-info-500);
|
|
92
146
|
}
|
|
93
147
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MeterBarElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,uBAAuB;IACnC,OAAO,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"MeterBarElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkJT,CAAC;AACN,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MeterBarElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"MeterBarElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,SAAS,CA4HvD"}
|
|
@@ -13,6 +13,9 @@ import { css } from '../../../../../Dom/Css';
|
|
|
13
13
|
export function meterBarElementMemphisStyle() {
|
|
14
14
|
return css `
|
|
15
15
|
:host {
|
|
16
|
+
--meter-bar-fill-color-high: var(--memphis-color-semantic-warning);
|
|
17
|
+
--meter-bar-fill-color-low: var(--memphis-color-semantic-error);
|
|
18
|
+
--meter-bar-fill-color-optimum: var(--memphis-color-semantic-success);
|
|
16
19
|
--meter-bar-font-family: unset;
|
|
17
20
|
--meter-bar-font-letter-spacing: unset;
|
|
18
21
|
--meter-bar-font-line-height: unset;
|
|
@@ -21,6 +24,7 @@ export function meterBarElementMemphisStyle() {
|
|
|
21
24
|
--meter-bar-font-text-transform: unset;
|
|
22
25
|
--meter-bar-font-weight: unset;
|
|
23
26
|
--meter-bar-gap: unset;
|
|
27
|
+
--meter-bar-marker-color: var(--memphis-scheme-foreground);
|
|
24
28
|
--meter-bar-padding-bottom: unset;
|
|
25
29
|
--meter-bar-padding-left: unset;
|
|
26
30
|
--meter-bar-padding-right: unset;
|
|
@@ -68,6 +72,7 @@ export function meterBarElementMemphisStyle() {
|
|
|
68
72
|
border-radius: 10px;
|
|
69
73
|
width: 100%;
|
|
70
74
|
height: 4px;
|
|
75
|
+
position: relative;
|
|
71
76
|
overflow: hidden;
|
|
72
77
|
}
|
|
73
78
|
|
|
@@ -77,12 +82,57 @@ export function meterBarElementMemphisStyle() {
|
|
|
77
82
|
transition: width .3s;
|
|
78
83
|
}
|
|
79
84
|
|
|
85
|
+
:host [part="bar"] [part="segments"] {
|
|
86
|
+
flex-direction: row;
|
|
87
|
+
gap: 2px;
|
|
88
|
+
width: 100%;
|
|
89
|
+
height: 100%;
|
|
90
|
+
display: flex;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
:host [part="bar"] [part="segment"] {
|
|
94
|
+
flex-shrink: 0;
|
|
95
|
+
height: 100%;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
:host [part="bar"] [part="segment"]:first-child {
|
|
99
|
+
border-radius: 10px 0 0 10px;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
:host [part="bar"] [part="segment"]:last-child {
|
|
103
|
+
border-radius: 0 10px 10px 0;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
:host [part="bar"] [part="marker"] {
|
|
107
|
+
background-color: var(--meter-bar-marker-color);
|
|
108
|
+
border-radius: 2px;
|
|
109
|
+
width: 4px;
|
|
110
|
+
height: calc(100% + 8px);
|
|
111
|
+
transition: left .3s;
|
|
112
|
+
position: absolute;
|
|
113
|
+
top: 50%;
|
|
114
|
+
transform: translate(-50%, -50%);
|
|
115
|
+
box-shadow: 0 0 4px #0000004d;
|
|
116
|
+
}
|
|
117
|
+
|
|
80
118
|
:host [part="hint"] {
|
|
81
119
|
flex-direction: row;
|
|
82
120
|
justify-content: space-between;
|
|
83
121
|
display: flex;
|
|
84
122
|
}
|
|
85
123
|
|
|
124
|
+
:host [part="bar"] [part="segment"][data-range="low"] {
|
|
125
|
+
background-color: var(--meter-bar-fill-color-low);
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
:host [part="bar"] [part="segment"][data-range="optimum"] {
|
|
129
|
+
background-color: var(--meter-bar-fill-color-optimum);
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
:host [part="bar"] [part="segment"][data-range="high"] {
|
|
133
|
+
background-color: var(--meter-bar-fill-color-high);
|
|
134
|
+
}
|
|
135
|
+
|
|
86
136
|
`;
|
|
87
137
|
}
|
|
88
138
|
//# sourceMappingURL=MeterBarElement.Memphis.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MeterBarElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,2BAA2B;IACvC,OAAO,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"MeterBarElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Ranges/MeterBar/Themes/MeterBarElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,2BAA2B;IACvC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0HT,CAAC;AACN,CAAC"}
|