How to use the @material/notched-outline.MDCNotchedOutlineFoundation function in @material/notched-outline

getDefaultFoundation() {
    return new MDCNotchedOutlineFoundation({
      addClass: (className: string) => this.root.addClass(className),
      removeClass: (className: string) => this.root.removeClass(className),
      setNotchWidthProperty: (width: number) =>
        this.notchElement.setStyle('width', width + 'px'),
      removeNotchWidthProperty: () => this.notchElement.setStyle('width', '')
    });
  }

getDefaultFoundation() {
    const adapter: MDCNotchedOutlineAdapter = {
      addClass: (className: string) => this.elementRef.nativeElement.classList.add(className),
      removeClass: (className: string) =>
        this.elementRef.nativeElement.classList.remove(className),
      setNotchWidthProperty: (width: number) =>
        this._notchElement.nativeElement.style.setProperty('width', `${width}px`),
      removeNotchWidthProperty: () => this._notchElement.nativeElement.style.removeProperty('width')
    };
    return new MDCNotchedOutlineFoundation(adapter);
  }