ngwr 0.0.2 → 0.0.6

package/icon/wr-icons.d.ts

@@ -0,0 +1,343 @@
+export declare const wrIconAlert: {
+    name: 'alert';
+    data: string;
+};
+export declare const wrIconArrowBack: {
+    name: 'arrow-back';
+    data: string;
+};
+export declare const wrIconBug: {
+    name: 'bug';
+    data: string;
+};
+export declare const wrIconCaretBack: {
+    name: 'caret-back';
+    data: string;
+};
+export declare const wrIconCaretForward: {
+    name: 'caret-forward';
+    data: string;
+};
+export declare const wrIconCheckmarkCircle: {
+    name: 'checkmark-circle';
+    data: string;
+};
+export declare const wrIconChevronDown: {
+    name: 'chevron-down';
+    data: string;
+};
+export declare const wrIconChevronUp: {
+    name: 'chevron-up';
+    data: string;
+};
+export declare const wrIconClock: {
+    name: 'clock';
+    data: string;
+};
+export declare const wrIconCloseCircle: {
+    name: 'close-circle';
+    data: string;
+};
+export declare const wrIconCopy: {
+    name: 'copy';
+    data: string;
+};
+export declare const wrIconDiscover: {
+    name: 'discover';
+    data: string;
+};
+export declare const wrIconDocument: {
+    name: 'document';
+    data: string;
+};
+export declare const wrIconDotsHorizontal: {
+    name: 'dots-horizontal';
+    data: string;
+};
+export declare const wrIconDotsVertical: {
+    name: 'dots-vertical';
+    data: string;
+};
+export declare const wrIconDownload: {
+    name: 'download';
+    data: string;
+};
+export declare const wrIconEyeOff: {
+    name: 'eye-off';
+    data: string;
+};
+export declare const wrIconEye: {
+    name: 'eye';
+    data: string;
+};
+export declare const wrIconFileAab: {
+    name: 'file-aab';
+    data: string;
+};
+export declare const wrIconFileApk: {
+    name: 'file-apk';
+    data: string;
+};
+export declare const wrIconFileIpa: {
+    name: 'file-ipa';
+    data: string;
+};
+export declare const wrIconFileZip: {
+    name: 'file-zip';
+    data: string;
+};
+export declare const wrIconFlash: {
+    name: 'flash';
+    data: string;
+};
+export declare const wrIconFolder: {
+    name: 'folder';
+    data: string;
+};
+export declare const wrIconHelp: {
+    name: 'help';
+    data: string;
+};
+export declare const wrIconHome: {
+    name: 'home';
+    data: string;
+};
+export declare const wrIconInfoCircleOutline: {
+    name: 'info-circle-outline';
+    data: string;
+};
+export declare const wrIconLogoAndroid: {
+    name: 'logo-android';
+    data: string;
+};
+export declare const wrIconLogoApple: {
+    name: 'logo-apple';
+    data: string;
+};
+export declare const wrIconLogoAppscreener: {
+    name: 'logo-appscreener';
+    data: string;
+};
+export declare const wrIconLogoGithub: {
+    name: 'logo-github';
+    data: string;
+};
+export declare const wrIconLogoOversecured: {
+    name: 'logo-oversecured';
+    data: string;
+};
+export declare const wrIconLogoStingray: {
+    name: 'logo-stingray';
+    data: string;
+};
+export declare const wrIconModules: {
+    name: 'modules';
+    data: string;
+};
+export declare const wrIconPlayBack: {
+    name: 'play-back';
+    data: string;
+};
+export declare const wrIconPlayCircle: {
+    name: 'play-circle';
+    data: string;
+};
+export declare const wrIconPlayForward: {
+    name: 'play-forward';
+    data: string;
+};
+export declare const wrIconPlay: {
+    name: 'play';
+    data: string;
+};
+export declare const wrIconPlusCircle: {
+    name: 'plus-circle';
+    data: string;
+};
+export declare const wrIconReader: {
+    name: 'reader';
+    data: string;
+};
+export declare const wrIconRepeat: {
+    name: 'repeat';
+    data: string;
+};
+export declare const wrIconSearch: {
+    name: 'search';
+    data: string;
+};
+export declare const wrIconStopCircle: {
+    name: 'stop-circle';
+    data: string;
+};
+export declare const wrIconStop: {
+    name: 'stop';
+    data: string;
+};
+export declare const wrIconTrash: {
+    name: 'trash';
+    data: string;
+};
+export declare const wrIconUserCircle: {
+    name: 'user-circle';
+    data: string;
+};
+export declare const wrIconUser: {
+    name: 'user';
+    data: string;
+};
+export declare const wrIconWarning: {
+    name: 'warning';
+    data: string;
+};
+export declare type wrIconName = 'alert' | 'arrow-back' | 'bug' | 'caret-back' | 'caret-forward' | 'checkmark-circle' | 'chevron-down' | 'chevron-up' | 'clock' | 'close-circle' | 'copy' | 'discover' | 'document' | 'dots-horizontal' | 'dots-vertical' | 'download' | 'eye-off' | 'eye' | 'file-aab' | 'file-apk' | 'file-ipa' | 'file-zip' | 'flash' | 'folder' | 'help' | 'home' | 'info-circle-outline' | 'logo-android' | 'logo-apple' | 'logo-appscreener' | 'logo-github' | 'logo-oversecured' | 'logo-stingray' | 'modules' | 'play-back' | 'play-circle' | 'play-forward' | 'play' | 'plus-circle' | 'reader' | 'repeat' | 'search' | 'stop-circle' | 'stop' | 'trash' | 'user-circle' | 'user' | 'warning';
+export interface WrIcon {
+    name: wrIconName;
+    data: string;
+}
+export declare type WrIconNameSubset<T extends Readonly<WrIcon[]>> = T[number]['name'];
+export declare const wrIconSet: ({
+    name: 'alert';
+    data: string;
+} | {
+    name: 'arrow-back';
+    data: string;
+} | {
+    name: 'bug';
+    data: string;
+} | {
+    name: 'caret-back';
+    data: string;
+} | {
+    name: 'caret-forward';
+    data: string;
+} | {
+    name: 'checkmark-circle';
+    data: string;
+} | {
+    name: 'chevron-down';
+    data: string;
+} | {
+    name: 'chevron-up';
+    data: string;
+} | {
+    name: 'clock';
+    data: string;
+} | {
+    name: 'close-circle';
+    data: string;
+} | {
+    name: 'copy';
+    data: string;
+} | {
+    name: 'discover';
+    data: string;
+} | {
+    name: 'document';
+    data: string;
+} | {
+    name: 'dots-horizontal';
+    data: string;
+} | {
+    name: 'dots-vertical';
+    data: string;
+} | {
+    name: 'download';
+    data: string;
+} | {
+    name: 'eye-off';
+    data: string;
+} | {
+    name: 'eye';
+    data: string;
+} | {
+    name: 'file-aab';
+    data: string;
+} | {
+    name: 'file-apk';
+    data: string;
+} | {
+    name: 'file-ipa';
+    data: string;
+} | {
+    name: 'file-zip';
+    data: string;
+} | {
+    name: 'flash';
+    data: string;
+} | {
+    name: 'folder';
+    data: string;
+} | {
+    name: 'help';
+    data: string;
+} | {
+    name: 'home';
+    data: string;
+} | {
+    name: 'info-circle-outline';
+    data: string;
+} | {
+    name: 'logo-android';
+    data: string;
+} | {
+    name: 'logo-apple';
+    data: string;
+} | {
+    name: 'logo-appscreener';
+    data: string;
+} | {
+    name: 'logo-github';
+    data: string;
+} | {
+    name: 'logo-oversecured';
+    data: string;
+} | {
+    name: 'logo-stingray';
+    data: string;
+} | {
+    name: 'modules';
+    data: string;
+} | {
+    name: 'play-back';
+    data: string;
+} | {
+    name: 'play-circle';
+    data: string;
+} | {
+    name: 'play-forward';
+    data: string;
+} | {
+    name: 'play';
+    data: string;
+} | {
+    name: 'plus-circle';
+    data: string;
+} | {
+    name: 'reader';
+    data: string;
+} | {
+    name: 'repeat';
+    data: string;
+} | {
+    name: 'search';
+    data: string;
+} | {
+    name: 'stop-circle';
+    data: string;
+} | {
+    name: 'stop';
+    data: string;
+} | {
+    name: 'trash';
+    data: string;
+} | {
+    name: 'user-circle';
+    data: string;
+} | {
+    name: 'user';
+    data: string;
+} | {
+    name: 'warning';
+    data: string;
+})[];

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="ngwr" />
+export * from './public-api';

