@jjlmoya/utils-finance 1.18.0 → 1.20.0

package/src/tool/profitability/profitability-calculator.css

@@ -16,6 +16,13 @@
   width: 100%;
   max-width: 1000px;
   margin: 0 auto;
+  min-width: 0;
+}
+
+.prof-root *,
+.prof-root *::before,
+.prof-root *::after {
+  box-sizing: border-box;
 }
 
 .theme-dark .prof-root {
@@ -32,6 +39,8 @@
   box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.2);
   transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
   position: relative;
+  min-width: 0;
+  overflow: hidden;
 }
 
 .prof-card.positive {
@@ -49,6 +58,7 @@
   grid-template-columns: 1fr 1fr;
   gap: 5rem;
   align-items: center;
+  min-width: 0;
 }
 
 @media (max-width: 900px) {
@@ -67,6 +77,8 @@
   justify-content: space-between;
   align-items: center;
   margin-bottom: 0.75rem;
+  gap: 0.75rem;
+  min-width: 0;
 }
 
 .prof-currency-select {
@@ -112,6 +124,7 @@
   color: var(--prof-text);
   transition: all 0.3s;
   box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
+  min-width: 0;
 }
 
 .prof-input-field:hover {
@@ -171,6 +184,7 @@
   display: flex;
   flex-direction: column;
   gap: 2rem;
+  min-width: 0;
 }
 
 .prof-status-badge {
@@ -204,6 +218,7 @@
   letter-spacing: -0.06em;
   margin: 0.5rem 0;
   filter: drop-shadow(0 4px 8px rgba(0,0,0,0.1));
+  overflow-wrap: anywhere;
 }
 
 .positive .prof-metric-val { color: var(--prof-brand); }
@@ -229,6 +244,7 @@
   font-weight: 900;
   color: var(--prof-text);
   margin-top: 0.5rem;
