@aquera/nile-elements 0.1.64 → 0.1.65-beta-1.0

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

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+declare const _default: "PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTMuNzU2MyAyMS42MjVWMjAuMzc1SDIzLjA4MzJWMjEuNjI1SDEzLjc1NjNaTTEzLjc1NjMgMTYuNjI1VjE1LjM3NUgyMy4wODMyVjE2LjYyNUgxMy43NTYzWk0xMy43NTYzIDExLjYyNVYxMC4zNzVIMjMuMDgzMlYxMS42MjVIMTMuNzU2M1pNMTAuMzAyOCAyMi4zODYzQzkuOTIxNSAyMi4zODYzIDkuNTk1MTggMjIuMjUwNSA5LjMyMzggMjEuOTc5QzkuMDUyMjcgMjEuNzA3NiA4LjkxNjUgMjEuMzgxMyA4LjkxNjUgMjFDOC45MTY1IDIwLjYxODggOS4wNTIyNyAyMC4yOTI0IDkuMzIzOCAyMC4wMjExQzkuNTk1MTggMTkuNzQ5NSA5LjkyMTUgMTkuNjEzOCAxMC4zMDI4IDE5LjYxMzhDMTAuNjg0IDE5LjYxMzggMTEuMDEwMyAxOS43NDk1IDExLjI4MTcgMjAuMDIxMUMxMS41NTMyIDIwLjI5MjQgMTEuNjg5IDIwLjYxODggMTEuNjg5IDIxQzExLjY4OSAyMS4zODEzIDExLjU1MzIgMjEuNzA3NiAxMS4yODE3IDIxLjk3OUMxMS4wMTAzIDIyLjI1MDUgMTAuNjg0IDIyLjM4NjMgMTAuMzAyOCAyMi4zODYzWk0xMC4zMDI4IDE3LjM4NjNDOS45MjE1IDE3LjM4NjMgOS41OTUxOCAxNy4yNTA1IDkuMzIzOCAxNi45NzlDOS4wNTIyNyAxNi43MDc2IDguOTE2NSAxNi4zODEzIDguOTE2NSAxNkM4LjkxNjUgMTUuNjE4OCA5LjA1MjI3IDE1LjI5MjQgOS4zMjM4IDE1LjAyMTFDOS41OTUxOCAxNC43NDk1IDkuOTIxNSAxNC42MTM4IDEwLjMwMjggMTQuNjEzOEMxMC42ODQgMTQuNjEzOCAxMS4wMTAzIDE0Ljc0OTUgMTEuMjgxNyAxNS4wMjExQzExLjU1MzIgMTUuMjkyNCAxMS42ODkgMTUuNjE4OCAxMS42ODkgMTZDMTEuNjg5IDE2LjM4MTMgMTEuNTUzMiAxNi43MDc2IDExLjI4MTcgMTYuOTc5QzExLjAxMDMgMTcuMjUwNSAxMC42ODQgMTcuMzg2MyAxMC4zMDI4IDE3LjM4NjNaTTEwLjMwMjggMTIuMzg2M0M5LjkyMTUgMTIuMzg2MyA5LjU5NTE4IDEyLjI1MDUgOS4zMjM4IDExLjk3OUM5LjA1MjI3IDExLjcwNzYgOC45MTY1IDExLjM4MTMgOC45MTY1IDExQzguOTE2NSAxMC42MTg4IDkuMDUyMjcgMTAuMjkyNCA5LjMyMzggMTAuMDIxMUM5LjU5NTE4IDkuNzQ5NTMgOS45MjE1IDkuNjEzNzcgMTAuMzAyOCA5LjYxMzc3QzEwLjY4NCA5LjYxMzc3IDExLjAxMDMgOS43NDk1MyAxMS4yODE3IDEwLjAyMTFDMTEuNTUzMiAxMC4yOTI0IDExLjY4OSAxMC42MTg4IDExLjY4OSAxMUMxMS42ODkgMTEuMzgxMyAxMS41NTMyIDExLjcwNzYgMTEuMjgxNyAxMS45NzlDMTEuMDEwMyAxMi4yNTA1IDEwLjY4NCAxMi4zODYzIDEwLjMwMjggMTIuMzg2M1oiIGZpbGw9ImJsYWNrIi8+PC9zdmc+";
+export default _default;

