neo.mjs 5.16.4 → 5.17.0

package/resources/scss/src/tree/Accordion.scss

@@ -0,0 +1,128 @@
+.neo-tree-list {
+  &.root-not-collapsible {
+    .neo-accordion-style {
+      .neo-list-folder.neo-not-collapsible {
+        pointer-events: none;
+        font-size: 1.2em;
+        font-weight: 100;
+
+        // needs to have double class call
+        .neo-list-item-content::before {
+          content: unset !important;
+        }
+      }
+    }
+  }
+
+  &.first-parent-not-visible {
+    .neo-accordion-style {
+      & > li:first-child {
+        display: none;
+      }
+    }
+  }
+
+  .neo-accordion-style {
+    .neo-list-item-content::before {
+      content: unset;
+    }
+
+    .neo-list-item:focus {
+      outline: unset;
+    }
+
+    // remove indentation
+    ul {
+      padding-left: 0 !important;
+    }
+
+    // base folder
+    & > .neo-list-folder {
+      & > .neo-list-item-content {
+        // folder closed
+        &::before {
+          content: "\f077" !important;
+          position: absolute;
+          right: 5px;
+          text-align: center;
+        }
+      }
+
+      // folder open
+      &.neo-folder-open {
+        .neo-list-item-content:before {
+          content: "\f078" !important;
+        }
+      }
+    }
+
+
+    // sub folder
+    ul {
+      .neo-list-folder {
+        // remove original folder icon
+        .neo-list-item-content::before {
+          content: unset !important;
+        }
+
+        // folder closed
+        &.neo-list-item:before {
+          color: var(--list-item-glyph-color);
+          display: inline-block;
+          font-family: var(--fa-style-family-classic);
+          font-weight: 900;
+
+          background-color: palevioletred;
+          content: "\f077" !important;
+          margin-right: .5em;
+          width: 25px;
+          height: 25px;
+          text-align: center;
+          line-height: 25px;
+        }
+
+        // folder open
+        &.neo-folder-open {
+          &.neo-list-item:before {
+            content: "\f078" !important;
+          }
+        }
+
+      }
+    }
+
+    .neo-list-item {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      margin-right: 0;
+      padding-right: 10px;
+
+      .neo-accordion-item-icon {
+        width: 25px;
+        height: 25px;
+        text-align: center;
+        line-height: 25px;
+        margin-right: .5em;
+      }
+
+      .neo-list-item-content {
+        display: flex;
+        flex-direction: column;
+        width: 85%;
+
+        .neo-list-item-content-header {
+          font-weight: 700;
+          text-overflow: ellipsis;
+          overflow: hidden;
+          white-space: nowrap;
+          width: 100%;
+        }
+
+        .neo-list-item-content-text {
+          font-size: 0.8em;
+        }
+      }
+    }
+  }
+}

package/src/DefaultConfig.mjs

@@ -245,12 +245,12 @@ const DefaultConfig = {
     useVdomWorker: true,
     /**
      * buildScripts/injectPackageVersion.mjs will update this value
-     * @default '5.16.4'
+     * @default '5.17.0'
      * @memberOf! module:Neo
      * @name config.version
      * @type String
      */
-    version: '5.16.4'
+    version: '5.17.0'
 };
 
 Object.assign(DefaultConfig, {

package/src/component/StatusBadge.mjs

@@ -0,0 +1,73 @@
+import Base     from '../component/Base.mjs';
+import NeoArray from '../util/Array.mjs';
+
+/**
+ * @class Neo.component.StatusBadge
+ * @extends Neo.component.Base
+ */
+class StatusBadge extends Base {
+    /**
+     * Valid values for state
+     * @member {String[]} states=['error','neutral','success']
+     * @protected
+     * @static
+     */
+    static states = ['error', 'neutral', 'success']
+
+    static config = {
+        /**
+         * @member {String} className='Neo.component.StatusBadge'
+         * @protected
+         */
+        className: 'Neo.component.StatusBadge',
+        /**
+         * @member {String} ntype='status-badge'
+         * @protected
+         */
+        ntype: 'status-badge',
+        /**
+         * @member {String[]} baseCls=['neo-status-badge']
+         * @protected
+         */
+        baseCls: ['neo-status-badge'],
+        /**
+         * @member {String} state_='neutral'
+         */
+        state_: 'neutral',
+        /**
+         * @member {Object} vdom
+         */
+        vdom:
+        {}
+    }
+
+    /**
+     * Triggered after the state config got changed
+     * @param {String} value
+     * @param {String} oldValue
+     * @protected
+     */
+    afterSetState(value, oldValue) {
+        let cls = this.cls;
+
+        NeoArray.remove(cls, 'neo-state-' + oldValue);
+        NeoArray.add(cls, 'neo-state-' + value);
+
+        this.cls = cls
+    }
+
+    /**
+     * Triggered before the state config gets changed
+     * @param {String} value
+     * @param {String} oldValue
+     * @returns {String}
+     * @protected
+     */
+    beforeSetState(value, oldValue) {
+        return this.beforeSetEnumValue(value, oldValue, 'state')
+    }
+}
+
+Neo.applyClassConfig(StatusBadge);
+
+export default StatusBadge;

package/src/core/Base.mjs

@@ -293,6 +293,7 @@ class Base {
      * Applies all class configs to this instance
      * @param {Object} config
      * @param {Boolean} [preventOriginalConfig] True prevents the instance from getting an originalConfig property
+     * @protected
      */
     initConfig(config, preventOriginalConfig) {
         let me = this;
@@ -304,6 +305,7 @@ class Base {
     /**
      * Does get triggered with a delay to ensure that Neo.workerId & Neo.worker.Manager are defined
      * Remote method access via promises
+     * @protected
      */
     initRemote() {
         let me            = this,
@@ -333,6 +335,7 @@ class Base {
      * @param {Object} config
      * @param {Boolean} [preventOriginalConfig] True prevents the instance from getting an originalConfig property
      * @returns {Object} config
+     * @protected
      */
     mergeConfig(config, preventOriginalConfig) {
         let me   = this,
@@ -413,6 +416,7 @@ class Base {
      * When using set(), configs without a trailing underscore can already be assigned,
      * so the hasOwnProperty() check will return true
      * @param {Boolean} [forceAssign=false]
+     * @protected
      */
     processConfigs(forceAssign=false) {
         let me   = this,
@@ -439,6 +443,7 @@ class Base {
     /**
      * @param {String} className
      * @param {Object} remote
+     * @protected
      */
     static sendRemotes(className, remote) {
         let origin;
@@ -482,6 +487,7 @@ class Base {
      * so that afterSet(), beforeGet() and beforeSet() methods can get the new values right away
      * @param {Object} config
      * @returns {Object}
+     * @protected
      */
     setFields(config) {
         let me          = this,