@carbon/ibmdotcom-web-components 1.37.0-rc.2 → 1.37.0-rc.3

package/es/components/locale-modal/locale-modal-composite.js

@@ -21,15 +21,17 @@ var _ifNonNull = _interopRequireDefault(require("../../internal/vendor/@carbon/w
 var _Locale = _interopRequireDefault(require("@carbon/ibmdotcom-services/es/services/Locale/Locale.js"));
 var _settings = _interopRequireDefault(require("../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js"));
 var _altlangs = _interopRequireDefault(require("../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/altlangs/altlangs.js"));
+var _hostListener = _interopRequireDefault(require("../../internal/vendor/@carbon/web-components/globals/decorators/host-listener.js"));
+var _hostListener2 = _interopRequireDefault(require("../../internal/vendor/@carbon/web-components/globals/mixins/host-listener.js"));
 var _hybridRender = _interopRequireDefault(require("../../globals/mixins/hybrid-render.js"));
-require("./locale-modal.js");
+var _localeModal = _interopRequireDefault(require("./locale-modal.js"));
 require("./regions.js");
 require("./region-item.js");
 require("./locale-search.js");
 require("./locale-item.js");
 var _localeModalCompositeCss = _interopRequireDefault(require("././locale-modal-composite.css.js"));
 var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /**
                                                                                                                                                                                                                                                                                                                                            * @license
@@ -46,9 +48,9 @@ var ddsPrefix = _settings["default"].stablePrefix;
  *
  * @element dds-locale-modal-composite
  */
-var DDSLocaleModalComposite = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-locale-modal-composite"))], function (_initialize, _HybridRenderMixin) {
-  var DDSLocaleModalComposite = /*#__PURE__*/function (_HybridRenderMixin2) {
-    (0, _inherits2["default"])(DDSLocaleModalComposite, _HybridRenderMixin2);
+var DDSLocaleModalComposite = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-locale-modal-composite"))], function (_initialize, _HostListenerMixin) {
+  var DDSLocaleModalComposite = /*#__PURE__*/function (_HostListenerMixin2) {
+    (0, _inherits2["default"])(DDSLocaleModalComposite, _HostListenerMixin2);
     var _super = _createSuper(DDSLocaleModalComposite);
     function DDSLocaleModalComposite() {
       var _this;
@@ -61,7 +63,7 @@ var DDSLocaleModalComposite = (0, _decorate2["default"])([(0, _carbonElement.car
       return _this;
     }
     return (0, _createClass2["default"])(DDSLocaleModalComposite);
-  }(_HybridRenderMixin);
+  }(_HostListenerMixin);
   return {
     F: DDSLocaleModalComposite,
     d: [{
@@ -127,9 +129,15 @@ var DDSLocaleModalComposite = (0, _decorate2["default"])([(0, _carbonElement.car
       value: function value() {
         return false;
       }
+    }, {
+      kind: "field",
+      decorators: [(0, _litElement.property)()],
+      key: "chosenRegion",
+      value: void 0
     }, {
       kind: "method",
-      key: "getLangDisplay",
+      decorators: [(0, _hostListener["default"])(_localeModal["default"].eventRegionUpdated)],
+      key: "_handleRegionUpdatedEvent",
       value:
       /**
        * The g11n collator to use for sorting contry names.
@@ -146,8 +154,18 @@ var DDSLocaleModalComposite = (0, _decorate2["default"])([(0, _carbonElement.car
       /**
        * `true` to open the modal.
        */
+      /**
+       * The region chosen by user.
+       */
+      function _handleRegionUpdatedEvent(event) {
+        this.chosenRegion = event.detail.region || undefined;
+      }
+
       // eslint-disable-next-line class-methods-use-this
-      function () {
+    }, {
+      kind: "method",
+      key: "getLangDisplay",
+      value: function () {
         var _getLangDisplay = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
           var response;
           return _regenerator["default"].wrap(function _callee$(_context) {
@@ -178,9 +196,9 @@ var DDSLocaleModalComposite = (0, _decorate2["default"])([(0, _carbonElement.car
         var language = this.language;
         if (language) {
           var _this$_setLanguage;
-          (_this$_setLanguage = this._setLanguage) === null || _this$_setLanguage === void 0 ? void 0 : _this$_setLanguage.call(this, language);
+          (_this$_setLanguage = this._setLanguage) === null || _this$_setLanguage === void 0 || _this$_setLanguage.call(this, language);
         }
-        (_this$_loadLocaleList = this._loadLocaleList) === null || _this$_loadLocaleList === void 0 ? void 0 : _this$_loadLocaleList.call(this, language);
+        (_this$_loadLocaleList = this._loadLocaleList) === null || _this$_loadLocaleList === void 0 || _this$_loadLocaleList.call(this, language);
         this.getLangDisplay().then(function (res) {
           _this3.langDisplay = res;
         });
@@ -193,8 +211,8 @@ var DDSLocaleModalComposite = (0, _decorate2["default"])([(0, _carbonElement.car
         if (changedProperties.has('language')) {
           if (language) {
             var _this$_setLanguage2, _this$_loadLocaleList2;
-            (_this$_setLanguage2 = this._setLanguage) === null || _this$_setLanguage2 === void 0 ? void 0 : _this$_setLanguage2.call(this, language);
-            (_this$_loadLocaleList2 = this._loadLocaleList) === null || _this$_loadLocaleList2 === void 0 ? void 0 : _this$_loadLocaleList2.call(this, language)["catch"](function () {}); // The error is logged in the Redux store
+            (_this$_setLanguage2 = this._setLanguage) === null || _this$_setLanguage2 === void 0 || _this$_setLanguage2.call(this, language);
+            (_this$_loadLocaleList2 = this._loadLocaleList) === null || _this$_loadLocaleList2 === void 0 || _this$_loadLocaleList2.call(this, language)["catch"](function () {}); // The error is logged in the Redux store
           }
         }
       }
@@ -203,7 +221,8 @@ var DDSLocaleModalComposite = (0, _decorate2["default"])([(0, _carbonElement.car
       key: "renderLightDOM",
       value: function renderLightDOM() {
         var _this4 = this;
-        var langDisplay = this.langDisplay,
+        var chosenRegion = this.chosenRegion,
+          langDisplay = this.langDisplay,
           localeList = this.localeList,
           open = this.open;
         var _ref = localeList !== null && localeList !== void 0 ? localeList : {},
@@ -247,27 +266,31 @@ var DDSLocaleModalComposite = (0, _decorate2["default"])([(0, _carbonElement.car
           });
           return acc;
         }, []);
-        return (0, _litElement.html)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n      <dds-locale-modal\n        close-button-assistive-text=\"", "\"\n        header-title=\"", "\"\n        lang-display=\"", "\"\n        ?open=\"", "\">\n        <dds-regions title=\"", "\">\n          ", "\n        </dds-regions>\n        <dds-locale-search\n          close-button-assistive-text=\"", "\"\n          label-text=\"", "\"\n          placeholder=\"", "\"\n          availability-label-text=\"", "\"\n          unavailability-label-text=\"", "\">\n          ", "\n        </dds-locale-search>\n      </dds-locale-modal>\n    "])), (0, _ifNonNull["default"])(modalClose), (0, _ifNonNull["default"])(headerTitle), (0, _ifNonNull["default"])(langDisplay), open, (0, _ifNonNull["default"])(headerTitle), regionList === null || regionList === void 0 ? void 0 : regionList.map(function (_ref7) {
+        return (0, _litElement.html)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n      <dds-locale-modal\n        close-button-assistive-text=\"", "\"\n        header-title=\"", "\"\n        lang-display=\"", "\"\n        ?open=\"", "\">\n        <dds-regions title=\"", "\">\n          ", "\n        </dds-regions>\n\n        <dds-locale-search\n          close-button-assistive-text=\"", "\"\n          label-text=\"", "\"\n          placeholder=\"", "\"\n          availability-label-text=\"", "\"\n          unavailability-label-text=\"", "\">\n          ", "\n        </dds-locale-search>\n      </dds-locale-modal>\n    "])), (0, _ifNonNull["default"])(modalClose), (0, _ifNonNull["default"])(headerTitle), (0, _ifNonNull["default"])(langDisplay), open, (0, _ifNonNull["default"])(headerTitle), regionList === null || regionList === void 0 ? void 0 : regionList.map(function (_ref7) {
           var countryList = _ref7.countryList,
             name = _ref7.name;
-          return (0, _litElement.html)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n              <dds-region-item\n                ?invalid=\"", "\"\n                name=\"", "\"></dds-region-item>\n            "])), countryList.length === 0 || (massagedCountryList === null || massagedCountryList === void 0 ? void 0 : massagedCountryList.find(function (_ref8) {
+          var isInvalid = countryList.length === 0 || (massagedCountryList === null || massagedCountryList === void 0 ? void 0 : massagedCountryList.find(function (_ref8) {
             var region = _ref8.region;
             return region === name;
-          })) === undefined, name);
-        }), (0, _ifNonNull["default"])(searchClearText), (0, _ifNonNull["default"])(searchLabel), (0, _ifNonNull["default"])(searchPlaceholder), (0, _ifNonNull["default"])(availabilityText), (0, _ifNonNull["default"])(unavailabilityText), massagedCountryList === null || massagedCountryList === void 0 ? void 0 : massagedCountryList.map(function (_ref9) {
-          var country = _ref9.country,
-            href = _ref9.href,
-            language = _ref9.language,
-            locale = _ref9.locale,
-            region = _ref9.region;
-          return (0, _litElement.html)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n              <dds-locale-item\n                country=\"", "\"\n                href=\"", "\"\n                language=\"", "\"\n                locale=\"", "\"\n                region=\"", "\">\n              </dds-locale-item>\n            "])), country, href, language, locale, region);
-        }));
+          })) === undefined;
+          return (0, _litElement.html)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n              <dds-region-item\n                ?invalid=\"", "\"\n                name=\"", "\"></dds-region-item>\n            "])), isInvalid, name);
+        }), (0, _ifNonNull["default"])(searchClearText), (0, _ifNonNull["default"])(searchLabel), (0, _ifNonNull["default"])(searchPlaceholder), (0, _ifNonNull["default"])(availabilityText), (0, _ifNonNull["default"])(unavailabilityText), chosenRegion ? (0, _litElement.html)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n                ", "\n              "])), massagedCountryList === null || massagedCountryList === void 0 ? void 0 : massagedCountryList.filter(function (_ref9) {
+          var region = _ref9.region;
+          return region === chosenRegion;
+        }).map(function (_ref10) {
+          var country = _ref10.country,
+            href = _ref10.href,
+            language = _ref10.language,
+            locale = _ref10.locale,
+            region = _ref10.region;
+          return (0, _litElement.html)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n                      <dds-locale-item\n                        country=\"", "\"\n                        href=\"", "\"\n                        language=\"", "\"\n                        locale=\"", "\"\n                        region=\"", "\">\n                      </dds-locale-item>\n                    "])), country, href, language, locale, region);
+        })) : "");
       }
     }, {
       kind: "method",
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])([" <slot></slot> "])));
+        return (0, _litElement.html)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])([" <slot></slot> "])));
       }
     }, {
       kind: "field",
@@ -278,8 +301,7 @@ var DDSLocaleModalComposite = (0, _decorate2["default"])([(0, _carbonElement.car
       }
     }]
   };
