Method constructor

src/aria/tabs/tab-list.ts:132–167

()

  });

  constructor() {
    afterNextRender(() => {
      this._collection.startObserving(this.element);
    });

    afterRenderEffect(() => {
      this._pattern.setDefaultStateEffect();
    });

    // This needs to be in an afterRenderEffect to ensure the tabs have all been initialized.
    // Otherwise, the lookup here can fail and it does not get re-run afterwards.
    afterRenderEffect({
      write: () => {
        const pattern = this._selectedTabPattern();
        const tab = this._collection.orderedItems().find(tab => tab._pattern == pattern);
        this.selectedTab.set(tab?.value());
      },
    });

    // Check for any violations after the DOM has been updated.
    if (typeof ngDevMode === 'undefined' || ngDevMode) {
      afterRenderEffect({
        read: () => {
          const violations: string[] = [];

          const values = this._collection.orderedItems().map(t => t.value());
          const duplicates = values.filter((item, index) => values.indexOf(item) !== index);
          if (duplicates.length > 0) {
            violations.push(`Duplicate value '${duplicates[0]}' detected inside ngTabList.`);
          }

          reportViolations(violations, this.element);
        },
      });
    }
  }

  ngOnInit() {
    this._tabsParent._register(this);