ids-enterprise-wc 1.0.0-beta.21 → 1.0.0-beta.23

package/components/ids-dropdown/ids-dropdown.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-DUTHYBDJ.js";import"../../chunks/ids-chunk-IPBQXCQF.js";import"../../chunks/ids-chunk-AMM6GWCI.js";import"../../chunks/ids-chunk-HZWLRP2P.js";import"../../chunks/ids-chunk-MM5AMYZZ.js";import"../../chunks/ids-chunk-MVXVYK3A.js";import"../../chunks/ids-chunk-ZI3JBHNZ.js";import"../../chunks/ids-chunk-TR5EM4CY.js";import"../../chunks/ids-chunk-L6TTQ5GV.js";import"../../chunks/ids-chunk-CTNRNVH5.js";import"../../chunks/ids-chunk-H2WV4F72.js";import"../../chunks/ids-chunk-SKMSP7PE.js";import"../../chunks/ids-chunk-NNREHC6N.js";import"../../chunks/ids-chunk-43FF35L5.js";import"../../chunks/ids-chunk-AYV2UDVJ.js";import"../../chunks/ids-chunk-Y7ULYDKT.js";import"../../chunks/ids-chunk-RFRKYRBB.js";import"../../chunks/ids-chunk-GX2AIROS.js";import"../../chunks/ids-chunk-63D72FLW.js";import"../../chunks/ids-chunk-RBB67NM7.js";import"../../chunks/ids-chunk-F7Y67MQA.js";import"../../chunks/ids-chunk-SBYA6MC4.js";import"../../chunks/ids-chunk-CTZLJDF7.js";import"../../chunks/ids-chunk-4TA57S67.js";import"../../chunks/ids-chunk-PLYQNORX.js";import"../../chunks/ids-chunk-X35TB57D.js";import"../../chunks/ids-chunk-RDZ6E53H.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-GCA4HXXA.js";import"../../chunks/ids-chunk-44T65L7N.js";import"../../chunks/ids-chunk-57TD4SIV.js";import"../../chunks/ids-chunk-E23S4HND.js";import"../../chunks/ids-chunk-IKWXI3Z2.js";import"../../chunks/ids-chunk-QIACK2TO.js";import"../../chunks/ids-chunk-UYLFU6GF.js";import"../../chunks/ids-chunk-KM7RG4RU.js";import"../../chunks/ids-chunk-GAAVS4FU.js";import"../../chunks/ids-chunk-4B7RCBPM.js";import"../../chunks/ids-chunk-XN34CTCV.js";import"../../chunks/ids-chunk-7OBD3OM6.js";import"../../chunks/ids-chunk-CY324CVN.js";import"../../chunks/ids-chunk-QVO4GGV5.js";import"../../chunks/ids-chunk-LEAYO2RU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-XV7LUX6H.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-V2VZ5GQG.js";import"../../chunks/ids-chunk-3X7DPFEQ.js";import"../../chunks/ids-chunk-WCVDZEPA.js";import"../../chunks/ids-chunk-JTLM24AT.js";import"../../chunks/ids-chunk-WBDXDLKP.js";import"../../chunks/ids-chunk-G3IHRFV3.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-DK5QOJMP.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-57OQ6QPI.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-WIKE6ZX6.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-JMKLW7RS.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-7MVZOSC6.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-QOTW4DDW.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-JQA4UHEE.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-BICNXO5D.js";import"../../chunks/ids-chunk-IPBQXCQF.js";import"../../chunks/ids-chunk-DPK3JGNV.js";import"../../chunks/ids-chunk-Q3VFKGJ4.js";import"../../chunks/ids-chunk-U2LYLJ36.js";import"../../chunks/ids-chunk-M7XUGLAB.js";import"../../chunks/ids-chunk-A5VS3GHN.js";import"../../chunks/ids-chunk-MU6TEUQV.js";import"../../chunks/ids-chunk-Y4EYKQDB.js";import"../../chunks/ids-chunk-6CWZ6PHN.js";import"../../chunks/ids-chunk-LJQTODTY.js";import"../../chunks/ids-chunk-5VLVRLE4.js";import"../../chunks/ids-chunk-ILHYYXOF.js";import"../../chunks/ids-chunk-XTCS3D75.js";import"../../chunks/ids-chunk-AYV2UDVJ.js";import"../../chunks/ids-chunk-Y7ULYDKT.js";import"../../chunks/ids-chunk-RFRKYRBB.js";import"../../chunks/ids-chunk-GX2AIROS.js";import"../../chunks/ids-chunk-JN2EOADZ.js";import"../../chunks/ids-chunk-HUARKWSN.js";import"../../chunks/ids-chunk-C32UHI3N.js";import"../../chunks/ids-chunk-SBYA6MC4.js";import"../../chunks/ids-chunk-MQ6BZDJX.js";import"../../chunks/ids-chunk-OG7QKM76.js";import"../../chunks/ids-chunk-QB2R7NFX.js";import"../../chunks/ids-chunk-DWQDPDVF.js";import"../../chunks/ids-chunk-D5LVWGTQ.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-THWPNPVI.js";import"../../chunks/ids-chunk-RVGJSPDM.js";import"../../chunks/ids-chunk-WSXMAYPK.js";import"../../chunks/ids-chunk-PIDKPVNJ.js";import"../../chunks/ids-chunk-CIV4C2EF.js";import"../../chunks/ids-chunk-TS5BNU4J.js";import"../../chunks/ids-chunk-EVHXH7AZ.js";import"../../chunks/ids-chunk-FEKUOSFS.js";import"../../chunks/ids-chunk-SFFMOANB.js";import"../../chunks/ids-chunk-JLFFKOCV.js";import"../../chunks/ids-chunk-RK2P2XSH.js";import"../../chunks/ids-chunk-VVZZ2ZHD.js";import"../../chunks/ids-chunk-IRAEROQK.js";import"../../chunks/ids-chunk-LEAYO2RU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-JXYR7PEP.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-XHISSLQH.js";import"../../chunks/ids-chunk-VEYEV4RH.js";import"../../chunks/ids-chunk-7GOUFWOD.js";import"../../chunks/ids-chunk-LZU7QFN4.js";import"../../chunks/ids-chunk-WBDXDLKP.js";import"../../chunks/ids-chunk-J3AAQ3QT.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-3DA43NO3.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-K44HS5DC.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-WMUHD4GN.js";import"../../chunks/ids-chunk-QNEN3NVF.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-O4ZHP64Q.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-2HSRRRSM.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-FAEI3K2L.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

package/components/ids-editor/ids-editor-clean-utils.js

