ngwr 0.0.2 → 0.0.6

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 (127) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +30 -0
  3. package/_core/components/base.component.d.ts +11 -0
  4. package/_core/constants/style-prefix.d.ts +1 -0
  5. package/_core/index.d.ts +4 -0
  6. package/_core/types/boolean-input.d.ts +1 -0
  7. package/_core/util/convert.d.ts +18 -0
  8. package/button/button.component.d.ts +27 -0
  9. package/button/button.module.d.ts +9 -0
  10. package/button/{index.ts → index.d.ts} +0 -0
  11. package/divider/divider.component.d.ts +6 -0
  12. package/divider/divider.module.d.ts +7 -0
  13. package/divider/{index.ts → index.d.ts} +0 -0
  14. package/esm2020/_core/components/base.component.mjs +23 -0
  15. package/esm2020/_core/constants/style-prefix.mjs +2 -0
  16. package/esm2020/_core/index.mjs +9 -0
  17. package/esm2020/_core/types/boolean-input.mjs +2 -0
  18. package/esm2020/_core/util/convert.mjs +50 -0
  19. package/esm2020/button/button.component.mjs +132 -0
  20. package/esm2020/button/button.module.mjs +19 -0
  21. package/esm2020/button/index.mjs +3 -0
  22. package/esm2020/divider/divider.component.mjs +23 -0
  23. package/esm2020/divider/divider.module.mjs +16 -0
  24. package/esm2020/divider/index.mjs +3 -0
  25. package/esm2020/extended-input/extended-input.component.mjs +68 -0
  26. package/esm2020/extended-input/extended-input.module.mjs +28 -0
  27. package/esm2020/extended-input/index.mjs +3 -0
  28. package/esm2020/form/form-error.component.mjs +23 -0
  29. package/esm2020/form/form-item.component.mjs +48 -0
  30. package/esm2020/form/form.module.mjs +27 -0
  31. package/esm2020/form/index.mjs +4 -0
  32. package/esm2020/icon/index.mjs +5 -0
  33. package/esm2020/icon/wr-icon.component.mjs +51 -0
  34. package/esm2020/icon/wr-icon.module.mjs +21 -0
  35. package/esm2020/icon/wr-icon.service.mjs +30 -0
  36. package/esm2020/icon/wr-icons.mjs +244 -0
  37. package/esm2020/input/index.mjs +3 -0
  38. package/esm2020/input/input.directive.mjs +61 -0
  39. package/esm2020/input/input.module.mjs +19 -0
  40. package/esm2020/ngwr.mjs +5 -0
  41. package/esm2020/password-input/index.mjs +3 -0
  42. package/esm2020/password-input/password-input.component.mjs +58 -0
  43. package/esm2020/password-input/password-input.module.mjs +36 -0
  44. package/esm2020/public-api.mjs +11 -0
  45. package/esm2020/skeleton/index.mjs +3 -0
  46. package/esm2020/skeleton/skeleton.component.mjs +31 -0
  47. package/esm2020/skeleton/skeleton.module.mjs +19 -0
  48. package/esm2020/spinner/index.mjs +3 -0
  49. package/esm2020/spinner/spinner.component.mjs +23 -0
  50. package/esm2020/spinner/spinner.module.mjs +16 -0
  51. package/esm2020/tag/index.mjs +3 -0
  52. package/esm2020/tag/tag.component.mjs +84 -0
  53. package/esm2020/tag/tag.module.mjs +19 -0
  54. package/extended-input/extended-input.component.d.ts +25 -0
  55. package/extended-input/extended-input.module.d.ts +10 -0
  56. package/extended-input/{index.ts → index.d.ts} +0 -0
  57. package/fesm2015/ngwr.mjs +1092 -0
  58. package/fesm2015/ngwr.mjs.map +1 -0
  59. package/fesm2020/ngwr.mjs +1082 -0
  60. package/fesm2020/ngwr.mjs.map +1 -0
  61. package/form/form-error.component.d.ts +6 -0
  62. package/form/form-item.component.d.ts +16 -0
  63. package/form/form.module.d.ts +9 -0
  64. package/form/{index.ts → index.d.ts} +0 -0
  65. package/icon/index.d.ts +4 -0
  66. package/icon/wr-icon.component.d.ts +16 -0
  67. package/icon/wr-icon.module.d.ts +9 -0
  68. package/icon/wr-icon.service.d.ts +17 -0
  69. package/icon/wr-icons.d.ts +343 -0
  70. package/index.d.ts +5 -0
  71. package/input/{index.ts → index.d.ts} +0 -0
  72. package/input/input.directive.d.ts +18 -0
  73. package/input/input.module.d.ts +9 -0
  74. package/logo.svg +1 -0
  75. package/package.json +33 -15
  76. package/password-input/{index.ts → index.d.ts} +0 -0
  77. package/password-input/password-input.component.d.ts +21 -0
  78. package/password-input/password-input.module.d.ts +11 -0
  79. package/{public-api.ts → public-api.d.ts} +0 -0
  80. package/skeleton/{index.ts → index.d.ts} +0 -0
  81. package/skeleton/skeleton.component.d.ts +11 -0
  82. package/skeleton/skeleton.module.d.ts +9 -0
  83. package/spinner/{index.ts → index.d.ts} +0 -0
  84. package/spinner/spinner.component.d.ts +6 -0
  85. package/spinner/spinner.module.d.ts +7 -0
  86. package/styles/components/tag.scss +2 -2
  87. package/styles/index.scss +8 -9
  88. package/styles.css +4 -0
  89. package/tag/{index.ts → index.d.ts} +0 -0
  90. package/tag/tag.component.d.ts +22 -0
  91. package/tag/tag.module.d.ts +9 -0
  92. package/button/button.component.ts +0 -132
  93. package/button/button.module.ts +0 -11
  94. package/core/types/convert-input.ts +0 -2
  95. package/core/types/index.ts +0 -3
  96. package/core/types/indexable.ts +0 -3
  97. package/core/types/ng-class.ts +0 -11
  98. package/core/util/convert.ts +0 -63
  99. package/core/util/index.ts +0 -1
  100. package/divider/divider.component.ts +0 -13
  101. package/divider/divider.module.ts +0 -10
  102. package/extended-input/extended-input.component.html +0 -13
  103. package/extended-input/extended-input.component.ts +0 -77
  104. package/extended-input/extended-input.module.ts +0 -17
  105. package/form/form-error.component.ts +0 -20
  106. package/form/form-item.component.ts +0 -60
  107. package/form/form.module.ts +0 -17
  108. package/icon/icon.component.ts +0 -45
  109. package/icon/icons.ts +0 -229
  110. package/icon/index.ts +0 -3
  111. package/icon/walrus-icons-registry.service.ts +0 -20
  112. package/icon/walrus-icons.module.ts +0 -16
  113. package/index.ts +0 -1
  114. package/input/input.directive.ts +0 -65
  115. package/input/input.module.ts +0 -16
  116. package/ng-package.json +0 -11
  117. package/password-input/password-input.component.html +0 -10
  118. package/password-input/password-input.component.ts +0 -56
  119. package/password-input/password-input.module.ts +0 -28
  120. package/skeleton/skeleton.component.ts +0 -38
  121. package/skeleton/skeleton.module.ts +0 -11
  122. package/spinner/spinner.component.ts +0 -11
  123. package/spinner/spinner.module.ts +0 -10
  124. package/tag/tag.component.ts +0 -92
  125. package/tag/tag.module.ts +0 -11
  126. package/tsconfig.lib.json +0 -15
  127. package/tsconfig.lib.prod.json +0 -10
