@evotor-dev/ui-kit 8.8.1 → 8.9.0

package/lib/components/evo-input-contenteditable/evo-input-contenteditable.component.d.ts

@@ -1,6 +1,7 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, Injector, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { EvoBaseControl } from '../../common/evo-base-control';
+import { EvoInputContenteditableSize } from './types/evo-input-contenteditable-size';
 import * as i0 from "@angular/core";
 export declare class EvoInputContenteditableComponent extends EvoBaseControl implements OnInit, ControlValueAccessor {
     private readonly cd;
@@ -8,6 +9,7 @@ export declare class EvoInputContenteditableComponent extends EvoBaseControl imp
     static readonly STYLE_KEYCODES: number[];
     readonly contenteditable: ElementRef;
     blur: EventEmitter<FocusEvent>;
+    size: EvoInputContenteditableSize;
     multiline: boolean;
     placeholder: string;
     autoFocus: boolean;
@@ -40,5 +42,5 @@ export declare class EvoInputContenteditableComponent extends EvoBaseControl imp
     private clearMultiline;
     private wrapSetValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<EvoInputContenteditableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EvoInputContenteditableComponent, "evo-input-contenteditable", never, { "multiline": { "alias": "multiline"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "maxLines": { "alias": "maxLines"; "required": false; }; "minLines": { "alias": "minLines"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "preventStylingHotkeys": { "alias": "preventStylingHotkeys"; "required": false; }; }, { "blur": "blur"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EvoInputContenteditableComponent, "evo-input-contenteditable", never, { "size": { "alias": "size"; "required": false; }; "multiline": { "alias": "multiline"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "maxLines": { "alias": "maxLines"; "required": false; }; "minLines": { "alias": "minLines"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "preventStylingHotkeys": { "alias": "preventStylingHotkeys"; "required": false; }; }, { "blur": "blur"; }, never, never, true, never>;
 }

package/lib/components/evo-input-contenteditable/types/evo-input-contenteditable-size.d.ts

@@ -0,0 +1,2 @@
+import { EvoSize } from '../../../common/types';
+export type EvoInputContenteditableSize = Extract<EvoSize, 'small' | 'normal'>;

package/lib/components/evo-paginator/evo-paginator.component.d.ts

@@ -6,21 +6,27 @@ export interface PageEvent {
     pageSize: number;
     pagesTotal: number;
 }
+declare enum PaginatorLayout {
+    SHORT = "SHORT",
+    BEGINNING = "BEGINNING",
+    MIDDLE = "MIDDLE",
+    END = "END"
+}
 export declare class EvoPaginatorComponent {
+    set setCurrentPage(value: string | number);
+    set setItemsTotal(itemsTotal: number);
+    set setPageSize(pageSize: number);
     pageClick: EventEmitter<PageEvent>;
+    currentPage: number;
     pagesTotal: number;
-    visiblePagesLimit: number;
-    pagesList: number[];
+    readonly CORNER_STATE_PAGE_MAX_OFFSET = 3;
+    readonly PaginatorLayout: typeof PaginatorLayout;
     private pageSize;
     private itemsTotal;
-    private currentPage;
-    set setCurrentPage(value: string | number);
-    set setItemsTotal(itemsTotal: number);
-    set setPageSize(pageSize: number);
-    set setMaxVisiblePages(visiblePagesLimit: number);
+    get currentLayout(): PaginatorLayout;
     onPageClick(page: number): void;
-    isActivePage(page: string | number): boolean;
-    private updatePagesList;
+    isSelectedPage(page: string | number): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<EvoPaginatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EvoPaginatorComponent, "evo-paginator", never, { "setCurrentPage": { "alias": "currentPage"; "required": false; }; "setItemsTotal": { "alias": "itemsTotal"; "required": false; }; "setPageSize": { "alias": "pageSize"; "required": false; }; "setMaxVisiblePages": { "alias": "visiblePagesLimit"; "required": false; }; }, { "pageClick": "pageClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EvoPaginatorComponent, "evo-paginator", never, { "setCurrentPage": { "alias": "currentPage"; "required": false; }; "setItemsTotal": { "alias": "itemsTotal"; "required": false; }; "setPageSize": { "alias": "pageSize"; "required": false; }; }, { "pageClick": "pageClick"; }, never, never, true, never>;
 }
+export {};

package/lib/components/evo-textarea/evo-textarea.component.d.ts

@@ -1,8 +1,10 @@
 import { EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { EvoBaseControl } from '../../common/evo-base-control';
+import { EvoTextareaSize } from './types/evo-textarea-size';
 import * as i0 from "@angular/core";
 export declare class EvoTextareaComponent extends EvoBaseControl implements ControlValueAccessor {
+    size: EvoTextareaSize;
     placeholder: string;
     rows: number;
     blur: EventEmitter<void>;
@@ -23,5 +25,5 @@ export declare class EvoTextareaComponent extends EvoBaseControl implements Cont
     setDisabledState(isDisabled: boolean): void;
     writeValue(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EvoTextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EvoTextareaComponent, "evo-textarea", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; }, { "blur": "blur"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EvoTextareaComponent, "evo-textarea", never, { "size": { "alias": "size"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; }, { "blur": "blur"; }, never, never, true, never>;
 }

package/lib/components/evo-textarea/types/evo-textarea-size.d.ts

@@ -0,0 +1,2 @@
+import { EvoSize } from '../../../common/types';
+export type EvoTextareaSize = Extract<EvoSize, 'small' | 'normal'>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@evotor-dev/ui-kit",
-  "version": "8.8.1",
+  "version": "8.9.0",
   "homepage": "https://evotor.github.io/Evo-UI-Kit",
   "repository": {
     "type": "git",

package/styles/mixins/_evo-input-mixins.scss

@@ -5,9 +5,10 @@
  * theme: default | rounded
  */
 @mixin evo-input($size: normal, $theme: default) {
-    --evo-input-height: 48px;
+    --evo-input-height: 40px;
     --evo-input-border-radius: 4px;
-    --evo-input-font-size: 16px;
+    --evo-input-font-size: 14px;
+    --evo-input-line-height: 24px;
 
     @if ($size == small) {
         @if ($theme == default) {
@@ -29,6 +30,7 @@
     font-weight: normal;
     font-size: var(--evo-input-font-size);
     font-family: var(--evo-font);
+    line-height: var(--evo-input-line-height);
     white-space: nowrap;
     background-color: $color-white;
     border: 1px solid $color-disabled;

package/styles/variables.scss

@@ -51,6 +51,9 @@ $color-grey-active: #DCDDDF;
 $color-icon-dark-hover: #a7c1c6;
 $color-icon-dark-active: #829fa6;
 
+$color-cool-gray: #001D26;
+$color-cool-gray-04: rgba($color-cool-gray, 0.04);
+
 $color-graph-1: #EB5365;
 $color-graph-2: #9474C9;
 $color-graph-3: #41B2E5;