@creaditor/newsletter-starterkit 1.0.40 → 1.0.42

package/dist/6036.creaditor.bundle.js

@@ -0,0 +1,34 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[6036],{26036(e,t,s){s.r(t),s.d(t,{ImageSkeleton:()=>r});var i=s(24586),n=s(59929);class r extends n.WF{constructor(){super()}render(){return n.qy` <div class="skeleton-item skeleton-image"></div>`}}(0,i.A)(r,"styles",n.AH`
+    :host {
+      display: block;
+      width: 100%;
+      height: 100%;
+    }
+    .skeleton-item {
+      background: #e8e4f0;
+      border-radius: 4px;
+      position: relative;
+      overflow: hidden;
+      width: 100%;
+      height: 100%;
+    }
+    .skeleton-item::after {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: linear-gradient(90deg, #e8e4f0, #f0ecf8, #e8e4f0);
+      animation: skeleton-shimmer 1.6s ease-in-out infinite;
+    }
+
+    @keyframes skeleton-shimmer {
+      0% {
+        transform: translate3d(-100%, 0, 0);
+      }
+      100% {
+        transform: translate3d(100%, 0, 0);
+      }
+    }
+  `),customElements.define("cdtr-image-skeleton",r)}}]);

package/dist/6151.creaditor.bundle.js

