@brightspace-ui/core 2.56.0 → 2.57.0

package/components/dialog/dialog-mixin.js

@@ -407,14 +407,19 @@ export const DialogMixin = superclass => class extends RtlMixin(superclass) {
 			if (!activeElement
 			|| !isComposedAncestor(dialog, activeElement)
 			|| !activeElement.classList.contains('focus-visible')) {
-				this._focusInitial();
+				// wait till the dialog is visible for Safari
+				requestAnimationFrame(() => this._focusInitial());
 			}
 
-			if (!reduceMotion) await animPromise;
+			// if not animating, we need to wait a frame before dispatching due to focus rAF above
+			if (reduceMotion) await new Promise(resolve => requestAnimationFrame(resolve));
+			else await animPromise;
+
 			/** Dispatched when the dialog is opened */
 			this.dispatchEvent(new CustomEvent(
 				'd2l-dialog-open', { bubbles: true, composed: true }
 			));
+
 		}, 0);
 
 	}

package/components/object-property-list/README.md

@@ -36,6 +36,12 @@ An object property list can be defined using `d2l-object-property-list` and a co
 </d2l-object-property-list>
 ```
 
+### Properties
+
+| Property | Type | Description |
+|--|--|--|
+| `skeleton-count` | Number | Number of skeleton items to insert if in skeleton mode |
+
 ### Word wrap
 
 The object property list is designed to wrap in an inline manner if the items are wider than the container.

package/components/object-property-list/demo/object-property-list.html

@@ -17,7 +17,7 @@
 
 			<h2>Object Property List: Single item</h2>
 
-			<d2l-demo-snippet>
+			<d2l-demo-snippet overflow-hidden>
 				<template>
 					<d2l-object-property-list>
 						<d2l-object-property-list-item text="Example item"></d2l-object-property-list-item>
@@ -27,7 +27,7 @@
 
 			<h2>Object Property List: All item variants</h2>
 
-			<d2l-demo-snippet>
+			<d2l-demo-snippet overflow-hidden>
 				<template>
 					<d2l-object-property-list>
 						<d2l-object-property-list-item text="Example item"></d2l-object-property-list-item>
@@ -40,7 +40,7 @@
 
 			<h2>Object Property List: Long items to demonstrate word-wrap</h2>
 
-			<d2l-demo-snippet>
+			<d2l-demo-snippet overflow-hidden>
 				<template>
 					<d2l-object-property-list>
 						<d2l-object-property-list-item icon="tier1:grade" text="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci repellat cum totam! Enim, sunt."></d2l-object-property-list-item>
@@ -49,6 +49,14 @@
 				</template>
 			</d2l-demo-snippet>
 
+			<h2>Object Property List: Skeleton item count set</h2>
+
+			<d2l-demo-snippet overflow-hidden>
+				<template>
+					<d2l-object-property-list skeleton-count=3></d2l-object-property-list>
+				</template>
+			</d2l-demo-snippet>
+
 		</d2l-demo-page>
 	</body>
 </html>

package/components/object-property-list/object-property-list-item-link.js

@@ -31,21 +31,23 @@ class ObjectPropertyListItemLink extends ObjectPropertyListItem {
 	static get styles() {
 		return [
 			...super.styles,
-			linkStyles,
+			linkStyles
 		];
 	}
 
 	render() {
 		return html`
 			${this._renderIcon()}
