@aquera/nile-elements 0.1.64-beta-1.1 → 0.1.64-beta-1.2

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent nile-elements following open-wc recommendations",
   "license": "MIT",
   "author": "nile-elements",
-  "version": "0.1.64-beta-1.1",
+  "version": "0.1.64-beta-1.2",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",

package/src/nile-icon/icons/svg/bold-try.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi4xMTUyMyAxNS41MjA5VjQuNDc5MjVIMTAuMTY2NUMxMS4wMTU4IDQuNDc5MjUgMTEuNzgzNyA0Ljc0MzY5IDEyLjQ3MDIgNS4yNzI1OEMxMy4xNTY2IDUuODAxMzMgMTMuNDk5OCA2LjUxMzQxIDEzLjQ5OTggNy40MDg4M0MxMy40OTk4IDguMDMxNjEgMTMuMzQ5NCA4LjUzOTMyIDEzLjA0ODYgOC45MzE5NkMxMi43NDc5IDkuMzI0NiAxMi40MjM5IDkuNjA5NiAxMi4wNzY3IDkuNzg2OTZDMTIuNTA0MSA5LjkzNDMyIDEyLjkxMjIgMTAuMjI1NyAxMy4zMDExIDEwLjY2MTFDMTMuNjkgMTEuMDk2NSAxMy44ODQ0IDExLjY4MjggMTMuODg0NCAxMi40MTk5QzEzLjg4NDQgMTMuNDg1IDEzLjQ5MTggMTQuMjY4MSAxMi43MDY1IDE0Ljc2OTJDMTEuOTIxMiAxNS4yNzA0IDExLjEzMDEgMTUuNTIwOSAxMC4zMzMyIDE1LjUyMDlINi4xMTUyM1pNNy45MDY5IDEzLjg2MDdIMTAuMjY1OUMxMC45MjE4IDEzLjg2MDcgMTEuMzg1NSAxMy42Nzg2IDExLjY1NjkgMTMuMzE0MkMxMS45MjgzIDEyLjk0OTkgMTIuMDY0IDEyLjYwMDYgMTIuMDY0IDEyLjI2NjFDMTIuMDY0IDExLjkzMTcgMTEuOTI4MyAxMS41ODIzIDExLjY1NjkgMTEuMjE4QzExLjM4NTUgMTAuODUzNyAxMC45MDkgMTAuNjcxNSAxMC4yMjczIDEwLjY3MTVINy45MDY5VjEzLjg2MDdaTTcuOTA2OSA5LjA2MjU4SDEwLjA2ODhDMTAuNTc1MiA5LjA2MjU4IDEwLjk3NjYgOC45MTc3OSAxMS4yNzMyIDguNjI4MjFDMTEuNTY5NSA4LjMzODc2IDExLjcxNzcgNy45OTIxIDExLjcxNzcgNy41ODgyMUMxMS43MTc3IDcuMTU4NzYgMTEuNTYxIDYuODA3NzkgMTEuMjQ3NSA2LjUzNTI5QzEwLjkzMzkgNi4yNjI5MyAxMC41NDk1IDYuMTI2NzUgMTAuMDk0NCA2LjEyNjc1SDcuOTA2OVY5LjA2MjU4WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";

package/src/nile-icon/icons/svg/index.ts

@@ -42,6 +42,7 @@ export { default as barchart } from './bar-chart';
 export { default as bargraph } from './bargraph';
 export { default as block } from './block';
 export { default as bluedot } from './bluedot';
+export { default as boldtry } from './bold-try';
 export { default as bold } from './bold';
 export { default as bookclosed } from './book-closed';
 export { default as boolean } from './boolean';
@@ -276,6 +277,15 @@ export { default as mute } from './mute';
 export { default as myintegration } from './my-integration';
 export { default as newcalendar } from './new-calendar';
 export { default as nightingalechart } from './nightingale-chart';
+export { default as nilebold } from './nile-bold';
+export { default as nilecenteralign } from './nile-centeralign';
+export { default as nileitalic } from './nile-italic';
+export { default as nilejustify } from './nile-justify';
+export { default as nileleftalign } from './nile-leftalign';
+export { default as nileol } from './nile-ol';
+export { default as nilerightalign } from './nile-rightalign';
+export { default as nileul } from './nile-ul';
+export { default as nileunderline } from './nile-underline';
 export { default as nlp } from './nlp';
 export { default as nomatch } from './nomatch';
 export { default as note } from './note';

