ngwr 6.1.1 → 7.1.0

package/table/styles/table.scss

@@ -1,232 +0,0 @@
-@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

@@ -1,21 +0,0 @@
-: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,24 +0,0 @@
-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/tag/styles/_index.scss

@@ -1,32 +0,0 @@
-@forward './vars';
-@forward './theming';
-
-.wr-tag {
-  display: inline-block;
-  vertical-align: middle;
-  position: relative;
-
-  appearance: none;
-  text-decoration: none;
-  list-style: none;
-
-  white-space: nowrap;
-  word-wrap: break-word;
-
-  color: var(--wr-tag-color);
-  background-color: var(--wr-tag-bg-color);
-
-  border-radius: var(--wr-tag-border-radius);
-  border: 1px solid var(--wr-tag-border-color);
-
-  font-family: var(--wr-tag-font-family);
-  font-size: var(--wr-tag-font-size);
-  font-weight: var(--wr-tag-font-weight);
-  line-height: var(--wr-tag-line-height);
-
-  padding: var(--wr-tag-padding-y) var(--wr-tag-padding-x);
-
-  &--rounded {
-    --wr-tag-border-radius: 50rem;
-  }
-}

package/tag/styles/theming.scss

@@ -1,21 +0,0 @@
-@use '../../styles/maps' as maps;
-
-@each $color in maps.$theme-colors-map {
-  .wr-tag--color-#{$color} {
-    --wr-tag-color: var(--wr-color-#{$color}-contrast);
-    --wr-tag-border-color: var(--wr-color-#{$color});
-    --wr-tag-bg-color: var(--wr-color-#{$color});
-
-    &.wr-tag--outlined {
-      --wr-tag-color: var(--wr-color-#{$color});
-      --wr-tag-bg-color: rgba(var(--wr-color-#{$color}-rgb), 0.05);
-      --wr-tag-border-color: rgba(var(--wr-color-#{$color}-rgb), 0.25);
-    }
-
-    &.wr-tag--transparent {
-      --wr-tag-color: var(--wr-color-#{$color});
-      --wr-tag-bg-color: rgba(var(--wr-color-#{$color}-rgb), 0.1);
-      --wr-tag-border-color: transparent;
-    }
-  }
-}

package/tag/styles/vars.scss

@@ -1,12 +0,0 @@
-:root {
-  --wr-tag-color: var(--wr-color-dark);
-  --wr-tag-bg-color: var(--wr-color-white);
-  --wr-tag-border-color: var(--wr-color-light);
-  --wr-tag-font-size: 0.75rem;
-  --wr-tag-font-weight: 500;
-  --wr-tag-font-family: var(--wr-font-family-base);
-  --wr-tag-line-height: 1rem;
-  --wr-tag-border-radius: 0.375rem;
-  --wr-tag-padding-y: 0.125rem;
-  --wr-tag-padding-x: 0.375rem;
-}

package/textarea/index.d.ts

@@ -1,47 +0,0 @@
-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';
-
-/**
- * NGWR textarea component.
- *
- * {@tutorial} [How to use wr-textarea]{@link http://ngwr.dev/docs/components/textarea}
- */
-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/textarea/styles/vars.scss

@@ -1,17 +0,0 @@
-:root {
-  --wr-textarea-color: var(--wr-color-dark);
-  --wr-textarea-placeholder-color: var(--wr-color-light);
-  --wr-textarea-suffix-prefix-color: var(--wr-color-medium);
-  --wr-textarea-bg-color: var(--wr-color-white);
-  --wr-textarea-border-color: var(--wr-color-light-lighter);
-  --wr-textarea-border-radius: 0.375rem;
-  --wr-textarea-box-shadow: none;
-  --wr-textarea-icon-size: 1.25rem;
-  --wr-textarea-icon-color: var(--wr-color-medium);
-  --wr-textarea-font-size: 0.875rem;
-  --wr-textarea-font-weight: 400;
-  --wr-textarea-font-family: var(--wr-font-family-base);
-  --wr-textarea-line-height: 1.25rem;
-  --wr-textarea-padding-y: 0.375rem;
-  --wr-textarea-padding-x: 0.825rem;
-}