-}, (0, _hybridRender["default"])(_litElement.LitElement));
+}, (0, _hostListener2["default"])((0, _hybridRender["default"])(_litElement.LitElement)));
 /* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */
-var _default = DDSLocaleModalComposite;
-exports["default"] = _default;
+var _default = exports["default"] = DDSLocaleModalComposite;
 //# sourceMappingURL=locale-modal-composite.js.map

package/es/components/locale-modal/locale-modal-composite.js.map

@@ -1 +1 @@
-{"version":3,"file":"locale-modal-composite.js","names":["_litElement","require","_ifNonNull","_interopRequireDefault","_Locale","_settings","_altlangs","_hybridRender","_localeModalCompositeCss","_carbonElement","_templateObject","_templateObject2","_templateObject3","_templateObject4","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSLocaleModalComposite","_decorate2","customElement","concat","_initialize","_HybridRenderMixin","_HybridRenderMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","_sortCountries","countries","_this2","sort","lhs","rhs","collatorCountryName","compare","name","decorators","property","attribute","Intl","Collator","type","_getLangDisplay","_asyncToGenerator2","_regenerator","mark","_callee","response","wrap","_callee$","_context","prev","next","LocaleAPI","getLangDisplay","sent","abrupt","stop","firstUpdated","_this$_loadLocaleList","_this3","language","_this$_setLanguage","_setLanguage","_loadLocaleList","then","res","langDisplay","updated","changedProperties","has","_this$_setLanguage2","_this$_loadLocaleList2","renderLightDOM","_this4","localeList","open","_ref","localeModal","regionList","_ref2","availabilityText","headerTitle","modalClose","searchClearText","searchLabel","searchPlaceholder","unavailabilityText","pageLangs","altlangs","Object","keys","messages","console","warn","join","massagedCountryList","reduce","acc","_ref3","countryList","region","forEach","_ref4","country","localeItems","locale","_ref5","_ref6","_slicedToArray2","href","push","html","_taggedTemplateLiteral2","ifNonNull","map","_ref7","find","_ref8","undefined","_ref9","render","styles","HybridRenderMixin","LitElement","_default","exports"],"sources":["components/locale-modal/locale-modal-composite.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, LitElement } from 'lit-element';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport LocaleAPI from '@carbon/ibmdotcom-services/es/services/Locale/Locale.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport altlangs from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/altlangs/altlangs.js';\nimport HybridRenderMixin from '../../globals/mixins/hybrid-render';\nimport {\n  Country,\n  LocaleList,\n} from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/localeAPI.d';\nimport './locale-modal';\nimport './regions';\nimport './region-item';\nimport './locale-search';\nimport './locale-item';\nimport styles from './locale-modal-composite.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Container component for locale modal.\n *\n * @element dds-locale-modal-composite\n */\n@customElement(`${ddsPrefix}-locale-modal-composite`)\nclass DDSLocaleModalComposite extends HybridRenderMixin(LitElement) {\n  /**\n   * @param countries A country list.\n   * @returns Sorted version of the given country list.\n   */\n  private _sortCountries(countries: Country[]) {\n    return countries.sort((lhs, rhs) =>\n      this.collatorCountryName.compare(lhs.name, rhs.name)\n    );\n  }\n\n  /**\n   * The placeholder for `loadLocaleList()` Redux action that may be mixed in.\n   *\n   * @internal\n   */\n  _loadLocaleList?: (language?: string) => Promise<LocaleList>;\n\n  /**\n   * The placeholder for `setLanguage()` Redux action that may be mixed in.\n   *\n   * @internal\n   */\n  _setLanguage?: (language: string) => void;\n\n  /**\n   * The g11n collator to use for sorting contry names.\n   */\n  @property({ attribute: false })\n  collatorCountryName = new Intl.Collator();\n\n  /**\n   * The language to show in the UI.\n   */\n  @property({ attribute: 'lang-display' })\n  langDisplay?: string;\n\n  /**\n   * The language used for query.\n   */\n  @property()\n  language?: string;\n\n  /**\n   * The locale list.\n   */\n  @property({ attribute: false })\n  localeList?: LocaleList;\n\n  /**\n   * `true` to open the modal.\n   */\n  @property({ type: Boolean })\n  open = false;\n\n  // eslint-disable-next-line class-methods-use-this\n  async getLangDisplay() {\n    const response = await LocaleAPI.getLangDisplay();\n    return response;\n  }\n\n  firstUpdated() {\n    const { language } = this;\n    if (language) {\n      this._setLanguage?.(language);\n    }\n    this._loadLocaleList?.(language);\n\n    this.getLangDisplay().then((res) => {\n      this.langDisplay = res;\n    });\n  }\n\n  updated(changedProperties) {\n    const { language } = this;\n    if (changedProperties.has('language')) {\n      if (language) {\n        this._setLanguage?.(language);\n        this._loadLocaleList?.(language).catch(() => {}); // The error is logged in the Redux store\n      }\n    }\n  }\n\n  renderLightDOM() {\n    const { langDisplay, localeList, open } = this;\n    const { localeModal, regionList } = localeList ?? {};\n    const {\n      availabilityText,\n      headerTitle,\n      modalClose,\n      searchClearText,\n      searchLabel,\n      searchPlaceholder,\n      unavailabilityText,\n    } = localeModal ?? {};\n    const pageLangs: { [locale: string]: string } = altlangs();\n    if (\n      Object.keys(pageLangs).length === 0 &&\n      (regionList?.length as number) > 0\n    ) {\n      const messages = [\n        'Detected that `<link rel=\"alternate\">` is likely missing.',\n        'The locale search UI will yield to an empty result.',\n      ];\n      console.warn(messages.join(' ')); // eslint-disable-line no-console\n    }\n    const massagedCountryList = regionList?.reduce(\n      (acc, { countryList, name: region }) => {\n        this._sortCountries(countryList).forEach(\n          ({ name: country, locale: localeItems }) => {\n            localeItems.forEach(([locale, language]) => {\n              const href = pageLangs[locale];\n              if (href) {\n                acc.push({\n                  locale,\n                  region,\n                  country,\n                  href,\n                  language,\n                });\n              }\n            });\n          }\n        );\n        return acc;\n      },\n      [] as {\n        href: string;\n        locale: string;\n        region: string;\n        country: string;\n        language: string;\n      }[]\n    );\n\n    return html`\n      <dds-locale-modal\n        close-button-assistive-text=\"${ifNonNull(modalClose)}\"\n        header-title=\"${ifNonNull(headerTitle)}\"\n        lang-display=\"${ifNonNull(langDisplay)}\"\n        ?open=\"${open}\">\n        <dds-regions title=\"${ifNonNull(headerTitle)}\">\n          ${regionList?.map(({ countryList, name }) => {\n            return html`\n              <dds-region-item\n                ?invalid=\"${countryList.length === 0 ||\n                massagedCountryList?.find(({ region }) => region === name) ===\n                  undefined}\"\n                name=\"${name}\"></dds-region-item>\n            `;\n          })}\n        </dds-regions>\n        <dds-locale-search\n          close-button-assistive-text=\"${ifNonNull(searchClearText)}\"\n          label-text=\"${ifNonNull(searchLabel)}\"\n          placeholder=\"${ifNonNull(searchPlaceholder)}\"\n          availability-label-text=\"${ifNonNull(availabilityText)}\"\n          unavailability-label-text=\"${ifNonNull(unavailabilityText)}\">\n          ${massagedCountryList?.map(\n            ({ country, href, language, locale, region }) => html`\n              <dds-locale-item\n                country=\"${country}\"\n                href=\"${href}\"\n                language=\"${language}\"\n                locale=\"${locale}\"\n                region=\"${region}\">\n              </dds-locale-item>\n            `\n          )}\n        </dds-locale-search>\n      </dds-locale-modal>\n    `;\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSLocaleModalComposite;\n"],"mappings":";;;;;;;;;;;;;;;;;;AASA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,SAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,aAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAKAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACA,IAAAO,wBAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,cAAA,GAAAR,OAAA;AAAmI,IAAAS,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAAA,SAAAC,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA,sBAzBnI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAoBA,IAAsBC,SAAS,GAAKC,oBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAMMC,uBAAuB,OAAAC,UAAA,cAD5B,IAAAC,4BAAa,KAAAC,MAAA,CAAIN,SAAS,4BAAyB,CAAC,aAAAO,WAAA,EAAAC,kBAAA;EAAA,IAC/CL,uBAAuB,0BAAAM,mBAAA;IAAA,IAAAC,UAAA,aAAAP,uBAAA,EAAAM,mBAAA;IAAA,IAAAE,MAAA,GAAAjC,YAAA,CAAAyB,uBAAA;IAAA,SAAAA,wBAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,uBAAA;MAAA,SAAAW,IAAA,GAAAxB,SAAA,CAAAyB,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA5B,SAAA,CAAA4B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAb,IAAA,CAAAP,KAAA,CAAAoB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,uBAAA;EAAA,EAAAK,kBAAA;EAAA;IAAAa,CAAA,EAAvBlB,uBAAuB;IAAAmB,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAC3B;AACF;AACA;AACA;MACE,SAAAC,eAAuBC,SAAoB,EAAE;QAAA,IAAAC,MAAA;QAC3C,OAAOD,SAAS,CAACE,IAAI,CAAC,UAACC,GAAG,EAAEC,GAAG;UAAA,OAC7BH,MAAI,CAACI,mBAAmB,CAACC,OAAO,CAACH,GAAG,CAACI,IAAI,EAAEH,GAAG,CAACG,IAAI,CAAC;QAAA,CACtD,CAAC;MACH;;MAEA;AACF;AACA;AACA;AACA;;MAGE;AACF;AACA;AACA;AACA;IAJE;MAAAX,IAAA;MAAAY,UAAA,GAUC,IAAAC,oBAAQ,EAAC;QAAEC,SAAS,EAAE;MAAM,CAAC,CAAC;MAAAb,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACT,IAAIa,IAAI,CAACC,QAAQ,CAAC,CAAC;MAAA;IAAA;MAAAhB,IAAA;MAAAY,UAAA,GAKxC,IAAAC,oBAAQ,EAAC;QAAEC,SAAS,EAAE;MAAe,CAAC,CAAC;MAAAb,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAY,UAAA,GAMvC,IAAAC,oBAAQ,EAAC,CAAC;MAAAZ,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAY,UAAA,GAMV,IAAAC,oBAAQ,EAAC;QAAEC,SAAS,EAAE;MAAM,CAAC,CAAC;MAAAb,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAY,UAAA,GAM9B,IAAAC,oBAAQ,EAAC;QAAEI,IAAI,EAAE7C;MAAQ,CAAC,CAAC;MAAA6B,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACrB,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MA5BZ;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;MAAA;QAAA,IAAAgB,eAAA,OAAAC,kBAAA,2BAAAC,YAAA,YAAAC,IAAA,CACA,SAAAC,QAAA;UAAA,IAAAC,QAAA;UAAA,OAAAH,YAAA,YAAAI,IAAA,UAAAC,SAAAC,QAAA;YAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;cAAA;gBAAAF,QAAA,CAAAE,IAAA;gBAAA,OACyBC,kBAAS,CAACC,cAAc,CAAC,CAAC;cAAA;gBAA3CP,QAAQ,GAAAG,QAAA,CAAAK,IAAA;gBAAA,OAAAL,QAAA,CAAAM,MAAA,WACPT,QAAQ;cAAA;cAAA;gBAAA,OAAAG,QAAA,CAAAO,IAAA;YAAA;UAAA,GAAAX,OAAA;QAAA,CAChB;QAAA,SAAAQ,eAAA;UAAA,OAAAZ,eAAA,CAAAlD,KAAA,OAAAD,SAAA;QAAA;QAAA,OAAA+D,cAAA;MAAA;IAAA;MAAA9B,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAgC,aAAA,EAAe;QAAA,IAAAC,qBAAA;UAAAC,MAAA;QACb,IAAQC,QAAQ,GAAK,IAAI,CAAjBA,QAAQ;QAChB,IAAIA,QAAQ,EAAE;UAAA,IAAAC,kBAAA;UACZ,CAAAA,kBAAA,OAAI,CAACC,YAAY,cAAAD,kBAAA,uBAAjBA,kBAAA,CAAA/D,IAAA,KAAI,EAAgB8D,QAAQ,CAAC;QAC/B;QACA,CAAAF,qBAAA,OAAI,CAACK,eAAe,cAAAL,qBAAA,uBAApBA,qBAAA,CAAA5D,IAAA,KAAI,EAAmB8D,QAAQ,CAAC;QAEhC,IAAI,CAACP,cAAc,CAAC,CAAC,CAACW,IAAI,CAAC,UAACC,GAAG,EAAK;UAClCN,MAAI,CAACO,WAAW,GAAGD,GAAG;QACxB,CAAC,CAAC;MACJ;IAAC;MAAA1C,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAA0C,QAAQC,iBAAiB,EAAE;QACzB,IAAQR,QAAQ,GAAK,IAAI,CAAjBA,QAAQ;QAChB,IAAIQ,iBAAiB,CAACC,GAAG,CAAC,UAAU,CAAC,EAAE;UACrC,IAAIT,QAAQ,EAAE;YAAA,IAAAU,mBAAA,EAAAC,sBAAA;YACZ,CAAAD,mBAAA,OAAI,CAACR,YAAY,cAAAQ,mBAAA,uBAAjBA,mBAAA,CAAAxE,IAAA,KAAI,EAAgB8D,QAAQ,CAAC;YAC7B,CAAAW,sBAAA,OAAI,CAACR,eAAe,cAAAQ,sBAAA,uBAApBA,sBAAA,CAAAzE,IAAA,KAAI,EAAmB8D,QAAQ,CAAC,SAAM,CAAC,YAAM,CAAC,CAAC,CAAC,CAAC,CAAC;UACpD;QACF;MACF;IAAC;MAAArC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAA+C,eAAA,EAAiB;QAAA,IAAAC,MAAA;QACf,IAAQP,WAAW,GAAuB,IAAI,CAAtCA,WAAW;UAAEQ,UAAU,GAAW,IAAI,CAAzBA,UAAU;UAAEC,IAAI,GAAK,IAAI,CAAbA,IAAI;QACrC,IAAAC,IAAA,GAAoCF,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,CAAC,CAAC;UAA5CG,WAAW,GAAAD,IAAA,CAAXC,WAAW;UAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;QAC/B,IAAAC,KAAA,GAQIF,WAAW,aAAXA,WAAW,cAAXA,WAAW,GAAI,CAAC,CAAC;UAPnBG,gBAAgB,GAAAD,KAAA,CAAhBC,gBAAgB;UAChBC,WAAW,GAAAF,KAAA,CAAXE,WAAW;UACXC,UAAU,GAAAH,KAAA,CAAVG,UAAU;UACVC,eAAe,GAAAJ,KAAA,CAAfI,eAAe;UACfC,WAAW,GAAAL,KAAA,CAAXK,WAAW;UACXC,iBAAiB,GAAAN,KAAA,CAAjBM,iBAAiB;UACjBC,kBAAkB,GAAAP,KAAA,CAAlBO,kBAAkB;QAEpB,IAAMC,SAAuC,GAAG,IAAAC,oBAAQ,EAAC,CAAC;QAC1D,IACEC,MAAM,CAACC,IAAI,CAACH,SAAS,CAAC,CAACxE,MAAM,KAAK,CAAC,IACnC,CAAC+D,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAE/D,MAAM,IAAc,CAAC,EAClC;UACA,IAAM4E,QAAQ,GAAG,CACf,2DAA2D,EAC3D,qDAAqD,CACtD;UACDC,OAAO,CAACC,IAAI,CAACF,QAAQ,CAACG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACpC;;QACA,IAAMC,mBAAmB,GAAGjB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEkB,MAAM,CAC5C,UAACC,GAAG,EAAAC,KAAA,EAAoC;UAAA,IAAhCC,WAAW,GAAAD,KAAA,CAAXC,WAAW;YAAQC,MAAM,GAAAF,KAAA,CAAZhE,IAAI;UACvBuC,MAAI,CAAC/C,cAAc,CAACyE,WAAW,CAAC,CAACE,OAAO,CACtC,UAAAC,KAAA,EAA4C;YAAA,IAAnCC,OAAO,GAAAD,KAAA,CAAbpE,IAAI;cAAmBsE,WAAW,GAAAF,KAAA,CAAnBG,MAAM;YACtBD,WAAW,CAACH,OAAO,CAAC,UAAAK,KAAA,EAAwB;cAAA,IAAAC,KAAA,OAAAC,eAAA,aAAAF,KAAA;gBAAtBD,MAAM,GAAAE,KAAA;gBAAE/C,QAAQ,GAAA+C,KAAA;cACpC,IAAME,IAAI,GAAGtB,SAAS,CAACkB,MAAM,CAAC;cAC9B,IAAII,IAAI,EAAE;gBACRZ,GAAG,CAACa,IAAI,CAAC;kBACPL,MAAM,EAANA,MAAM;kBACNL,MAAM,EAANA,MAAM;kBACNG,OAAO,EAAPA,OAAO;kBACPM,IAAI,EAAJA,IAAI;kBACJjD,QAAQ,EAARA;gBACF,CAAC,CAAC;cACJ;YACF,CAAC,CAAC;UACJ,CACF,CAAC;UACD,OAAOqC,GAAG;QACZ,CAAC,EACD,EAOF,CAAC;QAED,WAAOc,gBAAI,EAAAzI,eAAA,KAAAA,eAAA,OAAA0I,uBAAA,sjBAEwB,IAAAC,qBAAS,EAAC/B,UAAU,CAAC,EACpC,IAAA+B,qBAAS,EAAChC,WAAW,CAAC,EACtB,IAAAgC,qBAAS,EAAC/C,WAAW,CAAC,EAC7BS,IAAI,EACS,IAAAsC,qBAAS,EAAChC,WAAW,CAAC,EACxCH,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEoC,GAAG,CAAC,UAAAC,KAAA,EAA2B;UAAA,IAAxBhB,WAAW,GAAAgB,KAAA,CAAXhB,WAAW;YAAEjE,IAAI,GAAAiF,KAAA,CAAJjF,IAAI;UACpC,WAAO6E,gBAAI,EAAAxI,gBAAA,KAAAA,gBAAA,OAAAyI,uBAAA,wJAEKb,WAAW,CAACpF,MAAM,KAAK,CAAC,IACpC,CAAAgF,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAEqB,IAAI,CAAC,UAAAC,KAAA;YAAA,IAAGjB,MAAM,GAAAiB,KAAA,CAANjB,MAAM;YAAA,OAAOA,MAAM,KAAKlE,IAAI;UAAA,EAAC,MACxDoF,SAAS,EACHpF,IAAI;QAElB,CAAC,CAAC,EAG6B,IAAA+E,qBAAS,EAAC9B,eAAe,CAAC,EAC3C,IAAA8B,qBAAS,EAAC7B,WAAW,CAAC,EACrB,IAAA6B,qBAAS,EAAC5B,iBAAiB,CAAC,EAChB,IAAA4B,qBAAS,EAACjC,gBAAgB,CAAC,EACzB,IAAAiC,qBAAS,EAAC3B,kBAAkB,CAAC,EACxDS,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAEmB,GAAG,CACxB,UAAAK,KAAA;UAAA,IAAGhB,OAAO,GAAAgB,KAAA,CAAPhB,OAAO;YAAEM,IAAI,GAAAU,KAAA,CAAJV,IAAI;YAAEjD,QAAQ,GAAA2D,KAAA,CAAR3D,QAAQ;YAAE6C,MAAM,GAAAc,KAAA,CAANd,MAAM;YAAEL,MAAM,GAAAmB,KAAA,CAANnB,MAAM;UAAA,WAAOW,gBAAI,EAAAvI,gBAAA,KAAAA,gBAAA,OAAAwI,uBAAA,4QAEtCT,OAAO,EACVM,IAAI,EACAjD,QAAQ,EACV6C,MAAM,EACNL,MAAM;QAAA,CAGtB,CAAC;MAIT;IAAC;MAAA7E,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAA+F,OAAA,EAAS;QACP,WAAOT,gBAAI,EAAAtI,gBAAA,KAAAA,gBAAA,OAAAuI,uBAAA;MACb;IAAC;MAAAzF,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAEegG,mCAAM;MAAA;IAAA;EAAA;AAAA,GAlLc,IAAAC,wBAAiB,EAACC,sBAAU,CAAC;AAqLnE;AAAA,IAAAC,QAAA,GACezH,uBAAuB;AAAA0H,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"locale-modal-composite.js","names":["_litElement","require","_ifNonNull","_interopRequireDefault","_Locale","_settings","_altlangs","_hostListener","_hostListener2","_hybridRender","_localeModal","_localeModalCompositeCss","_carbonElement","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSLocaleModalComposite","_decorate2","customElement","concat","_initialize","_HostListenerMixin","_HostListenerMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","_sortCountries","countries","_this2","sort","lhs","rhs","collatorCountryName","compare","name","decorators","property","attribute","Intl","Collator","type","HostListener","DDSLocaleModal","eventRegionUpdated","_handleRegionUpdatedEvent","event","chosenRegion","detail","region","undefined","_getLangDisplay","_asyncToGenerator2","_regenerator","mark","_callee","response","wrap","_callee$","_context","prev","next","LocaleAPI","getLangDisplay","sent","abrupt","stop","firstUpdated","_this$_loadLocaleList","_this3","language","_this$_setLanguage","_setLanguage","_loadLocaleList","then","res","langDisplay","updated","changedProperties","has","_this$_setLanguage2","_this$_loadLocaleList2","renderLightDOM","_this4","localeList","open","_ref","localeModal","regionList","_ref2","availabilityText","headerTitle","modalClose","searchClearText","searchLabel","searchPlaceholder","unavailabilityText","pageLangs","altlangs","Object","keys","messages","console","warn","join","massagedCountryList","reduce","acc","_ref3","countryList","forEach","_ref4","country","localeItems","locale","_ref5","_ref6","_slicedToArray2","href","push","html","_taggedTemplateLiteral2","ifNonNull","map","_ref7","isInvalid","find","_ref8","filter","_ref9","_ref10","render","styles","HostListenerMixin","HybridRenderMixin","LitElement","_default","exports"],"sources":["components/locale-modal/locale-modal-composite.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, LitElement } from 'lit-element';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport LocaleAPI from '@carbon/ibmdotcom-services/es/services/Locale/Locale.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport altlangs from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/altlangs/altlangs.js';\nimport HostListener from '../../internal/vendor/@carbon/web-components/globals/decorators/host-listener.js';\nimport HostListenerMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/host-listener.js';\nimport HybridRenderMixin from '../../globals/mixins/hybrid-render';\nimport {\n  Country,\n  LocaleList,\n} from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/localeAPI.d';\nimport './locale-modal';\nimport DDSLocaleModal from './locale-modal';\nimport './regions';\nimport './region-item';\nimport './locale-search';\nimport './locale-item';\nimport styles from './locale-modal-composite.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Container component for locale modal.\n *\n * @element dds-locale-modal-composite\n */\n@customElement(`${ddsPrefix}-locale-modal-composite`)\nclass DDSLocaleModalComposite extends HostListenerMixin(\n  HybridRenderMixin(LitElement)\n) {\n  /**\n   * @param countries A country list.\n   * @returns Sorted version of the given country list.\n   */\n  private _sortCountries(countries: Country[]) {\n    return countries.sort((lhs, rhs) =>\n      this.collatorCountryName.compare(lhs.name, rhs.name)\n    );\n  }\n\n  /**\n   * The placeholder for `loadLocaleList()` Redux action that may be mixed in.\n   *\n   * @internal\n   */\n  _loadLocaleList?: (language?: string) => Promise<LocaleList>;\n\n  /**\n   * The placeholder for `setLanguage()` Redux action that may be mixed in.\n   *\n   * @internal\n   */\n  _setLanguage?: (language: string) => void;\n\n  /**\n   * The g11n collator to use for sorting contry names.\n   */\n  @property({ attribute: false })\n  collatorCountryName = new Intl.Collator();\n\n  /**\n   * The language to show in the UI.\n   */\n  @property({ attribute: 'lang-display' })\n  langDisplay?: string;\n\n  /**\n   * The language used for query.\n   */\n  @property()\n  language?: string;\n\n  /**\n   * The locale list.\n   */\n  @property({ attribute: false })\n  localeList?: LocaleList;\n\n  /**\n   * `true` to open the modal.\n   */\n  @property({ type: Boolean })\n  open = false;\n\n  /**\n   * The region chosen by user.\n   */\n  @property()\n  chosenRegion?: string;\n\n  @HostListener(DDSLocaleModal.eventRegionUpdated)\n  protected _handleRegionUpdatedEvent(event) {\n    this.chosenRegion = event.detail.region || undefined;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  async getLangDisplay() {\n    const response = await LocaleAPI.getLangDisplay();\n    return response;\n  }\n\n  firstUpdated() {\n    const { language } = this;\n    if (language) {\n      this._setLanguage?.(language);\n    }\n    this._loadLocaleList?.(language);\n\n    this.getLangDisplay().then((res) => {\n      this.langDisplay = res;\n    });\n  }\n\n  updated(changedProperties) {\n    const { language } = this;\n    if (changedProperties.has('language')) {\n      if (language) {\n        this._setLanguage?.(language);\n        this._loadLocaleList?.(language).catch(() => {}); // The error is logged in the Redux store\n      }\n    }\n  }\n\n  renderLightDOM() {\n    const { chosenRegion, langDisplay, localeList, open } = this;\n    const { localeModal, regionList } = localeList ?? {};\n    const {\n      availabilityText,\n      headerTitle,\n      modalClose,\n      searchClearText,\n      searchLabel,\n      searchPlaceholder,\n      unavailabilityText,\n    } = localeModal ?? {};\n    const pageLangs: { [locale: string]: string } = altlangs();\n    if (\n      Object.keys(pageLangs).length === 0 &&\n      (regionList?.length as number) > 0\n    ) {\n      const messages = [\n        'Detected that `<link rel=\"alternate\">` is likely missing.',\n        'The locale search UI will yield to an empty result.',\n      ];\n      console.warn(messages.join(' ')); // eslint-disable-line no-console\n    }\n    const massagedCountryList = regionList?.reduce(\n      (acc, { countryList, name: region }) => {\n        this._sortCountries(countryList).forEach(\n          ({ name: country, locale: localeItems }) => {\n            localeItems.forEach(([locale, language]) => {\n              const href = pageLangs[locale];\n              if (href) {\n                acc.push({\n                  locale,\n                  region,\n                  country,\n                  href,\n                  language,\n                });\n              }\n            });\n          }\n        );\n        return acc;\n      },\n      [] as {\n        href: string;\n        locale: string;\n        region: string;\n        country: string;\n        language: string;\n      }[]\n    );\n    return html`\n      <dds-locale-modal\n        close-button-assistive-text=\"${ifNonNull(modalClose)}\"\n        header-title=\"${ifNonNull(headerTitle)}\"\n        lang-display=\"${ifNonNull(langDisplay)}\"\n        ?open=\"${open}\">\n        <dds-regions title=\"${ifNonNull(headerTitle)}\">\n          ${regionList?.map(({ countryList, name }) => {\n            const isInvalid =\n              countryList.length === 0 ||\n              massagedCountryList?.find(({ region }) => region === name) ===\n                undefined;\n            return html`\n              <dds-region-item\n                ?invalid=\"${isInvalid}\"\n                name=\"${name}\"></dds-region-item>\n            `;\n          })}\n        </dds-regions>\n\n        <dds-locale-search\n          close-button-assistive-text=\"${ifNonNull(searchClearText)}\"\n          label-text=\"${ifNonNull(searchLabel)}\"\n          placeholder=\"${ifNonNull(searchPlaceholder)}\"\n          availability-label-text=\"${ifNonNull(availabilityText)}\"\n          unavailability-label-text=\"${ifNonNull(unavailabilityText)}\">\n          ${chosenRegion\n            ? html`\n                ${massagedCountryList\n                  ?.filter(({ region }) => {\n                    return region === chosenRegion;\n                  })\n                  .map(\n                    ({ country, href, language, locale, region }) => html`\n                      <dds-locale-item\n                        country=\"${country}\"\n                        href=\"${href}\"\n                        language=\"${language}\"\n                        locale=\"${locale}\"\n                        region=\"${region}\">\n                      </dds-locale-item>\n                    `\n                  )}\n              `\n            : ``}\n        </dds-locale-search>\n      </dds-locale-modal>\n    `;\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSLocaleModalComposite;\n"],"mappings":"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"}

