@aquera/nile-elements 0.0.31 → 0.0.33

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

@@ -0,0 +1,71 @@
+/**
+* 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-element';
+/**
+ * Card CSS
+ */
+export const styles = css `
+
+  :host {
+    box-sizing: border-box;
+  }
+
+  :host *,
+  :host *::before,
+  :host *::after {
+    box-sizing: inherit;
+  }
+
+  [hidden] {
+    display: none !important;
+  }
+
+  :host {
+    --border-color: var(--nile-colors-neutral-400);
+    --border-radius: 8px;
+    --border-width: 1px;
+    --padding: 18px;
+    --footer-padding: 9px 18px;
+;
+
+    display: inline-block;
+  }
+
+  .card {
+    display: flex;
+    flex-direction: column;
+    background-color: var(--nile-colors-white-base);
+    border: solid var(--border-width) var(--border-color);
+    border-radius: var(--border-radius);
+  }
+
+  .card__body {
+    display: block;
+    padding: var(--padding);
+  }
+
+  .card--has-footer {
+    border-radius: var(--border-radius) var(--border-radius) 0 0;
+    border-bottom: none;
+  }
+
+   .card__footer {
+    display: block;
+    border-top: solid var(--border-width) var(--border-color);
+    padding: var(--footer-padding);
+    border: 1px solid var(--nile-colors-neutral-500);
+    background: var(--nile-colors-neutral-100);
+    border-radius:  0 0 4px 4px;
+  }
+
+  .card:not(.card--has-footer) .card__footer {
+    display: none;
+  }
+
+`;
+export default [styles];
+//# sourceMappingURL=nile-card.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-card.css.js","sourceRoot":"","sources":["../../../src/nile-card/nile-card.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,aAAa,CAAC;AAEhC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DxB,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*/\n\nimport {css} from 'lit-element';\n\n/**\n * Card CSS\n */\nexport const styles = css`\n\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    --border-color: var(--nile-colors-neutral-400);\n    --border-radius: 8px;\n    --border-width: 1px;\n    --padding: 18px;\n    --footer-padding: 9px 18px;\n;\n\n    display: inline-block;\n  }\n\n  .card {\n    display: flex;\n    flex-direction: column;\n    background-color: var(--nile-colors-white-base);\n    border: solid var(--border-width) var(--border-color);\n    border-radius: var(--border-radius);\n  }\n\n  .card__body {\n    display: block;\n    padding: var(--padding);\n  }\n\n  .card--has-footer {\n    border-radius: var(--border-radius) var(--border-radius) 0 0;\n    border-bottom: none;\n  }\n\n   .card__footer {\n    display: block;\n    border-top: solid var(--border-width) var(--border-color);\n    padding: var(--footer-padding);\n    border: 1px solid var(--nile-colors-neutral-500);\n    background: var(--nile-colors-neutral-100);\n    border-radius:  0 0 4px 4px;\n  }\n\n  .card:not(.card--has-footer) .card__footer {\n    display: none;\n  }\n\n`;\n\nexport default [styles];\n"]}

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

@@ -0,0 +1,26 @@
+/**
+ * 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 { TemplateResult } from 'lit-element';
+import NileElements from '../internal/nile-element';
+import { CSSResultGroup } from 'lit';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-card
+ *
+ */
+export declare class NileCard extends NileElements {
+    static styles: CSSResultGroup;
+    private readonly hasSlotController;
+    render(): TemplateResult<1>;
+}
+export default NileCard;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-card': NileCard;
+    }
+}

package/dist/src/nile-card/nile-card.js

@@ -0,0 +1,46 @@
+/**
+ * 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 { __decorate } from "tslib";
+import { html } from 'lit-element';
+import { customElement } from 'lit/decorators.js';
+import { styles } from './nile-card.css';
+import { classMap } from 'lit/directives/class-map.js';
+import { HasSlotController } from '../internal/slot';
+import NileElements from '../internal/nile-element';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-card
+ *
+ */
+let NileCard = class NileCard extends NileElements {
+    constructor() {
+        super(...arguments);
+        this.hasSlotController = new HasSlotController(this, 'footer');
+    }
+    render() {
+        return html `
+      <div
+        part="base"
+        class=${classMap({
+            card: true,
+            'card--has-footer': this.hasSlotController.test('footer'),
+        })}
+      >
+        <slot part="body" class="card__body"></slot>
+      </div>
+      <slot name="footer" part="footer" ?hidden="${!this.hasSlotController.test('footer')}"  class="card__footer"></slot>
+    `;
+    }
+};
+NileCard.styles = styles;
+NileCard = __decorate([
+    customElement('nile-card')
+], NileCard);
+export { NileCard };
+export default NileCard;
+//# sourceMappingURL=nile-card.js.map

