ngwr 0.0.6 → 0.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/README.md +14 -9
  2. package/_core/constants/style-prefix.d.ts +1 -1
  3. package/_core/index.d.ts +1 -0
  4. package/_core/types/safe-any.d.ts +1 -0
  5. package/_core/util/convert.d.ts +2 -1
  6. package/button/button.component.d.ts +1 -1
  7. package/esm2020/_core/components/base.component.mjs +1 -1
  8. package/esm2020/_core/constants/style-prefix.mjs +1 -1
  9. package/esm2020/_core/index.mjs +2 -1
  10. package/esm2020/_core/types/safe-any.mjs +2 -0
  11. package/esm2020/_core/util/convert.mjs +3 -2
  12. package/esm2020/button/button.component.mjs +1 -1
  13. package/esm2020/button/button.module.mjs +3 -3
  14. package/esm2020/divider/divider.component.mjs +1 -1
  15. package/esm2020/divider/divider.module.mjs +1 -1
  16. package/esm2020/extended-input/extended-input.component.mjs +3 -3
  17. package/esm2020/extended-input/extended-input.module.mjs +6 -14
  18. package/esm2020/form/form-error.component.mjs +1 -1
  19. package/esm2020/form/form-item.component.mjs +1 -1
  20. package/esm2020/form/form.module.mjs +5 -13
  21. package/esm2020/icon/wr-icon.component.mjs +2 -2
  22. package/esm2020/icon/wr-icon.module.mjs +1 -1
  23. package/esm2020/icon/wr-icon.service.mjs +1 -1
  24. package/esm2020/input/input.directive.mjs +2 -2
  25. package/esm2020/input/input.module.mjs +5 -5
  26. package/esm2020/password-input/password-input.component.mjs +4 -4
  27. package/esm2020/password-input/password-input.module.mjs +11 -26
  28. package/esm2020/skeleton/skeleton.component.mjs +2 -2
  29. package/esm2020/skeleton/skeleton.module.mjs +7 -7
  30. package/esm2020/spinner/spinner.component.mjs +1 -1
  31. package/esm2020/spinner/spinner.module.mjs +1 -1
  32. package/esm2020/tag/tag.component.mjs +2 -2
  33. package/esm2020/tag/tag.module.mjs +2 -2
  34. package/extended-input/extended-input.component.d.ts +6 -5
  35. package/fesm2015/ngwr.mjs +55 -85
  36. package/fesm2015/ngwr.mjs.map +1 -1
  37. package/fesm2020/ngwr.mjs +55 -85
  38. package/fesm2020/ngwr.mjs.map +1 -1
  39. package/icon/wr-icon.component.d.ts +2 -1
  40. package/ngwr.min.css +8 -0
  41. package/package.json +1 -1
  42. package/password-input/password-input.component.d.ts +7 -6
  43. package/password-input/password-input.module.d.ts +4 -4
  44. package/skeleton/skeleton.module.d.ts +4 -4
  45. package/tag/tag.component.d.ts +2 -2
  46. package/styles/components/_index.scss +0 -15
  47. package/styles/components/alert.scss +0 -28
  48. package/styles/components/button.scss +0 -115
  49. package/styles/components/card.scss +0 -41
  50. package/styles/components/divider.scss +0 -19
  51. package/styles/components/dropdown.scss +0 -128
  52. package/styles/components/extended-input.scss +0 -64
  53. package/styles/components/form.scss +0 -85
  54. package/styles/components/heading.scss +0 -25
  55. package/styles/components/icon.scss +0 -32
  56. package/styles/components/input.scss +0 -43
  57. package/styles/components/password-input.scss +0 -31
  58. package/styles/components/skeleton.scss +0 -58
  59. package/styles/components/spinner.scss +0 -44
  60. package/styles/components/tag.scss +0 -70
  61. package/styles/components/tooltip.scss +0 -60
  62. package/styles/functions.scss +0 -184
  63. package/styles/grid.scss +0 -177
  64. package/styles/index.scss +0 -164
  65. package/styles/mixins/_index.scss +0 -22
  66. package/styles/mixins/alert.scss +0 -7
  67. package/styles/mixins/button.scss +0 -56
  68. package/styles/mixins/reset-component.scss +0 -13
  69. package/styles/mixins/tag.scss +0 -68
  70. package/styles/reset.scss +0 -104
  71. package/styles/root.scss +0 -31
  72. package/styles/vars.scss +0 -1075
  73. package/styles.css +0 -4
