ids-enterprise-wc 1.0.0-beta.20 → 1.0.0-beta.22

package/chunks/ids-chunk-Q24B5XHK.js

@@ -0,0 +1,298 @@
+import{a as M,b as st,c as nt,d as at,e as lt,f as dt,g as ct,h as ht}from"./ids-chunk-XWYI6W5C.js";import{a as Qe}from"./ids-chunk-XTFPDMVV.js";import{a as et,b as tt}from"./ids-chunk-ZQRLBBQ6.js";import{e as Ze,f as W}from"./ids-chunk-7MLYM3IK.js";import{a as it,b as Y,c as X,d as we,e as ot,f as rt}from"./ids-chunk-BK2RLEBU.js";import{a as Ge,b as Ue,f as A,g as We,h as Ye,i as w,j as Xe,k as f,l as Se,m as Je}from"./ids-chunk-7PNEL7CO.js";import{a as Fe}from"./ids-chunk-DCJDBNQZ.js";import{a as ze}from"./ids-chunk-4VAQJKQK.js";import{a as _e}from"./ids-chunk-N5P66PJP.js";import{a as T}from"./ids-chunk-ONPEMRJP.js";import{a as xe}from"./ids-chunk-M7IB5XSG.js";import{a as je}from"./ids-chunk-H2UUMN2T.js";import{a as Ke}from"./ids-chunk-3DA43NO3.js";import{a as Be,b as Ne}from"./ids-chunk-XE4WFW5M.js";import{a as Ve}from"./ids-chunk-7MATJMV7.js";import{e as S}from"./ids-chunk-5Q3WPKMB.js";import{a as c}from"./ids-chunk-3Q46IU4X.js";import{a as Oe,b as L,c as i,d,e as R,g as a}from"./ids-chunk-Y32WUP63.js";var ut=`@charset "UTF-8";
+/* Ids Editor Component */
+.icon-dirty {
+  position: absolute;
+  color: var(--ids-color-caution-30);
+  top: 1px;
+}
+.icon-dirty[dir=rtl] {
+  transform: rotate(90deg);
+  top: 0;
+}
+
+.ids-color-picker .icon-dirty {
+  margin-inline-start: 35px;
+}
+
+.ids-color-picker.compact .icon-dirty {
+  margin-inline-start: 27px;
+}
+
+.ids-textarea .icon-dirty {
+  top: 1px;
+  margin-inline-start: 1px;
+}
+.ids-textarea .icon-dirty[dir=rtl] {
+  top: 2px;
+}
+
+.validation-message {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  display: flex;
+  font-family: var(--ids-font-family-default);
+  margin-top: var(--ids-space-30);
+}
+.validation-message.has-custom-icon {
+  color: var(--ids-icon-color-default);
+}
+.validation-message.disabled {
+  color: var(--ids-input-color-text-disabled);
+}
+.validation-message .ids-icon {
+  margin-inline-end: var(--ids-space-30);
+}
+.validation-message.alert {
+  color: var(--ids-color-caution-default);
+}
+.validation-message.alert.disabled {
+  color: var(--ids-color-caution-30);
+}
+.validation-message.warning {
+  color: var(--ids-color-warning-default);
+}
+.validation-message.warning.disabled {
+  color: var(--ids-color-warning-30);
+}
+.validation-message.error {
+  color: var(--ids-color-error-default);
+}
+.validation-message.error.disabled {
+  color: var(--ids-color-error-30);
+}
+.validation-message.info {
+  color: var(--ids-color-info-default);
+}
+.validation-message.info.disabled {
+  color: var(--ids-color-info-30);
+}
+.validation-message.success {
+  color: var(--ids-color-success-default);
+}
+.validation-message.success.disabled {
+  color: var(--ids-color-success-30);
+}
+.validation-message[hidden] {
+  display: none;
+}
+
+:host(:focus-visible) {
+  outline: none;
+}
+
+.ids-editor .hidden {
+  display: none;
+}
+.ids-editor .audible {
+  clip: rect(0, 0, 0, 0);
+  height: 0;
+  line-height: 0;
+  min-height: 0;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+.ids-editor .editor-label {
+  display: flex;
+  align-items: baseline;
+  margin-block-end: var(--ids-space-40);
+}
+.ids-editor .editor-label.required::after {
+  content: "*";
+  color: var(--ids-input-required-indicator-color-text-default);
+  font-family: var(--ids-editor-font-family);
+  font-size: var(--ids-font-size-50);
+  margin-inline: var(--ids-space-20);
+  margin-top: -10px;
+  position: relative;
+  top: 1px;
+}
+.ids-editor .editor-label.required.no-required-indicator::after, .ids-editor .editor-label.required:empty::after {
+  content: "";
+}
+.ids-editor.label-state-hidden .editor-label {
+  margin-block-end: var(--ids-space-40);
+}
+.ids-editor.label-state-hidden .editor-label::before {
+  content: "\xA0";
+}
+.ids-editor.label-state-collapsed .editor-label {
+  margin-block-end: var(--ids-space-none);
+}
+.ids-editor.label-state-collapsed .editor-label.required::after {
+  content: "";
+}
+.ids-editor .main-container {
+  border-color: var(--ids-editor-color-border-default);
+  border-radius: var(--ids-editor-border-radius-default);
+  border-style: var(--ids-editor-border-style-default);
+  border-width: var(--ids-editor-border-width-default);
+}
+.ids-editor .main-container:hover, .ids-editor .main-container:active {
+  border-color: var(--ids-editor-color-border-hover);
+}
+.ids-editor .main-container.focused, .ids-editor .main-container:focus-within {
+  border-color: var(--ids-editor-color-border-focus);
+  outline: var(--ids-editor-outline-focus);
+  box-shadow: var(--ids-editor-shadow-border-focus);
+}
+.ids-editor .main-container.error, .ids-editor .main-container.error:hover:not(:focus-within), .ids-editor .main-container.error:active:not(:focus-within) {
+  border-color: var(--ids-editor-color-border-error);
+  color: var(--ids-editor-color-text-error);
+}
+.ids-editor .main-container.error:focus-within, .ids-editor .main-container.error:hover:not(:focus-within):focus-within, .ids-editor .main-container.error:active:not(:focus-within):focus-within {
+  border-color: var(--ids-editor-color-border-error);
+  box-shadow: var(--ids-editor-error-border-shadow);
+}
+.ids-editor .toolbar-container {
+  border-top-left-radius: var(--ids-space-10);
+  border-top-right-radius: var(--ids-space-10);
+}
+.ids-editor ::slotted(ids-toolbar),
+.ids-editor .ids-toolbar {
+  max-width: 100%;
+}
+.ids-editor .editor-content {
+  position: relative;
+}
+.ids-editor[readonly] .editor-label.required::after {
+  content: "";
+}
+.ids-editor[readonly] .toolbar-container {
+  display: none;
+}
+.ids-editor[readonly] .main-container {
+  border-color: var(--ids-editor-color-border-readonly);
+  color: var(--ids-editor-color-text-readonly);
+}
+.ids-editor[readonly] .editor-container,
+.ids-editor[readonly] .source-container {
+  background-color: var(--ids-editor-color-background-readonly);
+}
+.ids-editor[readonly] .editor-container a,
+.ids-editor[readonly] .source-container a {
+  pointer-events: none;
+}
+.ids-editor[readonly] .source-wrapper .line-numbers {
+  background-color: var(--ids-editor-source-color-background-readonly);
+}
+.ids-editor[disabled] .editor-label.required::after {
+  color: var(--ids-input-required-indicator-color-text-disabled);
+}
+.ids-editor[disabled] .toolbar-container {
+  display: none;
+}
+.ids-editor[disabled] .main-container,
+.ids-editor[disabled] .main-container * {
+  border-color: var(--ids-editor-color-border-disabled);
+  color: var(--ids-editor-color-text-disabled) !important;
+  cursor: var(--ids-editor-cursor-disabled);
+  pointer-events: none;
+  user-select: none;
+}
+.ids-editor[disabled] .main-container:hover, .ids-editor[disabled] .main-container:active,
+.ids-editor[disabled] .main-container *:hover,
+.ids-editor[disabled] .main-container *:active {
+  color: var(--ids-editor-color-text-disabled);
+}
+.ids-editor[disabled] .main-container:focus, .ids-editor[disabled] .main-container:focus-within,
+.ids-editor[disabled] .main-container *:focus,
+.ids-editor[disabled] .main-container *:focus-within {
+  border-color: var(--ids-editor-color-border-disabled);
+  box-shadow: none;
+}
+.ids-editor .source-container,
+.ids-editor .editor-container {
+  background-color: var(--ids-editor-background-color);
+  font-family: var(--ids-editor-font-family);
+  outline: var(--ids-editor-outline);
+  line-height: var(--ids-editor-font-line-height);
+  font-size: var(--ids-editor-font-size);
+  overflow: auto;
+}
+.ids-editor .source-container {
+  height: 317px;
+}
+.ids-editor .editor-container {
+  height: 285px;
+}
+.ids-editor .editor-container a {
+  color: var(--ids-editor-link-color-text-link);
+  padding: var(--ids-editor-link-padding);
+}
+.ids-editor .editor-container a:hover, .ids-editor .editor-container a:active {
+  color: var(--ids-editor-link-color-text-hover);
+}
+.ids-editor .editor-container a:focus {
+  border-color: var(--ids-editor-link-color-border-focus);
+  border-radius: var(--ids-editor-link-border-radius-focus);
+  border-style: var(--ids-editor-link-border-style-focus);
+  border-width: var(--ids-editor-link-border-width-focus);
+  outline: var(--ids-editor-link-outline-focus);
+  box-shadow: var(--ids-editor-shadow-focus);
+}
+.ids-editor .source-wrapper {
+  display: flex;
+  min-height: 100%;
+  padding: var(--ids-editor-source-padding);
+  margin: var(--ids-editor-source-margin);
+}
+.ids-editor .source-wrapper .line-numbers {
+  background-color: var(--ids-editor-source-color-background-default);
+  color: var(--ids-editor-source-line-color-text);
+  font-family: var(--ids-editor-font-family);
+  font-weight: var(--ids-editor-source-line-font-weight);
+  margin: var(--ids-editor-source-line-margin);
+  padding-block-start: var(--ids-editor-source-line-padding-block-start);
+  padding-inline: var(--ids-editor-source-line-padding-inline);
+  line-height: var(--ids-editor-source-font-line-height);
+  list-style: none;
+  text-align: end;
+}
+.ids-editor .source-wrapper .source-textarea {
+  background-color: var(--ids-editor-textarea-color-background);
+  color: var(--ids-editor-source-color-text);
+  border: var(--ids-editor-source-border);
+  font-family: var(--ids-editor-font-family);
+  font-size: var(--ids-editor-font-size);
+  line-height: var(--ids-editor-source-textarea-font-line-height);
+  padding-block-start: var(--ids-editor-source-padding-block-start);
+  padding-inline: var(--ids-editor-source-padding-inline);
+  outline: var(--ids-editor-source-textarea-outline);
+  overflow: hidden;
+  resize: none;
+  height: 100%;
+  width: 100%;
+}
+
+::slotted(div#editor-container) {
+  padding: var(--ids-editor-padding);
+  box-sizing: border-box;
+  min-height: 100%;
+  outline: none;
+}
+
+::slotted(div#editor-container:empty)::before {
+  content: attr(placeholder);
+  display: inline-block;
+  opacity: 0.7;
+}
+::slotted(div#editor-container:empty):focus::before {
+  content: "";
+}`;var bt=0,Kt=_e(ze(Fe(je(Ke(Ve))))),D,g,O,x,n,b,v,y,E,ee,mt,te,ft,B,Te,N,Le,q,J,ie,gt,I,Z,j,Ce,K,Re,oe,pt,H,Q,re,vt,se,yt,ne,Et,V,qe,ae,kt,z,Ie,le,At,de,xt,ce,St,he,wt,ue,Tt,be,Lt,me,Ct,fe,Rt,ge,qt,pe,It,ve,Ht,_,He,ye,Mt,Ee,$t,F,Me,G,$e,C,P,ke,Pt,Ae,Dt,$=class extends Kt{constructor(){super();d(this,y);d(this,ee);d(this,te);d(this,B);d(this,N);d(this,q);d(this,ie);d(this,I);d(this,j);d(this,K);d(this,oe);d(this,H);d(this,re);d(this,se);d(this,ne);d(this,V);d(this,ae);d(this,z);d(this,le);d(this,de);d(this,ce);d(this,he);d(this,ue);d(this,be);d(this,me);d(this,fe);d(this,ge);d(this,pe);d(this,ve);d(this,_);d(this,ye);d(this,Ee);d(this,F);d(this,G);d(this,C);d(this,ke);d(this,Ae);L(this,"validationElems");L(this,"reqInitialize");L(this,"isFormComponent",!0);d(this,D,new ResizeObserver(()=>a(this,oe,pt).call(this)));d(this,g,{});d(this,O,void 0);d(this,x,null);d(this,n,{});L(this,"input");L(this,"labelEl");d(this,b,null);d(this,v,{bold:{action:"bold",keyid:"KeyB"},italic:{action:"italic",keyid:"KeyI"},underline:{action:"underline",keyid:"KeyU"},strikethrough:{action:"strikeThrough",keyid:"KeyS|shift"},superscript:{action:"superscript",keyid:"Equal|shift"},subscript:{action:"subscript",keyid:"Equal"},formatblock:{action:"formatBlock"},...We,fontsize:{action:"fontSize"},...Ye,forecolor:{action:"forecolor",keyid:"KeyK|shift|alt"},backcolor:{action:"backcolor"},orderedlist:{action:"insertOrderedList",keyid:"KeyO|shift"},unorderedlist:{action:"insertUnorderedList",keyid:"KeyU|shift"},insertimage:{action:"insertImage",keyid:"KeyI|shift"},hyperlink:{action:"createLink",keyid:"KeyK"},unlink:{action:"unlink",keyid:"KeyK|shift"},inserthtml:{action:"insertHTML"},inserthorizontalrule:{action:"insertHorizontalRule",keyid:"KeyL|shift"},alignleft:{action:"alignLeft",keyid:"KeyL"},alignright:{action:"alignRight",keyid:"KeyR"},aligncenter:{action:"alignCenter",keyid:"KeyE"},alignjustify:{action:"alignJustify",keyid:"KeyJ"},clearformatting:{action:"removeFormat",keyid:"Space|shift"},redo:{action:"redo",keyid:"KeyY"},undo:{action:"undo",keyid:"KeyZ"},editormode:{action:"editorMode",keyid:"Backquote|shift"},sourcemode:{action:"sourceMode",keyid:"Backquote"}});L(this,"vetoableEventTypes",["beforesourcemode","beforeeditormode","beforepaste"])}connectedCallback(){super.connectedCallback(),a(this,H,Q).call(this),a(this,te,ft).call(this),a(this,se,yt).call(this),this.modalElementsValue(),a(this,N,Le).call(this),a(this,Ee,$t).call(this),a(this,ee,mt).call(this)}disconnectedCallback(){super.disconnectedCallback?.(),[...Se("#errormessage-modal, #hyperlink-modal, #insertimage-modal",this.shadowRoot),...Se(`ids-button,
+        ids-separator,
+        ids-menu-button,
+        ids-popup-menu,
+        ids-toolbar-section,
+        ids-toolbar-more-actions,
+        ids-toolbar`,this)].flat().forEach(e=>e?.remove())}static get attributes(){return[...super.attributes,...Xe]}template(){this.reqInitialize=!0,bt++;let e=this.hasAttribute(c.LABEL_STATE)&&this.label?`aria-label="${this.label}"`:"",t=!this.label.length||this.labelState==="hidden"?" empty":"",o=this.labelRequired?"":` ${A.labelRequired}`;return M(st,{ariaLabel:e,disabled:this.disabled?" disabled":"",readonly:this.readonly?" readonly":"",contenteditable:!this.disabled&&!this.readonly?' contenteditable="true"':"",labelClass:"editor-label",requiredLabelCss:o,hiddenLabelCss:t,placeholder:this.placeholder?` placeholder="${this.placeholder}"`:"",hiddenClass:A.hidden,labelText:this.label,sourceTextareaLabel:this.sourceTextareaLabel()})}modalElementsValue(e){let t=xe(e)?e:{},o=w.modals,r=[];return t.hyperlink?.targets?.constructor===Array?t.hyperlink.targets.forEach(s=>{if(xe(s)&&s.text){let l={text:s.text,value:s.value};s.selected&&(l.selected=!0),r.push(l)}}):r=[...o.hyperlink.targets],i(this,g).defaults={hyperlink:{url:t.hyperlink?.url??o.hyperlink.url,classes:t.hyperlink?.classes??o.hyperlink.classes,targets:r,targetSelected:r.find(s=>s.selected),isClickable:t.hyperlink?.isClickable??o.hyperlink.isClickable,showIsClickable:t.hyperlink?.showIsClickable??o.hyperlink.showIsClickable},insertimage:{url:t.insertimage?.url??o.insertimage.url,alt:t.insertimage?.alt??o.insertimage.alt}},a(this,ne,Et).call(this),this}sourceTextareaLabel(){return`${this.label} - HTML Source View`}get value(){return W?.(i(this,n).textarea.value)}set disabled(e){let t=S(e);this.toggleAttribute(c.DISABLED,t),this.container?.toggleAttribute(c.DISABLED,t),i(this,n)?.textarea?.toggleAttribute(c.DISABLED,t),this.labelEl?.toggleAttribute(c.DISABLED,t),a(this,H,Q).call(this),a(this,re,vt).call(this)}get disabled(){let e=this.getAttribute(c.DISABLED);return e!==null?S(e):w.disabled}setLabelText(e=this.state?.label){let t=this.labelEl??f("#editor-label",this.shadowRoot),o=f('[for="source-textarea"]',this.shadowRoot),r=this.labelState===null;t&&(t.innerHTML=r?e:""),o&&(o.innerHTML=r?this.sourceTextareaLabel():"")}set paragraphSeparator(e){var t;Ue.indexOf(e)>-1?this.setAttribute(c.PARAGRAPH_SEPARATOR,e):this.removeAttribute(c.PARAGRAPH_SEPARATOR),(t=a(this,N,Le))==null||t.call(this)}get paragraphSeparator(){return this.getAttribute(c.PARAGRAPH_SEPARATOR)||w.paragraphSeparator}set pasteAsPlainText(e){S(e)?this.setAttribute(c.PASTE_AS_PLAIN_TEXT,""):this.removeAttribute(c.PASTE_AS_PLAIN_TEXT)}get pasteAsPlainText(){let e=this.getAttribute(c.PASTE_AS_PLAIN_TEXT);return e!==null?S(e):w.pasteAsPlainText}set placeholder(e){e?(this.setAttribute(c.PLACEHOLDER,e),i(this,n)?.editor?.setAttribute(c.PLACEHOLDER,e),i(this,n)?.textarea?.setAttribute(c.PLACEHOLDER,e)):(this.removeAttribute(c.PLACEHOLDER),i(this,n)?.editor?.removeAttribute(c.PLACEHOLDER),i(this,n)?.textarea?.removeAttribute(c.PLACEHOLDER))}get placeholder(){return this.getAttribute(c.PLACEHOLDER)}set readonly(e){let t=S(e);this.toggleAttribute(c.READONLY,t),this.container?.toggleAttribute(c.READONLY,t),i(this,n)?.textarea?.toggleAttribute(c.READONLY,t),this.labelEl?.toggleAttribute(c.READONLY,t),a(this,H,Q).call(this)}get readonly(){let e=this.getAttribute(c.READONLY);return e!==null?S(e):w.readonly}set sourceFormatter(e){this.toggleAttribute(c.SOURCE_FORMATTER,S(e))}get sourceFormatter(){let e=this.getAttribute(c.SOURCE_FORMATTER);return e!==null?S(e):w.sourceFormatter}set view(e){if(Ge.includes(e)){let t=this.getAttribute(c.VIEW),o=null;this.view!==e&&(o=/source/i.test(e)?a(this,K,Re).call(this):a(this,j,Ce).call(this)),(o||o===null&&t!==e)&&this.setAttribute(c.VIEW,e),o&&(a(this,y,E).call(this,`after${e}mode`),a(this,y,E).call(this,"viewchange",this,{view:e}))}else this.removeAttribute(c.VIEW)}get view(){return this.getAttribute(c.VIEW)||w.view}get editorSlot(){return this.container.querySelector("slot#editor-slot")}get hiddenSlot(){return this.container.querySelector("slot#hidden-slot")}};D=new WeakMap,g=new WeakMap,O=new WeakMap,x=new WeakMap,n=new WeakMap,b=new WeakMap,v=new WeakMap,y=new WeakSet,E=function(e,t=this,o={}){return this.triggerEvent(e,t,{detail:{elem:this,value:this.value,...o}}),this},ee=new WeakSet,mt=function(){return i(this,n)[this.view]?.classList?.contains(A.hidden)&&(/source/i.test(this.view)?a(this,K,Re).call(this):a(this,j,Ce).call(this)),window.requestAnimationFrame(()=>{a(this,I,Z).call(this),this.resetDirtyTracker(),a(this,y,E).call(this,"initialize")}),this},te=new WeakSet,ft=function(){return this.querySelector('[slot="toolbar"]')||this.insertAdjacentHTML("afterbegin",M(lt,{instanceCounter:bt})),this},B=new WeakSet,Te=function(){return document.getSelection()},N=new WeakSet,Le=function(){return document.execCommand("defaultParagraphSeparator",!1,this.paragraphSeparator),R(this,O,this.paragraphSeparator!=="br"?this.paragraphSeparator:w.paragraphSeparator),this},q=new WeakSet,J=function(){window.requestAnimationFrame(()=>{let e=parseInt(getComputedStyle(i(this,n).textarea).lineHeight,10),t=0;i(this,n).textarea.style.height="";let o=i(this,n).textarea.scrollHeight,r=Math.floor((o-t)/e),s=i(this,n).lineNumbers,l=s.querySelectorAll("li").length,h="",u=0,m;if(!i(this,n).lineNumberCount||r!==i(this,n).lineNumberCount){if(i(this,n).lineNumberCount)if(i(this,n).lineNumberCount<r){for(m=r-i(this,n).lineNumberCount;u<m;u++)h+=`<li role="presentation"><span>${l+u+1}</span></li>`;s.insertAdjacentHTML("beforeend",h)}else i(this,n).lineNumberCount>r&&(u=i(this,n).lineNumberCount-r,[...s.querySelectorAll("li")].slice(-u).forEach(p=>p?.remove()));else{for(i(this,n).lineNumberCount=r,m=i(this,n).lineNumberCount;u<m;u++)h+=`<li role="presentation"><span>${u+1}</span></li>`;s.insertAdjacentHTML("beforeend",h)}i(this,n).lineNumberCount=r}i(this,n).textarea.style.height=`${s.scrollHeight}px`})},ie=new WeakSet,gt=function(){let{textarea:e}=i(this,n),t=W(e.value);t=Ze(t),i(this,b)&&i(this,b).innerHTML!==t&&(i(this,b).innerHTML=t)},I=new WeakSet,Z=function(){let{textarea:e}=i(this,n);i(this,b)?.textContent?.replace(`
+`,"")===""&&(i(this,b).innerHTML="");let t=W(i(this,b)?.innerHTML??"");t=this.sourceFormatter?Qe(t):t,e.value!==t&&(e.value=t)},j=new WeakSet,Ce=function(){i(this,n).reqviewchange=!0;let e={value:this.value,view:this.view};if(!this.triggerVetoableEvent("beforeeditormode",e))return a(this,y,E).call(this,"rejectviewchange"),!1;a(this,ie,gt).call(this),a(this,C,P).call(this,!0);let t=i(this,n);return t.btnSource.hidden=!1,t.btnEditor.hidden=!0,t.source.classList.add(A.hidden),t.editor.classList.remove(A.hidden),t.toolbar.disabled=!1,t.editor.focus(),this},K=new WeakSet,Re=function(){i(this,n).reqviewchange=!0;let e={value:this.value,view:this.view};if(!this.triggerVetoableEvent("beforesourcemode",e))return a(this,y,E).call(this,"rejectviewchange"),!1;a(this,C,P).call(this,!1),a(this,I,Z).call(this),a(this,q,J).call(this);let t=i(this,n);return t.btnSource.hidden=!0,t.btnEditor.hidden=!1,t.source.classList.remove(A.hidden),t.editor.classList.add(A.hidden),t.toolbar.disabled=!0,t.btnEditor.disabled=!1,t.toolbar.querySelector("#more-actions").disabled=!1,t.textarea.focus(),this},oe=new WeakSet,pt=function(){this.view==="source"&&a(this,q,J).call(this)},H=new WeakSet,Q=function(){let e=!this.disabled&&!this.readonly;return i(this,b)?.setAttribute("contenteditable",`${e}`),this},re=new WeakSet,vt=function(){return window.requestAnimationFrame(()=>{this.disabled?this.querySelectorAll("a").forEach(e=>{let t=e.getAttribute("tabindex");t!==null&&(e.dataset.idsTabindex=t),e.setAttribute("tabindex","-1")}):this.querySelectorAll("a").forEach(e=>{typeof e.dataset.idsTabindex>"u"?e.removeAttribute("tabindex"):(e.setAttribute("tabindex",e.dataset.idsTabindex),delete e.dataset.idsTabindex)})}),this},se=new WeakSet,yt=function(){i(this,b)||(R(this,b,document.createElement("div")),i(this,b).contentEditable="true",i(this,b).slot="editor-slot",i(this,b).id="editor-container",i(this,b).setAttribute("placeholder",this.placeholder??""),this.append(i(this,b)));let e=r=>{let s=this.querySelector(`[editor-action="${r}"]`);if(s){let l=this.querySelector(`.${r}-input`);if(!l){let p=document.createElement("input");p.setAttribute("type","color"),p.setAttribute("aria-label","Text Color"),p.classList.add(`${r}-input`),s.append(p),l=this.querySelector(`.${r}-input`)}let h="border:0;padding:0;margin:0;height:100%;width:100%;opacity:0;position:absolute;top:0;left:0;";l&&(l.style.cssText=h),i(this,n)[`${r}Input`]=l;let u=s.querySelector("ids-icon"),m=`<defs>
+          <linearGradient id="colorpicker-underline" gradientTransform="rotate(90)">
+            <stop class="stop-base" offset="80%"></stop>
+            <stop class="stop-underline" offset="20%"></stop>
+          </linearGradient>
+        </defs>`;u?.classList.add("editor-forecolor"),u?.pathElem?.setAttribute("fill","url(#colorpicker-underline)"),u?.appendSVGDefs(m),s.onEvent("click",s,()=>{l?.focus(),l?.click()})}};e("forecolor"),e("backcolor");let t=this.querySelector('[editor-action="sourcemode"]'),o=this.querySelector('[editor-action="editormode"]');if(t||o){if(!o){let r=document.createElement("template");r.innerHTML=nt,t?.after(r.content.cloneNode(!0)),o=this.querySelector('[editor-action="editormode"]')}if(!t){let r=document.createElement("template");r.innerHTML=at,o?.after(r.content.cloneNode(!0)),t=this.querySelector('[editor-action="sourcemode"]')}this.view==="source"?(t?.setAttribute(c.HIDDEN,"true"),o?.setAttribute(c.HIDDEN,"false")):(t?.setAttribute(c.HIDDEN,"false"),o?.setAttribute(c.HIDDEN,"true"))}return i(this,n).main=f(".main-container",this.shadowRoot),i(this,n).editor=f(".editor-container",this.shadowRoot),i(this,n).editorSlot=f("slot#editor-slot",this.shadowRoot),i(this,n).source=f(".source-container",this.shadowRoot),i(this,n).lineNumbers=f(".line-numbers",this.shadowRoot),i(this,n).textarea=f("#source-textarea",this.shadowRoot),i(this,n).toolbar=this.querySelector("ids-toolbar"),i(this,n).btnSource=this.querySelector('[editor-action="sourcemode"]'),i(this,n).btnEditor=this.querySelector('[editor-action="editormode"]'),i(this,n).toolbarElms=this.querySelectorAll("[editor-action]"),i(this,n).forecolorBtn=this.querySelector('[editor-action="forecolor"]'),i(this,n).backcolorBtn=this.querySelector('[editor-action="backcolor"]'),i(this,n).blockquoteBtn=this.querySelector('[editor-action="blockquote"]'),i(this,n).hyperlinkBtn=this.querySelector('[editor-action="hyperlink"]'),i(this,n).formatblock={btn:this.querySelector('[editor-action="formatblock"]'),items:{}},i(this,n).formatblock.btn?.configureMenu(),i(this,n).formatblock.btn?.menuEl?.items?.forEach(r=>{let s=r.text||r.textContent?.trim();i(this,n).formatblock.items[r.value]={text:s,value:r.value}}),this.input=i(this,n).textarea,this.labelEl=f("#editor-label",this.shadowRoot),this.validate&&(this.validationEvents="change.editorvalidation input.editorvalidation blur.editorvalidation",this.validationElems={main:i(this,n).main,editor:i(this,n).editor}),this},ne=new WeakSet,Et=function(){let e=(s,l,h)=>{let u=document.createElement("template");u.innerHTML=h,this.container?.appendChild(u.content.cloneNode(!0)),i(this,g)[s]={btn:l,modal:f(`#${s}-modal`,this.shadowRoot)}},t=this.querySelector('[editor-action="hyperlink"]'),o=this.querySelector('[editor-action="insertimage"]');if([f("#errormessage-modal",this.shadowRoot),f("#hyperlink-modal",this.shadowRoot),f("#insertimage-modal",this.shadowRoot)].forEach(s=>s?.remove()),e("errormessage",null,dt),i(this,g).errormessage.btn=f("#errormessage-modal-ok",this.shadowRoot),t){let s="hyperlink",l=t,{url:h,classes:u,targets:m,targetSelected:p,isClickable:k,showIsClickable:U}=i(this,g).defaults.hyperlink,Ot=U?`<ids-checkbox id="${s}-modal-checkbox-clickable" label="Clickable in editor"${k?' checked="true"':""}></ids-checkbox>`:"",Pe="";if(m.length){let Nt=m.map(De=>`<ids-list-box-option value="${De.value}">${De.text}</ids-list-box-option>`).join(""),jt=p?.value??"";Pe=`
+          <ids-dropdown id="${s}-modal-dropdown-targets" label="Target" value="${jt}">
+            <ids-list-box>${Nt}</ids-list-box>
+          </ids-dropdown>`}let Bt=M(ct,{key:s,url:h,clickableElemHtml:Ot,classes:u,targetDropdownHtml:Pe,hiddenClass:A.hidden});e(s,l,Bt),i(this,g)[s].elems={url:f(`#${s}-modal-input-url`,this.shadowRoot),clickable:f(`#${s}-modal-checkbox-clickable`,this.shadowRoot),classes:f(`#${s}-modal-input-classes`,this.shadowRoot),targets:f(`#${s}-modal-dropdown-targets`,this.shadowRoot),removeContainer:f(`#${s}-modal-checkbox-remove-container`,this.shadowRoot),removeElem:f(`#${s}-modal-checkbox-remove`,this.shadowRoot)}}if(o){let s="insertimage",l=o,{url:h,alt:u}=i(this,g).defaults.insertimage,m=M(ht,{key:s,url:h,alt:u});e(s,l,m)}return["errormessage","insertimage","hyperlink"].forEach(s=>{i(this,g)[s]?.modal&&a(this,ke,Pt).call(this,s)}),this},V=new WeakSet,qe=function(){i(this,n).toolbarElms?.forEach(e=>{e&&(e.cssClass=[]),e.getAttribute("editor-action")==="forecolor"&&e.querySelector("ids-icon")?.classList.remove("is-active")})},ae=new WeakSet,kt=function(e){if(!e||this.view!=="editor")return;e.preventDefault();let t=et(e),o=tt(e),r={asHtml:o,asPlainText:t,value:this.value,view:this.view};if(!this.triggerVetoableEvent("beforepaste",r)){a(this,y,E).call(this,"rejectpaste",this,r);return}document.queryCommandSupported("insertText")&&(document.execCommand("insertHTML",!1,this.pasteAsPlainText?t:o),T(()=>a(this,y,E).call(this,"afterpaste"),410)())},z=new WeakSet,Ie=function(e){return i(this,b)?.contains(e)||!1},le=new WeakSet,At=function(e){let t=i(this,n),o=ot(e,i(this,b)),r=l=>{l&&(l.cssClass=["is-active"])},s=new RegExp(`^(${Object.keys(t.formatblock.items).join("|")})$`,"i");Object.entries(i(this,v)).forEach(([l,h])=>{l.substring(0,5)!=="align"&&(l==="forecolor"&&o.font?.node?.hasAttribute("color")&&(r(t.forecolorBtn),a(this,de,xt).call(this,t.forecolorBtn,o.font?.node?.getAttribute("color"))),l==="backcolor"&&o.span?.node?.style?.backgroundColor&&r(t.backcolorBtn),l==="blockquote"&&o.blockquote&&r(t.blockquoteBtn),l==="hyperlink"&&o.a&&r(t.hyperlinkBtn),t.formatblock?.btn&&s.test(l)&&o[l]&&(t.formatblock.btn.text=t.formatblock.items[l].text),document.queryCommandState(h.action)&&a(this,z,Ie).call(this,e.focusNode)&&r(this.querySelector(`[editor-action="${l}"]`)))})},de=new WeakSet,xt=function(e,t){if(!e||!t)return;let o=e.querySelector("ids-icon");o?.classList.add("is-active"),o?.style.setProperty("--forecolor-active-color",t)},ce=new WeakSet,St=function(e){if(!e?.detail?.elem)return;let t=e.detail.elem,o=null;/^ids-menu-item$/i.test(t.nodeName)&&(o=t.menu?.target),/^ids-button$/i.test(t.nodeName)&&(o=t);let r=o?.getAttribute("editor-action");if(i(this,v)[r]){let s=null;if(r==="formatblock"){let l=t.menu?.target,h=document.getSelection();l&&(l.text=t.text||t.textContent?.trim()),s=e.detail.value,h&&we(h,i(this,x))}/^(hyperlink|insertimage)$/i.test(r)?i(this,g)[r]?.modal?.show():a(this,_,He).call(this,r,s),a(this,y,E).call(this,"input",i(this,n).editor),a(this,C,P).call(this,!0)}},he=new WeakSet,wt=function(e){if(e&&/forecolor-input|backcolor-input/i.test(e.target.className)){let t=/forecolor-input/i.test(e.target.className)?"forecolor":"backcolor",o={...i(this,v)[t],value:e.target.value};document.execCommand(o.action,!1,o.value)}},ue=new WeakSet,Tt=function(e){let t=a(this,B,Te).call(this);if(R(this,x,X(t)),!i(this,x))return!1;if(i(this,g).beforeShowValues={},e==="hyperlink"){let o={...i(this,g).defaults.hyperlink,hideRemoveContainer:!0},r={...i(this,g).hyperlink.elems},s=rt(t,this,"a");s&&(o.currentLink=s,o.hideRemoveContainer=!1,o.url=s?.getAttribute("href")??"",o.classes=s?.getAttribute("class")??"",o.isClickable=s?.getAttribute("contenteditable")==="false",o.targetSelected={value:s?.getAttribute("target")??""});let l=o.hideRemoveContainer?"add":"remove";r.removeContainer?.classList[l](A.hidden),r.url&&(r.url.value=o.url,r.url.checkValidation()),r.classes&&(r.classes.value=o.classes),r.targets&&(r.targets.value=o.targetSelected?.value??""),r.clickable&&(r.clickable.checked=o.isClickable),i(this,g).beforeShowValues.hyperlink={...o}}return!0},be=new WeakSet,Lt=function(e,t){t&&(t.value==="blockquote"&&it(e).tagName==="blockquote"&&(t={...i(this,v)[i(this,O)]}),Y(e,i(this,b)).forEach(o=>{let r=new RegExp(`<(/?)${o.tagName}((?:[^>"']|"[^"]*"|'[^']*')*)>`,"gi"),s=o.outerHTML.replace(r,`<$1${t.value}$2>`);o.outerHTML=s}),a(this,F,Me).call(this,!0))},me=new WeakSet,Ct=function(e,t){let o=this.localeAPI?.isRTL()?"right":"left",r=t.action.replace("align","").toLowerCase();Y(e,i(this,b)).forEach(s=>{r===o?s?.removeAttribute("style"):s?.style.setProperty("text-align",r)})},fe=new WeakSet,Rt=function(e,t){if(R(this,x,X(e)),i(this,x)&&i(this,n)[`${t.action}Input`]){let o=t.value==="backcolor"?e?.focusNode?.parentNode?.style.getPropertyValue?.("background-color"):document.queryCommandValue(t.action);i(this,n)[`${t.action}Input`].value=/rgb/i.test(o)?Je(o):o}},ge=new WeakSet,qt=function(e,t){let o=!0;Y(e,i(this,b)).forEach(r=>{let s=t.action==="insertOrderedList"?"<ol>":"<ul>";r.innerHTML.includes(s)&&(o=!1),r.innerHTML=r.innerHTML.replaceAll("</ul>","").replaceAll("</ol>","").replaceAll("</li>","").replaceAll("<ul>","").replaceAll("<ol>","").replaceAll("<li>","")}),o&&document.execCommand(t.action,!1,t.value)},pe=new WeakSet,It=function(e){let t={...i(this,g).hyperlink.elems},{currentLink:o,hideRemoveContainer:r}=i(this,g).beforeShowValues.hyperlink,s=t?.url?.value??"",l=t?.classes?.value,h=t.targets?.value,u=t.clickable?.checked?"false":"",m=(p,k,U)=>{U?p.setAttribute(k,U):p.removeAttribute(k)};if(r){if(s){let p=e.toString(),k=document.createElement("a");m(k,"href",s),m(k,"class",l),m(k,"target",h),m(k,"contenteditable",u),p?e.surroundContents(k):(k.textContent=s,e.insertNode(k))}}else t.removeElem?.checked||s===""?o.outerHTML=o.innerHTML:(m(o,"href",s),m(o,"class",l),m(o,"target",h),m(o,"contenteditable",u));t.removeElem.checked=!1,Object.entries(t).filter(([p])=>!/^(removeElem|removeContainer)$/.test(p)).map(p=>p[1]).forEach(p=>{p&&(p.disabled=!1)}),a(this,G,$e).call(this,!0)},ve=new WeakSet,Ht=function(e,t){let o={...i(this,v).insertimage};if(o.value=f("#insertimage-modal-input-src",this.shadowRoot)?.value??"",o.value!==""){e.type==="Caret"&&(t?.insertNode(document.createTextNode(" ")),e.removeAllRanges(),t&&e.addRange(t));let r=f("#insertimage-modal-input-alt",this.shadowRoot).value??"";r!==""&&(o={...i(this,v).inserthtml,value:`<img src="${o.value}" alt="${r}" />`}),document.execCommand(o.action,!1,o.value)}},_=new WeakSet,He=function(e,t=""){let o={...i(this,v)[e]},r=document.getSelection();if(/^(editormode|sourcemode)$/i.test(e)){this.view=e.replace(/mode/i,"");return}if(r){if(o.action==="formatBlock")return a(this,be,Lt).call(this,r,i(this,v)[t]??i(this,v)[e]);if(/^(alignleft|alignright|aligncenter|alignjustify)$/i.test(e))return a(this,me,Ct).call(this,r,i(this,v)[e]);if(/^(forecolor|backcolor)$/i.test(e))return a(this,fe,Rt).call(this,r,i(this,v)[e]);if(/^(orderedlist|unorderedlist)$/i.test(e))return a(this,ge,qt).call(this,r,i(this,v)[e]);o.value=o.value??t,document.execCommand(o.action,!1,o.value)}},ye=new WeakSet,Mt=function(e){let t=a(this,B,Te).call(this);if(!t||!i(this,v)[e])return;we(t,i(this,x));let o=t?.getRangeAt(0);e==="insertimage"&&a(this,ve,Ht).call(this,t,o),e==="hyperlink"&&a(this,pe,It).call(this,o)},Ee=new WeakSet,$t=function(){this.onEvent("selectionchange.editor",document,T(()=>{let t=document.getSelection(),o=a(this,z,Ie).call(this,t?.focusNode??null);a(this,V,qe).call(this),i(this,n).main.classList.toggle("focused",o),t?.focusNode&&o&&(R(this,x,X(t)),a(this,le,At).call(this,t))},200)),this.onEvent("selected.editor-toolbar",i(this,n).toolbar,t=>{a(this,ce,St).call(this,t)}),this.onEvent("input.editor-toolbar",i(this,n).toolbar,t=>{a(this,he,wt).call(this,t)}),this.onEvent("focusin.editor-toolbar",i(this,n).toolbar,()=>{a(this,V,qe).call(this)}),this.onEvent("input.editor-editcontainer",this,T(()=>{i(this,n).reqviewchange||(a(this,I,Z).call(this),a(this,y,E).call(this,"change",i(this,n).textarea))},400)),this.onEvent("blur.editor-editcontainer",this,()=>{a(this,y,E).call(this,"blur",i(this,n).textarea)}),this.onEvent("paste.editor-editcontainer",this,t=>{a(this,ae,kt).call(this,t)}),this.onEvent("input.editor-textarea",i(this,n).textarea,()=>{a(this,q,J).call(this),T(()=>{i(this,n).reqviewchange||a(this,y,E).call(this,"change",i(this,n).textarea)},400)()}),this.onEvent("change.editor-textarea",i(this,n).textarea,()=>{a(this,y,E).call(this,"change")}),a(this,Ae,Dt).call(this),i(this,D).disconnect(),this.container&&i(this,D).observe(this.container);let e=this.querySelector("ids-toolbar-more-actions");return this.onEvent("beforeshow.more-actions",e,()=>{let t=e?.menu?.popup?.container;!t?.style.width&&t&&(t.style.width="175px")}),this.onEvent("viewchange.editor-reqviewchange",this,T(()=>{delete i(this,n).reqviewchange},410)),this.onEvent("rejectviewchange.editor-reqviewchange",this,T(()=>{delete i(this,n).reqviewchange},410)),this.onEvent("initialize.editor-initialize",this,T(()=>{delete this.reqInitialize},410)),this.offEvent("slotchange.hidden-slot",this.hiddenSlot),this.onEvent("slotchange.hidden-slot",this.hiddenSlot,()=>{i(this,b)?.append(...this.hiddenSlot.assignedElements())}),this.offEvent("slotchange.editor-slot",this.editorSlot),this.onEvent("slotchange.editor-slot",this.editorSlot,()=>{a(this,C,P).call(this,!0)}),this},F=new WeakSet,Me=function(e){let t=i(this,b).querySelectorAll("blockquote"),o=i(this,b).querySelector("p:first-of-type");if(!e){o?.removeAttribute("style"),t.forEach(r=>r.removeAttribute("style"));return}o?.style.setProperty("margin-block-start","0"),t.forEach(r=>{r.style.setProperty("border-inline-start","var(--ids-editor-blockquote-border-inline-start)"),r.style.setProperty("margin-inline-start","var(--ids-editor-blockquote-margin-inline-start)"),r.style.setProperty("margin-inline-end","var(--ids-editor-blockquote-margin-inline-end)"),r.style.setProperty("padding-inline-start","var(--ids-editor-blockquote-padding-inline-start)")})},G=new WeakSet,$e=function(e){i(this,b).querySelectorAll("a").forEach(o=>{e?o.style.setProperty("color","var(--ids-editor-link-color-text-link)"):o.removeAttribute("style")})},C=new WeakSet,P=function(e){a(this,G,$e).call(this,e),a(this,F,Me).call(this,e)},ke=new WeakSet,Pt=function(e){let t=i(this,g)[e].modal;if(t.onButtonClick=()=>{t?.hide()},!!i(this,g)[e].btn&&(this.offEvent(`beforeshow.editor-modal-${e}`,t),this.onEvent(`beforeshow.editor-modal-${e}`,t,o=>{!a(this,ue,Tt).call(this,e)&&e!=="errormessage"&&(o.detail.response(!1),i(this,g).errormessage?.modal?.show())}),this.offEvent(`click.editor-modal-${e}`,t),this.onEvent(`click.editor-modal-${e}`,t,o=>{o.target.getAttribute("id")===`${e}-modal-apply-btn`&&a(this,ye,Mt).call(this,e)}),e==="hyperlink")){let o=i(this,g)[e].elems,r=o.removeElem,s=Object.entries(o).filter(([l])=>!/^(removeElem|removeContainer)$/.test(l)).map(l=>l[1]);this.offEvent(`change.editor-modal-${e}-checkbox-remove`,r),this.onEvent(`change.editor-modal-${e}-checkbox-remove`,r,l=>{s.forEach(h=>{h&&(h.disabled=l.detail.checked)})})}},Ae=new WeakSet,Dt=function(){let e=(l,h)=>new RegExp(h,"i").test(l[1].keyid),t=l=>l[1].keyid.replace(/\|.*$/g,""),o=Object.entries(i(this,v)).filter(([,l])=>l.keyid),r=[...new Set(o.map(l=>t(l)))],s={};return r.forEach(l=>{s[l]=o.filter(h=>t(h)===l)}),this.onEvent("keydown.editor-container",this,l=>{if(this.disabled||this.readonly)return;let h=l.code;if(r.indexOf(h)>-1&&(l.ctrlKey||l.metaKey)){let u=s[h]?.filter(m=>l.shiftKey===e(m,"shift")&&l.altKey===e(m,"alt")).flat();if(u?.length){if(this.view==="source"&&u[0]!=="editormode")return;["hyperlink","insertimage"].includes(u[0])?i(this,g)[u[0]]?.modal?.show():(a(this,_,He).call(this,u[0]),a(this,y,E).call(this,"input",i(this,n).editor)),l.preventDefault()}}}),this},$=Oe([Be("ids-editor"),Ne(ut)],$);export{$ as a};