@claspo/components 1.1.19 → 1.1.20-theme.36

package/LICENSE.md

@@ -0,0 +1,59 @@
+Claspo Base Components Source License (Source-Available, Ecosystem-Restricted)
+Version 1.0 — Effective Date: 2026-01-26
+
+Copyright (c) 2026 Claspo Inc. All rights reserved.
+
+This repository contains source code for Claspo base components (the “Software”).
+The Software is NOT open source. You may view and modify the Software under the terms below.
+
+1. Definitions
+   1.1 “Claspo” means Claspo Inc.
+   1.2 “Software” means the source code, build scripts, assets, and documentation in this repository, excluding third-party dependencies under their own licenses.
+   1.3 “Permitted Environment” means (a) the Claspo Platform (claspo.io), and/or (b) an Authorized White-Label Product (a product embedding the Claspo builder under a valid paid agreement/subscription with Claspo).
+   1.4 “Production Use” means use of the Software (or any derivative) in a live environment for the benefit of end users or customers, whether paid or free, including SaaS, self-hosted, embedded, or “as-a-service”.
+
+2. License Grant (Limited)
+   Subject to your continuous compliance with this License, Claspo grants you a limited, worldwide, non-exclusive, non-transferable, non-sublicensable, revocable license to:
+   2.1 View, copy, and modify the Software for the purpose of:
+   (a) developing, testing, and running it within the Permitted Environment; and/or
+   (b) developing components, extensions, or integrations intended to run within the Permitted Environment.
+   2.2 Submit pull requests or contributions to Claspo (if accepted by Claspo), subject to Section 6.
+
+3. Restrictions (Ecosystem Only)
+   You must NOT, and must NOT permit any third party to:
+   3.1 Use the Software (or derivatives) for any Production Use outside the Permitted Environment.
+   3.2 Sell, resell, license, sublicense, rent, lease, distribute, or otherwise provide the Software (or derivatives) to any third party as a standalone library, UI kit, component pack, template pack, or developer toolkit.
+   3.3 Offer the Software (or derivatives) as a hosted service, platform, or “as-a-service” solution, except within the Permitted Environment.
+   3.4 Use the Software (or derivatives) to build or operate a competing product, service, editor/builder, or platform that offers substantially similar functionality to the Claspo builder, widgets, popup/onsite campaign tooling, or component framework.
+   3.5 Remove or alter proprietary notices, copyright notices, or license terms.
+   3.6 Circumvent or disable any technical limitations, security measures, license checks, or access controls.
+
+4. Attribution; Notices
+   You must preserve all copyright, license, and proprietary notices in all copies and derivatives.
+
+5. Ownership
+   The Software is and remains the exclusive property of Claspo and its licensors. All rights not expressly granted are reserved. No ownership interest is transferred.
+
+6. Contributions
+   If you contribute code to Claspo (via pull requests or otherwise), you grant Claspo a perpetual, irrevocable, worldwide, royalty-free right to use, reproduce, modify, sublicense, and distribute your contribution as part of the Software under any terms. (Claspo may require a separate CLA for certain contributions.)
+
+7. Commercial Licensing / Exceptions
+   If you want to use the Software outside the Permitted Environment, or you want to distribute or sell it (or derivatives), you must obtain a separate written commercial license from Claspo.
+   Contact: legal@claspo.io
+
+8. Disclaimer of Warranties
+   THE SOFTWARE IS PROVIDED “AS IS” AND “AS AVAILABLE”. TO THE MAXIMUM EXTENT PERMITTED BY LAW, CLASPO DISCLAIMS ALL WARRANTIES, EXPRESS OR IMPLIED, INCLUDING IMPLIED WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, TITLE, AND NON-INFRINGEMENT.
+
+9. Limitation of Liability
+   TO THE MAXIMUM EXTENT PERMITTED BY LAW, IN NO EVENT WILL CLASPO BE LIABLE FOR ANY INDIRECT, INCIDENTAL, SPECIAL, CONSEQUENTIAL, OR PUNITIVE DAMAGES, OR ANY LOSS OF PROFITS, REVENUE, DATA, OR GOODWILL, ARISING OUT OF OR RELATED TO THE SOFTWARE OR THIS LICENSE, EVEN IF ADVISED OF THE POSSIBILITY.
+   CLASPO’S TOTAL LIABILITY UNDER THIS LICENSE WILL NOT EXCEED USD $100.
+
+10. Termination
+    This License is effective until terminated. Claspo may terminate it immediately if you breach it. Upon termination, you must cease use and destroy all copies under your control. Sections 4–10 survive.
+
+11. Governing Law; Venue
+    This License is governed by the laws of the State of Delaware, USA, without regard to conflict of laws principles. Exclusive venue: state or federal courts located in Delaware.
+
+12. Contact
+    Claspo Inc.
+    Legal: legal@claspo.io

package/README.md

@@ -0,0 +1,10 @@
+# @claspo/components
+
+Claspo Base Components
+
+
+## Installation
+
+https://www.npmjs.com/package/@claspo/components 
+
+``npm i -s @claspo/components``

package/SysButtonComponent/SysButtonComponent.js

