ngx-sfc-common 0.0.5 → 0.0.7

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: "13.2.7", ngImport: i0, type: HamburgerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-HamburgerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", 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: "13.2.7", 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>;
-}