package/input/input.directive.d.ts

@@ -0,0 +1,18 @@
+import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { Subject } from 'rxjs';
+import { BaseComponent } from '../_core';
+import * as i0 from "@angular/core";
+export declare class WrInputDirective extends BaseComponent implements OnInit, OnChanges {
+    ngControl: NgControl;
+    class: string;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    _disabled: boolean;
+    disabled$: Subject<boolean>;
+    constructor(ngControl: NgControl);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrInputDirective, [{ optional: true; self: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WrInputDirective, "wr-input, input[wr-input], textarea[wr-input]", never, { "disabled": "disabled"; }, {}, never, never, false>;
+}

package/input/input.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./input.directive";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/cdk/platform";
+export declare class WrInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<WrInputModule, [typeof i1.WrInputDirective], [typeof i2.CommonModule, typeof i3.PlatformModule], [typeof i1.WrInputDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<WrInputModule>;
+}

package/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 846.5 1000" style="enable-background:new 0 0 846.5 1000" xml:space="preserve"><path d="M423.2 0C189.5 0 0 109.6 0 377.3S154.4 1000 423.2 1000s423.2-355.1 423.2-622.7S657 0 423.2 0zm-95.4 517.6c-8.8 91-13.6 201.5-8 289.5.9 13.8-17.8 19-24.1 6.6-32.8-64.9-62.7-151.7-78.8-242.8-2.7-15.1 4.9-30.1 18.6-36.8 22.3-11 43.7-23.8 60.3-33.2 1.1-.6 2.1-1.2 3.2-1.8 13.7-7.8 30.3 2.9 28.8 18.5zm301.7 54.2c-16.1 91.1-46 177.9-78.8 242.8-6.2 12.4-24.9 7.2-24.1-6.6 5.5-88.1.7-198.6-8-289.5-1.5-15.6 15.2-26.3 28.8-18.5 1.1.6 2.1 1.2 3.2 1.8 16.6 9.4 38 22.2 60.3 33.2 13.7 6.7 21.3 21.7 18.6 36.8zm-78.9-136c-41.2-23.4-78.1-51.3-127.4-51.3s-86.1 28-127.4 51.3C225.6 475.6 69 576.7 124.1 338.1c26.5-114.7 96.7-162.9 162.4-182 18.2-5.3 37.9.4 50.4 14.6 18.6 21.3 53.3 38.7 86.3 38.7s67.6-17.5 86.3-38.7c12.5-14.2 32.3-19.9 50.4-14.6 65.7 19.1 135.9 67.3 162.4 182 55.2 238.6-101.4 137.5-171.7 97.7z" style="fill:#0b1a56"/></svg>

package/package.json

@@ -1,32 +1,50 @@
 {
   "name": "ngwr",
-  "version": "0.0.2",
-  "description": "NGWR – Angular UI library",
-  "author": "Roman Khegay",
+  "version": "0.0.6",
+  "license": "MIT",
+  "description": "NGWR – Angular UI components library",
+  "author": "Roman Khegay <rk@garuna.dev> (https://garuna.dev/)",
   "keywords": [
-    "angular"
+    "angular",
+    "ui",
+    "frontend"
   ],
-  "license": "GPL-3",
+  "homepage": "https://ngwr.dev",
   "repository": {
     "type": "git",
-    "url": "https://github.com/thekhegay/ngwr.git"
+    "url": "https://github.com/thekhegay/ngwr"
   },
   "bugs": {
     "url": "https://github.com/thekhegay/ngwr/issues"
   },
-  "exports": {
-    ".": {
-      "sass": "./styles/index.scss"
-    }
+  "dependencies": {
+    "@angular/cdk": "^14.1.3",
+    "tslib": "^2.3.0"
   },
   "peerDependencies": {
-    "@angular/cdk": "^14.1.3",
     "@angular/common": "^14.1.3",
     "@angular/core": "^14.1.3",
     "@angular/forms": "^14.1.3",
     "rxjs": "~7.5.6"
   },
-  "dependencies": {
-    "tslib": "^2.3.0"
-  }
-}
+  "module": "fesm2015/ngwr.mjs",
+  "es2020": "fesm2020/ngwr.mjs",
+  "esm2020": "esm2020/ngwr.mjs",
+  "fesm2020": "fesm2020/ngwr.mjs",
+  "fesm2015": "fesm2015/ngwr.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/ngwr.mjs",
+      "es2020": "./fesm2020/ngwr.mjs",
+      "es2015": "./fesm2015/ngwr.mjs",
+      "node": "./fesm2015/ngwr.mjs",
+      "default": "./fesm2020/ngwr.mjs"
+    }
+  },
+  "sideEffects": false
+}

