ngx-sfc-common 0.0.6 → 0.0.7

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, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DelimeterComponent, "sfc-delimeter", never, { "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/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/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/package.json

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

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;

package/_ngx-sfc-common.styles.scss

@@ -1,121 +0,0 @@
-// 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%
-);
-
-// 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%
-);
-
-// 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-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;
-
-
-@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/esm2020/lib/components/hamburger/hamburger.component.mjs

@@ -1,24 +0,0 @@
-import { Component, HostBinding, HostListener, Input } from '@angular/core';
-import { UIClass } from '../../enums';
-import * as i0 from "@angular/core";
-export class HamburgerComponent {
-    constructor() {
-        this.open = false;
-        this.onClick = () => this.open = !this.open;
-    }
-}
-HamburgerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: HamburgerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-HamburgerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: HamburgerComponent, selector: "sfc-hamburger", inputs: { open: "open" }, host: { listeners: { "click": "onClick()" }, properties: { "class.open": "this.open" } }, ngImport: i0, template: "<div class=\"container\">\r\n    <div class=\"line half start\"></div>\r\n    <div class=\"line\"></div>\r\n    <div class=\"line half end\"></div>\r\n</div>", styles: [".container{width:1em;height:1em;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:transform .33s ease-out}:host(.open) .container{transform:rotate(-45deg)}.container .line{border-radius:.31em;width:100%;height:.25em}.container .line,:host-context(.sfc-default-theme) .container .line{background-color:#545e61}:host-context(.sfc-dark-theme) .container .line{background-color:#ccd1d9}.container .line.half{width:50%}.container .line.start{transition:transform .33s cubic-bezier(.54,-.81,.57,.57);transform-origin:right}:host(.open) .container .line.start{transform:rotate(-90deg) translate(.1875em)}.container .line.end{align-self:flex-end;transition:transform .33s cubic-bezier(.54,-.81,.57,.57);transform-origin:left}:host(.open) .container .line.end{transform:rotate(-90deg) translate(-.1875em)}.container:hover .line{background-color:#2bbbad!important}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: HamburgerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sfc-hamburger', template: "<div class=\"container\">\r\n    <div class=\"line half start\"></div>\r\n    <div class=\"line\"></div>\r\n    <div class=\"line half end\"></div>\r\n</div>", styles: [".container{width:1em;height:1em;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:transform .33s ease-out}:host(.open) .container{transform:rotate(-45deg)}.container .line{border-radius:.31em;width:100%;height:.25em}.container .line,:host-context(.sfc-default-theme) .container .line{background-color:#545e61}:host-context(.sfc-dark-theme) .container .line{background-color:#ccd1d9}.container .line.half{width:50%}.container .line.start{transition:transform .33s cubic-bezier(.54,-.81,.57,.57);transform-origin:right}:host(.open) .container .line.start{transform:rotate(-90deg) translate(.1875em)}.container .line.end{align-self:flex-end;transition:transform .33s cubic-bezier(.54,-.81,.57,.57);transform-origin:left}:host(.open) .container .line.end{transform:rotate(-90deg) translate(-.1875em)}.container:hover .line{background-color:#2bbbad!important}\n"] }]
-        }], propDecorators: { open: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['class.' + UIClass.Open]
-            }], onClick: [{
-                type: HostListener,
-                args: ['click']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGFtYnVyZ2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tbW9uL3NyYy9saWIvY29tcG9uZW50cy9oYW1idXJnZXIvaGFtYnVyZ2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tbW9uL3NyYy9saWIvY29tcG9uZW50cy9oYW1idXJnZXIvaGFtYnVyZ2VyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGFBQWEsQ0FBQzs7QUFPdEMsTUFBTSxPQUFPLGtCQUFrQjtJQUwvQjtRQVNFLFNBQUksR0FBWSxLQUFLLENBQUM7UUFHdEIsWUFBTyxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO0tBQ3hDOzsrR0FSWSxrQkFBa0I7bUdBQWxCLGtCQUFrQix5S0NSL0IsK0pBSU07MkZESU8sa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLGVBQWU7OEJBUXpCLElBQUk7c0JBRkgsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxRQUFRLEdBQUcsT0FBTyxDQUFDLElBQUk7Z0JBSXBDLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSG9zdExpc3RlbmVyLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBVSUNsYXNzIH0gZnJvbSAnLi4vLi4vZW51bXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZmMtaGFtYnVyZ2VyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vaGFtYnVyZ2VyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9oYW1idXJnZXIuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgSGFtYnVyZ2VyQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KClcclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLicgKyBVSUNsYXNzLk9wZW4pXHJcbiAgb3BlbjogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBASG9zdExpc3RlbmVyKCdjbGljaycpXHJcbiAgb25DbGljayA9ICgpID0+IHRoaXMub3BlbiA9ICF0aGlzLm9wZW47XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImxpbmUgaGFsZiBzdGFydFwiPjwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImxpbmVcIj48L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJsaW5lIGhhbGYgZW5kXCI+PC9kaXY+XHJcbjwvZGl2PiJdfQ==

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

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