ui-core-abv 0.0.8 → 0.0.90

package/lib/components/dynamic-form/form.models.d.ts

@@ -27,10 +27,12 @@ export interface FormField {
     required?: boolean;
     min?: number;
     max?: number;
+    sliderInterval?: number;
+    sliderMarks?: number;
     pattern?: RegExp;
     options?: AppSelectOption[];
 }
-export type FieldType = 'text' | 'number' | 'date' | 'select' | 'search' | 'checkbox' | 'switch';
+export type FieldType = 'text' | 'number' | 'date' | 'select' | 'search' | 'checkbox' | 'switch' | 'slider';
 export interface FormResult {
     result: boolean;
     form: any;

package/lib/components/inputs/ui-slider/ui-slider.component.d.ts

@@ -0,0 +1,38 @@
+import { ButtonColor } from '../../button/button.component';
+import * as i0 from "@angular/core";
+declare const base: abstract new () => {
+    value: number;
+    valueChange: import("@angular/core").EventEmitter<number>;
+    onChange: (value: number) => void;
+    onTouched: () => void;
+    writeValue(obj: number): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    notifyChange(value: number): void;
+};
+export declare class UicSliderComponent extends base {
+    icon: string;
+    iconColor: ButtonColor;
+    label: string;
+    error: string;
+    tip: string;
+    min: number;
+    max: number;
+    step: number;
+    markerCount: number;
+    markers: number[];
+    disabled: boolean;
+    loading: boolean;
+    ngOnInit(): void;
+    get percent(): number;
+    updateFromClientX(clientX: number, el: HTMLElement): void;
+    dragging: boolean;
+    private activeTrack?;
+    onMouseDown(event: MouseEvent, track: HTMLElement): void;
+    onMouseMove(event: MouseEvent): void;
+    onMouseUp(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UicSliderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicSliderComponent, "ui-slider", never, { "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "label": { "alias": "label"; "required": false; }; "error": { "alias": "error"; "required": false; }; "tip": { "alias": "tip"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "markerCount": { "alias": "markerCount"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};

package/lib/components/table/table-pagination/table-pagination.component.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class UicTablePaginationComponent {
+    buttonSize: 's' | 'm' | 'l';
     currentPage: number;
     totalPages: number;
     size: number;
@@ -12,5 +13,5 @@ export declare class UicTablePaginationComponent {
     get pages(): (number | string)[];
     changePage(newPage: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicTablePaginationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicTablePaginationComponent, "uic-table-pagination", never, { "currentPage": { "alias": "currentPage"; "required": false; }; "totalPages": { "alias": "totalPages"; "required": false; }; "size": { "alias": "size"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "pageChange": "pageChange"; "sizeChange": "sizeChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicTablePaginationComponent, "uic-table-pagination", never, { "buttonSize": { "alias": "buttonSize"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "totalPages": { "alias": "totalPages"; "required": false; }; "size": { "alias": "size"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "pageChange": "pageChange"; "sizeChange": "sizeChange"; }, never, never, true, never>;
 }

package/lib/components/table/table.component.d.ts

@@ -7,6 +7,8 @@ export declare class UicTableComponent {
     loading: boolean;
     pages: number;
     size: number;
+    squeletonRows: number;
+    buttonSize: 'm' | 'l' | 's';
     highlightedId: string | number;
     headerText: string;
     totalItems: number;
@@ -45,5 +47,5 @@ export declare class UicTableComponent {
     doAction(rowId: string | number, key: string): void;
     resetCheckedIds(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicTableComponent, "ui-table", never, { "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "pages": { "alias": "pages"; "required": false; }; "size": { "alias": "size"; "required": false; }; "highlightedId": { "alias": "highlightedId"; "required": false; }; "headerText": { "alias": "headerText"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "showPagination": { "alias": "showPagination"; "required": false; }; "showEmptyMessage": { "alias": "showEmptyMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; }, { "action": "action"; "update": "update"; "checkedChange": "checkedChange"; }, never, ["[actions]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicTableComponent, "ui-table", never, { "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "pages": { "alias": "pages"; "required": false; }; "size": { "alias": "size"; "required": false; }; "squeletonRows": { "alias": "squeletonRows"; "required": false; }; "buttonSize": { "alias": "buttonSize"; "required": false; }; "highlightedId": { "alias": "highlightedId"; "required": false; }; "headerText": { "alias": "headerText"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "showPagination": { "alias": "showPagination"; "required": false; }; "showEmptyMessage": { "alias": "showEmptyMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; }, { "action": "action"; "update": "update"; "checkedChange": "checkedChange"; }, never, ["[actions]"], true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-core-abv",
-  "version": "0.0.8",
+  "version": "0.0.90",
   "peerDependencies": {
     "@angular/common": "^19.2.0",
     "@angular/core": "^19.2.0",

package/public-api.d.ts

@@ -10,6 +10,7 @@ export * from './lib/components/table/table.component';
 export * from './lib/components/table/table.models';
 export * from './lib/components/skeleton-loader/skeleton-loader.component';
 export * from './lib/components/push-alerts/alert-container/alert-container.component';
+export * from './lib/components/inputs/ui-slider/ui-slider.component';
 export * from './lib/animations/animatios.index';
 export * from './lib/components/dynamic-form/form.models';
 export * from './lib/services/modal.service';

package/src/lib/styles/_tokens.scss

@@ -37,7 +37,6 @@
   @each $shade, $color in $yellow {
     --yellow-#{$shade}: #{$color};
   }
-  
   --white: #fff;
   --secondary-alpha: #8130c464;
 
@@ -51,4 +50,13 @@
 
   --border-width-thin: 1px;
   --border-width-thick: 2px;
+  
+  // CONTEXTUAL
+  --table-header-background: var(--grey-200);
+  --table-header-color: var(--grey-900);
+  --table-border-color: var(--grey-300);
+  --table-spacing-ref: 10px;
+  --design-size-ref:10px; 
+  --form-ref: 10px;
+
 }

package/src/lib/styles/_variables.scss

@@ -46,4 +46,4 @@ $skeleton-gradient: linear-gradient(
   var(--grey-100) 75%
 );
 
-$input-heigth: 40px;
+$input-heigth: calc( 4 * var(--form-ref));