package/dist/src/nile-icon/icons/svg/ul.js

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+export default "PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTMuNzU2MyAyMS42MjVWMjAuMzc1SDIzLjA4MzJWMjEuNjI1SDEzLjc1NjNaTTEzLjc1NjMgMTYuNjI1VjE1LjM3NUgyMy4wODMyVjE2LjYyNUgxMy43NTYzWk0xMy43NTYzIDExLjYyNVYxMC4zNzVIMjMuMDgzMlYxMS42MjVIMTMuNzU2M1pNMTAuMzAyOCAyMi4zODYzQzkuOTIxNSAyMi4zODYzIDkuNTk1MTggMjIuMjUwNSA5LjMyMzggMjEuOTc5QzkuMDUyMjcgMjEuNzA3NiA4LjkxNjUgMjEuMzgxMyA4LjkxNjUgMjFDOC45MTY1IDIwLjYxODggOS4wNTIyNyAyMC4yOTI0IDkuMzIzOCAyMC4wMjExQzkuNTk1MTggMTkuNzQ5NSA5LjkyMTUgMTkuNjEzOCAxMC4zMDI4IDE5LjYxMzhDMTAuNjg0IDE5LjYxMzggMTEuMDEwMyAxOS43NDk1IDExLjI4MTcgMjAuMDIxMUMxMS41NTMyIDIwLjI5MjQgMTEuNjg5IDIwLjYxODggMTEuNjg5IDIxQzExLjY4OSAyMS4zODEzIDExLjU1MzIgMjEuNzA3NiAxMS4yODE3IDIxLjk3OUMxMS4wMTAzIDIyLjI1MDUgMTAuNjg0IDIyLjM4NjMgMTAuMzAyOCAyMi4zODYzWk0xMC4zMDI4IDE3LjM4NjNDOS45MjE1IDE3LjM4NjMgOS41OTUxOCAxNy4yNTA1IDkuMzIzOCAxNi45NzlDOS4wNTIyNyAxNi43MDc2IDguOTE2NSAxNi4zODEzIDguOTE2NSAxNkM4LjkxNjUgMTUuNjE4OCA5LjA1MjI3IDE1LjI5MjQgOS4zMjM4IDE1LjAyMTFDOS41OTUxOCAxNC43NDk1IDkuOTIxNSAxNC42MTM4IDEwLjMwMjggMTQuNjEzOEMxMC42ODQgMTQuNjEzOCAxMS4wMTAzIDE0Ljc0OTUgMTEuMjgxNyAxNS4wMjExQzExLjU1MzIgMTUuMjkyNCAxMS42ODkgMTUuNjE4OCAxMS42ODkgMTZDMTEuNjg5IDE2LjM4MTMgMTEuNTUzMiAxNi43MDc2IDExLjI4MTcgMTYuOTc5QzExLjAxMDMgMTcuMjUwNSAxMC42ODQgMTcuMzg2MyAxMC4zMDI4IDE3LjM4NjNaTTEwLjMwMjggMTIuMzg2M0M5LjkyMTUgMTIuMzg2MyA5LjU5NTE4IDEyLjI1MDUgOS4zMjM4IDExLjk3OUM5LjA1MjI3IDExLjcwNzYgOC45MTY1IDExLjM4MTMgOC45MTY1IDExQzguOTE2NSAxMC42MTg4IDkuMDUyMjcgMTAuMjkyNCA5LjMyMzggMTAuMDIxMUM5LjU5NTE4IDkuNzQ5NTMgOS45MjE1IDkuNjEzNzcgMTAuMzAyOCA5LjYxMzc3QzEwLjY4NCA5LjYxMzc3IDExLjAxMDMgOS43NDk1MyAxMS4yODE3IDEwLjAyMTFDMTEuNTUzMiAxMC4yOTI0IDExLjY4OSAxMC42MTg4IDExLjY4OSAxMUMxMS42ODkgMTEuMzgxMyAxMS41NTMyIDExLjcwNzYgMTEuMjgxNyAxMS45NzlDMTEuMDEwMyAxMi4yNTA1IDEwLjY4NCAxMi4zODYzIDEwLjMwMjggMTIuMzg2M1oiIGZpbGw9ImJsYWNrIi8+PC9zdmc+";
+//# sourceMappingURL=ul.js.map

