ids-enterprise-wc 1.4.0 → 1.4.2

package/chunks/ids-chunk-M6POM3T4.js

@@ -1,298 +0,0 @@
-import{a as it,b as Y,c as X,d as we,e as ot,f as rt}from"./ids-chunk-4T5K5S27.js";import{a as H,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-MIQBJB3Z.js";import{e as Ze,f as W}from"./ids-chunk-VPEGYCSK.js";import{a as Ue,b as Ge,f as x,g as We,h as Ye,i as w,j as Xe,k as f,l as Se,m as Je}from"./ids-chunk-6AEJEWT3.js";import{a as Fe}from"./ids-chunk-ONDL2FOF.js";import{a as ze}from"./ids-chunk-GZAZWQDV.js";import{a as _e}from"./ids-chunk-ERX3D4QI.js";import{a as Ae}from"./ids-chunk-M7IB5XSG.js";import{a as T}from"./ids-chunk-ONPEMRJP.js";import{a as je}from"./ids-chunk-7UKILJ67.js";import{a as Ke}from"./ids-chunk-3DA43NO3.js";import{a as Ne,b as Be}from"./ids-chunk-XE4WFW5M.js";import{a as Ve}from"./ids-chunk-XG76V3HL.js";import{e as S}from"./ids-chunk-5Q3WPKMB.js";import{a as c}from"./ids-chunk-AQP3PBNZ.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-yellow-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-xxs);
-}
-.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-xxs);
-}
-.validation-message.alert {
-  color: var(--ids-color-caution-default);
-}
-.validation-message.alert.disabled {
-  color: var(--ids-color-yellow-30);
-}
-.validation-message.warning {
-  color: var(--ids-color-warning-default);
-}
-.validation-message.warning.disabled {
-  color: var(--ids-color-orange-30);
-}
-.validation-message.error {
-  color: var(--ids-color-error-default);
-}
-.validation-message.error.disabled {
-  color: var(--ids-color-red-30);
-}
-.validation-message.info {
-  color: var(--ids-color-info-default);
-}
-.validation-message.info.disabled {
-  color: var(--ids-color-blue-30);
-}
-.validation-message.success {
-  color: var(--ids-color-success-default);
-}
-.validation-message.success.disabled {
-  color: var(--ids-color-green-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-xs);
-}
-.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-xxxs);
-  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-xs);
-}
-.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-xxxxs);
-  border-top-right-radius: var(--ids-space-xxxxs);
-}
-.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,A,n,b,v,y,E,ee,mt,te,ft,N,Te,B,Le,q,J,ie,gt,I,Z,j,Ce,K,Re,oe,pt,M,Q,re,vt,se,yt,ne,Et,V,qe,ae,kt,z,Ie,le,xt,de,At,ce,St,he,wt,ue,Tt,be,Lt,me,Ct,fe,Rt,ge,qt,pe,It,ve,Mt,_,Me,ye,Ht,Ee,$t,F,He,U,$e,C,P,ke,Pt,xe,Dt,$=class extends Kt{constructor(){super();d(this,y);d(this,ee);d(this,te);d(this,N);d(this,B);d(this,q);d(this,ie);d(this,I);d(this,j);d(this,K);d(this,oe);d(this,M);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,U);d(this,C);d(this,ke);d(this,xe);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,A,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,M,Q).call(this),a(this,te,ft).call(this),a(this,se,yt).call(this),this.modalElementsValue(),a(this,B,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(t=>t?.remove())}static get attributes(){return[...super.attributes,...Xe]}template(){this.reqInitialize=!0,bt++;let t=this.hasAttribute(c.LABEL_STATE)&&this.label?`aria-label="${this.label}"`:"",e=!this.label.length||this.labelState==="hidden"?" empty":"",o=this.labelRequired?"":` ${x.labelRequired}`;return H(st,{ariaLabel:t,disabled:this.disabled?" disabled":"",readonly:this.readonly?" readonly":"",contenteditable:!this.disabled&&!this.readonly?' contenteditable="true"':"",labelClass:"editor-label",requiredLabelCss:o,hiddenLabelCss:e,placeholder:this.placeholder?` placeholder="${this.placeholder}"`:"",hiddenClass:x.hidden,labelText:this.label,sourceTextareaLabel:this.sourceTextareaLabel()})}modalElementsValue(t){let e=Ae(t)?t:{},o=w.modals,r=[];return e.hyperlink?.targets?.constructor===Array?e.hyperlink.targets.forEach(s=>{if(Ae(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:e.hyperlink?.url??o.hyperlink.url,classes:e.hyperlink?.classes??o.hyperlink.classes,targets:r,targetSelected:r.find(s=>s.selected),isClickable:e.hyperlink?.isClickable??o.hyperlink.isClickable,showIsClickable:e.hyperlink?.showIsClickable??o.hyperlink.showIsClickable},insertimage:{url:e.insertimage?.url??o.insertimage.url,alt:e.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(t){let e=S(t);this.toggleAttribute(c.DISABLED,e),this.container?.toggleAttribute(c.DISABLED,e),i(this,n)?.textarea?.toggleAttribute(c.DISABLED,e),this.labelEl?.toggleAttribute(c.DISABLED,e),a(this,M,Q).call(this),a(this,re,vt).call(this)}get disabled(){let t=this.getAttribute(c.DISABLED);return t!==null?S(t):w.disabled}setLabelText(t=this.state?.label){let e=this.labelEl??f("#editor-label",this.shadowRoot),o=f('[for="source-textarea"]',this.shadowRoot),r=this.labelState===null;e&&(e.innerHTML=r?t:""),o&&(o.innerHTML=r?this.sourceTextareaLabel():"")}set paragraphSeparator(t){var e;Ge.indexOf(t)>-1?this.setAttribute(c.PARAGRAPH_SEPARATOR,t):this.removeAttribute(c.PARAGRAPH_SEPARATOR),(e=a(this,B,Le))==null||e.call(this)}get paragraphSeparator(){return this.getAttribute(c.PARAGRAPH_SEPARATOR)||w.paragraphSeparator}set pasteAsPlainText(t){S(t)?this.setAttribute(c.PASTE_AS_PLAIN_TEXT,""):this.removeAttribute(c.PASTE_AS_PLAIN_TEXT)}get pasteAsPlainText(){let t=this.getAttribute(c.PASTE_AS_PLAIN_TEXT);return t!==null?S(t):w.pasteAsPlainText}set placeholder(t){t?(this.setAttribute(c.PLACEHOLDER,t),i(this,n)?.editor?.setAttribute(c.PLACEHOLDER,t),i(this,n)?.textarea?.setAttribute(c.PLACEHOLDER,t)):(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(t){let e=S(t);this.toggleAttribute(c.READONLY,e),this.container?.toggleAttribute(c.READONLY,e),i(this,n)?.textarea?.toggleAttribute(c.READONLY,e),this.labelEl?.toggleAttribute(c.READONLY,e),a(this,M,Q).call(this)}get readonly(){let t=this.getAttribute(c.READONLY);return t!==null?S(t):w.readonly}set sourceFormatter(t){this.toggleAttribute(c.SOURCE_FORMATTER,S(t))}get sourceFormatter(){let t=this.getAttribute(c.SOURCE_FORMATTER);return t!==null?S(t):w.sourceFormatter}set view(t){if(Ue.includes(t)){let e=this.getAttribute(c.VIEW),o=null;this.view!==t&&(o=/source/i.test(t)?a(this,K,Re).call(this):a(this,j,Ce).call(this)),(o||o===null&&e!==t)&&this.setAttribute(c.VIEW,t),o&&(a(this,y,E).call(this,`after${t}mode`),a(this,y,E).call(this,"viewchange",this,{view:t}))}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,A=new WeakMap,n=new WeakMap,b=new WeakMap,v=new WeakMap,y=new WeakSet,E=function(t,e=this,o={}){return this.triggerEvent(t,e,{detail:{elem:this,value:this.value,...o}}),this},ee=new WeakSet,mt=function(){return i(this,n)[this.view]?.classList?.contains(x.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",H(lt,{instanceCounter:bt})),this},N=new WeakSet,Te=function(){return document.getSelection()},B=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 t=parseInt(getComputedStyle(i(this,n).textarea).lineHeight,10),e=0;i(this,n).textarea.style.height="";let o=i(this,n).textarea.scrollHeight,r=Math.floor((o-e)/t),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:t}=i(this,n),e=W(t.value);e=Ze(e),i(this,b)&&i(this,b).innerHTML!==e&&(i(this,b).innerHTML=e)},I=new WeakSet,Z=function(){let{textarea:t}=i(this,n);i(this,b)?.textContent?.replace(`
-`,"")===""&&(i(this,b).innerHTML="");let e=W(i(this,b)?.innerHTML??"");e=this.sourceFormatter?Qe(e):e,t.value!==e&&(t.value=e)},j=new WeakSet,Ce=function(){i(this,n).reqviewchange=!0;let t={value:this.value,view:this.view};if(!this.triggerVetoableEvent("beforeeditormode",t))return a(this,y,E).call(this,"rejectviewchange"),!1;a(this,ie,gt).call(this),a(this,C,P).call(this,!0);let e=i(this,n);return e.btnSource.hidden=!1,e.btnEditor.hidden=!0,e.source.classList.add(x.hidden),e.editor.classList.remove(x.hidden),e.toolbar.disabled=!1,e.editor.focus(),this},K=new WeakSet,Re=function(){i(this,n).reqviewchange=!0;let t={value:this.value,view:this.view};if(!this.triggerVetoableEvent("beforesourcemode",t))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 e=i(this,n);return e.btnSource.hidden=!0,e.btnEditor.hidden=!1,e.source.classList.remove(x.hidden),e.editor.classList.add(x.hidden),e.toolbar.disabled=!0,e.btnEditor.disabled=!1,e.toolbar.querySelector("#more-actions").disabled=!1,e.textarea.focus(),this},oe=new WeakSet,pt=function(){this.view==="source"&&a(this,q,J).call(this)},M=new WeakSet,Q=function(){let t=!this.disabled&&!this.readonly;return i(this,b)?.setAttribute("contenteditable",`${t}`),this},re=new WeakSet,vt=function(){return window.requestAnimationFrame(()=>{this.disabled?this.querySelectorAll("a").forEach(t=>{let e=t.getAttribute("tabindex");e!==null&&(t.dataset.idsTabindex=e),t.setAttribute("tabindex","-1")}):this.querySelectorAll("a").forEach(t=>{typeof t.dataset.idsTabindex>"u"?t.removeAttribute("tabindex"):(t.setAttribute("tabindex",t.dataset.idsTabindex),delete t.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 t=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()})}};t("forecolor"),t("backcolor");let e=this.querySelector('[editor-action="sourcemode"]'),o=this.querySelector('[editor-action="editormode"]');if(e||o){if(e?.container?.setAttribute("editor-action","sourcemode"),o?.container?.setAttribute("editor-action","editormode"),!o){let r=document.createElement("template");r.innerHTML=nt,e?.after(r.content.cloneNode(!0)),o=this.querySelector('[editor-action="editormode"]')}if(!e){let r=document.createElement("template");r.innerHTML=at,o?.after(r.content.cloneNode(!0)),e=this.querySelector('[editor-action="sourcemode"]')}this.view==="source"?(e?.setAttribute(c.HIDDEN,"true"),o?.setAttribute(c.HIDDEN,"false")):(e?.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 t=(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)}},e=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()),t("errormessage",null,dt),i(this,g).errormessage.btn=f("#errormessage-modal-ok",this.shadowRoot),e){let s="hyperlink",l=e,{url:h,classes:u,targets:m,targetSelected:p,isClickable:k,showIsClickable:G}=i(this,g).defaults.hyperlink,Ot=G?`<ids-checkbox id="${s}-modal-checkbox-clickable" label="Clickable in editor"${k?' checked="true"':""}></ids-checkbox>`:"",Pe="";if(m.length){let Bt=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>${Bt}</ids-list-box>
-          </ids-dropdown>`}let Nt=H(ct,{key:s,url:h,clickableElemHtml:Ot,classes:u,targetDropdownHtml:Pe,hiddenClass:x.hidden});t(s,l,Nt),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=H(ht,{key:s,url:h,alt:u});t(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(t=>{t&&(t.cssClass=[]),t.getAttribute("editor-action")==="forecolor"&&t.querySelector("ids-icon")?.classList.remove("is-active")})},ae=new WeakSet,kt=function(t){if(!t||this.view!=="editor")return;t.preventDefault();let e=et(t),o=tt(t),r={asHtml:o,asPlainText:e,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?e:o),T(()=>a(this,y,E).call(this,"afterpaste"),410)())},z=new WeakSet,Ie=function(t){return i(this,b)?.contains(t)||!1},le=new WeakSet,xt=function(t){let e=i(this,n),o=ot(t,i(this,b)),r=l=>{l&&(l.cssClass=["is-active"])},s=new RegExp(`^(${Object.keys(e.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(e.forecolorBtn),a(this,de,At).call(this,e.forecolorBtn,o.font?.node?.getAttribute("color"))),l==="backcolor"&&o.span?.node?.style?.backgroundColor&&r(e.backcolorBtn),l==="blockquote"&&o.blockquote&&r(e.blockquoteBtn),l==="hyperlink"&&o.a&&r(e.hyperlinkBtn),e.formatblock?.btn&&s.test(l)&&o[l]&&(e.formatblock.btn.text=e.formatblock.items[l].text),document.queryCommandState(h.action)&&a(this,z,Ie).call(this,t.focusNode)&&r(this.querySelector(`[editor-action="${l}"]`)))})},de=new WeakSet,At=function(t,e){if(!t||!e)return;let o=t.querySelector("ids-icon");o?.classList.add("is-active"),o?.style.setProperty("--forecolor-active-color",e)},ce=new WeakSet,St=function(t){if(!t?.detail?.elem)return;let e=t.detail.elem,o=null;/^ids-menu-item$/i.test(e.nodeName)&&(o=e.menu?.target),/^ids-button$/i.test(e.nodeName)&&(o=e);let r=o?.getAttribute("editor-action");if(i(this,v)[r]){let s=null;if(r==="formatblock"){let l=e.menu?.target,h=document.getSelection();l&&(l.text=e.text||e.textContent?.trim()),s=t.detail.value,h&&we(h,i(this,A))}/^(hyperlink|insertimage)$/i.test(r)?i(this,g)[r]?.modal?.show():a(this,_,Me).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(t){if(t&&/forecolor-input|backcolor-input/i.test(t.target.className)){let e=/forecolor-input/i.test(t.target.className)?"forecolor":"backcolor",o={...i(this,v)[e],value:t.target.value};document.execCommand(o.action,!1,o.value)}},ue=new WeakSet,Tt=function(t){let e=a(this,N,Te).call(this);if(R(this,A,X(e)),!i(this,A))return!1;if(i(this,g).beforeShowValues={},t==="hyperlink"){let o={...i(this,g).defaults.hyperlink,hideRemoveContainer:!0},r={...i(this,g).hyperlink.elems},s=rt(e,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](x.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(t,e){e&&(e.value==="blockquote"&&it(t).tagName==="blockquote"&&(e={...i(this,v)[i(this,O)]}),Y(t,i(this,b)).forEach(o=>{let r=new RegExp(`<(/?)${o.tagName}((?:[^>"']|"[^"]*"|'[^']*')*)>`,"gi"),s=o.outerHTML.replace(r,`<$1${e.value}$2>`);o.outerHTML=s}),a(this,F,He).call(this,!0))},me=new WeakSet,Ct=function(t,e){let o=this.localeAPI?.isRTL()?"right":"left",r=e.action.replace("align","").toLowerCase();Y(t,i(this,b)).forEach(s=>{r===o?s?.removeAttribute("style"):s?.style.setProperty("text-align",r)})},fe=new WeakSet,Rt=function(t,e){if(R(this,A,X(t)),i(this,A)&&i(this,n)[`${e.action}Input`]){let o=e.value==="backcolor"?t?.focusNode?.parentNode?.style.getPropertyValue?.("background-color"):document.queryCommandValue(e.action);i(this,n)[`${e.action}Input`].value=/rgb/i.test(o)?Je(o):o}},ge=new WeakSet,qt=function(t,e){let o=!0;Y(t,i(this,b)).forEach(r=>{let s=e.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(e.action,!1,e.value)},pe=new WeakSet,It=function(t){let e={...i(this,g).hyperlink.elems},{currentLink:o,hideRemoveContainer:r}=i(this,g).beforeShowValues.hyperlink,s=e?.url?.value??"",l=e?.classes?.value,h=e.targets?.value,u=e.clickable?.checked?"false":"",m=(p,k,G)=>{G?p.setAttribute(k,G):p.removeAttribute(k)};if(r){if(s){let p=t.toString(),k=document.createElement("a");m(k,"href",s),m(k,"class",l),m(k,"target",h),m(k,"contenteditable",u),p?t.surroundContents(k):(k.textContent=s,t.insertNode(k))}}else e.removeElem?.checked||s===""?o.outerHTML=o.innerHTML:(m(o,"href",s),m(o,"class",l),m(o,"target",h),m(o,"contenteditable",u));e.removeElem.checked=!1,Object.entries(e).filter(([p])=>!/^(removeElem|removeContainer)$/.test(p)).map(p=>p[1]).forEach(p=>{p&&(p.disabled=!1)}),a(this,U,$e).call(this,!0)},ve=new WeakSet,Mt=function(t,e){let o={...i(this,v).insertimage};if(o.value=f("#insertimage-modal-input-src",this.shadowRoot)?.value??"",o.value!==""){t.type==="Caret"&&(e?.insertNode(document.createTextNode(" ")),t.removeAllRanges(),e&&t.addRange(e));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,Me=function(t,e=""){let o={...i(this,v)[t]},r=document.getSelection();if(/^(editormode|sourcemode)$/i.test(t)){this.view=t.replace(/mode/i,"");return}if(r){if(o.action==="formatBlock")return a(this,be,Lt).call(this,r,i(this,v)[e]??i(this,v)[t]);if(/^(alignleft|alignright|aligncenter|alignjustify)$/i.test(t))return a(this,me,Ct).call(this,r,i(this,v)[t]);if(/^(forecolor|backcolor)$/i.test(t))return a(this,fe,Rt).call(this,r,i(this,v)[t]);if(/^(orderedlist|unorderedlist)$/i.test(t))return a(this,ge,qt).call(this,r,i(this,v)[t]);o.value=o.value??e,document.execCommand(o.action,!1,o.value)}},ye=new WeakSet,Ht=function(t){let e=a(this,N,Te).call(this);if(!e||!i(this,v)[t])return;we(e,i(this,A));let o=e?.getRangeAt(0);t==="insertimage"&&a(this,ve,Mt).call(this,e,o),t==="hyperlink"&&a(this,pe,It).call(this,o)},Ee=new WeakSet,$t=function(){this.onEvent("selectionchange.editor",document,T(()=>{let e=document.getSelection(),o=a(this,z,Ie).call(this,e?.focusNode??null);a(this,V,qe).call(this),i(this,n).main.classList.toggle("focused",o),e?.focusNode&&o&&(R(this,A,X(e)),a(this,le,xt).call(this,e))},200)),this.onEvent("selected.editor-toolbar",i(this,n).toolbar,e=>{a(this,ce,St).call(this,e)}),this.onEvent("input.editor-toolbar",i(this,n).toolbar,e=>{a(this,he,wt).call(this,e)}),this.onEvent("focusin.editor-toolbar",i(this,n).toolbar,()=>{a(this,V,qe).call(this)}),this.onEvent("input.editor-textarea",i(this,n).textarea,e=>{e.stopPropagation(),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")}),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,e=>{a(this,ae,kt).call(this,e)}),a(this,xe,Dt).call(this),i(this,D).disconnect(),this.container&&i(this,D).observe(this.container);let t=this.querySelector("ids-toolbar-more-actions");return this.onEvent("beforeshow.more-actions",t,()=>{let e=t?.menu?.popup?.container;!e?.style.width&&e&&(e.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,He=function(t){let e=i(this,b).querySelectorAll("blockquote"),o=i(this,b).querySelector("p:first-of-type");if(!t){o?.removeAttribute("style"),e.forEach(r=>r.removeAttribute("style"));return}o?.style.setProperty("margin-block-start","0"),e.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)")})},U=new WeakSet,$e=function(t){i(this,b).querySelectorAll("a").forEach(o=>{t?o.style.setProperty("color","var(--ids-editor-link-color-text-link)"):o.removeAttribute("style")})},C=new WeakSet,P=function(t){a(this,U,$e).call(this,t),a(this,F,He).call(this,t)},ke=new WeakSet,Pt=function(t){let e=i(this,g)[t].modal;if(e.onButtonClick=()=>{e?.hide()},!!i(this,g)[t].btn&&(this.offEvent(`beforeshow.editor-modal-${t}`,e),this.onEvent(`beforeshow.editor-modal-${t}`,e,o=>{!a(this,ue,Tt).call(this,t)&&t!=="errormessage"&&(o.detail.response(!1),i(this,g).errormessage?.modal?.show())}),this.offEvent(`click.editor-modal-${t}`,e),this.onEvent(`click.editor-modal-${t}`,e,o=>{o.target.getAttribute("id")===`${t}-modal-apply-btn`&&a(this,ye,Ht).call(this,t),o.target?.nodeName==="IDS-MODAL-BUTTON"&&e?.hide()}),t==="hyperlink")){let o=i(this,g)[t].elems,r=o.removeElem,s=Object.entries(o).filter(([l])=>!/^(removeElem|removeContainer)$/.test(l)).map(l=>l[1]);this.offEvent(`change.editor-modal-${t}-checkbox-remove`,r),this.onEvent(`change.editor-modal-${t}-checkbox-remove`,r,l=>{s.forEach(h=>{h&&(h.disabled=l.detail.checked)})})}},xe=new WeakSet,Dt=function(){let t=(l,h)=>new RegExp(h,"i").test(l[1].keyid),e=l=>l[1].keyid.replace(/\|.*$/g,""),o=Object.entries(i(this,v)).filter(([,l])=>l.keyid),r=[...new Set(o.map(l=>e(l)))],s={};return r.forEach(l=>{s[l]=o.filter(h=>e(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===t(m,"shift")&&l.altKey===t(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,_,Me).call(this,u[0]),a(this,y,E).call(this,"input",i(this,n).editor)),l.preventDefault()}}}),this},$=Oe([Ne("ids-editor"),Be(ut)],$);export{$ as a};

package/chunks/ids-chunk-NLSWGLYJ.js

@@ -1,95 +0,0 @@
-import{a as s}from"./ids-chunk-3FV2BLYC.js";import{a as T}from"./ids-chunk-T6ZV4PDM.js";import{a as y}from"./ids-chunk-3DA43NO3.js";import{a as m,b as E}from"./ids-chunk-XE4WFW5M.js";import{a as k}from"./ids-chunk-XG76V3HL.js";import{e as u}from"./ids-chunk-5Q3WPKMB.js";import{a as i}from"./ids-chunk-AQP3PBNZ.js";import{a as f,d as c,g as r}from"./ids-chunk-Y32WUP63.js";var x=`/* Ids Notification Banner Component */
-.ids-notification-banner {
-  display: flex;
-  padding-inline-start: var(--ids-notification-padding);
-  align-items: center;
-  min-height: var(--ids-notification-banner-height);
-}
-
-ids-alert,
-.ids-alert {
-  display: flex;
-  margin-inline: var(--ids-notification-banner-padding);
-}
-
-ids-text::part(text),
-.ids-text {
-  color: var(--ids-notification-banner-color-text);
-}
-
-ids-hyperlink::part(link),
-.ids-notification-banner-link a {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  position: relative;
-  top: 2px;
-  margin: 0 var(--ids-notification-banner-padding);
-}
-
-.ids-notification-banner-button {
-  display: flex;
-  margin-inline-start: auto;
-  margin-inline-end: var(--ids-notification-banner-button-padding);
-}
-.ids-notification-banner-button ids-button .ids-icon-button {
-  justify-content: center;
-  align-items: center;
-}
-
-ids-button::part(button):hover {
-  background-color: var(--ids-notification-banner-button-color-background-hover);
-}
-
-.ids-notification-banner-message {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.ids-notification-banner-message.wrap {
-  white-space: unset;
-  padding-block: var(--ids-space-12);
-}
-
-.ids-notification-banner[type=success],
-.ids-notification-banner.success {
-  background-color: var(--ids-notification-banner-success-color-background);
-}
-
-.ids-notification-banner[type=caution],
-.ids-notification-banner.caution {
-  background-color: var(--ids-notification-banner-caution-background-color);
-}
-
-.ids-notification-banner[type=warning],
-.ids-notification-banner.warning {
-  background-color: var(--ids-notification-banner-warning-color-background);
-}
-
-.ids-notification-banner[type=info],
-.ids-notification-banner.info {
-  background-color: var(--ids-notification-banner-info-color-background);
-}
-
-.ids-notification-banner[type=error],
-.ids-notification-banner.error {
-  background-color: var(--ids-notification-banner-error-color-background);
-}`;var I=T(y(k)),a,b,l,A,d,v,o=class extends I{constructor(){super();c(this,a);c(this,l);c(this,d)}connectedCallback(){super.connectedCallback(),r(this,l,A).call(this),r(this,d,v).call(this)}static get attributes(){return[i.MESSAGE,i.MESSAGE_TEXT,i.LINK,i.LINK_TEXT,i.TYPE,i.WRAP]}attributeChangedCallback(t,e,n){super.attributeChangedCallback(t,e,n),e!==n&&(t===i.MESSAGE&&r(this,a,b).call(this,n),t===i.MESSAGE_TEXT&&r(this,a,b).call(this,n))}template(){let t;s[this.type??""]?.type===void 0?t=s.success.type:t=this.type;let e=!this.type||s[this.type]===void 0?s.success.type:this.type,n=this.wrap?"":'overflow="ellipsis"';return`
-      <div class="ids-notification-banner" part="container" type="${e}">
-        <ids-alert icon="${t==="warning"?"alert":t}"></ids-alert>
-        <div class="ids-notification-banner-message ${this.wrap?"wrap":""}" part="message">
-          <ids-text class="message" ${n}>${this.messageText!==null?this.messageText:"Enter Message Text."}</ids-text>
-        </div>
-
-        <div class="ids-notification-banner-link" part="link"${this.link?"":" hidden"}>
-          <ids-hyperlink font-size="16" href="${this.link||""}" target="_blank">${this.linkText===null?"Click to view":this.linkText}</ids-hyperlink>
-        </div>
-
-        <div class="ids-notification-banner-button" part="button">
-          <ids-button appearance="tertiary">
-            <span class="audible">Close Button</span>
-            <ids-icon icon="close" size="small"></ids-icon>
-          </ids-button>
-        </div>
-      </div>
-    `}set wrap(t){let e=this.container?.querySelector(".ids-notification-banner-message"),n=e?.querySelector("ids-text");u(t)?(this.setAttribute(i.WRAP,""),e?.classList.add("wrap"),n?.setAttribute(i.OVERFLOW,"none")):(this.removeAttribute(i.WRAP),e?.classList.remove("wrap"),n?.setAttribute(i.OVERFLOW,"ellipsis"))}get wrap(){return u(this.getAttribute(i.WRAP))}set type(t){if(!t||s[t]===void 0)this.removeAttribute(i.TYPE),this.setAttribute(i.TYPE,s.success.type),this.container?.setAttribute(i.TYPE,s.success.type),this.container?.querySelector("ids-alert").setAttribute("icon","success");else{this.setAttribute(i.TYPE,t),this.container?.setAttribute(i.TYPE,t);let e=t==="warning"?"alert":t;this.container?.querySelector("ids-alert").setAttribute("icon",e||"info")}}get type(){return this.getAttribute(i.TYPE)}set link(t){let e=this.container?.querySelector(".ids-notification-banner-link");t?(this.setAttribute(i.LINK,t),e?.removeAttribute("hidden"),e?.querySelector("ids-hyperlink")?.setAttribute(i.HREF,t)):(this.removeAttribute(i.LINK),e.setAttribute("hidden",""))}get link(){return this.getAttribute(i.LINK)}set linkText(t){let e=this.container?.querySelector(".ids-notification-banner-link ids-hyperlink");t?(this.setAttribute(i.LINK_TEXT,t),e.innerText=t):(this.removeAttribute(i.LINK_TEXT),e.innerText="")}get linkText(){return this.getAttribute(i.LINK_TEXT)}set messageText(t){t?this.setAttribute(i.MESSAGE_TEXT,t):this.removeAttribute(i.MESSAGE_TEXT)}get messageText(){return this.getAttribute(i.MESSAGE_TEXT)}set message(t){t?this.setAttribute(i.MESSAGE,t):this.removeAttribute(i.MESSAGE)}get message(){return this.getAttribute(i.MESSAGE)}add(t){let{id:e,parent:n,type:S,messageText:w,link:L,linkText:p}=t,h=this.container?.querySelector('[part="message"]'),g=this.container?.querySelector('[part="link"]'),M=this.container?.querySelector("ids-alert"),q=this.wrap?"":'overflow="ellipsis"';e&&this.setAttribute("id",e),this.type=S,this.messageText=w,M?.setAttribute("icon",this.type??""),h&&(h.innerHTML=`<ids-text ${q}>${this.messageText}</ids-text>`),t.link&&g&&(this.link=L,this.linkText=p===void 0?"Click to view":p,g.innerHTML=`<ids-hyperlink href="${this.link}" target="_blank">${this.linkText}</ids-hyperlink>`),n?document.getElementById(n)?.prepend(this):document.querySelector("ids-container")?document.querySelector("ids-container")?.prepend(this):document.body.prepend(this)}dismiss(){let t=!0,e=n=>{t=!!n};this.triggerEvent("beforeNotificationRemove",this,{detail:{elem:this,response:e}}),t&&(this.triggerEvent("notificationRemove",this,{detail:{elem:this}}),this.remove(),this.triggerEvent("afterNotificationRemove",this,{detail:{elem:this}}))}};a=new WeakSet,b=function(t){let e=this.container?.querySelector(".ids-notification-banner-message ids-text.message");e&&(e.innerText=t||"")},l=new WeakSet,A=function(){let t=this.container?.querySelector("ids-button");return this.onEvent("click",t,()=>this.dismiss()),this},d=new WeakSet,v=function(){let t=this.container?.querySelector("ids-button");return this.listen("Enter",t,()=>this.dismiss()),this},o=f([m("ids-notification-banner"),E(x)],o);export{o as a};

package/chunks/ids-chunk-TQZ2W2KP.js

@@ -1 +0,0 @@
-import{a as b,b as g}from"./ids-chunk-F7WHBBWC.js";import{a as m,b as E}from"./ids-chunk-XE4WFW5M.js";import{s as f}from"./ids-chunk-U4XVR5SW.js";import{e as o}from"./ids-chunk-5Q3WPKMB.js";import{a as i,b as a}from"./ids-chunk-AQP3PBNZ.js";import{a as d,d as p,g as u}from"./ids-chunk-Y32WUP63.js";var r,c,l,A,n=class extends g{constructor(){super();p(this,r);p(this,l)}static get attributes(){return[...super.attributes,i.DISABLED,i.DISPLAY_SELECTED_TEXT,i.DROPDOWN_ICON,i.FORMATTER_WIDTH,i.ID,i.MENU,i.VALUE]}connectedCallback(){super.connectedCallback(),this.hasAttribute(i.DROPDOWN_ICON)&&(u(this,r,c).call(this,!0),this.setPopupArrow()),u(this,l,A).call(this)}get protoClasses(){let t=this.querySelector("span:not(.audible), ids-text:not(.audible)");return(this.querySelector("ids-icon[slot]")||this.querySelector("ids-icon"))&&!t?["ids-menu-button","ids-icon-button"]:["ids-menu-button"]}set disabled(t){super.disabled=t;let e=o(t);this.menuEl.disabled=e}get disabled(){return super.disabled}set displaySelectedText(t){o(t)?this.setAttribute(i.DISPLAY_SELECTED_TEXT,`${t}`):this.removeAttribute(i.DISPLAY_SELECTED_TEXT),this.configureMenu()}get displaySelectedText(){return o(this.getAttribute(i.DISPLAY_SELECTED_TEXT))}set dropdownIcon(t){let e=o(t);e?this.setAttribute(i.DROPDOWN_ICON,typeof t=="string"&&t.length?`${t}`:"dropdown"):this.removeAttribute(i.DROPDOWN_ICON),u(this,r,c).call(this,e),this.setPopupArrow()}get dropdownIcon(){return this.getAttribute(i.DROPDOWN_ICON)}get dropdownIconEl(){return this.container?.querySelector("ids-icon:not([slot])")}get menu(){return this.getAttribute(i.MENU)}set menu(t){this.setAttribute(i.MENU,`${t}`),this.configureMenu()}get value(){return this.menuEl?.getSelectedValues()}set value(t){typeof this.menuEl?.setSelectedValues=="function"&&this.menuEl.setSelectedValues(t)}get menuEl(){let t=s=>s?.querySelector(`ids-popup-menu[id="${this.menu}"]`)||s?.querySelector(`ids-action-sheet[id="${this.menu}"]`),e=t(this.parentElement);return e||(e=t(this.getRootNode())),e}configureMenu(){if(!this.menuEl||!this.menuEl.popup)return;this.resizeMenu(),this.menuEl.triggerType="click",this.menuEl.target=this,this.setAttribute(a.ARIA_HASPOPUP,"menu"),this.menuEl.popup&&(this.menuEl.popup.align="bottom, left",this.menuEl.popup.y=8,this.setPopupArrow()),this?.handledEvents?.get("beforeshow")||this.onEvent("beforeshow",this.menuEl,()=>{this.setActiveState(!0),this.resizeMenu()}),this?.handledEvents?.get("hide")||this.onEvent("hide",this.menuEl,()=>{this.setActiveState(!1)}),this.offEvent("selected.menu"),this.menuEl&&this.displaySelectedText&&this.onEvent("selected.menu",this.menuEl,s=>{let h=this.querySelector("ids-text, span");h||(h=this),h.textContent=s.detail.elem.textContent.trim()})}setActiveState(t){t?this.button?.classList.add("is-active"):this.button?.classList.remove("is-active")}resizeMenu(){!this.menuEl||!this.menuEl.popup||!this.menuEl.popup.container||(this.menuEl.popup.container.style.minWidth=`${this.button?.clientWidth}px`)}setPopupArrow(){if(!this.menuEl||!this.menuEl.popup)return;let t=document.querySelector(`#${this.menu}`),e="bottom";this.menuEl.popup.arrowTarget=this.dropdownIconEl||this,t&&t.getAttribute("arrow")&&(e=t.arrow||""),this.menuEl.popup.arrow=e}set formatterWidth(t){let e=f(t);this.container?.classList[/%$/g.test(e)?"add":"remove"]("formatter-width-percentage"),e?(this.setAttribute(i.FORMATTER_WIDTH,String(t)),this.container?.classList.add(i.FORMATTER_WIDTH),this.container&&(this.container.style.minWidth=e)):(this.removeAttribute(i.FORMATTER_WIDTH),this.container?.classList.remove(i.FORMATTER_WIDTH),this.container&&(this.container.style.minWidth=""))}};r=new WeakSet,c=function(t){let e=this.dropdownIconEl,s=this.dropdownIcon&&this.dropdownIcon.length?this.dropdownIcon:"dropdown";t?e?e.icon=s:this.container?.insertAdjacentHTML("beforeend",`<ids-icon icon="${s}" class="ids-icon dropdown-icon"></ids-icon>`):e&&e.remove()},l=new WeakSet,A=function(){this.configureMenu(),this.menuEl?.popup||requestAnimationFrame(()=>this.configureMenu())},n=d([m("ids-menu-button"),E(b)],n);export{n as a};