@@ -0,0 +1 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[6151],{36151(e,n,t){t.d(n,{default:()=>x});let a=!0;const o=e=>{{const{component:n,commands:t,helpers:o}=e,i=n.parent("col");return{select:e=>{let{changeTab:n,tab:t}=e;t.text||n("image")},tabs:e=>{const n=[{text:"image",selected:!0},{text:"design"},{text:"link"},{text:"ai"},{text:"settings"}];return e?(n.forEach(n=>n.selected=n.selected=n.text===e),n):n},layout:e=>{const{tab:o,changeTab:s,tabs:r}=e;return[{type:"info",text:"image_micro_copy",active:()=>"image"===o.text},{type:"imagePrompt",active:()=>"ai"===o.text,onChange:e=>{e.target.value}},{type:"gallery",active:()=>"image"===o.text,src:n.props.src,hasPreview:!0,text:"openGalleryImage",justify:"flex-start",onChange:e=>{let n=e.detail;Array.isArray(n)&&(n=n[0]),t.execCommand("src",n.src)}},{type:"input",title:"add_urlAddress_from_media_site",active:()=>"image"===o.text,value:n.props.src||"",onChange:e=>{const n=e.target.value;t.execCommand("src",n)}},{type:"input",title:"altText",active:()=>"image"===o.text,value:n.props.alt||"",onChange:e=>{const n=e.target.value;t.execCommand("alt",n)}},{type:"checkbox",title:"fullWidthOnMobile",checked:!!n.props.isFullWidthOnMobile,active:()=>"image"===o.text,onChange:e=>{const n=e.target.checked;t.execCommand("isFullWidthOnMobile",n)}},{type:"divider",active:()=>"design"===o.text},{type:"checkbox",title:"keep_ratio",checked:!!a,active:()=>"design"===o.text,onChange:e=>{a=!a,s("design")}},{type:"slider",min:10,title:"size",active:()=>"design"===o.text&&a,max:a?1e3:i?.element?.offsetWidth,value:parseInt(n.props.style.width),onInput:e=>{const n=e.target.value;t.execCommand("style",{width:n+"px",height:"auto"})}},{type:"slider",min:10,title:"width",active:()=>"design"===o.text&&!a,max:a?1e3:i?.element?.offsetWidth,value:parseInt(n.props.style.width),onInput:e=>{const a=e.target.value,o=n.atomElement.getBoundingClientRect().height;t.execCommand("style",{width:a+"px",height:o+"px"})}},{type:"slider",min:10,title:"height",active:()=>"design"===o.text&&!a,max:2*i?.element?.offsetWidth,value:parseInt(n.props.style.height),onInput:e=>{const a=e.target.value,o=n.atomElement.getBoundingClientRect().width;t.execCommand("style",{height:a+"px",width:o+"px"})}},{type:"radius",title:"radius",active:()=>"design"===o.text,min:0,max:parseInt(n.props.style.width)/2,value:parseInt(n.props.style.borderRadius),elementId:n.id,borderTopRightRadius:parseInt(n.props.style.borderTopRightRadius),borderTopLeftRadius:parseInt(n.props.style.borderTopLeftRadius),borderBottomRightRadius:parseInt(n.props.style.borderBottomRightRadius),borderBottomLeftRadius:parseInt(n.props.style.borderBottomLeftRadius),onInput:e=>{const n=e.target.json;t.execCommand("style",{borderTopRightRadius:n.borderTopRightRadius+"px",borderTopLeftRadius:n.borderTopLeftRadius+"px",borderBottomRightRadius:n.borderBottomRightRadius+"px",borderBottomLeftRadius:n.borderBottomLeftRadius+"px",borderRadius:null})}},{type:"divider",active:()=>"design"===o.text},{type:"linkpicker",href:n.props.onClick?.link,protocol:n.props.onClick?.link?.protocol,target:n.props.onClick?.link?.target,autofocus:!0,active:()=>"link"===o.text,onChange:e=>{const n={link:e.target.value};t.execCommand("onClick",n)}}]}}}};var i=t(52144);const s=()=>({set:(e,n,t)=>{switch(n){case"src":case"isFullWidthOnMobile":case"isOpenWithModal":case"isCircle":case"alt":case"onClick":return e[n]=t,!0;case"style":if("object"==typeof t)return e[n]=(0,i.A)(e[n],t),!0}}});var r=t(72591),l=t.n(r),d=t(88639),A=t.n(d),c=t(88128),p=t.n(c),m=t(30855),g=t.n(m),u=t(93051),h=t.n(u),C=t(98481),E={};E.setAttributes=g(),E.insert=p().bind(null,"head"),E.domAPI=A(),E.insertStyleElement=h();l()(C.A,E);const y=C.A&&C.A.locals?C.A.locals:void 0;function b(e){const n=document.createElement("div");n.className=y.wrapper;const t=document.createElement("div");t.className=y.skeleton;const a=document.createElement("div");a.className=y.shimmer,t.appendChild(a);const o=document.createElement("div");o.className=y.scanline,t.appendChild(o);const i=document.createElement("div");i.className=y.imageContainer,i.appendChild(e);let s=!1;function r(){if(!s)return;s=!1,n.classList.remove(y.loading),n.classList.add(y.revealed),e.classList.remove(y.imageHidden),e.classList.add(y.imageRevealed);const t=()=>{n.classList.remove(y.revealed),e.classList.remove(y.imageRevealed),e.removeEventListener("animationend",t)};e.addEventListener("animationend",t)}return e.addEventListener("load",r),e.addEventListener("error",r),{wrapper:n,showLoader:function(){(arguments.length>0&&void 0!==arguments[0]&&arguments[0]||e.src&&!e.complete)&&(s=!0,n.classList.add(y.loading),e.classList.add(y.imageHidden))},hideLoader:r,wrap:function(e){n.appendChild(t),n.appendChild(i),e.appendChild(n)},skeleton:t}}var v=t(44217),f={};f.setAttributes=g(),f.insert=p().bind(null,"head"),f.domAPI=A(),f.insertStyleElement=h();l()(v.A,f);const k=v.A&&v.A.locals?v.A.locals:void 0,x=()=>{const e="image";return{name:e,create:n=>{const{createElement:t,compose:a,helpers:i}=n,{arrayToString:r,mergeDiff:l}=i,d=document.createElement("img"),A=document.createElement("div");a.props.style&&!parseInt(a.props.style.height)&&(a.props.style.height="auto"),d.addEventListener("drop",e=>{e.preventDefault();var n=e.dataTransfer.getData("text/html");const t=document.createElement("div");t.innerHTML=n;const o=t.querySelector("img");o&&o.src&&a.editor.store().updateComponent(a,"src",o.src)}),d.draggable=!0,d.src=a.props.src;const c=r(a.classList);d.className=r(c,"editor-image",k.image),A.append(d);const p=b(d);p.wrap(A);let m=a.props.src;function g(e){const n=e.target;n.classList.contains("amazingbar-content-wrapper")&&"INPUT"!==n.tagName&&"TEXTAREA"!==n.tagName&&("Delete"!==e.key&&"Backspace"!==e.key||u.commands.remove())}a.props.src&&p.showLoader(),d.addEventListener("dblclick",()=>{const e=document.createElement("cdtr-gallery");e.opened=!0,e.multi=!0,document.body.append(e),e.addEventListener("file",n=>{let t=n.detail;Array.isArray(t)&&(t=t[0]),a.editor.store().execCommands([{key:"src",value:t.src},{key:"style",value:{height:"auto"}}]),e.opened=!1,setTimeout(()=>{e.remove()},1500)}),e.addEventListener("close",()=>{e.remove()})});const u=t({name:e,id:a.id,template:A,defaultProps:{style:{height:"auto",width:"200px"}},draggable:{group:"element"},droppable:{group:"element"},render:()=>{l(d,{style:a.props.style}),d.width=a.props.width||a.props.style.width,d.height=a.props.height||a.props.style.height,a.props.src&&a.props.src!==m&&(m=a.props.src,p.showLoader(!0)),l(d,{src:a.props.src}),l(d,{alt:a.props.alt})},resizeable:()=>A,handleBar:!0,validator:s(),schema:a.schema,onSelect:e=>{d.classList.add(e),document.addEventListener("keyup",g)},onDeselect:e=>{d.classList.remove(e),document.removeEventListener("keyup",g)},elementProps:a,remove:()=>{A.remove()},createEditor:o});let h=0,C=0,E=!1,y=!1,v=!1,f=!1;return d.addEventListener("dragover",e=>{e.preventDefault()}),d.addEventListener("dragstart",e=>{h=e.clientX,C=e.clientY,E=!0,y=!1,v=!1,f=!1}),d.addEventListener("drag",e=>{if(!E)return;const n=d.closest(".block-component")||d.closest("[data-block]")||d.parentElement;if(!n)return;const t=n.getBoundingClientRect(),a=t.width,o=t.left,i=e.clientX-o,s=.3*a,r=.7*a;if(i<s&&!y){y=!0,f=!1,v=!1;const e=u.parent("col");e&&e.commands.execCommand("justify","start")}else if(i>r&&!v){v=!0,f=!1,y=!1;const e=u.parent("col");e&&e.commands.execCommand("justify","end")}else if(i>=s&&i<=r&&!f){f=!0,y=!1,v=!1;const e=u.closest("col");e&&e.commands.execCommand("justify","center")}}),d.addEventListener("dragend",e=>{E=!1,y=!1,v=!1,f=!1}),u}}}},98481(e,n,t){t.d(n,{A:()=>r});var a=t(82001),o=t.n(a),i=t(40935),s=t.n(i)()(o());s.push([e.id,".lohuqKHS721dHgrbXSxR {\n  position: relative;\n  display: inline-block;\n  overflow: hidden;\n}\n\n.svsvvszZebJje0J5_aR0 {\n  position: relative;\n  display: block;\n  line-height: 0;\n}\n\n.X_p_Nfsu3cFahVFu4_Bw {\n  opacity: 0;\n  transition: opacity 0.15s ease-out;\n}\n\n._6bzBNhs7hY6_EZJBee1 {\n  animation: RDp05pdkytBCK3jwjH1H 0.4s ease-out forwards;\n}\n\n@keyframes RDp05pdkytBCK3jwjH1H {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n/* Skeleton overlay - light purple placeholder */\n.gT24aWaYLc3ogXj85wMz {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: linear-gradient(\n    110deg,\n    #e8e4f0 8%,\n    #f0ecf8 18%,\n    #e8e4f0 33%\n  );\n  background-size: 200% 100%;\n  animation: _Mzf8MsKMSARt4xYISlA 1.5s ease-in-out infinite;\n  pointer-events: none;\n}\n\n.lohuqKHS721dHgrbXSxR.MhfE6WSo5ganwIXH6eLf .gT24aWaYLc3ogXj85wMz {\n  opacity: 1;\n  z-index: 1;\n}\n\n.lohuqKHS721dHgrbXSxR:not(.MhfE6WSo5ganwIXH6eLf) .gT24aWaYLc3ogXj85wMz {\n  opacity: 0;\n  pointer-events: none;\n  z-index: -1;\n  transition: opacity 0.2s ease-out;\n}\n\n.lohuqKHS721dHgrbXSxR.MsTRDhZG2BCJz9_2FibU .gT24aWaYLc3ogXj85wMz {\n  animation: j0DUaUfa5Px2EIxpK3zU 0.4s ease-out forwards;\n}\n\n@keyframes _Mzf8MsKMSARt4xYISlA {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n\n@keyframes j0DUaUfa5Px2EIxpK3zU {\n  to {\n    opacity: 0;\n  }\n}\n\n/* Shimmer highlight sweep */\n.EcbfYuWAe3Ej6GnLZxPW {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    rgba(255, 255, 255, 0.4) 50%,\n    transparent 100%\n  );\n  background-size: 50% 100%;\n  animation: dOhdOxhPYbAyl0kAuAmR 2s ease-in-out infinite;\n}\n\n@keyframes dOhdOxhPYbAyl0kAuAmR {\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(200%);\n  }\n}\n\n/* Print-style scanline */\n.ixwwhz1RPbWh52COfXpg {\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: 2px;\n  background: linear-gradient(\n    to bottom,\n    transparent,\n    rgba(255, 255, 255, 0.6),\n    transparent\n  );\n  animation: qDDvb69LDcaVxWWlah1p 1.2s ease-in-out infinite;\n  box-shadow: 0 0 8px rgba(255, 255, 255, 0.5);\n}\n\n@keyframes qDDvb69LDcaVxWWlah1p {\n  0% {\n    top: 0;\n    opacity: 1;\n  }\n  90% {\n    top: 100%;\n    opacity: 0.8;\n  }\n  100% {\n    top: 100%;\n    opacity: 0;\n  }\n}\n","",{version:3,sources:["webpack://./../web-editors/image-editor-component/lib/image-loader.module.css"],names:[],mappings:"AAAA;EACE,kBAAkB;EAClB,qBAAqB;EACrB,gBAAgB;AAClB;;AAEA;EACE,kBAAkB;EAClB,cAAc;EACd,cAAc;AAChB;;AAEA;EACE,UAAU;EACV,kCAAkC;AACpC;;AAEA;EACE,sDAA6C;AAC/C;;AAEA;EACE;IACE,UAAU;EACZ;EACA;IACE,UAAU;EACZ;AACF;;AAEA,gDAAgD;AAChD;EACE,kBAAkB;EAClB,MAAQ;EAAR,QAAQ;EAAR,SAAQ;EAAR,OAAQ;EACR;;;;;GAKC;EACD,0BAA0B;EAC1B,yDAAoD;EACpD,oBAAoB;AACtB;;AAEA;EACE,UAAU;EACV,UAAU;AACZ;;AAEA;EACE,UAAU;EACV,oBAAoB;EACpB,WAAW;EACX,iCAAiC;AACnC;;AAEA;EACE,sDAAiD;AACnD;;AAEA;EACE;IACE,2BAA2B;EAC7B;EACA;IACE,4BAA4B;EAC9B;AACF;;AAEA;EACE;IACE,UAAU;EACZ;AACF;;AAEA,4BAA4B;AAC5B;EACE,kBAAkB;EAClB,MAAQ;EAAR,QAAQ;EAAR,SAAQ;EAAR,OAAQ;EACR;;;;;GAKC;EACD,yBAAyB;EACzB,uDAA+C;AACjD;;AAEA;EACE;IACE,4BAA4B;EAC9B;EACA;IACE,2BAA2B;EAC7B;AACF;;AAEA,yBAAyB;AACzB;EACE,kBAAkB;EAClB,OAAO;EACP,QAAQ;EACR,WAAW;EACX;;;;;GAKC;EACD,yDAAiD;EACjD,4CAA4C;AAC9C;;AAEA;EACE;IACE,MAAM;IACN,UAAU;EACZ;EACA;IACE,SAAS;IACT,YAAY;EACd;EACA;IACE,SAAS;IACT,UAAU;EACZ;AACF",sourcesContent:[".wrapper {\n  position: relative;\n  display: inline-block;\n  overflow: hidden;\n}\n\n.imageContainer {\n  position: relative;\n  display: block;\n  line-height: 0;\n}\n\n.imageHidden {\n  opacity: 0;\n  transition: opacity 0.15s ease-out;\n}\n\n.imageRevealed {\n  animation: imageFadeIn 0.4s ease-out forwards;\n}\n\n@keyframes imageFadeIn {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n/* Skeleton overlay - light purple placeholder */\n.skeleton {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    110deg,\n    #e8e4f0 8%,\n    #f0ecf8 18%,\n    #e8e4f0 33%\n  );\n  background-size: 200% 100%;\n  animation: skeletonShimmer 1.5s ease-in-out infinite;\n  pointer-events: none;\n}\n\n.wrapper.loading .skeleton {\n  opacity: 1;\n  z-index: 1;\n}\n\n.wrapper:not(.loading) .skeleton {\n  opacity: 0;\n  pointer-events: none;\n  z-index: -1;\n  transition: opacity 0.2s ease-out;\n}\n\n.wrapper.revealed .skeleton {\n  animation: skeletonFadeOut 0.4s ease-out forwards;\n}\n\n@keyframes skeletonShimmer {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n\n@keyframes skeletonFadeOut {\n  to {\n    opacity: 0;\n  }\n}\n\n/* Shimmer highlight sweep */\n.shimmer {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    rgba(255, 255, 255, 0.4) 50%,\n    transparent 100%\n  );\n  background-size: 50% 100%;\n  animation: shimmerSweep 2s ease-in-out infinite;\n}\n\n@keyframes shimmerSweep {\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(200%);\n  }\n}\n\n/* Print-style scanline */\n.scanline {\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: 2px;\n  background: linear-gradient(\n    to bottom,\n    transparent,\n    rgba(255, 255, 255, 0.6),\n    transparent\n  );\n  animation: scanlineMove 1.2s ease-in-out infinite;\n  box-shadow: 0 0 8px rgba(255, 255, 255, 0.5);\n}\n\n@keyframes scanlineMove {\n  0% {\n    top: 0;\n    opacity: 1;\n  }\n  90% {\n    top: 100%;\n    opacity: 0.8;\n  }\n  100% {\n    top: 100%;\n    opacity: 0;\n  }\n}\n"],sourceRoot:""}]),s.locals={wrapper:"lohuqKHS721dHgrbXSxR",imageContainer:"svsvvszZebJje0J5_aR0",imageHidden:"X_p_Nfsu3cFahVFu4_Bw",imageRevealed:"_6bzBNhs7hY6_EZJBee1",imageFadeIn:"RDp05pdkytBCK3jwjH1H",skeleton:"gT24aWaYLc3ogXj85wMz",skeletonShimmer:"_Mzf8MsKMSARt4xYISlA",loading:"MhfE6WSo5ganwIXH6eLf",revealed:"MsTRDhZG2BCJz9_2FibU",skeletonFadeOut:"j0DUaUfa5Px2EIxpK3zU",shimmer:"EcbfYuWAe3Ej6GnLZxPW",shimmerSweep:"dOhdOxhPYbAyl0kAuAmR",scanline:"ixwwhz1RPbWh52COfXpg",scanlineMove:"qDDvb69LDcaVxWWlah1p"};const r=s},44217(e,n,t){t.d(n,{A:()=>r});var a=t(82001),o=t.n(a),i=t(40935),s=t.n(i)()(o());s.push([e.id,".YbsG1_k3QD06_W0gNo53{\n    display: block;\n    max-width: 100%;\n}","",{version:3,sources:["webpack://./../web-editors/image-editor-component/lib/style.module.css"],names:[],mappings:"AAAA;IACI,cAAc;IACd,eAAe;AACnB",sourcesContent:[".image{\n    display: block;\n    max-width: 100%;\n}"],sourceRoot:""}]),s.locals={image:"YbsG1_k3QD06_W0gNo53"};const r=s}}]);