package/dist/src/nile-icon/icons/svg/ul.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ul.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/ul.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,s0DAAs0D,CAAC","sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTMuNzU2MyAyMS42MjVWMjAuMzc1SDIzLjA4MzJWMjEuNjI1SDEzLjc1NjNaTTEzLjc1NjMgMTYuNjI1VjE1LjM3NUgyMy4wODMyVjE2LjYyNUgxMy43NTYzWk0xMy43NTYzIDExLjYyNVYxMC4zNzVIMjMuMDgzMlYxMS42MjVIMTMuNzU2M1pNMTAuMzAyOCAyMi4zODYzQzkuOTIxNSAyMi4zODYzIDkuNTk1MTggMjIuMjUwNSA5LjMyMzggMjEuOTc5QzkuMDUyMjcgMjEuNzA3NiA4LjkxNjUgMjEuMzgxMyA4LjkxNjUgMjFDOC45MTY1IDIwLjYxODggOS4wNTIyNyAyMC4yOTI0IDkuMzIzOCAyMC4wMjExQzkuNTk1MTggMTkuNzQ5NSA5LjkyMTUgMTkuNjEzOCAxMC4zMDI4IDE5LjYxMzhDMTAuNjg0IDE5LjYxMzggMTEuMDEwMyAxOS43NDk1IDExLjI4MTcgMjAuMDIxMUMxMS41NTMyIDIwLjI5MjQgMTEuNjg5IDIwLjYxODggMTEuNjg5IDIxQzExLjY4OSAyMS4zODEzIDExLjU1MzIgMjEuNzA3NiAxMS4yODE3IDIxLjk3OUMxMS4wMTAzIDIyLjI1MDUgMTAuNjg0IDIyLjM4NjMgMTAuMzAyOCAyMi4zODYzWk0xMC4zMDI4IDE3LjM4NjNDOS45MjE1IDE3LjM4NjMgOS41OTUxOCAxNy4yNTA1IDkuMzIzOCAxNi45NzlDOS4wNTIyNyAxNi43MDc2IDguOTE2NSAxNi4zODEzIDguOTE2NSAxNkM4LjkxNjUgMTUuNjE4OCA5LjA1MjI3IDE1LjI5MjQgOS4zMjM4IDE1LjAyMTFDOS41OTUxOCAxNC43NDk1IDkuOTIxNSAxNC42MTM4IDEwLjMwMjggMTQuNjEzOEMxMC42ODQgMTQuNjEzOCAxMS4wMTAzIDE0Ljc0OTUgMTEuMjgxNyAxNS4wMjExQzExLjU1MzIgMTUuMjkyNCAxMS42ODkgMTUuNjE4OCAxMS42ODkgMTZDMTEuNjg5IDE2LjM4MTMgMTEuNTUzMiAxNi43MDc2IDExLjI4MTcgMTYuOTc5QzExLjAxMDMgMTcuMjUwNSAxMC42ODQgMTcuMzg2MyAxMC4zMDI4IDE3LjM4NjNaTTEwLjMwMjggMTIuMzg2M0M5LjkyMTUgMTIuMzg2MyA5LjU5NTE4IDEyLjI1MDUgOS4zMjM4IDExLjk3OUM5LjA1MjI3IDExLjcwNzYgOC45MTY1IDExLjM4MTMgOC45MTY1IDExQzguOTE2NSAxMC42MTg4IDkuMDUyMjcgMTAuMjkyNCA5LjMyMzggMTAuMDIxMUM5LjU5NTE4IDkuNzQ5NTMgOS45MjE1IDkuNjEzNzcgMTAuMzAyOCA5LjYxMzc3QzEwLjY4NCA5LjYxMzc3IDExLjAxMDMgOS43NDk1MyAxMS4yODE3IDEwLjAyMTFDMTEuNTUzMiAxMC4yOTI0IDExLjY4OSAxMC42MTg4IDExLjY4OSAxMUMxMS42ODkgMTEuMzgxMyAxMS41NTMyIDExLjcwNzYgMTEuMjgxNyAxMS45NzlDMTEuMDEwMyAxMi4yNTA1IDEwLjY4NCAxMi4zODYzIDEwLjMwMjggMTIuMzg2M1oiIGZpbGw9ImJsYWNrIi8+PC9zdmc+\";"]}

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

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+declare const _default: "PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuNDU1MSAyMi43NzA3VjIxLjUyMDdIMjEuNTQ0N1YyMi43NzA3SDEwLjQ1NTFaTTE1Ljk5OTkgMTkuNzczOUMxNC43MDM5IDE5Ljc3MzkgMTMuNjkyNCAxOS4zODA1IDEyLjk2NTUgMTguNTkzNkMxMi4yMzg0IDE3LjgwNjggMTEuODc0OSAxNi43NTI2IDExLjg3NDkgMTUuNDMwOVY4Ljg0NDQ4SDEzLjQxOTdWMTUuNTA3OEMxMy40MTk3IDE2LjM0OTggMTMuNjQzNSAxNy4wMjQ1IDE0LjA5MTEgMTcuNTMyQzE0LjUzODggMTguMDM5NSAxNS4xNzUgMTguMjkzMiAxNS45OTk5IDE4LjI5MzJDMTYuODI0NyAxOC4yOTMyIDE3LjQ2MSAxOC4wMzk1IDE3LjkwODYgMTcuNTMyQzE4LjM1NjMgMTcuMDI0NSAxOC41ODAxIDE2LjM0OTggMTguNTgwMSAxNS41MDc4VjguODQ0NDhIMjAuMTI0OVYxNS40MzA5QzIwLjEyNDkgMTYuNzUyNiAxOS43NjEzIDE3LjgwNjggMTkuMDM0MiAxOC41OTM2QzE4LjMwNzMgMTkuMzgwNSAxNy4yOTU4IDE5Ljc3MzkgMTUuOTk5OSAxOS43NzM5WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";
+export default _default;

