import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-04f73a26.js';

const snkCustomSlotGuideCss = ".sc-snk-custom-slot-guide-h{display:none}";

const SnkCustomSlotGuide = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    this.snkCustomSlotGuideLoaded = createEvent(this, "snkCustomSlotGuideLoaded", 7);
    this.slotName = 'CUSTOM_SLOT_GUIDE';
  }
  onGuideChange(evt) {
    const guideName = evt.detail;
    if (guideName === this.slotName) {
      this._element.style.setProperty('display', 'block');
    }
    else {
      this._element.style.setProperty('display', 'none');
    }
  }
  onFormConfigVisibilityChange(evt) {
    const isFormConfigVisible = evt.detail;
    if (isFormConfigVisible) {
      this._element.style.setProperty('display', 'none');
    }
  }
  componentDidLoad() {
    this.snkCustomSlotGuideLoaded.emit(this.slotName);
  }
  render() {
    return (h(Host, { slot: this.slotName, id: this.slotName, class: "custom-slot-guide-container" }, h("slot", null)));
  }
  get _element() { return getElement(this); }
};
SnkCustomSlotGuide.style = snkCustomSlotGuideCss;

export { SnkCustomSlotGuide as snk_custom_slot_guide };
