@operato/input 10.29.38 → 10.29.39

package/dist/src/locale/locale-picker.d.ts

@@ -1,5 +1,8 @@
 import { LitElement } from 'lit';
 export declare class LocalePicker extends LitElement {
+    private stopAddress?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
-    localeChanged(event: Event): void;
+    localeChanged(event: Event): Promise<void>;
 }

package/dist/src/locale/locale-picker.js

@@ -1,4 +1,5 @@
 import { __decorate } from "tslib";
+import { addressController, writeAddress } from '@operato/utils/address.js';
 import { html, LitElement } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { localized } from '@lit/localize';
@@ -16,6 +17,14 @@ const localeNames = {
 // the active locale (the result of getLocale()) when the locale changes via a
 // history navigation.
 let LocalePicker = class LocalePicker extends LitElement {
+    connectedCallback() {
+        super.connectedCallback();
+        this.stopAddress = addressController().subscribe(() => void setLocaleFromUrl());
+    }
+    disconnectedCallback() {
+        this.stopAddress?.();
+        super.disconnectedCallback();
+    }
     render() {
         return html `
       <select @change=${this.localeChanged}>
@@ -23,13 +32,13 @@ let LocalePicker = class LocalePicker extends LitElement {
       </select>
     `;
     }
-    localeChanged(event) {
+    async localeChanged(event) {
         const newLocale = event.target.value;
         if (newLocale !== getLocale()) {
             const url = new URL(window.location.href);
             url.searchParams.set('locale', newLocale);
-            window.history.pushState(null, '', url.toString());
-            setLocaleFromUrl();
+            await writeAddress(url);
+            event.target.value = getLocale();
         }
     }
 };

package/dist/src/locale/locale-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"locale-picker.js","sourceRoot":"","sources":["../../../src/locale/locale-picker.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAE/D,MAAM,WAAW,GAEb;IACF,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,eAAe;IACnB,EAAE,EAAE,SAAS;CACd,CAAA;AAED,gFAAgF;AAChF,8EAA8E;AAC9E,sBAAsB;AAGf,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAC1C,MAAM;QACJ,OAAO,IAAI,CAAA;wBACS,IAAI,CAAC,aAAa;UAChC,UAAU,CAAC,GAAG,CACd,MAAM,CAAC,EAAE,CAAC,IAAI,CAAA,iBAAiB,MAAM,cAAc,MAAM,KAAK,SAAS,EAAE,IAAI,WAAW,CAAC,MAAM,CAAC,WAAW,CAC5G;;KAEJ,CAAA;IACH,CAAC;IAED,aAAa,CAAC,KAAY;QACxB,MAAM,SAAS,GAAI,KAAK,CAAC,MAA4B,CAAC,KAAK,CAAA;QAC3D,IAAI,SAAS,KAAK,SAAS,EAAE,EAAE,CAAC;YAC9B,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;YACzC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAA;YACzC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAA;YAClD,gBAAgB,EAAE,CAAA;QACpB,CAAC;IACH,CAAC;CACF,CAAA;AApBY,YAAY;IAFxB,SAAS,EAAE;IACX,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CAoBxB","sourcesContent":["import { html, LitElement } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { localized } from '@lit/localize'\n\nimport { allLocales } from './locale-codes.js'\nimport { getLocale, setLocaleFromUrl } from './localization.js'\n\nconst localeNames: {\n  [L in typeof allLocales[number]]: string\n} = {\n  en: 'English',\n  es: 'Español',\n  ja: '日本語',\n  ko: '한국어',\n  ms: 'Bahasa Melayu',\n  zh: '中文 (简体)'\n}\n\n// Note we use updateWhenLocaleChanges here so that we're always up to date with\n// the active locale (the result of getLocale()) when the locale changes via a\n// history navigation.\n@localized()\n@customElement('locale-picker')\nexport class LocalePicker extends LitElement {\n  render() {\n    return html`\n      <select @change=${this.localeChanged}>\n        ${allLocales.map(\n          locale => html`<option value=${locale} ?selected=${locale === getLocale()}>${localeNames[locale]}</option>`\n        )}\n      </select>\n    `\n  }\n\n  localeChanged(event: Event) {\n    const newLocale = (event.target as HTMLSelectElement).value\n    if (newLocale !== getLocale()) {\n      const url = new URL(window.location.href)\n      url.searchParams.set('locale', newLocale)\n      window.history.pushState(null, '', url.toString())\n      setLocaleFromUrl()\n    }\n  }\n}\n"]}
+{"version":3,"file":"locale-picker.js","sourceRoot":"","sources":["../../../src/locale/locale-picker.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC3E,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAE/D,MAAM,WAAW,GAEb;IACF,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,eAAe;IACnB,EAAE,EAAE,SAAS;CACd,CAAA;AAED,gFAAgF;AAChF,8EAA8E;AAC9E,sBAAsB;AAGf,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAE1C,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAA;QACzB,IAAI,CAAC,WAAW,GAAG,iBAAiB,EAAE,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,gBAAgB,EAAE,CAAC,CAAA;IACjF,CAAC;IACD,oBAAoB;QAClB,IAAI,CAAC,WAAW,EAAE,EAAE,CAAA;QACpB,KAAK,CAAC,oBAAoB,EAAE,CAAA;IAC9B,CAAC;IACD,MAAM;QACJ,OAAO,IAAI,CAAA;wBACS,IAAI,CAAC,aAAa;UAChC,UAAU,CAAC,GAAG,CACd,MAAM,CAAC,EAAE,CAAC,IAAI,CAAA,iBAAiB,MAAM,cAAc,MAAM,KAAK,SAAS,EAAE,IAAI,WAAW,CAAC,MAAM,CAAC,WAAW,CAC5G;;KAEJ,CAAA;IACH,CAAC;IAED,KAAK,CAAC,aAAa,CAAC,KAAY;QAC9B,MAAM,SAAS,GAAI,KAAK,CAAC,MAA4B,CAAC,KAAK,CAAA;QAC3D,IAAI,SAAS,KAAK,SAAS,EAAE,EAAE,CAAC;YAC9B,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;YACzC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAA;YACzC,MAAM,YAAY,CAAC,GAAG,CAAC,CAEtB;YAAC,KAAK,CAAC,MAA4B,CAAC,KAAK,GAAG,SAAS,EAAE,CAAA;QAC1D,CAAC;IACH,CAAC;CACF,CAAA;AA9BY,YAAY;IAFxB,SAAS,EAAE;IACX,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CA8BxB","sourcesContent":["import { addressController, writeAddress } from '@operato/utils/address.js'\nimport { html, LitElement } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { localized } from '@lit/localize'\n\nimport { allLocales } from './locale-codes.js'\nimport { getLocale, setLocaleFromUrl } from './localization.js'\n\nconst localeNames: {\n  [L in typeof allLocales[number]]: string\n} = {\n  en: 'English',\n  es: 'Español',\n  ja: '日本語',\n  ko: '한국어',\n  ms: 'Bahasa Melayu',\n  zh: '中文 (简体)'\n}\n\n// Note we use updateWhenLocaleChanges here so that we're always up to date with\n// the active locale (the result of getLocale()) when the locale changes via a\n// history navigation.\n@localized()\n@customElement('locale-picker')\nexport class LocalePicker extends LitElement {\n  private stopAddress?: () => void\n  connectedCallback() {\n    super.connectedCallback()\n    this.stopAddress = addressController().subscribe(() => void setLocaleFromUrl())\n  }\n  disconnectedCallback() {\n    this.stopAddress?.()\n    super.disconnectedCallback()\n  }\n  render() {\n    return html`\n      <select @change=${this.localeChanged}>\n        ${allLocales.map(\n          locale => html`<option value=${locale} ?selected=${locale === getLocale()}>${localeNames[locale]}</option>`\n        )}\n      </select>\n    `\n  }\n\n  async localeChanged(event: Event) {\n    const newLocale = (event.target as HTMLSelectElement).value\n    if (newLocale !== getLocale()) {\n      const url = new URL(window.location.href)\n      url.searchParams.set('locale', newLocale)\n      await writeAddress(url)\n      // A refused change must also restore the native select's displayed value.\n      ;(event.target as HTMLSelectElement).value = getLocale()\n    }\n  }\n}\n"]}