package/es/components/locale-modal/locale-modal-container.js

@@ -101,6 +101,5 @@ var DDSLocaleModalContainer = (0, _decorate2["default"])([(0, _carbonElement.car
   };
 }, (0, _connect["default"])(_store["default"], mapStateToProps, mapDispatchToProps)(_localeModalComposite["default"]));
 /* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */
-var _default = DDSLocaleModalContainer;
-exports["default"] = _default;
+var _default = exports["default"] = DDSLocaleModalContainer;
 //# sourceMappingURL=locale-modal-container.js.map

package/es/components/locale-modal/locale-modal-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"locale-modal-container.js","names":["_pickBy","_interopRequireDefault","require","_redux","_settings","_connect","_store","_localeAPI","_localeModalComposite","_carbonElement","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","mapStateToProps","state","localeAPI","_ref","language","localeLists","pickBy","localeList","undefined","value","mapDispatchToProps","dispatch","bindActionCreators","_loadLanguage","loadLanguage","_setLanguage","setLanguage","_loadLocaleList","loadLocaleList","DDSLocaleModalContainer","_decorate2","customElement","concat","_initialize","_ConnectMixin","_ConnectMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","ConnectMixin","store","DDSLocaleModalComposite","_default","exports"],"sources":["components/locale-modal/locale-modal-container.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport pickBy from 'lodash-es/pickBy.js';\nimport {\n  ActionCreatorsMapObject,\n  Dispatch,\n  Store,\n  bindActionCreators,\n} from 'redux';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport ConnectMixin from '../../globals/mixins/connect';\nimport store from '../../internal/vendor/@carbon/ibmdotcom-services-store/store';\nimport {\n  LocaleList,\n  LocaleAPIState,\n} from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/localeAPI.d';\nimport {\n  loadLanguage,\n  setLanguage,\n  loadLocaleList,\n} from '../../internal/vendor/@carbon/ibmdotcom-services-store/actions/localeAPI';\nimport { LocaleAPIActions } from '../../internal/vendor/@carbon/ibmdotcom-services-store/actions/localeAPI.d';\nimport DDSLocaleModalComposite from './locale-modal-composite';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * The Redux actions used for `<dds-locale-modal-container>`.\n */\nexport type LocaleModalContainerActions =\n  | ReturnType<typeof loadLanguage>\n  | ReturnType<typeof setLanguage>\n  | ReturnType<typeof loadLocaleList>;\n\n/**\n * The Redux state used for `<dds-locale-modal-container>`.\n */\nexport interface LocaleModalContainerState {\n  /**\n   * The Redux state for `LocaleAPI`.\n   */\n  localeAPI?: LocaleAPIState;\n}\n\n/**\n * The properties for `<dds-locale-modal-container>` from Redux state.\n */\nexport interface LocaleModalContainerStateProps {\n  /**\n   * The display language.\n   */\n  langDisplay?: string;\n\n  /**\n   * The locale list.\n   */\n  localeList?: LocaleList;\n}\n\n/**\n * @param state The Redux state for masthead.\n * @returns The converted version of the given state, tailored for `<dds-locale-modal-container>`.\n */\nexport function mapStateToProps(\n  state: LocaleModalContainerState\n): LocaleModalContainerStateProps {\n  const { localeAPI } = state;\n  const { language, localeLists } = localeAPI ?? {};\n  return pickBy(\n    {\n      localeList: !language ? undefined : localeLists?.[language],\n    },\n    (value) => value !== undefined\n  );\n}\n\n/**\n * @param dispatch The Redux `dispatch()` API.\n * @returns The methods in `<dds-locale-modal-container>` to dispatch Redux actions.\n */\nexport function mapDispatchToProps(dispatch: Dispatch<LocaleAPIActions>) {\n  return bindActionCreators<\n    LocaleModalContainerActions,\n    ActionCreatorsMapObject<LocaleModalContainerActions>\n  >(\n    {\n      _loadLanguage: loadLanguage,\n      _setLanguage: setLanguage,\n      _loadLocaleList: loadLocaleList,\n    },\n    dispatch as Dispatch // TS definition of `bindActionCreators()` seems to have no templated `Dispatch`\n  );\n}\n\n/**\n * Container component for masthead.\n *\n * @element dds-locale-modal-container\n */\n@customElement(`${ddsPrefix}-locale-modal-container`)\nclass DDSLocaleModalContainer extends ConnectMixin<\n  LocaleModalContainerState,\n  LocaleAPIActions,\n  LocaleModalContainerStateProps,\n  ActionCreatorsMapObject<LocaleModalContainerActions>\n>(\n  store as Store<LocaleModalContainerState, LocaleAPIActions>,\n  mapStateToProps,\n  mapDispatchToProps\n)(DDSLocaleModalComposite) {}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSLocaleModalContainer;\n"],"mappings":"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"}
+{"version":3,"file":"locale-modal-container.js","names":["_pickBy","_interopRequireDefault","require","_redux","_settings","_connect","_store","_localeAPI","_localeModalComposite","_carbonElement","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","mapStateToProps","state","localeAPI","_ref","language","localeLists","pickBy","localeList","undefined","value","mapDispatchToProps","dispatch","bindActionCreators","_loadLanguage","loadLanguage","_setLanguage","setLanguage","_loadLocaleList","loadLocaleList","DDSLocaleModalContainer","_decorate2","customElement","concat","_initialize","_ConnectMixin","_ConnectMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","ConnectMixin","store","DDSLocaleModalComposite","_default","exports"],"sources":["components/locale-modal/locale-modal-container.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport pickBy from 'lodash-es/pickBy.js';\nimport {\n  ActionCreatorsMapObject,\n  Dispatch,\n  Store,\n  bindActionCreators,\n} from 'redux';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport ConnectMixin from '../../globals/mixins/connect';\nimport store from '../../internal/vendor/@carbon/ibmdotcom-services-store/store';\nimport {\n  LocaleList,\n  LocaleAPIState,\n} from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/localeAPI.d';\nimport {\n  loadLanguage,\n  setLanguage,\n  loadLocaleList,\n} from '../../internal/vendor/@carbon/ibmdotcom-services-store/actions/localeAPI';\nimport { LocaleAPIActions } from '../../internal/vendor/@carbon/ibmdotcom-services-store/actions/localeAPI.d';\nimport DDSLocaleModalComposite from './locale-modal-composite';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * The Redux actions used for `<dds-locale-modal-container>`.\n */\nexport type LocaleModalContainerActions =\n  | ReturnType<typeof loadLanguage>\n  | ReturnType<typeof setLanguage>\n  | ReturnType<typeof loadLocaleList>;\n\n/**\n * The Redux state used for `<dds-locale-modal-container>`.\n */\nexport interface LocaleModalContainerState {\n  /**\n   * The Redux state for `LocaleAPI`.\n   */\n  localeAPI?: LocaleAPIState;\n}\n\n/**\n * The properties for `<dds-locale-modal-container>` from Redux state.\n */\nexport interface LocaleModalContainerStateProps {\n  /**\n   * The display language.\n   */\n  langDisplay?: string;\n\n  /**\n   * The locale list.\n   */\n  localeList?: LocaleList;\n}\n\n/**\n * @param state The Redux state for masthead.\n * @returns The converted version of the given state, tailored for `<dds-locale-modal-container>`.\n */\nexport function mapStateToProps(\n  state: LocaleModalContainerState\n): LocaleModalContainerStateProps {\n  const { localeAPI } = state;\n  const { language, localeLists } = localeAPI ?? {};\n  return pickBy(\n    {\n      localeList: !language ? undefined : localeLists?.[language],\n    },\n    (value) => value !== undefined\n  );\n}\n\n/**\n * @param dispatch The Redux `dispatch()` API.\n * @returns The methods in `<dds-locale-modal-container>` to dispatch Redux actions.\n */\nexport function mapDispatchToProps(dispatch: Dispatch<LocaleAPIActions>) {\n  return bindActionCreators<\n    LocaleModalContainerActions,\n    ActionCreatorsMapObject<LocaleModalContainerActions>\n  >(\n    {\n      _loadLanguage: loadLanguage,\n      _setLanguage: setLanguage,\n      _loadLocaleList: loadLocaleList,\n    },\n    dispatch as Dispatch // TS definition of `bindActionCreators()` seems to have no templated `Dispatch`\n  );\n}\n\n/**\n * Container component for masthead.\n *\n * @element dds-locale-modal-container\n */\n@customElement(`${ddsPrefix}-locale-modal-container`)\nclass DDSLocaleModalContainer extends ConnectMixin<\n  LocaleModalContainerState,\n  LocaleAPIActions,\n  LocaleModalContainerStateProps,\n  ActionCreatorsMapObject<LocaleModalContainerActions>\n>(\n  store as Store<LocaleModalContainerState, LocaleAPIActions>,\n  mapStateToProps,\n  mapDispatchToProps\n)(DDSLocaleModalComposite) {}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSLocaleModalContainer;\n"],"mappings":"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"}

