@globalpayments/vega 2.45.0 → 2.47.0

package/dist/cjs/sub-state-observer-slimmer-1b6de09f.js

@@ -0,0 +1,134 @@
+'use strict';
+
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const observer = require('./observer-f49483e8.js');
+const changeManager = require('./change-manager-a297e4d2.js');
+const ui = require('./ui-13b42af0.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-d5826bff.js');
+const vegaInternalEventId = require('./vega-internal-event-id-dc866d43.js');
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * The subState observer that to sync up the parent state to the children components.
+ */
+class SubStateObserverSlimmer extends globalSlimmerRegistry.VegaSlimmer {
+  /**
+   * @param {SubStateObserverEntry} observerEntry - observerEntry is the object that contains the parent state and the state name.
+   */
+  constructor(observerEntry) {
+    super();
+    /**
+     * The function checks if the input object has a 'host' property that matches the parent host and a 'stateName' property.
+     *
+     * @param {unknown} input - The `input` parameter is of type `unknown`, which means it can be any type.
+     * @returns {boolean} a boolean value indicating whether the input is an acceptable observer payload.
+     */
+    this.isAcceptableObserverPayload = (input) => {
+      return typeof input === 'object' && !!input && input['host'] === this.parent;
+    };
+    this.observerEntry = observerEntry;
+  }
+  /**
+   * Initialize the subState observer.
+   */
+  connectedCallback() {
+    this.parent = this.getParent();
+    if (!this.parent)
+      return;
+    const { subStates } = this.observerEntry;
+    this.subStateObserver = new observer.Observer(this.isAcceptableObserverPayload, (payload) => {
+      const subState = subStates.find((subState) => subState.parentStateName === payload.stateName);
+      if (subState) {
+        this.updateState(subState, payload.value);
+      }
+    });
+    changeManager.ChangeManager.register(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.parent, vegaInternalEventId.VegaInternalSubStatePush), this.subStateObserver);
+    if (this.observerEntry.pullStatesWhenReattached && this.host.classList.contains('hydrated')) {
+      this.parent = this.getParent();
+      this.pullStates();
+    }
+  }
+  /**
+   * Unregister the observer when disconnectedCallback
+   */
+  disconnectedCallback() {
+    if (!this.parent)
+      return;
+    changeManager.ChangeManager.unregister(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.parent, vegaInternalEventId.VegaInternalSubStatePush), this.subStateObserver);
+  }
+  /**
+   * Fetch the parent props when componentWillLoad
+   */
+  componentWillLoad() {
+    this.pullStates();
+  }
+  /**
+   * The function `getParent` returns the parent element of a given host element, based on the observer
+   * entry and appender element.
+   *
+   * @returns {Nullable<HTMLElement>} the parent HTMLElement.
+   */
+  getParent() {
+    if (typeof this.observerEntry.parent === 'string') {
+      return ui.findParent(this.host, this.observerEntry.parent);
+    }
+    else {
+      return this.observerEntry.parent();
+    }
+  }
+  /**
+   * Update the state with new value
+   *
+   * @param {SubStateEntry} subState - current state entry
+   * @param {unknown} value - new value
+   */
+  updateState(subState, value) {
+    if (subState.callback) {
+      subState.callback(value);
+    }
+    else {
+      this[subState.subStateName] = value;
+    }
+  }
+  /**
+   * The `pullStates` function iterates through subStates and notifies the ChangeManager to update the
+   * state based on the callback function provided.
+   *
+   * @returns {void} If the `this.parent` property is falsy, the `pullStates` method will return early and not
+   * execute the rest of the code inside the method.
+   */
+  pullStates() {
+    if (!this.parent)
+      return;
+    const { subStates } = this.observerEntry;
+    subStates.forEach((subState) => {
+      changeManager.ChangeManager.notify(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.parent, vegaInternalEventId.VegaInternalSubStatePull), {
+        host: this.parent,
+        stateName: subState.parentStateName,
+        // eslint-disable-next-line jsdoc/require-jsdoc
+        callback: (value) => {
+          this.updateState(subState, value);
+        },
+      });
+    });
+  }
+}
+__decorate([
+  globalSlimmerRegistry.MapToComponentField()
+], SubStateObserverSlimmer.prototype, "host", void 0);
+__decorate([
+  globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
+], SubStateObserverSlimmer.prototype, "connectedCallback", null);
+__decorate([
+  globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
+], SubStateObserverSlimmer.prototype, "disconnectedCallback", null);
+__decorate([
+  globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
+], SubStateObserverSlimmer.prototype, "componentWillLoad", null);
+
+exports.SubStateObserverSlimmer = SubStateObserverSlimmer;

