import {html, LitElement, PropertyValues} from "lit";
import {customElement} from "lit/decorators.js";
import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
const tagName = "sonic-subscriber";
/**
 * Voir la partie dédiée dans *MISCALLENOUS*
 */

@customElement(tagName)
export class SonicSubscriber extends Subscriber(LitElement) {
  noAutofill = true;
  connectedCallback(): void {
    this.noShadowDom = "";
    super.connectedCallback();
  }

  updated(changedProperties: PropertyValues) {
    super.updated(changedProperties);

    // Display contents, notamment pour les layout dans tableaux
    if (this.children.length == 0) this.style.display = "none";
    else this.style.display = "contents";
  }

  render() {
    return html`<slot></slot> `;
  }
}