Merge pull request #3 from ngx-kit/dev-7.1.0

Release 7.1.0

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngx-kit/sula",
-  "version": "7.0.0",
+  "version": "7.1.0",
   "scripts": {
     "clean": "rimraf ./dist && rimraf ./tmp",
     "ui-docs:serve": "ng run ui-docs:serve",

projects/ui/src/lib/ui-dropdown/ui-dropdown-item/ui-dropdown-item.component.scss

@@ -5,6 +5,7 @@
   color: var(--mainTextColor);
   cursor: pointer;
   display: block;
+  font-size: 1em;
   margin: 0;
   padding: var(--grid) calc(var(--grid) * 1.5);
   outline: none;

projects/ui/src/lib/ui-ext-select/ui-ext-select/ui-ext-select.component.html

@@ -15,12 +15,12 @@
     </div>
     <div *ngIf="!service.multiple && !service.input"
          class="model">
-    <span class="value">
-      {{ service.inputView?.view }}
-    </span>
+      <span class="value">
+        {{ service.inputViews[0]?.view }}
+      </span>
     </div>
     <ng-container *ngIf="multiple">
-      <span *ngFor="let item of service.inputView" class="item">
+      <span *ngFor="let item of service.inputViews" class="item">
         {{ item.view }}
         <kit-icon (mousedown)="removeItem($event, item.model)"
                   [xml]="icons.cross"

projects/ui/src/lib/ui-vertical-menu/ui-vertical-menu-group/ui-vertical-menu-group.component.html

@@ -1,8 +1,10 @@
 <div class="title"
      [class.-active]="activeState"
+     [class.-collapsible]="collapsible"
      (click)="toggle()">
   <span class="wrapper"><ng-content></ng-content></span>
-  <button class="arrow">
+  <button *ngIf="collapsible"
+          class="arrow">
     <kit-icon *ngIf="activeState" name="sula-arrow-up"></kit-icon>
     <kit-icon *ngIf="!activeState" name="sula-arrow-down"></kit-icon>
   </button>

projects/ui/src/lib/ui-vertical-menu/ui-vertical-menu-group/ui-vertical-menu-group.component.scss

@@ -9,7 +9,6 @@
   flex-direction: row;
   font-weight: 600;
   padding: calc(var(--grid) * 2);
-
   .wrapper {
     flex-grow: 1;
   }
@@ -20,9 +19,12 @@
     cursor: pointer;
     outline: none;
   }
-  &:hover {
-    background: var(--toTextColor1);
-    border-radius: var(--borderRadius);
-    transition: all var(--transitionSlow) linear;
+  &.-collapsible {
+    cursor: default;
+    &:hover {
+      background: var(--toTextColor1);
+      border-radius: var(--borderRadius);
+      transition: all var(--transitionSlow) linear;
+    }
   }
 }

projects/ui/src/lib/ui-vertical-menu/ui-vertical-menu-group/ui-vertical-menu-group.component.ts

@@ -30,6 +30,8 @@ export class UiVerticalMenuGroupComponent implements OnInit, OnChanges, OnDestro
 
   @Input() activeRoute: any[] | string;
 
+  @Input() collapsible = true;
+
   @ContentChildren(RouterLinkActive) routerLinks: QueryList<RouterLinkActive>;
 
   activeState = false;

projects/ui/src/lib/ui-vertical-menu/ui-vertical-menu-item/ui-vertical-menu-item.component.scss

@@ -5,7 +5,6 @@
   display: block;
   padding: calc(var(--grid) * 2);
   text-decoration: none;
-
   &.-active {
     background: var(--primaryColor);
     border-radius: var(--borderRadius);
@@ -27,5 +26,4 @@
   font-weight: 400;
   margin: calc(var(--grid) / 2) 0;
   padding: var(--grid) calc(var(--grid) * 2);
-
 }

projects/ui/src/public_api.ts

@@ -8,6 +8,7 @@ export * from './lib/ui-date-picker/ui-date-picker';
 export * from './lib/ui-dialog/ui-dialog';
 export * from './lib/ui-drawer/ui-drawer';
 export * from './lib/ui-dropdown/ui-dropdown';
+export * from './lib/ui-ext-select/ui-ext-select';
 export * from './lib/ui-file/ui-file';
 export * from './lib/ui-form/ui-form';
 export * from './lib/ui-loading-bar/ui-loading-bar';