ngx-sfc-common 0.0.35 → 0.0.37

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

@@ -1,12 +1,13 @@
 import { ButtonType } from './button-type.enum';
 import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
 import { IClassModel } from '../../models';
+import { empty } from '../../types';
 import * as i0 from "@angular/core";
 export declare class ButtonComponent {
     private readonly BUTTON_DEFAULT_TEXT;
     text?: string;
-    iconBefore?: IconDefinition;
-    iconAfter?: IconDefinition;
+    iconBefore?: IconDefinition | empty;
+    iconAfter?: IconDefinition | empty;
     disabled: boolean;
     types: Array<ButtonType>;
     get label(): string | undefined;

package/lib/constants/common.constants.d.ts

@@ -4,7 +4,9 @@ export declare class CommonConstants {
     static DEFAULT_KEY_VALUE: number;
     static MOUSE_BUTTON_LEFT: number;
     static FULL_PERCENTAGE: number;
+    static LOW_PERCENTAGE: number;
     static COMMON_TEXT_DELIMETER: string;
     static PERCENTAGE_SYMBOL: string;
     static DOT: string;
+    static ASTERISK: string;
 }

package/lib/enums/color.enum.d.ts

@@ -0,0 +1,30 @@
+export declare enum Color {
+    White_0 = "#fff",
+    White_1 = "#e6e9ed",
+    Grey_0 = "#ccd1d9",
+    Grey_1 = "#aab2bd",
+    Grey_2 = "#656d78",
+    Black_0 = "#34323d",
+    Black_1 = "#1b1d1f",
+    Black_2 = "#000",
+    Red_0 = "#ed5565",
+    Red_1 = "#da4453",
+    Orange_0 = "#fc6e51",
+    Orange_1 = "#e9573f",
+    Yellow_0 = "#ffce54",
+    Yellow_1 = "#fcbb42",
+    Yellow_2 = "#f8e976",
+    Green_0 = "#a0d468",
+    Green_1 = "#8cc152",
+    Green_2 = "#48cfad",
+    Green_3 = "#37bc9b",
+    Green_4 = "#2bbbad",
+    Blue_0 = "#4fc1e9",
+    Blue_1 = "#3bafda",
+    Blue_2 = "#5d9cec",
+    Blue_3 = "#4a89dc",
+    Magenta_0 = "#ac92ec",
+    Magenta_1 = "#967adc",
+    Pink_0 = "#ec87c0",
+    Pink_1 = "#d770ad"
+}

package/lib/enums/compare.enum.d.ts

@@ -3,5 +3,7 @@
  */
 export declare enum Compare {
     More = "more",
-    Less = "less"
+    Less = "less",
+    Equal = "equal",
+    NotEqual = "not-equal"
 }

package/lib/enums/index.d.ts

@@ -11,3 +11,4 @@ export { State } from './state.enum';
 export { NotificationType } from './notification-type.enum';
 export { Select } from './select.enum';
 export { ItemsView } from './items-view.enum';
+export { Color } from './color.enum';

package/lib/models/index.d.ts

@@ -1,3 +1,4 @@
 export { IClassModel } from './class.model';
 export { ISelectModel } from './select.model';
 export { ObservableModel, ObservableBehaviorModel } from './observable.model';
+export { IPositionModel } from './position.model';

package/lib/models/position.model.d.ts

@@ -0,0 +1,4 @@
+export interface IPositionModel<TX, TY> {
+    x: TX;
+    y: TY;
+}

package/lib/types/index.d.ts

@@ -1 +1,2 @@
 export { empty } from './empty.type';
+export { primitive } from './primitive.type';

package/lib/types/primitive.type.d.ts

@@ -0,0 +1 @@
+export declare type primitive = string | number | boolean | null | undefined | symbol | bigint;

package/lib/types/segment.type.d.ts

@@ -0,0 +1 @@
+export declare type segment = string | number | "*";

package/lib/utils/collections.utils.d.ts

@@ -155,6 +155,13 @@ export declare function removeItemBy<T>(collection: Array<T>, predicate: (item:
  * @returns True if successfully removed
  */
 export declare function updateItemBy<T>(collection: Array<T>, predicate: (item: T) => boolean, newItem: T): Array<T> | null;
+/**
+ * Toggle item in array
+ * @param arr Array of items
+ * @param item Item to toggle
+ * @returns Toggling result array
+ */
+export declare function toggleItem<T>(array: T[], item: T): T[];
 /**
  * Return collection or empty if collection is not defined
  * @param collection Array of items
@@ -168,3 +175,19 @@ export declare function getCollectionOrEmpty<T>(collection: Array<T>): Array<T>;
  * @returns True if arrays are equal
  */
 export declare function isArraysEquals<T>(a: Array<T>, b: Array<T>): boolean;
+/**
+ * Get previous item in array depend on key
+ * @param array Array of objects
+ * @param key Key name
+ * @param value Value for key
+ * @returns Previous item
+ */
+export declare function getPreviousItemByKey<T, K extends keyof T>(array: T[], key: K, value: T[K]): T | undefined;
+/**
+ * Get next item in array depend on key
+ * @param array Array of objects
+ * @param key Key name
+ * @param value Value for key
+ * @returns Next item
+ */
+export declare function getNextItemByKey<T, K extends keyof T>(array: T[], key: K, value: T[K]): T | undefined;

package/lib/utils/common.utils.d.ts

@@ -1,4 +1,5 @@
 import { empty } from '../types';
+import { segment } from '../types/segment.type';
 /**
  * Return true if value defined
  * @param value Value to check
@@ -97,20 +98,27 @@ export declare function stopAndPreventPropagation(event: Event): void;
 /**
  * Update property in object by key
  * @param obj Object to change
- * @param propertyKey Property to change
+ * @param key Property to change
  * @param newPropertyValue New property value
- * @param oldPropertyValue Old property value
+ * @param options Options for array types
  * @returns Updated object
  */
-export declare function updatePropertyByKey(obj: any, propertyKey: string, newPropertyValue: any, oldPropertyValue: any): any;
+export declare function updatePropertyByKey<T>(obj: any, key: string, newPropertyValue: T, options?: {
+    arrayMode?: "toggle" | "replace";
+    arrayToggleValue?: T;
+}): any;
 /**
- * Get changed property path
- * @param previous Previous value
- * @param current Currency value
- * @param parentKey Parent object key name
- * @returns Path of property that was changed
+ * Update property in object by path
+ * @param obj Object to change
+ * @param path Property to change
+ * @param newPropertyValue New property value
+ * @param previousPropertyValue New property value
+ * @param options Options for array types
+ * @returns Updated object
  */
-export declare function findChangedPropertyPath(previous: any, current: any, parentKey?: string): string | empty;
+export declare function updatePropertyByPath<T>(obj: any, path: string | segment[], newPropertyValue: T, previousPropertyValue: T, options?: {
+    arrayMode?: "toggle" | "replace";
+}): any;
 /**
  * Get changed property key
  * @param previous Previous value
@@ -118,6 +126,14 @@ export declare function findChangedPropertyPath(previous: any, current: any, par
  * @returns Key of property that was changed
  */
 export declare function findChangedPropertyKey(previous: any, current: any): string | empty;
+/**
+ * Get changed property path
+ * @param previous Previous value
+ * @param current Currency value
+ * @param parentKey Parent object key name
+ * @returns Path of property that was changed
+ */
+export declare function findChangedPropertyPath(previous: any, current: any, parentKey?: string): string | empty;
 /**
  * Clone object without any reference
  * @param value  Object to clone

package/lib/utils/index.d.ts

@@ -1,7 +1,7 @@
-export { isDefined, isObject, isAsyncData, addPropertyToObject, removePropertyFromObject, mergeDeep, nameof, isNumeric, isString, isChromeBrowser, isEmail, parseBoolean, isEqual, generateGuid, isJsonString, stopAndPreventPropagation, updatePropertyByKey, findChangedPropertyPath, findChangedPropertyKey, deepClone } from './common.utils';
+export { isDefined, isObject, isAsyncData, addPropertyToObject, removePropertyFromObject, mergeDeep, nameof, isNumeric, isString, isChromeBrowser, isEmail, parseBoolean, isEqual, generateGuid, isJsonString, stopAndPreventPropagation, updatePropertyByKey, updatePropertyByPath, findChangedPropertyKey, findChangedPropertyPath, deepClone } from './common.utils';
 export { isNullOrEmptyString, contains, trim } from './string.utils';
 export { setMinutes, setHours, setDay, setYear, setSeconds, setMilliseconds, setDefaultSecondsAndMiliseconds, getNextDate, getPreviousDate, getNextMonth, getPreviousMonth, getNextYear, getPreviousYear, getFirstDayOfMonth, getLastDayOfMonth, getFirstDayOfYear, getLastDayOfYear, getFirstDayOfMonthByYearAndMonth, getLastDayOfMonthByYearAndMonth, getWeeksNumberInMonth, isEqualDates, isEqualDateTimes, isDateGreat, isDateGreatOrEqual, isDateTimeGreat, isDateTimeGreatOrEqual, isDateTimeLessOrEqual, isTimeGreatOrEqual, isTimeLessOrEqual, convertUTCDateToLocalDate, convertTimestampToDate, convertDateToTimestamp, getAge } from './date-time.utils';
 export { parseFileSize, getFileExtension, readAsDataURL, isImage, convertToBase64String, convertFromBase64String } from './file.utils';
 export { getCssLikeValue, getValueFromCssLikeValue, getCalcValue, getRotateValue, addClasses, removeClasses, rgbToHex, hexToRgb, replaceRgbOpacity } from './ui.utils';
-export { any, hasItem, hasItemBy, hasObjectItem, hasAnyItem, firstOrDefault, firstItem, lastItem, all, where, skip, sort, sortBy, sortByPath, distinct, sum, max, remove, addItem, removeItem, removeItemBy, updateItemBy, getCollectionOrEmpty, count, isArraysEquals } from './collections.utils';
+export { any, hasItem, hasItemBy, hasObjectItem, hasAnyItem, firstOrDefault, firstItem, lastItem, all, where, skip, sort, sortBy, sortByPath, distinct, sum, max, remove, addItem, removeItem, removeItemBy, updateItemBy, toggleItem, getCollectionOrEmpty, count, isArraysEquals, getPreviousItemByKey, getNextItemByKey } from './collections.utils';
 export { buildHttpParams } from './http.utils';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-sfc-common",
-  "version": "0.0.35",
+  "version": "0.0.37",
   "description": "Angular common(shared) library for SFC project",
   "keywords": [
     "Street Football Club",

package/styles/_mixins.scss

@@ -36,16 +36,35 @@
   }
 }
 
+@mixin wrap($gap: 0) {
+  display: flex;
+  flex-wrap: wrap;
+  gap: $gap;
+}
+
+@mixin wrap-row($gap: 0) {
+  @include wrap($gap);
+
+  flex-direction: row;
+}
+
+@mixin wrap-column($gap: 0) {
+  @include wrap($gap);
+
+  flex-direction: column;
+}
+
 @mixin center() {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
-@mixin center-wrap() {
+@mixin center-wrap($gap: 0) {
   @include center;
 
   flex-wrap: wrap;
+  gap: $gap;
 }
 
 @mixin center-column() {
@@ -54,6 +73,24 @@
   flex-direction: column;
 }
 
+@mixin center-wrap-column($gap: 0) {
+  @include center-wrap($gap);
+
+  flex-direction: column;
+}
+
+@mixin center-row() {
+  @include center;
+
+  flex-direction: row;
+}
+
+@mixin center-wrap-row($gap: 0) {
+  @include center-wrap($gap);
+
+  flex-direction: row;
+}
+
 @mixin not-first-not-last {
   &:not(:first-child, :last-child) {
     @content;