package/fesm2020/ngwr.mjs CHANGED
@@ -1,7 +1,7 @@
1
- import * as i0 from '@angular/core';
2
- import { Directive, Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, NgModule, Input, Optional, Self, Injectable, Inject } from '@angular/core';
3
1
  import * as i2 from '@angular/common';
4
2
  import { CommonModule, DOCUMENT } from '@angular/common';
3
+ import * as i0 from '@angular/core';
4
+ import { Directive, Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, NgModule, Input, Optional, Self, Injectable, Inject } from '@angular/core';
5
5
  import { Subject, fromEvent } from 'rxjs';
6
6
  import { coerceBooleanProperty } from '@angular/cdk/coercion';
7
7
  import { __decorate } from 'tslib';
@@ -34,9 +34,10 @@ const stylePrefix = 'wr';
34
34
  function toBoolean(value) {
35
35
  return coerceBooleanProperty(value);
36
36
  }
37
+ // eslint-disable
37
38
  function propDecoratorFactory(name, fallback) {
38
39
  function propDecorator(target, propName, originalDescriptor) {
39
- const privatePropName = `$$__walrusPropDecorator__${propName}`;
40
+ const privatePropName = `$$__wrPropDecorator__${propName}`;
40
41
  if (Object.prototype.hasOwnProperty.call(target, privatePropName)) {
41
42
  console.warn(`The prop "${privatePropName}" is already exist, it will be overrided by ${name} decorator.`);
42
43
  }
@@ -249,7 +250,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
249
250
  args: [{
250
251
  imports: [CommonModule, WrSpinnerModule],
251
252
  declarations: [WrButtonComponent],
252
- exports: [WrButtonComponent],
253
+ exports: [WrButtonComponent]
253
254
  }]
254
255
  }] });
255
256
 
@@ -322,7 +323,7 @@ WrInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", versi
322
323
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrInputDirective, decorators: [{
323
324
  type: Directive,
324
325
  args: [{
325
- selector: 'wr-input, input[wr-input], textarea[wr-input]',
326
+ selector: 'wr-input, input[wr-input], textarea[wr-input]'
326
327
  }]
327
328
  }], ctorParameters: function () { return [{ type: i1.NgControl, decorators: [{
328
329
  type: Optional
@@ -350,8 +351,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
350
351
  type: NgModule,
351
352
  args: [{
352
353
  imports: [CommonModule, PlatformModule],
353
- declarations: [WrInputDirective,],
354
- exports: [WrInputDirective,]
354
+ declarations: [WrInputDirective],
355
+ exports: [WrInputDirective]
355
356
  }]
356
357
  }] });
357
358
 
@@ -400,10 +401,10 @@ class WrExtendedInputComponent {
400
401
  }
401
402
  }
402
403
  WrExtendedInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrExtendedInputComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