package/dist/src/nile-card/nile-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-card.js","sourceRoot":"","sources":["../../../src/nile-card/nile-card.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAa,IAAI,EAA2C,MAAM,aAAa,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,MAAM,EAAC,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAIpD;;;;;GAKG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,YAAY;IAAnC;;QAIY,sBAAiB,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAgB7E,CAAC;IAdC,MAAM;QACJ,OAAO,IAAI,CAAA;;;gBAGC,QAAQ,CAAC;YACf,IAAI,EAAE,IAAI;YACV,kBAAkB,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC;SAC1D,CAAC;;;;mDAIyC,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC;KACpF,CAAC;IACJ,CAAC;;AAjBM,eAAM,GAAmB,MAAM,CAAC;AAF5B,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAoBpB;SApBY,QAAQ;AAuBrB,eAAe,QAAQ,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 */\n\nimport {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-card.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { HasSlotController } from '../internal/slot';\nimport NileElements from '../internal/nile-element';\nimport { CSSResultGroup } from 'lit';\n\n\n/**\n * Nile icon component.\n *\n * @tag nile-card\n *\n */\n@customElement('nile-card')\nexport class NileCard extends NileElements {\n\n  static styles: CSSResultGroup = styles;\n\n  private readonly hasSlotController = new HasSlotController(this, 'footer');\n\n  render() {\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          card: true,\n          'card--has-footer': this.hasSlotController.test('footer'),\n        })}\n      >\n        <slot part=\"body\" class=\"card__body\"></slot>\n      </div>\n      <slot name=\"footer\" part=\"footer\" ?hidden=\"${!this.hasSlotController.test('footer')}\"  class=\"card__footer\"></slot>\n    `;\n  }\n}\n\n\nexport default NileCard;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-card': NileCard;\n  }\n}\n"]}

package/dist/src/nile-code-editor/extensionSetup.d.ts

@@ -0,0 +1,33 @@
+import { Extension } from '@codemirror/state';
+export interface BasicSetupOptions extends MinimalSetupOptions {
+    lineNumbers?: boolean;
+    highlightActiveLineGutter?: boolean;
+    foldGutter?: boolean;
+    dropCursor?: boolean;
+    allowMultipleSelections?: boolean;
+    indentOnInput?: boolean;
+    bracketMatching?: boolean;
+    closeBrackets?: boolean;
+    autocompletion?: boolean;
+    rectangularSelection?: boolean;
+    crosshairCursor?: boolean;
+    highlightActiveLine?: boolean;
+    highlightSelectionMatches?: boolean;
+    closeBracketsKeymap?: boolean;
+    searchKeymap?: boolean;
+    foldKeymap?: boolean;
+    completionKeymap?: boolean;
+    lintKeymap?: boolean;
+    tabSize?: number;
+}
+export declare const isValidSetup: (item: any) => any;
+export declare const basicSetup: (options?: BasicSetupOptions) => Extension[];
+export interface MinimalSetupOptions {
+    highlightSpecialChars?: boolean;
+    history?: boolean;
+    drawSelection?: boolean;
+    syntaxHighlighting?: boolean;
+    defaultKeymap?: boolean;
+    historyKeymap?: boolean;
+}
+export declare const minimalSetup: (options?: MinimalSetupOptions) => Extension[];

package/dist/src/nile-code-editor/extensionSetup.js