package/dist/src/nile-icon/icons/svg/underline.js

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+export default "PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuNDU1MSAyMi43NzA3VjIxLjUyMDdIMjEuNTQ0N1YyMi43NzA3SDEwLjQ1NTFaTTE1Ljk5OTkgMTkuNzczOUMxNC43MDM5IDE5Ljc3MzkgMTMuNjkyNCAxOS4zODA1IDEyLjk2NTUgMTguNTkzNkMxMi4yMzg0IDE3LjgwNjggMTEuODc0OSAxNi43NTI2IDExLjg3NDkgMTUuNDMwOVY4Ljg0NDQ4SDEzLjQxOTdWMTUuNTA3OEMxMy40MTk3IDE2LjM0OTggMTMuNjQzNSAxNy4wMjQ1IDE0LjA5MTEgMTcuNTMyQzE0LjUzODggMTguMDM5NSAxNS4xNzUgMTguMjkzMiAxNS45OTk5IDE4LjI5MzJDMTYuODI0NyAxOC4yOTMyIDE3LjQ2MSAxOC4wMzk1IDE3LjkwODYgMTcuNTMyQzE4LjM1NjMgMTcuMDI0NSAxOC41ODAxIDE2LjM0OTggMTguNTgwMSAxNS41MDc4VjguODQ0NDhIMjAuMTI0OVYxNS40MzA5QzIwLjEyNDkgMTYuNzUyNiAxOS43NjEzIDE3LjgwNjggMTkuMDM0MiAxOC41OTM2QzE4LjMwNzMgMTkuMzgwNSAxNy4yOTU4IDE5Ljc3MzkgMTUuOTk5OSAxOS43NzM5WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";
+//# sourceMappingURL=underline.js.map

