@creaditor/web-starterkit 1.0.20 → 1.0.21

package/dist/1271.creaditor.bundle.js

@@ -1 +1,439 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[1271],{71271(e,t,n){n.d(t,{default:()=>y});var o=n(53577),i=n(74265),a=n(86319),l=n(20252);const s=[100,300,400,500,600,700,900].map(e=>({value:String(e),label:String(e)})),r=e=>{{const{component:t,commands:n,helpers:r}=e,c=t.tiptap,p=c.state.selection.$anchor.node().attrs,u=c.isActive("heading",{level:1})?"h1":c.isActive("heading",{level:2})?"h2":c.isActive("heading",{level:3})?"h3":c.isActive("heading",{level:4})?"h4":c.isActive("heading",{level:5})?"h5":c.isActive("heading",{level:6})?"h6":"paragraph";let d=e.languageJson;const g=e.language||"he";return d||(d="he"===g?o:i),{select:e=>{let{changeTab:t,tab:n}=e},tabs:e=>{const t=c.isActive("customBulletItem"),n=[{text:"style",selected:!t},...t?[{text:"icons",selected:!0}]:[],{text:"settings"}];return n.forEach(t=>t.selected=t.text===e),n},layout:e=>{let{tab:o,changeTab:i,tabs:r}=e;return[{type:"info",text:"text_micro_copy",active:()=>"style"===o.text},{type:"heading",level:6,text:"typography",active:()=>"style"===o.text},{type:"dropdown",active:()=>"style"===o.text,title:"type",value:u,items:[{value:"H1"},{value:"H2"},{value:"H3"},{value:"H4"},{value:"H5"},{value:"H6"},{value:"paragraph"}],onChange:e=>{const t=e.target.value;switch(t){case"H1":case"H2":case"H3":case"H4":case"H5":case"H6":c.chain().setHeading({level:parseInt(t.slice(1))}).run();break;case"paragraph":c.chain().setParagraph().run()}}},{type:"slider",title:"fontSize",min:8,step:2,max:74,value:parseInt(c.getAttributes("textStyle").fontSize||"16px"),active:()=>"style"===o.text,onInput:e=>{const n=e.target.value,o=t.tiptap,i=o.view.state.selection;i.from===i.to?o.chain().selectAll().setFontSize(n).run():o.chain().setFontSize(n).run()}},{type:"dropdown",title:"fontWeight",active:()=>"style"===o.text&&"web"===a.M.get("config","channel"),value:String(c.getAttributes("textStyle").fontWeight||400),selected:String(c.getAttributes("textStyle").fontWeight||400),items:s,onChange:e=>{const n=e.target.value,o=t.tiptap,i=o.view.state.selection;i.from===i.to?o.chain().selectAll().setFontWeight(n).run():o.chain().setFontWeight(n).run()}},{type:"checkbox",title:"smart_change",active:()=>"style"===o.text,checked:(0,l.z)(),onChange:e=>{(0,l.R)(!!e.target.checked)}},{type:"heading",level:6,text:"spacing",active:()=>"style"===o.text},{type:"slider",title:"lineHeight",min:1,max:3,step:.1,value:parseFloat(p.lineHeight||1),active:()=>"style"===o.text,onInput:e=>{const n=e.target.value,o=t.tiptap,i=o.view.state.selection;i.from===i.to?o.chain().selectAll().setLineHeight(n).run():o.chain().setLineHeight(n).run()}},{type:"slider",title:"letterSpacing",min:1,max:10,step:1,value:parseFloat(p.letterSpacing)||1,active:()=>"style"===o.text,onInput:e=>{const n=e.target.value,o=t.tiptap,i=o.view.state.selection;n<=1?i.from===i.to?o.chain().selectAll().setLetterSpacing("normal").run():o.chain().setLetterSpacing("normal").run():i.from===i.to?o.chain().selectAll().setLetterSpacing(n+"px").run():o.chain().setLetterSpacing(n+"px").run()}},{type:"heading",level:6,text:"colors",active:()=>"style"===o.text},{type:"colorSwatchGroup",active:()=>"style"===o.text,columns:2,items:[{title:"font_color",value:c.getAttributes("textStyle").color||"#000000",onChange:e=>{const n=e.target.value,o=t.tiptap,i=o.view.state.selection;if(i.from===i.to){const{state:e,view:t}=o,i=e.tr,{from:a,to:l}={from:0,to:e.doc.content.size};e.doc.nodesBetween(a,l,(t,o)=>{if(t.isText){t.marks.some(e=>"link"===e.type.name)||i.addMark(o,o+t.nodeSize,e.schema.marks.textStyle.create({color:n}))}}),t.dispatch(i)}else o.chain().setColor(n).focus().run()}},{title:"backgroundColor",allowGradient:!0,value:t.props.style.background||t.props.style.backgroundColor||"#ffffff",onChange:e=>{const t=e.target.value;n.execCommand("style",{background:t,backgroundColor:null})}}]},{type:"heading",level:6,text:"layout",active:()=>"style"===o.text},{type:"slider",active:()=>"style"===o.text,title:"maxWidth",value:parseFloat(t.props.style.width),min:20,max:1e3,onInput:e=>{const t=e.target.value;n.execCommand("style",{width:t+"px"})}},{type:"divider"},{type:"colorpicker",active:()=>"icons"===o.text,title:d.iconColor||"Icon color",alpha:!1,value:c.getAttributes(" textStyle").color||"#0000",onChange:e=>{const t=e.target.value;c.chain().setCustomBulletStyles({fill:t}).run()}},{type:"divider",active:()=>"icons"===o.text},{type:"slider",active:()=>"icons"===o.text,title:d.iconSize||"Icon size",value:parseInt(c.getAttributes("customBulletItem").width)||24,min:10,max:40,onInput:e=>{const t=e.target.value;c.chain().setCustomBulletStyles({width:t+"px",height:t+"px"}).run()}},{type:"icons",active:()=>"icons"===o.text,selectedIcon:t.props.src,useIconsApi:!0,iconColor:t.props.iconColor||"000000",iconSize:parseInt(t.props.style?.width,10)||24,onChange:e=>{const n=e.detail;t.tiptap.chain().focus().setCustomBulletIcon({svgIcon:n.urlPng}).run()}}]}}}};var c=n(52144);const p=e=>{let{helpers:t,tiptap:n,composeId:o,template:i}=e;return{set:(e,a,l)=>{switch(a){case"style":return"object"==typeof l&&(e[a]=(0,c.A)(e[a],l),t.mergeDiff(i,{style:e[a]})),!0;case"text":e[a]=l;const s=n.getJSON();return l&&"object"==typeof l&&JSON.stringify(s)!==JSON.stringify(l.childNodes)&&(l&&l.focusedElement&&l.focusedElement===o?(n.chain().focus().setContent(l.childNodes).run(),l.to&&l.from&&n.commands.setTextSelection({from:l.from,to:l.to})):n.chain().setContent(l.childNodes).run()),delete e?.text?.markdown,!0}}}};var u=n(84488),d=n.n(u);n(70567);const g=[];let h=!1,m=null;const y=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t="text";return{name:t,create:n=>{const{createElement:o,compose:i,helpers:l}=n,{mergeDiff:s}=l,c=document.createElement("div");s(c,{style:i.props.style});const u=a.M.get("config","editor","configure","editorProps","fonts");let y=a.M.get("config","target");"string"==typeof y&&(y=document.querySelector(y)),y||(y=document.body);const v=d()({element:c,container:y||document.body,editable:!0,offsetTop:40,onClickMagic:e=>{let{insertContent:t,getJSON:n,getHTML:o,getText:i,selectAll:l,insertContentHtml:s}=e;const r=a.M.get("injectEditor"),c=document.createElement("cdtr-text-prompt-editor");r(c),c.context=i(),c.addEventListener("text-generation-start",e=>{l()}),c.addEventListener("text-generation-chunk",e=>{t(e.detail.chunk)}),c.addEventListener("text-generation-complete",e=>{l(),s(e.detail.text)}),c.addEventListener("text-generation-error",e=>{console.error("Text generation error:",e.detail.error)})},content:"string"==typeof i.props.text.markdown?i.props.text.markdown:i.props.text.childNodes,defaultDirection:"rtl",onBlur:()=>{m===v&&(m=null),setTimeout(()=>{m!==v&&(h=!1)},150)},onFocus:()=>{if(!h||m===v||null===m){if(h=!0,m=v,g.length>0)for(g.forEach(e=>{e!==v&&e.hideEditor()});g.length>0;)g.pop();g.push(v),setTimeout(()=>{m===v&&h&&v.showEditor()},100)}},onUpdate:e=>{let{editor:t,transaction:n}=e;if(0===n.steps.length)return;const o=n.curSelection.from,a=n.curSelection.to,l={childNodes:t.getJSON(),from:o,to:a,focusedElement:i.id};f.commands.execCommand("text",l)},ignoresBlurByQuerySelectors:[".ignore-events"],builder:[{type:"fontFamily",fonts:u||[],useCloud:!0},{type:"fontSize",sizes:e.fontSize||[8,10,12,14,16,18,20,22,24,26,28,30,32,34,36,38,40,42,44,46,48,50,52,54,56,58,60,62,64,66,68,70,72,74]},{type:"horizonRule"},{type:"clearFormat"},{type:"bold"},{type:"strike"},{type:"italic"},{type:"underline"},{type:"table"},{type:"emoji"},{type:"unLink"},{type:"link"},{type:"customList"},{type:"numbered"},{type:"bullet"},{type:"backcolor"},{type:"fontColor"},{type:"direction"},{type:"justify"},{type:"right"},{type:"center"},{type:"left"},{type:"image"},{type:"mergeTags"},{type:"magic"}]}),f=o({name:t,id:i.id,template:c,defaultProps:{text:{},style:{}},draggable:{group:"element"},droppable:{group:"element"},resizeable:()=>c,handleBar:!0,validator:p({template:c,helpers:l,tiptap:v,composeId:i.id}),schema:i.schema,onSelect:e=>{c.classList.add(e)},onDeselect:e=>{c.classList.remove(e)},elementProps:i,remove:()=>{c.remove()},createEditor:r});return i.props.text.markdown&&v.chain().insertContent(" ").run(),f.addProp("tiptap",v),f}}}}}]);
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[567,1271],{70567(t,e,n){n.r(e),n.d(e,{TextPromptEditor:()=>s});var r,o,a=n(86959),i=n(59929);let s=(0,n(49410).EM)("cdtr-text-prompt-editor")(((o=class extends i.WF{constructor(){super(),this.prompt=localStorage.getItem("textPromptEditor_prompt")||"",this.generatedText="",this.isLoading=!1,this.context="",this.businessType=localStorage.getItem("textPromptEditor_businessType")||"",this.businessName=localStorage.getItem("textPromptEditor_businessName")||"",this.includeContext="true"===localStorage.getItem("textPromptEditor_includeContext")||!1,this.url=localStorage.getItem("textPromptEditor_url")||"",this.detectCurrentElementType()}connectedCallback(){super.connectedCallback(),setTimeout(()=>{this.detectCurrentElementType()},100)}detectCurrentElementType(){try{const t=window.getSelection();if(t&&t.rangeCount>0){const e=t.getRangeAt(0).commonAncestorContainer;let n=e.nodeType===Node.TEXT_NODE?e.parentElement:e;for(;n&&n!==document.body;){if(n.tagName&&/^h[1-6]$/i.test(n.tagName)){const t=n.parentElement,e=Array.from(t?.children||[]),r=e.some(t=>t!==n&&/^h[1-6]$/i.test(t.tagName)),o=e.some(t=>t!==n&&/^p$|^div$/i.test(t.tagName));return!o||r&&!o?(this.contentType="title",void console.log("TextPromptEditor: Detected standalone heading from DOM")):(this.contentType="paragraph",void console.log("TextPromptEditor: Detected heading within paragraph structure"))}this.contentType="paragraph",n=n.parentElement}}this.contentType||(this.contentType="paragraph",console.log("TextPromptEditor: Defaulting to paragraph"))}catch(t){console.warn("Error detecting current element type:",t),this.contentType||(this.contentType="paragraph")}}handleIncludeContextChange(t){this.includeContext=!t.target.checked,localStorage.setItem("textPromptEditor_includeContext",this.includeContext)}handleContentTypeChange(t){this.contentType=t,this.dispatchEvent(new CustomEvent("content-type-changed",{detail:{contentType:this.contentType},bubbles:!0,composed:!0}))}handlePromptChange(t){this.prompt=t.target.value,localStorage.setItem("textPromptEditor_prompt",this.prompt);["כתוב כותרת","כתוב תמונה","כתבי כותרת","write heading"].some(t=>this.prompt.startsWith(t))&&this.handleContentTypeChange("title")}handleBusinessTypeChange(t){this.businessType=t.target.value,localStorage.setItem("textPromptEditor_businessType",this.businessType)}handleBusinessNameChange(t){this.businessName=t.target.value,localStorage.setItem("textPromptEditor_businessName",this.businessName)}handleUrlChange(t){this.url=t.target.value,localStorage.setItem("textPromptEditor_url",this.url)}async handleGenerate(){this.isLoading=!0,this.generatedText="";try{if("title"===this.contentType){Array.from(document.querySelectorAll(".text-component")).map(t=>t.textContent).join("\n")}this.context.length>1500&&(this.context=this.context.slice(0,1500));const t=a.XW.agent_url,e=await fetch(t+"prompt/text",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({prompt:this.prompt,context:this.includeContext?this.context:"",businessType:this.businessType,businessName:this.businessName,contentType:this.contentType,url:this.url,options:{maxTokens:1e3,temperature:0,model:"gpt-3.5-turbo"}})});if(!e.ok)throw new Error("Failed to generate text");const n=e.body.getReader(),r=new TextDecoder;let o="";for(;;){const{done:t,value:e}=await n.read();if(t){this.dispatchEvent(new CustomEvent("text-generation-complete",{detail:{text:this.generatedText},bubbles:!0,composed:!0}));break}o+=r.decode(e,{stream:!0});const a=o.split("\n\n");for(let t=0;t<a.length-1;t++){const e=a[t];if(e.startsWith("data: "))try{const t=e.slice(6),n=JSON.parse(t);if("start"===n.metadata?.type){this.generatedText="",this.dispatchEvent(new CustomEvent("text-generation-start",{detail:{model:n.metadata.model},bubbles:!0,composed:!0}));continue}n.text&&(this.generatedText+=n.text,this.dispatchEvent(new CustomEvent("text-generation-chunk",{detail:{chunk:n.text,fullText:this.generatedText},bubbles:!0,composed:!0}))),"complete"===n.status&&(this.generatedText=this.generatedText.replace(/^"|"$/g,""),this.dispatchEvent(new CustomEvent("text-generation-complete",{detail:{text:this.generatedText},bubbles:!0,composed:!0})))}catch(t){console.error("Error parsing JSON:",t)}}o=a[a.length-1]}}catch(t){console.error("Error generating text:",t),this.dispatchEvent(new CustomEvent("text-generation-error",{detail:{error:t.message},bubbles:!0,composed:!0}))}finally{this.isLoading=!1}}render(){const t=this.contentType;return i.qy`
+      <cdtr-editor-container>
+        <div class="editor-container">
+          <div class="prompt-section">
+            <div class="prompt-header">
+              <div class="prompt-icon">✍️</div>
+              <label class="prompt-label" for="prompt-input">
+                <lang-text text="prompt_editor_title"></lang-text>
+              </label>
+            </div>
+
+            <cdtr-input
+              id="business-name-input"
+              label="Business Name"
+              .value=${this.businessName}
+              @input=${this.handleBusinessNameChange}
+              placeholder="Enter_your_business_name"
+            ></cdtr-input>
+
+            <cdtr-input
+              id="business-type-input"
+              label="Business Type"
+              .value=${this.businessType}
+              @input=${this.handleBusinessTypeChange}
+              placeholder="Enter_your_business_type"
+            ></cdtr-input>
+
+            <cdtr-input
+              id="url-input"
+              label="URL"
+              .value=${this.url}
+              @input=${this.handleUrlChange}
+              placeholder="Enter_the_URL_of_the_page"
+            ></cdtr-input>
+
+            <cdtr-textarea
+              autofocus=${!0}
+              id="prompt-input"
+              class="prompt-input"
+              placeholder=""
+              .value=${this.prompt}
+              @input=${this.handlePromptChange}
+            ></cdtr-textarea>
+
+            <cdtr-dropdown .value=${t}>
+              <cdtr-dropdown-button slot="trigger">
+                <lang-text text="${t||"paragraph"}"></lang-text>
+              </cdtr-dropdown-button>
+              <div slot="content">
+                <cdtr-dropdown-item
+                  @click=${()=>this.handleContentTypeChange("title")}
+                >
+                  <lang-text text="title"></lang-text>
+                </cdtr-dropdown-item>
+                <cdtr-dropdown-item
+                  @click=${()=>this.handleContentTypeChange("paragraph")}
+                >
+                  <lang-text text="paragraph"></lang-text>
+                </cdtr-dropdown-item>
+              </div>
+            </cdtr-dropdown>
+            <cdtr-row justify="space-between">
+              <cdtr-col>
+                <span class="prompt-context">
+                  <lang-text text="prompt_editor_context"></lang-text>
+                </span>
+              </cdtr-col>
+              <cdtr-col sm="2">
+                <cdtr-checkbox
+                  .checked=${this.includeContext}
+                  @change=${this.handleIncludeContextChange}
+                ></cdtr-checkbox>
+              </cdtr-col>
+            </cdtr-row>
+            <paper-button
+              fullWidth
+              class="generate-button"
+              ?disabled=${this.isLoading||!this.prompt}
+              @click=${this.handleGenerate}
+            >
+              ${this.isLoading?i.qy`
+                    <div class="loading-spinner"></div>
+                    <lang-text text="creating_magic"></lang-text>
+                  `:i.qy` <lang-text text="generate_content"></lang-text> `}
+            </paper-button>
+          </div>
+
+          ${this.generatedText?i.qy`
+                <div class="result-section">
+                  <div class="result-content">${this.generatedText}</div>
+                </div>
+              `:""}
+        </div>
+      </cdtr-editor-container>
+    `}}).properties={prompt:{type:String},generatedText:{type:String},isLoading:{type:Boolean},context:{type:String},includeContext:{type:Boolean},businessType:{type:String},businessName:{type:String},contentType:{type:String},url:{type:String}},o.styles=i.AH`
+    :host {
+      --primary: #7c3aed;
+      --primary-light: #a78bfa;
+      --primary-dark: #5b21b6;
+      --accent: #f472b6;
+      --accent-light: #f9a8d4;
+      --accent-dark: #db2777;
+      --surface: #f8fafc;
+      --surface-dark: #f1f5f9;
+      --text-primary: #0f172a;
+      --text-secondary: #334155;
+      --gradient-primary: linear-gradient(
+        135deg,
+        var(--primary) 0%,
+        var(--accent) 100%
+      );
+      --gradient-accent: linear-gradient(
+        135deg,
+        var(--accent) 0%,
+        var(--primary) 100%
+      );
+      --gradient-surface: linear-gradient(
+        135deg,
+        var(--surface) 0%,
+        var(--surface-dark) 100%
+      );
+      --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
+      --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
+        0 2px 4px -1px rgba(0, 0, 0, 0.06);
+      --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
+        0 4px 6px -2px rgba(0, 0, 0, 0.05);
+      --shadow-glow: 0 0 20px rgba(124, 58, 237, 0.3),
+        0 0 40px rgba(244, 114, 182, 0.2);
+    }
+
+    * {
+      box-sizing: border-box;
+      margin: 0;
+      padding: 0;
+    }
+
+    :host {
+      display: block;
+      width: 100%;
+      margin: 0;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
+        Ubuntu, Cantarell, sans-serif;
+      background: var(--gradient-surface);
+      min-height: 100vh;
+      position: relative;
+      overflow: hidden;
+    }
+
+    :host::before {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: radial-gradient(
+          circle at 0% 0%,
+          rgba(124, 58, 237, 0.1) 0%,
+          transparent 50%
+        ),
+        radial-gradient(
+          circle at 100% 100%,
+          rgba(244, 114, 182, 0.1) 0%,
+          transparent 50%
+        );
+      pointer-events: none;
+      animation: gradientShift 15s ease infinite;
+    }
+
+    @keyframes gradientShift {
+      0% {
+        background-position: 0% 0%;
+      }
+      50% {
+        background-position: 100% 100%;
+      }
+      100% {
+        background-position: 0% 0%;
+      }
+    }
+
+    .editor-container {
+      display: flex;
+      flex-direction: column;
+      gap: 1.5rem;
+      padding: 1.5rem;
+      position: relative;
+      overflow: hidden;
+    }
+
+    .prompt-section {
+      display: flex;
+      flex-direction: column;
+      gap: 1rem;
+      position: relative;
+    }
+
+    .prompt-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 0.75rem;
+      margin-bottom: 0.5rem;
+    }
+
+    .prompt-icon {
+      width: 40px;
+      height: 40px;
+      background: var(--gradient-primary);
+      border-radius: 12px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: white;
+      font-weight: bold;
+      position: relative;
+      transform-origin: center;
+      animation: iconFloat 3s ease-in-out infinite;
+    }
+
+    @keyframes iconFloat {
+      0%,
+      100% {
+        transform: translateY(0) rotate(0deg);
+      }
+      50% {
+        transform: translateY(-5px) rotate(5deg);
+      }
+    }
+
+    .prompt-icon::after {
+      content: "";
+      position: absolute;
+      inset: -2px;
+      background: var(--gradient-primary);
+      border-radius: 14px;
+      z-index: -1;
+      opacity: 0.5;
+      filter: blur(8px);
+      animation: iconGlow 3s ease-in-out infinite;
+    }
+
+    @keyframes iconGlow {
+      0%,
+      100% {
+        opacity: 0.5;
+        filter: blur(8px);
+      }
+      50% {
+        opacity: 0.8;
+        filter: blur(12px);
+      }
+    }
+
+    .prompt-label {
+      font-size: 1.25rem;
+      font-weight: 600;
+      color: var(--text-primary);
+      letter-spacing: -0.02em;
+      display: flex;
+      align-items: center;
+      gap: 0.75rem;
+    }
+
+    .prompt-label::after {
+      content: "AI";
+      font-size: 0.875rem;
+      background: var(--gradient-primary);
+      color: white;
+      padding: 0.25rem 0.75rem;
+      border-radius: 6px;
+      font-weight: 500;
+      animation: badgeFloat 3s ease-in-out infinite;
+    }
+
+    @keyframes badgeFloat {
+      0%,
+      100% {
+        transform: translateY(0);
+      }
+      50% {
+        transform: translateY(-2px);
+      }
+    }
+
+    .generate-button {
+      width: 100%;
+      align-self: flex-end;
+      padding: 0.875rem 1.75rem;
+      background: var(--gradient-primary);
+      color: white;
+      border: none;
+      border-radius: 10px;
+      font-size: 1rem;
+      font-weight: 600;
+      cursor: pointer;
+      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+      display: flex;
+      align-items: center;
+      gap: 0.75rem;
+      position: relative;
+      overflow: hidden;
+      box-shadow: var(--shadow-md);
+    }
+
+    .generate-button::before {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: linear-gradient(
+        135deg,
+        rgba(255, 255, 255, 0.2) 0%,
+        rgba(255, 255, 255, 0) 100%
+      );
+      opacity: 0;
+      transition: opacity 0.3s ease;
+    }
+
+    .generate-button:hover::before {
+      opacity: 1;
+    }
+
+    .generate-button:hover {
+      transform: translateY(-2px);
+      box-shadow: var(--shadow-glow);
+      background: var(--gradient-accent);
+    }
+
+    .generate-button:active {
+      transform: translateY(0);
+    }
+
+    .generate-button:disabled {
+      background: var(--gradient-surface);
+      cursor: not-allowed;
+      transform: none;
+      box-shadow: none;
+    }
+
+    .result-section {
+      margin-top: 0.5rem;
+      padding: 1.5rem;
+      background: rgba(255, 255, 255, 0.8);
+      border-radius: 12px;
+      min-height: 160px;
+      opacity: 0;
+      transform: translateY(10px);
+      animation: fadeIn 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+      position: relative;
+      overflow: hidden;
+      backdrop-filter: blur(8px);
+      box-shadow: var(--shadow-md);
+    }
+
+    .result-section::before {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      height: 3px;
+      background: var(--gradient-primary);
+      opacity: 0.8;
+    }
+
+    .result-content {
+      white-space: pre-wrap;
+      line-height: 1.7;
+      color: var(--text-primary);
+      font-size: 1rem;
+    }
+
+    .loading-spinner {
+      width: 20px;
+      height: 20px;
+      border: 2px solid rgba(255, 255, 255, 0.3);
+      border-top: 2px solid white;
+      border-radius: 50%;
+      animation: spin 1s linear infinite;
+    }
+
+    @keyframes spin {
+      0% {
+        transform: rotate(0deg);
+      }
+      100% {
+        transform: rotate(360deg);
+      }
+    }
+
+    @keyframes fadeIn {
+      from {
+        opacity: 0;
+        transform: translateY(10px);
+      }
+      to {
+        opacity: 1;
+        transform: translateY(0);
+      }
+    }
+
+    /* Decorative elements */
+    .editor-container::after {
+      content: "";
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      width: 200%;
+      height: 200%;
+      background: radial-gradient(
+        circle at center,
+        rgba(124, 58, 237, 0.1) 0%,
+        transparent 50%
+      );
+      transform: translate(-50%, -50%);
+      pointer-events: none;
+      animation: pulse 4s ease-in-out infinite;
+    }
+
+    .prompt-context {
+      font-size: 13px;
+      color: var(--text-secondary);
+    }
+
+    @keyframes pulse {
+      0%,
+      100% {
+        transform: translate(-50%, -50%) scale(1);
+        opacity: 0.5;
+      }
+      50% {
+        transform: translate(-50%, -50%) scale(1.1);
+        opacity: 0.3;
+      }
+    }
+  `,r=o))||r},71271(t,e,n){n.d(e,{default:()=>m});var r=n(53577),o=n(74265),a=n(86319);const i=[100,300,400,500,600,700,900].map(t=>({value:String(t),label:String(t)})),s=t=>{{const{component:e,commands:n,helpers:s}=t,l=e.tiptap,c=l.state.selection.$anchor.node().attrs,p=l.isActive("heading",{level:1})?"h1":l.isActive("heading",{level:2})?"h2":l.isActive("heading",{level:3})?"h3":l.isActive("heading",{level:4})?"h4":l.isActive("heading",{level:5})?"h5":l.isActive("heading",{level:6})?"h6":"paragraph";let d=t.languageJson;const g=t.language||"he";return d||(d="he"===g?r:o),{select:t=>{let{changeTab:e,tab:n}=t},tabs:t=>{const e=l.isActive("customBulletItem"),n=[{text:"style",selected:!e},...e?[{text:"icons",selected:!0}]:[],{text:"settings"}];return n.forEach(e=>e.selected=e.text===t),n},layout:t=>{let{tab:r,changeTab:o,tabs:s}=t;return[{type:"info",text:"text_micro_copy",active:()=>"style"===r.text},{type:"heading",level:6,text:"typography",active:()=>"style"===r.text},{type:"dropdown",active:()=>"style"===r.text,title:"type",value:p,items:[{value:"H1"},{value:"H2"},{value:"H3"},{value:"H4"},{value:"H5"},{value:"H6"},{value:"paragraph"}],onChange:t=>{const e=t.target.value;switch(e){case"H1":case"H2":case"H3":case"H4":case"H5":case"H6":l.chain().setHeading({level:parseInt(e.slice(1))}).run();break;case"paragraph":l.chain().setParagraph().run()}}},{type:"slider",title:"fontSize",min:8,step:2,max:74,value:parseInt(l.getAttributes("textStyle").fontSize||"16px"),active:()=>"style"===r.text,onInput:t=>{const n=t.target.value,r=e.tiptap,o=r.view.state.selection;o.from===o.to?r.chain().selectAll().setFontSize(n).run():r.chain().setFontSize(n).run()}},{type:"dropdown",title:"fontWeight",active:()=>"style"===r.text&&"web"===a.M.get("config","channel"),value:String(l.getAttributes("textStyle").fontWeight||400),selected:String(l.getAttributes("textStyle").fontWeight||400),items:i,onChange:t=>{const n=t.target.value,r=e.tiptap,o=r.view.state.selection;o.from===o.to?r.chain().selectAll().setFontWeight(n).run():r.chain().setFontWeight(n).run()}},{type:"heading",level:6,text:"spacing",active:()=>"style"===r.text},{type:"slider",title:"lineHeight",min:1,max:3,step:.1,value:parseFloat(c.lineHeight||1),active:()=>"style"===r.text,onInput:t=>{const n=t.target.value,r=e.tiptap,o=r.view.state.selection;o.from===o.to?r.chain().selectAll().setLineHeight(n).run():r.chain().setLineHeight(n).run()}},{type:"slider",title:"letterSpacing",min:1,max:10,step:1,value:parseFloat(c.letterSpacing)||1,active:()=>"style"===r.text,onInput:t=>{const n=t.target.value,r=e.tiptap,o=r.view.state.selection;n<=1?o.from===o.to?r.chain().selectAll().setLetterSpacing("normal").run():r.chain().setLetterSpacing("normal").run():o.from===o.to?r.chain().selectAll().setLetterSpacing(n+"px").run():r.chain().setLetterSpacing(n+"px").run()}},{type:"heading",level:6,text:"colors",active:()=>"style"===r.text},{type:"colorSwatchGroup",active:()=>"style"===r.text,columns:2,items:[{title:"font_color",value:l.getAttributes("textStyle").color||"#000000",onChange:t=>{const n=t.target.value,r=e.tiptap,o=r.view.state.selection;if(o.from===o.to){const{state:t,view:e}=r,o=t.tr,{from:a,to:i}={from:0,to:t.doc.content.size};t.doc.nodesBetween(a,i,(e,r)=>{if(e.isText){e.marks.some(t=>"link"===t.type.name)||o.addMark(r,r+e.nodeSize,t.schema.marks.textStyle.create({color:n}))}}),e.dispatch(o)}else r.chain().setColor(n).focus().run()}},{title:"backgroundColor",allowGradient:!0,value:e.props.style.background||e.props.style.backgroundColor||"#ffffff",onChange:t=>{const e=t.target.value;n.execCommand("style",{background:e,backgroundColor:null})}}]},{type:"heading",level:6,text:"layout",active:()=>"style"===r.text},{type:"slider",active:()=>"style"===r.text,title:"maxWidth",value:parseFloat(e.props.style.width),min:20,max:1e3,onInput:t=>{const e=t.target.value;n.execCommand("style",{width:e+"px"})}},{type:"divider"},{type:"colorpicker",active:()=>"icons"===r.text,title:d.iconColor||"Icon color",alpha:!1,value:l.getAttributes(" textStyle").color||"#0000",onChange:t=>{const e=t.target.value;l.chain().setCustomBulletStyles({fill:e}).run()}},{type:"divider",active:()=>"icons"===r.text},{type:"slider",active:()=>"icons"===r.text,title:d.iconSize||"Icon size",value:parseInt(l.getAttributes("customBulletItem").width)||24,min:10,max:40,onInput:t=>{const e=t.target.value;l.chain().setCustomBulletStyles({width:e+"px",height:e+"px"}).run()}},{type:"icons",active:()=>"icons"===r.text,selectedIcon:e.props.src,useIconsApi:!0,iconColor:e.props.iconColor||"000000",iconSize:parseInt(e.props.style?.width,10)||24,onChange:t=>{const n=t.detail;e.tiptap.chain().focus().setCustomBulletIcon({svgIcon:n.urlPng}).run()}}]}}}};var l=n(52144);const c=t=>{let{helpers:e,tiptap:n,composeId:r,template:o}=t;return{set:(t,a,i)=>{switch(a){case"style":return"object"==typeof i&&(t[a]=(0,l.A)(t[a],i),e.mergeDiff(o,{style:t[a]})),!0;case"text":t[a]=i;const s=n.getJSON();return i&&"object"==typeof i&&JSON.stringify(s)!==JSON.stringify(i.childNodes)&&(i&&i.focusedElement&&i.focusedElement===r?(n.chain().focus().setContent(i.childNodes).run(),i.to&&i.from&&n.commands.setTextSelection({from:i.from,to:i.to})):n.chain().setContent(i.childNodes).run()),delete t?.text?.markdown,!0}}}};var p=n(84488),d=n.n(p);n(70567);const g=[];let u=!1,h=null;const m=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const e="text";return{name:e,create:n=>{const{createElement:r,compose:o,helpers:i}=n,{mergeDiff:l}=i,p=document.createElement("div");l(p,{style:o.props.style});const m=a.M.get("config","editor","configure","editorProps","fonts");let x=a.M.get("config","target");"string"==typeof x&&(x=document.querySelector(x)),x||(x=document.body);const y=d()({element:p,container:x||document.body,editable:!0,offsetTop:40,onClickMagic:t=>{let{insertContent:e,getJSON:n,getHTML:r,getText:o,selectAll:i,insertContentHtml:s}=t;const l=a.M.get("injectEditor"),c=document.createElement("cdtr-text-prompt-editor");l(c),c.context=o(),c.addEventListener("text-generation-start",t=>{i()}),c.addEventListener("text-generation-chunk",t=>{e(t.detail.chunk)}),c.addEventListener("text-generation-complete",t=>{i(),s(t.detail.text)}),c.addEventListener("text-generation-error",t=>{console.error("Text generation error:",t.detail.error)})},content:"string"==typeof o.props.text.markdown?o.props.text.markdown:o.props.text.childNodes,defaultDirection:"rtl",onBlur:()=>{h===y&&(h=null),setTimeout(()=>{h!==y&&(u=!1)},150)},onFocus:()=>{if(!u||h===y||null===h){if(u=!0,h=y,g.length>0)for(g.forEach(t=>{t!==y&&t.hideEditor()});g.length>0;)g.pop();g.push(y),setTimeout(()=>{h===y&&u&&y.showEditor()},100)}},onUpdate:t=>{let{editor:e,transaction:n}=t;if(0===n.steps.length)return;const r=n.curSelection.from,a=n.curSelection.to,i={childNodes:e.getJSON(),from:r,to:a,focusedElement:o.id};f.commands.execCommand("text",i)},ignoresBlurByQuerySelectors:[".ignore-events"],builder:[{type:"fontFamily",fonts:m||[],useCloud:!0},{type:"fontSize",sizes:t.fontSize||[8,10,12,14,16,18,20,22,24,26,28,30,32,34,36,38,40,42,44,46,48,50,52,54,56,58,60,62,64,66,68,70,72,74]},{type:"horizonRule"},{type:"clearFormat"},{type:"bold"},{type:"strike"},{type:"italic"},{type:"underline"},{type:"table"},{type:"emoji"},{type:"unLink"},{type:"link"},{type:"customList"},{type:"numbered"},{type:"bullet"},{type:"backcolor"},{type:"fontColor"},{type:"direction"},{type:"justify"},{type:"right"},{type:"center"},{type:"left"},{type:"image"},{type:"mergeTags"},{type:"magic"}]}),f=r({name:e,id:o.id,template:p,defaultProps:{text:{},style:{}},draggable:{group:"element"},droppable:{group:"element"},resizeable:()=>p,handleBar:!0,validator:c({template:p,helpers:i,tiptap:y,composeId:o.id}),schema:o.schema,onSelect:t=>{p.classList.add(t)},onDeselect:t=>{p.classList.remove(t)},elementProps:o,remove:()=>{p.remove()},createEditor:s});return o.props.text.markdown&&y.chain().insertContent(" ").run(),f.addProp("tiptap",y),f}}}}}]);