403
- WrExtendedInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: WrExtendedInputComponent, selector: "wr-extended-input", inputs: { suffix: "suffix", prefix: "prefix" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<div class=\"wr-extended-input-prefix\" *ngIf=\"prefix\">\n <span class=\"wr-extended-input-prefix__text\" >{{ prefix }}</span>\n</div>\n<input\n wr-input\n [disabled]=\"disabled\"\n [value]=\"value\"\n (focusout)=\"onFocusOut()\"\n (input)=\"onInput($event)\"\n>\n<div class=\"wr-extended-input-suffix\" *ngIf=\"suffix\">\n <span class=\"wr-extended-input-suffix__text\" >{{ suffix }}</span>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: WrInputDirective, selector: "wr-input, input[wr-input], textarea[wr-input]", inputs: ["disabled"] }], encapsulation: i0.ViewEncapsulation.None });
404
+ WrExtendedInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: WrExtendedInputComponent, selector: "wr-extended-input", inputs: { suffix: "suffix", prefix: "prefix" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<div class=\"wr-extended-input-prefix\" *ngIf=\"prefix\">\n <span class=\"wr-extended-input-prefix__text\">{{ prefix }}</span>\n</div>\n<input wr-input [disabled]=\"disabled\" [value]=\"value\" (focusout)=\"onFocusOut()\" (input)=\"onInput($event)\" />\n<div class=\"wr-extended-input-suffix\" *ngIf=\"suffix\">\n <span class=\"wr-extended-input-suffix__text\">{{ suffix }}</span>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: WrInputDirective, selector: "wr-input, input[wr-input], textarea[wr-input]", inputs: ["disabled"] }], encapsulation: i0.ViewEncapsulation.None });
404
405
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrExtendedInputComponent, decorators: [{
405
406
  type: Component,
406
- args: [{ selector: 'wr-extended-input', encapsulation: ViewEncapsulation.None, template: "<div class=\"wr-extended-input-prefix\" *ngIf=\"prefix\">\n <span class=\"wr-extended-input-prefix__text\" >{{ prefix }}</span>\n</div>\n<input\n wr-input\n [disabled]=\"disabled\"\n [value]=\"value\"\n (focusout)=\"onFocusOut()\"\n (input)=\"onInput($event)\"\n>\n<div class=\"wr-extended-input-suffix\" *ngIf=\"suffix\">\n <span class=\"wr-extended-input-suffix__text\" >{{ suffix }}</span>\n</div>\n" }]
407
+ args: [{ selector: 'wr-extended-input', encapsulation: ViewEncapsulation.None, template: "<div class=\"wr-extended-input-prefix\" *ngIf=\"prefix\">\n <span class=\"wr-extended-input-prefix__text\">{{ prefix }}</span>\n</div>\n<input wr-input [disabled]=\"disabled\" [value]=\"value\" (focusout)=\"onFocusOut()\" (input)=\"onInput($event)\" />\n<div class=\"wr-extended-input-suffix\" *ngIf=\"suffix\">\n <span class=\"wr-extended-input-suffix__text\">{{ suffix }}</span>\n</div>\n" }]
407
408
  }], ctorParameters: function () { return [{ type: i1.NgControl, decorators: [{
408
409
  type: Optional
409
410
  }, {
@@ -420,25 +421,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
420
421
  class WrExtendedInputModule {
421
422
  }
422
423
  WrExtendedInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrExtendedInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
423
- WrExtendedInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WrExtendedInputModule, declarations: [WrExtendedInputComponent], imports: [CommonModule,
424
- PlatformModule,
425
- WrInputModule], exports: [WrExtendedInputComponent] });
426
- WrExtendedInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrExtendedInputModule, imports: [CommonModule,
427
- PlatformModule,
428
- WrInputModule] });
424
+ WrExtendedInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WrExtendedInputModule, declarations: [WrExtendedInputComponent], imports: [CommonModule, PlatformModule, WrInputModule], exports: [WrExtendedInputComponent] });
425
+ WrExtendedInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrExtendedInputModule, imports: [CommonModule, PlatformModule, WrInputModule] });
429
426
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrExtendedInputModule, decorators: [{
430
427
  type: NgModule,
431
428
  args: [{
432
- imports: [
433
- CommonModule,
434
- PlatformModule,
435
- WrInputModule,
436
- ],
429
+ imports: [CommonModule, PlatformModule, WrInputModule],
437
430
  declarations: [WrExtendedInputComponent],
438
431
  exports: [WrExtendedInputComponent]
439
432
  }]
440
433
  }] });
441
434
 
435
+ class WrFormErrorComponent {
436
+ constructor() {
437
+ this.class = `${stylePrefix}-form-error`;
438
+ }
439
+ }
440
+ WrFormErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrFormErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
441
+ WrFormErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: WrFormErrorComponent, selector: "wr-form-error", host: { properties: { "class": "this.class" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
442
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrFormErrorComponent, decorators: [{
443
+ type: Component,
444
+ args: [{
445
+ selector: 'wr-form-error',
446
+ changeDetection: ChangeDetectionStrategy.OnPush,
447
+ encapsulation: ViewEncapsulation.None,
448
+ template: `<ng-content></ng-content>`
449
+ }]
450
+ }], propDecorators: { class: [{
451
+ type: HostBinding,
452
+ args: ['class']
453
+ }] } });
454
+
442
455
  class WrFormItemComponent {
443
456
  constructor(cdr, elRef, r2) {
444
457
  this.cdr = cdr;
@@ -483,45 +496,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
483
496
  type: Input
484
497
  }] } });
485
498
 