@@ -1 +1 @@
-import{a,b,c,d,e,f}from"../../chunks/ids-chunk-PWHO4EJZ.js";import"../../chunks/ids-chunk-NCOWZT25.js";import"../../chunks/ids-chunk-RDZ6E53H.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-JQA4UHEE.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{e as cleanHtml,b as cleanWordHtml,a as isWordFormat,d as stripAttribute,c as stripStyles,f as trimContent};
+import{a,b,c,d,e,f}from"../../chunks/ids-chunk-TKPZIBKS.js";import"../../chunks/ids-chunk-TUDAVPDX.js";import"../../chunks/ids-chunk-D5LVWGTQ.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-FAEI3K2L.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{e as cleanHtml,b as cleanWordHtml,a as isWordFormat,d as stripAttribute,c as stripStyles,f as trimContent};

package/components/ids-editor/ids-editor-handle-paste.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/ids-chunk-65XEYHF2.js";import"../../chunks/ids-chunk-PWHO4EJZ.js";import"../../chunks/ids-chunk-NCOWZT25.js";import"../../chunks/ids-chunk-RDZ6E53H.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-JQA4UHEE.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{b as handlePasteAsHtml,a as handlePasteAsPlainText};
+import{a,b}from"../../chunks/ids-chunk-ROEUKCTF.js";import"../../chunks/ids-chunk-TKPZIBKS.js";import"../../chunks/ids-chunk-TUDAVPDX.js";import"../../chunks/ids-chunk-D5LVWGTQ.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-FAEI3K2L.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{b as handlePasteAsHtml,a as handlePasteAsPlainText};

package/components/ids-editor/ids-editor-selection-utils.d.ts

@@ -41,8 +41,8 @@ export declare function selectionParents(sel: Selection, elem: HTMLElement): obj
  * Find element within the selection
  * http://stackoverflow.com/questions/6052870/how-to-know-if-there-is-a-link-element-within-the-selection
  * @param {Selection} sel The selection.
- * @param {HTMLElement} container The editor container element.
- * @param {string} tagname The tagname to find.
+ * @param {HTMLElement} container The editor host element
+ * @param {string} tagName The tagname to find.
  * @returns {HTMLElement|null} The found element.
  */
-export declare function findElementInSelection(sel: Selection, container: HTMLElement, tagname: string): HTMLElement | null;
+export declare function findElementInSelection(sel: Selection, container: HTMLElement, tagName: string): HTMLElement | null;

package/components/ids-editor/ids-editor-selection-utils.js

@@ -1 +1 @@
-import{a,b,c,d,e,f}from"../../chunks/ids-chunk-LEVKYUBM.js";import"../../chunks/ids-chunk-NCOWZT25.js";import"../../chunks/ids-chunk-RDZ6E53H.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-JQA4UHEE.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as blockElem,f as findElementInSelection,d as restoreSelection,c as saveSelection,b as selectionBlockElems,e as selectionParents};
+import{a,b,c,d,e,f}from"../../chunks/ids-chunk-MB3KRZD4.js";import"../../chunks/ids-chunk-TUDAVPDX.js";import"../../chunks/ids-chunk-D5LVWGTQ.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-FAEI3K2L.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as blockElem,f as findElementInSelection,d as restoreSelection,c as saveSelection,b as selectionBlockElems,e as selectionParents};

package/components/ids-editor/ids-editor-shared.d.ts

@@ -1,11 +1,19 @@
+export interface EditorAction {
+    action: string;
+    keyid?: string;
+    value?: string;
+}
 export declare const VIEWS: string[];
 export declare const PARAGRAPH_SEPARATORS: string[];
+export declare const HEADERS: string[];
 export declare const BLOCK_ELEMENTS: string[];
 export declare const FONT_SIZES: string[];
 export declare const CLASSES: {
     hidden: string;
     labelRequired: string;
 };
