@aeriz/wysiwyg 1.0.2 → 1.0.3

package/dist/aeriz-wysiwyg-wc.min.js

@@ -0,0 +1 @@
+var AerizWysiwygWC=function(u,s){"use strict";var w=Object.defineProperty;var j=(u,s,m)=>s in u?w(u,s,{enumerable:!0,configurable:!0,writable:!0,value:m}):u[s]=m;var f=(u,s,m)=>j(u,typeof s!="symbol"?s+"":s,m);function m(o){const t=document.createElement("div");t.innerHTML=o,s.normalizeContent(t);const e=new s.BlockIdRegistry;return s.assignMissingIds(t,e),s.serializeBlocks(s.listBlocks(t,l=>e.ensure(l)))}function C(o,t,e){const l={element:o,onChange:e},r=t.value??t.initialHTML;return r!==void 0&&(l.initialHTML=r),t.placeholder!==void 0&&(l.placeholder=t.placeholder),t.toolbar!==void 0&&(l.toolbar=t.toolbar),t.theme!==void 0&&(l.theme=t.theme),t.locale!==void 0&&(l.locale=t.locale),t.htmlStyles!==void 0&&(l.htmlStyles=t.htmlStyles),t.onImageUpload!==void 0&&(l.onImageUpload=t.onImageUpload),t.imageUploadUrl!==void 0&&(l.imageUploadUrl=t.imageUploadUrl),t.onFileUpload!==void 0&&(l.onFileUpload=t.onFileUpload),t.fileUploadUrl!==void 0&&(l.fileUploadUrl=t.fileUploadUrl),l}function V(o,t){return o===t?!0:o===!1||t===!1||o===void 0||t===void 0||o.sticky!==t.sticky||o.items.length!==t.items.length?!1:o.items.every((e,l)=>e===t.items[l])}function L(o,t){let e=t,l="",r=!1,a=!1;const v=i=>{var h;l=i,!r&&((h=e.onChange)==null||h.call(e,i))};let n,c=null,d;const g=i=>{i.onImageUpload===void 0?delete d.onImageUpload:d.onImageUpload=i.onImageUpload,i.imageUploadUrl===void 0?delete d.imageUploadUrl:d.imageUploadUrl=i.imageUploadUrl,i.onFileUpload===void 0?delete d.onFileUpload:d.onFileUpload=i.onFileUpload,i.fileUploadUrl===void 0?delete d.fileUploadUrl:d.fileUploadUrl=i.fileUploadUrl,i.htmlStyles===void 0?delete d.htmlStyles:d.htmlStyles=i.htmlStyles},E=(i,h)=>{var A;const U=h!==void 0?{...i,value:h}:i;d=C(o,U,v),n=new s.AerizEditor(d),l=n.getHTML(),c=n.onStateChange(O=>{var S;return(S=e.onStateChange)==null?void 0:S.call(e,O)}),(A=e.onReady)==null||A.call(e,n)},T=()=>{var i;(i=e.onDestroy)==null||i.call(e,n),c==null||c(),c=null,n.destroy()};return E(e),{get editor(){return n},update(i){if(a)return;const h=e;if(e=i,i.locale!==h.locale||!V(i.toolbar,h.toolbar)){const U=i.value??n.getHTML();T(),E(i,U);return}if(g(i),i.theme!==h.theme&&i.theme!==void 0&&n.setTheme(i.theme),i.placeholder!==h.placeholder&&(i.placeholder===void 0?delete n.content.dataset.placeholder:n.content.dataset.placeholder=i.placeholder),i.value!==void 0&&i.value!==l&&i.value!==n.getHTML()){r=!0;try{n.setHTML(i.value)}finally{r=!1}l=i.value}},destroy(){a||(a=!0,T())}}}function M(o,t){const e={element:o},l=t.blocks??(t.html!==void 0?m(t.html):void 0);return l!==void 0&&(e.initialBlocks=l),t.theme!==void 0&&(e.theme=t.theme),t.htmlStyles!==void 0&&(e.htmlStyles=t.htmlStyles),e}function z(o,t){var v;let e=t,l=!1;const r=M(o,t),a=new s.AerizViewer(r);return(v=e.onReady)==null||v.call(e,a),{viewer:a,update(n){if(l)return;const c=e;e=n,n.theme!==c.theme&&n.theme!==void 0&&a.setTheme(n.theme),n.htmlStyles===void 0?delete r.htmlStyles:r.htmlStyles=n.htmlStyles,n.blocks!==void 0?n.blocks!==c.blocks&&a.setBlocks(n.blocks):n.html!==void 0&&n.html!==c.html&&n.html!==a.getHTML()&&a.setBlocks(m(n.html))},destroy(){var n;l||(l=!0,(n=e.onDestroy)==null||n.call(e,a),a.destroy())}}}const F=["light","dark"],H=["en","ko","ja","zh"];function p(o){return o!==null&&F.includes(o)?o:void 0}function I(o){return o!==null&&H.includes(o)?o:void 0}function B(o){if(o===null)return;const t=o.trim();if(t==="")return;if(t==="false"||t==="none")return!1;if(t.startsWith("{")){try{const l=JSON.parse(t);if(l&&typeof l=="object"&&Array.isArray(l.items))return l}catch{}return}const e=t.split(/[\s,]+/).filter(l=>l.length>0);return e.length>0?{items:e}:void 0}function P(o){const t=o.attachInternals;if(typeof t!="function")return null;try{const e=t.call(o);return typeof e=="object"&&e!==null&&typeof e.setFormValue=="function"?e:null}catch{return null}}class b extends HTMLElement{constructor(){super();f(this,"onImageUpload");f(this,"onFileUpload");f(this,"controller",null);f(this,"internals",null);f(this,"pendingValue");f(this,"currentHTML","");this.internals=P(this)}static get observedAttributes(){return["value","placeholder","theme","locale","toolbar","html-styles","image-upload-url","file-upload-url"]}get value(){return this.controller?this.controller.editor.getHTML():this.pendingValue??this.currentHTML}set value(e){this.pendingValue=e,this.applyProps()}get editor(){var e;return((e=this.controller)==null?void 0:e.editor)??null}getBlocks(){var e;return((e=this.controller)==null?void 0:e.editor.serialize())??[]}focus(){var e;(e=this.controller)==null||e.editor.focus()}connectedCallback(){if(!this.controller){if(this.pendingValue===void 0){const e=this.getAttribute("value");e!==null&&(this.pendingValue=e)}this.controller=L(this,this.buildProps()),this.pendingValue=void 0,this.syncFormValue(this.controller.editor.getHTML()),this.dispatchEvent(new CustomEvent("aeriz-ready",{detail:{editor:this.controller.editor},bubbles:!1}))}}disconnectedCallback(){var e;(e=this.controller)==null||e.destroy(),this.controller=null}attributeChangedCallback(e,l,r){e==="value"&&(this.pendingValue=r??""),this.applyProps()}applyProps(){this.controller&&(this.controller.update(this.buildProps()),this.pendingValue=void 0)}buildProps(){const e={onChange:g=>{this.pendingValue=void 0,this.syncFormValue(g),this.dispatchEvent(new CustomEvent("input",{detail:{html:g},bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{detail:{html:g},bubbles:!0}))}};this.pendingValue!==void 0&&(e.value=this.pendingValue);const l=this.getAttribute("placeholder");l!==null&&(e.placeholder=l);const r=p(this.getAttribute("theme"));r!==void 0&&(e.theme=r);const a=I(this.getAttribute("locale"));a!==void 0&&(e.locale=a);const v=B(this.getAttribute("toolbar"));v!==void 0&&(e.toolbar=v);const n=this.getAttribute("html-styles");(n==="class"||n==="inline")&&(e.htmlStyles=n);const c=this.getAttribute("image-upload-url");c!==null&&(e.imageUploadUrl=c);const d=this.getAttribute("file-upload-url");return d!==null&&(e.fileUploadUrl=d),this.onImageUpload&&(e.onImageUpload=this.onImageUpload),this.onFileUpload&&(e.onFileUpload=this.onFileUpload),e}syncFormValue(e){var l;this.currentHTML=e,(l=this.internals)==null||l.setFormValue(e)}}f(b,"formAssociated",!0);class y extends HTMLElement{constructor(){super(...arguments);f(this,"controller",null);f(this,"pendingBlocks")}static get observedAttributes(){return["html","theme"]}get blocks(){var e;return((e=this.controller)==null?void 0:e.viewer.getBlocks())??this.pendingBlocks??[]}set blocks(e){var l;this.pendingBlocks=e,(l=this.controller)==null||l.update(this.buildProps())}get viewer(){var e;return((e=this.controller)==null?void 0:e.viewer)??null}connectedCallback(){this.controller||(this.controller=z(this,this.buildProps()),this.dispatchEvent(new CustomEvent("aeriz-ready",{detail:{viewer:this.controller.viewer},bubbles:!1})))}disconnectedCallback(){var e;(e=this.controller)==null||e.destroy(),this.controller=null}attributeChangedCallback(){var e;(e=this.controller)==null||e.update(this.buildProps())}buildProps(){const e={};this.pendingBlocks!==void 0&&(e.blocks=this.pendingBlocks);const l=this.getAttribute("html");l!==null&&(e.html=l);const r=p(this.getAttribute("theme"));return r!==void 0&&(e.theme=r),e}}function k(o="aeriz"){if(typeof customElements>"u")return;const t=`${o}-editor`,e=`${o}-viewer`;customElements.get(t)||customElements.define(t,b),customElements.get(e)||customElements.define(e,y)}return k(),u.AerizEditorElement=b,u.AerizViewerElement=y,u.defineAerizElements=k,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"}),u}({},AerizWysiwyg);