@m1z23r/ngx-ui 1.1.52 → 1.1.53
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.
|
@@ -2584,11 +2584,11 @@ class TextareaComponent {
|
|
|
2584
2584
|
return max !== null && this.value().length >= max;
|
|
2585
2585
|
}, ...(ngDevMode ? [{ debugName: "isAtLimit" }] : []));
|
|
2586
2586
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2587
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TextareaComponent, isStandalone: true, selector: "ui-textarea", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, resize: { classPropertyName: "resize", publicName: "resize", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, ngImport: i0, template: "<div class=\"ui-textarea-wrapper\" [class.ui-textarea-wrapper--error]=\"error()\" [class.ui-textarea-wrapper--disabled]=\"disabled()\">\n @if (label()) {\n <label class=\"ui-textarea__label\" [attr.for]=\"textareaId()\">\n {{ label() }}\n @if (required()) {\n <span class=\"ui-textarea__required\">*</span>\n }\n </label>\n }\n <div class=\"ui-textarea__container\">\n <textarea\n [class]=\"textareaClass()\"\n [id]=\"textareaId()\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"disabled()\"\n [readonly]=\"readonly()\"\n [required]=\"required()\"\n [rows]=\"rows()\"\n [attr.maxlength]=\"maxlength()\"\n [(ngModel)]=\"value\"\n ></textarea>\n </div>\n <div class=\"ui-textarea__footer\">\n
|
|
2587
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TextareaComponent, isStandalone: true, selector: "ui-textarea", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, resize: { classPropertyName: "resize", publicName: "resize", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, ngImport: i0, template: "<div class=\"ui-textarea-wrapper\" [class.ui-textarea-wrapper--error]=\"error()\" [class.ui-textarea-wrapper--disabled]=\"disabled()\">\n @if (label()) {\n <label class=\"ui-textarea__label\" [attr.for]=\"textareaId()\">\n {{ label() }}\n @if (required()) {\n <span class=\"ui-textarea__required\">*</span>\n }\n </label>\n }\n <div class=\"ui-textarea__container\">\n <textarea\n [class]=\"textareaClass()\"\n [id]=\"textareaId()\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"disabled()\"\n [readonly]=\"readonly()\"\n [required]=\"required()\"\n [rows]=\"rows()\"\n [attr.maxlength]=\"maxlength()\"\n [(ngModel)]=\"value\"\n ></textarea>\n </div>\n @if (error() || hint() || maxlength()) {\n <div class=\"ui-textarea__footer\">\n @if (error()) {\n <span class=\"ui-textarea__error\">{{ error() }}</span>\n } @else if (hint()) {\n <span class=\"ui-textarea__hint\">{{ hint() }}</span>\n } @else {\n <span></span>\n }\n @if (maxlength()) {\n <span class=\"ui-textarea__counter\" [class.ui-textarea__counter--limit]=\"isAtLimit()\">\n {{ value().toString().length }} / {{ maxlength() }}\n </span>\n }\n </div>\n }\n</div>\n", styles: [":host{display:block}.ui-textarea-wrapper{display:flex;flex-direction:column;gap:var(--ui-spacing-xs)}.ui-textarea__label{font-size:var(--ui-font-sm);font-weight:500;color:var(--ui-text)}.ui-textarea__required{color:var(--ui-danger);margin-left:2px}.ui-textarea__container{position:relative}.ui-textarea{width:100%;padding:var(--ui-spacing-sm) var(--ui-spacing-md);font-family:inherit;font-size:var(--ui-font-md);color:var(--ui-text);background-color:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);min-height:80px}.ui-textarea::placeholder{color:var(--ui-text-muted)}.ui-textarea:hover:not(:disabled):not(:read-only){border-color:var(--ui-border-hover)}.ui-textarea:focus{outline:none;border-color:var(--ui-border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-primary) 20%,transparent)}.ui-textarea:disabled{background-color:var(--ui-bg-secondary);color:var(--ui-text-disabled);cursor:not-allowed}.ui-textarea:read-only{background-color:var(--ui-bg-secondary)}.ui-textarea--resize-none{resize:none}.ui-textarea--resize-vertical{resize:vertical}.ui-textarea--resize-horizontal{resize:horizontal}.ui-textarea--resize-both{resize:both}.ui-textarea-wrapper--error .ui-textarea{border-color:var(--ui-danger)}.ui-textarea-wrapper--error .ui-textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-danger) 20%,transparent)}.ui-textarea__footer{display:flex;justify-content:space-between;align-items:center;min-height:1.25rem}.ui-textarea__error{font-size:var(--ui-font-sm);color:var(--ui-danger)}.ui-textarea__hint{font-size:var(--ui-font-sm);color:var(--ui-text-muted)}.ui-textarea__counter{font-size:var(--ui-font-sm);color:var(--ui-text-muted);margin-left:auto}.ui-textarea__counter--limit{color:var(--ui-danger)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2588
2588
|
}
|
|
2589
2589
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TextareaComponent, decorators: [{
|
|
2590
2590
|
type: Component,
|
|
2591
|
-
args: [{ selector: 'ui-textarea', standalone: true, imports: [FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ui-textarea-wrapper\" [class.ui-textarea-wrapper--error]=\"error()\" [class.ui-textarea-wrapper--disabled]=\"disabled()\">\n @if (label()) {\n <label class=\"ui-textarea__label\" [attr.for]=\"textareaId()\">\n {{ label() }}\n @if (required()) {\n <span class=\"ui-textarea__required\">*</span>\n }\n </label>\n }\n <div class=\"ui-textarea__container\">\n <textarea\n [class]=\"textareaClass()\"\n [id]=\"textareaId()\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"disabled()\"\n [readonly]=\"readonly()\"\n [required]=\"required()\"\n [rows]=\"rows()\"\n [attr.maxlength]=\"maxlength()\"\n [(ngModel)]=\"value\"\n ></textarea>\n </div>\n <div class=\"ui-textarea__footer\">\n
|
|
2591
|
+
args: [{ selector: 'ui-textarea', standalone: true, imports: [FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ui-textarea-wrapper\" [class.ui-textarea-wrapper--error]=\"error()\" [class.ui-textarea-wrapper--disabled]=\"disabled()\">\n @if (label()) {\n <label class=\"ui-textarea__label\" [attr.for]=\"textareaId()\">\n {{ label() }}\n @if (required()) {\n <span class=\"ui-textarea__required\">*</span>\n }\n </label>\n }\n <div class=\"ui-textarea__container\">\n <textarea\n [class]=\"textareaClass()\"\n [id]=\"textareaId()\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"disabled()\"\n [readonly]=\"readonly()\"\n [required]=\"required()\"\n [rows]=\"rows()\"\n [attr.maxlength]=\"maxlength()\"\n [(ngModel)]=\"value\"\n ></textarea>\n </div>\n @if (error() || hint() || maxlength()) {\n <div class=\"ui-textarea__footer\">\n @if (error()) {\n <span class=\"ui-textarea__error\">{{ error() }}</span>\n } @else if (hint()) {\n <span class=\"ui-textarea__hint\">{{ hint() }}</span>\n } @else {\n <span></span>\n }\n @if (maxlength()) {\n <span class=\"ui-textarea__counter\" [class.ui-textarea__counter--limit]=\"isAtLimit()\">\n {{ value().toString().length }} / {{ maxlength() }}\n </span>\n }\n </div>\n }\n</div>\n", styles: [":host{display:block}.ui-textarea-wrapper{display:flex;flex-direction:column;gap:var(--ui-spacing-xs)}.ui-textarea__label{font-size:var(--ui-font-sm);font-weight:500;color:var(--ui-text)}.ui-textarea__required{color:var(--ui-danger);margin-left:2px}.ui-textarea__container{position:relative}.ui-textarea{width:100%;padding:var(--ui-spacing-sm) var(--ui-spacing-md);font-family:inherit;font-size:var(--ui-font-md);color:var(--ui-text);background-color:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);min-height:80px}.ui-textarea::placeholder{color:var(--ui-text-muted)}.ui-textarea:hover:not(:disabled):not(:read-only){border-color:var(--ui-border-hover)}.ui-textarea:focus{outline:none;border-color:var(--ui-border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-primary) 20%,transparent)}.ui-textarea:disabled{background-color:var(--ui-bg-secondary);color:var(--ui-text-disabled);cursor:not-allowed}.ui-textarea:read-only{background-color:var(--ui-bg-secondary)}.ui-textarea--resize-none{resize:none}.ui-textarea--resize-vertical{resize:vertical}.ui-textarea--resize-horizontal{resize:horizontal}.ui-textarea--resize-both{resize:both}.ui-textarea-wrapper--error .ui-textarea{border-color:var(--ui-danger)}.ui-textarea-wrapper--error .ui-textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-danger) 20%,transparent)}.ui-textarea__footer{display:flex;justify-content:space-between;align-items:center;min-height:1.25rem}.ui-textarea__error{font-size:var(--ui-font-sm);color:var(--ui-danger)}.ui-textarea__hint{font-size:var(--ui-font-sm);color:var(--ui-text-muted)}.ui-textarea__counter{font-size:var(--ui-font-sm);color:var(--ui-text-muted);margin-left:auto}.ui-textarea__counter--limit{color:var(--ui-danger)}\n"] }]
|
|
2592
2592
|
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }], resize: [{ type: i0.Input, args: [{ isSignal: true, alias: "resize", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] } });
|
|
2593
2593
|
|
|
2594
2594
|
class ProgressComponent {
|