+export declare const TEXT_FORMAT_ACTIONS: Record<string, EditorAction>;
+export declare const FONT_SIZE_ACTIONS: Record<string, EditorAction>;
 export declare const EDITOR_DEFAULTS: {
     disabled: boolean;
     label: string;

package/components/ids-editor/ids-editor-shared.js

@@ -1 +1 @@
-import{a,b,c,d,e,f,g,h,i,j}from"../../chunks/ids-chunk-NCOWZT25.js";import"../../chunks/ids-chunk-RDZ6E53H.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-JQA4UHEE.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{c as BLOCK_ELEMENTS,e as CLASSES,g as EDITOR_ATTRIBUTES,f as EDITOR_DEFAULTS,d as FONT_SIZES,b as PARAGRAPH_SEPARATORS,a as VIEWS,h as qs,i as qsAll,j as rgbToHex};
+import{a,b,c,d,e,f,g,h,i,j,k,l,m}from"../../chunks/ids-chunk-TUDAVPDX.js";import"../../chunks/ids-chunk-D5LVWGTQ.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-FAEI3K2L.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{d as BLOCK_ELEMENTS,f as CLASSES,j as EDITOR_ATTRIBUTES,i as EDITOR_DEFAULTS,e as FONT_SIZES,h as FONT_SIZE_ACTIONS,c as HEADERS,b as PARAGRAPH_SEPARATORS,g as TEXT_FORMAT_ACTIONS,a as VIEWS,k as qs,l as qsAll,m as rgbToHex};

package/components/ids-editor/ids-editor-templates.d.ts

@@ -5,10 +5,10 @@
  * @returns {string} The template value
  */
 export declare function parseTemplate(str: string, ctx: any): string;
-export declare const editorTemplate = "\n  <div class=\"ids-editor\" part=\"editor\"{disabled}{readonly}>\n    <slot class=\"{hiddenClass}\"></slot>\n    <ids-text id=\"editor-label\" label class=\"{labelClass}{hiddenLabelCss}{requiredLabelCss}\" part=\"editor-label\"{disabled}{readonly}>{labelText}</ids-text>\n    <div class=\"main-container\" part=\"main-container\">\n      <div class=\"toolbar-container\" part=\"toolbar-container\">\n        <slot name=\"toolbar\"></slot>\n      </div>\n      <div class=\"editor-content\">\n        <div id=\"editor-container\" class=\"editor-container\" part=\"editor-container\"{contenteditable} aria-multiline=\"true\" role=\"textbox\" aria-labelledby=\"editor-label\"{placeholder}></div>\n        <div class=\"source-container {hiddenClass}\" part=\"source-container\">\n          <div class=\"source-wrapper\">\n            <ul class=\"line-numbers\"></ul>\n            <label class=\"audible\" for=\"source-textarea\">\n              {sourceTextareaLabel}\n            </label>\n            <textarea id=\"source-textarea\" class=\"source-textarea\"{placeholder}></textarea>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>";
-export declare const btnEditorModeTemplate = "\n  <ids-button editor-action=\"editormode\" tooltip=\"View Visual\" color-variant=\"alternate-formatter\">\n    <span class=\"audible\">View Visual</span>\n    <ids-icon icon=\"visual\" width=\"50\" viewbox=\"0 0 73 18\"></ids-icon>\n  </ids-button>";
-export declare const btnSourceModeTemplate = "\n  <ids-button editor-action=\"sourcemode\" tooltip=\"View Source\" color-variant=\"alternate-formatter\">\n    <span class=\"audible\">View Source</span>\n    <ids-icon icon=\"html\" width=\"38\" viewbox=\"0 0 54 18\"></ids-icon>\n  </ids-button>";
-export declare const toolbarTemplate = "\n  <ids-toolbar slot=\"toolbar\" type=\"formatter\">\n    <ids-toolbar-section type=\"buttonset\">\n      <ids-menu-button\n        editor-action=\"formatblock\"\n        id=\"btn-formatblock-{instanceCounter}\"\n        role=\"button\"\n        menu=\"menu-formatblock-{instanceCounter}\"\n        tooltip=\"Choose Font Style\"\n        formatter-width=\"125px\"\n        dropdown-icon\n        no-padding=\"true\"\n        trigger-type=\"click\"\n        color-variant=\"alternate-formatter\">\n        <span>Normal Text</span>\n      </ids-menu-button>\n      <ids-popup-menu id=\"menu-formatblock-{instanceCounter}\" target=\"#btn-formatblock-{instanceCounter}\">\n        <ids-menu-group>\n          <ids-menu-item value=\"p\" selected=\"true\"><ids-text>Normal Text</ids-text></ids-menu-item>\n          <ids-menu-item value=\"h1\"><ids-text font-size=\"28\">Header 1</ids-text></ids-menu-item>\n          <ids-menu-item value=\"h2\"><ids-text font-size=\"24\">Header 2</ids-text></ids-menu-item>\n          <ids-menu-item value=\"h3\"><ids-text font-size=\"20\">Header 3</ids-text></ids-menu-item>\n        </ids-menu-group>\n      </ids-popup-menu>\n      <ids-separator vertical></ids-separator>\n      <ids-button editor-action=\"bold\" tooltip=\"Toggle Bold Text\" color-variant=\"alternate-formatter\">\n        <span class=\"audible\">Bold</span>\n        <ids-icon icon=\"bold\"></ids-icon>\n      </ids-button>\n      <ids-button editor-action=\"italic\" tooltip=\"Toggle Italic Text\" color-variant=\"alternate-formatter\">\n        <span class=\"audible\">Italic</span>\n        <ids-icon icon=\"italic\"></ids-icon>\n      </ids-button>\n      <ids-button editor-action=\"underline\" tooltip=\"Toggle Underline Text\" color-variant=\"alternate-formatter\">\n        <span class=\"audible\">Underline</span>\n        <ids-icon icon=\"underline\"></ids-icon>\n      </ids-button>\n      <ids-button editor-action=\"strikethrough\" tooltip=\"Toggle Strike Through Text\" color-variant=\"alternate-formatter\">\n        <span class=\"audible\">Strike through</span>\n        <ids-icon icon=\"strike-through\"></ids-icon>\n      </ids-button>\n      <ids-separator vertical></ids-separator>\n      <ids-button editor-action=\"forecolor\" tooltip=\"Text Color\" color-variant=\"alternate-formatter\">\n        <span class=\"audible\">Text color</span>\n        <ids-icon icon=\"fore-color\"></ids-icon>\n      </ids-button>\n      <ids-separator vertical></ids-separator>\n      <ids-button editor-action=\"alignleft\" tooltip=\"Align Left\" color-variant=\"alternate-formatter\">\n        <span class=\"audible\">Align left</span>\n        <ids-icon icon=\"left-text-align\"></ids-icon>\n      </ids-button>\n      <ids-button editor-action=\"aligncenter\" tooltip=\"Align Center\" color-variant=\"alternate-formatter\">\n        <span class=\"audible\">Align center</span>\n        <ids-icon icon=\"center-text\"></ids-icon>\n      </ids-button>\n      <ids-button editor-action=\"alignright\" tooltip=\"Align Right\" color-variant=\"alternate-formatter\">\n        <span class=\"audible\">Align right</span>\n        <ids-icon icon=\"right-text-align\"></ids-icon>\n      </ids-button>\n      <ids-separator vertical></ids-separator>\n      <ids-button editor-action=\"blockquote\" tooltip=\"Block Quote\" color-variant=\"alternate-formatter\">\n        <span class=\"audible\">Block quote</span>\n        <ids-icon icon=\"quote\"></ids-icon>\n      </ids-button>\n      <ids-button editor-action=\"orderedlist\" tooltip=\"Insert/Remove Numbered List\" color-variant=\"alternate-formatter\">\n        <span class=\"audible\">Ordered List</span>\n        <ids-icon icon=\"number-list\"></ids-icon>\n      </ids-button>\n      <ids-button editor-action=\"unorderedlist\" tooltip=\"Insert/Remove Bulleted List\" color-variant=\"alternate-formatter\">\n        <span class=\"audible\">Unordered List</span>\n        <ids-icon icon=\"bullet-list\"></ids-icon>\n      </ids-button>\n      <ids-separator vertical></ids-separator>\n      <ids-button editor-action=\"hyperlink\" tooltip=\"Insert Hyperlink\" color-variant=\"alternate-formatter\">\n        <span class=\"audible\">Insert Hyperlink</span>\n        <ids-icon icon=\"link\"></ids-icon>\n      </ids-button>\n      <ids-button editor-action=\"insertimage\" tooltip=\"Insert Image\" color-variant=\"alternate-formatter\">\n        <span class=\"audible\">Insert Image</span>\n        <ids-icon icon=\"insert-image\"></ids-icon>\n      </ids-button>\n      <ids-separator vertical></ids-separator>\n      <ids-button editor-action=\"clearformatting\" tooltip=\"Clear Formatting\" color-variant=\"alternate-formatter\">\n        <span class=\"audible\">Clear Formatting</span>\n        <ids-icon icon=\"clear-formatting\"></ids-icon>\n      </ids-button>\n      <ids-separator vertical></ids-separator>\n      \n  <ids-button editor-action=\"sourcemode\" tooltip=\"View Source\" color-variant=\"alternate-formatter\">\n    <span class=\"audible\">View Source</span>\n    <ids-icon icon=\"html\" width=\"38\" viewbox=\"0 0 54 18\"></ids-icon>\n  </ids-button>\n      \n  <ids-button editor-action=\"editormode\" tooltip=\"View Visual\" color-variant=\"alternate-formatter\">\n    <span class=\"audible\">View Visual</span>\n    <ids-icon icon=\"visual\" width=\"50\" viewbox=\"0 0 73 18\"></ids-icon>\n  </ids-button>\n    </ids-toolbar-section>\n    <ids-toolbar-more-actions overflow color-variant=\"alternate-formatter\"></ids-toolbar-more-actions>\n  </ids-toolbar>";
+export declare const editorTemplate = "\n  <div class=\"ids-editor\" part=\"editor\"{disabled}{readonly}>\n    <slot id=\"hidden-slot\" class=\"{hiddenClass}\"></slot>\n    <ids-text id=\"editor-label\" label class=\"{labelClass}{hiddenLabelCss}{requiredLabelCss}\" part=\"editor-label\"{disabled}{readonly}>{labelText}</ids-text>\n    <div class=\"main-container\" part=\"main-container\">\n      <div class=\"toolbar-container\" part=\"toolbar-container\">\n        <slot name=\"toolbar\"></slot>\n      </div>\n      <div class=\"editor-content\">\n        <div id=\"editor-container\" class=\"editor-container\" part=\"editor-container\" aria-multiline=\"true\" role=\"textbox\" aria-labelledby=\"editor-label\"{placeholder}>\n          <slot name=\"editor-slot\" id=\"editor-slot\"></slot>\n        </div>\n        <div class=\"source-container {hiddenClass}\" part=\"source-container\">\n          <div class=\"source-wrapper\">\n            <ul class=\"line-numbers\"></ul>\n            <label class=\"audible\" for=\"source-textarea\">\n              {sourceTextareaLabel}\n            </label>\n            <textarea id=\"source-textarea\" class=\"source-textarea\"{placeholder}></textarea>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>";
+export declare const btnEditorModeTemplate = "\n  <ids-button editor-action=\"editormode\" tooltip=\"View Visual\" color-variant=\"alternate-formatter\">\n    <span class=\"audible\">View Visual</span>\n    <ids-icon icon=\"visual\" width=\"50\" viewbox=\"0 0 43 18\"></ids-icon>\n  </ids-button>";
+export declare const btnSourceModeTemplate = "\n  <ids-button editor-action=\"sourcemode\" tooltip=\"View Source\" color-variant=\"alternate-formatter\">\n    <span class=\"audible\">View Source</span>\n    <ids-icon icon=\"html\" width=\"50\" viewbox=\"0 0 35 18\"></ids-icon>\n  </ids-button>";
+export declare const toolbarTemplate = "\n  <ids-toolbar slot=\"toolbar\" type=\"formatter\">\n    <ids-toolbar-section type=\"buttonset\">\n      <ids-menu-button\n        editor-action=\"formatblock\"\n        id=\"btn-formatblock-{instanceCounter}\"\n        role=\"button\"\n        menu=\"menu-formatblock-{instanceCounter}\"\n        tooltip=\"Choose Font Style\"\n        formatter-width=\"125px\"\n        dropdown-icon\n        no-padding=\"true\"\n        trigger-type=\"click\"\n        color-variant=\"alternate-formatter\">\n        <span>Normal Text</span>\n      </ids-menu-button>\n      <ids-popup-menu id=\"menu-formatblock-{instanceCounter}\" target=\"#btn-formatblock-{instanceCounter}\">\n        <ids-menu-group>\n          <ids-menu-item value=\"p\" selected=\"true\"><ids-text>Normal Text</ids-text></ids-menu-item>\n          <ids-menu-item value=\"h1\"><ids-text font-size=\"28\">Header 1</ids-text></ids-menu-item>\n          <ids-menu-item value=\"h2\"><ids-text font-size=\"24\">Header 2</ids-text></ids-menu-item>\n          <ids-menu-item value=\"h3\"><ids-text font-size=\"20\">Header 3</ids-text></ids-menu-item>\n        </ids-menu-group>\n      </ids-popup-menu>\n      <ids-separator vertical></ids-separator>\n      <ids-button editor-action=\"bold\" tooltip=\"Toggle Bold Text\" color-variant=\"alternate-formatter\">\n        <span class=\"audible\">Bold</span>\n        <ids-icon icon=\"bold\"></ids-icon>\n      </ids-button>\n      <ids-button editor-action=\"italic\" tooltip=\"Toggle Italic Text\" color-variant=\"alternate-formatter\">\n        <span class=\"audible\">Italic</span>\n        <ids-icon icon=\"italic\"></ids-icon>\n      </ids-button>\n      <ids-button editor-action=\"underline\" tooltip=\"Toggle Underline Text\" color-variant=\"alternate-formatter\">\n        <span class=\"audible\">Underline</span>\n        <ids-icon icon=\"underline\"></ids-icon>\n      </ids-button>\n      <ids-button editor-action=\"strikethrough\" tooltip=\"Toggle Strike Through Text\" color-variant=\"alternate-formatter\">\n        <span class=\"audible\">Strike through</span>\n        <ids-icon icon=\"strike-through\"></ids-icon>\n      </ids-button>\n      <ids-separator vertical></ids-separator>\n      <ids-button editor-action=\"forecolor\" tooltip=\"Text Color\" color-variant=\"alternate-formatter\">\n        <span class=\"audible\">Text color</span>\n        <ids-icon icon=\"fore-color\"></ids-icon>\n      </ids-button>\n      <ids-separator vertical></ids-separator>\n      <ids-button editor-action=\"alignleft\" tooltip=\"Align Left\" color-variant=\"alternate-formatter\">\n        <span class=\"audible\">Align left</span>\n        <ids-icon icon=\"left-text-align\"></ids-icon>\n      </ids-button>\n      <ids-button editor-action=\"aligncenter\" tooltip=\"Align Center\" color-variant=\"alternate-formatter\">\n        <span class=\"audible\">Align center</span>\n        <ids-icon icon=\"center-text\"></ids-icon>\n      </ids-button>\n      <ids-button editor-action=\"alignright\" tooltip=\"Align Right\" color-variant=\"alternate-formatter\">\n        <span class=\"audible\">Align right</span>\n        <ids-icon icon=\"right-text-align\"></ids-icon>\n      </ids-button>\n      <ids-separator vertical></ids-separator>\n      <ids-button editor-action=\"blockquote\" tooltip=\"Block Quote\" color-variant=\"alternate-formatter\">\n        <span class=\"audible\">Block quote</span>\n        <ids-icon icon=\"quote\"></ids-icon>\n      </ids-button>\n      <ids-button editor-action=\"orderedlist\" tooltip=\"Insert/Remove Numbered List\" color-variant=\"alternate-formatter\">\n        <span class=\"audible\">Ordered List</span>\n        <ids-icon icon=\"number-list\"></ids-icon>\n      </ids-button>\n      <ids-button editor-action=\"unorderedlist\" tooltip=\"Insert/Remove Bulleted List\" color-variant=\"alternate-formatter\">\n        <span class=\"audible\">Unordered List</span>\n        <ids-icon icon=\"bullet-list\"></ids-icon>\n      </ids-button>\n      <ids-separator vertical></ids-separator>\n      <ids-button editor-action=\"hyperlink\" tooltip=\"Insert Hyperlink\" color-variant=\"alternate-formatter\">\n        <span class=\"audible\">Insert Hyperlink</span>\n        <ids-icon icon=\"link\"></ids-icon>\n      </ids-button>\n      <ids-button editor-action=\"insertimage\" tooltip=\"Insert Image\" color-variant=\"alternate-formatter\">\n        <span class=\"audible\">Insert Image</span>\n        <ids-icon icon=\"insert-image\"></ids-icon>\n      </ids-button>\n      <ids-separator vertical></ids-separator>\n      <ids-button editor-action=\"clearformatting\" tooltip=\"Clear Formatting\" color-variant=\"alternate-formatter\">\n        <span class=\"audible\">Clear Formatting</span>\n        <ids-icon icon=\"clear-formatting\"></ids-icon>\n      </ids-button>\n      <ids-separator vertical></ids-separator>\n      \n  <ids-button editor-action=\"sourcemode\" tooltip=\"View Source\" color-variant=\"alternate-formatter\">\n    <span class=\"audible\">View Source</span>\n    <ids-icon icon=\"html\" width=\"50\" viewbox=\"0 0 35 18\"></ids-icon>\n  </ids-button>\n      \n  <ids-button editor-action=\"editormode\" tooltip=\"View Visual\" color-variant=\"alternate-formatter\">\n    <span class=\"audible\">View Visual</span>\n    <ids-icon icon=\"visual\" width=\"50\" viewbox=\"0 0 43 18\"></ids-icon>\n  </ids-button>\n    </ids-toolbar-section>\n    <ids-toolbar-more-actions overflow color-variant=\"alternate-formatter\"></ids-toolbar-more-actions>\n  </ids-toolbar>";
 export declare const errorMessageTemplate = "\n  <ids-message id=\"errormessage-modal\" status=\"error\">\n    <ids-text slot=\"title\" font-size=\"24\" type=\"h2\" id=\"errormessage-modal-title\">No Selection!</ids-text>\n    <ids-text class=\"demo-contents\" align=\"left\">Please make some selection to complete this task.</ids-text>\n    <ids-modal-button slot=\"buttons\" appearance=\"primary\" id=\"errormessage-modal-ok\">OK</ids-modal-button>\n  </ids-message>";
 export declare const hyperlinkModalTemplate = "\n  <ids-modal id=\"{key}-modal\">\n    <ids-text slot=\"title\" font-size=\"24\" type=\"h2\" id=\"{key}-modal-title\">Insert Anchor</ids-text>\n    <ids-layout-grid class=\"data-grid-container\" auto-fit=\"true\" gap=\"md\" no-margins=\"true\" min-col-width=\"300px\">\n      <ids-layout-grid-cell>\n        <ids-input id=\"{key}-modal-input-url\" label=\"Url\" value=\"{url}\" validate=\"required\"></ids-input>\n        {clickableElemHtml}\n        <ids-input id=\"{key}-modal-input-classes\" label=\"Css Class\" value=\"{classes}\"></ids-input>\n        {targetDropdownHtml}\n        <div id=\"{key}-modal-checkbox-remove-container\" class=\"{hiddenClass}\">\n          <ids-checkbox id=\"{key}-modal-checkbox-remove\" label=\"Remove hyperlink\"></ids-checkbox>\n        </div>\n      </ids-layout-grid-cell>\n    </ids-layout-grid>\n    <ids-modal-button slot=\"buttons\" id=\"{key}-modal-cancel-btn\" appearance=\"secondary\">\n      <span>Cancel</span>\n    </ids-modal-button>\n    <ids-modal-button slot=\"buttons\" id=\"{key}-modal-apply-btn\" appearance=\"primary\">\n      <span>Apply</span>\n    </ids-modal-button>\n  </ids-modal>";
 export declare const insertimageModalTemplate = "\n  <ids-modal id=\"{key}-modal\">\n    <ids-text slot=\"title\" font-size=\"24\" type=\"h2\" id=\"{key}-modal-title\">Insert Image</ids-text>\n    <ids-layout-grid class=\"data-grid-container\" auto-fit=\"true\" gap=\"md\" no-margins=\"true\" min-col-width=\"300px\">\n      <ids-layout-grid-cell>\n        <ids-input id=\"{key}-modal-input-src\" label=\"Url\" value=\"{url}\" validate=\"required\"></ids-input>\n        <ids-input id=\"{key}-modal-input-alt\" label=\"Alt text\" value=\"{alt}\"></ids-input>\n      </ids-layout-grid-cell>\n    </ids-layout-grid>\n\n    <ids-modal-button slot=\"buttons\" id=\"{key}-modal-cancel-btn\" appearance=\"secondary\">\n      <span>Cancel</span>\n    </ids-modal-button>\n    <ids-modal-button slot=\"buttons\" id=\"{key}-modal-apply-btn\" appearance=\"primary\">\n      <span>Apply</span>\n    </ids-modal-button>\n  </ids-modal>";

package/components/ids-editor/ids-editor-templates.js

@@ -1 +1 @@
-import{a,b,c,d,e,f,g,h}from"../../chunks/ids-chunk-P2CQR5KW.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{c as btnEditorModeTemplate,d as btnSourceModeTemplate,b as editorTemplate,f as errorMessageTemplate,g as hyperlinkModalTemplate,h as insertimageModalTemplate,a as parseTemplate,e as toolbarTemplate};
+import{a,b,c,d,e,f,g,h}from"../../chunks/ids-chunk-XWYI6W5C.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{c as btnEditorModeTemplate,d as btnSourceModeTemplate,b as editorTemplate,f as errorMessageTemplate,g as hyperlinkModalTemplate,h as insertimageModalTemplate,a as parseTemplate,e as toolbarTemplate};

package/components/ids-editor/ids-editor.css

@@ -2,7 +2,7 @@
 /* Ids Editor Component */
 .icon-dirty {
   position: absolute;
-  color: var(--ids-color-caution-30);
+  color: var(--ids-color-yellow-30);
   top: 1px;
 }
 .icon-dirty[dir=rtl] {
@@ -31,7 +31,7 @@
   -moz-osx-font-smoothing: grayscale;
   display: flex;
   font-family: var(--ids-font-family-default);
-  margin-top: var(--ids-space-30);
+  margin-top: var(--ids-space-xxs);
 }
 .validation-message.has-custom-icon {
   color: var(--ids-icon-color-default);
@@ -40,42 +40,46 @@
   color: var(--ids-input-color-text-disabled);
 }
 .validation-message .ids-icon {
-  margin-inline-end: var(--ids-space-30);
+  margin-inline-end: var(--ids-space-xxs);
 }
 .validation-message.alert {
   color: var(--ids-color-caution-default);
 }
 .validation-message.alert.disabled {
-  color: var(--ids-color-caution-30);
+  color: var(--ids-color-yellow-30);
 }
 .validation-message.warning {
   color: var(--ids-color-warning-default);
 }
 .validation-message.warning.disabled {
-  color: var(--ids-color-warning-30);
+  color: var(--ids-color-orange-30);
 }
 .validation-message.error {
   color: var(--ids-color-error-default);
 }
 .validation-message.error.disabled {
-  color: var(--ids-color-error-30);
+  color: var(--ids-color-red-30);
 }
 .validation-message.info {
   color: var(--ids-color-info-default);
 }
 .validation-message.info.disabled {
-  color: var(--ids-color-info-30);
+  color: var(--ids-color-blue-30);
 }
 .validation-message.success {
   color: var(--ids-color-success-default);
 }
 .validation-message.success.disabled {
-  color: var(--ids-color-success-30);
+  color: var(--ids-color-green-30);
 }
 .validation-message[hidden] {
   display: none;
 }
 
+:host(:focus-visible) {
+  outline: none;
+}
+
 .ids-editor .hidden {
   display: none;
 }
@@ -92,14 +96,14 @@
 .ids-editor .editor-label {
   display: flex;
   align-items: baseline;
-  margin-block-end: var(--ids-space-40);
+  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-20);
+  margin-inline: var(--ids-space-xxxs);
   margin-top: -10px;
   position: relative;
   top: 1px;
@@ -108,7 +112,7 @@
   content: "";
 }
 .ids-editor.label-state-hidden .editor-label {
-  margin-block-end: var(--ids-space-40);
+  margin-block-end: var(--ids-space-xs);
 }
 .ids-editor.label-state-hidden .editor-label::before {
   content: " ";
@@ -125,14 +129,14 @@
   border-style: var(--ids-editor-border-style-default);
   border-width: var(--ids-editor-border-width-default);
 }
