@claspo/components 1.1.14

package/SysCheckboxListComponent/SysCheckboxListComponent.js

@@ -0,0 +1 @@
+const t="validationStatusChanged",e="touchedStatusChanged",n="cl-";function o(t){return n+t}function r(t){return"cl-"+t}class i{static size(t){return{width:this.width(t),height:this.height(t)}}static width(t){return t=t||document,Math.max(t.documentElement.clientWidth,t.defaultView.innerWidth||0)}static height(t){return t=t||document,Math.max(t.documentElement.clientHeight,t.defaultView.innerHeight||0)}static scrollbarWidth(t){return(t=t||document).defaultView.innerWidth-t.documentElement.clientWidth}}var s=[];for(var l in{transparent:"#0000"})s.push(l);var a="\\s*([.\\d%]+)\\s*",c="\\("+[a,a,a]+"(?:,\\s*([.\\d]+)\\s*)?\\)",p="(?:rgb)a?",d="("+s.join("|")+")";function h(t){return!(!t||"string"==typeof t)&&(t instanceof Array||Array.isArray(t)||t.length>=0&&(t.splice instanceof Function||Object.getOwnPropertyDescriptor(t,t.length-1)&&"String"!==t.constructor.name))}RegExp(p+c,"i"),RegExp([d,"(?:#([a-f0-9]{3,8}))",p+c,"(?:hsl)a?"+c].join("|"),"gi");var u=Array.prototype.concat,m=Array.prototype.slice,b=function(t){for(var e=[],n=0,o=t.length;n<o;n++){var r=t[n];h(r)?e=u.call(e,m.call(r)):e.push(r)}return e};b.wrap=function(t){return function(){return t(b(arguments))}};const g=b;var y={},f=Object.hasOwnProperty,v=Object.create(null);for(var E in y)f.call(y,E)&&(v[y[E]]=E);var O={to:{},get:{}};function S(t,e,n){return Math.min(Math.max(e,t),n)}O.get=function(t){var e,n;return"hsl"===t.substring(0,3).toLowerCase()?(e=O.get.hsl(t),n="hsl"):(e=O.get.rgb(t),n="rgb"),e?{model:n,value:e}:null},O.get.rgb=function(t){if(!t)return null;var e,n,o,r=[0,0,0,1];if(e=t.match(/^#([a-f0-9]{6})([a-f0-9]{2})?$/i)){for(o=e[2],e=e[1],n=0;n<3;n++){var i=2*n;r[n]=parseInt(e.slice(i,i+2),16)}o&&(r[3]=parseInt(o,16)/255)}else if(e=t.match(/^#([a-f0-9]{3,4})$/i)){for(o=(e=e[1])[3],n=0;n<3;n++)r[n]=parseInt(e[n]+e[n],16);o&&(r[3]=parseInt(o+o,16)/255)}else if(e=t.match(/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)){for(n=0;n<3;n++)r[n]=parseInt(e[n+1],0);e[4]&&(e[5]?r[3]=.01*parseFloat(e[4]):r[3]=parseFloat(e[4]))}else{if(!(e=t.match(/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)))return(e=t.match(/^(\w+)$/))?"transparent"===e[1]?[0,0,0,0]:f.call(y,e[1])?((r=y[e[1]])[3]=1,r):null:null;for(n=0;n<3;n++)r[n]=Math.round(2.55*parseFloat(e[n+1]));e[4]&&(e[5]?r[3]=.01*parseFloat(e[4]):r[3]=parseFloat(e[4]))}for(n=0;n<3;n++)r[n]=S(r[n],0,255);return r[3]=S(r[3],0,1),r},O.get.hsl=function(t){if(!t)return null;var e=t.match(/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/);if(e){var n=parseFloat(e[4]);return[(parseFloat(e[1])%360+360)%360,S(parseFloat(e[2]),0,100),S(parseFloat(e[3]),0,100),S(isNaN(n)?1:n,0,1)]}return null},O.to.rgb=function(){var t=g(arguments);return t.length<4||1===t[3]?"rgb("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+")":"rgba("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+", "+t[3]+")"},O.to.hsl=function(){var t=g(arguments);return t.length<4||1===t[3]?"hsl("+t[0]+", "+t[1]+"%, "+t[2]+"%)":"hsla("+t[0]+", "+t[1]+"%, "+t[2]+"%, "+t[3]+")"};const T=O,C={},x={};for(const t of Object.keys(C))x[C[t]]=t;const R={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"}};Math.pow(6/29,3);for(const t of Object.keys(R)){if(!("channels"in R[t]))throw new Error("missing channels property: "+t);if(!("labels"in R[t]))throw new Error("missing channel labels property: "+t);if(R[t].labels.length!==R[t].channels)throw new Error("channel and label counts mismatch: "+t);const{channels:e,labels:n}=R[t];delete R[t].channels,delete R[t].labels,Object.defineProperty(R[t],"channels",{value:e}),Object.defineProperty(R[t],"labels",{value:n})}R.rgb.hsl=function(t){const e=t[0]/255,n=t[1]/255,o=t[2]/255,r=Math.min(e,n,o),i=Math.max(e,n,o),s=i-r;let l,a;i===r?l=0:e===i?l=(n-o)/s:n===i?l=2+(o-e)/s:o===i&&(l=4+(e-n)/s),l=Math.min(60*l,360),l<0&&(l+=360);const c=(r+i)/2;return a=i===r?0:c<=.5?s/(i+r):s/(2-i-r),[l,100*a,100*c]},R.hsl.rgb=function(t){const e=t[0]/360,n=t[1]/100,o=t[2]/100;let r,i,s;if(0===n)return s=255*o,[s,s,s];r=o<.5?o*(1+n):o+n-o*n;const l=2*o-r,a=[0,0,0];for(let t=0;t<3;t++)i=e+1/3*-(t-1),i<0&&i++,i>1&&i--,s=6*i<1?l+6*(r-l)*i:2*i<1?r:3*i<2?l+(r-l)*(2/3-i)*6:l,a[t]=255*s;return a};const k=R;function A(t,e){return function(n){return e(t(n))}}function P(t,e){const n=[e[t].parent,t];let o=k[e[t].parent][t],r=e[t].parent;for(;e[r].parent;)n.unshift(e[r].parent),o=A(k[e[r].parent][r],o),r=e[r].parent;return o.conversion=n,o}const w={};Object.keys(k).forEach((t=>{w[t]={},Object.defineProperty(w[t],"channels",{value:k[t].channels}),Object.defineProperty(w[t],"labels",{value:k[t].labels});const e=function(t){const e=function(t){const e=function(){const t={},e=Object.keys(k);for(let n=e.length,o=0;o<n;o++)t[e[o]]={distance:-1,parent:null};return t}(),n=[t];for(e[t].distance=0;n.length;){const t=n.pop(),o=Object.keys(k[t]);for(let r=o.length,i=0;i<r;i++){const r=o[i],s=e[r];-1===s.distance&&(s.distance=e[t].distance+1,s.parent=t,n.unshift(r))}}return e}(t),n={},o=Object.keys(e);for(let t=o.length,r=0;r<t;r++){const t=o[r];null!==e[t].parent&&(n[t]=P(t,e))}return n}(t);Object.keys(e).forEach((n=>{const o=e[n];w[t][n]=function(t){const e=function(...e){const n=e[0];if(null==n)return n;n.length>1&&(e=n);const o=t(e);if("object"==typeof o)for(let t=o.length,e=0;e<t;e++)o[e]=Math.round(o[e]);return o};return"conversion"in t&&(e.conversion=t.conversion),e}(o),w[t][n].raw=function(t){const e=function(...e){const n=e[0];return null==n?n:(n.length>1&&(e=n),t(e))};return"conversion"in t&&(e.conversion=t.conversion),e}(o)}))}));const L=w,N=["keyword","gray","hex"],I={};for(const t of Object.keys(L))I[[...L[t].labels].sort().join("")]=t;const _={};function M(t,e){if(!(this instanceof M))return new M(t,e);if(e&&e in N&&(e=null),e&&!(e in L))throw new Error("Unknown model: "+e);let n,o;if(null==t)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(t instanceof M)this.model=t.model,this.color=[...t.color],this.valpha=t.valpha;else if("string"==typeof t){const e=T.get(t);if(null===e)throw new Error("Unable to parse color from string: "+t);this.model=e.model,o=L[this.model].channels,this.color=e.value.slice(0,o),this.valpha="number"==typeof e.value[o]?e.value[o]:1}else if(t.length>0){this.model=e||"rgb",o=L[this.model].channels;const n=Array.prototype.slice.call(t,0,o);this.color=U(n,o),this.valpha="number"==typeof t[o]?t[o]:1}else if("number"==typeof t)this.model="rgb",this.color=[t>>16&255,t>>8&255,255&t],this.valpha=1;else{this.valpha=1;const e=Object.keys(t);"alpha"in t&&(e.splice(e.indexOf("alpha"),1),this.valpha="number"==typeof t.alpha?t.alpha:0);const o=e.sort().join("");if(!(o in I))throw new Error("Unable to parse color from object: "+JSON.stringify(t));this.model=I[o];const{labels:r}=L[this.model],i=[];for(n=0;n<r.length;n++)i.push(t[r[n]]);this.color=U(i)}if(_[this.model])for(o=L[this.model].channels,n=0;n<o;n++){const t=_[this.model][n];t&&(this.color[n]=t(this.color[n]))}this.valpha=Math.max(0,Math.min(1,this.valpha)),Object.freeze&&Object.freeze(this)}M.prototype={toString(){return this.string()},string(t){let e=this.model in T.to?this:this.rgb();e=e.round("number"==typeof t?t:1);const n=1===e.valpha?e.color:[...e.color,this.valpha];return T.to[e.model](n)},round(t){return t=Math.max(t||0,0),new M([...this.color.map(j(t)),this.valpha],this.model)},alpha(t){return void 0!==t?new M([...this.color,Math.max(0,Math.min(1,t))],this.model):this.valpha},lighten(t){const e=this.hsl();return e.color[2]+=e.color[2]*t,e},darken(t){const e=this.hsl();return e.color[2]-=e.color[2]*t,e}};for(const t of Object.keys(L)){if(N.includes(t))continue;const{channels:e}=L[t];M.prototype[t]=function(...e){return this.model===t?new M(this):e.length>0?new M(e,t):new M([...D(L[this.model][t].raw(this.color)),this.valpha],t)},M[t]=function(...n){let o=n[0];return"number"==typeof o&&(o=U(n,e)),new M(o,t)}}function j(t){return function(e){return function(t,e){return Number(t.toFixed(e))}(e,t)}}function D(t){return Array.isArray(t)?t:[t]}function U(t,e){for(let n=0;n<e;n++)"number"!=typeof t[n]&&(t[n]=0);return t}const B=M;function F(t){const{element:e,html:n,appendHtml:o}=t,r=function(t){if(null==t)return"";if("string"!=typeof t)return String(t);if(""===t)return"";if(!/<\/?([a-zA-Z][a-zA-Z0-9]*)\b[^>]*>/.test(t))return t;const e=(new DOMParser).parseFromString(t,"text/html");return e.querySelectorAll('script, style, link[rel="stylesheet"], meta[http-equiv]').forEach((t=>t.remove())),e.querySelectorAll("*").forEach((t=>{if(["onclick","onload","onerror","onmouseover","onfocus","onblur","onkeyup","onkeydown","onchange","onsubmit","onmouseenter","onmouseleave","onmouseout","oncontextmenu","ondrag","ondrop"].forEach((e=>t.removeAttribute(e))),Array.from(t.attributes).forEach((e=>{e.name.startsWith("on")&&t.removeAttribute(e.name)})),"A"===t.tagName||"AREA"===t.tagName){const e=t.getAttribute("href");e&&(e.startsWith("javascript:")||e.startsWith("data:"))&&t.removeAttribute("href")}if("IMG"===t.tagName||"IFRAME"===t.tagName){const e=t.getAttribute("src");e&&(e.startsWith("javascript:")||e.startsWith("data:text/html"))&&t.removeAttribute("src")}if("FORM"===t.tagName){const e=t.getAttribute("action");e&&e.startsWith("javascript:")&&t.removeAttribute("action")}})),e.body.innerHTML}(n);o?e.innerHTML+=r:e.innerHTML=r}function W(t,e){Object.keys(e).forEach((n=>{t.style[n]=e[n]}))}function H(t,e){const n=window.getComputedStyle(t);return e.reduce(((t,e)=>(t[e]=n.getPropertyValue(e),t)),{})}function $(t,e){var n,o;let r;return t.styles&&(r=null===(n=t.styles.find((t=>"label"===t.element)))||void 0===n?void 0:n.params),t.adaptiveStyles&&!r&&(r=null===(o=t.adaptiveStyles[e].find((t=>"label"===t.element)))||void 0===o?void 0:o.params),r}function V(t,e,n,o){const r=n.querySelector(o),i=$(t,e);if(!i)return;const s=n.querySelector(".label");F({element:s,html:t.content.label}),"TOP"===i.position?(r.style.flexDirection="column",r.style.alignItems="unset",W(s,{marginRight:0,marginBottom:`${i.margin}px`})):(r.style.flexDirection="row",r.style.alignItems="center",W(s,{marginRight:`${i.margin}px`,marginBottom:0})),i.enabled?s.style.display="":s.style.display="none"}function z(t,e,n,o,r){const i=function(t,e){var n;let o;if(t.styles){const e=null===(n=t.styles.find((t=>"input"===t.element)))||void 0===n?void 0:n.styleAttributes;(null==e?void 0:e.width)&&(o=e)}if(t.adaptiveStyles&&!o){const n=t.adaptiveStyles[e].find((t=>"input"===t.element)).styleAttributes;(null==n?void 0:n.width)&&(o=n)}return o}(t,e);if(!i)return;const s=$(t,e),l=r&&s&&s.enabled&&"TOP"===s.position?r.getBoundingClientRect().height+s.margin:0;i.width&&(i.width.includes("100%")?(o.style.width="100%",n.style.width=i.width):n.style.width="auto"),i.height&&(i.height.includes("100%")?(o.style.height="100%",n.style.height=i.height):n.style.height=`${parseFloat(i.height)+l}px`)}function G(t,e,n){const o=function(t,e){const n=getComputedStyle(t)[e]||t.style.getPropertyValue(e);if(n&&n.includes("rgb")&&(!(n.split("rgb").length>2)||n.includes("#")))return n}(e,n);if(o){const e=B(o).alpha(.5).string();return t.classList.add("focus-outline-defined"),t.style.setProperty("--clFocusOutline",`3px solid ${e}`),e}return null}function Q(t){const{width:e,height:n}=t.getBoundingClientRect(),{marginBottom:o,marginTop:r,marginLeft:i,marginRight:s}=window.getComputedStyle(t);return{width:e+parseInt(i,10)+parseInt(s,10),height:n+parseInt(r,10)+parseInt(o,10)}}function q(t,e,n,o,r){switch(t.position){case"top":return{left:`${K(e,n,o,r)}px`,top:t.availableSpaceAboveTriggerElem-t.contentHeight-t.verticalOffset+"px"};case"bottom":return{left:`${K(e,n,o,r)}px`,bottom:t.availableSpaceBelowTriggerElem-t.contentHeight-t.verticalOffset+"px"};case"left":return{left:t.availableSpaceToTheLeftSideOfTheTrigger-e.width-t.contentWidth-t.horizontalOffset+"px",top:`${Z(0,t)}px`};case"right":return{right:t.availableSpaceToTheRightSideOfTheTrigger-t.contentWidth-t.horizontalOffset+"px",top:`${Z(0,t)}px`}}}function K(t,e,n,o){let r=n?t.x+t.width/2-e.width/2:t.x;return r<0&&(r=0),r+e.width>i.width(o)&&(r-=r+e.width-i.width(o)),r}function Z(t,e){let n=e.availableSpaceAboveTriggerElem;return e.contentHeight>e.availableSpaceBelowTriggerElem&&(n-=e.contentHeight-e.availableSpaceBelowTriggerElem),n}const J="cl-tooltip-text-styles",X=`\n  .cl-tooltip-text {\n    z-index: ${Number.MAX_SAFE_INTEGER};\n    width: max-content;\n    height: fit-content;\n    visibility: hidden;\n    background-color: white;\n    color: #000;\n    border: 1px solid rgb(194, 194, 194);\n    border-radius: 5px;\n    padding: 5px 10px;\n    position: fixed;\n    max-width: 300px;\n    max-height: 100vh;\n    box-shadow: 0 1px 5px rgba(0,0,0,.28);\n    font-size: 14px;\n  }\n\n  .cl-tooltip-text[cl-tooltip-position='top']:before {\n    content: "";\n    position: absolute;\n    top: 100%;\n    left: calc(50% - 13px);\n    border-width: 12px;\n    border-style: solid;\n    border-color: rgb(194, 194, 194) transparent transparent transparent;\n  }\n  \n  .cl-tooltip-text[cl-tooltip-position='top']:after {\n    content: "";\n    position: absolute;\n    top: 100%;\n    left: calc(50% - 5px);\n    margin-left: -8px;\n    margin-top: -2px;\n    border-width: 12px;\n    border-style: solid;\n    border-color: white transparent transparent transparent;\n  }\n\n  .cl-tooltip-text[cl-tooltip-position='bottom']:before {\n    content: "";\n    position: absolute;\n    top: -24px;\n    left: calc(50% - 9px);\n    border-width: 12px;\n    border-style: solid;\n    border-color: transparent transparent rgb(194, 194, 194) transparent;\n  }\n  \n  .cl-tooltip-text[cl-tooltip-position='bottom']:after {\n    content: "";\n    position: absolute;\n    top: -22px;\n    left: calc(50% - 4px);\n    margin-left: -5px;\n    margin-bottom: -2px;\n    border-width: 12px;\n    border-style: solid;\n    border-color: transparent transparent white transparent;\n  }\n`;function Y(t,e,n,o){let r;o=o||document,t.classList.add("invalid"),e.style.visibility="visible",e.onmouseenter=()=>{(function(t){if((t=t||document).head.querySelector(`#${J}`))return;const e=document.createElement("style");e.setAttribute("id",J),F({element:e,html:X}),t.head.appendChild(e)})(o),r=function(t){const e="cl-overlay-tooltip-text",n=document.getElementById(e)||document.createElement("div");return n.classList.add("cl-tooltip-text"),n.textContent!==t&&(n.textContent=t,n.style=null),n.id||(n.id=e),n}(n),o.body.append(r),r.style.visibility="visible",function(t){const{triggerElement:e,tooltipElement:n,offset:o=10,htmlDocumentObject:r}=t,s=function(t,e,n,o,r,s){const l=function(t,e,n,o,r){const s=function(t,e,n,o){const r=i.width(o),{right:s}=t.getBoundingClientRect(),l=r-n-s-i.scrollbarWidth(o);return{horizontalOffset:n,contentWidth:Q(e).width,availableSpaceToTheLeftSideOfTheTrigger:s-n,availableSpaceToTheRightSideOfTheTrigger:l}}(t,e,n,r),l=function(t,e,n,o){const r=i.height(o),{top:s,bottom:l}=t.getBoundingClientRect();return{verticalOffset:n,contentHeight:Q(e).height,availableSpaceAboveTriggerElem:s-n,availableSpaceBelowTriggerElem:r-l-n}}(t,e,n,r);let a="undefined";const c={bottom:l.availableSpaceBelowTriggerElem>=l.contentHeight,top:l.availableSpaceAboveTriggerElem>=l.contentHeight,right:s.availableSpaceToTheRightSideOfTheTrigger>=s.contentWidth,left:s.availableSpaceToTheLeftSideOfTheTrigger>=s.contentWidth};if(c.top?a="top":c.bottom?a="bottom":c.right?a="right":c.left&&(a="left"),c[o]&&(a=o),"undefined"===a){const t=Math.max(l.availableSpaceBelowTriggerElem,l.availableSpaceAboveTriggerElem,s.availableSpaceToTheRightSideOfTheTrigger,s.availableSpaceToTheLeftSideOfTheTrigger);t===l.availableSpaceBelowTriggerElem?a="bottom":t===l.availableSpaceAboveTriggerElem?a="top":t===s.availableSpaceToTheRightSideOfTheTrigger?a="right":t===s.availableSpaceToTheLeftSideOfTheTrigger&&(a="left")}return Object.assign(Object.assign(Object.assign({},l),s),{position:a})}(t,e,n,o,s=s||document);return function(t,e){const{marginBottom:n,marginTop:o}=window.getComputedStyle(e);if("top"===t.position)W(e,{"margin-top":`${parseInt(o,10)+parseInt(n,10)}px`}),W(e,{"margin-bottom":"0px"});else if("bottom"===t.position)W(e,{"margin-bottom":`${parseInt(n,10)+parseInt(o,10)}px`}),W(e,{"margin-top":"0px"});else{const t=(parseInt(n,10)+parseInt(o,10))/2+"px";W(e,{"margin-top":t,"margin-bottom":t})}}(l,e),{coordinates:q(l,t.getBoundingClientRect(),e.getBoundingClientRect(),r,s),position:l.position}}(e,n,o,"top",!0,r);n.setAttribute("cl-tooltip-position",s.position),W(n,s.coordinates)}({triggerElement:e,tooltipElement:r,htmlDocumentObject:o})},e.onmouseleave=()=>{r&&(r.remove(),function(t){const e=(t=t||document).head.querySelector(`#${J}`);e&&e.remove()}(o))}}function tt(t){return[t.getConfig("appearanceLanguage"),t.getConfig("browserLanguage"),"en"].filter((t=>!!t))}function et(t,e){return e.reduce(((e,n)=>{if(e)return e;const o=function(t,e){if(!t)return null;if(e[t])return{translations:e[t],language:t};const n=function(t){return t.includes("-")?t.split("-")[0].toLowerCase():t.includes("_")?t.split("_")[0].toLowerCase():t}(t);return e[n]?{translations:e[n],language:n}:null}(n,t);return o||null}),null)}const nt="VIEW",ot="MODULE",rt="CONTAINER",it="INPUT",st="BUTTON",lt="CONSENT",at="COLUMN",ct="SUBSCRIBE_CONTACT",pt="REQUEST",dt="SHOW_WIDGET",ht="OPEN_LINK",ut="CLOSE_WIDGET";class mt{static sortActions(t){const e={[ut]:-1,[ht]:-2,[dt]:1,[ct]:2,[pt]:3},n=t=>void 0!==e[t.type]?e[t.type]:0;return[...t].sort(((t,e)=>n(t)>n(e)?-1:n(t)<n(e)?1:0))}constructor(t,e){this.config=t,this.actions=mt.sortActions(e),this.listener=null,this.targetElements=[],this.eventsQueue=[],this.state=null,this.postponed=!1}activate(t,e,n){this.state=t;const o=n(),i=o.getAttribute(r("id"));this.listener=t=>{const e=t.composedPath().filter((t=>t instanceof HTMLElement&&t.getAttribute(r("type"))));let n=0;for(;e[n]&&e[n].getAttribute(r("id"))!==i;){let t=e[n].getAttribute(r("type"));if(mt.IGNORING_VIEW_ENTRY_TYPES.includes(t))return;n++}this.eventsQueue.push({event:t}),this.postponed||this.execute()},this.targetElements=this.config.relativeSelector?Array.from((o.shadowRoot||o).querySelectorAll(this.config.relativeSelector)):[o],this.targetElements.forEach((t=>{t.addEventListener("click",this.listener)}))}async execute(){var t,e,n,o;try{for(var r,i=!0,s=function(t){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var e,n=t[Symbol.asyncIterator];return n?n.call(t):(t="function"==typeof __values?__values(t):t[Symbol.iterator](),e={},o("next"),o("throw"),o("return"),e[Symbol.asyncIterator]=function(){return this},e);function o(n){e[n]=t[n]&&function(e){return new Promise((function(o,r){!function(t,e,n,o){Promise.resolve(o).then((function(e){t({value:e,done:n})}),e)}(o,r,(e=t[n](e)).done,e.value)}))}}}(this.eventsQueue);!(t=(r=await s.next()).done);){o=r.value,i=!1;try{const{event:t}=o;for(const e of this.actions)if(!await e.execute(this.state.getState(),t))break}finally{i=!0}}}catch(t){e={error:t}}finally{try{i||t||!(n=s.return)||await n.call(s)}finally{if(e)throw e.error}}this.eventsQueue=[]}postpone(){this.postponed=!0}release(){this.postponed=!1,this.execute()}destroy(){this.listener&&this.targetElements.length&&(this.targetElements.forEach((t=>{t.removeEventListener("click",this.listener)})),this.targetElements=[])}}mt.IGNORING_VIEW_ENTRY_TYPES=[st,lt,it];const bt="CLICK",gt="COMPONENT_EVENT";class yt{constructor(t,e){this.config=t,this.actions=e,this.componentEmitterListener=null}activate(t,e,n){this.componentEmitterListener=e.on(this.config.eventName,(()=>{this.actions.forEach((e=>e.execute(t.getState(),this.config.params)))}))}destroy(){this.componentEmitterListener&&this.componentEmitterListener.off()}}class ft{constructor(t,e){this.actionFactory=t,this.actionRegister=e}get(t){const e=t.actions.map((t=>this.actionFactory.get(t)));switch(e.forEach((t=>this.actionRegister.register(t))),t.type){case bt:return new mt(t,e);case gt:return new yt(t,e);default:throw new Error(`Not supported handler type ${t.type}`)}}}class vt{static generate(){let t,e="";for(let n=0;n<32;n++)8!==n&&12!==n&&16!==n&&20!==n||(e+="-"),t=Math.floor(16*Math.random()).toString(16).toUpperCase(),e+=t;return e}}class Et{constructor(){this.listeners=Et.createDefaultListenersState()}emit(t,e,n=null){const o=this.listeners[t];o&&Object.values(o).forEach((o=>o(e,t,n))),Object.values(this.listeners["*"]).forEach((o=>o(e,t,n)))}on(t,e){const n=vt.generate(),o=this.listeners[t];return o?o[n]=e:this.listeners[t]={[n]:e},{off:()=>{var e,o;(null===(o=null===(e=this.listeners)||void 0===e?void 0:e[t])||void 0===o?void 0:o[n])&&delete this.listeners[t][n]}}}destroy(){this.listeners=Et.createDefaultListenersState()}}Et.createDefaultListenersState=()=>({"*":{}});const Ot=(t,e,n,o)=>{const{addEventListenerBase:r,addEventListener:i}=EventTarget.prototype;(r||i).call(t,e,n,o)};class St{constructor(t){this.state=t||{}}getState(){return this.state}setState(t){this.state=Object.assign(Object.assign({},this.state),t)}destroy(){}}class Tt{static extract(t){const e=t.views.map((t=>{const e=t.children.map((t=>t.type===ot?Object.assign(Object.assign({},t),Tt.moduleToContainerParams):t));return Object.assign(Object.assign({},t),{children:e})}));return Object.assign(Object.assign({},t),{views:e})}static sort(t,e){return t.index>e.index?1:-1}static reIndex(t,e){return Object.assign(Object.assign({},t),{index:e+t.index})}}Tt.moduleToContainerParams={name:"SysContainerComponent",version:"1.0.0"};class Ct extends Et{constructor(t,e){super(),this.config=e,this.handleMobileBreakpoint(t.getShared().mobileBreakpointWidth),t.on("ENVIRONMENT_UPDATE",(({isMobileEnv:t})=>{this._isMobile=t,this.emit(Ct.changeEventName,this._isMobile)}))}handleMobileBreakpoint(t){this.mobileBreakpointWidth=t;const e=Number.isInteger(this.mobileBreakpointWidth)?`${this.mobileBreakpointWidth}px`:this.mobileBreakpointWidth;this.mediaQueryList=window.matchMedia(`(max-width: ${e})`),this.mediaQueryList.addListener(this.listener.bind(this)),this._isMobile=this.mediaQueryList.matches,this.emit(Ct.changeEventName,this._isMobile)}isMobile(){return this.config.forceMobileEnv||this._isMobile}listener(t){this._isMobile=t.matches,this.emit(Ct.changeEventName,this._isMobile)}destroy(){super.destroy(),this.mediaQueryList.removeListener(this.listener.bind(this))}}Ct.changeEventName="CHANGE";class xt{static set(t,e){const n=t[xt.accumulatorPropertyName]||{};t[xt.accumulatorPropertyName]=Object.assign(Object.assign({},n),e.styleAttributes),Object.keys(t[xt.accumulatorPropertyName]).forEach((n=>{n.includes("--")?t.style.setProperty(n,e.styleAttributes[n]||""):t.style[n]=e.styleAttributes[n]?e.styleAttributes[n]:""}))}}xt.accumulatorPropertyName="clStyleAttributes";const Rt="CONTENT_LOCKER";class kt{static applyHostStyles(t,e,n=null,o){var r,i,s;const l=null===(i=null===(r=null==n?void 0:n.props)||void 0===r?void 0:r.handlers)||void 0===i?void 0:i.find((t=>"CLICK"===t.type));l&&(null===(s=l.actions)||void 0===s?void 0:s.length)&&(e.style.cursor="pointer"),t!==nt&&t!==rt&&t!==at||(e.style.display=o===Rt&&t===nt?"flex":"inline-flex",e.style.position="relative"),e.style.boxSizing="border-box"}constructor(){this.styles="/* common styles */ *, *:before, *:after { box-sizing: border-box; font-family: inherit; }"}setStyles(t=""){this.styles=`${this.styles} ${t}`}getStyles(){return this.styles}}class At{static log(t){window.scriptLog09u8y9?scriptLog09u8y9("ERROR","RUNTIME_ERROR",new Error(t)):console.error(t)}}class Pt{constructor(t,e,n,o,r,i){this.hostElement=e,this.documentModel=t,this.getSharedCb=n,this.getPropsCb=o,this.getEnvCb=r,this.httpClient=i,this.subscription=null,this.envUrlMaps={desktop:new Map,mobile:new Map}}parseBackground(t){const e=String(t||"");if(e.includes("url")){const[t,n]=e.split("(")[1].split(")");return{url:t.replace(/['"]+/g,""),positionOptions:n.replace(";","")}}return{url:null,positionOptions:null}}apply(t){const e=this.getPropsCb();return e.backgroundDynamicInlineSVGElements[t].forEach((n=>{var o,r,i,s,l;const a=null===(r=null===(o=e.adaptiveStyles)||void 0===o?void 0:o[t])||void 0===r?void 0:r.find((t=>t.element===n)),c=(null===(i=e.styles)||void 0===i?void 0:i.find((t=>t.element===n)))||{},p=(null===(s=null==c?void 0:c.styleAttributes)||void 0===s?void 0:s.background)||(null===(l=null==a?void 0:a.styleAttributes)||void 0===l?void 0:l.background),d=this.parseBackground(p);d.url&&this.envUrlMaps[t].set(n,{originalSVGResourceURL:d.url,inlineSvgString:null,positionOptions:d.positionOptions})})),Promise.all([...this.envUrlMaps[t].entries()].map((([e,n])=>this.httpClient.execute(n.originalSVGResourceURL).then((t=>t.text())).then((o=>{this.envUrlMaps[t].set(e,Object.assign(Object.assign({},n),{inlineSvgString:o}))}))))).then((()=>{this._applyHostElementBackground(this.envUrlMaps[t].get("host"),this.getSharedCb().cssVars)})).catch((t=>{console.error(t),At.log(`Failed to load/apply backgroundDynamicInlineSVGElements[${this.getPropsCb().backgroundDynamicInlineSVGElements}] ${t}`)}))}on(){return this.subscription=this.documentModel.on("COLOR_SCHEMA_UPDATE",(t=>{this._applyHostElementBackground(this.envUrlMaps[this.getEnvCb()].get("host"),t)})),this}_applyHostElementBackground(t,e){t&&(this.hostElement.style.background=this._buildBackgroundUrl(t,e))}_buildBackgroundUrl(t,e){const n=t.inlineSvgString.trim().replace("var(--cl-schema-accent)",e["cl-schema-accent"]);return`url('data:image/svg+xml,${encodeURIComponent(n)}')${t.positionOptions}`}off(){var t;null===(t=this.subscription)||void 0===t||t.off()}}const wt=new class{execute(t,e,n=null,o,r){const i={method:e,headers:Object.assign({"Content-Type":"text/plain"},o||{}),credentials:"same-origin",body:null,signal:r};return n&&(i.body="string"==typeof n?n:JSON.stringify(n)),fetch(t,i)}};function Lt(t,e){return Object.keys(t).filter((t=>!e.includes(t))).reduce(((e,n)=>Object.assign(Object.assign({},e),{[n]:t[n]})),{})}class Nt{static camelCaseToDashCase(t){return t.replace(/[A-Z]/g,(t=>"-"+t.toLowerCase()))}static camelCaseToUpperSnakeCase(t){return t.replace(/[A-Z]/g,(t=>"_"+t)).toUpperCase()}}class It{constructor(t){this._count=0,this.onUpdateCb=t}increment(){this._count++,this.onUpdateCb(this.count())}decrement(){this._count>0&&this._count--,this.onUpdateCb(this.count())}count(){return this._count}}const _t="COMPONENT_RESOURCES_LOADED",Mt="FAILED_TO_LOAD_COMPONENT_RESOURCE";class jt{constructor(t,e,n){this.getPending=()=>this.counters.pending,this.onCounterStateUpdate=t=>{0===t&&this.systemEventEmitter.emit(_t,this.componentId)},this.onResourceLoadFailure=t=>{this.isStaticEntryModule?this.systemEventEmitter.emit(Mt,`Failed to load: ${t}`):this.counters.pending.decrement()},this.componentId=t,this.systemEventEmitter=e,this.isStaticEntryModule=n,this.counters={pending:new It(this.onCounterStateUpdate)}}}const Dt=(...t)=>{let e=t.reduce(((t,e)=>Object.assign(Object.assign({},t),{[e]:[]})),{});return{get:t=>e[t],clear:()=>Dt(...t)}},Ut=Dt,Bt="props",Ft="shared",Wt="environment";function Ht(t,e,n,o){const r=t=>{let i=t instanceof DocumentFragment||(null==t?void 0:t.nodeType)===Node.DOCUMENT_FRAGMENT_NODE?t.host:t;return i&&(o&&"function"==typeof o?o(i.getAttribute(e)):(null===(s=null==i?void 0:i.getAttribute)||void 0===s?void 0:s.call(i,e))===n)?i:i&&i.parentNode&&r(i.parentNode)||null;var s};return r(t)}const $t="SUBMIT";function Vt(t,e){return e?(t.classes=`${t.classes||""} ${e.classes||""}`.trim(),Object.keys(e).forEach((n=>{"element"!==n&&"classes"!==n&&(e[n]&&"object"==typeof e[n]&&!Array.isArray(e[n])?t[n]=Object.assign(Object.assign({},t[n]||{}),e[n]):t[n]=e[n])})),t):t}const zt={DESKTOP:"desktop",MOBILE:"mobile"};function Gt(t,e,n){var o;return null===(o=t[e])||void 0===o?void 0:o.find((t=>t.element===n))}function Qt(t=[]){return t.map((t=>Object.assign(Object.assign({},t),{styleAttributes:Object.assign({},t.styleAttributes)})))}class qt extends Event{constructor(t,e,n){super(t,n),this.detail={},Object.defineProperty(this,"detail",{value:e})}}class Kt extends HTMLElement{constructor(){var t,e;super(),this.construct=()=>{let t;const e=this.getAttribute(r("id")),n=this.getWidgetContainerNode();if(!n)throw new Error("Widget container not found in construct");const o=n.closest(`[${r("widget-id")}]`);let i;o&&(i=o.getAttribute(r("widget-id")));let s=new qt("cl-props-request",{nodeName:this.nodeName,path:this.getAttribute(r("path")),id:e,widgetId:i},{bubbles:!0,composed:!0});this.dispatchEvent(s),t=s.detail.props,Object.assign(this,t),this.observers=Ut(Bt,Ft,Wt),this.subscriptions=new class{constructor(){this.subscriptions=[]}push(t){this.subscriptions.push(t)}off(){this.subscriptions.forEach((t=>null==t?void 0:t.off()))}},this.state=new St,this.componentEventEmitter=new Et,this.componentResourceManager=new jt(this.model.id,this.services.eventEmitter,"STATIC"===this.services.config.getConfig("entryModuleType")),this.mergeTagsProcessor=this.services.mergeTagsProcessorFactory.create(),this._actionFactory=this.services.actionFactory,this._handlerFactory=new ft(this._actionFactory,this.services.actionRegister),this.prevProps=this.model.props,this.prevEnvironment=this.getEnvironment(),this.documentModel.on(`COMPONENT_PROPS_UPDATE_${this.model.id}`,(t=>{this.model.props=t,this.observers.get(Bt).forEach((e=>e(this.prevProps,t))),this.prevProps=t;const e=this.getHostElement(),n=r("floating");t.floating&&!e.getAttribute(n)?e.setAttribute(n,"true"):!t.floating&&e.getAttribute(n)&&e.removeAttribute(n)})),this.documentModel.on(`COMPONENT_UPDATE_${this.model.id}`,(t=>{Object.assign(this.model,t)})),this.documentModel.on("SHARED_UPDATE_ALL",(()=>{this.applyAutoAdaptiveStyles(this.prevProps.adaptiveStyles,this.prevProps.styles),this.observers.get(Ft).forEach((t=>t(this.getShared())))})),this.model.props.backgroundDynamicInlineSVGElements&&(this.colorSchemaListener=new Pt(this.documentModel,this.getHostElement(),(()=>this.getShared()),(()=>this.model.props),(()=>this.getEnvironment()),wt),this.colorSchemaListener.apply(this.getEnvironment()).then((()=>{this.subscriptions.push(this.colorSchemaListener.on())}))),this.prevProps.adaptiveStyles&&this.subscriptions.push(this.resizeListener.on(Ct.changeEventName,(()=>{this.applyAutoAdaptiveStyles(this.prevProps.adaptiveStyles,this.prevProps.styles);const t=this.getEnvironment();this.observers.get(Wt).forEach((e=>e(this.prevEnvironment,t))),this.prevEnvironment=t})))},this.attachHandlers=()=>{this.getHandlers().map((t=>this._handlerFactory.get(t))).map((t=>()=>t.activate(this.state,this.componentEventEmitter,this.getHostElement.bind(this)))).forEach((t=>t()))},this.postponeHandlers=()=>{var t;null===(t=this.handlers)||void 0===t||t.forEach((t=>t.postpone()))},this.releaseHandlers=()=>{var t;null===(t=this.handlers)||void 0===t||t.forEach((t=>t.release()))},this.getProps=()=>{var t;return null===(t=this.getModel())||void 0===t?void 0:t.props},this.getShared=()=>this.documentModel.getShared(),this.getEnvironment=()=>this.resizeListener.isMobile()?"mobile":"desktop",this.getRootElement=()=>this.shadowRoot?this.shadowRoot:this,this.getHostElement=()=>this,this.observeProps=t=>{this.observers.get(Bt).push(t),t(null,this.prevProps)},this.observeShared=t=>{this.observers.get(Ft).push(t),t(this.getShared())},this.observeEnvironment=t=>{this.observers.get(Wt).push(t),t(null,this.getEnvironment())},this.getElements=()=>[this.getHostElement(),...Array.from(this.getRootElement().querySelectorAll(`[${r("element")}]`)).filter((t=>!t.hasAttribute(r("component"))))],this.getElement=(t,e)=>this.getElements().find((n=>e?n.getAttribute(r("element"))===t&&n.id===e:n.getAttribute(r("element"))===t)),this.applyAutoAdaptiveStyles=(t,e)=>{if(!t&&!e)return;const n=this.getElements();if(!n.length)return;t=function(t,e){if(!e)return t||{desktop:[],mobile:[]};const n=JSON.parse(JSON.stringify(t||{desktop:[],mobile:[]}));return e.forEach((t=>{const e=t.element;let o=!1,r=!1;n.desktop&&n.desktop.forEach((n=>{n.element===e&&(Vt(n,t),o=!0)})),n.mobile&&n.mobile.forEach((n=>{n.element===e&&(Vt(n,t),r=!0)})),!o&&n.desktop&&n.desktop.push(JSON.parse(JSON.stringify(t))),!r&&n.mobile&&n.mobile.push(JSON.parse(JSON.stringify(t)))})),n}(t,e);const o=r("type"),i="element-styles";let s=this.getRootElement().querySelector(`style[${o}="${i}"]`);s||(s=document.createElement("style"),s.setAttribute(o,i),this.getRootElement().appendChild(s)),F({element:s,html:""}),n.forEach((e=>{let n=e.getAttribute(r("element"));const o=this.getEnvironment();let i=Gt(t,o,n);if(i){if(this.resizeListener.isMobile()){const e=Gt(t,"desktop",n);e&&(i=Object.assign(Object.assign({},i),{styleAttributes:Object.assign(Object.assign({},e.styleAttributes),i.styleAttributes)}))}this.applyStylesToElement(e,this.applySharedClassesToElementModel(i),s)}})),this._addLinkColor(s,this.getShared())},this.registerComponentResourceManagement=()=>{this.viewResourceManager.registerComponent(this.model.id,this.componentResourceManager)},this.applyStyles=(t,e={})=>{if(!t||!t.style)return!1;for(const[n,o]of Object.entries(e))t.style[n]=o;return!0},this.applyStylesToElement=(t,e,n)=>{var o,i;const s=[];"host"===(e=Kt._resolveTogglableStylesForElementModel(e)).element&&(kt.applyHostStyles(this.model.type,t,null,this.layoutType),("desktop"===this.getEnvironment()&&(null===(o=this.model.props.backgroundDynamicInlineSVGElements)||void 0===o?void 0:o.desktop)||"mobile"===this.getEnvironment()&&(null===(i=this.model.props.backgroundDynamicInlineSVGElements)||void 0===i?void 0:i.mobile))&&(this.colorSchemaListener.apply(this.getEnvironment()),s.push("background")));let l=e.styleAttributes.background,a=l&&l.match(/url\("([^"]*)"\)/);if(this.manifest.waitForResourcesLoad&&a){this.componentResourceManager.getPending().increment();const t=new Image;t.src=a[1],Ot(t,"load",(()=>{this.componentResourceManager.getPending().decrement()})),Ot(t,"error",(()=>{this.componentResourceManager.onResourceLoadFailure(t.src),"UPDATING"===this.services.config.getConfig("entryModuleType")&&this.componentResourceManager.getPending().decrement()}))}const c=Object.assign(Object.assign({},e),{styleAttributes:Lt(e.styleAttributes,s)});if(xt.set(t,c),this._setClassAttributes(t,e),n){if(e.hoverStyleAttributes){let o=Object.assign({},e.hoverStyleAttributes);if("FILL_UP"===e.hoverAnimationType){t.style.boxShadow="inset 0px 0px 0px 0px rgb(0, 0, 0, 0)",t.style.overflow="hidden";const n=t.tagName.toLowerCase(),r=`flip-up-animation-${e.element}`;let i=this.getRootElement().querySelector(`#${r}`);i||(i=document.createElement("style"),i.id=r,t.appendChild(i)),F({element:i,html:`\n              ${n}::before {\n                content: '';\n                background: ${o.background};\n                position: absolute;\n                left: 0;\n                top: ${t.getBoundingClientRect().height}px;\n                height: ${t.getBoundingClientRect().height}px;\n                width: 100%;\n                z-index: -10;\n              }\n              ${n}:hover::before {\n                top: 0;\n                transition: 0.3s;\n              }\n          `}),o=Object.assign(Object.assign({},e.hoverStyleAttributes),{background:"transparent",position:"relative"})}o.borderTopWidth&&"0px"!==o.borderTopWidth||delete o.borderTopColor,o.borderBottomWidth&&"0px"!==o.borderBottomWidth||delete o.borderBottomColor,o.borderLeftWidth&&"0px"!==o.borderLeftWidth||delete o.borderLeftColor,o.borderRightWidth&&"0px"!==o.borderRightWidth||delete o.borderRightColor,this._addStylesToStyleElement(n,e.element,o,`:not(.${r("no-hover")}):hover`,!0)}e.placeholderStyleAttributes&&this._addStylesToStyleElement(n,e.element,e.placeholderStyleAttributes,"::placeholder"),this._addFontStylesToStyleElement(n,this.getShared()),this.stylesAppliedToElement(t,e,n)}},this._fixMarginOverflow=t=>{const e=this.getParentComponent(),n=e&&("flex"===e.style.display||"inline-flex"===e.style.display),o="host",i=t.getAttribute(r("element"))===o;if(!n||!i)return;const s=this.getProps(),l=this.getEnvironment(),{styleAttributes:a}=Gt(s.adaptiveStyles,l,o)||{};if(!a)return;const c=a.marginLeft||a.marginRight,p="100%"===a.width;if(c&&p){const e=(parseFloat(a.marginLeft)||0)+(parseFloat(a.marginRight)||0);e&&setTimeout((()=>{t.style.width=`calc(100% - ${e}px)`}))}},this.applySharedClassesToElementModel=t=>function(t,e){let o=t;return(o.classes||"").split(" ").filter((t=>t.startsWith(n))).forEach((t=>{var n;let r=null===(n=e.textClasses)||void 0===n?void 0:n[t];r&&(r.styleAttributes.fontFamily||(r.isHeader&&e.headerFontFamily&&(r=Object.assign(Object.assign({},r),{styleAttributes:Object.assign(Object.assign({},r.styleAttributes),{fontFamily:e.headerFontFamily})})),!r.isHeader&&e.textFontFamily&&(r=Object.assign(Object.assign({},r),{styleAttributes:Object.assign(Object.assign({},r.styleAttributes),{fontFamily:e.textFontFamily})}))),o=Object.assign(Object.assign({},o),{styleAttributes:Object.assign(Object.assign({},o.styleAttributes),r.styleAttributes),placeholderStyleAttributes:Object.assign(Object.assign({},o.placeholderStyleAttributes),r.placeholderStyleAttributes)}))})),o.styleAttributes.fontFamily||(o=Object.assign(Object.assign({},o),{styleAttributes:Object.assign(Object.assign({},o.styleAttributes),{fontFamily:e.textFontFamily})})),o}(t,this.documentModel.getShared()),this.getModel=()=>this.model,this._addStylesToStyleElement=(t,e,n,o="",i)=>{const s=Object.keys(n).reduce(((t,e)=>t+` ${Nt.camelCaseToDashCase(e)}: ${n[e]}${i?" !important;":";"}`),"");F({element:t,html:`[${r("element")}="${e}"]${o} { ${s} }`,appendHtml:!0})},this._addFontStylesToStyleElement=(t,e)=>{F({element:t,html:`[cl-type] {font-family:${e.textFontFamily||"inherit"}}`,appendHtml:!0})},this._addLinkColor=(t,e)=>{var n,o,r,i;e.linkColor&&F({element:t,html:`a {color: ${e.linkColor}}, a:visited {color: ${e.linkColor}}`,appendHtml:!0}),(null===(n=e.linkParams)||void 0===n?void 0:n.color)&&F({element:t,html:`a {color: ${null===(o=e.linkParams)||void 0===o?void 0:o.color}}, a:visited {color: ${null===(r=e.linkParams)||void 0===r?void 0:r.color}}`,appendHtml:!0}),(null===(i=e.linkParams)||void 0===i?void 0:i.removeUnderline)&&F({element:t,html:"a {text-decoration: none}, a:visited {text-decoration: none}",appendHtml:!0})},this._setClassAttributes=(t,e)=>{Array.from(t.classList).filter((t=>t!==o("hovered")&&t!==o("focused"))).forEach((e=>{e.startsWith(n)&&t.classList.remove(e)}));const r=((t.getAttribute("class")||"")+" "+e.classes).trim();t.setAttribute("class",r)},this.getParentComponent=()=>Ht(this.parentNode,r("element"),"host"),this.getWidgetContainerNode=()=>{const t=null==this?void 0:this.getAttribute(r("path"));return t&&1===t.split(",").length?this.parentNode:Ht(this.parentNode,r("path"),void 0,(t=>t&&1===t.split(",").length))},this.getWidgetLanguages=()=>tt(this.services.config),this.getPreferredWidgetLanguage=()=>this.getWidgetLanguages()[0],this.getTranslationsMap=t=>et(t,this.getWidgetLanguages()),this.stylesAppliedToElement=(t,e,n)=>{},this.updateContext=()=>{var t;const e=this.getModel();this.services.context.updateRecord(e.id,{label:this.getContextRecordLabel(e.props),viewIndex:null===(t=e.path)||void 0===t?void 0:t[0]})},this.addContextRecord=()=>{var t;const e=this.getModel();this.services.context.addRecord(e.id,{recordKey:e.id,id:e.props.control.name,label:this.getContextRecordLabel(e.props),value:e.props.control.defaultValue||"",viewIndex:null===(t=e.path)||void 0===t?void 0:t[0],sourceId:"FORM",initialData:{fallbackValue:"",exampleValue:this.getContextRecordExampleValue(e.props)}})},this.getContextRecordLabel=t=>{var e,n;const o=t.control.name;if(["email","first_name","last_name"].includes(o))return o.toUpperCase();if(t.content.label&&(null===(n=null===(e=t.adaptiveStyles.desktop.find((t=>"label"===t.element)))||void 0===e?void 0:e.params)||void 0===n?void 0:n.enabled)){const e=(new DOMParser).parseFromString(t.content.label,"text/html");return this.capitalizeFirstLetter(e.body.textContent||"")}return t.content.placeholder?this.capitalizeFirstLetter(t.content.placeholder):t.control.integrationName?this.capitalizeFirstLetter(t.control.integrationName).replace(new RegExp("_","g")," "):void 0},this.capitalizeFirstLetter=t=>t.charAt(0).toUpperCase()+t.slice(1),this.getContextRecordExampleValue=t=>{switch(t.control.name){case"email":return"myemail@example.com";case"first_name":return"Maria";case"last_name":return"Taylor";default:return this.getContextRecordLabel(t)}},this.completeSubmitAction=t=>{const e=t||{},n=this.services.actionRegister.getRegisteredActions().find((t=>t.category===$t));n?null==n||n.execute(void 0,void 0,!0,e):this.services.actionFactory.get({type:pt}).execute(void 0,void 0,!0,e)},this.getHandlers=()=>this.getProps().handlers&&this.getProps().handlers.length?[...this.getProps().handlers]:[],this.assets=(t="")=>`${this.services.config.getConfig("staticResourcesUrl").replace(/\/$/,"")}/${this.manifest.name}/assets${t?`/${t}`:""}`,this.attachShadow({mode:"open"}),this.manifest=this.manifest||(null===(t=this.define)||void 0===t?void 0:t.manifest)||(null===(e=this.constructor.define)||void 0===e?void 0:e.manifest)}connectedCallback(){this.construct(),this.registerComponentResourceManagement(),Promise.resolve().then((()=>{this.attachHandlers()}))}disconnectedCallback(){var t;this.observers.clear(),this.subscriptions.off(),this.state.destroy(),this.componentEventEmitter.destroy(),null===(t=this.mergeTagsProcessor)||void 0===t||t.destroy()}static _resolveTogglableStylesForElementModel(t){const e=Object.assign({},t);return Object.keys(e).forEach((t=>{t.toLowerCase().includes("styleattributes")&&(e[t]=Kt._resolveTogglableStyles(e[t]))})),e}static _resolveTogglableStyles(t){const e=Object.assign({},t),n=(t,n,o)=>{n in e&&(t.forEach((t=>{t in e&&(e[t]=e[n]?e[t]:o)})),delete e[n])};return n(["marginTop","marginBottom","marginLeft","marginRight"],"_marginEnabled","0px"),n(["paddingTop","paddingBottom","paddingLeft","paddingRight"],"_paddingEnabled","0px"),e}}const Zt=Symbol("required");var Jt=function(t,e){var n={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(n[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(t);r<o.length;r++)e.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(t,o[r])&&(n[o[r]]=t[o[r]])}return n};function Xt(){}const Yt="pending",te="valid",ee="invalid";class ne extends Kt{constructor(){super(...arguments),this._createControl=(t={},...e)=>{var{element:n}=t,o=Jt(t,["element"]);const r=this.getProps(),i=this.getModel(),s=Object.assign(Object.assign(Object.assign({},r.control),{componentId:i.id,viewIdx:i.path[0]}),o),l=this.services.form,a=[s,n,...e];return l.hasControl(r.control.name)?l.updateControl(...a):l.registerControl(...a)},this.createControlWithValidation=(t=[],e={})=>{var{element:n=this.getElement("input"),tooltipElement:o=this.getRootElement().querySelector(".input-tooltip"),validCallback:r=Xt,invalidCallback:i=Xt,pendingCallback:s=Xt,elementToListen:l=n,validationMap:a={},listenStatusChange:c=!0}=e,p=Jt(e,["element","tooltipElement","validCallback","invalidCallback","pendingCallback","elementToListen","validationMap","listenStatusChange"]);if(o&&(o.style.visibility="hidden"),!t||!Array.isArray(t))throw new Error("Validators should be an array");const d=this.getProps().control.validation,h=a[null==d?void 0:d.validator],u=t.some((t=>t[Zt])),m=!!(null==d?void 0:d.required),b=m||u,g=[...t];m&&!u&&g.unshift(function(t="REQUIRED"){const e=e=>{let n;switch(typeof e){case"string":n=e&&e.length>0;break;case"boolean":n=e;break;case"number":n=!isNaN(e);break;default:n=!!e}return{isValid:n,errorKey:n?null:t}};return e[Zt]=!0,e}()),h&&g.push(h);const y=this._prepareAsyncValidators(g),f=this._createControl({element:n,validation:{validator:"custom",required:b}},void 0,y);return c&&this._handleControlStatusChange(Object.assign({control:f,element:l,tooltipElement:o,configService:this.services.config,i18n:this.manifest.i18n,validCallback:r,invalidCallback:i,pendingCallback:s},p)),f},this._prepareAsyncValidators=(t=[])=>t.reduce(((t,e,n)=>"function"!=typeof e?(console.warn(`Validator ${n} should be a function, so it will be skipped`),t):(t[`custom_${n}`]=async(...t)=>{const n=await Promise.resolve(e(...t));return"object"==typeof n&&"isValid"in n?Object.assign(Object.assign({},n),{errorKey:n.isValid?null:n.errorKey}):{isValid:!1,errorKey:"INVALID_VALIDATOR_RESPONSE"}},t)),{}),this._handleControlStatusChange=n=>{n.control.on(t,(t=>{this._handleValidationStatus(n,t)})),n.control.on(e,(()=>{let t=Yt;switch(!0){case n.control.pending:t=Yt;break;case n.control.valid:t=te;break;default:t=ee}this._handleValidationStatus(n,t)}))},this._handleValidationStatus=(t,e)=>{const{control:n,element:o,tooltipElement:r,validCallback:i,invalidCallback:s,errorMessageMapper:l,pendingCallback:a}=t,c=this.services.config,p=this.manifest.i18n;switch(e){case te:(function(t,e){t.classList.remove("invalid"),e.style.visibility="hidden"})(o,r),i&&i();break;case ee:if(n.touched){const t=n.getErrorKeys();if(!t)break;const e=t[0];let i=function(t,e,n){const o=et(e,tt(t)).translations,r=Object.keys(o).find((t=>t.includes(n)));return r?o[r]:n}(c,p,e);l&&(i=l(e,i)),Y(o,r,i,this.htmlDocumentObject),s&&s()}break;case Yt:n.touched&&(function(t,e){e.style.visibility="hidden",t.classList.contains("invalid")&&t.classList.remove("invalid")}(o,r),a&&a())}}}}const oe={name:"SysCheckboxListComponent",componentType:"MULTIPLE_INPUT",version:"1.0.0",mappingTypes:["CHECKBOX_LIST"],contextMenuModel:[{type:"GROUP",propPath:["adaptiveStyles","desktop"],children:[{type:"CONTROL",name:"COMPONENT_OPERATIONS"},{type:"CONTROL",name:"BRING_BACK_FORWARD",element:"host",elementProp:"styleAttributes",elementSubProp:"zIndex"},{type:"CONTROL",name:"FOCUS_PARENT_COMPONENT"}]},{type:"GROUP",propPath:["adaptiveStyles","mobile"],children:[{type:"CONTROL",name:"COMPONENT_OPERATIONS"},{type:"CONTROL",name:"BRING_BACK_FORWARD",element:"host",elementProp:"styleAttributes",elementSubProp:"zIndex"},{type:"CONTROL",name:"FOCUS_PARENT_COMPONENT"}]}],floatingControlsModel:[{type:"GROUP",propPath:["adaptiveStyles","desktop"],children:[{type:"CONTROL",name:"SIZE",elementProp:"styleAttributes",element:"input",params:{height:{hide:!0}}},{type:"CONTROL",name:"MARGIN",elementProp:"styleAttributes",element:"host"},{type:"CONTROL",name:"CONTAINER_PADDING",elementProp:"styleAttributes",element:"host"}]},{type:"GROUP",propPath:["adaptiveStyles","mobile"],children:[{type:"CONTROL",name:"SIZE",elementProp:"styleAttributes",element:"input",params:{height:{hide:!0}}},{type:"CONTROL",name:"MARGIN",elementProp:"styleAttributes",element:"host"},{type:"CONTROL",name:"CONTAINER_PADDING",elementProp:"styleAttributes",element:"host"}]}],propertyPaneModel:{content:[{type:"GROUP",propPath:["adaptiveStyles","desktop"],children:[{type:"CONTROL",name:"SIZE",element:"input",elementProp:"styleAttributes",params:{width:{options:["fixed","hug","fill"]},height:{options:["hug","fill"]}}},{type:"CONTROL",name:"TEXT_PARAMS",params:[{element:"input",showPlaceholderControl:!1,isLineSpaceAvailable:!0,isTextTransformAvailable:!0},{element:"label",displayCondition:"return !!sdk.component.getProps().styles.find(element => element.element === 'label').params.enabled",isLineSpaceAvailable:!0,isTextTransformAvailable:!0}]},{type:"CONTROL",name:"LIST_POSITION",elementProp:"styleAttributes",element:"listContainer"},{type:"CONTROL",name:"MULTIPLE_INPUT_SIZE",element:"input",params:{inputType:"CHECKBOX"}},{type:"CONTROL",name:"BACKGROUND_MARKER_SELECTED",propPath:["styles","[element=input]","markerStyleAttributes"],params:{label:"DOCUMENT_CHOSEN_ITEM_COLOR_TITLE",property:"selectedColor",onlyColorSelection:!0,disableGradientSelection:!0,hideSwitch:!0}},{type:"CONTROL",name:"BACKGROUND",propPath:["styles","[element=input]","markerStyleAttributes"],params:{onlyColorSelection:!0}},{type:"CONTROL",name:"BORDERS",propPath:["styles","[element=input]","markerStyleAttributes"],params:{minValue:1,maxValue:5,hideAdditionalParams:!0}},{type:"CONTROL",name:"BOX_SHADOW",propPath:["styles","[element=input]","markerStyleAttributes"]},{type:"CONTROL",name:"BORDER_RADIUS",propPath:["styles","[element=input]","markerStyleAttributes"]},{type:"CONTROL",name:"INPUT_LABEL",propPath:["styles","[element=label]","params"]},{type:"CONTROL",name:"INDENTATION",elementProp:"styleAttributes",element:"host",params:{indentationType:"MARGIN"}}]},{type:"GROUP",propPath:["adaptiveStyles","mobile"],children:[{type:"CONTROL",name:"SIZE",element:"input",elementProp:"styleAttributes",params:{width:{options:["fixed","hug","fill"]},height:{options:["hug","fill"]}}},{type:"CONTROL",name:"TEXT_PARAMS",params:[{element:"input",showPlaceholderControl:!1,isLineSpaceAvailable:!0,isTextTransformAvailable:!0},{element:"label",displayCondition:"return !!sdk.component.getProps().styles.find(element => element.element === 'label').params.enabled",isLineSpaceAvailable:!0,isTextTransformAvailable:!0}]},{type:"CONTROL",name:"LIST_POSITION",elementProp:"styleAttributes",element:"listContainer"},{type:"CONTROL",name:"MULTIPLE_INPUT_SIZE",element:"input",params:{inputType:"CHECKBOX"}},{type:"CONTROL",name:"BACKGROUND_MARKER_SELECTED",propPath:["styles","[element=input]","markerStyleAttributes"],params:{label:"DOCUMENT_CHOSEN_ITEM_COLOR_TITLE",property:"selectedColor",onlyColorSelection:!0,disableGradientSelection:!0,hideSwitch:!0}},{type:"CONTROL",name:"BACKGROUND",propPath:["styles","[element=input]","markerStyleAttributes"],params:{onlyColorSelection:!0}},{type:"CONTROL",name:"BORDERS",propPath:["styles","[element=input]","markerStyleAttributes"],params:{minValue:1,maxValue:4,hideAdditionalParams:!0}},{type:"CONTROL",name:"BOX_SHADOW",propPath:["styles","[element=input]","markerStyleAttributes"]},{type:"CONTROL",name:"BORDER_RADIUS",propPath:["styles","[element=input]","markerStyleAttributes"]},{type:"CONTROL",name:"INPUT_LABEL",propPath:["styles","[element=label]","params"]},{type:"CONTROL",name:"INDENTATION",elementProp:"styleAttributes",element:"host",params:{indentationType:"MARGIN"}}]}],general:[{type:"CONTROL",name:"INTEGRATION_FIELD_MAPPING",params:{integrationNamePropPath:["control","integrationName"],groupNamePropPath:["control","groupName"],fieldNamePropPath:["control","fieldName"],fieldTypePropPath:["control","fieldType"],validationPropPath:["control","validation"],placeholderPropPath:["content","placeholder"],labelPropPath:["content","label"],optionsPropPath:["control","options"],optionsAlphabeticSortPropPath:["control","optionsAlphabeticSort"]}},{type:"CONTROL",name:"COMPONENT_OPTIONS",params:{label:"DOCUMENT_EXPORT_ID",header:"DOCUMENT_OPTIONS_HEADER",tooltip:"DOCUMENT_OPTIONS_TOOLTIP_PART1,DOCUMENT_OPTIONS_TOOLTIP_PART2",origin:!0,optionsPropPath:["control","options"],optionsAlphabeticSortPropPath:["control","optionsAlphabeticSort"],integrationNamePropPath:["control","integrationName"]}},{type:"CONTROL",name:"INPUT_VALIDATION",params:{validationPropPath:["control","validation"],fieldTypePropPath:["control","fieldType"],required:!0}}]},i18nPropertyPaneModel:{content:[{type:"CONTROL",name:"COMPONENT_OPTIONS",params:{label:"DOCUMENT_EXPORT_ID",header:"DOCUMENT_OPTIONS_HEADER",tooltip:"DOCUMENT_OPTIONS_TOOLTIP_PART1,DOCUMENT_OPTIONS_TOOLTIP_PART2",origin:!1,optionsPropPath:["control","options"],optionsAlphabeticSortPropPath:["control","optionsAlphabeticSort"],integrationNamePropPath:["control","integrationName"]}}]},autoContrast:[{slave:{element:"input",propPath:["styles","[element=input]","markerStyleAttributes","selectedColor"]},master:{element:"input",propPath:["styles","[element=input]","markerStyleAttributes","background"]},enabledPropPath:["content","selectedColorContrastEnabled"]}],focusableElements:["input","label"],events:{dispatch:[],listen:[]},i18nPropPaths:["content,label","control,options,[id],label"],i18n:{en:{"control,validation,validationErrors,REQUIRED":"Required field","content,label":"Title"},ru:{"control,validation,validationErrors,REQUIRED":"Обязательное поле","content,label":"Заголовок"},uk:{"control,validation,validationErrors,REQUIRED":"Обов'язкове поле","content,label":"Заголовок"},es:{"control,validation,validationErrors,REQUIRED":"Campo obligatorio","content,label":"Título"},de:{"control,validation,validationErrors,REQUIRED":"Pflichtfeld","content,label":"Titel"},fr:{"control,validation,validationErrors,REQUIRED":"Champs requis","content,label":"Titre"},it:{"control,validation,validationErrors,REQUIRED":"Campo obbligatorio","content,label":"Titolo"},pt:{"control,validation,validationErrors,REQUIRED":"Campo obrigatório","content,label":"Título"},ro:{"control,validation,validationErrors,REQUIRED":"Câmp obligatoriu","content,label":"Titlu"},bg:{"control,validation,validationErrors,REQUIRED":"Изисквано поле","content,label":"Заглавие"},cs:{"control,validation,validationErrors,REQUIRED":"Vyžadované pole","content,label":"Titul"},el:{"control,validation,validationErrors,REQUIRED":"Απαιτητό πεδίο","content,label":"Τίτλος"},nl:{"control,validation,validationErrors,REQUIRED":"Verplicht veld","content,label":"Titel"},pl:{"control,validation,validationErrors,REQUIRED":"Wymagane pole","content,label":"Tytuł"},sv:{"control,validation,validationErrors,REQUIRED":"Obligatoriskt fält","content,label":"Tytuł"},tr:{"control,validation,validationErrors,REQUIRED":"Gerekli alan","content,label":"Başlık"},ar:{"control,validation,validationErrors,REQUIRED":"الحقل المطلوب","content,label":"عنوان"},zh:{"control,validation,validationErrors,REQUIRED":"必填字段","content,label":"Title"},da:{"control,validation,validationErrors,REQUIRED":"Påkrævet felt","content,label":"Titel"},he:{"control,validation,validationErrors,REQUIRED":"Required field","content,label":"Title"},fi:{"control,validation,validationErrors,REQUIRED":"Vaadittu kenttä","content,label":"Title"},hi:{"control,validation,validationErrors,REQUIRED":"आवश्यक फील्ड","content,label":"Title"},hr:{"control,validation,validationErrors,REQUIRED":"Obavezno polje","content,label":"Title"},hu:{"control,validation,validationErrors,REQUIRED":"Kötelező mező","content,label":"Title"},id:{"control,validation,validationErrors,REQUIRED":"Bidang yang wajib diisi","content,label":"Title"},ja:{"control,validation,validationErrors,REQUIRED":"必須フィールド","content,label":"Title"},ko:{"control,validation,validationErrors,REQUIRED":"필수 칸","content,label":"Title"},no:{"control,validation,validationErrors,REQUIRED":"Obligatorisk felt","content,label":"Title"},sk:{"control,validation,validationErrors,REQUIRED":"Povinné pole","content,label":"Title"},sl:{"control,validation,validationErrors,REQUIRED":"Obvezno polje","content,label":"Title"},sr:{"control,validation,validationErrors,REQUIRED":"Obavezno polje","content,label":"Title"}},props:{content:{label:"Title",selectedColorContrastEnabled:!0},control:{name:"checkboxList",integrationName:"checkboxList",defaultValue:null,options:{option_1:{exportId:"option_1",label:"Option 1",id:"option_1",sort:0},option_2:{exportId:"option_2",label:"Option 2",id:"option_2",sort:1},option_3:{exportId:"other",label:"Other",id:"option_3",sort:2}},optionsAlphabeticSort:{enabled:!1},validation:{required:!0}},styles:[{element:"input",markerStyleAttributes:{selectedColor:"rgba(0, 0, 0, 1)",background:"rgba(255, 255, 255, 1)",borderTopStyle:"solid",borderRightStyle:"solid",borderBottomStyle:"solid",borderLeftStyle:"solid",borderTopWidth:"1px",borderTopColor:"rgba(68, 68, 68, 1)",borderBottomWidth:"1px",borderBottomColor:"rgba(68, 68, 68, 1)",borderLeftWidth:"1px",borderLeftColor:"rgba(68, 68, 68, 1)",borderRightWidth:"1px",borderRightColor:"rgba(68, 68, 68, 1)",borderTopLeftRadius:"0px",borderTopRightRadius:"0px",borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px",boxShadow:"none"}},{element:"label",params:{enabled:!0,position:"TOP",margin:5}}],adaptiveStyles:(re=[{element:"host",styleAttributes:{marginTop:"0px",marginBottom:"0px",marginLeft:"0px",marginRight:"0px",_marginEnabled:!1},classes:""},{element:"listContainer",styleAttributes:{display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"start",gap:"20px"},classes:""},{element:"input",styleAttributes:{width:"100%",minWidth:null,height:"auto",minHeight:null,background:"rgba(0, 0, 0, 0)",color:"rgba(68, 68, 68, 1)",paddingBottom:"0",paddingLeft:"0",paddingRight:"0",paddingTop:"0",_paddingEnabled:!1,textAlign:"start",lineHeight:"120%",fontWeight:"400",fontSize:"14px",textShadow:"none"},markerStyleAttributes:{inputSize:"22px",inputToTextGapSize:"13px",textShadow:"none"},classes:""},{element:"label",styleAttributes:{color:"rgba(68, 68, 68, 1)",textAlign:"start",lineHeight:"120%",fontWeight:"400",fontSize:"14px",textShadow:"none"},classes:""},{element:"optionWrapper",styleAttributes:{margin:"0 3px"}}],Object.values(zt).reduce(((t,e)=>Object.assign(t,{[e]:Qt(re)})),{[zt.DESKTOP]:[],[zt.MOBILE]:[]}))},metaDescription:{icon:"/SysCheckboxListComponent/assets/img/checkbox-component-icon.svg",label:{en:"Checkbox",ru:"Чекбокс",uk:"Чекбокс",es:"Casilla de verificación",fr:"Case à cocher",de:"Kontrollkästchen",it:"Checkbox",pt:"Caixa de seleção",ro:"Casetă de control",bg:"Поле за маркиране",cs:"Zaškrtávací pole",el:"Πλαίσιο ελέγχου",nl:"Selectievakje",pl:"Pole wyboru",sv:"Kryssruta",tr:"Onay kutusu",ar:"خانة اختيار",zh:"复选框",da:"Afkrydsningsfelt",he:"תיבת סימון",fi:"Valintaruutu",hi:"चेकबॉक्स",hr:"Potvrdni okvir",hu:"Jelölőnégyzet",id:"Kotak Centang",ja:"チェックボックス",ko:"체크 박스",no:"Avmerkingsboks",sk:"Začiarkavacie políčko",sl:"Potrditveno polje",sr:"Polje za potvrdu"}}};var re;const ie={inputSize:"22px",inputToTextGapSize:"13px",selectedColor:"rgb(0,0,0,1)",borderTopStyle:"solid",borderRightStyle:"solid",borderBottomStyle:"solid",borderLeftStyle:"solid",borderTopWidth:"1px",borderTopColor:"rgba(0, 0, 0, 1)",borderBottomWidth:"1px",borderBottomColor:"rgba(0, 0, 0, 1)",borderLeftWidth:"1px",borderLeftColor:"rgba(0, 0, 0, 1)",borderRightWidth:"1px",borderRightColor:"rgba(0, 0, 0, 1)",borderTopLeftRadius:"0px",borderTopRightRadius:"0px",borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px",boxShadow:"none",textShadow:"none",background:"rgb(255, 255, 255)",backdropFilter:"none"},se=new Map;se.set("checkboxSize","inputSize"),se.set("checkboxToTextGapSize","inputToTextGapSize");const le=se;function ae(t){return ae="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ae(t)}function ce(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=Array(e);n<e;n++)o[n]=t[n];return o}function pe(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,o)}return n}function de(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?pe(Object(n),!0).forEach((function(e){ye(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):pe(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function he(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,fe(o.key),o)}}function ue(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(ue=function(){return!!t})()}function me(){return me="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var o=function(t,e){for(;!{}.hasOwnProperty.call(t,e)&&null!==(t=be(t)););return t}(t,e);if(o){var r=Object.getOwnPropertyDescriptor(o,e);return r.get?r.get.call(arguments.length<3?t:n):r.value}},me.apply(null,arguments)}function be(t){return be=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},be(t)}function ge(t,e){return ge=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},ge(t,e)}function ye(t,e,n){return(e=fe(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function fe(t){var e=function(t){if("object"!=ae(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,"string");if("object"!=ae(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==ae(e)?e:e+""}var ve=function(){function t(){var e;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),ye(e=function(t,e,n){return e=be(e),function(t,e){if(e&&("object"==ae(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,ue()?Reflect.construct(e,n||[],be(t).constructor):e.apply(t,n))}(this,t),"manifest",oe),ye(e,"registeredControl",void 0),ye(e,"markerStyleAttributes",void 0),ye(e,"updateElementSizeStyles",(function(){var t=e.getElement("listContainer");t&&(e.applyStylesToMarkersShadows(),e.applyStylesToMarkers(),t.querySelectorAll(".checkmark-container").forEach((function(t){e.setStylesVariables(t)})))})),ye(e,"getInputAdaptiveStyles",(function(){var t=e.getProps(),n=e.getEnvironment();return t.adaptiveStyles[n].filter((function(t){return"input"===t.element}))})),ye(e,"setMarkerStyleAttributes",(function(){var n=e.getInputAdaptiveStyles();if(n.length&&n[0].markerStyleAttributes){var o;e.markerStyleAttributes=de(de({},ie),n[0].markerStyleAttributes);var r=null===(o=e.getProps().styles)||void 0===o||null===(o=o.find((function(t){return"input"===t.element})))||void 0===o?void 0:o.markerStyleAttributes;r&&(e.markerStyleAttributes=de(de({},e.markerStyleAttributes),r))}else e.markerStyleAttributes=t.defaultMarkerStyleAttributes})),ye(e,"setStylesVariables",(function(t){Object.keys(e.markerStyleAttributes).forEach((function(n){var o=le.get(n)||n;t.style.setProperty("--".concat(o),e.markerStyleAttributes[n])}))})),ye(e,"getOptions",(function(){var t,n=null!==(t=e.getProps().control.optionsAlphabeticSort)&&void 0!==t&&t.enabled?"label":"sort";return function(t,e,n=!1){return function(t){return[...t].reduce(((t,[e,n])=>(t[e]=n,t)),{})}(Object.entries(t).sort((([t,o],[r,i])=>function(t,e,n,o=!1){let r=t[n],i=e[n];return isNaN(r)||isNaN(i)?"string"!=typeof r||"string"!=typeof i?0:(r=r.toLowerCase(),i=i.toLowerCase(),o?i.localeCompare(r):r.localeCompare(i)):r<i?o?1:-1:r>i?o?-1:1:0}(o,i,e,n))))}(e.getProps().control.options,n)})),ye(e,"applyStylesToOptionWrapper",(function(){var t=e.getElement("listContainer"),n=Gt(e.getProps().adaptiveStyles,e.getEnvironment(),"optionWrapper"),o=t.querySelectorAll(".option-wrapper");if(n){var r=Object.keys(n);o.forEach((function(t){r.forEach((function(e){t.style[e]=n[e]}))}))}else o.forEach((function(t){t.style.margin="10px 3px"})),t.style.gap="0px"})),ye(e,"createCheckboxListItemComponent",(function(t,n,o){var r=e.getHostElement(),i=document.createElement("div");i.classList.add("option-wrapper"),i.setAttribute("cl-element","optionWrapper");var s=document.createElement("label");s.classList.add("checkmark-container");var l=document.createElement("div");l.classList.add("checkmark-shadow"),s.appendChild(l);var a=document.createElement("input");a.setAttribute("type","checkbox"),s.appendChild(a);var c=document.createElement("span");c.classList.add("checkmark"),s.appendChild(c);var p=document.createElement("span");if(p.classList.add("checkbox-label"),p.textContent=t.label,e.setStylesVariables(r),W(p,o),s.appendChild(p),n){var d=e.markerStyleAttributes.selectedColor;c.classList.add("checkmark-checked"),c.style.borderColor=d,c.style.outlineColor=d,r.style.setProperty("--selectedColor",d),r.style.setProperty("--borderColor",d)}else c.style.borderColor=null,c.style.outlineColor=null,r.style.setProperty("--borderColor","rgba(0,0,0, 0.7)");return i.appendChild(s),i})),ye(e,"getCurrentValue",(function(){var t;return JSON.parse((null===(t=e.registeredControl)||void 0===t?void 0:t.getValue())||null)})),ye(e,"applyStylesToMarkersShadows",(function(){e.getElement("input").querySelectorAll(".checkmark-shadow").forEach((function(t){e.setStylesVariables(t)}))})),ye(e,"applyStyleToOptionLabels",(function(){var n=e.getElement("input"),o=H(n,t.checkboxListButtonMenuStyles);n.querySelectorAll(".checkbox-label").forEach((function(t){W(t,o)}))})),ye(e,"applyStylesToMarkers",(function(){e.getElement("input").querySelectorAll(".checkmark").forEach((function(t){e.setStylesVariables(t),function(t){let e;const n=t,o=["transparent","initial"];t&&(t.style.borderColor&&!o.includes(t.style.borderColor)&&(parseFloat(t.style.borderWidth)||parseFloat(t.style.borderBottomWidth))&&(e=G(n,t,"borderColor")),!e&&t.style.getPropertyValue("--borderBottomColor")&&!o.includes(t.style.getPropertyValue("--borderBottomColor"))&&parseFloat(t.style.getPropertyValue("--borderBottomWidth"))&&(e=G(n,t,"--borderBottomColor")),e||!t.style.backgroundColor||o.includes(t.style.backgroundColor)||(e=G(n,t,"backgroundColor")),e||!t.style.color||o.includes(t.style.color)||(e=G(n,t,"color")),e||n.classList.remove("focus-outline-defined"))}(t)}))})),ye(e,"createContent",(function(){var n=e.getElement("input"),o=H(n,t.checkboxListButtonMenuStyles),r=e.getCurrentValue(),i=e.getOptions(),s=document.createElement("div");s.classList.add("buttons-list"),s.setAttribute("cl-element","listContainer"),Object.entries(i).forEach((function(t){var n,l,a=(n=t,l=1,function(t){if(Array.isArray(t))return t}(n)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var o,r,i,s,l=[],a=!0,c=!1;try{if(i=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;a=!1}else for(;!(a=(o=i.call(n)).done)&&(l.push(o.value),l.length!==e);a=!0);}catch(t){c=!0,r=t}finally{try{if(!a&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(c)throw r}}return l}}(n,l)||function(t,e){if(t){if("string"==typeof t)return ce(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ce(t,e):void 0}}(n,l)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0],c=i[a],p=!!r&&r.hasOwnProperty(a),d=e.createCheckboxListItemComponent(c,p,o);d.classList.add("checkboxListItem"),"UPDATING"!==e.services.config.getConfig("entryModuleType")&&d.addEventListener("click",(function(t){t.stopPropagation(),t.preventDefault();var n=d.querySelector(".checkmark"),o=e.getCurrentValue();if(o&&o[a])delete o[a],n.classList.remove("checkmark-checked"),n.style.borderColor=null,n.style.outlineColor=null,e.getHostElement().style.setProperty("--borderColor","rgba(0,0,0, 0.7)");else{o=de(de({},o),{},ye({},a,i[a].exportId)),n.classList.add("checkmark-checked");var r=e.markerStyleAttributes.selectedColor;n.style.borderColor="".concat(r),n.style.outlineColor="".concat(r),e.getHostElement().style.setProperty("--selectedColor","".concat(r)),e.getHostElement().style.setProperty("--borderColor","".concat(r))}var s=JSON.stringify(o);e.registeredControl.setValue("{}"===s?null:s)})),s.appendChild(d)})),F({element:n,html:""}),n.append(s)})),ye(e,"registerControl",(function(t){var n=t.querySelector(".list-tooltip");e.registeredControl=e.createControlWithValidation([],{tooltipElement:n}),e.registeredControl.setValue(null,{silent:!0,skipValidation:!0})})),ye(e,"handleSafariHeightIssue",(function(){var t=e.getHostElement();"auto"===t.style.height&&(t.style.height="fit-content")})),e.getRootElement().innerHTML="\n        <style>".concat(t.componentStyle,"</style>\n        ").concat(t.componentTemplate,"\n        "),e}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&ge(t,e)}(t,ne),e=t,n=[{key:"connectedCallback",value:function(){var e=this;!function(t,e,n){var o=me(be(t.prototype),"connectedCallback",n);return"function"==typeof o?function(t){return o.apply(n,t)}:o}(t,0,this)([]);var n=this.getRootElement();this.registerControl(n),this.observeProps((function(t,o){var r=e.getEnvironment();V(o,r,n,".label-with-checkbox-list-container"),z(o,r,e.getHostElement(),e.getElement("input"),e.getElement("label")),e.setMarkerStyleAttributes(),e.createContent(),e.applyAutoAdaptiveStyles(o.adaptiveStyles,o.styles),e.handleSafariHeightIssue(),e.applyStylesToOptionWrapper()})),this.observeShared((function(t,n){e.applyStyleToOptionLabels(e.getProps(),e.getEnvironment())})),this.observeEnvironment((function(t,o){e.setMarkerStyleAttributes(),e.applyStylesToMarkers(),e.applyStylesToMarkersShadows();var r=e.getProps();V(r,o,n,".label-with-checkbox-list-container"),z(r,o,e.getHostElement(),e.getElement("input"),e.getElement("label")),e.handleSafariHeightIssue(),e.applyStyleToOptionLabels(r,o),e.updateElementSizeStyles()}))}}],n&&he(e.prototype,n),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,n}();ye(ve,"define",{name:"sys-checkbox-list",model:oe.name,manifest:oe}),ye(ve,"componentStyle","\n    .main-container {\n        height: 100%;\n    }\n    \n    .label-with-checkbox-list-container {\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n    \n    .label {\n      min-height: 10px;\n    }\n    \n    .label.cl-focused {\n      min-height: auto;\n    }\n    \n    .buttons-list {\n      width: 100%;\n      height: auto;\n      text-align: inherit;\n    }\n    \n    .checkbox-list-with-tooltip {\n      position: relative;\n      display: flex;\n      height: 100%;\n      width: 100%;\n      cursor: pointer;\n    }\n    \n    .invalid {\n      border: 1px solid #ff0000 !important;\n    }\n    \n    .list-tooltip {\n      visibility: hidden;\n      position: absolute;\n      right: -10px;\n      top: -10px;\n      z-index: 1;\n      border-radius: 100%;\n      width: 20px;\n      height: 20px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      -webkit-touch-callout: none; /* iOS Safari */\n      -webkit-user-select: none; /* Chrome/Safari/Opera */\n      -khtml-user-select: none; /* Konqueror */\n      -moz-user-select: none; /* Firefox */\n      -ms-user-select: none; /* Internet Explorer/Edge */\n      user-select: none;\n    }\n    \n    .checkbox-list-content {\n      display: flex;\n      /*align-items: center;*/\n      /*position: absolute;*/\n      height: 100%;\n      width: 100%;\n      padding: 0;\n      /*padding: 0 35px 0 20px;*/\n      cursor: pointer;\n      border: 1px solid transparent;\n    }\n    \n    .option-wrapper {\n      border: 0;\n      align-items: center;\n      outline: 0;\n      text-align: inherit;\n      padding: var(--borderTopWidth);\n    }\n    \n    input {\n      -moz-appearance: none;\n      -webkit-appearance: none;\n      -o-appearance: none;\n      width: 24px;\n      height: auto;\n      padding: 0 10px;\n      margin: 0;\n    }\n    \n    /* The container */\n    .checkmark-container {\n      cursor: pointer;\n      display: flex;\n      position: relative;\n      padding-left: calc(var(--inputSize, 22px) + var(--inputToTextGapSize, 18px) + var(--borderTopWidth, 1));\n      height: var(--inputSize, 22px);\n      width: 100%;\n      -webkit-user-select: none;\n      -moz-user-select: none;\n      -ms-user-select: none;\n      user-select: none;\n    }\n    \n    /* Hide the browser's default checkbox */\n    .checkmark-container input {\n      position: absolute;\n      opacity: 0;\n      cursor: pointer;\n      height: 0;\n      width: 0;\n    }\n    \n    .checkmark-container .checkbox-label {\n      display: block;\n    }\n    \n    /* Create a custom checkbox */\n    .checkmark {\n      cursor: pointer;\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: var(--inputSize, 22px);\n      width: var(--inputSize, 22px);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding-bottom: 2px;\n      /*border-style: var(--borderStyle);\n      border-color: var(--borderTopColor);\n      border-width: var(--borderTopWidth);*/\n      border-top-left-radius: var(--borderTopLeftRadius);\n      border-top-right-radius: var(--borderTopRightRadius);\n      border-bottom-left-radius: var(--borderBottomLeftRadius);\n      border-bottom-right-radius: var(--borderBottomRightRadius);\n      box-shadow: 0 0 0 var(--borderTopWidth) var(--borderTopColor);\n      background: var(--background, rgb(256, 256, 256));\n      backdrop-filter: var(--backdropFilter);\n    }\n    \n    .checkmark-shadow {\n      box-shadow: var(--boxShadow);\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: var(--inputSize, 22px);\n      width: var(--inputSize, 22px);\n      padding-bottom: 2px;\n      z-index: 1;\n      border-top-left-radius: var(--borderTopLeftRadius);\n      border-top-right-radius: var(--borderTopRightRadius);\n      border-bottom-left-radius: var(--borderBottomLeftRadius);\n      border-bottom-right-radius: var(--borderBottomRightRadius);\n    }\n    \n    .checkmark:after {\n      content: \"L\";\n      position: absolute;\n      display: none;\n      transform: rotate(45deg) scaleX(-1);\n      font-family: 'Arial';\n    }\n    \n    .checkmark-checked {\n      box-shadow: 0 0 0 var(--borderTopWidth) var(--selectedColor);\n    }\n    \n    .checkmark-checked:after {\n      display: block;\n    }\n    \n    .checkmark-container .checkmark:after {\n      width: var(--inputSize, 22px);\n      height: var(--inputSize, 22px);\n      font-size: var(--inputSize, 22px);\n      line-height: var(--inputSize, 22px);\n      text-align: center;\n      color: var(--borderColor);\n      margin-left: 10%;\n      margin-bottom: 10%;\n    }\n    \n    .checkbox-label {\n      margin: 0;\n      height: auto;\n      min-height: 10px;\n      width: auto;\n      align-self: center;\n      text-shadow: var(--textShadow);\n    }\n    \n    input:focus ~ .checkmark.focus-outline-defined {\n      /*outline: var(--clFocusOutline);*/\n      z-index: 3;\n      outline-width: calc(var(--borderTopWidth) + 3px);\n      outline-color: var(--borderTopColor);\n      outline-style: solid;\n      opacity: 0.7;\n    }\n    \n    input:focus ~ .checkmark.checkmark-checked.focus-outline-defined {\n      outline-color: var(--selectedColor);\n    }\n"),ye(ve,"componentTemplate",'\n <div class="main-container">\n  <div class="label-with-checkbox-list-container">\n    <div cl-element="label"\n         cl-inline-edit="content, label"\n         class="label">\n    </div>\n    <div class="checkbox-list-with-tooltip">\n      <div cl-element="input" class="checkbox-list-content">\n      </div>\n      <div class="list-tooltip">\n        <svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">\n          <path d="M1.5 13.0604C1.5 19.4116 6.6481 24.5605 13.0075 24.5605C19.353 24.5605 24.5 19.4107 24.5 13.0604C24.5 6.70865 19.3531 1.55909 13.0075 1.55908C6.64806 1.55908 1.5 6.7077 1.5 13.0604ZM12.9775 17.9668C12.7032 17.9668 12.4807 17.7443 12.4807 17.47C12.4807 17.1956 12.7032 16.9732 12.9775 16.9732C13.2519 16.9732 13.4743 17.1956 13.4743 17.47C13.4743 17.7443 13.2519 17.9668 12.9775 17.9668ZM12.9775 13.4764C12.7032 13.4764 12.4807 13.254 12.4807 12.9796L12.4807 8.48924C12.4807 8.21487 12.7032 7.99245 12.9775 7.99245C13.2519 7.99245 13.4743 8.21487 13.4743 8.48924L13.4743 12.9796C13.4743 13.254 13.2519 13.4764 12.9775 13.4764Z" fill="#FF0000" stroke="white" stroke-width="2"></path>\n        </svg>\n      </div>\n    </div>\n  </div>\n</div>\n'),ye(ve,"checkboxListButtonMenuStyles",["color","font-family","font-size","letter-spacing","text-shadow","font-weight","text-align"]),ye(ve,"defaultMarkerStyleAttributes",ie);export{ve as default};window.clComponentClass_SysCheckboxListComponent=ve;

package/SysCheckboxListComponent/assets/img/checkbox-component-icon.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.7809 4.52396C18.32 4.95522 18.4074 5.74184 17.9761 6.28091L10.9761 13.7809C10.7663 14.0432 10.4598 14.21 10.1256 14.2437C9.79149 14.2775 9.45781 14.1753 9.1998 13.9603L6.1998 11.4603C5.66945 11.0184 5.5978 10.2302 6.03975 9.69982C6.48171 9.16947 7.26992 9.09781 7.80026 9.53977L9.82059 11.2234L16.0239 4.71918C16.4552 4.1801 17.2418 4.0927 17.7809 4.52396Z" fill="#5F5F5F"/>
+<path d="M13.9462 4H6C4.34315 4 3 5.34315 3 7V15C3 16.6569 4.34315 18 6 18H14C15.6569 18 17 16.6569 17 15V10.2581L15 12.4009V15C15 15.5523 14.5523 16 14 16H11.2504C10.9583 16.1217 10.6474 16.2013 10.3267 16.2337C9.78474 16.2884 9.2433 16.2057 8.74978 16H6C5.44772 16 5 15.5523 5 15V13.0639L4.91948 12.9968C3.54058 11.8478 3.35428 9.79842 4.50336 8.41952C4.65452 8.23813 4.82126 8.07738 5 7.93759V7C5 6.44772 5.44772 6 6 6H12.0387L13.9462 4Z" fill="#5F5F5F"/>
+</svg>

package/SysColumnComponent/SysColumnComponent.js

@@ -0,0 +1 @@
+const t={name:"SysContainerComponent",componentType:"CONTAINER",version:"1.0.0",contextMenuModel:[{type:"CONTROL",name:"COMPONENT_OPERATIONS"},{type:"CONTROL",name:"FOCUS_PARENT_COMPONENT",params:{hideForEntryType:"VIEW"}}],floatingControlsModel:[{type:"GROUP",propPath:["adaptiveStyles","desktop"],children:[{type:"CONTROL",name:"SIZE",elementProp:"styleAttributes",element:"host"},{type:"CONTROL",name:"MARGIN",elementProp:"styleAttributes",element:"host"},{type:"CONTROL",name:"CONTAINER_PADDING",elementProp:"styleAttributes",element:"host"},{type:"CONTROL",name:"PARENT_ALIGNMENT",elementProp:"styleAttributes",element:"host"}]},{type:"GROUP",propPath:["adaptiveStyles","mobile"],children:[{type:"CONTROL",name:"SIZE",elementProp:"styleAttributes",element:"host"},{type:"CONTROL",name:"MARGIN",elementProp:"styleAttributes",element:"host"},{type:"CONTROL",name:"CONTAINER_PADDING",elementProp:"styleAttributes",element:"host"},{type:"CONTROL",name:"PARENT_ALIGNMENT",elementProp:"styleAttributes",element:"host"}]}],propertyPaneModel:{content:[{type:"GROUP",propPath:["adaptiveStyles","desktop"],children:[{type:"CONTROL",name:"ALIGNMENT",elementProp:"styleAttributes",element:"host",syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'"},{type:"CONTROL",name:"SIZE",element:"host",elementProp:"styleAttributes",params:{width:{options:["fixed","fill","hug"]},height:{options:["fixed","fill","hug"]}},displayCondition:"return sdk.component.type === 'VIEW' ? sdk.layoutType !== 'CONTENT_LOCKER' : true",syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'"},{type:"CONTROL",name:"BACKGROUND",elementProp:"styleAttributes",element:"host",syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'",syncSelectOptions:["SAME_TYPE_CROSS_ENV_WHILE_VALUES_MATCH",null]},{type:"CONTROL",name:"BACKDROP_FILTER",propPath:["styles","[element=host]","styleAttributes"],hideSyncSelect:!0,displayCondition:"return sdk.component.type === 'VIEW' ? (sdk.appConfig.allowBackdropFilterOnView ?? true) : true",syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'"},{type:"CONTROL",name:"BORDERS",propPath:["styles","[element=host]","styleAttributes"],displayCondition:"return sdk.component.type === 'VIEW' ? sdk.layoutType !== 'CONTENT_LOCKER' : true",syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'"},{type:"CONTROL",name:"BOX_SHADOW",propPath:["styles","[element=host]","styleAttributes"],displayCondition:"return sdk.component.type === 'VIEW' ? sdk.layoutType !== 'CONTENT_LOCKER' : true",syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'"},{type:"CONTROL",name:"BORDER_RADIUS",propPath:["styles","[element=host]","styleAttributes"],displayCondition:"return sdk.component.type === 'VIEW' ? sdk.layoutType !== 'CONTENT_LOCKER' : true",syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'"},{type:"CONTROL",name:"INDENTATION",elementProp:"styleAttributes",element:"host",params:{indentationType:"PADDING"},syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'"},{type:"CONTROL",name:"INDENTATION",elementProp:"styleAttributes",element:"host",params:{indentationType:"MARGIN"},displayCondition:"return sdk.component.type === 'VIEW' ? sdk.layoutType === 'BUILT_IN' : true",syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'"},{type:"CONTROL",name:"SWITCH",propPath:["styles","[element=host]","styleAttributes","overflow"],params:{label:"DOCUMENT_OVERFLOW_TITLE",boldLabel:!0,description:"DOCUMENT_OVERFLOW_ENABLED_DESCRIPTION",getValueMapper:{undefined:!1,"":!1,visible:!1,hidden:!0},setValueMapper:{true:"hidden",false:"visible"}},syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'"}]},{type:"GROUP",propPath:["adaptiveStyles","mobile"],children:[{type:"CONTROL",name:"ALIGNMENT",elementProp:"styleAttributes",element:"host",syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'"},{type:"CONTROL",name:"SIZE",element:"host",elementProp:"styleAttributes",params:{width:{options:["fixed","fill","hug"]},height:{options:["fixed","fill","hug"]}},displayCondition:"return sdk.component.type === 'VIEW' ? sdk.layoutType !== 'CONTENT_LOCKER' : true",syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'"},{type:"CONTROL",name:"BACKGROUND",elementProp:"styleAttributes",element:"host",syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'",syncSelectOptions:["SAME_TYPE_CROSS_ENV_WHILE_VALUES_MATCH",null]},{type:"CONTROL",name:"BACKDROP_FILTER",propPath:["styles","[element=host]","styleAttributes"],hideSyncSelect:!0,displayCondition:"return sdk.component.type === 'VIEW' ? (sdk.appConfig.allowBackdropFilterOnView ?? true) : true",syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'"},{type:"CONTROL",name:"BORDERS",propPath:["styles","[element=host]","styleAttributes"],displayCondition:"return sdk.component.type === 'VIEW' ? sdk.layoutType !== 'CONTENT_LOCKER' : true",syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'"},{type:"CONTROL",name:"BOX_SHADOW",propPath:["styles","[element=host]","styleAttributes"],displayCondition:"return sdk.component.type === 'VIEW' ? sdk.layoutType !== 'CONTENT_LOCKER' : true",syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'"},{type:"CONTROL",name:"BORDER_RADIUS",propPath:["styles","[element=host]","styleAttributes"],displayCondition:"return sdk.component.type === 'VIEW' ? sdk.layoutType !== 'CONTENT_LOCKER' : true",syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'"},{type:"CONTROL",name:"INDENTATION",elementProp:"styleAttributes",element:"host",params:{indentationType:"PADDING"},syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'"},{type:"CONTROL",name:"INDENTATION",elementProp:"styleAttributes",element:"host",params:{indentationType:"MARGIN"},displayCondition:"return sdk.component.type === 'VIEW' ? sdk.layoutType === 'BUILT_IN' : true",syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'"},{type:"CONTROL",name:"SWITCH",propPath:["styles","[element=host]","styleAttributes","overflow"],params:{label:"DOCUMENT_OVERFLOW_TITLE",boldLabel:!0,description:"DOCUMENT_OVERFLOW_ENABLED_DESCRIPTION",getValueMapper:{undefined:!1,"":!1,visible:!1,hidden:!0},setValueMapper:{true:"hidden",false:"visible"}},syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'"}]}],general:[{type:"CONTROL",name:"ACTIONS",propPath:["handlers"],params:{origin:!0},displayCondition:"return sdk.widgetType !== 'TEASER'"}]},events:{dispatch:[],listen:[]},i18nPropertyPaneModel:{content:[{type:"CONTROL",name:"ACTIONS",propPath:["handlers"],params:{origin:!1},displayCondition:"return sdk.widgetType !== 'TEASER'"}]},i18nPropPaths:["handlers,[id],actions,[id],params,link","handlers,[id],actions,[id],params,customData"],props:{styles:[{element:"host",styleAttributes:{overflow:"visible",borderTopStyle:"solid",borderRightStyle:"solid",borderBottomStyle:"solid",borderLeftStyle:"solid",borderTopWidth:"0px",borderTopColor:"rgb(0, 0, 0)",borderBottomWidth:"0px",borderBottomColor:"rgb(0, 0, 0)",borderLeftWidth:"0px",borderLeftColor:"rgb(0, 0, 0)",borderRightWidth:"0px",borderRightColor:"rgb(0, 0, 0)",borderTopLeftRadius:"0px",borderTopRightRadius:"0px",borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px",boxShadow:"none"},classes:""}],adaptiveStyles:{desktop:[{element:"host",styleAttributes:{position:"relative",width:"100%",minWidth:"min-content",height:"auto",minHeight:null,flexDirection:"column",justifyContent:"center",alignItems:"center",gap:"10px",paddingTop:"10px",paddingBottom:"10px",paddingLeft:"10px",paddingRight:"10px",_paddingEnabled:!0,marginTop:"0px",marginBottom:"0px",marginLeft:"0px",marginRight:"0px",_marginEnabled:!1,background:"rgba(0, 0, 0, 0.06)"},classes:""}],mobile:[{element:"host",styleAttributes:{position:"relative",width:"100%",minWidth:"min-content",height:"auto",minHeight:null,flexDirection:"column",justifyContent:"center",alignItems:"center",gap:"10px",paddingTop:"10px",paddingBottom:"10px",paddingLeft:"10px",paddingRight:"10px",_paddingEnabled:!0,marginTop:"0px",marginBottom:"0px",marginLeft:"0px",marginRight:"0px",_marginEnabled:!1,background:"rgba(0, 0, 0, 0.06)"},classes:""}]}},metaDescription:{icon:"/SysContainerComponent/assets/img/container-component-icon.svg",label:{en:"Container",ru:"Контейнер",uk:"Контейнер",es:"Envase",fr:"Récipient",de:"Container",it:"Contenitore",pt:"Embalagem",ro:"Container",bg:"Контейнер",cs:"Kontejner",el:"Περιέκτης",nl:"Container",pl:"Kontener",sv:"Behållare",tr:"Konteyner",ar:"الحاوية",zh:"容器",da:"Beholder",he:"קונטיינר",fi:"Säiliö",hi:"कंटेनर",hr:"Kontejner",hu:"Tárhely",id:"Kontainer",ja:"コンテナ",ko:"컨테이너",no:"Container",sk:"Krabica",sl:"Rezervoar",sr:"Kontejner"}},waitForResourcesLoad:!0,resourcesPropPaths:[["adaptiveStyles",":ENV","styleAttributes","background"]]},e={DESKTOP:"desktop",MOBILE:"mobile"},n="cl-";function o(t){return n+t}function i(t){return"cl-"+t}function s(t,e,n){var o;return null===(o=t[e])||void 0===o?void 0:o.find((t=>t.element===n))}function r(t=[]){return t.map((t=>Object.assign(Object.assign({},t),{styleAttributes:Object.assign({},t.styleAttributes)})))}function l(t){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},l(t)}function a(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,o)}return n}function c(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?a(Object(n),!0).forEach((function(e){p(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function p(t,e,n){return(e=function(t){var e=function(t){if("object"!=l(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,"string");if("object"!=l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==l(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}const u=c(c({},t),{},{name:"SysColumnComponent",componentType:"COLUMN",preventDraggable:!1,focusParentOnClick:!1,recursiveRemove:!0,canStack:!1,version:"1.0.0",props:c(c({},t.props),{},{styles:[{element:"host",styleAttributes:{position:"relative",width:"auto",minWidth:"min-content",height:"100%",borderStyle:"solid",borderTopWidth:"0px",borderTopColor:"rgb(0, 0, 0)",borderBottomWidth:"0px",borderBottomColor:"rgb(0, 0, 0)",borderLeftWidth:"0px",borderLeftColor:"rgb(0, 0, 0)",borderRightWidth:"0px",borderRightColor:"rgb(0, 0, 0)",borderTopLeftRadius:"0px",borderTopRightRadius:"0px",borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px",boxShadow:"none",flexBasis:"0"},classes:""}],adaptiveStyles:(d=[{element:"host",styleAttributes:{display:"inline-flex",flexDirection:"column",justifyContent:"center",alignItems:"center",gap:"10px",paddingTop:"10px",paddingBottom:"10px",paddingLeft:"10px",paddingRight:"10px",_paddingEnabled:!0,marginTop:"0px",marginBottom:"0px",marginLeft:"0px",marginRight:"0px",_marginEnabled:!1},classes:""}],Object.values(e).reduce(((t,e)=>Object.assign(t,{[e]:r(d)})),{[e.DESKTOP]:[],[e.MOBILE]:[]})),content:{size:1}}),propertyPaneModel:{content:[{type:"GROUP",propPath:["adaptiveStyles","desktop"],children:[{type:"CONTROL",name:"ALIGNMENT",elementProp:"styleAttributes",element:"host",params:{mode:"horizontal"},hideSyncSelect:!0},{type:"CONTROL",name:"BACKGROUND",elementProp:"styleAttributes",element:"host",hideSyncSelect:!0},{type:"CONTROL",name:"BACKDROP_FILTER",propPath:["styles","[element=host]","styleAttributes"],hideSyncSelect:!0},{type:"CONTROL",name:"BORDERS",propPath:["styles","[element=host]","styleAttributes"],displayCondition:"return sdk.component.type === 'VIEW' ? sdk.layoutType !== 'CONTENT_LOCKER' : true",hideSyncSelect:!0},{type:"CONTROL",name:"BORDER_RADIUS",propPath:["styles","[element=host]","styleAttributes"],displayCondition:"return sdk.component.type === 'VIEW' ? sdk.layoutType !== 'CONTENT_LOCKER' : true",hideSyncSelect:!0},{type:"CONTROL",name:"INDENTATION",elementProp:"styleAttributes",element:"host",params:{indentationType:"PADDING"},hideSyncSelect:!0}]},{type:"GROUP",propPath:["adaptiveStyles","mobile"],children:[{type:"CONTROL",name:"ALIGNMENT",elementProp:"styleAttributes",element:"host",params:{mode:"horizontal"},hideSyncSelect:!0},{type:"CONTROL",name:"DISPLAY",elementProp:"styleAttributes",elementSubProp:"display",element:"host",params:{label:"DOCUMENT_DISPLAY_ON_MOBILE",displayPropertyValue:"inline-flex"},displayCondition:"return (sdk.appConfig.columnsOptions?.allowHideColumnOnMobile ?? true) === true"},{type:"CONTROL",name:"BACKGROUND",elementProp:"styleAttributes",element:"host",hideSyncSelect:!0},{type:"CONTROL",name:"BACKDROP_FILTER",propPath:["styles","[element=host]","styleAttributes"],hideSyncSelect:!0},{type:"CONTROL",name:"BORDERS",propPath:["styles","[element=host]","styleAttributes"],displayCondition:"return sdk.component.type === 'VIEW' ? sdk.layoutType !== 'CONTENT_LOCKER' : true",hideSyncSelect:!0},{type:"CONTROL",name:"BORDER_RADIUS",propPath:["styles","[element=host]","styleAttributes"],displayCondition:"return sdk.component.type === 'VIEW' ? sdk.layoutType !== 'CONTENT_LOCKER' : true",hideSyncSelect:!0},{type:"CONTROL",name:"INDENTATION",elementProp:"styleAttributes",element:"host",params:{indentationType:"PADDING"},hideSyncSelect:!0}]}],general:[{type:"CONTROL",name:"ACTIONS",propPath:["handlers"],params:{origin:!0}}]},floatingControlsModel:[{type:"GROUP",propPath:["adaptiveStyles","desktop"],children:[{type:"CONTROL",name:"COLUMNS_PROPORTIONS",propPath:["content","size"]},{type:"CONTROL",name:"PARENT_ALIGNMENT",elementProp:"styleAttributes",element:"host",params:{mode:"horizontal"}},{type:"CONTROL",name:"CONTAINER_PADDING",elementProp:"styleAttributes",element:"host"}]},{type:"GROUP",propPath:["adaptiveStyles","mobile"],children:[{type:"CONTROL",name:"COLUMNS_PROPORTIONS",propPath:["content","size"]},{type:"CONTROL",name:"PARENT_ALIGNMENT",elementProp:"styleAttributes",element:"host",params:{mode:"horizontal"}},{type:"CONTROL",name:"CONTAINER_PADDING",elementProp:"styleAttributes",element:"host"}]}],contextMenuModel:[{type:"CONTROL",name:"COMPONENT_OPERATIONS"},{type:"CONTROL",name:"FOCUS_PARENT_COMPONENT",params:{hideForEntryType:"VIEW"}}],metaDescription:{label:{en:"Column",ru:"Колонка",uk:"Колонка",es:"Columna",fr:"Colonne",de:"Spalte",it:"Colonna",pt:"Coluna",ro:"Coloană",bg:"Колона",cs:"Column",el:"Column",nl:"Column",pl:"Column",sv:"Column",tr:"Column",ar:"Column",zh:"Column",da:"Column",he:"Column",fi:"Column",hi:"Column",hr:"Column",hu:"Column",id:"Column",ja:"Column",ko:"Column",no:"Column",sk:"Column",sl:"Column",sr:"Column"}}});var d;const h="VIEW",m="MODULE",y="CONTAINER",g="INPUT",b="BUTTON",f="CONSENT",O="COLUMN",v="SUBSCRIBE_CONTACT",E="REQUEST",C="SHOW_WIDGET",T="OPEN_LINK",S="CLOSE_WIDGET";class R{static sortActions(t){const e={[S]:-1,[T]:-2,[C]:1,[v]:2,[E]:3},n=t=>void 0!==e[t.type]?e[t.type]:0;return[...t].sort(((t,e)=>n(t)>n(e)?-1:n(t)<n(e)?1:0))}constructor(t,e){this.config=t,this.actions=R.sortActions(e),this.listener=null,this.targetElements=[],this.eventsQueue=[],this.state=null,this.postponed=!1}activate(t,e,n){this.state=t;const o=n(),s=o.getAttribute(i("id"));this.listener=t=>{const e=t.composedPath().filter((t=>t instanceof HTMLElement&&t.getAttribute(i("type"))));let n=0;for(;e[n]&&e[n].getAttribute(i("id"))!==s;){let t=e[n].getAttribute(i("type"));if(R.IGNORING_VIEW_ENTRY_TYPES.includes(t))return;n++}this.eventsQueue.push({event:t}),this.postponed||this.execute()},this.targetElements=this.config.relativeSelector?Array.from((o.shadowRoot||o).querySelectorAll(this.config.relativeSelector)):[o],this.targetElements.forEach((t=>{t.addEventListener("click",this.listener)}))}async execute(){var t,e,n,o;try{for(var i,s=!0,r=function(t){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var e,n=t[Symbol.asyncIterator];return n?n.call(t):(t="function"==typeof __values?__values(t):t[Symbol.iterator](),e={},o("next"),o("throw"),o("return"),e[Symbol.asyncIterator]=function(){return this},e);function o(n){e[n]=t[n]&&function(e){return new Promise((function(o,i){!function(t,e,n,o){Promise.resolve(o).then((function(e){t({value:e,done:n})}),e)}(o,i,(e=t[n](e)).done,e.value)}))}}}(this.eventsQueue);!(t=(i=await r.next()).done);){o=i.value,s=!1;try{const{event:t}=o;for(const e of this.actions)if(!await e.execute(this.state.getState(),t))break}finally{s=!0}}}catch(t){e={error:t}}finally{try{s||t||!(n=r.return)||await n.call(r)}finally{if(e)throw e.error}}this.eventsQueue=[]}postpone(){this.postponed=!0}release(){this.postponed=!1,this.execute()}destroy(){this.listener&&this.targetElements.length&&(this.targetElements.forEach((t=>{t.removeEventListener("click",this.listener)})),this.targetElements=[])}}R.IGNORING_VIEW_ENTRY_TYPES=[b,f,g];const A="CLICK",N="COMPONENT_EVENT";class P{constructor(t,e){this.config=t,this.actions=e,this.componentEmitterListener=null}activate(t,e,n){this.componentEmitterListener=e.on(this.config.eventName,(()=>{this.actions.forEach((e=>e.execute(t.getState(),this.config.params)))}))}destroy(){this.componentEmitterListener&&this.componentEmitterListener.off()}}class L{constructor(t,e){this.actionFactory=t,this.actionRegister=e}get(t){const e=t.actions.map((t=>this.actionFactory.get(t)));switch(e.forEach((t=>this.actionRegister.register(t))),t.type){case A:return new R(t,e);case N:return new P(t,e);default:throw new Error(`Not supported handler type ${t.type}`)}}}class _{static generate(){let t,e="";for(let n=0;n<32;n++)8!==n&&12!==n&&16!==n&&20!==n||(e+="-"),t=Math.floor(16*Math.random()).toString(16).toUpperCase(),e+=t;return e}}class w{constructor(){this.listeners=w.createDefaultListenersState()}emit(t,e,n=null){const o=this.listeners[t];o&&Object.values(o).forEach((o=>o(e,t,n))),Object.values(this.listeners["*"]).forEach((o=>o(e,t,n)))}on(t,e){const n=_.generate(),o=this.listeners[t];return o?o[n]=e:this.listeners[t]={[n]:e},{off:()=>{var e,o;(null===(o=null===(e=this.listeners)||void 0===e?void 0:e[t])||void 0===o?void 0:o[n])&&delete this.listeners[t][n]}}}destroy(){this.listeners=w.createDefaultListenersState()}}w.createDefaultListenersState=()=>({"*":{}});const k=(t,e,n,o)=>{const{addEventListenerBase:i,addEventListener:s}=EventTarget.prototype;(i||s).call(t,e,n,o)};class x{constructor(t){this.state=t||{}}getState(){return this.state}setState(t){this.state=Object.assign(Object.assign({},this.state),t)}destroy(){}}class I{static extract(t){const e=t.views.map((t=>{const e=t.children.map((t=>t.type===m?Object.assign(Object.assign({},t),I.moduleToContainerParams):t));return Object.assign(Object.assign({},t),{children:e})}));return Object.assign(Object.assign({},t),{views:e})}static sort(t,e){return t.index>e.index?1:-1}static reIndex(t,e){return Object.assign(Object.assign({},t),{index:e+t.index})}}I.moduleToContainerParams={name:"SysContainerComponent",version:"1.0.0"};class M extends w{constructor(t,e){super(),this.config=e,this.handleMobileBreakpoint(t.getShared().mobileBreakpointWidth),t.on("ENVIRONMENT_UPDATE",(({isMobileEnv:t})=>{this._isMobile=t,this.emit(M.changeEventName,this._isMobile)}))}handleMobileBreakpoint(t){this.mobileBreakpointWidth=t;const e=Number.isInteger(this.mobileBreakpointWidth)?`${this.mobileBreakpointWidth}px`:this.mobileBreakpointWidth;this.mediaQueryList=window.matchMedia(`(max-width: ${e})`),this.mediaQueryList.addListener(this.listener.bind(this)),this._isMobile=this.mediaQueryList.matches,this.emit(M.changeEventName,this._isMobile)}isMobile(){return this.config.forceMobileEnv||this._isMobile}listener(t){this._isMobile=t.matches,this.emit(M.changeEventName,this._isMobile)}destroy(){super.destroy(),this.mediaQueryList.removeListener(this.listener.bind(this))}}M.changeEventName="CHANGE";class j{static set(t,e){const n=t[j.accumulatorPropertyName]||{};t[j.accumulatorPropertyName]=Object.assign(Object.assign({},n),e.styleAttributes),Object.keys(t[j.accumulatorPropertyName]).forEach((n=>{n.includes("--")?t.style.setProperty(n,e.styleAttributes[n]||""):t.style[n]=e.styleAttributes[n]?e.styleAttributes[n]:""}))}}j.accumulatorPropertyName="clStyleAttributes";const D="CONTENT_LOCKER";class B{static applyHostStyles(t,e,n=null,o){var i,s,r;const l=null===(s=null===(i=null==n?void 0:n.props)||void 0===i?void 0:i.handlers)||void 0===s?void 0:s.find((t=>"CLICK"===t.type));l&&(null===(r=l.actions)||void 0===r?void 0:r.length)&&(e.style.cursor="pointer"),t!==h&&t!==y&&t!==O||(e.style.display=o===D&&t===h?"flex":"inline-flex",e.style.position="relative"),e.style.boxSizing="border-box"}constructor(){this.styles="/* common styles */ *, *:before, *:after { box-sizing: border-box; font-family: inherit; }"}setStyles(t=""){this.styles=`${this.styles} ${t}`}getStyles(){return this.styles}}class W{static log(t){window.scriptLog09u8y9?scriptLog09u8y9("ERROR","RUNTIME_ERROR",new Error(t)):console.error(t)}}class U{constructor(t,e,n,o,i,s){this.hostElement=e,this.documentModel=t,this.getSharedCb=n,this.getPropsCb=o,this.getEnvCb=i,this.httpClient=s,this.subscription=null,this.envUrlMaps={desktop:new Map,mobile:new Map}}parseBackground(t){const e=String(t||"");if(e.includes("url")){const[t,n]=e.split("(")[1].split(")");return{url:t.replace(/['"]+/g,""),positionOptions:n.replace(";","")}}return{url:null,positionOptions:null}}apply(t){const e=this.getPropsCb();return e.backgroundDynamicInlineSVGElements[t].forEach((n=>{var o,i,s,r,l;const a=null===(i=null===(o=e.adaptiveStyles)||void 0===o?void 0:o[t])||void 0===i?void 0:i.find((t=>t.element===n)),c=(null===(s=e.styles)||void 0===s?void 0:s.find((t=>t.element===n)))||{},p=(null===(r=null==c?void 0:c.styleAttributes)||void 0===r?void 0:r.background)||(null===(l=null==a?void 0:a.styleAttributes)||void 0===l?void 0:l.background),u=this.parseBackground(p);u.url&&this.envUrlMaps[t].set(n,{originalSVGResourceURL:u.url,inlineSvgString:null,positionOptions:u.positionOptions})})),Promise.all([...this.envUrlMaps[t].entries()].map((([e,n])=>this.httpClient.execute(n.originalSVGResourceURL).then((t=>t.text())).then((o=>{this.envUrlMaps[t].set(e,Object.assign(Object.assign({},n),{inlineSvgString:o}))}))))).then((()=>{this._applyHostElementBackground(this.envUrlMaps[t].get("host"),this.getSharedCb().cssVars)})).catch((t=>{console.error(t),W.log(`Failed to load/apply backgroundDynamicInlineSVGElements[${this.getPropsCb().backgroundDynamicInlineSVGElements}] ${t}`)}))}on(){return this.subscription=this.documentModel.on("COLOR_SCHEMA_UPDATE",(t=>{this._applyHostElementBackground(this.envUrlMaps[this.getEnvCb()].get("host"),t)})),this}_applyHostElementBackground(t,e){t&&(this.hostElement.style.background=this._buildBackgroundUrl(t,e))}_buildBackgroundUrl(t,e){const n=t.inlineSvgString.trim().replace("var(--cl-schema-accent)",e["cl-schema-accent"]);return`url('data:image/svg+xml,${encodeURIComponent(n)}')${t.positionOptions}`}off(){var t;null===(t=this.subscription)||void 0===t||t.off()}}const F=new class{execute(t,e,n=null,o,i){const s={method:e,headers:Object.assign({"Content-Type":"text/plain"},o||{}),credentials:"same-origin",body:null,signal:i};return n&&(s.body="string"==typeof n?n:JSON.stringify(n)),fetch(t,s)}};function V(t,e){return Object.keys(t).filter((t=>!e.includes(t))).reduce(((e,n)=>Object.assign(Object.assign({},e),{[n]:t[n]})),{})}class G{static camelCaseToDashCase(t){return t.replace(/[A-Z]/g,(t=>"-"+t.toLowerCase()))}static camelCaseToUpperSnakeCase(t){return t.replace(/[A-Z]/g,(t=>"_"+t)).toUpperCase()}}class H{constructor(t){this._count=0,this.onUpdateCb=t}increment(){this._count++,this.onUpdateCb(this.count())}decrement(){this._count>0&&this._count--,this.onUpdateCb(this.count())}count(){return this._count}}const $="COMPONENT_RESOURCES_LOADED",K="FAILED_TO_LOAD_COMPONENT_RESOURCE";class z{constructor(t,e,n){this.getPending=()=>this.counters.pending,this.onCounterStateUpdate=t=>{0===t&&this.systemEventEmitter.emit($,this.componentId)},this.onResourceLoadFailure=t=>{this.isStaticEntryModule?this.systemEventEmitter.emit(K,`Failed to load: ${t}`):this.counters.pending.decrement()},this.componentId=t,this.systemEventEmitter=e,this.isStaticEntryModule=n,this.counters={pending:new H(this.onCounterStateUpdate)}}}const Q=(...t)=>{let e=t.reduce(((t,e)=>Object.assign(Object.assign({},t),{[e]:[]})),{});return{get:t=>e[t],clear:()=>Q(...t)}},Y=Q,q="props",Z="shared",J="environment";function X(t,e,n,o){const i=t=>{let s=t instanceof DocumentFragment||(null==t?void 0:t.nodeType)===Node.DOCUMENT_FRAGMENT_NODE?t.host:t;return s&&(o&&"function"==typeof o?o(s.getAttribute(e)):(null===(r=null==s?void 0:s.getAttribute)||void 0===r?void 0:r.call(s,e))===n)?s:s&&s.parentNode&&i(s.parentNode)||null;var r};return i(t)}const tt="SUBMIT";function et(t,e){return e?(t.classes=`${t.classes||""} ${e.classes||""}`.trim(),Object.keys(e).forEach((n=>{"element"!==n&&"classes"!==n&&(e[n]&&"object"==typeof e[n]&&!Array.isArray(e[n])?t[n]=Object.assign(Object.assign({},t[n]||{}),e[n]):t[n]=e[n])})),t):t}function nt(t){const{element:e,html:n,appendHtml:o}=t,i=function(t){if(null==t)return"";if("string"!=typeof t)return String(t);if(""===t)return"";if(!/<\/?([a-zA-Z][a-zA-Z0-9]*)\b[^>]*>/.test(t))return t;const e=(new DOMParser).parseFromString(t,"text/html");return e.querySelectorAll('script, style, link[rel="stylesheet"], meta[http-equiv]').forEach((t=>t.remove())),e.querySelectorAll("*").forEach((t=>{if(["onclick","onload","onerror","onmouseover","onfocus","onblur","onkeyup","onkeydown","onchange","onsubmit","onmouseenter","onmouseleave","onmouseout","oncontextmenu","ondrag","ondrop"].forEach((e=>t.removeAttribute(e))),Array.from(t.attributes).forEach((e=>{e.name.startsWith("on")&&t.removeAttribute(e.name)})),"A"===t.tagName||"AREA"===t.tagName){const e=t.getAttribute("href");e&&(e.startsWith("javascript:")||e.startsWith("data:"))&&t.removeAttribute("href")}if("IMG"===t.tagName||"IFRAME"===t.tagName){const e=t.getAttribute("src");e&&(e.startsWith("javascript:")||e.startsWith("data:text/html"))&&t.removeAttribute("src")}if("FORM"===t.tagName){const e=t.getAttribute("action");e&&e.startsWith("javascript:")&&t.removeAttribute("action")}})),e.body.innerHTML}(n);o?e.innerHTML+=i:e.innerHTML=i}class ot extends Event{constructor(t,e,n){super(t,n),this.detail={},Object.defineProperty(this,"detail",{value:e})}}class it extends HTMLElement{constructor(){var t,e;super(),this.construct=()=>{let t;const e=this.getAttribute(i("id")),n=this.getWidgetContainerNode();if(!n)throw new Error("Widget container not found in construct");const o=n.closest(`[${i("widget-id")}]`);let s;o&&(s=o.getAttribute(i("widget-id")));let r=new ot("cl-props-request",{nodeName:this.nodeName,path:this.getAttribute(i("path")),id:e,widgetId:s},{bubbles:!0,composed:!0});this.dispatchEvent(r),t=r.detail.props,Object.assign(this,t),this.observers=Y(q,Z,J),this.subscriptions=new class{constructor(){this.subscriptions=[]}push(t){this.subscriptions.push(t)}off(){this.subscriptions.forEach((t=>null==t?void 0:t.off()))}},this.state=new x,this.componentEventEmitter=new w,this.componentResourceManager=new z(this.model.id,this.services.eventEmitter,"STATIC"===this.services.config.getConfig("entryModuleType")),this.mergeTagsProcessor=this.services.mergeTagsProcessorFactory.create(),this._actionFactory=this.services.actionFactory,this._handlerFactory=new L(this._actionFactory,this.services.actionRegister),this.prevProps=this.model.props,this.prevEnvironment=this.getEnvironment(),this.documentModel.on(`COMPONENT_PROPS_UPDATE_${this.model.id}`,(t=>{this.model.props=t,this.observers.get(q).forEach((e=>e(this.prevProps,t))),this.prevProps=t;const e=this.getHostElement(),n=i("floating");t.floating&&!e.getAttribute(n)?e.setAttribute(n,"true"):!t.floating&&e.getAttribute(n)&&e.removeAttribute(n)})),this.documentModel.on(`COMPONENT_UPDATE_${this.model.id}`,(t=>{Object.assign(this.model,t)})),this.documentModel.on("SHARED_UPDATE_ALL",(()=>{this.applyAutoAdaptiveStyles(this.prevProps.adaptiveStyles,this.prevProps.styles),this.observers.get(Z).forEach((t=>t(this.getShared())))})),this.model.props.backgroundDynamicInlineSVGElements&&(this.colorSchemaListener=new U(this.documentModel,this.getHostElement(),(()=>this.getShared()),(()=>this.model.props),(()=>this.getEnvironment()),F),this.colorSchemaListener.apply(this.getEnvironment()).then((()=>{this.subscriptions.push(this.colorSchemaListener.on())}))),this.prevProps.adaptiveStyles&&this.subscriptions.push(this.resizeListener.on(M.changeEventName,(()=>{this.applyAutoAdaptiveStyles(this.prevProps.adaptiveStyles,this.prevProps.styles);const t=this.getEnvironment();this.observers.get(J).forEach((e=>e(this.prevEnvironment,t))),this.prevEnvironment=t})))},this.attachHandlers=()=>{this.getHandlers().map((t=>this._handlerFactory.get(t))).map((t=>()=>t.activate(this.state,this.componentEventEmitter,this.getHostElement.bind(this)))).forEach((t=>t()))},this.postponeHandlers=()=>{var t;null===(t=this.handlers)||void 0===t||t.forEach((t=>t.postpone()))},this.releaseHandlers=()=>{var t;null===(t=this.handlers)||void 0===t||t.forEach((t=>t.release()))},this.getProps=()=>{var t;return null===(t=this.getModel())||void 0===t?void 0:t.props},this.getShared=()=>this.documentModel.getShared(),this.getEnvironment=()=>this.resizeListener.isMobile()?"mobile":"desktop",this.getRootElement=()=>this.shadowRoot?this.shadowRoot:this,this.getHostElement=()=>this,this.observeProps=t=>{this.observers.get(q).push(t),t(null,this.prevProps)},this.observeShared=t=>{this.observers.get(Z).push(t),t(this.getShared())},this.observeEnvironment=t=>{this.observers.get(J).push(t),t(null,this.getEnvironment())},this.getElements=()=>[this.getHostElement(),...Array.from(this.getRootElement().querySelectorAll(`[${i("element")}]`)).filter((t=>!t.hasAttribute(i("component"))))],this.getElement=(t,e)=>this.getElements().find((n=>e?n.getAttribute(i("element"))===t&&n.id===e:n.getAttribute(i("element"))===t)),this.applyAutoAdaptiveStyles=(t,e)=>{if(!t&&!e)return;const n=this.getElements();if(!n.length)return;t=function(t,e){if(!e)return t||{desktop:[],mobile:[]};const n=JSON.parse(JSON.stringify(t||{desktop:[],mobile:[]}));return e.forEach((t=>{const e=t.element;let o=!1,i=!1;n.desktop&&n.desktop.forEach((n=>{n.element===e&&(et(n,t),o=!0)})),n.mobile&&n.mobile.forEach((n=>{n.element===e&&(et(n,t),i=!0)})),!o&&n.desktop&&n.desktop.push(JSON.parse(JSON.stringify(t))),!i&&n.mobile&&n.mobile.push(JSON.parse(JSON.stringify(t)))})),n}(t,e);const o=i("type"),r="element-styles";let l=this.getRootElement().querySelector(`style[${o}="${r}"]`);l||(l=document.createElement("style"),l.setAttribute(o,r),this.getRootElement().appendChild(l)),nt({element:l,html:""}),n.forEach((e=>{let n=e.getAttribute(i("element"));const o=this.getEnvironment();let r=s(t,o,n);if(r){if(this.resizeListener.isMobile()){const e=s(t,"desktop",n);e&&(r=Object.assign(Object.assign({},r),{styleAttributes:Object.assign(Object.assign({},e.styleAttributes),r.styleAttributes)}))}this.applyStylesToElement(e,this.applySharedClassesToElementModel(r),l)}})),this._addLinkColor(l,this.getShared())},this.registerComponentResourceManagement=()=>{this.viewResourceManager.registerComponent(this.model.id,this.componentResourceManager)},this.applyStyles=(t,e={})=>{if(!t||!t.style)return!1;for(const[n,o]of Object.entries(e))t.style[n]=o;return!0},this.applyStylesToElement=(t,e,n)=>{var o,s;const r=[];"host"===(e=it._resolveTogglableStylesForElementModel(e)).element&&(B.applyHostStyles(this.model.type,t,null,this.layoutType),("desktop"===this.getEnvironment()&&(null===(o=this.model.props.backgroundDynamicInlineSVGElements)||void 0===o?void 0:o.desktop)||"mobile"===this.getEnvironment()&&(null===(s=this.model.props.backgroundDynamicInlineSVGElements)||void 0===s?void 0:s.mobile))&&(this.colorSchemaListener.apply(this.getEnvironment()),r.push("background")));let l=e.styleAttributes.background,a=l&&l.match(/url\("([^"]*)"\)/);if(this.manifest.waitForResourcesLoad&&a){this.componentResourceManager.getPending().increment();const t=new Image;t.src=a[1],k(t,"load",(()=>{this.componentResourceManager.getPending().decrement()})),k(t,"error",(()=>{this.componentResourceManager.onResourceLoadFailure(t.src),"UPDATING"===this.services.config.getConfig("entryModuleType")&&this.componentResourceManager.getPending().decrement()}))}const c=Object.assign(Object.assign({},e),{styleAttributes:V(e.styleAttributes,r)});if(j.set(t,c),this._setClassAttributes(t,e),n){if(e.hoverStyleAttributes){let o=Object.assign({},e.hoverStyleAttributes);if("FILL_UP"===e.hoverAnimationType){t.style.boxShadow="inset 0px 0px 0px 0px rgb(0, 0, 0, 0)",t.style.overflow="hidden";const n=t.tagName.toLowerCase(),i=`flip-up-animation-${e.element}`;let s=this.getRootElement().querySelector(`#${i}`);s||(s=document.createElement("style"),s.id=i,t.appendChild(s)),nt({element:s,html:`\n              ${n}::before {\n                content: '';\n                background: ${o.background};\n                position: absolute;\n                left: 0;\n                top: ${t.getBoundingClientRect().height}px;\n                height: ${t.getBoundingClientRect().height}px;\n                width: 100%;\n                z-index: -10;\n              }\n              ${n}:hover::before {\n                top: 0;\n                transition: 0.3s;\n              }\n          `}),o=Object.assign(Object.assign({},e.hoverStyleAttributes),{background:"transparent",position:"relative"})}o.borderTopWidth&&"0px"!==o.borderTopWidth||delete o.borderTopColor,o.borderBottomWidth&&"0px"!==o.borderBottomWidth||delete o.borderBottomColor,o.borderLeftWidth&&"0px"!==o.borderLeftWidth||delete o.borderLeftColor,o.borderRightWidth&&"0px"!==o.borderRightWidth||delete o.borderRightColor,this._addStylesToStyleElement(n,e.element,o,`:not(.${i("no-hover")}):hover`,!0)}e.placeholderStyleAttributes&&this._addStylesToStyleElement(n,e.element,e.placeholderStyleAttributes,"::placeholder"),this._addFontStylesToStyleElement(n,this.getShared()),this.stylesAppliedToElement(t,e,n)}},this._fixMarginOverflow=t=>{const e=this.getParentComponent(),n=e&&("flex"===e.style.display||"inline-flex"===e.style.display),o="host",r=t.getAttribute(i("element"))===o;if(!n||!r)return;const l=this.getProps(),a=this.getEnvironment(),{styleAttributes:c}=s(l.adaptiveStyles,a,o)||{};if(!c)return;const p=c.marginLeft||c.marginRight,u="100%"===c.width;if(p&&u){const e=(parseFloat(c.marginLeft)||0)+(parseFloat(c.marginRight)||0);e&&setTimeout((()=>{t.style.width=`calc(100% - ${e}px)`}))}},this.applySharedClassesToElementModel=t=>function(t,e){let o=t;return(o.classes||"").split(" ").filter((t=>t.startsWith(n))).forEach((t=>{var n;let i=null===(n=e.textClasses)||void 0===n?void 0:n[t];i&&(i.styleAttributes.fontFamily||(i.isHeader&&e.headerFontFamily&&(i=Object.assign(Object.assign({},i),{styleAttributes:Object.assign(Object.assign({},i.styleAttributes),{fontFamily:e.headerFontFamily})})),!i.isHeader&&e.textFontFamily&&(i=Object.assign(Object.assign({},i),{styleAttributes:Object.assign(Object.assign({},i.styleAttributes),{fontFamily:e.textFontFamily})}))),o=Object.assign(Object.assign({},o),{styleAttributes:Object.assign(Object.assign({},o.styleAttributes),i.styleAttributes),placeholderStyleAttributes:Object.assign(Object.assign({},o.placeholderStyleAttributes),i.placeholderStyleAttributes)}))})),o.styleAttributes.fontFamily||(o=Object.assign(Object.assign({},o),{styleAttributes:Object.assign(Object.assign({},o.styleAttributes),{fontFamily:e.textFontFamily})})),o}(t,this.documentModel.getShared()),this.getModel=()=>this.model,this._addStylesToStyleElement=(t,e,n,o="",s)=>{const r=Object.keys(n).reduce(((t,e)=>t+` ${G.camelCaseToDashCase(e)}: ${n[e]}${s?" !important;":";"}`),"");nt({element:t,html:`[${i("element")}="${e}"]${o} { ${r} }`,appendHtml:!0})},this._addFontStylesToStyleElement=(t,e)=>{nt({element:t,html:`[cl-type] {font-family:${e.textFontFamily||"inherit"}}`,appendHtml:!0})},this._addLinkColor=(t,e)=>{var n,o,i,s;e.linkColor&&nt({element:t,html:`a {color: ${e.linkColor}}, a:visited {color: ${e.linkColor}}`,appendHtml:!0}),(null===(n=e.linkParams)||void 0===n?void 0:n.color)&&nt({element:t,html:`a {color: ${null===(o=e.linkParams)||void 0===o?void 0:o.color}}, a:visited {color: ${null===(i=e.linkParams)||void 0===i?void 0:i.color}}`,appendHtml:!0}),(null===(s=e.linkParams)||void 0===s?void 0:s.removeUnderline)&&nt({element:t,html:"a {text-decoration: none}, a:visited {text-decoration: none}",appendHtml:!0})},this._setClassAttributes=(t,e)=>{Array.from(t.classList).filter((t=>t!==o("hovered")&&t!==o("focused"))).forEach((e=>{e.startsWith(n)&&t.classList.remove(e)}));const i=((t.getAttribute("class")||"")+" "+e.classes).trim();t.setAttribute("class",i)},this.getParentComponent=()=>X(this.parentNode,i("element"),"host"),this.getWidgetContainerNode=()=>{const t=null==this?void 0:this.getAttribute(i("path"));return t&&1===t.split(",").length?this.parentNode:X(this.parentNode,i("path"),void 0,(t=>t&&1===t.split(",").length))},this.getWidgetLanguages=()=>{return[(t=this.services.config).getConfig("appearanceLanguage"),t.getConfig("browserLanguage"),"en"].filter((t=>!!t));var t},this.getPreferredWidgetLanguage=()=>this.getWidgetLanguages()[0],this.getTranslationsMap=t=>function(t,e){return e.reduce(((e,n)=>{if(e)return e;const o=function(t,e){if(!t)return null;if(e[t])return{translations:e[t],language:t};const n=function(t){return t.includes("-")?t.split("-")[0].toLowerCase():t.includes("_")?t.split("_")[0].toLowerCase():t}(t);return e[n]?{translations:e[n],language:n}:null}(n,t);return o||null}),null)}(t,this.getWidgetLanguages()),this.stylesAppliedToElement=(t,e,n)=>{},this.updateContext=()=>{var t;const e=this.getModel();this.services.context.updateRecord(e.id,{label:this.getContextRecordLabel(e.props),viewIndex:null===(t=e.path)||void 0===t?void 0:t[0]})},this.addContextRecord=()=>{var t;const e=this.getModel();this.services.context.addRecord(e.id,{recordKey:e.id,id:e.props.control.name,label:this.getContextRecordLabel(e.props),value:e.props.control.defaultValue||"",viewIndex:null===(t=e.path)||void 0===t?void 0:t[0],sourceId:"FORM",initialData:{fallbackValue:"",exampleValue:this.getContextRecordExampleValue(e.props)}})},this.getContextRecordLabel=t=>{var e,n;const o=t.control.name;if(["email","first_name","last_name"].includes(o))return o.toUpperCase();if(t.content.label&&(null===(n=null===(e=t.adaptiveStyles.desktop.find((t=>"label"===t.element)))||void 0===e?void 0:e.params)||void 0===n?void 0:n.enabled)){const e=(new DOMParser).parseFromString(t.content.label,"text/html");return this.capitalizeFirstLetter(e.body.textContent||"")}return t.content.placeholder?this.capitalizeFirstLetter(t.content.placeholder):t.control.integrationName?this.capitalizeFirstLetter(t.control.integrationName).replace(new RegExp("_","g")," "):void 0},this.capitalizeFirstLetter=t=>t.charAt(0).toUpperCase()+t.slice(1),this.getContextRecordExampleValue=t=>{switch(t.control.name){case"email":return"myemail@example.com";case"first_name":return"Maria";case"last_name":return"Taylor";default:return this.getContextRecordLabel(t)}},this.completeSubmitAction=t=>{const e=t||{},n=this.services.actionRegister.getRegisteredActions().find((t=>t.category===tt));n?null==n||n.execute(void 0,void 0,!0,e):this.services.actionFactory.get({type:E}).execute(void 0,void 0,!0,e)},this.getHandlers=()=>this.getProps().handlers&&this.getProps().handlers.length?[...this.getProps().handlers]:[],this.assets=(t="")=>`${this.services.config.getConfig("staticResourcesUrl").replace(/\/$/,"")}/${this.manifest.name}/assets${t?`/${t}`:""}`,this.attachShadow({mode:"open"}),this.manifest=this.manifest||(null===(t=this.define)||void 0===t?void 0:t.manifest)||(null===(e=this.constructor.define)||void 0===e?void 0:e.manifest)}connectedCallback(){this.construct(),this.registerComponentResourceManagement(),Promise.resolve().then((()=>{this.attachHandlers()}))}disconnectedCallback(){var t;this.observers.clear(),this.subscriptions.off(),this.state.destroy(),this.componentEventEmitter.destroy(),null===(t=this.mergeTagsProcessor)||void 0===t||t.destroy()}static _resolveTogglableStylesForElementModel(t){const e=Object.assign({},t);return Object.keys(e).forEach((t=>{t.toLowerCase().includes("styleattributes")&&(e[t]=it._resolveTogglableStyles(e[t]))})),e}static _resolveTogglableStyles(t){const e=Object.assign({},t),n=(t,n,o)=>{n in e&&(t.forEach((t=>{t in e&&(e[t]=e[n]?e[t]:o)})),delete e[n])};return n(["marginTop","marginBottom","marginLeft","marginRight"],"_marginEnabled","0px"),n(["paddingTop","paddingBottom","paddingLeft","paddingRight"],"_paddingEnabled","0px"),e}}function st(t){return st="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},st(t)}function rt(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,ht(o.key),o)}}function lt(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(lt=function(){return!!t})()}function at(t,e,n,o){var i=ct(pt(1&o?t.prototype:t),e,n);return 2&o&&"function"==typeof i?function(t){return i.apply(n,t)}:i}function ct(){return ct="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var o=function(t,e){for(;!{}.hasOwnProperty.call(t,e)&&null!==(t=pt(t)););return t}(t,e);if(o){var i=Object.getOwnPropertyDescriptor(o,e);return i.get?i.get.call(arguments.length<3?t:n):i.value}},ct.apply(null,arguments)}function pt(t){return pt=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},pt(t)}function ut(t,e){return ut=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},ut(t,e)}function dt(t,e,n){return(e=ht(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function ht(t){var e=function(t){if("object"!=st(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,"string");if("object"!=st(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==st(e)?e:e+""}var mt=function(){function t(){var e;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t);for(var n=arguments.length,o=new Array(n),i=0;i<n;i++)o[i]=arguments[i];return dt(e=function(t,e,n){return e=pt(e),function(t,e){if(e&&("object"==st(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,lt()?Reflect.construct(e,n||[],pt(t).constructor):e.apply(t,n))}(this,t,[].concat(o)),"manifest",{name:"SysContainerComponent"}),dt(e,"getComponentName",(function(){return e.manifest.name})),dt(e,"processStyles",(function(){e.innerHTML+='\n      <style>\n      [cl-component="'.concat(e.getComponentName(),'"] {\n        position: relative;\n        min-width: 50px;\n        min-height: 50px;\n      }\n      </style>')})),e}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&ut(t,e)}(t,it),e=t,(n=[{key:"connectedCallback",value:function(){var e=this;at(t,"connectedCallback",this,3)([]),this.processStyles(),this.observeProps((function(t,n){e.applyAutoAdaptiveStyles(n.adaptiveStyles,n.styles)}))}},{key:"disconnectedCallback",value:function(){at(t,"disconnectedCallback",this,3)([])}}])&&rt(e.prototype,n),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,n}();function yt(t){return yt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},yt(t)}function gt(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=Array(e);n<e;n++)o[n]=t[n];return o}function bt(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,St(o.key),o)}}function ft(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(ft=function(){return!!t})()}function Ot(t,e,n,o){var i=vt(Et(1&o?t.prototype:t),e,n);return 2&o&&"function"==typeof i?function(t){return i.apply(n,t)}:i}function vt(){return vt="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var o=function(t,e){for(;!{}.hasOwnProperty.call(t,e)&&null!==(t=Et(t)););return t}(t,e);if(o){var i=Object.getOwnPropertyDescriptor(o,e);return i.get?i.get.call(arguments.length<3?t:n):i.value}},vt.apply(null,arguments)}function Et(t){return Et=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Et(t)}function Ct(t,e){return Ct=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Ct(t,e)}function Tt(t,e,n){return(e=St(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function St(t){var e=function(t){if("object"!=yt(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,"string");if("object"!=yt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==yt(e)?e:e+""}var Rt=function(){function t(){var e;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t);for(var n=arguments.length,o=new Array(n),s=0;s<n;s++)o[s]=arguments[s];return Tt(e=function(t,e,n){return e=Et(e),function(t,e){if(e&&("object"==yt(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,ft()?Reflect.construct(e,n||[],Et(t).constructor):e.apply(t,n))}(this,t,[].concat(o)),"manifest",u),Tt(e,"updateResponsiveStyles",(function(){var t,n,o=null===(t=e.getParentComponent())||void 0===t||null===(t=t.getProps())||void 0===t?void 0:t.isResponsive,i=(n=e.shadowRoot.children,function(t){if(Array.isArray(t))return gt(t)}(n)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(n)||function(t,e){if(t){if("string"==typeof t)return gt(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?gt(t,e):void 0}}(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).filter((function(t){return t.hasAttribute("cl-element")})),s=e.getHostElement().style;i.length?s.minWidth="min-content":(["paddingTop","paddingBottom","paddingLeft","paddingRight","padding"].map((function(t){return s[t]})).map((function(t){return t&&parseFloat(t)})).some(Boolean)&&(s.minWidth="min-content"),s.minWidth="20px"),"mobile"===e.getEnvironment()&&o&&(i.length?s.minHeight="auto":s.background.includes("url")?s.minHeight="150px":i.length||(s.minHeight="50px"))})),Tt(e,"updateEmptyState",(function(){var t=!(Array.from(e.getRootElement().children).filter((function(t){return"STYLE"!==t.tagName&&"SCRIPT"!==t.tagName}))||[]).length;e.setAttribute(i("empty"),t)})),Tt(e,"watchChildren",(function(){var t=e;e.mutationObserver=new MutationObserver((function(){t.updateEmptyState(),t.updateResponsiveStyles()})),e.mutationObserver.observe(e.getRootElement(),{childList:!0})})),Tt(e,"processSize",(function(t){var n,o="flexGrow",i=null!==(n=null!=t?t:e.style[o])&&void 0!==n?n:"1";e.style[o]=i})),Tt(e,"processStyles",(function(){e.innerHTML+='\n      <style>\n      [cl-component="'.concat(e.getComponentName(),'"] {\n        position: relative;\n        min-width: 50px;\n        min-height: 50px;\n      }\n      </style>')})),e}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&Ct(t,e)}(t,mt),e=t,(n=[{key:"connectedCallback",value:function(){var e,n=this;Ot(t,"connectedCallback",this,3)([]),this.updateEmptyState(),this.watchChildren(),this.observeEnvironment((function(){n.updateResponsiveStyles()})),this.observeProps((function(t,e){var o;n.updateResponsiveStyles(),n.processSize(null===(o=e.content)||void 0===o?void 0:o.size)})),null===(e=this.getParentComponent())||void 0===e||e.observeProps((function(){n.updateResponsiveStyles()}))}},{key:"disconnectedCallback",value:function(){var e;Ot(t,"disconnectedCallback",this,3)([]),null===(e=this.mutationObserver)||void 0===e||e.disconnect()}}])&&bt(e.prototype,n),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,n}();Tt(Rt,"define",{name:"sys-column",model:u.name,manifest:u});export{Rt as default};window.clComponentClass_SysColumnComponent=Rt;

package/SysColumnsComponent/SysColumnsComponent.js

@@ -0,0 +1 @@
+var t={32:(t,e,n)=>{n.d(e,{A:()=>s});const s={name:"SysColumnsComponent",componentType:"COLUMNS",version:"1.0.0",contextMenuModel:[],floatingControlsModel:[{type:"GROUP",propPath:["adaptiveStyles","desktop"],children:[{type:"CONTROL",name:"SIZE",elementProp:"styleAttributes",element:"host",params:{width:{minValue:50},height:{minValue:50}}},{type:"CONTROL",name:"CONTAINER_PADDING",propPathCondition:"return sdk.component.type === 'VIEW' ? {element: 'host', elementProp: 'styleAttributes'} : {propPath: ['styles', '[element=host]', 'styleAttributes']}"},{type:"CONTROL",name:"PARENT_ALIGNMENT",elementProp:"styleAttributes",element:"host",params:{mode:"horizontal"}},{type:"CONTROL",name:"COLUMNS_PROPORTIONS",propPath:["content","size"],params:{parent:!0}}]},{type:"GROUP",propPath:["adaptiveStyles","mobile"],children:[{type:"CONTROL",name:"SIZE",elementProp:"styleAttributes",element:"host",params:{width:{minValue:50},height:{minValue:50}}},{type:"CONTROL",name:"CONTAINER_PADDING",propPathCondition:"return sdk.component.type === 'VIEW' ? {element: 'host', elementProp: 'styleAttributes'} : {propPath: ['styles', '[element=host]', 'styleAttributes']}"},{type:"CONTROL",name:"PARENT_ALIGNMENT",elementProp:"styleAttributes",element:"host"},{type:"CONTROL",name:"COLUMNS_PROPORTIONS",propPath:["content","size"],params:{parent:!0}}]}],propertyPaneModel:{content:[{type:"GROUP",propPath:["adaptiveStyles","desktop"],children:[{type:"CONTROL",name:"SIZE",element:"host",elementProp:"styleAttributes",params:{width:{options:["fixed","fill","hug"],minValue:50},height:{options:["fixed","fill","hug"],minValue:50}},displayCondition:"return sdk.component.type === 'VIEW' ? sdk.layoutType !== 'CONTENT_LOCKER' : true",syncSelectDisplayCondition:"return sdk.component.type === 'VIEW'"},{type:"CONTROL",name:"COLUMNS",elementProp:"styleAttributes",element:"host"},{type:"CONTROL",name:"SWITCH",propPath:["isResponsive"],params:{label:"ADAPTIVE_COLUMNS",boldLabel:!0}},{type:"CONTROL",name:"BACKGROUND",elementProp:"styleAttributes",element:"host",syncSelectDisplayCondition:"return sdk.component.type === 'VIEW'",syncSelectOptions:["SAME_TYPE_CROSS_ENV_WHILE_VALUES_MATCH",null]},{type:"CONTROL",name:"BACKDROP_FILTER",propPath:["styles","[element=host]","styleAttributes"],syncSelectDisplayCondition:"return sdk.component.type === 'VIEW'"},{type:"CONTROL",name:"BORDERS",propPath:["styles","[element=host]","styleAttributes"],displayCondition:"return sdk.component.type === 'VIEW' ? sdk.layoutType !== 'CONTENT_LOCKER' : true",syncSelectDisplayCondition:"return sdk.component.type === 'VIEW'"},{type:"CONTROL",name:"BOX_SHADOW",propPath:["styles","[element=host]","styleAttributes"],displayCondition:"return sdk.component.type === 'VIEW' ? sdk.layoutType !== 'CONTENT_LOCKER' : true",syncSelectDisplayCondition:"return sdk.component.type === 'VIEW'"},{type:"CONTROL",name:"BORDER_RADIUS",propPath:["styles","[element=host]","styleAttributes"],displayCondition:"return sdk.component.type === 'VIEW' ? sdk.layoutType !== 'CONTENT_LOCKER' : true",syncSelectDisplayCondition:"return sdk.component.type === 'VIEW'"},{type:"CONTROL",name:"INDENTATION",propPathCondition:"return sdk.component.type === 'VIEW' ? {element: 'host', elementProp: 'styleAttributes'} : {propPath: ['styles', '[element=host]', 'styleAttributes']}",params:{indentationType:"PADDING"},syncSelectDisplayCondition:"return sdk.component.type === 'VIEW'"},{type:"CONTROL",name:"SWITCH",propPath:["styles","[element=host]","styleAttributes","overflow"],params:{label:"DOCUMENT_OVERFLOW_TITLE",boldLabel:!0,description:"DOCUMENT_OVERFLOW_ENABLED_DESCRIPTION",getValueMapper:{undefined:!1,"":!1,visible:!1,hidden:!0},setValueMapper:{true:"hidden",false:"visible"}},syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'"}]},{type:"GROUP",propPath:["adaptiveStyles","mobile"],children:[{type:"CONTROL",name:"SIZE",element:"host",elementProp:"styleAttributes",params:{width:{options:["fixed","fill","hug"]},height:{options:["fixed","fill","hug"]}},displayCondition:"return sdk.component.type === 'VIEW' ? sdk.layoutType !== 'CONTENT_LOCKER' : true",syncSelectDisplayCondition:"return sdk.component.type === 'VIEW'"},{type:"CONTROL",name:"COLUMNS",elementProp:"styleAttributes",element:"host"},{type:"CONTROL",name:"SWITCH",propPath:["isResponsive"],params:{label:"ADAPTIVE_COLUMNS",boldLabel:!0}},{type:"CONTROL",name:"BACKGROUND",elementProp:"styleAttributes",element:"host",syncSelectDisplayCondition:"return sdk.component.type === 'VIEW'",syncSelectOptions:["SAME_TYPE_CROSS_ENV_WHILE_VALUES_MATCH",null]},{type:"CONTROL",name:"BACKDROP_FILTER",propPath:["styles","[element=host]","styleAttributes"],syncSelectDisplayCondition:"return sdk.component.type === 'VIEW'"},{type:"CONTROL",name:"BORDERS",propPath:["styles","[element=host]","styleAttributes"],displayCondition:"return sdk.component.type === 'VIEW' ? sdk.layoutType !== 'CONTENT_LOCKER' : true",syncSelectDisplayCondition:"return sdk.component.type === 'VIEW'"},{type:"CONTROL",name:"BOX_SHADOW",propPath:["styles","[element=host]","styleAttributes"],displayCondition:"return sdk.component.type === 'VIEW' ? sdk.layoutType !== 'CONTENT_LOCKER' : true",syncSelectDisplayCondition:"return sdk.component.type === 'VIEW'"},{type:"CONTROL",name:"BORDER_RADIUS",propPath:["styles","[element=host]","styleAttributes"],displayCondition:"return sdk.component.type === 'VIEW' ? sdk.layoutType !== 'CONTENT_LOCKER' : true",syncSelectDisplayCondition:"return sdk.component.type === 'VIEW'"},{type:"CONTROL",name:"INDENTATION",propPathCondition:"return sdk.component.type === 'VIEW' ? {element: 'host', elementProp: 'styleAttributes'} : {propPath: ['styles', '[element=host]', 'styleAttributes']}",params:{indentationType:"PADDING"}},{type:"CONTROL",name:"SWITCH",propPath:["styles","[element=host]","styleAttributes","overflow"],params:{label:"DOCUMENT_OVERFLOW_TITLE",boldLabel:!0,description:"DOCUMENT_OVERFLOW_ENABLED_DESCRIPTION",getValueMapper:{undefined:!1,"":!1,visible:!1,hidden:!0},setValueMapper:{true:"hidden",false:"visible"}},syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'"}]}],general:[{type:"CONTROL",name:"ACTIONS",propPath:["handlers"],params:{origin:!0}}]},events:{dispatch:[],listen:[]},props:{styles:[{element:"host",styleAttributes:{}}],adaptiveStyles:(0,n(521).Q4)([{element:"host",styleAttributes:{position:"relative",width:"100%",minWidth:"50px",height:"auto",gap:"10px"}}]),isResponsive:!0},metaDescription:{icon:"/SysColumnsComponent/assets/img/columns-component-icon.svg",label:{en:"Columns",ru:"Колонки",uk:"Колонки",es:"Columns",fr:"Columns",de:"Columns",it:"Columns",pt:"Columns",ro:"Columns",bg:"Columns",cs:"Columns",el:"Columns",nl:"Columns",pl:"Columns",sv:"Columns",tr:"Columns",ar:"Columns",zh:"Columns",da:"Columns",he:"Columns",fi:"Columns",hi:"Columns",hr:"Columns",hu:"Columns",id:"Columns",ja:"Columns",ko:"Columns",no:"Columns",sk:"Columns",sl:"Columns",sr:"Columns"},defaultPreset:"50%-50%"},waitForResourcesLoad:!0,resourcesPropPaths:[["adaptiveStyles",":ENV","styleAttributes","background"]]}},360:(t,e,n)=>{n.d(e,{_N:()=>s,vi:()=>o,yU:()=>i});const s={SYSTEM_CLASS_PREFIX:"cl-",SYSTEM_ATTRIBUTE_PREFIX:"cl-"};function i(t){return s.SYSTEM_CLASS_PREFIX+t}function o(t){return s.SYSTEM_ATTRIBUTE_PREFIX+t}},390:(t,e,n)=>{n.d(e,{P:()=>s});const s={DESKTOP:"desktop",MOBILE:"mobile"};s.MOBILE},521:(t,e,n)=>{n.d(e,{MW:()=>l,Q4:()=>a,xK:()=>o});var s=n(390),i=n(360);function o(t,e,n){var s;return null===(s=t[e])||void 0===s?void 0:s.find((t=>t.element===n))}function r(t=[]){return t.map((t=>Object.assign(Object.assign({},t),{styleAttributes:Object.assign({},t.styleAttributes)})))}function a(t){return Object.values(s.P).reduce(((e,n)=>Object.assign(e,{[n]:r(t)})),{[s.P.DESKTOP]:[],[s.P.MOBILE]:[]})}function l(t,e){let n=t;return(n.classes||"").split(" ").filter((t=>t.startsWith(i._N.SYSTEM_CLASS_PREFIX))).forEach((t=>{var s;let i=null===(s=e.textClasses)||void 0===s?void 0:s[t];i&&(i.styleAttributes.fontFamily||(i.isHeader&&e.headerFontFamily&&(i=Object.assign(Object.assign({},i),{styleAttributes:Object.assign(Object.assign({},i.styleAttributes),{fontFamily:e.headerFontFamily})})),!i.isHeader&&e.textFontFamily&&(i=Object.assign(Object.assign({},i),{styleAttributes:Object.assign(Object.assign({},i.styleAttributes),{fontFamily:e.textFontFamily})}))),n=Object.assign(Object.assign({},n),{styleAttributes:Object.assign(Object.assign({},n.styleAttributes),i.styleAttributes),placeholderStyleAttributes:Object.assign(Object.assign({},n.placeholderStyleAttributes),i.placeholderStyleAttributes)}))})),n.styleAttributes.fontFamily||(n=Object.assign(Object.assign({},n),{styleAttributes:Object.assign(Object.assign({},n.styleAttributes),{fontFamily:e.textFontFamily})})),n}}},e={};function n(s){var i=e[s];if(void 0!==i)return i.exports;var o=e[s]={exports:{}};return t[s](o,o.exports,n),o.exports}n.d=(t,e)=>{for(var s in e)n.o(e,s)&&!n.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:e[s]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var s={};n.d(s,{A:()=>ht});var i=n(32),o=n(360);const r="VIEW",a="MODULE",l="CONTAINER",c="INPUT",p="BUTTON",h="CONSENT",u="COLUMN",d="SUBSCRIBE_CONTACT",m="REQUEST",y="SHOW_WIDGET",g="OPEN_LINK",b="CLOSE_WIDGET";class v{static sortActions(t){const e={[b]:-1,[g]:-2,[y]:1,[d]:2,[m]:3},n=t=>void 0!==e[t.type]?e[t.type]:0;return[...t].sort(((t,e)=>n(t)>n(e)?-1:n(t)<n(e)?1:0))}constructor(t,e){this.config=t,this.actions=v.sortActions(e),this.listener=null,this.targetElements=[],this.eventsQueue=[],this.state=null,this.postponed=!1}activate(t,e,n){this.state=t;const s=n(),i=s.getAttribute((0,o.vi)("id"));this.listener=t=>{const e=t.composedPath().filter((t=>t instanceof HTMLElement&&t.getAttribute((0,o.vi)("type"))));let n=0;for(;e[n]&&e[n].getAttribute((0,o.vi)("id"))!==i;){let t=e[n].getAttribute((0,o.vi)("type"));if(v.IGNORING_VIEW_ENTRY_TYPES.includes(t))return;n++}this.eventsQueue.push({event:t}),this.postponed||this.execute()},this.targetElements=this.config.relativeSelector?Array.from((s.shadowRoot||s).querySelectorAll(this.config.relativeSelector)):[s],this.targetElements.forEach((t=>{t.addEventListener("click",this.listener)}))}async execute(){var t,e,n,s;try{for(var i,o=!0,r=function(t){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var e,n=t[Symbol.asyncIterator];return n?n.call(t):(t="function"==typeof __values?__values(t):t[Symbol.iterator](),e={},s("next"),s("throw"),s("return"),e[Symbol.asyncIterator]=function(){return this},e);function s(n){e[n]=t[n]&&function(e){return new Promise((function(s,i){!function(t,e,n,s){Promise.resolve(s).then((function(e){t({value:e,done:n})}),e)}(s,i,(e=t[n](e)).done,e.value)}))}}}(this.eventsQueue);!(t=(i=await r.next()).done);){s=i.value,o=!1;try{const{event:t}=s;for(const e of this.actions)if(!await e.execute(this.state.getState(),t))break}finally{o=!0}}}catch(t){e={error:t}}finally{try{o||t||!(n=r.return)||await n.call(r)}finally{if(e)throw e.error}}this.eventsQueue=[]}postpone(){this.postponed=!0}release(){this.postponed=!1,this.execute()}destroy(){this.listener&&this.targetElements.length&&(this.targetElements.forEach((t=>{t.removeEventListener("click",this.listener)})),this.targetElements=[])}}v.IGNORING_VIEW_ENTRY_TYPES=[p,h,c];const f="CLICK",E="COMPONENT_EVENT";class O{constructor(t,e){this.config=t,this.actions=e,this.componentEmitterListener=null}activate(t,e,n){this.componentEmitterListener=e.on(this.config.eventName,(()=>{this.actions.forEach((e=>e.execute(t.getState(),this.config.params)))}))}destroy(){this.componentEmitterListener&&this.componentEmitterListener.off()}}class C{constructor(t,e){this.actionFactory=t,this.actionRegister=e}get(t){const e=t.actions.map((t=>this.actionFactory.get(t)));switch(e.forEach((t=>this.actionRegister.register(t))),t.type){case f:return new v(t,e);case E:return new O(t,e);default:throw new Error(`Not supported handler type ${t.type}`)}}}class S{static generate(){let t,e="";for(let n=0;n<32;n++)8!==n&&12!==n&&16!==n&&20!==n||(e+="-"),t=Math.floor(16*Math.random()).toString(16).toUpperCase(),e+=t;return e}}class A{constructor(){this.listeners=A.createDefaultListenersState()}emit(t,e,n=null){const s=this.listeners[t];s&&Object.values(s).forEach((s=>s(e,t,n))),Object.values(this.listeners["*"]).forEach((s=>s(e,t,n)))}on(t,e){const n=S.generate(),s=this.listeners[t];return s?s[n]=e:this.listeners[t]={[n]:e},{off:()=>{var e,s;(null===(s=null===(e=this.listeners)||void 0===e?void 0:e[t])||void 0===s?void 0:s[n])&&delete this.listeners[t][n]}}}destroy(){this.listeners=A.createDefaultListenersState()}}A.createDefaultListenersState=()=>({"*":{}});const T=(t,e,n,s)=>{const{addEventListenerBase:i,addEventListener:o}=EventTarget.prototype;(i||o).call(t,e,n,s)};class R{constructor(t){this.state=t||{}}getState(){return this.state}setState(t){this.state=Object.assign(Object.assign({},this.state),t)}destroy(){}}class N{static extract(t){const e=t.views.map((t=>{const e=t.children.map((t=>t.type===a?Object.assign(Object.assign({},t),N.moduleToContainerParams):t));return Object.assign(Object.assign({},t),{children:e})}));return Object.assign(Object.assign({},t),{views:e})}static sort(t,e){return t.index>e.index?1:-1}static reIndex(t,e){return Object.assign(Object.assign({},t),{index:e+t.index})}}N.moduleToContainerParams={name:"SysContainerComponent",version:"1.0.0"};const P="ENVIRONMENT_UPDATE";class L extends A{constructor(t,e){super(),this.config=e,this.handleMobileBreakpoint(t.getShared().mobileBreakpointWidth),t.on(P,(({isMobileEnv:t})=>{this._isMobile=t,this.emit(L.changeEventName,this._isMobile)}))}handleMobileBreakpoint(t){this.mobileBreakpointWidth=t;const e=Number.isInteger(this.mobileBreakpointWidth)?`${this.mobileBreakpointWidth}px`:this.mobileBreakpointWidth;this.mediaQueryList=window.matchMedia(`(max-width: ${e})`),this.mediaQueryList.addListener(this.listener.bind(this)),this._isMobile=this.mediaQueryList.matches,this.emit(L.changeEventName,this._isMobile)}isMobile(){return this.config.forceMobileEnv||this._isMobile}listener(t){this._isMobile=t.matches,this.emit(L.changeEventName,this._isMobile)}destroy(){super.destroy(),this.mediaQueryList.removeListener(this.listener.bind(this))}}L.changeEventName="CHANGE";class _{static set(t,e){const n=t[_.accumulatorPropertyName]||{};t[_.accumulatorPropertyName]=Object.assign(Object.assign({},n),e.styleAttributes),Object.keys(t[_.accumulatorPropertyName]).forEach((n=>{n.includes("--")?t.style.setProperty(n,e.styleAttributes[n]||""):t.style[n]=e.styleAttributes[n]?e.styleAttributes[n]:""}))}}_.accumulatorPropertyName="clStyleAttributes";const w="CONTENT_LOCKER";class I{static applyHostStyles(t,e,n=null,s){var i,o,a;const c=null===(o=null===(i=null==n?void 0:n.props)||void 0===i?void 0:i.handlers)||void 0===o?void 0:o.find((t=>"CLICK"===t.type));c&&(null===(a=c.actions)||void 0===a?void 0:a.length)&&(e.style.cursor="pointer"),t!==r&&t!==l&&t!==u||(e.style.display=s===w&&t===r?"flex":"inline-flex",e.style.position="relative"),e.style.boxSizing="border-box"}constructor(){this.styles="/* common styles */ *, *:before, *:after { box-sizing: border-box; font-family: inherit; }"}setStyles(t=""){this.styles=`${this.styles} ${t}`}getStyles(){return this.styles}}class M{static log(t){window.scriptLog09u8y9?scriptLog09u8y9("ERROR","RUNTIME_ERROR",new Error(t)):console.error(t)}}class k{constructor(t,e,n,s,i,o){this.hostElement=e,this.documentModel=t,this.getSharedCb=n,this.getPropsCb=s,this.getEnvCb=i,this.httpClient=o,this.subscription=null,this.envUrlMaps={desktop:new Map,mobile:new Map}}parseBackground(t){const e=String(t||"");if(e.includes("url")){const[t,n]=e.split("(")[1].split(")");return{url:t.replace(/['"]+/g,""),positionOptions:n.replace(";","")}}return{url:null,positionOptions:null}}apply(t){const e=this.getPropsCb();return e.backgroundDynamicInlineSVGElements[t].forEach((n=>{var s,i,o,r,a;const l=null===(i=null===(s=e.adaptiveStyles)||void 0===s?void 0:s[t])||void 0===i?void 0:i.find((t=>t.element===n)),c=(null===(o=e.styles)||void 0===o?void 0:o.find((t=>t.element===n)))||{},p=(null===(r=null==c?void 0:c.styleAttributes)||void 0===r?void 0:r.background)||(null===(a=null==l?void 0:l.styleAttributes)||void 0===a?void 0:a.background),h=this.parseBackground(p);h.url&&this.envUrlMaps[t].set(n,{originalSVGResourceURL:h.url,inlineSvgString:null,positionOptions:h.positionOptions})})),Promise.all([...this.envUrlMaps[t].entries()].map((([e,n])=>this.httpClient.execute(n.originalSVGResourceURL).then((t=>t.text())).then((s=>{this.envUrlMaps[t].set(e,Object.assign(Object.assign({},n),{inlineSvgString:s}))}))))).then((()=>{this._applyHostElementBackground(this.envUrlMaps[t].get("host"),this.getSharedCb().cssVars)})).catch((t=>{console.error(t),M.log(`Failed to load/apply backgroundDynamicInlineSVGElements[${this.getPropsCb().backgroundDynamicInlineSVGElements}] ${t}`)}))}on(){return this.subscription=this.documentModel.on("COLOR_SCHEMA_UPDATE",(t=>{this._applyHostElementBackground(this.envUrlMaps[this.getEnvCb()].get("host"),t)})),this}_applyHostElementBackground(t,e){t&&(this.hostElement.style.background=this._buildBackgroundUrl(t,e))}_buildBackgroundUrl(t,e){const n=t.inlineSvgString.trim().replace("var(--cl-schema-accent)",e["cl-schema-accent"]);return`url('data:image/svg+xml,${encodeURIComponent(n)}')${t.positionOptions}`}off(){var t;null===(t=this.subscription)||void 0===t||t.off()}}const x=new class{execute(t,e,n=null,s,i){const o={method:e,headers:Object.assign({"Content-Type":"text/plain"},s||{}),credentials:"same-origin",body:null,signal:i};return n&&(o.body="string"==typeof n?n:JSON.stringify(n)),fetch(t,o)}};function D(t,e){return Object.keys(t).filter((t=>!e.includes(t))).reduce(((e,n)=>Object.assign(Object.assign({},e),{[n]:t[n]})),{})}class j{static camelCaseToDashCase(t){return t.replace(/[A-Z]/g,(t=>"-"+t.toLowerCase()))}static camelCaseToUpperSnakeCase(t){return t.replace(/[A-Z]/g,(t=>"_"+t)).toUpperCase()}}class W{constructor(t){this._count=0,this.onUpdateCb=t}increment(){this._count++,this.onUpdateCb(this.count())}decrement(){this._count>0&&this._count--,this.onUpdateCb(this.count())}count(){return this._count}}const U="COMPONENT_RESOURCES_LOADED",V="FAILED_TO_LOAD_COMPONENT_RESOURCE";class F{constructor(t,e,n){this.getPending=()=>this.counters.pending,this.onCounterStateUpdate=t=>{0===t&&this.systemEventEmitter.emit(U,this.componentId)},this.onResourceLoadFailure=t=>{this.isStaticEntryModule?this.systemEventEmitter.emit(V,`Failed to load: ${t}`):this.counters.pending.decrement()},this.componentId=t,this.systemEventEmitter=e,this.isStaticEntryModule=n,this.counters={pending:new W(this.onCounterStateUpdate)}}}const B=(...t)=>{let e=t.reduce(((t,e)=>Object.assign(Object.assign({},t),{[e]:[]})),{});return{get:t=>e[t],clear:()=>B(...t)}},H=B,$="props",G="shared",K="environment";function z(t,e,n,s){const i=t=>{let o=t instanceof DocumentFragment||(null==t?void 0:t.nodeType)===Node.DOCUMENT_FRAGMENT_NODE?t.host:t;return o&&(s&&"function"==typeof s?s(o.getAttribute(e)):(null===(r=null==o?void 0:o.getAttribute)||void 0===r?void 0:r.call(o,e))===n)?o:o&&o.parentNode&&i(o.parentNode)||null;var r};return i(t)}const Y="SUBMIT";function Q(t,e){return e?(t.classes=`${t.classes||""} ${e.classes||""}`.trim(),Object.keys(e).forEach((n=>{"element"!==n&&"classes"!==n&&(e[n]&&"object"==typeof e[n]&&!Array.isArray(e[n])?t[n]=Object.assign(Object.assign({},t[n]||{}),e[n]):t[n]=e[n])})),t):t}var q=n(521);function X(t){const{element:e,html:n,appendHtml:s}=t,i=function(t){if(null==t)return"";if("string"!=typeof t)return String(t);if(""===t)return"";if(!/<\/?([a-zA-Z][a-zA-Z0-9]*)\b[^>]*>/.test(t))return t;const e=(new DOMParser).parseFromString(t,"text/html");return e.querySelectorAll('script, style, link[rel="stylesheet"], meta[http-equiv]').forEach((t=>t.remove())),e.querySelectorAll("*").forEach((t=>{if(["onclick","onload","onerror","onmouseover","onfocus","onblur","onkeyup","onkeydown","onchange","onsubmit","onmouseenter","onmouseleave","onmouseout","oncontextmenu","ondrag","ondrop"].forEach((e=>t.removeAttribute(e))),Array.from(t.attributes).forEach((e=>{e.name.startsWith("on")&&t.removeAttribute(e.name)})),"A"===t.tagName||"AREA"===t.tagName){const e=t.getAttribute("href");e&&(e.startsWith("javascript:")||e.startsWith("data:"))&&t.removeAttribute("href")}if("IMG"===t.tagName||"IFRAME"===t.tagName){const e=t.getAttribute("src");e&&(e.startsWith("javascript:")||e.startsWith("data:text/html"))&&t.removeAttribute("src")}if("FORM"===t.tagName){const e=t.getAttribute("action");e&&e.startsWith("javascript:")&&t.removeAttribute("action")}})),e.body.innerHTML}(n);s?e.innerHTML+=i:e.innerHTML=i}class Z extends Event{constructor(t,e,n){super(t,n),this.detail={},Object.defineProperty(this,"detail",{value:e})}}class J extends HTMLElement{constructor(){var t,e;super(),this.construct=()=>{let t;const e=this.getAttribute((0,o.vi)("id")),n=this.getWidgetContainerNode();if(!n)throw new Error("Widget container not found in construct");const s=n.closest(`[${(0,o.vi)("widget-id")}]`);let i;s&&(i=s.getAttribute((0,o.vi)("widget-id")));let r=new Z("cl-props-request",{nodeName:this.nodeName,path:this.getAttribute((0,o.vi)("path")),id:e,widgetId:i},{bubbles:!0,composed:!0});this.dispatchEvent(r),t=r.detail.props,Object.assign(this,t),this.observers=H($,G,K),this.subscriptions=new class{constructor(){this.subscriptions=[]}push(t){this.subscriptions.push(t)}off(){this.subscriptions.forEach((t=>null==t?void 0:t.off()))}},this.state=new R,this.componentEventEmitter=new A,this.componentResourceManager=new F(this.model.id,this.services.eventEmitter,"STATIC"===this.services.config.getConfig("entryModuleType")),this.mergeTagsProcessor=this.services.mergeTagsProcessorFactory.create(),this._actionFactory=this.services.actionFactory,this._handlerFactory=new C(this._actionFactory,this.services.actionRegister),this.prevProps=this.model.props,this.prevEnvironment=this.getEnvironment(),this.documentModel.on(`COMPONENT_PROPS_UPDATE_${this.model.id}`,(t=>{this.model.props=t,this.observers.get($).forEach((e=>e(this.prevProps,t))),this.prevProps=t;const e=this.getHostElement(),n=(0,o.vi)("floating");t.floating&&!e.getAttribute(n)?e.setAttribute(n,"true"):!t.floating&&e.getAttribute(n)&&e.removeAttribute(n)})),this.documentModel.on(`COMPONENT_UPDATE_${this.model.id}`,(t=>{Object.assign(this.model,t)})),this.documentModel.on("SHARED_UPDATE_ALL",(()=>{this.applyAutoAdaptiveStyles(this.prevProps.adaptiveStyles,this.prevProps.styles),this.observers.get(G).forEach((t=>t(this.getShared())))})),this.model.props.backgroundDynamicInlineSVGElements&&(this.colorSchemaListener=new k(this.documentModel,this.getHostElement(),(()=>this.getShared()),(()=>this.model.props),(()=>this.getEnvironment()),x),this.colorSchemaListener.apply(this.getEnvironment()).then((()=>{this.subscriptions.push(this.colorSchemaListener.on())}))),this.prevProps.adaptiveStyles&&this.subscriptions.push(this.resizeListener.on(L.changeEventName,(()=>{this.applyAutoAdaptiveStyles(this.prevProps.adaptiveStyles,this.prevProps.styles);const t=this.getEnvironment();this.observers.get(K).forEach((e=>e(this.prevEnvironment,t))),this.prevEnvironment=t})))},this.attachHandlers=()=>{this.getHandlers().map((t=>this._handlerFactory.get(t))).map((t=>()=>t.activate(this.state,this.componentEventEmitter,this.getHostElement.bind(this)))).forEach((t=>t()))},this.postponeHandlers=()=>{var t;null===(t=this.handlers)||void 0===t||t.forEach((t=>t.postpone()))},this.releaseHandlers=()=>{var t;null===(t=this.handlers)||void 0===t||t.forEach((t=>t.release()))},this.getProps=()=>{var t;return null===(t=this.getModel())||void 0===t?void 0:t.props},this.getShared=()=>this.documentModel.getShared(),this.getEnvironment=()=>this.resizeListener.isMobile()?"mobile":"desktop",this.getRootElement=()=>this.shadowRoot?this.shadowRoot:this,this.getHostElement=()=>this,this.observeProps=t=>{this.observers.get($).push(t),t(null,this.prevProps)},this.observeShared=t=>{this.observers.get(G).push(t),t(this.getShared())},this.observeEnvironment=t=>{this.observers.get(K).push(t),t(null,this.getEnvironment())},this.getElements=()=>[this.getHostElement(),...Array.from(this.getRootElement().querySelectorAll(`[${(0,o.vi)("element")}]`)).filter((t=>!t.hasAttribute((0,o.vi)("component"))))],this.getElement=(t,e)=>this.getElements().find((n=>e?n.getAttribute((0,o.vi)("element"))===t&&n.id===e:n.getAttribute((0,o.vi)("element"))===t)),this.applyAutoAdaptiveStyles=(t,e)=>{if(!t&&!e)return;const n=this.getElements();if(!n.length)return;t=function(t,e){if(!e)return t||{desktop:[],mobile:[]};const n=JSON.parse(JSON.stringify(t||{desktop:[],mobile:[]}));return e.forEach((t=>{const e=t.element;let s=!1,i=!1;n.desktop&&n.desktop.forEach((n=>{n.element===e&&(Q(n,t),s=!0)})),n.mobile&&n.mobile.forEach((n=>{n.element===e&&(Q(n,t),i=!0)})),!s&&n.desktop&&n.desktop.push(JSON.parse(JSON.stringify(t))),!i&&n.mobile&&n.mobile.push(JSON.parse(JSON.stringify(t)))})),n}(t,e);const s=(0,o.vi)("type"),i="element-styles";let r=this.getRootElement().querySelector(`style[${s}="${i}"]`);r||(r=document.createElement("style"),r.setAttribute(s,i),this.getRootElement().appendChild(r)),X({element:r,html:""}),n.forEach((e=>{let n=e.getAttribute((0,o.vi)("element"));const s=this.getEnvironment();let i=(0,q.xK)(t,s,n);if(i){if(this.resizeListener.isMobile()){const e=(0,q.xK)(t,"desktop",n);e&&(i=Object.assign(Object.assign({},i),{styleAttributes:Object.assign(Object.assign({},e.styleAttributes),i.styleAttributes)}))}this.applyStylesToElement(e,this.applySharedClassesToElementModel(i),r)}})),this._addLinkColor(r,this.getShared())},this.registerComponentResourceManagement=()=>{this.viewResourceManager.registerComponent(this.model.id,this.componentResourceManager)},this.applyStyles=(t,e={})=>{if(!t||!t.style)return!1;for(const[n,s]of Object.entries(e))t.style[n]=s;return!0},this.applyStylesToElement=(t,e,n)=>{var s,i;const r=[];"host"===(e=J._resolveTogglableStylesForElementModel(e)).element&&(I.applyHostStyles(this.model.type,t,null,this.layoutType),("desktop"===this.getEnvironment()&&(null===(s=this.model.props.backgroundDynamicInlineSVGElements)||void 0===s?void 0:s.desktop)||"mobile"===this.getEnvironment()&&(null===(i=this.model.props.backgroundDynamicInlineSVGElements)||void 0===i?void 0:i.mobile))&&(this.colorSchemaListener.apply(this.getEnvironment()),r.push("background")));let a=e.styleAttributes.background,l=a&&a.match(/url\("([^"]*)"\)/);if(this.manifest.waitForResourcesLoad&&l){this.componentResourceManager.getPending().increment();const t=new Image;t.src=l[1],T(t,"load",(()=>{this.componentResourceManager.getPending().decrement()})),T(t,"error",(()=>{this.componentResourceManager.onResourceLoadFailure(t.src),"UPDATING"===this.services.config.getConfig("entryModuleType")&&this.componentResourceManager.getPending().decrement()}))}const c=Object.assign(Object.assign({},e),{styleAttributes:D(e.styleAttributes,r)});if(_.set(t,c),this._setClassAttributes(t,e),n){if(e.hoverStyleAttributes){let s=Object.assign({},e.hoverStyleAttributes);if("FILL_UP"===e.hoverAnimationType){t.style.boxShadow="inset 0px 0px 0px 0px rgb(0, 0, 0, 0)",t.style.overflow="hidden";const n=t.tagName.toLowerCase(),i=`flip-up-animation-${e.element}`;let o=this.getRootElement().querySelector(`#${i}`);o||(o=document.createElement("style"),o.id=i,t.appendChild(o)),X({element:o,html:`\n              ${n}::before {\n                content: '';\n                background: ${s.background};\n                position: absolute;\n                left: 0;\n                top: ${t.getBoundingClientRect().height}px;\n                height: ${t.getBoundingClientRect().height}px;\n                width: 100%;\n                z-index: -10;\n              }\n              ${n}:hover::before {\n                top: 0;\n                transition: 0.3s;\n              }\n          `}),s=Object.assign(Object.assign({},e.hoverStyleAttributes),{background:"transparent",position:"relative"})}s.borderTopWidth&&"0px"!==s.borderTopWidth||delete s.borderTopColor,s.borderBottomWidth&&"0px"!==s.borderBottomWidth||delete s.borderBottomColor,s.borderLeftWidth&&"0px"!==s.borderLeftWidth||delete s.borderLeftColor,s.borderRightWidth&&"0px"!==s.borderRightWidth||delete s.borderRightColor,this._addStylesToStyleElement(n,e.element,s,`:not(.${(0,o.vi)("no-hover")}):hover`,!0)}e.placeholderStyleAttributes&&this._addStylesToStyleElement(n,e.element,e.placeholderStyleAttributes,"::placeholder"),this._addFontStylesToStyleElement(n,this.getShared()),this.stylesAppliedToElement(t,e,n)}},this._fixMarginOverflow=t=>{const e=this.getParentComponent(),n=e&&("flex"===e.style.display||"inline-flex"===e.style.display),s="host",i=t.getAttribute((0,o.vi)("element"))===s;if(!n||!i)return;const r=this.getProps(),a=this.getEnvironment(),{styleAttributes:l}=(0,q.xK)(r.adaptiveStyles,a,s)||{};if(!l)return;const c=l.marginLeft||l.marginRight,p="100%"===l.width;if(c&&p){const e=(parseFloat(l.marginLeft)||0)+(parseFloat(l.marginRight)||0);e&&setTimeout((()=>{t.style.width=`calc(100% - ${e}px)`}))}},this.applySharedClassesToElementModel=t=>{const e=this.documentModel.getShared();return(0,q.MW)(t,e)},this.getModel=()=>this.model,this._addStylesToStyleElement=(t,e,n,s="",i)=>{const r=Object.keys(n).reduce(((t,e)=>t+` ${j.camelCaseToDashCase(e)}: ${n[e]}${i?" !important;":";"}`),"");X({element:t,html:`[${(0,o.vi)("element")}="${e}"]${s} { ${r} }`,appendHtml:!0})},this._addFontStylesToStyleElement=(t,e)=>{X({element:t,html:`[cl-type] {font-family:${e.textFontFamily||"inherit"}}`,appendHtml:!0})},this._addLinkColor=(t,e)=>{var n,s,i,o;e.linkColor&&X({element:t,html:`a {color: ${e.linkColor}}, a:visited {color: ${e.linkColor}}`,appendHtml:!0}),(null===(n=e.linkParams)||void 0===n?void 0:n.color)&&X({element:t,html:`a {color: ${null===(s=e.linkParams)||void 0===s?void 0:s.color}}, a:visited {color: ${null===(i=e.linkParams)||void 0===i?void 0:i.color}}`,appendHtml:!0}),(null===(o=e.linkParams)||void 0===o?void 0:o.removeUnderline)&&X({element:t,html:"a {text-decoration: none}, a:visited {text-decoration: none}",appendHtml:!0})},this._setClassAttributes=(t,e)=>{Array.from(t.classList).filter((t=>t!==(0,o.yU)("hovered")&&t!==(0,o.yU)("focused"))).forEach((e=>{e.startsWith(o._N.SYSTEM_CLASS_PREFIX)&&t.classList.remove(e)}));const n=((t.getAttribute("class")||"")+" "+e.classes).trim();t.setAttribute("class",n)},this.getParentComponent=()=>z(this.parentNode,(0,o.vi)("element"),"host"),this.getWidgetContainerNode=()=>{const t=null==this?void 0:this.getAttribute((0,o.vi)("path"));return t&&1===t.split(",").length?this.parentNode:z(this.parentNode,(0,o.vi)("path"),void 0,(t=>t&&1===t.split(",").length))},this.getWidgetLanguages=()=>{return[(t=this.services.config).getConfig("appearanceLanguage"),t.getConfig("browserLanguage"),"en"].filter((t=>!!t));var t},this.getPreferredWidgetLanguage=()=>this.getWidgetLanguages()[0],this.getTranslationsMap=t=>function(t,e){return e.reduce(((e,n)=>{if(e)return e;const s=function(t,e){if(!t)return null;if(e[t])return{translations:e[t],language:t};const n=function(t){return t.includes("-")?t.split("-")[0].toLowerCase():t.includes("_")?t.split("_")[0].toLowerCase():t}(t);return e[n]?{translations:e[n],language:n}:null}(n,t);return s||null}),null)}(t,this.getWidgetLanguages()),this.stylesAppliedToElement=(t,e,n)=>{},this.updateContext=()=>{var t;const e=this.getModel();this.services.context.updateRecord(e.id,{label:this.getContextRecordLabel(e.props),viewIndex:null===(t=e.path)||void 0===t?void 0:t[0]})},this.addContextRecord=()=>{var t;const e=this.getModel();this.services.context.addRecord(e.id,{recordKey:e.id,id:e.props.control.name,label:this.getContextRecordLabel(e.props),value:e.props.control.defaultValue||"",viewIndex:null===(t=e.path)||void 0===t?void 0:t[0],sourceId:"FORM",initialData:{fallbackValue:"",exampleValue:this.getContextRecordExampleValue(e.props)}})},this.getContextRecordLabel=t=>{var e,n;const s=t.control.name;if(["email","first_name","last_name"].includes(s))return s.toUpperCase();if(t.content.label&&(null===(n=null===(e=t.adaptiveStyles.desktop.find((t=>"label"===t.element)))||void 0===e?void 0:e.params)||void 0===n?void 0:n.enabled)){const e=(new DOMParser).parseFromString(t.content.label,"text/html");return this.capitalizeFirstLetter(e.body.textContent||"")}return t.content.placeholder?this.capitalizeFirstLetter(t.content.placeholder):t.control.integrationName?this.capitalizeFirstLetter(t.control.integrationName).replace(new RegExp("_","g")," "):void 0},this.capitalizeFirstLetter=t=>t.charAt(0).toUpperCase()+t.slice(1),this.getContextRecordExampleValue=t=>{switch(t.control.name){case"email":return"myemail@example.com";case"first_name":return"Maria";case"last_name":return"Taylor";default:return this.getContextRecordLabel(t)}},this.completeSubmitAction=t=>{const e=t||{},n=this.services.actionRegister.getRegisteredActions().find((t=>t.category===Y));n?null==n||n.execute(void 0,void 0,!0,e):this.services.actionFactory.get({type:m}).execute(void 0,void 0,!0,e)},this.getHandlers=()=>this.getProps().handlers&&this.getProps().handlers.length?[...this.getProps().handlers]:[],this.assets=(t="")=>`${this.services.config.getConfig("staticResourcesUrl").replace(/\/$/,"")}/${this.manifest.name}/assets${t?`/${t}`:""}`,this.attachShadow({mode:"open"}),this.manifest=this.manifest||(null===(t=this.define)||void 0===t?void 0:t.manifest)||(null===(e=this.constructor.define)||void 0===e?void 0:e.manifest)}connectedCallback(){this.construct(),this.registerComponentResourceManagement(),Promise.resolve().then((()=>{this.attachHandlers()}))}disconnectedCallback(){var t;this.observers.clear(),this.subscriptions.off(),this.state.destroy(),this.componentEventEmitter.destroy(),null===(t=this.mergeTagsProcessor)||void 0===t||t.destroy()}static _resolveTogglableStylesForElementModel(t){const e=Object.assign({},t);return Object.keys(e).forEach((t=>{t.toLowerCase().includes("styleattributes")&&(e[t]=J._resolveTogglableStyles(e[t]))})),e}static _resolveTogglableStyles(t){const e=Object.assign({},t),n=(t,n,s)=>{n in e&&(t.forEach((t=>{t in e&&(e[t]=e[n]?e[t]:s)})),delete e[n])};return n(["marginTop","marginBottom","marginLeft","marginRight"],"_marginEnabled","0px"),n(["paddingTop","paddingBottom","paddingLeft","paddingRight"],"_paddingEnabled","0px"),e}}const tt=()=>{const t=window.screen.orientation||window.screen.mozOrientation||window.screen.msOrientation;return t?t.type.includes("portrait")?"PORTRAIT":"LANDSCAPE":void 0===window.orientation||0===window.orientation||180===window.orientation?"PORTRAIT":90===window.orientation||-90===window.orientation?"LANDSCAPE":void 0},et=()=>/iPhone/i.test(navigator.userAgent)||/iPad/.test(navigator.userAgent)||"MacIntel"===navigator.platform&&navigator.maxTouchPoints>1;class nt extends A{constructor(t,e){var n;super(),this.documentModel=t,this._orientation=null!==(n=e.config.defaultOrientation)&&void 0!==n?n:tt(),this.documentModel.on(P,(t=>{t.orientation&&(this._orientation=t.orientation,this.emit(nt.changeEventName,this._orientation))})),this.handleOrientationChangeBound=this.handleOrientationChange.bind(this),this.addOrientationChangeListener()}isPortrait(){return"PORTRAIT"===this._orientation}handleOrientationChange(t){var e,n;this._orientation=null!==(n=null===(e=null==t?void 0:t.detail)||void 0===e?void 0:e.orientation)&&void 0!==n?n:tt(),this.emit(nt.changeEventName,this._orientation)}addOrientationChangeListener(){!et()&&window.screen.orientation?window.screen.orientation.addEventListener("change",this.handleOrientationChangeBound):"orientation"in window&&window.addEventListener("orientationchange",this.handleOrientationChangeBound)}removeOrientationChangeListener(){!et()&&window.screen.orientation?window.screen.orientation.removeEventListener("change",this.handleOrientationChangeBound):"orientation"in window&&window.removeEventListener("orientationchange",this.handleOrientationChangeBound)}destroy(){super.destroy(),this.removeOrientationChangeListener()}}function st(t){return st="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},st(t)}function it(t,e){for(var n=0;n<e.length;n++){var s=e[n];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(t,pt(s.key),s)}}function ot(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(ot=function(){return!!t})()}function rt(){return rt="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var s=function(t,e){for(;!{}.hasOwnProperty.call(t,e)&&null!==(t=at(t)););return t}(t,e);if(s){var i=Object.getOwnPropertyDescriptor(s,e);return i.get?i.get.call(arguments.length<3?t:n):i.value}},rt.apply(null,arguments)}function at(t){return at=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},at(t)}function lt(t,e){return lt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},lt(t,e)}function ct(t,e,n){return(e=pt(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function pt(t){var e=function(t){if("object"!=st(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,"string");if("object"!=st(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==st(e)?e:e+""}nt.changeEventName="CHANGE";var ht=function(){function t(){var e;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),ct(e=function(t,e,n){return e=at(e),function(t,e){if(e&&("object"==st(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,ot()?Reflect.construct(e,n||[],at(t).constructor):e.apply(t,n))}(this,t),"manifest",i.A),ct(e,"updateResponsiveStyles",(function(){e.getProps().isResponsive&&"mobile"===e.getEnvironment()&&e.mobileDeviceOrientationListener.isPortrait()?e.getRootElement().querySelector(".columns-container").style.flexDirection="column":e.getRootElement().querySelector(".columns-container").style.flexDirection="row"})),e.getRootElement().innerHTML="\n      ".concat("\n  <style>\n    :host {\n      position: relative;\n      min-width: 50px;\n      min-height: 50px; \n      display:flex;\n    }\n\n    .columns-container {\n      height: auto;\n      min-height: 50px; \n      width: 100%;\n      min-width: 50px;\n      display: flex;\n      gap: inherit;\n    }\n  </style>\n  ","\n      <div ").concat((0,o.vi)("render-outlet"),' class="columns-container"></div>\n    '),e}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&lt(t,e)}(t,J),e=t,n=[{key:"connectedCallback",value:function(){var e,n,s,i=this;(e=t,n=this,"function"==typeof(s=rt(at(1&3?e.prototype:e),"connectedCallback",n))?function(t){return s.apply(n,t)}:s)([]),this.observeProps((function(t,e){i.applyAutoAdaptiveStyles(e.adaptiveStyles,e.styles),i.updateResponsiveStyles()})),this.observeEnvironment((function(t,e){i.updateResponsiveStyles()})),this.subscriptions.push(this.mobileDeviceOrientationListener.on(nt.changeEventName,(function(){i.updateResponsiveStyles()})))}}],n&&it(e.prototype,n),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,n}();ct(ht,"define",{name:"sys-columns",model:i.A.name,manifest:i.A});const ut=s.A;export{ut as default};window.clComponentClass_SysColumnsComponent=ht;

package/SysColumnsComponent/assets/img/columns-frame-100.svg

@@ -0,0 +1,3 @@
+<svg width="122" height="18" viewBox="0 0 122 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.825195" y="1.37866" width="120" height="16" fill="#FFE9E9" stroke="#FF9090" stroke-dasharray="2 2"/>
+</svg>

package/SysColumnsComponent/assets/img/columns-frame-33-66.svg

@@ -0,0 +1,6 @@
+<svg width="122" height="17" viewBox="0 0 122 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.797852 0H38.0479V17H0.797852V0Z" fill="#FFE9E9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.797852 1.0625V0H1.83258V1H1.79785V1.0625H0.797852ZM5.97146 0H3.90202V1H5.97146V0ZM8.0409 0V1H10.1103V0H8.0409ZM12.1798 0V1H14.2492V0H12.1798ZM16.3187 0V1H18.3881V0H16.3187ZM20.4576 0V1H22.527V0H20.4576ZM24.5965 0V1H26.6659V0H24.5965ZM28.7354 0V1H30.8048V0H28.7354ZM32.8742 0V1H34.9437V0H32.8742ZM37.0131 0V1H37.0479V1.0625H38.0479V0H37.0131ZM38.0479 3.1875H37.0479V5.3125H38.0479V3.1875ZM38.0479 7.4375H37.0479V9.5625H38.0479V7.4375ZM38.0479 11.6875H37.0479V13.8125H38.0479V11.6875ZM38.0479 15.9375H37.0479V16H37.0131V17H38.0479V15.9375ZM34.9437 17V16H32.8742V17H34.9437ZM30.8048 17V16H28.7354V17H30.8048ZM26.6659 17V16H24.5965V17H26.6659ZM22.527 17V16H20.4576V17H22.527ZM18.3881 17V16H16.3187V17H18.3881ZM14.2492 17V16H12.1798V17H14.2492ZM10.1104 17V16H8.04091V17H10.1104ZM5.97146 17V16H3.90202V17H5.97146ZM1.83257 17V16H1.79785V15.9375H0.797852V17H1.83257ZM0.797852 13.8125H1.79785V11.6875H0.797852V13.8125ZM0.797852 9.5625H1.79785V7.4375H0.797852V9.5625ZM0.797852 5.3125H1.79785V3.1875H0.797852V5.3125Z" fill="#FF9090"/>
+<path d="M42.0479 0H121.798V17H42.0479V0Z" fill="#FFE9E9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M42.0479 1.0625V0H43.0479V1.0625H42.0479ZM47.0322 0H45.0384V1H47.0322V0ZM43.0479 17V15.9375H42.0479V17H43.0479ZM120.798 17H121.798V15.9375H120.798V17ZM120.798 0V1.0625H121.798V0H120.798ZM49.0259 0V1H51.0197V0H49.0259ZM53.0135 0V1H55.0072V0H53.0135ZM57.001 0V1H58.9947V0H57.001ZM60.9885 0V1H62.9822V0H60.9885ZM64.976 0V1H66.9697V0H64.976ZM68.9635 0V1H70.9572V0H68.9635ZM72.951 0V1H74.9447V0H72.951ZM76.9385 0V1H78.9322V0H76.9385ZM80.926 0V1H82.9197V0H80.926ZM84.9135 0V1H86.9072V0H84.9135ZM88.901 0V1H90.8947V0H88.901ZM92.8885 0V1H94.8822V0H92.8885ZM96.876 0V1H98.8697V0H96.876ZM100.863 0V1H102.857V0H100.863ZM104.851 0V1H106.845V0H104.851ZM108.838 0V1H110.832V0H108.838ZM112.826 0V1H114.82V0H112.826ZM116.813 0V1H118.807V0H116.813ZM121.798 3.1875H120.798V5.3125H121.798V3.1875ZM121.798 7.4375H120.798V9.5625H121.798V7.4375ZM121.798 11.6875H120.798V13.8125H121.798V11.6875ZM118.807 17V16H116.814V17H118.807ZM114.82 17V16H112.826V17H114.82ZM110.832 17V16H108.839V17H110.832ZM106.845 17V16H104.851V17H106.845ZM102.857 17V16H100.863V17H102.857ZM98.8697 17V16H96.876V17H98.8697ZM94.8822 17V16H92.8885V17H94.8822ZM90.8947 17V16H88.901V17H90.8947ZM86.9072 17V16H84.9135V17H86.9072ZM82.9197 17V16H80.926V17H82.9197ZM78.9322 17V16H76.9385V17H78.9322ZM74.9447 17V16H72.951V17H74.9447ZM70.9572 17V16H68.9635V17H70.9572ZM66.9697 17V16H64.976V17H66.9697ZM62.9822 17V16H60.9885V17H62.9822ZM58.9947 17V16H57.001V17H58.9947ZM55.0072 17V16H53.0135V17H55.0072ZM51.0197 17V16H49.026V17H51.0197ZM47.0322 17V16H45.0385V17H47.0322ZM42.0479 13.8125H43.0479V11.6875H42.0479V13.8125ZM42.0479 9.5625H43.0479V7.4375H42.0479V9.5625ZM42.0479 5.3125H43.0479V3.1875H42.0479V5.3125Z" fill="#FF9090"/>
+</svg>

package/SysColumnsComponent/assets/img/columns-frame-50-50.svg

@@ -0,0 +1,6 @@
+<svg width="122" height="17" viewBox="0 0 122 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.797852 0H59.7979V17H0.797852V0Z" fill="#FFE9E9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.797852 1.0625V0H1.79785V1.0625H0.797852ZM5.71451 0H3.74784V1H5.71451V0ZM1.79785 17V15.9375H0.797852V17H1.79785ZM58.7979 17H59.7979V15.9375H58.7979V17ZM58.7979 0V1.0625H59.7979V0H58.7979ZM7.68117 0V1H9.64784V0H7.68117ZM11.6145 0V1H13.5812V0H11.6145ZM15.5478 0V1H17.5145V0H15.5478ZM19.4812 0V1H21.4478V0H19.4812ZM23.4145 0V1H25.3812V0H23.4145ZM27.3478 0V1H29.3145V0H27.3478ZM31.2812 0V1H33.2478V0H31.2812ZM35.2145 0V1H37.1812V0H35.2145ZM39.1479 0V1H41.1145V0H39.1479ZM43.0812 0V1H45.0479V0H43.0812ZM47.0145 0V1H48.9812V0H47.0145ZM50.9479 0V1H52.9145V0H50.9479ZM54.8812 0V1H56.8479V0H54.8812ZM59.7979 3.1875H58.7979V5.3125H59.7979V3.1875ZM59.7979 7.4375H58.7979V9.5625H59.7979V7.4375ZM59.7979 11.6875H58.7979V13.8125H59.7979V11.6875ZM56.8479 17V16H54.8812V17H56.8479ZM52.9145 17V16H50.9479V17H52.9145ZM48.9812 17V16H47.0145V17H48.9812ZM45.0479 17V16H43.0812V17H45.0479ZM41.1145 17V16H39.1479V17H41.1145ZM37.1812 17V16H35.2145V17H37.1812ZM33.2479 17V16H31.2812V17H33.2479ZM29.3145 17V16H27.3479V17H29.3145ZM25.3812 17V16H23.4145V17H25.3812ZM21.4479 17V16H19.4812V17H21.4479ZM17.5145 17V16H15.5479V17H17.5145ZM13.5812 17V16H11.6145V17H13.5812ZM9.64785 17V16H7.68119V17H9.64785ZM5.71452 17V16H3.74785V17H5.71452ZM0.797852 13.8125H1.79785V11.6875H0.797852V13.8125ZM0.797852 9.5625H1.79785V7.4375H0.797852V9.5625ZM0.797852 5.3125H1.79785V3.1875H0.797852V5.3125Z" fill="#FF9090"/>
+<path d="M63.7979 0H121.798V17H63.7979V0Z" fill="#FFE9E9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M63.7979 1.0625V0H64.7979V1.0625H63.7979ZM68.6312 0H66.6978V1H68.6312V0ZM64.7979 17V15.9375H63.7979V17H64.7979ZM120.798 17H121.798V15.9375H120.798V17ZM120.798 0V1.0625H121.798V0H120.798ZM70.5645 0V1H72.4979V0H70.5645ZM74.4312 0V1H76.3645V0H74.4312ZM78.2979 0V1H80.2312V0H78.2979ZM82.1645 0V1H84.0979V0H82.1645ZM86.0312 0V1H87.9645V0H86.0312ZM89.8979 0V1H91.8312V0H89.8979ZM93.7645 0V1H95.6979V0H93.7645ZM97.6312 0V1H99.5645V0H97.6312ZM101.498 0V1H103.431V0H101.498ZM105.365 0V1H107.298V0H105.365ZM109.231 0V1H111.165V0H109.231ZM113.098 0V1H115.031V0H113.098ZM116.965 0V1H118.898V0H116.965ZM121.798 3.1875H120.798V5.3125H121.798V3.1875ZM121.798 7.4375H120.798V9.5625H121.798V7.4375ZM121.798 11.6875H120.798V13.8125H121.798V11.6875ZM118.898 17V16H116.965V17H118.898ZM115.031 17V16H113.098V17H115.031ZM111.165 17V16H109.231V17H111.165ZM107.298 17V16H105.365V17H107.298ZM103.431 17V16H101.498V17H103.431ZM99.5645 17V16H97.6312V17H99.5645ZM95.6978 17V16H93.7645V17H95.6978ZM91.8312 17V16H89.8978V17H91.8312ZM87.9645 17V16H86.0312V17H87.9645ZM84.0978 17V16H82.1645V17H84.0978ZM80.2312 17V16H78.2979V17H80.2312ZM76.3645 17V16H74.4312V17H76.3645ZM72.4979 17V16H70.5645V17H72.4979ZM68.6312 17V16H66.6979V17H68.6312ZM63.7979 13.8125H64.7979V11.6875H63.7979V13.8125ZM63.7979 9.5625H64.7979V7.4375H63.7979V9.5625ZM63.7979 5.3125H64.7979V3.1875H63.7979V5.3125Z" fill="#FF9090"/>
+</svg>