package/src/nile-icon/icons/svg/nile-bold.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi4xMTUyMyAxNS41MjA5VjQuNDc5MjVIMTAuMTY2NUMxMS4wMTU4IDQuNDc5MjUgMTEuNzgzNyA0Ljc0MzY5IDEyLjQ3MDIgNS4yNzI1OEMxMy4xNTY2IDUuODAxMzMgMTMuNDk5OCA2LjUxMzQxIDEzLjQ5OTggNy40MDg4M0MxMy40OTk4IDguMDMxNjEgMTMuMzQ5NCA4LjUzOTMyIDEzLjA0ODYgOC45MzE5NkMxMi43NDc5IDkuMzI0NiAxMi40MjM5IDkuNjA5NiAxMi4wNzY3IDkuNzg2OTZDMTIuNTA0MSA5LjkzNDMyIDEyLjkxMjIgMTAuMjI1NyAxMy4zMDExIDEwLjY2MTFDMTMuNjkgMTEuMDk2NSAxMy44ODQ0IDExLjY4MjggMTMuODg0NCAxMi40MTk5QzEzLjg4NDQgMTMuNDg1IDEzLjQ5MTggMTQuMjY4MSAxMi43MDY1IDE0Ljc2OTJDMTEuOTIxMiAxNS4yNzA0IDExLjEzMDEgMTUuNTIwOSAxMC4zMzMyIDE1LjUyMDlINi4xMTUyM1pNNy45MDY5IDEzLjg2MDdIMTAuMjY1OUMxMC45MjE4IDEzLjg2MDcgMTEuMzg1NSAxMy42Nzg2IDExLjY1NjkgMTMuMzE0MkMxMS45MjgzIDEyLjk0OTkgMTIuMDY0IDEyLjYwMDYgMTIuMDY0IDEyLjI2NjFDMTIuMDY0IDExLjkzMTcgMTEuOTI4MyAxMS41ODIzIDExLjY1NjkgMTEuMjE4QzExLjM4NTUgMTAuODUzNyAxMC45MDkgMTAuNjcxNSAxMC4yMjczIDEwLjY3MTVINy45MDY5VjEzLjg2MDdaTTcuOTA2OSA5LjA2MjU4SDEwLjA2ODhDMTAuNTc1MiA5LjA2MjU4IDEwLjk3NjYgOC45MTc3OSAxMS4yNzMyIDguNjI4MjFDMTEuNTY5NSA4LjMzODc2IDExLjcxNzcgNy45OTIxIDExLjcxNzcgNy41ODgyMUMxMS43MTc3IDcuMTU4NzYgMTEuNTYxIDYuODA3NzkgMTEuMjQ3NSA2LjUzNTI5QzEwLjkzMzkgNi4yNjI5MyAxMC41NDk1IDYuMTI2NzUgMTAuMDk0NCA2LjEyNjc1SDcuOTA2OVY5LjA2MjU4WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";

package/src/nile-icon/icons/svg/nile-centeralign.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMi45MTY1IDE3LjA4MzJWMTUuODMzMkgxNy4wODMyVjE3LjA4MzJIMi45MTY1Wk02LjI0OTg0IDEzLjg1NFYxMi42MDRIMTMuNzQ5OFYxMy44NTRINi4yNDk4NFpNMi45MTY1IDEwLjYyNDhWOS4zNzQ4NEgxNy4wODMyVjEwLjYyNDhIMi45MTY1Wk02LjI0OTg0IDcuMzk1NjdWNi4xNDU2N0gxMy43NDk4VjcuMzk1NjdINi4yNDk4NFpNMi45MTY1IDQuMTY2NVYyLjkxNjVIMTcuMDgzMlY0LjE2NjVIMi45MTY1WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";

package/src/nile-icon/icons/svg/nile-italic.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40OTUxMiAxNS41MjA3VjE0LjAxNDJINy42NzYxNkwxMC4zNzY2IDUuOTg1NDZINy4xOTU1M1Y0LjQ3OUgxNC44MjM3VjUuOTg1NDZIMTEuODk4OUw5LjE5ODY2IDE0LjAxNDJIMTIuMTIzMlYxNS41MjA3SDQuNDk1MTJaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==";

package/src/nile-icon/icons/svg/nile-justify.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMi45MTY1IDE3LjA4MzJWMTUuODMzMkgxNy4wODMyVjE3LjA4MzJIMi45MTY1Wk0yLjkxNjUgMTMuODU0VjEyLjYwNEgxNy4wODMyVjEzLjg1NEgyLjkxNjVaTTIuOTE2NSAxMC42MjQ4VjkuMzc0ODRIMTcuMDgzMlYxMC42MjQ4SDIuOTE2NVpNMi45MTY1IDcuMzk1NjdWNi4xNDU2N0gxNy4wODMyVjcuMzk1NjdIMi45MTY1Wk0yLjkxNjUgNC4xNjY1VjIuOTE2NUgxNy4wODMyVjQuMTY2NUgyLjkxNjVaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==";

package/src/nile-icon/icons/svg/nile-leftalign.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMi45MTY1IDE3LjA4MzJWMTUuODMzMkgxNy4wODMyVjE3LjA4MzJIMi45MTY1Wk0yLjkxNjUgMTMuODU0VjEyLjYwNEgxMi4wODMyVjEzLjg1NEgyLjkxNjVaTTIuOTE2NSAxMC42MjQ4VjkuMzc0ODRIMTcuMDgzMlYxMC42MjQ4SDIuOTE2NVpNMi45MTY1IDcuMzk1NjdWNi4xNDU2N0gxMi4wODMyVjcuMzk1NjdIMi45MTY1Wk0yLjkxNjUgNC4xNjY1VjIuOTE2NUgxNy4wODMyVjQuMTY2NUgyLjkxNjVaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==";