-.ids-editor .main-container:focus-within {
+.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:hover:not(:focus-within), .ids-editor .main-container:active:not(:focus-within) {
-  border-color: var(--ids-editor-color-border-hover);
-}
 .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);
@@ -142,8 +146,8 @@
   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);
+  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 {
@@ -182,7 +186,7 @@
 .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);
+  color: var(--ids-editor-color-text-disabled) !important;
   cursor: var(--ids-editor-cursor-disabled);
   pointer-events: none;
   user-select: none;
@@ -212,8 +216,6 @@
 }
 .ids-editor .editor-container {
   height: 285px;
-  padding: var(--ids-editor-padding);
-  user-select: text;
 }
 .ids-editor .editor-container a {
   color: var(--ids-editor-link-color-text-link);
@@ -230,23 +232,6 @@
   outline: var(--ids-editor-link-outline-focus);
   box-shadow: var(--ids-editor-shadow-focus);
 }
-.ids-editor .editor-container blockquote {
-  border-inline-start: var(--ids-editor-blockquote-border-inline-start);
-  margin-inline-start: var(--ids-editor-blockquote-margin-inline-start);
-  margin-inline-end: var(--ids-editor-blockquote-margin-inline-end);
-  padding-inline-start: var(--ids-editor-blockquote-padding-inline-start);
-}
-.ids-editor .editor-container :is(h1, h2, h3, h4, h5, h6, p, pre, blockquote):first-child {
-  margin-block-start: 0;
-}
-.ids-editor .editor-container[placeholder]:empty::before {
-  content: attr(placeholder);
-  display: inline-block;
-  opacity: 0.7;
-}
-.ids-editor .editor-container[placeholder]:empty:focus::before {
-  content: "";
-}
 .ids-editor .source-wrapper {
   display: flex;
   min-height: 100%;
@@ -279,4 +264,20 @@
   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: "";
 }

