/**************************************************************
*
* Animated Box Web Component
*
*************************************************************/
/**
* Template structure and classes
*/
const templateAnimatedBox = document.createElement('template');
templateAnimatedBox.innerHTML = /*html*/`
`
/**
* WebComonent Main Class
*/
class IcmAnimatedBox extends HTMLElement {
constructor(){
super();
this._shadowRoot = this.attachShadow({'mode': 'open'});
this._shadowRoot.appendChild(templateAnimatedBox.content.cloneNode(true));
}
connectedCallback(){
/**
* Object initialization
*/
this._shadowRoot.getElementById("icmAnimatedBoxContentTitle").innerHTML=this.#decodeHTMLEntities(this.getAttribute('data-abTitleString'));
this._shadowRoot.getElementById("icmAnimatedBoxContentText").innerHTML=this.#decodeHTMLEntities(this.getAttribute('data-abTextString'));
try {
this._shadowRoot.getElementById("icmAnimatedBoxContentButtonContainer").innerHTML=this.#decodeHTMLEntities(decodeURIComponent(this.getAttribute('data-abLinkString')));
} catch (e) {
this._shadowRoot.getElementById("icmAnimatedBoxContentButtonContainer").innerHTML=this.#decodeHTMLEntities(this.getAttribute('data-abLinkString'));
}
}
#decodeHTMLEntities(str){
/**
* Class Private Method for string to HTML conversion
* */
if(str && typeof str === 'string') {
str = str.replace(/]*>([\S\s]*?)<\/script>/gmi, '');
str = str.replace(/<\/?\w(?:[^"'>]|"[^"]*"|'[^']*')*>/gmi, '');
var textArea = document.createElement('textarea');
textArea.innerHTML = str;
str = textArea.value;
str = str.replace(/\\'/g, "'");
}
return str;
}
}
window.customElements.define('icm-animatedbox', IcmAnimatedBox);