ngwr 3.0.0 → 4.0.0

package/tag/tag.scss

@@ -1,106 +0,0 @@
-@use '../styles/maps' as maps;
-
-.wr-tag {
-  display: inline-block;
-
-  padding: var(--wr-tag-padding-y) var(--wr-tag-padding-x);
-
-  font-family: var(--wr-tag-font-family-base);
-  font-size: var(--wr-tag-font-size-base);
-  font-weight: var(--wr-tag-font-weight-base);
-  line-height: var(--wr-tag-line-height-base);
-
-  text-align: center;
-  text-decoration: none;
-  vertical-align: middle;
-
-  user-select: none;
-  pointer-events: none;
-  white-space: nowrap;
-
-  border: none;
-  border-radius: var(--wr-tag-border-radius-base);
-
-  cursor: pointer;
-  transition: var(--wr-transition-base);
-  position: relative;
-
-  &:hover {
-    text-decoration: none;
-  }
-
-  &__icon,
-  &__spin {
-    width: 0.75rem !important;
-    height: 0.75rem !important;
-    min-width: 0.75rem !important;
-    min-height: 0.75rem !important;
-    transition: var(--wr-transition-base);
-  }
-
-  &--icon-start {
-    .wr-tag {
-      &__icon,
-      &__spin {
-        margin-right: 0.25rem;
-      }
-    }
-  }
-
-  &--icon-end {
-    .wr-tag {
-      &__icon,
-      &__spin {
-        margin-left: 0.25rem;
-      }
-    }
-  }
-
-  &--hoverable {
-    pointer-events: all;
-  }
-
-  &--rounded {
-    border-radius: var(--wr-tag-rounded-border-radius);
-    padding: var(--wr-tag-rounded-padding-y) var(--wr-tag-rounded-padding-x);
-  }
-}
-
-@each $color in maps.$theme-colors-map {
-  .wr-tag--#{$color} {
-    color: var(--wr-color-#{$color}-contrast);
-    background-color: var(--wr-color-#{$color});
-
-    &:hover {
-      color: var(--wr-color-#{$color}-contrast);
-      background-color: var(--wr-color-#{$color}-shade);
-    }
-
-    &.wr-tag--outlined {
-      color: var(--wr-color-#{$color});
-      background-color: transparent;
-      box-shadow: inset 0 0 0 1.25px rgba(var(--wr-color-#{$color}-rgb), 0.375);
-
-      &.wr-tag--transparent {
-        background-color: rgba(var(--wr-color-#{$color}-rgb), 0.125);
-      }
-
-      &:hover {
-        color: var(--wr-color-#{$color}-contrast);
-        background-color: var(--wr-color-#{$color});
-        box-shadow: none;
-      }
-    }
-
-    &.wr-tag--transparent {
-      color: var(--wr-color-#{$color});
-      background-color: rgba(var(--wr-color-#{$color}-rgb), 0.125);
-
-      &:hover {
-        color: var(--wr-color-#{$color}-contrast);
-        background-color: var(--wr-color-#{$color});
-        box-shadow: none;
-      }
-    }
-  }
-}

package/tooltip/index.d.ts

@@ -1,5 +0,0 @@
-export { WrTooltipComponent } from './tooltip-component';
-export { WR_TOOLTIP_DEFAULT_POSITIONS } from './tooltip-default-positions';
-export { WrTooltipDirective } from './tooltip-directive';
-export { WrTooltipModule } from './tooltip-module';
-export { WrTooltipTrigger } from './tooltip-trigger';

package/tooltip/tooltip-component.d.ts

@@ -1,31 +0,0 @@
-import { CdkConnectedOverlay, ConnectedOverlayPositionChange, ConnectionPositionPair } from '@angular/cdk/overlay';
-import { ChangeDetectorRef, ElementRef } from '@angular/core';
-import { WrTooltipTrigger } from './tooltip-trigger';
-import * as i0 from "@angular/core";
-export declare class WrTooltipComponent {
-    private readonly cdr;
-    overlay: CdkConnectedOverlay;
-    get message(): string | null;
-    set message(value: string | null);
-    private _message;
-    get trigger(): WrTooltipTrigger;
-    set trigger(value: WrTooltipTrigger);
-    private _trigger;
-    get visible(): boolean;
-    set visible(value: boolean);
-    private _visible;
-    get origin(): ElementRef;
-    set origin(value: ElementRef);
-    private _origin;
-    get position(): string;
-    set position(value: string);
-    private _position;
-    readonly positions: ConnectionPositionPair[];
-    constructor(cdr: ChangeDetectorRef);
-    show(): void;
-    hide(): void;
-    onPositionChange(position: ConnectedOverlayPositionChange): void;
-    onClickOutside(event: MouseEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WrTooltipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WrTooltipComponent, "wr-tooltip", never, { "message": { "alias": "message"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "origin": { "alias": "origin"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, never, false, never>;
-}

package/tooltip/tooltip-default-positions.d.ts

@@ -1 +0,0 @@
-export declare const WR_TOOLTIP_DEFAULT_POSITIONS: import("@angular/cdk/overlay").ConnectionPositionPair[];

package/tooltip/tooltip-directive.d.ts

@@ -1,22 +0,0 @@
-import { AfterViewInit, ElementRef, Renderer2, ViewContainerRef } from '@angular/core';
-import { WrTooltipTrigger } from './tooltip-trigger';
-import * as i0 from "@angular/core";
-export declare class WrTooltipDirective implements AfterViewInit {
-    private readonly elRef;
-    private readonly r2;
-    private readonly vcr;
-    message: string | null;
-    trigger: WrTooltipTrigger;
-    onClick(event: MouseEvent): void;
-    onMouseEnter(): void;
-    onMouseLeave(): void;
-    private readonly componentRef;
-    private delayTimer;
-    constructor(elRef: ElementRef, r2: Renderer2, vcr: ViewContainerRef);
-    ngAfterViewInit(): void;
-    private onTooltipShow;
-    private onTooltipHide;
-    private leaveDelay;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WrTooltipDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<WrTooltipDirective, "[wrTooltip]", ["wrTooltip"], { "message": { "alias": "wrTooltip"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, {}, never, never, false, never>;
-}

package/tooltip/tooltip-module.d.ts

@@ -1,11 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./tooltip-component";
-import * as i2 from "./tooltip-directive";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/cdk/overlay";
-import * as i5 from "ngwr/core/overlay";
-export declare class WrTooltipModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<WrTooltipModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<WrTooltipModule, [typeof i1.WrTooltipComponent, typeof i2.WrTooltipDirective], [typeof i3.CommonModule, typeof i4.OverlayModule, typeof i5.WrOverlayModule], [typeof i1.WrTooltipComponent, typeof i2.WrTooltipDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<WrTooltipModule>;
-}

package/tooltip/tooltip-trigger.d.ts

@@ -1 +0,0 @@
-export type WrTooltipTrigger = 'hover' | 'click';

package/tooltip/tooltip.scss

@@ -1,67 +0,0 @@
-.wr-tooltip {
-  $wrTooltipRoot: &;
-
-  margin: 0.5rem;
-
-  position: relative;
-
-  &__wrapper {
-    display: inline-block;
-
-    background: var(--wr-color-dark);
-    padding: 0.5rem;
-    border-radius: 0.25rem;
-  }
-
-  &__title {
-    display: block;
-    color: var(--wr-color-white);
-    font-size: 0.875rem;
-    font-weight: 400;
-    line-height: 1rem;
-    word-break: break-word;
-  }
-
-  &__arrow {
-    display: block;
-
-    position: absolute;
-    z-index: 2;
-
-    width: 0.5rem;
-    height: 0.5rem;
-
-    background: var(--wr-color-dark);
-    pointer-events: none;
-
-    transform: rotate(45deg);
-
-    #{$wrTooltipRoot}--top & {
-      bottom: -0.25rem;
-      left: 0;
-      right: 0;
-      margin: auto;
-    }
-
-    #{$wrTooltipRoot}--bottom & {
-      top: -0.25rem;
-      left: 0;
-      right: 0;
-      margin: auto;
-    }
-
-    #{$wrTooltipRoot}--left & {
-      top: 0;
-      bottom: 0;
-      right: -0.25rem;
-      margin: auto;
-    }
-
-    #{$wrTooltipRoot}--right & {
-      top: 0;
-      bottom: 0;
-      left: -0.25rem;
-      margin: auto;
-    }
-  }
-}