package/components/ids-editor/ids-editor.d.ts

@@ -42,7 +42,7 @@ declare const Base: {
         validationEventsList: any;
         VALIDATION_DEFAULT_ICON: string;
         VALIDATION_ICONS: any;
-        "__#46@#hideErrorMessage": boolean; /** List target options for hyperlink */
+        "__#52@#hideErrorMessage": boolean;
         handleValidation(): void;
         hideErrorMessage(toHide: boolean): void;
         checkValidation(): void;
@@ -54,7 +54,7 @@ declare const Base: {
         removeMessage(settings: import("../../mixins/ids-validation-mixin/ids-validation-mixin").IdsValidationErrorMessage): void;
         removeAllValidationMessages(): void;
         setMessageManually(): void;
-        "__#46@#setValidationMessagesCountAttr"(): void;
+        "__#52@#setValidationMessagesCountAttr"(): void;
         handleValidationEvents(option?: string): void;
         destroyValidation(): void;
         rules: any;
@@ -123,7 +123,7 @@ declare const Base: {
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean | undefined): void;
+        togglePopover(force?: boolean | undefined): boolean;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -258,6 +258,7 @@ declare const Base: {
         ariaColIndex: string | null;
         ariaColSpan: string | null;
         ariaCurrent: string | null;
+        ariaDescription: string | null;
         ariaDisabled: string | null;
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
@@ -328,6 +329,7 @@ declare const Base: {
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -432,10 +434,10 @@ declare const Base: {
         set labelRequired(value: string | boolean | null);
         labelStates: string[];
         labelState: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode;
-        "__#45@#refreshLabelState"(oldVariantName: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode, newVariantName: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode): void;
-        "__#45@#setlabelState"(doHide?: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode): void;
-        "__#45@#hideLabel"(): void;
-        "__#45@#showLabel"(): void;
+        "__#51@#refreshLabelState"(oldVariantName: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode, newVariantName: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode): void;
+        "__#51@#setlabelState"(doHide?: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode): void;
+        "__#51@#hideLabel"(): void;
+        "__#51@#showLabel"(): void;
         onLabelStateChange?(variantName: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode): void;
         name?: string | undefined;
         state: any;
@@ -482,7 +484,7 @@ declare const Base: {
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean | undefined): void;
+        togglePopover(force?: boolean | undefined): boolean;
         addEventListener<K_17 extends keyof HTMLElementEventMap>(type: K_17, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_17]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_18 extends keyof HTMLElementEventMap>(type: K_18, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_18]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -617,6 +619,7 @@ declare const Base: {
         ariaColIndex: string | null;
         ariaColSpan: string | null;
         ariaCurrent: string | null;
+        ariaDescription: string | null;
         ariaDisabled: string | null;
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
@@ -687,6 +690,7 @@ declare const Base: {
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -785,6 +789,7 @@ declare const Base: {
 } & {
     new (...args: any[]): {
         connectedCallback(): void;
+        "__#47@#dirtyTrackerInitialized": boolean;
         dirty: any;
         isDirty: boolean;
         isCheckbox: boolean;
@@ -802,8 +807,9 @@ declare const Base: {
         onLanguageChange: () => void;
         resetDirtyTracker(): void;
         destroyDirtyTracker(): void;
-        "__#41@#onDirtyTrackerChange"(): void;
+        "__#47@#onDirtyTrackerChange"(): void;
         dirtyTracker: boolean;
+        "__#47@#triggerDirtyEvent"(name: "dirty" | "pristine" | "afterresetdirty"): void;
         onEvent(eventName: string, target?: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         offEvent(eventName: string, target?: any, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         triggerEvent(eventName: string, target: any, options?: CustomEventInit<any> | undefined): void;
@@ -857,7 +863,7 @@ declare const Base: {
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean | undefined): void;
+        togglePopover(force?: boolean | undefined): boolean;
         addEventListener<K_26 extends keyof HTMLElementEventMap>(type: K_26, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_26]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_27 extends keyof HTMLElementEventMap>(type: K_27, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_27]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -992,6 +998,7 @@ declare const Base: {
         ariaColIndex: string | null;
         ariaColSpan: string | null;
         ariaCurrent: string | null;
+        ariaDescription: string | null;
         ariaDisabled: string | null;
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
@@ -1062,6 +1069,7 @@ declare const Base: {
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -1217,7 +1225,7 @@ declare const Base: {
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean | undefined): void;
+        togglePopover(force?: boolean | undefined): boolean;
         addEventListener<K_35 extends keyof HTMLElementEventMap>(type: K_35, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_35]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_36 extends keyof HTMLElementEventMap>(type: K_36, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_36]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -1352,6 +1360,7 @@ declare const Base: {
         ariaColIndex: string | null;
         ariaColSpan: string | null;
         ariaCurrent: string | null;
+        ariaDescription: string | null;
         ariaDisabled: string | null;
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
@@ -1422,6 +1431,7 @@ declare const Base: {
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -1540,20 +1550,20 @@ declare const Base: {
         triggerVetoableEvent(eventType: string, data?: any): boolean;
         detachAllEvents(): void;
         detachEventsByName: (eventName: string) => void;
-        "__#5@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#5@#removeLongPressListener"(): void;
-        "__#5@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#5@#removeSwipeListener"(): void;
-        "__#5@#addKeyboardFocusListener"(eventName: string, target: Element): void;
-        "__#5@#removeKeyboardFocusListener"(): void;
-        "__#5@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#5@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#5@#clearSlopedMouseLeaveTimer"(): void;
-        "__#5@#removeSlopedMouseLeaveListener"(): void;
-        "__#5@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
+        "__#4@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#4@#removeLongPressListener"(): void;
+        "__#4@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#4@#removeSwipeListener"(): void;
+        "__#4@#addKeyboardFocusListener"(eventName: string, target: Element): void;
+        "__#4@#removeKeyboardFocusListener"(): void;
+        "__#4@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#4@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#4@#clearSlopedMouseLeaveTimer"(): void;
+        "__#4@#removeSlopedMouseLeaveListener"(): void;
+        "__#4@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
         clearTimer(): void;
-        "__#5@#removeHoverEndListener"(): void;
-        "__#5@#removeKeyDownEndListener"(): void;
+        "__#4@#removeHoverEndListener"(): void;
+        "__#4@#removeKeyDownEndListener"(): void;
         name?: string | undefined;
         state: any;
         cachedNonce: string;
@@ -1599,7 +1609,7 @@ declare const Base: {
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean | undefined): void;
+        togglePopover(force?: boolean | undefined): boolean;
         addEventListener<K_44 extends keyof HTMLElementEventMap>(type: K_44, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_44]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_45 extends keyof HTMLElementEventMap>(type: K_45, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_45]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -1734,6 +1744,7 @@ declare const Base: {
         ariaColIndex: string | null;
         ariaColSpan: string | null;
         ariaCurrent: string | null;
+        ariaDescription: string | null;
         ariaDisabled: string | null;
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
@@ -1804,6 +1815,7 @@ declare const Base: {
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -1922,6 +1934,9 @@ export default class IdsEditor extends Base {
     validationElems?: Record<string, any>;
     reqInitialize?: boolean;
     isFormComponent: boolean;
+    input?: any;
+    labelEl?: IdsText | null;
+    vetoableEventTypes: string[];
     /**
      * Invoked each time the custom element is appended into a document-connected element.
      */
@@ -1937,10 +1952,6 @@ export default class IdsEditor extends Base {
      * @returns {string} The template
      */
     template(): string;
-    /**
-     * @returns {Array<string>} Drawer vetoable events
-     */
-    vetoableEventTypes: string[];
     /**
      * Set default value to each element in modals.
      * @param {object} [modals] Incoming modals options.
@@ -1961,8 +1972,6 @@ export default class IdsEditor extends Base {
      * @returns {string} The label text for source textarea
      */
     sourceTextareaLabel(): string;
-    input?: any;
-    labelEl?: IdsText | null;
     /**
      * Get editor current value
      * @returns {string} The current value
@@ -2016,5 +2025,7 @@ export default class IdsEditor extends Base {
      */
     set view(value: string);
     get view(): string;
+    get editorSlot(): HTMLSlotElement;
+    get hiddenSlot(): HTMLSlotElement;
 }
 export {};

package/components/ids-editor/ids-editor.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-JZS7P6J2.js";import"../../chunks/ids-chunk-WQ23AF5E.js";import"../../chunks/ids-chunk-XUBQJWA7.js";import"../../chunks/ids-chunk-P2CQR5KW.js";import"../../chunks/ids-chunk-XTFPDMVV.js";import"../../chunks/ids-chunk-65XEYHF2.js";import"../../chunks/ids-chunk-PWHO4EJZ.js";import"../../chunks/ids-chunk-LEVKYUBM.js";import"../../chunks/ids-chunk-NCOWZT25.js";import"../../chunks/ids-chunk-DUTHYBDJ.js";import"../../chunks/ids-chunk-IPBQXCQF.js";import"../../chunks/ids-chunk-AMM6GWCI.js";import"../../chunks/ids-chunk-HZWLRP2P.js";import"../../chunks/ids-chunk-MM5AMYZZ.js";import"../../chunks/ids-chunk-MVXVYK3A.js";import"../../chunks/ids-chunk-ZI3JBHNZ.js";import"../../chunks/ids-chunk-TR5EM4CY.js";import"../../chunks/ids-chunk-L6TTQ5GV.js";import"../../chunks/ids-chunk-CTNRNVH5.js";import"../../chunks/ids-chunk-H2WV4F72.js";import"../../chunks/ids-chunk-SKMSP7PE.js";import"../../chunks/ids-chunk-NNREHC6N.js";import"../../chunks/ids-chunk-43FF35L5.js";import"../../chunks/ids-chunk-AYV2UDVJ.js";import"../../chunks/ids-chunk-Y7ULYDKT.js";import"../../chunks/ids-chunk-RFRKYRBB.js";import"../../chunks/ids-chunk-GX2AIROS.js";import"../../chunks/ids-chunk-63D72FLW.js";import"../../chunks/ids-chunk-RBB67NM7.js";import"../../chunks/ids-chunk-F7Y67MQA.js";import"../../chunks/ids-chunk-SBYA6MC4.js";import"../../chunks/ids-chunk-CTZLJDF7.js";import"../../chunks/ids-chunk-4TA57S67.js";import"../../chunks/ids-chunk-PLYQNORX.js";import"../../chunks/ids-chunk-X35TB57D.js";import"../../chunks/ids-chunk-RDZ6E53H.js";import"../../chunks/ids-chunk-ONPEMRJP.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-GCA4HXXA.js";import"../../chunks/ids-chunk-44T65L7N.js";import"../../chunks/ids-chunk-JM2YZICB.js";import"../../chunks/ids-chunk-EVARCMLM.js";import"../../chunks/ids-chunk-7VD5RCCL.js";import"../../chunks/ids-chunk-OUWO5I2A.js";import"../../chunks/ids-chunk-WJX65YRW.js";import"../../chunks/ids-chunk-MADONXB6.js";import"../../chunks/ids-chunk-GB6NC6SS.js";import"../../chunks/ids-chunk-57TD4SIV.js";import"../../chunks/ids-chunk-E23S4HND.js";import"../../chunks/ids-chunk-IKWXI3Z2.js";import"../../chunks/ids-chunk-QIACK2TO.js";import"../../chunks/ids-chunk-UYLFU6GF.js";import"../../chunks/ids-chunk-KM7RG4RU.js";import"../../chunks/ids-chunk-GAAVS4FU.js";import"../../chunks/ids-chunk-4B7RCBPM.js";import"../../chunks/ids-chunk-XN34CTCV.js";import"../../chunks/ids-chunk-7OBD3OM6.js";import"../../chunks/ids-chunk-CY324CVN.js";import"../../chunks/ids-chunk-AF5UJ5CW.js";import"../../chunks/ids-chunk-MXI2F3LL.js";import"../../chunks/ids-chunk-76RWQOWY.js";import"../../chunks/ids-chunk-7HEJXADM.js";import"../../chunks/ids-chunk-I3RUMF33.js";import"../../chunks/ids-chunk-2LX5XAVL.js";import"../../chunks/ids-chunk-DSXCDIEV.js";import"../../chunks/ids-chunk-QVO4GGV5.js";import"../../chunks/ids-chunk-LEAYO2RU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-XV7LUX6H.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-KL5AA46O.js";import"../../chunks/ids-chunk-U34YTPJC.js";import"../../chunks/ids-chunk-V2VZ5GQG.js";import"../../chunks/ids-chunk-3X7DPFEQ.js";import"../../chunks/ids-chunk-WCVDZEPA.js";import"../../chunks/ids-chunk-JTLM24AT.js";import"../../chunks/ids-chunk-WBDXDLKP.js";import"../../chunks/ids-chunk-G3IHRFV3.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-DK5QOJMP.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-57OQ6QPI.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-WIKE6ZX6.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-JMKLW7RS.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-7MVZOSC6.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-QOTW4DDW.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-JQA4UHEE.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-GK5M55SA.js";import"../../chunks/ids-chunk-OR7UAFMM.js";import"../../chunks/ids-chunk-XUBQJWA7.js";import"../../chunks/ids-chunk-XWYI6W5C.js";import"../../chunks/ids-chunk-XTFPDMVV.js";import"../../chunks/ids-chunk-ROEUKCTF.js";import"../../chunks/ids-chunk-TKPZIBKS.js";import"../../chunks/ids-chunk-MB3KRZD4.js";import"../../chunks/ids-chunk-TUDAVPDX.js";import"../../chunks/ids-chunk-BICNXO5D.js";import"../../chunks/ids-chunk-IPBQXCQF.js";import"../../chunks/ids-chunk-DPK3JGNV.js";import"../../chunks/ids-chunk-Q3VFKGJ4.js";import"../../chunks/ids-chunk-U2LYLJ36.js";import"../../chunks/ids-chunk-M7XUGLAB.js";import"../../chunks/ids-chunk-A5VS3GHN.js";import"../../chunks/ids-chunk-MU6TEUQV.js";import"../../chunks/ids-chunk-Y4EYKQDB.js";import"../../chunks/ids-chunk-6CWZ6PHN.js";import"../../chunks/ids-chunk-LJQTODTY.js";import"../../chunks/ids-chunk-5VLVRLE4.js";import"../../chunks/ids-chunk-ILHYYXOF.js";import"../../chunks/ids-chunk-XTCS3D75.js";import"../../chunks/ids-chunk-AYV2UDVJ.js";import"../../chunks/ids-chunk-Y7ULYDKT.js";import"../../chunks/ids-chunk-RFRKYRBB.js";import"../../chunks/ids-chunk-GX2AIROS.js";import"../../chunks/ids-chunk-JN2EOADZ.js";import"../../chunks/ids-chunk-HUARKWSN.js";import"../../chunks/ids-chunk-C32UHI3N.js";import"../../chunks/ids-chunk-SBYA6MC4.js";import"../../chunks/ids-chunk-MQ6BZDJX.js";import"../../chunks/ids-chunk-OG7QKM76.js";import"../../chunks/ids-chunk-QB2R7NFX.js";import"../../chunks/ids-chunk-DWQDPDVF.js";import"../../chunks/ids-chunk-D5LVWGTQ.js";import"../../chunks/ids-chunk-ONPEMRJP.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-THWPNPVI.js";import"../../chunks/ids-chunk-RVGJSPDM.js";import"../../chunks/ids-chunk-QM6STIUP.js";import"../../chunks/ids-chunk-V7FTFUHS.js";import"../../chunks/ids-chunk-YZNEPEUS.js";import"../../chunks/ids-chunk-EN22Q4VS.js";import"../../chunks/ids-chunk-KJB4WZQY.js";import"../../chunks/ids-chunk-5ZNNKIYY.js";import"../../chunks/ids-chunk-A2JMCLEY.js";import"../../chunks/ids-chunk-WSXMAYPK.js";import"../../chunks/ids-chunk-PIDKPVNJ.js";import"../../chunks/ids-chunk-CIV4C2EF.js";import"../../chunks/ids-chunk-TS5BNU4J.js";import"../../chunks/ids-chunk-EVHXH7AZ.js";import"../../chunks/ids-chunk-FEKUOSFS.js";import"../../chunks/ids-chunk-SFFMOANB.js";import"../../chunks/ids-chunk-JLFFKOCV.js";import"../../chunks/ids-chunk-RK2P2XSH.js";import"../../chunks/ids-chunk-VVZZ2ZHD.js";import"../../chunks/ids-chunk-7SKEDFJK.js";import"../../chunks/ids-chunk-GNNFJBQQ.js";import"../../chunks/ids-chunk-KQ66TAJX.js";import"../../chunks/ids-chunk-APUT2U6U.js";import"../../chunks/ids-chunk-YQV6HMYH.js";import"../../chunks/ids-chunk-DW26NZRE.js";import"../../chunks/ids-chunk-DSXCDIEV.js";import"../../chunks/ids-chunk-IRAEROQK.js";import"../../chunks/ids-chunk-LEAYO2RU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-JXYR7PEP.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-FYBRW2O7.js";import"../../chunks/ids-chunk-U34YTPJC.js";import"../../chunks/ids-chunk-XHISSLQH.js";import"../../chunks/ids-chunk-VEYEV4RH.js";import"../../chunks/ids-chunk-7GOUFWOD.js";import"../../chunks/ids-chunk-LZU7QFN4.js";import"../../chunks/ids-chunk-WBDXDLKP.js";import"../../chunks/ids-chunk-J3AAQ3QT.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-3DA43NO3.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-K44HS5DC.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-WMUHD4GN.js";import"../../chunks/ids-chunk-QNEN3NVF.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-O4ZHP64Q.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-2HSRRRSM.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-FAEI3K2L.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};