@@ -0,0 +1,63 @@
+import { lineNumbers, highlightActiveLineGutter, highlightSpecialChars, drawSelection, dropCursor, rectangularSelection, crosshairCursor, highlightActiveLine, keymap, } from '@codemirror/view';
+import { EditorState } from '@codemirror/state';
+import { history, defaultKeymap, historyKeymap } from '@codemirror/commands';
+import { highlightSelectionMatches, searchKeymap } from '@codemirror/search';
+import { closeBrackets, autocompletion, closeBracketsKeymap, } from '@codemirror/autocomplete';
+import { foldGutter, indentOnInput, syntaxHighlighting, defaultHighlightStyle, bracketMatching, indentUnit, foldKeymap, } from '@codemirror/language';
+import { lintKeymap } from '@codemirror/lint';
+export const isValidSetup = (item) => {
+    return typeof item === 'undefined' || item;
+};
+export const basicSetup = (options = {}) => {
+    const { crosshairCursor: initCrosshairCursor = false } = options;
+    let keymaps = [];
+    isValidSetup(options.defaultKeymap) && keymaps.push(...defaultKeymap);
+    isValidSetup(options.closeBracketsKeymap) &&
+        keymaps.push(...closeBracketsKeymap);
+    isValidSetup(options.searchKeymap) && keymaps.push(...searchKeymap);
+    isValidSetup(options.historyKeymap) && keymaps.push(...historyKeymap);
+    isValidSetup(options.foldKeymap) && keymaps.push(...foldKeymap);
+    isValidSetup(options.lintKeymap) && keymaps.push(...lintKeymap);
+    const extensions = [];
+    isValidSetup(options.lineNumbers) && extensions.push(lineNumbers());
+    isValidSetup(options.highlightActiveLineGutter) &&
+        extensions.push(highlightActiveLineGutter());
+    isValidSetup(options.highlightSpecialChars) &&
+        extensions.push(highlightSpecialChars());
+    isValidSetup(options.history) && extensions.push(history());
+    isValidSetup(options.foldGutter) && extensions.push(foldGutter());
+    isValidSetup(options.drawSelection) && extensions.push(drawSelection());
+    isValidSetup(options.dropCursor) && extensions.push(dropCursor());
+    isValidSetup(options.allowMultipleSelections) &&
+        extensions.push(EditorState.allowMultipleSelections.of(true));
+    isValidSetup(options.indentOnInput) && extensions.push(indentOnInput());
+    isValidSetup(options.syntaxHighlighting) &&
+        extensions.push(syntaxHighlighting(defaultHighlightStyle, { fallback: true }));
+    isValidSetup(options.bracketMatching) && extensions.push(bracketMatching());
+    isValidSetup(options.closeBrackets) && extensions.push(closeBrackets());
+    isValidSetup(options.autocompletion) && extensions.push(autocompletion());
+    isValidSetup(options.rectangularSelection) &&
+        extensions.push(rectangularSelection());
+    isValidSetup(options.crosshairCursor) && extensions.push(crosshairCursor());
+    isValidSetup(options.highlightActiveLine) &&
+        extensions.push(highlightActiveLine());
+    isValidSetup(options.highlightSelectionMatches) &&
+        extensions.push(highlightSelectionMatches());
+    if (options.tabSize && typeof options.tabSize === 'number')
+        extensions.push(indentUnit.of(' '.repeat(options.tabSize)));
+    return extensions.concat([keymap.of(keymaps.flat())]).filter(Boolean);
+};
+export const minimalSetup = (options = {}) => {
+    let keymaps = [];
+    isValidSetup(options.defaultKeymap) && keymaps.push(...defaultKeymap);
+    isValidSetup(options.historyKeymap) && keymaps.push(...historyKeymap);
+    const extensions = [];
+    isValidSetup(options.highlightSpecialChars) &&
+        extensions.push(highlightSpecialChars());
+    isValidSetup(options.history) && extensions.push(history());
+    isValidSetup(options.drawSelection) && extensions.push(drawSelection());
+    isValidSetup(options.syntaxHighlighting) &&
+        extensions.push(syntaxHighlighting(defaultHighlightStyle, { fallback: true }));
+    return extensions.concat([keymap.of(keymaps.flat())]).filter(Boolean);
+};
+//# sourceMappingURL=extensionSetup.js.map

