@brightspace-ui/core 3.19.2 → 3.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/components/filter/demo/filter-tags.html +27 -1
  2. package/components/filter/filter-dimension-set-date-time-range-value.js +54 -5
  3. package/components/filter/filter-tags.js +1 -0
  4. package/components/filter/filter.js +9 -2
  5. package/components/list/list-item-mixin.js +0 -1
  6. package/components/popover/README.md +5 -0
  7. package/components/popover/demo/popover.html +41 -0
  8. package/components/popover/popover-mixin.js +99 -0
  9. package/custom-elements.json +34 -0
  10. package/lang/ar.js +3 -0
  11. package/lang/cy.js +3 -0
  12. package/lang/da.js +3 -0
  13. package/lang/de.js +3 -0
  14. package/lang/en-gb.js +3 -0
  15. package/lang/en.js +3 -0
  16. package/lang/es-es.js +3 -0
  17. package/lang/es.js +3 -0
  18. package/lang/fr-fr.js +3 -0
  19. package/lang/fr.js +3 -0
  20. package/lang/hi.js +3 -0
  21. package/lang/ja.js +3 -0
  22. package/lang/ko.js +3 -0
  23. package/lang/nl.js +3 -0
  24. package/lang/pt.js +3 -0
  25. package/lang/sv.js +3 -0
  26. package/lang/tr.js +3 -0
  27. package/lang/zh-cn.js +3 -0
  28. package/lang/zh-tw.js +3 -0
  29. package/package.json +1 -1
package/components/filter/demo/filter-tags.html CHANGED
@@ -1,5 +1,5 @@
1
1
  <!doctype html>
2
- <html lang="en">
2
+ <html lang="en" data-timezone='{"name":"Canada - Toronto", "identifier":"America/Toronto"}'>
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
@@ -9,6 +9,8 @@
9
9
  import '../filter.js';
10
10
  import '../filter-dimension-set.js';
11
11
  import '../filter-dimension-set-value.js';
12
+ import '../../filter/filter-dimension-set-date-text-value.js';
13
+ import '../../filter/filter-dimension-set-date-time-range-value.js';
12
14
  import '../filter-tags.js';
13
15
  </script>
14
16
  <style>
@@ -52,6 +54,18 @@
52
54
  <d2l-filter-dimension-set-value text="Option 2 - 3" key="3"></d2l-filter-dimension-set-value>
53
55
  </d2l-filter-dimension-set>
54
56
  </d2l-filter>
57
+
58
+ <d2l-filter id="dates-filter">
59
+ <d2l-filter-dimension-set key="dates" text="Dates" value-only-active-filter-text>
60
+ <d2l-filter-dimension-set-value key="lastweek" text="Last 60 days"></d2l-filter-dimension-set-value>
61
+ <d2l-filter-dimension-set-date-text-value key="lastHour" range="lastHour"></d2l-filter-dimension-set-date-text-value>
62
+ <d2l-filter-dimension-set-date-text-value key="48hours" range="48hours" disabled></d2l-filter-dimension-set-date-text-value>
63
+ <d2l-filter-dimension-set-date-text-value key="today" range="today"></d2l-filter-dimension-set-date-text-value>
64
+ <d2l-filter-dimension-set-date-text-value key="6months" range="6months"></d2l-filter-dimension-set-date-text-value>
65
+ <d2l-filter-dimension-set-date-time-range-value key="custom" type="date" selected start-value="2022-02-04T12:00:00Z"></d2l-filter-dimension-set-date-time-range-value>
66
+ <d2l-filter-dimension-set-date-time-range-value key="custom2" text="Custom Date Range with Time"></d2l-filter-dimension-set-date-time-range-value>
67
+ </d2l-filter-dimension-set>
68
+ </d2l-filter>
55
69
  <script>
56
70
  const coreFilter = document.querySelector('#core-filter');
