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

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent nile-elements following open-wc recommendations",
   "license": "MIT",
   "author": "nile-elements",
-  "version": "1.3.8-beta-1.1",
+  "version": "1.3.8-beta-1.2",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",

package/src/nile-calendar/nile-calendar.ts

@@ -751,15 +751,6 @@ ${this.showMonthDropdown || this.showYearDropdown ? html`
         }
         this.isSelectingStart = false;
       } else {
-        if (
-          this.startDate &&
-          selectedDate.getFullYear() === this.startDate.getFullYear() &&
-          selectedDate.getMonth() === this.startDate.getMonth() &&
-          selectedDate.getDate() === this.startDate.getDate()
-        ) {
-          return; 
-        }
-    
         this.isSelectingStart = true;
 
         if (this.startDate && selectedDate < this.startDate) {

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

@@ -38,6 +38,17 @@ export const styles = css`
     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;
   }
@@ -71,6 +82,10 @@ export const styles = css`
   .code__editor__container:hover > .expand__icon__container{
     display: flex;
   }
+
+  .code__editor__container.disabled .expand__icon__container{
+    display: none;
+  }
 `;
 
 export default [styles];

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

@@ -95,6 +95,8 @@ export class NileCodeEditor extends NileElement {
 
   @property({ type: Boolean, reflect: true , attribute: true}) readonly: boolean = false;
 
+  @property({ type: Boolean, reflect: true , attribute: true}) disabled: boolean = false;
+
   @property({ type: Boolean, reflect: true , attribute: true}) debounce: boolean = false;
 
   @property({ type: Number, reflect: true , attribute: true}) debounceTimeout: number = 200;
@@ -197,6 +199,13 @@ export class NileCodeEditor extends NileElement {
         ]
       })
     }
