@refinitiv-ui/phrasebook 5.1.6 → 5.3.0-alpha.0

package/CHANGELOG.md

@@ -3,7 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [5.1.6](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/phrasebook@5.1.3...@refinitiv-ui/phrasebook@5.1.6) (2021-10-25)
+# [5.3.0-alpha.0](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/phrasebook@5.2.2-alpha.0...@refinitiv-ui/phrasebook@5.3.0-alpha.0) (2021-12-14)
+
+
+### Features
+
+* **calendar:** add accessibility ([#73](https://github.com/Refinitiv/refinitiv-ui/issues/73)) ([a2576cc](https://github.com/Refinitiv/refinitiv-ui/commit/a2576cc8a1f0229bb5988af0c9d0bbf8ce7f765c))
+
+
+
+
+
+## [5.2.2-alpha.0](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/phrasebook@5.2.1...@refinitiv-ui/phrasebook@5.2.2-alpha.0) (2021-12-13)
 
 **Note:** Version bump only for package @refinitiv-ui/phrasebook
 
@@ -11,7 +22,30 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-## [5.1.5](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/phrasebook@5.1.3...@refinitiv-ui/phrasebook@5.1.5) (2021-10-25)
+## [5.2.1](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/phrasebook@5.2.0...@refinitiv-ui/phrasebook@5.2.1) (2021-12-03)
+
+
+### Bug Fixes
+
+* **phrasebook:** change ICU syntax on Japanese language ([9b235ab](https://github.com/Refinitiv/refinitiv-ui/commit/9b235ab61fa0dae5c6ce97b66acee52dfd4028d4))
+* **phrasebook:** export path should go to lib folder ([681028f](https://github.com/Refinitiv/refinitiv-ui/commit/681028ff960a831cfa888d0fdea38ddd40de815f))
+
+
+
+
+
+# [5.2.0](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/phrasebook@5.1.6...@refinitiv-ui/phrasebook@5.2.0) (2021-11-08)
+
+
+### Features
+
+* Lit@2 upgrade ([dbda63b](https://github.com/Refinitiv/refinitiv-ui/commit/dbda63be97257f891cb1f2c5ff46b638c70e0b15))
+
+
+
+
+
+## [5.1.6](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/phrasebook@5.1.3...@refinitiv-ui/phrasebook@5.1.6) (2021-10-25)
 
 **Note:** Version bump only for package @refinitiv-ui/phrasebook
 

package/lib/index.d.ts

@@ -1,2 +1,2 @@
-export { Translations } from './types';
-export { Phrasebook, ObserverCallback, ObserverKey } from './translation';
+export type { Translations } from './types';
+export { Phrasebook, ObserverCallback, ObserverKey } from './translation.js';

package/lib/index.js

@@ -1 +1 @@
-export { Phrasebook, ObserverKey } from './translation';
+export { Phrasebook, ObserverKey } from './translation.js';

package/lib/locale/de/calendar.d.ts

@@ -0,0 +1,18 @@
+declare const translations: {
+    PREVIOUS_MONTH: string;
+    NEXT_MONTH: string;
+    PREVIOUS_YEAR: string;
+    NEXT_YEAR: string;
+    PREVIOUS_DECADE: string;
+    NEXT_DECADE: string;
+    YEAR_SELECTOR: string;
+    DATE_SELECTOR: string;
+    CELL_LABEL: string;
+    SELECTED: string;
+    NOW: string;
+    SELECTED_NOW: string;
+    SELECTED_DATE: string;
+    SELECTED_RANGE: string;
+    SELECTED_NONE: string;
+};
+export default translations;

package/lib/locale/de/calendar.js

@@ -0,0 +1,20 @@
+import { Phrasebook } from '../../translation.js';
+const translations = {
+    PREVIOUS_MONTH: 'Previous month',
+    NEXT_MONTH: 'Next month',
+    PREVIOUS_YEAR: 'Previous year',
+    NEXT_YEAR: 'Next year',
+    PREVIOUS_DECADE: 'Previous decade',
+    NEXT_DECADE: 'Next decade',
+    YEAR_SELECTOR: 'Click to select year',
+    DATE_SELECTOR: 'Click to select date',
+    CELL_LABEL: '{view, select, year {{value, date, ::yyyy}} month {{value, date, ::MMMM-yyyy}} other {{value, date, full}}}',
+    SELECTED: 'Selected: {view, select, year {{value, date, ::yyyy}} month {{value, date, ::MMMM-yyyy}} other {{value, date, full}}}',
+    NOW: '{view, select, year {Current year, {value, date, ::yyyy}} month {Current month, {value, date, ::MMMM-yyyy}} other {Today, {value, date, full}}}',
+    SELECTED_NOW: 'Selected: {view, select, year {current year, {value, date, ::yyyy}} month {current month, {value, date, ::MMMM-yyyy}} other {today, {value, date, full}}}',
+    SELECTED_DATE: 'Selected {count, plural, =1 {date is {value, date, full}} other {# dates, {value, date, full} and others}}',
+    SELECTED_RANGE: 'Selected range is from {from, date, full}{to, select, null {} other { to {to, date, full}}}',
+    SELECTED_NONE: 'Selected none. Choose {range, select, true {date range} other {{multiple, select, true {dates} other {date}}}}'
+};
+Phrasebook.define('de', 'ef-calendar', translations);
+export default translations;

package/lib/locale/de/color-dialog.d.ts

@@ -1,4 +1,4 @@
-import './shared';
+import './shared.js';
 declare const translations: {
     HEADER: string;
     RED: string;

package/lib/locale/de/color-dialog.js

@@ -1,6 +1,6 @@
 // Component docs https://elf.int.refinitiv.com/elements/color-dialog.html
-import { Phrasebook } from '../../';
-import './shared';
+import { Phrasebook } from '../../translation.js';
+import './shared.js';
 import dialogTranslations from './dialog';
 const translations = Object.assign(Object.assign({}, dialogTranslations), { 
     // Dialog title

package/lib/locale/de/combo-box.d.ts

@@ -1,4 +1,4 @@
-import './shared';
+import './shared.js';
 declare const translations: {
     MULTIPLE_ITEMS: string;
     NO_OPTIONS: string;

package/lib/locale/de/combo-box.js

@@ -1,5 +1,5 @@
-import { Phrasebook } from '../../';
-import './shared';
+import { Phrasebook } from '../../translation.js';
+import './shared.js';
 const translations = {
     MULTIPLE_ITEMS: 'Mehrere Objekte',
     NO_OPTIONS: 'Keine Ergebnisse'

package/lib/locale/de/dialog.d.ts

@@ -1,4 +1,4 @@
-import './shared';
+import './shared.js';
 declare const translations: {
     HEADER: string;
 };

package/lib/locale/de/dialog.js

@@ -1,5 +1,5 @@
-import { Phrasebook } from '../../';
-import './shared';
+import { Phrasebook } from '../../translation.js';
+import './shared.js';
 // deliberately empty as covered by shared
 const translations = {
     HEADER: 'Dialog'

package/lib/locale/de/pagination.d.ts

@@ -1,4 +1,4 @@
-import './shared';
+import './shared.js';
 declare const translations: {
     PAGE_OF: string;
     ITEM_INFO: string;

package/lib/locale/de/pagination.js

@@ -1,6 +1,6 @@
 // Component docs https://elf.int.refinitiv.com/elements/pagination.html
-import { Phrasebook } from '../../';
-import './shared';
+import { Phrasebook } from '../../translation.js';
+import './shared.js';
 const translations = {
     // page: current page #
     // pageTotal: total number of pages

package/lib/locale/de/password-field.d.ts

@@ -0,0 +1,5 @@
+declare const translations: {
+    SHOW_PASSWORD: string;
+    HIDE_PASSWORD: string;
+};
+export default translations;

package/lib/locale/de/password-field.js

@@ -0,0 +1,7 @@
+import { Phrasebook } from '../../translation.js';
+const translations = {
+    SHOW_PASSWORD: 'Show password',
+    HIDE_PASSWORD: 'Hide password'
+};
+Phrasebook.define('de', 'ef-password-field', translations);
+export default translations;

package/lib/locale/de/search-field.d.ts

@@ -0,0 +1,4 @@
+declare const translations: {
+    SEARCH: string;
+};
+export default translations;

package/lib/locale/de/search-field.js

@@ -0,0 +1,6 @@
+import { Phrasebook } from '../../translation.js';
+const translations = {
+    SEARCH: 'Search'
+};
+Phrasebook.define('de', 'ef-search-field', translations);
+export default translations;

package/lib/locale/de/shared.js

@@ -1,4 +1,4 @@
-import { Phrasebook } from '../../';
+import { Phrasebook } from '../../translation.js';
 // these are used for buttons
 const translations = {
     CANCEL: 'Abbrechen',

package/lib/locale/de/tree-select.d.ts

@@ -1,4 +1,4 @@
-import './shared';
+import './shared.js';
 declare const translations: {
     FULL_LIST: string;
     SELECTED: string;

package/lib/locale/de/tree-select.js

@@ -1,6 +1,6 @@
 // Component docs https://elf.int.refinitiv.com/elements/tree-select.html
-import { Phrasebook } from '../../';
-import './shared';
+import { Phrasebook } from '../../translation.js';
+import './shared.js';
 import comboboxTranslations from './combo-box';
 const translations = Object.assign(Object.assign({}, comboboxTranslations), { 
     // used as a toggle control

package/lib/locale/en/calendar.d.ts

@@ -0,0 +1,18 @@
+declare const translations: {
+    PREVIOUS_MONTH: string;
+    NEXT_MONTH: string;
+    PREVIOUS_YEAR: string;
+    NEXT_YEAR: string;
+    PREVIOUS_DECADE: string;
+    NEXT_DECADE: string;
+    YEAR_SELECTOR: string;
+    DATE_SELECTOR: string;
+    CELL_LABEL: string;
+    SELECTED: string;
+    NOW: string;
+    SELECTED_NOW: string;
+    SELECTED_DATE: string;
+    SELECTED_RANGE: string;
+    SELECTED_NONE: string;
+};
+export default translations;

package/lib/locale/en/calendar.js

@@ -0,0 +1,20 @@
+import { Phrasebook } from '../../translation.js';
+const translations = {
+    PREVIOUS_MONTH: 'Previous month',
+    NEXT_MONTH: 'Next month',
+    PREVIOUS_YEAR: 'Previous year',
+    NEXT_YEAR: 'Next year',
+    PREVIOUS_DECADE: 'Previous decade',
+    NEXT_DECADE: 'Next decade',
+    YEAR_SELECTOR: 'Click to select year',
+    DATE_SELECTOR: 'Click to select date',
+    CELL_LABEL: '{view, select, year {{value, date, ::yyyy}} month {{value, date, ::MMMM-yyyy}} other {{value, date, full}}}',
+    SELECTED: 'Selected: {view, select, year {{value, date, ::yyyy}} month {{value, date, ::MMMM-yyyy}} other {{value, date, full}}}',
+    NOW: '{view, select, year {Current year, {value, date, ::yyyy}} month {Current month, {value, date, ::MMMM-yyyy}} other {Today, {value, date, full}}}',
+    SELECTED_NOW: 'Selected: {view, select, year {current year, {value, date, ::yyyy}} month {current month, {value, date, ::MMMM-yyyy}} other {today, {value, date, full}}}',
+    SELECTED_DATE: 'Selected {count, plural, =1 {date is {value, date, full}} other {# dates, {value, date, full} and others}}',
+    SELECTED_RANGE: 'Selected range is from {from, date, full}{to, select, null {} other { to {to, date, full}}}',
+    SELECTED_NONE: 'Selected none. Choose {range, select, true {date range} other {{multiple, select, true {dates} other {date}}}}'
+};
+Phrasebook.define('en', 'ef-calendar', translations);
+export default translations;

package/lib/locale/en/color-dialog.d.ts

@@ -1,4 +1,4 @@
-import './shared';
+import './shared.js';
 declare const translations: {
     HEADER: string;
     RED: string;

package/lib/locale/en/color-dialog.js

@@ -1,6 +1,6 @@
 // Component docs https://elf.int.refinitiv.com/elements/color-dialog.html
-import { Phrasebook } from '../../';
-import './shared';
+import { Phrasebook } from '../../translation.js';
+import './shared.js';
 import dialogTranslations from './dialog';
 const translations = Object.assign(Object.assign({}, dialogTranslations), { 
     // Dialog title

package/lib/locale/en/combo-box.d.ts

@@ -1,4 +1,4 @@
-import './shared';
+import './shared.js';
 declare const translations: {
     MULTIPLE_ITEMS: string;
     NO_OPTIONS: string;

package/lib/locale/en/combo-box.js

@@ -1,5 +1,5 @@
-import { Phrasebook } from '../../';
-import './shared';
+import { Phrasebook } from '../../translation.js';
+import './shared.js';
 const translations = {
     MULTIPLE_ITEMS: 'Multiple items',
     NO_OPTIONS: 'No results found.'

package/lib/locale/en/dialog.d.ts

@@ -1,4 +1,4 @@
-import './shared';
+import './shared.js';
 declare const translations: {
     HEADER: string;
 };

package/lib/locale/en/dialog.js

@@ -1,5 +1,5 @@
-import { Phrasebook } from '../../';
-import './shared';
+import { Phrasebook } from '../../translation.js';
+import './shared.js';
 const translations = {
     HEADER: 'Dialog'
 };

package/lib/locale/en/pagination.d.ts

@@ -1,4 +1,4 @@
-import './shared';
+import './shared.js';
 declare const translations: {
     PAGE_OF: string;
     ITEM_INFO: string;

package/lib/locale/en/pagination.js

@@ -1,6 +1,6 @@
 // Component docs https://elf.int.refinitiv.com/elements/pagination.html
-import { Phrasebook } from '../../';
-import './shared';
+import { Phrasebook } from '../../translation.js';
+import './shared.js';
 const translations = {
     // page: current page #
     // pageTotal: total number of pages

package/lib/locale/en/password-field.d.ts

@@ -0,0 +1,5 @@
+declare const translations: {
+    SHOW_PASSWORD: string;
+    HIDE_PASSWORD: string;
+};
+export default translations;

package/lib/locale/en/password-field.js

@@ -0,0 +1,7 @@
+import { Phrasebook } from '../../translation.js';
+const translations = {
+    SHOW_PASSWORD: 'Show password',
+    HIDE_PASSWORD: 'Hide password'
+};
+Phrasebook.define('en', 'ef-password-field', translations);
+export default translations;

package/lib/locale/en/search-field.d.ts

@@ -0,0 +1,4 @@
+declare const translations: {
+    SEARCH: string;
+};
+export default translations;

package/lib/locale/en/search-field.js

@@ -0,0 +1,6 @@
+import { Phrasebook } from '../../translation.js';
+const translations = {
+    SEARCH: 'Search'
+};
+Phrasebook.define('en', 'ef-search-field', translations);
+export default translations;

package/lib/locale/en/shared.js

@@ -1,4 +1,4 @@
-import { Phrasebook } from '../../';
+import { Phrasebook } from '../../translation.js';
 // these are used for buttons
 const translations = {
     CANCEL: 'Cancel',

package/lib/locale/en/tree-select.d.ts

@@ -1,4 +1,4 @@
-import './shared';
+import './shared.js';
 declare const translations: {
     FULL_LIST: string;
     SELECTED: string;

package/lib/locale/en/tree-select.js

@@ -1,6 +1,6 @@
 // Component docs https://elf.int.refinitiv.com/elements/tree-select.html
-import { Phrasebook } from '../../';
-import './shared';
+import { Phrasebook } from '../../translation.js';
+import './shared.js';
 import comboboxTranslations from './combo-box';
 const translations = Object.assign(Object.assign({}, comboboxTranslations), { 
     // used as a toggle control

package/lib/locale/ja/calendar.d.ts

@@ -0,0 +1,18 @@
+declare const translations: {
+    PREVIOUS_MONTH: string;
+    NEXT_MONTH: string;
+    PREVIOUS_YEAR: string;
+    NEXT_YEAR: string;
+    PREVIOUS_DECADE: string;
+    NEXT_DECADE: string;
+    YEAR_SELECTOR: string;
+    DATE_SELECTOR: string;
+    CELL_LABEL: string;
+    SELECTED: string;
+    NOW: string;
+    SELECTED_NOW: string;
+    SELECTED_DATE: string;
+    SELECTED_RANGE: string;
+    SELECTED_NONE: string;
+};
+export default translations;

package/lib/locale/ja/calendar.js

@@ -0,0 +1,20 @@
+import { Phrasebook } from '../../translation.js';
+const translations = {
+    PREVIOUS_MONTH: 'Previous month',
+    NEXT_MONTH: 'Next month',
+    PREVIOUS_YEAR: 'Previous year',
+    NEXT_YEAR: 'Next year',
+    PREVIOUS_DECADE: 'Previous decade',
+    NEXT_DECADE: 'Next decade',
+    YEAR_SELECTOR: 'Click to select year',
+    DATE_SELECTOR: 'Click to select date',
+    CELL_LABEL: '{view, select, year {{value, date, ::yyyy}} month {{value, date, ::MMMM-yyyy}} other {{value, date, full}}}',
+    SELECTED: 'Selected: {view, select, year {{value, date, ::yyyy}} month {{value, date, ::MMMM-yyyy}} other {{value, date, full}}}',
+    NOW: '{view, select, year {Current year, {value, date, ::yyyy}} month {Current month, {value, date, ::MMMM-yyyy}} other {Today, {value, date, full}}}',
+    SELECTED_NOW: 'Selected: {view, select, year {current year, {value, date, ::yyyy}} month {current month, {value, date, ::MMMM-yyyy}} other {today, {value, date, full}}}',
+    SELECTED_DATE: 'Selected {count, plural, =1 {date is {value, date, full}} other {# dates, {value, date, full} and others}}',
+    SELECTED_RANGE: 'Selected range is from {from, date, full}{to, select, null {} other { to {to, date, full}}}',
+    SELECTED_NONE: 'Selected none. Choose {range, select, true {date range} other {{multiple, select, true {dates} other {date}}}}'
+};
+Phrasebook.define('ja', 'ef-calendar', translations);
+export default translations;

package/lib/locale/ja/color-dialog.d.ts

@@ -1,4 +1,4 @@
-import './shared';
+import './shared.js';
 declare const translations: {
     HEADER: string;
     RED: string;

package/lib/locale/ja/color-dialog.js

@@ -1,6 +1,6 @@
 // Component docs https://elf.int.refinitiv.com/elements/color-dialog.html
-import { Phrasebook } from '../../';
-import './shared';
+import { Phrasebook } from '../../translation.js';
+import './shared.js';
 import dialogTranslations from './dialog';
 const translations = Object.assign(Object.assign({}, dialogTranslations), { 
     // Dialog title

package/lib/locale/ja/combo-box.d.ts

@@ -1,4 +1,4 @@
-import './shared';
+import './shared.js';
 declare const translations: {
     MULTIPLE_ITEMS: string;
     NO_OPTIONS: string;

package/lib/locale/ja/combo-box.js

@@ -1,5 +1,5 @@
-import { Phrasebook } from '../../';
-import './shared';
+import { Phrasebook } from '../../translation.js';
+import './shared.js';
 const translations = {
     MULTIPLE_ITEMS: '複数項目',
     NO_OPTIONS: '該当する結果はありません。'

package/lib/locale/ja/dialog.d.ts

@@ -1,4 +1,4 @@
-import './shared';
+import './shared.js';
 declare const translations: {
     HEADER: string;
 };

package/lib/locale/ja/dialog.js

@@ -1,5 +1,5 @@
-import { Phrasebook } from '../../';
-import './shared';
+import { Phrasebook } from '../../translation.js';
+import './shared.js';
 // deliberately empty as covered by shared
 const translations = {
     HEADER: 'ダイアログ'

package/lib/locale/ja/pagination.d.ts

@@ -1,4 +1,4 @@
-import './shared';
+import './shared.js';
 declare const translations: {
     PAGE_OF: string;
     ITEM_INFO: string;

package/lib/locale/ja/pagination.js

@@ -1,6 +1,6 @@
 // Component docs https://elf.int.refinitiv.com/elements/pagination.html
-import { Phrasebook } from '../../';
-import './shared';
+import { Phrasebook } from '../../translation.js';
+import './shared.js';
 const translations = {
     // page: current page #
     // pageTotal: total number of pages

package/lib/locale/ja/password-field.d.ts

@@ -0,0 +1,5 @@
+declare const translations: {
+    SHOW_PASSWORD: string;
+    HIDE_PASSWORD: string;
+};
+export default translations;

package/lib/locale/ja/password-field.js

@@ -0,0 +1,7 @@
+import { Phrasebook } from '../../translation.js';
+const translations = {
+    SHOW_PASSWORD: 'Show password',
+    HIDE_PASSWORD: 'Hide password'
+};
+Phrasebook.define('ja', 'ef-password-field', translations);
+export default translations;

package/lib/locale/ja/search-field.d.ts

@@ -0,0 +1,4 @@
+declare const translations: {
+    SEARCH: string;
+};
+export default translations;

package/lib/locale/ja/search-field.js

@@ -0,0 +1,6 @@
+import { Phrasebook } from '../../translation.js';
+const translations = {
+    SEARCH: 'Search'
+};
+Phrasebook.define('ja', 'ef-search-field', translations);
+export default translations;

package/lib/locale/ja/shared.js

@@ -1,4 +1,4 @@
-import { Phrasebook } from '../../';
+import { Phrasebook } from '../../translation.js';
 // these are used for buttons
 const translations = {
     CANCEL: 'キャンセル',

package/lib/locale/ja/tree-select.d.ts

@@ -1,4 +1,4 @@
-import './shared';
+import './shared.js';
 declare const translations: {
     FULL_LIST: string;
     SELECTED: string;

package/lib/locale/ja/tree-select.js

@@ -1,10 +1,10 @@
 // Component docs https://elf.int.refinitiv.com/elements/tree-select.html
-import { Phrasebook } from '../../';
-import './shared';
+import { Phrasebook } from '../../translation.js';
+import './shared.js';
 import comboboxTranslations from './combo-box';
 const translations = Object.assign(Object.assign({}, comboboxTranslations), { 
     // used as a toggle control
-    FULL_LIST: 'すべて', SELECTED: '選択項目のみ', EXPAND_COLLAPSE: '{expansion, select, false {すべてを展開} true {すべてを折りたたむ}}', SELECT_CONTROL: '{selected, select, false {すべて選択} true {選択をすべて解除}}', 
+    FULL_LIST: 'すべて', SELECTED: '選択項目のみ', EXPAND_COLLAPSE: '{expansion, select, false {すべてを展開} other {すべてを折りたたむ}}', SELECT_CONTROL: '{selected, select, false {すべて選択} other {選択をすべて解除}}', 
     // button control
     DONE: '完了', 
     // selection/filter feedback

package/lib/locale/zh/calendar.d.ts

@@ -0,0 +1,18 @@
+declare const translations: {
+    PREVIOUS_MONTH: string;
+    NEXT_MONTH: string;
+    PREVIOUS_YEAR: string;
+    NEXT_YEAR: string;
+    PREVIOUS_DECADE: string;
+    NEXT_DECADE: string;
+    YEAR_SELECTOR: string;
+    DATE_SELECTOR: string;
+    CELL_LABEL: string;
+    SELECTED: string;
+    NOW: string;
+    SELECTED_NOW: string;
+    SELECTED_DATE: string;
+    SELECTED_RANGE: string;
+    SELECTED_NONE: string;
+};
+export default translations;

package/lib/locale/zh/calendar.js

@@ -0,0 +1,20 @@
+import { Phrasebook } from '../../translation.js';
+const translations = {
+    PREVIOUS_MONTH: 'Previous month',
+    NEXT_MONTH: 'Next month',
+    PREVIOUS_YEAR: 'Previous year',
+    NEXT_YEAR: 'Next year',
+    PREVIOUS_DECADE: 'Previous decade',
+    NEXT_DECADE: 'Next decade',
+    YEAR_SELECTOR: 'Click to select year',
+    DATE_SELECTOR: 'Click to select date',
+    CELL_LABEL: '{view, select, year {{value, date, ::yyyy}} month {{value, date, ::MMMM-yyyy}} other {{value, date, full}}}',
+    SELECTED: 'Selected: {view, select, year {{value, date, ::yyyy}} month {{value, date, ::MMMM-yyyy}} other {{value, date, full}}}',
+    NOW: '{view, select, year {Current year, {value, date, ::yyyy}} month {Current month, {value, date, ::MMMM-yyyy}} other {Today, {value, date, full}}}',
+    SELECTED_NOW: 'Selected: {view, select, year {current year, {value, date, ::yyyy}} month {current month, {value, date, ::MMMM-yyyy}} other {today, {value, date, full}}}',
+    SELECTED_DATE: 'Selected {count, plural, =1 {date is {value, date, full}} other {# dates, {value, date, full} and others}}',
+    SELECTED_RANGE: 'Selected range is from {from, date, full}{to, select, null {} other { to {to, date, full}}}',
+    SELECTED_NONE: 'Selected none. Choose {range, select, true {date range} other {{multiple, select, true {dates} other {date}}}}'
+};
+Phrasebook.define('zh', 'ef-calendar', translations);
+export default translations;

package/lib/locale/zh/color-dialog.d.ts

@@ -1,4 +1,4 @@
-import './shared';
+import './shared.js';
 declare const translations: {
     HEADER: string;
     RED: string;

package/lib/locale/zh/color-dialog.js

@@ -1,6 +1,6 @@
 // Component docs https://elf.int.refinitiv.com/elements/color-dialog.html
-import { Phrasebook } from '../../';
-import './shared';
+import { Phrasebook } from '../../translation.js';
+import './shared.js';
 import dialogTranslations from './dialog';
 const translations = Object.assign(Object.assign({}, dialogTranslations), { 
     // Dialog title

package/lib/locale/zh/combo-box.d.ts

@@ -1,4 +1,4 @@
-import './shared';
+import './shared.js';
 declare const translations: {
     MULTIPLE_ITEMS: string;
     NO_OPTIONS: string;

package/lib/locale/zh/combo-box.js

@@ -1,5 +1,5 @@
-import { Phrasebook } from '../../';
-import './shared';
+import { Phrasebook } from '../../translation.js';
+import './shared.js';
 const translations = {
     MULTIPLE_ITEMS: '多项',
     NO_OPTIONS: '未找到结果。'

package/lib/locale/zh/dialog.d.ts

@@ -1,4 +1,4 @@
-import './shared';
+import './shared.js';
 declare const translations: {
     HEADER: string;
 };

package/lib/locale/zh/dialog.js

@@ -1,5 +1,5 @@
-import { Phrasebook } from '../../';
-import './shared';
+import { Phrasebook } from '../../translation.js';
+import './shared.js';
 // deliberately empty as covered by shared
 const translations = {
     HEADER: '对话框'

package/lib/locale/zh/pagination.d.ts

@@ -1,4 +1,4 @@
-import './shared';
+import './shared.js';
 declare const translations: {
     PAGE_OF: string;
     ITEM_INFO: string;

package/lib/locale/zh/pagination.js

@@ -1,6 +1,6 @@
 // Component docs https://elf.int.refinitiv.com/elements/pagination.html
-import { Phrasebook } from '../../';
-import './shared';
+import { Phrasebook } from '../../translation.js';
+import './shared.js';
 const translations = {
     // page: current page #
     // pageTotal: total number of pages

package/lib/locale/zh/password-field.d.ts

@@ -0,0 +1,5 @@
+declare const translations: {
+    SHOW_PASSWORD: string;
+    HIDE_PASSWORD: string;
+};
+export default translations;

package/lib/locale/zh/password-field.js

@@ -0,0 +1,7 @@
+import { Phrasebook } from '../../translation.js';
+const translations = {
+    SHOW_PASSWORD: 'Show password',
+    HIDE_PASSWORD: 'Hide password'
+};
+Phrasebook.define('zh', 'ef-password-field', translations);
+export default translations;

package/lib/locale/zh/search-field.d.ts

@@ -0,0 +1,4 @@
+declare const translations: {
+    SEARCH: string;
+};
+export default translations;

package/lib/locale/zh/search-field.js

@@ -0,0 +1,6 @@
+import { Phrasebook } from '../../translation.js';
+const translations = {
+    SEARCH: 'Search'
+};
+Phrasebook.define('zh', 'ef-search-field', translations);
+export default translations;

package/lib/locale/zh/shared.js

@@ -1,4 +1,4 @@
-import { Phrasebook } from '../../';
+import { Phrasebook } from '../../translation.js';
 // these are used for buttons
 const translations = {
     CANCEL: '取消',

package/lib/locale/zh/tree-select.d.ts

@@ -1,4 +1,4 @@
-import './shared';
+import './shared.js';
 declare const translations: {
     FULL_LIST: string;
     SELECTED: string;

package/lib/locale/zh/tree-select.js

@@ -1,6 +1,6 @@
 // Component docs https://elf.int.refinitiv.com/elements/tree-select.html
-import { Phrasebook } from '../../';
-import './shared';
+import { Phrasebook } from '../../translation.js';
+import './shared.js';
 import comboboxTranslations from './combo-box';
 const translations = Object.assign(Object.assign({}, comboboxTranslations), { 
     // used as a toggle control

package/lib/locale/zh-hant/calendar.d.ts

@@ -0,0 +1,18 @@
+declare const translations: {
+    PREVIOUS_MONTH: string;
+    NEXT_MONTH: string;
+    PREVIOUS_YEAR: string;
+    NEXT_YEAR: string;
+    PREVIOUS_DECADE: string;
+    NEXT_DECADE: string;
+    YEAR_SELECTOR: string;
+    DATE_SELECTOR: string;
+    CELL_LABEL: string;
+    SELECTED: string;
+    NOW: string;
+    SELECTED_NOW: string;
+    SELECTED_DATE: string;
+    SELECTED_RANGE: string;
+    SELECTED_NONE: string;
+};
+export default translations;

package/lib/locale/zh-hant/calendar.js

@@ -0,0 +1,20 @@
+import { Phrasebook } from '../../translation.js';
+const translations = {
+    PREVIOUS_MONTH: 'Previous month',
+    NEXT_MONTH: 'Next month',
+    PREVIOUS_YEAR: 'Previous year',
+    NEXT_YEAR: 'Next year',
+    PREVIOUS_DECADE: 'Previous decade',
+    NEXT_DECADE: 'Next decade',
+    YEAR_SELECTOR: 'Click to select year',
+    DATE_SELECTOR: 'Click to select date',
+    CELL_LABEL: '{view, select, year {{value, date, ::yyyy}} month {{value, date, ::MMMM-yyyy}} other {{value, date, full}}}',
+    SELECTED: 'Selected: {view, select, year {{value, date, ::yyyy}} month {{value, date, ::MMMM-yyyy}} other {{value, date, full}}}',
+    NOW: '{view, select, year {Current year, {value, date, ::yyyy}} month {Current month, {value, date, ::MMMM-yyyy}} other {Today, {value, date, full}}}',
+    SELECTED_NOW: 'Selected: {view, select, year {current year, {value, date, ::yyyy}} month {current month, {value, date, ::MMMM-yyyy}} other {today, {value, date, full}}}',
+    SELECTED_DATE: 'Selected {count, plural, =1 {date is {value, date, full}} other {# dates, {value, date, full} and others}}',
+    SELECTED_RANGE: 'Selected range is from {from, date, full}{to, select, null {} other { to {to, date, full}}}',
+    SELECTED_NONE: 'Selected none. Choose {range, select, true {date range} other {{multiple, select, true {dates} other {date}}}}'
+};
+Phrasebook.define('zh-Hant', 'ef-calendar', translations);
+export default translations;

package/lib/locale/zh-hant/color-dialog.d.ts

@@ -1,4 +1,4 @@
-import './shared';
+import './shared.js';
 declare const translations: {
     HEADER: string;
     RED: string;

package/lib/locale/zh-hant/color-dialog.js

@@ -1,6 +1,6 @@
 // Component docs https://elf.int.refinitiv.com/elements/color-dialog.html
-import { Phrasebook } from '../../';
-import './shared';
+import { Phrasebook } from '../../translation.js';
+import './shared.js';
 import dialogTranslations from './dialog';
 const translations = Object.assign(Object.assign({}, dialogTranslations), { 
     // Dialog title

package/lib/locale/zh-hant/combo-box.d.ts

@@ -1,4 +1,4 @@
-import './shared';
+import './shared.js';
 declare const translations: {
     MULTIPLE_ITEMS: string;
     NO_OPTIONS: string;

package/lib/locale/zh-hant/combo-box.js

@@ -1,5 +1,5 @@
-import { Phrasebook } from '../../';
-import './shared';
+import { Phrasebook } from '../../translation.js';
+import './shared.js';
 const translations = {
     MULTIPLE_ITEMS: '多項',
     NO_OPTIONS: '未找到結果。'

package/lib/locale/zh-hant/dialog.d.ts

@@ -1,4 +1,4 @@
-import './shared';
+import './shared.js';
 declare const translations: {
     HEADER: string;
 };

package/lib/locale/zh-hant/dialog.js

@@ -1,5 +1,5 @@
-import { Phrasebook } from '../../';
-import './shared';
+import { Phrasebook } from '../../translation.js';
+import './shared.js';
 // deliberately empty as covered by shared
 const translations = {
     HEADER: '對話框'

package/lib/locale/zh-hant/pagination.d.ts

@@ -1,4 +1,4 @@
-import './shared';
+import './shared.js';
 declare const translations: {
     PAGE_OF: string;
     ITEM_INFO: string;

package/lib/locale/zh-hant/pagination.js

@@ -1,6 +1,6 @@
 // Component docs https://elf.int.refinitiv.com/elements/pagination.html
-import { Phrasebook } from '../../';
-import './shared';
+import { Phrasebook } from '../../translation.js';
+import './shared.js';
 const translations = {
     // page: current page #
     // pageTotal: total number of pages

package/lib/locale/zh-hant/password-field.d.ts

@@ -0,0 +1,5 @@
+declare const translations: {
+    SHOW_PASSWORD: string;
+    HIDE_PASSWORD: string;
+};
+export default translations;

package/lib/locale/zh-hant/password-field.js

@@ -0,0 +1,7 @@
+import { Phrasebook } from '../../translation.js';
+const translations = {
+    SHOW_PASSWORD: 'Show password',
+    HIDE_PASSWORD: 'Hide password'
+};
+Phrasebook.define('zh-Hant', 'ef-password-field', translations);
+export default translations;

package/lib/locale/zh-hant/search-field.d.ts

@@ -0,0 +1,4 @@
+declare const translations: {
+    SEARCH: string;
+};
+export default translations;

package/lib/locale/zh-hant/search-field.js

@@ -0,0 +1,6 @@
+import { Phrasebook } from '../../translation.js';
+const translations = {
+    SEARCH: 'Search'
+};
+Phrasebook.define('zh-Hant', 'ef-search-field', translations);
+export default translations;

package/lib/locale/zh-hant/shared.js

@@ -1,4 +1,4 @@
-import { Phrasebook } from '../../';
+import { Phrasebook } from '../../translation.js';
 // these are used for buttons
 const translations = {
     CANCEL: '取消',

package/lib/locale/zh-hant/tree-select.d.ts

@@ -1,4 +1,4 @@
-import './shared';
+import './shared.js';
 declare const translations: {
     FULL_LIST: string;
     SELECTED: string;

package/lib/locale/zh-hant/tree-select.js

@@ -1,6 +1,6 @@
 // Component docs https://elf.int.refinitiv.com/elements/tree-select.html
-import { Phrasebook } from '../../';
-import './shared';
+import { Phrasebook } from '../../translation.js';
+import './shared.js';
 import comboboxTranslations from './combo-box';
 const translations = Object.assign(Object.assign({}, comboboxTranslations), { 
     // used as a toggle control

package/lib/translation.d.ts

@@ -1,4 +1,4 @@
-import { Translations } from './index';
+import type { Translations } from './types';
 declare class ObserverKey {
 }
 declare type ObserverCallback = (locale: string) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinitiv-ui/phrasebook",
-  "version": "5.1.6",
+  "version": "5.3.0-alpha.0",
   "description": "Collection of messages in EF components for translation",
   "author": "Refinitiv",
   "license": "Apache-2.0",
@@ -12,6 +12,99 @@
     "url": "git@github.com:Refinitiv/refinitiv-ui.git",
     "directory": "packages/phrasebook"
   },
+  "exports": {
+    ".": "./lib/index.js",
+    "./locale/de/calendar.js": "./lib/locale/de/calendar.js",
+    "./locale/de/color-dialog.js": "./lib/locale/de/color-dialog.js",
+    "./locale/de/combo-box.js": "./lib/locale/de/combo-box.js",
+    "./locale/de/dialog.js": "./lib/locale/de/dialog.js",
+    "./locale/de/pagination.js": "./lib/locale/de/pagination.js",
+    "./locale/de/password-field.js": "./lib/locale/de/password-field.js",
+    "./locale/de/search-field.js": "./lib/locale/de/search-field.js",
+    "./locale/de/shared.js": "./lib/locale/de/shared.js",
+    "./locale/de/tree-select.js": "./lib/locale/de/tree-select.js",
+    "./locale/en/calendar.js": "./lib/locale/en/calendar.js",
+    "./locale/en/color-dialog.js": "./lib/locale/en/color-dialog.js",
+    "./locale/en/combo-box.js": "./lib/locale/en/combo-box.js",
+    "./locale/en/dialog.js": "./lib/locale/en/dialog.js",
+    "./locale/en/pagination.js": "./lib/locale/en/pagination.js",
+    "./locale/en/password-field.js": "./lib/locale/en/password-field.js",
+    "./locale/en/search-field.js": "./lib/locale/en/search-field.js",
+    "./locale/en/shared.js": "./lib/locale/en/shared.js",
+    "./locale/en/tree-select.js": "./lib/locale/en/tree-select.js",
+    "./locale/ja/calendar.js": "./lib/locale/ja/calendar.js",
+    "./locale/ja/color-dialog.js": "./lib/locale/ja/color-dialog.js",
+    "./locale/ja/combo-box.js": "./lib/locale/ja/combo-box.js",
+    "./locale/ja/dialog.js": "./lib/locale/ja/dialog.js",
+    "./locale/ja/pagination.js": "./lib/locale/ja/pagination.js",
+    "./locale/ja/password-field.js": "./lib/locale/ja/password-field.js",
+    "./locale/ja/search-field.js": "./lib/locale/ja/search-field.js",
+    "./locale/ja/shared.js": "./lib/locale/ja/shared.js",
+    "./locale/ja/tree-select.js": "./lib/locale/ja/tree-select.js",
+    "./locale/zh/calendar.js": "./lib/locale/zh/calendar.js",
+    "./locale/zh/color-dialog.js": "./lib/locale/zh/color-dialog.js",
+    "./locale/zh/combo-box.js": "./lib/locale/zh/combo-box.js",
+    "./locale/zh/dialog.js": "./lib/locale/zh/dialog.js",
+    "./locale/zh/pagination.js": "./lib/locale/zh/pagination.js",
+    "./locale/zh/password-field.js": "./lib/locale/zh/password-field.js",
+    "./locale/zh/search-field.js": "./lib/locale/zh/search-field.js",
+    "./locale/zh/shared.js": "./lib/locale/zh/shared.js",
+    "./locale/zh/tree-select.js": "./lib/locale/zh/tree-select.js",
+    "./locale/zh-hant/calendar.js": "./lib/locale/zh-hant/calendar.js",
+    "./locale/zh-hant/color-dialog.js": "./lib/locale/zh-hant/color-dialog.js",
+    "./locale/zh-hant/combo-box.js": "./lib/locale/zh-hant/combo-box.js",
+    "./locale/zh-hant/dialog.js": "./lib/locale/zh-hant/dialog.js",
+    "./locale/zh-hant/pagination.js": "./lib/locale/zh-hant/pagination.js",
+    "./locale/zh-hant/password-field.js": "./lib/locale/zh-hant/password-field.js",
+    "./locale/zh-hant/search-field.js": "./lib/locale/zh-hant/search-field.js",
+    "./locale/zh-hant/shared.js": "./lib/locale/zh-hant/shared.js",
+    "./locale/zh-hant/tree-select.js": "./lib/locale/zh-hant/tree-select.js",
+    "./lib/locale/de/calendar.js": "./lib/locale/de/calendar.js",
+    "./lib/locale/de/color-dialog.js": "./lib/locale/de/color-dialog.js",
+    "./lib/locale/de/combo-box.js": "./lib/locale/de/combo-box.js",
+    "./lib/locale/de/dialog.js": "./lib/locale/de/dialog.js",
+    "./lib/locale/de/pagination.js": "./lib/locale/de/pagination.js",
+    "./lib/locale/de/password-field.js": "./lib/locale/de/password-field.js",
+    "./lib/locale/de/search-field.js": "./lib/locale/de/search-field.js",
+    "./lib/locale/de/shared.js": "./lib/locale/de/shared.js",
+    "./lib/locale/de/tree-select.js": "./lib/locale/de/tree-select.js",
+    "./lib/locale/en/calendar.js": "./lib/locale/en/calendar.js",
+    "./lib/locale/en/color-dialog.js": "./lib/locale/en/color-dialog.js",
+    "./lib/locale/en/combo-box.js": "./lib/locale/en/combo-box.js",
+    "./lib/locale/en/dialog.js": "./lib/locale/en/dialog.js",
+    "./lib/locale/en/pagination.js": "./lib/locale/en/pagination.js",
+    "./lib/locale/en/password-field.js": "./lib/locale/en/password-field.js",
+    "./lib/locale/en/search-field.js": "./lib/locale/en/search-field.js",
+    "./lib/locale/en/shared.js": "./lib/locale/en/shared.js",
+    "./lib/locale/en/tree-select.js": "./lib/locale/en/tree-select.js",
+    "./lib/locale/ja/calendar.js": "./lib/locale/ja/calendar.js",
+    "./lib/locale/ja/color-dialog.js": "./lib/locale/ja/color-dialog.js",
+    "./lib/locale/ja/combo-box.js": "./lib/locale/ja/combo-box.js",
+    "./lib/locale/ja/dialog.js": "./lib/locale/ja/dialog.js",
+    "./lib/locale/ja/pagination.js": "./lib/locale/ja/pagination.js",
+    "./lib/locale/ja/password-field.js": "./lib/locale/ja/password-field.js",
+    "./lib/locale/ja/search-field.js": "./lib/locale/ja/search-field.js",
+    "./lib/locale/ja/shared.js": "./lib/locale/ja/shared.js",
+    "./lib/locale/ja/tree-select.js": "./lib/locale/ja/tree-select.js",
+    "./lib/locale/zh/calendar.js": "./lib/locale/zh/calendar.js",
+    "./lib/locale/zh/color-dialog.js": "./lib/locale/zh/color-dialog.js",
+    "./lib/locale/zh/combo-box.js": "./lib/locale/zh/combo-box.js",
+    "./lib/locale/zh/dialog.js": "./lib/locale/zh/dialog.js",
+    "./lib/locale/zh/pagination.js": "./lib/locale/zh/pagination.js",
+    "./lib/locale/zh/password-field.js": "./lib/locale/zh/password-field.js",
+    "./lib/locale/zh/search-field.js": "./lib/locale/zh/search-field.js",
+    "./lib/locale/zh/shared.js": "./lib/locale/zh/shared.js",
+    "./lib/locale/zh/tree-select.js": "./lib/locale/zh/tree-select.js",
+    "./lib/locale/zh-hant/calendar.js": "./lib/locale/zh-hant/calendar.js",
+    "./lib/locale/zh-hant/color-dialog.js": "./lib/locale/zh-hant/color-dialog.js",
+    "./lib/locale/zh-hant/combo-box.js": "./lib/locale/zh-hant/combo-box.js",
+    "./lib/locale/zh-hant/dialog.js": "./lib/locale/zh-hant/dialog.js",
+    "./lib/locale/zh-hant/pagination.js": "./lib/locale/zh-hant/pagination.js",
+    "./lib/locale/zh-hant/password-field.js": "./lib/locale/zh-hant/password-field.js",
+    "./lib/locale/zh-hant/search-field.js": "./lib/locale/zh-hant/search-field.js",
+    "./lib/locale/zh-hant/shared.js": "./lib/locale/zh-hant/shared.js",
+    "./lib/locale/zh-hant/tree-select.js": "./lib/locale/zh-hant/tree-select.js"
+  },
   "scripts": {
     "build": "tsc --sourceMap --declarationMap",
     "build:prod": "tsc",
@@ -20,12 +113,15 @@
     "test": "npm run build && mocha __test__/**/*.js --require esm"
   },
   "devDependencies": {
-    "chai": "4.3.4",
+    "chai": "^4.3.4",
     "esm": "^3.2.25",
     "mocha": "^8.4.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "56c985d7666d307366f71e84bc10111c45ef7f6f"
+  "dependencies": {
+    "tslib": "^2.3.1"
+  },
+  "gitHead": "20e555a28212760cc2657b27ca0c5f583c55c51d"
 }