package/src/nile-icon/icons/svg/nile-ol.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMi45MTY1IDE3LjkxNjhWMTYuOTIzM0g0Ljk5OTg0VjE2LjA0MThIMy43NDk4NFYxNS4wNDgzSDQuOTk5ODRWMTQuMTY2OEgyLjkxNjVWMTMuMTczM0g1LjI4ODM4QzUuNDg4MSAxMy4xNzMzIDUuNjU1NTMgMTMuMjQwOSA1Ljc5MDY3IDEzLjM3NkM1LjkyNTgxIDEzLjUxMTEgNS45OTMzOCAxMy42Nzg2IDUuOTkzMzggMTMuODc4M1YxNC44NzJDNS45OTMzOCAxNS4wNzE4IDUuOTI1ODEgMTUuMjM5MiA1Ljc5MDY3IDE1LjM3NDNDNS42NTU1MyAxNS41MDk1IDUuNDg4MSAxNS41NzcgNS4yODgzOCAxNS41NzdDNS40ODgxIDE1LjU3NyA1LjY1NTUzIDE1LjY0NDYgNS43OTA2NyAxNS43Nzk3QzUuOTI1ODEgMTUuOTE0OSA1Ljk5MzM4IDE2LjA4MjQgNS45OTMzOCAxNi4yODIyVjE3LjIxMTZDNS45OTMzOCAxNy40MTE1IDUuOTI1ODEgMTcuNTc5IDUuNzkwNjcgMTcuNzE0MUM1LjY1NTUzIDE3Ljg0OTMgNS40ODgxIDE3LjkxNjggNS4yODgzOCAxNy45MTY4SDIuOTE2NVpNMi45MTY1IDEyLjM3MlYxMC4yMDg1QzIuOTE2NSAxMC4wMDg4IDIuOTg0MDcgOS44NDEyNyAzLjExOTIxIDkuNzA2QzMuMjU0MzUgOS41NzA4NiAzLjQyMTg1IDkuNTAzMjkgMy42MjE3MSA5LjUwMzI5SDQuOTk5ODRWOC42MjIwNEgyLjkxNjVWNy42MjgyOUg1LjI4ODM4QzUuNDg4MSA3LjYyODI5IDUuNjU1NTMgNy42OTU4NiA1Ljc5MDY3IDcuODMxQzUuOTI1ODEgNy45NjYyNyA1Ljk5MzM4IDguMTMzNzcgNS45OTMzOCA4LjMzMzVWOS43OTE4M0M1Ljk5MzM4IDkuOTkxNTUgNS45MjU4MSAxMC4xNTkxIDUuNzkwNjcgMTAuMjk0M0M1LjY1NTUzIDEwLjQyOTUgNS40ODgxIDEwLjQ5NyA1LjI4ODM4IDEwLjQ5N0gzLjkxMDA1VjExLjM3ODNINS45OTMzOFYxMi4zNzJIMi45MTY1Wk00LjE2NjUgNi44MjcwNFYzLjA3NzA0SDIuOTE2NVYyLjA4MzVINS4xNjAwNVY2LjgyNzA0SDQuMTY2NVpNNy43NTYzIDE1LjYyNTJWMTQuMzc1MkgxNy4wODMyVjE1LjYyNTJINy43NTYzWk03Ljc1NjMgMTAuNjI1MlY5LjM3NTE2SDE3LjA4MzJWMTAuNjI1Mkg3Ljc1NjNaTTcuNzU2MyA1LjYyNTE2VjQuMzc1MTZIMTcuMDgzMlY1LjYyNTE2SDcuNzU2M1oiIGZpbGw9ImJsYWNrIi8+PC9zdmc+";

package/src/nile-icon/icons/svg/nile-rightalign.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMi45MTY1IDQuMTY2NVYyLjkxNjVIMTcuMDgzMlY0LjE2NjVIMi45MTY1Wk03LjkxNjUgNy4zOTU2N1Y2LjE0NTY3SDE3LjA4MzJWNy4zOTU2N0g3LjkxNjVaTTIuOTE2NSAxMC42MjQ4VjkuMzc0ODRIMTcuMDgzMlYxMC42MjQ4SDIuOTE2NVpNNy45MTY1IDEzLjg1NFYxMi42MDRIMTcuMDgzMlYxMy44NTRINy45MTY1Wk0yLjkxNjUgMTcuMDgzMlYxNS44MzMySDE3LjA4MzJWMTcuMDgzMkgyLjkxNjVaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==";