57
71
  coreFilter.addEventListener('d2l-filter-dimension-first-open', (e) => {
@@ -85,6 +99,18 @@
85
99
  <d2l-filter-tags filter-ids="core-filter"></d2l-filter-tags>
86
100
  </d2l-demo-snippet>
87
101
 
102
+ <h2>Registered to first filter and dates filter</h2>
103
+
104
+ <d2l-demo-snippet>
105
+ <d2l-filter-tags filter-ids="core-filter dates-filter"></d2l-filter-tags>
106
+ </d2l-demo-snippet>
107
+
108
+ <h2>Registered to dates filter</h2>
109
+
110
+ <d2l-demo-snippet>
111
+ <d2l-filter-tags filter-ids="dates-filter"></d2l-filter-tags>
112
+ </d2l-demo-snippet>
113
+
88
114
  </d2l-demo-page>
89
115
 
90
116
  </body>
package/components/filter/filter-dimension-set-date-time-range-value.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import '../inputs/input-date-range.js';
2
2
  import '../inputs/input-date-time-range.js';
3
- import { getLocalDateTimeFromUTCDateTime, getUTCDateTimeFromLocalDateTime } from '../../helpers/dateTime.js';
3
+ import { formatDate, formatDateTime } from '@brightspace-ui/intl/lib/dateTime.js';
4
+ import { getDateFromISODateTime, getLocalDateTimeFromUTCDateTime, getUTCDateTimeFromLocalDateTime } from '../../helpers/dateTime.js';
4
5
  import { html, LitElement } from 'lit';
5
6
  import { ifDefined } from 'lit/directives/if-defined.js';
6
7
  import { LocalizeCoreElement } from '../../helpers/localize-core-element.js';
@@ -24,6 +25,10 @@ class FilterDimensionSetDateTimeRangeValue extends LocalizeCoreElement(LitElemen
24
25
  * @type {string}
25
26
  */
26
27
  endValue: { type: String, attribute: 'end-value' },
28
+ /**
29
+ * @ignore
30
+ */
31
+ inactive: { type: Boolean },
27
32
  /**
28
33
  * REQUIRED: Unique key to represent this value in the dimension
29
34
  * @type {string}
@@ -48,13 +53,18 @@ class FilterDimensionSetDateTimeRangeValue extends LocalizeCoreElement(LitElemen
48
53
  * Date/time range input type
49
54
  * @type {'date'|'date-time'}
50
55
  */
51
- type: { type: String }
56
+ type: { type: String },
57
+ /**
58
+ * @ignore
59
+ */
60
+ valueText: { type: String }
52
61
  };
53
62
  }
54
63
 
55
64
  constructor() {
56
65
  super();
57
66
  this.disabled = false;
67
+ this.inactive = false;
58
68
  this.selected = false;
59
69
  this.type = 'date-time';
60
70
  this._dispatchFilterChangeEvent = false;
@@ -70,6 +80,9 @@ class FilterDimensionSetDateTimeRangeValue extends LocalizeCoreElement(LitElemen
70
80
  super.firstUpdated(changedProperties);
71
81
 
72
82
  this.text = this.text || this.localize('components.filter-dimension-set-date-time-range-value.text');
83
+
84
+ if (this.startValue || this.endValue) this._updateValueText();
85
+ if (!this.startValue && !this.endValue) this.inactive = true;
73
86
  }
74
87
 
75
88
  updated(changedProperties) {
@@ -81,7 +94,7 @@ class FilterDimensionSetDateTimeRangeValue extends LocalizeCoreElement(LitElemen
81
94
  if (oldValue === undefined && (prop === 'selected' || prop === 'disabled')) return;
82
95
  if (this._dispatchFilterChangeEvent && (prop === 'startValue' || prop === 'endValue')) shouldDispatchChangeEvent = true;
83
96
 
84
- if (prop === 'disabled' || prop === 'selected' || prop === 'startValue' || prop === 'endValue' || prop === 'text') {
97
+ if (prop === 'disabled' || prop === 'selected' || prop === 'startValue' || prop === 'endValue' || prop === 'text' || prop === 'valueText' || prop === 'inactive') {
85
98
  changes.set(prop, this[prop]);
86
99
  }
87
100
  });
@@ -99,9 +112,11 @@ class FilterDimensionSetDateTimeRangeValue extends LocalizeCoreElement(LitElemen
99
112
  getValueDetails() {
100
113
  return {
101
114
  disabled: this.disabled,
115
+ inactive: this.inactive,
102
116
  key: this.key,
103
117
  selected: this.selected,
104
118
  text: this.text,
119
+ valueText: this.valueText,
105
120
  additionalContent: this._getAdditionalContent.bind(this),
106
121
  getAdditionalEventDetails: this._getAdditionalEventDetails.bind(this),
107
122
  clearProperties: this._clearProperties.bind(this)
@@ -111,6 +126,8 @@ class FilterDimensionSetDateTimeRangeValue extends LocalizeCoreElement(LitElemen
111
126
  _clearProperties() {
112
127
  this.startValue = undefined;
113
128
  this.endValue = undefined;
129
+ this.inactive = true;
130
+ this._updateValueText();
114
131
  }
115
132
 
116
133
  _getAdditionalContent() {
@@ -144,14 +161,46 @@ class FilterDimensionSetDateTimeRangeValue extends LocalizeCoreElement(LitElemen
144
161
  async _handleDateChange(e) {
145
162
  if (this.type === 'date') {
146
163
  this.startValue = e.target.startValue ? getUTCDateTimeFromLocalDateTime(e.target.startValue, '0:0') : undefined;
147
- this.endValue = e.target.endValue ? getUTCDateTimeFromLocalDateTime(e.target.endValue, '0:0') : undefined;
164
+ this.endValue = e.target.endValue ? getUTCDateTimeFromLocalDateTime(e.target.endValue, '23:59:59') : undefined;
148
165
  } else {
149
166
  this.startValue = e.target.startValue;
150
167
  this.endValue = e.target.endValue;
151
168
  }
152
-
169
+ this._updateValueText();
170
+ if (!this.startValue && !this.endValue) this.inactive = true;
171
+ else this.inactive = false;
153
172
  this._dispatchFilterChangeEvent = true;
154
173
  }
174
+
175
+ _updateValueText() {
176
+ if (!this.startValue && !this.endValue) {
177
+ this.valueText = undefined;
178
+ return;
179
+ }
180
+
181
+ let startString, endString;
182
+ if (this.startValue) {
183
+ startString = this.type === 'date' ? formatDate(getDateFromISODateTime(this.startValue)) : formatDateTime(getDateFromISODateTime(this.startValue));
184
+ }
185
+ if (this.endValue) {
186
+ endString = this.type === 'date' ? formatDate(getDateFromISODateTime(this.endValue)) : formatDateTime(getDateFromISODateTime(this.endValue));
187
+ }
188
+
189
+ if (startString && endString) {
190
+ this.valueText = this.localize('components.filter-dimension-set-date-time-range-value.valueTextRange', {
191
+ startValue: startString,
192
+ endValue: endString
193
+ });
194
+ } else if (startString) {
195
+ this.valueText = this.localize('components.filter-dimension-set-date-time-range-value.valueTextRangeStartOnly', {
196
+ startValue: startString
197
+ });
198
+ } else if (endString) {
199
+ this.valueText = this.localize('components.filter-dimension-set-date-time-range-value.valueTextRangeEndOnly', {
200
+ endValue: endString
201
+ });
202
+ } else this.valueText = undefined;
203
+ }
155
204
  }
156
205
 
157
206
  customElements.define('d2l-filter-dimension-set-date-time-range-value', FilterDimensionSetDateTimeRangeValue);
package/components/filter/filter-tags.js CHANGED
@@ -46,6 +46,7 @@ class FilterTags extends LocalizeCoreElement(LitElement) {
46
46
  let numActiveFilters = 0;
47
47
  const allActiveFilters = Array.from(this._allActiveFilters);
48
48
  const tagListItems = allActiveFilters.map(filter => filter[1].map((value, index) => {
49
+ if (!value.text) return;
49
50
  numActiveFilters++;
50
51
  return html`
51
52
  <d2l-tag-list-item
package/components/filter/filter.js CHANGED
@@ -750,6 +750,8 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
750
750
  this._activeFiltersSubscribers.updateSubscribers();
751
751
  } else if (prop === 'loading') {
752
752
  shouldResizeDropdown = true;
753
+ } else if (prop === 'text') {
754
+ this._activeFiltersSubscribers.updateSubscribers();
753
755
  }
754
756
  });
755
757
 
@@ -1026,9 +1028,14 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
1026
1028
  switch (dimension.type) {
1027
1029
  case 'd2l-filter-dimension-set': {
1028
1030
  dimension.values.forEach(value => {
1029
- if (value.selected) {
1031
+ if (value.selected && !value.inactive) {
1030
1032
  const keyObject = { dimension: dimension.key, value: value.key };
1031
- const text = dimension.valueOnlyActiveFilterText ? value.text : `${dimension.text}: ${value.text}`;
1033
+ let text;
1034
+ if (value.valueText) {
1035
+ text = dimension.valueOnlyActiveFilterText ? value.valueText : `${dimension.text}: ${value.valueText}`;
1036
+ } else {
1037
+ text = dimension.valueOnlyActiveFilterText ? value.text : `${dimension.text}: ${value.text}`;
1038
+ }
1032
1039
  activeFilters.push({ keyObject: keyObject, text: text });
1033
1040
  }
1034
1041
  });
package/components/list/list-item-mixin.js CHANGED
@@ -302,7 +302,6 @@ export const ListItemMixin = superclass => class extends composeMixins(
302
302
  :host([_focusing-primary-action]) [slot="outside-control-container"],
303
303
  :host(:not([selection-disabled]):not([skeleton])[selected][_hovering-selection]) [slot="outside-control-container"],
304
304
  :host(:not([selection-disabled]):not([skeleton])[selectable][_focusing]) [slot="outside-control-container"] {
305
- background-color: white;
306
305
  border-color: #b6cbe8; /* celestine alpha 0.3 */
307
306
  margin-bottom: -1px;
308
307
  }
package/components/popover/README.md ADDED
@@ -0,0 +1,5 @@
1
+ # Popovers
2
+
3
+ This component is under development.
4
+
5
+ If you have questions, please feel free to reach out to Dave Batiste / Gaudi.
package/components/popover/demo/popover.html ADDED
@@ -0,0 +1,41 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
6
+ <meta charset="UTF-8">
7
+ <link rel="stylesheet" href="../../demo/styles.css" type="text/css">
8
+ <script type="module">
9
+ import '../../button/button-subtle.js';
10
+ import '../../demo/demo-page.js';
11
+ import '../test/popover.js';
12
+ </script>
13
+ </head>
14
+
15
+ <body unresolved>
16
+
17
+ <d2l-demo-page page-title="d2l-popover">
18
+
19
+ <h2>Popover</h2>
20
+ <d2l-demo-snippet>
21
+ <template>
22
+ <d2l-button-subtle id="open1" text="Open"></d2l-button-subtle>
23
+ <d2l-test-popover id="popover1" style="max-width: 400px;">
24
+ <div>Sink me piracy Gold Road quarterdeck wherry long boat line pillage walk the plank Plate Fleet. Haul wind black spot strike colors deadlights lee Barbary Coast yo-ho-ho ballast gally Shiver me timbers. Sea Legs quarterdeck yard scourge of the seven seas coffer plunder lanyard holystone code of conduct belay.</div>
25
+ <d2l-button-subtle id="close1" text="Close"></d2l-button-subtle>
26
+ </d2l-test-popover>
27
+ <script>
28
+ const popover = document.querySelector('#popover1');
29
+ document.querySelector('#open1').addEventListener('click', () => popover.opened = true);
30
+ document.querySelector('#close1').addEventListener('click', () => popover.opened = false);
31
+ </script>
32
+ </template>
33
+ </d2l-demo-snippet>
34
+
35
+ <script>
36
+ document.addEventListener('d2l-popover-open', e => console.log(e.type, e));
37
+ document.addEventListener('d2l-popover-close', e => console.log(e.type, e));
38
+ </script>
39
+ </body>
40
+
41
+ </html>
package/components/popover/popover-mixin.js ADDED
@@ -0,0 +1,99 @@
1
+ import '../colors/colors.js';
2
+ import { css, html } from 'lit';
3
+
4
+ const isSupported = ('popover' in HTMLElement.prototype);
5
+
6
+ // eslint-disable-next-line no-console
7
+ console.log('Popover', isSupported);
8
+
9
+ export const PopoverMixin = superclass => class extends superclass {
10
+
11
+ static get properties() {
12
+ return {
13
+ /**
14
+ * Whether the popover is open or not
15
+ * @type {boolean}
16
+ */
17
+ opened: { type: Boolean, reflect: true },
18
+ _useNativePopover: { type: Boolean, reflect: true, attribute: 'popover' }
19
+ };
20
+ }
21
+
22
+ static get styles() {
23
+ return css`
24
+ :host {
25
+ --d2l-popover-default-background-color: #ffffff;
26
+ --d2l-popover-default-border-color: var(--d2l-color-mica);
27
+ --d2l-popover-default-border-radius: 0.3rem;
28
+ --d2l-popover-default-foreground-color: var(--d2l-color-ferrite);
29
+ --d2l-popover-default-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.15);
30
+ background-color: transparent;
31
+ border: none;
32
+ box-sizing: border-box;
33
+ color: var(--d2l-popover-foreground-color, var(--d2l-popover-default-foreground-color));
34
+ display: none;
35
+ height: fit-content;
36
+ inset: 0;
37
+ margin: auto;
38
+ overflow: visible;
39
+ padding: 0;
40
+ position: fixed;
41
+ width: fit-content;
42
+ }
43
+ :host([hidden]) {
44
+ display: none;
45
+ }
46
+ :host(:not([popover])) {
47
+ z-index: 998; /* position on top of floating buttons */
48
+ }
49
+ :host([opened]) {
50
+ display: inline-block;
51
+ }
52
+
53
+ .content {
54
+ background-color: var(--d2l-popover-background-color, var(--d2l-popover-default-background-color));
55
+ border: 1px solid var(--d2l-popover-border-color, var(--d2l-popover-default-border-color));
56
+ border-radius: var(--d2l-popover-border-radius, var(--d2l-popover-default-border-radius));
57
+ box-shadow: var(--d2l-popover-shadow, var(--d2l-popover-default-shadow));
58
+ box-sizing: border-box;
59
+ }
60
+ `;
61
+ }
62
+
63
+ constructor() {
64
+ super();
65
+ this.opened = false;
66
+ this._useNativePopover = isSupported;
67
+ }
68
+
69
+ connectedCallback() {
70
+ super.connectedCallback();
71
+ }
72
+
73
+ disconnectedCallback() {
74
+ super.disconnectedCallback();
75
+ }
76
+
77
+ updated(changedProperties) {
78
+ super.updated(changedProperties);
79
+ if (changedProperties.has('opened')) {
80
+
81
+ if (this.opened) {
82
+ this.dispatchEvent(new CustomEvent('d2l-popover-open', { bubbles: true, composed: true }));
83
+ } else if (changedProperties.get('opened') !== undefined) {
84
+ this.dispatchEvent(new CustomEvent('d2l-popover-close', { bubbles: true, composed: true }));
85
+ }
86
+
87
+ if (this._useNativePopover) {
88
+ if (this.opened) this.showPopover();
89
+ else this.hidePopover();
90
+ }
91
+
92
+ }
93
+ }
94
+
95
+ _renderPopover() {
96
+ return html`<div class="content"><slot></slot></div>`;
97
+ }
98
+
99
+ };
package/custom-elements.json CHANGED
@@ -3944,6 +3944,11 @@
3944
3944
  "type": "boolean",
3945
3945
  "default": "false"
3946
3946
  },
3947
+ {
3948
+ "name": "inactive",
3949
+ "type": "boolean",
3950
+ "default": "false"
3951
+ },
3947
3952
  {
3948
3953
  "name": "selected",
3949
3954
  "attribute": "selected",
@@ -10708,6 +10713,35 @@
10708
10713
  }
10709
10714
  ]
10710
10715
  },
10716
+ {
10717
+ "name": "d2l-test-popover",
10718
+ "path": "./components/popover/test/popover.js",
10719
+ "attributes": [
10720
+ {
10721
+ "name": "opened",
10722
+ "description": "Whether the popover is open or not",
10723
+ "type": "boolean",
10724
+ "default": "false"
10725
+ }
10726
+ ],
10727
+ "properties": [
10728
+ {
10729
+ "name": "opened",
10730
+ "attribute": "opened",
10731
+ "description": "Whether the popover is open or not",
10732
+ "type": "boolean",
10733
+ "default": "false"
10734
+ }
10735
+ ],
10736
+ "events": [
10737
+ {
10738
+ "name": "d2l-popover-open"
10739
+ },
10740
+ {
10741
+ "name": "d2l-popover-close"
10742
+ }
10743
+ ]
10744
+ },
10711
10745
  {
10712
10746
  "name": "d2l-test-scroll-wrapper",
10713
10747
  "path": "./components/scroll-wrapper/demo/scroll-wrapper-test.js",
package/lang/ar.js CHANGED
@@ -28,6 +28,9 @@ export default {
28
28
  "components.filter-dimension-set-date-text-value.textHours": "{num, plural, =1 {آخر ساعة} other {آخر {num} من الساعات}}",
29
29
  "components.filter-dimension-set-date-text-value.textDays": "{num, plural, =0 {Today} one {آخر {num} من الأيام} other {آخر {num} من الأيام}}",
30
30
  "components.filter-dimension-set-date-text-value.textMonths": "آخر {num} من الأشهر",
31
+ "components.filter-dimension-set-date-time-range-value.valueTextRange": "{startValue} to {endValue}",
32
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeStartOnly": "Start: {startValue}",
33
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeEndOnly": "End: {endValue}",
31
34
  "components.filter-dimension-set-date-time-range-value.text": "Custom date range",
32
35
  "components.form-element.defaultError": "{label} غير صالحة.",
33
36
  "components.form-element.defaultFieldLabel": "الحقل",
package/lang/cy.js CHANGED
@@ -28,6 +28,9 @@ export default {
28
28
  "components.filter-dimension-set-date-text-value.textHours": "{num, plural, =1 {Awr ddiwethaf} other {{num} awr ddiwethaf}}",
29
29
  "components.filter-dimension-set-date-text-value.textDays": "{num, plural, =0 {Heddiw} one {{num} diwrnod diwethaf} other {{num} o ddiwrnodau diwethaf}}",
30
30
  "components.filter-dimension-set-date-text-value.textMonths": "{num} o fisoedd diwethaf",
31
+ "components.filter-dimension-set-date-time-range-value.valueTextRange": "{startValue} to {endValue}",
32
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeStartOnly": "Start: {startValue}",
33
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeEndOnly": "End: {endValue}",
31
34
  "components.filter-dimension-set-date-time-range-value.text": "Custom date range",
32
35
  "components.form-element.defaultError": "Mae {label} yn annilys.",
33
36
  "components.form-element.defaultFieldLabel": "Maes",
package/lang/da.js CHANGED
@@ -28,6 +28,9 @@ export default {
28
28
  "components.filter-dimension-set-date-text-value.textHours": "{num, plural, =1 {Sidste time} other {Sidste {num} timer}}",
29
29
  "components.filter-dimension-set-date-text-value.textDays": "{num, plural, =0 {I dag} one {Sidste {num} dage} other {Sidste {num} dage}}",
30
30
  "components.filter-dimension-set-date-text-value.textMonths": "Sidste {num} måneder",
31
+ "components.filter-dimension-set-date-time-range-value.valueTextRange": "{startValue} to {endValue}",
32
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeStartOnly": "Start: {startValue}",
33
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeEndOnly": "End: {endValue}",
31
34
  "components.filter-dimension-set-date-time-range-value.text": "Custom date range",
32
35
  "components.form-element.defaultError": "{label} er ugyldigt.",
33
36
  "components.form-element.defaultFieldLabel": "Felt",
package/lang/de.js CHANGED
@@ -28,6 +28,9 @@ export default {
28
28
  "components.filter-dimension-set-date-text-value.textHours": "{num, plural, =1 {Letzte Stunde} other {Letzte {num} Stunden}}",
29
29
  "components.filter-dimension-set-date-text-value.textDays": "{num, plural, =0 {Heute} one {Letzte {num} Tage} other {Letzte {num} Tage}}",
30
30
  "components.filter-dimension-set-date-text-value.textMonths": "Letzte {num} Monate",
31
+ "components.filter-dimension-set-date-time-range-value.valueTextRange": "{startValue} to {endValue}",
32
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeStartOnly": "Start: {startValue}",
33
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeEndOnly": "End: {endValue}",
31
34
  "components.filter-dimension-set-date-time-range-value.text": "Custom date range",
32
35
  "components.form-element.defaultError": "{label} ist ungültig.",
33
36
  "components.form-element.defaultFieldLabel": "Feld",
package/lang/en-gb.js CHANGED
@@ -28,6 +28,9 @@ export default {
28
28
  "components.filter-dimension-set-date-text-value.textHours": "{num, plural, =1 {Last hour} other {Last {num} hours}}",
29
29
  "components.filter-dimension-set-date-text-value.textDays": "{num, plural, =0 {Today} one {Last {num} days} other {Last {num} days}}",
30
30
  "components.filter-dimension-set-date-text-value.textMonths": "Last {num} months",
31
+ "components.filter-dimension-set-date-time-range-value.valueTextRange": "{startValue} to {endValue}",
32
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeStartOnly": "Start: {startValue}",
33
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeEndOnly": "End: {endValue}",
31
34
  "components.filter-dimension-set-date-time-range-value.text": "Custom date range",
32
35
  "components.form-element.defaultError": "{label} is invalid.",
33
36
  "components.form-element.defaultFieldLabel": "Field",
package/lang/en.js CHANGED
@@ -28,6 +28,9 @@ export default {
28
28
  "components.filter-dimension-set-date-text-value.textHours": "{num, plural, =1 {Last hour} other {Last {num} hours}}",
29
29
  "components.filter-dimension-set-date-text-value.textDays": "{num, plural, =0 {Today} one {Last {num} day} other {Last {num} days}}",
30
30
  "components.filter-dimension-set-date-text-value.textMonths": "Last {num} months",
31
+ "components.filter-dimension-set-date-time-range-value.valueTextRange": "{startValue} to {endValue}",
32
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeStartOnly": "Start: {startValue}",
33
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeEndOnly": "End: {endValue}",
31
34
  "components.filter-dimension-set-date-time-range-value.text": "Custom date range",
32
35
  "components.form-element.defaultError": "{label} is invalid.",
33
36
  "components.form-element.defaultFieldLabel": "Field",
package/lang/es-es.js CHANGED
@@ -28,6 +28,9 @@ export default {
28
28
  "components.filter-dimension-set-date-text-value.textHours": "{num, plural, =1 {Última hora} other {Últimas {num} horas}}",
29
29
  "components.filter-dimension-set-date-text-value.textDays": "{num, plural, =0 {Hoy} one {Último {num} día} other {Últimos {num} días}}",
30
30
  "components.filter-dimension-set-date-text-value.textMonths": "Últimos {num} meses",
31
+ "components.filter-dimension-set-date-time-range-value.valueTextRange": "{startValue} to {endValue}",
32
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeStartOnly": "Start: {startValue}",
33
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeEndOnly": "End: {endValue}",
31
34
  "components.filter-dimension-set-date-time-range-value.text": "Custom date range",
32
35
  "components.form-element.defaultError": "{label} no es válido.",
33
36
  "components.form-element.defaultFieldLabel": "Campo",
package/lang/es.js CHANGED
@@ -28,6 +28,9 @@ export default {
28
28
  "components.filter-dimension-set-date-text-value.textHours": "{num, plural, =1 {Última hora} other {Últimas {num} horas}}",
29
29
  "components.filter-dimension-set-date-text-value.textDays": "{num, plural, =0 {Hoy} one {Últimos {num} días} other {Últimos {num} días}}",
30
30
  "components.filter-dimension-set-date-text-value.textMonths": "Últimos {num} meses",
31
+ "components.filter-dimension-set-date-time-range-value.valueTextRange": "{startValue} to {endValue}",
32
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeStartOnly": "Start: {startValue}",
33
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeEndOnly": "End: {endValue}",
31
34
  "components.filter-dimension-set-date-time-range-value.text": "Custom date range",
32
35
  "components.form-element.defaultError": "{label} no es válida.",
33
36
  "components.form-element.defaultFieldLabel": "Campo",
package/lang/fr-fr.js CHANGED
@@ -28,6 +28,9 @@ export default {
28
28
  "components.filter-dimension-set-date-text-value.textHours": "{num, plural, =1 {Dernière heure} other {{num} dernières heures}}",
29
29
  "components.filter-dimension-set-date-text-value.textDays": "{num, plural, =0 {Aujourd’hui} one {{num} dernier jour} other {{num} derniers jours}}",
30
30
  "components.filter-dimension-set-date-text-value.textMonths": "{num} derniers mois",
31
+ "components.filter-dimension-set-date-time-range-value.valueTextRange": "{startValue} to {endValue}",
32
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeStartOnly": "Start: {startValue}",
33
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeEndOnly": "End: {endValue}",
31
34
  "components.filter-dimension-set-date-time-range-value.text": "Custom date range",
32
35
  "components.form-element.defaultError": "{label} n'est pas valide.",
33
36
  "components.form-element.defaultFieldLabel": "Champ",
package/lang/fr.js CHANGED
@@ -28,6 +28,9 @@ export default {
28
28
  "components.filter-dimension-set-date-text-value.textHours": "{num, plural, =1 {Dernière heure} other {{num} dernières heures}}",
29
29
  "components.filter-dimension-set-date-text-value.textDays": "{num, plural, =0 {Aujourd'hui} one {{num} derniers jours} other {{num} derniers jours}}",
30
30
  "components.filter-dimension-set-date-text-value.textMonths": "{num} derniers mois",
31
+ "components.filter-dimension-set-date-time-range-value.valueTextRange": "{startValue} to {endValue}",
32
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeStartOnly": "Start: {startValue}",
33
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeEndOnly": "End: {endValue}",
31
34
  "components.filter-dimension-set-date-time-range-value.text": "Custom date range",
32
35
  "components.form-element.defaultError": "{label} n'est pas valide.",
33
36
  "components.form-element.defaultFieldLabel": "Champ",
package/lang/hi.js CHANGED
@@ -28,6 +28,9 @@ export default {
28
28
  "components.filter-dimension-set-date-text-value.textHours": "{num, plural, =1 {अंतिम घंटा} other {अंतिम {num} घंटे}}",
29
29
  "components.filter-dimension-set-date-text-value.textDays": "{num, plural, =0 {आज} one {अंतिम {num} दिन} other {अंतिम {num} दिन}}",
30
30
  "components.filter-dimension-set-date-text-value.textMonths": "अंतिम {num} महीने",
31
+ "components.filter-dimension-set-date-time-range-value.valueTextRange": "{startValue} to {endValue}",
32
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeStartOnly": "Start: {startValue}",
33
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeEndOnly": "End: {endValue}",
31
34
  "components.filter-dimension-set-date-time-range-value.text": "Custom date range",
32
35
  "components.form-element.defaultError": "{label} अमान्य है।",
33
36
  "components.form-element.defaultFieldLabel": "फ़ील्ड",
package/lang/ja.js CHANGED
@@ -28,6 +28,9 @@ export default {
28
28
  "components.filter-dimension-set-date-text-value.textHours": "{num, plural, other {過去 {num} 時間}}",
29
29
  "components.filter-dimension-set-date-text-value.textDays": "{num, plural, =0 {今日} other {過去 {num} 日間}}",
30
30
  "components.filter-dimension-set-date-text-value.textMonths": "過去 {num} ヵ月",
31
+ "components.filter-dimension-set-date-time-range-value.valueTextRange": "{startValue} to {endValue}",
32
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeStartOnly": "Start: {startValue}",
33
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeEndOnly": "End: {endValue}",
31
34
  "components.filter-dimension-set-date-time-range-value.text": "Custom date range",
32
35
  "components.form-element.defaultError": "{label} は無効です。",
33
36
  "components.form-element.defaultFieldLabel": "フィールド",
package/lang/ko.js CHANGED
@@ -28,6 +28,9 @@ export default {
28
28
  "components.filter-dimension-set-date-text-value.textHours": "{num, plural, other {지난 {num}시간}}",
29
29
  "components.filter-dimension-set-date-text-value.textDays": "{num, plural, =0 {오늘} other {지난 {num}일}}",
30
30
  "components.filter-dimension-set-date-text-value.textMonths": "지난 {num}개월",
31
+ "components.filter-dimension-set-date-time-range-value.valueTextRange": "{startValue} to {endValue}",
32
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeStartOnly": "Start: {startValue}",
33
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeEndOnly": "End: {endValue}",
31
34
  "components.filter-dimension-set-date-time-range-value.text": "Custom date range",
32
35
  "components.form-element.defaultError": "{label}이(가) 잘못되었습니다.",
33
36
  "components.form-element.defaultFieldLabel": "필드",
package/lang/nl.js CHANGED
@@ -28,6 +28,9 @@ export default {
28
28
  "components.filter-dimension-set-date-text-value.textHours": "{num, plural, =1 {Afgelopen uur} other {Afgelopen {num} uur}}",
29
29
  "components.filter-dimension-set-date-text-value.textDays": "{num, plural, =0 {Vandaag} one {Afgelopen {num} dag} other {Afgelopen {num} dagen}}",
30
30
  "components.filter-dimension-set-date-text-value.textMonths": "Afgelopen {num} maanden",
31
+ "components.filter-dimension-set-date-time-range-value.valueTextRange": "{startValue} to {endValue}",
32
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeStartOnly": "Start: {startValue}",
33
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeEndOnly": "End: {endValue}",
31
34
  "components.filter-dimension-set-date-time-range-value.text": "Custom date range",
32
35
  "components.form-element.defaultError": "{label} is ongeldig.",
33
36
  "components.form-element.defaultFieldLabel": "Veld",
package/lang/pt.js CHANGED
@@ -28,6 +28,9 @@ export default {
28
28
  "components.filter-dimension-set-date-text-value.textHours": "{num, plural, =1 {Última hora} other {Últimas {num} horas}}",
29
29
  "components.filter-dimension-set-date-text-value.textDays": "{num, plural, =0 {Hoje} one {Último {num} dia} other {Últimos {num} dias}}",
30
30
  "components.filter-dimension-set-date-text-value.textMonths": "Últimos {num} meses",
31
+ "components.filter-dimension-set-date-time-range-value.valueTextRange": "{startValue} to {endValue}",
32
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeStartOnly": "Start: {startValue}",
33
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeEndOnly": "End: {endValue}",
31
34
  "components.filter-dimension-set-date-time-range-value.text": "Custom date range",
32
35
  "components.form-element.defaultError": "{label} é inválido.",
33
36
  "components.form-element.defaultFieldLabel": "Campo",
package/lang/sv.js CHANGED
@@ -28,6 +28,9 @@ export default {
28
28
  "components.filter-dimension-set-date-text-value.textHours": "{num, plural, =1 {Senaste timmen} other {Senaste {num} timmarna}}",
29
29
  "components.filter-dimension-set-date-text-value.textDays": "{num, plural, =0 {Idag} one {Senaste {num} dagarna} other {Senaste {num} dagarna}}",
30
30
  "components.filter-dimension-set-date-text-value.textMonths": "Senaste {num} månaderna",
31
+ "components.filter-dimension-set-date-time-range-value.valueTextRange": "{startValue} to {endValue}",
32
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeStartOnly": "Start: {startValue}",
33
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeEndOnly": "End: {endValue}",
31
34
  "components.filter-dimension-set-date-time-range-value.text": "Custom date range",
32
35
  "components.form-element.defaultError": "{label} är ogiltig.",
33
36
  "components.form-element.defaultFieldLabel": "Fält",
package/lang/tr.js CHANGED
@@ -28,6 +28,9 @@ export default {
28
28
  "components.filter-dimension-set-date-text-value.textHours": "{num, plural, =1 {Son 1 saat} other {Son {num} saat}}",
29
29
  "components.filter-dimension-set-date-text-value.textDays": "{num, plural, =0 {Bugün} one {Son {num} gün} other {Son {num} gün}}",
30
30
  "components.filter-dimension-set-date-text-value.textMonths": "Son {num} ay",
31
+ "components.filter-dimension-set-date-time-range-value.valueTextRange": "{startValue} to {endValue}",
32
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeStartOnly": "Start: {startValue}",
33
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeEndOnly": "End: {endValue}",
31
34
  "components.filter-dimension-set-date-time-range-value.text": "Custom date range",
32
35
  "components.form-element.defaultError": "{label} geçersiz.",
33
36
  "components.form-element.defaultFieldLabel": "Alan",
package/lang/zh-cn.js CHANGED
@@ -28,6 +28,9 @@ export default {
28
28
  "components.filter-dimension-set-date-text-value.textHours": "{num, plural, other {过去 {num} 小时}}",
29
29
  "components.filter-dimension-set-date-text-value.textDays": "{num, plural, =0 {今天} other {过去 {num} 天}}",
30
30
  "components.filter-dimension-set-date-text-value.textMonths": "过去 {num} 个月",
31
+ "components.filter-dimension-set-date-time-range-value.valueTextRange": "{startValue} to {endValue}",
32
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeStartOnly": "Start: {startValue}",
33
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeEndOnly": "End: {endValue}",
31
34
  "components.filter-dimension-set-date-time-range-value.text": "Custom date range",
32
35
  "components.form-element.defaultError": "{label} 无效。",
33
36
  "components.form-element.defaultFieldLabel": "字段",
package/lang/zh-tw.js CHANGED
@@ -28,6 +28,9 @@ export default {
28
28
  "components.filter-dimension-set-date-text-value.textHours": "{num, plural, other {過去 {num} 小時}}",
29
29
  "components.filter-dimension-set-date-text-value.textDays": "{num, plural, =0 {今天} other {過去 {num} 天}}",
30
30
  "components.filter-dimension-set-date-text-value.textMonths": "過去 {num} 個月",
31
+ "components.filter-dimension-set-date-time-range-value.valueTextRange": "{startValue} to {endValue}",
32
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeStartOnly": "Start: {startValue}",
33
+ "components.filter-dimension-set-date-time-range-value.valueTextRangeEndOnly": "End: {endValue}",
31
34
  "components.filter-dimension-set-date-time-range-value.text": "Custom date range",
32
35
  "components.form-element.defaultError": "{label} 無效。",
33
36
  "components.form-element.defaultFieldLabel": "欄位",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@brightspace-ui/core",
3
- "version": "3.19.2",
3
+ "version": "3.21.0",
4
4
  "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
5
5
  "type": "module",
6
6
  "repository": "https://github.com/BrightspaceUI/core.git",