ngx-sfc-common 0.0.5 → 0.0.7

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

@@ -10,5 +10,5 @@ export declare class ButtonComponent {
     types: Array<ButtonType>;
     get classes(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "sfc-button", never, { "text": "text"; "iconBefore": "iconBefore"; "iconAfter": "iconAfter"; "disabled": "disabled"; "types": "types"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "sfc-button", never, { "text": "text"; "iconBefore": "iconBefore"; "iconAfter": "iconAfter"; "disabled": "disabled"; "types": "types"; }, {}, never, never, false, never>;
 }

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

@@ -8,5 +8,5 @@ export declare class CheckmarkComponent {
     type: CheckmarkType;
     showNotActive: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckmarkComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckmarkComponent, "sfc-checkmark", never, { "active": "active"; "disabled": "disabled"; "icon": "icon"; "type": "type"; "showNotActive": "showNotActive"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckmarkComponent, "sfc-checkmark", never, { "active": "active"; "disabled": "disabled"; "icon": "icon"; "type": "type"; "showNotActive": "showNotActive"; }, {}, never, never, false, never>;
 }

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

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class CloseComponent {
     faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
     static ɵfac: i0.ɵɵFactoryDeclaration<CloseComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CloseComponent, "sfc-close", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CloseComponent, "sfc-close", never, {}, {}, never, never, false, never>;
 }

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

@@ -1,5 +1,7 @@
+import { Direction } from '../../enums';
 import * as i0 from "@angular/core";
 export declare class DelimeterComponent {
+    direction: Direction;
     static ɵfac: i0.ɵɵFactoryDeclaration<DelimeterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DelimeterComponent, "sfc-delimeter", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DelimeterComponent, "sfc-delimeter", never, { "direction": "direction"; }, {}, never, never, false, never>;
 }

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

@@ -5,5 +5,5 @@ export declare class DotsComponent {
     direction: Direction;
     onClick: () => boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DotsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DotsComponent, "sfc-dots", never, { "open": "open"; "direction": "direction"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DotsComponent, "sfc-dots", never, { "open": "open"; "direction": "direction"; }, {}, never, never, false, never>;
 }

package/lib/components/hamburger/default/hamburger.component.d.ts

@@ -0,0 +1,6 @@
+import { HamburgerBaseComponent } from '../hamburger-base.component';
+import * as i0 from "@angular/core";
+export declare class HamburgerComponent extends HamburgerBaseComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HamburgerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HamburgerComponent, "sfc-hamburger", never, {}, {}, never, never, false, never>;
+}

package/lib/components/hamburger/hamburger-base.component.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare abstract class HamburgerBaseComponent {
+    open: boolean;
+    onClick: () => boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HamburgerBaseComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HamburgerBaseComponent, never, never, { "open": "open"; }, {}, never, never, false, never>;
+}

package/lib/components/hamburger/menu/hamburger-menu.component.d.ts

@@ -0,0 +1,7 @@
+import { HamburgerBaseComponent } from '../hamburger-base.component';
+import * as i0 from "@angular/core";
+export declare class HamburgerMenuComponent extends HamburgerBaseComponent {
+    label: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HamburgerMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HamburgerMenuComponent, "sfc-hamburger-menu", never, { "label": "label"; }, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,9 @@
+import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
+import * as i0 from "@angular/core";
+export declare class IconComponent {
+    icon?: IconDefinition;
+    imageSrc?: string;
+    get showImage(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "sfc-icon", never, { "icon": "icon"; "imageSrc": "imageSrc"; }, {}, never, never, false, never>;
+}

package/lib/components/index.d.ts

@@ -17,7 +17,8 @@ export { DefaultModalFooterComponent } from './modal/footer/default/default-moda
 export { IDefaultModalFooterModel } from './modal/footer/default/default-modal-footer.model';
 export { IDefaultModalHeaderModel } from './modal/header/default/default-modal-header.model';
 export { ModalTemplate } from './modal/modal-template.enum';
-export { HamburgerComponent } from './hamburger/hamburger.component';
+export { HamburgerComponent } from './hamburger/default/hamburger.component';
+export { HamburgerMenuComponent } from './hamburger/menu/hamburger-menu.component';
 export { DotsComponent } from './dots/dots.component';
 export { ToggleSwitcherComponent } from './toggle-switcher/toggle-switcher.component';
 export { IToggleSwitcherModel } from './toggle-switcher/toggle-switcher.model';
@@ -38,3 +39,4 @@ export { LoadContainerType } from './load-container/load-container.enum';
 export { LoaderFunction, FilterFunction, ILoadContainerModel } from './load-container/models/load-container.model';
 export { ILoadMoreParameters } from './load-container/models/load-more-parameters.model';
 export { ILoadMoreModel } from './load-container/models/load-more.model';
+export { IconComponent } from './icon/icon.component';

package/lib/components/load-container/load-container.component.d.ts

@@ -45,5 +45,5 @@ export declare class LoadContainerComponent implements OnDestroy {
     private buildDynamic;
     private buildStatic;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoadContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoadContainerComponent, "sfc-load-container", never, { "id": "id"; "type": "type"; "open": "open"; "size": "size"; "loadMore": "loadMore"; "showEmpty": "showEmpty"; "showLoadMoreButton": "showLoadMoreButton"; "loadMoreLabel": "loadMoreLabel"; "notFoundLabel": "notFoundLabel"; "model": "model"; "scrollTarget": "scrollTarget"; }, { "handleError": "handleError"; "handleSuccess": "handleSuccess"; "handleLoading": "handleLoading"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoadContainerComponent, "sfc-load-container", never, { "id": "id"; "type": "type"; "open": "open"; "size": "size"; "loadMore": "loadMore"; "showEmpty": "showEmpty"; "showLoadMoreButton": "showLoadMoreButton"; "loadMoreLabel": "loadMoreLabel"; "notFoundLabel": "notFoundLabel"; "model": "model"; "scrollTarget": "scrollTarget"; }, { "handleError": "handleError"; "handleSuccess": "handleSuccess"; "handleLoading": "handleLoading"; }, never, ["*"], false, never>;
 }

package/lib/components/load-more-button/load-more-button.component.d.ts

@@ -8,5 +8,5 @@ export declare class LoadMoreButtonComponent implements OnInit {
     more: EventEmitter<MouseEvent>;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoadMoreButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoadMoreButtonComponent, "sfc-load-more-button", never, { "label": "label"; "icon": "icon"; }, { "more": "more"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoadMoreButtonComponent, "sfc-load-more-button", never, { "label": "label"; "icon": "icon"; }, { "more": "more"; }, never, never, false, never>;
 }

package/lib/components/loader/bounce/bounce-loader.component.d.ts

@@ -2,5 +2,5 @@ import { LoaderBaseComponent } from '../loader-base.component';
 import * as i0 from "@angular/core";
 export declare class BounceLoaderComponent extends LoaderBaseComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<BounceLoaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BounceLoaderComponent, "sfc-bounce-loader", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BounceLoaderComponent, "sfc-bounce-loader", never, {}, {}, never, never, false, never>;
 }

package/lib/components/loader/circle/circle-loader.component.d.ts

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
 export declare class CircleLoaderComponent extends LoaderBaseComponent {
     type: CircleLoaderType;
     static ɵfac: i0.ɵɵFactoryDeclaration<CircleLoaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CircleLoaderComponent, "sfc-circle-loader", never, { "type": "type"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CircleLoaderComponent, "sfc-circle-loader", never, { "type": "type"; }, {}, never, never, false, never>;
 }

package/lib/components/loader/loader-base.component.d.ts

@@ -23,5 +23,5 @@ export declare abstract class LoaderBaseComponent implements OnInit {
     ngOnInit(): void;
     get preLoaderClasses(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoaderBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LoaderBaseComponent, never, never, { "id": "id"; "start": "start"; "background": "background"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LoaderBaseComponent, never, never, { "id": "id"; "start": "start"; "background": "background"; }, {}, never, never, false, never>;
 }

package/lib/components/modal/directive/click/modal-open-on-click.directive.d.ts

@@ -13,5 +13,5 @@ export declare class ModalOpenOnClickDirective implements OnInit, OnDestroy {
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalOpenOnClickDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalOpenOnClickDirective, "[sfcModalOpenOnClick]", never, { "modalOpenOnClick": "sfcModalOpenOnClick"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalOpenOnClickDirective, "[sfcModalOpenOnClick]", never, { "modalOpenOnClick": "sfcModalOpenOnClick"; }, {}, never, never, false, never>;
 }

package/lib/components/modal/directive/open/modal-open.directive.d.ts

@@ -10,5 +10,5 @@ export declare class ModalOpenDirective implements OnDestroy {
     constructor(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef, modalService: ModalService);
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalOpenDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalOpenDirective, "[sfcModalOpen]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalOpenDirective, "[sfcModalOpen]", never, {}, {}, never, never, false, never>;
 }

package/lib/components/modal/footer/default/default-modal-footer.component.d.ts

@@ -15,5 +15,5 @@ export declare class DefaultModalFooterComponent implements OnInit {
     ngOnInit(): void;
     onButtonClick(isCancelButton?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DefaultModalFooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DefaultModalFooterComponent, "sfc-default-modal-footer", never, { "model": "model"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DefaultModalFooterComponent, "sfc-default-modal-footer", never, { "model": "model"; }, {}, never, never, false, never>;
 }

package/lib/components/modal/header/default/default-modal-header.component.d.ts

@@ -12,5 +12,5 @@ export declare class DefaultModalHeaderComponent implements OnInit {
     ngOnInit(): void;
     onClose(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DefaultModalHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DefaultModalHeaderComponent, "sfc-default-modal-header", never, { "model": "model"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DefaultModalHeaderComponent, "sfc-default-modal-header", never, { "model": "model"; }, {}, never, never, false, never>;
 }

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

@@ -20,5 +20,5 @@ export declare class ModalComponent {
     constructor(modalService: ModalService);
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "sfc-modal", never, { "body": "body"; "header": "header"; "footer": "footer"; "defaultHeaderModel": "defaultHeaderModel"; "defaultFooterModel": "defaultFooterModel"; "hideOnEsc": "hideOnEsc"; "hideOnClickOutside": "hideOnClickOutside"; }, {}, ["templates"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "sfc-modal", never, { "body": "body"; "header": "header"; "footer": "footer"; "defaultHeaderModel": "defaultHeaderModel"; "defaultFooterModel": "defaultFooterModel"; "hideOnEsc": "hideOnEsc"; "hideOnClickOutside": "hideOnClickOutside"; }, {}, ["templates"], never, false, never>;
 }

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

@@ -27,5 +27,5 @@ export declare class PaginationComponent implements OnInit {
     private initRange;
     private range;
     static ɵfac: i0.ɵɵFactoryDeclaration<PaginationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "sfc-pagination", never, { "count": "count"; "full": "full"; "limits": "limits"; "data$": "data$"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "sfc-pagination", never, { "count": "count"; "full": "full"; "limits": "limits"; "data$": "data$"; }, {}, never, never, false, never>;
 }

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

@@ -18,5 +18,5 @@ export declare class SortingComponent implements OnInit, OnDestroy {
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SortingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SortingComponent, "sfc-sorting", never, { "id": "id"; "model": "model"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SortingComponent, "sfc-sorting", never, { "id": "id"; "model": "model"; }, {}, never, ["*"], false, never>;
 }

package/lib/components/template-content/template-content.component.d.ts

@@ -10,5 +10,5 @@ export declare class TemplateContentComponent {
     get showDefault(): boolean;
     get templateContent(): TemplateRef<any> | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<TemplateContentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TemplateContentComponent, "sfc-template-content", never, { "contextData": "contextData"; "referenceContent": "referenceContent"; "templateType": "templateType"; "templatesContent": "templatesContent"; "defaultContent": "defaultContent"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TemplateContentComponent, "sfc-template-content", never, { "contextData": "contextData"; "referenceContent": "referenceContent"; "templateType": "templateType"; "templatesContent": "templatesContent"; "defaultContent": "defaultContent"; }, {}, never, never, false, never>;
 }

package/lib/components/toggle-switcher/toggle-switcher.component.d.ts

@@ -8,5 +8,5 @@ export declare class ToggleSwitcherComponent {
     onClick: () => boolean;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ToggleSwitcherComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleSwitcherComponent, "sfc-toggle-switcher", never, { "active": "active"; "disabled": "disabled"; "leftModel": "leftModel"; "rightModel": "rightModel"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleSwitcherComponent, "sfc-toggle-switcher", never, { "active": "active"; "disabled": "disabled"; "leftModel": "leftModel"; "rightModel": "rightModel"; }, {}, never, never, false, never>;
 }

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

@@ -18,5 +18,5 @@ export declare class TooltipComponent implements OnInit, OnDestroy, AfterContent
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "[sfc-tooltip]", never, { "value": "sfc-tooltip"; "tooltipType": "tooltipType"; "tooltipPosition": "tooltipPosition"; "tooltipShow": "tooltipShow"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "[sfc-tooltip]", never, { "value": "sfc-tooltip"; "tooltipType": "tooltipType"; "tooltipPosition": "tooltipPosition"; "tooltipShow": "tooltipShow"; }, {}, never, ["*"], false, never>;
 }

package/lib/constants/ui.constants.d.ts

@@ -3,6 +3,7 @@ export declare class UIConstants {
     static CSS_PERCENTAGE: string;
     static CSS_DEGREES: string;
     static CSS_EM: string;
+    static CSS_INITIAL: string;
     static CSS_VISIBILITY_VISIBLE: string;
     static CSS_VISIBILITY_HIDDEN: string;
     static CSS_WIDTH: string;

package/lib/directives/click-outside/click-outside.directive.d.ts

@@ -19,5 +19,5 @@ export declare class ClickOutsideDirective implements OnInit, OnDestroy {
     private onClick;
     private isDescendant;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClickOutsideDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ClickOutsideDirective, "[sfcClickOutside]", never, { "listening": "sfcClickOutside"; }, { "action": "action"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClickOutsideDirective, "[sfcClickOutside]", never, { "listening": "sfcClickOutside"; }, { "action": "action"; }, never, never, false, never>;
 }

package/lib/directives/component-size/component-size.directive.d.ts

@@ -14,5 +14,5 @@ export declare class ComponentSizeDirective {
     constructor(el: ElementRef);
     private getSizeProportion;
     static ɵfac: i0.ɵɵFactoryDeclaration<ComponentSizeDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ComponentSizeDirective, "[sfcComponentSize]", never, { "size": "sfcComponentSize"; "customSize": "customSize"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ComponentSizeDirective, "[sfcComponentSize]", never, { "size": "sfcComponentSize"; "customSize": "customSize"; }, {}, never, never, false, never>;
 }

package/lib/directives/destroy-parent/destroy-parent.directive.d.ts

@@ -6,5 +6,5 @@ export declare class DestroyParentDirective {
     delay: number;
     constructor(el: ElementRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<DestroyParentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DestroyParentDirective, "[sfcDestroyParent]", never, { "destroyParent": "sfcDestroyParent"; "delay": "delay"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DestroyParentDirective, "[sfcDestroyParent]", never, { "destroyParent": "sfcDestroyParent"; "delay": "delay"; }, {}, never, never, false, never>;
 }

package/lib/directives/dom-changes/dom-changes.directive.d.ts

@@ -8,5 +8,5 @@ export declare class DomChangesDirective implements OnDestroy {
     constructor(elementRef: ElementRef);
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DomChangesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DomChangesDirective, "[sfcDomChanges]", never, { "options": "options"; }, { "sfcDomChanges": "sfcDomChanges"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DomChangesDirective, "[sfcDomChanges]", never, { "options": "options"; }, { "sfcDomChanges": "sfcDomChanges"; }, never, never, false, never>;
 }

package/lib/directives/mouse-down/mouse-down.directive.d.ts

@@ -8,5 +8,5 @@ export declare class MouseDownDirective {
     action: EventEmitter<MouseEvent>;
     onMouseDown($event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MouseDownDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MouseDownDirective, "[sfcMouseDown]", never, { "button": "button"; }, { "action": "sfcMouseDown"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MouseDownDirective, "[sfcMouseDown]", never, { "button": "button"; }, { "action": "sfcMouseDown"; }, never, never, false, never>;
 }

package/lib/directives/scroll-into-view/scroll-into-view.directive.d.ts

@@ -3,5 +3,5 @@ export declare class ScrollIntoViewDirective {
     set sfcScrollIntoView(value: HTMLElement);
     options: ScrollIntoViewOptions;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScrollIntoViewDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollIntoViewDirective, "[sfcScrollIntoView]", never, { "sfcScrollIntoView": "sfcScrollIntoView"; "options": "options"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollIntoViewDirective, "[sfcScrollIntoView]", never, { "sfcScrollIntoView": "sfcScrollIntoView"; "options": "options"; }, {}, never, never, false, never>;
 }

package/lib/directives/scroll-tracker/scroll-tracker.directive.d.ts

@@ -7,5 +7,5 @@ export declare class ScrollTrackerDirective {
     private onScroll;
     private getPosition;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScrollTrackerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollTrackerDirective, "[sfcScrollTracker]", never, { "positions": "positions"; }, { "sfcScrollTracker": "sfcScrollTracker"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollTrackerDirective, "[sfcScrollTracker]", never, { "positions": "positions"; }, { "sfcScrollTracker": "sfcScrollTracker"; }, never, never, false, never>;
 }

package/lib/directives/show-hide-element/show-hide-element.directive.d.ts

@@ -9,5 +9,5 @@ export declare class ShowHideElementDirective {
     constructor(el: ElementRef);
     private getTransitionValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<ShowHideElementDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ShowHideElementDirective, "[sfcShowHideElement]", never, { "showHideElement": "sfcShowHideElement"; "delay": "delay"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ShowHideElementDirective, "[sfcShowHideElement]", never, { "showHideElement": "sfcShowHideElement"; "delay": "delay"; }, {}, never, never, false, never>;
 }

package/lib/directives/template-reference/template-reference.directive.d.ts

@@ -6,5 +6,5 @@ export declare class TemplateReferenceDirective {
     data: any;
     constructor(template: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<TemplateReferenceDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TemplateReferenceDirective, "[sfcTemplateReference]", never, { "templateName": "sfcTemplateReference"; "data": "data"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TemplateReferenceDirective, "[sfcTemplateReference]", never, { "templateName": "sfcTemplateReference"; "data": "data"; }, {}, never, never, false, never>;
 }

package/lib/directives/throw-element-on-hover/throw-element-on-hover.directive.d.ts

@@ -9,5 +9,5 @@ export declare class ThrowElementOnHoverDirective {
     constructor(el: ElementRef);
     private throw;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThrowElementOnHoverDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ThrowElementOnHoverDirective, "[sfcThrowElementOnHover]", never, { "throwValue": "sfcThrowElementOnHover"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ThrowElementOnHoverDirective, "[sfcThrowElementOnHover]", never, { "throwValue": "sfcThrowElementOnHover"; }, {}, never, never, false, never>;
 }

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

@@ -2,7 +2,10 @@
  * CSS Media limits
  */
 export declare enum MediaLimits {
-    Laptop = 1200,
-    Tablet = 767,
-    Phone = 430
+    LaptopLarge = 1440,
+    Laptop = 1024,
+    Tablet = 768,
+    MobileLarge = 425,
+    Mobile = 375,
+    MobileSmall = 320
 }

package/lib/ngx-sfc-common.module.d.ts

@@ -16,25 +16,27 @@ import * as i14 from "./components/toggle-switcher/toggle-switcher.component";
 import * as i15 from "./components/checkmark/checkmark.component";
 import * as i16 from "./components/template-content/template-content.component";
 import * as i17 from "./components/close/close.component";
-import * as i18 from "./components/hamburger/hamburger.component";
-import * as i19 from "./components/dots/dots.component";
-import * as i20 from "./components/pagination/pagination.component";
-import * as i21 from "./components/sorting/sorting.component";
-import * as i22 from "./components/load-more-button/load-more-button.component";
-import * as i23 from "./components/load-container/load-container.component";
-import * as i24 from "./components/loader/bounce/bounce-loader.component";
-import * as i25 from "./components/loader/circle/circle-loader.component";
-import * as i26 from "./components/modal/modal.component";
-import * as i27 from "./components/modal/directive/open/modal-open.directive";
-import * as i28 from "./components/modal/directive/click/modal-open-on-click.directive";
-import * as i29 from "./components/modal/header/default/default-modal-header.component";
-import * as i30 from "./components/modal/footer/default/default-modal-footer.component";
-import * as i31 from "./pipes/switch-multi-case/switch-multi-case.pipe";
-import * as i32 from "@angular/common";
-import * as i33 from "@angular/platform-browser/animations";
-import * as i34 from "@fortawesome/angular-fontawesome";
+import * as i18 from "./components/hamburger/default/hamburger.component";
+import * as i19 from "./components/hamburger/menu/hamburger-menu.component";
+import * as i20 from "./components/dots/dots.component";
+import * as i21 from "./components/pagination/pagination.component";
+import * as i22 from "./components/sorting/sorting.component";
+import * as i23 from "./components/load-more-button/load-more-button.component";
+import * as i24 from "./components/load-container/load-container.component";
+import * as i25 from "./components/icon/icon.component";
+import * as i26 from "./components/loader/bounce/bounce-loader.component";
+import * as i27 from "./components/loader/circle/circle-loader.component";
+import * as i28 from "./components/modal/modal.component";
+import * as i29 from "./components/modal/directive/open/modal-open.directive";
+import * as i30 from "./components/modal/directive/click/modal-open-on-click.directive";
+import * as i31 from "./components/modal/header/default/default-modal-header.component";
+import * as i32 from "./components/modal/footer/default/default-modal-footer.component";
+import * as i33 from "./pipes/switch-multi-case/switch-multi-case.pipe";
+import * as i34 from "@angular/common";
+import * as i35 from "@angular/platform-browser/animations";
+import * as i36 from "@fortawesome/angular-fontawesome";
 export declare class NgxSfcCommonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxSfcCommonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxSfcCommonModule, [typeof i1.ClickOutsideDirective, typeof i2.ShowHideElementDirective, typeof i3.ThrowElementOnHoverDirective, typeof i4.TemplateReferenceDirective, typeof i5.MouseDownDirective, typeof i6.ComponentSizeDirective, typeof i7.DestroyParentDirective, typeof i8.DomChangesDirective, typeof i9.ScrollTrackerDirective, typeof i10.ScrollIntoViewDirective, typeof i11.ButtonComponent, typeof i12.TooltipComponent, typeof i13.DelimeterComponent, typeof i14.ToggleSwitcherComponent, typeof i15.CheckmarkComponent, typeof i16.TemplateContentComponent, typeof i17.CloseComponent, typeof i18.HamburgerComponent, typeof i19.DotsComponent, typeof i20.PaginationComponent, typeof i21.SortingComponent, typeof i22.LoadMoreButtonComponent, typeof i23.LoadContainerComponent, typeof i24.BounceLoaderComponent, typeof i25.CircleLoaderComponent, typeof i26.ModalComponent, typeof i27.ModalOpenDirective, typeof i28.ModalOpenOnClickDirective, typeof i29.DefaultModalHeaderComponent, typeof i30.DefaultModalFooterComponent, typeof i31.SwitchMultiCasePipe], [typeof i32.CommonModule, typeof i33.BrowserAnimationsModule, typeof i34.FontAwesomeModule], [typeof i1.ClickOutsideDirective, typeof i2.ShowHideElementDirective, typeof i3.ThrowElementOnHoverDirective, typeof i4.TemplateReferenceDirective, typeof i5.MouseDownDirective, typeof i6.ComponentSizeDirective, typeof i7.DestroyParentDirective, typeof i8.DomChangesDirective, typeof i9.ScrollTrackerDirective, typeof i10.ScrollIntoViewDirective, typeof i11.ButtonComponent, typeof i12.TooltipComponent, typeof i13.DelimeterComponent, typeof i17.CloseComponent, typeof i15.CheckmarkComponent, typeof i16.TemplateContentComponent, typeof i14.ToggleSwitcherComponent, typeof i19.DotsComponent, typeof i18.HamburgerComponent, typeof i20.PaginationComponent, typeof i21.SortingComponent, typeof i22.LoadMoreButtonComponent, typeof i23.LoadContainerComponent, typeof i24.BounceLoaderComponent, typeof i25.CircleLoaderComponent, typeof i26.ModalComponent, typeof i27.ModalOpenDirective, typeof i28.ModalOpenOnClickDirective, typeof i29.DefaultModalHeaderComponent, typeof i30.DefaultModalFooterComponent, typeof i31.SwitchMultiCasePipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxSfcCommonModule, [typeof i1.ClickOutsideDirective, typeof i2.ShowHideElementDirective, typeof i3.ThrowElementOnHoverDirective, typeof i4.TemplateReferenceDirective, typeof i5.MouseDownDirective, typeof i6.ComponentSizeDirective, typeof i7.DestroyParentDirective, typeof i8.DomChangesDirective, typeof i9.ScrollTrackerDirective, typeof i10.ScrollIntoViewDirective, typeof i11.ButtonComponent, typeof i12.TooltipComponent, typeof i13.DelimeterComponent, typeof i14.ToggleSwitcherComponent, typeof i15.CheckmarkComponent, typeof i16.TemplateContentComponent, typeof i17.CloseComponent, typeof i18.HamburgerComponent, typeof i19.HamburgerMenuComponent, typeof i20.DotsComponent, typeof i21.PaginationComponent, typeof i22.SortingComponent, typeof i23.LoadMoreButtonComponent, typeof i24.LoadContainerComponent, typeof i25.IconComponent, typeof i26.BounceLoaderComponent, typeof i27.CircleLoaderComponent, typeof i28.ModalComponent, typeof i29.ModalOpenDirective, typeof i30.ModalOpenOnClickDirective, typeof i31.DefaultModalHeaderComponent, typeof i32.DefaultModalFooterComponent, typeof i33.SwitchMultiCasePipe], [typeof i34.CommonModule, typeof i35.BrowserAnimationsModule, typeof i36.FontAwesomeModule], [typeof i1.ClickOutsideDirective, typeof i2.ShowHideElementDirective, typeof i3.ThrowElementOnHoverDirective, typeof i4.TemplateReferenceDirective, typeof i5.MouseDownDirective, typeof i6.ComponentSizeDirective, typeof i7.DestroyParentDirective, typeof i8.DomChangesDirective, typeof i9.ScrollTrackerDirective, typeof i10.ScrollIntoViewDirective, typeof i11.ButtonComponent, typeof i12.TooltipComponent, typeof i13.DelimeterComponent, typeof i17.CloseComponent, typeof i15.CheckmarkComponent, typeof i16.TemplateContentComponent, typeof i14.ToggleSwitcherComponent, typeof i20.DotsComponent, typeof i18.HamburgerComponent, typeof i19.HamburgerMenuComponent, typeof i21.PaginationComponent, typeof i22.SortingComponent, typeof i23.LoadMoreButtonComponent, typeof i24.LoadContainerComponent, typeof i25.IconComponent, typeof i26.BounceLoaderComponent, typeof i27.CircleLoaderComponent, typeof i28.ModalComponent, typeof i29.ModalOpenDirective, typeof i30.ModalOpenOnClickDirective, typeof i31.DefaultModalHeaderComponent, typeof i32.DefaultModalFooterComponent, typeof i33.SwitchMultiCasePipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgxSfcCommonModule>;
 }

package/lib/pipes/switch-multi-case/switch-multi-case.pipe.d.ts

@@ -3,5 +3,5 @@ import * as i0 from "@angular/core";
 export declare class SwitchMultiCasePipe implements PipeTransform {
     transform(cases: any[], switchOption: any): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<SwitchMultiCasePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<SwitchMultiCasePipe, "sfcSwitchMultiCase">;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SwitchMultiCasePipe, "sfcSwitchMultiCase", false>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-sfc-common",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "Angular common(shared) library for SFC project",
   "keywords": [
     "Street Football Club",
@@ -24,8 +24,8 @@
   },
   "license": "MIT",
   "peerDependencies": {
-    "@angular/common": "^13.2.0",
-    "@angular/core": "^13.2.0",
+    "@angular/common": "^15.0.4",
+    "@angular/core": "^15.0.4",
     "@fortawesome/angular-fontawesome": "0.10.2",
     "@fortawesome/fontawesome-svg-core": "^6.1.1",
     "@fortawesome/free-solid-svg-icons": "^6.1.1"
@@ -38,13 +38,13 @@
   "esm2020": "esm2020/ngx-sfc-common.mjs",
   "fesm2020": "fesm2020/ngx-sfc-common.mjs",
   "fesm2015": "fesm2015/ngx-sfc-common.mjs",
-  "typings": "ngx-sfc-common.d.ts",
+  "typings": "index.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./ngx-sfc-common.d.ts",
+      "types": "./index.d.ts",
       "esm2020": "./esm2020/ngx-sfc-common.mjs",
       "es2020": "./fesm2020/ngx-sfc-common.mjs",
       "es2015": "./fesm2015/ngx-sfc-common.mjs",

package/styles/_colors.scss

@@ -0,0 +1,48 @@
+// colors
+$color-0: #fff !default;
+$color-1: #f6f6f6 !default;
+$color-2: #f5f7fa !default;
+$color-3: #e6e9ed !default;
+$color-4: #e9e9e9 !default;
+$color-5: #d8d7d7 !default;
+$color-6: #ccd1d9 !default;
+$color-7: #aab2bd !default;
+$color-8: #656d78 !default;
+$color-9: #434a54 !default;
+$color-10: #34323d !default;
+$color-11: #1b1d1f !default;
+
+// shades
+$color-shadow-0: #00000005 !default;
+$color-shadow-1: #0000001a !default;
+$color-shadow-2: #00000030 !default;
+$color-shadow-3: #0000003b !default;
+$color-shadow-4: #0000004d !default;
+$color-shadow-5: #0009 !default;
+
+// result types
+$color-info: #4fc1e9;
+$color-success: #4ec07d;
+$color-failed: #e96075;
+
+// color types
+$color-red-0: #ed5565 !default;
+$color-red-1: #da4453 !default;
+$color-orange-0: #fc6e51 !default;
+$color-orange-1: #e9573f !default;
+$color-yellow-0: #ffce54 !default;
+$color-yellow-1: #fcbb42 !default;
+$color-yellow-2: #f8e976 !default;
+$color-green-0: #a0d468 !default;
+$color-green-1: #8cc152 !default;
+$color-green-2: #48cfad !default;
+$color-green-3: #37bc9b !default;
+$color-green-4: #2bbbad !default;
+$color-blue-0: #4fc1e9 !default;
+$color-blue-1: #3bafda !default;
+$color-blue-2: #5d9cec !default;
+$color-blue-3: #4a89dc !default;
+$color-magenta-0: #ac92ec !default;
+$color-magenta-1: #967adc !default;
+$color-pink-0: #ec87c0 !default;
+$color-pink-1: #d770ad !default;

package/styles/_index.scss

@@ -0,0 +1,2 @@
+@import "variables";
+@import "mixins";

package/styles/_mixins.scss

@@ -0,0 +1,48 @@
+@mixin square-size($value, $multiplier: 1) {
+  width: $value * $multiplier;
+  height: $value * $multiplier;
+}
+
+@mixin theme-value($property, $value-common, $value-dark, $selector: "&") {
+  #{$selector},
+  :host-context(.sfc-default-theme) #{$selector} {
+    #{$property}: $value-common;
+  }
+  :host-context(.sfc-dark-theme) #{$selector} {
+    #{$property}: $value-dark;
+  }
+}
+
+@mixin visibility($show) {
+  @if $show {
+    visibility: visible;
+    opacity: 1;
+  } @else {
+    visibility: hidden;
+    opacity: 0;
+  }
+}
+
+@mixin scroll {
+  ::ng-deep ::-webkit-scrollbar {
+    @include square-size(0.375em);
+  }
+
+  ::ng-deep ::-webkit-scrollbar-track {
+    border-radius: 0.625em;
+    background: rgb(0 0 0 / 10%);
+  }
+
+  ::ng-deep ::-webkit-scrollbar-thumb {
+    border-radius: 0.625em;
+    background: rgb(0 0 0 / 20%);
+  }
+
+  ::ng-deep ::-webkit-scrollbar-thumb:hover {
+    background: rgb(0 0 0 / 40%);
+  }
+
+  ::ng-deep ::-webkit-scrollbar-thumb:active {
+    background: rgb(0 0 0 / 60%);
+  }
+}

package/styles/_variables.scss

@@ -0,0 +1,7 @@
+@import "./themes/default";
+@import "./themes/dark";
+@import "./themes/yellow";
+@import "./colors";
+
+$transition-duration-default: 0.5s;
+$transition-timing-function-default: ease;

package/styles/themes/_dark.scss

@@ -0,0 +1,17 @@
+// default
+$color-dark: #ccd1d9 !default;
+$color-disabled-dark: #656d78 !default;
+$background-gradient-dark: linear-gradient(
+  to right,
+  rgb(255 255 255 / 0%) 0%,
+  rgb(255 255 255 / 40%) 17%,
+  rgb(255 255 255 / 40%) 83%,
+  rgb(255 255 255 / 0%) 100%
+);
+$background-gradient-vertical-dark: linear-gradient(
+  to bottom,
+  rgb(255 255 255 / 0%) 0%,
+  rgb(255 255 255 / 40%) 17%,
+  rgb(255 255 255 / 40%) 83%,
+  rgb(255 255 255 / 0%) 100%
+);

package/styles/themes/_default.scss

@@ -0,0 +1,18 @@
+// default
+$color-default: #545e61 !default;
+$color-hover-default: #2bbbad !default;
+$color-disabled-default: #bdbdbd !default;
+$background-gradient-default: linear-gradient(
+  to right,
+  rgb(0 0 0 / 0%) 0%,
+  rgb(0 0 0 / 30%) 17%,
+  rgb(0 0 0 / 30%) 83%,
+  rgb(0 0 0 / 0%) 100%
+);
+$background-gradient-vertical-default: linear-gradient(
+  to bottom,
+  rgb(0 0 0 / 0%) 0%,
+  rgb(0 0 0 / 30%) 17%,
+  rgb(0 0 0 / 30%) 83%,
+  rgb(0 0 0 / 0%) 100%
+);

package/styles/themes/_yellow.scss

@@ -0,0 +1,3 @@
+$color-default: #545e61;
+$color-hover-default: #ffce54;
+$color-dark: #fff;