package/dist/cjs/translation-5173d223.js

@@ -0,0 +1,339 @@
+'use strict';
+
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const changeManager = require('./change-manager-a297e4d2.js');
+const staticSubjectTitle = require('./static-subject-title-1d23c102.js');
+const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-a3d17afb.js');
+
+/* eslint-disable @typescript-eslint/naming-convention */
+const staticTranslations = {
+  // Form validation rule
+  'This field is required': 'This field is required',
+  'The minimum input value is {0}': 'The minimum input value is {0}',
+  'The maximum input value is {0}': 'The maximum input value is {0}',
+  'The end value should be greater than the start value': 'The end value should be greater than the start value',
+  'The end date should be later than start date': 'The end date should be later than start date',
+  'Credit card number is invalid': 'Credit card number is invalid',
+  'Please enter the correct email format.': 'Please enter the correct email format.',
+  'The maximum input length is {0}': 'The maximum input length is {0}',
+  'The start date should be later than {0}': 'The start date should be later than {0}',
+  'The start date should be earlier than {0}': 'The start date should be earlier than {0}',
+  'The end date should be earlier than {0}': 'The end date should be earlier than {0}',
+  'The date should be later than {0}': 'The date should be later than {0}',
+  'The date should be earlier than {0}': 'The date should be earlier than {0}',
+  'The minimum input length is {0}': 'The minimum input length is {0}',
+  'The end time should be later than start time': 'The end time should be later than start time',
+  'Phone number is not valid': 'Phone number is not valid',
+  'Phone number is valid but it belongs to country {0}, not country {1}': 'Phone number is valid but it belongs to country {0}, not country {1}',
+  // Component internal text
+  'Viewing': 'Viewing',
+  'Show': 'Show',
+  'Go To': 'Go To',
+  'Viewing {0}-{1} of {2}': 'Viewing {0}-{1} of {2}',
+  'Viewing [{0}-{1}] of {2}': 'Viewing [{0}-{1}] of {2}',
+  'Show [{0} items / page]': 'Show [{0} items / page]',
+  'Items Per Page': 'Items Per Page',
+  'Upload': 'Upload',
+  'Clear': 'Clear',
+  'Today': 'Today',
+  'Day': 'Day',
+  'Week': 'Week',
+  'Month': 'Month',
+  'Sun': 'Sun',
+  'Mon': 'Mon',
+  'Tue': 'Tue',
+  'Wed': 'Wed',
+  'Thu': 'Thu',
+  'Fri': 'Fri',
+  'Sat': 'Sat',
+  'Sun-short': 'S',
+  'Mon-short': 'M',
+  'Tue-short': 'T',
+  'Wed-short': 'W',
+  'Thu-short': 'T',
+  'Fri-short': 'F',
+  'Sat-short': 'S',
+  'January': 'January',
+  'February': 'February',
+  'March': 'March',
+  'April': 'April',
+  'May': 'May',
+  'June': 'June',
+  'July': 'July',
+  'August': 'August',
+  'September': 'September',
+  'October': 'October',
+  'November': 'November',
+  'December': 'December',
+  'All Day': 'All Day',
+  'Select or drop your file here': 'Select or drop your file here',
+  'Please sign here': 'Please sign here',
+  'Clear Signature': 'Clear Signature',
+  'Start Date': 'Start Date',
+  'End Date': 'End Date',
+  'Please select': 'Please select',
+  'No options': 'No options',
+  'No results found': 'No results found',
+  'Minimum': 'Minimum',
+  'Maximum': 'Maximum',
+  'Select Time': 'Select Time',
+  'Start Time': 'Start Time',
+  'End Time': 'End Time',
+  'There is no data to display': 'There is no data to display',
+  'Text Styles': 'Text Styles',
+  'Bold': 'Bold',
+  'Italic': 'Italic',
+  'Underline': 'Underline',
+  'Strikethrough': 'Strikethrough',
+  'Code': 'Code',
+  'Text Color': 'Text Color',
+  'Left Align': 'Left Align',
+  'Center Align': 'Center Align',
+  'Right Align': 'Right Align',
+  'Justified': 'Justified',
+  'Bullets': 'Bullets',
+  'Numbers': 'Numbers',
+  'More Indent': 'More Indent',
+  'Less Indent': 'Less Indent',
+  'Link': 'Link',
+  'Image': 'Image',
+  'Clear Style': 'Clear Style',
+  'URL': 'URL',
+  'Text': 'Text',
+  'Edit': 'Edit',
+  'Unlink': 'Unlink',
+  'Size': 'Size',
+  'Alt Text': 'Alt Text',
+  'Delete Image': 'Delete Image',
+  'Sm': 'Sm',
+  'Md': 'Md',
+  'Lg': 'Lg',
+  'Title': 'Title',
+  'Subtitle': 'Subtitle',
+  'Heading 1': 'Heading 1',
+  'Heading 2': 'Heading 2',
+  'Heading 3': 'Heading 3',
+  'Paragraph': 'Paragraph',
+  'Reset Selection': 'Reset Selection',
+};
+
+/**
+ * Vega translation controller to control the internal text translation
+ */
+class InternalTranslationController {
+  constructor() {
+    this.resources = { en: staticTranslations };
+    this._currentLanguage = 'en';
+  }
+  /**
+   * Get current language
+   *
+   * @returns {string} current language
+   */
+  get currentLanguage() {
+    return this._currentLanguage;
+  }
+  /**
+   * Initializes the translation controller with provided resources and language.
+   *
+   * @param {VegaTranslationConfig} config - The configuration object containing resources and initial language.
+   */
+  init({ resources, language }) {
+    if (resources && Object.keys(resources).length > 0) {
+      this.resources = resources;
+    }
+    else {
+      globalSlimmerRegistry.LogUtility.warn(`Resources are empty. Falling back to default language "en".`);
+      this.resources = { en: staticTranslations };
+    }
+    if (language && language in this.resources) {
+      this._currentLanguage = language;
+    }
+    else {
+      globalSlimmerRegistry.LogUtility.warn(`Language "${language}" not found in resources. Falling back to default language "en".`);
+      this._currentLanguage = 'en';
+    }
+    changeManager.ChangeManager.notify(staticSubjectTitle.UPDATE_TRANSLATION, {});
+  }
+  /**
+   * Changes the current language if it exists in the resources.
+   *
+   * @param {string} language - The language code to change to.
+   */
+  changeLanguage(language) {
+    if (this.resources[language]) {
+      this._currentLanguage = language;
+      changeManager.ChangeManager.notify(staticSubjectTitle.UPDATE_TRANSLATION, {});
+    }
+    else {
+      globalSlimmerRegistry.LogUtility.warn(`Language "${language}" not found in resources.`);
+    }
+  }
+  /**
+   * Retrieves the translated string for the given key based on the current language.
+   *
+   * @param {string} key - The key for the translation.
+   * @param {unknown[]} args - A list of values to replace in the translation string.
+   * @returns {string} The translated string or the key itself if not found.
+   */
+  t(key, ...args) {
+    const translation = this.resources[this._currentLanguage][key] || staticTranslations[key] || key;
+    return args.reduce((result, arg, index) => result.replace(new RegExp(`\\{${index}\\}`, 'g'), String(arg)), translation);
+  }
+  /**
+   * Registers a component to the `connectedComponents` map, associating it with the component's tag name.
+   * If the tag already exists, it adds the component to the existing set of components.
+   *
+   * @param {HTMLStencilElement} host - The component instance to register.
+   */
+  registerComponent(host) {
+    const connectedComponents = InternalTranslationController.connectedComponents.get(host.tagName);
+    if (connectedComponents) {
+      connectedComponents.add(host);
+    }
+    else {
+      InternalTranslationController.connectedComponents.set(host.tagName, new Set([host]));
+    }
+  }
+  /**
+   * Unregister a component from the `connectedComponents` map.
+   *
+   * @param {HTMLStencilElement} host - The component instance to unregister.
+   */
+  unRegisterComponent(host) {
+    const connectedComponents = InternalTranslationController.connectedComponents.get(host.tagName);
+    if (connectedComponents) {
+      connectedComponents.delete(host);
+    }
+  }
+  /**
+   * Retrieves the map of connected components, where each entry associates a tag name with a set of components.
+   *
+   * @returns {Map<string, Set<HTMLElement>>} A map of connected components.
+   */
+  getConnectedComponents() {
+    return InternalTranslationController.connectedComponents;
+  }
+  /**
+   * Retrieves the preserved translated message segments.
+   *
+   * @param {string} key - The key for the translation.
+   * @param {RegExp} preservePattern - the preserved regulation pattern to apply.
+   * @param {unknown[]} args - A list of values to replace in the translation string.
+   * @returns {PreservedTranslationOutput[]} An array of translated segments
+   */
+  tWithPreservedBlocks(key, preservePattern = /(\[[^\]]*\])/g, ...args) {
+    // Use existing t method to handle translation and interpolation
+    const interpolatedText = this.t(key, ...args);
+    // Split by preserved blocks according to the pattern
+    const segments = interpolatedText.split(preservePattern);
+    // Convert to output format, marking preserved blocks
+    return segments.map((segment) => {
+      // Check if this segment matches the preserve pattern (by default: surrounded by square brackets)
+      const isPreserved = preservePattern.test(segment);
+      // For square brackets pattern, remove the brackets from content
+      const content = isPreserved ? segment.substring(1, segment.length - 1) : segment;
+      return {
+        content,
+        isPreserved,
+      };
+    });
+  }
+}
+InternalTranslationController.connectedComponents = new Map();
+const VegaInternalTranslation = new InternalTranslationController();
+
+const VegaTranslationRuntimeMetricsPayloadDefinition = [
+  {
+    payloadKey: 'IS_INIT_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method load of public API VegaTranslation.init is called',
+    /**
+     * Indicate whether the method is collected when the method been called .
+     *
+     * @param {string} scope - The class name of public api
+     * @param {string} methodName - The method name called by the public api
+     * @returns {boolean} A boolean value
+     */
+    canAccept: (scope, methodName) => scope === 'TranslationController' && methodName === 'init',
+    /**
+     * The function checks if the method name is loaded.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+  {
+    payloadKey: 'IS_CHANGE_LANGUAGE_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method load of public API VegaTranslation.changeLanguage is called',
+    /**
+     * Indicate whether the method is collected when the method been called .
+     *
+     * @param {string} scope - The class name of public api
+     * @param {string} methodName - The method name called by the public api
+     * @returns {boolean} A boolean value
+     */
+    canAccept: (scope, methodName) => scope === 'TranslationController' && methodName === 'changeLanguage',
+    /**
+     * The function checks if the method name is load.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+];
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Vega Translation Public API
+ *
+ * @vegaVersion 2.27.0
+ */
+class TranslationController {
+  constructor() {
+    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicApiRuntimeMetricsSlimmer.createPublicAPIRuntimeMetricsSlimmer(TranslationController, ['init', 'changeLanguage'], VegaTranslationRuntimeMetricsPayloadDefinition);
+  }
+  /**
+   * Get current language
+   *
+   * @returns {string} current language
+   * @vegaVersion 2.27.0
+   */
+  get currentLanguage() {
+    return VegaInternalTranslation.currentLanguage;
+  }
+  /**
+   * Initializes the translation controller with provided resources and language.
+   *
+   * @param {VegaTranslationConfig} config - Configuration object containing resources and initial language.
+   * @vegaVersion 2.27.0
+   */
+  init(config) {
+    VegaInternalTranslation.init(config);
+  }
+  /**
+   * Changes the current language if it exists in the resources.
+   *
+   * @param {string} language - The language code to change to.
+   * @vegaVersion 2.27.0
+   */
+  changeLanguage(language) {
+    VegaInternalTranslation.changeLanguage(language);
+  }
+}
+__decorate([
+  createPublicApiRuntimeMetricsSlimmer.InjectVegaTelemetrySlimmer()
+], TranslationController.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
+const VegaTranslation = new TranslationController();
+
+exports.VegaInternalTranslation = VegaInternalTranslation;
+exports.VegaTranslation = VegaTranslation;
+exports.staticTranslations = staticTranslations;

package/dist/cjs/translation-slimmer-e900e8d4.js

@@ -0,0 +1,42 @@
+'use strict';
+
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const translation = require('./translation-5173d223.js');
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Translation slimmer for components to use.
+ * Automatically triggers re-render in components that rely on this utility when the language changes.
+ */
+class TranslationSlimmer extends globalSlimmerRegistry.VegaSlimmer {
+  /**
+   * Component lifecycle - [disconnectedCallback]
+   */
+  disconnectedCallback() {
+    translation.VegaInternalTranslation.unRegisterComponent(this.host);
+  }
+  /**
+   * Retrieves the translated string for the given key based on the current language.
+   *
+   * @param {string} key - The key for the translation.
+   * @param {unknown[]} args - A list of values to replace in the translation string.
+   * @returns {string} The translated string or the key itself if not found.
+   */
+  t(key, ...args) {
+    translation.VegaInternalTranslation.registerComponent(this.host);
+    return translation.VegaInternalTranslation.t(key, ...args);
+  }
+}
+__decorate([
+  globalSlimmerRegistry.MapToComponentField()
+], TranslationSlimmer.prototype, "host", void 0);
+__decorate([
+  globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
+], TranslationSlimmer.prototype, "disconnectedCallback", null);
+
+exports.TranslationSlimmer = TranslationSlimmer;

package/dist/cjs/vega-accordion.cjs.entry.js

@@ -7,37 +7,39 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
 const component = require('./component-73a88c4e.js');
-const designToken = require('./design-token-61572ad6.js');
+const designToken = require('./design-token-117a19a8.js');
 const ui = require('./ui-13b42af0.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-8f9ed458.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-6a2aa462.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a7a3b196.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-d5826bff.js');
 const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
-const internalIconManager = require('./internal-icon-manager-cf3347e7.js');
+const internalIconManager = require('./internal-icon-manager-00f49470.js');
+const observer = require('./observer-f49483e8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const staticSubjectTitle = require('./static-subject-title-64175f06.js');
+const staticSubjectTitle = require('./static-subject-title-1d23c102.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-93183c4d.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-8247249c.js');
 require('./breakpoints-ebde4837.js');
-require('./responsive-format-facade-bf7d9ab2.js');
+require('./responsive-format-facade-3542fc47.js');
 require('./page-resize-observer-slimmer-44e08878.js');
 require('./ui-32e69595.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-3aa164ce.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./vega-skeleton-loader-controller-1c91112a.js');
+require('./vega-skeleton-loader-controller-8cbd7656.js');
 require('./create-public-api-runtime-metrics-slimmer-a3d17afb.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-cd87600e.js');
+require('./dark-mode-style-controller-c93b94d2.js');
+require('./_commonjsHelpers-537d719a.js');
+require('./internal-vega-event-manager-c9948b59.js');
 require('./feature-flag-controller-075fa683.js');
 require('./index-8b247c17.js');
-require('./_commonjsHelpers-537d719a.js');
-require('./content-state-5659cad7.js');
-require('./vega-internal-event-id-a0ca9af9.js');
 require('./icon-manager-9a47399c.js');
 require('./wait-for-vega-handler-0a0738ac.js');
-require('./translation-f7279bf1.js');
+require('./translation-5173d223.js');
+require('./content-state-605de6a3.js');
+require('./vega-internal-event-id-dc866d43.js');
 require('./typography-4560e7f1.js');
 require('./state-background-color-formatter-e585a027.js');
 require('./regex-c1f70fd4.js');
@@ -152,7 +154,7 @@ class VegaAccordionExpandController extends globalSlimmerRegistry.VegaSlimmer {
     this.expandEventEmitter.emit(this.expand);
   }
   registerObserver() {
-    this.observer = new domNodeSubjectFactory.Observer(typeGuard.isAccordionObserverPayload, this.shouldCollapseSelfIfOtherExpand.bind(this));
+    this.observer = new observer.Observer(typeGuard.isAccordionObserverPayload, this.shouldCollapseSelfIfOtherExpand.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.ACCORDION_EXPAND_TOPIC, this.observer);
   }
   unregisterObserver() {