@brightspace-ui/labs 1.5.0 → 1.7.0

package/package.json

@@ -4,6 +4,7 @@
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/labs.git",
   "exports": {
+    "./components/accessibility-disability-simulator.js": "./src/components/accessibility-disability-simulator/accessibility-disability-simulator.js",
     "./components/checkbox-drawer.js": "./src/components/checkbox-drawer/checkbox-drawer.js",
     "./components/community-button.js": "./src/components/community/community-button.js",
     "./components/community-link.js": "./src/components/community/community-link.js",
@@ -11,11 +12,14 @@
     "./components/opt-in-flyout.js": "./src/components/opt-in-flyout/opt-in-flyout.js",
     "./components/opt-out-flyout.js": "./src/components/opt-in-flyout/opt-out-flyout.js",
     "./components/opt-out-reason.js": "./src/components/opt-in-flyout/opt-out-reason.js",
+    "./components/pager-numeric.js": "./src/components/pagination/pager-numeric.js",
     "./controllers/computed-value.js": "./src/controllers/computed-values/computed-value.js",
     "./controllers/computed-values.js": "./src/controllers/computed-values/computed-values.js",
     "./controllers/language-listener.js": "./src/controllers/language-listener/language-listener.js"
   },
   "scripts": {
+    "langs:sync": "mfv add-missing && mfv remove-extraneous",
+    "langs:sort": "mfv sort",
     "lint": "npm run lint:eslint && npm run lint:style",
     "lint:eslint": "eslint . --ext .js,.html",
     "lint:style": "stylelint \"**/*.{js,html}\"",
@@ -28,13 +32,13 @@
   "author": "D2L Corporation",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@brightspace-ui/stylelint-config": "^0.8",
-    "@brightspace-ui/testing": "^1.0",
+    "@brightspace-ui/stylelint-config": "^1",
+    "@brightspace-ui/testing": "^1",
     "@web/dev-server": "^0.3",
     "eslint": "^8",
-    "eslint-config-brightspace": "^0.25",
+    "eslint-config-brightspace": "^1",
     "messageformat-validator": "^2",
-    "stylelint": "^15"
+    "stylelint": "^16"
   },
   "files": [
     "labs.serge.json",
@@ -47,5 +51,5 @@
     "@brightspace-ui/core": "^2",
     "lit": "^2"
   },
-  "version": "1.5.0"
+  "version": "1.7.0"
 }

package/src/components/accessibility-disability-simulator/README.md

