{"size": 1796, "ext": "js", "max_stars_repo_path": "dist/vl-link-list.js", "max_stars_repo_name": "milieuinfo/webcomponent-vl-ui-link-list", "max_stars_repo_stars_event_min_datetime": "2020-06-11T11:45:07.000Z", "max_stars_repo_stars_event_max_datetime": "2020-06-11T11:45:07.000Z", "max_issues_repo_path": "src/vl-link-list.js", "max_issues_repo_name": "milieuinfo/webcomponent-vl-ui-link-list", "max_issues_repo_issues_event_min_datetime": "2019-08-19T11:20:53.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-03T22:22:35.000Z", "max_forks_repo_path": "src/vl-link-list.js", "max_forks_repo_name": "milieuinfo/webcomponent-vl-ui-link-list", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": 23, "max_forks_count": null, "avg_line_length": 32.0714285714, "max_line_length": 146, "alphanum_fraction": 0.7054565702}
import {nativeVlElement, define} from '/node_modules/vl-ui-core/dist/vl-core.js';

/**
 * VlLinkList
 * @class
 * @classdesc Class die een lijst van links kan weergeven.
 *
 * @extends HTMLUListElement
 * @mixes nativeVlElement
 *
 * @see {@link https://www.github.com/milieuinfo/webcomponent-vl-ui-link-list/releases/latest|Release notes}
 * @see {@link https://www.github.com/milieuinfo/webcomponent-vl-ui-link-list/issues|Issues}
 * @see {@link https://webcomponenten.omgeving.vlaanderen.be/demo/vl-link-list.html|Demo}
 */
export class VlLinkList extends nativeVlElement(HTMLUListElement) {
  connectedCallback() {
    this.classList.add('vl-link-list');
  }

  static get _observedClassAttributes() {
    return ['small', 'inline', 'bordered'];
  }

  get _classPrefix() {
    return 'vl-link-list--';
  }
}

/**
 * VlLinkListItem
 * @class
 * @classdesc Class die een item uit de {@link VlLinkList} weergeeft.
 *
 * @extends HTMLLIElement
 * @mixes nativeVlElement
 *
 * @see {@link https://www.github.com/milieuinfo/webcomponent-vl-ui-link-list/releases/latest|Release notes}
 * @see {@link https://www.github.com/milieuinfo/webcomponent-vl-ui-link-list/issues|Issues}
 * @see {@link https://webcomponenten.omgeving.vlaanderen.be/demo/vl-link-list.html|Demo}
 */
export class VlLinkListItem extends nativeVlElement(HTMLLIElement) {
  connectedCallback() {
    this.classList.add('vl-link-list__item');
    this._links.forEach((link) => {
      link.insertAdjacentHTML('afterBegin', '<i class="vl-link__icon vl-link__icon--before vl-vi vl-vi-arrow-right-fat" aria-hidden="true"></i>');
    });
  }

  get _links() {
    return this.querySelectorAll('[is="vl-link"]');
  }
}

define('vl-link-list', VlLinkList, {extends: 'ul'});
define('vl-link-list-item', VlLinkListItem, {extends: 'li'});