package/es/components/locale-modal/locale-modal.d.ts

@@ -33,6 +33,14 @@ declare class DDSLocaleModal extends DDSExpressiveModal {
      */
     private _handleClickRegionSelector;
     private _handleAfterClose;
+    /**
+     * Sets focus on primary selectable element.
+     */
+    private _setPrimaryFocus;
+    /**
+     * Sets focus on locale selector search.
+     */
+    private _setSearchFocus;
     /**
      * @returns The heading content for the region selector page.
      */
@@ -69,6 +77,7 @@ declare class DDSLocaleModal extends DDSExpressiveModal {
     langDisplay?: string;
     firstUpdated(): void;
     updated(changedProperties: any): Promise<void>;
+    static get stableSelector(): string;
     /**
      * A selector selecting the locale search UI.
      */
@@ -77,11 +86,14 @@ declare class DDSLocaleModal extends DDSExpressiveModal {
      * A selector selecting the nodes that should be focused when modal gets open.
      */
     static get selectorPrimaryFocus(): string;
-    static get stableSelector(): string;
     /**
      * A selector selecting tabbable nodes.
      */
     static get selectorTabbable(): string;
+    /**
+     * Name for event fired when a region is selected.
+     */
+    static get eventRegionUpdated(): string;
     static styles: any;
 }
 export default DDSLocaleModal;

package/es/components/locale-modal/locale-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/locale-modal/locale-modal.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAUH,OAAO,kBAAkB,MAAM,sCAAsC,CAAC;AACtE,OAAO,6CAA6C,CAAC;AACrD,OAAO,8CAA8C,CAAC;AACtD,OAAO,mDAAmD,CAAC;AAW3D;;;;;;GAMG;AACH,cAEM,cAAe,SAAQ,kBAAkB;IAC7C;;OAEG;IAEH,OAAO,CAAC,cAAc,CAAC,CAAS;IAEhC;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAK9B;;;;OAIG;IACH,OAAO,CAAC,0BAA0B;IASlC,OAAO,CAAC,iBAAiB;IAIzB;;OAEG;IACH,OAAO,CAAC,4BAA4B;IAmBpC;;OAEG;IACH,OAAO,CAAC,4BAA4B;IAsBpC;;OAEG;IACH,OAAO,CAAC,cAAc;IAOtB;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAWjC;;OAEG;IAEH,OAAO,CAAC,yBAAyB;IAIjC,SAAS,CAAC,aAAa;IAgBvB,SAAS,CAAC,WAAW;IAOrB;;OAEG;IAEH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC;;OAEG;IAEH,WAAW,SAA4B;IAEvC;;OAEG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,YAAY;IAIN,OAAO,CAAC,iBAAiB,KAAA;IA0B/B;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAK9B;IAED,MAAM,KAAK,cAAc,WAExB;IAED;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAS1B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"locale-modal.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, state } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ArrowLeft20 from '../../internal/vendor/@carbon/web-components/icons/arrow--left/20.js';\nimport EarthFilled16 from '../../internal/vendor/@carbon/web-components/icons/earth--filled/16.js';\nimport HostListener from '../../internal/vendor/@carbon/web-components/globals/decorators/host-listener.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport { selectorTabbable } from '../../internal/vendor/@carbon/web-components/globals/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport DDSExpressiveModal from '../expressive-modal/expressive-modal';\nimport '../expressive-modal/expressive-modal-header';\nimport '../expressive-modal/expressive-modal-heading';\nimport '../expressive-modal/expressive-modal-close-button';\nimport DDSLocaleSearch from './locale-search';\nimport DDSRegionItem from './region-item';\nimport styles from './locale-modal.scss';\nimport { ICON_PLACEMENT } from '../link-with-icon/link-with-icon';\nimport StickyHeader from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/StickyHeader/StickyHeader';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Locale modal.\n *\n * @element dds-locale-modal\n * @slot regions-selector - The area for the regions selector.\n * @slot locales-selector - The area for the locales selector.\n */\n@customElement(`${ddsPrefix}-locale-modal`)\n// `BXModal` extends `HostListenerMixin`\nclass DDSLocaleModal extends DDSExpressiveModal {\n  /**\n   * The current region.\n   */\n  @state()\n  private _currentRegion?: string;\n\n  /**\n   * Handles `click` event on the back button.\n   */\n  private _handleClickBackButton(e) {\n    this._currentRegion = undefined;\n    e.preventDefault();\n  }\n\n  /**\n   * Handles `click` event on a region card.\n   *\n   * @param event The event.\n   */\n  private _handleClickRegionSelector(event: MouseEvent) {\n    const { invalid, name } = event.target as DDSRegionItem;\n    if (!invalid) {\n      this._currentRegion = name;\n    }\n  }\n\n  @HostListener('eventClose')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleAfterClose() {\n    this._currentRegion = undefined;\n  }\n\n  /**\n   * @returns The heading content for the region selector page.\n   */\n  private _renderRegionSelectorHeading() {\n    const { headerTitle, langDisplay } = this;\n    return html`\n      ${langDisplay &&\n      html`\n        <p class=\"${prefix}--modal-header__label ${prefix}--type-delta\">\n          ${langDisplay}${EarthFilled16({\n            class: `${prefix}--locale-modal__label-globe`,\n          })}\n        </p>\n      `}\n      ${langDisplay &&\n      headerTitle &&\n      html`\n        <p class=\"bx--modal-header__heading bx--type-beta\">${headerTitle}</p>\n      `}\n    `;\n  }\n\n  /**\n   * @returns The heading content for the locale selector page.\n   */\n  private _renderLocaleSelectorHeading() {\n    const {\n      headerTitle,\n      _currentRegion: currentRegion,\n      _handleClickBackButton: handleClickBackButton,\n    } = this;\n    return html`\n      <dds-link-with-icon\n        icon-placement=\"${ICON_PLACEMENT.LEFT}\"\n        href=\"#\"\n        @click=\"${handleClickBackButton}\">\n        ${headerTitle}${ArrowLeft20({\n          slot: 'icon',\n          class: `${prefix}--locale-modal__label-arrow`,\n        })}\n      </dds-link-with-icon>\n      <p class=\"bx--modal-header__heading bx--type-beta\" tabindex=\"0\">\n        ${currentRegion}\n      </p>\n    `;\n  }\n\n  /**\n   * @returns The heading content.\n   */\n  private _renderHeading() {\n    const { _currentRegion: currentRegion } = this;\n    return !currentRegion\n      ? this._renderRegionSelectorHeading()\n      : this._renderLocaleSelectorHeading();\n  }\n\n  /**\n   * @returns The body content for the region selector page.\n   */\n  private _renderRegionSelectorBody() {\n    const { _handleClickRegionSelector: handleClickRegionSelector } = this;\n    return html`\n      <div\n        class=\"${prefix}--modal-content ${prefix}--locale-modal\"\n        @click=\"${handleClickRegionSelector}\">\n        <slot name=\"regions-selector\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The body content for the locale selector page.\n   */\n  // eslint-disable-next-line class-methods-use-this\n  private _renderLocaleSelectorBody() {\n    return html` <slot name=\"locales-selector\"></slot> `;\n  }\n\n  protected _renderHeader() {\n    const { closeButtonAssistiveText } = this;\n    return html`\n      <div id=\"${ddsPrefix}--modal-header\">\n        <dds-expressive-modal-header>\n          <dds-expressive-modal-close-button\n            assistive-text=\"${ifNonNull(closeButtonAssistiveText)}\">\n          </dds-expressive-modal-close-button>\n          <dds-expressive-modal-heading\n            >${this._renderHeading()}</dds-expressive-modal-heading\n          >\n        </dds-expressive-modal-header>\n      </div>\n    `;\n  }\n\n  protected _renderBody() {\n    const { _currentRegion: currentRegion } = this;\n    return !currentRegion\n      ? this._renderRegionSelectorBody()\n      : this._renderLocaleSelectorBody();\n  }\n\n  /**\n   * The assistive text for the close button.\n   */\n  @property({ attribute: 'close-button-assistive-text' })\n  closeButtonAssistiveText?: string;\n\n  /**\n   * The header title.\n   */\n  @property({ attribute: 'header-title' })\n  headerTitle = 'Select geographic area';\n\n  /**\n   * The language to show in the UI.\n   */\n  @property({ attribute: 'lang-display' })\n  langDisplay?: string;\n\n  firstUpdated() {\n    StickyHeader.global.localeModal = this;\n  }\n\n  async updated(changedProperties) {\n    super.updated(changedProperties);\n    if (changedProperties.has('_currentRegion')) {\n      const { selectorLocaleSearch } = this\n        .constructor as typeof DDSLocaleModal;\n      const localeSearch = this.querySelector(selectorLocaleSearch);\n      if (localeSearch) {\n        (localeSearch as DDSLocaleSearch).region = this._currentRegion ?? '';\n\n        if (this.open) {\n          (localeSearch as DDSLocaleSearch).reset();\n          (localeSearch as HTMLElement).focus();\n        }\n      }\n\n      // re-focus on first region-item when navigating back to the first modal pane\n      const { selectorPrimaryFocus } = this\n        .constructor as typeof DDSLocaleModal;\n      const activeRegion = this.querySelector(selectorPrimaryFocus);\n      if (activeRegion && this.open) {\n        (activeRegion as HTMLElement).tabIndex = 0;\n        (activeRegion as HTMLElement).focus();\n      }\n    }\n  }\n\n  /**\n   * A selector selecting the locale search UI.\n   */\n  static get selectorLocaleSearch() {\n    return `${ddsPrefix}-locale-search`;\n  }\n\n  /**\n   * A selector selecting the nodes that should be focused when modal gets open.\n   */\n  static get selectorPrimaryFocus() {\n    return `\n      [data-modal-primary-focus],\n      ${ddsPrefix}-region-item\n    `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--locale-modal`;\n  }\n\n  /**\n   * A selector selecting tabbable nodes.\n   */\n  static get selectorTabbable() {\n    return `\n      ${selectorTabbable},\n      ${ddsPrefix}-expressive-modal,\n      ${ddsPrefix}-expressive-modal-close-button,\n      ${ddsPrefix}-region-item,\n      ${ddsPrefix}-search,\n      ${ddsPrefix}-locale-item\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLocaleModal;\n"]}
+{"version":3,"sources":["components/locale-modal/locale-modal.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAUH,OAAO,kBAAkB,MAAM,sCAAsC,CAAC;AACtE,OAAO,6CAA6C,CAAC;AACrD,OAAO,8CAA8C,CAAC;AACtD,OAAO,mDAAmD,CAAC;AAW3D;;;;;;GAMG;AACH,cAEM,cAAe,SAAQ,kBAAkB;IAC7C;;OAEG;IAEH,OAAO,CAAC,cAAc,CAAC,CAAS;IAEhC;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAK9B;;;;OAIG;IACH,OAAO,CAAC,0BAA0B;IASlC,OAAO,CAAC,iBAAiB;IAIzB;;OAEG;YACW,gBAAgB;IAS9B;;OAEG;YACW,eAAe;IAU7B;;OAEG;IACH,OAAO,CAAC,4BAA4B;IAmBpC;;OAEG;IACH,OAAO,CAAC,4BAA4B;IAsBpC;;OAEG;IACH,OAAO,CAAC,cAAc;IAOtB;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAWjC;;OAEG;IAEH,OAAO,CAAC,yBAAyB;IAIjC,SAAS,CAAC,aAAa;IAgBvB,SAAS,CAAC,WAAW;IAOrB;;OAEG;IAEH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC;;OAEG;IAEH,WAAW,SAA4B;IAEvC;;OAEG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,YAAY;IAIN,OAAO,CAAC,iBAAiB,KAAA;IA+B/B,MAAM,KAAK,cAAc,WAExB;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAK9B;IAED;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAS1B;IAED;;OAEG;IACH,MAAM,KAAK,kBAAkB,WAE5B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"locale-modal.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, state } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ArrowLeft20 from '../../internal/vendor/@carbon/web-components/icons/arrow--left/20.js';\nimport EarthFilled16 from '../../internal/vendor/@carbon/web-components/icons/earth--filled/16.js';\nimport HostListener from '../../internal/vendor/@carbon/web-components/globals/decorators/host-listener.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport { selectorTabbable } from '../../internal/vendor/@carbon/web-components/globals/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport DDSExpressiveModal from '../expressive-modal/expressive-modal';\nimport '../expressive-modal/expressive-modal-header';\nimport '../expressive-modal/expressive-modal-heading';\nimport '../expressive-modal/expressive-modal-close-button';\nimport DDSLocaleSearch from './locale-search';\nimport DDSRegionItem from './region-item';\nimport styles from './locale-modal.scss';\nimport { ICON_PLACEMENT } from '../link-with-icon/link-with-icon';\nimport StickyHeader from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/StickyHeader/StickyHeader';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Locale modal.\n *\n * @element dds-locale-modal\n * @slot regions-selector - The area for the regions selector.\n * @slot locales-selector - The area for the locales selector.\n */\n@customElement(`${ddsPrefix}-locale-modal`)\n// `BXModal` extends `HostListenerMixin`\nclass DDSLocaleModal extends DDSExpressiveModal {\n  /**\n   * The current region.\n   */\n  @state()\n  private _currentRegion?: string;\n\n  /**\n   * Handles `click` event on the back button.\n   */\n  private _handleClickBackButton(e) {\n    e.preventDefault();\n    this._currentRegion = undefined;\n  }\n\n  /**\n   * Handles `click` event on a region card.\n   *\n   * @param event The event.\n   */\n  private _handleClickRegionSelector(event: MouseEvent) {\n    const { invalid, name } = event.target as DDSRegionItem;\n    if (!invalid) {\n      this._currentRegion = name;\n    }\n  }\n\n  @HostListener('eventClose')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleAfterClose() {\n    this._currentRegion = undefined;\n  }\n\n  /**\n   * Sets focus on primary selectable element.\n   */\n  private async _setPrimaryFocus() {\n    const { selectorPrimaryFocus } = DDSLocaleModal;\n    const focusTarget = this.querySelector(selectorPrimaryFocus);\n    if (focusTarget) {\n      (focusTarget as HTMLElement).tabIndex = 0;\n      (focusTarget as HTMLElement).focus();\n    }\n  }\n\n  /**\n   * Sets focus on locale selector search.\n   */\n  private async _setSearchFocus() {\n    const { selectorLocaleSearch } = DDSLocaleModal;\n    await this.updateComplete;\n    const localeSearch = this.querySelector(selectorLocaleSearch);\n    if (localeSearch) {\n      (localeSearch as DDSLocaleSearch).reset();\n      (localeSearch as HTMLElement).focus();\n    }\n  }\n\n  /**\n   * @returns The heading content for the region selector page.\n   */\n  private _renderRegionSelectorHeading() {\n    const { headerTitle, langDisplay } = this;\n    return html`\n      ${langDisplay &&\n      html`\n        <p class=\"${prefix}--modal-header__label ${prefix}--type-delta\">\n          ${langDisplay}${EarthFilled16({\n            class: `${prefix}--locale-modal__label-globe`,\n          })}\n        </p>\n      `}\n      ${langDisplay &&\n      headerTitle &&\n      html`\n        <p class=\"bx--modal-header__heading bx--type-beta\">${headerTitle}</p>\n      `}\n    `;\n  }\n\n  /**\n   * @returns The heading content for the locale selector page.\n   */\n  private _renderLocaleSelectorHeading() {\n    const {\n      headerTitle,\n      _currentRegion: currentRegion,\n      _handleClickBackButton: handleClickBackButton,\n    } = this;\n    return html`\n      <dds-link-with-icon\n        icon-placement=\"${ICON_PLACEMENT.LEFT}\"\n        href=\"#\"\n        @click=\"${handleClickBackButton}\">\n        ${headerTitle}${ArrowLeft20({\n          slot: 'icon',\n          class: `${prefix}--locale-modal__label-arrow`,\n        })}\n      </dds-link-with-icon>\n      <p class=\"bx--modal-header__heading bx--type-beta\" tabindex=\"0\">\n        ${currentRegion}\n      </p>\n    `;\n  }\n\n  /**\n   * @returns The heading content.\n   */\n  private _renderHeading() {\n    const { _currentRegion: currentRegion } = this;\n    return !currentRegion\n      ? this._renderRegionSelectorHeading()\n      : this._renderLocaleSelectorHeading();\n  }\n\n  /**\n   * @returns The body content for the region selector page.\n   */\n  private _renderRegionSelectorBody() {\n    const { _handleClickRegionSelector: handleClickRegionSelector } = this;\n    return html`\n      <div\n        class=\"${prefix}--modal-content ${prefix}--locale-modal\"\n        @click=\"${handleClickRegionSelector}\">\n        <slot name=\"regions-selector\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The body content for the locale selector page.\n   */\n  // eslint-disable-next-line class-methods-use-this\n  private _renderLocaleSelectorBody() {\n    return html` <slot name=\"locales-selector\"></slot> `;\n  }\n\n  protected _renderHeader() {\n    const { closeButtonAssistiveText } = this;\n    return html`\n      <div id=\"${ddsPrefix}--modal-header\">\n        <dds-expressive-modal-header>\n          <dds-expressive-modal-close-button\n            assistive-text=\"${ifNonNull(closeButtonAssistiveText)}\">\n          </dds-expressive-modal-close-button>\n          <dds-expressive-modal-heading\n            >${this._renderHeading()}</dds-expressive-modal-heading\n          >\n        </dds-expressive-modal-header>\n      </div>\n    `;\n  }\n\n  protected _renderBody() {\n    const { _currentRegion: currentRegion } = this;\n    return !currentRegion\n      ? this._renderRegionSelectorBody()\n      : this._renderLocaleSelectorBody();\n  }\n\n  /**\n   * The assistive text for the close button.\n   */\n  @property({ attribute: 'close-button-assistive-text' })\n  closeButtonAssistiveText?: string;\n\n  /**\n   * The header title.\n   */\n  @property({ attribute: 'header-title' })\n  headerTitle = 'Select geographic area';\n\n  /**\n   * The language to show in the UI.\n   */\n  @property({ attribute: 'lang-display' })\n  langDisplay?: string;\n\n  firstUpdated() {\n    StickyHeader.global.localeModal = this;\n  }\n\n  async updated(changedProperties) {\n    super.updated(changedProperties);\n    if (changedProperties.has('_currentRegion')) {\n      // Allow listening components to update their state.\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof DDSLocaleModal).eventRegionUpdated,\n          {\n            bubbles: true,\n            composed: true,\n            cancelable: true,\n            detail: {\n              region: this._currentRegion,\n            },\n          }\n        )\n      );\n\n      // Pass state to search element.\n      const { selectorLocaleSearch } = this\n        .constructor as typeof DDSLocaleModal;\n      const localeSearch = this.querySelector(selectorLocaleSearch);\n      if (localeSearch) {\n        (localeSearch as DDSLocaleSearch).region = this._currentRegion ?? '';\n      }\n\n      // Set element focus.\n      this._currentRegion ? this._setSearchFocus() : this._setPrimaryFocus();\n    }\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--locale-modal`;\n  }\n\n  /**\n   * A selector selecting the locale search UI.\n   */\n  static get selectorLocaleSearch() {\n    return `${ddsPrefix}-locale-search`;\n  }\n\n  /**\n   * A selector selecting the nodes that should be focused when modal gets open.\n   */\n  static get selectorPrimaryFocus() {\n    return `\n      [data-modal-primary-focus],\n      ${ddsPrefix}-region-item\n    `;\n  }\n\n  /**\n   * A selector selecting tabbable nodes.\n   */\n  static get selectorTabbable() {\n    return `\n      ${selectorTabbable},\n      ${ddsPrefix}-expressive-modal,\n      ${ddsPrefix}-expressive-modal-close-button,\n      ${ddsPrefix}-region-item,\n      ${ddsPrefix}-search,\n      ${ddsPrefix}-locale-item\n    `;\n  }\n\n  /**\n   * Name for event fired when a region is selected.\n   */\n  static get eventRegionUpdated() {\n    return `${ddsPrefix}-locale-modal-region-updated`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLocaleModal;\n"]}

package/es/components/locale-modal/locale-modal.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
@@ -87,8 +87,8 @@ var DDSLocaleModal = (0, _decorate2["default"])([(0, _carbonElement.carbonElemen
        * Handles `click` event on the back button.
        */
       function _handleClickBackButton(e) {
-        this._currentRegion = undefined;
         e.preventDefault();
+        this._currentRegion = undefined;
       }
 
       /**
@@ -115,6 +115,67 @@ var DDSLocaleModal = (0, _decorate2["default"])([(0, _carbonElement.carbonElemen
         this._currentRegion = undefined;
       }
 
+      /**
+       * Sets focus on primary selectable element.
+       */
+    }, {
+      kind: "method",
+      key: "_setPrimaryFocus",
+      value: function () {
+        var _setPrimaryFocus2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+          var selectorPrimaryFocus, focusTarget;
+          return _regenerator["default"].wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                selectorPrimaryFocus = DDSLocaleModal.selectorPrimaryFocus;
+                focusTarget = this.querySelector(selectorPrimaryFocus);
+                if (focusTarget) {
+                  focusTarget.tabIndex = 0;
+                  focusTarget.focus();
+                }
+              case 3:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee, this);
+        }));
+        function _setPrimaryFocus() {
+          return _setPrimaryFocus2.apply(this, arguments);
+        }
+        return _setPrimaryFocus;
+      }()
+      /**
+       * Sets focus on locale selector search.
+       */
+    }, {
+      kind: "method",
+      key: "_setSearchFocus",
+      value: function () {
+        var _setSearchFocus2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+          var selectorLocaleSearch, localeSearch;
+          return _regenerator["default"].wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                selectorLocaleSearch = DDSLocaleModal.selectorLocaleSearch;
+                _context2.next = 3;
+                return this.updateComplete;
+              case 3:
+                localeSearch = this.querySelector(selectorLocaleSearch);
+                if (localeSearch) {
+                  localeSearch.reset();
+                  localeSearch.focus();
+                }
+              case 5:
+              case "end":
+                return _context2.stop();
+            }
+          }, _callee2, this);
+        }));
+        function _setSearchFocus() {
+          return _setSearchFocus2.apply(this, arguments);
+        }
+        return _setSearchFocus;
+      }()
       /**
        * @returns The heading content for the region selector page.
        */
