@aquera/nile-elements 1.3.3-beta-1.4 → 1.3.3-beta-1.6

package/src/nile-code-editor/theme.ts

@@ -1,166 +0,0 @@
-export const Theme = {
-  '&': {
-    fontSize: '14px',
-    fontFamily: 'Colfax-regular',
-    fontWeight: '400',
-  },
-  '.cm-content': {},
-  ".cm-scroller": {
-    scrollbarWidth:'thin',
-  },
-};
-
-export const CustomTheme = {
-  '&': {
-    fontSize: 'inherit',
-    fontStyle: 'inherit',
-    fontFamily: 'inherit',
-    fontWeight: 'inherit',
-    lineHeight:'inherit',
-    letterSpacing:'inherit'
-  },
-  
-  '.cm-content': {
-    fontSize: 'inherit',
-    fontStyle: 'inherit',
-    fontFamily: 'inherit',
-    fontWeight: 'inherit',
-    lineHeight:'inherit',
-    letterSpacing:'inherit'
-  },
-
-  ".cm-scroller":{
-    fontFamily: 'inherit'
-  },
-
-  ".cm-gutters": {
-    fontFamily: 'inherit', // Ensure the gutter font matches
-  },
-};
-
-export const fontFamily = {
-  '.cm-tooltip.cm-tooltip-autocomplete > ul' : {
-    fontFamily: 'monospace !important',
-    fontWeight: '400',
-  },
-  '.cm-content' : {
-    fontFamily: 'monospace !important',
-  }
-}
-
-export const customisedThemeCss = {
-  '.cm-content' : {
-    fontFamily: 'inherit',
-  },
-  '.cm-scroller' : {
-    fontFamily: 'inherit',
-  },
-  '.cm-tooltip-autocomplete': {
-    padding: '9px 12px',
-    backgroundColor: '#FFFFFF',
-    display: 'block',
-    fontSize: '14px',
-    background: 'white',
-    border: 'solid 1px #C7CED4',
-    borderRadius: '0.25rem',
-    paddingBlock: '0',
-    paddingInline: '0',
-    overscrollBehavior: 'none',
-    color: 'hsl(240 5.3% 26.1%)',
-  },
-  '.cm-tooltip.cm-completionInfo.cm-completionInfo-right': {
-    fontFamily: 'inherit',
-    backgroundColor: '#FFFFFF',
-    color: 'hsl(240 5.3% 26.1%)',
-    padding: "6px 12px",
-    borderTopRightRadius: "0.25rem",
-    borderBottomRightRadius: "0.25rem",
-    border: 'solid 1px #C7CED4',
-    fontSize: '14px',
-  },
-  '.cm-tooltip.cm-tooltip-autocomplete > ul': {
-    fontFamily: 'inherit',
-    fontWeight: '400',
-  },
-  '.cm-tooltip.cm-tooltip-autocomplete > ul > li': {
-    padding: '9px 12px'
-  },
-  '.cm-tooltip.cm-tooltip-autocomplete > ul > li:hover': {
-    backgroundColor: '#005ea61a',
-    color: 'rgb(0, 0, 0)',
-  },
-  '.cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected="true"]': {
-    backgroundColor: '#005ea61a',
-    color: '#005EA6',
-  },
-  '.cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected="true"]:hover': {
-    color: '#005EA6',
-  },
-  '.cm-completionIcon': {
-    display: 'block',
-    position: 'relative'
-  },
-  '.cm-completionIcon::after': {
-    display: 'block',
-    content: 'url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjM2MDExIDYuMjVMNi45ODUxMSAxLjc1TDkuNjEwMTEgNi4yNUg0LjM2MDExWk01LjY5NTExIDUuNUg4LjMxMjYxTDcuMDAwMTEgMy4yNUw1LjY5NTExIDUuNVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNi4yNSAxMi4yNUgxLjc1VjcuNzVINi4yNVYxMi4yNVpNMi41IDExLjVINS41VjguNUgyLjVWMTEuNVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC43NDk5NyAxMS44NzA4QzkuMTE5OTggMTIuMTE4IDkuNTU0OTkgMTIuMjUgMTAgMTIuMjVDMTAuNTk2NyAxMi4yNSAxMS4xNjkgMTIuMDEyOSAxMS41OTEgMTEuNTkxQzEyLjAxMjkgMTEuMTY5IDEyLjI1IDEwLjU5NjcgMTIuMjUgMTBDMTIuMjUgOS41NTQ5OSAxMi4xMTggOS4xMTk5OCAxMS44NzA4IDguNzQ5OTdDMTEuNjIzNiA4LjM3OTk2IDExLjI3MjIgOC4wOTE1NyAxMC44NjEgNy45MjEyN0MxMC40NDk5IDcuNzUwOTcgOS45OTc1MSA3LjcwNjQyIDkuNTYxMDUgNy43OTMyM0M5LjEyNDU5IDcuODgwMDUgOC43MjM2OCA4LjA5NDM0IDguNDA5MDEgOC40MDkwMUM4LjA5NDM0IDguNzIzNjggNy44ODAwNSA5LjEyNDU5IDcuNzkzMjMgOS41NjEwNUM3LjcwNjQyIDkuOTk3NTEgNy43NTA5NyAxMC40NDk5IDcuOTIxMjcgMTAuODYxQzguMDkxNTcgMTEuMjcyMiA4LjM3OTk2IDExLjYyMzYgOC43NDk5NyAxMS44NzA4Wk05LjE2NjY1IDguNzUyOEM5LjQxMzMyIDguNTg3OTggOS43MDMzMyA4LjUgMTAgOC41QzEwLjM5NzggOC41IDEwLjc3OTQgOC42NTgwNCAxMS4wNjA3IDguOTM5MzRDMTEuMzQyIDkuMjIwNjUgMTEuNSA5LjYwMjE4IDExLjUgMTBDMTEuNSAxMC4yOTY3IDExLjQxMiAxMC41ODY3IDExLjI0NzIgMTAuODMzNEMxMS4wODI0IDExLjA4IDEwLjg0ODEgMTEuMjcyMyAxMC41NzQgMTEuMzg1OEMxMC4yOTk5IDExLjQ5OTQgOS45OTgzNCAxMS41MjkxIDkuNzA3MzcgMTEuNDcxMkM5LjQxNjM5IDExLjQxMzMgOS4xNDkxMiAxMS4yNzA0IDguOTM5MzQgMTEuMDYwN0M4LjcyOTU2IDEwLjg1MDkgOC41ODY3IDEwLjU4MzYgOC41Mjg4MiAxMC4yOTI2QzguNDcwOTUgMTAuMDAxNyA4LjUwMDY1IDkuNzAwMDcgOC42MTQxOCA5LjQyNTk4QzguNzI3NzEgOS4xNTE4OSA4LjkxOTk3IDguOTE3NjIgOS4xNjY2NSA4Ljc1MjhaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K")',
-    position: 'absolute',
-    left: '0px',
-    top: '2px',
-    lineHeight: '0',
-    verticalAlign: 'middle'
-  },
-  '.cm-completionMatchedText' : {
-    textDecoration: 'none',
-  },
-  '.cm-completionIcon.cm-completionIcon-property::after': {
-    content: 'url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNjA1MjEgMTEuOTExVjcuODg0ODFMMS44MjU3NiA1LjkxNDYxVjkuOTQwODFMNS42MDUyMSAxMS45MTFaTTYuNDMwOTcgMTEuOTExTDEyLjE3NDIgOC42MDY3OVY0LjU4MDU5TDYuNDMwOTcgNy44ODQ4MVYxMS45MTFaTTYuMDE4MDkgNy4yMzE0MUwxMS44NzI1IDMuODY5OTlMNy45NjYwMyAxLjg1Njg5TDIuMTI3NDggNS4yMTgzMUw2LjAxODA5IDcuMjMxNDFaTTEgMTAuMzc2NFY0Ljk1NzYxTDcuOTgxOTEgMUwxMyAzLjYwOTI5VjkuMDI4MDlMNi4wMTgwOSAxM0wxIDEwLjM3NjRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K")',
-    position: 'absolute',
-    left: '0px',
-    top: '2px',
-    lineHeight: '0',
-    verticalAlign: 'middle'
-  },
-  '.cm-completionIcon.cm-completionIcon-keyword::after': {
-    content: 'url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMTk5OTUgNC4wMTQ0OUM2LjE5OTk1IDMuNzkyNyA2LjI3ODE0IDMuNjAzMjkgNi40MzQ1IDMuNDQ2MjZDNi41OTA3NyAzLjI4OTE0IDYuNzc5MjcgMy4yMTA1OCA3IDMuMjEwNThDNy4yMjA3MyAzLjIxMDU4IDcuNDA5MjMgMy4yODkxNCA3LjU2NTUgMy40NDYyNkM3LjcyMTg2IDMuNjAzMjkgNy44MDAwNSAzLjc5MjcgNy44MDAwNSA0LjAxNDQ5QzcuODAwMDUgNC4yMzYyOCA3LjcyMTg2IDQuNDI1NjkgNy41NjU1IDQuNTgyNzJDNy40MDkyMyA0LjczOTg0IDcuMjIwNzMgNC44MTg0IDcgNC44MTg0QzYuNzc5MjcgNC44MTg0IDYuNTkwNzcgNC43Mzk4NCA2LjQzNDUgNC41ODI3MkM2LjI3ODE0IDQuNDI1NjkgNi4xOTk5NSA0LjIzNjI4IDYuMTk5OTUgNC4wMTQ0OVpNNi45MzM1OSAxM0w1LjAyNTE4IDEwLjk3OTFMNS44MTE1OSA5LjkwNjQ1TDUuMDE0NjggOC44MTA5NUw1Ljc0OSA3LjgwNzk1VjYuNzU2OTlDNS4yMzggNi41MDY4OCA0LjgxODc3IDYuMTQ3MSA0LjQ5MTMyIDUuNjc3NjdDNC4xNjM3NyA1LjIwODMyIDQgNC42NTM5MyA0IDQuMDE0NDlDNCAzLjE3ODI5IDQuMjkxOTUgMi40NjY4MiA0Ljg3NTg2IDEuODgwMDlDNS40NTk3NyAxLjI5MzM2IDYuMTY3ODIgMSA3IDFDNy44MzIxOCAxIDguNTQwMjMgMS4yOTMzNiA5LjEyNDE0IDEuODgwMDlDOS43MDgwNSAyLjQ2NjgyIDEwIDMuMTc4MjkgMTAgNC4wMTQ0OUMxMCA0LjYyMzA1IDkuODQ2NjggNS4xNjEwNSA5LjU0MDA1IDUuNjI4NDhDOS4yMzM0MSA2LjA5NTk5IDguODAzNzMgNi40NzIxNyA4LjI1MSA2Ljc1Njk5VjExLjY3NjFMNi45MzM1OSAxM1pNNC42ODUzNiA0LjAxNDQ5QzQuNjg1MzYgNC41NDc2IDQuODUzNTUgNS4wMjc4MiA1LjE4OTkxIDUuNDU1MTRDNS41MjYyNyA1Ljg4MjQ3IDUuOTQxMDUgNi4xNTQ4MiA2LjQzNDIzIDYuMjcyMjFWOC4wNDU4Mkw1Ljg2NTA1IDguODA5MTdMNi42NTkwOSA5LjkyMDg0TDUuOTAxNDUgMTAuOTI0TDYuOTQ4MzIgMTIuMDEzTDcuNTY1NzcgMTEuMzkyNlY2LjI3MjIxQzguMDg2MDUgNi4xMzE0NCA4LjUwNzU5IDUuODU3NTggOC44MzA0MSA1LjQ1MDYyQzkuMTUzMjMgNS4wNDM2NiA5LjMxNDY0IDQuNTY0OTUgOS4zMTQ2NCA0LjAxNDQ5QzkuMzE0NjQgMy4zNzA4NSA5LjA4OSAyLjgyMjMxIDguNjM3NzMgMi4zNjg4NUM4LjE4NjQ1IDEuOTE1NCA3LjY0MDU1IDEuNjg4NjcgNyAxLjY4ODY3QzYuMzU5NDUgMS42ODg2NyA1LjgxMzU1IDEuOTE1NCA1LjM2MjI3IDIuMzY4ODVDNC45MTEgMi44MjIzMSA0LjY4NTM2IDMuMzcwODUgNC42ODUzNiA0LjAxNDQ5WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==")',
-    position: 'absolute',
-    left: '0px',
-    top: '2px',
-    lineHeight: '0',
-    verticalAlign: 'middle'
-  },
-  '.cm-completionIcon.cm-completionIcon-variable::after': {
-    content: 'url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNjA1MjEgMTEuOTExVjcuODg0ODFMMS44MjU3NiA1LjkxNDYxVjkuOTQwODFMNS42MDUyMSAxMS45MTFaTTYuNDMwOTcgMTEuOTExTDEyLjE3NDIgOC42MDY3OVY0LjU4MDU5TDYuNDMwOTcgNy44ODQ4MVYxMS45MTFaTTYuMDE4MDkgNy4yMzE0MUwxMS44NzI1IDMuODY5OTlMNy45NjYwMyAxLjg1Njg5TDIuMTI3NDggNS4yMTgzMUw2LjAxODA5IDcuMjMxNDFaTTEgMTAuMzc2NFY0Ljk1NzYxTDcuOTgxOTEgMUwxMyAzLjYwOTI5VjkuMDI4MDlMNi4wMTgwOSAxM0wxIDEwLjM3NjRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K")',
-    position: 'absolute',
-    left: '0px',
-    top: '2px',
-    lineHeight: '0',
-    verticalAlign: 'middle'
-  },
-  '.cm-completionIcon.cm-completionIcon-text::after': {
-    content: 'url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNjA1MjEgMTEuOTExVjcuODg0ODFMMS44MjU3NiA1LjkxNDYxVjkuOTQwODFMNS42MDUyMSAxMS45MTFaTTYuNDMwOTcgMTEuOTExTDEyLjE3NDIgOC42MDY3OVY0LjU4MDU5TDYuNDMwOTcgNy44ODQ4MVYxMS45MTFaTTYuMDE4MDkgNy4yMzE0MUwxMS44NzI1IDMuODY5OTlMNy45NjYwMyAxLjg1Njg5TDIuMTI3NDggNS4yMTgzMUw2LjAxODA5IDcuMjMxNDFaTTEgMTAuMzc2NFY0Ljk1NzYxTDcuOTgxOTEgMUwxMyAzLjYwOTI5VjkuMDI4MDlMNi4wMTgwOSAxM0wxIDEwLjM3NjRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K")',
-    position: 'absolute',
-    left: '0px',
-    top: '2px',
-    lineHeight: '0',
-    verticalAlign: 'middle'
-  },
-  '.cm-completionIcon.cm-completionIcon-function::after': {
-    content: 'url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNzE5ODMgNC4zNTY0NUwzLjMxODk0IDQuODA1NjZMMy4zNTgzNCA0Ljk3NTU5SDQuMzkwNjJDNC4xNzk4MyA2LjE4NDU3IDQuMDIyMjMgNy4yNzQ0MSAzLjcxOTgzIDguOTU0MUMzLjM1ODM0IDExLjA5NjcgMy4xNTA1IDExLjYyMyAzLjAyNzM4IDExLjgxNTRDMi45MTkwMyAxMi4wMDU5IDIuNzYzNCAxMi4xMDQ1IDIuNTUyNjEgMTIuMTA0NUMyLjMyMTEzIDEyLjEwNDUgMS45MDI1IDExLjkyMjkgMS42Nzc5MiAxMS43MTY4QzEuNTk3MTUgMTEuNjYyMSAxLjUwMTYxIDExLjY3NTggMS40MDAxNSAxMS43NDIyQzEuMTk3MjQgMTEuOTEyMSAxLjAwMDI0IDEyLjE3MzggMS4wMDAyNCAxMi40MDgyQzAuOTg4NDIgMTIuNzI0NiAxLjQxNDkzIDEzIDEuODIxNzMgMTNDMi4xODAyNyAxMyAyLjcwODI0IDEyLjc3NzMgMy4yNjM3OCAxMi4yNTM5QzQuMDIzMjIgMTEuNTQgNC41OTE1NiAxMC41NjA1IDUuMDY2MzMgOC40NDMzNkM1LjM3MTY5IDcuMDkxOCA1LjUxNTUgNi4yMTI4OSA1LjczMDIzIDQuOTc2NTZMNy4wMTI3IDQuODYxMzNMNy4yOTA0NyA0LjM1NjQ1SDUuODQ2NDZDNi4yMTk3NyAyLjAyODMyIDYuNTExMzMgMS42ODM1OSA2Ljg2OTg4IDEuNjgzNTlDNy4xMDgyNSAxLjY4MzU5IDcuMzg2MDIgMS44NjUyMyA3LjcwNTE2IDIuMjIyNjZDNy43OTk3MiAyLjM1MTU2IDcuOTQxNTYgMi4zMzc4OSA4LjA0OTkxIDIuMjVDOC4yMzIxNCAyLjE0MjU4IDguNDU2NzIgMS44NjcxOSA4LjQ3MTQ5IDEuNjE3MTlDOC40ODIzMyAxLjM0MTggOC4xNTEzNyAxIDcuNTgyMDMgMUM3LjA2NTg5IDEgNi4yNzQ5MyAxLjM0MTggNS42MTAwNiAyLjAxMzY3QzUuMDI2OTMgMi42MjU5OCA0LjcyMTU4IDMuMzkwNjIgNC41MTA3OSA0LjM1NjQ1SDMuNzE5ODNaTTcuODIzMzYgNS45MTUwNEM4LjIyMTMgNS4zODk2NSA4LjQ1OTY3IDUuMjE0ODQgOC41ODI4IDUuMjE0ODRDOC43MDk4NiA1LjIxNDg0IDguODExMzIgNS4zMzg4NyA5LjAyOSA2LjAzNjEzTDkuNDAxMzMgNy4yMjY1NkM4LjY4MTMgOC4zMTgzNiA4LjE1NDMyIDguOTI2NzYgNy44MzQxOSA4LjkyNjc2QzcuNzI3ODEgOC45MjY3NiA3LjYyMDQ1IDguODkzNTUgNy41NDQ2IDguODE5MzRDNy40Njk3NCA4Ljc0NTEyIDcuMzg3IDguNjgzNTkgNy4zMDYyMyA4LjY4MzU5QzcuMDQyMjUgOC42ODM1OSA2LjcxNTIzIDkuMDAwOTggNi43MDkzMiA5LjM5NDUzQzYuNzAzNDEgOS43OTU5IDYuOTg3MDkgMTAuMDgzIDcuMzU5NDIgMTAuMDgzQzcuOTk4NjkgMTAuMDgzIDguNTM5NDYgOS40NjA5NCA5LjU4MzU2IDcuODExNTJMOS44ODg5MSA4LjgzMjAzQzEwLjE1MDkgOS43MDg5OCAxMC40NTgyIDEwLjA4MyAxMC44NDI0IDEwLjA4M0MxMS4zMTcyIDEwLjA4MyAxMS45NTU0IDkuNjgxNjQgMTIuNjUxOCA4LjU5NjY4TDEyLjM2MDMgOC4yNjY2QzExLjk0MTcgOC43NjY2IDExLjY2MzkgOS4wMDA5OCAxMS40OTk0IDkuMDAwOThDMTEuMzE2MiA5LjAwMDk4IDExLjE1NTYgOC43MjM2MyAxMC45NDM4IDguMDQxOTlMMTAuNDk3NiA2LjYwMzUyQzEwLjc2MTYgNi4yMTc3NyAxMS4wMjE3IDUuODkzNTUgMTEuMjUwMiA1LjYzNDc3QzExLjUyMiA1LjMyNzE1IDExLjczMTkgNS4xOTYyOSAxMS44NzQ3IDUuMTk2MjlDMTEuOTk0OCA1LjE5NjI5IDEyLjA5OTMgNS4yNDcwNyAxMi4xNjQzIDUuMzE4MzZDMTIuMjUgNS40MTIxMSAxMi4zMDEyIDUuNDU2MDUgMTIuNDAyNiA1LjQ1NjA1QzEyLjYzMjEgNS40NTYwNSAxMi45ODY3IDUuMTY2OTkgMTIuOTk5NiA0Ljc4NDE4QzEzLjAxMTQgNC40Mjg3MSAxMi43ODg4IDQuMTI1OTggMTIuNDAyNiA0LjEyNTk4QzExLjgxOTUgNC4xMjU5OCAxMS4zMDUzIDQuNjI0MDIgMTAuMzE1NCA2LjA4MzAxTDEwLjExMTUgNS40NTcwM0M5LjgyNTg3IDQuNTc4MTIgOS42MzY3NSA0LjEyNTk4IDkuMjM4ODEgNC4xMjU5OEM4Ljc3NTg2IDQuMTI1OTggOC4xMzk1NSA0LjY5MDQzIDcuNTE3MDIgNS41ODQ5Nkw3LjgyMzM2IDUuOTE1MDRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K")',
-    position: 'absolute',
-    left: '0px',
-    top: '2px',
-    lineHeight: '0',
-    verticalAlign: 'middle'
-  },
-  '.cm-completionIcon.cm-completionIcon-class::after': {
-    content: 'url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuOTA2NjUgMTNMMS41IDEwVjRMNi45MDY2NSAxTDEyLjMxMzMgNFYxMEw2LjkwNjY1IDEzWk01LjE0ODk3IDUuNTA3MzJDNS4zNjUzNSA1LjI1NzQyIDUuNjI5MTQgNS4wNTkxOCA1Ljk0MDM0IDQuOTEyNTlDNi4yNTE2NSA0Ljc2NiA2LjU3Mzc1IDQuNjkyNzEgNi45MDY2NSA0LjY5MjcxQzcuMjM5NTQgNC42OTI3MSA3LjU2MTY0IDQuNzY2IDcuODcyOTYgNC45MTI1OUM4LjE4NDE1IDUuMDU5MTggOC40NDc5NCA1LjI1NzQyIDguNjY0MzIgNS41MDczMkwxMC45MjUzIDQuMjYyMjRMNi45MDY2NSAyLjAzMTc0TDIuODg3OTkgNC4yNjIyNEw1LjE0ODk3IDUuNTA3MzJaTTYuNDU4OTYgMTEuNzMzN1Y5LjI3ODJDNS45MjExNyA5LjE2Njg1IDUuNDc2ODEgOC44OTg0MSA1LjEyNTkgOC40NzI4OEM0Ljc3NDg3IDguMDQ3MjQgNC41OTkzNSA3LjU1NjI4IDQuNTk5MzUgN0M0LjU5OTM1IDYuODgzNDkgNC42MDU1NSA2Ljc2NDA1IDQuNjE3OTUgNi42NDE2OEM0LjYzMDIzIDYuNTE5NDMgNC42NjM3NSA2LjQwNTczIDQuNzE4NSA2LjMwMDU4TDIuMzk1MzcgNS4wMDQwMlY5LjQ3NTUyTDYuNDU4OTYgMTEuNzMzN1pNNi45MDY2NSA4LjQxMTkzQzcuMzA0MDUgOC40MTE5MyA3LjYzODcyIDguMjc1OTYgNy45MTA2NiA4LjAwNDAyQzguMTgyNiA3LjczMjA4IDguMzE4NTcgNy4zOTc0MSA4LjMxODU3IDdDOC4zMTg1NyA2LjYwMjU5IDguMTgyNiA2LjI2NzkyIDcuOTEwNjYgNS45OTU5OEM3LjYzODcyIDUuNzI0MDQgNy4zMDQwNSA1LjU4ODA3IDYuOTA2NjUgNS41ODgwN0M2LjUwOTI0IDUuNTg4MDcgNi4xNzQ1NyA1LjcyNDA0IDUuOTAyNjMgNS45OTU5OEM1LjYzMDY5IDYuMjY3OTIgNS40OTQ3MiA2LjYwMjU5IDUuNDk0NzIgN0M1LjQ5NDcyIDcuMzk3NDEgNS42MzA2OSA3LjczMjA4IDUuOTAyNjMgOC4wMDQwMkM2LjE3NDU3IDguMjc1OTYgNi41MDkyNCA4LjQxMTkzIDYuOTA2NjUgOC40MTE5M1pNNy4zNTQzMyAxMS43MzM3TDExLjQxNzkgOS40NzU1MlY1LjAwNDAyTDkuMDk0NzkgNi4zMDA1OEM5LjEzODA3IDYuNDA1NzMgOS4xNjg3MSA2LjUxOTQzIDkuMTg2NzQgNi42NDE2OEM5LjIwNDg3IDYuNzY0MDUgOS4yMTM5NCA2Ljg4MzQ5IDkuMjEzOTQgN0M5LjIxMzk0IDcuNTU2MjggOS4wMzg0MyA4LjA0NzI0IDguNjg3NCA4LjQ3Mjg4QzguMzM2NDggOC44OTg0MSA3Ljg5MjEzIDkuMTY2ODUgNy4zNTQzMyA5LjI3ODJWMTEuNzMzN1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo= ")',
-    position: 'absolute',
-    left: '0px',
-    top: '2px',
-    lineHeight: '0',
-    verticalAlign: 'middle'
-  },
-  '.cm-completionLabel': {
-    marginLeft: '18px',
-  }
-};