package/dist/src/nile-code-editor/extensionSetup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extensionSetup.js","sourceRoot":"","sources":["../../../src/nile-code-editor/extensionSetup.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  KeyBinding,\n  lineNumbers,\n  highlightActiveLineGutter,\n  highlightSpecialChars,\n  drawSelection,\n  dropCursor,\n  rectangularSelection,\n  crosshairCursor,\n  highlightActiveLine,\n  keymap,\n} from '@codemirror/view';\nimport { EditorState, Extension } from '@codemirror/state';\nimport { history, defaultKeymap, historyKeymap } from '@codemirror/commands';\nimport { highlightSelectionMatches, searchKeymap } from '@codemirror/search';\nimport {\n  closeBrackets,\n  autocompletion,\n  closeBracketsKeymap,\n  completionKeymap,\n} from '@codemirror/autocomplete';\nimport {\n  foldGutter,\n  indentOnInput,\n  syntaxHighlighting,\n  defaultHighlightStyle,\n  bracketMatching,\n  indentUnit,\n  foldKeymap,\n} from '@codemirror/language';\n\nimport { lintKeymap } from '@codemirror/lint';\n\nexport interface BasicSetupOptions extends MinimalSetupOptions {\n  lineNumbers?: boolean;\n  highlightActiveLineGutter?: boolean;\n  foldGutter?: boolean;\n  dropCursor?: boolean;\n  allowMultipleSelections?: boolean;\n  indentOnInput?: boolean;\n  bracketMatching?: boolean;\n  closeBrackets?: boolean;\n  autocompletion?: boolean;\n  rectangularSelection?: boolean;\n  crosshairCursor?: boolean;\n  highlightActiveLine?: boolean;\n  highlightSelectionMatches?: boolean;\n  closeBracketsKeymap?: boolean;\n  searchKeymap?: boolean;\n  foldKeymap?: boolean;\n  completionKeymap?: boolean;\n  lintKeymap?: boolean;\n  tabSize?: number;\n}\n\nexport const isValidSetup = (item: any) => {\n  return typeof item === 'undefined' || item;\n};\n\nexport const basicSetup = (options: BasicSetupOptions = {}): Extension[] => {\n  const { crosshairCursor: initCrosshairCursor = false } = options;\n  let keymaps: KeyBinding[] = [];\n  isValidSetup(options.defaultKeymap) && keymaps.push(...defaultKeymap);\n  isValidSetup(options.closeBracketsKeymap) &&\n    keymaps.push(...closeBracketsKeymap);\n  isValidSetup(options.searchKeymap) && keymaps.push(...searchKeymap);\n  isValidSetup(options.historyKeymap) && keymaps.push(...historyKeymap);\n  isValidSetup(options.foldKeymap) && keymaps.push(...foldKeymap);\n  isValidSetup(options.lintKeymap) && keymaps.push(...lintKeymap);\n  const extensions: Extension[] = [];\n  isValidSetup(options.lineNumbers) && extensions.push(lineNumbers());\n  isValidSetup(options.highlightActiveLineGutter) &&\n    extensions.push(highlightActiveLineGutter());\n  isValidSetup(options.highlightSpecialChars) &&\n    extensions.push(highlightSpecialChars());\n  isValidSetup(options.history) && extensions.push(history());\n  isValidSetup(options.foldGutter) && extensions.push(foldGutter());\n  isValidSetup(options.drawSelection) && extensions.push(drawSelection());\n  isValidSetup(options.dropCursor) && extensions.push(dropCursor());\n  isValidSetup(options.allowMultipleSelections) &&\n    extensions.push(EditorState.allowMultipleSelections.of(true));\n  isValidSetup(options.indentOnInput) && extensions.push(indentOnInput());\n  isValidSetup(options.syntaxHighlighting) &&\n    extensions.push(\n      syntaxHighlighting(defaultHighlightStyle, { fallback: true })\n    );\n  isValidSetup(options.bracketMatching) && extensions.push(bracketMatching());\n  isValidSetup(options.closeBrackets) && extensions.push(closeBrackets());\n  isValidSetup(options.autocompletion) && extensions.push(autocompletion());\n  isValidSetup(options.rectangularSelection) &&\n    extensions.push(rectangularSelection());\n  isValidSetup(options.crosshairCursor) && extensions.push(crosshairCursor());\n  isValidSetup(options.highlightActiveLine) &&\n    extensions.push(highlightActiveLine());\n  isValidSetup(options.highlightSelectionMatches) &&\n    extensions.push(highlightSelectionMatches());\n  if (options.tabSize && typeof options.tabSize === 'number')\n    extensions.push(indentUnit.of(' '.repeat(options.tabSize)));\n  return extensions.concat([keymap.of(keymaps.flat())]).filter(Boolean);\n};\n\nexport interface MinimalSetupOptions {\n  highlightSpecialChars?: boolean;\n  history?: boolean;\n  drawSelection?: boolean;\n  syntaxHighlighting?: boolean;\n  defaultKeymap?: boolean;\n  historyKeymap?: boolean;\n}\n\nexport const minimalSetup = (options: MinimalSetupOptions = {}) => {\n  let keymaps: KeyBinding[] = [];\n  isValidSetup(options.defaultKeymap) && keymaps.push(...defaultKeymap);\n  isValidSetup(options.historyKeymap) && keymaps.push(...historyKeymap);\n  const extensions: Extension[] = [];\n  isValidSetup(options.highlightSpecialChars) &&\n    extensions.push(highlightSpecialChars());\n  isValidSetup(options.history) && extensions.push(history());\n  isValidSetup(options.drawSelection) && extensions.push(drawSelection());\n  isValidSetup(options.syntaxHighlighting) &&\n    extensions.push(\n      syntaxHighlighting(defaultHighlightStyle, { fallback: true })\n    );\n  return extensions.concat([keymap.of(keymaps.flat())]).filter(Boolean);\n};\n"]}

