ngwr 5.0.3 → 6.1.1

package/index.d.ts

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

package/input/index.d.ts

@@ -1,5 +1,43 @@
+import * as _angular_core from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { WrAbstractBase } from 'ngwr/cdk';
+import { SafeAny } from 'ngwr/cdk/types';
+
+type WrInputType = 'text' | 'number' | 'password' | 'email';
+
 /**
- * Generated bundle index. Do not edit.
+ * NGWR input component.
+ *
+ * {@tutorial} [How to use wr-alert]{@link http://ngwr.dev/docs/components/input}
  */
-/// <amd-module name="ngwr/input" />
-export * from './public-api';
+declare class WrInputComponent extends WrAbstractBase implements ControlValueAccessor {
+    placeholder: string;
+    prefix: string | null;
+    suffix: string | null;
+    rounded: boolean;
+    passwordIcons: boolean;
+    readonly: boolean;
+    type: WrInputType;
+    get elClasses(): SafeAny;
+    protected readonly inputValue: _angular_core.WritableSignal<string | null>;
+    protected value?: string;
+    private readonly cdr;
+    protected readonly eyeOn: _angular_core.WritableSignal<boolean>;
+    protected readonly isFocused: _angular_core.WritableSignal<boolean>;
+    protected readonly isDisabled: _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;
+    onPasswordVisibilityChange(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵ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;
+}
+
+export { WrInputComponent };
+export type { WrInputType };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngwr",
-  "version": "5.0.3",
+  "version": "6.1.1",
   "license": "MIT",
   "description": "NGWR – Angular UI components library",
   "author": "Roman Khegay <rk@garuna.dev> (https://garuna.dev)",
@@ -84,6 +84,18 @@
     "./textarea/styles": {
       "sass": "./textarea/styles/_index.scss"
     },
+    "./select/styles": {
+      "sass": "./select/styles/_index.scss"
+    },
+    "./pagination/styles": {
+      "sass": "./pagination/styles/_index.scss"
+    },
+    "./dropdown/styles": {
+      "sass": "./dropdown/styles/_index.scss"
+    },
+    "./table/styles": {
+      "sass": "./table/styles/_index.scss"
+    },
     "./package.json": {
       "default": "./package.json"
     },
@@ -91,17 +103,17 @@
       "types": "./alert/index.d.ts",
       "default": "./fesm2022/ngwr-alert.mjs"
     },