package/src/nile-content-editor/nile-content-editor.css.ts

@@ -1,111 +0,0 @@
-/**
- * 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';
-
-/**
- * AttributeExpression CSS
- */
-export const styles = css`
-  :host {
-    box-sizing: border-box;
-    font-size: var(--nile-type-scale-3);
-    overflow: hidden;
-    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
-  }
-
-  .content-editable-wrapper {
-    position: relative;
-    width: 100%;
-    box-sizing: border-box;
-  }
-
-  .dropdown-position {
-    position: relative;
-    bottom: 1px;
-  }
-  .content-editable-input {
-    box-sizing: border-box;
-    width: 100%;
-    padding: var(--nile-spacing-9px);
-    border: 1px solid var(--nile-colors-neutral-500);
-    border-radius: var(--nile-radius-radius-xs);
-    overflow: auto;
-    overflow-x: auto;
-    overflow-anchor: none;
-    scrollbar-width: none;
-    -ms-overflow-style: none;
-    cursor: text;
-    white-space: nowrap;
-    background-color: var(--nile-colors-white-base);
-    height: 38px;
-  }
-  .content-editable-input:focus {
-    outline: none;
-  }
-
-  .error {
-    border-color: var(--nile-colors-red-500);
-  }
-
-  .read-only {
-    background-color: var(--nile-colors-dark-200);
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .chips {
-    display: inline;
-    background: var(--nile-colors-neutral-400);
-    color: var(--nile-colors-dark-900);
-    border-radius: var(--nile-radius-radius-xs);
-    padding: var(--nile-spacing-sm);
-    height: 24px;
-    line-height: 10px;
-    margin-left: var(--nile-height-26px);
-    letter-spacing: 0.2px;
-  }
-
-  .text-area {
-    height: 120px;
-    overflow: scroll;
-    line-height: var(--nile-line-height-medium);
-  }
-
-  .text-area .chips {
-    padding: var(--nile-spacing-xs) var(--nile-spacing-md);
-  }
-
-  .chip-error {
-    background: var(--nile-colors-red-400);
-  }
-  .nile-options-container {
-    box-sizing: border-box;
-    background-color: var(--nile-colors-white-base);
-    border: 1px solid var(--nile-colors-neutral-500);
-    overflow: auto;
-    max-height: 150px;
-  }
-
-  label {
-    display: inline-block;
-    margin-bottom: var(--nile-spacing-sm);
-    font-family: var(--nile-font-family-serif-colfax-medium);
-  }
-
-  .asterik {
-    color: var(--nile-colors-red-500);
-  }
-
-  .no-border {
-    border: none;
-  }
-`;
-
-export default [styles];