package/src/nile-icon/icons/svg/nile-ul.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy43NTYzIDE1LjYyNVYxNC4zNzVIMTcuMDgzMlYxNS42MjVINy43NTYzWk03Ljc1NjMgMTAuNjI1VjkuMzc1MDJIMTcuMDgzMlYxMC42MjVINy43NTYzWk03Ljc1NjMgNS42MjUwMlY0LjM3NTAySDE3LjA4MzJWNS42MjUwMkg3Ljc1NjNaTTQuMzAyNzUgMTYuMzg2M0MzLjkyMTUgMTYuMzg2MyAzLjU5NTE4IDE2LjI1MDUgMy4zMjM4IDE1Ljk3OUMzLjA1MjI3IDE1LjcwNzYgMi45MTY1IDE1LjM4MTMgMi45MTY1IDE1QzIuOTE2NSAxNC42MTg4IDMuMDUyMjcgMTQuMjkyNCAzLjMyMzggMTQuMDIxMUMzLjU5NTE4IDEzLjc0OTUgMy45MjE1IDEzLjYxMzggNC4zMDI3NSAxMy42MTM4QzQuNjg0IDEzLjYxMzggNS4wMTAzMiAxMy43NDk1IDUuMjgxNzEgMTQuMDIxMUM1LjU1MzI0IDE0LjI5MjQgNS42ODkgMTQuNjE4OCA1LjY4OSAxNUM1LjY4OSAxNS4zODEzIDUuNTUzMjQgMTUuNzA3NiA1LjI4MTcxIDE1Ljk3OUM1LjAxMDMyIDE2LjI1MDUgNC42ODQgMTYuMzg2MyA0LjMwMjc1IDE2LjM4NjNaTTQuMzAyNzUgMTEuMzg2M0MzLjkyMTUgMTEuMzg2MyAzLjU5NTE4IDExLjI1MDUgMy4zMjM4IDEwLjk3OUMzLjA1MjI3IDEwLjcwNzYgMi45MTY1IDEwLjM4MTMgMi45MTY1IDEwQzIuOTE2NSA5LjYxODc3IDMuMDUyMjcgOS4yOTI0NSAzLjMyMzggOS4wMjEwNkMzLjU5NTE4IDguNzQ5NTMgMy45MjE1IDguNjEzNzcgNC4zMDI3NSA4LjYxMzc3QzQuNjg0IDguNjEzNzcgNS4wMTAzMiA4Ljc0OTUzIDUuMjgxNzEgOS4wMjEwNkM1LjU1MzI0IDkuMjkyNDUgNS42ODkgOS42MTg3NyA1LjY4OSAxMEM1LjY4OSAxMC4zODEzIDUuNTUzMjQgMTAuNzA3NiA1LjI4MTcxIDEwLjk3OUM1LjAxMDMyIDExLjI1MDUgNC42ODQgMTEuMzg2MyA0LjMwMjc1IDExLjM4NjNaTTQuMzAyNzUgNi4zODYyN0MzLjkyMTUgNi4zODYyNyAzLjU5NTE4IDYuMjUwNSAzLjMyMzggNS45Nzg5OEMzLjA1MjI3IDUuNzA3NTkgMi45MTY1IDUuMzgxMjcgMi45MTY1IDUuMDAwMDJDMi45MTY1IDQuNjE4NzcgMy4wNTIyNyA0LjI5MjQ1IDMuMzIzOCA0LjAyMTA2QzMuNTk1MTggMy43NDk1MyAzLjkyMTUgMy42MTM3NyA0LjMwMjc1IDMuNjEzNzdDNC42ODQgMy42MTM3NyA1LjAxMDMyIDMuNzQ5NTMgNS4yODE3MSA0LjAyMTA2QzUuNTUzMjQgNC4yOTI0NSA1LjY4OSA0LjYxODc3IDUuNjg5IDUuMDAwMDJDNS42ODkgNS4zODEyNyA1LjU1MzI0IDUuNzA3NTkgNS4yODE3MSA1Ljk3ODk4QzUuMDEwMzIgNi4yNTA1IDQuNjg0IDYuMzg2MjcgNC4zMDI3NSA2LjM4NjI3WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";

package/src/nile-icon/icons/svg/nile-underline.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40NTUwOCAxNi43NzFWMTUuNTIxSDE1LjU0NDdWMTYuNzcxSDQuNDU1MDhaTTkuOTk5ODcgMTMuNzc0MUM4LjcwMzkgMTMuNzc0MSA3LjY5MjQ0IDEzLjM4MDcgNi45NjU0OSAxMi41OTM5QzYuMjM4NDEgMTEuODA3MSA1Ljg3NDg3IDEwLjc1MjkgNS44NzQ4NyA5LjQzMTE5VjIuODQ0NzNINy40MTk2NlY5LjUwODA2QzcuNDE5NjYgMTAuMzUgNy42NDM0OCAxMS4wMjQ3IDguMDkxMTIgMTEuNTMyMkM4LjUzODc2IDEyLjAzOTcgOS4xNzUwMSAxMi4yOTM1IDkuOTk5ODcgMTIuMjkzNUMxMC44MjQ3IDEyLjI5MzUgMTEuNDYxIDEyLjAzOTcgMTEuOTA4NiAxMS41MzIyQzEyLjM1NjMgMTEuMDI0NyAxMi41ODAxIDEwLjM1IDEyLjU4MDEgOS41MDgwNlYyLjg0NDczSDE0LjEyNDlWOS40MzExOUMxNC4xMjQ5IDEwLjc1MjkgMTMuNzYxMyAxMS44MDcxIDEzLjAzNDIgMTIuNTkzOUMxMi4zMDczIDEzLjM4MDcgMTEuMjk1OCAxMy43NzQxIDkuOTk5ODcgMTMuNzc0MVoiIGZpbGw9ImJsYWNrIi8+PC9zdmc+";

package/src/nile-rich-text-editor/nile-rich-text-editor.css.ts

