@crowdfarming/oliva-ds 1.92.0 → 1.93.0-rc.1
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.
|
@@ -4585,20 +4585,34 @@ class InputChatComponent {
|
|
|
4585
4585
|
this._internalValue.set(target.value);
|
|
4586
4586
|
this.valueChange.emit(target.value);
|
|
4587
4587
|
}
|
|
4588
|
+
onEnterKey(event) {
|
|
4589
|
+
event.preventDefault();
|
|
4590
|
+
this.onActionClick();
|
|
4591
|
+
}
|
|
4588
4592
|
onActionClick() {
|
|
4589
4593
|
if (this.isStop()) {
|
|
4590
4594
|
this.stopClicked.emit();
|
|
4591
4595
|
}
|
|
4592
4596
|
else if (this.isFilled() && !this.isDisabled()) {
|
|
4593
4597
|
this.sendClicked.emit();
|
|
4598
|
+
this._clearAndFocus();
|
|
4594
4599
|
}
|
|
4595
4600
|
}
|
|
4601
|
+
_clearAndFocus() {
|
|
4602
|
+
this._internalValue.set('');
|
|
4603
|
+
this.valueChange.emit('');
|
|
4604
|
+
const el = this._textareaRef()?.nativeElement;
|
|
4605
|
+
if (!el)
|
|
4606
|
+
return;
|
|
4607
|
+
el.value = '';
|
|
4608
|
+
el.focus();
|
|
4609
|
+
}
|
|
4596
4610
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: InputChatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4597
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: InputChatComponent, isStandalone: true, selector: "lib-input-chat", inputs: { state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, loaderType: { classPropertyName: "loaderType", publicName: "loaderType", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, helperText: { classPropertyName: "helperText", publicName: "helperText", isSignal: true, isRequired: false, transformFunction: null }, helperVariant: { classPropertyName: "helperVariant", publicName: "helperVariant", isSignal: true, isRequired: false, transformFunction: null }, showHelperText: { classPropertyName: "showHelperText", publicName: "showHelperText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", sendClicked: "sendClicked", stopClicked: "stopClicked" }, viewQueries: [{ propertyName: "_textareaRef", first: true, predicate: ["textareaRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"c-input-chat\">\n <div [class]=\"fieldClasses()\">\n <textarea\n #textareaRef\n rows=\"1\"\n class=\"c-input-chat__textarea\"\n [placeholder]=\"placeholder()\"\n [value]=\"value()\"\n [disabled]=\"isDisabled()\"\n (input)=\"onInput($event)\"\n ></textarea>\n <div class=\"c-input-chat__action\">\n <lib-button-icon\n [iconName]=\"actionIcon()\"\n [variant]=\"actionVariant()\"\n [disabled]=\"actionDisabled()\"\n [loading]=\"isProgress()\"\n size=\"lg\"\n (clicked)=\"onActionClick()\"\n />\n </div>\n </div>\n @if (showHelperText() && helperText()) {\n <lib-helper-text\n [text]=\"helperText()\"\n [variant]=\"helperVariant()\"\n [disabled]=\"isDisabled()\"\n />\n }\n</div>\n", styles: [":host{display:block}.c-input-chat{display:flex;flex-direction:column;gap:var(--space-component-gap-sm);width:100%}.c-input-chat__field{display:flex;align-items:flex-end;gap:var(--space-component-gap-md);padding:var(--space-component-padding-md) var(--space-component-padding-lg);border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background-color:var(--color-textfield-background-default);box-sizing:border-box;transition:border-color .15s ease,background-color .15s ease}.c-input-chat__field:hover:not(.c-input-chat__field--disabled){border-color:var(--color-textfield-border-hover);background-color:var(--color-textfield-background-hover)}.c-input-chat__field:focus-within:not(.c-input-chat__field--disabled){border-width:2px;border-color:var(--color-textfield-border-active);background-color:var(--color-textfield-background-hover);padding:calc(var(--space-component-padding-md) - 1px) calc(var(--space-component-padding-lg) - 1px)}.c-input-chat__field--disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);cursor:not-allowed}.c-input-chat__textarea{flex:1;min-height:48px;max-height:180px;padding:0;resize:none;border:none;outline:none;background:transparent;box-sizing:border-box;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing);overflow-y:hidden}.c-input-chat__textarea.is-scrollable{overflow-y:auto}.c-input-chat__textarea::placeholder{color:var(--color-textfield-content-placeholder)}.c-input-chat__textarea:disabled{color:var(--color-textfield-content-disabled);cursor:not-allowed}.c-input-chat__action{display:flex;align-items:center;flex-shrink:0}\n"], dependencies: [{ kind: "component", type: ButtonIconComponent, selector: "lib-button-icon", inputs: ["ariaLabel", "variant", "size", "iconName", "disabled", "loading", "skeletonActive"], outputs: ["clicked"] }, { kind: "component", type: HelperTextComponent, selector: "lib-helper-text", inputs: ["variant", "text", "extraClass", "disabled", "isLoading"] }] });
|
|
4611
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: InputChatComponent, isStandalone: true, selector: "lib-input-chat", inputs: { state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, loaderType: { classPropertyName: "loaderType", publicName: "loaderType", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, helperText: { classPropertyName: "helperText", publicName: "helperText", isSignal: true, isRequired: false, transformFunction: null }, helperVariant: { classPropertyName: "helperVariant", publicName: "helperVariant", isSignal: true, isRequired: false, transformFunction: null }, showHelperText: { classPropertyName: "showHelperText", publicName: "showHelperText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", sendClicked: "sendClicked", stopClicked: "stopClicked" }, viewQueries: [{ propertyName: "_textareaRef", first: true, predicate: ["textareaRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"c-input-chat\">\n <div [class]=\"fieldClasses()\">\n <textarea\n #textareaRef\n rows=\"1\"\n class=\"c-input-chat__textarea\"\n [placeholder]=\"placeholder()\"\n [value]=\"value()\"\n [disabled]=\"isDisabled()\"\n (input)=\"onInput($event)\"\n (keydown.enter)=\"onEnterKey($event)\"\n ></textarea>\n <div class=\"c-input-chat__action\">\n <lib-button-icon\n [iconName]=\"actionIcon()\"\n [variant]=\"actionVariant()\"\n [disabled]=\"actionDisabled()\"\n [loading]=\"isProgress()\"\n size=\"lg\"\n (clicked)=\"onActionClick()\"\n />\n </div>\n </div>\n @if (showHelperText() && helperText()) {\n <lib-helper-text\n [text]=\"helperText()\"\n [variant]=\"helperVariant()\"\n [disabled]=\"isDisabled()\"\n />\n }\n</div>\n", styles: [":host{display:block}.c-input-chat{display:flex;flex-direction:column;gap:var(--space-component-gap-sm);width:100%}.c-input-chat__field{display:flex;align-items:flex-end;gap:var(--space-component-gap-md);padding:var(--space-component-padding-md) var(--space-component-padding-lg);border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background-color:var(--color-textfield-background-default);box-sizing:border-box;transition:border-color .15s ease,background-color .15s ease}.c-input-chat__field:hover:not(.c-input-chat__field--disabled){border-color:var(--color-textfield-border-hover);background-color:var(--color-textfield-background-hover)}.c-input-chat__field:focus-within:not(.c-input-chat__field--disabled){border-width:2px;border-color:var(--color-textfield-border-active);background-color:var(--color-textfield-background-hover);padding:calc(var(--space-component-padding-md) - 1px) calc(var(--space-component-padding-lg) - 1px)}.c-input-chat__field--disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);cursor:not-allowed}.c-input-chat__textarea{flex:1;min-height:48px;max-height:180px;padding:0;resize:none;border:none;outline:none;background:transparent;box-sizing:border-box;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing);overflow-y:hidden}.c-input-chat__textarea.is-scrollable{overflow-y:auto}.c-input-chat__textarea::placeholder{color:var(--color-textfield-content-placeholder)}.c-input-chat__textarea:disabled{color:var(--color-textfield-content-disabled);cursor:not-allowed}.c-input-chat__action{display:flex;align-items:center;flex-shrink:0}\n"], dependencies: [{ kind: "component", type: ButtonIconComponent, selector: "lib-button-icon", inputs: ["ariaLabel", "variant", "size", "iconName", "disabled", "loading", "skeletonActive"], outputs: ["clicked"] }, { kind: "component", type: HelperTextComponent, selector: "lib-helper-text", inputs: ["variant", "text", "extraClass", "disabled", "isLoading"] }] });
|
|
4598
4612
|
}
|
|
4599
4613
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: InputChatComponent, decorators: [{
|
|
4600
4614
|
type: Component,
|
|
4601
|
-
args: [{ selector: 'lib-input-chat', imports: [ButtonIconComponent, HelperTextComponent], template: "<div class=\"c-input-chat\">\n <div [class]=\"fieldClasses()\">\n <textarea\n #textareaRef\n rows=\"1\"\n class=\"c-input-chat__textarea\"\n [placeholder]=\"placeholder()\"\n [value]=\"value()\"\n [disabled]=\"isDisabled()\"\n (input)=\"onInput($event)\"\n ></textarea>\n <div class=\"c-input-chat__action\">\n <lib-button-icon\n [iconName]=\"actionIcon()\"\n [variant]=\"actionVariant()\"\n [disabled]=\"actionDisabled()\"\n [loading]=\"isProgress()\"\n size=\"lg\"\n (clicked)=\"onActionClick()\"\n />\n </div>\n </div>\n @if (showHelperText() && helperText()) {\n <lib-helper-text\n [text]=\"helperText()\"\n [variant]=\"helperVariant()\"\n [disabled]=\"isDisabled()\"\n />\n }\n</div>\n", styles: [":host{display:block}.c-input-chat{display:flex;flex-direction:column;gap:var(--space-component-gap-sm);width:100%}.c-input-chat__field{display:flex;align-items:flex-end;gap:var(--space-component-gap-md);padding:var(--space-component-padding-md) var(--space-component-padding-lg);border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background-color:var(--color-textfield-background-default);box-sizing:border-box;transition:border-color .15s ease,background-color .15s ease}.c-input-chat__field:hover:not(.c-input-chat__field--disabled){border-color:var(--color-textfield-border-hover);background-color:var(--color-textfield-background-hover)}.c-input-chat__field:focus-within:not(.c-input-chat__field--disabled){border-width:2px;border-color:var(--color-textfield-border-active);background-color:var(--color-textfield-background-hover);padding:calc(var(--space-component-padding-md) - 1px) calc(var(--space-component-padding-lg) - 1px)}.c-input-chat__field--disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);cursor:not-allowed}.c-input-chat__textarea{flex:1;min-height:48px;max-height:180px;padding:0;resize:none;border:none;outline:none;background:transparent;box-sizing:border-box;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing);overflow-y:hidden}.c-input-chat__textarea.is-scrollable{overflow-y:auto}.c-input-chat__textarea::placeholder{color:var(--color-textfield-content-placeholder)}.c-input-chat__textarea:disabled{color:var(--color-textfield-content-disabled);cursor:not-allowed}.c-input-chat__action{display:flex;align-items:center;flex-shrink:0}\n"] }]
|
|
4615
|
+
args: [{ selector: 'lib-input-chat', imports: [ButtonIconComponent, HelperTextComponent], template: "<div class=\"c-input-chat\">\n <div [class]=\"fieldClasses()\">\n <textarea\n #textareaRef\n rows=\"1\"\n class=\"c-input-chat__textarea\"\n [placeholder]=\"placeholder()\"\n [value]=\"value()\"\n [disabled]=\"isDisabled()\"\n (input)=\"onInput($event)\"\n (keydown.enter)=\"onEnterKey($event)\"\n ></textarea>\n <div class=\"c-input-chat__action\">\n <lib-button-icon\n [iconName]=\"actionIcon()\"\n [variant]=\"actionVariant()\"\n [disabled]=\"actionDisabled()\"\n [loading]=\"isProgress()\"\n size=\"lg\"\n (clicked)=\"onActionClick()\"\n />\n </div>\n </div>\n @if (showHelperText() && helperText()) {\n <lib-helper-text\n [text]=\"helperText()\"\n [variant]=\"helperVariant()\"\n [disabled]=\"isDisabled()\"\n />\n }\n</div>\n", styles: [":host{display:block}.c-input-chat{display:flex;flex-direction:column;gap:var(--space-component-gap-sm);width:100%}.c-input-chat__field{display:flex;align-items:flex-end;gap:var(--space-component-gap-md);padding:var(--space-component-padding-md) var(--space-component-padding-lg);border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background-color:var(--color-textfield-background-default);box-sizing:border-box;transition:border-color .15s ease,background-color .15s ease}.c-input-chat__field:hover:not(.c-input-chat__field--disabled){border-color:var(--color-textfield-border-hover);background-color:var(--color-textfield-background-hover)}.c-input-chat__field:focus-within:not(.c-input-chat__field--disabled){border-width:2px;border-color:var(--color-textfield-border-active);background-color:var(--color-textfield-background-hover);padding:calc(var(--space-component-padding-md) - 1px) calc(var(--space-component-padding-lg) - 1px)}.c-input-chat__field--disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);cursor:not-allowed}.c-input-chat__textarea{flex:1;min-height:48px;max-height:180px;padding:0;resize:none;border:none;outline:none;background:transparent;box-sizing:border-box;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing);overflow-y:hidden}.c-input-chat__textarea.is-scrollable{overflow-y:auto}.c-input-chat__textarea::placeholder{color:var(--color-textfield-content-placeholder)}.c-input-chat__textarea:disabled{color:var(--color-textfield-content-disabled);cursor:not-allowed}.c-input-chat__action{display:flex;align-items:center;flex-shrink:0}\n"] }]
|
|
4602
4616
|
}] });
|
|
4603
4617
|
|
|
4604
4618
|
class InputDateComponent {
|