package/src/nile-content-editor/nile-content-editor.ts

@@ -1,407 +0,0 @@
-/**
- * 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 { html, TemplateResult } from 'lit';
-import { customElement, query, state, property } from 'lit/decorators.js';
-import { styles } from './nile-content-editor.css';
-import { CSSResultGroup } from 'lit';
-import { classMap } from 'lit/directives/class-map.js';
-import NileElement from '../internal/nile-element';
-import { watch } from '../internal/watch';
-import { KeyCode } from '../internal/enum';
-import { live } from 'lit/directives/live.js';
-
-/**
- * Nile icon component.
- *
- * @tag nile-attribute-expression
- *
- */
-@customElement('nile-content-editor')
-export class NileContentEditor extends NileElement {
-  /**
- * @summary Allows you to handle both input and dropdown selection
-
- * @dependency nile-option
- 
- * @event nile-change - Emitted when the control's value changes.  
- */
-
-  @property() value: string = '';
-
-  @property() options: Array<any>;
-
-  @property() filteredOptions: Array<any>;
-
-  @property() showLabel: boolean = true;
-
-  @property() labelText = '';
-
-  @property() type = 'text|text-area';
-
-  @property() required: boolean = true;
-
-  @query('.content-editable-input') contentEditor: HTMLInputElement;
-  @query('.nile-options-container') autoOptions: HTMLInputElement;
-
-  @state() openDropdown = false;
-
-  tagIdentifier = '$';
-
-  filteredValue = '';
-
-  @property({ attribute: 'help-text' }) helpText = '';
-
-  @property({ attribute: 'readonly' }) readonly = false;
-
-  @property({ attribute: 'error-message' }) errorMessage = '';
-
-  @property({ attribute: 'error' }) error = false;
-  @property({ attribute: 'noborder' }) noborder = false;
-  @property({ type: Boolean }) updateValue: any = false;
-
-  @state() initialValue = '';
-
-  static styles: CSSResultGroup = styles;
-
-  connectedCallback() {
-    this.handleOutsideClick = this.handleOutsideClick.bind(this);
-    this.handleClipboardEvent = this.handleClipboardEvent.bind(this);
-    super.connectedCallback();
-    this.emit('nile-init');
-    this.addOpenListeners();
-    this.setInitialValues();
-  }
-
-  addOpenListeners() {
-    window.addEventListener('click', this.handleOutsideClick);
-    this.addEventListener('cut', this.handleClipboardEvent);
-    this.addEventListener('copy', this.handleClipboardEvent);
-    this.addEventListener('paste', this.handleClipboardEvent);
-  }
-
-  removeOpenListeners() {
-    this.removeEventListener('click', this.handleOutsideClick);
-    this.removeEventListener('cut', this.handleClipboardEvent);
-    this.removeEventListener('copy', this.handleClipboardEvent);
-    this.removeEventListener('paste', this.handleClipboardEvent);
-  }
-
-  handleOutsideClick(event: any) {
-    if (event && event.target && !this.contains(event.target)) {
-      this.toggleDropdown(false);
-    }
-  }
-
-  async handleClipboardEvent(event: Event) {
-    const selectedText = window?.getSelection()?.toString();
-    switch (event.type) {
-      case 'cut':
-      case 'copy':
-        if (!!selectedText) await navigator.clipboard.writeText(selectedText);
-        document.execCommand(event.type);
-        break;
-      case 'paste':
-        event.preventDefault();
-        let pastedText = '';
-        pastedText = await navigator.clipboard.readText();
-        pastedText = pastedText
-          .replace(/<(|\/)(html|body|meta|span)[^>]*?>/gi, '')
-          .trim();
-        document.execCommand('insertText', false, pastedText);
-        break;
-      default:
-        break;
-    }
-    setTimeout(() => {
-      this.emitInputChange();
-    });
-  }
-
-  toggleDropdown(value: boolean) {
-    this.openDropdown = value;
-  }
-
-  setInitialValues() {
-    this.updateComplete.then(res => {
-      if (res)
-        this.contentEditor.innerHTML = this.generateHTMLTagsWithValues(
-          this.value
-        );
-    });
-  }
-
-  @watch(['type', 'value'], { waitUntilFirstUpdate: true })
-  handleTypeChange() {
-    if (this.updateValue) {
-      this.contentEditor.innerHTML = this.generateHTMLTagsWithValues(
-        this.value
-      );
-    }
-  }
-
-  disconnectedCallback(): void {
-    super.disconnectedCallback();
-    this.removeOpenListeners();
-    this.emit('nile-destroy');
-  }
-
-  private handlekeyDown(event: any) {
-    if (event.code === KeyCode.ENTER && this.type === 'text') {
-      event.preventDefault();
-      return;
-    }
-    if (
-      [KeyCode.CUT, KeyCode.COPY, KeyCode.PASTE].includes(event.code) &&
-      (event.ctrlKey || event.metaKey)
-    ) {
-      return;
-    }
-
-    if (event.code === KeyCode.ESCAPE) {
-      event.preventDefault();
-      this.toggleDropdown(false);
-      return;
-    }
-    setTimeout(() => {
-      const value = this.contentEditor.innerText;
-      this.emitInputChange();
-      if (value.includes(this.tagIdentifier)) {
-        this.insertNodes(this.contentEditor, this.contentEditor.childNodes);
-        this.filterOptions();
-        this.toggleDropdown(true);
-      } else {
-        this.toggleDropdown(false);
-      }
-    }, 10);
-  }
-
-  filterOptions() {
-    this.filteredOptions = this.options;
-    this.filteredValue = this.filteredValue.trim();
-    if (!!this.options.length && !!this.filteredValue) {
-      this.filteredOptions = this.options.filter(item =>
-        item.includes(this.filteredValue)
-      );
-    } else {
-      this.filteredOptions = this.options;
-    }
-  }
-
-  generateValuesFromHTMLTags(string: any): string {
-    let errorTag =
-      /<span class="chips chip-error" contenteditable="false">(.*?)<\/span>/g;
-    this.error = !!string.match(errorTag);
-    var pattern =
-      /<span class="chips(?: chip-error)?" contenteditable="false">(.*?)<\/span>/g;
-    let result = string.replace(pattern, (match: any, option: any) => {
-      return '{{' + option + '}}';
-    });
-    return result;
-  }
-
-  generateHTMLTagsWithValues(string: any): string {
-    var pattern = /{{(.*?)}}/g;
-    var result = string.replace(pattern, (match: any, option: any) => {
-      return this.options.includes(option)
-        ? '<span class="chips" contenteditable="false">' + option + '</span>'
-        : this.setError(option);
-    });
-    return result;
-  }
-
-  setError(option: any) {
-    this.error = true;
-    return (
-      '<span class="chips chip-error" contenteditable="false">' +
-      option +
-      '</span>'
-    );
-  }
-
-  emitInputChange(): void {
-    if (this.contentEditor) {
-      let fieldValue = this.contentEditor.innerHTML;
-      fieldValue = fieldValue.replace(/&nbsp;/g, ' ');
-      fieldValue = fieldValue.replace('<br>', '');
-      this.emit('nile-change', {
-        value: this.generateValuesFromHTMLTags(fieldValue),
-      });
-    }
-  }
-
-  replaceText = '';
-
-  insertNodes(
-    parentNode: Node,
-    childNodes: NodeList,
-    autoOptionsTag?: HTMLElement
-  ) {
-    [...childNodes].forEach((node: Node, index: number) => {
-      if (node.hasChildNodes()) {
-        if (autoOptionsTag) {
-          this.insertNodes(node, node.childNodes, autoOptionsTag);
-        } else {
-          this.insertNodes(node, node.childNodes);
-        }
-      } else {
-        if (node.nodeValue?.includes(this.tagIdentifier)) {
-          if (autoOptionsTag) {
-            this.insertAutoOptionsTag(node, autoOptionsTag);
-          }
-
-          this.setFilterValue(node.nodeValue);
-
-          return;
-        }
-      }
-    });
-  }
-
-  insertAutoOptionsTag(node: any, autoOptionsTag: any) {
-    const selection = window.getSelection();
-    const range = document.createRange();
-    const curssorNodeindex = node.nodeValue.indexOf(this.tagIdentifier);
-    range.setStart(node, curssorNodeindex);
-    range.insertNode(autoOptionsTag);
-    range.setStartAfter(autoOptionsTag);
-    range.collapse(true);
-    selection?.removeAllRanges();
-    selection?.addRange(range);
-
-    if (autoOptionsTag.nextSibling?.nodeValue) {
-      autoOptionsTag.nextSibling.nodeValue =
-        autoOptionsTag.nextSibling?.nodeValue?.replace(
-          this.tagIdentifier + this.filteredValue,
-          ''
-        );
-    }
-    this.contentEditor.focus();
-  }
-
-  setFilterValue(value: any) {
-    //replace Text - check if text exists after tagidentifier , if exists take account of that too
-    if (!this.openDropdown) {
-      this.replaceText = value.split(this.tagIdentifier).slice(1).join();
-    }
-    if (!!value && this.openDropdown) {
-      this.filteredValue = value
-        ?.split(this.tagIdentifier)
-        .slice(1)
-        .join()
-        .replace(this.replaceText, '');
-    } else {
-      this.filteredValue = '';
-    }
-  }
-
-  handleOptions(option: any): void {
-    this.toggleDropdown(false);
-    let autoOptionsTag = document.createElement('span');
-    autoOptionsTag.setAttribute('class', 'chips');
-    autoOptionsTag.setAttribute('contentEditable', 'false');
-    autoOptionsTag.innerText = option;
-    this.insertNodes(
-      this.contentEditor,
-      this.contentEditor.childNodes,
-      autoOptionsTag
-    );
-    this.resetOptions();
-    this.emitInputChange();
-  }
-
-  resetOptions() {
-    this.filteredOptions = this.options;
-    this.filteredValue = '';
-  }
-
-  public renderAutoOptions(): TemplateResult {
-    return html`<div
-      class="${classMap({
-        'nile-options-container': true,
-        'dropdown-position': this.type === 'text-area',
-      })}"
-    >
-      ${this.filteredOptions &&
-      this.filteredOptions.map((option: any) => {
-        return html` <nile-option
-          .value="${option}"
-          @click="${(event: Event) => {
-            this.handleOptions(option);
-          }}"
-          >${option}
-        </nile-option>`;
-      })}
-    </div>`;
-  }
-
-  public render(): TemplateResult {
-    const hasHelpText = this.helpText ? true : false;
-    const hasError = !!this.error;
-    const hasErrorMessage = !!this.errorMessage;
-    const readonly = !!this.readonly;
-    const noborder = !!this.noborder;
-    const type = this.type;
-    return html`
-      <nile-popup
-        .active="${live(this.openDropdown)}"
-        sync="width"
-        strategy="fixed"
-        placement="bottom"
-        class=${classMap({
-          dropdown: true,
-          'dropdown--open': true,
-          popup: true,
-        })}
-      >
-        <div class="content-editable-wrapper" slot="anchor">
-          ${this.showLabel && this.labelText
-            ? html`<label class="ods-label">${this.labelText} </label> ${this
-                  .required
-                  ? html`<span class="asterik">*</span>`
-                  : ''}`
-            : ''}
-          <div
-            contenteditable="${!readonly}"
-            spellcheck="false"
-            class=${classMap({
-              'content-editable-input': true,
-              error: hasError || hasErrorMessage,
-              'read-only': readonly,
-              'no-border': noborder,
-              'text-area': type === 'text-area' ? true : false,
-            })}
-            @keydown=${this.handlekeyDown}
-          ></div>
-          ${hasHelpText
-            ? html`
-                <nile-form-help-text>${this.helpText}</nile-form-help-text>
-              `
-            : ``}
-          ${hasErrorMessage
-            ? html`
-                <nile-form-error-message
-                  >${this.errorMessage}</nile-form-error-message
-                >
-              `
-            : ``}
-        </div>
-        ${this.filteredOptions && !!this.filteredOptions.length
-          ? this.renderAutoOptions()
-          : null}
-      </nile-popup>
-    `;
-  }
-}
-
-export default NileContentEditor;
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'nile-content-editor': NileContentEditor;
-  }
-}