package/dist/src/nile-icon/icons/svg/underline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"underline.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/underline.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,8zBAA8zB,CAAC","sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuNDU1MSAyMi43NzA3VjIxLjUyMDdIMjEuNTQ0N1YyMi43NzA3SDEwLjQ1NTFaTTE1Ljk5OTkgMTkuNzczOUMxNC43MDM5IDE5Ljc3MzkgMTMuNjkyNCAxOS4zODA1IDEyLjk2NTUgMTguNTkzNkMxMi4yMzg0IDE3LjgwNjggMTEuODc0OSAxNi43NTI2IDExLjg3NDkgMTUuNDMwOVY4Ljg0NDQ4SDEzLjQxOTdWMTUuNTA3OEMxMy40MTk3IDE2LjM0OTggMTMuNjQzNSAxNy4wMjQ1IDE0LjA5MTEgMTcuNTMyQzE0LjUzODggMTguMDM5NSAxNS4xNzUgMTguMjkzMiAxNS45OTk5IDE4LjI5MzJDMTYuODI0NyAxOC4yOTMyIDE3LjQ2MSAxOC4wMzk1IDE3LjkwODYgMTcuNTMyQzE4LjM1NjMgMTcuMDI0NSAxOC41ODAxIDE2LjM0OTggMTguNTgwMSAxNS41MDc4VjguODQ0NDhIMjAuMTI0OVYxNS40MzA5QzIwLjEyNDkgMTYuNzUyNiAxOS43NjEzIDE3LjgwNjggMTkuMDM0MiAxOC41OTM2QzE4LjMwNzMgMTkuMzgwNSAxNy4yOTU4IDE5Ljc3MzkgMTUuOTk5OSAxOS43NzM5WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=\";"]}

package/dist/src/nile-input/__snapshots__/nile-input.test.snap.js

@@ -0,0 +1,75 @@
+/* @web/test-runner snapshot v1 */
+export const snapshots = {};
+
+snapshots["nile-input renders correctly"] = 
+`<div
+  class="form-control form-control--has-label form-control--medium"
+  part="form-control"
+>
+  <label
+    aria-hidden="false"
+    class="form-control__label"
+    for="input"
+    part="form-control-label"
+  >
+    <slot name="label">
+      Test Label
+    </slot>
+  </label>
+  <div
+    class="form-control-input"
+    part="form-control-input"
+  >
+    <nile-popup
+      distance="5"
+      exportparts="input"
+      placement="bottom-start"
+      strategy="fixed"
+    >
+      <div
+        class="input input--empty input--medium input--standard"
+        part="base"
+        slot="anchor"
+      >
+        <slot
+          class="input__prefix"
+          name="prefix"
+          part="prefix"
+        >
+        </slot>
+        <input
+          aria-describedby="help-text"
+          autocomplete="off"
+          class="input__control"
+          id="input"
+          name=""
+          part="input"
+          placeholder=""
+          spellcheck="true"
+          title=""
+          type="text"
+        >
+        <slot
+          class="input__suffix"
+          name="suffix"
+          part="suffix"
+        >
+        </slot>
+      </div>
+      <div class="input__non-printable">
+        Non-printable character detected.
+        <nile-badge
+          class="input__remove-non-printable"
+          variant="error"
+        >
+          Remove All
+        </nile-badge>
+        <div class="input__srtiked-text-container">
+        </div>
+      </div>
+    </nile-popup>
+  </div>
+</div>
+`;
+/* end snapshot nile-input renders correctly */
+

package/dist/src/nile-lightdomeditor/index.d.ts

@@ -0,0 +1 @@
+export { NileLightdomeditor } from './nile-lightdomeditor';

package/dist/src/nile-lightdomeditor/index.js

@@ -0,0 +1,2 @@
+export { NileLightdomeditor } from './nile-lightdomeditor';
+//# sourceMappingURL=index.js.map

package/dist/src/nile-lightdomeditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-lightdomeditor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC","sourcesContent":["export { NileLightdomeditor } from './nile-lightdomeditor';"]}

package/dist/src/nile-lightdomeditor/nile-lightdomeditor.css.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Lightdomeditor CSS
+ */
+export declare const styles: import("lit").CSSResult;
+declare const _default: import("lit").CSSResult[];
+export default _default;

package/dist/src/nile-lightdomeditor/nile-lightdomeditor.css.js

