@brightspace-ui/core 1.235.3 → 1.236.2

package/lang/hi.js

@@ -40,7 +40,7 @@ export default {
 	"components.input-date-time-range.endDate": "समाप्ति तारीख़",
 	"components.input-date-time-range.errorBadInput": "{startLabel} {endLabel} से पहले का होना चाहिए",
 	"components.input-date-time-range.startDate": "प्रारंभ तारीख़",
-	"components.input-date-time.date": "तारीख़",
+	"components.input-date-time.date": "तारीख़",
 	"components.input-date-time.errorMaxDateOnly": "तारीख़ {maxDate} से पहले की होनी चाहिए",
 	"components.input-date-time.errorMinDateOnly": "तारीख़ {minDate} के बाद की होनी चाहिए",
 	"components.input-date-time.errorOutsideRange": "तारीख़ {minDate} और {maxDate} के बीच होनी चाहिए",
@@ -50,7 +50,7 @@ export default {
 	"components.input-date.errorMinDateOnly": "तारीख़ {minDate} के बाद की होनी चाहिए",
 	"components.input-date.errorOutsideRange": "तारीख़ {minDate} और {maxDate} के बीच होनी चाहिए",
 	"components.input-date.openInstructions": "तारीख़ फ़ॉर्मेट {format} का उपयोग करें। लघु-कैलेंडर तक पहुँचने के लिए तीर नीचे या एंटर दबाएँ।",
-	"components.input-date.now": "अब",
+	"components.input-date.now": "अभी",
 	"components.input-date.today": "आज",
 	"components.input-number.hintInteger": "यह फ़ील्ड केवल पूर्णांक मानों (कोई दशमलव नहीं) को स्वीकार करती है",
 	"components.input-number.hintDecimalDuplicate": "इस संख्या में पहले से ही कोई दशमलव है",
@@ -64,22 +64,22 @@ export default {
 	"components.input-time-range.startTime": "प्रारंभ समय",
 	"components.list-item-drag-handle.default": "{name} के लिए आइटम कार्रवाई का क्रम बदलें",
 	"components.list-item-drag-handle.keyboard": "आइटम का क्रम बदलें, {size} में से वर्तमान स्थिति {currentPosition} इस आइटम को ले जाने के लिए, ऊपर या नीचे तीर दबाएँ।",
-	"components.list-item-tooltip.title": "Keyboard Navigation for Lists:",
-	"components.list-item-tooltip.enter-key": "Enter",
-	"components.list-item-tooltip.enter-desc": "Activate the focused option.",
-	"components.list-item-tooltip.up-down-key": "Up/Down",
-	"components.list-item-tooltip.up-down-desc": "Move focus between list items.",
-	"components.list-item-tooltip.left-right-key": "Left/Right",
-	"components.list-item-tooltip.left-right-desc": "Move focus within current item.",
-	"components.list-item-tooltip.page-up-down-key": "Page Up/Down",
-	"components.list-item-tooltip.page-up-down-desc": "Move focus 5 items at a time.",
-	"components.list-item-drag-handle-tooltip.title": "Keyboard Controls for Reordering:",
-	"components.list-item-drag-handle-tooltip.enter-key": "Enter",
-	"components.list-item-drag-handle-tooltip.enter-desc": "Toggle keyboard reorder mode.",
-	"components.list-item-drag-handle-tooltip.up-down-key": "Up/Down",
-	"components.list-item-drag-handle-tooltip.up-down-desc": "Move item up or down in the list.",
-	"components.list-item-drag-handle-tooltip.left-right-key": "Left/Right",
-	"components.list-item-drag-handle-tooltip.left-right-desc": "Change the nesting level.",
+	"components.list-item-tooltip.title": "सूचियों के लिए कीबोर्ड नेविगेशन:",
+	"components.list-item-tooltip.enter-key": "डालें",
+	"components.list-item-tooltip.enter-desc": "फ़ोकस किए गए विकल्प को सक्रिय करें।",
+	"components.list-item-tooltip.up-down-key": "ऊपर/नीचे",
+	"components.list-item-tooltip.up-down-desc": "सूची के आइटम के बीच फोकस ले जाएँ।",
+	"components.list-item-tooltip.left-right-key": "बायाँ/दायाँ",
+	"components.list-item-tooltip.left-right-desc": "मौजूदा आइटम में फ़ोकस को इधर से उधर ले जाएँ।",
+	"components.list-item-tooltip.page-up-down-key": "पेज ऊपर/नीचे",
+	"components.list-item-tooltip.page-up-down-desc": "एक बार में पाँच आइटम पर फ़ोकस ले जाएँ।",
+	"components.list-item-drag-handle-tooltip.title": "क्रम बदलने के लिए कीबोर्ड नियंत्रण:",
+	"components.list-item-drag-handle-tooltip.enter-key": "डालें",
+	"components.list-item-drag-handle-tooltip.enter-desc": "कीबोर्ड का क्रम बदलना मोड को टॉगल करें।",
+	"components.list-item-drag-handle-tooltip.up-down-key": "ऊपर/नीचे",
+	"components.list-item-drag-handle-tooltip.up-down-desc": "आइटम को सूची में ऊपर या नीचे ले जाएँ।",
+	"components.list-item-drag-handle-tooltip.left-right-key": "बायाँ/दायाँ",
+	"components.list-item-drag-handle-tooltip.left-right-desc": "नेस्ट करने का स्तर बदलें।",
 	"components.menu-item-return.return": "पिछले मेनू पर वापस जाएँ।",
 	"components.menu-item-return.returnCurrentlyShowing": "पिछले मेनू पर वापस जाएँ। आप {menuTitle} देख रहे हैं।",
 	"components.meter-mixin.commaSeperatedAria": "{term1}, {term2}",
@@ -90,7 +90,7 @@ export default {
 	"components.overflow-group.moreActions": "अधिक क्रियाएँ",
 	"components.selection.action-hint": "यह कार्रवाई निष्पादित करने के लिए कोई आइटम का चयन करें।",
 	"components.selection.select-all": "सभी का चयन करें",
-	"components.selection.select-all-items": "Select All {count} Items",
+	"components.selection.select-all-items": "सभी {count} आइटम चुनें।",
 	"components.selection.selected": "{count} चयनित",
 	"components.switch.visibility": "दृश्यता",
 	"components.tabs.next": "आगे स्क्रॉल करें",

package/mixins/focus-mixin.js

@@ -0,0 +1,41 @@
+import { dedupeMixin } from '@open-wc/dedupe-mixin';
+
+export const FocusMixin = dedupeMixin(superclass => class extends superclass {
+
+	static focusElementSelector = null;
+
+	constructor() {
+		super();
+		this._focusOnFirstRender = false;
+	}
+
+	firstUpdated(changedProperties) {
+		super.firstUpdated(changedProperties);
+		if (this._focusOnFirstRender) {
+			this._focusOnFirstRender = false;
+			this.focus();
+		}
+	}
+
+	focus() {
+
+		const selector = this.constructor.focusElementSelector;
+		if (!selector) {
+			throw new Error(`FocusMixin: no static focusElementSelector provided for "${this.tagName}"`);
+		}
+
+		if (!this.hasUpdated) {
+			this._focusOnFirstRender = true;
+			return;
+		}
+
+		const elem = this.shadowRoot.querySelector(selector);
+		if (!elem) {
+			throw new Error(`FocusMixin: selector "${selector}" yielded no element for "${this.tagName}"`);
+		}
+
+		elem.focus();
+
+	}
+
+});

package/mixins/focus-mixin.md

@@ -0,0 +1,24 @@
+# FocusMixin
+
+The `FocusMixin` can be used to delegate focus to an element within a component's shadow root when its `focus()` method is called.
+
+If the component has yet to render, focus will automatically be applied after `firstUpdated`.
+
+## Usage
+
+Apply the mixin and set the static `focusElementSelector` to a CSS query selector which will match the element to which focus should be delegated.
+
+```js
+import { FocusMixin } from '@brightspace-ui/core/mixins/focus-mixin.js';
+
+class MyComponent extends FocusMixin(LitElement) {
+  
+  // delegate focus to the underlying input
+  static focusElementSelector = 'input';
+
+  render() {
+	  return html`<input type="text">`;
+  }
+
+}
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "1.235.3",
+  "version": "1.236.2",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",