@@ -0,0 +1,33 @@
+# d2l-labs-accessibility-disability-simulator
+
+A wrapper component that can be used to simulate how users with different forms of disabilities would experience the content within its slot.
+
+## Usage
+
+```html
+<script type="module">
+    import '@brightspace-ui/labs/components/accessibility-disability-simulator.js';
+</script>
+<d2l-labs-accessibility-disability-simulator>
+	...
+</d2l-labs-accessibility-disability-simulator>
+```
+
+## Properties
+
+| Property | Type | Description |
+|--|--|--|
+| `blur-level` | Number, default: 50 | The level of blurriness when the `low-vision` filter is being used, should range between 1 and 100
+| `disability-type` | String | The type of disability to simulate, see [here](#disability-type-values) for the options
+| `hide-alert` | Boolean, default: `false` | Whether or not the alert should be shown
+| `hide-controls` | Boolean, default: `false` | Whether or not to show the disability type selection and blur level controls
+
+
+### Disability Type Values
+- `no-vision`, Simulates not being able to see anything by hiding the slotted content off of the screen
+- `low-vision`, Simulates having a limited amount of vision by blurring out the slotted content
+- `keyboard-only`, Simulates the inability to use a mouse, forcing the slotted content to only be navigable using keyboard inputs
+- `colorblind-achromatopsia`, Simulates achromatopsia (grayscale) colorblindness
+- `colorblind-deuteranopia`, Simulates deuteranopia (green-light deficient) colorblindness
+- `colorblind-protanopia`, Simulates protanopia (red-light deficient) colorblindness
+- `colorblind-tritanopia`, Simulates tritanopia (blue-light deficient) colorblindness

package/src/components/accessibility-disability-simulator/accessibility-disability-simulator.js

@@ -0,0 +1,229 @@
+import '@brightspace-ui/core/components/alert/alert.js';
+import { bodyCompactStyles, bodyStandardStyles } from '@brightspace-ui/core/components/typography/styles.js';
+import { css, html, LitElement, nothing } from 'lit';
+import { classMap } from 'lit/directives/class-map.js';
+import { LocalizeLabsElement } from '../localize-labs-element.js';
+import { offscreenStyles } from '@brightspace-ui/core/components/offscreen/offscreen.js';
+import { selectStyles } from '@brightspace-ui/core/components/inputs/input-select-styles.js';
+import { styleMap } from 'lit/directives/style-map.js';
+
+export const DISABILITY_TYPES = Object.freeze({
+	none: 'none',
+	noVision: 'no-vision',
+	lowVision: 'low-vision',
+	keyboardOnly: 'keyboard-only',
+	colorblindAchromatopsia: 'colorblind-achromatopsia',
+	colorblindDeuteranopia: 'colorblind-deuteranopia',
+	colorblindProtanopia: 'colorblind-protanopia',
+	colorblindTritanopia: 'colorblind-tritanopia'
+});
+
+const colorblindTypes = Object.entries(DISABILITY_TYPES).filter(value => value[0].includes('colorblind'));
+const otherTypes = Object.entries(DISABILITY_TYPES).filter(value => !value[0].includes('colorblind'));
+
+class AccessibilityDisabilitySimulator extends LocalizeLabsElement(LitElement) {
+
+	static get properties() {
+		return {
+			/**
+			 * The level of blurriness when the low-vision filter is being used, should range between 1 and 100
+			 * @type {Number}
+			 */
+			blurLevel: { type: Number, attribute: 'blur-level', reflect: true },
+			/**
+			 * The type of disability to simulate
+			 * @type {'no-vision'|'low-vision'|'keyboard-only'|'colorblind-achromatopsia'|'colorblind-deuteranopia'|'colorblind-protanopia'|'colorblind-tritanopia'}
+			 */
+			disabilityType: { type: String, attribute: 'disability-type', reflect: true },
+			/**
+			 * Whether or not the alert should be shown
+			 * @type {Boolean}
+			 */
+			hideAlert: { type: Boolean, attribute: 'hide-alert' },
+			/**
+			 * Whether or not to show the disability type selection and blur level controls
+			 * @type {Boolean}
+			 */
+			hideControls: { type: Boolean, attribute: 'hide-controls' }
+		};
+	}
+
+	static get styles() {
+		return [ bodyCompactStyles, bodyStandardStyles, offscreenStyles, selectStyles, css`
+			.simulator-controls {
+				align-items: center;
+				display: flex;
+				gap: 0.5rem;
+				margin-bottom: 1rem;
+			}
+
+			.low-vision-slider {
+				align-items: center;
+				display: flex;
+				gap: 0.5rem;
+			}
+
+			.alert-message {
+				display: inline-block;
+				margin-bottom: 1rem;
+				padding: 0.5rem;
+			}
+
+			.svg-filter {
+				display: none;
+			}
+
+			:host([disability-type="keyboard-only"]) .wrapper-slot {
+				pointer-events: none;
+			}
+
+			:host([disability-type="no-vision"]) .wrapper-slot {
+				filter: grayscale(1);
+			}
+
+			:host([disability-type="colorblind-achromatopsia"]) .wrapper-slot {
+				filter: grayscale(1);
+			}
+
+			:host([disability-type="colorblind-deuteranopia"]) .wrapper-slot {
+				filter: url("#deuteranopia");
+			}
+
+			:host([disability-type="colorblind-protanopia"]) .wrapper-slot {
+				filter: url("#protanopia");
+			}
+
+			:host([disability-type="colorblind-tritanopia"]) .wrapper-slot {
+				filter: url("#tritanopia");
+			}
+		` ];
+	}
+
+	constructor() {
+		super();
+		this.blurLevel = 50;
+	}
+
+	render() {
+		const wrapperClasses = {
+			'wrapper-slot': true,
+			'd2l-offscreen': this.disabilityType === DISABILITY_TYPES.noVision
+		};
+		const wrapperStyles = {
+			...(this.disabilityType === DISABILITY_TYPES.lowVision && { filter: `blur(${this.blurLevel / 20}px)` })
+		};
+		return html`
+			${this._renderColorblindFilters()}
+			${this._renderControls()}
+			${this._renderAlert()}
+
+			<div class="${classMap(wrapperClasses)}" style="${styleMap(wrapperStyles)}">
+				<slot></slot>
+			</div>
+		`;
+	}
+
+	updated(changedProperties) {
+		super.updated(changedProperties);
+
+		if (changedProperties.has('blurLevel')) {
+			this.blurLevel = Math.max(Math.min(this.blurLevel, 100), 1);
+		}
+	}
+
+	_localize(key) {
+		return this.localize(`components:accessibilityDisabilitySimulator:${key}`);
+	}
+
+	_onDisabilityTypeChanged(e) {
+		this.disabilityType = e.target.value;
+	}
+
+	_onSliderChanged(e) {
+		this.blurLevel = e.target.value;
+	}
+
+	_renderAlert() {
+		if (this.hideAlert || this.disabilityType !== DISABILITY_TYPES.noVision) return;
+
+		return html`
+			<d2l-alert class="alert-message" no-padding>
+				<span class="d2l-body-compact">${this._localize('screenreaderAndTabAlert')}</span>
+			</d2l-alert>
+		`;
+	}
+
+	_renderColorblindFilters() {
+		return html`
+			<svg xmlns="http://www.w3.org/2000/svg" class="svg-filter">
+				<filter id="tritanopia" color-interpolation-filters="linearRGB">
+					<feColorMatrix type="matrix" in="SourceGraphic" result="ProjectionOnPlane1" values="
+						1.01354, 0.14268, -0.15622, 0, 0
+						-0.01181, 0.87561, 0.13619, 0, 0
+						0.07707, 0.81208, 0.11085, 0, 0
+						7.92482, -5.66475, -2.26007, 1, -0.2"/>
+
+					<feComponentTransfer in="ProjectionOnPlane1" result="ProjectionOnPlane1">
+						<feFuncA type="discrete" tableValues="0 0 0 0 1"/>
+					</feComponentTransfer>
+
+					<feColorMatrix type="matrix" in="SourceGraphic" result="ProjectionOnPlane2" values="
+						0.93337, 0.19999, -0.13336, 0, 0
+						0.05809, 0.82565, 0.11626, 0, 0
+						-0.37923, 1.13825, 0.24098, 0, 0
+						0,0,0,1,0"
+					/>
+
+					<feBlend in="ProjectionOnPlane1" in2="ProjectionOnPlane2" mode="normal"/>
+				</filter>
+
+				<filter id="deuteranopia" color-interpolation-filters="linearRGB">
+					<feColorMatrix type="matrix" in="SourceGraphic" values="
+						0.29031, 0.70969, 0, 0, 0
+						0.29031, 0.70969, 0, 0, 0
+						-0.02197, 0.02197, 1, 0, 0
+						0, 0, 0, 1, 0"
+					/>
+				</filter>
+
+				<filter id="protanopia" color-interpolation-filters="linearRGB">
+					<feColorMatrix type="matrix" in="SourceGraphic" values="
+						0.10889, 0.89111, 0, 0, 0
+						0.10889, 0.89111, 0, 0, 0
+						0.00447, -0.00447, 1, 0, 0
+						0, 0, 0, 1, 0"
+					/>
+				</filter>
+			</svg>
+		`;
+	}
+
+	_renderControls() {
+		if (this.hideControls) return;
+
+		return html`
+			<div class="simulator-controls">
+				<label for="disability-select" class="d2l-body-standard">${this._localize('simulationType')}</label>
+				<select id="disability-select" class="d2l-input-select" @change=${this._onDisabilityTypeChanged}>
+					${otherTypes.map(type => html`
+						<option value="${type[1]}" ?selected=${this.disabilityType === type[1]}>${this._localize(type[0])}</option>
+					`)}
+					<optgroup label="${this._localize('colorblindness')}">
+						${colorblindTypes.map(type => html`
+							<option value="${type[1]}" ?selected=${this.disabilityType === type[1]}>${this._localize(type[0])}</option>
+						`)}
+					</optgroup>
+				</select>
+
+				${this.disabilityType === DISABILITY_TYPES.lowVision ? html`
+					<div class="low-vision-slider">
+						<label for="blur-slider" class="d2l-body-compact">${this._localize('blurLevel')}</label>
+						<input id="blur-slider" type="range" min="1" max="100" .value="${this.blurLevel}" @input="${this._onSliderChanged}">
+					</div>
+				` : nothing}
+			</div>
+		`;
+	}
+}
+
+customElements.define('d2l-labs-accessibility-disability-simulator', AccessibilityDisabilitySimulator);

package/src/components/pagination/README.md

@@ -0,0 +1,29 @@
+# d2l-labs-pager-numeric
+
+A component to indicate the existence of and provide navigation for multiple pages of content.
+
+## Usage
+
+```html
+<script type="module">
+    import '@brightspace-ui/labs/components/pager-numeric.js';
+</script>
+<d2l-labs-pager-numeric></d2l-labs-pager-numeric>
+```
+
+## Properties
+
+| Property | Type | Description |
+|--|--|--|
+| `page-number` | Number, default: 1 | The current page number
+| `max-page-number` | Number, default: 1 | The highest page number the user can navigate to
+| `show-page-size-selector` | Boolean, default: `false` | Determines whether or not to show the `Results Per Page` select component.
+| `page-sizes` | Array, default:`[10,20,30,40]` | The options available in the `Results Per Page` select component.
+| `page-size` | Number | The starting `page-sizes` value to display in the `Results Per Page` select component. If no value is given, it will default to whatever the first value in the `page-sizes` array.
+
+## Events
+
+* `d2l-labs-pager-numeric-page-change`: dispatched when either the navigation buttons are pressed, or the page number is modified. Event `detail` includes:
+  * `page`: the new page number value
+* `d2l-labs-pager-numeric-page-size-change`: dispatched when the item count selector's value is changed. Event `detail` includes:
+  * `itemCount`: the value the item count selector was just set to

package/src/components/pagination/pager-numeric.js

@@ -0,0 +1,159 @@
+import '@brightspace-ui/core/components/button/button-icon.js';
+import '@brightspace-ui/core/components/inputs/input-number.js';
+import '@brightspace-ui/core/components/inputs/input-text.js';
+import { css, html, LitElement } from 'lit';
+import { formatNumber } from '@brightspace-ui/intl';
+import { LocalizeLabsElement } from '../localize-labs-element.js';
+import { RtlMixin } from '@brightspace-ui/core/mixins/rtl-mixin.js';
+import { selectStyles } from '@brightspace-ui/core/components/inputs/input-select-styles.js';
+
+class PagerNumeric extends RtlMixin(LocalizeLabsElement(LitElement)) {
+
+	static get properties() {
+		return {
+			maxPageNumber: { type: Number, attribute: 'max-page-number', reflect: true },
+			pageNumber: { type: Number, attribute: 'page-number', reflect: true },
+			pageSize : { type: Number, attribute: 'page-size', reflect: true },
+			pageSizes : { type: Array, attribute: 'page-sizes' },
+			showPageSizeSelector : { type: Boolean, attribute: 'show-page-size-selector', reflect: true }
+		};
+	}
+
+	static get styles() {
+		return [selectStyles, css`
+			:host {
+				align-items: center;
+				display: flex;
+				justify-content: center;
+				white-space: nowrap;
+			}
+
+			.d2l-page-selector-container {
+				margin: 0.75rem;
+			}
+
+			.d2l-page-number-container {
+				direction: ltr;
+				display: inline-block;
+			}
+
+			d2l-input-number {
+				margin-left: 0.25rem;
+				margin-right: 0.25rem;
+				width: 3.8rem;
+			}
+
+			.d2l-page-max-text {
+				margin-right: 0.25rem;
+			}
+
+			@media (max-width: 544px) {
+				:host {
+					flex-direction: column-reverse;
+				}
+			}
+		`];
+	}
+
+	constructor() {
+		super();
+		this.pageNumber = 1;
+		this.maxPageNumber = 1;
+		this.pageSizes = [10, 20, 30, 40];
+	}
+
+	render() {
+		return html`
+			<div class="d2l-page-selector-container">
+				<d2l-button-icon
+					id="d2l-labs-pager-numeric-previous-button"
+					icon="tier1:chevron-left"
+					text="${this.localize('components:pagination:previousPage')}"
+					?disabled="${this.pageNumber <= 1}"
+					@click="${this._onPreviousClicked}">
+				</d2l-button-icon>
+
+				<div class="d2l-page-number-container">
+					<d2l-input-number
+						autocomplete="off"
+						label="${this.localize('components:pagination:currentPage', { pageNumber: this.pageNumber, maxPageNumber: this.maxPageNumber })}"
+						label-hidden
+						max-fraction-digits="0"
+						value="${this.pageNumber}"
+						@change="${this._onPageNumberChanged}">
+					</d2l-input-number>
+					<!-- Note: this uses a division slash rather than a regular slash -->
+					<!-- a11y note: setting aria-hidden to true because info here is covered by input element -->
+					<span class="d2l-page-max-text" aria-hidden="true">∕ ${formatNumber(this.maxPageNumber)}</span>
+				</div>
+
+				<d2l-button-icon
+					id="d2l-labs-pager-numeric-next-button"
+					icon="tier1:chevron-right"
+					text="${this.localize('components:pagination:nextPage')}"
+					?disabled="${this.pageNumber >= this.maxPageNumber}"
+					@click="${this._onNextClicked}">
+				</d2l-button-icon>
+			</div>
+
+			${this.showPageSizeSelector ? html`
+				<select
+					class="d2l-input-select"
+					aria-label="${this.localize('components:pagination:resultsPerPage')}"
+					title="${this.localize('components:pagination:resultsPerPage')}"
+					@change="${this._onPageSizeChanged}">
+					${this.pageSizes.map(item => html`
+						<option ?selected="${this.pageSize === item}" value="${item}">${this.localize('components:pagination:amountPerPage', 'count', formatNumber(item))}</option>
+					`)}
+				</select>
+			` : null }
+		`;
+	}
+
+	_dispatchPageChangeEvent(newPageNumber) {
+		this.dispatchEvent(
+			new CustomEvent('d2l-labs-pager-numeric-page-change', {
+				detail: { page: newPageNumber },
+				bubbles: true,
+				composed: true
+			})
+		);
+	}
+
+	_isLastPage() {
+		return this.pageNumber >= this.maxPageNumber;
+	}
+
+	_isValidNumber(input) {
+		return input >= 1 && input <= this.maxPageNumber && input !== this.pageNumber;
+	}
+
+	_onNextClicked() {
+		this._dispatchPageChangeEvent(this.pageNumber + 1);
+	}
+
+	_onPageNumberChanged(e) {
+		if (!this._isValidNumber(e.target.value)) {
+			e.target.value = this.pageNumber;
+			return;
+		}
+
+		this._dispatchPageChangeEvent(Number(e.target.value));
+	}
+
+	_onPageSizeChanged(e) {
+		this.dispatchEvent(
+			new CustomEvent('d2l-labs-pager-numeric-page-size-change', {
+				detail: { itemCount: Number(e.target.value) },
+				bubbles: true,
+				composed: true
+			})
+		);
+	}
+
+	_onPreviousClicked() {
+		this._dispatchPageChangeEvent(this.pageNumber - 1);
+	}
+}
+
+customElements.define('d2l-labs-pager-numeric', PagerNumeric);

package/src/lang/ar.js

@@ -1,4 +1,16 @@
 export default {
+	"components:accessibilityDisabilitySimulator:blurLevel": "Blur Level", // Label for input slider that users can use to change the level of blurriness
+	"components:accessibilityDisabilitySimulator:colorblindAchromatopsia": "Achromatopsia", // Disability simulation option for users with Achromatiopsia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindDeuteranopia": "Deuteranopia", // Disability simulation option for users with Deuteranopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindProtanopia": "Protanopia", // Disability simulation option for users with Protanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindTritanopia": "Tritanopia", // Disability simulation option for users with Tritanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindness": "Colorblindness", // Disability simulation option for users with Colorblindness
+	"components:accessibilityDisabilitySimulator:keyboardOnly": "Keyboard Only", // Disability simulation option for users who can only use the keyboard for navigation
+	"components:accessibilityDisabilitySimulator:lowVision": "Low Vision", // Disability simulation option for users with a limited ability to see
+	"components:accessibilityDisabilitySimulator:noVision": "No Vision", // Disability simulation option for users without the ability to see
+	"components:accessibilityDisabilitySimulator:none": "None", // Disability simulation option that represents having no disability
+	"components:accessibilityDisabilitySimulator:screenreaderAndTabAlert": "Enable your screenreader and tab into the content", // Alert that prompts the user to use a screenreader and tabbing to view content
+	"components:accessibilityDisabilitySimulator:simulationType": "Simulation type:", // Label for the disability simulation options
 	"components:checkboxDrawer:checkboxCollapsed": "تم طي خانة الاختيار", // Read by screen readers when focusing the collapsed (unchecked) checkbox, with the inner content hidden
 	"components:checkboxDrawer:checkboxExpanded": "تم توسيع خانة الاختيار", // Read by screen readers when focusing the expanded (checked) checkbox, with the inner content shown
 	"components:optInFlyout:cancel": "إلغاء",
@@ -12,13 +24,19 @@ export default {
 	"components:optInFlyout:feedbackReasonNotReadyForSomethingNew": "ليس الوقت مناسبًا لتجربة هذا الإصدار",
 	"components:optInFlyout:feedbackReasonOther": "غير ذلك",
 	"components:optInFlyout:feedbackReasonPreferOldExperience": "أعتقد أن الإصدار القديم يوفر تجربة أفضل",
+	"components:optInFlyout:feedbackTitle": "Let us know how to improve!",
 	"components:optInFlyout:helpMessage": "اقرأ *مستندات التعليمات* الخاصة بنا للبدء!",
 	"components:optInFlyout:leaveOff": "الاستمرار في إيقاف التشغيل",
 	"components:optInFlyout:leaveOn": "الاستمرار في التشغيل",
 	"components:optInFlyout:openOptIn": "فتح مربع حوار الاشتراك",
 	"components:optInFlyout:openOptOut": "فتح مربع حوار إلغاء الاشتراك",
+	"components:optInFlyout:turnOff": "إيقاف التشغيل",
+	"components:optInFlyout:turnOn": "التشغيل",
 	"components:optInFlyout:tutorialAndHelpMessage": "شاهد *الدروس التعليمية* الخاصة بنا أو اقرأ ~مستندات التعليمات الخاصة بنا~ للبدء!",
 	"components:optInFlyout:tutorialMessage": "شاهد *الدروس التعليمية* الخاصة بنا لمساعدتك على البدء!",
-	"components:optInFlyout:turnOff": "إيقاف التشغيل",
-	"components:optInFlyout:turnOn": "التشغيل"
+	"components:pagination:amountPerPage" : "{count} لكل صفحة",
+	"components:pagination:currentPage": "رقم الصفحة {pageNumber} من {maxPageNumber}",
+	"components:pagination:nextPage" : "الصفحة التالية",
+	"components:pagination:previousPage" : "الصفحة السابقة",
+	"components:pagination:resultsPerPage" : "النتائج لكل صفحة"
 };

package/src/lang/cy.js

@@ -1,4 +1,16 @@
 export default {
+	"components:accessibilityDisabilitySimulator:blurLevel": "Blur Level", // Label for input slider that users can use to change the level of blurriness
+	"components:accessibilityDisabilitySimulator:colorblindAchromatopsia": "Achromatopsia", // Disability simulation option for users with Achromatiopsia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindDeuteranopia": "Deuteranopia", // Disability simulation option for users with Deuteranopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindProtanopia": "Protanopia", // Disability simulation option for users with Protanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindTritanopia": "Tritanopia", // Disability simulation option for users with Tritanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindness": "Colorblindness", // Disability simulation option for users with Colorblindness
+	"components:accessibilityDisabilitySimulator:keyboardOnly": "Keyboard Only", // Disability simulation option for users who can only use the keyboard for navigation
+	"components:accessibilityDisabilitySimulator:lowVision": "Low Vision", // Disability simulation option for users with a limited ability to see
+	"components:accessibilityDisabilitySimulator:noVision": "No Vision", // Disability simulation option for users without the ability to see
+	"components:accessibilityDisabilitySimulator:none": "None", // Disability simulation option that represents having no disability
+	"components:accessibilityDisabilitySimulator:screenreaderAndTabAlert": "Enable your screenreader and tab into the content", // Alert that prompts the user to use a screenreader and tabbing to view content
+	"components:accessibilityDisabilitySimulator:simulationType": "Simulation type:", // Label for the disability simulation options
 	"components:checkboxDrawer:checkboxCollapsed": "Wedi crebachu blwch ticio", // Read by screen readers when focusing the collapsed (unchecked) checkbox, with the inner content hidden
 	"components:checkboxDrawer:checkboxExpanded": "Wedi ehangu blwch ticio", // Read by screen readers when focusing the expanded (checked) checkbox, with the inner content shown
 	"components:optInFlyout:cancel": "Canslo",
@@ -21,5 +33,10 @@ export default {
 	"components:optInFlyout:turnOff": "Diffoddwch e",
 	"components:optInFlyout:turnOn": "Trowch e ymlaen",
 	"components:optInFlyout:tutorialAndHelpMessage": "Gwyliwch ein *tiwtorialau* neu darllenwch ein ~dogfennaeth cymorth~ i gychwyn arni!",
-	"components:optInFlyout:tutorialMessage": "Gwyliwch ein *tiwtorialau* i’ch helpu i gychwyn arni!"
+	"components:optInFlyout:tutorialMessage": "Gwyliwch ein *tiwtorialau* i’ch helpu i gychwyn arni!",
+	"components:pagination:amountPerPage" : "{count} fesul tudalen",
+	"components:pagination:currentPage": "Rhif tudalen {pageNumber} o {maxPageNumber}",
+	"components:pagination:nextPage" : "Tudalen nesaf",
+	"components:pagination:previousPage" : "Y dudalen flaenorol",
+	"components:pagination:resultsPerPage" : "Canlyniadau fesul tudalen"
 };

package/src/lang/da.js

@@ -1,4 +1,16 @@
 export default {
+	"components:accessibilityDisabilitySimulator:blurLevel": "Blur Level", // Label for input slider that users can use to change the level of blurriness
+	"components:accessibilityDisabilitySimulator:colorblindAchromatopsia": "Achromatopsia", // Disability simulation option for users with Achromatiopsia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindDeuteranopia": "Deuteranopia", // Disability simulation option for users with Deuteranopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindProtanopia": "Protanopia", // Disability simulation option for users with Protanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindTritanopia": "Tritanopia", // Disability simulation option for users with Tritanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindness": "Colorblindness", // Disability simulation option for users with Colorblindness
+	"components:accessibilityDisabilitySimulator:keyboardOnly": "Keyboard Only", // Disability simulation option for users who can only use the keyboard for navigation
+	"components:accessibilityDisabilitySimulator:lowVision": "Low Vision", // Disability simulation option for users with a limited ability to see
+	"components:accessibilityDisabilitySimulator:noVision": "No Vision", // Disability simulation option for users without the ability to see
+	"components:accessibilityDisabilitySimulator:none": "None", // Disability simulation option that represents having no disability
+	"components:accessibilityDisabilitySimulator:screenreaderAndTabAlert": "Enable your screenreader and tab into the content", // Alert that prompts the user to use a screenreader and tabbing to view content
+	"components:accessibilityDisabilitySimulator:simulationType": "Simulation type:", // Label for the disability simulation options
 	"components:checkboxDrawer:checkboxCollapsed": "Afkrydsningsfelt skjult", // Read by screen readers when focusing the collapsed (unchecked) checkbox, with the inner content hidden
 	"components:checkboxDrawer:checkboxExpanded": "Afkrydsningsfelt udvidet", // Read by screen readers when focusing the expanded (checked) checkbox, with the inner content shown
 	"components:optInFlyout:cancel": "Annuller",
@@ -21,5 +33,10 @@ export default {
 	"components:optInFlyout:turnOff": "Slå den fra",
 	"components:optInFlyout:turnOn": "Slå den til",
 	"components:optInFlyout:tutorialAndHelpMessage": "Se vores *selvstudier*, eller læs vores ~hjælp-dokumentation~ for at komme i gang!",
-	"components:optInFlyout:tutorialMessage": "Se vores *selvstudier* for at komme i gang!"
+	"components:optInFlyout:tutorialMessage": "Se vores *selvstudier* for at komme i gang!",
+	"components:pagination:amountPerPage" : "{count} pr. side",
+	"components:pagination:currentPage": "Sidenummer {pageNumber} af {maxPageNumber}",
+	"components:pagination:nextPage" : "Næste side",
+	"components:pagination:previousPage" : "Forrige side",
+	"components:pagination:resultsPerPage" : "Resultater pr. side"
 };

package/src/lang/de.js

@@ -1,4 +1,16 @@
 export default {
+	"components:accessibilityDisabilitySimulator:blurLevel": "Blur Level", // Label for input slider that users can use to change the level of blurriness
+	"components:accessibilityDisabilitySimulator:colorblindAchromatopsia": "Achromatopsia", // Disability simulation option for users with Achromatiopsia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindDeuteranopia": "Deuteranopia", // Disability simulation option for users with Deuteranopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindProtanopia": "Protanopia", // Disability simulation option for users with Protanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindTritanopia": "Tritanopia", // Disability simulation option for users with Tritanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindness": "Colorblindness", // Disability simulation option for users with Colorblindness
+	"components:accessibilityDisabilitySimulator:keyboardOnly": "Keyboard Only", // Disability simulation option for users who can only use the keyboard for navigation
+	"components:accessibilityDisabilitySimulator:lowVision": "Low Vision", // Disability simulation option for users with a limited ability to see
+	"components:accessibilityDisabilitySimulator:noVision": "No Vision", // Disability simulation option for users without the ability to see
+	"components:accessibilityDisabilitySimulator:none": "None", // Disability simulation option that represents having no disability
+	"components:accessibilityDisabilitySimulator:screenreaderAndTabAlert": "Enable your screenreader and tab into the content", // Alert that prompts the user to use a screenreader and tabbing to view content
+	"components:accessibilityDisabilitySimulator:simulationType": "Simulation type:", // Label for the disability simulation options
 	"components:checkboxDrawer:checkboxCollapsed": "Kontrollkästchen ausgeblendet", // Read by screen readers when focusing the collapsed (unchecked) checkbox, with the inner content hidden
 	"components:checkboxDrawer:checkboxExpanded": "Kontrollkästchen eingeblendet", // Read by screen readers when focusing the expanded (checked) checkbox, with the inner content shown
 	"components:optInFlyout:cancel": "Abbrechen",
@@ -21,5 +33,10 @@ export default {
 	"components:optInFlyout:turnOff": "Ausschalten",
 	"components:optInFlyout:turnOn": "Einschalten",
 	"components:optInFlyout:tutorialAndHelpMessage": "Sehen Sie unsere *Tutorials* an, oder lesen Sie unsere ~Hilfe-Dokumentation~, um zu beginnen!",
-	"components:optInFlyout:tutorialMessage": "Unsere *Tutorials* helfen Ihnen beim Start!"
+	"components:optInFlyout:tutorialMessage": "Unsere *Tutorials* helfen Ihnen beim Start!",
+	"components:pagination:amountPerPage" : "{count} pro Seite",
+	"components:pagination:currentPage": "Seitennummer {pageNumber} von {maxPageNumber}",
+	"components:pagination:nextPage" : "Nächste Seite",
+	"components:pagination:previousPage" : "Vorherige Seite",
+	"components:pagination:resultsPerPage" : "Ergebnisse pro Seite"
 };

package/src/lang/en.js

@@ -1,4 +1,16 @@
 export default {
+	"components:accessibilityDisabilitySimulator:blurLevel": "Blur Level", // Label for input slider that users can use to change the level of blurriness
+	"components:accessibilityDisabilitySimulator:colorblindAchromatopsia": "Achromatopsia", // Disability simulation option for users with Achromatiopsia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindDeuteranopia": "Deuteranopia", // Disability simulation option for users with Deuteranopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindProtanopia": "Protanopia", // Disability simulation option for users with Protanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindTritanopia": "Tritanopia", // Disability simulation option for users with Tritanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindness": "Colorblindness", // Disability simulation option for users with Colorblindness
+	"components:accessibilityDisabilitySimulator:keyboardOnly": "Keyboard Only", // Disability simulation option for users who can only use the keyboard for navigation
+	"components:accessibilityDisabilitySimulator:lowVision": "Low Vision", // Disability simulation option for users with a limited ability to see
+	"components:accessibilityDisabilitySimulator:noVision": "No Vision", // Disability simulation option for users without the ability to see
+	"components:accessibilityDisabilitySimulator:none": "None", // Disability simulation option that represents having no disability
+	"components:accessibilityDisabilitySimulator:screenreaderAndTabAlert": "Enable your screenreader and tab into the content", // Alert that prompts the user to use a screenreader and tabbing to view content
+	"components:accessibilityDisabilitySimulator:simulationType": "Simulation type:", // Label for the disability simulation options
 	"components:checkboxDrawer:checkboxCollapsed": "Checkbox collapsed", // Read by screen readers when focusing the collapsed (unchecked) checkbox, with the inner content hidden
 	"components:checkboxDrawer:checkboxExpanded": "Checkbox expanded", // Read by screen readers when focusing the expanded (checked) checkbox, with the inner content shown
 	"components:optInFlyout:cancel": "Cancel",
@@ -21,5 +33,10 @@ export default {
 	"components:optInFlyout:turnOff": "Turn it off",
 	"components:optInFlyout:turnOn": "Turn it on",
 	"components:optInFlyout:tutorialAndHelpMessage": "Watch our *tutorials* or read our ~help documentation~ to get started!",
-	"components:optInFlyout:tutorialMessage": "Watch our *tutorials* to help you get started!"
+	"components:optInFlyout:tutorialMessage": "Watch our *tutorials* to help you get started!",
+	"components:pagination:amountPerPage": "{count} per page",
+	"components:pagination:currentPage": "Page number {pageNumber} of {maxPageNumber}",
+	"components:pagination:nextPage": "Next page",
+	"components:pagination:previousPage": "Previous page",
+	"components:pagination:resultsPerPage": "Results per page"
 };

package/src/lang/es-es.js

@@ -1,4 +1,16 @@
 export default {
+	"components:accessibilityDisabilitySimulator:blurLevel": "Blur Level", // Label for input slider that users can use to change the level of blurriness
+	"components:accessibilityDisabilitySimulator:colorblindAchromatopsia": "Achromatopsia", // Disability simulation option for users with Achromatiopsia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindDeuteranopia": "Deuteranopia", // Disability simulation option for users with Deuteranopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindProtanopia": "Protanopia", // Disability simulation option for users with Protanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindTritanopia": "Tritanopia", // Disability simulation option for users with Tritanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindness": "Colorblindness", // Disability simulation option for users with Colorblindness
+	"components:accessibilityDisabilitySimulator:keyboardOnly": "Keyboard Only", // Disability simulation option for users who can only use the keyboard for navigation
+	"components:accessibilityDisabilitySimulator:lowVision": "Low Vision", // Disability simulation option for users with a limited ability to see
+	"components:accessibilityDisabilitySimulator:noVision": "No Vision", // Disability simulation option for users without the ability to see
+	"components:accessibilityDisabilitySimulator:none": "None", // Disability simulation option that represents having no disability
+	"components:accessibilityDisabilitySimulator:screenreaderAndTabAlert": "Enable your screenreader and tab into the content", // Alert that prompts the user to use a screenreader and tabbing to view content
+	"components:accessibilityDisabilitySimulator:simulationType": "Simulation type:", // Label for the disability simulation options
 	"components:checkboxDrawer:checkboxCollapsed": "Casilla de verificación contraída", // Read by screen readers when focusing the collapsed (unchecked) checkbox, with the inner content hidden
 	"components:checkboxDrawer:checkboxExpanded": "Casilla de verificación expandida", // Read by screen readers when focusing the expanded (checked) checkbox, with the inner content shown
 	"components:optInFlyout:cancel": "Cancelar",
@@ -21,5 +33,10 @@ export default {
 	"components:optInFlyout:turnOff": "Desactivar",
 	"components:optInFlyout:turnOn": "Activar",
 	"components:optInFlyout:tutorialAndHelpMessage": "Consulte nuestros *tutoriales* o lea nuestra ~documentación de ayuda~ para comenzar.",
-	"components:optInFlyout:tutorialMessage": "Consulte nuestros *tutoriales* como ayuda adicional para empezar."
+	"components:optInFlyout:tutorialMessage": "Consulte nuestros *tutoriales* como ayuda adicional para empezar.",
+	"components:pagination:amountPerPage" : "{count} por página",
+	"components:pagination:currentPage": "Página número {pageNumber} de {maxPageNumber}",
+	"components:pagination:nextPage" : "Página siguiente",
+	"components:pagination:previousPage" : "Página anterior",
+	"components:pagination:resultsPerPage" : "Resultados por página"
 };

package/src/lang/es.js

@@ -1,4 +1,16 @@
 export default {
+	"components:accessibilityDisabilitySimulator:blurLevel": "Blur Level", // Label for input slider that users can use to change the level of blurriness
+	"components:accessibilityDisabilitySimulator:colorblindAchromatopsia": "Achromatopsia", // Disability simulation option for users with Achromatiopsia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindDeuteranopia": "Deuteranopia", // Disability simulation option for users with Deuteranopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindProtanopia": "Protanopia", // Disability simulation option for users with Protanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindTritanopia": "Tritanopia", // Disability simulation option for users with Tritanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindness": "Colorblindness", // Disability simulation option for users with Colorblindness
+	"components:accessibilityDisabilitySimulator:keyboardOnly": "Keyboard Only", // Disability simulation option for users who can only use the keyboard for navigation
+	"components:accessibilityDisabilitySimulator:lowVision": "Low Vision", // Disability simulation option for users with a limited ability to see
+	"components:accessibilityDisabilitySimulator:noVision": "No Vision", // Disability simulation option for users without the ability to see
+	"components:accessibilityDisabilitySimulator:none": "None", // Disability simulation option that represents having no disability
+	"components:accessibilityDisabilitySimulator:screenreaderAndTabAlert": "Enable your screenreader and tab into the content", // Alert that prompts the user to use a screenreader and tabbing to view content
+	"components:accessibilityDisabilitySimulator:simulationType": "Simulation type:", // Label for the disability simulation options
 	"components:checkboxDrawer:checkboxCollapsed": "Casilla de selección contraída", // Read by screen readers when focusing the collapsed (unchecked) checkbox, with the inner content hidden
 	"components:checkboxDrawer:checkboxExpanded": "Casilla de selección expandida", // Read by screen readers when focusing the expanded (checked) checkbox, with the inner content shown
 	"components:optInFlyout:cancel": "Cancelar",
@@ -21,5 +33,10 @@ export default {
 	"components:optInFlyout:turnOff": "Desactivar",
 	"components:optInFlyout:turnOn": "Activar",
 	"components:optInFlyout:tutorialAndHelpMessage": "Vea nuestros *tutoriales* o lea nuestra ~documentación de ayuda~ para comenzar.",
-	"components:optInFlyout:tutorialMessage": "Vea nuestros *tutoriales* para saber cómo comenzar."
+	"components:optInFlyout:tutorialMessage": "Vea nuestros *tutoriales* para saber cómo comenzar.",
+	"components:pagination:amountPerPage" : "{count} por página",
+	"components:pagination:currentPage": "Página número {pageNumber} de {maxPageNumber}",
+	"components:pagination:nextPage" : "Página siguiente",
+	"components:pagination:previousPage" : "Página anterior",
+	"components:pagination:resultsPerPage" : "Resultados por página"
 };

package/src/lang/fr-fr.js

@@ -1,4 +1,16 @@
 export default {
+	"components:accessibilityDisabilitySimulator:blurLevel": "Blur Level", // Label for input slider that users can use to change the level of blurriness
+	"components:accessibilityDisabilitySimulator:colorblindAchromatopsia": "Achromatopsia", // Disability simulation option for users with Achromatiopsia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindDeuteranopia": "Deuteranopia", // Disability simulation option for users with Deuteranopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindProtanopia": "Protanopia", // Disability simulation option for users with Protanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindTritanopia": "Tritanopia", // Disability simulation option for users with Tritanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindness": "Colorblindness", // Disability simulation option for users with Colorblindness
+	"components:accessibilityDisabilitySimulator:keyboardOnly": "Keyboard Only", // Disability simulation option for users who can only use the keyboard for navigation
+	"components:accessibilityDisabilitySimulator:lowVision": "Low Vision", // Disability simulation option for users with a limited ability to see
+	"components:accessibilityDisabilitySimulator:noVision": "No Vision", // Disability simulation option for users without the ability to see
+	"components:accessibilityDisabilitySimulator:none": "None", // Disability simulation option that represents having no disability
+	"components:accessibilityDisabilitySimulator:screenreaderAndTabAlert": "Enable your screenreader and tab into the content", // Alert that prompts the user to use a screenreader and tabbing to view content
+	"components:accessibilityDisabilitySimulator:simulationType": "Simulation type:", // Label for the disability simulation options
 	"components:checkboxDrawer:checkboxCollapsed": "Case à cocher réduite", // Read by screen readers when focusing the collapsed (unchecked) checkbox, with the inner content hidden
 	"components:checkboxDrawer:checkboxExpanded": "Case à cocher développée", // Read by screen readers when focusing the expanded (checked) checkbox, with the inner content shown
 	"components:optInFlyout:cancel": "Annuler",
@@ -21,5 +33,10 @@ export default {
 	"components:optInFlyout:turnOff": "Désactiver",
 	"components:optInFlyout:turnOn": "Activer",
 	"components:optInFlyout:tutorialAndHelpMessage": "Regardez nos * tutoriels *ou lisez notre ~ documentation d’aide ~ pour commencer !",
-	"components:optInFlyout:tutorialMessage": "Regardez nos * tutoriels * pour vous aider à démarrer !"
+	"components:optInFlyout:tutorialMessage": "Regardez nos * tutoriels * pour vous aider à démarrer !",
+	"components:pagination:amountPerPage" : "{count} par page",
+	"components:pagination:currentPage": "Page numéro {pageNumber} sur {maxPageNumber}",
+	"components:pagination:nextPage" : "Page suivante",
+	"components:pagination:previousPage" : "Page précédente",
+	"components:pagination:resultsPerPage" : "Résultats par page"
 };

package/src/lang/fr.js

@@ -1,4 +1,16 @@
 export default {
+	"components:accessibilityDisabilitySimulator:blurLevel": "Blur Level", // Label for input slider that users can use to change the level of blurriness
+	"components:accessibilityDisabilitySimulator:colorblindAchromatopsia": "Achromatopsia", // Disability simulation option for users with Achromatiopsia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindDeuteranopia": "Deuteranopia", // Disability simulation option for users with Deuteranopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindProtanopia": "Protanopia", // Disability simulation option for users with Protanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindTritanopia": "Tritanopia", // Disability simulation option for users with Tritanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindness": "Colorblindness", // Disability simulation option for users with Colorblindness
+	"components:accessibilityDisabilitySimulator:keyboardOnly": "Keyboard Only", // Disability simulation option for users who can only use the keyboard for navigation
+	"components:accessibilityDisabilitySimulator:lowVision": "Low Vision", // Disability simulation option for users with a limited ability to see
+	"components:accessibilityDisabilitySimulator:noVision": "No Vision", // Disability simulation option for users without the ability to see
+	"components:accessibilityDisabilitySimulator:none": "None", // Disability simulation option that represents having no disability
+	"components:accessibilityDisabilitySimulator:screenreaderAndTabAlert": "Enable your screenreader and tab into the content", // Alert that prompts the user to use a screenreader and tabbing to view content
+	"components:accessibilityDisabilitySimulator:simulationType": "Simulation type:", // Label for the disability simulation options
 	"components:checkboxDrawer:checkboxCollapsed": "Case à cocher réduite", // Read by screen readers when focusing the collapsed (unchecked) checkbox, with the inner content hidden
 	"components:checkboxDrawer:checkboxExpanded": "Case à cocher agrandie", // Read by screen readers when focusing the expanded (checked) checkbox, with the inner content shown
 	"components:optInFlyout:cancel": "Annuler",
@@ -21,5 +33,10 @@ export default {
 	"components:optInFlyout:turnOff": "Fermer",
 	"components:optInFlyout:turnOn": "Activer",
 	"components:optInFlyout:tutorialAndHelpMessage": "Découvrez nos *tutoriels* ou lisez notre ~documentation d’assistance~ pour pouvoir débuter!",
-	"components:optInFlyout:tutorialMessage": "Découvrez nos *tutoriels* pour vous aider à commencer du bon pied!"
+	"components:optInFlyout:tutorialMessage": "Découvrez nos *tutoriels* pour vous aider à commencer du bon pied!",
+	"components:pagination:amountPerPage" : "{count} par page",
+	"components:pagination:currentPage": "Numéro de page {pageNumber} de {maxPageNumber}",
+	"components:pagination:nextPage" : "Page suivante",
+	"components:pagination:previousPage" : "Page précédente",
+	"components:pagination:resultsPerPage" : "Résultats par page"
 };

package/src/lang/hi.js

@@ -1,4 +1,16 @@
 export default {
+	"components:accessibilityDisabilitySimulator:blurLevel": "Blur Level", // Label for input slider that users can use to change the level of blurriness
+	"components:accessibilityDisabilitySimulator:colorblindAchromatopsia": "Achromatopsia", // Disability simulation option for users with Achromatiopsia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindDeuteranopia": "Deuteranopia", // Disability simulation option for users with Deuteranopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindProtanopia": "Protanopia", // Disability simulation option for users with Protanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindTritanopia": "Tritanopia", // Disability simulation option for users with Tritanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindness": "Colorblindness", // Disability simulation option for users with Colorblindness
+	"components:accessibilityDisabilitySimulator:keyboardOnly": "Keyboard Only", // Disability simulation option for users who can only use the keyboard for navigation
+	"components:accessibilityDisabilitySimulator:lowVision": "Low Vision", // Disability simulation option for users with a limited ability to see
+	"components:accessibilityDisabilitySimulator:noVision": "No Vision", // Disability simulation option for users without the ability to see
+	"components:accessibilityDisabilitySimulator:none": "None", // Disability simulation option that represents having no disability
+	"components:accessibilityDisabilitySimulator:screenreaderAndTabAlert": "Enable your screenreader and tab into the content", // Alert that prompts the user to use a screenreader and tabbing to view content
+	"components:accessibilityDisabilitySimulator:simulationType": "Simulation type:", // Label for the disability simulation options
 	"components:checkboxDrawer:checkboxCollapsed": "चेकबॉक्स छोटा हो गया", // Read by screen readers when focusing the collapsed (unchecked) checkbox, with the inner content hidden
 	"components:checkboxDrawer:checkboxExpanded": "चेकबॉक्स बड़ा हो गया", // Read by screen readers when focusing the expanded (checked) checkbox, with the inner content shown
 	"components:optInFlyout:cancel": "रद्द करें",
@@ -21,5 +33,10 @@ export default {
 	"components:optInFlyout:turnOff": "इसे बंद करें",
 	"components:optInFlyout:turnOn": "इसे चालू करें",
 	"components:optInFlyout:tutorialAndHelpMessage": "शुरू करने के लिए हमारे *ट्यूटोरियल* देखें या हमारे ~मदद दस्तावेज़~ पढ़ें!",
-	"components:optInFlyout:tutorialMessage": "शुरू करने में आपकी मदद के लिए हमारे *ट्यूटोरियल* देखें!"
+	"components:optInFlyout:tutorialMessage": "शुरू करने में आपकी मदद के लिए हमारे *ट्यूटोरियल* देखें!",
+	"components:pagination:amountPerPage" : "प्रति पेज {count}",
+	"components:pagination:currentPage": "{maxPageNumber} में से पेज नंबर {pageNumber}",
+	"components:pagination:nextPage" : "अगला पेज",
+	"components:pagination:previousPage" : "पिछला पेज",
+	"components:pagination:resultsPerPage" : "प्रति पेज के परिणाम"
 };

package/src/lang/ja.js

@@ -1,4 +1,16 @@
 export default {
+	"components:accessibilityDisabilitySimulator:blurLevel": "Blur Level", // Label for input slider that users can use to change the level of blurriness
+	"components:accessibilityDisabilitySimulator:colorblindAchromatopsia": "Achromatopsia", // Disability simulation option for users with Achromatiopsia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindDeuteranopia": "Deuteranopia", // Disability simulation option for users with Deuteranopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindProtanopia": "Protanopia", // Disability simulation option for users with Protanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindTritanopia": "Tritanopia", // Disability simulation option for users with Tritanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindness": "Colorblindness", // Disability simulation option for users with Colorblindness
+	"components:accessibilityDisabilitySimulator:keyboardOnly": "Keyboard Only", // Disability simulation option for users who can only use the keyboard for navigation
+	"components:accessibilityDisabilitySimulator:lowVision": "Low Vision", // Disability simulation option for users with a limited ability to see
+	"components:accessibilityDisabilitySimulator:noVision": "No Vision", // Disability simulation option for users without the ability to see
+	"components:accessibilityDisabilitySimulator:none": "None", // Disability simulation option that represents having no disability
+	"components:accessibilityDisabilitySimulator:screenreaderAndTabAlert": "Enable your screenreader and tab into the content", // Alert that prompts the user to use a screenreader and tabbing to view content
+	"components:accessibilityDisabilitySimulator:simulationType": "Simulation type:", // Label for the disability simulation options
 	"components:checkboxDrawer:checkboxCollapsed": "折りたたまれたチェックボックス", // Read by screen readers when focusing the collapsed (unchecked) checkbox, with the inner content hidden
 	"components:checkboxDrawer:checkboxExpanded": "展開されたチェックボックス", // Read by screen readers when focusing the expanded (checked) checkbox, with the inner content shown
 	"components:optInFlyout:cancel": "キャンセル",
@@ -21,5 +33,10 @@ export default {
 	"components:optInFlyout:turnOff": "オフにする",
 	"components:optInFlyout:turnOn": "オンにする",
 	"components:optInFlyout:tutorialAndHelpMessage": "はじめに*チュートリアル*をご覧になるか、～ヘルプドキュメント～をお読みください。",
-	"components:optInFlyout:tutorialMessage": "ぜひ*チュートリアル*をご覧になり、ご利用を開始してください。"
+	"components:optInFlyout:tutorialMessage": "ぜひ*チュートリアル*をご覧になり、ご利用を開始してください。",
+	"components:pagination:amountPerPage" : "ページごとの {count}",
+	"components:pagination:currentPage": "{maxPageNumber} のページ番号 {pageNumber}",
+	"components:pagination:nextPage" : "次のページ",
+	"components:pagination:previousPage" : "前のページ",
+	"components:pagination:resultsPerPage" : "ページごとの結果"
 };

package/src/lang/ko.js

@@ -1,4 +1,16 @@
 export default {
+	"components:accessibilityDisabilitySimulator:blurLevel": "Blur Level", // Label for input slider that users can use to change the level of blurriness
+	"components:accessibilityDisabilitySimulator:colorblindAchromatopsia": "Achromatopsia", // Disability simulation option for users with Achromatiopsia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindDeuteranopia": "Deuteranopia", // Disability simulation option for users with Deuteranopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindProtanopia": "Protanopia", // Disability simulation option for users with Protanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindTritanopia": "Tritanopia", // Disability simulation option for users with Tritanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindness": "Colorblindness", // Disability simulation option for users with Colorblindness
+	"components:accessibilityDisabilitySimulator:keyboardOnly": "Keyboard Only", // Disability simulation option for users who can only use the keyboard for navigation
+	"components:accessibilityDisabilitySimulator:lowVision": "Low Vision", // Disability simulation option for users with a limited ability to see
+	"components:accessibilityDisabilitySimulator:noVision": "No Vision", // Disability simulation option for users without the ability to see
+	"components:accessibilityDisabilitySimulator:none": "None", // Disability simulation option that represents having no disability
+	"components:accessibilityDisabilitySimulator:screenreaderAndTabAlert": "Enable your screenreader and tab into the content", // Alert that prompts the user to use a screenreader and tabbing to view content
+	"components:accessibilityDisabilitySimulator:simulationType": "Simulation type:", // Label for the disability simulation options
 	"components:checkboxDrawer:checkboxCollapsed": "확인란이 축소됨", // Read by screen readers when focusing the collapsed (unchecked) checkbox, with the inner content hidden
 	"components:checkboxDrawer:checkboxExpanded": "확인란이 확장됨", // Read by screen readers when focusing the expanded (checked) checkbox, with the inner content shown
 	"components:optInFlyout:cancel": "취소",
@@ -21,5 +33,10 @@ export default {
 	"components:optInFlyout:turnOff": "비활성화",
 	"components:optInFlyout:turnOn": "활성화",
 	"components:optInFlyout:tutorialAndHelpMessage": "시작하려면 *개별지도*를 시청하거나 ~도움말 설명서~를 읽어보십시오!",
-	"components:optInFlyout:tutorialMessage": "시작하는 데 도움이 되는 *개별지도*를 시청하십시오."
+	"components:optInFlyout:tutorialMessage": "시작하는 데 도움이 되는 *개별지도*를 시청하십시오.",
+	"components:pagination:amountPerPage" : "페이지당 {count}개",
+	"components:pagination:currentPage": "{maxPageNumber}의 페이지 번호 {pageNumber}",
+	"components:pagination:nextPage" : "다음 페이지",
+	"components:pagination:previousPage" : "이전 페이지",
+	"components:pagination:resultsPerPage" : "페이지당 결과 수"
 };

package/src/lang/nl.js

@@ -1,4 +1,16 @@
 export default {
+	"components:accessibilityDisabilitySimulator:blurLevel": "Blur Level", // Label for input slider that users can use to change the level of blurriness
+	"components:accessibilityDisabilitySimulator:colorblindAchromatopsia": "Achromatopsia", // Disability simulation option for users with Achromatiopsia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindDeuteranopia": "Deuteranopia", // Disability simulation option for users with Deuteranopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindProtanopia": "Protanopia", // Disability simulation option for users with Protanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindTritanopia": "Tritanopia", // Disability simulation option for users with Tritanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindness": "Colorblindness", // Disability simulation option for users with Colorblindness
+	"components:accessibilityDisabilitySimulator:keyboardOnly": "Keyboard Only", // Disability simulation option for users who can only use the keyboard for navigation
+	"components:accessibilityDisabilitySimulator:lowVision": "Low Vision", // Disability simulation option for users with a limited ability to see
+	"components:accessibilityDisabilitySimulator:noVision": "No Vision", // Disability simulation option for users without the ability to see
+	"components:accessibilityDisabilitySimulator:none": "None", // Disability simulation option that represents having no disability
+	"components:accessibilityDisabilitySimulator:screenreaderAndTabAlert": "Enable your screenreader and tab into the content", // Alert that prompts the user to use a screenreader and tabbing to view content
+	"components:accessibilityDisabilitySimulator:simulationType": "Simulation type:", // Label for the disability simulation options
 	"components:checkboxDrawer:checkboxCollapsed": "Selectievakje samengevouwen", // Read by screen readers when focusing the collapsed (unchecked) checkbox, with the inner content hidden
 	"components:checkboxDrawer:checkboxExpanded": "Selectievakje uitgevouwen", // Read by screen readers when focusing the expanded (checked) checkbox, with the inner content shown
 	"components:optInFlyout:cancel": "Annuleren",
@@ -21,5 +33,10 @@ export default {
 	"components:optInFlyout:turnOff": "Uitschakelen",
 	"components:optInFlyout:turnOn": "Inschakelen",
 	"components:optInFlyout:tutorialAndHelpMessage": "Lees onze *zelfstudies* of onze ~helpdocumentatie~ om aan de slag te gaan.",
-	"components:optInFlyout:tutorialMessage": "Bekijk onze *zelfstudies* om aan de slag te gaan."
+	"components:optInFlyout:tutorialMessage": "Bekijk onze *zelfstudies* om aan de slag te gaan.",
+	"components:pagination:amountPerPage" : "{count} per pagina",
+	"components:pagination:currentPage": "Paginanummer {pageNumber} van {maxPageNumber}",
+	"components:pagination:nextPage" : "Volgende pagina",
+	"components:pagination:previousPage" : "Vorige pagina",
+	"components:pagination:resultsPerPage" : "Resultaten per pagina"
 };

package/src/lang/pt.js

@@ -1,4 +1,16 @@
 export default {
+	"components:accessibilityDisabilitySimulator:blurLevel": "Blur Level", // Label for input slider that users can use to change the level of blurriness
+	"components:accessibilityDisabilitySimulator:colorblindAchromatopsia": "Achromatopsia", // Disability simulation option for users with Achromatiopsia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindDeuteranopia": "Deuteranopia", // Disability simulation option for users with Deuteranopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindProtanopia": "Protanopia", // Disability simulation option for users with Protanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindTritanopia": "Tritanopia", // Disability simulation option for users with Tritanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindness": "Colorblindness", // Disability simulation option for users with Colorblindness
+	"components:accessibilityDisabilitySimulator:keyboardOnly": "Keyboard Only", // Disability simulation option for users who can only use the keyboard for navigation
+	"components:accessibilityDisabilitySimulator:lowVision": "Low Vision", // Disability simulation option for users with a limited ability to see
+	"components:accessibilityDisabilitySimulator:noVision": "No Vision", // Disability simulation option for users without the ability to see
+	"components:accessibilityDisabilitySimulator:none": "None", // Disability simulation option that represents having no disability
+	"components:accessibilityDisabilitySimulator:screenreaderAndTabAlert": "Enable your screenreader and tab into the content", // Alert that prompts the user to use a screenreader and tabbing to view content
+	"components:accessibilityDisabilitySimulator:simulationType": "Simulation type:", // Label for the disability simulation options
 	"components:checkboxDrawer:checkboxCollapsed": "Caixa de seleção recolhida", // Read by screen readers when focusing the collapsed (unchecked) checkbox, with the inner content hidden
 	"components:checkboxDrawer:checkboxExpanded": "Caixa de seleção expandida", // Read by screen readers when focusing the expanded (checked) checkbox, with the inner content shown
 	"components:optInFlyout:cancel": "Cancelar",
@@ -21,5 +33,10 @@ export default {
 	"components:optInFlyout:turnOff": "Desligar",
 	"components:optInFlyout:turnOn": "Ativar",
 	"components:optInFlyout:tutorialAndHelpMessage": "Assista aos nossos *tutoriais* ou leia a nossa ~documentação de ajuda~ para começar!",
-	"components:optInFlyout:tutorialMessage": "Assista aos nossos *tutoriais* para ajudar você a começar!"
+	"components:optInFlyout:tutorialMessage": "Assista aos nossos *tutoriais* para ajudar você a começar!",
+	"components:pagination:amountPerPage" : "{count} por página",
+	"components:pagination:currentPage": "Número da página {pageNumber} de {maxPageNumber}",
+	"components:pagination:nextPage" : "Próxima página",
+	"components:pagination:previousPage" : "Página anterior",
+	"components:pagination:resultsPerPage" : "Resultados por página"
 };

package/src/lang/sv.js

@@ -1,4 +1,16 @@
 export default {
+	"components:accessibilityDisabilitySimulator:blurLevel": "Blur Level", // Label for input slider that users can use to change the level of blurriness
+	"components:accessibilityDisabilitySimulator:colorblindAchromatopsia": "Achromatopsia", // Disability simulation option for users with Achromatiopsia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindDeuteranopia": "Deuteranopia", // Disability simulation option for users with Deuteranopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindProtanopia": "Protanopia", // Disability simulation option for users with Protanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindTritanopia": "Tritanopia", // Disability simulation option for users with Tritanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindness": "Colorblindness", // Disability simulation option for users with Colorblindness
+	"components:accessibilityDisabilitySimulator:keyboardOnly": "Keyboard Only", // Disability simulation option for users who can only use the keyboard for navigation
+	"components:accessibilityDisabilitySimulator:lowVision": "Low Vision", // Disability simulation option for users with a limited ability to see
+	"components:accessibilityDisabilitySimulator:noVision": "No Vision", // Disability simulation option for users without the ability to see
+	"components:accessibilityDisabilitySimulator:none": "None", // Disability simulation option that represents having no disability
+	"components:accessibilityDisabilitySimulator:screenreaderAndTabAlert": "Enable your screenreader and tab into the content", // Alert that prompts the user to use a screenreader and tabbing to view content
+	"components:accessibilityDisabilitySimulator:simulationType": "Simulation type:", // Label for the disability simulation options
 	"components:checkboxDrawer:checkboxCollapsed": "Komprimerad kryssruta", // Read by screen readers when focusing the collapsed (unchecked) checkbox, with the inner content hidden
 	"components:checkboxDrawer:checkboxExpanded": "Expanderad kryssruta", // Read by screen readers when focusing the expanded (checked) checkbox, with the inner content shown
 	"components:optInFlyout:cancel": "Avbryt",
@@ -21,5 +33,10 @@ export default {
 	"components:optInFlyout:turnOff": "Stäng av",
 	"components:optInFlyout:turnOn": "Sätt på",
 	"components:optInFlyout:tutorialAndHelpMessage": "Se våra *handledningar* eller läs vår ~hjälpdokumentation~ för att komma igång!",
-	"components:optInFlyout:tutorialMessage": "Se våra *handledningar* som hjälper dig att komma igång!"
+	"components:optInFlyout:tutorialMessage": "Se våra *handledningar* som hjälper dig att komma igång!",
+	"components:pagination:amountPerPage" : "{count} per sida",
+	"components:pagination:currentPage": "Sidnummer {pageNumber} av {maxPageNumber}",
+	"components:pagination:nextPage" : "Nästa sida",
+	"components:pagination:previousPage" : "Föregående sida",
+	"components:pagination:resultsPerPage" : "Resultat per sida"
 };

package/src/lang/tr.js

@@ -1,4 +1,16 @@
 export default {
+	"components:accessibilityDisabilitySimulator:blurLevel": "Blur Level", // Label for input slider that users can use to change the level of blurriness
+	"components:accessibilityDisabilitySimulator:colorblindAchromatopsia": "Achromatopsia", // Disability simulation option for users with Achromatiopsia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindDeuteranopia": "Deuteranopia", // Disability simulation option for users with Deuteranopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindProtanopia": "Protanopia", // Disability simulation option for users with Protanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindTritanopia": "Tritanopia", // Disability simulation option for users with Tritanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindness": "Colorblindness", // Disability simulation option for users with Colorblindness
+	"components:accessibilityDisabilitySimulator:keyboardOnly": "Keyboard Only", // Disability simulation option for users who can only use the keyboard for navigation
+	"components:accessibilityDisabilitySimulator:lowVision": "Low Vision", // Disability simulation option for users with a limited ability to see
+	"components:accessibilityDisabilitySimulator:noVision": "No Vision", // Disability simulation option for users without the ability to see
+	"components:accessibilityDisabilitySimulator:none": "None", // Disability simulation option that represents having no disability
+	"components:accessibilityDisabilitySimulator:screenreaderAndTabAlert": "Enable your screenreader and tab into the content", // Alert that prompts the user to use a screenreader and tabbing to view content
+	"components:accessibilityDisabilitySimulator:simulationType": "Simulation type:", // Label for the disability simulation options
 	"components:checkboxDrawer:checkboxCollapsed": "Onay kutusu daraltıldı", // Read by screen readers when focusing the collapsed (unchecked) checkbox, with the inner content hidden
 	"components:checkboxDrawer:checkboxExpanded": "Onay kutusu genişletildi", // Read by screen readers when focusing the expanded (checked) checkbox, with the inner content shown
 	"components:optInFlyout:cancel": "İptal Et",
@@ -21,5 +33,10 @@ export default {
 	"components:optInFlyout:turnOff": "Kapat",
 	"components:optInFlyout:turnOn": "Aç",
 	"components:optInFlyout:tutorialAndHelpMessage": "*Eğitimlerimizi\" izleyerek ya da ~yardım belgemizi~ okuyarak başlayın!",
-	"components:optInFlyout:tutorialMessage": "Başlamanıza yardımcı olacak *eğitimlerimizi* izleyin!"
+	"components:optInFlyout:tutorialMessage": "Başlamanıza yardımcı olacak *eğitimlerimizi* izleyin!",
+	"components:pagination:amountPerPage" : "Sayfa başına {count}",
+	"components:pagination:currentPage": "Sayfa numarası {pageNumber} / {maxPageNumber}",
+	"components:pagination:nextPage" : "Sonraki sayfa",
+	"components:pagination:previousPage" : "Önceki sayfa",
+	"components:pagination:resultsPerPage" : "Sayfa başına sonuç"
 };

package/src/lang/zh-cn.js

@@ -1,4 +1,16 @@
 export default {
+	"components:accessibilityDisabilitySimulator:blurLevel": "Blur Level", // Label for input slider that users can use to change the level of blurriness
+	"components:accessibilityDisabilitySimulator:colorblindAchromatopsia": "Achromatopsia", // Disability simulation option for users with Achromatiopsia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindDeuteranopia": "Deuteranopia", // Disability simulation option for users with Deuteranopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindProtanopia": "Protanopia", // Disability simulation option for users with Protanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindTritanopia": "Tritanopia", // Disability simulation option for users with Tritanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindness": "Colorblindness", // Disability simulation option for users with Colorblindness
+	"components:accessibilityDisabilitySimulator:keyboardOnly": "Keyboard Only", // Disability simulation option for users who can only use the keyboard for navigation
+	"components:accessibilityDisabilitySimulator:lowVision": "Low Vision", // Disability simulation option for users with a limited ability to see
+	"components:accessibilityDisabilitySimulator:noVision": "No Vision", // Disability simulation option for users without the ability to see
+	"components:accessibilityDisabilitySimulator:none": "None", // Disability simulation option that represents having no disability
+	"components:accessibilityDisabilitySimulator:screenreaderAndTabAlert": "Enable your screenreader and tab into the content", // Alert that prompts the user to use a screenreader and tabbing to view content
+	"components:accessibilityDisabilitySimulator:simulationType": "Simulation type:", // Label for the disability simulation options
 	"components:checkboxDrawer:checkboxCollapsed": "复选框已折叠", // Read by screen readers when focusing the collapsed (unchecked) checkbox, with the inner content hidden
 	"components:checkboxDrawer:checkboxExpanded": "复选框已展开", // Read by screen readers when focusing the expanded (checked) checkbox, with the inner content shown
 	"components:optInFlyout:cancel": "取消",
@@ -21,5 +33,10 @@ export default {
 	"components:optInFlyout:turnOff": "关闭",
 	"components:optInFlyout:turnOn": "开启",
 	"components:optInFlyout:tutorialAndHelpMessage": "观看我们的*教程*或阅读我们的~帮助文档~，以便快速入门！",
-	"components:optInFlyout:tutorialMessage": "观看我们的*教程*帮助您快速入门！"
+	"components:optInFlyout:tutorialMessage": "观看我们的*教程*帮助您快速入门！",
+	"components:pagination:amountPerPage" : "每页 {count} 个结果",
+	"components:pagination:currentPage": "页码 ｛ pageNumber ｝ ，共 ｛ maxPageNumber ｝ 页",
+	"components:pagination:nextPage" : "下一页",
+	"components:pagination:previousPage" : "上一页",
+	"components:pagination:resultsPerPage" : "每页结果数"
 };

package/src/lang/zh-tw.js

@@ -1,4 +1,16 @@
 export default {
+	"components:accessibilityDisabilitySimulator:blurLevel": "Blur Level", // Label for input slider that users can use to change the level of blurriness
+	"components:accessibilityDisabilitySimulator:colorblindAchromatopsia": "Achromatopsia", // Disability simulation option for users with Achromatiopsia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindDeuteranopia": "Deuteranopia", // Disability simulation option for users with Deuteranopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindProtanopia": "Protanopia", // Disability simulation option for users with Protanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindTritanopia": "Tritanopia", // Disability simulation option for users with Tritanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindness": "Colorblindness", // Disability simulation option for users with Colorblindness
+	"components:accessibilityDisabilitySimulator:keyboardOnly": "Keyboard Only", // Disability simulation option for users who can only use the keyboard for navigation
+	"components:accessibilityDisabilitySimulator:lowVision": "Low Vision", // Disability simulation option for users with a limited ability to see
+	"components:accessibilityDisabilitySimulator:noVision": "No Vision", // Disability simulation option for users without the ability to see
+	"components:accessibilityDisabilitySimulator:none": "None", // Disability simulation option that represents having no disability
+	"components:accessibilityDisabilitySimulator:screenreaderAndTabAlert": "Enable your screenreader and tab into the content", // Alert that prompts the user to use a screenreader and tabbing to view content
+	"components:accessibilityDisabilitySimulator:simulationType": "Simulation type:", // Label for the disability simulation options
 	"components:checkboxDrawer:checkboxCollapsed": "核取方塊已摺疊", // Read by screen readers when focusing the collapsed (unchecked) checkbox, with the inner content hidden
 	"components:checkboxDrawer:checkboxExpanded": "核取方塊已展開", // Read by screen readers when focusing the expanded (checked) checkbox, with the inner content shown
 	"components:optInFlyout:cancel": "取消",
@@ -21,5 +33,10 @@ export default {
 	"components:optInFlyout:turnOff": "關閉",
 	"components:optInFlyout:turnOn": "開啟",
 	"components:optInFlyout:tutorialAndHelpMessage": "觀看我們的 *教學課程* 或閱讀 ~說明文件~ 以開始使用！",
-	"components:optInFlyout:tutorialMessage": "觀看我們的 *教學課程*，協助您開始使用！"
+	"components:optInFlyout:tutorialMessage": "觀看我們的 *教學課程*，協助您開始使用！",
+	"components:pagination:amountPerPage" : "每頁 {count} 個",
+	"components:pagination:currentPage": "頁碼 {pageNumber} / {maxPageNumber}",
+	"components:pagination:nextPage" : "下一頁",
+	"components:pagination:previousPage" : "上一頁",
+	"components:pagination:resultsPerPage" : "每頁結果"
 };