ngwr 5.0.3 → 6.1.1

package/table/styles/table.scss

@@ -0,0 +1,232 @@
+@forward "./vars";
+
+.wr-table {
+  --ant-pagination-item-size: 1.5rem;
+  --ant-pagination-border-radius: calc(var(--wr-input-border-radius) * 0.75);
+
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+
+  background: var(--wr-color-white);
+  border: 1px solid var(--wr-color-light-lighter);
+  border-radius: var(--wr-border-radius-base);
+
+  &__spinner {
+    color: var(--wr-color-primary);
+    width: 0.875rem;
+    height: 0.875rem;
+    margin-right: auto;
+  }
+
+  &-top,
+  &-bot {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: calc(var(--wr-grid-gutter) / 2);
+    padding: var(--wr-table-padding);
+  }
+
+  &-top {
+    border-bottom: 1px solid var(--wr-color-light-lighter);
+  }
+
+  &-bot {
+    border-top: 1px solid var(--wr-color-light-lighter);
+  }
+
+  &-hint {
+    --wr-table-hint-padding: 0.125rem;
+    --wr-table-hint-color: var(--wr-color-medium);
+
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+
+    width: var(--wr-pagination-item-size);
+    height: var(--wr-pagination-item-size);
+
+    padding: var(--wr-table-hint-padding);
+
+    border-radius: var(--wr-btn-border-radius);
+    border: 1px solid var(--wr-color-light-lighter);
+
+    &:hover {
+      --wr-table-help-color: var(--wr-color-secondary);
+      cursor: pointer;
+    }
+
+    &__icon {
+      --wr-icon-size: calc(var(--wr-pagination-font-size) *1.2);
+
+      color: var(--wr-table-hint-color);
+      transition: var(--wr-transition-base);
+    }
+
+    &-dropdown {
+      display: flex;
+      flex-direction: column;
+      align-items: stretch;
+
+      gap: calc(var(--wr-grid-gutter) / 2);
+      padding: var(--wr-table-padding);
+
+      &-item {
+        display: flex;
+        align-items: center;
+        justify-content: flex-start;
+        gap: 0.5rem;
+
+        &__title {
+          color: var(--wr-color-dark);
+          font-size: 0.875rem;
+          font-weight: 500;
+          line-height: 1rem;
+        }
+
+        &__key {
+          font-family: var(--wr-font-family-mono), monospace;
+          margin: 0 .2em;
+          padding: .15em .4em .1em;
+          font-size: 90%;
+          background: #9696960f;
+          border: 1px solid rgba(100, 100, 100, .2);
+          border-bottom-width: 2px;
+          border-radius: 3px;
+        }
+      }
+    }
+  }
+
+  &__pagination {
+    --ant-pagination-item-size: 1.5rem;
+    --ant-pagination-border-radius: calc(var(--wr-input-border-radius) * 0.75);
+  }
+
+  &-head,
+  &-body {
+    padding: var(--wr-table-padding);
+
+    &-cell {
+      width: calc(100% / var(--wr-table-columns));
+
+      &--actions {
+        width: 3rem;
+      }
+    }
+
+    &__loader {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      position: absolute;
+      top: 0;
+      left: 0;
+      bottom: 0;
+      right: 0;
+      background: rgba(255,255,255,.6);
+      width: auto;
+      height: auto;
+      color: var(--wr-color-primary-light);
+    }
+  }
+
+  &-head {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+
+    position: sticky;
+    z-index: 2;
+    top: 0;
+    left: 0;
+
+    &__wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
+
+      width: 100%;
+
+      background: #f3f5f8;
+      border-radius: calc(var(--wr-border-radius-base) / 2);
+    }
+
+    &-cell {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      padding: 0.5rem 0.5rem;
+
+      &__title {
+        color: var(--wr-color-medium);
+        font-size: 0.75rem;
+        font-weight: 600;
+        line-height: 1rem;
+
+        margin: 0 auto 0 0;
+      }
+    }
+  }
+
+  &-body {
+    display: flex;
+    flex-direction: column;
+
+    padding-top: 0;
+
+    position: relative;
+
+    &__row {
+      display: flex;
+      align-items: center;
+      border-bottom: 1px solid var(--wr-color-light-lighter);
+
+      &:last-child {
+        border-bottom: none;
+      }
+    }
+
+    &-cell {
+      color: var(--wr-color-dark);
+      font-size: 0.75rem;
+      font-weight: 400;
+      line-height: 1rem;
+
+      margin: 0;
+      padding: 0.5rem 0.5rem;
+    }
+  }
+
+  &-actions {
+    --wr-table-dots-color: var(--wr-color-medium);
+
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+
+    opacity: var(--wr-table-dots-opacity);
+
+    width: 1.375rem;
+    height: 1.375rem;
+
+    border-radius: calc(var(--wr-border-radius-base) / 2);
+    border: 1px solid var(--wr-color-light-lighter);
+
+    transition: var(--wr-transition-base);
+
+    &__icon {
+      --wr-icon-size: 1rem;
+      color: var(--wr-table-dots-color);
+      transition: var(--wr-transition-base);
+    }
+
+    &:hover {
+      --wr-table-dots-color: var(--wr-color-secondary);
+    }
+  }
+}