+  overflow-wrap: anywhere;
 }
 
 .prof-copy-btn {
@@ -260,4 +276,89 @@
   padding-top: 3.5rem;
   border-top: 2px solid var(--prof-border);
   height: 400px;
+  min-width: 0;
+}
+
+.prof-chart-wrap canvas {
+  max-width: 100%;
+}
+
+@media (max-width: 768px) {
+  .prof-root {
+    gap: 1.25rem;
+  }
+
+  .prof-card {
+    border-radius: 1.25rem;
+    padding: 1.25rem;
+  }
+
+  .prof-grid {
+    gap: 1.5rem;
+  }
+
+  .prof-input-group {
+    margin-bottom: 1.25rem;
+  }
+
+  .prof-label-row {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+
+  .prof-input-field {
+    border-radius: 1rem;
+    font-size: 1.125rem;
+    padding: 0.875rem 1rem;
+  }
+
+  .prof-time-row {
+    flex-direction: column;
+  }
+
+  .prof-unit-select {
+    min-height: 3rem;
+    padding: 0.75rem 3rem 0.75rem 1rem;
+  }
+
+  .prof-results {
+    gap: 1.25rem;
+  }
+
+  .prof-status-badge {
+    border-radius: 1rem;
+    font-size: 0.875rem;
+    margin-bottom: 1rem;
+    max-width: 100%;
+    overflow-wrap: anywhere;
+  }
+
+  .prof-metric-val {
+    font-size: 3rem;
+  }
+
+  .prof-submetrics {
+    grid-template-columns: 1fr;
+  }
+
+  .prof-submetric-card {
+    padding: 1rem;
+    border-radius: 1rem;
+  }
+
+  .prof-submetric-val {
+    font-size: 1.5rem;
+  }
+
+  .prof-copy-btn {
+    border-radius: 1rem;
+    font-size: 1rem;
+    padding: 1rem;
+  }
+
+  .prof-chart-wrap {
+    height: 300px;
+    margin-top: 2rem;
+    padding-top: 2rem;
+  }
 }

package/src/tool/rentIncreaseCalculator/i18n/it.ts

@@ -5,30 +5,30 @@ import type { RentIncreaseUI } from '../ui';
 
 const slug = 'calcolatore-aumento-affitto-spagna-ipc';
 const title = 'Calcolatore Aumento Affitto Spagna IPC: Limite 3%';
-const description = 'Calcola l’aggiornamento del tuo affitto con l’IPC o il limite legale del 3% secondo la Legge spagnola sulla Casa.';
+const description = 'Calcola l\'aggiornamento del tuo affitto con l\'IPC o il limite legale del 3% secondo la Legge spagnola sulla Casa.';
 
 const faqData = [
   {
-    question: 'Qual è l’aumento massimo dell’affitto consentito nel 2024 e 2025?',
-    answer: 'Secondo la Legge 12/2023 per il Diritto alla Casa, per gli anni 2024 e 2025, l’incremento massimo annuale del canone negli affitti abitativi è limitato per legge al 3%.',
+    question: 'Qual è l\'aumento massimo dell\'affitto consentito nel 2024 e 2025?',
+    answer: 'Secondo la Legge 12/2023 per il Diritto alla Casa, per gli anni 2024 e 2025, l\'incremento massimo annuale del canone negli affitti abitativi è limitato per legge al 3%.',
   },
   {
-    question: 'È obbligatorio aumentare l’affitto ogni anno con l’IPC?',
-    answer: 'Non è obbligatorio per legge. Perché l’affitto aumenti, il contratto deve includere una clausola esplicita che menzioni l’aggiornamento annuale.',
+    question: 'È obbligatorio aumentare l\'affitto ogni anno con l\'IPC?',
+    answer: 'Non è obbligatorio per legge. Perché l\'affitto aumenti, il contratto deve includere una clausola esplicita che menzioni l\'aggiornamento annuale.',
   },
   {
-    question: 'Con quanto anticipo deve notificare il proprietario l’aumento?',
-    answer: 'Il proprietario deve comunicare l’aumento per iscritto all’inquilino con almeno un mese di anticipo (30 giorni).',
+    question: 'Con quanto anticipo deve notificare il proprietario l\'aumento?',
+    answer: 'Il proprietario deve comunicare l\'aumento per iscritto all\'inquilino con almeno un mese di anticipo (30 giorni).',
   },
   {
-    question: 'Cosa succede se l’IPC è superiore al limite legale del 3%?',
-    answer: 'Anche se l’IPC reale è superiore, il proprietario di un’abitazione principale non può richiedere legalmente un aumento superiore al 3% durante il 2024 e il 2025.',
+    question: 'Cosa succede se l\'IPC è superiore al limite legale del 3%?',
+    answer: 'Anche se l\'IPC reale è superiore, il proprietario di un\'abitazione principale non può richiedere legalmente un aumento superiore al 3% durante il 2024 e il 2025.',
   },
 ];
 
 const howToData = [
   {
-    name: 'Inserisci l’affitto attuale',
+    name: 'Inserisci l\'affitto attuale',
     text: 'Scrivi il canone mensile che paghi attualmente.',
   },
   {
@@ -37,7 +37,7 @@ const howToData = [
   },
   {
     name: 'Consulta i risultati',
-    text: 'Otterrai il nuovo affitto stimato, l’incremento mensile e il costo extra annuale.',
+    text: 'Otterrai il nuovo affitto stimato, l\'incremento mensile e il costo extra annuale.',
   },
   {
     name: 'Copia il riepilogo',
@@ -53,7 +53,7 @@ const seoData = [
   },
   {
     type: 'paragraph',
-    html: 'In Spagna, l’<strong>Indice dei Prezzi al Consumo (IPC)</strong> è tradizionalmente lo strumento utilizzato per adeguare il prezzo dell’affitto. Tuttavia, la nuova Legge sulla Casa ha introdotto limiti importanti.',
+    html: 'In Spagna, l\'<strong>Indice dei Prezzi al Consumo (IPC)</strong> è tradizionalmente lo strumento utilizzato per adeguare il prezzo dell\'affitto. Tuttavia, la nuova Legge sulla Casa ha introdotto limiti importanti.',
   },
 ];
 
@@ -95,7 +95,7 @@ export const content: ToolLocaleContent<RentIncreaseUI> = {
   description,
   ui: {
     labelTitle: 'Calcolatore Aumento Affitto',
-    labelDescription: 'Aggiorna il tuo canone in base all’IPC o applica il limite legale del 3% in modo sicuro.',
+    labelDescription: 'Aggiorna il tuo canone in base all\'IPC o applica il limite legale del 3% in modo sicuro.',
     labelCurrentRent: 'Affitto Attuale',
     labelCurrentRentPlaceholder: 'Es. 800',
     labelIncrementType: 'Modalità Aggiornamento',

package/src/tool/rentIncreaseCalculator/i18n/tr.ts

@@ -5,7 +5,7 @@ import type { RentIncreaseUI } from '../ui';
 
 const slug = 'kira-artisi-hesaplama-ispanya-ipc';
 const title = 'İspanya Kira Artış Hesaplama IPC 3% Sınır';
-const description = 'Kiranızı IPC’ye veya İspanya Konut Yasası’na göre %3’lük yasal sınıra göre güncellemeyi ücretsiz hesaplayın.';
+const description = 'Kiranızı IPC\'ye veya İspanya Konut Yasası\'na göre %3\'lük yasal sınıra göre güncellemeyi ücretsiz hesaplayın.';
 
 const faqData = [
   {
@@ -21,8 +21,8 @@ const faqData = [
     answer: 'Ev sahibi, yeni kiranın uygulanacağı tarihten en az bir ay (30 gün) önce kiracıya artışı yazılı olarak bildirmelidir.',
   },
   {
-    question: 'IPC yasal sınır olan %3’ten yüksekse ne olur?',
-    answer: 'Gerçek IPC daha yüksek olsa bile, bir daimi konutun sahibi 2024 ve 2025 yılları boyunca yasal olarak %3’ten fazla bir artış talep edemez.',
+    question: 'IPC yasal sınır olan %3\'ten yüksekse ne olur?',
+    answer: 'Gerçek IPC daha yüksek olsa bile, bir daimi konutun sahibi 2024 ve 2025 yılları boyunca yasal olarak %3\'ten fazla bir artış talep edemez.',
   },
 ];
 
@@ -53,7 +53,7 @@ const seoData = [
   },
   {
     type: 'paragraph',
-    html: 'İspanya’da <strong>Tüketici Fiyat Endeksi (IPC)</strong> geleneksel olarak kira fiyatlarını ayarlamak için kullanılan bir ölçüttür. Ancak yeni Konut Yasası ile önemli sınırlamalar getirilmiştir.',
+    html: 'İspanya\'da <strong>Tüketici Fiyat Endeksi (IPC)</strong> geleneksel olarak kira fiyatlarını ayarlamak için kullanılan bir ölçüttür. Ancak yeni Konut Yasası ile önemli sınırlamalar getirilmiştir.',
   },
 ];
 
@@ -95,7 +95,7 @@ export const content: ToolLocaleContent<RentIncreaseUI> = {
   description,
   ui: {
     labelTitle: 'Kira Artışı Hesaplayıcı',
-    labelDescription: 'Kiranızı IPC’ye göre ayarlayın veya %3’lük yasal sınırı güvenle uygulayın.',
+    labelDescription: 'Kiranızı IPC\'ye göre ayarlayın veya %3\'lük yasal sınırı güvenle uygulayın.',
     labelCurrentRent: 'Mevcut Kira',
     labelCurrentRentPlaceholder: 'Örn. 800',
     labelIncrementType: 'Güncelleme Modu',

package/src/tool/rentIncreaseCalculator/rent-increase-calculator.css

@@ -93,6 +93,14 @@
     margin: 0 auto;
     perspective: 1000px;
     padding: 2rem 1rem;
+    min-width: 0;
+    box-sizing: border-box;
+}
+
+.ric-container *,
+.ric-container *::before,
+.ric-container *::after {
+    box-sizing: border-box;
 }
 
 .ric-card {
@@ -104,6 +112,7 @@
     position: relative;
     overflow: hidden;
     color-scheme: light;
+    min-width: 0;
 }
 
 .theme-dark .ric-card,
@@ -146,6 +155,7 @@
     grid-template-columns: 1fr 1fr;
     gap: 2rem;
     margin-bottom: 2rem;
+    min-width: 0;
 }
 
 .ric-inputs-section {
@@ -185,6 +195,7 @@
     color: var(--ric-text-input);
     font-size: 1rem;
     transition: all 0.2s;
+    min-width: 0;
 }
 
 .ric-input-wrapper input:focus,
@@ -207,6 +218,7 @@
     display: flex;
     flex-direction: column;
     gap: 1.5rem;
+    min-width: 0;
 }
 
 .ric-result-header {
@@ -228,7 +240,7 @@
     font-weight: 900;
     color: var(--ric-text-result-value);
     letter-spacing: -0.02em;
-    overflow-wrap: break-word;
+    overflow-wrap: anywhere;
 }
 
 .ric-comparison-bar {
@@ -257,6 +269,7 @@
     font-size: 0.875rem;
     font-weight: 600;
     color: var(--ric-text-bar);
+    gap: 0.75rem;
 }
 
 .ric-summary-details {
@@ -286,6 +299,7 @@
     font-size: 1.25rem;
     font-weight: 800;
     color: var(--ric-text-result-value);
+    overflow-wrap: anywhere;
 }
 
 .ric-highlight {
@@ -342,8 +356,18 @@
 }
 
 @media (max-width: 768px) {
+    .ric-container {
+        padding: 1rem 0;
+    }
+
+    .ric-card {
+        border-radius: 20px;
+        padding: 1.25rem;
+    }
+
     .ric-layout {
         grid-template-columns: 1fr;
+        gap: 1.5rem;
     }
 
     .ric-header h3 {
@@ -356,6 +380,7 @@
 
     .ric-info-footer {
         flex-direction: column;
+        align-items: stretch;
     }
 
     .ric-action-btn {
@@ -366,5 +391,22 @@
     .ric-legal-badge {
         width: 100%;
         justify-content: center;
+        text-align: center;
+    }
+
+    .ric-header {
+        margin-bottom: 1.5rem;
     }
-}
+
+    .ric-header p {
+        font-size: 1rem;
+    }
+
+    .ric-summary-details {
+        grid-template-columns: 1fr;
+    }
+
+    .ric-bar-labels {
+        flex-direction: column;
+    }
+}