npm - @claspo/components - Versions diffs - 1.1.28 → 1.1.30 - Mend

@claspo/components 1.1.28 → 1.1.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/SysTextComponent/SysTextComponent.js CHANGED Viewed

	@@ -1 +1 @@
1	- const t="cl-";function e(e){return t+e}function n(t){return"cl-"+t}const i="VIEW",s="MODULE",o="CONTAINER",r="INPUT",a="BUTTON",l="CONSENT",c="COLUMN";var d,u;(u=d\|\|(d={})).SUBSCRIBE_CONTACT="SUBSCRIBE_CONTACT",u.REQUEST="REQUEST",u.DISPATCH_EVENT="DISPATCH_EVENT",u.GO_TO_VIEW="GO_TO_VIEW",u.GO_TO_PREVIOUS_VIEW="GO_TO_PREVIOUS_VIEW",u.GO_TO_NEXT_VIEW="GO_TO_NEXT_VIEW",u.SHOW_WIDGET="SHOW_WIDGET",u.OPEN_LINK="OPEN_LINK",u.CLOSE_WIDGET="CLOSE_WIDGET",u.CLICK="CLICK";const h=d;var p,m;class g{static sortActions(t){const e={[h.CLOSE_WIDGET]:-1,[h.OPEN_LINK]:-2,[h.SHOW_WIDGET]:1,[h.SUBSCRIBE_CONTACT]:2,[h.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=g.sortActions(e),this.listener=null,this.targetElements=[],this.eventsQueue=[],this.state=null,this.postponed=!1}activate(t,e,i){this.state=t;const s=i(),o=s.getAttribute(n("id"));this.listener=t=>{const e=t.composedPath().filter((t=>t instanceof HTMLElement&&t.getAttribute(n("type"))));let i=0;for(;e[i]&&e[i].getAttribute(n("id"))!==o;){let t=e[i].getAttribute(n("type"));if(g.IGNORING_VIEW_ENTRY_TYPES.includes(t))return;i++}this.eventsQueue.push({event:t}),this.postponed\|\|this.execute()},this.targetElements=this.config.relativeSelector?Array.from((s.shadowRoot\|\|s).querySelectorAll(this.config.relativeSelector)):[s],this.targetElements.forEach((t=>{t.addEventListener("click",this.listener)}))}async execute(){var t,e,n,i;try{for(var s,o=!0,r=function(t){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var e,n=t[Symbol.asyncIterator];return n?n.call(t):(t="function"==typeof __values?__values(t):t[Symbol.iterator](),e={},i("next"),i("throw"),i("return"),e[Symbol.asyncIterator]=function(){return this},e);function i(n){e[n]=t[n]&&function(e){return new Promise((function(i,s){!function(t,e,n,i){Promise.resolve(i).then((function(e){t({value:e,done:n})}),e)}(i,s,(e=t[n](e)).done,e.value)}))}}}(this.eventsQueue);!(t=(s=await r.next()).done);o=!0){i=s.value,o=!1;const{event:t}=i;for(const e of this.actions)if(!await e.execute(this.state.getState(),t))break}}catch(t){e={error:t}}finally{try{o\|\|t\|\|!(n=r.return)\|\|await n.call(r)}finally{if(e)throw e.error}}this.eventsQueue=[]}postpone(){this.postponed=!0}release(){this.postponed=!1,this.execute()}destroy(){this.listener&&this.targetElements.length&&(this.targetElements.forEach((t=>{t.removeEventListener("click",this.listener)})),this.targetElements=[])}}g.IGNORING_VIEW_ENTRY_TYPES=[a,l,r],(m=p\|\|(p={})).CLICK="CLICK",m.COMPONENT_EVENT="COMPONENT_EVENT";class y{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 f{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 p.CLICK:return new g(t,e);case p.COMPONENT_EVENT:return new y(t,e);default:throw new Error(`Not supported handler type ${t.type}`)}}}class b{static generate(){let t,e="";for(let n=0;n<32;n++)8!==n&&12!==n&&16!==n&&20!==n\|\|(e+="-"),t=Math.floor(16Math.random()).toString(16).toUpperCase(),e+=t;return e}}class E{constructor(){this.listeners=E.createDefaultListenersState()}emit(t,e,n=null){const i=this.listeners[t];i&&Object.values(i).forEach((i=>i(e,t,n))),Object.values(this.listeners[""]).forEach((i=>i(e,t,n)))}on(t,e){const n=b.generate(),i=this.listeners[t];return i?i[n]=e:this.listeners[t]={[n]:e},{off:()=>{var e,i;(null===(i=null===(e=this.listeners)\|\|void 0===e?void 0:e[t])\|\|void 0===i?void 0:i[n])&&delete this.listeners[t][n]}}}destroy(){this.listeners=E.createDefaultListenersState()}}E.createDefaultListenersState=()=>({"":{}});const v=E,O=(t,e,n,i)=>{const s=EventTarget.prototype,{addEventListenerBase:o,addEventListener:r}=s;(o\|\|r).call(t,e,n,i)};class T{constructor(t){this.state=t\|\|{}}getState(){return this.state}setState(t){this.state=Object.assign(Object.assign({},this.state),t)}destroy(){}}class S{static extract(t){const e=t.views.map((t=>{const e=t.children.map((t=>t.type===s?Object.assign(Object.assign({},t),S.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 C,A,_,N,R,L,x,I,P,w,M,j;S.moduleToContainerParams={name:"SysContainerComponent",version:"1.0.0"},(A=C\|\|(C={})).VIEW="VIEW",A.CONTAINER="CONTAINER",A.TEXT="TEXT",A.INPUT="INPUT",A.BUTTON="BUTTON",A.IMAGE="IMAGE",A.CONSENT="CONSENT",A.COUNTDOWN_TIMER="COUNTDOWN_TIMER",A.PROMO_CODE="PROMO_CODE",A.MULTIPLE_INPUT="MULTIPLE_INPUT",A.VIDEO="VIDEO",A.SLIDER="SLIDER",A.SLIDE="SLIDE",A.SOCIAL="SOCIAL",A.COLUMNS="COLUMNS",A.COLUMN="COLUMN",A.PRIZE_BASED_GAMING="PRIZE_BASED_GAMING",(_\|\|(_={})).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"}(N\|\|(N={})),function(t){t.SELF="_self",t.BLANK="_blank"}(R\|\|(R={})),function(t){t.TOP="TOP",t.CENTER="CENTER",t.BOTTOM="BOTTOM"}(L\|\|(L={})),function(t){t.LEFT="LEFT",t.CENTER="CENTER",t.RIGHT="RIGHT"}(x\|\|(x={})),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"}(I\|\|(I={})),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"}(P\|\|(P={})),function(t){t.LEFT="LEFT",t.RIGHT="RIGHT"}(w\|\|(w={})),(j=M\|\|(M={})).BEFORE="BEFORE",j.AFTER="AFTER",j.INSIDE="INSIDE",j.INSTEAD="INSTEAD";class D extends v{constructor(t,e){super(),this.config=e,this.handleMobileBreakpoint(t.getShared().mobileBreakpointWidth),t.on("ENVIRONMENT_UPDATE",(({isMobileEnv:t})=>{this._isMobile=t,this.emit(D.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(D.changeEventName,this._isMobile)}isMobile(){return this.config.forceMobileEnv\|\|this._isMobile}listener(t){this._isMobile=t.matches,this.emit(D.changeEventName,this._isMobile)}destroy(){super.destroy(),this.mediaQueryList.removeListener(this.listener.bind(this))}}D.changeEventName="CHANGE";const k=D;class U{static set(t,e){const n=t[U.accumulatorPropertyName]\|\|{};t[U.accumulatorPropertyName]=Object.assign(Object.assign({},n),e.styleAttributes),Object.keys(t[U.accumulatorPropertyName]).forEach((n=>{n.includes("--")?t.style.setProperty(n,e.styleAttributes[n]\|\|""):t.style[n]=e.styleAttributes[n]?e.styleAttributes[n]:""}))}}U.accumulatorPropertyName="clStyleAttributes";const B=U;var W;!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"}(W\|\|(W={}));class F{static applyHostStyles(t,e,n=null,s){var r,a,l;const d=null===(a=null===(r=null==n?void 0:n.props)\|\|void 0===r?void 0:r.handlers)\|\|void 0===a?void 0:a.find((t=>"CLICK"===t.type));d&&(null===(l=d.actions)\|\|void 0===l?void 0:l.length)&&(e.style.cursor="pointer"),t!==i&&t!==o&&t!==c\|\|(e.style.display=s===W.CONTENT_LOCKER&&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 G{static log(t){window.scriptLog09u8y9?scriptLog09u8y9("ERROR","RUNTIME_ERROR",new Error(t)):console.error(t)}}class H{constructor(t,e,n,i,s,o){this.hostElement=e,this.documentModel=t,this.getSharedCb=n,this.getPropsCb=i,this.getEnvCb=s,this.httpClient=o,this.subscription=null,this.envUrlMaps={desktop:new Map,mobile:new Map}}parseBackground(t){const e=String(t\|\|"");if(e.includes("url")){const[t,n]=e.split("(")[1].split(")");return{url:t.replace(/['"]+/g,""),positionOptions:n.replace(";","")}}return{url:null,positionOptions:null}}apply(t){const e=this.getPropsCb();return e.backgroundDynamicInlineSVGElements[t].forEach((n=>{var i,s,o,r,a;const l=null===(s=null===(i=e.adaptiveStyles)\|\|void 0===i?void 0:i[t])\|\|void 0===s?void 0:s.find((t=>t.element===n)),c=(null===(o=e.styles)\|\|void 0===o?void 0:o.find((t=>t.element===n)))\|\|{},d=(null===(r=null==c?void 0:c.styleAttributes)\|\|void 0===r?void 0:r.background)\|\|(null===(a=null==l?void 0:l.styleAttributes)\|\|void 0===a?void 0:a.background),u=this.parseBackground(d);u.url&&this.envUrlMaps[t].set(n,{originalSVGResourceURL:u.url,inlineSvgString:null,positionOptions:u.positionOptions})})),Promise.all([...this.envUrlMaps[t].entries()].map((([e,n])=>this.httpClient.execute(n.originalSVGResourceURL).then((t=>t.text())).then((i=>{this.envUrlMaps[t].set(e,Object.assign(Object.assign({},n),{inlineSvgString:i}))}))))).then((()=>{this._applyHostElementBackground(this.envUrlMaps[t].get("host"),this.getSharedCb().cssVars)})).catch((t=>{console.error(t),G.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 V=new class{execute(t,e="GET",n=null,i,s){const o={method:e,headers:Object.assign({"Content-Type":"text/plain"},i\|\|{}),credentials:"same-origin",body:null,signal:s};return n&&(o.body="string"==typeof n?n:JSON.stringify(n)),fetch(t,o)}};function $(t,e){return Object.keys(t).filter((t=>!e.includes(t))).reduce(((e,n)=>Object.assign(Object.assign({},e),{[n]:t[n]})),{})}class K{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 z{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 X;!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"}(X\|\|(X={}));const Q=X;class Y{constructor(t,e,n){this.getPending=()=>this.counters.pending,this.onCounterStateUpdate=t=>{0===t&&this.systemEventEmitter.emit(Q.COMPONENT_RESOURCES_LOADED,this.componentId)},this.onResourceLoadFailure=t=>{this.isStaticEntryModule?this.systemEventEmitter.emit(Q.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 z(this.onCounterStateUpdate)}}}const q=(...t)=>{let e=t.reduce(((t,e)=>Object.assign(Object.assign({},t),{[e]:[]})),{});return{get:t=>e[t],clear:()=>q(...t)}},J=q,Z="props",tt="shared",et="environment";function nt(t,e,n,i){const s=t=>{let o=t instanceof DocumentFragment\|\|(null==t?void 0:t.nodeType)===Node.DOCUMENT_FRAGMENT_NODE?t.host:t;return o&&(i&&"function"==typeof i?i(o.getAttribute(e)):(null===(r=null==o?void 0:o.getAttribute)\|\|void 0===r?void 0:r.call(o,e))===n)?o:o&&o.parentNode&&s(o.parentNode)\|\|null;var r};return s(t)}const it="SUBMIT";function st(t,e){return e?(t.classes=`${t.classes\|\|""} ${e.classes\|\|""}`.trim(),Object.keys(e).forEach((n=>{if("element"===n\|\|"classes"===n)return;const i=e[n];i&&"object"==typeof i&&!Array.isArray(i)?t[n]=Object.assign(Object.assign({},t[n]\|\|{}),i):t[n]=i})),t):t}const ot={DESKTOP:"desktop",MOBILE:"mobile"};function rt(t,e,n){var i;return null===(i=null==t?void 0:t[e])\|\|void 0===i?void 0:i.find((t=>t.element===n))}function at(t){const{element:e,html:n,appendHtml:i}=t,s=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);i?e.innerHTML+=s:e.innerHTML=s}class lt extends Event{constructor(t,e,n){super(t,n),this.detail={},Object.defineProperty(this,"detail",{value:e})}}var ct;!function(t){t.STATIC="STATIC",t.UPDATING="UPDATING"}(ct\|\|(ct={}));class dt extends HTMLElement{constructor(){var i;super(),this.construct=()=>{let t;const e=this.getAttribute(n("id")),i=this.getWidgetContainerNode();if(!i)throw new Error("Widget container not found in construct");const s=i.closest(`[${n("widget-id")}]`);let o;s&&(o=s.getAttribute(n("widget-id")));let r=new lt("cl-props-request",{nodeName:this.nodeName,path:this.getAttribute(n("path")),id:e,widgetId:o},{bubbles:!0,composed:!0});this.dispatchEvent(r),t=r.detail.props,Object.assign(this,t),this.observers=J(Z,tt,et),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 T({}),this.componentEventEmitter=new v,this.componentResourceManager=new Y(this.model.id,this.services.eventEmitter,this.isStaticRenderMode()),this.mergeTagsProcessor=this.services.mergeTagsProcessorFactory.create(),this._actionFactory=this.services.actionFactory,this._handlerFactory=new f(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(Z).forEach((e=>e(this.prevProps,t))),this.prevProps=t;const e=this.getHostElement(),i=n("floating");t.floating&&!e.getAttribute(i)?e.setAttribute(i,"true"):!t.floating&&e.getAttribute(i)&&e.removeAttribute(i)})),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(tt).forEach((t=>t(this.getShared())))})),this.model.props.backgroundDynamicInlineSVGElements&&(this.colorSchemaListener=new H(this.documentModel,this.getHostElement(),(()=>this.getShared()),(()=>this.model.props),(()=>this.getEnvironment()),V),this.colorSchemaListener.apply(this.getEnvironment()).then((()=>{this.subscriptions.push(this.colorSchemaListener.on())}))),this.prevProps.adaptiveStyles&&this.subscriptions.push(this.resizeListener.on(k.changeEventName,(()=>{this.applyAutoAdaptiveStyles(this.prevProps.adaptiveStyles,this.prevProps.styles);const t=this.getEnvironment();this.observers.get(et).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")===ct.STATIC,this.isUpdatingRenderMode=()=>this.services.config.getConfig("renderMode")===ct.UPDATING,this.getRootElement=()=>this.shadowRoot?this.shadowRoot:this,this.getHostElement=()=>this,this.observeProps=t=>{this.observers.get(Z).push(t),t(null,this.prevProps)},this.observeShared=t=>{this.observers.get(tt).push(t),t(this.getShared())},this.observeEnvironment=t=>{this.observers.get(et).push(t),t(null,this.getEnvironment())},this.getElements=()=>[this.getHostElement(),...Array.from(this.getRootElement().querySelectorAll(`[${n("element")}]`)).filter((t=>!t.hasAttribute(n("component"))))],this.getElement=(t,e)=>this.getElements().find((i=>e?i.getAttribute(n("element"))===t&&i.id===e:i.getAttribute(n("element"))===t)),this.applyAutoAdaptiveStyles=(t,e)=>{if(!t&&!e)return;const i=this.getElements();if(!i.length)return;const s=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 i=!1,s=!1;n.desktop&&n.desktop.forEach((n=>{n.element===e&&(st(n,t),i=!0)})),n.mobile&&n.mobile.forEach((n=>{n.element===e&&(st(n,t),s=!0)})),!i&&n.desktop&&n.desktop.push(JSON.parse(JSON.stringify(t))),!s&&n.mobile&&n.mobile.push(JSON.parse(JSON.stringify(t)))})),n}(t,e),o=n("type"),r="element-styles";let a=this.getRootElement().querySelector(`style[${o}="${r}"]`);a\|\|(a=document.createElement("style"),a.setAttribute(o,r),this.getRootElement().appendChild(a)),at({element:a,html:""}),i.forEach((t=>{let e=t.getAttribute(n("element"));const i=this.getEnvironment();let o=rt(s,i,e);if(o){if(this.resizeListener.isMobile()){const t=rt(s,"desktop",e);t&&(o=Object.assign(Object.assign({},o),{styleAttributes:Object.assign(Object.assign({},t.styleAttributes),o.styleAttributes)}))}this.applyStylesToElement(t,this.applySharedClassesToElementModel(o),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,i]of Object.entries(e))t.style[n]=i;return!0},this.applyStylesToElement=(t,e,i)=>{var s,o;const r=[];"host"===(e=dt._resolveTogglableStylesForElementModel(e)).element&&(F.applyHostStyles(this.model.type,t,null,this.layoutType),("desktop"===this.getEnvironment()&&(null===(s=this.model.props.backgroundDynamicInlineSVGElements)\|\|void 0===s?void 0:s.desktop)\|\|"mobile"===this.getEnvironment()&&(null===(o=this.model.props.backgroundDynamicInlineSVGElements)\|\|void 0===o?void 0:o.mobile))&&(this.colorSchemaListener.apply(this.getEnvironment()),r.push("background")));let a=e.styleAttributes.background,l=a&&a.match(/url$"([^"])"$/);if(this.manifest.waitForResourcesLoad&&l){this.componentResourceManager.getPending().increment();const t=new Image;t.src=l[1],O(t,"load",(()=>{this.componentResourceManager.getPending().decrement()})),O(t,"error",(()=>{this.componentResourceManager.onResourceLoadFailure(t.src),this.isUpdatingRenderMode&&this.componentResourceManager.getPending().decrement()}))}const c=Object.assign(Object.assign({},e),{styleAttributes:$(e.styleAttributes,r)});if(B.set(t,c),this._setClassAttributes(t,e),i){if(e.hoverStyleAttributes){let s=Object.assign({},e.hoverStyleAttributes);if("FILL_UP"===e.hoverAnimationType){t.style.boxShadow="inset 0px 0px 0px 0px rgb(0, 0, 0, 0)",t.style.overflow="hidden";const n=t.tagName.toLowerCase(),i=`flip-up-animation-${e.element}`;let o=this.getRootElement().querySelector(`#${i}`);o\|\|(o=document.createElement("style"),o.id=i,t.appendChild(o)),at({element:o,html:`\n ${n}::before {\n content: '';\n background: ${s.background};\n position: absolute;\n left: 0;\n top: ${t.getBoundingClientRect().height}px;\n height: ${t.getBoundingClientRect().height}px;\n width: 100%;\n z-index: -10;\n }\n ${n}:hover::before {\n top: 0;\n transition: 0.3s;\n }\n `}),s=Object.assign(Object.assign({},e.hoverStyleAttributes),{background:"transparent",position:"relative"})}s.borderTopWidth&&"0px"!==s.borderTopWidth\|\|delete s.borderTopColor,s.borderBottomWidth&&"0px"!==s.borderBottomWidth\|\|delete s.borderBottomColor,s.borderLeftWidth&&"0px"!==s.borderLeftWidth\|\|delete s.borderLeftColor,s.borderRightWidth&&"0px"!==s.borderRightWidth\|\|delete s.borderRightColor,this._addStylesToStyleElement(i,e.element,s,`:not(.${n("no-hover")}):hover`,!0)}e.placeholderStyleAttributes&&this._addStylesToStyleElement(i,e.element,e.placeholderStyleAttributes,"::placeholder"),this._addFontStylesToStyleElement(i,this.getShared()),this.stylesAppliedToElement(t,e,i)}},this.applySharedClassesToElementModel=e=>function(e,n){let i=e;return(i.classes\|\|"").split(" ").filter((e=>e.startsWith(t))).forEach((t=>{var e;let s=null===(e=n.textClasses)\|\|void 0===e?void 0:e[t];s&&(s.styleAttributes.fontFamily\|\|(s.isHeader&&n.headerFontFamily&&(s=Object.assign(Object.assign({},s),{styleAttributes:Object.assign(Object.assign({},s.styleAttributes),{fontFamily:n.headerFontFamily})})),!s.isHeader&&n.textFontFamily&&(s=Object.assign(Object.assign({},s),{styleAttributes:Object.assign(Object.assign({},s.styleAttributes),{fontFamily:n.textFontFamily})}))),i=Object.assign(Object.assign({},i),{styleAttributes:Object.assign(Object.assign({},i.styleAttributes),s.styleAttributes),placeholderStyleAttributes:Object.assign(Object.assign({},i.placeholderStyleAttributes),s.placeholderStyleAttributes)}))})),i.styleAttributes.fontFamily\|\|(i=Object.assign(Object.assign({},i),{styleAttributes:Object.assign(Object.assign({},i.styleAttributes),{fontFamily:n.textFontFamily})})),i}(e,this.documentModel.getShared()),this.getModel=()=>this.model,this._addStylesToStyleElement=(t,e,i,s="",o)=>{const r=Object.keys(i).reduce(((t,e)=>t+` ${K.camelCaseToDashCase(e)}: ${i[e]}${o?" !important;":";"}`),"");at({element:t,html:`[${n("element")}="${e}"]${s} { ${r} }`,appendHtml:!0})},this._addFontStylesToStyleElement=(t,e)=>{at({element:t,html:`[cl-type] {font-family:${e.textFontFamily\|\|"inherit"}}`,appendHtml:!0})},this._addLinkColor=(t,e)=>{var n,i,s,o;e.linkColor&&at({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)&&at({element:t,html:`a {color: ${null===(i=e.linkParams)\|\|void 0===i?void 0:i.color}}, a:visited {color: ${null===(s=e.linkParams)\|\|void 0===s?void 0:s.color}}`,appendHtml:!0}),(null===(o=e.linkParams)\|\|void 0===o?void 0:o.removeUnderline)&&at({element:t,html:"a {text-decoration: none}, a:visited {text-decoration: none}",appendHtml:!0})},this._setClassAttributes=(n,i)=>{Array.from(n.classList).filter((t=>t!==e("hovered")&&t!==e("focused"))).forEach((e=>{e.startsWith(t)&&n.classList.remove(e)}));const s=((n.getAttribute("class")\|\|"")+" "+i.classes).trim();n.setAttribute("class",s)},this.getParentComponent=()=>nt(this.parentNode,n("element"),"host"),this.getWidgetContainerNode=()=>{const t=null==this?void 0:this.getAttribute(n("path"));return t&&1===t.split(",").length?this.parentNode:nt(this.parentNode,n("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 i=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 i\|\|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,i,s,o,r;const a=t.control.name;if(["email","first_name","last_name"].includes(a))return a.toUpperCase();if((null===(e=t.content)\|\|void 0===e?void 0:e.label)&&(null===(s=null===(i=null===(n=t.adaptiveStyles)\|\|void 0===n?void 0:n.desktop.find((t=>"label"===t.element)))\|\|void 0===i?void 0:i.params)\|\|void 0===s?void 0:s.enabled)){const e=(new DOMParser).parseFromString(t.content.label,"text/html");return this.capitalizeFirstLetter(e.body.textContent\|\|"")}return(null===(o=t.content)\|\|void 0===o?void 0:o.placeholder)?this.capitalizeFirstLetter(t.content.placeholder):(null===(r=t.control)\|\|void 0===r?void 0:r.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===it));n?null==n\|\|n.execute(void 0,void 0,!0,e):this.services.actionFactory.get({type:h.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===(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()}}dt._resolveTogglableStylesForElementModel=t=>{const e=Object.assign({},t);return Object.keys(e).forEach((t=>{t.toLowerCase().includes("styleattributes")&&(e[t]=dt._resolveTogglableStyles(e[t]))})),e},dt._resolveTogglableStyles=t=>{const e=Object.assign({},t),n=(t,n,i)=>{n in e&&(t.forEach((t=>{t in e&&(e[t]=e[n]?e[t]:i)})),delete e[n])};return n(["marginTop","marginBottom","marginLeft","marginRight"],"_marginEnabled","0px"),n(["paddingTop","paddingBottom","paddingLeft","paddingRight"],"_paddingEnabled","0px"),e};const ut=dt;function ht(t){return Object.values(ot).map((e=>({type:"GROUP",propPath:["adaptiveStyles",e],children:t})))}const pt={name:"SysTextComponent",componentType:"TEXT",version:"1.0.0",events:{dispatch:[],listen:[]},contextMenuModel:ht([{type:"CONTROL",name:"COMPONENT_OPERATIONS"},{type:"CONTROL",name:"BRING_BACK_FORWARD",element:"host",elementProp:"styleAttributes",elementSubProp:"zIndex"},{type:"CONTROL",name:"FOCUS_PARENT_COMPONENT"}]),floatingControlsModel:ht([{type:"CONTROL",name:"SIZE",elementProp:"styleAttributes",element:"host",params:{height:{hide:!0}}},{type:"CONTROL",name:"MARGIN",elementProp:"styleAttributes",element:"host"},{type:"CONTROL",name:"CONTAINER_PADDING",elementProp:"styleAttributes",element:"host"}]),propertyPaneModel:{content:ht([{type:"CONTROL",name:"SIZE",element:"host",elementProp:"styleAttributes",params:{width:{options:["fixed","fill","hug"]},height:{options:["hug"]}},syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'"},{type:"CONTROL",name:"TEXT_PARAMS",params:[{element:"text",isLineSpaceAvailable:!0,isTextTransformAvailable:!0}]},{type:"CONTROL",name:"INSERT_BLOCK",params:[{element:"text",label:"DOCUMENT_TEXT",isLinkAvailable:!0,origin:!0}]},{type:"CONTROL",name:"BACKGROUND",propPath:["styles","[element=host]","styleAttributes"],params:{onlyColorSelection:!0},syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'"},{type:"CONTROL",name:"INDENTATION",elementProp:"styleAttributes",element:"text",params:{indentationType:"PADDING"},syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'"},{type:"CONTROL",name:"INDENTATION",elementProp:"styleAttributes",element:"host",params:{indentationType:"MARGIN"},syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'"}])},autoContrast:[{slave:{element:"text",elementProp:"styleAttributes",elementSubProp:"color"},master:{element:"host",propPath:["styles","[element=host]","styleAttributes","background"]},enabledPropPath:["content","textContrastEnabled"]}],i18nPropPaths:["content,text","content,textrollers","content,mergeTags"],i18nPropertyPaneModel:{content:[{type:"CONTROL",name:"INSERT_BLOCK",params:[{element:"text",label:"DOCUMENT_TEXT",isLinkAvailable:!0,origin:!1}]}]},props:{styles:[{element:"host",styleAttributes:{background:"transparent"}}],adaptiveStyles:{desktop:[{element:"host",styleAttributes:{width:"100%",minWidth:null,height:"auto",minHeight:null,marginTop:"0px",marginBottom:"0px",marginLeft:"0px",marginRight:"0px",_marginEnabled:!1}},{element:"text",styleAttributes:{paddingTop:"0px",paddingBottom:"0px",paddingLeft:"0px",paddingRight:"0px",_paddingEnabled:!1,color:"rgb(50, 66, 67)",textAlign:"start",lineHeight:"120%",fontWeight:"500",fontSize:"16px",textShadow:"none"},classes:""}],mobile:[{element:"host",styleAttributes:{width:"100%",minWidth:null,height:"auto",minHeight:null,marginTop:"0px",marginBottom:"0px",marginLeft:"0px",marginRight:"0px",_marginEnabled:!1}},{element:"text",styleAttributes:{paddingTop:"0px",paddingBottom:"0px",paddingLeft:"0px",paddingRight:"0px",_paddingEnabled:!1,color:"rgb(50, 66, 67)",textAlign:"start",lineHeight:"120%",fontWeight:"500",fontSize:"16px",textShadow:"none"},classes:""}]},content:{text:"Text",textContrastEnabled:!0}},metaDescription:{icon:"/SysTextComponent/assets/img/component-icon.svg",label:{en:"Text",ru:"Текст",uk:"Текст",es:"Texto",de:"Text",fr:"Texte",it:"Testo",pt:"Texto",ro:"Text",bg:"Текст",cs:"Text",el:"Κείμενο",nl:"Tekst",pl:"Tekst",sv:"Text",tr:"Metin",ar:"النَّص",zh:"文本字段",da:"Tekst",he:"טקסט",fi:"Teksti",hi:"टेक्स्ट",hr:"Tekst",hu:"Szöveg",id:"Teks",ja:"テキスト",ko:"텍스트",no:"Tekst",sk:"Text",sl:"Besedilo",sr:"Tekst"}},syncEnabled:!0,stylesImitationEnabled:!0};function mt(t,e=1){return t.reduce(((t,n)=>Array.isArray(n)&&e>=1?t.concat(mt(n,e-1)):t.concat(n)),[])}function gt(t){return gt="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},gt(t)}function yt(t,e){return function(t){if(Array.isArray(t))return t}(t)\|\|function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]\|\|t["@@iterator"];if(null!=n){var i,s,o,r,a=[],l=!0,c=!1;try{if(o=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;l=!1}else for(;!(l=(i=o.call(n)).done)&&(a.push(i.value),a.length!==e);l=!0);}catch(t){c=!0,s=t}finally{try{if(!l&&null!=n.return&&(r=n.return(),Object(r)!==r))return}finally{if(c)throw s}}return a}}(t,e)\|\|ft(t,e)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ft(t,e){if(t){if("string"==typeof t)return bt(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)?bt(t,e):void 0}}function bt(t,e){(null==e\|\|e>t.length)&&(e=t.length);for(var n=0,i=Array(e);n<e;n++)i[n]=t[n];return i}function Et(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function vt(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Et(Object(n),!0).forEach((function(e){Ot(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Et(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ot(t,e,n){return(e=function(t){var e=function(t){if("object"!=gt(t)\|\|!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,"string");if("object"!=gt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==gt(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var Tt={maxWidth:"100%",width:"fit-content",display:"inline-flex",fontFamily:"inherit"},St={padding:"0 5px",display:"inline-block",maxWidth:"calc(100% - 0px)",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},Ct={display:"inline-flex",justifyContent:"center",minHeight:"fit-content"};function At(t,e){var n=e.id,i=Rt(e.options),s=vt(vt({},St),e.styleAttributes),o=e.options.map((function(e){var n=document.createElement("span");n.classList.add("opt");var o=document.createElement("span");o.innerText=e,n.appendChild(o);var r=window.getComputedStyle(t.parentElement);return _t(o,s),_t(n,{display:"inline-flex",justifyContent:r["text-align"]\|\|Ct.justifyContent},i,s),n})),r=vt({},Tt),a=document.createElement("span");a.classList.add("container"),_t(a,{paddingLeft:e.styleAttributes.borderLeftWidth\|\|0,paddingRight:e.styleAttributes.borderRightWidth\|\|0,paddingTop:e.styleAttributes.borderTopWidth\|\|0,paddingBottom:e.styleAttributes.borderBottomWidth\|\|0});var l=document.createElement("span");l.innerText=i,_t(l,vt(vt({},s),{},{visibility:"hidden"}));var c=document.createElement("span");c.classList.add("opts"),o.forEach((function(t){c.appendChild(t)})),a.append(l,c),at({element:t,html:""}),t.appendChild(a),_t(t,r);var d=a.querySelectorAll(".opt")[0].offsetHeight,u="".concat(d,"px");a.style.height=u,l.style.height=u,t.classList.add("container--staticTextRoller");var h=function(t){var e,n=1e3(t.animationSpeedInSec\|\|1),i=Math.max.apply(Math,function(t){if(Array.isArray(t))return bt(t)}(e=t.options.map((function(t){return t.replace(/\s+/g,"").length})))\|\|function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]\|\|null!=t["@@iterator"])return Array.from(t)}(e)\|\|ft(e)\|\|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.")}()),s=Math.max(Math.ceil(i/15),1),o=t.options.length;return{optionTimePercentage:100/o,duration:o(sn+500),longestOptionFractions:s}}(e);return function(t,e,n){var i=1(e.options.length-1),s=n.longestOptionFractions>1?1.5:3,o=n.optionTimePercentage/s,r=mt(e.options.map((function(t,e){return"\n ".concat(en.optionTimePercentage,"% {\n transform: translateY(calc(").concat(100e,"% + ").concat(1e,"px));\n }\n ").concat(en.optionTimePercentage+o,"% {\n transform: translateY(calc(").concat(100e,"% + ").concat(1e,"px));\n }")}))).concat("\n 100% {\n transform: translateY(calc(".concat(100*e.options.length,"% + ").concat(i,"px));\n }\n ")).join("\n"),a=document.createElement("style");at({element:a,html:"@keyframes slide-down {".concat(r,"}")});var l=t.querySelector(".opt").cloneNode(!0);t.appendChild(a),t.querySelector(".opts").appendChild(l)}(t,e,h),function(t,e,n){var i=n.duration/1e3;e.options.length>1?t.style.animation="slide-down ".concat(i,"s infinite"):(t.style.transform="translateY(0%)",t.querySelectorAll(".opt")[0].style.display="none")}(c,e,h),{element:t,id:n}}function _t(t,e,n,i,s){var o={};if(n){var r=Nt(n,e,i);o={minWidth:"".concat(r>s?r:Math.min(r,s),"px")}}Object.entries(vt(vt({},o),e)\|\|{}).forEach((function(e){var n=yt(e,2),i=n[0],s=n[1];t.style[i]=s}))}function Nt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=document.createElement("span"),s=document.createElement("span");s.innerText=t,i.appendChild(s);for(var o=0,r=Object.entries(n);o<r.length;o++){var a=yt(r[o],2),l=a[0],c=a[1];s.style[l]=c}for(var d=0,u=Object.entries(e);d<u.length;d++){var h=yt(u[d],2),p=h[0],m=h[1];i.style[p]=m}i.style.visibility="hidden",document.body.appendChild(i);var g=i.getBoundingClientRect().width;return document.body.removeChild(i),g}function Rt(t){return t.map((function(t){return{value:t,width:Nt(t)}})).sort((function(t,e){return e.width-t.width})).at(0).value}function Lt(t){return Lt="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},Lt(t)}function xt(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable\|\|!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,Dt(i.key),i)}}function It(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(It=function(){return!!t})()}function Pt(){return Pt="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var i=function(t,e){for(;!{}.hasOwnProperty.call(t,e)&&null!==(t=wt(t)););return t}(t,e);if(i){var s=Object.getOwnPropertyDescriptor(i,e);return s.get?s.get.call(arguments.length<3?t:n):s.value}},Pt.apply(null,arguments)}function wt(t){return wt=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__\|\|Object.getPrototypeOf(t)},wt(t)}function Mt(t,e){return Mt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Mt(t,e)}function jt(t,e,n){return(e=Dt(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Dt(t){var e=function(t){if("object"!=Lt(t)\|\|!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,"string");if("object"!=Lt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==Lt(e)?e:e+""}var kt=function(){function t(){var e;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),jt(e=function(t,e,n){return e=wt(e),function(t,e){if(e&&("object"==Lt(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,It()?Reflect.construct(e,n\|\|[],wt(t).constructor):e.apply(t,n))}(this,t),"processTextRoller",(function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.getElement("text");if(n){var i=e.isStaticRenderMode();n.childNodes.forEach((function(e){if(e.nodeType!==Node.TEXT_NODE&&"TEXT_ROLLER"===e.getAttribute("cl-type")){var n=e.getAttribute("cl-id"),s=t[n];if(!s)return;i?At(e,s):function(t,e){var n=e.id,i=document.createElement("span");i.classList.add("outer");var s=Rt(e.options),o=document.createElement("span");o.classList.add("inner"),o.textContent=e.options.at(0)\|\|"Option 1",o.setAttribute("contenteditable","false"),i.appendChild(o);var r,a,l,c=window.getComputedStyle(t.parentElement),d=(r=c,a={},l=["font-size","font-weight","font-style","font-family","text-align","text-shadow","letter-spacing","line-height"],Object.keys(r).forEach((function(t){if(Number.isInteger(Number(t))){var e=r[t];l.includes(e)&&(a[e]=r.getPropertyValue(e))}})),a),u=vt(vt(vt({},St),e.styleAttributes),d);_t(o,u),_t(i,vt(vt({},Ct),{},{borderRadius:o.style["border-radius"]\|\|Ct.borderRadius,justifyContent:c["text-align"]\|\|Ct.justifyContent}),s,u,parseFloat(c.width)),at({element:t,html:""}),_t(t,vt({},Tt)),t.appendChild(i)}(e,s)}}))}})),jt(e,"stylesAppliedToElement",(function(t,e){"text"===e.element&&e.styleAttributes.textAlign&&"flex"===getComputedStyle(t).display&&(t.style.justifyContent="center"===e.styleAttributes.textAlign?"center":"flex-".concat(e.styleAttributes.textAlign))})),jt(e,"manifest",pt),e.getRootElement().innerHTML='\n <style>\n .text {\n outline: none;\n min-height: fit-content;\n width: 100%;\n overflow-wrap: break-word;\n }\n </style>\n \n <style>\n [cl-type="TEXT_ROLLER"] {\n position: relative;\n }\n\n .text {\n align-items: center;\n }\n \n .container--staticTextRoller {\n display: inline-flex;\n max-width: 100%;\n width: fit-content;\n }\n \n .container {\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n position: relative;\n height: 100%;\n }\n\n .opts {\n position: absolute;\n height: 100%;\n width: 100%;\n top: 0;\n left: 0;\n z-index: 1;\n padding: 0;\n margin: 0;\n display: flex;\n gap: 1px;\n flex-direction: column-reverse;\n transform: translateY(-100%);\n }\n \n .opt {\n width: 100%;\n height: 100%;\n text-align: center;\n display: inline-flex;\n justify-content: center;\n }\n \n .opt span {\n white-space: nowrap;\n align-items: center;\n text-overflow: ellipsis;\n overflow: hidden;\n width: fit-content;\n max-width: 100%;\n padding: 0 2px;\n }\n </style>\n\n <div class="text" cl-element="text" cl-inline-edit="content, text"></div>\n ',e}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&Mt(t,e)}(t,ut),function(t,e){return e&&xt(t.prototype,e),Object.defineProperty(t,"prototype",{writable:!1}),t}(t,[{key:"connectedCallback",value:function(){var e=this;!function(t,e,n){var i=Pt(wt(t.prototype),"connectedCallback",n);return"function"==typeof i?function(t){return i.apply(n,t)}:i}(t,0,this)([]),this.observeProps((function(t,n){var i,s,o;e.applyAutoAdaptiveStyles(n.adaptiveStyles,n.styles),null!==(i=n.content)&&void 0!==i&&i.text&&e.getElement("text")&&(at({element:e.getElement("text"),html:null===(o=n.content)\|\|void 0===o?void 0:o.text}),e.mergeTagsProcessor.process(e.getElement("text"),n.content.mergeTags,e.getModel().id)),e.processTextRoller(null===(s=n.content)\|\|void 0===s?void 0:s.textrollers)})),this.observeShared((function(){var t,n=e.getProps();e.processTextRoller(null===(t=n.content)\|\|void 0===t?void 0:t.textrollers)}))}}])}();jt(kt,"define",{name:"sys-text",model:pt.name,manifest:pt});export{kt as default};window.clComponentClass_SysTextComponent=kt;
1	+ const t="cl-";function e(e){return t+e}function n(t){return"cl-"+t}const i="VIEW",s="MODULE",o="CONTAINER",r="INPUT",a="BUTTON",l="CONSENT",c="COLUMN";var d,u;(u=d\|\|(d={})).SUBSCRIBE_CONTACT="SUBSCRIBE_CONTACT",u.REQUEST="REQUEST",u.DISPATCH_EVENT="DISPATCH_EVENT",u.GO_TO_VIEW="GO_TO_VIEW",u.GO_TO_PREVIOUS_VIEW="GO_TO_PREVIOUS_VIEW",u.GO_TO_NEXT_VIEW="GO_TO_NEXT_VIEW",u.SHOW_WIDGET="SHOW_WIDGET",u.OPEN_LINK="OPEN_LINK",u.CLOSE_WIDGET="CLOSE_WIDGET",u.CLICK="CLICK";const h=d;var p,m;class g{static sortActions(t){const e={[h.CLOSE_WIDGET]:-1,[h.OPEN_LINK]:-2,[h.SHOW_WIDGET]:1,[h.SUBSCRIBE_CONTACT]:2,[h.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=g.sortActions(e),this.listener=null,this.targetElements=[],this.eventsQueue=[],this.state=null,this.postponed=!1}activate(t,e,i){this.state=t;const s=i(),o=s.getAttribute(n("id"));this.listener=t=>{const e=t.composedPath().filter((t=>t instanceof HTMLElement&&t.getAttribute(n("type"))));let i=0;for(;e[i]&&e[i].getAttribute(n("id"))!==o;){let t=e[i].getAttribute(n("type"));if(g.IGNORING_VIEW_ENTRY_TYPES.includes(t))return;i++}this.eventsQueue.push({event:t}),this.postponed\|\|this.execute()},this.targetElements=this.config.relativeSelector?Array.from((s.shadowRoot\|\|s).querySelectorAll(this.config.relativeSelector)):[s],this.targetElements.forEach((t=>{t.addEventListener("click",this.listener)}))}async execute(){var t,e,n,i;try{for(var s,o=!0,r=function(t){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var e,n=t[Symbol.asyncIterator];return n?n.call(t):(t="function"==typeof __values?__values(t):t[Symbol.iterator](),e={},i("next"),i("throw"),i("return"),e[Symbol.asyncIterator]=function(){return this},e);function i(n){e[n]=t[n]&&function(e){return new Promise((function(i,s){!function(t,e,n,i){Promise.resolve(i).then((function(e){t({value:e,done:n})}),e)}(i,s,(e=t[n](e)).done,e.value)}))}}}(this.eventsQueue);!(t=(s=await r.next()).done);o=!0){i=s.value,o=!1;const{event:t}=i;for(const e of this.actions)if(!await e.execute(this.state.getState(),t))break}}catch(t){e={error:t}}finally{try{o\|\|t\|\|!(n=r.return)\|\|await n.call(r)}finally{if(e)throw e.error}}this.eventsQueue=[]}postpone(){this.postponed=!0}release(){this.postponed=!1,this.execute()}destroy(){this.listener&&this.targetElements.length&&(this.targetElements.forEach((t=>{t.removeEventListener("click",this.listener)})),this.targetElements=[])}}g.IGNORING_VIEW_ENTRY_TYPES=[a,l,r],(m=p\|\|(p={})).CLICK="CLICK",m.COMPONENT_EVENT="COMPONENT_EVENT";class y{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 f{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 p.CLICK:return new g(t,e);case p.COMPONENT_EVENT:return new y(t,e);default:throw new Error(`Not supported handler type ${t.type}`)}}}class b{static generate(){let t,e="";for(let n=0;n<32;n++)8!==n&&12!==n&&16!==n&&20!==n\|\|(e+="-"),t=Math.floor(16Math.random()).toString(16).toUpperCase(),e+=t;return e}}class E{constructor(){this.listeners=E.createDefaultListenersState()}emit(t,e,n=null){const i=this.listeners[t];i&&Object.values(i).forEach((i=>i(e,t,n))),Object.values(this.listeners[""]).forEach((i=>i(e,t,n)))}on(t,e){const n=b.generate(),i=this.listeners[t];return i?i[n]=e:this.listeners[t]={[n]:e},{off:()=>{var e,i;(null===(i=null===(e=this.listeners)\|\|void 0===e?void 0:e[t])\|\|void 0===i?void 0:i[n])&&delete this.listeners[t][n]}}}destroy(){this.listeners=E.createDefaultListenersState()}}E.createDefaultListenersState=()=>({"":{}});const v=E,O=(t,e,n,i)=>{const s=EventTarget.prototype,{addEventListenerBase:o,addEventListener:r}=s;(o\|\|r).call(t,e,n,i)};class T{constructor(t){this.state=t\|\|{}}getState(){return this.state}setState(t){this.state=Object.assign(Object.assign({},this.state),t)}destroy(){}}class S{static extract(t){const e=t.views.map((t=>{const e=t.children.map((t=>t.type===s?Object.assign(Object.assign({},t),S.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 C,A,_,N,R,L,x,I,P,w,M,j;S.moduleToContainerParams={name:"SysContainerComponent",version:"1.0.0"},(A=C\|\|(C={})).VIEW="VIEW",A.CONTAINER="CONTAINER",A.TEXT="TEXT",A.INPUT="INPUT",A.BUTTON="BUTTON",A.IMAGE="IMAGE",A.CONSENT="CONSENT",A.COUNTDOWN_TIMER="COUNTDOWN_TIMER",A.PROMO_CODE="PROMO_CODE",A.MULTIPLE_INPUT="MULTIPLE_INPUT",A.VIDEO="VIDEO",A.SLIDER="SLIDER",A.SLIDE="SLIDE",A.SOCIAL="SOCIAL",A.COLUMNS="COLUMNS",A.COLUMN="COLUMN",A.PRIZE_BASED_GAMING="PRIZE_BASED_GAMING",(_\|\|(_={})).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"}(N\|\|(N={})),function(t){t.SELF="_self",t.BLANK="_blank"}(R\|\|(R={})),function(t){t.TOP="TOP",t.CENTER="CENTER",t.BOTTOM="BOTTOM"}(L\|\|(L={})),function(t){t.LEFT="LEFT",t.CENTER="CENTER",t.RIGHT="RIGHT"}(x\|\|(x={})),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"}(I\|\|(I={})),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"}(P\|\|(P={})),function(t){t.LEFT="LEFT",t.RIGHT="RIGHT"}(w\|\|(w={})),(j=M\|\|(M={})).BEFORE="BEFORE",j.AFTER="AFTER",j.INSIDE="INSIDE",j.INSTEAD="INSTEAD";class D extends v{constructor(t,e){super(),this.config=e,this.handleMobileBreakpoint(t.getShared().mobileBreakpointWidth),t.on("ENVIRONMENT_UPDATE",(({isMobileEnv:t})=>{this._isMobile=t,this.emit(D.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(D.changeEventName,this._isMobile)}isMobile(){return this.config.forceMobileEnv\|\|this._isMobile}listener(t){this._isMobile=t.matches,this.emit(D.changeEventName,this._isMobile)}destroy(){super.destroy(),this.mediaQueryList.removeListener(this.listener.bind(this))}}D.changeEventName="CHANGE";const k=D;class U{static set(t,e){const n=t[U.accumulatorPropertyName]\|\|{};t[U.accumulatorPropertyName]=Object.assign(Object.assign({},n),e.styleAttributes),Object.keys(t[U.accumulatorPropertyName]).forEach((n=>{n.includes("--")?t.style.setProperty(n,e.styleAttributes[n]\|\|""):t.style[n]=e.styleAttributes[n]?e.styleAttributes[n]:""}))}}U.accumulatorPropertyName="clStyleAttributes";const B=U;var W;!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"}(W\|\|(W={}));class F{static applyHostStyles(t,e,n=null,s){var r,a,l;const d=null===(a=null===(r=null==n?void 0:n.props)\|\|void 0===r?void 0:r.handlers)\|\|void 0===a?void 0:a.find((t=>"CLICK"===t.type));d&&(null===(l=d.actions)\|\|void 0===l?void 0:l.length)&&(e.style.cursor="pointer"),t!==i&&t!==o&&t!==c\|\|(e.style.display=s===W.CONTENT_LOCKER&&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 G{static log(t){window.scriptLog09u8y9?scriptLog09u8y9("ERROR","RUNTIME_ERROR",new Error(t)):console.error(t)}}class H{constructor(t,e,n,i,s,o){this.hostElement=e,this.documentModel=t,this.getSharedCb=n,this.getPropsCb=i,this.getEnvCb=s,this.httpClient=o,this.subscription=null,this.envUrlMaps={desktop:new Map,mobile:new Map}}parseBackground(t){const e=String(t\|\|"");if(e.includes("url")){const[t,n]=e.split("(")[1].split(")");return{url:t.replace(/['"]+/g,""),positionOptions:n.replace(";","")}}return{url:null,positionOptions:null}}apply(t){const e=this.getPropsCb();return e.backgroundDynamicInlineSVGElements[t].forEach((n=>{var i,s,o,r,a;const l=null===(s=null===(i=e.adaptiveStyles)\|\|void 0===i?void 0:i[t])\|\|void 0===s?void 0:s.find((t=>t.element===n)),c=(null===(o=e.styles)\|\|void 0===o?void 0:o.find((t=>t.element===n)))\|\|{},d=(null===(r=null==c?void 0:c.styleAttributes)\|\|void 0===r?void 0:r.background)\|\|(null===(a=null==l?void 0:l.styleAttributes)\|\|void 0===a?void 0:a.background),u=this.parseBackground(d);u.url&&this.envUrlMaps[t].set(n,{originalSVGResourceURL:u.url,inlineSvgString:null,positionOptions:u.positionOptions})})),Promise.all([...this.envUrlMaps[t].entries()].map((([e,n])=>this.httpClient.execute(n.originalSVGResourceURL).then((t=>t.text())).then((i=>{this.envUrlMaps[t].set(e,Object.assign(Object.assign({},n),{inlineSvgString:i}))}))))).then((()=>{this._applyHostElementBackground(this.envUrlMaps[t].get("host"),this.getSharedCb().cssVars)})).catch((t=>{console.error(t),G.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 V=new class{execute(t,e="GET",n=null,i,s){const o={method:e,headers:Object.assign({"Content-Type":"text/plain"},i\|\|{}),credentials:"same-origin",body:null,signal:s};return n&&(o.body="string"==typeof n?n:JSON.stringify(n)),fetch(t,o)}};function $(t,e){return Object.keys(t).filter((t=>!e.includes(t))).reduce(((e,n)=>Object.assign(Object.assign({},e),{[n]:t[n]})),{})}class K{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 z{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 X;!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"}(X\|\|(X={}));const Q=X;class Y{constructor(t,e,n){this.getPending=()=>this.counters.pending,this.onCounterStateUpdate=t=>{0===t&&this.systemEventEmitter.emit(Q.COMPONENT_RESOURCES_LOADED,this.componentId)},this.onResourceLoadFailure=t=>{this.isStaticEntryModule?this.systemEventEmitter.emit(Q.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 z(this.onCounterStateUpdate)}}}const q=(...t)=>{let e=t.reduce(((t,e)=>Object.assign(Object.assign({},t),{[e]:[]})),{});return{get:t=>e[t],clear:()=>q(...t)}},J=q,Z="props",tt="shared",et="environment";function nt(t,e,n,i){const s=t=>{let o=t instanceof DocumentFragment\|\|(null==t?void 0:t.nodeType)===Node.DOCUMENT_FRAGMENT_NODE?t.host:t;return o&&(i&&"function"==typeof i?i(o.getAttribute(e)):(null===(r=null==o?void 0:o.getAttribute)\|\|void 0===r?void 0:r.call(o,e))===n)?o:o&&o.parentNode&&s(o.parentNode)\|\|null;var r};return s(t)}const it="SUBMIT";function st(t,e){return e?(t.classes=`${t.classes\|\|""} ${e.classes\|\|""}`.trim(),Object.keys(e).forEach((n=>{if("element"===n\|\|"classes"===n)return;const i=e[n];i&&"object"==typeof i&&!Array.isArray(i)?t[n]=Object.assign(Object.assign({},t[n]\|\|{}),i):t[n]=i})),t):t}const ot={DESKTOP:"desktop",MOBILE:"mobile"};function rt(t,e,n){var i;return null===(i=null==t?void 0:t[e])\|\|void 0===i?void 0:i.find((t=>t.element===n))}function at(t){const{element:e,html:n,appendHtml:i}=t,s=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);i?e.innerHTML+=s:e.innerHTML=s}class lt extends Event{constructor(t,e,n){super(t,n),this.detail={},Object.defineProperty(this,"detail",{value:e})}}var ct;!function(t){t.STATIC="STATIC",t.UPDATING="UPDATING"}(ct\|\|(ct={}));class dt extends HTMLElement{constructor(){var i;super(),this.construct=()=>{let t;const e=this.getAttribute(n("id")),i=this.getWidgetContainerNode();if(!i)throw new Error("Widget container not found in construct");const s=i.closest(`[${n("widget-id")}]`);let o;s&&(o=s.getAttribute(n("widget-id")));let r=new lt("cl-props-request",{nodeName:this.nodeName,path:this.getAttribute(n("path")),id:e,widgetId:o},{bubbles:!0,composed:!0});this.dispatchEvent(r),t=r.detail.props,Object.assign(this,t),this.observers=J(Z,tt,et),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 T({}),this.componentEventEmitter=new v,this.componentResourceManager=new Y(this.model.id,this.services.eventEmitter,this.isStaticRenderMode()),this.mergeTagsProcessor=this.services.mergeTagsProcessorFactory.create(),this._actionFactory=this.services.actionFactory,this._handlerFactory=new f(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(Z).forEach((e=>e(this.prevProps,t))),this.prevProps=t;const e=this.getHostElement(),i=n("floating");t.floating&&!e.getAttribute(i)?e.setAttribute(i,"true"):!t.floating&&e.getAttribute(i)&&e.removeAttribute(i)})),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(tt).forEach((t=>t(this.getShared())))})),this.model.props.backgroundDynamicInlineSVGElements&&(this.colorSchemaListener=new H(this.documentModel,this.getHostElement(),(()=>this.getShared()),(()=>this.model.props),(()=>this.getEnvironment()),V),this.colorSchemaListener.apply(this.getEnvironment()).then((()=>{this.subscriptions.push(this.colorSchemaListener.on())}))),this.prevProps.adaptiveStyles&&this.subscriptions.push(this.resizeListener.on(k.changeEventName,(()=>{this.applyAutoAdaptiveStyles(this.prevProps.adaptiveStyles,this.prevProps.styles);const t=this.getEnvironment();this.observers.get(et).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")===ct.STATIC,this.isUpdatingRenderMode=()=>this.services.config.getConfig("renderMode")===ct.UPDATING,this.getRootElement=()=>this.shadowRoot?this.shadowRoot:this,this.getHostElement=()=>this,this.observeProps=t=>{this.observers.get(Z).push(t),t(null,this.prevProps)},this.observeShared=t=>{this.observers.get(tt).push(t),t(this.getShared())},this.observeEnvironment=t=>{this.observers.get(et).push(t),t(null,this.getEnvironment())},this.getElements=()=>[this.getHostElement(),...Array.from(this.getRootElement().querySelectorAll(`[${n("element")}]`)).filter((t=>!t.hasAttribute(n("component"))))],this.getElement=(t,e)=>this.getElements().find((i=>e?i.getAttribute(n("element"))===t&&i.id===e:i.getAttribute(n("element"))===t)),this.applyAutoAdaptiveStyles=(t,e)=>{if(!t&&!e)return;const i=this.getElements();if(!i.length)return;const s=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 i=!1,s=!1;n.desktop&&n.desktop.forEach((n=>{n.element===e&&(st(n,t),i=!0)})),n.mobile&&n.mobile.forEach((n=>{n.element===e&&(st(n,t),s=!0)})),!i&&n.desktop&&n.desktop.push(JSON.parse(JSON.stringify(t))),!s&&n.mobile&&n.mobile.push(JSON.parse(JSON.stringify(t)))})),n}(t,e),o=n("type"),r="element-styles";let a=this.getRootElement().querySelector(`style[${o}="${r}"]`);a\|\|(a=document.createElement("style"),a.setAttribute(o,r),this.getRootElement().appendChild(a)),at({element:a,html:""}),i.forEach((t=>{let e=t.getAttribute(n("element"));const i=this.getEnvironment();let o=rt(s,i,e);if(o){if(this.resizeListener.isMobile()){const t=rt(s,"desktop",e);t&&(o=Object.assign(Object.assign({},o),{styleAttributes:Object.assign(Object.assign({},t.styleAttributes),o.styleAttributes)}))}this.applyStylesToElement(t,this.applySharedClassesToElementModel(o),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,i]of Object.entries(e))t.style[n]=i;return!0},this.applyStylesToElement=(t,e,i)=>{var s,o;const r=[];"host"===(e=dt._resolveTogglableStylesForElementModel(e)).element&&(F.applyHostStyles(this.model.type,t,null,this.layoutType),("desktop"===this.getEnvironment()&&(null===(s=this.model.props.backgroundDynamicInlineSVGElements)\|\|void 0===s?void 0:s.desktop)\|\|"mobile"===this.getEnvironment()&&(null===(o=this.model.props.backgroundDynamicInlineSVGElements)\|\|void 0===o?void 0:o.mobile))&&(this.colorSchemaListener.apply(this.getEnvironment()),r.push("background")));let a=e.styleAttributes.background,l=a&&a.match(/url$"([^"])"$/);if(this.manifest.waitForResourcesLoad&&l){this.componentResourceManager.getPending().increment();const t=new Image;t.src=l[1],O(t,"load",(()=>{this.componentResourceManager.getPending().decrement()})),O(t,"error",(()=>{this.componentResourceManager.onResourceLoadFailure(t.src),this.isUpdatingRenderMode&&this.componentResourceManager.getPending().decrement()}))}const c=Object.assign(Object.assign({},e),{styleAttributes:$(e.styleAttributes,r)});if(B.set(t,c),this._setClassAttributes(t,e),i){if(e.hoverStyleAttributes){let s=Object.assign({},e.hoverStyleAttributes);if("FILL_UP"===e.hoverAnimationType){t.style.boxShadow="inset 0px 0px 0px 0px rgb(0, 0, 0, 0)",t.style.overflow="hidden";const n=t.tagName.toLowerCase(),i=`flip-up-animation-${e.element}`;let o=this.getRootElement().querySelector(`#${i}`);o\|\|(o=document.createElement("style"),o.id=i,t.appendChild(o)),at({element:o,html:`\n ${n}::before {\n content: '';\n background: ${s.background};\n position: absolute;\n left: 0;\n top: ${t.getBoundingClientRect().height}px;\n height: ${t.getBoundingClientRect().height}px;\n width: 100%;\n z-index: -10;\n }\n ${n}:hover::before {\n top: 0;\n transition: 0.3s;\n }\n `}),s=Object.assign(Object.assign({},e.hoverStyleAttributes),{background:"transparent",position:"relative"})}s.borderTopWidth&&"0px"!==s.borderTopWidth\|\|delete s.borderTopColor,s.borderBottomWidth&&"0px"!==s.borderBottomWidth\|\|delete s.borderBottomColor,s.borderLeftWidth&&"0px"!==s.borderLeftWidth\|\|delete s.borderLeftColor,s.borderRightWidth&&"0px"!==s.borderRightWidth\|\|delete s.borderRightColor,this._addStylesToStyleElement(i,e.element,s,`:not(.${n("no-hover")}):hover`,!0)}e.placeholderStyleAttributes&&this._addStylesToStyleElement(i,e.element,e.placeholderStyleAttributes,"::placeholder"),this._addFontStylesToStyleElement(i,this.getShared()),this.stylesAppliedToElement(t,e,i)}},this.applySharedClassesToElementModel=e=>function(e,n){let i=e;return(i.classes\|\|"").split(" ").filter((e=>e.startsWith(t))).forEach((t=>{var e;let s=null===(e=n.textClasses)\|\|void 0===e?void 0:e[t];s&&(s.styleAttributes.fontFamily\|\|(s.isHeader&&n.headerFontFamily&&(s=Object.assign(Object.assign({},s),{styleAttributes:Object.assign(Object.assign({},s.styleAttributes),{fontFamily:n.headerFontFamily})})),!s.isHeader&&n.textFontFamily&&(s=Object.assign(Object.assign({},s),{styleAttributes:Object.assign(Object.assign({},s.styleAttributes),{fontFamily:n.textFontFamily})}))),i=Object.assign(Object.assign({},i),{styleAttributes:Object.assign(Object.assign({},i.styleAttributes),s.styleAttributes),placeholderStyleAttributes:Object.assign(Object.assign({},i.placeholderStyleAttributes),s.placeholderStyleAttributes)}))})),i.styleAttributes.fontFamily\|\|(i=Object.assign(Object.assign({},i),{styleAttributes:Object.assign(Object.assign({},i.styleAttributes),{fontFamily:n.textFontFamily})})),i}(e,this.documentModel.getShared()),this.getModel=()=>this.model,this._addStylesToStyleElement=(t,e,i,s="",o)=>{const r=Object.keys(i).reduce(((t,e)=>t+` ${K.camelCaseToDashCase(e)}: ${i[e]}${o?" !important;":";"}`),"");at({element:t,html:`[${n("element")}="${e}"]${s} { ${r} }`,appendHtml:!0})},this._addFontStylesToStyleElement=(t,e)=>{at({element:t,html:`[cl-type] {font-family:${e.textFontFamily\|\|"inherit"}}`,appendHtml:!0})},this._addLinkColor=(t,e)=>{var n,i,s,o;e.linkColor&&at({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)&&at({element:t,html:`a {color: ${null===(i=e.linkParams)\|\|void 0===i?void 0:i.color}}, a:visited {color: ${null===(s=e.linkParams)\|\|void 0===s?void 0:s.color}}`,appendHtml:!0}),(null===(o=e.linkParams)\|\|void 0===o?void 0:o.removeUnderline)&&at({element:t,html:"a {text-decoration: none}, a:visited {text-decoration: none}",appendHtml:!0})},this._setClassAttributes=(n,i)=>{Array.from(n.classList).filter((t=>t!==e("hovered")&&t!==e("focused"))).forEach((e=>{e.startsWith(t)&&n.classList.remove(e)}));const s=((n.getAttribute("class")\|\|"")+" "+i.classes).trim();n.setAttribute("class",s)},this.getParentComponent=()=>nt(this.parentNode,n("element"),"host"),this.getWidgetContainerNode=()=>{const t=null==this?void 0:this.getAttribute(n("path"));return t&&1===t.split(",").length?this.parentNode:nt(this.parentNode,n("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 i=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 i\|\|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,i,s,o,r;const a=t.control.name;if(["email","first_name","last_name"].includes(a))return a.toUpperCase();if((null===(e=t.content)\|\|void 0===e?void 0:e.label)&&(null===(s=null===(i=null===(n=t.adaptiveStyles)\|\|void 0===n?void 0:n.desktop.find((t=>"label"===t.element)))\|\|void 0===i?void 0:i.params)\|\|void 0===s?void 0:s.enabled)){const e=(new DOMParser).parseFromString(t.content.label,"text/html");return this.capitalizeFirstLetter(e.body.textContent\|\|"")}return(null===(o=t.content)\|\|void 0===o?void 0:o.placeholder)?this.capitalizeFirstLetter(t.content.placeholder):(null===(r=t.control)\|\|void 0===r?void 0:r.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===it));n?null==n\|\|n.execute(void 0,void 0,!0,e):this.services.actionFactory.get({type:h.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===(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()}}dt._resolveTogglableStylesForElementModel=t=>{const e=Object.assign({},t);return Object.keys(e).forEach((t=>{t.toLowerCase().includes("styleattributes")&&(e[t]=dt._resolveTogglableStyles(e[t]))})),e},dt._resolveTogglableStyles=t=>{const e=Object.assign({},t),n=(t,n,i)=>{n in e&&(t.forEach((t=>{t in e&&(e[t]=e[n]?e[t]:i)})),delete e[n])};return n(["marginTop","marginBottom","marginLeft","marginRight"],"_marginEnabled","0px"),n(["paddingTop","paddingBottom","paddingLeft","paddingRight"],"_paddingEnabled","0px"),e};const ut=dt;function ht(t){return Object.values(ot).map((e=>({type:"GROUP",propPath:["adaptiveStyles",e],children:t})))}const pt={name:"SysTextComponent",componentType:"TEXT",version:"1.0.0",events:{dispatch:[],listen:[]},contextMenuModel:ht([{type:"CONTROL",name:"COMPONENT_OPERATIONS"},{type:"CONTROL",name:"BRING_BACK_FORWARD",element:"host",elementProp:"styleAttributes",elementSubProp:"zIndex"},{type:"CONTROL",name:"FOCUS_PARENT_COMPONENT"}]),floatingControlsModel:ht([{type:"CONTROL",name:"SIZE",elementProp:"styleAttributes",element:"host",params:{height:{hide:!0}}},{type:"CONTROL",name:"MARGIN",elementProp:"styleAttributes",element:"host"},{type:"CONTROL",name:"CONTAINER_PADDING",elementProp:"styleAttributes",element:"host"}]),propertyPaneModel:{content:ht([{type:"CONTROL",name:"SIZE",element:"host",elementProp:"styleAttributes",params:{width:{options:["fixed","fill","hug"]},height:{options:["hug"]}},syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'"},{type:"CONTROL",name:"TEXT_PARAMS",params:[{element:"text"}]},{type:"CONTROL",name:"INSERT_BLOCK",params:[{element:"text",label:"DOCUMENT_TEXT",isLinkAvailable:!0,origin:!0}]},{type:"CONTROL",name:"BACKGROUND",propPath:["styles","[element=host]","styleAttributes"],params:{onlyColorSelection:!0},syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'"},{type:"CONTROL",name:"INDENTATION",elementProp:"styleAttributes",element:"text",params:{indentationType:"PADDING"},syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'"},{type:"CONTROL",name:"INDENTATION",elementProp:"styleAttributes",element:"host",params:{indentationType:"MARGIN"},syncSelectDisplayCondition:"return sdk.widgetType !== 'TEASER'"}])},autoContrast:[{slave:{element:"text",elementProp:"styleAttributes",elementSubProp:"color"},master:{element:"host",propPath:["styles","[element=host]","styleAttributes","background"]},enabledPropPath:["content","textContrastEnabled"]}],i18nPropPaths:["content,text","content,textrollers","content,mergeTags"],i18nPropertyPaneModel:{content:[{type:"CONTROL",name:"INSERT_BLOCK",params:[{element:"text",label:"DOCUMENT_TEXT",isLinkAvailable:!0,origin:!1}]}]},props:{styles:[{element:"host",styleAttributes:{background:"transparent"}}],adaptiveStyles:{desktop:[{element:"host",styleAttributes:{width:"100%",minWidth:null,height:"auto",minHeight:null,marginTop:"0px",marginBottom:"0px",marginLeft:"0px",marginRight:"0px",_marginEnabled:!1}},{element:"text",styleAttributes:{paddingTop:"0px",paddingBottom:"0px",paddingLeft:"0px",paddingRight:"0px",_paddingEnabled:!1,color:"rgb(50, 66, 67)",textAlign:"start",lineHeight:"120%",fontWeight:"500",fontSize:"16px",textShadow:"none"},classes:""}],mobile:[{element:"host",styleAttributes:{width:"100%",minWidth:null,height:"auto",minHeight:null,marginTop:"0px",marginBottom:"0px",marginLeft:"0px",marginRight:"0px",_marginEnabled:!1}},{element:"text",styleAttributes:{paddingTop:"0px",paddingBottom:"0px",paddingLeft:"0px",paddingRight:"0px",_paddingEnabled:!1,color:"rgb(50, 66, 67)",textAlign:"start",lineHeight:"120%",fontWeight:"500",fontSize:"16px",textShadow:"none"},classes:""}]},content:{text:"Text",textContrastEnabled:!0}},metaDescription:{icon:"/SysTextComponent/assets/img/component-icon.svg",label:{en:"Text",ru:"Текст",uk:"Текст",es:"Texto",de:"Text",fr:"Texte",it:"Testo",pt:"Texto",ro:"Text",bg:"Текст",cs:"Text",el:"Κείμενο",nl:"Tekst",pl:"Tekst",sv:"Text",tr:"Metin",ar:"النَّص",zh:"文本字段",da:"Tekst",he:"טקסט",fi:"Teksti",hi:"टेक्स्ट",hr:"Tekst",hu:"Szöveg",id:"Teks",ja:"テキスト",ko:"텍스트",no:"Tekst",sk:"Text",sl:"Besedilo",sr:"Tekst"}},syncEnabled:!0,stylesImitationEnabled:!0};function mt(t,e=1){return t.reduce(((t,n)=>Array.isArray(n)&&e>=1?t.concat(mt(n,e-1)):t.concat(n)),[])}function gt(t){return gt="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},gt(t)}function yt(t,e){return function(t){if(Array.isArray(t))return t}(t)\|\|function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]\|\|t["@@iterator"];if(null!=n){var i,s,o,r,a=[],l=!0,c=!1;try{if(o=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;l=!1}else for(;!(l=(i=o.call(n)).done)&&(a.push(i.value),a.length!==e);l=!0);}catch(t){c=!0,s=t}finally{try{if(!l&&null!=n.return&&(r=n.return(),Object(r)!==r))return}finally{if(c)throw s}}return a}}(t,e)\|\|ft(t,e)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ft(t,e){if(t){if("string"==typeof t)return bt(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)?bt(t,e):void 0}}function bt(t,e){(null==e\|\|e>t.length)&&(e=t.length);for(var n=0,i=Array(e);n<e;n++)i[n]=t[n];return i}function Et(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function vt(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Et(Object(n),!0).forEach((function(e){Ot(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Et(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ot(t,e,n){return(e=function(t){var e=function(t){if("object"!=gt(t)\|\|!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,"string");if("object"!=gt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==gt(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var Tt={maxWidth:"100%",width:"fit-content",display:"inline-flex",fontFamily:"inherit"},St={padding:"0 5px",display:"inline-block",maxWidth:"calc(100% - 0px)",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},Ct={display:"inline-flex",justifyContent:"center",minHeight:"fit-content"};function At(t,e){var n=e.id,i=Rt(e.options),s=vt(vt({},St),e.styleAttributes),o=e.options.map((function(e){var n=document.createElement("span");n.classList.add("opt");var o=document.createElement("span");o.innerText=e,n.appendChild(o);var r=window.getComputedStyle(t.parentElement);return _t(o,s),_t(n,{display:"inline-flex",justifyContent:r["text-align"]\|\|Ct.justifyContent},i,s),n})),r=vt({},Tt),a=document.createElement("span");a.classList.add("container"),_t(a,{paddingLeft:e.styleAttributes.borderLeftWidth\|\|0,paddingRight:e.styleAttributes.borderRightWidth\|\|0,paddingTop:e.styleAttributes.borderTopWidth\|\|0,paddingBottom:e.styleAttributes.borderBottomWidth\|\|0});var l=document.createElement("span");l.innerText=i,_t(l,vt(vt({},s),{},{visibility:"hidden"}));var c=document.createElement("span");c.classList.add("opts"),o.forEach((function(t){c.appendChild(t)})),a.append(l,c),at({element:t,html:""}),t.appendChild(a),_t(t,r);var d=a.querySelectorAll(".opt")[0].offsetHeight,u="".concat(d,"px");a.style.height=u,l.style.height=u,t.classList.add("container--staticTextRoller");var h=function(t){var e,n=1e3(t.animationSpeedInSec\|\|1),i=Math.max.apply(Math,function(t){if(Array.isArray(t))return bt(t)}(e=t.options.map((function(t){return t.replace(/\s+/g,"").length})))\|\|function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]\|\|null!=t["@@iterator"])return Array.from(t)}(e)\|\|ft(e)\|\|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.")}()),s=Math.max(Math.ceil(i/15),1),o=t.options.length;return{optionTimePercentage:100/o,duration:o(sn+500),longestOptionFractions:s}}(e);return function(t,e,n){var i=1(e.options.length-1),s=n.longestOptionFractions>1?1.5:3,o=n.optionTimePercentage/s,r=mt(e.options.map((function(t,e){return"\n ".concat(en.optionTimePercentage,"% {\n transform: translateY(calc(").concat(100e,"% + ").concat(1e,"px));\n }\n ").concat(en.optionTimePercentage+o,"% {\n transform: translateY(calc(").concat(100e,"% + ").concat(1e,"px));\n }")}))).concat("\n 100% {\n transform: translateY(calc(".concat(100*e.options.length,"% + ").concat(i,"px));\n }\n ")).join("\n"),a=document.createElement("style");at({element:a,html:"@keyframes slide-down {".concat(r,"}")});var l=t.querySelector(".opt").cloneNode(!0);t.appendChild(a),t.querySelector(".opts").appendChild(l)}(t,e,h),function(t,e,n){var i=n.duration/1e3;e.options.length>1?t.style.animation="slide-down ".concat(i,"s infinite"):(t.style.transform="translateY(0%)",t.querySelectorAll(".opt")[0].style.display="none")}(c,e,h),{element:t,id:n}}function _t(t,e,n,i,s){var o={};if(n){var r=Nt(n,e,i);o={minWidth:"".concat(r>s?r:Math.min(r,s),"px")}}Object.entries(vt(vt({},o),e)\|\|{}).forEach((function(e){var n=yt(e,2),i=n[0],s=n[1];t.style[i]=s}))}function Nt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=document.createElement("span"),s=document.createElement("span");s.innerText=t,i.appendChild(s);for(var o=0,r=Object.entries(n);o<r.length;o++){var a=yt(r[o],2),l=a[0],c=a[1];s.style[l]=c}for(var d=0,u=Object.entries(e);d<u.length;d++){var h=yt(u[d],2),p=h[0],m=h[1];i.style[p]=m}i.style.visibility="hidden",document.body.appendChild(i);var g=i.getBoundingClientRect().width;return document.body.removeChild(i),g}function Rt(t){return t.map((function(t){return{value:t,width:Nt(t)}})).sort((function(t,e){return e.width-t.width})).at(0).value}function Lt(t){return Lt="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},Lt(t)}function xt(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable\|\|!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,Dt(i.key),i)}}function It(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(It=function(){return!!t})()}function Pt(){return Pt="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var i=function(t,e){for(;!{}.hasOwnProperty.call(t,e)&&null!==(t=wt(t)););return t}(t,e);if(i){var s=Object.getOwnPropertyDescriptor(i,e);return s.get?s.get.call(arguments.length<3?t:n):s.value}},Pt.apply(null,arguments)}function wt(t){return wt=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__\|\|Object.getPrototypeOf(t)},wt(t)}function Mt(t,e){return Mt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Mt(t,e)}function jt(t,e,n){return(e=Dt(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Dt(t){var e=function(t){if("object"!=Lt(t)\|\|!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,"string");if("object"!=Lt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==Lt(e)?e:e+""}var kt=function(){function t(){var e;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),jt(e=function(t,e,n){return e=wt(e),function(t,e){if(e&&("object"==Lt(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,It()?Reflect.construct(e,n\|\|[],wt(t).constructor):e.apply(t,n))}(this,t),"processTextRoller",(function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.getElement("text");if(n){var i=e.isStaticRenderMode();n.childNodes.forEach((function(e){if(e.nodeType!==Node.TEXT_NODE&&"TEXT_ROLLER"===e.getAttribute("cl-type")){var n=e.getAttribute("cl-id"),s=t[n];if(!s)return;i?At(e,s):function(t,e){var n=e.id,i=document.createElement("span");i.classList.add("outer");var s=Rt(e.options),o=document.createElement("span");o.classList.add("inner"),o.textContent=e.options.at(0)\|\|"Option 1",o.setAttribute("contenteditable","false"),i.appendChild(o);var r,a,l,c=window.getComputedStyle(t.parentElement),d=(r=c,a={},l=["font-size","font-weight","font-style","font-family","text-align","text-shadow","letter-spacing","line-height"],Object.keys(r).forEach((function(t){if(Number.isInteger(Number(t))){var e=r[t];l.includes(e)&&(a[e]=r.getPropertyValue(e))}})),a),u=vt(vt(vt({},St),e.styleAttributes),d);_t(o,u),_t(i,vt(vt({},Ct),{},{borderRadius:o.style["border-radius"]\|\|Ct.borderRadius,justifyContent:c["text-align"]\|\|Ct.justifyContent}),s,u,parseFloat(c.width)),at({element:t,html:""}),_t(t,vt({},Tt)),t.appendChild(i)}(e,s)}}))}})),jt(e,"stylesAppliedToElement",(function(t,e){"text"===e.element&&e.styleAttributes.textAlign&&"flex"===getComputedStyle(t).display&&(t.style.justifyContent="center"===e.styleAttributes.textAlign?"center":"flex-".concat(e.styleAttributes.textAlign))})),jt(e,"manifest",pt),e.getRootElement().innerHTML='\n <style>\n .text {\n outline: none;\n min-height: fit-content;\n width: 100%;\n overflow-wrap: break-word;\n }\n </style>\n \n <style>\n [cl-type="TEXT_ROLLER"] {\n position: relative;\n }\n\n .text {\n align-items: center;\n }\n \n .container--staticTextRoller {\n display: inline-flex;\n max-width: 100%;\n width: fit-content;\n }\n \n .container {\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n position: relative;\n height: 100%;\n }\n\n .opts {\n position: absolute;\n height: 100%;\n width: 100%;\n top: 0;\n left: 0;\n z-index: 1;\n padding: 0;\n margin: 0;\n display: flex;\n gap: 1px;\n flex-direction: column-reverse;\n transform: translateY(-100%);\n }\n \n .opt {\n width: 100%;\n height: 100%;\n text-align: center;\n display: inline-flex;\n justify-content: center;\n }\n \n .opt span {\n white-space: nowrap;\n align-items: center;\n text-overflow: ellipsis;\n overflow: hidden;\n width: fit-content;\n max-width: 100%;\n padding: 0 2px;\n }\n </style>\n\n <div class="text" cl-element="text" cl-inline-edit="content, text"></div>\n ',e}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&Mt(t,e)}(t,ut),function(t,e){return e&&xt(t.prototype,e),Object.defineProperty(t,"prototype",{writable:!1}),t}(t,[{key:"connectedCallback",value:function(){var e=this;!function(t,e,n){var i=Pt(wt(t.prototype),"connectedCallback",n);return"function"==typeof i?function(t){return i.apply(n,t)}:i}(t,0,this)([]),this.observeProps((function(t,n){var i,s,o;e.applyAutoAdaptiveStyles(n.adaptiveStyles,n.styles),null!==(i=n.content)&&void 0!==i&&i.text&&e.getElement("text")&&(at({element:e.getElement("text"),html:null===(o=n.content)\|\|void 0===o?void 0:o.text}),e.mergeTagsProcessor.process(e.getElement("text"),n.content.mergeTags,e.getModel().id)),e.processTextRoller(null===(s=n.content)\|\|void 0===s?void 0:s.textrollers)})),this.observeShared((function(){var t,n=e.getProps();e.processTextRoller(null===(t=n.content)\|\|void 0===t?void 0:t.textrollers)}))}}])}();jt(kt,"define",{name:"sys-text",model:pt.name,manifest:pt});export{kt as default};window.clComponentClass_SysTextComponent=kt;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@claspo/components",
-  "version": "1.1.28",
+  "version": "1.1.30",
   "description": "",
   "scripts": {
     "prebuild": "rm -rf out",