@@ -1,21 +1,49 @@
-/**
-* Copyright Aquera Inc 2023
-*
-* This source code is licensed under the BSD-3-Clause license found in the
-* LICENSE file in the root directory of this source tree.
-*/
-
-import {css} from 'lit';
-
-/**
- * RichTextEditor CSS
- */
+// rte-styles.ts
+import { css } from 'lit';
+
 export const styles = css`
-	:host {
+  /* Host positioning for overlays */
+  nile-rich-text-editor { position: relative; display: block; font-family: inherit; }
+
+       
+nile-rte-toolbar-item > nile-button::part(base) {
+ 
+  width:32px; height:32px; padding:0px 6px;
+  border: none;
+}
+ 
+ 
+
+
+      .toolbar, nile-rte-toolbar {
+        display:flex; align-items:center; gap:8px; padding:8px; 
+        border:1px solid #e5e7eb; border-bottom:none; border-radius:8px 8px 0 0; background:#fff;
+      }
+
+      nile-rte-toolbar-item > button, .toolbar button, nile-rte-toolbar button {
+        border:1px solid #e5e7eb; background:#fff; border-radius:6px;
+        cursor:pointer;
+      }
+
+  
+      /* Ensure clicks hit the button (not nested icon internals) */
+      nile-rte-toolbar-item > button nile-icon { pointer-events:none; }
 
-	},
+      nile-rte-toolbar-item > button.active { border-color:#2563eb; background:#eff6ff; }
+      nile-rte-select select { height:32px; border:1px solid #e5e7eb; border-radius:6px; background:#fff; }
+      nile-rte-color input[type="color"] { height:32px; width:36px; border:1px solid #e5e7eb; padding:0; border-radius:6px; background:#fff; }
+      nile-rte-divider { width:1px; height:20px; background:#e5e7eb; display:inline-block; margin:0 4px; }
 
+       .editor p { margin:1em 0; }
+      .editor h1 { font-size:2em   }
+      .editor h2 { font-size:1.5em  }
+      .editor h3 { font-size:1.17em  }
+      .editor h4 { font-size:1em  }
+      .editor h5 { font-size:0.83em  }
+      .editor h6 { font-size:0.67em  }
 
+      .editor { min-height:160px; padding:12px; border:1px solid #e5e7eb; border-radius:0 0 8px 8px; background:#fff; outline:none; }
+      nile-rte-preview { display:block; margin-top:10px; padding:10px; border:1px dashed #cbd5e1; border-radius:8px; background:#fafafa; }
 `;
 
 export default [styles];

package/src/nile-rich-text-editor/nile-rich-text-editor.ts

@@ -16,6 +16,8 @@ import {
   setFontFamily, setForeColor,  insertOrEditLink
 } from './utils';
 