package/dist/638.creaditor.bundle.js

@@ -0,0 +1,23 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[638],{638(e,t,i){i.r(t),i.d(t,{DevicePicker:()=>h});var o,r,c,n,d=i(59088),p=i(24586),s=i(36936),l=i(59929);let h=(o=(0,i(49410).MZ)({type:String}),n=class extends l.WF{constructor(){super(),(0,d.A)(this,"device",c,this)}choose(e){this.device=e}render(){return l.qy` <cdtr-row alignItems="center">
+      <paper-button @click=${()=>this.choose("phone")}>
+        <cdtr-tooltip content="design_for_phone">
+          <cdtr-icon
+            color=${"phone"===this.device?"var(--primary)":""}
+            width="18"
+            icon="phone"
+          ></cdtr-icon>
+        </cdtr-tooltip>
+      </paper-button>
+      <paper-button @click=${()=>this.choose("desktop")}
+        ><cdtr-tooltip content="design_for_desktop"
+          ><cdtr-icon
+            color=${"desktop"===this.device?"var(--primary)":""}
+            width="18"
+            icon="desktop"
+          ></cdtr-icon></cdtr-tooltip></paper-button
+    ></cdtr-row>`}},(0,p.A)(n,"styles",l.AH`
+    paper-button {
+      padding: 0;
+      min-width: 0;
+    }
+  `),r=n,c=(0,s.A)(r.prototype,"device",[o],{configurable:!0,enumerable:!0,writable:!0,initializer:null}),r);customElements.define("cdtr-device-picker",h)}}]);