package/dist/src/nile-code-editor/index.d.ts

@@ -0,0 +1 @@
+export { NileCodeEditor } from './nile-code-editor';

package/dist/src/nile-code-editor/index.js

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

package/dist/src/nile-code-editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-code-editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["export { NileCodeEditor } from './nile-code-editor';\n"]}

package/dist/src/nile-code-editor/nile-code-editor.css.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 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.
+ */
+/**
+ * CodeEditor CSS
+ */
+export declare const styles: import("lit-element").CSSResult;
+declare const _default: import("lit-element").CSSResult[];
+export default _default;

package/dist/src/nile-code-editor/nile-code-editor.css.js

@@ -0,0 +1,42 @@
+/**
+ * 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-element';
+/**
+ * CodeEditor CSS
+ */
+export const styles = css `
+  :host {
+    display: block;
+  }
+
+  .code-mirror {
+    display: flex;
+    justify-content: flex-end;
+    flex-direction: row-reverse;
+    gap: 0.6rem;
+  }
+
+  .cm-editor {
+    overflow: hidden;
+    width: 100%;
+    height: 100%;
+  }
+
+  .ͼ1.cm-focused {
+    outline: none;
+  }
+
+  .code-editor__icon__container {
+    cursor: pointer;
+  }
+
+  .code-editor__icon__container {
+    padding-right: 5px;
+  }
+`;
+export default [styles];
+//# sourceMappingURL=nile-code-editor.css.js.map

