ngwr 3.0.0 → 4.0.0

package/icon/icons.d.ts

@@ -1,377 +1,385 @@
-export declare const wrIconAddCircleOutline: {
+export declare const addCircleOutline: {
     name: 'add-circle-outline';
     data: string;
 };
-export declare const wrIconAddCircle: {
+export declare const addCircle: {
     name: 'add-circle';
     data: string;
 };
-export declare const wrIconAdd: {
+export declare const add: {
     name: 'add';
     data: string;
 };
-export declare const wrIconAlertCircleOutline: {
+export declare const alertCircleOutline: {
     name: 'alert-circle-outline';
     data: string;
 };
-export declare const wrIconAlertCircle: {
+export declare const alertCircle: {
     name: 'alert-circle';
     data: string;
 };
-export declare const wrIconAlertSquircle: {
+export declare const alertSquircle: {
     name: 'alert-squircle';
     data: string;
 };
-export declare const wrIconAlert: {
+export declare const alert: {
     name: 'alert';
     data: string;
 };
-export declare const wrIconArrowBackCircle: {
+export declare const arrowBackCircle: {
     name: 'arrow-back-circle';
     data: string;
 };
-export declare const wrIconArrowBack: {
+export declare const arrowBack: {
     name: 'arrow-back';
     data: string;
 };
-export declare const wrIconArrowBottomCircle: {
+export declare const arrowBottomCircle: {
     name: 'arrow-bottom-circle';
     data: string;
 };
-export declare const wrIconArrowBottom: {
+export declare const arrowBottom: {
     name: 'arrow-bottom';
     data: string;
 };
-export declare const wrIconArrowForwardCircle: {
+export declare const arrowForwardCircle: {
     name: 'arrow-forward-circle';
     data: string;
 };
-export declare const wrIconArrowForward: {
+export declare const arrowForward: {
     name: 'arrow-forward';
     data: string;
 };
-export declare const wrIconArrowTopCircle: {
+export declare const arrowTopCircle: {
     name: 'arrow-top-circle';
     data: string;
 };
-export declare const wrIconArrowTop: {
+export declare const arrowTop: {
     name: 'arrow-top';
     data: string;
 };
-export declare const wrIconBugOutline: {
+export declare const bugOutline: {
     name: 'bug-outline';
     data: string;
 };
-export declare const wrIconBug: {
+export declare const bug: {
     name: 'bug';
     data: string;
 };
-export declare const wrIconCaretBackCircle: {
+export declare const caretBackCircle: {
     name: 'caret-back-circle';
     data: string;
 };
-export declare const wrIconCaretBack: {
+export declare const caretBack: {
     name: 'caret-back';
     data: string;
 };
-export declare const wrIconCaretForwardCircle: {
+export declare const caretForwardCircle: {
     name: 'caret-forward-circle';
     data: string;
 };
-export declare const wrIconCaretForward: {
+export declare const caretForward: {
     name: 'caret-forward';
     data: string;
 };
-export declare const wrIconCheckmarkCircleOutline: {
+export declare const checkmarkCircleOutline: {
     name: 'checkmark-circle-outline';
     data: string;
 };
-export declare const wrIconCheckmarkCircle: {
+export declare const checkmarkCircle: {
     name: 'checkmark-circle';
     data: string;
 };
-export declare const wrIconCheckmark: {
+export declare const checkmark: {
     name: 'checkmark';
     data: string;
 };
-export declare const wrIconChevronDown: {
+export declare const chevronDown: {
     name: 'chevron-down';
     data: string;
 };
-export declare const wrIconChevronUp: {
+export declare const chevronUp: {
     name: 'chevron-up';
     data: string;
 };
-export declare const wrIconClock: {
-    name: 'clock';
-    data: string;
-};
-export declare const wrIconCloseCircleOutline: {
+export declare const closeCircleOutline: {
     name: 'close-circle-outline';
     data: string;
 };
-export declare const wrIconCloseCircle: {
+export declare const closeCircle: {
     name: 'close-circle';
     data: string;
 };
-export declare const wrIconClose: {
+export declare const close: {
     name: 'close';
     data: string;
 };
-export declare const wrIconCog: {
+export declare const cog: {
     name: 'cog';
     data: string;
 };
-export declare const wrIconCopyOutline: {
+export declare const copyOutline: {
     name: 'copy-outline';
     data: string;
 };
-export declare const wrIconCopy: {
+export declare const copy: {
     name: 'copy';
     data: string;
 };
-export declare const wrIconDiscover: {
+export declare const discover: {
     name: 'discover';
     data: string;
 };
-export declare const wrIconDocument: {
+export declare const document: {
     name: 'document';
     data: string;
 };
-export declare const wrIconDotsHorizontal: {
+export declare const dotsHorizontal: {
     name: 'dots-horizontal';
     data: string;
 };
-export declare const wrIconDotsVertical: {
+export declare const dotsVertical: {
     name: 'dots-vertical';
     data: string;
 };
-export declare const wrIconDownload: {
+export declare const download: {
     name: 'download';
     data: string;
 };
-export declare const wrIconExternalOutline: {
+export declare const externalOutline: {
     name: 'external-outline';
     data: string;
 };
-export declare const wrIconEyeOff: {
+export declare const eyeOff: {
     name: 'eye-off';
     data: string;
 };
-export declare const wrIconEye: {
+export declare const eye: {
     name: 'eye';
     data: string;
 };
-export declare const wrIconFileAab: {
+export declare const fileAab: {
     name: 'file-aab';
     data: string;
 };
-export declare const wrIconFileApk: {
+export declare const fileApk: {
     name: 'file-apk';
     data: string;
 };
-export declare const wrIconFileApks: {
+export declare const fileApks: {
     name: 'file-apks';
     data: string;
 };
-export declare const wrIconFileIpa: {
+export declare const fileIpa: {
     name: 'file-ipa';
     data: string;
 };
-export declare const wrIconFileZip: {
+export declare const fileZip: {
     name: 'file-zip';
     data: string;
 };
-export declare const wrIconFilterOutline: {
+export declare const filterOutline: {
     name: 'filter-outline';
     data: string;
 };
-export declare const wrIconFilter: {
+export declare const filter: {
     name: 'filter';
     data: string;
 };
-export declare const wrIconFlash: {
+export declare const flash: {
     name: 'flash';
     data: string;
 };
-export declare const wrIconFolder: {
+export declare const folder: {
     name: 'folder';
     data: string;
 };
-export declare const wrIconHelp: {
+export declare const help: {
     name: 'help';
     data: string;
 };
-export declare const wrIconHome: {
+export declare const home: {
     name: 'home';
     data: string;
 };
-export declare const wrIconInfoCircleOutline: {
+export declare const infoCircleOutline: {
     name: 'info-circle-outline';
     data: string;
 };
-export declare const wrIconLockOpened: {
+export declare const lockOpened: {
     name: 'lock-opened';
     data: string;
 };
-export declare const wrIconLock: {
+export declare const lock: {
     name: 'lock';
     data: string;
 };
-export declare const wrIconLogoAndroid: {
+export declare const logoAndroid: {
     name: 'logo-android';
     data: string;
 };
-export declare const wrIconLogoAppCenter: {
+export declare const logoAngular: {
+    name: 'logo-angular';
+    data: string;
+};
+export declare const logoAppCenter: {
     name: 'logo-app-center';
     data: string;
 };
-export declare const wrIconLogoAppGallery: {
+export declare const logoAppGallery: {
     name: 'logo-app-gallery';
     data: string;
 };
-export declare const wrIconLogoApple: {
+export declare const logoApple: {
     name: 'logo-apple';
     data: string;
 };
-export declare const wrIconLogoAppscreener: {
+export declare const logoAppscreener: {
     name: 'logo-appscreener';
     data: string;
 };
-export declare const wrIconLogoAppstore: {
+export declare const logoAppstore: {
     name: 'logo-appstore';
     data: string;
 };
-export declare const wrIconLogoFirebase: {
+export declare const logoFirebase: {
     name: 'logo-firebase';
     data: string;
 };
-export declare const wrIconLogoGithub: {
+export declare const logoGithub: {
     name: 'logo-github';
     data: string;
 };
-export declare const wrIconLogoGooglePlay: {
+export declare const logoGooglePlay: {
     name: 'logo-google-play';
     data: string;
 };
-export declare const wrIconLogoOversecured: {
+export declare const logoNpm: {
+    name: 'logo-npm';
+    data: string;
+};
+export declare const logoOversecured: {
     name: 'logo-oversecured';
     data: string;
 };
-export declare const wrIconLogoRustore: {
+export declare const logoRustore: {
     name: 'logo-rustore';
     data: string;
 };
-export declare const wrIconLogoStingray: {
+export declare const logoStingray: {
     name: 'logo-stingray';
     data: string;
 };
-export declare const wrIconModules: {
+export declare const modules: {
     name: 'modules';
     data: string;
 };
-export declare const wrIconMoon: {
+export declare const moon: {
     name: 'moon';
     data: string;
 };
-export declare const wrIconPlayBack: {
+export declare const playBack: {
     name: 'play-back';
     data: string;
 };
-export declare const wrIconPlayCircle: {
+export declare const playCircle: {
     name: 'play-circle';
     data: string;
 };
-export declare const wrIconPlayForward: {
+export declare const playForward: {
     name: 'play-forward';
     data: string;
 };
-export declare const wrIconPlay: {
+export declare const play: {
     name: 'play';
     data: string;
 };
-export declare const wrIconPlusCircle: {
+export declare const plusCircle: {
     name: 'plus-circle';
     data: string;
 };
-export declare const wrIconReader: {
+export declare const reader: {
     name: 'reader';
     data: string;
 };
-export declare const wrIconRepeat: {
+export declare const repeat: {
     name: 'repeat';
     data: string;
 };
-export declare const wrIconSearch: {
+export declare const search: {
     name: 'search';
     data: string;
 };
-export declare const wrIconShieldCheckmarkOutline: {
+export declare const shieldCheckmarkOutline: {
     name: 'shield-checkmark-outline';
     data: string;
 };
-export declare const wrIconShieldCheckmark: {
+export declare const shieldCheckmark: {
     name: 'shield-checkmark';
     data: string;
 };
-export declare const wrIconShieldOutline: {
+export declare const shieldOutline: {
     name: 'shield-outline';
     data: string;
 };
-export declare const wrIconShield: {
+export declare const shield: {
     name: 'shield';
     data: string;
 };
-export declare const wrIconShuffle: {
+export declare const shuffle: {
     name: 'shuffle';
     data: string;
 };
-export declare const wrIconStopCircle: {
+export declare const stopCircle: {
     name: 'stop-circle';
     data: string;
 };
-export declare const wrIconStop: {
+export declare const stop: {
     name: 'stop';
     data: string;
 };
-export declare const wrIconSun: {
+export declare const sun: {
     name: 'sun';
     data: string;
 };
-export declare const wrIconTerminal: {
+export declare const terminal: {
     name: 'terminal';
     data: string;
 };
-export declare const wrIconTrash: {
+export declare const time: {
+    name: 'time';
+    data: string;
+};
+export declare const trash: {
     name: 'trash';
     data: string;
 };
-export declare const wrIconUserAdd: {
+export declare const userAdd: {
     name: 'user-add';
     data: string;
 };
-export declare const wrIconUserCircle: {
+export declare const userCircle: {
     name: 'user-circle';
     data: string;
 };
-export declare const wrIconUserRemove: {
+export declare const userRemove: {
     name: 'user-remove';
     data: string;
 };
-export declare const wrIconUser: {
+export declare const user: {
     name: 'user';
     data: string;
 };
-export declare const wrIconWarning: {
+export declare const warning: {
     name: 'warning';
     data: string;
 };
-export type wrIconName = 'add-circle-outline' | 'add-circle' | 'add' | 'alert-circle-outline' | 'alert-circle' | 'alert-squircle' | 'alert' | 'arrow-back-circle' | 'arrow-back' | 'arrow-bottom-circle' | 'arrow-bottom' | 'arrow-forward-circle' | 'arrow-forward' | 'arrow-top-circle' | 'arrow-top' | 'bug-outline' | 'bug' | 'caret-back-circle' | 'caret-back' | 'caret-forward-circle' | 'caret-forward' | 'checkmark-circle-outline' | 'checkmark-circle' | 'checkmark' | 'chevron-down' | 'chevron-up' | 'clock' | 'close-circle-outline' | 'close-circle' | 'close' | 'cog' | 'copy-outline' | 'copy' | 'discover' | 'document' | 'dots-horizontal' | 'dots-vertical' | 'download' | 'external-outline' | 'eye-off' | 'eye' | 'file-aab' | 'file-apk' | 'file-apks' | 'file-ipa' | 'file-zip' | 'filter-outline' | 'filter' | 'flash' | 'folder' | 'help' | 'home' | 'info-circle-outline' | 'lock-opened' | 'lock' | 'logo-android' | 'logo-app-center' | 'logo-app-gallery' | 'logo-apple' | 'logo-appscreener' | 'logo-appstore' | 'logo-firebase' | 'logo-github' | 'logo-google-play' | 'logo-oversecured' | 'logo-rustore' | 'logo-stingray' | 'modules' | 'moon' | 'play-back' | 'play-circle' | 'play-forward' | 'play' | 'plus-circle' | 'reader' | 'repeat' | 'search' | 'shield-checkmark-outline' | 'shield-checkmark' | 'shield-outline' | 'shield' | 'shuffle' | 'stop-circle' | 'stop' | 'sun' | 'terminal' | 'trash' | 'user-add' | 'user-circle' | 'user-remove' | 'user' | 'warning';
-export interface IWrIcon {
+export type wrIconName = 'add-circle-outline' | 'add-circle' | 'add' | 'alert-circle-outline' | 'alert-circle' | 'alert-squircle' | 'alert' | 'arrow-back-circle' | 'arrow-back' | 'arrow-bottom-circle' | 'arrow-bottom' | 'arrow-forward-circle' | 'arrow-forward' | 'arrow-top-circle' | 'arrow-top' | 'bug-outline' | 'bug' | 'caret-back-circle' | 'caret-back' | 'caret-forward-circle' | 'caret-forward' | 'checkmark-circle-outline' | 'checkmark-circle' | 'checkmark' | 'chevron-down' | 'chevron-up' | 'close-circle-outline' | 'close-circle' | 'close' | 'cog' | 'copy-outline' | 'copy' | 'discover' | 'document' | 'dots-horizontal' | 'dots-vertical' | 'download' | 'external-outline' | 'eye-off' | 'eye' | 'file-aab' | 'file-apk' | 'file-apks' | 'file-ipa' | 'file-zip' | 'filter-outline' | 'filter' | 'flash' | 'folder' | 'help' | 'home' | 'info-circle-outline' | 'lock-opened' | 'lock' | 'logo-android' | 'logo-angular' | 'logo-app-center' | 'logo-app-gallery' | 'logo-apple' | 'logo-appscreener' | 'logo-appstore' | 'logo-firebase' | 'logo-github' | 'logo-google-play' | 'logo-npm' | 'logo-oversecured' | 'logo-rustore' | 'logo-stingray' | 'modules' | 'moon' | 'play-back' | 'play-circle' | 'play-forward' | 'play' | 'plus-circle' | 'reader' | 'repeat' | 'search' | 'shield-checkmark-outline' | 'shield-checkmark' | 'shield-outline' | 'shield' | 'shuffle' | 'stop-circle' | 'stop' | 'sun' | 'terminal' | 'time' | 'trash' | 'user-add' | 'user-circle' | 'user-remove' | 'user' | 'warning';
+export interface WrIcon {
     name: wrIconName;
     data: string;
 }
-export type IWrIconNameSubset<T extends Readonly<IWrIcon[]>> = T[number]['name'];
+export type WrIconNameSubset<T extends Readonly<WrIcon[]>> = T[number]['name'];
 export declare const wrIconSet: ({
     name: 'add-circle-outline';
     data: string;
@@ -450,9 +458,6 @@ export declare const wrIconSet: ({
 } | {
     name: 'chevron-up';
     data: string;
-} | {
-    name: 'clock';
-    data: string;
 } | {
     name: 'close-circle-outline';
     data: string;
@@ -540,6 +545,9 @@ export declare const wrIconSet: ({
 } | {
     name: 'logo-android';
     data: string;
+} | {
+    name: 'logo-angular';
+    data: string;
 } | {
     name: 'logo-app-center';
     data: string;
@@ -564,6 +572,9 @@ export declare const wrIconSet: ({
 } | {
     name: 'logo-google-play';
     data: string;
+} | {
+    name: 'logo-npm';
+    data: string;
 } | {
     name: 'logo-oversecured';
     data: string;
@@ -630,6 +641,9 @@ export declare const wrIconSet: ({
 } | {
     name: 'terminal';
     data: string;
+} | {
+    name: 'time';
+    data: string;
 } | {
     name: 'trash';
     data: string;

package/icon/index.d.ts

@@ -1,4 +1,5 @@
-export { WrIcon } from './icon';
-export { WrIconModule } from './icon-module';
-export { WrIconService } from './icon-service';
-export { IWrIcon, wrIconName, wrIconSet } from './icons';
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="ngwr/icon" />
+export * from './public-api';

package/icon/provide-wr-icons.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+import { Provider } from '@angular/core';
+import { WrIcon } from './icons';
+export declare function provideWrIcons(icons: WrIcon[]): Provider[];

package/icon/public-api.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+export * from './icon.component';
+export * from './icon.module';
+export * from './icon.service';
+export * from './icons';
+export * from './provide-wr-icons';

package/icon/{icon.scss → styles/_index.scss}

@@ -1,3 +1,5 @@
+@forward './vars';
+
 .wr-icon {
   display: inline-block;
   color: inherit;
@@ -12,8 +14,8 @@
   contain: strict;
 
   fill: currentColor;
-  width: 1.5rem;
-  height: 1.5rem;
+  width: var(--wr-icon-size);
+  height: var(--wr-icon-size);
 
   * {
     line-height: 1;

package/icon/styles/vars.scss

@@ -0,0 +1,3 @@
+:root {
+  --wr-icon-size: 1.5rem;
+}

package/index.d.ts

@@ -1,2 +1,5 @@
-declare const _default: undefined;
-export default _default;
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="ngwr" />
+export * from './public-api';

package/input/index.d.ts

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

package/input/input-types.d.ts

@@ -1,3 +1 @@
-export type WrInputAutocomplete = 'off' | 'name' | 'email' | 'username' | 'new-password' | 'current-password' | 'one-time-code' | 'organization-title' | 'organization' | 'street-address' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'tel' | 'tel-extension' | 'url' | 'photo';
-export type WrInputModeType = 'text' | 'numeric' | 'tel' | 'email' | 'url';
 export type WrInputType = 'text' | 'number' | 'password' | 'email';

package/input/input.component.d.ts

@@ -0,0 +1,43 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+import { OnInit } from '@angular/core';
+import { ControlValueAccessor, FormControl } from '@angular/forms';
+import { WrAbstractBase } from 'ngwr/cdk';
+import { SafeAny } from 'ngwr/cdk/types';
+import { WrInputType } from './input-types';
+import * as i0 from "@angular/core";
+/**
+ * NGWR input component.
+ *
+ * {@tutorial} [How to use wr-alert]{@link http://ngwr.dev/docs/components/input}
+ */
+export declare class WrInputComponent extends WrAbstractBase implements ControlValueAccessor, OnInit {
+    formControl: FormControl;
+    protected readonly eyeOn: import("@angular/core").WritableSignal<boolean>;
+    protected readonly isFocused: import("@angular/core").WritableSignal<boolean>;
+    onChange: (value: string) => void;
+    onTouch: () => void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value: string): void;
+    ngOnInit(): void;
+    placeholder: string;
+    prefix: string | null;
+    suffix: string | null;
+    rounded: boolean;
+    passwordIcons: boolean;
+    readonly: boolean;
+    type: WrInputType;
+    get elClasses(): SafeAny;
+    onPasswordVisibilityChange(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WrInputComponent, "wr-input", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "passwordIcons": { "alias": "passwordIcons"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_rounded: unknown;
+    static ngAcceptInputType_passwordIcons: unknown;
+    static ngAcceptInputType_readonly: unknown;
+}

package/input/input.module.d.ts

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

package/input/public-api.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+export * from './input-types';
+export * from './input.component';
+export * from './input.module';