@@ -235,42 +296,52 @@ var DDSLocaleModal = (0, _decorate2["default"])([(0, _carbonElement.carbonElemen
       kind: "method",
       key: "updated",
       value: function () {
-        var _updated = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(changedProperties) {
-          var _ref2, selectorLocaleSearch, localeSearch, _this$_currentRegion, _ref3, selectorPrimaryFocus, activeRegion;
-          return _regenerator["default"].wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
+        var _updated = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(changedProperties) {
+          var _ref2, selectorLocaleSearch, localeSearch, _this$_currentRegion;
+          return _regenerator["default"].wrap(function _callee3$(_context3) {
+            while (1) switch (_context3.prev = _context3.next) {
               case 0:
                 (0, _get2["default"])((0, _getPrototypeOf2["default"])(DDSLocaleModal.prototype), "updated", this).call(this, changedProperties);
                 if (changedProperties.has('_currentRegion')) {
+                  // Allow listening components to update their state.
+                  this.dispatchEvent(new CustomEvent(this.constructor.eventRegionUpdated, {
+                    bubbles: true,
+                    composed: true,
+                    cancelable: true,
+                    detail: {
+                      region: this._currentRegion
+                    }
+                  }));
+
+                  // Pass state to search element.
                   _ref2 = this.constructor, selectorLocaleSearch = _ref2.selectorLocaleSearch;
                   localeSearch = this.querySelector(selectorLocaleSearch);
                   if (localeSearch) {
                     localeSearch.region = (_this$_currentRegion = this._currentRegion) !== null && _this$_currentRegion !== void 0 ? _this$_currentRegion : '';
-                    if (this.open) {
-                      localeSearch.reset();
-                      localeSearch.focus();
-                    }
                   }
 
-                  // re-focus on first region-item when navigating back to the first modal pane
-                  _ref3 = this.constructor, selectorPrimaryFocus = _ref3.selectorPrimaryFocus;
-                  activeRegion = this.querySelector(selectorPrimaryFocus);
-                  if (activeRegion && this.open) {
-                    activeRegion.tabIndex = 0;
-                    activeRegion.focus();
-                  }
+                  // Set element focus.
+                  this._currentRegion ? this._setSearchFocus() : this._setPrimaryFocus();
                 }
               case 2:
               case "end":
-                return _context.stop();
+                return _context3.stop();
             }
-          }, _callee, this);
+          }, _callee3, this);
         }));
         function updated(_x) {
           return _updated.apply(this, arguments);
         }
         return updated;
       }()
