@aquera/nile-elements 0.0.31 → 0.0.32

package/dist/nile-switcher/nile-switcher.css.esm.js

@@ -1,4 +1,4 @@
-import{i as e}from"../index-cd2f9c12.esm.js";const i=e`
+import{i as r}from"../index-cd2f9c12.esm.js";const e=r`
   :host {
     width: 100%;
     box-sizing: border-box;
@@ -51,6 +51,17 @@ import{i as e}from"../index-cd2f9c12.esm.js";const i=e`
     padding-right: 10px;
   }
 
+  nile-code-editor {
+    overflow: hidden;
+    padding-top: 2px;
+    border-radius: 5px;
+    border: 1px solid rgb(204, 204, 204);
+  }
+
+  .code-editor__no-border {
+    border: none;
+  }
+
   .switcher-object-mapper::part(input) {
     color: var(--nile-colors-primary-600);
     cursor: pointer;
@@ -62,4 +73,4 @@ import{i as e}from"../index-cd2f9c12.esm.js";const i=e`
   .switcher-object-mapper--noborder::part(base) {
     border: none;
   }
-`;export{i as s};
+`;export{e as s};

package/dist/nile-switcher/nile-switcher.esm.js

@@ -1,64 +1,64 @@
-import{__decorate as e}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";import{customElement as r}from"lit/decorators.js";import{s as t}from"./nile-switcher.css.esm.js";import{N as s}from"../internal/nile-element.esm.js";import{choose as n}from"lit/directives/choose.js";import{classMap as o}from"lit/directives/class-map.js";import{repeat as l}from"lit/directives/repeat.js";import{n as c}from"../property-09139d3c.esm.js";import"lit";var a,d,h,p;!function(e){e.INLINE="inline",e.BLOCK="block"}(a||(a={})),function(e){e.DEFAULT="defaultInput",e.SWITCH="switchInput"}(d||(d={})),function(e){e.DROPDOWN="dropdown",e.TEXT="text",e.CHECKBOX="checkbox",e.TEXTAREA="text-area",e.RADIO="radio",e.CONTENTEDITOR="content-editor",e.OBJECT_MAPPER="object-mapper"}(h||(h={})),function(e){e.CREATE="create",e.EDIT="edit"}(p||(p={}));let u=class extends s{connectedCallback(){this.currentInput=this.nileSwitchConfig.inputs[0],super.connectedCallback(),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}renderNileText(e){const{value:r,label:t,placeholder:s,disabled:n,required:l,error:c,errorMessage:a,inputType:d,noborder:h}=e;return i`<nile-input
+import{__decorate as e}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";import{customElement as t}from"lit/decorators.js";import{s as r}from"./nile-switcher.css.esm.js";import{N as s}from"../internal/nile-element.esm.js";import{choose as n}from"lit/directives/choose.js";import{classMap as o}from"lit/directives/class-map.js";import{repeat as l}from"lit/directives/repeat.js";import{w as c}from"../internal/watch.esm.js";import{n as a}from"../property-09139d3c.esm.js";import"lit";var d,h,p,u;!function(e){e.INLINE="inline",e.BLOCK="block"}(d||(d={})),function(e){e.DEFAULT="defaultInput",e.SWITCH="switchInput"}(h||(h={})),function(e){e.DROPDOWN="dropdown",e.TEXT="text",e.CHECKBOX="checkbox",e.TEXTAREA="text-area",e.RADIO="radio",e.CONTENTEDITOR="content-editor",e.OBJECT_MAPPER="object-mapper",e.CODE_EDITOR="code-editor"}(p||(p={})),function(e){e.CREATE="create",e.EDIT="edit"}(u||(u={}));let $=class extends s{constructor(){super(...arguments),this.current=0}connectedCallback(){super.connectedCallback(),this.setCurrentInput(),this.emit("nile-init")}handleSwitcherChange(){this.setCurrentInput()}setCurrentInput(){this.nileSwitchConfig?.inputs&&(this.currentInput=this.nileSwitchConfig.inputs.filter(((e,i)=>i===this.current))[0])}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}renderNileText(e){const{value:t,label:r,placeholder:s,disabled:n,required:l,error:c,errorMessage:a,inputType:d,noborder:h}=e;return i`<nile-input
       class=${o({"switcher-input":!0,"switcher-input--noborder":!!h})}
-      .value=${r}
-      .label=${t}
+      .value=${t}
+      .label=${r}
       .disabled=${n}
       .required=${l}
       .errorMessage=${a}
       .placeholder=${s}
       .error=${c}
       @nile-input=${e=>{this.handleChange(e,d)}}
-    ></nile-input>`}renderDropdown(e){const{options:r,multiple:t,placeholder:s,disabled:n,value:o,error:l,errorMessage:c,inputType:a}=e;return i`<nile-select
+    ></nile-input>`}renderDropdown(e){const{options:t,multiple:r,placeholder:s,disabled:n,value:o,error:l,errorMessage:c,inputType:a}=e;return i`<nile-select
       class="switcher-dropdown"
       .placeholder=${s}
       .disabled="${n}"
-      .multiple="${t}"
+      .multiple="${r}"
       .value="${o}"
       .error="${l}"
       .errorMessage="${c}"
       @nile-change=${e=>{this.handleChange(e,a)}}
     >
-      ${r?.map((e=>i`<nile-option .value="${e}">${e} </nile-option>`))}
-    </nile-select>`}renderNileTextArea(e){const{value:r,disabled:t,readonly:s,errorMessage:n,error:o,inputType:l}=e;return i`<nile-textarea
+      ${t?.map((e=>i`<nile-option .value="${e}">${e} </nile-option>`))}
+    </nile-select>`}renderNileTextArea(e){const{value:t,disabled:r,readonly:s,errorMessage:n,error:o,inputType:l}=e;return i`<nile-textarea
       class="switcher-textarea"
-      .value=${r}
-      .disabled=${t}
+      .value=${t}
+      .disabled=${r}
       ?readonly=${s}
       .error=${o}
       .errorMessage=${n}
       @nile-input=${e=>{this.handleChange(e,l)}}
-    ></nile-textarea>`}renderNileCheckBox(e){const{value:r,label:t,disabled:s,inputType:n}=e;return i`<nile-checkbox
+    ></nile-textarea>`}renderNileCheckBox(e){const{value:t,label:r,disabled:s,inputType:n}=e;return i`<nile-checkbox
         class="switcher-checkbox"
-        .checked=${r}
-        .label=${t}
+        .checked=${t}
+        .label=${r}
         .disabled=${s}
         @valueChange=${e=>{this.handleChange(e,n)}}
       ></nile-checkbox
-      >; `}renderNileRadio(e){const{options:r,value:t,disabled:s,errorMessage:n,inputType:o}=e,l=!!n;return i`<nile-radio-group
+      >; `}renderNileRadio(e){const{options:t,value:r,disabled:s,errorMessage:n,inputType:o}=e,l=!!n;return i`<nile-radio-group
       class="switcher-radio-group"
-      .value=${t}
+      .value=${r}
       .disabled=${s}
       @change=${e=>{this.handleChange(e,o)}}
     >
-      ${r&&r.map((e=>i`<nile-radio .value="${e}">${e} </nile-radio>`))}
+      ${t&&t.map((e=>i`<nile-radio .value="${e}">${e} </nile-radio>`))}
       ${l?this.renderErrorMessage(n):""}
     </nile-radio-group> `}renderErrorMessage(e){return i`
       <nile-form-error-message>${e}</nile-form-error-message>
-    `}renderContentEditor(e){let{options:r,inputType:t,errorMessage:s,type:n,readonly:o,noborder:l,value:c}=e;return i`<nile-content-editor
+    `}renderContentEditor(e){let{options:t,inputType:r,errorMessage:s,type:n,readonly:o,noborder:l,value:c}=e;return i`<nile-content-editor
       class="switcher-content-editor"
       .value=${c}
-      .options=${r}
+      .options=${t}
       .type=${n}
       .readonly=${o}
       .noborder=${l}
       .errorMessage=${s}
-      @nile-change=${e=>{this.handleChange(e,t)}}
+      @nile-change=${e=>{this.handleChange(e,r)}}
     >
-    </nile-content-editor>`}renderObjectMapper(){const e=this.currentInput.noborder;this.currentInput.mode;const r=this.currentInput.mode===p.CREATE?"Click to Create - Not Mapped":"";return i`<nile-input
+    </nile-content-editor>`}renderObjectMapper(){const e=this.currentInput.noborder;this.currentInput.mode;const t=this.currentInput.mode===u.CREATE?"Click to Create - Not Mapped":"";return i`<nile-input
       class=${o({"switcher-object-mapper":!0,"switcher-object-mapper--noborder":!!e})}
-      .value=${r}
+      .value=${t}
       readonly="true"
-      @click="${e=>this.handleChange(e,h.OBJECT_MAPPER)}"
+      @click="${e=>this.handleChange(e,p.OBJECT_MAPPER)}"
     >
       <nile-icon
         class="pointer-cursor switcher-object-mapper-icon"
@@ -68,29 +68,37 @@ import{__decorate as e}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";
         size="16"
       >
       </nile-icon>
-    </nile-input>`}handleChange(e,i){switch(i){case h.OBJECT_MAPPER:this.currentInput.value="clicked";break;case h.CHECKBOX:this.currentInput.value=e.detail.checked;break;default:this.currentInput.value=e.detail.value}e.stopPropagation(),this.emit("nile-change",{input:this.currentInput})}renderIcon(){const e=this.nileSwitchConfig.inputs,r=this.nileSwitchConfig.align===a.BLOCK?"top":"bottom";return i`
+    </nile-input>`}renderCodeEditor(e){const{value:t,multiLine:r,options:s,disabled:n,readonly:l,errorMessage:c,error:a,inputType:d,noborder:h}=e;return i`<nile-code-editor
+      class=${o({"code-editor":!0,"code-editor__no-border":!!h})}
+      @nile-expand="${e=>this.handleExpand(e,p.CODE_EDITOR)}"
+      @nile-change="${e=>this.handleChange(e,p.CODE_EDITOR)}"
+      .multiline="${r}"
+      .value="${t}"
+      .customOptions="${s}"
+      .showLineNumbers="false"
+    ></nile-code-editor> `}handleExpand(e,i){this.currentInput.expand=e.detail.expand,this.emit("nile-change",{input:this.currentInput})}handleChange(e,i){switch(i){case p.OBJECT_MAPPER:this.currentInput.value="clicked";break;case p.CHECKBOX:this.currentInput.value=e.detail.checked;break;case p.CODE_EDITOR:default:this.currentInput.value=e.detail.value}e.stopPropagation(),this.emit("nile-change",{input:this.currentInput})}renderIcon(){const e=this.nileSwitchConfig.inputs,t=this.nileSwitchConfig.align===d.BLOCK?"top":"bottom";return i`
       <div class="switcher-icons-container">
-        ${l(e,(e=>i` <nile-tooltip
+        ${l(e,((e,r)=>i` <nile-tooltip
             class=${o({"switcher-tooltip-container":!0})}
             content=${e.helperText}
-            placement=${r}
+            placement=${t}
           >
-            <div  class=${o({"switcher-icon-container":!0,current:e.order===this.currentInput.order})}>
+            <div  class=${o({"switcher-icon-container":!0,current:r===this.current})}>
                <nile-icon
               size="16"
               class=${o({"pointer-cursor":!0})}
               .name=${e.icon}
               color="#000000"
-              @click=${()=>this.toggleField(e)}
+              @click=${()=>this.toggleField(e,r)}
             ></nile-icon>
             <div>
            
           </nile-tooltip>`))}
       </div>
-    `}toggleField(e){this.currentInput=e,this.emit("nile-switch",{input:this.currentInput})}singleFieldSwitcher(){return i`
-      ${n(this.currentInput.inputType,[[h.TEXT,()=>this.renderNileText(this.currentInput)],[h.CHECKBOX,()=>this.renderNileCheckBox(this.currentInput)],[h.TEXTAREA,()=>this.renderNileTextArea(this.currentInput)],[h.RADIO,()=>this.renderNileRadio(this.currentInput)],[h.DROPDOWN,()=>this.renderDropdown(this.currentInput)],[h.CONTENTEDITOR,()=>this.renderContentEditor(this.currentInput)],[h.OBJECT_MAPPER,()=>this.renderObjectMapper()]],(()=>this.renderNileText(this.currentInput)))}
+    `}toggleField(e,i){this.current=i,this.emit("nile-switch",{input:this.currentInput})}singleFieldSwitcher(){return i`
+      ${n(this.currentInput.inputType,[[p.TEXT,()=>this.renderNileText(this.currentInput)],[p.CHECKBOX,()=>this.renderNileCheckBox(this.currentInput)],[p.TEXTAREA,()=>this.renderNileTextArea(this.currentInput)],[p.RADIO,()=>this.renderNileRadio(this.currentInput)],[p.DROPDOWN,()=>this.renderDropdown(this.currentInput)],[p.CONTENTEDITOR,()=>this.renderContentEditor(this.currentInput)],[p.OBJECT_MAPPER,()=>this.renderObjectMapper()],[p.CODE_EDITOR,()=>this.renderCodeEditor(this.currentInput)]],(()=>this.renderNileText(this.currentInput)))}
     `}render(){const e=this.nileSwitchConfig.align;return i`<div
-      class=${o({"switcher-block":e===a.BLOCK,"switcher-inline":e===a.INLINE,"switcher-input-container":!0})}
+      class=${o({"switcher-block":e===d.BLOCK,"switcher-inline":e===d.INLINE,"switcher-input-container":!0})}
     >
       ${this.renderIcon()} ${this.singleFieldSwitcher()}
-    </div>`}};u.styles=t,e([c({type:Object})],u.prototype,"nileSwitchConfig",void 0),e([c()],u.prototype,"currentInput",void 0),u=e([r("nile-switcher")],u);export{u as N};
+    </div>`}};$.styles=r,e([a({type:Object})],$.prototype,"nileSwitchConfig",void 0),e([a({type:Number})],$.prototype,"current",void 0),e([a({type:Object})],$.prototype,"currentInput",void 0),e([c(["current"],{waitUntilFirstUpdate:!0})],$.prototype,"handleSwitcherChange",null),$=e([t("nile-switcher")],$);export{$ as N};

package/dist/src/index.d.ts

@@ -39,4 +39,5 @@ export { NileErrorNotification } from './nile-error-notification';
 export { NileTabGroup } from './nile-tab-group';
 export { NileTab } from './nile-tab';
 export { NileTabPanel } from './nile-tab-panel';
+export { NileCodeEditor } from './nile-code-editor';
 export { NileToast } from './nile-toast';

package/dist/src/index.js

@@ -39,5 +39,6 @@ export { NileErrorNotification } from './nile-error-notification';
 export { NileTabGroup } from './nile-tab-group';
 export { NileTab } from './nile-tab';
 export { NileTabPanel } from './nile-tab-panel';
+export { NileCodeEditor } from './nile-code-editor';
 export { NileToast } from './nile-toast';
 //# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { NileButton } from './nile-button';\nexport { NileHeading } from './nile-heading';\nexport { NileIcon } from './nile-icon';\nexport { NileInput } from './nile-input';\nexport { NileSidebar } from './nile-sidebar';\nexport { NileMenu } from './nile-menu';\nexport { NileBadge } from './nile-badge';\nexport { NileDrawer } from './nile-drawer';\nexport { NileCheckbox } from './nile-checkbox';\nexport { NileRadio } from './nile-radio';\nexport { NileRadioGroup } from './nile-radio-group';\nexport { NilePopup } from './nile-popup';\nexport { NileTooltip } from './nile-tooltip';\nexport { NileSlideToggle } from './nile-slide-toggle';\nexport { NileLoader } from './nile-loader';\nexport { NileProgressBar } from './nile-progress-bar';\nexport { NileSpinner } from './nile-spinner';\nexport { NileSelect } from './nile-select';\nexport { NileOption } from './nile-option';\nexport { NileTag } from './nile-tag';\nexport { NileIconButton } from './nile-icon-button';\nexport { NileMenuItem } from './nile-menu-item';\nexport { NileDropdown } from './nile-dropdown';\nexport { NileAutoComplete } from './nile-auto-complete';\nexport { NileChip } from './nile-chip';\nexport { NileTextarea } from './nile-textarea';\nexport { NileDatePicker } from './nile-date-picker';\nexport { NileErrorMessage } from './nile-error-message';\nexport { NileFormErrorMessage } from './nile-form-error-message';\nexport { NileFormHelpText } from './nile-form-help-text';\nexport { NileCalendar } from './nile-calendar';\nexport { NileLink} from './nile-link';\nexport { NileButtonToggleGroup } from './nile-button-toggle-group';\nexport { NileButtonToggle } from './nile-button-toggle';\nexport { NileSwitcher } from './nile-switcher';\nexport { NileContentEditor } from './nile-content-editor';\nexport { NileDialog } from './nile-dialog';\nexport { NileErrorNotification } from './nile-error-notification';\nexport { NileTabGroup } from './nile-tab-group';\nexport { NileTab } from './nile-tab';\nexport { NileTabPanel } from './nile-tab-panel';\nexport { NileToast } from './nile-toast';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { NileButton } from './nile-button';\nexport { NileHeading } from './nile-heading';\nexport { NileIcon } from './nile-icon';\nexport { NileInput } from './nile-input';\nexport { NileSidebar } from './nile-sidebar';\nexport { NileMenu } from './nile-menu';\nexport { NileBadge } from './nile-badge';\nexport { NileDrawer } from './nile-drawer';\nexport { NileCheckbox } from './nile-checkbox';\nexport { NileRadio } from './nile-radio';\nexport { NileRadioGroup } from './nile-radio-group';\nexport { NilePopup } from './nile-popup';\nexport { NileTooltip } from './nile-tooltip';\nexport { NileSlideToggle } from './nile-slide-toggle';\nexport { NileLoader } from './nile-loader';\nexport { NileProgressBar } from './nile-progress-bar';\nexport { NileSpinner } from './nile-spinner';\nexport { NileSelect } from './nile-select';\nexport { NileOption } from './nile-option';\nexport { NileTag } from './nile-tag';\nexport { NileIconButton } from './nile-icon-button';\nexport { NileMenuItem } from './nile-menu-item';\nexport { NileDropdown } from './nile-dropdown';\nexport { NileAutoComplete } from './nile-auto-complete';\nexport { NileChip } from './nile-chip';\nexport { NileTextarea } from './nile-textarea';\nexport { NileDatePicker } from './nile-date-picker';\nexport { NileErrorMessage } from './nile-error-message';\nexport { NileFormErrorMessage } from './nile-form-error-message';\nexport { NileFormHelpText } from './nile-form-help-text';\nexport { NileCalendar } from './nile-calendar';\nexport { NileLink } from './nile-link';\nexport { NileButtonToggleGroup } from './nile-button-toggle-group';\nexport { NileButtonToggle } from './nile-button-toggle';\nexport { NileSwitcher } from './nile-switcher';\nexport { NileContentEditor } from './nile-content-editor';\nexport { NileDialog } from './nile-dialog';\nexport { NileErrorNotification } from './nile-error-notification';\nexport { NileTabGroup } from './nile-tab-group';\nexport { NileTab } from './nile-tab';\nexport { NileTabPanel } from './nile-tab-panel';\nexport { NileCodeEditor } from './nile-code-editor';\nexport { NileToast } from './nile-toast';\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":"AAAA,OAAO,EAEL,WAAW,EACX,yBAAyB,EACzB,qBAAqB,EACrB,aAAa,EACb,UAAU,EACV,oBAAoB,EACpB,eAAe,EACf,mBAAmB,EACnB,MAAM,GACP,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAa,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC7E,OAAO,EAAE,yBAAyB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7E,OAAO,EACL,aAAa,EACb,cAAc,EACd,mBAAmB,GAEpB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,UAAU,EACV,aAAa,EACb,kBAAkB,EAClB,qBAAqB,EACrB,eAAe,EACf,UAAU,EACV,UAAU,GACX,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAwB9C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAS,EAAE,EAAE;IACxC,OAAO,OAAO,IAAI,KAAK,WAAW,IAAI,IAAI,CAAC;AAC7C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,UAA6B,EAAE,EAAe,EAAE;IACzE,MAAM,EAAE,eAAe,EAAE,mBAAmB,GAAG,KAAK,EAAE,GAAG,OAAO,CAAC;IACjE,IAAI,OAAO,GAAiB,EAAE,CAAC;IAC/B,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,CAAC;IACtE,YAAY,CAAC,OAAO,CAAC,mBAAmB,CAAC;QACvC,OAAO,CAAC,IAAI,CAAC,GAAG,mBAAmB,CAAC,CAAC;IACvC,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,CAAC;IACpE,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,CAAC;IACtE,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,CAAC;IAChE,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,CAAC;IAChE,MAAM,UAAU,GAAgB,EAAE,CAAC;IACnC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;IACpE,YAAY,CAAC,OAAO,CAAC,yBAAyB,CAAC;QAC7C,UAAU,CAAC,IAAI,CAAC,yBAAyB,EAAE,CAAC,CAAC;IAC/C,YAAY,CAAC,OAAO,CAAC,qBAAqB,CAAC;QACzC,UAAU,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAC;IAC3C,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;IAC5D,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;IAClE,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IACxE,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;IAClE,YAAY,CAAC,OAAO,CAAC,uBAAuB,CAAC;QAC3C,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,uBAAuB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAChE,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IACxE,YAAY,CAAC,OAAO,CAAC,kBAAkB,CAAC;QACtC,UAAU,CAAC,IAAI,CACb,kBAAkB,CAAC,qBAAqB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAC9D,CAAC;IACJ,YAAY,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;IAC5E,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IACxE,YAAY,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;IAC1E,YAAY,CAAC,OAAO,CAAC,oBAAoB,CAAC;QACxC,UAAU,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;IAC1C,YAAY,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;IAC5E,YAAY,CAAC,OAAO,CAAC,mBAAmB,CAAC;QACvC,UAAU,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC;IACzC,YAAY,CAAC,OAAO,CAAC,yBAAyB,CAAC;QAC7C,UAAU,CAAC,IAAI,CAAC,yBAAyB,EAAE,CAAC,CAAC;IAC/C,IAAI,OAAO,CAAC,OAAO,IAAI,OAAO,OAAO,CAAC,OAAO,KAAK,QAAQ;QACxD,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC9D,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AACxE,CAAC,CAAC;AAWF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,UAA+B,EAAE,EAAE,EAAE;IAChE,IAAI,OAAO,GAAiB,EAAE,CAAC;IAC/B,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,CAAC;IACtE,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,CAAC;IACtE,MAAM,UAAU,GAAgB,EAAE,CAAC;IACnC,YAAY,CAAC,OAAO,CAAC,qBAAqB,CAAC;QACzC,UAAU,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAC;IAC3C,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;IAC5D,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IACxE,YAAY,CAAC,OAAO,CAAC,kBAAkB,CAAC;QACtC,UAAU,CAAC,IAAI,CACb,kBAAkB,CAAC,qBAAqB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAC9D,CAAC;IACJ,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AACxE,CAAC,CAAC","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":"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","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-switcher/nile-switcher.css.js

@@ -61,6 +61,17 @@ export const styles = css `
     padding-right: 10px;
   }
 
+  nile-code-editor {
+    overflow: hidden;
+    padding-top: 2px;
+    border-radius: 5px;
+    border: 1px solid rgb(204, 204, 204);
+  }
+
+  .code-editor__no-border {
+    border: none;
+  }
+
   .switcher-object-mapper::part(input) {
     color: var(--nile-colors-primary-600);
     cursor: pointer;

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

@@ -1 +1 @@
-{"version":3,"file":"nile-switcher.css.js","sourceRoot":"","sources":["../../../src/nile-switcher/nile-switcher.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgExB,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 * FieldGenerator CSS\n */\nexport const styles = css`\n  :host {\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .switcher-icon-container {\n    cursor: pointer;\n    justify-content: center;\n    display: flex;\n    align-items: center;\n    margin-bottom: 6px;\n    height: 28px;\n    width: 28px;\n    border-radius: 4px;\n  }\n\n  .switcher-icon-container.current {\n    background: var(--nile-colors-blue-400);\n  }\n\n  .switcher-input-container {\n    display: flex;\n  }\n\n  .switcher-inline {\n    gap: 0.5rem;\n  }\n\n  .switcher-block {\n    flex-direction: column;\n  }\n\n  .switcher-block > :first-child {\n    align-self: end;\n  }\n\n  .switcher-inline > :nth-child(2) {\n    flex: 1;\n  }\n\n  .switcher-input-container > :first-child {\n    display: flex;\n    gap: 0.5rem;\n    max-height: 38px;\n    align-items: center;\n  }\n\n  nile-radio {\n    display: inline-block;\n    padding-right: 10px;\n  }\n\n  .switcher-object-mapper::part(input) {\n    color: var(--nile-colors-primary-600);\n    cursor: pointer;\n  }\n\n  .switcher-input--noborder::part(base) {\n    border: none;\n  }\n  .switcher-object-mapper--noborder::part(base) {\n    border: none;\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-switcher.css.js","sourceRoot":"","sources":["../../../src/nile-switcher/nile-switcher.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ExB,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 * FieldGenerator CSS\n */\nexport const styles = css`\n  :host {\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .switcher-icon-container {\n    cursor: pointer;\n    justify-content: center;\n    display: flex;\n    align-items: center;\n    margin-bottom: 6px;\n    height: 28px;\n    width: 28px;\n    border-radius: 4px;\n  }\n\n  .switcher-icon-container.current {\n    background: var(--nile-colors-blue-400);\n  }\n\n  .switcher-input-container {\n    display: flex;\n  }\n\n  .switcher-inline {\n    gap: 0.5rem;\n  }\n\n  .switcher-block {\n    flex-direction: column;\n  }\n\n  .switcher-block > :first-child {\n    align-self: end;\n  }\n\n  .switcher-inline > :nth-child(2) {\n    flex: 1;\n  }\n\n  .switcher-input-container > :first-child {\n    display: flex;\n    gap: 0.5rem;\n    max-height: 38px;\n    align-items: center;\n  }\n\n  nile-radio {\n    display: inline-block;\n    padding-right: 10px;\n  }\n\n  nile-code-editor {\n    overflow: hidden;\n    padding-top: 2px;\n    border-radius: 5px;\n    border: 1px solid rgb(204, 204, 204);\n  }\n\n  .code-editor__no-border {\n    border: none;\n  }\n\n  .switcher-object-mapper::part(input) {\n    color: var(--nile-colors-primary-600);\n    cursor: pointer;\n  }\n\n  .switcher-input--noborder::part(base) {\n    border: none;\n  }\n  .switcher-object-mapper--noborder::part(base) {\n    border: none;\n  }\n`;\n\nexport default [styles];\n"]}