@aquera/nile-elements 0.1.65-beta-1.0 → 0.1.66-beta-1.1

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

@@ -1,237 +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';
-/**
- * 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

@@ -1 +0,0 @@
-{"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

@@ -1,74 +0,0 @@
-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;
-    }
-}