@@ -0,0 +1,237 @@
+/**
+* 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';
+/**
+ * Lightdomeditor CSS
+ */
+export const styles = css `
+  :host {
+    /* you can add host-level vars or rules here if needed */
+  }
+
+  .editor-container {
+    border: 1px solid #d1d5db;
+	position: relative;
+    border-radius: 8px;
+    overflow: hidden;
+    background: #ffffff;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  }
+
+  .toolbar {
+    display: flex;
+    gap: 1px;
+    padding: 8px;
+    background: #f8f9fa;
+    border-bottom: 1px solid #e5e7eb;
+    align-items: center;
+    flex-wrap: wrap;
+  }
+
+  .toolbar-group {
+    display: flex;
+    gap: 1px;
+    margin-right: 8px;
+    border-right: 1px solid #e5e7eb;
+    padding-right: 8px;
+  }
+
+  .toolbar-group:last-child {
+    border-right: none;
+    margin-right: 0;
+    padding-right: 0;
+  }
+
+  .format-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 28px;
+    height: 28px;
+    padding: 4px 6px;
+    border: 1px solid transparent;
+    background: transparent;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 14px;
+    font-family: inherit;
+    color: #374151;
+    transition: all 0.1s ease;
+  }
+  .format-btn:hover {
+    background: #e5e7eb;
+    border-color: #d1d5db;
+  }
+  .format-btn:active {
+    background: #d1d5db;
+  }
+
+  .font-select,
+  .fontsize-select,
+  .heading-select {
+    height: 28px;
+    padding: 4px 8px;
+    border: 1px solid #d1d5db;
+    background: #ffffff;
+    border-radius: 4px;
+    font-size: 14px;
+    font-family: inherit;
+    color: #374151;
+    cursor: pointer;
+  }
+  .font-select { min-width: 100px; }
+  .fontsize-select { min-width: 60px; }
+  .heading-select { min-width: 90px; }
+
+  .color-picker {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 28px;
+    height: 28px;
+    border: 1px solid transparent;
+    background: transparent;
+    border-radius: 4px;
+    cursor: pointer;
+    transition: all 0.1s ease;
+  }
+  .color-picker:hover {
+    background: #e5e7eb;
+    border-color: #d1d5db;
+  }
+  .text-color {
+    flex-direction: column;
+    font-weight: bold;
+    font-size: 16px;
+    color: #374151;
+  }
+  .color-bar {
+    width: 20px;
+    height: 3px;
+    margin-top: -2px;
+  }
+  .color-picker input[type="color"] {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    cursor: pointer;
+  }
+
+  .editor {
+    min-height: 300px;
+    padding: 16px;
+    outline: none;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    font-size: 14px;
+    line-height: 1.6;
+    color: #111827;
+    background: #ffffff;
+  }
+  .editor:empty::before {
+    content: 'Start typing here...';
+    color: #9ca3af;
+    pointer-events: none;
+  }
+  .editor img {
+    max-width: 100%;
+    height: auto;
+    display: block;
+    margin: 8px 0;
+    border-radius: 4px;
+  }
+  .editor blockquote {
+    margin: 16px 0;
+    padding: 8px 16px;
+    border-left: 4px solid #e5e7eb;
+    background: #f9fafb;
+    font-style: italic;
+  }
+  .editor code {
+    background: #f3f4f6;
+    padding: 2px 4px;
+    border-radius: 3px;
+    font-family: 'Courier New', monospace;
+    font-size: 0.9em;
+  }
+  .editor hr {
+    border: none;
+    border-top: 2px solid #e5e7eb;
+    margin: 16px 0;
+  }
+
+  .status-bar {
+    display: flex;
+    justify-content: space-between;
+    padding: 8px 16px;
+    background: #f8f9fa;
+    border-top: 1px solid #e5e7eb;
+    font-size: 12px;
+    color: #6b7280;
+  }
+
+  .preview {
+    border: 1px solid #e5e7eb;
+    background: #ffffff;
+    padding: 16px;
+    border-radius: 8px;
+    margin-top: 16px;
+  }
+  .preview h3 {
+    margin: 0 0 12px 0;
+    color: #374151;
+    font-size: 16px;
+    font-weight: 600;
+  }
+  .preview .content {
+    color: #111827;
+    line-height: 1.6;
+  }
+
+  input[type="file"] {
+    display: none;
+  }
+
+  .mention-dropdown {
+    position: absolute;
+  background: #fff;
+  border: 1px solid #ccc;
+  list-style: none;
+  padding: 4px 0;
+  margin: 0;
+  max-height: 150px;
+  overflow-y: auto;
+  z-index: 100;
+}
+.mention-dropdown li {
+  padding: 4px 12px;
+  cursor: pointer;
+}
+.mention-dropdown li:hover {
+  background: #f0f0f0;
+}
+
+/* styles for the in-editor mentions */
+/* .mention {
+  background-color: #A5D3F3 
+  color: #fff;               
+  padding: 2px 4px;
+  border-radius: 4px;
+  white-space: nowrap;
+} */
+
+/* ensure preview also picks it up */
+/* .preview .mention {
+  background-color: #A5D3F3;
+  color: #fff;
+} */
+
+
+`;
+export default [styles];
+//# sourceMappingURL=nile-lightdomeditor.css.js.map

