@kuzntsv/uikit 1.0.85 → 1.0.87
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.
|
@@ -85,8 +85,8 @@ var LoginFormComponent = class LoginFormComponent {
|
|
|
85
85
|
} },
|
|
86
86
|
outputs: { submitted: "submitted" },
|
|
87
87
|
ngImport: i0,
|
|
88
|
-
template: "<mat-card appearance=\"outlined\">\r\n <mat-card-header>\r\n <mat-card-title> Авторизация </mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <form [formRoot]=\"form\">\r\n <mat-form-field>\r\n <mat-label>Имя пользователя</mat-label>\r\n <input\r\n type=\"text\"\r\n matInput\r\n autocomplete=\"on\"\r\n placeholder=\"Имя пользователя\"\r\n [formField]=\"form.username\"\r\n />\r\n @if (form.username().invalid()) {\r\n @for (error of form.username().errors(); track error) {\r\n <mat-error>{{ error.message }}</mat-error>\r\n }\r\n }\r\n </mat-form-field>\r\n\r\n <mat-form-field>\r\n <mat-label>Пароль</mat-label>\r\n <input\r\n [type]=\"isHidePassword() ? 'password' : 'text'\"\r\n matInput\r\n placeholder=\"Пароль\"\r\n [formField]=\"form.password\"\r\n />\r\n <mat-icon\r\n class=\"watcher\"\r\n matSuffix\r\n (mousedown)=\"showPassword()\"\r\n (mouseup)=\"hidePassword()\"\r\n >{{ isHidePassword() ? \"visibility_off\" : \"visibility\" }}</mat-icon\r\n >\r\n @if (form.password().invalid()) {\r\n @for (error of form.password().errors(); track error) {\r\n <mat-error>{{ error.message }}</mat-error>\r\n }\r\n }\r\n </mat-form-field>\r\n\r\n <div class=\"loginButtons\">\r\n <button\r\n type=\"submit\"\r\n mat-button\r\n mat-stroked-button\r\n color=\"primary\"\r\n [disabled]=\"!form().valid() || pending()\"\r\n >\r\n Войти\r\n </button>\r\n </div>\r\n </form>\r\n </mat-card-content>\r\n</mat-card>\r\n",
|
|
89
|
-
styles: [":host{display:flex;justify-content:center;margin:32px 0}.
|
|
88
|
+
template: "<mat-card appearance=\"outlined\">\r\n <mat-card-header>\r\n <mat-card-title> Авторизация </mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <form [formRoot]=\"form\">\r\n <mat-form-field class=\"login-field\">\r\n <mat-label>Имя пользователя</mat-label>\r\n <input\r\n type=\"text\"\r\n matInput\r\n autocomplete=\"on\"\r\n placeholder=\"Имя пользователя\"\r\n [formField]=\"form.username\"\r\n />\r\n @if (form.username().touched() && form.username().invalid()) {\r\n @for (error of form.username().errors(); track error) {\r\n <mat-error>{{ error.message }}</mat-error>\r\n }\r\n }\r\n </mat-form-field>\r\n\r\n <mat-form-field class=\"login-field\">\r\n <mat-label>Пароль</mat-label>\r\n <input\r\n [type]=\"isHidePassword() ? 'password' : 'text'\"\r\n matInput\r\n placeholder=\"Пароль\"\r\n [formField]=\"form.password\"\r\n />\r\n <mat-icon\r\n class=\"watcher\"\r\n matSuffix\r\n (mousedown)=\"showPassword()\"\r\n (mouseup)=\"hidePassword()\"\r\n >{{ isHidePassword() ? \"visibility_off\" : \"visibility\" }}</mat-icon\r\n >\r\n @if (form.password().touched() && form.password().invalid()) {\r\n @for (error of form.password().errors(); track error) {\r\n <mat-error>{{ error.message }}</mat-error>\r\n }\r\n }\r\n </mat-form-field>\r\n\r\n <div class=\"loginButtons\">\r\n <button\r\n type=\"submit\"\r\n mat-button\r\n mat-stroked-button\r\n color=\"primary\"\r\n [disabled]=\"!form().valid() || pending()\"\r\n >\r\n Войти\r\n </button>\r\n </div>\r\n </form>\r\n </mat-card-content>\r\n</mat-card>\r\n",
|
|
89
|
+
styles: [":host{display:flex;justify-content:center;margin:32px 0}form{display:flex;flex-direction:column;gap:16px}.login-field{width:100%;min-width:300px}mat-card-header{justify-content:center}mat-card-content{font-size:16px}.loginButtons{display:flex;flex-direction:row;justify-content:flex-end}.watcher{cursor:default}\n"],
|
|
90
90
|
dependencies: [
|
|
91
91
|
{
|
|
92
92
|
kind: "directive",
|
|
@@ -220,8 +220,8 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
220
220
|
MatSuffix,
|
|
221
221
|
MatButton
|
|
222
222
|
],
|
|
223
|
-
template: "<mat-card appearance=\"outlined\">\r\n <mat-card-header>\r\n <mat-card-title> Авторизация </mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <form [formRoot]=\"form\">\r\n <mat-form-field>\r\n <mat-label>Имя пользователя</mat-label>\r\n <input\r\n type=\"text\"\r\n matInput\r\n autocomplete=\"on\"\r\n placeholder=\"Имя пользователя\"\r\n [formField]=\"form.username\"\r\n />\r\n @if (form.username().invalid()) {\r\n @for (error of form.username().errors(); track error) {\r\n <mat-error>{{ error.message }}</mat-error>\r\n }\r\n }\r\n </mat-form-field>\r\n\r\n <mat-form-field>\r\n <mat-label>Пароль</mat-label>\r\n <input\r\n [type]=\"isHidePassword() ? 'password' : 'text'\"\r\n matInput\r\n placeholder=\"Пароль\"\r\n [formField]=\"form.password\"\r\n />\r\n <mat-icon\r\n class=\"watcher\"\r\n matSuffix\r\n (mousedown)=\"showPassword()\"\r\n (mouseup)=\"hidePassword()\"\r\n >{{ isHidePassword() ? \"visibility_off\" : \"visibility\" }}</mat-icon\r\n >\r\n @if (form.password().invalid()) {\r\n @for (error of form.password().errors(); track error) {\r\n <mat-error>{{ error.message }}</mat-error>\r\n }\r\n }\r\n </mat-form-field>\r\n\r\n <div class=\"loginButtons\">\r\n <button\r\n type=\"submit\"\r\n mat-button\r\n mat-stroked-button\r\n color=\"primary\"\r\n [disabled]=\"!form().valid() || pending()\"\r\n >\r\n Войти\r\n </button>\r\n </div>\r\n </form>\r\n </mat-card-content>\r\n</mat-card>\r\n",
|
|
224
|
-
styles: [":host{display:flex;justify-content:center;margin:32px 0}.
|
|
223
|
+
template: "<mat-card appearance=\"outlined\">\r\n <mat-card-header>\r\n <mat-card-title> Авторизация </mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <form [formRoot]=\"form\">\r\n <mat-form-field class=\"login-field\">\r\n <mat-label>Имя пользователя</mat-label>\r\n <input\r\n type=\"text\"\r\n matInput\r\n autocomplete=\"on\"\r\n placeholder=\"Имя пользователя\"\r\n [formField]=\"form.username\"\r\n />\r\n @if (form.username().touched() && form.username().invalid()) {\r\n @for (error of form.username().errors(); track error) {\r\n <mat-error>{{ error.message }}</mat-error>\r\n }\r\n }\r\n </mat-form-field>\r\n\r\n <mat-form-field class=\"login-field\">\r\n <mat-label>Пароль</mat-label>\r\n <input\r\n [type]=\"isHidePassword() ? 'password' : 'text'\"\r\n matInput\r\n placeholder=\"Пароль\"\r\n [formField]=\"form.password\"\r\n />\r\n <mat-icon\r\n class=\"watcher\"\r\n matSuffix\r\n (mousedown)=\"showPassword()\"\r\n (mouseup)=\"hidePassword()\"\r\n >{{ isHidePassword() ? \"visibility_off\" : \"visibility\" }}</mat-icon\r\n >\r\n @if (form.password().touched() && form.password().invalid()) {\r\n @for (error of form.password().errors(); track error) {\r\n <mat-error>{{ error.message }}</mat-error>\r\n }\r\n }\r\n </mat-form-field>\r\n\r\n <div class=\"loginButtons\">\r\n <button\r\n type=\"submit\"\r\n mat-button\r\n mat-stroked-button\r\n color=\"primary\"\r\n [disabled]=\"!form().valid() || pending()\"\r\n >\r\n Войти\r\n </button>\r\n </div>\r\n </form>\r\n </mat-card-content>\r\n</mat-card>\r\n",
|
|
224
|
+
styles: [":host{display:flex;justify-content:center;margin:32px 0}form{display:flex;flex-direction:column;gap:16px}.login-field{width:100%;min-width:300px}mat-card-header{justify-content:center}mat-card-content{font-size:16px}.loginButtons{display:flex;flex-direction:row;justify-content:flex-end}.watcher{cursor:default}\n"]
|
|
225
225
|
}]
|
|
226
226
|
}],
|
|
227
227
|
propDecorators: {
|
|
@@ -3609,7 +3609,7 @@ var DateRangeInputComponent = class DateRangeInputComponent {
|
|
|
3609
3609
|
useValue: MY_NATIVE_FORMATS
|
|
3610
3610
|
}],
|
|
3611
3611
|
ngImport: i0,
|
|
3612
|
-
template: "<mat-form-field appearance=\"fill\">\r\n <mat-label>{{ label() }}</mat-label>\r\n <mat-date-range-input\r\n [rangePicker]=\"picker\"\r\n [min]=\"minDate()\"\r\n >\r\n <input matStartDate [formField]=\"form.begin\" placeholder=\"Дата начала\" />\r\n <input matEndDate [formField]=\"form.end\" placeholder=\"Дата окончания\" />\r\n </mat-date-range-input>\r\n <mat-datepicker-toggle matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n <mat-date-range-picker #picker></mat-date-range-picker>\r\n @if (form.begin().invalid()) {\r\n @for (error of form.begin().errors(); track error) {\r\n <mat-error>{{ error.message }}</mat-error>\r\n }\r\n }\r\n @if (form.end().invalid()) {\r\n @for (error of form.end().errors(); track error) {\r\n <mat-error>{{ error.message }}</mat-error>\r\n }\r\n }\r\n</mat-form-field>\r\n",
|
|
3612
|
+
template: "<mat-form-field appearance=\"fill\">\r\n <mat-label>{{ label() }}</mat-label>\r\n <mat-date-range-input\r\n [rangePicker]=\"picker\"\r\n [min]=\"minDate()\"\r\n >\r\n <input matStartDate [formField]=\"form.begin\" placeholder=\"Дата начала\" />\r\n <input matEndDate [formField]=\"form.end\" placeholder=\"Дата окончания\" />\r\n </mat-date-range-input>\r\n <mat-datepicker-toggle matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n <mat-date-range-picker #picker></mat-date-range-picker>\r\n @if (form.begin().touched() && form.begin().invalid()) {\r\n @for (error of form.begin().errors(); track error) {\r\n <mat-error>{{ error.message }}</mat-error>\r\n }\r\n }\r\n @if (form.end().touched() && form.end().invalid()) {\r\n @for (error of form.end().errors(); track error) {\r\n <mat-error>{{ error.message }}</mat-error>\r\n }\r\n }\r\n</mat-form-field>\r\n",
|
|
3613
3613
|
styles: ["mat-form-field{margin-right:16px}\n"],
|
|
3614
3614
|
dependencies: [
|
|
3615
3615
|
{
|
|
@@ -3729,7 +3729,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
3729
3729
|
provide: MAT_DATE_FORMATS,
|
|
3730
3730
|
useValue: MY_NATIVE_FORMATS
|
|
3731
3731
|
}],
|
|
3732
|
-
template: "<mat-form-field appearance=\"fill\">\r\n <mat-label>{{ label() }}</mat-label>\r\n <mat-date-range-input\r\n [rangePicker]=\"picker\"\r\n [min]=\"minDate()\"\r\n >\r\n <input matStartDate [formField]=\"form.begin\" placeholder=\"Дата начала\" />\r\n <input matEndDate [formField]=\"form.end\" placeholder=\"Дата окончания\" />\r\n </mat-date-range-input>\r\n <mat-datepicker-toggle matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n <mat-date-range-picker #picker></mat-date-range-picker>\r\n @if (form.begin().invalid()) {\r\n @for (error of form.begin().errors(); track error) {\r\n <mat-error>{{ error.message }}</mat-error>\r\n }\r\n }\r\n @if (form.end().invalid()) {\r\n @for (error of form.end().errors(); track error) {\r\n <mat-error>{{ error.message }}</mat-error>\r\n }\r\n }\r\n</mat-form-field>\r\n",
|
|
3732
|
+
template: "<mat-form-field appearance=\"fill\">\r\n <mat-label>{{ label() }}</mat-label>\r\n <mat-date-range-input\r\n [rangePicker]=\"picker\"\r\n [min]=\"minDate()\"\r\n >\r\n <input matStartDate [formField]=\"form.begin\" placeholder=\"Дата начала\" />\r\n <input matEndDate [formField]=\"form.end\" placeholder=\"Дата окончания\" />\r\n </mat-date-range-input>\r\n <mat-datepicker-toggle matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n <mat-date-range-picker #picker></mat-date-range-picker>\r\n @if (form.begin().touched() && form.begin().invalid()) {\r\n @for (error of form.begin().errors(); track error) {\r\n <mat-error>{{ error.message }}</mat-error>\r\n }\r\n }\r\n @if (form.end().touched() && form.end().invalid()) {\r\n @for (error of form.end().errors(); track error) {\r\n <mat-error>{{ error.message }}</mat-error>\r\n }\r\n }\r\n</mat-form-field>\r\n",
|
|
3733
3733
|
styles: ["mat-form-field{margin-right:16px}\n"]
|
|
3734
3734
|
}]
|
|
3735
3735
|
}],
|