'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-1894343a.js');

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

const SnkCustomSlotGuide = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.snkCustomSlotGuideLoaded = index.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 (index.h(index.Host, { slot: this.slotName, id: this.slotName, class: "custom-slot-guide-container" }, index.h("slot", null)));
  }
  get _element() { return index.getElement(this); }
};
SnkCustomSlotGuide.style = snkCustomSlotGuideCss;

exports.snk_custom_slot_guide = SnkCustomSlotGuide;