486
- class WrFormErrorComponent {
487
- constructor() {
488
- this.class = `${stylePrefix}-form-error`;
489
- }
490
- }
491
- WrFormErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrFormErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
492
- WrFormErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: WrFormErrorComponent, selector: "wr-form-error", host: { properties: { "class": "this.class" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
493
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrFormErrorComponent, decorators: [{
494
- type: Component,
495
- args: [{
496
- selector: 'wr-form-error',
497
- changeDetection: ChangeDetectionStrategy.OnPush,
498
- encapsulation: ViewEncapsulation.None,
499
- template: `<ng-content></ng-content>`
500
- }]
501
- }], propDecorators: { class: [{
502
- type: HostBinding,
503
- args: ['class']
504
- }] } });
505
-
506
499
  class WrFormModule {
507
500
  }
508
501
  WrFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
509
- WrFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WrFormModule, declarations: [WrFormItemComponent,
510
- WrFormErrorComponent], imports: [CommonModule], exports: [WrFormItemComponent,
511
- WrFormErrorComponent] });
502
+ WrFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WrFormModule, declarations: [WrFormItemComponent, WrFormErrorComponent], imports: [CommonModule], exports: [WrFormItemComponent, WrFormErrorComponent] });
512
503
  WrFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrFormModule, imports: [CommonModule] });
513
504
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrFormModule, decorators: [{
514
505
  type: NgModule,
515
506
  args: [{
516
507
  imports: [CommonModule],
517
- declarations: [
518
- WrFormItemComponent,
519
- WrFormErrorComponent
520
- ],
521
- exports: [
522
- WrFormItemComponent,
523
- WrFormErrorComponent
524
- ]
508
+ declarations: [WrFormItemComponent, WrFormErrorComponent],
509
+ exports: [WrFormItemComponent, WrFormErrorComponent]
525
510
  }]
526
511
  }] });
527
512
 
@@ -876,7 +861,7 @@ class WrPasswordInputComponent {
876
861
  }
877
862
  onVisibilityClick($event) {
878
863
  $event.stopPropagation();
879
- this.type === 'password' ? this.type = 'input' : this.type = 'password';
864
+ this.type === 'password' ? (this.type = 'input') : (this.type = 'password');
880
865
  }
881
866
  onInput($event) {
882
867
  this.value = $event.currentTarget.value;
@@ -898,10 +883,10 @@ class WrPasswordInputComponent {
898
883
  }
899
884
  }
900
885
  WrPasswordInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrPasswordInputComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
901
- WrPasswordInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: WrPasswordInputComponent, selector: "wr-password-input", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<input\n wr-input\n [disabled]=\"disabled\"\n [type]=\"type\"\n [value]=\"value\"\n (focusout)=\"onFocusOut()\"\n (input)=\"onInput($event)\"\n>\n<wr-icon class=\"wr-password-input-icon\" *ngIf=\"type === 'input'\" name=\"eye\" (click)=\"onVisibilityClick($event)\"></wr-icon>\n<wr-icon class=\"wr-password-input-icon\" *ngIf=\"type === 'password'\" name=\"eye-off\" (click)=\"onVisibilityClick($event)\"></wr-icon>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: WrInputDirective, selector: "wr-input, input[wr-input], textarea[wr-input]", inputs: ["disabled"] }, { kind: "component", type: WrIconComponent, selector: "wr-icon[name]", inputs: ["name"] }], encapsulation: i0.ViewEncapsulation.None });
886
+ WrPasswordInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: WrPasswordInputComponent, selector: "wr-password-input", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<input\n wr-input\n [disabled]=\"disabled\"\n [type]=\"type\"\n [value]=\"value\"\n (focusout)=\"onFocusOut()\"\n (input)=\"onInput($event)\"\n/>\n<wr-icon\n class=\"wr-password-input-icon\"\n *ngIf=\"type === 'input'\"\n name=\"eye\"\n (click)=\"onVisibilityClick($event)\"\n></wr-icon>\n<wr-icon\n class=\"wr-password-input-icon\"\n *ngIf=\"type === 'password'\"\n name=\"eye-off\"\n (click)=\"onVisibilityClick($event)\"\n></wr-icon>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: WrInputDirective, selector: "wr-input, input[wr-input], textarea[wr-input]", inputs: ["disabled"] }, { kind: "component", type: WrIconComponent, selector: "wr-icon[name]", inputs: ["name"] }], encapsulation: i0.ViewEncapsulation.None });
902
887
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrPasswordInputComponent, decorators: [{
903
888
  type: Component,
904
- args: [{ selector: 'wr-password-input', encapsulation: ViewEncapsulation.None, template: "<input\n wr-input\n [disabled]=\"disabled\"\n [type]=\"type\"\n [value]=\"value\"\n (focusout)=\"onFocusOut()\"\n (input)=\"onInput($event)\"\n>\n<wr-icon class=\"wr-password-input-icon\" *ngIf=\"type === 'input'\" name=\"eye\" (click)=\"onVisibilityClick($event)\"></wr-icon>\n<wr-icon class=\"wr-password-input-icon\" *ngIf=\"type === 'password'\" name=\"eye-off\" (click)=\"onVisibilityClick($event)\"></wr-icon>\n" }]
889
+ args: [{ selector: 'wr-password-input', encapsulation: ViewEncapsulation.None, template: "<input\n wr-input\n [disabled]=\"disabled\"\n [type]=\"type\"\n [value]=\"value\"\n (focusout)=\"onFocusOut()\"\n (input)=\"onInput($event)\"\n/>\n<wr-icon\n class=\"wr-password-input-icon\"\n *ngIf=\"type === 'input'\"\n name=\"eye\"\n (click)=\"onVisibilityClick($event)\"\n></wr-icon>\n<wr-icon\n class=\"wr-password-input-icon\"\n *ngIf=\"type === 'password'\"\n name=\"eye-off\"\n (click)=\"onVisibilityClick($event)\"\n></wr-icon>\n" }]
905
890
  }], ctorParameters: function () { return [{ type: i1.NgControl, decorators: [{
906
891
  type: Optional
907
892
  }, {
@@ -911,32 +896,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
911
896
  args: ['class']
912
897
  }] } });
