@aquera/nile-elements 1.3.8-beta-1.1 → 1.3.8-beta-1.2

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

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",o=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  *{\n    box-sizing:border-box;\n  }\n\n  :host {\n    display: block;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .code__editor__container {\n    display: flex;\n    padding: var(--nile-spacing-5px, var(--ng-spacing-none));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-secondary));\n    position: relative;\n  }\n\n  .no-scroller .cm-scroller{\n    scrollbar-width: none;\n  }\n\n  .error {\n    border-color: var(--nile-colors-red-500, var(--ng-componentcolors-utility-error-600));\n  }\n\n  .noborder {\n    border: none;\n  }\n\n  .cm-editor {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .\u037C1.cm-focused {\n    outline: none;\n  }\n\n  .cm-gutters{\n   border-top-left-radius:var(--nile-spacing-spacing-none, var(--ng-radius-md));\n   border-bottom-left-radius:var(--nile-spacing-spacing-none, var(--ng-radius-md));\n  }\n\n  .expand__icon__container{\n    display: none;\n    position: absolute;\n    border-radius: var(--nile-radius-base-standard, var(--ng-radius-none));\n    cursor: pointer;\n    right: var(--nile-spacing-none, var(--ng-spacing-1-5));\n    top: 5px;\n    z-index: 1;\n    padding: var(--nile-spacing-5px, var(--ng-spacing-none));\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n  }\n  \n  .code__editor__container:hover > .expand__icon__container{\n    display: flex;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  *{\n    box-sizing:border-box;\n  }\n\n  :host {\n    display: block;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .code__editor__container {\n    display: flex;\n    padding: var(--nile-spacing-5px, var(--ng-spacing-none));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-secondary));\n    position: relative;\n  }\n\n  .no-scroller .cm-scroller{\n    scrollbar-width: none;\n  }\n\n  .error {\n    border-color: var(--nile-colors-red-500, var(--ng-componentcolors-utility-error-600));\n  }\n\n  .disabled {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-disabled-subtle));\n    border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-disabled));\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n\n  .disabled .cm-editor {\n    cursor: not-allowed;\n  }\n\n  .noborder {\n    border: none;\n  }\n\n  .cm-editor {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .\u037C1.cm-focused {\n    outline: none;\n  }\n\n  .cm-gutters{\n   border-top-left-radius:var(--nile-spacing-spacing-none, var(--ng-radius-md));\n   border-bottom-left-radius:var(--nile-spacing-spacing-none, var(--ng-radius-md));\n  }\n\n  .expand__icon__container{\n    display: none;\n    position: absolute;\n    border-radius: var(--nile-radius-base-standard, var(--ng-radius-none));\n    cursor: pointer;\n    right: var(--nile-spacing-none, var(--ng-spacing-1-5));\n    top: 5px;\n    z-index: 1;\n    padding: var(--nile-spacing-5px, var(--ng-spacing-none));\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n  }\n  \n  .code__editor__container:hover > .expand__icon__container{\n    display: flex;\n  }\n\n  .code__editor__container.disabled .expand__icon__container{\n    display: none;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-code-editor.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-code-editor.css.cjs.js","sources":["../../../src/nile-code-editor/nile-code-editor.css.ts"],"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';\n\n/**\n * CodeEditor CSS\n */\nexport const styles = css`\n  *{\n    box-sizing:border-box;\n  }\n\n  :host {\n    display: block;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .code__editor__container {\n    display: flex;\n    padding: var(--nile-spacing-5px, var(--ng-spacing-none));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-secondary));\n    position: relative;\n  }\n\n  .no-scroller .cm-scroller{\n    scrollbar-width: none;\n  }\n\n  .error {\n    border-color: var(--nile-colors-red-500, var(--ng-componentcolors-utility-error-600));\n  }\n\n  .noborder {\n    border: none;\n  }\n\n  .cm-editor {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .ͼ1.cm-focused {\n    outline: none;\n  }\n\n  .cm-gutters{\n   border-top-left-radius:var(--nile-spacing-spacing-none, var(--ng-radius-md));\n   border-bottom-left-radius:var(--nile-spacing-spacing-none, var(--ng-radius-md));\n  }\n\n  .expand__icon__container{\n    display: none;\n    position: absolute;\n    border-radius: var(--nile-radius-base-standard, var(--ng-radius-none));\n    cursor: pointer;\n    right: var(--nile-spacing-none, var(--ng-spacing-1-5));\n    top: 5px;\n    z-index: 1;\n    padding: var(--nile-spacing-5px, var(--ng-spacing-none));\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n  }\n  \n  .code__editor__container:hover > .expand__icon__container{\n    display: flex;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-code-editor.css.cjs.js","sources":["../../../src/nile-code-editor/nile-code-editor.css.ts"],"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';\n\n/**\n * CodeEditor CSS\n */\nexport const styles = css`\n  *{\n    box-sizing:border-box;\n  }\n\n  :host {\n    display: block;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .code__editor__container {\n    display: flex;\n    padding: var(--nile-spacing-5px, var(--ng-spacing-none));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-secondary));\n    position: relative;\n  }\n\n  .no-scroller .cm-scroller{\n    scrollbar-width: none;\n  }\n\n  .error {\n    border-color: var(--nile-colors-red-500, var(--ng-componentcolors-utility-error-600));\n  }\n\n  .disabled {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-disabled-subtle));\n    border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-disabled));\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n\n  .disabled .cm-editor {\n    cursor: not-allowed;\n  }\n\n  .noborder {\n    border: none;\n  }\n\n  .cm-editor {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .ͼ1.cm-focused {\n    outline: none;\n  }\n\n  .cm-gutters{\n   border-top-left-radius:var(--nile-spacing-spacing-none, var(--ng-radius-md));\n   border-bottom-left-radius:var(--nile-spacing-spacing-none, var(--ng-radius-md));\n  }\n\n  .expand__icon__container{\n    display: none;\n    position: absolute;\n    border-radius: var(--nile-radius-base-standard, var(--ng-radius-none));\n    cursor: pointer;\n    right: var(--nile-spacing-none, var(--ng-spacing-1-5));\n    top: 5px;\n    z-index: 1;\n    padding: var(--nile-spacing-5px, var(--ng-spacing-none));\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n  }\n  \n  .code__editor__container:hover > .expand__icon__container{\n    display: flex;\n  }\n\n  .code__editor__container.disabled .expand__icon__container{\n    display: none;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -1,4 +1,4 @@
-import{css as r}from"lit";const o=r`
+import{css as o}from"lit";const r=o`
   *{
     box-sizing:border-box;
   }
@@ -26,6 +26,17 @@ import{css as r}from"lit";const o=r`
     border-color: var(--nile-colors-red-500, var(--ng-componentcolors-utility-error-600));
   }
 
+  .disabled {
+    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-disabled-subtle));
+    border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-disabled));
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+
+  .disabled .cm-editor {
+    cursor: not-allowed;
+  }
+
   .noborder {
     border: none;
   }
@@ -59,4 +70,8 @@ import{css as r}from"lit";const o=r`
   .code__editor__container:hover > .expand__icon__container{
     display: flex;
   }
-`;export{o as s};
+
+  .code__editor__container.disabled .expand__icon__container{
+    display: none;
+  }
+`;export{r as s};