package/dist/src/nile-code-editor/nile-code-editor.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-code-editor.css.js","sourceRoot":"","sources":["../../../src/nile-code-editor/nile-code-editor.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BxB,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 */\n\nimport { css } from 'lit-element';\n\n/**\n * CodeEditor CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n  }\n\n  .code-mirror {\n    display: flex;\n    justify-content: flex-end;\n    flex-direction: row-reverse;\n    gap: 0.6rem;\n  }\n\n  .cm-editor {\n    overflow: hidden;\n    width: 100%;\n    height: 100%;\n  }\n\n  .ͼ1.cm-focused {\n    outline: none;\n  }\n\n  .code-editor__icon__container {\n    cursor: pointer;\n  }\n\n  .code-editor__icon__container {\n    padding-right: 5px;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-code-editor/nile-code-editor.d.ts

@@ -0,0 +1,43 @@
+/**
+ * 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 { CSSResultArray, TemplateResult } from 'lit-element';
+import { EditorView } from 'codemirror';
+import { Compartment } from '@codemirror/state';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-code-editor
+ *
+ */
+export declare class NileCodeEditor extends NileElement {
+    codeEditor: HTMLInputElement;
+    multiline: true;
+    value: true;
+    customOptions: any;
+    showLineNumbers: any;
+    /**
+     * The styles for CodeEditor
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles(): CSSResultArray;
+    connectedCallback(): void;
+    view: EditorView;
+    convertToSingleLine(code: any): any;
+    lineNumbersComp: Compartment;
+    updated(): void;
+    emitValues(value: string): void;
+    expandCodeEditor(): void;
+    restrictSingleLine(): import("@codemirror/state").Extension;
+    render(): TemplateResult;
+}
+export default NileCodeEditor;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-code-editor': NileCodeEditor;
+    }
+}

package/dist/src/nile-code-editor/nile-code-editor.js

@@ -0,0 +1,114 @@
+/**
+ * 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 { __decorate } from "tslib";
+import { html, property, } from 'lit-element';
+import { customElement, query } from 'lit/decorators.js';
+import { styles } from './nile-code-editor.css';
+import { EditorView } from 'codemirror';
+import { EditorState, Compartment } from '@codemirror/state';
+import { javascript, javascriptLanguage } from '@codemirror/lang-javascript';
+import { autocompletion } from '@codemirror/autocomplete';
+import NileElement from '../internal/nile-element';
+import { basicSetup } from './extensionSetup';
+// Choose the appropriate mode for your use case
+/**
+ * Nile icon component.
+ *
+ * @tag nile-code-editor
+ *
+ */
+let NileCodeEditor = class NileCodeEditor extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.lineNumbersComp = new Compartment();
+        /* #endregion */
+    }
+    /**
+     * The styles for CodeEditor
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles() {
+        return [styles];
+    }
+    connectedCallback() {
+        super.connectedCallback();
+    }
+    convertToSingleLine(code) {
+        // Remove line breaks and unnecessary whitespace
+        return code.replace(/\s+/g, ' ').trim();
+    }
+    updated() {
+        const customAutoCompletions = javascriptLanguage.data.of({
+            autocomplete: this.customOptions,
+        });
+        let startState = EditorState.create({
+            doc: !this.multiline ? this.convertToSingleLine(this.value) : this.value,
+            extensions: [
+                basicSetup({
+                    lineNumbers: !!this.showLineNumbers,
+                    foldGutter: !this.multiline ? false : true,
+                }),
+                customAutoCompletions,
+                autocompletion(),
+                javascript(),
+                !this.multiline ? this.restrictSingleLine() : [],
+                EditorView.updateListener.of((v) => {
+                    if (v.docChanged) {
+                        this.emitValues(this.view.state.doc.toString());
+                    }
+                }),
+            ],
+        });
+        this.view = new EditorView({
+            state: startState,
+            parent: this.codeEditor,
+        });
+    }
+    emitValues(value) {
+        this.emit('nile-change', { value: value });
+    }
+    expandCodeEditor() {
+        this.emit('nile-expand', { expand: true });
+    }
+    restrictSingleLine() {
+        return EditorState.transactionFilter.of(tr => tr.newDoc.lines > 1 ? [] : tr);
+    }
+    render() {
+        return html `<div class="code-mirror">
+      ${!this.multiline
+            ? html `<nile-icon
+            name="fullscreenshrink"
+            class="code-editor__icon__container"
+            size="16"
+            color="black"
+            @click="${(e) => this.expandCodeEditor()}"
+          ></nile-icon>`
+            : ''}
+    </div>`;
+    }
+};
+__decorate([
+    query('.code-mirror')
+], NileCodeEditor.prototype, "codeEditor", void 0);
+__decorate([
+    property({ type: Boolean })
+], NileCodeEditor.prototype, "multiline", void 0);
+__decorate([
+    property({ type: String })
+], NileCodeEditor.prototype, "value", void 0);
+__decorate([
+    property({ type: String })
+], NileCodeEditor.prototype, "customOptions", void 0);
+__decorate([
+    property({ type: String })
+], NileCodeEditor.prototype, "showLineNumbers", void 0);
+NileCodeEditor = __decorate([
+    customElement('nile-code-editor')
+], NileCodeEditor);
+export { NileCodeEditor };
+export default NileCodeEditor;
+//# sourceMappingURL=nile-code-editor.js.map

package/dist/src/nile-code-editor/nile-code-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-code-editor.js","sourceRoot":"","sources":["../../../src/nile-code-editor/nile-code-editor.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,EACJ,QAAQ,GAGT,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,gDAAgD;AAEhD;;;;;GAKG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,WAAW;IAAxC;;QAyBL,oBAAe,GAAG,IAAI,WAAW,EAAE,CAAC;QA0DpC,gBAAgB;IAClB,CAAC;IA7EC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC5B,CAAC;IAID,mBAAmB,CAAC,IAAS;QAC3B,gDAAgD;QAChD,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;IAC1C,CAAC;IAGD,OAAO;QACL,MAAM,qBAAqB,GAAG,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC;YACvD,YAAY,EAAE,IAAI,CAAC,aAAa;SACjC,CAAC,CAAC;QACH,IAAI,UAAU,GAAG,WAAW,CAAC,MAAM,CAAC;YAClC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK;YACxE,UAAU,EAAE;gBACV,UAAU,CAAC;oBACT,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe;oBACnC,UAAU,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;iBAC3C,CAAC;gBACF,qBAAqB;gBACrB,cAAc,EAAE;gBAChB,UAAU,EAAE;gBACZ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,EAAE;gBAChD,UAAU,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAa,EAAE,EAAE;oBAC7C,IAAI,CAAC,CAAC,UAAU,EAAE;wBAChB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;qBACjD;gBACH,CAAC,CAAC;aACH;SACF,CAAC,CAAC;QAEH,IAAI,CAAC,IAAI,GAAG,IAAI,UAAU,CAAC;YACzB,KAAK,EAAE,UAAU;YACjB,MAAM,EAAE,IAAI,CAAC,UAAU;SACxB,CAAC,CAAC;IACL,CAAC;IAED,UAAU,CAAC,KAAa;QACtB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7C,CAAC;IAED,kBAAkB;QAChB,OAAO,WAAW,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAC3C,EAAE,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAC9B,CAAC;IACJ,CAAC;IACM,MAAM;QACX,OAAO,IAAI,CAAA;QACP,CAAC,IAAI,CAAC,SAAS;YACf,CAAC,CAAC,IAAI,CAAA;;;;;sBAKQ,CAAC,CAAc,EAAE,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE;wBACzC;YAChB,CAAC,CAAC,EAAE;WACD,CAAC;IACV,CAAC;CAGF,CAAA;AAnFwB;IAAtB,KAAK,CAAC,cAAc,CAAC;kDAA8B;AACvB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDAAiB;AACjB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAa;AACZ;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDAAoB;AACnB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uDAAsB;AALtC,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAoF1B;SApFY,cAAc;AAsF3B,eAAe,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 */\n\nimport {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement, query } from 'lit/decorators.js';\nimport { styles } from './nile-code-editor.css';\nimport { EditorView } from 'codemirror';\nimport { ViewUpdate } from '@codemirror/view';\nimport { EditorState, Compartment } from '@codemirror/state';\nimport { javascript, javascriptLanguage } from '@codemirror/lang-javascript';\nimport { autocompletion } from '@codemirror/autocomplete';\nimport { CompletionContext } from '@codemirror/autocomplete';\nimport NileElement from '../internal/nile-element';\nimport { basicSetup } from './extensionSetup';\n\n// Choose the appropriate mode for your use case\n\n/**\n * Nile icon component.\n *\n * @tag nile-code-editor\n *\n */\n@customElement('nile-code-editor')\nexport class NileCodeEditor extends NileElement {\n  @query('.code-mirror') codeEditor: HTMLInputElement;\n  @property({ type: Boolean }) multiline: true;\n  @property({ type: String }) value: true;\n  @property({ type: String }) customOptions: any;\n  @property({ type: String }) showLineNumbers: any;\n\n  /**\n   * The styles for CodeEditor\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n  }\n\n  view: EditorView;\n\n  convertToSingleLine(code: any) {\n    // Remove line breaks and unnecessary whitespace\n    return code.replace(/\\s+/g, ' ').trim();\n  }\n  lineNumbersComp = new Compartment();\n\n  updated() {\n    const customAutoCompletions = javascriptLanguage.data.of({\n      autocomplete: this.customOptions,\n    });\n    let startState = EditorState.create({\n      doc: !this.multiline ? this.convertToSingleLine(this.value) : this.value,\n      extensions: [\n        basicSetup({\n          lineNumbers: !!this.showLineNumbers,\n          foldGutter: !this.multiline ? false : true,\n        }),\n        customAutoCompletions,\n        autocompletion(),\n        javascript(),\n        !this.multiline ? this.restrictSingleLine() : [],\n        EditorView.updateListener.of((v: ViewUpdate) => {\n          if (v.docChanged) {\n            this.emitValues(this.view.state.doc.toString());\n          }\n        }),\n      ],\n    });\n\n    this.view = new EditorView({\n      state: startState,\n      parent: this.codeEditor,\n    });\n  }\n\n  emitValues(value: string) {\n    this.emit('nile-change', { value: value });\n  }\n\n  expandCodeEditor() {\n    this.emit('nile-expand', { expand: true });\n  }\n\n  restrictSingleLine() {\n    return EditorState.transactionFilter.of(tr =>\n      tr.newDoc.lines > 1 ? [] : tr\n    );\n  }\n  public render(): TemplateResult {\n    return html`<div class=\"code-mirror\">\n      ${!this.multiline\n        ? html`<nile-icon\n            name=\"fullscreenshrink\"\n            class=\"code-editor__icon__container\"\n            size=\"16\"\n            color=\"black\"\n            @click=\"${(e: CustomEvent) => this.expandCodeEditor()}\"\n          ></nile-icon>`\n        : ''}\n    </div>`;\n  }\n\n  /* #endregion */\n}\n\nexport default NileCodeEditor;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-code-editor': NileCodeEditor;\n  }\n}\n"]}

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

