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.
- package/LICENSE +21 -0
- package/README.md +30 -0
- package/_core/components/base.component.d.ts +11 -0
- package/_core/constants/style-prefix.d.ts +1 -0
- package/_core/index.d.ts +4 -0
- package/_core/types/boolean-input.d.ts +1 -0
- package/_core/util/convert.d.ts +18 -0
- package/button/button.component.d.ts +27 -0
- package/button/button.module.d.ts +9 -0
- package/button/{index.ts → index.d.ts} +0 -0
- package/divider/divider.component.d.ts +6 -0
- package/divider/divider.module.d.ts +7 -0
- package/divider/{index.ts → index.d.ts} +0 -0
- package/esm2020/_core/components/base.component.mjs +23 -0
- package/esm2020/_core/constants/style-prefix.mjs +2 -0
- package/esm2020/_core/index.mjs +9 -0
- package/esm2020/_core/types/boolean-input.mjs +2 -0
- package/esm2020/_core/util/convert.mjs +50 -0
- package/esm2020/button/button.component.mjs +132 -0
- package/esm2020/button/button.module.mjs +19 -0
- package/esm2020/button/index.mjs +3 -0
- package/esm2020/divider/divider.component.mjs +23 -0
- package/esm2020/divider/divider.module.mjs +16 -0
- package/esm2020/divider/index.mjs +3 -0
- package/esm2020/extended-input/extended-input.component.mjs +68 -0
- package/esm2020/extended-input/extended-input.module.mjs +28 -0
- package/esm2020/extended-input/index.mjs +3 -0
- package/esm2020/form/form-error.component.mjs +23 -0
- package/esm2020/form/form-item.component.mjs +48 -0
- package/esm2020/form/form.module.mjs +27 -0
- package/esm2020/form/index.mjs +4 -0
- package/esm2020/icon/index.mjs +5 -0
- package/esm2020/icon/wr-icon.component.mjs +51 -0
- package/esm2020/icon/wr-icon.module.mjs +21 -0
- package/esm2020/icon/wr-icon.service.mjs +30 -0
- package/esm2020/icon/wr-icons.mjs +244 -0
- package/esm2020/input/index.mjs +3 -0
- package/esm2020/input/input.directive.mjs +61 -0
- package/esm2020/input/input.module.mjs +19 -0
- package/esm2020/ngwr.mjs +5 -0
- package/esm2020/password-input/index.mjs +3 -0
- package/esm2020/password-input/password-input.component.mjs +58 -0
- package/esm2020/password-input/password-input.module.mjs +36 -0
- package/esm2020/public-api.mjs +11 -0
- package/esm2020/skeleton/index.mjs +3 -0
- package/esm2020/skeleton/skeleton.component.mjs +31 -0
- package/esm2020/skeleton/skeleton.module.mjs +19 -0
- package/esm2020/spinner/index.mjs +3 -0
- package/esm2020/spinner/spinner.component.mjs +23 -0
- package/esm2020/spinner/spinner.module.mjs +16 -0
- package/esm2020/tag/index.mjs +3 -0
- package/esm2020/tag/tag.component.mjs +84 -0
- package/esm2020/tag/tag.module.mjs +19 -0
- package/extended-input/extended-input.component.d.ts +25 -0
- package/extended-input/extended-input.module.d.ts +10 -0
- package/extended-input/{index.ts → index.d.ts} +0 -0
- package/fesm2015/ngwr.mjs +1092 -0
- package/fesm2015/ngwr.mjs.map +1 -0
- package/fesm2020/ngwr.mjs +1082 -0
- package/fesm2020/ngwr.mjs.map +1 -0
- package/form/form-error.component.d.ts +6 -0
- package/form/form-item.component.d.ts +16 -0
- package/form/form.module.d.ts +9 -0
- package/form/{index.ts → index.d.ts} +0 -0
- package/icon/index.d.ts +4 -0
- package/icon/wr-icon.component.d.ts +16 -0
- package/icon/wr-icon.module.d.ts +9 -0
- package/icon/wr-icon.service.d.ts +17 -0
- package/icon/wr-icons.d.ts +343 -0
- package/index.d.ts +5 -0
- package/input/{index.ts → index.d.ts} +0 -0
- package/input/input.directive.d.ts +18 -0
- package/input/input.module.d.ts +9 -0
- package/logo.svg +1 -0
- package/package.json +33 -15
- package/password-input/{index.ts → index.d.ts} +0 -0
- package/password-input/password-input.component.d.ts +21 -0
- package/password-input/password-input.module.d.ts +11 -0
- package/{public-api.ts → public-api.d.ts} +0 -0
- package/skeleton/{index.ts → index.d.ts} +0 -0
- package/skeleton/skeleton.component.d.ts +11 -0
- package/skeleton/skeleton.module.d.ts +9 -0
- package/spinner/{index.ts → index.d.ts} +0 -0
- package/spinner/spinner.component.d.ts +6 -0
- package/spinner/spinner.module.d.ts +7 -0
- package/styles/components/tag.scss +2 -2
- package/styles/index.scss +8 -9
- package/styles.css +4 -0
- package/tag/{index.ts → index.d.ts} +0 -0
- package/tag/tag.component.d.ts +22 -0
- package/tag/tag.module.d.ts +9 -0
- package/button/button.component.ts +0 -132
- package/button/button.module.ts +0 -11
- package/core/types/convert-input.ts +0 -2
- package/core/types/index.ts +0 -3
- package/core/types/indexable.ts +0 -3
- package/core/types/ng-class.ts +0 -11
- package/core/util/convert.ts +0 -63
- package/core/util/index.ts +0 -1
- package/divider/divider.component.ts +0 -13
- package/divider/divider.module.ts +0 -10
- package/extended-input/extended-input.component.html +0 -13
- package/extended-input/extended-input.component.ts +0 -77
- package/extended-input/extended-input.module.ts +0 -17
- package/form/form-error.component.ts +0 -20
- package/form/form-item.component.ts +0 -60
- package/form/form.module.ts +0 -17
- package/icon/icon.component.ts +0 -45
- package/icon/icons.ts +0 -229
- package/icon/index.ts +0 -3
- package/icon/walrus-icons-registry.service.ts +0 -20
- package/icon/walrus-icons.module.ts +0 -16
- package/index.ts +0 -1
- package/input/input.directive.ts +0 -65
- package/input/input.module.ts +0 -16
- package/ng-package.json +0 -11
- package/password-input/password-input.component.html +0 -10
- package/password-input/password-input.component.ts +0 -56
- package/password-input/password-input.module.ts +0 -28
- package/skeleton/skeleton.component.ts +0 -38
- package/skeleton/skeleton.module.ts +0 -11
- package/spinner/spinner.component.ts +0 -11
- package/spinner/spinner.module.ts +0 -10
- package/tag/tag.component.ts +0 -92
- package/tag/tag.module.ts +0 -11
- package/tsconfig.lib.json +0 -15
- 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
|
-
}
|
package/button/button.module.ts
DELETED
|
@@ -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 {}
|
package/core/types/index.ts
DELETED
package/core/types/indexable.ts
DELETED
package/core/types/ng-class.ts
DELETED
|
@@ -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
|
-
}
|
package/core/util/convert.ts
DELETED
|
@@ -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
|
-
}
|
package/core/util/index.ts
DELETED
|
@@ -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
|
-
}
|
package/form/form.module.ts
DELETED
|
@@ -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 {}
|