+    }, {
+      kind: "get",
+      "static": true,
+      key: "stableSelector",
+      value: function stableSelector() {
+        return "".concat(ddsPrefix, "--locale-modal");
+      }
+
       /**
        * A selector selecting the locale search UI.
        */
@@ -292,13 +363,6 @@ var DDSLocaleModal = (0, _decorate2["default"])([(0, _carbonElement.carbonElemen
       value: function selectorPrimaryFocus() {
         return "\n      [data-modal-primary-focus],\n      ".concat(ddsPrefix, "-region-item\n    ");
       }
-    }, {
-      kind: "get",
-      "static": true,
-      key: "stableSelector",
-      value: function stableSelector() {
-        return "".concat(ddsPrefix, "--locale-modal");
-      }
 
       /**
        * A selector selecting tabbable nodes.
@@ -310,6 +374,17 @@ var DDSLocaleModal = (0, _decorate2["default"])([(0, _carbonElement.carbonElemen
       value: function selectorTabbable() {
         return "\n      ".concat(_settings2.selectorTabbable, ",\n      ").concat(ddsPrefix, "-expressive-modal,\n      ").concat(ddsPrefix, "-expressive-modal-close-button,\n      ").concat(ddsPrefix, "-region-item,\n      ").concat(ddsPrefix, "-search,\n      ").concat(ddsPrefix, "-locale-item\n    ");
       }
+
+      /**
+       * Name for event fired when a region is selected.
+       */
+    }, {
+      kind: "get",
+      "static": true,
+      key: "eventRegionUpdated",
+      value: function eventRegionUpdated() {
+        return "".concat(ddsPrefix, "-locale-modal-region-updated");
+      }
     }, {
       kind: "field",
       "static": true,
@@ -320,6 +395,5 @@ var DDSLocaleModal = (0, _decorate2["default"])([(0, _carbonElement.carbonElemen
     }]
   };
 }, _expressiveModal["default"]);
-var _default = DDSLocaleModal;
-exports["default"] = _default;
+var _default = exports["default"] = DDSLocaleModal;
 //# sourceMappingURL=locale-modal.js.map