@indigina/ui-kit 1.1.387 → 1.1.388
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.
|
@@ -1561,7 +1561,7 @@ class KitTextareaComponent {
|
|
|
1561
1561
|
provide: NG_VALUE_ACCESSOR,
|
|
1562
1562
|
useExisting: forwardRef(() => KitTextareaComponent),
|
|
1563
1563
|
multi: true,
|
|
1564
|
-
}], usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-textarea\"\n [ngClass]=\"state()\"\n [class.disabled]=\"disabled()\"\n [class.readonly]=\"readonly()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [for]=\"textarea
|
|
1564
|
+
}], usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-textarea\"\n [ngClass]=\"state()\"\n [class.disabled]=\"disabled()\"\n [class.readonly]=\"readonly()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [for]=\"textarea\"\n ></kit-input-label>\n }\n <div class=\"kit-textarea-input\">\n @if (icon()) {\n <kit-svg-icon class=\"kit-textarea-icon\"\n [icon]=\"icon()\"\n ></kit-svg-icon>\n }\n <textarea #textarea\n autoresize\n class=\"k-input\"\n [attr.placeholder]=\"placeholder()\"\n [style.min-height.px]=\"minHeight()\"\n [style.max-height.px]=\"maxHeight()\"\n [attr.maxlength]=\"maxlength()\"\n [disabled]=\"disabled()\"\n [value]=\"defaultValue()\"\n [readonly]=\"readonly()\"\n (focus)=\"onTextareaFocus()\"\n (blur)=\"onTextareaBlur()\"\n (input)=\"onTextareaChange($event)\"\n ></textarea>\n <kit-svg-icon kitTooltip\n kitTooltipFilter=\".kit-textarea-state-icon\"\n class=\"kit-textarea-state-icon\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [title]=\"tooltip() ?? ''\"\n [icon]=\"textareaStateIcon[state()]\"\n ></kit-svg-icon>\n </div>\n\n @if (messageText()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-textarea .label{display:block;margin-bottom:4px}.kit-textarea-input{display:flex;position:relative;padding:9px 0 9px 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white)}.kit-textarea-icon{flex-shrink:0;display:block;margin-right:8px;margin-top:2px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textarea-state-icon{position:absolute;top:12px;right:12px;flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textarea .k-input{padding:0 34px 0 0;width:100%;color:var(--ui-kit-color-grey-10);font-size:14px;border:none;border-radius:8px;box-sizing:border-box;line-height:1.4;overflow:auto;resize:none}.kit-textarea .k-input::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textarea.default .kit-textarea-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.default:hover .kit-textarea-input{border-color:var(--ui-kit-color-hover)}.kit-textarea.default:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-textarea.warning .kit-textarea-input{border-color:var(--ui-kit-color-orange)}.kit-textarea.warning .kit-textarea-state-icon,.kit-textarea.warning .kit-textarea-icon{fill:var(--ui-kit-color-orange)}.kit-textarea.warning:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-textarea.error .kit-textarea-input{border-color:var(--ui-kit-color-red-1)}.kit-textarea.error .kit-textarea-state-icon,.kit-textarea.error .kit-textarea-icon{fill:var(--ui-kit-color-red-1)}.kit-textarea.error:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-textarea.success .kit-textarea-state-icon{fill:var(--ui-kit-color-green-1)}.kit-textarea.success:hover .kit-textarea-input{border-color:var(--ui-kit-color-green-1)}.kit-textarea.success:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-textarea.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.disabled:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .k-input{color:var(--ui-kit-color-grey-14)}.kit-textarea.readonly .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .kit-textarea-icon{fill:var(--ui-kit-color-grey-10)}.kit-textarea.readonly:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly:focus-within .kit-textarea-input{box-shadow:none}\n"], dependencies: [{ kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: KitTextareaAutoresizeDirective, selector: "[autoresize]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1565
1565
|
}
|
|
1566
1566
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitTextareaComponent, decorators: [{
|
|
1567
1567
|
type: Component,
|
|
@@ -1576,7 +1576,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
1576
1576
|
KitTooltipDirective,
|
|
1577
1577
|
NgClass,
|
|
1578
1578
|
KitTextareaAutoresizeDirective,
|
|
1579
|
-
], template: "<div class=\"kit-textarea\"\n [ngClass]=\"state()\"\n [class.disabled]=\"disabled()\"\n [class.readonly]=\"readonly()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [for]=\"textarea
|
|
1579
|
+
], template: "<div class=\"kit-textarea\"\n [ngClass]=\"state()\"\n [class.disabled]=\"disabled()\"\n [class.readonly]=\"readonly()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [for]=\"textarea\"\n ></kit-input-label>\n }\n <div class=\"kit-textarea-input\">\n @if (icon()) {\n <kit-svg-icon class=\"kit-textarea-icon\"\n [icon]=\"icon()\"\n ></kit-svg-icon>\n }\n <textarea #textarea\n autoresize\n class=\"k-input\"\n [attr.placeholder]=\"placeholder()\"\n [style.min-height.px]=\"minHeight()\"\n [style.max-height.px]=\"maxHeight()\"\n [attr.maxlength]=\"maxlength()\"\n [disabled]=\"disabled()\"\n [value]=\"defaultValue()\"\n [readonly]=\"readonly()\"\n (focus)=\"onTextareaFocus()\"\n (blur)=\"onTextareaBlur()\"\n (input)=\"onTextareaChange($event)\"\n ></textarea>\n <kit-svg-icon kitTooltip\n kitTooltipFilter=\".kit-textarea-state-icon\"\n class=\"kit-textarea-state-icon\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [title]=\"tooltip() ?? ''\"\n [icon]=\"textareaStateIcon[state()]\"\n ></kit-svg-icon>\n </div>\n\n @if (messageText()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-textarea .label{display:block;margin-bottom:4px}.kit-textarea-input{display:flex;position:relative;padding:9px 0 9px 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white)}.kit-textarea-icon{flex-shrink:0;display:block;margin-right:8px;margin-top:2px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textarea-state-icon{position:absolute;top:12px;right:12px;flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textarea .k-input{padding:0 34px 0 0;width:100%;color:var(--ui-kit-color-grey-10);font-size:14px;border:none;border-radius:8px;box-sizing:border-box;line-height:1.4;overflow:auto;resize:none}.kit-textarea .k-input::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textarea.default .kit-textarea-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.default:hover .kit-textarea-input{border-color:var(--ui-kit-color-hover)}.kit-textarea.default:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-textarea.warning .kit-textarea-input{border-color:var(--ui-kit-color-orange)}.kit-textarea.warning .kit-textarea-state-icon,.kit-textarea.warning .kit-textarea-icon{fill:var(--ui-kit-color-orange)}.kit-textarea.warning:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-textarea.error .kit-textarea-input{border-color:var(--ui-kit-color-red-1)}.kit-textarea.error .kit-textarea-state-icon,.kit-textarea.error .kit-textarea-icon{fill:var(--ui-kit-color-red-1)}.kit-textarea.error:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-textarea.success .kit-textarea-state-icon{fill:var(--ui-kit-color-green-1)}.kit-textarea.success:hover .kit-textarea-input{border-color:var(--ui-kit-color-green-1)}.kit-textarea.success:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-textarea.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.disabled:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .k-input{color:var(--ui-kit-color-grey-14)}.kit-textarea.readonly .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .kit-textarea-icon{fill:var(--ui-kit-color-grey-10)}.kit-textarea.readonly:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly:focus-within .kit-textarea-input{box-shadow:none}\n"] }]
|
|
1580
1580
|
}], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }, { type: i0.Output, args: ["defaultValueChange"] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }], minLines: [{ type: i0.Input, args: [{ isSignal: true, alias: "minLines", required: false }] }], maxLines: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLines", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], messageIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageIcon", required: false }] }], messageText: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageText", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], focused: [{ type: i0.Output, args: ["focused"] }], blured: [{ type: i0.Output, args: ["blured"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
|
|
1581
1581
|
|
|
1582
1582
|
var KitTextLabelState;
|