Your IP : 3.141.45.177
/* eslint-disable */
this.BX = this.BX || {};
(function (exports,main_core_events,ui_hint,main_core) {
'use strict';
let _ = t => t,
_t,
_t2,
_t3,
_t4,
_t5;
class StepByStepItem extends main_core_events.EventEmitter {
constructor(options = {}, number) {
super();
this.header = options == null ? void 0 : options.header;
this.node = options == null ? void 0 : options.node;
this.number = number;
this.isFirst = (options == null ? void 0 : options.isFirst) || '';
this.isLast = (options == null ? void 0 : options.isLast) || '';
this.class = main_core.Type.isString(options == null ? void 0 : options.nodeClass) ? options.nodeClass : null;
this.backgroundColor = main_core.Type.isString(options == null ? void 0 : options.backgroundColor) ? options.backgroundColor : null;
this.layout = {
container: null
};
}
getHeader() {
if (main_core.Type.isString(this.header)) {
return main_core.Tag.render(_t || (_t = _`
<div class="ui-stepbystep__section-item--title">${0}</div>
`), this.header);
}
if (main_core.Type.isObject(this.header)) {
let titleWrapper = main_core.Tag.render(_t2 || (_t2 = _`
<div class="ui-stepbystep__section-item--title">
</div>
`));
if (this.header.title) {
titleWrapper.innerText = this.header.title;
}
if (main_core.Type.isString(this.header.hint)) {
let hintNode = main_core.Tag.render(_t3 || (_t3 = _`
<span data-hint="${0}" class="ui-hint ui-stepbystep__section-item--hint">
<i class="ui-hint-icon"></i>
</span>
`), this.header.hint);
titleWrapper.appendChild(hintNode);
this.initHint(titleWrapper);
}
return titleWrapper;
}
return '';
}
initHint(node) {
BX.UI.Hint.init(node);
}
getContent() {
if (this.node) {
return main_core.Tag.render(_t4 || (_t4 = _`
<div class="ui-stepbystep__section-item--content">
${0}
</div>
`), this.node);
}
return '';
}
getContainer() {
if (!this.layout.container) {
this.layout.container = main_core.Tag.render(_t5 || (_t5 = _`
<div class="ui-stepbystep__section-item">
<div class="ui-stepbystep__section-item--counter">
<div class="ui-stepbystep__section-item--counter-number ${0} ${0}">
<span>${0}</span>
</div>
</div>
<div class="ui-stepbystep__section-item--information">
${0}
${0}
</div>
</div>
`), this.isFirst, this.isLast, this.number, this.getHeader(), this.getContent());
if (this.backgroundColor) {
this.layout.container.style.backgroundColor = this.backgroundColor;
}
if (this.class) {
this.layout.container.classList.add(this.class);
}
}
return this.layout.container;
}
}
let _$1 = t => t,
_t$1;
class StepByStep {
constructor(options = {}) {
this.target = options.target || null;
this.content = options.content || null;
this.contentWrapper = null;
this.items = [];
this.counter = 0;
}
getItem(item) {
if (item instanceof StepByStepItem) {
return item;
}
this.counter++;
if (this.counter === 1) {
item.isFirst = '--first';
}
if (this.counter === this.content.length) {
item.isLast = '--last';
}
item = new StepByStepItem(item, this.counter);
if (this.items.indexOf(item) === -1) {
this.items.push(item);
}
return item;
}
getContentWrapper() {
if (!this.contentWrapper) {
this.contentWrapper = main_core.Tag.render(_t$1 || (_t$1 = _$1`
<div class="ui-stepbystep__content ui-stepbystep__scope"></div>
`));
this.content.map(item => {
item.html.map(itemObj => {
this.contentWrapper.appendChild(this.getItem(itemObj).getContainer());
});
});
}
return this.contentWrapper;
}
init() {
if (this.target && this.content) {
main_core.Dom.clean(this.target);
this.target.appendChild(this.getContentWrapper());
}
}
}
exports.StepByStep = StepByStep;
}((this.BX.UI = this.BX.UI || {}),BX.Event,BX,BX));
//# sourceMappingURL=stepbystep.bundle.js.map