async hide() {
    return new Promise((resolve, reject) => {
      if (this.visible) {
        reject(new Error('Cannot hide the modal if the `visible` setting is true'));
        return;
      }

      this.open = false;
      this.#remove3dMatrix();
      this.container.classList.remove('open');

      // Adds another RenderLoop-staggered check for whether to hide the Popup.
      if (this.closedCheck) {
        this.closedCheck.destroy(true);
      }
      this.closedCheck = renderLoop.register(new IdsRenderLoopItem({
        duration: 200,
        timeoutCallback: () => {
          // Always fire the 'hide' event
          this.triggerEvent('hide', this, {
            bubbles: true,
            detail: {
              elem: this
            }
          });

          // Remove the `flipped` class if its there
          if (this.isFlipped) {
            this.container.classList.remove('flipped');
            this.isFlipped = false;
          }

          this.container.classList.remove('visible');
          resolve();
        }
      }));
    });
  }
/**
   * Hides the Popup
   * @async
   * @returns {Promise} resolved once hiding and animating the Popup is completed.
   */
Hides the Popup
@async
@returns {Promise} resolved once hiding and animating the Popup is completed.
Hides the Popup @async @returns { Promise } resolved once hiding and animating the Popup is completed .
async hide() {
    return new Promise((resolve, reject) => {
      if (this.visible) {
        reject(new Error('Cannot hide the modal if the `visible` setting is true'));
        return;
      }
      this.open = false;
      this.#remove3dMatrix();
      this.container.classList.remove('open');
      if (this.closedCheck) {
        this.closedCheck.destroy(true);
      }
      this.closedCheck = renderLoop.register(new IdsRenderLoopItem({
        duration: 200,
        timeoutCallback: () => {
          this.triggerEvent('hide', this, {
            bubbles: true,
            detail: {
              elem: this
            }
          });
          if (this.isFlipped) {
            this.container.classList.remove('flipped');
            this.isFlipped = false;
          }
          this.container.classList.remove('visible');
          resolve();
        }
      }));
    });
  }
async hide ( ) { return new Promise ( ( resolve , reject ) => { if ( this . visible ) { reject ( new Error ( 'Cannot hide the modal if the `visible` setting is true' ) ) ; return ; } this . open = false ; this . #remove3dMatrix ( ) ; this . container . classList . remove ( 'open' ) ; if ( this . closedCheck ) { this . closedCheck . destroy ( true ) ; } this . closedCheck = renderLoop . register ( new IdsRenderLoopItem ( { duration : 200 , timeoutCallback : ( ) => { this . triggerEvent ( 'hide' , this , { bubbles : true , detail : { elem : this } } ) ; if ( this . isFlipped ) { this . container . classList . remove ( 'flipped' ) ; this . isFlipped = false ; } this . container . classList . remove ( 'visible' ) ; resolve ( ) ; } } ) ) ; } ) ; }
Hides the Popup
 @async
 @returns {Promise} resolved once hiding and animating the Popup is completed.
Hides the Popup @async @returns { Promise } resolved once hiding and animating the Popup is completed .
// Adds another RenderLoop-staggered check for whether to hide the Popup. // Always fire the 'hide' event // Remove the `flipped` class if its there