@obliczeniowo/elementary
Version:
Library made in Angular version 20
285 lines (279 loc) • 28.1 kB
JavaScript
import * as i0 from '@angular/core';
import { EventEmitter, ViewChild, Output, Input, HostBinding, Component, input, NgModule } from '@angular/core';
import * as i2$1 from '@angular/common';
import { CommonModule } from '@angular/common';
import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
import * as i4 from '@obliczeniowo/elementary/animations';
import { AnimationsModule } from '@obliczeniowo/elementary/animations';
import * as i1 from '@obliczeniowo/elementary/input';
import { InputModule } from '@obliczeniowo/elementary/input';
import * as i2 from '@obliczeniowo/elementary/icons';
import { IconsModule } from '@obliczeniowo/elementary/icons';
import * as i3 from '@obliczeniowo/elementary/buttons';
import { ButtonsModule } from '@obliczeniowo/elementary/buttons';
class EditTextareaComponent {
settings;
_value = '';
set value(value) {
this._value = value;
this.current = value;
}
;
get value() {
return this._value;
}
label = '';
/**
* Enable type text animation for label
*/
labelAnimation = false;
mode = false;
disabled = false;
changed = new EventEmitter();
textarea;
current = this.value;
constructor(settings) {
this.settings = settings;
this.labelAnimation = this.settings.labelAnimation.editInput;
}
setValue(event) {
this.value = event.target.value;
}
save() {
this.mode = false;
this.current = this.value;
this.changed.emit(this.value);
this.onChange({ value: this.value, label: this.label });
}
cancel() {
this.value = this.current;
this.mode = false;
}
onChange = (value) => { };
onTouched = () => { };
writeValue(value) {
this.value = value.value;
this.label = value.label || this.label;
}
registerOnChange(onChange) {
this.onChange = onChange;
}
registerOnTouched(onTouched) {
this.onTouched = onTouched;
}
setDisabledState(disabled) {
this.disabled = disabled;
}
onEdit() {
this.mode = true;
setTimeout(() => {
if (this.textarea) {
this.textarea.nativeElement.focus();
}
});
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: EditTextareaComponent, deps: [{ token: i1.InputWrappersDefaultSettingsService }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.4", type: EditTextareaComponent, isStandalone: false, selector: "obl-edit-textarea", inputs: { value: "value", label: "label", labelAnimation: "labelAnimation", mode: "mode", disabled: "disabled" }, outputs: { changed: "changed" }, host: { properties: { "class.disabled": "this.disabled" } }, providers: [
{
provide: NG_VALUE_ACCESSOR,
multi: true,
useExisting: EditTextareaComponent
},
], viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true }], ngImport: i0, template: "@if (mode === false) {\n <fieldset\n class=\"display\"\n [class.labeled]=\"label\"\n >\n @if (label !== '') {\n <legend>\n @if (labelAnimation) {\n <obl-type-text [text]=\"label\" [interval]=\"40\"></obl-type-text>\n } @else {\n {{ label }}\n }\n </legend>\n }\n <div class=\"value\">{{ value }}</div>\n <button oblButton (click)=\"onEdit()\">\n <obl-icon name=\"edit\"></obl-icon>\n </button>\n </fieldset>\n} @else {\n <obl-textarea-wrapper [label]=\"label\" [labelAnimation]=\"labelAnimation\">\n <textarea\n oblInput\n [value]=\"value\"\n (keyup)=\"setValue($event)\"\n oblTextArea\n #textarea\n ></textarea>\n <div suffix>\n <button oblButton (click)=\"cancel()\">\n <obl-icon name=\"cancel\"></obl-icon>\n </button>\n <button oblButton (click)=\"save()\">\n <obl-icon name=\"ok\"></obl-icon>\n </button>\n </div>\n </obl-textarea-wrapper>\n}\n\n", styles: [":host{font-size:var(--obl-font-size)}.display{display:flex;align-items:center;border:1px solid var(--default-border-color);border-radius:5px;padding:5px 4px;min-inline-size:0px}.display.labeled{padding:0 4px 5px}.value{flex-shrink:1;width:100%;min-width:0%;display:flex;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:30px;align-items:center;margin-left:4px;letter-spacing:0}button{--obl-default-button-padding: 5px}button:last-of-type{border-bottom-right-radius:5px;border-bottom-left-radius:5px}button:first-of-type{border-top-right-radius:5px;border-top-left-radius:5px}legend{font-size:12px;margin-bottom:0;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:1px}textarea{min-height:50px;margin:4px 0}\n"], dependencies: [{ kind: "directive", type: i1.TextAreaDirective, selector: "textarea[oblTextArea]", inputs: ["outlined", "noResize"], exportAs: ["oblTextArea"] }, { kind: "component", type: i1.TextAreaWrapperComponent, selector: "obl-textarea-wrapper", inputs: ["label", "display", "labelAnimation"] }, { kind: "component", type: i2.IconComponent, selector: "obl-icon", inputs: ["name", "width"] }, { kind: "directive", type: i3.ButtonDirective, selector: "oblButton, [oblButton]", inputs: ["oblButton", "icon", "blockWhenLoading", "loading", "toggle", "selected", "link", "target"], exportAs: ["oblButton"] }, { kind: "component", type: i4.TypeTextComponent, selector: "obl-type-text", inputs: ["text", "interval"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: EditTextareaComponent, decorators: [{
type: Component,
args: [{ selector: 'obl-edit-textarea', providers: [
{
provide: NG_VALUE_ACCESSOR,
multi: true,
useExisting: EditTextareaComponent
},
], standalone: false, template: "@if (mode === false) {\n <fieldset\n class=\"display\"\n [class.labeled]=\"label\"\n >\n @if (label !== '') {\n <legend>\n @if (labelAnimation) {\n <obl-type-text [text]=\"label\" [interval]=\"40\"></obl-type-text>\n } @else {\n {{ label }}\n }\n </legend>\n }\n <div class=\"value\">{{ value }}</div>\n <button oblButton (click)=\"onEdit()\">\n <obl-icon name=\"edit\"></obl-icon>\n </button>\n </fieldset>\n} @else {\n <obl-textarea-wrapper [label]=\"label\" [labelAnimation]=\"labelAnimation\">\n <textarea\n oblInput\n [value]=\"value\"\n (keyup)=\"setValue($event)\"\n oblTextArea\n #textarea\n ></textarea>\n <div suffix>\n <button oblButton (click)=\"cancel()\">\n <obl-icon name=\"cancel\"></obl-icon>\n </button>\n <button oblButton (click)=\"save()\">\n <obl-icon name=\"ok\"></obl-icon>\n </button>\n </div>\n </obl-textarea-wrapper>\n}\n\n", styles: [":host{font-size:var(--obl-font-size)}.display{display:flex;align-items:center;border:1px solid var(--default-border-color);border-radius:5px;padding:5px 4px;min-inline-size:0px}.display.labeled{padding:0 4px 5px}.value{flex-shrink:1;width:100%;min-width:0%;display:flex;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:30px;align-items:center;margin-left:4px;letter-spacing:0}button{--obl-default-button-padding: 5px}button:last-of-type{border-bottom-right-radius:5px;border-bottom-left-radius:5px}button:first-of-type{border-top-right-radius:5px;border-top-left-radius:5px}legend{font-size:12px;margin-bottom:0;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:1px}textarea{min-height:50px;margin:4px 0}\n"] }]
}], ctorParameters: () => [{ type: i1.InputWrappersDefaultSettingsService }], propDecorators: { value: [{
type: Input
}], label: [{
type: Input
}], labelAnimation: [{
type: Input
}], mode: [{
type: Input
}], disabled: [{
type: Input
}, {
type: HostBinding,
args: ['class.disabled']
}], changed: [{
type: Output
}], textarea: [{
type: ViewChild,
args: ['textarea']
}] } });
class EditInputComponent {
settings;
_value = '';
set value(value) {
this._value = value;
this.current = value;
}
get value() {
return this._value;
}
label = '';
/**
* Enable type text animation for label
*/
labelAnimation = false;
/**
* Mode when true it's in edit state, other way it's in display only
*/
mode = false;
disabled;
editOnly = false;
/**
* min value for number input
*/
min = input();
/**
* max value for number input
*/
max = input();
/**
* Style of displayed input
*/
display = input('outlined');
formatter = input((value) => value);
type = 'text';
changed = new EventEmitter();
input;
current = this.value;
constructor(settings) {
this.settings = settings;
this.labelAnimation = this.settings.labelAnimation.editInput;
}
setValue(event) {
this._value = event.target.value;
}
save() {
this.mode = false;
this.current = this.value;
const numeric = +this.value;
this.changed.emit({
text: this.value,
numeric: (this.type === 'number' && numeric) || undefined,
});
this.onChange({
value: this._value,
label: this.label,
type: this.type,
});
}
cancel() {
this.value = this.current;
this.mode = false;
}
onEdit() {
this.mode = true;
setTimeout(() => {
if (this.input) {
this.input.nativeElement.focus();
}
});
}
onChange = (value) => { };
onTouched = () => { };
writeValue(value) {
this.value = value.value;
this.label = value?.label || this.label;
this.type = value?.type || this.type;
}
registerOnChange(onChange) {
this.onChange = onChange;
}
registerOnTouched(onTouched) {
this.onTouched = onTouched;
}
setDisabledState(disabled) {
this.disabled = disabled;
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: EditInputComponent, deps: [{ token: i1.InputWrappersDefaultSettingsService }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.4", type: EditInputComponent, isStandalone: false, selector: "obl-edit-input", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, labelAnimation: { classPropertyName: "labelAnimation", publicName: "labelAnimation", isSignal: false, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, editOnly: { classPropertyName: "editOnly", publicName: "editOnly", isSignal: false, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, providers: [
{
provide: NG_VALUE_ACCESSOR,
multi: true,
useExisting: EditInputComponent,
},
], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "@if (mode === false && !editOnly) {\n <fieldset\n class=\"display\"\n [class.labeled]=\"label\"\n [ngClass]=\"{\n label: label,\n outlined: display() === 'outlined',\n underlined: display() === 'underlined',\n none: display() === 'none',\n }\"\n >\n @if (label !== '') {\n <legend>\n @if (labelAnimation) {\n <obl-type-text [text]=\"label\" [interval]=\"40\"></obl-type-text>\n } @else {\n {{ label }}\n }\n </legend>\n }\n <div>\n <ng-content select=\"[prefix]\"></ng-content>\n </div>\n <div class=\"value\">{{ formatter()(type === 'number' ? +value : value) }}</div>\n <div class=\"suffix\">\n <ng-content select=\"[suffix]\"></ng-content>\n @if (!disabled) {\n <button oblButton (click)=\"onEdit()\">\n <obl-icon name=\"edit\"></obl-icon>\n </button>\n }\n </div>\n </fieldset>\n} @else {\n <obl-input-wrapper [label]=\"label\" [labelAnimation]=\"labelAnimation\" [display]=\"display()\">\n <div prefix>\n <ng-content select=\"[edit-prefix]\"></ng-content>\n </div>\n <input\n oblInput\n [type]=\"type\"\n [min]=\"min()\"\n [max]=\"max()\"\n [value]=\"value\"\n (change)=\"setValue($event); editOnly && save()\"\n type=\"text\"\n #input\n />\n <ng-container suffix>\n <ng-content select=\"[edit-suffix]\"></ng-content>\n\n @if (!editOnly) {\n <button oblButton (click)=\"save()\">\n <obl-icon name=\"ok\"></obl-icon>\n </button>\n <button oblButton (click)=\"cancel()\">\n <obl-icon name=\"cancel\"></obl-icon>\n </button>\n }\n </ng-container>\n </obl-input-wrapper>\n}\n\n", styles: [":root{--obl-spinner-width: 30px;--obl-font-size: 14px}:root{--obl-primary: #00afaf;--obl-secondary: #008caf;--default-border-color: gray;--default-focus-color: gray;--default-border-outline-color: #080808;--default-disabled-color: gray;--default-background-color: white;--default-hover-color: #eeeeee;--obl-default-error-color: red;--obl-dialog-background: #d3d3d3;--default-radio-color: black;--disabled-color: gray;--default-hex-button-border-color: #008caf;--default-hex-button-hover-border-color: #00afaf;--select-item-background-color: #e4e4e4;--select-item-text-color: #5a5a5a;--default-text-color: black;--obl-default-button-text-color: black;--obl-default-icon-color: black;--equalizer-background-bar-color: #575656;--equalizer-value-bar-color: #e6e6e6;--diagram-3d-background-color: black;--slider-value-container-color: gray;--slider-value-color: #d1d1d1;--slider-hover-value-color: white;--digit-fill-color: #cccccc;--digit-lighted-color: black;--horizontal-progress-bar-value-color: #504f4f;--horizontal-progress-bar-background-pattern-color: #dddddd;--horizontal-progress-bar-value-pattern-color: #b3b3b3;--horizontal-progress-bar-border-rect-color: #cccccc;--temperature-text-color: black;--temperature-path-stroke-color: black;--post-diagram-scale-line-color: #c8c8c8;--volume-channel-secondary-color: gray;--volume-channel-primary-color: #f2f2f2;--arch-progress-secondary-color: #eeeeee;--obl-linear-diagram-greed-color: gray;--obl-rating-selected-color: gold;--obl-rating-color: #cccccc}:host{font-size:var(--obl-font-size);display:flex;width:100%}.display{display:flex;align-items:center;border:1px solid var(--default-border-color);border-radius:5px;padding:5px 4px;min-inline-size:0px;width:calc(100% - 14px)}.display.labeled{padding:0 4px 5px}.display .suffix{display:flex}.display .suffix::ng-deep button:last-of-type{border-top-right-radius:5px;border-bottom-right-radius:5px}.display .suffix::ng-deep button:first-of-type{border-top-left-radius:5px;border-bottom-left-radius:5px}.display .suffix::ng-deep button{--obl-default-button-padding: 5px}.display.outlined{border:1px solid var(--default-border-color);border-radius:5px}.display.outlined.invalid{border:1px solid var(--obl-default-error-color)}.display.underlined{border:1px solid transparent;border-bottom:1px solid var(--default-border-color);border-radius:0;min-height:unset}.display.underlined.invalid{border-bottom:1px solid var(--obl-default-error-color)}.display.underlined:hover{margin-bottom:0}.display.none{border:none}obl-input-wrapper{width:100%}obl-input-wrapper::ng-deep [prefix] button:first-of-type,obl-input-wrapper::ng-deep [suffix] button:first-of-type{border-top-left-radius:5px;border-bottom-left-radius:5px}obl-input-wrapper::ng-deep [prefix] button,obl-input-wrapper::ng-deep [suffix] button{--obl-default-button-padding: 5px}obl-input-wrapper::ng-deep fieldset.label{display:flex;align-items:center;padding-top:1px!important;min-height:44px}legend{font-size:12px;margin-bottom:0;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:1px}[suffix]{display:flex}[suffix] button:last-of-type{border-top-right-radius:5px;border-bottom-right-radius:5px}[suffix] button:first-of-type{border-top-left-radius:5px;border-bottom-left-radius:5px}[suffix] button{--obl-default-button-padding: 5px}.value{flex-shrink:1;width:100%;min-width:0%;display:flex;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:30px;align-items:center;margin-left:4px;letter-spacing:0}obl-input-wrapper::ng-deep input~button{--obl-default-button-padding: 4px}obl-input-wrapper::ng-deep input~button:last-of-type{border-top-right-radius:5px;border-bottom-right-radius:5px}obl-input-wrapper::ng-deep input~button:first-of-type{border-top-left-radius:5px;border-bottom-left-radius:5px}obl-input-wrapper::ng-deep input[type=number]~button:first-of-type{border-top-left-radius:50px;border-bottom-left-radius:50px;padding-left:7px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.InputDirective, selector: "input[oblInput]", inputs: ["outlined"], exportAs: ["oblInput"] }, { kind: "component", type: i1.InputWrapperComponent, selector: "obl-input-wrapper", inputs: ["label", "display", "cancellable", "step", "errors", "translations", "labelAnimation", "small"], outputs: ["loaded"] }, { kind: "component", type: i2.IconComponent, selector: "obl-icon", inputs: ["name", "width"] }, { kind: "directive", type: i3.ButtonDirective, selector: "oblButton, [oblButton]", inputs: ["oblButton", "icon", "blockWhenLoading", "loading", "toggle", "selected", "link", "target"], exportAs: ["oblButton"] }, { kind: "component", type: i4.TypeTextComponent, selector: "obl-type-text", inputs: ["text", "interval"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: EditInputComponent, decorators: [{
type: Component,
args: [{ selector: 'obl-edit-input', providers: [
{
provide: NG_VALUE_ACCESSOR,
multi: true,
useExisting: EditInputComponent,
},
], standalone: false, template: "@if (mode === false && !editOnly) {\n <fieldset\n class=\"display\"\n [class.labeled]=\"label\"\n [ngClass]=\"{\n label: label,\n outlined: display() === 'outlined',\n underlined: display() === 'underlined',\n none: display() === 'none',\n }\"\n >\n @if (label !== '') {\n <legend>\n @if (labelAnimation) {\n <obl-type-text [text]=\"label\" [interval]=\"40\"></obl-type-text>\n } @else {\n {{ label }}\n }\n </legend>\n }\n <div>\n <ng-content select=\"[prefix]\"></ng-content>\n </div>\n <div class=\"value\">{{ formatter()(type === 'number' ? +value : value) }}</div>\n <div class=\"suffix\">\n <ng-content select=\"[suffix]\"></ng-content>\n @if (!disabled) {\n <button oblButton (click)=\"onEdit()\">\n <obl-icon name=\"edit\"></obl-icon>\n </button>\n }\n </div>\n </fieldset>\n} @else {\n <obl-input-wrapper [label]=\"label\" [labelAnimation]=\"labelAnimation\" [display]=\"display()\">\n <div prefix>\n <ng-content select=\"[edit-prefix]\"></ng-content>\n </div>\n <input\n oblInput\n [type]=\"type\"\n [min]=\"min()\"\n [max]=\"max()\"\n [value]=\"value\"\n (change)=\"setValue($event); editOnly && save()\"\n type=\"text\"\n #input\n />\n <ng-container suffix>\n <ng-content select=\"[edit-suffix]\"></ng-content>\n\n @if (!editOnly) {\n <button oblButton (click)=\"save()\">\n <obl-icon name=\"ok\"></obl-icon>\n </button>\n <button oblButton (click)=\"cancel()\">\n <obl-icon name=\"cancel\"></obl-icon>\n </button>\n }\n </ng-container>\n </obl-input-wrapper>\n}\n\n", styles: [":root{--obl-spinner-width: 30px;--obl-font-size: 14px}:root{--obl-primary: #00afaf;--obl-secondary: #008caf;--default-border-color: gray;--default-focus-color: gray;--default-border-outline-color: #080808;--default-disabled-color: gray;--default-background-color: white;--default-hover-color: #eeeeee;--obl-default-error-color: red;--obl-dialog-background: #d3d3d3;--default-radio-color: black;--disabled-color: gray;--default-hex-button-border-color: #008caf;--default-hex-button-hover-border-color: #00afaf;--select-item-background-color: #e4e4e4;--select-item-text-color: #5a5a5a;--default-text-color: black;--obl-default-button-text-color: black;--obl-default-icon-color: black;--equalizer-background-bar-color: #575656;--equalizer-value-bar-color: #e6e6e6;--diagram-3d-background-color: black;--slider-value-container-color: gray;--slider-value-color: #d1d1d1;--slider-hover-value-color: white;--digit-fill-color: #cccccc;--digit-lighted-color: black;--horizontal-progress-bar-value-color: #504f4f;--horizontal-progress-bar-background-pattern-color: #dddddd;--horizontal-progress-bar-value-pattern-color: #b3b3b3;--horizontal-progress-bar-border-rect-color: #cccccc;--temperature-text-color: black;--temperature-path-stroke-color: black;--post-diagram-scale-line-color: #c8c8c8;--volume-channel-secondary-color: gray;--volume-channel-primary-color: #f2f2f2;--arch-progress-secondary-color: #eeeeee;--obl-linear-diagram-greed-color: gray;--obl-rating-selected-color: gold;--obl-rating-color: #cccccc}:host{font-size:var(--obl-font-size);display:flex;width:100%}.display{display:flex;align-items:center;border:1px solid var(--default-border-color);border-radius:5px;padding:5px 4px;min-inline-size:0px;width:calc(100% - 14px)}.display.labeled{padding:0 4px 5px}.display .suffix{display:flex}.display .suffix::ng-deep button:last-of-type{border-top-right-radius:5px;border-bottom-right-radius:5px}.display .suffix::ng-deep button:first-of-type{border-top-left-radius:5px;border-bottom-left-radius:5px}.display .suffix::ng-deep button{--obl-default-button-padding: 5px}.display.outlined{border:1px solid var(--default-border-color);border-radius:5px}.display.outlined.invalid{border:1px solid var(--obl-default-error-color)}.display.underlined{border:1px solid transparent;border-bottom:1px solid var(--default-border-color);border-radius:0;min-height:unset}.display.underlined.invalid{border-bottom:1px solid var(--obl-default-error-color)}.display.underlined:hover{margin-bottom:0}.display.none{border:none}obl-input-wrapper{width:100%}obl-input-wrapper::ng-deep [prefix] button:first-of-type,obl-input-wrapper::ng-deep [suffix] button:first-of-type{border-top-left-radius:5px;border-bottom-left-radius:5px}obl-input-wrapper::ng-deep [prefix] button,obl-input-wrapper::ng-deep [suffix] button{--obl-default-button-padding: 5px}obl-input-wrapper::ng-deep fieldset.label{display:flex;align-items:center;padding-top:1px!important;min-height:44px}legend{font-size:12px;margin-bottom:0;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:1px}[suffix]{display:flex}[suffix] button:last-of-type{border-top-right-radius:5px;border-bottom-right-radius:5px}[suffix] button:first-of-type{border-top-left-radius:5px;border-bottom-left-radius:5px}[suffix] button{--obl-default-button-padding: 5px}.value{flex-shrink:1;width:100%;min-width:0%;display:flex;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:30px;align-items:center;margin-left:4px;letter-spacing:0}obl-input-wrapper::ng-deep input~button{--obl-default-button-padding: 4px}obl-input-wrapper::ng-deep input~button:last-of-type{border-top-right-radius:5px;border-bottom-right-radius:5px}obl-input-wrapper::ng-deep input~button:first-of-type{border-top-left-radius:5px;border-bottom-left-radius:5px}obl-input-wrapper::ng-deep input[type=number]~button:first-of-type{border-top-left-radius:50px;border-bottom-left-radius:50px;padding-left:7px}\n"] }]
}], ctorParameters: () => [{ type: i1.InputWrappersDefaultSettingsService }], propDecorators: { value: [{
type: Input
}], label: [{
type: Input
}], labelAnimation: [{
type: Input
}], mode: [{
type: Input
}], disabled: [{
type: Input
}], editOnly: [{
type: Input
}], type: [{
type: Input
}], changed: [{
type: Output
}], input: [{
type: ViewChild,
args: ['input']
}] } });
class EditsModule {
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: EditsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.4", ngImport: i0, type: EditsModule, declarations: [EditInputComponent,
EditTextareaComponent], imports: [CommonModule,
InputModule,
IconsModule,
ButtonsModule,
ReactiveFormsModule,
AnimationsModule], exports: [EditInputComponent,
EditTextareaComponent] });
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: EditsModule, imports: [CommonModule,
InputModule,
IconsModule,
ButtonsModule,
ReactiveFormsModule,
AnimationsModule] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: EditsModule, decorators: [{
type: NgModule,
args: [{
declarations: [
EditInputComponent,
EditTextareaComponent
],
imports: [
CommonModule,
InputModule,
IconsModule,
ButtonsModule,
ReactiveFormsModule,
AnimationsModule
],
exports: [
EditInputComponent,
EditTextareaComponent
]
}]
}] });
/**
* Generated bundle index. Do not edit.
*/
export { EditInputComponent, EditTextareaComponent, EditsModule };
//# sourceMappingURL=obliczeniowo-elementary-edits.mjs.map