package/dist/453.creaditor.bundle.js

@@ -1,5 +1,4 @@
-/*! For license information please see 453.creaditor.bundle.js.LICENSE.txt */
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[453],{70453(t,e,s){s.r(e),s.d(e,{TitleEditor:()=>o});var n=s(59929),r=s(70980);class o extends n.WF{constructor(){super(),this.pb="6px"}render(){const t={fontWeight:this.bold?700:400,paddingBottom:this.pb};return n.qy`<span style=${(0,r.W)(t)}><slot></slot></span>`}}o.styles=n.AH`
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[453],{70453(t,e,o){o.r(e),o.d(e,{TitleEditor:()=>n});var s=o(59929),i=o(70980);class n extends s.WF{constructor(){super(),this.pb="6px"}render(){const t={fontWeight:this.bold?700:400,paddingBottom:this.pb};return s.qy`<span style=${(0,i.W)(t)}><slot></slot></span>`}}n.styles=s.AH`
     :host {
       display: block;
       font-size: 13px;
@@ -11,4 +10,4 @@
       direction: var(--direction-locale);
       user-select: none;
     }
-  `,o.properties={bold:{type:Boolean},pb:{type:String}},customElements.define("cdtr-title",o)},70980(t,e,s){s.d(e,{W:()=>l});var n=s(80181),r=s(16655);const o="important",i=" !"+o,l=(0,r.u$)(class extends r.WL{constructor(t){if(super(t),t.type!==r.OA.ATTRIBUTE||"style"!==t.name||t.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(t){return Object.keys(t).reduce((e,s)=>{const n=t[s];return null==n?e:e+`${s=s.includes("-")?s:s.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${n};`},"")}update(t,[e]){const{style:s}=t.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(e)),this.render(e);for(const t of this.ft)null==e[t]&&(this.ft.delete(t),t.includes("-")?s.removeProperty(t):s[t]=null);for(const t in e){const n=e[t];if(null!=n){this.ft.add(t);const e="string"==typeof n&&n.endsWith(i);t.includes("-")||e?s.setProperty(t,e?n.slice(0,-11):n,e?o:""):s[t]=n}}return n.c0}})}}]);
+  `,n.properties={bold:{type:Boolean},pb:{type:String}},customElements.define("cdtr-title",n)}}]);