@@ -1 +1 @@
-const t={name:"SysButtonComponent",componentType:"BUTTON",version:"1.0.0",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:"host"},{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:"host"},{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:"host",elementProp:"styleAttributes",params:{width:{options:["fixed","fill","hug"]},height:{options:["fixed","fill","hug"]}}},{type:"CONTROL",name:"TEXT_PARAMS",params:[{element:"button",isLineSpaceAvailable:!0,isTextTransformAvailable:!0}]},{type:"CONTROL",name:"BACKGROUND",propPath:["styles","[element=button]","styleAttributes"]},{type:"CONTROL",name:"ICON",propPath:["styles","[element=button]","styleAttributes"],params:{visibleDisplayValue:"block"},hideSyncSelect:!0},{type:"CONTROL",name:"TEXT_VISIBILITY",elementSubProp:"--textDisplay",elementProp:"styleAttributes",element:"button",params:{visibleDisplayValue:"inline"}},{type:"CONTROL",name:"BORDERS",propPath:["styles","[element=button]","styleAttributes"]},{type:"CONTROL",name:"BOX_SHADOW",propPath:["styles","[element=button]","styleAttributes"]},{type:"CONTROL",name:"BORDER_RADIUS",propPath:["styles","[element=button]","styleAttributes"]},{type:"CONTROL",name:"HOVER_ANIMATION",propPath:["styles","[element=button]","hoverStyleAttributes"],params:{animationTypeProp:{propPath:["styles","[element=button]","hoverAnimationType"]}}},{type:"CONTROL",name:"LOOP_ANIMATION",propPath:["styles","[element=button]"],params:{label:"LOOP_ANIMATION_LABEL"}},{type:"CONTROL",name:"INDENTATION",elementProp:"styleAttributes",element:"button",params:{indentationType:"PADDING"}},{type:"CONTROL",name:"INDENTATION",elementProp:"styleAttributes",element:"host",params:{indentationType:"MARGIN"}}]},{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"]}}},{type:"CONTROL",name:"TEXT_PARAMS",params:[{element:"button",isLineSpaceAvailable:!0,isTextTransformAvailable:!0}]},{type:"CONTROL",name:"BACKGROUND",propPath:["styles","[element=button]","styleAttributes"]},{type:"CONTROL",name:"ICON",propPath:["styles","[element=button]","styleAttributes"],params:{visibleDisplayValue:"block"},hideSyncSelect:!0},{type:"CONTROL",name:"TEXT_VISIBILITY",elementSubProp:"--textDisplay",elementProp:"styleAttributes",element:"button",params:{visibleDisplayValue:"inline"}},{type:"CONTROL",name:"BORDERS",propPath:["styles","[element=button]","styleAttributes"]},{type:"CONTROL",name:"BOX_SHADOW",propPath:["styles","[element=button]","styleAttributes"]},{type:"CONTROL",name:"BORDER_RADIUS",propPath:["styles","[element=button]","styleAttributes"]},{type:"CONTROL",name:"HOVER_ANIMATION",propPath:["styles","[element=button]","hoverStyleAttributes"],params:{animationTypeProp:{propPath:["styles","[element=button]","hoverAnimationType"]}}},{type:"CONTROL",name:"LOOP_ANIMATION",propPath:["styles","[element=button]"],params:{label:"LOOP_ANIMATION_LABEL"}},{type:"CONTROL",name:"INDENTATION",elementProp:"styleAttributes",element:"button",params:{indentationType:"PADDING"}},{type:"CONTROL",name:"INDENTATION",elementProp:"styleAttributes",element:"host",params:{indentationType:"MARGIN"}}]}],general:[{type:"CONTROL",name:"NPS_ACTIONS",propPath:["content"],params:{syncContentComponentName:"SysNetPromoterScoreComponent"},displayCondition:"return (sdk.documentUtils.findComponentsByNames([sdk.componentView], ['SysNetPromoterScoreComponent'])?.length === 1) && (sdk.documentUtils.findComponentsByNames([sdk.componentView], ['SysFeedbackComponent'])?.length === 0) && sdk.component.getProps().handlers?.find(h => h.type === 'CLICK')?.actions?.some(a => ['REQUEST', 'SUBSCRIBE_CONTACT'].includes(a.type))"},{type:"CONTROL",name:"FEEDBACK_ACTIONS",propPath:["content"],params:{syncContentComponentName:"SysFeedbackComponent"},displayCondition:"return (sdk.documentUtils.findComponentsByNames([sdk.componentView], ['SysFeedbackComponent'])?.length === 1) && (sdk.documentUtils.findComponentsByNames([sdk.componentView], ['SysNetPromoterScoreComponent'])?.length === 0) && sdk.component.getProps().handlers?.find(h => h.type === 'CLICK')?.actions?.some(a => ['REQUEST', 'SUBSCRIBE_CONTACT'].includes(a.type))"},{type:"CONTROL",name:"ACTIONS",propPath:["handlers"],params:{origin:!0,hideSubmitActionCondition:"return (sdk.documentUtils.findComponentsByNames([sdk.componentView], ['SysNetPromoterScoreComponent', 'SysFeedbackComponent'])?.length === 1) && sdk.component.getProps().handlers?.find(h => h.type === 'CLICK')?.actions?.some(a => ['REQUEST', 'SUBSCRIBE_CONTACT'].includes(a.type))",hideGoToViewActionCondition:"return (sdk.documentUtils.findComponentsByNames([sdk.componentView], ['SysNetPromoterScoreComponent', 'SysFeedbackComponent'])?.length === 1) && sdk.component.getProps().handlers?.find(h => h.type === 'CLICK')?.actions?.some(a => ['REQUEST', 'SUBSCRIBE_CONTACT'].includes(a.type))",showTitleCondition:"return sdk.documentUtils.findComponentsByNames([sdk.componentView], ['SysNetPromoterScoreComponent', 'SysFeedbackComponent'])?.length === 0",showRunGameActionCondition:"return sdk.documentUtils.getExternalStartGamingComponents([sdk.componentView], sdk.manifests)?.length !== 0"}}]},autoContrast:[{slave:{element:"button",elementProp:"styleAttributes",elementSubProp:"color"},master:{element:"button",elementProp:"styleAttributes",elementSubProp:"background"},enabledPropPath:["content","textContrastEnabled"]}],keepGeneralTabOpenUntilInteracted:!0,events:{dispatch:[],listen:[]},i18nPropertyPaneModel:{content:[{type:"CONTROL",name:"ACTIONS",propPath:["handlers"],params:{origin:!1}}]},i18nPropPaths:["content,text","handlers,[id],actions,[id],params,link","handlers,[id],actions,[id],params,customData"],i18n:{en:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"At least one field is required: email or phone number"},ru:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Хотя бы одно из полей должно быть заполнено: Email или Номер телефона"},uk:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Хоча б одне з полів має бути заповнене: Email або Номер телефону"},es:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Necesita, como mínimo, un campo obligatorio: email o número de teléfono"},de:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Mindestens ein Feld ist erforderlich: E-Mail-Adresse oder Telefonnummer"},fr:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Au moins un champ est obligatoire : courriel ou numéro de téléphone"},it:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Almeno un campo è obbligatorio: email o numero di telefono"},pt:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"É necessário pelo menos um campo: email ou número de telefone"},ro:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Cel puțin un câmp este obligatoriu: e-mail sau număr de telefon"},bg:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Изисква се поне едно поле: имейл или телефонен номер"},cs:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Je vyžadováno alespoň jedno pole: e-mail nebo telefonní číslo"},el:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Απαιτείται τουλάχιστον ένα πεδίο: ηλεκτρονική διεύθυνση ή τηλέφωνο"},nl:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Er is minimaal één veld vereist: e-mail of telefoonnummer"},pl:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Wymagane jest co najmniej jedno pole: adres e-mail lub numer telefonu"},sv:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Minst ett fält krävs: e-post eller telefonnummer"},tr:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"En az bir alan gereklidir: e-posta veya telefon numarası"},ar:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"مطلوب حقل واحد على الأقل: البريد الإلكتروني أو رقم الهاتف"},zh:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"至少一个字段为必填：电子邮箱或电话号码"},da:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Mindst ét ​​felt er påkrævet: e-mail eller telefonnummer"},he:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"נדרש לפחות שדה אחד: אימייל או מספר טלפון"},fi:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Vähintään yksi kenttä vaaditaan: sähköposti tai puhelinnumero"},hi:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"कम से कम एक फ़ील्ड आवश्यक है: ईमेल या फ़ोन नंबर"},hr:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Potrebno je ispuniti barem jedno polje: e-mail ili telefonski broj"},hu:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Legalább egy mező kitöltése kötelező: e-mail vagy telefonszám."},id:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Setidaknya satu bidang wajib diisi: email atau nomor telepon"},ja:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"少なくとも1つのフィールドが必須です：メールアドレスまたは電話番号"},ko:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"최소 한 칸 필수 입력: 이메일 또는 전화번호"},no:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Minst ett felt er obligatorisk: e-post eller telefonnummer"},sk:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Aspoň jedno pole je povinné: e-mail alebo telefónne číslo"},sl:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Vsaj eno polje je obvezno: e-poštni naslov ali telefonska številka"},sr:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Najmanje jedno polje je obavezno: e-pošta ili broj telefona"}},props:{styles:[{element:"button",styleAttributes:{background:"rgb(0, 0, 0)","--iconDisplay":"none","--iconSize":"20px","--iconOrder":"-1","--iconDistanceToText":"15px","--iconURL":"",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:"200px",borderTopRightRadius:"200px",borderBottomLeftRadius:"200px",borderBottomRightRadius:"200px",boxShadow:"none"},hoverStyleAttributes:{background:"rgba(0, 0, 0, 0.2)"},classes:"cl-loop-animation-PULSE"}],adaptiveStyles:{desktop:[{element:"host",styleAttributes:{width:"auto",minWidth:null,height:"35px",minHeight:"35px",marginTop:"0px",marginBottom:"0px",marginLeft:"0px",marginRight:"0px",_marginEnabled:!1}},{element:"button",styleAttributes:{width:"100%",height:"100%",display:"flex","align-items":"center","justify-content":"center",flexDirection:"row",paddingTop:"10px",paddingBottom:"10px",paddingLeft:"20px",paddingRight:"20px",_paddingEnabled:!0,color:"rgba(255, 255, 255, 1)",textAlign:"center",lineHeight:"120%",fontWeight:"700",fontSize:"16px",textShadow:"none","--textDisplay":"inline"},classes:"cl-text-class-button"}],mobile:[{element:"host",styleAttributes:{width:"auto",minWidth:null,height:"35px",minHeight:"35px",marginTop:"0px",marginBottom:"0px",marginLeft:"0px",marginRight:"0px",_marginEnabled:!1}},{element:"button",styleAttributes:{width:"100%",height:"100%",display:"flex","align-items":"center","justify-content":"center",flexDirection:"row",paddingTop:"10px",paddingBottom:"10px",paddingLeft:"20px",paddingRight:"20px",_paddingEnabled:!0,color:"rgba(255, 255, 255, 1)",textAlign:"center",lineHeight:"120%",fontWeight:"700",fontSize:"16px",textShadow:"none","--textDisplay":"inline"},classes:"cl-text-class-button"}]},content:{text:"Subscribe",textContrastEnabled:!0}},metaDescription:{icon:"/SysButtonComponent/assets/img/button-component-icon.svg",label:{en:"Button",ru:"Кнопка",uk:"Кнопка",es:"Botón",fr:"Bouton",de:"Schaltfläche",it:"Pulsante",pt:"Botão",ro:"Buton",bg:"Копче",cs:"Tlačítko",el:"Πλήκτρο",nl:"Knop",pl:"Przycisk",sv:"Knapp",tr:"Buton",ar:"الزِّر",zh:"按钮",da:"Knap",he:"כפתור",fi:"Painike",hi:"बटन",hr:"Gumb",hu:"Gomb",id:"Tombol",ja:"ボタン",ko:"버튼",no:"Knapp",sk:"Tlačidlo",sl:"Gumb",sr:"Dugme"}}},e="cl-";function n(t){return e+t}function o(t){return"cl-"+t}const i="VIEW",r="MODULE",s="CONTAINER",l="INPUT",a="BUTTON",c="CONSENT",d="COLUMN",p={SUBSCRIBE_CONTACT:"SUBSCRIBE_CONTACT",REQUEST:"REQUEST",DISPATCH_EVENT:"DISPATCH_EVENT",GO_TO_VIEW:"GO_TO_VIEW",GO_TO_PREVIOUS_VIEW:"GO_TO_PREVIOUS_VIEW",GO_TO_NEXT_VIEW:"GO_TO_NEXT_VIEW",SHOW_WIDGET:"SHOW_WIDGET",OPEN_LINK:"OPEN_LINK",CLOSE_WIDGET:"CLOSE_WIDGET",CLICK:"CLICK"};class h{static sortActions(t){const e={[p.CLOSE_WIDGET]:-1,[p.OPEN_LINK]:-2,[p.SHOW_WIDGET]:1,[p.SUBSCRIBE_CONTACT]:2,[p.REQUEST]: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=h.sortActions(e),this.listener=null,this.targetElements=[],this.eventsQueue=[],this.state=null,this.postponed=!1}activate(t,e,n){this.state=t;const i=n(),r=i.getAttribute(o("id"));this.listener=t=>{const e=t.composedPath().filter((t=>t instanceof HTMLElement&&t.getAttribute(o("type"))));let n=0;for(;e[n]&&e[n].getAttribute(o("id"))!==r;){let t=e[n].getAttribute(o("type"));if(h.IGNORING_VIEW_ENTRY_TYPES.includes(t))return;n++}this.eventsQueue.push({event:t}),this.postponed||this.execute()},this.targetElements=this.config.relativeSelector?Array.from((i.shadowRoot||i).querySelectorAll(this.config.relativeSelector)):[i],this.targetElements.forEach((t=>{t.addEventListener("click",this.listener)}))}async execute(){var t,e,n,o;try{for(var i,r=!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,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 s.next()).done);){o=i.value,r=!1;try{const{event:t}=o;for(const e of this.actions)if(!await e.execute(this.state.getState(),t))break}finally{r=!0}}}catch(t){e={error:t}}finally{try{r||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=[])}}h.IGNORING_VIEW_ENTRY_TYPES=[a,c,l];const u="CLICK",m="COMPONENT_EVENT";class g{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 b{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 u:return new h(t,e);case m:return new g(t,e);default:throw new Error(`Not supported handler type ${t.type}`)}}}class f{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 y{constructor(){this.listeners=y.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=f.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=y.createDefaultListenersState()}}y.createDefaultListenersState=()=>({"*":{}});const v=(t,e,n,o)=>{const i=EventTarget.prototype,{addEventListenerBase:r,addEventListener:s}=i;(r||s).call(t,e,n,o)};class E{constructor(t){this.state=t||{}}getState(){return this.state}setState(t){this.state=Object.assign(Object.assign({},this.state),t)}destroy(){}}class O{static extract(t){const e=t.views.map((t=>{const e=t.children.map((t=>t.type===r?Object.assign(Object.assign({},t),O.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})}}O.moduleToContainerParams={name:"SysContainerComponent",version:"1.0.0"};const S="BEFORE",T="AFTER",R="INSIDE",C="INSTEAD";class _{static removeNode(t,e){const n=this.getParentPath(e),o=e[e.length-1],i=this.getNodeByPath(t,n);if(i&&i.children&&i.path){const t=i.children.splice(o,1)[0];return t.prevPath=e,t.path=null,_.reIndex(i,i.path),t}{const n=t.splice(o,1)[0];return n.prevPath=e,n.path=null,t.forEach(((t,e)=>{t.path=[e],_.reIndex(t,t.path)})),n}}static insertNode(t,e,n,o){const i=_.getPathToInsert(e,o,n,t),r=o===R?e:this.getParentPath(i),s=this.getNodeByPath(n,r),l=i[i.length-1];return s&&s.children&&s.path?(s.children.splice(l,0,t),_.reIndex(s,s.path),t):(n.splice(l,0,t),n.forEach(((t,e)=>{t.path=[e],_.reIndex(t,t.path)})),t)}static moveNode(t,e,n,o){const i=_.getNodeByPath(t,n);if(!i)return;const r=_.removeNode(t,e),s=_.getNodeById(t,i.id);s&&s.path&&_.insertNode(r,s.path,t,o)}static iterateDepthFirst(t,e){return A(t,e)}static reIndex(t,e){t.path=e,t.children&&t.children.forEach(((t,n)=>{_.reIndex(t,e.concat(n))}))}static getRelativePath(t){return t.slice(1,t.length)}static getParentPath(t){return t.slice(0,-1)}static getNodeByPath(t,e){let n=t;for(let t=0;t<e.length;t++){if(t===e.length-1)return n[e[t]]||null;if(!n[e[t]]||!n[e[t]].children)return null;n=n[e[t]].children}return null}static getNodeById(t,e){let n=null;for(let o=0;o<t.length;o++){const i=t[o];if(n)break;if(i.id===e){n=i;break}i.children&&i.children.length&&(n=this.getNodeById(i.children,e))}return n}static getPathToInsert(t,e,n,o){var i,r;let s;const l=t[t.length-1];switch(e){case S:s=t;break;case T:s=t.slice(),s[t.length-1]=l+1;break;case R:{const e=_.getNodeByPath(n,t),o=null!==(r=null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)&&void 0!==r?r:0;s=t.concat([o]);break}case C:{const e=null==o?void 0:o.prevPath;s=(null==e?void 0:e.at(-1))<=l?[...t.slice(0,-1),l+1]:t;break}default:s=t}return s}static getNodeOnClickData(t){let e=[],n={};return _.iterateDepthFirst(t,(t=>{var o,i,r,s;const l=null===(r=null===(i=null===(o=t.props)||void 0===o?void 0:o.handlers)||void 0===i?void 0:i.find((t=>t.type===u)))||void 0===r?void 0:r.actions;(null==l?void 0:l.length)&&(e=[...e,...l]),Object.keys((null===(s=t.props)||void 0===s?void 0:s.content)||{}).filter((t=>["detractor","passive","promoter"].includes(t))).map((e=>{var n;return((null===(n=t.props)||void 0===n?void 0:n.content)||{})[e]||null})).filter((t=>t)).forEach((t=>n[t]=t))})),{actions:e,npsViewIds:Object.keys(n)}}}function A(t,e){t.children&&t.children.forEach((t=>A(t,e))),e(t)}class I extends y{constructor(t,e){super(),this.config=e,this.handleMobileBreakpoint(t.getShared().mobileBreakpointWidth),t.on("ENVIRONMENT_UPDATE",(({isMobileEnv:t})=>{this._isMobile=t,this.emit(I.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(I.changeEventName,this._isMobile)}isMobile(){return this.config.forceMobileEnv||this._isMobile}listener(t){this._isMobile=t.matches,this.emit(I.changeEventName,this._isMobile)}destroy(){super.destroy(),this.mediaQueryList.removeListener(this.listener.bind(this))}}I.changeEventName="CHANGE";class N{static set(t,e){const n=t[N.accumulatorPropertyName]||{};t[N.accumulatorPropertyName]=Object.assign(Object.assign({},n),e.styleAttributes),Object.keys(t[N.accumulatorPropertyName]).forEach((n=>{n.includes("--")?t.style.setProperty(n,e.styleAttributes[n]||""):t.style[n]=e.styleAttributes[n]?e.styleAttributes[n]:""}))}}N.accumulatorPropertyName="clStyleAttributes";const x="CONTENT_LOCKER";class P{static applyHostStyles(t,e,n=null,o){var r,l,a;const c=null===(l=null===(r=null==n?void 0:n.props)||void 0===r?void 0:r.handlers)||void 0===l?void 0:l.find((t=>"CLICK"===t.type));c&&(null===(a=c.actions)||void 0===a?void 0:a.length)&&(e.style.cursor="pointer"),t!==i&&t!==s&&t!==d||(e.style.display=o===x&&t===i?"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 L{static log(t){window.scriptLog09u8y9?scriptLog09u8y9("ERROR","RUNTIME_ERROR",new Error(t)):console.error(t)}}class w{constructor(t,e,n,o,i,r){this.hostElement=e,this.documentModel=t,this.getSharedCb=n,this.getPropsCb=o,this.getEnvCb=i,this.httpClient=r,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,r,s,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===(r=e.styles)||void 0===r?void 0:r.find((t=>t.element===n)))||{},d=(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),p=this.parseBackground(d);p.url&&this.envUrlMaps[t].set(n,{originalSVGResourceURL:p.url,inlineSvgString:null,positionOptions:p.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),L.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&&e&&(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 M=new class{execute(t,e="GET",n=null,o,i){const r={method:e,headers:Object.assign({"Content-Type":"text/plain"},o||{}),credentials:"same-origin",body:null,signal:i};return n&&(r.body="string"==typeof n?n:JSON.stringify(n)),fetch(t,r)}};function k(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 U{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 B="COMPONENT_RESOURCES_LOADED",D="FAILED_TO_LOAD_COMPONENT_RESOURCE";class H{constructor(t,e,n){this.getPending=()=>this.counters.pending,this.onCounterStateUpdate=t=>{0===t&&this.systemEventEmitter.emit(B,this.componentId)},this.onResourceLoadFailure=t=>{this.isStaticEntryModule?this.systemEventEmitter.emit(D,`Failed to load: ${t}`):this.counters.pending.decrement()},this.componentId=t,this.systemEventEmitter=e,this.isStaticEntryModule=n,this.counters={pending:new U(this.onCounterStateUpdate)}}}const F=(...t)=>{let e=t.reduce(((t,e)=>Object.assign(Object.assign({},t),{[e]:[]})),{});return{get:t=>e[t],clear:()=>F(...t)}},W=F,V="props",$="shared",G="environment";function Q(t,e,n,o){const i=t=>{let r=t instanceof DocumentFragment||(null==t?void 0:t.nodeType)===Node.DOCUMENT_FRAGMENT_NODE?t.host:t;return r&&(o&&"function"==typeof o?o(r.getAttribute(e)):(null===(s=null==r?void 0:r.getAttribute)||void 0===s?void 0:s.call(r,e))===n)?r:r&&r.parentNode&&i(r.parentNode)||null;var s};return i(t)}const z="SUBMIT";function K(t,e){return e?(t.classes=`${t.classes||""} ${e.classes||""}`.trim(),Object.keys(e).forEach((n=>{if("element"===n||"classes"===n)return;const o=e[n];o&&"object"==typeof o&&!Array.isArray(o)?t[n]=Object.assign(Object.assign({},t[n]||{}),o):t[n]=o})),t):t}function q(t,e,n){var o;return null===(o=null==t?void 0:t[e])||void 0===o?void 0:o.find((t=>t.element===n))}function Z(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 X extends Event{constructor(t,e,n){super(t,n),this.detail={},Object.defineProperty(this,"detail",{value:e})}}const J="STATIC",Y="UPDATING";class tt extends HTMLElement{constructor(){var t,i;super(),this.construct=()=>{let t;const e=this.getAttribute(o("id")),n=this.getWidgetContainerNode();if(!n)throw new Error("Widget container not found in construct");const i=n.closest(`[${o("widget-id")}]`);let r;i&&(r=i.getAttribute(o("widget-id")));let s=new X("cl-props-request",{nodeName:this.nodeName,path:this.getAttribute(o("path")),id:e,widgetId:r},{bubbles:!0,composed:!0});this.dispatchEvent(s),t=s.detail.props,Object.assign(this,t),this.observers=W(V,$,G),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 E({}),this.componentEventEmitter=new y,this.componentResourceManager=new H(this.model.id,this.services.eventEmitter,this.isStaticRenderMode()),this.mergeTagsProcessor=this.services.mergeTagsProcessorFactory.create(),this._actionFactory=this.services.actionFactory,this._handlerFactory=new b(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(V).forEach((e=>e(this.prevProps,t))),this.prevProps=t;const e=this.getHostElement(),n=o("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($).forEach((t=>t(this.getShared())))})),this.model.props.backgroundDynamicInlineSVGElements&&(this.colorSchemaListener=new w(this.documentModel,this.getHostElement(),(()=>this.getShared()),(()=>this.model.props),(()=>this.getEnvironment()),M),this.colorSchemaListener.apply(this.getEnvironment()).then((()=>{this.subscriptions.push(this.colorSchemaListener.on())}))),this.prevProps.adaptiveStyles&&this.subscriptions.push(this.resizeListener.on(I.changeEventName,(()=>{this.applyAutoAdaptiveStyles(this.prevProps.adaptiveStyles,this.prevProps.styles);const t=this.getEnvironment();this.observers.get(G).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.isStaticRenderMode=()=>this.services.config.getConfig("renderMode")===J,this.isUpdatingRenderMode=()=>this.services.config.getConfig("renderMode")===Y,this.getRootElement=()=>this.shadowRoot?this.shadowRoot:this,this.getHostElement=()=>this,this.observeProps=t=>{this.observers.get(V).push(t),t(null,this.prevProps)},this.observeShared=t=>{this.observers.get($).push(t),t(this.getShared())},this.observeEnvironment=t=>{this.observers.get(G).push(t),t(null,this.getEnvironment())},this.getElements=()=>[this.getHostElement(),...Array.from(this.getRootElement().querySelectorAll(`[${o("element")}]`)).filter((t=>!t.hasAttribute(o("component"))))],this.getElement=(t,e)=>this.getElements().find((n=>e?n.getAttribute(o("element"))===t&&n.id===e:n.getAttribute(o("element"))===t)),this.applyAutoAdaptiveStyles=(t,e)=>{if(!t&&!e)return;const n=this.getElements();if(!n.length)return;const i=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&&(K(n,t),o=!0)})),n.mobile&&n.mobile.forEach((n=>{n.element===e&&(K(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),r=o("type"),s="element-styles";let l=this.getRootElement().querySelector(`style[${r}="${s}"]`);l||(l=document.createElement("style"),l.setAttribute(r,s),this.getRootElement().appendChild(l)),Z({element:l,html:""}),n.forEach((t=>{let e=t.getAttribute(o("element"));const n=this.getEnvironment();let r=q(i,n,e);if(r){if(this.resizeListener.isMobile()){const t=q(i,"desktop",e);t&&(r=Object.assign(Object.assign({},r),{styleAttributes:Object.assign(Object.assign({},t.styleAttributes),r.styleAttributes)}))}this.applyStylesToElement(t,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 i,r;const s=[];"host"===(e=tt._resolveTogglableStylesForElementModel(e)).element&&(P.applyHostStyles(this.model.type,t,null,this.layoutType),("desktop"===this.getEnvironment()&&(null===(i=this.model.props.backgroundDynamicInlineSVGElements)||void 0===i?void 0:i.desktop)||"mobile"===this.getEnvironment()&&(null===(r=this.model.props.backgroundDynamicInlineSVGElements)||void 0===r?void 0:r.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],v(t,"load",(()=>{this.componentResourceManager.getPending().decrement()})),v(t,"error",(()=>{this.componentResourceManager.onResourceLoadFailure(t.src),this.isUpdatingRenderMode&&this.componentResourceManager.getPending().decrement()}))}const c=Object.assign(Object.assign({},e),{styleAttributes:k(e.styleAttributes,s)});if(N.set(t,c),this._setClassAttributes(t,e),n){if(e.hoverStyleAttributes){let i=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(),o=`flip-up-animation-${e.element}`;let r=this.getRootElement().querySelector(`#${o}`);r||(r=document.createElement("style"),r.id=o,t.appendChild(r)),Z({element:r,html:`\n              ${n}::before {\n                content: '';\n                background: ${i.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          `}),i=Object.assign(Object.assign({},e.hoverStyleAttributes),{background:"transparent",position:"relative"})}i.borderTopWidth&&"0px"!==i.borderTopWidth||delete i.borderTopColor,i.borderBottomWidth&&"0px"!==i.borderBottomWidth||delete i.borderBottomColor,i.borderLeftWidth&&"0px"!==i.borderLeftWidth||delete i.borderLeftColor,i.borderRightWidth&&"0px"!==i.borderRightWidth||delete i.borderRightColor,this._addStylesToStyleElement(n,e.element,i,`:not(.${o("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.applySharedClassesToElementModel=t=>function(t,n){let o=t;return(o.classes||"").split(" ").filter((t=>t.startsWith(e))).forEach((t=>{var e;let i=null===(e=n.textClasses)||void 0===e?void 0:e[t];i&&(i.styleAttributes.fontFamily||(i.isHeader&&n.headerFontFamily&&(i=Object.assign(Object.assign({},i),{styleAttributes:Object.assign(Object.assign({},i.styleAttributes),{fontFamily:n.headerFontFamily})})),!i.isHeader&&n.textFontFamily&&(i=Object.assign(Object.assign({},i),{styleAttributes:Object.assign(Object.assign({},i.styleAttributes),{fontFamily:n.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:n.textFontFamily})})),o}(t,this.documentModel.getShared()),this.getModel=()=>this.model,this._addStylesToStyleElement=(t,e,n,i="",r)=>{const s=Object.keys(n).reduce(((t,e)=>t+` ${j.camelCaseToDashCase(e)}: ${n[e]}${r?" !important;":";"}`),"");Z({element:t,html:`[${o("element")}="${e}"]${i} { ${s} }`,appendHtml:!0})},this._addFontStylesToStyleElement=(t,e)=>{Z({element:t,html:`[cl-type] {font-family:${e.textFontFamily||"inherit"}}`,appendHtml:!0})},this._addLinkColor=(t,e)=>{var n,o,i,r;e.linkColor&&Z({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)&&Z({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===(r=e.linkParams)||void 0===r?void 0:r.removeUnderline)&&Z({element:t,html:"a {text-decoration: none}, a:visited {text-decoration: none}",appendHtml:!0})},this._setClassAttributes=(t,o)=>{Array.from(t.classList).filter((t=>t!==n("hovered")&&t!==n("focused"))).forEach((n=>{n.startsWith(e)&&t.classList.remove(n)}));const i=((t.getAttribute("class")||"")+" "+o.classes).trim();t.setAttribute("class",i)},this.getParentComponent=()=>Q(this.parentNode,o("element"),"host"),this.getWidgetContainerNode=()=>{const t=null==this?void 0:this.getAttribute(o("path"));return t&&1===t.split(",").length?this.parentNode:Q(this.parentNode,o("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,o,i,r,s;const l=t.control.name;if(["email","first_name","last_name"].includes(l))return l.toUpperCase();if((null===(e=t.content)||void 0===e?void 0:e.label)&&(null===(i=null===(o=null===(n=t.adaptiveStyles)||void 0===n?void 0:n.desktop.find((t=>"label"===t.element)))||void 0===o?void 0:o.params)||void 0===i?void 0:i.enabled)){const e=(new DOMParser).parseFromString(t.content.label,"text/html");return this.capitalizeFirstLetter(e.body.textContent||"")}return(null===(r=t.content)||void 0===r?void 0:r.placeholder)?this.capitalizeFirstLetter(t.content.placeholder):(null===(s=t.control)||void 0===s?void 0:s.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=>{var e;switch(null===(e=t.control)||void 0===e?void 0:e.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===z));n?null==n||n.execute(void 0,void 0,!0,e):this.services.actionFactory.get({type:p.REQUEST}).execute(void 0,void 0,!0,e)},this.getHandlers=()=>{var t;return(null===(t=this.getProps())||void 0===t?void 0:t.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===(i=this.constructor.define)||void 0===i?void 0:i.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()}}function et(t,e){let n=0;return t?(_.iterateDepthFirst(t,(t=>{e===t.name&&n++})),n):n}tt._resolveTogglableStylesForElementModel=t=>{const e=Object.assign({},t);return Object.keys(e).forEach((t=>{t.toLowerCase().includes("styleattributes")&&(e[t]=tt._resolveTogglableStyles(e[t]))})),e},tt._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};var nt=[];for(var ot in{transparent:"#0000"})nt.push(ot);var it="\\s*([.\\d%]+)\\s*",rt="\\("+[it,it,it]+"(?:,\\s*([.\\d]+)\\s*)?\\)",st="(?:rgb)a?",lt="("+nt.join("|")+")";function at(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(st+rt,"i"),RegExp([lt,"(?:#([a-f0-9]{3,8}))",st+rt,"(?:hsl)a?"+rt].join("|"),"gi");var ct=Array.prototype.concat,dt=Array.prototype.slice,pt=function(t){for(var e=[],n=0,o=t.length;n<o;n++){var i=t[n];at(i)?e=ct.call(e,dt.call(i)):e.push(i)}return e};pt.wrap=function(t){return function(){return t(pt(arguments))}};const ht=pt;var ut={},mt=Object.hasOwnProperty,gt=Object.create(null);for(var bt in ut)mt.call(ut,bt)&&(gt[ut[bt]]=bt);var ft={to:{},get:{}};function yt(t,e,n){return Math.min(Math.max(e,t),n)}ft.get=function(t){var e,n;return"hsl"===t.substring(0,3).toLowerCase()?(e=ft.get.hsl(t),n="hsl"):(e=ft.get.rgb(t),n="rgb"),e?{model:n,value:e}:null},ft.get.rgb=function(t){if(!t)return null;var e,n,o,i=[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 r=2*n;i[n]=parseInt(e.slice(r,r+2),16)}o&&(i[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++)i[n]=parseInt(e[n]+e[n],16);o&&(i[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++)i[n]=parseInt(e[n+1],0);e[4]&&(e[5]?i[3]=.01*parseFloat(e[4]):i[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]:mt.call(ut,e[1])?((i=ut[e[1]])[3]=1,i):null:null;for(n=0;n<3;n++)i[n]=Math.round(2.55*parseFloat(e[n+1]));e[4]&&(e[5]?i[3]=.01*parseFloat(e[4]):i[3]=parseFloat(e[4]))}for(n=0;n<3;n++)i[n]=yt(i[n],0,255);return i[3]=yt(i[3],0,1),i},ft.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,yt(parseFloat(e[2]),0,100),yt(parseFloat(e[3]),0,100),yt(isNaN(n)?1:n,0,1)]}return null},ft.to.rgb=function(){var t=ht(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]+")"},ft.to.hsl=function(){var t=ht(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 vt=ft,Et={},Ot={};for(const t of Object.keys(Et))Ot[Et[t]]=t;const St={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"}};Math.pow(6/29,3);for(const t of Object.keys(St)){if(!("channels"in St[t]))throw new Error("missing channels property: "+t);if(!("labels"in St[t]))throw new Error("missing channel labels property: "+t);if(St[t].labels.length!==St[t].channels)throw new Error("channel and label counts mismatch: "+t);const{channels:e,labels:n}=St[t];delete St[t].channels,delete St[t].labels,Object.defineProperty(St[t],"channels",{value:e}),Object.defineProperty(St[t],"labels",{value:n})}St.rgb.hsl=function(t){const e=t[0]/255,n=t[1]/255,o=t[2]/255,i=Math.min(e,n,o),r=Math.max(e,n,o),s=r-i;let l,a;r===i?l=0:e===r?l=(n-o)/s:n===r?l=2+(o-e)/s:o===r&&(l=4+(e-n)/s),l=Math.min(60*l,360),l<0&&(l+=360);const c=(i+r)/2;return a=r===i?0:c<=.5?s/(r+i):s/(2-r-i),[l,100*a,100*c]},St.hsl.rgb=function(t){const e=t[0]/360,n=t[1]/100,o=t[2]/100;let i,r,s;if(0===n)return s=255*o,[s,s,s];i=o<.5?o*(1+n):o+n-o*n;const l=2*o-i,a=[0,0,0];for(let t=0;t<3;t++)r=e+1/3*-(t-1),r<0&&r++,r>1&&r--,s=6*r<1?l+6*(i-l)*r:2*r<1?i:3*r<2?l+(i-l)*(2/3-r)*6:l,a[t]=255*s;return a};const Tt=St;function Rt(t,e){return function(n){return e(t(n))}}function Ct(t,e){const n=[e[t].parent,t];let o=Tt[e[t].parent][t],i=e[t].parent;for(;e[i].parent;)n.unshift(e[i].parent),o=Rt(Tt[e[i].parent][i],o),i=e[i].parent;return o.conversion=n,o}const _t={};Object.keys(Tt).forEach((t=>{_t[t]={},Object.defineProperty(_t[t],"channels",{value:Tt[t].channels}),Object.defineProperty(_t[t],"labels",{value:Tt[t].labels});const e=function(t){const e=function(t){const e=function(){const t={},e=Object.keys(Tt);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(Tt[t]);for(let i=o.length,r=0;r<i;r++){const i=o[r],s=e[i];-1===s.distance&&(s.distance=e[t].distance+1,s.parent=t,n.unshift(i))}}return e}(t),n={},o=Object.keys(e);for(let t=o.length,i=0;i<t;i++){const t=o[i];null!==e[t].parent&&(n[t]=Ct(t,e))}return n}(t);Object.keys(e).forEach((n=>{const o=e[n];_t[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),_t[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 At=_t,It=["keyword","gray","hex"],Nt={};for(const t of Object.keys(At))Nt[[...At[t].labels].sort().join("")]=t;const xt={};function Pt(t,e){if(!(this instanceof Pt))return new Pt(t,e);if(e&&e in It&&(e=null),e&&!(e in At))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 Pt)this.model=t.model,this.color=[...t.color],this.valpha=t.valpha;else if("string"==typeof t){const e=vt.get(t);if(null===e)throw new Error("Unable to parse color from string: "+t);this.model=e.model,o=At[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=At[this.model].channels;const n=Array.prototype.slice.call(t,0,o);this.color=Mt(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 Nt))throw new Error("Unable to parse color from object: "+JSON.stringify(t));this.model=Nt[o];const{labels:i}=At[this.model],r=[];for(n=0;n<i.length;n++)r.push(t[i[n]]);this.color=Mt(r)}if(xt[this.model])for(o=At[this.model].channels,n=0;n<o;n++){const t=xt[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)}Pt.prototype={toString(){return this.string()},string(t){let e=this.model in vt.to?this:this.rgb();e=e.round("number"==typeof t?t:1);const n=1===e.valpha?e.color:[...e.color,this.valpha];return vt.to[e.model](n)},round(t){return t=Math.max(t||0,0),new Pt([...this.color.map(Lt(t)),this.valpha],this.model)},alpha(t){return void 0!==t?new Pt([...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(At)){if(It.includes(t))continue;const{channels:e}=At[t];Pt.prototype[t]=function(...e){return this.model===t?new Pt(this):e.length>0?new Pt(e,t):new Pt([...wt(At[this.model][t].raw(this.color)),this.valpha],t)},Pt[t]=function(...n){let o=n[0];return"number"==typeof o&&(o=Mt(n,e)),new Pt(o,t)}}function Lt(t){return function(e){return function(t,e){return Number(t.toFixed(e))}(e,t)}}function wt(t){return Array.isArray(t)?t:[t]}function Mt(t,e){for(let n=0;n<e;n++)"number"!=typeof t[n]&&(t[n]=0);return t}const kt=Pt;function jt(t,e){Object.keys(e).forEach((n=>{t.style[n]=e[n]}))}function Ut(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=kt(o).alpha(.5).string();return t.classList.add("focus-outline-defined"),t.style.setProperty("--clFocusOutline",`3px solid ${e}`),e}return null}class Bt{static size(t){return{width:this.width(t),height:this.height(t)}}static width(t){var e;const n=t||document;return Math.max(n.documentElement.clientWidth,(null===(e=n.defaultView)||void 0===e?void 0:e.innerWidth)||0)}static height(t){var e;const n=t||document;return Math.max(n.documentElement.clientHeight,(null===(e=n.defaultView)||void 0===e?void 0:e.innerHeight)||0)}static scrollbarWidth(t){var e;const n=t||document;return((null===(e=n.defaultView)||void 0===e?void 0:e.innerWidth)||0)-n.documentElement.clientWidth}}function Dt(t){const{width:e,height:n}=t.getBoundingClientRect(),{marginBottom:o,marginTop:i,marginLeft:r,marginRight:s}=window.getComputedStyle(t);return{width:e+parseInt(r,10)+parseInt(s,10),height:n+parseInt(i,10)+parseInt(o,10)}}function Ht(t,e,n,o,i){switch(t.position){case"top":return{left:`${Ft(e,n,o,i)}px`,top:t.availableSpaceAboveTriggerElem-t.contentHeight-t.verticalOffset+"px"};case"bottom":return{left:`${Ft(e,n,o,i)}px`,bottom:t.availableSpaceBelowTriggerElem-t.contentHeight-t.verticalOffset+"px"};case"left":return{left:t.availableSpaceToTheLeftSideOfTheTrigger-e.width-t.contentWidth-t.horizontalOffset+"px",top:`${Wt(0,t)}px`};case"right":return{right:t.availableSpaceToTheRightSideOfTheTrigger-t.contentWidth-t.horizontalOffset+"px",top:`${Wt(0,t)}px`}}}function Ft(t,e,n,o){let i=n?t.x+t.width/2-e.width/2:t.x;return i<0&&(i=0),i+e.width>Bt.width(o)&&(i-=i+e.width-Bt.width(o)),i}function Wt(t,e){let n=e.availableSpaceAboveTriggerElem;return e.contentHeight>e.availableSpaceBelowTriggerElem&&(n-=e.contentHeight-e.availableSpaceBelowTriggerElem),n}const Vt="cl-tooltip-text-styles",$t=`\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 Gt(t,e,n,o){o=o||document;let i=null;t.classList.add("invalid"),e&&(e.style.visibility="visible"),e&&(e.onmouseenter=()=>{(function(t){if((t=t||document).head.querySelector(`#${Vt}`))return;const e=document.createElement("style");e.setAttribute("id",Vt),Z({element:e,html:$t}),t.head.appendChild(e)})(o),i=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(i),i.style.visibility="visible",function(t){const{triggerElement:e,tooltipElement:n,offset:o=10,htmlDocumentObject:i}=t,r=function(t,e,n,o,i,r){const s=function(t,e,n,o,i){const r=function(t,e,n,o){const i=Bt.width(o),{right:r}=t.getBoundingClientRect(),s=i-n-r-Bt.scrollbarWidth(o);return{horizontalOffset:n,contentWidth:Dt(e).width,availableSpaceToTheLeftSideOfTheTrigger:r-n,availableSpaceToTheRightSideOfTheTrigger:s}}(t,e,n,i),s=function(t,e,n,o){const i=Bt.height(o),{top:r,bottom:s}=t.getBoundingClientRect();return{verticalOffset:n,contentHeight:Dt(e).height,availableSpaceAboveTriggerElem:r-n,availableSpaceBelowTriggerElem:i-s-n}}(t,e,n,i);let l="undefined";const a={bottom:s.availableSpaceBelowTriggerElem>=s.contentHeight,top:s.availableSpaceAboveTriggerElem>=s.contentHeight,right:r.availableSpaceToTheRightSideOfTheTrigger>=r.contentWidth,left:r.availableSpaceToTheLeftSideOfTheTrigger>=r.contentWidth};if(a.top?l="top":a.bottom?l="bottom":a.right?l="right":a.left&&(l="left"),o&&a[o]&&(l=o),"undefined"===l){const t=Math.max(s.availableSpaceBelowTriggerElem,s.availableSpaceAboveTriggerElem,r.availableSpaceToTheRightSideOfTheTrigger,r.availableSpaceToTheLeftSideOfTheTrigger);t===s.availableSpaceBelowTriggerElem?l="bottom":t===s.availableSpaceAboveTriggerElem?l="top":t===r.availableSpaceToTheRightSideOfTheTrigger?l="right":t===r.availableSpaceToTheLeftSideOfTheTrigger&&(l="left")}return Object.assign(Object.assign(Object.assign({},s),r),{position:l})}(t,e,n,o,r=r||document);return function(t,e){const{marginBottom:n,marginTop:o}=window.getComputedStyle(e);if("top"===t.position)jt(e,{"margin-top":`${parseInt(o,10)+parseInt(n,10)}px`}),jt(e,{"margin-bottom":"0px"});else if("bottom"===t.position)jt(e,{"margin-bottom":`${parseInt(n,10)+parseInt(o,10)}px`}),jt(e,{"margin-top":"0px"});else{const t=(parseInt(n,10)+parseInt(o,10))/2+"px";jt(e,{"margin-top":t,"margin-bottom":t})}}(s,e),{coordinates:Ht(s,t.getBoundingClientRect(),e.getBoundingClientRect(),i,r),position:s.position}}(e,n,o,"top",!0,i);n.setAttribute("cl-tooltip-position",r.position),jt(n,r.coordinates)}({triggerElement:e,tooltipElement:i,htmlDocumentObject:o})},e.onmouseleave=()=>{i&&(i.remove(),function(t){const e=(t=t||document).head.querySelector(`#${Vt}`);e&&e.remove()}(o))})}function Qt(t){return Qt="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},Qt(t)}function zt(t){return function(t){if(Array.isArray(t))return Kt(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return Kt(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)?Kt(t,e):void 0}}(t)||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.")}()}function Kt(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 qt(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,ne(o.key),o)}}function Zt(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(Zt=function(){return!!t})()}function Xt(t,e,n,o){var i=Jt(Yt(1&o?t.prototype:t),e,n);return 2&o&&"function"==typeof i?function(t){return i.apply(n,t)}:i}function Jt(){return Jt="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var o=function(t,e){for(;!{}.hasOwnProperty.call(t,e)&&null!==(t=Yt(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}},Jt.apply(null,arguments)}function Yt(t){return Yt=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Yt(t)}function te(t,e){return te=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},te(t,e)}function ee(t,e,n){return(e=ne(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function ne(t){var e=function(t){if("object"!=Qt(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,"string");if("object"!=Qt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==Qt(e)?e:e+""}var oe=function(){function e(){var n;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),ee(n=function(t,e,n){return e=Yt(e),function(t,e){if(e&&("object"==Qt(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,Zt()?Reflect.construct(e,n||[],Yt(t).constructor):e.apply(t,n))}(this,e),"manifest",t),ee(n,"invalidListener",void 0),ee(n,"validListener",void 0),ee(n,"stylesUpdateObserver",void 0),ee(n,"hideErrorTooltip",(function(){n.getRootElement().querySelector(".input-tooltip").style.visibility="hidden"})),ee(n,"updateButtonTextNode",(function(t){Z({element:n.getRootElement().querySelector(".editable-text"),html:t.content.text})})),ee(n,"mapStyleControlValuesToInnerButtonContent",(function(){var t=n.getRootElement().querySelector("button"),e=n.getRootElement().querySelector(".editable-text");t&&e&&(n.mapAlignValueToButtonContent(t),e.style.minWidth="20px",e.style.width="max-content",e.style.minHeight=t.style.fontSize,e.style.textAlign=t.style.textAlign,e.style.lineHeight=t.style.lineHeight,e.style.fontWeight=t.style.fontWeight,e.style.fontSize=t.style.fontSize,e.style.textShadow=t.style.textShadow,e.style.textTransform=t.style.textTransform,e.style.letterSpacing=t.style.letterSpacing,e.style.fontFamily=t.style.fontFamily)})),ee(n,"mapAlignValueToButtonContent",(function(t){"center"===t.style.textAlign&&(t.style.alignItems="center",t.style.justifyContent="center"),"start"===t.style.textAlign&&(t.style.alignItems="column"===t.style.flexDirection?"flex-start":"center",t.style.justifyContent="column"===t.style.flexDirection?"center":"flex-start"),"end"===t.style.textAlign&&(t.style.alignItems="column"===t.style.flexDirection?"flex-end":"center",t.style.justifyContent="column"===t.style.flexDirection?"center":"flex-end")})),ee(n,"createIconNode",(function(t){if(!t.querySelector(".icon")){var e=document.createElement("p");e.classList.add("icon"),t.appendChild(e)}})),ee(n,"showErrorTooltip",(function(t){var e=n.getRootElement().querySelector(".main-container"),o=e.querySelector(".input-tooltip"),i=n.getTranslationsMap(n.manifest.i18n).translations,r=Object.keys(i).find((function(e){return e.includes(t)}));Gt(e,o,r?i[r]:t,n.htmlDocumentObject)})),ee(n,"getHandlers",(function(){var t,e,o,i,r=n.getProps().handlers&&n.getProps().handlers.length?zt(n.getProps().handlers):[],s=n.getModel();if(void 0===(null==s||null===(t=s.path)||void 0===t?void 0:t[0])||!n.documentModel)return r;var l=n.documentModel.getView(s.path[0]),a=null===(e=r)||void 0===e?void 0:e.find((function(t){return t.type===u}));if(!a)return r;var c=null===(o=a.actions)||void 0===o?void 0:o.some((function(t){return[p.REQUEST,p.SUBSCRIBE_CONTACT].includes(t.type)}));return 1===et(l,"SysFeedbackComponent")+et(l,"SysNetPromoterScoreComponent")&&c?(a.actions=null===(i=a.actions)||void 0===i?void 0:i.filter((function(t){return![p.GO_TO_VIEW,p.GO_TO_PREVIOUS_VIEW,p.GO_TO_NEXT_VIEW].includes(t.type)})),r=[].concat(zt(r.filter((function(t){return t.type!==u}))),[a])):r})),n.getRootElement().innerHTML="\n<style>".concat("\n.main-container {\n  position: relative;\n  display: flex;\n  width: 100%;\n  height: inherit;\n}\n\nbutton {\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  outline: none;\n  min-height: 20px;\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  gap: var(--iconDistanceToText, 15px);\n  z-index: 0;\n  position: relative;\n}\n\n.editable-text {\n  display: var(--textDisplay, 'inline');\n}\n\n.input-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.icon {\n  display: var(--iconDisplay, none);\n  width: var(--iconSize, 20px);\n  height: var(--iconSize, 20px);\n  order: var(--iconOrder, -1);\n  background: var(--iconURL);\n  margin-top: 0px;\n  margin-bottom: 0px;\n  background-size: cover;\n}\n\nbutton.focus-outline-defined:focus {\n  outline: var(--clFocusOutline);\n}\n",'</style>\n<div class="main-container">\n  <button cl-element="button">\n    <div class="editable-text" cl-inline-edit="content, text"></div>\n  </button>\n\n  <div class="input-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}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&&te(t,e)}(e,tt),n=e,o=[{key:"connectedCallback",value:function(){var t=this;Xt(e,"connectedCallback",this,3)([]),this.stylesUpdateObserver=new MutationObserver(this.mapStyleControlValuesToInnerButtonContent.bind(this)),this.stylesUpdateObserver.observe(this.getRootElement().querySelector("button"),{attributes:!0,childList:!1,subtree:!1});var n=this.getElement("button");if(n.addEventListener("click",(function(e){t.services.trackingService.send("FormButtonClick_[Name]")})),this.getProps().handlers){var o=this.getProps().handlers.find((function(t){return"CLICK"===t.type}));if(o&&o.actions){var i=o.actions.find((function(t){return"SUBSCRIBE_CONTACT"===t.type})),r=o.actions.find((function(t){return"REQUEST"===t.type}));i&&(this.invalidListener=this.services.eventEmitter.on("SET_SUBSCRIBE_CONTACT_BUTTON_AS_INVALID",(function(){t.showErrorTooltip("EMAIL_OR_PHONE_IS_REQUIRED")})),this.validListener=this.services.eventEmitter.on("SET_SUBSCRIBE_CONTACT_BUTTON_AS_VALID",(function(){t.hideErrorTooltip()}))),(i||r)&&this.services.eventEmitter.on("CONTACT_DATA_SUBMIT",(function(){n.disabled=!0}))}}this.observeProps((function(e,n){t.applyAutoAdaptiveStyles(n.adaptiveStyles,n.styles),function(t){let e=null;const n=t,o=["transparent","initial"];t&&(t.style.borderColor&&!o.includes(t.style.borderColor)&&(parseFloat(t.style.borderWidth)||parseFloat(t.style.borderBottomWidth))&&(e=Ut(n,t,"borderColor")),!e&&t.style.getPropertyValue("--borderBottomColor")&&!o.includes(t.style.getPropertyValue("--borderBottomColor"))&&parseFloat(t.style.getPropertyValue("--borderBottomWidth"))&&(e=Ut(n,t,"--borderBottomColor")),e||!t.style.backgroundColor||o.includes(t.style.backgroundColor)||(e=Ut(n,t,"backgroundColor")),e||!t.style.color||o.includes(t.style.color)||(e=Ut(n,t,"color")),e||n.classList.remove("focus-outline-defined"))}(t.getElement("button")),t.mapStyleControlValuesToInnerButtonContent();var o=t.getRootElement().querySelector("button");t.updateButtonTextNode(n),t.createIconNode(o)}))}},{key:"disconnectedCallback",value:function(){var t;Xt(e,"disconnectedCallback",this,3)([]),this.invalidListener&&this.invalidListener.off(),this.validListener&&this.validListener.off(),null===(t=this.stylesUpdateObserver)||void 0===t||t.disconnect()}}],o&&qt(n.prototype,o),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,o}();ee(oe,"define",{name:"sys-button",model:t.name,manifest:t});export{oe as default};window.clComponentClass_SysButtonComponent=oe;
+var t={d:(e,n)=>{for(var o in n)t.o(n,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:n[o]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};t.r(e),t.d(e,{u:()=>y});const n="cl-";function o(t){return n+t}function i(t){return"cl-"+t}function r(t,e,n){var o;return null===(o=null==t?void 0:t[e])||void 0===o?void 0:o.find((t=>t.element===n))}function s(t=[]){return t.map((t=>Object.assign(Object.assign({},t),{styleAttributes:Object.assign({},t.styleAttributes)})))}const l={name:"SysButtonComponent",componentType:"BUTTON",version:"1.0.0",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:"host"},{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:"host"},{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:"host",elementProp:"styleAttributes",params:{width:{options:["fixed","fill","hug"]},height:{options:["fixed","fill","hug"]}}},{type:"CONTROL",name:"TEXT_PARAMS",params:[{element:"button",isLineSpaceAvailable:!0,isTextTransformAvailable:!0}]},{type:"CONTROL",name:"BACKGROUND",propPath:["styles","[element=button]","styleAttributes"]},{type:"CONTROL",name:"ICON",propPath:["styles","[element=button]","styleAttributes"],params:{visibleDisplayValue:"block"},hideSyncSelect:!0},{type:"CONTROL",name:"TEXT_VISIBILITY",elementSubProp:"--textDisplay",elementProp:"styleAttributes",element:"button",params:{visibleDisplayValue:"inline"}},{type:"CONTROL",name:"BORDERS",propPath:["styles","[element=button]","styleAttributes"]},{type:"CONTROL",name:"BOX_SHADOW",propPath:["styles","[element=button]","styleAttributes"]},{type:"CONTROL",name:"BORDER_RADIUS",propPath:["styles","[element=button]","styleAttributes"]},{type:"CONTROL",name:"HOVER_ANIMATION",propPath:["styles","[element=button]","hoverStyleAttributes"],params:{animationTypeProp:{propPath:["styles","[element=button]","hoverAnimationType"]}}},{type:"CONTROL",name:"LOOP_ANIMATION",propPath:["styles","[element=button]"],params:{label:"LOOP_ANIMATION_LABEL"}},{type:"CONTROL",name:"INDENTATION",elementProp:"styleAttributes",element:"button",params:{indentationType:"PADDING"}},{type:"CONTROL",name:"INDENTATION",elementProp:"styleAttributes",element:"host",params:{indentationType:"MARGIN"}}]},{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"]}}},{type:"CONTROL",name:"TEXT_PARAMS",params:[{element:"button",isLineSpaceAvailable:!0,isTextTransformAvailable:!0}]},{type:"CONTROL",name:"BACKGROUND",propPath:["styles","[element=button]","styleAttributes"]},{type:"CONTROL",name:"ICON",propPath:["styles","[element=button]","styleAttributes"],params:{visibleDisplayValue:"block"},hideSyncSelect:!0},{type:"CONTROL",name:"TEXT_VISIBILITY",elementSubProp:"--textDisplay",elementProp:"styleAttributes",element:"button",params:{visibleDisplayValue:"inline"}},{type:"CONTROL",name:"BORDERS",propPath:["styles","[element=button]","styleAttributes"]},{type:"CONTROL",name:"BOX_SHADOW",propPath:["styles","[element=button]","styleAttributes"]},{type:"CONTROL",name:"BORDER_RADIUS",propPath:["styles","[element=button]","styleAttributes"]},{type:"CONTROL",name:"HOVER_ANIMATION",propPath:["styles","[element=button]","hoverStyleAttributes"],params:{animationTypeProp:{propPath:["styles","[element=button]","hoverAnimationType"]}}},{type:"CONTROL",name:"LOOP_ANIMATION",propPath:["styles","[element=button]"],params:{label:"LOOP_ANIMATION_LABEL"}},{type:"CONTROL",name:"INDENTATION",elementProp:"styleAttributes",element:"button",params:{indentationType:"PADDING"}},{type:"CONTROL",name:"INDENTATION",elementProp:"styleAttributes",element:"host",params:{indentationType:"MARGIN"}}]}],general:[{type:"CONTROL",name:"NPS_ACTIONS",propPath:["content"],params:{syncContentComponentName:"SysNetPromoterScoreComponent"},displayCondition:"return (sdk.documentUtils.findComponentsByNames([sdk.componentView], ['SysNetPromoterScoreComponent'])?.length === 1) && (sdk.documentUtils.findComponentsByNames([sdk.componentView], ['SysFeedbackComponent'])?.length === 0) && sdk.component.getProps().handlers?.find(h => h.type === 'CLICK')?.actions?.some(a => ['REQUEST', 'SUBSCRIBE_CONTACT'].includes(a.type))"},{type:"CONTROL",name:"FEEDBACK_ACTIONS",propPath:["content"],params:{syncContentComponentName:"SysFeedbackComponent"},displayCondition:"return (sdk.documentUtils.findComponentsByNames([sdk.componentView], ['SysFeedbackComponent'])?.length === 1) && (sdk.documentUtils.findComponentsByNames([sdk.componentView], ['SysNetPromoterScoreComponent'])?.length === 0) && sdk.component.getProps().handlers?.find(h => h.type === 'CLICK')?.actions?.some(a => ['REQUEST', 'SUBSCRIBE_CONTACT'].includes(a.type))"},{type:"CONTROL",name:"ACTIONS",propPath:["handlers"],params:{origin:!0,hideSubmitActionCondition:"return (sdk.documentUtils.findComponentsByNames([sdk.componentView], ['SysNetPromoterScoreComponent', 'SysFeedbackComponent'])?.length === 1) && sdk.component.getProps().handlers?.find(h => h.type === 'CLICK')?.actions?.some(a => ['REQUEST', 'SUBSCRIBE_CONTACT'].includes(a.type))",hideGoToViewActionCondition:"return (sdk.documentUtils.findComponentsByNames([sdk.componentView], ['SysNetPromoterScoreComponent', 'SysFeedbackComponent'])?.length === 1) && sdk.component.getProps().handlers?.find(h => h.type === 'CLICK')?.actions?.some(a => ['REQUEST', 'SUBSCRIBE_CONTACT'].includes(a.type))",showTitleCondition:"return sdk.documentUtils.findComponentsByNames([sdk.componentView], ['SysNetPromoterScoreComponent', 'SysFeedbackComponent'])?.length === 0",showRunGameActionCondition:"return sdk.documentUtils.getExternalStartGamingComponents([sdk.componentView], sdk.manifests)?.length !== 0"}}]},autoContrast:[{slave:{element:"button",elementProp:"styleAttributes",elementSubProp:"color"},master:{element:"button",elementProp:"styleAttributes",elementSubProp:"background"},enabledPropPath:["content","textContrastEnabled"]}],keepGeneralTabOpenUntilInteracted:!0,events:{dispatch:[],listen:[]},i18nPropertyPaneModel:{content:[{type:"CONTROL",name:"ACTIONS",propPath:["handlers"],params:{origin:!1}}]},i18nPropPaths:["content,text","handlers,[id],actions,[id],params,link","handlers,[id],actions,[id],params,customData"],i18n:{en:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"At least one field is required: email or phone number"},ru:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Хотя бы одно из полей должно быть заполнено: Email или Номер телефона"},uk:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Хоча б одне з полів має бути заповнене: Email або Номер телефону"},es:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Necesita, como mínimo, un campo obligatorio: email o número de teléfono"},de:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Mindestens ein Feld ist erforderlich: E-Mail-Adresse oder Telefonnummer"},fr:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Au moins un champ est obligatoire : courriel ou numéro de téléphone"},it:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Almeno un campo è obbligatorio: email o numero di telefono"},pt:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"É necessário pelo menos um campo: email ou número de telefone"},ro:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Cel puțin un câmp este obligatoriu: e-mail sau număr de telefon"},bg:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Изисква се поне едно поле: имейл или телефонен номер"},cs:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Je vyžadováno alespoň jedno pole: e-mail nebo telefonní číslo"},el:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Απαιτείται τουλάχιστον ένα πεδίο: ηλεκτρονική διεύθυνση ή τηλέφωνο"},nl:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Er is minimaal één veld vereist: e-mail of telefoonnummer"},pl:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Wymagane jest co najmniej jedno pole: adres e-mail lub numer telefonu"},sv:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Minst ett fält krävs: e-post eller telefonnummer"},tr:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"En az bir alan gereklidir: e-posta veya telefon numarası"},ar:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"مطلوب حقل واحد على الأقل: البريد الإلكتروني أو رقم الهاتف"},zh:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"至少一个字段为必填：电子邮箱或电话号码"},da:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Mindst ét ​​felt er påkrævet: e-mail eller telefonnummer"},he:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"נדרש לפחות שדה אחד: אימייל או מספר טלפון"},fi:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Vähintään yksi kenttä vaaditaan: sähköposti tai puhelinnumero"},hi:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"कम से कम एक फ़ील्ड आवश्यक है: ईमेल या फ़ोन नंबर"},hr:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Potrebno je ispuniti barem jedno polje: e-mail ili telefonski broj"},hu:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Legalább egy mező kitöltése kötelező: e-mail vagy telefonszám."},id:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Setidaknya satu bidang wajib diisi: email atau nomor telepon"},ja:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"少なくとも1つのフィールドが必須です：メールアドレスまたは電話番号"},ko:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"최소 한 칸 필수 입력: 이메일 또는 전화번호"},no:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Minst ett felt er obligatorisk: e-post eller telefonnummer"},sk:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Aspoň jedno pole je povinné: e-mail alebo telefónne číslo"},sl:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Vsaj eno polje je obvezno: e-poštni naslov ali telefonska številka"},sr:{"control,validation,validationErrors,EMAIL_OR_PHONE_IS_REQUIRED":"Najmanje jedno polje je obavezno: e-pošta ili broj telefona"}},props:{styles:[{element:"button",styleAttributes:{background:"var(--cl-schema-accent, rgb(0, 0, 0))","--iconDisplay":"none","--iconSize":"20px","--iconOrder":"-1","--iconDistanceToText":"15px","--iconURL":"",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:"200px",borderTopRightRadius:"200px",borderBottomLeftRadius:"200px",borderBottomRightRadius:"200px",boxShadow:"none"},hoverStyleAttributes:{background:"rgba(0, 0, 0, 0.2)"},classes:"cl-loop-animation-PULSE"}],adaptiveStyles:(a=[{element:"host",styleAttributes:{width:"auto",minWidth:null,height:"35px",minHeight:"35px",marginTop:"0px",marginBottom:"0px",marginLeft:"0px",marginRight:"0px",_marginEnabled:!1}},{element:"button",styleAttributes:{width:"100%",height:"100%",display:"flex","align-items":"center","justify-content":"center",flexDirection:"row",paddingTop:"10px",paddingBottom:"10px",paddingLeft:"20px",paddingRight:"20px",_paddingEnabled:!0,color:"rgba(255, 255, 255, 1)",textAlign:"center",lineHeight:"120%",fontWeight:"700",fontSize:"16px",textShadow:"none","--textDisplay":"inline"},classes:"cl-text-class-button"}],Object.values({DESKTOP:"desktop",MOBILE:"mobile"}).reduce(((t,e)=>Object.assign(t,{[e]:s(a)})),{desktop:[],mobile:[]})),content:{text:"Subscribe",textContrastEnabled:!0}},metaDescription:{icon:"/SysButtonComponent/assets/img/button-component-icon.svg",label:{en:"Button",ru:"Кнопка",uk:"Кнопка",es:"Botón",fr:"Bouton",de:"Schaltfläche",it:"Pulsante",pt:"Botão",ro:"Buton",bg:"Копче",cs:"Tlačítko",el:"Πλήκτρο",nl:"Knop",pl:"Przycisk",sv:"Knapp",tr:"Buton",ar:"الزِّر",zh:"按钮",da:"Knap",he:"כפתור",fi:"Painike",hi:"बटन",hr:"Gumb",hu:"Gomb",id:"Tombol",ja:"ボタン",ko:"버튼",no:"Knapp",sk:"Tlačidlo",sl:"Gumb",sr:"Dugme"}}};var a;const c="VIEW",d="MODULE",p="CONTAINER",h="INPUT",u="BUTTON",m="CONSENT",g="COLUMN";var b,f;(f=b||(b={})).SUBSCRIBE_CONTACT="SUBSCRIBE_CONTACT",f.REQUEST="REQUEST",f.DISPATCH_EVENT="DISPATCH_EVENT",f.GO_TO_VIEW="GO_TO_VIEW",f.GO_TO_PREVIOUS_VIEW="GO_TO_PREVIOUS_VIEW",f.GO_TO_NEXT_VIEW="GO_TO_NEXT_VIEW",f.SHOW_WIDGET="SHOW_WIDGET",f.OPEN_LINK="OPEN_LINK",f.CLOSE_WIDGET="CLOSE_WIDGET",f.CLICK="CLICK";const E=b;var y,v;class O{static sortActions(t){const e={[E.CLOSE_WIDGET]:-1,[E.OPEN_LINK]:-2,[E.SHOW_WIDGET]:1,[E.SUBSCRIBE_CONTACT]:2,[E.REQUEST]: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=O.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(),r=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"))!==r;){let t=e[n].getAttribute(i("type"));if(O.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,r=!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,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 s.next()).done);r=!0){o=i.value,r=!1;const{event:t}=o;for(const e of this.actions)if(!await e.execute(this.state.getState(),t))break}}catch(t){e={error:t}}finally{try{r||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=[])}}O.IGNORING_VIEW_ENTRY_TYPES=[u,m,h],(v=y||(y={})).CLICK="CLICK",v.COMPONENT_EVENT="COMPONENT_EVENT";class T{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 S{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 y.CLICK:return new O(t,e);case y.COMPONENT_EVENT:return new T(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 C{constructor(){this.listeners=C.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=C.createDefaultListenersState()}}C.createDefaultListenersState=()=>({"*":{}});const I=C,R=(t,e,n,o)=>{const i=EventTarget.prototype,{addEventListenerBase:r,addEventListener:s}=i;(r||s).call(t,e,n,o)};class N{constructor(t){this.state=t||{}}getState(){return this.state}setState(t){this.state=Object.assign(Object.assign({},this.state),t)}destroy(){}}class A{static extract(t){const e=t.views.map((t=>{const e=t.children.map((t=>t.type===d?Object.assign(Object.assign({},t),A.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})}}var P,L,x,M,w,D,k,U,B,j,F,H,W;A.moduleToContainerParams={name:"SysContainerComponent",version:"1.0.0"},(L=P||(P={})).VIEW="VIEW",L.CONTAINER="CONTAINER",L.TEXT="TEXT",L.INPUT="INPUT",L.BUTTON="BUTTON",L.IMAGE="IMAGE",L.CONSENT="CONSENT",L.COUNTDOWN_TIMER="COUNTDOWN_TIMER",L.PROMO_CODE="PROMO_CODE",L.MULTIPLE_INPUT="MULTIPLE_INPUT",L.VIDEO="VIDEO",L.SLIDER="SLIDER",L.SLIDE="SLIDE",L.SOCIAL="SOCIAL",L.COLUMNS="COLUMNS",L.COLUMN="COLUMN",L.PRIZE_BASED_GAMING="PRIZE_BASED_GAMING",(x||(x={})).CLICK="CLICK",function(t){t.SHOW_WIDGET="SHOW_WIDGET",t.OPEN_LINK="OPEN_LINK",t.SUBSCRIBE_CONTACT="SUBSCRIBE_CONTACT",t.REQUEST="REQUEST",t.CLOSE_WIDGET="CLOSE_WIDGET",t.GO_TO_VIEW="GO_TO_VIEW",t.GO_TO_PREVIOUS_VIEW="GO_TO_PREVIOUS_VIEW",t.GO_TO_NEXT_VIEW="GO_TO_NEXT_VIEW",t.CLICK="CLICK"}(M||(M={})),function(t){t.SELF="_self",t.BLANK="_blank"}(w||(w={})),(D||(D={})).ACCENT="accent",function(t){t.TOP="TOP",t.CENTER="CENTER",t.BOTTOM="BOTTOM"}(k||(k={})),function(t){t.LEFT="LEFT",t.CENTER="CENTER",t.RIGHT="RIGHT"}(U||(U={})),function(t){t.SLIDE_TO_TOP="SLIDE_TO_TOP",t.SLIDE_TO_BOTTOM="SLIDE_TO_BOTTOM",t.SLIDE_TO_LEFT="SLIDE_TO_LEFT",t.SLIDE_TO_RIGHT="SLIDE_TO_RIGHT"}(B||(B={})),function(t){t.PULSE="PULSE",t.VIBRATE="VIBRATE",t.WOBBLE="WOBBLE",t.SHAKE="SHAKE",t.JELLO="JELLO",t.BOUNCE="BOUNCE",t.BLINK="BLINK",t.FLICKER="FLICKER",t.PING="PING"}(j||(j={})),function(t){t.LEFT="LEFT",t.RIGHT="RIGHT"}(F||(F={})),(W=H||(H={})).BEFORE="BEFORE",W.AFTER="AFTER",W.INSIDE="INSIDE",W.INSTEAD="INSTEAD";class G{static removeNode(t,e){const n=this.getParentPath(e),o=e[e.length-1],i=this.getNodeByPath(t,n);if(i&&i.children&&i.path){const t=i.children.splice(o,1)[0];return t.prevPath=e,t.path=null,G.reIndex(i,i.path),t}{const n=t.splice(o,1)[0];return n.prevPath=e,n.path=null,t.forEach(((t,e)=>{t.path=[e],G.reIndex(t,t.path)})),n}}static insertNode(t,e,n,o){const i=G.getPathToInsert(e,o,n,t),r=o===H.INSIDE?e:this.getParentPath(i),s=this.getNodeByPath(n,r),l=i[i.length-1];return s&&s.children&&s.path?(s.children.splice(l,0,t),G.reIndex(s,s.path),t):(n.splice(l,0,t),n.forEach(((t,e)=>{t.path=[e],G.reIndex(t,t.path)})),t)}static moveNode(t,e,n,o){const i=G.getNodeByPath(t,n);if(!i)return;const r=G.removeNode(t,e),s=G.getNodeById(t,i.id);s&&s.path&&G.insertNode(r,s.path,t,o)}static iterateDepthFirst(t,e){return V(t,e)}static reIndex(t,e){t.path=e,t.children&&t.children.forEach(((t,n)=>{G.reIndex(t,e.concat(n))}))}static getRelativePath(t){return t.slice(1,t.length)}static getParentPath(t){return t.slice(0,-1)}static getNodeByPath(t,e){let n=t;for(let t=0;t<e.length;t++){if(t===e.length-1)return n[e[t]]||null;if(!n[e[t]]||!n[e[t]].children)return null;n=n[e[t]].children}return null}static getNodeById(t,e){let n=null;for(let o=0;o<t.length;o++){const i=t[o];if(n)break;if(i.id===e){n=i;break}i.children&&i.children.length&&(n=this.getNodeById(i.children,e))}return n}static getPathToInsert(t,e,n,o){var i,r;let s;const l=t[t.length-1];switch(e){case H.BEFORE:s=t;break;case H.AFTER:s=t.slice(),s[t.length-1]=l+1;break;case H.INSIDE:{const e=G.getNodeByPath(n,t),o=null!==(r=null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)&&void 0!==r?r:0;s=t.concat([o]);break}case H.INSTEAD:{const e=null==o?void 0:o.prevPath;s=(null==e?void 0:e.at(-1))<=l?[...t.slice(0,-1),l+1]:t;break}default:s=t}return s}static getNodeOnClickData(t){let e=[],n={};return G.iterateDepthFirst(t,(t=>{var o,i,r,s;const l=null===(r=null===(i=null===(o=t.props)||void 0===o?void 0:o.handlers)||void 0===i?void 0:i.find((t=>t.type===x.CLICK)))||void 0===r?void 0:r.actions;(null==l?void 0:l.length)&&(e=[...e,...l]),Object.keys((null===(s=t.props)||void 0===s?void 0:s.content)||{}).filter((t=>["detractor","passive","promoter"].includes(t))).map((e=>{var n;return((null===(n=t.props)||void 0===n?void 0:n.content)||{})[e]||null})).filter((t=>t)).forEach((t=>n[t]=t))})),{actions:e,npsViewIds:Object.keys(n)}}}function V(t,e){t.children&&t.children.forEach((t=>V(t,e))),e(t)}class $ extends I{constructor(t,e){super(),this.config=e,this.handleMobileBreakpoint(t.getShared().mobileBreakpointWidth),t.on("ENVIRONMENT_UPDATE",(({isMobileEnv:t})=>{this._isMobile=t,this.emit($.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($.changeEventName,this._isMobile)}isMobile(){return this.config.forceMobileEnv||this._isMobile}listener(t){this._isMobile=t.matches,this.emit($.changeEventName,this._isMobile)}destroy(){super.destroy(),this.mediaQueryList.removeListener(this.listener.bind(this))}}$.changeEventName="CHANGE";const Q=$;class K{static set(t,e){const n=t[K.accumulatorPropertyName]||{};t[K.accumulatorPropertyName]=Object.assign(Object.assign({},n),e.styleAttributes),Object.keys(t[K.accumulatorPropertyName]).forEach((n=>{n.includes("--")?t.style.setProperty(n,e.styleAttributes[n]||""):t.style[n]=e.styleAttributes[n]?e.styleAttributes[n]:""}))}}K.accumulatorPropertyName="clStyleAttributes";const z=K;var q;!function(t){t.BUILT_IN="BUILT_IN",t.DETACHED="DETACHED",t.FLOATING_BOX="FLOATING_BOX",t.FLOATING_BAR="FLOATING_BAR",t.LAUNCHER="LAUNCHER",t.CONTENT_LOCKER="CONTENT_LOCKER"}(q||(q={}));class X{static applyHostStyles(t,e,n=null,o){var i,r,s;const l=null===(r=null===(i=null==n?void 0:n.props)||void 0===i?void 0:i.handlers)||void 0===r?void 0:r.find((t=>"CLICK"===t.type));l&&(null===(s=l.actions)||void 0===s?void 0:s.length)&&(e.style.cursor="pointer"),t!==c&&t!==p&&t!==g||(e.style.display=o===q.CONTENT_LOCKER&&t===c?"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 Z{static log(t){window.scriptLog09u8y9?scriptLog09u8y9("ERROR","RUNTIME_ERROR",new Error(t)):console.error(t)}}class J{constructor(t,e,n,o,i,r){this.hostElement=e,this.documentModel=t,this.getSharedCb=n,this.getPropsCb=o,this.getEnvCb=i,this.httpClient=r,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,r,s,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===(r=e.styles)||void 0===r?void 0:r.find((t=>t.element===n)))||{},d=(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),p=this.parseBackground(d);p.url&&this.envUrlMaps[t].set(n,{originalSVGResourceURL:p.url,inlineSvgString:null,positionOptions:p.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((()=>{var e;this._applyHostElementBackground(this.envUrlMaps[t].get("host"),null===(e=this.getSharedCb().theme)||void 0===e?void 0:e.schema)})).catch((t=>{console.error(t),Z.log(`Failed to load/apply backgroundDynamicInlineSVGElements[${this.getPropsCb().backgroundDynamicInlineSVGElements}] ${t}`)}))}on(){return this.subscription=this.documentModel.on("THEME_UPDATE",(t=>{this._applyHostElementBackground(this.envUrlMaps[this.getEnvCb()].get("host"),t.schema)})),this}_applyHostElementBackground(t,e){t&&e&&(this.hostElement.style.background=this._buildBackgroundUrl(t,e))}_buildBackgroundUrl(t,e){const n=t.inlineSvgString.trim();let o=n;return[...n.matchAll(/var\(--cl-schema-([^)]+)\)/g)].forEach((t=>{const n=function(t=""){return t.replace(/var\(\s*(--[^,\s)]+).*\)/,"$1").replace("--cl-schema-","")}(t[1]);o=o.replace(`var(--${function(t){return`cl-schema-${t}`}(n)})`,e[n])})),`url('data:image/svg+xml,${encodeURIComponent(o)}')${t.positionOptions}`}off(){var t;null===(t=this.subscription)||void 0===t||t.off()}}const Y=new class{execute(t,e="GET",n=null,o,i){const r={method:e,headers:Object.assign({"Content-Type":"text/plain"},o||{}),credentials:"same-origin",body:null,signal:i};return n&&(r.body="string"==typeof n?n:JSON.stringify(n)),fetch(t,r)}};function tt(t,e){return Object.keys(t).filter((t=>!e.includes(t))).reduce(((e,n)=>Object.assign(Object.assign({},e),{[n]:t[n]})),{})}class et{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 nt{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}}var ot;!function(t){t.TOO_MANY_REQUESTS="TOO_MANY_REQUESTS",t.COMPONENT_RESOURCES_LOADED="COMPONENT_RESOURCES_LOADED",t.FAILED_TO_LOAD_COMPONENT_RESOURCE="FAILED_TO_LOAD_COMPONENT_RESOURCE",t.EXECUTE_ACTION_BY_PREDICATE="EXECUTE_ACTION_BY_PREDICATE"}(ot||(ot={}));const it=ot;class rt{constructor(t,e,n){this.getPending=()=>this.counters.pending,this.onCounterStateUpdate=t=>{0===t&&this.systemEventEmitter.emit(it.COMPONENT_RESOURCES_LOADED,this.componentId)},this.onResourceLoadFailure=t=>{this.isStaticEntryModule?this.systemEventEmitter.emit(it.FAILED_TO_LOAD_COMPONENT_RESOURCE,`Failed to load: ${t}`):this.counters.pending.decrement()},this.componentId=t,this.systemEventEmitter=e,this.isStaticEntryModule=n,this.counters={pending:new nt(this.onCounterStateUpdate)}}}const st=(...t)=>{let e=t.reduce(((t,e)=>Object.assign(Object.assign({},t),{[e]:[]})),{});return{get:t=>e[t],clear:()=>st(...t)}},lt=st,at="props",ct="shared",dt="environment";function pt(t,e,n,o){const i=t=>{let r=t instanceof DocumentFragment||(null==t?void 0:t.nodeType)===Node.DOCUMENT_FRAGMENT_NODE?t.host:t;return r&&(o&&"function"==typeof o?o(r.getAttribute(e)):(null===(s=null==r?void 0:r.getAttribute)||void 0===s?void 0:s.call(r,e))===n)?r:r&&r.parentNode&&i(r.parentNode)||null;var s};return i(t)}const ht="SUBMIT";function ut(t,e){return e?(t.classes=`${t.classes||""} ${e.classes||""}`.trim(),Object.keys(e).forEach((n=>{if("element"===n||"classes"===n)return;const o=e[n];o&&"object"==typeof o&&!Array.isArray(o)?t[n]=Object.assign(Object.assign({},t[n]||{}),o):t[n]=o})),t):t}function mt(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 gt extends Event{constructor(t,e,n){super(t,n),this.detail={},Object.defineProperty(this,"detail",{value:e})}}var bt;!function(t){t.STATIC="STATIC",t.UPDATING="UPDATING"}(bt||(bt={}));class ft extends HTMLElement{constructor(){var t;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 r;o&&(r=o.getAttribute(i("widget-id")));let s=new gt("cl-props-request",{nodeName:this.nodeName,path:this.getAttribute(i("path")),id:e,widgetId:r},{bubbles:!0,composed:!0});this.dispatchEvent(s),t=s.detail.props,Object.assign(this,t),this.observers=lt(at,ct,dt),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 N({}),this.componentEventEmitter=new I,this.componentResourceManager=new rt(this.model.id,this.services.eventEmitter,this.isStaticRenderMode()),this.mergeTagsProcessor=this.services.mergeTagsProcessorFactory.create(),this._actionFactory=this.services.actionFactory,this._handlerFactory=new S(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(at).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(ct).forEach((t=>t(this.getShared())))})),this.model.props.backgroundDynamicInlineSVGElements&&(this.colorSchemaListener=new J(this.documentModel,this.getHostElement(),(()=>this.getShared()),(()=>this.model.props),(()=>this.getEnvironment()),Y),this.colorSchemaListener.apply(this.getEnvironment()).then((()=>{this.subscriptions.push(this.colorSchemaListener.on())}))),this.prevProps.adaptiveStyles&&this.subscriptions.push(this.resizeListener.on(Q.changeEventName,(()=>{this.applyAutoAdaptiveStyles(this.prevProps.adaptiveStyles,this.prevProps.styles);const t=this.getEnvironment();this.observers.get(dt).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.isStaticRenderMode=()=>this.services.config.getConfig("renderMode")===bt.STATIC,this.isUpdatingRenderMode=()=>this.services.config.getConfig("renderMode")===bt.UPDATING,this.getRootElement=()=>this.shadowRoot?this.shadowRoot:this,this.getHostElement=()=>this,this.observeProps=t=>{this.observers.get(at).push(t),t(null,this.prevProps)},this.observeShared=t=>{this.observers.get(ct).push(t),t(this.getShared())},this.observeEnvironment=t=>{this.observers.get(dt).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;const o=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&&(ut(n,t),o=!0)})),n.mobile&&n.mobile.forEach((n=>{n.element===e&&(ut(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),s=i("type"),l="element-styles";let a=this.getRootElement().querySelector(`style[${s}="${l}"]`);a||(a=document.createElement("style"),a.setAttribute(s,l),this.getRootElement().appendChild(a)),mt({element:a,html:""}),n.forEach((t=>{let e=t.getAttribute(i("element"));const n=this.getEnvironment();let s=r(o,n,e);if(s){if(this.resizeListener.isMobile()){const t=r(o,"desktop",e);t&&(s=Object.assign(Object.assign({},s),{styleAttributes:Object.assign(Object.assign({},t.styleAttributes),s.styleAttributes)}))}this.applyStylesToElement(t,this.applySharedClassesToElementModel(s),a)}})),this._addLinkColor(a,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,r;const s=[];"host"===(e=ft._resolveTogglableStylesForElementModel(e)).element&&(X.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===(r=this.model.props.backgroundDynamicInlineSVGElements)||void 0===r?void 0:r.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],R(t,"load",(()=>{this.componentResourceManager.getPending().decrement()})),R(t,"error",(()=>{this.componentResourceManager.onResourceLoadFailure(t.src),this.isUpdatingRenderMode&&this.componentResourceManager.getPending().decrement()}))}const c=Object.assign(Object.assign({},e),{styleAttributes:tt(e.styleAttributes,s)});if(z.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 r=this.getRootElement().querySelector(`#${i}`);r||(r=document.createElement("style"),r.id=i,t.appendChild(r)),mt({element:r,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.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="",r)=>{const s=Object.keys(n).reduce(((t,e)=>t+` ${et.camelCaseToDashCase(e)}: ${n[e]}${r?" !important;":";"}`),"");mt({element:t,html:`[${i("element")}="${e}"]${o} { ${s} }`,appendHtml:!0})},this._addFontStylesToStyleElement=(t,e)=>{mt({element:t,html:`[cl-type] {font-family:${e.textFontFamily||"inherit"}}`,appendHtml:!0})},this._addLinkColor=(t,e)=>{var n,o,i,r;e.linkColor&&mt({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)&&mt({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===(r=e.linkParams)||void 0===r?void 0:r.removeUnderline)&&mt({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=()=>pt(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:pt(this.parentNode,i("path"),void 0,(t=>t&&1===t.split(",").length))},this.getWidgetLanguages=()=>function(t){return[t.getConfig("appearanceLanguage"),t.getConfig("browserLanguage"),"en"].filter((t=>!!t))}(this.services.config),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,o,i,r,s;const l=t.control.name;if(["email","first_name","last_name"].includes(l))return l.toUpperCase();if((null===(e=t.content)||void 0===e?void 0:e.label)&&(null===(i=null===(o=null===(n=t.adaptiveStyles)||void 0===n?void 0:n.desktop.find((t=>"label"===t.element)))||void 0===o?void 0:o.params)||void 0===i?void 0:i.enabled)){const e=(new DOMParser).parseFromString(t.content.label,"text/html");return this.capitalizeFirstLetter(e.body.textContent||"")}return(null===(r=t.content)||void 0===r?void 0:r.placeholder)?this.capitalizeFirstLetter(t.content.placeholder):(null===(s=t.control)||void 0===s?void 0:s.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=>{var e;switch(null===(e=t.control)||void 0===e?void 0:e.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===ht));n?null==n||n.execute(void 0,void 0,!0,e):this.services.actionFactory.get({type:E.REQUEST}).execute(void 0,void 0,!0,e)},this.getHandlers=()=>{var t;return(null===(t=this.getProps())||void 0===t?void 0:t.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.constructor.define)||void 0===t?void 0:t.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()}}ft._resolveTogglableStylesForElementModel=t=>{const e=Object.assign({},t);return Object.keys(e).forEach((t=>{t.toLowerCase().includes("styleattributes")&&(e[t]=ft._resolveTogglableStyles(e[t]))})),e},ft._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 Et=ft;function yt(t,e){let n=0;return t?(G.iterateDepthFirst(t,(t=>{e===t.name&&n++})),n):n}var vt=[];for(var Ot in{transparent:"#0000"})vt.push(Ot);var Tt="\\s*([.\\d%]+)\\s*",St="\\("+[Tt,Tt,Tt]+"(?:,\\s*([.\\d]+)\\s*)?\\)",_t="(?:rgb)a?",Ct="("+vt.join("|")+")";function It(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(_t+St,"i"),RegExp([Ct,"(?:#([a-f0-9]{3,8}))",_t+St,"(?:hsl)a?"+St].join("|"),"gi");var Rt=Array.prototype.concat,Nt=Array.prototype.slice,At=function(t){for(var e=[],n=0,o=t.length;n<o;n++){var i=t[n];It(i)?e=Rt.call(e,Nt.call(i)):e.push(i)}return e};At.wrap=function(t){return function(){return t(At(arguments))}};const Pt=At;var Lt={},xt=Object.hasOwnProperty,Mt=Object.create(null);for(var wt in Lt)xt.call(Lt,wt)&&(Mt[Lt[wt]]=wt);var Dt={to:{},get:{}};function kt(t,e,n){return Math.min(Math.max(e,t),n)}Dt.get=function(t){var e,n;return"hsl"===t.substring(0,3).toLowerCase()?(e=Dt.get.hsl(t),n="hsl"):(e=Dt.get.rgb(t),n="rgb"),e?{model:n,value:e}:null},Dt.get.rgb=function(t){if(!t)return null;var e,n,o,i=[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 r=2*n;i[n]=parseInt(e.slice(r,r+2),16)}o&&(i[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++)i[n]=parseInt(e[n]+e[n],16);o&&(i[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++)i[n]=parseInt(e[n+1],0);e[4]&&(e[5]?i[3]=.01*parseFloat(e[4]):i[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]:xt.call(Lt,e[1])?((i=Lt[e[1]])[3]=1,i):null:null;for(n=0;n<3;n++)i[n]=Math.round(2.55*parseFloat(e[n+1]));e[4]&&(e[5]?i[3]=.01*parseFloat(e[4]):i[3]=parseFloat(e[4]))}for(n=0;n<3;n++)i[n]=kt(i[n],0,255);return i[3]=kt(i[3],0,1),i},Dt.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,kt(parseFloat(e[2]),0,100),kt(parseFloat(e[3]),0,100),kt(isNaN(n)?1:n,0,1)]}return null},Dt.to.rgb=function(){var t=Pt(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]+")"},Dt.to.hsl=function(){var t=Pt(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 Ut=Dt,Bt={},jt={};for(const t of Object.keys(Bt))jt[Bt[t]]=t;const Ft={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"}};Math.pow(6/29,3);for(const t of Object.keys(Ft)){if(!("channels"in Ft[t]))throw new Error("missing channels property: "+t);if(!("labels"in Ft[t]))throw new Error("missing channel labels property: "+t);if(Ft[t].labels.length!==Ft[t].channels)throw new Error("channel and label counts mismatch: "+t);const{channels:e,labels:n}=Ft[t];delete Ft[t].channels,delete Ft[t].labels,Object.defineProperty(Ft[t],"channels",{value:e}),Object.defineProperty(Ft[t],"labels",{value:n})}Ft.rgb.hsl=function(t){const e=t[0]/255,n=t[1]/255,o=t[2]/255,i=Math.min(e,n,o),r=Math.max(e,n,o),s=r-i;let l,a;r===i?l=0:e===r?l=(n-o)/s:n===r?l=2+(o-e)/s:o===r&&(l=4+(e-n)/s),l=Math.min(60*l,360),l<0&&(l+=360);const c=(i+r)/2;return a=r===i?0:c<=.5?s/(r+i):s/(2-r-i),[l,100*a,100*c]},Ft.hsl.rgb=function(t){const e=t[0]/360,n=t[1]/100,o=t[2]/100;let i,r,s;if(0===n)return s=255*o,[s,s,s];i=o<.5?o*(1+n):o+n-o*n;const l=2*o-i,a=[0,0,0];for(let t=0;t<3;t++)r=e+1/3*-(t-1),r<0&&r++,r>1&&r--,s=6*r<1?l+6*(i-l)*r:2*r<1?i:3*r<2?l+(i-l)*(2/3-r)*6:l,a[t]=255*s;return a};const Ht=Ft;function Wt(t,e){return function(n){return e(t(n))}}function Gt(t,e){const n=[e[t].parent,t];let o=Ht[e[t].parent][t],i=e[t].parent;for(;e[i].parent;)n.unshift(e[i].parent),o=Wt(Ht[e[i].parent][i],o),i=e[i].parent;return o.conversion=n,o}const Vt={};Object.keys(Ht).forEach((t=>{Vt[t]={},Object.defineProperty(Vt[t],"channels",{value:Ht[t].channels}),Object.defineProperty(Vt[t],"labels",{value:Ht[t].labels});const e=function(t){const e=function(t){const e=function(){const t={},e=Object.keys(Ht);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(Ht[t]);for(let i=o.length,r=0;r<i;r++){const i=o[r],s=e[i];-1===s.distance&&(s.distance=e[t].distance+1,s.parent=t,n.unshift(i))}}return e}(t),n={},o=Object.keys(e);for(let t=o.length,i=0;i<t;i++){const t=o[i];null!==e[t].parent&&(n[t]=Gt(t,e))}return n}(t);Object.keys(e).forEach((n=>{const o=e[n];Vt[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),Vt[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 $t=Vt,Qt=["keyword","gray","hex"],Kt={};for(const t of Object.keys($t))Kt[[...$t[t].labels].sort().join("")]=t;const zt={};function qt(t,e){if(!(this instanceof qt))return new qt(t,e);if(e&&e in Qt&&(e=null),e&&!(e in $t))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 qt)this.model=t.model,this.color=[...t.color],this.valpha=t.valpha;else if("string"==typeof t){const e=Ut.get(t);if(null===e)throw new Error("Unable to parse color from string: "+t);this.model=e.model,o=$t[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=$t[this.model].channels;const n=Array.prototype.slice.call(t,0,o);this.color=Jt(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 Kt))throw new Error("Unable to parse color from object: "+JSON.stringify(t));this.model=Kt[o];const{labels:i}=$t[this.model],r=[];for(n=0;n<i.length;n++)r.push(t[i[n]]);this.color=Jt(r)}if(zt[this.model])for(o=$t[this.model].channels,n=0;n<o;n++){const t=zt[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)}qt.prototype={toString(){return this.string()},string(t){let e=this.model in Ut.to?this:this.rgb();e=e.round("number"==typeof t?t:1);const n=1===e.valpha?e.color:[...e.color,this.valpha];return Ut.to[e.model](n)},round(t){return t=Math.max(t||0,0),new qt([...this.color.map(Xt(t)),this.valpha],this.model)},alpha(t){return void 0!==t?new qt([...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($t)){if(Qt.includes(t))continue;const{channels:e}=$t[t];qt.prototype[t]=function(...e){return this.model===t?new qt(this):e.length>0?new qt(e,t):new qt([...Zt($t[this.model][t].raw(this.color)),this.valpha],t)},qt[t]=function(...n){let o=n[0];return"number"==typeof o&&(o=Jt(n,e)),new qt(o,t)}}function Xt(t){return function(e){return function(t,e){return Number(t.toFixed(e))}(e,t)}}function Zt(t){return Array.isArray(t)?t:[t]}function Jt(t,e){for(let n=0;n<e;n++)"number"!=typeof t[n]&&(t[n]=0);return t}const Yt=qt;function te(t,e){Object.keys(e).forEach((n=>{t.style[n]=e[n]}))}function ee(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=Yt(o).alpha(.5).string();return t.classList.add("focus-outline-defined"),t.style.setProperty("--clFocusOutline",`3px solid ${e}`),e}return null}class ne{static size(t){return{width:this.width(t),height:this.height(t)}}static width(t){var e;const n=t||document;return Math.max(n.documentElement.clientWidth,(null===(e=n.defaultView)||void 0===e?void 0:e.innerWidth)||0)}static height(t){var e;const n=t||document;return Math.max(n.documentElement.clientHeight,(null===(e=n.defaultView)||void 0===e?void 0:e.innerHeight)||0)}static scrollbarWidth(t){var e;const n=t||document;return((null===(e=n.defaultView)||void 0===e?void 0:e.innerWidth)||0)-n.documentElement.clientWidth}}function oe(t){const{width:e,height:n}=t.getBoundingClientRect(),{marginBottom:o,marginTop:i,marginLeft:r,marginRight:s}=window.getComputedStyle(t);return{width:e+parseInt(r,10)+parseInt(s,10),height:n+parseInt(i,10)+parseInt(o,10)}}function ie(t,e,n,o,i){switch(t.position){case"top":return{left:`${re(e,n,o,i)}px`,top:t.availableSpaceAboveTriggerElem-t.contentHeight-t.verticalOffset+"px"};case"bottom":return{left:`${re(e,n,o,i)}px`,bottom:t.availableSpaceBelowTriggerElem-t.contentHeight-t.verticalOffset+"px"};case"left":return{left:t.availableSpaceToTheLeftSideOfTheTrigger-e.width-t.contentWidth-t.horizontalOffset+"px",top:`${se(0,t)}px`};case"right":return{right:t.availableSpaceToTheRightSideOfTheTrigger-t.contentWidth-t.horizontalOffset+"px",top:`${se(0,t)}px`}}}function re(t,e,n,o){let i=n?t.x+t.width/2-e.width/2:t.x;return i<0&&(i=0),i+e.width>ne.width(o)&&(i-=i+e.width-ne.width(o)),i}function se(t,e){let n=e.availableSpaceAboveTriggerElem;return e.contentHeight>e.availableSpaceBelowTriggerElem&&(n-=e.contentHeight-e.availableSpaceBelowTriggerElem),n}const le="cl-tooltip-text-styles",ae=`\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 ce(t,e,n,o){o=o||document;let i=null;t.classList.add("invalid"),e&&(e.style.visibility="visible"),e&&(e.onmouseenter=()=>{(function(t){if((t=t||document).head.querySelector(`#${le}`))return;const e=document.createElement("style");e.setAttribute("id",le),mt({element:e,html:ae}),t.head.appendChild(e)})(o),i=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(i),i.style.visibility="visible",function(t){const{triggerElement:e,tooltipElement:n,offset:o=10,htmlDocumentObject:i}=t,r=function(t,e,n,o,i,r){const s=function(t,e,n,o,i){const r=function(t,e,n,o){const i=ne.width(o),{right:r}=t.getBoundingClientRect(),s=i-n-r-ne.scrollbarWidth(o);return{horizontalOffset:n,contentWidth:oe(e).width,availableSpaceToTheLeftSideOfTheTrigger:r-n,availableSpaceToTheRightSideOfTheTrigger:s}}(t,e,n,i),s=function(t,e,n,o){const i=ne.height(o),{top:r,bottom:s}=t.getBoundingClientRect();return{verticalOffset:n,contentHeight:oe(e).height,availableSpaceAboveTriggerElem:r-n,availableSpaceBelowTriggerElem:i-s-n}}(t,e,n,i);let l="undefined";const a={bottom:s.availableSpaceBelowTriggerElem>=s.contentHeight,top:s.availableSpaceAboveTriggerElem>=s.contentHeight,right:r.availableSpaceToTheRightSideOfTheTrigger>=r.contentWidth,left:r.availableSpaceToTheLeftSideOfTheTrigger>=r.contentWidth};if(a.top?l="top":a.bottom?l="bottom":a.right?l="right":a.left&&(l="left"),o&&a[o]&&(l=o),"undefined"===l){const t=Math.max(s.availableSpaceBelowTriggerElem,s.availableSpaceAboveTriggerElem,r.availableSpaceToTheRightSideOfTheTrigger,r.availableSpaceToTheLeftSideOfTheTrigger);t===s.availableSpaceBelowTriggerElem?l="bottom":t===s.availableSpaceAboveTriggerElem?l="top":t===r.availableSpaceToTheRightSideOfTheTrigger?l="right":t===r.availableSpaceToTheLeftSideOfTheTrigger&&(l="left")}return Object.assign(Object.assign(Object.assign({},s),r),{position:l})}(t,e,n,o,r=r||document);return function(t,e){const{marginBottom:n,marginTop:o}=window.getComputedStyle(e);if("top"===t.position)te(e,{"margin-top":`${parseInt(o,10)+parseInt(n,10)}px`}),te(e,{"margin-bottom":"0px"});else if("bottom"===t.position)te(e,{"margin-bottom":`${parseInt(n,10)+parseInt(o,10)}px`}),te(e,{"margin-top":"0px"});else{const t=(parseInt(n,10)+parseInt(o,10))/2+"px";te(e,{"margin-top":t,"margin-bottom":t})}}(s,e),{coordinates:ie(s,t.getBoundingClientRect(),e.getBoundingClientRect(),i,r),position:s.position}}(e,n,o,"top",!0,i);n.setAttribute("cl-tooltip-position",r.position),te(n,r.coordinates)}({triggerElement:e,tooltipElement:i,htmlDocumentObject:o})},e.onmouseleave=()=>{i&&(i.remove(),function(t){const e=(t=t||document).head.querySelector(`#${le}`);e&&e.remove()}(o))})}function de(t){return de="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},de(t)}function pe(t){return function(t){if(Array.isArray(t))return he(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return he(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)?he(t,e):void 0}}(t)||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.")}()}function he(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 ue(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,ve(o.key),o)}}function me(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(me=function(){return!!t})()}function ge(t,e,n,o){var i=be(fe(1&o?t.prototype:t),e,n);return 2&o&&"function"==typeof i?function(t){return i.apply(n,t)}:i}function be(){return be="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var o=function(t,e){for(;!{}.hasOwnProperty.call(t,e)&&null!==(t=fe(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}},be.apply(null,arguments)}function fe(t){return fe=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},fe(t)}function Ee(t,e){return Ee=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Ee(t,e)}function ye(t,e,n){return(e=ve(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function ve(t){var e=function(t){if("object"!=de(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,"string");if("object"!=de(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==de(e)?e:e+""}var Oe=function(){function t(){var n;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),ye(n=function(t,e,n){return e=fe(e),function(t,e){if(e&&("object"==de(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,me()?Reflect.construct(e,n||[],fe(t).constructor):e.apply(t,n))}(this,t),"manifest",l),ye(n,"invalidListener",void 0),ye(n,"validListener",void 0),ye(n,"stylesUpdateObserver",void 0),ye(n,"hideErrorTooltip",(function(){n.getRootElement().querySelector(".input-tooltip").style.visibility="hidden"})),ye(n,"updateButtonTextNode",(function(t){mt({element:n.getRootElement().querySelector(".editable-text"),html:t.content.text})})),ye(n,"mapStyleControlValuesToInnerButtonContent",(function(){var t=n.getRootElement().querySelector("button"),e=n.getRootElement().querySelector(".editable-text");t&&e&&(n.mapAlignValueToButtonContent(t),e.style.minWidth="20px",e.style.width="max-content",e.style.minHeight=t.style.fontSize,e.style.textAlign=t.style.textAlign,e.style.lineHeight=t.style.lineHeight,e.style.fontWeight=t.style.fontWeight,e.style.fontSize=t.style.fontSize,e.style.textShadow=t.style.textShadow,e.style.textTransform=t.style.textTransform,e.style.letterSpacing=t.style.letterSpacing,e.style.fontFamily=t.style.fontFamily)})),ye(n,"mapAlignValueToButtonContent",(function(t){"center"===t.style.textAlign&&(t.style.alignItems="center",t.style.justifyContent="center"),"start"===t.style.textAlign&&(t.style.alignItems="column"===t.style.flexDirection?"flex-start":"center",t.style.justifyContent="column"===t.style.flexDirection?"center":"flex-start"),"end"===t.style.textAlign&&(t.style.alignItems="column"===t.style.flexDirection?"flex-end":"center",t.style.justifyContent="column"===t.style.flexDirection?"center":"flex-end")})),ye(n,"createIconNode",(function(t){if(!t.querySelector(".icon")){var e=document.createElement("p");e.classList.add("icon"),t.appendChild(e)}})),ye(n,"showErrorTooltip",(function(t){var e=n.getRootElement().querySelector(".main-container"),o=e.querySelector(".input-tooltip"),i=n.getTranslationsMap(n.manifest.i18n).translations,r=Object.keys(i).find((function(e){return e.includes(t)}));ce(e,o,r?i[r]:t,n.htmlDocumentObject)})),ye(n,"getHandlers",(function(){var t,o,i,r,s=n.getProps().handlers&&n.getProps().handlers.length?pe(n.getProps().handlers):[],l=n.getModel();if(void 0===(null==l||null===(t=l.path)||void 0===t?void 0:t[0])||!n.documentModel)return s;var a=n.documentModel.getView(l.path[0]),c=null===(o=s)||void 0===o?void 0:o.find((function(t){return t.type===e.default.CLICK}));if(!c)return s;var d=null===(i=c.actions)||void 0===i?void 0:i.some((function(t){return[E.REQUEST,E.SUBSCRIBE_CONTACT].includes(t.type)}));return 1===yt(a,"SysFeedbackComponent")+yt(a,"SysNetPromoterScoreComponent")&&d?(c.actions=null===(r=c.actions)||void 0===r?void 0:r.filter((function(t){return![E.GO_TO_VIEW,E.GO_TO_PREVIOUS_VIEW,E.GO_TO_NEXT_VIEW].includes(t.type)})),s=[].concat(pe(s.filter((function(t){return t.type!==e.default.CLICK}))),[c])):s})),n.getRootElement().innerHTML="\n<style>".concat("\n.main-container {\n  position: relative;\n  display: flex;\n  width: 100%;\n  height: inherit;\n}\n\nbutton {\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  outline: none;\n  min-height: 20px;\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  gap: var(--iconDistanceToText, 15px);\n  z-index: 0;\n  position: relative;\n}\n\n.editable-text {\n  display: var(--textDisplay, 'inline');\n}\n\n.input-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.icon {\n  display: var(--iconDisplay, none);\n  width: var(--iconSize, 20px);\n  height: var(--iconSize, 20px);\n  order: var(--iconOrder, -1);\n  background: var(--iconURL);\n  margin-top: 0px;\n  margin-bottom: 0px;\n  background-size: cover;\n}\n\nbutton.focus-outline-defined:focus {\n  outline: var(--clFocusOutline);\n}\n",'</style>\n<div class="main-container">\n  <button cl-element="button">\n    <div class="editable-text" cl-inline-edit="content, text"></div>\n  </button>\n\n  <div class="input-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}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&&Ee(t,e)}(t,Et),function(t,e){return e&&ue(t.prototype,e),Object.defineProperty(t,"prototype",{writable:!1}),t}(t,[{key:"connectedCallback",value:function(){var e=this;ge(t,"connectedCallback",this,3)([]),this.stylesUpdateObserver=new MutationObserver(this.mapStyleControlValuesToInnerButtonContent.bind(this)),this.stylesUpdateObserver.observe(this.getRootElement().querySelector("button"),{attributes:!0,childList:!1,subtree:!1});var n=this.getElement("button");if(n.addEventListener("click",(function(t){e.services.trackingService.send("FormButtonClick_[Name]")})),this.getProps().handlers){var o=this.getProps().handlers.find((function(t){return"CLICK"===t.type}));if(o&&o.actions){var i=o.actions.find((function(t){return"SUBSCRIBE_CONTACT"===t.type})),r=o.actions.find((function(t){return"REQUEST"===t.type}));i&&(this.invalidListener=this.services.eventEmitter.on("SET_SUBSCRIBE_CONTACT_BUTTON_AS_INVALID",(function(){e.showErrorTooltip("EMAIL_OR_PHONE_IS_REQUIRED")})),this.validListener=this.services.eventEmitter.on("SET_SUBSCRIBE_CONTACT_BUTTON_AS_VALID",(function(){e.hideErrorTooltip()}))),(i||r)&&this.services.eventEmitter.on("CONTACT_DATA_SUBMIT",(function(){n.disabled=!0}))}}this.observeProps((function(t,n){e.applyAutoAdaptiveStyles(n.adaptiveStyles,n.styles),function(t){let e=null;const n=t,o=["transparent","initial"];t&&(t.style.borderColor&&!o.includes(t.style.borderColor)&&(parseFloat(t.style.borderWidth)||parseFloat(t.style.borderBottomWidth))&&(e=ee(n,t,"borderColor")),!e&&t.style.getPropertyValue("--borderBottomColor")&&!o.includes(t.style.getPropertyValue("--borderBottomColor"))&&parseFloat(t.style.getPropertyValue("--borderBottomWidth"))&&(e=ee(n,t,"--borderBottomColor")),e||!t.style.backgroundColor||o.includes(t.style.backgroundColor)||(e=ee(n,t,"backgroundColor")),e||!t.style.color||o.includes(t.style.color)||(e=ee(n,t,"color")),e||n.classList.remove("focus-outline-defined"))}(e.getElement("button")),e.mapStyleControlValuesToInnerButtonContent();var o=e.getRootElement().querySelector("button");e.updateButtonTextNode(n),e.createIconNode(o)}))}},{key:"disconnectedCallback",value:function(){var e;ge(t,"disconnectedCallback",this,3)([]),this.invalidListener&&this.invalidListener.off(),this.validListener&&this.validListener.off(),null===(e=this.stylesUpdateObserver)||void 0===e||e.disconnect()}}])}();ye(Oe,"define",{name:"sys-button",model:l.name,manifest:l});export{Oe as default};window.clComponentClass_SysButtonComponent=Oe;