@@ -1,5 +1,5 @@
 /**
  * Do not edit directly
  */
-declare const _default: "PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMxMTE7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5JY29uPC90aXRsZT48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iNSAxNC43MSA0LjI5IDE0IDEwLjI5IDggNC4yOSAyIDUgMS4yOSAxMS43MSA4IDUgMTQuNzEiLz48L3N2Zz4=";
+declare const _default: "PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuOTk5OTggMTUuMjFMNC4yODk5OCAxNC41TDEwLjI5IDguNDk5OThMNC4yODk5OCAyLjQ5OTk4TDQuOTk5OTggMS43ODk5OEwxMS43MSA4LjQ5OTk4TDQuOTk5OTggMTUuMjFaIiBmaWxsPSIjN0Y3RjdGIi8+PC9zdmc+";
 export default _default;

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

@@ -1,5 +1,5 @@
 /**
  * Do not edit directly
  */
-export default "PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMxMTE7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5JY29uPC90aXRsZT48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iNSAxNC43MSA0LjI5IDE0IDEwLjI5IDggNC4yOSAyIDUgMS4yOSAxMS43MSA4IDUgMTQuNzEiLz48L3N2Zz4=";
+export default "PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuOTk5OTggMTUuMjFMNC4yODk5OCAxNC41TDEwLjI5IDguNDk5OThMNC4yODk5OCAyLjQ5OTk4TDQuOTk5OTggMS43ODk5OEwxMS43MSA4LjQ5OTk4TDQuOTk5OTggMTUuMjFaIiBmaWxsPSIjN0Y3RjdGIi8+PC9zdmc+";
 //# sourceMappingURL=arrowright.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"arrowright.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/arrowright.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,kVAAkV,CAAC","sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMxMTE7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5JY29uPC90aXRsZT48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iNSAxNC43MSA0LjI5IDE0IDEwLjI5IDggNC4yOSAyIDUgMS4yOSAxMS43MSA4IDUgMTQuNzEiLz48L3N2Zz4=\";"]}