+import {styles} from './nile-rich-text-editor.css';  
+
 type MentionsConfig = Record<string, { key: string; label: string }[]>;
 
 /**
@@ -23,23 +25,23 @@ type MentionsConfig = Record<string, { key: string; label: string }[]>;
  * Adjust values to match the real names you have.
  */
 const DEFAULT_ICONS: Record<string, string> = {
-  bold: 'bold',
-  italic: 'itallic',
-  underline: 'underline',
+  bold: 'nile-bold',
+  italic: 'nile-italic',
+  underline: 'nile-underline',
   link: 'user',
-  left: 'user',
-  center: 'user',
-  right: 'user',
-  justify: 'user',
-  ul: 'ul',
-  ol: 'ol',
-  clear: 'close',
+  left: 'nile-leftalign',
+  center: 'nile-centeralign',
+  right: 'nile-rightalign',
+  justify: 'nile-justify',
+  ul: 'nile-ul',
+  ol: 'nile-ol',
+  clear: 'error',
 };
 
 @customElement('nile-rich-text-editor')
 export class NileRichTextEditor extends LitElement {
-  protected createRenderRoot() { return this; } // Light DOM
-  protected shouldUpdate() { return false; }    // Preserve authored DOM; no Lit re-render
+  protected createRenderRoot() { return this; }  
+  protected shouldUpdate() { return false; }    
 
   /** Initial HTML content */
   @property({ type: String }) value = '';
@@ -87,11 +89,19 @@ export class NileRichTextEditor extends LitElement {
 
   
 
+  private injectCss(cssText: string) {
+    if (this.querySelector('style[data-rte-style]')) return;
+    const style = document.createElement('style');
+    style.setAttribute('data-rte-style', 'true');
+    style.textContent = cssText;
+    this.insertBefore(style, this.firstChild);
+  }
+
   connectedCallback(): void {
     super.connectedCallback();
 
     // 1) Inject styles once (so authored DOM stays as-is)
-    this.injectStyles();
+    this.injectCss(styles.cssText);     
     
 
     // 2) Keep authored nodes
@@ -113,20 +123,20 @@ export class NileRichTextEditor extends LitElement {
     // 6) Mentions: delegate to child controller
     this.mentionsEl = this.querySelector('nile-rte-mentions');
     if (this.mentionsEl) {
-      // pass the editor and host for positioning
+ 
       (this.mentionsEl as any).attach?.(this.editorEl, this as HTMLElement);
-      // pass parent-provided config so child can merge with its own attribute config
+ 
       (this.mentionsEl as any).setExternalConfig?.(this.mentions);
     }
 
-    // 7) Wire editor listeners (selection + input)
+    
     this.wireEditor();
 
-    // 8) Initial active state + preview
+ 
     this.updateToolbarState();
     this.syncPreview();
 
-    // 9) Global selection tracking (for toolbar state)
+   
     document.addEventListener('selectionchange', this.onSelectionChange, true);
   }
 
@@ -139,57 +149,9 @@ export class NileRichTextEditor extends LitElement {
     super.disconnectedCallback();
   }
 
-  // ---------- DOM helpers ----------
-  private injectStyles() {
-    if (this.querySelector('style[data-rte-style]')) return;
-    const style = document.createElement('style');
-    style.setAttribute('data-rte-style', 'true');
-    style.textContent = `
-      /* Host positioning for overlays */
-      nile-rich-text-editor { position: relative; display: block; }
-
-       
-nile-rte-toolbar-item > nile-button::part(base) {
- 
-  width:32px; height:32px; padding:0px 6px;
-}
  
  
 
-
-      .toolbar, nile-rte-toolbar {
-        display:flex; align-items:center; gap:8px; padding-top:8px; padding-left: 8px; padding-right: 8px;
-        border:1px solid #e5e7eb; border-bottom:none; border-radius:8px 8px 0 0; background:#fff;
-      }
-
-      nile-rte-toolbar-item > button, .toolbar button, nile-rte-toolbar button {
-        border:1px solid #e5e7eb; background:#fff; border-radius:6px;
-        cursor:pointer;
-      }
-
-  
-      /* Ensure clicks hit the button (not nested icon internals) */
-      nile-rte-toolbar-item > button nile-icon { pointer-events:none; }
-
-      nile-rte-toolbar-item > button.active { border-color:#2563eb; background:#eff6ff; }
-      nile-rte-select select { height:32px; border:1px solid #e5e7eb; border-radius:6px; background:#fff; }
-      nile-rte-color input[type="color"] { height:32px; width:36px; border:1px solid #e5e7eb; padding:0; border-radius:6px; background:#fff; }
-      nile-rte-divider { width:1px; height:20px; background:#e5e7eb; display:inline-block; margin:0 4px; }
-
-       .editor p { margin:1em 0; }
-      .editor h1 { font-size:2em  }
-      .editor h2 { font-size:1.5em  }
-      .editor h3 { font-size:1.17em  }
-      .editor h4 { font-size:1em  }
-      .editor h5 { font-size:0.83em  }
-      .editor h6 { font-size:0.67em  }
-
-      .editor { min-height:160px; padding:12px; border:1px solid #e5e7eb; border-radius:0 0 8px 8px; background:#fff; outline:none; }
-      nile-rte-preview { display:block; margin-top:10px; padding:10px; border:1px dashed #cbd5e1; border-radius:8px; background:#fafafa; }
-    `;
-    this.insertBefore(style, this.firstChild);
-  }
-
   private ensureEditor() {
     this.editorEl = this.querySelector('.editor') as HTMLElement;
     if (!this.editorEl) {
@@ -268,7 +230,7 @@ nile-rte-toolbar-item > nile-button::part(base) {
         } else if (!authoredHasContent) {
           const defaultIcon = DEFAULT_ICONS[cmd];
           if (defaultIcon) {
-            btn.innerHTML = `<nile-icon name="${defaultIcon}" size="26" aria-label="${label}"></nile-icon>`;
+            btn.innerHTML = `<nile-icon name="${defaultIcon}" size="20" color="black" aria-label="${label}"></nile-icon>`;
           } else {
             btn.textContent = label || cmd;
           }

package/src/nile-rich-text-editor/nile-rte-mentions-item.ts

@@ -1,3 +1,4 @@
+// nile-rte-mentions-item.ts
 import { LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 
@@ -11,6 +12,10 @@ export class NileRteMentionsItem extends LitElement {
   @property({ attribute: 'mentionscharacter' })
   mentionsCharacter: string = '';
 
+ 
+  @property({ attribute: 'mentionscolor' })
+  mentionsColor: string = ''; // NEW
+
   /** JSON array of { key, label } */
   @property({
     attribute: 'mentionsdata',

package/src/nile-rich-text-editor/nile-rte-mentions.ts

@@ -32,12 +32,26 @@ export class NileRteMentions extends LitElement {
   })
   mentions: MentionsConfig = {};
 
+  @property({
+    attribute: 'mentioncolors',
+    converter: {
+      fromAttribute: (value: string): Record<string,string> => {
+        try { const o = JSON.parse(value); return (o && typeof o === 'object') ? o : {}; }
+        catch { return {}; }
+      },
+      toAttribute: (v: Record<string,string>) => JSON.stringify(v ?? {})
+    }
+  })
+  mentionColors: Record<string, string> = {}; // NEW
+
   /** External config from the editor (lowest priority) */
   @state() private externalConfig: MentionsConfig = {};
 
   /** Config gathered from child <nile-rte-mentions-item> (highest priority) */
   @state() private itemsConfig: MentionsConfig = {};
 
+  @state() private itemsColors: Record<string,string> = {}; // NEW
+
   private get config(): MentionsConfig {
     // Priority: external < attribute < child-items
     return { ...this.externalConfig, ...this.mentions, ...this.itemsConfig };
@@ -47,7 +61,7 @@ export class NileRteMentions extends LitElement {
   private editorEl: HTMLElement | null = null;
   private hostEl: HTMLElement | null = null;
 
-  // dropdown & menu elements we’ll create once and reuse
+ 
 private dropdownEl: HTMLElement | null = null;   // <nile-dropdown>
 private menuEl:      HTMLElement | null = null;   // <nile-menu>
 
@@ -118,12 +132,13 @@ private triggerBtn: HTMLElement | null = null;
   // ---------- gather child items ----------
   private rebuildConfigFromChildren() {
     const cfg: MentionsConfig = {};
+    const colors: Record<string,string> = {}; // NEW
+
     const items = Array.from(this.querySelectorAll('nile-rte-mentions-item')) as Array<
-      HTMLElement & { mentionsCharacter?: string; mentionsData?: MentionItem[] }
+      HTMLElement & { mentionsCharacter?: string; mentionsData?: MentionItem[]; mentionsColor?: string }
     >;
 
     for (const item of items) {
-      // read live properties first (if Lit already upgraded), else read attributes
       const trig =
         (item as any).mentionsCharacter ??
         item.getAttribute('mentionscharacter') ??
@@ -144,12 +159,19 @@ private triggerBtn: HTMLElement | null = null;
           } catch { return []; }
         })();
 
+      const color =
+        (item as any).mentionsColor ??
+        item.getAttribute('mentionscolor') ??
+        '';
+
       if (!Array.isArray(data)) data = [];
       cfg[trig] = data;
+      if (color) colors[trig] = String(color); // record color if provided
     }
+
     this.itemsConfig = cfg;
+    this.itemsColors = colors; // NEW
   }
-
   // ---------- styles ----------
   private injectStyles() {
     if (this.querySelector('style[data-mentions-style]')) return;
@@ -168,6 +190,11 @@ private triggerBtn: HTMLElement | null = null;
     this.insertBefore(style, this.firstChild);
   }
 
+  private getTriggerColor(trigger: string): string | undefined {
+    // Priority: child item color > attribute JSON color
+    return this.itemsColors[trigger] ?? this.mentionColors[trigger];
+  }
+
  
 private ensureMentionDropdown() {
   if (this.dropdownEl || !this.hostEl) return;
@@ -401,6 +428,13 @@ private ensureMentionDropdown() {
     const span = document.createElement('span');
     span.classList.add('mention');
     span.textContent = `${this.mentionTrigger}${item.label}`;
+    const bg = this.getTriggerColor(this.mentionTrigger);
+    if (bg) {
+      span.style.backgroundColor = bg;
+      // Optional: if you prefer colored text instead of bg
+      // span.style.color = bg;
+    }
+
     mentionRange.insertNode(span);
 
     const spaceNode = document.createTextNode('\u00A0');

package/src/nile-rich-text-editor/nile-rte-select.ts

@@ -21,7 +21,7 @@ export class NileRteSelect extends LitElement {
       left: 'align-left',
       center: 'align-center',
       right: 'align-right',
-      justify: 'align-justify'
+      justify: 'nile-justify'
     };
     return map[v] || 'align-left';
   }
@@ -73,7 +73,7 @@ export class NileRteSelect extends LitElement {
     display: flex;
   }
     nile-menu.rte-align-menu,nile-menu.rte-default-menu{
-    margin-bottom: 1px;
+ margin-top: 0px;
     }
 
     nile-button.rte-align-trigger::part(base),nile-button.rte-default-trigger::part(base){
@@ -99,7 +99,6 @@ export class NileRteSelect extends LitElement {
       const trigger = current?.icon
         ? html`<nile-icon name="${current.icon}"></nile-icon>`
         : (this.label || 'Align');
-
       return html`
         <nile-dropdown class="rte-align-dd">
           <nile-button slot="trigger" variant="tertiary" class="rte-align-trigger">
@@ -116,7 +115,30 @@ export class NileRteSelect extends LitElement {
             `)}
           </nile-menu>
         </nile-dropdown>
+
+        
       `;
+      if (this.type === 'font') {
+        const triggerText = current?.label || this.label || 'Font';
+        return html`
+          <nile-dropdown class="rte-default-dd">
+            <nile-button slot="trigger" variant="tertiary" class="rte-default-trigger"
+              style="font-family: ${current?.value || 'inherit'}">
+              ${triggerText} <nile-icon name="arrowdown"></nile-icon>
+            </nile-button>
+            <nile-menu class="rte-default-menu">
+              ${opts.map(o => html`
+                <nile-menu-item
+                  style="font-family: ${o.value}"
+                  ?active=${o.value === this.selectedValue}
+                  @click=${() => this.onSelect(o.value)}>
+                  ${o.label}
+                </nile-menu-item>
+              `)}
+            </nile-menu>
+          </nile-dropdown>
+        `;
+      }
     }
 
     // ► Everything else: default (text) dropdown
@@ -124,7 +146,7 @@ export class NileRteSelect extends LitElement {
     return html`
       <nile-dropdown class="rte-default-dd">
         <nile-button slot="trigger" variant="tertiary" class="rte-default-trigger">
-          ${triggerText}
+          ${triggerText} <nile-icon name="arrowdown"></nile-icon>
         </nile-button>
         <nile-menu class="rte-default-menu">
           ${opts.map(o => html`

package/vscode-html-custom-data.json

@@ -2860,12 +2860,16 @@
     },
     {
       "name": "nile-rte-mentions-item",
-      "description": "Attributes:\n\n  * `mentionscharacter` {`string`} - Single-character trigger, e.g., '@' or '#'\n\n  * `mentionsdata` {`MentionItem[]`} - JSON array of { key, label }\n\nProperties:\n\n  * `mentionsCharacter` {`string`} - Single-character trigger, e.g., '@' or '#'\n\n  * `mentionsData` {`MentionItem[]`} - JSON array of { key, label }",
+      "description": "Attributes:\n\n  * `mentionscharacter` {`string`} - Single-character trigger, e.g., '@' or '#'\n\n  * `mentionscolor` {`string`} - \n\n  * `mentionsdata` {`MentionItem[]`} - JSON array of { key, label }\n\nProperties:\n\n  * `mentionsCharacter` {`string`} - Single-character trigger, e.g., '@' or '#'\n\n  * `mentionsColor` {`string`} - \n\n  * `mentionsData` {`MentionItem[]`} - JSON array of { key, label }",
       "attributes": [
         {
           "name": "mentionscharacter",
           "description": "`mentionscharacter` {`string`} - Single-character trigger, e.g., '@' or '#'\n\nProperty: mentionsCharacter\n\nDefault: "
         },
+        {
+          "name": "mentionscolor",
+          "description": "`mentionscolor` {`string`} - \n\nProperty: mentionsColor\n\nDefault: "
+        },
         {
           "name": "mentionsdata",
           "description": "`mentionsdata` {`MentionItem[]`} - JSON array of { key, label }\n\nProperty: mentionsData\n\nDefault: "
@@ -2874,12 +2878,16 @@
     },
     {
       "name": "nile-rte-mentions",
-      "description": "Events:\n\n  * `input` {`InputEvent`} - \n\nAttributes:\n\n  * `mentions` - \n\nProperties:\n\n  * `mentions` - \n\n  * `externalConfig` - External config from the editor (lowest priority)\n\n  * `itemsConfig` - Config gathered from child <nile-rte-mentions-item> (highest priority)\n\n  * `config` - \n\n  * `editorEl` {`HTMLElement | null`} - \n\n  * `hostEl` {`HTMLElement | null`} - \n\n  * `dropdownEl` {`HTMLElement | null`} - \n\n  * `menuEl` {`HTMLElement | null`} - \n\n  * `lastRange` {`Range | null`} - \n\n  * `mentionOpen` {`boolean`} - \n\n  * `mentionTrigger` {`string | null`} - \n\n  * `mentionQuery` {`string`} - \n\n  * `mentionSuggestions` {`MentionItem[]`} - \n\n  * `mentionFiltered` {`MentionItem[]`} - \n\n  * `mentionX` {`number`} - \n\n  * `mentionY` {`number`} - \n\n  * `triggerBtn` {`HTMLElement | null`} - \n\n  * `mo` {`MutationObserver | null`} - \n\n  * `onSelectionChange` - \n\n  * `saveSelection` - \n\n  * `onEditorInput` - \n\n  * `onEditorKeyUp` - \n\n  * `onEditorKeyDown` - \n\n  * `repositionMention` - ",
+      "description": "Events:\n\n  * `input` {`InputEvent`} - \n\nAttributes:\n\n  * `mentions` - \n\n  * `mentioncolors` - \n\nProperties:\n\n  * `mentions` - \n\n  * `mentionColors` - \n\n  * `externalConfig` - External config from the editor (lowest priority)\n\n  * `itemsConfig` - Config gathered from child <nile-rte-mentions-item> (highest priority)\n\n  * `itemsColors` - \n\n  * `config` - \n\n  * `editorEl` {`HTMLElement | null`} - \n\n  * `hostEl` {`HTMLElement | null`} - \n\n  * `dropdownEl` {`HTMLElement | null`} - \n\n  * `menuEl` {`HTMLElement | null`} - \n\n  * `lastRange` {`Range | null`} - \n\n  * `mentionOpen` {`boolean`} - \n\n  * `mentionTrigger` {`string | null`} - \n\n  * `mentionQuery` {`string`} - \n\n  * `mentionSuggestions` {`MentionItem[]`} - \n\n  * `mentionFiltered` {`MentionItem[]`} - \n\n  * `mentionX` {`number`} - \n\n  * `mentionY` {`number`} - \n\n  * `triggerBtn` {`HTMLElement | null`} - \n\n  * `mo` {`MutationObserver | null`} - \n\n  * `onSelectionChange` - \n\n  * `saveSelection` - \n\n  * `onEditorInput` - \n\n  * `onEditorKeyUp` - \n\n  * `onEditorKeyDown` - \n\n  * `repositionMention` - ",
       "attributes": [
         {
           "name": "mentions",
           "description": "`mentions` - \n\nProperty: mentions\n\nDefault: [object Object]"
         },
+        {
+          "name": "mentioncolors",
+          "description": "`mentioncolors` - \n\nProperty: mentionColors\n\nDefault: [object Object]"
+        },
         {
           "name": "oninput",
           "description": "`input` {`InputEvent`} - "