feat: update environment configuration and ngsw settings; refactor input handling and layout components for improved functionality

This commit is contained in:
2026-05-16 21:17:51 +03:30
parent 29c5c50d62
commit 5098c26c96
10 changed files with 40 additions and 28 deletions
@@ -19,7 +19,7 @@
}
</header>
}
<div class="p-4">
<div class="light-bottomsheet-body p-4">
<ng-content></ng-content>
</div>
</div>
@@ -39,7 +39,9 @@ import { Button } from 'primeng/button';
right: 0;
bottom: 0;
left: 0;
max-height: 80svh;
max-height: 90vh;
display: flex;
flex-direction: column;
background: var(--surface-card, #fff);
border-radius: 12px 12px 0 0;
box-shadow: none;
@@ -51,13 +53,21 @@ import { Button } from 'primeng/button';
}
.light-bottomsheet-content {
max-height: 80svh;
overflow: auto;
display: flex;
flex-direction: column;
flex: 1;
min-height: 0;
padding-bottom: calc(0.75rem + env(safe-area-inset-bottom));
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
}
.light-bottomsheet-body {
flex: 1;
min-height: 0;
overflow: auto;
}
.light-bottomsheet-header {
display: flex;
align-items: center;
@@ -116,7 +126,7 @@ export class SharedLightBottomsheetComponent implements OnInit, OnDestroy, OnCha
@Input() modal = true;
@Input() closable = true;
@Input() style: Record<string, string> | undefined;
@Input() mobileDrawerHeight = '80svh';
@Input() mobileDrawerHeight = '90vh';
@Input() transitionOptions = '130ms cubic-bezier(0.2, 0, 0, 1)';
@Output() onHide = new EventEmitter<any>();
@@ -243,6 +243,9 @@ export class InputComponent {
}
onInput($event: Event, isPriceFormat?: boolean) {
if ((this.inputMode !== 'numeric' && this.inputMode !== 'decimal') || !isPriceFormat) {
return;
}
const target = $event.target as HTMLInputElement | null;
if (!target) return;
@@ -280,7 +283,8 @@ export class InputComponent {
value = this.lastValidNumericValue;
numericValue = Number.isNaN(parseFloat(value)) ? 0 : parseFloat(value);
const isIdentifierField = ['mobile', 'phone', 'postalCode', 'nationalId'].includes(this.type);
// const isIdentifierField = ['mobile', 'phone', 'postalCode', 'nationalId'].includes(this.type);
const isIdentifierField = !this.numericValue;
const restoredControlValue = isIdentifierField ? value : value === '' ? '' : numericValue;
this.control.setValue(restoredControlValue);