913
898
 
914
- class WalrusPasswordInputModule {
899
+ class WrPasswordInputModule {
915
900
  }
916
- WalrusPasswordInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusPasswordInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
917
- WalrusPasswordInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WalrusPasswordInputModule, declarations: [WrPasswordInputComponent], imports: [CommonModule,
918
- PlatformModule,
919
- WrInputModule,
920
- WrIconModule], exports: [WrPasswordInputComponent] });
921
- WalrusPasswordInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusPasswordInputModule, imports: [CommonModule,
922
- PlatformModule,
923
- WrInputModule,
924
- WrIconModule] });
925
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusPasswordInputModule, decorators: [{
901
+ WrPasswordInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrPasswordInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
902
+ WrPasswordInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WrPasswordInputModule, declarations: [WrPasswordInputComponent], imports: [CommonModule, PlatformModule, WrInputModule, WrIconModule], exports: [WrPasswordInputComponent] });
903
+ WrPasswordInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrPasswordInputModule, imports: [CommonModule, PlatformModule, WrInputModule, WrIconModule] });
904
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrPasswordInputModule, decorators: [{
926
905
  type: NgModule,
927
906
  args: [{
928
- imports: [
929
- CommonModule,
930
- PlatformModule,
931
- WrInputModule,
932
- WrIconModule
933
- ],
934
- declarations: [
935
- WrPasswordInputComponent,
936
- ],
937
- exports: [
938
- WrPasswordInputComponent,
939
- ]
907
+ imports: [CommonModule, PlatformModule, WrInputModule, WrIconModule],
908
+ declarations: [WrPasswordInputComponent],
909
+ exports: [WrPasswordInputComponent]
940
910
  }]
941
911
  }] });
942
912
 
@@ -947,7 +917,7 @@ class WrSkeletonComponent {
947
917
  this.class = `${stylePrefix}-skeleton`;
948
918
  }
949
919
  ngAfterViewInit() {
950
- const style = this.color === 'light' ? 'var(--color-white-rgb)' : 'var(--color-dark-rgb)';
920
+ const style = this.color === 'light' ? `var(--${stylePrefix}-color-white-rgb)` : `var(--${stylePrefix}-color-dark-rgb)`;
951
921
  this.elRef.nativeElement.style.setProperty('--skeleton-style', style);
952
922
  }
953
923
  }
@@ -968,12 +938,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
968
938
  args: ['class']
969
939
  }] } });
970
940
 