-			<a
-				?download="${this.download}"
-				class="d2l-link"
-				href="${ifDefined(this.href)}"
-				target="${ifDefined(this.target)}"
-			>
-				${this.text}
-			</a>
+			${!this.skeleton ? html`
+				<a
+					?download="${this.download}"
+					class="d2l-link"
+					href="${ifDefined(this.href)}"
+					target="${ifDefined(this.target)}"
+				>
+					${this._renderText()}
+				</a>
+			` : this._renderText()}
 			${this._renderSeparator()}
 		`;
 	}

package/components/object-property-list/object-property-list-item.js

@@ -4,12 +4,13 @@ import { css, html, LitElement, nothing } from 'lit';
 import { getSeparator } from '@brightspace-ui/intl/lib/list.js';
 import { offscreenStyles } from '../offscreen/offscreen.js';
 import { RtlMixin } from '../../mixins/rtl-mixin.js';
+import { SkeletonMixin } from '../skeleton/skeleton-mixin.js';
 
 /**
  * A single object property, to be used within an object-property-list,
  * with an optional icon.
  */
-export class ObjectPropertyListItem extends RtlMixin(LitElement) {
+export class ObjectPropertyListItem extends SkeletonMixin(RtlMixin(LitElement)) {
 	static get properties() {
 		return {
 			/**
@@ -26,7 +27,7 @@ export class ObjectPropertyListItem extends RtlMixin(LitElement) {
 	}
 
 	static get styles() {
-		return [offscreenStyles, css`
+		return [super.styles, offscreenStyles, css`
 			d2l-icon {
 				height: 0.9rem;
 				width: 0.9rem;
@@ -44,19 +45,29 @@ export class ObjectPropertyListItem extends RtlMixin(LitElement) {
 			:host([dir="rtl"]) .item-icon {
 				margin: -0.1rem 0 0 0.3rem;
 			}
+			:host([skeleton]) d2l-icon {
+				color: var(--d2l-color-sylvite);
+			}
+			:host([skeleton]) .d2l-skeletize {
+				display: inline-block;
+				max-width: 80%;
+				overflow: hidden;
+				vertical-align: middle;
+				white-space: nowrap;
+			}
 		`];
 	}
 
 	render() {
 		return html`
 			${this._renderIcon()}
-			<span>${this.text}</span>
+			${this._renderText()}
 			${this._renderSeparator()}
 		`;
 	}
 
 	_renderIcon() {
-		return this.icon ? html`<d2l-icon icon="${this.icon}" class="item-icon"></d2l-icon>` : nothing;
+		return this.icon && !this.skeleton ? html`<d2l-icon icon="${this.icon}" class="item-icon"></d2l-icon>` : nothing;
 	}
 
 	_renderSeparator() {
@@ -67,6 +78,10 @@ export class ObjectPropertyListItem extends RtlMixin(LitElement) {
 			</span>
 		`;
 	}
+
+	_renderText() {
+		return html`<span class="d2l-skeletize" aria-hidden="${this.skeleton ? 'true' : 'false'}">${this.text}</span>`;
+	}
 }
 
 customElements.define('d2l-object-property-list-item', ObjectPropertyListItem);

package/components/object-property-list/object-property-list.js

@@ -1,27 +1,45 @@
-import { css, html, LitElement } from 'lit';
+import './object-property-list-item.js';
+import { css, html, LitElement, nothing } from 'lit';
 import { bodySmallStyles } from '../typography/styles.js';
+import { LocalizeCoreElement } from '../../helpers/localize-core-element.js';
+import { SkeletonMixin } from '../skeleton/skeleton-mixin.js';
 
 /**
  * A dot-separated list of object properties.
  * @slot - Items of the type d2l-object-property-list-item* to be added to the container
  */
-class ObjectPropertyList extends LitElement {
+class ObjectPropertyList extends LocalizeCoreElement(SkeletonMixin(LitElement)) {
+	static get properties() {
+		return {
+			/**
+			 * Number of skeleton items to insert
+			 * @type {number}
+			 */
+			skeletonCount: { type: Number, attribute: 'skeleton-count' },
+		};
+	}
+
 	static get styles() {
-		return [bodySmallStyles, css`
+		return [super.styles, bodySmallStyles, css`
 			:host, slot {
 				display: block;
 			}
 			:host([hidden]) {
 				display: none;
 			}
-			::slotted(:last-child) {
+			::slotted(:last-child), slot :last-child {
 				--d2l-object-property-list-item-separator-display: none;
 			}
 		`];
 	}
 
 	render() {
-		return html`<slot class="d2l-body-small"></slot>`;
+
+		const slotContents = this.skeleton && this.skeletonCount > 0 ? [...Array(this.skeletonCount)].map(() => html`
+			<d2l-object-property-list-item text="${this.localize('components.object-property-list.item-placeholder-text')}" skeleton></d2l-object-property-list-item>
+		`) : nothing;
+
+		return html`<slot class="d2l-body-small">${slotContents}</slot>`;
 	}
 }
 

package/components/tooltip/tooltip-help.js

@@ -1,17 +1,18 @@
 import '../colors/colors.js';
 import '../tooltip/tooltip.js';
-import { css, html, LitElement } from 'lit';
+import { css, html, LitElement, nothing } from 'lit';
 import { bodySmallStyles } from '../typography/styles.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { FocusMixin } from '../../mixins/focus-mixin.js';
 import { FocusVisiblePolyfillMixin } from '../../mixins/focus-visible-polyfill-mixin.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