package/table/styles/vars.scss

@@ -0,0 +1,21 @@
+:root {
+  --wr-table-columns: 1;
+  --wr-table-padding: calc(var(--wr-grid-gutter) / 3);
+
+  // Icon variables
+  --wr-table-filter-size: 1.25rem;
+  --wr-table-filter-padding: 0.125rem;
+  --wr-table-filter-color: var(--wr-color-light);
+  --wr-table-filter-bg: transparent;
+
+  // Dropdown variables
+  --wr-table-filter-dd-padding: 0.375rem;
+  --wr-table-filter-dd-max-items: 10;
+  --wr-table-filter-dd-item-height: 2rem;
+
+  --wr-table-sort-size: 1.25rem;
+  --wr-table-sort-padding: 0.125rem;
+  --wr-table-sort-rotate: -90deg;
+  --wr-table-sort-color: var(--wr-color-light);
+  --wr-table-sort-bg: transparent;
+}

package/tag/index.d.ts

@@ -1,5 +1,24 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="ngwr/tag" />
-export * from './public-api';
+import { WrThemeColor, SafeAny } from 'ngwr/cdk/types';
+import { wrIconName } from 'ngwr/icon';
+import * as i0 from '@angular/core';
+
+declare class WrTagComponent {
+    color: WrThemeColor;
+    icon: wrIconName | null;
+    iconPosition: 'start' | 'end';
+    outlined: boolean;
+    rounded: boolean;
+    transparent: boolean;
+    hoverable: boolean;
+    loading: boolean;
+    get elClasses(): SafeAny;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrTagComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WrTagComponent, "wr-tag", never, { "color": { "alias": "color"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "transparent": { "alias": "transparent"; "required": false; }; "hoverable": { "alias": "hoverable"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_outlined: unknown;
+    static ngAcceptInputType_rounded: unknown;
+    static ngAcceptInputType_transparent: unknown;
+    static ngAcceptInputType_hoverable: unknown;
+    static ngAcceptInputType_loading: unknown;
+}
+
+export { WrTagComponent };

package/textarea/index.d.ts

@@ -1,7 +1,47 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { WrAbstractBase } from 'ngwr/cdk';
+import { SafeAny } from 'ngwr/cdk/types';
+
 /**
- * @license
+ * NGWR textarea component.
  *
- * 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
+ * {@tutorial} [How to use wr-textarea]{@link http://ngwr.dev/docs/components/textarea}
  */
-export * from './public-api';
+declare class WrTextareaComponent extends WrAbstractBase implements ControlValueAccessor, AfterViewInit {
+    placeholder: string;
+    readonly: boolean;
+    resizable: boolean;
+    autosize: boolean;
+    rows: number;
+    maxRows?: number;
+    set disabled(value: boolean);
+    get disabled(): boolean;
+    private textareaNative;
+    get elClasses(): SafeAny;
+    protected value?: string;
+    protected readonly inputValue: _angular_core.WritableSignal<string | null>;
+    protected readonly isDisabled: _angular_core.WritableSignal<boolean>;
+    private readonly platformId;
+    private readonly cdr;
+    private get isBrowser();
+    ngAfterViewInit(): void;
+    onChange: (value: string) => void;
+    onTouch: () => void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value: string): void;
+    resizeTextarea(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrTextareaComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrTextareaComponent, "wr-textarea", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "autosize": { "alias": "autosize"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_readonly: unknown;
+    static ngAcceptInputType_resizable: unknown;
+    static ngAcceptInputType_autosize: unknown;
+    static ngAcceptInputType_rows: unknown;
+    static ngAcceptInputType_maxRows: unknown;
+    static ngAcceptInputType_disabled: unknown;
+}
+
+export { WrTextareaComponent };

package/alert/alert-type.d.ts

@@ -1,7 +0,0 @@
-/**
- * @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 type WrAlertType = 'info' | 'success' | 'warning' | 'danger';

package/alert/alert.component.d.ts

@@ -1,21 +0,0 @@
-import { SafeAny } from 'ngwr/cdk/types';
-import { WrAlertType } from './alert-type';
-import * as i0 from "@angular/core";
-/**
- * NGWR alert component.
- * Closeable component for feedback.
- *
- * {@tutorial} [How to use wr-alert]{@link http://ngwr.dev/docs/components/alert}
- */
-export declare class WrAlertComponent {
-    title: string;
-    message?: string;
-    type: WrAlertType;
-    closeable: boolean;
-    protected readonly isClosed: import("@angular/core").WritableSignal<boolean>;
-    get elClasses(): SafeAny;
-    onClose(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WrAlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WrAlertComponent, "wr-alert", never, { "title": { "alias": "title"; "required": true; }; "message": { "alias": "message"; "required": false; }; "type": { "alias": "type"; "required": false; }; "closeable": { "alias": "closeable"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_closeable: unknown;
-}

package/alert/alert.module.d.ts

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

package/alert/public-api.d.ts

@@ -1,9 +0,0 @@
-/**
- * @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 './alert-type';
-export * from './alert.component';
-export * from './alert.module';

package/avatar/avatar.component.d.ts

@@ -1,27 +0,0 @@
-import { ChangeDetectorRef, ElementRef } from '@angular/core';
-import { SafeAny } from 'ngwr/cdk/types';
-import * as i0 from "@angular/core";
-export declare class WrAvatarComponent {
-    readonly cdr: ChangeDetectorRef;
-    readonly elRef: ElementRef<any>;
-    readonly remSize: number;
-    readonly isImgLoaded: import("@angular/core").WritableSignal<boolean>;
-    private calcRemToPx;
-    constructor();
-    url: string;
-    alt: string;
-    rounded: boolean;
-    /**
-     * Width and height in rem
-     * @example size="6" transforms to 6 * remSize (16 by default)
-     */
-    get size(): number;
-    set size(value: number | string);
-    private _size;
-    get elClasses(): SafeAny;
-    get elStyles(): SafeAny;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WrAvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WrAvatarComponent, "wr-avatar", never, { "url": { "alias": "url"; "required": true; }; "alt": { "alias": "alt"; "required": true; }; "rounded": { "alias": "rounded"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
-    static ngAcceptInputType_rounded: unknown;
-    static ngAcceptInputType_size: unknown;
-}

package/avatar/avatar.module.d.ts

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

package/avatar/public-api.d.ts

@@ -1,8 +0,0 @@
-/**
- * @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 './avatar.component';
-export * from './avatar.module';

package/button/button-group.component.d.ts

@@ -1,12 +0,0 @@
-import { SafeAny } from 'ngwr/cdk/types';
-import * as i0 from "@angular/core";
-/**
- * NGWR button group.
- *
- * {@tutorial} [How to use wr-btn-group]{@link http://ngwr.dev/docs/components/button-group}
- */
-export declare class WrButtonGroupComponent {
-    get classes(): SafeAny;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WrButtonGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WrButtonGroupComponent, "wr-btn-group", never, {}, {}, never, ["*"], true, never>;
-}

package/button/button.component.d.ts

@@ -1,31 +0,0 @@
-import { SafeAny, WrThemeColor } from 'ngwr/cdk/types';
-import { wrIconName } from 'ngwr/icon';
-import * as i0 from "@angular/core";
-/**
- * NGWR button component.
- * Trigger an operation or perform an action.
- *
- * {@tutorial} [How to use wr-btn]{@link http://ngwr.dev/docs/components/button}
- */
-export declare class WrButtonComponent {
-    color?: WrThemeColor | null;
-    size: 'default' | 'small';
-    icon: wrIconName | null;
-    iconPosition: 'start' | 'end';
-    disabled: boolean;
-    outlined: boolean;
-    rounded: boolean;
-    block: boolean;
-    loading: boolean;
-    isDisabledWhenLoading: boolean;
-    get nativeDisabled(): '' | null;
-    get elClasses(): SafeAny;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WrButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WrButtonComponent, "wr-btn, button[wr-btn], a[wr-btn]", never, { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "block": { "alias": "block"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "isDisabledWhenLoading": { "alias": "isDisabledWhenLoading"; "required": false; }; }, {}, never, ["*"], true, never>;
-    static ngAcceptInputType_disabled: unknown;
-    static ngAcceptInputType_outlined: unknown;
-    static ngAcceptInputType_rounded: unknown;
-    static ngAcceptInputType_block: unknown;
-    static ngAcceptInputType_loading: unknown;
-    static ngAcceptInputType_isDisabledWhenLoading: unknown;
-}

package/button/button.module.d.ts

@@ -1,8 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./button.component";
-import * as i2 from "./button-group.component";
-export declare class WrButtonModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<WrButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<WrButtonModule, never, [typeof i1.WrButtonComponent, typeof i2.WrButtonGroupComponent], [typeof i1.WrButtonComponent, typeof i2.WrButtonGroupComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<WrButtonModule>;
-}

package/button/public-api.d.ts

@@ -1,9 +0,0 @@
-/**
- * @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 './button.component';
-export * from './button-group.component';
-export * from './button.module';

package/cdk/base.directive.d.ts

@@ -1,15 +0,0 @@
-/**
- * @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 { OnDestroy } from '@angular/core';
-import { Subject } from 'rxjs';
-import * as i0 from "@angular/core";
-export declare abstract class WrAbstractBase implements OnDestroy {
-    protected readonly destroyed$: Subject<void>;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WrAbstractBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<WrAbstractBase, never, never, {}, {}, never, never, true, never>;
-}

package/cdk/public-api.d.ts

@@ -1,7 +0,0 @@
-/**
- * @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 './base.directive';

package/cdk/rxjs/is-array.d.ts

@@ -1,8 +0,0 @@
-/**
- * @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 { Maybe } from 'ngwr/cdk/types';
-export declare function isArray<T>(val: Maybe<T>): val is T;

package/cdk/rxjs/is-defined.d.ts

@@ -1,8 +0,0 @@
-/**
- * @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 { Maybe } from 'ngwr/cdk/types';
-export declare function isDefined<T>(value: Maybe<T>): value is T;

package/cdk/rxjs/is-not-empty-array.d.ts

@@ -1,8 +0,0 @@
-/**
- * @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 { Maybe } from 'ngwr/cdk/types';
-export declare function isNotEmptyArray<T>(val: Maybe<T>): val is T;

package/cdk/rxjs/is-observable.d.ts

@@ -1,9 +0,0 @@
-/**
- * @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 { Observable } from 'rxjs';
-import { SafeAny } from 'ngwr/cdk/types';
-export declare function isObservable(obj: SafeAny | Observable<SafeAny>): obj is Observable<SafeAny>;

package/cdk/rxjs/public-api.d.ts

@@ -1,10 +0,0 @@
-/**
- * @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 './is-array';
-export * from './is-defined';
-export * from './is-not-empty-array';
-export * from './is-observable';

package/cdk/types/maybe.d.ts

@@ -1,7 +0,0 @@
-/**
- * @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 type Maybe<T> = T | undefined | null;

package/cdk/types/public-api.d.ts

@@ -1,9 +0,0 @@
-/**
- * @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 './maybe';
-export * from './safe-any';
-export * from './theme-color';

package/cdk/types/safe-any.d.ts

@@ -1,7 +0,0 @@
-/**
- * @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 type SafeAny = any;

package/cdk/types/theme-color.d.ts

@@ -1,8 +0,0 @@
-/**
- * @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 declare const wrThemeColors: readonly ["primary", "secondary", "success", "warning", "danger", "light", "medium", "dark"];
-export type WrThemeColor = (typeof wrThemeColors)[number];

package/cdk/utils/generate-random-id.d.ts

@@ -1,12 +0,0 @@
-/**
- * @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
- */
-/**
- * Generates random ID
- *
- * @return {string}
- */
-export declare function generateRandomId(): string;

package/cdk/utils/public-api.d.ts

@@ -1,7 +0,0 @@
-/**
- * @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 './generate-random-id';