971
- class WalrusSkeletonModule {
941
+ class WrSkeletonModule {
972
942
  }
973
- WalrusSkeletonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
974
- WalrusSkeletonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WalrusSkeletonModule, declarations: [WrSkeletonComponent], imports: [CommonModule, WrSpinnerModule], exports: [WrSkeletonComponent] });
975
- WalrusSkeletonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusSkeletonModule, imports: [CommonModule, WrSpinnerModule] });
976
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WalrusSkeletonModule, decorators: [{
943
+ WrSkeletonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
944
+ WrSkeletonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: WrSkeletonModule, declarations: [WrSkeletonComponent], imports: [CommonModule, WrSpinnerModule], exports: [WrSkeletonComponent] });
945
+ WrSkeletonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrSkeletonModule, imports: [CommonModule, WrSpinnerModule] });
946
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WrSkeletonModule, decorators: [{
977
947
  type: NgModule,
978
948
  args: [{
979
949
  imports: [CommonModule, WrSpinnerModule],
@@ -987,7 +957,7 @@ class WrTagComponent {
987
957
  this.cdr = cdr;
988
958
  this.elRef = elRef;
989
959
  this.r2 = r2;
990
- this.color = 'default';
960
+ this.color = 'primary';
991
961
  this.transparent = false;
992
962
  this.loading = false;
993
963
  this.outlined = false;
@@ -1078,5 +1048,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
1078
1048
  * Generated bundle index. Do not edit.
1079
1049
  */
1080
1050
 
1081
- export { WalrusPasswordInputModule, WalrusSkeletonModule, WrButtonComponent, WrButtonModule, WrDividerComponent, WrDividerModule, WrExtendedInputComponent, WrExtendedInputModule, WrFormErrorComponent, WrFormItemComponent, WrFormModule, WrIconComponent, WrIconModule, WrIconService, WrInputDirective, WrInputModule, WrPasswordInputComponent, WrSkeletonComponent, WrSpinnerComponent, WrSpinnerModule, WrTagComponent, WrTagModule, wrIconAlert, wrIconArrowBack, wrIconBug, wrIconCaretBack, wrIconCaretForward, wrIconCheckmarkCircle, wrIconChevronDown, wrIconChevronUp, wrIconClock, wrIconCloseCircle, wrIconCopy, wrIconDiscover, wrIconDocument, wrIconDotsHorizontal, wrIconDotsVertical, wrIconDownload, wrIconEye, wrIconEyeOff, wrIconFileAab, wrIconFileApk, wrIconFileIpa, wrIconFileZip, wrIconFlash, wrIconFolder, wrIconHelp, wrIconHome, wrIconInfoCircleOutline, wrIconLogoAndroid, wrIconLogoApple, wrIconLogoAppscreener, wrIconLogoGithub, wrIconLogoOversecured, wrIconLogoStingray, wrIconModules, wrIconPlay, wrIconPlayBack, wrIconPlayCircle, wrIconPlayForward, wrIconPlusCircle, wrIconReader, wrIconRepeat, wrIconSearch, wrIconSet, wrIconStop, wrIconStopCircle, wrIconTrash, wrIconUser, wrIconUserCircle, wrIconWarning };
1051
+ export { WrButtonComponent, WrButtonModule, WrDividerComponent, WrDividerModule, WrExtendedInputComponent, WrExtendedInputModule, WrFormErrorComponent, WrFormItemComponent, WrFormModule, WrIconComponent, WrIconModule, WrIconService, WrInputDirective, WrInputModule, WrPasswordInputComponent, WrPasswordInputModule, WrSkeletonComponent, WrSkeletonModule, WrSpinnerComponent, WrSpinnerModule, WrTagComponent, WrTagModule, wrIconAlert, wrIconArrowBack, wrIconBug, wrIconCaretBack, wrIconCaretForward, wrIconCheckmarkCircle, wrIconChevronDown, wrIconChevronUp, wrIconClock, wrIconCloseCircle, wrIconCopy, wrIconDiscover, wrIconDocument, wrIconDotsHorizontal, wrIconDotsVertical, wrIconDownload, wrIconEye, wrIconEyeOff, wrIconFileAab, wrIconFileApk, wrIconFileIpa, wrIconFileZip, wrIconFlash, wrIconFolder, wrIconHelp, wrIconHome, wrIconInfoCircleOutline, wrIconLogoAndroid, wrIconLogoApple, wrIconLogoAppscreener, wrIconLogoGithub, wrIconLogoOversecured, wrIconLogoStingray, wrIconModules, wrIconPlay, wrIconPlayBack, wrIconPlayCircle, wrIconPlayForward, wrIconPlusCircle, wrIconReader, wrIconRepeat, wrIconSearch, wrIconSet, wrIconStop, wrIconStopCircle, wrIconTrash, wrIconUser, wrIconUserCircle, wrIconWarning };
1082
1052
  //# sourceMappingURL=ngwr.mjs.map