@aquera/nile-elements 0.1.75-beta-1.1 → 0.1.75-beta-2.0

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

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

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

@@ -171,6 +171,16 @@ export { default as flowmapworkflow } from './flowmap-workflow';
 export { default as flowmap } from './flowmap';
 export { default as folder } from './folder';
 export { default as foreach } from './foreach';
+export { default as format_align_justify } from './format_align_justify';
+export { default as format_align_left } from './format_align_left';
+export { default as format_align_middle } from './format_align_middle';
+export { default as format_align_right } from './format_align_right';
+export { default as format_bold } from './format_bold';
+export { default as format_clear } from './format_clear';
+export { default as format_italic } from './format_italic';
+export { default as format_list_bulleted } from './format_list_bulleted';
+export { default as format_list_numbered } from './format_list_numbered';
+export { default as format_underline } from './format_underline';
 export { default as frequency } from './frequency';
 export { default as fullunion } from './full-union';
 export { default as fullscreen } from './fullscreen';
@@ -214,6 +224,7 @@ export { default as identityledger } from './identityledger';
 export { default as ifelse } from './ifelse';
 export { default as ifelsenew } from './ifelsenew';
 export { default as image } from './image';
+export { default as image_2 } from './image_2';
 export { default as immutable } from './immutable';
 export { default as infoicon } from './info-icon';
 export { default as info } from './info';
@@ -237,6 +248,7 @@ export { default as leftpointarrow } from './leftpointarrow';
 export { default as lifebuoy01 } from './life-buoy-01';
 export { default as line } from './line';
 export { default as link } from './link';
+export { default as link_2 } from './link_2';
 export { default as listattribute } from './list-attribute';
 export { default as list } from './list';
 export { default as loader } from './loader';

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

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

package/src/nile-link/nile-link.css.ts

@@ -43,6 +43,7 @@ export const styles = css`
   .link--disabled {
     color: rgba(0, 94, 166, 0.5);
     cursor: not-allowed;
+    pointer-events: none;
     opacity: 0.6;
   }
 

package/src/nile-option/nile-option.ts

@@ -50,7 +50,7 @@ export class NileOption extends NileElement {
 
   @state() current = false; // the user has keyed into the option, but hasn't selected it yet (shows a highlight)
   @state() hasHover = false; // we need this because Safari doesn't honor :hover styles while dragging
-  @state() hidden = false; // the option is hidden
+  @property({ type: Boolean, reflect: true, attribute: true }) hidden = false; // the option is hidden
   @state() isMultipleSelect = false;
 
   /**

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

@@ -0,0 +1 @@
+export { NileRichTextEditor } from './nile-rich-text-editor';

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

@@ -0,0 +1,154 @@
+ 
+import { css } from 'lit';
+
+export const styles = css`
+  .editor { all: revert; }
+
+  nile-rich-text-editor {
+    position: relative;
+    display: block;
+    font-family: inherit;
+  }
+
+
+  .rte-container {
+    width: 100%;
+    border: 1px solid var(--nile-colors-neutral-400);
+    border-radius: var(--nile-radius-radius-xl);
+    background: white;
+    box-sizing: border-box;
+  }
+
+ 
+.rte-container nile-rte-toolbar {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 8px;
+  border-bottom: 1px solid var(--nile-colors-neutral-400);
+  background: white;
+  border-radius: 8px 8px 0 0;
+
+  width: 100%;            
+  box-sizing: border-box; 
+}
+
+
+  .rte-container .editor {
+    min-height: 160px;
+    width: 100%;
+    padding: 12px;
+    background: white;
+    border-radius: 0 0 8px 8px;
+    outline: none;
+    tab-size: 4;
+    -moz-tab-size: 4;
+    word-break: break-word;
+    box-sizing: border-box;
+    border-radius: var(--nile-radius-radius-xl);
+  }
+
+ 
+nile-rte-preview {
+  display: block;
+  width: 100%;
+  margin-top: 16px;       
+  padding: 12px;
+  border: 1px dashed var(--nile-colors-neutral-400);
+  border-radius: var(--nile-radius-radius-xl);
+  background: white;
+  box-sizing: border-box;
+  word-wrap: break-word;
+}
+
+
+
+  nile-rte-toolbar-item nile-button::part(base) {
+    width: 32px;
+    height: 32px;
+    padding: 0px 6px;
+    border: none;
+  }
+
+  nile-rte-toolbar-item > button,
+  nile-rte-toolbar button {
+    border: 1px solid var(--nile-colors-neutral-400);
+    background: white;
+    border-radius: var(--nile-radius-radius-lg);
+    cursor: pointer;
+  }
+
+  nile-rte-toolbar-item > button nile-icon { pointer-events: none; }
+
+  nile-rte-toolbar-item > button.active {
+    border-color: #2563eb;
+    background: white;
+  }
+
+ 
+  .editor p { margin: 1em 0; }
+  .editor h1, .preview h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+    font-weight: bold;
+  }
+  .editor h2, .preview h2 {
+    font-size: 1.5em;
+    margin: 0.83em 0;
+    font-weight: bold;
+  }
+  .editor h3 { font-size: 1.17em; }
+  .editor h4 { font-size: 1em; }
+  .editor h5 { font-size: 0.83em; }
+  .editor h6 { font-size: 0.67em; }
+
+
+  .editor.single-line {
+    min-height: 50px;
+    max-height: 50px;
+    overflow-x: auto;
+    white-space: nowrap;
+    padding: 0px 12px 0px 12px;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+  }
+  nile-rte-preview.single-line {
+    min-height: 50px;
+    max-height: 50px;
+    padding: 0px 12px 0px 12px;
+    overflow-x: auto;
+    white-space: nowrap;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+  }
+  nile-rte-divider { 
+  margin: 0 4px;
+  display: inline-block;
+  height: 24px;
+  width: 1px;
+  background: var(--nile-colors-neutral-400);
+  }
+ 
+  .editor ul,
+.editor ol {
+  list-style-position: inside;  
+  padding: 0px;
+}
+
+
+ 
+ 
+
+  nile-rte-toolbar-item  nile-button[data-active]::part(base) {
+  background-color: var(--nile-colors-primary-400);
+}
+
+nile-rte-toolbar-item nile-button[data-active]::part(base):hover {
+  background-color: var(--nile-colors-primary-500);  
+}
+
+
+
+`;
+
+export default [styles];