package/dist/src/nile-lightdomeditor/nile-lightdomeditor.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-lightdomeditor.css.js","sourceRoot":"","sources":["../../../src/nile-lightdomeditor/nile-lightdomeditor.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgOxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\nimport { css } from 'lit';\n\n/**\n * Lightdomeditor CSS\n */\nexport const styles = css`\n  :host {\n    /* you can add host-level vars or rules here if needed */\n  }\n\n  .editor-container {\n    border: 1px solid #d1d5db;\n\tposition: relative;\n    border-radius: 8px;\n    overflow: hidden;\n    background: #ffffff;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  }\n\n  .toolbar {\n    display: flex;\n    gap: 1px;\n    padding: 8px;\n    background: #f8f9fa;\n    border-bottom: 1px solid #e5e7eb;\n    align-items: center;\n    flex-wrap: wrap;\n  }\n\n  .toolbar-group {\n    display: flex;\n    gap: 1px;\n    margin-right: 8px;\n    border-right: 1px solid #e5e7eb;\n    padding-right: 8px;\n  }\n\n  .toolbar-group:last-child {\n    border-right: none;\n    margin-right: 0;\n    padding-right: 0;\n  }\n\n  .format-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 28px;\n    height: 28px;\n    padding: 4px 6px;\n    border: 1px solid transparent;\n    background: transparent;\n    border-radius: 4px;\n    cursor: pointer;\n    font-size: 14px;\n    font-family: inherit;\n    color: #374151;\n    transition: all 0.1s ease;\n  }\n  .format-btn:hover {\n    background: #e5e7eb;\n    border-color: #d1d5db;\n  }\n  .format-btn:active {\n    background: #d1d5db;\n  }\n\n  .font-select,\n  .fontsize-select,\n  .heading-select {\n    height: 28px;\n    padding: 4px 8px;\n    border: 1px solid #d1d5db;\n    background: #ffffff;\n    border-radius: 4px;\n    font-size: 14px;\n    font-family: inherit;\n    color: #374151;\n    cursor: pointer;\n  }\n  .font-select { min-width: 100px; }\n  .fontsize-select { min-width: 60px; }\n  .heading-select { min-width: 90px; }\n\n  .color-picker {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border: 1px solid transparent;\n    background: transparent;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: all 0.1s ease;\n  }\n  .color-picker:hover {\n    background: #e5e7eb;\n    border-color: #d1d5db;\n  }\n  .text-color {\n    flex-direction: column;\n    font-weight: bold;\n    font-size: 16px;\n    color: #374151;\n  }\n  .color-bar {\n    width: 20px;\n    height: 3px;\n    margin-top: -2px;\n  }\n  .color-picker input[type=\"color\"] {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    cursor: pointer;\n  }\n\n  .editor {\n    min-height: 300px;\n    padding: 16px;\n    outline: none;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 14px;\n    line-height: 1.6;\n    color: #111827;\n    background: #ffffff;\n  }\n  .editor:empty::before {\n    content: 'Start typing here...';\n    color: #9ca3af;\n    pointer-events: none;\n  }\n  .editor img {\n    max-width: 100%;\n    height: auto;\n    display: block;\n    margin: 8px 0;\n    border-radius: 4px;\n  }\n  .editor blockquote {\n    margin: 16px 0;\n    padding: 8px 16px;\n    border-left: 4px solid #e5e7eb;\n    background: #f9fafb;\n    font-style: italic;\n  }\n  .editor code {\n    background: #f3f4f6;\n    padding: 2px 4px;\n    border-radius: 3px;\n    font-family: 'Courier New', monospace;\n    font-size: 0.9em;\n  }\n  .editor hr {\n    border: none;\n    border-top: 2px solid #e5e7eb;\n    margin: 16px 0;\n  }\n\n  .status-bar {\n    display: flex;\n    justify-content: space-between;\n    padding: 8px 16px;\n    background: #f8f9fa;\n    border-top: 1px solid #e5e7eb;\n    font-size: 12px;\n    color: #6b7280;\n  }\n\n  .preview {\n    border: 1px solid #e5e7eb;\n    background: #ffffff;\n    padding: 16px;\n    border-radius: 8px;\n    margin-top: 16px;\n  }\n  .preview h3 {\n    margin: 0 0 12px 0;\n    color: #374151;\n    font-size: 16px;\n    font-weight: 600;\n  }\n  .preview .content {\n    color: #111827;\n    line-height: 1.6;\n  }\n\n  input[type=\"file\"] {\n    display: none;\n  }\n\n  .mention-dropdown {\n    position: absolute;\n  background: #fff;\n  border: 1px solid #ccc;\n  list-style: none;\n  padding: 4px 0;\n  margin: 0;\n  max-height: 150px;\n  overflow-y: auto;\n  z-index: 100;\n}\n.mention-dropdown li {\n  padding: 4px 12px;\n  cursor: pointer;\n}\n.mention-dropdown li:hover {\n  background: #f0f0f0;\n}\n\n/* styles for the in-editor mentions */\n/* .mention {\n  background-color: #A5D3F3 \n  color: #fff;               \n  padding: 2px 4px;\n  border-radius: 4px;\n  white-space: nowrap;\n} */\n\n/* ensure preview also picks it up */\n/* .preview .mention {\n  background-color: #A5D3F3;\n  color: #fff;\n} */\n\n\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-lightdomeditor/nile-lightdomeditor.d.ts

@@ -0,0 +1,74 @@
+import { LitElement, TemplateResult } from 'lit';
+/**
+ * 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.
+ */
+export interface MentionItem {
+    key: string;
+    label: string;
+}
+/**
+ * Map of trigger characters to arrays of MentionItem
+ */
+export type MentionsConfig = Record<string, MentionItem[]>;
+export declare class NileLightdomeditor extends LitElement {
+    protected createRenderRoot(): this;
+    toolbar: string;
+    mentions: MentionsConfig;
+    private mentionOpen;
+    private mentionTrigger;
+    private mentionQuery;
+    private mentionSuggestions;
+    private mentionFiltered;
+    private mentionX;
+    private mentionY;
+    private editor;
+    private imageInput;
+    private previewHTML;
+    private characterCount;
+    private wordCount;
+    private lastRange;
+    /**
+     * Map of toolbar keys to render functions with icons
+     * Each function receives the component instance to call instance methods
+     */
+    private static TOOLBAR_CONFIG;
+    private get parsedToolbar();
+    render(): TemplateResult<1>;
+    private onKeyUp;
+    private onKeyDown;
+    private openMention;
+    private closeMention;
+    private handleMention;
+    private updateMentionFiltered;
+    private selectMention;
+    private saveSelection;
+    private restoreSelection;
+    private format;
+    private formatHeadingFromDropdown;
+    private formatAlign;
+    private formatList;
+    private promptLink;
+    private formatColor;
+    private formatBackgroundColor;
+    private formatLink;
+    private promptImage;
+    private onImageSelected;
+    private formatImage;
+    private formatFontFamily;
+    private formatFontSize;
+    private toggleBorder;
+    private insertHorizontalRule;
+    private formatQuote;
+    private formatCode;
+    private afterEdit;
+    private updateCounts;
+    private syncPreview;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-lightdomeditor': NileLightdomeditor;
+    }
+}