+{"version":3,"file":"arrowright.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/arrowright.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,0WAA0W,CAAC","sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuOTk5OTggMTUuMjFMNC4yODk5OCAxNC41TDEwLjI5IDguNDk5OThMNC4yODk5OCAyLjQ5OTk4TDQuOTk5OTggMS43ODk5OEwxMS43MSA4LjQ5OTk4TDQuOTk5OTggMTUuMjFaIiBmaWxsPSIjN0Y3RjdGIi8+PC9zdmc+\";"]}

package/dist/src/nile-icon-button/nile-icon-button.d.ts

@@ -53,7 +53,8 @@ export declare class NileIconButton extends NileElement {
     /** Disables the button. */
     disabled: boolean;
     /**Default color to icon */
-    color: string;
+    color?: string;
+    ishovered: boolean;
     private handleBlur;
     private handleFocus;
     private handleClick;

package/dist/src/nile-icon-button/nile-icon-button.js

@@ -43,8 +43,7 @@ let NileIconButton = class NileIconButton extends NileElement {
         this.label = '';
         /** Disables the button. */
         this.disabled = false;
-        /**Default color to icon */
-        this.color = '#7F7F7F';
+        this.ishovered = false;
     }
     handleBlur() {
         this.hasFocus = false;
@@ -73,10 +72,10 @@ let NileIconButton = class NileIconButton extends NileElement {
         this.button.blur();
     }
     handleMouseOver(e) {
-        this.color = 'black';
+        this.ishovered = true;
     }
-    handleMouseLeave() {
-        this.color = '#7F7F7F';
+    handleMouseLeave(e) {
+        this.ishovered = false;
     }
     render() {
         const isLink = this.href ? true : false;
@@ -106,12 +105,13 @@ let NileIconButton = class NileIconButton extends NileElement {
         @mouseover=${this.handleMouseOver}
         @mouseleave=${this.handleMouseLeave}
       >
+     
         <nile-icon
           class="icon-button__icon"
           name=${ifDefined(this.name)}
           library=${ifDefined(this.library)}
           src=${ifDefined(this.src)}
-          color=${ifDefined(this.color)}
+          color=${this.ishovered ? 'black' : ifDefined(this.color)}
           aria-hidden="true"
           size="14"
         ></nile-icon>
@@ -153,6 +153,9 @@ __decorate([
 __decorate([
     property({ type: String, reflect: true })
 ], NileIconButton.prototype, "color", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileIconButton.prototype, "ishovered", void 0);
 NileIconButton = __decorate([
     customElement('nile-icon-button')
 ], NileIconButton);