+    if (changedProperties.has('disabled') && this.view) {
+      this.view.dispatch({ 
+        effects: [
+          this.readOnlyComp.reconfigure(this.getReadOnlyExtension()),
+        ]
+      })
+    }
     if (changedProperties.has('aboveCursor')) {
       this.view.dispatch({
         effects: [
@@ -279,10 +288,11 @@ export class NileCodeEditor extends NileElement {
           'noborder': noborder,
           'error': hasError || hasErrorMessage,
           'code__editor__singleline': !this.multiline,
-          'no-scroller': noScrollbar
+          'no-scroller': noScrollbar,
+          'disabled': this.disabled
         })}
       >
-      ${this.expandable
+      ${this.expandable && !this.disabled
       ? html` 
         <div @click="${(e: CustomEvent) => this.emit('nile-expand')}" class="expand__icon__container">
           <nile-icon
@@ -575,7 +585,7 @@ export class NileCodeEditor extends NileElement {
   }
 
   getReadOnlyExtension() {
-    return this.readonly ? EditorState.readOnly.of(true) : [];
+    return (this.readonly || this.disabled) ? EditorState.readOnly.of(true) : [];
   }
 
   getSingleLineExtension() {

package/src/nile-icon/icons/svg/index.ts

@@ -293,6 +293,7 @@ export { default as newcalendar } from './new-calendar';
 export { default as ngaction } from './ng-action';
 export { default as ngactivity } from './ng-activity';
 export { default as ngalertcircle } from './ng-alert-circle';
+export { default as ngalerttriangle } from './ng-alert-triangle';
 export { default as ngaligncenter } from './ng-align-center';
 export { default as ngannotationx } from './ng-annotation-x';
 export { default as ngarrowdown } from './ng-arrow-down';

package/src/nile-icon/icons/svg/ng-alert-triangle.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS45OTk3NSA3LjUwMDE5VjEwLjgzMzVNOS45OTk3NSAxNC4xNjY5SDEwLjAwODFNOC44NDU4NSAzLjI0MzI5TDEuOTkxNzggMTUuMDgyMUMxLjYxMTYxIDE1LjczODggMS40MjE1MyAxNi4wNjcxIDEuNDQ5NjIgMTYuMzM2NkMxLjQ3NDEyIDE2LjU3MTYgMS41OTcyNyAxNi43ODUyIDEuNzg4NCAxNi45MjQyQzIuMDA3NTMgMTcuMDgzNSAyLjM4NjkxIDE3LjA4MzUgMy4xNDU2OCAxNy4wODM1SDE2Ljg1MzhDMTcuNjEyNiAxNy4wODM1IDE3Ljk5MiAxNy4wODM1IDE4LjIxMTEgMTYuOTI0MkMxOC40MDIyIDE2Ljc4NTIgMTguNTI1NCAxNi41NzE2IDE4LjU0OTkgMTYuMzM2NkMxOC41NzggMTYuMDY3MSAxOC4zODc5IDE1LjczODggMTguMDA3NyAxNS4wODIxTDExLjE1MzcgMy4yNDMyOUMxMC43NzQ4IDIuNTg4OTkgMTAuNTg1NCAyLjI2MTg0IDEwLjMzODMgMi4xNTE5NkMxMC4xMjI4IDIuMDU2MTIgOS44NzY3MiAyLjA1NjEyIDkuNjYxMTcgMi4xNTE5NkM5LjQxNDA2IDIuMjYxODQgOS4yMjQ2NiAyLjU4ODk5IDguODQ1ODUgMy4yNDMyOVoiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS42IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=";

package/src/nile-slide-toggle/nile-slide-toggle.ts

@@ -53,7 +53,6 @@ export class NileSlideToggle extends NileElement {
           'nile-slide--disabled': this.disabled,
           'nile-slide-toggle--reverse':this.textPosition=='left'
         })}
-        part="base"
       >
         <label 
         class="${classMap({
@@ -61,17 +60,17 @@ export class NileSlideToggle extends NileElement {
           'nile-slide-toggle__switch--left':this.textPosition=='right',
           'nile-slide-toggle__switch--right':this.textPosition=='left',
         })}"
-        class="nile-slide-toggle__switch" part="slide-toggle-switch">
+        class="nile-slide-toggle__switch">
           <input
             type="checkbox"
             .checked=${this.isChecked}
             @change=${this.toggleValue}
           />
-          <span class="nile-slide-toggle__slider" part="slide-toggle-slider"></span>
+          <span class="nile-slide-toggle__slider"></span>
         </label>
-        <span class="nile-slide-toggle__label" part="slide-toggle-label-container">
-          <span part="slide-toggle-label">${this.label}</span>
-          <span class="nile-slide-toggle__sublabel" part="slide-toggle-sublabel">${this.sublabel}</span>
+        <span class="nile-slide-toggle__label">
+          <span>${this.label}</span>
+          <span class="nile-slide-toggle__sublabel">${this.sublabel}</span>
         </span>
       </div>
       ${hasHelpText

package/vscode-html-custom-data.json

@@ -904,7 +904,7 @@
     },
     {
       "name": "nile-code-editor",
-      "description": "Nile icon component.\n\nEvents:\n\n  * `nile-focus` {`Event`} - \n\n  * `nile-blur` {`Event`} - \n\nAttributes:\n\n  * `value` {`string`} - \n\n  * `expandIcon` {`string`} - \n\n  * `placeholder` {`string`} - \n\n  * `customAutoCompletions` - \n\n  * `customCompletionsPaths` {`string[]`} - \n\n  * `language` {`\"html\" | \"javascript\" | \"sql\" | \"json\"`} - \n\n  * `error-message` {`string`} - \n\n  * `error` {`boolean`} - \n\n  * `enableSearch` {`boolean`} - \n\n  * `noborder` {`boolean`} - \n\n  * `multiline` {`boolean`} - \n\n  * `enableFoldGutters` {`boolean`} - \n\n  * `allowVariableInCustomSuggestion` {`boolean`} - \n\n  * `lineNumbers` {`boolean`} - \n\n  * `lineNumbersMultiline` {`boolean`} - \n\n  * `hasScroller` {`boolean`} - \n\n  * `expandable` {`boolean`} - \n\n  * `readonly` {`boolean`} - \n\n  * `debounce` {`boolean`} - \n\n  * `debounceTimeout` {`number`} - \n\n  * `aboveCursor` {`boolean`} - \n\n  * `tabCompletion` {`boolean`} - \n\n  * `defaultFont` {`boolean`} - \n\nProperties:\n\n  * `codeEditor` {`HTMLInputElement`} - \n\n  * `value` {`string`} - \n\n  * `expandIcon` {`string`} - \n\n  * `placeholder` {`string`} - \n\n  * `customAutoCompletions` - \n\n  * `customCompletionsPaths` {`string[]`} - \n\n  * `language` {`\"html\" | \"javascript\" | \"sql\" | \"json\"`} - \n\n  * `errorMessage` {`string`} - \n\n  * `error` {`boolean`} - \n\n  * `enableSearch` {`boolean`} - \n\n  * `noborder` {`boolean`} - \n\n  * `multiline` {`boolean`} - \n\n  * `enableFoldGutters` {`boolean`} - \n\n  * `allowVariableInCustomSuggestion` {`boolean`} - \n\n  * `lineNumbers` {`boolean`} - \n\n  * `disableSyntaxHighlighting` {`boolean`} - \n\n  * `customThemeCSS` {`object | null`} - \n\n  * `lineNumbersMultiline` {`boolean`} - \n\n  * `hasScroller` {`boolean`} - \n\n  * `expandable` {`boolean`} - \n\n  * `readonly` {`boolean`} - \n\n  * `debounce` {`boolean`} - \n\n  * `debounceTimeout` {`number`} - \n\n  * `aboveCursor` {`boolean`} - \n\n  * `tabCompletion` {`boolean`} - \n\n  * `defaultFont` {`boolean`} - \n\n  * `autoCompleteStyle` {`{ width?: string | undefined; multiline?: boolean | undefined; } | undefined`} - \n\n  * `view` - \n\n  * `viewState` - \n\n  * `timeOut` - \n\n  * `resizeObserver` - \n\n  * `lineNumbersComp` - \n\n  * `restrictSingleLineComp` - \n\n  * `readOnlyComp` - \n\n  * `customCompletionComp` - \n\n  * `placeholderComp` - \n\n  * `defaultSyntaxHighlightingComp` - \n\n  * `themeComp` - \n\n  * `autoCompletionComp` - \n\n  * `autoCompleteStyleComp` - \n\n  * `isSpacePressed` {`boolean`} - \n\n  * `customAutocomplete` - Custom autocomplete handler for code editor suggestions\n\n  * `insertBetweenCode` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Nile icon component.\n\nEvents:\n\n  * `nile-focus` {`Event`} - \n\n  * `nile-blur` {`Event`} - \n\nAttributes:\n\n  * `value` {`string`} - \n\n  * `expandIcon` {`string`} - \n\n  * `placeholder` {`string`} - \n\n  * `customAutoCompletions` - \n\n  * `customCompletionsPaths` {`string[]`} - \n\n  * `language` {`\"html\" | \"javascript\" | \"sql\" | \"json\"`} - \n\n  * `error-message` {`string`} - \n\n  * `error` {`boolean`} - \n\n  * `enableSearch` {`boolean`} - \n\n  * `noborder` {`boolean`} - \n\n  * `multiline` {`boolean`} - \n\n  * `enableFoldGutters` {`boolean`} - \n\n  * `allowVariableInCustomSuggestion` {`boolean`} - \n\n  * `lineNumbers` {`boolean`} - \n\n  * `lineNumbersMultiline` {`boolean`} - \n\n  * `hasScroller` {`boolean`} - \n\n  * `expandable` {`boolean`} - \n\n  * `readonly` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `debounce` {`boolean`} - \n\n  * `debounceTimeout` {`number`} - \n\n  * `aboveCursor` {`boolean`} - \n\n  * `tabCompletion` {`boolean`} - \n\n  * `defaultFont` {`boolean`} - \n\nProperties:\n\n  * `codeEditor` {`HTMLInputElement`} - \n\n  * `value` {`string`} - \n\n  * `expandIcon` {`string`} - \n\n  * `placeholder` {`string`} - \n\n  * `customAutoCompletions` - \n\n  * `customCompletionsPaths` {`string[]`} - \n\n  * `language` {`\"html\" | \"javascript\" | \"sql\" | \"json\"`} - \n\n  * `errorMessage` {`string`} - \n\n  * `error` {`boolean`} - \n\n  * `enableSearch` {`boolean`} - \n\n  * `noborder` {`boolean`} - \n\n  * `multiline` {`boolean`} - \n\n  * `enableFoldGutters` {`boolean`} - \n\n  * `allowVariableInCustomSuggestion` {`boolean`} - \n\n  * `lineNumbers` {`boolean`} - \n\n  * `disableSyntaxHighlighting` {`boolean`} - \n\n  * `customThemeCSS` {`object | null`} - \n\n  * `lineNumbersMultiline` {`boolean`} - \n\n  * `hasScroller` {`boolean`} - \n\n  * `expandable` {`boolean`} - \n\n  * `readonly` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `debounce` {`boolean`} - \n\n  * `debounceTimeout` {`number`} - \n\n  * `aboveCursor` {`boolean`} - \n\n  * `tabCompletion` {`boolean`} - \n\n  * `defaultFont` {`boolean`} - \n\n  * `autoCompleteStyle` {`{ width?: string | undefined; multiline?: boolean | undefined; } | undefined`} - \n\n  * `view` - \n\n  * `viewState` - \n\n  * `timeOut` - \n\n  * `resizeObserver` - \n\n  * `lineNumbersComp` - \n\n  * `restrictSingleLineComp` - \n\n  * `readOnlyComp` - \n\n  * `customCompletionComp` - \n\n  * `placeholderComp` - \n\n  * `defaultSyntaxHighlightingComp` - \n\n  * `themeComp` - \n\n  * `autoCompletionComp` - \n\n  * `autoCompleteStyleComp` - \n\n  * `isSpacePressed` {`boolean`} - \n\n  * `customAutocomplete` - Custom autocomplete handler for code editor suggestions\n\n  * `insertBetweenCode` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "value",
@@ -1003,6 +1003,11 @@
           "description": "`readonly` {`boolean`} - \n\nProperty: readonly\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "debounce",
           "description": "`debounce` {`boolean`} - \n\nProperty: debounce\n\nDefault: false",