@creaditor/newsletter-starterkit 1.0.56 → 1.0.57

package/dist/5926.creaditor.bundle.js

@@ -1,22 +1,79 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[5926],{83545(t,e,i){i.r(e),i.d(e,{EditorTabs:()=>s});var n=i(59929),o=i(36565);i.e(7937).then(i.bind(i,67937));class s extends n.WF{constructor(){super(),this.onConnected=this.onConnected.bind(this),this.onArrowNavigation=this.onArrowNavigation.bind(this),this.tabs=[]}onClickItem(t){let{target:e}=t;const i=this.value=e.value,n=[...this.tabs],o=n.findIndex(t=>t.text===i);-1!==o&&(n.forEach(t=>{t.selected=!1}),n[o].selected=!0),this.tabs=n;const s=new UIEvent("tabChanged",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(s)}firstUpdated(){super.firstUpdated()}onConnected(t){let{name:e}=t;this.onClickItem({target:{value:e}})}onArrowNavigation(t){const{key:e,currentIcon:i}=t.detail,n=this.tabs.findIndex(t=>t.text===i);if(-1===n)return;let o=n;switch(e){case"ArrowUp":case"ArrowLeft":o=n>0?n-1:this.tabs.length-1;break;case"ArrowDown":case"ArrowRight":o=n<this.tabs.length-1?n+1:0;break;default:return}const s=this.tabs[o];s&&(this.onClickItem({target:{value:s.text}}),this.updateComplete.then(()=>{const t=this.shadowRoot.querySelector(`cdtr-editor-tab-item[icon="${s.text}"]`);t&&t.focus()}))}connectedCallback(){super.connectedCallback(),o.Ay.on("editor-tabs",this.onConnected)}disconnectedCallback(){super.disconnectedCallback(),o.Ay.off("editor-tabs",this.onConnected)}renderContent(){switch(this.value){case"animations":return i.e(3553).then(i.bind(i,3553)),n.qy`<cdtr-animations-editor>
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[5926],{83545(t,e,n){n.r(e),n.d(e,{EditorTabs:()=>l});var o=n(59929),s=n(36565),i=n(86319),a=n(40648);n.e(7937).then(n.bind(n,67937));const r="cdtr-editor-tabs-hint-seen";class l extends o.WF{constructor(){super(),this.onConnected=this.onConnected.bind(this),this.onArrowNavigation=this.onArrowNavigation.bind(this),this.dismissHint=this.dismissHint.bind(this),this.scheduleSync=this.scheduleSync.bind(this),this.observeContent=this.observeContent.bind(this),this.toggleAllSections=this.toggleAllSections.bind(this),this.tabs=[],this.showHint=!1,this._sectionCount=0,this._allExpanded=!1}sectionElements(){const t=this.shadowRoot?.querySelector('slot[name="content"]');if(!t)return[];const e=[];for(const n of t.assignedElements({flatten:!0})){"CDTR-EDITOR-SECTION"===n.tagName&&e.push(n);for(const t of n.children)"CDTR-EDITOR-SECTION"===t.tagName&&e.push(t)}return e}syncSections(){const t=this.sectionElements();this._sectionCount=t.length,this._allExpanded=t.length>0&&t.every(t=>t.open)}observeContent(){this._contentObserver||(this._contentObserver=new MutationObserver(this.scheduleSync)),this._contentObserver.disconnect();const t=this.shadowRoot?.querySelector('slot[name="content"]');if(t){for(const e of t.assignedElements({flatten:!0}))this._contentObserver.observe(e,{childList:!0});this.scheduleSync()}}scheduleSync(){this._syncPending||(this._syncPending=!0,setTimeout(()=>{this._syncPending=!1,this.isConnected&&this.syncSections()},0))}toggleAllSections(){const t=!this._allExpanded;for(const e of this.sectionElements())e.open=t,(0,a.Q)(e.persistKey,t);this._allExpanded=t}hintAlreadySeen(){try{return"1"===localStorage.getItem(r)}catch(t){return!0}}dismissHint(){this.showHint=!1;try{localStorage.setItem(r,"1")}catch(t){}}onClickItem(t){let{target:e}=t;const n=this.value=e.value,o=[...this.tabs],s=o.findIndex(t=>t.text===n);-1!==s&&(o.forEach(t=>{t.selected=!1}),o[s].selected=!0),this.tabs=o,this.scheduleSync(),this.showHint&&this.dismissHint();const i=new UIEvent("tabChanged",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(i)}firstUpdated(){super.firstUpdated()}maybeShowHint(){this._hintChecked||this.tabs.length<=1||this.hintAlreadySeen()||(this._hintChecked=!0,setTimeout(()=>{this.isConnected&&!this.hintAlreadySeen()&&(this.showHint=!0)},700))}updated(){this.setAttribute("data-active-tab",this.value||""),this.maybeShowHint(),this.observeContent()}onConnected(t){let{name:e}=t;this.onClickItem({target:{value:e}})}onArrowNavigation(t){const{key:e,currentIcon:n}=t.detail,o=this.tabs.findIndex(t=>t.text===n);if(-1===o)return;let s=o;switch(e){case"ArrowUp":case"ArrowLeft":s=o>0?o-1:this.tabs.length-1;break;case"ArrowDown":case"ArrowRight":s=o<this.tabs.length-1?o+1:0;break;default:return}const i=this.tabs[s];i&&(this.onClickItem({target:{value:i.text}}),this.updateComplete.then(()=>{const t=this.shadowRoot.querySelector(`cdtr-editor-tab-item[icon="${i.text}"]`);t&&t.focus()}))}connectedCallback(){super.connectedCallback(),s.Ay.on("editor-tabs",this.onConnected),s.Ay.on("update",this.scheduleSync),s.Ay.on("select",this.scheduleSync)}disconnectedCallback(){super.disconnectedCallback(),s.Ay.off("editor-tabs",this.onConnected),s.Ay.off("update",this.scheduleSync),s.Ay.off("select",this.scheduleSync),this._contentObserver?.disconnect()}renderContent(){switch(this.value){case"animations":return n.e(3553).then(n.bind(n,3553)),o.qy`<cdtr-animations-editor>
           <cdtr-block-loader></cdtr-block-loader
-        ></cdtr-animations-editor>`;case"settings":case"setting":return i.e(5340).then(i.bind(i,45340)),n.qy`<cdtr-setting-editor>
+        ></cdtr-animations-editor>`;case"settings":case"setting":return n.e(7654).then(n.bind(n,37654)),o.qy`<cdtr-setting-editor>
           <cdtr-block-loader></cdtr-block-loader
-        ></cdtr-setting-editor>`;default:return n.qy`<slot name="content"></slot>`}}render(){return this.tabs.length>0&&!this.tabs.some(t=>t.selected)&&(this.tabs[0].selected=!0,this.value=this.tabs[0].text),n.qy`<cdtr-row class="main">
-      <div class="icon-tabs" @arrow-navigation=${this.onArrowNavigation}>
-        ${this.tabs.map(t=>n.qy`<cdtr-editor-tab-item
-            tabindex="0"
-            @change=${this.onClickItem}
-            icon=${t.text}
-            text=${t.text}
-            .selected=${t.selected}
-          ></cdtr-editor-tab-item>`)}
+        ></cdtr-setting-editor>`;default:return o.qy`<slot
+          name="content"
+          @slotchange=${this.observeContent}
+        ></slot>`}}renderToggleAll(){const t=!this._allExpanded,[e,n]=t?["7 8 12 3 17 8","7 16 12 21 17 16"]:["7 3 12 8 17 3","7 21 12 16 17 21"];return o.qy`
+      <button
+        class="toggle-all"
+        @click=${this.toggleAllSections}
+        aria-expanded=${this._allExpanded?"true":"false"}
+      >
+        <lang-text
+          text=${t?"expand_all":"collapse_all"}
+        ></lang-text>
+        <svg
+          width="12"
+          height="12"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          aria-hidden="true"
+        >
+          <polyline points=${e}></polyline>
+          <polyline points=${n}></polyline>
+        </svg>
+      </button>
+    `}render(){this.tabs.length>0&&!this.tabs.some(t=>t.selected)&&(this.tabs[0].selected=!0,this.value=this.tabs[0].text);const t=this.showHint&&this.tabs.length>1,e=this._sectionCount>=3;return o.qy`
+      ${this.tabs.length>1?o.qy`<div
+            class="tabs-row ${t?"hint-active":""}"
+            @arrow-navigation=${this.onArrowNavigation}
+          >
+            ${this.tabs.map(t=>o.qy`<cdtr-editor-tab-item
+                tabindex="0"
+                @change=${this.onClickItem}
+                icon=${t.text}
+                text=${t.text}
+                .selected=${t.selected}
+              ></cdtr-editor-tab-item>`)}
+          </div>`:null}
+      ${t?this.renderHint():null}
+      ${e?o.qy`<div class="toggle-row">${this.renderToggleAll()}</div>`:null}
+      <div class="content">
+        ${this.renderContent()}
       </div>
-      <cdtr-col class="content"> ${this.renderContent()} </cdtr-col>
-    </cdtr-row>`}}s.styles=n.AH`
+    `}renderHint(){return o.qy`
+      <div
+        class="tabs-hint"
+        role="dialog"
+        aria-label=${i.M.get("lang","tabs_hint_title")||"Tip"}
+      >
+        <p class="tabs-hint__title">
+          ${i.M.get("lang","tabs_hint_title")||"Tip: switch between tabs"}
+        </p>
+        <p class="tabs-hint__body">
+          ${i.M.get("lang","tabs_hint_body")||"Use these tabs to move between Settings, Animations, Interactions and Style — available for every element, including button links."}
+        </p>
+        <div class="tabs-hint__actions">
+          <button
+            class="tabs-hint__btn"
+            @click=${this.dismissHint}
+            autofocus
+          >
+            ${i.M.get("lang","got_it")||"Got it"}
+          </button>
+        </div>
+      </div>
+    `}}l.styles=o.AH`
     :host {
       height: 100%;
-      display: block;
+      display: flex;
+      flex-direction: column;
       direction: var(--direction-locale);
       position: absolute;
       width: 100%;
@@ -29,32 +86,157 @@
       outline: none;
       box-shadow: var(--focus-ring-inset, inset 0 0 0 2px #6366f1);
     }
+    /* Header tab row: text tabs across the top. Tabs grow to fill when there
+       are only a few; the row scrolls horizontally if an editor has many —
+       labels are never truncated. */
+    .tabs-row {
+      flex: 0 0 auto;
+      display: flex;
+      gap: var(--space-1, 2px);
+      padding: var(--space-2, 6px) var(--space-3, 10px) 0;
+      border-bottom: 1px solid var(--color-border, #eaeaee);
+      overflow-x: auto;
+      scrollbar-width: none;
+      min-height: 42px;
+    }
+    .tabs-row::-webkit-scrollbar {
+      display: none;
+    }
     cdtr-editor-tab-item {
-      width: 100%;
+      flex: 1 0 auto;
     }
-    .icon-tabs {
-      padding: var(--space-3, 12px) 0;
-      background: var(--color-bg-subtle, #fafafa);
-      width: 52px;
-      height: 100%;
-      min-height: 400px;
-      border-left: 1px solid var(--color-border, #eaeaee);
-      direction: ltr;
+    .content {
+      flex: 1;
+      overflow-y: auto;
+      overflow-x: hidden;
+      padding-top: var(--space-3, 12px);
+      /* Clear the absolutely-positioned Creaditor logo footer (~35px tall,
+         offset below the sidebar) so the last accordion can scroll fully into
+         view instead of staying trapped behind it. */
+      padding-bottom: 60px;
+    }
+
+    /* Pinned outside .content so it stays put while the sections scroll. */
+    .toggle-row {
+      flex: 0 0 auto;
       display: flex;
-      flex-direction: column;
+      justify-content: flex-end;
+      padding: var(--space-2, 8px) var(--space-4, 16px) var(--space-1, 4px);
+    }
+    .toggle-all {
+      display: inline-flex;
       align-items: center;
       gap: var(--space-1, 4px);
+      flex: 0 0 auto;
+      padding: 2px 0;
+      border: none;
+      background: transparent;
+      font-family: inherit;
+      font-size: var(--text-xs, 12px);
+      color: var(--color-text-secondary, #555);
+      cursor: pointer;
+      white-space: nowrap;
+    }
+    .toggle-all:hover {
+      color: var(--color-text, #1a1a1f);
+      text-decoration: underline;
+    }
+    .toggle-all:focus-visible {
+      outline: none;
+      border-radius: 4px;
+      box-shadow: 0 0 0 2px var(--color-primary, #6366f1);
     }
 
-    .main {
-      height: 100%;
-      direction: rtl;
+    /* One-time coachmark that points at the tab row. */
+    .tabs-row.hint-active {
+      position: relative;
+      animation: tabsHintGlow 1.6s ease-in-out infinite;
+      border-radius: 8px 8px 0 0;
     }
-    .content {
-      overflow-y: auto;
-      overflow-x: hidden;
-      max-height: calc(100vh - 130px);
-      min-height: 80%;
-      padding-top: var(--space-3, 12px);
+    @keyframes tabsHintGlow {
+      0%,
+      100% {
+        background: transparent;
+      }
+      50% {
+        background: color-mix(
+          in srgb,
+          var(--color-primary, #6366f1) 8%,
+          transparent
+        );
+      }
+    }
+    .tabs-hint {
+      position: absolute;
+      top: 48px;
+      left: var(--space-3, 10px);
+      right: var(--space-3, 10px);
+      z-index: 20;
+      background: var(--color-surface, #fff);
+      color: var(--color-text, #1a1a1a);
+      border: 1px solid var(--color-border, #eaeaee);
+      border-radius: 12px;
+      box-shadow: 0 12px 32px rgba(15, 23, 42, 0.18);
+      padding: 14px 16px;
+      animation: tabsHintIn 220ms var(--ease-default, ease) both;
+    }
+    @keyframes tabsHintIn {
+      from {
+        opacity: 0;
+        transform: translateY(-6px);
+      }
+      to {
+        opacity: 1;
+        transform: translateY(0);
+      }
+    }
+    /* Arrow pointing up at the active tab. */
+    .tabs-hint::before {
+      content: "";
+      position: absolute;
+      top: -7px;
+      inset-inline-end: 24px;
+      width: 12px;
+      height: 12px;
+      background: var(--color-surface, #fff);
+      border-left: 1px solid var(--color-border, #eaeaee);
+      border-top: 1px solid var(--color-border, #eaeaee);
+      transform: rotate(45deg);
+    }
+    .tabs-hint__title {
+      font-size: 13px;
+      font-weight: 700;
+      margin: 0 0 4px;
+      color: var(--color-primary, #6366f1);
+    }
+    .tabs-hint__body {
+      font-size: 12.5px;
+      line-height: 1.5;
+      margin: 0 0 12px;
+      color: var(--color-text-secondary, #555);
+    }
+    .tabs-hint__actions {
+      display: flex;
+      justify-content: flex-end;
+    }
+    .tabs-hint__btn {
+      font-family: inherit;
+      font-size: 12.5px;
+      font-weight: 600;
+      color: #fff;
+      background: var(--color-primary, #6366f1);
+      border: none;
+      border-radius: 8px;
+      padding: 7px 16px;
+      cursor: pointer;
+      transition: filter var(--duration-fast, 120ms) var(--ease-default, ease);
+    }
+    .tabs-hint__btn:hover {
+      filter: brightness(1.08);
+    }
+    .tabs-hint__btn:focus-visible {
+      outline: none;
+      box-shadow: 0 0 0 2px var(--color-surface, #fff),
+        0 0 0 4px var(--color-primary, #6366f1);
     }
-  `,s.properties={tabs:{type:Array},value:{type:String}},customElements.define("cdtr-editor-tabs",s)}}]);
+  `,l.properties={tabs:{type:Array},value:{type:String},showHint:{type:Boolean,state:!0},_sectionCount:{type:Number,state:!0},_allExpanded:{type:Boolean,state:!0}},customElements.define("cdtr-editor-tabs",l)}}]);

package/dist/638.creaditor.bundle.js

@@ -1,23 +1,52 @@
-"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),s=i(36936),p=i(59929);let h=(o=(0,i(49410).MZ)({type:String}),(n=class extends p.WF{constructor(){super(),(0,d.A)(this,"device",c,this),this.device="desktop"}choose(e){this.device=e}render(){return p.qy` <cdtr-row alignItems="center">
-      <paper-button @click=${()=>this.choose("phone")}>
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[638],{638(e,t,o){o.r(t),o.d(t,{DevicePicker:()=>i});var r=o(59929);class i extends r.WF{constructor(){super(),this.device=void 0,this.device="desktop"}choose(e){this.device!==e&&(this.device=e,this.dispatchEvent(new CustomEvent("device-change",{detail:{device:e},bubbles:!0,composed:!0})))}render(){return r.qy`<div class="segmented" role="group">
+      <button
+        type="button"
+        aria-pressed=${"desktop"===this.device}
+        @click=${()=>this.choose("desktop")}
+      >
+        <cdtr-tooltip content="design_for_desktop">
+          <cdtr-icon width="18" icon="desktop"></cdtr-icon>
+        </cdtr-tooltip>
+      </button>
+      <button
+        type="button"
+        aria-pressed=${"phone"===this.device}
+        @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-icon 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>`}}).styles=p.AH`
-    paper-button {
-      padding: 0;
-      min-width: 0;
+      </button>
+    </div>`}}i.properties={device:{type:String,reflect:!0}},i.styles=r.AH`
+    :host {
+      display: inline-flex;
+    }
+    .segmented {
+      display: inline-flex;
+      align-items: center;
+      gap: 2px;
+      padding: 2px;
+      border-radius: 8px;
+      background: var(--surface-2, rgba(0, 0, 0, 0.05));
+    }
+    button {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      padding: 4px 6px;
+      border: none;
+      border-radius: 6px;
+      background: transparent;
+      cursor: pointer;
+      color: var(--text-secondary, #6b7280);
+      transition: background 0.15s ease, color 0.15s ease;
+    }
+    button:hover {
+      background: var(--surface-3, rgba(0, 0, 0, 0.06));
+    }
+    button[aria-pressed="true"] {
+      background: var(--surface-1, #fff);
+      color: var(--color-primary, #6366f1);
+      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
     }
-  `,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)}}]);
+  `,customElements.define("cdtr-device-picker",i)}}]);

package/dist/6814.creaditor.bundle.js

@@ -1 +1 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[6814],{46814(e,t,s){s.d(t,{default:()=>I});const n={en:{key:"English",value:"en"},he:{key:"Hebrew",value:"he"},ar:{key:"Arabic",value:"ar"}},o=Object.keys(n).map(e=>n[e]),r=e=>{const{component:t,commands:s,helpers:r,template:a}=e;return{select:e=>{let{changeTab:t,tab:s}=e;"design"!==s.text&&t("design")},tabs:e=>{const t=[{text:"design"}];return t.forEach(t=>t.selected=t.text===e),t},layout:e=>{let{tab:r,changeTab:a,tabs:l}=e;return[{type:"input",title:"address",value:t.props.address,onChange:e=>{const t=e.target.value;s.execCommand("address",t)}},{type:"divider"},{type:"dropdown",title:"type",active:()=>"design"===r.text,selected:n[t.props.lang]?.value,value:n[t.props.lang]?.value,onChange:e=>{const t=e.target.value;s.execCommand("lang",t)},items:o},{type:"divider"},{type:"slider",title:"size",min:100,max:1e3,active:()=>"design"===r.text,value:parseInt(t.props.style.width),onInput:e=>{const t=e.target.value;s.execCommand("style",{width:t+"px",height:t/1.8+"px"})}},{type:"divider"},{type:"radius",title:"radius",active:()=>"design"===r.text,min:0,max:parseInt(t.props.style.width)/2,value:parseInt(t.props.style.borderRadius),elementId:t.id,borderTopRightRadius:parseInt(t.props.style.borderTopRightRadius),borderTopLeftRadius:parseInt(t.props.style.borderTopLeftRadius),borderBottomRightRadius:parseInt(t.props.style.borderBottomRightRadius),borderBottomLeftRadius:parseInt(t.props.style.borderBottomLeftRadius),onInput:e=>{s.execCommand("style",{...e.target.json})}}]}}};var a=s(52144);const l=e=>{let{helpers:t,image:s}=e;return{set:(e,t,s)=>{switch(t){case"style":if("object"==typeof s)return e[t]=(0,a.A)(e[t],s),!0;case"src":case"isFullWidthOnMobile":case"isOpenWithModal":case"isCircle":case"onClick":case"alt":return e[t]=s,!0}}}},i="AIzaSyAAWI9NHgjWXKv6Vu2RqsMnzcHd5gx3vvY";var p=s(72591),d=s.n(p),c=s(88639),m=s.n(c),u=s(88128),h=s.n(u),g=s(30855),A=s.n(g),y=s(93051),v=s.n(y),b=s(69632),C={};C.setAttributes=A(),C.insert=h().bind(null,"head"),C.domAPI=m(),C.insertStyleElement=v();d()(b.A,C);const f=b.A&&b.A.locals?b.A.locals:void 0,I=()=>{!function(){const e="google-google-map-script";if(document.getElementById(e))return null;let t=document.createElement("script");t.id=e,t.type="text/javascript",t.src=`https://maps.googleapis.com/maps/api/js?key=${i}&callback=initMap`,document.body.appendChild(t)}();return{name:"map",create:e=>{const{createElement:t,compose:s,helpers:n}=e,o=document.createElement("div");o.classList.add(f.root);const a=document.createElement("div");a.classList.add(f.cover);const p=document.createElement("iframe");return p.loading="lazy",p.allowFullscreen="true",p.referrerpolicy="no-referrer-when-downgrade",o.append(p,a),t({name:"map",id:s.id,template:o,atomElement:p,render:()=>{p.width=s.props.style.width,p.height=s.props.style.height;const e=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"en";return`https://www.google.com/maps/embed/v1/place?q=${encodeURIComponent(e)}&key=${i}&language=${t}`}(s.props.address,s.props.lang);p.src=e;for(const e in s.props.style)if(Object.hasOwnProperty.call(s.props.style,e)){const t=s.props.style[e];p.style[e]=t}},defaultProps:{style:{height:"200px",width:"200px"},address:"תל אביב"},draggable:{group:"element"},droppable:{group:"element"},resizeable:()=>o,handleBar:!0,validator:l({template:o,helpers:n}),schema:s.schema,onSelect:e=>{o.classList.add(e)},onDeselect:e=>{o.classList.remove(e)},elementProps:s,remove:()=>{o.remove()},createEditor:r})}}}},69632(e,t,s){s.d(t,{A:()=>l});var n=s(82001),o=s.n(n),r=s(40935),a=s.n(r)()(o());a.push([e.id,".K7psR4JLWOUIitZzJsh_ {\n    position: relative;\n  }\n  .D3YnVg9f4nr9mHqbRr27 {\n    display: none;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n    position: absolute;\n    background-color: var(--primary);\n    opacity: 0.6;\n  }\n  \n  .K7psR4JLWOUIitZzJsh_:hover .D3YnVg9f4nr9mHqbRr27 {\n    display: block;\n  }\n  ","",{version:3,sources:["webpack://./../web-editors/map-editor-component/lib/style.module.css"],names:[],mappings:"AAAA;IACI,kBAAkB;EACpB;EACA;IACE,aAAa;IACb,WAAW;IACX,YAAY;IACZ,OAAO;IACP,MAAM;IACN,kBAAkB;IAClB,gCAAgC;IAChC,YAAY;EACd;;EAEA;IACE,cAAc;EAChB",sourcesContent:[".root {\n    position: relative;\n  }\n  .cover {\n    display: none;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n    position: absolute;\n    background-color: var(--primary);\n    opacity: 0.6;\n  }\n  \n  .root:hover .cover {\n    display: block;\n  }\n  "],sourceRoot:""}]),a.locals={root:"K7psR4JLWOUIitZzJsh_",cover:"D3YnVg9f4nr9mHqbRr27"};const l=a}}]);
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[6814],{46814(e,t,s){s.d(t,{default:()=>I});const n={en:{key:"English",value:"en"},he:{key:"Hebrew",value:"he"},ar:{key:"Arabic",value:"ar"}},o=Object.keys(n).map(e=>n[e]),r=e=>{const{component:t,commands:s,helpers:r,template:a}=e;return{select:e=>{let{changeTab:t,tab:s}=e;"style"!==s.text&&t("style")},tabs:e=>{const t=[{text:"style"}];return t.forEach(t=>t.selected=t.text===e),t},layout:e=>{let{tab:r,changeTab:a,tabs:l}=e;return[{type:"input",title:"address",value:t.props.address,onChange:e=>{const t=e.target.value;s.execCommand("address",t)}},{type:"divider"},{type:"dropdown",title:"type",active:()=>"style"===r.text,selected:n[t.props.lang]?.value,value:n[t.props.lang]?.value,onChange:e=>{const t=e.target.value;s.execCommand("lang",t)},items:o},{type:"divider"},{type:"slider",title:"size",min:100,max:1e3,active:()=>"style"===r.text,value:parseInt(t.props.style.width),onInput:e=>{const t=e.target.value;s.execCommand("style",{width:t+"px",height:t/1.8+"px"})}},{type:"divider"},{type:"radius",title:"radius",active:()=>"style"===r.text,min:0,max:parseInt(t.props.style.width)/2,value:parseInt(t.props.style.borderRadius),elementId:t.id,borderTopRightRadius:parseInt(t.props.style.borderTopRightRadius),borderTopLeftRadius:parseInt(t.props.style.borderTopLeftRadius),borderBottomRightRadius:parseInt(t.props.style.borderBottomRightRadius),borderBottomLeftRadius:parseInt(t.props.style.borderBottomLeftRadius),onInput:e=>{s.execCommand("style",{...e.target.json})}}]}}};var a=s(52144);const l=e=>{let{helpers:t,image:s}=e;return{set:(e,t,s)=>{switch(t){case"style":if("object"==typeof s)return e[t]=(0,a.A)(e[t],s),!0;case"src":case"isFullWidthOnMobile":case"isOpenWithModal":case"isCircle":case"onClick":case"alt":return e[t]=s,!0}}}},p="AIzaSyAAWI9NHgjWXKv6Vu2RqsMnzcHd5gx3vvY";var i=s(72591),d=s.n(i),c=s(88639),m=s.n(c),u=s(88128),h=s.n(u),y=s(30855),A=s.n(y),g=s(93051),v=s.n(g),b=s(69632),C={};C.setAttributes=A(),C.insert=h().bind(null,"head"),C.domAPI=m(),C.insertStyleElement=v();d()(b.A,C);const f=b.A&&b.A.locals?b.A.locals:void 0,I=()=>{!function(){const e="google-google-map-script";if(document.getElementById(e))return null;let t=document.createElement("script");t.id=e,t.type="text/javascript",t.src=`https://maps.googleapis.com/maps/api/js?key=${p}&callback=initMap`,document.body.appendChild(t)}();return{name:"map",create:e=>{const{createElement:t,compose:s,helpers:n}=e,o=document.createElement("div");o.classList.add(f.root);const a=document.createElement("div");a.classList.add(f.cover);const i=document.createElement("iframe");return i.loading="lazy",i.allowFullscreen="true",i.referrerpolicy="no-referrer-when-downgrade",o.append(i,a),t({name:"map",id:s.id,template:o,atomElement:i,render:()=>{i.width=s.props.style.width,i.height=s.props.style.height;const e=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"en";return`https://www.google.com/maps/embed/v1/place?q=${encodeURIComponent(e)}&key=${p}&language=${t}`}(s.props.address,s.props.lang);i.src=e;for(const e in s.props.style)if(Object.hasOwnProperty.call(s.props.style,e)){const t=s.props.style[e];i.style[e]=t}},defaultProps:{style:{height:"200px",width:"200px"},address:"תל אביב"},draggable:{group:"element"},droppable:{group:"element"},resizeable:()=>o,handleBar:!0,validator:l({template:o,helpers:n}),schema:s.schema,onSelect:e=>{o.classList.add(e)},onDeselect:e=>{o.classList.remove(e)},elementProps:s,remove:()=>{o.remove()},createEditor:r})}}}},69632(e,t,s){s.d(t,{A:()=>l});var n=s(82001),o=s.n(n),r=s(40935),a=s.n(r)()(o());a.push([e.id,".K7psR4JLWOUIitZzJsh_ {\n    position: relative;\n  }\n  .D3YnVg9f4nr9mHqbRr27 {\n    display: none;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n    position: absolute;\n    background-color: var(--primary);\n    opacity: 0.6;\n  }\n  \n  .K7psR4JLWOUIitZzJsh_:hover .D3YnVg9f4nr9mHqbRr27 {\n    display: block;\n  }\n  ","",{version:3,sources:["webpack://./../web-editors/map-editor-component/lib/style.module.css"],names:[],mappings:"AAAA;IACI,kBAAkB;EACpB;EACA;IACE,aAAa;IACb,WAAW;IACX,YAAY;IACZ,OAAO;IACP,MAAM;IACN,kBAAkB;IAClB,gCAAgC;IAChC,YAAY;EACd;;EAEA;IACE,cAAc;EAChB",sourcesContent:[".root {\n    position: relative;\n  }\n  .cover {\n    display: none;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n    position: absolute;\n    background-color: var(--primary);\n    opacity: 0.6;\n  }\n  \n  .root:hover .cover {\n    display: block;\n  }\n  "],sourceRoot:""}]),a.locals={root:"K7psR4JLWOUIitZzJsh_",cover:"D3YnVg9f4nr9mHqbRr27"};const l=a}}]);