@brightspace-ui/core 2.36.0 → 2.37.1

package/lang/sv.js

@@ -92,7 +92,7 @@ export default {
 	"components.more-less.more": "mer",
 	"components.overflow-group.moreActions": "Fler åtgärder",
 	"components.pager-load-more.action": "Läs in {count} till",
-	"components.pager-load-more.info": "{showingCount} av {totalCount} objekt",
+	"components.pager-load-more.info": "{totalCount, plural, one {{showingCount} of {totalCountFormatted} item} other {{showingCount} of {totalCountFormatted} items}}",
 	"components.pager-load-more.status-loading": "Läser in fler objekt",
 	"components.selection.action-hint": "Välj ett objekt för att utföra åtgärden.",
 	"components.selection.select-all": "Välj alla",

package/lang/tr.js

@@ -92,7 +92,7 @@ export default {
 	"components.more-less.more": "daha fazla",
 	"components.overflow-group.moreActions": "Daha Fazla Eylem",
 	"components.pager-load-more.action": "{count} Tane Daha Yükle",
-	"components.pager-load-more.info": "{totalCount} / {showingCount} öğe",
+	"components.pager-load-more.info": "{totalCount, plural, one {{showingCount} of {totalCountFormatted} item} other {{showingCount} of {totalCountFormatted} items}}",
 	"components.pager-load-more.status-loading": "Daha fazla öğe yükleniyor",
 	"components.selection.action-hint": "Bu eylemi gerçekleştirebilmek için bir öğe seçin.",
 	"components.selection.select-all": "Tümünü Seç",

package/lang/zh-cn.js

@@ -92,7 +92,7 @@ export default {
 	"components.more-less.more": "更多",
 	"components.overflow-group.moreActions": "更多操作",
 	"components.pager-load-more.action": "再加载 {count} 个",
-	"components.pager-load-more.info": "{showingCount} 个，共 {totalCount} 个项目",
+	"components.pager-load-more.info": "{totalCount, plural, other {{showingCount} of {totalCountFormatted} items}}",
 	"components.pager-load-more.status-loading": "加载更多项目",
 	"components.selection.action-hint": "选择一个项目后才能执行此操作。",
 	"components.selection.select-all": "全选",

package/lang/zh-tw.js

@@ -92,7 +92,7 @@ export default {
 	"components.more-less.more": "較多",
 	"components.overflow-group.moreActions": "其他動作",
 	"components.pager-load-more.action": "再載入 {count} 個",
-	"components.pager-load-more.info": "{showingCount} 個項目，共 {totalCount} 個項目",
+	"components.pager-load-more.info": "{totalCount, plural, other {{showingCount} of {totalCountFormatted} items}}",
 	"components.pager-load-more.status-loading": "正在載入更多項目",
 	"components.selection.action-hint": "選取項目以執行此動作。",
 	"components.selection.select-all": "全選",

package/package.json

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

package/components/empty-state/empty-state-illustrated-button.js

@@ -1,71 +0,0 @@
-import '../button/button.js';
-import '../button/button-subtle.js';
-import { html, LitElement, nothing } from 'lit';
-import { classMap } from 'lit/directives/class-map.js';
-import { EmptyStateIllustratedMixin } from './empty-state-illustrated-mixin.js';
-import { runAsync } from '../../directives/run-async/run-async.js';
-import { styleMap } from 'lit/directives/style-map.js';
-
-/**
- * The `d2l-empty-state-illustrated-button` component is an empty state component that displays an illustration and action button. The illustration property can be set to use one of the preset illustrations or a custom SVG illustration can be added in the default slot.
- * @fires d2l-empty-state-action - Dispatched when the action button is clicked
- * @slot - Custom SVG content if `illustration-name` property is not set
- */
-class EmptyStateIllustratedButton extends EmptyStateIllustratedMixin(LitElement) {
-
-	static get properties() {
-		return {
-			/**
-			 * This will change the action button to use a primary button instead of the default subtle button
-			 * @type {boolean}
-			 */
-			primary: { type: Boolean },
-		};
-	}
-
-	constructor() {
-		super();
-		this._illustratedComponentType = 'button';
-	}
-
-	render() {
-		const illustrationContainerStyle = this.getIllustrationContainerStyle();
-		const titleClass = this.getTitleClass();
-
-		let actionButton = nothing;
-		if (this.actionText) {
-			actionButton = this.primary
-				? html`<d2l-button
-							class="d2l-empty-state-action"
-							@click=${this._handleActionClick}
-							primary>${this.actionText}
-						</d2l-button>`
-				: html`<d2l-button-subtle
-							class="d2l-empty-state-action"
-							@click=${this._handleActionClick}
-							text=${this.actionText}>
-						</d2l-button-subtle>`;
-		}
-
-		return html`
-			${this.illustrationName
-		? html`
-			<div style="${styleMap(illustrationContainerStyle)}">
-				${runAsync(this.illustrationName, () => this.getIllustration(this.illustrationName), { success: (illustration) => illustration }, { pendingState: false })}
-			</div>`
-		: html`<slot></slot>`}
-
-			<p class="${classMap(titleClass)}">${this.titleText}</p>
-			<p class="d2l-body-compact d2l-empty-state-description">${this.description}</p>
-			${actionButton}
-		`;
-	}
-
-	_handleActionClick(e) {
-		e.stopPropagation();
-		this.dispatchEvent(new CustomEvent('d2l-empty-state-action'));
-	}
-
-}
-
-customElements.define('d2l-empty-state-illustrated-button', EmptyStateIllustratedButton);

package/components/empty-state/empty-state-illustrated-link.js

@@ -1,57 +0,0 @@
-import { html, LitElement, nothing } from 'lit';
-import { classMap } from 'lit/directives/class-map.js';
-import { EmptyStateIllustratedMixin } from './empty-state-illustrated-mixin.js';
-import { linkStyles } from '../link/link.js';
-import { runAsync } from '../../directives/run-async/run-async.js';
-import { styleMap } from 'lit/directives/style-map.js';
-
-/**
- * The `d2l-empty-state-illustrated-link` component is an empty state component that displays an illustration and action link. The illustration property can be set to use one of the preset illustrations or a custom SVG illustration can be added in the default slot.
- * @slot - Custom SVG content if `illustration-name` property is not set
- */
-class EmptyStateIllustratedLink extends EmptyStateIllustratedMixin(LitElement) {
-
-	static get properties() {
-		return {
-			/**
-			 * The action URL or URL fragment of the link
-			 * @type {string}
-			 */
-			actionHref: { type: String, attribute: 'action-href' },
-		};
-	}
-
-	static get styles() {
-		return [super.styles, linkStyles];
-	}
-
-	constructor() {
-		super();
-		this._illustratedComponentType = 'link';
-	}
-
-	render() {
-		const illustrationContainerStyle = this.getIllustrationContainerStyle();
-		const titleClass = this.getTitleClass();
-
-		const actionLink = this.actionText && this.actionHref
-			? html`<a class="d2l-body-compact d2l-empty-state-action d2l-link" href=${this.actionHref}>${this.actionText}</a>`
-			: nothing;
-
-		return html`
-			${this.illustrationName
-		? html`
-			<div style="${styleMap(illustrationContainerStyle)}">
-				${runAsync(this.illustrationName, () => this.getIllustration(this.illustrationName), { success: (illustration) => illustration }, { pendingState: false })}
-			</div>`
-		: html`<slot></slot>`}
-
-			<p class="${classMap(titleClass)}">${this.titleText}</p>
-			<p class="d2l-body-compact d2l-empty-state-description">${this.description}</p>
-			${actionLink}
-		`;
-	}
-
-}
-
-customElements.define('d2l-empty-state-illustrated-link', EmptyStateIllustratedLink);

package/components/empty-state/empty-state-simple-link.js

@@ -1,74 +0,0 @@
-import { emptyStateSimpleStyles, emptyStateStyles } from './empty-state-styles.js';
-import { html, LitElement, nothing } from 'lit';
-import { bodyCompactStyles } from '../typography/styles.js';
-import { linkStyles } from '../link/link.js';
-import { RtlMixin } from '../../mixins/rtl-mixin.js';
-
-/**
- * The `d2l-empty-state-simple-link` component is an empty state component that displays a description and action link.
- */
-class EmptyStateSimpleLink extends RtlMixin(LitElement) {
-
-	static get properties() {
-		return {
-			/**
-			 * The action URL or URL fragment of the link
-			 * @type {string}
-			 */
-			actionHref: { type: String, attribute: 'action-href' },
-			/**
-			 * The action text to be used in the link
-			 * @type {string}
-			 */
-			actionText: { type: String, attribute: 'action-text' },
-			/**
-			 * REQUIRED: A description giving details about the empty state
-			 * @type {string}
-			 */
-			description: { type: String }
-		};
-	}
-
-	static get styles() {
-		return [bodyCompactStyles, emptyStateStyles, emptyStateSimpleStyles, linkStyles];
-	}
-
-	constructor() {
-		super();
-		this._missingDescriptionErrorHasBeenThrown =  false;
-		this._validatingDescriptionTimeout = null;
-	}
-
-	firstUpdated(changedProperties) {
-		super.firstUpdated(changedProperties);
-		this._validateDescription();
-	}
-
-	render() {
-		const actionLink = this.actionText && this.actionHref
-			? html`<a class="d2l-body-compact d2l-link" href=${this.actionHref}>${this.actionText}</a>`
-			: nothing;
-
-		return html`
-			<p class="d2l-body-compact d2l-empty-state-description">${this.description}</p>
-			${actionLink}
-		`;
-	}
-
-	_validateDescription() {
-		clearTimeout(this._validatingDescriptionTimeout);
-		// don't error immediately in case it doesn't get set immediately
-		this._validatingDescriptionTimeout = setTimeout(() => {
-			this._validatingDescriptionTimeout = null;
-			const hasDescription = (typeof this.description === 'string') && this.description.length > 0;
-
-			if (!hasDescription && !this._missingDescriptionErrorHasBeenThrown) {
-				this._missingDescriptionErrorHasBeenThrown = true;
-				setTimeout(() => { throw new Error('<d2l-empty-state-simple-link>: missing required "description" attribute.'); });
-			}
-		}, 3000);
-	}
-
-}
-
-customElements.define('d2l-empty-state-simple-link', EmptyStateSimpleLink);