package/password-input/password-input.component.d.ts

@@ -0,0 +1,21 @@
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class WrPasswordInputComponent implements ControlValueAccessor {
+    ngControl: NgControl;
+    class: string;
+    type: 'input' | 'password';
+    disabled: boolean;
+    value: string | null;
+    touched: boolean;
+    constructor(ngControl: NgControl);
+    onVisibilityClick($event: any): void;
+    onInput($event: any): void;
+    onChange: (value: any) => void;
+    onTouched: () => void;
+    onFocusOut(): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    writeValue(obj: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrPasswordInputComponent, [{ optional: true; self: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WrPasswordInputComponent, "wr-password-input", never, {}, {}, never, never, false>;
+}

package/password-input/password-input.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./password-input.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/cdk/platform";
+import * as i4 from "../input/input.module";
+import * as i5 from "../icon/wr-icon.module";
+export declare class WalrusPasswordInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WalrusPasswordInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<WalrusPasswordInputModule, [typeof i1.WrPasswordInputComponent], [typeof i2.CommonModule, typeof i3.PlatformModule, typeof i4.WrInputModule, typeof i5.WrIconModule], [typeof i1.WrPasswordInputComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<WalrusPasswordInputModule>;
+}

package/skeleton/skeleton.component.d.ts

@@ -0,0 +1,11 @@
+import { AfterViewInit, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class WrSkeletonComponent implements AfterViewInit {
+    private readonly elRef;
+    color: 'light' | 'dark';
+    class: string;
+    constructor(elRef: ElementRef);
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrSkeletonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WrSkeletonComponent, "wr-skeleton", never, { "color": "color"; }, {}, never, never, false>;
+}

package/skeleton/skeleton.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./skeleton.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../spinner/spinner.module";
+export declare class WalrusSkeletonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WalrusSkeletonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<WalrusSkeletonModule, [typeof i1.WrSkeletonComponent], [typeof i2.CommonModule, typeof i3.WrSpinnerModule], [typeof i1.WrSkeletonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<WalrusSkeletonModule>;
+}

package/spinner/spinner.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class WrSpinnerComponent {
+    class: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrSpinnerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WrSpinnerComponent, "wr-spin", never, {}, {}, never, never, false>;
+}

package/spinner/spinner.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./spinner.component";
+export declare class WrSpinnerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrSpinnerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<WrSpinnerModule, [typeof i1.WrSpinnerComponent], never, [typeof i1.WrSpinnerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<WrSpinnerModule>;
+}

package/styles/components/tag.scss

@@ -34,7 +34,7 @@ $tag-prefix: #{$prefix}-tag;
     pointer-events: all;
   }
 
-  &--round {
+  &--rounded {
     border-radius: $btn-round-border-radius;
   }
 
@@ -44,7 +44,7 @@ $tag-prefix: #{$prefix}-tag;
     }
 
     &.#{$tag-prefix}-#{$color} {
-      &.#{$tag-prefix}--outline {
+      &.#{$tag-prefix}--outlined {
         @include tag-outline-colors-generate($value);
       }
     }

package/styles/index.scss

@@ -1,16 +1,15 @@
 /*!
- * Walrus v0.0.1
- * Copyright 2021 Swordfish Security, Inc.
- * Licensed under GPL-3
+ * Copyright 2022 Garuna LLP
+ * Licensed under MIT
  */
 
-@import './functions';
-@import './vars';
+@import 'functions';
+@import 'vars';
 
-@import './root';
-@import './reset';
-@import './components';
-@import './grid';
+@import 'root';
+@import 'reset';
+@import 'components';
+@import 'grid';
 
 // cdk overlay
 .cdk-overlay-container {