*/
	abstract public function get_type_labels();
	/**
	 * @return void
	 */
	public function output() {
		/** @var QM_Data_Assets */
		$data = $this->collector->get_data();
		$type_label = $this->get_type_labels();
		if ( empty( $data->assets ) ) {
			$this->before_non_tabular_output();
			$notice = esc_html( $type_label['none'] );
			echo $this->build_notice( $notice ); // WPCS: XSS ok.
			$this->after_non_tabular_output();
			return;
		}
		$position_labels = array(
			// @TODO translator comments or context:
			'missing' => __( 'Missing', 'query-monitor' ),
			'broken' => __( 'Missing Dependencies', 'query-monitor' ),
			'header' => __( 'Header', 'query-monitor' ),
			'footer' => __( 'Footer', 'query-monitor' ),
		);
		$type = $this->collector->get_dependency_type();
		$hosts = array(
			__( 'Other', 'query-monitor' ),
		);
		$this->before_tabular_output();
		echo '';
		echo '';
		echo '| ' . esc_html__( 'Position', 'query-monitor' ) . ' | ';
		echo '' . esc_html__( 'Handle', 'query-monitor' ) . ' | ';
		echo '';
		$args = array(
			'prepend' => array(
				'local' => $data->host,
			),
		);
		echo $this->build_filter( $type . '-host', $hosts, __( 'Host', 'query-monitor' ), $args ); // WPCS: XSS ok.
		echo ' | ';
		echo '' . esc_html__( 'Source', 'query-monitor' ) . ' | ';
		echo '';
		echo $this->build_filter( $type . '-dependencies', $data->dependencies, __( 'Dependencies', 'query-monitor' ) ); // WPCS: XSS ok.
		echo ' | ';
		echo '';
		echo $this->build_filter( $type . '-dependents', $data->dependents, __( 'Dependents', 'query-monitor' ) ); // WPCS: XSS ok.
		echo ' | ';
		echo '' . esc_html__( 'Version', 'query-monitor' ) . ' | ';
		echo '
';
		echo '';
		echo '
';
		foreach ( $position_labels as $position => $label ) {
			if ( ! empty( $data->assets[ $position ] ) ) {
				foreach ( $data->assets[ $position ] as $handle => $asset ) {
					$this->dependency_row( $handle, $asset, $label );
				}
			}
		}
		echo '';
		echo '';
		echo '';
		printf(
			'| %1$s | ',
			sprintf(
				esc_html( $type_label['total'] ),
				'' . esc_html( number_format_i18n( $data->counts['total'] ) ) . ''
			)
		);
		echo '
';
		echo '';
		$this->after_tabular_output();
	}
	/**
	 * @param string $handle
	 * @param array $asset
	 * @param string $label
	 * @return void
	 */
	protected function dependency_row( $handle, array $asset, $label ) {
		/** @var QM_Data_Assets */
		$data = $this->collector->get_data();
		$highlight_deps = array_map( array( $this, '_prefix_type' ), $asset['dependencies'] );
		$highlight_dependents = array_map( array( $this, '_prefix_type' ), $asset['dependents'] );
		$dependencies_list = implode( ' ', $asset['dependencies'] );
		$dependents_list = implode( ' ', $asset['dependents'] );
		$dependency_output = array();
		foreach ( $asset['dependencies'] as $dep ) {
			if ( isset( $data->missing_dependencies[ $dep ] ) ) {
				$warning = QueryMonitor::icon( 'warning' );
				$dependency_output[] = sprintf(
					'%1$s%2$s',
					$warning,
					sprintf(
						/* translators: %s: Name of missing script or style dependency */
						__( '%s (missing)', 'query-monitor' ),
						esc_html( $dep )
					)
				);
			} else {
				$dependency_output[] = $dep;
			}
		}
		$qm_host = ( $asset['local'] ) ? 'local' : __( 'Other', 'query-monitor' );
		$class = '';
		if ( $asset['warning'] ) {
			$class = 'qm-warn';
		}
		$type = $this->collector->get_dependency_type();
		echo '';
		echo '| ';
		$warning = QueryMonitor::icon( 'warning' );
		if ( $asset['warning'] ) {
			// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
			echo $warning;
		}
		echo esc_html( $label );
		echo ' | ';
		$host = $asset['host'];
		$parts = explode( '.', $host );
		foreach ( $parts as $k => $part ) {
			if ( strlen( $part ) > 16 ) {
				$parts[ $k ] = substr( $parts[ $k ], 0, 6 ) . '…' . substr( $parts[ $k ], -6 );
			}
		}
		$host = implode( '.', $parts );
		if ( ! empty( $asset['port'] ) && ! empty( $asset['host'] ) ) {
			$host = "{$host}:{$asset['port']}";
		}
		echo '' . esc_html( $handle ) . ' | ';
		echo '' . esc_html( $host ) . ' | ';
		echo '';
		if ( $asset['source'] instanceof WP_Error ) {
			$error_data = $asset['source']->get_error_data();
			if ( $error_data && isset( $error_data['src'] ) ) {
				printf(
					'%1$s%2$s: ',
					// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
					$warning,
					esc_html( $asset['source']->get_error_message() )
				);
				// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
				echo self::build_link( $error_data['src'], esc_html( $error_data['src'] ) );
			} else {
				printf(
					'%1$s%2$s',
					// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
					$warning,
					esc_html( $asset['source']->get_error_message() )
				);
			}
		} elseif ( ! empty( $asset['source'] ) ) {
			// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
			echo self::build_link( $asset['source'], esc_html( $asset['display'] ) );
		}
		echo ' | ';
		echo '';
		// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
		echo implode( ', ', $dependency_output );
		echo ' | ';
		echo '' . implode( ', ', array_map( 'esc_html', $asset['dependents'] ) ) . ' | ';
		echo '' . esc_html( $asset['ver'] ) . ' | ';
		echo '
';
	}
	/**
	 * @param string $val
	 * @return string
	 */
	public function _prefix_type( $val ) {
		return $this->collector->get_dependency_type() . '-' . $val;
	}
	/**
	 * @param array $class
	 * @return array
	 */
	public function admin_class( array $class ) {
		/** @var QM_Data_Assets */
		$data = $this->collector->get_data();
		if ( ! empty( $data->broken ) || ! empty( $data->missing ) ) {
			$class[] = 'qm-error';
		}
		return $class;
	}
	/**
	 * @param array $menu
	 * @return array
	 */
	public function admin_menu( array $menu ) {
		/** @var QM_Data_Assets */
		$data = $this->collector->get_data();
		if ( empty( $data->assets ) ) {
			return $menu;
		}
		$type_label = $this->get_type_labels();
		$label = sprintf(
			$type_label['count'],
			number_format_i18n( $data->counts['total'] )
		);
		$args = array(
			'title' => esc_html( $label ),
			'id' => esc_attr( "query-monitor-{$this->collector->id}" ),
			'href' => esc_attr( '#' . $this->collector->id() ),
		);
		if ( ! empty( $data->broken ) || ! empty( $data->missing ) ) {
			$args['meta']['classname'] = 'qm-error';
		}
		$id = $this->collector->id();
		$menu[ $id ] = $this->menu( $args );
		return $menu;
	}
}