@nldd/design-system 0.8.52 → 0.8.53
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/styles/slotted-reset.d.ts +51 -0
- package/dist/assets/styles/slotted-reset.d.ts.map +1 -0
- package/dist/assets/styles/slotted-reset.fixtures.d.ts +12 -0
- package/dist/assets/styles/slotted-reset.fixtures.d.ts.map +1 -0
- package/dist/assets/styles/slotted-reset.fixtures.js +21 -0
- package/dist/assets/styles/slotted-reset.fixtures.js.map +1 -0
- package/dist/assets/styles/slotted-reset.js +59 -0
- package/dist/assets/styles/slotted-reset.js.map +1 -0
- package/dist/components/actions/button/button.styles.d.ts.map +1 -1
- package/dist/components/actions/button/button.styles.js +2 -0
- package/dist/components/actions/button/button.styles.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.styles.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.styles.js +4 -1
- package/dist/components/actions/icon-button/icon-button.styles.js.map +1 -1
- package/dist/components/actions/split-button/split-button.styles.d.ts.map +1 -1
- package/dist/components/actions/split-button/split-button.styles.js +2 -0
- package/dist/components/actions/split-button/split-button.styles.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.js +4 -2
- package/dist/components/actions/toolbar/toolbar.styles.js.map +1 -1
- package/dist/components/components.js +1 -1
- package/dist/components/content/blockquote/blockquote.styles.d.ts.map +1 -1
- package/dist/components/content/blockquote/blockquote.styles.js +6 -2
- package/dist/components/content/blockquote/blockquote.styles.js.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.styles.d.ts.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.styles.js +2 -0
- package/dist/components/content/code-viewer/code-viewer.styles.js.map +1 -1
- package/dist/components/content/icon/icon-aliases.js +5 -5
- package/dist/components/content/icon/icon-aliases.js.map +1 -1
- package/dist/components/content/icon/icon-registry.js +2 -2
- package/dist/components/content/icon/icon-registry.js.map +1 -1
- package/dist/components/content/image/image.styles.d.ts.map +1 -1
- package/dist/components/content/image/image.styles.js +18 -6
- package/dist/components/content/image/image.styles.js.map +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.d.ts.map +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js +2 -0
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js.map +1 -1
- package/dist/components/content/tag/tag.styles.d.ts.map +1 -1
- package/dist/components/content/tag/tag.styles.js +4 -2
- package/dist/components/content/tag/tag.styles.js.map +1 -1
- package/dist/components/content/title/title.styles.d.ts.map +1 -1
- package/dist/components/content/title/title.styles.js +21 -13
- package/dist/components/content/title/title.styles.js.map +1 -1
- package/dist/components/content/tooltip/tooltip.styles.d.ts.map +1 -1
- package/dist/components/content/tooltip/tooltip.styles.js +2 -0
- package/dist/components/content/tooltip/tooltip.styles.js.map +1 -1
- package/dist/components/forms/form-field/form-field.styles.d.ts.map +1 -1
- package/dist/components/forms/form-field/form-field.styles.js +34 -21
- package/dist/components/forms/form-field/form-field.styles.js.map +1 -1
- package/dist/components/{index-DYnIl3ts.js → index-Cwro7Ee_.js} +488 -298
- package/dist/components/inputs/checkbox-field/checkbox-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/checkbox-field/checkbox-field.styles.js +2 -0
- package/dist/components/inputs/checkbox-field/checkbox-field.styles.js.map +1 -1
- package/dist/components/inputs/code-editor/code-editor.styles.d.ts.map +1 -1
- package/dist/components/inputs/code-editor/code-editor.styles.js +9 -0
- package/dist/components/inputs/code-editor/code-editor.styles.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.styles.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.styles.js +2 -0
- package/dist/components/inputs/combo-box/combo-box.styles.js.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.styles.d.ts.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.styles.js +16 -13
- package/dist/components/inputs/dropdown/dropdown.styles.js.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +2 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js.map +1 -1
- package/dist/components/inputs/number-field/number-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/number-field/number-field.styles.js +2 -0
- package/dist/components/inputs/number-field/number-field.styles.js.map +1 -1
- package/dist/components/inputs/password-field/password-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/password-field/password-field.styles.js +2 -0
- package/dist/components/inputs/password-field/password-field.styles.js.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.styles.js +2 -0
- package/dist/components/inputs/radio-button-field/radio-button-field.styles.js.map +1 -1
- package/dist/components/inputs/radio-button-group/radio-button-group.styles.d.ts.map +1 -1
- package/dist/components/inputs/radio-button-group/radio-button-group.styles.js +2 -0
- package/dist/components/inputs/radio-button-group/radio-button-group.styles.js.map +1 -1
- package/dist/components/inputs/search-field/search-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/search-field/search-field.styles.js +2 -0
- package/dist/components/inputs/search-field/search-field.styles.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.d.ts +5 -5
- package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.js +4 -4
- package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.js +15 -2
- package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.template.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.template.js +6 -3
- package/dist/components/inputs/segmented-control/segmented-control.template.js.map +1 -1
- package/dist/components/inputs/switch-field/switch-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/switch-field/switch-field.styles.js +2 -0
- package/dist/components/inputs/switch-field/switch-field.styles.js.map +1 -1
- package/dist/components/inputs/text-field/text-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/text-field/text-field.styles.js +2 -0
- package/dist/components/inputs/text-field/text-field.styles.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.js +3 -3
- package/dist/components/inputs/toggle-button/toggle-button.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.styles.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.styles.js +2 -0
- package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.template.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.template.js +6 -1
- package/dist/components/inputs/toggle-button/toggle-button.template.js.map +1 -1
- package/dist/components/inputs/token/token.styles.d.ts.map +1 -1
- package/dist/components/inputs/token/token.styles.js +2 -0
- package/dist/components/inputs/token/token.styles.js.map +1 -1
- package/dist/components/layout/card/card.styles.d.ts.map +1 -1
- package/dist/components/layout/card/card.styles.js +12 -0
- package/dist/components/layout/card/card.styles.js.map +1 -1
- package/dist/components/layout/page-footer/page-footer.styles.d.ts.map +1 -1
- package/dist/components/layout/page-footer/page-footer.styles.js +2 -0
- package/dist/components/layout/page-footer/page-footer.styles.js.map +1 -1
- package/dist/components/layout/window/window.styles.d.ts.map +1 -1
- package/dist/components/layout/window/window.styles.js +2 -0
- package/dist/components/layout/window/window.styles.js.map +1 -1
- package/dist/components/lists-and-menus/cells/cell/cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/cell/cell.styles.js +2 -0
- package/dist/components/lists-and-menus/cells/cell/cell.styles.js.map +1 -1
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js +18 -12
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js.map +1 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js +2 -0
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js.map +1 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js +2 -0
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.styles.js +4 -0
- package/dist/components/lists-and-menus/menu/menu.styles.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.d.ts.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js +3 -0
- package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +3 -0
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map +1 -1
- package/dist/components/navigation/link/link.styles.d.ts.map +1 -1
- package/dist/components/navigation/link/link.styles.js +2 -0
- package/dist/components/navigation/link/link.styles.js.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.styles.js +2 -0
- package/dist/components/navigation/menu-bar/menu-bar.styles.js.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js +2 -0
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.styles.d.ts.map +1 -1
- package/dist/components/navigation/pagination/pagination.styles.js +2 -0
- package/dist/components/navigation/pagination/pagination.styles.js.map +1 -1
- package/dist/components/navigation/skip-link/skip-link.styles.d.ts.map +1 -1
- package/dist/components/navigation/skip-link/skip-link.styles.js +3 -1
- package/dist/components/navigation/skip-link/skip-link.styles.js.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.styles.js +4 -1
- package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +3 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.styles.js +4 -2
- package/dist/components/navigation/top-title-bar/top-title-bar.styles.js.map +1 -1
- package/dist/components/{prism-python-C9GXiQLy.js → prism-python-DupfA39T.js} +1 -1
- package/dist/components/{prism-rust-De_U8Otq.js → prism-rust-yPrYE0Hd.js} +1 -1
- package/dist/components/{prism-typescript-BJbUDHsa.js → prism-typescript-C1NT9IBX.js} +1 -1
- package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.styles.js +4 -2
- package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
- package/dist/components/status-and-feedback/banner/banner.d.ts +3 -3
- package/dist/components/status-and-feedback/banner/banner.d.ts.map +1 -1
- package/dist/components/status-and-feedback/banner/banner.js +3 -2
- package/dist/components/status-and-feedback/banner/banner.js.map +1 -1
- package/dist/components/status-and-feedback/banner/banner.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/banner/banner.styles.js +12 -10
- package/dist/components/status-and-feedback/banner/banner.styles.js.map +1 -1
- package/dist/components/status-and-feedback/banner/banner.template.d.ts.map +1 -1
- package/dist/components/status-and-feedback/banner/banner.template.js +2 -4
- package/dist/components/status-and-feedback/banner/banner.template.js.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js +2 -0
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js +2 -0
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js.map +1 -1
- package/dist/components/status-and-feedback/progress/progress.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress/progress.styles.js +2 -0
- package/dist/components/status-and-feedback/progress/progress.styles.js.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts +9 -6
- package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.js +22 -19
- package/dist/components/status-and-feedback/progress-bar/progress-bar.js.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js +77 -75
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js +8 -8
- package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.d.ts +25 -8
- package/dist/components/status-and-feedback/progress-circle/progress-circle.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.js +42 -19
- package/dist/components/status-and-feedback/progress-circle/progress-circle.js.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js +88 -72
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.d.ts +6 -0
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js +60 -19
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js.map +1 -1
- package/dist/css/settings.css +207 -96
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress-circle.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"progress-circle.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.ts"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
4
4
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
|
+
var NLDDProgressCircle_1;
|
|
7
8
|
/**
|
|
8
9
|
* Nederlandse Digitale Dienst Progress Circle Component (Lit + TypeScript)
|
|
9
10
|
*
|
|
@@ -30,8 +31,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
30
31
|
* @attr {string} color - Color. Semantic (neutral, accent, success, warning, critical) or a Rijkskleur. Default 'accent'.
|
|
31
32
|
* @attr {string} size - Circle diameter in px. Matches nldd-icon sizes: 16, 20, 24, 28, 32, 40, 44, 48, 56, 64, 80, 96 (default: '28')
|
|
32
33
|
* @attr {string} text - Label below the circle
|
|
33
|
-
* @attr {'percentage'|'absolute'|'fraction'
|
|
34
|
-
* @attr {
|
|
34
|
+
* @attr {'percentage'|'absolute'|'fraction'} value-format - Format of the displayed value (default: 'percentage')
|
|
35
|
+
* @attr {'inline'|'tooltip'|'none'} value-display - Where the value shows: inline below the label, in a tooltip, or hidden (default: 'tooltip')
|
|
36
|
+
* @attr {string} value-text - Full override of the displayed value (inline + tooltip)
|
|
37
|
+
* @attr {string} accessible-label - Full override of aria-valuetext
|
|
35
38
|
* @attr {boolean} indeterminate - Renders the rotating elastic arc animation
|
|
36
39
|
* @attr {object} translations - Override translation keys; unset keys fall back to Dutch
|
|
37
40
|
*
|
|
@@ -83,7 +86,7 @@ NLDDProgressCircleSegment = __decorate([
|
|
|
83
86
|
], NLDDProgressCircleSegment);
|
|
84
87
|
export { NLDDProgressCircleSegment };
|
|
85
88
|
// # nldd-progress-circle
|
|
86
|
-
let NLDDProgressCircle = class NLDDProgressCircle extends LitElement {
|
|
89
|
+
let NLDDProgressCircle = NLDDProgressCircle_1 = class NLDDProgressCircle extends LitElement {
|
|
87
90
|
constructor() {
|
|
88
91
|
super(...arguments);
|
|
89
92
|
this.mode = 'progress';
|
|
@@ -93,6 +96,8 @@ let NLDDProgressCircle = class NLDDProgressCircle extends LitElement {
|
|
|
93
96
|
this.size = '28';
|
|
94
97
|
this.text = '';
|
|
95
98
|
this.valueFormat = 'percentage';
|
|
99
|
+
this.valueText = '';
|
|
100
|
+
this.valueDisplay = 'tooltip';
|
|
96
101
|
this.accessibleLabel = '';
|
|
97
102
|
this.indeterminate = false;
|
|
98
103
|
this.translations = {};
|
|
@@ -104,6 +109,13 @@ let NLDDProgressCircle = class NLDDProgressCircle extends LitElement {
|
|
|
104
109
|
* Cleared on the next frame so the CSS dasharray transition animates
|
|
105
110
|
* the segments growing into their final positions. */
|
|
106
111
|
this._arcsAtZero = false;
|
|
112
|
+
/** Per-instance suffix so the in-shadow SVG <filter> ids and their url(#…)
|
|
113
|
+
* references stay unique per element. Fragment references resolve within a
|
|
114
|
+
* shadow tree's own scope in modern browsers, but a per-instance id removes
|
|
115
|
+
* any cross-instance ambiguity (and old-WebKit shadow-SVG reference quirks).
|
|
116
|
+
* Browser-only: the module counter would need stable ids for SSR hydration.
|
|
117
|
+
* @internal */
|
|
118
|
+
this._uid = `pc-${NLDDProgressCircle_1._idCounter++}`;
|
|
107
119
|
this._onSlotChangeBound = this._onSlotChange.bind(this);
|
|
108
120
|
}
|
|
109
121
|
_t(key) {
|
|
@@ -123,18 +135,28 @@ let NLDDProgressCircle = class NLDDProgressCircle extends LitElement {
|
|
|
123
135
|
return 0;
|
|
124
136
|
return Math.min(100, (this._totalValue / this.max) * 100);
|
|
125
137
|
}
|
|
126
|
-
/**
|
|
127
|
-
*
|
|
128
|
-
*
|
|
129
|
-
|
|
130
|
-
|
|
138
|
+
/** Formatted value for inline display (value-display="inline"). Mirrors
|
|
139
|
+
* nldd-progress-bar: valueText wins, empty while indeterminate, otherwise
|
|
140
|
+
* the total formatted per value-format. */
|
|
141
|
+
get _displayValue() {
|
|
142
|
+
if (this.valueText)
|
|
143
|
+
return this.valueText;
|
|
144
|
+
if (this.indeterminate)
|
|
145
|
+
return '';
|
|
146
|
+
return this._formatValuePart(this._totalValue, Math.round(this._percentage));
|
|
147
|
+
}
|
|
148
|
+
/** Compact text shown in the tooltip — only in value-display="tooltip" mode
|
|
149
|
+
* (returns '' otherwise, so the template skips the tooltip wrapper). Follows
|
|
150
|
+
* value-format (matching nldd-progress-bar's per-segment tooltip style) and
|
|
151
|
+
* omits the "voltooid" suffix that aria-valuetext uses for screen readers.
|
|
152
|
+
* valueText overrides the whole thing; indeterminate shows the loading text. */
|
|
131
153
|
get _tooltipText() {
|
|
132
|
-
if (this.
|
|
133
|
-
return
|
|
154
|
+
if (this.valueDisplay !== 'tooltip')
|
|
155
|
+
return '';
|
|
134
156
|
if (this.indeterminate)
|
|
135
157
|
return this._t('components.progress-circle.loading-text');
|
|
136
|
-
if (this.
|
|
137
|
-
return
|
|
158
|
+
if (this.valueText)
|
|
159
|
+
return this.valueText;
|
|
138
160
|
if (!this._hasSegments) {
|
|
139
161
|
const v = Math.max(0, this.value ?? 0);
|
|
140
162
|
const pct = this.max > 0 ? Math.round((v / this.max) * 100) : 0;
|
|
@@ -195,12 +217,6 @@ let NLDDProgressCircle = class NLDDProgressCircle extends LitElement {
|
|
|
195
217
|
case 'absolute': return `${value}`;
|
|
196
218
|
case 'fraction': return `${value} / ${this.max}`;
|
|
197
219
|
case 'percentage':
|
|
198
|
-
case 'none':
|
|
199
|
-
// 'none' is listed only for exhaustiveness — the segment
|
|
200
|
-
// template skips calling _formatValuePart when valueFormat
|
|
201
|
-
// is 'none', so this branch is never reached with 'none'
|
|
202
|
-
// under normal flow.
|
|
203
|
-
// falls through
|
|
204
220
|
default: return `${pct}%`;
|
|
205
221
|
}
|
|
206
222
|
}
|
|
@@ -388,6 +404,7 @@ let NLDDProgressCircle = class NLDDProgressCircle extends LitElement {
|
|
|
388
404
|
}
|
|
389
405
|
};
|
|
390
406
|
NLDDProgressCircle.styles = progressCircleStyles;
|
|
407
|
+
NLDDProgressCircle._idCounter = 0;
|
|
391
408
|
__decorate([
|
|
392
409
|
property({ type: String, reflect: true })
|
|
393
410
|
], NLDDProgressCircle.prototype, "mode", void 0);
|
|
@@ -409,6 +426,12 @@ __decorate([
|
|
|
409
426
|
__decorate([
|
|
410
427
|
property({ type: String, reflect: true, attribute: 'value-format' })
|
|
411
428
|
], NLDDProgressCircle.prototype, "valueFormat", void 0);
|
|
429
|
+
__decorate([
|
|
430
|
+
property({ type: String, reflect: true, attribute: 'value-text' })
|
|
431
|
+
], NLDDProgressCircle.prototype, "valueText", void 0);
|
|
432
|
+
__decorate([
|
|
433
|
+
property({ type: String, reflect: true, attribute: 'value-display' })
|
|
434
|
+
], NLDDProgressCircle.prototype, "valueDisplay", void 0);
|
|
412
435
|
__decorate([
|
|
413
436
|
property({ type: String, reflect: true, attribute: 'accessible-label' })
|
|
414
437
|
], NLDDProgressCircle.prototype, "accessibleLabel", void 0);
|
|
@@ -430,7 +453,7 @@ __decorate([
|
|
|
430
453
|
__decorate([
|
|
431
454
|
state()
|
|
432
455
|
], NLDDProgressCircle.prototype, "_arcsAtZero", void 0);
|
|
433
|
-
NLDDProgressCircle = __decorate([
|
|
456
|
+
NLDDProgressCircle = NLDDProgressCircle_1 = __decorate([
|
|
434
457
|
customElement('nldd-progress-circle')
|
|
435
458
|
], NLDDProgressCircle);
|
|
436
459
|
export { NLDDProgressCircle };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress-circle.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"progress-circle.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress-circle.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"progress-circle.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB,yBA4PhC,CAAC;AAGF,eAAO,MAAM,2BAA2B,yBAIvC,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
+
import { inheritedTextReset } from '../../../assets/styles/slotted-reset.js';
|
|
2
3
|
export const progressCircleStyles = css `
|
|
3
4
|
|
|
4
5
|
|
|
@@ -12,17 +13,20 @@ export const progressCircleStyles = css `
|
|
|
12
13
|
grows with circle size — must match getStrokeWidthPx() in the
|
|
13
14
|
template file. */
|
|
14
15
|
--_stroke-width: calc(4px * 100 / 28);
|
|
15
|
-
--_track-color: var(--components-progress-circle-track-color);
|
|
16
|
+
--_track-background-color: var(--components-progress-circle-track-background-color);
|
|
16
17
|
--_track-border-color: var(--components-progress-circle-track-border-color);
|
|
17
|
-
--
|
|
18
|
-
--
|
|
19
|
-
--
|
|
18
|
+
--_caption-gap: var(--components-progress-circle-caption-gap);
|
|
19
|
+
--_text-color: var(--components-progress-circle-text-color);
|
|
20
|
+
--_text-font: var(--components-progress-circle-text-font);
|
|
21
|
+
--_supporting-text-color: var(--components-progress-circle-supporting-text-color);
|
|
22
|
+
--_supporting-text-font: var(--components-progress-circle-supporting-text-font);
|
|
20
23
|
|
|
24
|
+
${inheritedTextReset}
|
|
21
25
|
box-sizing: border-box;
|
|
22
26
|
display: inline-flex;
|
|
23
27
|
flex-direction: column;
|
|
24
28
|
align-items: center;
|
|
25
|
-
gap: var(--
|
|
29
|
+
gap: var(--_caption-gap);
|
|
26
30
|
}
|
|
27
31
|
|
|
28
32
|
:host([hidden]) {
|
|
@@ -30,17 +34,17 @@ export const progressCircleStyles = css `
|
|
|
30
34
|
}
|
|
31
35
|
|
|
32
36
|
:host([size="16"]) { --_size: var(--primitives-space-16); --_stroke-width: calc(3px * 100 / 16); }
|
|
33
|
-
:host([size="20"]) { --_size: var(--primitives-space-20); --_stroke-width: calc(
|
|
37
|
+
:host([size="20"]) { --_size: var(--primitives-space-20); --_stroke-width: calc(4px * 100 / 20); }
|
|
34
38
|
:host([size="24"]) { --_size: var(--primitives-space-24); --_stroke-width: calc(4px * 100 / 24); }
|
|
35
39
|
:host([size="28"]) { --_size: var(--primitives-space-28); --_stroke-width: calc(4px * 100 / 28); }
|
|
36
|
-
:host([size="32"]) { --_size: var(--primitives-space-32); --_stroke-width: calc(
|
|
37
|
-
:host([size="40"]) { --_size: var(--primitives-space-40); --_stroke-width: calc(
|
|
38
|
-
:host([size="44"]) { --_size: var(--primitives-space-44); --_stroke-width: calc(
|
|
39
|
-
:host([size="48"]) { --_size: var(--primitives-space-48); --_stroke-width: calc(
|
|
40
|
-
:host([size="56"]) { --_size: var(--primitives-space-56); --_stroke-width: calc(
|
|
41
|
-
:host([size="64"]) { --_size: var(--primitives-space-64); --_stroke-width: calc(
|
|
42
|
-
:host([size="80"]) { --_size: var(--primitives-space-80); --_stroke-width: calc(
|
|
43
|
-
:host([size="96"]) { --_size: var(--primitives-space-96); --_stroke-width: calc(
|
|
40
|
+
:host([size="32"]) { --_size: var(--primitives-space-32); --_stroke-width: calc(5px * 100 / 32); }
|
|
41
|
+
:host([size="40"]) { --_size: var(--primitives-space-40); --_stroke-width: calc(5px * 100 / 40); }
|
|
42
|
+
:host([size="44"]) { --_size: var(--primitives-space-44); --_stroke-width: calc(6px * 100 / 44); }
|
|
43
|
+
:host([size="48"]) { --_size: var(--primitives-space-48); --_stroke-width: calc(6px * 100 / 48); }
|
|
44
|
+
:host([size="56"]) { --_size: var(--primitives-space-56); --_stroke-width: calc(7px * 100 / 56); }
|
|
45
|
+
:host([size="64"]) { --_size: var(--primitives-space-64); --_stroke-width: calc(7px * 100 / 64); }
|
|
46
|
+
:host([size="80"]) { --_size: var(--primitives-space-80); --_stroke-width: calc(8px * 100 / 80); }
|
|
47
|
+
:host([size="96"]) { --_size: var(--primitives-space-96); --_stroke-width: calc(8px * 100 / 96); }
|
|
44
48
|
|
|
45
49
|
|
|
46
50
|
/* # SVG wrapper */
|
|
@@ -67,7 +71,7 @@ export const progressCircleStyles = css `
|
|
|
67
71
|
so a 4px stroke is always 4 actual pixels at any circle size. */
|
|
68
72
|
|
|
69
73
|
.progress-circle__track {
|
|
70
|
-
stroke: var(--_track-color);
|
|
74
|
+
stroke: var(--_track-background-color);
|
|
71
75
|
stroke-width: var(--_stroke-width);
|
|
72
76
|
}
|
|
73
77
|
|
|
@@ -102,30 +106,30 @@ export const progressCircleStyles = css `
|
|
|
102
106
|
|
|
103
107
|
/* ## Arc color per variant */
|
|
104
108
|
|
|
105
|
-
.progress-circle__segment--neutral { stroke: var(--components-progress-circle-neutral-
|
|
106
|
-
.progress-circle__segment--accent { stroke: var(--components-progress-circle-accent-
|
|
107
|
-
.progress-circle__segment--success { stroke: var(--components-progress-circle-success-
|
|
108
|
-
.progress-circle__segment--warning { stroke: var(--components-progress-circle-warning-
|
|
109
|
-
.progress-circle__segment--critical { stroke: var(--components-progress-circle-critical-
|
|
110
|
-
.progress-circle__segment--coolgray { stroke: var(--components-progress-circle-coolgray-
|
|
111
|
-
.progress-circle__segment--lintblauw { stroke: var(--components-progress-circle-lintblauw-
|
|
112
|
-
.progress-circle__segment--donkerblauw { stroke: var(--components-progress-circle-donkerblauw-
|
|
113
|
-
.progress-circle__segment--hemelblauw { stroke: var(--components-progress-circle-hemelblauw-
|
|
114
|
-
.progress-circle__segment--lichtblauw { stroke: var(--components-progress-circle-lichtblauw-
|
|
115
|
-
.progress-circle__segment--paars { stroke: var(--components-progress-circle-paars-
|
|
116
|
-
.progress-circle__segment--violet { stroke: var(--components-progress-circle-violet-
|
|
117
|
-
.progress-circle__segment--robijnrood { stroke: var(--components-progress-circle-robijnrood-
|
|
118
|
-
.progress-circle__segment--roze { stroke: var(--components-progress-circle-roze-
|
|
119
|
-
.progress-circle__segment--rood { stroke: var(--components-progress-circle-rood-
|
|
120
|
-
.progress-circle__segment--oranje { stroke: var(--components-progress-circle-oranje-
|
|
121
|
-
.progress-circle__segment--donkergeel { stroke: var(--components-progress-circle-donkergeel-
|
|
122
|
-
.progress-circle__segment--geel { stroke: var(--components-progress-circle-geel-
|
|
123
|
-
.progress-circle__segment--donkerbruin { stroke: var(--components-progress-circle-donkerbruin-
|
|
124
|
-
.progress-circle__segment--bruin { stroke: var(--components-progress-circle-bruin-
|
|
125
|
-
.progress-circle__segment--donkergroen { stroke: var(--components-progress-circle-donkergroen-
|
|
126
|
-
.progress-circle__segment--groen { stroke: var(--components-progress-circle-groen-
|
|
127
|
-
.progress-circle__segment--mosgroen { stroke: var(--components-progress-circle-mosgroen-
|
|
128
|
-
.progress-circle__segment--mintgroen { stroke: var(--components-progress-circle-mintgroen-
|
|
109
|
+
.progress-circle__segment--neutral { stroke: var(--components-progress-circle-neutral-background-color); }
|
|
110
|
+
.progress-circle__segment--accent { stroke: var(--components-progress-circle-accent-background-color); }
|
|
111
|
+
.progress-circle__segment--success { stroke: var(--components-progress-circle-success-background-color); }
|
|
112
|
+
.progress-circle__segment--warning { stroke: var(--components-progress-circle-warning-background-color); }
|
|
113
|
+
.progress-circle__segment--critical { stroke: var(--components-progress-circle-critical-background-color); }
|
|
114
|
+
.progress-circle__segment--coolgray { stroke: var(--components-progress-circle-coolgray-background-color); }
|
|
115
|
+
.progress-circle__segment--lintblauw { stroke: var(--components-progress-circle-lintblauw-background-color); }
|
|
116
|
+
.progress-circle__segment--donkerblauw { stroke: var(--components-progress-circle-donkerblauw-background-color); }
|
|
117
|
+
.progress-circle__segment--hemelblauw { stroke: var(--components-progress-circle-hemelblauw-background-color); }
|
|
118
|
+
.progress-circle__segment--lichtblauw { stroke: var(--components-progress-circle-lichtblauw-background-color); }
|
|
119
|
+
.progress-circle__segment--paars { stroke: var(--components-progress-circle-paars-background-color); }
|
|
120
|
+
.progress-circle__segment--violet { stroke: var(--components-progress-circle-violet-background-color); }
|
|
121
|
+
.progress-circle__segment--robijnrood { stroke: var(--components-progress-circle-robijnrood-background-color); }
|
|
122
|
+
.progress-circle__segment--roze { stroke: var(--components-progress-circle-roze-background-color); }
|
|
123
|
+
.progress-circle__segment--rood { stroke: var(--components-progress-circle-rood-background-color); }
|
|
124
|
+
.progress-circle__segment--oranje { stroke: var(--components-progress-circle-oranje-background-color); }
|
|
125
|
+
.progress-circle__segment--donkergeel { stroke: var(--components-progress-circle-donkergeel-background-color); }
|
|
126
|
+
.progress-circle__segment--geel { stroke: var(--components-progress-circle-geel-background-color); }
|
|
127
|
+
.progress-circle__segment--donkerbruin { stroke: var(--components-progress-circle-donkerbruin-background-color); }
|
|
128
|
+
.progress-circle__segment--bruin { stroke: var(--components-progress-circle-bruin-background-color); }
|
|
129
|
+
.progress-circle__segment--donkergroen { stroke: var(--components-progress-circle-donkergroen-background-color); }
|
|
130
|
+
.progress-circle__segment--groen { stroke: var(--components-progress-circle-groen-background-color); }
|
|
131
|
+
.progress-circle__segment--mosgroen { stroke: var(--components-progress-circle-mosgroen-background-color); }
|
|
132
|
+
.progress-circle__segment--mintgroen { stroke: var(--components-progress-circle-mintgroen-background-color); }
|
|
129
133
|
|
|
130
134
|
|
|
131
135
|
/* # Spinner (indeterminate)
|
|
@@ -140,7 +144,7 @@ export const progressCircleStyles = css `
|
|
|
140
144
|
stroke-width: var(--_stroke-width);
|
|
141
145
|
stroke-dasharray: 25 100;
|
|
142
146
|
stroke-dashoffset: 0;
|
|
143
|
-
stroke: var(--_indeterminate-
|
|
147
|
+
stroke: var(--_indeterminate-background-color);
|
|
144
148
|
opacity: 1;
|
|
145
149
|
transform-origin: 50% 50%;
|
|
146
150
|
transition: opacity var(--primitives-transition-duration-slow) ease-out;
|
|
@@ -159,40 +163,52 @@ export const progressCircleStyles = css `
|
|
|
159
163
|
/* # Indeterminate fill colour follows the color variant; default accent (blue) */
|
|
160
164
|
|
|
161
165
|
:host {
|
|
162
|
-
--_indeterminate-
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
:host([color="neutral"]) { --_indeterminate-
|
|
166
|
-
:host([color="accent"]) { --_indeterminate-
|
|
167
|
-
:host([color="success"]) { --_indeterminate-
|
|
168
|
-
:host([color="warning"]) { --_indeterminate-
|
|
169
|
-
:host([color="critical"]) { --_indeterminate-
|
|
170
|
-
:host([color="coolgray"]) { --_indeterminate-
|
|
171
|
-
:host([color="lintblauw"]) { --_indeterminate-
|
|
172
|
-
:host([color="donkerblauw"]) { --_indeterminate-
|
|
173
|
-
:host([color="hemelblauw"]) { --_indeterminate-
|
|
174
|
-
:host([color="lichtblauw"]) { --_indeterminate-
|
|
175
|
-
:host([color="paars"]) { --_indeterminate-
|
|
176
|
-
:host([color="violet"]) { --_indeterminate-
|
|
177
|
-
:host([color="robijnrood"]) { --_indeterminate-
|
|
178
|
-
:host([color="roze"]) { --_indeterminate-
|
|
179
|
-
:host([color="rood"]) { --_indeterminate-
|
|
180
|
-
:host([color="oranje"]) { --_indeterminate-
|
|
181
|
-
:host([color="donkergeel"]) { --_indeterminate-
|
|
182
|
-
:host([color="geel"]) { --_indeterminate-
|
|
183
|
-
:host([color="donkerbruin"]) { --_indeterminate-
|
|
184
|
-
:host([color="bruin"]) { --_indeterminate-
|
|
185
|
-
:host([color="donkergroen"]) { --_indeterminate-
|
|
186
|
-
:host([color="groen"]) { --_indeterminate-
|
|
187
|
-
:host([color="mosgroen"]) { --_indeterminate-
|
|
188
|
-
:host([color="mintgroen"]) { --_indeterminate-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
/* #
|
|
166
|
+
--_indeterminate-background-color: var(--components-progress-circle-accent-background-color);
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
:host([color="neutral"]) { --_indeterminate-background-color: var(--components-progress-circle-neutral-background-color); }
|
|
170
|
+
:host([color="accent"]) { --_indeterminate-background-color: var(--components-progress-circle-accent-background-color); }
|
|
171
|
+
:host([color="success"]) { --_indeterminate-background-color: var(--components-progress-circle-success-background-color); }
|
|
172
|
+
:host([color="warning"]) { --_indeterminate-background-color: var(--components-progress-circle-warning-background-color); }
|
|
173
|
+
:host([color="critical"]) { --_indeterminate-background-color: var(--components-progress-circle-critical-background-color); }
|
|
174
|
+
:host([color="coolgray"]) { --_indeterminate-background-color: var(--components-progress-circle-coolgray-background-color); }
|
|
175
|
+
:host([color="lintblauw"]) { --_indeterminate-background-color: var(--components-progress-circle-lintblauw-background-color); }
|
|
176
|
+
:host([color="donkerblauw"]) { --_indeterminate-background-color: var(--components-progress-circle-donkerblauw-background-color); }
|
|
177
|
+
:host([color="hemelblauw"]) { --_indeterminate-background-color: var(--components-progress-circle-hemelblauw-background-color); }
|
|
178
|
+
:host([color="lichtblauw"]) { --_indeterminate-background-color: var(--components-progress-circle-lichtblauw-background-color); }
|
|
179
|
+
:host([color="paars"]) { --_indeterminate-background-color: var(--components-progress-circle-paars-background-color); }
|
|
180
|
+
:host([color="violet"]) { --_indeterminate-background-color: var(--components-progress-circle-violet-background-color); }
|
|
181
|
+
:host([color="robijnrood"]) { --_indeterminate-background-color: var(--components-progress-circle-robijnrood-background-color); }
|
|
182
|
+
:host([color="roze"]) { --_indeterminate-background-color: var(--components-progress-circle-roze-background-color); }
|
|
183
|
+
:host([color="rood"]) { --_indeterminate-background-color: var(--components-progress-circle-rood-background-color); }
|
|
184
|
+
:host([color="oranje"]) { --_indeterminate-background-color: var(--components-progress-circle-oranje-background-color); }
|
|
185
|
+
:host([color="donkergeel"]) { --_indeterminate-background-color: var(--components-progress-circle-donkergeel-background-color); }
|
|
186
|
+
:host([color="geel"]) { --_indeterminate-background-color: var(--components-progress-circle-geel-background-color); }
|
|
187
|
+
:host([color="donkerbruin"]) { --_indeterminate-background-color: var(--components-progress-circle-donkerbruin-background-color); }
|
|
188
|
+
:host([color="bruin"]) { --_indeterminate-background-color: var(--components-progress-circle-bruin-background-color); }
|
|
189
|
+
:host([color="donkergroen"]) { --_indeterminate-background-color: var(--components-progress-circle-donkergroen-background-color); }
|
|
190
|
+
:host([color="groen"]) { --_indeterminate-background-color: var(--components-progress-circle-groen-background-color); }
|
|
191
|
+
:host([color="mosgroen"]) { --_indeterminate-background-color: var(--components-progress-circle-mosgroen-background-color); }
|
|
192
|
+
:host([color="mintgroen"]) { --_indeterminate-background-color: var(--components-progress-circle-mintgroen-background-color); }
|
|
193
|
+
|
|
194
|
+
|
|
195
|
+
/* # Caption (label + value) */
|
|
196
|
+
|
|
197
|
+
.progress-circle__caption {
|
|
198
|
+
display: flex;
|
|
199
|
+
flex-direction: column;
|
|
200
|
+
align-items: center;
|
|
201
|
+
}
|
|
192
202
|
|
|
193
203
|
.progress-circle__text {
|
|
194
|
-
color: var(--
|
|
195
|
-
font: var(--
|
|
204
|
+
color: var(--_text-color);
|
|
205
|
+
font: var(--_text-font);
|
|
206
|
+
text-align: center;
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
.progress-circle__supporting-text {
|
|
210
|
+
color: var(--_supporting-text-color);
|
|
211
|
+
font: var(--_supporting-text-font);
|
|
196
212
|
text-align: center;
|
|
197
213
|
}
|
|
198
214
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress-circle.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"progress-circle.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;IAqBnC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuOrB,CAAC;AAGF,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,CAAA;;;;CAI7C,CAAC"}
|
|
@@ -2,6 +2,12 @@ import type { NLDDProgressCircle } from './progress-circle.js';
|
|
|
2
2
|
export declare function getStrokeWidthPx(sizeInPixels: number): number;
|
|
3
3
|
export declare function getRadius(sizeInPixels: number): number;
|
|
4
4
|
export declare function getCircumference(sizeInPixels: number): number;
|
|
5
|
+
/**
|
|
6
|
+
* Erode radius (in viewBox user units) for a 1px-visual highlight border. The
|
|
7
|
+
* viewBox is 100u rendered at `size` px, so 1px = 100/size user units — scale it
|
|
8
|
+
* per size so the border stays a constant 1px at every rendered size.
|
|
9
|
+
*/
|
|
10
|
+
export declare function getBorderErodeRadius(sizeInPixels: number): number;
|
|
5
11
|
/**
|
|
6
12
|
* Lit template — renders the full SVG structure including one `<circle>` per
|
|
7
13
|
* segment and (when needed) an indeterminate indicator. The dynamic per-render
|
package/dist/components/status-and-feedback/progress-circle/progress-circle.template.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress-circle.template.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAW/D,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"progress-circle.template.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAW/D,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAO7D;AAED,wBAAgB,SAAS,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAGtD;AAED,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAE7D;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAEjE;AAED;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,IAAI,wCA2G7F"}
|
|
@@ -10,13 +10,17 @@ import { ifDefined } from 'lit/directives/if-defined.js';
|
|
|
10
10
|
// out of place on a huge ring and thick strokes overpower a tiny ring. Must
|
|
11
11
|
// stay in sync with the per-size --_stroke-width rules in the stylesheet.
|
|
12
12
|
export function getStrokeWidthPx(sizeInPixels) {
|
|
13
|
-
if (sizeInPixels <=
|
|
13
|
+
if (sizeInPixels <= 16)
|
|
14
14
|
return 3;
|
|
15
|
-
if (sizeInPixels <=
|
|
15
|
+
if (sizeInPixels <= 28)
|
|
16
16
|
return 4;
|
|
17
|
-
if (sizeInPixels <=
|
|
17
|
+
if (sizeInPixels <= 40)
|
|
18
18
|
return 5;
|
|
19
|
-
|
|
19
|
+
if (sizeInPixels <= 48)
|
|
20
|
+
return 6;
|
|
21
|
+
if (sizeInPixels <= 64)
|
|
22
|
+
return 7;
|
|
23
|
+
return 8;
|
|
20
24
|
}
|
|
21
25
|
export function getRadius(sizeInPixels) {
|
|
22
26
|
const strokeWidthUserUnits = getStrokeWidthPx(sizeInPixels) * 100 / sizeInPixels;
|
|
@@ -25,6 +29,14 @@ export function getRadius(sizeInPixels) {
|
|
|
25
29
|
export function getCircumference(sizeInPixels) {
|
|
26
30
|
return 2 * Math.PI * getRadius(sizeInPixels);
|
|
27
31
|
}
|
|
32
|
+
/**
|
|
33
|
+
* Erode radius (in viewBox user units) for a 1px-visual highlight border. The
|
|
34
|
+
* viewBox is 100u rendered at `size` px, so 1px = 100/size user units — scale it
|
|
35
|
+
* per size so the border stays a constant 1px at every rendered size.
|
|
36
|
+
*/
|
|
37
|
+
export function getBorderErodeRadius(sizeInPixels) {
|
|
38
|
+
return 100 / sizeInPixels;
|
|
39
|
+
}
|
|
28
40
|
/**
|
|
29
41
|
* Lit template — renders the full SVG structure including one `<circle>` per
|
|
30
42
|
* segment and (when needed) an indeterminate indicator. The dynamic per-render
|
|
@@ -46,6 +58,12 @@ export function progressCircleTemplate(component, onSlotChange) {
|
|
|
46
58
|
const sizeInPixels = Number(component.size) || 28;
|
|
47
59
|
const radius = getRadius(sizeInPixels);
|
|
48
60
|
const circumference = getCircumference(sizeInPixels);
|
|
61
|
+
const borderErodeRadius = getBorderErodeRadius(sizeInPixels).toFixed(3);
|
|
62
|
+
// Unique segment colours in use — one border filter each (not all 24).
|
|
63
|
+
const arcColors = [...new Set(arcs.map(arc => arc.color))];
|
|
64
|
+
// Per-instance suffix: keeps the SVG filter ids + their url(#…) references
|
|
65
|
+
// unique so two circles on one page never resolve to each other's filters.
|
|
66
|
+
const uid = component._uid;
|
|
49
67
|
// Accessible name: use aria-label with the visible label text or a
|
|
50
68
|
// translated fallback. aria-labelledby would be cleaner but VoiceOver on
|
|
51
69
|
// Safari can't resolve IDREFs scoped to a shadow root, so we duplicate
|
|
@@ -64,24 +82,42 @@ export function progressCircleTemplate(component, onSlotChange) {
|
|
|
64
82
|
viewBox="0 0 100 100"
|
|
65
83
|
aria-hidden="true"
|
|
66
84
|
>
|
|
85
|
+
<defs>
|
|
86
|
+
<filter id="progress-circle-border-track-${uid}" filterUnits="userSpaceOnUse" x="-10" y="-10" width="120" height="120" color-interpolation-filters="sRGB">
|
|
87
|
+
<feMorphology in="SourceGraphic" operator="erode" radius=${borderErodeRadius} result="eroded"></feMorphology>
|
|
88
|
+
<feComposite operator="out" in="SourceGraphic" in2="eroded" result="edge"></feComposite>
|
|
89
|
+
<feFlood style="flood-color: var(--_track-border-color)" result="flood"></feFlood>
|
|
90
|
+
<feComposite operator="in" in="flood" in2="edge" result="colored"></feComposite>
|
|
91
|
+
<feComposite operator="over" in="colored" in2="SourceGraphic"></feComposite>
|
|
92
|
+
</filter>
|
|
93
|
+
${arcColors.map(color => svg `
|
|
94
|
+
<filter id="progress-circle-border-${color}-${uid}" filterUnits="userSpaceOnUse" x="-10" y="-10" width="120" height="120" color-interpolation-filters="sRGB">
|
|
95
|
+
<feMorphology in="SourceGraphic" operator="erode" radius=${borderErodeRadius} result="eroded"></feMorphology>
|
|
96
|
+
<feComposite operator="out" in="SourceGraphic" in2="eroded" result="edge"></feComposite>
|
|
97
|
+
<feFlood style="flood-color: var(--components-progress-circle-${color}-border-color)" result="flood"></feFlood>
|
|
98
|
+
<feComposite operator="in" in="flood" in2="edge" result="colored"></feComposite>
|
|
99
|
+
<feComposite operator="over" in="colored" in2="SourceGraphic"></feComposite>
|
|
100
|
+
</filter>
|
|
101
|
+
`)}
|
|
102
|
+
</defs>
|
|
67
103
|
<circle class="progress-circle__track"
|
|
68
104
|
cx="50"
|
|
69
105
|
cy="50"
|
|
70
106
|
r=${radius}
|
|
71
107
|
fill="none"
|
|
108
|
+
filter="url(#progress-circle-border-track-${uid})"
|
|
72
109
|
></circle>
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
</g>
|
|
110
|
+
${arcs.map(arc => svg `
|
|
111
|
+
<circle class="progress-circle__segment progress-circle__segment--${arc.color}"
|
|
112
|
+
cx="50"
|
|
113
|
+
cy="50"
|
|
114
|
+
r=${radius}
|
|
115
|
+
fill="none"
|
|
116
|
+
stroke-dasharray="${arc.length} ${circumference}"
|
|
117
|
+
stroke-dashoffset=${-arc.offset}
|
|
118
|
+
filter="url(#progress-circle-border-${arc.color}-${uid})"
|
|
119
|
+
></circle>
|
|
120
|
+
`)}
|
|
85
121
|
${isIndeterminate ? svg `
|
|
86
122
|
<circle class="progress-circle__indeterminate-indicator"
|
|
87
123
|
cx="50"
|
|
@@ -95,8 +131,8 @@ export function progressCircleTemplate(component, onSlotChange) {
|
|
|
95
131
|
</svg>
|
|
96
132
|
</div>
|
|
97
133
|
`;
|
|
98
|
-
// Skip the tooltip wrapper entirely when there's no text (
|
|
99
|
-
//
|
|
134
|
+
// Skip the tooltip wrapper entirely when there's no tooltip text (e.g.
|
|
135
|
+
// value-display is not "tooltip") so consumers don't get an inert tooltip.
|
|
100
136
|
const wrappedCircle = tooltipText
|
|
101
137
|
? html `
|
|
102
138
|
<nldd-tooltip
|
|
@@ -109,7 +145,12 @@ export function progressCircleTemplate(component, onSlotChange) {
|
|
|
109
145
|
return html `
|
|
110
146
|
${wrappedCircle}
|
|
111
147
|
<slot @slotchange=${onSlotChange}></slot>
|
|
112
|
-
${component.text
|
|
148
|
+
${component.text || (component.valueDisplay === 'inline' && component._displayValue) ? html `
|
|
149
|
+
<div class="progress-circle__caption">
|
|
150
|
+
${component.text ? html `<span class="progress-circle__text">${component.text}</span>` : nothing}
|
|
151
|
+
${component.valueDisplay === 'inline' && component._displayValue ? html `<span class="progress-circle__supporting-text">${component._displayValue}</span>` : nothing}
|
|
152
|
+
</div>
|
|
153
|
+
` : nothing}
|
|
113
154
|
`;
|
|
114
155
|
}
|
|
115
156
|
//# sourceMappingURL=progress-circle.template.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress-circle.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGzD,uEAAuE;AACvE,4EAA4E;AAC5E,4EAA4E;AAC5E,6EAA6E;AAC7E,6DAA6D;AAC7D,EAAE;AACF,8EAA8E;AAC9E,4EAA4E;AAC5E,0EAA0E;AAC1E,MAAM,UAAU,gBAAgB,CAAC,YAAoB;IACpD,IAAI,YAAY,IAAI,EAAE;QAAE,OAAO,CAAC,CAAC;IACjC,IAAI,YAAY,IAAI,EAAE;QAAE,OAAO,CAAC,CAAC;IACjC,IAAI,YAAY,IAAI,EAAE;QAAE,OAAO,CAAC,CAAC;IACjC,OAAO,CAAC,CAAC;AACV,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,YAAoB;IAC7C,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,YAAY,CAAC,GAAG,GAAG,GAAG,YAAY,CAAC;IACjF,OAAO,EAAE,GAAG,oBAAoB,GAAG,CAAC,CAAC;AACtC,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,YAAoB;IACpD,OAAO,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;AAC9C,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,sBAAsB,CAAC,SAA6B,EAAE,YAAwB;IAC7F,MAAM,WAAW,GAAG,SAAS,CAAC,YAAY,CAAC;IAC3C,MAAM,QAAQ,GAAG,SAAS,CAAC,cAAc,CAAC;IAC1C,oEAAoE;IACpE,qDAAqD;IACrD,MAAM,YAAY,GAAG,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC7F,MAAM,SAAS,GAAG,SAAS,CAAC,qBAAqB,CAAC;IAClD,MAAM,eAAe,GAAG,CAAC,SAAS,CAAC,aAAa,IAAI,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;IAC1F,MAAM,QAAQ,GAAG,CAAC,SAAS,CAAC,aAAa,IAAI,SAAS,CAAC,sBAAsB,CAAC;IAC9E,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACpD,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IAClD,MAAM,MAAM,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;IACvC,MAAM,aAAa,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;IACrD,mEAAmE;IACnE,yEAAyE;IACzE,uEAAuE;IACvE,sEAAsE;IACtE,MAAM,SAAS,GAAG,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,EAAE,CAAC,uCAAuC,CAAC,CAAC;IAC1F,MAAM,MAAM,GAAG,IAAI,CAAA;;;gBAGJ,SAAS;;mBAEN,SAAS,CAAC,GAAG;mBACb,SAAS,CAAC,YAAY,CAAC;oBACtB,QAAQ
|
|
1
|
+
{"version":3,"file":"progress-circle.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-circle/progress-circle.template.ts"],"names":[],"mappings":"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"}
|