package/dist/6442.creaditor.bundle.js

@@ -0,0 +1,236 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[6442],{66442(e,i,a){a.r(i),a.d(i,{CouchMark:()=>o});var s=a(24586),t=a(59929);class o extends t.WF{constructor(){super()}render(){return t.qy`<div class="pulser">
+      <div class="pulse pulse1"></div>
+      <div class="pulse pulse2"></div>
+      <div class="pulse pulse4"></div>
+    </div>`}}(0,s.A)(o,"properties",{name:{}}),(0,s.A)(o,"styles",t.AH`
+    :host {
+      position: relative;
+      display: inline-block;
+    }
+
+    .pulse {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      width: 30px;
+      height: 30px;
+      -webkit-border-radius: 50%;
+      -moz-border-radius: 50%;
+      border-radius: 50%;
+      -webkit-box-sizing: border-box;
+      -moz-box-sizing: border-box;
+      box-sizing: border-box;
+    }
+
+    .pulse1 {
+      border: 13px solid #845EC2;
+      -webkit-animation: pulse1 2s linear infinite;
+      -moz-animation: pulse1 2s linear infinite;
+      animation: pulse1 2s linear infinite;
+    }
+
+    .pulse2 {
+      border: 8px solid #845EC2;
+      opacity: 0.2;
+      -webkit-animation: pulse2 2s linear infinite;
+      -moz-animation: pulse2 2s linear infinite;
+      animation: pulse2 2s linear infinite;
+    }
+
+    .pulse3 {
+      border: 10px solid #845EC2;
+      opacity: 0.5;
+      -webkit-animation: pulse3 2s linear infinite;
+      -moz-animation: pulse3 2s linear infinite;
+      animation: pulse3 2s linear infinite;
+    }
+
+    .pulse4 {
+      border: 15px solid #845EC2;
+      opacity: 0.1;
+      -webkit-animation: pulse4 2s linear infinite;
+      -moz-animation: pulse4 2s linear infinite;
+      animation: pulse4 2s linear infinite;
+      width: 30px;
+      height: 30px;
+    }
+
+    /* moz */
+    @-moz-keyframes pulse1 {
+      0% {
+        -moz-transform: scale(0);
+        opacity: 0;
+      }
+      20% {
+        -moz-transform: scale(0);
+        opacity: 0;
+      }
+      40% {
+        -moz-transform: scale(0.2);
+        opacity: 0.4;
+      }
+      60% {
+        -moz-transform: scale(0.4);
+        opacity: 0.6;
+      }
+      100% {
+        -moz-transform: scale(0.6);
+        opacity: 0;
+      }
+    }
+
+    @-moz-keyframes pulse2 {
+      0% {
+        -moz-transform: scale(0);
+        opacity: 0;
+      }
+      25% {
+        -moz-transform: scale(0.2);
+        opacity: 0.7;
+      }
+      40% {
+        -moz-transform: scale(0.4);
+        opacity: 0.5;
+      }
+      65% {
+        -moz-transform: scale(0.6);
+        opacity: 0.3;
+      }
+      100% {
+        -moz-transform: scale(0.8);
+        opacity: 0;
+      }
+    }
+
+    @-moz-keyframes pulse3 {
+      0% {
+        -moz-transform: scale(0.1);
+        opacity: 0;
+      }
+      25% {
+        -moz-transform: scale(0.3);
+        opacity: 0.7;
+      }
+      50% {
+        -moz-transform: scale(0.5);
+        opacity: 0.5;
+      }
+      75% {
+        -moz-transform: scale(0.6);
+        opacity: 0.3;
+      }
+      100% {
+        -moz-transform: scale(0.66);
+        opacity: 0;
+      }
+    }
+
+    @-moz-keyframes pulse4 {
+      0% {
+        -moz-transform: scale(0.1);
+        opacity: 0;
+      }
+      30% {
+        -moz-transform: scale(0.3);
+        opacity: 0.6;
+      }
+      80% {
+        -moz-transform: scale(0.6);
+        opacity: 0.4;
+      }
+      100% {
+        -moz-transform: scale(0.8);
+        opacity: 0;
+      }
+    }
+
+    /* webkit */
+    @-webkit-keyframes pulse1 {
+      0% {
+        -webkit-transform: scale(0);
+        opacity: 0;
+      }
+      20% {
+        -webkit-transform: scale(0);
+        opacity: 0;
+      }
+      40% {
+        -webkit-transform: scale(0.2);
+        opacity: 0.4;
+      }
+      60% {
+        -webkit-transform: scale(0.4);
+        opacity: 0.6;
+      }
+      100% {
+        -webkit-transform: scale(0.6);
+        opacity: 0;
+      }
+    }
+
+    @-webkit-keyframes pulse2 {
+      0% {
+        -webkit-transform: scale(0);
+        opacity: 0;
+      }
+      25% {
+        -webkit-transform: scale(0.2);
+        opacity: 0.7;
+      }
+      40% {
+        -webkit-transform: scale(0.4);
+        opacity: 0.5;
+      }
+      65% {
+        -webkit-transform: scale(0.6);
+        opacity: 0.3;
+      }
+      100% {
+        -webkit-transform: scale(0.8);
+        opacity: 0;
+      }
+    }
+
+    @-webkit-keyframes pulse3 {
+      0% {
+        -webkit-transform: scale(0.1);
+        opacity: 0;
+      }
+      25% {
+        -webkit-transform: scale(0.3);
+        opacity: 0.7;
+      }
+      50% {
+        -webkit-transform: scale(0.5);
+        opacity: 0.5;
+      }
+      75% {
+        -webkit-transform: scale(0.6);
+        opacity: 0.3;
+      }
+      100% {
+        -webkit-transform: scale(0.66);
+        opacity: 0;
+      }
+    }
+
+    @-webkit-keyframes pulse4 {
+      0% {
+        -webkit-transform: scale(0.1);
+        opacity: 0;
+      }
+      30% {
+        -webkit-transform: scale(0.3);
+        opacity: 0.6;
+      }
+      80% {
+        -webkit-transform: scale(0.6);
+        opacity: 0.4;
+      }
+      100% {
+        -webkit-transform: scale(0.8);
+        opacity: 0;
+      }
+    }
+  `),customElements.define("cdtr-couch-mark",o)}}]);