package/styles.css ADDED
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * Copyright 2022 Garuna LLP
3
+ * Licensed under MIT
4
+ */:root{--color-default:#b5bccc;--color-primary:#3969e2;--color-secondary:#f51c6a;--color-success:#40da15;--color-warning:#f99b00;--color-danger:#e01d34;--color-light:#dee0e8;--color-medium:#b5bccc;--color-dark:#322e4f;--color-default-rgb:181,188,204;--color-primary-rgb:57,105,226;--color-secondary-rgb:245,28,106;--color-success-rgb:64,218,21;--color-warning-rgb:249,155,0;--color-danger-rgb:224,29,52;--color-light-rgb:222,224,232;--color-medium-rgb:181,188,204;--color-dark-rgb:50,46,79;--color-white:#fff;--color-black:#000;--color-white-rgb:255,255,255;--color-black-rgb:0,0,0;--font-family-base:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--font-family-code:Inconsolata,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;--font-size-base:16px;--font-weight-base:16px;--transition-base:all 0.15s linear;--radius-base:0.625rem;--shadow-base:inset 0 0 0 1px rgba(var(--color-dark-rgb),0.125);--shadow-base-hover:inset 0 0 0 1px rgba(var(--color-dark-rgb),0.125),0px 25px 50px -12px rgba(var(--color-dark-rgb),0.125)}*,:after,:before{border:0;box-sizing:border-box;font-size:100%;margin:0;padding:0;vertical-align:baseline}:root{font-size:1rem;scroll-behavior:smooth}body,html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;background-color:#f3f4f6;color:#322e4f;direction:ltr;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:16px;font-weight:400;height:100%;letter-spacing:-.02em;line-height:1.5715;text-align:left;width:100%}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a{text-decoration:none}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;box-sizing:content-box}textarea{overflow:auto;resize:vertical;vertical-align:top}audio:not([controls]){display:none;height:0}[hidden]{display:none}img{border:none}.wr-alert{word-wrap:break-word;align-items:center;border-radius:.375rem;display:flex;font-size:16px;font-weight:400;line-height:1.5715;margin-bottom:.5rem;padding:.5rem .75rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.wr-alert.wr-alert-default{background-color:rgba(181,188,204,.125);box-shadow:inset 0 0 0 1px rgba(181,188,204,.25);color:#5b5e66}.wr-alert.wr-alert-primary{background-color:rgba(57,105,226,.125);box-shadow:inset 0 0 0 1px rgba(57,105,226,.25);color:#1d3571}.wr-alert.wr-alert-secondary{background-color:rgba(245,28,106,.125);box-shadow:inset 0 0 0 1px rgba(245,28,106,.25);color:#7b0e35}.wr-alert.wr-alert-success{background-color:rgba(64,218,21,.125);box-shadow:inset 0 0 0 1px rgba(64,218,21,.25);color:#206d0b}.wr-alert.wr-alert-warning{background-color:rgba(249,155,0,.125);box-shadow:inset 0 0 0 1px rgba(249,155,0,.25);color:#7d4e00}.wr-alert.wr-alert-danger{background-color:rgba(224,29,52,.125);box-shadow:inset 0 0 0 1px rgba(224,29,52,.25);color:#700f1a}.wr-alert.wr-alert-light{background-color:rgba(222,224,232,.125);box-shadow:inset 0 0 0 1px rgba(222,224,232,.25);color:#6f7074}.wr-alert.wr-alert-medium{background-color:rgba(181,188,204,.125);box-shadow:inset 0 0 0 1px rgba(181,188,204,.25);color:#5b5e66}.wr-alert.wr-alert-dark{background-color:rgba(50,46,79,.125);box-shadow:inset 0 0 0 1px rgba(50,46,79,.25);color:#191728}.wr-btn{align-items:center;border-radius:.375rem;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;height:auto;justify-content:center;padding:calc(.375rem + 1px) .825rem;position:relative;text-align:center;transition:all .15s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.wr-btn__text{font-size:14.8px;font-weight:500}.wr-btn--block{width:100%}.wr-btn--rounded{border-radius:50rem;padding:.46875rem .825rem}.wr-btn>wr-icon{height:1rem;margin-right:.375rem;width:1rem}.wr-btn>wr-spin{margin-left:auto;margin-right:auto;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.wr-btn--small{padding:.25rem .5rem}.wr-btn--small .wr-btn__text{font-size:11.84px}.wr-btn--small>wr-icon{height:.75rem;margin-right:.25rem;width:.75rem}.wr-btn--loading{pointer-events:none}.wr-btn--loading .wr-btn__text,.wr-btn--loading>wr-icon{opacity:0}.wr-btn-default{background-color:#b5bccc}.wr-btn-default,.wr-btn-default:hover{box-shadow:0 3px 5px -1px rgba(181,188,204,.2),0 6px 10px 0 rgba(181,188,204,.14),0 1px 18px 0 rgba(181,188,204,.12);color:#322e4f}.wr-btn-default:hover{background-color:#dde3f0}.btn-check:active+.wr-btn-default,.btn-check:checked+.wr-btn-default,.wr-btn-default.active,.wr-btn-default:active{background-color:#7985a2;box-shadow:none;color:#474868}.wr-btn-default>wr-spin{color:#322e4f}.wr-btn-default.wr-btn--disabled,.wr-btn-default:disabled{background-color:var(--color-light);box-shadow:none;color:var(--color-medium);pointer-events:none}.wr-btn-primary{background-color:#3969e2}.wr-btn-primary,.wr-btn-primary:hover{box-shadow:0 3px 5px -1px rgba(57,105,226,.2),0 6px 10px 0 rgba(57,105,226,.14),0 1px 18px 0 rgba(57,105,226,.12);color:#fff}.wr-btn-primary:hover{background-color:#6d95fb}.btn-check:active+.wr-btn-primary,.btn-check:checked+.wr-btn-primary,.wr-btn-primary.active,.wr-btn-primary:active{background-color:#173d9e;box-shadow:none;color:#b9c5e2}.wr-btn-primary>wr-spin{color:#fff}.wr-btn-primary.wr-btn--disabled,.wr-btn-primary:disabled{background-color:var(--color-light);box-shadow:none;color:var(--color-medium);pointer-events:none}.wr-btn-secondary{background-color:#f51c6a}.wr-btn-secondary,.wr-btn-secondary:hover{box-shadow:0 3px 5px -1px rgba(245,28,106,.2),0 6px 10px 0 rgba(245,28,106,.14),0 1px 18px 0 rgba(245,28,106,.12);color:#000}.wr-btn-secondary:hover{background-color:#ff5f98}.btn-check:active+.wr-btn-secondary,.btn-check:checked+.wr-btn-secondary,.wr-btn-secondary.active,.wr-btn-secondary:active{background-color:#a4073f;box-shadow:none;color:#310213}.wr-btn-secondary>wr-spin{color:#000}.wr-btn-secondary.wr-btn--disabled,.wr-btn-secondary:disabled{background-color:var(--color-light);box-shadow:none;color:var(--color-medium);pointer-events:none}.wr-btn-success{background-color:#40da15}.wr-btn-success,.wr-btn-success:hover{box-shadow:0 3px 5px -1px rgba(64,218,21,.2),0 6px 10px 0 rgba(64,218,21,.14),0 1px 18px 0 rgba(64,218,21,.12);color:#322e4f}.wr-btn-success:hover{background-color:#67ff3d}.btn-check:active+.wr-btn-success,.btn-check:checked+.wr-btn-success,.wr-btn-success.active,.wr-btn-success:active{background-color:#257d0c;box-shadow:none;color:#2e463b}.wr-btn-success>wr-spin{color:#322e4f}.wr-btn-success.wr-btn--disabled,.wr-btn-success:disabled{background-color:var(--color-light);box-shadow:none;color:var(--color-medium);pointer-events:none}.wr-btn-warning{background-color:#f99b00}.wr-btn-warning,.wr-btn-warning:hover{box-shadow:0 3px 5px -1px rgba(249,155,0,.2),0 6px 10px 0 rgba(249,155,0,.14),0 1px 18px 0 rgba(249,155,0,.12);color:#322e4f}.wr-btn-warning:hover{background-color:#ffb947}.btn-check:active+.wr-btn-warning,.btn-check:checked+.wr-btn-warning,.wr-btn-warning.active,.wr-btn-warning:active{background-color:#935c00;box-shadow:none;color:#4f3c37}.wr-btn-warning>wr-spin{color:#322e4f}.wr-btn-warning.wr-btn--disabled,.wr-btn-warning:disabled{background-color:var(--color-light);box-shadow:none;color:var(--color-medium);pointer-events:none}.wr-btn-danger{background-color:#e01d34}.wr-btn-danger,.wr-btn-danger:hover{box-shadow:0 3px 5px -1px rgba(224,29,52,.2),0 6px 10px 0 rgba(224,29,52,.14),0 1px 18px 0 rgba(224,29,52,.12);color:#fff}.wr-btn-danger:hover{background-color:#fc4d62}.btn-check:active+.wr-btn-danger,.btn-check:checked+.wr-btn-danger,.wr-btn-danger.active,.wr-btn-danger:active{background-color:#86111f;box-shadow:none;color:#dbb8bc}.wr-btn-danger>wr-spin{color:#fff}.wr-btn-danger.wr-btn--disabled,.wr-btn-danger:disabled{background-color:var(--color-light);box-shadow:none;color:var(--color-medium);pointer-events:none}.wr-btn-light{background-color:#dee0e8}.wr-btn-light,.wr-btn-light:hover{box-shadow:0 3px 5px -1px rgba(222,224,232,.2),0 6px 10px 0 rgba(222,224,232,.14),0 1px 18px 0 rgba(222,224,232,.12);color:#322e4f}.wr-btn-light:hover{background-color:#fff}.btn-check:active+.wr-btn-light,.btn-check:checked+.wr-btn-light,.wr-btn-light.active,.wr-btn-light:active{background-color:#a2a8be;box-shadow:none;color:#545370}.wr-btn-light>wr-spin{color:#322e4f}.wr-btn-light.wr-btn--disabled,.wr-btn-light:disabled{background-color:var(--color-light);box-shadow:none;color:var(--color-medium);pointer-events:none}.wr-btn-medium{background-color:#b5bccc}.wr-btn-medium,.wr-btn-medium:hover{box-shadow:0 3px 5px -1px rgba(181,188,204,.2),0 6px 10px 0 rgba(181,188,204,.14),0 1px 18px 0 rgba(181,188,204,.12);color:#322e4f}.wr-btn-medium:hover{background-color:#dde3f0}.btn-check:active+.wr-btn-medium,.btn-check:checked+.wr-btn-medium,.wr-btn-medium.active,.wr-btn-medium:active{background-color:#7985a2;box-shadow:none;color:#474868}.wr-btn-medium>wr-spin{color:#322e4f}.wr-btn-medium.wr-btn--disabled,.wr-btn-medium:disabled{background-color:var(--color-light);box-shadow:none;color:var(--color-medium);pointer-events:none}.wr-btn-dark{background-color:#322e4f}.wr-btn-dark,.wr-btn-dark:hover{box-shadow:0 3px 5px -1px rgba(50,46,79,.2),0 6px 10px 0 rgba(50,46,79,.14),0 1px 18px 0 rgba(50,46,79,.12);color:#fff}.wr-btn-dark:hover{background-color:#413693}.btn-check:active+.wr-btn-dark,.btn-check:checked+.wr-btn-dark,.wr-btn-dark.active,.wr-btn-dark:active{background-color:#09080f;box-shadow:none;color:#b5b5b7}.wr-btn-dark>wr-spin{color:#fff}.wr-btn-dark.wr-btn--disabled,.wr-btn-dark:disabled{background-color:var(--color-light);box-shadow:none;color:var(--color-medium);pointer-events:none}.wr-btn-default.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(181,188,204,.3);color:#b5bccc}.wr-btn-default.wr-btn--outlined>wr-spin{color:#b5bccc}.wr-btn-default.wr-btn--outlined:hover{background-color:#b5bccc;box-shadow:none;color:#322e4f}.wr-btn-default.wr-btn--outlined:hover>wr-spin{color:#322e4f}.btn-check:active+.wr-btn-default.wr-btn--outlined,.btn-check:checked+.wr-btn-default.wr-btn--outlined,.wr-btn-default.wr-btn--outlined.active,.wr-btn-default.wr-btn--outlined.dropdown-toggle.show,.wr-btn-default.wr-btn--outlined:active{background-color:#7985a2;box-shadow:none;color:#474868}.wr-btn-default.wr-btn--outlined.wr-btn--disabled,.wr-btn-default.wr-btn--outlined:disabled{background-color:transparent;box-shadow:inset 0 0 0 1px var(--color-light);color:var(--color-medium);pointer-events:none}.wr-btn-primary.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(57,105,226,.3);color:#3969e2}.wr-btn-primary.wr-btn--outlined>wr-spin{color:#3969e2}.wr-btn-primary.wr-btn--outlined:hover{background-color:#3969e2;box-shadow:none;color:#fff}.wr-btn-primary.wr-btn--outlined:hover>wr-spin{color:#fff}.btn-check:active+.wr-btn-primary.wr-btn--outlined,.btn-check:checked+.wr-btn-primary.wr-btn--outlined,.wr-btn-primary.wr-btn--outlined.active,.wr-btn-primary.wr-btn--outlined.dropdown-toggle.show,.wr-btn-primary.wr-btn--outlined:active{background-color:#173d9e;box-shadow:none;color:#b9c5e2}.wr-btn-primary.wr-btn--outlined.wr-btn--disabled,.wr-btn-primary.wr-btn--outlined:disabled{background-color:transparent;box-shadow:inset 0 0 0 1px var(--color-light);color:var(--color-medium);pointer-events:none}.wr-btn-secondary.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(245,28,106,.3);color:#f51c6a}.wr-btn-secondary.wr-btn--outlined>wr-spin{color:#f51c6a}.wr-btn-secondary.wr-btn--outlined:hover{background-color:#f51c6a;box-shadow:none;color:#000}.wr-btn-secondary.wr-btn--outlined:hover>wr-spin{color:#000}.btn-check:active+.wr-btn-secondary.wr-btn--outlined,.btn-check:checked+.wr-btn-secondary.wr-btn--outlined,.wr-btn-secondary.wr-btn--outlined.active,.wr-btn-secondary.wr-btn--outlined.dropdown-toggle.show,.wr-btn-secondary.wr-btn--outlined:active{background-color:#a4073f;box-shadow:none;color:#310213}.wr-btn-secondary.wr-btn--outlined.wr-btn--disabled,.wr-btn-secondary.wr-btn--outlined:disabled{background-color:transparent;box-shadow:inset 0 0 0 1px var(--color-light);color:var(--color-medium);pointer-events:none}.wr-btn-success.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(64,218,21,.3);color:#40da15}.wr-btn-success.wr-btn--outlined>wr-spin{color:#40da15}.wr-btn-success.wr-btn--outlined:hover{background-color:#40da15;box-shadow:none;color:#322e4f}.wr-btn-success.wr-btn--outlined:hover>wr-spin{color:#322e4f}.btn-check:active+.wr-btn-success.wr-btn--outlined,.btn-check:checked+.wr-btn-success.wr-btn--outlined,.wr-btn-success.wr-btn--outlined.active,.wr-btn-success.wr-btn--outlined.dropdown-toggle.show,.wr-btn-success.wr-btn--outlined:active{background-color:#257d0c;box-shadow:none;color:#2e463b}.wr-btn-success.wr-btn--outlined.wr-btn--disabled,.wr-btn-success.wr-btn--outlined:disabled{background-color:transparent;box-shadow:inset 0 0 0 1px var(--color-light);color:var(--color-medium);pointer-events:none}.wr-btn-warning.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(249,155,0,.3);color:#f99b00}.wr-btn-warning.wr-btn--outlined>wr-spin{color:#f99b00}.wr-btn-warning.wr-btn--outlined:hover{background-color:#f99b00;box-shadow:none;color:#322e4f}.wr-btn-warning.wr-btn--outlined:hover>wr-spin{color:#322e4f}.btn-check:active+.wr-btn-warning.wr-btn--outlined,.btn-check:checked+.wr-btn-warning.wr-btn--outlined,.wr-btn-warning.wr-btn--outlined.active,.wr-btn-warning.wr-btn--outlined.dropdown-toggle.show,.wr-btn-warning.wr-btn--outlined:active{background-color:#935c00;box-shadow:none;color:#4f3c37}.wr-btn-warning.wr-btn--outlined.wr-btn--disabled,.wr-btn-warning.wr-btn--outlined:disabled{background-color:transparent;box-shadow:inset 0 0 0 1px var(--color-light);color:var(--color-medium);pointer-events:none}.wr-btn-danger.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(224,29,52,.3);color:#e01d34}.wr-btn-danger.wr-btn--outlined>wr-spin{color:#e01d34}.wr-btn-danger.wr-btn--outlined:hover{background-color:#e01d34;box-shadow:none;color:#fff}.wr-btn-danger.wr-btn--outlined:hover>wr-spin{color:#fff}.btn-check:active+.wr-btn-danger.wr-btn--outlined,.btn-check:checked+.wr-btn-danger.wr-btn--outlined,.wr-btn-danger.wr-btn--outlined.active,.wr-btn-danger.wr-btn--outlined.dropdown-toggle.show,.wr-btn-danger.wr-btn--outlined:active{background-color:#86111f;box-shadow:none;color:#dbb8bc}.wr-btn-danger.wr-btn--outlined.wr-btn--disabled,.wr-btn-danger.wr-btn--outlined:disabled{background-color:transparent;box-shadow:inset 0 0 0 1px var(--color-light);color:var(--color-medium);pointer-events:none}.wr-btn-light.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(222,224,232,.3);color:#dee0e8}.wr-btn-light.wr-btn--outlined>wr-spin{color:#dee0e8}.wr-btn-light.wr-btn--outlined:hover{background-color:#dee0e8;box-shadow:none;color:#322e4f}.wr-btn-light.wr-btn--outlined:hover>wr-spin{color:#322e4f}.btn-check:active+.wr-btn-light.wr-btn--outlined,.btn-check:checked+.wr-btn-light.wr-btn--outlined,.wr-btn-light.wr-btn--outlined.active,.wr-btn-light.wr-btn--outlined.dropdown-toggle.show,.wr-btn-light.wr-btn--outlined:active{background-color:#a2a8be;box-shadow:none;color:#545370}.wr-btn-light.wr-btn--outlined.wr-btn--disabled,.wr-btn-light.wr-btn--outlined:disabled{background-color:transparent;box-shadow:inset 0 0 0 1px var(--color-light);color:var(--color-medium);pointer-events:none}.wr-btn-medium.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(181,188,204,.3);color:#b5bccc}.wr-btn-medium.wr-btn--outlined>wr-spin{color:#b5bccc}.wr-btn-medium.wr-btn--outlined:hover{background-color:#b5bccc;box-shadow:none;color:#322e4f}.wr-btn-medium.wr-btn--outlined:hover>wr-spin{color:#322e4f}.btn-check:active+.wr-btn-medium.wr-btn--outlined,.btn-check:checked+.wr-btn-medium.wr-btn--outlined,.wr-btn-medium.wr-btn--outlined.active,.wr-btn-medium.wr-btn--outlined.dropdown-toggle.show,.wr-btn-medium.wr-btn--outlined:active{background-color:#7985a2;box-shadow:none;color:#474868}.wr-btn-medium.wr-btn--outlined.wr-btn--disabled,.wr-btn-medium.wr-btn--outlined:disabled{background-color:transparent;box-shadow:inset 0 0 0 1px var(--color-light);color:var(--color-medium);pointer-events:none}.wr-btn-dark.wr-btn--outlined{background-color:transparent;box-shadow:inset 0 0 0 1.25px rgba(50,46,79,.3);color:#322e4f}.wr-btn-dark.wr-btn--outlined>wr-spin{color:#322e4f}.wr-btn-dark.wr-btn--outlined:hover{background-color:#322e4f;box-shadow:none;color:#fff}.wr-btn-dark.wr-btn--outlined:hover>wr-spin{color:#fff}.btn-check:active+.wr-btn-dark.wr-btn--outlined,.btn-check:checked+.wr-btn-dark.wr-btn--outlined,.wr-btn-dark.wr-btn--outlined.active,.wr-btn-dark.wr-btn--outlined.dropdown-toggle.show,.wr-btn-dark.wr-btn--outlined:active{background-color:#09080f;box-shadow:none;color:#b5b5b7}.wr-btn-dark.wr-btn--outlined.wr-btn--disabled,.wr-btn-dark.wr-btn--outlined:disabled{background-color:transparent;box-shadow:inset 0 0 0 1px var(--color-light);color:var(--color-medium);pointer-events:none}.wr-card{align-content:baseline;background:#fff;border-radius:.75rem;box-shadow:0 6px 16px -8px rgba(0,0,0,.08),0 9px 28px 0 rgba(0,0,0,.05),0 12px 48px 16px rgba(0,0,0,.03);display:flex;flex-direction:column;justify-content:center;padding:1.5rem 1.25rem}.wr-card--hoverable{transition:all .15s linear}.wr-card--hoverable:hover{box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);cursor:pointer}.wr-card--hoverable:hover .wr-card__title{color:#f51c6a}.wr-card__title{color:#322e4f;font-size:1.125rem;font-weight:500;line-height:1;margin-bottom:.5rem;transition:all .15s linear}.wr-divider{background:#dee0e8;display:block;height:1px;margin-bottom:4px;margin-top:4px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.wr-dropdown{font-feature-settings:"tnum";box-sizing:border-box;color:#322e4f;display:block;font-size:16px;font-variant:tabular-nums;left:-9999px;line-height:1.5715;list-style:none;margin:0;padding:0;position:absolute;top:-9999px;z-index:1050}.wr-dropdown:before{bottom:-4px;content:" ";left:-7px;opacity:.0001;position:absolute;right:0;top:-4px;z-index:-9999}.wr-dropdown-trigger:hover{cursor:pointer}.wr-dropdown-wrap{position:relative}.wr-dropdown-hidden,.wr-dropdown-menu-hidden,.wr-dropdown-menu-submenu-hidden{display:none}.wr-dropdown-menu{align-items:baseline;background-clip:padding-box;background-color:#fff;border-radius:.5rem;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);display:flex;flex-direction:column;list-style-type:none;margin:0;outline:none;padding:1rem;position:relative;text-align:left}.wr-dropdown-menu-submenu-popup{background:transparent;box-shadow:none;position:absolute;transform-origin:0 0;z-index:1050}.wr-dropdown-menu-submenu-popup li,.wr-dropdown-menu-submenu-popup ul{list-style:none}.wr-dropdown-menu-submenu-popup ul{margin-left:.3em;margin-right:.3em}.wr-dropdown-menu-item{align-items:center;color:#322e4f;display:flex;position:relative;transition:all .15s linear}.wr-dropdown-menu-item:hover{color:#f51c6a}.wr-dropdown-menu-item,.wr-dropdown-menu-submenu-title{clear:both;cursor:pointer;font-weight:400;margin:0 0 1rem;white-space:nowrap}.wr-dropdown-menu-item:last-child,.wr-dropdown-menu-submenu-title:last-child{margin-bottom:0}.wr-dropdown.wr-dropdown-slide-down-appear,.wr-dropdown.wr-dropdown-slide-down-enter{-webkit-animation-name:antSlideUpIn;animation-name:antSlideUpIn}.wr-dropdown-menu>ul{list-style:inherit;margin:0;padding:0}.wr-dropdown{left:0;margin-bottom:6px;margin-top:6px;position:relative;top:0;width:100%}.wr-extended-input{align-items:center;display:flex;overflow:hidden;transition:all .15s linear;width:100%}.wr-extended-input--has-suffix>.wr-input{border-bottom-right-radius:0;border-top-right-radius:0}.wr-extended-input--has-prefix>.wr-input{border-bottom-left-radius:0;border-top-left-radius:0}.wr-extended-input-prefix,.wr-extended-input-suffix{align-items:center;background:rgba(222,224,232,.5);border:1px solid #dee0e8;display:inline-flex;height:100%;max-width:50%;padding-left:.46875rem;padding-right:.46875rem;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wr-extended-input-prefix__text,.wr-extended-input-suffix__text{color:#b5bccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wr-extended-input-suffix{border-bottom-right-radius:.375rem;border-left:0;border-top-right-radius:.375rem}.wr-extended-input-prefix{border-bottom-left-radius:.375rem;border-right:0;border-top-left-radius:.375rem}.wr-form-item{align-items:baseline;display:flex;flex-direction:column;margin-bottom:1rem;width:100%}.wr-form-item>*{width:100%}.wr-form-item>label{align-items:center;color:#b5bccc;display:inline-flex;font-size:.875rem;font-weight:400;line-height:1;margin-bottom:.5rem;transition:all .15s linear}.wr-form-item>label>nz-radio-group,.wr-form-item>label>nz-switch{margin-left:.5rem}.wr-form-item>label>nz-radio-group .ant-radio-button-wrapper{font-size:.625rem;height:.825rem!important;line-height:calc(1rem - 4px)!important}.wr-form-item>label>nz-radio-group .ant-radio-button-wrapper:first-child{border-bottom-left-radius:50rem;border-top-left-radius:50rem}.wr-form-item>label>nz-radio-group .ant-radio-button-wrapper:last-child{border-bottom-right-radius:50rem;border-top-right-radius:50rem}.wr-form-item--has-error>label{color:#e01d34}.wr-form-item--has-error .wr-input{box-shadow:inset 0 0 0 1px #e01d34}.wr-form-item--has-error .wr-extended-input-prefix,.wr-form-item--has-error .wr-extended-input-suffix{background:rgba(224,29,52,.25);border-color:#e01d34}.wr-form-item--has-error .wr-extended-input-prefix__text,.wr-form-item--has-error .wr-extended-input-suffix__text{color:#e01d34}.wr-form-item--has-error>nz-select .ant-select-selector{box-shadow:inset 0 0 0 1px #e01d34}.wr-form-error{color:#e01d34;margin-top:.25rem}.wr-form-error,small{font-size:.75rem;opacity:.75}small{color:inherit}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#322e4f;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.wr-icon{fill:currentColor;box-sizing:content-box!important;color:inherit;contain:strict;display:inline-block;font-style:normal;height:1.5rem;line-height:0;text-align:center;text-transform:none;vertical-align:-.125rem;width:1.5rem}.wr-icon *{line-height:1}.wr-icon svg{display:inline-block;height:100%;width:100%}.wr-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:none;border-radius:.375rem;box-shadow:inset 0 0 0 1px #dee0e8;color:#322e4f;display:inline-flex;font-family:inherit;font-size:16px;font-weight:400;margin:0;padding:.46875rem .75rem;resize:none;transition:all .15s linear;width:100%}.wr-input:active,.wr-input:focus{box-shadow:inset 0 0 0 1px rgba(57,105,226,.375),0 0 0 2px rgba(57,105,226,.05);outline:none}.wr-input--disabled,.wr-inputdisabled{background-color:rgba(var(--color-light-rgb),.5);color:var(--color-medium);cursor:not-allowed}.wr-password-input{display:flex;position:relative;transition:all .15s linear;width:100%}.wr-password-input>.wr-input{padding-right:1.96875rem}.wr-password-input-icon{color:#b5bccc;height:1.25rem;position:absolute;right:.46875rem;top:50%;transform:translateY(-50%);width:1.25rem}.wr-password-input-icon:hover{color:#3969e2;cursor:pointer}@-webkit-keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.wr-skeleton{--skeleton-style:var(--color-dark);background:rgba(var(--skeleton-style),.25);border-radius:.5rem;display:block;height:inherit;line-height:10px;margin-bottom:4px;margin-top:4px;overflow:hidden;pointer-events:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.wr-skeleton:after{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shimmer;animation-name:shimmer;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:linear-gradient(to right,rgba(var(--skeleton-style),.065) 8%,rgba(var(--skeleton-style),.135) 18%,rgba(var(--skeleton-style),.065) 33%);background-size:800px 104px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.wr-skeleton span{display:inline-block}.wr-spin{align-items:center;display:inline-flex;flex-direction:column;justify-content:center}.wr-spin svg{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;height:1em;width:1em}.wr-spin svg .path{stroke:currentColor;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}@-webkit-keyframes rotate{to{transform:rotate(1turn)}}@keyframes rotate{to{transform:rotate(1turn)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.wr-tag{border-radius:.25rem;display:inline-block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:.75rem;font-weight:600;height:auto;line-height:1rem;margin-right:.25rem;padding:.25rem .5rem;pointer-events:none;transition:all .15s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.wr-tag:hover{cursor:pointer}.wr-tag--hoverable{pointer-events:all}.wr-tag--rounded{border-radius:50rem}.wr-tag.wr-tag-default{background-color:#b5bccc;color:#322e4f}.wr-tag.wr-tag-default:hover{background-color:#dde3f0;color:#322e4f}.wr-tag.wr-tag-default.active,.wr-tag.wr-tag-default:active{background-color:#7985a2;color:#474868}.wr-tag.wr-tag-default>wr-icon{color:#74758e}.wr-tag.wr-tag-default.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1px #fff;color:#b5bccc}.wr-tag.wr-tag-default.wr-tag--outlined:hover{box-shadow:inset 0 0 0 1px #fff;color:#f1f3f6}.wr-tag.wr-tag-default.wr-tag--outlined.active,.wr-tag.wr-tag-default.wr-tag--outlined:active{background-color:#7985a2;box-shadow:none;color:#474868}.wr-tag.wr-tag-default.wr-tag--outlined>wr-icon{color:#d3d7e1}.wr-tag.wr-tag-default.wr-tag--transparent{background-color:rgba(181,188,204,.125);box-shadow:inset 0 0 0 1px rgba(181,188,204,.125);color:#b5bccc}.wr-tag.wr-tag-default.wr-tag--transparent:hover{background-color:#b5bccc;color:#322e4f}.wr-tag.wr-tag-default.wr-tag--transparent:hover>wr-icon{color:rgba(50,46,79,.5)}.wr-tag.wr-tag-default.wr-tag--transparent.active,.wr-tag.wr-tag-default.wr-tag--transparent:active{background-color:#7985a2;color:#474868}.wr-tag.wr-tag-default.wr-tag--transparent>wr-icon{color:#b5bccc}.wr-tag.wr-tag-primary{background-color:#3969e2;color:#fff}.wr-tag.wr-tag-primary:hover{background-color:#6d95fb;color:#fff}.wr-tag.wr-tag-primary.active,.wr-tag.wr-tag-primary:active{background-color:#173d9e;color:#b9c5e2}.wr-tag.wr-tag-primary>wr-icon{color:#9cb4f1}.wr-tag.wr-tag-primary.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1px #becef6;color:#3969e2}.wr-tag.wr-tag-primary.wr-tag--outlined:hover{box-shadow:inset 0 0 0 1px #d5dff9;color:#92acef}.wr-tag.wr-tag-primary.wr-tag--outlined.active,.wr-tag.wr-tag-primary.wr-tag--outlined:active{background-color:#173d9e;box-shadow:none;color:#b9c5e2}.wr-tag.wr-tag-primary.wr-tag--outlined>wr-icon{color:#658be9}.wr-tag.wr-tag-primary.wr-tag--transparent{background-color:rgba(57,105,226,.125);box-shadow:inset 0 0 0 1px rgba(57,105,226,.125);color:#3969e2}.wr-tag.wr-tag-primary.wr-tag--transparent:hover{background-color:#3969e2;color:#fff}.wr-tag.wr-tag-primary.wr-tag--transparent:hover>wr-icon{color:hsla(0,0%,100%,.5)}.wr-tag.wr-tag-primary.wr-tag--transparent.active,.wr-tag.wr-tag-primary.wr-tag--transparent:active{background-color:#173d9e;color:#b9c5e2}.wr-tag.wr-tag-primary.wr-tag--transparent>wr-icon{color:#3969e2}.wr-tag.wr-tag-secondary{background-color:#f51c6a;color:#000}.wr-tag.wr-tag-secondary:hover{background-color:#ff5f98;color:#000}.wr-tag.wr-tag-secondary.active,.wr-tag.wr-tag-secondary:active{background-color:#a4073f;color:#310213}.wr-tag.wr-tag-secondary>wr-icon{color:#7b0e35}.wr-tag.wr-tag-secondary.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1px #fbafca;color:#f51c6a}.wr-tag.wr-tag-secondary.wr-tag--outlined:hover{box-shadow:inset 0 0 0 1px #fdc7da;color:#f97eaa}.wr-tag.wr-tag-secondary.wr-tag--outlined.active,.wr-tag.wr-tag-secondary.wr-tag--outlined:active{background-color:#a4073f;box-shadow:none;color:#310213}.wr-tag.wr-tag-secondary.wr-tag--outlined>wr-icon{color:#f74d8a}.wr-tag.wr-tag-secondary.wr-tag--transparent{background-color:rgba(245,28,106,.125);box-shadow:inset 0 0 0 1px rgba(245,28,106,.125);color:#f51c6a}.wr-tag.wr-tag-secondary.wr-tag--transparent:hover{background-color:#f51c6a;color:#000}.wr-tag.wr-tag-secondary.wr-tag--transparent:hover>wr-icon{color:rgba(0,0,0,.5)}.wr-tag.wr-tag-secondary.wr-tag--transparent.active,.wr-tag.wr-tag-secondary.wr-tag--transparent:active{background-color:#a4073f;color:#310213}.wr-tag.wr-tag-secondary.wr-tag--transparent>wr-icon{color:#f51c6a}.wr-tag.wr-tag-success{background-color:#40da15;color:#322e4f}.wr-tag.wr-tag-success:hover{background-color:#67ff3d;color:#322e4f}.wr-tag.wr-tag-success.active,.wr-tag.wr-tag-success:active{background-color:#257d0c;color:#2e463b}.wr-tag.wr-tag-success>wr-icon{color:#398432}.wr-tag.wr-tag-success.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1px #a9f593;color:#40da15}.wr-tag.wr-tag-success.wr-tag--outlined:hover{box-shadow:inset 0 0 0 1px #bbf7ab;color:#83f065}.wr-tag.wr-tag-success.wr-tag--outlined.active,.wr-tag.wr-tag-success.wr-tag--outlined:active{background-color:#257d0c;box-shadow:none;color:#2e463b}.wr-tag.wr-tag-success.wr-tag--outlined>wr-icon{color:#5eec36}.wr-tag.wr-tag-success.wr-tag--transparent{background-color:rgba(64,218,21,.125);box-shadow:inset 0 0 0 1px rgba(64,218,21,.125);color:#40da15}.wr-tag.wr-tag-success.wr-tag--transparent:hover{background-color:#40da15;color:#322e4f}.wr-tag.wr-tag-success.wr-tag--transparent:hover>wr-icon{color:rgba(50,46,79,.5)}.wr-tag.wr-tag-success.wr-tag--transparent.active,.wr-tag.wr-tag-success.wr-tag--transparent:active{background-color:#257d0c;color:#2e463b}.wr-tag.wr-tag-success.wr-tag--transparent>wr-icon{color:#40da15}.wr-tag.wr-tag-warning{background-color:#f99b00;color:#322e4f}.wr-tag.wr-tag-warning:hover{background-color:#ffb947;color:#322e4f}.wr-tag.wr-tag-warning.active,.wr-tag.wr-tag-warning:active{background-color:#935c00;color:#4f3c37}.wr-tag.wr-tag-warning>wr-icon{color:#966528}.wr-tag.wr-tag-warning.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1px #ffd693;color:#f99b00}.wr-tag.wr-tag-warning.wr-tag--outlined:hover{box-shadow:inset 0 0 0 1px #ffe0ad;color:#ffc360}.wr-tag.wr-tag-warning.wr-tag--outlined.active,.wr-tag.wr-tag-warning.wr-tag--outlined:active{background-color:#935c00;box-shadow:none;color:#4f3c37}.wr-tag.wr-tag-warning.wr-tag--outlined>wr-icon{color:#ffb02d}.wr-tag.wr-tag-warning.wr-tag--transparent{background-color:rgba(249,155,0,.125);box-shadow:inset 0 0 0 1px rgba(249,155,0,.125);color:#f99b00}.wr-tag.wr-tag-warning.wr-tag--transparent:hover{background-color:#f99b00;color:#322e4f}.wr-tag.wr-tag-warning.wr-tag--transparent:hover>wr-icon{color:rgba(50,46,79,.5)}.wr-tag.wr-tag-warning.wr-tag--transparent.active,.wr-tag.wr-tag-warning.wr-tag--transparent:active{background-color:#935c00;color:#4f3c37}.wr-tag.wr-tag-warning.wr-tag--transparent>wr-icon{color:#f99b00}.wr-tag.wr-tag-danger{background-color:#e01d34;color:#fff}.wr-tag.wr-tag-danger:hover{background-color:#fc4d62;color:#fff}.wr-tag.wr-tag-danger.active,.wr-tag.wr-tag-danger:active{background-color:#86111f;color:#dbb8bc}.wr-tag.wr-tag-danger>wr-icon{color:#f08e9a}.wr-tag.wr-tag-danger.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1px #f3a3ac;color:#e01d34}.wr-tag.wr-tag-danger.wr-tag--outlined:hover{box-shadow:inset 0 0 0 1px #f6b9c1;color:#ed7684}.wr-tag.wr-tag-danger.wr-tag--outlined.active,.wr-tag.wr-tag-danger.wr-tag--outlined:active{background-color:#86111f;box-shadow:none;color:#dbb8bc}.wr-tag.wr-tag-danger.wr-tag--outlined>wr-icon{color:#e7495b}.wr-tag.wr-tag-danger.wr-tag--transparent{background-color:rgba(224,29,52,.125);box-shadow:inset 0 0 0 1px rgba(224,29,52,.125);color:#e01d34}.wr-tag.wr-tag-danger.wr-tag--transparent:hover{background-color:#e01d34;color:#fff}.wr-tag.wr-tag-danger.wr-tag--transparent:hover>wr-icon{color:hsla(0,0%,100%,.5)}.wr-tag.wr-tag-danger.wr-tag--transparent.active,.wr-tag.wr-tag-danger.wr-tag--transparent:active{background-color:#86111f;color:#dbb8bc}.wr-tag.wr-tag-danger.wr-tag--transparent>wr-icon{color:#e01d34}.wr-tag.wr-tag-light{background-color:#dee0e8;color:#322e4f}.wr-tag.wr-tag-light:hover{background-color:#fff;color:#322e4f}.wr-tag.wr-tag-light.active,.wr-tag.wr-tag-light:active{background-color:#a2a8be;color:#545370}.wr-tag.wr-tag-light>wr-icon{color:#88879c}.wr-tag.wr-tag-light.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1px #fff;color:#dee0e8}.wr-tag.wr-tag-light.wr-tag--outlined:hover{box-shadow:inset 0 0 0 1px #fff;color:#fff}.wr-tag.wr-tag-light.wr-tag--outlined.active,.wr-tag.wr-tag-light.wr-tag--outlined:active{background-color:#a2a8be;box-shadow:none;color:#545370}.wr-tag.wr-tag-light.wr-tag--outlined>wr-icon{color:#fcfcfd}.wr-tag.wr-tag-light.wr-tag--transparent{background-color:rgba(222,224,232,.125);box-shadow:inset 0 0 0 1px rgba(222,224,232,.125);color:#dee0e8}.wr-tag.wr-tag-light.wr-tag--transparent:hover{background-color:#dee0e8;color:#322e4f}.wr-tag.wr-tag-light.wr-tag--transparent:hover>wr-icon{color:rgba(50,46,79,.5)}.wr-tag.wr-tag-light.wr-tag--transparent.active,.wr-tag.wr-tag-light.wr-tag--transparent:active{background-color:#a2a8be;color:#545370}.wr-tag.wr-tag-light.wr-tag--transparent>wr-icon{color:#dee0e8}.wr-tag.wr-tag-medium{background-color:#b5bccc;color:#322e4f}.wr-tag.wr-tag-medium:hover{background-color:#dde3f0;color:#322e4f}.wr-tag.wr-tag-medium.active,.wr-tag.wr-tag-medium:active{background-color:#7985a2;color:#474868}.wr-tag.wr-tag-medium>wr-icon{color:#74758e}.wr-tag.wr-tag-medium.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1px #fff;color:#b5bccc}.wr-tag.wr-tag-medium.wr-tag--outlined:hover{box-shadow:inset 0 0 0 1px #fff;color:#f1f3f6}.wr-tag.wr-tag-medium.wr-tag--outlined.active,.wr-tag.wr-tag-medium.wr-tag--outlined:active{background-color:#7985a2;box-shadow:none;color:#474868}.wr-tag.wr-tag-medium.wr-tag--outlined>wr-icon{color:#d3d7e1}.wr-tag.wr-tag-medium.wr-tag--transparent{background-color:rgba(181,188,204,.125);box-shadow:inset 0 0 0 1px rgba(181,188,204,.125);color:#b5bccc}.wr-tag.wr-tag-medium.wr-tag--transparent:hover{background-color:#b5bccc;color:#322e4f}.wr-tag.wr-tag-medium.wr-tag--transparent:hover>wr-icon{color:rgba(50,46,79,.5)}.wr-tag.wr-tag-medium.wr-tag--transparent.active,.wr-tag.wr-tag-medium.wr-tag--transparent:active{background-color:#7985a2;color:#474868}.wr-tag.wr-tag-medium.wr-tag--transparent>wr-icon{color:#b5bccc}.wr-tag.wr-tag-dark{background-color:#322e4f;color:#fff}.wr-tag.wr-tag-dark:hover{background-color:#413693;color:#fff}.wr-tag.wr-tag-dark.active,.wr-tag.wr-tag-dark:active{background-color:#09080f;color:#b5b5b7}.wr-tag.wr-tag-dark>wr-icon{color:#9997a7}.wr-tag.wr-tag-dark.wr-tag--outlined{background-color:transparent;box-shadow:inset 0 0 0 1px #746caa;color:#322e4f}.wr-tag.wr-tag-dark.wr-tag--outlined:hover{box-shadow:inset 0 0 0 1px #837cb3;color:#5b548f}.wr-tag.wr-tag-dark.wr-tag--outlined.active,.wr-tag.wr-tag-dark.wr-tag--outlined:active{background-color:#09080f;box-shadow:none;color:#b5b5b7}.wr-tag.wr-tag-dark.wr-tag--outlined>wr-icon{color:#46416f}.wr-tag.wr-tag-dark.wr-tag--transparent{background-color:rgba(50,46,79,.125);box-shadow:inset 0 0 0 1px rgba(50,46,79,.125);color:#322e4f}.wr-tag.wr-tag-dark.wr-tag--transparent:hover{background-color:#322e4f;color:#fff}.wr-tag.wr-tag-dark.wr-tag--transparent:hover>wr-icon{color:hsla(0,0%,100%,.5)}.wr-tag.wr-tag-dark.wr-tag--transparent.active,.wr-tag.wr-tag-dark.wr-tag--transparent:active{background-color:#09080f;color:#b5b5b7}.wr-tag.wr-tag-dark.wr-tag--transparent>wr-icon{color:#322e4f}.wr-tag>wr-icon,.wr-tag>wr-spin{height:.75rem;margin-right:.125rem;width:.75rem}.wr-tooltip{-webkit-animation:fade-in .125s linear forwards;animation:fade-in .125s linear forwards;background:#322e4f;border-radius:.25rem;color:#fff;display:block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:.75rem;font-weight:400;line-height:1.2;margin-bottom:.5rem;opacity:1;padding:.25rem .5rem;position:relative;transition:all .15s linear}.wr-tooltip:after{border-left:.25rem solid transparent;border-right:.25rem solid transparent;border-top:.25rem solid #322e4f;bottom:-.25rem;content:"";height:0;left:0;margin:0 auto;position:absolute;right:0;width:0}.wr-tooltip__wrapper{cursor:pointer}@-webkit-keyframes fade-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.container,.container-fhd,.container-fluid,.container-lg,.container-md,.container-rt,.container-sm,.container-xga,.container-xl,.container-xxl{margin-left:auto;margin-right:auto;padding-left:.75rem;padding-right:.75rem;width:100%}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}@media (min-width:1600px){.container,.container-lg,.container-md,.container-sm,.container-xga,.container-xl,.container-xxl{max-width:1530px}}@media (min-width:1920px){.container,.container-fhd,.container-lg,.container-md,.container-sm,.container-xga,.container-xl,.container-xxl{max-width:1830px}}@media (min-width:2560px){.container,.container-fhd,.container-lg,.container-md,.container-rt,.container-sm,.container-xga,.container-xl,.container-xxl{max-width:2470px}}.row{display:flex;flex-wrap:wrap;margin-left:-.75rem;margin-right:-.75rem}.col{flex:0 0 auto;flex:1 0 0}.col,.col-1{box-sizing:border-box;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{width:16.66666667%}.col-2,.col-3{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-3{width:25%}.col-4{width:33.33333333%}.col-4,.col-5{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-5{width:41.66666667%}.col-6{width:50%}.col-6,.col-7{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-7{width:58.33333333%}.col-8{width:66.66666667%}.col-8,.col-9{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-9{width:75%}.col-10{width:83.33333333%}.col-10,.col-11{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-11{width:91.66666667%}.col-12{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem;width:100%}@media (min-width:576px){.col-sm{flex:1 0 0}.col-sm-1{width:8.33333333%}.col-sm-1,.col-sm-2{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-sm-2{width:16.66666667%}.col-sm-3{width:25%}.col-sm-3,.col-sm-4{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-sm-4{width:33.33333333%}.col-sm-5{width:41.66666667%}.col-sm-5,.col-sm-6{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-sm-6{width:50%}.col-sm-7{width:58.33333333%}.col-sm-7,.col-sm-8{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-sm-8{width:66.66666667%}.col-sm-9{width:75%}.col-sm-10,.col-sm-9{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-sm-10{width:83.33333333%}.col-sm-11{width:91.66666667%}.col-sm-11,.col-sm-12{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-sm-12{width:100%}}@media (min-width:768px){.col-md{flex:1 0 0}.col-md-1{width:8.33333333%}.col-md-1,.col-md-2{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-md-2{width:16.66666667%}.col-md-3{width:25%}.col-md-3,.col-md-4{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-md-4{width:33.33333333%}.col-md-5{width:41.66666667%}.col-md-5,.col-md-6{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-md-6{width:50%}.col-md-7{width:58.33333333%}.col-md-7,.col-md-8{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-md-8{width:66.66666667%}.col-md-9{width:75%}.col-md-10,.col-md-9{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-md-10{width:83.33333333%}.col-md-11{width:91.66666667%}.col-md-11,.col-md-12{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-md-12{width:100%}}@media (min-width:992px){.col-lg{flex:1 0 0}.col-lg-1{width:8.33333333%}.col-lg-1,.col-lg-2{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-lg-2{width:16.66666667%}.col-lg-3{width:25%}.col-lg-3,.col-lg-4{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-lg-4{width:33.33333333%}.col-lg-5{width:41.66666667%}.col-lg-5,.col-lg-6{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-lg-6{width:50%}.col-lg-7{width:58.33333333%}.col-lg-7,.col-lg-8{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-lg-8{width:66.66666667%}.col-lg-9{width:75%}.col-lg-10,.col-lg-9{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-lg-10{width:83.33333333%}.col-lg-11{width:91.66666667%}.col-lg-11,.col-lg-12{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-lg-12{width:100%}}@media (min-width:1200px){.col-xl{flex:1 0 0}.col-xl-1{width:8.33333333%}.col-xl-1,.col-xl-2{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-xl-2{width:16.66666667%}.col-xl-3{width:25%}.col-xl-3,.col-xl-4{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-xl-4{width:33.33333333%}.col-xl-5{width:41.66666667%}.col-xl-5,.col-xl-6{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-xl-6{width:50%}.col-xl-7{width:58.33333333%}.col-xl-7,.col-xl-8{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-xl-8{width:66.66666667%}.col-xl-9{width:75%}.col-xl-10,.col-xl-9{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-xl-10{width:83.33333333%}.col-xl-11{width:91.66666667%}.col-xl-11,.col-xl-12{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-xl-12{width:100%}}@media (min-width:1400px){.col-xxl{flex:1 0 0}.col-xxl-1{width:8.33333333%}.col-xxl-1,.col-xxl-2{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-xxl-2{width:16.66666667%}.col-xxl-3{width:25%}.col-xxl-3,.col-xxl-4{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-xxl-4{width:33.33333333%}.col-xxl-5{width:41.66666667%}.col-xxl-5,.col-xxl-6{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-xxl-6{width:50%}.col-xxl-7{width:58.33333333%}.col-xxl-7,.col-xxl-8{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-xxl-8{width:66.66666667%}.col-xxl-9{width:75%}.col-xxl-10,.col-xxl-9{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-xxl-10{width:83.33333333%}.col-xxl-11{width:91.66666667%}.col-xxl-11,.col-xxl-12{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-xxl-12{width:100%}}@media (min-width:1600px){.col-xga{flex:1 0 0}.col-xga-1{width:8.33333333%}.col-xga-1,.col-xga-2{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-xga-2{width:16.66666667%}.col-xga-3{width:25%}.col-xga-3,.col-xga-4{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-xga-4{width:33.33333333%}.col-xga-5{width:41.66666667%}.col-xga-5,.col-xga-6{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-xga-6{width:50%}.col-xga-7{width:58.33333333%}.col-xga-7,.col-xga-8{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-xga-8{width:66.66666667%}.col-xga-9{width:75%}.col-xga-10,.col-xga-9{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-xga-10{width:83.33333333%}.col-xga-11{width:91.66666667%}.col-xga-11,.col-xga-12{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-xga-12{width:100%}}@media (min-width:1920px){.col-fhd{flex:1 0 0}.col-fhd-1{width:8.33333333%}.col-fhd-1,.col-fhd-2{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-fhd-2{width:16.66666667%}.col-fhd-3{width:25%}.col-fhd-3,.col-fhd-4{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-fhd-4{width:33.33333333%}.col-fhd-5{width:41.66666667%}.col-fhd-5,.col-fhd-6{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-fhd-6{width:50%}.col-fhd-7{width:58.33333333%}.col-fhd-7,.col-fhd-8{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-fhd-8{width:66.66666667%}.col-fhd-9{width:75%}.col-fhd-10,.col-fhd-9{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-fhd-10{width:83.33333333%}.col-fhd-11{width:91.66666667%}.col-fhd-11,.col-fhd-12{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-fhd-12{width:100%}}@media (min-width:2560px){.col-rt{flex:1 0 0}.col-rt-1{width:8.33333333%}.col-rt-1,.col-rt-2{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-rt-2{width:16.66666667%}.col-rt-3{width:25%}.col-rt-3,.col-rt-4{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-rt-4{width:33.33333333%}.col-rt-5{width:41.66666667%}.col-rt-5,.col-rt-6{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-rt-6{width:50%}.col-rt-7{width:58.33333333%}.col-rt-7,.col-rt-8{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-rt-8{width:66.66666667%}.col-rt-9{width:75%}.col-rt-10,.col-rt-9{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-rt-10{width:83.33333333%}.col-rt-11{width:91.66666667%}.col-rt-11,.col-rt-12{box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}.col-rt-12{width:100%}}.cdk-overlay-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1000}.cdk-visually-hidden{clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none;border:0;height:1px;margin:-1px;outline:0;overflow:hidden;padding:0;position:absolute;width:1px}.cdk-overlay-backdrop{-webkit-tap-highlight-color:transparent;bottom:0;left:0;opacity:0;pointer-events:auto;position:absolute;right:0;top:0;transition:opacity .4s cubic-bezier(.25,.8,.25,1);z-index:1000}.cdk-overlay-backdrop.wr-modal-mask{opacity:1}.cdk-overlay-pane{pointer-events:auto;position:absolute;z-index:1000}.cdk-overlay-connected-position-bounding-box{display:flex;flex-direction:column;min-height:1px;min-width:1px;position:absolute;z-index:1000}.cdk-global-scrollblock{overflow-y:scroll;position:fixed;width:100%}.cdk-global-scrollblock body{overflow-x:visible}.wr-overlay-transparent-backdrop,.wr-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.wr-animate-disabled.wr-drawer.wr-drawer-open .wr-drawer-mask,.wr-animate-disabled.wr-scroll-number-only{-webkit-animation:none;animation:none;transition:none}.wr-animate-disabled.wr-drawer>*{transition:none}.wr-animate-disabled .wr-modal,.wr-animate-disabled .wr-modal-mask,.wr-animate-disabled .wr-modal-mask.zoom-enter,.wr-animate-disabled .wr-modal-mask.zoom-enter-active,.wr-animate-disabled .wr-modal-mask.zoom-leave,.wr-animate-disabled .wr-modal-mask.zoom-leave-active,.wr-animate-disabled .wr-modal.zoom-enter,.wr-animate-disabled .wr-modal.zoom-enter-active,.wr-animate-disabled .wr-modal.zoom-leave,.wr-animate-disabled .wr-modal.zoom-leave-active{-webkit-animation:none;animation:none;transition:none}.wr-animate-disabled.wr-collapse>.wr-collapse-item>.wr-collapse-header .wr-collapse-arrow svg,.wr-animate-disabled.wr-menu,.wr-animate-disabled.wr-menu .wr-menu-item,.wr-animate-disabled.wr-menu .wr-menu-item .wricon,.wr-animate-disabled.wr-menu .wr-menu-item .wricon+span,.wr-animate-disabled.wr-menu .wr-menu-submenu-title,.wr-animate-disabled.wr-menu .wr-menu-submenu-title .wricon,.wr-animate-disabled.wr-menu .wr-menu-submenu-title .wricon+span,.wr-animate-disabled.wr-tabs .wr-tabs-bottom-content.wr-tabs-content-animated,.wr-animate-disabled.wr-tabs .wr-tabs-bottom-content>.wr-tabs-tabpane,.wr-animate-disabled.wr-tabs .wr-tabs-top-content.wr-tabs-content-animated,.wr-animate-disabled.wr-tabs .wr-tabs-top-content>.wr-tabs-tabpane,.wr-animate-disabled.wr-tabs.wr-tabs-bottom .wr-tabs-ink-bar-animated,.wr-animate-disabled.wr-tabs.wr-tabs-left .wr-tabs-ink-bar-animated,.wr-animate-disabled.wr-tabs.wr-tabs-right .wr-tabs-ink-bar-animated,.wr-animate-disabled.wr-tabs.wr-tabs-top .wr-tabs-ink-bar-animated{transition:none}
File without changes
@@ -0,0 +1,22 @@
1
+ import { ChangeDetectorRef, ElementRef, OnChanges, OnInit, Renderer2, SimpleChanges } from '@angular/core';
2
+ import { BooleanInput } from '../_core';
3
+ import * as i0 from "@angular/core";
4
+ export declare type WrTagColor = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'dark';
5
+ export declare class WrTagComponent implements OnInit, OnChanges {
6
+ private readonly cdr;
7
+ private readonly elRef;
8
+ private readonly r2;
9
+ color: WrTagColor;
10
+ transparent: BooleanInput;
11
+ loading: BooleanInput;
12
+ outlined: BooleanInput;
13
+ rounded: BooleanInput;
14
+ hoverable: BooleanInput;
15
+ private readonly baseClass;
16
+ constructor(cdr: ChangeDetectorRef, elRef: ElementRef, r2: Renderer2);
17
+ ngOnInit(): void;
18
+ ngOnChanges(changes: SimpleChanges): void;
19
+ private setClasses;
20
+ static ɵfac: i0.ɵɵFactoryDeclaration<WrTagComponent, never>;
21
+ static ɵcmp: i0.ɵɵComponentDeclaration<WrTagComponent, "wr-tag", never, { "color": "color"; "transparent": "transparent"; "loading": "loading"; "outlined": "outlined"; "rounded": "rounded"; "hoverable": "hoverable"; }, {}, never, ["*"], false>;
22
+ }
@@ -0,0 +1,9 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./tag.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "../spinner/spinner.module";
5
+ export declare class WrTagModule {
6
+ static ɵfac: i0.ɵɵFactoryDeclaration<WrTagModule, never>;
7
+ static ɵmod: i0.ɵɵNgModuleDeclaration<WrTagModule, [typeof i1.WrTagComponent], [typeof i2.CommonModule, typeof i3.WrSpinnerModule], [typeof i1.WrTagComponent]>;
8
+ static ɵinj: i0.ɵɵInjectorDeclaration<WrTagModule>;
9
+ }
@@ -1,132 +0,0 @@
1
- import {
2
- AfterViewInit,
3
- ChangeDetectionStrategy,
4
- ChangeDetectorRef,
5
- Component,
6
- ElementRef,
7
- Input,
8
- NgZone, OnChanges,
9
- OnDestroy,
10
- OnInit,
11
- Renderer2, SimpleChanges,
12
- ViewEncapsulation
13
- } from '@angular/core';
14
- import { fromEvent, Subject } from 'rxjs';
15
- import { takeUntil } from 'rxjs/operators';
16
- import { InputBoolean } from '../core/util';
17
-
18
- export type WalrusButtonColor = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
19
- export type WalrusButtonSize = 'default' | 'small';
20
-
21
- @Component({
22
- selector: 'wr-btn, [wr-btn]',
23
- exportAs: 'wrButton',
24
- preserveWhitespaces: false,
25
- changeDetection: ChangeDetectionStrategy.OnPush,
26
- encapsulation: ViewEncapsulation.None,
27
- template: `<ng-content></ng-content><wr-spin *ngIf="loading"></wr-spin>`
28
- })
29
- export class WalrusButtonComponent implements OnInit, OnDestroy, AfterViewInit, OnChanges {
30
- @Input() color: WalrusButtonColor = 'primary';
31
- @Input() size: WalrusButtonSize = 'default';
32
-
33
- @Input() @InputBoolean() disabled: boolean | string = false;
34
- @Input() @InputBoolean() outlined: boolean | string = false;
35
- @Input() @InputBoolean() rounded: boolean | string = false;
36
- @Input() @InputBoolean() loading: boolean | string = false;
37
- @Input() @InputBoolean() block: boolean | string = false;
38
-
39
- private readonly baseClass: string = 'wr-btn';
40
- private destroy$: Subject<void> = new Subject<void>();
41
-
42
- constructor(
43
- private readonly cdr: ChangeDetectorRef,
44
- private readonly elRef: ElementRef,
45
- private readonly ngZone: NgZone,
46
- private readonly r2: Renderer2,
47
- ) {}
48
-
49
- ngOnInit(): void {
50
- this.setClasses();
51
-
52
- this.ngZone.runOutsideAngular(() => {
53
- /**
54
- * Caretaker note: this event listener could've been added through `host.click` or `HostListener`.
55
- * The compiler generates the `ɵɵlistener` instruction which wraps the actual listener internally into the
56
- * function, which runs `markDirty()` before running the actual listener (the decorated class method).
57
- * Since we're preventing the default behavior and stopping event propagation
58
- * this doesn't require Angular to run the change detection.
59
- */
60
- fromEvent<MouseEvent>(this.elRef.nativeElement, 'click')
61
- .pipe(takeUntil(this.destroy$))
62
- .subscribe(event => {
63
- if (this.disabled && (event.target as HTMLElement)?.tagName === 'A') {
64
- event.preventDefault();
65
- event.stopImmediatePropagation();
66
- }
67
- });
68
- });
69
- }
70
-
71
- ngAfterViewInit(): void {
72
- this.insertSpan(this.elRef.nativeElement.childNodes, this.r2);
73
- }
74
-
75
- ngOnDestroy(): void {
76
- this.destroy$.next();
77
- this.destroy$.complete();
78
- }
79
-
80
- ngOnChanges(changes: SimpleChanges) {
81
- if (!changes['disabled']?.currentValue) {
82
- this.r2.removeClass(this.elRef.nativeElement, `${this.baseClass}--disabled`);
83
- }
84
- if (!changes['disabled']?.currentValue) {
85
- this.r2.removeClass(this.elRef.nativeElement, `${this.baseClass}--loading`);
86
- }
87
- this.setClasses();
88
- this.cdr.detectChanges();
89
- }
90
-
91
- private insertSpan(nodes: NodeList, renderer: Renderer2): void {
92
- nodes.forEach(node => {
93
- if (node.nodeName === '#text') {
94
- const span = renderer.createElement('span');
95
- renderer.addClass(span, 'wr-btn__text');
96
- const parent = renderer.parentNode(node);
97
- renderer.insertBefore(parent, span, node);
98
- renderer.appendChild(span, node);
99
- }
100
- });
101
- }
102
-
103
- private setClasses() {
104
- const el = this.elRef.nativeElement;
105
- const add = (klass: string) => this.r2.addClass(el, `${this.baseClass}-${klass}`);
106
-
107
- this.r2.addClass(el, this.baseClass);
108
- add(this.color);
109
-
110
- if (this.rounded) {
111
- add(`-rounded`);
112
- }
113
-
114
- if (this.loading) {
115
- add(`-loading`);
116
- }
117
-
118
- if (this.block) {
119
- add(`-block`);
120
- }
121
-
122
- add(`-${this.size}`);
123
-
124
- if (this.outlined) {
125
- add(`-outlined`);
126
- }
127
-
128
- if (this.disabled) {
129
- add('-disabled');
130
- }
131
- }
132
- }
@@ -1,11 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { NgModule } from '@angular/core';
3
- import { WalrusSpinnerModule } from '../spinner';
4
- import { WalrusButtonComponent } from './button.component';
5
-
6
- @NgModule({
7
- imports: [CommonModule, WalrusSpinnerModule],
8
- declarations: [WalrusButtonComponent],
9
- exports: [WalrusButtonComponent],
10
- })
11
- export class WalrusButtonModule {}
@@ -1,2 +0,0 @@
1
- export type BooleanInput = boolean | string | undefined | null;
2
- export type NumberInput = number | string | undefined | null;
@@ -1,3 +0,0 @@
1
- export * from './convert-input';
2
- export * from './indexable';
3
- export * from './ng-class';
@@ -1,3 +0,0 @@
1
- export interface IndexableObject {
2
- [key: string]: any;
3
- }
@@ -1,11 +0,0 @@
1
- export type NgClassType = string | string[] | Set<string> | NgClassInterface;
2
-
3
- // use klass vs class
4
- export interface NgClassInterface {
5
- [klass: string]: any;
6
- }
7
-
8
- // use klass vs class
9
- export interface NgStyleInterface {
10
- [klass: string]: any;
11
- }
@@ -1,63 +0,0 @@
1
- import { coerceBooleanProperty } from '@angular/cdk/coercion';
2
-
3
- export function toBoolean(value: boolean | string): boolean {
4
- return coerceBooleanProperty(value);
5
- }
6
-
7
- function propDecoratorFactory<T, D>(
8
- name: string,
9
- fallback: (v: T) => D
10
- ): (target: any, propName: string) => void {
11
- function propDecorator(
12
- target: any,
13
- propName: string,
14
- originalDescriptor?: TypedPropertyDescriptor<any>
15
- ): any {
16
- const privatePropName = `$$__walrusPropDecorator__${propName}`;
17
-
18
- if (Object.prototype.hasOwnProperty.call(target, privatePropName)) {
19
- console.warn(`The prop "${privatePropName}" is already exist, it will be overrided by ${name} decorator.`);
20
- }
21
-
22
- Object.defineProperty(target, privatePropName, {
23
- configurable: true,
24
- writable: true
25
- });
26
-
27
- return {
28
- get(): string {
29
- return originalDescriptor && originalDescriptor.get
30
- ? originalDescriptor.get.bind(this)()
31
- : this[privatePropName];
32
- },
33
- set(value: T): void {
34
- if (originalDescriptor && originalDescriptor.set) {
35
- originalDescriptor.set.bind(this)(fallback(value));
36
- }
37
- this[privatePropName] = fallback(value);
38
- }
39
- };
40
- }
41
-
42
- return propDecorator;
43
- }
44
-
45
- /**
46
- * Input decorator that handle a prop to do get/set automatically with toBoolean
47
- *
48
- * Why not using @InputBoolean alone without @Input? AOT needs @Input to be visible
49
- *
50
- * @howToUse
51
- * ```
52
- * @Input() @InputBoolean() visible: boolean = false;
53
- *
54
- * // Act as below:
55
- * // @Input()
56
- * // get visible() { return this.__visible; }
57
- * // set visible(value) { this.__visible = value; }
58
- * // __visible = false;
59
- * ```
60
- */
61
- export function InputBoolean(): any {
62
- return propDecoratorFactory('InputBoolean', toBoolean);
63
- }
@@ -1 +0,0 @@
1
- export * from './convert';
@@ -1,13 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';
2
-
3
- @Component({
4
- selector: 'wr-divider',
5
- exportAs: 'wrDivider',
6
- preserveWhitespaces: false,
7
- template: '',
8
- changeDetection: ChangeDetectionStrategy.OnPush,
9
- encapsulation: ViewEncapsulation.None
10
- })
11
- export class WalrusDividerComponent {
12
- @HostBinding('class') classes = `wr-divider`;
13
- }
@@ -1,10 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { NgModule } from '@angular/core';
3
- import { WalrusDividerComponent } from './divider.component';
4
-
5
- @NgModule({
6
- imports: [CommonModule],
7
- declarations: [WalrusDividerComponent],
8
- exports: [WalrusDividerComponent]
9
- })
10
- export class WalrusDividerModule {}
@@ -1,13 +0,0 @@
1
- <div class="wr-extended-input-prefix" *ngIf="prefix">
2
- <span class="wr-extended-input-prefix__text" >{{ prefix }}</span>
3
- </div>
4
- <input
5
- wr-input
6
- [disabled]="disabled"
7
- [value]="value"
8
- (focusout)="onFocusOut()"
9
- (input)="onInput($event)"
10
- >
11
- <div class="wr-extended-input-suffix" *ngIf="suffix">
12
- <span class="wr-extended-input-suffix__text" >{{ suffix }}</span>
13
- </div>
@@ -1,77 +0,0 @@
1
- import {
2
- Component,
3
- ElementRef,
4
- HostBinding,
5
- Input,
6
- OnInit,
7
- Optional,
8
- Renderer2,
9
- Self,
10
- ViewEncapsulation
11
- } from '@angular/core';
12
- import { ControlValueAccessor, NgControl } from '@angular/forms';
13
-
14
- @Component({
15
- selector: 'wr-extended-input',
16
- templateUrl: './extended-input.component.html',
17
- encapsulation: ViewEncapsulation.None
18
- })
19
- export class WalrusExtendedInputComponent implements ControlValueAccessor, OnInit {
20
- @HostBinding('class') class = 'wr-extended-input';
21
- @Input() suffix?: string;
22
- @Input() prefix?: string;
23
-
24
- public disabled: boolean = false;
25
- public value: string | undefined = undefined;
26
- public touched = false;
27
-
28
- constructor(
29
- @Optional() @Self() public ngControl: NgControl,
30
- private readonly elRef: ElementRef,
31
- private readonly r2: Renderer2
32
- ) {
33
- if (ngControl !== null) {
34
- ngControl.valueAccessor = this;
35
- }
36
- }
37
-
38
- public ngOnInit(): void {
39
- const el = this.elRef.nativeElement;
40
- const add = (klass: string) => this.r2.addClass(el, `${this.class}-${klass}`);
41
-
42
- if (this.suffix) {
43
- add('-has-suffix')
44
- }
45
-
46
- if (this.prefix) {
47
- add('-has-prefix')
48
- }
49
- }
50
-
51
- onInput($event: any): void {
52
- this.value = $event.currentTarget.value;
53
- this.touched = true;
54
- this.onChange(this.value);
55
- }
56
-
57
- onChange = (value: any) => {};
58
-
59
- onTouched = () => {};
60
-
61
- onFocusOut(): void {
62
- this.touched = true;
63
- this.onTouched();
64
- }
65
-
66
- registerOnChange(fn: any) {
67
- this.onChange = fn;
68
- }
69
-
70
- registerOnTouched(fn: any) {
71
- this.onTouched = fn;
72
- }
73
-
74
- writeValue(obj: any): void {
75
- this.value = obj;
76
- }
77
- }
@@ -1,17 +0,0 @@
1
- import { PlatformModule } from '@angular/cdk/platform';
2
- import { CommonModule } from '@angular/common';
3
- import { NgModule } from '@angular/core';
4
-
5
- import { WalrusInputModule } from '../input';
6
- import { WalrusExtendedInputComponent } from './extended-input.component';
7
-
8
- @NgModule({
9
- imports: [
10
- CommonModule,
11
- PlatformModule,
12
- WalrusInputModule,
13
- ],
14
- declarations: [WalrusExtendedInputComponent],
15
- exports: [WalrusExtendedInputComponent]
16
- })
17
- export class WalrusExtendedInputModule {}
@@ -1,20 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, HostBinding, OnDestroy, ViewEncapsulation } from '@angular/core';
2
- import { Subject } from 'rxjs';
3
-
4
- @Component({
5
- selector: 'wr-form-error',
6
- exportAs: 'wrFormError',
7
- preserveWhitespaces: false,
8
- changeDetection: ChangeDetectionStrategy.OnPush,
9
- encapsulation: ViewEncapsulation.None,
10
- template: `<ng-content></ng-content>`
11
- })
12
- export class WalrusFormErrorComponent implements OnDestroy {
13
- @HostBinding() class = 'wr-form-error';
14
- private destroy$ = new Subject();
15
-
16
- ngOnDestroy(): void {
17
- this.destroy$.next(null);
18
- this.destroy$.complete();
19
- }
20
- }
@@ -1,60 +0,0 @@
1
- import {
2
- ChangeDetectionStrategy,
3
- ChangeDetectorRef,
4
- Component,
5
- ElementRef, Input, OnChanges,
6
- OnDestroy, OnInit, Renderer2, SimpleChanges,
7
- ViewEncapsulation
8
- } from '@angular/core';
9
- import { Subject } from 'rxjs';
10
- import { InputBoolean } from '../core/util';
11
-
12
- @Component({
13
- selector: 'wr-form-item',
14
- exportAs: 'wrFormItem',
15
- preserveWhitespaces: false,
16
- changeDetection: ChangeDetectionStrategy.OnPush,
17
- encapsulation: ViewEncapsulation.None,
18
- template: `<ng-content></ng-content>`
19
- })
20
- export class WalrusFormItemComponent implements OnInit, OnDestroy, OnChanges {
21
- @Input() @InputBoolean() hasError: boolean = false;
22
-
23
- private readonly destroy$ = new Subject();
24
-
25
- constructor(
26
- private readonly cdr: ChangeDetectorRef,
27
- private readonly el: ElementRef,
28
- private readonly r2: Renderer2,
29
- ) {}
30
-
31
- public ngOnInit(): void {
32
- this.setClasses();
33
- }
34
-
35
- public ngOnDestroy(): void {
36
- this.destroy$.next(null);
37
- this.destroy$.complete();
38
- }
39
-
40
- public ngOnChanges(changes: SimpleChanges): void {
41
- const baseClass = 'wr-form-item';
42
- if (!changes['hasError']?.currentValue) {
43
- this.r2.removeClass(this.el.nativeElement, `${baseClass}--has-error`);
44
- }
45
- this.setClasses();
46
- this.cdr.detectChanges();
47
- }
48
-
49
- private setClasses(): void {
50
- const baseClass = 'wr-form-item';
51
- const el = this.el.nativeElement;
52
- const add = (klass: string) => this.r2.addClass(el, `${baseClass}-${klass}`);
53
-
54
- this.r2.addClass(el, baseClass);
55
-
56
- if (this.hasError) {
57
- add('-has-error');
58
- }
59
- }
60
- }
@@ -1,17 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { NgModule } from '@angular/core';
3
- import { WalrusFormItemComponent } from './form-item.component';
4
- import { WalrusFormErrorComponent } from './form-error.component';
5
-
6
- @NgModule({
7
- imports: [CommonModule],
8
- declarations: [
9
- WalrusFormItemComponent,
10
- WalrusFormErrorComponent
11
- ],
12
- exports: [
13
- WalrusFormItemComponent,
14
- WalrusFormErrorComponent
15
- ]
16
- })
17
- export class WalrusFormModule {}