+import { SkeletonMixin } from '../skeleton/skeleton-mixin.js';
 
 /**
  * A component used to display additional information when users focus or hover over some text.
  * @slot - Default content placed inside of the tooltip
  */
-class TooltipHelp extends FocusMixin(FocusVisiblePolyfillMixin(LitElement)) {
+class TooltipHelp extends SkeletonMixin(FocusMixin(FocusVisiblePolyfillMixin(LitElement))) {
 
 	static get properties() {
 		return {
@@ -38,7 +39,7 @@ class TooltipHelp extends FocusMixin(FocusVisiblePolyfillMixin(LitElement)) {
 	}
 
 	static get styles() {
-		return [bodySmallStyles, css`
+		return [super.styles, bodySmallStyles, css`
 			:host {
 				display: inline-block;
 			}
@@ -76,6 +77,9 @@ class TooltipHelp extends FocusMixin(FocusVisiblePolyfillMixin(LitElement)) {
 			d2l-tooltip {
 				cursor: text;
 			}
+			:host([skeleton]) #d2l-tooltip-help-text.d2l-skeletize {
+				text-decoration: none;
+			}
 		`];
 	}
 
@@ -100,15 +104,18 @@ class TooltipHelp extends FocusMixin(FocusVisiblePolyfillMixin(LitElement)) {
 
 	render() {
 		const classes = {
-			'd2l-body-small': !this.inheritFontStyle
+			'd2l-body-small': !this.inheritFontStyle,
+			'd2l-skeletize': true
 		};
 		return html`
 			<button id="d2l-tooltip-help-text" class="${classMap(classes)}" type="button">
 				${this.text}
 			</button>
-			<d2l-tooltip for="d2l-tooltip-help-text" delay="0" offset="13" position="${ifDefined(this.position)}" ?showing="${this.showing}">
-				<slot></slot>
-			</d2l-tooltip>
+			${!this.skeleton ? html`
+				<d2l-tooltip for="d2l-tooltip-help-text" delay="0" offset="13" position="${ifDefined(this.position)}" ?showing="${this.showing}">
+					<slot></slot>
+				</d2l-tooltip>
+			` : nothing }
 		`;
 	}
 

package/custom-elements.json

@@ -9007,6 +9007,12 @@
           "name": "text",
           "description": "REQUIRED: Text to display on the item",
           "type": "string"
+        },
+        {
+          "name": "skeleton",
+          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
+          "type": "boolean",
+          "default": "false"
         }
       ],
       "properties": [
@@ -9039,6 +9045,13 @@
           "attribute": "text",
           "description": "REQUIRED: Text to display on the item",
           "type": "string"
+        },
+        {
+          "name": "skeleton",
+          "attribute": "skeleton",
+          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
+          "type": "boolean",
+          "default": "false"
         }
       ]
     },
@@ -9056,6 +9069,12 @@
           "name": "text",
           "description": "REQUIRED: Text to display on the item",
           "type": "string"
+        },
+        {
+          "name": "skeleton",
+          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
+          "type": "boolean",
+          "default": "false"
         }
       ],
       "properties": [
@@ -9070,6 +9089,13 @@
           "attribute": "text",
           "description": "REQUIRED: Text to display on the item",
           "type": "string"
+        },
+        {
+          "name": "skeleton",
+          "attribute": "skeleton",
+          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
+          "type": "boolean",
+          "default": "false"
         }
       ]
     },
@@ -9077,6 +9103,38 @@
       "name": "d2l-object-property-list",
       "path": "./components/object-property-list/object-property-list.js",
       "description": "A dot-separated list of object properties.",
+      "attributes": [
+        {
+          "name": "skeleton-count",
+          "description": "Number of skeleton items to insert",
+          "type": "number"
+        },
+        {
+          "name": "skeleton",
+          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
+          "type": "boolean",
+          "default": "false"
+        }
+      ],
+      "properties": [
+        {
+          "name": "skeletonCount",
+          "attribute": "skeleton-count",
+          "description": "Number of skeleton items to insert",
+          "type": "number"
+        },
+        {
+          "name": "documentLocaleSettings",
+          "default": "\"getDocumentLocaleSettings()\""
+        },
+        {
+          "name": "skeleton",
+          "attribute": "skeleton",
+          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
+          "type": "boolean",
+          "default": "false"
+        }
+      ],
       "slots": [
         {
           "name": "",
@@ -10840,6 +10898,12 @@
           "description": "Allows this component to inherit certain font properties",
           "type": "boolean",
           "default": "false"
+        },
+        {
+          "name": "skeleton",
+          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
+          "type": "boolean",
+          "default": "false"
         }
       ],
       "properties": [
@@ -10866,6 +10930,13 @@
           "name": "showing",
           "type": "boolean",
           "default": "false"
+        },
+        {
+          "name": "skeleton",
+          "attribute": "skeleton",
+          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
+          "type": "boolean",
+          "default": "false"
         }
       ],
       "slots": [

package/helpers/focus.js

@@ -1,4 +1,4 @@
-import { findComposedAncestor, getComposedChildren, getComposedParent, getNextAncestorSibling, getPreviousAncestorSibling } from './dom.js';
+import { findComposedAncestor, getComposedChildren, getComposedParent, getNextAncestorSibling, getPreviousAncestorSibling, isVisible } from './dom.js';
 
 const focusableElements = {
 	a: true,
@@ -175,7 +175,7 @@ export function isFocusable(node, includeHidden, includeTabbablesOnly, includeDi
 
 	if (_isFocusable && !includeHidden) {
 		// only perform visibility check if absolutely necessary
-		if (nodeName !== 'body' && node.offsetParent === null) return false;
+		if (nodeName !== 'body' && !isVisible(node)) return false;
 	}
 
 	return _isFocusable;

package/lang/ar.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "مؤشر التقدم",
 	"components.more-less.less": "أقل",
 	"components.more-less.more": "المزيد",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "مزيد من الإجراءات",
 	"components.pager-load-more.action": "تحميل {count} إضافي",
 	"components.pager-load-more.info": "{totalCount, plural, one {{showingCount} من أصل {totalCountFormatted} من العناصر} other {{showingCount} من أصل {totalCountFormatted} من العناصر}}",

package/lang/cy.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "Dangosydd Cynnydd",
 	"components.more-less.less": "llai",
 	"components.more-less.more": "mwy",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "Rhagor o Gamau Gweithredu",
 	"components.pager-load-more.action": "Lwytho {count} Arall",
 	"components.pager-load-more.info": "{totalCount, plural, one {{showingCount} o {totalCountFormatted} eitem} other {{showingCount} o {totalCountFormatted} eitem}}",

package/lang/da.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "Statusindikator",
 	"components.more-less.less": "færre",
 	"components.more-less.more": "flere",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "Flere handlinger",
 	"components.pager-load-more.action": "Indlæs {count} mere",
 	"components.pager-load-more.info": "{totalCount, plural, one {{showingCount} af {totalCountFormatted} element} other {{showingCount} af {totalCountFormatted} elementer}}",

package/lang/de.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "Fortschrittsanzeige",
 	"components.more-less.less": "Weniger",
 	"components.more-less.more": "mehr",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "Weitere Aktionen",
 	"components.pager-load-more.action": "{count} weitere laden",
 	"components.pager-load-more.info": "{totalCount, plural, one {{showingCount} von {totalCountFormatted} Element} other {{showingCount} von {totalCountFormatted} Elementen}}",

package/lang/en.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "Progress Indicator",
 	"components.more-less.less": "less",
 	"components.more-less.more": "more",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "More Actions",
 	"components.pager-load-more.action": "Load {count} More",
 	"components.pager-load-more.info": "{totalCount, plural, one {{showingCount} of {totalCountFormatted} item} other {{showingCount} of {totalCountFormatted} items}}",

package/lang/es-es.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "Indicador de progreso",
 	"components.more-less.less": "menos",
 	"components.more-less.more": "más",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "Más acciones",
 	"components.pager-load-more.action": "Cargar {count} más",
 	"components.pager-load-more.info": "{totalCount, plural, one {{showingCount} de {totalCountFormatted} elemento} other {{showingCount} de {totalCountFormatted} elemento}}",

package/lang/es.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "Indicador de progreso",
 	"components.more-less.less": "menos",
 	"components.more-less.more": "más",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "Más acciones",
 	"components.pager-load-more.action": "Cargar {count} más",
 	"components.pager-load-more.info": "{totalCount, plural, one {{showingCount} de {totalCountFormatted} elemento} other {{showingCount} de {totalCountFormatted} elemento}}",

package/lang/fr-fr.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "Indicateur de progrès",
 	"components.more-less.less": "moins",
 	"components.more-less.more": "plus",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "Plus d'actions",
 	"components.pager-load-more.action": "Charger {count} supplémentaire(s)",
 	"components.pager-load-more.info": "{totalCount, plural, one {{showingCount} sur {totalCountFormatted} élément} other {{showingCount} sur {totalCountFormatted} éléments}}",

package/lang/fr.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "Indicateur de progrès",
 	"components.more-less.less": "moins",
 	"components.more-less.more": "plus",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "Plus d'actions",
 	"components.pager-load-more.action": "Charger {count} de plus",
 	"components.pager-load-more.info": "{totalCount, plural, one {{showingCount} de {totalCountFormatted} élément} other {{showingCount} de {totalCountFormatted} éléments}}",

package/lang/hi.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "प्रगति संकेतक",
 	"components.more-less.less": "कम",
 	"components.more-less.more": "अधिक",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "अधिक क्रियाएँ",
 	"components.pager-load-more.action": "{count} और लोड करें",
 	"components.pager-load-more.info": "{totalCount, plural, one {{totalCountFormatted} में से {showingCount} आइटम} other {{totalCountFormatted} में से {showingCount} आइटम}}",

package/lang/ja.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "進捗状況インジケータ",
 	"components.more-less.less": "減らす",
 	"components.more-less.more": "増やす",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "その他のアクション",
 	"components.pager-load-more.action": "さらに {count} 件を読み込む",
 	"components.pager-load-more.info": "{totalCount, plural, other {{showingCount}/{totalCountFormatted} 個の項目}}",

package/lang/ko.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "진도 표시기",
 	"components.more-less.less": "축소",
 	"components.more-less.more": "더 보기",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "추가 작업",
 	"components.pager-load-more.action": "{count}개 더 로드",
 	"components.pager-load-more.info": "{totalCount, plural, other {{totalCountFormatted}개 항목 중 {showingCount}개}}",

package/lang/nl.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "Voortgangsindicator",
 	"components.more-less.less": "minder",
 	"components.more-less.more": "meer",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "Meer acties",
 	"components.pager-load-more.action": "Laad nog {count} extra",
 	"components.pager-load-more.info": "{totalCount, plural, one {{showingCount} van {totalCountFormatted} artikel} other {{showingCount} van {totalCountFormatted} artikelen}}",

package/lang/pt.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "Indicador de progresso",
 	"components.more-less.less": "menos",
 	"components.more-less.more": "mais",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "Mais ações",
 	"components.pager-load-more.action": "Carregar mais {count}",
 	"components.pager-load-more.info": "{totalCount, plural, one {{showingCount} de {totalCountFormatted} item} other {{showingCount} de {totalCountFormatted} itens}}",

package/lang/sv.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "Förloppsindikator",
 	"components.more-less.less": "mindre",
 	"components.more-less.more": "mer",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "Fler åtgärder",
 	"components.pager-load-more.action": "Läs in {count} till",
 	"components.pager-load-more.info": "{totalCount, plural, one {{showingCount} av {totalCountFormatted} objekt} other {{showingCount} av {totalCountFormatted} objekt}}",

package/lang/tr.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "Gelişim Göstergesi",
 	"components.more-less.less": "daha az",
 	"components.more-less.more": "daha fazla",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "Daha Fazla Eylem",
 	"components.pager-load-more.action": "{count} Tane Daha Yükle",
 	"components.pager-load-more.info": "{totalCount, plural, one {{showingCount} / {totalCountFormatted} öğe} other {{showingCount} / {totalCountFormatted} öğe}}",

package/lang/zh-cn.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "进度指示符",
 	"components.more-less.less": "更少",
 	"components.more-less.more": "更多",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "更多操作",
 	"components.pager-load-more.action": "再加载 {count} 个",
 	"components.pager-load-more.info": "{totalCount, plural, other {{showingCount}/{totalCountFormatted} 项}}",

package/lang/zh-tw.js

@@ -90,6 +90,7 @@ export default {
 	"components.meter-mixin.progressIndicator": "進度指示器",
 	"components.more-less.less": "較少",
 	"components.more-less.more": "較多",
+	"components.object-property-list.item-placeholder-text": "Placeholder Item",
 	"components.overflow-group.moreActions": "其他動作",
 	"components.pager-load-more.action": "再載入 {count} 個",
 	"components.pager-load-more.info": "{totalCount, plural, other {{showingCount} 項，共 {totalCountFormatted} 項}}",

package/package.json

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