-    "./button": {
-      "types": "./button/index.d.ts",
-      "default": "./fesm2022/ngwr-button.mjs"
+    "./avatar": {
+      "types": "./avatar/index.d.ts",
+      "default": "./fesm2022/ngwr-avatar.mjs"
     },
     "./cdk": {
       "types": "./cdk/index.d.ts",
       "default": "./fesm2022/ngwr-cdk.mjs"
     },
-    "./avatar": {
-      "types": "./avatar/index.d.ts",
-      "default": "./fesm2022/ngwr-avatar.mjs"
+    "./button": {
+      "types": "./button/index.d.ts",
+      "default": "./fesm2022/ngwr-button.mjs"
     },
     "./checkbox": {
       "types": "./checkbox/index.d.ts",
@@ -115,6 +127,10 @@
       "types": "./divider/index.d.ts",
       "default": "./fesm2022/ngwr-divider.mjs"
     },
+    "./dropdown": {
+      "types": "./dropdown/index.d.ts",
+      "default": "./fesm2022/ngwr-dropdown.mjs"
+    },
     "./form": {
       "types": "./form/index.d.ts",
       "default": "./fesm2022/ngwr-form.mjs"
@@ -127,6 +143,10 @@
       "types": "./input/index.d.ts",
       "default": "./fesm2022/ngwr-input.mjs"
     },
+    "./pagination": {
+      "types": "./pagination/index.d.ts",
+      "default": "./fesm2022/ngwr-pagination.mjs"
+    },
     "./pipes": {
       "types": "./pipes/index.d.ts",
       "default": "./fesm2022/ngwr-pipes.mjs"
@@ -139,6 +159,10 @@
       "types": "./qr/index.d.ts",
       "default": "./fesm2022/ngwr-qr.mjs"
     },
+    "./select": {
+      "types": "./select/index.d.ts",
+      "default": "./fesm2022/ngwr-select.mjs"
+    },
     "./skeleton": {
       "types": "./skeleton/index.d.ts",
       "default": "./fesm2022/ngwr-skeleton.mjs"
@@ -147,6 +171,10 @@
       "types": "./spinner/index.d.ts",
       "default": "./fesm2022/ngwr-spinner.mjs"
     },
+    "./table": {
+      "types": "./table/index.d.ts",
+      "default": "./fesm2022/ngwr-table.mjs"
+    },
     "./tag": {
       "types": "./tag/index.d.ts",
       "default": "./fesm2022/ngwr-tag.mjs"

package/pagination/index.d.ts

@@ -0,0 +1,34 @@
+import * as _angular_core from '@angular/core';
+
+/**
+ * @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
+ */
+type WrPaginationPosition = 'start' | 'center' | 'end';
+
+declare class WrPaginationComponent {
+    currentPage: _angular_core.ModelSignal<number>;
+    total: _angular_core.InputSignalWithTransform<number, unknown>;
+    pageSize: _angular_core.ModelSignal<number>;
+    pageSizeOptions: _angular_core.InputSignal<number[]>;
+    showSizeChanger: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    showTotal: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    position: _angular_core.InputSignal<WrPaginationPosition>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    ofLabel: _angular_core.InputSignal<string>;
+    get hostClasses(): Record<string, boolean>;
+    protected readonly String: StringConstructor;
+    protected readonly totalPages: _angular_core.Signal<number>;
+    protected readonly currentRange: _angular_core.Signal<string>;
+    protected readonly pages: _angular_core.Signal<(number | "...")[]>;
+    protected isCurrentPage(page: number): boolean;
+    protected onPageChange(page: number): void;
+    protected onPageSizeChange(size: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrPaginationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrPaginationComponent, "wr-pagination", never, { "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "showSizeChanger": { "alias": "showSizeChanger"; "required": false; "isSignal": true; }; "showTotal": { "alias": "showTotal"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ofLabel": { "alias": "ofLabel"; "required": false; "isSignal": true; }; }, { "currentPage": "currentPageChange"; "pageSize": "pageSizeChange"; }, never, never, true, never>;
+}
+
+export { WrPaginationComponent };
+export type { WrPaginationPosition };

package/pagination/styles/_index.scss

@@ -0,0 +1,60 @@
+@forward "./vars";
+
+.wr-pagination {
+  --wr-select-option-height: var(--wr-pagination-select-option-height);
+  --wr-select-padding-y: var(--wr-pagination-select-padding-y);
+  --wr-select-padding-x: var(--wr-pagination-select-padding-x);
+
+  display: block;
+
+  &-container {
+    display: flex;
+    align-items: center;
+    gap: var(--wr-pagination-gap);
+  }
+
+  &--start {
+    justify-content: flex-start;
+  }
+
+  &--center {
+    justify-content: center;
+  }
+
+  &--end {
+    justify-content: flex-end;
+  }
+
+  &--disabled {
+    opacity: 0.6;
+    pointer-events: none;
+  }
+
+  &-total {
+    color: var(--wr-pagination-total-color);
+    font-size: var(--wr-pagination-font-size);
+  }
+
+  &-items {
+    display: flex;
+    align-items: center;
+    gap: var(--wr-pagination-items-gap);
+  }
+
+  &-ellipsis {
+    color: var(--wr-pagination-ellipsis-color);
+    padding: 0 var(--wr-pagination-item-padding);
+    user-select: none;
+  }
+
+  wr-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: var(--wr-pagination-item-size);
+    height: var(--wr-pagination-item-size);
+    padding: 0;
+    gap: 0;
+    text-align: center;
+  }
+}

package/pagination/styles/vars.scss

@@ -0,0 +1,14 @@
+:root {
+  --wr-pagination-gap: 1rem;
+  --wr-pagination-items-gap: 0.5rem;
+  --wr-pagination-font-size: 0.875rem;
+  --wr-pagination-total-color: var(--wr-color-medium);
+  --wr-pagination-ellipsis-color: var(--wr-color-medium);
+
+  --wr-pagination-item-size: 1.625rem;
+  --wr-pagination-item-padding: 0.5rem;
+
+  --wr-pagination-select-option-height: var(--wr-pagination-item-size);
+  --wr-pagination-select-padding-y: 0;
+  --wr-pagination-select-padding-x: 0.825rem;
+}

package/pipes/index.d.ts

@@ -1,5 +1,17 @@
+import * as i0 from '@angular/core';
+import { PipeTransform } from '@angular/core';
+
 /**
- * Generated bundle index. Do not edit.
+ * @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
  */
-/// <amd-module name="ngwr/pipes" />
-export * from './public-api';
+
+declare class NewArrayPipe implements PipeTransform {
+    transform(arrayLength: number): number[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<NewArrayPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<NewArrayPipe, "newArray", true>;
+}
+
+export { NewArrayPipe };

package/progress/index.d.ts

@@ -1,5 +1,13 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="ngwr/progress" />
-export * from './public-api';
+import { WrThemeColor, SafeAny } from 'ngwr/cdk/types';
+import * as i0 from '@angular/core';
+
+declare class WrProgressComponent {
+    color: WrThemeColor | null;
+    percent: number;
+    get elClasses(): SafeAny;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrProgressComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WrProgressComponent, "wr-progress", never, { "color": { "alias": "color"; "required": false; }; "percent": { "alias": "percent"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_percent: unknown;
+}
+
+export { WrProgressComponent };

package/qr/index.d.ts

@@ -1,5 +1,127 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="ngwr/qr" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { OnInit, AfterViewInit, OnChanges, ElementRef, SimpleChanges } from '@angular/core';
+import { WrAbstractBase } from 'ngwr/cdk';
+import { wrIconName } from 'ngwr/icon';
+
+declare namespace qrcodegen {
+    type bit = number;
+    type byte = number;
+    type int = number;
+    export class QrCode {
+        readonly version: int;
+        readonly errorCorrectionLevel: QrCode.Ecc;
+        static encodeText(text: string, ecl: QrCode.Ecc): QrCode;
+        static encodeBinary(data: readonly byte[], ecl: QrCode.Ecc): QrCode;
+        static encodeSegments(segs: readonly QrSegment[], ecl: QrCode.Ecc, minVersion?: int, maxVersion?: int, mask?: int, boostEcl?: boolean): QrCode;
+        readonly size: int;
+        readonly mask: int;
+        private readonly modules;
+        private readonly isFunction;
+        constructor(version: int, errorCorrectionLevel: QrCode.Ecc, dataCodewords: readonly byte[], msk: int);
+        getModule(x: int, y: int): boolean;
+        private drawFunctionPatterns;
+        private drawFormatBits;
+        private drawVersion;
+        private drawFinderPattern;
+        private drawAlignmentPattern;
+        private setFunctionModule;
+        private addEccAndInterleave;
+        private drawCodewords;
+        private applyMask;
+        private getPenaltyScore;
+        private getAlignmentPatternPositions;
+        private static getNumRawDataModules;
+        private static getNumDataCodewords;
+        private static reedSolomonComputeDivisor;
+        private static reedSolomonComputeRemainder;
+        private static reedSolomonMultiply;
+        private finderPenaltyCountPatterns;
+        private finderPenaltyTerminateAndCount;
+        private finderPenaltyAddHistory;
+        static readonly MIN_VERSION: int;
+        static readonly MAX_VERSION: int;
+        private static readonly PENALTY_N1;
+        private static readonly PENALTY_N2;
+        private static readonly PENALTY_N3;
+        private static readonly PENALTY_N4;
+        private static readonly ECC_CODEWORDS_PER_BLOCK;
+        private static readonly NUM_ERROR_CORRECTION_BLOCKS;
+    }
+    export class QrSegment {
+        readonly mode: QrSegment.Mode;
+        readonly numChars: int;
+        private readonly bitData;
+        static makeBytes(data: readonly byte[]): QrSegment;
+        static makeNumeric(digits: string): QrSegment;
+        static makeAlphanumeric(text: string): QrSegment;
+        static makeSegments(text: string): QrSegment[];
+        static makeEci(assignVal: int): QrSegment;
+        static isNumeric(text: string): boolean;
+        static isAlphanumeric(text: string): boolean;
+        constructor(mode: QrSegment.Mode, numChars: int, bitData: bit[]);
+        getData(): bit[];
+        static getTotalBits(segs: readonly QrSegment[], version: int): number;
+        private static toUtf8ByteArray;
+        private static readonly NUMERIC_REGEX;
+        private static readonly ALPHANUMERIC_REGEX;
+        private static readonly ALPHANUMERIC_CHARSET;
+    }
+    export {};
+}
+declare namespace qrcodegen {
+    namespace QrCode {
+        class Ecc {
+            readonly ordinal: int;
+            readonly formatBits: int;
+            static readonly LOW: Ecc;
+            static readonly MEDIUM: Ecc;
+            static readonly QUARTILE: Ecc;
+            static readonly HIGH: Ecc;
+            private constructor();
+        }
+    }
+    namespace QrSegment {
+        class Mode {
+            readonly modeBits: int;
+            private readonly numBitsCharCount;
+            static readonly NUMERIC: Mode;
+            static readonly ALPHANUMERIC: Mode;
+            static readonly BYTE: Mode;
+            static readonly KANJI: Mode;
+            static readonly ECI: Mode;
+            private constructor();
+            numCharCountBits(ver: int): int;
+        }
+    }
+}
+
+declare const ERROR_LEVEL_MAP: Record<'L' | 'M' | 'Q' | 'H', qrcodegen.QrCode.Ecc>;
+
+declare class WrQrComponent extends WrAbstractBase implements OnInit, AfterViewInit, OnChanges {
+    class: string;
+    canvas: ElementRef<HTMLCanvasElement>;
+    value: string;
+    level: keyof typeof ERROR_LEVEL_MAP;
+    padding: number;
+    color: string;
+    bgColor: string;
+    size: number;
+    icon: wrIconName | null;
+    iconSize: number;
+    private readonly pid;
+    private readonly elRef;
+    private readonly wrIconService;
+    protected readonly isBrowser: i0.WritableSignal<boolean>;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    setElBg(): void;
+    drawCanvas(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrQrComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WrQrComponent, "wr-qr", never, { "value": { "alias": "value"; "required": true; }; "level": { "alias": "level"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "color": { "alias": "color"; "required": false; }; "bgColor": { "alias": "bgColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_padding: unknown;
+    static ngAcceptInputType_size: unknown;
+    static ngAcceptInputType_iconSize: unknown;
+}
+
+export { WrQrComponent };

package/select/index.d.ts

@@ -0,0 +1,121 @@
+import { SafeAny } from 'ngwr/cdk/types';
+import * as _angular_core from '@angular/core';
+import { TemplateRef, AfterContentInit, QueryList, ElementRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { WrAbstractBase } from 'ngwr/cdk';
+
+/**
+ * @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
+ */
+
+interface WrSelectOption {
+    label: string;
+    value: SafeAny;
+    disabled?: boolean;
+}
+interface WrSelectGroup {
+    label: string;
+    options: WrSelectOption[];
+    disabled?: boolean;
+}
+
+declare class WrOptionComponent {
+    value: SafeAny;
+    label?: string;
+    disabled: boolean;
+    customTemplate?: TemplateRef<SafeAny>;
+    get hostClasses(): Record<string, boolean>;
+    protected readonly context: {
+        $implicit: SafeAny;
+        option: SafeAny;
+    };
+    private readonly selectComponent;
+    get isSelected(): boolean;
+    get isHighlighted(): boolean;
+    get isFiltered(): boolean;
+    select(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrOptionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrOptionComponent, "wr-option", never, { "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["customTemplate"], never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+}
+
+/**
+ * @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
+ */
+
+declare class WrOptionGroupComponent implements AfterContentInit {
+    label: string;
+    disabled: boolean;
+    options: QueryList<WrOptionComponent>;
+    get hostClasses(): Record<string, boolean>;
+    ngAfterContentInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrOptionGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrOptionGroupComponent, "wr-option-group", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["options"], ["*"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
+}
+
+/**
+ * NGWR select component.
+ *
+ * {@tutorial} [How to use wr-select]{@link http://ngwr.dev/docs/components/select}
+ */
+declare class WrSelectComponent extends WrAbstractBase implements ControlValueAccessor, AfterContentInit {
+    placeholder: string;
+    noItemsLabel: string;
+    multiple: boolean;
+    searchable: boolean;
+    clearable: boolean;
+    maxMultipleCount?: number;
+    set disabled(value: boolean);
+    get disabled(): boolean;
+    searchInput?: ElementRef<HTMLInputElement>;
+    options: QueryList<WrOptionComponent>;
+    optionGroups: QueryList<WrOptionGroupComponent>;
+    get hostClasses(): Record<string, boolean>;
+    onKeyDown(event: KeyboardEvent): void;
+    onClickOutside(event: MouseEvent): void;
+    protected readonly value: _angular_core.WritableSignal<any>;
+    protected readonly isOpen: _angular_core.WritableSignal<boolean>;
+    protected readonly isFocused: _angular_core.WritableSignal<boolean>;
+    protected readonly isDisabled: _angular_core.WritableSignal<boolean>;
+    protected readonly searchValue: _angular_core.WritableSignal<string>;
+    protected readonly highlightedOptionIndex: _angular_core.WritableSignal<number>;
+    protected readonly selectedOptions: _angular_core.Signal<WrOptionComponent[]>;
+    protected readonly selectedLabel: _angular_core.Signal<any>;
+    protected readonly filteredOptions: _angular_core.Signal<WrOptionComponent[]>;
+    private readonly elementRef;
+    private readonly cdr;
+    get currentValue(): SafeAny;
+    get isMultiple(): boolean;
+    ngAfterContentInit(): void;
+    onChange: (value: string) => void;
+    onTouch: () => void;
+    onOptionSelect(option: WrOptionComponent): void;
+    onSearch(event: Event): void;
+    isHighlightedOption(option: WrOptionComponent): boolean;
+    isFilteredOption(option: WrOptionComponent): boolean;
+    writeValue(value: SafeAny): void;
+    registerOnChange(fn: (value: SafeAny) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    clear(event: Event): void;
+    toggle(): void;
+    private close;
+    private isSelectedOption;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrSelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrSelectComponent, "wr-select", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "noItemsLabel": { "alias": "noItemsLabel"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "maxMultipleCount": { "alias": "maxMultipleCount"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["options", "optionGroups"], ["*"], true, never>;
+    static ngAcceptInputType_multiple: unknown;
+    static ngAcceptInputType_searchable: unknown;
+    static ngAcceptInputType_clearable: unknown;
+    static ngAcceptInputType_maxMultipleCount: unknown;
+    static ngAcceptInputType_disabled: unknown;
+}
+
+export { WrOptionComponent, WrOptionGroupComponent, WrSelectComponent };
+export type { WrSelectGroup, WrSelectOption };