package/dist/7307.creaditor.bundle.js

@@ -0,0 +1,186 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[7307],{47307(t,e,s){s.r(e),s.d(e,{default:()=>r});var i=s(24586),n=s(59929),a=s(21421),o=s(91597),l=s(81744),c=s(86319);const u=(0,o.S)();class r extends n.WF{constructor(){super(),(0,i.A)(this,"inputRef",(0,a._)()),this.min=0,this.max=100,this.step=1,this.autofocus=!1,this.type="text",this.value="number"===this.type?"0":"",this.placeholder="",this.oldValue=this.value,this.successActive=!1,this._successTimeout=null}onSubmit(t){t.preventDefault();const e=new UIEvent("submit",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(e),this.oldValue=this.value}focus(){const t=this.inputRef.value;t.focus(),t.setSelectionRange(t.value.length,t.value.length)}onFocus(){const t=new UIEvent("focus",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t)}onBlur(){const t=new UIEvent("blur",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t),this.oldValue=this.value}render(){this.fullWidth&&(this.style.width="100%"),this.value||"text"!==this.type||(this.value=""),this.icon&&"string"!=typeof this.inputStyle&&(this.inputStyle="");const t=c.M.get("lang",this.placeholder)||this.placeholder||"";t&&("string"!=typeof this.inputStyle&&(this.inputStyle=""),-1===this.inputStyle.indexOf("text-align")&&(this.inputStyle+=";text-align:"+("rtl"===(0,l.o)(t)?"right":"")));const e=this.multiline?n.qy` <textarea
+          row=${this.row||4}
+          .disabled=${this.disabled}
+          dir="auto"
+          ${(0,a.K)(this.inputRef)}
+          style="${this.inputStyle}"
+          .autofocus="${this.autofocus}"
+          .placeholder="${t}"
+          @input="${this.setValue}"
+          @change="${this.setValue}"
+          .min="${String(this.min)}"
+          .max="${String(this.max)}"
+          .step="${String(this.step)}"
+          .value="${String(this.value)}"
+        />`:n.qy` <input
+          .disabled=${this.disabled}
+          dir="auto"
+          ${(0,a.K)(this.inputRef)}
+          style="${this.inputStyle}"
+          .autofocus="${this.autofocus}"
+          .placeholder="${t}"
+          @input="${this.setValue}"
+          @change="${this.setValue}"
+          .min="${String(this.min)}"
+          .type="${this.type}"
+          .max="${String(this.max)}"
+          .step="${String(this.step)}"
+          .value="${String(this.value)}"
+        />`;return n.qy`<form @submit=${this.onSubmit}>
+      ${e}
+      ${!this.icon||this.couchOnEmpty||this.successActive?null:n.qy`<cdtr-icon
+            color="#d9d9d9"
+            width=${20}
+            height=${20}
+            style="position: absolute;
+      transform: translateY(-50%);top:50%;z-index:1;
+      left: 10px;"
+            icon="${this.icon}"
+          ></cdtr-icon>`}
+      ${this.successActive?n.qy`<div class="success-overlay" aria-live="polite">
+            <cdtr-couch-mark></cdtr-couch-mark>
+            <span class="success-icon">✓</span>
+          </div>`:null}
+      ${!this.couchOnEmpty||this.value||this.successActive?null:n.qy`<cdtr-couch-mark
+            style="position: absolute;
+      transform: translateY(-50%);
+      left: 0;"
+          ></cdtr-couch-mark>`}
+      ${"text"===this.type&&this.maxLength?n.qy`<span class="counter"
+            >${this.value.length}/${this.maxLength}</span
+          > `:null}
+    </form>`}firstUpdated(){this.autofocus&&setTimeout(()=>{this.inputRef.value&&this.inputRef.value.focus()},500),void 0===this.value&&(this.value="")}focus(){super.focus(),this.inputRef.value.focus()}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this._successTimeout&&(clearTimeout(this._successTimeout),this._successTimeout=null)}setValue(t){if(this.selectionStart=this.inputRef.value.selectionStart,!this.inputRef.value)return;const e=this.inputRef.value;if("text"===this.type&&this.max&&e.value.length>this.max)return e.value=this.value,void this.inputRef.value.focus();this.value=e.value;const s=new UIEvent(t.type,{view:window,bubbles:!0,cancelable:!0});if(this.dispatchEvent(s),"input"===t.type){const t=()=>{const t=new UIEvent("debounce",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t)};u.run(t,500)}}success(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2e3;this._successTimeout&&(clearTimeout(this._successTimeout),this._successTimeout=null),this.successActive=!0;const e=Number(t);!Number.isFinite(e)||e<=0||(this._successTimeout=setTimeout(()=>{this.successActive=!1,this._successTimeout=null},e))}patch(t){this.value=t}}(0,i.A)(r,"styles",n.AH`
+    :host {
+      display: inline-block;
+      --cdtr-input-height: 30px;
+      --cdtr-input-padding: 0.105rem 0.45rem;
+    }
+
+    form {
+      position: relative;
+    }
+    .counter {
+      font-size: 10px;
+    }
+    input,
+    textarea {
+      height: var(--cdtr-input-height);
+      display: inline-block;
+      width: 100%;
+      padding: var(--cdtr-input-padding);
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 1.5;
+      color: #212529;
+      background: #fff;
+      background-clip: padding-box;
+      border: 1px solid #ced4da;
+      -webkit-appearance: none;
+      -moz-appearance: none;
+      appearance: none;
+      border-radius: 0.25rem;
+      transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+      margin: 0;
+      font-family: var(--font-family);
+      border-color: var(--input-border-color);
+      outline: var(--input-border-color);
+      box-sizing: border-box;
+    }
+    textarea {
+      height: auto;
+      resize: none;
+    }
+    input:disabled,
+    textrea:disabled,
+    textareap[readonly],
+    input[readonly] {
+      background-color: #e9ecef;
+      opacity: 0.5;
+    }
+    input:hover,
+    textarea:hover {
+      border-color: black;
+    }
+    input::placeholder,
+    textarea::placeholder {
+      font-family: var(--font-family);
+    }
+    input:focus,
+    textarea:focus {
+      border-color: var(--primary);
+    }
+    input[type="number"] {
+      padding-right: 0px;
+      padding-left: 4px;
+    }
+
+    input[type="number"] {
+      -moz-appearance: textfield;
+    }
+
+    .success-overlay {
+      position: absolute;
+      top: 50%;
+      left: 4px;
+      transform: translateY(-50%);
+      width: 28px;
+      height: 28px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      pointer-events: none;
+      z-index: 2;
+    }
+
+    .success-overlay cdtr-couch-mark {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%) scale(0.75);
+      opacity: 0.85;
+    }
+
+    .success-overlay .success-icon {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      width: 20px;
+      height: 20px;
+      border-radius: 999px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: var(--primary);
+      color: #f6fff9;
+      font-size: 14px;
+      font-weight: 600;
+      transform: translate(-50%, -50%) scale(0.85);
+      opacity: 0;
+      animation: successPop 0.32s ease-out forwards;
+      box-shadow: 0 0 6px rgba(79, 192, 111, 0.25);
+    }
+
+    @keyframes successPop {
+      0% {
+        transform: translate(-50%, -50%) scale(0.85);
+        opacity: 0;
+      }
+      50% {
+        transform: translate(-50%, -50%) scale(1.05);
+        opacity: 1;
+      }
+      100% {
+        transform: translate(-50%, -50%) scale(1);
+        opacity: 1;
+      }
+    }
+
+    @keyframes successGlow {
+      0% {
+        box-shadow: 0 0 6px rgba(79, 192, 111, 0.25);
+      }
+      100% {
+        box-shadow: 0 0 10px rgba(79, 192, 111, 0.2);
+      }
+    }
+  `),(0,i.A)(r,"properties",{value:{type:String,reflect:!0},step:{type:Number,reflect:!0},min:{type:Number,reflect:!0},max:{type:Number,reflect:!0},type:{type:String,reflect:!0},inputDir:{type:String},icon:{type:String,reflect:!0},placeholder:{type:String,reflect:!0},autofocus:{type:Boolean,reflect:!0},fullWidth:{type:Boolean,reflect:!0},selectionStart:{type:Number},inputStyle:{type:String,reflect:!0},maxLength:{type:Number},couchOnEmpty:{type:Boolean},disabled:{type:Boolean},multiline:{type:Boolean},row:{type:Number},successActive:{type:Boolean}}),customElements.get("cdtr-input")||customElements.define("cdtr-input",r)}}]);